rnotes-online/backlog/tasks/task-16 - Add-rStack-AppSwitcher-dropdown-across-all-r-App-headers.md

id	title	status	assignee	created_date	labels	dependencies	priority
TASK-16	Add rStack AppSwitcher dropdown across all r*App headers	Done		2026-02-25 03:47	feature ui cross-app branding		high

Description

Added the unified rStack AppSwitcher dropdown to the header/nav of all 19 r*-online repos plus the rSpace platform Web Component.

What was done

rSpace platform (rspace-online)

• Rewrote shared/components/rstack-app-switcher.ts Web Component with:
  • Pastel rainbow badges (rS, rN, rP, rC, rT, etc.) replacing plain emoji icons
  • Emoji moved to right of app name in dropdown items
  • rStack header with gradient badge at top of dropdown
  • rStack footer link at bottom
  • Canvas renamed to rSpace
  • rMaps moved to Planning category
  • "Sharing & Media" renamed to "Social & Sharing" with rNetwork at top
• Fixed light→dark theme across all 21 modules (was causing white header bar)
• Renamed canvas module to "rSpace"

rnotes-online

• Created React AppSwitcher.tsx component
• Created shared Header.tsx with AppSwitcher + SpaceSwitcher + breadcrumbs
• Integrated into all 9 page files

14 other Next.js repos

• Copied AppSwitcher.tsx React component into each
• Integrated into existing Header/Navbar components
• Repos: rPubs, rauctions, rcal, rcart, rchats, rfunds, rinbox, rmail, rmaps, rsocials, rtrips, rtube, rvote, rwork

4 non-Next.js repos

• Created standalone HTML/CSS/JS AppSwitcher (no framework dependencies)
• Repos: rNetwork (Vite), rfiles (Django), rstack (static), rwallet (static)

All repos committed and pushed to main on Gitea.

Acceptance Criteria

• #1 AppSwitcher shows pastel badges with r* abbreviations
• #2 Emoji displayed to the right of app name
• #3 rStack header with gradient badge at top of dropdown
• #4 5 categories: Creating, Planning, Discussing & Deciding, Funding & Commerce, Social & Sharing
• #5 rMaps under Planning, rNetwork at top of Social & Sharing
• #6 All 19 standalone repos have AppSwitcher integrated
• #7 rSpace Web Component updated with matching branding
• #8 Dark theme applied to all rSpace module shells
• #9 All repos pushed to main on Gitea
• #10 rspace-online and rnotes-online deployed to production