@libredb/studio 0.9.12 → 0.9.13

package/dist/{chunk-RBVDMLFV.js → chunk-Y52UIFEX.js}

@@ -1225,10 +1225,10 @@ var QueryEditor = React6.forwardRef(({
         {
           variant: "ghost",
           size: "sm",
-          className: "h-7 text-xs font-bold uppercase tracking-widest text-white bg-blue-600 hover:bg-blue-500 hover:text-white gap-2 shadow-[0_0_10px_rgba(37,99,235,0.3)] animate-in fade-in zoom-in duration-200",
+          className: "h-7 text-xs font-medium text-white bg-blue-600 hover:bg-blue-500 hover:text-white gap-2 shadow-[0_0_10px_rgba(37,99,235,0.3)] animate-in fade-in zoom-in duration-200",
           onClick: handleExecute,
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { className: "w-3 h-3 fill-current" }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { strokeWidth: 1.5, className: "w-3 h-3 fill-current" }),
             " Run Sel"
           ]
         }
@@ -1238,11 +1238,11 @@ var QueryEditor = React6.forwardRef(({
         {
           variant: "ghost",
           size: "sm",
-          className: "h-7 text-xs font-bold uppercase tracking-widest text-zinc-500 hover:text-white gap-2",
+          className: "h-7 text-xs font-medium text-zinc-500 hover:text-white gap-2",
           onClick: handleFormat,
           title: language === "json" ? "Format JSON (Shift+Alt+F)" : "Format SQL (Shift+Alt+F)",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlignLeft, { className: "w-3 h-3" }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlignLeft, { strokeWidth: 1.5, className: "w-3 h-3" }),
             " Format"
           ]
         }
@@ -1252,10 +1252,10 @@ var QueryEditor = React6.forwardRef(({
         {
           variant: "ghost",
           size: "sm",
-          className: "h-7 text-xs font-bold uppercase tracking-widest text-zinc-500 hover:text-white gap-2",
+          className: "h-7 text-xs font-medium text-zinc-500 hover:text-white gap-2",
           onClick: handleCopy,
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { className: "w-3 h-3" }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { strokeWidth: 1.5, className: "w-3 h-3" }),
             " ",
             hasSelection ? "Copy Sel" : "Copy"
           ]
@@ -1266,10 +1266,10 @@ var QueryEditor = React6.forwardRef(({
         {
           variant: "ghost",
           size: "sm",
-          className: "h-7 text-xs font-bold uppercase tracking-widest text-zinc-500 hover:text-red-400 gap-2",
+          className: "h-7 text-xs font-medium text-zinc-500 hover:text-red-400 gap-2",
           onClick: handleClear,
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "w-3 h-3" }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { strokeWidth: 1.5, className: "w-3 h-3" }),
             " Clear"
           ]
         }
@@ -1281,13 +1281,13 @@ var QueryEditor = React6.forwardRef(({
           variant: "ghost",
           size: "sm",
           className: cn(
-            "h-7 text-xs font-bold uppercase tracking-widest gap-2",
+            "h-7 text-xs font-medium gap-2",
             showLineNumbers ? "text-zinc-300" : "text-zinc-500 hover:text-white"
           ),
           onClick: () => setShowLineNumbers(!showLineNumbers),
           title: showLineNumbers ? "Hide line numbers" : "Show line numbers",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Hash, { className: "w-3 h-3" }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Hash, { strokeWidth: 1.5, className: "w-3 h-3" }),
             " Lines"
           ]
         }
@@ -1298,7 +1298,7 @@ var QueryEditor = React6.forwardRef(({
           variant: "ghost",
           size: "sm",
           className: cn(
-            "h-7 text-xs font-bold uppercase tracking-widest gap-2",
+            "h-7 text-xs font-medium gap-2",
             showAi ? "text-white bg-blue-600 hover:bg-blue-500 hover:text-white shadow-[0_0_10px_rgba(37,99,235,0.4)]" : "text-zinc-500 hover:text-blue-400"
           ),
           onClick: () => setShowAi(!showAi),
@@ -1315,15 +1315,15 @@ var QueryEditor = React6.forwardRef(({
           {
             variant: "ghost",
             size: "sm",
-            className: "h-7 text-xs font-bold uppercase tracking-widest text-amber-500 hover:text-amber-400 gap-2",
+            className: "h-7 text-xs font-medium text-amber-500 hover:text-amber-400 gap-2",
             onClick: onExplain,
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Zap, { className: "w-3 h-3" }),
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Zap, { strokeWidth: 1.5, className: "w-3 h-3" }),
               " Explain"
             ]
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: "px-1.5 py-0.5 rounded bg-zinc-900 border border-white/5 text-caption text-zinc-600 font-mono", children: "\u2318+Enter" })
+        /* @__PURE__ */ jsxRuntime.jsx("kbd", { className: "px-1.5 py-0.5 rounded bg-zinc-900 border border-white/5 text-[0.5625rem] text-zinc-600 font-mono", children: "\u2318+Enter" })
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: showAi && /* @__PURE__ */ jsxRuntime.jsx(
@@ -1341,8 +1341,8 @@ var QueryEditor = React6.forwardRef(({
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-3 py-1.5 border-b border-white/5 mb-1.5", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-1 rounded-md bg-blue-500/10", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "w-3.5 h-3.5 text-blue-400" }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-label font-black text-blue-400 uppercase tracking-[0.2em]", children: "Expert DBA Mode" })
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-1 rounded-md bg-blue-500/10", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { strokeWidth: 1.5, className: "w-3 h-3 text-blue-400" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[0.625rem] font-black text-blue-400", children: "Expert DBA Mode" })
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
                   aiConversationHistory.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
@@ -1350,7 +1350,7 @@ var QueryEditor = React6.forwardRef(({
                     {
                       type: "button",
                       onClick: () => setAiConversationHistory([]),
-                      className: "text-label text-zinc-500 hover:text-zinc-300 font-medium px-1.5 py-0.5 rounded bg-white/5 hover:bg-white/10 transition-colors",
+                      className: "text-[0.625rem] text-zinc-500 hover:text-zinc-300 font-medium px-1.5 py-0.5 rounded bg-white/5 hover:bg-white/10 transition-colors",
                       title: "Clear conversation history",
                       children: [
                         aiConversationHistory.length / 2,
@@ -1358,7 +1358,7 @@ var QueryEditor = React6.forwardRef(({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-label text-zinc-500 font-medium", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[0.625rem] text-zinc-500 font-medium", children: [
                     "Context: ",
                     tables.length,
                     " tables"
@@ -1374,10 +1374,10 @@ var QueryEditor = React6.forwardRef(({
                   exit: { height: 0, opacity: 0 },
                   className: "px-3 pb-2",
                   children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-red-500/10 border border-red-500/20 rounded-lg p-2.5 flex items-start gap-2.5", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-1 rounded bg-red-500/20 mt-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-3 h-3 text-red-400" }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-1 rounded bg-red-500/20 mt-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { strokeWidth: 1.5, className: "w-3 h-3 text-red-400" }) }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-body font-bold text-red-400 uppercase tracking-tight mb-0.5", children: "AI Error" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-data text-red-300/90 leading-relaxed", children: aiError })
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-red-400 mb-0.5", children: "AI Error" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-red-300/90 leading-relaxed", children: aiError })
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsx(
                       "button",
@@ -1385,7 +1385,7 @@ var QueryEditor = React6.forwardRef(({
                         type: "button",
                         onClick: () => setAiError(null),
                         className: "text-red-400/50 hover:text-red-400 transition-colors",
-                        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-3.5 h-3.5" })
+                        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { strokeWidth: 1.5, className: "w-3 h-3" })
                       }
                     )
                   ] })
@@ -1399,7 +1399,7 @@ var QueryEditor = React6.forwardRef(({
                     value: aiPrompt,
                     onChange: (e) => setAiPrompt(e.target.value),
                     placeholder: "Describe the data you need in plain English... (e.g. 'Show me the revenue growth per month')",
-                    className: "bg-transparent border-none outline-none text-body text-zinc-100 w-full h-12 placeholder:text-zinc-600 font-medium"
+                    className: "bg-transparent border-none outline-none text-xs text-zinc-100 w-full h-12 placeholder:text-zinc-600 font-medium"
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
@@ -1409,7 +1409,7 @@ var QueryEditor = React6.forwardRef(({
                       type: "button",
                       onClick: () => setShowAi(false),
                       className: "p-2.5 rounded-xl hover:bg-white/5 text-zinc-500 transition-colors",
-                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-4.5 h-4.5" })
+                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { strokeWidth: 1.5, className: "w-3.5 h-3.5" })
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx(
@@ -1417,13 +1417,13 @@ var QueryEditor = React6.forwardRef(({
                     {
                       type: "submit",
                       disabled: isAiLoading || !aiPrompt.trim(),
-                      className: "bg-blue-600 hover:bg-blue-500 disabled:opacity-50 disabled:hover:bg-blue-600 px-4 py-2 rounded-xl text-white text-label font-bold transition-all shadow-lg shadow-blue-600/30 flex items-center gap-2",
+                      className: "bg-blue-600 hover:bg-blue-500 disabled:opacity-50 disabled:hover:bg-blue-600 px-4 py-2 rounded-xl text-white text-[0.625rem] font-medium transition-all shadow-lg shadow-blue-600/30 flex items-center gap-2",
                       children: isAiLoading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "w-3.5 h-3.5 animate-spin" }),
+                        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { strokeWidth: 1.5, className: "w-3 h-3 animate-spin" }),
                         /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Thinking..." })
                       ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                         /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Generate" }),
-                        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Send, { className: "w-3.5 h-3.5" })
+                        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Send, { strokeWidth: 1.5, className: "w-3 h-3" })
                       ] })
                     }
                   )
@@ -1443,7 +1443,7 @@ var QueryEditor = React6.forwardRef(({
         value,
         beforeMount: handleBeforeMount,
         onChange: handleEditorChange,
-        loading: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full w-full bg-[#050505] flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "w-6 h-6 animate-spin text-zinc-800" }) }),
+        loading: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full w-full bg-[#050505] flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { strokeWidth: 1.5, className: "w-6 h-6 animate-spin text-zinc-800" }) }),
         onMount: (editor, monaco2) => {
           editorRef.current = editor;
           editor.onDidBlurEditorText(() => {
@@ -2077,10 +2077,10 @@ function ResultCard({
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-3", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-8 h-8 rounded-lg bg-blue-500/10 flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Hash, { className: "w-4 h-4 text-blue-400" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-8 h-8 rounded-lg bg-blue-500/10 flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Hash, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-blue-400" }) }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
               /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn(
-                "text-sm font-semibold truncate",
+                "text-xs font-medium truncate",
                 maskingActive && (sensitiveColumns == null ? void 0 : sensitiveColumns.has(primaryColumn)) ? "text-zinc-500 italic" : "text-zinc-100"
               ), children: displayPrimary }),
               idValue != null && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-zinc-500 font-mono", children: [
@@ -2089,7 +2089,7 @@ function ResultCard({
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "w-4 h-4 text-zinc-600" })
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-zinc-600" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
           previewFields.map((field) => {
@@ -2100,7 +2100,7 @@ function ResultCard({
             return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-xs", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-zinc-500 truncate mr-2", children: [
                 field,
-                isMasked && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { className: "w-2.5 h-2.5 inline ml-1 text-purple-400" })
+                isMasked && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { strokeWidth: 1.5, className: "w-2.5 h-2.5 inline ml-1 text-purple-400" })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("truncate max-w-[60%] text-right font-mono", className), children: displayValue })
             ] }, field);
@@ -2311,7 +2311,7 @@ function RowDetailSheet({
   return /* @__PURE__ */ jsxRuntime.jsx(Sheet, { open: isOpen, onOpenChange: onClose, children: /* @__PURE__ */ jsxRuntime.jsxs(SheetContent, { side: "bottom", className: "h-[85vh] bg-[#0a0a0a] border-t border-white/10 rounded-t-3xl", children: [
     /* @__PURE__ */ jsxRuntime.jsx(SheetHeader, { className: "pb-4 border-b border-white/5", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(SheetTitle, { className: "text-zinc-100 flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-8 h-8 rounded-lg bg-blue-500/10 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileJson, { className: "w-4 h-4 text-blue-400" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-8 h-8 rounded-lg bg-blue-500/10 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileJson, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-blue-400" }) }),
         "Row #",
         rowIndex + 1
       ] }),
@@ -2323,10 +2323,10 @@ function RowDetailSheet({
           className: "h-8 text-xs border-white/10 hover:bg-white/5",
           onClick: copyAllAsJson,
           children: copiedField === "__all__" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "w-3 h-3 mr-1 text-emerald-400" }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { strokeWidth: 1.5, className: "w-3 h-3 mr-1 text-emerald-400" }),
             " Copied"
           ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { className: "w-3 h-3 mr-1" }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { strokeWidth: 1.5, className: "w-3 h-3 mr-1" }),
             " Copy JSON"
           ] })
         }
@@ -2341,12 +2341,12 @@ function RowDetailSheet({
           className: "group p-3 rounded-lg hover:bg-white/5 transition-colors",
           children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs uppercase tracking-widest text-zinc-500 mb-1 font-mono flex items-center gap-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-zinc-500 mb-1 font-mono flex items-center gap-1", children: [
                 field,
-                isMasked && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { className: "w-2.5 h-2.5 text-purple-400" })
+                isMasked && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { strokeWidth: 1.5, className: "w-2.5 h-2.5 text-purple-400" })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn(
-                "font-mono text-sm break-all",
+                "font-mono text-xs break-all",
                 isMasked ? "text-zinc-500 italic" : formatCellValue(row[field]).className,
                 isLongValue && "text-xs"
               ), children: text })
@@ -2370,7 +2370,7 @@ function RowDetailSheet({
                   size: "sm",
                   className: "h-7 w-7 p-0 opacity-0 group-hover:opacity-100 transition-opacity",
                   onClick: () => copyValue(field, row[field]),
-                  children: copiedField === field ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "w-3.5 h-3.5 text-emerald-400" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { className: "w-3.5 h-3.5 text-zinc-500" })
+                  children: copiedField === field ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-emerald-400" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-zinc-500" })
                 }
               )
             ] })
@@ -2417,14 +2417,14 @@ function StatsBar({
           onClick: onClearFilters,
           title: "Clear all filters",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Filter, { className: "w-3 h-3" }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Filter, { strokeWidth: 1.5, className: "w-3 h-3" }),
             activeFilterCount,
             " filter",
             activeFilterCount > 1 ? "s" : "",
             " \u2022 ",
             filteredRowCount,
             " shown",
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-3 h-3" })
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { strokeWidth: 1.5, className: "w-3 h-3" })
           ]
         }
       ),
@@ -2437,7 +2437,7 @@ function StatsBar({
           variant: "ghost",
           size: "sm",
           className: cn(
-            "h-6 px-2 text-xs font-bold gap-1",
+            "h-6 px-2 text-xs font-medium gap-1",
             effectiveMaskingEnabled ? "text-purple-400 bg-purple-500/10" : "text-zinc-500"
           ),
           onClick: onToggleMasking,
@@ -2447,8 +2447,8 @@ function StatsBar({
             effectiveMaskingEnabled ? "MASKED" : "MASK"
           ]
         }
-      ) : effectiveMaskingEnabled ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "h-6 px-2 text-xs font-bold text-purple-400 bg-purple-500/10 rounded flex items-center gap-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { className: "w-3 h-3" }),
+      ) : effectiveMaskingEnabled ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "h-6 px-2 text-xs font-medium text-purple-400 bg-purple-500/10 rounded flex items-center gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { strokeWidth: 1.5, className: "w-3 h-3" }),
         "MASKED"
       ] }) : null),
       editingEnabled && pendingChanges && pendingChanges.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
