approved/ — единственное место для одобренного: перенесён 001 (основа дизайна), обновлены ссылки
This commit is contained in:
@@ -328,7 +328,8 @@ val DarkClientTheme = ClientTheme(
|
|||||||
|
|
||||||
## Что у нас своё (не из assistent)
|
## Что у нас своё (не из assistent)
|
||||||
|
|
||||||
- Раскладка и дизайн — `sketches/001`…`004`.
|
- Раскладка и дизайн — `approved/001-sidebar-utility.html` (основа) и
|
||||||
|
`sketches/002`…`005` (остальное).
|
||||||
- Различение агентов цветом или картинкой.
|
- Различение агентов цветом или картинкой.
|
||||||
- Проверка связи с агентом отдельным окном.
|
- Проверка связи с агентом отдельным окном.
|
||||||
- Поведение узкого окна (список ↔ чат с кнопкой «назад»).
|
- Поведение узкого окна (список ↔ чат с кнопкой «назад»).
|
||||||
|
|||||||
@@ -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
@@ -3,7 +3,8 @@
|
|||||||
**Статус:** накидываем. Ни один пункт не обязателен к исполнению в том виде, как
|
**Статус:** накидываем. Ни один пункт не обязателен к исполнению в том виде, как
|
||||||
записан. Позже пересматриваем.
|
записан. Позже пересматриваем.
|
||||||
|
|
||||||
**Основа дизайна:** вариант 1 (`sketches/001-sidebar-utility`) — выбран.
|
**Основа дизайна:** вариант 1 (`approved/001-sidebar-utility.html`) — выбран,
|
||||||
|
лежит в `approved/`.
|
||||||
|
|
||||||
**Сейчас описываем только поведение.** Кода не пишем, пока требования не устоятся.
|
**Сейчас описываем только поведение.** Кода не пишем, пока требования не устоятся.
|
||||||
|
|
||||||
|
|||||||
+39
-7
@@ -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` кликом по карточке меняется выбор и появляется предупреждение.
|
||||||
|
|||||||
@@ -1,24 +0,0 @@
|
|||||||
# Вариант 1 — Sidebar / Utility
|
|
||||||
|
|
||||||
## Суть
|
|
||||||
Привычный мессенджер: одна колонка диалогов слева, чат справа. Ничего лишнего —
|
|
||||||
сделано так, чтобы не пришлось учиться заново.
|
|
||||||
|
|
||||||
## Ключевые решения
|
|
||||||
- **Раскладка:** список диалогов (320) + чат. Плюс лента папок, как в мобильном клиенте.
|
|
||||||
- **Подача работы агента:** «думает» — свёрнутый блок с левой цветной полосой, вызов
|
|
||||||
инструмента — серая плашка с командой. Видно, но не мешает.
|
|
||||||
- **Кнопка записи:** круглая, рядом с полем ввода. При записи — панель над полем
|
|
||||||
с волной, таймером и «Остановить и отправить».
|
|
||||||
- **Куда попадает расшифровка:** в поле ввода — сначала посмотреть, потом отправить.
|
|
||||||
|
|
||||||
## Что хорошо
|
|
||||||
- Меньше всего удивляет; подходит как «рабочая лошадь» на каждый день.
|
|
||||||
- Кнопка отправки крупная и явная.
|
|
||||||
|
|
||||||
## Что слабо
|
|
||||||
- Работа агента показана бедно — видно только то, что попало в переписку.
|
|
||||||
- При большом числе диалогов одна колонка тесновата.
|
|
||||||
|
|
||||||
## Кому
|
|
||||||
Тому, кто хочет чат с агентом, а не пульт управления агентом.
|
|
||||||
Reference in New Issue
Block a user