@lunora/studio 1.0.0-alpha.37 → 1.0.0-alpha.39

package/dist/packem_chunks/vector-browser.js

@@ -7,7 +7,7 @@ import { E as EmptyState } from '../packem_shared/empty-state-DY_oe0k6.js';
 import { I as Input } from '../packem_shared/input-XH4r1Pt1.js';
 import { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from '../packem_shared/table-DsCa9Qp9.js';
 import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
-import { f as fireAndForget, e as errorMessage, h as formatCell } from '../packem_shared/internal-DTsYVn-g.js';
+import { f as fireAndForget, e as errorMessage, h as formatCell } from '../packem_shared/internal-CYcbqMjX.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
 const DEFAULT_TOP_K = 10;

package/dist/packem_chunks/workflows-panel.js

@@ -6,10 +6,10 @@ import { E as EmptyState } from '../packem_shared/empty-state-DY_oe0k6.js';
 import { I as Input } from '../packem_shared/input-XH4r1Pt1.js';
 import { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from '../packem_shared/table-DsCa9Qp9.js';
 import { T as Textarea } from '../packem_shared/textarea-D3gaCU_-.js';
-import { u as useAdminQuery } from '../packem_shared/use-admin-query-BHPKmPuj.js';
+import { u as useAdminQuery } from '../packem_shared/use-admin-query-CfHYWx5n.js';
 import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
 import { ADMIN_FUNCTIONS } from '../packem_shared/ADMIN_FUNCTIONS-BHHJi3Gb.js';
-import { f as fireAndForget, e as errorMessage, c as callOptions, a as adminRef } from '../packem_shared/internal-DTsYVn-g.js';
+import { f as fireAndForget, e as errorMessage, c as callOptions, a as adminRef } from '../packem_shared/internal-CYcbqMjX.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
 const STATUS_FILTERS = ["queued", "running", "paused", "waiting", "complete", "errored", "terminated"];

package/dist/packem_shared/{ApiDocsPanel-D4CJf2ad.js → ApiDocsPanel-CBma-lnp.js}

@@ -5,7 +5,7 @@ import { B as Button } from './button-BhsN2uZH.js';
 import { E as EmptyState } from './empty-state-DY_oe0k6.js';
 import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
 import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTIONS-BHHJi3Gb.js';
-import { c as callOptions, a as adminRef, g as copyToClipboard } from './internal-DTsYVn-g.js';
+import { c as callOptions, a as adminRef, g as copyToClipboard } from './internal-CYcbqMjX.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
 const LIST_TABLES = adminRef(ADMIN_FUNCTIONS.listTables);

package/dist/packem_shared/{ApiReferencePanel-Co_wpRF2.js → ApiReferencePanel-CQM3pPN7.js}

@@ -2,7 +2,7 @@ import { c } from 'react/compiler-runtime';
 import { useLunora } from '@lunora/react';
 import { E as EmptyState } from './empty-state-DY_oe0k6.js';
 import { S as Skeleton } from './skeleton-CGhL0p20.js';
-import { u as useAdminSpec, R as ReferenceView } from './reference-view-CSKyUyPl.js';
+import { u as useAdminSpec, R as ReferenceView } from './reference-view-DUiJcILV.js';
 import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 

package/dist/packem_shared/{CommandPalette-BUPpbpMc.js → CommandPalette-X2tkbyHk.js}

@@ -3,7 +3,7 @@ import { Dialog } from '@base-ui/react/dialog';
 import { useNavigate } from '@tanstack/react-router';
 import { useState, useRef, useEffect } from 'react';
 import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
-import { f as fireAndForget } from './internal-DTsYVn-g.js';
+import { f as fireAndForget } from './internal-CYcbqMjX.js';
 import { c as cn } from './utils-B05Dmz_H.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 

package/dist/packem_shared/{DataBrowser-BeVNxSVm.js → DataBrowser-D2ywrdId.js}

@@ -6,19 +6,19 @@ import { ShardInput } from './ShardInput-gx_DZXXn.js';
 import { E as EmptyState } from './empty-state-DY_oe0k6.js';
 import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
 import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTIONS-BHHJi3Gb.js';
-import { h as formatCell, f as fireAndForget, c as callOptions, a as adminRef, i as formatTimestamp } from './internal-DTsYVn-g.js';
+import { h as formatCell, f as fireAndForget, c as callOptions, a as adminRef, i as formatTimestamp } from './internal-CYcbqMjX.js';
 import { useReactTable, getSortedRowModel, getCoreRowModel, flexRender } from '@tanstack/react-table';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { C as Checkbox } from './checkbox-UNkzAxl-.js';
 import { c as cn } from './utils-B05Dmz_H.js';
 import { f as flooredRectObserver } from './virtual-rect-CVMUskSm.js';
-import { G as GridContainer, C as CellValue, T as TransposedTable } from './data-grid-Jz8FqQ2C.js';
+import { G as GridContainer, C as CellValue, T as TransposedTable } from './data-grid-CdXztApG.js';
 import { jsxDEV, Fragment } from 'react/jsx-dev-runtime';
-import { u as useFacets, T as TableListSidebar, G as GridPagination, D as DataFacets } from './table-list-sidebar-B5psdSV1.js';
+import { u as useFacets, T as TableListSidebar, G as GridPagination, D as DataFacets } from './table-list-sidebar-UVIXQJdU.js';
 import { toFilterClauses, DataFilters } from './DataFilters-FNquMaiu.js';
 import { M as ModalShell } from './modal-shell-hyaJvIJ6.js';
-import { G as GridActionsBar, C as CellDetailDialog } from './grid-features-CUr8Z1_O.js';
-import { u as useAdminQuery } from './use-admin-query-BHPKmPuj.js';
+import { G as GridActionsBar, C as CellDetailDialog } from './grid-features-BF-KBDFz.js';
+import { u as useAdminQuery } from './use-admin-query-CfHYWx5n.js';
 import useDebounced from './useDebounced-Dxncpg6z.js';
 import { r as recordShard, l as loadRecentShards } from './shard-history-DyebH1R5.js';
 

package/dist/packem_shared/{GlobalDataBrowser-ErfvIs1S.js → GlobalDataBrowser-BkTPLzAY.js}

@@ -2,12 +2,12 @@ import { useLunora } from '@lunora/react';
 import { useState, useRef, useCallback, useEffect } from 'react';
 import { E as EmptyState } from './empty-state-DY_oe0k6.js';
 import { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from './table-DsCa9Qp9.js';
-import { a as useClientQuery } from './use-admin-query-BHPKmPuj.js';
+import { a as useClientQuery } from './use-admin-query-CfHYWx5n.js';
 import { useAutoRefresh } from './DEFAULT_AUTO_REFRESH_MS-Vxwaxx51.js';
 import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
 import { C as CLOUDFLARE_D1_URL } from './cf-links-BZfRdxSE.js';
-import { u as useFacets, T as TableListSidebar, G as GridPagination, D as DataFacets } from './table-list-sidebar-B5psdSV1.js';
-import { G as GridContainer, C as CellValue } from './data-grid-Jz8FqQ2C.js';
+import { u as useFacets, T as TableListSidebar, G as GridPagination, D as DataFacets } from './table-list-sidebar-UVIXQJdU.js';
+import { G as GridContainer, C as CellValue } from './data-grid-CdXztApG.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
 const DEFAULT_PAGE_SIZE = 50;

package/dist/packem_shared/{HomePanel-D9MQk8I7.js → HomePanel-D1Q9LZgK.js}

@@ -4,11 +4,11 @@ import 'react';
 import './badge-B2PKA1-5.js';
 import './card-DURq3ElK.js';
 import './empty-state-DY_oe0k6.js';
-import './use-admin-query-BHPKmPuj.js';
+import './use-admin-query-CfHYWx5n.js';
 import './DEFAULT_LOCALE-CiX4W7Kr.js';
 import './ADMIN_FUNCTIONS-BHHJi3Gb.js';
-import './internal-DTsYVn-g.js';
+import './internal-CYcbqMjX.js';
 import './utils-B05Dmz_H.js';
 import './DEFAULT_INSIGHT_THRESHOLDS-DjF0h-gA.js';
-export { H as HomePanel } from './home-panel-CoGxi-oj.js';
+export { H as HomePanel } from './home-panel-TFcRf9Ui.js';
 import 'react/jsx-dev-runtime';

package/dist/packem_shared/{OpenRpcReferencePanel-DLWzrIx9.js → OpenRpcReferencePanel-Dno-hfDb.js}

@@ -2,7 +2,7 @@ import { c } from 'react/compiler-runtime';
 import { useLunora } from '@lunora/react';
 import { E as EmptyState } from './empty-state-DY_oe0k6.js';
 import { S as Skeleton } from './skeleton-CGhL0p20.js';
-import { u as useAdminSpec, R as ReferenceView } from './reference-view-CSKyUyPl.js';
+import { u as useAdminSpec, R as ReferenceView } from './reference-view-DUiJcILV.js';
 import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 

package/dist/packem_shared/{ScheduledJobs-ClaNpZsg.js → ScheduledJobs-Ctw4jYtU.js}

@@ -5,10 +5,10 @@ import { ConfirmButton } from './ConfirmButton-C2eVi2Qv.js';
 import { C as Card, a as CardContent } from './card-DURq3ElK.js';
 import { E as EmptyState } from './empty-state-DY_oe0k6.js';
 import { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from './table-DsCa9Qp9.js';
-import { a as useClientQuery } from './use-admin-query-BHPKmPuj.js';
+import { a as useClientQuery } from './use-admin-query-CfHYWx5n.js';
 import { useAutoRefresh } from './DEFAULT_AUTO_REFRESH_MS-Vxwaxx51.js';
 import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
-import { f as fireAndForget, i as formatTimestamp, e as errorMessage } from './internal-DTsYVn-g.js';
+import { f as fireAndForget, i as formatTimestamp, e as errorMessage } from './internal-CYcbqMjX.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
 const formatScheduledFor = (value) => Number.isFinite(value) ? formatTimestamp(value, "—") : "—";

package/dist/packem_shared/{Studio-C48P1K5W.js → Studio-lJhzDAze.js}

@@ -1,16 +1,16 @@
 import 'react/compiler-runtime';
 import '@tanstack/react-router';
 import 'react';
-export { S as Studio } from './studio-CPHA_-3I.js';
+export { S as Studio } from './studio-Dh9UlaF_.js';
 import './ErrorBoundary-BzAApI7J.js';
 import './badge-B2PKA1-5.js';
 import './input-XH4r1Pt1.js';
 import './skeleton-CGhL0p20.js';
-import './home-panel-CoGxi-oj.js';
+import './home-panel-TFcRf9Ui.js';
 import './DEFAULT_LOCALE-CiX4W7Kr.js';
 import './StudioI18nProvider-B-tDCZIi.js';
 import './data-view-params-Cd6yRVbv.js';
-import './internal-DTsYVn-g.js';
+import './internal-CYcbqMjX.js';
 import './utils-B05Dmz_H.js';
-import './CommandPalette-BUPpbpMc.js';
+import './CommandPalette-X2tkbyHk.js';
 import 'react/jsx-dev-runtime';

package/dist/packem_shared/{StudioApp-Cqh-SYm2.js → StudioApp-DiMkupvZ.js}

@@ -3,10 +3,11 @@ import { LunoraClient } from '@lunora/client';
 import { LunoraProvider } from '@lunora/react';
 import { useState, useEffect } from 'react';
 import { ErrorBoundary } from './ErrorBoundary-BzAApI7J.js';
-import { u as useTheme, B as BrandMark, T as ThemeProvider, a as TooltipProvider, S as Studio } from './studio-CPHA_-3I.js';
+import { u as useTheme, B as BrandMark, T as ThemeProvider, a as TooltipProvider, S as Studio } from './studio-Dh9UlaF_.js';
 import useDebounced from './useDebounced-Dxncpg6z.js';
 import { useT, createStudioI18n } from './DEFAULT_LOCALE-CiX4W7Kr.js';
 import { StudioI18nProvider } from './StudioI18nProvider-B-tDCZIi.js';
+import { r as resolveOrigin } from './internal-CYcbqMjX.js';
 import STUDIO_ROOT_CLASS from './STUDIO_ROOT_CLASS-D12gX2dV.js';
 import { c as cn } from './utils-B05Dmz_H.js';
 import { B as Button } from './button-BhsN2uZH.js';
@@ -312,16 +313,6 @@ const StudioLogin = (t0) => {
   return t5;
 };
 
-const resolveBaseUrl = (explicit) => {
-  if (explicit !== void 0 && explicit !== "") {
-    return explicit;
-  }
-  const loc = globalThis.location;
-  if (loc?.origin !== void 0 && loc.origin !== "") {
-    return loc.origin;
-  }
-  return "http://localhost:5173";
-};
 const StudioAppBody = (t0) => {
   const $ = c(23);
   const {
@@ -560,7 +551,7 @@ const StudioApp = (t0) => {
     let created;
     if ($[7] !== baseUrl || $[8] !== debouncedToken) {
       created = new LunoraClient({
-        url: resolveBaseUrl(baseUrl),
+        url: resolveOrigin(baseUrl),
         ...debouncedToken === "" ? {} : {
           wsToken: debouncedToken
         }

package/dist/packem_shared/{advisor-view-D3-U4kRR.js → advisor-view-BX8OhG0w.js}

@@ -1,5 +1,5 @@
 import { useState, useMemo } from 'react';
-import { E as ErrorAlert } from './error-alert-BBT6D22d.js';
+import { E as ErrorAlert } from './error-alert-CXjqyGw9.js';
 import { C as Card, a as CardContent } from './card-DURq3ElK.js';
 import { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from './table-DsCa9Qp9.js';
 import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';

package/dist/packem_shared/{browser-storage-tLOxkIHd.js → browser-storage-BTrX4y3B.js}

@@ -1,6 +1,6 @@
 import { c } from 'react/compiler-runtime';
 import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
-import { h as formatCell } from './internal-DTsYVn-g.js';
+import { h as formatCell } from './internal-CYcbqMjX.js';
 import { X as XAxis, B as Bar, T as Tooltip, E as EvilBarChart } from './bar-chart-DSwcWIRy.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 import { useState, useEffect } from 'react';
@@ -180,6 +180,36 @@ const usePersistedList = function(key) {
   }
   return t3;
 };
+const usePersistedValue = function(key, fallback) {
+  const $ = c(6);
+  const [list, setList] = usePersistedList(key);
+  let t0;
+  if ($[0] !== fallback || $[1] !== setList) {
+    t0 = (action) => {
+      setList((current) => {
+        const previous = current[0] ?? fallback;
+        return [typeof action === "function" ? action(previous) : action];
+      });
+    };
+    $[0] = fallback;
+    $[1] = setList;
+    $[2] = t0;
+  } else {
+    t0 = $[2];
+  }
+  const setValue = t0;
+  const t1 = list[0] ?? fallback;
+  let t2;
+  if ($[3] !== setValue || $[4] !== t1) {
+    t2 = [t1, setValue];
+    $[3] = setValue;
+    $[4] = t1;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  return t2;
+};
 const newId = (prefix) => globalThis.crypto?.randomUUID?.() ?? `${prefix}-${globalThis.performance.now().toString(36)}`;
 
-export { SqlResultChart as S, newId as n, usePersistedList as u };
+export { SqlResultChart as S, usePersistedValue as a, newId as n, usePersistedList as u };

package/dist/packem_shared/{data-grid-Jz8FqQ2C.js → data-grid-CdXztApG.js}

@@ -1,6 +1,6 @@
 import { c } from 'react/compiler-runtime';
 import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
-import { h as formatCell } from './internal-DTsYVn-g.js';
+import { h as formatCell } from './internal-CYcbqMjX.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
 const CellValue = (t0) => {

package/dist/packem_shared/{error-alert-BBT6D22d.js → error-alert-CXjqyGw9.js}

@@ -1,6 +1,6 @@
 import { c } from 'react/compiler-runtime';
 import { flattenHint } from '@lunora/errors';
-import { b as errorHint, d as errorDocumentationUrl, e as errorMessage } from './internal-DTsYVn-g.js';
+import { b as errorHint, d as errorDocumentationUrl, e as errorMessage } from './internal-CYcbqMjX.js';
 import { A as Alert } from './alert-CdAET2K_.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 

package/dist/packem_shared/{grid-features-CUr8Z1_O.js → grid-features-BF-KBDFz.js}

@@ -4,7 +4,7 @@ import { ConfirmButton } from './ConfirmButton-C2eVi2Qv.js';
 import { D as DropdownMenuTrigger, a as DropdownMenuLabel, b as DropdownMenuItem, c as DropdownMenuContent, d as DropdownMenu, e as DropdownMenuCheckboxItem, f as DropdownMenuSeparator, g as DropdownMenuGroup } from './dropdown-menu-WY4B_eJO.js';
 import { M as ModalShell } from './modal-shell-hyaJvIJ6.js';
 import { useT } from './DEFAULT_LOCALE-CiX4W7Kr.js';
-import { h as formatCell, f as fireAndForget } from './internal-DTsYVn-g.js';
+import { h as formatCell, g as copyToClipboard } from './internal-CYcbqMjX.js';
 import { jsxDEV } from 'react/jsx-dev-runtime';
 
 const CONTROL_BTN = "inline-flex items-center gap-1 rounded-md border border-border px-2.5 py-1 text-xs font-medium text-foreground outline-none transition-colors hover:bg-accent focus-visible:bg-accent disabled:pointer-events-none disabled:opacity-50";
@@ -29,6 +29,37 @@ const toCsv = (columns, rows) => {
   return [header, ...body].join("\n");
 };
 const toJson = (rows) => JSON.stringify(rows, null, 2);
+const SQL_INSERT_BATCH = 500;
+const sqlIdentifier = (name) => `"${name.replaceAll('"', '""')}"`;
+const sqlLiteral = (value) => {
+  if (value === null || value === void 0) {
+    return "NULL";
+  }
+  if (typeof value === "number") {
+    return Number.isFinite(value) ? String(value) : "NULL";
+  }
+  if (typeof value === "bigint") {
+    return String(value);
+  }
+  if (typeof value === "boolean") {
+    return value ? "1" : "0";
+  }
+  const text = typeof value === "string" ? value : JSON.stringify(value);
+  return `'${text.replaceAll("'", "''")}'`;
+};
+const toSql = (name, columns, rows) => {
+  if (columns.length === 0 || rows.length === 0) {
+    return "";
+  }
+  const columnList = columns.map((column) => sqlIdentifier(column)).join(", ");
+  const statements = [];
+  for (let start = 0; start < rows.length; start += SQL_INSERT_BATCH) {
+    const values = rows.slice(start, start + SQL_INSERT_BATCH).map((row) => `  (${columns.map((column) => sqlLiteral(row[column])).join(", ")})`).join(",\n");
+    statements.push(`INSERT INTO ${sqlIdentifier(name)} (${columnList}) VALUES
+${values};`);
+  }
+  return statements.join("\n\n");
+};
 const downloadFile = (filename, content, mime) => {
   if (!("document" in globalThis)) {
     return;
@@ -45,7 +76,7 @@ const downloadFile = (filename, content, mime) => {
   globalThis.URL.revokeObjectURL(url);
 };
 const ExportMenu = (t0) => {
-  const $ = c(26);
+  const $ = c(36);
   const {
     columns,
     name,
@@ -77,96 +108,131 @@ const ExportMenu = (t0) => {
     t2 = $[6];
   }
   const onJson = t2;
-  const t3 = rows.length === 0;
-  let t4;
-  if ($[7] !== t3) {
-    t4 = /* @__PURE__ */ jsxDEV(DropdownMenuTrigger, {
+  let t3;
+  if ($[7] !== columns || $[8] !== name || $[9] !== rows) {
+    t3 = () => {
+      downloadFile(`${name}.sql`, toSql(name, columns, rows), "application/sql;charset=utf-8");
+    };
+    $[7] = columns;
+    $[8] = name;
+    $[9] = rows;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  const onSql = t3;
+  const t4 = rows.length === 0;
+  let t5;
+  if ($[11] !== t4) {
+    t5 = /* @__PURE__ */ jsxDEV(DropdownMenuTrigger, {
       className: CONTROL_BTN,
       "data-testid": "grid-export",
-      disabled: t3,
+      disabled: t4,
       title: "Exports only the rows loaded on the current page, not the whole table",
       children: "Export page"
     }, void 0, false);
-    $[7] = t3;
-    $[8] = t4;
+    $[11] = t4;
+    $[12] = t5;
   } else {
-    t4 = $[8];
+    t5 = $[12];
   }
-  let t5;
-  if ($[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t5 = /* @__PURE__ */ jsxDEV(DropdownMenuLabel, {
+  let t6;
+  if ($[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t6 = /* @__PURE__ */ jsxDEV(DropdownMenuLabel, {
       children: "Export loaded rows"
     }, void 0, false);
-    $[9] = t5;
+    $[13] = t6;
   } else {
-    t5 = $[9];
+    t6 = $[13];
   }
-  let t6;
-  if ($[10] !== t) {
-    t6 = t("CSV");
-    $[10] = t;
-    $[11] = t6;
+  let t7;
+  if ($[14] !== t) {
+    t7 = t("CSV");
+    $[14] = t;
+    $[15] = t7;
   } else {
-    t6 = $[11];
+    t7 = $[15];
   }
-  let t7;
-  if ($[12] !== onCsv || $[13] !== t6) {
-    t7 = /* @__PURE__ */ jsxDEV(DropdownMenuItem, {
+  let t8;
+  if ($[16] !== onCsv || $[17] !== t7) {
+    t8 = /* @__PURE__ */ jsxDEV(DropdownMenuItem, {
       "data-testid": "grid-export-csv",
       onClick: onCsv,
-      children: t6
+      children: t7
     }, void 0, false);
-    $[12] = onCsv;
-    $[13] = t6;
-    $[14] = t7;
+    $[16] = onCsv;
+    $[17] = t7;
+    $[18] = t8;
   } else {
-    t7 = $[14];
+    t8 = $[18];
   }
-  let t8;
-  if ($[15] !== t) {
-    t8 = t("JSON");
-    $[15] = t;
-    $[16] = t8;
+  let t9;
+  if ($[19] !== t) {
+    t9 = t("JSON");
+    $[19] = t;
+    $[20] = t9;
   } else {
-    t8 = $[16];
+    t9 = $[20];
   }
-  let t9;
-  if ($[17] !== onJson || $[18] !== t8) {
-    t9 = /* @__PURE__ */ jsxDEV(DropdownMenuItem, {
+  let t10;
+  if ($[21] !== onJson || $[22] !== t9) {
+    t10 = /* @__PURE__ */ jsxDEV(DropdownMenuItem, {
       "data-testid": "grid-export-json",
       onClick: onJson,
-      children: t8
+      children: t9
     }, void 0, false);
-    $[17] = onJson;
-    $[18] = t8;
-    $[19] = t9;
+    $[21] = onJson;
+    $[22] = t9;
+    $[23] = t10;
   } else {
-    t9 = $[19];
+    t10 = $[23];
   }
-  let t10;
-  if ($[20] !== t7 || $[21] !== t9) {
-    t10 = /* @__PURE__ */ jsxDEV(DropdownMenuContent, {
+  let t11;
+  if ($[24] !== t) {
+    t11 = t("SQL");
+    $[24] = t;
+    $[25] = t11;
+  } else {
+    t11 = $[25];
+  }
+  let t12;
+  if ($[26] !== onSql || $[27] !== t11) {
+    t12 = /* @__PURE__ */ jsxDEV(DropdownMenuItem, {
+      "data-testid": "grid-export-sql",
+      onClick: onSql,
+      children: t11
+    }, void 0, false);
+    $[26] = onSql;
+    $[27] = t11;
+    $[28] = t12;
+  } else {
+    t12 = $[28];
+  }
+  let t13;
+  if ($[29] !== t10 || $[30] !== t12 || $[31] !== t8) {
+    t13 = /* @__PURE__ */ jsxDEV(DropdownMenuContent, {
       align: "end",
-      children: [t5, t7, t9]
+      children: [t6, t8, t10, t12]
     }, void 0, true);
-    $[20] = t7;
-    $[21] = t9;
-    $[22] = t10;
+    $[29] = t10;
+    $[30] = t12;
+    $[31] = t8;
+    $[32] = t13;
   } else {
-    t10 = $[22];
+    t13 = $[32];
   }
-  let t11;
-  if ($[23] !== t10 || $[24] !== t4) {
-    t11 = /* @__PURE__ */ jsxDEV(DropdownMenu, {
-      children: [t4, t10]
+  let t14;
+  if ($[33] !== t13 || $[34] !== t5) {
+    t14 = /* @__PURE__ */ jsxDEV(DropdownMenu, {
+      children: [t5, t13]
     }, void 0, true);
-    $[23] = t10;
-    $[24] = t4;
-    $[25] = t11;
+    $[33] = t13;
+    $[34] = t5;
+    $[35] = t14;
   } else {
-    t11 = $[25];
+    t14 = $[35];
   }
-  return t11;
+  return t14;
 };
 const ColumnToggle = (t0) => {
   const $ = c(9);
@@ -458,12 +524,9 @@ const CellDetailDialog = (t0) => {
   let t2;
   if ($[2] !== text) {
     t2 = () => {
-      const clipboard = "navigator" in globalThis ? globalThis.navigator.clipboard : void 0;
-      if (clipboard === void 0) {
-        return;
+      if (copyToClipboard(text)) {
+        setCopied(true);
       }
-      fireAndForget(clipboard.writeText(text));
-      setCopied(true);
     };
     $[2] = text;
     $[3] = t2;