@@ -2464,7 +2464,7 @@ function StatsBar({
             size: "sm",
             className: "h-6 px-1.5 text-xs text-emerald-400 hover:bg-emerald-500/10",
             onClick: onApplyChanges,
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Save, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Save, { strokeWidth: 1.5, className: "w-3 h-3" })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -2474,7 +2474,7 @@ function StatsBar({
             size: "sm",
             className: "h-6 px-1.5 text-xs text-red-400 hover:bg-red-500/10",
             onClick: onDiscardChanges,
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { strokeWidth: 1.5, className: "w-3 h-3" })
           }
         )
       ] }),
@@ -2491,7 +2491,7 @@ function StatsBar({
               "p-1.5 rounded transition-all",
               viewMode === "card" ? "bg-blue-600 text-white" : "text-zinc-500"
             ),
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LayoutGrid, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LayoutGrid, { strokeWidth: 1.5, className: "w-3.5 h-3.5" })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -2502,7 +2502,7 @@ function StatsBar({
               "p-1.5 rounded transition-all",
               viewMode === "table" ? "bg-blue-600 text-white" : "text-zinc-500"
             ),
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Table2, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Table2, { strokeWidth: 1.5, className: "w-3.5 h-3.5" })
           }
         )
       ] })
@@ -2520,10 +2520,10 @@ function LoadMoreFooter({ hasMore, onLoadMore, isLoadingMore }) {
       disabled: isLoadingMore,
       className: "h-8 px-4 text-xs border-white/10 hover:bg-white/5",
       children: isLoadingMore ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "w-3 h-3 mr-2 animate-spin" }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { strokeWidth: 1.5, className: "w-3 h-3 mr-2 animate-spin" }),
         "Loading..."
       ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "w-3 h-3 mr-2" }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { strokeWidth: 1.5, className: "w-3 h-3 mr-2" }),
         "Load More (500 rows)"
       ] })
     }
@@ -2644,8 +2644,8 @@ function ResultsGrid({
               onClick: () => column.toggleSorting(column.getIsSorted() === "asc"),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: field }),
-                isSensitive && /* @__PURE__ */ jsxRuntime.jsx("span", { title: "Masked column", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { className: "w-3 h-3 text-purple-400 shrink-0" }) }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 opacity-0 group-hover/header:opacity-100 transition-opacity", children: column.getIsSorted() === "asc" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "w-3 h-3" }) : column.getIsSorted() === "desc" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "w-3 h-3" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpDown, { className: "w-3 h-3" }) })
+                isSensitive && /* @__PURE__ */ jsxRuntime.jsx("span", { title: "Masked column", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { strokeWidth: 1.5, className: "w-3 h-3 text-purple-400 shrink-0" }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0 opacity-0 group-hover/header:opacity-100 transition-opacity", children: column.getIsSorted() === "asc" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "w-3 h-3" }) : column.getIsSorted() === "desc" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { strokeWidth: 1.5, className: "w-3 h-3" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpDown, { strokeWidth: 1.5, className: "w-3 h-3" }) })
               ]
             }
           ),
@@ -2661,7 +2661,7 @@ function ResultsGrid({
                 setActiveFilterCol(activeFilterCol === field ? null : field);
               },
               title: "Filter column",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Filter, { className: "w-3 h-3" })
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Filter, { strokeWidth: 1.5, className: "w-3 h-3" })
             }
           ),
           activeFilterCol === field && /* @__PURE__ */ jsxRuntime.jsxs(
@@ -2685,7 +2685,7 @@ function ResultsGrid({
                     onKeyDown: (e) => {
                       if (e.key === "Escape" || e.key === "Enter") setActiveFilterCol(null);
                     },
-                    className: "w-full bg-[#050505] border border-white/10 rounded px-2 py-1 text-body text-zinc-200 outline-none focus:border-blue-500/30"
+                    className: "w-full bg-[#050505] border border-white/10 rounded px-2 py-1 text-xs text-zinc-200 outline-none focus:border-blue-500/30"
                   }
                 ),
                 hasFilter && /* @__PURE__ */ jsxRuntime.jsx(
@@ -2771,7 +2771,7 @@ function ResultsGrid({
           const { display: display2, className: className2 } = formatCellValue(val);
           return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "truncate w-full h-full flex items-center gap-1", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: className2, children: display2 }),
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { className: "w-2.5 h-2.5 text-purple-400/50 shrink-0" })
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { strokeWidth: 1.5, className: "w-2.5 h-2.5 text-purple-400/50 shrink-0" })
           ] });
         }
         const displayVal = pendingChange !== void 0 ? pendingChange.newValue : val;
@@ -2832,7 +2832,7 @@ function ResultsGrid({
   if (!result || result.rows.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-full flex flex-col items-center justify-center p-8 text-center text-zinc-600 animate-in fade-in zoom-in-95 duration-500", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-16 h-16 rounded-2xl bg-zinc-900/50 flex items-center justify-center mb-6 border border-white/5 shadow-2xl", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-2xl text-zinc-500", children: "\u2205" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-semibold text-zinc-400", children: "Query returned no data" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-zinc-400", children: "Query returned no data" }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-zinc-600 mt-2 max-w-[280px] leading-relaxed", children: "The operation was successful, but the result set is currently empty." })
     ] });
   }
@@ -2915,13 +2915,13 @@ function ResultsGrid({
               "div",
               {
                 className: cn(
-                  "h-10 px-4 flex items-center gap-1 border-r border-b border-white/5 text-xs uppercase font-mono tracking-wider text-zinc-500 bg-[#0d0d0d] whitespace-nowrap",
+                  "h-10 px-4 flex items-center gap-1 border-r border-b border-white/5 text-xs uppercase font-mono text-zinc-500 bg-[#0d0d0d] whitespace-nowrap",
                   idx === 0 && "sticky left-0 z-30 bg-[#0d0d0d] shadow-[2px_0_8px_rgba(0,0,0,0.3)]",
                   "min-w-[120px]"
                 ),
                 children: [
                   field,
-                  isSensitive && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { className: "w-2.5 h-2.5 text-purple-400" })
+                  isSensitive && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { strokeWidth: 1.5, className: "w-2.5 h-2.5 text-purple-400" })
                 ]
               },
               field
