@libredb/studio 0.9.12 → 0.9.19

package/README.md

@@ -205,12 +205,14 @@ docker run -d \
   ghcr.io/libredb/libredb-studio:latest
 ```
 
+  > **Registry**: `ghcr.io/libredb/libredb-studio` is the primary image (no pull rate limits — preferred for Kubernetes/CI). The same image is also mirrored to Docker Hub as [`libredb/libredb-studio`](https://hub.docker.com/r/libredb/libredb-studio) for convenience.
+
   Open [http://localhost:3000](http://localhost:3000) and login with `admin@libredb.org` / `LibreDB.2026`.
 
   > **Tip**: Add `-e LLM_PROVIDER=gemini -e LLM_API_KEY=your_key -e LLM_MODEL=gemini-2.5-flash` to enable AI features.
 
   ### Prerequisites
-  - [Bun](https://bun.sh/) (Recommended) or Node.js 20+
+  - [Bun](https://bun.sh/) (Recommended) or Node.js 24+
   - A target database to query (PostgreSQL, MySQL, Oracle, SQL Server, SQLite, MongoDB, or Redis)
 
   ### Quick Start (Local)
@@ -409,10 +411,23 @@ LibreDB Studio includes a `render.yaml` Blueprint for one-click deployment:
 
 ### Docker Compose (Self-Hosted)
 
+Use the ready-to-use [`docker-compose.example.yml`](docker-compose.example.yml) — it pulls the published image (`ghcr.io/libredb/libredb-studio:latest`), so no source build is needed. It documents every supported environment variable (auth, OIDC, storage, LLM, seed connections), with the less-common ones commented out.
+
 ```bash
-docker-compose up -d
+# 1. Copy the ready-to-use compose file
+cp docker-compose.example.yml docker-compose.yml
+
+# 2. Create your .env (set at least JWT_SECRET / ADMIN_PASSWORD / USER_PASSWORD)
+cp .env.example .env
+
+# 3. Start
+docker compose up -d   # → http://localhost:3000
 ```
 
+This file is platform-neutral and works with PaaS tools that consume a plain `docker-compose.yml` (Dokploy, Coolify, Portainer, etc.) — point them at the file and set the secrets as environment variables.
+
+> The repository's default `docker-compose.yml` builds the image from source (`build: .`) and is intended for local development.
+
 ### Kubernetes (Helm Chart)
 
 ```bash
