@ai-matrx/detail 0.1.169 → 0.1.171

package/dist/react.cjs

@@ -551,111 +551,33 @@ function useOpenDetail(warmType) {
 var import_react7 = require("react");
 
 // src/react/icons.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-function glyph(name, children) {
-  function Icon(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: 24,
-        height: 24,
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: 2,
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        "aria-hidden": "true",
-        "data-detail-icon": name,
-        ...props,
-        children
-      }
-    );
-  }
-  Icon.displayName = `DetailIcon(${name})`;
-  return Icon;
-}
-var AlertCircleIcon = glyph(
-  "alert-circle",
-  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "12", x2: "12", y1: "8", y2: "12" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "12", x2: "12.01", y1: "16", y2: "16" })
-  ] })
-);
-var HistoryIcon = glyph(
-  "history",
-  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M3 3v5h5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 7v5l4 2" })
-  ] })
-);
-var Link2Icon = glyph(
-  "link-2",
-  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M9 17H7A5 5 0 0 1 7 7h2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M15 7h2a5 5 0 1 1 0 10h-2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "8", x2: "16", y1: "12", y2: "12" })
-  ] })
-);
-var SHIELD = "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z";
-var ShieldAlertIcon = glyph(
-  "shield-alert",
-  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: SHIELD }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 8v4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 16h.01" })
-  ] })
-);
-var ShieldCheckIcon = glyph(
-  "shield-check",
-  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: SHIELD }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "m9 12 2 2 4-4" })
-  ] })
-);
-var ExpandIcon = glyph(
-  "expand",
-  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "m15 15 6 6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "m15 9 6-6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M21 16v5h-5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M21 8V3h-5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M3 16v5h5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "m3 21 6-6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M3 8V3h5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M9 9 3 3" })
-  ] })
-);
-var LoaderIcon = glyph("loader", /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }));
-var Settings2Icon = glyph(
-  "settings-2",
-  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M14 17H5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M19 7h-9" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "17", cy: "17", r: "3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "7", cy: "7", r: "3" })
-  ] })
-);
+var import_icons = require("@ai-matrx/design-system/icons");
+var sized = (Glyph) => (0, import_icons.withGlyphDefaults)(Glyph, { width: 24, height: 24 });
+var AlertCircleIcon = sized(import_icons.CircleAlertIcon);
+var HistoryIcon = sized(import_icons.HistoryIcon);
+var Link2Icon = sized(import_icons.Link2Icon);
+var ShieldAlertIcon = sized(import_icons.ShieldAlertIcon);
+var ShieldCheckIcon = sized(import_icons.ShieldCheckIcon);
+var ExpandIcon = sized(import_icons.ExpandIcon);
+var LoaderIcon = sized(import_icons.Loader2Icon);
+var Settings2Icon = sized(import_icons.Settings2Icon);
 
 // src/react/DetailHeader.tsx