@@ -2986,7 +2986,7 @@ function ResultsGrid({
             "div",
             {
               style: { width: header.getSize(), minWidth: header.getSize() },
-              className: "h-10 px-4 flex items-center border-r border-b border-white/5 text-xs uppercase font-mono tracking-wider text-zinc-500 bg-[#0d0d0d] relative group shrink-0",
+              className: "h-10 px-4 flex items-center border-r border-b border-white/5 text-xs uppercase font-mono text-zinc-500 bg-[#0d0d0d] relative group shrink-0",
               children: [
                 header.isPlaceholder ? null : reactTable.flexRender(header.column.columnDef.header, header.getContext()),
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -3068,9 +3068,9 @@ var TableNode = ({ data }) => {
   const fkColumns = new Set((table.foreignKeys || []).map((fk) => fk.columnName));
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `bg-[#0d0d0d] border rounded-lg overflow-hidden min-w-[200px] shadow-2xl transition-all ${isHighlighted ? "border-blue-500/60 ring-1 ring-blue-500/30" : "border-white/10"}`, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-blue-600/10 px-3 py-2 border-b border-white/5 flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Database, { className: "w-3.5 h-3.5 text-blue-400" }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-bold text-zinc-100 uppercase tracking-wider", children: table.name }),
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-label text-zinc-600 ml-auto", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Database, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-blue-400" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-zinc-100r", children: table.name }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[0.625rem] text-zinc-600 ml-auto", children: [
         ((_a = table.columns) == null ? void 0 : _a.length) || 0,
         " cols"
       ] })
@@ -3097,14 +3097,14 @@ var TableNode = ({ data }) => {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-          col.isPrimary ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Key, { className: "w-2.5 h-2.5 text-yellow-500" }) : isFk ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Link2, { className: "w-2.5 h-2.5 text-blue-400" }) : col.type.toLowerCase().includes("int") ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Hash, { className: "w-2.5 h-2.5 text-zinc-500" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Type, { className: "w-2.5 h-2.5 text-zinc-500" }),
+          col.isPrimary ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Key, { strokeWidth: 1.5, className: "w-2.5 h-2.5 text-yellow-500" }) : isFk ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Link2, { strokeWidth: 1.5, className: "w-2.5 h-2.5 text-blue-400" }) : col.type.toLowerCase().includes("int") ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Hash, { strokeWidth: 1.5, className: "w-2.5 h-2.5 text-zinc-500" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Type, { strokeWidth: 1.5, className: "w-2.5 h-2.5 text-zinc-500" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: col.isPrimary ? "text-yellow-500/90 font-medium" : isFk ? "text-blue-400/80" : "text-zinc-400", children: col.name })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
-          col.nullable === false && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-micro text-red-500/60", children: "NN" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-label text-zinc-600 font-mono uppercase", children: col.type })
+          col.nullable === false && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[0.5rem] text-red-500/60", children: "NN" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[0.625rem] text-zinc-600 font-mono uppercase", children: col.type })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-full ml-2 top-0 z-50 hidden group-hover:block", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-[#1a1a1a] border border-white/10 rounded px-2 py-1 text-label whitespace-nowrap shadow-xl", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-full ml-2 top-0 z-50 hidden group-hover:block", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-[#1a1a1a] border border-white/10 rounded px-2 py-1 text-[0.625rem] whitespace-nowrap shadow-xl", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-zinc-300", children: [
             col.name,
             ": ",
@@ -3317,8 +3317,8 @@ function SchemaDiagramInner({ schema, onClose }) {
   }, []);
   if (schema.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute inset-0 z-50 bg-[#050505] flex flex-col items-center justify-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "w-8 h-8 text-blue-500 animate-spin mb-4" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-zinc-500 text-sm", children: "Generating ERD Diagram..." })
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { strokeWidth: 1.5, className: "w-8 h-8 text-blue-500 animate-spin mb-4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-zinc-500 text-xs", children: "Generating ERD Diagram..." })
     ] });
   }
   const hasForeignKeys = schema.some((t) => (t.foreignKeys || []).length > 0);
@@ -3358,7 +3358,7 @@ function SchemaDiagramInner({ schema, onClose }) {
                   className: "bg-[#0d0d0d] border-white/10 hover:bg-white/5 text-xs gap-1",
                   onClick: () => exportDiagram("png"),
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { className: "w-3 h-3" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { strokeWidth: 1.5, className: "w-3 h-3" }),
                     " PNG"
                   ]
                 }
@@ -3371,7 +3371,7 @@ function SchemaDiagramInner({ schema, onClose }) {
                   className: "bg-[#0d0d0d] border-white/10 hover:bg-white/5 text-xs gap-1",
                   onClick: () => exportDiagram("svg"),
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { className: "w-3 h-3" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { strokeWidth: 1.5, className: "w-3 h-3" }),
                     " SVG"
                   ]
                 }
@@ -3396,12 +3396,12 @@ function SchemaDiagramInner({ schema, onClose }) {
                   size: "icon",
                   className: "rounded-full bg-[#0d0d0d] border-white/10 hover:bg-white/5",
                   onClick: onClose,
-                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-4 h-4" })
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { strokeWidth: 1.5, className: "w-3.5 h-3.5" })
                 }
               )
             ] }) }),
             /* @__PURE__ */ jsxRuntime.jsx(react.Panel, { position: "top-left", className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-[#0d0d0d]/80 backdrop-blur-md border border-white/10 p-3 rounded-xl shadow-2xl space-y-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "text-xs font-bold text-white uppercase tracking-widest mb-1 flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "text-xs font-medium text-white mb-1 flex items-center gap-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-500 animate-pulse" }),
                 "ERD Visualizer"
               ] }),
@@ -3416,7 +3416,7 @@ function SchemaDiagramInner({ schema, onClose }) {
                 ] })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "absolute left-2 top-1/2 -translate-y-1/2 w-3 h-3 text-zinc-600" }),
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { strokeWidth: 1.5, className: "absolute left-2 top-1/2 -translate-y-1/2 w-3 h-3 text-zinc-600" }),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "input",
                   {
@@ -3428,13 +3428,13 @@ function SchemaDiagramInner({ schema, onClose }) {
                   }
                 )
               ] }),
-              !hasForeignKeys && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-1.5 text-label text-amber-500/80", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { className: "w-3 h-3 mt-0.5 shrink-0" }),
+              !hasForeignKeys && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-1.5 text-[0.625rem] text-amber-500/80", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { strokeWidth: 1.5, className: "w-3 h-3 mt-0.5 shrink-0" }),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { children: "No FK data available. Showing heuristic relationships (dashed)." })
               ] }),
               selectedNode && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-blue-400 border-t border-white/5 pt-2", children: [
                 "Selected: ",
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono font-bold", children: selectedNode }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono font-medium", children: selectedNode }),
                 /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setSelectedNode(null), className: "ml-2 text-zinc-600 hover:text-zinc-400", children: "clear" })
               ] })
             ] }) })
@@ -3775,7 +3775,7 @@ var CustomTooltip = ({ active, payload, label }) => {
   if (!active || !payload || !payload.length) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-[#111] border border-white/10 rounded-lg px-3 py-2 shadow-xl", children: [
     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-zinc-400 text-xs mb-1", children: label }),
-    payload.map((entry, index) => /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm", style: { color: entry.color }, children: [
+    payload.map((entry, index) => /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs", style: { color: entry.color }, children: [
       entry.name,
       ": ",
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono font-medium", children: formatNumber(entry.value) })
@@ -4022,30 +4022,30 @@ function DataCharts({ result }) {
   if (!analysis.isVisualizable) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-full flex flex-col items-center justify-center bg-[#080808] text-zinc-500", children: [
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrendingUp, { className: "w-12 h-12 mb-4 opacity-30" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium mb-1", children: "Cannot Visualize Data" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium mb-1", children: "Cannot Visualize Data" }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-zinc-600", children: analysis.reason })
     ] });
   }
   const chartTypes = [
-    { type: "bar", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BarChart3, { className: "w-4 h-4" }), label: "Bar" },
-    { type: "line", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LineChart, { className: "w-4 h-4" }), label: "Line" },
-    { type: "pie", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PieChart, { className: "w-4 h-4" }), label: "Pie" },
-    { type: "area", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AreaChart, { className: "w-4 h-4" }), label: "Area" },
-    { type: "scatter", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "w-4 h-4" }), label: "Scatter" },
-    { type: "histogram", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BarChart2, { className: "w-4 h-4" }), label: "Histogram" },
-    { type: "stacked-bar", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BarChart3, { className: "w-4 h-4" }), label: "Stacked" },
-    { type: "stacked-area", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AreaChart, { className: "w-4 h-4" }), label: "Stack Area" }
+    { type: "bar", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BarChart3, { strokeWidth: 1.5, className: "w-3.5 h-3.5" }), label: "Bar" },
+    { type: "line", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LineChart, { strokeWidth: 1.5, className: "w-3.5 h-3.5" }), label: "Line" },
+    { type: "pie", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PieChart, { strokeWidth: 1.5, className: "w-3.5 h-3.5" }), label: "Pie" },
+    { type: "area", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AreaChart, { strokeWidth: 1.5, className: "w-3.5 h-3.5" }), label: "Area" },
+    { type: "scatter", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { strokeWidth: 1.5, className: "w-3.5 h-3.5" }), label: "Scatter" },
+    { type: "histogram", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BarChart2, { strokeWidth: 1.5, className: "w-3.5 h-3.5" }), label: "Histogram" },
+    { type: "stacked-bar", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BarChart3, { strokeWidth: 1.5, className: "w-3.5 h-3.5" }), label: "Stacked" },
+    { type: "stacked-area", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AreaChart, { strokeWidth: 1.5, className: "w-3.5 h-3.5" }), label: "Stack Area" }
   ];
   const getFieldIcon = (type) => {
     switch (type) {
       case "numeric":
-        return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Hash, { className: "w-3 h-3" });
+        return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Hash, { strokeWidth: 1.5, className: "w-3 h-3" });
       case "date":
         return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Calendar, { className: "w-3 h-3" });
       case "categorical":
-        return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Type, { className: "w-3 h-3" });
+        return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Type, { strokeWidth: 1.5, className: "w-3 h-3" });
       default:
-        return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "w-3 h-3" });
+        return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { strokeWidth: 1.5, className: "w-3 h-3" });
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-full flex flex-col bg-[#080808]", children: [
@@ -4068,7 +4068,7 @@ function DataCharts({ result }) {
       )) }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-px bg-white/10 hidden sm:block" }),
       chartType !== "pie" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-zinc-600 uppercase tracking-wider", children: "X-Axis" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-zinc-600r", children: "X-Axis" }),
         /* @__PURE__ */ jsxRuntime.jsxs(Select, { value: xAxis, onValueChange: setXAxis, children: [
           /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { className: "h-7 w-[140px] text-xs bg-white/5 border-white/10", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: "Select field" }) }),
           /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { className: "bg-[#111] border-white/10", children: analysis.fields.map((field) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: field.name, className: "text-xs", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -4078,11 +4078,11 @@ function DataCharts({ result }) {
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-zinc-600 uppercase tracking-wider", children: chartType === "pie" ? "Value" : "Y-Axis" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-zinc-600r", children: chartType === "pie" ? "Value" : "Y-Axis" }),
         /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", size: "sm", className: "h-7 text-xs bg-white/5 border-white/10 gap-1", children: [
             yAxis.length > 0 ? yAxis.join(", ") : "Select fields",
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings2, { className: "w-3 h-3 ml-1" })
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings2, { strokeWidth: 1.5, className: "w-3 h-3 ml-1" })
           ] }) }),
           /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuContent, { className: "bg-[#111] border-white/10", children: analysis.numericFields.map((field) => /* @__PURE__ */ jsxRuntime.jsxs(
             DropdownMenuItem,
@@ -4093,7 +4093,7 @@ function DataCharts({ result }) {
                 yAxis.includes(field) && "bg-blue-600/20 text-blue-400"
               ),
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Hash, { className: "w-3 h-3 mr-2" }),
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Hash, { strokeWidth: 1.5, className: "w-3 h-3 mr-2" }),
                 field,
                 yAxis.includes(field) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto", children: "\u2713" })
               ]
