@lunora/studio 1.0.0-alpha.59 → 1.0.0-alpha.60

package/dist/packem_chunks/SchemaViewer.js

@@ -1,2513 +1,2 @@
 'use client';
-import { c } from 'react/compiler-runtime';
-import { useLunora } from '@lunora/react';
-import { useState, useRef, useEffect } from 'react';
-import { ShardInput } from '../packem_shared/ShardInput-CZnpHILL.js';
-import { S as StorageTierBadge, T as TIER_META } from '../packem_shared/storage-tier-CL98eOvn.js';
-import { B as Badge } from '../packem_shared/badge-B2PKA1-5.js';
-import { B as Button } from '../packem_shared/button-BhsN2uZH.js';
-import { C as Card, c as CardHeader, b as CardTitle, d as CardDescription, a as CardContent } from '../packem_shared/card-F2vH_aj2.js';
-import { E as EmptyState } from '../packem_shared/empty-state-DY_oe0k6.js';
-import { I as Input } from '../packem_shared/input-XH4r1Pt1.js';
-import useDebounced from '../packem_shared/useDebounced-Dxncpg6z.js';
-import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
-import { ADMIN_FUNCTIONS } from '../packem_shared/ADMIN_FUNCTIONS-P2UzJscH.js';
-import { f as fireAndForget, c as callOptions, e as errorMessage, a as adminRef } from '../packem_shared/internal-DzHCc2Rq.js';
-import { r as recordShard } from '../packem_shared/shard-history-AxiJ1WPP.js';
-import { c as cn } from '../packem_shared/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 '../packem_shared/dropdown-menu-WY4B_eJO.js';
-import { jsxDEV } from 'react/jsx-dev-runtime';
-import { LunoraError } from '@lunora/errors';
-import { toBlob, toSvg } from 'html-to-image';
-import { useNavigate } from '@tanstack/react-router';
-import { L as Label } from '../packem_shared/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 LunoraError("INTERNAL", "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 };
+import{c as Y}from"react/compiler-runtime";import{useLunora as At}from"@lunora/react";import{useState as v,useRef as Ct,useEffect as Ge}from"react";import{ShardInput as qt}from"../packem_shared/ShardInput-BVn2iCU0.js";import{g as ct,d as be}from"../packem_shared/storage-tier-DznqOf-q.js";import{g as we}from"../packem_shared/badge-BbuuAio7.js";import{u as z}from"../packem_shared/button-BkCrNcAs.js";import{c as mt,n as ut,f as pt,m as ht,u as gt}from"../packem_shared/card-CIDGUN6K.js";import{E as Ut}from"../packem_shared/empty-state-Cg7t_8qu.js";import{u as Ae}from"../packem_shared/input-JHu63lTv.js";import Bt from"../packem_shared/useDebounced-Ihdiid_k.js";import{useT as Ue}from"../packem_shared/DEFAULT_LOCALE-BZ4NojpD.js";import{ADMIN_FUNCTIONS as tt}from"../packem_shared/ADMIN_FUNCTIONS-BYNSbBVE.js";import{f as M,c as Qe,e as Ye,a as at}from"../packem_shared/internal-AtZ4bTal.js";import{r as Gt}from"../packem_shared/shard-history-DMEW5VBE.js";import{c as Ke}from"../packem_shared/utils-bhneXptQ.js";import{Download01Icon as Kt}from"@hugeicons/core-free-icons";import{HugeiconsIcon as Dt}from"@hugeicons/react";import{Handle as vt,Position as yt,getNodesBounds as Ht,getViewportForBounds as Jt,useNodesState as Vt,useEdgesState as Wt,Background as Xt,Panel as ft,Controls as Zt,MiniMap as Qt,ReactFlow as Yt,useNodes as ea,useReactFlow as ta}from"@xyflow/react";import{h as aa,$ as la,b as na,N as dt}from"../packem_shared/dropdown-menu-C3RQ_HlW.js";import{jsx as n,jsxs as u}from"react/jsx-runtime";import{LunoraError as sa}from"@lunora/errors";import{toBlob as ra,toSvg as oa}from"html-to-image";import{useNavigate as ia}from"@tanstack/react-router";import{p as Ne}from"../packem_shared/label-6uP1obNF.js";function da(a){const e=Y(10);let t,o,r;e[0]!==a?({className:t,selected:r,...o}=a,e[0]=a,e[1]=t,e[2]=o,e[3]=r):(t=e[1],o=e[2],r=e[3]);const s=r===!0?"":void 0;let l;e[4]!==t?(l=Ke("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",t),e[4]=t,e[5]=l):l=e[5];let i;return e[6]!==o||e[7]!==s||e[8]!==l?(i=n("div",{"data-slot":"base-node","data-selected":s,className:l,...o}),e[6]=o,e[7]=s,e[8]=l,e[9]=i):i=e[9],i}function ca(a){const e=Y(8);let t,o;e[0]!==a?({className:t,...o}=a,e[0]=a,e[1]=t,e[2]=o):(t=e[1],o=e[2]);let r;e[3]!==t?(r=Ke("flex items-center gap-2 rounded-t-md bg-muted/50 px-3 py-1.5",t),e[3]=t,e[4]=r):r=e[4];let s;return e[5]!==o||e[6]!==r?(s=n("div",{"data-slot":"base-node-header",className:r,...o}),e[5]=o,e[6]=r,e[7]=s):s=e[7],s}function ma(a){const e=Y(8);let t,o;e[0]!==a?({className:t,...o}=a,e[0]=a,e[1]=t,e[2]=o):(t=e[1],o=e[2]);let r;e[3]!==t?(r=Ke("flex flex-col",t),e[3]=t,e[4]=r):r=e[4];let s;return e[5]!==o||e[6]!==r?(s=n("div",{"data-slot":"base-node-content",className:r,...o}),e[5]=o,e[6]=r,e[7]=s):s=e[7],s}const Nt=a=>{const e=a.ref===void 0?a.type:`${a.type} → ${a.ref}`;return a.optional===!0?`${e}?`:e},ua=a=>{const e=Y(22),{data:t,selected:o}=a,r=Ue();let s;e[0]!==t.label||e[1]!==t.loadError||e[2]!==r?(s=t.loadError===!0?n("span",{className:"px-3 py-1.5 text-xs text-destructive","data-testid":`sd-node-${t.label}-error`,children:r("Columns unavailable")}):n("span",{className:"px-3 py-1.5 text-xs text-muted-foreground",children:"—"}),e[0]=t.label,e[1]=t.loadError,e[2]=r,e[3]=s):s=e[3];const l=s,i=`sd-node-${t.label}`;let m;e[4]!==t.label?(m=n("span",{className:"truncate font-mono text-xs font-semibold",title:t.label,children:t.label}),e[4]=t.label,e[5]=m):m=e[5];let d;e[6]!==t.tier?(d=n("span",{className:"ms-auto",children:n(ct,{tier:t.tier})}),e[6]=t.tier,e[7]=d):d=e[7];let f;e[8]!==m||e[9]!==d?(f=u(ca,{children:[m,d]}),e[8]=m,e[9]=d,e[10]=f):f=e[10];let g;e[11]!==t.columns||e[12]!==t.label||e[13]!==l?(g=t.columns.length===0?l:t.columns.map(x=>u("div",{className:Ke("relative flex items-center gap-2 border-t border-border px-3 py-1.5 text-xs first:border-t-0",x.pk===!0&&"bg-muted/30"),"data-testid":`sd-col-${t.label}-${x.name}`,children:[n(vt,{className:"!h-2 !w-2 !-left-1 !border-border !bg-muted-foreground/70",id:x.name,isConnectable:!1,position:yt.Left,type:"target"}),n("span",{className:"truncate font-mono",title:x.name,children:x.name}),x.pk===!0&&n(we,{className:"px-1 py-0 text-[10px] leading-tight",variant:"secondary",children:"PK"}),x.ref!==void 0&&n(we,{className:"px-1 py-0 text-[10px] leading-tight",variant:"outline",children:"FK"}),n("span",{className:"ms-auto truncate text-muted-foreground",title:Nt(x),children:Nt(x)}),n(vt,{className:"!h-2 !w-2 !-right-1 !border-border !bg-muted-foreground/70",id:x.name,isConnectable:!1,position:yt.Right,type:"source"})]},x.name)),e[11]=t.columns,e[12]=t.label,e[13]=l,e[14]=g):g=e[14];let b;e[15]!==g?(b=n(ma,{children:g}),e[15]=g,e[16]=b):b=e[16];let p;return e[17]!==o||e[18]!==i||e[19]!==f||e[20]!==b?(p=u(da,{className:"w-64 overflow-hidden","data-testid":i,selected:o,children:[f,b]}),e[17]=o,e[18]=i,e[19]=f,e[20]=b,e[21]=p):p=e[21],p},qe=1920,et=1080,Tt=32,bt=(a,e)=>{const t=globalThis.document.createElement("a");t.href=a,t.download=e,globalThis.document.body.append(t),t.click(),t.remove()},pa=(a,e,t="schema-diagram.json")=>{const o={edges:e,exportedAt:new Date().toISOString(),nodes:a},r=JSON.stringify(o,void 0,2),s=globalThis.URL.createObjectURL(new globalThis.Blob([r],{type:"application/json"}));bt(s,t),globalThis.setTimeout(()=>{globalThis.URL.revokeObjectURL(s)},0)},_t=(a,e,t,o)=>{const r=Ht(a),{x:s,y:l,zoom:i}=Jt(r,e,t,.1,2,o);return{transform:[s,l,i],zoom:i}},ha=async(a,e,t="schema-diagram.png")=>{const{transform:o}=_t(e,qe,et,Tt),[r,s,l]=o,i=await ra(a,{backgroundColor:"#ffffff",height:et,style:{transform:`translate(${r.toString()}px, ${s.toString()}px) scale(${l.toString()})`,transformOrigin:"top left",width:`${qe.toString()}px`},width:qe});if(i===null)throw new sa("INTERNAL","html-to-image produced no blob");const m=globalThis.URL.createObjectURL(i);bt(m,t),globalThis.setTimeout(()=>{globalThis.URL.revokeObjectURL(m)},0)},ga=async(a,e,t="schema-diagram.svg")=>{const{transform:o}=_t(e,qe,et,Tt),[r,s,l]=o,i=await oa(a,{backgroundColor:"#ffffff",height:et,style:{transform:`translate(${r.toString()}px, ${s.toString()}px) scale(${l.toString()})`,transformOrigin:"top left",width:`${qe.toString()}px`},width:qe});bt(i,t)},fa=a=>38+Math.max(1,a)*28,ba=(a,e)=>{const t=new Map;for(const l of a)t.set(l,[]);for(const l of e)l.to!==l.from&&t.has(l.from)&&t.has(l.to)&&t.get(l.from)?.push(l.to);const o=new Map,r=new Set,s=l=>{const i=o.get(l);if(i!==void 0)return i;if(r.has(l))return 0;r.add(l);let m=0;for(const d of t.get(l)??[])m=Math.max(m,s(d)+1);return r.delete(l),o.set(l,m),m};for(const l of a)s(l);return o},xa=(a,e,t)=>{const o=ba(a,e),r=new Map,s=[];for(const l of a){const i=o.get(l)??0,m=r.get(i)??24;s.push({name:l,x:24+i*368,y:m}),r.set(i,m+fa(t.get(l)??0)+36)}return s},va={databaseSchema:ua},It={backgroundColor:be.shard.color},zt={backgroundColor:be.global.color},ya={global:!0,shard:!0},Na=a=>{const e=a.find(t=>t.pk===!0)?.name;return e!==void 0?e:a.some(t=>t.name==="_id")?"_id":a.some(t=>t.name==="id")?"id":a[0]?.name??"_id"},Et=a=>a.flatMap(e=>e.columns.filter(t=>t.ref!==void 0).map(t=>({column:t.name,from:e.name,to:t.ref}))),wa=(a,e)=>{const t=a.map(l=>l.name),o=new Map(a.map(l=>[l.name,l.columns.length])),r=xa(t,Et(a),o),s=new Map(a.map(l=>[l.name,l]));return r.flatMap(({name:l,x:i,y:m})=>{const d=s.get(l);return d===void 0?[]:[{data:{columns:d.columns,label:l,loadError:e,tier:d.tier},id:l,position:{x:i,y:m},type:"databaseSchema"}]})},Sa=a=>{const e=new Map(a.map(t=>[t.name,t.columns]));return Et(a).flatMap(t=>{const o=e.get(t.to)??[],r=e.get(t.from)??[],s=Na(o);return!o.some(l=>l.name===s)||!r.some(l=>l.name===t.column)?[]:[{id:`${t.from}.${t.column}->${t.to}`,source:t.to,sourceHandle:s,target:t.from,targetHandle:t.column}]})},$a=()=>{const a=Y(15),e=Ue();let t;a[0]===Symbol.for("react.memo_cache_sentinel")?(t=u("span",{className:"flex items-center gap-1",children:[n("span",{"aria-hidden":"true",className:"size-1.5 rounded-full",style:It}),be.shard.label]}),a[0]=t):t=a[0];let o;a[1]===Symbol.for("react.memo_cache_sentinel")?(o=u("span",{className:"flex items-center gap-1",children:[n("span",{"aria-hidden":"true",className:"size-1.5 rounded-full",style:zt}),be.global.label]}),a[1]=o):o=a[1];let r;a[2]===Symbol.for("react.memo_cache_sentinel")?(r=n(we,{className:"px-1 py-0 text-[10px] leading-tight",variant:"secondary",children:"PK"}),a[2]=r):r=a[2];let s;a[3]!==e?(s=e("Primary key"),a[3]=e,a[4]=s):s=a[4];let l;a[5]!==s?(l=u("span",{className:"flex items-center gap-1",children:[r,s]}),a[5]=s,a[6]=l):l=a[6];let i;a[7]===Symbol.for("react.memo_cache_sentinel")?(i=n(we,{className:"px-1 py-0 text-[10px] leading-tight",variant:"outline",children:"FK"}),a[7]=i):i=a[7];let m;a[8]!==e?(m=e("Foreign key"),a[8]=e,a[9]=m):m=a[9];let d;a[10]!==m?(d=u("span",{className:"flex items-center gap-1",children:[i,m]}),a[10]=m,a[11]=d):d=a[11];let f;return a[12]!==l||a[13]!==d?(f=u("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:[t,o,l,d]}),a[12]=l,a[13]=d,a[14]=f):f=a[14],f},ka=({containerRef:a,testIdPrefix:e})=>{const t=Ue(),o=ea(),{getEdges:r}=ta(),[s,l]=v(null),i=async()=>{const b=a.current?.querySelector(".react-flow__viewport");if(b){l("png");try{await ha(b,o,`${e}-schema-diagram.png`)}finally{l(null)}}},m=async()=>{const b=a.current?.querySelector(".react-flow__viewport");if(b){l("svg");try{await ga(b,o,`${e}-schema-diagram.svg`)}finally{l(null)}}},d=()=>{l("json");try{pa(o,r(),`${e}-schema-diagram.json`)}finally{l(null)}},f=()=>{M(i())},g=()=>{M(m())};return n(ft,{position:"top-right",children:u(aa,{children:[u(la,{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":`${e}-export-trigger`,disabled:s!==null,children:[n(Dt,{className:"size-3.5",icon:Kt,strokeWidth:2}),t("Export")]}),u(na,{align:"end",children:[n(dt,{"data-testid":`${e}-export-png`,disabled:s!==null,onClick:f,children:t("PNG")}),n(dt,{"data-testid":`${e}-export-svg`,disabled:s!==null,onClick:g,children:t("SVG")}),n(dt,{"data-testid":`${e}-export-json`,disabled:s!==null,onClick:d,children:t("JSON")})]})]})})},Ca=a=>{const e=Y(75),{columnsError:t,tables:o,testIdPrefix:r}=a,s=Ue(),[l,i]=v(ya),[m,d]=v("");let f;if(e[0]!==m||e[1]!==o||e[2]!==l){const k=m.trim().toLowerCase();f=o.filter(X=>l[X.tier]&&X.name.toLowerCase().includes(k)),e[0]=m,e[1]=o,e[2]=l,e[3]=f}else f=e[3];const g=f,b=t??!1;let p;e[4]!==b||e[5]!==g?(p=wa(g,b),e[4]=b,e[5]=g,e[6]=p):p=e[6];const x=p;let C;e[7]!==g?(C=Sa(g),e[7]=g,e[8]=C):C=e[8];const T=C,[ee,_,re]=Vt(x),[R,B,oe]=Wt(T),P=Ct(null);let O,F;e[9]!==x||e[10]!==_?(O=()=>{_(x)},F=[x,_],e[9]=x,e[10]=_,e[11]=O,e[12]=F):(O=e[11],F=e[12]),Ge(O,F);let A,ie;e[13]!==T||e[14]!==B?(A=()=>{B(T)},ie=[T,B],e[13]=T,e[14]=B,e[15]=A,e[16]=ie):(A=e[15],ie=e[16]),Ge(A,ie);let G;e[17]===Symbol.for("react.memo_cache_sentinel")?(G=k=>{d(k.target.value)},e[17]=G):G=e[17];const Se=G;let de;e[18]===Symbol.for("react.memo_cache_sentinel")?(de=()=>{i(Ta)},e[18]=de):de=e[18];const w=de;let ce;e[19]===Symbol.for("react.memo_cache_sentinel")?(ce=()=>{i(_a)},e[19]=ce):ce=e[19];const S=ce;if(o.length===0){const k=`${r}-section`,X=`${r}-empty`;let ne;e[20]!==s?(ne=s("No tables to graph."),e[20]=s,e[21]=ne):ne=e[21];let Z;e[22]!==X||e[23]!==ne?(Z=n("p",{className:"text-sm text-muted-foreground","data-testid":X,children:ne}),e[22]=X,e[23]=ne,e[24]=Z):Z=e[24];let Q;return e[25]!==k||e[26]!==Z?(Q=n("section",{className:"flex flex-col gap-2","data-testid":k,children:Z}),e[25]=k,e[26]=Z,e[27]=Q):Q=e[27],Q}const me=`${r}-section`,te=`${r}-canvas`;let E;e[28]===Symbol.for("react.memo_cache_sentinel")?(E=n(Xt,{}),e[28]=E):E=e[28];let ae;e[29]!==s?(ae=s("Find table…"),e[29]=s,e[30]=ae):ae=e[30];const q=`${r}-find`;let K;e[31]!==s?(K=s("Find table…"),e[31]=s,e[32]=K):K=e[32];let L;e[33]!==m||e[34]!==ae||e[35]!==q||e[36]!==K?(L=n(Ae,{"aria-label":ae,className:"h-7 w-44 text-xs","data-testid":q,onChange:Se,placeholder:K,value:m}),e[33]=m,e[34]=ae,e[35]=q,e[36]=K,e[37]=L):L=e[37];let h;e[38]!==s?(h=s("Storage tiers"),e[38]=s,e[39]=h):h=e[39];const $=`${r}-tier-shard`,xe=l.shard?"default":"outline";let ue;e[40]===Symbol.for("react.memo_cache_sentinel")?(ue=n("span",{"aria-hidden":"true",className:"size-1.5 rounded-full",style:It}),e[40]=ue):ue=e[40];let D;e[41]!==$||e[42]!==xe||e[43]!==l.shard?(D=u(z,{"aria-pressed":l.shard,className:"gap-1.5","data-testid":$,onClick:w,size:"xs",type:"button",variant:xe,children:[ue,be.shard.label]}),e[41]=$,e[42]=xe,e[43]=l.shard,e[44]=D):D=e[44];const ve=`${r}-tier-global`,ye=l.global?"default":"outline";let pe;e[45]===Symbol.for("react.memo_cache_sentinel")?(pe=n("span",{"aria-hidden":"true",className:"size-1.5 rounded-full",style:zt}),e[45]=pe):pe=e[45];let j;e[46]!==ve||e[47]!==ye||e[48]!==l.global?(j=u(z,{"aria-pressed":l.global,className:"gap-1.5","data-testid":ve,onClick:S,size:"xs",type:"button",variant:ye,children:[pe,be.global.label]}),e[46]=ve,e[47]=ye,e[48]=l.global,e[49]=j):j=e[49];let H;e[50]!==h||e[51]!==D||e[52]!==j?(H=u("div",{"aria-label":h,className:"flex items-center gap-1.5",role:"group",children:[D,j]}),e[50]=h,e[51]=D,e[52]=j,e[53]=H):H=e[53];let le;e[54]!==L||e[55]!==H?(le=n(ft,{position:"top-left",children:u("div",{className:"flex flex-col gap-2 rounded-xl border border-border bg-card/95 p-2 shadow-xs",children:[L,H]})}),e[54]=L,e[55]=H,e[56]=le):le=e[56];let $e,he,ge;e[57]===Symbol.for("react.memo_cache_sentinel")?($e=n(ft,{position:"bottom-left",children:n($a,{})}),he=n(Zt,{showInteractive:!1}),ge=n(Qt,{pannable:!0,zoomable:!0}),e[57]=$e,e[58]=he,e[59]=ge):($e=e[57],he=e[58],ge=e[59]);let J;e[60]!==r?(J=n(ka,{containerRef:P,testIdPrefix:r}),e[60]=r,e[61]=J):J=e[61];let V;e[62]!==R||e[63]!==ee||e[64]!==oe||e[65]!==re||e[66]!==le||e[67]!==J?(V=u(Yt,{edges:R,elementsSelectable:!0,fitView:!0,minZoom:.2,nodes:ee,nodesConnectable:!1,nodeTypes:va,onEdgesChange:oe,onNodesChange:re,children:[E,le,$e,he,ge,J]}),e[62]=R,e[63]=ee,e[64]=oe,e[65]=re,e[66]=le,e[67]=J,e[68]=V):V=e[68];let W;e[69]!==te||e[70]!==V?(W=n("div",{className:"h-[560px] w-full overflow-hidden rounded-xl border border-border bg-muted/20 shadow-xs","data-testid":te,ref:P,children:V}),e[69]=te,e[70]=V,e[71]=W):W=e[71];let fe;return e[72]!==me||e[73]!==W?(fe=n("section",{className:"flex flex-col gap-2","data-testid":me,children:W}),e[72]=me,e[73]=W,e[74]=fe):fe=e[74],fe};function Ta(a){return{...a,shard:!a.shard}}function _a(a){return{...a,global:!a.global}}const Ia="/__lunora/schema-edit",za=async a=>{const e=await fetch(Ia,{body:JSON.stringify(a),headers:{"Content-Type":"application/json","X-Lunora-Studio":"1"},method:"POST"}),t=await e.json();return t.needsMigration===!0?{kind:"needs-migration",message:t.message??"This edit needs a migration."}:e.ok&&t.tables!==void 0?{diagnostics:t.diagnostics??[],kind:"ok",tables:t.tables}:{kind:"error",message:t.error??`schema edit failed (${String(e.status)})`}},Ea=[{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()"}],ja="v.string()",Oa=a=>a.split(",").map(e=>e.trim()).filter(e=>e!==""),Fa=({onApplied:a,tableNames:e})=>{const t=Ue(),o=ia(),[r,s]=v(null),[l,i]=v(!1),[m,d]=v(null),[f,g]=v(""),[b,p]=v(""),[x,C]=v(ja),[T,ee]=v(e[0]??""),[_,re]=v(""),[R,B]=v(""),[oe,P]=v(!1),O=()=>{s(null),g(""),p(""),re(""),B(""),P(!1)},F=async h=>{i(!0),d(null);try{const $=await za(h);d($),$.kind==="ok"&&(a($.tables),O())}catch($){d({kind:"error",message:$ instanceof Error?$.message:String($)})}finally{i(!1)}},A=()=>{M(F({kind:"addTable",table:f.trim()}))},ie=()=>{M(F({column:b.trim(),kind:"addOptionalColumn",table:T,validator:x}))},G=()=>{M(F({fields:Oa(R),kind:"addIndex",name:_.trim(),table:T,unique:oe}))},Se=()=>{d(null),s("addTable")},de=()=>{d(null),s("addColumn")},w=()=>{d(null),s("addIndex")},ce=()=>{s("destructive"),d({kind:"needs-migration",message:t("This edit changes stored data and must go through a migration. Review the migration before applying.")})},S=h=>{g(h.target.value)},me=h=>{p(h.target.value)},te=h=>{C(h.target.value)},E=h=>{ee(h.target.value)},ae=h=>{re(h.target.value)},q=h=>{B(h.target.value)},K=h=>{P(h.target.checked)},L=()=>{M(o({to:"/migrations"}))};return u(mt,{"data-testid":"sc-editor",size:"sm",children:[u(ut,{children:[n(pt,{children:t("Edit schema")}),n(ht,{children:t("Adds a table, column, or index to lunora/schema.ts and reruns codegen.")})]}),u(gt,{children:[u("div",{className:"flex flex-wrap gap-2",children:[n(z,{"data-testid":"sc-editor-add-table",onClick:Se,size:"xs",type:"button",variant:r==="addTable"?"default":"outline",children:t("Add table")}),n(z,{"data-testid":"sc-editor-add-column",disabled:e.length===0,onClick:de,size:"xs",type:"button",variant:r==="addColumn"?"default":"outline",children:t("Add column")}),n(z,{"data-testid":"sc-editor-add-index",disabled:e.length===0,onClick:w,size:"xs",type:"button",variant:r==="addIndex"?"default":"outline",children:t("Add index")}),n(z,{"data-testid":"sc-editor-destructive",disabled:e.length===0,onClick:ce,size:"xs",type:"button",variant:r==="destructive"?"default":"ghost",children:t("Rename / drop / change type…")})]}),r==="addTable"&&u("div",{className:"mt-3 flex flex-wrap items-end gap-2","data-testid":"sc-editor-table-form",children:[u("div",{className:"flex flex-col gap-1 text-xs",children:[n(Ne,{htmlFor:"sc-editor-table-name",children:t("Table name")}),n(Ae,{"data-testid":"sc-editor-table-name",id:"sc-editor-table-name",onChange:S,value:f})]}),n(z,{"data-testid":"sc-editor-table-apply",disabled:l||f.trim()==="",onClick:A,size:"xs",type:"button",children:t(l?"Applying…":"Apply")}),n(z,{onClick:O,size:"xs",type:"button",variant:"ghost",children:t("Cancel")})]}),r==="addColumn"&&u("div",{className:"mt-3 flex flex-wrap items-end gap-2","data-testid":"sc-editor-column-form",children:[u("div",{className:"flex flex-col gap-1 text-xs",children:[n(Ne,{htmlFor:"sc-editor-column-table",children:t("Table name")}),n("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:E,value:T,children:e.map(h=>n("option",{value:h,children:h},h))})]}),u("div",{className:"flex flex-col gap-1 text-xs",children:[n(Ne,{htmlFor:"sc-editor-column-name",children:t("Column name")}),n(Ae,{"data-testid":"sc-editor-column-name",id:"sc-editor-column-name",onChange:me,value:b})]}),u("div",{className:"flex flex-col gap-1 text-xs",children:[n(Ne,{htmlFor:"sc-editor-column-type",children:t("Column type")}),n("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:te,value:x,children:Ea.map(h=>n("option",{value:h.validator,children:h.label},h.validator))})]}),n("span",{className:"text-[11px] text-muted-foreground",children:t("Optional")}),n(z,{"data-testid":"sc-editor-column-apply",disabled:l||b.trim()===""||T==="",onClick:ie,size:"xs",type:"button",children:t(l?"Applying…":"Apply")}),n(z,{onClick:O,size:"xs",type:"button",variant:"ghost",children:t("Cancel")})]}),r==="addIndex"&&u("div",{className:"mt-3 flex flex-wrap items-end gap-2","data-testid":"sc-editor-index-form",children:[u("div",{className:"flex flex-col gap-1 text-xs",children:[n(Ne,{htmlFor:"sc-editor-index-table",children:t("Table name")}),n("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:E,value:T,children:e.map(h=>n("option",{value:h,children:h},h))})]}),u("div",{className:"flex flex-col gap-1 text-xs",children:[n(Ne,{htmlFor:"sc-editor-index-name",children:t("Index name")}),n(Ae,{"data-testid":"sc-editor-index-name",id:"sc-editor-index-name",onChange:ae,value:_})]}),u("div",{className:"flex flex-col gap-1 text-xs",children:[n(Ne,{htmlFor:"sc-editor-index-fields",children:t("Index fields (comma-separated)")}),n(Ae,{"data-testid":"sc-editor-index-fields",id:"sc-editor-index-fields",onChange:q,value:R})]}),u(Ne,{className:"flex items-center gap-1 text-xs",htmlFor:"sc-editor-index-unique",children:[n("input",{checked:oe,"data-testid":"sc-editor-index-unique",id:"sc-editor-index-unique",onChange:K,type:"checkbox"}),n("span",{className:"text-muted-foreground",children:t("Unique")})]}),n(z,{"data-testid":"sc-editor-index-apply",disabled:l||_.trim()===""||R.trim()==="",onClick:G,size:"xs",type:"button",children:t(l?"Applying…":"Apply")}),n(z,{onClick:O,size:"xs",type:"button",variant:"ghost",children:t("Cancel")})]}),m?.kind==="error"&&n("p",{className:"mt-3 text-sm text-destructive","data-testid":"sc-editor-error",role:"alert",children:m.message}),m?.kind==="needs-migration"&&u("div",{className:"mt-3 flex flex-col gap-2","data-testid":"sc-editor-needs-migration",children:[n("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.")}),n(z,{className:"self-start","data-testid":"sc-editor-open-migrations",onClick:L,size:"xs",type:"button",variant:"outline",children:t("Open Migrations")})]}),m?.kind==="ok"&&m.diagnostics.length>0&&u("div",{className:"mt-3 flex flex-col gap-1","data-testid":"sc-editor-diagnostics",children:[n("p",{className:"text-sm text-destructive",role:"alert",children:t("Codegen reported diagnostics:")}),n("ul",{className:"flex flex-col gap-0.5",children:m.diagnostics.map(h=>n("li",{className:"font-mono text-[11px] text-destructive",children:h},h))})]})]})]})},La=at(tt.listTables),Ma=at(tt.listTableIndexes),Ra=at(tt.readTablePage),Pa=at(tt.describeTables),Aa={},wt=[],St=[],qa=a=>{const e=Y(5),{open:t}=a,o=t&&"rotate-90";let r;e[0]!==o?(r=Ke("size-3.5 shrink-0 text-muted-foreground transition-transform duration-150",o),e[0]=o,e[1]=r):r=e[1];let s;e[2]===Symbol.for("react.memo_cache_sentinel")?(s=n("path",{d:"m9 6 6 6-6 6"}),e[2]=s):s=e[2];let l;return e[3]!==r?(l=n("svg",{"aria-hidden":"true",className:r,fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.8,viewBox:"0 0 24 24",children:s}),e[3]=r,e[4]=l):l=e[4],l},$t=a=>{const e=Y(20),{children:t,expanded:o,name:r,onToggle:s,rowCount:l,rowTestId:i,toggleTestId:m}=a;let d;e[0]!==o?(d=n(qa,{open:o}),e[0]=o,e[1]=d):d=e[1];let f;e[2]!==r?(f=n("span",{className:"truncate font-mono text-xs text-foreground",title:r,children:r}),e[2]=r,e[3]=f):f=e[3];let g;e[4]!==l?(g=u("span",{className:"ms-auto shrink-0 text-xs text-muted-foreground tabular-nums",children:["(",l,")"]}),e[4]=l,e[5]=g):g=e[5];let b;e[6]!==o||e[7]!==s||e[8]!==d||e[9]!==f||e[10]!==g||e[11]!==m?(b=u("button",{"aria-expanded":o,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":m,onClick:s,type:"button",children:[d,f," ",g]}),e[6]=o,e[7]=s,e[8]=d,e[9]=f,e[10]=g,e[11]=m,e[12]=b):b=e[12];let p;e[13]!==t||e[14]!==o?(p=o&&n("div",{className:"px-3 pb-3 ps-8",children:t}),e[13]=t,e[14]=o,e[15]=p):p=e[15];let x;return e[16]!==i||e[17]!==b||e[18]!==p?(x=u("li",{className:"border-t border-border/60 first:border-t-0","data-testid":i,children:[b,p]}),e[16]=i,e[17]=b,e[18]=p,e[19]=x):x=e[19],x},kt=a=>{const e=Y(5),{columns:t,testId:o}=a;let r;e[0]!==t?(r=t.map(Ba),e[0]=t,e[1]=r):r=e[1];let s;return e[2]!==r||e[3]!==o?(s=n("ul",{className:"flex flex-wrap gap-1.5 pt-1","data-testid":o,children:r}),e[2]=r,e[3]=o,e[4]=s):s=e[4],s},Ua=a=>{const e=Y(10),{heading:t,indexes:o,testId:r}=a;let s;e[0]!==t?(s=n("p",{className:"mb-1.5 font-mono text-[10px] tracking-wide text-muted-foreground uppercase",children:t}),e[0]=t,e[1]=s):s=e[1];let l;e[2]!==o?(l=o.map(Ga),e[2]=o,e[3]=l):l=e[3];let i;e[4]!==l||e[5]!==r?(i=n("ul",{className:"flex flex-col gap-1","data-testid":r,children:l}),e[4]=l,e[5]=r,e[6]=i):i=e[6];let m;return e[7]!==s||e[8]!==i?(m=u("div",{className:"pt-3",children:[s,i]}),e[7]=s,e[8]=i,e[9]=m):m=e[9],m},vl=a=>{const e=Y(126),{initialShardKey:t,initialTable:o,schemaEditable:r}=a,s=At(),l=Ue(),[i,m]=v("list"),[d,f]=v(t??""),[g,b]=v(""),[p,x]=v(null),[C,T]=v(null);let ee;e[0]===Symbol.for("react.memo_cache_sentinel")?(ee={},e[0]=ee):ee=e[0];const[_,re]=v(ee);let R;e[1]===Symbol.for("react.memo_cache_sentinel")?(R={},e[1]=R):R=e[1];const[B,oe]=v(R),[P,O]=v(null);let F;e[2]===Symbol.for("react.memo_cache_sentinel")?(F={},e[2]=F):F=e[2];const[A,ie]=v(F);let G;e[3]===Symbol.for("react.memo_cache_sentinel")?(G={},e[3]=G):G=e[3];const[Se,de]=v(G),[w,ce]=v(null),[S,me]=v(null);let te;e[4]===Symbol.for("react.memo_cache_sentinel")?(te={},e[4]=te):te=e[4];const[E,ae]=v(te),[q,K]=v(null);let L;e[5]!==s?(L=async c=>{T(null);try{const y=await s.query(La,{},Qe(c));Gt(c),x(y),re({}),oe({}),O(null),ie(N=>Object.fromEntries(Object.entries(N).filter(U=>{const[I]=U;return I!==c}))),de(N=>Object.fromEntries(Object.entries(N).filter(U=>{const[I]=U;return I!==c})))}catch(y){const N=y;x(null),T(Ye(N))}},e[5]=s,e[6]=L):L=e[6];const h=L;let $;e[7]!==s?($=async()=>{me(null);try{ce(await s.listGlobalTables())}catch(c){const y=c;ce(null),me(Ye(y))}},e[7]=s,e[8]=$):$=e[8];const xe=$;let ue;e[9]!==d?(ue=d.trim(),e[9]=d,e[10]=ue):ue=e[10];const D=Bt(ue,400);let ve,ye;e[11]!==D||e[12]!==h||e[13]!==xe?(ye=()=>{M(h(D)),M(xe())},ve=[h,xe,D],e[11]=D,e[12]=h,e[13]=xe,e[14]=ve,e[15]=ye):(ve=e[14],ye=e[15]),Ge(ye,ve);let pe;e[16]!==s||e[17]!==_||e[18]!==P||e[19]!==d?(pe=async c=>{if(P===c){O(null);return}O(c);const y=`${d}:${c}`;if(_[y]!==void 0)return;const[N,U]=await Promise.allSettled([s.query(Ra,{limit:1,offset:0,table:c},Qe(d)),s.query(Ma,{table:c},Qe(d))]);N.status==="fulfilled"?re(I=>({...I,[y]:N.value.columns})):T(Ye(N.reason)),U.status==="fulfilled"&&oe(I=>({...I,[y]:U.value.indexes}))},e[16]=s,e[17]=_,e[18]=P,e[19]=d,e[20]=pe):pe=e[20];const j=pe;let H;e[21]!==s||e[22]!==E||e[23]!==q?(H=async c=>{if(q===c){K(null);return}if(K(c),E[c]===void 0)try{const y=await s.readGlobalTablePage({limit:1,offset:0,table:c});ae(N=>({...N,[c]:y.columns}))}catch(y){me(Ye(y))}},e[21]=s,e[22]=E,e[23]=q,e[24]=H):H=e[24];const le=H,$e=Ct(void 0);let he,ge;e[25]!==o||e[26]!==p||e[27]!==j?(he=()=>{o===void 0||p===null||$e.current===o||p.some(c=>c.name===o)&&($e.current=o,M(j(o)))},ge=[o,p,j],e[25]=o,e[26]=p,e[27]=j,e[28]=he,e[29]=ge):(he=e[28],ge=e[29]),Ge(he,ge);let J;e[30]!==s?(J=async(c,y,N)=>{const[U,I]=await Promise.all([Promise.allSettled([s.query(Pa,{tables:[...y,...N]},Qe(c))]),Promise.all(N.map(async se=>{const Be=await Promise.allSettled([s.readGlobalTablePage({limit:1,offset:0,table:se})]),xt=Be[0].status==="fulfilled"?Be[0].value:void 0;return{columns:xt?.columns??[],refs:xt?.refs??{},table:se}}))]),Lt=U[0].status==="fulfilled"?U[0].value?.columnsByTable??{}:{},Mt=U[0].status==="rejected",Rt=new Map(I.map(Ka)),Pt=[...y,...N].map(se=>{const Be=Lt[se]??[];return[se,Be.length>0?Be:Rt.get(se)??[]]});ie(se=>({...se,[c]:Object.fromEntries(Pt)})),de(se=>({...se,[c]:Mt}))},e[30]=s,e[31]=J):J=e[31];const V=J;let W,fe;e[32]!==S||e[33]!==w||e[34]!==V||e[35]!==A||e[36]!==d||e[37]!==p||e[38]!==i?(W=()=>{i!=="graph"||p===null||w===null&&S===null||A[d]!==void 0||M(V(d,p.map(Da),(w??[]).map(Ha)))},fe=[i,p,w,S,d,A,V],e[32]=S,e[33]=w,e[34]=V,e[35]=A,e[36]=d,e[37]=p,e[38]=i,e[39]=W,e[40]=fe):(W=e[39],fe=e[40]),Ge(W,fe);const k=A[d]??Aa;let X;if(e[41]!==k||e[42]!==w||e[43]!==p){let c;e[45]!==k?(c=I=>({columns:k[I.name]??St,name:I.name,tier:"shard"}),e[45]=k,e[46]=c):c=e[46];const y=(p??[]).map(c);let N;e[47]!==k?(N=I=>({columns:k[I.name]??St,name:I.name,tier:"global"}),e[47]=k,e[48]=N):N=e[48];const U=(w??[]).map(N);X=[...y,...U],e[41]=k,e[42]=w,e[43]=p,e[44]=X}else X=e[44];const ne=X;let Z;if(e[49]!==g||e[50]!==p){const c=g.trim().toLowerCase();Z=(p??[]).filter(y=>y.name.toLowerCase().includes(c)),e[49]=g,e[50]=p,e[51]=Z}else Z=e[51];const Q=Z;let De;if(e[52]!==w||e[53]!==g){const c=g.trim().toLowerCase();De=(w??[]).filter(y=>y.name.toLowerCase().includes(c)),e[52]=w,e[53]=g,e[54]=De}else De=e[54];const ke=De;let He;e[55]===Symbol.for("react.memo_cache_sentinel")?(He=()=>{m("list")},e[55]=He):He=e[55];const jt=He;let Je;e[56]===Symbol.for("react.memo_cache_sentinel")?(Je=()=>{m("graph")},e[56]=Je):Je=e[56];const Ot=Je;let Ve;e[57]===Symbol.for("react.memo_cache_sentinel")?(Ve=c=>{b(c.target.value)},e[57]=Ve):Ve=e[57];const Ft=Ve;let We;e[58]!==h||e[59]!==d?(We=c=>{M(h(d))},e[58]=h,e[59]=d,e[60]=We):We=e[60];const lt=We;let Ce;e[61]!==p?(Ce=p??[],e[61]=p,e[62]=Ce):Ce=e[62];let Xe;e[63]!==Ce?(Xe=Ce.map(Ja),e[63]=Ce,e[64]=Xe):Xe=e[64];const nt=Xe;let Te;e[65]!==d?(Te=n(qt,{onChange:f,testId:"sc-shard-input",value:d}),e[65]=d,e[66]=Te):Te=e[66];let _e;e[67]!==l?(_e=l("Schema view"),e[67]=l,e[68]=_e):_e=e[68];const st=i==="list",rt=i==="list"?"default":"outline";let Ie;e[69]!==l?(Ie=l("Table list"),e[69]=l,e[70]=Ie):Ie=e[70];let ze;e[71]!==st||e[72]!==rt||e[73]!==Ie?(ze=n(z,{"aria-pressed":st,"data-testid":"sc-view-list",onClick:jt,size:"xs",type:"button",variant:rt,children:Ie}),e[71]=st,e[72]=rt,e[73]=Ie,e[74]=ze):ze=e[74];const ot=i==="graph",it=i==="graph"?"default":"outline";let Ee;e[75]!==l?(Ee=l("Graph"),e[75]=l,e[76]=Ee):Ee=e[76];let je;e[77]!==ot||e[78]!==it||e[79]!==Ee?(je=n(z,{"aria-pressed":ot,"data-testid":"sc-view-graph",onClick:Ot,size:"xs",type:"button",variant:it,children:Ee}),e[77]=ot,e[78]=it,e[79]=Ee,e[80]=je):je=e[80];let Oe;e[81]!==_e||e[82]!==ze||e[83]!==je?(Oe=u("div",{"aria-label":_e,className:"flex gap-1.5","data-testid":"sc-view-toggle",role:"group",children:[ze,je]}),e[81]=_e,e[82]=ze,e[83]=je,e[84]=Oe):Oe=e[84];let Fe;e[85]!==Te||e[86]!==Oe?(Fe=u("div",{className:"flex flex-wrap items-center gap-3",children:[Te,Oe]}),e[85]=Te,e[86]=Oe,e[87]=Fe):Fe=e[87];let Le;e[88]!==lt||e[89]!==r||e[90]!==nt?(Le=r===!0&&n(Fa,{onApplied:lt,tableNames:nt}),e[88]=lt,e[89]=r,e[90]=nt,e[91]=Le):Le=e[91];let Me;e[92]!==l||e[93]!==g||e[94]!==i?(Me=i==="list"&&n(Ae,{"aria-label":l("Filter tables"),className:"h-8 max-w-xs","data-testid":"sc-filter",onChange:Ft,placeholder:l("Filter tables"),value:g}),e[92]=l,e[93]=g,e[94]=i,e[95]=Me):Me=e[95];let Re;e[96]!==ne||e[97]!==C||e[98]!==S||e[99]!==Se||e[100]!==d||e[101]!==i?(Re=i==="graph"&&u("div",{className:"flex flex-col gap-2","data-testid":"sc-graph-view",children:[C!==null&&n("p",{className:"text-sm text-destructive","data-testid":"sc-error",role:"alert",children:C}),S!==null&&n("p",{className:"text-sm text-destructive","data-testid":"sc-global-error",role:"alert",children:S}),n(Ca,{columnsError:Se[d]===!0,tables:ne,testIdPrefix:"sc-graph"})]}),e[96]=ne,e[97]=C,e[98]=S,e[99]=Se,e[100]=d,e[101]=i,e[102]=Re):Re=e[102];let Pe;e[103]!==_||e[104]!==C||e[105]!==P||e[106]!==ke||e[107]!==Q||e[108]!==E||e[109]!==S||e[110]!==q||e[111]!==w||e[112]!==B||e[113]!==d||e[114]!==l||e[115]!==p||e[116]!==j||e[117]!==le||e[118]!==i?(Pe=i==="list"&&u("div",{className:"flex flex-col gap-4",children:[u(mt,{"data-testid":"sc-shard-section",size:"sm",children:[u(ut,{children:[u("div",{className:"flex items-center gap-2",children:[n(ct,{tier:"shard"}),n(pt,{children:l("Shard tables")}),p!==null&&n(we,{className:"ms-auto tabular-nums",variant:"outline",children:Q.length})]}),n(ht,{children:be.shard.hint})]}),u(gt,{children:[C!==null&&n("p",{className:"text-sm text-destructive","data-testid":"sc-error",role:"alert",children:C}),p!==null&&p.length===0&&n("p",{className:"text-sm text-muted-foreground","data-testid":"sc-empty",children:l("No tables in this shard.")}),p!==null&&p.length>0&&Q.length===0&&n("p",{className:"text-sm text-muted-foreground","data-testid":"sc-no-match",children:l("No tables match your filter.")}),Q.length>0&&n("ul",{className:"-mx-3 overflow-hidden border-t border-border","data-testid":"sc-table-list",children:Q.map(c=>{const y=`${d}:${c.name}`,N=B[y]??[];return u($t,{expanded:P===c.name,name:c.name,onToggle:()=>{M(j(c.name))},rowCount:c.rowCount,rowTestId:`sc-table-${c.name}`,toggleTestId:`sc-toggle-${c.name}`,children:[n(kt,{columns:_[y]??wt,testId:`sc-columns-${c.name}`}),N.length>0&&n(Ua,{heading:l("Indexes"),indexes:N,testId:`sc-indexes-${c.name}`})]},c.name)})})]})]}),u(mt,{"data-testid":"sc-global-section",size:"sm",children:[u(ut,{children:[u("div",{className:"flex items-center gap-2",children:[n(ct,{tier:"global"}),n(pt,{children:l("Global tables (D1)")}),w!==null&&n(we,{className:"ms-auto tabular-nums",variant:"outline",children:ke.length})]}),n(ht,{children:be.global.hint})]}),u(gt,{children:[S!==null&&n("p",{className:"text-sm text-destructive","data-testid":"sc-global-error",role:"alert",children:S}),w!==null&&w.length===0&&n(Ut,{description:be.global.hint,testId:"sc-global-empty",title:l("No global tables.")}),w!==null&&w.length>0&&ke.length===0&&n("p",{className:"text-sm text-muted-foreground","data-testid":"sc-global-no-match",children:l("No tables match your filter.")}),ke.length>0&&n("ul",{className:"-mx-3 overflow-hidden border-t border-border","data-testid":"sc-global-table-list",children:ke.map(c=>n($t,{expanded:q===c.name,name:c.name,onToggle:()=>{M(le(c.name))},rowCount:c.rowCount,rowTestId:`sc-global-table-${c.name}`,toggleTestId:`sc-global-toggle-${c.name}`,children:n(kt,{columns:E[c.name]??wt,testId:`sc-global-columns-${c.name}`})},c.name))})]})]})]}),e[103]=_,e[104]=C,e[105]=P,e[106]=ke,e[107]=Q,e[108]=E,e[109]=S,e[110]=q,e[111]=w,e[112]=B,e[113]=d,e[114]=l,e[115]=p,e[116]=j,e[117]=le,e[118]=i,e[119]=Pe):Pe=e[119];let Ze;return e[120]!==Fe||e[121]!==Le||e[122]!==Me||e[123]!==Re||e[124]!==Pe?(Ze=u("div",{className:"flex flex-col gap-4","data-testid":"lunora-schema",children:[Fe,Le,Me,Re,Pe]}),e[120]=Fe,e[121]=Le,e[122]=Me,e[123]=Re,e[124]=Pe,e[125]=Ze):Ze=e[125],Ze};function Ba(a){return n("li",{className:"rounded bg-muted px-1.5 py-0.5 font-mono text-[11px] text-muted-foreground",children:a},a)}function Ga(a){return u("li",{className:"flex flex-wrap items-center gap-1.5 text-xs",children:[n("span",{className:"font-mono",children:a.name}),n(we,{variant:"outline",children:a.type}),a.unique===!0&&n(we,{variant:"secondary",children:"unique"}),n("span",{className:"text-muted-foreground",children:a.fields.join(", ")})]},`${a.type}:${a.name}`)}function Ka(a){const{columns:e,refs:t,table:o}=a;return[o,e.map(r=>{const s=t[r];return s===void 0?{name:r,optional:!1,type:""}:{name:r,optional:!1,ref:s,type:"id"}})]}function Da(a){return a.name}function Ha(a){return a.name}function Ja(a){return a.name}export{vl as SchemaViewer};