@libredb/studio 0.9.12 → 0.9.19

package/dist/{chunk-DZ2UB3C6.mjs → chunk-G3S66G64.mjs}

@@ -1194,10 +1194,10 @@ var QueryEditor = 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__ */ jsx(Play, { className: "w-3 h-3 fill-current" }),
+            /* @__PURE__ */ jsx(Play, { strokeWidth: 1.5, className: "w-3 h-3 fill-current" }),
             " Run Sel"
           ]
         }
@@ -1207,11 +1207,11 @@ var QueryEditor = 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__ */ jsx(AlignLeft, { className: "w-3 h-3" }),
+            /* @__PURE__ */ jsx(AlignLeft, { strokeWidth: 1.5, className: "w-3 h-3" }),
             " Format"
           ]
         }
@@ -1221,10 +1221,10 @@ var QueryEditor = 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__ */ jsx(Copy, { className: "w-3 h-3" }),
+            /* @__PURE__ */ jsx(Copy, { strokeWidth: 1.5, className: "w-3 h-3" }),
             " ",
             hasSelection ? "Copy Sel" : "Copy"
           ]
@@ -1235,10 +1235,10 @@ var QueryEditor = 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__ */ jsx(Trash2, { className: "w-3 h-3" }),
+            /* @__PURE__ */ jsx(Trash2, { strokeWidth: 1.5, className: "w-3 h-3" }),
             " Clear"
           ]
         }
@@ -1250,13 +1250,13 @@ var QueryEditor = 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__ */ jsx(Hash, { className: "w-3 h-3" }),
+            /* @__PURE__ */ jsx(Hash, { strokeWidth: 1.5, className: "w-3 h-3" }),
             " Lines"
           ]
         }
@@ -1267,7 +1267,7 @@ var QueryEditor = 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),
@@ -1284,15 +1284,15 @@ var QueryEditor = 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__ */ jsx(Zap, { className: "w-3 h-3" }),
+              /* @__PURE__ */ jsx(Zap, { strokeWidth: 1.5, className: "w-3 h-3" }),
               " Explain"
             ]
           }
         ),
