From bdc1a0e79856ab3cbe84c71c4b5e4fa47c7fe706 Mon Sep 17 00:00:00 2001
From: Kyle Carberry <kyle@coder.com>
Date: Mon, 2 Mar 2026 14:16:46 -0500
Subject: [PATCH] fix: raise diff panel drag handle z-index above sticky file
 headers (#22504)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## Problem

The drag handle (resize slider) on the diff right panel and the sticky
file headers inside `FilesChangedPanel` both had `z-index: 10`. Because
the sticky headers render later in the DOM and are positioned, they
painted on top of the drag handle — making it appear to go "below" the
headers when dragging.

## Fix

Bump the drag handle from `z-10` to `z-20` so it always stays above the
sticky `[data-diffs-header]` elements (`z-index: 10`).
---
 site/src/pages/AgentsPage/DiffRightPanel.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/src/pages/AgentsPage/DiffRightPanel.tsx b/site/src/pages/AgentsPage/DiffRightPanel.tsx
index 2489ac2a17..8d9bfde9ca 100644
--- a/site/src/pages/AgentsPage/DiffRightPanel.tsx
+++ b/site/src/pages/AgentsPage/DiffRightPanel.tsx
@@ -110,7 +110,7 @@ export const DiffRightPanel = ({ isOpen, children }: DiffRightPanelProps) => {
 				onPointerDown={handlePointerDown}
 				onPointerMove={handlePointerMove}
 				onPointerUp={handlePointerUp}
-				className="absolute top-0 left-0 z-10 hidden h-full w-1 cursor-col-resize select-none transition-colors hover:bg-content-link xl:block"
+				className="absolute top-0 left-0 z-20 hidden h-full w-1 cursor-col-resize select-none transition-colors hover:bg-content-link xl:block"
 			/>
 			{children}
 		</div>