@@ -4103,28 +4103,28 @@ function DataCharts({ result }) {
         ] })
       ] }),
       chartType === "scatter" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-zinc-600 uppercase tracking-wider", children: "Y" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-zinc-600r", children: "Y" }),
         /* @__PURE__ */ jsxRuntime.jsxs(Select, { value: scatterY, onValueChange: setScatterY, children: [
           /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { className: "h-7 w-[120px] text-xs bg-white/5 border-white/10", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: "Y field" }) }),
           /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { className: "bg-[#111] border-white/10", children: analysis.numericFields.filter((f) => f !== xAxis).map((field) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: field, className: "text-xs", children: field }, field)) })
         ] })
       ] }),
       chartType === "histogram" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-zinc-600 uppercase tracking-wider", children: "Buckets" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-zinc-600r", children: "Buckets" }),
         /* @__PURE__ */ jsxRuntime.jsxs(Select, { value: String(histogramBuckets), onValueChange: (v) => setHistogramBuckets(Number(v)), children: [
           /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { className: "h-7 w-[70px] text-xs bg-white/5 border-white/10", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, {}) }),
           /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { className: "bg-[#111] border-white/10", children: [5, 10, 20, 50].map((n) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: String(n), className: "text-xs", children: n }, n)) })
         ] })
       ] }),
       chartType !== "scatter" && chartType !== "histogram" && chartType !== "pie" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-zinc-600 uppercase tracking-wider", children: "Agg" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-zinc-600r", children: "Agg" }),
         /* @__PURE__ */ jsxRuntime.jsxs(Select, { value: aggregation, onValueChange: (v) => setAggregation(v), children: [
           /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { className: "h-7 w-[80px] text-xs bg-white/5 border-white/10", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, {}) }),
-          /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { className: "bg-[#111] border-white/10", children: ["none", "sum", "avg", "count", "min", "max"].map((a) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: a, className: "text-xs uppercase", children: a }, a)) })
+          /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { className: "bg-[#111] border-white/10", children: ["none", "sum", "avg", "count", "min", "max"].map((a) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: a, className: "text-xs", children: a }, a)) })
         ] })
       ] }),
       analysis.dateFields.length > 0 && chartType !== "scatter" && chartType !== "histogram" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-zinc-600 uppercase tracking-wider", children: "Group" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-zinc-600r", children: "Group" }),
         /* @__PURE__ */ jsxRuntime.jsxs(Select, { value: dateGrouping || "none", onValueChange: (v) => setDateGrouping(v === "none" ? "" : v), children: [
           /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { className: "h-7 w-[80px] text-xs bg-white/5 border-white/10", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, {}) }),
           /* @__PURE__ */ jsxRuntime.jsxs(SelectContent, { className: "bg-[#111] border-white/10", children: [
@@ -4151,12 +4151,12 @@ function DataCharts({ result }) {
         /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", className: "h-7 text-xs text-zinc-500", onClick: () => setShowSaveDialog(false), children: "Cancel" })
       ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "ghost", size: "sm", className: "h-7 text-xs text-zinc-500 hover:text-white gap-1", onClick: () => setShowSaveDialog(true), children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Save, { className: "w-3 h-3" }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Save, { strokeWidth: 1.5, className: "w-3 h-3" }),
           " Save"
         ] }),
         savedCharts.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "ghost", size: "sm", className: "h-7 text-xs text-zinc-500 hover:text-white gap-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderOpen, { className: "w-3 h-3" }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderOpen, { strokeWidth: 1.5, className: "w-3 h-3" }),
             " Saved (",
             savedCharts.length,
             ")"
@@ -4174,13 +4174,13 @@ function DataCharts({ result }) {
             /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: (e) => {
               e.stopPropagation();
               deleteSavedChart(chart.id);
-            }, className: "text-zinc-600 hover:text-red-400", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-3 h-3" }) })
+            }, className: "text-zinc-600 hover:text-red-400", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { strokeWidth: 1.5, className: "w-3 h-3" }) })
           ] }, chart.id)) })
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "ghost", size: "sm", className: "h-7 text-xs font-bold uppercase text-zinc-500 hover:text-white gap-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { className: "w-3 h-3" }),
+        /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "ghost", size: "sm", className: "h-7 text-xs font-medium text-zinc-500 hover:text-white gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { strokeWidth: 1.5, className: "w-3 h-3" }),
           " Export"
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuContent, { align: "end", className: "bg-[#111] border-white/10", children: [
@@ -4189,7 +4189,7 @@ function DataCharts({ result }) {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: chartRef, className: "flex-1 p-4 min-h-0", children: yAxis.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full flex items-center justify-center text-zinc-600 text-sm", children: "Select at least one numeric field for the chart" }) : /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: chartType === "bar" ? /* @__PURE__ */ jsxRuntime.jsxs(recharts.BarChart, { data: chartData, margin: { top: 20, right: 30, left: 20, bottom: 60 }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: chartRef, className: "flex-1 p-4 min-h-0", children: yAxis.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full flex items-center justify-center text-zinc-600 text-xs", children: "Select at least one numeric field for the chart" }) : /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: chartType === "bar" ? /* @__PURE__ */ jsxRuntime.jsxs(recharts.BarChart, { data: chartData, margin: { top: 20, right: 30, left: 20, bottom: 60 }, children: [
       /* @__PURE__ */ jsxRuntime.jsx(recharts.CartesianGrid, { strokeDasharray: "3 3", stroke: "#222" }),
       /* @__PURE__ */ jsxRuntime.jsx(
         recharts.XAxis,
@@ -4633,12 +4633,12 @@ function CodeGenerator({
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-[#111] border border-white/10 rounded-xl shadow-2xl w-full max-w-xl mx-4 overflow-hidden", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-5 py-3 border-b border-white/5", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Code, { className: "w-4 h-4 text-purple-400" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-bold text-zinc-200", children: "Code Generator" }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Code, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-purple-400" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-zinc-200", children: "Code Generator" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-zinc-500 font-mono", children: tableName }),
         databaseType && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-zinc-600 font-mono uppercase", children: databaseType })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onClose, className: "p-1 rounded hover:bg-white/5 text-zinc-500", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-4 h-4" }) })
+      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onClose, className: "p-1 rounded hover:bg-white/5 text-zinc-500", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { strokeWidth: 1.5, className: "w-3.5 h-3.5" }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-5 py-2 border-b border-white/5 bg-[#0a0a0a]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
@@ -4648,7 +4648,7 @@ function CodeGenerator({
           className: "flex items-center gap-2 px-3 py-1.5 rounded-lg bg-white/5 border border-white/10 text-xs text-zinc-300 hover:bg-white/10 transition-colors",
           children: [
             currentLang.label,
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "w-3 h-3 text-zinc-500" })
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { strokeWidth: 1.5, className: "w-3 h-3 text-zinc-500" })
           ]
         }
       ),
@@ -4669,14 +4669,14 @@ function CodeGenerator({
       )) })
     ] }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "p-5 text-body font-mono text-zinc-300 overflow-auto max-h-[50vh] bg-[#050505] leading-relaxed whitespace-pre", children: code }),
+      /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "p-5 text-xs font-mono text-zinc-300 overflow-auto max-h-[50vh] bg-[#050505] leading-relaxed whitespace-pre", children: code }),
       /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
           onClick: handleCopy,
           className: "absolute top-3 right-3 flex items-center gap-1.5 px-2.5 py-1 rounded-lg bg-white/10 hover:bg-white/20 text-xs text-zinc-400 transition-colors",
           children: [
-            copied ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "w-3 h-3 text-emerald-400" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { className: "w-3 h-3" }),
+            copied ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { strokeWidth: 1.5, className: "w-3 h-3 text-emerald-400" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { strokeWidth: 1.5, className: "w-3 h-3" }),
             copied ? "Copied!" : "Copy"
           ]
         }
@@ -4828,21 +4828,21 @@ VALUES
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-[#111] border border-white/10 rounded-xl shadow-2xl w-full max-w-2xl mx-4 max-h-[85vh] flex flex-col overflow-hidden", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-5 py-3 border-b border-white/5", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wand2, { className: "w-4 h-4 text-amber-400" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-bold text-zinc-200", children: "Test Data Generator" }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wand2, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-amber-400" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-zinc-200", children: "Test Data Generator" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-zinc-500 font-mono", children: tableName })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onClose, className: "p-1 rounded hover:bg-white/5 text-zinc-500", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-4 h-4" }) })
+      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onClose, className: "p-1 rounded hover:bg-white/5 text-zinc-500", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { strokeWidth: 1.5, className: "w-3.5 h-3.5" }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-5 py-3 border-b border-white/5 bg-[#0a0a0a] flex items-center gap-4", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-zinc-500 uppercase tracking-wider font-bold", children: "Rows:" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-zinc-500r font-medium", children: "Rows:" }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", children: [5, 10, 25, 50, 100].map((n) => /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             onClick: () => setRowCount(n),
             className: cn(
-              "px-2 py-0.5 rounded text-xs font-bold transition-colors",
+              "px-2 py-0.5 rounded text-xs font-medium transition-colors",
               rowCount === n ? "bg-amber-500/20 text-amber-400 border border-amber-500/20" : "text-zinc-500 hover:text-zinc-300 hover:bg-white/5"
             ),
             children: n
@@ -4854,10 +4854,10 @@ VALUES
         "button",
         {
           onClick: () => setRefreshKey((k) => k + 1),
-          className: "flex items-center gap-1 px-2 py-1 rounded text-xs font-bold text-zinc-500 hover:text-zinc-300 hover:bg-white/5 transition-colors",
+          className: "flex items-center gap-1 px-2 py-1 rounded text-xs font-medium text-zinc-500 hover:text-zinc-300 hover:bg-white/5 transition-colors",
           title: "Regenerate random data",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: "w-3 h-3" }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { strokeWidth: 1.5, className: "w-3 h-3" }),
             " Regenerate"
           ]
         }
@@ -4879,7 +4879,7 @@ VALUES
       },
       col.name
     )) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-auto relative", children: /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "p-5 text-body font-mono text-blue-300 whitespace-pre-wrap leading-relaxed", children: generatedQuery }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-auto relative", children: /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "p-5 text-xs font-mono text-blue-300 whitespace-pre-wrap leading-relaxed", children: generatedQuery }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-5 py-3 border-t border-white/5 bg-[#0a0a0a]", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-zinc-600", children: [
         columnConfigs.filter((c) => c.faker.generator !== "autoIncrement").length,
@@ -4892,9 +4892,9 @@ VALUES
           "button",
           {
             onClick: handleCopy,
-            className: "flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-white/5 text-zinc-400 text-xs font-bold hover:bg-white/10 transition-colors",
+            className: "flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-white/5 text-zinc-400 text-xs font-medium hover:bg-white/10 transition-colors",
             children: [
-              copied ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "w-3 h-3 text-emerald-400" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { className: "w-3 h-3" }),
+              copied ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { strokeWidth: 1.5, className: "w-3 h-3 text-emerald-400" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { strokeWidth: 1.5, className: "w-3 h-3" }),
               copied ? "Copied!" : "Copy"
             ]
           }
