@ai-matrx/detail 0.1.166 → 0.1.168

package/dist/react.js

@@ -1,67 +1,10 @@
 "use client";
-
-// src/react/host.tsx
-import { createContext, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-var CONTEXT_SLOT = /* @__PURE__ */ Symbol.for("ai-matrx.detail.host-context");
-var DetailHostContext = globalThis[CONTEXT_SLOT] ??= createContext(null);
-function DetailHostProvider({
-  ports,
-  children
-}) {
-  const parent = useContext(DetailHostContext);
-  const merged = {
-    ...parent ?? {},
-    ...ports,
-    shells: { ...parent?.shells ?? {}, ...ports.shells ?? {} }
-  };
-  return /* @__PURE__ */ jsx(DetailHostContext.Provider, { value: merged, children });
-}
-var REQUIRED_PORTS = [
-  "usePresentationSetting",
-  "resolvePresentation",
-  "warmPresentation",
-  "open",
-  "close",
-  "navigate",
-  "doors",
-  "associations",
-  "history",
-  "notify",
-  "copyText"
-];
-function useDetailHost() {
-  const ports = useContext(DetailHostContext);
-  if (!ports) {
-    throw new Error(
-      "[detail] No DetailHostProvider above this component. Mount the host binding \u2014 a <DetailHostProvider ports={\u2026}> carrying every required port (README \u2192 'Binding the ports') \u2014 around the tree that opens or renders record details."
-    );
-  }
-  const missing = REQUIRED_PORTS.filter((key) => ports[key] === void 0);
-  if (missing.length > 0) {
-    throw new Error(
-      `[detail] DetailHostProvider is missing the port(s): ${missing.join(", ")}. Bind them in the host binding (README \u2192 'Binding the ports').`
-    );
-  }
-  return ports;
-}
-function requireResolveType(host) {
-  if (!host.resolveType) {
-    throw new Error(
-      "[detail] No resolveType port is bound. A presentation's entry must pass `resolveType` (the host's ONE record-type map) beside its shell."
-    );
-  }
-  return host.resolveType;
-}
-function requireShell(shells, which) {
-  const shell = shells[which];
-  if (!shell) {
-    throw new Error(
-      `[detail] No ${which} shell is bound. The ${which} presentation's entry must wrap itself in <DetailHostProvider ports={{ shells: { ${which} } }}> (README \u2192 'The three shells').`
-    );
-  }
-  return shell;
-}
+import {
+  DetailHostProvider,
+  requireResolveType,
+  requireShell,
+  useDetailHost
+} from "./chunk-QKTMHP4O.js";
 
 // src/react/useDetailCore.ts
 import { useEffect as useEffect3 } from "react";
@@ -505,10 +448,10 @@ function useOpenDetail(warmType) {
 import { useEffect as useEffect5, useRef as useRef4, useState as useState3 } from "react";
 
 // src/react/icons.tsx
-import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function glyph(name, children) {
   function Icon(props) {
-    return /* @__PURE__ */ jsx2(
+    return /* @__PURE__ */ jsx(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -533,71 +476,71 @@ function glyph(name, children) {
 var AlertCircleIcon = glyph(
   "alert-circle",
   /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ jsx2("line", { x1: "12", x2: "12", y1: "8", y2: "12" }),
-    /* @__PURE__ */ jsx2("line", { x1: "12", x2: "12.01", y1: "16", y2: "16" })
+    /* @__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__ */ jsx2("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
-    /* @__PURE__ */ jsx2("path", { d: "M3 3v5h5" }),
-    /* @__PURE__ */ jsx2("path", { d: "M12 7v5l4 2" })
+    /* @__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__ */ jsx2("path", { d: "M9 17H7A5 5 0 0 1 7 7h2" }),
-    /* @__PURE__ */ jsx2("path", { d: "M15 7h2a5 5 0 1 1 0 10h-2" }),
-    /* @__PURE__ */ jsx2("line", { x1: "8", x2: "16", y1: "12", y2: "12" })
+    /* @__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__ */ jsx2("path", { d: SHIELD }),
-    /* @__PURE__ */ jsx2("path", { d: "M12 8v4" }),
-    /* @__PURE__ */ jsx2("path", { d: "M12 16h.01" })
+    /* @__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__ */ jsx2("path", { d: SHIELD }),
-    /* @__PURE__ */ jsx2("path", { d: "m9 12 2 2 4-4" })
+    /* @__PURE__ */ jsx("path", { d: SHIELD }),
+    /* @__PURE__ */ jsx("path", { d: "m9 12 2 2 4-4" })
   ] })
 );
 var ExpandIcon = glyph(
   "expand",
   /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx2("path", { d: "m15 15 6 6" }),
-    /* @__PURE__ */ jsx2("path", { d: "m15 9 6-6" }),
-    /* @__PURE__ */ jsx2("path", { d: "M21 16v5h-5" }),
-    /* @__PURE__ */ jsx2("path", { d: "M21 8V3h-5" }),
-    /* @__PURE__ */ jsx2("path", { d: "M3 16v5h5" }),
-    /* @__PURE__ */ jsx2("path", { d: "m3 21 6-6" }),
-    /* @__PURE__ */ jsx2("path", { d: "M3 8V3h5" }),
-    /* @__PURE__ */ jsx2("path", { d: "M9 9 3 3" })
+    /* @__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__ */ jsx2("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }));
+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__ */ jsx2("path", { d: "M14 17H5" }),
-    /* @__PURE__ */ jsx2("path", { d: "M19 7h-9" }),
-    /* @__PURE__ */ jsx2("circle", { cx: "17", cy: "17", r: "3" }),
-    /* @__PURE__ */ jsx2("circle", { cx: "7", cy: "7", r: "3" })
+    /* @__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" })
   ] })
 );
 
 // src/react/DetailHeader.tsx
 import { AppWindowIcon, CheckIcon, ChevronLeftIcon, ChevronRightIcon, CopyIcon, MoreHorizontalIcon, PanelRightIcon } from "@ai-matrx/design-system/icons";
 import { cn } from "@ai-matrx/design-system";
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } 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";
@@ -607,30 +550,38 @@ var PRESENTATIONS = [
   { value: "page", label: "Open as page", Icon: ExpandIcon }
 ];
 function TypeChip({ core, className }) {
-  const accent = core.recordType?.accent ?? null;
-  return /* @__PURE__ */ jsx3(
+  const color = identityColor(core.recordType?.color);
+  const accent = color ? null : core.recordType?.accent ?? null;
+  return /* @__PURE__ */ jsx2(
     "span",
     {
       className: cn(
         TYPE_CHIP,
-        accent?.bg ?? "bg-muted",
-        accent?.text ?? "text-muted-foreground",
-        accent?.ring ?? "ring-border",
+        color ? "text-foreground" : [accent?.bg ?? "bg-muted", accent?.text ?? "text-muted-foreground", accent?.ring ?? "ring-border"],
         className
       ),
+      style: color ? {
+        backgroundColor: `color-mix(in oklab, ${color} 14%, transparent)`,
+        ["--tw-ring-color"]: `color-mix(in oklab, ${color} 30%, transparent)`
+      } : void 0,
       "data-detail-type-chip": true,
       children: core.recordLabel
     }
   );
 }
+var IDENTITY_HEX = /^#[0-9a-f]{6}$/i;
+function identityColor(c) {
+  return c && IDENTITY_HEX.test(c) ? c : null;
+}
 function DetailTitle({ core }) {
   const host = useDetailHost();
   const Icon = core.recordType?.icon ?? null;
+  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 ? /* @__PURE__ */ jsx3(Icon, { className: cn("h-4 w-4 shrink-0", accent?.text) }) : null,
-    /* @__PURE__ */ jsx3(
+    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(
       "span",
       {
         className: cn(
@@ -642,8 +593,8 @@ function DetailTitle({ core }) {
         children: core.title
       }
     ),
-    /* @__PURE__ */ jsx3(TypeChip, { core, className: "hidden sm:inline-block" }),
-    core.entityToken && core.doorsAvailable ? /* @__PURE__ */ jsx3("span", { className: "hidden shrink-0 sm:inline-flex", children: /* @__PURE__ */ jsx3(RecordDoors, { token: core.entityToken, id: core.ref.id, name: core.title }) }) : null
+    /* @__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
   ] });
 }
 function DetailRecordMeta({ core }) {
@@ -656,10 +607,10 @@ function DetailRecordMeta({ core }) {
       className: "flex flex-wrap items-center gap-2 border-b border-border/60 px-4 py-2",
       "data-detail-record-meta": true,
       children: [
-        /* @__PURE__ */ jsx3(TypeChip, { core, className: "sm:hidden" }),
-        core.entityToken && core.doorsAvailable ? /* @__PURE__ */ jsx3("span", { className: "inline-flex sm:hidden", children: /* @__PURE__ */ jsx3(RecordDoors, { token: core.entityToken, id: core.ref.id, name: core.title }) }) : null,
-        /* @__PURE__ */ jsx3("span", { className: "truncate font-mono text-[10px] text-muted-foreground", "data-detail-id": true, children: core.ref.id }),
-        trimmedFrom ? /* @__PURE__ */ jsx3("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__ */ 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: "truncate font-mono text-[10px] text-muted-foreground", "data-detail-id": true, children: core.ref.id }),
+        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
       ]
     }
   );
@@ -718,7 +669,7 @@ function DetailActions({ core, optional = "inline" }) {
   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__ */ jsx3(
+      /* @__PURE__ */ jsx2(
         "button",
         {
           type: "button",
@@ -727,7 +678,7 @@ function DetailActions({ core, optional = "inline" }) {
           disabled: !list.hasPrev,
           "aria-label": "Previous record (Up arrow, or left bracket)",
           title: "Previous record  \u2191 or [",
-          children: /* @__PURE__ */ jsx3(ChevronLeftIcon, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsx2(ChevronLeftIcon, { className: "h-4 w-4" })
         }
       ),
       /* @__PURE__ */ jsxs2("span", { className: "px-1 text-[11px] tabular-nums text-muted-foreground", children: [
@@ -735,7 +686,7 @@ function DetailActions({ core, optional = "inline" }) {
         "/",
         list.context.items.length
       ] }),
-      /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx2(
         "button",
         {
           type: "button",
@@ -744,10 +695,10 @@ function DetailActions({ core, optional = "inline" }) {
           disabled: !list.hasNext,
           "aria-label": "Next record (Down arrow, or right bracket)",
           title: "Next record  \u2193 or ]",
-          children: /* @__PURE__ */ jsx3(ChevronRightIcon, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsx2(ChevronRightIcon, { className: "h-4 w-4" })
         }
       ),
-      /* @__PURE__ */ jsx3("span", { className: "mx-1 h-4 w-px bg-border", "aria-hidden": true })
+      /* @__PURE__ */ jsx2("span", { className: "mx-1 h-4 w-px bg-border", "aria-hidden": true })
     ] }) : null,
     optional === "none" ? null : /* @__PURE__ */ jsxs2(Fragment2, { children: [
       /* @__PURE__ */ jsxs2(
@@ -756,7 +707,7 @@ function DetailActions({ core, optional = "inline" }) {
           className: "flex items-center gap-0.5 @max-[26rem]/window-header:hidden",
           "data-detail-actions-collapsible": true,
           children: [
-            others.map(({ value, label, Icon }) => /* @__PURE__ */ jsx3(
+            others.map(({ value, label, Icon }) => /* @__PURE__ */ jsx2(
               "button",
               {
                 type: "button",
@@ -764,11 +715,11 @@ function DetailActions({ core, optional = "inline" }) {
                 onClick: () => core.switchTo(value),
                 "aria-label": label,
                 title: label,
-                children: /* @__PURE__ */ jsx3(Icon, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx2(Icon, { className: "h-4 w-4" })
               },
               value
             )),
-            /* @__PURE__ */ jsx3(
+            /* @__PURE__ */ jsx2(
               "button",
               {
                 type: "button",
@@ -777,14 +728,14 @@ function DetailActions({ core, optional = "inline" }) {
                 "aria-label": "Copy record id",
                 title: "Copy record id",
                 "data-detail-copy-id": true,
-                children: copied ? /* @__PURE__ */ jsx3(CheckIcon, { className: "h-3.5 w-3.5 text-primary" }) : /* @__PURE__ */ jsx3(CopyIcon, { className: "h-3.5 w-3.5" })
+                children: copied ? /* @__PURE__ */ jsx2(CheckIcon, { className: "h-3.5 w-3.5 text-primary" }) : /* @__PURE__ */ jsx2(CopyIcon, { className: "h-3.5 w-3.5" })
               }
             )
           ]
         }
       ),
       /* @__PURE__ */ jsxs2("span", { className: "relative hidden @max-[26rem]/window-header:inline-flex", ref: menuRef, children: [
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx2(
           "button",
           {
             type: "button",
@@ -795,7 +746,7 @@ function DetailActions({ core, optional = "inline" }) {
             "aria-haspopup": "menu",
             "aria-expanded": menuOpen,
             "data-detail-actions-overflow": true,
-            children: /* @__PURE__ */ jsx3(MoreHorizontalIcon, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx2(MoreHorizontalIcon, { className: "h-4 w-4" })
           }
         ),
         menuOpen ? /* @__PURE__ */ jsxs2(
@@ -817,7 +768,7 @@ function DetailActions({ core, optional = "inline" }) {
                     core.switchTo(value);
                   },
                   children: [
-                    /* @__PURE__ */ jsx3(Icon, { className: "h-3.5 w-3.5 shrink-0" }),
+                    /* @__PURE__ */ jsx2(Icon, { className: "h-3.5 w-3.5 shrink-0" }),
                     label
                   ]
                 },
@@ -834,7 +785,7 @@ function DetailActions({ core, optional = "inline" }) {
                     void copyId();
                   },
                   children: [
-                    /* @__PURE__ */ jsx3(CopyIcon, { className: "h-3.5 w-3.5 shrink-0" }),
+                    /* @__PURE__ */ jsx2(CopyIcon, { className: "h-3.5 w-3.5 shrink-0" }),
                     "Copy record id"
                   ]
                 }
@@ -869,7 +820,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 jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var WORD = {
   window: "a window",
   docked: "a docked panel",
@@ -949,7 +900,7 @@ function DetailPresentationPane({ core }) {
     return /* @__PURE__ */ jsxs3("div", { className: "w-full", children: [
       setting.error ? /* @__PURE__ */ jsxs3("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__ */ jsx4(ErrorActions, { origin: "detail/DetailPresentationPane", operation: "Read the open-details-as setting", error: setting.error })
+        /* @__PURE__ */ jsx3(ErrorActions, { origin: "detail/DetailPresentationPane", operation: "Read the open-details-as setting", error: setting.error })
       ] }) : null,
       /* @__PURE__ */ jsxs3(
         "button",
@@ -959,9 +910,9 @@ 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__ */ jsx4(Settings2Icon, { className: "h-3 w-3 shrink-0" }),
-            setting.error ? null : /* @__PURE__ */ jsx4("span", { children: `Details open as ${WORD[effective]}.` }),
-            /* @__PURE__ */ jsx4("span", { className: "underline underline-offset-2", children: "Change" })
+            /* @__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" })
           ]
         }
       )
@@ -974,10 +925,10 @@ function DetailPresentationPane({ core }) {
       "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__ */ jsx4(Settings2Icon, { className: "h-3 w-3" }),
+          /* @__PURE__ */ jsx3(Settings2Icon, { className: "h-3 w-3" }),
           "How record details open"
         ] }),
-        /* @__PURE__ */ jsx4("div", { className: "flex flex-wrap gap-1", role: "group", "aria-label": "Open record details as", children: DETAIL_PRESENTATIONS.map((value) => /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx3("div", { className: "flex flex-wrap gap-1", role: "group", "aria-label": "Open record details as", children: DETAIL_PRESENTATIONS.map((value) => /* @__PURE__ */ jsx3(
           "button",
           {
             type: "button",
@@ -994,7 +945,7 @@ function DetailPresentationPane({ core }) {
           },
           value
         )) }),
-        hasTypeException ? /* @__PURE__ */ jsx4(
+        hasTypeException ? /* @__PURE__ */ jsx3(
           "button",
           {
             type: "button",
@@ -1006,7 +957,7 @@ function DetailPresentationPane({ core }) {
           }
         ) : null,
         /* @__PURE__ */ jsxs3("label", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx3(
             "input",
             {
               type: "checkbox",
@@ -1031,13 +982,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__ */ jsx4(LoaderIcon, { className: "h-3 w-3 animate-spin" }) : state.status === "saved" ? /* @__PURE__ */ jsx4(CheckIcon2, { className: "h-3 w-3" }) : null,
+                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,
                 "Save"
               ]
             }
           ),
-          /* @__PURE__ */ jsx4("span", { className: "text-[11px] text-muted-foreground", children: state.status === "saved" ? "Saved. It applies to the next record you open." : "\u2318/Ctrl + Enter" }),
-          /* @__PURE__ */ jsx4(
+          /* @__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(
             "button",
             {
               type: "button",
@@ -1049,13 +1000,13 @@ function DetailPresentationPane({ core }) {
         ] }),
         state.status === "refused" ? /* @__PURE__ */ jsxs3("p", { className: "text-xs text-destructive", "data-detail-presentation-refusal": true, children: [
           state.reason,
-          /* @__PURE__ */ jsx4(ErrorActions, { origin: "detail/DetailPresentationPane", operation: "Change how details open", message: state.reason })
+          /* @__PURE__ */ jsx3(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: [
           "The saved setting could not be read here (",
           setting.error,
           "), so this shows what this detail is actually doing.",
-          /* @__PURE__ */ jsx4(ErrorActions, { origin: "detail/DetailPresentationPane", operation: "Read the open-details-as setting", error: setting.error })
+          /* @__PURE__ */ jsx3(ErrorActions, { origin: "detail/DetailPresentationPane", operation: "Read the open-details-as setting", error: setting.error })
         ] }) : null
       ]
     }
@@ -1065,7 +1016,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 jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var SLOW_LOAD_NOTICE_MS = 6e3;
 function useSlowLoadNotice(active, key) {
   const [slow, setSlow] = useState5(false);
@@ -1091,7 +1042,7 @@ function Notice({
   children
 }) {
   return /* @__PURE__ */ jsxs4("div", { className: "flex flex-col items-center gap-2 py-8 text-center", children: [
-    /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx4(
       AlertCircleIcon,
       {
         className: cn3(
@@ -1102,7 +1053,7 @@ function Notice({
         )
       }
     ),
-    /* @__PURE__ */ jsx5("p", { className: "max-w-prose text-sm text-muted-foreground", children })
+    /* @__PURE__ */ jsx4("p", { className: "max-w-prose text-sm text-muted-foreground", children })
   ] });
 }
 var GRANT_WORD = {
@@ -1147,9 +1098,9 @@ function HealthStrip({ health }) {
       ),
       "data-detail-health": true,
       children: [
-        ok ? /* @__PURE__ */ jsx5(ShieldCheckIcon, { className: "h-3.5 w-3.5 text-primary" }) : /* @__PURE__ */ jsx5(ShieldAlertIcon, { className: "h-3.5 w-3.5 text-destructive" }),
-        /* @__PURE__ */ jsx5("span", { className: "font-medium", children: health.source }),
-        ok ? null : /* @__PURE__ */ jsx5(
+        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(
           "span",
           {
             className: "rounded bg-destructive/10 px-1.5 py-0.5 text-[10px] font-semibold uppercase tracking-wide text-destructive",
@@ -1160,8 +1111,8 @@ function HealthStrip({ health }) {
         health.lastRefreshedAt ? /* @__PURE__ */ jsxs4("span", { children: [
           "Refreshed ",
           formatWhen(health.lastRefreshedAt)
-        ] }) : /* @__PURE__ */ jsx5("span", { children: "Never refreshed" }),
-        health.grantDetail ? /* @__PURE__ */ jsx5("span", { children: health.grantDetail }) : null,
+        ] }) : /* @__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(
             "button",
@@ -1171,12 +1122,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__ */ jsx5(RefreshCwIcon, { className: cn3("h-3 w-3", refreshing && "animate-spin") }),
+                /* @__PURE__ */ jsx4(RefreshCwIcon, { className: cn3("h-3 w-3", refreshing && "animate-spin") }),
                 "Refresh"
               ]
             }
           ) : null,
-          !ok && health.onReconnect ? /* @__PURE__ */ jsx5(
+          !ok && health.onReconnect ? /* @__PURE__ */ jsx4(
             "button",
             {
               type: "button",
@@ -1191,7 +1142,7 @@ function HealthStrip({ health }) {
               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__ */ jsx5(ExternalLinkIcon, { className: "h-3 w-3" }),
+                /* @__PURE__ */ jsx4(ExternalLinkIcon, { className: "h-3 w-3" }),
                 health.openAtSourceLabel ?? deriveOpenAtSourceLabel(health.source)
               ]
             }
@@ -1209,16 +1160,16 @@ function FieldsSection({ core }) {
   const RefCell = host.doors.RefCell;
   const label = core.recordType?.label.toLowerCase() ?? "record";
   if (!core.recordType) {
-    return /* @__PURE__ */ jsx5(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__ */ 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)}` });
   }
   if (core.status === "loading") {
-    return /* @__PURE__ */ jsx5(LoadingFields, { core, label });
+    return /* @__PURE__ */ jsx4(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: [
       sentence,
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx4(
         ErrorActions2,
         {
           origin: "detail/DetailBody",
@@ -1232,22 +1183,22 @@ function FieldsSection({ core }) {
   if (core.status === "error") {
     return /* @__PURE__ */ jsxs4(Notice, { tone: "error", children: [
       `Couldn't load the details for this ${label}. ${core.errorMessage ?? ""}`.trim(),
-      /* @__PURE__ */ jsx5(ErrorActions2, { origin: "detail/DetailBody", operation: `Load this ${label}`, error: core.errorMessage })
+      /* @__PURE__ */ jsx4(ErrorActions2, { origin: "detail/DetailBody", operation: `Load this ${label}`, error: core.errorMessage })
     ] });
   }
   if (core.status === "none") {
-    return /* @__PURE__ */ jsx5(Notice, { tone: "muted", children: `Nothing more about this ${label} is stored here, so there is nothing else to show. ` + whatTheControlsDo(core) });
+    return /* @__PURE__ */ jsx4(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__ */ jsx5("p", { className: "text-sm text-muted-foreground", children: "No additional fields to show." });
+    return /* @__PURE__ */ jsx4("p", { className: "text-sm text-muted-foreground", children: "No additional fields to show." });
   }
-  return /* @__PURE__ */ jsx5("dl", { className: "grid grid-cols-1 gap-x-4 gap-y-2.5", children: core.fields.map((field) => /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsx4("dl", { className: "grid grid-cols-1 gap-x-4 gap-y-2.5", children: core.fields.map((field) => /* @__PURE__ */ jsxs4(
     "div",
     {
       className: "flex flex-col gap-0.5 border-b border-border/40 pb-2 last:border-b-0",
       children: [
-        /* @__PURE__ */ jsx5("dt", { className: "text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: field.label }),
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx4("dt", { className: "text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: field.label }),
+        /* @__PURE__ */ jsx4(
           "dd",
           {
             className: cn3(
@@ -1259,7 +1210,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__ */ jsx5(
+              /* @__PURE__ */ jsx4(
                 RefCell,
                 {
                   value: field.ref.id,
@@ -1288,8 +1239,8 @@ function LoadingFields({ core, label }) {
       ". 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__ */ jsx5(Skeleton, { className: "h-2.5 w-20" }),
-      /* @__PURE__ */ jsx5(Skeleton, { className: cn3("h-4", i % 2 ? "w-3/4" : "w-1/2") })
+      /* @__PURE__ */ jsx4(Skeleton, { className: "h-2.5 w-20" }),
+      /* @__PURE__ */ jsx4(Skeleton, { className: cn3("h-4", i % 2 ? "w-3/4" : "w-1/2") })
     ] }, i))
   ] });
 }
@@ -1305,8 +1256,8 @@ function AssociationsSection({ core }) {
   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__ */ jsx5(SectionHeading, { icon: /* @__PURE__ */ jsx5(Link2Icon, { className: "h-3 w-3" }), children: "Linked" }),
-    /* @__PURE__ */ jsx5(PrimaryEntityProvider, { value: { type: token, id: core.ref.id, label: core.title }, children: /* @__PURE__ */ jsx5(AssociationCardGrid, { tokens }) })
+    /* @__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 }) })
   ] });
 }
 var ACTOR_COLUMNS = ["actor_id", "user_id", "person_id", "created_by_id"];
@@ -1344,14 +1295,14 @@ function HistorySection({ core }) {
   );
   const ActorName = host.history.ActorName ?? null;
   return /* @__PURE__ */ jsxs4("section", { className: "space-y-2", "data-detail-section": "history", children: [
-    /* @__PURE__ */ jsx5(SectionHeading, { icon: /* @__PURE__ */ jsx5(HistoryIcon, { className: "h-3 w-3" }), children: "History" }),
+    /* @__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__ */ jsx5(Skeleton, { className: "h-3.5 w-2/3" }),
-      /* @__PURE__ */ jsx5(Skeleton, { className: "h-3.5 w-1/2" })
+      /* @__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: [
       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__ */ jsx5(ErrorActions2, { origin: "detail/DetailBody", operation: "Read the history", error: state.message })
-    ] }) : state.entries.length === 0 ? /* @__PURE__ */ jsx5("p", { className: "text-xs text-muted-foreground", children: "No recorded changes yet." }) : /* @__PURE__ */ jsx5("ol", { className: "space-y-1", children: state.entries.map((entry) => /* @__PURE__ */ jsxs4(
+      /* @__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(
       "li",
       {
         className: "flex flex-wrap items-center gap-x-2 gap-y-0.5 text-xs",
@@ -1360,16 +1311,16 @@ function HistorySection({ core }) {
             "v",
             entry.version
           ] }),
-          /* @__PURE__ */ jsx5("span", { className: "capitalize text-foreground", children: entry.operation.toLowerCase() }),
-          /* @__PURE__ */ jsx5("span", { className: "text-muted-foreground", children: formatWhen(entry.occurredAt) }),
-          entry.isCurrent ? /* @__PURE__ */ jsx5("span", { className: "text-[10px] uppercase tracking-wide text-primary", children: "current" }) : null,
+          /* @__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: [
             "Changed by ",
-            /* @__PURE__ */ jsx5(ActorName, { actorId: entry.actorId, row: core.row })
-          ] }) : actorToken ? /* @__PURE__ */ jsx5("span", { className: "inline-flex items-center", "data-detail-history-actor": true, children: /* @__PURE__ */ jsx5(ActorCell, { value: entry.actorId, label: "Changed by", token: actorToken }) }) : /* @__PURE__ */ jsxs4("span", { className: "text-muted-foreground", "data-detail-history-actor-raw": true, children: [
+            /* @__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: [
             "Changed by",
             " ",
-            /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx4(
               "span",
               {
                 className: "font-mono text-[10px]",
@@ -1377,7 +1328,7 @@ function HistorySection({ core }) {
                 children: entry.actorId
               }
             )
-          ] }) : /* @__PURE__ */ jsx5("span", { className: "text-muted-foreground", "data-detail-history-actor-absent": true, children: "No person recorded for this change" })
+          ] }) : /* @__PURE__ */ jsx4("span", { className: "text-muted-foreground", "data-detail-history-actor-absent": true, children: "No person recorded for this change" })
         ]
       },
       `${entry.version}-${entry.occurredAt}`
@@ -1389,7 +1340,7 @@ function CustomFieldsPort({ core }) {
   const Section = host.customFields?.Section;
   const token = core.entityToken;
   if (!Section || !token) return null;
-  return /* @__PURE__ */ jsx5(Section, { token, id: core.ref.id });
+  return /* @__PURE__ */ jsx4(Section, { token, id: core.ref.id });
 }
 function DetailBody({ core }) {
   const extra = core.recordType?.extraSections && core.frameCtx ? core.recordType.extraSections(core.row, core.frameCtx) : [];
@@ -1398,25 +1349,25 @@ function DetailBody({ core }) {
     // `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__ */ jsx5(DetailRecordMeta, { core }),
-      core.health ? /* @__PURE__ */ jsx5(HealthStrip, { health: core.health }) : null,
-      core.about ? /* @__PURE__ */ jsx5("p", { className: "line-clamp-3 border-b border-border/60 p-4 text-xs leading-snug text-muted-foreground", children: core.about }) : null,
+      /* @__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__ */ jsx5(FieldsSection, { core }),
+        /* @__PURE__ */ jsx4(FieldsSection, { core }),
         core.status === "ready" || core.status === "none" ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
-          /* @__PURE__ */ jsx5(CustomFieldsPort, { core }),
-          /* @__PURE__ */ jsx5(AssociationsSection, { core }),
-          /* @__PURE__ */ jsx5(HistorySection, { core }),
+          /* @__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__ */ jsx5(SectionHeading, { children: section.label }),
+            /* @__PURE__ */ jsx4(SectionHeading, { children: section.label }),
             section.content
           ] }, section.id))
         ] }) : null,
-        /* @__PURE__ */ jsx5(DetailPresentationPane, { core })
+        /* @__PURE__ */ jsx4(DetailPresentationPane, { core })
       ] })
     ] })
   );
-  if (Frame && core.frameCtx) return /* @__PURE__ */ jsx5(Frame, { ctx: core.frameCtx, children: body });
+  if (Frame && core.frameCtx) return /* @__PURE__ */ jsx4(Frame, { ctx: core.frameCtx, children: body });
   return body;
 }
 
@@ -1436,9 +1387,9 @@ function detailInstanceKey(ref) {
 var DEFAULT_PANEL_URL_RESERVE_BYTES = Math.floor(DETAIL_URL_BUDGET_BYTES / 2);
 
 // src/react/presentations.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function KeyboardSlot({ core, children }) {
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx5(
     "div",
     {
       onKeyDownCapture: core.keyboard.rootProps.onKeyDownCapture,
@@ -1449,7 +1400,7 @@ function KeyboardSlot({ core, children }) {
   );
 }
 function KeyboardActionsSlot({ core, children }) {
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx5(
     "div",
     {
       onKeyDownCapture: core.keyboard.rootProps.onKeyDownCapture,
@@ -1468,7 +1419,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__ */ jsx6(
+  return /* @__PURE__ */ jsx5(
     "div",
     {
       ref: rootRef,
@@ -1486,19 +1437,19 @@ function DetailWindowPresentation({ data, onClose }) {
   const core = useDetailCore(data, "window", { onClose });
   const menuActions = useDetailMenuActions(core);
   const Shell = requireShell(host.shells, "Window");
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx5(
     Shell,
     {
       instanceKey: detailInstanceKey(core.ref),
       target: core.ref,
       list: core.list.context,
       title: core.title,
-      titleNode: /* @__PURE__ */ jsx6(KeyboardSlot, { core, children: /* @__PURE__ */ jsx6(DetailTitle, { core }) }),
-      actions: /* @__PURE__ */ jsx6(KeyboardActionsSlot, { core, children: /* @__PURE__ */ jsx6(DetailActions, { core }) }),
-      navActions: /* @__PURE__ */ jsx6(KeyboardActionsSlot, { core, children: /* @__PURE__ */ jsx6(DetailActions, { core, optional: "none" }) }),
+      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" }) }),
       menuActions,
       onClose: core.close,
-      children: /* @__PURE__ */ jsx6(KeyboardRoot, { core, children: /* @__PURE__ */ jsx6(DetailBody, { core }) })
+      children: /* @__PURE__ */ jsx5(KeyboardRoot, { core, children: /* @__PURE__ */ jsx5(DetailBody, { core }) })
     }
   );
 }
@@ -1507,18 +1458,18 @@ function DetailDockedPresentation({ data, onClose }) {
   const core = useDetailCore(data, "docked", { onClose });
   const menuActions = useDetailMenuActions(core);
   const Shell = requireShell(host.shells, "Docked");
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx5(
     Shell,
     {
       instanceKey: detailInstanceKey(core.ref),
       target: core.ref,
       title: core.title,
-      titleNode: /* @__PURE__ */ jsx6(KeyboardSlot, { core, children: /* @__PURE__ */ jsx6(DetailTitle, { core }) }),
-      actions: /* @__PURE__ */ jsx6(KeyboardActionsSlot, { core, children: /* @__PURE__ */ jsx6(DetailActions, { core }) }),
-      navActions: /* @__PURE__ */ jsx6(KeyboardActionsSlot, { core, children: /* @__PURE__ */ jsx6(DetailActions, { core, optional: "none" }) }),
+      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" }) }),
       menuActions,
       onClose: core.close,
-      children: /* @__PURE__ */ jsx6(KeyboardRoot, { core, children: /* @__PURE__ */ jsx6(DetailBody, { core }) })
+      children: /* @__PURE__ */ jsx5(KeyboardRoot, { core, children: /* @__PURE__ */ jsx5(DetailBody, { core }) })
     }
   );
 }
@@ -1527,18 +1478,18 @@ function DetailPagePresentation({ data }) {
   const core = useDetailCore(data, "page", {});
   const menuActions = useDetailMenuActions(core);
   const Shell = requireShell(host.shells, "Page");
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx5(
     Shell,
     {
       target: core.ref,
       title: core.title,
-      titleNode: /* @__PURE__ */ jsx6(KeyboardSlot, { core, children: /* @__PURE__ */ jsx6(DetailTitle, { core }) }),
-      actions: /* @__PURE__ */ jsx6(KeyboardActionsSlot, { core, children: /* @__PURE__ */ jsx6(DetailActions, { core }) }),
-      navActions: /* @__PURE__ */ jsx6(KeyboardActionsSlot, { core, children: /* @__PURE__ */ jsx6(DetailActions, { core, optional: "none" }) }),
+      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" }) }),
       menuActions,
       onClose: core.close,
       onBack: core.leave,
-      children: /* @__PURE__ */ jsx6(KeyboardRoot, { core, children: /* @__PURE__ */ jsx6(DetailBody, { core }) })
+      children: /* @__PURE__ */ jsx5(KeyboardRoot, { core, children: /* @__PURE__ */ jsx5(DetailBody, { core }) })
     }
   );
 }