From fe8ac7e4e3a476c5e160df9d0fbbf0586cdf0f33 Mon Sep 17 00:00:00 2001
From: David Montero Crespo <davidmonterocrespo24@gmail.com>
Date: Sat, 15 Aug 2026 08:48:23 +0200
Subject: [PATCH] fix(editor): modals above the agent side panel (z 8000 ->
 9000)

With the agent panel open, the library/install/verification modals were
partially covered on the right, hiding the close button and actions.
---
 frontend/src/components/simulator/CircuitVerificationModal.tsx | 3 ++-
 frontend/src/components/simulator/InstallLibrariesModal.css    | 3 ++-
 frontend/src/components/simulator/LibraryManagerModal.css      | 3 ++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/simulator/CircuitVerificationModal.tsx b/frontend/src/components/simulator/CircuitVerificationModal.tsx
index 3deddafb..bd1a75ff 100644
--- a/frontend/src/components/simulator/CircuitVerificationModal.tsx
+++ b/frontend/src/components/simulator/CircuitVerificationModal.tsx
@@ -78,7 +78,8 @@ const styles: Record<string, React.CSSProperties> = {
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
-    zIndex: 1000,
+    // Above the agent side panel (z 8000): a modal is always the top task.
+    zIndex: 9000,
   },
   modal: {
     background: '#252526',
diff --git a/frontend/src/components/simulator/InstallLibrariesModal.css b/frontend/src/components/simulator/InstallLibrariesModal.css
index eb0a8d54..8acffa0c 100644
--- a/frontend/src/components/simulator/InstallLibrariesModal.css
+++ b/frontend/src/components/simulator/InstallLibrariesModal.css
@@ -5,7 +5,8 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  z-index: 1100;
+  /* Above the agent side panel (z 8000): a modal is always the top task. */
+  z-index: 9000;
   backdrop-filter: blur(4px);
   animation: ilib-fadeIn 0.15s ease;
 }
diff --git a/frontend/src/components/simulator/LibraryManagerModal.css b/frontend/src/components/simulator/LibraryManagerModal.css
index e88db751..e91ff882 100644
--- a/frontend/src/components/simulator/LibraryManagerModal.css
+++ b/frontend/src/components/simulator/LibraryManagerModal.css
@@ -6,7 +6,8 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  z-index: 1000;
+  /* Above the agent side panel (z 8000): a modal is always the top task. */
+  z-index: 9000;
   backdrop-filter: blur(4px);
   animation: lib-fadeIn 0.15s ease;
 }