@rebasepro/studio 0.1.2 → 0.2.1

package/dist/index.umd.js

@@ -1,6 +1,6 @@
 (function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@rebasepro/core"), require("react/jsx-runtime"), require("react"), require("@rebasepro/ui"), require("react-compiler-runtime"), require("lucide-react"), require("react-router-dom"), require("react-dom"), require("pgsql-ast-parser"), require("@rebasepro/utils"), require("prism-react-renderer"), require("@rebasepro/client"), require("@monaco-editor/react"), require("@rebasepro/types"), require("react-dropzone"), require("@xyflow/react"), require("@xyflow/react/dist/style.css"), require("@rebasepro/common"), require("dagre")) : typeof define === "function" && define.amd ? define(["exports", "@rebasepro/core", "react/jsx-runtime", "react", "@rebasepro/ui", "react-compiler-runtime", "lucide-react", "react-router-dom", "react-dom", "pgsql-ast-parser", "@rebasepro/utils", "prism-react-renderer", "@rebasepro/client", "@monaco-editor/react", "@rebasepro/types", "react-dropzone", "@xyflow/react", "@xyflow/react/dist/style.css", "@rebasepro/common", "dagre"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["Rebase collection editor"] = {}, global.core, global.jsxRuntime, global.React, global.ui, global.reactCompilerRuntime, global.lucideReact, global.reactRouterDom, global.reactDom, global.pgsqlAstParser, global.utils, global.prismReactRenderer, global.client, global.Editor, global.types, global.reactDropzone, global.react, null, global.common, global.dagre));
-})(this, (function(exports2, core, jsxRuntime, React, ui, reactCompilerRuntime, lucideReact, reactRouterDom, reactDom, pgsqlAstParser, utils, prismReactRenderer, client, Editor, types, reactDropzone, react, style_css, common, dagre) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@rebasepro/core"), require("react/jsx-runtime"), require("react"), require("@rebasepro/ui"), require("react-compiler-runtime"), require("react-router-dom"), require("react-dom"), require("pgsql-ast-parser"), require("@rebasepro/utils"), require("prism-react-renderer"), require("@rebasepro/client"), require("@monaco-editor/react"), require("@rebasepro/types"), require("react-dropzone"), require("@xyflow/react"), require("@xyflow/react/dist/style.css"), require("@rebasepro/common"), require("dagre")) : typeof define === "function" && define.amd ? define(["exports", "@rebasepro/core", "react/jsx-runtime", "react", "@rebasepro/ui", "react-compiler-runtime", "react-router-dom", "react-dom", "pgsql-ast-parser", "@rebasepro/utils", "prism-react-renderer", "@rebasepro/client", "@monaco-editor/react", "@rebasepro/types", "react-dropzone", "@xyflow/react", "@xyflow/react/dist/style.css", "@rebasepro/common", "dagre"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["Rebase collection editor"] = {}, global.core, global.jsxRuntime, global.React, global.ui, global.reactCompilerRuntime, global.reactRouterDom, global.reactDom, global.pgsqlAstParser, global.utils, global.prismReactRenderer, global.client, global.Editor, global.types, global.reactDropzone, global.react, null, global.common, global.dagre));
+})(this, (function(exports2, core, jsxRuntime, React, ui, reactCompilerRuntime, reactRouterDom, reactDom, pgsqlAstParser, utils, prismReactRenderer, client, Editor, types, reactDropzone, react, style_css, common, dagre) {
   "use strict";
   const SECTIONS = [{
     label: "Database",
@@ -170,7 +170,7 @@
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
             alignSelf: "flex-end"
-          }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRightIcon, { className: "text-primary", size: ui.iconSize.small }) }) })
+          }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2", children: /* @__PURE__ */ jsxRuntime.jsx(ui.ArrowRightIcon, { className: "text-primary", size: ui.iconSize.small }) }) })
         ] }) }, tool.path)) })
       ] }, section.label));
       $[10] = context;
@@ -887,7 +887,7 @@
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col h-full overflow-hidden", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("flex items-center justify-between px-3 py-2 border-b bg-surface-50 dark:bg-surface-900 min-h-[48px]", ui.defaultBorderMixin), children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "font-bold uppercase tracking-wider text-text-disabled dark:text-text-disabled-dark", children: t("studio_schema_tables") }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: onRetrySchema, title: "Refresh schema", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCwIcon, { size: ui.iconSize.smallest }) })
+        /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: onRetrySchema, title: "Refresh schema", children: /* @__PURE__ */ jsxRuntime.jsx(ui.RefreshCwIcon, { size: ui.iconSize.smallest }) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-grow overflow-y-auto no-scrollbar p-1", children: Object.keys(schemas).length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 text-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-text-disabled dark:text-text-disabled-dark italic", children: t("studio_schema_no_tables") }) }) : Object.entries(schemas).map(([schemaName, tables]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center p-1 cursor-pointer hover:bg-surface-100 dark:hover:bg-surface-950 rounded transition-colors", onClick: () => setExpandedSchemas((prev) => ({
@@ -909,8 +909,8 @@
               /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: (e) => {
                 e.stopPropagation();
                 navigator.clipboard.writeText(table.tableName);
-              }, title: "CopyIcon table name", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CopyIcon, { size: ui.iconSize.small }) }),
-              /* @__PURE__ */ jsxRuntime.jsxs(ui.Menu, { trigger: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: (e_0) => e_0.stopPropagation(), title: "Generate SQL templates", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreVerticalIcon, { size: ui.iconSize.small }) }), children: [
+              }, title: "CopyIcon table name", children: /* @__PURE__ */ jsxRuntime.jsx(ui.CopyIcon, { size: ui.iconSize.small }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs(ui.Menu, { trigger: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: (e_0) => e_0.stopPropagation(), title: "Generate SQL templates", children: /* @__PURE__ */ jsxRuntime.jsx(ui.MoreVerticalIcon, { size: ui.iconSize.small }) }), children: [
                 /* @__PURE__ */ jsxRuntime.jsx(ui.MenuItem, { dense: true, className: "text-xs", onClick: (e_1) => {
                   e_1.stopPropagation();
                   onTableClick?.(`SELECT * FROM ${schemaName !== "public" ? `${schemaName}.` : ""}${table.tableName} LIMIT 100;`);
@@ -950,7 +950,7 @@ WHERE id = ?;`);
             /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "smallest", className: "opacity-0 group-hover:opacity-100 absolute right-1 bg-surface-50 dark:bg-surface-800 transition-colors pointer-events-auto", onClick: (e_6) => {
               e_6.stopPropagation();
               navigator.clipboard.writeText(col.name);
-            }, title: "CopyIcon column name", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CopyIcon, { size: ui.iconSize.smallest }) })
+            }, title: "CopyIcon column name", children: /* @__PURE__ */ jsxRuntime.jsx(ui.CopyIcon, { size: ui.iconSize.smallest }) })
           ] }, col.name)) })
         ] }, table.tableName)) })
       ] }, schemaName)) })
@@ -996,7 +996,7 @@ WHERE id = ?;`);
                   /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "smallest", className: "absolute right-1 top-1 opacity-0 group-hover:opacity-100 text-text-disabled hover:text-red-500 transition-opacity", onClick: (e) => {
                     e.stopPropagation();
                     onDeleteSnippet(snippet.id);
-                  }, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2Icon, { size: ui.iconSize.smallest }) })
+                  }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Trash2Icon, { size: ui.iconSize.smallest }) })
                 ] }, snippet.id)) })
               ] }),
               others.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -1007,7 +1007,7 @@ WHERE id = ?;`);
                   /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "smallest", className: "absolute right-1 top-1 opacity-0 group-hover:opacity-100 text-text-disabled hover:text-red-500 transition-opacity", onClick: (e_0) => {
                     e_0.stopPropagation();
                     onDeleteSnippet(snippet_0.id);
-                  }, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2Icon, { size: ui.iconSize.smallest }) })
+                  }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Trash2Icon, { size: ui.iconSize.smallest }) })
                 ] }, snippet_0.id)) })
               ] })
             ] }) })
@@ -1558,14 +1558,6 @@ WHERE id = ?;`);
   function _temp$6(childPlan, idx) {
     return /* @__PURE__ */ jsxRuntime.jsx(ExplainVisualizer, { plan: childPlan, isRoot: false }, idx);
   }