@@ -4906,9 +4906,9 @@ VALUES
               onExecuteQuery(generatedQuery);
               onClose();
             },
-            className: "flex items-center gap-1.5 px-4 py-1.5 rounded-lg bg-amber-600 hover:bg-amber-500 text-white text-xs font-bold transition-colors",
+            className: "flex items-center gap-1.5 px-4 py-1.5 rounded-lg bg-amber-600 hover:bg-amber-500 text-white text-xs font-medium transition-colors",
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { className: "w-3 h-3 fill-current" }),
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { strokeWidth: 1.5, className: "w-3 h-3 fill-current" }),
               " Execute"
             ]
           }
@@ -5020,15 +5020,15 @@ function analyzePlan(plan) {
   };
 }
 var NodeIcon = ({ type }) => {
-  if (type.includes("Seq Scan")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "w-4 h-4 text-amber-400" });
-  if (type.includes("Index Scan") || type.includes("Index Only")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Target, { className: "w-4 h-4 text-emerald-400" });
-  if (type.includes("Scan")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "w-4 h-4 text-blue-400" });
-  if (type.includes("Join")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Layers, { className: "w-4 h-4 text-purple-400" });
-  if (type.includes("Sort")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "w-4 h-4 text-amber-400" });
-  if (type.includes("Limit")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LayoutGrid, { className: "w-4 h-4 text-zinc-400" });
-  if (type.includes("Aggregate") || type.includes("Group")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Zap, { className: "w-4 h-4 text-pink-400" });
-  if (type.includes("Hash")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.HardDrive, { className: "w-4 h-4 text-cyan-400" });
-  return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Database, { className: "w-4 h-4 text-zinc-500" });
+  if (type.includes("Seq Scan")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-amber-400" });
+  if (type.includes("Index Scan") || type.includes("Index Only")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Target, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-emerald-400" });
+  if (type.includes("Scan")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-blue-400" });
+  if (type.includes("Join")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Layers, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-purple-400" });
+  if (type.includes("Sort")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-amber-400" });
+  if (type.includes("Limit")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LayoutGrid, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-zinc-400" });
+  if (type.includes("Aggregate") || type.includes("Group")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Zap, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-pink-400" });
+  if (type.includes("Hash")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.HardDrive, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-cyan-400" });
+  return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Database, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-zinc-500" });
 };
 var StatusBadge = ({ status }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-2 h-2 rounded-full", status === "good" ? "bg-emerald-500" : status === "warning" ? "bg-amber-500" : "bg-red-500") });
@@ -5061,7 +5061,7 @@ var PlanNode = ({ node, depth = 0, maxTime }) => {
             isSeqScan ? "bg-amber-500/10" : isIndexScan ? "bg-emerald-500/10" : "bg-white/5"
           ), children: /* @__PURE__ */ jsxRuntime.jsx(NodeIcon, { type: nodeType }) }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-body font-medium text-zinc-200 truncate", children: nodeType }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-zinc-200 truncate", children: nodeType }),
             node["Relation Name"] && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-zinc-500 font-mono truncate", children: node["Relation Name"] })
           ] }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4 text-xs font-mono", children: [
@@ -5183,16 +5183,16 @@ function AIExplainTab({
           elements.push(
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "my-3 relative group/code", children: [
               /* @__PURE__ */ jsxRuntime.jsx("pre", { className: cn(
-                "text-body font-mono p-3 rounded-lg overflow-x-auto border",
+                "text-xs font-mono p-3 rounded-lg overflow-x-auto border",
                 isSql ? "bg-blue-500/5 border-blue-500/10 text-blue-300" : "bg-white/[0.02] border-white/5 text-zinc-400"
               ), children: content }),
               isSql && onLoadQuery && /* @__PURE__ */ jsxRuntime.jsxs(
                 "button",
                 {
                   onClick: () => onLoadQuery(content),
-                  className: "absolute top-2 right-2 opacity-0 group-hover/code:opacity-100 transition-opacity px-2 py-1 rounded bg-blue-600 hover:bg-blue-500 text-white text-xs font-bold flex items-center gap-1",
+                  className: "absolute top-2 right-2 opacity-0 group-hover/code:opacity-100 transition-opacity px-2 py-1 rounded bg-blue-600 hover:bg-blue-500 text-white text-xs font-medium flex items-center gap-1",
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { className: "w-3 h-3" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { strokeWidth: 1.5, className: "w-3 h-3" }),
                     " Try This"
                   ]
                 }
@@ -5214,15 +5214,15 @@ function AIExplainTab({
       }
       if (line.startsWith("## ")) {
         elements.push(
-          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-body font-bold text-zinc-200 mt-4 mb-2 flex items-center gap-2", children: line.slice(3) }, idx)
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xs font-medium text-zinc-200 mt-4 mb-2 flex items-center gap-2", children: line.slice(3) }, idx)
         );
       } else if (line.startsWith("### ")) {
         elements.push(
-          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-data font-semibold text-zinc-300 mt-3 mb-1", children: line.slice(4) }, idx)
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xs font-medium text-zinc-300 mt-3 mb-1", children: line.slice(4) }, idx)
         );
       } else if (line.startsWith("- ")) {
         elements.push(
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 text-body text-zinc-400 leading-relaxed ml-2 my-0.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 text-xs text-zinc-400 leading-relaxed ml-2 my-0.5", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-zinc-600 mt-1 shrink-0", children: "\u2022" }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { children: renderInlineFormatting(line.slice(2)) })
           ] }, idx)
@@ -5230,8 +5230,8 @@ function AIExplainTab({
       } else if (/^\d+\.\s/.test(line)) {
         const num = (_a = line.match(/^(\d+)\./)) == null ? void 0 : _a[1];
         elements.push(
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 text-body text-zinc-400 leading-relaxed ml-2 my-0.5", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-blue-400 font-bold mt-0 shrink-0 w-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 text-xs text-zinc-400 leading-relaxed ml-2 my-0.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-blue-400 font-medium mt-0 shrink-0 w-4", children: [
               num,
               "."
             ] }),
@@ -5242,7 +5242,7 @@ function AIExplainTab({
         elements.push(/* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1" }, idx));
       } else {
         elements.push(
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-body text-zinc-400 leading-relaxed my-0.5", children: renderInlineFormatting(line) }, idx)
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-zinc-400 leading-relaxed my-0.5", children: renderInlineFormatting(line) }, idx)
         );
       }
     });
@@ -5262,20 +5262,20 @@ function AIExplainTab({
   };
   if (!hasRun) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-full flex flex-col items-center justify-center p-8 text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-14 h-14 rounded-2xl bg-gradient-to-br from-purple-500/20 to-blue-500/10 flex items-center justify-center mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "w-7 h-7 text-purple-400" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-zinc-200 mb-1", children: "AI Query Analysis" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-body text-zinc-500 max-w-[280px] leading-relaxed mb-4", children: "Get a plain-language explanation of your query's execution plan with concrete optimization suggestions." }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-14 h-14 rounded-2xl bg-gradient-to-br from-purple-500/20 to-blue-500/10 flex items-center justify-center mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { strokeWidth: 1.5, className: "w-7 h-7 text-purple-400" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xs font-medium text-zinc-200 mb-1", children: "AI Query Analysis" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-zinc-500 max-w-[280px] leading-relaxed mb-4", children: "Get a plain-language explanation of your query's execution plan with concrete optimization suggestions." }),
       /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
           onClick: analyzeWithAI,
           disabled: !query,
           className: cn(
-            "flex items-center gap-2 px-4 py-2 rounded-lg text-xs font-bold transition-all",
+            "flex items-center gap-2 px-4 py-2 rounded-lg text-xs font-medium transition-all",
             query ? "bg-purple-600 hover:bg-purple-500 text-white shadow-lg shadow-purple-900/20" : "bg-white/5 text-zinc-600 cursor-not-allowed"
           ),
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "w-3.5 h-3.5" }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { strokeWidth: 1.5, className: "w-3 h-3" }),
             "Analyze with AI"
           ]
         }
@@ -5286,17 +5286,17 @@ function AIExplainTab({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-full flex flex-col", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4 py-2 border-b border-white/5 bg-[#0a0a0a]", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "w-3.5 h-3.5 text-purple-400" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-bold text-purple-400 uppercase tracking-wider", children: "AI Analysis" })
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { strokeWidth: 1.5, className: "w-3 h-3 text-purple-400" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-purple-400r", children: "AI Analysis" })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
           onClick: analyzeWithAI,
           disabled: isLoading,
-          className: "flex items-center gap-1.5 px-2 py-1 rounded-md text-xs font-bold text-zinc-400 hover:text-white hover:bg-white/5 transition-all",
+          className: "flex items-center gap-1.5 px-2 py-1 rounded-md text-xs font-medium text-zinc-400 hover:text-white hover:bg-white/5 transition-all",
           children: [
-            isLoading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "w-3 h-3" }),
+            isLoading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { strokeWidth: 1.5, className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { strokeWidth: 1.5, className: "w-3 h-3" }),
             isLoading ? "Analyzing..." : "Re-analyze"
           ]
         }
@@ -5304,16 +5304,16 @@ function AIExplainTab({
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-auto p-4", children: [
       error && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 p-3 rounded-lg bg-red-500/5 border border-red-500/10 text-red-400 text-xs mb-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { className: "w-4 h-4 shrink-0" }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { strokeWidth: 1.5, className: "w-3.5 h-3.5 shrink-0" }),
         error
       ] }),
       aiResponse && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-0", children: renderMarkdown(aiResponse) }),
-      isLoading && !aiResponse && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 text-zinc-500 text-sm", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "w-4 h-4 animate-spin text-purple-400" }),
+      isLoading && !aiResponse && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 text-zinc-500 text-xs", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { strokeWidth: 1.5, className: "w-3.5 h-3.5 animate-spin text-purple-400" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Analyzing execution plan..." })
       ] }),
       isLoading && aiResponse && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mt-2 text-zinc-600 text-xs", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "w-3 h-3 animate-spin" }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { strokeWidth: 1.5, className: "w-3 h-3 animate-spin" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Still generating..." })
       ] })
     ] })
@@ -5328,8 +5328,8 @@ function VisualExplain({ plan, query, schemaContext, databaseType, onLoadQuery }
   }, [plan]);
   if (!plan || !Array.isArray(plan) || plan.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-full flex flex-col items-center justify-center text-zinc-500 bg-[#080808] p-12 text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 rounded-xl bg-white/5 flex items-center justify-center mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Activity, { className: "w-6 h-6 text-zinc-600" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-medium text-zinc-300 mb-1", children: "No execution plan" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 rounded-xl bg-white/5 flex items-center justify-center mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Activity, { strokeWidth: 1.5, className: "w-6 h-6 text-zinc-600" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xs font-medium text-zinc-300 mb-1", children: "No execution plan" }),
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-zinc-600 max-w-[240px]", children: "Run a SELECT query to see its execution plan and performance insights." })
     ] });
   }
@@ -5338,18 +5338,18 @@ function VisualExplain({ plan, query, schemaContext, databaseType, onLoadQuery }
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-3 border-b border-white/5 bg-[#0a0a0a]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-6", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "w-3.5 h-3.5 text-blue-400" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-body font-medium text-zinc-200", children: formatTime((analysis == null ? void 0 : analysis.executionTime) || 0) }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { strokeWidth: 1.5, className: "w-3 h-3 text-blue-400" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-zinc-200", children: formatTime((analysis == null ? void 0 : analysis.executionTime) || 0) }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-zinc-600", children: "execution" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrendingUp, { className: "w-3.5 h-3.5 text-zinc-500" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-body font-medium text-zinc-400", children: formatNumber2((analysis == null ? void 0 : analysis.totalRows) || 0) }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrendingUp, { className: "w-3 h-3 text-zinc-500" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-zinc-400", children: formatNumber2((analysis == null ? void 0 : analysis.totalRows) || 0) }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-zinc-600", children: "rows" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.HardDrive, { className: "w-3.5 h-3.5 text-zinc-500" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-body font-medium text-zinc-400", children: formatNumber2((analysis == null ? void 0 : analysis.totalCost) || 0) }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.HardDrive, { strokeWidth: 1.5, className: "w-3 h-3 text-zinc-500" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-zinc-400", children: formatNumber2((analysis == null ? void 0 : analysis.totalCost) || 0) }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-zinc-600", children: "cost" })
         ] })
       ] }),
@@ -5358,14 +5358,14 @@ function VisualExplain({ plan, query, schemaContext, databaseType, onLoadQuery }
         {
           onClick: () => setActiveTab(tab),
           className: cn(
-            "px-3 py-1 text-xs font-medium rounded-md transition-all uppercase tracking-wide",
+            "px-3 py-1 text-xs font-medium rounded-md transition-all",
             activeTab === tab ? tab === "ai" ? "bg-purple-500/20 text-purple-300" : "bg-white/10 text-zinc-200" : "text-zinc-500 hover:text-zinc-300"
           ),
           children: [
-            tab === "insights" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Zap, { className: "w-3 h-3 inline mr-1" }),
-            tab === "ai" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "w-3 h-3 inline mr-1" }),
-            tab === "tree" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Layers, { className: "w-3 h-3 inline mr-1" }),
-            tab === "raw" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileJson, { className: "w-3 h-3 inline mr-1" }),
+            tab === "insights" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Zap, { strokeWidth: 1.5, className: "w-3 h-3 inline mr-1" }),
+            tab === "ai" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { strokeWidth: 1.5, className: "w-3 h-3 inline mr-1" }),
+            tab === "tree" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Layers, { strokeWidth: 1.5, className: "w-3 h-3 inline mr-1" }),
+            tab === "raw" && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileJson, { strokeWidth: 1.5, className: "w-3 h-3 inline mr-1" }),
             tab === "ai" ? "AI Explain" : tab
           ]
         },
@@ -5385,7 +5385,7 @@ function VisualExplain({ plan, query, schemaContext, databaseType, onLoadQuery }
       ),
       activeTab === "insights" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4 space-y-4", children: [
         analysis && analysis.warnings.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xs font-bold text-zinc-500 uppercase tracking-wider mb-2", children: "Performance Issues" }),
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xs font-medium text-zinc-500r mb-2", children: "Performance Issues" }),
           analysis.warnings.map((warning, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
@@ -5397,10 +5397,10 @@ function VisualExplain({ plan, query, schemaContext, databaseType, onLoadQuery }
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(
                   "p-1 rounded",
                   warning.type === "critical" ? "bg-red-500/10" : warning.type === "warning" ? "bg-amber-500/10" : "bg-blue-500/10"
-                ), children: warning.type === "critical" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { className: "w-3.5 h-3.5 text-red-400" }) : warning.type === "warning" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { className: "w-3.5 h-3.5 text-amber-400" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { className: "w-3.5 h-3.5 text-blue-400" }) }),
+                ), children: warning.type === "critical" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { strokeWidth: 1.5, className: "w-3 h-3 text-red-400" }) : warning.type === "warning" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { strokeWidth: 1.5, className: "w-3 h-3 text-amber-400" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { strokeWidth: 1.5, className: "w-3 h-3 text-blue-400" }) }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("h4", { className: cn(
-                    "text-body font-medium",
+                    "text-xs font-medium",
                     warning.type === "critical" ? "text-red-300" : warning.type === "warning" ? "text-amber-300" : "text-blue-300"
                   ), children: warning.title }),
                   /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-zinc-500 mt-0.5 leading-relaxed", children: warning.description })
@@ -5411,21 +5411,21 @@ function VisualExplain({ plan, query, schemaContext, databaseType, onLoadQuery }
           ))
         ] }),
         analysis && analysis.warnings.length === 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 p-3 rounded-lg bg-emerald-500/5 border border-emerald-500/10", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-1 rounded bg-emerald-500/10", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "w-3.5 h-3.5 text-emerald-400" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-1 rounded bg-emerald-500/10", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { strokeWidth: 1.5, className: "w-3 h-3 text-emerald-400" }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-body font-medium text-emerald-300", children: "Query looks good" }),
+            /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-xs font-medium text-emerald-300", children: "Query looks good" }),
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-zinc-500", children: "No obvious performance issues detected." })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-3 gap-2", children: analysis == null ? void 0 : analysis.insights.map((insight, idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 rounded-lg bg-white/[0.02] border border-white/5", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
             /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status: insight.status }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-label text-zinc-500 uppercase tracking-wider font-medium", children: insight.label })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[0.625rem] text-zinc-500r font-medium", children: insight.label })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-medium text-zinc-200", children: insight.value })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-zinc-200", children: insight.value })
         ] }, idx)) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xs font-bold text-zinc-500 uppercase tracking-wider mb-2", children: "Execution Plan" }),
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xs font-medium text-zinc-500r mb-2", children: "Execution Plan" }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border border-white/5 bg-white/[0.01] p-2", children: rootPlan && analysis && /* @__PURE__ */ jsxRuntime.jsx(PlanNode, { node: rootPlan, maxTime: analysis.executionTime || 1 }) })
         ] })
       ] }),
@@ -5541,9 +5541,9 @@ Columns: ${cols}`;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-full flex flex-col bg-[#080808]", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4 py-2 border-b border-white/5 bg-[#0a0a0a]", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-1 rounded bg-violet-500/10", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageSquare, { className: "w-3.5 h-3.5 text-violet-400" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-bold text-violet-400 uppercase tracking-widest", children: "Natural Language Query" }),
-        messages.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-label text-zinc-500 font-mono", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-1 rounded bg-violet-500/10", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageSquare, { strokeWidth: 1.5, className: "w-3 h-3 text-violet-400" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-violet-400", children: "Natural Language Query" }),
+        messages.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[0.625rem] text-zinc-500 font-mono", children: [
           messages.filter((m) => m.role === "user").length,
           " questions"
         ] })
@@ -5555,7 +5555,7 @@ Columns: ${cols}`;
             onClick: clearConversation,
             className: "p-1.5 rounded hover:bg-white/5 text-zinc-500 hover:text-zinc-300 transition-colors",
             title: "Clear conversation",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "w-3.5 h-3.5" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { strokeWidth: 1.5, className: "w-3 h-3" })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -5563,15 +5563,15 @@ Columns: ${cols}`;
           {
             onClick: onClose,
             className: "p-1.5 rounded hover:bg-white/5 text-zinc-500 hover:text-zinc-300 transition-colors",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-3.5 h-3.5" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { strokeWidth: 1.5, className: "w-3 h-3" })
           }
         )
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-auto p-4 space-y-3", children: [
       messages.length === 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center h-full opacity-40", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "w-8 h-8 mb-3" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: "Ask a question in plain English" }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { strokeWidth: 1.5, className: "w-8 h-8 mb-3" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium", children: "Ask a question in plain English" }),
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-zinc-500 mt-1", children: 'e.g. "Show me the top 10 employees by salary"' })
       ] }),
       messages.map((msg, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex gap-2", msg.role === "user" ? "justify-end" : "justify-start"), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(
@@ -5579,15 +5579,15 @@ Columns: ${cols}`;
         msg.role === "user" ? "bg-violet-600/20 border border-violet-500/20 text-zinc-200" : "bg-[#111] border border-white/5 text-zinc-300"
       ), children: msg.role === "user" ? /* @__PURE__ */ jsxRuntime.jsx("p", { children: msg.content }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
         msg.query && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "bg-[#050505] rounded p-2 text-body font-mono text-blue-300 overflow-x-auto whitespace-pre-wrap border border-white/5", children: msg.query }),