-var import_icons2 = require("@ai-matrx/design-system/icons");
+var import_icons3 = require("@ai-matrx/design-system/icons");
 var import_design_system = require("@ai-matrx/design-system");
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var ICON_BUTTON = "inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-40 disabled:hover:bg-transparent pointer-coarse:h-10 pointer-coarse:w-10";
 var MENU_ITEM = "flex w-full items-center gap-2 rounded px-2 py-1.5 text-left text-xs text-muted-foreground transition-colors hover:bg-accent hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:py-2.5";
 var TYPE_CHIP = "shrink-0 rounded-full px-2 py-0.5 text-[10px] font-medium uppercase tracking-wide ring-1 ring-inset";
 var PRESENTATIONS = [
-  { value: "window", label: "Open as window", Icon: import_icons2.AppWindowIcon },
-  { value: "docked", label: "Open docked to the side", Icon: import_icons2.PanelRightIcon },
+  { value: "window", label: "Open as window", Icon: import_icons3.AppWindowIcon },
+  { value: "docked", label: "Open docked to the side", Icon: import_icons3.PanelRightIcon },
   { value: "page", label: "Open as page", Icon: ExpandIcon }
 ];
 function TypeChip({ core, className }) {
   const color = identityColor(core.recordType?.color);
   const accent = color ? null : core.recordType?.accent ?? null;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     "span",
     {
       className: (0, import_design_system.cn)(
@@ -682,9 +604,9 @@ function DetailTitle({ core }) {
   const color = identityColor(core.recordType?.color);
   const accent = core.recordType?.accent ?? null;
   const RecordDoors = host.doors.RecordDoors;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-    Icon ? color ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "inline-flex shrink-0", style: { color }, "data-detail-identity-color": color, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon, { className: "h-4 w-4 shrink-0" }) }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon, { className: (0, import_design_system.cn)("h-4 w-4 shrink-0", accent?.text) }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+    Icon ? color ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "inline-flex shrink-0", style: { color }, "data-detail-identity-color": color, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { className: "h-4 w-4 shrink-0" }) }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { className: (0, import_design_system.cn)("h-4 w-4 shrink-0", accent?.text) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       "span",
       {
         className: (0, import_design_system.cn)(
@@ -696,24 +618,24 @@ function DetailTitle({ core }) {
         children: core.title
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TypeChip, { core, className: "hidden sm:inline-block" }),
-    core.entityToken && core.doorsAvailable ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "hidden shrink-0 sm:inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RecordDoors, { token: core.entityToken, id: core.ref.id, name: core.title }) }) : null
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TypeChip, { core, className: "hidden sm:inline-block" }),
+    core.entityToken && core.doorsAvailable ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "hidden shrink-0 sm:inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RecordDoors, { token: core.entityToken, id: core.ref.id, name: core.title }) }) : null
   ] });
 }
 function DetailRecordMeta({ core }) {
   const host = useDetailHost();
   const RecordDoors = host.doors.RecordDoors;
   const trimmedFrom = core.list.context?.trimmedFrom;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     "div",
     {
       className: "flex flex-wrap items-center gap-2 border-b border-border/60 px-4 py-2",
       "data-detail-record-meta": true,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TypeChip, { core, className: "sm:hidden" }),
-        core.entityToken && core.doorsAvailable ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "inline-flex sm:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RecordDoors, { token: core.entityToken, id: core.ref.id, name: core.title }) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "inline-flex min-w-0", "data-detail-id": true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system.RecordId, { value: core.ref.id, label: "Record", show: "full" }) }),
-        trimmedFrom ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "w-full text-[10px] text-muted-foreground", "data-detail-list-trimmed": true, children: `Stepping through ${core.list.context?.items.length} of the ${trimmedFrom} records in the list this was opened from \u2014 a link can only carry that many, so the rest are not reachable from here. Open the list again to reach them.` }) : null
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TypeChip, { core, className: "sm:hidden" }),
+        core.entityToken && core.doorsAvailable ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "inline-flex sm:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RecordDoors, { token: core.entityToken, id: core.ref.id, name: core.title }) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "inline-flex min-w-0", "data-detail-id": true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_design_system.RecordId, { value: core.ref.id, label: "Record", show: "full" }) }),
+        trimmedFrom ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "w-full text-[10px] text-muted-foreground", "data-detail-list-trimmed": true, children: `Stepping through ${core.list.context?.items.length} of the ${trimmedFrom} records in the list this was opened from \u2014 a link can only carry that many, so the rest are not reachable from here. Open the list again to reach them.` }) : null
       ]
     }
   );
@@ -770,9 +692,9 @@ function DetailActions({ core, optional = "inline" }) {
   }, [menuOpen]);
   const list = core.list;
   const others = PRESENTATIONS.filter((p) => p.value !== core.presentation);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex shrink-0 items-center gap-0.5", "data-detail-actions": true, children: [
-    list.context ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex shrink-0 items-center gap-0.5", "data-detail-actions": true, children: [
+    list.context ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
         "button",
         {
           type: "button",
@@ -781,15 +703,15 @@ function DetailActions({ core, optional = "inline" }) {
           disabled: !list.hasPrev,
           "aria-label": "Previous record (Up arrow, or left bracket)",
           title: "Previous record  \u2191 or [",
-          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons2.ChevronLeftIcon, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons3.ChevronLeftIcon, { className: "h-4 w-4" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "px-1 text-[11px] tabular-nums text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "px-1 text-[11px] tabular-nums text-muted-foreground", children: [
         list.context.index + 1,
         "/",
         list.context.items.length
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
         "button",
         {
           type: "button",
@@ -798,19 +720,19 @@ function DetailActions({ core, optional = "inline" }) {
           disabled: !list.hasNext,
           "aria-label": "Next record (Down arrow, or right bracket)",
           title: "Next record  \u2193 or ]",
-          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons2.ChevronRightIcon, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons3.ChevronRightIcon, { className: "h-4 w-4" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "mx-1 h-4 w-px bg-border", "aria-hidden": true })
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "mx-1 h-4 w-px bg-border", "aria-hidden": true })
     ] }) : null,