@@ -585,8 +600,7 @@ extraEnvFrom:
 | [DeepWiki](https://deepwiki.com/libredb/libredb-studio) | AI-powered documentation — always up-to-date with the codebase |
 | [SonarCloud](https://sonarcloud.io/project/overview?id=libredb_libredb-studio) | Code quality, security analysis, and technical debt tracking |
 | [API Docs](docs/API_DOCS.md) | Complete REST API reference |
-| [OIDC Setup Guide](docs/OIDC_SETUP.md) | SSO configuration for Auth0, Keycloak, Okta, Azure AD, Zitadel |
-| [OIDC Architecture](docs/OIDC_ARCH.md) | OIDC subsystem internals, security model, extension points |
+| [OIDC SSO](docs/OIDC.md) | SSO setup (Auth0, Keycloak, Okta, Azure AD, Zitadel, Google) + subsystem internals & security model |
 | [Theming Guide](docs/THEMING.md) | CSS theming, dark mode, and styling customization |
 | [Architecture](docs/ARCHITECTURE.md) | System architecture and design patterns |
 

package/dist/{chunk-VWVRUCQO.mjs → chunk-CPF7XWV5.mjs}

@@ -1,4 +1,4 @@
-import { Label, Input, Button, ENVIRONMENT_COLORS, ENVIRONMENT_LABELS, cn, getDBConfig, Dialog, DialogContent, DialogTitle, DialogDescription } from './chunk-DZ2UB3C6.mjs';
+import { Label, Input, Button, ENVIRONMENT_COLORS, ENVIRONMENT_LABELS, cn, getDBConfig, Dialog, DialogContent, DialogTitle, DialogDescription } from './chunk-G3S66G64.mjs';
 import { __spreadValues, __objRest, __spreadProps } from './chunk-4LVB3K53.mjs';
 import { Drawer as Drawer$1 } from 'vaul';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -638,18 +638,18 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
     /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto p-4 md:p-8", children: [
       /* @__PURE__ */ jsxs("div", { className: "mb-4 md:mb-8", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-2", children: [
-          /* @__PURE__ */ jsx("div", { className: "p-2 rounded-xl bg-blue-500/10 border border-blue-500/20", children: /* @__PURE__ */ jsx(Zap, { className: "w-5 h-5 text-blue-400" }) }),
-          /* @__PURE__ */ jsx("h2", { className: "text-xl md:text-2xl font-bold tracking-tight", children: isEditMode ? "Edit Connection" : "New Connection" })
+          /* @__PURE__ */ jsx("div", { className: "p-2 rounded-xl bg-blue-500/10 border border-blue-500/20", children: /* @__PURE__ */ jsx(Zap, { strokeWidth: 1.5, className: "w-5 h-5 text-blue-400" }) }),
+          /* @__PURE__ */ jsx("h2", { className: "text-xs md:text-[0.8125rem] font-medium", children: isEditMode ? "Edit Connection" : "New Connection" })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm text-zinc-500", children: isEditMode ? "Update your database connection parameters." : "Configure your database connection parameters securely." }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-zinc-500", children: isEditMode ? "Update your database connection parameters." : "Configure your database connection parameters securely." }),
           !isEditMode && /* @__PURE__ */ jsxs(
             "button",
             {
               onClick: () => setShowPasteInput(!showPasteInput),
-              className: "flex items-center gap-1.5 text-xs font-bold uppercase tracking-wider text-blue-400 hover:text-blue-300 transition-colors px-2 py-1 rounded-md hover:bg-blue-500/10",
+              className: "flex items-center gap-1.5 text-xs font-mediumr text-blue-400 hover:text-blue-300 transition-colors px-2 py-1 rounded-md hover:bg-blue-500/10",
               children: [
-                /* @__PURE__ */ jsx(ClipboardPaste, { className: "w-3 h-3" }),
+                /* @__PURE__ */ jsx(ClipboardPaste, { strokeWidth: 1.5, className: "w-3 h-3" }),
                 "Paste URL"
               ]
             }
@@ -664,7 +664,7 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
           exit: { height: 0, opacity: 0 },
           className: "mb-6 overflow-hidden",
           children: /* @__PURE__ */ jsxs("div", { className: "p-3 rounded-lg border border-blue-500/20 bg-blue-500/5 space-y-2", children: [
-            /* @__PURE__ */ jsx(Label, { className: "text-xs font-bold uppercase tracking-wider text-blue-400", children: "Paste Connection URL" }),
+            /* @__PURE__ */ jsx(Label, { className: "text-xs font-mediumr text-blue-400", children: "Paste Connection URL" }),
             /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
               /* @__PURE__ */ jsx(
                 Input,
@@ -672,7 +672,7 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
                   value: pasteInput,
                   onChange: (e) => setPasteInput(e.target.value),
                   placeholder: "postgres://user:pass@host:5432/db  or  mongodb://...",
-                  className: "h-9 bg-zinc-900/50 border-white/5 focus:border-blue-500/50 text-sm font-mono flex-1",
+                  className: "h-9 bg-zinc-900/50 border-white/5 focus:border-blue-500/50 text-xs font-mono flex-1",
                   onKeyDown: (e) => e.key === "Enter" && handlePasteConnectionString()
                 }
               ),
@@ -681,7 +681,7 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
                 {
                   size: "sm",
                   onClick: handlePasteConnectionString,
-                  className: "bg-blue-600 hover:bg-blue-500 text-white h-9 px-4 text-xs font-bold",
+                  className: "bg-blue-600 hover:bg-blue-500 text-white h-9 px-4 text-xs font-medium",
                   children: "Parse"
                 }
               )
@@ -693,8 +693,8 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
       /* @__PURE__ */ jsxs("div", { className: "space-y-4 md:space-y-6", children: [
         /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
-            /* @__PURE__ */ jsx(Database, { className: "w-3 h-3 text-zinc-500" }),
-            /* @__PURE__ */ jsx(Label, { htmlFor: "name", className: "text-xs font-bold uppercase tracking-wider text-zinc-500", children: "Connection Name" })
+            /* @__PURE__ */ jsx(Database, { strokeWidth: 1.5, className: "w-3 h-3 text-zinc-500" }),
+            /* @__PURE__ */ jsx(Label, { htmlFor: "name", className: "text-xs font-mediumr text-zinc-500", children: "Connection Name" })
           ] }),
           /* @__PURE__ */ jsx(
             Input,
@@ -703,18 +703,18 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
               value: name,
               onChange: (e) => setName(e.target.value),
               placeholder: "My Database",
-              className: "h-10 bg-zinc-900/50 border-white/5 focus:border-blue-500/50 transition-all text-sm"
+              className: "h-10 bg-zinc-900/50 border-white/5 focus:border-blue-500/50 transition-all text-xs"
             }
           )
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx(Label, { className: "text-xs font-bold uppercase tracking-wider text-zinc-500", children: "Environment" }),
+          /* @__PURE__ */ jsx(Label, { className: "text-xs font-mediumr text-zinc-500", children: "Environment" }),
           /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2", children: Object.keys(ENVIRONMENT_COLORS).map((env) => /* @__PURE__ */ jsxs(
             "button",
             {
               onClick: () => setEnvironment(env),
               className: cn(
-                "flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-bold uppercase tracking-wider transition-all border",
+                "flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-mediumr transition-all border",
                 environment === env ? "border-white/20 bg-white/5 text-zinc-200" : "border-transparent text-zinc-500 hover:text-zinc-300 hover:bg-white/5"
               ),
               children: [
@@ -748,7 +748,7 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
             ),
             children: [
               /* @__PURE__ */ jsx(db.icon, { className: cn("w-6 h-6 mb-1 transition-transform group-hover:scale-110", type === db.value ? db.color : "text-zinc-600") }),
-              /* @__PURE__ */ jsx("span", { className: cn("text-xs font-semibold", type === db.value ? "text-zinc-200" : "text-zinc-500"), children: db.label })
+              /* @__PURE__ */ jsx("span", { className: cn("text-xs font-medium", type === db.value ? "text-zinc-200" : "text-zinc-500"), children: db.label })
             ]
           },
           db.value
@@ -760,11 +760,11 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
               {
                 onClick: () => setMongoConnectionMode("host"),
                 className: cn(
-                  "flex-1 flex items-center justify-center gap-2 px-3 py-2 rounded-md text-xs font-bold transition-all",
+                  "flex-1 flex items-center justify-center gap-2 px-3 py-2 rounded-md text-xs font-medium transition-all",
                   mongoConnectionMode === "host" ? "bg-blue-600/20 text-blue-400 border border-blue-500/30" : "text-zinc-500 hover:text-zinc-300"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx(Globe, { className: "w-3 h-3" }),
+                  /* @__PURE__ */ jsx(Globe, { strokeWidth: 1.5, className: "w-3 h-3" }),
                   "Host / Port"
                 ]
               }
@@ -774,11 +774,11 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
               {
                 onClick: () => setMongoConnectionMode("connectionString"),
                 className: cn(
-                  "flex-1 flex items-center justify-center gap-2 px-3 py-2 rounded-md text-xs font-bold transition-all",
+                  "flex-1 flex items-center justify-center gap-2 px-3 py-2 rounded-md text-xs font-medium transition-all",
                   mongoConnectionMode === "connectionString" ? "bg-blue-600/20 text-blue-400 border border-blue-500/30" : "text-zinc-500 hover:text-zinc-300"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx(Link, { className: "w-3 h-3" }),
+                  /* @__PURE__ */ jsx(Link, { strokeWidth: 1.5, className: "w-3 h-3" }),
                   "Connection String"
                 ]
               }
@@ -787,8 +787,8 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
           getDBConfig(type).showConnectionStringToggle && mongoConnectionMode === "connectionString" ? /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
-                /* @__PURE__ */ jsx(Link, { className: "w-3 h-3 text-zinc-500" }),
-                /* @__PURE__ */ jsx(Label, { htmlFor: "connectionString", className: "text-xs font-bold uppercase tracking-wider text-zinc-500", children: "Connection URI" })
+                /* @__PURE__ */ jsx(Link, { strokeWidth: 1.5, className: "w-3 h-3 text-zinc-500" }),
+                /* @__PURE__ */ jsx(Label, { htmlFor: "connectionString", className: "text-xs font-mediumr text-zinc-500", children: "Connection URI" })
               ] }),
               /* @__PURE__ */ jsx(
                 Input,
@@ -797,14 +797,14 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
                   value: connectionString,
                   onChange: (e) => setConnectionString(e.target.value),
                   placeholder: "mongodb://localhost:27017/mydb  or  mongodb+srv://...",
-                  className: "h-10 bg-zinc-900/50 border-white/5 focus:border-blue-500/50 transition-all text-sm font-mono"
+                  className: "h-10 bg-zinc-900/50 border-white/5 focus:border-blue-500/50 transition-all text-xs font-mono"
                 }
               )
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
-                /* @__PURE__ */ jsx(Database, { className: "w-3 h-3 text-zinc-500" }),
-                /* @__PURE__ */ jsx(Label, { htmlFor: "database", className: "text-xs font-bold uppercase tracking-wider text-zinc-500", children: "Database Name (optional override)" })
+                /* @__PURE__ */ jsx(Database, { strokeWidth: 1.5, className: "w-3 h-3 text-zinc-500" }),
+                /* @__PURE__ */ jsx(Label, { htmlFor: "database", className: "text-xs font-mediumr text-zinc-500", children: "Database Name (optional override)" })
               ] }),
               /* @__PURE__ */ jsx(
                 Input,
@@ -813,15 +813,15 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
                   value: database,
                   onChange: (e) => setDatabase(e.target.value),
                   placeholder: "Extracted from URI if not provided",
-                  className: "h-10 bg-zinc-900/50 border-white/5 focus:border-blue-500/50 transition-all text-sm font-mono"
+                  className: "h-10 bg-zinc-900/50 border-white/5 focus:border-blue-500/50 transition-all text-xs font-mono"
                 }
               )
             ] })
           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
