# Редизайн overview брокерского счёта в инвестиционный дашборд — задачи

Дата: 2026-06-26
Статус: готово к реализации

## Документация и pre-flight

- [x] Выбрать scope: `/broker/:accountId` становится единым дашбордом.
- [x] Выбрать визуальный стиль: структура `temp.html`, текущая светлая DS-тема.
- [x] Исключить график истории стоимости из первой версии.
- [x] Добавить backlog-задачу на историю стоимости брокерского портфеля.
- [x] Создать ветку `codex/broker-dashboard-redesign`.
- [x] Запустить baseline: `rtk npm run test:backend && rtk npm run test:frontend && rtk npm run test:design-system`.
- [x] Написать `spec.md`.
- [x] Написать `plan.md`.

## Реализация

- [ ] Добавить pure helpers для фильтрации и суммирования доходных операций dashboard.
- [ ] Добавить helpers для фильтров дат, пресетов, валидации и mapping income types → operationTypes.
- [ ] Добавить dashboard presentation helpers для fallback, event labels и statuses.
- [ ] Добавить локальный `BrokerDashboardCard` pattern или точечно расширить DS, если локального pattern недостаточно.
- [ ] Добавить `BrokerDashboardHero` с KPI по portfolio и analytics.
- [ ] Добавить `BrokerDashboardEventsCard` на основе `useBrokerEvents`.
- [ ] Добавить `BrokerDashboardIncomeCard` на основе `useBrokerOperations`.
- [ ] Добавить фильтры типов, фильтры периода, пресеты, reset/apply actions для `События`.
- [ ] Добавить локальную пагинацию по 10 событий в `События`.
- [ ] Добавить фильтры типов, фильтры периода, пресеты, reset/apply actions для `Доходы`.
- [ ] Добавить cursor-пагинацию по 10 операций в `Доходы`.
- [ ] Добавить `BrokerDashboardAnalyticsCard` на основе `useBrokerAnalytics`.
- [ ] Добавить `BrokerDashboardAllocationCard` на основе существующей аллокации.
- [ ] Добавить `BrokerDashboardSkeleton`.
- [ ] Добавить `BrokerDashboard` как top-level composition widget.
- [ ] Заменить текущий vertical overview в `BrokerAccountOverviewPage` на `BrokerDashboard`.
- [ ] Добавить unit/component tests для helpers и dashboard composition.
- [ ] Проверить desktop layout `/broker/2084014113`.
- [ ] Проверить mobile layout `/broker/2084014113`.

## Definition of Done

- [ ] `rtk npm run test:frontend` проходит.
- [ ] `rtk npm run test:design-system` проходит, если DS изменялась.
- [ ] `rtk npm run lint -w apps/frontend` проходит.
- [ ] `rtk npm run build:frontend` проходит.
- [ ] Dashboard соответствует acceptance criteria из `spec.md`.
- [ ] Существующие вкладки `Акции`, `Облигации`, `Операции`, `События`, `Аналитика` остаются доступны.
- [ ] `graphify update .` выполнен после code changes.