-    optional === "none" ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    optional === "none" ? null : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
         "span",
         {
           className: "flex items-center gap-0.5 @max-[26rem]/window-header:hidden",
           "data-detail-actions-collapsible": true,
           children: [
-            others.map(({ value, label, Icon }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            others.map(({ value, label, Icon }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
               "button",
               {
                 type: "button",
@@ -818,11 +740,11 @@ function DetailActions({ core, optional = "inline" }) {
                 onClick: () => core.switchTo(value),
                 "aria-label": label,
                 title: label,
-                children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { className: "h-4 w-4" })
               },
               value
             )),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
               "button",
               {
                 type: "button",
@@ -831,14 +753,14 @@ function DetailActions({ core, optional = "inline" }) {
                 "aria-label": "Copy record id",
                 title: "Copy record id",
                 "data-detail-copy-id": true,
-                children: copied ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons2.CheckIcon, { className: "h-3.5 w-3.5 text-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons2.CopyIcon, { className: "h-3.5 w-3.5" })
+                children: copied ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons3.CheckIcon, { className: "h-3.5 w-3.5 text-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons3.CopyIcon, { className: "h-3.5 w-3.5" })
               }
             )
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "relative hidden @max-[26rem]/window-header:inline-flex", ref: menuRef, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "relative hidden @max-[26rem]/window-header:inline-flex", ref: menuRef, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           "button",
           {
             type: "button",
@@ -849,10 +771,10 @@ function DetailActions({ core, optional = "inline" }) {
             "aria-haspopup": "menu",
             "aria-expanded": menuOpen,
             "data-detail-actions-overflow": true,
-            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons2.MoreHorizontalIcon, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons3.MoreHorizontalIcon, { className: "h-4 w-4" })
           }
         ),
-        menuOpen ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        menuOpen ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
           "div",
           {
             role: "menu",
@@ -860,7 +782,7 @@ function DetailActions({ core, optional = "inline" }) {
             className: "absolute right-0 top-full z-50 mt-1 min-w-44 rounded-md border border-border bg-card p-1 shadow-md",
             "data-detail-actions-menu": true,
             children: [
-              others.map(({ value, label, Icon }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+              others.map(({ value, label, Icon }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -871,13 +793,13 @@ function DetailActions({ core, optional = "inline" }) {
                     core.switchTo(value);
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Icon, { className: "h-3.5 w-3.5 shrink-0" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Icon, { className: "h-3.5 w-3.5 shrink-0" }),
                     label
                   ]
                 },
                 value
               )),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -888,7 +810,7 @@ function DetailActions({ core, optional = "inline" }) {
                     void copyId();
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons2.CopyIcon, { className: "h-3.5 w-3.5 shrink-0" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons3.CopyIcon, { className: "h-3.5 w-3.5 shrink-0" }),
                     "Copy record id"
                   ]
                 }
@@ -919,8 +841,8 @@ function formatWhen(iso) {
 // src/react/DetailPresentationPane.tsx
 var import_react8 = require("react");
 var import_design_system2 = require("@ai-matrx/design-system");
-var import_icons4 = require("@ai-matrx/design-system/icons");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_icons5 = require("@ai-matrx/design-system/icons");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var WORD = {
   window: "a window",
   docked: "a docked panel",
@@ -997,12 +919,12 @@ function DetailPresentationPane({ core }) {
   }, [open, save, registerSave]);
   if (!save) return null;
   if (!open) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "w-full", children: [
-      setting.error ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { className: "px-1 pt-1 text-[11px] text-muted-foreground", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "w-full", children: [
+      setting.error ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: "px-1 pt-1 text-[11px] text-muted-foreground", children: [
         `Your "open details as" setting could not be read (${setting.error}) \u2014 details are opening as ${WORD[core.presentation]}.`,
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.ErrorActions, { origin: "detail/DetailPresentationPane", operation: "Read the open-details-as setting", error: setting.error })
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system2.ErrorActions, { origin: "detail/DetailPresentationPane", operation: "Read the open-details-as setting", error: setting.error })
       ] }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
         "button",
         {
           type: "button",
@@ -1010,25 +932,25 @@ function DetailPresentationPane({ core }) {
           className: "flex w-full items-center gap-1.5 rounded-md px-1 py-1 text-left text-[11px] text-muted-foreground transition-colors hover:bg-accent hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
           "data-detail-presentation-pane": "collapsed",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Settings2Icon, { className: "h-3 w-3 shrink-0" }),
-            setting.error ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: `Details open as ${WORD[effective]}.` }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "underline underline-offset-2", children: "Change" })
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Settings2Icon, { className: "h-3 w-3 shrink-0" }),
+            setting.error ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: `Details open as ${WORD[effective]}.` }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "underline underline-offset-2", children: "Change" })
           ]
         }
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "section",
     {
       className: "space-y-2 rounded-md border border-border bg-muted/30 p-3",
       "data-detail-presentation-pane": "open",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("h3", { className: "flex items-center gap-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Settings2Icon, { className: "h-3 w-3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("h3", { className: "flex items-center gap-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Settings2Icon, { className: "h-3 w-3" }),
           "How record details open"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex flex-wrap gap-1", role: "group", "aria-label": "Open record details as", children: DETAIL_PRESENTATIONS.map((value) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex flex-wrap gap-1", role: "group", "aria-label": "Open record details as", children: DETAIL_PRESENTATIONS.map((value) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           "button",
           {
             type: "button",
@@ -1045,7 +967,7 @@ function DetailPresentationPane({ core }) {
           },
           value
         )) }),
-        hasTypeException ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        hasTypeException ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           "button",
           {
             type: "button",
@@ -1056,8 +978,8 @@ function DetailPresentationPane({ core }) {
             children: `Use the default for ${core.typeLabel.toLowerCase()} records`
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "input",
             {
               type: "checkbox",
@@ -1073,8 +995,8 @@ function DetailPresentationPane({ core }) {
           core.typeLabel.toLowerCase(),
           " records"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
             "button",
             {
               type: "button",
@@ -1082,13 +1004,13 @@ function DetailPresentationPane({ core }) {
               disabled: state.status === "saving",
               className: "inline-flex items-center gap-1 rounded-md bg-primary px-2.5 py-1 text-xs text-primary-foreground transition-colors hover:bg-primary/90 disabled:opacity-60 pointer-coarse:py-2",
               children: [
-                state.status === "saving" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(LoaderIcon, { className: "h-3 w-3 animate-spin" }) : state.status === "saved" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons4.CheckIcon, { className: "h-3 w-3" }) : null,
+                state.status === "saving" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LoaderIcon, { className: "h-3 w-3 animate-spin" }) : state.status === "saved" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_icons5.CheckIcon, { className: "h-3 w-3" }) : null,
                 "Save"
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-[11px] text-muted-foreground", children: state.status === "saved" ? "Saved. It applies to the next record you open." : "\u2318/Ctrl + Enter" }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-[11px] text-muted-foreground", children: state.status === "saved" ? "Saved. It applies to the next record you open." : "\u2318/Ctrl + Enter" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "button",
             {
               type: "button",
@@ -1098,15 +1020,15 @@ function DetailPresentationPane({ core }) {
             }
           )
         ] }),
-        state.status === "refused" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { className: "text-xs text-destructive", "data-detail-presentation-refusal": true, children: [
+        state.status === "refused" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: "text-xs text-destructive", "data-detail-presentation-refusal": true, children: [
           state.reason,
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.ErrorActions, { origin: "detail/DetailPresentationPane", operation: "Change how details open", message: state.reason })
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system2.ErrorActions, { origin: "detail/DetailPresentationPane", operation: "Change how details open", message: state.reason })
         ] }) : null,
-        setting.error ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+        setting.error ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
           "The saved setting could not be read here (",
           setting.error,
           "), so this shows what this detail is actually doing.",
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.ErrorActions, { origin: "detail/DetailPresentationPane", operation: "Read the open-details-as setting", error: setting.error })
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_design_system2.ErrorActions, { origin: "detail/DetailPresentationPane", operation: "Read the open-details-as setting", error: setting.error })
         ] }) : null
       ]
     }