-        /* @__PURE__ */ 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__ */ 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__ */ jsx(AnimatePresence, { children: showAi && /* @__PURE__ */ jsx(
@@ -1310,8 +1310,8 @@ var QueryEditor = forwardRef(({
             children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-3 py-1.5 border-b border-white/5 mb-1.5", children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx("div", { className: "p-1 rounded-md bg-blue-500/10", children: /* @__PURE__ */ jsx(Sparkles, { className: "w-3.5 h-3.5 text-blue-400" }) }),
-                  /* @__PURE__ */ jsx("span", { className: "text-label font-black text-blue-400 uppercase tracking-[0.2em]", children: "Expert DBA Mode" })
+                  /* @__PURE__ */ jsx("div", { className: "p-1 rounded-md bg-blue-500/10", children: /* @__PURE__ */ jsx(Sparkles, { strokeWidth: 1.5, className: "w-3 h-3 text-blue-400" }) }),
+                  /* @__PURE__ */ jsx("span", { className: "text-[0.625rem] font-black text-blue-400", children: "Expert DBA Mode" })
                 ] }),
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                   aiConversationHistory.length > 0 && /* @__PURE__ */ jsxs(
@@ -1319,7 +1319,7 @@ var QueryEditor = 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,
@@ -1327,7 +1327,7 @@ var QueryEditor = forwardRef(({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsxs("span", { className: "text-label text-zinc-500 font-medium", children: [
+                  /* @__PURE__ */ jsxs("span", { className: "text-[0.625rem] text-zinc-500 font-medium", children: [
                     "Context: ",
                     tables.length,
                     " tables"
@@ -1343,10 +1343,10 @@ var QueryEditor = forwardRef(({
                   exit: { height: 0, opacity: 0 },
                   className: "px-3 pb-2",
                   children: /* @__PURE__ */ 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__ */ jsx("div", { className: "p-1 rounded bg-red-500/20 mt-0.5", children: /* @__PURE__ */ jsx(X, { className: "w-3 h-3 text-red-400" }) }),
+                    /* @__PURE__ */ jsx("div", { className: "p-1 rounded bg-red-500/20 mt-0.5", children: /* @__PURE__ */ jsx(X, { strokeWidth: 1.5, className: "w-3 h-3 text-red-400" }) }),
                     /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-                      /* @__PURE__ */ jsx("p", { className: "text-body font-bold text-red-400 uppercase tracking-tight mb-0.5", children: "AI Error" }),
-                      /* @__PURE__ */ jsx("p", { className: "text-data text-red-300/90 leading-relaxed", children: aiError })
+                      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-red-400 mb-0.5", children: "AI Error" }),
+                      /* @__PURE__ */ jsx("p", { className: "text-xs text-red-300/90 leading-relaxed", children: aiError })
                     ] }),
                     /* @__PURE__ */ jsx(
                       "button",
@@ -1354,7 +1354,7 @@ var QueryEditor = forwardRef(({
                         type: "button",
                         onClick: () => setAiError(null),
                         className: "text-red-400/50 hover:text-red-400 transition-colors",
-                        children: /* @__PURE__ */ jsx(X, { className: "w-3.5 h-3.5" })
+                        children: /* @__PURE__ */ jsx(X, { strokeWidth: 1.5, className: "w-3 h-3" })
                       }
                     )
                   ] })
@@ -1368,7 +1368,7 @@ var QueryEditor = 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__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
@@ -1378,7 +1378,7 @@ var QueryEditor = forwardRef(({
                       type: "button",
                       onClick: () => setShowAi(false),
                       className: "p-2.5 rounded-xl hover:bg-white/5 text-zinc-500 transition-colors",
-                      children: /* @__PURE__ */ jsx(X, { className: "w-4.5 h-4.5" })
+                      children: /* @__PURE__ */ jsx(X, { strokeWidth: 1.5, className: "w-3.5 h-3.5" })
                     }
                   ),
                   /* @__PURE__ */ jsx(
@@ -1386,13 +1386,13 @@ var QueryEditor = 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__ */ jsxs(Fragment, { children: [
-                        /* @__PURE__ */ jsx(Loader2, { className: "w-3.5 h-3.5 animate-spin" }),
+                        /* @__PURE__ */ jsx(Loader2, { strokeWidth: 1.5, className: "w-3 h-3 animate-spin" }),
                         /* @__PURE__ */ jsx("span", { children: "Thinking..." })
                       ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
                         /* @__PURE__ */ jsx("span", { children: "Generate" }),
-                        /* @__PURE__ */ jsx(Send, { className: "w-3.5 h-3.5" })
+                        /* @__PURE__ */ jsx(Send, { strokeWidth: 1.5, className: "w-3 h-3" })
                       ] })
                     }
                   )
@@ -1412,7 +1412,7 @@ var QueryEditor = forwardRef(({
         value,
         beforeMount: handleBeforeMount,
         onChange: handleEditorChange,
-        loading: /* @__PURE__ */ jsx("div", { className: "h-full w-full bg-[#050505] flex items-center justify-center", children: /* @__PURE__ */ jsx(Loader2, { className: "w-6 h-6 animate-spin text-zinc-800" }) }),
+        loading: /* @__PURE__ */ jsx("div", { className: "h-full w-full bg-[#050505] flex items-center justify-center", children: /* @__PURE__ */ jsx(Loader2, { strokeWidth: 1.5, className: "w-6 h-6 animate-spin text-zinc-800" }) }),
         onMount: (editor, monaco2) => {
           editorRef.current = editor;
           editor.onDidBlurEditorText(() => {
@@ -2046,10 +2046,10 @@ function ResultCard({
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-3", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsx("div", { className: "w-8 h-8 rounded-lg bg-blue-500/10 flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx(Hash, { className: "w-4 h-4 text-blue-400" }) }),
+            /* @__PURE__ */ jsx("div", { className: "w-8 h-8 rounded-lg bg-blue-500/10 flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx(Hash, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-blue-400" }) }),
             /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
               /* @__PURE__ */ 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__ */ jsxs("p", { className: "text-xs text-zinc-500 font-mono", children: [
@@ -2058,7 +2058,7 @@ function ResultCard({
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsx(ChevronRight, { className: "w-4 h-4 text-zinc-600" })
+          /* @__PURE__ */ jsx(ChevronRight, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-zinc-600" })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
           previewFields.map((field) => {
@@ -2069,7 +2069,7 @@ function ResultCard({
             return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs", children: [
               /* @__PURE__ */ jsxs("span", { className: "text-zinc-500 truncate mr-2", children: [
                 field,
-                isMasked && /* @__PURE__ */ jsx(Lock, { className: "w-2.5 h-2.5 inline ml-1 text-purple-400" })
+                isMasked && /* @__PURE__ */ jsx(Lock, { strokeWidth: 1.5, className: "w-2.5 h-2.5 inline ml-1 text-purple-400" })
               ] }),
               /* @__PURE__ */ jsx("span", { className: cn("truncate max-w-[60%] text-right font-mono", className), children: displayValue })
             ] }, field);
@@ -2280,7 +2280,7 @@ function RowDetailSheet({
   return /* @__PURE__ */ jsx(Sheet, { open: isOpen, onOpenChange: onClose, children: /* @__PURE__ */ jsxs(SheetContent, { side: "bottom", className: "h-[85vh] bg-[#0a0a0a] border-t border-white/10 rounded-t-3xl", children: [
     /* @__PURE__ */ jsx(SheetHeader, { className: "pb-4 border-b border-white/5", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsxs(SheetTitle, { className: "text-zinc-100 flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "w-8 h-8 rounded-lg bg-blue-500/10 flex items-center justify-center", children: /* @__PURE__ */ jsx(FileJson, { className: "w-4 h-4 text-blue-400" }) }),
+        /* @__PURE__ */ jsx("div", { className: "w-8 h-8 rounded-lg bg-blue-500/10 flex items-center justify-center", children: /* @__PURE__ */ jsx(FileJson, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-blue-400" }) }),
         "Row #",
         rowIndex + 1
       ] }),
@@ -2292,10 +2292,10 @@ function RowDetailSheet({
           className: "h-8 text-xs border-white/10 hover:bg-white/5",
           onClick: copyAllAsJson,
           children: copiedField === "__all__" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(Check, { className: "w-3 h-3 mr-1 text-emerald-400" }),
+            /* @__PURE__ */ jsx(Check, { strokeWidth: 1.5, className: "w-3 h-3 mr-1 text-emerald-400" }),
             " Copied"
           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(Copy, { className: "w-3 h-3 mr-1" }),
+            /* @__PURE__ */ jsx(Copy, { strokeWidth: 1.5, className: "w-3 h-3 mr-1" }),
             " Copy JSON"
           ] })
         }
@@ -2310,12 +2310,12 @@ function RowDetailSheet({
           className: "group p-3 rounded-lg hover:bg-white/5 transition-colors",
           children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsxs("p", { className: "text-xs uppercase tracking-widest text-zinc-500 mb-1 font-mono flex items-center gap-1", children: [
+              /* @__PURE__ */ jsxs("p", { className: "text-xs text-zinc-500 mb-1 font-mono flex items-center gap-1", children: [
                 field,
-                isMasked && /* @__PURE__ */ jsx(Lock, { className: "w-2.5 h-2.5 text-purple-400" })
+                isMasked && /* @__PURE__ */ jsx(Lock, { strokeWidth: 1.5, className: "w-2.5 h-2.5 text-purple-400" })
               ] }),
               /* @__PURE__ */ 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 })
@@ -2339,7 +2339,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__ */ jsx(Check, { className: "w-3.5 h-3.5 text-emerald-400" }) : /* @__PURE__ */ jsx(Copy, { className: "w-3.5 h-3.5 text-zinc-500" })
+                  children: copiedField === field ? /* @__PURE__ */ jsx(Check, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-emerald-400" }) : /* @__PURE__ */ jsx(Copy, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-zinc-500" })
                 }
               )
             ] })
@@ -2386,14 +2386,14 @@ function StatsBar({
           onClick: onClearFilters,
           title: "Clear all filters",
           children: [
-            /* @__PURE__ */ jsx(Filter, { className: "w-3 h-3" }),
+            /* @__PURE__ */ jsx(Filter, { strokeWidth: 1.5, className: "w-3 h-3" }),
             activeFilterCount,
             " filter",
             activeFilterCount > 1 ? "s" : "",
             " \u2022 ",
             filteredRowCount,
             " shown",
-            /* @__PURE__ */ jsx(X, { className: "w-3 h-3" })
+            /* @__PURE__ */ jsx(X, { strokeWidth: 1.5, className: "w-3 h-3" })
           ]
         }
       ),
@@ -2406,7 +2406,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,
@@ -2416,8 +2416,8 @@ function StatsBar({
             effectiveMaskingEnabled ? "MASKED" : "MASK"
           ]
         }
-      ) : effectiveMaskingEnabled ? /* @__PURE__ */ 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__ */ jsx(Lock, { className: "w-3 h-3" }),
+      ) : effectiveMaskingEnabled ? /* @__PURE__ */ 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__ */ jsx(Lock, { strokeWidth: 1.5, className: "w-3 h-3" }),
         "MASKED"
       ] }) : null),
       editingEnabled && pendingChanges && pendingChanges.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
@@ -2433,7 +2433,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__ */ jsx(Save, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ jsx(Save, { strokeWidth: 1.5, className: "w-3 h-3" })
           }
         ),
         /* @__PURE__ */ jsx(
@@ -2443,7 +2443,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__ */ jsx(X, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ jsx(X, { strokeWidth: 1.5, className: "w-3 h-3" })
           }
         )
       ] }),
@@ -2460,7 +2460,7 @@ function StatsBar({
               "p-1.5 rounded transition-all",
               viewMode === "card" ? "bg-blue-600 text-white" : "text-zinc-500"
             ),
-            children: /* @__PURE__ */ jsx(LayoutGrid, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ jsx(LayoutGrid, { strokeWidth: 1.5, className: "w-3.5 h-3.5" })
           }
         ),
         /* @__PURE__ */ jsx(
@@ -2471,7 +2471,7 @@ function StatsBar({
               "p-1.5 rounded transition-all",
               viewMode === "table" ? "bg-blue-600 text-white" : "text-zinc-500"
             ),
-            children: /* @__PURE__ */ jsx(Table2, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ jsx(Table2, { strokeWidth: 1.5, className: "w-3.5 h-3.5" })
           }
         )
       ] })
@@ -2489,10 +2489,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__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Loader2, { className: "w-3 h-3 mr-2 animate-spin" }),
+        /* @__PURE__ */ jsx(Loader2, { strokeWidth: 1.5, className: "w-3 h-3 mr-2 animate-spin" }),
         "Loading..."
       ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(ChevronDown, { className: "w-3 h-3 mr-2" }),
+        /* @__PURE__ */ jsx(ChevronDown, { strokeWidth: 1.5, className: "w-3 h-3 mr-2" }),
         "Load More (500 rows)"
       ] })
     }
@@ -2613,8 +2613,8 @@ function ResultsGrid({
               onClick: () => column.toggleSorting(column.getIsSorted() === "asc"),
               children: [
                 /* @__PURE__ */ jsx("span", { className: "truncate", children: field }),
-                isSensitive && /* @__PURE__ */ jsx("span", { title: "Masked column", children: /* @__PURE__ */ jsx(Lock, { className: "w-3 h-3 text-purple-400 shrink-0" }) }),
-                /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 opacity-0 group-hover/header:opacity-100 transition-opacity", children: column.getIsSorted() === "asc" ? /* @__PURE__ */ jsx(ArrowUp, { className: "w-3 h-3" }) : column.getIsSorted() === "desc" ? /* @__PURE__ */ jsx(ArrowDown, { className: "w-3 h-3" }) : /* @__PURE__ */ jsx(ArrowUpDown, { className: "w-3 h-3" }) })
+                isSensitive && /* @__PURE__ */ jsx("span", { title: "Masked column", children: /* @__PURE__ */ jsx(Lock, { strokeWidth: 1.5, className: "w-3 h-3 text-purple-400 shrink-0" }) }),
+                /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 opacity-0 group-hover/header:opacity-100 transition-opacity", children: column.getIsSorted() === "asc" ? /* @__PURE__ */ jsx(ArrowUp, { className: "w-3 h-3" }) : column.getIsSorted() === "desc" ? /* @__PURE__ */ jsx(ArrowDown, { strokeWidth: 1.5, className: "w-3 h-3" }) : /* @__PURE__ */ jsx(ArrowUpDown, { strokeWidth: 1.5, className: "w-3 h-3" }) })
               ]
             }
           ),
@@ -2630,7 +2630,7 @@ function ResultsGrid({
                 setActiveFilterCol(activeFilterCol === field ? null : field);
               },
               title: "Filter column",
-              children: /* @__PURE__ */ jsx(Filter, { className: "w-3 h-3" })
+              children: /* @__PURE__ */ jsx(Filter, { strokeWidth: 1.5, className: "w-3 h-3" })
             }
           ),
           activeFilterCol === field && /* @__PURE__ */ jsxs(
@@ -2654,7 +2654,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__ */ jsx(
@@ -2740,7 +2740,7 @@ function ResultsGrid({
           const { display: display2, className: className2 } = formatCellValue(val);
           return /* @__PURE__ */ jsxs("div", { className: "truncate w-full h-full flex items-center gap-1", children: [
             /* @__PURE__ */ jsx("span", { className: className2, children: display2 }),
-            /* @__PURE__ */ jsx(Lock, { className: "w-2.5 h-2.5 text-purple-400/50 shrink-0" })
+            /* @__PURE__ */ jsx(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;
@@ -2801,7 +2801,7 @@ function ResultsGrid({
   if (!result || result.rows.length === 0) {
     return /* @__PURE__ */ 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__ */ 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__ */ jsx("span", { className: "text-2xl text-zinc-500", children: "\u2205" }) }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-zinc-400", children: "Query returned no data" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-zinc-400", children: "Query returned no data" }),
       /* @__PURE__ */ 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." })
     ] });
   }
@@ -2884,13 +2884,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__ */ jsx(Lock, { className: "w-2.5 h-2.5 text-purple-400" })
+                  isSensitive && /* @__PURE__ */ jsx(Lock, { strokeWidth: 1.5, className: "w-2.5 h-2.5 text-purple-400" })
                 ]
               },
               field
@@ -2955,7 +2955,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 : flexRender(header.column.columnDef.header, header.getContext()),
                 /* @__PURE__ */ jsx(
@@ -3037,9 +3037,9 @@ var TableNode = ({ data }) => {
   const fkColumns = new Set((table.foreignKeys || []).map((fk) => fk.columnName));
   return /* @__PURE__ */ 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__ */ jsxs("div", { className: "bg-blue-600/10 px-3 py-2 border-b border-white/5 flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx(Database, { className: "w-3.5 h-3.5 text-blue-400" }),
-      /* @__PURE__ */ jsx("span", { className: "text-xs font-bold text-zinc-100 uppercase tracking-wider", children: table.name }),
-      /* @__PURE__ */ jsxs("span", { className: "text-label text-zinc-600 ml-auto", children: [
+      /* @__PURE__ */ jsx(Database, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-blue-400" }),
+      /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-zinc-100r", children: table.name }),
+      /* @__PURE__ */ jsxs("span", { className: "text-[0.625rem] text-zinc-600 ml-auto", children: [
         ((_a = table.columns) == null ? void 0 : _a.length) || 0,
         " cols"
       ] })
@@ -3066,14 +3066,14 @@ var TableNode = ({ data }) => {
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          col.isPrimary ? /* @__PURE__ */ jsx(Key, { className: "w-2.5 h-2.5 text-yellow-500" }) : isFk ? /* @__PURE__ */ jsx(Link2, { className: "w-2.5 h-2.5 text-blue-400" }) : col.type.toLowerCase().includes("int") ? /* @__PURE__ */ jsx(Hash, { className: "w-2.5 h-2.5 text-zinc-500" }) : /* @__PURE__ */ jsx(Type, { className: "w-2.5 h-2.5 text-zinc-500" }),
+          col.isPrimary ? /* @__PURE__ */ jsx(Key, { strokeWidth: 1.5, className: "w-2.5 h-2.5 text-yellow-500" }) : isFk ? /* @__PURE__ */ jsx(Link2, { strokeWidth: 1.5, className: "w-2.5 h-2.5 text-blue-400" }) : col.type.toLowerCase().includes("int") ? /* @__PURE__ */ jsx(Hash, { strokeWidth: 1.5, className: "w-2.5 h-2.5 text-zinc-500" }) : /* @__PURE__ */ jsx(Type, { strokeWidth: 1.5, className: "w-2.5 h-2.5 text-zinc-500" }),
           /* @__PURE__ */ jsx("span", { className: col.isPrimary ? "text-yellow-500/90 font-medium" : isFk ? "text-blue-400/80" : "text-zinc-400", children: col.name })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-          col.nullable === false && /* @__PURE__ */ jsx("span", { className: "text-micro text-red-500/60", children: "NN" }),
-          /* @__PURE__ */ jsx("span", { className: "text-label text-zinc-600 font-mono uppercase", children: col.type })
+          col.nullable === false && /* @__PURE__ */ jsx("span", { className: "text-[0.5rem] text-red-500/60", children: "NN" }),
+          /* @__PURE__ */ jsx("span", { className: "text-[0.625rem] text-zinc-600 font-mono uppercase", children: col.type })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "absolute left-full ml-2 top-0 z-50 hidden group-hover:block", children: /* @__PURE__ */ jsxs("div", { className: "bg-[#1a1a1a] border border-white/10 rounded px-2 py-1 text-label whitespace-nowrap shadow-xl", children: [
+        /* @__PURE__ */ jsx("div", { className: "absolute left-full ml-2 top-0 z-50 hidden group-hover:block", children: /* @__PURE__ */ jsxs("div", { className: "bg-[#1a1a1a] border border-white/10 rounded px-2 py-1 text-[0.625rem] whitespace-nowrap shadow-xl", children: [
           /* @__PURE__ */ jsxs("div", { className: "text-zinc-300", children: [
             col.name,
             ": ",
@@ -3286,8 +3286,8 @@ function SchemaDiagramInner({ schema, onClose }) {
   }, []);
   if (schema.length === 0) {
     return /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 z-50 bg-[#050505] flex flex-col items-center justify-center", children: [
-      /* @__PURE__ */ jsx(Loader2, { className: "w-8 h-8 text-blue-500 animate-spin mb-4" }),
-      /* @__PURE__ */ jsx("p", { className: "text-zinc-500 text-sm", children: "Generating ERD Diagram..." })
+      /* @__PURE__ */ jsx(Loader2, { strokeWidth: 1.5, className: "w-8 h-8 text-blue-500 animate-spin mb-4" }),
+      /* @__PURE__ */ jsx("p", { className: "text-zinc-500 text-xs", children: "Generating ERD Diagram..." })
     ] });
   }
   const hasForeignKeys = schema.some((t) => (t.foreignKeys || []).length > 0);
@@ -3327,7 +3327,7 @@ function SchemaDiagramInner({ schema, onClose }) {
                   className: "bg-[#0d0d0d] border-white/10 hover:bg-white/5 text-xs gap-1",
                   onClick: () => exportDiagram("png"),
                   children: [
-                    /* @__PURE__ */ jsx(Download, { className: "w-3 h-3" }),
+                    /* @__PURE__ */ jsx(Download, { strokeWidth: 1.5, className: "w-3 h-3" }),
                     " PNG"
                   ]
                 }
@@ -3340,7 +3340,7 @@ function SchemaDiagramInner({ schema, onClose }) {
                   className: "bg-[#0d0d0d] border-white/10 hover:bg-white/5 text-xs gap-1",
                   onClick: () => exportDiagram("svg"),
                   children: [
-                    /* @__PURE__ */ jsx(Download, { className: "w-3 h-3" }),
+                    /* @__PURE__ */ jsx(Download, { strokeWidth: 1.5, className: "w-3 h-3" }),
                     " SVG"
                   ]
                 }
@@ -3365,12 +3365,12 @@ function SchemaDiagramInner({ schema, onClose }) {
                   size: "icon",
                   className: "rounded-full bg-[#0d0d0d] border-white/10 hover:bg-white/5",
                   onClick: onClose,
-                  children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
+                  children: /* @__PURE__ */ jsx(X, { strokeWidth: 1.5, className: "w-3.5 h-3.5" })
                 }
               )
             ] }) }),
             /* @__PURE__ */ jsx(Panel, { position: "top-left", className: "p-4", children: /* @__PURE__ */ jsxs("div", { className: "bg-[#0d0d0d]/80 backdrop-blur-md border border-white/10 p-3 rounded-xl shadow-2xl space-y-2", children: [
-              /* @__PURE__ */ jsxs("h3", { className: "text-xs font-bold text-white uppercase tracking-widest mb-1 flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxs("h3", { className: "text-xs font-medium text-white mb-1 flex items-center gap-2", children: [
                 /* @__PURE__ */ jsx("div", { className: "w-2 h-2 rounded-full bg-blue-500 animate-pulse" }),
                 "ERD Visualizer"
               ] }),
@@ -3385,7 +3385,7 @@ function SchemaDiagramInner({ schema, onClose }) {
                 ] })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-                /* @__PURE__ */ jsx(Search, { className: "absolute left-2 top-1/2 -translate-y-1/2 w-3 h-3 text-zinc-600" }),
+                /* @__PURE__ */ jsx(Search, { strokeWidth: 1.5, className: "absolute left-2 top-1/2 -translate-y-1/2 w-3 h-3 text-zinc-600" }),
                 /* @__PURE__ */ jsx(
                   "input",
                   {
@@ -3397,13 +3397,13 @@ function SchemaDiagramInner({ schema, onClose }) {
                   }
                 )
               ] }),
-              !hasForeignKeys && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-1.5 text-label text-amber-500/80", children: [
-                /* @__PURE__ */ jsx(Info, { className: "w-3 h-3 mt-0.5 shrink-0" }),
+              !hasForeignKeys && /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-1.5 text-[0.625rem] text-amber-500/80", children: [
+                /* @__PURE__ */ jsx(Info, { strokeWidth: 1.5, className: "w-3 h-3 mt-0.5 shrink-0" }),
                 /* @__PURE__ */ jsx("span", { children: "No FK data available. Showing heuristic relationships (dashed)." })
               ] }),
               selectedNode && /* @__PURE__ */ jsxs("div", { className: "text-xs text-blue-400 border-t border-white/5 pt-2", children: [
                 "Selected: ",
-                /* @__PURE__ */ jsx("span", { className: "font-mono font-bold", children: selectedNode }),
+                /* @__PURE__ */ jsx("span", { className: "font-mono font-medium", children: selectedNode }),
                 /* @__PURE__ */ jsx("button", { onClick: () => setSelectedNode(null), className: "ml-2 text-zinc-600 hover:text-zinc-400", children: "clear" })
               ] })
             ] }) })
@@ -3744,7 +3744,7 @@ var CustomTooltip = ({ active, payload, label }) => {
   if (!active || !payload || !payload.length) return null;
   return /* @__PURE__ */ jsxs("div", { className: "bg-[#111] border border-white/10 rounded-lg px-3 py-2 shadow-xl", children: [
     /* @__PURE__ */ jsx("p", { className: "text-zinc-400 text-xs mb-1", children: label }),
-    payload.map((entry, index) => /* @__PURE__ */ jsxs("p", { className: "text-sm", style: { color: entry.color }, children: [
+    payload.map((entry, index) => /* @__PURE__ */ jsxs("p", { className: "text-xs", style: { color: entry.color }, children: [
       entry.name,
       ": ",
       /* @__PURE__ */ jsx("span", { className: "font-mono font-medium", children: formatNumber(entry.value) })
@@ -3991,30 +3991,30 @@ function DataCharts({ result }) {
   if (!analysis.isVisualizable) {
     return /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col items-center justify-center bg-[#080808] text-zinc-500", children: [
       /* @__PURE__ */ jsx(TrendingUp, { className: "w-12 h-12 mb-4 opacity-30" }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium mb-1", children: "Cannot Visualize Data" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium mb-1", children: "Cannot Visualize Data" }),
       /* @__PURE__ */ jsx("p", { className: "text-xs text-zinc-600", children: analysis.reason })
     ] });
   }
   const chartTypes = [
-    { type: "bar", icon: /* @__PURE__ */ jsx(BarChart3, { className: "w-4 h-4" }), label: "Bar" },
-    { type: "line", icon: /* @__PURE__ */ jsx(LineChart$1, { className: "w-4 h-4" }), label: "Line" },
-    { type: "pie", icon: /* @__PURE__ */ jsx(PieChart$1, { className: "w-4 h-4" }), label: "Pie" },
-    { type: "area", icon: /* @__PURE__ */ jsx(AreaChart$1, { className: "w-4 h-4" }), label: "Area" },
-    { type: "scatter", icon: /* @__PURE__ */ jsx(Circle, { className: "w-4 h-4" }), label: "Scatter" },
-    { type: "histogram", icon: /* @__PURE__ */ jsx(BarChart2, { className: "w-4 h-4" }), label: "Histogram" },
-    { type: "stacked-bar", icon: /* @__PURE__ */ jsx(BarChart3, { className: "w-4 h-4" }), label: "Stacked" },
-    { type: "stacked-area", icon: /* @__PURE__ */ jsx(AreaChart$1, { className: "w-4 h-4" }), label: "Stack Area" }
+    { type: "bar", icon: /* @__PURE__ */ jsx(BarChart3, { strokeWidth: 1.5, className: "w-3.5 h-3.5" }), label: "Bar" },
+    { type: "line", icon: /* @__PURE__ */ jsx(LineChart$1, { strokeWidth: 1.5, className: "w-3.5 h-3.5" }), label: "Line" },
+    { type: "pie", icon: /* @__PURE__ */ jsx(PieChart$1, { strokeWidth: 1.5, className: "w-3.5 h-3.5" }), label: "Pie" },
+    { type: "area", icon: /* @__PURE__ */ jsx(AreaChart$1, { strokeWidth: 1.5, className: "w-3.5 h-3.5" }), label: "Area" },
+    { type: "scatter", icon: /* @__PURE__ */ jsx(Circle, { strokeWidth: 1.5, className: "w-3.5 h-3.5" }), label: "Scatter" },
+    { type: "histogram", icon: /* @__PURE__ */ jsx(BarChart2, { strokeWidth: 1.5, className: "w-3.5 h-3.5" }), label: "Histogram" },
+    { type: "stacked-bar", icon: /* @__PURE__ */ jsx(BarChart3, { strokeWidth: 1.5, className: "w-3.5 h-3.5" }), label: "Stacked" },
+    { type: "stacked-area", icon: /* @__PURE__ */ jsx(AreaChart$1, { strokeWidth: 1.5, className: "w-3.5 h-3.5" }), label: "Stack Area" }
   ];
   const getFieldIcon = (type) => {
     switch (type) {
       case "numeric":
-        return /* @__PURE__ */ jsx(Hash, { className: "w-3 h-3" });
+        return /* @__PURE__ */ jsx(Hash, { strokeWidth: 1.5, className: "w-3 h-3" });
       case "date":
         return /* @__PURE__ */ jsx(Calendar, { className: "w-3 h-3" });
       case "categorical":
-        return /* @__PURE__ */ jsx(Type, { className: "w-3 h-3" });
+        return /* @__PURE__ */ jsx(Type, { strokeWidth: 1.5, className: "w-3 h-3" });
       default:
-        return /* @__PURE__ */ jsx(AlertCircle, { className: "w-3 h-3" });
+        return /* @__PURE__ */ jsx(AlertCircle, { strokeWidth: 1.5, className: "w-3 h-3" });
     }
   };
   return /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col bg-[#080808]", children: [
@@ -4037,7 +4037,7 @@ function DataCharts({ result }) {
       )) }),
       /* @__PURE__ */ jsx("div", { className: "h-4 w-px bg-white/10 hidden sm:block" }),
       chartType !== "pie" && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-600 uppercase tracking-wider", children: "X-Axis" }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-600r", children: "X-Axis" }),
         /* @__PURE__ */ jsxs(Select, { value: xAxis, onValueChange: setXAxis, children: [
           /* @__PURE__ */ jsx(SelectTrigger, { className: "h-7 w-[140px] text-xs bg-white/5 border-white/10", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select field" }) }),
           /* @__PURE__ */ jsx(SelectContent, { className: "bg-[#111] border-white/10", children: analysis.fields.map((field) => /* @__PURE__ */ jsx(SelectItem, { value: field.name, className: "text-xs", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
@@ -4047,11 +4047,11 @@ function DataCharts({ result }) {
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-600 uppercase tracking-wider", children: chartType === "pie" ? "Value" : "Y-Axis" }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-600r", children: chartType === "pie" ? "Value" : "Y-Axis" }),
         /* @__PURE__ */ jsxs(DropdownMenu, { children: [
           /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ 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__ */ jsx(Settings2, { className: "w-3 h-3 ml-1" })
+            /* @__PURE__ */ jsx(Settings2, { strokeWidth: 1.5, className: "w-3 h-3 ml-1" })
           ] }) }),
           /* @__PURE__ */ jsx(DropdownMenuContent, { className: "bg-[#111] border-white/10", children: analysis.numericFields.map((field) => /* @__PURE__ */ jsxs(
             DropdownMenuItem,
@@ -4062,7 +4062,7 @@ function DataCharts({ result }) {
                 yAxis.includes(field) && "bg-blue-600/20 text-blue-400"
               ),
               children: [
-                /* @__PURE__ */ jsx(Hash, { className: "w-3 h-3 mr-2" }),
+                /* @__PURE__ */ jsx(Hash, { strokeWidth: 1.5, className: "w-3 h-3 mr-2" }),
                 field,
                 yAxis.includes(field) && /* @__PURE__ */ jsx("span", { className: "ml-auto", children: "\u2713" })
               ]
@@ -4072,28 +4072,28 @@ function DataCharts({ result }) {
         ] })
       ] }),
       chartType === "scatter" && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-600 uppercase tracking-wider", children: "Y" }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-600r", children: "Y" }),
         /* @__PURE__ */ jsxs(Select, { value: scatterY, onValueChange: setScatterY, children: [
           /* @__PURE__ */ jsx(SelectTrigger, { className: "h-7 w-[120px] text-xs bg-white/5 border-white/10", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Y field" }) }),
           /* @__PURE__ */ jsx(SelectContent, { className: "bg-[#111] border-white/10", children: analysis.numericFields.filter((f) => f !== xAxis).map((field) => /* @__PURE__ */ jsx(SelectItem, { value: field, className: "text-xs", children: field }, field)) })
         ] })
       ] }),
       chartType === "histogram" && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-600 uppercase tracking-wider", children: "Buckets" }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-600r", children: "Buckets" }),
         /* @__PURE__ */ jsxs(Select, { value: String(histogramBuckets), onValueChange: (v) => setHistogramBuckets(Number(v)), children: [
           /* @__PURE__ */ jsx(SelectTrigger, { className: "h-7 w-[70px] text-xs bg-white/5 border-white/10", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
           /* @__PURE__ */ jsx(SelectContent, { className: "bg-[#111] border-white/10", children: [5, 10, 20, 50].map((n) => /* @__PURE__ */ jsx(SelectItem, { value: String(n), className: "text-xs", children: n }, n)) })
         ] })
       ] }),
       chartType !== "scatter" && chartType !== "histogram" && chartType !== "pie" && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-600 uppercase tracking-wider", children: "Agg" }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-600r", children: "Agg" }),
         /* @__PURE__ */ jsxs(Select, { value: aggregation, onValueChange: (v) => setAggregation(v), children: [
           /* @__PURE__ */ jsx(SelectTrigger, { className: "h-7 w-[80px] text-xs bg-white/5 border-white/10", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-          /* @__PURE__ */ jsx(SelectContent, { className: "bg-[#111] border-white/10", children: ["none", "sum", "avg", "count", "min", "max"].map((a) => /* @__PURE__ */ jsx(SelectItem, { value: a, className: "text-xs uppercase", children: a }, a)) })
+          /* @__PURE__ */ jsx(SelectContent, { className: "bg-[#111] border-white/10", children: ["none", "sum", "avg", "count", "min", "max"].map((a) => /* @__PURE__ */ jsx(SelectItem, { value: a, className: "text-xs", children: a }, a)) })
         ] })
       ] }),
       analysis.dateFields.length > 0 && chartType !== "scatter" && chartType !== "histogram" && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-600 uppercase tracking-wider", children: "Group" }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-600r", children: "Group" }),
         /* @__PURE__ */ jsxs(Select, { value: dateGrouping || "none", onValueChange: (v) => setDateGrouping(v === "none" ? "" : v), children: [
           /* @__PURE__ */ jsx(SelectTrigger, { className: "h-7 w-[80px] text-xs bg-white/5 border-white/10", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
           /* @__PURE__ */ jsxs(SelectContent, { className: "bg-[#111] border-white/10", children: [
@@ -4120,12 +4120,12 @@ function DataCharts({ result }) {
         /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", className: "h-7 text-xs text-zinc-500", onClick: () => setShowSaveDialog(false), children: "Cancel" })
       ] }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", className: "h-7 text-xs text-zinc-500 hover:text-white gap-1", onClick: () => setShowSaveDialog(true), children: [
-          /* @__PURE__ */ jsx(Save, { className: "w-3 h-3" }),
+          /* @__PURE__ */ jsx(Save, { strokeWidth: 1.5, className: "w-3 h-3" }),
           " Save"
         ] }),
         savedCharts.length > 0 && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
           /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", className: "h-7 text-xs text-zinc-500 hover:text-white gap-1", children: [
-            /* @__PURE__ */ jsx(FolderOpen, { className: "w-3 h-3" }),
+            /* @__PURE__ */ jsx(FolderOpen, { strokeWidth: 1.5, className: "w-3 h-3" }),
             " Saved (",
             savedCharts.length,
             ")"
@@ -4143,13 +4143,13 @@ function DataCharts({ result }) {
             /* @__PURE__ */ jsx("button", { onClick: (e) => {
               e.stopPropagation();
               deleteSavedChart(chart.id);
-            }, className: "text-zinc-600 hover:text-red-400", children: /* @__PURE__ */ jsx(X, { className: "w-3 h-3" }) })
+            }, className: "text-zinc-600 hover:text-red-400", children: /* @__PURE__ */ jsx(X, { strokeWidth: 1.5, className: "w-3 h-3" }) })
           ] }, chart.id)) })
         ] })
       ] }),
       /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-        /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", className: "h-7 text-xs font-bold uppercase text-zinc-500 hover:text-white gap-1", children: [
-          /* @__PURE__ */ jsx(Download, { className: "w-3 h-3" }),
+        /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", className: "h-7 text-xs font-medium text-zinc-500 hover:text-white gap-1", children: [
+          /* @__PURE__ */ jsx(Download, { strokeWidth: 1.5, className: "w-3 h-3" }),
           " Export"
         ] }) }),
         /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "bg-[#111] border-white/10", children: [
@@ -4158,7 +4158,7 @@ function DataCharts({ result }) {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx("div", { ref: chartRef, className: "flex-1 p-4 min-h-0", children: yAxis.length === 0 ? /* @__PURE__ */ 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__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: chartType === "bar" ? /* @__PURE__ */ jsxs(BarChart, { data: chartData, margin: { top: 20, right: 30, left: 20, bottom: 60 }, children: [
+    /* @__PURE__ */ jsx("div", { ref: chartRef, className: "flex-1 p-4 min-h-0", children: yAxis.length === 0 ? /* @__PURE__ */ 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__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: chartType === "bar" ? /* @__PURE__ */ jsxs(BarChart, { data: chartData, margin: { top: 20, right: 30, left: 20, bottom: 60 }, children: [
       /* @__PURE__ */ jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: "#222" }),
       /* @__PURE__ */ jsx(
         XAxis,
@@ -4602,12 +4602,12 @@ function CodeGenerator({
   return /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm", children: /* @__PURE__ */ jsxs("div", { className: "bg-[#111] border border-white/10 rounded-xl shadow-2xl w-full max-w-xl mx-4 overflow-hidden", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-5 py-3 border-b border-white/5", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(Code, { className: "w-4 h-4 text-purple-400" }),
-        /* @__PURE__ */ jsx("span", { className: "text-sm font-bold text-zinc-200", children: "Code Generator" }),
+        /* @__PURE__ */ jsx(Code, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-purple-400" }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-zinc-200", children: "Code Generator" }),
         /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-500 font-mono", children: tableName }),
         databaseType && /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-600 font-mono uppercase", children: databaseType })
       ] }),
-      /* @__PURE__ */ jsx("button", { onClick: onClose, className: "p-1 rounded hover:bg-white/5 text-zinc-500", children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" }) })
+      /* @__PURE__ */ jsx("button", { onClick: onClose, className: "p-1 rounded hover:bg-white/5 text-zinc-500", children: /* @__PURE__ */ jsx(X, { strokeWidth: 1.5, className: "w-3.5 h-3.5" }) })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "px-5 py-2 border-b border-white/5 bg-[#0a0a0a]", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ jsxs(
@@ -4617,7 +4617,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__ */ jsx(ChevronDown, { className: "w-3 h-3 text-zinc-500" })
+            /* @__PURE__ */ jsx(ChevronDown, { strokeWidth: 1.5, className: "w-3 h-3 text-zinc-500" })
           ]
         }
       ),
@@ -4638,14 +4638,14 @@ function CodeGenerator({
       )) })
     ] }) }),
     /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx(Check, { className: "w-3 h-3 text-emerald-400" }) : /* @__PURE__ */ jsx(Copy, { className: "w-3 h-3" }),
+            copied ? /* @__PURE__ */ jsx(Check, { strokeWidth: 1.5, className: "w-3 h-3 text-emerald-400" }) : /* @__PURE__ */ jsx(Copy, { strokeWidth: 1.5, className: "w-3 h-3" }),
             copied ? "Copied!" : "Copy"
           ]
         }
@@ -4797,21 +4797,21 @@ VALUES
   return /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm", children: /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-center justify-between px-5 py-3 border-b border-white/5", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(Wand2, { className: "w-4 h-4 text-amber-400" }),
-        /* @__PURE__ */ jsx("span", { className: "text-sm font-bold text-zinc-200", children: "Test Data Generator" }),
+        /* @__PURE__ */ jsx(Wand2, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-amber-400" }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-zinc-200", children: "Test Data Generator" }),
         /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-500 font-mono", children: tableName })
       ] }),
