# Examples5 — форма редактирования AGENTS.md и ноды

## Два типа документа

| Тип | Файл | Название | Удаление |
|-----|------|----------|----------|
| **Агент** | `AGENTS.md` | Фиксировано, нельзя переименовать | Обычно нет (или «сброс») |
| **Нода** | `_.node.md` | Редактируемое поле + суффикс | «Удалить ноду» |

Во всех прототипах переключатель **AGENTS.md / Нода** показывает, как одна и та же раскладка ведёт себя для обоих случаев.

## Что сравниваем

- **Сохранить** — primary, часто справа или в липкой зоне.
- **Свойства** — YAML / форма полей (не путать с «настройками ноды» в дереве).
- **Удалить** — danger, реже и дальше от Save.
- **Содержимое** — textarea, preview или вкладки; не зажимать действиями.

## Рекомендация (вариант 24)

Близко к текущему Agent CMS после упрощения shell:

1. Крошки + селект режима (память / настройки).
2. Слой **названия**: для AGENTS — badge + 🔒; для ноды — input.
3. Слой **свойств** — отдельная плита, кнопка «Свойства» только если панель свёрнута.
4. Слой **содержимого** — toolbar Preview/Source, редактор на остаток высоты.
5. **Сохранить** в строке названия; **Удалить** только для ноды и только в режиме описания/контента.

## Индекс вариантов

| # | Фокус |
|---|--------|
| 01 | Липкая шапка: крошки + действия |
| 02 | Badge AGENTS vs input ноды в одной строке с действиями |
| 03 | Редактор слева, свойства справа |
| 04 | Все действия в нижней панели |
| 05 | Одна строка путь + действия |
| 06 | Два ряда шапки |
| 07 | Вкладки: содержимое / свойства / просмотр |
| 08 | Плавающее «Сохранить» при изменениях |
| 09 | Сегмент редактор \| просмотр |
| 10 | Notion: крупный заголовок, ⋯ меню |
| 11 | YAML над редактором |
| 12 | Иконки Save / Props / Delete |
| 13 | Дубли Save (шапка + toolbar) — антипаттерн |
| 14 | Действия в меню «⋯» |
| 15 | Сначала просмотр, редактирование по кнопке |
| 16 | Баннер «системный файл» для AGENTS |
| 17 | Hero-заголовок ноды |
| 18 | Узкая колонка метаданных слева |
| 19 | Inspector свойств справа |
| 20 | Status bar внизу |
| 21 | Действия в хвосте крошек |
| 22 | Документ-карточка |
| 23 | Mobile stack |
| 24 | Production blend |
| 25 | Split: AGENTS и нода рядом |

Запуск: `cd public/examples/ui-variant-5 && python3 -m http.server 8767`