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

[jappyjan]

Summary

• The new-thread button on each project header in the sidebar was hidden by default and only revealed on hover/focus, leaving it unreachable on touch devices.
• Adds max-sm:pointer-events-auto max-sm:opacity-100 to the reveal wrapper so the button is always visible/interactive on mobile viewports while keeping the hover/focus reveal on desktop.

Test plan

• On a mobile viewport (or DevTools mobile emulation), the new-thread button is visible next to each project name in the sidebar.
• Tapping the button creates a new thread in that project.
• On desktop, the button still appears only on hover/focus over the project header.

🤖 Generated with Claude Code

---

---

Note

Low Risk
Small, CSS-only tweaks to sidebar project header layout/visibility; low risk aside from potential minor spacing/overlap regressions on small viewports.

Overview
Makes the sidebar project header’s new-thread action reachable on touch devices by forcing its wrapper to be visible and clickable on max-sm viewports (while keeping hover/focus reveal behavior on larger screens).

Adjusts project header spacing to accommodate the always-visible mobile affordance (extra right padding) and shifts the remote-environment cloud badge on small screens to avoid overlapping the new-thread button.

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

Note

Make new thread button always visible on mobile in sidebar

Adds pr-8 and max-sm:pr-14 right padding to the SidebarProjectItem container in Sidebar.tsx, ensuring the new thread button is not obscured on small screens.

^{Macroscope summarized 2134556.}

[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: 3a27240a-3179-4ed5-9fa0-833e3eb2715f

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

[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 13420e5. Configure here.}

[macroscopeapp]

Approvability

Verdict: Approved

This PR adds Tailwind CSS responsive classes to make the new thread button always visible on mobile screens. The changes are purely presentational with no logic modifications.

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