Improve dialog z-index layering and GitCredentialDialog responsiveness (#115)

Author: chriswritescode-dev

.gitguardian.yaml

@@ -0,0 +1,29 @@
+version: 1
+allow-breaks: true
+
+# Paths to ignore for scanning
+paths-ignore:
+  - 'node_modules/**'
+  - '.vscode/**'
+  - '.idea/**'
+  - 'dist/**'
+  - 'build/**'
+  - 'coverage/**'
+  - '*.min.js'
+  - '*.min.css'
+  - '**/*.test.ts'
+  - '**/*.test.tsx'
+  - '**/*.spec.ts'
+  - '**/*.spec.tsx'
+  - 'temp/**'
+  - '**/*.md'
+
+# Specific files to ignore
+files-ignore:
+  - 'package-lock.json'
+  - 'yarn.lock'
+  - 'pnpm-lock.yaml'
+
+# Ignore common test/dev files
+secrets-filter:
+  level: weak

frontend/src/components/settings/AddMcpServerDialog.tsx

@@ -179,7 +179,7 @@ export function AddMcpServerDialog({ open, onOpenChange, onUpdate }: AddMcpServe
 
   return (
     <Dialog open={open} onOpenChange={handleClose}>
-      <DialogContent mobileFullscreen className="sm:inset-auto sm:left-[50%] sm:top-[50%] sm:w-[95vw] sm:max-w-3xl sm:h-auto sm:max-h-[90vh] flex flex-col gap-0 bg-card border-border pb-safe">
+      <DialogContent mobileFullscreen className="sm:inset-auto sm:left-[50%] sm:top-[50%] sm:w-[95vw] sm:max-w-3xl sm:h-auto sm:max-h-[90vh] flex flex-col gap-0 bg-card border-border pb-safe z-[200]" overlayClassName="z-[200]">
         <DialogHeader className="px-4 sm:px-6 pt-4 sm:pt-6 pb-2 sm:pb-3 shrink-0">
           <DialogTitle>Add MCP Server</DialogTitle>
           <DialogDescription>

frontend/src/components/settings/AgentDialog.tsx

@@ -176,7 +176,7 @@ export function AgentDialog({ open, onOpenChange, onSubmit, editingAgent }: Agen
 
   return (
     <Dialog open={open} onOpenChange={handleOpenChange}>
-      <DialogContent className="max-w-2xl max-h-[90vh] overflow-y-auto">
+      <DialogContent className="max-w-2xl max-h-[90vh] overflow-y-auto z-[200]" overlayClassName="z-[200]">
         <DialogHeader>
           <DialogTitle>{editingAgent ? 'Edit Agent' : 'Create Agent'}</DialogTitle>
         </DialogHeader>

frontend/src/components/settings/CommandDialog.tsx

@@ -98,7 +98,7 @@ export function CommandDialog({
 
   return (
     <Dialog open={open} onOpenChange={handleOpenChange}>
-      <DialogContent className="w-full max-w-3xl max-h-[90vh] overflow-y-auto">
+      <DialogContent className="w-full max-w-3xl max-h-[90vh] overflow-y-auto z-[200]" overlayClassName="z-[200]">
         <DialogHeader>
           <DialogTitle>
             {editingCommand ? "Edit Command" : "Create Command"}

frontend/src/components/settings/CreateConfigDialog.tsx

@@ -104,7 +104,7 @@ export function CreateConfigDialog({ isOpen, onOpenChange, onCreate, isUpdating
 
   return (
     <Dialog open={isOpen} onOpenChange={onOpenChange}>
-        <DialogContent className="max-w-2xl max-h-[90vh] sm:max-h-[85vh] flex flex-col">
+        <DialogContent className="max-w-2xl max-h-[90vh] sm:max-h-[85vh] flex flex-col z-[200]" overlayClassName="z-[200]">
         <DialogHeader className="flex-shrink-0">
           <DialogTitle>Create OpenCode Config</DialogTitle>
         </DialogHeader>