@nivaro/react 0.3.40 → 0.3.42

package/dist/shared/components/item-edit/RuleHiddenNotes.js

@@ -0,0 +1,55 @@
+import { jsx as n, jsxs as t } from "react/jsx-runtime";
+import { EyeOff as s, Eye as o } from "lucide-react";
+function m({
+  items: l,
+  revealed: i,
+  onToggle: r,
+  noun: d = "section"
+}) {
+  return l.length === 0 ? null : /* @__PURE__ */ n("ul", { "data-rule-hidden-notes": !0, className: "m-0 list-none space-y-0.5 p-0", children: l.map((e) => {
+    const a = i.has(e.key);
+    return /* @__PURE__ */ t(
+      "li",
+      {
+        "data-rule-hidden": e.key,
+        "data-rule-hidden-open": a ? "" : void 0,
+        className: "flex flex-wrap items-center gap-x-1.5 gap-y-0.5 text-[12px] leading-5 text-slate-500 dark:text-muted-foreground",
+        children: [
+          /* @__PURE__ */ n(
+            s,
+            {
+              "aria-hidden": !0,
+              className: "h-3.5 w-3.5 shrink-0 text-slate-400 dark:text-slate-500"
+            }
+          ),
+          /* @__PURE__ */ t("span", { className: "min-w-0", children: [
+            /* @__PURE__ */ n("span", { className: "font-medium text-slate-600 dark:text-slate-300", children: e.label }),
+            " ",
+            "shows when ",
+            e.when,
+            a ? " — shown read-only" : ""
+          ] }),
+          r && /* @__PURE__ */ t(
+            "button",
+            {
+              type: "button",
+              onClick: () => r(e.key),
+              "aria-expanded": a,
+              "aria-label": a ? `Hide the ${e.label} ${d} again` : `Show the ${e.label} ${d} anyway, read-only`,
+              "data-rule-hidden-toggle": e.key,
+              className: "inline-flex items-center gap-1 rounded px-1 text-[12px] font-medium text-[#0e7490] transition-colors hover:bg-muted dark:text-nvr-cyan",
+              children: [
+                a ? /* @__PURE__ */ n(s, { "aria-hidden": !0, className: "h-3 w-3" }) : /* @__PURE__ */ n(o, { "aria-hidden": !0, className: "h-3 w-3" }),
+                a ? "Hide again" : "Show anyway (read-only)"
+              ]
+            }
+          )
+        ]
+      },
+      e.key
+    );
+  }) });
+}
+export {
+  m as RuleHiddenNotes
+};

package/dist/shared/components/item-edit/field-comments-context.js

@@ -0,0 +1,6 @@
+import { useContext as t, createContext as e } from "react";
+const o = e(null), m = () => t(o);
+export {
+  o as FieldCommentsContext,
+  m as useFieldComments
+};

package/dist/shared/components/item-edit/field-sources.js

@@ -0,0 +1,33 @@
+import { describeFieldSource as s } from "../../lib/config-sentences.js";
+import { titleCase as m } from "../../lib/utils.js";
+function p(l, d, i) {
+  var r;
+  if (!l.length) return {};
+  const t = { fields: {}, types: {}, links: {}, collections: {} };
+  for (const o of l)
+    o.label && (t.fields[o.field] = o.label), o.type && (t.types[o.field] = o.type);
+  for (const o of d)
+    if (o.many_collection === i && o.many_field && o.one_collection && !o.junction_field && (t.links[o.many_field] = o.one_collection), o.one_collection === i && o.one_field && o.many_collection) {
+      const e = l.find((c) => c.field === o.one_field);
+      t.collections[o.many_collection] = ((r = e == null ? void 0 : e.label) == null ? void 0 : r.trim()) || m(o.many_collection);
+    }
+  const n = l.filter((o) => o.cross_record_defaults).map((o) => ({ field: o.field, config: o.cross_record_defaults })), f = {};
+  for (const o of l) {
+    if (!o.computed_type && !n.length) continue;
+    const e = s(
+      {
+        field: o.field,
+        computed_type: o.computed_type,
+        computed_formula: typeof o.computed_formula == "string" ? o.computed_formula : o.computed_formula ? JSON.stringify(o.computed_formula) : null,
+        computed_store: o.computed_store ?? null
+      },
+      t,
+      n.filter((c) => c.field !== o.field)
+    );
+    e && (f[o.field] = e);
+  }
+  return f;
+}
+export {
+  p as fieldSourcesFor
+};