-                /* @__PURE__ */ jsx(Globe, { className: "w-3 h-3 text-zinc-500" }),
-                /* @__PURE__ */ jsx(Label, { htmlFor: "host", className: "text-xs font-bold uppercase tracking-wider text-zinc-500", children: "Host & Instance" })
+                /* @__PURE__ */ jsx(Globe, { strokeWidth: 1.5, className: "w-3 h-3 text-zinc-500" }),
+                /* @__PURE__ */ jsx(Label, { htmlFor: "host", className: "text-xs font-mediumr text-zinc-500", children: "Host & Instance" })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-3", children: [
                 /* @__PURE__ */ jsx(
@@ -831,7 +831,7 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
                     value: host,
                     onChange: (e) => setHost(e.target.value),
                     placeholder: "localhost",
-                    className: "md:col-span-3 h-10 bg-zinc-900/50 border-white/5 focus:border-blue-500/50 transition-all text-sm"
+                    className: "md:col-span-3 h-10 bg-zinc-900/50 border-white/5 focus:border-blue-500/50 transition-all text-xs"
                   }
                 ),
                 /* @__PURE__ */ jsx(
@@ -840,7 +840,7 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
                     id: "port",
                     value: port,
                     onChange: (e) => setPort(e.target.value),
-                    className: "h-10 bg-zinc-900/50 border-white/5 focus:border-blue-500/50 transition-all text-sm font-mono"
+                    className: "h-10 bg-zinc-900/50 border-white/5 focus:border-blue-500/50 transition-all text-xs font-mono"
                   }
                 )
               ] })
