From e7c819a7e12ff9ee300f2947b83be184f7a8283f Mon Sep 17 00:00:00 2001
From: brooklyn! <brooklyn.bb.nicholson@gmail.com>
Date: Wed, 9 Sep 2026 21:37:34 -0700
Subject: [PATCH] fix(desktop): mask text behind sticky user messages

---
 .../assistant-ui/thread/user-message.tsx          |  1 +
 apps/desktop/src/styles.css                       | 15 ++++++++++++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/apps/desktop/src/components/assistant-ui/thread/user-message.tsx b/apps/desktop/src/components/assistant-ui/thread/user-message.tsx
index 9e5e587749..319a4c8736 100644
--- a/apps/desktop/src/components/assistant-ui/thread/user-message.tsx
+++ b/apps/desktop/src/components/assistant-ui/thread/user-message.tsx
@@ -42,6 +42,7 @@ export function StickyHumanMessageContainer({
     <>
       <div
         className="group/user-message sticky z-40 -mx-4 flex w-[calc(100%+2rem)] min-w-0 max-w-none flex-col items-stretch gap-0 self-end overflow-visible bg-(--ui-chat-surface-background) px-4 pb-(--conversation-turn-gap) pt-1"
+        data-glass-opaque=""
         data-message-id={messageId}
         data-role="user"
         data-slot="aui_user-message-root"
diff --git a/apps/desktop/src/styles.css b/apps/desktop/src/styles.css
index 464315cc0d..bbeb94163c 100644
--- a/apps/desktop/src/styles.css
+++ b/apps/desktop/src/styles.css
@@ -1560,7 +1560,20 @@ body.guest-pointer-lock :is(webview, iframe) {
 }
 
 [data-slot='aui_user-message-root'] {
-  top: var(--sticky-human-top);
+  --sticky-human-offset: calc(var(--sticky-human-top) + 1px);
+  top: var(--sticky-human-offset);
+}
+
+/* Cover the gap above the floating bubble with the thread's solid surface. */
+[data-slot='aui_user-message-root']::before {
+  content: '';
+  position: absolute;
+  z-index: -1;
+  inset-inline: 0;
+  top: calc(-1 * var(--sticky-human-offset));
+  height: calc(var(--sticky-human-offset) + 1rem);
+  pointer-events: none;
+  background: var(--ui-chat-surface-background);
 }
 
 [data-slot='aui_user-message-root'],