package/dist/shared/components/item-edit/rule-hidden.js

@@ -0,0 +1,30 @@
+import { parseVisibleWhen as r, matchesVisibleWhen as u } from "../../lib/visible-when.js";
+import { describeShowWhen as l } from "../layout-editor/show-when.js";
+function f(n, o, s = {}) {
+  const i = [];
+  for (const e of r(n)) {
+    if (!(e != null && e.field)) continue;
+    const t = l([e], o, s);
+    t && i.push(/^(is|has) /.test(t) ? `the record ${t}` : t);
+  }
+  return i.length ? i.join(" and ") : null;
+}
+function a(n, o, s) {
+  const i = n.filter((e) => !e.startsWith("__"));
+  return i.length === 0 ? !1 : s ? !0 : o ? i.some((e) => Object.hasOwn(o, e)) : !1;
+}
+function d(n) {
+  var i;
+  const o = new Set(n.quiet ?? []), s = [];
+  for (const e of n.groups) {
+    if (o.has(e.key) || r(e.visible_when).length === 0 || u(e.visible_when, n.values) || !n.readable(e.key)) continue;
+    const t = f(e.visible_when, n.fields, n.choices);
+    t && s.push({ key: e.key, label: ((i = e.label) == null ? void 0 : i.trim()) || e.key, when: t });
+  }
+  return s;
+}
+export {
+  a as groupHasReadableField,
+  d as ruleHiddenGroups,
+  f as ruleHiddenWhen
+};

package/dist/shared/components/layout-editor/HistoryPanel.js

@@ -1,61 +1,61 @@
-import { jsxs as s, jsx as a, Fragment as I } from "react/jsx-runtime";
-import { useQueryClient as ee, useQuery as Q, useMutation as te } from "@tanstack/react-query";
-import { Bookmark as D } from "lucide-react";
+import { jsxs as s, jsx as n, Fragment as ee } from "react/jsx-runtime";
+import { useQueryClient as te, useQuery as Q, useMutation as ne } from "@tanstack/react-query";
+import { Bookmark as R } from "lucide-react";
 import { useState as h } from "react";