@@ -1114,9 +1036,9 @@ function DetailPresentationPane({ core }) {
 }
 
 // src/react/DetailBody.tsx
-var import_icons6 = require("@ai-matrx/design-system/icons");
+var import_icons7 = require("@ai-matrx/design-system/icons");
 var import_outbound_react = require("@ai-matrx/kit/outbound-react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var SLOW_LOAD_NOTICE_MS = 6e3;
 function useSlowLoadNotice(active, key) {
   const [slow, setSlow] = (0, import_react9.useState)(false);
@@ -1132,7 +1054,7 @@ function useSlowLoadNotice(active, key) {
   return slow;
 }
 function SectionHeading({ icon, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("h3", { className: "flex items-center gap-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("h3", { className: "flex items-center gap-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: [
     icon,
     children
   ] });
@@ -1141,8 +1063,8 @@ function Notice({
   tone,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex flex-col items-center gap-2 py-8 text-center", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex flex-col items-center gap-2 py-8 text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       AlertCircleIcon,
       {
         className: (0, import_design_system3.cn)(
@@ -1153,7 +1075,7 @@ function Notice({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "max-w-prose text-sm text-muted-foreground", children })
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "max-w-prose text-sm text-muted-foreground", children })
   ] });
 }
 var GRANT_WORD = {
@@ -1189,7 +1111,7 @@ function HealthStrip({ health }) {
       setRefreshing(false);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "div",
     {
       className: (0, import_design_system3.cn)(
@@ -1198,9 +1120,9 @@ function HealthStrip({ health }) {
       ),
       "data-detail-health": true,
       children: [
-        ok ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ShieldCheckIcon, { className: "h-3.5 w-3.5 text-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ShieldAlertIcon, { className: "h-3.5 w-3.5 text-destructive" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "font-medium", children: health.source }),
-        ok ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        ok ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ShieldCheckIcon, { className: "h-3.5 w-3.5 text-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ShieldAlertIcon, { className: "h-3.5 w-3.5 text-destructive" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "font-medium", children: health.source }),
+        ok ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           "span",
           {
             className: "rounded bg-destructive/10 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-destructive",
@@ -1208,13 +1130,13 @@ function HealthStrip({ health }) {
             children: GRANT_WORD[health.grant]
           }
         ),
-        health.lastRefreshedAt ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
+        health.lastRefreshedAt ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { children: [
           "Refreshed ",
           formatWhen(health.lastRefreshedAt)
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "Never refreshed" }),
-        health.grantDetail ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: health.grantDetail }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "ml-auto flex items-center gap-1", children: [
-          health.onRefresh ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "Never refreshed" }),
+        health.grantDetail ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: health.grantDetail }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "ml-auto flex items-center gap-1", children: [
+          health.onRefresh ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
             "button",
             {
               type: "button",
@@ -1222,12 +1144,12 @@ function HealthStrip({ health }) {
               disabled: refreshing,
               className: "inline-flex h-6 items-center gap-1 rounded px-1.5 hover:bg-accent hover:text-foreground disabled:opacity-50 pointer-coarse:h-10",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons6.RefreshCwIcon, { className: (0, import_design_system3.cn)("h-3 w-3", refreshing && "animate-spin") }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons7.RefreshCwIcon, { className: (0, import_design_system3.cn)("h-3 w-3", refreshing && "animate-spin") }),
                 "Refresh"
               ]
             }
           ) : null,
-          !ok && health.onReconnect ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          !ok && health.onReconnect ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             "button",
             {
               type: "button",
@@ -1236,13 +1158,13 @@ function HealthStrip({ health }) {
               children: "Reconnect"
             }
           ) : null,
-          health.openAtSourceHref ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+          health.openAtSourceHref ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
             import_outbound_react.OutboundLink,
             {
               href: health.openAtSourceHref,
               className: "inline-flex h-6 items-center gap-1 rounded px-1.5 hover:bg-accent hover:text-foreground pointer-coarse:h-10",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons6.ExternalLinkIcon, { className: "h-3 w-3" }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons7.ExternalLinkIcon, { className: "h-3 w-3" }),
                 health.openAtSourceLabel ?? deriveOpenAtSourceLabel(health.source)
               ]
             }
@@ -1260,16 +1182,16 @@ function FieldsSection({ core }) {
   const RefCell = host.doors.RefCell;
   const label = core.recordType?.label.toLowerCase() ?? "record";
   if (!core.recordType) {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Notice, { tone: "warn", children: `This is a ${core.ref.type} record. Nothing more about it is stored here yet, so there is nothing else to show. ${whatTheControlsDo(core)}` });
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Notice, { tone: "warn", children: `This is a ${core.ref.type} record. Nothing more about it is stored here yet, so there is nothing else to show. ${whatTheControlsDo(core)}` });
   }
   if (core.status === "loading") {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LoadingFields, { core, label });
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(LoadingFields, { core, label });
   }
   if (core.status === "not-found") {
     const sentence = `This ${label} couldn't be found \u2014 it may have been moved, deleted, or isn't shared with you.`;
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Notice, { tone: "warn", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Notice, { tone: "warn", children: [
       sentence,
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         import_design_system3.ErrorActions,
         {
           origin: "detail/DetailBody",
@@ -1281,24 +1203,24 @@ function FieldsSection({ core }) {
     ] });
   }
   if (core.status === "error") {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Notice, { tone: "error", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(Notice, { tone: "error", children: [
       `Couldn't load the details for this ${label}. ${core.errorMessage ?? ""}`.trim(),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system3.ErrorActions, { origin: "detail/DetailBody", operation: `Load this ${label}`, error: core.errorMessage })
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system3.ErrorActions, { origin: "detail/DetailBody", operation: `Load this ${label}`, error: core.errorMessage })
     ] });
   }
   if (core.status === "none") {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Notice, { tone: "muted", children: `Nothing more about this ${label} is stored here, so there is nothing else to show. ` + whatTheControlsDo(core) });
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Notice, { tone: "muted", children: `Nothing more about this ${label} is stored here, so there is nothing else to show. ` + whatTheControlsDo(core) });
   }
   if (core.fields.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-sm text-muted-foreground", children: "No additional fields to show." });
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-sm text-muted-foreground", children: "No additional fields to show." });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("dl", { className: "grid grid-cols-1 gap-x-4 gap-y-2.5", children: core.fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dl", { className: "grid grid-cols-1 gap-x-4 gap-y-2.5", children: core.fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
     "div",
     {
       className: "flex flex-col gap-0.5 border-b border-border/40 pb-2 last:border-b-0",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("dt", { className: "text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: field.label }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dt", { className: "text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: field.label }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           "dd",
           {
             className: (0, import_design_system3.cn)(
@@ -1310,7 +1232,7 @@ function FieldsSection({ core }) {
               // `field.ref.id` alone, so a field whose text was "Brightwater Robotics"
               // printed a truncated uuid. The ref's own `name` wins; otherwise the
               // field's text, unless that text IS the id and says nothing more.
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                 RefCell,
                 {
                   value: field.ref.id,
@@ -1329,8 +1251,8 @@ function FieldsSection({ core }) {
 }
 function LoadingFields({ core, label }) {
   const slow = useSlowLoadNotice(true, `${core.ref.type}:${core.ref.id}`);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "space-y-3", "aria-busy": "true", "aria-label": `Loading ${label} details`, children: [
-    slow ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "text-xs text-muted-foreground", "data-detail-slow-load": true, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "space-y-3", "aria-busy": "true", "aria-label": `Loading ${label} details`, children: [
+    slow ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { className: "text-xs text-muted-foreground", "data-detail-slow-load": true, children: [
       "Still loading this ",
       label,
       " \u2014 the read has been running for more than",
@@ -1338,9 +1260,9 @@ function LoadingFields({ core, label }) {
       (0, import_format.formatDurationMs)(SLOW_LOAD_NOTICE_MS, { style: "long" }),
       ". If nothing appears, the record may be unreachable from here; closing and reopening it starts a fresh read."
     ] }) : null,
-    Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system3.Skeleton, { className: "h-2.5 w-20" }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system3.Skeleton, { className: (0, import_design_system3.cn)("h-4", i % 2 ? "w-3/4" : "w-1/2") })
+    Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system3.Skeleton, { className: "h-2.5 w-20" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system3.Skeleton, { className: (0, import_design_system3.cn)("h-4", i % 2 ? "w-3/4" : "w-1/2") })
     ] }, i))
   ] });
 }
@@ -1355,9 +1277,9 @@ function AssociationsSection({ core }) {
   const wanted = core.recordType?.associationTokens ?? host.associations.defaultTokens;
   const tokens = wanted.filter((t) => t !== token).filter(import_associations.isEntityTypeToken);
   if (tokens.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: "space-y-2", "data-detail-section": "associations", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SectionHeading, { icon: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Link2Icon, { className: "h-3 w-3" }), children: "Linked" }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react10.PrimaryEntityProvider, { value: { type: token, id: core.ref.id, label: core.title }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react10.AssociationCardGrid, { tokens }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "space-y-2", "data-detail-section": "associations", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SectionHeading, { icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Link2Icon, { className: "h-3 w-3" }), children: "Linked" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react10.PrimaryEntityProvider, { value: { type: token, id: core.ref.id, label: core.title }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react10.AssociationCardGrid, { tokens }) })
   ] });
 }
 var ACTOR_COLUMNS = ["actor_id", "user_id", "person_id", "created_by_id"];
