Дмитрий
59f8ca04bb
При первом запуске pre-push hook'ов после установки lefthook (`4eee06f`)
обнаружились 3 проблемы — все легитимны, не в самом lefthook'е:
1. **gitleaks-full-history** ловил 42 хита `ru-phone-unmasked` в HTML-концептах
handoff Платона (liderra_v8_handoff/concepts/v8_*.html и web/v8/v8_*.html).
Это ДЕМО-данные для визуализации, не реальные ПДн. Добавлены в allowlist
.gitleaks.toml: `liderra_v8_handoff/concepts/.*\.html` + `web/v8/.*\.html`
+ `app/composer.lock`.
2. **lychee-links** ловил 21 ошибку «Cannot resolve root-relative link» на
ссылки `/login`, `/register`, `/legal/*` в HTML-концептах. Эти маршруты
появятся только в фазе 2+ (Vue+Vuetify реализация). Сужен glob
pre-push lychee — выкинут `web/**/*.html`. Дополнительно добавлены
`liderra_v8_handoff/concepts` и `web/v8` в .lychee.toml exclude_path
как защита для других вариантов запуска.
3. **2 РЕАЛЬНЫХ битых ссылки** в narrative — спасибо lychee, нашёл:
- `docs/CRM_bp-gr_Инструкция_v8_5.md:6128` ссылался на `brandbook.md`,
но этот файл удалён 08.05.2026 (заменён на `liderra_v8_handoff/docs/
BRANDBOOK_v2.md` v8 Forest). Исправлен относительный путь.
- `README.md:88` ссылался на `docs/README_АРХИВ_v8_4.md`, но переименован
в `_v8_5.md` коммитом `4ffc19a` от 07.05.2026. Поправлено + bump v8.4→v8.5
в подписи.
Финальный smoke-test после правок:
- gitleaks detect (full history): «no leaks found»
- lychee на narrative .md: 122 OK / 0 Errors / 5 Excluded
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
95 lines
7.4 KiB
Markdown
95 lines
7.4 KiB
Markdown
# Прил. Л — HTML-прототипы Лидерра
|
||
|
||
Самодостаточные HTML-прототипы 8 ключевых экранов клиентского приложения и админки SaaS. Это не боевой код — это **референс для дизайнера** (Диз-1) и **рабочая заготовка для frontend-команды** в спринтах 1, 4, 5, 8, 14.
|
||
|
||
## Как пользоваться
|
||
|
||
```
|
||
открыть web/index.html → выбрать экран → двойной клик
|
||
```
|
||
|
||
## Структура проекта
|
||
|
||
```
|
||
liderra/
|
||
├── README.md ← этот файл (про прототипы)
|
||
├── CLAUDE.md ← оперативная карта для Claude Code (приоритет правил, 28 инструментов)
|
||
├── docs/ ← документация, инструкции, аудиты, брендбук, Прил. Н (tooling)
|
||
├── web/ ← HTML-прототипы экранов
|
||
└── db/ ← schema.sql и changelog схемы
|
||
```
|
||
|
||
Каждый прототип:
|
||
|
||
- Полностью офлайн-самодостаточный, кроме одного запроса к Google Fonts за `Inter` и `JetBrains Mono` (можно заменить на локальный fallback за минуту).
|
||
- Содержит **«пилюлю i»** в правом нижнем углу — открывает спецификацию экрана: состояния, API-контракты, требования безопасности, что не реализовано.
|
||
- Использует только токены из `brandbook.md` v1.1. Если в проекте появятся новые токены — править надо брендбук, не прототип.
|
||
|
||
## Источники истины
|
||
|
||
| Что | Где |
|
||
|---|---|
|
||
| Палитра, типографика, размерная сетка | `brandbook.md` v1.1 §3, §4, §5, §8 |
|
||
| SVG-логотипы | `brandbook.md` §9.1–9.5 |
|
||
| Поведение экранов | `CRM_bp-gr_Инструкция_v8_5.md` v8.5 |
|
||
| Админка SaaS (экран 08) | `Админка_SaaS_v8_2.md` |
|
||
| Открытые вопросы по дизайну | `Открытые_вопросы_v8_3.md` Диз-1, Диз-3 |
|
||
|
||
## Статус экранов
|
||
|
||
| # | Экран | Статус | Сессия |
|
||
|---|---|---|---|
|
||
| 01 | Логин · Регистрация · 2FA · Recovery | ✅ Готово | 05.05.2026 |
|
||
| 02 | Дашборд | ✅ Готово | 05.05.2026 |
|
||
| 03 | Список сделок | ✅ Готово | 06.05.2026 |
|
||
| 04 | Карточка сделки | ⏸ В очереди | — |
|
||
| 05 | Канбан-доска | ⏸ В очереди | — |
|
||
| 06 | Биллинг и тарифы | ⏸ В очереди | — |
|
||
| 07 | Настройки тенанта | ⏸ В очереди | — |
|
||
| 08 | Админка SaaS | ⏸ В очереди | — |
|
||
|
||
Прототипы выпускаются по одному за сессию.
|
||
|
||
## Что прототип НЕ делает
|
||
|
||
- Не подключается к API. Все формы отправляют заглушки (`alert` или симулированный успех).
|
||
- Не использует Vue/Vuetify — это сознательно, чтобы прототип открывался в браузере и читался без npm.
|
||
- Не покрывает все пограничные состояния (loading skeletons, ошибки сети). Эти состояния перечислены в spec-аннотации каждого экрана.
|
||
- Не финализирует слабо проработанные в ТЗ места — их я отмечаю в спецификации тегом `[?]` (по соглашению `Pravila_raboty_Claude_v1_1.md` §3.1).
|
||
|
||
## Что брать из прототипа в боевой код
|
||
|
||
- **CSS-переменные из `:root`** — копировать в `resources/css/brand.css` Vue-проекта (но единственный источник истины — `brandbook.md §8.1`).
|
||
- **Структура DOM и aria-атрибуты** — переносить в `.vue` компоненты как есть.
|
||
- **JavaScript-логику** — переписывать на Composition API, но логика валидаций (zxcvbn-эвристика, TOTP-таймер, ввод по 1 цифре с автопереходом) уже близка к боевой.
|
||
|
||
## Версионирование
|
||
|
||
Каждый файл прототипа фиксирует свою версию в шапке (`<!-- Версия: vX.Y от ДД.ММ.ГГГГ -->`). При смене узла брендбука или narrative — обновляем затронутые прототипы и фиксируем в этой таблице:
|
||
|
||
| Дата | Что изменилось |
|
||
|---|---|
|
||
| 05.05.2026 | v0.1 — прототип №01 (Логин/Регистрация/2FA/Recovery) |
|
||
| 05.05.2026 | v0.2 — прототип №02 (Дашборд) |
|
||
| 06.05.2026 | v0.3 — добавлен корневой `CLAUDE.md` и `docs/Tooling_v8_3.md` (Прил. Н v1.0). Архив документации v8.3.2 → v8.3.3. Прототипы не менялись. |
|
||
| 06.05.2026 | v0.4 — прототип №03 (Список сделок). Narrative переведён на v8.4 (все 13 разделов плана переписаны, файл переименован → `CRM_bp-gr_Инструкция_v8_4.md`). Schema → v8.4 (+ outbound_webhook_*). |
|
||
|
||
---
|
||
|
||
*Прил. Л v0.4 от 06.05.2026 — 3/8 прототипов готовы (01–03), narrative на v8.4, schema на v8.5 (07.05.2026 — реализация 27 решений аудита C; narrative v8.5 готовится).*
|
||
|
||
## Документация для разработчика
|
||
|
||
| Документ | Что в нём |
|
||
|---|---|
|
||
| [CLAUDE.md](CLAUDE.md) | Оперативная карта для Claude Code: приоритет правил (5 уровней), стек проекта, карта 28 инструментов «когда что использовать», 10 запретов, текущая фаза |
|
||
| [docs/Tooling_v8_3.md](docs/Tooling_v8_3.md) | Прил. Н v1.0 — полный реестр 28 инструментов в 4 фазах (фаза 0 — сейчас, +1 Laravel, +2 Vue, +3 pre-prod), конфликты и решения, процедура перехода между фазами, особенности Windows + PowerShell |
|
||
| [docs/Pravila_raboty_Claude_v1_1.md](docs/Pravila_raboty_Claude_v1_1.md) v1.2 | Продуктовые правила работы Claude в проекте |
|
||
| [docs/README_АРХИВ_v8_5.md](docs/README_АРХИВ_v8_5.md) v8.5 | Состав архива, навигатор по документам |
|
||
| [docs/CRM_bp-gr_Инструкция_v8_5.md](docs/CRM_bp-gr_Инструкция_v8_5.md) v8.5 | Главное ТЗ из 28 разделов (v8.5 — реализация 27 решений аудита C от 07.05.2026; v8.4 финал был 06.05.2026) |
|
||
| [db/schema.sql](db/schema.sql) v8.5 | Схема БД PostgreSQL 16 (54 таблицы + 12 партиций, 91 индекс, 34 RLS-политики, 4 роли, 12 триггеров, 4 функции — после v8.5 от 07.05.2026) |
|
||
|
||
## Репозиторий
|
||
|
||
https://github.com/CoralMinister/liderra (приватный)
|