-import { toast as G } from "sonner";
-import { useNivaroClient as ae } from "../../context.js";
-import { get as R, post as ne } from "../../lib/commands.js";
-import { ExplainDiffButton as re } from "./assist/ExplainDiff.js";
-import { useVersionNaming as se, fetchVersionBundle as oe } from "./history-api.js";
-import { RestorePieceButton as ie } from "./RestorePiece.js";
-import { SessionHistory as le } from "./SessionHistory.js";
-import { slotName as de } from "./slot-names.js";
-import { layoutDraftKeys as W, parseSaveFailure as V } from "./useLayoutDraft.js";
-function ce(t) {
+import { toast as D } from "sonner";
+import { useNivaroClient as ae, useNavigation as re } from "../../context.js";
+import { get as G, post as se } from "../../lib/commands.js";
+import { ExplainDiffButton as oe } from "./assist/ExplainDiff.js";
+import { useVersionNaming as ie, fetchVersionBundle as le } from "./history-api.js";
+import { RestorePieceButton as de } from "./RestorePiece.js";
+import { SessionHistory as ce } from "./SessionHistory.js";
+import { slotName as me } from "./slot-names.js";
+import { layoutDraftKeys as H, parseSaveFailure as V } from "./useLayoutDraft.js";
+function ue(t) {
   return /^before\b/i.test(t) ? t : `Before: ${t}`;
 }
-const H = W.versions, me = W.bundle;
+const W = H.versions, pe = H.bundle;
 function N(t) {
   if (t == null || t === "") return "empty";
   if (typeof t == "object") {
-    const n = JSON.stringify(t);
-    return n.length > 60 ? `${n.slice(0, 57)}…` : n;
+    const a = JSON.stringify(t);
+    return a.length > 60 ? `${a.slice(0, 57)}…` : a;
   }
   return String(t);
 }
-const O = (t) => t.map((n) => `${n.field} ${N(n.from)} → ${N(n.to)}`), F = (t) => t.startsWith("__") ? de(t) : t;
-function ue(t) {
-  const n = [];
+const A = (t) => t.map((a) => `${a.field} ${N(a.from)} → ${N(a.to)}`), _ = (t) => t.startsWith("__") ? me(t) : t;
+function he(t) {
+  const a = [];
   for (const r of t.layout)
-    n.push({ kind: "Form", text: `${r.field}: ${N(r.from)} → ${N(r.to)}` });
-  for (const r of t.groups.added) n.push({ kind: "Group added", text: r });
-  for (const r of t.groups.removed) n.push({ kind: "Group removed", text: r });
+    a.push({ kind: "Form", text: `${r.field}: ${N(r.from)} → ${N(r.to)}` });
+  for (const r of t.groups.added) a.push({ kind: "Group added", text: r });
+  for (const r of t.groups.removed) a.push({ kind: "Group removed", text: r });
   for (const r of t.groups.changed)
-    n.push({ kind: "Group", text: `${r.label}: ${O(r.changes).join(" · ")}` });
-  for (const r of t.assignments.added) n.push({ kind: "Field added", text: F(r) });
+    a.push({ kind: "Group", text: `${r.label}: ${A(r.changes).join(" · ")}` });
+  for (const r of t.assignments.added) a.push({ kind: "Field added", text: _(r) });
   for (const r of t.assignments.removed)
-    n.push({ kind: "Field removed", text: F(r) });
+    a.push({ kind: "Field removed", text: _(r) });
   for (const r of t.assignments.changed)
-    n.push({
+    a.push({
       kind: "Field",
-      text: `${F(r.label)}: ${O(r.changes).join(" · ")}`
+      text: `${_(r.label)}: ${A(r.changes).join(" · ")}`
     });
-  return n;
+  return a;
 }
-function pe({ diff: t }) {
-  const [n, r] = h(!1);
+function fe({ diff: t }) {
+  const [a, r] = h(!1);
   if (t.total === 0)
-    return /* @__PURE__ */ a("p", { className: "mt-1 text-[12px] text-slate-500 dark:text-slate-400", children: "Nothing differs from that version. The form is exactly as it was saved." });
-  const l = ue(t), x = n ? l : l.slice(0, 12);
+    return /* @__PURE__ */ n("p", { className: "mt-1 text-[12px] text-slate-500 dark:text-slate-400", children: "Nothing differs from that version. The form is exactly as it was saved." });
+  const o = he(t), x = a ? o : o.slice(0, 12);
   return /* @__PURE__ */ s("div", { className: "mt-1", children: [
-    t.warnings.map((o) => /* @__PURE__ */ a(
+    t.warnings.map((i) => /* @__PURE__ */ n(
       "p",
       {
         "data-layout-diff-warning": !0,
         className: "mb-1 rounded bg-[#fae6eb] px-1.5 py-1 text-[12px] text-[#9c2f47] dark:bg-[#3d1621] dark:text-[#f08aa1]",
-        children: o
+        children: i
       },
-      o
+      i
     )),
     /* @__PURE__ */ s("p", { className: "text-[12px] text-slate-500 dark:text-slate-400", children: [
       t.total,
@@ -63,82 +63,82 @@ function pe({ diff: t }) {
       t.total === 1 ? "" : "s",
       t.from.created_at ? ` since ${new Date(t.from.created_at).toLocaleString()}` : ""
     ] }),
-    /* @__PURE__ */ a("ul", { className: "mt-1 space-y-0.5", children: x.map((o, c) => (
+    /* @__PURE__ */ n("ul", { className: "mt-1 space-y-0.5", children: x.map((i, c) => (
       // biome-ignore lint/suspicious/noArrayIndexKey: ordered diff rows
       /* @__PURE__ */ s("li", { className: "flex gap-2 text-[12px]", children: [
-        /* @__PURE__ */ a("span", { className: "w-24 shrink-0 text-[11px] text-slate-500 dark:text-slate-400", children: o.kind }),
-        /* @__PURE__ */ a("span", { className: "min-w-0 break-words text-slate-700 dark:text-slate-200", children: o.text })
+        /* @__PURE__ */ n("span", { className: "w-24 shrink-0 text-[11px] text-slate-500 dark:text-slate-400", children: i.kind }),
+        /* @__PURE__ */ n("span", { className: "min-w-0 break-words text-slate-700 dark:text-slate-200", children: i.text })
       ] }, c)
     )) }),
-    l.length > 12 && /* @__PURE__ */ a(
+    o.length > 12 && /* @__PURE__ */ n(
       "button",
       {
         type: "button",
-        onClick: () => r((o) => !o),
+        onClick: () => r((i) => !i),
         className: "mt-1 text-[11px] text-slate-500 underline dark:text-slate-400",
-        children: n ? "Show fewer" : `Show all ${l.length}`
+        children: a ? "Show fewer" : `Show all ${o.length}`
       }
     )
   ] });
 }
-function _e({
+function Le({
   layoutId: t,
-  onRestored: n,
+  onRestored: a,
   unsavedCount: r = 0,
-  onDiscardUnsaved: l,
+  onDiscardUnsaved: o,
   session: x,
-  onJump: o,
+  onJump: i,
   onShowOnCanvas: c,
-  bundle: _,
+  bundle: F,
   onApply: S,
-  fieldLabel: Y
+  fieldLabel: O
 }) {
-  const g = ae(), k = ee(), [f, q] = h(null), [A, v] = h(null), { data: m = [], isLoading: z } = Q({
-    queryKey: H(t),
-    queryFn: () => g.request(R(`/collection-layouts/${t}/versions`)).then((e) => e.data ?? []),
+  const g = ae(), Y = re(), k = te(), [f, q] = h(null), [z, v] = h(null), { data: m = [], isLoading: J } = Q({
+    queryKey: W(t),
+    queryFn: () => g.request(G(`/collection-layouts/${t}/versions`)).then((e) => e.data ?? []),
     staleTime: 0,
     refetchOnMount: "always"
-  }), u = f ?? (m.length > 0 ? "newest" : null), { data: p, isLoading: J } = Q({
+  }), u = f ?? (m.length > 0 ? "newest" : null), { data: p, isLoading: X } = Q({
     queryKey: ["layout-editor", "version-diff", t, u],
     queryFn: () => g.request(
-      R(`/collection-layouts/${t}/versions/${u}/diff`, { against: "current" })
+      G(`/collection-layouts/${t}/versions/${u}/diff`, { against: "current" })
     ).then((e) => e.data),
     enabled: u != null,
     staleTime: 0,
     refetchOnMount: "always"
-  }), b = te({
-    mutationFn: (e) => g.request(ne(`/collection-layouts/${t}/versions/${e}/restore`)),
+  }), b = ne({
+    mutationFn: (e) => g.request(se(`/collection-layouts/${t}/versions/${e}/restore`)),
     onSuccess: () => {
-      v(null), l == null || l(), k.invalidateQueries({ queryKey: me(t) }), k.invalidateQueries({ queryKey: H(t) }), k.invalidateQueries({ queryKey: ["layout-editor", "version-diff", t] }), n == null || n();
+      v(null), o == null || o(), k.invalidateQueries({ queryKey: pe(t) }), k.invalidateQueries({ queryKey: W(t) }), k.invalidateQueries({ queryKey: ["layout-editor", "version-diff", t] }), a == null || a();
     }
-  }), y = m.find((e) => e.id === f), { nameVersion: X, nameCurrent: Z } = se(t), [w, $] = h(null), [K, L] = h(""), [C, j] = h(null), B = (e, i = "") => {
-    $(e), L(i);
+  }), y = m.find((e) => e.id === f), { nameVersion: Z, nameCurrent: U } = ie(t), [w, $] = h(null), [L, K] = h(""), [C, j] = h(null), B = (e, l = "") => {
+    $(e), K(l);
   }, T = () => {
-    const e = w, i = K.trim();
+    const e = w, l = L.trim();
     if ($(null), e == null) return;
-    const P = { onError: (U) => G.error(V(U, "Not named").message) };
-    e === "current" ? i && Z.mutate(i, P) : X.mutate({ versionId: e, name: i || null }, P);
+    const P = { onError: (I) => D.error(V(I, "Not named").message) };
+    e === "current" ? l && U.mutate(l, P) : Z.mutate({ versionId: e, name: l || null }, P);
   }, E = async (e) => {
     if (c) {
       j(e.id);
       try {
-        const i = await oe(g, t, e.id);
-        c(i, e.name ? `“${e.name}” (v${e.version})` : `version ${e.version}`);
-      } catch (i) {
-        G.error(V(i, "That version could not be read").message);
+        const l = await le(g, t, e.id);
+        c(l, e.name ? `“${e.name}” (v${e.version})` : `version ${e.version}`);
+      } catch (l) {
+        D.error(V(l, "That version could not be read").message);
       } finally {
         j(null);
       }
     }
-  }, M = /* @__PURE__ */ a(
+  }, M = /* @__PURE__ */ n(
     "input",
     {
       autoFocus: !0,
       "aria-label": "Version name",
-      value: K,
+      value: L,
       maxLength: 120,
       placeholder: "e.g. Go-live baseline",
-      onChange: (e) => L(e.target.value),
+      onChange: (e) => K(e.target.value),
       onKeyDown: (e) => {
         e.key === "Enter" && T(), e.key === "Escape" && (e.stopPropagation(), $(null));
       },
@@ -147,12 +147,13 @@ function _e({
     }
   ), d = "rounded border border-slate-200 px-1.5 py-0.5 text-[11px] hover:bg-slate-50 dark:border-border dark:hover:bg-muted";
   return /* @__PURE__ */ s("div", { className: "flex flex-col gap-2 text-[12px]", "data-layout-history": !0, children: [
-    x && o && /* @__PURE__ */ a(le, { session: x, onJump: o }),
+    x && i && /* @__PURE__ */ n(ce, { session: x, onJump: i }),
+    /* @__PURE__ */ n(xe, { layoutId: t, nav: Y }),
     m.length > 0 && /* @__PURE__ */ s("div", { className: "rounded-lg border border-slate-200 bg-slate-50 p-2 dark:border-border dark:bg-muted/40", children: [
       /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-2", children: [
-        /* @__PURE__ */ a("p", { className: "text-[11px] font-semibold text-slate-600 dark:text-slate-300", children: f == null ? "What the last save changed" : `Version ${(y == null ? void 0 : y.version) ?? "?"} compared with now` }),
+        /* @__PURE__ */ n("p", { className: "text-[11px] font-semibold text-slate-600 dark:text-slate-300", children: f == null ? "What the last save changed" : `Version ${(y == null ? void 0 : y.version) ?? "?"} compared with now` }),
         /* @__PURE__ */ s("span", { className: "flex items-center gap-2", children: [
-          c && p && p.total > 0 && /* @__PURE__ */ a(
+          c && p && p.total > 0 && /* @__PURE__ */ n(
             "button",
             {
               type: "button",
@@ -167,7 +168,7 @@ function _e({
               children: "Show on canvas"
             }
           ),
-          f != null && /* @__PURE__ */ a(
+          f != null && /* @__PURE__ */ n(
             "button",
             {
               type: "button",
@@ -178,10 +179,10 @@ function _e({
           )
         ] })
       ] }),
-      J && /* @__PURE__ */ a("p", { className: "mt-1 text-slate-500", children: "Comparing…" }),
-      p && /* @__PURE__ */ a(pe, { diff: p }),
-      p && p.total > 0 && u != null && /* @__PURE__ */ a(
-        re,
+      X && /* @__PURE__ */ n("p", { className: "mt-1 text-slate-500", children: "Comparing…" }),
+      p && /* @__PURE__ */ n(fe, { diff: p }),
+      p && p.total > 0 && u != null && /* @__PURE__ */ n(
+        oe,
         {
           className: "mt-2",
           a: { layout_id: t, version: u },
@@ -190,8 +191,8 @@ function _e({
         String(u)
       )
     ] }),
-    b.isError && /* @__PURE__ */ a("p", { className: "text-[12px] text-[#9c2f47] dark:text-[#f08aa1]", children: "Restore failed. Nothing was changed." }),
-    /* @__PURE__ */ a("div", { className: "flex items-center gap-2", "data-name-current": "", children: w === "current" ? M : /* @__PURE__ */ s(
+    b.isError && /* @__PURE__ */ n("p", { className: "text-[12px] text-[#9c2f47] dark:text-[#f08aa1]", children: "Restore failed. Nothing was changed." }),
+    /* @__PURE__ */ n("div", { className: "flex items-center gap-2", "data-name-current": "", children: w === "current" ? M : /* @__PURE__ */ s(
       "button",
       {
         type: "button",
@@ -199,12 +200,12 @@ function _e({
         "data-tip": "Keep the form as it is saved now, under a name, beyond the rolling 30 versions",
         className: `${d} inline-flex items-center gap-1`,
         children: [
-          /* @__PURE__ */ a(D, { className: "h-3 w-3" }),
+          /* @__PURE__ */ n(R, { className: "h-3 w-3" }),
           "Name the saved form…"
         ]
       }
     ) }),
-    z ? /* @__PURE__ */ a("p", { className: "text-slate-500", children: "Loading history…" }) : m.length === 0 ? /* @__PURE__ */ a("p", { className: "text-slate-500 dark:text-slate-400", children: "No versions yet. One is saved before every change." }) : /* @__PURE__ */ a("ul", { className: "max-h-64 space-y-1 overflow-y-auto", children: m.map((e) => /* @__PURE__ */ s(
+    J ? /* @__PURE__ */ n("p", { className: "text-slate-500", children: "Loading history…" }) : m.length === 0 ? /* @__PURE__ */ n("p", { className: "text-slate-500 dark:text-slate-400", children: "No versions yet. One is saved before every change." }) : /* @__PURE__ */ n("ul", { className: "max-h-64 space-y-1 overflow-y-auto", children: m.map((e) => /* @__PURE__ */ s(
       "li",
       {
         className: "flex items-center justify-between gap-2 rounded border border-slate-100 px-2 py-1 dark:border-border/60",
@@ -217,8 +218,8 @@ function _e({
                 "data-tip": "Named: kept beyond the rolling 30 versions",
                 className: "mr-1 inline-flex max-w-full items-center gap-0.5 rounded bg-slate-100 px-1 text-[11px] font-medium text-slate-700 dark:bg-muted dark:text-slate-200",
                 children: [
-                  /* @__PURE__ */ a(D, { className: "h-3 w-3 shrink-0" }),
-                  /* @__PURE__ */ a("span", { className: "truncate", children: e.name })
+                  /* @__PURE__ */ n(R, { className: "h-3 w-3 shrink-0" }),
+                  /* @__PURE__ */ n("span", { className: "truncate", children: e.name })
                 ]
               }
             ),
@@ -228,13 +229,13 @@ function _e({
             ] }),
             " ",
             /* @__PURE__ */ s("span", { className: "text-slate-500 dark:text-slate-400", children: [
-              e.note ? `${ce(e.note)} · ` : "",
+              e.note ? `${ue(e.note)} · ` : "",
               new Date(e.created_at).toLocaleString(),
               e.created_by_name ? ` · ${e.created_by_name}` : ""
             ] })
           ] }),
           /* @__PURE__ */ s("span", { className: "flex shrink-0 items-center gap-1", children: [
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
@@ -245,7 +246,7 @@ function _e({
                 children: e.name ? "Rename" : "Name"
               }
             ),
-            /* @__PURE__ */ a(
+            /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
@@ -257,7 +258,7 @@ function _e({
                 children: "Compare"
               }
             ),
-            c && /* @__PURE__ */ a(
+            c && /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
@@ -269,20 +270,20 @@ function _e({
                 children: C === e.id ? "…" : "Canvas"
               }
             ),
-            _ && S && /* @__PURE__ */ a(
-              ie,
+            F && S && /* @__PURE__ */ n(
+              de,
               {
                 layoutId: t,
                 version: e,
-                bundle: _,
+                bundle: F,
                 onApply: S,
-                fieldLabel: Y,
-                onDone: n,
+                fieldLabel: O,
+                onDone: a,
                 className: d
               }
             ),
-            A === e.id ? /* @__PURE__ */ s(I, { children: [
-              /* @__PURE__ */ a(
+            z === e.id ? /* @__PURE__ */ s(ee, { children: [
+              /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
@@ -294,8 +295,8 @@ function _e({
                   children: b.isPending ? "Restoring…" : r > 0 ? "Restore, drop unsaved" : "Yes, restore"
                 }
               ),
-              /* @__PURE__ */ a("button", { type: "button", onClick: () => v(null), className: d, children: "Cancel" })
-            ] }) : /* @__PURE__ */ a(
+              /* @__PURE__ */ n("button", { type: "button", onClick: () => v(null), className: d, children: "Cancel" })
+            ] }) : /* @__PURE__ */ n(
               "button",
               {
                 type: "button",
@@ -314,7 +315,23 @@ function _e({
     )) })
   ] });
 }
+function xe({
+  layoutId: t,
+  nav: a
+}) {
+  const r = `/activity?collection=nivaro_collection_layouts&item=${encodeURIComponent(String(t))}`, o = a.consoleUrl ? a.consoleUrl(r) : r;
+  return o ? /* @__PURE__ */ n(
+    "button",
+    {
+      type: "button",
+      "data-layout-audit-link": !0,
+      onClick: () => a.navigate(o),
+      className: "self-end text-[11px] text-nvr-navy underline dark:text-nvr-cyan",
+      children: "Who changed it — open the audit log"
+    }
+  ) : null;
+}
 export {
-  _e as HistoryPanel,
-  ce as versionNoteLabel
+  Le as HistoryPanel,
+  ue as versionNoteLabel
 };