Оболочка чата, в котором живёт всё производство: ввод, переписка, история, источники.
💬Важно
Поле ввода (Composer)
Prompt input
Главное поле, куда вводится запрос: растёт с текстом, отправляет по Enter и превращается в кнопку «Стоп», пока стримится ответ.
Оригинал ↗
📎Важно
Лоток вложений
Attachments tray
Загрузка референсов и файлов: лоток с прогрессом и повтором, drag-n-drop с проверкой типов, сетка картинок с сортировкой, проверка лимита контекста.
Оригинал ↗
🧠Важно
Выбор модели
Model picker
Какая модель отвечает и насколько «сильно» думает: слайдер усилий, список с поиском по провайдерам, подробный список или быстрый переключатель.
Оригинал ↗
🧵Полезно
Лента переписки
Conversation
Область сообщений: автопрокрутка вниз, ветвление после правок, две модели отвечают бок о бок, боковая ветка для уточнения.
Оригинал ↗
🗯Полезно
Сообщение
Message
Одно сообщение чата от пользователя или ассистента, три варианта раскладки.
Оригинал ↗
🚪Полезно
Пустое состояние
Empty state
Экран нового чата: приветствие, центральный промпт, галерея шаблонов задач и пустая студия изображений.
Оригинал ↗
🔝Полезно
Шапка чата
Thread header
Название и модель, «поделиться», хлебные крошки проекта с правами доступа и статус агента, работающего над задачей.
Оригинал ↗
📚Полезно
История чатов
Thread list
Сайдбар с датами, чаты по проектам, поиск внутри сообщений, отдельная страница для массового управления.
Оригинал ↗
🪟Полезно
Боковая панель
Panel dock
Панель изменяемой ширины рядом с чатом для файлов, превью и источников, складывается, когда не нужна.
Оригинал ↗
🚫Полезно
Ошибки сообщений
Message error
Что показать вместо ответа, который не удался, упёрся в лимит или был остановлен на середине.
Оригинал ↗
🤔Полезно
Рассуждения
Reasoning
Ход размышлений модели в процессе, затем сворачивается в строку «Думал 12 секунд».
Оригинал ↗
🪜Опционально
Рассуждения по шагам
Chain of thought
Мышление как шаги: список статусов, след поисков и прочитанных страниц, взвешенные и отвергнутые варианты.
Оригинал ↗
⏳Опционально
Индикатор загрузки
Loader
Маленькие лоадеры для момента, когда ответ ещё не начался, с опциональной подписью.
Оригинал ↗
✨Опционально
Статусная строка
Text shimmer
Переливающийся текст статуса: «Думает…», «Ищет в интернете…».
Оригинал ↗
🗂Опционально
Вкладки чатов
Session tabs
Несколько чатов одновременно во вкладках, идущие помечены — переключайтесь, не теряя место.
Оригинал ↗
📏Опционально
Рельса таймлайна
Scroll rail
Столбец отметок рядом с длинным чатом: наведение — предпросмотр, клик — переход, закладка — на будущее.
Оригинал ↗
🔘Опционально
Кнопка ассистента
Assistant launcher
Круглая кнопка в углу страницы, открывающая небольшую чат-панель.
Оригинал ↗
📉Опционально
Счётчик контекста
Context meter
Сколько контекстного окна заняла беседа и что именно его занимает.
Оригинал ↗
⌘Опционально
Слэш-команды
Slash command menu
Символ / открывает фильтруемый список команд, выбранная становится чипом перед сообщением.
Оригинал ↗
@Опционально
Упоминания (@)
Mention menu
Символ @ вставляет файл, человека или документ в сообщение в виде тега, сгруппированы по типу.
Оригинал ↗
🗃Опционально
Источники проекта
Knowledge sources
Файлы и подключённые приложения, на которые опираются ответы, и быстрый способ сузить их для одного вопроса.
Оригинал ↗
🔗Полезно
Превью ссылок
Link preview
Ссылки с их содержимым: карточка со скелетоном загрузки, hover-карточка, богатые встраивания для видео и постов.
Оригинал ↗
¹Низкий
Цитаты в тексте
Inline citation
Маркеры источников внутри ответа: числа, надстрочные знаки, чипы сайтов, сноски на полях.
Оригинал ↗
📰Низкий
Список источников
Sources list
Полный набор источников за ответом: за кнопкой, карточками, сносками, в боковой панели или как журнал исследования.
Оригинал ↗
📖Низкий
Просмотр источника
Source viewer
Открывает источник рядом с ответом с подсветкой цитируемого фрагмента и переходом по всем ссылкам на него.
Оригинал ↗