@@ -1394,33 +1316,33 @@ function HistorySection({ core }) {
     (candidate) => Boolean(candidate)
   );
   const ActorName = host.history.ActorName ?? null;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: "space-y-2", "data-detail-section": "history", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SectionHeading, { icon: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(HistoryIcon, { className: "h-3 w-3" }), children: "History" }),
-    state.status === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "space-y-1.5", "aria-busy": "true", "aria-label": "Loading history", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system3.Skeleton, { className: "h-3.5 w-2/3" }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system3.Skeleton, { className: "h-3.5 w-1/2" })
-    ] }) : state.status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "space-y-2", "data-detail-section": "history", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SectionHeading, { icon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(HistoryIcon, { className: "h-3 w-3" }), children: "History" }),
+    state.status === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "space-y-1.5", "aria-busy": "true", "aria-label": "Loading history", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system3.Skeleton, { className: "h-3.5 w-2/3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system3.Skeleton, { className: "h-3.5 w-1/2" })
+    ] }) : state.status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
       state.message.toLowerCase().includes("access denied") ? "History is only shown to people who can view this record." : `History could not be read: ${state.message}`,
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system3.ErrorActions, { origin: "detail/DetailBody", operation: "Read the history", error: state.message })
-    ] }) : state.entries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-xs text-muted-foreground", children: "No recorded changes yet." }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("ol", { className: "space-y-1", children: state.entries.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system3.ErrorActions, { origin: "detail/DetailBody", operation: "Read the history", error: state.message })
+    ] }) : state.entries.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-xs text-muted-foreground", children: "No recorded changes yet." }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ol", { className: "space-y-1", children: state.entries.map((entry) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
       "li",
       {
         className: "flex flex-wrap items-center gap-x-2 gap-y-0.5 text-xs",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "rounded bg-muted px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "rounded bg-muted px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground", children: [
             "v",
             entry.version
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "capitalize text-foreground", children: entry.operation.toLowerCase() }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-muted-foreground", children: formatWhen(entry.occurredAt) }),
-          entry.isCurrent ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-[10px] uppercase tracking-wide text-primary", children: "current" }) : null,
-          entry.actorId ? ActorName ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "text-muted-foreground", "data-detail-history-actor-person": true, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "capitalize text-foreground", children: entry.operation.toLowerCase() }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-muted-foreground", children: formatWhen(entry.occurredAt) }),
+          entry.isCurrent ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-[10px] uppercase tracking-wide text-primary", children: "current" }) : null,
+          entry.actorId ? ActorName ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "text-muted-foreground", "data-detail-history-actor-person": true, children: [
             "Changed by ",
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ActorName, { actorId: entry.actorId, row: core.row })
-          ] }) : actorToken ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "inline-flex items-center", "data-detail-history-actor": true, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ActorCell, { value: entry.actorId, label: "Changed by", token: actorToken }) }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "text-muted-foreground", "data-detail-history-actor-raw": true, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ActorName, { actorId: entry.actorId, row: core.row })
+          ] }) : actorToken ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "inline-flex items-center", "data-detail-history-actor": true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ActorCell, { value: entry.actorId, label: "Changed by", token: actorToken }) }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "text-muted-foreground", "data-detail-history-actor-raw": true, children: [
             "Changed by",
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
               "span",
               {
                 className: "font-mono text-[10px]",
@@ -1428,7 +1350,7 @@ function HistorySection({ core }) {
                 children: entry.actorId
               }
             )
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "text-muted-foreground", "data-detail-history-actor-absent": true, children: "No person recorded for this change" })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-muted-foreground", "data-detail-history-actor-absent": true, children: "No person recorded for this change" })
         ]
       },
       `${entry.version}-${entry.occurredAt}`
