From 6d77e77200b964b587f3f178d5063f14ae588f0d Mon Sep 17 00:00:00 2001
From: iliya <iliyazelenkog@gmail.com>
Date: Sat, 21 Mar 2026 12:12:04 +0200
Subject: [PATCH] fix: tool approval select z-index and syntax highlight colors

- SelectContent z-[60] to render above the z-[55] approval sheet
- Move fallback text color to parent div so hljs class colors take priority
  (inline style on each line was overriding .hljs-attr/.hljs-string classes)
---
 src/renderer/components/team/ToolApprovalSheet.tsx              | 2 +-
 .../components/team/dialogs/ToolApprovalSettingsPanel.tsx       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/team/ToolApprovalSheet.tsx b/src/renderer/components/team/ToolApprovalSheet.tsx
index 18efa0df..ed696cf0 100644
--- a/src/renderer/components/team/ToolApprovalSheet.tsx
+++ b/src/renderer/components/team/ToolApprovalSheet.tsx
@@ -332,6 +332,7 @@ const ToolInputPreview = ({
         style={{
           backgroundColor: 'var(--color-surface)',
           borderColor: 'var(--color-border)',
+          color: 'var(--color-text-secondary)',
         }}
       >
         {/* highlightLines uses hljs which HTML-escapes all input text, producing only <span class="hljs-*"> tags.
@@ -341,7 +342,6 @@ const ToolInputPreview = ({
           <div
             key={i}
             className="whitespace-pre-wrap break-all"
-            style={{ color: 'var(--color-text-secondary)' }}
             dangerouslySetInnerHTML={{ __html: html || '&nbsp;' }}
           />
         ))}
diff --git a/src/renderer/components/team/dialogs/ToolApprovalSettingsPanel.tsx b/src/renderer/components/team/dialogs/ToolApprovalSettingsPanel.tsx
index ad5f7218..5e314c0c 100644
--- a/src/renderer/components/team/dialogs/ToolApprovalSettingsPanel.tsx
+++ b/src/renderer/components/team/dialogs/ToolApprovalSettingsPanel.tsx
@@ -96,7 +96,7 @@ export const ToolApprovalSettingsPanel: React.FC = () => {
               <SelectTrigger className="h-7 w-[120px] text-xs">
                 <SelectValue />
               </SelectTrigger>
-              <SelectContent>
+              <SelectContent className="z-[60]">
                 <SelectItem value="wait">Wait forever</SelectItem>
                 <SelectItem value="allow">Allow</SelectItem>
                 <SelectItem value="deny">Deny</SelectItem>