npm - @agent-native/core - Versions diffs - 0.86.0 → 0.86.1 - Mend

@agent-native/core 0.86.0 → 0.86.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (183) hide show

package/dist/client/db-admin/DbAdminPage.js CHANGED Viewed

@@ -1,12 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { IconDatabase, IconLoader2 } from "@tabler/icons-react";
 /**
- * Code-mode database admin page — the shell that hosts the table browser, the
- * table editor, and the SQL editor.
+ * Database admin page — the shell that hosts the table browser, the table
+ * editor, and the SQL editor.
  *
- * Gated to Code mode: when the app cannot toggle into Code mode
- * (`canToggle` is false) we render a clean notice instead of the tool. The
- * backend also enforces this with a 403, so this is purely a friendlier UX.
+ * By default this is gated to Code mode for the core dev route. Trusted hosts
+ * can opt out and point it at their own admin-gated API path.
  */
 import { useEffect, useMemo, useState } from "react";
 import { useCodeMode } from "../use-dev-mode.js";
@@ -21,9 +20,14 @@ const DIALECT_LABEL = {
     sqlite: "SQLite",
     d1: "Cloudflare D1",
 };
-export function DbAdminPage() {
+export function DbAdminPage({ apiBasePath, cacheScope, title = "Database", subtitle, codeModeGate = true, syncNavigation = true, } = {}) {
     const { canToggle, isLoading: devLoading } = useCodeMode();
-    const { data: overview, isLoading: overviewLoading } = useOverview();
+    const requestConfig = useMemo(() => {
+        if (!apiBasePath && !cacheScope)
+            return undefined;
+        return { basePath: apiBasePath, scopeKey: cacheScope };
+    }, [apiBasePath, cacheScope]);
+    const { data: overview, isLoading: overviewLoading } = useOverview(requestConfig);
     const [selectedTable, setSelectedTable] = useState(null);
     const [mode, setMode] = useState("table");
     const [fkFilters, setFkFilters] = useState(undefined);
@@ -36,25 +40,25 @@ export function DbAdminPage() {
         }
     }, [selectedTable, tables]);
     // Keep the agent's <current-screen> in sync, and let it drive navigation.
-    useDbAdminAgentSync({ table: selectedTable, mode });
+    useDbAdminAgentSync({ table: selectedTable, mode, enabled: syncNavigation });
     useNavigateConsumer((table) => {
         setSelectedTable(table);
         setMode("table");
         setFkFilters(undefined);
-    });
+    }, syncNavigation);
     const tableNames = useMemo(() => tables.map((t) => t.name), [tables]);
     // SqlEditor degrades gracefully without per-table columns; pass an empty map.
     // (Table-name autocomplete still works; column autocomplete fills in lazily.)
     const columnsByTable = useMemo(() => ({}), []);
     // ─── Code mode gate ──────────────────────────────────────────────────────