@@ -848,8 +848,8 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
             /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
               /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
-                  /* @__PURE__ */ jsx(Key, { className: "w-3 h-3 text-zinc-500" }),
-                  /* @__PURE__ */ jsx(Label, { htmlFor: "user", className: "text-xs font-bold uppercase tracking-wider text-zinc-500", children: "Username" })
+                  /* @__PURE__ */ jsx(Key, { strokeWidth: 1.5, className: "w-3 h-3 text-zinc-500" }),
+                  /* @__PURE__ */ jsx(Label, { htmlFor: "user", className: "text-xs font-mediumr text-zinc-500", children: "Username" })
                 ] }),
                 /* @__PURE__ */ jsx(
                   Input,
@@ -858,14 +858,14 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
                     value: user,
                     onChange: (e) => setUser(e.target.value),
                     placeholder: "postgres",
-                    className: "h-10 bg-zinc-900/50 border-white/5 focus:border-blue-500/50 transition-all text-sm"
+                    className: "h-10 bg-zinc-900/50 border-white/5 focus:border-blue-500/50 transition-all text-xs"
                   }
                 )
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
-                  /* @__PURE__ */ jsx(ShieldCheck, { className: "w-3 h-3 text-zinc-500" }),
-                  /* @__PURE__ */ jsx(Label, { htmlFor: "password", className: "text-xs font-bold uppercase tracking-wider text-zinc-500", children: "Password" })
+                  /* @__PURE__ */ jsx(ShieldCheck, { strokeWidth: 1.5, className: "w-3 h-3 text-zinc-500" }),
+                  /* @__PURE__ */ jsx(Label, { htmlFor: "password", className: "text-xs font-mediumr text-zinc-500", children: "Password" })
                 ] }),
                 /* @__PURE__ */ jsx(
                   Input,
@@ -875,15 +875,15 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
                     value: password,
                     onChange: (e) => setPassword(e.target.value),
                     placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
-                    className: "h-10 bg-zinc-900/50 border-white/5 focus:border-blue-500/50 transition-all text-sm"
+                    className: "h-10 bg-zinc-900/50 border-white/5 focus:border-blue-500/50 transition-all text-xs"
                   }
                 )
               ] })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
-                /* @__PURE__ */ jsx(Database, { className: "w-3 h-3 text-zinc-500" }),
-                /* @__PURE__ */ jsx(Label, { htmlFor: "database", className: "text-xs font-bold uppercase tracking-wider text-zinc-500", children: "Database Name" })
+                /* @__PURE__ */ jsx(Database, { strokeWidth: 1.5, className: "w-3 h-3 text-zinc-500" }),
+                /* @__PURE__ */ jsx(Label, { htmlFor: "database", className: "text-xs font-mediumr text-zinc-500", children: "Database Name" })
               ] }),
               /* @__PURE__ */ jsx(
                 Input,
@@ -892,7 +892,7 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
                   value: database,
                   onChange: (e) => setDatabase(e.target.value),
                   placeholder: "production_db",
-                  className: "h-10 bg-zinc-900/50 border-white/5 focus:border-blue-500/50 transition-all text-sm font-mono"
+                  className: "h-10 bg-zinc-900/50 border-white/5 focus:border-blue-500/50 transition-all text-xs font-mono"
                 }
               )
             ] })
