bytelyst/learning_ai_common_plat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs(tracker-web): tick UX-2 wave (2.1-2.4) with SHAs + test counts (UX-2)

Browse Source 
Generated with [Devin](https://cli.devin.ai/docs)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
This commit is contained in:
saravanakumardb1 2026-05-29 06:39:58 -07:00
parent aa36671e95
commit 8354595d0f
1 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
dashboards/tracker-web/docs/roadmaps/UX_INTEGRATION_BYTELYST.md
View File

@ -112,16 +112,28 @@ pnpm build # final gate
## UX-2 — Migrate dashboard controls to primitives
- [ ] **2.1** `src/app/dashboard/items/page.tsx`: replace raw search `<input>`, the 3 filter
- [x] **2.1** `src/app/dashboard/items/page.tsx`: replace raw search `<input>`, the 3 filter
`<select>`s, the "+ New Item" `<button>`, and the **create modal** with `Input`/`Field`/
`Button`/`Modal`. The shared `Modal` fixes the current focus-trap/Esc/scroll-lock a11y gap.
Keep `DataTable` as-is; swap the inline type/status/priority cell pills to `StatusBadge`.
- [ ] **2.2** `src/app/dashboard/page.tsx`: wrap the `confirm()` delete in `ConfirmDialog`; replace
(UX-2.1 `a7a6f191`: tc/lint/test 165 ✓/format/build/e2e 18 ✓; cell pills → `StatusBadge`
tones, errors → `AlertBanner`, all via the Primitives adapter.)
- [x] **2.2** `src/app/dashboard/page.tsx`: wrap the `confirm()` delete in `ConfirmDialog`; replace
the bespoke `StatCard` chrome with `MetricCard` where it fits (full chart swap is UX-4).
- [ ] **2.3** `src/app/dashboard/board/page.tsx` + `src/app/dashboard/items/[id]/page.tsx`:
(UX-2.2 `c9e65d43`: tc/lint/test 165 ✓/format/build/e2e 18 ✓. Total-count card → `MetricCard`;
breakdown `StatCard`s left for the UX-4 chart swap. The `confirm()` delete is the items-list
delete action — moved to the accessible `ConfirmDialog`; overview load errors → `AlertBanner`.)
- [x] **2.3** `src/app/dashboard/board/page.tsx` + `src/app/dashboard/items/[id]/page.tsx`:
migrate buttons/inputs/badges/modals to primitives; comments + status/priority controls.
- [ ] **2.4** `src/app/login/page.tsx`: migrate form to `Field`/`Input`/`Button` + `AlertBanner`.
(UX-2.3 `aa36671e`: tc/lint/test 165 ✓/format/build/e2e 18 ✓. Board pills → `StatusDot`/
`StatusBadge`/`Badge`, status-move → `Button`; detail editor/selects/vote/comment composer →
`Input`/`Textarea`/`Select`/`Button`; errors → `AlertBanner`. ActionMenu/Timeline untouched.)
- [x] **2.4** `src/app/login/page.tsx`: migrate form to `Field`/`Input`/`Button` + `AlertBanner`.
**Verify per task:** `pnpm typecheck && pnpm lint && pnpm build`.
(SUPERSEDED by UX-11 `328e3072`: the login surface was already adopted onto the shared
`@bytelyst/auth-ui` `LoginForm`/`MfaChallenge`, which provide the field/input/button +
inline error presentation this item asked for. Per the ground rules, the adopted surface is
not re-migrated to the lower-level `Field`/`Input`/`Button` primitives. No code change.)
## UX-3 — Re-skin the public roadmap to the token system
@ -296,7 +308,7 @@ pnpm build # final gate
## Progress
```
Core : UX-1 ✅ UX-2 ⬜ UX-3 ⬜ UX-4 ⬜ UX-5 ⬜ UX-6 ⬜ UX-7 ⬜ UX-8 ⬜
Core : UX-1 ✅ UX-2 ✅ UX-3 ⬜ UX-4 ⬜ UX-5 ⬜ UX-6 ⬜ UX-7 ⬜ UX-8 ⬜
Expand : UX-9 ✅ UX-10 ✅ UX-11 ✅ UX-12 ✅ UX-13 ✅ (stretch: 12.3, 13.1 deferred — see notes)
```