From 50c4128f1a9391152a58f3d673c52620baae6b69 Mon Sep 17 00:00:00 2001
From: freddy-d <38051127+freddy-d@users.noreply.github.com>
Date: Wed, 7 Oct 2026 15:32:42 +0000
Subject: [PATCH] fix(web): thread details toggle no longer covers the thread
 title on Windows desktop

With the right panel open, the thread details toggle sits inside the chat
header but was offset by --workspace-controls-right, which also clears the
native window buttons. Those buttons sit over the right panel, so on Windows
and Linux desktop the toggle landed about 150px in from the chat column's
edge and covered the title as the panel was widened. Inset it from the chat
header's own edge instead.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 apps/web/src/components/ChatView.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/components/ChatView.tsx b/apps/web/src/components/ChatView.tsx
index 3b08fa7e5597..94fb9aa3c39f 100644
--- a/apps/web/src/components/ChatView.tsx
+++ b/apps/web/src/components/ChatView.tsx
@@ -11091,7 +11091,9 @@ export default function ChatView(props: ChatViewProps) {
   );
   const threadPanelHeaderControl = (
     <div
-      className="absolute top-[var(--workspace-controls-top)] right-[var(--workspace-controls-right)] z-50 flex h-[var(--workspace-topbar-height)] items-center [-webkit-app-region:no-drag]"
+      // Inset from the chat header's edge, not the window's: --workspace-controls-right also
+      // clears the native window buttons, which sit over the right panel, not this header.
+      className="absolute top-[var(--workspace-controls-top)] right-[calc(env(safe-area-inset-right)+0.75rem)] z-50 flex h-[var(--workspace-topbar-height)] items-center [-webkit-app-region:no-drag]"
       data-workspace-titlebar-controls
     >
       <PanelLayoutControls