-  let VirtualTableInput = null;
-  try {
-    const cms = require("@rebasepro/admin");
-    VirtualTableInput = cms.VirtualTableInput;
-  } catch {
-  }
-  const STORAGE_KEY_TABS = "rebase_sql_tabs";
-  const STORAGE_KEY_ACTIVE_TAB = "rebase_sql_active_tab";
   const FixedEditorOverlay = (t0) => {
     const $ = reactCompilerRuntime.c(26);
     const {
@@ -1723,9 +1715,14 @@ WHERE id = ?;`);
     }
     return t13;
   };
+  const getStoragePrefix = (baseUrl) => {
+    if (!baseUrl) return "default";
+    return baseUrl.replace(/^https?:\/\//, "").replace(/[^a-zA-Z0-9]/g, "_");
+  };
   const SQLEditor = () => {
     const {
-      databaseAdmin
+      databaseAdmin,
+      client: client2
     } = core.useRebaseContext();
     const sideEntityController = core.useStudioSideEntityController();
     const snackbarController = core.useSnackbarController();
@@ -1733,22 +1730,26 @@ WHERE id = ?;`);
     const {
       t
     } = core.useTranslation();
+    const projectPrefix = React.useMemo(() => getStoragePrefix(client2?.baseUrl), [client2?.baseUrl]);
     const [schemas, setSchemas] = React.useState({});
     const [isSchemaLoading, setIsSchemaLoading] = React.useState(true);
     const schemaFetchedRef = React.useRef(false);
     const [schemaError, setSchemaError] = React.useState(null);
     const [selectedDatabase, setSelectedDatabase] = React.useState(() => {
-      return localStorage.getItem("rebase_sql_selected_db") || void 0;
+      const projectPrefixSync = client2?.baseUrl ? client2.baseUrl.replace(/^https?:\/\//, "").replace(/[^a-zA-Z0-9]/g, "_") : "default";
+      return localStorage.getItem(`rebase_sql_selected_db_${projectPrefixSync}`) || void 0;
     });
     const [selectedRole, setSelectedRole] = React.useState(() => {
-      return localStorage.getItem("rebase_sql_selected_role") || void 0;
+      const projectPrefixSync_0 = client2?.baseUrl ? client2.baseUrl.replace(/^https?:\/\//, "").replace(/[^a-zA-Z0-9]/g, "_") : "default";
+      return localStorage.getItem(`rebase_sql_selected_role_${projectPrefixSync_0}`) || void 0;
     });
     const [availableDatabases, setAvailableDatabases] = React.useState([]);
     const [availableRoles, setAvailableRoles] = React.useState([]);
     const [isLoadingConfig, setIsLoadingConfig] = React.useState(true);
     const [connectionConfigError, setConnectionConfigError] = React.useState(null);
     const [tabs, setTabs] = React.useState(() => {
-      const saved = localStorage.getItem(STORAGE_KEY_TABS);
+      const projectPrefixSync_1 = client2?.baseUrl ? client2.baseUrl.replace(/^https?:\/\//, "").replace(/[^a-zA-Z0-9]/g, "_") : "default";
+      const saved = localStorage.getItem(`rebase_sql_tabs_${projectPrefixSync_1}`);
       if (saved) {
         const parsed = JSON.parse(saved);
         return parsed.map((t_0) => ({
@@ -1764,8 +1765,8 @@ WHERE id = ?;`);
         id: "1",
         name: "Query 1",
         sql: "SELECT * FROM ",
-        database: localStorage.getItem("rebase_sql_selected_db") || void 0,
-        role: localStorage.getItem("rebase_sql_selected_role") || void 0,
+        database: localStorage.getItem(`rebase_sql_selected_db_${projectPrefixSync_1}`) || void 0,
+        role: localStorage.getItem(`rebase_sql_selected_role_${projectPrefixSync_1}`) || void 0,
         results: null,
         loading: false,
         error: null,
@@ -1774,7 +1775,8 @@ WHERE id = ?;`);
       }];
     });
     const [activeTabId, setActiveTabId] = React.useState(() => {
-      return localStorage.getItem(STORAGE_KEY_ACTIVE_TAB) || "1";
+      const projectPrefixSync_2 = client2?.baseUrl ? client2.baseUrl.replace(/^https?:\/\//, "").replace(/[^a-zA-Z0-9]/g, "_") : "default";
+      return localStorage.getItem(`rebase_sql_active_tab_${projectPrefixSync_2}`) || "1";
     });
     const activeTab = tabs.find((t_1) => t_1.id === activeTabId) || tabs[0];
     const updateActiveTab = React.useCallback((update) => {
@@ -1794,22 +1796,22 @@ WHERE id = ?;`);
     React.useEffect(() => {
       let mounted = true;
       const fetchConnectionConfig = async () => {
-        if (!databaseAdmin?.fetchAvailableDatabases || !databaseAdmin?.fetchAvailableRoles) {
+        if (!databaseAdmin?.fetchAvailableDatabases || !databaseAdmin?.fetchAvailableRoles || !databaseAdmin?.executeSql) {
           setConnectionConfigError(t("studio_sql_sql_not_supported"));
           setIsLoadingConfig(false);
           return;
         }
         try {
-          const [dbs, roles, currentDbFromApi] = await Promise.all([databaseAdmin.fetchAvailableDatabases(), databaseAdmin.fetchAvailableRoles(), typeof databaseAdmin?.fetchCurrentDatabase === "function" ? databaseAdmin.fetchCurrentDatabase() : Promise.resolve(void 0)]);
+          const [dbs, roles, currentDbFromApi, currentUserResult] = await Promise.all([databaseAdmin.fetchAvailableDatabases(), databaseAdmin.fetchAvailableRoles(), typeof databaseAdmin?.fetchCurrentDatabase === "function" ? databaseAdmin.fetchCurrentDatabase() : Promise.resolve(void 0), databaseAdmin.executeSql("SELECT current_user AS role").catch(() => [])]);
           if (mounted) {
             setAvailableDatabases(dbs);
             setAvailableRoles(roles);
-            const loadedDb = localStorage.getItem("rebase_sql_selected_db") || void 0;
-            const loadedRole = localStorage.getItem("rebase_sql_selected_role") || void 0;
-            const initialActiveTabId = localStorage.getItem(STORAGE_KEY_ACTIVE_TAB) || "1";
+            const loadedDb = localStorage.getItem(`rebase_sql_selected_db_${projectPrefix}`) || void 0;
+            const loadedRole = localStorage.getItem(`rebase_sql_selected_role_${projectPrefix}`) || void 0;
+            const initialActiveTabId = localStorage.getItem(`rebase_sql_active_tab_${projectPrefix}`) || "1";
             let initialTabs = [];
             try {
-              const savedTabs = localStorage.getItem(STORAGE_KEY_TABS);
+              const savedTabs = localStorage.getItem(`rebase_sql_tabs_${projectPrefix}`);
               if (savedTabs) initialTabs = JSON.parse(savedTabs);
             } catch (e) {
             }
@@ -1821,21 +1823,26 @@ WHERE id = ?;`);
             }
             if (actualDb) {
               setSelectedDatabase(actualDb);
-              localStorage.setItem("rebase_sql_selected_db", actualDb);
-              setTabs((prev_0) => prev_0.map((t_4) => t_4.id === initialActiveTabId && !t_4.database ? {
+              localStorage.setItem(`rebase_sql_selected_db_${projectPrefix}`, actualDb);
+              setTabs((prev_0) => prev_0.map((t_4) => t_4.id === initialActiveTabId && (!t_4.database || !dbs.includes(t_4.database)) ? {
                 ...t_4,
                 database: actualDb
               } : t_4));
             }
+            const currentUser = currentUserResult?.[0]?.role;
             let actualRole = currentActiveTab?.role || loadedRole;
             if (actualRole && !roles.includes(actualRole)) actualRole = void 0;
             if (!actualRole && roles.length > 0) {
-              actualRole = roles.includes("postgres") ? "postgres" : roles[0];
+              if (currentUser && roles.includes(currentUser)) {
+                actualRole = currentUser;
+              } else {
+                actualRole = roles.includes("postgres") ? "postgres" : roles[0];
+              }
             }
             if (actualRole) {
               setSelectedRole(actualRole);
-              localStorage.setItem("rebase_sql_selected_role", actualRole);
-              setTabs((prev_1) => prev_1.map((t_5) => t_5.id === initialActiveTabId && !t_5.role ? {
+              localStorage.setItem(`rebase_sql_selected_role_${projectPrefix}`, actualRole);
+              setTabs((prev_1) => prev_1.map((t_5) => t_5.id === initialActiveTabId && (!t_5.role || !roles.includes(t_5.role)) ? {
                 ...t_5,
                 role: actualRole
               } : t_5));
@@ -1859,10 +1866,10 @@ WHERE id = ?;`);
       return () => {
         mounted = false;
       };
-    }, [databaseAdmin]);
+    }, [databaseAdmin, projectPrefix]);
     const handleDatabaseChange = (db, tabId) => {
       setSelectedDatabase(db);
-      localStorage.setItem("rebase_sql_selected_db", db);
+      localStorage.setItem(`rebase_sql_selected_db_${projectPrefix}`, db);
       setTabs((prev_2) => prev_2.map((t_6) => t_6.id === activeTabId ? {
         ...t_6,
         database: db
@@ -1871,7 +1878,7 @@ WHERE id = ?;`);
     };
     const handleRoleChange = (role, tabId_0) => {
       setSelectedRole(role);
-      localStorage.setItem("rebase_sql_selected_role", role);
+      localStorage.setItem(`rebase_sql_selected_role_${projectPrefix}`, role);
       setTabs((prev_3) => prev_3.map((t_7) => t_7.id === activeTabId ? {
         ...t_7,
         role
@@ -1883,7 +1890,7 @@ WHERE id = ?;`);
       if (newTab) {
         if (newTab.database && newTab.database !== selectedDatabase) {
           setSelectedDatabase(newTab.database);
-          localStorage.setItem("rebase_sql_selected_db", newTab.database);
+          localStorage.setItem(`rebase_sql_selected_db_${projectPrefix}`, newTab.database);
           schemaFetchedRef.current = false;
         } else if (!newTab.database && selectedDatabase) {
           setTabs((prev_4) => prev_4.map((t_9) => t_9.id === newTabId ? {
@@ -1893,7 +1900,7 @@ WHERE id = ?;`);
         }
         if (newTab.role && newTab.role !== selectedRole) {
           setSelectedRole(newTab.role);
-          localStorage.setItem("rebase_sql_selected_role", newTab.role);
+          localStorage.setItem(`rebase_sql_selected_role_${projectPrefix}`, newTab.role);
         } else if (!newTab.role && selectedRole) {
           setTabs((prev_5) => prev_5.map((t_10) => t_10.id === newTabId ? {
             ...t_10,
@@ -1901,7 +1908,7 @@ WHERE id = ?;`);
           } : t_10));
         }
       }
-    }, [tabs, selectedDatabase, selectedRole]);
+    }, [tabs, selectedDatabase, selectedRole, projectPrefix]);
     const fetchSchema = React.useCallback(async () => {
       if (!databaseAdmin?.executeSql) {
         setSchemaError(t("studio_sql_sql_not_supported"));
@@ -2101,7 +2108,8 @@ WHERE id = ?;`);
       }
     }, [editingCell, schemas, activeTab.lastExecutedSql, activeTab.results, databaseAdmin, updateActiveTab, snackbarController, selectedDatabase, selectedRole]);
     const [columnWidths, setColumnWidths] = React.useState(() => {
-      const saved_0 = localStorage.getItem("rebase_sql_column_widths");
+      const projectPrefixSync_3 = client2?.baseUrl ? client2.baseUrl.replace(/^https?:\/\//, "").replace(/[^a-zA-Z0-9]/g, "_") : "default";
+      const saved_0 = localStorage.getItem(`rebase_sql_column_widths_${projectPrefixSync_3}`);
       return saved_0 ? JSON.parse(saved_0) : {};
     });
     const [snippets, setSnippets] = React.useState([]);
@@ -2109,11 +2117,19 @@ WHERE id = ?;`);
     const [isSaveDialogOpen, setIsSaveDialogOpen] = React.useState(false);
     const [newSnippetName, setNewSnippetName] = React.useState("");
     React.useEffect(() => {
-      const savedSnippets = localStorage.getItem("rebase_sql_snippets");
-      if (savedSnippets) setSnippets(JSON.parse(savedSnippets));
-      const savedHistory = localStorage.getItem("rebase_sql_history");
-      if (savedHistory) setHistory(JSON.parse(savedHistory));
-    }, []);
+      const savedSnippets = localStorage.getItem(`rebase_sql_snippets_${projectPrefix}`);
+      if (savedSnippets) {
+        setSnippets(JSON.parse(savedSnippets));
+      } else {
+        setSnippets([]);
+      }
+      const savedHistory = localStorage.getItem(`rebase_sql_history_${projectPrefix}`);
+      if (savedHistory) {
+        setHistory(JSON.parse(savedHistory));
+      } else {
+        setHistory([]);
+      }
+    }, [projectPrefix]);
     React.useEffect(() => {
       const sanitizedTabs = tabs.map((t_12) => ({
         id: t_12.id,
@@ -2122,18 +2138,18 @@ WHERE id = ?;`);
         database: t_12.database,
         role: t_12.role
       }));
-      localStorage.setItem(STORAGE_KEY_TABS, JSON.stringify(sanitizedTabs));
-    }, [tabs]);
+      localStorage.setItem(`rebase_sql_tabs_${projectPrefix}`, JSON.stringify(sanitizedTabs));
+    }, [tabs, projectPrefix]);
     React.useEffect(() => {
-      localStorage.setItem(STORAGE_KEY_ACTIVE_TAB, activeTabId);
-    }, [activeTabId]);
+      localStorage.setItem(`rebase_sql_active_tab_${projectPrefix}`, activeTabId);
+    }, [activeTabId, projectPrefix]);
     const saveSnippets = (newSnippets) => {
       setSnippets(newSnippets);
-      localStorage.setItem("rebase_sql_snippets", JSON.stringify(newSnippets));
+      localStorage.setItem(`rebase_sql_snippets_${projectPrefix}`, JSON.stringify(newSnippets));
     };
     const saveHistory = (newHistory) => {
       setHistory(newHistory);
-      localStorage.setItem("rebase_sql_history", JSON.stringify(newHistory.slice(-50)));
+      localStorage.setItem(`rebase_sql_history_${projectPrefix}`, JSON.stringify(newHistory.slice(-50)));
     };
     const handleDeleteSnippet = (id) => {
       saveSnippets(snippets.filter((s) => s.id !== id));
@@ -2188,10 +2204,10 @@ WHERE id = ?;`);
             [key]: width
           }
         };
-        localStorage.setItem("rebase_sql_column_widths", JSON.stringify(newWidths));
+        localStorage.setItem(`rebase_sql_column_widths_${projectPrefix}`, JSON.stringify(newWidths));
         return newWidths;
       });
-    }, [activeTab.sql]);
+    }, [activeTab.sql, projectPrefix]);
     const handlePrettify = () => {
       const formatted = activeTab.sql.replace(/\s+/g, " ").replace(/\s?,\s?/g, ", ").replace(/\s?=\s?/g, " = ").trim();
       setSql(formatted);
@@ -2270,7 +2286,7 @@ WHERE id = ?;`);
           loading: false
         });
       }
-    }, [activeTab.sql, autoLimit, databaseAdmin, history, updateActiveTab]);
+    }, [activeTab.sql, autoLimit, databaseAdmin, history, updateActiveTab, selectedDatabase, selectedRole]);
     const handleRun = React.useCallback(async (selectedText) => {
       const sqlTarget = selectedText || activeTab.sql;
       if (!sqlTarget.trim()) return;
@@ -2470,9 +2486,9 @@ WHERE id = ?;`);
                   collection: ra.collection.collection,
                   updateUrl: false
                 });
-              }, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PencilIcon, { size: ui.iconSize.smallest }) }) }) });
+              }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.PencilIcon, { size: ui.iconSize.smallest }) }) }) });
             }
-            return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Menu, { trigger: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", className: "text-surface-400 dark:text-surface-500 hover:text-surface-600 dark:hover:text-surface-300 transition-colors", onClick: (e_8) => e_8.stopPropagation(), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreVerticalIcon, { size: ui.iconSize.smallest }) }), children: rowActions.map((ra_0) => /* @__PURE__ */ jsxRuntime.jsx(ui.MenuItem, { dense: true, onClick: () => {
+            return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Menu, { trigger: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", className: "text-surface-400 dark:text-surface-500 hover:text-surface-600 dark:hover:text-surface-300 transition-colors", onClick: (e_8) => e_8.stopPropagation(), children: /* @__PURE__ */ jsxRuntime.jsx(ui.MoreVerticalIcon, { size: ui.iconSize.smallest }) }), children: rowActions.map((ra_0) => /* @__PURE__ */ jsxRuntime.jsx(ui.MenuItem, { dense: true, onClick: () => {
               sideEntityController?.open({
                 path: ra_0.collection.collection.slug,
                 entityId: ra_0.entityId,
@@ -2516,7 +2532,8 @@ WHERE id = ?;`);
     };
     const [sidebarSize, setSidebarSize] = React.useState(() => {
       try {
-        const saved_1 = localStorage.getItem("rebase_sql_editor_sidebar_size");
+        const projectPrefixSync_4 = client2?.baseUrl ? client2.baseUrl.replace(/^https?:\/\//, "").replace(/[^a-zA-Z0-9]/g, "_") : "default";
+        const saved_1 = localStorage.getItem(`rebase_sql_editor_sidebar_size_${projectPrefixSync_4}`);
         return saved_1 !== null ? parseFloat(saved_1) : 20;
       } catch (e_9) {
         return 20;
@@ -2524,7 +2541,8 @@ WHERE id = ?;`);
     });
     const [editorHeight, setEditorHeight] = React.useState(() => {
       try {
-        const saved_2 = localStorage.getItem("rebase_sql_editor_height");
+        const projectPrefixSync_5 = client2?.baseUrl ? client2.baseUrl.replace(/^https?:\/\//, "").replace(/[^a-zA-Z0-9]/g, "_") : "default";
+        const saved_2 = localStorage.getItem(`rebase_sql_editor_height_${projectPrefixSync_5}`);
         return saved_2 !== null ? parseFloat(saved_2) : 50;
       } catch (e_10) {
         return 50;
@@ -2532,16 +2550,16 @@ WHERE id = ?;`);
     });
     React.useEffect(() => {
       try {
-        localStorage.setItem("rebase_sql_editor_sidebar_size", sidebarSize.toString());
+        localStorage.setItem(`rebase_sql_editor_sidebar_size_${projectPrefix}`, sidebarSize.toString());
       } catch (e_11) {
       }
-    }, [sidebarSize]);
+    }, [sidebarSize, projectPrefix]);
     React.useEffect(() => {
       try {
-        localStorage.setItem("rebase_sql_editor_height", editorHeight.toString());
+        localStorage.setItem(`rebase_sql_editor_height_${projectPrefix}`, editorHeight.toString());
       } catch (e_12) {
       }
-    }, [editorHeight]);
+    }, [editorHeight, projectPrefix]);
     const activeSnippet = snippets.find((s_0) => s_0.sql === activeTab.sql);
     const isFavorite = activeSnippet?.isFavorite || false;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full w-full bg-white dark:bg-surface-950 overflow-hidden text-text-primary dark:text-text-primary-dark", children: [