+          /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "bg-[#050505] rounded p-2 text-xs font-mono text-blue-300 overflow-x-auto whitespace-pre-wrap border border-white/5", children: msg.query }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1.5 mt-1.5", children: [
             /* @__PURE__ */ jsxRuntime.jsxs(
               "button",
               {
                 onClick: () => onExecuteQuery(msg.query),
-                className: "flex items-center gap-1 px-2 py-1 rounded bg-blue-600/20 border border-blue-500/20 text-blue-400 text-xs font-bold hover:bg-blue-600/30 transition-colors",
+                className: "flex items-center gap-1 px-2 py-1 rounded bg-blue-600/20 border border-blue-500/20 text-blue-400 text-xs font-medium hover:bg-blue-600/30 transition-colors",
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { className: "w-3 h-3 fill-current" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { strokeWidth: 1.5, className: "w-3 h-3 fill-current" }),
                   " Run"
                 ]
               }
@@ -5596,16 +5596,16 @@ Columns: ${cols}`;
               "button",
               {
                 onClick: () => onLoadQuery(msg.query),
-                className: "flex items-center gap-1 px-2 py-1 rounded bg-white/5 border border-white/5 text-zinc-400 text-xs font-bold hover:bg-white/10 transition-colors",
+                className: "flex items-center gap-1 px-2 py-1 rounded bg-white/5 border border-white/5 text-zinc-400 text-xs font-medium hover:bg-white/10 transition-colors",
                 children: "Load to Editor"
               }
             )
           ] })
         ] }),
-        msg.content.replace(/```[\s\S]*?```/g, "").trim() && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-zinc-400 text-body leading-relaxed whitespace-pre-wrap", children: msg.content.replace(/```[\s\S]*?```/g, "").trim() })
+        msg.content.replace(/```[\s\S]*?```/g, "").trim() && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-zinc-400 text-xs leading-relaxed whitespace-pre-wrap", children: msg.content.replace(/```[\s\S]*?```/g, "").trim() })
       ] }) }) }, i)),
       isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2 justify-start", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-[#111] border border-white/5 rounded-lg px-3 py-2 flex items-center gap-2 text-zinc-500 text-xs", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "w-3 h-3 animate-spin" }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { strokeWidth: 1.5, className: "w-3 h-3 animate-spin" }),
         "Generating query..."
       ] }) }),
       error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-red-500/10 border border-red-500/20 rounded-lg px-3 py-2 text-xs text-red-400", children: error }),
@@ -5628,8 +5628,8 @@ Columns: ${cols}`;
         {
           type: "submit",
           disabled: isLoading || !question.trim(),
-          className: "bg-violet-600 hover:bg-violet-500 disabled:opacity-50 px-3 py-2 rounded-lg text-white text-xs font-bold transition-colors flex items-center gap-1.5",
-          children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Send, { className: "w-3 h-3" })
+          className: "bg-violet-600 hover:bg-violet-500 disabled:opacity-50 px-3 py-2 rounded-lg text-white text-xs font-medium transition-colors flex items-center gap-1.5",
+          children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { strokeWidth: 1.5, className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Send, { strokeWidth: 1.5, className: "w-3 h-3" })
         }
       )
     ] }) })
