docs(ui): record ux normalization checkpoint
This commit is contained in:
parent
3c525930da
commit
4566e9f675
@ -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.
|
||||
|
||||
@ -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.
|
||||
|
||||
Loading…
Reference in New Issue
Block a user