diff --git a/BORROW-FROM-ASSISTENT.md b/BORROW-FROM-ASSISTENT.md index 1212429..9738899 100644 --- a/BORROW-FROM-ASSISTENT.md +++ b/BORROW-FROM-ASSISTENT.md @@ -328,7 +328,8 @@ val DarkClientTheme = ClientTheme( ## Что у нас своё (не из assistent) -- Раскладка и дизайн — `sketches/001`…`004`. +- Раскладка и дизайн — `approved/001-sidebar-utility.html` (основа) и + `sketches/002`…`005` (остальное). - Различение агентов цветом или картинкой. - Проверка связи с агентом отдельным окном. - Поведение узкого окна (список ↔ чат с кнопкой «назад»). diff --git a/README.md b/README.md index 56ff69c..a59c727 100644 --- a/README.md +++ b/README.md @@ -8,16 +8,21 @@ ## Что где лежит -``` -approved/005-new-chat-picker.html # ОДОБРЕНО: модалка «Новый диалог» -``` +**`approved/` — принятое. Это решение, на него опираемся в реализации.** + +``` +approved/001-sidebar-utility.html # ОСНОВА: привычный мессенджер +approved/005-new-chat-picker.html # модалка «Новый диалог» +approved/README.md # что одобрено и когда +``` + +**`sketches/` — предложения. Не решение, а варианты и черновики.** ``` -sketches/001-sidebar-utility/index.html # привычный мессенджер — ВЫБРАН sketches/002-rail-voice-first/index.html # голос — главное действие sketches/003-three-pane-command/index.html # три панели + состояние агента sketches/004-settings-agents/index.html # настройки агентов + проверка связи -sketches/005-new-chat-picker/index.html # новый диалог: выбор ассистента +sketches/005-new-chat-picker/index.html # черновик модалки нового диалога ``` `BORROW-FROM-ASSISTENT.md` — что берём из `ai/assistent` (приёмы, плагины, версии), @@ -37,17 +42,22 @@ sketches/005-new-chat-picker/index.html # новый диалог: выбо `approved/` — макеты, которые пользователь **принял**. Это решение, на него опираемся в реализации. Отличие от `sketches/`: там предложения, здесь принятое. +- **`001-sidebar-utility.html`** — **основа дизайна**: привычный мессенджер, + список диалогов + чат, папки («Все чаты / Работа / Дом»). Выбран как основа. - **`005-new-chat-picker.html`** — модалка «Новый диалог» при нескольких ассистентах. Одобрена 2026-09-19. Пояснительной панели над окном в ней нет (в `sketches/005` была — это была заметка для проверки, не часть интерфейса). +**Правило:** одобренное живёт **только** в `approved/`. Если макет приняли — +он переезжает туда, а не остаётся «выбранным» среди вариантов. + ## Что решено - **Сначала десктоп, затем Android — по тем же лекалам.** Десктопный клиент делаем образцом: понятный, удобный и **читаемый по коду**. Когда получится — Android повторяет те же решения. Поэтому цель — максимально простой код, который пользователь открывает и понимает. -- **Основа — вариант 1** (`001-sidebar-utility`). Остальные остаются рядом как +- **Основа — вариант 1** (`approved/001-sidebar-utility.html`). Остальные остаются рядом как источник идей. - Стиль — тёмный, из уже принятой темы клиента assistent: фон `#121218`, панели `#17212B`, акцент `#6AB2F2`, текст `#EBEBEB`. diff --git a/REQUIREMENTS.md b/REQUIREMENTS.md index 51f7565..a7ff597 100644 --- a/REQUIREMENTS.md +++ b/REQUIREMENTS.md @@ -3,7 +3,8 @@ **Статус:** накидываем. Ни один пункт не обязателен к исполнению в том виде, как записан. Позже пересматриваем. -**Основа дизайна:** вариант 1 (`sketches/001-sidebar-utility`) — выбран. +**Основа дизайна:** вариант 1 (`approved/001-sidebar-utility.html`) — выбран, +лежит в `approved/`. **Сейчас описываем только поведение.** Кода не пишем, пока требования не устоятся. diff --git a/sketches/001-sidebar-utility/index.html b/approved/001-sidebar-utility.html similarity index 100% rename from sketches/001-sidebar-utility/index.html rename to approved/001-sidebar-utility.html diff --git a/approved/README.md b/approved/README.md index 669de19..493416c 100644 --- a/approved/README.md +++ b/approved/README.md @@ -1,13 +1,41 @@ # Одобренные макеты -Сюда кладутся варианты, которые **пользователь одобрил**. Это не «ещё один -вариант для сравнения» — это решение, на которое можно опираться при реализации. -Отличать по папке: `sketches/` — предложения, `approved/` — принято. +**Здесь только принятое.** Это не «вариант для сравнения» и не черновик — это +решение, на которое опираемся в реализации. Правило простое: одобренный макет +**живёт здесь**, а не остаётся «выбранным» среди вариантов в `sketches/`. | Файл | Что это | Одобрено | |---|---|---| +| `001-sidebar-utility.html` | **Основа дизайна**: привычный мессенджер | 2026-09-18 | | `005-new-chat-picker.html` | Модалка «Новый диалог»: выбор ассистента | 2026-09-19 | +`sketches/` — предложения: `002-rail-voice-first`, `003-three-pane-command`, +`004-settings-agents`, `005-new-chat-picker` (черновик, из него вырос одобренный). + +--- + +## 001-sidebar-utility.html — основа дизайна + +**Это база всего клиента.** Привычный мессенджер: список диалогов слева (320 px), +чат справа. Узкое окно — как в Телеграме: на экране что-то одно, у открытого +диалога сверху кнопка «Назад». + +**Что в нём есть:** +- **лента папок** — «Все чаты / Работа / Дом / ＋», со счётчиком непрочитанных; +- поиск диалога; +- список диалогов: значок, название, последняя строка, время, кружок непрочитанных; +- шапка чата со значком, именем и состоянием связи; +- сообщения: пользователь справа, ассистент слева; +- поле ввода с кнопкой отправки и круглой кнопкой записи голоса. + +**Из него убрано при одобрении:** +- подсказка под полем ввода; +- кольцо токенов — в библиотеке `client` таких данных нет, а «нет данных — нет цифры». + +Стиль: фон `#121218`, панели `#17212B`, акцент `#6AB2F2`, текст `#EBEBEB`. + +--- + ## 005-new-chat-picker.html — Новый диалог **Модалка появляется по «＋» (новый диалог), когда ассистентов больше одного.** @@ -36,13 +64,17 @@ попала в макет случайно, это была заметка для проверки, а не часть интерфейса. В одобренном файле её нет и быть не должно. -## Про цвета в этом файле +--- -Цвета в макете стоят числами — так и надо, иначе макет не будет выглядеть +## Про цвета в макетах + +Цвета в макетах стоят числами — так и надо, иначе макет не будет выглядеть задуманным. **В коде так нельзя:** цвет берётся из цветовой схемы по смыслу, потому что тем будет несколько. Разбор — `THEMES.md`. ## Как смотреть -Открыть файл в браузере — самодостаточный, без сборки. Кликом по карточке -переключается выбор и появляется предупреждение. +Открыть файл в браузере — самодостаточный, без сборки и без зависимостей. + +- в `001` переключается узкий/широкий вид и видны состояния сообщений; +- в `005` кликом по карточке меняется выбор и появляется предупреждение. diff --git a/sketches/001-sidebar-utility/README.md b/sketches/001-sidebar-utility/README.md deleted file mode 100644 index 938937c..0000000 --- a/sketches/001-sidebar-utility/README.md +++ /dev/null @@ -1,24 +0,0 @@ -# Вариант 1 — Sidebar / Utility - -## Суть -Привычный мессенджер: одна колонка диалогов слева, чат справа. Ничего лишнего — -сделано так, чтобы не пришлось учиться заново. - -## Ключевые решения -- **Раскладка:** список диалогов (320) + чат. Плюс лента папок, как в мобильном клиенте. -- **Подача работы агента:** «думает» — свёрнутый блок с левой цветной полосой, вызов - инструмента — серая плашка с командой. Видно, но не мешает. -- **Кнопка записи:** круглая, рядом с полем ввода. При записи — панель над полем - с волной, таймером и «Остановить и отправить». -- **Куда попадает расшифровка:** в поле ввода — сначала посмотреть, потом отправить. - -## Что хорошо -- Меньше всего удивляет; подходит как «рабочая лошадь» на каждый день. -- Кнопка отправки крупная и явная. - -## Что слабо -- Работа агента показана бедно — видно только то, что попало в переписку. -- При большом числе диалогов одна колонка тесновата. - -## Кому -Тому, кто хочет чат с агентом, а не пульт управления агентом.