Keep message actions visible without hover

[pzep1]

What Changed

• Keep user and assistant message action rows at 60% opacity when idle.
• Preserve full opacity on hover and keyboard focus.
• Add regression coverage for both message types.

Why

Copy and related message actions were completely hidden until hover, making them difficult to discover and effectively unavailable on non-hover input devices. A subtle idle state keeps the controls discoverable without competing with message content.

UI Changes

Message actions now remain subtly visible at rest and become fully opaque on hover or focus. No screenshot included because this is an opacity-only state change.

Validation

• vp check
• vp run typecheck
• vp test apps/web/src/components/chat/MessagesTimeline.test.tsx

Checklist

• This PR is small and focused
• I explained what changed and why
• I included before/after screenshots for any UI changes
• I included a video for animation/interaction changes

Note

Keep message actions visible at reduced opacity without hover

Changes the default opacity of action/meta rows in UserTimelineRow and AssistantTimelineRow from opacity-0 to opacity-60, so controls are always partially visible rather than hidden until hover or focus. Hover and focus-within still bring the rows to full opacity.

^{Macroscope summarized 5a6e97b.}

[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: 7553d9fa-7c0f-426b-a278-4f144f68a137

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

Simple CSS opacity adjustment (0 → 60) to keep message actions visible without hover. Pure styling change with no functional impact, accompanied by a test.

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

[juliusmarminge]

before/after screenshots pls

[pzep1]

before/after screenshots pls

issue showing before: #4046

[pzep1]

before/after screenshots pls

issue showing before: #4046

after: