@lunora/studio 1.0.0-alpha.34 → 1.0.0-alpha.341

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lunora/studio",
-  "version": "1.0.0-alpha.34",
+  "version": "1.0.0-alpha.341",
   "description": "The Lunora Studio: a local admin UI for your schema, data, logs, and advisors",
   "keywords": [
     "admin-ui",
@@ -33,16 +33,16 @@
   ],
   "type": "module",
   "sideEffects": false,
-  "module": "./dist/index.js",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/index.mjs"
     },
     "./mount": {
       "types": "./dist/mount.d.ts",
-      "import": "./dist/mount.js"
+      "import": "./dist/mount.mjs"
     },
     "./styles.css": "./dist/styles.css",
     "./standalone/studio.js": "./dist/standalone/studio.js",
@@ -53,29 +53,33 @@
     "access": "public"
   },
   "dependencies": {
-    "@base-ui/react": "1.6.0",
-    "@hugeicons/core-free-icons": "^4.2.2",
-    "@hugeicons/react": "^1.1.9",
-    "@lingui/core": "^6.4.0",
-    "@lingui/message-utils": "^6.4.0",
-    "@lunora/advisor": "1.0.0-alpha.17",
-    "@lunora/bindings": "1.0.0-alpha.4",
-    "@lunora/client": "1.0.0-alpha.17",
-    "@lunora/errors": "1.0.0-alpha.1",
-    "@lunora/react": "1.0.0-alpha.19",
-    "@tanstack/react-query": "^5.101.2",
-    "@tanstack/react-router": "^1.170.16",
-    "@tanstack/react-table": "^8.21.3",
-    "@tanstack/react-virtual": "^3.14.4",
-    "@xyflow/react": "^12.11.1",
+    "@base-ui/react": "1.8.0",
+    "@hugeicons/core-free-icons": "^4.3.5",
+    "@hugeicons/react": "^1.1.10",
+    "@lingui/core": "^6.9.0",
+    "@lingui/message-utils": "^6.9.0",
+    "@lunora/advisor": "1.0.0-alpha.256",
+    "@lunora/bindings": "1.0.0-alpha.134",
+    "@lunora/client": "1.0.0-alpha.249",
+    "@lunora/errors": ">=1.0.0-alpha.51 <2.0.0-0",
+    "@lunora/react": "1.0.0-alpha.262",
+    "@lunora/wire": "1.0.0-alpha.2",
+    "@tanstack/react-query": "5.101.4",
+    "@tanstack/react-router": "^1.170.41",
+    "@tanstack/react-table": "^9.2.6",
+    "@tanstack/react-virtual": "^3.14.13",
+    "@xyflow/react": "^12.12.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "diff": "^9.0.0",
     "html-to-image": "^1.11.13",
-    "motion": "^12.42.0",
-    "recharts": "^3.9.0",
-    "tailwind-merge": "^3.6.0"
+    "motion": "^14.0.0",
+    "recharts": "^3.10.1",
+    "tailwind-merge": "^3.7.0"
   },
   "peerDependencies": {
+    "@lunora/mail": ">=1.0.0-alpha.53 <2.0.0-0",
+    "@lunora/runtime": ">=1.0.0-alpha.78 <2.0.0-0",
     "react": "^19.2.7",
     "react-dom": "^19.2.7"
   },

package/dist/index.js