-      /* @__PURE__ */ jsx("button", { onClick: onClose, className: "p-1 rounded hover:bg-white/5 text-zinc-500", children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" }) })
+      /* @__PURE__ */ jsx("button", { onClick: onClose, className: "p-1 rounded hover:bg-white/5 text-zinc-500", children: /* @__PURE__ */ jsx(X, { strokeWidth: 1.5, className: "w-3.5 h-3.5" }) })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "px-5 py-3 border-b border-white/5 bg-[#0a0a0a] flex items-center gap-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-500 uppercase tracking-wider font-bold", children: "Rows:" }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-500r font-medium", children: "Rows:" }),
         /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: [5, 10, 25, 50, 100].map((n) => /* @__PURE__ */ 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
@@ -4823,10 +4823,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__ */ jsx(RefreshCw, { className: "w-3 h-3" }),
+            /* @__PURE__ */ jsx(RefreshCw, { strokeWidth: 1.5, className: "w-3 h-3" }),
             " Regenerate"
           ]
         }
@@ -4848,7 +4848,7 @@ VALUES
       },
       col.name
     )) }) }),
-    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto relative", children: /* @__PURE__ */ jsx("pre", { className: "p-5 text-body font-mono text-blue-300 whitespace-pre-wrap leading-relaxed", children: generatedQuery }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto relative", children: /* @__PURE__ */ jsx("pre", { className: "p-5 text-xs font-mono text-blue-300 whitespace-pre-wrap leading-relaxed", children: generatedQuery }) }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-5 py-3 border-t border-white/5 bg-[#0a0a0a]", children: [
       /* @__PURE__ */ jsxs("p", { className: "text-xs text-zinc-600", children: [
         columnConfigs.filter((c) => c.faker.generator !== "autoIncrement").length,
@@ -4861,9 +4861,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__ */ jsx(Check, { className: "w-3 h-3 text-emerald-400" }) : /* @__PURE__ */ jsx(Copy, { className: "w-3 h-3" }),
+              copied ? /* @__PURE__ */ jsx(Check, { strokeWidth: 1.5, className: "w-3 h-3 text-emerald-400" }) : /* @__PURE__ */ jsx(Copy, { strokeWidth: 1.5, className: "w-3 h-3" }),
               copied ? "Copied!" : "Copy"
             ]
           }
@@ -4875,9 +4875,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__ */ jsx(Play, { className: "w-3 h-3 fill-current" }),
+              /* @__PURE__ */ jsx(Play, { strokeWidth: 1.5, className: "w-3 h-3 fill-current" }),
               " Execute"
             ]
           }