@@ -904,11 +904,11 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
             {
               type: "button",
               onClick: () => setShowAdvanced(!showAdvanced),
-              className: "flex items-center gap-2 w-full px-3 py-2 rounded-lg border border-white/5 hover:border-white/10 bg-zinc-900/30 text-xs font-bold text-zinc-400 hover:text-zinc-200 transition-all",
+              className: "flex items-center gap-2 w-full px-3 py-2 rounded-lg border border-white/5 hover:border-white/10 bg-zinc-900/30 text-xs font-medium text-zinc-400 hover:text-zinc-200 transition-all",
               children: [
-                /* @__PURE__ */ jsx(Settings2, { className: "w-3.5 h-3.5 text-orange-500" }),
+                /* @__PURE__ */ jsx(Settings2, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-orange-500" }),
                 /* @__PURE__ */ jsx("span", { children: "Advanced" }),
-                (serviceName || instanceName) && /* @__PURE__ */ jsx("span", { className: "ml-1 px-1.5 py-0.5 rounded text-label bg-orange-500/10 text-orange-400 border border-orange-500/20", children: "SET" }),
+                (serviceName || instanceName) && /* @__PURE__ */ jsx("span", { className: "ml-1 px-1.5 py-0.5 rounded text-[0.625rem] bg-orange-500/10 text-orange-400 border border-orange-500/20", children: "SET" }),
                 /* @__PURE__ */ jsx(ChevronDown, { className: cn("w-3 h-3 ml-auto transition-transform", showAdvanced && "rotate-180") })
               ]
             }
@@ -922,27 +922,27 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
               className: "overflow-hidden",
               children: /* @__PURE__ */ jsxs("div", { className: "p-3 rounded-lg border border-orange-500/10 bg-orange-500/5 space-y-3", children: [
                 type === "oracle" && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-                  /* @__PURE__ */ jsx(Label, { className: "text-xs font-bold uppercase tracking-wider text-zinc-500", children: "Service Name" }),
+                  /* @__PURE__ */ jsx(Label, { className: "text-xs font-mediumr text-zinc-500", children: "Service Name" }),
                   /* @__PURE__ */ jsx(
                     Input,
                     {
                       value: serviceName,
                       onChange: (e) => setServiceName(e.target.value),
                       placeholder: "ORCL or XEPDB1",
-                      className: "h-9 bg-zinc-900/50 border-white/5 focus:border-orange-500/50 text-sm"
+                      className: "h-9 bg-zinc-900/50 border-white/5 focus:border-orange-500/50 text-xs"
                     }
                   ),
                   /* @__PURE__ */ jsx("p", { className: "text-xs text-zinc-500", children: "If empty, the Database Name field is used as the service name." })
                 ] }),
                 type === "mssql" && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-                  /* @__PURE__ */ jsx(Label, { className: "text-xs font-bold uppercase tracking-wider text-zinc-500", children: "Instance Name" }),
+                  /* @__PURE__ */ jsx(Label, { className: "text-xs font-mediumr text-zinc-500", children: "Instance Name" }),
                   /* @__PURE__ */ jsx(
                     Input,
                     {
                       value: instanceName,
                       onChange: (e) => setInstanceName(e.target.value),
                       placeholder: "SQLEXPRESS",
-                      className: "h-9 bg-zinc-900/50 border-white/5 focus:border-orange-500/50 text-sm"
+                      className: "h-9 bg-zinc-900/50 border-white/5 focus:border-orange-500/50 text-xs"
                     }
                   ),
                   /* @__PURE__ */ jsx("p", { className: "text-xs text-zinc-500", children: "For named instances (e.g. SQLEXPRESS). Leave empty for default instance." })
@@ -957,11 +957,11 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
             {
               type: "button",
               onClick: () => setShowSSL(!showSSL),
-              className: "flex items-center gap-2 w-full px-3 py-2 rounded-lg border border-white/5 hover:border-white/10 bg-zinc-900/30 text-xs font-bold text-zinc-400 hover:text-zinc-200 transition-all",
+              className: "flex items-center gap-2 w-full px-3 py-2 rounded-lg border border-white/5 hover:border-white/10 bg-zinc-900/30 text-xs font-medium text-zinc-400 hover:text-zinc-200 transition-all",
               children: [
-                /* @__PURE__ */ jsx(Lock, { className: "w-3.5 h-3.5 text-emerald-500" }),
+                /* @__PURE__ */ jsx(Lock, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-emerald-500" }),
                 /* @__PURE__ */ jsx("span", { children: "SSL / TLS" }),
-                sslMode !== "disable" && /* @__PURE__ */ jsx("span", { className: "ml-1 px-1.5 py-0.5 rounded text-label bg-emerald-500/10 text-emerald-400 border border-emerald-500/20", children: sslMode.toUpperCase() }),
+                sslMode !== "disable" && /* @__PURE__ */ jsx("span", { className: "ml-1 px-1.5 py-0.5 rounded text-[0.625rem] bg-emerald-500/10 text-emerald-400 border border-emerald-500/20", children: sslMode.toUpperCase() }),
                 /* @__PURE__ */ jsx(ChevronDown, { className: cn("w-3 h-3 ml-auto transition-transform", showSSL && "rotate-180") })
               ]
             }
@@ -975,14 +975,14 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
               className: "overflow-hidden",
               children: /* @__PURE__ */ jsxs("div", { className: "p-3 rounded-lg border border-emerald-500/10 bg-emerald-500/5 space-y-3", children: [
                 /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                  /* @__PURE__ */ jsx(Label, { className: "text-xs font-bold uppercase tracking-wider text-zinc-500", children: "SSL Mode" }),
+                  /* @__PURE__ */ jsx(Label, { className: "text-xs font-mediumr text-zinc-500", children: "SSL Mode" }),
                   /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: ["disable", "require", "verify-ca", "verify-full"].map((mode) => /* @__PURE__ */ jsx(
                     "button",
                     {
                       type: "button",
                       onClick: () => setSSLMode(mode),
                       className: cn(
-                        "px-2.5 py-1.5 rounded-md text-xs font-bold uppercase tracking-wider transition-all border",
+                        "px-2.5 py-1.5 rounded-md text-xs font-mediumr transition-all border",
                         sslMode === mode ? "border-emerald-500/30 bg-emerald-500/10 text-emerald-400" : "border-transparent text-zinc-500 hover:text-zinc-300 hover:bg-white/5"
                       ),
                       children: mode
@@ -992,7 +992,7 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
                 ] }),
                 sslMode !== "disable" && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
                   /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-                    /* @__PURE__ */ jsx(Label, { className: "text-xs font-bold uppercase tracking-wider text-zinc-500", children: "CA Certificate (PEM)" }),
+                    /* @__PURE__ */ jsx(Label, { className: "text-xs font-mediumr text-zinc-500", children: "CA Certificate (PEM)" }),
                     /* @__PURE__ */ jsx(
                       "textarea",
                       {
@@ -1006,7 +1006,7 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
                   ] }),
                   (sslMode === "verify-ca" || sslMode === "verify-full") && /* @__PURE__ */ jsxs(Fragment, { children: [
                     /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-                      /* @__PURE__ */ jsx(Label, { className: "text-xs font-bold uppercase tracking-wider text-zinc-500", children: "Client Certificate (PEM)" }),
+                      /* @__PURE__ */ jsx(Label, { className: "text-xs font-mediumr text-zinc-500", children: "Client Certificate (PEM)" }),
                       /* @__PURE__ */ jsx(
                         "textarea",
                         {
@@ -1019,7 +1019,7 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
                       )
                     ] }),
                     /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-                      /* @__PURE__ */ jsx(Label, { className: "text-xs font-bold uppercase tracking-wider text-zinc-500", children: "Client Private Key (PEM)" }),
+                      /* @__PURE__ */ jsx(Label, { className: "text-xs font-mediumr text-zinc-500", children: "Client Private Key (PEM)" }),
                       /* @__PURE__ */ jsx(
                         "textarea",
                         {
@@ -1041,11 +1041,11 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
             {
               type: "button",
               onClick: () => setShowSSH(!showSSH),
-              className: "flex items-center gap-2 w-full px-3 py-2 rounded-lg border border-white/5 hover:border-white/10 bg-zinc-900/30 text-xs font-bold text-zinc-400 hover:text-zinc-200 transition-all",
+              className: "flex items-center gap-2 w-full px-3 py-2 rounded-lg border border-white/5 hover:border-white/10 bg-zinc-900/30 text-xs font-medium text-zinc-400 hover:text-zinc-200 transition-all",
               children: [
-                /* @__PURE__ */ jsx(Terminal, { className: "w-3.5 h-3.5 text-purple-500" }),
+                /* @__PURE__ */ jsx(Terminal, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-purple-500" }),
                 /* @__PURE__ */ jsx("span", { children: "SSH Tunnel" }),
-                sshEnabled && /* @__PURE__ */ jsx("span", { className: "ml-1 px-1.5 py-0.5 rounded text-label bg-purple-500/10 text-purple-400 border border-purple-500/20", children: "ON" }),
+                sshEnabled && /* @__PURE__ */ jsx("span", { className: "ml-1 px-1.5 py-0.5 rounded text-[0.625rem] bg-purple-500/10 text-purple-400 border border-purple-500/20", children: "ON" }),
                 /* @__PURE__ */ jsx(ChevronDown, { className: cn("w-3 h-3 ml-auto transition-transform", showSSH && "rotate-180") })
               ]
             }
@@ -1068,48 +1068,48 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
                       className: "rounded border-white/20 bg-zinc-900/50"
                     }
                   ),
-                  /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-zinc-300", children: "Enable SSH Tunnel" })
+                  /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-zinc-300", children: "Enable SSH Tunnel" })
                 ] }),
                 sshEnabled && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
                   /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-3", children: [
                     /* @__PURE__ */ jsxs("div", { className: "md:col-span-3 space-y-1.5", children: [
-                      /* @__PURE__ */ jsx(Label, { className: "text-xs font-bold uppercase tracking-wider text-zinc-500", children: "SSH Host" }),
+                      /* @__PURE__ */ jsx(Label, { className: "text-xs font-mediumr text-zinc-500", children: "SSH Host" }),
                       /* @__PURE__ */ jsx(
                         Input,
                         {
                           value: sshHost,
                           onChange: (e) => setSSHHost(e.target.value),
                           placeholder: "bastion.example.com",
-                          className: "h-9 bg-zinc-900/50 border-white/5 focus:border-purple-500/50 text-sm"
+                          className: "h-9 bg-zinc-900/50 border-white/5 focus:border-purple-500/50 text-xs"
                         }
                       )
                     ] }),
                     /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-                      /* @__PURE__ */ jsx(Label, { className: "text-xs font-bold uppercase tracking-wider text-zinc-500", children: "Port" }),
+                      /* @__PURE__ */ jsx(Label, { className: "text-xs font-mediumr text-zinc-500", children: "Port" }),
                       /* @__PURE__ */ jsx(
                         Input,
                         {
                           value: sshPort,
                           onChange: (e) => setSSHPort(e.target.value),
-                          className: "h-9 bg-zinc-900/50 border-white/5 focus:border-purple-500/50 text-sm font-mono"
+                          className: "h-9 bg-zinc-900/50 border-white/5 focus:border-purple-500/50 text-xs font-mono"
                         }
                       )
                     ] })
                   ] }),
                   /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-                    /* @__PURE__ */ jsx(Label, { className: "text-xs font-bold uppercase tracking-wider text-zinc-500", children: "Username" }),