@@ -1,41 +0,0 @@
-export { StudioApp } from './packem_shared/StudioApp-D6a2ZmXS.js';
-export { CommandPalette, openCommandPalette } from './packem_shared/CommandPalette-BUPpbpMc.js';
-export { S as Studio } from './packem_shared/studio-C4sgu0F7.js';
-export { ConfirmButton } from './packem_shared/ConfirmButton-C2eVi2Qv.js';
-export { default as ConnectionBadge } from './packem_shared/ConnectionBadge-B2DDM2Tn.js';
-export { ErrorBoundary } from './packem_shared/ErrorBoundary-BzAApI7J.js';
-export { ShardInput } from './packem_shared/ShardInput-gx_DZXXn.js';
-export { DEFAULT_INSIGHT_THRESHOLDS, deriveInsights } from './packem_shared/DEFAULT_INSIGHT_THRESHOLDS-DjF0h-gA.js';
-export { InsightsPanel } from './packem_chunks/InsightsPanel.js';
-export { default as SecurityAdvisorPanel } from './packem_chunks/SecurityAdvisorPanel.js';
-export { default as ApiDocsPanel } from './packem_shared/ApiDocsPanel-Cu6mD4u7.js';
-export { default as ApiReferencePanel } from './packem_shared/ApiReferencePanel-Co_wpRF2.js';
-export { default as ApiTab } from './packem_chunks/ApiTab.js';
-export { default as OpenRpcReferencePanel } from './packem_shared/OpenRpcReferencePanel-DLWzrIx9.js';
-export { DataBrowser } from './packem_shared/DataBrowser-DSNK1tPg.js';
-export { DataFilters, toFilterClauses } from './packem_shared/DataFilters-FNquMaiu.js';
-export { GlobalDataBrowser } from './packem_shared/GlobalDataBrowser-ErfvIs1S.js';
-export { TableEditor } from './packem_chunks/TableEditor.js';
-export { ExportImportPanel } from './packem_chunks/ExportImportPanel.js';
-export { MigrationsPanel } from './packem_chunks/MigrationsPanel.js';
-export { PitrPanel } from './packem_chunks/PitrPanel.js';
-export { FunctionRunner } from './packem_chunks/FunctionRunner.js';
-export { FunctionStatsPanel } from './packem_chunks/FunctionStatsPanel.js';
-export { H as HomePanel } from './packem_shared/home-panel-Bo-Mgrkn.js';
-export { AuditPanel } from './packem_chunks/AuditPanel.js';
-export { LogsPanel } from './packem_chunks/LogsPanel.js';
-export { MailPanel } from './packem_chunks/MailPanel.js';
-export { ScheduledJobs } from './packem_shared/ScheduledJobs-ClaNpZsg.js';
-export { HealthPanel } from './packem_chunks/HealthPanel.js';
-export { aggregateMetrics, shardsToAggregate } from './packem_shared/aggregateMetrics-D4nUHEKU.js';
-export { MetricsPanel } from './packem_chunks/MetricsPanel.js';
-export { SchemaViewer } from './packem_chunks/SchemaViewer.js';
-export { SettingsPanel } from './packem_chunks/SettingsPanel.js';
-export { SqlEditorPanel } from './packem_chunks/SqlEditorPanel.js';
-export { FileBrowser } from './packem_chunks/FileBrowser.js';
-export { DEFAULT_AUTO_REFRESH_MS, useAutoRefresh } from './packem_shared/DEFAULT_AUTO_REFRESH_MS-Vxwaxx51.js';
-export { default as useDebounced } from './packem_shared/useDebounced-Dxncpg6z.js';
-export { DEFAULT_LOCALE, createStudioI18n, studioI18n, useT } from './packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
-export { StudioI18nProvider } from './packem_shared/StudioI18nProvider-B-tDCZIi.js';
-export { ADMIN_FUNCTIONS, ADMIN_FUNCTION_PREFIX } from './packem_shared/ADMIN_FUNCTIONS-CdaxLGkE.js';
-export { default as STUDIO_ROOT_CLASS } from './packem_shared/STUDIO_ROOT_CLASS-D12gX2dV.js';

package/dist/mount.js

@@ -1,27 +0,0 @@
-import { LunoraError } from '@lunora/errors';
-import { createRoot } from 'react-dom/client';
-import { StudioApp } from './packem_shared/StudioApp-D6a2ZmXS.js';
-import { jsxDEV } from 'react/jsx-dev-runtime';
-
-const mountStudio = (options = {}) => {
-  const {
-    container = "#root",
-    ...appProps
-  } = options;
-  const element = typeof container === "string" ? document.querySelector(container) : container;
-  if (element === null) {
-    throw new LunoraError("INTERNAL", `mountStudio: container ${typeof container === "string" ? container : "element"} not found`);
-  }
-  const root = createRoot(element);
-  root.render(/* @__PURE__ */ jsxDEV(StudioApp, {
-    adminToken: appProps.adminToken,
-    basePath: appProps.basePath,
-    baseUrl: appProps.baseUrl,
-    locale: appProps.locale,
-    rulesInstalled: appProps.rulesInstalled,
-    studio: appProps.studio
-  }, void 0, false));
-  return root;
-};
-
-export { mountStudio };

