From b2f77d2ed95342ed563497f071905d23e37f81c5 Mon Sep 17 00:00:00 2001 From: Porfiry Date: Sat, 19 Sep 2026 13:40:34 +0300 Subject: [PATCH] =?UTF-8?q?approved/:=20=D0=BE=D0=B4=D0=BE=D0=B1=D1=80?= =?UTF-8?q?=D0=B5=D0=BD=D0=BD=D0=B0=D1=8F=20=D0=BC=D0=BE=D0=B4=D0=B0=D0=BB?= =?UTF-8?q?=D0=BA=D0=B0=20=D0=BD=D0=BE=D0=B2=D0=BE=D0=B3=D0=BE=20=D0=B4?= =?UTF-8?q?=D0=B8=D0=B0=D0=BB=D0=BE=D0=B3=D0=B0;=20=D0=B8=D0=B7=20sketches?= =?UTF-8?q?/005=20=D1=83=D0=B1=D1=80=D0=B0=D0=BD=D0=B0=20=D0=BF=D0=BE?= =?UTF-8?q?=D1=8F=D1=81=D0=BD=D0=B8=D1=82=D0=B5=D0=BB=D1=8C=D0=BD=D0=B0?= =?UTF-8?q?=D1=8F=20=D0=BF=D0=B0=D0=BD=D0=B5=D0=BB=D1=8C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 13 +++ REQUIREMENTS.md | 4 +- approved/005-new-chat-picker.html | 144 ++++++++++++++++++++++++ approved/README.md | 42 +++++++ sketches/005-new-chat-picker/index.html | 26 ----- 5 files changed, 202 insertions(+), 27 deletions(-) create mode 100644 approved/005-new-chat-picker.html create mode 100644 approved/README.md diff --git a/README.md b/README.md index a61258f..bd9688f 100644 --- a/README.md +++ b/README.md @@ -8,6 +8,10 @@ ## Что где лежит +``` +approved/005-new-chat-picker.html # ОДОБРЕНО: модалка «Новый диалог» +``` + ``` sketches/001-sidebar-utility/index.html # привычный мессенджер — ВЫБРАН sketches/002-rail-voice-first/index.html # голос — главное действие @@ -26,6 +30,15 @@ sketches/005-new-chat-picker/index.html # новый диалог: выбо `REQUIREMENTS.md` — требования. Статус: накидываем, ни один пункт не обязателен к исполнению в том виде, как записан. +## Одобренное + +`approved/` — макеты, которые пользователь **принял**. Это решение, на него +опираемся в реализации. Отличие от `sketches/`: там предложения, здесь принятое. + +- **`005-new-chat-picker.html`** — модалка «Новый диалог» при нескольких + ассистентах. Одобрена 2026-09-19. Пояснительной панели над окном в ней нет + (в `sketches/005` была — это была заметка для проверки, не часть интерфейса). + ## Что решено - **Сначала десктоп, затем Android — по тем же лекалам.** Десктопный клиент diff --git a/REQUIREMENTS.md b/REQUIREMENTS.md index d5abe4d..b68fcfb 100644 --- a/REQUIREMENTS.md +++ b/REQUIREMENTS.md @@ -117,7 +117,9 @@ его диалоги в списке (полоска у строки, точка у группы). - **R23.6.** Список агентов сохраняется между запусками. Где именно — не решено. - **R23.7.** Доступа по паролю/ключу у библиотеки нет — поля для него не делать. -- **R23.8.** **Новый диалог: выбор ассистента** (`sketches/005-new-chat-picker`). +- **R23.8.** **Новый диалог: выбор ассистента** — **МАКЕТ ОДОБРЕН**, + лежит в `approved/005-new-chat-picker.html`. Черновик со всеми состояниями — + `sketches/005-new-chat-picker`. По «＋» спрашиваем, **в каком ассистенте** создать диалог — потому что диалог живёт внутри агента, отдельно его не создать. - **R23.9.** **Окно показывается только если ассистентов больше одного.** diff --git a/approved/005-new-chat-picker.html b/approved/005-new-chat-picker.html new file mode 100644 index 0000000..6d615e4 --- /dev/null +++ b/approved/005-new-chat-picker.html @@ -0,0 +1,144 @@ + + + + +Одобрено: Новый диалог — выбор ассистента + + + + +
+
+

