@lunora/studio 1.0.0-alpha.29 → 1.0.0-alpha.290

package/dist/packem_shared/DataBrowser-DBKOIVKS.js

@@ -1,4492 +0,0 @@
-import { c } from 'react/compiler-runtime';
-import { useLunora } from '@lunora/react';
-import { useState, useRef, useEffect, useMemo, useCallback } from 'react';
-import { ConfirmButton } from './ConfirmButton-C2eVi2Qv.js';
-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-CdaxLGkE.js';
-import { g as formatCell, f as fireAndForget, c as callOptions, a as adminRef, b as formatTimestamp } from './internal-CvMZCVd6.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-CrapHxR-.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-BbSgfLJ2.js';
-import { toFilterClauses, DataFilters } from './DataFilters-FNquMaiu.js';
-import { M as ModalShell, G as GridActionsBar, C as CellDetailDialog } from './grid-features-DnTbXXNb.js';
-import { u as useAdminQuery } from './use-admin-query-CFl5GUg_.js';
-import useDebounced from './useDebounced-Dxncpg6z.js';
-import { r as recordShard, l as loadRecentShards } from './shard-history-DyebH1R5.js';
-
-const CAMEL_BOUNDARY_RE = /([a-z\d])([A-Z])/gu;
-const WORD_SEPARATOR_RE = /[\s_-]+/u;
-const SENSITIVE_COLUMN_NAMES = /* @__PURE__ */ new Set(["access_token", "api_key", "apikey", "card_number", "client_secret", "credit_card", "cvv", "passwd", "password", "private_key", "pwd", "refresh_token", "secret", "ssn", "token"]);
-const tokenize = (name) => {
-  const segments = name.replaceAll(CAMEL_BOUNDARY_RE, "$1 $2").split(WORD_SEPARATOR_RE).map((part) => part.toLowerCase()).filter((part) => part.length > 0);
-  const tokens = new Set(segments);
-  for (let index = 0; index < segments.length - 1; index += 1) {
-    const current = segments[index];
-    const next = segments[index + 1];
-    if (current === void 0 || next === void 0) {
-      continue;
-    }
-    tokens.add(`${current}${next}`);
-    tokens.add(`${current}_${next}`);
-  }
-  return [...tokens];
-};
-const CUSTOM_MASK_SENTINEL = "•••";
-const fnv1aHex = (input) => {
-  let hash = 2166136261;
-  for (let index = 0; index < input.length; index += 1) {
-    hash ^= input.codePointAt(index) ?? 0;
-    hash = Math.imul(hash, 16777619);
-  }
-  return (hash >>> 0).toString(16).padStart(8, "0");
-};
-const maskValue = (value, strategy) => {
-  try {
-    if (strategy === "redact") {
-      return null;
-    }
-    if (strategy === "hash") {
-      if (value === null || value === void 0) {
-        return value;
-      }
-      return fnv1aHex(typeof value === "string" ? value : JSON.stringify(value));
-    }
-    return CUSTOM_MASK_SENTINEL;
-  } catch {
-    return CUSTOM_MASK_SENTINEL;
-  }
-};
-const maskColumnsForTable = (columns, table) => {
-  const map = /* @__PURE__ */ new Map();
-  for (const entry of columns) {
-    if (entry.table === table) {
-      map.set(entry.column, entry.strategy);
-    }
-  }
-  return map;
-};
-const isSensitiveColumnName = (name) => {
-  for (const token of tokenize(name)) {
-    if (SENSITIVE_COLUMN_NAMES.has(token)) {
-      return true;
-    }
-  }
-  return false;
-};
-const mergeSensitiveColumns = (explicit, columnNames) => {
-  const heuristic = columnNames.filter((column) => !explicit.has(column) && isSensitiveColumnName(column));
-  if (heuristic.length === 0) {
-    return explicit;
-  }
-  const merged = new Map(explicit);
-  for (const column of heuristic) {
-    merged.set(column, "redact");
-  }
-  return merged;
-};
-const maskCell = (value, column, view) => {
-  if (!view.enabled) {
-    return value;
-  }
-  const strategy = view.columns.get(column);
-  return strategy === void 0 ? value : maskValue(value, strategy);
-};
-const maskRows = (rows, view) => {
-  if (!view.enabled || view.columns.size === 0) {
-    return rows;
-  }
-  return rows.map((row) => {
-    const masked = {
-      ...row
-    };
-    for (const [column, strategy] of view.columns) {
-      if (column in masked) {
-        masked[column] = maskValue(masked[column], strategy);
-      }
-    }
-    return masked;
-  });
-};
-
-const useStagedEdits = () => {
-  const $ = c(11);
-  let t0;
-  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t0 = {};
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  const [staged, setStaged] = useState(t0);
-  let t1;
-  if ($[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = (rowId, column, value) => {
-      setStaged((previous) => ({
-        ...previous,
-        [rowId]: {
-          ...previous[rowId],
-          [column]: value
-        }
-      }));
-    };
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const stage = t1;
-  let t2;
-  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t2 = () => {
-      setStaged({});
-    };
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  const clear = t2;
-  let t3;
-  if ($[3] !== staged) {
-    t3 = (rowId_0, column_0) => {
-      const row = staged[rowId_0];
-      return row !== void 0 && column_0 in row ? {
-        value: row[column_0]
-      } : void 0;
-    };
-    $[3] = staged;
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  const stagedValue = t3;
-  let t4;
-  if ($[5] !== staged) {
-    t4 = Object.values(staged).reduce(_temp$1, 0);
-    $[5] = staged;
-    $[6] = t4;
-  } else {
-    t4 = $[6];
-  }
-  const count = t4;
-  let t5;
-  if ($[7] !== count || $[8] !== staged || $[9] !== stagedValue) {
-    t5 = {
-      clear,
-      count,
-      stage,
-      staged,
-      stagedValue
-    };
-    $[7] = count;
-    $[8] = staged;
-    $[9] = stagedValue;
-    $[10] = t5;
-  } else {
-    t5 = $[10];
-  }
-  return t5;
-};
-const coerceCellValue = (raw, original) => {
-  if (typeof original === "number") {
-    const parsed = Number(raw);
-    return raw.trim() === "" || Number.isNaN(parsed) ? raw : parsed;
-  }
-  if (typeof original === "boolean") {
-    if (raw === "true") {
-      return true;
-    }
-    if (raw === "false") {
-      return false;
-    }
-  }
-  return raw;
-};
-const StagedDiffPanel = (t0) => {
-  const $ = c(29);
-  const {
-    changes,
-    committing,
-    onCommit,
-    onDiscard
-  } = t0;
-  const t = useT();
-  let t1;
-  if ($[0] !== changes.length || $[1] !== t) {
-    t1 = t("{count} pending changes", {
-      count: changes.length
-    });
-    $[0] = changes.length;
-    $[1] = t;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  let t2;
-  if ($[3] !== t1) {
-    t2 = /* @__PURE__ */ jsxDEV("span", {
-      className: "font-mono text-[11px] tracking-wide uppercase text-warning",
-      "data-testid": "db-staged-count",
-      children: t1
-    }, void 0, false);
-    $[3] = t1;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  let t3;
-  if ($[5] !== committing || $[6] !== t) {
-    t3 = committing ? t("Committing…") : t("Commit");
-    $[5] = committing;
-    $[6] = t;
-    $[7] = t3;
-  } else {
-    t3 = $[7];
-  }
-  let t4;
-  if ($[8] !== committing || $[9] !== onCommit || $[10] !== t3) {
-    t4 = /* @__PURE__ */ jsxDEV("button", {
-      className: "ms-auto rounded-md bg-primary px-2.5 py-1 text-xs font-medium text-primary-foreground outline-none transition-colors hover:bg-primary/90 focus-visible:bg-primary/90 disabled:pointer-events-none disabled:opacity-50",
-      "data-testid": "db-staged-commit",
-      disabled: committing,
-      onClick: onCommit,
-      type: "button",
-      children: t3
-    }, void 0, false);
-    $[8] = committing;
-    $[9] = onCommit;
-    $[10] = t3;
-    $[11] = t4;
-  } else {
-    t4 = $[11];
-  }
-  let t5;
-  if ($[12] !== t) {
-    t5 = t("Discard");
-    $[12] = t;
-    $[13] = t5;
-  } else {
-    t5 = $[13];
-  }
-  let t6;
-  if ($[14] !== committing || $[15] !== onDiscard || $[16] !== t5) {
-    t6 = /* @__PURE__ */ jsxDEV("button", {
-      className: "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",
-      "data-testid": "db-staged-discard",
-      disabled: committing,
-      onClick: onDiscard,
-      type: "button",
-      children: t5
-    }, void 0, false);
-    $[14] = committing;
-    $[15] = onDiscard;
-    $[16] = t5;
-    $[17] = t6;
-  } else {
-    t6 = $[17];
-  }
-  let t7;
-  if ($[18] !== t2 || $[19] !== t4 || $[20] !== t6) {
-    t7 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-wrap items-center gap-2",
-      children: [t2, t4, t6]
-    }, void 0, true);
-    $[18] = t2;
-    $[19] = t4;
-    $[20] = t6;
-    $[21] = t7;
-  } else {
-    t7 = $[21];
-  }
-  let t8;
-  if ($[22] !== changes) {
-    t8 = changes.map(_temp2);
-    $[22] = changes;
-    $[23] = t8;
-  } else {
-    t8 = $[23];
-  }
-  let t9;
-  if ($[24] !== t8) {
-    t9 = /* @__PURE__ */ jsxDEV("ul", {
-      className: "flex flex-col gap-1",
-      "data-testid": "db-staged-list",
-      children: t8
-    }, void 0, false);
-    $[24] = t8;
-    $[25] = t9;
-  } else {
-    t9 = $[25];
-  }
-  let t10;
-  if ($[26] !== t7 || $[27] !== t9) {
-    t10 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-col gap-2 border border-warning/40 bg-warning/5 p-3",
-      "data-testid": "db-staged",
-      children: [t7, t9]
-    }, void 0, true);
-    $[26] = t7;
-    $[27] = t9;
-    $[28] = t10;
-  } else {
-    t10 = $[28];
-  }
-  return t10;
-};
-function _temp$1(sum, columns) {
-  return sum + Object.keys(columns).length;
-}
-function _temp2(change) {
-  return /* @__PURE__ */ jsxDEV("li", {
-    className: "flex flex-wrap items-center gap-2 font-mono text-xs",
-    children: [/* @__PURE__ */ jsxDEV("span", {
-      className: "text-muted-foreground",
-      children: [change.rowId, ".", change.column]
-    }, void 0, true), /* @__PURE__ */ jsxDEV("span", {
-      className: "text-destructive line-through",
-      children: formatCell(change.oldValue)
-    }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
-      "aria-hidden": "true",
-      className: "text-muted-foreground",
-      children: "→"
-    }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
-      className: "text-foreground",
-      children: formatCell(change.newValue)
-    }, void 0, false)]
-  }, `${change.rowId}:${change.column}`, true);
-}
-
-const SCROLL_HEIGHT = 400;
-const ROW_HEIGHT = 36;
-const SCROLL_STYLE = {
-  flex: "1 1 0%",
-  minHeight: 0,
-  overflow: "auto",
-  position: "relative"
-};
-const ROWS_STYLE = {
-  width: "100%"
-};
-const ROW_BASE_STYLE = {
-  alignItems: "center",
-  display: "flex",
-  left: 0,
-  position: "absolute",
-  top: 0,
-  width: "100%"
-};
-const HEAD_ROW_STYLE = {
-  display: "flex",
-  width: "100%"
-};
-const ACTION_CELL_STYLE = {
-  flex: "0 0 8.5rem",
-  padding: "0.375rem 0.75rem"
-};
-const PINNED_DATA_LEFT = "2.5rem";
-const SELECT_CELL_STYLE = {
-  alignItems: "center",
-  display: "flex",
-  flex: "0 0 2.5rem",
-  justifyContent: "center",
-  left: 0,
-  padding: "0.375rem 0",
-  position: "sticky",
-  zIndex: 2
-};
-const sizedCellStyle = (width) => {
-  return {
-    flex: "0 0 auto",
-    overflow: "hidden",
-    padding: "0.375rem 0.75rem",
-    position: "relative",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap",
-    width: `${width.toString()}px`
-  };
-};
-const pinnedDataCellStyle = (width) => {
-  return {
-    ...sizedCellStyle(width),
-    left: PINNED_DATA_LEFT,
-    position: "sticky",
-    zIndex: 2
-  };
-};
-const ROW_BTN = "rounded-md px-2 py-0.5 text-xs font-medium text-muted-foreground outline-none transition-colors hover:bg-accent hover:text-foreground focus-visible:bg-accent disabled:pointer-events-none disabled:opacity-50";
-const rowId = (row) => {
-  for (const key of ["id", "__id__", "_id"]) {
-    const value = row[key];
-    if (typeof value === "string" || typeof value === "number") {
-      return String(value);
-    }
-  }
-  return null;
-};
-const rowKey = (row, index) => rowId(row) ?? `row-${index.toString()}`;
-const PREVIEW_FIELD_LIMIT = 8;
-const RefPreviewCard = (t0) => {
-  const $ = c(16);
-  const {
-    anchor,
-    state
-  } = t0;
-  const t = useT();
-  let t1;
-  if ($[0] !== anchor.left || $[1] !== anchor.top) {
-    t1 = {
-      left: anchor.left,
-      position: "fixed",
-      top: anchor.top,
-      zIndex: 50
-    };
-    $[0] = anchor.left;
-    $[1] = anchor.top;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const style = t1;
-  let body;
-  if (state === "loading") {
-    let t22;
-    if ($[3] !== t) {
-      t22 = t("Loading…");
-      $[3] = t;
-      $[4] = t22;
-    } else {
-      t22 = $[4];
-    }
-    let t3;
-    if ($[5] !== t22) {
-      t3 = /* @__PURE__ */ jsxDEV("p", {
-        className: "px-3 py-2 text-xs text-muted-foreground",
-        children: t22
-      }, void 0, false);
-      $[5] = t22;
-      $[6] = t3;
-    } else {
-      t3 = $[6];
-    }
-    body = t3;
-  } else {
-    if (state.row === null) {
-      let t22;
-      if ($[7] !== t) {
-        t22 = t("No matching row.");
-        $[7] = t;
-        $[8] = t22;
-      } else {
-        t22 = $[8];
-      }
-      let t3;
-      if ($[9] !== t22) {
-        t3 = /* @__PURE__ */ jsxDEV("p", {
-          className: "px-3 py-2 text-xs text-muted-foreground",
-          children: t22
-        }, void 0, false);
-        $[9] = t22;
-        $[10] = t3;
-      } else {
-        t3 = $[10];
-      }
-      body = t3;
-    } else {
-      let t22;
-      if ($[11] !== state.row) {
-        const entries = Object.entries(state.row).slice(0, PREVIEW_FIELD_LIMIT);
-        t22 = /* @__PURE__ */ jsxDEV("dl", {
-          className: "grid grid-cols-[auto_1fr] gap-x-3 gap-y-1 px-3 py-2",
-          children: entries.map(_temp)
-        }, void 0, false);
-        $[11] = state.row;
-        $[12] = t22;
-      } else {
-        t22 = $[12];
-      }
-      body = t22;
-    }
-  }
-  let t2;
-  if ($[13] !== body || $[14] !== style) {
-    t2 = /* @__PURE__ */ jsxDEV("div", {
-      className: "pointer-events-none w-72 overflow-hidden rounded-md border border-border bg-popover text-popover-foreground",
-      "data-testid": "db-ref-preview",
-      role: "tooltip",
-      style,
-      children: body
-    }, void 0, false);
-    $[13] = body;
-    $[14] = style;
-    $[15] = t2;
-  } else {
-    t2 = $[15];
-  }
-  return t2;
-};
-const RefCell = (t0) => {
-  const $ = c(22);
-  const {
-    column,
-    id,
-    onNavigate,
-    onPreview,
-    target
-  } = t0;
-  const [anchor, setAnchor] = useState(null);
-  const [preview, setPreview] = useState("idle");
-  let t1;
-  if ($[0] !== id || $[1] !== onNavigate || $[2] !== target) {
-    t1 = () => {
-      onNavigate(target, id);
-    };
-    $[0] = id;
-    $[1] = onNavigate;
-    $[2] = target;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  const onClick = t1;
-  let t2;
-  if ($[4] !== id || $[5] !== onPreview || $[6] !== preview || $[7] !== target) {
-    t2 = (event) => {
-      const rect = event.currentTarget.getBoundingClientRect();
-      setAnchor({
-        left: rect.left,
-        top: rect.bottom + 4
-      });
-      if (preview !== "idle") {
-        return;
-      }
-      setPreview("loading");
-      const load = async () => {
-        try {
-          setPreview({
-            row: await onPreview(target, id)
-          });
-        } catch {
-          setPreview({
-            row: null
-          });
-        }
-      };
-      fireAndForget(load());
-    };
-    $[4] = id;
-    $[5] = onPreview;
-    $[6] = preview;
-    $[7] = target;
-    $[8] = t2;
-  } else {
-    t2 = $[8];
-  }
-  const onOpen = t2;
-  let t3;
-  if ($[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t3 = () => {
-      setAnchor(null);
-    };
-    $[9] = t3;
-  } else {
-    t3 = $[9];
-  }
-  const onCloseHover = t3;
-  const t4 = `db-ref-${column}`;
-  const t5 = `Open ${target} ${id}`;
-  let t6;
-  if ($[10] !== id || $[11] !== onClick || $[12] !== onOpen || $[13] !== t4 || $[14] !== t5) {
-    t6 = /* @__PURE__ */ jsxDEV("button", {
-      "data-testid": t4,
-      onBlur: onCloseHover,
-      onClick,
-      onFocus: onOpen,
-      onMouseEnter: onOpen,
-      onMouseLeave: onCloseHover,
-      title: t5,
-      type: "button",
-      children: [id, " ↗"]
-    }, void 0, true);
-    $[10] = id;
-    $[11] = onClick;
-    $[12] = onOpen;
-    $[13] = t4;
-    $[14] = t5;
-    $[15] = t6;
-  } else {
-    t6 = $[15];
-  }
-  let t7;
-  if ($[16] !== anchor || $[17] !== preview) {
-    t7 = anchor !== null && preview !== "idle" && /* @__PURE__ */ jsxDEV(RefPreviewCard, {
-      anchor,
-      state: preview
-    }, void 0, false);
-    $[16] = anchor;
-    $[17] = preview;
-    $[18] = t7;
-  } else {
-    t7 = $[18];
-  }
-  let t8;
-  if ($[19] !== t6 || $[20] !== t7) {
-    t8 = /* @__PURE__ */ jsxDEV(Fragment, {
-      children: [t6, t7]
-    }, void 0, true);
-    $[19] = t6;
-    $[20] = t7;
-    $[21] = t8;
-  } else {
-    t8 = $[21];
-  }
-  return t8;
-};
-const sortIndicator = (sorted) => {
-  if (sorted === "asc") {
-    return " ▲";
-  }
-  if (sorted === "desc") {
-    return " ▼";
-  }
-  return "";
-};
-const EXPAND_BTN = "absolute end-1 top-1/2 hidden -translate-y-1/2 items-center justify-center rounded text-muted-foreground outline-none group-hover/cell:flex hover:text-foreground focus-visible:flex";
-const CellExpandButton = (t0) => {
-  const $ = c(8);
-  const {
-    column,
-    onExpand,
-    value
-  } = t0;
-  let t1;
-  if ($[0] !== column || $[1] !== onExpand || $[2] !== value) {
-    t1 = () => {
-      onExpand(column, value);
-    };
-    $[0] = column;
-    $[1] = onExpand;
-    $[2] = value;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  const onClick = t1;
-  const t2 = `db-expand-${column}`;
-  let t3;
-  if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t3 = /* @__PURE__ */ jsxDEV("svg", {
-      "aria-hidden": "true",
-      className: "size-3",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.8,
-      viewBox: "0 0 24 24",
-      children: /* @__PURE__ */ jsxDEV("path", {
-        d: "M9 21H5a2 2 0 0 1-2-2v-4m18 0v4a2 2 0 0 1-2 2h-4M3 9V5a2 2 0 0 1 2-2h4m6 0h4a2 2 0 0 1 2 2v4"
-      }, void 0, false)
-    }, void 0, false);
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  let t4;
-  if ($[5] !== onClick || $[6] !== t2) {
-    t4 = /* @__PURE__ */ jsxDEV("button", {
-      "aria-label": "Expand cell",
-      className: EXPAND_BTN,
-      "data-testid": t2,
-      onClick,
-      type: "button",
-      children: t3
-    }, void 0, false);
-    $[5] = onClick;
-    $[6] = t2;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  return t4;
-};
-const CellEditor = (t0) => {
-  const $ = c(14);
-  const {
-    column,
-    initial,
-    onCancel,
-    onCommit,
-    recordId
-  } = t0;
-  const ref = useRef(null);
-  let t1;
-  let t2;
-  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = () => {
-      ref.current?.select();
-    };
-    t2 = [];
-    $[0] = t1;
-    $[1] = t2;
-  } else {
-    t1 = $[0];
-    t2 = $[1];
-  }
-  useEffect(t1, t2);
-  let t3;
-  if ($[2] !== onCancel || $[3] !== onCommit) {
-    t3 = (event) => {
-      if (event.key === "Enter") {
-        event.preventDefault();
-        onCommit(event.currentTarget.value);
-      } else {
-        if (event.key === "Escape") {
-          event.preventDefault();
-          onCancel();
-        }
-      }
-    };
-    $[2] = onCancel;
-    $[3] = onCommit;
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  const onKeyDown = t3;
-  let t4;
-  if ($[5] !== onCommit) {
-    t4 = (event_0) => {
-      onCommit(event_0.currentTarget.value);
-    };
-    $[5] = onCommit;
-    $[6] = t4;
-  } else {
-    t4 = $[6];
-  }
-  const onBlur = t4;
-  const t5 = `db-cell-input-${recordId}-${column}`;
-  let t6;
-  if ($[7] !== initial) {
-    t6 = formatCell(initial);
-    $[7] = initial;
-    $[8] = t6;
-  } else {
-    t6 = $[8];
-  }
-  let t7;
-  if ($[9] !== onBlur || $[10] !== onKeyDown || $[11] !== t5 || $[12] !== t6) {
-    t7 = /* @__PURE__ */ jsxDEV("input", {
-      className: "w-full rounded border border-ring bg-background px-1 py-0.5 font-mono text-xs outline-none",
-      "data-testid": t5,
-      defaultValue: t6,
-      onBlur,
-      onKeyDown,
-      ref
-    }, void 0, false);
-    $[9] = onBlur;
-    $[10] = onKeyDown;
-    $[11] = t5;
-    $[12] = t6;
-    $[13] = t7;
-  } else {
-    t7 = $[13];
-  }
-  return t7;
-};
-const EditableCell = (t0) => {
-  const $ = c(63);
-  const {
-    cell,
-    edit,
-    mask,
-    refs
-  } = t0;
-  const column = cell.column.id;
-  let id;
-  let rawValue;
-  let t1;
-  let t2;
-  if ($[0] !== cell || $[1] !== column || $[2] !== edit || $[3] !== mask || $[4] !== refs.columns || $[5] !== refs.onNavigate || $[6] !== refs.onPreview) {
-    t2 = /* @__PURE__ */ Symbol.for("react.early_return_sentinel");
-    bb0: {
-      rawValue = cell.getValue();
-      id = rowId(cell.row.original);
-      const target = refs.columns?.[column];
-      if (mask.enabled && mask.columns.has(column)) {
-        const t32 = `db-masked-${column}`;
-        const t42 = /* @__PURE__ */ jsxDEV(CellValue, {
-          value: maskCell(rawValue, column, mask)
-        }, void 0, false);
-        let t52;
-        if ($[11] !== t32 || $[12] !== t42) {
-          t52 = /* @__PURE__ */ jsxDEV("span", {
-            className: "text-muted-foreground italic",
-            "data-testid": t32,
-            title: "Masked (preview)",
-            children: t42
-          }, void 0, false);
-          $[11] = t32;
-          $[12] = t42;
-          $[13] = t52;
-        } else {
-          t52 = $[13];
-        }
-        t2 = t52;
-        break bb0;
-      }
-      if (target !== void 0 && (typeof rawValue === "string" || typeof rawValue === "number") && String(rawValue) !== "") {
-        const t32 = String(rawValue);
-        const t42 = `${target}:${String(rawValue)}`;
-        let t52;
-        if ($[14] !== column || $[15] !== refs.onNavigate || $[16] !== refs.onPreview || $[17] !== t32 || $[18] !== t42 || $[19] !== target) {
-          t52 = /* @__PURE__ */ jsxDEV(RefCell, {
-            column,
-            id: t32,
-            onNavigate: refs.onNavigate,
-            onPreview: refs.onPreview,
-            target
-          }, t42, false);
-          $[14] = column;
-          $[15] = refs.onNavigate;
-          $[16] = refs.onPreview;
-          $[17] = t32;
-          $[18] = t42;
-          $[19] = target;
-          $[20] = t52;
-        } else {
-          t52 = $[20];
-        }
-        t2 = t52;
-        break bb0;
-      }
-      if (id === null) {
-        let t32;
-        if ($[21] !== rawValue) {
-          t32 = /* @__PURE__ */ jsxDEV(CellValue, {
-            value: rawValue
-          }, void 0, false);
-          $[21] = rawValue;
-          $[22] = t32;
-        } else {
-          t32 = $[22];
-        }
-        let t42;
-        if ($[23] !== column || $[24] !== edit.onExpandCell || $[25] !== rawValue) {
-          t42 = /* @__PURE__ */ jsxDEV(CellExpandButton, {
-            column,
-            onExpand: edit.onExpandCell,
-            value: rawValue
-          }, void 0, false);
-          $[23] = column;
-          $[24] = edit.onExpandCell;
-          $[25] = rawValue;
-          $[26] = t42;
-        } else {
-          t42 = $[26];
-        }
-        let t52;
-        if ($[27] !== t32 || $[28] !== t42) {
-          t52 = /* @__PURE__ */ jsxDEV(Fragment, {
-            children: [t32, t42]
-          }, void 0, true);
-          $[27] = t32;
-          $[28] = t42;
-          $[29] = t52;
-        } else {
-          t52 = $[29];
-        }
-        t2 = t52;
-        break bb0;
-      }
-      t1 = edit.stagedValue(id, column);
-    }
-    $[0] = cell;
-    $[1] = column;
-    $[2] = edit;
-    $[3] = mask;
-    $[4] = refs.columns;
-    $[5] = refs.onNavigate;
-    $[6] = refs.onPreview;
-    $[7] = id;
-    $[8] = rawValue;
-    $[9] = t1;
-    $[10] = t2;
-  } else {
-    id = $[7];
-    rawValue = $[8];
-    t1 = $[9];
-    t2 = $[10];
-  }
-  if (t2 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel")) {
-    return t2;
-  }
-  const staged = t1;
-  const display = staged === void 0 ? rawValue : staged.value;
-  let t3;
-  if ($[30] !== column || $[31] !== edit) {
-    t3 = edit.editable && edit.editableColumn(column);
-    $[30] = column;
-    $[31] = edit;
-    $[32] = t3;
-  } else {
-    t3 = $[32];
-  }
-  const canEdit = t3;
-  const isEditing = edit.editingCell !== null && edit.editingCell.rowId === id && edit.editingCell.column === column;
-  if (isEditing) {
-    let t42;
-    if ($[33] !== column || $[34] !== edit || $[35] !== id || $[36] !== rawValue) {
-      t42 = (raw) => {
-        edit.stage(id, column, coerceCellValue(raw, rawValue));
-        edit.cancelEdit();
-      };
-      $[33] = column;
-      $[34] = edit;
-      $[35] = id;
-      $[36] = rawValue;
-      $[37] = t42;
-    } else {
-      t42 = $[37];
-    }
-    let t52;
-    if ($[38] !== column || $[39] !== display || $[40] !== edit.cancelEdit || $[41] !== id || $[42] !== t42) {
-      t52 = /* @__PURE__ */ jsxDEV(CellEditor, {
-        column,
-        initial: display,
-        onCancel: edit.cancelEdit,
-        onCommit: t42,
-        recordId: id
-      }, void 0, false);
-      $[38] = column;
-      $[39] = display;
-      $[40] = edit.cancelEdit;
-      $[41] = id;
-      $[42] = t42;
-      $[43] = t52;
-    } else {
-      t52 = $[43];
-    }
-    return t52;
-  }
-  let cellClass;
-  if (staged !== void 0) {
-    cellClass = "rounded bg-warning/15 px-1";
-  } else {
-    if (canEdit) {
-      cellClass = "cursor-text";
-    }
-  }
-  let t4;
-  if ($[44] !== canEdit || $[45] !== column || $[46] !== edit || $[47] !== id) {
-    t4 = canEdit ? () => {
-      edit.startEdit(id, column);
-    } : void 0;
-    $[44] = canEdit;
-    $[45] = column;
-    $[46] = edit;
-    $[47] = id;
-    $[48] = t4;
-  } else {
-    t4 = $[48];
-  }
-  const onDoubleClick = t4;
-  const t5 = `db-cell-${id}-${column}`;
-  let t6;
-  if ($[49] !== display) {
-    t6 = /* @__PURE__ */ jsxDEV(CellValue, {
-      value: display
-    }, void 0, false);
-    $[49] = display;
-    $[50] = t6;
-  } else {
-    t6 = $[50];
-  }
-  let t7;
-  if ($[51] !== cellClass || $[52] !== onDoubleClick || $[53] !== t5 || $[54] !== t6) {
-    t7 = /* @__PURE__ */ jsxDEV("span", {
-      className: cellClass,
-      "data-testid": t5,
-      onDoubleClick,
-      children: t6
-    }, void 0, false);
-    $[51] = cellClass;
-    $[52] = onDoubleClick;
-    $[53] = t5;
-    $[54] = t6;
-    $[55] = t7;
-  } else {
-    t7 = $[55];
-  }
-  let t8;
-  if ($[56] !== column || $[57] !== display || $[58] !== edit.onExpandCell) {
-    t8 = /* @__PURE__ */ jsxDEV(CellExpandButton, {
-      column,
-      onExpand: edit.onExpandCell,
-      value: display
-    }, void 0, false);
-    $[56] = column;
-    $[57] = display;
-    $[58] = edit.onExpandCell;
-    $[59] = t8;
-  } else {
-    t8 = $[59];
-  }
-  let t9;
-  if ($[60] !== t7 || $[61] !== t8) {
-    t9 = /* @__PURE__ */ jsxDEV(Fragment, {
-      children: [t7, t8]
-    }, void 0, true);
-    $[60] = t7;
-    $[61] = t8;
-    $[62] = t9;
-  } else {
-    t9 = $[62];
-  }
-  return t9;
-};
-const GridHeaderCell = ({
-  draggedRef,
-  header,
-  masked = false,
-  pinned = false,
-  table
-}) => {
-  const onDragStart = () => {
-    draggedRef.current = header.column.id;
-  };
-  const onDragOver = (event) => {
-    event.preventDefault();
-  };
-  const onDrop = () => {
-    const from = draggedRef.current;
-    const to = header.column.id;
-    draggedRef.current = null;
-    if (from === null || from === to) {
-      return;
-    }
-    const current = table.getState().columnOrder;
-    const base = current.length > 0 ? current : table.getAllLeafColumns().map((column) => column.id);
-    const order = base.filter((id) => id !== from);
-    const insertAt = order.indexOf(to);
-    order.splice(insertAt === -1 ? order.length : insertAt, 0, from);
-    table.setColumnOrder(order);
-  };
-  return /* @__PURE__ */ jsxDEV("th", {
-    className: cn("text-start text-xs font-medium text-muted-foreground", pinned && "border-e border-border bg-muted"),
-    draggable: true,
-    onDragOver,
-    onDragStart,
-    onDrop,
-    style: pinned ? pinnedDataCellStyle(header.getSize()) : sizedCellStyle(header.getSize()),
-    children: [/* @__PURE__ */ jsxDEV("button", {
-      className: "inline-flex max-w-full cursor-grab items-center gap-1 truncate outline-none hover:text-foreground",
-      "data-testid": `db-sort-${header.column.id}`,
-      onClick: header.column.getToggleSortingHandler(),
-      type: "button",
-      children: [flexRender(header.column.columnDef.header, header.getContext()), sortIndicator(header.column.getIsSorted())]
-    }, void 0, true), masked && /* @__PURE__ */ jsxDEV("span", {
-      className: "ms-1 inline-flex items-center rounded-sm bg-warning/15 px-1 text-[0.625rem] font-medium uppercase text-warning",
-      "data-testid": `db-mask-chip-${header.column.id}`,
-      title: "This column is masked by a mask() policy",
-      children: "masked"
-    }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
-      "aria-hidden": "true",
-      className: "absolute inset-y-0 end-0 w-1 cursor-col-resize touch-none select-none hover:bg-ring/60 data-[resizing=true]:bg-ring",
-      "data-resizing": header.column.getIsResizing(),
-      "data-testid": `db-resize-${header.column.id}`,
-      onMouseDown: header.getResizeHandler(),
-      onTouchStart: header.getResizeHandler()
-    }, void 0, false)]
-  }, void 0, true);
-};
-const SelectAllHeaderCell = (t0) => {
-  const $ = c(13);
-  const {
-    table
-  } = t0;
-  const t = useT();
-  let t1;
-  if ($[0] !== table) {
-    t1 = (checked) => {
-      table.toggleAllRowsSelected(checked);
-    };
-    $[0] = table;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const onCheckedChange = t1;
-  let t2;
-  if ($[2] !== t) {
-    t2 = t("Select all rows");
-    $[2] = t;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  let t3;
-  if ($[4] !== table) {
-    t3 = table.getIsAllRowsSelected();
-    $[4] = table;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  let t4;
-  if ($[6] !== table) {
-    t4 = table.getIsSomeRowsSelected() && !table.getIsAllRowsSelected();
-    $[6] = table;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  let t5;
-  if ($[8] !== onCheckedChange || $[9] !== t2 || $[10] !== t3 || $[11] !== t4) {
-    t5 = /* @__PURE__ */ jsxDEV("th", {
-      className: "bg-muted",
-      style: SELECT_CELL_STYLE,
-      children: /* @__PURE__ */ jsxDEV(Checkbox, {
-        "aria-label": t2,
-        checked: t3,
-        "data-testid": "db-select-all",
-        indeterminate: t4,
-        onCheckedChange
-      }, void 0, false)
-    }, void 0, false);
-    $[8] = onCheckedChange;
-    $[9] = t2;
-    $[10] = t3;
-    $[11] = t4;
-    $[12] = t5;
-  } else {
-    t5 = $[12];
-  }
-  return t5;
-};
-const RowSelectCell = (t0) => {
-  const $ = c(17);
-  const {
-    row
-  } = t0;
-  const t = useT();
-  let t1;
-  if ($[0] !== row.original) {
-    t1 = rowId(row.original);
-    $[0] = row.original;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const id = t1;
-  let t2;
-  if ($[2] !== row) {
-    t2 = (checked) => {
-      row.toggleSelected(checked);
-    };
-    $[2] = row;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  const onCheckedChange = t2;
-  let t3;
-  if ($[4] !== t) {
-    t3 = t("Select row");
-    $[4] = t;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  let t4;
-  if ($[6] !== row) {
-    t4 = row.getIsSelected();
-    $[6] = row;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  let t5;
-  if ($[8] !== row.index || $[9] !== row.original) {
-    t5 = rowKey(row.original, row.index);
-    $[8] = row.index;
-    $[9] = row.original;
-    $[10] = t5;
-  } else {
-    t5 = $[10];
-  }
-  const t6 = `db-select-${t5}`;
-  const t7 = id === null;
-  let t8;
-  if ($[11] !== onCheckedChange || $[12] !== t3 || $[13] !== t4 || $[14] !== t6 || $[15] !== t7) {
-    t8 = /* @__PURE__ */ jsxDEV("td", {
-      className: "bg-background",
-      style: SELECT_CELL_STYLE,
-      children: /* @__PURE__ */ jsxDEV(Checkbox, {
-        "aria-label": t3,
-        checked: t4,
-        "data-testid": t6,
-        disabled: t7,
-        onCheckedChange
-      }, void 0, false)
-    }, void 0, false);
-    $[11] = onCheckedChange;
-    $[12] = t3;
-    $[13] = t4;
-    $[14] = t6;
-    $[15] = t7;
-    $[16] = t8;
-  } else {
-    t8 = $[16];
-  }
-  return t8;
-};
-const DataBrowserTableView = (t0) => {
-  const $ = c(46);
-  const {
-    edit,
-    editable,
-    mask,
-    onDelete,
-    onEdit,
-    onInspect,
-    refs,
-    scrollRef,
-    scrollToIndex,
-    table,
-    tableRows,
-    tbodyStyle,
-    virtualRows
-  } = t0;
-  const draggedColumn = useRef(null);
-  const [active, setActive] = useState(null);
-  let t1;
-  if ($[0] !== table) {
-    t1 = table.getVisibleLeafColumns();
-    $[0] = table;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const columnCount = t1.length;
-  let t2;
-  if ($[2] !== active || $[3] !== columnCount || $[4] !== edit || $[5] !== table || $[6] !== tableRows) {
-    t2 = (event) => {
-      if (!["ArrowDown", "ArrowLeft", "ArrowRight", "ArrowUp", "Enter"].includes(event.key)) {
-        return;
-      }
-      event.preventDefault();
-      const current = active ?? {
-        col: 0,
-        row: 0
-      };
-      if (event.key === "Enter") {
-        const row = tableRows[current.row];
-        const column = table.getVisibleLeafColumns()[current.col];
-        if (row !== void 0 && column !== void 0) {
-          const id = rowId(row.original);
-          if (id !== null && edit.editableColumn(column.id)) {
-            edit.startEdit(id, column.id);
-          }
-        }
-        setActive(current);
-        return;
-      }
-      let {
-        col,
-        row: row_0
-      } = current;
-      bb24: switch (event.key) {
-        case "ArrowDown": {
-          row_0 = Math.min(row_0 + 1, tableRows.length - 1);
-          break bb24;
-        }
-        case "ArrowRight": {
-          col = Math.min(col + 1, columnCount - 1);
-          break bb24;
-        }
-        case "ArrowUp": {
-          row_0 = Math.max(row_0 - 1, 0);
-          break bb24;
-        }
-        default: {
-          col = Math.max(col - 1, 0);
-        }
-      }
-      setActive({
-        col,
-        row: row_0
-      });
-    };
-    $[2] = active;
-    $[3] = columnCount;
-    $[4] = edit;
-    $[5] = table;
-    $[6] = tableRows;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  const onGridKeyDown = t2;
-  let t3;
-  let t4;
-  if ($[8] !== active || $[9] !== scrollToIndex) {
-    t3 = () => {
-      if (active !== null) {
-        scrollToIndex(active.row);
-      }
-    };
-    t4 = [active, scrollToIndex];
-    $[8] = active;
-    $[9] = scrollToIndex;
-    $[10] = t3;
-    $[11] = t4;
-  } else {
-    t3 = $[10];
-    t4 = $[11];
-  }
-  useEffect(t3, t4);
-  let t5;
-  if ($[12] !== active || $[13] !== edit || $[14] !== editable || $[15] !== mask || $[16] !== onDelete || $[17] !== onEdit || $[18] !== onInspect || $[19] !== refs || $[20] !== tableRows) {
-    t5 = (virtualRow) => {
-      const tableRow = tableRows[virtualRow.index];
-      const {
-        original
-      } = tableRow;
-      const id_0 = rowId(original);
-      const key = rowKey(original, virtualRow.index);
-      const rowStyle = {
-        ...ROW_BASE_STYLE,
-        height: `${virtualRow.size.toString()}px`,
-        transform: `translateY(${virtualRow.start.toString()}px)`
-      };
-      return /* @__PURE__ */ jsxDEV("tr", {
-        className: "border-b border-border text-xs transition-colors hover:bg-muted/50",
-        "data-testid": "db-row",
-        style: rowStyle,
-        children: [/* @__PURE__ */ jsxDEV(RowSelectCell, {
-          row: tableRow
-        }, void 0, false), tableRow.getVisibleCells().map((cell, colIndex) => {
-          const pinned = colIndex === 0;
-          const ring = active !== null && active.row === virtualRow.index && active.col === colIndex ? " ring-1 ring-ring ring-inset" : "";
-          return /* @__PURE__ */ jsxDEV("td", {
-            className: cn("group/cell truncate font-mono text-muted-foreground", pinned && "border-e border-border bg-background", ring),
-            style: pinned ? pinnedDataCellStyle(cell.column.getSize()) : sizedCellStyle(cell.column.getSize()),
-            children: /* @__PURE__ */ jsxDEV(EditableCell, {
-              cell,
-              edit,
-              mask,
-              refs
-            }, void 0, false)
-          }, cell.id, false);
-        }), /* @__PURE__ */ jsxDEV("td", {
-          className: "flex items-center gap-1",
-          style: ACTION_CELL_STYLE,
-          children: [/* @__PURE__ */ jsxDEV("button", {
-            className: ROW_BTN,
-            "data-testid": `db-inspect-${key}`,
-            onClick: () => {
-              onInspect(original);
-            },
-            type: "button",
-            children: "Details"
-          }, void 0, false), editable && /* @__PURE__ */ jsxDEV(Fragment, {
-            children: [/* @__PURE__ */ jsxDEV("button", {
-              className: ROW_BTN,
-              "data-testid": `db-edit-${key}`,
-              disabled: id_0 === null,
-              onClick: () => {
-                onEdit(id_0, original);
-              },
-              type: "button",
-              children: "Edit"
-            }, void 0, false), /* @__PURE__ */ jsxDEV(ConfirmButton, {
-              confirmLabel: "Delete?",
-              disabled: id_0 === null,
-              onConfirm: () => {
-                onDelete(id_0);
-              },
-              testId: `db-delete-${key}`,
-              children: "Delete"
-            }, void 0, false)]
-          }, void 0, true)]
-        }, void 0, true)]
-      }, tableRow.id, true);
-    };
-    $[12] = active;
-    $[13] = edit;
-    $[14] = editable;
-    $[15] = mask;
-    $[16] = onDelete;
-    $[17] = onEdit;
-    $[18] = onInspect;
-    $[19] = refs;
-    $[20] = tableRows;
-    $[21] = t5;
-  } else {
-    t5 = $[21];
-  }
-  const renderRow = t5;
-  let t6;
-  if ($[22] !== table) {
-    t6 = /* @__PURE__ */ jsxDEV(SelectAllHeaderCell, {
-      table
-    }, void 0, false);
-    $[22] = table;
-    $[23] = t6;
-  } else {
-    t6 = $[23];
-  }
-  let t7;
-  if ($[24] !== mask || $[25] !== table) {
-    t7 = table.getFlatHeaders().map((header, index) => /* @__PURE__ */ jsxDEV(GridHeaderCell, {
-      draggedRef: draggedColumn,
-      header,
-      masked: mask.columns.has(header.column.id),
-      pinned: index === 0,
-      table
-    }, header.id, false));
-    $[24] = mask;
-    $[25] = table;
-    $[26] = t7;
-  } else {
-    t7 = $[26];
-  }
-  let t8;
-  if ($[27] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t8 = /* @__PURE__ */ jsxDEV("th", {
-      "aria-label": "Row actions",
-      style: ACTION_CELL_STYLE
-    }, void 0, false);
-    $[27] = t8;
-  } else {
-    t8 = $[27];
-  }
-  let t9;
-  if ($[28] !== t6 || $[29] !== t7) {
-    t9 = /* @__PURE__ */ jsxDEV("thead", {
-      className: "bg-muted/50",
-      children: /* @__PURE__ */ jsxDEV("tr", {
-        className: "border-b border-border",
-        style: HEAD_ROW_STYLE,
-        children: [t6, t7, t8]
-      }, void 0, true)
-    }, void 0, false);
-    $[28] = t6;
-    $[29] = t7;
-    $[30] = t9;
-  } else {
-    t9 = $[30];
-  }
-  let t10;
-  if ($[31] !== renderRow || $[32] !== virtualRows) {
-    let t112;
-    if ($[34] !== renderRow) {
-      t112 = (virtualRow_0) => renderRow(virtualRow_0);
-      $[34] = renderRow;
-      $[35] = t112;
-    } else {
-      t112 = $[35];
-    }
-    t10 = virtualRows.map(t112);
-    $[31] = renderRow;
-    $[32] = virtualRows;
-    $[33] = t10;
-  } else {
-    t10 = $[33];
-  }
-  let t11;
-  if ($[36] !== t10 || $[37] !== tbodyStyle) {
-    t11 = /* @__PURE__ */ jsxDEV("tbody", {
-      style: tbodyStyle,
-      children: t10
-    }, void 0, false);
-    $[36] = t10;
-    $[37] = tbodyStyle;
-    $[38] = t11;
-  } else {
-    t11 = $[38];
-  }
-  let t12;
-  if ($[39] !== t11 || $[40] !== t9) {
-    t12 = /* @__PURE__ */ jsxDEV("table", {
-      className: "w-full text-xs",
-      "data-testid": "db-rows",
-      style: ROWS_STYLE,
-      children: [t9, t11]
-    }, void 0, true);
-    $[39] = t11;
-    $[40] = t9;
-    $[41] = t12;
-  } else {
-    t12 = $[41];
-  }
-  let t13;
-  if ($[42] !== onGridKeyDown || $[43] !== scrollRef || $[44] !== t12) {
-    t13 = /* @__PURE__ */ jsxDEV(GridContainer, {
-      layout: "fill",
-      children: /* @__PURE__ */ jsxDEV("div", {
-        "data-testid": "db-scroll",
-        onKeyDown: onGridKeyDown,
-        ref: scrollRef,
-        role: "grid",
-        style: SCROLL_STYLE,
-        tabIndex: 0,
-        children: t12
-      }, void 0, false)
-    }, void 0, false);
-    $[42] = onGridKeyDown;
-    $[43] = scrollRef;
-    $[44] = t12;
-    $[45] = t13;
-  } else {
-    t13 = $[45];
-  }
-  return t13;
-};
-const useDataBrowserTable = (page, sorting, onSortingChange) => {
-  const columns = page?.columns;
-  const rows = page?.rows;
-  const references = page?.refs;
-  const columnDefs = useMemo(() => {
-    if (columns === void 0) {
-      return [];
-    }
-    return columns.map((column) => {
-      return {
-        accessorFn: (row) => row[column],
-        header: references?.[column] === void 0 ? column : `${column} →`,
-        id: column
-      };
-    });
-  }, [columns, references]);
-  const data = useMemo(() => rows ?? [], [rows]);
-  const [rowSelection, setRowSelection] = useState({});
-  const [columnVisibility, setColumnVisibility] = useState({});
-  const table = useReactTable({
-    columnResizeMode: "onChange",
-    columns: columnDefs,
-    data,
-    defaultColumn: {
-      minSize: 80,
-      size: 200
-    },
-    enableColumnResizing: true,
-    enableRowSelection: (row_0) => rowId(row_0.original) !== null,
-    getCoreRowModel: getCoreRowModel(),
-    getRowId: (row_1, index) => rowId(row_1) ?? `row-${index.toString()}`,
-    getSortedRowModel: getSortedRowModel(),
-    // Sorting is server-side: the page arrives already ordered, so the table
-    // must not re-sort it. The header still toggles `sorting`, which the data
-    // browser forwards to `readTablePage` as `orderBy`.
-    manualSorting: true,
-    onColumnVisibilityChange: setColumnVisibility,
-    onRowSelectionChange: setRowSelection,
-    onSortingChange,
-    state: {
-      columnVisibility,
-      rowSelection,
-      sorting
-    }
-  });
-  const tableRows = table.getRowModel().rows;
-  const scrollRef = useRef(null);
-  const virtualizer = useVirtualizer({
-    count: tableRows.length,
-    estimateSize: () => ROW_HEIGHT,
-    getScrollElement: () => scrollRef.current,
-    initialRect: {
-      height: SCROLL_HEIGHT,
-      width: 0
-    },
-    observeElementRect: (instance, callback) => flooredRectObserver(instance, callback, SCROLL_HEIGHT),
-    overscan: 8
-  });
-  const scrollToIndex = useCallback((index_0) => {
-    virtualizer.scrollToIndex(index_0);
-  }, [virtualizer]);
-  const virtualRows = virtualizer.getVirtualItems();
-  const totalSize = virtualizer.getTotalSize();
-  const tbodyStyle = {
-    display: "block",
-    height: `${totalSize.toString()}px`,
-    position: "relative"
-  };
-  return {
-    scrollRef,
-    scrollToIndex,
-    table,
-    tableRows,
-    tbodyStyle,
-    virtualRows
-  };
-};
-function _temp(t0) {
-  const [key, value] = t0;
-  return /* @__PURE__ */ jsxDEV("div", {
-    className: "contents",
-    children: [/* @__PURE__ */ jsxDEV("dt", {
-      className: "truncate font-mono text-[11px] text-muted-foreground",
-      children: key
-    }, void 0, false), /* @__PURE__ */ jsxDEV("dd", {
-      className: "truncate font-mono text-[11px] text-foreground",
-      title: formatCell(value),
-      children: formatCell(value)
-    }, void 0, false)]
-  }, key, true);
-}
-
-const CONTROL_BTN$2 = "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";
-const SaveQueryInput = (t0) => {
-  const $ = c(22);
-  const {
-    onCommit
-  } = t0;
-  const t = useT();
-  const [draft, setDraft] = useState("");
-  const ref = useRef(null);
-  let t1;
-  let t2;
-  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = () => {
-      ref.current?.focus();
-    };
-    t2 = [];
-    $[0] = t1;
-    $[1] = t2;
-  } else {
-    t1 = $[0];
-    t2 = $[1];
-  }
-  useEffect(t1, t2);
-  let t3;
-  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t3 = (event) => {
-      setDraft(event.target.value);
-    };
-    $[2] = t3;
-  } else {
-    t3 = $[2];
-  }
-  const onChange = t3;
-  let t4;
-  if ($[3] !== draft || $[4] !== onCommit) {
-    t4 = () => {
-      const name = draft.trim();
-      if (name !== "") {
-        onCommit(name);
-      }
-    };
-    $[3] = draft;
-    $[4] = onCommit;
-    $[5] = t4;
-  } else {
-    t4 = $[5];
-  }
-  const commit = t4;
-  let t5;
-  if ($[6] !== t) {
-    t5 = t("Query name");
-    $[6] = t;
-    $[7] = t5;
-  } else {
-    t5 = $[7];
-  }
-  let t6;
-  if ($[8] !== t) {
-    t6 = t("Query name");
-    $[8] = t;
-    $[9] = t6;
-  } else {
-    t6 = $[9];
-  }
-  let t7;
-  if ($[10] !== draft || $[11] !== t5 || $[12] !== t6) {
-    t7 = /* @__PURE__ */ jsxDEV("input", {
-      "aria-label": t5,
-      className: "h-7 rounded-md border border-border bg-background px-2 text-xs outline-none focus-visible:border-ring",
-      "data-testid": "db-save-query-name",
-      onChange,
-      placeholder: t6,
-      ref,
-      value: draft
-    }, void 0, false);
-    $[10] = draft;
-    $[11] = t5;
-    $[12] = t6;
-    $[13] = t7;
-  } else {
-    t7 = $[13];
-  }
-  let t8;
-  if ($[14] !== t) {
-    t8 = t("Save");
-    $[14] = t;
-    $[15] = t8;
-  } else {
-    t8 = $[15];
-  }
-  let t9;
-  if ($[16] !== commit || $[17] !== t8) {
-    t9 = /* @__PURE__ */ jsxDEV("button", {
-      className: CONTROL_BTN$2,
-      "data-testid": "db-save-query-confirm",
-      onClick: commit,
-      type: "button",
-      children: t8
-    }, void 0, false);
-    $[16] = commit;
-    $[17] = t8;
-    $[18] = t9;
-  } else {
-    t9 = $[18];
-  }
-  let t10;
-  if ($[19] !== t7 || $[20] !== t9) {
-    t10 = /* @__PURE__ */ jsxDEV("span", {
-      className: "inline-flex items-center gap-1",
-      children: [t7, t9]
-    }, void 0, true);
-    $[19] = t7;
-    $[20] = t9;
-    $[21] = t10;
-  } else {
-    t10 = $[21];
-  }
-  return t10;
-};
-const DataQueryBar = (t0) => {
-  const $ = c(27);
-  const {
-    onApply,
-    onCopyLink,
-    onDelete,
-    onSave,
-    saved
-  } = t0;
-  const t = useT();
-  const [naming, setNaming] = useState(false);
-  let t1;
-  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = () => {
-      setNaming(true);
-    };
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
-  const openNaming = t1;
-  let t2;
-  if ($[1] !== onSave) {
-    t2 = (name) => {
-      onSave(name);
-      setNaming(false);
-    };
-    $[1] = onSave;
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  const confirmSave = t2;
-  let t3;
-  if ($[3] !== onApply || $[4] !== saved) {
-    t3 = (event) => {
-      const query = saved[Number(event.currentTarget.dataset.index)];
-      if (query !== void 0) {
-        onApply(query);
-      }
-    };
-    $[3] = onApply;
-    $[4] = saved;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  const applyByIndex = t3;
-  let t4;
-  if ($[6] !== onDelete || $[7] !== saved) {
-    t4 = (event_0) => {
-      const query_0 = saved[Number(event_0.currentTarget.dataset.index)];
-      if (query_0 !== void 0) {
-        onDelete(query_0.name);
-      }
-    };
-    $[6] = onDelete;
-    $[7] = saved;
-    $[8] = t4;
-  } else {
-    t4 = $[8];
-  }
-  const deleteByIndex = t4;
-  let t5;
-  if ($[9] !== t) {
-    t5 = t("Copy link");
-    $[9] = t;
-    $[10] = t5;
-  } else {
-    t5 = $[10];
-  }
-  let t6;
-  if ($[11] !== onCopyLink || $[12] !== t5) {
-    t6 = /* @__PURE__ */ jsxDEV("button", {
-      className: CONTROL_BTN$2,
-      "data-testid": "db-copy-link",
-      onClick: onCopyLink,
-      type: "button",
-      children: t5
-    }, void 0, false);
-    $[11] = onCopyLink;
-    $[12] = t5;
-    $[13] = t6;
-  } else {
-    t6 = $[13];
-  }
-  let t7;
-  if ($[14] !== confirmSave || $[15] !== naming || $[16] !== t) {
-    t7 = naming ? /* @__PURE__ */ jsxDEV(SaveQueryInput, {
-      onCommit: confirmSave
-    }, void 0, false) : /* @__PURE__ */ jsxDEV("button", {
-      className: CONTROL_BTN$2,
-      "data-testid": "db-save-query",
-      onClick: openNaming,
-      type: "button",
-      children: t("Save query")
-    }, void 0, false);
-    $[14] = confirmSave;
-    $[15] = naming;
-    $[16] = t;
-    $[17] = t7;
-  } else {
-    t7 = $[17];
-  }
-  let t8;
-  if ($[18] !== applyByIndex || $[19] !== deleteByIndex || $[20] !== saved || $[21] !== t) {
-    t8 = saved.length > 0 && /* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-wrap items-center gap-1",
-      "data-testid": "db-saved-queries",
-      children: [/* @__PURE__ */ jsxDEV("span", {
-        className: "font-mono text-[11px] tracking-wide uppercase text-muted-foreground",
-        children: t("Saved")
-      }, void 0, false), saved.map((query_1, index) => /* @__PURE__ */ jsxDEV("span", {
-        className: "inline-flex items-center overflow-hidden rounded-md border border-border",
-        children: [/* @__PURE__ */ jsxDEV("button", {
-          className: "px-2 py-0.5 text-xs text-foreground transition-colors hover:bg-accent",
-          "data-index": index,
-          "data-testid": `db-saved-query-${query_1.name}`,
-          onClick: applyByIndex,
-          type: "button",
-          children: query_1.name
-        }, void 0, false), /* @__PURE__ */ jsxDEV("button", {
-          "aria-label": t("Delete saved query {name}", {
-            name: query_1.name
-          }),
-          className: "border-l border-border px-1 py-0.5 text-xs text-muted-foreground transition-colors hover:bg-destructive/10 hover:text-destructive",
-          "data-index": index,
-          "data-testid": `db-saved-query-delete-${query_1.name}`,
-          onClick: deleteByIndex,
-          type: "button",
-          children: "✕"
-        }, void 0, false)]
-      }, query_1.name, true))]
-    }, void 0, true);
-    $[18] = applyByIndex;
-    $[19] = deleteByIndex;
-    $[20] = saved;
-    $[21] = t;
-    $[22] = t8;
-  } else {
-    t8 = $[22];
-  }
-  let t9;
-  if ($[23] !== t6 || $[24] !== t7 || $[25] !== t8) {
-    t9 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-wrap items-center gap-1.5",
-      "data-testid": "db-query-bar",
-      children: [t6, t7, t8]
-    }, void 0, true);
-    $[23] = t6;
-    $[24] = t7;
-    $[25] = t8;
-    $[26] = t9;
-  } else {
-    t9 = $[26];
-  }
-  return t9;
-};
-
-const SEED_ENDPOINT = "/__lunora/seed";
-const MAX_GENERATE_ROWS = 200;
-const MAX_FK_SAMPLE = 50;
-const collectSkippedFkColumns = (columns, fkPools) => {
-  const skipped = [];
-  for (const column of columns) {
-    if (column.pk !== true && column.ref !== void 0 && column.type === "id" && (fkPools[column.ref] ?? []).length === 0) {
-      skipped.push(column.name);
-    }
-  }
-  return skipped;
-};
-const requestSeedRows = async (request) => {
-  const response = await fetch(SEED_ENDPOINT, {
-    body: JSON.stringify(request),
-    headers: {
-      "Content-Type": "application/json"
-    },
-    method: "POST"
-  });
-  const body = await response.json();
-  if (response.ok && body.rows !== void 0) {
-    return {
-      kind: "ok",
-      rows: body.rows
-    };
-  }
-  return {
-    kind: "error",
-    message: body.error ?? `seed request failed (${String(response.status)})`
-  };
-};
-
-const BTN = "rounded-md border border-border px-3 py-1.5 text-xs font-medium text-foreground outline-none transition-colors hover:bg-accent focus-visible:bg-accent disabled:pointer-events-none disabled:opacity-50";
-const BTN_DESTRUCTIVE = "rounded-md bg-primary px-3 py-1.5 text-xs font-medium text-primary-foreground outline-none transition-colors hover:bg-primary/90 focus-visible:bg-primary/90 disabled:pointer-events-none disabled:opacity-50";
-const GenerateRowsDialog = ({
-  columns,
-  fkPools,
-  onClose,
-  onInsertRows,
-  table
-}) => {
-  const t = useT();
-  const [count, setCount] = useState(10);
-  const [inserting, setInserting] = useState(false);
-  const [error, setError] = useState(void 0);
-  const [inserted, setInserted] = useState(void 0);
-  const onCountChange = (event) => {
-    const next = Number(event.target.value);
-    if (!Number.isNaN(next) && next >= 1) {
-      setCount(Math.min(next, MAX_GENERATE_ROWS));
-    }
-  };
-  const handleGenerate = async () => {
-    setError(void 0);
-    setInserted(void 0);
-    setInserting(true);
-    try {
-      const generated = await requestSeedRows({
-        count,
-        existingIds: fkPools,
-        seed: Date.now(),
-        table
-      });
-      if (generated.kind === "error") {
-        setError(generated.message);
-        return;
-      }
-      const {
-        rows
-      } = generated;
-      if (rows.length === 0) {
-        setError(t("No rows generated — all columns were skipped."));
-        return;
-      }
-      const result = await onInsertRows(rows);
-      if (result !== void 0) {
-        setError(result);
-        return;
-      }
-      setInserted(rows.length);
-      const skippedFkColumns = collectSkippedFkColumns(columns, fkPools);
-      if (skippedFkColumns.length > 0) {
-        setError(t("Inserted {count} rows. Skipped FK columns: {cols}", {
-          cols: skippedFkColumns.join(", "),
-          count: rows.length.toString()
-        }));
-      }
-    } finally {
-      setInserting(false);
-    }
-  };
-  const onGenerate = () => {
-    fireAndForget(handleGenerate());
-  };
-  const editableColumns = columns.filter((column) => column.pk !== true);
-  return /* @__PURE__ */ jsxDEV(ModalShell, {
-    label: t("Generate dummy rows"),
-    onClose,
-    panelTestId: "gen-rows-panel",
-    testId: "gen-rows-overlay",
-    variant: "dialog",
-    children: [/* @__PURE__ */ jsxDEV("div", {
-      className: "flex items-start justify-between",
-      children: [/* @__PURE__ */ jsxDEV("div", {
-        className: "flex flex-col gap-0.5",
-        children: [/* @__PURE__ */ jsxDEV("h3", {
-          className: "text-base text-foreground",
-          "data-testid": "gen-rows-title",
-          children: t("Generate dummy rows")
-        }, void 0, false), /* @__PURE__ */ jsxDEV("p", {
-          className: "text-xs text-muted-foreground",
-          "data-testid": "gen-rows-desc",
-          children: t("Seed {table} with Faker-generated rows. Existing rows are not affected.", {
-            table
-          })
-        }, void 0, false)]
-      }, void 0, true), /* @__PURE__ */ jsxDEV("button", {
-        className: "text-xs text-muted-foreground hover:text-foreground",
-        "data-testid": "gen-rows-close",
-        onClick: onClose,
-        type: "button",
-        children: t("Close")
-      }, void 0, false)]
-    }, void 0, true), /* @__PURE__ */ jsxDEV("div", {
-      className: "flex items-center gap-2",
-      children: [/* @__PURE__ */ jsxDEV("label", {
-        className: "text-xs font-medium text-foreground",
-        htmlFor: "gen-rows-count",
-        children: t("Row count")
-      }, void 0, false), /* @__PURE__ */ jsxDEV("input", {
-        className: "w-20 rounded-md border border-border bg-background px-2 py-1 text-xs outline-none focus-visible:border-ring",
-        "data-testid": "gen-rows-count",
-        id: "gen-rows-count",
-        max: MAX_GENERATE_ROWS,
-        min: 1,
-        onChange: onCountChange,
-        type: "number",
-        value: count
-      }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
-        className: "text-xs text-muted-foreground",
-        children: t("(max {max})", {
-          max: MAX_GENERATE_ROWS.toString()
-        })
-      }, void 0, false)]
-    }, void 0, true), editableColumns.length > 0 && /* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-col gap-1",
-      children: [/* @__PURE__ */ jsxDEV("p", {
-        className: "font-mono text-[11px] tracking-wide uppercase text-muted-foreground",
-        children: t("Columns to seed")
-      }, void 0, false), /* @__PURE__ */ jsxDEV("ul", {
-        className: "flex flex-col gap-0.5",
-        "data-testid": "gen-rows-columns",
-        children: editableColumns.map((column_0) => {
-          const hasFk = column_0.ref !== void 0 && column_0.type === "id";
-          const fkEmpty = hasFk && (fkPools[column_0.ref ?? ""] ?? []).length === 0;
-          const fkBadgeClass = fkEmpty ? "rounded bg-destructive/10 px-1 text-destructive" : "rounded bg-muted px-1 text-muted-foreground";
-          const fkBadgeTestId = fkEmpty ? `gen-rows-fk-empty-${column_0.name}` : `gen-rows-fk-ok-${column_0.name}`;
-          const fkBadgeText = fkEmpty ? t("FK: no rows in {ref} — will skip", {
-            ref: column_0.ref ?? ""
-          }) : t("→ {ref}", {
-            ref: column_0.ref ?? ""
-          });
-          return /* @__PURE__ */ jsxDEV("li", {
-            className: "flex items-center gap-1.5 font-mono text-xs",
-            children: [/* @__PURE__ */ jsxDEV("span", {
-              className: "text-foreground",
-              children: column_0.name
-            }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
-              className: "text-muted-foreground",
-              children: ["(", column_0.type, ")"]
-            }, void 0, true), column_0.optional && /* @__PURE__ */ jsxDEV("span", {
-              className: "rounded bg-muted px-1 font-mono text-[10px] tracking-wide uppercase",
-              children: "optional"
-            }, void 0, false), hasFk && /* @__PURE__ */ jsxDEV("span", {
-              className: fkBadgeClass,
-              "data-testid": fkBadgeTestId,
-              children: fkBadgeText
-            }, void 0, false)]
-          }, column_0.name, true);
-        })
-      }, void 0, false)]
-    }, void 0, true), error !== void 0 && /* @__PURE__ */ jsxDEV("p", {
-      className: "text-xs text-destructive",
-      "data-testid": "gen-rows-error",
-      role: "alert",
-      children: error
-    }, void 0, false), inserted !== void 0 && error === void 0 && /* @__PURE__ */ jsxDEV("p", {
-      className: "text-xs text-success",
-      "data-testid": "gen-rows-success",
-      children: t("Inserted {count} rows successfully.", {
-        count: inserted.toString()
-      })
-    }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
-      className: "flex justify-end gap-2",
-      children: [/* @__PURE__ */ jsxDEV("button", {
-        className: BTN,
-        "data-testid": "gen-rows-cancel",
-        onClick: onClose,
-        type: "button",
-        children: t("Cancel")
-      }, void 0, false), /* @__PURE__ */ jsxDEV("button", {
-        className: BTN_DESTRUCTIVE,
-        "data-testid": "gen-rows-generate",
-        disabled: inserting,
-        onClick: onGenerate,
-        type: "button",
-        children: inserting ? t("Inserting…") : t("Generate & insert")
-      }, void 0, false)]
-    }, void 0, true)]
-  }, void 0, true);
-};
-
-const toOrderBy = (sorting) => {
-  const first = sorting[0];
-  return first === void 0 ? void 0 : {
-    column: first.id,
-    direction: first.desc ? "desc" : "asc"
-  };
-};
-const facetValueText = (value) => {
-  if (value === null || value === void 0) {
-    return "";
-  }
-  if (typeof value === "object") {
-    return JSON.stringify(value);
-  }
-  return String(value);
-};
-const toEditableFilters = (clauses) => clauses.map((clause) => {
-  return {
-    column: clause.column,
-    operator: clause.operator,
-    value: clause.value === void 0 ? "" : facetValueText(clause.value)
-  };
-});
-const fromOrderBy = (orderBy) => orderBy === void 0 ? [] : [{
-  desc: orderBy.direction === "desc",
-  id: orderBy.column
-}];
-const MAX_BULK_DELETE_BATCHES = 200;
-const PREVIEW_CANDIDATES = 20;
-const READ_TABLE_PAGE$1 = adminRef(ADMIN_FUNCTIONS.readTablePage);
-const FACET_COLUMN = adminRef(ADMIN_FUNCTIONS.facetColumn);
-const WRITE_ROW$1 = adminRef(ADMIN_FUNCTIONS.writeRow);
-const DELETE_ROWS = adminRef(ADMIN_FUNCTIONS.deleteRows);
-const CLEAR_TABLE = adminRef(ADMIN_FUNCTIONS.clearTable);
-const NO_ARGS = {};
-const META_COLUMNS = /* @__PURE__ */ new Set(["__doc__", "__id__", "_creationTime", "_id", "id"]);
-const rowDocument = (row) => {
-  const raw = row["__doc__"];
-  if (typeof raw === "string") {
-    try {
-      const parsed = JSON.parse(raw);
-      if (parsed !== null && typeof parsed === "object" && !Array.isArray(parsed)) {
-        return parsed;
-      }
-    } catch {
-    }
-  }
-  const fields = {};
-  for (const [key, value] of Object.entries(row)) {
-    if (!META_COLUMNS.has(key)) {
-      fields[key] = value;
-    }
-  }
-  return fields;
-};
-const useDataBrowser = ({
-  initialFilters,
-  initialOrderBy,
-  initialSearch,
-  initialShardKey,
-  onSelectTable,
-  onViewChange,
-  pageSize: initialPageSize,
-  tableParam
-}) => {
-  const client = useLunora();
-  const [pageSize, setPageSize] = useState(initialPageSize);
-  const [shardKey, setShardKey] = useState(initialShardKey ?? "");
-  const selectedTable = tableParam === void 0 || tableParam === "" ? null : tableParam;
-  const [offset, setOffset] = useState(0);
-  const [viewMode, setViewMode] = useState("table");
-  const [sorting, setSorting] = useState(() => fromOrderBy(initialOrderBy));
-  const [filter, setFilter] = useState(initialSearch ?? "");
-  const search = useDebounced(filter.trim(), 300);
-  const debouncedShard = useDebounced(shardKey.trim(), 400);
-  const [filters, setFilters] = useState(() => toEditableFilters(initialFilters ?? []));
-  const filtersRef = useRef(filters);
-  filtersRef.current = filters;
-  const {
-    clearFacets,
-    facets,
-    refetchFacets,
-    toggleFacet: toggleFacetColumn
-  } = useFacets();
-  const [editing, setEditing] = useState(null);
-  const [writeError, setWriteError] = useState(null);
-  const stagedEdits = useStagedEdits();
-  const [editingCell, setEditingCell] = useState(null);
-  const [committing, setCommitting] = useState(false);
-  const tablesQuery = useAdminQuery(ADMIN_FUNCTIONS.listTables, NO_ARGS, {
-    live: true,
-    shardKey: debouncedShard
-  });
-  const tables = tablesQuery.data ?? null;
-  const tablesError = tablesQuery.error;
-  const pageArgs = useMemo(() => {
-    return {
-      filters: toFilterClauses(filters),
-      limit: pageSize,
-      offset,
-      orderBy: toOrderBy(sorting),
-      search,
-      // The page read skips the COUNT — the total rides a separate
-      // predicate-keyed query (`countArgs`) that page navigation never
-      // re-keys, so paging no longer re-runs the full-table COUNT.
-      skipCount: true,
-      table: selectedTable ?? ""
-    };
-  }, [filters, pageSize, offset, sorting, search, selectedTable]);
-  const countArgs = useMemo(() => {
-    return {
-      filters: toFilterClauses(filters),
-      limit: 1,
-      search,
-      table: selectedTable ?? ""
-    };
-  }, [filters, search, selectedTable]);
-  const pageQuery = useAdminQuery(ADMIN_FUNCTIONS.readTablePage, pageArgs, {
-    enabled: selectedTable !== null,
-    keepPreviousData: false,
-    live: true,
-    shardKey: debouncedShard
-  });
-  const page = pageQuery.data ?? null;
-  const pageError = pageQuery.error;
-  const {
-    liveError
-  } = pageQuery;
-  const countQuery = useAdminQuery(ADMIN_FUNCTIONS.readTablePage, countArgs, {
-    enabled: selectedTable !== null,
-    live: true,
-    shardKey: debouncedShard
-  });
-  useEffect(() => {
-    if (tablesQuery.data !== void 0) {
-      recordShard(debouncedShard);
-    }
-  }, [tablesQuery.data, debouncedShard]);
-  const selectTable = useCallback((table2) => {
-    onSelectTable?.(table2);
-  }, [onSelectTable]);
-  const navigateToRef = (targetTable, id) => {
-    onSelectTable?.(targetTable, {
-      search: id
-    });
-  };
-  const previewRef = async (targetTable, id) => {
-    try {
-      const result = await client.query(READ_TABLE_PAGE$1, {
-        filters: [],
-        limit: PREVIEW_CANDIDATES,
-        offset: 0,
-        search: id,
-        table: targetTable
-      }, callOptions(debouncedShard));
-      return result.rows.find((row) => rowId(row) === id) ?? null;
-    } catch {
-      return null;
-    }
-  };
-  const facetFetcher = useCallback((shard, table2, activeFilters, searchQuery) => (column) => client.query(FACET_COLUMN, {
-    column,
-    filters: toFilterClauses(activeFilters),
-    search: searchQuery,
-    table: table2
-  }, callOptions(shard)), [client]);
-  const toggleFacet = (column) => {
-    toggleFacetColumn(column, selectedTable === null ? null : facetFetcher(debouncedShard, selectedTable, filtersRef.current, search));
-  };
-  const facetFilter = (column, value) => {
-    const text = facetValueText(value);
-    setFilters((current) => [...current.filter((clause) => clause.column !== column), {
-      column,
-      operator: "eq",
-      value: text
-    }]);
-    setOffset(0);
-  };
-  const facetFetcherRef = useRef(facetFetcher);
-  const refetchFacetsRef = useRef(refetchFacets);
-  const onViewChangeRef = useRef(onViewChange);
-  facetFetcherRef.current = facetFetcher;
-  refetchFacetsRef.current = refetchFacets;
-  onViewChangeRef.current = onViewChange;
-  useEffect(() => {
-    if (selectedTable === null) {
-      return;
-    }
-    refetchFacetsRef.current(facetFetcherRef.current(debouncedShard, selectedTable, filters, search));
-  }, [debouncedShard, selectedTable, filters, search]);
-  const seededTableRef = useRef(tableParam);
-  useEffect(() => {
-    if (selectedTable === null || onViewChangeRef.current === void 0 || seededTableRef.current !== tableParam) {
-      return;
-    }
-    onViewChangeRef.current({
-      filters: toFilterClauses(filters),
-      orderBy: toOrderBy(sorting),
-      search,
-      shard: debouncedShard
-    });
-  }, [selectedTable, tableParam, filters, sorting, search, debouncedShard]);
-  const initialFiltersRef = useRef(initialFilters);
-  const initialOrderByRef = useRef(initialOrderBy);
-  const initialSearchRef = useRef(initialSearch);
-  const initialShardKeyRef = useRef(initialShardKey);
-  initialFiltersRef.current = initialFilters;
-  initialOrderByRef.current = initialOrderBy;
-  initialSearchRef.current = initialSearch;
-  initialShardKeyRef.current = initialShardKey;
-  useEffect(() => {
-    if (seededTableRef.current === tableParam) {
-      return;
-    }
-    seededTableRef.current = tableParam;
-    queueMicrotask(() => {
-      const nextFilters = toEditableFilters(initialFiltersRef.current ?? []);
-      setSorting(fromOrderBy(initialOrderByRef.current));
-      setFilter(initialSearchRef.current ?? "");
-      setFilters(nextFilters);
-      filtersRef.current = nextFilters;
-      setShardKey(initialShardKeyRef.current ?? "");
-      clearFacets();
-      stagedEdits.clear();
-      setEditingCell(null);
-      setOffset(0);
-    });
-  }, [tableParam]);
-  const goToPage = (nextOffset) => {
-    if (selectedTable === null) {
-      return;
-    }
-    setOffset(Math.max(0, nextOffset));
-  };
-  const editableColumn = (column) => !META_COLUMNS.has(column);
-  const startCellEdit = (targetRow, column) => {
-    setEditingCell({
-      column,
-      rowId: targetRow
-    });
-  };
-  const cancelCellEdit = () => {
-    setEditingCell(null);
-  };
-  const commitStaged = async () => {
-    if (selectedTable === null) {
-      return;
-    }
-    setWriteError(null);
-    setCommitting(true);
-    try {
-      for (const [id, columns] of Object.entries(stagedEdits.staged)) {
-        await client.query(WRITE_ROW$1, {
-          doc: columns,
-          id,
-          op: "patch",
-          table: selectedTable
-        }, callOptions(debouncedShard));
-      }
-      stagedEdits.clear();
-      setEditingCell(null);
-      pageQuery.refetch();
-    } catch (error) {
-      setWriteError(error.message);
-    } finally {
-      setCommitting(false);
-    }
-  };
-  const discardStaged = () => {
-    stagedEdits.clear();
-    setEditingCell(null);
-  };
-  const stagedChanges = useMemo(() => {
-    const rowsById = /* @__PURE__ */ new Map();
-    for (const row of page?.rows ?? []) {
-      const id = rowId(row);
-      if (id !== null) {
-        rowsById.set(id, row);
-      }
-    }
-    const changes = [];
-    for (const [id, columns] of Object.entries(stagedEdits.staged)) {
-      for (const [column, newValue] of Object.entries(columns)) {
-        changes.push({
-          column,
-          newValue,
-          oldValue: rowsById.get(id)?.[column],
-          rowId: id
-        });
-      }
-    }
-    return changes;
-  }, [page, stagedEdits.staged]);
-  const writeRow = async (op, id, documentText) => {
-    if (selectedTable === null) {
-      return;
-    }
-    setWriteError(null);
-    let parsedDocument;
-    if (op !== "delete") {
-      try {
-        parsedDocument = documentText === void 0 || documentText.trim() === "" ? {} : JSON.parse(documentText);
-      } catch (error) {
-        setWriteError(`Invalid JSON: ${error.message}`);
-        return;
-      }
-    }
-    try {
-      await client.query(WRITE_ROW$1, {
-        doc: parsedDocument,
-        id: id ?? void 0,
-        op,
-        table: selectedTable
-      }, callOptions(debouncedShard));
-      setEditing(null);
-      pageQuery.refetch();
-    } catch (error) {
-      setWriteError(error.message);
-    }
-  };
-  const drainBulk = async (ref, args) => {
-    if (selectedTable === null) {
-      return;
-    }
-    setWriteError(null);
-    try {
-      for (let batch = 0; batch < MAX_BULK_DELETE_BATCHES; batch += 1) {
-        const result = await client.query(ref, args, callOptions(debouncedShard));
-        if (!result.hasMore) {
-          break;
-        }
-      }
-      setOffset(0);
-      pageQuery.refetch();
-    } catch (error) {
-      setWriteError(error.message);
-    }
-  };
-  const changeSorting = (updater) => {
-    setSorting(updater);
-    setOffset(0);
-  };
-  const table = useDataBrowserTable(page, sorting, changeSorting);
-  const currentView = {
-    filters: toFilterClauses(filters),
-    orderBy: toOrderBy(sorting),
-    search,
-    shard: shardKey,
-    table: selectedTable ?? void 0
-  };
-  const total = countQuery.data?.total ?? (page === null ? 0 : offset + page.rows.length);
-  const hasPrevious = offset > 0;
-  const hasNext = page !== null && offset + page.rows.length < total;
-  const rangeStart = page === null || page.rows.length === 0 ? 0 : offset + 1;
-  const rangeEnd = page === null ? 0 : offset + page.rows.length;
-  const loadTables = () => {
-    tablesQuery.refetch();
-  };
-  const showTable = () => {
-    setViewMode("table");
-  };
-  const showJson = () => {
-    setViewMode("json");
-  };
-  const bulkDelete = () => {
-    fireAndForget(drainBulk(DELETE_ROWS, {
-      filters: toFilterClauses(filtersRef.current),
-      search,
-      table: selectedTable
-    }));
-  };
-  const emptyTable = () => {
-    fireAndForget(drainBulk(CLEAR_TABLE, {
-      table: selectedTable
-    }));
-  };
-  const onFilterChange = (event) => {
-    setFilter(event.target.value);
-    setOffset(0);
-  };
-  const changeFilters = (next) => {
-    setFilters(next);
-    setOffset(0);
-  };
-  const addRow = () => {
-    setWriteError(null);
-    const seed = {};
-    for (const column of page?.columns ?? []) {
-      if (!META_COLUMNS.has(column)) {
-        seed[column] = "";
-      }
-    }
-    setEditing({
-      docText: JSON.stringify(seed, null, 2),
-      id: ""
-    });
-  };
-  const setEditorDocumentText = (text) => {
-    setEditing((current) => current === null ? current : {
-      docText: text,
-      id: current.id
-    });
-  };
-  const saveEdit = () => {
-    if (editing === null) {
-      return;
-    }
-    fireAndForget(writeRow(editing.id === "" ? "insert" : "patch", editing.id === "" ? null : editing.id, editing.docText));
-  };
-  const cancelEdit = () => {
-    setEditing(null);
-    setWriteError(null);
-  };
-  const goPrevious = () => {
-    goToPage(offset - pageSize);
-  };
-  const goNext = () => {
-    goToPage(offset + pageSize);
-  };
-  const jumpToPage = (targetPage) => {
-    goToPage(Math.max(0, (targetPage - 1) * pageSize));
-  };
-  const changePageSize = (size) => {
-    setPageSize(size);
-    setOffset(0);
-  };
-  const onRowEdit = (id, original) => {
-    setWriteError(null);
-    setEditing({
-      docText: JSON.stringify(rowDocument(original), null, 2),
-      id
-    });
-  };
-  const onRowDelete = (id) => {
-    fireAndForget(writeRow("delete", id));
-  };
-  const deleteSelected = async (ids) => {
-    if (selectedTable === null || ids.length === 0) {
-      return;
-    }
-    setWriteError(null);
-    try {
-      for (const id of ids) {
-        await client.query(WRITE_ROW$1, {
-          id,
-          op: "delete",
-          table: selectedTable
-        }, callOptions(debouncedShard));
-      }
-      pageQuery.refetch();
-    } catch (error) {
-      setWriteError(error.message);
-    }
-  };
-  const onBulkDeleteSelected = (ids) => {
-    fireAndForget(deleteSelected(ids));
-  };
-  const onCommitStaged = () => {
-    fireAndForget(commitStaged());
-  };
-  return {
-    addRow,
-    bulkDelete,
-    cancelCellEdit,
-    cancelEdit,
-    changePageSize,
-    clearTable: emptyTable,
-    columns: page?.columns ?? [],
-    committing,
-    currentView,
-    discardStaged,
-    editableColumn,
-    editing,
-    editingCell,
-    facetFilter,
-    facets,
-    filter,
-    filters,
-    goNext,
-    goPrevious,
-    hasNext,
-    hasPrevious,
-    jumpToPage,
-    liveError,
-    loadTables,
-    navigateToRef,
-    onBulkDeleteSelected,
-    onCommitStaged,
-    onFilterChange,
-    onFiltersChange: changeFilters,
-    onRowDelete,
-    onRowEdit,
-    page,
-    previewRef,
-    pageError,
-    pageSize,
-    rangeEnd,
-    rangeStart,
-    saveEdit,
-    selectedTable,
-    selectTable,
-    setEditorDocumentText,
-    setShardKey,
-    shardKey,
-    showJson,
-    showTable,
-    stage: stagedEdits.stage,
-    stagedChanges,
-    stagedValue: stagedEdits.stagedValue,
-    startCellEdit,
-    table,
-    tables,
-    tablesError,
-    toggleFacet,
-    total,
-    viewMode,
-    writeError
-  };
-};
-
-const DESCRIBE_TABLE = adminRef(ADMIN_FUNCTIONS.describeTable);
-const READ_TABLE_PAGE = adminRef(ADMIN_FUNCTIONS.readTablePage);
-const WRITE_ROW = adminRef(ADMIN_FUNCTIONS.writeRow);
-const extractId = (row) => {
-  const raw = row["_id"] ?? row["id"] ?? row["__id__"] ?? "";
-  if (typeof raw === "string") {
-    return raw;
-  }
-  if (typeof raw === "number") {
-    return String(raw);
-  }
-  return "";
-};
-const useGenerateRows = (onRefresh) => {
-  const client = useLunora();
-  const [open, setOpen] = useState(false);
-  const [table, setTable] = useState(void 0);
-  const [shardKey, setShardKey] = useState(void 0);
-  const [columnMeta, setColumnMeta] = useState(void 0);
-  const [fkPools, setFkPools] = useState({});
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState(void 0);
-  const openDialogAsync = async (targetTable, targetShard) => {
-    setOpen(true);
-    setTable(targetTable);
-    setShardKey(targetShard);
-    setColumnMeta(void 0);
-    setFkPools({});
-    setError(void 0);
-    setLoading(true);
-    try {
-      const result = await client.query(DESCRIBE_TABLE, {
-        table: targetTable
-      }, callOptions(targetShard));
-      const {
-        columns
-      } = result;
-      setColumnMeta(columns);
-      const pools = {};
-      const fkColumns = columns.filter((column) => column.ref !== void 0 && column.type === "id" && column.pk !== true);
-      for (const fkColumn of fkColumns) {
-        if (fkColumn.ref === void 0) {
-          continue;
-        }
-        const {
-          ref
-        } = fkColumn;
-        if (pools[ref] !== void 0) {
-          continue;
-        }
-        try {
-          const page = await client.query(READ_TABLE_PAGE, {
-            filters: [],
-            limit: MAX_FK_SAMPLE,
-            offset: 0,
-            search: "",
-            table: ref
-          }, callOptions(targetShard));
-          pools[ref] = page.rows.map((row) => extractId(row)).filter(Boolean);
-        } catch {
-          pools[ref] = [];
-        }
-      }
-      setFkPools(pools);
-    } catch (error_) {
-      setError(error_.message);
-    } finally {
-      setLoading(false);
-    }
-  };
-  const openDialog = (targetTable_0, targetShard_0) => {
-    fireAndForget(openDialogAsync(targetTable_0, targetShard_0));
-  };
-  const closeDialog = () => {
-    setOpen(false);
-    setTable(void 0);
-    setShardKey(void 0);
-    setColumnMeta(void 0);
-    setFkPools({});
-    setError(void 0);
-  };
-  const insertBatch = async (rows, onDone) => {
-    if (table === void 0 || shardKey === void 0) {
-      return "No table selected.";
-    }
-    try {
-      for (const rowDocument of rows) {
-        await client.query(WRITE_ROW, {
-          doc: rowDocument,
-          op: "insert",
-          table
-        }, callOptions(shardKey));
-      }
-      onDone();
-      onRefresh();
-      return void 0;
-    } catch (error__0) {
-      return error__0.message;
-    }
-  };
-  return {
-    closeDialog,
-    columnMeta,
-    error,
-    fkPools,
-    insertBatch,
-    loading,
-    open,
-    openDialog,
-    shardKey,
-    table
-  };
-};
-
-const NO_COLUMNS = [];
-const useMaskPolicies = () => {
-  const $ = c(1);
-  let t0;
-  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t0 = {};
-    $[0] = t0;
-  } else {
-    t0 = $[0];
-  }
-  const {
-    data
-  } = useAdminQuery(ADMIN_FUNCTIONS.maskPolicies, t0);
-  return Array.isArray(data?.columns) ? data.columns : NO_COLUMNS;
-};
-
-const TIMESTAMP_RE$1 = /(?:_creationtime|(?:^|[a-z])(?:time|at))$/iu;
-const looksLikeTimestamp = (column, value) => typeof value === "number" && TIMESTAMP_RE$1.test(column);
-const FieldValue = (t0) => {
-  const $ = c(26);
-  const {
-    column,
-    onNavigate,
-    target,
-    value
-  } = t0;
-  let t1;
-  if ($[0] !== onNavigate || $[1] !== target || $[2] !== value) {
-    t1 = () => {
-      if (target !== void 0) {
-        onNavigate(target, String(value));
-      }
-    };
-    $[0] = onNavigate;
-    $[1] = target;
-    $[2] = value;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  const onClick = t1;
-  if (value === null || value === void 0) {
-    let t22;
-    if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-      t22 = /* @__PURE__ */ jsxDEV("span", {
-        className: "italic text-muted-foreground",
-        children: "null"
-      }, void 0, false);
-      $[4] = t22;
-    } else {
-      t22 = $[4];
-    }
-    return t22;
-  }
-  if (target !== void 0 && (typeof value === "string" || typeof value === "number") && String(value) !== "") {
-    const t22 = `rd-ref-${column}`;
-    const t32 = `Open ${target} ${String(value)}`;
-    const t4 = String(value);
-    let t5;
-    if ($[5] !== onClick || $[6] !== t22 || $[7] !== t32 || $[8] !== t4) {
-      t5 = /* @__PURE__ */ jsxDEV("button", {
-        "data-testid": t22,
-        onClick,
-        title: t32,
-        type: "button",
-        children: [t4, " ↗"]
-      }, void 0, true);
-      $[5] = onClick;
-      $[6] = t22;
-      $[7] = t32;
-      $[8] = t4;
-      $[9] = t5;
-    } else {
-      t5 = $[9];
-    }
-    return t5;
-  }
-  if (looksLikeTimestamp(column, value)) {
-    const t22 = `rd-ts-${column}`;
-    let t32;
-    if ($[10] !== value) {
-      t32 = value.toString();
-      $[10] = value;
-      $[11] = t32;
-    } else {
-      t32 = $[11];
-    }
-    let t4;
-    if ($[12] !== value) {
-      t4 = formatTimestamp(value);
-      $[12] = value;
-      $[13] = t4;
-    } else {
-      t4 = $[13];
-    }
-    let t5;
-    if ($[14] !== t22 || $[15] !== t32 || $[16] !== t4) {
-      t5 = /* @__PURE__ */ jsxDEV("span", {
-        "data-testid": t22,
-        title: t32,
-        children: t4
-      }, void 0, false);
-      $[14] = t22;
-      $[15] = t32;
-      $[16] = t4;
-      $[17] = t5;
-    } else {
-      t5 = $[17];
-    }
-    return t5;
-  }
-  if (typeof value === "object") {
-    let t22;
-    if ($[18] !== value) {
-      t22 = JSON.stringify(value, null, 2);
-      $[18] = value;
-      $[19] = t22;
-    } else {
-      t22 = $[19];
-    }
-    let t32;
-    if ($[20] !== t22) {
-      t32 = /* @__PURE__ */ jsxDEV("pre", {
-        className: "m-0 overflow-auto rounded-md bg-muted/50 p-2 text-xs",
-        children: t22
-      }, void 0, false);
-      $[20] = t22;
-      $[21] = t32;
-    } else {
-      t32 = $[21];
-    }
-    return t32;
-  }
-  let t2;
-  if ($[22] !== value) {
-    t2 = formatCell(value);
-    $[22] = value;
-    $[23] = t2;
-  } else {
-    t2 = $[23];
-  }
-  let t3;
-  if ($[24] !== t2) {
-    t3 = /* @__PURE__ */ jsxDEV("span", {
-      children: t2
-    }, void 0, false);
-    $[24] = t2;
-    $[25] = t3;
-  } else {
-    t3 = $[25];
-  }
-  return t3;
-};
-const RowDetailDrawer = (t0) => {
-  const $ = c(21);
-  const {
-    columns,
-    onClose,
-    onNavigate,
-    refs,
-    row
-  } = t0;
-  let t1;
-  if ($[0] !== onClose || $[1] !== onNavigate) {
-    t1 = (target, id) => {
-      onNavigate(target, id);
-      onClose();
-    };
-    $[0] = onClose;
-    $[1] = onNavigate;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const navigateAndClose = t1;
-  let t2;
-  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t2 = /* @__PURE__ */ jsxDEV("h3", {
-      className: "m-0 text-base text-foreground",
-      children: "Row detail"
-    }, void 0, false);
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  let t3;
-  if ($[4] !== onClose) {
-    t3 = /* @__PURE__ */ jsxDEV("div", {
-      className: "mb-3 flex items-center justify-between",
-      children: [t2, /* @__PURE__ */ jsxDEV("button", {
-        "data-testid": "rd-close",
-        onClick: onClose,
-        type: "button",
-        children: "Close"
-      }, void 0, false)]
-    }, void 0, true);
-    $[4] = onClose;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  let t4;
-  if ($[6] !== columns || $[7] !== navigateAndClose || $[8] !== refs || $[9] !== row) {
-    let t52;
-    if ($[11] !== navigateAndClose || $[12] !== refs || $[13] !== row) {
-      t52 = (column) => /* @__PURE__ */ jsxDEV("div", {
-        className: "border-t border-border py-2 first:border-t-0",
-        "data-testid": `rd-field-${column}`,
-        children: [/* @__PURE__ */ jsxDEV("dt", {
-          className: "mb-0.5 text-xs font-semibold text-muted-foreground",
-          children: column
-        }, void 0, false), /* @__PURE__ */ jsxDEV("dd", {
-          className: "m-0",
-          children: /* @__PURE__ */ jsxDEV(FieldValue, {
-            column,
-            onNavigate: navigateAndClose,
-            target: refs?.[column],
-            value: row[column]
-          }, void 0, false)
-        }, void 0, false)]
-      }, column, true);
-      $[11] = navigateAndClose;
-      $[12] = refs;
-      $[13] = row;
-      $[14] = t52;
-    } else {
-      t52 = $[14];
-    }
-    t4 = columns.map(t52);
-    $[6] = columns;
-    $[7] = navigateAndClose;
-    $[8] = refs;
-    $[9] = row;
-    $[10] = t4;
-  } else {
-    t4 = $[10];
-  }
-  let t5;
-  if ($[15] !== t4) {
-    t5 = /* @__PURE__ */ jsxDEV("dl", {
-      "data-testid": "rd-fields",
-      children: t4
-    }, void 0, false);
-    $[15] = t4;
-    $[16] = t5;
-  } else {
-    t5 = $[16];
-  }
-  let t6;
-  if ($[17] !== onClose || $[18] !== t3 || $[19] !== t5) {
-    t6 = /* @__PURE__ */ jsxDEV(ModalShell, {
-      label: "Row detail",
-      onClose,
-      panelTestId: "rd-panel",
-      testId: "rd-overlay",
-      variant: "drawer",
-      children: [t3, t5]
-    }, void 0, true);
-    $[17] = onClose;
-    $[18] = t3;
-    $[19] = t5;
-    $[20] = t6;
-  } else {
-    t6 = $[20];
-  }
-  return t6;
-};
-
-const CONTROL_BTN$1 = "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 aria-pressed:bg-accent aria-pressed:text-accent-foreground disabled:pointer-events-none disabled:opacity-50";
-const FIELD_INPUT = "w-full rounded-md border border-border bg-background px-2 py-1 font-mono text-xs outline-none focus-visible:border-ring";
-const TIMESTAMP_RE = /(?:_creationtime|(?:^|[a-z])(?:time|at))$/iu;
-const inferKind = (column, value) => {
-  if (typeof value === "boolean") {
-    return "boolean";
-  }
-  if (typeof value === "number") {
-    return TIMESTAMP_RE.test(column) ? "date" : "number";
-  }
-  if (value !== null && typeof value === "object") {
-    return "json";
-  }
-  return "text";
-};
-const parseDocument = (documentText) => {
-  try {
-    const value = JSON.parse(documentText);
-    return value !== null && typeof value === "object" && !Array.isArray(value) ? value : null;
-  } catch {
-    return null;
-  }
-};
-const toLocalDateTime = (ms) => {
-  const date = new Date(ms);
-  const pad = (n) => String(n).padStart(2, "0");
-  return `${date.getFullYear().toString()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}T${pad(date.getHours())}:${pad(date.getMinutes())}`;
-};
-const BooleanField = (t0) => {
-  const $ = c(8);
-  const {
-    column,
-    onChange,
-    value
-  } = t0;
-  let t1;
-  if ($[0] !== column || $[1] !== onChange) {
-    t1 = (checked) => {
-      onChange(column, checked);
-    };
-    $[0] = column;
-    $[1] = onChange;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const onCheckedChange = t1;
-  const t2 = value === true;
-  const t3 = `db-field-${column}`;
-  let t4;
-  if ($[3] !== column || $[4] !== onCheckedChange || $[5] !== t2 || $[6] !== t3) {
-    t4 = /* @__PURE__ */ jsxDEV(Checkbox, {
-      "aria-label": column,
-      checked: t2,
-      "data-testid": t3,
-      onCheckedChange
-    }, void 0, false);
-    $[3] = column;
-    $[4] = onCheckedChange;
-    $[5] = t2;
-    $[6] = t3;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  return t4;
-};
-const NumberField = (t0) => {
-  const $ = c(7);
-  const {
-    column,
-    onChange,
-    value
-  } = t0;
-  let t1;
-  if ($[0] !== column || $[1] !== onChange) {
-    t1 = (event) => {
-      const next = Number(event.target.value);
-      if (event.target.value !== "" && !Number.isNaN(next)) {
-        onChange(column, next);
-      }
-    };
-    $[0] = column;
-    $[1] = onChange;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const onInput = t1;
-  const t2 = `db-field-${column}`;
-  const t3 = typeof value === "number" ? value : "";
-  let t4;
-  if ($[3] !== onInput || $[4] !== t2 || $[5] !== t3) {
-    t4 = /* @__PURE__ */ jsxDEV("input", {
-      className: FIELD_INPUT,
-      "data-testid": t2,
-      onChange: onInput,
-      type: "number",
-      value: t3
-    }, void 0, false);
-    $[3] = onInput;
-    $[4] = t2;
-    $[5] = t3;
-    $[6] = t4;
-  } else {
-    t4 = $[6];
-  }
-  return t4;
-};
-const DateField = (t0) => {
-  const $ = c(9);
-  const {
-    column,
-    onChange,
-    value
-  } = t0;
-  let t1;
-  if ($[0] !== column || $[1] !== onChange) {
-    t1 = (event) => {
-      const ms = new Date(event.target.value).getTime();
-      if (!Number.isNaN(ms)) {
-        onChange(column, ms);
-      }
-    };
-    $[0] = column;
-    $[1] = onChange;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const onInput = t1;
-  const t2 = `db-field-${column}`;
-  let t3;
-  if ($[3] !== value) {
-    t3 = typeof value === "number" ? toLocalDateTime(value) : "";
-    $[3] = value;
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  let t4;
-  if ($[5] !== onInput || $[6] !== t2 || $[7] !== t3) {
-    t4 = /* @__PURE__ */ jsxDEV("input", {
-      className: FIELD_INPUT,
-      "data-testid": t2,
-      onChange: onInput,
-      type: "datetime-local",
-      value: t3
-    }, void 0, false);
-    $[5] = onInput;
-    $[6] = t2;
-    $[7] = t3;
-    $[8] = t4;
-  } else {
-    t4 = $[8];
-  }
-  return t4;
-};
-const TextField = (t0) => {
-  const $ = c(7);
-  const {
-    column,
-    onChange,
-    value
-  } = t0;
-  let t1;
-  if ($[0] !== column || $[1] !== onChange) {
-    t1 = (event) => {
-      onChange(column, event.target.value);
-    };
-    $[0] = column;
-    $[1] = onChange;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const onInput = t1;
-  const t2 = `db-field-${column}`;
-  const t3 = typeof value === "string" ? value : "";
-  let t4;
-  if ($[3] !== onInput || $[4] !== t2 || $[5] !== t3) {
-    t4 = /* @__PURE__ */ jsxDEV("input", {
-      className: FIELD_INPUT,
-      "data-testid": t2,
-      onChange: onInput,
-      type: "text",
-      value: t3
-    }, void 0, false);
-    $[3] = onInput;
-    $[4] = t2;
-    $[5] = t3;
-    $[6] = t4;
-  } else {
-    t4 = $[6];
-  }
-  return t4;
-};
-const JsonField = (t0) => {
-  const $ = c(19);
-  const {
-    column,
-    onChange,
-    value
-  } = t0;
-  const t = useT();
-  let t1;
-  if ($[0] !== value) {
-    t1 = () => JSON.stringify(value, null, 2);
-    $[0] = value;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const [text, setText] = useState(t1);
-  const [error, setError] = useState(false);
-  let t2;
-  if ($[2] !== column || $[3] !== onChange) {
-    t2 = (event) => {
-      const next = event.target.value;
-      setText(next);
-      try {
-        onChange(column, JSON.parse(next));
-        setError(false);
-      } catch {
-        setError(true);
-      }
-    };
-    $[2] = column;
-    $[3] = onChange;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  const onInput = t2;
-  const t3 = error && "border-destructive";
-  let t4;
-  if ($[5] !== t3) {
-    t4 = cn(FIELD_INPUT, "min-h-16", t3);
-    $[5] = t3;
-    $[6] = t4;
-  } else {
-    t4 = $[6];
-  }
-  const t5 = `db-field-${column}`;
-  let t6;
-  if ($[7] !== onInput || $[8] !== t4 || $[9] !== t5 || $[10] !== text) {
-    t6 = /* @__PURE__ */ jsxDEV("textarea", {
-      className: t4,
-      "data-testid": t5,
-      onChange: onInput,
-      value: text
-    }, void 0, false);
-    $[7] = onInput;
-    $[8] = t4;
-    $[9] = t5;
-    $[10] = text;
-    $[11] = t6;
-  } else {
-    t6 = $[11];
-  }
-  let t7;
-  if ($[12] !== column || $[13] !== error || $[14] !== t) {
-    t7 = error && /* @__PURE__ */ jsxDEV("span", {
-      className: "text-xs text-destructive",
-      "data-testid": `db-field-error-${column}`,
-      children: t("Invalid JSON")
-    }, void 0, false);
-    $[12] = column;
-    $[13] = error;
-    $[14] = t;
-    $[15] = t7;
-  } else {
-    t7 = $[15];
-  }
-  let t8;
-  if ($[16] !== t6 || $[17] !== t7) {
-    t8 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-col gap-1",
-      children: [t6, t7]
-    }, void 0, true);
-    $[16] = t6;
-    $[17] = t7;
-    $[18] = t8;
-  } else {
-    t8 = $[18];
-  }
-  return t8;
-};
-const FieldRow = (t0) => {
-  const $ = c(43);
-  const {
-    column,
-    onChange,
-    target,
-    value
-  } = t0;
-  let t1;
-  if ($[0] !== column || $[1] !== value) {
-    t1 = inferKind(column, value);
-    $[0] = column;
-    $[1] = value;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const kind = t1;
-  const t2 = `db-field-${column}`;
-  let t3;
-  if ($[3] !== column) {
-    t3 = /* @__PURE__ */ jsxDEV("span", {
-      className: "font-mono",
-      children: column
-    }, void 0, false);
-    $[3] = column;
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  let t4;
-  if ($[5] !== target) {
-    t4 = target !== void 0 && /* @__PURE__ */ jsxDEV("span", {
-      className: "rounded bg-muted px-1 font-mono text-[10px] tracking-wide uppercase",
-      children: ["→ ", target]
-    }, void 0, true);
-    $[5] = target;
-    $[6] = t4;
-  } else {
-    t4 = $[6];
-  }
-  let t5;
-  if ($[7] !== t3 || $[8] !== t4) {
-    t5 = /* @__PURE__ */ jsxDEV("span", {
-      className: "flex items-center gap-1.5 font-medium text-muted-foreground",
-      children: [t3, t4]
-    }, void 0, true);
-    $[7] = t3;
-    $[8] = t4;
-    $[9] = t5;
-  } else {
-    t5 = $[9];
-  }
-  let t6;
-  if ($[10] !== column || $[11] !== kind || $[12] !== onChange || $[13] !== value) {
-    t6 = kind === "boolean" && /* @__PURE__ */ jsxDEV(BooleanField, {
-      column,
-      onChange,
-      value
-    }, void 0, false);
-    $[10] = column;
-    $[11] = kind;
-    $[12] = onChange;
-    $[13] = value;
-    $[14] = t6;
-  } else {
-    t6 = $[14];
-  }
-  let t7;
-  if ($[15] !== column || $[16] !== kind || $[17] !== onChange || $[18] !== value) {
-    t7 = kind === "number" && /* @__PURE__ */ jsxDEV(NumberField, {
-      column,
-      onChange,
-      value
-    }, void 0, false);
-    $[15] = column;
-    $[16] = kind;
-    $[17] = onChange;
-    $[18] = value;
-    $[19] = t7;
-  } else {
-    t7 = $[19];
-  }
-  let t8;
-  if ($[20] !== column || $[21] !== kind || $[22] !== onChange || $[23] !== value) {
-    t8 = kind === "date" && /* @__PURE__ */ jsxDEV(DateField, {
-      column,
-      onChange,
-      value
-    }, void 0, false);
-    $[20] = column;
-    $[21] = kind;
-    $[22] = onChange;
-    $[23] = value;
-    $[24] = t8;
-  } else {
-    t8 = $[24];
-  }
-  let t9;
-  if ($[25] !== column || $[26] !== kind || $[27] !== onChange || $[28] !== value) {
-    t9 = kind === "json" && /* @__PURE__ */ jsxDEV(JsonField, {
-      column,
-      onChange,
-      value
-    }, void 0, false);
-    $[25] = column;
-    $[26] = kind;
-    $[27] = onChange;
-    $[28] = value;
-    $[29] = t9;
-  } else {
-    t9 = $[29];
-  }
-  let t10;
-  if ($[30] !== column || $[31] !== kind || $[32] !== onChange || $[33] !== value) {
-    t10 = kind === "text" && /* @__PURE__ */ jsxDEV(TextField, {
-      column,
-      onChange,
-      value
-    }, void 0, false);
-    $[30] = column;
-    $[31] = kind;
-    $[32] = onChange;
-    $[33] = value;
-    $[34] = t10;
-  } else {
-    t10 = $[34];
-  }
-  let t11;
-  if ($[35] !== t10 || $[36] !== t2 || $[37] !== t5 || $[38] !== t6 || $[39] !== t7 || $[40] !== t8 || $[41] !== t9) {
-    t11 = /* @__PURE__ */ jsxDEV("label", {
-      className: "flex flex-col gap-1 text-xs",
-      htmlFor: t2,
-      children: [t5, t6, t7, t8, t9, t10]
-    }, void 0, true);
-    $[35] = t10;
-    $[36] = t2;
-    $[37] = t5;
-    $[38] = t6;
-    $[39] = t7;
-    $[40] = t8;
-    $[41] = t9;
-    $[42] = t11;
-  } else {
-    t11 = $[42];
-  }
-  return t11;
-};
-const RowFormEditor = (t0) => {
-  const $ = c(48);
-  const {
-    documentText,
-    onCancel,
-    onDocumentTextChange,
-    onSave,
-    refs
-  } = t0;
-  const t = useT();
-  let t1;
-  if ($[0] !== documentText) {
-    t1 = parseDocument(documentText);
-    $[0] = documentText;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const fields = t1;
-  const [rawMode, setRawMode] = useState(false);
-  const showForm = !rawMode && fields !== null;
-  let t2;
-  if ($[2] !== fields || $[3] !== onDocumentTextChange) {
-    t2 = (column, value) => {
-      onDocumentTextChange(JSON.stringify({
-        ...fields,
-        [column]: value
-      }, null, 2));
-    };
-    $[2] = fields;
-    $[3] = onDocumentTextChange;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  const onField = t2;
-  let t3;
-  if ($[5] !== onDocumentTextChange) {
-    t3 = (event) => {
-      onDocumentTextChange(event.target.value);
-    };
-    $[5] = onDocumentTextChange;
-    $[6] = t3;
-  } else {
-    t3 = $[6];
-  }
-  const onTextarea = t3;
-  let t4;
-  if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t4 = () => {
-      setRawMode(false);
-    };
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  const showFormMode = t4;
-  let t5;
-  if ($[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t5 = () => {
-      setRawMode(true);
-    };
-    $[8] = t5;
-  } else {
-    t5 = $[8];
-  }
-  const showJsonMode = t5;
-  const t6 = fields === null;
-  let t7;
-  if ($[9] !== t) {
-    t7 = t("Form");
-    $[9] = t;
-    $[10] = t7;
-  } else {
-    t7 = $[10];
-  }
-  let t8;
-  if ($[11] !== showForm || $[12] !== t6 || $[13] !== t7) {
-    t8 = /* @__PURE__ */ jsxDEV("button", {
-      "aria-pressed": showForm,
-      className: CONTROL_BTN$1,
-      "data-testid": "db-editor-form",
-      disabled: t6,
-      onClick: showFormMode,
-      type: "button",
-      children: t7
-    }, void 0, false);
-    $[11] = showForm;
-    $[12] = t6;
-    $[13] = t7;
-    $[14] = t8;
-  } else {
-    t8 = $[14];
-  }
-  const t9 = !showForm;
-  let t10;
-  if ($[15] !== t) {
-    t10 = t("JSON");
-    $[15] = t;
-    $[16] = t10;
-  } else {
-    t10 = $[16];
-  }
-  let t11;
-  if ($[17] !== t10 || $[18] !== t9) {
-    t11 = /* @__PURE__ */ jsxDEV("button", {
-      "aria-pressed": t9,
-      className: CONTROL_BTN$1,
-      "data-testid": "db-editor-json",
-      onClick: showJsonMode,
-      type: "button",
-      children: t10
-    }, void 0, false);
-    $[17] = t10;
-    $[18] = t9;
-    $[19] = t11;
-  } else {
-    t11 = $[19];
-  }
-  let t12;
-  if ($[20] !== t11 || $[21] !== t8) {
-    t12 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex items-center gap-1.5",
-      children: [t8, t11]
-    }, void 0, true);
-    $[20] = t11;
-    $[21] = t8;
-    $[22] = t12;
-  } else {
-    t12 = $[22];
-  }
-  let t13;
-  if ($[23] !== documentText || $[24] !== fields || $[25] !== onField || $[26] !== onTextarea || $[27] !== refs || $[28] !== showForm || $[29] !== t) {
-    t13 = showForm ? /* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-col gap-3",
-      "data-testid": "db-editor-fields",
-      children: Object.entries(fields).map((t142) => {
-        const [column_0, value_0] = t142;
-        return /* @__PURE__ */ jsxDEV(FieldRow, {
-          column: column_0,
-          onChange: onField,
-          target: refs?.[column_0],
-          value: value_0
-        }, column_0, false);
-      })
-    }, void 0, false) : /* @__PURE__ */ jsxDEV("textarea", {
-      "aria-label": t("Row document JSON"),
-      className: "min-h-28 w-full rounded-md border border-border bg-background px-2 py-1.5 font-mono text-xs outline-none focus-visible:border-ring",
-      "data-testid": "db-editor-doc",
-      onChange: onTextarea,
-      value: documentText
-    }, void 0, false);
-    $[23] = documentText;
-    $[24] = fields;
-    $[25] = onField;
-    $[26] = onTextarea;
-    $[27] = refs;
-    $[28] = showForm;
-    $[29] = t;
-    $[30] = t13;
-  } else {
-    t13 = $[30];
-  }
-  let t14;
-  if ($[31] !== t) {
-    t14 = t("Save");
-    $[31] = t;
-    $[32] = t14;
-  } else {
-    t14 = $[32];
-  }
-  let t15;
-  if ($[33] !== onSave || $[34] !== t14) {
-    t15 = /* @__PURE__ */ jsxDEV("button", {
-      className: CONTROL_BTN$1,
-      "data-testid": "db-editor-save",
-      onClick: onSave,
-      type: "button",
-      children: t14
-    }, void 0, false);
-    $[33] = onSave;
-    $[34] = t14;
-    $[35] = t15;
-  } else {
-    t15 = $[35];
-  }
-  let t16;
-  if ($[36] !== t) {
-    t16 = t("Cancel");
-    $[36] = t;
-    $[37] = t16;
-  } else {
-    t16 = $[37];
-  }
-  let t17;
-  if ($[38] !== onCancel || $[39] !== t16) {
-    t17 = /* @__PURE__ */ jsxDEV("button", {
-      className: CONTROL_BTN$1,
-      "data-testid": "db-editor-cancel",
-      onClick: onCancel,
-      type: "button",
-      children: t16
-    }, void 0, false);
-    $[38] = onCancel;
-    $[39] = t16;
-    $[40] = t17;
-  } else {
-    t17 = $[40];
-  }
-  let t18;
-  if ($[41] !== t15 || $[42] !== t17) {
-    t18 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex items-center gap-1.5",
-      children: [t15, t17]
-    }, void 0, true);
-    $[41] = t15;
-    $[42] = t17;
-    $[43] = t18;
-  } else {
-    t18 = $[43];
-  }
-  let t19;
-  if ($[44] !== t12 || $[45] !== t13 || $[46] !== t18) {
-    t19 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-col gap-2 border border-border bg-card p-3",
-      "data-testid": "db-editor",
-      children: [t12, t13, t18]
-    }, void 0, true);
-    $[44] = t12;
-    $[45] = t13;
-    $[46] = t18;
-    $[47] = t19;
-  } else {
-    t19 = $[47];
-  }
-  return t19;
-};
-
-const MAX_SUMMARY_TABLES = 50;
-const ShardButton = (t0) => {
-  const $ = c(8);
-  const {
-    active,
-    onPick,
-    shard
-  } = t0;
-  let t1;
-  if ($[0] !== onPick || $[1] !== shard) {
-    t1 = () => {
-      onPick(shard);
-    };
-    $[0] = onPick;
-    $[1] = shard;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const handleClick = t1;
-  const t2 = `w-full rounded px-2 py-0.5 text-left text-xs transition-colors hover:bg-accent ${active ? "bg-accent font-medium" : ""}`;
-  const t3 = `shard-explorer-item-${shard}`;
-  let t4;
-  if ($[3] !== handleClick || $[4] !== shard || $[5] !== t2 || $[6] !== t3) {
-    t4 = /* @__PURE__ */ jsxDEV("button", {
-      className: t2,
-      "data-testid": t3,
-      onClick: handleClick,
-      type: "button",
-      children: shard
-    }, void 0, false);
-    $[3] = handleClick;
-    $[4] = shard;
-    $[5] = t2;
-    $[6] = t3;
-    $[7] = t4;
-  } else {
-    t4 = $[7];
-  }
-  return t4;
-};
-const ShardExplorer = ({
-  onFetchTables,
-  onSelect
-}) => {
-  const t = useT();
-  const [recents] = useState(() => loadRecentShards());
-  const [open, setOpen] = useState(false);
-  const [activeShard, setActiveShard] = useState(void 0);
-  const [tables, setTables] = useState(void 0);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState(void 0);
-  const requestIdRef = useRef(0);
-  const toggleOpen = () => {
-    setOpen((current) => !current);
-  };
-  const pickShardAsync = async (shardKey) => {
-    onSelect(shardKey);
-    setActiveShard(shardKey);
-    setTables(void 0);
-    setError(void 0);
-    setLoading(true);
-    requestIdRef.current += 1;
-    const myRequestId = requestIdRef.current;
-    try {
-      const result = await onFetchTables(shardKey);
-      if (requestIdRef.current === myRequestId) {
-        setTables(result?.slice(0, MAX_SUMMARY_TABLES));
-      }
-    } catch (error_) {
-      if (requestIdRef.current === myRequestId) {
-        setError(error_.message);
-      }
-    } finally {
-      if (requestIdRef.current === myRequestId) {
-        setLoading(false);
-      }
-    }
-  };
-  const pickShard = (shardKey_0) => {
-    fireAndForget(pickShardAsync(shardKey_0));
-  };
-  if (recents.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxDEV("div", {
-    "data-testid": "shard-explorer",
-    children: [/* @__PURE__ */ jsxDEV("button", {
-      "aria-controls": "shard-explorer-panel",
-      "aria-expanded": open,
-      className: "inline-flex items-center gap-1 rounded-md border border-border px-2 py-1 text-xs font-medium text-foreground outline-none transition-colors hover:bg-accent focus-visible:bg-accent",
-      "data-testid": "shard-explorer-toggle",
-      onClick: toggleOpen,
-      type: "button",
-      children: [t("Shards seen"), /* @__PURE__ */ jsxDEV("span", {
-        "aria-hidden": "true",
-        className: `ml-0.5 transition-transform ${open ? "rotate-180" : ""}`,
-        children: "▾"
-      }, void 0, false)]
-    }, void 0, true), open && /* @__PURE__ */ jsxDEV("div", {
-      className: "mt-1 flex flex-col gap-1 rounded-md border border-border bg-popover p-2",
-      "data-testid": "shard-explorer-panel",
-      id: "shard-explorer-panel",
-      children: [/* @__PURE__ */ jsxDEV("p", {
-        className: "text-xs text-muted-foreground",
-        "data-testid": "shard-explorer-hint",
-        children: t("Recently visited shards — click to switch")
-      }, void 0, false), /* @__PURE__ */ jsxDEV("ul", {
-        className: "flex flex-col gap-0.5",
-        "data-testid": "shard-explorer-list",
-        children: recents.map((shard) => /* @__PURE__ */ jsxDEV("li", {
-          children: /* @__PURE__ */ jsxDEV(ShardButton, {
-            active: activeShard === shard,
-            onPick: pickShard,
-            shard
-          }, void 0, false)
-        }, shard, false))
-      }, void 0, false), activeShard !== void 0 && /* @__PURE__ */ jsxDEV("div", {
-        className: "mt-1 border-t border-border pt-1",
-        "data-testid": "shard-explorer-summary",
-        children: [/* @__PURE__ */ jsxDEV("p", {
-          className: "mb-1 text-xs font-medium text-foreground",
-          "data-testid": "shard-explorer-summary-title",
-          children: t("{shard} tables", {
-            shard: activeShard
-          })
-        }, void 0, false), loading && /* @__PURE__ */ jsxDEV("p", {
-          className: "text-xs text-muted-foreground",
-          "data-testid": "shard-explorer-loading",
-          children: t("Loading…")
-        }, void 0, false), error !== void 0 && /* @__PURE__ */ jsxDEV("p", {
-          className: "text-xs text-destructive",
-          "data-testid": "shard-explorer-error",
-          role: "alert",
-          children: error
-        }, void 0, false), !loading && error === void 0 && tables?.length === 0 && /* @__PURE__ */ jsxDEV("p", {
-          className: "text-xs text-muted-foreground",
-          "data-testid": "shard-explorer-empty",
-          children: t("No tables in this shard.")
-        }, void 0, false), !loading && error === void 0 && tables !== void 0 && tables.length > 0 && /* @__PURE__ */ jsxDEV("ul", {
-          className: "flex flex-col gap-0.5",
-          "data-testid": "shard-explorer-tables",
-          children: tables.map((tableInfo) => /* @__PURE__ */ jsxDEV("li", {
-            className: "flex items-center justify-between text-xs",
-            children: [/* @__PURE__ */ jsxDEV("span", {
-              "data-testid": `shard-explorer-table-${tableInfo.name}`,
-              children: tableInfo.name
-            }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
-              className: "text-muted-foreground",
-              "data-testid": `shard-explorer-rowcount-${tableInfo.name}`,
-              children: tableInfo.rowCount
-            }, void 0, false)]
-          }, tableInfo.name, true))
-        }, void 0, false)]
-      }, void 0, true)]
-    }, void 0, true)]
-  }, void 0, true);
-};
-
-const DEFAULT_PAGE_SIZE = 50;
-const NO_TABLES = [];
-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 aria-pressed:bg-accent aria-pressed:text-accent-foreground";
-const LIST_TABLES = adminRef(ADMIN_FUNCTIONS.listTables);
-const DataBrowserSidebarHeader = (t0) => {
-  const $ = c(10);
-  const {
-    onFetchShardTables,
-    onShardChange,
-    schemaSwitch,
-    shardKey
-  } = t0;
-  let t1;
-  if ($[0] !== onShardChange || $[1] !== shardKey) {
-    t1 = /* @__PURE__ */ jsxDEV(ShardInput, {
-      onChange: onShardChange,
-      testId: "db-shard-input",
-      value: shardKey
-    }, void 0, false);
-    $[0] = onShardChange;
-    $[1] = shardKey;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  let t2;
-  if ($[3] !== onFetchShardTables || $[4] !== onShardChange) {
-    t2 = /* @__PURE__ */ jsxDEV(ShardExplorer, {
-      onFetchTables: onFetchShardTables,
-      onSelect: onShardChange
-    }, void 0, false);
-    $[3] = onFetchShardTables;
-    $[4] = onShardChange;
-    $[5] = t2;
-  } else {
-    t2 = $[5];
-  }
-  let t3;
-  if ($[6] !== schemaSwitch || $[7] !== t1 || $[8] !== t2) {
-    t3 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex shrink-0 flex-col items-stretch gap-2 border-b border-border p-3",
-      children: [schemaSwitch, t1, t2]
-    }, void 0, true);
-    $[6] = schemaSwitch;
-    $[7] = t1;
-    $[8] = t2;
-    $[9] = t3;
-  } else {
-    t3 = $[9];
-  }
-  return t3;
-};
-const DataBrowserViewControls = (t0) => {
-  const $ = c(60);
-  const {
-    columns,
-    editable,
-    filter,
-    filters,
-    hasMaskedColumns,
-    liveError,
-    maskOn,
-    onAddRow,
-    onBulkDelete,
-    onClearTable,
-    onFilterChange,
-    onFiltersChange,
-    onGenerateRows,
-    onShowJson,
-    onShowTable,
-    onToggleMask,
-    total,
-    viewMode
-  } = t0;
-  const t = useT();
-  const t1 = viewMode === "table";
-  let t2;
-  if ($[0] !== onShowTable || $[1] !== t1) {
-    t2 = /* @__PURE__ */ jsxDEV("button", {
-      "aria-pressed": t1,
-      className: CONTROL_BTN,
-      "data-testid": "db-view-table",
-      onClick: onShowTable,
-      type: "button",
-      children: "Table"
-    }, void 0, false);
-    $[0] = onShowTable;
-    $[1] = t1;
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  const t3 = viewMode === "json";
-  let t4;
-  if ($[3] !== onShowJson || $[4] !== t3) {
-    t4 = /* @__PURE__ */ jsxDEV("button", {
-      "aria-pressed": t3,
-      className: CONTROL_BTN,
-      "data-testid": "db-view-json",
-      onClick: onShowJson,
-      type: "button",
-      children: "JSON"
-    }, void 0, false);
-    $[3] = onShowJson;
-    $[4] = t3;
-    $[5] = t4;
-  } else {
-    t4 = $[5];
-  }
-  let t5;
-  if ($[6] !== liveError || $[7] !== t) {
-    t5 = liveError === void 0 ? t("Live — changes stream in automatically") : t("Live unavailable: {liveError}", {
-      liveError
-    });
-    $[6] = liveError;
-    $[7] = t;
-    $[8] = t5;
-  } else {
-    t5 = $[8];
-  }
-  const t6 = `size-1.5 rounded-full ${liveError === void 0 ? "bg-success" : "bg-muted-foreground/50"}`;
-  let t7;
-  if ($[9] !== t6) {
-    t7 = /* @__PURE__ */ jsxDEV("span", {
-      "aria-hidden": "true",
-      className: t6
-    }, void 0, false);
-    $[9] = t6;
-    $[10] = t7;
-  } else {
-    t7 = $[10];
-  }
-  let t8;
-  if ($[11] !== liveError || $[12] !== t) {
-    t8 = liveError === void 0 ? t("Live") : t("Live unavailable");
-    $[11] = liveError;
-    $[12] = t;
-    $[13] = t8;
-  } else {
-    t8 = $[13];
-  }
-  let t9;
-  if ($[14] !== t5 || $[15] !== t7 || $[16] !== t8) {
-    t9 = /* @__PURE__ */ jsxDEV("span", {
-      className: "inline-flex items-center gap-1.5 px-1 text-xs font-medium text-muted-foreground",
-      "data-testid": "db-live-indicator",
-      role: "status",
-      title: t5,
-      children: [t7, t8]
-    }, void 0, true);
-    $[14] = t5;
-    $[15] = t7;
-    $[16] = t8;
-    $[17] = t9;
-  } else {
-    t9 = $[17];
-  }
-  let t10;
-  if ($[18] !== hasMaskedColumns || $[19] !== maskOn || $[20] !== onToggleMask || $[21] !== t) {
-    t10 = hasMaskedColumns && /* @__PURE__ */ jsxDEV("button", {
-      "aria-pressed": maskOn,
-      className: CONTROL_BTN,
-      "data-testid": "db-mask-toggle",
-      onClick: onToggleMask,
-      type: "button",
-      children: t("Mask sensitive columns")
-    }, void 0, false);
-    $[18] = hasMaskedColumns;
-    $[19] = maskOn;
-    $[20] = onToggleMask;
-    $[21] = t;
-    $[22] = t10;
-  } else {
-    t10 = $[22];
-  }
-  let t11;
-  if ($[23] !== editable || $[24] !== onAddRow) {
-    t11 = editable && /* @__PURE__ */ jsxDEV("button", {
-      className: CONTROL_BTN,
-      "data-testid": "db-add-row",
-      onClick: onAddRow,
-      type: "button",
-      children: "Add row"
-    }, void 0, false);
-    $[23] = editable;
-    $[24] = onAddRow;
-    $[25] = t11;
-  } else {
-    t11 = $[25];
-  }
-  let t12;
-  if ($[26] !== editable || $[27] !== onGenerateRows || $[28] !== t) {
-    t12 = editable && /* @__PURE__ */ jsxDEV("button", {
-      className: CONTROL_BTN,
-      "data-testid": "db-generate-rows",
-      onClick: onGenerateRows,
-      type: "button",
-      children: t("Generate rows")
-    }, void 0, false);
-    $[26] = editable;
-    $[27] = onGenerateRows;
-    $[28] = t;
-    $[29] = t12;
-  } else {
-    t12 = $[29];
-  }
-  let t13;
-  if ($[30] !== editable || $[31] !== filter || $[32] !== filters || $[33] !== onBulkDelete || $[34] !== total) {
-    t13 = editable && total > 0 && (filter !== "" || filters.length > 0) && /* @__PURE__ */ jsxDEV(ConfirmButton, {
-      confirmLabel: `Delete ${total.toString()} matching?`,
-      onConfirm: onBulkDelete,
-      testId: "db-bulk-delete",
-      children: `Delete ${total.toString()} matching`
-    }, void 0, false);
-    $[30] = editable;
-    $[31] = filter;
-    $[32] = filters;
-    $[33] = onBulkDelete;
-    $[34] = total;
-    $[35] = t13;
-  } else {
-    t13 = $[35];
-  }
-  let t14;
-  if ($[36] !== editable || $[37] !== filter || $[38] !== filters || $[39] !== onClearTable || $[40] !== total) {
-    t14 = editable && total > 0 && filter === "" && filters.length === 0 && /* @__PURE__ */ jsxDEV(ConfirmButton, {
-      confirmLabel: `Clear all ${total.toString()} rows?`,
-      onConfirm: onClearTable,
-      testId: "db-clear-table",
-      children: `Clear table (${total.toString()})`
-    }, void 0, false);
-    $[36] = editable;
-    $[37] = filter;
-    $[38] = filters;
-    $[39] = onClearTable;
-    $[40] = total;
-    $[41] = t14;
-  } else {
-    t14 = $[41];
-  }
-  let t15;
-  if ($[42] !== t10 || $[43] !== t11 || $[44] !== t12 || $[45] !== t13 || $[46] !== t14 || $[47] !== t2 || $[48] !== t4 || $[49] !== t9) {
-    t15 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-wrap items-center gap-1.5",
-      children: [t2, t4, t9, t10, t11, t12, t13, t14]
-    }, void 0, true);
-    $[42] = t10;
-    $[43] = t11;
-    $[44] = t12;
-    $[45] = t13;
-    $[46] = t14;
-    $[47] = t2;
-    $[48] = t4;
-    $[49] = t9;
-    $[50] = t15;
-  } else {
-    t15 = $[50];
-  }
-  let t16;
-  if ($[51] !== columns || $[52] !== filter || $[53] !== filters || $[54] !== onFilterChange || $[55] !== onFiltersChange) {
-    t16 = /* @__PURE__ */ jsxDEV(DataFilters, {
-      columns,
-      filters,
-      onFiltersChange,
-      onSearchChange: onFilterChange,
-      search: filter
-    }, void 0, false);
-    $[51] = columns;
-    $[52] = filter;
-    $[53] = filters;
-    $[54] = onFilterChange;
-    $[55] = onFiltersChange;
-    $[56] = t16;
-  } else {
-    t16 = $[56];
-  }
-  let t17;
-  if ($[57] !== t15 || $[58] !== t16) {
-    t17 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-col gap-2",
-      "data-testid": "db-view-toggle",
-      children: [t15, t16]
-    }, void 0, true);
-    $[57] = t15;
-    $[58] = t16;
-    $[59] = t17;
-  } else {
-    t17 = $[59];
-  }
-  return t17;
-};
-const DataBrowser = ({
-  editable = false,
-  globalTableNames,
-  initialFilters,
-  initialOrderBy,
-  initialSearch,
-  initialShardKey,
-  onNavigateToGlobal,
-  onSelectTable,
-  onViewChange,
-  pageSize: initialPageSize = DEFAULT_PAGE_SIZE,
-  queryBar,
-  schemaSwitch,
-  tableParam
-}) => {
-  const {
-    addRow,
-    bulkDelete,
-    cancelCellEdit,
-    cancelEdit,
-    changePageSize,
-    clearTable,
-    columns,
-    committing,
-    currentView,
-    discardStaged,
-    editableColumn,
-    editing,
-    editingCell,
-    facetFilter,
-    facets,
-    filter,
-    filters,
-    goNext,
-    goPrevious,
-    hasNext,
-    hasPrevious,
-    jumpToPage,
-    liveError,
-    loadTables,
-    navigateToRef,
-    onBulkDeleteSelected,
-    onCommitStaged,
-    onFilterChange,
-    onFiltersChange,
-    onRowDelete,
-    onRowEdit,
-    page,
-    pageError,
-    previewRef,
-    pageSize,
-    rangeEnd,
-    rangeStart,
-    saveEdit,
-    selectedTable,
-    selectTable,
-    setEditorDocumentText,
-    setShardKey,
-    shardKey,
-    showJson,
-    showTable,
-    stage,
-    stagedChanges,
-    stagedValue,
-    startCellEdit,
-    table,
-    tables,
-    tablesError,
-    toggleFacet,
-    total,
-    viewMode,
-    writeError
-  } = useDataBrowser({
-    initialFilters,
-    initialOrderBy,
-    initialSearch,
-    initialShardKey,
-    onSelectTable,
-    onViewChange,
-    pageSize: initialPageSize,
-    tableParam
-  });
-  const client = useLunora();
-  const onFetchShardTables = async (targetShard) => {
-    const result = await client.query(LIST_TABLES, {}, callOptions(targetShard));
-    return result;
-  };
-  const onRefreshAfterGenerate = () => {
-    if (selectedTable !== null) {
-      selectTable(selectedTable);
-    }
-  };
-  const {
-    closeDialog: closeGenerateDialog,
-    columnMeta,
-    fkPools,
-    insertBatch,
-    open: generateOpen,
-    openDialog: openGenerateDialog
-  } = useGenerateRows(onRefreshAfterGenerate);
-  const onOpenGenerateRows = () => {
-    if (selectedTable !== null) {
-      openGenerateDialog(selectedTable, shardKey);
-    }
-  };
-  const onInsertGeneratedRows = (rows) => insertBatch(rows, closeGenerateDialog);
-  const [inspecting, setInspecting] = useState(null);
-  const closeInspect = () => {
-    setInspecting(null);
-  };
-  const [transposed, setTransposed] = useState(false);
-  const onToggleTranspose = () => {
-    setTransposed((current) => !current);
-  };
-  const maskPolicies = useMaskPolicies();
-  const [maskOn, setMaskOn] = useState(true);
-  const onToggleMask = () => {
-    setMaskOn((current_0) => !current_0);
-  };
-  const explicitMaskColumns = maskColumnsForTable(maskPolicies, selectedTable ?? "");
-  const maskColumns = mergeSensitiveColumns(explicitMaskColumns, columns);
-  const maskView = {
-    columns: maskColumns,
-    enabled: maskOn
-  };
-  const [expandedCell, setExpandedCell] = useState(null);
-  const onExpandCell = (column, value) => {
-    setExpandedCell({
-      column,
-      value
-    });
-  };
-  const closeExpandedCell = () => {
-    setExpandedCell(null);
-  };
-  const handleNavigateRef = (target, id) => {
-    if (onNavigateToGlobal !== void 0 && globalTableNames?.has(target) === true) {
-      onNavigateToGlobal(target, id);
-      return;
-    }
-    navigateToRef(target, id);
-  };
-  const onSaveQuery = queryBar?.onSaveQuery;
-  const saveCurrentQuery = (name) => {
-    onSaveQuery?.(name, currentView);
-  };
-  const edit = {
-    cancelEdit: cancelCellEdit,
-    editable,
-    editableColumn,
-    editingCell,
-    onExpandCell,
-    stage,
-    stagedValue,
-    startEdit: startCellEdit
-  };
-  const references = {
-    columns: page?.refs,
-    onNavigate: handleNavigateRef,
-    onPreview: previewRef
-  };
-  return /* @__PURE__ */ jsxDEV("div", {
-    className: "flex h-full min-w-0",
-    "data-testid": "lunora-data-browser",
-    children: [/* @__PURE__ */ jsxDEV(TableListSidebar, {
-      header: /* @__PURE__ */ jsxDEV(DataBrowserSidebarHeader, {
-        onFetchShardTables,
-        onShardChange: setShardKey,
-        schemaSwitch,
-        shardKey
-      }, void 0, false),
-      onReload: loadTables,
-      onSelect: selectTable,
-      prefix: "db",
-      selected: selectedTable,
-      tables: tables ?? NO_TABLES
-    }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
-      className: "flex min-w-0 flex-1 flex-col overflow-hidden",
-      children: [tablesError !== null && /* @__PURE__ */ jsxDEV("p", {
-        className: "shrink-0 border-b border-border px-4 py-2 text-sm text-destructive",
-        "data-testid": "db-tables-error",
-        role: "alert",
-        children: tablesError
-      }, void 0, false), page === null && pageError === null && /* @__PURE__ */ jsxDEV("div", {
-        className: "flex flex-1 items-center justify-center p-6",
-        children: /* @__PURE__ */ jsxDEV("p", {
-          className: "text-sm text-muted-foreground",
-          children: "Select a table to browse its rows."
-        }, void 0, false)
-      }, void 0, false), pageError !== null && /* @__PURE__ */ jsxDEV("p", {
-        className: "shrink-0 border-b border-border px-4 py-2 text-sm text-destructive",
-        "data-testid": "db-page-error",
-        role: "alert",
-        children: pageError
-      }, void 0, false), page !== null && /* @__PURE__ */ jsxDEV("div", {
-        className: "flex min-h-0 flex-1 flex-col",
-        "data-testid": "db-page",
-        children: [/* @__PURE__ */ jsxDEV("div", {
-          className: "flex shrink-0 flex-col gap-2 border-b border-border px-4 py-3",
-          children: [/* @__PURE__ */ jsxDEV(DataBrowserViewControls, {
-            columns,
-            editable,
-            filter,
-            filters,
-            hasMaskedColumns: maskColumns.size > 0,
-            liveError,
-            maskOn,
-            onAddRow: addRow,
-            onBulkDelete: bulkDelete,
-            onClearTable: clearTable,
-            onFilterChange,
-            onFiltersChange,
-            onGenerateRows: onOpenGenerateRows,
-            onShowJson: showJson,
-            onShowTable: showTable,
-            onToggleMask,
-            total,
-            viewMode
-          }, void 0, false), queryBar !== void 0 && /* @__PURE__ */ jsxDEV(DataQueryBar, {
-            onApply: queryBar.onApplyQuery,
-            onCopyLink: queryBar.onCopyLink,
-            onDelete: queryBar.onDeleteQuery,
-            onSave: saveCurrentQuery,
-            saved: queryBar.saved
-          }, void 0, false), viewMode === "table" && page.rows.length > 0 && /* @__PURE__ */ jsxDEV(GridActionsBar, {
-            columns: page.columns,
-            editable,
-            name: selectedTable ?? "export",
-            onBulkDelete: onBulkDeleteSelected,
-            onToggleTranspose,
-            rows: page.rows,
-            table: table.table,
-            transposed
-          }, void 0, false), editable && editing !== null && /* @__PURE__ */ jsxDEV(RowFormEditor, {
-            documentText: editing.docText,
-            onCancel: cancelEdit,
-            onDocumentTextChange: setEditorDocumentText,
-            onSave: saveEdit,
-            refs: page.refs
-          }, void 0, false), editable && stagedChanges.length > 0 && /* @__PURE__ */ jsxDEV(StagedDiffPanel, {
-            changes: stagedChanges,
-            committing,
-            onCommit: onCommitStaged,
-            onDiscard: discardStaged
-          }, void 0, false), writeError !== null && /* @__PURE__ */ jsxDEV("p", {
-            className: "text-sm text-destructive",
-            "data-testid": "db-write-error",
-            role: "alert",
-            children: writeError
-          }, void 0, false)]
-        }, void 0, true), viewMode === "table" && page.rows.length === 0 && /* @__PURE__ */ jsxDEV("div", {
-          className: "flex flex-1 items-center justify-center p-6",
-          children: /* @__PURE__ */ jsxDEV(EmptyState, {
-            description: "Rows you insert into this table will show up here.",
-            icon: /* @__PURE__ */ jsxDEV("svg", {
-              "aria-hidden": "true",
-              fill: "none",
-              stroke: "currentColor",
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              strokeWidth: 1.6,
-              viewBox: "0 0 24 24",
-              children: /* @__PURE__ */ jsxDEV("path", {
-                d: "M4 5h16v14H4V5Zm0 5h16M10 10v9M4 14.5h16"
-              }, void 0, false)
-            }, void 0, false),
-            testId: "db-empty-rows",
-            title: "This table is empty."
-          }, void 0, false)
-        }, void 0, false), viewMode === "table" && page.rows.length > 0 && transposed && /* @__PURE__ */ jsxDEV(TransposedTable, {
-          columns: page.columns,
-          rows: maskRows(page.rows, maskView)
-        }, void 0, false), viewMode === "table" && page.rows.length > 0 && !transposed && /* @__PURE__ */ jsxDEV(DataBrowserTableView, {
-          edit,
-          editable,
-          mask: maskView,
-          onDelete: onRowDelete,
-          onEdit: onRowEdit,
-          onInspect: setInspecting,
-          refs: references,
-          scrollRef: table.scrollRef,
-          scrollToIndex: table.scrollToIndex,
-          table: table.table,
-          tableRows: table.tableRows,
-          tbodyStyle: table.tbodyStyle,
-          virtualRows: table.virtualRows
-        }, void 0, false), viewMode === "json" && /* @__PURE__ */ jsxDEV("pre", {
-          className: "min-h-0 flex-1 overflow-auto border-t border-border bg-muted/30 p-3 text-xs",
-          "data-testid": "db-json",
-          children: JSON.stringify(maskRows(page.rows, maskView), null, 2)
-        }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
-          className: "flex shrink-0 items-center border-t border-border px-4 py-2",
-          children: /* @__PURE__ */ jsxDEV(GridPagination, {
-            hasNext,
-            hasPrevious,
-            onJumpToPage: jumpToPage,
-            onNext: goNext,
-            onPageSizeChange: changePageSize,
-            onPrevious: goPrevious,
-            pageSize,
-            prefix: "db",
-            rangeEnd,
-            rangeStart,
-            total
-          }, void 0, false)
-        }, void 0, false)]
-      }, void 0, true)]
-    }, void 0, true), page !== null && /* @__PURE__ */ jsxDEV(DataFacets, {
-      columns,
-      facets,
-      onFacetFilter: facetFilter,
-      onToggleFacet: toggleFacet
-    }, void 0, false), inspecting !== null && page !== null && /* @__PURE__ */ jsxDEV(RowDetailDrawer, {
-      columns: page.columns,
-      onClose: closeInspect,
-      onNavigate: handleNavigateRef,
-      refs: page.refs,
-      row: inspecting
-    }, void 0, false), expandedCell !== null && /* @__PURE__ */ jsxDEV(CellDetailDialog, {
-      column: expandedCell.column,
-      onClose: closeExpandedCell,
-      value: expandedCell.value
-    }, void 0, false), generateOpen && selectedTable !== null && columnMeta !== void 0 && /* @__PURE__ */ jsxDEV(GenerateRowsDialog, {
-      columns: columnMeta,
-      fkPools,
-      onClose: closeGenerateDialog,
-      onInsertRows: onInsertGeneratedRows,
-      table: selectedTable
-    }, void 0, false)]
-  }, void 0, true);
-};
-
-export { DataBrowser };