trends.stumason.dev
TypeScript
Pull Request Merged
PR #116 merged: feat(ux): phase 5 — navigation + transitions
Scope
Phase 5 of the UX overhaul (plan / audit / tokens / brief).
What's in
<Breadcrumb>(resources/js/components/reports/breadcrumb.tsx, new) — tokens-aware, items API, SmartLink-routed segments. Trailing segment renders as plaintext-mutedwitharia-current="page".reports/show.tsx— breadcrumb (Reports / {title}) above the existing date eyebrow.resources/js/app.tsx— Inertia progress bar swapped from#4B5563(zinc-600, basically invisible) tovar(--color-accent-brand)(emerald-400), withshowSpinner: false+delay: 100per spec.
Notes
- Did not modify
resources/js/components/ui/breadcrumb.tsx— that's the shadcn primitive already in use bycomponents/breadcrumbs.tsx(auth/dashboard surfaces). The new tokens-aware breadcrumb lives undercomponents/reports/matching DataTable/TimestampLine convention. - Hand-driven, not sub-agent'd, per phase doc recommendation.
Test plan
-
npm run buildclean - Post-deploy Playwright on
/reports/predictions— breadcrumb at top, progress bar emerald during nav, click 'Reports' returns via Inertia (no full reload)
+59
additions
-4
deletions
4
files changed