please-pay-me/context/2026-09-13_10-15-00_product-design-system.md

2026-09-13 — Системный продуктовый дизайн (web)

Заложена расширяемая дизайн-система кабинета вместо монолита App.tsx.

Структура

• web/src/design/ — токены (tokens.css), base, стили shell/UI
• web/src/components/ui/ — Button, Field, Flash, ProgressBar, MetricGrid, PageHeader, Section, EmptyState, Banner
• web/src/components/layout/ — AppShell, AuthLayout, PRIMARY_NAV (точка расширения меню)
• web/src/auth/ — AuthProvider, RequireAuth
• web/src/cabinet/ — CabinetProvider (бюджет/траты), CabinetLayout
• web/src/pages/ — Login, Overview, Operations, Journal, Period (+ ComingSoon заготовка)

Маршруты

/login · / · /operations · /journal · /period
В nav зарезервированы «Отчёты» и «Настройки» (soon: true).

Как добавлять фичу

1. Пункт в PRIMARY_NAV
2. Route под CabinetLayout в App.tsx
3. Страница в pages/, UI из components/ui
4. Доменное состояние — в cabinet/ или новый context

Сборка npm run build проходит успешно.