fix(web): ui fixes on snooze

[maria-rcks]

What Changed

• simplify snoozed thread rows and actions
• add collapsible Snoozed and Settled shelves with counts
• prevent scrollbar-driven sidebar layout shifts
• show the parked-thread composer notice for snoozed threads

Why

The snooze UI had inconsistent icon, color, spacing, action, and typography treatments. Expanding history could also introduce a scrollbar that shifted the sidebar layout, and opening a snoozed thread did not explain its state above the composer.

This PR is stacked on #4311 and targets its t3/sidebar-v2-snooze branch.

UI Changes

• snoozed countdowns are compact sans-serif timestamps without a clock icon
• collapsed shelves show counts and use down/up chevrons
• unsnooze styling matches unsettle styling
• snoozed threads show a composer notice with a Wake now action

No browser screenshots or interaction recording were produced, per the requested verification scope.

Checklist

• This PR is small and focused
• I explained what changed and why
• I included before/after screenshots for any UI changes
• I included a video for animation/interaction changes

Note

Add composer banner and wake action for snoozed threads in chat view

• The chat composer in ChatView.tsx now shows a banner for snoozed threads (alongside the existing settled banner), with a "Wake now" button that calls threadEnvironment.unsnooze.
• A scheduled setTimeout triggers a re-render when the snooze expiry time passes, keeping the banner state accurate without manual refresh.
• The settled and snoozed banners are unified into a single parkedThreadBannerItem with context-appropriate icons, labels, and in-flight states ("Waking...", "Un-settling...").

^{Macroscope summarized b5499fb.}

---

Note

Low Risk
Presentation and local UI state only; snooze/settle behavior still goes through existing capability checks and atom commands.

Overview
Snooze and settled threads get clearer sidebar shelves and a shared composer banner so parked state is obvious without inconsistent chrome.

In ChatView, the settled-only composer banner becomes a parked-thread banner that also covers snoozed threads (when threadSnooze is enabled). It uses effectiveSnoozed, shows snooze-specific copy and Wake now via threadEnvironment.unsnooze, and schedules a timeout at snoozedUntil so the UI refreshes when the snooze expires without a server event.

In SidebarV2, the Settled section is collapsible like Snoozed (default expanded; collapsed shows only the routed thread). Shelf headers use counts, chevron toggles, and blue styling for Snoozed. Snooze/wake row affordances drop bordered hover chips in favor of transparent styling aligned with unsettle; wake countdowns are blue tabular text without a clock icon. The thread list adds scrollbar-gutter: stable to avoid layout shift when scrollbars appear.

^{Reviewed by Cursor Bugbot for commit b5499fb. Bugbot is set up for automated code reviews on this repo. Configure here.}

[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: 7a60171d-1c57-4e61-b960-a9733d6d3a4d

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

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch agent/ui-fixes-on-snooze

---

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: Approved

UI-only changes extending snooze display to ChatView and adding collapsible settled shelf. Changes follow existing patterns for settled thread handling and are scoped to the web layer without schema or security implications.

^{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 59d2412. Configure here.}