Компоненты для AI-приложений.

Добавьте экран, где можно смотреть, как ассистент пользуется сайтом за человека: его указатель движется, щёлкает и печатает, а список показывает каждый шаг. Нужны «Пауза», «Перехватить управление» и подтверждение перед любым действием, которое тратит деньги. Добавьте режим, в котором ассистента учат задаче, проделав её один раз, и запись, которую можно пересмотреть и перемотать.

Добавьте ассистенту в моём приложении ход рассуждений: пока он работает, показывайте панель «Думаю…» со списком шагов — у текущего крутится индикатор, у готовых стоит галочка и время выполнения. Панель можно раскрыть, чтобы прочитать рассуждения, выполненные поиски и написанный код, а по завершении она сворачивается в строку «Думал 6 с».

Показывайте инструменты, которыми ассистент пользуется во время ответа, маленькими чипами: пока инструмент работает — индикатор загрузки, когда готово — его название и время, при сбое — красный цвет и текст ошибки, а по щелчку — что было передано и что вернулось. Добавьте вид «хронология», который сворачивается в строку «Использовано 5 инструментов».

Добавьте список задач, который показывает, над чем работает агент: по строке на задачу со статусом (в очереди, выполняется с кольцом прогресса, ошибка с кнопкой «Повторить», готово с галочкой), коротким счётчиком вроде «12 счетов» и стрелкой, раскрывающей подшаги задачи.

Добавьте карточку плана функций: чек-лист функций, которые сейчас создаются, с полосой прогресса («готово 3 из 5»). У каждой функции — статус «в планах», «в работе» или «готово», однострочное описание по раскрытию и маленький значок «Тест пройден» или «Тест не пройден».

Дайте людям отправлять запросы, пока ассистент работает: показывайте, над чем он сейчас трудится и насколько продвинулся, а новые запросы складывайте в очередь над полем ввода — их можно переставлять, редактировать, удалять или отправлять следующими. Добавьте кнопку, чтобы поставить очередь на паузу.

Добавьте генератор изображений: поле для описания с выбором стиля и формата и кнопку «Сгенерировать», которая создаёт по четыре изображения сразу, и каждое показывает, как продвигается его создание. Из готового изображения можно сделать вариации, увеличить его, сохранить в избранное или скачать; прежние серии остаются ниже.

Сделайте так, чтобы ответы ассистента появлялись слово за словом за мигающим курсором, с нумерованными ссылками на источники — при наведении видны заголовок, сайт и фрагмент. Под ответом — ряд действий (копировать, повторить, нравится, не нравится) и два-три уточняющих вопроса, которые можно задать одним нажатием.

Когда ассистент отвечает по нашим документам, показывайте использованные фрагменты карточками: у каждой источник и страница, оценка релевантности, подсвеченные совпадения и кнопки «закрепить» и «исключить», а в ответе каждая карточка указана своим номером.

Прежде чем ассистент сделает что-то важное, показывайте карточку подтверждения: несколько вопросов по одному (один вариант, несколько вариантов или короткий ответ) с кнопками «Пропустить», «Продолжить» и счётчиком «1 из 3». Для рискованных действий — карточка, которая точно описывает, что произойдёт, с кнопками «Разрешить», «Изменить» и «Отклонить».

Добавьте карточку рекомендации: вариант, который советует ассистент, со шкалой уверенности (например, «82% · высокая»), доводы с источниками, главный риск, что могло бы изменить его мнение, рассмотренные альтернативы с их собственной уверенностью и кнопку, чтобы действовать.

Добавьте в приложение голосового ассистента: светящуюся сферу, на которую нажимают, чтобы заговорить. Она показывает, когда слушает, думает и говорит; нужны живые субтитры, кнопка отключения микрофона, возможность перебить касанием, пока она говорит, и маленькая панель звонка с таймером и кнопкой завершения.

Дайте людям комментировать предпросмотр моего приложения: кнопка «Комментировать», затем клик в любом месте ставит метку с аватаром автора и открывает ветку, где могут ответить другие. Ветки можно отметить решёнными (с отменой) и скрыть, они показывают, когда пришёл новый ответ, и также перечислены в боковой панели с вкладками «Открытые» и «Решённые».

Добавьте в моё приложение поле запроса: оно растёт по мере ввода, «@» открывает список файлов и источников данных, которые прикрепляются плашками, «/» открывает список команд, а ещё есть кнопки прикрепить файл, выбрать модель, надиктовать голосом и отправить — и всем этим можно пользоваться с клавиатуры.