+                    /* @__PURE__ */ jsx(Label, { className: "text-xs font-mediumr text-zinc-500", children: "Username" }),
                     /* @__PURE__ */ jsx(
                       Input,
                       {
                         value: sshUsername,
                         onChange: (e) => setSSHUsername(e.target.value),
                         placeholder: "ubuntu",
-                        className: "h-9 bg-zinc-900/50 border-white/5 focus:border-purple-500/50 text-sm"
+                        className: "h-9 bg-zinc-900/50 border-white/5 focus:border-purple-500/50 text-xs"
                       }
                     )
                   ] }),
                   /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-                    /* @__PURE__ */ jsx(Label, { className: "text-xs font-bold uppercase tracking-wider text-zinc-500", children: "Auth Method" }),
+                    /* @__PURE__ */ jsx(Label, { className: "text-xs font-mediumr text-zinc-500", children: "Auth Method" }),
                     /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
                       /* @__PURE__ */ jsx(
                         "button",
@@ -1117,7 +1117,7 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
                           type: "button",
                           onClick: () => setSSHAuthMethod("password"),
                           className: cn(
-                            "flex-1 px-3 py-1.5 rounded-md text-xs font-bold uppercase tracking-wider transition-all border",
+                            "flex-1 px-3 py-1.5 rounded-md text-xs font-mediumr transition-all border",
                             sshAuthMethod === "password" ? "border-purple-500/30 bg-purple-500/10 text-purple-400" : "border-transparent text-zinc-500 hover:text-zinc-300 hover:bg-white/5"
                           ),
                           children: "Password"
@@ -1129,7 +1129,7 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
                           type: "button",
                           onClick: () => setSSHAuthMethod("privateKey"),
                           className: cn(
-                            "flex-1 px-3 py-1.5 rounded-md text-xs font-bold uppercase tracking-wider transition-all border",
+                            "flex-1 px-3 py-1.5 rounded-md text-xs font-mediumr transition-all border",
                             sshAuthMethod === "privateKey" ? "border-purple-500/30 bg-purple-500/10 text-purple-400" : "border-transparent text-zinc-500 hover:text-zinc-300 hover:bg-white/5"
                           ),
                           children: "Private Key"
@@ -1138,7 +1138,7 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
                     ] })
                   ] }),
                   sshAuthMethod === "password" ? /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-                    /* @__PURE__ */ jsx(Label, { className: "text-xs font-bold uppercase tracking-wider text-zinc-500", children: "SSH Password" }),