@@ -4989,15 +4989,15 @@ function analyzePlan(plan) {
   };
 }
 var NodeIcon = ({ type }) => {
-  if (type.includes("Seq Scan")) return /* @__PURE__ */ jsx(Search, { className: "w-4 h-4 text-amber-400" });
-  if (type.includes("Index Scan") || type.includes("Index Only")) return /* @__PURE__ */ jsx(Target, { className: "w-4 h-4 text-emerald-400" });
-  if (type.includes("Scan")) return /* @__PURE__ */ jsx(Search, { className: "w-4 h-4 text-blue-400" });
-  if (type.includes("Join")) return /* @__PURE__ */ jsx(Layers, { className: "w-4 h-4 text-purple-400" });
-  if (type.includes("Sort")) return /* @__PURE__ */ jsx(ArrowDown, { className: "w-4 h-4 text-amber-400" });
-  if (type.includes("Limit")) return /* @__PURE__ */ jsx(LayoutGrid, { className: "w-4 h-4 text-zinc-400" });
-  if (type.includes("Aggregate") || type.includes("Group")) return /* @__PURE__ */ jsx(Zap, { className: "w-4 h-4 text-pink-400" });
-  if (type.includes("Hash")) return /* @__PURE__ */ jsx(HardDrive, { className: "w-4 h-4 text-cyan-400" });
-  return /* @__PURE__ */ jsx(Database, { className: "w-4 h-4 text-zinc-500" });
+  if (type.includes("Seq Scan")) return /* @__PURE__ */ jsx(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__ */ jsx(Target, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-emerald-400" });
+  if (type.includes("Scan")) return /* @__PURE__ */ jsx(Search, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-blue-400" });
+  if (type.includes("Join")) return /* @__PURE__ */ jsx(Layers, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-purple-400" });
+  if (type.includes("Sort")) return /* @__PURE__ */ jsx(ArrowDown, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-amber-400" });
+  if (type.includes("Limit")) return /* @__PURE__ */ jsx(LayoutGrid, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-zinc-400" });
+  if (type.includes("Aggregate") || type.includes("Group")) return /* @__PURE__ */ jsx(Zap, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-pink-400" });
+  if (type.includes("Hash")) return /* @__PURE__ */ jsx(HardDrive, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-cyan-400" });
+  return /* @__PURE__ */ jsx(Database, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-zinc-500" });
 };
 var StatusBadge = ({ status }) => {
   return /* @__PURE__ */ jsx("div", { className: cn("w-2 h-2 rounded-full", status === "good" ? "bg-emerald-500" : status === "warning" ? "bg-amber-500" : "bg-red-500") });
@@ -5030,7 +5030,7 @@ var PlanNode = ({ node, depth = 0, maxTime }) => {
             isSeqScan ? "bg-amber-500/10" : isIndexScan ? "bg-emerald-500/10" : "bg-white/5"
           ), children: /* @__PURE__ */ jsx(NodeIcon, { type: nodeType }) }),
           /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-body font-medium text-zinc-200 truncate", children: nodeType }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-zinc-200 truncate", children: nodeType }),
             node["Relation Name"] && /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-500 font-mono truncate", children: node["Relation Name"] })
           ] }) }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 text-xs font-mono", children: [
@@ -5152,16 +5152,16 @@ function AIExplainTab({
           elements.push(
             /* @__PURE__ */ jsxs("div", { className: "my-3 relative group/code", children: [
               /* @__PURE__ */ 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__ */ 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__ */ jsx(Play, { className: "w-3 h-3" }),
+                    /* @__PURE__ */ jsx(Play, { strokeWidth: 1.5, className: "w-3 h-3" }),
                     " Try This"
                   ]
                 }
@@ -5183,15 +5183,15 @@ function AIExplainTab({
       }
       if (line.startsWith("## ")) {
         elements.push(
-          /* @__PURE__ */ 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__ */ 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__ */ jsx("h3", { className: "text-data font-semibold text-zinc-300 mt-3 mb-1", children: line.slice(4) }, idx)
+          /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-start gap-2 text-body text-zinc-400 leading-relaxed ml-2 my-0.5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 text-xs text-zinc-400 leading-relaxed ml-2 my-0.5", children: [
             /* @__PURE__ */ jsx("span", { className: "text-zinc-600 mt-1 shrink-0", children: "\u2022" }),
             /* @__PURE__ */ jsx("span", { children: renderInlineFormatting(line.slice(2)) })
           ] }, idx)
@@ -5199,8 +5199,8 @@ function AIExplainTab({
       } else if (/^\d+\.\s/.test(line)) {
         const num = (_a = line.match(/^(\d+)\./)) == null ? void 0 : _a[1];
         elements.push(
-          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 text-body text-zinc-400 leading-relaxed ml-2 my-0.5", children: [
-            /* @__PURE__ */ jsxs("span", { className: "text-blue-400 font-bold mt-0 shrink-0 w-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 text-xs text-zinc-400 leading-relaxed ml-2 my-0.5", children: [
+            /* @__PURE__ */ jsxs("span", { className: "text-blue-400 font-medium mt-0 shrink-0 w-4", children: [
               num,
               "."
             ] }),
@@ -5211,7 +5211,7 @@ function AIExplainTab({
         elements.push(/* @__PURE__ */ jsx("div", { className: "h-1" }, idx));
       } else {
         elements.push(
-          /* @__PURE__ */ jsx("p", { className: "text-body text-zinc-400 leading-relaxed my-0.5", children: renderInlineFormatting(line) }, idx)
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-zinc-400 leading-relaxed my-0.5", children: renderInlineFormatting(line) }, idx)
         );
       }
     });
@@ -5231,20 +5231,20 @@ function AIExplainTab({
   };
   if (!hasRun) {
     return /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col items-center justify-center p-8 text-center", children: [
-      /* @__PURE__ */ 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__ */ jsx(Sparkles, { className: "w-7 h-7 text-purple-400" }) }),
-      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-zinc-200 mb-1", children: "AI Query Analysis" }),
-      /* @__PURE__ */ 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__ */ 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__ */ jsx(Sparkles, { strokeWidth: 1.5, className: "w-7 h-7 text-purple-400" }) }),
+      /* @__PURE__ */ jsx("h3", { className: "text-xs font-medium text-zinc-200 mb-1", children: "AI Query Analysis" }),
+      /* @__PURE__ */ 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__ */ 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__ */ jsx(Sparkles, { className: "w-3.5 h-3.5" }),
+            /* @__PURE__ */ jsx(Sparkles, { strokeWidth: 1.5, className: "w-3 h-3" }),
             "Analyze with AI"
           ]
         }
@@ -5255,17 +5255,17 @@ function AIExplainTab({
   return /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-2 border-b border-white/5 bg-[#0a0a0a]", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(Sparkles, { className: "w-3.5 h-3.5 text-purple-400" }),
-        /* @__PURE__ */ jsx("span", { className: "text-xs font-bold text-purple-400 uppercase tracking-wider", children: "AI Analysis" })
+        /* @__PURE__ */ jsx(Sparkles, { strokeWidth: 1.5, className: "w-3 h-3 text-purple-400" }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-purple-400r", children: "AI Analysis" })
       ] }),
       /* @__PURE__ */ 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__ */ jsx(Loader2, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsx(Sparkles, { className: "w-3 h-3" }),
+            isLoading ? /* @__PURE__ */ jsx(Loader2, { strokeWidth: 1.5, className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsx(Sparkles, { strokeWidth: 1.5, className: "w-3 h-3" }),
             isLoading ? "Analyzing..." : "Re-analyze"
           ]
         }
@@ -5273,16 +5273,16 @@ function AIExplainTab({
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-auto p-4", children: [
       error && /* @__PURE__ */ 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__ */ jsx(AlertTriangle, { className: "w-4 h-4 shrink-0" }),
+        /* @__PURE__ */ jsx(AlertTriangle, { strokeWidth: 1.5, className: "w-3.5 h-3.5 shrink-0" }),
         error
       ] }),
       aiResponse && /* @__PURE__ */ jsx("div", { className: "space-y-0", children: renderMarkdown(aiResponse) }),
-      isLoading && !aiResponse && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-zinc-500 text-sm", children: [
-        /* @__PURE__ */ jsx(Loader2, { className: "w-4 h-4 animate-spin text-purple-400" }),
+      isLoading && !aiResponse && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-zinc-500 text-xs", children: [
+        /* @__PURE__ */ jsx(Loader2, { strokeWidth: 1.5, className: "w-3.5 h-3.5 animate-spin text-purple-400" }),
         /* @__PURE__ */ jsx("span", { children: "Analyzing execution plan..." })
       ] }),
       isLoading && aiResponse && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-2 text-zinc-600 text-xs", children: [
-        /* @__PURE__ */ jsx(Loader2, { className: "w-3 h-3 animate-spin" }),
+        /* @__PURE__ */ jsx(Loader2, { strokeWidth: 1.5, className: "w-3 h-3 animate-spin" }),
         /* @__PURE__ */ jsx("span", { children: "Still generating..." })
       ] })
     ] })