Добавьте рядом с полем запроса выбор модели: кнопка с текущей моделью и усилием открывает список моделей, у каждой — короткое описание, индикаторы скорости и стоимости и значок для премиум-моделей; плюс переключатель усилия («Низкое», «Среднее», «Высокое», «Максимальное») с пояснением, сколько расходует каждый уровень.

Добавьте голосовой ввод в текстовые поля: кнопка микрофона превращает поле в живую звуковую волну с таймером, показывает слова по ходу речи (неокончательные — серым) и даёт кнопки, чтобы сохранить сказанное или отменить.

Пусть при выделении текста в моём редакторе рядом сразу появляется панель ИИ — «Улучшить», «Короче», «Теплее», «Исправить ошибки» и «Перевести», — а переписанный текст показывается на месте: старые слова зачёркнуты, новые зелёные, с кнопками «Принять» и «Отменить».

Добавьте палитру команд, которая открывается по ⌘K: одно поле поиска находит страницы, записи и действия прямо по ходу ввода (прощая опечатки), группирует результаты, ставя недавние первыми, выделяет совпавшие буквы, выполняет выбранное по Enter, а если ничего не нашлось, показывает дружелюбную пустую подсказку с предложением.

Когда ассистент предлагает изменить таблицу, показывайте правки до применения: в изменённой ячейке старое значение зачёркнуто, новое — зелёное; у строк, которые он решил не трогать, — пояснение; кнопки, чтобы принять или отклонить каждую ячейку, каждую строку или всё сразу, и затем «Применить».

Добавьте на мою панель ряд карточек показателей: в каждой — число, изменение с прошлой недели зелёным или красным и маленький график, на котором при наведении видно значение за каждый день. Ниже — карточка инсайтов, которую можно листать: что значат эти цифры и какой следующий шаг стоит сделать.

Добавьте таблицу клиентов: с поиском, сортировкой по столбцам (название, теги, объём в месяц, последний заказ и сила отношений в виде четырёх полосок), флажками для выбора строк и панелью массовых действий, которая появляется, когда строки выбраны. На телефоне первый столбец остаётся на месте, а остальные прокручиваются.

Добавьте живую таблицу заказов со статусными метками над ней (Все, Новые, В работе, Отправлены, Проблема): у каждой свой счётчик, по нажатию она фильтрует строки. Новые заказы появляются сверху, а строки со сменившимся статусом плавно перемещаются; добавьте поиск, кнопку «Пауза» для живых обновлений и возможность сгруппировать строки по статусу.

Показывайте изменения, которые агент внёс в код, в виде диффа для проверки: по файлам, удалённые строки красным, добавленные зелёным, изменённые слова подсвечены, неизменённый код свёрнут, у каждого файла флажок «Просмотрено», комментарии к любой изменённой строке и переключатель между единым видом и видом рядом.

Добавьте в админку моего приложения живой просмотр журналов: строки поступают со временем, уровнем и источником; у каждого уровня есть переключатель со счётчиком; поиск подсвечивает совпадения; просмотр следует за новой строкой, пока я не прокручу вверх (тогда появляется кнопка «новые строки»); а ещё можно поставить на паузу, раскрыть подробности строки и скопировать строки.

Добавьте конструктор автоматизаций: схема на холсте в точку начинается с триггера, ветвится по условиям «да/нет» и выполняет действия; на каждой связи есть +, чтобы добавить шаг из меню; шаги можно переименовывать и удалять; холст можно двигать и масштабировать; кнопка «Тестовый запуск» подсвечивает каждый шаг по мере выполнения.

Добавьте канбан-доску: по колонке на каждый этап, карточки можно перетаскивать между колонками мышью или пальцем либо двигать с клавиатуры (Space — взять, стрелки — переместить, Space — положить), у каждой колонки — счётчик и лимит, а внизу — быстрое «Добавить карточку».

Покажите, кто ещё сейчас в документе: стопку аватаров с точкой «активен» или «неактивен», курсор каждого с именем в его собственном цвете, что он выделяет или печатает, уведомление, когда кто-то пришёл или ушёл, и возможность следовать за человеком по клику на его аватар.

