feat(chat): frosted-glass background behind the continuous-chat panel#10661
Conversation
Replace the transparent chat surface with a dark-tinted, backdrop-blurred frosted-glass scrim (rgba(10,10,12,0.42/0.55) + blur(24px) saturate(140%), set inline so it renders identically in-app and in the raw-esbuild e2e harness). Keeps white transcript + composer text legible over any surface — the ambient home field, a photo wallpaper, or a live view. Fades in with the panel so the collapsed pill stays chrome-free. Salvaged from stranded no-PR branch shaw/intelligent-curran-813f63 (verified a clean superset of develop — the two trees differ only by this hunk). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
![greptile-apps[bot]](https://avatars.githubusercontent.com/in/867647?s=60&v=4){kind=small}
There was a problem hiding this comment.
Your trial has ended. Reactivate Greptile to resume code reviews.
|
Important Review skippedAuto reviews are disabled on this repository. Please check the settings in the CodeRabbit UI or the ⚙️ Run configurationConfiguration used: Organization UI Review profile: CHILL Plan: Pro Run ID: You can disable this status message by setting the Use the checkbox below for a quick retry:
✨ Finishing Touches🧪 Generate unit tests (beta)
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. Comment |
1 participant
Replaces the transparent continuous-chat surface with a dark-tinted, backdrop-blurred frosted-glass scrim so the white transcript + composer text stay legible over any surface (ambient home field, photo wallpaper, or a live view). The tint/blur is set inline (not a Tailwind
backdrop-*class) so it renders identically in-app and in the raw-esbuild e2e harness. Fades in with the panel viaglassOpacityso the collapsed pill stays chrome-free.Provenance: salvaged from the stranded no-PR branch
shaw/intelligent-curran-813f63(commit c32ab5f). Verified a clean superset ofdevelop— the two trees differ only by this one hunk inContinuousChatOverlay.tsx(17+/5-), so there is no risk of reverting other develop work.Scope: pure CSS-in-JS style-object edit on the chat SURFACE layer; no logic/state changes.
🤖 Generated with Claude Code