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