package/dist/packem_chunks/ApiTab.js

@@ -1,251 +0,0 @@
-import { c } from 'react/compiler-runtime';
-import { useState } from 'react';
-import { B as Button } from '../packem_shared/button-BhsN2uZH.js';
-import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
-import ApiDocsPanel from '../packem_shared/ApiDocsPanel-Cu6mD4u7.js';
-import ApiReferencePanel from '../packem_shared/ApiReferencePanel-Co_wpRF2.js';
-import OpenRpcReferencePanel from '../packem_shared/OpenRpcReferencePanel-DLWzrIx9.js';
-import { jsxDEV } from 'react/jsx-dev-runtime';
-
-const VIEW_KEYS = ["reference", "snippets"];
-const FORMAT_KEYS = ["openapi", "openrpc"];
-const ApiTab = (t0) => {
-  const $ = c(51);
-  const {
-    functions,
-    initialShardKey,
-    openApiSpec,
-    openRpcSpec
-  } = t0;
-  const t = useT();
-  const [view, setView] = useState("reference");
-  const [format, setFormat] = useState("openapi");
-  let t1;
-  if ($[0] !== t) {
-    t1 = t("Reference");
-    $[0] = t;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let t2;
-  if ($[2] !== t) {
-    t2 = t("Snippets");
-    $[2] = t;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  let t3;
-  if ($[4] !== t1 || $[5] !== t2) {
-    t3 = {
-      reference: t1,
-      snippets: t2
-    };
-    $[4] = t1;
-    $[5] = t2;
-    $[6] = t3;
-  } else {
-    t3 = $[6];
-  }
-  const viewLabel = t3;
-  let t4;
-  if ($[7] !== t) {
-    t4 = t("OpenAPI");
-    $[7] = t;
-    $[8] = t4;
-  } else {
-    t4 = $[8];
-  }
-  let t5;
-  if ($[9] !== t) {
-    t5 = t("OpenRPC");
-    $[9] = t;
-    $[10] = t5;
-  } else {
-    t5 = $[10];
-  }
-  let t6;
-  if ($[11] !== t4 || $[12] !== t5) {
-    t6 = {
-      openapi: t4,
-      openrpc: t5
-    };
-    $[11] = t4;
-    $[12] = t5;
-    $[13] = t6;
-  } else {
-    t6 = $[13];
-  }
-  const formatLabel = t6;
-  let t7;
-  if ($[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t7 = (event) => {
-      setView(event.currentTarget.dataset.view);
-    };
-    $[14] = t7;
-  } else {
-    t7 = $[14];
-  }
-  const selectView = t7;
-  let t8;
-  if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t8 = (event_0) => {
-      setFormat(event_0.currentTarget.dataset.format);
-    };
-    $[15] = t8;
-  } else {
-    t8 = $[15];
-  }
-  const selectFormat = t8;
-  let t9;
-  if ($[16] !== t) {
-    t9 = t("API view");
-    $[16] = t;
-    $[17] = t9;
-  } else {
-    t9 = $[17];
-  }
-  let t10;
-  if ($[18] !== view || $[19] !== viewLabel) {
-    t10 = VIEW_KEYS.map((key) => /* @__PURE__ */ jsxDEV(Button, {
-      "aria-selected": view === key,
-      "data-testid": `api-view-${key}`,
-      "data-view": key,
-      onClick: selectView,
-      role: "tab",
-      size: "sm",
-      type: "button",
-      variant: view === key ? "default" : "outline",
-      children: viewLabel[key]
-    }, key, false));
-    $[18] = view;
-    $[19] = viewLabel;
-    $[20] = t10;
-  } else {
-    t10 = $[20];
-  }
-  let t11;
-  if ($[21] !== t10 || $[22] !== t9) {
-    t11 = /* @__PURE__ */ jsxDEV("div", {
-      "aria-label": t9,
-      className: "flex gap-1.5",
-      "data-testid": "api-view-toggle",
-      role: "tablist",
-      children: t10
-    }, void 0, false);
-    $[21] = t10;
-    $[22] = t9;
-    $[23] = t11;
-  } else {
-    t11 = $[23];
-  }
-  let t12;
-  if ($[24] !== format || $[25] !== formatLabel || $[26] !== t || $[27] !== view) {
-    t12 = view === "reference" && /* @__PURE__ */ jsxDEV("div", {
-      "aria-label": t("API spec format"),
-      className: "flex gap-1.5",
-      "data-testid": "api-format-toggle",
-      role: "tablist",
-      children: FORMAT_KEYS.map((key_0) => /* @__PURE__ */ jsxDEV(Button, {
-        "aria-selected": format === key_0,
-        "data-format": key_0,
-        "data-testid": `api-format-${key_0}`,
-        onClick: selectFormat,
-        role: "tab",
-        size: "sm",
-        type: "button",
-        variant: format === key_0 ? "default" : "outline",
-        children: formatLabel[key_0]
-      }, key_0, false))
-    }, void 0, false);
-    $[24] = format;
-    $[25] = formatLabel;
-    $[26] = t;
-    $[27] = view;
-    $[28] = t12;
-  } else {
-    t12 = $[28];
-  }
-  let t13;
-  if ($[29] !== t11 || $[30] !== t12) {
-    t13 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex shrink-0 flex-wrap items-center gap-3 border-b border-border px-6 py-3",
-      children: [t11, t12]
-    }, void 0, true);
-    $[29] = t11;
-    $[30] = t12;
-    $[31] = t13;
-  } else {
-    t13 = $[31];
-  }
-  let t14;
-  if ($[32] !== functions || $[33] !== initialShardKey || $[34] !== view) {
-    t14 = view === "snippets" && /* @__PURE__ */ jsxDEV("div", {
-      className: "min-h-0 flex-1 overflow-y-auto p-6",
-      children: /* @__PURE__ */ jsxDEV(ApiDocsPanel, {
-        functions,
-        initialShardKey
-      }, void 0, false)
-    }, void 0, false);
-    $[32] = functions;
-    $[33] = initialShardKey;
-    $[34] = view;
-    $[35] = t14;
-  } else {
-    t14 = $[35];
-  }
-  let t15;
-  if ($[36] !== format || $[37] !== openApiSpec || $[38] !== view) {
-    t15 = view === "reference" && format === "openapi" && /* @__PURE__ */ jsxDEV(ApiReferencePanel, {
-      spec: openApiSpec
-    }, void 0, false);
-    $[36] = format;
-    $[37] = openApiSpec;
-    $[38] = view;
-    $[39] = t15;
-  } else {
-    t15 = $[39];
-  }
-  let t16;
-  if ($[40] !== format || $[41] !== openRpcSpec || $[42] !== view) {
-    t16 = view === "reference" && format === "openrpc" && /* @__PURE__ */ jsxDEV(OpenRpcReferencePanel, {
-      spec: openRpcSpec
-    }, void 0, false);
-    $[40] = format;
-    $[41] = openRpcSpec;
-    $[42] = view;
-    $[43] = t16;
-  } else {
-    t16 = $[43];
-  }
-  let t17;
-  if ($[44] !== t14 || $[45] !== t15 || $[46] !== t16) {
-    t17 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex min-h-0 flex-1 flex-col overflow-hidden",
-      children: [t14, t15, t16]
-    }, void 0, true);
-    $[44] = t14;
-    $[45] = t15;
-    $[46] = t16;
-    $[47] = t17;
-  } else {
-    t17 = $[47];
-  }
-  let t18;
-  if ($[48] !== t13 || $[49] !== t17) {
-    t18 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex min-h-0 flex-1 flex-col",
-      "data-testid": "lunora-api-tab",
-      children: [t13, t17]
-    }, void 0, true);
-    $[48] = t13;
-    $[49] = t17;
-    $[50] = t18;
-  } else {
-    t18 = $[50];
-  }
-  return t18;
-};
-
-export { ApiTab as default };

