@lunora/studio 0.0.0 → 1.0.0-alpha.1

package/dist/packem_shared/ApiReferencePanel-DMIUp-kK.js

@@ -0,0 +1,229 @@
+import { c } from 'react/compiler-runtime';
+import { useLunora } from '@lunora/react';
+import { E as EmptyState } from './empty-state-DY_oe0k6.js';
+import { u as useAdminSpec, S as Skeleton, R as ReferenceView } from './reference-view-BCKIoai7.js';
+import { useT } from './createStudioI18n-CgvlmDkN.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const HTTP_METHODS = ["get", "post", "put", "patch", "delete", "head", "options", "trace"];
+const jsonSchemaOf = (media) => media?.content?.["application/json"]?.schema;
+const buildResponses = (operation, document) => Object.entries(operation.responses ?? {}).map(([status, raw]) => {
+  const name = raw.$ref?.replace("#/components/responses/", "");
+  const resolved = name === void 0 ? raw : document.components?.responses?.[name] ?? raw;
+  return {
+    description: resolved.description,
+    schema: jsonSchemaOf(resolved),
+    status
+  };
+});
+const flattenOperation = (pathKey, httpPath, method, operation, document) => {
+  const requestSchema = jsonSchemaOf(operation.requestBody);
+  const functionPathConst = requestSchema?.properties?.["functionPath"]?.const;
+  const functionPath = typeof functionPathConst === "string" ? functionPathConst : void 0;
+  const argsSchema = functionPath === void 0 ? requestSchema : requestSchema?.properties?.["args"];
+  const operationId = operation.operationId ?? `${method} ${httpPath}`;
+  return {
+    argsSchema,
+    description: operation.description,
+    functionPath,
+    httpPath,
+    key: pathKey,
+    kind: operation["x-lunora-function-kind"],
+    method: method.toUpperCase(),
+    operationId,
+    requestSchema,
+    responses: buildResponses(operation, document),
+    summary: operation.summary ?? operationId,
+    tags: operation.tags ?? [],
+    title: operation.summary ?? operationId
+  };
+};
+const collectOperations = (document) => {
+  const operations = [];
+  for (const [pathKey, pathItem] of Object.entries(document.paths ?? {})) {
+    const httpPath = pathKey.includes("#") ? pathKey.slice(0, pathKey.indexOf("#")) : pathKey;
+    for (const method of HTTP_METHODS) {
+      const operation = pathItem[method];
+      if (operation !== void 0) {
+        operations.push(flattenOperation(pathKey, httpPath, method, operation, document));
+      }
+    }
+  }
+  return operations;
+};
+const parseOpenApi = (raw) => {
+  const document = raw ?? {};
+  const operations = collectOperations(document);
+  const tagMeta = new Map((document.tags ?? []).map((tag) => [tag.name, tag.description]));
+  const seenTags = /* @__PURE__ */ new Set();
+  const groups = [];
+  const pushGroup = (name) => {
+    if (seenTags.has(name)) {
+      return;
+    }
+    seenTags.add(name);
+    const members = operations.filter((operation) => (operation.tags[0] ?? "") === name);
+    if (members.length > 0) {
+      groups.push({
+        description: tagMeta.get(name),
+        name,
+        operations: members
+      });
+    }
+  };
+  for (const tag of document.tags ?? []) {
+    pushGroup(tag.name);
+  }
+  for (const operation of operations) {
+    pushGroup(operation.tags[0] ?? "");
+  }
+  return {
+    groups,
+    operationByKey: new Map(operations.map((operation) => [operation.key, operation])),
+    server: document.servers?.[0]?.url,
+    title: document.info?.title ?? "API reference",
+    version: document.info?.version
+  };
+};
+
+const isEmptySpec = (spec) => {
+  const {
+    paths
+  } = spec;
+  return paths === void 0 || typeof paths === "object" && paths !== null && Object.keys(paths).length === 0;
+};
+const classifySpec = (spec) => {
+  const document = spec;
+  return isEmptySpec(document) ? {
+    kind: "empty"
+  } : {
+    kind: "ready",
+    spec: document
+  };
+};
+const ApiReferencePanel = (t0) => {
+  const $ = c(23);
+  const {
+    spec: inlineSpec
+  } = t0;
+  const t = useT();
+  const client = useLunora();
+  let t1;
+  if ($[0] !== client) {
+    t1 = () => client.fetchOpenApi();
+    $[0] = client;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const fetchOpenApi = t1;
+  const state = useAdminSpec(inlineSpec, fetchOpenApi, classifySpec);
+  let t2;
+  if ($[2] !== state.kind || $[3] !== state.spec) {
+    t2 = state.kind === "ready" ? parseOpenApi(state.spec) : void 0;
+    $[2] = state.kind;
+    $[3] = state.spec;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const model = t2;
+  if (state.kind === "loading") {
+    let t32;
+    if ($[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t32 = /* @__PURE__ */ jsxDEV("div", {
+        className: "flex flex-col gap-4",
+        "data-testid": "api-reference-loading",
+        children: [/* @__PURE__ */ jsxDEV(Skeleton, {
+          className: "h-8 w-48"
+        }, void 0, false), /* @__PURE__ */ jsxDEV(Skeleton, {
+          className: "h-64 w-full"
+        }, void 0, false)]
+      }, void 0, true);
+      $[5] = t32;
+    } else {
+      t32 = $[5];
+    }
+    return t32;
+  }
+  if (state.kind === "error") {
+    let t32;
+    if ($[6] !== state.message || $[7] !== t) {
+      t32 = t("Couldn't load the OpenAPI spec: {message}", {
+        message: state.message
+      });
+      $[6] = state.message;
+      $[7] = t;
+      $[8] = t32;
+    } else {
+      t32 = $[8];
+    }
+    let t4;
+    if ($[9] !== t) {
+      t4 = t("API reference unavailable");
+      $[9] = t;
+      $[10] = t4;
+    } else {
+      t4 = $[10];
+    }
+    let t5;
+    if ($[11] !== t32 || $[12] !== t4) {
+      t5 = /* @__PURE__ */ jsxDEV(EmptyState, {
+        description: t32,
+        testId: "api-reference-error",
+        title: t4
+      }, void 0, false);
+      $[11] = t32;
+      $[12] = t4;
+      $[13] = t5;
+    } else {
+      t5 = $[13];
+    }
+    return t5;
+  }
+  if (state.kind === "empty" || model === void 0) {
+    let t32;
+    if ($[14] !== t) {
+      t32 = t("Run `lunora codegen` and wire `_generated/openapi.json` to the worker to render the API reference here.");
+      $[14] = t;
+      $[15] = t32;
+    } else {
+      t32 = $[15];
+    }
+    let t4;
+    if ($[16] !== t) {
+      t4 = t("No OpenAPI spec configured");
+      $[16] = t;
+      $[17] = t4;
+    } else {
+      t4 = $[17];
+    }
+    let t5;
+    if ($[18] !== t32 || $[19] !== t4) {
+      t5 = /* @__PURE__ */ jsxDEV(EmptyState, {
+        description: t32,
+        testId: "api-reference-empty",
+        title: t4
+      }, void 0, false);
+      $[18] = t32;
+      $[19] = t4;
+      $[20] = t5;
+    } else {
+      t5 = $[20];
+    }
+    return t5;
+  }
+  let t3;
+  if ($[21] !== model) {
+    t3 = /* @__PURE__ */ jsxDEV(ReferenceView, {
+      model
+    }, void 0, false);
+    $[21] = model;
+    $[22] = t3;
+  } else {
+    t3 = $[22];
+  }
+  return t3;
+};
+
+export { ApiReferencePanel as default };

package/dist/packem_shared/ApiTab-DURGU15e.js

@@ -0,0 +1,251 @@
+import { c } from 'react/compiler-runtime';
+import { useState } from 'react';
+import { B as Button } from './button-BhsN2uZH.js';
+import { useT } from './createStudioI18n-CgvlmDkN.js';
+import ApiDocsPanel from './ApiDocsPanel-DpRjJhG5.js';
+import ApiReferencePanel from './ApiReferencePanel-DMIUp-kK.js';
+import OpenRpcReferencePanel from './OpenRpcReferencePanel-j2p3HB0s.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_shared/AuditPanel-BC59Nhst.js

@@ -0,0 +1,212 @@
+import { useLunora } from '@lunora/react';
+import { useVirtualizer, observeElementRect } from '@tanstack/react-virtual';
+import { useState, useMemo, useRef } from 'react';
+import { L as LiveError } from './live-status-bPff1O7Y.js';
+import { ShardInput } from './ShardInput-DNCsT1KW.js';
+import { B as Badge } from './badge-B2PKA1-5.js';
+import { C as Card, a as CardContent } from './card-DURq3ElK.js';
+import { E as EmptyState } from './empty-state-DY_oe0k6.js';
+import { I as Input } from './input-XH4r1Pt1.js';
+import { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from './table-_RzNvy3R.js';
+import { u as useLiveAdmin } from './use-live-admin-D1h1Fzsd.js';
+import { useT } from './createStudioI18n-CgvlmDkN.js';
+import { ADMIN_FUNCTIONS } from './ADMIN_FUNCTION_PREFIX-DmBqMZ-z.js';
+import { d as formatTimestamp, c as callOptions, e as errorMessage, a as adminRef } from './internal-BBZYexre.js';
+import { u as useLiveShardSeed } from './use-live-shard-seed-B74RYcOy.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const GET_AUDIT_LOG = adminRef(ADMIN_FUNCTIONS.getAuditLog);
+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 client = useLunora();
+  const t = useT();
+  const [shardKey, setShardKey] = useState(initialShardKey ?? "");
+  const [entries, setEntries] = useState([]);
+  const [error, setError] = useState(null);
+  const [search, setSearch] = useState("");
+  const [liveError, setLiveError] = useState(void 0);
+  const refresh = async (shard) => {
+    setError(null);
+    try {
+      const result = await client.query(GET_AUDIT_LOG, {}, callOptions(shard));
+      setEntries(result.entries);
+    } catch (error_) {
+      setEntries([]);
+      setError(errorMessage(error_));
+      throw error_;
+    }
+  };
+  const committedShard = useLiveShardSeed(shardKey, refresh);
+  useLiveAdmin(ADMIN_FUNCTIONS.getAuditLog, {}, committedShard ?? "", (result_0) => {
+    setError(null);
+    setLiveError(void 0);
+    setEntries(result_0.entries);
+  }, committedShard !== void 0, setLiveError);
+  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("p", {
+      className: "text-sm text-destructive",
+      "data-testid": "au-error",
+      role: "alert",
+      children: error
+    }, void 0, false), error === null && 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 };