-    if (!devLoading && !canToggle) {
+    if (codeModeGate && !devLoading && !canToggle) {
         return (_jsx("div", { className: "flex h-full w-full items-center justify-center bg-background p-6", children: _jsxs("div", { className: "flex max-w-md flex-col items-center rounded-lg border bg-card p-8 text-center shadow-sm", children: [_jsx("div", { className: "mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-muted", children: _jsx(IconDatabase, { className: "h-6 w-6 text-muted-foreground", stroke: 1.75 }) }), _jsx("h2", { className: "text-base font-semibold text-foreground", children: "Code mode only" }), _jsx("p", { className: "mt-1.5 text-sm text-muted-foreground", children: "Database admin is available in Code mode only." })] }) }));
     }
-    const showInitialLoading = (devLoading || overviewLoading) && !overview;
-    return (_jsxs("div", { className: "flex h-full w-full flex-col bg-background text-foreground", children: [_jsxs("header", { className: "flex h-12 shrink-0 items-center gap-3 border-b px-4", children: [_jsx(IconDatabase, { className: "h-5 w-5 text-muted-foreground", stroke: 1.75 }), _jsx("span", { className: "text-sm font-semibold", children: "Database" }), _jsx("span", { className: "inline-flex items-center rounded-full border bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground", children: DIALECT_LABEL[dialect] ?? dialect }), _jsxs("span", { className: "text-xs text-muted-foreground", children: [tables.length, " ", tables.length === 1 ? "table" : "tables"] })] }), _jsxs("div", { className: "flex min-h-0 flex-1", children: [_jsx("aside", { className: "w-[260px] shrink-0 border-r", children: showInitialLoading ? (_jsx(SidebarSkeleton, {})) : (_jsx(TableBrowser, { tables: tables, selected: selectedTable, onSelect: (t) => {
+    const showInitialLoading = ((codeModeGate && devLoading) || overviewLoading) && !overview;
+    return (_jsxs("div", { className: "flex h-full w-full flex-col bg-background text-foreground", children: [_jsxs("header", { className: "flex h-12 shrink-0 items-center gap-3 border-b px-4", children: [_jsx(IconDatabase, { className: "h-5 w-5 text-muted-foreground", stroke: 1.75 }), _jsx("span", { className: "text-sm font-semibold", children: title }), _jsx("span", { className: "inline-flex items-center rounded-full border bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground", children: DIALECT_LABEL[dialect] ?? dialect }), _jsxs("span", { className: "text-xs text-muted-foreground", children: [tables.length, " ", tables.length === 1 ? "table" : "tables"] }), subtitle ? (_jsx("span", { className: "min-w-0 truncate text-xs text-muted-foreground", children: subtitle })) : null] }), _jsxs("div", { className: "flex min-h-0 flex-1", children: [_jsx("aside", { className: "w-[260px] shrink-0 border-r", children: showInitialLoading ? (_jsx(SidebarSkeleton, {})) : (_jsx(TableBrowser, { tables: tables, selected: selectedTable, onSelect: (t) => {
                                 setSelectedTable(t);
                                 setFkFilters(undefined);
-                            }, mode: mode, onModeChange: setMode })) }), _jsx("main", { className: "min-w-0 flex-1 overflow-hidden", children: showInitialLoading ? (_jsx(MainLoading, {})) : mode === "sql" ? (_jsx(SqlEditor, { dialect: dialect, tableNames: tableNames, columnsByTable: columnsByTable })) : selectedTable ? (_jsx(TableEditor, { table: selectedTable, dialect: dialect, initialFilters: fkFilters, onNavigateToRow: (t, filters) => {
+                            }, mode: mode, onModeChange: setMode })) }), _jsx("main", { className: "min-w-0 flex-1 overflow-hidden", children: showInitialLoading ? (_jsx(MainLoading, {})) : mode === "sql" ? (_jsx(SqlEditor, { dialect: dialect, tableNames: tableNames, columnsByTable: columnsByTable, requestConfig: requestConfig })) : selectedTable ? (_jsx(TableEditor, { table: selectedTable, dialect: dialect, requestConfig: requestConfig, initialFilters: fkFilters, onNavigateToRow: (t, filters) => {
                                 setSelectedTable(t);
                                 setMode("table");
                                 setFkFilters(filters);

package/dist/client/db-admin/DbAdminPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DbAdminPage.js","sourceRoot":"","sources":["../../../src/client/db-admin/DbAdminPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { IconDatabase, IconLoader2 } from \"@tabler/icons-react\";\n/*\n Code-mode database admin page — the shell that hosts the table browser, the\n * table editor, and the SQL editor.\n \n Gated to Code mode: when the app cannot toggle into Code mode\n * (`canToggle` is false) we render a clean notice instead of the tool. The\n * backend also enforces this with a 403, so this is purely a friendlier UX.\n /\nimport { useEffect, useMemo, useState } from \"react\";\n\nimport type { DbAdminFilter } from \"../../db-admin/types.js\";\nimport { useCodeMode } from \"../use-dev-mode.js\";\nimport { cn } from \"../utils.js\";\nimport { SqlEditor } from \"./SqlEditor.js\";\nimport { TableBrowser } from \"./TableBrowser.js\";\nimport { TableEditor } from \"./TableEditor.js\";\nimport { useDbAdminAgentSync, useNavigateConsumer } from \"./useAgentSync.js\";\nimport { useOverview } from \"./useDbAdmin.js\";\n\nconst DIALECT_LABEL: Record<string, string> = {\n postgres: \"Postgres\",\n sqlite: \"SQLite\",\n d1: \"Cloudflare D1\",\n};\n\nexport function DbAdminPage() {\n const { canToggle, isLoading: devLoading } = useCodeMode();\n const { data: overview, isLoading: overviewLoading } = useOverview();\n\n const [selectedTable, setSelectedTable] = useState<string \| null>(null);\n const [mode, setMode] = useState<\"table\" \| \"sql\">(\"table\");\n const [fkFilters, setFkFilters] = useState<DbAdminFilter[] \| undefined>(\n undefined,\n );\n\n const tables = overview?.tables ?? [];\n const dialect = overview?.dialect ?? \"sqlite\";\n\n // Default selection to the first table once the overview loads.\n useEffect(() => {\n if (selectedTable === null && tables.length > 0) {\n setSelectedTable(tables[0].name);\n }\n }, [selectedTable, tables]);\n\n // Keep the agent's <current-screen> in sync, and let it drive navigation.\n useDbAdminAgentSync({ table: selectedTable, mode });\n useNavigateConsumer((table) => {\n setSelectedTable(table);\n setMode(\"table\");\n setFkFilters(undefined);\n });\n\n const tableNames = useMemo(() => tables.map((t) => t.name), [tables]);\n // SqlEditor degrades gracefully without per-table columns; pass an empty map.\n // (Table-name autocomplete still works; column autocomplete fills in lazily.)\n const columnsByTable = useMemo<Record<string, string[]>>(() => ({}), []);\n\n // ─── Code mode gate ──────────────────────────────────────────────────────\n if (!devLoading && !canToggle) {\n return (\n <div className=\"flex h-full w-full items-center justify-center bg-background p-6\">\n <div className=\"flex max-w-md flex-col items-center rounded-lg border bg-card p-8 text-center shadow-sm\">\n <div className=\"mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-muted\">\n <IconDatabase\n className=\"h-6 w-6 text-muted-foreground\"\n stroke={1.75}\n />\n </div>\n <h2 className=\"text-base font-semibold text-foreground\">\n Code mode only\n </h2>\n <p className=\"mt-1.5 text-sm text-muted-foreground\">\n Database admin is available in Code mode only.\n </p>\n </div>\n </div>\n );\n }\n\n const showInitialLoading = (devLoading \|\| overviewLoading) && !overview;\n\n return (\n <div className=\"flex h-full w-full flex-col bg-background text-foreground\">\n {/ Header /}\n <header className=\"flex h-12 shrink-0 items-center gap-3 border-b px-4\">\n <IconDatabase className=\"h-5 w-5 text-muted-foreground\" stroke={1.75} />\n <span className=\"text-sm font-semibold\">Database</span>\n <span className=\"inline-flex items-center rounded-full border bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground\">\n {DIALECT_LABEL[dialect] ?? dialect}\n </span>\n <span className=\"text-xs text-muted-foreground\">\n {tables.length} {tables.length === 1 ? \"table\" : \"tables\"}\n </span>\n </header>\n\n {/ Body: fixed sidebar + flexible main /}\n <div className=\"flex min-h-0 flex-1\">\n <aside className=\"w-[260px] shrink-0 border-r\">\n {showInitialLoading ? (\n <SidebarSkeleton />\n ) : (\n <TableBrowser\n tables={tables}\n selected={selectedTable}\n onSelect={(t) => {\n setSelectedTable(t);\n setFkFilters(undefined);\n }}\n mode={mode}\n onModeChange={setMode}\n />\n )}\n </aside>\n\n <main className=\"min-w-0 flex-1 overflow-hidden\">\n {showInitialLoading ? (\n <MainLoading />\n ) : mode === \"sql\" ? (\n <SqlEditor\n dialect={dialect}\n tableNames={tableNames}\n columnsByTable={columnsByTable}\n />\n ) : selectedTable ? (\n <TableEditor\n key={selectedTable}\n table={selectedTable}\n dialect={dialect}\n initialFilters={fkFilters}\n onNavigateToRow={(t, filters) => {\n setSelectedTable(t);\n setMode(\"table\");\n setFkFilters(filters);\n }}\n />\n ) : (\n <NoTableSelected />\n )}\n </main>\n </div>\n </div>\n );\n}\n\nfunction SidebarSkeleton() {\n return (\n <div className=\"flex h-full flex-col bg-card p-2\">\n <div className=\"mb-2 h-9 animate-pulse rounded-md bg-muted\" />\n <div className=\"mb-3 h-9 animate-pulse rounded-md bg-muted\" />\n <div className=\"space-y-1.5\">\n {Array.from({ length: 8 }).map((_, i) => (\n <div\n key={i}\n className=\"h-8 animate-pulse rounded-md bg-muted\"\n style={{ opacity: 1 - i 0.08 }}\n />\n ))}\n </div>\n </div>\n );\n}\n\nfunction MainLoading() {\n return (\n <div className=\"flex h-full w-full items-center justify-center\">\n <IconLoader2\n className={cn(\"h-5 w-5 animate-spin text-muted-foreground\")}\n />\n </div>\n );\n}\n\nfunction NoTableSelected() {\n return (\n <div className=\"flex h-full w-full items-center justify-center p-6 text-center\">\n <div className=\"flex flex-col items-center\">\n <IconDatabase\n className=\"mb-3 h-8 w-8 text-muted-foreground/50\"\n stroke={1.5}\n />\n <p className=\"text-sm font-medium text-foreground\">No table selected</p>\n <p className=\"mt-1 text-sm text-muted-foreground\">\n Pick a table from the sidebar to browse and edit its rows.\n </p>\n </div>\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"DbAdminPage.js","sourceRoot":"","sources":["../../../src/client/db-admin/DbAdminPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { IconDatabase, IconLoader2 } from \"@tabler/icons-react\";\n/*\n Database admin page — the shell that hosts the table browser, the table\n * editor, and the SQL editor.\n \n By default this is gated to Code mode for the core dev route. Trusted hosts\n * can opt out and point it at their own admin-gated API path.\n /\nimport { useEffect, useMemo, useState } from \"react\";\n\nimport type { DbAdminFilter } from \"../../db-admin/types.js\";\nimport { useCodeMode } from \"../use-dev-mode.js\";\nimport { cn } from \"../utils.js\";\nimport { SqlEditor } from \"./SqlEditor.js\";\nimport { TableBrowser } from \"./TableBrowser.js\";\nimport { TableEditor } from \"./TableEditor.js\";\nimport { useDbAdminAgentSync, useNavigateConsumer } from \"./useAgentSync.js\";\nimport { useOverview, type DbAdminRequestConfig } from \"./useDbAdmin.js\";\n\nconst DIALECT_LABEL: Record<string, string> = {\n postgres: \"Postgres\",\n sqlite: \"SQLite\",\n d1: \"Cloudflare D1\",\n};\n\nexport interface DbAdminPageProps {\n apiBasePath?: string;\n cacheScope?: string;\n title?: string;\n subtitle?: string;\n codeModeGate?: boolean;\n syncNavigation?: boolean;\n}\n\nexport function DbAdminPage({\n apiBasePath,\n cacheScope,\n title = \"Database\",\n subtitle,\n codeModeGate = true,\n syncNavigation = true,\n}: DbAdminPageProps = {}) {\n const { canToggle, isLoading: devLoading } = useCodeMode();\n const requestConfig = useMemo<DbAdminRequestConfig \| undefined>(() => {\n if (!apiBasePath && !cacheScope) return undefined;\n return { basePath: apiBasePath, scopeKey: cacheScope };\n }, [apiBasePath, cacheScope]);\n const { data: overview, isLoading: overviewLoading } =\n useOverview(requestConfig);\n\n const [selectedTable, setSelectedTable] = useState<string \| null>(null);\n const [mode, setMode] = useState<\"table\" \| \"sql\">(\"table\");\n const [fkFilters, setFkFilters] = useState<DbAdminFilter[] \| undefined>(\n undefined,\n );\n\n const tables = overview?.tables ?? [];\n const dialect = overview?.dialect ?? \"sqlite\";\n\n // Default selection to the first table once the overview loads.\n useEffect(() => {\n if (selectedTable === null && tables.length > 0) {\n setSelectedTable(tables[0].name);\n }\n }, [selectedTable, tables]);\n\n // Keep the agent's <current-screen> in sync, and let it drive navigation.\n useDbAdminAgentSync({ table: selectedTable, mode, enabled: syncNavigation });\n useNavigateConsumer((table) => {\n setSelectedTable(table);\n setMode(\"table\");\n setFkFilters(undefined);\n }, syncNavigation);\n\n const tableNames = useMemo(() => tables.map((t) => t.name), [tables]);\n // SqlEditor degrades gracefully without per-table columns; pass an empty map.\n // (Table-name autocomplete still works; column autocomplete fills in lazily.)\n const columnsByTable = useMemo<Record<string, string[]>>(() => ({}), []);\n\n // ─── Code mode gate ──────────────────────────────────────────────────────\n if (codeModeGate && !devLoading && !canToggle) {\n return (\n <div className=\"flex h-full w-full items-center justify-center bg-background p-6\">\n <div className=\"flex max-w-md flex-col items-center rounded-lg border bg-card p-8 text-center shadow-sm\">\n <div className=\"mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-muted\">\n <IconDatabase\n className=\"h-6 w-6 text-muted-foreground\"\n stroke={1.75}\n />\n </div>\n <h2 className=\"text-base font-semibold text-foreground\">\n Code mode only\n </h2>\n <p className=\"mt-1.5 text-sm text-muted-foreground\">\n Database admin is available in Code mode only.\n </p>\n </div>\n </div>\n );\n }\n\n const showInitialLoading =\n ((codeModeGate && devLoading) \|\| overviewLoading) && !overview;\n\n return (\n <div className=\"flex h-full w-full flex-col bg-background text-foreground\">\n {/ Header /}\n <header className=\"flex h-12 shrink-0 items-center gap-3 border-b px-4\">\n <IconDatabase className=\"h-5 w-5 text-muted-foreground\" stroke={1.75} />\n <span className=\"text-sm font-semibold\">{title}</span>\n <span className=\"inline-flex items-center rounded-full border bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground\">\n {DIALECT_LABEL[dialect] ?? dialect}\n </span>\n <span className=\"text-xs text-muted-foreground\">\n {tables.length} {tables.length === 1 ? \"table\" : \"tables\"}\n </span>\n {subtitle ? (\n <span className=\"min-w-0 truncate text-xs text-muted-foreground\">\n {subtitle}\n </span>\n ) : null}\n </header>\n\n {/ Body: fixed sidebar + flexible main /}\n <div className=\"flex min-h-0 flex-1\">\n <aside className=\"w-[260px] shrink-0 border-r\">\n {showInitialLoading ? (\n <SidebarSkeleton />\n ) : (\n <TableBrowser\n tables={tables}\n selected={selectedTable}\n onSelect={(t) => {\n setSelectedTable(t);\n setFkFilters(undefined);\n }}\n mode={mode}\n onModeChange={setMode}\n />\n )}\n </aside>\n\n <main className=\"min-w-0 flex-1 overflow-hidden\">\n {showInitialLoading ? (\n <MainLoading />\n ) : mode === \"sql\" ? (\n <SqlEditor\n dialect={dialect}\n tableNames={tableNames}\n columnsByTable={columnsByTable}\n requestConfig={requestConfig}\n />\n ) : selectedTable ? (\n <TableEditor\n key={selectedTable}\n table={selectedTable}\n dialect={dialect}\n requestConfig={requestConfig}\n initialFilters={fkFilters}\n onNavigateToRow={(t, filters) => {\n setSelectedTable(t);\n setMode(\"table\");\n setFkFilters(filters);\n }}\n />\n ) : (\n <NoTableSelected />\n )}\n </main>\n </div>\n </div>\n );\n}\n\nfunction SidebarSkeleton() {\n return (\n <div className=\"flex h-full flex-col bg-card p-2\">\n <div className=\"mb-2 h-9 animate-pulse rounded-md bg-muted\" />\n <div className=\"mb-3 h-9 animate-pulse rounded-md bg-muted\" />\n <div className=\"space-y-1.5\">\n {Array.from({ length: 8 }).map((_, i) => (\n <div\n key={i}\n className=\"h-8 animate-pulse rounded-md bg-muted\"\n style={{ opacity: 1 - i 0.08 }}\n />\n ))}\n </div>\n </div>\n );\n}\n\nfunction MainLoading() {\n return (\n <div className=\"flex h-full w-full items-center justify-center\">\n <IconLoader2\n className={cn(\"h-5 w-5 animate-spin text-muted-foreground\")}\n />\n </div>\n );\n}\n\nfunction NoTableSelected() {\n return (\n <div className=\"flex h-full w-full items-center justify-center p-6 text-center\">\n <div className=\"flex flex-col items-center\">\n <IconDatabase\n className=\"mb-3 h-8 w-8 text-muted-foreground/50\"\n stroke={1.5}\n />\n <p className=\"text-sm font-medium text-foreground\">No table selected</p>\n <p className=\"mt-1 text-sm text-muted-foreground\">\n Pick a table from the sidebar to browse and edit its rows.\n </p>\n </div>\n </div>\n );\n}\n"]}

package/dist/client/db-admin/SqlEditor.d.ts CHANGED Viewed

@@ -1,8 +1,10 @@
 import type { DbAdminDialect } from "../../db-admin/types.js";
+import { type DbAdminRequestConfig } from "./useDbAdmin.js";
 export interface SqlEditorProps {
     dialect: DbAdminDialect;
     tableNames: string[];
     columnsByTable: Record<string, string[]>;
+    requestConfig?: DbAdminRequestConfig;
 }
-export declare function SqlEditor({ dialect, tableNames, columnsByTable, }: SqlEditorProps): import("react").JSX.Element;
+export declare function SqlEditor({ dialect, tableNames, columnsByTable, requestConfig, }: SqlEditorProps): import("react").JSX.Element;
 //# sourceMappingURL=SqlEditor.d.ts.map

package/dist/client/db-admin/SqlEditor.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SqlEditor.d.ts","sourceRoot":"","sources":["../../../src/client/db-admin/SqlEditor.tsx"],"names":[],"mappings":"AAyCA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;~~AA0B9D~~,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,cAAc,CAAC;IACxB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;~~CAC1C~~;AAiMD,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,UAAU,EACV,cAAc,~~GACf~~,EAAE,cAAc,+~~BA0iBhB~~"}
1	+ {"version":3,"file":"SqlEditor.d.ts","sourceRoot":"","sources":["../../../src/client/db-admin/SqlEditor.tsx"],"names":[],"mappings":"AAyCA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAwB9D,OAAO,EAAY,KAAK,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEtE,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,cAAc,CAAC;IACxB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;IACzC,aAAa,CAAC,EAAE,oBAAoB,CAAC;CACtC;AAiMD,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,UAAU,EACV,cAAc,EACd,aAAa,GACd,EAAE,cAAc,+BA+iBhB"}

package/dist/client/db-admin/SqlEditor.js CHANGED Viewed

@@ -137,7 +137,7 @@ const isMac = typeof navigator !== "undefined" &&
     /Mac|iPhone|iPad/.test(navigator.platform);
 const MOD = isMac ? "Cmd" : "Ctrl";
 // ─── Main component ──────────────────────────────────────────────────────────
-export function SqlEditor({ dialect, tableNames, columnsByTable, }) {
+export function SqlEditor({ dialect, tableNames, columnsByTable, requestConfig, }) {
     const isDark = useIsDark();
     const editorRef = useRef(null);
     const [value, setValue] = useState("");
@@ -168,7 +168,7 @@ export function SqlEditor({ dialect, tableNames, columnsByTable, }) {
         setRunning(true);
         setError(null);
         try {
-            const res = await runQuery(trimmed, undefined, confirmDestructive);
+            const res = await runQuery(trimmed, undefined, confirmDestructive, requestConfig);
             setResult({
                 columns: res.columns,
                 rows: res.rows,
@@ -196,7 +196,7 @@ export function SqlEditor({ dialect, tableNames, columnsByTable, }) {
         finally {
             setRunning(false);
         }
-    }, []);
+    }, [requestConfig]);
     const runActiveStatement = useCallback(() => {
         const view = editorRef.current?.view;
         const target = resolveRunTarget(view, valueRef.current);

package/dist/client/db-admin/SqlEditor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SqlEditor.js","sourceRoot":"","sources":["../../../src/client/db-admin/SqlEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import { sql, PostgreSQL } from \"@codemirror/lang-sql\";\nimport { oneDark } from \"@codemirror/theme-one-dark\";\nimport {\n IconPlayerPlayFilled,\n IconHistory,\n IconBookmark,\n IconBookmarkPlus,\n IconDownload,\n IconAlertTriangle,\n IconLoader2,\n IconTrash,\n IconX,\n IconChevronDown,\n} from \"@tabler/icons-react\";\nimport CodeMirror, {\n type ReactCodeMirrorRef,\n EditorView,\n keymap,\n Prec,\n} from \"@uiw/react-codemirror\";\n/*\n Production-grade SQL editor for the dev-mode database admin.\n \n Layout: a CodeMirror editor pane on top, a resizable results panel below.\n * Features schema-aware autocomplete, keyboard run shortcuts, history, named\n * snippets, CSV/JSON export, and a confirm modal for destructive statements.\n \n Data access goes through `runQuery` from `./useDbAdmin.js` (the shared\n * contract). On a destructive statement without confirmation, `runQuery` throws\n * an Error whose `needsConfirm` flag is `true`; we catch that and re-run after\n * the user confirms in a locally-built modal.\n /\nimport {\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n type ReactNode,\n} from \"react\";\n\nimport type { DbAdminDialect } from \"../../db-admin/types.js\";\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n} from \"../components/ui/dropdown-menu.js\";\nimport {\n Popover,\n PopoverContent,\n PopoverTrigger,\n} from \"../components/ui/popover.js\";\nimport { cn } from \"../utils.js\";\nimport { toCSV, toJSON, downloadFile } from \"./export-utils.js\";\nimport { ResultsGrid } from \"./ResultsGrid.js\";\nimport {\n loadHistory,\n pushHistory,\n clearHistory,\n loadSnippets,\n saveSnippet,\n deleteSnippet,\n type SqlSnippet,\n} from \"./sql-storage.js\";\nimport { runQuery } from \"./useDbAdmin.js\";\n\nexport interface SqlEditorProps {\n dialect: DbAdminDialect;\n tableNames: string[];\n columnsByTable: Record<string, string[]>;\n}\n\ninterface QueryResult {\n columns: string[];\n rows: Record<string, unknown>[];\n rowsAffected: number;\n durationMs: number;\n}\n\n// ─── Dark-mode detection ─────────────────────────────────────────────────────\n\nfunction useIsDark(): boolean {\n const [isDark, setIsDark] = useState(false);\n useEffect(() => {\n if (typeof document === \"undefined\") return;\n const root = document.documentElement;\n const update = () => setIsDark(root.classList.contains(\"dark\"));\n update();\n const observer = new MutationObserver(update);\n observer.observe(root, { attributes: true, attributeFilter: [\"class\"] });\n return () => observer.disconnect();\n }, []);\n return isDark;\n}\n\n// ─── Statement-under-cursor helpers ──────────────────────────────────────────\n\n/\n Best-effort split of a SQL buffer into statements by top-level `;`, ignoring\n * semicolons inside single/double quotes or line/block comments. Returns each\n * statement with its character offsets so we can pick the one under the cursor.\n /\nfunction splitStatements(\n text: string,\n): { sql: string; start: number; end: number }[] {\n const out: { sql: string; start: number; end: number }[] = [];\n let start = 0;\n let inSingle = false;\n let inDouble = false;\n let inLineComment = false;\n let inBlockComment = false;\n\n for (let i = 0; i < text.length; i++) {\n const ch = text[i];\n const next = text[i + 1];\n\n if (inLineComment) {\n if (ch === \"\\n\") inLineComment = false;\n continue;\n }\n if (inBlockComment) {\n if (ch === \"\" && next === \"/\") {\n inBlockComment = false;\n i++;\n }\n continue;\n }\n if (inSingle) {\n if (ch === \"'\") inSingle = false;\n continue;\n }\n if (inDouble) {\n if (ch === '\"') inDouble = false;\n continue;\n }\n\n if (ch === \"-\" && next === \"-\") {\n inLineComment = true;\n i++;\n continue;\n }\n if (ch === \"/\" && next === \"\") {\n inBlockComment = true;\n i++;\n continue;\n }\n if (ch === \"'\") {\n inSingle = true;\n continue;\n }\n if (ch === '\"') {\n inDouble = true;\n continue;\n }\n if (ch === \";\") {\n out.push({ sql: text.slice(start, i + 1), start, end: i + 1 });\n start = i + 1;\n }\n }\n if (start < text.length) {\n out.push({ sql: text.slice(start), start, end: text.length });\n }\n return out;\n}\n\n/* Resolve which SQL to run given the current selection and cursor position. /\nfunction resolveRunTarget(\n view: EditorView \| undefined,\n buffer: string,\n): string {\n if (!view) return buffer;\n const sel = view.state.selection.main;\n if (!sel.empty) {\n return view.state.sliceDoc(sel.from, sel.to);\n }\n const cursor = sel.head;\n const statements = splitStatements(buffer);\n const hit = statements.find((s) => cursor >= s.start && cursor <= s.end);\n return (hit?.sql ?? buffer).trim() \|\| buffer;\n}\n\n// ─── Local modal primitive ───────────────────────────────────────────────────\n\nfunction Modal({\n title,\n children,\n onClose,\n}: {\n title: string;\n children: ReactNode;\n onClose: () => void;\n}) {\n useEffect(() => {\n const onKey = (e: KeyboardEvent) => {\n if (e.key === \"Escape\") onClose();\n };\n window.addEventListener(\"keydown\", onKey);\n return () => window.removeEventListener(\"keydown\", onKey);\n }, [onClose]);\n\n return (\n <div className=\"fixed inset-0 z-50 flex items-center justify-center p-4\">\n <div\n className=\"absolute inset-0 bg-black/50\"\n onClick={onClose}\n aria-hidden\n />\n <div className=\"relative z-10 w-full max-w-md rounded-lg border border-border bg-background shadow-xl\">\n <div className=\"flex items-center justify-between border-b border-border px-4 py-3\">\n <h2 className=\"text-sm font-semibold text-foreground\">{title}</h2>\n <button\n type=\"button\"\n onClick={onClose}\n className=\"cursor-pointer rounded p-1 text-muted-foreground hover:bg-accent hover:text-foreground\"\n aria-label=\"Close\"\n >\n <IconX size={16} />\n </button>\n </div>\n <div className=\"p-4\">{children}</div>\n </div>\n </div>\n );\n}\n\n// ─── Toolbar button ──────────────────────────────────────────────────────────\n\nfunction ToolbarButton({\n children,\n onClick,\n className,\n title,\n disabled,\n}: {\n children: ReactNode;\n onClick?: () => void;\n className?: string;\n title?: string;\n disabled?: boolean;\n}) {\n return (\n <button\n type=\"button\"\n onClick={onClick}\n title={title}\n disabled={disabled}\n className={cn(\n \"inline-flex h-8 cursor-pointer items-center gap-1.5 rounded-md border border-border bg-background px-2.5 text-xs font-medium text-foreground transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50\",\n className,\n )}\n >\n {children}\n </button>\n );\n}\n\nconst isMac =\n typeof navigator !== \"undefined\" &&\n /Mac\|iPhone\|iPad/.test(navigator.platform);\nconst MOD = isMac ? \"Cmd\" : \"Ctrl\";\n\n// ─── Main component ──────────────────────────────────────────────────────────\n\nexport function SqlEditor({\n dialect,\n tableNames,\n columnsByTable,\n}: SqlEditorProps) {\n const isDark = useIsDark();\n const editorRef = useRef<ReactCodeMirrorRef>(null);\n\n const [value, setValue] = useState(\"\");\n const [running, setRunning] = useState(false);\n const [result, setResult] = useState<QueryResult \| null>(null);\n const [error, setError] = useState<string \| null>(null);\n const [status, setStatus] = useState<string \| null>(null);\n\n const [history, setHistory] = useState<string[]>([]);\n const [snippets, setSnippets] = useState<SqlSnippet[]>([]);\n\n const [confirmSql, setConfirmSql] = useState<string \| null>(null);\n const [saveModalOpen, setSaveModalOpen] = useState(false);\n const [snippetName, setSnippetName] = useState(\"\");\n\n // Editor height (px) — draggable splitter between editor and results.\n const [editorHeight, setEditorHeight] = useState(240);\n const dragState = useRef<{ startY: number; startHeight: number } \| null>(\n null,\n );\n\n // Keep the latest buffer accessible inside CodeMirror keymap closures.\n const valueRef = useRef(value);\n valueRef.current = value;\n\n useEffect(() => {\n setHistory(loadHistory());\n setSnippets(loadSnippets());\n }, []);\n\n // ─── Run logic ────────────────────────────────────────────────────────────\n\n const execute = useCallback(\n async (sqlText: string, confirmDestructive?: boolean) => {\n const trimmed = sqlText.trim();\n if (!trimmed) return;\n setRunning(true);\n setError(null);\n try {\n const res = await runQuery(trimmed, undefined, confirmDestructive);\n setResult({\n columns: res.columns,\n rows: res.rows,\n rowsAffected: res.rowsAffected,\n durationMs: res.durationMs,\n });\n if (res.columns.length > 0) {\n setStatus(`${res.rows.length} rows · ${res.durationMs}ms`);\n } else {\n setStatus(\n `Query OK · ${res.rowsAffected} rows affected · ${res.durationMs}ms`,\n );\n }\n setHistory(pushHistory(trimmed));\n } catch (err) {\n const e = err as Error & { needsConfirm?: boolean };\n if (e.needsConfirm) {\n setConfirmSql(trimmed);\n } else {\n setError(e.message \|\| \"Query failed\");\n setStatus(null);\n }\n } finally {\n setRunning(false);\n }\n },\n [],\n );\n\n const runActiveStatement = useCallback(() => {\n const view = editorRef.current?.view;\n const target = resolveRunTarget(view, valueRef.current);\n void execute(target);\n }, [execute]);\n\n const runWholeBuffer = useCallback(() => {\n void execute(valueRef.current);\n }, [execute]);\n\n const confirmAndRun = useCallback(() => {\n const sqlText = confirmSql;\n setConfirmSql(null);\n if (sqlText) void execute(sqlText, true);\n }, [confirmSql, execute]);\n\n // ─── CodeMirror extensions ──────────────────────────────────────────────\n\n const extensions = useMemo(() => {\n const langExt = sql({\n dialect: dialect === \"postgres\" ? PostgreSQL : undefined,\n schema: columnsByTable,\n tables: tableNames.map((t) => ({ label: t })),\n upperCaseKeywords: true,\n });\n\n const runKeymap = Prec.highest(\n keymap.of([\n {\n key: \"Mod-Enter\",\n preventDefault: true,\n run: () => {\n runActiveStatement();\n return true;\n },\n },\n {\n key: \"Mod-Shift-Enter\",\n preventDefault: true,\n run: () => {\n runWholeBuffer();\n return true;\n },\n },\n ]),\n );\n\n return [runKeymap, langExt, EditorView.lineWrapping];\n // tableNames / columnsByTable identity is stable enough for our purposes;\n // re-derive when the dialect or schema reference changes.\n }, [dialect, columnsByTable, tableNames, runActiveStatement, runWholeBuffer]);\n\n // ─── Splitter drag ───────────────────────────────────────────────────────\n\n useEffect(() => {\n const onMove = (e: MouseEvent) => {\n if (!dragState.current) return;\n const delta = e.clientY - dragState.current.startY;\n const next = Math.min(\n Math.max(dragState.current.startHeight + delta, 120),\n 640,\n );\n setEditorHeight(next);\n };\n const onUp = () => {\n dragState.current = null;\n document.body.style.userSelect = \"\";\n };\n window.addEventListener(\"mousemove\", onMove);\n window.addEventListener(\"mouseup\", onUp);\n return () => {\n window.removeEventListener(\"mousemove\", onMove);\n window.removeEventListener(\"mouseup\", onUp);\n };\n }, []);\n\n const startDrag = (e: React.MouseEvent) => {\n dragState.current = { startY: e.clientY, startHeight: editorHeight };\n document.body.style.userSelect = \"none\";\n };\n\n // ─── Loading editor content from history / snippets ───────────────────────\n\n const loadIntoEditor = useCallback((sqlText: string) => {\n setValue(sqlText);\n // Focus and place cursor at end after the controlled value updates.\n requestAnimationFrame(() => {\n const view = editorRef.current?.view;\n if (view) {\n view.focus();\n view.dispatch({ selection: { anchor: view.state.doc.length } });\n }\n });\n }, []);\n\n // ─── Export ────────────────────────────────────────────────────────────────\n\n const exportAs = (format: \"csv\" \| \"json\") => {\n if (!result \|\| result.columns.length === 0) return;\n const stamp = new Date().toISOString().replace(/[:.]/g, \"-\").slice(0, 19);\n if (format === \"csv\") {\n downloadFile(\n `query-result-${stamp}.csv`,\n \"text/csv;charset=utf-8\",\n toCSV(result.columns, result.rows),\n );\n } else {\n downloadFile(\n `query-result-${stamp}.json`,\n \"application/json\",\n toJSON(result.rows),\n );\n }\n };\n\n // ─── Snippet save ────────────────────────────────────────────────────────\n\n const openSaveModal = () => {\n if (!value.trim()) return;\n setSnippetName(\"\");\n setSaveModalOpen(true);\n };\n\n const commitSnippet = () => {\n const name = snippetName.trim();\n if (!name \|\| !value.trim()) return;\n setSnippets(saveSnippet({ name, sql: value }));\n setSaveModalOpen(false);\n };\n\n const removeSnippet = (id: string) => {\n setSnippets(deleteSnippet(id));\n };\n\n // ─── Example queries (empty state) ─────────────────────────────────────────\n\n const firstTable = tableNames[0];\n const examples = useMemo(() => {\n const list: { label: string; sql: string }[] = [];\n if (firstTable) {\n list.push({\n label: `Select rows from ${firstTable}`,\n sql: `SELECT FROM ${firstTable} LIMIT 100;`,\n });\n }\n list.push({\n label: \"List tables\",\n sql:\n dialect === \"postgres\"\n ? \"SELECT table_name FROM information_schema.tables WHERE table_schema = 'public' ORDER BY table_name;\"\n : \"SELECT name FROM sqlite_master WHERE type = 'table' ORDER BY name;\",\n });\n if (firstTable) {\n list.push({\n label: `Count rows in ${firstTable}`,\n sql: `SELECT COUNT() AS total FROM ${firstTable};`,\n });\n }\n return list;\n }, [firstTable, dialect]);\n\n const hasResults = result !== null;\n const canExport = hasResults && result!.columns.length > 0;\n\n // ─── Render ──────────────────────────────────────────────────────────────\n\n return (\n <div className=\"flex h-full flex-col\">\n {/ Toolbar /}\n <div className=\"flex flex-wrap items-center gap-2 border-b border-border bg-background px-3 py-2\">\n <button\n type=\"button\"\n onClick={runActiveStatement}\n disabled={running \|\| !value.trim()}\n title={`Run selection / statement (${MOD}+Enter)`}\n className=\"inline-flex h-8 cursor-pointer items-center gap-1.5 rounded-md bg-primary px-3 text-xs font-semibold text-primary-foreground transition-colors hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-50\"\n >\n {running ? (\n <IconLoader2 size={14} className=\"animate-spin\" />\n ) : (\n <IconPlayerPlayFilled size={14} />\n )}\n Run\n </button>\n\n <span className=\"hidden text-[11px] text-muted-foreground sm:inline\">\n {MOD}+Enter runs selection / statement · {MOD}+Shift+Enter runs all\n </span>\n\n <div className=\"ml-auto flex items-center gap-2\">\n {/ History /}\n <Popover>\n <PopoverTrigger asChild>\n <ToolbarButton title=\"Query history\">\n <IconHistory size={14} />\n History\n </ToolbarButton>\n </PopoverTrigger>\n <PopoverContent align=\"end\" className=\"w-96 p-0\">\n <div className=\"flex items-center justify-between border-b border-border px-3 py-2\">\n <span className=\"text-xs font-semibold text-foreground\">\n Recent queries\n </span>\n {history.length > 0 && (\n <button\n type=\"button\"\n onClick={() => {\n clearHistory();\n setHistory([]);\n }}\n className=\"cursor-pointer text-[11px] text-muted-foreground hover:text-foreground\"\n >\n Clear\n </button>\n )}\n </div>\n <div className=\"max-h-80 overflow-auto py-1\">\n {history.length === 0 ? (\n <div className=\"px-3 py-6 text-center text-xs text-muted-foreground\">\n No queries yet\n </div>\n ) : (\n history.map((h, i) => (\n <button\n key={i}\n type=\"button\"\n onClick={() => loadIntoEditor(h)}\n className=\"block w-full cursor-pointer truncate px-3 py-1.5 text-left font-mono text-[11px] text-foreground hover:bg-accent\"\n title={h}\n >\n {h.replace(/\\s+/g, \" \").trim()}\n </button>\n ))\n )}\n </div>\n </PopoverContent>\n </Popover>\n\n {/ Snippets /}\n <Popover>\n <PopoverTrigger asChild>\n <ToolbarButton title=\"Saved snippets\">\n <IconBookmark size={14} />\n Snippets\n </ToolbarButton>\n </PopoverTrigger>\n <PopoverContent align=\"end\" className=\"w-96 p-0\">\n <div className=\"flex items-center justify-between border-b border-border px-3 py-2\">\n <span className=\"text-xs font-semibold text-foreground\">\n Saved snippets\n </span>\n <button\n type=\"button\"\n onClick={openSaveModal}\n disabled={!value.trim()}\n className=\"inline-flex cursor-pointer items-center gap-1 text-[11px] text-muted-foreground hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50\"\n >\n <IconBookmarkPlus size={13} />\n Save current\n </button>\n </div>\n <div className=\"max-h-80 overflow-auto py-1\">\n {snippets.length === 0 ? (\n <div className=\"px-3 py-6 text-center text-xs text-muted-foreground\">\n No saved snippets\n </div>\n ) : (\n snippets.map((s) => (\n <div\n key={s.id}\n className=\"group flex items-center gap-2 px-3 py-1.5 hover:bg-accent\"\n >\n <button\n type=\"button\"\n onClick={() => loadIntoEditor(s.sql)}\n className=\"min-w-0 flex-1 cursor-pointer text-left\"\n title={s.sql}\n >\n <div className=\"truncate text-xs font-medium text-foreground\">\n {s.name}\n </div>\n <div className=\"truncate font-mono text-[10px] text-muted-foreground\">\n {s.sql.replace(/\\s+/g, \" \").trim()}\n </div>\n </button>\n <button\n type=\"button\"\n onClick={() => removeSnippet(s.id)}\n className=\"cursor-pointer rounded p-1 text-muted-foreground opacity-0 transition-opacity hover:text-red-500 group-hover:opacity-100\"\n title=\"Delete snippet\"\n >\n <IconTrash size={13} />\n </button>\n </div>\n ))\n )}\n </div>\n </PopoverContent>\n </Popover>\n\n {/ Export /}\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <ToolbarButton title=\"Export results\" disabled={!canExport}>\n <IconDownload size={14} />\n Export\n <IconChevronDown size={12} className=\"opacity-60\" />\n </ToolbarButton>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\">\n <DropdownMenuItem onClick={() => exportAs(\"csv\")}>\n Download CSV\n </DropdownMenuItem>\n <DropdownMenuItem onClick={() => exportAs(\"json\")}>\n Download JSON\n </DropdownMenuItem>\n </DropdownMenuContent>\n </DropdownMenu>\n </div>\n </div>\n\n {/ Editor pane /}\n <div\n className=\"shrink-0 overflow-hidden border-b border-border\"\n style={{ height: editorHeight }}\n >\n <CodeMirror\n ref={editorRef}\n value={value}\n onChange={setValue}\n height={`${editorHeight}px`}\n theme={isDark ? oneDark : undefined}\n extensions={extensions}\n placeholder=\"Write SQL here…\"\n basicSetup={{\n lineNumbers: true,\n highlightActiveLine: true,\n autocompletion: true,\n bracketMatching: true,\n closeBrackets: true,\n }}\n style={{ fontSize: 13, height: \"100%\" }}\n />\n </div>\n\n {/ Splitter /}\n <div\n onMouseDown={startDrag}\n className=\"h-1.5 shrink-0 cursor-row-resize bg-border/40 transition-colors hover:bg-primary/40\"\n role=\"separator\"\n aria-orientation=\"horizontal\"\n />\n\n {/ Status / error bar /}\n {(status \|\| error) && (\n <div className=\"shrink-0 px-3 py-1.5\">\n {error ? (\n <div className=\"flex items-start gap-2 rounded-md border border-red-500/40 bg-red-500/10 px-3 py-2 text-xs text-red-500\">\n <IconAlertTriangle size={14} className=\"mt-px shrink-0\" />\n <span className=\"break-words font-mono\">{error}</span>\n </div>\n ) : (\n <div className=\"font-mono text-[11px] text-muted-foreground\">\n {status}\n </div>\n )}\n </div>\n )}\n\n {/ Results panel /}\n <div className=\"min-h-0 flex-1 overflow-hidden\">\n {hasResults ? (\n <ResultsGrid columns={result!.columns} rows={result!.rows} />\n ) : (\n <div className=\"flex h-full flex-col items-center justify-center gap-4 p-6 text-center\">\n <div className=\"text-sm text-muted-foreground\">\n Run a query to see results, or start with an example:\n </div>\n <div className=\"flex flex-col gap-2\">\n {examples.map((ex, i) => (\n <button\n key={i}\n type=\"button\"\n onClick={() => loadIntoEditor(ex.sql)}\n className=\"cursor-pointer rounded-md border border-border bg-background px-4 py-2 text-left transition-colors hover:bg-accent\"\n >\n <div className=\"text-xs font-medium text-foreground\">\n {ex.label}\n </div>\n <div className=\"mt-0.5 font-mono text-[11px] text-muted-foreground\">\n {ex.sql}\n </div>\n </button>\n ))}\n </div>\n </div>\n )}\n </div>\n\n {/ Destructive-confirm modal /}\n {confirmSql && (\n <Modal\n title=\"Confirm destructive query\"\n onClose={() => setConfirmSql(null)}\n >\n <div className=\"space-y-4\">\n <div className=\"flex items-start gap-2 text-sm text-foreground\">\n <IconAlertTriangle\n size={18}\n className=\"mt-px shrink-0 text-yellow-500\"\n />\n <p>\n This looks like a destructive query (DROP / TRUNCATE / DELETE\n without WHERE). Run it?\n </p>\n </div>\n <pre className=\"max-h-40 overflow-auto rounded-md border border-border bg-muted/50 p-3 font-mono text-[11px] text-foreground\">\n {confirmSql}\n </pre>\n <div className=\"flex justify-end gap-2\">\n <button\n type=\"button\"\n onClick={() => setConfirmSql(null)}\n className=\"inline-flex h-8 cursor-pointer items-center rounded-md border border-border bg-background px-3 text-xs font-medium text-foreground hover:bg-accent\"\n >\n Cancel\n </button>\n <button\n type=\"button\"\n onClick={confirmAndRun}\n className=\"inline-flex h-8 cursor-pointer items-center rounded-md bg-red-500 px-3 text-xs font-semibold text-white hover:bg-red-600\"\n >\n Run anyway\n </button>\n </div>\n </div>\n </Modal>\n )}\n\n {/ Save-snippet modal */}\n {saveModalOpen && (\n <Modal title=\"Save snippet\" onClose={() => setSaveModalOpen(false)}>\n <div className=\"space-y-4\">\n <div>\n <label className=\"mb-1.5 block text-xs font-medium text-muted-foreground\">\n Snippet name\n </label>\n <input\n autoFocus\n value={snippetName}\n onChange={(e) => setSnippetName(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === \"Enter\") commitSnippet();\n }}\n placeholder=\"e.g. Active users this week\"\n className=\"w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground outline-none focus:border-primary focus:ring-1 focus:ring-primary\"\n />\n </div>\n <pre className=\"max-h-40 overflow-auto rounded-md border border-border bg-muted/50 p-3 font-mono text-[11px] text-foreground\">\n {value.trim()}\n </pre>\n <div className=\"flex justify-end gap-2\">\n <button\n type=\"button\"\n onClick={() => setSaveModalOpen(false)}\n className=\"inline-flex h-8 cursor-pointer items-center rounded-md border border-border bg-background px-3 text-xs font-medium text-foreground hover:bg-accent\"\n >\n Cancel\n </button>\n <button\n type=\"button\"\n onClick={commitSnippet}\n disabled={!snippetName.trim()}\n className=\"inline-flex h-8 cursor-pointer items-center rounded-md bg-primary px-3 text-xs font-semibold text-primary-foreground hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-50\"\n >\n Save\n </button>\n </div>\n </div>\n </Modal>\n )}\n </div>\n );\n}\n"]}
1	+ {"version":3,"file":"SqlEditor.js","sourceRoot":"","sources":["../../../src/client/db-admin/SqlEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import { sql, PostgreSQL } from \"@codemirror/lang-sql\";\nimport { oneDark } from \"@codemirror/theme-one-dark\";\nimport {\n IconPlayerPlayFilled,\n IconHistory,\n IconBookmark,\n IconBookmarkPlus,\n IconDownload,\n IconAlertTriangle,\n IconLoader2,\n IconTrash,\n IconX,\n IconChevronDown,\n} from \"@tabler/icons-react\";\nimport CodeMirror, {\n type ReactCodeMirrorRef,\n EditorView,\n keymap,\n Prec,\n} from \"@uiw/react-codemirror\";\n/*\n Production-grade SQL editor for the dev-mode database admin.\n \n Layout: a CodeMirror editor pane on top, a resizable results panel below.\n * Features schema-aware autocomplete, keyboard run shortcuts, history, named\n * snippets, CSV/JSON export, and a confirm modal for destructive statements.\n \n Data access goes through `runQuery` from `./useDbAdmin.js` (the shared\n * contract). On a destructive statement without confirmation, `runQuery` throws\n * an Error whose `needsConfirm` flag is `true`; we catch that and re-run after\n * the user confirms in a locally-built modal.\n /\nimport {\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n type ReactNode,\n} from \"react\";\n\nimport type { DbAdminDialect } from \"../../db-admin/types.js\";\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuTrigger,\n} from \"../components/ui/dropdown-menu.js\";\nimport {\n Popover,\n PopoverContent,\n PopoverTrigger,\n} from \"../components/ui/popover.js\";\nimport { cn } from \"../utils.js\";\nimport { toCSV, toJSON, downloadFile } from \"./export-utils.js\";\nimport { ResultsGrid } from \"./ResultsGrid.js\";\nimport {\n loadHistory,\n pushHistory,\n clearHistory,\n loadSnippets,\n saveSnippet,\n deleteSnippet,\n type SqlSnippet,\n} from \"./sql-storage.js\";\nimport { runQuery, type DbAdminRequestConfig } from \"./useDbAdmin.js\";\n\nexport interface SqlEditorProps {\n dialect: DbAdminDialect;\n tableNames: string[];\n columnsByTable: Record<string, string[]>;\n requestConfig?: DbAdminRequestConfig;\n}\n\ninterface QueryResult {\n columns: string[];\n rows: Record<string, unknown>[];\n rowsAffected: number;\n durationMs: number;\n}\n\n// ─── Dark-mode detection ─────────────────────────────────────────────────────\n\nfunction useIsDark(): boolean {\n const [isDark, setIsDark] = useState(false);\n useEffect(() => {\n if (typeof document === \"undefined\") return;\n const root = document.documentElement;\n const update = () => setIsDark(root.classList.contains(\"dark\"));\n update();\n const observer = new MutationObserver(update);\n observer.observe(root, { attributes: true, attributeFilter: [\"class\"] });\n return () => observer.disconnect();\n }, []);\n return isDark;\n}\n\n// ─── Statement-under-cursor helpers ──────────────────────────────────────────\n\n/\n Best-effort split of a SQL buffer into statements by top-level `;`, ignoring\n * semicolons inside single/double quotes or line/block comments. Returns each\n * statement with its character offsets so we can pick the one under the cursor.\n /\nfunction splitStatements(\n text: string,\n): { sql: string; start: number; end: number }[] {\n const out: { sql: string; start: number; end: number }[] = [];\n let start = 0;\n let inSingle = false;\n let inDouble = false;\n let inLineComment = false;\n let inBlockComment = false;\n\n for (let i = 0; i < text.length; i++) {\n const ch = text[i];\n const next = text[i + 1];\n\n if (inLineComment) {\n if (ch === \"\\n\") inLineComment = false;\n continue;\n }\n if (inBlockComment) {\n if (ch === \"\" && next === \"/\") {\n inBlockComment = false;\n i++;\n }\n continue;\n }\n if (inSingle) {\n if (ch === \"'\") inSingle = false;\n continue;\n }\n if (inDouble) {\n if (ch === '\"') inDouble = false;\n continue;\n }\n\n if (ch === \"-\" && next === \"-\") {\n inLineComment = true;\n i++;\n continue;\n }\n if (ch === \"/\" && next === \"\") {\n inBlockComment = true;\n i++;\n continue;\n }\n if (ch === \"'\") {\n inSingle = true;\n continue;\n }\n if (ch === '\"') {\n inDouble = true;\n continue;\n }\n if (ch === \";\") {\n out.push({ sql: text.slice(start, i + 1), start, end: i + 1 });\n start = i + 1;\n }\n }\n if (start < text.length) {\n out.push({ sql: text.slice(start), start, end: text.length });\n }\n return out;\n}\n\n/* Resolve which SQL to run given the current selection and cursor position. /\nfunction resolveRunTarget(\n view: EditorView \| undefined,\n buffer: string,\n): string {\n if (!view) return buffer;\n const sel = view.state.selection.main;\n if (!sel.empty) {\n return view.state.sliceDoc(sel.from, sel.to);\n }\n const cursor = sel.head;\n const statements = splitStatements(buffer);\n const hit = statements.find((s) => cursor >= s.start && cursor <= s.end);\n return (hit?.sql ?? buffer).trim() \|\| buffer;\n}\n\n// ─── Local modal primitive ───────────────────────────────────────────────────\n\nfunction Modal({\n title,\n children,\n onClose,\n}: {\n title: string;\n children: ReactNode;\n onClose: () => void;\n}) {\n useEffect(() => {\n const onKey = (e: KeyboardEvent) => {\n if (e.key === \"Escape\") onClose();\n };\n window.addEventListener(\"keydown\", onKey);\n return () => window.removeEventListener(\"keydown\", onKey);\n }, [onClose]);\n\n return (\n <div className=\"fixed inset-0 z-50 flex items-center justify-center p-4\">\n <div\n className=\"absolute inset-0 bg-black/50\"\n onClick={onClose}\n aria-hidden\n />\n <div className=\"relative z-10 w-full max-w-md rounded-lg border border-border bg-background shadow-xl\">\n <div className=\"flex items-center justify-between border-b border-border px-4 py-3\">\n <h2 className=\"text-sm font-semibold text-foreground\">{title}</h2>\n <button\n type=\"button\"\n onClick={onClose}\n className=\"cursor-pointer rounded p-1 text-muted-foreground hover:bg-accent hover:text-foreground\"\n aria-label=\"Close\"\n >\n <IconX size={16} />\n </button>\n </div>\n <div className=\"p-4\">{children}</div>\n </div>\n </div>\n );\n}\n\n// ─── Toolbar button ──────────────────────────────────────────────────────────\n\nfunction ToolbarButton({\n children,\n onClick,\n className,\n title,\n disabled,\n}: {\n children: ReactNode;\n onClick?: () => void;\n className?: string;\n title?: string;\n disabled?: boolean;\n}) {\n return (\n <button\n type=\"button\"\n onClick={onClick}\n title={title}\n disabled={disabled}\n className={cn(\n \"inline-flex h-8 cursor-pointer items-center gap-1.5 rounded-md border border-border bg-background px-2.5 text-xs font-medium text-foreground transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50\",\n className,\n )}\n >\n {children}\n </button>\n );\n}\n\nconst isMac =\n typeof navigator !== \"undefined\" &&\n /Mac\|iPhone\|iPad/.test(navigator.platform);\nconst MOD = isMac ? \"Cmd\" : \"Ctrl\";\n\n// ─── Main component ──────────────────────────────────────────────────────────\n\nexport function SqlEditor({\n dialect,\n tableNames,\n columnsByTable,\n requestConfig,\n}: SqlEditorProps) {\n const isDark = useIsDark();\n const editorRef = useRef<ReactCodeMirrorRef>(null);\n\n const [value, setValue] = useState(\"\");\n const [running, setRunning] = useState(false);\n const [result, setResult] = useState<QueryResult \| null>(null);\n const [error, setError] = useState<string \| null>(null);\n const [status, setStatus] = useState<string \| null>(null);\n\n const [history, setHistory] = useState<string[]>([]);\n const [snippets, setSnippets] = useState<SqlSnippet[]>([]);\n\n const [confirmSql, setConfirmSql] = useState<string \| null>(null);\n const [saveModalOpen, setSaveModalOpen] = useState(false);\n const [snippetName, setSnippetName] = useState(\"\");\n\n // Editor height (px) — draggable splitter between editor and results.\n const [editorHeight, setEditorHeight] = useState(240);\n const dragState = useRef<{ startY: number; startHeight: number } \| null>(\n null,\n );\n\n // Keep the latest buffer accessible inside CodeMirror keymap closures.\n const valueRef = useRef(value);\n valueRef.current = value;\n\n useEffect(() => {\n setHistory(loadHistory());\n setSnippets(loadSnippets());\n }, []);\n\n // ─── Run logic ────────────────────────────────────────────────────────────\n\n const execute = useCallback(\n async (sqlText: string, confirmDestructive?: boolean) => {\n const trimmed = sqlText.trim();\n if (!trimmed) return;\n setRunning(true);\n setError(null);\n try {\n const res = await runQuery(\n trimmed,\n undefined,\n confirmDestructive,\n requestConfig,\n );\n setResult({\n columns: res.columns,\n rows: res.rows,\n rowsAffected: res.rowsAffected,\n durationMs: res.durationMs,\n });\n if (res.columns.length > 0) {\n setStatus(`${res.rows.length} rows · ${res.durationMs}ms`);\n } else {\n setStatus(\n `Query OK · ${res.rowsAffected} rows affected · ${res.durationMs}ms`,\n );\n }\n setHistory(pushHistory(trimmed));\n } catch (err) {\n const e = err as Error & { needsConfirm?: boolean };\n if (e.needsConfirm) {\n setConfirmSql(trimmed);\n } else {\n setError(e.message \|\| \"Query failed\");\n setStatus(null);\n }\n } finally {\n setRunning(false);\n }\n },\n [requestConfig],\n );\n\n const runActiveStatement = useCallback(() => {\n const view = editorRef.current?.view;\n const target = resolveRunTarget(view, valueRef.current);\n void execute(target);\n }, [execute]);\n\n const runWholeBuffer = useCallback(() => {\n void execute(valueRef.current);\n }, [execute]);\n\n const confirmAndRun = useCallback(() => {\n const sqlText = confirmSql;\n setConfirmSql(null);\n if (sqlText) void execute(sqlText, true);\n }, [confirmSql, execute]);\n\n // ─── CodeMirror extensions ──────────────────────────────────────────────\n\n const extensions = useMemo(() => {\n const langExt = sql({\n dialect: dialect === \"postgres\" ? PostgreSQL : undefined,\n schema: columnsByTable,\n tables: tableNames.map((t) => ({ label: t })),\n upperCaseKeywords: true,\n });\n\n const runKeymap = Prec.highest(\n keymap.of([\n {\n key: \"Mod-Enter\",\n preventDefault: true,\n run: () => {\n runActiveStatement();\n return true;\n },\n },\n {\n key: \"Mod-Shift-Enter\",\n preventDefault: true,\n run: () => {\n runWholeBuffer();\n return true;\n },\n },\n ]),\n );\n\n return [runKeymap, langExt, EditorView.lineWrapping];\n // tableNames / columnsByTable identity is stable enough for our purposes;\n // re-derive when the dialect or schema reference changes.\n }, [dialect, columnsByTable, tableNames, runActiveStatement, runWholeBuffer]);\n\n // ─── Splitter drag ───────────────────────────────────────────────────────\n\n useEffect(() => {\n const onMove = (e: MouseEvent) => {\n if (!dragState.current) return;\n const delta = e.clientY - dragState.current.startY;\n const next = Math.min(\n Math.max(dragState.current.startHeight + delta, 120),\n 640,\n );\n setEditorHeight(next);\n };\n const onUp = () => {\n dragState.current = null;\n document.body.style.userSelect = \"\";\n };\n window.addEventListener(\"mousemove\", onMove);\n window.addEventListener(\"mouseup\", onUp);\n return () => {\n window.removeEventListener(\"mousemove\", onMove);\n window.removeEventListener(\"mouseup\", onUp);\n };\n }, []);\n\n const startDrag = (e: React.MouseEvent) => {\n dragState.current = { startY: e.clientY, startHeight: editorHeight };\n document.body.style.userSelect = \"none\";\n };\n\n // ─── Loading editor content from history / snippets ───────────────────────\n\n const loadIntoEditor = useCallback((sqlText: string) => {\n setValue(sqlText);\n // Focus and place cursor at end after the controlled value updates.\n requestAnimationFrame(() => {\n const view = editorRef.current?.view;\n if (view) {\n view.focus();\n view.dispatch({ selection: { anchor: view.state.doc.length } });\n }\n });\n }, []);\n\n // ─── Export ────────────────────────────────────────────────────────────────\n\n const exportAs = (format: \"csv\" \| \"json\") => {\n if (!result \|\| result.columns.length === 0) return;\n const stamp = new Date().toISOString().replace(/[:.]/g, \"-\").slice(0, 19);\n if (format === \"csv\") {\n downloadFile(\n `query-result-${stamp}.csv`,\n \"text/csv;charset=utf-8\",\n toCSV(result.columns, result.rows),\n );\n } else {\n downloadFile(\n `query-result-${stamp}.json`,\n \"application/json\",\n toJSON(result.rows),\n );\n }\n };\n\n // ─── Snippet save ────────────────────────────────────────────────────────\n\n const openSaveModal = () => {\n if (!value.trim()) return;\n setSnippetName(\"\");\n setSaveModalOpen(true);\n };\n\n const commitSnippet = () => {\n const name = snippetName.trim();\n if (!name \|\| !value.trim()) return;\n setSnippets(saveSnippet({ name, sql: value }));\n setSaveModalOpen(false);\n };\n\n const removeSnippet = (id: string) => {\n setSnippets(deleteSnippet(id));\n };\n\n // ─── Example queries (empty state) ─────────────────────────────────────────\n\n const firstTable = tableNames[0];\n const examples = useMemo(() => {\n const list: { label: string; sql: string }[] = [];\n if (firstTable) {\n list.push({\n label: `Select rows from ${firstTable}`,\n sql: `SELECT FROM ${firstTable} LIMIT 100;`,\n });\n }\n list.push({\n label: \"List tables\",\n sql:\n dialect === \"postgres\"\n ? \"SELECT table_name FROM information_schema.tables WHERE table_schema = 'public' ORDER BY table_name;\"\n : \"SELECT name FROM sqlite_master WHERE type = 'table' ORDER BY name;\",\n });\n if (firstTable) {\n list.push({\n label: `Count rows in ${firstTable}`,\n sql: `SELECT COUNT() AS total FROM ${firstTable};`,\n });\n }\n return list;\n }, [firstTable, dialect]);\n\n const hasResults = result !== null;\n const canExport = hasResults && result!.columns.length > 0;\n\n // ─── Render ──────────────────────────────────────────────────────────────\n\n return (\n <div className=\"flex h-full flex-col\">\n {/ Toolbar /}\n <div className=\"flex flex-wrap items-center gap-2 border-b border-border bg-background px-3 py-2\">\n <button\n type=\"button\"\n onClick={runActiveStatement}\n disabled={running \|\| !value.trim()}\n title={`Run selection / statement (${MOD}+Enter)`}\n className=\"inline-flex h-8 cursor-pointer items-center gap-1.5 rounded-md bg-primary px-3 text-xs font-semibold text-primary-foreground transition-colors hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-50\"\n >\n {running ? (\n <IconLoader2 size={14} className=\"animate-spin\" />\n ) : (\n <IconPlayerPlayFilled size={14} />\n )}\n Run\n </button>\n\n <span className=\"hidden text-[11px] text-muted-foreground sm:inline\">\n {MOD}+Enter runs selection / statement · {MOD}+Shift+Enter runs all\n </span>\n\n <div className=\"ml-auto flex items-center gap-2\">\n {/ History /}\n <Popover>\n <PopoverTrigger asChild>\n <ToolbarButton title=\"Query history\">\n <IconHistory size={14} />\n History\n </ToolbarButton>\n </PopoverTrigger>\n <PopoverContent align=\"end\" className=\"w-96 p-0\">\n <div className=\"flex items-center justify-between border-b border-border px-3 py-2\">\n <span className=\"text-xs font-semibold text-foreground\">\n Recent queries\n </span>\n {history.length > 0 && (\n <button\n type=\"button\"\n onClick={() => {\n clearHistory();\n setHistory([]);\n }}\n className=\"cursor-pointer text-[11px] text-muted-foreground hover:text-foreground\"\n >\n Clear\n </button>\n )}\n </div>\n <div className=\"max-h-80 overflow-auto py-1\">\n {history.length === 0 ? (\n <div className=\"px-3 py-6 text-center text-xs text-muted-foreground\">\n No queries yet\n </div>\n ) : (\n history.map((h, i) => (\n <button\n key={i}\n type=\"button\"\n onClick={() => loadIntoEditor(h)}\n className=\"block w-full cursor-pointer truncate px-3 py-1.5 text-left font-mono text-[11px] text-foreground hover:bg-accent\"\n title={h}\n >\n {h.replace(/\\s+/g, \" \").trim()}\n </button>\n ))\n )}\n </div>\n </PopoverContent>\n </Popover>\n\n {/ Snippets /}\n <Popover>\n <PopoverTrigger asChild>\n <ToolbarButton title=\"Saved snippets\">\n <IconBookmark size={14} />\n Snippets\n </ToolbarButton>\n </PopoverTrigger>\n <PopoverContent align=\"end\" className=\"w-96 p-0\">\n <div className=\"flex items-center justify-between border-b border-border px-3 py-2\">\n <span className=\"text-xs font-semibold text-foreground\">\n Saved snippets\n </span>\n <button\n type=\"button\"\n onClick={openSaveModal}\n disabled={!value.trim()}\n className=\"inline-flex cursor-pointer items-center gap-1 text-[11px] text-muted-foreground hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50\"\n >\n <IconBookmarkPlus size={13} />\n Save current\n </button>\n </div>\n <div className=\"max-h-80 overflow-auto py-1\">\n {snippets.length === 0 ? (\n <div className=\"px-3 py-6 text-center text-xs text-muted-foreground\">\n No saved snippets\n </div>\n ) : (\n snippets.map((s) => (\n <div\n key={s.id}\n className=\"group flex items-center gap-2 px-3 py-1.5 hover:bg-accent\"\n >\n <button\n type=\"button\"\n onClick={() => loadIntoEditor(s.sql)}\n className=\"min-w-0 flex-1 cursor-pointer text-left\"\n title={s.sql}\n >\n <div className=\"truncate text-xs font-medium text-foreground\">\n {s.name}\n </div>\n <div className=\"truncate font-mono text-[10px] text-muted-foreground\">\n {s.sql.replace(/\\s+/g, \" \").trim()}\n </div>\n </button>\n <button\n type=\"button\"\n onClick={() => removeSnippet(s.id)}\n className=\"cursor-pointer rounded p-1 text-muted-foreground opacity-0 transition-opacity hover:text-red-500 group-hover:opacity-100\"\n title=\"Delete snippet\"\n >\n <IconTrash size={13} />\n </button>\n </div>\n ))\n )}\n </div>\n </PopoverContent>\n </Popover>\n\n {/ Export /}\n <DropdownMenu>\n <DropdownMenuTrigger asChild>\n <ToolbarButton title=\"Export results\" disabled={!canExport}>\n <IconDownload size={14} />\n Export\n <IconChevronDown size={12} className=\"opacity-60\" />\n </ToolbarButton>\n </DropdownMenuTrigger>\n <DropdownMenuContent align=\"end\">\n <DropdownMenuItem onClick={() => exportAs(\"csv\")}>\n Download CSV\n </DropdownMenuItem>\n <DropdownMenuItem onClick={() => exportAs(\"json\")}>\n Download JSON\n </DropdownMenuItem>\n </DropdownMenuContent>\n </DropdownMenu>\n </div>\n </div>\n\n {/ Editor pane /}\n <div\n className=\"shrink-0 overflow-hidden border-b border-border\"\n style={{ height: editorHeight }}\n >\n <CodeMirror\n ref={editorRef}\n value={value}\n onChange={setValue}\n height={`${editorHeight}px`}\n theme={isDark ? oneDark : undefined}\n extensions={extensions}\n placeholder=\"Write SQL here…\"\n basicSetup={{\n lineNumbers: true,\n highlightActiveLine: true,\n autocompletion: true,\n bracketMatching: true,\n closeBrackets: true,\n }}\n style={{ fontSize: 13, height: \"100%\" }}\n />\n </div>\n\n {/ Splitter /}\n <div\n onMouseDown={startDrag}\n className=\"h-1.5 shrink-0 cursor-row-resize bg-border/40 transition-colors hover:bg-primary/40\"\n role=\"separator\"\n aria-orientation=\"horizontal\"\n />\n\n {/ Status / error bar /}\n {(status \|\| error) && (\n <div className=\"shrink-0 px-3 py-1.5\">\n {error ? (\n <div className=\"flex items-start gap-2 rounded-md border border-red-500/40 bg-red-500/10 px-3 py-2 text-xs text-red-500\">\n <IconAlertTriangle size={14} className=\"mt-px shrink-0\" />\n <span className=\"break-words font-mono\">{error}</span>\n </div>\n ) : (\n <div className=\"font-mono text-[11px] text-muted-foreground\">\n {status}\n </div>\n )}\n </div>\n )}\n\n {/ Results panel /}\n <div className=\"min-h-0 flex-1 overflow-hidden\">\n {hasResults ? (\n <ResultsGrid columns={result!.columns} rows={result!.rows} />\n ) : (\n <div className=\"flex h-full flex-col items-center justify-center gap-4 p-6 text-center\">\n <div className=\"text-sm text-muted-foreground\">\n Run a query to see results, or start with an example:\n </div>\n <div className=\"flex flex-col gap-2\">\n {examples.map((ex, i) => (\n <button\n key={i}\n type=\"button\"\n onClick={() => loadIntoEditor(ex.sql)}\n className=\"cursor-pointer rounded-md border border-border bg-background px-4 py-2 text-left transition-colors hover:bg-accent\"\n >\n <div className=\"text-xs font-medium text-foreground\">\n {ex.label}\n </div>\n <div className=\"mt-0.5 font-mono text-[11px] text-muted-foreground\">\n {ex.sql}\n </div>\n </button>\n ))}\n </div>\n </div>\n )}\n </div>\n\n {/ Destructive-confirm modal /}\n {confirmSql && (\n <Modal\n title=\"Confirm destructive query\"\n onClose={() => setConfirmSql(null)}\n >\n <div className=\"space-y-4\">\n <div className=\"flex items-start gap-2 text-sm text-foreground\">\n <IconAlertTriangle\n size={18}\n className=\"mt-px shrink-0 text-yellow-500\"\n />\n <p>\n This looks like a destructive query (DROP / TRUNCATE / DELETE\n without WHERE). Run it?\n </p>\n </div>\n <pre className=\"max-h-40 overflow-auto rounded-md border border-border bg-muted/50 p-3 font-mono text-[11px] text-foreground\">\n {confirmSql}\n </pre>\n <div className=\"flex justify-end gap-2\">\n <button\n type=\"button\"\n onClick={() => setConfirmSql(null)}\n className=\"inline-flex h-8 cursor-pointer items-center rounded-md border border-border bg-background px-3 text-xs font-medium text-foreground hover:bg-accent\"\n >\n Cancel\n </button>\n <button\n type=\"button\"\n onClick={confirmAndRun}\n className=\"inline-flex h-8 cursor-pointer items-center rounded-md bg-red-500 px-3 text-xs font-semibold text-white hover:bg-red-600\"\n >\n Run anyway\n </button>\n </div>\n </div>\n </Modal>\n )}\n\n {/ Save-snippet modal */}\n {saveModalOpen && (\n <Modal title=\"Save snippet\" onClose={() => setSaveModalOpen(false)}>\n <div className=\"space-y-4\">\n <div>\n <label className=\"mb-1.5 block text-xs font-medium text-muted-foreground\">\n Snippet name\n </label>\n <input\n autoFocus\n value={snippetName}\n onChange={(e) => setSnippetName(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === \"Enter\") commitSnippet();\n }}\n placeholder=\"e.g. Active users this week\"\n className=\"w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground outline-none focus:border-primary focus:ring-1 focus:ring-primary\"\n />\n </div>\n <pre className=\"max-h-40 overflow-auto rounded-md border border-border bg-muted/50 p-3 font-mono text-[11px] text-foreground\">\n {value.trim()}\n </pre>\n <div className=\"flex justify-end gap-2\">\n <button\n type=\"button\"\n onClick={() => setSaveModalOpen(false)}\n className=\"inline-flex h-8 cursor-pointer items-center rounded-md border border-border bg-background px-3 text-xs font-medium text-foreground hover:bg-accent\"\n >\n Cancel\n </button>\n <button\n type=\"button\"\n onClick={commitSnippet}\n disabled={!snippetName.trim()}\n className=\"inline-flex h-8 cursor-pointer items-center rounded-md bg-primary px-3 text-xs font-semibold text-primary-foreground hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-50\"\n >\n Save\n </button>\n </div>\n </div>\n </Modal>\n )}\n </div>\n );\n}\n"]}

package/dist/client/db-admin/TableEditor.d.ts CHANGED Viewed

@@ -1,9 +1,11 @@
 import type { DbAdminDialect, DbAdminFilter } from "../../db-admin/types.js";
+import { type DbAdminRequestConfig } from "./useDbAdmin.js";
 export interface TableEditorProps {
     table: string;
     dialect: DbAdminDialect;
+    requestConfig?: DbAdminRequestConfig;
     initialFilters?: DbAdminFilter[];
     onNavigateToRow: (table: string, filters: DbAdminFilter[]) => void;
 }
-export declare function TableEditor({ table, dialect: _dialect, initialFilters, onNavigateToRow, }: TableEditorProps): import("react").JSX.Element;
+export declare function TableEditor({ table, dialect: _dialect, requestConfig, initialFilters, onNavigateToRow, }: TableEditorProps): import("react").JSX.Element;
 //# sourceMappingURL=TableEditor.d.ts.map

package/dist/client/db-admin/TableEditor.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableEditor.d.ts","sourceRoot":"","sources":["../../../src/client/db-admin/TableEditor.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EAId,MAAM,yBAAyB,CAAC;~~AAcjC~~,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,cAAc,CAAC;IACxB,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;IACjC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;CACpE;AAKD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EAAE,QAAQ,EACjB,cAAc,EACd,eAAe,GAChB,EAAE,gBAAgB,+BAqelB"}
1	+ {"version":3,"file":"TableEditor.d.ts","sourceRoot":"","sources":["../../../src/client/db-admin/TableEditor.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EAId,MAAM,yBAAyB,CAAC;AAYjC,OAAO,EAIL,KAAK,oBAAoB,EAC1B,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,cAAc,CAAC;IACxB,aAAa,CAAC,EAAE,oBAAoB,CAAC;IACrC,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;IACjC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;CACpE;AAKD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EAAE,QAAQ,EACjB,aAAa,EACb,cAAc,EACd,eAAe,GAChB,EAAE,gBAAgB,+BAqelB"}

package/dist/client/db-admin/TableEditor.js CHANGED Viewed

@@ -9,10 +9,10 @@ import { DataGrid } from "./DataGrid.js";
 import { FilterBar } from "./FilterBar.js";
 import { RowSidePanel } from "./RowSidePanel.js";
 import { loadGridState, saveGridState } from "./storage.js";
-import { useTableSchema, useTableRows, mutateTable } from "./useDbAdmin.js";
+import { useTableSchema, useTableRows, mutateTable, } from "./useDbAdmin.js";
 const DEFAULT_PAGE_SIZE = 100;
 const PAGE_SIZES = [25, 50, 100, 250, 500];
-export function TableEditor({ table, dialect: _dialect, initialFilters, onNavigateToRow, }) {
+export function TableEditor({ table, dialect: _dialect, requestConfig, initialFilters, onNavigateToRow, }) {
     // ─── Persisted view state ──────────────────────────────────────────────
     const persisted = useMemo(() => loadGridState(table), [table]);
     const [page, setPage] = useState(1);
@@ -39,9 +39,9 @@ export function TableEditor({ table, dialect: _dialect, initialFilters, onNaviga
         saveGridState(table, { columnWidths, sort, filters, pageSize });
     }, [table, columnWidths, sort, filters, pageSize]);
     // ─── Data ────────────────────────────────────────────────────────────────
-    const schemaState = useTableSchema(table);
+    const schemaState = useTableSchema(table, requestConfig);
     const rowsReq = useMemo(() => ({ page, pageSize, sort, filters }), [page, pageSize, sort, filters]);
-    const rowsState = useTableRows(table, rowsReq);
+    const rowsState = useTableRows(table, rowsReq, requestConfig);
     const schema = schemaState.data;
     const changeset = useChangeset(schema);
     // ─── Toolbar UI state ──────────────────────────────────────────────────
@@ -123,8 +123,8 @@ export function TableEditor({ table, dialect: _dialect, initialFilters, onNaviga
         if (!mutation.inserts && !mutation.updates && !mutation.deletes) {
             return null;
         }
-        return mutateTable(table, mutation);
-    }, [changeset, originalRows, table]);
+        return mutateTable(table, mutation, requestConfig);
+    }, [changeset, originalRows, requestConfig, table]);
     const handlePreview = useCallback(async () => {
         setCommitError(null);
         try {