@@ -1440,7 +1362,7 @@ function CustomFieldsPort({ core }) {
   const Section = host.customFields?.Section;
   const token = core.entityToken;
   if (!Section || !token) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Section, { token, id: core.ref.id });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Section, { token, id: core.ref.id });
 }
 function DetailBody({ core }) {
   const extra = core.recordType?.extraSections && core.frameCtx ? core.recordType.extraSections(core.row, core.frameCtx) : [];
@@ -1448,26 +1370,26 @@ function DetailBody({ core }) {
   const body = (
     // `min-h-full` so a Frame's right-click menu answers anywhere in the body,
     // not only on the rows — a short dossier otherwise leaves a dead band.
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex min-h-full flex-col", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DetailRecordMeta, { core }),
-      core.health ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(HealthStrip, { health: core.health }) : null,
-      core.about ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "line-clamp-3 border-b border-border/60 p-4 text-xs leading-snug text-muted-foreground", children: core.about }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "space-y-6 p-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FieldsSection, { core }),
-        core.status === "ready" || core.status === "none" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CustomFieldsPort, { core }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AssociationsSection, { core }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(HistorySection, { core }),
-          extra.map((section) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("section", { className: "space-y-2", "data-detail-section": section.id, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SectionHeading, { children: section.label }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex min-h-full flex-col", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DetailRecordMeta, { core }),
+      core.health ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(HealthStrip, { health: core.health }) : null,
+      core.about ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "line-clamp-3 border-b border-border/60 p-4 text-xs leading-snug text-muted-foreground", children: core.about }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "space-y-6 p-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(FieldsSection, { core }),
+        core.status === "ready" || core.status === "none" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CustomFieldsPort, { core }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AssociationsSection, { core }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(HistorySection, { core }),
+          extra.map((section) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "space-y-2", "data-detail-section": section.id, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SectionHeading, { children: section.label }),
             section.content
           ] }, section.id))
         ] }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DetailPresentationPane, { core })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DetailPresentationPane, { core })
       ] })
     ] })
   );
