Fix woke status overlap after snooze menu closes

[kleju13]

Summary

• keep the thread status hidden while focused row actions remain visible
• prevent Woke and Settle from overlapping after dismissing the snooze menu

Root cause

Closing the popover leaves focus on the snooze trigger. The action container stayed visible through focus-within, while the status label was only hidden for hover or an open menu.

Testing

• pnpm --dir apps/web exec vp test run src/components/Sidebar.snooze.test.ts --project unit (7 tests)
• pnpm --filter @t3tools/web typecheck
• targeted lint and format checks for SidebarV2.tsx
• isolated web verification of the reported flow: after outside-click dismissal, actions remained at opacity 1 and Woke resolved to opacity 0

Fixes #4537

Note

Fix status text overlap when snooze menu closes in sidebar

The woke status text in SidebarV2Row was remaining visible while the snooze menu was open, causing an overlap. Adds a group/actions class to the actions container in SidebarV2.tsx and hides the status text via group-focus-within/actions:opacity-0 when focus is within the actions group, matching the existing hover-based hide behavior.

^{Macroscope summarized 8e15a12.}

---

Note

Low Risk
Two Tailwind classes on the sidebar card row; no logic or API changes.

Overview
Fixes Woke (and other top status labels) overlapping Settle on sidebar v2 card rows after the snooze popover is dismissed with an outside click.

The row actions area is now a group/actions container, and the status/time slot uses group-focus-within/actions:opacity-0 so it stays hidden whenever focus remains inside that actions group—not only on row hover or while snoozeMenuOpen is true. That matches the existing behavior where closing the menu leaves focus on the snooze trigger and keeps the action buttons visible via focus-within.

^{Reviewed by Cursor Bugbot for commit 8e15a12. 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: 56bec4e1-df9a-45e2-8f5a-52b1de092f7e

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

[macroscopeapp]

Approvability

Verdict: Approved

CSS-only change adding Tailwind classes to fix visual overlap. No runtime logic affected - purely presentation layer adjustments with clear, limited scope.

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

[kleju13]

Video of that bug is in #4537 issue