From 33c813cd222e3ddfacb4c2113f14716a3a61e05e Mon Sep 17 00:00:00 2001
From: Brad Groux <bradgroux@Brads-Mac-mini.local>
Date: Thu, 29 Jan 2026 06:46:13 -0600
Subject: [PATCH] fix: remove duplicate X close button from drill-down panels

---
 .../components/dashboard/DrillDownPanel.tsx   | 28 +++----------------
 1 file changed, 4 insertions(+), 24 deletions(-)

diff --git a/web/src/components/dashboard/DrillDownPanel.tsx b/web/src/components/dashboard/DrillDownPanel.tsx
index a898ee32..16461d1d 100644
--- a/web/src/components/dashboard/DrillDownPanel.tsx
+++ b/web/src/components/dashboard/DrillDownPanel.tsx
@@ -1,10 +1,5 @@
-import { ArrowLeft, X } from 'lucide-react';
-import {
-  Sheet,
-  SheetContent,
-  SheetHeader,
-  SheetTitle,
-} from '@/components/ui/sheet';
+import { ArrowLeft } from 'lucide-react';
+import { Sheet, SheetContent, SheetHeader, SheetTitle } from '@/components/ui/sheet';
 import { Button } from '@/components/ui/button';
 
 export type DrillDownType = 'tasks' | 'errors' | 'tokens' | 'duration' | null;
@@ -22,29 +17,14 @@ export function DrillDownPanel({ type, title, onClose, children }: DrillDownPane
       <SheetContent className="w-[600px] sm:max-w-[600px] overflow-hidden flex flex-col">
         <SheetHeader className="flex-shrink-0">
           <div className="flex items-center gap-2">
-            <Button
-              variant="ghost"
-              size="icon"
-              onClick={onClose}
-              className="h-8 w-8"
-            >
+            <Button variant="ghost" size="icon" onClick={onClose} className="h-8 w-8">
               <ArrowLeft className="h-4 w-4" />
             </Button>
             <SheetTitle className="flex-1">{title}</SheetTitle>
-            <Button
-              variant="ghost"
-              size="icon"
-              onClick={onClose}
-              className="h-8 w-8"
-            >
-              <X className="h-4 w-4" />
-            </Button>
           </div>
         </SheetHeader>
 
-        <div className="flex-1 overflow-y-auto mt-4">
-          {children}
-        </div>
+        <div className="flex-1 overflow-y-auto mt-4">{children}</div>
       </SheetContent>
     </Sheet>
   );