approved/006-groups-manage: одобренные модалки групп; подписи-заметки из макетов убраны

README.md

@@ -14,6 +14,7 @@
 approved/001-sidebar-utility.html            # ОСНОВА: привычный мессенджер
 approved/004-settings-agents.html            # настройки агентов + проверка связи
 approved/005-new-chat-picker.html            # модалка «Новый диалог»
+approved/006-groups-manage/                  # группы: 4 файла по состояниям
 approved/README.md                           # что одобрено и когда
 ```
 
@@ -24,13 +25,12 @@ 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/006-groups-manage/                  # группы: 4 файла по состояниям
 ```
 ```
-sketches/006-groups-manage/1-list.html       # Группы: изменить, удалить, добавить
-sketches/006-groups-manage/2-add.html        # новая группа
-sketches/006-groups-manage/3-edit.html       # изменение и удаление
-sketches/006-groups-manage/4-delete.html     # удаление: диалоги остаются
+approved/006-groups-manage/1-list.html       # Группы: изменить, удалить, добавить
+approved/006-groups-manage/2-add.html        # новая группа
+approved/006-groups-manage/3-edit.html       # изменение и удаление
+approved/006-groups-manage/4-delete.html     # удаление: диалоги остаются
 ```
 
 `BORROW-FROM-ASSISTENT.md` — что берём из `ai/assistent` (приёмы, плагины, версии),
@@ -55,7 +55,9 @@ sketches/006-groups-manage/4-delete.html     # удаление: диалоги
 - **`004-settings-agents.html`** — настройки агентов: список, форма нового,
   проверка связи отдельным окном поверх. Одобрена 2026-09-19.
 - **`005-new-chat-picker.html`** — модалка «Новый диалог» при нескольких
-  ассистентах. Одобрена 2026-09-19. Пояснительной панели над окном в ней нет
+  ассистентах. Одобрена 2026-09-19.
+- **`006-groups-manage/`** — управление группами, четыре файла по состояниям.
+  Одобрена 2026-09-19. Пояснительной панели над окном в ней нет
   (в `sketches/005` была — это была заметка для проверки, не часть интерфейса).
 
 **Правило:** одобренное живёт **только** в `approved/`. Если макет приняли —

REQUIREMENTS.md

@@ -74,8 +74,9 @@
   обязаны быть где-то видны — «корзины» у них нет.
 - **R9.8.** Удаление группы — **отдельным блоком «опасное»** в окне изменения
   и **красной залитой кнопкой** в подтверждении. Не в одном ряду с «Сохранить».
-- **R9.9.** Макеты групп — **отдельные файлы по состояниям, без интерактивности**:
-  `1-list`, `2-add`, `3-edit`, `4-delete` в `sketches/006-groups-manage`.
+- **R9.9.** Макеты групп — **МАКЕТЫ ОДОБРЕНЫ**, лежат в
+  `approved/006-groups-manage/` (`1-list`, `2-add`, `3-edit`, `4-delete`).
+  **Отдельные файлы по состояниям, без интерактивности** — так и делаем.
 - **R9.2.** В строке диалога — круглый значок непрочитанных, если есть.
 
 ## 4. Открытый диалог

approved/006-groups-manage/1-list.html

@@ -154,10 +154,6 @@
   .danger-zone .lbl { font-size: 11px; letter-spacing: .06em; text-transform: uppercase;
     color: var(--dim); font-weight: 700; margin-bottom: 9px; }
 
-  /* подпись под макетом — не часть интерфейса */
-  .caption { position: fixed; bottom: 14px; left: 50%; transform: translateX(-50%);
-    font-size: 12px; color: var(--dim); background: rgba(23,33,43,.96); border: 1px solid var(--line);
-    border-radius: 9px; padding: 7px 13px; z-index: 400; }
   @media (max-height: 820px) { body { padding: 8px; } .window { transform: scale(.82); } }
 </style>
 </head>
@@ -296,6 +292,5 @@
     </div>
   </div>
 </div>
-<div class="caption">1. Список групп: изменить, удалить, добавить</div>
 </body>
 </html>

approved/006-groups-manage/2-add.html

@@ -154,10 +154,6 @@
   .danger-zone .lbl { font-size: 11px; letter-spacing: .06em; text-transform: uppercase;
     color: var(--dim); font-weight: 700; margin-bottom: 9px; }
 
-  /* подпись под макетом — не часть интерфейса */
-  .caption { position: fixed; bottom: 14px; left: 50%; transform: translateX(-50%);
-    font-size: 12px; color: var(--dim); background: rgba(23,33,43,.96); border: 1px solid var(--line);
-    border-radius: 9px; padding: 7px 13px; z-index: 400; }
   @media (max-height: 820px) { body { padding: 8px; } .window { transform: scale(.82); } }
 </style>
 </head>
@@ -255,6 +251,5 @@
     </div>
   </div>
 </div>
-<div class="caption">2. Новая группа: только название</div>
 </body>
 </html>

approved/006-groups-manage/3-edit.html