package/dist/packem_chunks/AuditPanel.js

@@ -1,200 +0,0 @@
-import { useVirtualizer, observeElementRect } from '@tanstack/react-virtual';
-import { useState, useMemo, useRef } from 'react';
-import { E as ErrorAlert } from '../packem_shared/error-alert-BBT6D22d.js';
-import { L as LiveError } from '../packem_shared/live-status-FZ0psC1z.js';
-import { ShardInput } from '../packem_shared/ShardInput-gx_DZXXn.js';
-import { B as Badge } from '../packem_shared/badge-B2PKA1-5.js';
-import { C as Card, a as CardContent } from '../packem_shared/card-DURq3ElK.js';
-import { E as EmptyState } from '../packem_shared/empty-state-DY_oe0k6.js';
-import { I as Input } from '../packem_shared/input-XH4r1Pt1.js';
-import { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from '../packem_shared/table-DsCa9Qp9.js';
-import { u as useAdminQuery } from '../packem_shared/use-admin-query-BHPKmPuj.js';
-import useDebounced from '../packem_shared/useDebounced-Dxncpg6z.js';
-import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
-import { ADMIN_FUNCTIONS } from '../packem_shared/ADMIN_FUNCTIONS-CdaxLGkE.js';
-import { i as formatTimestamp } from '../packem_shared/internal-DTsYVn-g.js';
-import { jsxDEV } from 'react/jsx-dev-runtime';
-
-const DETAIL_MAX = 80;
-const formatDetail = (detail) => {
-  if (detail === void 0) {
-    return "";
-  }
-  const json = JSON.stringify(detail);
-  return json.length > DETAIL_MAX ? `${json.slice(0, DETAIL_MAX)}…` : json;
-};
-const ROW_HEIGHT = 41;
-const SCROLL_HEIGHT = 480;
-const COLUMN_COUNT = 5;
-const observeViewportRect = (instance, callback) => observeElementRect(instance, (rect) => {
-  callback(rect.height > 0 ? rect : {
-    height: SCROLL_HEIGHT,
-    width: rect.width
-  });
-});
-const AuditPanel = ({
-  initialShardKey
-}) => {
-  const t = useT();
-  const [shardKey, setShardKey] = useState(initialShardKey ?? "");
-  const [search, setSearch] = useState("");
-  const debouncedShard = useDebounced(shardKey.trim(), 400);
-  const {
-    data,
-    error,
-    errorSource,
-    isLoading,
-    liveError
-  } = useAdminQuery(ADMIN_FUNCTIONS.getAuditLog, {}, {
-    live: true,
-    shardKey: debouncedShard
-  });
-  const entries = useMemo(() => data?.entries ?? [], [data]);
-  const filtered = useMemo(() => {
-    const needle = search.trim().toLowerCase();
-    if (needle === "") {
-      return entries;
-    }
-    return entries.filter((entry) => entry.op.toLowerCase().includes(needle) || (entry.table ?? "").toLowerCase().includes(needle) || (entry.id ?? "").toLowerCase().includes(needle));
-  }, [entries, search]);
-  const scrollRef = useRef(null);
-  const virtualizer = useVirtualizer({
-    count: filtered.length,
-    estimateSize: () => ROW_HEIGHT,
-    getScrollElement: () => scrollRef.current,
-    initialRect: {
-      height: SCROLL_HEIGHT,
-      width: 800
-    },
-    observeElementRect: observeViewportRect,
-    overscan: 8
-  });
-  const virtualRows = virtualizer.getVirtualItems();
-  const totalSize = virtualizer.getTotalSize();
-  const paddingTop = virtualRows[0]?.start ?? 0;
-  const paddingBottom = totalSize - (virtualRows.at(-1)?.end ?? 0);
-  const topSpacerStyle = {
-    height: paddingTop
-  };
-  const bottomSpacerStyle = {
-    height: paddingBottom
-  };
-  const onSearchChange = (event) => {
-    setSearch(event.target.value);
-  };
-  return /* @__PURE__ */ jsxDEV("div", {
-    className: "flex flex-col gap-4",
-    "data-testid": "lunora-audit",
-    children: [/* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-wrap items-center gap-2",
-      children: [/* @__PURE__ */ jsxDEV(ShardInput, {
-        onChange: setShardKey,
-        testId: "au-shard-input",
-        value: shardKey
-      }, void 0, false), /* @__PURE__ */ jsxDEV(LiveError, {
-        message: liveError,
-        prefix: "au"
-      }, void 0, false), /* @__PURE__ */ jsxDEV(Input, {
-        "aria-label": t("Filter audit log"),
-        className: "h-8 w-48",
-        "data-testid": "au-search",
-        onChange: onSearchChange,
-        placeholder: t("filter op, table, id"),
-        value: search
-      }, void 0, false)]
-    }, void 0, true), error !== null && /* @__PURE__ */ jsxDEV(ErrorAlert, {
-      error: errorSource,
-      testId: "au-error"
-    }, void 0, false), error === null && !isLoading && filtered.length === 0 && /* @__PURE__ */ jsxDEV(EmptyState, {
-      description: t("State-changing admin operations are recorded here."),
-      icon: /* @__PURE__ */ jsxDEV("svg", {
-        "aria-hidden": "true",
-        fill: "none",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.6,
-        viewBox: "0 0 24 24",
-        children: /* @__PURE__ */ jsxDEV("path", {
-          d: "M8 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-2M9 3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V3Zm-1 9h8m-8 4h5"
-        }, void 0, false)
-      }, void 0, false),
-      testId: "au-empty",
-      title: t("No audit entries.")
-    }, void 0, false), filtered.length > 0 && /* @__PURE__ */ jsxDEV(Card, {
-      className: "overflow-hidden py-0",
-      children: /* @__PURE__ */ jsxDEV(CardContent, {
-        className: "max-h-[30rem] overflow-auto px-0",
-        ref: scrollRef,
-        children: /* @__PURE__ */ jsxDEV(Table, {
-          "data-testid": "au-table",
-          children: [/* @__PURE__ */ jsxDEV(TableHeader, {
-            children: /* @__PURE__ */ jsxDEV(TableRow, {
-              children: [/* @__PURE__ */ jsxDEV(TableHead, {
-                children: t("time")
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                children: t("op")
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                children: t("table")
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                children: t("id")
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                children: t("detail")
-              }, void 0, false)]
-            }, void 0, true)
-          }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
-            children: [paddingTop > 0 && /* @__PURE__ */ jsxDEV("tr", {
-              "aria-hidden": "true",
-              children: /* @__PURE__ */ jsxDEV("td", {
-                colSpan: COLUMN_COUNT,
-                style: topSpacerStyle
-              }, void 0, false)
-            }, void 0, false), virtualRows.map((virtualRow) => {
-              const entry_0 = filtered[virtualRow.index];
-              const detail = formatDetail(entry_0.detail);
-              return /* @__PURE__ */ jsxDEV(TableRow, {
-                "data-testid": "au-row",
-                children: [/* @__PURE__ */ jsxDEV(TableCell, {
-                  className: "text-muted-foreground tabular-nums",
-                  children: formatTimestamp(entry_0.ts, "—")
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                  children: /* @__PURE__ */ jsxDEV(Badge, {
-                    variant: "secondary",
-                    children: entry_0.op
-                  }, void 0, false)
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                  className: "font-medium",
-                  children: entry_0.table ?? /* @__PURE__ */ jsxDEV("span", {
-                    className: "text-muted-foreground",
-                    children: "—"
-                  }, void 0, false)
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                  className: "max-w-[20ch] truncate font-mono text-xs",
-                  children: entry_0.id ?? /* @__PURE__ */ jsxDEV("span", {
-                    className: "text-muted-foreground",
-                    children: "—"
-                  }, void 0, false)
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                  className: "max-w-[32ch] truncate font-mono text-xs text-muted-foreground",
-                  title: detail || void 0,
-                  children: detail || /* @__PURE__ */ jsxDEV("span", {
-                    className: "text-muted-foreground",
-                    children: "—"
-                  }, void 0, false)
-                }, void 0, false)]
-              }, entry_0.seq, true);
-            }), paddingBottom > 0 && /* @__PURE__ */ jsxDEV("tr", {
-              "aria-hidden": "true",
-              children: /* @__PURE__ */ jsxDEV("td", {
-                colSpan: COLUMN_COUNT,
-                style: bottomSpacerStyle
-              }, void 0, false)
-            }, void 0, false)]
-          }, void 0, true)]
-        }, void 0, true)
-      }, void 0, false)
-    }, void 0, false)]
-  }, void 0, true);
-};
-
-export { AuditPanel };