docs(ui): record ux normalization checkpoint

This commit is contained in:
Saravana Achu Mac 2026-05-09 02:00:47 -07:00
parent 3c525930da
commit 4566e9f675
2 changed files with 26 additions and 4 deletions

View File

@ -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.

View File

@ -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.