feat(ui): rebuild web UI into the CatchApp command center#73
Merged
Conversation
Add the prototype's missing glyphs (inbox, source, phone, pin, link,
google, copy, more, search) to the inline SVG registry, and emit an
inline width/height style so the ported `svg.ic{width:20px}` default
no longer pins every icon to 20px regardless of the requested size.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Append the prototype's component CSS verbatim (Assistant→Heebo, @container→@media), keeping the sage/night tokens and adding the --r/--r-sm/--fs aliases. Adapt the `.shell` grid to fill the viewport (no `.device` frame) and override the retired Glacier two-pane rules that still target the #layout/#top-bar/#pane-list/#pane-main IDs. Re-seat the existing single-pane screens into the centered content gutter and add the Ask chat layout. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Replace the group-centric two-pane shell with the prototype's 3-pane command center: a vertical nav rail (CatchApp brand, 8 nav items with count badges, privacy card, user card), a per-screen appbar, and a mobile bottom nav. Default landing is now Today. - Today gains the v2 command-center side rail (meetings today / open to-dos / follow-up people / Ask shortcut) and drops the back-nav. - New Updates (עדכונים) list screen replaces the old feed group list. - Ask rebuilt to the prototype chat markup (.chat/.msg/.bubble/.cites/ .askbar), dropping the retired Glacier orb + redundant header. - Routing/appbar/active-nav wired per screen; existing data layer, SSE streaming, auth/onboarding gates, and admin dashboard preserved. - Demo (?demo=1) seeds Today suggestions + command-center fixtures. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This was referenced Jun 12, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Why
Launching
mainrendered the old group-centric two-pane "summary tool" shell — not the CatchApp command center from the Hi-Fi prototype. The brand tokens + most screen features had shipped, but they were bolted onto the old shell, so the running app read as a different product. This PR rebuilds the shell and re-seats the screens so the launched UI matches the design.What changed
Shell → 3-pane command center
Screens
.chat/.msg/.bubble/.cites/.askbar), dropping the retired Glacier orb + redundant header.Foundation
@container→@media), kept the sage/night tokens, and overrode the retired Glacier#layout/two-pane rules.lib/api.js+lib/*), SSE streaming, auth/onboarding gates, scan-ring, and the/admindashboard.?demo=1now seeds Today suggestions + command-center fixtures for offline preview.Verification
Local CI gate is green:
biome check✓ ·typecheck✓ ·build✓ ·vitest✓ (1320 tests / 147 files).Visually QA'd Today, Updates, Ask, and Settings against the prototype via
?demo=1.Remaining (human verify — needs live data)
🤖 Generated with Claude Code