rspace-online/backlog/tasks/task-110 - Module-sub-nav-b...

2.1 KiB

id title status assignee created_date updated_date labels dependencies priority
TASK-110 Module sub-nav bar + rCart UX polish Done
2026-03-12 04:02 2026-03-12 04:02
shell
rcart
ux
typescript
medium

Description

Add a secondary horizontal pill navigation bar to the shell showing each module's outputPaths and subPageInfos as navigable links. Polish rCart group buy page with fill-up visual, hero stats, warm gradient progress bar, pledge avatars, and green CTA. Fix 3 pre-existing TS build errors.

Acceptance Criteria

  • #1 Sub-nav bar renders between tab-row and for modules with outputPaths/subPageInfos
  • #2 Active pill highlighted via client-side pathname matching
  • #3 Hidden in iframe-embedded mode
  • #4 rCart /buy/:id renamed to /group-buy/:id with updated shareUrl
  • #5 rCart outputPaths: carts, catalog, orders, payments, group-buys
  • #6 rinbox outputPaths: mailboxes
  • #7 Group buy page: hero card with stat boxes, fill-up liquid visual, warm gradient progress bar, pledge avatars, green CTA, responsive
  • #8 TS error fixed: walletAddress added to rstack-identity SessionState.eid
  • #9 TS errors fixed: ambient type declarations for 3d-force-graph and three
  • #10 Build passes (tsc --noEmit + vite build)

Final Summary

Committed as adb0d17 on dev, merged to main, deployed to Netcup.\n\nFiles changed:\n- server/shell.ts — renderModuleSubNav() + SUBNAV_CSS\n- modules/rcart/mod.ts — route rename, outputPaths update\n- modules/rcart/components/folk-group-buy-page.ts — full UX overhaul\n- modules/rcart/components/cart.css — flex centering for narrow pages\n- modules/rcart/components/folk-payment-page.ts, folk-payment-request.ts — width fix\n- modules/rinbox/mod.ts — added mailboxes outputPath\n- shared/components/rstack-identity.ts — walletAddress type fix\n- types/3d-force-graph.d.ts, types/three.d.ts — new ambient declarations