@lunora/studio 0.0.0 → 1.0.0-alpha.1

package/dist/packem_shared/SchemaViewer-D8XGnp-X.js

@@ -0,0 +1,2512 @@
+'use client';
+import { c } from 'react/compiler-runtime';
+import { useLunora } from '@lunora/react';
+import { useState, useRef, useEffect } from 'react';
+import { ShardInput } from './ShardInput-DNCsT1KW.js';
+import { S as StorageTierBadge, T as TIER_META } from './storage-tier-CL98eOvn.js';
+import { B as Badge } from './badge-B2PKA1-5.js';
+import { B as Button } from './button-BhsN2uZH.js';
+import { C as Card, b as CardHeader, c as CardTitle, d as CardDescription, a as CardContent } from './card-DURq3ElK.js';
+import { E as EmptyState } from './empty-state-DY_oe0k6.js';
+import { I as Input } from './input-XH4r1Pt1.js';
+import useDebounced from './useDebounced-Dxncpg6z.js';
+import { useT } from './createStudioI18n-CgvlmDkN.js';
+import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTION_PREFIX-DmBqMZ-z.js';
+import { f as fireAndForget, c as callOptions, e as errorMessage, a as adminRef } from './internal-BBZYexre.js';
+import { r as recordShard } from './shard-history-DyebH1R5.js';
+import { c as cn } from './utils-B05Dmz_H.js';
+import { Download01Icon } from '@hugeicons/core-free-icons';
+import { HugeiconsIcon } from '@hugeicons/react';
+import { Handle, Position, getNodesBounds, getViewportForBounds, useNodesState, useEdgesState, Background, Panel, Controls, MiniMap, ReactFlow, useNodes, useReactFlow } from '@xyflow/react';
+import { d as DropdownMenu, D as DropdownMenuTrigger, c as DropdownMenuContent, b as DropdownMenuItem } from './dropdown-menu-WY4B_eJO.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+import { toBlob, toSvg } from 'html-to-image';
+import { useNavigate } from '@tanstack/react-router';
+import { L as Label } from './label-D8ykjn5J.js';
+
+function BaseNode(t0) {
+  const $ = c(10);
+  let className;
+  let props;
+  let selected;
+  if ($[0] !== t0) {
+    ({
+      className,
+      selected,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+    $[3] = selected;
+  } else {
+    className = $[1];
+    props = $[2];
+    selected = $[3];
+  }
+  const t1 = selected === true ? "" : void 0;
+  let t2;
+  if ($[4] !== className) {
+    t2 = cn("rounded-md border border-border bg-card text-card-foreground shadow-sm transition-colors", "data-[selected]:border-ring data-[selected]:ring-[3px] data-[selected]:ring-ring/30", className);
+    $[4] = className;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== props || $[7] !== t1 || $[8] !== t2) {
+    t3 = /* @__PURE__ */ jsxDEV("div", {
+      "data-slot": "base-node",
+      "data-selected": t1,
+      className: t2,
+      ...props
+    }, void 0, false);
+    $[6] = props;
+    $[7] = t1;
+    $[8] = t2;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  return t3;
+}
+function BaseNodeHeader(t0) {
+  const $ = c(8);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("flex items-center gap-2 rounded-t-md bg-muted/50 px-3 py-1.5", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV("div", {
+      "data-slot": "base-node-header",
+      className: t1,
+      ...props
+    }, void 0, false);
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+function BaseNodeContent(t0) {
+  const $ = c(8);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("flex flex-col", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /* @__PURE__ */ jsxDEV("div", {
+      "data-slot": "base-node-content",
+      className: t1,
+      ...props
+    }, void 0, false);
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
+}
+
+const typeLabel = (column) => {
+  const base = column.ref === void 0 ? column.type : `${column.type} → ${column.ref}`;
+  return column.optional === true ? `${base}?` : base;
+};
+const DatabaseSchemaNode = (t0) => {
+  const $ = c(22);
+  const {
+    data,
+    selected
+  } = t0;
+  const t = useT();
+  let t1;
+  if ($[0] !== data.label || $[1] !== data.loadError || $[2] !== t) {
+    t1 = data.loadError === true ? /* @__PURE__ */ jsxDEV("span", {
+      className: "px-3 py-1.5 text-xs text-destructive",
+      "data-testid": `sd-node-${data.label}-error`,
+      children: t("Columns unavailable")
+    }, void 0, false) : /* @__PURE__ */ jsxDEV("span", {
+      className: "px-3 py-1.5 text-xs text-muted-foreground",
+      children: "—"
+    }, void 0, false);
+    $[0] = data.label;
+    $[1] = data.loadError;
+    $[2] = t;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const emptyPlaceholder = t1;
+  const t2 = `sd-node-${data.label}`;
+  let t3;
+  if ($[4] !== data.label) {
+    t3 = /* @__PURE__ */ jsxDEV("span", {
+      className: "truncate font-mono text-xs font-semibold",
+      title: data.label,
+      children: data.label
+    }, void 0, false);
+    $[4] = data.label;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== data.tier) {
+    t4 = /* @__PURE__ */ jsxDEV("span", {
+      className: "ms-auto",
+      children: /* @__PURE__ */ jsxDEV(StorageTierBadge, {
+        tier: data.tier
+      }, void 0, false)
+    }, void 0, false);
+    $[6] = data.tier;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== t3 || $[9] !== t4) {
+    t5 = /* @__PURE__ */ jsxDEV(BaseNodeHeader, {
+      children: [t3, t4]
+    }, void 0, true);
+    $[8] = t3;
+    $[9] = t4;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  let t6;
+  if ($[11] !== data.columns || $[12] !== data.label || $[13] !== emptyPlaceholder) {
+    t6 = data.columns.length === 0 ? emptyPlaceholder : data.columns.map((column) => /* @__PURE__ */ jsxDEV("div", {
+      className: cn("relative flex items-center gap-2 border-t border-border px-3 py-1.5 text-xs first:border-t-0", column.pk === true && "bg-muted/30"),
+      "data-testid": `sd-col-${data.label}-${column.name}`,
+      children: [/* @__PURE__ */ jsxDEV(Handle, {
+        className: "!h-2 !w-2 !-left-1 !border-border !bg-muted-foreground/70",
+        id: column.name,
+        isConnectable: false,
+        position: Position.Left,
+        type: "target"
+      }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
+        className: "truncate font-mono",
+        title: column.name,
+        children: column.name
+      }, void 0, false), column.pk === true && /* @__PURE__ */ jsxDEV(Badge, {
+        className: "px-1 py-0 text-[10px] leading-tight",
+        variant: "secondary",
+        children: "PK"
+      }, void 0, false), column.ref !== void 0 && /* @__PURE__ */ jsxDEV(Badge, {
+        className: "px-1 py-0 text-[10px] leading-tight",
+        variant: "outline",
+        children: "FK"
+      }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
+        className: "ms-auto truncate text-muted-foreground",
+        title: typeLabel(column),
+        children: typeLabel(column)
+      }, void 0, false), /* @__PURE__ */ jsxDEV(Handle, {
+        className: "!h-2 !w-2 !-right-1 !border-border !bg-muted-foreground/70",
+        id: column.name,
+        isConnectable: false,
+        position: Position.Right,
+        type: "source"
+      }, void 0, false)]
+    }, column.name, true));
+    $[11] = data.columns;
+    $[12] = data.label;
+    $[13] = emptyPlaceholder;
+    $[14] = t6;
+  } else {
+    t6 = $[14];
+  }
+  let t7;
+  if ($[15] !== t6) {
+    t7 = /* @__PURE__ */ jsxDEV(BaseNodeContent, {
+      children: t6
+    }, void 0, false);
+    $[15] = t6;
+    $[16] = t7;
+  } else {
+    t7 = $[16];
+  }
+  let t8;
+  if ($[17] !== selected || $[18] !== t2 || $[19] !== t5 || $[20] !== t7) {
+    t8 = /* @__PURE__ */ jsxDEV(BaseNode, {
+      className: "w-64 overflow-hidden",
+      "data-testid": t2,
+      selected,
+      children: [t5, t7]
+    }, void 0, true);
+    $[17] = selected;
+    $[18] = t2;
+    $[19] = t5;
+    $[20] = t7;
+    $[21] = t8;
+  } else {
+    t8 = $[21];
+  }
+  return t8;
+};
+
+const IMAGE_WIDTH = 1920;
+const IMAGE_HEIGHT = 1080;
+const IMAGE_PADDING = 32;
+const triggerDownload = (href, filename) => {
+  const link = globalThis.document.createElement("a");
+  link.href = href;
+  link.download = filename;
+  globalThis.document.body.append(link);
+  link.click();
+  link.remove();
+};
+const exportDiagramAsJson = (nodes, edges, filename = "schema-diagram.json") => {
+  const payload = {
+    edges,
+    exportedAt: (/* @__PURE__ */ new Date()).toISOString(),
+    nodes
+  };
+  const json = JSON.stringify(payload, void 0, 2);
+  const url = globalThis.URL.createObjectURL(new globalThis.Blob([json], {
+    type: "application/json"
+  }));
+  triggerDownload(url, filename);
+  globalThis.setTimeout(() => {
+    globalThis.URL.revokeObjectURL(url);
+  }, 0);
+};
+const viewportForExport = (nodes, width, height, padding) => {
+  const bounds = getNodesBounds(nodes);
+  const {
+    x,
+    y,
+    zoom
+  } = getViewportForBounds(bounds, width, height, 0.1, 2, padding);
+  return {
+    transform: [x, y, zoom],
+    zoom
+  };
+};
+const exportDiagramAsPng = async (viewportElement, nodes, filename = "schema-diagram.png") => {
+  const {
+    transform
+  } = viewportForExport(nodes, IMAGE_WIDTH, IMAGE_HEIGHT, IMAGE_PADDING);
+  const [tx, ty, scale] = transform;
+  const blob = await toBlob(viewportElement, {
+    backgroundColor: "#ffffff",
+    height: IMAGE_HEIGHT,
+    style: {
+      transform: `translate(${tx.toString()}px, ${ty.toString()}px) scale(${scale.toString()})`,
+      transformOrigin: "top left",
+      width: `${IMAGE_WIDTH.toString()}px`
+    },
+    width: IMAGE_WIDTH
+  });
+  if (blob === null) {
+    throw new Error("html-to-image produced no blob");
+  }
+  const url = globalThis.URL.createObjectURL(blob);
+  triggerDownload(url, filename);
+  globalThis.setTimeout(() => {
+    globalThis.URL.revokeObjectURL(url);
+  }, 0);
+};
+const exportDiagramAsSvg = async (viewportElement, nodes, filename = "schema-diagram.svg") => {
+  const {
+    transform
+  } = viewportForExport(nodes, IMAGE_WIDTH, IMAGE_HEIGHT, IMAGE_PADDING);
+  const [tx, ty, scale] = transform;
+  const svgDataUrl = await toSvg(viewportElement, {
+    backgroundColor: "#ffffff",
+    height: IMAGE_HEIGHT,
+    style: {
+      transform: `translate(${tx.toString()}px, ${ty.toString()}px) scale(${scale.toString()})`,
+      transformOrigin: "top left",
+      width: `${IMAGE_WIDTH.toString()}px`
+    },
+    width: IMAGE_WIDTH
+  });
+  triggerDownload(svgDataUrl, filename);
+};
+
+const NODE_WIDTH = 256;
+const COLUMN_GAP = 112;
+const ROW_GAP = 36;
+const PADDING = 24;
+const HEADER_HEIGHT = 38;
+const ROW_HEIGHT = 28;
+const nodeHeight = (columnCount) => HEADER_HEIGHT + Math.max(1, columnCount) * ROW_HEIGHT;
+const computeDepths = (tables, edges) => {
+  const targetsOf = /* @__PURE__ */ new Map();
+  for (const table of tables) {
+    targetsOf.set(table, []);
+  }
+  for (const edge of edges) {
+    if (edge.to !== edge.from && targetsOf.has(edge.from) && targetsOf.has(edge.to)) {
+      targetsOf.get(edge.from)?.push(edge.to);
+    }
+  }
+  const depth = /* @__PURE__ */ new Map();
+  const visiting = /* @__PURE__ */ new Set();
+  const resolve = (table) => {
+    const cached = depth.get(table);
+    if (cached !== void 0) {
+      return cached;
+    }
+    if (visiting.has(table)) {
+      return 0;
+    }
+    visiting.add(table);
+    let deepest = 0;
+    for (const target of targetsOf.get(table) ?? []) {
+      deepest = Math.max(deepest, resolve(target) + 1);
+    }
+    visiting.delete(table);
+    depth.set(table, deepest);
+    return deepest;
+  };
+  for (const table of tables) {
+    resolve(table);
+  }
+  return depth;
+};
+const computeLayout = (tables, edges, columnCounts) => {
+  const depth = computeDepths(tables, edges);
+  const offsetByColumn = /* @__PURE__ */ new Map();
+  const nodes = [];
+  for (const name of tables) {
+    const column = depth.get(name) ?? 0;
+    const y = offsetByColumn.get(column) ?? PADDING;
+    nodes.push({
+      name,
+      x: PADDING + column * (NODE_WIDTH + COLUMN_GAP),
+      y
+    });
+    offsetByColumn.set(column, y + nodeHeight(columnCounts.get(name) ?? 0) + ROW_GAP);
+  }
+  return nodes;
+};
+
+const NODE_TYPES = {
+  databaseSchema: DatabaseSchemaNode
+};
+const SHARD_DOT_STYLE = {
+  backgroundColor: TIER_META.shard.color
+};
+const GLOBAL_DOT_STYLE = {
+  backgroundColor: TIER_META.global.color
+};
+const ALL_TIERS = {
+  global: true,
+  shard: true
+};
+const pkColumnOf = (columns) => {
+  const flagged = columns.find((column) => column.pk === true)?.name;
+  if (flagged !== void 0) {
+    return flagged;
+  }
+  if (columns.some((column) => column.name === "_id")) {
+    return "_id";
+  }
+  if (columns.some((column) => column.name === "id")) {
+    return "id";
+  }
+  return columns[0]?.name ?? "_id";
+};
+const deriveEdges = (tables) => tables.flatMap((table) => table.columns.filter((column) => column.ref !== void 0).map((column) => {
+  return {
+    column: column.name,
+    from: table.name,
+    to: column.ref
+  };
+}));
+const buildNodes = (tables, columnsError) => {
+  const names = tables.map((table) => table.name);
+  const counts = new Map(tables.map((table) => [table.name, table.columns.length]));
+  const positions = computeLayout(names, deriveEdges(tables), counts);
+  const byName = new Map(tables.map((table) => [table.name, table]));
+  return positions.flatMap(({
+    name,
+    x,
+    y
+  }) => {
+    const table = byName.get(name);
+    if (table === void 0) {
+      return [];
+    }
+    return [{
+      data: {
+        columns: table.columns,
+        label: name,
+        loadError: columnsError,
+        tier: table.tier
+      },
+      id: name,
+      position: {
+        x,
+        y
+      },
+      type: "databaseSchema"
+    }];
+  });
+};
+const buildEdges = (tables) => {
+  const columnsByTable = new Map(tables.map((table) => [table.name, table.columns]));
+  return deriveEdges(tables).flatMap((edge) => {
+    const targetColumns = columnsByTable.get(edge.to) ?? [];
+    const sourceColumns = columnsByTable.get(edge.from) ?? [];
+    const pk = pkColumnOf(targetColumns);
+    if (!targetColumns.some((column) => column.name === pk) || !sourceColumns.some((column) => column.name === edge.column)) {
+      return [];
+    }
+    return [{
+      id: `${edge.from}.${edge.column}->${edge.to}`,
+      source: edge.to,
+      sourceHandle: pk,
+      target: edge.from,
+      targetHandle: edge.column
+    }];
+  });
+};
+const Legend = () => {
+  const $ = c(15);
+  const t = useT();
+  let t0;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t0 = /* @__PURE__ */ jsxDEV("span", {
+      className: "flex items-center gap-1",
+      children: [/* @__PURE__ */ jsxDEV("span", {
+        "aria-hidden": "true",
+        className: "size-1.5 rounded-full",
+        style: SHARD_DOT_STYLE
+      }, void 0, false), TIER_META.shard.label]
+    }, void 0, true);
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  let t1;
+  if ($[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = /* @__PURE__ */ jsxDEV("span", {
+      className: "flex items-center gap-1",
+      children: [/* @__PURE__ */ jsxDEV("span", {
+        "aria-hidden": "true",
+        className: "size-1.5 rounded-full",
+        style: GLOBAL_DOT_STYLE
+      }, void 0, false), TIER_META.global.label]
+    }, void 0, true);
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /* @__PURE__ */ jsxDEV(Badge, {
+      className: "px-1 py-0 text-[10px] leading-tight",
+      variant: "secondary",
+      children: "PK"
+    }, void 0, false);
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== t) {
+    t3 = t("Primary key");
+    $[3] = t;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== t3) {
+    t4 = /* @__PURE__ */ jsxDEV("span", {
+      className: "flex items-center gap-1",
+      children: [t2, t3]
+    }, void 0, true);
+    $[5] = t3;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t5 = /* @__PURE__ */ jsxDEV(Badge, {
+      className: "px-1 py-0 text-[10px] leading-tight",
+      variant: "outline",
+      children: "FK"
+    }, void 0, false);
+    $[7] = t5;
+  } else {
+    t5 = $[7];
+  }
+  let t6;
+  if ($[8] !== t) {
+    t6 = t("Foreign key");
+    $[8] = t;
+    $[9] = t6;
+  } else {
+    t6 = $[9];
+  }
+  let t7;
+  if ($[10] !== t6) {
+    t7 = /* @__PURE__ */ jsxDEV("span", {
+      className: "flex items-center gap-1",
+      children: [t5, t6]
+    }, void 0, true);
+    $[10] = t6;
+    $[11] = t7;
+  } else {
+    t7 = $[11];
+  }
+  let t8;
+  if ($[12] !== t4 || $[13] !== t7) {
+    t8 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-wrap items-center gap-x-3 gap-y-1 rounded-xl border border-border bg-card/95 px-2.5 py-1.5 text-[11px] text-muted-foreground shadow-xs",
+      children: [t0, t1, t4, t7]
+    }, void 0, true);
+    $[12] = t4;
+    $[13] = t7;
+    $[14] = t8;
+  } else {
+    t8 = $[14];
+  }
+  return t8;
+};
+const DiagramExportPanel = ({
+  containerRef,
+  testIdPrefix
+}) => {
+  const t = useT();
+  const nodes = useNodes();
+  const {
+    getEdges
+  } = useReactFlow();
+  const [exporting, setExporting] = useState(null);
+  const handlePng = async () => {
+    const viewport = containerRef.current?.querySelector(".react-flow__viewport");
+    if (!viewport) {
+      return;
+    }
+    setExporting("png");
+    try {
+      await exportDiagramAsPng(viewport, nodes, `${testIdPrefix}-schema-diagram.png`);
+    } finally {
+      setExporting(null);
+    }
+  };
+  const handleSvg = async () => {
+    const viewport_0 = containerRef.current?.querySelector(".react-flow__viewport");
+    if (!viewport_0) {
+      return;
+    }
+    setExporting("svg");
+    try {
+      await exportDiagramAsSvg(viewport_0, nodes, `${testIdPrefix}-schema-diagram.svg`);
+    } finally {
+      setExporting(null);
+    }
+  };
+  const handleJson = () => {
+    setExporting("json");
+    try {
+      exportDiagramAsJson(nodes, getEdges(), `${testIdPrefix}-schema-diagram.json`);
+    } finally {
+      setExporting(null);
+    }
+  };
+  const onClickPng = () => {
+    fireAndForget(handlePng());
+  };
+  const onClickSvg = () => {
+    fireAndForget(handleSvg());
+  };
+  return /* @__PURE__ */ jsxDEV(Panel, {
+    position: "top-right",
+    children: /* @__PURE__ */ jsxDEV(DropdownMenu, {
+      children: [/* @__PURE__ */ jsxDEV(DropdownMenuTrigger, {
+        className: "group/button inline-flex shrink-0 cursor-pointer items-center justify-center gap-1 rounded-md border border-border bg-background px-2 text-xs font-medium whitespace-nowrap hover:bg-muted disabled:pointer-events-none disabled:opacity-50",
+        "data-testid": `${testIdPrefix}-export-trigger`,
+        disabled: exporting !== null,
+        children: [/* @__PURE__ */ jsxDEV(HugeiconsIcon, {
+          className: "size-3.5",
+          icon: Download01Icon,
+          strokeWidth: 2
+        }, void 0, false), t("Export")]
+      }, void 0, true), /* @__PURE__ */ jsxDEV(DropdownMenuContent, {
+        align: "end",
+        children: [/* @__PURE__ */ jsxDEV(DropdownMenuItem, {
+          "data-testid": `${testIdPrefix}-export-png`,
+          disabled: exporting !== null,
+          onClick: onClickPng,
+          children: t("PNG")
+        }, void 0, false), /* @__PURE__ */ jsxDEV(DropdownMenuItem, {
+          "data-testid": `${testIdPrefix}-export-svg`,
+          disabled: exporting !== null,
+          onClick: onClickSvg,
+          children: t("SVG")
+        }, void 0, false), /* @__PURE__ */ jsxDEV(DropdownMenuItem, {
+          "data-testid": `${testIdPrefix}-export-json`,
+          disabled: exporting !== null,
+          onClick: handleJson,
+          children: t("JSON")
+        }, void 0, false)]
+      }, void 0, true)]
+    }, void 0, true)
+  }, void 0, false);
+};
+const SchemaDiagram = (t0) => {
+  const $ = c(75);
+  const {
+    columnsError,
+    tables,
+    testIdPrefix
+  } = t0;
+  const t = useT();
+  const [tierFilter, setTierFilter] = useState(ALL_TIERS);
+  const [query, setQuery] = useState("");
+  let t1;
+  if ($[0] !== query || $[1] !== tables || $[2] !== tierFilter) {
+    const needle = query.trim().toLowerCase();
+    t1 = tables.filter((table) => tierFilter[table.tier] && table.name.toLowerCase().includes(needle));
+    $[0] = query;
+    $[1] = tables;
+    $[2] = tierFilter;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const visibleTables = t1;
+  const t2 = columnsError ?? false;
+  let t3;
+  if ($[4] !== t2 || $[5] !== visibleTables) {
+    t3 = buildNodes(visibleTables, t2);
+    $[4] = t2;
+    $[5] = visibleTables;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  const seededNodes = t3;
+  let t4;
+  if ($[7] !== visibleTables) {
+    t4 = buildEdges(visibleTables);
+    $[7] = visibleTables;
+    $[8] = t4;
+  } else {
+    t4 = $[8];
+  }
+  const seededEdges = t4;
+  const [nodes, setNodes, onNodesChange] = useNodesState(seededNodes);
+  const [flowEdges, setEdges, onEdgesChange] = useEdgesState(seededEdges);
+  const canvasRef = useRef(null);
+  let t5;
+  let t6;
+  if ($[9] !== seededNodes || $[10] !== setNodes) {
+    t5 = () => {
+      setNodes(seededNodes);
+    };
+    t6 = [seededNodes, setNodes];
+    $[9] = seededNodes;
+    $[10] = setNodes;
+    $[11] = t5;
+    $[12] = t6;
+  } else {
+    t5 = $[11];
+    t6 = $[12];
+  }
+  useEffect(t5, t6);
+  let t7;
+  let t8;
+  if ($[13] !== seededEdges || $[14] !== setEdges) {
+    t7 = () => {
+      setEdges(seededEdges);
+    };
+    t8 = [seededEdges, setEdges];
+    $[13] = seededEdges;
+    $[14] = setEdges;
+    $[15] = t7;
+    $[16] = t8;
+  } else {
+    t7 = $[15];
+    t8 = $[16];
+  }
+  useEffect(t7, t8);
+  let t9;
+  if ($[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t9 = (event) => {
+      setQuery(event.target.value);
+    };
+    $[17] = t9;
+  } else {
+    t9 = $[17];
+  }
+  const onQueryChange = t9;
+  let t10;
+  if ($[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t10 = () => {
+      setTierFilter(_temp$1);
+    };
+    $[18] = t10;
+  } else {
+    t10 = $[18];
+  }
+  const toggleShard = t10;
+  let t11;
+  if ($[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t11 = () => {
+      setTierFilter(_temp2$1);
+    };
+    $[19] = t11;
+  } else {
+    t11 = $[19];
+  }
+  const toggleGlobal = t11;
+  if (tables.length === 0) {
+    const t122 = `${testIdPrefix}-section`;
+    const t132 = `${testIdPrefix}-empty`;
+    let t142;
+    if ($[20] !== t) {
+      t142 = t("No tables to graph.");
+      $[20] = t;
+      $[21] = t142;
+    } else {
+      t142 = $[21];
+    }
+    let t152;
+    if ($[22] !== t132 || $[23] !== t142) {
+      t152 = /* @__PURE__ */ jsxDEV("p", {
+        className: "text-sm text-muted-foreground",
+        "data-testid": t132,
+        children: t142
+      }, void 0, false);
+      $[22] = t132;
+      $[23] = t142;
+      $[24] = t152;
+    } else {
+      t152 = $[24];
+    }
+    let t162;
+    if ($[25] !== t122 || $[26] !== t152) {
+      t162 = /* @__PURE__ */ jsxDEV("section", {
+        className: "flex flex-col gap-2",
+        "data-testid": t122,
+        children: t152
+      }, void 0, false);
+      $[25] = t122;
+      $[26] = t152;
+      $[27] = t162;
+    } else {
+      t162 = $[27];
+    }
+    return t162;
+  }
+  const t12 = `${testIdPrefix}-section`;
+  const t13 = `${testIdPrefix}-canvas`;
+  let t14;
+  if ($[28] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t14 = /* @__PURE__ */ jsxDEV(Background, {}, void 0, false);
+    $[28] = t14;
+  } else {
+    t14 = $[28];
+  }
+  let t15;
+  if ($[29] !== t) {
+    t15 = t("Find table…");
+    $[29] = t;
+    $[30] = t15;
+  } else {
+    t15 = $[30];
+  }
+  const t16 = `${testIdPrefix}-find`;
+  let t17;
+  if ($[31] !== t) {
+    t17 = t("Find table…");
+    $[31] = t;
+    $[32] = t17;
+  } else {
+    t17 = $[32];
+  }
+  let t18;
+  if ($[33] !== query || $[34] !== t15 || $[35] !== t16 || $[36] !== t17) {
+    t18 = /* @__PURE__ */ jsxDEV(Input, {
+      "aria-label": t15,
+      className: "h-7 w-44 text-xs",
+      "data-testid": t16,
+      onChange: onQueryChange,
+      placeholder: t17,
+      value: query
+    }, void 0, false);
+    $[33] = query;
+    $[34] = t15;
+    $[35] = t16;
+    $[36] = t17;
+    $[37] = t18;
+  } else {
+    t18 = $[37];
+  }
+  let t19;
+  if ($[38] !== t) {
+    t19 = t("Storage tiers");
+    $[38] = t;
+    $[39] = t19;
+  } else {
+    t19 = $[39];
+  }
+  const t20 = `${testIdPrefix}-tier-shard`;
+  const t21 = tierFilter.shard ? "default" : "outline";
+  let t22;
+  if ($[40] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t22 = /* @__PURE__ */ jsxDEV("span", {
+      "aria-hidden": "true",
+      className: "size-1.5 rounded-full",
+      style: SHARD_DOT_STYLE
+    }, void 0, false);
+    $[40] = t22;
+  } else {
+    t22 = $[40];
+  }
+  let t23;
+  if ($[41] !== t20 || $[42] !== t21 || $[43] !== tierFilter.shard) {
+    t23 = /* @__PURE__ */ jsxDEV(Button, {
+      "aria-pressed": tierFilter.shard,
+      className: "gap-1.5",
+      "data-testid": t20,
+      onClick: toggleShard,
+      size: "xs",
+      type: "button",
+      variant: t21,
+      children: [t22, TIER_META.shard.label]
+    }, void 0, true);
+    $[41] = t20;
+    $[42] = t21;
+    $[43] = tierFilter.shard;
+    $[44] = t23;
+  } else {
+    t23 = $[44];
+  }
+  const t24 = `${testIdPrefix}-tier-global`;
+  const t25 = tierFilter.global ? "default" : "outline";
+  let t26;
+  if ($[45] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t26 = /* @__PURE__ */ jsxDEV("span", {
+      "aria-hidden": "true",
+      className: "size-1.5 rounded-full",
+      style: GLOBAL_DOT_STYLE
+    }, void 0, false);
+    $[45] = t26;
+  } else {
+    t26 = $[45];
+  }
+  let t27;
+  if ($[46] !== t24 || $[47] !== t25 || $[48] !== tierFilter.global) {
+    t27 = /* @__PURE__ */ jsxDEV(Button, {
+      "aria-pressed": tierFilter.global,
+      className: "gap-1.5",
+      "data-testid": t24,
+      onClick: toggleGlobal,
+      size: "xs",
+      type: "button",
+      variant: t25,
+      children: [t26, TIER_META.global.label]
+    }, void 0, true);
+    $[46] = t24;
+    $[47] = t25;
+    $[48] = tierFilter.global;
+    $[49] = t27;
+  } else {
+    t27 = $[49];
+  }
+  let t28;
+  if ($[50] !== t19 || $[51] !== t23 || $[52] !== t27) {
+    t28 = /* @__PURE__ */ jsxDEV("div", {
+      "aria-label": t19,
+      className: "flex items-center gap-1.5",
+      role: "group",
+      children: [t23, t27]
+    }, void 0, true);
+    $[50] = t19;
+    $[51] = t23;
+    $[52] = t27;
+    $[53] = t28;
+  } else {
+    t28 = $[53];
+  }
+  let t29;
+  if ($[54] !== t18 || $[55] !== t28) {
+    t29 = /* @__PURE__ */ jsxDEV(Panel, {
+      position: "top-left",
+      children: /* @__PURE__ */ jsxDEV("div", {
+        className: "flex flex-col gap-2 rounded-xl border border-border bg-card/95 p-2 shadow-xs",
+        children: [t18, t28]
+      }, void 0, true)
+    }, void 0, false);
+    $[54] = t18;
+    $[55] = t28;
+    $[56] = t29;
+  } else {
+    t29 = $[56];
+  }
+  let t30;
+  let t31;
+  let t32;
+  if ($[57] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t30 = /* @__PURE__ */ jsxDEV(Panel, {
+      position: "bottom-left",
+      children: /* @__PURE__ */ jsxDEV(Legend, {}, void 0, false)
+    }, void 0, false);
+    t31 = /* @__PURE__ */ jsxDEV(Controls, {
+      showInteractive: false
+    }, void 0, false);
+    t32 = /* @__PURE__ */ jsxDEV(MiniMap, {
+      pannable: true,
+      zoomable: true
+    }, void 0, false);
+    $[57] = t30;
+    $[58] = t31;
+    $[59] = t32;
+  } else {
+    t30 = $[57];
+    t31 = $[58];
+    t32 = $[59];
+  }
+  let t33;
+  if ($[60] !== testIdPrefix) {
+    t33 = /* @__PURE__ */ jsxDEV(DiagramExportPanel, {
+      containerRef: canvasRef,
+      testIdPrefix
+    }, void 0, false);
+    $[60] = testIdPrefix;
+    $[61] = t33;
+  } else {
+    t33 = $[61];
+  }
+  let t34;
+  if ($[62] !== flowEdges || $[63] !== nodes || $[64] !== onEdgesChange || $[65] !== onNodesChange || $[66] !== t29 || $[67] !== t33) {
+    t34 = /* @__PURE__ */ jsxDEV(ReactFlow, {
+      edges: flowEdges,
+      elementsSelectable: true,
+      fitView: true,
+      minZoom: 0.2,
+      nodes,
+      nodesConnectable: false,
+      nodeTypes: NODE_TYPES,
+      onEdgesChange,
+      onNodesChange,
+      children: [t14, t29, t30, t31, t32, t33]
+    }, void 0, true);
+    $[62] = flowEdges;
+    $[63] = nodes;
+    $[64] = onEdgesChange;
+    $[65] = onNodesChange;
+    $[66] = t29;
+    $[67] = t33;
+    $[68] = t34;
+  } else {
+    t34 = $[68];
+  }
+  let t35;
+  if ($[69] !== t13 || $[70] !== t34) {
+    t35 = /* @__PURE__ */ jsxDEV("div", {
+      className: "h-[560px] w-full overflow-hidden rounded-xl border border-border bg-muted/20 shadow-xs",
+      "data-testid": t13,
+      ref: canvasRef,
+      children: t34
+    }, void 0, false);
+    $[69] = t13;
+    $[70] = t34;
+    $[71] = t35;
+  } else {
+    t35 = $[71];
+  }
+  let t36;
+  if ($[72] !== t12 || $[73] !== t35) {
+    t36 = /* @__PURE__ */ jsxDEV("section", {
+      className: "flex flex-col gap-2",
+      "data-testid": t12,
+      children: t35
+    }, void 0, false);
+    $[72] = t12;
+    $[73] = t35;
+    $[74] = t36;
+  } else {
+    t36 = $[74];
+  }
+  return t36;
+};
+function _temp$1(previous) {
+  return {
+    ...previous,
+    shard: !previous.shard
+  };
+}
+function _temp2$1(previous_0) {
+  return {
+    ...previous_0,
+    global: !previous_0.global
+  };
+}
+
+const SCHEMA_EDIT_ENDPOINT = "/__lunora/schema-edit";
+const applyEdit = async (edit) => {
+  const response = await fetch(SCHEMA_EDIT_ENDPOINT, {
+    body: JSON.stringify(edit),
+    // `Content-Type: application/json` is non-simple and forces a CORS preflight
+    // for cross-origin fetches, preventing CSRF via the browser's same-origin
+    // policy. `X-Lunora-Studio` is an additional custom header that also triggers
+    // a preflight and lets the server-side guard identify studio traffic; both
+    // headers are checked by the `@lunora/config` `csrfRejectionReason` guard.
+    headers: {
+      "Content-Type": "application/json",
+      "X-Lunora-Studio": "1"
+    },
+    method: "POST"
+  });
+  const body = await response.json();
+  if (body.needsMigration === true) {
+    return {
+      kind: "needs-migration",
+      message: body.message ?? "This edit needs a migration."
+    };
+  }
+  if (response.ok && body.tables !== void 0) {
+    return {
+      diagnostics: body.diagnostics ?? [],
+      kind: "ok",
+      tables: body.tables
+    };
+  }
+  return {
+    kind: "error",
+    message: body.error ?? `schema edit failed (${String(response.status)})`
+  };
+};
+
+const COLUMN_TYPES = [{
+  label: "string",
+  validator: "v.string()"
+}, {
+  label: "number",
+  validator: "v.number()"
+}, {
+  label: "boolean",
+  validator: "v.boolean()"
+}, {
+  label: "bigint",
+  validator: "v.int64()"
+}, {
+  label: "bytes",
+  validator: "v.bytes()"
+}, {
+  label: "any",
+  validator: "v.any()"
+}];
+const DEFAULT_VALIDATOR = "v.string()";
+const splitFields = (raw) => raw.split(",").map((field) => field.trim()).filter((field) => field !== "");
+const SchemaEditorOverlay = ({
+  onApplied,
+  tableNames
+}) => {
+  const t = useT();
+  const navigate = useNavigate();
+  const [mode, setMode] = useState(null);
+  const [busy, setBusy] = useState(false);
+  const [result, setResult] = useState(null);
+  const [tableName, setTableName] = useState("");
+  const [columnName, setColumnName] = useState("");
+  const [validator, setValidator] = useState(DEFAULT_VALIDATOR);
+  const [targetTable, setTargetTable] = useState(tableNames[0] ?? "");
+  const [indexName, setIndexName] = useState("");
+  const [indexFields, setIndexFields] = useState("");
+  const [unique, setUnique] = useState(false);
+  const reset = () => {
+    setMode(null);
+    setTableName("");
+    setColumnName("");
+    setIndexName("");
+    setIndexFields("");
+    setUnique(false);
+  };
+  const submit = async (edit) => {
+    setBusy(true);
+    setResult(null);
+    try {
+      const outcome = await applyEdit(edit);
+      setResult(outcome);
+      if (outcome.kind === "ok") {
+        onApplied(outcome.tables);
+        reset();
+      }
+    } catch (error) {
+      setResult({
+        kind: "error",
+        message: error instanceof Error ? error.message : String(error)
+      });
+    } finally {
+      setBusy(false);
+    }
+  };
+  const onSubmitTable = () => {
+    fireAndForget(submit({
+      kind: "addTable",
+      table: tableName.trim()
+    }));
+  };
+  const onSubmitColumn = () => {
+    fireAndForget(submit({
+      column: columnName.trim(),
+      kind: "addOptionalColumn",
+      table: targetTable,
+      validator
+    }));
+  };
+  const onSubmitIndex = () => {
+    fireAndForget(submit({
+      fields: splitFields(indexFields),
+      kind: "addIndex",
+      name: indexName.trim(),
+      table: targetTable,
+      unique
+    }));
+  };
+  const openTable = () => {
+    setResult(null);
+    setMode("addTable");
+  };
+  const openColumn = () => {
+    setResult(null);
+    setMode("addColumn");
+  };
+  const openIndex = () => {
+    setResult(null);
+    setMode("addIndex");
+  };
+  const openDestructive = () => {
+    setMode("destructive");
+    setResult({
+      kind: "needs-migration",
+      message: t("This edit changes stored data and must go through a migration. Review the migration before applying.")
+    });
+  };
+  const onTableNameChange = (event) => {
+    setTableName(event.target.value);
+  };
+  const onColumnNameChange = (event_0) => {
+    setColumnName(event_0.target.value);
+  };
+  const onValidatorChange = (event_1) => {
+    setValidator(event_1.target.value);
+  };
+  const onTargetTableChange = (event_2) => {
+    setTargetTable(event_2.target.value);
+  };
+  const onIndexNameChange = (event_3) => {
+    setIndexName(event_3.target.value);
+  };
+  const onIndexFieldsChange = (event_4) => {
+    setIndexFields(event_4.target.value);
+  };
+  const onUniqueChange = (event_5) => {
+    setUnique(event_5.target.checked);
+  };
+  const onOpenMigrations = () => {
+    fireAndForget(navigate({
+      to: "/migrations"
+    }));
+  };
+  return /* @__PURE__ */ jsxDEV(Card, {
+    "data-testid": "sc-editor",
+    size: "sm",
+    children: [/* @__PURE__ */ jsxDEV(CardHeader, {
+      children: [/* @__PURE__ */ jsxDEV(CardTitle, {
+        children: t("Edit schema")
+      }, void 0, false), /* @__PURE__ */ jsxDEV(CardDescription, {
+        children: t("Adds a table, column, or index to lunora/schema.ts and reruns codegen.")
+      }, void 0, false)]
+    }, void 0, true), /* @__PURE__ */ jsxDEV(CardContent, {
+      children: [/* @__PURE__ */ jsxDEV("div", {
+        className: "flex flex-wrap gap-2",
+        children: [/* @__PURE__ */ jsxDEV(Button, {
+          "data-testid": "sc-editor-add-table",
+          onClick: openTable,
+          size: "xs",
+          type: "button",
+          variant: mode === "addTable" ? "default" : "outline",
+          children: t("Add table")
+        }, void 0, false), /* @__PURE__ */ jsxDEV(Button, {
+          "data-testid": "sc-editor-add-column",
+          disabled: tableNames.length === 0,
+          onClick: openColumn,
+          size: "xs",
+          type: "button",
+          variant: mode === "addColumn" ? "default" : "outline",
+          children: t("Add column")
+        }, void 0, false), /* @__PURE__ */ jsxDEV(Button, {
+          "data-testid": "sc-editor-add-index",
+          disabled: tableNames.length === 0,
+          onClick: openIndex,
+          size: "xs",
+          type: "button",
+          variant: mode === "addIndex" ? "default" : "outline",
+          children: t("Add index")
+        }, void 0, false), /* @__PURE__ */ jsxDEV(Button, {
+          "data-testid": "sc-editor-destructive",
+          disabled: tableNames.length === 0,
+          onClick: openDestructive,
+          size: "xs",
+          type: "button",
+          variant: mode === "destructive" ? "default" : "ghost",
+          children: t("Rename / drop / change type…")
+        }, void 0, false)]
+      }, void 0, true), mode === "addTable" && /* @__PURE__ */ jsxDEV("div", {
+        className: "mt-3 flex flex-wrap items-end gap-2",
+        "data-testid": "sc-editor-table-form",
+        children: [/* @__PURE__ */ jsxDEV("div", {
+          className: "flex flex-col gap-1 text-xs",
+          children: [/* @__PURE__ */ jsxDEV(Label, {
+            htmlFor: "sc-editor-table-name",
+            children: t("Table name")
+          }, void 0, false), /* @__PURE__ */ jsxDEV(Input, {
+            "data-testid": "sc-editor-table-name",
+            id: "sc-editor-table-name",
+            onChange: onTableNameChange,
+            value: tableName
+          }, void 0, false)]
+        }, void 0, true), /* @__PURE__ */ jsxDEV(Button, {
+          "data-testid": "sc-editor-table-apply",
+          disabled: busy || tableName.trim() === "",
+          onClick: onSubmitTable,
+          size: "xs",
+          type: "button",
+          children: busy ? t("Applying…") : t("Apply")
+        }, void 0, false), /* @__PURE__ */ jsxDEV(Button, {
+          onClick: reset,
+          size: "xs",
+          type: "button",
+          variant: "ghost",
+          children: t("Cancel")
+        }, void 0, false)]
+      }, void 0, true), mode === "addColumn" && /* @__PURE__ */ jsxDEV("div", {
+        className: "mt-3 flex flex-wrap items-end gap-2",
+        "data-testid": "sc-editor-column-form",
+        children: [/* @__PURE__ */ jsxDEV("div", {
+          className: "flex flex-col gap-1 text-xs",
+          children: [/* @__PURE__ */ jsxDEV(Label, {
+            htmlFor: "sc-editor-column-table",
+            children: t("Table name")
+          }, void 0, false), /* @__PURE__ */ jsxDEV("select", {
+            className: "h-8 rounded-md border border-input bg-transparent px-2 text-xs",
+            "data-testid": "sc-editor-column-table",
+            id: "sc-editor-column-table",
+            onChange: onTargetTableChange,
+            value: targetTable,
+            children: tableNames.map((name) => /* @__PURE__ */ jsxDEV("option", {
+              value: name,
+              children: name
+            }, name, false))
+          }, void 0, false)]
+        }, void 0, true), /* @__PURE__ */ jsxDEV("div", {
+          className: "flex flex-col gap-1 text-xs",
+          children: [/* @__PURE__ */ jsxDEV(Label, {
+            htmlFor: "sc-editor-column-name",
+            children: t("Column name")
+          }, void 0, false), /* @__PURE__ */ jsxDEV(Input, {
+            "data-testid": "sc-editor-column-name",
+            id: "sc-editor-column-name",
+            onChange: onColumnNameChange,
+            value: columnName
+          }, void 0, false)]
+        }, void 0, true), /* @__PURE__ */ jsxDEV("div", {
+          className: "flex flex-col gap-1 text-xs",
+          children: [/* @__PURE__ */ jsxDEV(Label, {
+            htmlFor: "sc-editor-column-type",
+            children: t("Column type")
+          }, void 0, false), /* @__PURE__ */ jsxDEV("select", {
+            className: "h-8 rounded-md border border-input bg-transparent px-2 text-xs",
+            "data-testid": "sc-editor-column-type",
+            id: "sc-editor-column-type",
+            onChange: onValidatorChange,
+            value: validator,
+            children: COLUMN_TYPES.map((type) => /* @__PURE__ */ jsxDEV("option", {
+              value: type.validator,
+              children: type.label
+            }, type.validator, false))
+          }, void 0, false)]
+        }, void 0, true), /* @__PURE__ */ jsxDEV("span", {
+          className: "text-[11px] text-muted-foreground",
+          children: t("Optional")
+        }, void 0, false), /* @__PURE__ */ jsxDEV(Button, {
+          "data-testid": "sc-editor-column-apply",
+          disabled: busy || columnName.trim() === "" || targetTable === "",
+          onClick: onSubmitColumn,
+          size: "xs",
+          type: "button",
+          children: busy ? t("Applying…") : t("Apply")
+        }, void 0, false), /* @__PURE__ */ jsxDEV(Button, {
+          onClick: reset,
+          size: "xs",
+          type: "button",
+          variant: "ghost",
+          children: t("Cancel")
+        }, void 0, false)]
+      }, void 0, true), mode === "addIndex" && /* @__PURE__ */ jsxDEV("div", {
+        className: "mt-3 flex flex-wrap items-end gap-2",
+        "data-testid": "sc-editor-index-form",
+        children: [/* @__PURE__ */ jsxDEV("div", {
+          className: "flex flex-col gap-1 text-xs",
+          children: [/* @__PURE__ */ jsxDEV(Label, {
+            htmlFor: "sc-editor-index-table",
+            children: t("Table name")
+          }, void 0, false), /* @__PURE__ */ jsxDEV("select", {
+            className: "h-8 rounded-md border border-input bg-transparent px-2 text-xs",
+            "data-testid": "sc-editor-index-table",
+            id: "sc-editor-index-table",
+            onChange: onTargetTableChange,
+            value: targetTable,
+            children: tableNames.map((name_0) => /* @__PURE__ */ jsxDEV("option", {
+              value: name_0,
+              children: name_0
+            }, name_0, false))
+          }, void 0, false)]
+        }, void 0, true), /* @__PURE__ */ jsxDEV("div", {
+          className: "flex flex-col gap-1 text-xs",
+          children: [/* @__PURE__ */ jsxDEV(Label, {
+            htmlFor: "sc-editor-index-name",
+            children: t("Index name")
+          }, void 0, false), /* @__PURE__ */ jsxDEV(Input, {
+            "data-testid": "sc-editor-index-name",
+            id: "sc-editor-index-name",
+            onChange: onIndexNameChange,
+            value: indexName
+          }, void 0, false)]
+        }, void 0, true), /* @__PURE__ */ jsxDEV("div", {
+          className: "flex flex-col gap-1 text-xs",
+          children: [/* @__PURE__ */ jsxDEV(Label, {
+            htmlFor: "sc-editor-index-fields",
+            children: t("Index fields (comma-separated)")
+          }, void 0, false), /* @__PURE__ */ jsxDEV(Input, {
+            "data-testid": "sc-editor-index-fields",
+            id: "sc-editor-index-fields",
+            onChange: onIndexFieldsChange,
+            value: indexFields
+          }, void 0, false)]
+        }, void 0, true), /* @__PURE__ */ jsxDEV(Label, {
+          className: "flex items-center gap-1 text-xs",
+          htmlFor: "sc-editor-index-unique",
+          children: [/* @__PURE__ */ jsxDEV("input", {
+            checked: unique,
+            "data-testid": "sc-editor-index-unique",
+            id: "sc-editor-index-unique",
+            onChange: onUniqueChange,
+            type: "checkbox"
+          }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
+            className: "text-muted-foreground",
+            children: t("Unique")
+          }, void 0, false)]
+        }, void 0, true), /* @__PURE__ */ jsxDEV(Button, {
+          "data-testid": "sc-editor-index-apply",
+          disabled: busy || indexName.trim() === "" || indexFields.trim() === "",
+          onClick: onSubmitIndex,
+          size: "xs",
+          type: "button",
+          children: busy ? t("Applying…") : t("Apply")
+        }, void 0, false), /* @__PURE__ */ jsxDEV(Button, {
+          onClick: reset,
+          size: "xs",
+          type: "button",
+          variant: "ghost",
+          children: t("Cancel")
+        }, void 0, false)]
+      }, void 0, true), result?.kind === "error" && /* @__PURE__ */ jsxDEV("p", {
+        className: "mt-3 text-sm text-destructive",
+        "data-testid": "sc-editor-error",
+        role: "alert",
+        children: result.message
+      }, void 0, false), result?.kind === "needs-migration" && /* @__PURE__ */ jsxDEV("div", {
+        className: "mt-3 flex flex-col gap-2",
+        "data-testid": "sc-editor-needs-migration",
+        children: [/* @__PURE__ */ jsxDEV("p", {
+          className: "text-sm text-warning",
+          role: "alert",
+          children: t("This edit changes stored data and must go through a migration. Review the migration before applying.")
+        }, void 0, false), /* @__PURE__ */ jsxDEV(Button, {
+          className: "self-start",
+          "data-testid": "sc-editor-open-migrations",
+          onClick: onOpenMigrations,
+          size: "xs",
+          type: "button",
+          variant: "outline",
+          children: t("Open Migrations")
+        }, void 0, false)]
+      }, void 0, true), result?.kind === "ok" && result.diagnostics.length > 0 && /* @__PURE__ */ jsxDEV("div", {
+        className: "mt-3 flex flex-col gap-1",
+        "data-testid": "sc-editor-diagnostics",
+        children: [/* @__PURE__ */ jsxDEV("p", {
+          className: "text-sm text-destructive",
+          role: "alert",
+          children: t("Codegen reported diagnostics:")
+        }, void 0, false), /* @__PURE__ */ jsxDEV("ul", {
+          className: "flex flex-col gap-0.5",
+          children: result.diagnostics.map((diagnostic) => /* @__PURE__ */ jsxDEV("li", {
+            className: "font-mono text-[11px] text-destructive",
+            children: diagnostic
+          }, diagnostic, false))
+        }, void 0, false)]
+      }, void 0, true)]
+    }, void 0, true)]
+  }, void 0, true);
+};
+
+const LIST_TABLES = adminRef(ADMIN_FUNCTIONS.listTables);
+const LIST_TABLE_INDEXES = adminRef(ADMIN_FUNCTIONS.listTableIndexes);
+const READ_TABLE_PAGE = adminRef(ADMIN_FUNCTIONS.readTablePage);
+const DESCRIBE_TABLES = adminRef(ADMIN_FUNCTIONS.describeTables);
+const EMPTY_COLUMNS = {};
+const EMPTY_COLUMN_NAMES = [];
+const EMPTY_COLUMN_META = [];
+const ChevronIcon = (t0) => {
+  const $ = c(5);
+  const {
+    open
+  } = t0;
+  const t1 = open && "rotate-90";
+  let t2;
+  if ($[0] !== t1) {
+    t2 = cn("size-3.5 shrink-0 text-muted-foreground transition-transform duration-150", t1);
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /* @__PURE__ */ jsxDEV("path", {
+      d: "m9 6 6 6-6 6"
+    }, void 0, false);
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  let t4;
+  if ($[3] !== t2) {
+    t4 = /* @__PURE__ */ jsxDEV("svg", {
+      "aria-hidden": "true",
+      className: t2,
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 1.8,
+      viewBox: "0 0 24 24",
+      children: t3
+    }, void 0, false);
+    $[3] = t2;
+    $[4] = t4;
+  } else {
+    t4 = $[4];
+  }
+  return t4;
+};
+const TableEntry = (t0) => {
+  const $ = c(20);
+  const {
+    children,
+    expanded,
+    name,
+    onToggle,
+    rowCount,
+    rowTestId,
+    toggleTestId
+  } = t0;
+  let t1;
+  if ($[0] !== expanded) {
+    t1 = /* @__PURE__ */ jsxDEV(ChevronIcon, {
+      open: expanded
+    }, void 0, false);
+    $[0] = expanded;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== name) {
+    t2 = /* @__PURE__ */ jsxDEV("span", {
+      className: "truncate font-mono text-xs text-foreground",
+      title: name,
+      children: name
+    }, void 0, false);
+    $[2] = name;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== rowCount) {
+    t3 = /* @__PURE__ */ jsxDEV("span", {
+      className: "ms-auto shrink-0 text-xs text-muted-foreground tabular-nums",
+      children: ["(", rowCount, ")"]
+    }, void 0, true);
+    $[4] = rowCount;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== expanded || $[7] !== onToggle || $[8] !== t1 || $[9] !== t2 || $[10] !== t3 || $[11] !== toggleTestId) {
+    t4 = /* @__PURE__ */ jsxDEV("button", {
+      "aria-expanded": expanded,
+      className: "flex w-full items-center gap-2 px-3 py-2 text-start transition-colors hover:bg-muted/50 aria-expanded:bg-muted/40",
+      "data-testid": toggleTestId,
+      onClick: onToggle,
+      type: "button",
+      children: [t1, t2, " ", t3]
+    }, void 0, true);
+    $[6] = expanded;
+    $[7] = onToggle;
+    $[8] = t1;
+    $[9] = t2;
+    $[10] = t3;
+    $[11] = toggleTestId;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  let t5;
+  if ($[13] !== children || $[14] !== expanded) {
+    t5 = expanded && /* @__PURE__ */ jsxDEV("div", {
+      className: "px-3 pb-3 ps-8",
+      children
+    }, void 0, false);
+    $[13] = children;
+    $[14] = expanded;
+    $[15] = t5;
+  } else {
+    t5 = $[15];
+  }
+  let t6;
+  if ($[16] !== rowTestId || $[17] !== t4 || $[18] !== t5) {
+    t6 = /* @__PURE__ */ jsxDEV("li", {
+      className: "border-t border-border/60 first:border-t-0",
+      "data-testid": rowTestId,
+      children: [t4, t5]
+    }, void 0, true);
+    $[16] = rowTestId;
+    $[17] = t4;
+    $[18] = t5;
+    $[19] = t6;
+  } else {
+    t6 = $[19];
+  }
+  return t6;
+};
+const ColumnChips = (t0) => {
+  const $ = c(5);
+  const {
+    columns,
+    testId
+  } = t0;
+  let t1;
+  if ($[0] !== columns) {
+    t1 = columns.map(_temp);
+    $[0] = columns;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t1 || $[3] !== testId) {
+    t2 = /* @__PURE__ */ jsxDEV("ul", {
+      className: "flex flex-wrap gap-1.5 pt-1",
+      "data-testid": testId,
+      children: t1
+    }, void 0, false);
+    $[2] = t1;
+    $[3] = testId;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
+};
+const IndexList = (t0) => {
+  const $ = c(10);
+  const {
+    heading,
+    indexes,
+    testId
+  } = t0;
+  let t1;
+  if ($[0] !== heading) {
+    t1 = /* @__PURE__ */ jsxDEV("p", {
+      className: "mb-1.5 font-mono text-[10px] tracking-wide text-muted-foreground uppercase",
+      children: heading
+    }, void 0, false);
+    $[0] = heading;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== indexes) {
+    t2 = indexes.map(_temp2);
+    $[2] = indexes;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t2 || $[5] !== testId) {
+    t3 = /* @__PURE__ */ jsxDEV("ul", {
+      className: "flex flex-col gap-1",
+      "data-testid": testId,
+      children: t2
+    }, void 0, false);
+    $[4] = t2;
+    $[5] = testId;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  let t4;
+  if ($[7] !== t1 || $[8] !== t3) {
+    t4 = /* @__PURE__ */ jsxDEV("div", {
+      className: "pt-3",
+      children: [t1, t3]
+    }, void 0, true);
+    $[7] = t1;
+    $[8] = t3;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  return t4;
+};
+const SchemaViewer = (t0) => {
+  const $ = c(126);
+  const {
+    initialShardKey,
+    initialTable,
+    schemaEditable
+  } = t0;
+  const client = useLunora();
+  const t = useT();
+  const [view, setView] = useState("list");
+  const [shardKey, setShardKey] = useState(initialShardKey ?? "");
+  const [tableFilter, setTableFilter] = useState("");
+  const [tables, setTables] = useState(null);
+  const [error, setError] = useState(null);
+  let t1;
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t1 = {};
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const [columns, setColumns] = useState(t1);
+  let t2;
+  if ($[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {};
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const [indexes, setIndexes] = useState(t2);
+  const [expanded, setExpanded] = useState(null);
+  let t3;
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t3 = {};
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  const [shardColumns, setShardColumns] = useState(t3);
+  let t4;
+  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t4 = {};
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  const [shardColumnsError, setShardColumnsError] = useState(t4);
+  const [globalTables, setGlobalTables] = useState(null);
+  const [globalError, setGlobalError] = useState(null);
+  let t5;
+  if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t5 = {};
+    $[4] = t5;
+  } else {
+    t5 = $[4];
+  }
+  const [globalColumns, setGlobalColumns] = useState(t5);
+  const [globalExpanded, setGlobalExpanded] = useState(null);
+  let t6;
+  if ($[5] !== client) {
+    t6 = async (shard) => {
+      setError(null);
+      try {
+        const result = await client.query(LIST_TABLES, {}, callOptions(shard));
+        recordShard(shard);
+        setTables(result);
+        setColumns({});
+        setIndexes({});
+        setExpanded(null);
+        setShardColumns((previous) => Object.fromEntries(Object.entries(previous).filter((t82) => {
+          const [cachedShard] = t82;
+          return cachedShard !== shard;
+        })));
+        setShardColumnsError((previous_0) => Object.fromEntries(Object.entries(previous_0).filter((t92) => {
+          const [cachedShard_0] = t92;
+          return cachedShard_0 !== shard;
+        })));
+      } catch (t72) {
+        const error_ = t72;
+        setTables(null);
+        setError(errorMessage(error_));
+      }
+    };
+    $[5] = client;
+    $[6] = t6;
+  } else {
+    t6 = $[6];
+  }
+  const refresh = t6;
+  let t7;
+  if ($[7] !== client) {
+    t7 = async () => {
+      setGlobalError(null);
+      try {
+        setGlobalTables(await client.listGlobalTables());
+      } catch (t82) {
+        const error__0 = t82;
+        setGlobalTables(null);
+        setGlobalError(errorMessage(error__0));
+      }
+    };
+    $[7] = client;
+    $[8] = t7;
+  } else {
+    t7 = $[8];
+  }
+  const refreshGlobal = t7;
+  let t8;
+  if ($[9] !== shardKey) {
+    t8 = shardKey.trim();
+    $[9] = shardKey;
+    $[10] = t8;
+  } else {
+    t8 = $[10];
+  }
+  const debouncedShard = useDebounced(t8, 400);
+  let t10;
+  let t9;
+  if ($[11] !== debouncedShard || $[12] !== refresh || $[13] !== refreshGlobal) {
+    t9 = () => {
+      fireAndForget(refresh(debouncedShard));
+      fireAndForget(refreshGlobal());
+    };
+    t10 = [refresh, refreshGlobal, debouncedShard];
+    $[11] = debouncedShard;
+    $[12] = refresh;
+    $[13] = refreshGlobal;
+    $[14] = t10;
+    $[15] = t9;
+  } else {
+    t10 = $[14];
+    t9 = $[15];
+  }
+  useEffect(t9, t10);
+  let t11;
+  if ($[16] !== client || $[17] !== columns || $[18] !== expanded || $[19] !== shardKey) {
+    t11 = async (table) => {
+      if (expanded === table) {
+        setExpanded(null);
+        return;
+      }
+      setExpanded(table);
+      const cacheKey = `${shardKey}:${table}`;
+      if (columns[cacheKey] !== void 0) {
+        return;
+      }
+      const [page, indexResult] = await Promise.allSettled([client.query(READ_TABLE_PAGE, {
+        limit: 1,
+        offset: 0,
+        table
+      }, callOptions(shardKey)), client.query(LIST_TABLE_INDEXES, {
+        table
+      }, callOptions(shardKey))]);
+      if (page.status === "fulfilled") {
+        setColumns((previous_1) => ({
+          ...previous_1,
+          [cacheKey]: page.value.columns
+        }));
+      } else {
+        setError(errorMessage(page.reason));
+      }
+      if (indexResult.status === "fulfilled") {
+        setIndexes((previous_2) => ({
+          ...previous_2,
+          [cacheKey]: indexResult.value.indexes
+        }));
+      }
+    };
+    $[16] = client;
+    $[17] = columns;
+    $[18] = expanded;
+    $[19] = shardKey;
+    $[20] = t11;
+  } else {
+    t11 = $[20];
+  }
+  const toggle = t11;
+  let t12;
+  if ($[21] !== client || $[22] !== globalColumns || $[23] !== globalExpanded) {
+    t12 = async (table_0) => {
+      if (globalExpanded === table_0) {
+        setGlobalExpanded(null);
+        return;
+      }
+      setGlobalExpanded(table_0);
+      if (globalColumns[table_0] !== void 0) {
+        return;
+      }
+      try {
+        const page_0 = await client.readGlobalTablePage({
+          limit: 1,
+          offset: 0,
+          table: table_0
+        });
+        setGlobalColumns((previous_3) => ({
+          ...previous_3,
+          [table_0]: page_0.columns
+        }));
+      } catch (t132) {
+        const error__1 = t132;
+        setGlobalError(errorMessage(error__1));
+      }
+    };
+    $[21] = client;
+    $[22] = globalColumns;
+    $[23] = globalExpanded;
+    $[24] = t12;
+  } else {
+    t12 = $[24];
+  }
+  const toggleGlobal = t12;
+  const appliedTable = useRef(void 0);
+  let t13;
+  let t14;
+  if ($[25] !== initialTable || $[26] !== tables || $[27] !== toggle) {
+    t13 = () => {
+      if (initialTable === void 0 || tables === null || appliedTable.current === initialTable) {
+        return;
+      }
+      if (tables.some((table_1) => table_1.name === initialTable)) {
+        appliedTable.current = initialTable;
+        fireAndForget(toggle(initialTable));
+      }
+    };
+    t14 = [initialTable, tables, toggle];
+    $[25] = initialTable;
+    $[26] = tables;
+    $[27] = toggle;
+    $[28] = t13;
+    $[29] = t14;
+  } else {
+    t13 = $[28];
+    t14 = $[29];
+  }
+  useEffect(t13, t14);
+  let t15;
+  if ($[30] !== client) {
+    t15 = async (shard_0, shardNames, globalNames) => {
+      const [described, globalPages] = await Promise.all([Promise.allSettled([client.query(DESCRIBE_TABLES, {
+        tables: [...shardNames, ...globalNames]
+      }, callOptions(shard_0))]), Promise.all(globalNames.map(async (table_2) => {
+        const page_1 = await Promise.allSettled([client.readGlobalTablePage({
+          limit: 1,
+          offset: 0,
+          table: table_2
+        })]);
+        const value = page_1[0].status === "fulfilled" ? page_1[0].value : void 0;
+        return {
+          columns: value?.columns ?? [],
+          refs: value?.refs ?? {},
+          table: table_2
+        };
+      }))]);
+      const typedColumns = described[0].status === "fulfilled" ? described[0].value?.columnsByTable ?? {} : {};
+      const columnsFailed = described[0].status === "rejected";
+      const globalFallback = new Map(globalPages.map(_temp3));
+      const resolved = [...shardNames, ...globalNames].map((table_4) => {
+        const typed = typedColumns[table_4] ?? [];
+        return [table_4, typed.length > 0 ? typed : globalFallback.get(table_4) ?? []];
+      });
+      setShardColumns((previous_4) => ({
+        ...previous_4,
+        [shard_0]: Object.fromEntries(resolved)
+      }));
+      setShardColumnsError((previous_5) => ({
+        ...previous_5,
+        [shard_0]: columnsFailed
+      }));
+    };
+    $[30] = client;
+    $[31] = t15;
+  } else {
+    t15 = $[31];
+  }
+  const probeSchema = t15;
+  let t16;
+  let t17;
+  if ($[32] !== globalError || $[33] !== globalTables || $[34] !== probeSchema || $[35] !== shardColumns || $[36] !== shardKey || $[37] !== tables || $[38] !== view) {
+    t16 = () => {
+      if (view !== "graph" || tables === null || globalTables === null && globalError === null || shardColumns[shardKey] !== void 0) {
+        return;
+      }
+      fireAndForget(probeSchema(shardKey, tables.map(_temp4), (globalTables ?? []).map(_temp5)));
+    };
+    t17 = [view, tables, globalTables, globalError, shardKey, shardColumns, probeSchema];
+    $[32] = globalError;
+    $[33] = globalTables;
+    $[34] = probeSchema;
+    $[35] = shardColumns;
+    $[36] = shardKey;
+    $[37] = tables;
+    $[38] = view;
+    $[39] = t16;
+    $[40] = t17;
+  } else {
+    t16 = $[39];
+    t17 = $[40];
+  }
+  useEffect(t16, t17);
+  const columnsForShard = shardColumns[shardKey] ?? EMPTY_COLUMNS;
+  let t18;
+  if ($[41] !== columnsForShard || $[42] !== globalTables || $[43] !== tables) {
+    let t192;
+    if ($[45] !== columnsForShard) {
+      t192 = (table_7) => ({
+        columns: columnsForShard[table_7.name] ?? EMPTY_COLUMN_META,
+        name: table_7.name,
+        tier: "shard"
+      });
+      $[45] = columnsForShard;
+      $[46] = t192;
+    } else {
+      t192 = $[46];
+    }
+    const shardOnes = (tables ?? []).map(t192);
+    let t202;
+    if ($[47] !== columnsForShard) {
+      t202 = (table_8) => ({
+        columns: columnsForShard[table_8.name] ?? EMPTY_COLUMN_META,
+        name: table_8.name,
+        tier: "global"
+      });
+      $[47] = columnsForShard;
+      $[48] = t202;
+    } else {
+      t202 = $[48];
+    }
+    const globalOnes = (globalTables ?? []).map(t202);
+    t18 = [...shardOnes, ...globalOnes];
+    $[41] = columnsForShard;
+    $[42] = globalTables;
+    $[43] = tables;
+    $[44] = t18;
+  } else {
+    t18 = $[44];
+  }
+  const diagramTables = t18;
+  let t19;
+  if ($[49] !== tableFilter || $[50] !== tables) {
+    const needle = tableFilter.trim().toLowerCase();
+    t19 = (tables ?? []).filter((table_9) => table_9.name.toLowerCase().includes(needle));
+    $[49] = tableFilter;
+    $[50] = tables;
+    $[51] = t19;
+  } else {
+    t19 = $[51];
+  }
+  const filteredTables = t19;
+  let t20;
+  if ($[52] !== globalTables || $[53] !== tableFilter) {
+    const needle_0 = tableFilter.trim().toLowerCase();
+    t20 = (globalTables ?? []).filter((table_10) => table_10.name.toLowerCase().includes(needle_0));
+    $[52] = globalTables;
+    $[53] = tableFilter;
+    $[54] = t20;
+  } else {
+    t20 = $[54];
+  }
+  const filteredGlobalTables = t20;
+  let t21;
+  if ($[55] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t21 = () => {
+      setView("list");
+    };
+    $[55] = t21;
+  } else {
+    t21 = $[55];
+  }
+  const showList = t21;
+  let t22;
+  if ($[56] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t22 = () => {
+      setView("graph");
+    };
+    $[56] = t22;
+  } else {
+    t22 = $[56];
+  }
+  const showGraph = t22;
+  let t23;
+  if ($[57] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t23 = (event) => {
+      setTableFilter(event.target.value);
+    };
+    $[57] = t23;
+  } else {
+    t23 = $[57];
+  }
+  const onFilterChange = t23;
+  let t24;
+  if ($[58] !== refresh || $[59] !== shardKey) {
+    t24 = (_tables) => {
+      fireAndForget(refresh(shardKey));
+    };
+    $[58] = refresh;
+    $[59] = shardKey;
+    $[60] = t24;
+  } else {
+    t24 = $[60];
+  }
+  const onSchemaApplied = t24;
+  let t25;
+  if ($[61] !== tables) {
+    t25 = tables ?? [];
+    $[61] = tables;
+    $[62] = t25;
+  } else {
+    t25 = $[62];
+  }
+  let t26;
+  if ($[63] !== t25) {
+    t26 = t25.map(_temp6);
+    $[63] = t25;
+    $[64] = t26;
+  } else {
+    t26 = $[64];
+  }
+  const shardTableNames = t26;
+  let t27;
+  if ($[65] !== shardKey) {
+    t27 = /* @__PURE__ */ jsxDEV(ShardInput, {
+      onChange: setShardKey,
+      testId: "sc-shard-input",
+      value: shardKey
+    }, void 0, false);
+    $[65] = shardKey;
+    $[66] = t27;
+  } else {
+    t27 = $[66];
+  }
+  let t28;
+  if ($[67] !== t) {
+    t28 = t("Schema view");
+    $[67] = t;
+    $[68] = t28;
+  } else {
+    t28 = $[68];
+  }
+  const t29 = view === "list";
+  const t30 = view === "list" ? "default" : "outline";
+  let t31;
+  if ($[69] !== t) {
+    t31 = t("Table list");
+    $[69] = t;
+    $[70] = t31;
+  } else {
+    t31 = $[70];
+  }
+  let t32;
+  if ($[71] !== t29 || $[72] !== t30 || $[73] !== t31) {
+    t32 = /* @__PURE__ */ jsxDEV(Button, {
+      "aria-pressed": t29,
+      "data-testid": "sc-view-list",
+      onClick: showList,
+      size: "xs",
+      type: "button",
+      variant: t30,
+      children: t31
+    }, void 0, false);
+    $[71] = t29;
+    $[72] = t30;
+    $[73] = t31;
+    $[74] = t32;
+  } else {
+    t32 = $[74];
+  }
+  const t33 = view === "graph";
+  const t34 = view === "graph" ? "default" : "outline";
+  let t35;
+  if ($[75] !== t) {
+    t35 = t("Graph");
+    $[75] = t;
+    $[76] = t35;
+  } else {
+    t35 = $[76];
+  }
+  let t36;
+  if ($[77] !== t33 || $[78] !== t34 || $[79] !== t35) {
+    t36 = /* @__PURE__ */ jsxDEV(Button, {
+      "aria-pressed": t33,
+      "data-testid": "sc-view-graph",
+      onClick: showGraph,
+      size: "xs",
+      type: "button",
+      variant: t34,
+      children: t35
+    }, void 0, false);
+    $[77] = t33;
+    $[78] = t34;
+    $[79] = t35;
+    $[80] = t36;
+  } else {
+    t36 = $[80];
+  }
+  let t37;
+  if ($[81] !== t28 || $[82] !== t32 || $[83] !== t36) {
+    t37 = /* @__PURE__ */ jsxDEV("div", {
+      "aria-label": t28,
+      className: "flex gap-1.5",
+      "data-testid": "sc-view-toggle",
+      role: "group",
+      children: [t32, t36]
+    }, void 0, true);
+    $[81] = t28;
+    $[82] = t32;
+    $[83] = t36;
+    $[84] = t37;
+  } else {
+    t37 = $[84];
+  }
+  let t38;
+  if ($[85] !== t27 || $[86] !== t37) {
+    t38 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-wrap items-center gap-3",
+      children: [t27, t37]
+    }, void 0, true);
+    $[85] = t27;
+    $[86] = t37;
+    $[87] = t38;
+  } else {
+    t38 = $[87];
+  }
+  let t39;
+  if ($[88] !== onSchemaApplied || $[89] !== schemaEditable || $[90] !== shardTableNames) {
+    t39 = schemaEditable === true && /* @__PURE__ */ jsxDEV(SchemaEditorOverlay, {
+      onApplied: onSchemaApplied,
+      tableNames: shardTableNames
+    }, void 0, false);
+    $[88] = onSchemaApplied;
+    $[89] = schemaEditable;
+    $[90] = shardTableNames;
+    $[91] = t39;
+  } else {
+    t39 = $[91];
+  }
+  let t40;
+  if ($[92] !== t || $[93] !== tableFilter || $[94] !== view) {
+    t40 = view === "list" && /* @__PURE__ */ jsxDEV(Input, {
+      "aria-label": t("Filter tables"),
+      className: "h-8 max-w-xs",
+      "data-testid": "sc-filter",
+      onChange: onFilterChange,
+      placeholder: t("Filter tables"),
+      value: tableFilter
+    }, void 0, false);
+    $[92] = t;
+    $[93] = tableFilter;
+    $[94] = view;
+    $[95] = t40;
+  } else {
+    t40 = $[95];
+  }
+  let t41;
+  if ($[96] !== diagramTables || $[97] !== error || $[98] !== globalError || $[99] !== shardColumnsError || $[100] !== shardKey || $[101] !== view) {
+    t41 = view === "graph" && /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-2",
+      "data-testid": "sc-graph-view",
+      children: [error !== null && /* @__PURE__ */ jsxDEV("p", {
+        className: "text-sm text-destructive",
+        "data-testid": "sc-error",
+        role: "alert",
+        children: error
+      }, void 0, false), globalError !== null && /* @__PURE__ */ jsxDEV("p", {
+        className: "text-sm text-destructive",
+        "data-testid": "sc-global-error",
+        role: "alert",
+        children: globalError
+      }, void 0, false), /* @__PURE__ */ jsxDEV(SchemaDiagram, {
+        columnsError: shardColumnsError[shardKey] === true,
+        tables: diagramTables,
+        testIdPrefix: "sc-graph"
+      }, void 0, false)]
+    }, void 0, true);
+    $[96] = diagramTables;
+    $[97] = error;
+    $[98] = globalError;
+    $[99] = shardColumnsError;
+    $[100] = shardKey;
+    $[101] = view;
+    $[102] = t41;
+  } else {
+    t41 = $[102];
+  }
+  let t42;
+  if ($[103] !== columns || $[104] !== error || $[105] !== expanded || $[106] !== filteredGlobalTables || $[107] !== filteredTables || $[108] !== globalColumns || $[109] !== globalError || $[110] !== globalExpanded || $[111] !== globalTables || $[112] !== indexes || $[113] !== shardKey || $[114] !== t || $[115] !== tables || $[116] !== toggle || $[117] !== toggleGlobal || $[118] !== view) {
+    t42 = view === "list" && /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-4",
+      children: [/* @__PURE__ */ jsxDEV(Card, {
+        "data-testid": "sc-shard-section",
+        size: "sm",
+        children: [/* @__PURE__ */ jsxDEV(CardHeader, {
+          children: [/* @__PURE__ */ jsxDEV("div", {
+            className: "flex items-center gap-2",
+            children: [/* @__PURE__ */ jsxDEV(StorageTierBadge, {
+              tier: "shard"
+            }, void 0, false), /* @__PURE__ */ jsxDEV(CardTitle, {
+              children: t("Shard tables")
+            }, void 0, false), tables !== null && /* @__PURE__ */ jsxDEV(Badge, {
+              className: "ms-auto tabular-nums",
+              variant: "outline",
+              children: filteredTables.length
+            }, void 0, false)]
+          }, void 0, true), /* @__PURE__ */ jsxDEV(CardDescription, {
+            children: TIER_META.shard.hint
+          }, void 0, false)]
+        }, void 0, true), /* @__PURE__ */ jsxDEV(CardContent, {
+          children: [error !== null && /* @__PURE__ */ jsxDEV("p", {
+            className: "text-sm text-destructive",
+            "data-testid": "sc-error",
+            role: "alert",
+            children: error
+          }, void 0, false), tables !== null && tables.length === 0 && /* @__PURE__ */ jsxDEV("p", {
+            className: "text-sm text-muted-foreground",
+            "data-testid": "sc-empty",
+            children: t("No tables in this shard.")
+          }, void 0, false), tables !== null && tables.length > 0 && filteredTables.length === 0 && /* @__PURE__ */ jsxDEV("p", {
+            className: "text-sm text-muted-foreground",
+            "data-testid": "sc-no-match",
+            children: t("No tables match your filter.")
+          }, void 0, false), filteredTables.length > 0 && /* @__PURE__ */ jsxDEV("ul", {
+            className: "-mx-3 overflow-hidden border-t border-border",
+            "data-testid": "sc-table-list",
+            children: filteredTables.map((table_12) => {
+              const cacheKey_0 = `${shardKey}:${table_12.name}`;
+              const tableIndexes = indexes[cacheKey_0] ?? [];
+              return /* @__PURE__ */ jsxDEV(TableEntry, {
+                expanded: expanded === table_12.name,
+                name: table_12.name,
+                onToggle: () => {
+                  fireAndForget(toggle(table_12.name));
+                },
+                rowCount: table_12.rowCount,
+                rowTestId: `sc-table-${table_12.name}`,
+                toggleTestId: `sc-toggle-${table_12.name}`,
+                children: [/* @__PURE__ */ jsxDEV(ColumnChips, {
+                  columns: columns[cacheKey_0] ?? EMPTY_COLUMN_NAMES,
+                  testId: `sc-columns-${table_12.name}`
+                }, void 0, false), tableIndexes.length > 0 && /* @__PURE__ */ jsxDEV(IndexList, {
+                  heading: t("Indexes"),
+                  indexes: tableIndexes,
+                  testId: `sc-indexes-${table_12.name}`
+                }, void 0, false)]
+              }, table_12.name, true);
+            })
+          }, void 0, false)]
+        }, void 0, true)]
+      }, void 0, true), /* @__PURE__ */ jsxDEV(Card, {
+        "data-testid": "sc-global-section",
+        size: "sm",
+        children: [/* @__PURE__ */ jsxDEV(CardHeader, {
+          children: [/* @__PURE__ */ jsxDEV("div", {
+            className: "flex items-center gap-2",
+            children: [/* @__PURE__ */ jsxDEV(StorageTierBadge, {
+              tier: "global"
+            }, void 0, false), /* @__PURE__ */ jsxDEV(CardTitle, {
+              children: t("Global tables (D1)")
+            }, void 0, false), globalTables !== null && /* @__PURE__ */ jsxDEV(Badge, {
+              className: "ms-auto tabular-nums",
+              variant: "outline",
+              children: filteredGlobalTables.length
+            }, void 0, false)]
+          }, void 0, true), /* @__PURE__ */ jsxDEV(CardDescription, {
+            children: TIER_META.global.hint
+          }, void 0, false)]
+        }, void 0, true), /* @__PURE__ */ jsxDEV(CardContent, {
+          children: [globalError !== null && /* @__PURE__ */ jsxDEV("p", {
+            className: "text-sm text-destructive",
+            "data-testid": "sc-global-error",
+            role: "alert",
+            children: globalError
+          }, void 0, false), globalTables !== null && globalTables.length === 0 && /* @__PURE__ */ jsxDEV(EmptyState, {
+            description: TIER_META.global.hint,
+            testId: "sc-global-empty",
+            title: t("No global tables.")
+          }, void 0, false), globalTables !== null && globalTables.length > 0 && filteredGlobalTables.length === 0 && /* @__PURE__ */ jsxDEV("p", {
+            className: "text-sm text-muted-foreground",
+            "data-testid": "sc-global-no-match",
+            children: t("No tables match your filter.")
+          }, void 0, false), filteredGlobalTables.length > 0 && /* @__PURE__ */ jsxDEV("ul", {
+            className: "-mx-3 overflow-hidden border-t border-border",
+            "data-testid": "sc-global-table-list",
+            children: filteredGlobalTables.map((table_13) => /* @__PURE__ */ jsxDEV(TableEntry, {
+              expanded: globalExpanded === table_13.name,
+              name: table_13.name,
+              onToggle: () => {
+                fireAndForget(toggleGlobal(table_13.name));
+              },
+              rowCount: table_13.rowCount,
+              rowTestId: `sc-global-table-${table_13.name}`,
+              toggleTestId: `sc-global-toggle-${table_13.name}`,
+              children: /* @__PURE__ */ jsxDEV(ColumnChips, {
+                columns: globalColumns[table_13.name] ?? EMPTY_COLUMN_NAMES,
+                testId: `sc-global-columns-${table_13.name}`
+              }, void 0, false)
+            }, table_13.name, false))
+          }, void 0, false)]
+        }, void 0, true)]
+      }, void 0, true)]
+    }, void 0, true);
+    $[103] = columns;
+    $[104] = error;
+    $[105] = expanded;
+    $[106] = filteredGlobalTables;
+    $[107] = filteredTables;
+    $[108] = globalColumns;
+    $[109] = globalError;
+    $[110] = globalExpanded;
+    $[111] = globalTables;
+    $[112] = indexes;
+    $[113] = shardKey;
+    $[114] = t;
+    $[115] = tables;
+    $[116] = toggle;
+    $[117] = toggleGlobal;
+    $[118] = view;
+    $[119] = t42;
+  } else {
+    t42 = $[119];
+  }
+  let t43;
+  if ($[120] !== t38 || $[121] !== t39 || $[122] !== t40 || $[123] !== t41 || $[124] !== t42) {
+    t43 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-4",
+      "data-testid": "lunora-schema",
+      children: [t38, t39, t40, t41, t42]
+    }, void 0, true);
+    $[120] = t38;
+    $[121] = t39;
+    $[122] = t40;
+    $[123] = t41;
+    $[124] = t42;
+    $[125] = t43;
+  } else {
+    t43 = $[125];
+  }
+  return t43;
+};
+function _temp(column) {
+  return /* @__PURE__ */ jsxDEV("li", {
+    className: "rounded bg-muted px-1.5 py-0.5 font-mono text-[11px] text-muted-foreground",
+    children: column
+  }, column, false);
+}
+function _temp2(index) {
+  return /* @__PURE__ */ jsxDEV("li", {
+    className: "flex flex-wrap items-center gap-1.5 text-xs",
+    children: [/* @__PURE__ */ jsxDEV("span", {
+      className: "font-mono",
+      children: index.name
+    }, void 0, false), /* @__PURE__ */ jsxDEV(Badge, {
+      variant: "outline",
+      children: index.type
+    }, void 0, false), index.unique === true && /* @__PURE__ */ jsxDEV(Badge, {
+      variant: "secondary",
+      children: "unique"
+    }, void 0, false), /* @__PURE__ */ jsxDEV("span", {
+      className: "text-muted-foreground",
+      children: index.fields.join(", ")
+    }, void 0, false)]
+  }, `${index.type}:${index.name}`, true);
+}
+function _temp3(t0) {
+  const {
+    columns: columnNames,
+    refs,
+    table: table_3
+  } = t0;
+  return [table_3, columnNames.map((name) => {
+    const ref = refs[name];
+    return ref === void 0 ? {
+      name,
+      optional: false,
+      type: ""
+    } : {
+      name,
+      optional: false,
+      ref,
+      type: "id"
+    };
+  })];
+}
+function _temp4(table_5) {
+  return table_5.name;
+}
+function _temp5(table_6) {
+  return table_6.name;
+}
+function _temp6(table_11) {
+  return table_11.name;
+}
+
+export { SchemaViewer };