-  if (Frame && core.frameCtx) return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Frame, { ctx: core.frameCtx, children: body });
+  if (Frame && core.frameCtx) return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Frame, { ctx: core.frameCtx, children: body });
   return body;
 }
 
@@ -1487,9 +1409,9 @@ function detailInstanceKey(ref) {
 var DEFAULT_PANEL_URL_RESERVE_BYTES = Math.floor(DETAIL_URL_BUDGET_BYTES / 2);
 
 // src/react/presentations.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function KeyboardSlot({ core, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "div",
     {
       onKeyDownCapture: core.keyboard.rootProps.onKeyDownCapture,
@@ -1500,7 +1422,7 @@ function KeyboardSlot({ core, children }) {
   );
 }
 function KeyboardActionsSlot({ core, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "div",
     {
       onKeyDownCapture: core.keyboard.rootProps.onKeyDownCapture,
@@ -1519,7 +1441,7 @@ function KeyboardRoot({ core, children }) {
     if (active instanceof HTMLElement && active !== document.body && root.contains(active)) return;
     root.focus({ preventScroll: true });
   }, [core.ref.id, core.ref.type]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "div",
     {
       ref: rootRef,
@@ -1537,19 +1459,19 @@ function DetailWindowPresentation({ data, onClose }) {
   const core = useDetailCore(data, "window", { onClose });
   const menuActions = useDetailMenuActions(core);
   const Shell = requireShell(host.shells, "Window");
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     Shell,
     {
       instanceKey: detailInstanceKey(core.ref),
       target: core.ref,
       list: core.list.context,
       title: core.title,
-      titleNode: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(KeyboardSlot, { core, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DetailTitle, { core }) }),
-      actions: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(KeyboardActionsSlot, { core, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DetailActions, { core }) }),
-      navActions: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(KeyboardActionsSlot, { core, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DetailActions, { core, optional: "none" }) }),
+      titleNode: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(KeyboardSlot, { core, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DetailTitle, { core }) }),
+      actions: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(KeyboardActionsSlot, { core, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DetailActions, { core }) }),
+      navActions: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(KeyboardActionsSlot, { core, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DetailActions, { core, optional: "none" }) }),
       menuActions,
       onClose: core.close,
-      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(KeyboardRoot, { core, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DetailBody, { core }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(KeyboardRoot, { core, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DetailBody, { core }) })
     }
   );
 }
