@raybase/core 0.0.2 → 0.3.3

package/dist/admin-kit.js

@@ -0,0 +1,1557 @@
+// admin-src/BackupPanel.tsx
+import React2, { useEffect, useMemo, useState } from "react";
+
+// admin-src/lib.ts
+import { collectTagSuggestions, formatDate, formatDateTime, isNullValue, isPrimitiveArray, jsonColumnMode, parseStoredDate, parseTypedDate, toIsoDate } from "@raybase/datasheet-grid";
+var boot = JSON.parse(document.getElementById("raybase-boot")?.textContent ?? "{}");
+async function api(url, options = {}) {
+  const res = await fetch(url, {
+    ...options,
+    headers: { "Content-Type": "application/json", ...options.headers || {} }
+  });
+  const data = await res.json().catch(() => ({}));
+  if (!res.ok) throw new Error(data.error || "Request failed");
+  return data;
+}
+function rowKey(row) {
+  return typeof row.id === "string" ? row.id : "";
+}
+function equalRows(a, b) {
+  return JSON.stringify(a) === JSON.stringify(b);
+}
+function equalRowSets(a, b) {
+  return JSON.stringify(a) === JSON.stringify(b);
+}
+
+// admin-src/ui.tsx
+import React from "react";
+function cx(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+var buttonBase = "inline-flex h-9 shrink-0 items-center justify-center gap-1.5 whitespace-nowrap rounded-lg px-3.5 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-zinc-400/70 disabled:pointer-events-none disabled:opacity-40";
+var primaryButton = `${buttonBase} bg-zinc-950 text-white hover:bg-zinc-800`;
+var secondaryButton = `${buttonBase} border border-zinc-200 bg-white text-zinc-900 hover:border-zinc-300 hover:bg-zinc-50`;
+var dangerButton = `${buttonBase} border border-zinc-300 bg-white text-zinc-900 hover:border-zinc-900 hover:bg-zinc-900 hover:text-white [&>svg]:text-zinc-500 [&>svg]:transition-colors [&:hover>svg]:text-white`;
+var destructiveButton = `${buttonBase} bg-red-600 text-white hover:bg-red-700`;
+var fieldBase = "h-9 rounded-lg border border-zinc-200 bg-white px-3 text-sm text-zinc-900 transition-colors placeholder:text-zinc-400 hover:border-zinc-300 focus:border-zinc-400 focus:outline-none focus:ring-2 focus:ring-zinc-400/70";
+var fieldClass = `${fieldBase} w-full`;
+var selectBase = "rb-chevron h-9 appearance-none rounded-lg border border-zinc-200 bg-white pl-3 pr-9 text-sm text-zinc-900 transition-colors hover:border-zinc-300 focus:border-zinc-400 focus:outline-none focus:ring-2 focus:ring-zinc-400/70";
+var selectClass = `${selectBase} w-full`;
+var labelClass = "grid gap-1.5 text-[13px] font-medium text-zinc-600";
+var toolbarClass = "mb-6 flex flex-wrap items-center justify-between gap-3";
+var actionRowClass = "flex flex-wrap items-center gap-2";
+var cardClass = "rounded-xl border border-zinc-200 bg-white";
+var tableWrapClass = `mt-4 overflow-auto ${cardClass}`;
+var thClass = "sticky top-0 z-10 border-b border-zinc-200 bg-zinc-50/80 px-4 py-2.5 text-left text-[11px] font-medium uppercase tracking-wider text-zinc-500 backdrop-blur";
+var tdClass = "border-b border-zinc-100 px-4 py-2.5 text-left align-middle text-sm text-zinc-900";
+var chipShadow = "shadow-[0_1px_2px_0_rgb(9_9_11/0.05)]";
+var iconButton = "inline-flex h-8 w-8 shrink-0 items-center justify-center rounded-lg text-zinc-400 transition-colors hover:bg-zinc-100 hover:text-zinc-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-zinc-400/70 disabled:pointer-events-none disabled:opacity-30";
+var stroke = {
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 1.8,
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  "aria-hidden": true
+};
+var icons = {
+  data: /* @__PURE__ */ React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", ...stroke }, /* @__PURE__ */ React.createElement("ellipse", { cx: "12", cy: "5", rx: "9", ry: "3" }), /* @__PURE__ */ React.createElement("path", { d: "M3 5v14a9 3 0 0 0 18 0V5" }), /* @__PURE__ */ React.createElement("path", { d: "M3 12a9 3 0 0 0 18 0" })),
+  file: /* @__PURE__ */ React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", ...stroke }, /* @__PURE__ */ React.createElement("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), /* @__PURE__ */ React.createElement("path", { d: "M14 2v6h6" }), /* @__PURE__ */ React.createElement("path", { d: "M8 13h8" }), /* @__PURE__ */ React.createElement("path", { d: "M8 17h5" })),
+  schema: /* @__PURE__ */ React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", ...stroke }, /* @__PURE__ */ React.createElement("rect", { x: "3", y: "4", width: "18", height: "16", rx: "2" }), /* @__PURE__ */ React.createElement("path", { d: "M3 9h18" }), /* @__PURE__ */ React.createElement("path", { d: "M8 9v11" }), /* @__PURE__ */ React.createElement("path", { d: "M13 9v11" }), /* @__PURE__ */ React.createElement("path", { d: "M17 13h4" }), /* @__PURE__ */ React.createElement("path", { d: "M17 17h4" })),
+  users: /* @__PURE__ */ React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", ...stroke }, /* @__PURE__ */ React.createElement("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }), /* @__PURE__ */ React.createElement("circle", { cx: "9", cy: "7", r: "4" }), /* @__PURE__ */ React.createElement("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }), /* @__PURE__ */ React.createElement("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })),
+  app: /* @__PURE__ */ React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", ...stroke }, /* @__PURE__ */ React.createElement("path", { d: "M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z" }), /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "3" })),
+  bell: /* @__PURE__ */ React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", ...stroke }, /* @__PURE__ */ React.createElement("path", { d: "M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9" }), /* @__PURE__ */ React.createElement("path", { d: "M10 21h4" })),
+  signOut: /* @__PURE__ */ React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", ...stroke }, /* @__PURE__ */ React.createElement("path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" }), /* @__PURE__ */ React.createElement("polyline", { points: "16 17 21 12 16 7" }), /* @__PURE__ */ React.createElement("line", { x1: "21", x2: "9", y1: "12", y2: "12" })),
+  sun: /* @__PURE__ */ React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", ...stroke }, /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "4" }), /* @__PURE__ */ React.createElement("path", { d: "M12 2v2" }), /* @__PURE__ */ React.createElement("path", { d: "M12 20v2" }), /* @__PURE__ */ React.createElement("path", { d: "m4.93 4.93 1.41 1.41" }), /* @__PURE__ */ React.createElement("path", { d: "m17.66 17.66 1.41 1.41" }), /* @__PURE__ */ React.createElement("path", { d: "M2 12h2" }), /* @__PURE__ */ React.createElement("path", { d: "M20 12h2" }), /* @__PURE__ */ React.createElement("path", { d: "m6.34 17.66-1.41 1.41" }), /* @__PURE__ */ React.createElement("path", { d: "m19.07 4.93-1.41 1.41" })),
+  moon: /* @__PURE__ */ React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", ...stroke }, /* @__PURE__ */ React.createElement("path", { d: "M12 3a6 6 0 0 0 9 7.7A9 9 0 1 1 12 3z" })),
+  trash: /* @__PURE__ */ React.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", ...stroke }, /* @__PURE__ */ React.createElement("path", { d: "M3 6h18" }), /* @__PURE__ */ React.createElement("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }), /* @__PURE__ */ React.createElement("line", { x1: "10", x2: "10", y1: "11", y2: "17" }), /* @__PURE__ */ React.createElement("line", { x1: "14", x2: "14", y1: "11", y2: "17" })),
+  check: /* @__PURE__ */ React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", ...stroke }, /* @__PURE__ */ React.createElement("path", { d: "M21.801 10A10 10 0 1 1 17 3.335" }), /* @__PURE__ */ React.createElement("path", { d: "m9 11 3 3L22 4" })),
+  checkmark: /* @__PURE__ */ React.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", ...stroke, strokeWidth: 2.2 }, /* @__PURE__ */ React.createElement("path", { d: "M20 6 9 17l-5-5" })),
+  alert: /* @__PURE__ */ React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", ...stroke }, /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React.createElement("line", { x1: "12", x2: "12", y1: "8", y2: "12" }), /* @__PURE__ */ React.createElement("line", { x1: "12", x2: "12.01", y1: "16", y2: "16" })),
+  plus: /* @__PURE__ */ React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", ...stroke }, /* @__PURE__ */ React.createElement("path", { d: "M5 12h14" }), /* @__PURE__ */ React.createElement("path", { d: "M12 5v14" })),
+  search: /* @__PURE__ */ React.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", ...stroke }, /* @__PURE__ */ React.createElement("circle", { cx: "11", cy: "11", r: "8" }), /* @__PURE__ */ React.createElement("path", { d: "m21 21-4.3-4.3" })),
+  filter: /* @__PURE__ */ React.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", ...stroke }, /* @__PURE__ */ React.createElement("path", { d: "M22 3H2l8 9.46V19l4 2v-8.54L22 3z" })),
+  close: /* @__PURE__ */ React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", ...stroke }, /* @__PURE__ */ React.createElement("path", { d: "M18 6 6 18" }), /* @__PURE__ */ React.createElement("path", { d: "m6 6 12 12" })),
+  closeSmall: /* @__PURE__ */ React.createElement("svg", { width: "11", height: "11", viewBox: "0 0 24 24", ...stroke, strokeWidth: 2.4 }, /* @__PURE__ */ React.createElement("path", { d: "M18 6 6 18" }), /* @__PURE__ */ React.createElement("path", { d: "m6 6 12 12" })),
+  chevronLeft: /* @__PURE__ */ React.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", ...stroke }, /* @__PURE__ */ React.createElement("path", { d: "m15 18-6-6 6-6" })),
+  chevronRight: /* @__PURE__ */ React.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", ...stroke }, /* @__PURE__ */ React.createElement("path", { d: "m9 18 6-6-6-6" })),
+  chevronUp: /* @__PURE__ */ React.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", ...stroke }, /* @__PURE__ */ React.createElement("path", { d: "m18 15-6-6-6 6" })),
+  chevronDown: /* @__PURE__ */ React.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", ...stroke }, /* @__PURE__ */ React.createElement("path", { d: "m6 9 6 6 6-6" })),
+  expand: /* @__PURE__ */ React.createElement("svg", { width: "13", height: "13", viewBox: "0 0 24 24", ...stroke, strokeWidth: 2 }, /* @__PURE__ */ React.createElement("path", { d: "M15 3h6v6" }), /* @__PURE__ */ React.createElement("path", { d: "M9 21H3v-6" }), /* @__PURE__ */ React.createElement("path", { d: "M21 3l-7 7" }), /* @__PURE__ */ React.createElement("path", { d: "M3 21l7-7" })),
+  edit: /* @__PURE__ */ React.createElement("svg", { width: "13", height: "13", viewBox: "0 0 24 24", ...stroke, strokeWidth: 2 }, /* @__PURE__ */ React.createElement("path", { d: "M12 20h9" }), /* @__PURE__ */ React.createElement("path", { d: "M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4 12.5-12.5z" })),
+  key: /* @__PURE__ */ React.createElement("svg", { width: "11", height: "11", viewBox: "0 0 24 24", ...stroke, strokeWidth: 2 }, /* @__PURE__ */ React.createElement("path", { d: "M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z" }), /* @__PURE__ */ React.createElement("circle", { cx: "16.5", cy: "7.5", r: ".5", fill: "currentColor" })),
+  link: /* @__PURE__ */ React.createElement("svg", { width: "11", height: "11", viewBox: "0 0 24 24", ...stroke, strokeWidth: 2 }, /* @__PURE__ */ React.createElement("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }), /* @__PURE__ */ React.createElement("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })),
+  refresh: /* @__PURE__ */ React.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", ...stroke }, /* @__PURE__ */ React.createElement("path", { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" }), /* @__PURE__ */ React.createElement("path", { d: "M21 3v5h-5" })),
+  table: /* @__PURE__ */ React.createElement("svg", { width: "15", height: "15", viewBox: "0 0 24 24", ...stroke }, /* @__PURE__ */ React.createElement("path", { d: "M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18" })),
+  calendar: /* @__PURE__ */ React.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", ...stroke }, /* @__PURE__ */ React.createElement("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2" }), /* @__PURE__ */ React.createElement("path", { d: "M16 2v4" }), /* @__PURE__ */ React.createElement("path", { d: "M8 2v4" }), /* @__PURE__ */ React.createElement("path", { d: "M3 10h18" })),
+  history: /* @__PURE__ */ React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", ...stroke }, /* @__PURE__ */ React.createElement("path", { d: "M3 12a9 9 0 1 0 3-6.7" }), /* @__PURE__ */ React.createElement("path", { d: "M3 4v5h5" }), /* @__PURE__ */ React.createElement("path", { d: "M12 7v5l3 2" })),
+  org: /* @__PURE__ */ React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", ...stroke }, /* @__PURE__ */ React.createElement("path", { d: "M3 21h18" }), /* @__PURE__ */ React.createElement("path", { d: "M5 21V5a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v16" }), /* @__PURE__ */ React.createElement("path", { d: "M17 9h2a2 2 0 0 1 2 2v10" }), /* @__PURE__ */ React.createElement("path", { d: "M9 7h3" }), /* @__PURE__ */ React.createElement("path", { d: "M9 11h3" }), /* @__PURE__ */ React.createElement("path", { d: "M9 15h3" }))
+};
+function TypeGlyph({ type, size = 14 }) {
+  const shared = {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    ...stroke
+  };
+  const normalized = type.toUpperCase();
+  if (normalized === "INTEGER" || normalized === "NUMERIC") {
+    return /* @__PURE__ */ React.createElement("svg", { ...shared }, /* @__PURE__ */ React.createElement("line", { x1: "4", y1: "9", x2: "20", y2: "9" }), /* @__PURE__ */ React.createElement("line", { x1: "4", y1: "15", x2: "20", y2: "15" }), /* @__PURE__ */ React.createElement("line", { x1: "10", y1: "3", x2: "8", y2: "21" }), /* @__PURE__ */ React.createElement("line", { x1: "16", y1: "3", x2: "14", y2: "21" }));
+  }
+  if (normalized === "REAL") {
+    return /* @__PURE__ */ React.createElement("svg", { ...shared }, /* @__PURE__ */ React.createElement("line", { x1: "19", y1: "5", x2: "5", y2: "19" }), /* @__PURE__ */ React.createElement("circle", { cx: "6.5", cy: "6.5", r: "2.5" }), /* @__PURE__ */ React.createElement("circle", { cx: "17.5", cy: "17.5", r: "2.5" }));
+  }
+  if (normalized === "BLOB") {
+    return /* @__PURE__ */ React.createElement("svg", { ...shared }, /* @__PURE__ */ React.createElement("rect", { x: "14", y: "14", width: "4", height: "6", rx: "2" }), /* @__PURE__ */ React.createElement("rect", { x: "6", y: "4", width: "4", height: "6", rx: "2" }), /* @__PURE__ */ React.createElement("path", { d: "M6 20h4" }), /* @__PURE__ */ React.createElement("path", { d: "M14 10h4" }), /* @__PURE__ */ React.createElement("path", { d: "M6 14h2v6" }), /* @__PURE__ */ React.createElement("path", { d: "M14 4h2v6" }));
+  }
+  return /* @__PURE__ */ React.createElement("svg", { ...shared }, /* @__PURE__ */ React.createElement("polyline", { points: "4 7 4 4 20 4 20 7" }), /* @__PURE__ */ React.createElement("line", { x1: "9", y1: "20", x2: "15", y2: "20" }), /* @__PURE__ */ React.createElement("line", { x1: "12", y1: "4", x2: "12", y2: "20" }));
+}
+function KindGlyph({ kind, hasEnum, size = 13 }) {
+  const shared = { width: size, height: size, viewBox: "0 0 24 24", ...stroke, strokeWidth: 2 };
+  if (hasEnum) {
+    return /* @__PURE__ */ React.createElement("svg", { ...shared }, /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "9" }), /* @__PURE__ */ React.createElement("path", { d: "m9 12 2 2 4-4" }));
+  }
+  switch (kind) {
+    case "id":
+      return /* @__PURE__ */ React.createElement("svg", { ...shared }, /* @__PURE__ */ React.createElement("path", { d: "M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z" }), /* @__PURE__ */ React.createElement("circle", { cx: "16.5", cy: "7.5", r: ".5", fill: "currentColor" }));
+    case "integer":
+    case "real":
+      return /* @__PURE__ */ React.createElement("svg", { ...shared }, /* @__PURE__ */ React.createElement("line", { x1: "4", y1: "9", x2: "20", y2: "9" }), /* @__PURE__ */ React.createElement("line", { x1: "4", y1: "15", x2: "20", y2: "15" }), /* @__PURE__ */ React.createElement("line", { x1: "10", y1: "3", x2: "8", y2: "21" }), /* @__PURE__ */ React.createElement("line", { x1: "16", y1: "3", x2: "14", y2: "21" }));
+    case "boolean":
+      return /* @__PURE__ */ React.createElement("svg", { ...shared }, /* @__PURE__ */ React.createElement("rect", { x: "3", y: "5", width: "18", height: "14", rx: "7" }), /* @__PURE__ */ React.createElement("circle", { cx: "16", cy: "12", r: "3" }));
+    case "date":
+    case "datetime":
+      return /* @__PURE__ */ React.createElement("svg", { ...shared }, /* @__PURE__ */ React.createElement("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2" }), /* @__PURE__ */ React.createElement("path", { d: "M16 2v4" }), /* @__PURE__ */ React.createElement("path", { d: "M8 2v4" }), /* @__PURE__ */ React.createElement("path", { d: "M3 10h18" }));
+    case "json":
+      return /* @__PURE__ */ React.createElement("svg", { ...shared }, /* @__PURE__ */ React.createElement("path", { d: "M9 7H7a2 2 0 0 0-2 2v1.5a1.5 1.5 0 0 1-1.5 1.5A1.5 1.5 0 0 1 5 13.5V15a2 2 0 0 0 2 2h2" }), /* @__PURE__ */ React.createElement("path", { d: "M15 7h2a2 2 0 0 1 2 2v1.5a1.5 1.5 0 0 0 1.5 1.5 1.5 1.5 0 0 0-1.5 1.5V15a2 2 0 0 1-2 2h-2" }));
+    case "ref":
+      return /* @__PURE__ */ React.createElement("svg", { ...shared }, /* @__PURE__ */ React.createElement("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }), /* @__PURE__ */ React.createElement("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" }));
+    case "secret":
+      return /* @__PURE__ */ React.createElement("svg", { ...shared }, /* @__PURE__ */ React.createElement("rect", { x: "4", y: "11", width: "16", height: "10", rx: "2" }), /* @__PURE__ */ React.createElement("path", { d: "M8 11V7a4 4 0 0 1 8 0v4" }));
+    case "longText":
+      return /* @__PURE__ */ React.createElement("svg", { ...shared }, /* @__PURE__ */ React.createElement("path", { d: "M4 6h16" }), /* @__PURE__ */ React.createElement("path", { d: "M4 12h16" }), /* @__PURE__ */ React.createElement("path", { d: "M4 18h10" }));
+    default:
+      return /* @__PURE__ */ React.createElement("svg", { ...shared }, /* @__PURE__ */ React.createElement("path", { d: "M4 20 12 4l8 16" }), /* @__PURE__ */ React.createElement("path", { d: "M7 14h10" }));
+  }
+}
+
+// admin-src/BackupPanel.tsx
+function sizeLabel(bytes) {
+  if (bytes === null || bytes === void 0) return "Unknown";
+  if (bytes < 1024) return `${bytes} B`;
+  const units = ["KB", "MB", "GB"];
+  let value = bytes / 1024;
+  let unit = units[0];
+  for (let index = 1; index < units.length && value >= 1024; index += 1) {
+    value /= 1024;
+    unit = units[index];
+  }
+  return `${new Intl.NumberFormat(void 0, { maximumFractionDigits: 1 }).format(value)} ${unit}`;
+}
+function backupQuery(target, organizationId, extra = {}) {
+  const params = new URLSearchParams(extra);
+  if (target) params.set("target", target);
+  if (target === "app-data" && organizationId) params.set("organizationId", organizationId);
+  return params.toString();
+}
+function confirmRestore(label, expected) {
+  return window.prompt(`${label}
+
+Type ${expected} to confirm.`)?.trim().toLowerCase() === expected;
+}
+function BackupPanel({
+  notify,
+  environment,
+  target,
+  organizationId,
+  organizationName,
+  description,
+  archiveMode = "plaintext-sql"
+}) {
+  const [status, setStatus] = useState(null);
+  const [list, setList] = useState({ entries: [] });
+  const [busy, setBusy] = useState(null);
+  const [uploadFile, setUploadFile] = useState(null);
+  const query = useMemo(() => backupQuery(target, organizationId), [target, organizationId]);
+  const querySuffix = query ? `?${query}` : "";
+  const targetLabel = target === "control-plane" ? "Control plane" : target === "app-data" ? "App data" : null;
+  const subject = target === "app-data" && organizationName ? organizationName : targetLabel?.toLowerCase() ?? "the database";
+  const confirmation = target === "control-plane" ? "restore control plane" : "restore";
+  const encryptedArchives = archiveMode === "encrypted-v2";
+  const requestTarget = () => ({
+    ...target ? { target } : {},
+    ...target === "app-data" && organizationId ? { organizationId } : {}
+  });
+  const encryptedUploadUnavailable = Boolean(
+    encryptedArchives && uploadFile && !uploadFile.name.toLowerCase().endsWith(".sql") && (status?.restore?.pitrAvailable === false || status?.restore?.maintenance?.active)
+  );
+  const load = async () => {
+    const [nextStatus, nextList] = await Promise.all([
+      api(`/api/admin/backups/status${querySuffix}`),
+      api(`/api/admin/backups${querySuffix}`).catch((error) => ({ entries: [], warning: error.message }))
+    ]);
+    setStatus(nextStatus);
+    setList(nextList);
+  };
+  useEffect(() => {
+    void load().catch((error) => notify(error.message, "error"));
+  }, [query]);
+  const createBackup = async () => {
+    setBusy("create");
+    try {
+      await api("/api/admin/backups", { method: "POST", body: JSON.stringify(requestTarget()) });
+      notify(targetLabel ? `${targetLabel} backup created.` : "Backup created.");
+      await load();
+    } catch (error) {
+      notify(error instanceof Error ? error.message : "Backup failed", "error");
+    } finally {
+      setBusy(null);
+    }
+  };
+  const restoreFromR2 = async (entry) => {
+    const warning = target ? `Restore ${entry.key}? This replaces ${subject} from the selected snapshot.` : `Restore ${entry.key}? Users, sessions, audit, app rows, and system tables move together.`;
+    if (!confirmRestore(warning, confirmation)) return;
+    setBusy(entry.key);
+    try {
+      await api("/api/admin/backups/restore", {
+        method: "POST",
+        body: JSON.stringify({ ...requestTarget(), key: entry.key, confirm: confirmation })
+      });
+      notify(
+        target === "control-plane" ? "Control-plane restore complete. You may need to sign in again." : target === "app-data" ? "App data restore complete." : "Restore complete. You may need to sign in again if your session changed."
+      );
+      await load();
+    } catch (error) {
+      notify(error instanceof Error ? error.message : "Restore failed", "error");
+    } finally {
+      setBusy(null);
+    }
+  };
+  const restoreUpload = async () => {
+    if (!uploadFile) return;
+    const warning = target ? `Restore ${uploadFile.name} for ${subject}? This replaces the selected database state.` : `Restore ${uploadFile.name}? Users, sessions, audit, app rows, and system tables move together.`;
+    if (!confirmRestore(warning, confirmation)) return;
+    setBusy("upload");
+    try {
+      const restoreQuery = backupQuery(target, organizationId, { confirm: confirmation });
+      const response = await fetch(`/api/admin/backups/restore-upload?${restoreQuery}`, {
+        method: "POST",
+        headers: {
+          "Content-Type": encryptedArchives && !uploadFile.name.toLowerCase().endsWith(".sql") ? "application/vnd.raybase.backup" : "application/sql"
+        },
+        body: uploadFile
+      });
+      const result = await response.json().catch(() => ({}));
+      if (!response.ok) throw new Error(result.error || "We couldn't restore that backup.");
+      notify(
+        target === "control-plane" ? "Uploaded control-plane backup restored. You may need to sign in again." : target === "app-data" ? "Uploaded app data backup restored." : "Uploaded backup restored. You may need to sign in again if your session changed."
+      );
+      setUploadFile(null);
+      await load();
+    } catch (error) {
+      notify(error instanceof Error ? error.message : "Restore failed", "error");
+    } finally {
+      setBusy(null);
+    }
+  };
+  return /* @__PURE__ */ React2.createElement("div", { className: cx(cardClass, "max-w-2xl overflow-hidden") }, /* @__PURE__ */ React2.createElement("div", { className: "border-b border-zinc-100 px-5 py-4" }, /* @__PURE__ */ React2.createElement("h2", { className: "m-0 flex items-center gap-2 text-sm font-semibold" }, /* @__PURE__ */ React2.createElement("span", { className: "text-zinc-500" }, target === "control-plane" ? icons.app : icons.data), targetLabel ? `${targetLabel}${encryptedArchives ? " encrypted" : ""} backups` : encryptedArchives ? "Encrypted R2 backups" : "R2 SQL backups"), /* @__PURE__ */ React2.createElement("p", { className: "m-0 mt-1 text-sm text-zinc-500" }, description || (encryptedArchives ? "Envelope-encrypted SQLite snapshots stored in the configured backups bucket." : "Plaintext SQL snapshots stored in the configured backups bucket.")), environment === "local" ? /* @__PURE__ */ React2.createElement("p", { className: "m-0 mt-3 rounded-md border border-zinc-200 bg-zinc-50 px-3 py-2 text-xs leading-5 text-zinc-600" }, "Automated backups run in production when enabled.") : null), status ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("dl", { className: "m-0 divide-y divide-zinc-100" }, [
+    ["Status", status.enabled ? "Enabled" : "Disabled"],
+    ["R2 binding", status.bindingPresent ? "Present" : "Missing"],
+    ...encryptedArchives ? [
+      ["Encryption", status.encryptionReady === false ? "Not ready" : status.encryptionReady ? "Ready" : "Unknown"],
+      ["Provider", status.provider?.id || "Not reported"],
+      ["Key version", status.provider?.keyId || (status.provider?.mode === "wrapping" ? "Provider-managed" : "Not reported")],
+      ["Consistency", status.consistencyPolicy === "write-gated" ? "Write-gated" : status.consistencyPolicy === "optimistic" ? "Optimistic retries" : "Not reported"],
+      ["PITR restore safety", status.restore?.pitrAvailable === false ? "Unavailable" : status.restore?.pitrAvailable ? "Available" : "Not reported"],
+      ["Restore maintenance", status.restore?.maintenance?.active ? `Active (${status.restore.maintenance.phase || "unknown"})` : "Inactive"]
+    ] : [],
+    ...encryptedArchives && status.provider?.passwordParticipants ? [[
+      "Password participants",
+      status.provider.passwordParticipants.declared ? `${status.provider.passwordParticipants.ready ?? 0}/${status.provider.passwordParticipants.required ?? 0} ready` : "Not declared"
+    ]] : [],
+    ["Retention", `${status.retention} per target`],
+    ["Latest", status.latestBackup ? formatDateTime(status.latestBackup.date) : "None"]
+  ].map(([label, value]) => /* @__PURE__ */ React2.createElement("div", { key: label, className: "grid grid-cols-[160px_minmax(0,1fr)] items-center gap-4 px-5 py-3.5 text-sm" }, /* @__PURE__ */ React2.createElement("dt", { className: "font-medium text-zinc-500" }, label), /* @__PURE__ */ React2.createElement("dd", { className: "m-0 text-zinc-900" }, value)))), encryptedArchives && status.provider?.passwordCoupled ? /* @__PURE__ */ React2.createElement("div", { className: "border-t border-amber-200 bg-amber-50 px-5 py-4 text-xs leading-relaxed text-amber-900" }, "This provider depends on password-secret participants. Passwordless users may be ineligible, and a password reset or lost password can permanently remove access to older backups.") : null, encryptedArchives && (status.restore?.pitrAvailable === false || status.restore?.maintenance?.active) ? /* @__PURE__ */ React2.createElement("div", { className: "border-t border-amber-200 bg-amber-50 px-5 py-4 text-xs leading-relaxed text-amber-900" }, status.restore.maintenance?.active ? `Restore maintenance is active (${status.restore.maintenance.phase || "unknown"}). Encrypted restores remain blocked until rollback recovery completes.` : status.restore.pitrUnavailableReason || "Encrypted restore requires production PITR recovery support.") : null, /* @__PURE__ */ React2.createElement("div", { className: "border-t border-zinc-100 px-5 py-4 text-xs leading-relaxed text-zinc-500" }, status.caveats.join(" "), status.warning ? /* @__PURE__ */ React2.createElement("div", { className: "mt-1 text-amber-700" }, status.warning) : null), /* @__PURE__ */ React2.createElement("div", { className: "border-t border-zinc-100 px-5 py-4" }, /* @__PURE__ */ React2.createElement("div", { className: "flex flex-wrap items-center justify-between gap-3" }, /* @__PURE__ */ React2.createElement("button", { className: secondaryButton, disabled: !status.bindingPresent || !status.enabled || encryptedArchives && status.encryptionReady === false || busy === "create", onClick: () => void createBackup() }, icons.data, "Create backup now"), /* @__PURE__ */ React2.createElement("button", { className: secondaryButton, onClick: () => void load().catch((error) => notify(error.message, "error")) }, icons.refresh, "Refresh"))), /* @__PURE__ */ React2.createElement("div", { className: "border-t border-zinc-100" }, list.entries.length ? /* @__PURE__ */ React2.createElement("div", { className: "divide-y divide-zinc-100" }, list.entries.map((entry) => /* @__PURE__ */ React2.createElement("div", { key: entry.key, className: "grid gap-3 px-5 py-3.5 text-sm md:grid-cols-[minmax(0,1fr)_auto] md:items-center" }, /* @__PURE__ */ React2.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React2.createElement("div", { className: "font-medium text-zinc-900" }, formatDateTime(entry.date)), /* @__PURE__ */ React2.createElement("div", { className: "truncate font-mono text-[11px] text-zinc-500", title: entry.key }, entry.key), /* @__PURE__ */ React2.createElement("div", { className: "mt-1 text-xs text-zinc-400" }, sizeLabel(entry.bytes), " \xB7 ", entry.trigger, " \xB7 ", encryptedArchives ? entry.encrypted === false ? "Legacy plaintext SQL" : entry.encrypted ? "Encrypted format 2" : "Legacy entry" : "Plaintext SQL"), entry.providerId ? /* @__PURE__ */ React2.createElement("div", { className: "mt-1 truncate font-mono text-[11px] text-zinc-400", title: `${entry.providerId}/${entry.kekKeyId || "unknown"}` }, entry.providerId, " \xB7 ", entry.kekKeyId || "provider-managed key") : null, entry.restoreUnavailableReason ? /* @__PURE__ */ React2.createElement("div", { className: cx("mt-1 text-xs", entry.restoreAvailable === false ? "text-amber-700" : "text-zinc-500") }, entry.restoreUnavailableReason) : null), /* @__PURE__ */ React2.createElement("div", { className: "flex flex-wrap gap-2" }, /* @__PURE__ */ React2.createElement("a", { className: secondaryButton, href: `/api/admin/backups/download?${backupQuery(target, organizationId, { key: entry.key })}` }, "Download"), /* @__PURE__ */ React2.createElement("button", { className: dangerButton, disabled: busy === entry.key || entry.restoreAvailable === false, onClick: () => void restoreFromR2(entry) }, "Restore"))))) : /* @__PURE__ */ React2.createElement("div", { className: "px-5 py-4 text-sm text-zinc-500" }, list.warning || (encryptedArchives ? "No backups yet. Create one after encryption is ready." : "No backups yet."))), /* @__PURE__ */ React2.createElement("div", { className: "border-t border-zinc-100 px-5 py-4" }, /* @__PURE__ */ React2.createElement("label", { className: labelClass }, "Restore uploaded backup", /* @__PURE__ */ React2.createElement(
+    "input",
+    {
+      type: "file",
+      accept: encryptedArchives ? ".rbb,.sql,application/vnd.raybase.backup,application/sql" : ".sql,application/sql",
+      className: cx(fieldBase, "w-full max-w-md"),
+      onChange: (event) => {
+        const file = event.target.files?.[0];
+        if (file && !encryptedArchives && !file.name.toLowerCase().endsWith(".sql")) {
+          setUploadFile(null);
+          event.currentTarget.value = "";
+          notify("This backup service accepts plaintext .sql files only.", "error");
+          return;
+        }
+        setUploadFile(file ?? null);
+      }
+    }
+  )), uploadFile ? /* @__PURE__ */ React2.createElement("div", { className: "mt-3 rounded-md border border-zinc-200 bg-zinc-50 px-3 py-2 text-xs text-zinc-600" }, /* @__PURE__ */ React2.createElement("div", { className: "font-medium text-zinc-900" }, uploadFile.name), /* @__PURE__ */ React2.createElement("div", { className: "mt-1" }, sizeLabel(uploadFile.size), " \xB7 ", encryptedArchives ? uploadFile.name.toLowerCase().endsWith(".sql") ? "Legacy plaintext SQL" : "Encrypted format 2" : "Plaintext SQL")) : null, /* @__PURE__ */ React2.createElement("p", { className: "m-0 mt-3 text-xs leading-relaxed text-zinc-500" }, encryptedArchives ? "Encrypted .rbb archives are verified before database changes begin. Legacy .sql restores remain available with compatibility size and statement limits." : "Upload a plaintext format-1 .sql backup for restore."), /* @__PURE__ */ React2.createElement("div", { className: "mt-3 flex justify-end" }, /* @__PURE__ */ React2.createElement("button", { className: dangerButton, disabled: !uploadFile || encryptedUploadUnavailable || busy === "upload", onClick: () => void restoreUpload() }, "Restore uploaded backup")))) : /* @__PURE__ */ React2.createElement("div", { className: "space-y-3 px-5 py-4" }, /* @__PURE__ */ React2.createElement("div", { className: "h-4 w-2/3 animate-pulse rounded bg-zinc-100" }), /* @__PURE__ */ React2.createElement("div", { className: "h-4 w-1/2 animate-pulse rounded bg-zinc-100" })));
+}
+
+// admin-src/DataView.tsx
+import React4, { useEffect as useEffect3, useMemo as useMemo3, useRef as useRef2, useState as useState3 } from "react";
+import { buildGridColumns, collectTagSuggestions as collectTagSuggestions2, compileFilters, FilterBar, isNullValue as isNullValue2, jsonColumnMode as jsonColumnMode2, RecordPanel, toIsoDate as toIsoDate2 } from "@raybase/datasheet-grid";
+import { DynamicDataSheetGrid as DynamicDataSheetGridBase, renderContextMenuItem } from "@raybase/datasheet-grid/engine";
+
+// admin-src/imports/CsvImportDialog.tsx
+import React3, { useEffect as useEffect2, useMemo as useMemo2, useRef, useState as useState2 } from "react";
+import { Importer, ImporterField } from "react-csv-importer";
+
+// admin-src/imports/importApi.ts
+var maxImportRows = 2e3;
+function importPath(path, adminOrgId) {
+  if (!adminOrgId) return path;
+  const separator = path.includes("?") ? "&" : "?";
+  return `${path}${separator}adminOrgId=${encodeURIComponent(adminOrgId)}`;
+}
+async function sha256File(file) {
+  if (!crypto.subtle) return null;
+  const digest = await crypto.subtle.digest("SHA-256", await file.arrayBuffer());
+  return [...new Uint8Array(digest)].map((byte) => byte.toString(16).padStart(2, "0")).join("");
+}
+async function previewImport(request, adminOrgId) {
+  return api(importPath("/api/admin/imports/preview", adminOrgId), {
+    method: "POST",
+    body: JSON.stringify(request)
+  });
+}
+async function commitImport(runId, rows, adminOrgId) {
+  return api(importPath(`/api/admin/imports/${encodeURIComponent(runId)}/commit`, adminOrgId), {
+    method: "POST",
+    body: JSON.stringify({ rows })
+  });
+}
+async function revertImport(runId, adminOrgId) {
+  return api(importPath(`/api/admin/imports/${encodeURIComponent(runId)}/revert`, adminOrgId), {
+    method: "POST",
+    body: "{}"
+  });
+}
+async function listImportHistory(table, adminOrgId) {
+  const params = new URLSearchParams({ table, limit: "10" });
+  if (adminOrgId) params.set("adminOrgId", adminOrgId);
+  const result = await api(`/api/admin/imports?${params}`);
+  return result.runs;
+}
+async function getImportDetail(runId, adminOrgId) {
+  const result = await api(importPath(`/api/admin/imports/${encodeURIComponent(runId)}`, adminOrgId));
+  return result.run;
+}
+
+// admin-src/imports/CsvImportDialog.tsx
+var CsvImporter = Importer;
+var CsvImporterField = ImporterField;
+function importableColumns(table) {
+  return Object.entries(table.columns).filter(([, column]) => !column.primaryKey && !column.auto);
+}
+function columnHelp(key, column, references) {
+  const parts = [column.kind];
+  if (column.enumValues?.length) parts.push(`one of ${column.enumValues.join(", ")}`);
+  if (column.references) {
+    const loaded = references[key]?.length;
+    parts.push(`references ${column.references}${loaded ? `, ${loaded} loaded` : ""}`);
+  }
+  return parts.join(" \xB7 ");
+}
+function countLabel(value, noun) {
+  return `${value.toLocaleString()} ${noun}${value === 1 ? "" : "s"}`;
+}
+function fileMapping(info) {
+  const mapping = {};
+  info.columnFields.forEach((field, index) => {
+    if (!field) return;
+    const column = info.preview.columns[index];
+    mapping[column?.header || `Column ${index + 1}`] = field;
+  });
+  return mapping;
+}
+function statusClass(status) {
+  if (status === "succeeded" || status === "reverted") return "border-emerald-200 bg-emerald-50 text-emerald-700";
+  if (status === "failed" || status === "partially_failed") return "border-red-200 bg-red-50 text-red-700";
+  if (status === "running") return "border-blue-200 bg-blue-50 text-blue-700";
+  return "border-zinc-200 bg-zinc-50 text-zinc-600";
+}
+function StatusPill({ status }) {
+  return /* @__PURE__ */ React3.createElement("span", { className: cx("inline-flex rounded-full border px-2 py-0.5 text-[11px] font-semibold", statusClass(status)) }, status.replace("_", " "));
+}
+function ErrorList({ errors }) {
+  if (!errors.length) return /* @__PURE__ */ React3.createElement("div", { className: "rounded-lg border border-emerald-200 bg-emerald-50 px-3 py-2 text-sm font-medium text-emerald-700" }, "No validation errors.");
+  return /* @__PURE__ */ React3.createElement("div", { className: "max-h-56 overflow-auto rounded-lg border border-red-200 bg-red-50/60" }, errors.map((error, index) => /* @__PURE__ */ React3.createElement("div", { key: `${error.rowNumber}-${error.column ?? "row"}-${index}`, className: "border-b border-red-100 px-3 py-2 text-sm last:border-b-0" }, /* @__PURE__ */ React3.createElement("div", { className: "font-medium text-red-800" }, "Row ", error.rowNumber, error.column ? ` \xB7 ${error.column}` : ""), /* @__PURE__ */ React3.createElement("div", { className: "mt-0.5 text-red-700" }, error.message))));
+}
+function DetailRows({ detail }) {
+  if (!detail) return null;
+  return /* @__PURE__ */ React3.createElement("div", { className: "mt-4 overflow-hidden rounded-lg border border-zinc-200" }, /* @__PURE__ */ React3.createElement("div", { className: "border-b border-zinc-100 px-3 py-2 text-sm font-semibold" }, "Run rows"), /* @__PURE__ */ React3.createElement("div", { className: "max-h-64 overflow-auto" }, /* @__PURE__ */ React3.createElement("table", { className: "w-full min-w-[680px] border-collapse" }, /* @__PURE__ */ React3.createElement("thead", null, /* @__PURE__ */ React3.createElement("tr", null, /* @__PURE__ */ React3.createElement("th", { className: thClass }, "Row"), /* @__PURE__ */ React3.createElement("th", { className: thClass }, "Status"), /* @__PURE__ */ React3.createElement("th", { className: thClass }, "Target"), /* @__PURE__ */ React3.createElement("th", { className: thClass }, "Error"))), /* @__PURE__ */ React3.createElement("tbody", null, detail.rows.map((row) => /* @__PURE__ */ React3.createElement("tr", { key: row.id }, /* @__PURE__ */ React3.createElement("td", { className: tdClass }, row.rowNumber), /* @__PURE__ */ React3.createElement("td", { className: tdClass }, /* @__PURE__ */ React3.createElement(StatusPill, { status: row.status })), /* @__PURE__ */ React3.createElement("td", { className: cx(tdClass, "font-mono text-[11px] text-zinc-500") }, row.targetId ?? "-"), /* @__PURE__ */ React3.createElement("td", { className: cx(tdClass, "text-zinc-600") }, row.error ? JSON.stringify(row.error) : "-")))))));
+}
+function CsvImportDialog({ tableName, table, references, allowSystemTables, adminOrgId, toast, onClose, onCommitted }) {
+  const rowsRef = useRef([]);
+  const [stage, setStage] = useState2("map");
+  const [parsedRowCount, setParsedRowCount] = useState2(0);
+  const [preview, setPreview] = useState2(null);
+  const [commitResult, setCommitResult] = useState2(null);
+  const [history, setHistory] = useState2([]);
+  const [detail, setDetail] = useState2(null);
+  const [busyRunId, setBusyRunId] = useState2(null);
+  const [error, setError] = useState2(null);
+  const columns = useMemo2(() => importableColumns(table), [table]);
+  const loadHistory = async () => {
+    setHistory(await listImportHistory(tableName, adminOrgId));
+  };
+  useEffect2(() => {
+    const onKey = (event) => {
+      if (event.key === "Escape" && stage !== "committing") onClose();
+    };
+    document.addEventListener("keydown", onKey);
+    void loadHistory().catch((historyError) => toast(historyError.message, "error"));
+    return () => document.removeEventListener("keydown", onKey);
+  }, [adminOrgId, stage, tableName]);
+  const runPreview = async (info) => {
+    setStage("previewing");
+    setError(null);
+    const rows = rowsRef.current;
+    const sourceSha256 = await sha256File(info.file).catch(() => null);
+    const response = await previewImport(
+      {
+        table: tableName,
+        filename: info.file.name,
+        sourceSizeBytes: info.file.size,
+        sourceSha256,
+        mapping: fileMapping(info),
+        rows,
+        options: { mode: "create", dryRun: true, allowSystemTables }
+      },
+      adminOrgId
+    );
+    setPreview(response);
+    setStage("preview");
+    await loadHistory();
+  };
+  const handleCommit = async () => {
+    if (!preview) return;
+    setStage("committing");
+    setError(null);
+    try {
+      const result = await commitImport(preview.runId, rowsRef.current, adminOrgId);
+      setCommitResult(result);
+      setStage("complete");
+      await loadHistory();
+      await onCommitted(result.run);
+    } catch (commitError) {
+      setError(commitError instanceof Error ? commitError.message : String(commitError));
+      setStage("preview");
+    }
+  };
+  const handleRevert = async (run) => {
+    if (!window.confirm(`Revert import ${run.id}? This deletes rows created by the import when they still exist.`)) return;
+    setBusyRunId(run.id);
+    try {
+      const result = await revertImport(run.id, adminOrgId);
+      await loadHistory();
+      await onCommitted(result.run);
+      toast(`Reverted ${countLabel(result.revertedRows, "row")}${result.failedRows ? `; ${result.failedRows} failed` : ""}`);
+    } catch (revertError) {
+      toast(revertError instanceof Error ? revertError.message : String(revertError), "error");
+    } finally {
+      setBusyRunId(null);
+    }
+  };
+  const showDetail = async (runId) => {
+    setBusyRunId(runId);
+    try {
+      setDetail(await getImportDetail(runId, adminOrgId));
+    } catch (detailError) {
+      toast(detailError instanceof Error ? detailError.message : String(detailError), "error");
+    } finally {
+      setBusyRunId(null);
+    }
+  };
+  const resetImporter = () => {
+    rowsRef.current = [];
+    setParsedRowCount(0);
+    setPreview(null);
+    setCommitResult(null);
+    setDetail(null);
+    setError(null);
+    setStage("map");
+  };
+  const canCommit = Boolean(preview && preview.counts.validRows > 0 && preview.counts.invalidRows === 0 && stage === "preview");
+  return /* @__PURE__ */ React3.createElement("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", role: "dialog", "aria-modal": "true", "aria-labelledby": "csv-import-title" }, /* @__PURE__ */ React3.createElement("div", { className: "absolute inset-0 bg-zinc-950/30", onClick: stage === "committing" ? void 0 : onClose }), /* @__PURE__ */ React3.createElement("div", { className: "rb-import-dialog rb-pop-in relative flex max-h-[92vh] w-full max-w-5xl flex-col overflow-hidden rounded-xl border border-zinc-200 bg-white shadow-[0_24px_48px_rgb(9_9_11/0.18)]" }, /* @__PURE__ */ React3.createElement("div", { className: "flex items-start justify-between gap-4 border-b border-zinc-100 px-5 py-4" }, /* @__PURE__ */ React3.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React3.createElement("h2", { id: "csv-import-title", className: "m-0 text-[15px] font-semibold text-zinc-900" }, "Import CSV"), /* @__PURE__ */ React3.createElement("div", { className: "mt-1 flex flex-wrap items-center gap-2 text-sm text-zinc-500" }, /* @__PURE__ */ React3.createElement("span", { className: "font-medium text-zinc-700" }, table.label), /* @__PURE__ */ React3.createElement("span", { className: "font-mono text-[12px]" }, table.name), /* @__PURE__ */ React3.createElement("span", null, countLabel(maxImportRows, "row"), " max"))), /* @__PURE__ */ React3.createElement("button", { className: "inline-flex h-8 w-8 items-center justify-center rounded-lg text-zinc-400 hover:bg-zinc-100 hover:text-zinc-900", onClick: onClose, title: "Close" }, icons.close)), /* @__PURE__ */ React3.createElement("div", { className: "border-b border-zinc-100 px-5 py-3" }, /* @__PURE__ */ React3.createElement("div", { className: "flex flex-wrap gap-2 text-xs font-semibold" }, ["Upload", "Map columns", "Preview validation", "Confirm"].map((label, index) => {
+    const active = stage === "map" && index < 2 || (stage === "previewing" || stage === "preview") && index === 2 || (stage === "committing" || stage === "complete") && index === 3;
+    return /* @__PURE__ */ React3.createElement("span", { key: label, className: cx("rounded-full border px-2.5 py-1", active ? "border-zinc-900 bg-zinc-900 text-white" : "border-zinc-200 bg-white text-zinc-500") }, label);
+  }))), /* @__PURE__ */ React3.createElement("div", { className: "min-h-0 flex-1 overflow-auto px-5 py-4" }, stage === "map" ? /* @__PURE__ */ React3.createElement("div", { className: "grid gap-4 lg:grid-cols-[minmax(0,1fr)_300px]" }, /* @__PURE__ */ React3.createElement(
+    CsvImporter,
+    {
+      dataHandler: async (rows) => {
+        rowsRef.current = [...rowsRef.current, ...rows];
+        setParsedRowCount(rowsRef.current.length);
+        if (rowsRef.current.length > maxImportRows) {
+          throw new Error(`CSV imports are limited to ${countLabel(maxImportRows, "row")} in v1`);
+        }
+      },
+      defaultNoHeader: false,
+      restartable: false,
+      chunkSize: 500,
+      skipEmptyLines: true,
+      onStart: () => {
+        rowsRef.current = [];
+        setParsedRowCount(0);
+        setPreview(null);
+        setCommitResult(null);
+        setError(null);
+      },
+      onComplete: (info) => {
+        void runPreview(info).catch((previewError) => {
+          setError(previewError instanceof Error ? previewError.message : String(previewError));
+          setStage("map");
+        });
+      }
+    },
+    columns.map(([key, column]) => /* @__PURE__ */ React3.createElement(CsvImporterField, { key, name: key, label: column.label || key, optional: !column.required }))
+  ), /* @__PURE__ */ React3.createElement("aside", { className: "min-w-0" }, /* @__PURE__ */ React3.createElement("div", { className: "rounded-lg border border-zinc-200" }, /* @__PURE__ */ React3.createElement("div", { className: "border-b border-zinc-100 px-3 py-2 text-sm font-semibold" }, "Importable fields"), /* @__PURE__ */ React3.createElement("div", { className: "max-h-[420px] divide-y divide-zinc-100 overflow-auto" }, columns.map(([key, column]) => /* @__PURE__ */ React3.createElement("div", { key, className: "px-3 py-2" }, /* @__PURE__ */ React3.createElement("div", { className: "flex items-center justify-between gap-2" }, /* @__PURE__ */ React3.createElement("div", { className: "truncate text-sm font-medium text-zinc-900" }, column.label || key), column.required ? /* @__PURE__ */ React3.createElement("span", { className: "rounded bg-zinc-100 px-1.5 py-0.5 text-[10px] font-semibold uppercase text-zinc-500" }, "required") : null), /* @__PURE__ */ React3.createElement("div", { className: "mt-0.5 text-xs text-zinc-500" }, columnHelp(key, column, references)))))), parsedRowCount ? /* @__PURE__ */ React3.createElement("div", { className: "mt-3 text-sm text-zinc-500" }, countLabel(parsedRowCount, "row"), " parsed") : null, error ? /* @__PURE__ */ React3.createElement("div", { className: "mt-3 rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm font-medium text-red-700" }, error) : null)) : null, stage === "previewing" ? /* @__PURE__ */ React3.createElement("div", { className: "py-16 text-center text-sm font-medium text-zinc-500" }, "Validating rows...") : null, (stage === "preview" || stage === "committing" || stage === "complete") && preview ? /* @__PURE__ */ React3.createElement("div", { className: "grid gap-4" }, /* @__PURE__ */ React3.createElement("div", { className: "grid gap-3 sm:grid-cols-4" }, /* @__PURE__ */ React3.createElement("div", { className: cx(cardClass, "px-4 py-3") }, /* @__PURE__ */ React3.createElement("div", { className: "text-xs font-medium text-zinc-500" }, "Total"), /* @__PURE__ */ React3.createElement("div", { className: "mt-1 text-xl font-semibold tabular-nums" }, preview.counts.totalRows)), /* @__PURE__ */ React3.createElement("div", { className: cx(cardClass, "px-4 py-3") }, /* @__PURE__ */ React3.createElement("div", { className: "text-xs font-medium text-zinc-500" }, "Valid"), /* @__PURE__ */ React3.createElement("div", { className: "mt-1 text-xl font-semibold tabular-nums text-emerald-700" }, preview.counts.validRows)), /* @__PURE__ */ React3.createElement("div", { className: cx(cardClass, "px-4 py-3") }, /* @__PURE__ */ React3.createElement("div", { className: "text-xs font-medium text-zinc-500" }, "Invalid"), /* @__PURE__ */ React3.createElement("div", { className: "mt-1 text-xl font-semibold tabular-nums text-red-700" }, preview.counts.invalidRows)), /* @__PURE__ */ React3.createElement("div", { className: cx(cardClass, "px-4 py-3") }, /* @__PURE__ */ React3.createElement("div", { className: "text-xs font-medium text-zinc-500" }, "Inserted"), /* @__PURE__ */ React3.createElement("div", { className: "mt-1 text-xl font-semibold tabular-nums" }, commitResult?.counts.insertedRows ?? 0))), /* @__PURE__ */ React3.createElement(ErrorList, { errors: preview.errors }), error ? /* @__PURE__ */ React3.createElement("div", { className: "rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm font-medium text-red-700" }, error) : null, commitResult ? /* @__PURE__ */ React3.createElement("div", { className: "rounded-lg border border-emerald-200 bg-emerald-50 px-3 py-3 text-sm text-emerald-800" }, /* @__PURE__ */ React3.createElement("div", { className: "font-semibold" }, "Import complete"), /* @__PURE__ */ React3.createElement("div", { className: "mt-1" }, "Created ", countLabel(commitResult.counts.insertedRows, "row"), " in ", table.label, ". Run ", /* @__PURE__ */ React3.createElement("span", { className: "font-mono" }, commitResult.run.id), ".")) : null) : null, history.length ? /* @__PURE__ */ React3.createElement("div", { className: "mt-5" }, /* @__PURE__ */ React3.createElement("div", { className: "mb-2 flex items-center justify-between gap-2" }, /* @__PURE__ */ React3.createElement("h3", { className: "m-0 text-sm font-semibold" }, "Recent imports"), /* @__PURE__ */ React3.createElement("button", { className: secondaryButton, onClick: () => void loadHistory().catch((historyError) => toast(historyError.message, "error")) }, icons.refresh, "Refresh")), /* @__PURE__ */ React3.createElement("div", { className: "overflow-hidden rounded-lg border border-zinc-200" }, /* @__PURE__ */ React3.createElement("table", { className: "w-full min-w-[760px] border-collapse" }, /* @__PURE__ */ React3.createElement("thead", null, /* @__PURE__ */ React3.createElement("tr", null, /* @__PURE__ */ React3.createElement("th", { className: thClass }, "Run"), /* @__PURE__ */ React3.createElement("th", { className: thClass }, "Status"), /* @__PURE__ */ React3.createElement("th", { className: thClass }, "Rows"), /* @__PURE__ */ React3.createElement("th", { className: thClass }, "Actor"), /* @__PURE__ */ React3.createElement("th", { className: thClass }, "Created"), /* @__PURE__ */ React3.createElement("th", { className: thClass }))), /* @__PURE__ */ React3.createElement("tbody", null, history.map((run) => {
+    const canRevert = ["succeeded", "partially_failed"].includes(run.status) && run.insertedRows > run.revertedRows;
+    return /* @__PURE__ */ React3.createElement("tr", { key: run.id }, /* @__PURE__ */ React3.createElement("td", { className: cx(tdClass, "font-mono text-[11px]") }, run.id), /* @__PURE__ */ React3.createElement("td", { className: tdClass }, /* @__PURE__ */ React3.createElement(StatusPill, { status: run.status })), /* @__PURE__ */ React3.createElement("td", { className: tdClass }, run.insertedRows, "/", run.totalRows), /* @__PURE__ */ React3.createElement("td", { className: tdClass }, run.actorEmail ?? run.actorId ?? "-"), /* @__PURE__ */ React3.createElement("td", { className: tdClass }, formatDateTime(run.createdAt)), /* @__PURE__ */ React3.createElement("td", { className: tdClass }, /* @__PURE__ */ React3.createElement("div", { className: "flex justify-end gap-2" }, /* @__PURE__ */ React3.createElement("button", { className: secondaryButton, disabled: busyRunId === run.id, onClick: () => void showDetail(run.id) }, "Details"), /* @__PURE__ */ React3.createElement("button", { className: destructiveButton, disabled: !canRevert || busyRunId === run.id, title: canRevert ? "Revert imported rows" : "This run cannot be reverted", onClick: () => void handleRevert(run) }, "Revert"))));
+  })))), /* @__PURE__ */ React3.createElement(DetailRows, { detail })) : null), /* @__PURE__ */ React3.createElement("div", { className: "flex flex-wrap items-center justify-between gap-2 border-t border-zinc-100 bg-zinc-50/60 px-5 py-4" }, /* @__PURE__ */ React3.createElement("button", { className: secondaryButton, disabled: stage === "committing", onClick: resetImporter }, "Start over"), /* @__PURE__ */ React3.createElement("div", { className: "flex flex-wrap items-center gap-2" }, /* @__PURE__ */ React3.createElement("button", { className: secondaryButton, disabled: stage === "committing", onClick: onClose }, "Close"), stage === "preview" ? /* @__PURE__ */ React3.createElement("button", { className: primaryButton, disabled: !canCommit, title: preview?.counts.invalidRows ? "Fix invalid rows before committing" : void 0, onClick: () => void handleCommit() }, icons.checkmark, "Commit import") : null, stage === "committing" ? /* @__PURE__ */ React3.createElement("button", { className: primaryButton, disabled: true }, "Committing...") : null, stage === "complete" ? /* @__PURE__ */ React3.createElement("button", { className: primaryButton, onClick: onClose }, "Done") : null))));
+}
+
+// admin-src/DataView.tsx
+var columnWidthsStoreKey = "raybase-admin-column-widths";
+var rowHeightStoreKey = "raybase-admin-row-height";
+var DynamicDataSheetGrid = DynamicDataSheetGridBase;
+function readStoredWidths(tableName) {
+  try {
+    const store = JSON.parse(localStorage.getItem(columnWidthsStoreKey) ?? "{}");
+    const widths = store?.[tableName];
+    return widths && typeof widths === "object" ? widths : {};
+  } catch {
+    return {};
+  }
+}
+function writeStoredWidths(tableName, widths) {
+  try {
+    const parsed = JSON.parse(localStorage.getItem(columnWidthsStoreKey) ?? "{}");
+    const store = parsed && typeof parsed === "object" ? parsed : {};
+    if (Object.keys(widths).length) store[tableName] = widths;
+    else delete store[tableName];
+    localStorage.setItem(columnWidthsStoreKey, JSON.stringify(store));
+  } catch {
+  }
+}
+function columnAllowsClear(column) {
+  return !column.required && !column.primaryKey && !column.auto;
+}
+function recordTitle(row, table) {
+  for (const key of ["name", "title", "email", "label"]) {
+    const value = row[key];
+    if (typeof value === "string" && value.trim()) return value;
+  }
+  for (const [key, column] of Object.entries(table.columns)) {
+    if (column.primaryKey || column.kind === "id") continue;
+    const value = row[key];
+    if (typeof value === "string" && value.trim()) return value;
+  }
+  return rowKey(row) || "New record";
+}
+function UnsavedChangesDialog({ onCancel, onDiscard }) {
+  useEffect3(() => {
+    const onKey = (event) => {
+      if (event.key === "Escape") onCancel();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [onCancel]);
+  return /* @__PURE__ */ React4.createElement("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", role: "dialog", "aria-modal": "true", "aria-labelledby": "unsaved-changes-title" }, /* @__PURE__ */ React4.createElement("div", { className: "absolute inset-0 bg-zinc-950/30", onClick: onCancel }), /* @__PURE__ */ React4.createElement("div", { className: "relative w-full max-w-md overflow-hidden rounded-xl border border-zinc-200 bg-white shadow-[0_24px_48px_rgb(9_9_11/0.18)]" }, /* @__PURE__ */ React4.createElement("div", { className: "border-b border-zinc-100 px-5 py-4" }, /* @__PURE__ */ React4.createElement("h2", { id: "unsaved-changes-title", className: "m-0 text-[15px] font-semibold text-zinc-900" }, "Discard unsaved changes?")), /* @__PURE__ */ React4.createElement("div", { className: "px-5 py-4 text-sm leading-relaxed text-zinc-600" }, "Your edits in the data grid have not been saved."), /* @__PURE__ */ React4.createElement("div", { className: "flex items-center justify-end gap-2 border-t border-zinc-100 bg-zinc-50/60 px-5 py-4" }, /* @__PURE__ */ React4.createElement("button", { className: secondaryButton, onClick: onCancel }, "Stay"), /* @__PURE__ */ React4.createElement("button", { className: destructiveButton, onClick: onDiscard }, "Discard changes"))));
+}
+var rowHeightOptions = [
+  { id: "short", label: "Short", height: 32, bars: 4 },
+  { id: "medium", label: "Medium", height: 40, bars: 3 },
+  { id: "tall", label: "Tall", height: 56, bars: 2 }
+];
+function readStoredRowHeight() {
+  try {
+    const stored = localStorage.getItem(rowHeightStoreKey);
+    return rowHeightOptions.some((option) => option.id === stored) ? stored : "medium";
+  } catch {
+    return "medium";
+  }
+}
+function writeStoredRowHeight(value) {
+  try {
+    localStorage.setItem(rowHeightStoreKey, value);
+  } catch {
+  }
+}
+function RowHeightToggle({ value, onChange }) {
+  return /* @__PURE__ */ React4.createElement("div", { className: "inline-flex h-9 items-center gap-0.5 rounded-lg border border-zinc-200 bg-white p-0.5", role: "radiogroup", "aria-label": "Row height" }, rowHeightOptions.map((option) => /* @__PURE__ */ React4.createElement(
+    "button",
+    {
+      key: option.id,
+      type: "button",
+      role: "radio",
+      "aria-checked": option.id === value,
+      title: `${option.label} rows`,
+      className: cx(
+        "flex h-7 w-8 items-center justify-center rounded-md transition-colors",
+        option.id === value ? "bg-zinc-100 text-zinc-900" : "text-zinc-400 hover:text-zinc-700"
+      ),
+      onClick: () => onChange(option.id)
+    },
+    /* @__PURE__ */ React4.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": true }, Array.from({ length: option.bars }, (_, index) => {
+      const gap = 18 / (option.bars - 1);
+      const y = 3 + index * gap;
+      return /* @__PURE__ */ React4.createElement("line", { key: index, x1: "4", y1: y, x2: "20", y2: y });
+    }))
+  )));
+}
+function GutterCell({ rowIndex, columnData }) {
+  return /* @__PURE__ */ React4.createElement(
+    "div",
+    {
+      className: "flex h-full w-full cursor-pointer items-center gap-0.5 px-1",
+      title: "Edit record",
+      onMouseDown: (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+      },
+      onClick: (event) => {
+        event.stopPropagation();
+        columnData.onEdit(rowIndex);
+      }
+    },
+    /* @__PURE__ */ React4.createElement("span", { className: "rb-row-edit-icon flex h-5 w-5 shrink-0 items-center justify-center text-zinc-500 transition-opacity", "aria-hidden": "true" }, icons.edit),
+    /* @__PURE__ */ React4.createElement("span", { className: "rb-row-number min-w-0 flex-1 text-center text-[11px] tabular-nums text-zinc-400" }, rowIndex + 1)
+  );
+}
+function renderRecordContextMenuItem(item) {
+  if (item.type === "DELETE_ROW") return /* @__PURE__ */ React4.createElement(React4.Fragment, null, "Delete record");
+  if (item.type === "DELETE_ROWS") {
+    return /* @__PURE__ */ React4.createElement(React4.Fragment, null, "Delete records ", /* @__PURE__ */ React4.createElement("b", null, item.fromRow), " to ", /* @__PURE__ */ React4.createElement("b", null, item.toRow));
+  }
+  if (item.type === "DUPLICATE_ROW") return /* @__PURE__ */ React4.createElement(React4.Fragment, null, "Duplicate record");
+  if (item.type === "DUPLICATE_ROWS") {
+    return /* @__PURE__ */ React4.createElement(React4.Fragment, null, "Duplicate records ", /* @__PURE__ */ React4.createElement("b", null, item.fromRow), " to ", /* @__PURE__ */ React4.createElement("b", null, item.toRow));
+  }
+  if (item.type === "INSERT_ROW_BELLOW") return /* @__PURE__ */ React4.createElement(React4.Fragment, null, "Insert new record");
+  return renderContextMenuItem(item);
+}
+function defaultRow(table) {
+  const next = {};
+  for (const [key, column] of Object.entries(table.columns)) {
+    if (column.primaryKey || column.auto) continue;
+    next[key] = defaultValue(column);
+  }
+  return next;
+}
+function defaultValue(column) {
+  if (column.enumValues?.length) return null;
+  switch (column.kind) {
+    case "boolean":
+      return false;
+    case "integer":
+    case "real":
+      return column.required ? 0 : null;
+    case "date":
+      return column.required ? toIsoDate2(/* @__PURE__ */ new Date()) : null;
+    case "datetime":
+      return column.required ? (/* @__PURE__ */ new Date()).toISOString() : null;
+    case "text":
+    case "longText":
+      return column.required ? "" : null;
+    default:
+      return null;
+  }
+}
+function duplicateRowData(table, row) {
+  const next = {};
+  for (const [key, column] of Object.entries(table.columns)) {
+    if (column.primaryKey || column.auto) continue;
+    next[key] = column.kind === "secret" ? null : row[key] ?? null;
+  }
+  return next;
+}
+function filenameFromDisposition(value) {
+  if (!value) return null;
+  const match = value.match(/filename\*=UTF-8''([^;]+)|filename="?([^"]+)"?/i);
+  const raw = match?.[1] ?? match?.[2];
+  return raw ? decodeURIComponent(raw) : null;
+}
+function DataView({
+  toast,
+  routeTableName,
+  adminOrgId,
+  onCurrentTableChange,
+  onDirtyChange
+}) {
+  const tableNames = useMemo3(() => Object.keys(boot.schema), []);
+  const appTableNames = useMemo3(() => tableNames.filter((name) => !boot.schema[name].system), [tableNames]);
+  const [showSystemTables, setShowSystemTables] = useState3(Boolean(routeTableName && boot.schema[routeTableName]?.system));
+  const [currentTable, setCurrentTable] = useState3(routeTableName && boot.schema[routeTableName] ? routeTableName : appTableNames[0] ?? tableNames[0] ?? "");
+  const [rows, setRows] = useState3([]);
+  const [originalRows, setOriginalRows] = useState3([]);
+  const [sortBy, setSortBy] = useState3("");
+  const [sortDirection, setSortDirection] = useState3("asc");
+  const [filters, setFilters] = useState3([]);
+  const [searchText, setSearchText] = useState3("");
+  const [references, setReferences] = useState3({});
+  const [allowSystemTableEditing, setAllowSystemTableEditing] = useState3(false);
+  const [pendingTable, setPendingTable] = useState3(null);
+  const [pendingShowSystemTables, setPendingShowSystemTables] = useState3(null);
+  const [rowHeightId, setRowHeightId] = useState3(() => readStoredRowHeight());
+  const [expandedIndex, setExpandedIndex] = useState3(null);
+  const [showImportDialog, setShowImportDialog] = useState3(false);
+  const [gridHeight] = useState3(() => Math.max(420, window.innerHeight - 380));
+  const [columnWidths, setColumnWidths] = useState3(() => readStoredWidths(currentTable));
+  const columnWidthsRef = useRef2(columnWidths);
+  columnWidthsRef.current = columnWidths;
+  const table = boot.schema[currentTable];
+  const visibleTableNames = showSystemTables ? tableNames : appTableNames;
+  const systemTableCount = tableNames.length - appTableNames.length;
+  const currentTableIsSystem = Boolean(table?.system);
+  const currentTableHasId = Boolean(table?.columns.id);
+  const currentTableReadOnly = currentTableIsSystem && (!allowSystemTableEditing || !currentTableHasId);
+  const dirty = useMemo3(() => !equalRowSets(rows, originalRows), [rows, originalRows]);
+  useEffect3(() => {
+    onDirtyChange(dirty);
+    return () => onDirtyChange(false);
+  }, [dirty, onDirtyChange]);
+  useEffect3(() => {
+    if (!dirty) return;
+    const onBeforeUnload = (event) => {
+      event.preventDefault();
+      event.returnValue = "";
+    };
+    window.addEventListener("beforeunload", onBeforeUnload);
+    return () => window.removeEventListener("beforeunload", onBeforeUnload);
+  }, [dirty]);
+  useEffect3(() => {
+    if (!showSystemTables && currentTableIsSystem) {
+      const fallback = appTableNames[0] ?? "";
+      setCurrentTable(fallback);
+      if (fallback) onCurrentTableChange(fallback);
+    }
+  }, [showSystemTables, currentTableIsSystem, appTableNames, onCurrentTableChange]);
+  useEffect3(() => {
+    setAllowSystemTableEditing(false);
+    setExpandedIndex(null);
+    setSortBy("");
+    setFilters([]);
+    setSearchText("");
+    setColumnWidths(readStoredWidths(currentTable));
+  }, [currentTable]);
+  const resizeHandlers = useMemo3(
+    () => ({
+      onResize: (key, width) => {
+        columnWidthsRef.current = { ...columnWidthsRef.current, [key]: width };
+        setColumnWidths(columnWidthsRef.current);
+      },
+      onResizeEnd: () => writeStoredWidths(currentTable, columnWidthsRef.current),
+      onResizeReset: (key) => {
+        const next = { ...columnWidthsRef.current };
+        delete next[key];
+        setColumnWidths(next);
+        writeStoredWidths(currentTable, next);
+      }
+    }),
+    [currentTable]
+  );
+  const sortHandlers = useMemo3(
+    () => ({
+      activeKey: sortBy,
+      direction: sortDirection
+    }),
+    [sortBy, sortDirection]
+  );
+  useEffect3(() => {
+    if (routeTableName && boot.schema[routeTableName] && routeTableName !== currentTable) {
+      setCurrentTable(routeTableName);
+      if (boot.schema[routeTableName].system) setShowSystemTables(true);
+    }
+  }, [currentTable, routeTableName]);
+  const discardLocalChanges = () => {
+    setRows(originalRows);
+    setExpandedIndex(null);
+  };
+  const requestTableChange = (name) => {
+    if (name === currentTable) return;
+    if (dirty) {
+      setPendingTable(name);
+      return;
+    }
+    setCurrentTable(name);
+    onCurrentTableChange(name);
+  };
+  const requestShowSystemTables = (checked) => {
+    if (!checked && currentTableIsSystem && dirty) {
+      setPendingShowSystemTables(checked);
+      return;
+    }
+    setShowSystemTables(checked);
+  };
+  const requestRowHeight = (next) => {
+    setRowHeightId(next);
+    writeStoredRowHeight(next);
+  };
+  useEffect3(() => {
+    if (!table) return;
+    const loadReferences = async () => {
+      const entries = await Promise.all(
+        Object.entries(table.columns).filter(([, column]) => column.references).map(async ([key]) => {
+          const params = adminOrgId ? `?adminOrgId=${encodeURIComponent(adminOrgId)}` : "";
+          return [key, (await api(`/api/admin/references/${currentTable}/${key}${params}`)).options];
+        })
+      );
+      setReferences(Object.fromEntries(entries));
+    };
+    void loadReferences().catch((error) => toast(error.message, "error"));
+  }, [adminOrgId, currentTable, table, toast]);
+  const filterQuery = useMemo3(() => {
+    if (!table) return "";
+    const compiled = compileFilters(table, filters);
+    return Object.keys(compiled).length ? JSON.stringify(compiled) : "";
+  }, [table, filters]);
+  const searchQuery = searchText.trim();
+  const isFiltered = Boolean(filterQuery || searchQuery);
+  const load = async () => {
+    if (!currentTable) return;
+    const params = new URLSearchParams({ admin: "1", limit: "100" });
+    if (adminOrgId) params.set("adminOrgId", adminOrgId);
+    if (sortBy) {
+      params.set("sortBy", sortBy);
+      params.set("sortDirection", sortDirection);
+    }
+    if (filterQuery) params.set("filter", filterQuery);
+    if (searchQuery) params.set("search", searchQuery);
+    const data = await api(`/api/data/${currentTable}?${params}`);
+    setRows(data.rows);
+    setOriginalRows(data.rows);
+  };
+  useEffect3(() => {
+    const handle = window.setTimeout(() => {
+      void load().catch((error) => toast(error.message, "error"));
+    }, 200);
+    return () => window.clearTimeout(handle);
+  }, [adminOrgId, currentTable, sortBy, sortDirection, filterQuery, searchQuery]);
+  const jsonModes = useMemo3(() => {
+    const modes = {};
+    for (const [key, column] of Object.entries(table?.columns ?? {})) {
+      if (column.kind === "json") modes[key] = jsonColumnMode2(originalRows, key);
+    }
+    return modes;
+  }, [table, originalRows]);
+  const tagSuggestions = useMemo3(() => {
+    const suggestions = {};
+    for (const [key, mode] of Object.entries(jsonModes)) {
+      if (mode === "tags") suggestions[key] = collectTagSuggestions2(originalRows, key);
+    }
+    return suggestions;
+  }, [jsonModes, originalRows]);
+  const dirtyCellKeys = useMemo3(() => {
+    const keysByRow = /* @__PURE__ */ new Map();
+    const originalById = new Map(originalRows.map((row) => [rowKey(row), row]));
+    const columnKeys = Object.keys(table?.columns ?? {});
+    rows.forEach((row, rowIndex) => {
+      const id = rowKey(row);
+      const original = id ? originalById.get(id) : void 0;
+      for (const key of columnKeys) {
+        if (JSON.stringify(row[key] ?? null) === JSON.stringify(original?.[key] ?? null)) continue;
+        const keys = keysByRow.get(rowIndex) ?? /* @__PURE__ */ new Set();
+        keys.add(key);
+        keysByRow.set(rowIndex, keys);
+      }
+    });
+    return keysByRow;
+  }, [rows, originalRows, table]);
+  const columns = useMemo3(() => {
+    if (!table) return [];
+    return buildGridColumns({
+      table,
+      rows: originalRows,
+      references,
+      readOnly: currentTableReadOnly,
+      jsonModes,
+      tagSuggestions,
+      dirtyCellKeys,
+      sort: sortHandlers,
+      columnWidths,
+      resize: resizeHandlers
+    });
+  }, [table, originalRows, references, currentTableReadOnly, jsonModes, tagSuggestions, dirtyCellKeys, sortHandlers, columnWidths, resizeHandlers]);
+  const gutterColumn = useMemo3(
+    () => ({
+      basis: 56,
+      component: GutterCell,
+      columnData: { onEdit: (rowIndex) => setExpandedIndex(rowIndex) }
+    }),
+    []
+  );
+  const changeCounts = useMemo3(() => {
+    const originalById = new Map(originalRows.map((row) => [rowKey(row), row]));
+    const currentIds = new Set(rows.map(rowKey).filter(Boolean));
+    let created = 0;
+    let updated = 0;
+    for (const row of rows) {
+      const id = rowKey(row);
+      if (!id) created += 1;
+      else if (!equalRows(row, originalById.get(id) ?? {})) updated += 1;
+    }
+    let deleted = 0;
+    for (const row of originalRows) {
+      const id = rowKey(row);
+      if (id && !currentIds.has(id)) deleted += 1;
+    }
+    return { created, updated, deleted, total: created + updated + deleted };
+  }, [rows, originalRows]);
+  const editableKeys = useMemo3(
+    () => Object.entries(table?.columns ?? {}).filter(([, column]) => !column.primaryKey && !column.auto).map(([key]) => key),
+    [table]
+  );
+  const createPayload = (row) => Object.fromEntries(editableKeys.map((key) => [key, row[key] ?? null]));
+  const updatePayload = (row, original) => Object.fromEntries(
+    editableKeys.filter((key) => JSON.stringify(row[key] ?? null) !== JSON.stringify(original[key] ?? null)).map((key) => [key, row[key] ?? null])
+  );
+  const save = async () => {
+    if (currentTableReadOnly) return;
+    const originalById = new Map(originalRows.map((row) => [rowKey(row), row]));
+    const currentIds = new Set(rows.map(rowKey).filter(Boolean));
+    for (const row of rows) {
+      const id = rowKey(row);
+      if (!id) {
+        const params = new URLSearchParams({ admin: "1" });
+        if (adminOrgId) params.set("adminOrgId", adminOrgId);
+        await api(`/api/data/${currentTable}?${params}`, { method: "POST", body: JSON.stringify(createPayload(row)) });
+      } else if (!equalRows(row, originalById.get(id) ?? {})) {
+        const payload = updatePayload(row, originalById.get(id) ?? {});
+        if (!Object.keys(payload).length) continue;
+        const params = new URLSearchParams({ admin: "1" });
+        if (adminOrgId) params.set("adminOrgId", adminOrgId);
+        await api(`/api/data/${currentTable}/${id}?${params}`, { method: "PATCH", body: JSON.stringify(payload) });
+      }
+    }
+    for (const row of originalRows) {
+      const id = rowKey(row);
+      if (id && !currentIds.has(id)) {
+        const params = new URLSearchParams({ admin: "1" });
+        if (adminOrgId) params.set("adminOrgId", adminOrgId);
+        await api(`/api/data/${currentTable}/${id}?${params}`, { method: "DELETE", body: "{}" });
+      }
+    }
+    setExpandedIndex(null);
+    await load();
+    toast("Saved");
+  };
+  const exportCsv = async () => {
+    if (!table || dirty) return;
+    const params = new URLSearchParams();
+    if (adminOrgId) params.set("adminOrgId", adminOrgId);
+    if (sortBy) {
+      params.set("sortBy", sortBy);
+      params.set("sortDirection", sortDirection);
+    }
+    if (filterQuery) params.set("filter", filterQuery);
+    if (searchQuery) params.set("search", searchQuery);
+    const query = params.toString();
+    const res = await fetch(`/api/admin/export/${encodeURIComponent(currentTable)}/csv${query ? `?${query}` : ""}`);
+    if (!res.ok) {
+      const data = await res.json().catch(() => ({}));
+      throw new Error(typeof data.error === "string" ? data.error : "CSV export failed");
+    }
+    const blob = await res.blob();
+    const link = document.createElement("a");
+    link.href = URL.createObjectURL(blob);
+    link.download = filenameFromDisposition(res.headers.get("content-disposition")) ?? `${currentTable}.csv`;
+    link.click();
+    URL.revokeObjectURL(link.href);
+    toast(isFiltered ? "Filtered CSV exported" : "CSV exported");
+  };
+  const onImportCommitted = async (run) => {
+    setExpandedIndex(null);
+    await load();
+    toast(run.status === "reverted" ? "Import reverted" : `Imported ${run.insertedRows} ${run.insertedRows === 1 ? "row" : "rows"}`);
+  };
+  const rowHeight = rowHeightOptions.find((option) => option.id === rowHeightId)?.height ?? 40;
+  const expandedRow = expandedIndex !== null ? rows[expandedIndex] : void 0;
+  const exportDisabledReason = !table ? "Choose a table first" : dirty ? "Save or discard grid edits before exporting" : "";
+  const importDisabledReason = !table ? "Choose a table first" : dirty ? "Save or discard grid edits before importing" : currentTableReadOnly ? currentTableIsSystem ? "Enable system-table editing first" : "This table is read-only" : "";
+  const applyColumnSort = (columnKey, direction) => {
+    if (dirty) return;
+    setSortBy(columnKey);
+    setSortDirection(direction);
+  };
+  const GridContextMenu = ({ clientX, clientY, cursorIndex: rawCursorIndex, items, close }) => {
+    const menuRef = useRef2(null);
+    const cursorIndex = rawCursorIndex;
+    const columnKeys = table ? Object.keys(table.columns) : [];
+    const cursorColumnKey = cursorIndex && cursorIndex.col >= 0 ? columnKeys[cursorIndex.col] : void 0;
+    const cursorColumn = cursorColumnKey && table ? table.columns[cursorColumnKey] : void 0;
+    const sortColumnKey = cursorIndex?.row === -1 ? cursorColumnKey : void 0;
+    const sortColumn = sortColumnKey && table && table.columns[sortColumnKey]?.kind !== "secret" ? table.columns[sortColumnKey] : void 0;
+    const cursorRowIndex = cursorIndex && cursorIndex.row >= 0 && cursorIndex.row < rows.length ? cursorIndex.row : null;
+    const isDataCell = Boolean(cursorRowIndex !== null && cursorColumnKey && cursorColumn);
+    const cellValue = isDataCell && cursorRowIndex !== null && cursorColumnKey ? rows[cursorRowIndex]?.[cursorColumnKey] : void 0;
+    const clearValueDisabledReason = !isDataCell ? "Choose a cell to clear" : currentTableReadOnly ? "This table is read-only" : !cursorColumn || !columnAllowsClear(cursorColumn) ? "This field cannot be cleared" : isNullValue2(cellValue) ? "Value is already empty" : "";
+    const canClearValue = isDataCell && cursorColumnKey && cursorColumn && !currentTableReadOnly && columnAllowsClear(cursorColumn) && !isNullValue2(cellValue);
+    useEffect3(() => {
+      const onMouseDown = (event) => {
+        if (!menuRef.current?.contains(event.target)) close();
+      };
+      document.addEventListener("mousedown", onMouseDown);
+      return () => document.removeEventListener("mousedown", onMouseDown);
+    }, [close]);
+    const sort = (direction) => {
+      if (!sortColumnKey || dirty) return;
+      applyColumnSort(sortColumnKey, direction);
+      close();
+    };
+    const editRecord = () => {
+      if (cursorRowIndex === null) return;
+      setExpandedIndex(cursorRowIndex);
+      close();
+    };
+    const clearValue = () => {
+      if (!canClearValue || cursorRowIndex === null || !cursorColumnKey) return;
+      setRows((current) => current.map((row, index) => index === cursorRowIndex ? { ...row, [cursorColumnKey]: null } : row));
+      close();
+    };
+    return /* @__PURE__ */ React4.createElement("div", { className: "dsg-context-menu", style: { left: `${clientX}px`, top: `${clientY}px` }, ref: menuRef }, items.map((item, index) => /* @__PURE__ */ React4.createElement("div", { key: `${item.type}-${index}`, onClick: item.action, className: "dsg-context-menu-item" }, renderRecordContextMenuItem(item))), isDataCell ? /* @__PURE__ */ React4.createElement("button", { type: "button", className: "dsg-context-menu-item rb-context-menu-button", onMouseDown: (event) => event.preventDefault(), onClick: editRecord }, "Edit record") : null, isDataCell ? /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement("div", { className: "rb-context-menu-separator" }), /* @__PURE__ */ React4.createElement(
+      "button",
+      {
+        type: "button",
+        className: "dsg-context-menu-item rb-context-menu-button",
+        disabled: !canClearValue,
+        title: clearValueDisabledReason || void 0,
+        onMouseDown: (event) => event.preventDefault(),
+        onClick: clearValue
+      },
+      "Clear value"
+    )) : null, sortColumnKey && sortColumn ? /* @__PURE__ */ React4.createElement(React4.Fragment, null, items.length ? /* @__PURE__ */ React4.createElement("div", { className: "rb-context-menu-separator" }) : null, /* @__PURE__ */ React4.createElement("div", { className: "rb-context-menu-label" }, sortColumn.label), /* @__PURE__ */ React4.createElement("button", { type: "button", className: "dsg-context-menu-item rb-context-menu-button", disabled: dirty, onMouseDown: (event) => event.preventDefault(), onClick: () => sort("asc") }, "Sort ascending", sortBy === sortColumnKey && sortDirection === "asc" ? " (active)" : ""), /* @__PURE__ */ React4.createElement("button", { type: "button", className: "dsg-context-menu-item rb-context-menu-button", disabled: dirty, onMouseDown: (event) => event.preventDefault(), onClick: () => sort("desc") }, "Sort descending", sortBy === sortColumnKey && sortDirection === "desc" ? " (active)" : ""), sortBy === sortColumnKey ? /* @__PURE__ */ React4.createElement(
+      "button",
+      {
+        type: "button",
+        className: "dsg-context-menu-item rb-context-menu-button",
+        disabled: dirty,
+        onMouseDown: (event) => event.preventDefault(),
+        onClick: () => {
+          if (dirty) return;
+          setSortBy("");
+          close();
+        }
+      },
+      "Clear sort"
+    ) : null) : null);
+  };
+  return /* @__PURE__ */ React4.createElement("section", null, /* @__PURE__ */ React4.createElement("div", { className: "mb-6 flex flex-wrap items-center justify-between gap-3" }, /* @__PURE__ */ React4.createElement("div", null, /* @__PURE__ */ React4.createElement("h1", { className: "m-0 text-xl font-semibold leading-tight tracking-tight" }, "Data"), /* @__PURE__ */ React4.createElement("p", { className: "m-0 mt-1 text-sm text-zinc-500" }, "Browse and edit your application tables.")), /* @__PURE__ */ React4.createElement("div", { className: "flex flex-wrap items-center gap-2" }, /* @__PURE__ */ React4.createElement("button", { className: secondaryButton, disabled: Boolean(importDisabledReason), title: importDisabledReason || "Import CSV", onClick: () => setShowImportDialog(true) }, icons.file, "Import CSV"), /* @__PURE__ */ React4.createElement(
+    "button",
+    {
+      className: secondaryButton,
+      disabled: Boolean(exportDisabledReason),
+      title: exportDisabledReason || (isFiltered ? "Export filtered CSV" : "Export CSV"),
+      onClick: () => void exportCsv().catch((error) => toast(error.message, "error"))
+    },
+    icons.data,
+    isFiltered ? "Export filtered CSV" : "Export CSV"
+  ), dirty ? /* @__PURE__ */ React4.createElement("button", { className: secondaryButton, onClick: discardLocalChanges }, "Discard") : null, /* @__PURE__ */ React4.createElement(
+    "button",
+    {
+      className: primaryButton,
+      disabled: currentTableReadOnly || !dirty,
+      title: currentTableReadOnly ? "Enable system table editing first" : !dirty ? "No changes to save" : void 0,
+      onClick: () => void save().catch((error) => toast(error.message, "error"))
+    },
+    changeCounts.total ? `Save ${changeCounts.total} ${changeCounts.total === 1 ? "change" : "changes"}` : "Save changes"
+  ))), /* @__PURE__ */ React4.createElement("div", { className: "mb-4 grid gap-2 md:grid-cols-[minmax(0,1fr)_auto] md:items-start" }, /* @__PURE__ */ React4.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React4.createElement("div", { className: "inline-flex max-w-full rounded-lg bg-zinc-100 p-1" }, /* @__PURE__ */ React4.createElement("div", { className: "flex max-w-full flex-wrap gap-1" }, visibleTableNames.map((name) => /* @__PURE__ */ React4.createElement(
+    "button",
+    {
+      key: name,
+      className: cx(
+        "h-8 rounded-md px-3 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-zinc-400/70",
+        name === currentTable ? `bg-white text-zinc-900 ring-1 ring-zinc-200 ${chipShadow}` : "text-zinc-500 hover:text-zinc-900"
+      ),
+      onClick: () => requestTableChange(name)
+    },
+    /* @__PURE__ */ React4.createElement("span", { className: "inline-flex items-center gap-1.5" }, boot.schema[name].label, boot.schema[name].system ? /* @__PURE__ */ React4.createElement("span", { className: "rounded bg-zinc-200 px-1 py-0.5 text-[10px] font-semibold uppercase text-zinc-500" }, "system") : null)
+  ))))), /* @__PURE__ */ React4.createElement("div", { className: "grid shrink-0 justify-self-start gap-2 md:justify-self-end" }, systemTableCount ? /* @__PURE__ */ React4.createElement("label", { className: "inline-flex h-9 items-center gap-2 rounded-lg border border-zinc-200 bg-white px-3 text-sm font-medium text-zinc-600" }, /* @__PURE__ */ React4.createElement("input", { type: "checkbox", checked: showSystemTables, onChange: (event) => requestShowSystemTables(event.target.checked) }), "System tables") : null)), currentTableIsSystem ? /* @__PURE__ */ React4.createElement("div", { className: cx(cardClass, "mb-4 flex flex-wrap items-center justify-between gap-3 px-4 py-3 text-sm") }, /* @__PURE__ */ React4.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React4.createElement("div", { className: "font-medium text-zinc-900" }, currentTableHasId ? "System table editing is off." : "This system table stays read-only."), /* @__PURE__ */ React4.createElement("div", { className: "mt-0.5 text-zinc-500" }, currentTableHasId ? "Enable the danger setting only for maintenance changes." : "This grid can only save system tables with an id column.")), currentTableHasId ? /* @__PURE__ */ React4.createElement("label", { className: "inline-flex h-9 shrink-0 items-center gap-2 rounded-lg border border-red-200 bg-white px-3 font-medium text-red-700" }, /* @__PURE__ */ React4.createElement("input", { type: "checkbox", checked: allowSystemTableEditing, onChange: (event) => setAllowSystemTableEditing(event.target.checked) }), "Edit system tables") : null) : null, /* @__PURE__ */ React4.createElement("div", { className: "mb-4 flex flex-wrap items-center gap-2" }, table ? /* @__PURE__ */ React4.createElement(
+    FilterBar,
+    {
+      table,
+      references,
+      jsonModes,
+      tagSuggestions,
+      filters,
+      onFiltersChange: setFilters,
+      search: searchText,
+      onSearchChange: setSearchText,
+      disabled: dirty
+    }
+  ) : null, /* @__PURE__ */ React4.createElement("div", { className: "ml-auto" }, /* @__PURE__ */ React4.createElement(RowHeightToggle, { value: rowHeightId, onChange: requestRowHeight }))), /* @__PURE__ */ React4.createElement("div", { className: cx(cardClass, "relative overflow-hidden", !rows.length && isFiltered && !dirty && "min-h-64") }, !rows.length && isFiltered && !dirty ? /* @__PURE__ */ React4.createElement("div", { className: "pointer-events-none absolute inset-x-0 top-24 z-10 flex justify-center" }, /* @__PURE__ */ React4.createElement("div", { className: "pointer-events-auto flex flex-col items-center gap-2 px-6 py-4 text-center" }, /* @__PURE__ */ React4.createElement("div", { className: "text-sm font-medium text-zinc-900" }, "No records match"), /* @__PURE__ */ React4.createElement("div", { className: "text-[13px] text-zinc-500" }, "Try adjusting the filters or search."), /* @__PURE__ */ React4.createElement(
+    "button",
+    {
+      type: "button",
+      className: "mt-1 inline-flex h-8 items-center rounded-lg border border-zinc-200 bg-white px-3 text-sm font-medium text-zinc-700 transition-colors hover:border-zinc-300 hover:bg-zinc-50",
+      onClick: () => {
+        setFilters([]);
+        setSearchText("");
+      }
+    },
+    "Clear filters"
+  ))) : null, /* @__PURE__ */ React4.createElement(
+    DynamicDataSheetGrid,
+    {
+      key: currentTable,
+      value: rows,
+      onChange: setRows,
+      columns,
+      gutterColumn,
+      height: gridHeight,
+      rowHeight,
+      createRow: () => table ? defaultRow(table) : {},
+      duplicateRow: ({ rowData }) => table ? duplicateRowData(table, rowData) : { ...rowData },
+      lockRows: currentTableReadOnly,
+      contextMenuComponent: GridContextMenu,
+      addRowsComponent: currentTableReadOnly ? false : ({ addRows }) => /* @__PURE__ */ React4.createElement("div", { className: "flex w-full items-center justify-between bg-white px-2 py-1.5" }, /* @__PURE__ */ React4.createElement(
+        "button",
+        {
+          type: "button",
+          className: "inline-flex h-8 items-center gap-2 rounded-md px-2.5 text-sm font-medium text-zinc-500 transition-colors hover:bg-zinc-100 hover:text-zinc-900",
+          onClick: () => addRows(1)
+        },
+        icons.plus,
+        "New record"
+      ), /* @__PURE__ */ React4.createElement("span", { className: "px-2 text-xs tabular-nums text-zinc-400" }, rows.length, " ", rows.length === 1 ? "record" : "records", isFiltered ? " \xB7 filtered" : ""))
+    }
+  )), expandedRow && table ? /* @__PURE__ */ React4.createElement(
+    RecordPanel,
+    {
+      table,
+      row: expandedRow,
+      rowIndex: expandedIndex ?? 0,
+      total: rows.length,
+      references,
+      jsonModes,
+      tagSuggestions,
+      readOnly: currentTableReadOnly,
+      getRowId: rowKey,
+      getRecordTitle: recordTitle,
+      onChange: (next) => setRows((current) => current.map((row, index) => index === expandedIndex ? next : row)),
+      onNavigate: (delta) => setExpandedIndex((current) => Math.max(0, Math.min(rows.length - 1, (current ?? 0) + delta))),
+      onDelete: () => {
+        setRows((current) => current.filter((_, index) => index !== expandedIndex));
+        setExpandedIndex(null);
+      },
+      onClose: () => setExpandedIndex(null)
+    }
+  ) : null, pendingTable ? /* @__PURE__ */ React4.createElement(
+    UnsavedChangesDialog,
+    {
+      onCancel: () => setPendingTable(null),
+      onDiscard: () => {
+        const next = pendingTable;
+        setPendingTable(null);
+        discardLocalChanges();
+        setCurrentTable(next);
+        onCurrentTableChange(next);
+      }
+    }
+  ) : null, pendingShowSystemTables !== null ? /* @__PURE__ */ React4.createElement(
+    UnsavedChangesDialog,
+    {
+      onCancel: () => setPendingShowSystemTables(null),
+      onDiscard: () => {
+        const next = pendingShowSystemTables;
+        setPendingShowSystemTables(null);
+        discardLocalChanges();
+        setShowSystemTables(next);
+      }
+    }
+  ) : null, showImportDialog && table ? /* @__PURE__ */ React4.createElement(
+    CsvImportDialog,
+    {
+      tableName: currentTable,
+      table,
+      references,
+      allowSystemTables: currentTableIsSystem && allowSystemTableEditing,
+      adminOrgId,
+      toast,
+      onClose: () => setShowImportDialog(false),
+      onCommitted: onImportCommitted
+    }
+  ) : null);
+}
+
+// admin-src/NotificationsView.tsx
+import React5, { useEffect as useEffect4, useState as useState4 } from "react";
+var deliveryStatusChoices = ["pending", "processing", "delivered", "failed", "permanent_failure", "skipped_local"];
+var inboundStatusChoices = ["verified", "processed", "handler_failed", "verification_failed", "parse_failed"];
+function adminUrl(path, adminOrgId, params = {}) {
+  const search = new URLSearchParams();
+  if (adminOrgId) search.set("adminOrgId", adminOrgId);
+  for (const [key, value] of Object.entries(params)) {
+    if (value) search.set(key, value);
+  }
+  const query = search.toString();
+  return query ? `${path}?${query}` : path;
+}
+function asText(value, fallback = "-") {
+  if (value === null || value === void 0 || value === "") return fallback;
+  return String(value);
+}
+function asCount(value) {
+  return Number(value ?? 0) || 0;
+}
+function unique(values) {
+  return Array.from(new Set(values.filter((value) => Boolean(value)))).sort();
+}
+function compactId(value) {
+  const text = asText(value);
+  return text.length > 22 ? `${text.slice(0, 10)}...${text.slice(-8)}` : text;
+}
+function redactForDisplay(value, key = "", depth = 0) {
+  if (depth > 5) return "[truncated]";
+  const lower = key.toLowerCase();
+  if (/secret|token|authorization|signature|password|cookie|authheader/.test(lower)) return "[redacted]";
+  if (/webhook|url|href/.test(lower) && typeof value === "string" && /^https?:/i.test(value)) return "[redacted-url]";
+  if (/recipients|recipientlist|channeltargets/.test(lower) && Array.isArray(value) && value.length > 3) return `[${value.length} entries redacted]`;
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    if ((trimmed.startsWith("{") || trimmed.startsWith("[")) && trimmed.length < 2e4) {
+      try {
+        return redactForDisplay(JSON.parse(trimmed), key, depth + 1);
+      } catch {
+        return value.length > 1200 ? `${value.slice(0, 1200)}...` : value;
+      }
+    }
+    return value.length > 1200 ? `${value.slice(0, 1200)}...` : value;
+  }
+  if (Array.isArray(value)) return value.slice(0, 20).map((item) => redactForDisplay(item, key, depth + 1));
+  if (value && typeof value === "object") {
+    return Object.fromEntries(Object.entries(value).map(([childKey, childValue]) => [childKey, redactForDisplay(childValue, childKey, depth + 1)]));
+  }
+  return value;
+}
+function JsonPreview({ value, empty = "-" }) {
+  if (value === null || value === void 0 || value === "") return /* @__PURE__ */ React5.createElement("span", { className: "text-zinc-400" }, empty);
+  const redacted = redactForDisplay(value);
+  const text = typeof redacted === "string" ? redacted : JSON.stringify(redacted, null, 2);
+  return /* @__PURE__ */ React5.createElement("pre", { className: "m-0 max-h-64 overflow-auto whitespace-pre-wrap rounded-lg bg-zinc-950 p-3 font-mono text-xs leading-relaxed text-zinc-100" }, text);
+}
+function StatusPill2({ status }) {
+  const tone = status === "delivered" || status === "processed" ? "border-emerald-200 bg-emerald-50 text-emerald-700" : status === "failed" || status === "permanent_failure" || status === "handler_failed" || status === "verification_failed" || status === "parse_failed" ? "border-red-200 bg-red-50 text-red-700" : status === "pending" || status === "processing" || status === "verified" ? "border-blue-200 bg-blue-50 text-blue-700" : "border-zinc-200 bg-zinc-50 text-zinc-600";
+  return /* @__PURE__ */ React5.createElement("span", { className: cx("inline-flex rounded-md border px-1.5 py-0.5 font-mono text-[11px]", tone) }, status);
+}
+function CountCard({ label, detail, count }) {
+  return /* @__PURE__ */ React5.createElement("div", { className: cx(cardClass, "min-w-0 p-4") }, /* @__PURE__ */ React5.createElement("div", { className: "truncate text-xs font-semibold uppercase tracking-wider text-zinc-500" }, label), /* @__PURE__ */ React5.createElement("div", { className: "mt-2 text-2xl font-semibold tabular-nums text-zinc-950" }, count), detail ? /* @__PURE__ */ React5.createElement("div", { className: "mt-1 truncate text-xs text-zinc-500" }, detail) : null);
+}
+function FieldValue({ label, value }) {
+  return /* @__PURE__ */ React5.createElement("div", null, /* @__PURE__ */ React5.createElement("div", { className: "text-xs text-zinc-500" }, label), /* @__PURE__ */ React5.createElement("div", { className: "mt-0.5 break-all text-sm text-zinc-800" }, value));
+}
+function NotificationsView({ toast, adminOrgId }) {
+  const [summary, setSummary] = useState4({ adapters: [], deliveryCounts: [], inboundCounts: [] });
+  const [deliveries, setDeliveries] = useState4([]);
+  const [inbound, setInbound] = useState4([]);
+  const [throttles, setThrottles] = useState4([]);
+  const [pushSubscriptions, setPushSubscriptions] = useState4([]);
+  const [deliveryStatus, setDeliveryStatus] = useState4("");
+  const [deliveryChannel, setDeliveryChannel] = useState4("");
+  const [deliveryAdapter, setDeliveryAdapter] = useState4("");
+  const [inboundStatus, setInboundStatus] = useState4("");
+  const [inboundAdapter, setInboundAdapter] = useState4("");
+  const [selectedDelivery, setSelectedDelivery] = useState4(null);
+  const [deliveryDetail, setDeliveryDetail] = useState4(null);
+  const [selectedInbound, setSelectedInbound] = useState4(null);
+  const [inboundDetail, setInboundDetail] = useState4(null);
+  const [supportSubscription, setSupportSubscription] = useState4({ kind: "support.request.created", enabled: false, channels: ["feed"] });
+  const [loading, setLoading] = useState4(true);
+  const [retrying, setRetrying] = useState4(false);
+  const [resettingThrottle, setResettingThrottle] = useState4(null);
+  const [savingSubscription, setSavingSubscription] = useState4(false);
+  const [revokingPush, setRevokingPush] = useState4(null);
+  const load = async () => {
+    setLoading(true);
+    try {
+      const [summaryData, deliveryData, inboundData, throttleData, subscriptionData, pushData] = await Promise.all([
+        api(adminUrl("/api/admin/notifications/summary", adminOrgId)),
+        api(
+          adminUrl("/api/admin/notifications/deliveries", adminOrgId, { status: deliveryStatus, channel: deliveryChannel, adapter: deliveryAdapter })
+        ),
+        api(adminUrl("/api/admin/notifications/inbound", adminOrgId, { status: inboundStatus, adapter: inboundAdapter })),
+        api(adminUrl("/api/admin/notifications/throttles", adminOrgId)),
+        api(adminUrl("/api/admin/support/notification-subscription", adminOrgId)),
+        boot.webPushEnabled ? api(adminUrl("/api/admin/notifications/push/subscriptions", adminOrgId)) : Promise.resolve({ counts: [], subscriptions: [] })
+      ]);
+      setSummary({
+        adapters: summaryData.adapters ?? [],
+        deliveryCounts: summaryData.deliveryCounts ?? [],
+        inboundCounts: summaryData.inboundCounts ?? []
+      });
+      setDeliveries(deliveryData.deliveries ?? []);
+      setInbound(inboundData.events ?? []);
+      setThrottles(throttleData.throttles ?? []);
+      setPushSubscriptions(pushData.subscriptions ?? []);
+      setSupportSubscription({
+        kind: subscriptionData.kind,
+        enabled: subscriptionData.enabled,
+        channels: subscriptionData.channels?.length ? subscriptionData.channels : ["feed"]
+      });
+    } finally {
+      setLoading(false);
+    }
+  };
+  useEffect4(() => {
+    void load().catch((error) => toast(error.message, "error"));
+  }, [adminOrgId, deliveryStatus, deliveryChannel, deliveryAdapter, inboundStatus, inboundAdapter]);
+  const selectDelivery = async (row) => {
+    setSelectedDelivery(row);
+    const detail = await api(adminUrl(`/api/admin/notifications/deliveries/${encodeURIComponent(row.id)}`, adminOrgId));
+    setDeliveryDetail(detail);
+  };
+  const selectInbound = async (row) => {
+    setSelectedInbound(row);
+    const detail = await api(adminUrl(`/api/admin/notifications/inbound/${encodeURIComponent(row.id)}`, adminOrgId));
+    setInboundDetail(detail.detail ?? detail);
+  };
+  const retryDelivery = async () => {
+    if (!selectedDelivery) return;
+    setRetrying(true);
+    try {
+      await api(adminUrl(`/api/admin/notifications/deliveries/${encodeURIComponent(selectedDelivery.id)}/retry`, adminOrgId), { method: "POST", body: "{}" });
+      toast("Retry queued");
+      setSelectedDelivery(null);
+      setDeliveryDetail(null);
+      await load();
+    } finally {
+      setRetrying(false);
+    }
+  };
+  const resetThrottle = async (row) => {
+    setResettingThrottle(row.id);
+    try {
+      await api(adminUrl(`/api/admin/notifications/throttles/${encodeURIComponent(row.id)}/reset`, adminOrgId), { method: "POST", body: "{}" });
+      toast("Throttle window reset");
+      await load();
+    } finally {
+      setResettingThrottle(null);
+    }
+  };
+  const updateSupportSubscription = async (enabled) => {
+    setSavingSubscription(true);
+    try {
+      const result = await api(adminUrl("/api/admin/support/notification-subscription", adminOrgId), {
+        method: "PUT",
+        body: JSON.stringify({ enabled, channels: supportSubscription.channels?.length ? supportSubscription.channels : ["feed"] })
+      });
+      setSupportSubscription(result.subscription);
+      toast(enabled ? "Support request notifications enabled" : "Support request notifications disabled");
+    } finally {
+      setSavingSubscription(false);
+    }
+  };
+  const revokePushSubscription = async (row) => {
+    setRevokingPush(row.id);
+    try {
+      await api(adminUrl(`/api/admin/notifications/push/subscriptions/${encodeURIComponent(row.id)}`, adminOrgId), { method: "DELETE", body: "{}" });
+      toast("Push subscription revoked");
+      await load();
+    } finally {
+      setRevokingPush(null);
+    }
+  };
+  const deliveryStatusOptions = unique([...deliveryStatusChoices, ...summary.deliveryCounts.map((row) => row.status), ...deliveries.map((row) => asText(row.status, ""))]);
+  const deliveryChannelOptions = unique([...summary.adapters.map((adapter) => adapter.channel), ...summary.deliveryCounts.map((row) => row.channel), ...deliveries.map((row) => asText(row.channel, ""))]);
+  const deliveryAdapterOptions = unique([...summary.adapters.map((adapter) => adapter.adapter), ...summary.deliveryCounts.map((row) => row.adapter), ...deliveries.map((row) => asText(row.adapter, ""))]);
+  const inboundStatusOptions = unique([...inboundStatusChoices, ...summary.inboundCounts.map((row) => row.status), ...inbound.map((row) => asText(row.status, ""))]);
+  const inboundAdapterOptions = unique([...summary.inboundCounts.map((row) => row.adapter), ...inbound.map((row) => asText(row.adapter, ""))]);
+  const detailDelivery = deliveryDetail?.delivery ?? selectedDelivery;
+  const attempts = deliveryDetail?.attempts ?? [];
+  const retryable = detailDelivery ? ["failed", "permanent_failure"].includes(asText(detailDelivery.status, "")) : false;
+  const totalDeliveries = summary.deliveryCounts.reduce((sum, row) => sum + asCount(row.count), 0);
+  const failedDeliveries = summary.deliveryCounts.filter((row) => ["failed", "permanent_failure"].includes(asText(row.status, ""))).reduce((sum, row) => sum + asCount(row.count), 0);
+  const totalInbound = summary.inboundCounts.reduce((sum, row) => sum + asCount(row.count), 0);
+  const totalSuppressed = throttles.reduce((sum, row) => sum + asCount(row.suppressedCount), 0);
+  return /* @__PURE__ */ React5.createElement("section", null, /* @__PURE__ */ React5.createElement("div", { className: "mb-6 flex flex-wrap items-center justify-between gap-3" }, /* @__PURE__ */ React5.createElement("div", null, /* @__PURE__ */ React5.createElement("h1", { className: "m-0 text-xl font-semibold leading-tight tracking-tight" }, "Notifications"), /* @__PURE__ */ React5.createElement("p", { className: "m-0 mt-1 text-sm text-zinc-500" }, "Delivery, retry, and inbound webhook evidence.")), /* @__PURE__ */ React5.createElement("button", { className: secondaryButton, onClick: () => void load().catch((error) => toast(error.message, "error")) }, icons.refresh, "Refresh")), /* @__PURE__ */ React5.createElement("div", { className: "mb-6 grid gap-3 sm:grid-cols-2 xl:grid-cols-5" }, /* @__PURE__ */ React5.createElement(CountCard, { label: "Adapters", detail: summary.adapters.length ? "External channels" : "Feed only", count: summary.adapters.length }), /* @__PURE__ */ React5.createElement(CountCard, { label: "Deliveries", detail: "All statuses", count: totalDeliveries }), /* @__PURE__ */ React5.createElement(CountCard, { label: "Failures", detail: "Needs attention", count: failedDeliveries }), /* @__PURE__ */ React5.createElement(CountCard, { label: "Inbound events", detail: "All statuses", count: totalInbound }), /* @__PURE__ */ React5.createElement(CountCard, { label: "Throttled", detail: "Active suppressions", count: totalSuppressed })), /* @__PURE__ */ React5.createElement("div", { className: cx(cardClass, "mb-6 flex flex-wrap items-center justify-between gap-4 p-4") }, /* @__PURE__ */ React5.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React5.createElement("div", { className: "text-sm font-semibold text-zinc-950" }, "Support requests"), /* @__PURE__ */ React5.createElement("div", { className: "mt-1 text-sm text-zinc-500" }, "Notify me when a new support request is created.")), /* @__PURE__ */ React5.createElement(
+    "button",
+    {
+      className: supportSubscription.enabled ? secondaryButton : primaryButton,
+      disabled: savingSubscription,
+      onClick: () => void updateSupportSubscription(!supportSubscription.enabled).catch((error) => toast(error.message, "error"))
+    },
+    icons.bell,
+    supportSubscription.enabled ? "Subscribed" : "Subscribe"
+  )), /* @__PURE__ */ React5.createElement("div", { className: cx(cardClass, "mb-6 overflow-hidden") }, /* @__PURE__ */ React5.createElement("div", { className: "border-b border-zinc-100 px-4 py-3 text-sm font-semibold" }, "Adapters"), summary.adapters.length ? /* @__PURE__ */ React5.createElement("div", { className: "grid gap-3 p-4 md:grid-cols-2 xl:grid-cols-3" }, summary.adapters.map((adapter) => /* @__PURE__ */ React5.createElement("div", { key: `${adapter.channel}:${adapter.adapter}`, className: "rounded-lg border border-zinc-200 p-3" }, /* @__PURE__ */ React5.createElement("div", { className: "flex flex-wrap items-center gap-2" }, /* @__PURE__ */ React5.createElement(StatusPill2, { status: adapter.channel }), /* @__PURE__ */ React5.createElement("span", { className: "font-mono text-xs text-zinc-600" }, adapter.adapter)), adapter.description ? /* @__PURE__ */ React5.createElement("div", { className: "mt-2 text-sm text-zinc-500" }, adapter.description) : null))) : /* @__PURE__ */ React5.createElement("div", { className: "px-4 py-6 text-sm text-zinc-500" }, "No external adapters are registered. Feed notifications remain available.")), boot.webPushEnabled ? /* @__PURE__ */ React5.createElement("div", { className: "mb-8" }, /* @__PURE__ */ React5.createElement("div", { className: "mb-3 flex flex-wrap items-end justify-between gap-3" }, /* @__PURE__ */ React5.createElement("div", null, /* @__PURE__ */ React5.createElement("h2", { className: "m-0 text-base font-semibold" }, "Push subscriptions"), /* @__PURE__ */ React5.createElement("p", { className: "m-0 mt-1 text-sm text-zinc-500" }, "Capability URLs and encryption keys stay hidden; only origins and endpoint hash prefixes are shown."))), /* @__PURE__ */ React5.createElement("div", { className: tableWrapClass }, /* @__PURE__ */ React5.createElement("table", { className: "w-full min-w-[960px] border-collapse" }, /* @__PURE__ */ React5.createElement("thead", null, /* @__PURE__ */ React5.createElement("tr", null, /* @__PURE__ */ React5.createElement("th", { className: thClass }, "User / device"), /* @__PURE__ */ React5.createElement("th", { className: thClass }, "Push service"), /* @__PURE__ */ React5.createElement("th", { className: thClass }, "Status"), /* @__PURE__ */ React5.createElement("th", { className: thClass }, "Failures"), /* @__PURE__ */ React5.createElement("th", { className: thClass }, "Last used"), /* @__PURE__ */ React5.createElement("th", { className: thClass }))), /* @__PURE__ */ React5.createElement("tbody", null, pushSubscriptions.map((row) => /* @__PURE__ */ React5.createElement("tr", { key: row.id, className: "transition-colors hover:bg-zinc-50/60" }, /* @__PURE__ */ React5.createElement("td", { className: tdClass }, /* @__PURE__ */ React5.createElement("div", null, row.label || "Unnamed device"), /* @__PURE__ */ React5.createElement("div", { className: "font-mono text-[11px] text-zinc-500" }, compactId(row.userId))), /* @__PURE__ */ React5.createElement("td", { className: tdClass }, /* @__PURE__ */ React5.createElement("div", { className: "text-sm" }, row.endpointOrigin), /* @__PURE__ */ React5.createElement("div", { className: "font-mono text-[11px] text-zinc-500" }, row.endpointHashPrefix)), /* @__PURE__ */ React5.createElement("td", { className: tdClass }, /* @__PURE__ */ React5.createElement(StatusPill2, { status: row.status })), /* @__PURE__ */ React5.createElement("td", { className: cx(tdClass, "tabular-nums text-zinc-600") }, row.failureCount), /* @__PURE__ */ React5.createElement("td", { className: cx(tdClass, "whitespace-nowrap text-zinc-500") }, formatDateTime(row.lastUsedAt || row.lastSeenAt)), /* @__PURE__ */ React5.createElement("td", { className: cx(tdClass, "text-right") }, /* @__PURE__ */ React5.createElement("button", { className: dangerButton, disabled: revokingPush === row.id || row.status === "revoked", onClick: () => void revokePushSubscription(row).catch((error) => toast(error.message, "error")) }, icons.trash, "Revoke")))), !pushSubscriptions.length ? /* @__PURE__ */ React5.createElement("tr", null, /* @__PURE__ */ React5.createElement("td", { className: cx(tdClass, "py-10 text-center text-zinc-500"), colSpan: 6 }, loading ? "Loading push subscriptions..." : "No push subscriptions.")) : null)))) : null, /* @__PURE__ */ React5.createElement("div", { className: "mb-8" }, /* @__PURE__ */ React5.createElement("div", { className: "mb-3 flex flex-wrap items-end justify-between gap-3" }, /* @__PURE__ */ React5.createElement("h2", { className: "m-0 text-base font-semibold" }, "Throttles")), /* @__PURE__ */ React5.createElement("div", { className: tableWrapClass }, /* @__PURE__ */ React5.createElement("table", { className: "w-full min-w-[880px] border-collapse" }, /* @__PURE__ */ React5.createElement("thead", null, /* @__PURE__ */ React5.createElement("tr", null, /* @__PURE__ */ React5.createElement("th", { className: thClass }, "Key"), /* @__PURE__ */ React5.createElement("th", { className: thClass }, "Recipient"), /* @__PURE__ */ React5.createElement("th", { className: thClass }, "Reopens"), /* @__PURE__ */ React5.createElement("th", { className: thClass }, "Suppressed"), /* @__PURE__ */ React5.createElement("th", { className: thClass }, "Last suppressed"), /* @__PURE__ */ React5.createElement("th", { className: thClass }))), /* @__PURE__ */ React5.createElement("tbody", null, throttles.map((row) => {
+    const lastSuppressed = row.lastSuppressed && typeof row.lastSuppressed === "object" ? row.lastSuppressed : null;
+    return /* @__PURE__ */ React5.createElement("tr", { key: row.id, className: "transition-colors hover:bg-zinc-50/60" }, /* @__PURE__ */ React5.createElement("td", { className: tdClass }, /* @__PURE__ */ React5.createElement("div", { className: "font-mono text-xs" }, row.throttleKey), /* @__PURE__ */ React5.createElement("div", { className: "font-mono text-[11px] text-zinc-500" }, compactId(row.id))), /* @__PURE__ */ React5.createElement("td", { className: cx(tdClass, "font-mono text-xs text-zinc-600") }, asText(row.maskedRecipientSubjectId ?? row.recipientSubjectId)), /* @__PURE__ */ React5.createElement("td", { className: cx(tdClass, "whitespace-nowrap text-zinc-500") }, formatDateTime(row.windowExpiresAt)), /* @__PURE__ */ React5.createElement("td", { className: cx(tdClass, "tabular-nums text-zinc-600") }, asText(row.suppressedCount, "0")), /* @__PURE__ */ React5.createElement("td", { className: tdClass }, /* @__PURE__ */ React5.createElement("div", { className: "max-w-[320px] truncate" }, asText(lastSuppressed?.title)), /* @__PURE__ */ React5.createElement("div", { className: "font-mono text-[11px] text-zinc-500" }, formatDateTime(lastSuppressed?.createdAt))), /* @__PURE__ */ React5.createElement("td", { className: cx(tdClass, "text-right") }, /* @__PURE__ */ React5.createElement("button", { className: dangerButton, disabled: resettingThrottle === row.id, onClick: () => void resetThrottle(row).catch((error) => toast(error.message, "error")) }, icons.trash, "Reset")));
+  }), !throttles.length ? /* @__PURE__ */ React5.createElement("tr", null, /* @__PURE__ */ React5.createElement("td", { className: cx(tdClass, "py-10 text-center text-zinc-500"), colSpan: 6 }, loading ? "Loading throttle windows..." : "No active notification throttle windows.")) : null)))), /* @__PURE__ */ React5.createElement("div", { className: "mb-8" }, /* @__PURE__ */ React5.createElement("div", { className: "mb-3 flex flex-wrap items-end justify-between gap-3" }, /* @__PURE__ */ React5.createElement("h2", { className: "m-0 text-base font-semibold" }, "Deliveries"), /* @__PURE__ */ React5.createElement("div", { className: actionRowClass }, /* @__PURE__ */ React5.createElement("select", { className: selectClass, value: deliveryStatus, onChange: (event) => setDeliveryStatus(event.target.value) }, /* @__PURE__ */ React5.createElement("option", { value: "" }, "All statuses"), deliveryStatusOptions.map((status) => /* @__PURE__ */ React5.createElement("option", { key: status, value: status }, status))), /* @__PURE__ */ React5.createElement("select", { className: selectClass, value: deliveryChannel, onChange: (event) => setDeliveryChannel(event.target.value) }, /* @__PURE__ */ React5.createElement("option", { value: "" }, "All channels"), deliveryChannelOptions.map((channel) => /* @__PURE__ */ React5.createElement("option", { key: channel, value: channel }, channel))), /* @__PURE__ */ React5.createElement("select", { className: selectClass, value: deliveryAdapter, onChange: (event) => setDeliveryAdapter(event.target.value) }, /* @__PURE__ */ React5.createElement("option", { value: "" }, "All adapters"), deliveryAdapterOptions.map((adapter) => /* @__PURE__ */ React5.createElement("option", { key: adapter, value: adapter }, adapter))))), /* @__PURE__ */ React5.createElement("div", { className: "grid gap-4 xl:grid-cols-[minmax(0,1fr)_420px]" }, /* @__PURE__ */ React5.createElement("div", { className: tableWrapClass }, /* @__PURE__ */ React5.createElement("table", { className: "w-full min-w-[920px] border-collapse" }, /* @__PURE__ */ React5.createElement("thead", null, /* @__PURE__ */ React5.createElement("tr", null, /* @__PURE__ */ React5.createElement("th", { className: thClass }, "Delivery"), /* @__PURE__ */ React5.createElement("th", { className: thClass }, "Status"), /* @__PURE__ */ React5.createElement("th", { className: thClass }, "Channel"), /* @__PURE__ */ React5.createElement("th", { className: thClass }, "Adapter"), /* @__PURE__ */ React5.createElement("th", { className: thClass }, "Attempts"), /* @__PURE__ */ React5.createElement("th", { className: thClass }, "Updated"))), /* @__PURE__ */ React5.createElement("tbody", null, deliveries.map((row) => /* @__PURE__ */ React5.createElement("tr", { key: row.id, className: cx("cursor-pointer transition-colors hover:bg-zinc-50/60", selectedDelivery?.id === row.id && "bg-zinc-50"), onClick: () => void selectDelivery(row).catch((error) => toast(error.message, "error")) }, /* @__PURE__ */ React5.createElement("td", { className: tdClass }, /* @__PURE__ */ React5.createElement("div", { className: "font-mono text-xs" }, compactId(row.id)), /* @__PURE__ */ React5.createElement("div", { className: "font-mono text-[11px] text-zinc-500" }, compactId(row.notificationId))), /* @__PURE__ */ React5.createElement("td", { className: tdClass }, /* @__PURE__ */ React5.createElement(StatusPill2, { status: asText(row.status, "unknown") })), /* @__PURE__ */ React5.createElement("td", { className: tdClass }, asText(row.channel)), /* @__PURE__ */ React5.createElement("td", { className: tdClass }, asText(row.adapter)), /* @__PURE__ */ React5.createElement("td", { className: cx(tdClass, "tabular-nums text-zinc-600") }, asText(row.attempt, "0"), "/", asText(row.maxAttempts, "-")), /* @__PURE__ */ React5.createElement("td", { className: cx(tdClass, "whitespace-nowrap text-zinc-500") }, formatDateTime(row.updatedAt ?? row.createdAt)))), !deliveries.length ? /* @__PURE__ */ React5.createElement("tr", null, /* @__PURE__ */ React5.createElement("td", { className: cx(tdClass, "py-10 text-center text-zinc-500"), colSpan: 6 }, loading ? "Loading deliveries..." : "No notification deliveries match the current filters.")) : null))), /* @__PURE__ */ React5.createElement("aside", { className: cx(cardClass, "min-w-0 overflow-hidden") }, detailDelivery ? /* @__PURE__ */ React5.createElement("div", { className: "grid gap-4 p-4" }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-start justify-between gap-3" }, /* @__PURE__ */ React5.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React5.createElement("h3", { className: "m-0 truncate text-base font-semibold" }, asText(detailDelivery.channel), " delivery"), /* @__PURE__ */ React5.createElement("div", { className: "mt-1 font-mono text-[11px] text-zinc-500" }, asText(detailDelivery.id))), /* @__PURE__ */ React5.createElement(StatusPill2, { status: asText(detailDelivery.status, "unknown") })), /* @__PURE__ */ React5.createElement("div", { className: "grid grid-cols-2 gap-3" }, /* @__PURE__ */ React5.createElement(FieldValue, { label: "Adapter", value: asText(detailDelivery.adapter) }), /* @__PURE__ */ React5.createElement(FieldValue, { label: "Recipient", value: compactId(detailDelivery.recipientSubjectId) }), /* @__PURE__ */ React5.createElement(FieldValue, { label: "Created", value: formatDateTime(detailDelivery.createdAt) }), /* @__PURE__ */ React5.createElement(FieldValue, { label: "Last attempt", value: formatDateTime(detailDelivery.lastAttemptAt) })), /* @__PURE__ */ React5.createElement("button", { className: primaryButton, disabled: !retryable || retrying, onClick: () => void retryDelivery().catch((error) => toast(error.message, "error")) }, icons.refresh, "Retry"), /* @__PURE__ */ React5.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React5.createElement("div", { className: "text-xs font-semibold uppercase tracking-wider text-zinc-500" }, "Delivery evidence"), /* @__PURE__ */ React5.createElement(JsonPreview, { value: detailDelivery })), /* @__PURE__ */ React5.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React5.createElement("div", { className: "text-xs font-semibold uppercase tracking-wider text-zinc-500" }, "Attempts"), /* @__PURE__ */ React5.createElement("div", { className: "max-h-72 overflow-auto rounded-lg border border-zinc-200" }, attempts.map((attempt) => /* @__PURE__ */ React5.createElement("div", { key: asText(attempt.id), className: "grid gap-2 border-b border-zinc-100 px-3 py-3 text-sm last:border-b-0" }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-center justify-between gap-2" }, /* @__PURE__ */ React5.createElement(StatusPill2, { status: asText(attempt.status, "unknown") }), /* @__PURE__ */ React5.createElement("span", { className: "font-mono text-[11px] text-zinc-400" }, "#", asText(attempt.attempt))), /* @__PURE__ */ React5.createElement(JsonPreview, { value: attempt }))), !attempts.length ? /* @__PURE__ */ React5.createElement("div", { className: "px-3 py-6 text-center text-sm text-zinc-500" }, "No attempts recorded.") : null))) : /* @__PURE__ */ React5.createElement("div", { className: "p-6 text-sm text-zinc-500" }, "Select a delivery.")))), /* @__PURE__ */ React5.createElement("div", null, /* @__PURE__ */ React5.createElement("div", { className: "mb-3 flex flex-wrap items-end justify-between gap-3" }, /* @__PURE__ */ React5.createElement("h2", { className: "m-0 text-base font-semibold" }, "Inbound Events"), /* @__PURE__ */ React5.createElement("div", { className: actionRowClass }, /* @__PURE__ */ React5.createElement("select", { className: selectClass, value: inboundStatus, onChange: (event) => setInboundStatus(event.target.value) }, /* @__PURE__ */ React5.createElement("option", { value: "" }, "All statuses"), inboundStatusOptions.map((status) => /* @__PURE__ */ React5.createElement("option", { key: status, value: status }, status))), /* @__PURE__ */ React5.createElement("select", { className: selectClass, value: inboundAdapter, onChange: (event) => setInboundAdapter(event.target.value) }, /* @__PURE__ */ React5.createElement("option", { value: "" }, "All adapters"), inboundAdapterOptions.map((adapter) => /* @__PURE__ */ React5.createElement("option", { key: adapter, value: adapter }, adapter))))), /* @__PURE__ */ React5.createElement("div", { className: "grid gap-4 xl:grid-cols-[minmax(0,1fr)_420px]" }, /* @__PURE__ */ React5.createElement("div", { className: tableWrapClass }, /* @__PURE__ */ React5.createElement("table", { className: "w-full min-w-[820px] border-collapse" }, /* @__PURE__ */ React5.createElement("thead", null, /* @__PURE__ */ React5.createElement("tr", null, /* @__PURE__ */ React5.createElement("th", { className: thClass }, "Event"), /* @__PURE__ */ React5.createElement("th", { className: thClass }, "Status"), /* @__PURE__ */ React5.createElement("th", { className: thClass }, "Adapter"), /* @__PURE__ */ React5.createElement("th", { className: thClass }, "Verified"), /* @__PURE__ */ React5.createElement("th", { className: thClass }, "Received"))), /* @__PURE__ */ React5.createElement("tbody", null, inbound.map((row) => /* @__PURE__ */ React5.createElement("tr", { key: row.id, className: cx("cursor-pointer transition-colors hover:bg-zinc-50/60", selectedInbound?.id === row.id && "bg-zinc-50"), onClick: () => void selectInbound(row).catch((error) => toast(error.message, "error")) }, /* @__PURE__ */ React5.createElement("td", { className: tdClass }, /* @__PURE__ */ React5.createElement("div", { className: "font-mono text-xs" }, compactId(row.id)), /* @__PURE__ */ React5.createElement("div", { className: "truncate font-mono text-[11px] text-zinc-500" }, asText(row.providerEventId))), /* @__PURE__ */ React5.createElement("td", { className: tdClass }, /* @__PURE__ */ React5.createElement(StatusPill2, { status: asText(row.status, "unknown") })), /* @__PURE__ */ React5.createElement("td", { className: tdClass }, asText(row.adapter)), /* @__PURE__ */ React5.createElement("td", { className: tdClass }, row.verified ? "Yes" : "No"), /* @__PURE__ */ React5.createElement("td", { className: cx(tdClass, "whitespace-nowrap text-zinc-500") }, formatDateTime(row.receivedAt)))), !inbound.length ? /* @__PURE__ */ React5.createElement("tr", null, /* @__PURE__ */ React5.createElement("td", { className: cx(tdClass, "py-10 text-center text-zinc-500"), colSpan: 5 }, loading ? "Loading inbound events..." : "No inbound events match the current filters.")) : null))), /* @__PURE__ */ React5.createElement("aside", { className: cx(cardClass, "min-w-0 overflow-hidden") }, inboundDetail ? /* @__PURE__ */ React5.createElement("div", { className: "grid gap-4 p-4" }, /* @__PURE__ */ React5.createElement("div", { className: "flex items-start justify-between gap-3" }, /* @__PURE__ */ React5.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React5.createElement("h3", { className: "m-0 truncate text-base font-semibold" }, "Inbound event"), /* @__PURE__ */ React5.createElement("div", { className: "mt-1 font-mono text-[11px] text-zinc-500" }, asText(inboundDetail.id))), /* @__PURE__ */ React5.createElement(StatusPill2, { status: asText(inboundDetail.status, "unknown") })), /* @__PURE__ */ React5.createElement("div", { className: "grid grid-cols-2 gap-3" }, /* @__PURE__ */ React5.createElement(FieldValue, { label: "Adapter", value: asText(inboundDetail.adapter) }), /* @__PURE__ */ React5.createElement(FieldValue, { label: "Path", value: asText(inboundDetail.path) }), /* @__PURE__ */ React5.createElement(FieldValue, { label: "Received", value: formatDateTime(inboundDetail.receivedAt) }), /* @__PURE__ */ React5.createElement(FieldValue, { label: "Processed", value: formatDateTime(inboundDetail.processedAt) })), /* @__PURE__ */ React5.createElement("div", { className: "grid gap-2" }, /* @__PURE__ */ React5.createElement("div", { className: "text-xs font-semibold uppercase tracking-wider text-zinc-500" }, "Event evidence"), /* @__PURE__ */ React5.createElement(JsonPreview, { value: inboundDetail }))) : /* @__PURE__ */ React5.createElement("div", { className: "p-6 text-sm text-zinc-500" }, "Select an inbound event.")))));
+}
+
+// admin-src/PitrCard.tsx
+import React6, { useEffect as useEffect5, useState as useState5 } from "react";
+function localInputValue(date) {
+  const offsetMs = date.getTimezoneOffset() * 60 * 1e3;
+  return new Date(date.getTime() - offsetMs).toISOString().slice(0, 16);
+}
+function localInputEpoch(value) {
+  const epoch = new Date(value).getTime();
+  return Number.isFinite(epoch) ? epoch : null;
+}
+function sizeLabel2(bytes) {
+  if (bytes === null || bytes === void 0) return "Unknown";
+  if (bytes < 1024) return `${bytes} B`;
+  const units = ["KB", "MB", "GB"];
+  let value = bytes / 1024;
+  let unit = units[0];
+  for (let index = 1; index < units.length && value >= 1024; index += 1) {
+    value /= 1024;
+    unit = units[index];
+  }
+  return `${new Intl.NumberFormat(void 0, { maximumFractionDigits: 1 }).format(value)} ${unit}`;
+}
+function PitrCard({
+  notify,
+  organizationId,
+  appDataOnly = false
+}) {
+  const [status, setStatus] = useState5(null);
+  const [restoreTo, setRestoreTo] = useState5(() => localInputValue(new Date(Date.now() - 30 * 60 * 1e3)));
+  const [preview, setPreview] = useState5(null);
+  const load = async () => {
+    const params = organizationId ? `?organizationId=${encodeURIComponent(organizationId)}` : "";
+    const next = await api(`/api/admin/pitr${params}`);
+    setStatus(next);
+    if (!restoreTo && next.now) setRestoreTo(localInputValue(new Date(new Date(next.now).getTime() - 30 * 60 * 1e3)));
+  };
+  useEffect5(() => {
+    void load().catch((error) => notify(error.message, "error"));
+  }, [organizationId]);
+  const disabledReason = boot.local ? "Point-in-time restore is only available in production \u2014 local development has no durable change log." : status && !status.supported ? status.reason : "";
+  const minRestoreEpoch = status ? new Date(status.earliestRestoreTime).getTime() : null;
+  const maxRestoreEpoch = status ? new Date(status.now).getTime() : null;
+  const restoreEpoch = localInputEpoch(restoreTo);
+  const restoreOutOfRange = restoreEpoch === null || typeof minRestoreEpoch === "number" && restoreEpoch < minRestoreEpoch || typeof maxRestoreEpoch === "number" && restoreEpoch > maxRestoreEpoch;
+  const canPreview = Boolean(status && !disabledReason && restoreTo && !restoreOutOfRange);
+  const previewRestore = async () => {
+    const body = {
+      timestamp: new Date(restoreTo).toISOString(),
+      ...organizationId || status?.organizationId ? { organizationId: organizationId || status?.organizationId } : {}
+    };
+    const result = await api("/api/admin/pitr/preview", { method: "POST", body: JSON.stringify(body) });
+    setPreview(result);
+  };
+  const undo = () => {
+    if (!status?.lastRestore?.undoBookmark) return;
+    setPreview({
+      bookmark: status.lastRestore.undoBookmark,
+      requestedTime: status.lastRestore.restoredAt,
+      organizationId: status.organizationId,
+      undoOf: status.lastRestore.restoredAt
+    });
+  };
+  const presets = [
+    ["5m", 5 * 60 * 1e3],
+    ["30m", 30 * 60 * 1e3],
+    ["1h", 60 * 60 * 1e3],
+    ["6h", 6 * 60 * 60 * 1e3],
+    ["1d", 24 * 60 * 60 * 1e3]
+  ];
+  return /* @__PURE__ */ React6.createElement("div", { className: cx(cardClass, "max-w-2xl overflow-hidden") }, /* @__PURE__ */ React6.createElement("div", { className: "border-b border-zinc-100 px-5 py-4" }, /* @__PURE__ */ React6.createElement("h2", { className: "m-0 flex items-center gap-2 text-sm font-semibold" }, /* @__PURE__ */ React6.createElement("span", { className: "text-zinc-500" }, icons.history), "Point-in-time restore"), /* @__PURE__ */ React6.createElement("p", { className: "m-0 mt-1 text-sm text-zinc-500" }, appDataOnly ? "Restore application data to how it was at an earlier moment. Users, sessions, and the audit trail are not affected." : "Restore the whole database to an earlier moment, including users, sessions, roles, audit, and app data.")), status ? /* @__PURE__ */ React6.createElement(React6.Fragment, null, disabledReason ? /* @__PURE__ */ React6.createElement("div", { className: "px-5 py-4 text-sm text-zinc-500" }, disabledReason) : /* @__PURE__ */ React6.createElement("dl", { className: "m-0 divide-y divide-zinc-100" }, /* @__PURE__ */ React6.createElement("div", { className: "grid grid-cols-[160px_minmax(0,1fr)] items-center gap-4 px-5 py-3.5 text-sm" }, /* @__PURE__ */ React6.createElement("dt", { className: "font-medium text-zinc-500" }, appDataOnly ? "App data" : "Database"), /* @__PURE__ */ React6.createElement("dd", { className: "m-0 text-zinc-900" }, "Durable Object (SQLite) \xB7 ", sizeLabel2(status.databaseSizeBytes))), /* @__PURE__ */ React6.createElement("div", { className: "grid grid-cols-[160px_minmax(0,1fr)] items-center gap-4 px-5 py-3.5 text-sm" }, /* @__PURE__ */ React6.createElement("dt", { className: "font-medium text-zinc-500" }, "Restorable"), /* @__PURE__ */ React6.createElement("dd", { className: "m-0 text-zinc-900" }, "Any moment in the last 30 days")), /* @__PURE__ */ React6.createElement("div", { className: "grid grid-cols-[160px_minmax(0,1fr)] items-center gap-4 px-5 py-3.5 text-sm" }, /* @__PURE__ */ React6.createElement("dt", { className: "font-medium text-zinc-500" }, "Last restore"), /* @__PURE__ */ React6.createElement("dd", { className: "m-0 flex flex-wrap items-center gap-2 text-zinc-900" }, status.lastRestore ? /* @__PURE__ */ React6.createElement(React6.Fragment, null, formatDateTime(status.lastRestore.restoredTo || status.lastRestore.restoredAt), /* @__PURE__ */ React6.createElement("span", { className: "text-zinc-400" }, "by ", status.lastRestore.actorId), /* @__PURE__ */ React6.createElement("button", { className: secondaryButton, onClick: undo, title: "Return to the state captured immediately before this restore." }, "Undo to pre-restore state")) : "None"))), /* @__PURE__ */ React6.createElement("div", { className: "border-t border-zinc-100 px-5 py-4" }, /* @__PURE__ */ React6.createElement("label", { className: labelClass }, "Restore to", /* @__PURE__ */ React6.createElement(
+    "input",
+    {
+      type: "datetime-local",
+      className: cx(fieldBase, "w-full max-w-xs"),
+      value: restoreTo,
+      min: localInputValue(new Date(status.earliestRestoreTime)),
+      max: localInputValue(new Date(status.now)),
+      disabled: Boolean(disabledReason),
+      onChange: (event) => setRestoreTo(event.target.value)
+    }
+  )), /* @__PURE__ */ React6.createElement("div", { className: "mt-2 flex flex-wrap items-center gap-1.5" }, presets.map(([label, offset]) => /* @__PURE__ */ React6.createElement(
+    "button",
+    {
+      key: label,
+      className: "h-7 rounded-md border border-zinc-200 bg-white px-2 text-xs font-medium text-zinc-600 transition-colors hover:border-zinc-300 hover:bg-zinc-50 disabled:pointer-events-none disabled:opacity-40",
+      disabled: Boolean(disabledReason),
+      onClick: () => setRestoreTo(localInputValue(new Date(new Date(status.now).getTime() - offset)))
+    },
+    label
+  ))), /* @__PURE__ */ React6.createElement("div", { className: "mt-2 text-xs text-zinc-400" }, "Local time \xB7 resolves to the nearest stored snapshot"), /* @__PURE__ */ React6.createElement("div", { className: "mt-4 flex flex-wrap items-center justify-between gap-3" }, /* @__PURE__ */ React6.createElement("div", { className: "text-xs text-zinc-500" }, "Review only. Data changes after the confirmation step."), /* @__PURE__ */ React6.createElement("button", { className: secondaryButton, disabled: !canPreview, onClick: () => void previewRestore().catch((error) => notify(error.message, "error")) }, icons.calendar, "Review restore")))) : /* @__PURE__ */ React6.createElement("div", { className: "space-y-3 px-5 py-4" }, /* @__PURE__ */ React6.createElement("div", { className: "h-4 w-2/3 animate-pulse rounded bg-zinc-100" }), /* @__PURE__ */ React6.createElement("div", { className: "h-4 w-1/2 animate-pulse rounded bg-zinc-100" })), preview ? /* @__PURE__ */ React6.createElement(
+    RestoreConfirmDialog,
+    {
+      preview,
+      appDataOnly,
+      onCancel: () => setPreview(null),
+      onRestored: async () => {
+        setPreview(null);
+        notify(
+          preview.undoOf ? "Undo complete \u2014 data is back to the state from before the restore." : "Restore complete \u2014 use Undo to pre-restore state here if you need to roll it back."
+        );
+        await load();
+      },
+      notify
+    }
+  ) : null);
+}
+function RestoreConfirmDialog({
+  preview,
+  appDataOnly,
+  onCancel,
+  onRestored,
+  notify
+}) {
+  const [confirmation, setConfirmation] = useState5("");
+  const [saving, setSaving] = useState5(false);
+  useEffect5(() => {
+    const onKey = (event) => {
+      if (event.key === "Escape" && !saving) onCancel();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [onCancel, saving]);
+  const restore = async () => {
+    setSaving(true);
+    try {
+      await api("/api/admin/pitr/restore", {
+        method: "POST",
+        body: JSON.stringify({
+          bookmark: preview.bookmark,
+          restoredTo: preview.requestedTime,
+          organizationId: preview.organizationId,
+          undoOf: preview.undoOf
+        })
+      });
+      await onRestored();
+    } catch (error) {
+      notify(error instanceof Error ? error.message : "Restore failed", "error");
+    } finally {
+      setSaving(false);
+    }
+  };
+  const canSubmit = confirmation.trim().toLowerCase() === "restore" && !saving;
+  return /* @__PURE__ */ React6.createElement("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", role: "dialog", "aria-modal": "true", "aria-labelledby": "restore-confirm-title" }, /* @__PURE__ */ React6.createElement("div", { className: "absolute inset-0 bg-zinc-950/30", onClick: saving ? void 0 : onCancel }), /* @__PURE__ */ React6.createElement("div", { className: "relative w-full max-w-md overflow-hidden rounded-xl border border-zinc-200 bg-white shadow-[0_24px_48px_rgb(9_9_11/0.18)]" }, /* @__PURE__ */ React6.createElement("div", { className: "border-b border-zinc-100 px-5 py-4" }, /* @__PURE__ */ React6.createElement("h2", { id: "restore-confirm-title", className: "m-0 text-[15px] font-semibold text-zinc-900" }, preview.undoOf ? `Undo the restore from ${formatDateTime(preview.undoOf)}?` : `Restore data to ${formatDateTime(preview.requestedTime)}?`)), /* @__PURE__ */ React6.createElement("div", { className: "space-y-4 px-5 py-4 text-sm leading-relaxed text-zinc-600" }, /* @__PURE__ */ React6.createElement("p", { className: "m-0 text-zinc-700" }, "No data has changed yet. This action runs only after you type ", /* @__PURE__ */ React6.createElement("span", { className: "font-semibold text-zinc-900" }, "restore"), " and confirm."), /* @__PURE__ */ React6.createElement("ul", { className: "m-0 list-disc space-y-1 pl-5" }, /* @__PURE__ */ React6.createElement("li", null, preview.undoOf ? appDataOnly ? "Application tables return to the state captured immediately before that restore." : "The whole database returns to the state captured immediately before that restore." : appDataOnly ? "Application tables revert to exactly how they were at this moment." : "The whole database reverts to exactly how it was at this moment."), /* @__PURE__ */ React6.createElement("li", null, preview.undoOf ? "Changes made after that pre-restore state are discarded." : "Changes made after this moment are discarded."), appDataOnly ? /* @__PURE__ */ React6.createElement("li", null, "Users, sessions, roles, and the audit trail are not affected.") : /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement("li", null, "Users, sessions, roles, audit, and app rows all move together."), /* @__PURE__ */ React6.createElement("li", null, "Sessions created after the restore point are removed, so affected users must sign in again.")), /* @__PURE__ */ React6.createElement("li", null, "An undo point is saved automatically. After this completes, the Last restore row shows the rollback action."), /* @__PURE__ */ React6.createElement("li", null, "This action is recorded in the audit trail.")), /* @__PURE__ */ React6.createElement("div", { className: "truncate font-mono text-[11px] text-zinc-400", title: preview.bookmark }, preview.bookmark), /* @__PURE__ */ React6.createElement("label", { className: labelClass }, "Type restore to confirm", /* @__PURE__ */ React6.createElement("input", { className: fieldClass, value: confirmation, disabled: saving, onChange: (event) => setConfirmation(event.target.value) }))), /* @__PURE__ */ React6.createElement("div", { className: "flex items-center justify-end gap-2 border-t border-zinc-100 bg-zinc-50/60 px-5 py-4" }, /* @__PURE__ */ React6.createElement("button", { className: secondaryButton, disabled: saving, onClick: onCancel }, "Cancel"), /* @__PURE__ */ React6.createElement("button", { className: destructiveButton, disabled: !canSubmit, onClick: () => void restore() }, saving ? "Restoring\u2026" : appDataOnly ? "Restore data" : "Restore database"))));
+}
+export {
+  BackupPanel,
+  DataView,
+  KindGlyph,
+  NotificationsView,
+  PitrCard,
+  TypeGlyph,
+  UnsavedChangesDialog,
+  actionRowClass,
+  buttonBase,
+  cardClass,
+  chipShadow,
+  cx,
+  dangerButton,
+  destructiveButton,
+  fieldBase,
+  fieldClass,
+  iconButton,
+  icons,
+  labelClass,
+  primaryButton,
+  secondaryButton,
+  selectBase,
+  selectClass,
+  tableWrapClass,
+  tdClass,
+  thClass,
+  toolbarClass
+};