@@ -2549,14 +2567,14 @@ WHERE id = ?;`);
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("flex items-center justify-between pr-2 border-b bg-white dark:bg-surface-950", ui.defaultBorderMixin), children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center flex-grow overflow-hidden mr-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center no-scrollbar overflow-x-auto min-w-0", children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Tabs, { value: activeTabId, onValueChange: handleTabChange, variant: "boxy", className: "w-[unset] flex-shrink-0", innerClassName: "bg-white dark:bg-surface-950", children: tabs.map((tab_0) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Tab, { value: tab_0.id, className: "flex items-center justify-between group max-w-[200px]", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TerminalIcon, { size: ui.iconSize.smallest, className: "text-blue-500 mr-1.5 flex-shrink-0" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.TerminalIcon, { size: ui.iconSize.smallest, className: "text-blue-500 mr-1.5 flex-shrink-0" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: tab_0.name }),
-              tabs.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "smallest", onClick: (e_13) => handleCloseTab(tab_0.id, e_13), className: "ml-1 !p-0.5 opacity-0 group-hover:opacity-100 hover:text-red-500 transition-opacity", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { size: ui.iconSize.smallest }) })
+              tabs.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "smallest", onClick: (e_13) => handleCloseTab(tab_0.id, e_13), className: "ml-1 !p-0.5 opacity-0 group-hover:opacity-100 hover:text-red-500 transition-opacity", children: /* @__PURE__ */ jsxRuntime.jsx(ui.XIcon, { size: ui.iconSize.smallest }) })
             ] }, tab_0.id)) }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: handleAddTab, className: "ml-2 flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlusIcon, { size: ui.iconSize.smallest }) })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: handleAddTab, className: "ml-2 flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(ui.PlusIcon, { size: ui.iconSize.smallest }) })
           ] }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center justify-end pr-2 gap-1.5", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: t("studio_sql_format_sql"), children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: handlePrettify, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MenuIcon, { size: ui.iconSize.smallest }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: t("studio_sql_format_sql"), children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: handlePrettify, children: /* @__PURE__ */ jsxRuntime.jsx(ui.MenuIcon, { size: ui.iconSize.smallest }) }) }),
             /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", size: "small", onClick: handleExplain, disabled: loading, children: t("studio_sql_explain") }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-px bg-surface-200 dark:bg-surface-950 mx-1" }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2 px-2", onClick: (e_14) => {
@@ -2583,8 +2601,8 @@ WHERE id = ?;`);
             /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", size: "small", onClick: () => setIsSaveDialogOpen(true), children: t("studio_sql_save") }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-px bg-surface-200 dark:bg-surface-950 mx-1" }),
             /* @__PURE__ */ jsxRuntime.jsx(ui.Menu, { trigger: /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "small", variant: "outlined", className: "text-text-secondary dark:text-text-secondary-dark font-medium mr-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.DatabaseIcon, { size: ui.iconSize.small, className: "mr-1.5 text-text-disabled dark:text-text-disabled-dark" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-w-[80px] truncate", children: isLoadingConfig ? "..." : selectedDatabase || t("studio_sql_select_db") })