@@ -5742,52 +5742,52 @@ ${schemaContext || ""}`;
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-[#111] border border-white/10 rounded-xl shadow-2xl w-full max-w-2xl mx-4 max-h-[85vh] flex flex-col overflow-hidden", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-5 py-3 border-b border-white/5", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BarChart3, { className: "w-4 h-4 text-cyan-400" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-bold text-zinc-200", children: "Data Profiler" }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BarChart3, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-cyan-400" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-zinc-200", children: "Data Profiler" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-zinc-500 font-mono", children: tableName })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onClose, className: "p-1 rounded hover:bg-white/5 text-zinc-500", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-4 h-4" }) })
+      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onClose, className: "p-1 rounded hover:bg-white/5 text-zinc-500", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { strokeWidth: 1.5, className: "w-3.5 h-3.5" }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-auto p-5 space-y-4", children: [
       isLoading && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 py-12 text-zinc-500", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "w-5 h-5 animate-spin" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { strokeWidth: 1.5, className: "w-5 h-5 animate-spin" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs", children: [
           "Profiling ",
           tableName,
           "..."
         ] })
       ] }),
       error && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-red-500/10 border border-red-500/20 rounded-lg p-3 text-xs text-red-400 flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "w-4 h-4 shrink-0" }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { strokeWidth: 1.5, className: "w-3.5 h-3.5 shrink-0" }),
         error
       ] }),
       profile && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-3 gap-3", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-[#0a0a0a] rounded-lg p-3 border border-white/5", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-zinc-500 uppercase tracking-wider", children: "Total Rows" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-bold text-zinc-200 mt-1", children: profile.totalRows.toLocaleString() })
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-zinc-500r", children: "Total Rows" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-zinc-200 mt-1", children: profile.totalRows.toLocaleString() })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-[#0a0a0a] rounded-lg p-3 border border-white/5", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-zinc-500 uppercase tracking-wider", children: "Columns" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-bold text-zinc-200 mt-1", children: profile.columns.length })
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-zinc-500r", children: "Columns" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-zinc-200 mt-1", children: profile.columns.length })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-[#0a0a0a] rounded-lg p-3 border border-white/5", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-zinc-500 uppercase tracking-wider", children: "Avg Null %" }),
-            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-lg font-bold text-zinc-200 mt-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-zinc-500r", children: "Avg Null %" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs font-medium text-zinc-200 mt-1", children: [
               profile.columns.length > 0 ? Math.round(profile.columns.reduce((sum, c) => sum + c.nullPercent, 0) / profile.columns.length) : 0,
               "%"
             ] })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xs font-bold text-zinc-400 uppercase tracking-wider", children: "Column Profiles" }),
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xs font-medium text-zinc-400r", children: "Column Profiles" }),
           profile.columns.map((col) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-[#0a0a0a] rounded-lg p-3 border border-white/5", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Hash, { className: "w-3 h-3 text-blue-400" }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-bold text-zinc-200", children: col.name }),
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Hash, { strokeWidth: 1.5, className: "w-3 h-3 text-blue-400" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-zinc-200", children: col.name }),
                 col.type && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-zinc-500 font-mono", children: col.type }),
-                sensitiveColumnNames.has(col.name) && /* @__PURE__ */ jsxRuntime.jsx("span", { title: "Sensitive column - values masked", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { className: "w-3 h-3 text-purple-400" }) })
+                sensitiveColumnNames.has(col.name) && /* @__PURE__ */ jsxRuntime.jsx("span", { title: "Sensitive column - values masked", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { strokeWidth: 1.5, className: "w-3 h-3 text-purple-400" }) })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-zinc-500", children: [
                 col.distinctCount.toLocaleString(),
@@ -5842,9 +5842,9 @@ ${schemaContext || ""}`;
         ] }),
         (aiSummary || isAiLoading) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-cyan-500/5 border border-cyan-500/10 rounded-lg p-4", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "w-3.5 h-3.5 text-cyan-400" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-bold text-cyan-400 uppercase tracking-wider", children: "AI Analysis" }),
-            isAiLoading && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "w-3 h-3 animate-spin text-cyan-400" })
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-cyan-400" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-cyan-400r", children: "AI Analysis" }),
+            isAiLoading && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { strokeWidth: 1.5, className: "w-3 h-3 animate-spin text-cyan-400" })
           ] }),
           aiSummary && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-zinc-400 leading-relaxed whitespace-pre-wrap", children: aiSummary })
         ] })
@@ -5951,23 +5951,23 @@ function QuerySafetyDialog({
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-[#111] border border-white/10 rounded-xl shadow-2xl w-full max-w-lg mx-4 overflow-hidden", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-5 py-3 border-b border-white/5", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldAlert, { className: "w-4 h-4 text-amber-400" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-bold text-zinc-200", children: "Query Safety Check" })
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldAlert, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-amber-400" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-zinc-200", children: "Query Safety Check" })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onClose, className: "p-1 rounded hover:bg-white/5 text-zinc-500", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-4 h-4" }) })
+      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onClose, className: "p-1 rounded hover:bg-white/5 text-zinc-500", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { strokeWidth: 1.5, className: "w-3.5 h-3.5" }) })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-5 py-3 bg-[#0a0a0a] border-b border-white/5", children: /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "text-body font-mono text-zinc-400 whitespace-pre-wrap max-h-24 overflow-auto", children: query.length > 300 ? query.substring(0, 300) + "..." : query }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-5 py-3 bg-[#0a0a0a] border-b border-white/5", children: /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "text-xs font-mono text-zinc-400 whitespace-pre-wrap max-h-24 overflow-auto", children: query.length > 300 ? query.substring(0, 300) + "..." : query }) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-5 py-4 max-h-80 overflow-auto", children: [
       isAnalyzing && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 py-8 text-zinc-500", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "w-5 h-5 animate-spin" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: "Analyzing query safety..." })
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { strokeWidth: 1.5, className: "w-5 h-5 animate-spin" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs", children: "Analyzing query safety..." })
       ] }),
       error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-red-500/10 border border-red-500/20 rounded-lg p-3 text-xs text-red-400", children: error }),
       analysis && risk && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-2 px-3 py-2 rounded-lg", risk.bg, "border", risk.border), children: [
           /* @__PURE__ */ jsxRuntime.jsx(RiskIcon, { className: cn("w-5 h-5", risk.color) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("text-sm font-bold", risk.color), children: risk.label }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("text-xs font-medium", risk.color), children: risk.label }),
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-zinc-400 mt-0.5", children: analysis.summary })
           ] })
         ] }),
@@ -5975,7 +5975,7 @@ function QuerySafetyDialog({
           "px-3 py-2 rounded-lg border text-xs",
           w.severity === "critical" ? "bg-red-500/5 border-red-500/20" : w.severity === "warning" ? "bg-amber-500/5 border-amber-500/20" : "bg-blue-500/5 border-blue-500/20"
         ), children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-bold text-zinc-300", children: w.message }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-zinc-300", children: w.message }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-zinc-500 mt-0.5", children: w.detail })
         ] }, i)) }),
         analysis.affectedRows && analysis.affectedRows !== "none" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs", children: [
@@ -5987,7 +5987,7 @@ function QuerySafetyDialog({
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-zinc-300", children: analysis.cascadeEffects })
         ] }),
         analysis.recommendation && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-[#0a0a0a] rounded-lg p-3 border border-white/5", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-bold text-zinc-500 uppercase tracking-wider mb-1", children: "Recommendation" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-zinc-500r mb-1", children: "Recommendation" }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-zinc-300", children: analysis.recommendation })
         ] })
       ] }),
@@ -5998,7 +5998,7 @@ function QuerySafetyDialog({
         "button",
         {
           onClick: onClose,
-          className: "px-4 py-2 rounded-lg bg-white/5 text-zinc-400 text-xs font-bold hover:bg-white/10 transition-colors",
+          className: "px-4 py-2 rounded-lg bg-white/5 text-zinc-400 text-xs font-medium hover:bg-white/10 transition-colors",
           children: "Cancel"
         }
       ),
@@ -6008,12 +6008,12 @@ function QuerySafetyDialog({
           onClick: onProceed,
           disabled: isAnalyzing,
           className: cn(
-            "px-4 py-2 rounded-lg text-white text-xs font-bold transition-colors flex items-center gap-1.5",
+            "px-4 py-2 rounded-lg text-white text-xs font-medium transition-colors flex items-center gap-1.5",
             (analysis == null ? void 0 : analysis.riskLevel) === "critical" || (analysis == null ? void 0 : analysis.riskLevel) === "high" ? "bg-red-600 hover:bg-red-500" : "bg-blue-600 hover:bg-blue-500",
             isAnalyzing && "opacity-50 cursor-not-allowed"
           ),
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { className: "w-3 h-3 fill-current" }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { strokeWidth: 1.5, className: "w-3 h-3 fill-current" }),
             (analysis == null ? void 0 : analysis.riskLevel) === "critical" ? "Execute Anyway" : (analysis == null ? void 0 : analysis.riskLevel) === "high" ? "Proceed with Caution" : "Execute Query"
           ]
         }
