diff --git a/docs/LAUNCH_READY_UI_UX_ROADMAP.md b/docs/LAUNCH_READY_UI_UX_ROADMAP.md index d7f87be..e2465aa 100644 --- a/docs/LAUNCH_READY_UI_UX_ROADMAP.md +++ b/docs/LAUNCH_READY_UI_UX_ROADMAP.md @@ -855,8 +855,8 @@ Exit criteria: - [ ] Design tokens follow a clear primitive, alias, semantic, typography, and effects structure. - [ ] Common platform has a Cipher-inspired preview surface for realistic component compositions. - [ ] Shared primitives cover shell, page header, sections, cards, forms, fields, tables, lists, tabs, badges, timelines, alerts, toasts, dialogs, drawers, skeletons, and empty states. -- [ ] Product pages import UI through the product adapter. -- [ ] No production route uses raw controls outside approved wrappers. +- [x] Product pages import UI through the product adapter. +- [x] No production route uses raw controls outside approved wrappers. - [ ] No production route uses hardcoded colors for normal UI. - [ ] No production route has accidental horizontal overflow. - [ ] Desktop, tablet, and phone navigation each follow the shell contract. @@ -867,7 +867,7 @@ Exit criteria: - [ ] All saves/deletes/updates produce feedback. - [ ] All pages have loading, empty, error, and success/saved states. - [ ] All forms have labels, hints, validation, and disabled-state explanations. -- [ ] All primary workflows pass keyboard navigation. +- [ ] All primary workflows pass keyboard navigation. Profile rule toggles now support keyboard access; full route-level keyboard QA remains. - [ ] All routes pass the viewport matrix. - [ ] Playwright screenshots and accessibility checks run in CI. - [ ] Storybook documents shared UI behavior. diff --git a/docs/PRODUCTION_GRADE_UX_REMEDIATION_ROADMAP.md b/docs/PRODUCTION_GRADE_UX_REMEDIATION_ROADMAP.md index 91556fe..1fa6cbe 100644 --- a/docs/PRODUCTION_GRADE_UX_REMEDIATION_ROADMAP.md +++ b/docs/PRODUCTION_GRADE_UX_REMEDIATION_ROADMAP.md @@ -700,6 +700,28 @@ git diff --check ## 8. Implementation Strategy +### Progress checkpoint: 2026-05-09 + +Completed high-leverage product normalization slices: + +- `217b46e` through `3c52593` continued the roadmap across Home, Trade Plans chips, Backtest, History, Positions, Admin, Overview, Strategy Wizard, and Trade Profile Manager. +- Product surfaces now pass the strict UI drift gate with zero raw interactive controls outside approved primitives. +- Product surfaces now pass the strict UI drift gate with zero direct `@bytelyst/ui` imports outside the product adapter. +- Trade Profile Manager controls now use shared button/input/textarea primitives, and the rule header is keyboard reachable with visible focus. +- Verification run for the latest slices: + - `pnpm --filter @bytelyst/trading-web typecheck` + - `pnpm --filter @bytelyst/trading-web test -- TradeProfileManager` + - `pnpm --filter @bytelyst/trading-web test -- TradeProfileManager MyStrategies ResearchView` + - `pnpm --filter @bytelyst/trading-web test -- StrategyWizard OverviewTab HomeView` + - `pnpm audit:ui:strict` + - `pnpm --filter @bytelyst/trading-web build` + +Remaining focus: + +- Replace remaining one-off visual language in dense operational tables with shared badges, table cells, and status components. +- Add route-level responsive/overflow screenshot checks for the main desktop, tablet, and mobile breakpoints. +- Add dedicated UI regression coverage for Trade Plans and the profile drawer keyboard path. + ### Recommended commit sequence 1. `feat(ui): add production ux remediation roadmap` @@ -767,6 +789,6 @@ The remediation is complete when: - All primary trading workflows share a consistent premium visual language. - The app shell feels production-grade. - Common UI primitives remain routed through the product adapter. -- Strict UI audit remains clean. +- Strict UI audit remains clean. Current status: passing as of `3c52593`. - Full web verification passes. - The app is visually reviewed at multiple viewport sizes.