AIST.tech DS  /  Patterns  /  Analyst Views

Аналитические продукты.

Layout-паттерны для продуктов класса MI Analyst — чат-исследователь, в который встроен вывод в виде структурированных виджетов. Тёмная поверхность, чат слева, canvas справа, режим отчёта — как финальная точка.

01. Shell тёмной поверхности

Аналитика — это «работа в ночном кабинете»: тёмная поверхность #09090B со ступенчатой zinc-палитрой (#0F0F11 sidebar, #18181B card, #27272A border). Primary остаётся тем же #0048B2 — контраст обеспечивается светлым текстом, не другим оттенком брендового.

Sidebar 240 pxШире, чем в ЛК (220) — здесь длинные имена тредов.
Canvas 420 pxШире, чем right-pane (360) — виджеты должны дышать.
Topbar 52 pxКомпактнее основного (56) — больше места для чата.
Zinc-ладдер 5 шаговbackground → sidebar → card → border → text-muted. См. color tokens.

02. Chat + canvas

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

— chat + canvas: рабочий режим

EU-сценарий Q4: DACH + NL

run-7840 · 42 180 токенов
Сделай сценарный анализ входа на EU рынок для нашего SaaS-продукта.
Чтобы построить корректный сценарий, мне нужно три вещи: целевые страны, ценовую гипотезу и текущую готовность к локализации. Начну с первого — какие страны?
DACH плюс Нидерланды. Цена сопоставима с US-планом, локализация — только EN.
→ инструмент: market_size
query: DACH+NL, B2B SaaS, mid-market
результат: 14 конкурентов · TAM €2.4B
Собрал предварительный обзор. Открыл справа три виджета: TAM по странам, топ-7 конкурентов и ценовая карта. Главный риск — DPA с EU-резидентностью до запуска.
Enter — отправить · Shift+Enter — перенос строки

03. Chat-only (без canvas)

Когда виджеты не нужны — разговор пока на стадии вопросов, или пользователь закрыл canvas вручную. Chat растягивается, центрируется по колонке max-width 720, sidebar остаётся.

— chat-only: разговор без виджетов

Уточнение цели исследования

run-7842 · 620 токенов
Прежде чем собирать данные, давайте проясним: что для вас «успешный» результат этого исследования? Один из трёх:

— решение «идти / не идти» на конкретный рынок;
— список из 3 стран в приоритете;
— защита плана перед советом.
Второе — нужен ранжированный список из 3 стран.
Понял. Тогда соберу метрики по 6 кандидатам и покажу топ-3 с обоснованием. Это займёт около 8 минут — продолжать?

04. Report view

Финальная точка сессии — структурированный отчёт. Когда аналитик закончил, можно открыть «режим отчёта» — уйти из чата в full-screen документ с заголовком, TOC и сеткой виджетов. Это то, что экспортируется в PDF / шарится коллегам.

Padding 40 × 56Больше воздуха, чем в чате — это документ, не UI.
Heading 2rem, 800Меньше hero маркетинга, больше page heading дашборда.
TOC — inline pill-rowНе sticky sidebar. Активный пункт — solid pill.
Grid 1fr 1frДвухколоночный виджет-грид. Графики на всю ширину — single column.
— report view: финальный документ

Отчёт · EU-сценарий Q4 · 14 ноября · run-7840

Вход на европейский рынок: DACH + Нидерланды.

Сценарный анализ B2B SaaS на HR-tech сегмент. 14 конкурентов, 4 ценовых уровня, оценка регуляторных рисков. Срок окна — 6–8 недель.

1. TAM 2. Конкуренты 3. Ценовая карта 4. Риски 5. План на 90 дней
TAM по странам€ млрд
DE €1.48AT €0.39CH €0.32NL €0.21
Топ-конкуренты по ARR12 мес
Personio€890M
Factorial€140M
HR Works€42M
OnApply€28M
Charlie HR€19M

Типы сообщений

Три формы реплик в чате. Их нельзя путать — каждая несёт свой вес.

User bubblePrimary bg, белый текст, выравнивается вправо. Вопрос или команда пользователя. Только текст.
Assistant bubbleCard bg #18181B, border #27272A. Естественный текст. Может ссылаться на виджет справа («открыл справа три виджета») — но не дублирует его содержимое.
Tool bubbleПрозрачный фон, dashed border, mono font. Вызов инструмента или поиск. Показывает что сделал агент, не зачем. Можно сворачивать.

Правила

Do / Don't

DO Аналитика всегда dark. Это её идентичность — как у Bloomberg-терминала.
DON'T Toggle light/dark в Analyst. Не давайте такой выбор. ЛК — light, Analyst — dark. Точка.
DO Canvas — контекст к чату. Виджет появляется, когда модель его сослалась.
DON'T Дублировать виджет в тексте. Если TAM показан виджетом — в ответе достаточно «TAM по странам справа», не перечислять.
DO Tool-вызов виден. Tool bubble показывает прозрачность работы агента.
DON'T Прятать tool-вызовы за «думает…». Это аналитический продукт — пользователь хочет видеть, на что опирается ответ.
DO Уверенность на виджете. Confidence bar внизу карточки, когда применимо.
DON'T Виджет без источника. В header виджета всегда есть src — имя инструмента или база.

Переход между режимами

Chat + canvasОткрыт по умолчанию для каждой сессии. Canvas можно закрыть × — sidebar и chat остаются.
Chat-onlyCanvas закрыт. Chat центрируется max-width 720. Виджет в ответе = автоматически открывает canvas обратно.
Report viewУход из чата в документ. Возврат кнопкой «Назад к диалогу». Печать / экспорт PDF — только отсюда.

Токены

Surface base#09090BBackground dark theme
Surface sidebar#0F0F11Чуть светлее, отделяет нав
Surface card#18181BВиджеты, ассистент-bubbles
Border#27272AВсе разделения
Text default#E4E4E7Body
Text strong#FAFAFAHeadings, KPI values
Text muted#A1A1AASubtext, labels
Text faint#71717AMeta, mono caps
Sidebar width240pxНа 20 шире, чем ЛК
Canvas width420pxВиджетам нужно место
Topbar height52pxКомпактнее, чем ЛК (56)
Chat padding24 × 28Воздух вокруг bubbles
Bubble radius12pxUser и assistant
Bubble max-width64chЧитаемая строка