+                    /* @__PURE__ */ jsx(Label, { className: "text-xs font-mediumr text-zinc-500", children: "SSH Password" }),
                     /* @__PURE__ */ jsx(
                       Input,
                       {
@@ -1146,12 +1146,12 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
                         value: sshPassword,
                         onChange: (e) => setSSHPassword(e.target.value),
                         placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
-                        className: "h-9 bg-zinc-900/50 border-white/5 focus:border-purple-500/50 text-sm"
+                        className: "h-9 bg-zinc-900/50 border-white/5 focus:border-purple-500/50 text-xs"
                       }
                     )
                   ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
                     /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-                      /* @__PURE__ */ jsx(Label, { className: "text-xs font-bold uppercase tracking-wider text-zinc-500", children: "Private Key (PEM)" }),
+                      /* @__PURE__ */ jsx(Label, { className: "text-xs font-mediumr text-zinc-500", children: "Private Key (PEM)" }),
                       /* @__PURE__ */ jsx(
                         "textarea",
                         {
@@ -1164,7 +1164,7 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
                       )
                     ] }),
                     /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-                      /* @__PURE__ */ jsx(Label, { className: "text-xs font-bold uppercase tracking-wider text-zinc-500", children: "Passphrase (optional)" }),
+                      /* @__PURE__ */ jsx(Label, { className: "text-xs font-mediumr text-zinc-500", children: "Passphrase (optional)" }),
                       /* @__PURE__ */ jsx(
                         Input,
                         {
@@ -1172,7 +1172,7 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
                           value: sshPassphrase,
                           onChange: (e) => setSSHPassphrase(e.target.value),
                           placeholder: "Key passphrase (if encrypted)",
-                          className: "h-9 bg-zinc-900/50 border-white/5 focus:border-purple-500/50 text-sm"
+                          className: "h-9 bg-zinc-900/50 border-white/5 focus:border-purple-500/50 text-xs"
                         }
                       )
                     ] })