Добавьте историю версий: ленту сохранённых версий по дням, с автором каждой и отметкой текущей. При выборе версии видно, что изменилось (или сравнение страницы «до/после»), а «Восстановить» просит подтверждения, оставляет текущую версию в истории и может быть отменено.

Добавьте в моё приложение боковую панель: сверху переключатель рабочих пространств, основные страницы с иконками и счётчиками непрочитанного, сворачиваемые разделы, подсветку, которая плавно переезжает на строку под указателем, внизу — вошедшего пользователя и кнопку, сворачивающую панель в узкую полосу иконок с подсказками.

Добавьте чек-лист настройки для новых пользователей: кольцо прогресса с «2 из 5 готово», шаги по порядку со временем на каждый, следующий шаг раскрыт, с кнопкой, которая его выполняет, и «Пропустить пока», поздравление, когда всё готово, и возможность скрыть чек-лист и вернуть его. Сделайте и вариант в виде маленькой кнопки в углу экрана.

Добавьте страницу настроек с разделами (данные магазина, доставка, уведомления), которая отмечает каждое изменённое мной поле, показывает панель с числом несохранённых изменений и кнопками «Сохранить» / «Отменить», проверяет поля перед сохранением и переводит к первой ошибке, подтверждает сохранение и сохраняет также по Ctrl+S или ⌘S.

Превратите форму заявки в пошаговый мастер: полоса шагов показывает, где я и какие шаги готовы; каждый шаг проверяется перед переходом с понятными сообщениями; «Назад» ничего не теряет; в конце — страница проверки со ссылками «Изменить» для каждого шага и подтверждение после отправки.

После загрузки таблицы покажите шаг сопоставления её столбцов с моими полями: у каждого столбца — несколько примеров значений, предложенное поле и уверенность совпадения, простой способ изменить его или пропустить столбец, предупреждения, если не хватает обязательного поля или два столбца указывают на одно поле, и кнопка «Импортировать» с прогрессом и итогом.

Добавьте загрузку файлов: область, куда можно перетащить файлы, выбрать их по клику или вставить изображения; превью и полоса прогресса для каждого файла; понятное сообщение, если файл слишком большой или не того типа; кнопка «Повторить», если загрузка не удалась; и вложения в поле сообщения, которые должны загрузиться, прежде чем сообщение можно будет отправить.

Добавьте окно запроса разрешений, которое появляется, прежде чем другое приложение подключится или ассистент что-то сделает от моего имени: оно простыми словами перечисляет, что именно запрашивается, позволяет отключить необязательное, показывает предпросмотр действия (например, письмо и получателей), предлагает «Разрешить один раз» или «Разрешать всегда» и даёт опцию «Запомнить выбор».

Добавьте выбор времени для записи: лента ближайших двух недель (или календарь на месяц) для выбора дня, свободное время по группам «утро» и «день», занятые слоты серым, выбор длительности, часовой пояс и сводка с кнопкой «Подтвердить», которая превращается в подтверждение с кнопкой «Добавить в календарь».

Добавьте раздел с ценами: три тарифа рядом, переключатель «Помесячно / За год», который показывает выгоду годовой оплаты, выделенный самый популярный тариф, кнопку «Выбрать» на каждом, которая переносит тариф и цену в панель оформления заказа, и таблицу сравнения того, что входит в каждый тариф.

Добавьте всплывающие уведомления: они складываются стопкой в углу и раскрываются при наведении, закрываются сами через несколько секунд (пока на них наведён курсор — ждут), смахиваются в сторону и бывают такими: успех, ошибка с кнопкой «Повторить», загрузка, которая сменяется успехом, и уведомление с кнопкой «Отменить».

Добавьте в верхнюю панель колокольчик уведомлений с красным счётчиком непрочитанных. Он открывает входящие с вкладками «Все», «Непрочитанные» и «Упоминания», уведомления сгруппированы по «Сегодня», «Вчера» и «Ранее», у каждого — кнопки, чтобы сразу действовать (одобрить, ответить), точка, чтобы отметить прочитанным или непрочитанным, кнопка «Отметить все прочитанными», а новые уведомления плавно появляются по мере поступления.

Продумайте пустые состояния моих списков: дружелюбный экран первого визита с кнопками добавить первый элемент или попробовать примеры данных, сообщение «ничего не найдено» с текстом запроса и предложением сбросить фильтры, экран ошибки с «Повторить» и подробностями и баннер офлайн-режима, который оставляет на виду последние сохранённые данные и сам пробует переподключиться.