fix(web): align sidebar settle hit area

[IGN-Styly]

Summary

Fixes #5330.

The Sidebar V2 card row showed the Settle control, but its visible label did not match the clickable area. Clicking the gap beside Snooze worked while clicking the displayed Settle text could miss the action.

Root cause

The status label and lifecycle actions share one slot. The action layer remained pointer-active while hidden and could stack above the status label during the hover transition.

Changes

• Disable pointer events on the hidden action layer.
• Restore pointer events when hover or keyboard focus reveals the actions.
• Raise the action layer above the status label.

Validation

• Web typecheck
• Sidebar logic tests: 87 passed
• Targeted lint and formatting
• Web production build

Note

Fix sidebar row controls to not intercept pointer events when hidden

The controls container in SidebarV2Row was capturing pointer events even when invisible, interfering with adjacent content. Adds pointer-events-none by default and restores pointer-events-auto only on hover, focus-visible, or when the snooze menu is open. Also adds z-10 so the controls render above adjacent content when visible.

^{Macroscope summarized ac4716b.}

---

Note

Low Risk
Small CSS-only change to sidebar row pointer hit-testing with no auth, data, or API impact.

Overview
Fixes Sidebar V2 card rows where the Settle label looked clickable but clicks often missed, while empty space near Snooze still worked.

The settle/snooze wrapper in SidebarV2Row now uses pointer-events-none while the controls are hidden (opacity-0 / absolute), and pointer-events-auto only when row hover, :focus-visible, or an open snooze menu shows them. z-10 keeps that layer above the status text when visible. This mirrors the existing pointer-events-none on the fading status label so hidden overlays no longer steal clicks from the visible Settle text or the row.

^{Reviewed by Cursor Bugbot for commit ac4716b. 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: c9bd93f8-e54c-4725-a926-7a645346b68c

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

This PR makes minor CSS class changes to fix sidebar hit area targeting. The modifications only affect pointer-events and z-index styling with no logic or runtime behavior changes beyond UI interaction.

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