@@ -1193,7 +1193,7 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
               "flex items-center gap-2 p-3 rounded-lg border text-xs",
               testResult.success ? "bg-emerald-500/5 border-emerald-500/20 text-emerald-400" : "bg-red-500/5 border-red-500/20 text-red-400"
             ), children: [
-              testResult.success ? /* @__PURE__ */ jsx(CheckCircle2, { className: "w-4 h-4 shrink-0" }) : /* @__PURE__ */ jsx(XCircle, { className: "w-4 h-4 shrink-0" }),
+              testResult.success ? /* @__PURE__ */ jsx(CheckCircle2, { strokeWidth: 1.5, className: "w-3.5 h-3.5 shrink-0" }) : /* @__PURE__ */ jsx(XCircle, { strokeWidth: 1.5, className: "w-3.5 h-3.5 shrink-0" }),
               /* @__PURE__ */ jsx("span", { className: "leading-relaxed", children: testResult.message })
             ] })
           }
@@ -1206,7 +1206,7 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
         {
           variant: "ghost",
           onClick: onClose,
-          className: "w-full md:w-auto text-zinc-500 hover:text-zinc-200 hover:bg-white/5 text-xs font-semibold",
+          className: "w-full md:w-auto text-zinc-500 hover:text-zinc-200 hover:bg-white/5 text-xs font-medium",
           children: "Cancel"
         }
       ),
@@ -1217,7 +1217,7 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
             variant: "outline",
             onClick: handleTestConnection,
             disabled: isTesting,
-            className: "w-full md:w-auto border-white/10 text-zinc-400 hover:text-white hover:bg-white/5 text-xs font-bold h-10 px-4",
+            className: "w-full md:w-auto border-white/10 text-zinc-400 hover:text-white hover:bg-white/5 text-xs font-medium h-10 px-4",
             children: isTesting ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ jsx("div", { className: "w-3 h-3 border-2 border-zinc-400/30 border-t-zinc-400 rounded-full animate-spin" }),
               "Testing..."
@@ -1229,7 +1229,7 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
           {
             onClick: handleConnect,
             disabled: isTesting || getDBConfig(type).showConnectionStringToggle && mongoConnectionMode === "connectionString" && !connectionString.trim(),
-            className: "w-full md:w-auto min-w-0 md:min-w-[140px] bg-blue-600 hover:bg-blue-500 text-white font-bold text-xs h-10 shadow-lg shadow-blue-900/20 group relative overflow-hidden",
+            className: "w-full md:w-auto min-w-0 md:min-w-[140px] bg-blue-600 hover:bg-blue-500 text-white font-medium text-xs h-10 shadow-lg shadow-blue-900/20 group relative overflow-hidden",
             children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: isTesting ? /* @__PURE__ */ jsxs(
               motion.div,
               {
@@ -1285,5 +1285,5 @@ function ConnectionModal({ isOpen, onClose, onConnect, editConnection, onTestCon
 }
 
 export { ConnectionModal };
-//# sourceMappingURL=chunk-VWVRUCQO.mjs.map
-//# sourceMappingURL=chunk-VWVRUCQO.mjs.map
+//# sourceMappingURL=chunk-CPF7XWV5.mjs.map
+//# sourceMappingURL=chunk-CPF7XWV5.mjs.map