@@ -6121,8 +6121,8 @@ var ColumnList = React6__default.default.memo(function ColumnList2({ columns, in
       {
         className: "flex items-center gap-2 py-1 px-2 rounded-sm group/col hover:bg-accent/20 cursor-default",
         children: [
-          column.isPrimary ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Key, { className: "w-2.5 h-2.5 text-yellow-500/70" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-2.5 h-2.5 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-1 h-1 rounded-full bg-muted-foreground/50" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-data text-muted-foreground flex-1 truncate group-hover/col:text-foreground", children: column.name }),
+          column.isPrimary ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Key, { strokeWidth: 1.5, className: "w-2.5 h-2.5 text-yellow-500/70" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-2.5 h-2.5 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-1 h-1 rounded-full bg-muted-foreground/50" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground flex-1 truncate group-hover/col:text-foreground", children: column.name }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-mono text-muted-foreground/60 uppercase group-hover/col:text-muted-foreground", children: column.type.split("(")[0] })
         ]
       },
@@ -6130,8 +6130,8 @@ var ColumnList = React6__default.default.memo(function ColumnList2({ columns, in
     )),
     indexes.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pt-2 pb-1", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 px-2 mb-1", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Hash, { className: "w-2.5 h-2.5 text-purple-500/40" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-label uppercase tracking-wider font-bold text-muted-foreground", children: "Indexes" })
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Hash, { strokeWidth: 1.5, className: "w-2.5 h-2.5 text-purple-500/40" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[0.625rem] font-medium text-muted-foreground", children: "Indexes" })
       ] }),
       indexes.map((idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 py-0.5 px-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-2.5 h-2.5" }),
@@ -6146,18 +6146,18 @@ function renderMenuItems(table, labels, isAdmin, callbacks, copyToClipboard, Ite
       var _a;
       return (_a = callbacks.onTableClick) == null ? void 0 : _a.call(callbacks, table.name);
     }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { className: "w-3.5 h-3.5 mr-2 text-green-500" }),
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { strokeWidth: 1.5, className: "w-3.5 h-3.5 mr-2 text-green-500" }),
       (labels == null ? void 0 : labels.selectAction) || "Select Top 100"
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(Item4, { onClick: () => {
       var _a;
       return (_a = callbacks.onGenerateSelect) == null ? void 0 : _a.call(callbacks, table.name);
     }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Filter, { className: "w-3.5 h-3.5 mr-2 text-blue-500" }),
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Filter, { strokeWidth: 1.5, className: "w-3.5 h-3.5 mr-2 text-blue-500" }),
       (labels == null ? void 0 : labels.generateAction) || "Generate Query"
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(Item4, { onClick: () => copyToClipboard(table.name, `${(labels == null ? void 0 : labels.entityName) || "Table"} name`), children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { className: "w-3.5 h-3.5 mr-2 text-muted-foreground" }),
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { strokeWidth: 1.5, className: "w-3.5 h-3.5 mr-2 text-muted-foreground" }),
       "Copy Name"
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx(Separator4, {}),
@@ -6165,21 +6165,21 @@ function renderMenuItems(table, labels, isAdmin, callbacks, copyToClipboard, Ite
       var _a;
       return (_a = callbacks.onProfileTable) == null ? void 0 : _a.call(callbacks, table.name);
     }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BarChart3, { className: "w-3.5 h-3.5 mr-2 text-cyan-500" }),
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BarChart3, { strokeWidth: 1.5, className: "w-3.5 h-3.5 mr-2 text-cyan-500" }),
       "Profile Table"
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(Item4, { onClick: () => {
       var _a;
       return (_a = callbacks.onGenerateCode) == null ? void 0 : _a.call(callbacks, table.name);
     }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Code, { className: "w-3.5 h-3.5 mr-2 text-purple-500" }),
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Code, { strokeWidth: 1.5, className: "w-3.5 h-3.5 mr-2 text-purple-500" }),
       "Generate Code"
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(Item4, { onClick: () => {
       var _a;
       return (_a = callbacks.onGenerateTestData) == null ? void 0 : _a.call(callbacks, table.name);
     }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wand2, { className: "w-3.5 h-3.5 mr-2 text-amber-500" }),
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wand2, { strokeWidth: 1.5, className: "w-3.5 h-3.5 mr-2 text-amber-500" }),
       "Generate Test Data"
     ] }),
     isAdmin && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -6188,14 +6188,14 @@ function renderMenuItems(table, labels, isAdmin, callbacks, copyToClipboard, Ite
         var _a;
         return (_a = callbacks.onOpenMaintenance) == null ? void 0 : _a.call(callbacks, "tables", table.name);
       }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "w-3.5 h-3.5 mr-2 text-amber-500" }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { strokeWidth: 1.5, className: "w-3.5 h-3.5 mr-2 text-amber-500" }),
         (labels == null ? void 0 : labels.analyzeAction) || "Analyze Table"
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(Item4, { onClick: () => {
         var _a;
         return (_a = callbacks.onOpenMaintenance) == null ? void 0 : _a.call(callbacks, "tables", table.name);
       }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "w-3.5 h-3.5 mr-2 text-blue-400" }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { strokeWidth: 1.5, className: "w-3.5 h-3.5 mr-2 text-blue-400" }),
         (labels == null ? void 0 : labels.vacuumAction) || "Vacuum Table"
       ] })
     ] })
@@ -6236,7 +6236,7 @@ var TableItem = React6__default.default.memo(function TableItem2({
                 animate: { rotate: isExpanded ? 90 : 0 },
                 transition: { duration: 0.2 },
                 className: "shrink-0",
-                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "w-3 h-3 text-muted-foreground" })
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-muted-foreground" })
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -6252,23 +6252,21 @@ var TableItem = React6__default.default.memo(function TableItem2({
               "span",
               {
                 className: cn(
-                  "truncate min-w-0 flex-1 text-body font-medium transition-colors",
+                  "truncate min-w-0 flex-1 text-xs font-medium transition-colors",
                   isExpanded ? "text-foreground" : "text-muted-foreground group-hover:text-foreground"
                 ),
                 children: table.name
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "shrink-0 relative w-8 h-6 flex items-center justify-center", children: [
-              table.rowCount !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inset-0 flex items-center justify-center text-label font-mono text-muted-foreground/70 whitespace-nowrap opacity-100 group-hover:opacity-0 transition-opacity pointer-events-none", children: table.rowCount >= 1e3 ? `${(table.rowCount / 1e3).toFixed(1)}k` : table.rowCount }),
+              table.rowCount !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inset-0 flex items-center justify-center text-[0.625rem] font-mono text-muted-foreground/70 whitespace-nowrap opacity-100 group-hover:opacity-0 transition-opacity pointer-events-none", children: table.rowCount >= 1e3 ? `${(table.rowCount / 1e3).toFixed(1)}k` : table.rowCount }),
               /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-                  Button,
+                  "button",
                   {
-                    variant: "ghost",
-                    size: "icon",
-                    className: "absolute inset-0 w-full h-full opacity-0 group-hover:opacity-100 [@media(hover:none)]:opacity-100 focus-within:opacity-100 transition-opacity hover:bg-accent",
+                    className: "absolute inset-0 w-full h-full opacity-0 group-hover:opacity-100 [@media(hover:none)]:opacity-100 focus-within:opacity-100 transition-opacity hover:bg-accent flex items-center justify-center",
                     onClick: (e) => e.stopPropagation(),
-                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreVertical, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" })
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreVertical, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-muted-foreground group-hover:text-foreground" })
                   }
                 ) }),
                 /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuContent, { align: "end", className: "w-48", children: renderMenuItems(table, labels, isAdmin, callbacks, copyToClipboard, DropdownMenuItem, DropdownMenuSeparator) })
@@ -6332,61 +6330,57 @@ function SchemaExplorer({
   if (isLoadingSchema) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-muted-foreground", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative mb-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "w-8 h-8 animate-spin text-blue-500/20" }),
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Database, { className: "w-4 h-4 absolute inset-0 m-auto text-blue-500 animate-pulse" })
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { strokeWidth: 1.5, className: "w-8 h-8 animate-spin text-blue-500/20" }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Database, { strokeWidth: 1.5, className: "w-3.5 h-3.5 absolute inset-0 m-auto text-blue-500 animate-pulse" })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs uppercase tracking-[0.2em] font-bold animate-pulse", children: "Scanning Schema..." })
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium animate-pulse", children: "Scanning Schema..." })
     ] });
   }
   if (schema.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-6 text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 rounded-full bg-muted flex items-center justify-center mb-4 border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "w-6 h-6 text-muted-foreground" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-foreground text-sm font-medium mb-1", children: "No structures found" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-body text-muted-foreground leading-relaxed", children: "We couldn't find any tables or views in this connection." })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 rounded-full bg-muted flex items-center justify-center mb-4 border border-border", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { strokeWidth: 1.5, className: "w-6 h-6 text-muted-foreground" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-foreground text-xs font-medium mb-1", children: "No structures found" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground leading-relaxed", children: "We couldn't find any tables or views in this connection." })
     ] });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sticky top-0 z-10 px-3 pb-3 pt-1 space-y-3 bg-background", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Database, { className: "w-3.5 h-3.5 text-blue-500/50" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-bold uppercase tracking-[0.15em] text-muted-foreground", children: "Explorer" })
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Database, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-blue-500/50" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Explorer" })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
           isAdmin && /* @__PURE__ */ jsxRuntime.jsx(
-            Button,
+            "button",
             {
-              variant: "ghost",
-              size: "icon",
-              className: "w-6 h-6 hover:bg-accent text-muted-foreground hover:text-amber-400 transition-colors",
+              className: "p-1 rounded hover:bg-accent text-muted-foreground hover:text-amber-400 transition-colors",
               onClick: () => onOpenMaintenance == null ? void 0 : onOpenMaintenance("global"),
               title: "Database Maintenance",
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { className: "w-3.5 h-3.5" })
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings, { strokeWidth: 1.5, className: "w-3.5 h-3.5" })
             }
           ),
           (capabilities == null ? void 0 : capabilities.supportsCreateTable) !== false && /* @__PURE__ */ jsxRuntime.jsx(
-            Button,
+            "button",
             {
-              variant: "ghost",
-              size: "icon",
-              className: "w-6 h-6 hover:bg-accent text-muted-foreground hover:text-blue-400 transition-colors",
+              className: "p-1 rounded hover:bg-accent text-muted-foreground hover:text-blue-400 transition-colors",
               onClick: onCreateTableClick,
               title: `Create ${(labels == null ? void 0 : labels.entityName) || "Table"}`,
-              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "w-3.5 h-3.5" })
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { strokeWidth: 1.5, className: "w-3.5 h-3.5" })
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-label bg-blue-500/10 text-blue-400 px-1.5 py-0.5 rounded-full font-mono border border-blue-500/10", children: schema.length })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[0.625rem] bg-blue-500/10 text-blue-400 px-1.5 py-0.5 rounded-full font-mono border border-blue-500/10", children: schema.length })
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative group", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-muted-foreground group-focus-within:text-blue-500 transition-colors" }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { strokeWidth: 1.5, className: "absolute left-2.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-muted-foreground group-focus-within:text-blue-500 transition-colors" }),
         /* @__PURE__ */ jsxRuntime.jsx(
           Input,
           {
             placeholder: (labels == null ? void 0 : labels.searchPlaceholder) || "Search tables or columns...",
             value: searchQuery,
             onChange: (e) => setSearchQuery(e.target.value),
-            className: "h-8 pl-8 pr-8 text-data bg-muted/50 border-border focus-visible:ring-1 focus-visible:ring-blue-500/50 placeholder:text-muted-foreground/50"
+            className: "h-8 pl-8 pr-8 text-xs bg-muted/50 border-border focus-visible:ring-1 focus-visible:ring-blue-500/50 placeholder:text-muted-foreground/50"
           }
         ),
         searchQuery && /* @__PURE__ */ jsxRuntime.jsx(
@@ -6394,7 +6388,7 @@ function SchemaExplorer({
           {
             onClick: () => setSearchQuery(""),
             className: "absolute right-2 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Hash, { className: "w-3 h-3 rotate-45" })
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Hash, { strokeWidth: 1.5, className: "w-3.5 h-3.5 rotate-45" })
           }
         )
       ] })
@@ -6743,5 +6737,5 @@ exports.getDBConfig = getDBConfig;
 exports.getDBIcon = getDBIcon;
 exports.isDangerousQuery = isDangerousQuery;
 exports.storage = storage;
-//# sourceMappingURL=chunk-RBVDMLFV.js.map
-//# sourceMappingURL=chunk-RBVDMLFV.js.map
+//# sourceMappingURL=chunk-Y52UIFEX.js.map
+//# sourceMappingURL=chunk-Y52UIFEX.js.map