@lunora/studio 1.0.0-alpha.7 → 1.0.0-alpha.71

package/dist/packem_shared/SchemaViewer-LJDcmNIO.js

@@ -1,2512 +0,0 @@
-'use client';
-import { c } from 'react/compiler-runtime';
-import { useLunora } from '@lunora/react';
-import { useState, useRef, useEffect } from 'react';
-import { ShardInput } from './ShardInput-gx_DZXXn.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 './DEFAULT_LOCALE-CiX4W7Kr.js';
-import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTIONS-DmBqMZ-z.js';
-import { f as fireAndForget, c as callOptions, e as errorMessage, a as adminRef } from './internal-rXJEAhXS.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 };