# sketches — макеты основного окна

**Здесь рабочий черновик основного окна десктопного клиента.** Это не
«утверждено» — `approved/` живёт отдельно. Правило: одобренное живёт только
там, а в `sketches/` — то, что ещё сравниваем и допиливаем.

## Раскладка: rail / voice-first

Узкая рейка иконок слева (диалоги / память / инструменты / новый),
посередине список диалогов, справа чат. Голосовое сообщение — главное
действие: крупная акцентная кнопка микрофона в композере.

**Цветовая схема:** тёмная тема, общий набор токенов из `../THEMES.md`.
Палитра согласована с Android-клиентом — расширения (`--panel2`, `--line`,
`--badge`, `--ok`, `--user-bubble`, `--bot-bubble`, `--a1`..`--a5`) тут
уже есть.

## Файлы

| Файл | Состояние |
|---|---|
| `style.css` | Общий CSS для всех макетов |
| `1-chats.html` | Слева — список диалогов с цветными полосками агентов, справа — пусто («выберите диалог») |
| `2-chat.html` | Открытый диалог: сообщения, ход работы агента, композер с полем + микрофон + отправка |
| `3-recording.html` | Идёт запись — в композере волна + таймер + ⏸ + ✕ + ➤, одна строка 46 px |
| `4-empty.html` | Список пуст, ни одного ассистента не добавлено |
| `5-new-chat.html` | Модалка по центру — выбор ассистента из добавленных |
| `6-groups.html` | Модалка управления группами: список с действиями «изменить» / «удалить» |
| `7-groups-add.html` | Создание группы: имя + пустой список диалогов + кнопка «＋ Добавить диалог» |
| `8-groups-edit.html` | Переименование + теги уже добавленных диалогов с `✕` + блок «ОПАСНОЕ» с удалением группы |
| `9-groups-pick-chat.html` | Выбор диалога для добавления в группу: поиск + чекбоксы по диалогам |

## Как смотреть

Открыть файл в браузере — самодостаточный, без сборки и без зависимостей.