@libredb/studio 0.9.12 → 0.9.19

package/dist/workspace.mjs

@@ -1,4 +1,4 @@
-import { getDBIcon, cn, ENVIRONMENT_LABELS, Button, SchemaDiagram, SchemaExplorer, QueryEditor, QuerySafetyDialog, DataProfiler, CodeGenerator, TestDataGenerator, isDangerousQuery, ScrollArea, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, NL2SQLPanel, DataCharts, VisualExplain, ResultsGrid, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Label, Input, DialogFooter, buttonVariants, storage, Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-DZ2UB3C6.mjs';
+import { getDBIcon, cn, ENVIRONMENT_LABELS, SchemaDiagram, SchemaExplorer, QueryEditor, QuerySafetyDialog, DataProfiler, CodeGenerator, TestDataGenerator, isDangerousQuery, ScrollArea, Button, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, NL2SQLPanel, DataCharts, VisualExplain, ResultsGrid, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Label, Input, DialogFooter, buttonVariants, storage, Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-G3S66G64.mjs';
 import './chunk-6DRZXXNT.mjs';
 import { __spreadValues, __spreadProps, __objRest } from './chunk-4LVB3K53.mjs';
 import React, { useRef, useMemo, useEffect, useState, useCallback } from 'react';
@@ -25,7 +25,7 @@ var ConnectionItem = React.memo(function ConnectionItem2({
     {
       initial: false,
       className: cn(
-        "group flex items-center gap-2.5 px-3 py-2 rounded-lg cursor-pointer transition-all duration-200 text-sm relative overflow-hidden",
+        "group flex items-center gap-2.5 px-3 py-2 rounded-lg cursor-pointer transition-all duration-200 text-xs relative overflow-hidden",
         isActive ? "bg-blue-600/10 text-blue-400" : "hover:bg-accent/50 text-muted-foreground hover:text-foreground"
       ),
       onClick: () => onSelect(conn),
@@ -49,11 +49,11 @@ var ConnectionItem = React.memo(function ConnectionItem2({
           }
         ),
         /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx("span", { className: "truncate block font-medium text-body", children: conn.name }),
+          /* @__PURE__ */ jsx("span", { className: "truncate block font-medium text-xs", children: conn.name }),
           conn.environment && conn.environment !== "other" && /* @__PURE__ */ jsx(
             "span",
             {
-              className: "text-micro uppercase tracking-wider font-bold px-1.5 py-0.5 rounded-sm shrink-0",
+              className: "text-[0.5rem] font-medium px-1.5 py-0.5 rounded-sm shrink-0",
               style: {
                 color: conn.color || "#6b7280",
                 backgroundColor: `${conn.color || "#6b7280"}15`
@@ -67,35 +67,31 @@ var ConnectionItem = React.memo(function ConnectionItem2({
             "div",
             {
               "data-testid": `managed-lock-${conn.seedId || conn.id}`,
-              className: "w-6 h-6 flex items-center justify-center text-amber-500/60",
+              className: "flex items-center justify-center text-amber-500/60",
               title: "Managed by administrator",
-              children: /* @__PURE__ */ jsx(Lock, { className: "w-3 h-3" })
+              children: /* @__PURE__ */ jsx(Lock, { strokeWidth: 1.5, className: "w-3 h-3" })
             }
           ),
           !conn.managed && onEdit && /* @__PURE__ */ jsx(
-            Button,
+            "button",
             {
-              variant: "ghost",
-              size: "icon",
-              className: "w-6 h-6 opacity-0 group-hover:opacity-100 transition-opacity hover:bg-blue-500/20 hover:text-blue-400",
+              className: "p-1 rounded opacity-0 group-hover:opacity-100 transition-opacity hover:bg-blue-500/20 hover:text-blue-400",
               onClick: (e) => {
                 e.stopPropagation();
                 onEdit(conn);
               },
-              children: /* @__PURE__ */ jsx(Pencil, { className: "w-3 h-3" })
+              children: /* @__PURE__ */ jsx(Pencil, { strokeWidth: 1.5, className: "w-3 h-3" })
             }
           ),
           !conn.managed && /* @__PURE__ */ jsx(
-            Button,
+            "button",
             {
-              variant: "ghost",
-              size: "icon",
-              className: "w-6 h-6 opacity-0 group-hover:opacity-100 transition-opacity hover:bg-red-500/20 hover:text-red-400",
+              className: "p-1 rounded opacity-0 group-hover:opacity-100 transition-opacity hover:bg-red-500/20 hover:text-red-400",
               onClick: (e) => {
                 e.stopPropagation();
                 onDelete(conn.id);
               },
-              children: /* @__PURE__ */ jsx(Trash2, { className: "w-3 h-3" })
+              children: /* @__PURE__ */ jsx(Trash2, { strokeWidth: 1.5, className: "w-3 h-3" })
             }
           )
         ] })
@@ -113,11 +109,11 @@ function ConnectionsList({
 }) {
   return /* @__PURE__ */ jsxs("section", { children: [
     /* @__PURE__ */ jsxs("div", { className: "px-3 mb-2 flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-xs font-bold uppercase tracking-[0.15em] text-muted-foreground", children: "Connections" }),
+      /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Connections" }),
       /* @__PURE__ */ jsx("div", { className: "h-[1px] flex-1 bg-border/30 ml-3" })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: connections.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "px-3 py-6 text-center border border-dashed border-border/50 rounded-lg mx-2", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-body text-muted-foreground mb-3 leading-relaxed", children: "No database connections established yet." }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mb-3 leading-relaxed", children: "No database connections established yet." }),
       /* @__PURE__ */ jsx(
         Button,
         {
@@ -165,29 +161,25 @@ function Sidebar({
   return /* @__PURE__ */ jsxs("div", { className: "flex w-full h-full border-r border-border flex-col bg-background select-none", children: [
     /* @__PURE__ */ jsxs("div", { className: "h-14 px-4 flex items-center justify-between border-b border-border", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "w-6 h-6 bg-blue-600 rounded-md flex items-center justify-center", children: /* @__PURE__ */ jsx(Zap, { className: "w-3.5 h-3.5 text-white fill-current" }) }),
-        /* @__PURE__ */ jsx("span", { className: "font-bold text-sm tracking-tight bg-gradient-to-r from-foreground to-muted-foreground bg-clip-text text-transparent", children: "LibreDB Studio" })
+        /* @__PURE__ */ jsx("div", { className: "w-5 h-5 bg-blue-600 rounded flex items-center justify-center", children: /* @__PURE__ */ jsx(Zap, { strokeWidth: 1.5, className: "w-3 h-3 text-white fill-current" }) }),
+        /* @__PURE__ */ jsx("span", { className: "font-medium text-xs tracking-tight bg-gradient-to-r from-foreground to-muted-foreground bg-clip-text text-transparent", children: "LibreDB Studio" })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
         activeConnection && /* @__PURE__ */ jsx(
-          Button,
+          "button",
           {
-            variant: "ghost",
-            size: "icon",
-            className: "h-8 w-8 hover:bg-accent text-muted-foreground hover:text-foreground transition-colors",
+            className: "p-1 rounded hover:bg-accent text-muted-foreground hover:text-foreground transition-colors",
             onClick: onShowDiagram,
             title: "Show ERD Diagram",
-            children: /* @__PURE__ */ jsx(Layers, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ jsx(Layers, { strokeWidth: 1.5, className: "w-3.5 h-3.5" })
           }
         ),
         /* @__PURE__ */ jsx(
-          Button,
+          "button",
           {
-            variant: "ghost",
-            size: "icon",
-            className: "h-8 w-8 hover:bg-accent text-muted-foreground hover:text-foreground transition-colors",
+            className: "p-1 rounded hover:bg-accent text-muted-foreground hover:text-foreground transition-colors",
             onClick: onAddConnection,
-            children: /* @__PURE__ */ jsx(Plus, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ jsx(Plus, { strokeWidth: 1.5, className: "w-3.5 h-3.5" })
           }
         )
       ] })
@@ -410,22 +402,22 @@ function DataImportModal({ isOpen, onClose, onImport, tables, databaseType }) {
   };
   return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(DialogContent, { className: "bg-[#0a0a0a] border-white/10 text-zinc-100 max-w-2xl max-h-[85vh] overflow-hidden flex flex-col", children: [
     /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsxs(DialogTitle, { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx(Upload, { className: "w-5 h-5 text-blue-400" }),
+      /* @__PURE__ */ jsx(Upload, { strokeWidth: 1.5, className: "w-5 h-5 text-blue-400" }),
       "Import Data",
       fileName && /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-500 font-normal ml-2", children: fileName })
     ] }) }),
     /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 px-1 py-2", children: ["upload", "preview", "configure", "ready"].map((s, idx) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
       /* @__PURE__ */ jsxs("div", { className: cn(
-        "flex items-center gap-1.5 text-xs font-bold uppercase tracking-wider",
+        "flex items-center gap-1.5 text-xs font-mediumr",
         step === s ? "text-blue-400" : idx < ["upload", "preview", "configure", "ready"].indexOf(step) ? "text-emerald-400" : "text-zinc-600"
       ), children: [
         /* @__PURE__ */ jsx("div", { className: cn(
-          "w-5 h-5 rounded-full flex items-center justify-center text-label",
+          "w-5 h-5 rounded-full flex items-center justify-center text-[0.625rem]",
           step === s ? "bg-blue-500/20 border border-blue-500/40" : idx < ["upload", "preview", "configure", "ready"].indexOf(step) ? "bg-emerald-500/20 border border-emerald-500/40" : "bg-white/5 border border-white/10"
-        ), children: idx < ["upload", "preview", "configure", "ready"].indexOf(step) ? /* @__PURE__ */ jsx(Check, { className: "w-3 h-3" }) : idx + 1 }),
+        ), children: idx < ["upload", "preview", "configure", "ready"].indexOf(step) ? /* @__PURE__ */ jsx(Check, { strokeWidth: 1.5, className: "w-3 h-3" }) : idx + 1 }),
         /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: s === "upload" ? "Upload" : s === "preview" ? "Preview" : s === "configure" ? "Configure" : "Import" })
       ] }),
-      idx < 3 && /* @__PURE__ */ jsx(ArrowRight, { className: "w-3 h-3 text-zinc-700" })
+      idx < 3 && /* @__PURE__ */ jsx(ArrowRight, { strokeWidth: 1.5, className: "w-3 h-3 text-zinc-700" })
     ] }, s)) }),
     /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-auto min-h-0", children: [
       step === "upload" && /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
@@ -440,16 +432,16 @@ function DataImportModal({ isOpen, onClose, onImport, tables, databaseType }) {
             },
             className: "border-2 border-dashed border-white/10 rounded-xl p-12 text-center cursor-pointer hover:border-blue-500/30 hover:bg-blue-500/5 transition-all",
             children: [
-              /* @__PURE__ */ jsx(Upload, { className: "w-10 h-10 text-zinc-600 mx-auto mb-4" }),
-              /* @__PURE__ */ jsx("p", { className: "text-sm text-zinc-400 mb-1", children: "Drop a file here or click to browse" }),
+              /* @__PURE__ */ jsx(Upload, { strokeWidth: 1.5, className: "w-10 h-10 text-zinc-600 mx-auto mb-4" }),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-zinc-400 mb-1", children: "Drop a file here or click to browse" }),
               /* @__PURE__ */ jsx("p", { className: "text-xs text-zinc-600", children: "Supports CSV and JSON files" }),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-4 mt-4", children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-zinc-500", children: [
-                  /* @__PURE__ */ jsx(FileSpreadsheet, { className: "w-4 h-4" }),
+                  /* @__PURE__ */ jsx(FileSpreadsheet, { strokeWidth: 1.5, className: "w-3.5 h-3.5" }),
                   /* @__PURE__ */ jsx("span", { className: "text-xs", children: "CSV" })
                 ] }),
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-zinc-500", children: [
-                  /* @__PURE__ */ jsx(FileJson, { className: "w-4 h-4" }),
+                  /* @__PURE__ */ jsx(FileJson, { strokeWidth: 1.5, className: "w-3.5 h-3.5" }),
                   /* @__PURE__ */ jsx("span", { className: "text-xs", children: "JSON" })
                 ] })
               ] })
@@ -471,16 +463,16 @@ function DataImportModal({ isOpen, onClose, onImport, tables, databaseType }) {
           }
         ),
         error && /* @__PURE__ */ jsxs("div", { className: "mt-4 p-3 rounded-lg bg-red-500/10 border border-red-500/20 flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(AlertTriangle, { className: "w-4 h-4 text-red-400 shrink-0" }),
+          /* @__PURE__ */ jsx(AlertTriangle, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-red-400 shrink-0" }),
           /* @__PURE__ */ jsx("span", { className: "text-xs text-red-400", children: error })
         ] })
       ] }),
       step === "preview" && parsedData && /* @__PURE__ */ jsxs("div", { className: "p-4 space-y-4", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-            fileType === "json" ? /* @__PURE__ */ jsx(FileJson, { className: "w-5 h-5 text-amber-400" }) : /* @__PURE__ */ jsx(FileText, { className: "w-5 h-5 text-emerald-400" }),
+            fileType === "json" ? /* @__PURE__ */ jsx(FileJson, { strokeWidth: 1.5, className: "w-5 h-5 text-amber-400" }) : /* @__PURE__ */ jsx(FileText, { strokeWidth: 1.5, className: "w-5 h-5 text-emerald-400" }),
             /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: fileName }),
