fix(web): hide mobile sidebar after thread selection or creation

[murataslan1]

Summary

On narrow viewports, the sidebar stayed open after selecting or creating a thread, obscuring the thread content.

Fix

Close the mobile sidebar automatically when:

• Clicking an existing thread (plain click)
• Pressing Enter/Space on a thread row (keyboard nav)
• Clicking the "New Thread" button

Desktop behavior is unchanged — uses isMobile from useSidebar() to gate the behavior.

Test plan

• Open t3code on a narrow viewport (< 640px or mobile device)
• Select a thread from the sidebar — sidebar should close
• Click "New Thread" — sidebar should close
• On desktop, verify sidebar stays open as before

Fixes #1258

Note

Hide mobile sidebar after thread selection or creation

Calls setOpenMobile(false) in the navigateToThread, handleThreadClick, and createThreadForProjectMember callbacks in Sidebar.tsx when isMobile is true. This ensures the sidebar dismisses itself on mobile after the user selects or creates a thread.

^{Macroscope summarized c27f9d0.}

---

---

Note

Low Risk
Low risk UI-only behavior change gated behind isMobile; main risk is unintended sidebar closing on narrow viewports if isMobile detection is off.

Overview
Fixes mobile UX where the sidebar remained open after choosing or creating a thread.

Sidebar.tsx now uses useSidebar() to automatically call setOpenMobile(false) (only when isMobile) when navigating to a thread via click/keyboard activation and when creating a new thread, leaving desktop behavior unchanged.

^{Reviewed by Cursor Bugbot for commit c27f9d0. 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

Run ID: 507b41a6-c98f-4ebb-9bec-65188d168a97

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.}

[Copilot]

Pull request overview

This PR fixes a mobile UX issue in the web app where the off-canvas thread sidebar remained open after selecting or creating a thread, obscuring the main thread content on narrow viewports.

Changes:

• Close the mobile sidebar on plain thread selection (mouse click).
• Close the mobile sidebar on keyboard activation of a thread row (Enter/Space).
• Close the mobile sidebar when clicking “New Thread”.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

The nearby comment describing the plain-click behavior doesn’t mention that we now also close the mobile sidebar. Please update the comment so it remains accurate.

[Copilot]

This Enter/Space handler duplicates the same “activate thread” steps as the click path (clear selection, set anchor, close mobile sidebar, navigate). Consider extracting a shared helper and calling it from both handlers to prevent the two paths drifting over time.

[gameroman]

Looks like a duplicate of #1259

[macroscopeapp]

Approvability

Verdict: Approved

Simple mobile UX fix that closes the sidebar after thread selection or creation. Changes are self-contained to mobile behavior only, using existing useSidebar hook patterns. Unresolved comments are code style suggestions, not bugs.

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