fix(web): make thread archive button always visible on mobile

[jappyjan]

Summary

• The archive button on each thread row was hidden by default and only revealed on hover/focus, leaving it unreachable on touch devices.
• Mirrors the new-thread-button mobile fix: add `max-sm:pointer-events-auto max-sm:opacity-100` so the archive button is always visible/interactive on mobile, while preserving the hover/focus reveal on desktop.
• Also fade out the thread metadata on mobile (`max-sm:opacity-0`) so it doesn't visually overlap the archive button — matching the desktop hover-swap behavior.
• Both archive button containers are updated: the one used when `confirmThreadArchive` is enabled and the immediate-archive variant.

Test plan

• On a mobile viewport, the archive icon is visible at the right edge of every non-running thread row.
• Tapping the icon archives the thread (with confirmation flow if `confirmThreadArchive` is on, immediate otherwise).
• On desktop, the archive button still appears only on hover/focus, and the metadata (timestamp/jump label) is shown when not hovered.
• Currently-running threads still show the running indicator instead of the archive button on both mobile and desktop.

🤖 Generated with Claude Code

---

---

Note

Low Risk
Primarily Tailwind class tweaks and sidebar/navigation behavior changes; low risk aside from potential minor layout or navigation regressions on small screens.

Overview
Improves mobile sidebar usability. Thread-row archive controls are now always visible and tappable on small viewports (including both confirm-archive and immediate-archive variants), with extra spacing and metadata fade-out to prevent overlap.

Tightens mobile navigation behavior. The sidebar now auto-closes on mobile when navigating to Settings or switching Settings sections, and Settings back/Escape handling now falls back to routing to / when there’s no in-app history instead of calling history.back() unconditionally.

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

Note

Make thread archive button and sidebar controls always visible on mobile

• Adjusts SidebarThreadRow to allocate more right-side space on small screens via conditional min-width and padding classes, ensuring the archive button is always visible.
• Closes the mobile sidebar before navigating to Settings from SidebarChromeFooter and before navigating to a settings section or pressing Back in SettingsSidebarNav.
• Replaces window.history.back() in the settings Escape key handler with an in-app navigation helper that falls back to the home route when no back history exists.

^{Macroscope summarized 0eb4d80.}

[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

Run ID: a60d24e5-f2ce-4d17-9712-7bccd3e98ded

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

---

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 and usage tips.}

[macroscopeapp]

Approvability

Verdict: Approved

CSS-only changes making mobile UI elements visible and minor UX improvements (closing sidebar on navigation, better back button handling). No business logic or runtime behavior changes beyond expected mobile responsiveness.

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

Dismissing prior approval to re-evaluate 2fda5ce

[cursor]

Cursor Bugbot has reviewed your changes 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 fa2dd8b. Configure here.}