@@ -5297,8 +5297,8 @@ function VisualExplain({ plan, query, schemaContext, databaseType, onLoadQuery }
   }, [plan]);
   if (!plan || !Array.isArray(plan) || plan.length === 0) {
     return /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col items-center justify-center text-zinc-500 bg-[#080808] p-12 text-center", children: [
-      /* @__PURE__ */ jsx("div", { className: "w-12 h-12 rounded-xl bg-white/5 flex items-center justify-center mb-4", children: /* @__PURE__ */ jsx(Activity, { className: "w-6 h-6 text-zinc-600" }) }),
-      /* @__PURE__ */ jsx("h3", { className: "text-sm font-medium text-zinc-300 mb-1", children: "No execution plan" }),
+      /* @__PURE__ */ jsx("div", { className: "w-12 h-12 rounded-xl bg-white/5 flex items-center justify-center mb-4", children: /* @__PURE__ */ jsx(Activity, { strokeWidth: 1.5, className: "w-6 h-6 text-zinc-600" }) }),
+      /* @__PURE__ */ jsx("h3", { className: "text-xs font-medium text-zinc-300 mb-1", children: "No execution plan" }),
       /* @__PURE__ */ jsx("p", { className: "text-xs text-zinc-600 max-w-[240px]", children: "Run a SELECT query to see its execution plan and performance insights." })
     ] });
   }