+              /* @__PURE__ */ jsxRuntime.jsx(ui.DatabaseIcon, { size: ui.iconSize.small, className: "mr-1.5 text-text-disabled dark:text-text-disabled-dark" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-w-[160px] truncate", children: isLoadingConfig ? "..." : `${selectedDatabase || t("studio_sql_select_db")}${selectedRole ? ` (${selectedRole})` : ""}` })
             ] }), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-h-64 overflow-y-auto", children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-1.5 border-b border-surface-200 dark:border-surface-950 mb-1", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "font-bold uppercase tracking-wider text-[9px] text-text-disabled dark:text-text-disabled-dark", children: t("studio_sql_database") }) }),
               isLoadingConfig ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center p-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgress, { size: "small" }) }) : connectionConfigError ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-2 text-xs text-red-500 dark:text-red-400 max-w-[200px] break-words", children: connectionConfigError }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -2597,7 +2615,7 @@ WHERE id = ?;`);
               ] })
             ] }) }),
             /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { onClick: () => handleRun(), disabled: loading, size: "small", color: "primary", children: [
-              loading ? /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgress, { size: "smallest", className: "mr-2" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlayIcon, { size: ui.iconSize.smallest, className: "mr-2" }),
+              loading ? /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgress, { size: "smallest", className: "mr-2" }) : /* @__PURE__ */ jsxRuntime.jsx(ui.PlayIcon, { size: ui.iconSize.smallest, className: "mr-2" }),
               t("studio_sql_run")
             ] })
           ] })