@@ -154,10 +154,6 @@
   .danger-zone .lbl { font-size: 11px; letter-spacing: .06em; text-transform: uppercase;
     color: var(--dim); font-weight: 700; margin-bottom: 9px; }
 
-  /* подпись под макетом — не часть интерфейса */
-  .caption { position: fixed; bottom: 14px; left: 50%; transform: translateX(-50%);
-    font-size: 12px; color: var(--dim); background: rgba(23,33,43,.96); border: 1px solid var(--line);
-    border-radius: 9px; padding: 7px 13px; z-index: 400; }
   @media (max-height: 820px) { body { padding: 8px; } .window { transform: scale(.82); } }
 </style>
 </head>
@@ -260,6 +256,5 @@
     </div>
   </div>
 </div>
-<div class="caption">3. Изменение группы: переименование и удаление</div>
 </body>
 </html>

approved/006-groups-manage/4-delete.html

@@ -154,10 +154,6 @@
   .danger-zone .lbl { font-size: 11px; letter-spacing: .06em; text-transform: uppercase;
     color: var(--dim); font-weight: 700; margin-bottom: 9px; }
 
-  /* подпись под макетом — не часть интерфейса */
-  .caption { position: fixed; bottom: 14px; left: 50%; transform: translateX(-50%);
-    font-size: 12px; color: var(--dim); background: rgba(23,33,43,.96); border: 1px solid var(--line);
-    border-radius: 9px; padding: 7px 13px; z-index: 400; }
   @media (max-height: 820px) { body { padding: 8px; } .window { transform: scale(.82); } }
 </style>
 </head>
@@ -267,6 +263,5 @@
     </div>
   </div>
 </div>
-<div class="caption">4. Удаление группы: диалоги остаются</div>
 </body>
 </html>

approved/README.md

@@ -9,9 +9,10 @@
 | `001-sidebar-utility.html` | **Основа дизайна**: привычный мессенджер | 2026-09-18 |
 | `004-settings-agents.html` | Настройки агентов: список, форма, проверка связи | 2026-09-19 |
 | `005-new-chat-picker.html` | Модалка «Новый диалог»: выбор ассистента | 2026-09-19 |
+| `006-groups-manage/` | Управление группами — 4 файла по состояниям | 2026-09-19 |
 
 `sketches/` — предложения: `002-rail-voice-first`, `003-three-pane-command`,
-`004-settings-agents`, `005-new-chat-picker` (черновик, из него вырос одобренный).
+`004-settings-agents`, `005-new-chat-picker` (черновики, из них выросли одобренные).
 
 ---
 
@@ -100,6 +101,33 @@
 и список диалогов, оба ничего не меняют), но замеры времени и число диалогов
 в макете условные. На настоящем агенте проверка ещё не гонялась.
 
+## 006-groups-manage/ — Управление группами
+
+**Четыре файла, по одному состоянию в каждом.** Интерактивности нет намеренно:
+вместо неё отдельный файл на каждое состояние.
+
+| Файл | Что показывает |
+|---|---|
+| `1-list.html` | список групп: «изменить» и «удалить» у каждой, внизу «＋ Добавить группу» |
+| `2-add.html` | новая группа: только название |
+| `3-edit.html` | изменение: переименование, удаление отдельным блоком «ОПАСНОЕ» |
+| `4-delete.html` | подтверждение: диалоги не удаляются, вернутся в «Все чаты» |
+
+**Как открывается:** кнопкой-карандашом (✎) в ленте групп над списком диалогов —
+справа, отдельно от чипов. Прежний «＋» на этом месте убран: рядом стоят чипы
+самих групп, и всё похожее на «＋» читается как «добавить группу», хотя диалог
+создаётся кнопкой в шапке списка.
+
+**Решения внутри:**
+- **«Все чаты» — встроенная группа**, не удаляется и не переименовывается
+  (пунктирная рамка, пометка «встроенная»). Нужна как надёжное место, где виден
+  весь список.
+- **Удаление группы диалоги не удаляет** — в подтверждении это сказано первым
+  делом. Диалоги останутся и будут видны в «Все чаты», «корзины» у них нет.
+- **У группы только название.** Цвет, значок, порядок — не делаем, пока не попросили.
+- **Пустая группа допустима** — можно создать заранее, диалоги разложить потом.
+- **Подсказка при создании:** диалоги в группу попадают позже, из самого диалога.
+
 ## Про цвета в макетах
 
 Цвета в макетах стоят числами — так и надо, иначе макет не будет выглядеть
@@ -113,4 +141,5 @@
 - в `001` переключается узкий/широкий вид и видны состояния сообщений;
 - в `004` переключаются список/форма, вкладки Цвет/Картинка; кнопкой «⇄» или
   «Проверить связь» открывается окно проверки (оба состояния — успех и отказ);
-- в `005` кликом по карточке меняется выбор и появляется предупреждение.
+- в `005` кликом по карточке меняется выбор и появляется предупреждение;
+- `006` — четыре файла, открывать по одному, по состоянию.