01 · Сайдбар (как сейчас)
Портрет над селектором агента — «слайдер вдохновения», клик открывает полный размер.
Открыть
Живые макеты: куда можно подставить тот же файл, что питает
#agent-preview-thumb в сайдбаре Editor (/api/agents/workspace-preview).
Файл кладётся в превью workspace: _Storage/…/preview.jpg (см. AWN Storage) или в слайдер
_Assets/slider/.
Запустите npm start и откройте каталог по адресу из консоли (порт не всегда 3000; при редиректе на HTTPS — порт 3443).
Путь: /examples/agent-cms-voice-agent-image/
· 15 идей композиции
· Без сервера: откройте этот index.html с диска (относительные ссылки на макеты работают).
279px — как в продеworkspace-preview_agent-thumb.svg (в проде — JPG/PNG из workspace)Портрет над селектором агента — «слайдер вдохновения», клик открывает полный размер.
ОткрытьГоризонтальный баннер сверху iframe Agent CMS Voice (стили уже в styles.css).
Постер агента в центре главного экрана Shell; облачко — оверлей или fallback.
ОткрытьМиниатюра слева от выбора workspace — быстрая идентификация голоса.
ОткрытьКаждый ответ агента с тем же preview — как в мессенджере.
ОткрытьРазмытый full-bleed фон за героем (настройка «Своя картинка URL»).
ОткрытьПостер workspace рядом с превью Kenney-модели в панели персонажа.
ОткрытьТекстура/плакат в окне «Персонаж поверх окон» вместо только SVG-облачка.
ОткрытьШапка боковой панели расширения — тот же preview URL по выбранному агенту.
ОткрытьКарточка в поповере workspace и ротация кадров из _Assets/slider/.
Не «где в UI», а «как посадить лицо/персонажа» в рамке: круг, баннер, blur-bg, fade в чат…
Открыть галерею