feat(web): a better right panel empty state

[StiensWout]

The right panel's "Open a surface" empty state was easy to bounce off: a static grid where disabled cards only explained themselves through a hover tooltip, every option carried identical weight, and the layout sat visibly off-center in the panel.

This reworks the empty state into a cleaner card launcher:

• Cards keep their icon and label on one line with a one-line description, so each card is exactly as tall as its content.
• Unavailable surfaces stay in place, dimmed, with the reason written inline ("Only available in the desktop app.") instead of behind a tooltip.
• Every card shows its shortcut letter; pressing it opens the surface directly. The chat composer's type-to-focus behavior yields those letters only while the launcher is visible and the draft is empty, so typing is never hijacked.
• Arrow keys plus Enter also work; the highlight appears only on hover or arrow use, so nothing looks pre-selected.
• The grid now centers against the full panel (the always-present topbar row previously pushed it down), with the title floating above.

Before

After

Hover highlight

Maximized panel

Verified in a live browser session: shortcut letters fire with the composer focused on an empty draft, letters type normally once a draft has content, hover and arrow highlighting, and Enter opening the highlighted surface. tsgo --noEmit and vp lint clean on the touched files.

Built by Claude Fable 5 running in Claude Code.

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 76af1239-7e9f-4595-8141-3fe9fca1864f

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[macroscopeapp]

Approvability

Verdict: Needs human review

This PR introduces new keyboard shortcuts and navigation behavior for the right panel empty state, including global key handlers and cross-component coordination. New user-facing features benefit from human review to verify the interaction design and edge cases.

^{You can customize Macroscope's approvability policy. Learn more.}

[cursor]

Cursor Bugbot has reviewed your changes using high effort and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit 87f59b3. Configure here.}