+              /* @__PURE__ */ jsx("p", { className: "text-xs font-medium", children: fileName }),
               /* @__PURE__ */ jsxs("p", { className: "text-xs text-zinc-500", children: [
                 parsedData.totalRows,
                 " rows, ",
@@ -499,7 +491,7 @@ function DataImportModal({ isOpen, onClose, onImport, tables, databaseType }) {
                 resetState();
               },
               children: [
-                /* @__PURE__ */ jsx(X, { className: "w-3 h-3 mr-1" }),
+                /* @__PURE__ */ jsx(X, { strokeWidth: 1.5, className: "w-3 h-3 mr-1" }),
                 " Reset"
               ]
             }
@@ -507,7 +499,7 @@ function DataImportModal({ isOpen, onClose, onImport, tables, databaseType }) {
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "border border-white/5 rounded-lg overflow-auto max-h-60", children: [
           /* @__PURE__ */ jsxs("table", { className: "w-full text-xs", children: [
-            /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { className: "bg-[#0d0d0d]", children: parsedData.headers.map((h) => /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-left text-xs uppercase tracking-wider text-zinc-500 font-mono border-b border-white/5 whitespace-nowrap", children: h }, h)) }) }),
+            /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { className: "bg-[#0d0d0d]", children: parsedData.headers.map((h) => /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-left text-xs uppercase text-zinc-500 font-mono border-b border-white/5 whitespace-nowrap", children: h }, h)) }) }),
             /* @__PURE__ */ jsx("tbody", { children: parsedData.rows.slice(0, 10).map((row, idx) => /* @__PURE__ */ jsx("tr", { className: "border-b border-white/5 hover:bg-white/[0.02]", children: row.map((cell, cidx) => /* @__PURE__ */ jsx("td", { className: "px-3 py-1.5 text-zinc-300 font-mono whitespace-nowrap max-w-[200px] truncate", children: cell || /* @__PURE__ */ jsx("span", { className: "text-zinc-600 italic", children: "NULL" }) }, cidx)) }, idx)) })
           ] }),
           parsedData.totalRows > 10 && /* @__PURE__ */ jsxs("div", { className: "text-center py-2 text-xs text-zinc-600 bg-[#0d0d0d]", children: [
@@ -524,7 +516,7 @@ function DataImportModal({ isOpen, onClose, onImport, tables, databaseType }) {
             onClick: () => setStep("configure"),
             children: [
               "Configure Import ",
-              /* @__PURE__ */ jsx(ArrowRight, { className: "w-3 h-3" })
+              /* @__PURE__ */ jsx(ArrowRight, { strokeWidth: 1.5, className: "w-3 h-3" })
             ]
           }
         ) })
@@ -542,7 +534,7 @@ function DataImportModal({ isOpen, onClose, onImport, tables, databaseType }) {
                 ),
                 onClick: () => setCreateNewTable(false),
                 children: [
-                  /* @__PURE__ */ jsx(Table2, { className: "w-4 h-4 mb-1" }),
+                  /* @__PURE__ */ jsx(Table2, { strokeWidth: 1.5, className: "w-3.5 h-3.5 mb-1" }),
                   "Existing Table"
                 ]
               }
@@ -556,7 +548,7 @@ function DataImportModal({ isOpen, onClose, onImport, tables, databaseType }) {
                 ),
                 onClick: () => setCreateNewTable(true),
                 children: [
-                  /* @__PURE__ */ jsx(FileSpreadsheet, { className: "w-4 h-4 mb-1" }),
+                  /* @__PURE__ */ jsx(FileSpreadsheet, { strokeWidth: 1.5, className: "w-3.5 h-3.5 mb-1" }),
                   "New Table"
                 ]
               }
@@ -571,7 +563,7 @@ function DataImportModal({ isOpen, onClose, onImport, tables, databaseType }) {
               value: newTableName,
               onChange: (e) => setNewTableName(e.target.value),
               placeholder: "imported_data",
-              className: "mt-1 bg-[#111] border-white/10 text-sm h-9"
+              className: "mt-1 bg-[#111] border-white/10 text-xs h-9"
             }
           )
         ] }) : /* @__PURE__ */ jsxs("div", { children: [
@@ -581,7 +573,7 @@ function DataImportModal({ isOpen, onClose, onImport, tables, databaseType }) {
             {
               value: targetTable,
               onChange: (e) => setTargetTable(e.target.value),
-              className: "w-full mt-1 bg-[#111] border border-white/10 rounded-md px-3 py-2 text-sm text-zinc-300 outline-none focus:border-blue-500/40",
+              className: "w-full mt-1 bg-[#111] border border-white/10 rounded-md px-3 py-2 text-xs text-zinc-300 outline-none focus:border-blue-500/40",
               children: [
                 /* @__PURE__ */ jsx("option", { value: "", children: "-- Select a table --" }),
                 tables.map((t) => /* @__PURE__ */ jsx("option", { value: t.name, children: t.name }, t.name))
@@ -592,14 +584,14 @@ function DataImportModal({ isOpen, onClose, onImport, tables, databaseType }) {
         /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
           /* @__PURE__ */ jsx("label", { className: "text-xs text-zinc-400 font-medium", children: "Column Mapping" }),
           /* @__PURE__ */ jsxs("div", { className: "border border-white/5 rounded-lg overflow-hidden", children: [
-            /* @__PURE__ */ jsxs("div", { className: "bg-[#0d0d0d] grid grid-cols-[1fr,auto,1fr] gap-2 px-3 py-1.5 text-xs uppercase tracking-wider text-zinc-500 border-b border-white/5", children: [
+            /* @__PURE__ */ jsxs("div", { className: "bg-[#0d0d0d] grid grid-cols-[1fr,auto,1fr] gap-2 px-3 py-1.5 text-xs text-zinc-500 border-b border-white/5", children: [
               /* @__PURE__ */ jsx("span", { children: "Source Column" }),
               /* @__PURE__ */ jsx("span", {}),
               /* @__PURE__ */ jsx("span", { children: "Target Column" })
             ] }),
             /* @__PURE__ */ jsx("div", { className: "max-h-40 overflow-auto", children: parsedData.headers.map((header) => /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1fr,auto,1fr] gap-2 items-center px-3 py-1.5 border-b border-white/5", children: [
               /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-300 font-mono truncate", children: header }),
-              /* @__PURE__ */ jsx(ArrowRight, { className: "w-3 h-3 text-zinc-600" }),
+              /* @__PURE__ */ jsx(ArrowRight, { strokeWidth: 1.5, className: "w-3 h-3 text-zinc-600" }),
               /* @__PURE__ */ jsx(
                 Input,
                 {
@@ -632,7 +624,7 @@ function DataImportModal({ isOpen, onClose, onImport, tables, databaseType }) {
               disabled: !createNewTable && !targetTable,
               children: [
                 "Review SQL ",
-                /* @__PURE__ */ jsx(ArrowRight, { className: "w-3 h-3" })
+                /* @__PURE__ */ jsx(ArrowRight, { strokeWidth: 1.5, className: "w-3 h-3" })
               ]
             }
           )
@@ -641,14 +633,14 @@ function DataImportModal({ isOpen, onClose, onImport, tables, databaseType }) {
       step === "ready" && /* @__PURE__ */ jsxs("div", { className: "p-4 space-y-4", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Ready to Import" }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-medium", children: "Ready to Import" }),
             /* @__PURE__ */ jsxs("p", { className: "text-xs text-zinc-500 mt-0.5", children: [
               parsedData == null ? void 0 : parsedData.totalRows,
               " rows into ",
               createNewTable ? newTableName || "imported_data" : targetTable
             ] })
           ] }),
-          databaseType && /* @__PURE__ */ jsx("span", { className: "text-xs uppercase tracking-wider text-zinc-500 bg-white/5 px-2 py-1 rounded", children: databaseType })
+          databaseType && /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-500 bg-white/5 px-2 py-1 rounded", children: databaseType })
         ] }),
         /* @__PURE__ */ jsx("div", { className: "border border-white/5 rounded-lg bg-[#0d0d0d] overflow-auto max-h-60", children: /* @__PURE__ */ jsxs("pre", { className: "p-3 text-xs text-zinc-400 font-mono whitespace-pre-wrap", children: [
           generatedSQL.substring(0, 3e3),
@@ -686,10 +678,10 @@ function DataImportModal({ isOpen, onClose, onImport, tables, databaseType }) {
                 onClick: handleImport,
                 disabled: isImporting,
                 children: isImporting ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(Loader2, { className: "w-3 h-3 animate-spin" }),
+                  /* @__PURE__ */ jsx(Loader2, { strokeWidth: 1.5, className: "w-3 h-3 animate-spin" }),
                   " Importing..."
                 ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx(Upload, { className: "w-3 h-3" }),
+                  /* @__PURE__ */ jsx(Upload, { strokeWidth: 1.5, className: "w-3 h-3" }),
                   " Execute Import"
                 ] })
               }
@@ -729,14 +721,14 @@ function SaveQueryModal({ isOpen, onClose, onSave, defaultQuery }) {
   return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: onClose, children: /* @__PURE__ */ jsxs(DialogContent, { className: "bg-[#0d0d0d] border-white/10 text-zinc-300 sm:max-w-[425px]", children: [
     /* @__PURE__ */ jsxs(DialogHeader, { children: [
       /* @__PURE__ */ jsxs(DialogTitle, { className: "text-white flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(Bookmark, { className: "w-5 h-5 text-blue-500" }),
+        /* @__PURE__ */ jsx(Bookmark, { strokeWidth: 1.5, className: "w-5 h-5 text-blue-500" }),
         " Save Query"
       ] }),
       /* @__PURE__ */ jsx(DialogDescription, { className: "text-zinc-500", children: "Give your query a name and description to find it easily later." })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "grid gap-4 py-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "name", className: "text-xs font-bold uppercase tracking-widest text-zinc-500", children: "Name" }),
+        /* @__PURE__ */ jsx(Label, { htmlFor: "name", className: "text-xs font-medium text-zinc-500", children: "Name" }),
         /* @__PURE__ */ jsx(
           Input,
           {
@@ -749,7 +741,7 @@ function SaveQueryModal({ isOpen, onClose, onSave, defaultQuery }) {
         )
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
-        /* @__PURE__ */ jsx(Label, { htmlFor: "description", className: "text-xs font-bold uppercase tracking-widest text-zinc-500", children: "Description" }),
+        /* @__PURE__ */ jsx(Label, { htmlFor: "description", className: "text-xs font-medium text-zinc-500", children: "Description" }),
         /* @__PURE__ */ jsx(
           Textarea,
           {
@@ -762,8 +754,8 @@ function SaveQueryModal({ isOpen, onClose, onSave, defaultQuery }) {
         )
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "grid gap-2", children: [
-        /* @__PURE__ */ jsxs(Label, { htmlFor: "tags", className: "text-xs font-bold uppercase tracking-widest text-zinc-500 flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(Tag, { className: "w-3 h-3" }),
+        /* @__PURE__ */ jsxs(Label, { htmlFor: "tags", className: "text-xs font-medium text-zinc-500 flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Tag, { strokeWidth: 1.5, className: "w-3 h-3" }),
           " Tags (comma separated)"
         ] }),
         /* @__PURE__ */ jsx(
@@ -778,7 +770,7 @@ function SaveQueryModal({ isOpen, onClose, onSave, defaultQuery }) {
         )
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "mt-2", children: [
-        /* @__PURE__ */ jsx(Label, { className: "text-xs font-bold uppercase tracking-widest text-zinc-500 mb-2 block", children: "Preview" }),
+        /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium text-zinc-500 mb-2 block", children: "Preview" }),
         /* @__PURE__ */ jsx("div", { className: "bg-[#050505] p-3 rounded-md border border-white/5 max-h-[100px] overflow-y-auto", children: /* @__PURE__ */ jsx("pre", { className: "text-xs font-mono text-zinc-500 italic whitespace-pre-wrap break-words", children: defaultQuery }) })
       ] })
     ] }),
@@ -789,7 +781,7 @@ function SaveQueryModal({ isOpen, onClose, onSave, defaultQuery }) {
         {
           onClick: handleSave,
           disabled: !name,
-          className: "bg-blue-600 hover:bg-blue-500 text-white font-bold",
+          className: "bg-blue-600 hover:bg-blue-500 text-white font-medium",
           children: "Save Query"
         }
       )
@@ -822,7 +814,7 @@ function StudioTabBar({
           activeTabId === tab.id ? "bg-[#141414] text-zinc-100 border-blue-500" : "text-zinc-500 hover:bg-white/5 border-transparent"
         ),
         children: [
-          tab.type === "sql" ? /* @__PURE__ */ jsx(Hash, { className: "w-3 h-3" }) : /* @__PURE__ */ jsx(FileJson, { className: "w-3 h-3" }),
+          tab.type === "sql" ? /* @__PURE__ */ jsx(Hash, { strokeWidth: 1.5, className: "w-3 h-3" }) : /* @__PURE__ */ jsx(FileJson, { strokeWidth: 1.5, className: "w-3 h-3" }),
           editingTabId === tab.id ? /* @__PURE__ */ jsx(
             "input",
             {
@@ -849,12 +841,12 @@ function StudioTabBar({
               className: "text-xs font-medium bg-transparent border-b border-blue-500 outline-none w-full text-zinc-100"
             }
           ) : /* @__PURE__ */ jsx("span", { className: "text-xs truncate font-medium", children: tab.name }),
-          tabs.length > 1 && /* @__PURE__ */ jsx(X, { className: "w-3 h-3 ml-auto opacity-0 group-hover:opacity-100 hover:text-white shrink-0", onClick: (e) => onCloseTab(tab.id, e) })
+          tabs.length > 1 && /* @__PURE__ */ jsx(X, { strokeWidth: 1.5, className: "w-3 h-3 ml-auto opacity-0 group-hover:opacity-100 hover:text-white shrink-0", onClick: (e) => onCloseTab(tab.id, e) })
         ]
       },
       tab.id
     )),
-    /* @__PURE__ */ jsx(Plus, { className: "w-4 h-4 text-zinc-500 cursor-pointer hover:text-white mx-2", onClick: onAddTab })
+    /* @__PURE__ */ jsx(Plus, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-zinc-500 cursor-pointer hover:text-white mx-2", onClick: onAddTab })
   ] });
 }
 function QueryToolbar({
@@ -876,14 +868,14 @@ function QueryToolbar({
 }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     playgroundMode && /* @__PURE__ */ jsxs("div", { className: "hidden md:flex items-center justify-center gap-2 px-4 py-1 bg-emerald-500/10 border-b border-emerald-500/20 text-emerald-400", children: [
-      /* @__PURE__ */ jsx(FlaskConical, { className: "w-3 h-3" }),
-      /* @__PURE__ */ jsx("span", { className: "text-xs font-bold uppercase tracking-widest", children: "Sandbox Mode \u2014 All changes will be auto-rolled back" })
+      /* @__PURE__ */ jsx(FlaskConical, { strokeWidth: 1.5, className: "w-3 h-3" }),
+      /* @__PURE__ */ jsx("span", { className: "text-xs font-mediumr", children: "Sandbox Mode \u2014 All changes will be auto-rolled back" })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "hidden md:flex items-center justify-between px-4 py-1.5 bg-[#0a0a0a] border-b border-white/5", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-2 py-0.5 rounded bg-blue-500/5 border border-blue-500/10", children: [
-          /* @__PURE__ */ jsx(Terminal, { className: "w-3 h-3 text-blue-400" }),
-          /* @__PURE__ */ jsx("span", { className: "text-xs font-bold text-blue-400 uppercase tracking-widest", children: "Query" })
+          /* @__PURE__ */ jsx(Terminal, { strokeWidth: 1.5, className: "w-3 h-3 text-blue-400" }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-blue-400", children: "Query" })
         ] }),
         /* @__PURE__ */ jsx("div", { className: "h-4 w-px bg-white/5" }),
         /* @__PURE__ */ jsxs(
@@ -891,10 +883,10 @@ function QueryToolbar({
           {
             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: onSaveQuery,
             children: [
-              /* @__PURE__ */ jsx(Save, { className: "w-3 h-3" }),
+              /* @__PURE__ */ jsx(Save, { strokeWidth: 1.5, className: "w-3 h-3" }),
               " Save"
             ]
           }
@@ -904,10 +896,10 @@ function QueryToolbar({
         Button,
         {
           size: "sm",
-          className: "bg-red-600 hover:bg-red-500 text-white font-bold text-body h-7 px-4 gap-2",
+          className: "bg-red-600 hover:bg-red-500 text-white font-medium text-xs h-7 px-4 gap-2",
           onClick: onCancelQuery,
           children: [
-            /* @__PURE__ */ jsx(Square, { className: "w-3 h-3 fill-current" }),
+            /* @__PURE__ */ jsx(Square, { strokeWidth: 1.5, className: "w-3 h-3 fill-current" }),
             "CANCEL"
           ]
         }
@@ -915,24 +907,24 @@ function QueryToolbar({
         Button,
         {
           size: "sm",
-          className: "bg-blue-600 hover:bg-blue-500 text-white font-bold text-body h-7 px-4 gap-2",
+          className: "bg-blue-600 hover:bg-blue-500 text-white font-medium text-xs h-7 px-4 gap-2",
           onClick: onExecuteQuery,
           disabled: !activeConnection,
           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"
           ]
         }
       ),
       activeConnection && (metadata == null ? void 0 : metadata.capabilities.queryLanguage) === "sql" && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 ml-2 pl-2 border-l border-white/10", children: [
         transactionActive ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("span", { className: "text-label font-bold text-amber-400 uppercase tracking-wider px-1.5 py-0.5 bg-amber-500/10 rounded border border-amber-500/20 mr-1", children: "TXN" }),
+          /* @__PURE__ */ jsx("span", { className: "text-[0.625rem] font-medium text-amber-400 px-1.5 py-0.5 bg-amber-500/10 rounded border border-amber-500/20 mr-1", children: "TXN" }),
           /* @__PURE__ */ jsx(
             Button,
             {
               size: "sm",
               variant: "ghost",
-              className: "h-7 text-xs font-bold text-emerald-400 hover:text-emerald-300 hover:bg-emerald-500/10 gap-1",
+              className: "h-7 text-xs font-medium text-emerald-400 hover:text-emerald-300 hover:bg-emerald-500/10 gap-1",
               onClick: onCommitTransaction,
               children: "COMMIT"
             }
@@ -942,7 +934,7 @@ function QueryToolbar({
             {
               size: "sm",
               variant: "ghost",
-              className: "h-7 text-xs font-bold text-red-400 hover:text-red-300 hover:bg-red-500/10 gap-1",
+              className: "h-7 text-xs font-medium text-red-400 hover:text-red-300 hover:bg-red-500/10 gap-1",
               onClick: onRollbackTransaction,
               children: "ROLLBACK"
             }
@@ -952,7 +944,7 @@ function QueryToolbar({
           {
             size: "sm",
             variant: "ghost",
-            className: "h-7 text-xs font-bold uppercase tracking-widest text-zinc-500 hover:text-white gap-1",
+            className: "h-7 text-xs font-medium text-zinc-500 hover:text-white gap-1",
             onClick: onBeginTransaction,
             disabled: playgroundMode,
             children: "BEGIN"
@@ -964,14 +956,14 @@ function QueryToolbar({
             size: "sm",
             variant: "ghost",
             className: cn(
-              "h-7 text-xs font-bold uppercase tracking-widest gap-1",
+              "h-7 text-xs font-medium gap-1",
               playgroundMode ? "text-emerald-400 bg-emerald-500/10 hover:bg-emerald-500/20" : "text-zinc-500 hover:text-white"
             ),
             onClick: onTogglePlayground,
             disabled: transactionActive,
             title: "Playground mode: queries are auto-rolled back",
             children: [
-              /* @__PURE__ */ jsx(FlaskConical, { className: "w-3 h-3" }),
+              /* @__PURE__ */ jsx(FlaskConical, { strokeWidth: 1.5, className: "w-3 h-3" }),
               "SANDBOX"
             ]
           }
@@ -982,13 +974,13 @@ function QueryToolbar({
             size: "sm",
             variant: "ghost",
             className: cn(
-              "h-7 text-xs font-bold uppercase tracking-widest gap-1",
+              "h-7 text-xs font-medium gap-1",
               editingEnabled ? "text-amber-400 bg-amber-500/10 hover:bg-amber-500/20" : "text-zinc-500 hover:text-white"
             ),
             onClick: onToggleEditing,
             title: "Enable inline data editing",
             children: [
-              /* @__PURE__ */ jsx(Pencil, { className: "w-3 h-3" }),
+              /* @__PURE__ */ jsx(Pencil, { strokeWidth: 1.5, className: "w-3 h-3" }),
               "EDIT"
             ]
           }
@@ -998,11 +990,11 @@ function QueryToolbar({
           {
             size: "sm",
             variant: "ghost",
-            className: "h-7 text-xs font-bold uppercase tracking-widest text-zinc-500 hover:text-white gap-1",
+            className: "h-7 text-xs font-medium text-zinc-500 hover:text-white gap-1",
             onClick: onImport,
             title: "Import data from CSV/JSON",
             children: [
-              /* @__PURE__ */ jsx(Upload, { className: "w-3 h-3" }),
+              /* @__PURE__ */ jsx(Upload, { strokeWidth: 1.5, className: "w-3 h-3" }),
               "IMPORT"
             ]
           }
@@ -1106,7 +1098,7 @@ function AIAutopilotPanel({ connection, schemaContext, onExecuteQuery }) {
           const sql = codeContent.trim();
           elements.push(
             /* @__PURE__ */ jsxs("div", { className: "relative group my-2", children: [
-              /* @__PURE__ */ jsx("pre", { className: "bg-[#050505] rounded-lg p-3 text-body font-mono text-blue-300 overflow-x-auto whitespace-pre-wrap border border-white/5", children: sql }),
+              /* @__PURE__ */ jsx("pre", { className: "bg-[#050505] rounded-lg p-3 text-xs font-mono text-blue-300 overflow-x-auto whitespace-pre-wrap border border-white/5", children: sql }),
               /* @__PURE__ */ jsxs("div", { className: "absolute top-1.5 right-1.5 flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity", children: [
                 /* @__PURE__ */ jsx(
                   "button",
@@ -1114,7 +1106,7 @@ function AIAutopilotPanel({ connection, schemaContext, onExecuteQuery }) {
                     onClick: () => copyToClipboard(sql, blockIndex),
                     className: "p-1 rounded bg-white/10 hover:bg-white/20 text-zinc-400",
                     title: "Copy",
-                    children: copiedIndex === blockIndex ? /* @__PURE__ */ jsx(Check, { className: "w-3 h-3 text-emerald-400" }) : /* @__PURE__ */ jsx(Copy, { className: "w-3 h-3" })
+                    children: copiedIndex === blockIndex ? /* @__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" })
                   }
                 ),
                 onExecuteQuery && /* @__PURE__ */ jsx(
@@ -1123,7 +1115,7 @@ function AIAutopilotPanel({ connection, schemaContext, onExecuteQuery }) {
                     onClick: () => onExecuteQuery(sql),
                     className: "p-1 rounded bg-blue-600/20 hover:bg-blue-600/30 text-blue-400",
                     title: "Execute",
-                    children: /* @__PURE__ */ jsx(Play, { className: "w-3 h-3 fill-current" })
+                    children: /* @__PURE__ */ jsx(Play, { strokeWidth: 1.5, className: "w-3 h-3 fill-current" })
                   }
                 )
               ] })
@@ -1141,9 +1133,9 @@ function AIAutopilotPanel({ connection, schemaContext, onExecuteQuery }) {
         continue;
       }
       if (line.startsWith("## ")) {
-        elements.push(/* @__PURE__ */ jsx("h2", { className: "text-sm font-bold text-zinc-200 mt-4 mb-2", children: line.slice(3) }, i));
+        elements.push(/* @__PURE__ */ jsx("h2", { className: "text-xs font-medium text-zinc-200 mt-4 mb-2", children: line.slice(3) }, i));
       } else if (line.startsWith("### ")) {
-        elements.push(/* @__PURE__ */ jsx("h3", { className: "text-xs font-bold text-zinc-300 mt-3 mb-1", children: line.slice(4) }, i));
+        elements.push(/* @__PURE__ */ jsx("h3", { className: "text-xs font-medium text-zinc-300 mt-3 mb-1", children: line.slice(4) }, i));
       } else if (line.startsWith("- ")) {
         const content = line.slice(2).replace(/\*\*(.*?)\*\*/g, '<strong class="text-zinc-200">$1</strong>');
         elements.push(/* @__PURE__ */ jsx("li", { className: "text-xs text-zinc-400 ml-4 leading-relaxed", dangerouslySetInnerHTML: { __html: content } }, i));
@@ -1162,8 +1154,8 @@ function AIAutopilotPanel({ connection, schemaContext, onExecuteQuery }) {
   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-cyan-500/10", 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-widest", children: "AI Performance Autopilot" })
+        /* @__PURE__ */ jsx("div", { className: "p-1 rounded bg-cyan-500/10", children: /* @__PURE__ */ jsx(Sparkles, { strokeWidth: 1.5, className: "w-3 h-3 text-cyan-400" }) }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-cyan-400", children: "AI Performance Autopilot" })
       ] }),
       /* @__PURE__ */ jsx(
         "button",
@@ -1171,14 +1163,14 @@ function AIAutopilotPanel({ connection, schemaContext, onExecuteQuery }) {
           onClick: runAutopilot,
           disabled: isLoading || !connection,
           className: cn(
-            "flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-bold transition-colors",
+            "flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium transition-colors",
             isLoading ? "bg-cyan-600/20 text-cyan-400 cursor-wait" : "bg-cyan-600 hover:bg-cyan-500 text-white"
           ),
           children: isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(Loader2, { className: "w-3 h-3 animate-spin" }),
+            /* @__PURE__ */ jsx(Loader2, { strokeWidth: 1.5, className: "w-3 h-3 animate-spin" }),
             " Analyzing..."
           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(RefreshCw, { className: "w-3 h-3" }),
+            /* @__PURE__ */ jsx(RefreshCw, { strokeWidth: 1.5, className: "w-3 h-3" }),
             " ",
             report ? "Re-analyze" : "Run Analysis"
           ] })
@@ -1187,8 +1179,8 @@ function AIAutopilotPanel({ connection, schemaContext, onExecuteQuery }) {
     ] }),
     /* @__PURE__ */ jsxs("div", { ref: reportRef, className: "flex-1 overflow-auto p-4", children: [
       !report && !isLoading && !error && /* @__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: "AI Performance Autopilot" }),
+        /* @__PURE__ */ jsx(Sparkles, { strokeWidth: 1.5, className: "w-8 h-8 mb-3" }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs font-medium", children: "AI Performance Autopilot" }),
         /* @__PURE__ */ jsx("p", { className: "text-xs text-zinc-500 mt-1", children: 'Click "Run Analysis" to get AI-powered optimization recommendations' })
       ] }),
       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 }),
@@ -1294,21 +1286,21 @@ ORDER BY ${groupBy.join(", ")};`;
   }, [rowField, colField, valueField, aggFunction, pivotData]);
   if (!result || rows.length === 0) {
     return /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col items-center justify-center opacity-30", children: [
-      /* @__PURE__ */ jsx(Columns3, { className: "w-8 h-8 mb-3" }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Pivot Table" }),
+      /* @__PURE__ */ jsx(Columns3, { strokeWidth: 1.5, className: "w-8 h-8 mb-3" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium", children: "Pivot Table" }),
       /* @__PURE__ */ jsx("p", { className: "text-xs text-zinc-500 mt-1", children: "Execute a query to create pivot tables" })
     ] });
   }
   return /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col bg-[#080808]", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-4 py-2 border-b border-white/5 bg-[#0a0a0a] flex-wrap", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-500 font-bold uppercase", children: "Rows:" }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-500 font-medium", children: "Rows:" }),
         /* @__PURE__ */ jsxs(
           "select",
           {
             value: rowField || "",
             onChange: (e) => setRowField(e.target.value || null),
-            className: "bg-[#111] border border-white/10 rounded px-2 py-1 text-body text-zinc-300 outline-none",
+            className: "bg-[#111] border border-white/10 rounded px-2 py-1 text-xs text-zinc-300 outline-none",
             children: [
               /* @__PURE__ */ jsx("option", { value: "", children: "Select..." }),
               fields.map((f) => /* @__PURE__ */ jsx("option", { value: f, children: f }, f))
@@ -1317,13 +1309,13 @@ ORDER BY ${groupBy.join(", ")};`;
         )
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-500 font-bold uppercase", children: "Columns:" }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-500 font-medium", children: "Columns:" }),
         /* @__PURE__ */ jsxs(
           "select",
           {
             value: colField || "",
             onChange: (e) => setColField(e.target.value || null),
-            className: "bg-[#111] border border-white/10 rounded px-2 py-1 text-body text-zinc-300 outline-none",
+            className: "bg-[#111] border border-white/10 rounded px-2 py-1 text-xs text-zinc-300 outline-none",
             children: [
               /* @__PURE__ */ jsx("option", { value: "", children: "None" }),
               fields.filter((f) => f !== rowField).map((f) => /* @__PURE__ */ jsx("option", { value: f, children: f }, f))
@@ -1332,13 +1324,13 @@ ORDER BY ${groupBy.join(", ")};`;
         )
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-500 font-bold uppercase", children: "Values:" }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-500 font-medium", children: "Values:" }),
         /* @__PURE__ */ jsxs(
           "select",
           {
             value: valueField || "",
             onChange: (e) => setValueField(e.target.value || null),
-            className: "bg-[#111] border border-white/10 rounded px-2 py-1 text-body text-zinc-300 outline-none",
+            className: "bg-[#111] border border-white/10 rounded px-2 py-1 text-xs text-zinc-300 outline-none",
             children: [
               /* @__PURE__ */ jsx("option", { value: "", children: "Count" }),
               fields.filter((f) => f !== rowField && f !== colField).map((f) => /* @__PURE__ */ jsx("option", { value: f, children: f }, f))
@@ -1351,7 +1343,7 @@ ORDER BY ${groupBy.join(", ")};`;
         {
           onClick: () => setAggFunction(fn),
           className: cn(
-            "px-1.5 py-0.5 rounded text-xs font-bold transition-colors",
+            "px-1.5 py-0.5 rounded text-xs font-medium transition-colors",
             aggFunction === fn ? "bg-blue-500/20 text-blue-400 border border-blue-500/20" : "text-zinc-600 hover:text-zinc-400"
           ),
           children: AGG_LABELS[fn]
@@ -1365,25 +1357,25 @@ ORDER BY ${groupBy.join(", ")};`;
             const sql = generateSQL();
             if (sql) onLoadQuery(sql);
           },
-          className: "ml-auto flex items-center gap-1 px-2 py-1 rounded text-xs font-bold text-zinc-500 hover:text-blue-400 hover:bg-blue-500/10 transition-colors",
+          className: "ml-auto flex items-center gap-1 px-2 py-1 rounded text-xs font-medium text-zinc-500 hover:text-blue-400 hover:bg-blue-500/10 transition-colors",
           children: [
-            /* @__PURE__ */ jsx(ArrowRight, { className: "w-3 h-3" }),
+            /* @__PURE__ */ jsx(ArrowRight, { strokeWidth: 1.5, className: "w-3 h-3" }),
             " Generate SQL"
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto", children: pivotData && pivotData.pivotRows.length > 0 ? /* @__PURE__ */ jsxs("table", { className: "w-full text-body font-mono", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto", children: pivotData && pivotData.pivotRows.length > 0 ? /* @__PURE__ */ jsxs("table", { className: "w-full text-xs font-mono", children: [
       /* @__PURE__ */ jsx("thead", { className: "sticky top-0 z-10 bg-[#0d0d0d]", children: /* @__PURE__ */ jsxs("tr", { children: [
-        /* @__PURE__ */ jsx("th", { className: "text-left px-3 py-2 text-zinc-500 border-b border-r border-white/5 font-bold uppercase tracking-wider", children: rowField }),
-        pivotData.colKeys.map((ck) => /* @__PURE__ */ jsx("th", { className: "text-right px-3 py-2 text-zinc-500 border-b border-r border-white/5 font-bold", children: ck === "__all__" ? `${AGG_LABELS[aggFunction]}(${valueField || "*"})` : ck }, ck))
+        /* @__PURE__ */ jsx("th", { className: "text-left px-3 py-2 text-zinc-500 border-b border-r border-white/5 font-mediumr", children: rowField }),
+        pivotData.colKeys.map((ck) => /* @__PURE__ */ jsx("th", { className: "text-right px-3 py-2 text-zinc-500 border-b border-r border-white/5 font-medium", children: ck === "__all__" ? `${AGG_LABELS[aggFunction]}(${valueField || "*"})` : ck }, ck))
       ] }) }),
       /* @__PURE__ */ jsx("tbody", { children: pivotData.pivotRows.map((row, i) => /* @__PURE__ */ jsxs("tr", { className: "hover:bg-blue-500/[0.03] border-b border-white/5", children: [
         /* @__PURE__ */ jsx("td", { className: "px-3 py-1.5 text-zinc-300 border-r border-white/5 font-medium", children: row.rowKey }),
         pivotData.colKeys.map((ck) => /* @__PURE__ */ jsx("td", { className: "px-3 py-1.5 text-right text-amber-500/90 border-r border-white/5", children: row.values.get(ck) || "0" }, ck))
       ] }, i)) })
     ] }) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center h-full opacity-30", children: [
-      /* @__PURE__ */ jsx(GripVertical, { className: "w-6 h-6 mb-2" }),
+      /* @__PURE__ */ jsx(GripVertical, { strokeWidth: 1.5, className: "w-6 h-6 mb-2" }),
       /* @__PURE__ */ jsx("p", { className: "text-xs", children: "Select row and value fields to build pivot" })
     ] }) }),
     pivotData && /* @__PURE__ */ jsxs("div", { className: "px-4 py-1.5 border-t border-white/5 bg-[#0a0a0a] text-xs text-zinc-500 font-mono", children: [
@@ -1506,8 +1498,8 @@ ${aiDocs}
   };
   const renderMarkdown = (text) => {
     return text.split("\n").map((line, i) => {
-      if (line.startsWith("## ")) return /* @__PURE__ */ jsx("h2", { className: "text-sm font-bold text-zinc-200 mt-4 mb-2", children: line.slice(3) }, i);
-      if (line.startsWith("### ")) return /* @__PURE__ */ jsx("h3", { className: "text-xs font-bold text-zinc-300 mt-3 mb-1", children: line.slice(4) }, i);
+      if (line.startsWith("## ")) return /* @__PURE__ */ jsx("h2", { className: "text-xs font-medium text-zinc-200 mt-4 mb-2", children: line.slice(3) }, i);
+      if (line.startsWith("### ")) return /* @__PURE__ */ jsx("h3", { className: "text-xs font-medium text-zinc-300 mt-3 mb-1", children: line.slice(4) }, i);
       if (line.startsWith("- ")) {
         const content = line.slice(2).replace(/\*\*(.*?)\*\*/g, '<strong class="text-zinc-200">$1</strong>');
         return /* @__PURE__ */ jsx("li", { className: "text-xs text-zinc-400 ml-4 leading-relaxed", dangerouslySetInnerHTML: { __html: content } }, i);
@@ -1526,9 +1518,9 @@ ${aiDocs}
   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-teal-500/10", children: /* @__PURE__ */ jsx(FileText, { className: "w-3.5 h-3.5 text-teal-400" }) }),
-        /* @__PURE__ */ jsx("span", { className: "text-xs font-bold text-teal-400 uppercase tracking-widest", children: "Database Docs" }),
-        /* @__PURE__ */ jsxs("span", { className: "text-label text-zinc-500 font-mono", children: [
+        /* @__PURE__ */ jsx("div", { className: "p-1 rounded bg-teal-500/10", children: /* @__PURE__ */ jsx(FileText, { strokeWidth: 1.5, className: "w-3 h-3 text-teal-400" }) }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-teal-400", children: "Database Docs" }),
+        /* @__PURE__ */ jsxs("span", { className: "text-[0.625rem] text-zinc-500 font-mono", children: [
           schema.length,
           " tables"
         ] })
@@ -1540,11 +1532,11 @@ ${aiDocs}
             onClick: generateAiDocs,
             disabled: isAiLoading,
             className: cn(
-              "flex items-center gap-1 px-2.5 py-1 rounded-lg text-xs font-bold transition-colors",
+              "flex items-center gap-1 px-2.5 py-1 rounded-lg text-xs font-medium transition-colors",
               isAiLoading ? "bg-teal-600/20 text-teal-400 cursor-wait" : "bg-teal-600 hover:bg-teal-500 text-white"
             ),
             children: [
-              isAiLoading ? /* @__PURE__ */ jsx(Loader2, { className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsx(Sparkles, { className: "w-3 h-3" }),
+              isAiLoading ? /* @__PURE__ */ jsx(Loader2, { strokeWidth: 1.5, className: "w-3 h-3 animate-spin" }) : /* @__PURE__ */ jsx(Sparkles, { strokeWidth: 1.5, className: "w-3 h-3" }),
               aiDocs ? "Regenerate" : "AI Describe"
             ]
           }
@@ -1553,9 +1545,9 @@ ${aiDocs}
           "button",
           {
             onClick: exportMarkdown,
-            className: "flex items-center gap-1 px-2.5 py-1 rounded-lg bg-white/5 text-zinc-400 text-xs font-bold hover:bg-white/10 transition-colors",
+            className: "flex items-center gap-1 px-2.5 py-1 rounded-lg bg-white/5 text-zinc-400 text-xs font-medium hover:bg-white/10 transition-colors",
             children: [
-              /* @__PURE__ */ jsx(Download, { className: "w-3 h-3" }),
+              /* @__PURE__ */ jsx(Download, { strokeWidth: 1.5, className: "w-3 h-3" }),
               " Export MD"
             ]
           }
@@ -1563,7 +1555,7 @@ ${aiDocs}
       ] })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "px-4 py-2 border-b border-white/5 bg-[#0a0a0a]", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx(Search, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 w-3 h-3 text-zinc-500" }),
+      /* @__PURE__ */ jsx(Search, { strokeWidth: 1.5, className: "absolute left-2.5 top-1/2 -translate-y-1/2 w-3 h-3 text-zinc-500" }),
       /* @__PURE__ */ jsx(
         "input",
         {
@@ -1578,19 +1570,19 @@ ${aiDocs}
       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 }),
       (aiDocs || isAiLoading) && /* @__PURE__ */ jsxs("div", { className: "bg-teal-500/5 border border-teal-500/10 rounded-lg p-4 mb-4", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
-          /* @__PURE__ */ jsx(Sparkles, { className: "w-3.5 h-3.5 text-teal-400" }),
-          /* @__PURE__ */ jsx("span", { className: "text-xs font-bold text-teal-400 uppercase tracking-wider", children: "AI-Generated Documentation" }),
-          isAiLoading && /* @__PURE__ */ jsx(Loader2, { className: "w-3 h-3 animate-spin text-teal-400" })
+          /* @__PURE__ */ jsx(Sparkles, { strokeWidth: 1.5, className: "w-3 h-3 text-teal-400" }),
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-teal-400", children: "AI-Generated Documentation" }),
+          isAiLoading && /* @__PURE__ */ jsx(Loader2, { strokeWidth: 1.5, className: "w-3 h-3 animate-spin text-teal-400" })
         ] }),
         aiDocs && /* @__PURE__ */ jsx("div", { className: "prose prose-invert prose-xs max-w-none", children: renderMarkdown(aiDocs) })
       ] }),
-      /* @__PURE__ */ jsx("h3", { className: "text-xs font-bold text-zinc-400 uppercase tracking-wider", children: "Table Reference" }),
+      /* @__PURE__ */ jsx("h3", { className: "text-xs font-medium text-zinc-400", children: "Table Reference" }),
       filteredSchema.map((table) => {
         var _a;
         return /* @__PURE__ */ jsxs("div", { className: "bg-[#0a0a0a] border border-white/5 rounded-lg overflow-hidden", children: [
           /* @__PURE__ */ jsxs("div", { className: "px-3 py-2 flex items-center justify-between", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-xs font-bold text-zinc-200", children: table.name }),
+              /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-zinc-200", children: table.name }),
               table.rowCount !== void 0 && /* @__PURE__ */ jsxs("span", { className: "text-xs text-zinc-500 font-mono", children: [
                 table.rowCount.toLocaleString(),
                 " rows"
@@ -1601,7 +1593,7 @@ ${aiDocs}
               " columns"
             ] })
           ] }),
-          table.columns && table.columns.length > 0 && /* @__PURE__ */ jsx("div", { className: "border-t border-white/5", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-body", children: [
+          table.columns && table.columns.length > 0 && /* @__PURE__ */ jsx("div", { className: "border-t border-white/5", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-xs", children: [
             /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "text-zinc-500", children: [
               /* @__PURE__ */ jsx("th", { className: "text-left px-3 py-1 font-normal", children: "Column" }),
               /* @__PURE__ */ jsx("th", { className: "text-left px-3 py-1 font-normal", children: "Type" }),
@@ -1611,7 +1603,7 @@ ${aiDocs}
             /* @__PURE__ */ jsx("tbody", { children: table.columns.map((col) => /* @__PURE__ */ jsxs("tr", { className: "border-t border-white/[0.03] hover:bg-white/[0.02]", children: [
               /* @__PURE__ */ jsx("td", { className: "px-3 py-1 text-zinc-300 font-mono", children: col.name }),
               /* @__PURE__ */ jsx("td", { className: "px-3 py-1 text-zinc-500 font-mono", children: col.type }),
-              /* @__PURE__ */ jsx("td", { className: "px-3 py-1", children: col.isPrimary && /* @__PURE__ */ jsx("span", { className: "text-amber-400 text-label font-bold", children: "PK" }) }),
+              /* @__PURE__ */ jsx("td", { className: "px-3 py-1", children: col.isPrimary && /* @__PURE__ */ jsx("span", { className: "text-amber-400 text-[0.625rem] font-medium", children: "PK" }) }),
               /* @__PURE__ */ jsx("td", { className: "px-3 py-1 text-zinc-600", children: col.nullable !== false ? "Yes" : "No" })
             ] }, col.name)) })
           ] }) })
@@ -1699,9 +1691,9 @@ function QueryHistory({ onSelectQuery, activeConnectionId, refreshTrigger }) {
     /* @__PURE__ */ jsxs("div", { className: "p-4 border-b border-white/5 bg-[#0a0a0a]/50 backdrop-blur-sm sticky top-0 z-10 space-y-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx("div", { className: "p-2 rounded-lg bg-emerald-500/10 border border-emerald-500/20", children: /* @__PURE__ */ jsx(History, { className: "w-4 h-4 text-emerald-400" }) }),
+          /* @__PURE__ */ jsx("div", { className: "p-2 rounded-lg bg-emerald-500/10 border border-emerald-500/20", children: /* @__PURE__ */ jsx(History, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-emerald-400" }) }),
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("h3", { className: "text-sm font-bold text-zinc-100 uppercase tracking-widest flex items-center gap-2", children: "Query History" }),
+            /* @__PURE__ */ jsx("h3", { className: "text-xs font-medium text-zinc-100 flex items-center gap-2", children: "Query History" }),
             /* @__PURE__ */ jsxs("p", { className: "text-xs text-zinc-500 font-medium", children: [
               "Showing ",
               filteredHistory.length,
@@ -1711,8 +1703,8 @@ function QueryHistory({ onSelectQuery, activeConnectionId, refreshTrigger }) {
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-            /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", className: "h-8 text-xs font-bold uppercase tracking-widest text-zinc-400 hover:text-white gap-2", children: [
-              /* @__PURE__ */ jsx(Download, { className: "w-3.5 h-3.5" }),
+            /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", className: "h-8 text-xs font-medium text-zinc-400 hover:text-white gap-2", children: [
+              /* @__PURE__ */ jsx(Download, { strokeWidth: 1.5, className: "w-3 h-3" }),
               " Export"
             ] }) }),
             /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "bg-[#0d0d0d] border-white/10 text-zinc-300", children: [
@@ -1726,9 +1718,9 @@ function QueryHistory({ onSelectQuery, activeConnectionId, refreshTrigger }) {
               variant: "ghost",
               size: "sm",
               onClick: handleClearHistory,
-              className: "h-8 text-xs font-bold uppercase tracking-widest text-red-400/70 hover:text-red-400 hover:bg-red-400/10",
+              className: "h-8 text-xs font-medium text-red-400/70 hover:text-red-400 hover:bg-red-400/10",
               children: [
-                /* @__PURE__ */ jsx(Trash2, { className: "w-3.5 h-3.5 mr-2" }),
+                /* @__PURE__ */ jsx(Trash2, { strokeWidth: 1.5, className: "w-3 h-3 mr-2" }),
                 " Clear"
               ]
             }
@@ -1737,7 +1729,7 @@ function QueryHistory({ onSelectQuery, activeConnectionId, refreshTrigger }) {
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
         /* @__PURE__ */ jsxs("div", { className: "relative flex-1 min-w-[240px]", children: [
-          /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-zinc-500" }),
+          /* @__PURE__ */ jsx(Search, { strokeWidth: 1.5, className: "absolute left-3 top-1/2 -translate-y-1/2 w-3 h-3 text-zinc-500" }),
           /* @__PURE__ */ jsx(
             Input,
             {
@@ -1752,7 +1744,7 @@ function QueryHistory({ onSelectQuery, activeConnectionId, refreshTrigger }) {
             {
               onClick: () => setSearch(""),
               className: "absolute right-3 top-1/2 -translate-y-1/2 text-zinc-500 hover:text-white",
-              children: /* @__PURE__ */ jsx(X, { className: "w-3 h-3" })
+              children: /* @__PURE__ */ jsx(X, { strokeWidth: 1.5, className: "w-3 h-3" })
             }
           )
         ] }),
@@ -1762,7 +1754,7 @@ function QueryHistory({ onSelectQuery, activeConnectionId, refreshTrigger }) {
             {
               onClick: () => setIsGlobal(false),
               className: cn(
-                "px-3 py-1.5 text-xs font-bold uppercase rounded-md transition-all",
+                "px-3 py-1.5 text-xs font-medium rounded-md transition-all",
                 !isGlobal ? "bg-emerald-600 text-white shadow-lg shadow-emerald-600/20" : "text-zinc-500 hover:text-zinc-300"
               ),
               children: "Active Conn"
@@ -1773,7 +1765,7 @@ function QueryHistory({ onSelectQuery, activeConnectionId, refreshTrigger }) {
             {
               onClick: () => setIsGlobal(true),
               className: cn(
-                "px-3 py-1.5 text-xs font-bold uppercase rounded-md transition-all",
+                "px-3 py-1.5 text-xs font-medium rounded-md transition-all",
                 isGlobal ? "bg-emerald-600 text-white shadow-lg shadow-emerald-600/20" : "text-zinc-500 hover:text-zinc-300"
               ),
               children: "All Connections"
@@ -1785,7 +1777,7 @@ function QueryHistory({ onSelectQuery, activeConnectionId, refreshTrigger }) {
           {
             onClick: () => setFilterStatus(status),
             className: cn(
-              "px-3 py-1.5 text-xs font-bold uppercase rounded-md transition-all",
+              "px-3 py-1.5 text-xs font-medium rounded-md transition-all",
               filterStatus === status ? "bg-white/10 text-white" : "text-zinc-500 hover:text-zinc-300"
             ),
             children: status
@@ -1795,11 +1787,11 @@ function QueryHistory({ onSelectQuery, activeConnectionId, refreshTrigger }) {
       ] })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto custom-scrollbar", children: filteredHistory.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col items-center justify-center opacity-20 p-8 text-center", children: [
-      /* @__PURE__ */ jsx(History, { className: "w-16 h-16 mb-4 text-zinc-600" }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "No history items found" }),
-      /* @__PURE__ */ jsx("p", { className: "text-xs text-zinc-500 mt-1 uppercase tracking-widest", children: "Run some queries to see them here" })
+      /* @__PURE__ */ jsx(History, { strokeWidth: 1.5, className: "w-16 h-16 mb-4 text-zinc-600" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium", children: "No history items found" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-zinc-500 mt-1r", children: "Run some queries to see them here" })
     ] }) : /* @__PURE__ */ jsx("div", { className: "min-w-[800px]", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-left border-collapse", children: [
-      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "bg-white/[0.02] border-b border-white/5 text-xs font-bold uppercase tracking-wider text-zinc-500", children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "bg-white/[0.02] border-b border-white/5 text-xs font-medium text-zinc-500", children: [
         /* @__PURE__ */ jsx("th", { className: "px-4 py-3 w-10 text-center", children: "Status" }),
         /* @__PURE__ */ jsx("th", { className: "px-4 py-3 cursor-pointer hover:text-zinc-300 transition-colors group", onClick: () => handleSort("executedAt"), children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
           "Executed At",
@@ -1822,27 +1814,27 @@ function QueryHistory({ onSelectQuery, activeConnectionId, refreshTrigger }) {
         {
           className: "hover:bg-white/[0.03] transition-colors group text-xs border-b border-white/5",
           children: [
-            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-center", children: /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: item.status === "success" ? /* @__PURE__ */ jsx("div", { className: "w-5 h-5 rounded-full bg-emerald-500/10 flex items-center justify-center border border-emerald-500/20", children: /* @__PURE__ */ jsx(CheckCircle2, { className: "w-3 h-3 text-emerald-500" }) }) : /* @__PURE__ */ jsx("div", { className: "w-5 h-5 rounded-full bg-red-500/10 flex items-center justify-center border border-red-500/20", children: /* @__PURE__ */ jsx(AlertCircle, { className: "w-3 h-3 text-red-500" }) }) }) }),
+            /* @__PURE__ */ jsx("td", { className: "px-4 py-4 text-center", children: /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: item.status === "success" ? /* @__PURE__ */ jsx("div", { className: "w-5 h-5 rounded-full bg-emerald-500/10 flex items-center justify-center border border-emerald-500/20", children: /* @__PURE__ */ jsx(CheckCircle2, { strokeWidth: 1.5, className: "w-3 h-3 text-emerald-500" }) }) : /* @__PURE__ */ jsx("div", { className: "w-5 h-5 rounded-full bg-red-500/10 flex items-center justify-center border border-red-500/20", children: /* @__PURE__ */ jsx(AlertCircle, { strokeWidth: 1.5, className: "w-3 h-3 text-red-500" }) }) }) }),
             /* @__PURE__ */ jsx("td", { className: "px-4 py-4 whitespace-nowrap", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
               /* @__PURE__ */ jsx("span", { className: "text-zinc-200 font-medium", children: item.executedAt ? format(new Date(item.executedAt), "MMM d, HH:mm:ss") : "-" }),
               /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-500 font-mono mt-0.5", children: item.executedAt ? format(new Date(item.executedAt), "yyyy") : "" })
             ] }) }),
             /* @__PURE__ */ jsx("td", { className: "px-4 py-4 whitespace-nowrap", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-zinc-300", children: [
-                /* @__PURE__ */ jsx(Database, { className: "w-3 h-3 text-blue-400" }),
-                /* @__PURE__ */ jsx("span", { className: "font-semibold", children: item.connectionName || "Unknown" })
+                /* @__PURE__ */ jsx(Database, { strokeWidth: 1.5, className: "w-3 h-3 text-blue-400" }),
+                /* @__PURE__ */ jsx("span", { className: "font-medium", children: item.connectionName || "Unknown" })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-zinc-500 text-xs", children: [
-                /* @__PURE__ */ jsx(Hash, { className: "w-2.5 h-2.5" }),
+                /* @__PURE__ */ jsx(Hash, { strokeWidth: 1.5, className: "w-2.5 h-2.5" }),
                 /* @__PURE__ */ jsx("span", { children: item.tabName || "Default Tab" })
               ] })
             ] }) }),
             /* @__PURE__ */ jsx("td", { className: "px-4 py-4 max-w-md", children: /* @__PURE__ */ jsxs("div", { className: "bg-[#050505] border border-white/5 rounded-md p-2 relative group-hover:border-white/10 transition-colors", children: [
-              /* @__PURE__ */ jsx("pre", { className: "text-body font-mono text-zinc-400 line-clamp-2 break-all whitespace-pre-wrap leading-relaxed", children: item.query }),
+              /* @__PURE__ */ jsx("pre", { className: "text-xs font-mono text-zinc-400 line-clamp-2 break-all whitespace-pre-wrap leading-relaxed", children: item.query }),
               item.errorMessage && /* @__PURE__ */ jsx("div", { className: "mt-2 pt-2 border-t border-red-500/10 text-xs text-red-400/80 font-mono italic", children: item.errorMessage })
             ] }) }),
             /* @__PURE__ */ jsx("td", { className: "px-4 py-4 whitespace-nowrap", children: /* @__PURE__ */ jsxs("span", { className: cn(
-              "px-2 py-0.5 rounded text-xs font-mono font-bold",
+              "px-2 py-0.5 rounded text-xs font-mono font-medium",
               item.executionTime > 500 ? "text-amber-400 bg-amber-400/10" : "text-zinc-400 bg-white/5"
             ), children: [
               item.executionTime,
@@ -1857,7 +1849,7 @@ function QueryHistory({ onSelectQuery, activeConnectionId, refreshTrigger }) {
                 className: "h-8 w-8 p-0 hover:bg-emerald-500/10 hover:text-emerald-400",
                 onClick: () => onSelectQuery(item.query),
                 title: "Restore Query",
-                children: /* @__PURE__ */ jsx(RotateCcw, { className: "w-3.5 h-3.5" })
+                children: /* @__PURE__ */ jsx(RotateCcw, { className: "w-3 h-3" })
               }
             ) })
           ]
@@ -1887,12 +1879,12 @@ function SavedQueries({ onSelectQuery, connectionType, refreshTrigger }) {
   };
   return /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col bg-[#0a0a0a]", children: [
     /* @__PURE__ */ jsxs("div", { className: "p-4 border-b border-white/5 flex flex-col gap-4", children: [
-      /* @__PURE__ */ jsxs("h3", { className: "text-sm font-bold text-zinc-400 uppercase tracking-widest flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(Bookmark, { className: "w-4 h-4" }),
+      /* @__PURE__ */ jsxs("h3", { className: "text-xs font-medium text-zinc-400 flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Bookmark, { strokeWidth: 1.5, className: "w-3.5 h-3.5" }),
         " Saved Queries"
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx(Search, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-zinc-500" }),
+        /* @__PURE__ */ jsx(Search, { strokeWidth: 1.5, className: "absolute left-2.5 top-1/2 -translate-y-1/2 w-3 h-3 text-zinc-500" }),
         /* @__PURE__ */ jsx(
           Input,
           {
@@ -1905,8 +1897,8 @@ function SavedQueries({ onSelectQuery, connectionType, refreshTrigger }) {
       ] })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto custom-scrollbar", children: filteredQueries.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col items-center justify-center opacity-20 p-8 text-center", children: [
-      /* @__PURE__ */ jsx(Bookmark, { className: "w-12 h-12 mb-4" }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm italic", children: "No saved queries found" })
+      /* @__PURE__ */ jsx(Bookmark, { strokeWidth: 1.5, className: "w-12 h-12 mb-4" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs italic", children: "No saved queries found" })
     ] }) : /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-px bg-white/5", children: filteredQueries.map((q) => {
       var _a;
       return /* @__PURE__ */ jsxs(
@@ -1917,11 +1909,11 @@ function SavedQueries({ onSelectQuery, connectionType, refreshTrigger }) {
           children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between mb-2", children: [
               /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx("h4", { className: "text-xs font-bold text-blue-400 mb-1 group-hover:text-blue-300 transition-colors", children: q.name }),
+                /* @__PURE__ */ jsx("h4", { className: "text-xs font-medium text-blue-400 mb-1 group-hover:text-blue-300 transition-colors", children: q.name }),
                 q.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-zinc-500 line-clamp-1", children: q.description })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity", children: [
-                /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", className: "h-6 w-6 text-zinc-500 hover:text-white", children: /* @__PURE__ */ jsx(Edit3, { className: "w-3 h-3" }) }),
+                /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", className: "h-6 w-6 text-zinc-500 hover:text-white", children: /* @__PURE__ */ jsx(Edit3, { strokeWidth: 1.5, className: "w-3 h-3" }) }),
                 /* @__PURE__ */ jsx(
                   Button,
                   {
@@ -1929,7 +1921,7 @@ function SavedQueries({ onSelectQuery, connectionType, refreshTrigger }) {
                     size: "icon",
                     className: "h-6 w-6 text-zinc-500 hover:text-red-400",
                     onClick: (e) => handleDelete(q.id, e),
-                    children: /* @__PURE__ */ jsx(Trash2, { className: "w-3 h-3" })
+                    children: /* @__PURE__ */ jsx(Trash2, { strokeWidth: 1.5, className: "w-3 h-3" })
                   }
                 )
               ] })
@@ -1937,14 +1929,14 @@ function SavedQueries({ onSelectQuery, connectionType, refreshTrigger }) {
             /* @__PURE__ */ jsx("div", { className: "bg-[#050505] border border-white/5 rounded-md p-2 mb-3", children: /* @__PURE__ */ jsx("pre", { className: "text-xs font-mono text-zinc-400 line-clamp-3", children: q.query }) }),
             /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx("span", { className: "px-1.5 py-0.5 rounded bg-blue-500/10 border border-blue-500/20 text-label font-bold text-blue-400 uppercase tracking-tighter", children: q.connectionType }),
-                (_a = q.tags) == null ? void 0 : _a.map((tag) => /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 text-label text-zinc-500", children: [
-                  /* @__PURE__ */ jsx(Tag, { className: "w-2.5 h-2.5" }),
+                /* @__PURE__ */ jsx("span", { className: "px-1.5 py-0.5 rounded bg-blue-500/10 border border-blue-500/20 text-[0.625rem] font-medium text-blue-400er", children: q.connectionType }),
+                (_a = q.tags) == null ? void 0 : _a.map((tag) => /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 text-[0.625rem] text-zinc-500", children: [
+                  /* @__PURE__ */ jsx(Tag, { strokeWidth: 1.5, className: "w-2.5 h-2.5" }),
                   " ",
                   tag
                 ] }, tag))
               ] }),
-              /* @__PURE__ */ jsxs("span", { className: "text-label text-zinc-600 flex items-center gap-1 font-mono", children: [
+              /* @__PURE__ */ jsxs("span", { className: "text-[0.625rem] text-zinc-600 flex items-center gap-1 font-mono", children: [
                 /* @__PURE__ */ jsx(Calendar, { className: "w-2.5 h-2.5" }),
                 " ",
                 format(q.updatedAt, "MMM d, yyyy")
@@ -2464,7 +2456,7 @@ function SnapshotTimeline({ snapshots, onCompare, onDelete }) {
   );
   return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-2", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-xs uppercase text-zinc-500 font-bold", children: "Timeline" }),
+      /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-500 font-medium", children: "Timeline" }),
       canCompare && /* @__PURE__ */ jsx("span", { className: "text-xs text-blue-400", children: "Comparing 2 snapshots" })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "relative flex items-center overflow-x-auto pb-2 px-2 gap-0", children: [
@@ -2479,7 +2471,7 @@ function SnapshotTimeline({ snapshots, onCompare, onDelete }) {
             onClick: () => handleClick(snapshot.id),
             children: [
               /* @__PURE__ */ jsx("div", { className: cn(
-                "w-4 h-4 rounded-full border-2 z-10 transition-all",
+                "w-3.5 h-3.5 rounded-full border-2 z-10 transition-all",
                 isSelected ? "bg-blue-500 border-blue-400 scale-125" : "bg-[#0d0d0d] border-white/20 hover:border-white/40"
               ) }),
               idx < sorted.length - 1 && /* @__PURE__ */ jsx("div", { className: "absolute top-[7px] left-[50%] w-full h-[2px] bg-white/10" }),
@@ -2488,12 +2480,12 @@ function SnapshotTimeline({ snapshots, onCompare, onDelete }) {
                 isSelected ? "text-blue-400" : "text-zinc-500 group-hover:text-zinc-300"
               ), children: [
                 /* @__PURE__ */ jsx("div", { className: "text-xs font-medium truncate max-w-[90px]", children: snapshot.label || snapshot.connectionName }),
-                /* @__PURE__ */ jsxs("div", { className: "text-label text-zinc-600", children: [
+                /* @__PURE__ */ jsxs("div", { className: "text-[0.625rem] text-zinc-600", children: [
                   date.toLocaleDateString(),
                   " ",
                   date.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" })
                 ] }),
-                /* @__PURE__ */ jsxs(Badge, { variant: "secondary", className: "text-label mt-1", children: [
+                /* @__PURE__ */ jsxs(Badge, { variant: "secondary", className: "text-[0.625rem] mt-1", children: [
                   snapshot.schema.length,
                   " tables"
                 ] })
@@ -2506,7 +2498,7 @@ function SnapshotTimeline({ snapshots, onCompare, onDelete }) {
                     onDelete(snapshot.id);
                   },
                   className: "absolute -top-2 -right-1 p-0.5 text-zinc-600 hover:text-red-400 opacity-0 group-hover:opacity-100 transition-opacity",
-                  children: /* @__PURE__ */ jsx(Trash2, { className: "w-2.5 h-2.5" })
+                  children: /* @__PURE__ */ jsx(Trash2, { strokeWidth: 1.5, className: "w-2.5 h-2.5" })
                 }
               )
             ]
@@ -2600,7 +2592,7 @@ function SchemaDiff({ schema, connection }) {
     switch (action) {
       case "added":
         return /* @__PURE__ */ jsxs(Badge, { className: "bg-green-500/20 text-green-400 border-green-500/30 text-xs", children: [
-          /* @__PURE__ */ jsx(Plus, { className: "w-2.5 h-2.5 mr-0.5" }),
+          /* @__PURE__ */ jsx(Plus, { strokeWidth: 1.5, className: "w-2.5 h-2.5 mr-0.5" }),
           "Added"
         ] });
       case "removed":
@@ -2610,7 +2602,7 @@ function SchemaDiff({ schema, connection }) {
         ] });
       case "modified":
         return /* @__PURE__ */ jsxs(Badge, { className: "bg-yellow-500/20 text-yellow-400 border-yellow-500/30 text-xs", children: [
-          /* @__PURE__ */ jsx(Edit3, { className: "w-2.5 h-2.5 mr-0.5" }),
+          /* @__PURE__ */ jsx(Edit3, { strokeWidth: 1.5, className: "w-2.5 h-2.5 mr-0.5" }),
           "Modified"
         ] });
       default:
@@ -2623,20 +2615,20 @@ function SchemaDiff({ schema, connection }) {
   };
   return /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col bg-[#080808]", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2 border-b border-white/5 bg-[#0a0a0a] flex-wrap", children: [
-      /* @__PURE__ */ jsx(GitCompare, { className: "w-4 h-4 text-rose-400" }),
-      /* @__PURE__ */ jsx("span", { className: "text-xs font-bold uppercase text-zinc-400 tracking-wider", children: "Schema Diff" }),
+      /* @__PURE__ */ jsx(GitCompare, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-rose-400" }),
+      /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-zinc-400r", children: "Schema Diff" }),
       /* @__PURE__ */ jsx("div", { className: "h-4 w-px bg-white/10" }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-600 uppercase", children: "Source" }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-600", children: "Source" }),
         /* @__PURE__ */ jsxs(Select, { value: sourceId, onValueChange: setSourceId, children: [
           /* @__PURE__ */ jsx(SelectTrigger, { className: "h-7 w-[180px] text-xs bg-white/5 border-white/10", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select source" }) }),
           /* @__PURE__ */ jsxs(SelectContent, { className: "bg-[#111] border-white/10", children: [
             /* @__PURE__ */ jsx(SelectItem, { value: "current", className: "text-xs", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx(Database, { className: "w-3 h-3" }),
+              /* @__PURE__ */ jsx(Database, { strokeWidth: 1.5, className: "w-3 h-3" }),
               " Current Schema"
             ] }) }),
             snapshots.map((s) => /* @__PURE__ */ jsx(SelectItem, { value: s.id, className: "text-xs", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx(Clock, { className: "w-3 h-3" }),
+              /* @__PURE__ */ jsx(Clock, { strokeWidth: 1.5, className: "w-3 h-3" }),
               " ",
               formatSnapshotLabel(s)
             ] }) }, s.id))
@@ -2645,7 +2637,7 @@ function SchemaDiff({ schema, connection }) {
       ] }),
       /* @__PURE__ */ jsx("span", { className: "text-zinc-600 text-xs", children: "vs" }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-600 uppercase", children: "Target" }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-600", children: "Target" }),
         /* @__PURE__ */ jsxs(Select, { value: targetId, onValueChange: (v) => {
           if (v.startsWith("conn:")) {
             fetchRemoteSchema(v.replace("conn:", ""));
@@ -2656,21 +2648,21 @@ function SchemaDiff({ schema, connection }) {
           /* @__PURE__ */ jsx(SelectTrigger, { className: "h-7 w-[180px] text-xs bg-white/5 border-white/10", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select target" }) }),
           /* @__PURE__ */ jsxs(SelectContent, { className: "bg-[#111] border-white/10", children: [
             /* @__PURE__ */ jsx(SelectItem, { value: "current", className: "text-xs", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx(Database, { className: "w-3 h-3" }),
+              /* @__PURE__ */ jsx(Database, { strokeWidth: 1.5, className: "w-3 h-3" }),
               " Current Schema"
             ] }) }),
             snapshots.map((s) => /* @__PURE__ */ jsx(SelectItem, { value: s.id, className: "text-xs", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx(Clock, { className: "w-3 h-3" }),
+              /* @__PURE__ */ jsx(Clock, { strokeWidth: 1.5, className: "w-3 h-3" }),
               " ",
               formatSnapshotLabel(s)
             ] }) }, s.id)),
             allConnections.filter((c) => c.id !== (connection == null ? void 0 : connection.id)).length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx("div", { className: "px-2 py-1 text-label text-zinc-600 uppercase border-t border-white/5 mt-1", children: "Fetch from connection" }),
+              /* @__PURE__ */ jsx("div", { className: "px-2 py-1 text-[0.625rem] text-zinc-600 border-t border-white/5 mt-1", children: "Fetch from connection" }),
               allConnections.filter((c) => c.id !== (connection == null ? void 0 : connection.id)).map((c) => /* @__PURE__ */ jsx(SelectItem, { value: `conn:${c.id}`, className: "text-xs", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-                /* @__PURE__ */ jsx(Database, { className: "w-3 h-3 text-blue-400" }),
+                /* @__PURE__ */ jsx(Database, { strokeWidth: 1.5, className: "w-3 h-3 text-blue-400" }),
                 " ",
                 c.name,
-                c.environment === "production" && /* @__PURE__ */ jsx(AlertTriangle, { className: "w-3 h-3 text-red-400" })
+                c.environment === "production" && /* @__PURE__ */ jsx(AlertTriangle, { strokeWidth: 1.5, className: "w-3 h-3 text-red-400" })
               ] }) }, `conn:${c.id}`))
             ] })
           ] })
@@ -2698,7 +2690,7 @@ function SchemaDiff({ schema, connection }) {
         {
           variant: "ghost",
           size: "sm",
-          className: "h-7 text-xs font-bold uppercase text-zinc-500 hover:text-white gap-1",
+          className: "h-7 text-xs font-medium text-zinc-500 hover:text-white gap-1",
           onClick: () => setShowLabelInput(true),
           disabled: !connection,
           children: [
@@ -2712,7 +2704,7 @@ function SchemaDiff({ schema, connection }) {
         {
           variant: "ghost",
           size: "sm",
-          className: "h-7 text-xs font-bold uppercase text-zinc-500 hover:text-white gap-1",
+          className: "h-7 text-xs font-medium text-zinc-500 hover:text-white gap-1",
           onClick: () => setShowMigration(!showMigration),
           children: [
             /* @__PURE__ */ jsx(FileCode, { className: "w-3 h-3" }),
@@ -2723,8 +2715,8 @@ function SchemaDiff({ schema, connection }) {
       )
     ] }),
     /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-hidden flex", children: !targetId ? /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col items-center justify-center text-zinc-600 gap-3", children: [
-      /* @__PURE__ */ jsx(GitCompare, { className: "w-10 h-10 opacity-30" }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm", children: "Select source and target to compare schemas" }),
+      /* @__PURE__ */ jsx(GitCompare, { strokeWidth: 1.5, className: "w-10 h-10 opacity-30" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs", children: "Select source and target to compare schemas" }),
       /* @__PURE__ */ jsx("p", { className: "text-xs text-zinc-700", children: "Take a snapshot first, then compare with the current schema" }),
       snapshots.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-4 w-full max-w-2xl px-4", children: /* @__PURE__ */ jsx(
         SnapshotTimeline,
@@ -2739,7 +2731,7 @@ function SchemaDiff({ schema, connection }) {
       ) })
     ] }) : showMigration && migrationSQL ? /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto p-4", children: /* @__PURE__ */ jsx("pre", { className: "text-xs font-mono text-zinc-300 bg-[#0d0d0d] border border-white/10 rounded-lg p-4 overflow-auto whitespace-pre-wrap", children: migrationSQL }) }) : diff && diff.hasChanges ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs("div", { className: "w-64 border-r border-white/5 overflow-auto", children: [
-        /* @__PURE__ */ jsx("div", { className: "p-2 border-b border-white/5", children: /* @__PURE__ */ jsxs("div", { className: "text-xs text-zinc-500 uppercase px-2 mb-1", children: [
+        /* @__PURE__ */ jsx("div", { className: "p-2 border-b border-white/5", children: /* @__PURE__ */ jsxs("div", { className: "text-xs text-zinc-500 px-2 mb-1", children: [
           diff.summary.added,
           " added, ",
           diff.summary.removed,
@@ -2756,7 +2748,7 @@ function SchemaDiff({ schema, connection }) {
               selectedTable === table.tableName && "bg-white/10"
             ),
             children: [
-              selectedTable === table.tableName ? /* @__PURE__ */ jsx(ChevronDown, { className: "w-3 h-3 text-zinc-500" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "w-3 h-3 text-zinc-500" }),
+              selectedTable === table.tableName ? /* @__PURE__ */ jsx(ChevronDown, { strokeWidth: 1.5, className: "w-3 h-3 text-zinc-500" }) : /* @__PURE__ */ jsx(ChevronRight, { strokeWidth: 1.5, className: "w-3 h-3 text-zinc-500" }),
               /* @__PURE__ */ jsx("span", { className: "text-zinc-300", children: table.tableName }),
               /* @__PURE__ */ jsx("span", { className: "ml-auto", children: getActionBadge(table.action) })
             ]
@@ -2764,18 +2756,18 @@ function SchemaDiff({ schema, connection }) {
           table.tableName
         ))
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto p-4", children: selectedTable ? /* @__PURE__ */ jsx(TableDiffDetail, { diff: diff.tables.find((t) => t.tableName === selectedTable) }) : /* @__PURE__ */ jsx("div", { className: "h-full flex items-center justify-center text-zinc-600 text-sm", children: "Select a table to view diff details" }) })
-    ] }) : diff && !diff.hasChanges ? /* @__PURE__ */ jsx("div", { className: "flex-1 flex items-center justify-center text-zinc-600 gap-2", children: /* @__PURE__ */ jsx("span", { className: "text-sm", children: "No differences found between source and target" }) }) : /* @__PURE__ */ jsxs("div", { className: "flex-1 flex items-center justify-center text-zinc-600 gap-2", children: [
-      /* @__PURE__ */ jsx(AlertTriangle, { className: "w-4 h-4" }),
-      /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Cannot compare same schema with itself" })
+      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto p-4", children: selectedTable ? /* @__PURE__ */ jsx(TableDiffDetail, { diff: diff.tables.find((t) => t.tableName === selectedTable) }) : /* @__PURE__ */ jsx("div", { className: "h-full flex items-center justify-center text-zinc-600 text-xs", children: "Select a table to view diff details" }) })
+    ] }) : diff && !diff.hasChanges ? /* @__PURE__ */ jsx("div", { className: "flex-1 flex items-center justify-center text-zinc-600 gap-2", children: /* @__PURE__ */ jsx("span", { className: "text-xs", children: "No differences found between source and target" }) }) : /* @__PURE__ */ jsxs("div", { className: "flex-1 flex items-center justify-center text-zinc-600 gap-2", children: [
+      /* @__PURE__ */ jsx(AlertTriangle, { strokeWidth: 1.5, className: "w-3.5 h-3.5" }),
+      /* @__PURE__ */ jsx("span", { className: "text-xs", children: "Cannot compare same schema with itself" })
     ] }) })
   ] });
 }
 function TableDiffDetail({ diff }) {
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx(Database, { className: "w-4 h-4 text-zinc-400" }),
-      /* @__PURE__ */ jsx("h3", { className: "text-sm font-bold text-zinc-200", children: diff.tableName }),
+      /* @__PURE__ */ jsx(Database, { strokeWidth: 1.5, className: "w-3.5 h-3.5 text-zinc-400" }),
+      /* @__PURE__ */ jsx("h3", { className: "text-xs font-medium text-zinc-200", children: diff.tableName }),
       /* @__PURE__ */ jsx(Badge, { className: cn(
         "text-xs",
         diff.action === "added" && "bg-green-500/20 text-green-400",
@@ -2784,7 +2776,7 @@ function TableDiffDetail({ diff }) {
       ), children: diff.action })
     ] }),
     diff.columns.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h4", { className: "text-xs uppercase text-zinc-500 mb-2 font-bold", children: "Columns" }),
+      /* @__PURE__ */ jsx("h4", { className: "text-xs text-zinc-500 mb-2 font-medium", children: "Columns" }),
       /* @__PURE__ */ jsx("div", { className: "space-y-1", children: diff.columns.map((col, i) => /* @__PURE__ */ jsxs("div", { className: cn(
         "px-3 py-2 rounded text-xs flex items-center gap-2",
         col.action === "added" && "bg-green-500/5 border border-green-500/10",
@@ -2799,7 +2791,7 @@ function TableDiffDetail({ diff }) {
       ] }, i)) })
     ] }),
     diff.indexes.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h4", { className: "text-xs uppercase text-zinc-500 mb-2 font-bold", children: "Indexes" }),
+      /* @__PURE__ */ jsx("h4", { className: "text-xs text-zinc-500 mb-2 font-medium", children: "Indexes" }),
       /* @__PURE__ */ jsx("div", { className: "space-y-1", children: diff.indexes.map((idx, i) => /* @__PURE__ */ jsxs("div", { className: cn(
         "px-3 py-2 rounded text-xs flex items-center gap-2",
         idx.action === "added" && "bg-green-500/5 border border-green-500/10",
@@ -2812,7 +2804,7 @@ function TableDiffDetail({ diff }) {
       ] }, i)) })
     ] }),
     diff.foreignKeys.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h4", { className: "text-xs uppercase text-zinc-500 mb-2 font-bold", children: "Foreign Keys" }),
+      /* @__PURE__ */ jsx("h4", { className: "text-xs text-zinc-500 mb-2 font-medium", children: "Foreign Keys" }),
       /* @__PURE__ */ jsx("div", { className: "space-y-1", children: diff.foreignKeys.map((fk, i) => /* @__PURE__ */ jsxs("div", { className: cn(
         "px-3 py-2 rounded text-xs flex items-center gap-2",
         fk.action === "added" && "bg-green-500/5 border border-green-500/10",
@@ -2828,11 +2820,11 @@ function TableDiffDetail({ diff }) {
 function getActionIcon(action) {
   switch (action) {
     case "added":
-      return /* @__PURE__ */ jsx(Plus, { className: "w-3 h-3 text-green-400" });
+      return /* @__PURE__ */ jsx(Plus, { strokeWidth: 1.5, className: "w-3 h-3 text-green-400" });
     case "removed":
       return /* @__PURE__ */ jsx(Minus, { className: "w-3 h-3 text-red-400" });
     case "modified":
-      return /* @__PURE__ */ jsx(Edit3, { className: "w-3 h-3 text-yellow-400" });
+      return /* @__PURE__ */ jsx(Edit3, { strokeWidth: 1.5, className: "w-3 h-3 text-yellow-400" });
     default:
       return null;
   }
@@ -2845,8 +2837,8 @@ function ChartDashboardLazy({ result }) {
   }, []);
   if (savedCharts.length === 0) {
     return /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col items-center justify-center bg-[#080808] text-zinc-500 gap-2", children: [
-      /* @__PURE__ */ jsx(LayoutDashboard, { className: "w-10 h-10 opacity-30" }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm", children: "No saved charts yet" }),
+      /* @__PURE__ */ jsx(LayoutDashboard, { strokeWidth: 1.5, className: "w-10 h-10 opacity-30" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs", children: "No saved charts yet" }),
       /* @__PURE__ */ jsx("p", { className: "text-xs text-zinc-600", children: "Save charts from the Charts tab to display them here" })
     ] });
   }
@@ -2854,8 +2846,8 @@ function ChartDashboardLazy({ result }) {
     var _a;
     return /* @__PURE__ */ jsxs("div", { className: "bg-[#0d0d0d] border border-white/10 rounded-lg p-3", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-xs font-bold text-zinc-300", children: chart.name }),
-        /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-600 uppercase", children: chart.chartType })
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-zinc-300", children: chart.name }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-zinc-600", children: chart.chartType })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "text-xs text-zinc-500", children: [
         chart.xAxis && /* @__PURE__ */ jsxs("span", { children: [
@@ -2899,17 +2891,17 @@ function BottomPanel({
   onExportResults
 }) {
   const tabs = [
-    { key: "results", label: "Results", icon: /* @__PURE__ */ jsx(LayoutGrid, { className: "w-3 h-3" }), activeClass: "text-blue-400 border-blue-500 bg-white/5" },
-    { key: "explain", label: "Explain", icon: /* @__PURE__ */ jsx(Zap, { className: "w-3 h-3" }), activeClass: "text-amber-400 border-amber-500 bg-white/5" },
-    { key: "history", label: "History", icon: /* @__PURE__ */ jsx(Clock, { className: "w-3 h-3" }), activeClass: "text-emerald-400 border-emerald-500 bg-white/5" },
-    { key: "saved", label: "Saved", icon: /* @__PURE__ */ jsx(Bookmark, { className: "w-3 h-3" }), activeClass: "text-purple-400 border-purple-500 bg-white/5" },
-    { key: "charts", label: "Charts", icon: /* @__PURE__ */ jsx(BarChart3, { className: "w-3 h-3" }), activeClass: "text-cyan-400 border-cyan-500 bg-white/5" },
-    { key: "nl2sql", label: "NL2SQL", icon: /* @__PURE__ */ jsx(Sparkles, { className: "w-3 h-3" }), activeClass: "text-violet-400 border-violet-500 bg-white/5" },
-    { key: "autopilot", label: "Autopilot", icon: /* @__PURE__ */ jsx(Zap, { className: "w-3 h-3" }), activeClass: "text-cyan-400 border-cyan-500 bg-white/5" },
-    { key: "pivot", label: "Pivot", icon: /* @__PURE__ */ jsx(Columns3, { className: "w-3 h-3" }), activeClass: "text-orange-400 border-orange-500 bg-white/5" },
-    { key: "docs", label: "Docs", icon: /* @__PURE__ */ jsx(FileText, { className: "w-3 h-3" }), activeClass: "text-teal-400 border-teal-500 bg-white/5" },
-    { key: "schemadiff", label: "Diff", icon: /* @__PURE__ */ jsx(GitCompare, { className: "w-3 h-3" }), activeClass: "text-rose-400 border-rose-500 bg-white/5" },
-    { key: "dashboard", label: "Dashboard", icon: /* @__PURE__ */ jsx(LayoutDashboard, { className: "w-3 h-3" }), activeClass: "text-indigo-400 border-indigo-500 bg-white/5" }
+    { key: "results", label: "Results", icon: /* @__PURE__ */ jsx(LayoutGrid, { strokeWidth: 1.5, className: "w-3 h-3" }), activeClass: "text-blue-400 border-blue-500 bg-white/5" },
+    { key: "explain", label: "Explain", icon: /* @__PURE__ */ jsx(Zap, { strokeWidth: 1.5, className: "w-3 h-3" }), activeClass: "text-amber-400 border-amber-500 bg-white/5" },
+    { key: "history", label: "History", icon: /* @__PURE__ */ jsx(Clock, { strokeWidth: 1.5, className: "w-3 h-3" }), activeClass: "text-emerald-400 border-emerald-500 bg-white/5" },
+    { key: "saved", label: "Saved", icon: /* @__PURE__ */ jsx(Bookmark, { strokeWidth: 1.5, className: "w-3 h-3" }), activeClass: "text-purple-400 border-purple-500 bg-white/5" },
+    { key: "charts", label: "Charts", icon: /* @__PURE__ */ jsx(BarChart3, { strokeWidth: 1.5, className: "w-3 h-3" }), activeClass: "text-cyan-400 border-cyan-500 bg-white/5" },
+    { key: "nl2sql", label: "NL2SQL", icon: /* @__PURE__ */ jsx(Sparkles, { strokeWidth: 1.5, className: "w-3 h-3" }), activeClass: "text-violet-400 border-violet-500 bg-white/5" },
+    { key: "autopilot", label: "Autopilot", icon: /* @__PURE__ */ jsx(Zap, { strokeWidth: 1.5, className: "w-3 h-3" }), activeClass: "text-cyan-400 border-cyan-500 bg-white/5" },
+    { key: "pivot", label: "Pivot", icon: /* @__PURE__ */ jsx(Columns3, { strokeWidth: 1.5, className: "w-3 h-3" }), activeClass: "text-orange-400 border-orange-500 bg-white/5" },
+    { key: "docs", label: "Docs", icon: /* @__PURE__ */ jsx(FileText, { strokeWidth: 1.5, className: "w-3 h-3" }), activeClass: "text-teal-400 border-teal-500 bg-white/5" },
+    { key: "schemadiff", label: "Diff", icon: /* @__PURE__ */ jsx(GitCompare, { strokeWidth: 1.5, className: "w-3 h-3" }), activeClass: "text-rose-400 border-rose-500 bg-white/5" },
+    { key: "dashboard", label: "Dashboard", icon: /* @__PURE__ */ jsx(LayoutDashboard, { strokeWidth: 1.5, className: "w-3 h-3" }), activeClass: "text-indigo-400 border-indigo-500 bg-white/5" }
   ];
   return /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col bg-[#080808]", children: [
     /* @__PURE__ */ jsxs("div", { className: "h-9 bg-[#0a0a0a] border-b border-white/5 flex items-center justify-between px-2", children: [
@@ -2921,7 +2913,7 @@ function BottomPanel({
             if (tab.key === "nl2sql") onSetIsNL2SQLOpen(true);
           },
           className: cn(
-            "h-full px-3 text-xs font-bold uppercase transition-all border-b-2 flex items-center gap-2",
+            "h-full px-3 text-xs font-medium transition-all border-b-2 flex items-center gap-2",
             mode === tab.key ? tab.activeClass : "text-zinc-500 border-transparent hover:text-zinc-300"
           ),
           children: [
@@ -2940,8 +2932,8 @@ function BottomPanel({
           "ms"
         ] }),
         /* @__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-2", 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-2", children: [
+            /* @__PURE__ */ jsx(Download, { strokeWidth: 1.5, className: "w-3 h-3" }),
             " Export"
           ] }) }),
           /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "bg-[#0d0d0d] border-white/10 text-zinc-300", children: [
@@ -3042,9 +3034,9 @@ function BottomPanel({
         onDiscardChanges
       }
     ) : /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col items-center justify-center opacity-20 bg-[#0a0a0a]", children: [
-      /* @__PURE__ */ jsx(Terminal, { className: "w-12 h-12 mb-4" }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Execute a query or check history" }),
-      /* @__PURE__ */ jsx("p", { className: "text-xs uppercase tracking-widest mt-2", children: "Ready to query" })
+      /* @__PURE__ */ jsx(Terminal, { strokeWidth: 1.5, className: "w-12 h-12 mb-4" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium", children: "Execute a query or check history" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs mt-2", children: "Ready to query" })
     ] }) })
   ] });
 }
@@ -3927,7 +3919,7 @@ ${colDefs.join(",\n")}
             /* @__PURE__ */ jsxs("main", { className: "flex-1 overflow-hidden relative", children: [
               features.schemaDiagram && /* @__PURE__ */ jsx(AnimatePresence, { children: showDiagram && /* @__PURE__ */ jsx(SchemaDiagram, { schema: conn.schema, onClose: () => setShowDiagram(false) }) }),
               activeMobileTab === "database" && /* @__PURE__ */ jsxs("div", { className: "md:hidden h-full bg-[#080808] overflow-auto p-4", children: [
-                /* @__PURE__ */ jsx("div", { className: "mb-4 flex items-center justify-between", children: /* @__PURE__ */ jsx("h2", { className: "text-sm font-bold text-zinc-300 uppercase tracking-widest", children: "Connections" }) }),
+                /* @__PURE__ */ jsx("div", { className: "mb-4 flex items-center justify-between", children: /* @__PURE__ */ jsx("h2", { className: "text-xs font-medium text-zinc-300", children: "Connections" }) }),
                 /* @__PURE__ */ jsx(
                   ConnectionsList,
                   {
@@ -3965,8 +3957,8 @@ ${colDefs.join(",\n")}
                   onGenerateTestData: features.testDataGenerator ? (name) => setTestDataTable(name) : void 0
                 }
               ) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center h-full text-zinc-500", children: [
-                /* @__PURE__ */ jsx(Database, { className: "w-12 h-12 mb-4 opacity-30" }),
-                /* @__PURE__ */ jsx("p", { className: "text-sm", children: "Select a connection first" })
+                /* @__PURE__ */ jsx(Database, { strokeWidth: 1.5, className: "w-12 h-12 mb-4 opacity-30" }),
+                /* @__PURE__ */ jsx("p", { className: "text-xs", children: "Select a connection first" })
               ] }) }),
               /* @__PURE__ */ jsx("div", { className: cn(
                 "h-full",
@@ -4123,10 +4115,10 @@ ${colDefs.join(",\n")}
         ),
         /* @__PURE__ */ jsx(AlertDialog, { open: queryExec.unlimitedWarningOpen, onOpenChange: queryExec.setUnlimitedWarningOpen, children: /* @__PURE__ */ jsxs(AlertDialogContent, { className: "bg-[#111] border-white/5 max-w-sm p-0 gap-0 overflow-hidden", children: [
           /* @__PURE__ */ jsx("div", { className: "px-6 pt-6 pb-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-            /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-xl bg-gradient-to-br from-amber-500/20 to-red-500/10 flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx(AlertTriangle, { className: "w-5 h-5 text-amber-400" }) }),
+            /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-xl bg-gradient-to-br from-amber-500/20 to-red-500/10 flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx(AlertTriangle, { strokeWidth: 1.5, className: "w-5 h-5 text-amber-400" }) }),
             /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsx(AlertDialogTitle, { className: "text-[15px] font-semibold text-zinc-100 mb-1", children: "Load all results?" }),
-              /* @__PURE__ */ jsxs(AlertDialogDescription, { className: "text-[13px] text-zinc-500 leading-relaxed", children: [
+              /* @__PURE__ */ jsx(AlertDialogTitle, { className: "text-xs font-medium text-zinc-100 mb-1", children: "Load all results?" }),
+              /* @__PURE__ */ jsxs(AlertDialogDescription, { className: "text-xs text-zinc-500 leading-relaxed", children: [
                 "This may slow down your browser. Max ",
                 /* @__PURE__ */ jsx("span", { className: "text-zinc-400", children: "100K" }),
                 " rows will be loaded."
@@ -4134,12 +4126,12 @@ ${colDefs.join(",\n")}
             ] })
           ] }) }),
           /* @__PURE__ */ jsxs("div", { className: "px-6 pb-6 flex gap-2", children: [
-            /* @__PURE__ */ jsx(AlertDialogCancel, { className: "flex-1 h-9 bg-white/5 border-0 text-zinc-400 text-[13px] font-medium hover:bg-white/10 hover:text-zinc-200", children: "Cancel" }),
+            /* @__PURE__ */ jsx(AlertDialogCancel, { className: "flex-1 h-9 bg-white/5 border-0 text-zinc-400 text-xs font-medium hover:bg-white/10 hover:text-zinc-200", children: "Cancel" }),
             /* @__PURE__ */ jsx(
               AlertDialogAction,
               {
                 onClick: queryExec.handleUnlimitedQuery,
-                className: "flex-1 h-9 bg-amber-600 border-0 text-white text-[13px] font-medium hover:bg-amber-500",
+                className: "flex-1 h-9 bg-amber-600 border-0 text-white text-xs font-medium hover:bg-amber-500",
                 children: "Load All"
               }
             )