@ai-matrx/detail 0.1.169 → 0.1.171

package/dist/react.js

@@ -4,7 +4,7 @@ import {
   requireResolveType,
   requireShell,
   useDetailHost
-} from "./chunk-QKTMHP4O.js";
+} from "./chunk-D62JZJMB.js";
 
 // src/react/useDetailCore.ts
 import { useEffect as useEffect3 } from "react";
@@ -448,99 +448,31 @@ function useOpenDetail(warmType) {
 import { useEffect as useEffect5, useRef as useRef4, useState as useState3 } from "react";
 
 // src/react/icons.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function glyph(name, children) {
-  function Icon(props) {
-    return /* @__PURE__ */ 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__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ jsx("line", { x1: "12", x2: "12", y1: "8", y2: "12" }),
-    /* @__PURE__ */ jsx("line", { x1: "12", x2: "12.01", y1: "16", y2: "16" })
-  ] })
-);
-var HistoryIcon = glyph(
-  "history",
-  /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
-    /* @__PURE__ */ jsx("path", { d: "M3 3v5h5" }),
-    /* @__PURE__ */ jsx("path", { d: "M12 7v5l4 2" })
-  ] })
-);
-var Link2Icon = glyph(
-  "link-2",
-  /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("path", { d: "M9 17H7A5 5 0 0 1 7 7h2" }),
-    /* @__PURE__ */ jsx("path", { d: "M15 7h2a5 5 0 1 1 0 10h-2" }),
-    /* @__PURE__ */ 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__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("path", { d: SHIELD }),
-    /* @__PURE__ */ jsx("path", { d: "M12 8v4" }),
-    /* @__PURE__ */ jsx("path", { d: "M12 16h.01" })
-  ] })
-);
-var ShieldCheckIcon = glyph(
-  "shield-check",
-  /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("path", { d: SHIELD }),
-    /* @__PURE__ */ jsx("path", { d: "m9 12 2 2 4-4" })
-  ] })
-);
-var ExpandIcon = glyph(
-  "expand",
-  /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("path", { d: "m15 15 6 6" }),
-    /* @__PURE__ */ jsx("path", { d: "m15 9 6-6" }),
-    /* @__PURE__ */ jsx("path", { d: "M21 16v5h-5" }),
-    /* @__PURE__ */ jsx("path", { d: "M21 8V3h-5" }),
-    /* @__PURE__ */ jsx("path", { d: "M3 16v5h5" }),
-    /* @__PURE__ */ jsx("path", { d: "m3 21 6-6" }),
-    /* @__PURE__ */ jsx("path", { d: "M3 8V3h5" }),
-    /* @__PURE__ */ jsx("path", { d: "M9 9 3 3" })
-  ] })
-);
-var LoaderIcon = glyph("loader", /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }));
-var Settings2Icon = glyph(
-  "settings-2",
-  /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("path", { d: "M14 17H5" }),
-    /* @__PURE__ */ jsx("path", { d: "M19 7h-9" }),
-    /* @__PURE__ */ jsx("circle", { cx: "17", cy: "17", r: "3" }),
-    /* @__PURE__ */ jsx("circle", { cx: "7", cy: "7", r: "3" })
-  ] })
-);
+import {
+  CircleAlertIcon as GCircleAlertIcon,
+  ExpandIcon as GExpandIcon,
+  HistoryIcon as GHistoryIcon,
+  Link2Icon as GLink2Icon,
+  Loader2Icon as GLoader2Icon,
+  Settings2Icon as GSettings2Icon,
+  ShieldAlertIcon as GShieldAlertIcon,
+  ShieldCheckIcon as GShieldCheckIcon,
+  withGlyphDefaults
+} from "@ai-matrx/design-system/icons";
+var sized = (Glyph) => withGlyphDefaults(Glyph, { width: 24, height: 24 });
+var AlertCircleIcon = sized(GCircleAlertIcon);
+var HistoryIcon = sized(GHistoryIcon);
+var Link2Icon = sized(GLink2Icon);
+var ShieldAlertIcon = sized(GShieldAlertIcon);
+var ShieldCheckIcon = sized(GShieldCheckIcon);
+var ExpandIcon = sized(GExpandIcon);
+var LoaderIcon = sized(GLoader2Icon);
+var Settings2Icon = sized(GSettings2Icon);
 
 // src/react/DetailHeader.tsx
 import { AppWindowIcon, CheckIcon, ChevronLeftIcon, ChevronRightIcon, CopyIcon, MoreHorizontalIcon, PanelRightIcon } from "@ai-matrx/design-system/icons";
 import { cn, RecordId } from "@ai-matrx/design-system";