@@ -1558,18 +1480,18 @@ function DetailDockedPresentation({ data, onClose }) {
   const core = useDetailCore(data, "docked", { onClose });
   const menuActions = useDetailMenuActions(core);
   const Shell = requireShell(host.shells, "Docked");
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     Shell,
     {
       instanceKey: detailInstanceKey(core.ref),
       target: core.ref,
       title: core.title,
-      titleNode: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(KeyboardSlot, { core, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DetailTitle, { core }) }),
-      actions: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(KeyboardActionsSlot, { core, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DetailActions, { core }) }),
-      navActions: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(KeyboardActionsSlot, { core, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DetailActions, { core, optional: "none" }) }),
+      titleNode: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(KeyboardSlot, { core, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DetailTitle, { core }) }),
+      actions: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(KeyboardActionsSlot, { core, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DetailActions, { core }) }),
+      navActions: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(KeyboardActionsSlot, { core, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DetailActions, { core, optional: "none" }) }),
       menuActions,
       onClose: core.close,
-      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(KeyboardRoot, { core, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DetailBody, { core }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(KeyboardRoot, { core, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DetailBody, { core }) })
     }
   );
 }
@@ -1578,18 +1500,18 @@ function DetailPagePresentation({ data }) {
   const core = useDetailCore(data, "page", {});
   const menuActions = useDetailMenuActions(core);
   const Shell = requireShell(host.shells, "Page");
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     Shell,
     {
       target: core.ref,
       title: core.title,
-      titleNode: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(KeyboardSlot, { core, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DetailTitle, { core }) }),
-      actions: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(KeyboardActionsSlot, { core, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DetailActions, { core }) }),
-      navActions: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(KeyboardActionsSlot, { core, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DetailActions, { core, optional: "none" }) }),
+      titleNode: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(KeyboardSlot, { core, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DetailTitle, { core }) }),
+      actions: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(KeyboardActionsSlot, { core, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DetailActions, { core }) }),
+      navActions: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(KeyboardActionsSlot, { core, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DetailActions, { core, optional: "none" }) }),
       menuActions,
       onClose: core.close,
       onBack: core.leave,
-      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(KeyboardRoot, { core, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DetailBody, { core }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(KeyboardRoot, { core, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DetailBody, { core }) })
     }
   );
 }