@lunora/studio 0.0.0 → 1.0.0-alpha.1

package/dist/packem_shared/DataBrowser-Coz6jJE6.js

@@ -0,0 +1,4542 @@
+import { c } from 'react/compiler-runtime';
+import { useLunora } from '@lunora/react';
+import { useState, useRef, useEffect, useMemo, useCallback } from 'react';
+import { ConfirmButton } from './ConfirmButton-WQVUoGFb.js';
+import { ShardInput } from './ShardInput-DNCsT1KW.js';
+import { E as EmptyState } from './empty-state-DY_oe0k6.js';
+import { useT } from './createStudioI18n-CgvlmDkN.js';
+import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTION_PREFIX-DmBqMZ-z.js';
+import { h as formatCell, f as fireAndForget, c as callOptions, a as adminRef, d as formatTimestamp } from './internal-BBZYexre.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-CCh2Couo.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-aZHLq70w.js';
+import { toFilterClauses, DataFilters } from './DataFilters-FNquMaiu.js';
+import { M as ModalShell, G as GridActionsBar, C as CellDetailDialog } from './grid-features-DTjG6Sex.js';
+import useDebounced from './useDebounced-Dxncpg6z.js';
+import { u as useLiveAdmin } from './use-live-admin-D1h1Fzsd.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 = 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 LIST_TABLES$1 = adminRef(ADMIN_FUNCTIONS.listTables);
+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 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 hydrationRef = useRef({
+    filters: initialFilters,
+    orderBy: initialOrderBy,
+    search: initialSearch,
+    table: tableParam
+  });
+  const [tables, setTables] = useState(null);
+  const [tablesError, setTablesError] = useState(null);
+  const [selectedTable, setSelectedTable] = useState(null);
+  const [offset, setOffset] = useState(0);
+  const [page, setPage] = useState(null);
+  const [pageError, setPageError] = useState(null);
+  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 sortingRef = useRef(sorting);
+  sortingRef.current = sorting;
+  const [editing, setEditing] = useState(null);
+  const [writeError, setWriteError] = useState(null);
+  const stagedEdits = useStagedEdits();
+  const [editingCell, setEditingCell] = useState(null);
+  const [committing, setCommitting] = useState(false);
+  const [liveError, setLiveError] = useState(void 0);
+  const [loaded, setLoaded] = useState(null);
+  const fetchTables = useCallback(async (shard) => {
+    setTablesError(null);
+    try {
+      const result = await client.query(LIST_TABLES$1, {}, callOptions(shard));
+      recordShard(shard);
+      setTables(result);
+    } catch (error) {
+      setTables(null);
+      setTablesError(error.message);
+    }
+  }, [client]);
+  const fetchSeqRef = useRef(0);
+  const fetchPage = useCallback(async (shard_0, table, nextOffset, searchQuery) => {
+    fetchSeqRef.current += 1;
+    const seq = fetchSeqRef.current;
+    setPageError(null);
+    const activeFilters = filtersRef.current;
+    const activeSort = sortingRef.current;
+    try {
+      const result_0 = await client.query(READ_TABLE_PAGE$1, {
+        filters: toFilterClauses(activeFilters),
+        limit: pageSize,
+        offset: nextOffset,
+        orderBy: toOrderBy(activeSort),
+        search: searchQuery,
+        table
+      }, callOptions(shard_0));
+      if (fetchSeqRef.current !== seq) {
+        return;
+      }
+      setPage(result_0);
+      setOffset(nextOffset);
+      setLoaded({
+        filters: activeFilters,
+        offset: nextOffset,
+        pageSize,
+        search: searchQuery,
+        shard: shard_0,
+        sort: activeSort,
+        table
+      });
+    } catch (error_0) {
+      if (fetchSeqRef.current !== seq) {
+        return;
+      }
+      setPage(null);
+      setPageError(error_0.message);
+    }
+  }, [client, pageSize]);
+  useEffect(() => {
+    fireAndForget(fetchTables(debouncedShard));
+  }, [fetchTables, debouncedShard]);
+  useLiveAdmin(ADMIN_FUNCTIONS.readTablePage, {
+    filters: toFilterClauses(loaded?.filters ?? []),
+    limit: pageSize,
+    offset: loaded?.offset ?? 0,
+    orderBy: toOrderBy(loaded?.sort ?? []),
+    search: loaded?.search ?? "",
+    table: loaded?.table ?? ""
+  }, loaded?.shard ?? "", (result_1) => {
+    setPageError(null);
+    setLiveError(void 0);
+    setPage(result_1);
+  }, loaded !== null, setLiveError);
+  useLiveAdmin(ADMIN_FUNCTIONS.listTables, {}, loaded?.shard ?? "", (result_2) => {
+    setTablesError(null);
+    setLiveError(void 0);
+    setTables(result_2);
+  }, loaded !== null, setLiveError);
+  const appliedTableRef = useRef(null);
+  const selectTable = useCallback((table_0) => {
+    const hydration = hydrationRef.current?.table === void 0 || hydrationRef.current.table === table_0 ? hydrationRef.current : null;
+    hydrationRef.current = null;
+    const nextSorting = fromOrderBy(hydration?.orderBy);
+    const nextFilters = toEditableFilters(hydration?.filters ?? []);
+    const nextSearch = hydration?.search ?? "";
+    setSorting(nextSorting);
+    setFilter(nextSearch);
+    setFilters(nextFilters);
+    filtersRef.current = nextFilters;
+    sortingRef.current = nextSorting;
+    clearFacets();
+    stagedEdits.clear();
+    setEditingCell(null);
+    setSelectedTable(table_0);
+    appliedTableRef.current = table_0;
+    fireAndForget(fetchPage(shardKey, table_0, 0, nextSearch));
+    onSelectTable?.(table_0);
+  }, [clearFacets, fetchPage, onSelectTable, shardKey, stagedEdits]);
+  const navigateToRef = (targetTable, id) => {
+    setSorting([]);
+    setFilters([]);
+    filtersRef.current = [];
+    clearFacets();
+    setSelectedTable(targetTable);
+    appliedTableRef.current = targetTable;
+    setFilter(id);
+    fireAndForget(fetchPage(shardKey, targetTable, 0, id));
+    onSelectTable?.(targetTable);
+  };
+  const previewRef = async (targetTable_0, id_0) => {
+    try {
+      const result_3 = await client.query(READ_TABLE_PAGE$1, {
+        filters: [],
+        limit: PREVIEW_CANDIDATES,
+        offset: 0,
+        search: id_0,
+        table: targetTable_0
+      }, callOptions(shardKey));
+      return result_3.rows.find((row) => rowId(row) === id_0) ?? null;
+    } catch {
+      return null;
+    }
+  };
+  const facetFetcher = useCallback((shard_1, table_1, activeFilters_0, searchQuery_0) => (column) => client.query(FACET_COLUMN, {
+    column,
+    filters: toFilterClauses(activeFilters_0),
+    search: searchQuery_0,
+    table: table_1
+  }, callOptions(shard_1)), [client]);
+  const toggleFacet = (column_0) => {
+    toggleFacetColumn(column_0, selectedTable === null ? null : facetFetcher(shardKey, selectedTable, filtersRef.current, search));
+  };
+  const facetFilter = (column_1, value) => {
+    const text = facetValueText(value);
+    setFilters((current) => [...current.filter((clause) => clause.column !== column_1), {
+      column: column_1,
+      operator: "eq",
+      value: text
+    }]);
+  };
+  useEffect(() => {
+    if (loaded === null) {
+      return;
+    }
+    refetchFacets(facetFetcher(loaded.shard, loaded.table, loaded.filters, loaded.search));
+  }, [loaded, facetFetcher, refetchFacets]);
+  useEffect(() => {
+    if (loaded === null || onViewChange === void 0) {
+      return;
+    }
+    onViewChange({
+      filters: toFilterClauses(loaded.filters),
+      orderBy: toOrderBy(loaded.sort),
+      search: loaded.search,
+      shard: loaded.shard
+    });
+  }, [loaded, onViewChange]);
+  useEffect(() => {
+    if (tableParam === void 0 || tableParam === "" || tableParam === appliedTableRef.current) {
+      return;
+    }
+    appliedTableRef.current = tableParam;
+    const target = tableParam;
+    queueMicrotask(() => {
+      selectTable(target);
+    });
+  }, [tableParam, selectTable]);
+  const goToPage = (nextOffset_0) => {
+    if (selectedTable === null) {
+      return;
+    }
+    fireAndForget(fetchPage(shardKey, selectedTable, Math.max(0, nextOffset_0), search));
+  };
+  const editableColumn = (column_2) => !META_COLUMNS.has(column_2);
+  const startCellEdit = (targetRow, column_3) => {
+    setEditingCell({
+      column: column_3,
+      rowId: targetRow
+    });
+  };
+  const cancelCellEdit = () => {
+    setEditingCell(null);
+  };
+  const commitStaged = async () => {
+    if (selectedTable === null) {
+      return;
+    }
+    setWriteError(null);
+    setCommitting(true);
+    try {
+      for (const [id_1, columns] of Object.entries(stagedEdits.staged)) {
+        await client.query(WRITE_ROW$1, {
+          doc: columns,
+          id: id_1,
+          op: "patch",
+          table: selectedTable
+        }, callOptions(shardKey));
+      }
+      stagedEdits.clear();
+      setEditingCell(null);
+      await fetchPage(shardKey, selectedTable, offset, search);
+    } catch (error_1) {
+      setWriteError(error_1.message);
+    } finally {
+      setCommitting(false);
+    }
+  };
+  const discardStaged = () => {
+    stagedEdits.clear();
+    setEditingCell(null);
+  };
+  const stagedChanges = useMemo(() => {
+    const rowsById = /* @__PURE__ */ new Map();
+    for (const row_0 of page?.rows ?? []) {
+      const id_2 = rowId(row_0);
+      if (id_2 !== null) {
+        rowsById.set(id_2, row_0);
+      }
+    }
+    const changes = [];
+    for (const [id_3, columns_0] of Object.entries(stagedEdits.staged)) {
+      for (const [column_4, newValue] of Object.entries(columns_0)) {
+        changes.push({
+          column: column_4,
+          newValue,
+          oldValue: rowsById.get(id_3)?.[column_4],
+          rowId: id_3
+        });
+      }
+    }
+    return changes;
+  }, [page, stagedEdits.staged]);
+  useEffect(() => {
+    if (selectedTable === null || loaded === null || loaded.search === search) {
+      return;
+    }
+    fireAndForget(fetchPage(shardKey, selectedTable, 0, search));
+  }, [search, selectedTable, shardKey, loaded, fetchPage]);
+  useEffect(() => {
+    if (selectedTable === null || loaded === null || loaded.filters === filters) {
+      return;
+    }
+    fireAndForget(fetchPage(shardKey, selectedTable, 0, search));
+  }, [filters, selectedTable, shardKey, loaded, search, fetchPage]);
+  useEffect(() => {
+    if (selectedTable === null || loaded === null || loaded.sort === sorting) {
+      return;
+    }
+    fireAndForget(fetchPage(shardKey, selectedTable, 0, search));
+  }, [sorting, selectedTable, shardKey, loaded, search, fetchPage]);
+  useEffect(() => {
+    if (selectedTable === null || loaded === null || loaded.pageSize === pageSize) {
+      return;
+    }
+    fireAndForget(fetchPage(shardKey, selectedTable, 0, search));
+  }, [pageSize, selectedTable, shardKey, loaded, search, fetchPage]);
+  const writeRow = async (op, id_4, documentText) => {
+    if (selectedTable === null) {
+      return;
+    }
+    setWriteError(null);
+    let parsedDocument;
+    if (op !== "delete") {
+      try {
+        parsedDocument = documentText === void 0 || documentText.trim() === "" ? {} : JSON.parse(documentText);
+      } catch (error_2) {
+        setWriteError(`Invalid JSON: ${error_2.message}`);
+        return;
+      }
+    }
+    try {
+      await client.query(WRITE_ROW$1, {
+        doc: parsedDocument,
+        id: id_4 ?? void 0,
+        op,
+        table: selectedTable
+      }, callOptions(shardKey));
+      setEditing(null);
+      await fetchPage(shardKey, selectedTable, offset, search);
+    } catch (error_3) {
+      setWriteError(error_3.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_4 = await client.query(ref, args, callOptions(shardKey));
+        if (!result_4.hasMore) {
+          break;
+        }
+      }
+      await fetchPage(shardKey, selectedTable, 0, search);
+    } catch (error_4) {
+      setWriteError(error_4.message);
+    }
+  };
+  const table_2 = useDataBrowserTable(page, sorting, setSorting);
+  const currentView = {
+    filters: toFilterClauses(filters),
+    orderBy: toOrderBy(sorting),
+    search,
+    shard: shardKey,
+    table: selectedTable ?? void 0
+  };
+  const total = page?.total ?? 0;
+  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 = () => {
+    fireAndForget(fetchTables(shardKey));
+  };
+  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);
+  };
+  const addRow = () => {
+    setWriteError(null);
+    const seed = {};
+    for (const column_5 of page?.columns ?? []) {
+      if (!META_COLUMNS.has(column_5)) {
+        seed[column_5] = "";
+      }
+    }
+    setEditing({
+      docText: JSON.stringify(seed, null, 2),
+      id: ""
+    });
+  };
+  const setEditorDocumentText = (text_0) => {
+    setEditing((current_0) => current_0 === null ? current_0 : {
+      docText: text_0,
+      id: current_0.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_5, original) => {
+    setWriteError(null);
+    setEditing({
+      docText: JSON.stringify(rowDocument(original), null, 2),
+      id: id_5
+    });
+  };
+  const onRowDelete = (id_6) => {
+    fireAndForget(writeRow("delete", id_6));
+  };
+  const deleteSelected = async (ids) => {
+    if (selectedTable === null || ids.length === 0) {
+      return;
+    }
+    setWriteError(null);
+    try {
+      for (const id_7 of ids) {
+        await client.query(WRITE_ROW$1, {
+          id: id_7,
+          op: "delete",
+          table: selectedTable
+        }, callOptions(shardKey));
+      }
+      await fetchPage(shardKey, selectedTable, offset, search);
+    } catch (error_5) {
+      setWriteError(error_5.message);
+    }
+  };
+  const onBulkDeleteSelected = (ids_0) => {
+    fireAndForget(deleteSelected(ids_0));
+  };
+  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: setFilters,
+    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: table_2,
+    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 MASK_POLICIES = adminRef(ADMIN_FUNCTIONS.maskPolicies);
+const NO_COLUMNS = [];
+const useMaskPolicies = () => {
+  const client = useLunora();
+  const [columns, setColumns] = useState(NO_COLUMNS);
+  const refresh = async () => {
+    try {
+      const result = await client.query(MASK_POLICIES, {}, callOptions(""));
+      setColumns(Array.isArray(result.columns) ? result.columns : NO_COLUMNS);
+    } catch {
+      setColumns(NO_COLUMNS);
+    }
+  };
+  useEffect(() => {
+    fireAndForget(refresh());
+  }, [refresh]);
+  return 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 };