# Examples7 — центральное содержимое: обзор ноды

## Задача

25 прототипов **центральной области workspace** в режиме «Обзор ноды» — когда пользователь открывает `*.node.md` и хочет **быстро понять**, что это за нода, куда перейти дальше, и что в памяти.

Examples5 отвечал на вопрос «где Save / YAML / редактор».  
Examples7 — «как показать **превью, метаданные, память, подразделы и навигацию по режимам**».

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

| Блок | Смысл |
|------|--------|
| **Hero** | Превью + название + `AWN-TYPE` + `AWN-DESC` |
| **Meta** | Сетка свойств frontmatter |
| **Память** | Карточки internal / external / tabular |
| **Подразделы** | Дочерние ноды (контейнер) |
| **Навигация** | Быстрый переход: Описание, Память, Медиа, Граф |

В каждом варианте переключатель **Контейнер / Solo** — одна раскладка, разная наполненность (у solo нет подразделов).

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

Близко к текущему Agent CMS после фикса дублирования:

1. Крошки: `Обзор ноды / … / *.node.md`
2. Hero с превью слева (120px) + заголовок
3. Meta grid — компактно, без дубля «Описание» если есть `AWN-DESC`
4. Блок **🧠 Память** с карточками — **без** повторной секции «Память» в ссылках
5. Подразделы — жёлтые карточки для папок
6. Ссылки на режимы — только ⚙️ Настройки, 📎 Файлы, 🧭 Навигация

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

| # | Фокус |
|---|--------|
| 01 | Классический overview (как CMS сейчас) |
| 02 | Hero-баннер на всю ширину |
| 03 | Split: превью слева, мета + навигация справа |
| 04 | Вкладки поверхностей: Обзор / Описание / Память / Превью |
| 05 | Горизонтальные pills режимов |
| 06 | Sticky meta-колонка слева |
| 07 | Bento dashboard — плитки |
| 08 | Минимализм: заголовок + accordion |
| 09 | Вертикальный stepper навигации |
| 10 | Magazine: крупное превью + текст |
| 11 | Плотная таблица метаданных |
| 12 | Floating dock снизу для режимов |
| 13 | Segment control: контейнер vs solo |
| 14 | Preview-first: превью доминирует |
| 15 | Подразделы — горизонтальный скролл |
| 16 | Command palette «Перейти к…» |
| 17 | Две колонки: Настройки \| Память |
| 18 | Wiki infobox справа |
| 19 | Notion gallery для детей |
| 20 | Внутренний mode-rail в контенте |
| 21 | Режимы в строке крошек |
| 22 | Accordion всех секций |
| 23 | Story scroll (scroll-snap) |
| 24 | Production blend |
| 25 | Split: контейнер и solo рядом |

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