@@ -5307,18 +5307,18 @@ function VisualExplain({ plan, query, schemaContext, databaseType, onLoadQuery }
     /* @__PURE__ */ jsx("div", { className: "px-4 py-3 border-b border-white/5 bg-[#0a0a0a]", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-6", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(Clock, { className: "w-3.5 h-3.5 text-blue-400" }),
-          /* @__PURE__ */ jsx("span", { className: "text-body font-medium text-zinc-200", children: formatTime((analysis == null ? void 0 : analysis.executionTime) || 0) }),
+          /* @__PURE__ */ jsx(Clock, { strokeWidth: 1.5, className: "w-3 h-3 text-blue-400" }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-zinc-200", children: formatTime((analysis == null ? void 0 : analysis.executionTime) || 0) }),
           /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-600", children: "execution" })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(TrendingUp, { className: "w-3.5 h-3.5 text-zinc-500" }),
-          /* @__PURE__ */ jsx("span", { className: "text-body font-medium text-zinc-400", children: formatNumber2((analysis == null ? void 0 : analysis.totalRows) || 0) }),
+          /* @__PURE__ */ jsx(TrendingUp, { className: "w-3 h-3 text-zinc-500" }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-zinc-400", children: formatNumber2((analysis == null ? void 0 : analysis.totalRows) || 0) }),
           /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-600", children: "rows" })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(HardDrive, { className: "w-3.5 h-3.5 text-zinc-500" }),
-          /* @__PURE__ */ jsx("span", { className: "text-body font-medium text-zinc-400", children: formatNumber2((analysis == null ? void 0 : analysis.totalCost) || 0) }),
+          /* @__PURE__ */ jsx(HardDrive, { strokeWidth: 1.5, className: "w-3 h-3 text-zinc-500" }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-zinc-400", children: formatNumber2((analysis == null ? void 0 : analysis.totalCost) || 0) }),
           /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-600", children: "cost" })
         ] })
       ] }),
@@ -5327,14 +5327,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__ */ jsx(Zap, { className: "w-3 h-3 inline mr-1" }),
-            tab === "ai" && /* @__PURE__ */ jsx(Sparkles, { className: "w-3 h-3 inline mr-1" }),
-            tab === "tree" && /* @__PURE__ */ jsx(Layers, { className: "w-3 h-3 inline mr-1" }),
-            tab === "raw" && /* @__PURE__ */ jsx(FileJson, { className: "w-3 h-3 inline mr-1" }),
+            tab === "insights" && /* @__PURE__ */ jsx(Zap, { strokeWidth: 1.5, className: "w-3 h-3 inline mr-1" }),
+            tab === "ai" && /* @__PURE__ */ jsx(Sparkles, { strokeWidth: 1.5, className: "w-3 h-3 inline mr-1" }),
+            tab === "tree" && /* @__PURE__ */ jsx(Layers, { strokeWidth: 1.5, className: "w-3 h-3 inline mr-1" }),
+            tab === "raw" && /* @__PURE__ */ jsx(FileJson, { strokeWidth: 1.5, className: "w-3 h-3 inline mr-1" }),
             tab === "ai" ? "AI Explain" : tab
           ]
         },
@@ -5354,7 +5354,7 @@ function VisualExplain({ plan, query, schemaContext, databaseType, onLoadQuery }
       ),
       activeTab === "insights" && /* @__PURE__ */ jsxs("div", { className: "p-4 space-y-4", children: [
         analysis && analysis.warnings.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx("h3", { className: "text-xs font-bold text-zinc-500 uppercase tracking-wider mb-2", children: "Performance Issues" }),
+          /* @__PURE__ */ jsx("h3", { className: "text-xs font-medium text-zinc-500r mb-2", children: "Performance Issues" }),
           analysis.warnings.map((warning, idx) => /* @__PURE__ */ jsxs(
             "div",
             {
@@ -5366,10 +5366,10 @@ function VisualExplain({ plan, query, schemaContext, databaseType, onLoadQuery }
                 /* @__PURE__ */ 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__ */ jsx(AlertTriangle, { className: "w-3.5 h-3.5 text-red-400" }) : warning.type === "warning" ? /* @__PURE__ */ jsx(AlertTriangle, { className: "w-3.5 h-3.5 text-amber-400" }) : /* @__PURE__ */ jsx(Info, { className: "w-3.5 h-3.5 text-blue-400" }) }),
+                ), children: warning.type === "critical" ? /* @__PURE__ */ jsx(AlertTriangle, { strokeWidth: 1.5, className: "w-3 h-3 text-red-400" }) : warning.type === "warning" ? /* @__PURE__ */ jsx(AlertTriangle, { strokeWidth: 1.5, className: "w-3 h-3 text-amber-400" }) : /* @__PURE__ */ jsx(Info, { strokeWidth: 1.5, className: "w-3 h-3 text-blue-400" }) }),
                 /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
                   /* @__PURE__ */ 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__ */ jsx("p", { className: "text-xs text-zinc-500 mt-0.5 leading-relaxed", children: warning.description })
@@ -5380,21 +5380,21 @@ function VisualExplain({ plan, query, schemaContext, databaseType, onLoadQuery }
           ))
         ] }),
         analysis && analysis.warnings.length === 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 p-3 rounded-lg bg-emerald-500/5 border border-emerald-500/10", children: [
-          /* @__PURE__ */ jsx("div", { className: "p-1 rounded bg-emerald-500/10", children: /* @__PURE__ */ jsx(CheckCircle2, { className: "w-3.5 h-3.5 text-emerald-400" }) }),
+          /* @__PURE__ */ jsx("div", { className: "p-1 rounded bg-emerald-500/10", children: /* @__PURE__ */ jsx(CheckCircle2, { strokeWidth: 1.5, className: "w-3 h-3 text-emerald-400" }) }),
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("h4", { className: "text-body font-medium text-emerald-300", children: "Query looks good" }),
+            /* @__PURE__ */ jsx("h4", { className: "text-xs font-medium text-emerald-300", children: "Query looks good" }),
             /* @__PURE__ */ jsx("p", { className: "text-xs text-zinc-500", children: "No obvious performance issues detected." })
           ] })
         ] }),
         /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-2", children: analysis == null ? void 0 : analysis.insights.map((insight, idx) => /* @__PURE__ */ jsxs("div", { className: "p-3 rounded-lg bg-white/[0.02] border border-white/5", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
             /* @__PURE__ */ jsx(StatusBadge, { status: insight.status }),
-            /* @__PURE__ */ jsx("span", { className: "text-label text-zinc-500 uppercase tracking-wider font-medium", children: insight.label })
+            /* @__PURE__ */ jsx("span", { className: "text-[0.625rem] text-zinc-500r font-medium", children: insight.label })
           ] }),
-          /* @__PURE__ */ jsx("span", { className: "text-lg font-medium text-zinc-200", children: insight.value })
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-zinc-200", children: insight.value })
         ] }, idx)) }),
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("h3", { className: "text-xs font-bold text-zinc-500 uppercase tracking-wider mb-2", children: "Execution Plan" }),
+          /* @__PURE__ */ jsx("h3", { className: "text-xs font-medium text-zinc-500r mb-2", children: "Execution Plan" }),
           /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-white/5 bg-white/[0.01] p-2", children: rootPlan && analysis && /* @__PURE__ */ jsx(PlanNode, { node: rootPlan, maxTime: analysis.executionTime || 1 }) })
         ] })
       ] }),
@@ -5510,9 +5510,9 @@ Columns: ${cols}`;
   return /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col bg-[#080808]", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-2 border-b border-white/5 bg-[#0a0a0a]", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "p-1 rounded bg-violet-500/10", children: /* @__PURE__ */ jsx(MessageSquare, { className: "w-3.5 h-3.5 text-violet-400" }) }),
-        /* @__PURE__ */ jsx("span", { className: "text-xs font-bold text-violet-400 uppercase tracking-widest", children: "Natural Language Query" }),
-        messages.length > 0 && /* @__PURE__ */ jsxs("span", { className: "text-label text-zinc-500 font-mono", children: [
+        /* @__PURE__ */ jsx("div", { className: "p-1 rounded bg-violet-500/10", children: /* @__PURE__ */ jsx(MessageSquare, { strokeWidth: 1.5, className: "w-3 h-3 text-violet-400" }) }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-violet-400", children: "Natural Language Query" }),
+        messages.length > 0 && /* @__PURE__ */ jsxs("span", { className: "text-[0.625rem] text-zinc-500 font-mono", children: [
           messages.filter((m) => m.role === "user").length,
           " questions"
         ] })
@@ -5524,7 +5524,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__ */ jsx(Trash2, { className: "w-3.5 h-3.5" })
+            children: /* @__PURE__ */ jsx(Trash2, { strokeWidth: 1.5, className: "w-3 h-3" })
           }
         ),
         /* @__PURE__ */ jsx(
@@ -5532,15 +5532,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__ */ jsx(X, { className: "w-3.5 h-3.5" })
+            children: /* @__PURE__ */ jsx(X, { strokeWidth: 1.5, className: "w-3 h-3" })
           }
         )
       ] })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-auto p-4 space-y-3", children: [
       messages.length === 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center h-full opacity-40", children: [
-        /* @__PURE__ */ jsx(Sparkles, { className: "w-8 h-8 mb-3" }),
-        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Ask a question in plain English" }),
+        /* @__PURE__ */ jsx(Sparkles, { strokeWidth: 1.5, className: "w-8 h-8 mb-3" }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs font-medium", children: "Ask a question in plain English" }),
         /* @__PURE__ */ 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__ */ jsx("div", { className: cn("flex gap-2", msg.role === "user" ? "justify-end" : "justify-start"), children: /* @__PURE__ */ jsx("div", { className: cn(
@@ -5548,15 +5548,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__ */ jsx("p", { children: msg.content }) : /* @__PURE__ */ jsxs("div", { children: [
         msg.query && /* @__PURE__ */ jsxs("div", { className: "mb-2", children: [
-          /* @__PURE__ */ 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__ */ 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__ */ jsxs("div", { className: "flex gap-1.5 mt-1.5", children: [
             /* @__PURE__ */ 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__ */ jsx(Play, { className: "w-3 h-3 fill-current" }),
+                  /* @__PURE__ */ jsx(Play, { strokeWidth: 1.5, className: "w-3 h-3 fill-current" }),
                   " Run"
                 ]
               }
@@ -5565,16 +5565,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__ */ 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__ */ jsx("p", { className: "text-zinc-400 text-xs leading-relaxed whitespace-pre-wrap", children: msg.content.replace(/```[\s\S]*?```/g, "").trim() })
       ] }) }) }, i)),
       isLoading && /* @__PURE__ */ jsx("div", { className: "flex gap-2 justify-start", children: /* @__PURE__ */ 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__ */ jsx(Loader2, { className: "w-3 h-3 animate-spin" }),
+        /* @__PURE__ */ jsx(Loader2, { strokeWidth: 1.5, className: "w-3 h-3 animate-spin" }),
         "Generating query..."
       ] }) }),
       error && /* @__PURE__ */ 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 }),
@@ -5597,8 +5597,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__ */ jsx(Loader2, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsx(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__ */ jsx(Loader2, { strokeWidth: 1.5, className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsx(Send, { strokeWidth: 1.5, className: "w-3 h-3" })
         }
       )
     ] }) })
@@ -5711,52 +5711,52 @@ ${schemaContext || ""}`;
   return /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm", children: /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex items-center justify-between px-5 py-3 border-b border-white/5", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(BarChart3, { className: "w-4 h-4 text-cyan-400" }),