Новый диалог

+ +
+ +
+
В каком ассистенте создать диалог?
+ +
+
АГ
+
+
agentik · рабочий
+
http://192.168.88.135:8080/agentik
+
на связи
+
+
+
+ +
+
ДМ
+
+
домашний
+
http://192.168.76.199:8080/agentik
+
на связи
+
+
+
+ +
+
+
+
Кот-ассистент
+
http://192.168.88.24:8080/agentik
+
не отвечает
+
+
+
+ +
+ ⚠ + Ассистент сейчас не отвечает. Диалог создать можно, но + сообщение не уйдёт, пока он не поднимется. +
+
+ +
+ + +
+
+ + + + diff --git a/approved/README.md b/approved/README.md new file mode 100644 index 0000000..4096832 --- /dev/null +++ b/approved/README.md @@ -0,0 +1,42 @@ +# Одобренные макеты + +Сюда кладутся варианты, которые **пользователь одобрил**. Это не «ещё один +вариант для сравнения» — это решение, на которое можно опираться при реализации. +Отличать по папке: `sketches/` — предложения, `approved/` — принято. + +| Файл | Что это | Одобрено | +|---|---|---| +| `005-new-chat-picker.html` | Модалка «Новый диалог»: выбор ассистента | 2026-09-19 | + +## 005-new-chat-picker.html — Новый диалог + +**Модалка появляется по «＋» (новый диалог), когда ассистентов больше одного.** +Состоит из одного окна 480 px и больше ничего: заголовок «Новый диалог», +подсказка-вопрос, список ассистентов, две кнопки внизу. + +**Что в карточке ассистента:** +- значок — цвет или картинка (как настроено в настройках агентов); +- имя; +- адрес сервера; +- состояние связи: «на связи» зелёным, «не отвечает» красным; +- кружок отметки справа. + +**Поведение:** +- **первый отмечен сразу** — создать диалог можно одним нажатием; +- выбран ассистент без связи → под списком появляется предупреждение, + но выбор не запрещается (связь может пропасть на секунду); +- окно маленькое и без вкладок: одно действие — один выбор. + +**Когда этой модалки не должно быть:** +- **ассистент один** — диалог создаётся сразу в нём, спрашивать не о чем; +- **ассистентов ноль** — кнопки «＋» нет вообще (создавать диалог не в ком), + вместо списка диалогов подсказка «добавьте ассистента в настройках». + +**Отвергнуто при одобрении:** пояснительная панель над окном клиента — она +попала в макет случайно, это была заметка для проверки, а не часть интерфейса. +В одобренном файле её нет и быть не должно. + +## Как смотреть + +Открыть файл в браузере — самодостаточный, без сборки. Кликом по карточке +переключается выбор и появляется предупреждение. diff --git a/sketches/005-new-chat-picker/index.html b/sketches/005-new-chat-picker/index.html index fad3077..4673b4e 100644 --- a/sketches/005-new-chat-picker/index.html +++ b/sketches/005-new-chat-picker/index.html @@ -27,18 +27,6 @@ .switcher button:hover { color: var(--fg); } .switcher button.on { background: var(--accent); border-color: var(--accent); color: #0F1922; font-weight: 600; } - /* пояснение к состоянию — это НЕ часть интерфейса */ - .annot { - max-width: 1180px; width: 100%; border: 1px dashed #3A4756; border-radius: 10px; - padding: 10px 14px; font-size: 12.5px; color: var(--dim); background: rgba(28,39,51,.5); - } - .annot b { color: var(--fg); font-weight: 600; } - .annot .tag { - display: inline-block; font-size: 10.5px; letter-spacing: .04em; text-transform: uppercase; - color: #0F1922; background: var(--dim); border-radius: 5px; padding: 1px 6px; margin-right: 8px; - font-weight: 700; vertical-align: 1px; - } - /* ============ окно клиента ============ */ .window { width: 1180px; height: 740px; background: var(--bg); border-radius: 12px; @@ -189,8 +177,6 @@ -
-