-import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "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";
@@ -552,7 +484,7 @@ var PRESENTATIONS = [
 function TypeChip({ core, className }) {
   const color = identityColor(core.recordType?.color);
   const accent = color ? null : core.recordType?.accent ?? null;
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx(
     "span",
     {
       className: cn(
@@ -579,9 +511,9 @@ function DetailTitle({ core }) {
   const color = identityColor(core.recordType?.color);
   const accent = core.recordType?.accent ?? null;
   const RecordDoors = host.doors.RecordDoors;
-  return /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-    Icon ? color ? /* @__PURE__ */ jsx2("span", { className: "inline-flex shrink-0", style: { color }, "data-detail-identity-color": color, children: /* @__PURE__ */ jsx2(Icon, { className: "h-4 w-4 shrink-0" }) }) : /* @__PURE__ */ jsx2(Icon, { className: cn("h-4 w-4 shrink-0", accent?.text) }) : null,
-    /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+    Icon ? color ? /* @__PURE__ */ jsx("span", { className: "inline-flex shrink-0", style: { color }, "data-detail-identity-color": color, children: /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4 shrink-0" }) }) : /* @__PURE__ */ jsx(Icon, { className: cn("h-4 w-4 shrink-0", accent?.text) }) : null,
+    /* @__PURE__ */ jsx(
       "span",
       {
         className: cn(
@@ -593,24 +525,24 @@ function DetailTitle({ core }) {
         children: core.title
       }
     ),
-    /* @__PURE__ */ jsx2(TypeChip, { core, className: "hidden sm:inline-block" }),
-    core.entityToken && core.doorsAvailable ? /* @__PURE__ */ jsx2("span", { className: "hidden shrink-0 sm:inline-flex", children: /* @__PURE__ */ jsx2(RecordDoors, { token: core.entityToken, id: core.ref.id, name: core.title }) }) : null
+    /* @__PURE__ */ jsx(TypeChip, { core, className: "hidden sm:inline-block" }),
+    core.entityToken && core.doorsAvailable ? /* @__PURE__ */ jsx("span", { className: "hidden shrink-0 sm:inline-flex", children: /* @__PURE__ */ 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__ */ jsxs2(
+  return /* @__PURE__ */ 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__ */ jsx2(TypeChip, { core, className: "sm:hidden" }),
-        core.entityToken && core.doorsAvailable ? /* @__PURE__ */ jsx2("span", { className: "inline-flex sm:hidden", children: /* @__PURE__ */ jsx2(RecordDoors, { token: core.entityToken, id: core.ref.id, name: core.title }) }) : null,
-        /* @__PURE__ */ jsx2("span", { className: "inline-flex min-w-0", "data-detail-id": true, children: /* @__PURE__ */ jsx2(RecordId, { value: core.ref.id, label: "Record", show: "full" }) }),
-        trimmedFrom ? /* @__PURE__ */ jsx2("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__ */ jsx(TypeChip, { core, className: "sm:hidden" }),
+        core.entityToken && core.doorsAvailable ? /* @__PURE__ */ jsx("span", { className: "inline-flex sm:hidden", children: /* @__PURE__ */ jsx(RecordDoors, { token: core.entityToken, id: core.ref.id, name: core.title }) }) : null,
+        /* @__PURE__ */ jsx("span", { className: "inline-flex min-w-0", "data-detail-id": true, children: /* @__PURE__ */ jsx(RecordId, { value: core.ref.id, label: "Record", show: "full" }) }),
+        trimmedFrom ? /* @__PURE__ */ 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
       ]
     }
   );
@@ -667,9 +599,9 @@ function DetailActions({ core, optional = "inline" }) {
   }, [menuOpen]);
   const list = core.list;
   const others = PRESENTATIONS.filter((p) => p.value !== core.presentation);
-  return /* @__PURE__ */ jsxs2("div", { className: "flex shrink-0 items-center gap-0.5", "data-detail-actions": true, children: [
-    list.context ? /* @__PURE__ */ jsxs2(Fragment2, { children: [
-      /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-0.5", "data-detail-actions": true, children: [
+    list.context ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
@@ -678,15 +610,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__ */ jsx2(ChevronLeftIcon, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "h-4 w-4" })
         }
       ),
-      /* @__PURE__ */ jsxs2("span", { className: "px-1 text-[11px] tabular-nums text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs("span", { className: "px-1 text-[11px] tabular-nums text-muted-foreground", children: [
         list.context.index + 1,
         "/",
         list.context.items.length
       ] }),
-      /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
@@ -695,19 +627,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__ */ jsx2(ChevronRightIcon, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "h-4 w-4" })
         }
       ),
-      /* @__PURE__ */ jsx2("span", { className: "mx-1 h-4 w-px bg-border", "aria-hidden": true })
+      /* @__PURE__ */ jsx("span", { className: "mx-1 h-4 w-px bg-border", "aria-hidden": true })
     ] }) : null,
-    optional === "none" ? null : /* @__PURE__ */ jsxs2(Fragment2, { children: [
-      /* @__PURE__ */ jsxs2(
+    optional === "none" ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ 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__ */ jsx2(
+            others.map(({ value, label, Icon }) => /* @__PURE__ */ jsx(
               "button",
               {
                 type: "button",
@@ -715,11 +647,11 @@ function DetailActions({ core, optional = "inline" }) {
                 onClick: () => core.switchTo(value),
                 "aria-label": label,
                 title: label,
-                children: /* @__PURE__ */ jsx2(Icon, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" })
               },
               value
             )),
-            /* @__PURE__ */ jsx2(
+            /* @__PURE__ */ jsx(
               "button",
               {
                 type: "button",
@@ -728,14 +660,14 @@ function DetailActions({ core, optional = "inline" }) {
                 "aria-label": "Copy record id",
                 title: "Copy record id",
                 "data-detail-copy-id": true,
-                children: copied ? /* @__PURE__ */ jsx2(CheckIcon, { className: "h-3.5 w-3.5 text-primary" }) : /* @__PURE__ */ jsx2(CopyIcon, { className: "h-3.5 w-3.5" })
+                children: copied ? /* @__PURE__ */ jsx(CheckIcon, { className: "h-3.5 w-3.5 text-primary" }) : /* @__PURE__ */ jsx(CopyIcon, { className: "h-3.5 w-3.5" })
               }
             )
           ]
         }
       ),
-      /* @__PURE__ */ jsxs2("span", { className: "relative hidden @max-[26rem]/window-header:inline-flex", ref: menuRef, children: [
-        /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ jsxs("span", { className: "relative hidden @max-[26rem]/window-header:inline-flex", ref: menuRef, children: [
+        /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
@@ -746,10 +678,10 @@ function DetailActions({ core, optional = "inline" }) {
             "aria-haspopup": "menu",
             "aria-expanded": menuOpen,
             "data-detail-actions-overflow": true,
-            children: /* @__PURE__ */ jsx2(MoreHorizontalIcon, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx(MoreHorizontalIcon, { className: "h-4 w-4" })
           }
         ),
-        menuOpen ? /* @__PURE__ */ jsxs2(
+        menuOpen ? /* @__PURE__ */ jsxs(
           "div",
           {
             role: "menu",
@@ -757,7 +689,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__ */ jsxs2(
+              others.map(({ value, label, Icon }) => /* @__PURE__ */ jsxs(
                 "button",
                 {
                   type: "button",
@@ -768,13 +700,13 @@ function DetailActions({ core, optional = "inline" }) {
                     core.switchTo(value);
                   },
                   children: [
-                    /* @__PURE__ */ jsx2(Icon, { className: "h-3.5 w-3.5 shrink-0" }),
+                    /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5 shrink-0" }),
                     label
                   ]
                 },
                 value
               )),
-              /* @__PURE__ */ jsxs2(
+              /* @__PURE__ */ jsxs(
                 "button",
                 {
                   type: "button",
@@ -785,7 +717,7 @@ function DetailActions({ core, optional = "inline" }) {
                     void copyId();
                   },
                   children: [
-                    /* @__PURE__ */ jsx2(CopyIcon, { className: "h-3.5 w-3.5 shrink-0" }),
+                    /* @__PURE__ */ jsx(CopyIcon, { className: "h-3.5 w-3.5 shrink-0" }),
                     "Copy record id"
                   ]
                 }
@@ -820,7 +752,7 @@ function formatWhen(iso) {
 import { useEffect as useEffect6, useRef as useRef5, useState as useState4 } from "react";
 import { cn as cn2, ErrorActions } from "@ai-matrx/design-system";
 import { CheckIcon as CheckIcon2 } from "@ai-matrx/design-system/icons";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var WORD = {
   window: "a window",
   docked: "a docked panel",
@@ -897,12 +829,12 @@ function DetailPresentationPane({ core }) {
   }, [open, save, registerSave]);
   if (!save) return null;
   if (!open) {
-    return /* @__PURE__ */ jsxs3("div", { className: "w-full", children: [
-      setting.error ? /* @__PURE__ */ jsxs3("p", { className: "px-1 pt-1 text-[11px] text-muted-foreground", children: [
+    return /* @__PURE__ */ jsxs2("div", { className: "w-full", children: [
+      setting.error ? /* @__PURE__ */ jsxs2("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__ */ jsx3(ErrorActions, { origin: "detail/DetailPresentationPane", operation: "Read the open-details-as setting", error: setting.error })
+        /* @__PURE__ */ jsx2(ErrorActions, { origin: "detail/DetailPresentationPane", operation: "Read the open-details-as setting", error: setting.error })
       ] }) : null,
-      /* @__PURE__ */ jsxs3(
+      /* @__PURE__ */ jsxs2(
         "button",
         {
           type: "button",
@@ -910,25 +842,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__ */ jsx3(Settings2Icon, { className: "h-3 w-3 shrink-0" }),
-            setting.error ? null : /* @__PURE__ */ jsx3("span", { children: `Details open as ${WORD[effective]}.` }),
-            /* @__PURE__ */ jsx3("span", { className: "underline underline-offset-2", children: "Change" })
+            /* @__PURE__ */ jsx2(Settings2Icon, { className: "h-3 w-3 shrink-0" }),
+            setting.error ? null : /* @__PURE__ */ jsx2("span", { children: `Details open as ${WORD[effective]}.` }),
+            /* @__PURE__ */ jsx2("span", { className: "underline underline-offset-2", children: "Change" })
           ]
         }
       )
     ] });
   }
-  return /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs2(
     "section",
     {
       className: "space-y-2 rounded-md border border-border bg-muted/30 p-3",
       "data-detail-presentation-pane": "open",
       children: [
-        /* @__PURE__ */ jsxs3("h3", { className: "flex items-center gap-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: [
-          /* @__PURE__ */ jsx3(Settings2Icon, { className: "h-3 w-3" }),
+        /* @__PURE__ */ jsxs2("h3", { className: "flex items-center gap-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: [
+          /* @__PURE__ */ jsx2(Settings2Icon, { className: "h-3 w-3" }),
           "How record details open"
         ] }),
-        /* @__PURE__ */ jsx3("div", { className: "flex flex-wrap gap-1", role: "group", "aria-label": "Open record details as", children: DETAIL_PRESENTATIONS.map((value) => /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx2("div", { className: "flex flex-wrap gap-1", role: "group", "aria-label": "Open record details as", children: DETAIL_PRESENTATIONS.map((value) => /* @__PURE__ */ jsx2(
           "button",
           {
             type: "button",
@@ -945,7 +877,7 @@ function DetailPresentationPane({ core }) {
           },
           value
         )) }),
-        hasTypeException ? /* @__PURE__ */ jsx3(
+        hasTypeException ? /* @__PURE__ */ jsx2(
           "button",
           {
             type: "button",
@@ -956,8 +888,8 @@ function DetailPresentationPane({ core }) {
             children: `Use the default for ${core.typeLabel.toLowerCase()} records`
           }
         ) : null,
-        /* @__PURE__ */ jsxs3("label", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
-          /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsxs2("label", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx2(
             "input",
             {
               type: "checkbox",
@@ -973,8 +905,8 @@ function DetailPresentationPane({ core }) {
           core.typeLabel.toLowerCase(),
           " records"
         ] }),
-        /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxs3(
+        /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxs2(
             "button",
             {
               type: "button",
@@ -982,13 +914,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__ */ jsx3(LoaderIcon, { className: "h-3 w-3 animate-spin" }) : state.status === "saved" ? /* @__PURE__ */ jsx3(CheckIcon2, { className: "h-3 w-3" }) : null,
+                state.status === "saving" ? /* @__PURE__ */ jsx2(LoaderIcon, { className: "h-3 w-3 animate-spin" }) : state.status === "saved" ? /* @__PURE__ */ jsx2(CheckIcon2, { className: "h-3 w-3" }) : null,
                 "Save"
               ]
             }
           ),
-          /* @__PURE__ */ jsx3("span", { className: "text-[11px] text-muted-foreground", children: state.status === "saved" ? "Saved. It applies to the next record you open." : "\u2318/Ctrl + Enter" }),
-          /* @__PURE__ */ jsx3(
+          /* @__PURE__ */ jsx2("span", { className: "text-[11px] text-muted-foreground", children: state.status === "saved" ? "Saved. It applies to the next record you open." : "\u2318/Ctrl + Enter" }),
+          /* @__PURE__ */ jsx2(
             "button",
             {
               type: "button",
@@ -998,15 +930,15 @@ function DetailPresentationPane({ core }) {
             }
           )
         ] }),
-        state.status === "refused" ? /* @__PURE__ */ jsxs3("p", { className: "text-xs text-destructive", "data-detail-presentation-refusal": true, children: [
+        state.status === "refused" ? /* @__PURE__ */ jsxs2("p", { className: "text-xs text-destructive", "data-detail-presentation-refusal": true, children: [
           state.reason,
-          /* @__PURE__ */ jsx3(ErrorActions, { origin: "detail/DetailPresentationPane", operation: "Change how details open", message: state.reason })
+          /* @__PURE__ */ jsx2(ErrorActions, { origin: "detail/DetailPresentationPane", operation: "Change how details open", message: state.reason })
         ] }) : null,
-        setting.error ? /* @__PURE__ */ jsxs3("p", { className: "text-xs text-muted-foreground", children: [
+        setting.error ? /* @__PURE__ */ jsxs2("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__ */ jsx3(ErrorActions, { origin: "detail/DetailPresentationPane", operation: "Read the open-details-as setting", error: setting.error })
+          /* @__PURE__ */ jsx2(ErrorActions, { origin: "detail/DetailPresentationPane", operation: "Read the open-details-as setting", error: setting.error })
         ] }) : null
       ]
     }
@@ -1016,7 +948,7 @@ function DetailPresentationPane({ core }) {
 // src/react/DetailBody.tsx
 import { ExternalLinkIcon, RefreshCwIcon } from "@ai-matrx/design-system/icons";
 import { OutboundLink } from "@ai-matrx/kit/outbound-react";
-import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var SLOW_LOAD_NOTICE_MS = 6e3;
 function useSlowLoadNotice(active, key) {
   const [slow, setSlow] = useState5(false);
@@ -1032,7 +964,7 @@ function useSlowLoadNotice(active, key) {
   return slow;
 }
 function SectionHeading({ icon, children }) {
-  return /* @__PURE__ */ jsxs4("h3", { className: "flex items-center gap-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: [
+  return /* @__PURE__ */ jsxs3("h3", { className: "flex items-center gap-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: [
     icon,
     children
   ] });
@@ -1041,8 +973,8 @@ function Notice({
   tone,
   children
 }) {
-  return /* @__PURE__ */ jsxs4("div", { className: "flex flex-col items-center gap-2 py-8 text-center", children: [
-    /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs3("div", { className: "flex flex-col items-center gap-2 py-8 text-center", children: [
+    /* @__PURE__ */ jsx3(
       AlertCircleIcon,
       {
         className: cn3(
@@ -1053,7 +985,7 @@ function Notice({
         )
       }
     ),
-    /* @__PURE__ */ jsx4("p", { className: "max-w-prose text-sm text-muted-foreground", children })
+    /* @__PURE__ */ jsx3("p", { className: "max-w-prose text-sm text-muted-foreground", children })
   ] });
 }
 var GRANT_WORD = {
@@ -1089,7 +1021,7 @@ function HealthStrip({ health }) {
       setRefreshing(false);
     }
   };
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs3(
     "div",
     {
       className: cn3(
@@ -1098,9 +1030,9 @@ function HealthStrip({ health }) {
       ),
       "data-detail-health": true,
       children: [
-        ok ? /* @__PURE__ */ jsx4(ShieldCheckIcon, { className: "h-3.5 w-3.5 text-primary" }) : /* @__PURE__ */ jsx4(ShieldAlertIcon, { className: "h-3.5 w-3.5 text-destructive" }),
-        /* @__PURE__ */ jsx4("span", { className: "font-medium", children: health.source }),
-        ok ? null : /* @__PURE__ */ jsx4(
+        ok ? /* @__PURE__ */ jsx3(ShieldCheckIcon, { className: "h-3.5 w-3.5 text-primary" }) : /* @__PURE__ */ jsx3(ShieldAlertIcon, { className: "h-3.5 w-3.5 text-destructive" }),
+        /* @__PURE__ */ jsx3("span", { className: "font-medium", children: health.source }),
+        ok ? null : /* @__PURE__ */ jsx3(
           "span",
           {
             className: "rounded bg-destructive/10 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-destructive",
@@ -1108,13 +1040,13 @@ function HealthStrip({ health }) {
             children: GRANT_WORD[health.grant]
           }
         ),
-        health.lastRefreshedAt ? /* @__PURE__ */ jsxs4("span", { children: [
+        health.lastRefreshedAt ? /* @__PURE__ */ jsxs3("span", { children: [
           "Refreshed ",
           formatWhen(health.lastRefreshedAt)
-        ] }) : /* @__PURE__ */ jsx4("span", { children: "Never refreshed" }),
-        health.grantDetail ? /* @__PURE__ */ jsx4("span", { children: health.grantDetail }) : null,
-        /* @__PURE__ */ jsxs4("span", { className: "ml-auto flex items-center gap-1", children: [
-          health.onRefresh ? /* @__PURE__ */ jsxs4(
+        ] }) : /* @__PURE__ */ jsx3("span", { children: "Never refreshed" }),
+        health.grantDetail ? /* @__PURE__ */ jsx3("span", { children: health.grantDetail }) : null,
+        /* @__PURE__ */ jsxs3("span", { className: "ml-auto flex items-center gap-1", children: [
+          health.onRefresh ? /* @__PURE__ */ jsxs3(
             "button",
             {
               type: "button",
@@ -1122,12 +1054,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__ */ jsx4(RefreshCwIcon, { className: cn3("h-3 w-3", refreshing && "animate-spin") }),
+                /* @__PURE__ */ jsx3(RefreshCwIcon, { className: cn3("h-3 w-3", refreshing && "animate-spin") }),
                 "Refresh"
               ]
             }
           ) : null,
-          !ok && health.onReconnect ? /* @__PURE__ */ jsx4(
+          !ok && health.onReconnect ? /* @__PURE__ */ jsx3(
             "button",
             {
               type: "button",
@@ -1136,13 +1068,13 @@ function HealthStrip({ health }) {
               children: "Reconnect"
             }
           ) : null,
-          health.openAtSourceHref ? /* @__PURE__ */ jsxs4(
+          health.openAtSourceHref ? /* @__PURE__ */ jsxs3(
             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__ */ jsx4(ExternalLinkIcon, { className: "h-3 w-3" }),
+                /* @__PURE__ */ jsx3(ExternalLinkIcon, { className: "h-3 w-3" }),
                 health.openAtSourceLabel ?? deriveOpenAtSourceLabel(health.source)
               ]
             }
@@ -1160,16 +1092,16 @@ function FieldsSection({ core }) {
   const RefCell = host.doors.RefCell;
   const label = core.recordType?.label.toLowerCase() ?? "record";
   if (!core.recordType) {
-    return /* @__PURE__ */ jsx4(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__ */ jsx3(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__ */ jsx4(LoadingFields, { core, label });
+    return /* @__PURE__ */ jsx3(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__ */ jsxs4(Notice, { tone: "warn", children: [
+    return /* @__PURE__ */ jsxs3(Notice, { tone: "warn", children: [
       sentence,
-      /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsx3(
         ErrorActions2,
         {
           origin: "detail/DetailBody",
@@ -1181,24 +1113,24 @@ function FieldsSection({ core }) {
     ] });
   }
   if (core.status === "error") {
-    return /* @__PURE__ */ jsxs4(Notice, { tone: "error", children: [
+    return /* @__PURE__ */ jsxs3(Notice, { tone: "error", children: [
       `Couldn't load the details for this ${label}. ${core.errorMessage ?? ""}`.trim(),
-      /* @__PURE__ */ jsx4(ErrorActions2, { origin: "detail/DetailBody", operation: `Load this ${label}`, error: core.errorMessage })
+      /* @__PURE__ */ jsx3(ErrorActions2, { origin: "detail/DetailBody", operation: `Load this ${label}`, error: core.errorMessage })
     ] });
   }
   if (core.status === "none") {
-    return /* @__PURE__ */ jsx4(Notice, { tone: "muted", children: `Nothing more about this ${label} is stored here, so there is nothing else to show. ` + whatTheControlsDo(core) });
+    return /* @__PURE__ */ jsx3(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__ */ jsx4("p", { className: "text-sm text-muted-foreground", children: "No additional fields to show." });
+    return /* @__PURE__ */ jsx3("p", { className: "text-sm text-muted-foreground", children: "No additional fields to show." });
   }
-  return /* @__PURE__ */ jsx4("dl", { className: "grid grid-cols-1 gap-x-4 gap-y-2.5", children: core.fields.map((field) => /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsx3("dl", { className: "grid grid-cols-1 gap-x-4 gap-y-2.5", children: core.fields.map((field) => /* @__PURE__ */ jsxs3(
     "div",
     {
       className: "flex flex-col gap-0.5 border-b border-border/40 pb-2 last:border-b-0",
       children: [
-        /* @__PURE__ */ jsx4("dt", { className: "text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: field.label }),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx3("dt", { className: "text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: field.label }),
+        /* @__PURE__ */ jsx3(
           "dd",
           {
             className: cn3(
@@ -1210,7 +1142,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__ */ jsx4(
+              /* @__PURE__ */ jsx3(
                 RefCell,
                 {
                   value: field.ref.id,
@@ -1229,8 +1161,8 @@ function FieldsSection({ core }) {
 }
 function LoadingFields({ core, label }) {
   const slow = useSlowLoadNotice(true, `${core.ref.type}:${core.ref.id}`);
-  return /* @__PURE__ */ jsxs4("div", { className: "space-y-3", "aria-busy": "true", "aria-label": `Loading ${label} details`, children: [
-    slow ? /* @__PURE__ */ jsxs4("p", { className: "text-xs text-muted-foreground", "data-detail-slow-load": true, children: [
+  return /* @__PURE__ */ jsxs3("div", { className: "space-y-3", "aria-busy": "true", "aria-label": `Loading ${label} details`, children: [
+    slow ? /* @__PURE__ */ jsxs3("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",
@@ -1238,9 +1170,9 @@ function LoadingFields({ core, label }) {
       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__ */ jsxs4("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsx4(Skeleton, { className: "h-2.5 w-20" }),
-      /* @__PURE__ */ jsx4(Skeleton, { className: cn3("h-4", i % 2 ? "w-3/4" : "w-1/2") })
+    Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxs3("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx3(Skeleton, { className: "h-2.5 w-20" }),
+      /* @__PURE__ */ jsx3(Skeleton, { className: cn3("h-4", i % 2 ? "w-3/4" : "w-1/2") })
     ] }, i))
   ] });
 }
@@ -1255,9 +1187,9 @@ function AssociationsSection({ core }) {
   const wanted = core.recordType?.associationTokens ?? host.associations.defaultTokens;
   const tokens = wanted.filter((t) => t !== token).filter(isEntityTypeToken);
   if (tokens.length === 0) return null;
-  return /* @__PURE__ */ jsxs4("section", { className: "space-y-2", "data-detail-section": "associations", children: [
-    /* @__PURE__ */ jsx4(SectionHeading, { icon: /* @__PURE__ */ jsx4(Link2Icon, { className: "h-3 w-3" }), children: "Linked" }),
-    /* @__PURE__ */ jsx4(PrimaryEntityProvider, { value: { type: token, id: core.ref.id, label: core.title }, children: /* @__PURE__ */ jsx4(AssociationCardGrid, { tokens }) })
+  return /* @__PURE__ */ jsxs3("section", { className: "space-y-2", "data-detail-section": "associations", children: [
+    /* @__PURE__ */ jsx3(SectionHeading, { icon: /* @__PURE__ */ jsx3(Link2Icon, { className: "h-3 w-3" }), children: "Linked" }),
+    /* @__PURE__ */ jsx3(PrimaryEntityProvider, { value: { type: token, id: core.ref.id, label: core.title }, children: /* @__PURE__ */ jsx3(AssociationCardGrid, { tokens }) })
   ] });
 }
 var ACTOR_COLUMNS = ["actor_id", "user_id", "person_id", "created_by_id"];
@@ -1294,33 +1226,33 @@ function HistorySection({ core }) {
     (candidate) => Boolean(candidate)
   );
   const ActorName = host.history.ActorName ?? null;
-  return /* @__PURE__ */ jsxs4("section", { className: "space-y-2", "data-detail-section": "history", children: [
-    /* @__PURE__ */ jsx4(SectionHeading, { icon: /* @__PURE__ */ jsx4(HistoryIcon, { className: "h-3 w-3" }), children: "History" }),
-    state.status === "loading" ? /* @__PURE__ */ jsxs4("div", { className: "space-y-1.5", "aria-busy": "true", "aria-label": "Loading history", children: [
-      /* @__PURE__ */ jsx4(Skeleton, { className: "h-3.5 w-2/3" }),
-      /* @__PURE__ */ jsx4(Skeleton, { className: "h-3.5 w-1/2" })
-    ] }) : state.status === "error" ? /* @__PURE__ */ jsxs4("p", { className: "text-xs text-muted-foreground", children: [
+  return /* @__PURE__ */ jsxs3("section", { className: "space-y-2", "data-detail-section": "history", children: [
+    /* @__PURE__ */ jsx3(SectionHeading, { icon: /* @__PURE__ */ jsx3(HistoryIcon, { className: "h-3 w-3" }), children: "History" }),
+    state.status === "loading" ? /* @__PURE__ */ jsxs3("div", { className: "space-y-1.5", "aria-busy": "true", "aria-label": "Loading history", children: [
+      /* @__PURE__ */ jsx3(Skeleton, { className: "h-3.5 w-2/3" }),
+      /* @__PURE__ */ jsx3(Skeleton, { className: "h-3.5 w-1/2" })
+    ] }) : state.status === "error" ? /* @__PURE__ */ jsxs3("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__ */ jsx4(ErrorActions2, { origin: "detail/DetailBody", operation: "Read the history", error: state.message })
-    ] }) : state.entries.length === 0 ? /* @__PURE__ */ jsx4("p", { className: "text-xs text-muted-foreground", children: "No recorded changes yet." }) : /* @__PURE__ */ jsx4("ol", { className: "space-y-1", children: state.entries.map((entry) => /* @__PURE__ */ jsxs4(
+      /* @__PURE__ */ jsx3(ErrorActions2, { origin: "detail/DetailBody", operation: "Read the history", error: state.message })
+    ] }) : state.entries.length === 0 ? /* @__PURE__ */ jsx3("p", { className: "text-xs text-muted-foreground", children: "No recorded changes yet." }) : /* @__PURE__ */ jsx3("ol", { className: "space-y-1", children: state.entries.map((entry) => /* @__PURE__ */ jsxs3(
       "li",
       {
         className: "flex flex-wrap items-center gap-x-2 gap-y-0.5 text-xs",
         children: [
-          /* @__PURE__ */ jsxs4("span", { className: "rounded bg-muted px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground", children: [
+          /* @__PURE__ */ jsxs3("span", { className: "rounded bg-muted px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground", children: [
             "v",
             entry.version
           ] }),
-          /* @__PURE__ */ jsx4("span", { className: "capitalize text-foreground", children: entry.operation.toLowerCase() }),
-          /* @__PURE__ */ jsx4("span", { className: "text-muted-foreground", children: formatWhen(entry.occurredAt) }),
-          entry.isCurrent ? /* @__PURE__ */ jsx4("span", { className: "text-[10px] uppercase tracking-wide text-primary", children: "current" }) : null,
-          entry.actorId ? ActorName ? /* @__PURE__ */ jsxs4("span", { className: "text-muted-foreground", "data-detail-history-actor-person": true, children: [
+          /* @__PURE__ */ jsx3("span", { className: "capitalize text-foreground", children: entry.operation.toLowerCase() }),
+          /* @__PURE__ */ jsx3("span", { className: "text-muted-foreground", children: formatWhen(entry.occurredAt) }),
+          entry.isCurrent ? /* @__PURE__ */ jsx3("span", { className: "text-[10px] uppercase tracking-wide text-primary", children: "current" }) : null,
+          entry.actorId ? ActorName ? /* @__PURE__ */ jsxs3("span", { className: "text-muted-foreground", "data-detail-history-actor-person": true, children: [
             "Changed by ",
-            /* @__PURE__ */ jsx4(ActorName, { actorId: entry.actorId, row: core.row })
-          ] }) : actorToken ? /* @__PURE__ */ jsx4("span", { className: "inline-flex items-center", "data-detail-history-actor": true, children: /* @__PURE__ */ jsx4(ActorCell, { value: entry.actorId, label: "Changed by", token: actorToken }) }) : /* @__PURE__ */ jsxs4("span", { className: "text-muted-foreground", "data-detail-history-actor-raw": true, children: [
+            /* @__PURE__ */ jsx3(ActorName, { actorId: entry.actorId, row: core.row })
+          ] }) : actorToken ? /* @__PURE__ */ jsx3("span", { className: "inline-flex items-center", "data-detail-history-actor": true, children: /* @__PURE__ */ jsx3(ActorCell, { value: entry.actorId, label: "Changed by", token: actorToken }) }) : /* @__PURE__ */ jsxs3("span", { className: "text-muted-foreground", "data-detail-history-actor-raw": true, children: [
             "Changed by",
             " ",
-            /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsx3(
               "span",
               {
                 className: "font-mono text-[10px]",
@@ -1328,7 +1260,7 @@ function HistorySection({ core }) {
                 children: entry.actorId
               }
             )
-          ] }) : /* @__PURE__ */ jsx4("span", { className: "text-muted-foreground", "data-detail-history-actor-absent": true, children: "No person recorded for this change" })
+          ] }) : /* @__PURE__ */ jsx3("span", { className: "text-muted-foreground", "data-detail-history-actor-absent": true, children: "No person recorded for this change" })
         ]
       },
       `${entry.version}-${entry.occurredAt}`
@@ -1340,7 +1272,7 @@ function CustomFieldsPort({ core }) {
   const Section = host.customFields?.Section;
   const token = core.entityToken;
   if (!Section || !token) return null;
-  return /* @__PURE__ */ jsx4(Section, { token, id: core.ref.id });
+  return /* @__PURE__ */ jsx3(Section, { token, id: core.ref.id });
 }
 function DetailBody({ core }) {
   const extra = core.recordType?.extraSections && core.frameCtx ? core.recordType.extraSections(core.row, core.frameCtx) : [];
@@ -1348,26 +1280,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__ */ jsxs4("div", { className: "flex min-h-full flex-col", children: [
-      /* @__PURE__ */ jsx4(DetailRecordMeta, { core }),
-      core.health ? /* @__PURE__ */ jsx4(HealthStrip, { health: core.health }) : null,
-      core.about ? /* @__PURE__ */ jsx4("p", { className: "line-clamp-3 border-b border-border/60 p-4 text-xs leading-snug text-muted-foreground", children: core.about }) : null,
-      /* @__PURE__ */ jsxs4("div", { className: "space-y-6 p-4", children: [
-        /* @__PURE__ */ jsx4(FieldsSection, { core }),
-        core.status === "ready" || core.status === "none" ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
-          /* @__PURE__ */ jsx4(CustomFieldsPort, { core }),
-          /* @__PURE__ */ jsx4(AssociationsSection, { core }),
-          /* @__PURE__ */ jsx4(HistorySection, { core }),
-          extra.map((section) => /* @__PURE__ */ jsxs4("section", { className: "space-y-2", "data-detail-section": section.id, children: [
-            /* @__PURE__ */ jsx4(SectionHeading, { children: section.label }),
+    /* @__PURE__ */ jsxs3("div", { className: "flex min-h-full flex-col", children: [
+      /* @__PURE__ */ jsx3(DetailRecordMeta, { core }),
+      core.health ? /* @__PURE__ */ jsx3(HealthStrip, { health: core.health }) : null,
+      core.about ? /* @__PURE__ */ jsx3("p", { className: "line-clamp-3 border-b border-border/60 p-4 text-xs leading-snug text-muted-foreground", children: core.about }) : null,
+      /* @__PURE__ */ jsxs3("div", { className: "space-y-6 p-4", children: [
+        /* @__PURE__ */ jsx3(FieldsSection, { core }),
+        core.status === "ready" || core.status === "none" ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
+          /* @__PURE__ */ jsx3(CustomFieldsPort, { core }),
+          /* @__PURE__ */ jsx3(AssociationsSection, { core }),
+          /* @__PURE__ */ jsx3(HistorySection, { core }),
+          extra.map((section) => /* @__PURE__ */ jsxs3("section", { className: "space-y-2", "data-detail-section": section.id, children: [
+            /* @__PURE__ */ jsx3(SectionHeading, { children: section.label }),
             section.content
           ] }, section.id))
         ] }) : null,
-        /* @__PURE__ */ jsx4(DetailPresentationPane, { core })
+        /* @__PURE__ */ jsx3(DetailPresentationPane, { core })
       ] })
     ] })
   );
-  if (Frame && core.frameCtx) return /* @__PURE__ */ jsx4(Frame, { ctx: core.frameCtx, children: body });
+  if (Frame && core.frameCtx) return /* @__PURE__ */ jsx3(Frame, { ctx: core.frameCtx, children: body });
   return body;
 }
 
@@ -1387,9 +1319,9 @@ function detailInstanceKey(ref) {
 var DEFAULT_PANEL_URL_RESERVE_BYTES = Math.floor(DETAIL_URL_BUDGET_BYTES / 2);
 
 // src/react/presentations.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 function KeyboardSlot({ core, children }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     "div",
     {
       onKeyDownCapture: core.keyboard.rootProps.onKeyDownCapture,
@@ -1400,7 +1332,7 @@ function KeyboardSlot({ core, children }) {
   );
 }
 function KeyboardActionsSlot({ core, children }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     "div",
     {
       onKeyDownCapture: core.keyboard.rootProps.onKeyDownCapture,
@@ -1419,7 +1351,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__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     "div",
     {
       ref: rootRef,
@@ -1437,19 +1369,19 @@ function DetailWindowPresentation({ data, onClose }) {
   const core = useDetailCore(data, "window", { onClose });
   const menuActions = useDetailMenuActions(core);
   const Shell = requireShell(host.shells, "Window");
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     Shell,
     {
       instanceKey: detailInstanceKey(core.ref),
       target: core.ref,
       list: core.list.context,
       title: core.title,
-      titleNode: /* @__PURE__ */ jsx5(KeyboardSlot, { core, children: /* @__PURE__ */ jsx5(DetailTitle, { core }) }),
-      actions: /* @__PURE__ */ jsx5(KeyboardActionsSlot, { core, children: /* @__PURE__ */ jsx5(DetailActions, { core }) }),
-      navActions: /* @__PURE__ */ jsx5(KeyboardActionsSlot, { core, children: /* @__PURE__ */ jsx5(DetailActions, { core, optional: "none" }) }),
+      titleNode: /* @__PURE__ */ jsx4(KeyboardSlot, { core, children: /* @__PURE__ */ jsx4(DetailTitle, { core }) }),
+      actions: /* @__PURE__ */ jsx4(KeyboardActionsSlot, { core, children: /* @__PURE__ */ jsx4(DetailActions, { core }) }),
+      navActions: /* @__PURE__ */ jsx4(KeyboardActionsSlot, { core, children: /* @__PURE__ */ jsx4(DetailActions, { core, optional: "none" }) }),
       menuActions,
       onClose: core.close,
-      children: /* @__PURE__ */ jsx5(KeyboardRoot, { core, children: /* @__PURE__ */ jsx5(DetailBody, { core }) })
+      children: /* @__PURE__ */ jsx4(KeyboardRoot, { core, children: /* @__PURE__ */ jsx4(DetailBody, { core }) })
     }
   );
 }
@@ -1458,18 +1390,18 @@ function DetailDockedPresentation({ data, onClose }) {
   const core = useDetailCore(data, "docked", { onClose });
   const menuActions = useDetailMenuActions(core);
   const Shell = requireShell(host.shells, "Docked");
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     Shell,
     {
       instanceKey: detailInstanceKey(core.ref),
       target: core.ref,
       title: core.title,
-      titleNode: /* @__PURE__ */ jsx5(KeyboardSlot, { core, children: /* @__PURE__ */ jsx5(DetailTitle, { core }) }),
-      actions: /* @__PURE__ */ jsx5(KeyboardActionsSlot, { core, children: /* @__PURE__ */ jsx5(DetailActions, { core }) }),
-      navActions: /* @__PURE__ */ jsx5(KeyboardActionsSlot, { core, children: /* @__PURE__ */ jsx5(DetailActions, { core, optional: "none" }) }),
+      titleNode: /* @__PURE__ */ jsx4(KeyboardSlot, { core, children: /* @__PURE__ */ jsx4(DetailTitle, { core }) }),
+      actions: /* @__PURE__ */ jsx4(KeyboardActionsSlot, { core, children: /* @__PURE__ */ jsx4(DetailActions, { core }) }),
+      navActions: /* @__PURE__ */ jsx4(KeyboardActionsSlot, { core, children: /* @__PURE__ */ jsx4(DetailActions, { core, optional: "none" }) }),
       menuActions,
       onClose: core.close,
-      children: /* @__PURE__ */ jsx5(KeyboardRoot, { core, children: /* @__PURE__ */ jsx5(DetailBody, { core }) })
+      children: /* @__PURE__ */ jsx4(KeyboardRoot, { core, children: /* @__PURE__ */ jsx4(DetailBody, { core }) })
     }
   );
 }
@@ -1478,18 +1410,18 @@ function DetailPagePresentation({ data }) {
   const core = useDetailCore(data, "page", {});
   const menuActions = useDetailMenuActions(core);
   const Shell = requireShell(host.shells, "Page");
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     Shell,
     {
       target: core.ref,
       title: core.title,
-      titleNode: /* @__PURE__ */ jsx5(KeyboardSlot, { core, children: /* @__PURE__ */ jsx5(DetailTitle, { core }) }),
-      actions: /* @__PURE__ */ jsx5(KeyboardActionsSlot, { core, children: /* @__PURE__ */ jsx5(DetailActions, { core }) }),
-      navActions: /* @__PURE__ */ jsx5(KeyboardActionsSlot, { core, children: /* @__PURE__ */ jsx5(DetailActions, { core, optional: "none" }) }),
+      titleNode: /* @__PURE__ */ jsx4(KeyboardSlot, { core, children: /* @__PURE__ */ jsx4(DetailTitle, { core }) }),
+      actions: /* @__PURE__ */ jsx4(KeyboardActionsSlot, { core, children: /* @__PURE__ */ jsx4(DetailActions, { core }) }),
+      navActions: /* @__PURE__ */ jsx4(KeyboardActionsSlot, { core, children: /* @__PURE__ */ jsx4(DetailActions, { core, optional: "none" }) }),
       menuActions,
       onClose: core.close,
       onBack: core.leave,
-      children: /* @__PURE__ */ jsx5(KeyboardRoot, { core, children: /* @__PURE__ */ jsx5(DetailBody, { core }) })
+      children: /* @__PURE__ */ jsx4(KeyboardRoot, { core, children: /* @__PURE__ */ jsx4(DetailBody, { core }) })
     }
   );
 }