-        /* @__PURE__ */ jsx("span", { className: "text-sm font-bold text-zinc-200", children: "Data Profiler" }),
+        /* @__PURE__ */ jsx(BarChart3, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-cyan-400" }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-zinc-200", children: "Data Profiler" }),
         /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-500 font-mono", children: tableName })
       ] }),
-      /* @__PURE__ */ jsx("button", { onClick: onClose, className: "p-1 rounded hover:bg-white/5 text-zinc-500", children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" }) })
+      /* @__PURE__ */ jsx("button", { onClick: onClose, className: "p-1 rounded hover:bg-white/5 text-zinc-500", children: /* @__PURE__ */ jsx(X, { strokeWidth: 1.5, className: "w-3.5 h-3.5" }) })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-auto p-5 space-y-4", children: [
       isLoading && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 py-12 text-zinc-500", children: [
-        /* @__PURE__ */ jsx(Loader2, { className: "w-5 h-5 animate-spin" }),
-        /* @__PURE__ */ jsxs("span", { className: "text-sm", children: [
+        /* @__PURE__ */ jsx(Loader2, { strokeWidth: 1.5, className: "w-5 h-5 animate-spin" }),
+        /* @__PURE__ */ jsxs("span", { className: "text-xs", children: [
           "Profiling ",
           tableName,
           "..."
         ] })
       ] }),
       error && /* @__PURE__ */ 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__ */ jsx(AlertCircle, { className: "w-4 h-4 shrink-0" }),
+        /* @__PURE__ */ jsx(AlertCircle, { strokeWidth: 1.5, className: "w-3.5 h-3.5 shrink-0" }),
         error
       ] }),
       profile && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-3", children: [
           /* @__PURE__ */ jsxs("div", { className: "bg-[#0a0a0a] rounded-lg p-3 border border-white/5", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-xs font-bold text-zinc-500 uppercase tracking-wider", children: "Total Rows" }),
-            /* @__PURE__ */ jsx("p", { className: "text-lg font-bold text-zinc-200 mt-1", children: profile.totalRows.toLocaleString() })
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-zinc-500r", children: "Total Rows" }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-zinc-200 mt-1", children: profile.totalRows.toLocaleString() })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "bg-[#0a0a0a] rounded-lg p-3 border border-white/5", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-xs font-bold text-zinc-500 uppercase tracking-wider", children: "Columns" }),
-            /* @__PURE__ */ jsx("p", { className: "text-lg font-bold text-zinc-200 mt-1", children: profile.columns.length })
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-zinc-500r", children: "Columns" }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-zinc-200 mt-1", children: profile.columns.length })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "bg-[#0a0a0a] rounded-lg p-3 border border-white/5", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-xs font-bold text-zinc-500 uppercase tracking-wider", children: "Avg Null %" }),
-            /* @__PURE__ */ jsxs("p", { className: "text-lg font-bold text-zinc-200 mt-1", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-zinc-500r", children: "Avg Null %" }),
+            /* @__PURE__ */ 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__ */ jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx("h3", { className: "text-xs font-bold text-zinc-400 uppercase tracking-wider", children: "Column Profiles" }),
+          /* @__PURE__ */ jsx("h3", { className: "text-xs font-medium text-zinc-400r", children: "Column Profiles" }),
           profile.columns.map((col) => /* @__PURE__ */ jsxs("div", { className: "bg-[#0a0a0a] rounded-lg p-3 border border-white/5", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx(Hash, { className: "w-3 h-3 text-blue-400" }),
-                /* @__PURE__ */ jsx("span", { className: "text-xs font-bold text-zinc-200", children: col.name }),
+                /* @__PURE__ */ jsx(Hash, { strokeWidth: 1.5, className: "w-3 h-3 text-blue-400" }),
+                /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-zinc-200", children: col.name }),
                 col.type && /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-500 font-mono", children: col.type }),
-                sensitiveColumnNames.has(col.name) && /* @__PURE__ */ jsx("span", { title: "Sensitive column - values masked", children: /* @__PURE__ */ jsx(Lock, { className: "w-3 h-3 text-purple-400" }) })
+                sensitiveColumnNames.has(col.name) && /* @__PURE__ */ jsx("span", { title: "Sensitive column - values masked", children: /* @__PURE__ */ jsx(Lock, { strokeWidth: 1.5, className: "w-3 h-3 text-purple-400" }) })
               ] }),
               /* @__PURE__ */ jsxs("span", { className: "text-xs text-zinc-500", children: [
                 col.distinctCount.toLocaleString(),
@@ -5811,9 +5811,9 @@ ${schemaContext || ""}`;
         ] }),
         (aiSummary || isAiLoading) && /* @__PURE__ */ jsxs("div", { className: "bg-cyan-500/5 border border-cyan-500/10 rounded-lg p-4", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
-            /* @__PURE__ */ jsx(Sparkles, { className: "w-3.5 h-3.5 text-cyan-400" }),
-            /* @__PURE__ */ jsx("span", { className: "text-xs font-bold text-cyan-400 uppercase tracking-wider", children: "AI Analysis" }),
-            isAiLoading && /* @__PURE__ */ jsx(Loader2, { className: "w-3 h-3 animate-spin text-cyan-400" })
+            /* @__PURE__ */ jsx(Sparkles, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-cyan-400" }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-cyan-400r", children: "AI Analysis" }),
+            isAiLoading && /* @__PURE__ */ jsx(Loader2, { strokeWidth: 1.5, className: "w-3 h-3 animate-spin text-cyan-400" })
           ] }),
           aiSummary && /* @__PURE__ */ jsx("div", { className: "text-xs text-zinc-400 leading-relaxed whitespace-pre-wrap", children: aiSummary })
         ] })
@@ -5920,23 +5920,23 @@ function QuerySafetyDialog({
   return /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm", children: /* @__PURE__ */ jsxs("div", { className: "bg-[#111] border border-white/10 rounded-xl shadow-2xl w-full max-w-lg mx-4 overflow-hidden", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-5 py-3 border-b border-white/5", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(ShieldAlert, { className: "w-4 h-4 text-amber-400" }),
-        /* @__PURE__ */ jsx("span", { className: "text-sm font-bold text-zinc-200", children: "Query Safety Check" })
+        /* @__PURE__ */ jsx(ShieldAlert, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-amber-400" }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-zinc-200", children: "Query Safety Check" })
       ] }),
-      /* @__PURE__ */ jsx("button", { onClick: onClose, className: "p-1 rounded hover:bg-white/5 text-zinc-500", children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" }) })
+      /* @__PURE__ */ jsx("button", { onClick: onClose, className: "p-1 rounded hover:bg-white/5 text-zinc-500", children: /* @__PURE__ */ jsx(X, { strokeWidth: 1.5, className: "w-3.5 h-3.5" }) })
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "px-5 py-3 bg-[#0a0a0a] border-b border-white/5", children: /* @__PURE__ */ 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__ */ jsx("div", { className: "px-5 py-3 bg-[#0a0a0a] border-b border-white/5", children: /* @__PURE__ */ 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__ */ jsxs("div", { className: "px-5 py-4 max-h-80 overflow-auto", children: [
       isAnalyzing && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 py-8 text-zinc-500", children: [
-        /* @__PURE__ */ jsx(Loader2, { className: "w-5 h-5 animate-spin" }),
-        /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Analyzing query safety..." })
+        /* @__PURE__ */ jsx(Loader2, { strokeWidth: 1.5, className: "w-5 h-5 animate-spin" }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs", children: "Analyzing query safety..." })
       ] }),
       error && /* @__PURE__ */ 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__ */ jsxs("div", { className: "space-y-3", children: [
         /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2 px-3 py-2 rounded-lg", risk.bg, "border", risk.border), children: [
           /* @__PURE__ */ jsx(RiskIcon, { className: cn("w-5 h-5", risk.color) }),
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("span", { className: cn("text-sm font-bold", risk.color), children: risk.label }),
+            /* @__PURE__ */ jsx("span", { className: cn("text-xs font-medium", risk.color), children: risk.label }),
             /* @__PURE__ */ jsx("p", { className: "text-xs text-zinc-400 mt-0.5", children: analysis.summary })
           ] })
         ] }),
@@ -5944,7 +5944,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__ */ jsx("p", { className: "font-bold text-zinc-300", children: w.message }),
+          /* @__PURE__ */ jsx("p", { className: "font-medium text-zinc-300", children: w.message }),
           /* @__PURE__ */ jsx("p", { className: "text-zinc-500 mt-0.5", children: w.detail })
         ] }, i)) }),
         analysis.affectedRows && analysis.affectedRows !== "none" && /* @__PURE__ */ jsxs("div", { className: "text-xs", children: [
@@ -5956,7 +5956,7 @@ function QuerySafetyDialog({
           /* @__PURE__ */ jsx("span", { className: "text-zinc-300", children: analysis.cascadeEffects })
         ] }),
         analysis.recommendation && /* @__PURE__ */ jsxs("div", { className: "bg-[#0a0a0a] rounded-lg p-3 border border-white/5", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-xs font-bold text-zinc-500 uppercase tracking-wider mb-1", children: "Recommendation" }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-zinc-500r mb-1", children: "Recommendation" }),
           /* @__PURE__ */ jsx("p", { className: "text-xs text-zinc-300", children: analysis.recommendation })
         ] })
       ] }),
@@ -5967,7 +5967,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"
         }
       ),
@@ -5977,12 +5977,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__ */ jsx(Play, { className: "w-3 h-3 fill-current" }),
+            /* @__PURE__ */ jsx(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"
           ]
         }
@@ -6090,8 +6090,8 @@ var ColumnList = React6.memo(function ColumnList2({ columns, indexes }) {
       {
         className: "flex items-center gap-2 py-1 px-2 rounded-sm group/col hover:bg-accent/20 cursor-default",
         children: [
-          column.isPrimary ? /* @__PURE__ */ jsx(Key, { className: "w-2.5 h-2.5 text-yellow-500/70" }) : /* @__PURE__ */ jsx("div", { className: "w-2.5 h-2.5 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "w-1 h-1 rounded-full bg-muted-foreground/50" }) }),
-          /* @__PURE__ */ jsx("span", { className: "text-data text-muted-foreground flex-1 truncate group-hover/col:text-foreground", children: column.name }),
+          column.isPrimary ? /* @__PURE__ */ jsx(Key, { strokeWidth: 1.5, className: "w-2.5 h-2.5 text-yellow-500/70" }) : /* @__PURE__ */ jsx("div", { className: "w-2.5 h-2.5 flex items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "w-1 h-1 rounded-full bg-muted-foreground/50" }) }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground flex-1 truncate group-hover/col:text-foreground", children: column.name }),
           /* @__PURE__ */ jsx("span", { className: "text-xs font-mono text-muted-foreground/60 uppercase group-hover/col:text-muted-foreground", children: column.type.split("(")[0] })
         ]
       },
@@ -6099,8 +6099,8 @@ var ColumnList = React6.memo(function ColumnList2({ columns, indexes }) {
     )),
     indexes.length > 0 && /* @__PURE__ */ jsxs("div", { className: "pt-2 pb-1", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 px-2 mb-1", children: [
-        /* @__PURE__ */ jsx(Hash, { className: "w-2.5 h-2.5 text-purple-500/40" }),
-        /* @__PURE__ */ jsx("span", { className: "text-label uppercase tracking-wider font-bold text-muted-foreground", children: "Indexes" })
+        /* @__PURE__ */ jsx(Hash, { strokeWidth: 1.5, className: "w-2.5 h-2.5 text-purple-500/40" }),
+        /* @__PURE__ */ jsx("span", { className: "text-[0.625rem] font-medium text-muted-foreground", children: "Indexes" })
       ] }),
       indexes.map((idx) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-0.5 px-2", children: [
         /* @__PURE__ */ jsx("div", { className: "w-2.5 h-2.5" }),
@@ -6115,18 +6115,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__ */ jsx(Play, { className: "w-3.5 h-3.5 mr-2 text-green-500" }),
+      /* @__PURE__ */ jsx(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__ */ jsxs(Item4, { onClick: () => {
       var _a;
       return (_a = callbacks.onGenerateSelect) == null ? void 0 : _a.call(callbacks, table.name);
     }, children: [
-      /* @__PURE__ */ jsx(Filter, { className: "w-3.5 h-3.5 mr-2 text-blue-500" }),
+      /* @__PURE__ */ jsx(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__ */ jsxs(Item4, { onClick: () => copyToClipboard(table.name, `${(labels == null ? void 0 : labels.entityName) || "Table"} name`), children: [
-      /* @__PURE__ */ jsx(Copy, { className: "w-3.5 h-3.5 mr-2 text-muted-foreground" }),
+      /* @__PURE__ */ jsx(Copy, { strokeWidth: 1.5, className: "w-3.5 h-3.5 mr-2 text-muted-foreground" }),
       "Copy Name"
     ] }),
     /* @__PURE__ */ jsx(Separator4, {}),
@@ -6134,21 +6134,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__ */ jsx(BarChart3, { className: "w-3.5 h-3.5 mr-2 text-cyan-500" }),
+      /* @__PURE__ */ jsx(BarChart3, { strokeWidth: 1.5, className: "w-3.5 h-3.5 mr-2 text-cyan-500" }),
       "Profile Table"
     ] }),
     /* @__PURE__ */ jsxs(Item4, { onClick: () => {
       var _a;
       return (_a = callbacks.onGenerateCode) == null ? void 0 : _a.call(callbacks, table.name);
     }, children: [
-      /* @__PURE__ */ jsx(Code, { className: "w-3.5 h-3.5 mr-2 text-purple-500" }),
+      /* @__PURE__ */ jsx(Code, { strokeWidth: 1.5, className: "w-3.5 h-3.5 mr-2 text-purple-500" }),
       "Generate Code"
     ] }),
     /* @__PURE__ */ jsxs(Item4, { onClick: () => {
       var _a;
       return (_a = callbacks.onGenerateTestData) == null ? void 0 : _a.call(callbacks, table.name);
     }, children: [
-      /* @__PURE__ */ jsx(Wand2, { className: "w-3.5 h-3.5 mr-2 text-amber-500" }),
+      /* @__PURE__ */ jsx(Wand2, { strokeWidth: 1.5, className: "w-3.5 h-3.5 mr-2 text-amber-500" }),
       "Generate Test Data"
     ] }),
     isAdmin && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -6157,14 +6157,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__ */ jsx(Search, { className: "w-3.5 h-3.5 mr-2 text-amber-500" }),
+        /* @__PURE__ */ jsx(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__ */ jsxs(Item4, { onClick: () => {
         var _a;
         return (_a = callbacks.onOpenMaintenance) == null ? void 0 : _a.call(callbacks, "tables", table.name);
       }, children: [
-        /* @__PURE__ */ jsx(Trash2, { className: "w-3.5 h-3.5 mr-2 text-blue-400" }),
+        /* @__PURE__ */ jsx(Trash2, { strokeWidth: 1.5, className: "w-3.5 h-3.5 mr-2 text-blue-400" }),
         (labels == null ? void 0 : labels.vacuumAction) || "Vacuum Table"
       ] })
     ] })
@@ -6205,7 +6205,7 @@ var TableItem = React6.memo(function TableItem2({
                 animate: { rotate: isExpanded ? 90 : 0 },
                 transition: { duration: 0.2 },
                 className: "shrink-0",
-                children: /* @__PURE__ */ jsx(ChevronRight, { className: "w-3 h-3 text-muted-foreground" })
+                children: /* @__PURE__ */ jsx(ChevronRight, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-muted-foreground" })
               }
             ),
             /* @__PURE__ */ jsx(
@@ -6221,23 +6221,21 @@ var TableItem = React6.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__ */ jsxs("div", { className: "shrink-0 relative w-8 h-6 flex items-center justify-center", children: [
-              table.rowCount !== void 0 && /* @__PURE__ */ 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__ */ 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__ */ jsxs(DropdownMenu, { children: [
                 /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ 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__ */ jsx(MoreVertical, { className: "w-4 h-4 text-muted-foreground group-hover:text-foreground" })
+                    children: /* @__PURE__ */ jsx(MoreVertical, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-muted-foreground group-hover:text-foreground" })
                   }
                 ) }),
                 /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", className: "w-48", children: renderMenuItems(table, labels, isAdmin, callbacks, copyToClipboard, DropdownMenuItem, DropdownMenuSeparator) })
@@ -6301,61 +6299,57 @@ function SchemaExplorer({
   if (isLoadingSchema) {
     return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-muted-foreground", children: [
       /* @__PURE__ */ jsxs("div", { className: "relative mb-4", children: [
-        /* @__PURE__ */ jsx(Loader2, { className: "w-8 h-8 animate-spin text-blue-500/20" }),
-        /* @__PURE__ */ jsx(Database, { className: "w-4 h-4 absolute inset-0 m-auto text-blue-500 animate-pulse" })
+        /* @__PURE__ */ jsx(Loader2, { strokeWidth: 1.5, className: "w-8 h-8 animate-spin text-blue-500/20" }),
+        /* @__PURE__ */ jsx(Database, { strokeWidth: 1.5, className: "w-3.5 h-3.5 absolute inset-0 m-auto text-blue-500 animate-pulse" })
       ] }),
-      /* @__PURE__ */ jsx("span", { className: "text-xs uppercase tracking-[0.2em] font-bold animate-pulse", children: "Scanning Schema..." })
+      /* @__PURE__ */ jsx("span", { className: "text-xs font-medium animate-pulse", children: "Scanning Schema..." })
     ] });
   }
   if (schema.length === 0) {
     return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-6 text-center", children: [
-      /* @__PURE__ */ jsx("div", { className: "w-12 h-12 rounded-full bg-muted flex items-center justify-center mb-4 border border-border", children: /* @__PURE__ */ jsx(AlertCircle, { className: "w-6 h-6 text-muted-foreground" }) }),
-      /* @__PURE__ */ jsx("h3", { className: "text-foreground text-sm font-medium mb-1", children: "No structures found" }),
-      /* @__PURE__ */ jsx("p", { className: "text-body text-muted-foreground leading-relaxed", children: "We couldn't find any tables or views in this connection." })
+      /* @__PURE__ */ jsx("div", { className: "w-12 h-12 rounded-full bg-muted flex items-center justify-center mb-4 border border-border", children: /* @__PURE__ */ jsx(AlertCircle, { strokeWidth: 1.5, className: "w-6 h-6 text-muted-foreground" }) }),
+      /* @__PURE__ */ jsx("h3", { className: "text-foreground text-xs font-medium mb-1", children: "No structures found" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground leading-relaxed", children: "We couldn't find any tables or views in this connection." })
     ] });
   }
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
     /* @__PURE__ */ jsxs("div", { className: "sticky top-0 z-10 px-3 pb-3 pt-1 space-y-3 bg-background", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(Database, { className: "w-3.5 h-3.5 text-blue-500/50" }),
-          /* @__PURE__ */ jsx("span", { className: "text-xs font-bold uppercase tracking-[0.15em] text-muted-foreground", children: "Explorer" })
+          /* @__PURE__ */ jsx(Database, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-blue-500/50" }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Explorer" })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
           isAdmin && /* @__PURE__ */ 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__ */ jsx(Settings, { className: "w-3.5 h-3.5" })
+              children: /* @__PURE__ */ jsx(Settings, { strokeWidth: 1.5, className: "w-3.5 h-3.5" })
             }
           ),
           (capabilities == null ? void 0 : capabilities.supportsCreateTable) !== false && /* @__PURE__ */ 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__ */ jsx(Plus, { className: "w-3.5 h-3.5" })
+              children: /* @__PURE__ */ jsx(Plus, { strokeWidth: 1.5, className: "w-3.5 h-3.5" })
             }
           ),
-          /* @__PURE__ */ 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__ */ 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__ */ jsxs("div", { className: "relative group", children: [
-        /* @__PURE__ */ jsx(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__ */ jsx(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__ */ 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__ */ jsx(
@@ -6363,7 +6357,7 @@ function SchemaExplorer({
           {
             onClick: () => setSearchQuery(""),
             className: "absolute right-2 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
-            children: /* @__PURE__ */ jsx(Hash, { className: "w-3 h-3 rotate-45" })
+            children: /* @__PURE__ */ jsx(Hash, { strokeWidth: 1.5, className: "w-3.5 h-3.5 rotate-45" })
           }
         )
       ] })
@@ -6675,5 +6669,5 @@ function getDBIcon(type) {
 }
 
 export { Button, CodeGenerator, DataCharts, DataProfiler, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, ENVIRONMENT_COLORS, ENVIRONMENT_LABELS, Input, Label4 as Label, NL2SQLPanel, QueryEditor, QuerySafetyDialog, ResultsGrid, SchemaDiagram, SchemaExplorer, ScrollArea, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, TestDataGenerator, VisualExplain, buttonVariants, cn, getDBConfig, getDBIcon, isDangerousQuery, storage };
-//# sourceMappingURL=chunk-DZ2UB3C6.mjs.map
-//# sourceMappingURL=chunk-DZ2UB3C6.mjs.map
+//# sourceMappingURL=chunk-G3S66G64.mjs.map
+//# sourceMappingURL=chunk-G3S66G64.mjs.map