approved/ — единственное место для одобренного: перенесён 001 (основа дизайна), обновлены ссылки

This commit is contained in:
Porfiry
2026-09-19 14:18:25 +03:00
parent 6f83766048
commit 7893d51195
6 changed files with 59 additions and 39 deletions
+2 -1
View File
@@ -328,7 +328,8 @@ val DarkClientTheme = ClientTheme(
## Что у нас своё (не из assistent) ## Что у нас своё (не из assistent)
- Раскладка и дизайн — `sketches/001`…`004`. - Раскладка и дизайн — `approved/001-sidebar-utility.html` (основа) и
`sketches/002`…`005` (остальное).
- Различение агентов цветом или картинкой. - Различение агентов цветом или картинкой.
- Проверка связи с агентом отдельным окном. - Проверка связи с агентом отдельным окном.
- Поведение узкого окна (список ↔ чат с кнопкой «назад»). - Поведение узкого окна (список ↔ чат с кнопкой «назад»).
+16 -6
View File
@@ -8,16 +8,21 @@
## Что где лежит ## Что где лежит
``` **`approved/` — принятое. Это решение, на него опираемся в реализации.**
approved/005-new-chat-picker.html # ОДОБРЕНО: модалка «Новый диалог»
``` ```
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/002-rail-voice-first/index.html # голос — главное действие
sketches/003-three-pane-command/index.html # три панели + состояние агента sketches/003-three-pane-command/index.html # три панели + состояние агента
sketches/004-settings-agents/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` (приёмы, плагины, версии), `BORROW-FROM-ASSISTENT.md` — что берём из `ai/assistent` (приёмы, плагины, версии),
@@ -37,17 +42,22 @@ sketches/005-new-chat-picker/index.html # новый диалог: выбо
`approved/` — макеты, которые пользователь **принял**. Это решение, на него `approved/` — макеты, которые пользователь **принял**. Это решение, на него
опираемся в реализации. Отличие от `sketches/`: там предложения, здесь принятое. опираемся в реализации. Отличие от `sketches/`: там предложения, здесь принятое.
- **`001-sidebar-utility.html`** — **основа дизайна**: привычный мессенджер,
список диалогов + чат, папки («Все чаты / Работа / Дом»). Выбран как основа.
- **`005-new-chat-picker.html`** — модалка «Новый диалог» при нескольких - **`005-new-chat-picker.html`** — модалка «Новый диалог» при нескольких
ассистентах. Одобрена 2026-09-19. Пояснительной панели над окном в ней нет ассистентах. Одобрена 2026-09-19. Пояснительной панели над окном в ней нет
(в `sketches/005` была — это была заметка для проверки, не часть интерфейса). (в `sketches/005` была — это была заметка для проверки, не часть интерфейса).
**Правило:** одобренное живёт **только** в `approved/`. Если макет приняли —
он переезжает туда, а не остаётся «выбранным» среди вариантов.
## Что решено ## Что решено
- **Сначала десктоп, затем Android — по тем же лекалам.** Десктопный клиент - **Сначала десктоп, затем Android — по тем же лекалам.** Десктопный клиент
делаем образцом: понятный, удобный и **читаемый по коду**. Когда получится — делаем образцом: понятный, удобный и **читаемый по коду**. Когда получится —
Android повторяет те же решения. Поэтому цель — максимально простой код, Android повторяет те же решения. Поэтому цель — максимально простой код,
который пользователь открывает и понимает. который пользователь открывает и понимает.
- **Основа — вариант 1** (`001-sidebar-utility`). Остальные остаются рядом как - **Основа — вариант 1** (`approved/001-sidebar-utility.html`). Остальные остаются рядом как
источник идей. источник идей.
- Стиль — тёмный, из уже принятой темы клиента assistent: фон `#121218`, - Стиль — тёмный, из уже принятой темы клиента assistent: фон `#121218`,
панели `#17212B`, акцент `#6AB2F2`, текст `#EBEBEB`. панели `#17212B`, акцент `#6AB2F2`, текст `#EBEBEB`.
+2 -1
View File
@@ -3,7 +3,8 @@
**Статус:** накидываем. Ни один пункт не обязателен к исполнению в том виде, как **Статус:** накидываем. Ни один пункт не обязателен к исполнению в том виде, как
записан. Позже пересматриваем. записан. Позже пересматриваем.
**Основа дизайна:** вариант 1 (`sketches/001-sidebar-utility`) — выбран. **Основа дизайна:** вариант 1 (`approved/001-sidebar-utility.html`) — выбран,
лежит в `approved/`.
**Сейчас описываем только поведение.** Кода не пишем, пока требования не устоятся. **Сейчас описываем только поведение.** Кода не пишем, пока требования не устоятся.
+39 -7
View File
@@ -1,13 +1,41 @@
# Одобренные макеты # Одобренные макеты
Сюда кладутся варианты, которые **пользователь одобрил**. Это не «ещё один **Здесь только принятое.** Это не «вариант для сравнения» и не черновик — это
вариант для сравнения» — это решение, на которое можно опираться при реализации. решение, на которое опираемся в реализации. Правило простое: одобренный макет
Отличать по папке: `sketches/` — предложения, `approved/` — принято. **живёт здесь**, а не остаётся «выбранным» среди вариантов в `sketches/`.
| Файл | Что это | Одобрено | | Файл | Что это | Одобрено |
|---|---|---| |---|---|---|
| `001-sidebar-utility.html` | **Основа дизайна**: привычный мессенджер | 2026-09-18 |
| `005-new-chat-picker.html` | Модалка «Новый диалог»: выбор ассистента | 2026-09-19 | | `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 — Новый диалог ## 005-new-chat-picker.html — Новый диалог
**Модалка появляется по «+» (новый диалог), когда ассистентов больше одного.** **Модалка появляется по «+» (новый диалог), когда ассистентов больше одного.**
@@ -36,13 +64,17 @@
попала в макет случайно, это была заметка для проверки, а не часть интерфейса. попала в макет случайно, это была заметка для проверки, а не часть интерфейса.
В одобренном файле её нет и быть не должно. В одобренном файле её нет и быть не должно.
## Про цвета в этом файле ---
Цвета в макете стоят числами — так и надо, иначе макет не будет выглядеть ## Про цвета в макетах
Цвета в макетах стоят числами — так и надо, иначе макет не будет выглядеть
задуманным. **В коде так нельзя:** цвет берётся из цветовой схемы по смыслу, задуманным. **В коде так нельзя:** цвет берётся из цветовой схемы по смыслу,
потому что тем будет несколько. Разбор — `THEMES.md`. потому что тем будет несколько. Разбор — `THEMES.md`.
## Как смотреть ## Как смотреть
Открыть файл в браузере — самодостаточный, без сборки. Кликом по карточке Открыть файл в браузере — самодостаточный, без сборки и без зависимостей.
переключается выбор и появляется предупреждение.
- в `001` переключается узкий/широкий вид и видны состояния сообщений;
- в `005` кликом по карточке меняется выбор и появляется предупреждение.
-24
View File
@@ -1,24 +0,0 @@
# Вариант 1 — Sidebar / Utility
## Суть
Привычный мессенджер: одна колонка диалогов слева, чат справа. Ничего лишнего —
сделано так, чтобы не пришлось учиться заново.
## Ключевые решения
- **Раскладка:** список диалогов (320) + чат. Плюс лента папок, как в мобильном клиенте.
- **Подача работы агента:** «думает» — свёрнутый блок с левой цветной полосой, вызов
инструмента — серая плашка с командой. Видно, но не мешает.
- **Кнопка записи:** круглая, рядом с полем ввода. При записи — панель над полем
с волной, таймером и «Остановить и отправить».
- **Куда попадает расшифровка:** в поле ввода — сначала посмотреть, потом отправить.
## Что хорошо
- Меньше всего удивляет; подходит как «рабочая лошадь» на каждый день.
- Кнопка отправки крупная и явная.
## Что слабо
- Работа агента показана бедно — видно только то, что попало в переписку.
- При большом числе диалогов одна колонка тесновата.
## Кому
Тому, кто хочет чат с агентом, а не пульт управления агентом.