@@ -3125,7 +3143,7 @@ return result;`);
     }
     let t9;
     if ($[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t9 = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlusIcon, { size: ui.iconSize.smallest });
+      t9 = /* @__PURE__ */ jsxRuntime.jsx(ui.PlusIcon, { size: ui.iconSize.smallest });
       $[13] = t9;
     } else {
       t9 = $[13];
@@ -3234,7 +3252,7 @@ return result;`);
     }
     let t6;
     if ($[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t6 = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2Icon, { size: ui.iconSize.smallest });
+      t6 = /* @__PURE__ */ jsxRuntime.jsx(ui.Trash2Icon, { size: ui.iconSize.smallest });
       $[11] = t6;
     } else {
       t6 = $[11];
@@ -3278,7 +3296,7 @@ return result;`);
     let t1;
     let t2;
     if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t1 = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.KeyRoundIcon, { size: ui.iconSize.small, className: "text-text-secondary dark:text-text-secondary-dark" });
+      t1 = /* @__PURE__ */ jsxRuntime.jsx(ui.KeyRoundIcon, { size: ui.iconSize.small, className: "text-text-secondary dark:text-text-secondary-dark" });
       t2 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-text-secondary dark:text-text-secondary-dark text-xs font-medium", children: "Auth:" });
       $[0] = t1;
       $[1] = t2;
@@ -3686,7 +3704,7 @@ return result;
           value: void 0,
           console: consoleEntries,
           duration,
-          error: err?.message || String(err),
+          error: err instanceof Error ? err.message : String(err),
           timestamp: Date.now()
         });
         setResultView("json");
@@ -3825,23 +3843,23 @@ return result;
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("flex items-center justify-between pr-2 border-b bg-white dark:bg-surface-950", ui.defaultBorderMixin), children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center flex-grow overflow-hidden mr-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center no-scrollbar overflow-x-auto min-w-0", children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Tabs, { value: activeTabId, onValueChange: setActiveTabId, variant: "boxy", className: "w-[unset] flex-shrink-0", innerClassName: "bg-white dark:bg-surface-950", children: tabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Tab, { value: tab.id, className: "flex items-center justify-between group max-w-[200px]", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TerminalIcon, { size: ui.iconSize.smallest, className: "text-amber-500 mr-1.5 flex-shrink-0" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.TerminalIcon, { size: ui.iconSize.smallest, className: "text-amber-500 mr-1.5 flex-shrink-0" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: tab.name }),
               tabs.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "smallest", onClick: (e) => {
                 e.stopPropagation();
                 closeTab(tab.id);
-              }, className: "ml-1 !p-0.5 opacity-0 group-hover:opacity-100 hover:text-red-500 transition-opacity", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { size: ui.iconSize.smallest }) })
+              }, className: "ml-1 !p-0.5 opacity-0 group-hover:opacity-100 hover:text-red-500 transition-opacity", children: /* @__PURE__ */ jsxRuntime.jsx(ui.XIcon, { size: ui.iconSize.smallest }) })
             ] }, tab.id)) }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: addTab, className: "ml-2 flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlusIcon, { size: ui.iconSize.smallest }) })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: addTab, className: "ml-2 flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(ui.PlusIcon, { size: ui.iconSize.smallest }) })
           ] }) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center justify-end gap-1.5", children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "SaveIcon as snippet", children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: () => {
               setSnippetName("");
               setShowSaveDialog(true);
-            }, disabled: !activeTab?.code.trim(), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SaveIcon, { size: ui.iconSize.smallest }) }) }),
-            result?.value && /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Export result as JSON", children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: exportResult, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.DownloadIcon, { size: ui.iconSize.smallest }) }) }),
+            }, disabled: !activeTab?.code.trim(), children: /* @__PURE__ */ jsxRuntime.jsx(ui.SaveIcon, { size: ui.iconSize.smallest }) }) }),
+            result?.value && /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Export result as JSON", children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: exportResult, children: /* @__PURE__ */ jsxRuntime.jsx(ui.DownloadIcon, { size: ui.iconSize.smallest }) }) }),
             /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "small", color: "primary", disabled: isRunning || !activeTab?.code.trim(), onClick: () => executeCode(), children: [
-              isRunning ? /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgress, { size: "smallest", className: "mr-2" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlayIcon, { size: ui.iconSize.smallest, className: "mr-2" }),
+              isRunning ? /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgress, { size: "smallest", className: "mr-2" }) : /* @__PURE__ */ jsxRuntime.jsx(ui.PlayIcon, { size: ui.iconSize.smallest, className: "mr-2" }),
               "Run"
             ] })
           ] })
@@ -3918,9 +3936,9 @@ return result;
                         collection: ra.collection.collection,
                         updateUrl: false
                       });
-                    }, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PencilIcon, { size: ui.iconSize.smallest }) }) }) });
+                    }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.PencilIcon, { size: ui.iconSize.smallest }) }) }) });
                   }
-                  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Menu, { trigger: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", className: "text-surface-400 dark:text-surface-500 hover:text-surface-600 dark:hover:text-surface-300", onClick: (e_1) => e_1.stopPropagation(), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreVerticalIcon, { size: ui.iconSize.smallest }) }), children: rowActions.map((ra_0) => /* @__PURE__ */ jsxRuntime.jsx(ui.MenuItem, { dense: true, onClick: () => {
+                  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Menu, { trigger: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", className: "text-surface-400 dark:text-surface-500 hover:text-surface-600 dark:hover:text-surface-300", onClick: (e_1) => e_1.stopPropagation(), children: /* @__PURE__ */ jsxRuntime.jsx(ui.MoreVerticalIcon, { size: ui.iconSize.smallest }) }), children: rowActions.map((ra_0) => /* @__PURE__ */ jsxRuntime.jsx(ui.MenuItem, { dense: true, onClick: () => {
                     sideEntityController.open({
                       path: ra_0.collection.collectionSlug,
                       entityId: ra_0.entityId,
@@ -4264,7 +4282,7 @@ return result;
     }
     let t12;
     if ($[30] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t12 = /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: () => setHelpOpen(true), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.HelpCircleIcon, { size: ui.iconSize.smallest }) });
+      t12 = /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: () => setHelpOpen(true), children: /* @__PURE__ */ jsxRuntime.jsx(ui.HelpCircleIcon, { size: ui.iconSize.smallest }) });
       $[30] = t12;
     } else {
       t12 = $[30];
@@ -5630,7 +5648,7 @@ return result;
         sidebarTab === "tables" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col h-full", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("flex items-center justify-between px-3 py-2 border-b bg-surface-50 dark:bg-surface-900 min-h-[48px]", ui.defaultBorderMixin), children: [
             /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "font-bold uppercase tracking-wider text-text-disabled dark:text-text-disabled-dark", children: t("studio_schema_tables") }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: fetchRLSData, title: "Refresh", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCwIcon, { size: ui.iconSize.smallest }) })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: fetchRLSData, title: "Refresh", children: /* @__PURE__ */ jsxRuntime.jsx(ui.RefreshCwIcon, { size: ui.iconSize.smallest }) })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-grow overflow-y-auto no-scrollbar p-1", children: isLoading && tables.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center p-4", children: /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgress, { size: "small" }) }) : Object.keys(groupedTables).length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 text-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-text-disabled dark:text-text-disabled-dark italic", children: t("studio_rls_no_tables") }) }) : Object.entries(groupedTables).map(([schemaName, schemaTables]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center p-1 cursor-pointer hover:bg-surface-100 dark:hover:bg-surface-950 rounded transition-colors", onClick: () => setExpandedSchemas((prev) => ({
@@ -5659,7 +5677,7 @@ return result;
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-grow overflow-y-auto p-3 space-y-3 no-scrollbar", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("p-3 rounded-lg border bg-white dark:bg-surface-900", ui.defaultBorderMixin), children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldIcon, { size: ui.iconSize.smallest, className: "text-primary" }),
+                /* @__PURE__ */ jsxRuntime.jsx(ui.ShieldIcon, { size: ui.iconSize.smallest, className: "text-primary" }),
                 /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body2", className: "font-semibold text-[13px]", children: "RLS Studio" })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-text-secondary dark:text-text-secondary-dark text-[11px] leading-relaxed block", children: "Manage Row Level Security policies for your PostgreSQL tables. Enable RLS and create fine-grained access policies." })
@@ -5686,7 +5704,7 @@ return result;
               ] })
             ] }),
             rlsStats.total - rlsStats.enabled > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("p-2.5 rounded border border-yellow-200 dark:border-yellow-900/50 bg-yellow-50 dark:bg-yellow-900/20 flex items-start gap-2", ui.defaultBorderMixin), children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangleIcon, { size: 14, className: "text-yellow-600 dark:text-yellow-500 mt-0.5 shrink-0" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.AlertTriangleIcon, { size: 14, className: "text-yellow-600 dark:text-yellow-500 mt-0.5 shrink-0" }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                 /* @__PURE__ */ jsxRuntime.jsxs(ui.Typography, { variant: "caption", className: "text-yellow-800 dark:text-yellow-400 text-[11px] font-semibold block", children: [
                   rlsStats.total - rlsStats.enabled,
@@ -5698,7 +5716,7 @@ return result;
               ] })
             ] }),
             rlsStats.enabled > 0 && rlsStats.enabled - rlsStats.withPolicies > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("p-2.5 rounded border border-blue-200 dark:border-blue-900/50 bg-blue-50 dark:bg-blue-900/20 flex items-start gap-2", ui.defaultBorderMixin), children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldIcon, { size: 14, className: "text-blue-600 dark:text-blue-400 mt-0.5 shrink-0" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.ShieldIcon, { size: 14, className: "text-blue-600 dark:text-blue-400 mt-0.5 shrink-0" }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                 /* @__PURE__ */ jsxRuntime.jsxs(ui.Typography, { variant: "caption", className: "text-blue-800 dark:text-blue-300 text-[11px] font-semibold block", children: [
                   rlsStats.enabled - rlsStats.withPolicies,
@@ -5738,7 +5756,7 @@ return result;
             }
           }, children: activeTableData.rlsEnabled ? t("studio_rls_disable_rls") : t("studio_rls_enable_rls") }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-px bg-surface-200 dark:bg-surface-950 mx-1" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", size: "small", onClick: fetchRLSData, startIcon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCwIcon, { size: ui.iconSize.smallest }), children: "Refresh" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", size: "small", onClick: fetchRLSData, startIcon: /* @__PURE__ */ jsxRuntime.jsx(ui.RefreshCwIcon, { size: ui.iconSize.smallest }), children: "Refresh" }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-px bg-surface-200 dark:bg-surface-950 mx-1" }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", color: "primary", disabled: !activeCollection, onClick: () => setEditingPolicy("new"), children: t("studio_rls_create_policy") })
         ] }) })
@@ -5796,7 +5814,7 @@ return result;
         ] }),
         activeTableData && !activeTableData.rlsEnabled && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("p-4 sm:p-5 bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-900/50 rounded-lg flex flex-col sm:flex-row gap-4 items-start sm:items-center justify-between", ui.defaultBorderMixin), children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3 items-start", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 bg-yellow-100 dark:bg-yellow-900/50 p-1.5 rounded-md shrink-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangleIcon, { size: ui.iconSize.smallest }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1 bg-yellow-100 dark:bg-yellow-900/50 p-1.5 rounded-md shrink-0 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.AlertTriangleIcon, { size: ui.iconSize.smallest }) }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
               /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", className: "text-yellow-800 dark:text-yellow-500", children: "Row Level Security (RLS) is disabled" }),
               /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body2", className: "text-yellow-700 dark:text-yellow-600/90 mt-1 max-w-2xl", children: "Your table is completely readable and writable by anyone with access privileges. Enable RLS to create policies that restrict access to specific rows." })
@@ -5809,7 +5827,7 @@ return result;
           mergedPolicies.map((policy) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Paper, { className: ui.cls("p-3 sm:px-4 sm:py-3 flex flex-col sm:flex-row sm:items-center justify-between gap-4 border rounded-lg", ui.defaultBorderMixin), children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 min-w-0", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.KeyIcon, { size: ui.iconSize.smallest, className: "text-text-secondary dark:text-text-secondary-dark shrink-0" }),
+                /* @__PURE__ */ jsxRuntime.jsx(ui.KeyIcon, { size: ui.iconSize.smallest, className: "text-text-secondary dark:text-text-secondary-dark shrink-0" }),
                 /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body2", className: "truncate", children: policy.policyname }),
                 policy.status === "code_only" && /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "This policy is defined in your code but hasn't been applied to the database yet.", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-1.5 py-0.5 rounded text-[10px] uppercase bg-primary/10 text-primary border border-primary/20 shrink-0", children: "Unapplied" }) }),
                 policy.status === "live" && /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "This policy is live in the database but missing from your codebase schema.", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-1.5 py-0.5 rounded text-[10px] uppercase bg-orange-500/10 text-orange-600 border border-orange-500/20 shrink-0", children: "DB Only" }) })
@@ -5874,18 +5892,18 @@ return result;
                     message: e_5 instanceof Error ? e_5.message : String(e_5)
                   });
                 }
-              }, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2Icon, { size: ui.iconSize.smallest }) }) })
+              }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Trash2Icon, { size: ui.iconSize.smallest }) }) })
             ] })
           ] }, policy.policyname))
         ] }),
         activeTableData && mergedPolicies.length === 0 && activeTableData.rlsEnabled && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldIcon, { size: 40, className: "text-surface-300 dark:text-surface-600 mb-4" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.ShieldIcon, { size: 40, className: "text-surface-300 dark:text-surface-600 mb-4" }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", className: "text-text-secondary dark:text-text-secondary-dark mb-2", children: "No policies defined" }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-text-disabled dark:text-text-disabled-dark max-w-sm mb-4", children: "RLS is enabled on this table but no policies exist. All access is denied by default (Postgres deny-all). Create a policy to allow specific access." }),
           activeCollection && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "filled", color: "primary", onClick: () => setEditingPolicy("new"), children: t("studio_rls_create_policy") })
         ] }),
         activeTableData && mergedPolicies.length === 0 && !activeTableData.rlsEnabled && activeCollection && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangleIcon, { size: 40, className: "text-yellow-400 dark:text-yellow-600 mb-4" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.AlertTriangleIcon, { size: 40, className: "text-yellow-400 dark:text-yellow-600 mb-4" }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", className: "text-text-secondary dark:text-text-secondary-dark mb-2", children: "No access control" }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-text-disabled dark:text-text-disabled-dark max-w-sm", children: "This table has neither RLS nor policies. Enable RLS and create policies to restrict row-level access." })
         ] })
@@ -5903,11 +5921,11 @@ return result;
     return `${(bytes / (1024 * 1024 * 1024)).toFixed(2)} GB`;
   }
   function getFileIcon(contentType) {
-    if (!contentType) return lucideReact.FileTextIcon;
-    if (contentType.startsWith("image/")) return lucideReact.ImageIcon;
-    if (contentType.startsWith("video/")) return lucideReact.VideoIcon;
-    if (contentType.startsWith("audio/")) return lucideReact.Music2Icon;
-    return lucideReact.FileTextIcon;
+    if (!contentType) return ui.FileTextIcon;
+    if (contentType.startsWith("image/")) return ui.ImageIcon;
+    if (contentType.startsWith("video/")) return ui.VideoIcon;
+    if (contentType.startsWith("audio/")) return ui.Music2Icon;
+    return ui.FileTextIcon;
   }
   function getExtension(name) {
     const parts = name.split(".");
@@ -5982,7 +6000,7 @@ return result;
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogContent, { className: "space-y-4", children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.FileUpload, { onFilesAdded: handleFilesAdded, size: "large", uploadDescription: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center pointer-events-none", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UploadCloudIcon, { className: "text-surface-accent-400 mb-2 w-8 h-8" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.UploadCloudIcon, { className: "text-surface-accent-400 mb-2 w-8 h-8" }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "label", children: "Drop files here or click to browse" }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", color: "secondary", children: "Any file type supported" })
         ] }) }),
@@ -6001,13 +6019,13 @@ return result;
             /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: (e) => {
               e.stopPropagation();
               handleRemoveFile(index_0);
-            }, disabled: uploading, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { size: 14 }) })
+            }, disabled: uploading, children: /* @__PURE__ */ jsxRuntime.jsx(ui.XIcon, { size: 14 }) })
           ] }, `${file.name}-${index_0}`)) })
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogActions, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", onClick: handleClose, disabled: uploading, children: "Cancel" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "filled", onClick: handleUpload, disabled: selectedFiles.length === 0 || uploading, startIcon: uploading ? /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgress, { size: "smallest" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UploadCloudIcon, { size: 14 }), children: uploading ? "Uploading..." : `Upload${selectedFiles.length > 0 ? ` (${selectedFiles.length})` : ""}` })
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "filled", onClick: handleUpload, disabled: selectedFiles.length === 0 || uploading, startIcon: uploading ? /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgress, { size: "smallest" }) : /* @__PURE__ */ jsxRuntime.jsx(ui.UploadCloudIcon, { size: 14 }), children: uploading ? "Uploading..." : `Upload${selectedFiles.length > 0 ? ` (${selectedFiles.length})` : ""}` })
       ] })
     ] });
   }
@@ -6028,9 +6046,9 @@ return result;
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("flex items-center justify-between p-3 border-b shrink-0", ui.defaultBorderMixin), children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body2", className: "font-medium truncate flex-1 mr-2", children: file.name }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-0.5", children: [
-            downloadUrl && /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Download", children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: () => window.open(downloadUrl, "_blank"), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.DownloadIcon, { size: ui.iconSize.smallest }) }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Delete", children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: () => setDeleteDialogOpen(true), className: "text-red-500 hover:bg-red-50 dark:hover:bg-red-900/20", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2Icon, { size: ui.iconSize.smallest }) }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { size: ui.iconSize.smallest }) })
+            downloadUrl && /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Download", children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: () => window.open(downloadUrl, "_blank"), children: /* @__PURE__ */ jsxRuntime.jsx(ui.DownloadIcon, { size: ui.iconSize.smallest }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Delete", children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: () => setDeleteDialogOpen(true), className: "text-red-500 hover:bg-red-50 dark:hover:bg-red-900/20", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Trash2Icon, { size: ui.iconSize.smallest }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(ui.XIcon, { size: ui.iconSize.smallest }) })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cls("flex flex-col items-center justify-center min-h-[200px] p-4 bg-surface-50 dark:bg-surface-800 border-b", ui.defaultBorderMixin), children: (() => {
@@ -6045,7 +6063,7 @@ return result;
             return /* @__PURE__ */ jsxRuntime.jsx("video", { src: downloadUrl_0, className: "max-w-full max-h-[400px] rounded-md", controls: true });
           } else if (isAudio_0 && downloadUrl_0) {
             return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-4", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Music2Icon, { className: "text-surface-accent-400 w-10 h-10" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Music2Icon, { className: "text-surface-accent-400 w-10 h-10" }),
               /* @__PURE__ */ jsxRuntime.jsx("audio", { src: downloadUrl_0, controls: true, className: "w-full max-w-xs" })
             ] });
           } else {
@@ -6092,7 +6110,7 @@ return result;
                 const fullUrl_0 = downloadUrl.startsWith("http") ? downloadUrl : `${window.location.origin}${downloadUrl.startsWith("/") ? "" : "/"}${downloadUrl}`;
                 return fullUrl_0;
               })() }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: urlCopied ? "Copied!" : "Copy URL", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0", children: urlCopied ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { size: 14, className: "text-green-500" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CopyIcon, { size: 14, className: "text-surface-accent-400" }) }) })
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: urlCopied ? "Copied!" : "Copy URL", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0", children: urlCopied ? /* @__PURE__ */ jsxRuntime.jsx(ui.CheckIcon, { size: 14, className: "text-green-500" }) : /* @__PURE__ */ jsxRuntime.jsx(ui.CopyIcon, { size: 14, className: "text-surface-accent-400" }) }) })
             ] })
           ] })
         ] })
@@ -6501,11 +6519,11 @@ return result;
               setNewFolderName("");
               setNewFolderDialogOpen(true);
             }, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderPlusIcon, { size: ui.iconSize.smallest }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.FolderPlusIcon, { size: ui.iconSize.smallest }),
               "New folder"
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { onClick: () => setUploadDialogOpen(true), children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlusIcon, { size: ui.iconSize.smallest }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.PlusIcon, { size: ui.iconSize.smallest }),
               "Upload files"
             ] })
           ] })
@@ -6533,7 +6551,7 @@ return result;
                   });
                 } }) }),
                 /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-2 py-2.5", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderIcon, { size: ui.iconSize.smallest, className: "text-amber-500 dark:text-amber-400 shrink-0" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.FolderIcon, { size: ui.iconSize.smallest, className: "text-amber-500 dark:text-amber-400 shrink-0" }),
                   /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body2", className: "text-[13px] font-medium truncate", children: folder.name })
                 ] }) }),
                 /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-2.5", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-text-secondary dark:text-text-secondary-dark", children: "Folder" }) }),
@@ -6559,7 +6577,7 @@ return result;
                 ] }) }),
                 /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-2.5", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-text-secondary dark:text-text-secondary-dark", children: getExtension(file_2.name) || file_2.contentType?.split("/")[1]?.toUpperCase() || "—" }) }),
                 /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-4 py-2.5 text-right", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-text-secondary dark:text-text-secondary-dark font-mono text-[11px]", children: file_2.size !== void 0 ? formatFileSize(file_2.size) : "—" }) }),
-                /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-2 py-2.5", onClick: (e_11) => e_11.stopPropagation(), children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "smallest", className: "opacity-0 group-hover:opacity-100 transition-opacity", onClick: () => handleDeleteFile(file_2), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2Icon, { size: 14 }) }) })
+                /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-2 py-2.5", onClick: (e_11) => e_11.stopPropagation(), children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "smallest", className: "opacity-0 group-hover:opacity-100 transition-opacity", onClick: () => handleDeleteFile(file_2), children: /* @__PURE__ */ jsxRuntime.jsx(ui.Trash2Icon, { size: 14 }) }) })
               ] }, file_2.fullPath);
             })
           ] })
@@ -6571,7 +6589,7 @@ return result;
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-3 grid-cols-[repeat(auto-fill,minmax(140px,1fr))]", children: folders.map((folder_0) => {
             const isChecked_1 = selectedPaths.has(folder_0.fullPath);
             return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-storage-item": true, className: ui.cls("rounded-lg p-3 cursor-pointer border", "transition-colors duration-150", ui.defaultBorderMixin, "hover:bg-surface-100 dark:hover:bg-surface-800 hover:shadow-sm", "flex items-center gap-2", isChecked_1 && "ring-2 ring-primary bg-primary/5 dark:bg-primary/10"), onClick: (e_12) => handleItemClick(folder_0, e_12), onDoubleClick: () => handleItemDoubleClick(folder_0), children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderIcon, { size: ui.iconSize.smallest, className: "text-amber-500 dark:text-amber-400 shrink-0" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.FolderIcon, { size: ui.iconSize.smallest, className: "text-amber-500 dark:text-amber-400 shrink-0" }),
               /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body2", className: "text-[13px] font-medium truncate", children: folder_0.name })
             ] }, folder_0.fullPath);
           }) })
@@ -6606,7 +6624,7 @@ return result;
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-grow flex flex-col min-w-0 h-full", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("flex items-center justify-between pr-2 border-b bg-white dark:bg-surface-800 shrink-0 h-10", ui.defaultBorderMixin), children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 flex-grow overflow-hidden px-3 py-2", children: [
-              currentPath && /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Go up", children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: handleNavigateUp, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeftIcon, { size: ui.iconSize.smallest }) }) }),
+              currentPath && /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Go up", children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: handleNavigateUp, children: /* @__PURE__ */ jsxRuntime.jsx(ui.ArrowLeftIcon, { size: ui.iconSize.smallest }) }) }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-0.5 overflow-x-auto no-scrollbar", children: segments.map((seg, i_3) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
                 i_3 > 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "text-text-disabled dark:text-text-disabled-dark mx-0.5", children: "/" }),
                 /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", size: "small", className: ui.cls("px-1.5 py-0.5 min-h-0 min-w-0 h-6 text-xs whitespace-nowrap normal-case font-normal", i_3 === segments.length - 1 ? "text-text-primary dark:text-text-primary-dark font-medium" : "text-text-secondary dark:text-text-secondary-dark"), onClick: () => handleNavigate(seg.path), children: seg.label })
@@ -6621,7 +6639,7 @@ return result;
                   setDeleteDialogTarget("selection");
                   setDeleteDialogOpen(true);
                 }, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2Icon, { size: 14, className: "mr-1" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Trash2Icon, { size: 14, className: "mr-1" }),
                   "Delete"
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "small", variant: "text", onClick: () => {
@@ -6629,7 +6647,7 @@ return result;
                   setSelectedFile(null);
                   setSelectedDownloadUrl(null);
                 }, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { size: 14, className: "mr-1" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.XIcon, { size: 14, className: "mr-1" }),
                   "Deselect"
                 ] })
               ] }) : !loading ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Chip, { size: "small", className: "shrink-0 text-[10px]", children: [
@@ -6640,16 +6658,16 @@ return result;
               ] }) : null
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center justify-end gap-1.5 pr-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Grid view", children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: () => setViewMode("grid"), className: ui.cls(viewMode === "grid" && "bg-surface-100 dark:bg-surface-800"), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LayoutGridIcon, { size: ui.iconSize.smallest }) }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "List view", children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: () => setViewMode("list"), className: ui.cls(viewMode === "list" && "bg-surface-100 dark:bg-surface-800"), children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ListIcon, { size: ui.iconSize.smallest }) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Grid view", children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: () => setViewMode("grid"), className: ui.cls(viewMode === "grid" && "bg-surface-100 dark:bg-surface-800"), children: /* @__PURE__ */ jsxRuntime.jsx(ui.LayoutGridIcon, { size: ui.iconSize.smallest }) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "List view", children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: () => setViewMode("list"), className: ui.cls(viewMode === "list" && "bg-surface-100 dark:bg-surface-800"), children: /* @__PURE__ */ jsxRuntime.jsx(ui.ListIcon, { size: ui.iconSize.smallest }) }) }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cls("h-4 w-px mx-0.5", ui.defaultBorderMixin, "bg-surface-200 dark:bg-surface-700") }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Refresh", children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: handleRefresh, disabled: loading, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCwIcon, { size: ui.iconSize.smallest }) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Refresh", children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: handleRefresh, disabled: loading, children: /* @__PURE__ */ jsxRuntime.jsx(ui.RefreshCwIcon, { size: ui.iconSize.smallest }) }) }),
               /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "New folder", children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: () => {
                 setNewFolderName("");
                 setNewFolderDialogOpen(true);
-              }, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderPlusIcon, { size: ui.iconSize.smallest }) }) }),
+              }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.FolderPlusIcon, { size: ui.iconSize.smallest }) }) }),
               /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { size: "small", color: "primary", onClick: () => setUploadDialogOpen(true), children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UploadCloudIcon, { size: ui.iconSize.smallest, className: "mr-1" }),
+                /* @__PURE__ */ jsxRuntime.jsx(ui.UploadCloudIcon, { size: ui.iconSize.smallest, className: "mr-1" }),
                 "Upload"
               ] })
             ] })
@@ -6665,7 +6683,7 @@ return result;
             /* @__PURE__ */ jsxRuntime.jsx("input", { ...getDropInputProps() }),
             renderContents(),
             isDragActive && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-primary/5 dark:bg-primary/10 backdrop-blur-[2px]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-2 p-6 rounded-xl border-2 border-dashed border-primary bg-white/80 dark:bg-surface-900/80", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UploadCloudIcon, { className: "w-10 h-10 text-primary" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.UploadCloudIcon, { className: "w-10 h-10 text-primary" }),
               /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", className: "text-primary font-semibold", children: "Drop files to upload" }),
               /* @__PURE__ */ jsxRuntime.jsxs(ui.Typography, { variant: "caption", color: "secondary", children: [
                 "to /",
@@ -6714,7 +6732,7 @@ return result;
             setDeleteDialogTarget(null);
           }, disabled: deleting, children: "Cancel" }),
           /* @__PURE__ */ jsxRuntime.jsxs(ui.LoadingButton, { color: "error", loading: deleting, onClick: deleteDialogTarget === "selection" ? handleBulkDelete : handleConfirmDeleteFolder, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2Icon, { size: 14, className: "mr-1" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Trash2Icon, { size: 14, className: "mr-1" }),
             "Delete"
           ] })
         ] })
@@ -6748,7 +6766,7 @@ return result;
             setNewFolderName("");
           }, disabled: creatingFolder, children: "Cancel" }),
           /* @__PURE__ */ jsxRuntime.jsxs(ui.LoadingButton, { color: "primary", loading: creatingFolder, disabled: !newFolderName.trim(), onClick: handleCreateFolder, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderPlusIcon, { size: 14, className: "mr-1" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.FolderPlusIcon, { size: 14, className: "mr-1" }),
             "Create"
           ] })
         ] })
@@ -6917,7 +6935,7 @@ return result;
     const selectedJob = jobs.find((j) => j.id === selectedId);
     if (loading) return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgress, {}) });
     if (jobs.length === 0) return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center h-full gap-4 text-center p-8", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarIcon, { size: ui.iconSize.medium, className: "text-surface-300 dark:text-surface-600" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.CalendarIcon, { size: ui.iconSize.medium, className: "text-surface-300 dark:text-surface-600" }),
       /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "h6", color: "secondary", children: "No Cron Jobs Registered" }),
       /* @__PURE__ */ jsxRuntime.jsxs(ui.Typography, { variant: "body2", color: "disabled", className: "max-w-md", children: [
         "Create a file in your ",
@@ -6931,11 +6949,11 @@ return result;
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("flex flex-col w-[340px] min-w-[280px] border-r h-full", ui.defaultBorderMixin), children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("flex items-center justify-between px-4 py-2.5 border-b bg-surface-50 dark:bg-surface-900 min-h-[48px]", ui.defaultBorderMixin), children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarIcon, { size: ui.iconSize.smallest, className: "text-primary" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.CalendarIcon, { size: ui.iconSize.smallest, className: "text-primary" }),
             /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", className: "font-semibold", children: "Cron Jobs" }),
             /* @__PURE__ */ jsxRuntime.jsx(ui.Chip, { size: "smallest", className: "bg-surface-200 dark:bg-surface-700 text-surface-600 dark:text-surface-300", children: jobs.length })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: refreshJobs, title: "Refresh", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCwIcon, { size: ui.iconSize.smallest }) })
+          /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: refreshJobs, title: "Refresh", children: /* @__PURE__ */ jsxRuntime.jsx(ui.RefreshCwIcon, { size: ui.iconSize.smallest }) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto p-2 space-y-1", children: jobs.map((job) => /* @__PURE__ */ jsxRuntime.jsxs("div", { onClick: () => setSelectedId(job.id), className: ui.cls("flex items-center gap-3 px-3 py-2.5 rounded-lg cursor-pointer transition-all", selectedId === job.id ? "bg-primary/10 dark:bg-primary/15 ring-1 ring-primary/30" : "hover:bg-surface-100 dark:hover:bg-surface-950"), children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cls("w-2 h-2 rounded-full shrink-0", stateColors[job.state] || "bg-surface-400") }),
@@ -6956,8 +6974,8 @@ return result;
             ] })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 shrink-0", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { title: selectedJob.enabled ? "Pause job" : "Enable job", size: "small", onClick: () => handleToggle(selectedJob.id, !selectedJob.enabled), children: selectedJob.enabled ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PauseIcon, { size: ui.iconSize.small }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlayIcon, { size: ui.iconSize.smallest }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", color: "primary", onClick: () => handleTrigger(selectedJob.id), disabled: triggering === selectedJob.id, startIcon: triggering === selectedJob.id ? /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgress, { size: "smallest" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlayIcon, { size: ui.iconSize.smallest }), children: "Run Now" })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { title: selectedJob.enabled ? "Pause job" : "Enable job", size: "small", onClick: () => handleToggle(selectedJob.id, !selectedJob.enabled), children: selectedJob.enabled ? /* @__PURE__ */ jsxRuntime.jsx(ui.PauseIcon, { size: ui.iconSize.small }) : /* @__PURE__ */ jsxRuntime.jsx(ui.PlayIcon, { size: ui.iconSize.smallest }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", color: "primary", onClick: () => handleTrigger(selectedJob.id), disabled: triggering === selectedJob.id, startIcon: triggering === selectedJob.id ? /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgress, { size: "smallest" }) : /* @__PURE__ */ jsxRuntime.jsx(ui.PlayIcon, { size: ui.iconSize.smallest }), children: "Run Now" })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-5 py-4 bg-surface-50 dark:bg-surface-900/50", children: [
@@ -6974,7 +6992,7 @@ return result;
           ] }),
           selectedJob.lastError && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-3 p-3 rounded-lg bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800/50", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircleIcon, { size: ui.iconSize.smallest, className: "text-red-500" }),
+              /* @__PURE__ */ jsxRuntime.jsx(ui.AlertCircleIcon, { size: ui.iconSize.smallest, className: "text-red-500" }),
               /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "font-semibold text-red-700 dark:text-red-400", children: "Last Error" })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "caption", className: "font-mono text-red-600 dark:text-red-300 text-[11px] break-all", children: selectedJob.lastError })
@@ -6982,10 +7000,10 @@ return result;
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("flex items-center justify-between px-5 py-2 border-y bg-white dark:bg-surface-950", ui.defaultBorderMixin), children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.HistoryIcon, { size: ui.iconSize.smallest, className: "text-surface-400" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.HistoryIcon, { size: ui.iconSize.smallest, className: "text-surface-400" }),
             /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", className: "font-semibold text-[13px]", children: "Execution History" })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: () => refreshLogs(selectedJob.id), title: "Refresh logs", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCwIcon, { size: ui.iconSize.smallest }) })
+          /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: () => refreshLogs(selectedJob.id), title: "Refresh logs", children: /* @__PURE__ */ jsxRuntime.jsx(ui.RefreshCwIcon, { size: ui.iconSize.smallest }) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto", children: logsLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center p-8", children: /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgress, { size: "small" }) }) : logs.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-32", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body2", color: "disabled", children: "No executions yet" }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-surface-100 dark:divide-surface-950", children: logs.map((log, idx) => /* @__PURE__ */ jsxRuntime.jsx(LogRow, { log }, idx)) }) })
       ] }) })
@@ -7071,7 +7089,7 @@ return result;
     }
     let t2;
     if ($[2] !== log.success) {
-      t2 = log.success ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircleIcon, { size: ui.iconSize.smallest, className: "text-emerald-500 shrink-0" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircleIcon, { size: ui.iconSize.smallest, className: "text-red-500 shrink-0" });
+      t2 = log.success ? /* @__PURE__ */ jsxRuntime.jsx(ui.CheckCircleIcon, { size: ui.iconSize.smallest, className: "text-emerald-500 shrink-0" }) : /* @__PURE__ */ jsxRuntime.jsx(ui.AlertCircleIcon, { size: ui.iconSize.smallest, className: "text-red-500 shrink-0" });
       $[2] = log.success;
       $[3] = t2;
     } else {
@@ -8380,7 +8398,7 @@ return result;
     };
     if (!branchAdmin) {
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center h-full gap-4 text-center p-8", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GitBranchIcon, { size: ui.iconSize.large, className: "text-surface-300 dark:text-surface-600" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.GitBranchIcon, { size: ui.iconSize.large, className: "text-surface-300 dark:text-surface-600" }),
         /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "h6", color: "secondary", children: "Database Branching Not Available" }),
         /* @__PURE__ */ jsxRuntime.jsxs(ui.Typography, { variant: "body2", color: "disabled", className: "max-w-md", children: [
           "Branching requires a PostgreSQL backend with an admin connection configured. Set ",
@@ -8397,19 +8415,19 @@ return result;
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("flex flex-col w-[340px] min-w-[280px] border-r h-full", ui.defaultBorderMixin), children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("flex items-center justify-between px-4 py-2.5 border-b bg-surface-50 dark:bg-surface-900 min-h-[48px]", ui.defaultBorderMixin), children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GitBranchIcon, { size: ui.iconSize.small, className: "text-primary" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.GitBranchIcon, { size: ui.iconSize.small, className: "text-primary" }),
             /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", className: "font-semibold", children: "Branches" }),
             /* @__PURE__ */ jsxRuntime.jsx(ui.Chip, { size: "smallest", className: "bg-surface-200 dark:bg-surface-700 text-surface-600 dark:text-surface-300", children: branches.length })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: loadBranches, title: "Refresh", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCwIcon, { size: ui.iconSize.smallest }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: () => setCreateOpen(true), title: "Create branch", className: "text-primary", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlusIcon, { size: ui.iconSize.smallest }) })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: loadBranches, title: "Refresh", children: /* @__PURE__ */ jsxRuntime.jsx(ui.RefreshCwIcon, { size: ui.iconSize.smallest }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: () => setCreateOpen(true), title: "Create branch", className: "text-primary", children: /* @__PURE__ */ jsxRuntime.jsx(ui.PlusIcon, { size: ui.iconSize.smallest }) })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto p-2 space-y-1", children: branches.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center h-full gap-3 text-center px-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CopyIcon, { size: ui.iconSize.small, className: "text-surface-300 dark:text-surface-600" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.CopyIcon, { size: ui.iconSize.small, className: "text-surface-300 dark:text-surface-600" }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body2", color: "disabled", className: "text-[13px]", children: "No branches yet. Create one to start working with an isolated database copy." }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "outlined", onClick: () => setCreateOpen(true), startIcon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlusIcon, { size: ui.iconSize.smallest }), children: "Create Branch" })
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", variant: "outlined", onClick: () => setCreateOpen(true), startIcon: /* @__PURE__ */ jsxRuntime.jsx(ui.PlusIcon, { size: ui.iconSize.smallest }), children: "Create Branch" })
         ] }) : branches.map((branch) => /* @__PURE__ */ jsxRuntime.jsxs("div", { onClick: () => setSelectedBranch(branch.name), className: ui.cls("flex items-center gap-3 px-3 py-2.5 rounded-lg cursor-pointer transition-all", selectedBranch === branch.name ? "bg-primary/10 dark:bg-primary/15 ring-1 ring-primary/30" : "hover:bg-surface-100 dark:hover:bg-surface-950"), children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-2 h-2 rounded-full shrink-0 bg-emerald-500" }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
@@ -8425,7 +8443,7 @@ return result;
         ] }, branch.name)) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex flex-col min-w-0 h-full overflow-hidden", children: !selected ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center h-full gap-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GitBranchIcon, { size: ui.iconSize.large, className: "text-surface-200 dark:text-surface-700" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.GitBranchIcon, { size: ui.iconSize.large, className: "text-surface-200 dark:text-surface-700" }),
         /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body2", color: "disabled", children: branches.length === 0 ? "Create a branch to get started" : "Select a branch to view details" })
       ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("flex items-center justify-between px-5 py-3 border-b bg-white dark:bg-surface-950 min-h-[56px]", ui.defaultBorderMixin), children: [
@@ -8439,7 +8457,7 @@ return result;
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", color: "error", variant: "outlined", onClick: () => setDeleteTarget(selected.name), startIcon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2Icon, { size: ui.iconSize.smallest }), children: "Delete" }) })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "small", color: "error", variant: "outlined", onClick: () => setDeleteTarget(selected.name), startIcon: /* @__PURE__ */ jsxRuntime.jsx(ui.Trash2Icon, { size: ui.iconSize.smallest }), children: "Delete" }) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-5 py-4 bg-surface-50 dark:bg-surface-900/50", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-3", children: [
           /* @__PURE__ */ jsxRuntime.jsx(StatCard, { label: "Branch Name", value: selected.name, mono: true }),
@@ -8485,7 +8503,7 @@ return result;
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogActions, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", onClick: () => setCreateOpen(false), disabled: creating, children: "Cancel" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { color: "primary", onClick: handleCreate, disabled: !newBranchName.trim() || creating, startIcon: creating ? /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgress, { size: "smallest" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlusIcon, { size: ui.iconSize.smallest }), children: creating ? "Creating..." : "Create Branch" })
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { color: "primary", onClick: handleCreate, disabled: !newBranchName.trim() || creating, startIcon: creating ? /* @__PURE__ */ jsxRuntime.jsx(ui.CircularProgress, { size: "smallest" }) : /* @__PURE__ */ jsxRuntime.jsx(ui.PlusIcon, { size: ui.iconSize.smallest }), children: creating ? "Creating..." : "Create Branch" })
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(core.ConfirmationDialog, { open: !!deleteTarget, onAccept: handleDelete, onCancel: () => setDeleteTarget(null), title: "Delete Branch", body: /* @__PURE__ */ jsxRuntime.jsxs(ui.Typography, { variant: "body2", children: [
@@ -8654,7 +8672,7 @@ return result;
     let t2;
     if ($[3] !== endpoint.parameters) {
       t2 = endpoint.parameters.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SlidersHorizontalIcon, { size: ui.iconSize.small, className: "text-text-secondary dark:text-text-secondary-dark" }), title: "Parameters" }),
+        /* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { icon: /* @__PURE__ */ jsxRuntime.jsx(ui.SlidersHorizontalIcon, { size: ui.iconSize.small, className: "text-text-secondary dark:text-text-secondary-dark" }), title: "Parameters" }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: ui.cls("rounded-lg border overflow-hidden", ui.defaultBorderMixin), children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full text-sm", children: [
           /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "bg-surface-100 dark:bg-surface-900 text-left", children: [
             /* @__PURE__ */ jsxRuntime.jsx("th", { className: "px-4 py-2 font-medium text-text-secondary dark:text-text-secondary-dark", children: "Name" }),
@@ -8673,7 +8691,7 @@ return result;
     let t3;
     if ($[5] !== endpoint.requestBody || $[6] !== spec) {
       t3 = endpoint.requestBody && /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UploadIcon, { size: ui.iconSize.small, className: "text-text-secondary dark:text-text-secondary-dark" }), title: "Request Body" }),
+        /* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { icon: /* @__PURE__ */ jsxRuntime.jsx(ui.UploadIcon, { size: ui.iconSize.small, className: "text-text-secondary dark:text-text-secondary-dark" }), title: "Request Body" }),
         Object.entries(endpoint.requestBody.content ?? {}).map((t42) => {
           const [contentType, media] = t42;
           return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -8690,7 +8708,7 @@ return result;
     }
     let t4;
     if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t4 = /* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRightFromLineIcon, { size: ui.iconSize.small, className: "text-text-secondary dark:text-text-secondary-dark" }), title: "Responses" });
+      t4 = /* @__PURE__ */ jsxRuntime.jsx(SectionHeading, { icon: /* @__PURE__ */ jsxRuntime.jsx(ui.ArrowRightFromLineIcon, { size: ui.iconSize.small, className: "text-text-secondary dark:text-text-secondary-dark" }), title: "Responses" });
       $[8] = t4;
     } else {
       t4 = $[8];
@@ -9210,10 +9228,10 @@ return result;
         /* @__PURE__ */ jsxRuntime.jsx("code", { className: "text-xs font-mono text-text-primary dark:text-text-primary-dark break-all", children: resolvedUrl })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "filled", onClick: execute, disabled: loading, className: "w-full", children: loading ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LoaderIcon, { size: ui.iconSize.small, className: "animate-spin" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.LoaderIcon, { size: ui.iconSize.small, className: "animate-spin" }),
         "Sending…"
       ] }) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SendIcon, { size: ui.iconSize.small }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.SendIcon, { size: ui.iconSize.small }),
         "Send Request"
       ] }) }),
       response && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("rounded-lg border overflow-hidden", ui.defaultBorderMixin), children: [
@@ -9313,7 +9331,7 @@ return result;
     }
     let t2;
     if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t2 = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlusIcon, { size: ui.iconSize.small, className: "mr-1" });
+      t2 = /* @__PURE__ */ jsxRuntime.jsx(ui.PlusIcon, { size: ui.iconSize.small, className: "mr-1" });
       $[2] = t2;
     } else {
       t2 = $[2];
@@ -9348,7 +9366,7 @@ return result;
         t62 = (v, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { size: "small", placeholder: "Header name", value: v.key, onChange: (e) => onChange(i, e.target.value, v.value), className: "w-1/3", inputClassName: "font-mono text-xs" }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.TextField, { size: "small", placeholder: "Value", value: v.value, onChange: (e_0) => onChange(i, v.key, e_0.target.value), className: "flex-1", inputClassName: "font-mono text-xs" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: () => onRemove(i), className: "text-text-secondary hover:text-red-500 shrink-0", title: "Remove", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, { size: ui.iconSize.small }) })
+          /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: () => onRemove(i), className: "text-text-secondary hover:text-red-500 shrink-0", title: "Remove", children: /* @__PURE__ */ jsxRuntime.jsx(ui.XIcon, { size: ui.iconSize.small }) })
         ] }, i);
         $[12] = onChange;
         $[13] = onRemove;
@@ -9553,7 +9571,7 @@ return result;
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("w-72 min-w-[272px] flex flex-col h-full overflow-hidden border-r", ui.defaultBorderMixin, "bg-surface-50 dark:bg-surface-900"), children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4 space-y-3", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BookOpenIcon, { size: ui.iconSize.medium, className: "text-primary dark:text-primary-dark" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.BookOpenIcon, { size: ui.iconSize.medium, className: "text-primary dark:text-primary-dark" }),
             /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", className: "font-semibold", children: spec.info?.title ?? "API Reference" })
           ] }),
           spec.info?.version && /* @__PURE__ */ jsxRuntime.jsxs(ui.Chip, { size: "smallest", colorScheme: "cyanDarker", children: [
@@ -9586,7 +9604,7 @@ return result;
             /* @__PURE__ */ jsxRuntime.jsx("code", { className: "text-sm font-mono text-text-primary dark:text-text-primary-dark truncate", children: selectedEndpoint.path })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: tryItOpen ? "filled" : "outlined", size: "small", onClick: () => setTryItOpen((v) => !v), children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlayIcon, { size: ui.iconSize.small, className: "mr-1" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.PlayIcon, { size: ui.iconSize.small, className: "mr-1" }),
             "Try It"
           ] })
         ] }),