@ai-matrx/associations 0.14.84 → 0.14.85

package/dist/react/index.js

@@ -3881,96 +3881,36 @@ import {
 } from "@ai-matrx/design-system";
 
 // src/react/icons.tsx
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-function base(props) {
-  return {
-    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,
-    ...props
-  };
-}
-function SpinnerIcon(props) {
-  return /* @__PURE__ */ jsx4("svg", { ...base(props), children: /* @__PURE__ */ jsx4("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) });
-}
-function Link2Icon(props) {
-  return /* @__PURE__ */ jsxs2("svg", { ...base(props), children: [
-    /* @__PURE__ */ jsx4("path", { d: "M9 17H7A5 5 0 0 1 7 7h2" }),
-    /* @__PURE__ */ jsx4("path", { d: "M15 7h2a5 5 0 1 1 0 10h-2" }),
-    /* @__PURE__ */ jsx4("line", { x1: "8", x2: "16", y1: "12", y2: "12" })
-  ] });
-}
-function RefreshIcon(props) {
-  return /* @__PURE__ */ jsxs2("svg", { ...base(props), children: [
-    /* @__PURE__ */ jsx4("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
-    /* @__PURE__ */ jsx4("path", { d: "M21 3v5h-5" }),
-    /* @__PURE__ */ jsx4("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }),
-    /* @__PURE__ */ jsx4("path", { d: "M8 16H3v5" })
-  ] });
-}
-function UploadIcon(props) {
-  return /* @__PURE__ */ jsxs2("svg", { ...base(props), children: [
-    /* @__PURE__ */ jsx4("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-    /* @__PURE__ */ jsx4("polyline", { points: "17 8 12 3 7 8" }),
-    /* @__PURE__ */ jsx4("line", { x1: "12", x2: "12", y1: "3", y2: "15" })
-  ] });
-}
-function FolderOpenIcon(props) {
-  return /* @__PURE__ */ jsx4("svg", { ...base(props), children: /* @__PURE__ */ jsx4("path", { d: "m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2" }) });
-}
-function CornerDownRightIcon(props) {
-  return /* @__PURE__ */ jsxs2("svg", { ...base(props), children: [
-    /* @__PURE__ */ jsx4("polyline", { points: "15 10 20 15 15 20" }),
-    /* @__PURE__ */ jsx4("path", { d: "M4 4v7a4 4 0 0 0 4 4h12" })
-  ] });
-}
-function TagIcon(props) {
-  return /* @__PURE__ */ jsxs2("svg", { ...base(props), children: [
-    /* @__PURE__ */ jsx4("path", { d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z" }),
-    /* @__PURE__ */ jsx4("circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor" })
-  ] });
-}
-function DefaultEntityIcon(props) {
-  return /* @__PURE__ */ jsxs2("svg", { ...base(props), children: [
-    /* @__PURE__ */ jsx4("path", { d: "M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z" }),
-    /* @__PURE__ */ jsx4("path", { d: "m7 16.5-4.74-2.85" }),
-    /* @__PURE__ */ jsx4("path", { d: "m7 16.5 5-3" }),
-    /* @__PURE__ */ jsx4("path", { d: "M7 16.5v5.17" }),
-    /* @__PURE__ */ jsx4("path", { d: "M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z" }),
-    /* @__PURE__ */ jsx4("path", { d: "m17 16.5-5-3" }),
-    /* @__PURE__ */ jsx4("path", { d: "m17 16.5 4.74-2.85" }),
-    /* @__PURE__ */ jsx4("path", { d: "M17 16.5v5.17" }),
-    /* @__PURE__ */ jsx4("path", { d: "M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z" }),
-    /* @__PURE__ */ jsx4("path", { d: "M12 8 7.26 5.15" }),
-    /* @__PURE__ */ jsx4("path", { d: "m12 8 4.74-2.85" }),
-    /* @__PURE__ */ jsx4("path", { d: "M12 13.5V8" })
-  ] });
-}
-function RestoreIcon(props) {
-  return /* @__PURE__ */ jsxs2("svg", { ...base(props), children: [
-    /* @__PURE__ */ jsx4("path", { d: "M4 14h6v6" }),
-    /* @__PURE__ */ jsx4("path", { d: "M20 10h-6V4" }),
-    /* @__PURE__ */ jsx4("path", { d: "M14 10l7-7" }),
-    /* @__PURE__ */ jsx4("path", { d: "M3 21l7-7" })
-  ] });
-}
-function GripResizeIcon(props) {
-  return /* @__PURE__ */ jsxs2("svg", { ...base(props), children: [
-    /* @__PURE__ */ jsx4("path", { d: "M21 15 15 21" }),
-    /* @__PURE__ */ jsx4("path", { d: "M21 20 20 21" })
-  ] });
-}
+import {
+  BoxesIcon as GBoxesIcon,
+  CornerDownRightIcon as GCornerDownRightIcon,
+  FileTextIcon as GFileTextIcon,
+  FolderOpenIcon as GFolderOpenIcon,
+  GripResizeIcon as GGripResizeIcon,
+  Link2Icon as GLink2Icon,
+  Loader2Icon as GLoader2Icon,
+  RefreshCwIcon as GRefreshCwIcon,
+  RestoreIcon as GRestoreIcon,
+  TagIcon as GTagIcon,
+  UploadIcon as GUploadIcon,
+  withGlyphDefaults
+} from "@ai-matrx/design-system/icons";
+var sized = (Glyph) => withGlyphDefaults(Glyph, { width: 24, height: 24 });
+var SpinnerIcon = sized(GLoader2Icon);
+var Link2Icon = sized(GLink2Icon);
+var RefreshIcon = sized(GRefreshCwIcon);
+var UploadIcon = sized(GUploadIcon);
+var FolderOpenIcon = sized(GFolderOpenIcon);
+var FileTextIcon = sized(GFileTextIcon);
+var CornerDownRightIcon = sized(GCornerDownRightIcon);
+var TagIcon = sized(GTagIcon);
+var DefaultEntityIcon = sized(GBoxesIcon);
+var RestoreIcon = sized(GRestoreIcon);
+var GripResizeIcon = sized(GGripResizeIcon);
 
 // src/react/components/DefaultWindowShell.tsx
 import { Maximize2Icon, XIcon } from "@ai-matrx/design-system/icons";
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 var DEFAULT_WIDTH = 440;
 var DEFAULT_HEIGHT = 580;
 var MIN_WIDTH = 330;
@@ -4054,7 +3994,7 @@ function DefaultWindowShell({
     height: rect.height
   };
   return createPortal(
-    /* @__PURE__ */ jsx5(FloatingLayer, { children: /* @__PURE__ */ jsxs3(
+    /* @__PURE__ */ jsx4(FloatingLayer, { children: /* @__PURE__ */ jsxs2(
       "div",
       {
         ref: setPanelRef,
@@ -4071,7 +4011,7 @@ function DefaultWindowShell({
           className
         ),
         children: [
-          /* @__PURE__ */ jsxs3(
+          /* @__PURE__ */ jsxs2(
             "header",
             {
               onPointerDown: drag.onPointerDown,
@@ -4083,51 +4023,51 @@ function DefaultWindowShell({
                 isMobile ? "" : "cursor-move touch-none"
               ),
               children: [
-                /* @__PURE__ */ jsxs3(
+                /* @__PURE__ */ jsxs2(
                   "span",
                   {
                     id: labelId,
                     className: "flex min-w-0 items-center gap-1.5 text-sm font-medium text-foreground",
                     children: [
                       icon,
-                      /* @__PURE__ */ jsx5("span", { className: "truncate", children: title })
+                      /* @__PURE__ */ jsx4("span", { className: "truncate", children: title })
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxs3("span", { className: "flex shrink-0 items-center gap-0.5", children: [
-                  isMobile ? null : /* @__PURE__ */ jsx5(
+                /* @__PURE__ */ jsxs2("span", { className: "flex shrink-0 items-center gap-0.5", children: [
+                  isMobile ? null : /* @__PURE__ */ jsx4(
                     "button",
                     {
                       type: "button",
                       onClick: () => setMaximized((v) => !v),
                       "aria-label": maximized ? "Restore window" : "Maximize window",
                       className: "flex h-6 w-6 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
-                      children: maximized ? /* @__PURE__ */ jsx5(RestoreIcon, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx5(Maximize2Icon, { className: "h-3.5 w-3.5" })
+                      children: maximized ? /* @__PURE__ */ jsx4(RestoreIcon, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx4(Maximize2Icon, { className: "h-3.5 w-3.5" })
                     }
                   ),
-                  /* @__PURE__ */ jsx5(
+                  /* @__PURE__ */ jsx4(
                     "button",
                     {
                       type: "button",
                       onClick: onClose,
                       "aria-label": "Close",
                       className: "flex h-6 w-6 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
-                      children: /* @__PURE__ */ jsx5(XIcon, { className: "h-3.5 w-3.5" })
+                      children: /* @__PURE__ */ jsx4(XIcon, { className: "h-3.5 w-3.5" })
                     }
                   )
                 ] })
               ]
             }
           ),
-          /* @__PURE__ */ jsx5("div", { className: "min-h-0 flex-1 overflow-hidden", children }),
-          isMobile || maximized ? null : /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx4("div", { className: "min-h-0 flex-1 overflow-hidden", children }),
+          isMobile || maximized ? null : /* @__PURE__ */ jsx4(
             "button",
             {
               type: "button",
               "aria-label": "Resize window",
               onPointerDown: drag.resizeHandle("se"),
               className: "absolute bottom-0 right-0 flex h-4 w-4 cursor-nwse-resize touch-none items-center justify-center text-muted-foreground/60 hover:text-foreground",
-              children: /* @__PURE__ */ jsx5(GripResizeIcon, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ jsx4(GripResizeIcon, { className: "h-3 w-3" })
             }
           )
         ]
@@ -4138,7 +4078,7 @@ function DefaultWindowShell({
 }
 
 // src/react/components/AssociationWindow.tsx
-import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function AssociationWindow({
   open,
   onClose,
@@ -4151,16 +4091,16 @@ function AssociationWindow({
   const instanceId = useId();
   const { windowShell } = useAssociationsUiPorts();
   if (!open) return null;
-  const body = /* @__PURE__ */ jsxs4("div", { className: "flex h-full min-h-0 flex-col gap-2 p-3", children: [
-    subtitle ? /* @__PURE__ */ jsx6("div", { className: "shrink-0 text-xs text-muted-foreground", children: subtitle }) : null,
+  const body = /* @__PURE__ */ jsxs3("div", { className: "flex h-full min-h-0 flex-col gap-2 p-3", children: [
+    subtitle ? /* @__PURE__ */ jsx5("div", { className: "shrink-0 text-xs text-muted-foreground", children: subtitle }) : null,
     children
   ] });
   const windowId = `association:${scopeId}:${instanceId}`;
   if (windowShell) {
     const HostWindow = windowShell.Window;
-    return /* @__PURE__ */ jsx6(HostWindow, { id: windowId, title, onClose, children: body });
+    return /* @__PURE__ */ jsx5(HostWindow, { id: windowId, title, onClose, children: body });
   }
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx5(
     DefaultWindowShell,
     {
       id: windowId,
@@ -4176,27 +4116,27 @@ function AssociationWindow({
 import { useState as useState6 } from "react";
 import { cn as cn3, Input } from "@ai-matrx/design-system";
 import { CheckIcon, PlusIcon, SearchIcon, XIcon as XIcon2 } from "@ai-matrx/design-system/icons";
-import { Fragment, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function AssociationPicker(props) {
   const store = useAssociationsStore();
   const { pickerOverrides } = useAssociationsUiPorts();
   const info = store.registry.getEntityInfo(props.token);
   const Icon = info.Icon ?? DefaultEntityIcon;
   const Override = pickerOverrides?.[props.token];
-  if (Override) return /* @__PURE__ */ jsx7(Override, { ...props });
+  if (Override) return /* @__PURE__ */ jsx6(Override, { ...props });
   const title = `Add ${info.labelPlural}`;
   const subtitle = props.filing ? `File ${props.containerLabel ?? "this"} under a ${info.label.toLowerCase()}` : props.containerLabel ? `Attach to ${props.containerLabel}` : "Click an item to attach or detach it";
   if (!props.open) return null;
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx6(
     AssociationWindow,
     {
       open: props.open,
       onClose: () => props.onOpenChange(false),
       scopeId: `picker:${props.token}`,
       title,
-      icon: /* @__PURE__ */ jsx7(Icon, { className: "size-3.5 text-primary" }),
+      icon: /* @__PURE__ */ jsx6(Icon, { className: "size-3.5 text-primary" }),
       subtitle,
-      children: /* @__PURE__ */ jsx7(
+      children: /* @__PURE__ */ jsx6(
         AssociationCandidateBody,
         {
           token: props.token,
@@ -4221,7 +4161,7 @@ function AssociationCandidateBody({
   onClose
 }) {
   void onClose;
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx6(
     EntityCandidateList,
     {
       token,
@@ -4281,10 +4221,10 @@ function EntityCandidateList({
       setBusyId(null);
     }
   };
-  return /* @__PURE__ */ jsxs5(Fragment, { children: [
-    /* @__PURE__ */ jsxs5("div", { className: "relative mb-2", children: [
-      /* @__PURE__ */ jsx7(SearchIcon, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
-      /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsxs4(Fragment, { children: [
+    /* @__PURE__ */ jsxs4("div", { className: "relative mb-2", children: [
+      /* @__PURE__ */ jsx6(SearchIcon, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
+      /* @__PURE__ */ jsx6(
         Input,
         {
           autoFocus: true,
@@ -4296,8 +4236,8 @@ function EntityCandidateList({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs5("div", { className: "flex-1 min-h-0 overflow-y-auto -mx-1 px-1", children: [
-      !search.trim() && !error && /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsxs4("div", { className: "flex-1 min-h-0 overflow-y-auto -mx-1 px-1", children: [
+      !search.trim() && !error && /* @__PURE__ */ jsx6(
         SearchFailureNotice,
         {
           error: null,
@@ -4307,13 +4247,13 @@ function EntityCandidateList({
           className: "mb-1"
         }
       ),
-      (loading || recentsLoading) && visibleCount === 0 ? /* @__PURE__ */ jsxs5(ListMessage, { children: [
-        /* @__PURE__ */ jsx7(SpinnerIcon, { className: "h-4 w-4 animate-spin" }),
+      (loading || recentsLoading) && visibleCount === 0 ? /* @__PURE__ */ jsxs4(ListMessage, { children: [
+        /* @__PURE__ */ jsx6(SpinnerIcon, { className: "h-4 w-4 animate-spin" }),
         "Loading\u2026"
-      ] }) : error ? /* @__PURE__ */ jsxs5("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-[12px] text-destructive", children: [
-        /* @__PURE__ */ jsx7("p", { className: "font-medium", children: "Couldn\u2019t load items" }),
-        /* @__PURE__ */ jsx7("p", { className: "opacity-80", children: error }),
-        /* @__PURE__ */ jsx7(
+      ] }) : error ? /* @__PURE__ */ jsxs4("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-[12px] text-destructive", children: [
+        /* @__PURE__ */ jsx6("p", { className: "font-medium", children: "Couldn\u2019t load items" }),
+        /* @__PURE__ */ jsx6("p", { className: "opacity-80", children: error }),
+        /* @__PURE__ */ jsx6(
           "button",
           {
             type: "button",
@@ -4322,32 +4262,32 @@ function EntityCandidateList({
             children: "Retry"
           }
         )
-      ] }) : visibleCount === 0 ? /* @__PURE__ */ jsx7(ListMessage, { children: canCreate ? `Nothing to attach yet \u2014 create a new ${info.label.toLowerCase()} below.` : "Nothing to attach." }) : /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
-        visibleRecents.length > 0 && /* @__PURE__ */ jsx7(
+      ] }) : visibleCount === 0 ? /* @__PURE__ */ jsx6(ListMessage, { children: canCreate ? `Nothing to attach yet \u2014 create a new ${info.label.toLowerCase()} below.` : "Nothing to attach." }) : /* @__PURE__ */ jsxs4("div", { className: "space-y-2", children: [
+        visibleRecents.length > 0 && /* @__PURE__ */ jsx6(
           CandidateSection,
           {
             label: "Recent",
             candidates: visibleRecents,
             attachedIds,
             busyId,
-            icon: /* @__PURE__ */ jsx7(Icon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+            icon: /* @__PURE__ */ jsx6(Icon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
             onToggle: toggle
           }
         ),
-        ordinaryCandidates.length > 0 && /* @__PURE__ */ jsx7(
+        ordinaryCandidates.length > 0 && /* @__PURE__ */ jsx6(
           CandidateSection,
           {
             label: visibleRecents.length > 0 ? `All ${info.labelPlural}` : null,
             candidates: ordinaryCandidates,
             attachedIds,
             busyId,
-            icon: /* @__PURE__ */ jsx7(Icon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+            icon: /* @__PURE__ */ jsx6(Icon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
             onToggle: toggle
           }
         )
       ] })
     ] }),
-    canCreate && /* @__PURE__ */ jsx7(
+    canCreate && /* @__PURE__ */ jsx6(
       CreateAndAttachFooter,
       {
         token,
@@ -4367,12 +4307,12 @@ function CandidateSection({
   icon,
   onToggle
 }) {
-  return /* @__PURE__ */ jsxs5("section", { className: "space-y-0.5", children: [
-    label && /* @__PURE__ */ jsx7("p", { className: "px-1 text-[10px] font-medium uppercase tracking-wider text-muted-foreground/60", children: label }),
-    /* @__PURE__ */ jsx7("ul", { className: "space-y-0.5", children: candidates.map((candidate) => {
+  return /* @__PURE__ */ jsxs4("section", { className: "space-y-0.5", children: [
+    label && /* @__PURE__ */ jsx6("p", { className: "px-1 text-[10px] font-medium uppercase tracking-wider text-muted-foreground/60", children: label }),
+    /* @__PURE__ */ jsx6("ul", { className: "space-y-0.5", children: candidates.map((candidate) => {
       const attached = attachedIds.has(candidate.id);
       const busy = busyId === candidate.id;
-      return /* @__PURE__ */ jsx7("li", { children: /* @__PURE__ */ jsxs5(
+      return /* @__PURE__ */ jsx6("li", { children: /* @__PURE__ */ jsxs4(
         "button",
         {
           type: "button",
@@ -4385,15 +4325,15 @@ function CandidateSection({
           ),
           children: [
             icon,
-            /* @__PURE__ */ jsx7("span", { className: "flex-1 min-w-0 truncate text-foreground", children: candidate.title }),
-            /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx6("span", { className: "flex-1 min-w-0 truncate text-foreground", children: candidate.title }),
+            /* @__PURE__ */ jsx6(
               "span",
               {
                 className: cn3(
                   "flex h-5 w-5 items-center justify-center rounded-full shrink-0",
                   attached ? "bg-primary text-primary-foreground" : "border border-border text-muted-foreground group-hover:border-primary/60"
                 ),
-                children: busy ? /* @__PURE__ */ jsx7(SpinnerIcon, { className: "h-3 w-3 animate-spin" }) : attached ? /* @__PURE__ */ jsx7(CheckIcon, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx7(PlusIcon, { className: "h-3 w-3" })
+                children: busy ? /* @__PURE__ */ jsx6(SpinnerIcon, { className: "h-3 w-3 animate-spin" }) : attached ? /* @__PURE__ */ jsx6(CheckIcon, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx6(PlusIcon, { className: "h-3 w-3" })
               }
             )
           ]
@@ -4449,7 +4389,7 @@ function CreateAndAttachFooter({
     }
   };
   if (!editing) {
-    return /* @__PURE__ */ jsxs5(
+    return /* @__PURE__ */ jsxs4(
       "button",
       {
         type: "button",
@@ -4459,10 +4399,10 @@ function CreateAndAttachFooter({
         },
         className: "mt-2 flex min-h-11 w-full shrink-0 items-center justify-center gap-1.5 rounded-md border border-dashed border-border px-3 py-2 text-sm text-muted-foreground transition-colors hover:border-primary/60 hover:text-foreground md:min-h-0",
         children: [
-          /* @__PURE__ */ jsx7(PlusIcon, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx6(PlusIcon, { className: "h-4 w-4" }),
           "New ",
           info.label,
-          seed ? /* @__PURE__ */ jsxs5("span", { className: "max-w-40 truncate text-muted-foreground/70", children: [
+          seed ? /* @__PURE__ */ jsxs4("span", { className: "max-w-40 truncate text-muted-foreground/70", children: [
             "\u201C",
             seed,
             "\u201D"
@@ -4471,8 +4411,8 @@ function CreateAndAttachFooter({
       }
     );
   }
-  return /* @__PURE__ */ jsxs5("div", { className: "mt-2 flex shrink-0 items-center gap-1.5", children: [
-    /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsxs4("div", { className: "mt-2 flex shrink-0 items-center gap-1.5", children: [
+    /* @__PURE__ */ jsx6(
       Input,
       {
         autoFocus: true,
@@ -4491,17 +4431,17 @@ function CreateAndAttachFooter({
         style: { fontSize: 16 }
       }
     ),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx6(
       "button",
       {
         type: "button",
         disabled: busy || !name.trim(),
         onClick: () => void submit(),
         className: "flex h-11 items-center gap-1 rounded-md bg-primary px-2.5 text-sm font-medium text-primary-foreground transition-opacity disabled:opacity-50 md:h-8",
-        children: busy ? /* @__PURE__ */ jsx7(SpinnerIcon, { className: "h-3.5 w-3.5 animate-spin" }) : "Create"
+        children: busy ? /* @__PURE__ */ jsx6(SpinnerIcon, { className: "h-3.5 w-3.5 animate-spin" }) : "Create"
       }
     ),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx6(
       "button",
       {
         type: "button",
@@ -4512,13 +4452,13 @@ function CreateAndAttachFooter({
         },
         title: "Cancel",
         className: "flex h-11 w-11 items-center justify-center rounded-md border border-border text-muted-foreground transition-colors hover:text-foreground disabled:opacity-50 md:h-8 md:w-8",
-        children: /* @__PURE__ */ jsx7(XIcon2, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ jsx6(XIcon2, { className: "h-4 w-4" })
       }
     )
   ] });
 }
 function ListMessage({ children }) {
-  return /* @__PURE__ */ jsx7("div", { className: "flex items-center justify-center gap-2 py-8 text-[13px] text-muted-foreground", children });
+  return /* @__PURE__ */ jsx6("div", { className: "flex items-center justify-center gap-2 py-8 text-[13px] text-muted-foreground", children });
 }
 
 // src/react/components/UniversalAssociationPicker.tsx
@@ -4530,17 +4470,17 @@ import { CheckIcon as CheckIcon2, Maximize2Icon as Maximize2Icon2, PlusIcon as P
 import { cn as cn4 } from "@ai-matrx/design-system";
 import { ExternalLinkIcon } from "@ai-matrx/design-system/icons";
 import { OutboundLink } from "@ai-matrx/kit/outbound-react";
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function DoorRef(props) {
   const { onOpen, ...refProps } = props;
   const { entityDoors } = useAssociationsUiPorts();
   const store = useAssociationsStore();
   const HostRef = entityDoors?.EntityRef;
-  if (HostRef) return /* @__PURE__ */ jsx8(HostRef, { ...refProps });
+  if (HostRef) return /* @__PURE__ */ jsx7(HostRef, { ...refProps });
   const name = refProps.name ?? null;
   const href = store.registry.tryGetEntityInfo(refProps.token)?.hrefFor?.(refProps.id) ?? null;
   if (onOpen) {
-    return /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx7(
       "button",
       {
         type: "button",
@@ -4554,7 +4494,7 @@ function DoorRef(props) {
     );
   }
   if (href) {
-    return /* @__PURE__ */ jsxs6(
+    return /* @__PURE__ */ jsxs5(
       "a",
       {
         href,
@@ -4565,19 +4505,19 @@ function DoorRef(props) {
           refProps.className
         ),
         children: [
-          /* @__PURE__ */ jsx8("span", { className: "min-w-0 truncate", children: name }),
-          /* @__PURE__ */ jsx8(ExternalLinkIcon, { className: "h-3 w-3 shrink-0 opacity-0 transition-opacity group-hover:opacity-60" })
+          /* @__PURE__ */ jsx7("span", { className: "min-w-0 truncate", children: name }),
+          /* @__PURE__ */ jsx7(ExternalLinkIcon, { className: "h-3 w-3 shrink-0 opacity-0 transition-opacity group-hover:opacity-60" })
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsx8("span", { className: cn4("min-w-0 truncate", refProps.className), children: name });
+  return /* @__PURE__ */ jsx7("span", { className: cn4("min-w-0 truncate", refProps.className), children: name });
 }
 function UnresolvedRef({ token, id }) {
   const { entityDoors } = useAssociationsUiPorts();
   const HostUnresolved = entityDoors?.UnresolvedRef;
-  if (HostUnresolved) return /* @__PURE__ */ jsx8(HostUnresolved, { token, id });
-  return /* @__PURE__ */ jsx8(
+  if (HostUnresolved) return /* @__PURE__ */ jsx7(HostUnresolved, { token, id });
+  return /* @__PURE__ */ jsx7(
     "span",
     {
       className: "inline-flex items-center rounded border border-border/60 bg-muted/40 px-1.5 py-0.5 text-[11px] text-muted-foreground",
@@ -4590,11 +4530,11 @@ function DoorControlsSlot(props) {
   const { entityDoors } = useAssociationsUiPorts();
   const store = useAssociationsStore();
   const HostControls = entityDoors?.DoorControls;
-  if (HostControls) return /* @__PURE__ */ jsx8(HostControls, { ...props });
+  if (HostControls) return /* @__PURE__ */ jsx7(HostControls, { ...props });
   const href = store.registry.tryGetEntityInfo(props.token)?.hrefFor?.(props.id) ?? null;
   if (!href) return null;
   const label = props.name ? `Open ${props.name}` : `Open this ${props.token}`;
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx7(
     OutboundLink,
     {
       href,
@@ -4604,13 +4544,13 @@ function DoorControlsSlot(props) {
         "inline-flex h-5 w-5 shrink-0 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
         props.className
       ),
-      children: /* @__PURE__ */ jsx8(ExternalLinkIcon, { className: "h-3 w-3" })
+      children: /* @__PURE__ */ jsx7(ExternalLinkIcon, { className: "h-3 w-3" })
     }
   );
 }
 
 // src/react/components/UniversalAssociationPicker.tsx
-import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function attachedKey(token, id) {
   return `${token}:${id}`;
 }
@@ -4665,10 +4605,10 @@ function UniversalAssociationPicker(props) {
     groups.set(r.token, list);
   }
   const BrowseOverride = browseToken ? pickerOverrides?.[browseToken] : void 0;
-  return /* @__PURE__ */ jsxs7("div", { className: cn5("flex min-h-0 flex-1 flex-col gap-2", className), children: [
-    /* @__PURE__ */ jsxs7("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx9(SearchIcon2, { className: "absolute left-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
-      /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs6("div", { className: cn5("flex min-h-0 flex-1 flex-col gap-2", className), children: [
+    /* @__PURE__ */ jsxs6("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx8(SearchIcon2, { className: "absolute left-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ jsx8(
         Input2,
         {
           autoFocus: true,
@@ -4682,9 +4622,9 @@ function UniversalAssociationPicker(props) {
           style: { fontSize: 16 }
         }
       ),
-      loading && browseToken === null && /* @__PURE__ */ jsx9(SpinnerIcon, { className: "absolute right-2.5 top-1/2 h-4 w-4 -translate-y-1/2 animate-spin text-muted-foreground" })
+      loading && browseToken === null && /* @__PURE__ */ jsx8(SpinnerIcon, { className: "absolute right-2.5 top-1/2 h-4 w-4 -translate-y-1/2 animate-spin text-muted-foreground" })
     ] }),
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx8(
       "div",
       {
         role: "group",
@@ -4694,7 +4634,7 @@ function UniversalAssociationPicker(props) {
           const info = store.registry.getEntityInfo(t);
           const ChipIcon = info.Icon ?? DefaultEntityIcon;
           const active = browseToken === t;
-          return /* @__PURE__ */ jsxs7(
+          return /* @__PURE__ */ jsxs6(
             "button",
             {
               type: "button",
@@ -4705,7 +4645,7 @@ function UniversalAssociationPicker(props) {
                 active ? "border-primary/50 bg-primary/10 text-foreground" : "border-border text-muted-foreground hover:text-foreground hover:bg-accent"
               ),
               children: [
-                /* @__PURE__ */ jsx9(ChipIcon, { className: "h-3 w-3" }),
+                /* @__PURE__ */ jsx8(ChipIcon, { className: "h-3 w-3" }),
                 info.labelPlural
               ]
             },
@@ -4718,17 +4658,17 @@ function UniversalAssociationPicker(props) {
       // The token's canonical host picker (e.g. the stored-files browser)
       // owns per-token browsing when registered — never a plain list twin.
       // It opens in its own window; this body says where it went.
-      /* @__PURE__ */ jsxs7(
+      /* @__PURE__ */ jsxs6(
         "div",
         {
           role: "region",
           "aria-label": `${store.registry.getEntityInfo(browseToken).labelPlural} window`,
           className: "flex flex-1 flex-col items-center justify-center gap-3 px-4 py-8 text-center",
           children: [
-            /* @__PURE__ */ jsx9("p", { className: "text-sm text-foreground", children: overrideOpen ? `The ${store.registry.getEntityInfo(browseToken).labelPlural.toLowerCase()} window is open.` : `The ${store.registry.getEntityInfo(browseToken).labelPlural.toLowerCase()} window is closed.` }),
-            /* @__PURE__ */ jsx9("p", { className: "max-w-xs text-[12px] text-muted-foreground", children: overrideOpen ? "Check items there to attach them; uncheck to detach. Changes save as you go." : "Reopen it to pick more, or go back to search everything." }),
-            /* @__PURE__ */ jsxs7("div", { className: "flex flex-wrap items-center justify-center gap-2", children: [
-              /* @__PURE__ */ jsxs7(
+            /* @__PURE__ */ jsx8("p", { className: "text-sm text-foreground", children: overrideOpen ? `The ${store.registry.getEntityInfo(browseToken).labelPlural.toLowerCase()} window is open.` : `The ${store.registry.getEntityInfo(browseToken).labelPlural.toLowerCase()} window is closed.` }),
+            /* @__PURE__ */ jsx8("p", { className: "max-w-xs text-[12px] text-muted-foreground", children: overrideOpen ? "Check items there to attach them; uncheck to detach. Changes save as you go." : "Reopen it to pick more, or go back to search everything." }),
+            /* @__PURE__ */ jsxs6("div", { className: "flex flex-wrap items-center justify-center gap-2", children: [
+              /* @__PURE__ */ jsxs6(
                 Button,
                 {
                   type: "button",
@@ -4739,12 +4679,12 @@ function UniversalAssociationPicker(props) {
                     setOverrideMount((n) => n + 1);
                   },
                   children: [
-                    /* @__PURE__ */ jsx9(Maximize2Icon2, { className: "mr-1.5 h-3.5 w-3.5" }),
+                    /* @__PURE__ */ jsx8(Maximize2Icon2, { className: "mr-1.5 h-3.5 w-3.5" }),
                     overrideOpen ? "Bring window to front" : "Reopen window"
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx9(
+              /* @__PURE__ */ jsx8(
                 Button,
                 {
                   type: "button",
@@ -4755,7 +4695,7 @@ function UniversalAssociationPicker(props) {
                 }
               )
             ] }),
-            overrideOpen && /* @__PURE__ */ jsx9(
+            overrideOpen && /* @__PURE__ */ jsx8(
               BrowseOverride,
               {
                 open: true,
@@ -4775,7 +4715,7 @@ function UniversalAssociationPicker(props) {
           ]
         }
       )
-    ) : browseToken ? /* @__PURE__ */ jsx9("div", { className: "flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ jsx9(
+    ) : browseToken ? /* @__PURE__ */ jsx8("div", { className: "flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ jsx8(
       AssociationCandidateBody,
       {
         token: browseToken,
@@ -4788,13 +4728,13 @@ function UniversalAssociationPicker(props) {
         onAttach: (id, title) => onAttach(browseToken, id, title),
         onDetach: (id) => onDetach(browseToken, id)
       }
-    ) }) : /* @__PURE__ */ jsx9(
+    ) }) : /* @__PURE__ */ jsx8(
       "div",
       {
         role: "region",
         "aria-label": "Association search results",
         className: "-mx-1 min-h-24 flex-1 overflow-y-auto overscroll-contain px-1",
-        children: error ? /* @__PURE__ */ jsx9(
+        children: error ? /* @__PURE__ */ jsx8(
           SearchFailureNotice,
           {
             error,
@@ -4802,8 +4742,8 @@ function UniversalAssociationPicker(props) {
             operation: "Search to attach",
             origin: "associations/UniversalAssociationPicker"
           }
-        ) : results.length === 0 && failures.length === 0 ? /* @__PURE__ */ jsx9("p", { className: "py-6 text-center text-[12px] text-muted-foreground", children: loading ? "Searching\u2026" : query.trim() ? "No matches \u2014 narrow with a type chip to browse." : "Nothing to attach yet. Type to search, or pick a type to browse." }) : /* @__PURE__ */ jsxs7("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx9(
+        ) : results.length === 0 && failures.length === 0 ? /* @__PURE__ */ jsx8("p", { className: "py-6 text-center text-[12px] text-muted-foreground", children: loading ? "Searching\u2026" : query.trim() ? "No matches \u2014 narrow with a type chip to browse." : "Nothing to attach yet. Type to search, or pick a type to browse." }) : /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx8(
             SearchFailureNotice,
             {
               error: null,
@@ -4812,20 +4752,20 @@ function UniversalAssociationPicker(props) {
               origin: "associations/UniversalAssociationPicker"
             }
           ),
-          source !== "search" && results.length > 0 && /* @__PURE__ */ jsx9("p", { className: "px-1 text-[10px] font-medium uppercase tracking-wider text-muted-foreground/60", children: source === "recents" ? "Recent" : "Browse" }),
+          source !== "search" && results.length > 0 && /* @__PURE__ */ jsx8("p", { className: "px-1 text-[10px] font-medium uppercase tracking-wider text-muted-foreground/60", children: source === "recents" ? "Recent" : "Browse" }),
           [...groups.entries()].map(([token, items]) => {
             const info = store.registry.getEntityInfo(token);
             const GroupIcon = info.Icon ?? DefaultEntityIcon;
-            return /* @__PURE__ */ jsxs7("div", { className: "space-y-0.5", children: [
-              /* @__PURE__ */ jsxs7("p", { className: "flex items-center gap-1 px-1 text-[10px] font-medium uppercase tracking-wider text-muted-foreground/70", children: [
-                /* @__PURE__ */ jsx9(GroupIcon, { className: "h-3 w-3" }),
+            return /* @__PURE__ */ jsxs6("div", { className: "space-y-0.5", children: [
+              /* @__PURE__ */ jsxs6("p", { className: "flex items-center gap-1 px-1 text-[10px] font-medium uppercase tracking-wider text-muted-foreground/70", children: [
+                /* @__PURE__ */ jsx8(GroupIcon, { className: "h-3 w-3" }),
                 info.labelPlural
               ] }),
-              /* @__PURE__ */ jsx9("ul", { className: "space-y-0.5", children: items.map((c) => {
+              /* @__PURE__ */ jsx8("ul", { className: "space-y-0.5", children: items.map((c) => {
                 const key = attachedKey(c.token, c.id);
                 const attached = attachedKeys.has(key);
                 const busy = busyKey === key;
-                return /* @__PURE__ */ jsxs7(
+                return /* @__PURE__ */ jsxs6(
                   "li",
                   {
                     className: cn5(
@@ -4834,7 +4774,7 @@ function UniversalAssociationPicker(props) {
                       attached && "bg-accent/40"
                     ),
                     children: [
-                      /* @__PURE__ */ jsxs7(
+                      /* @__PURE__ */ jsxs6(
                         "button",
                         {
                           type: "button",
@@ -4846,21 +4786,21 @@ function UniversalAssociationPicker(props) {
                             "disabled:opacity-50"
                           ),
                           children: [
-                            /* @__PURE__ */ jsx9("span", { className: "min-w-0 flex-1 truncate text-foreground", children: c.title }),
-                            /* @__PURE__ */ jsx9(
+                            /* @__PURE__ */ jsx8("span", { className: "min-w-0 flex-1 truncate text-foreground", children: c.title }),
+                            /* @__PURE__ */ jsx8(
                               "span",
                               {
                                 className: cn5(
                                   "flex h-5 w-5 shrink-0 items-center justify-center rounded-full",
                                   attached ? "bg-primary text-primary-foreground" : "border border-border text-muted-foreground group-hover:border-primary/60"
                                 ),
-                                children: busy ? /* @__PURE__ */ jsx9(SpinnerIcon, { className: "h-3 w-3 animate-spin" }) : attached ? /* @__PURE__ */ jsx9(CheckIcon2, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx9(PlusIcon2, { className: "h-3 w-3" })
+                                children: busy ? /* @__PURE__ */ jsx8(SpinnerIcon, { className: "h-3 w-3 animate-spin" }) : attached ? /* @__PURE__ */ jsx8(CheckIcon2, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx8(PlusIcon2, { className: "h-3 w-3" })
                               }
                             )
                           ]
                         }
                       ),
-                      /* @__PURE__ */ jsx9(
+                      /* @__PURE__ */ jsx8(
                         DoorControlsSlot,
                         {
                           token: c.token,
@@ -4885,7 +4825,7 @@ function UniversalAssociationPicker(props) {
 import { useEffect as useEffect9, useState as useState8 } from "react";
 import { cn as cn6 } from "@ai-matrx/design-system";
 import { PinIcon, PlusIcon as PlusIcon3, XIcon as XIcon3 } from "@ai-matrx/design-system/icons";
-import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function metadataIsPinned(metadata) {
   return metadata !== null && typeof metadata === "object" && !Array.isArray(metadata) && Reflect.get(metadata, "pinned") === true;
 }
@@ -4896,9 +4836,9 @@ function AttachedItemsSheet(props) {
   const title = info.labelPlural;
   const containerName = props.container?.label ?? props.containerLabel;
   const filing = props.container?.direction === "outgoing";
-  const subtitle = props.container ? /* @__PURE__ */ jsxs8("span", { className: "inline-flex min-w-0 max-w-full items-center gap-1", children: [
+  const subtitle = props.container ? /* @__PURE__ */ jsxs7("span", { className: "inline-flex min-w-0 max-w-full items-center gap-1", children: [
     filing ? "What this is filed under:" : "Attached to",
-    /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx9(
       DoorRef,
       {
         token: props.container.type,
@@ -4909,16 +4849,16 @@ function AttachedItemsSheet(props) {
     )
   ] }) : props.containerLabel ? `Attached to ${props.containerLabel}` : "Attached items";
   if (!props.open) return null;
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9(
     AssociationWindow,
     {
       open: props.open,
       onClose: () => props.onOpenChange(false),
       scopeId: `attached:${props.token}`,
       title,
-      icon: /* @__PURE__ */ jsx10(Icon, { className: "size-3.5 text-primary" }),
+      icon: /* @__PURE__ */ jsx9(Icon, { className: "size-3.5 text-primary" }),
       subtitle,
-      children: /* @__PURE__ */ jsx10(
+      children: /* @__PURE__ */ jsx9(
         AttachedItemsBody,
         {
           token: props.token,
@@ -5007,31 +4947,31 @@ function AttachedItemsBody({
       setBusyId(null);
     }
   };
-  return /* @__PURE__ */ jsxs8(Fragment2, { children: [
-    titleError ? /* @__PURE__ */ jsxs8("div", { className: "mb-2 rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-[12px] text-destructive", children: [
+  return /* @__PURE__ */ jsxs7(Fragment2, { children: [
+    titleError ? /* @__PURE__ */ jsxs7("div", { className: "mb-2 rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-[12px] text-destructive", children: [
       "Showing names recorded at attach time \u2014 they may be out of date.",
       " ",
       titleError
     ] }) : null,
-    /* @__PURE__ */ jsx10("div", { className: "flex-1 min-h-0 overflow-y-auto -mx-1 px-1", children: links.length === 0 ? /* @__PURE__ */ jsx10("div", { className: "flex items-center justify-center py-8 text-[13px] text-muted-foreground", children: "Nothing attached yet." }) : titles === null ? /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-center gap-2 py-8 text-[13px] text-muted-foreground", children: [
-      /* @__PURE__ */ jsx10(SpinnerIcon, { className: "h-4 w-4 animate-spin" }),
+    /* @__PURE__ */ jsx9("div", { className: "flex-1 min-h-0 overflow-y-auto -mx-1 px-1", children: links.length === 0 ? /* @__PURE__ */ jsx9("div", { className: "flex items-center justify-center py-8 text-[13px] text-muted-foreground", children: "Nothing attached yet." }) : titles === null ? /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-center gap-2 py-8 text-[13px] text-muted-foreground", children: [
+      /* @__PURE__ */ jsx9(SpinnerIcon, { className: "h-4 w-4 animate-spin" }),
       "Loading\u2026"
-    ] }) : /* @__PURE__ */ jsx10("ul", { className: "space-y-0.5", children: links.map((link) => {
+    ] }) : /* @__PURE__ */ jsx9("ul", { className: "space-y-0.5", children: links.map((link) => {
       const resolved = titles.get(link.resourceId);
       const missing = !titles.has(link.resourceId);
       const name = resolved ?? link.label ?? (missing ? null : "Untitled");
       const busy = busyId === link.resourceId;
       const pinned = metadataIsPinned(link.metadata);
-      return /* @__PURE__ */ jsxs8(
+      return /* @__PURE__ */ jsxs7(
         "li",
         {
           className: "group/entity-ref group flex items-center gap-2 rounded-md px-2.5 py-2 text-sm transition-colors hover:bg-accent",
           children: [
-            /* @__PURE__ */ jsx10(Icon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
-            /* @__PURE__ */ jsx10("span", { className: "flex-1 min-w-0 truncate", children: name === null ? (
+            /* @__PURE__ */ jsx9(Icon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+            /* @__PURE__ */ jsx9("span", { className: "flex-1 min-w-0 truncate", children: name === null ? (
               // The X beside the row stays the one-click detach.
-              /* @__PURE__ */ jsx10(UnresolvedRef, { token, id: link.resourceId })
-            ) : /* @__PURE__ */ jsx10(
+              /* @__PURE__ */ jsx9(UnresolvedRef, { token, id: link.resourceId })
+            ) : /* @__PURE__ */ jsx9(
               DoorRef,
               {
                 token,
@@ -5041,7 +4981,7 @@ function AttachedItemsBody({
                 className: "text-foreground"
               }
             ) }),
-            onSetPinned ? /* @__PURE__ */ jsx10(
+            onSetPinned ? /* @__PURE__ */ jsx9(
               "button",
               {
                 type: "button",
@@ -5053,7 +4993,7 @@ function AttachedItemsBody({
                   "flex h-6 w-6 shrink-0 items-center justify-center rounded-md transition-colors hover:bg-accent hover:text-foreground disabled:opacity-50",
                   pinned ? "text-primary" : "text-muted-foreground"
                 ),
-                children: /* @__PURE__ */ jsx10(
+                children: /* @__PURE__ */ jsx9(
                   PinIcon,
                   {
                     className: cn6(
@@ -5064,7 +5004,7 @@ function AttachedItemsBody({
                 )
               }
             ) : null,
-            /* @__PURE__ */ jsx10(
+            /* @__PURE__ */ jsx9(
               "button",
               {
                 type: "button",
@@ -5075,7 +5015,7 @@ function AttachedItemsBody({
                   "flex h-6 w-6 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors",
                   "hover:bg-destructive/10 hover:text-destructive disabled:opacity-50"
                 ),
-                children: busy ? /* @__PURE__ */ jsx10(SpinnerIcon, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx10(XIcon3, { className: "h-3.5 w-3.5" })
+                children: busy ? /* @__PURE__ */ jsx9(SpinnerIcon, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx9(XIcon3, { className: "h-3.5 w-3.5" })
               }
             )
           ]
@@ -5083,14 +5023,14 @@ function AttachedItemsBody({
         link.edgeId
       );
     }) }) }),
-    onAdd ? /* @__PURE__ */ jsxs8(
+    onAdd ? /* @__PURE__ */ jsxs7(
       "button",
       {
         type: "button",
         onClick: onAdd,
         className: "mt-2 flex w-full items-center justify-center gap-1.5 rounded-md border border-border px-3 py-2 text-sm text-muted-foreground transition-colors hover:border-primary/60 hover:text-foreground",
         children: [
-          /* @__PURE__ */ jsx10(PlusIcon3, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx9(PlusIcon3, { className: "h-4 w-4" }),
           "Attach ",
           info.labelPlural.toLowerCase()
         ]
@@ -5153,7 +5093,7 @@ function getContentRoleMeta(role) {
 
 // src/react/components/AssociationCard.tsx
 import { PlusIcon as PlusIcon4 } from "@ai-matrx/design-system/icons";
-import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function AssociationCard({
   token,
   container: containerProp,
@@ -5192,7 +5132,7 @@ function AssociationCard({
   const canDrillIn = count > 0;
   const countWord = filing ? "filed under" : "attached";
   const drillTitle = canDrillIn ? `View the ${info.labelPlural.toLowerCase()} attached to ${container.label ?? "this"}` : void 0;
-  return /* @__PURE__ */ jsxs9(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs8(Fragment3, { children: [
     look !== "tiles" ? (
       // ONE-LINE LOOKS (opt-in, off by default): small icon, UPPERCASE name,
       // count, then the "+".
@@ -5204,7 +5144,7 @@ function AssociationCard({
       //    so the tap target's own 44px box centers the 28px circle with
       //    8px on every side. Never pass a layout class to a tap button —
       //    its className lands on the ICON (the 2026-09-27 crooked "+").
-      /* @__PURE__ */ jsxs9(
+      /* @__PURE__ */ jsxs8(
         "div",
         {
           "data-association-card": token,
@@ -5215,7 +5155,7 @@ function AssociationCard({
             className
           ),
           children: [
-            /* @__PURE__ */ jsxs9(
+            /* @__PURE__ */ jsxs8(
               "button",
               {
                 type: "button",
@@ -5228,13 +5168,13 @@ function AssociationCard({
                   canDrillIn ? "cursor-pointer hover:text-foreground" : "cursor-default"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx11(Icon, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
-                  /* @__PURE__ */ jsx11("span", { className: "min-w-0 truncate text-xs font-semibold uppercase tracking-wider text-foreground", children: info.labelPlural }),
-                  loading ? /* @__PURE__ */ jsx11(SpinnerIcon, { className: "h-3 w-3 animate-spin text-muted-foreground" }) : /* @__PURE__ */ jsx11("span", { className: "text-xs tabular-nums text-muted-foreground", children: count })
+                  /* @__PURE__ */ jsx10(Icon, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+                  /* @__PURE__ */ jsx10("span", { className: "min-w-0 truncate text-xs font-semibold uppercase tracking-wider text-foreground", children: info.labelPlural }),
+                  loading ? /* @__PURE__ */ jsx10(SpinnerIcon, { className: "h-3 w-3 animate-spin text-muted-foreground" }) : /* @__PURE__ */ jsx10("span", { className: "text-xs tabular-nums text-muted-foreground", children: count })
                 ]
               }
             ),
-            canAttach && (look === "compact" ? /* @__PURE__ */ jsx11(
+            canAttach && (look === "compact" ? /* @__PURE__ */ jsx10(
               PlusTapButton,
               {
                 variant: "outline",
@@ -5242,7 +5182,7 @@ function AssociationCard({
                 tooltip: false,
                 onClick: () => setOpen(true)
               }
-            ) : /* @__PURE__ */ jsx11(
+            ) : /* @__PURE__ */ jsx10(
               "button",
               {
                 type: "button",
@@ -5250,13 +5190,13 @@ function AssociationCard({
                 "aria-label": `Attach ${info.labelPlural.toLowerCase()}`,
                 title: `Attach ${info.labelPlural.toLowerCase()}`,
                 className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-md border border-border text-muted-foreground transition-colors hover:border-primary/60 hover:text-foreground lg:h-7 lg:w-7",
-                children: /* @__PURE__ */ jsx11(PlusIcon4, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx10(PlusIcon4, { className: "h-4 w-4" })
               }
             ))
           ]
         }
       )
-    ) : /* @__PURE__ */ jsxs9(
+    ) : /* @__PURE__ */ jsxs8(
       "div",
       {
         "data-association-card": token,
@@ -5266,7 +5206,7 @@ function AssociationCard({
           className
         ),
         children: [
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx10(
             "span",
             {
               className: cn7(
@@ -5275,7 +5215,7 @@ function AssociationCard({
               )
             }
           ),
-          /* @__PURE__ */ jsxs9(
+          /* @__PURE__ */ jsxs8(
             "button",
             {
               type: "button",
@@ -5287,7 +5227,7 @@ function AssociationCard({
                 canDrillIn ? "cursor-pointer" : "cursor-default"
               ),
               children: [
-                /* @__PURE__ */ jsx11(
+                /* @__PURE__ */ jsx10(
                   "span",
                   {
                     className: cn7(
@@ -5295,20 +5235,20 @@ function AssociationCard({
                       role.accentBg,
                       role.accentText
                     ),
-                    children: /* @__PURE__ */ jsx11(Icon, { className: "h-4 w-4" })
+                    children: /* @__PURE__ */ jsx10(Icon, { className: "h-4 w-4" })
                   }
                 ),
-                /* @__PURE__ */ jsxs9("span", { className: "min-w-0 flex-1", children: [
-                  /* @__PURE__ */ jsx11("span", { className: "block truncate text-sm font-medium text-foreground", children: info.labelPlural }),
-                  /* @__PURE__ */ jsx11("span", { className: "block text-xs text-muted-foreground tabular-nums", children: loading ? /* @__PURE__ */ jsxs9("span", { className: "inline-flex items-center gap-1", children: [
-                    /* @__PURE__ */ jsx11(SpinnerIcon, { className: "h-3 w-3 animate-spin" }),
+                /* @__PURE__ */ jsxs8("span", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsx10("span", { className: "block truncate text-sm font-medium text-foreground", children: info.labelPlural }),
+                  /* @__PURE__ */ jsx10("span", { className: "block text-xs text-muted-foreground tabular-nums", children: loading ? /* @__PURE__ */ jsxs8("span", { className: "inline-flex items-center gap-1", children: [
+                    /* @__PURE__ */ jsx10(SpinnerIcon, { className: "h-3 w-3 animate-spin" }),
                     "Loading\u2026"
                   ] }) : `${count} ${countWord}` })
                 ] })
               ]
             }
           ),
-          canAttach && /* @__PURE__ */ jsx11(
+          canAttach && /* @__PURE__ */ jsx10(
             "button",
             {
               type: "button",
@@ -5316,13 +5256,13 @@ function AssociationCard({
               "aria-label": `Attach ${info.labelPlural.toLowerCase()}`,
               title: `Attach ${info.labelPlural.toLowerCase()}`,
               className: "mr-2 flex h-11 w-11 shrink-0 items-center justify-center rounded-md border border-border text-muted-foreground transition-colors hover:border-primary/60 hover:text-foreground lg:mr-3 lg:h-7 lg:w-7",
-              children: /* @__PURE__ */ jsx11(PlusIcon4, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx10(PlusIcon4, { className: "h-4 w-4" })
             }
           )
         ]
       }
     ),
-    listOpen && /* @__PURE__ */ jsx11(
+    listOpen && /* @__PURE__ */ jsx10(
       AttachedItemsSheet,
       {
         open: listOpen,
@@ -5341,7 +5281,7 @@ function AssociationCard({
         onSetPinned: (resourceId, pinned, role2) => setPinned(token, resourceId, pinned, role2 ?? void 0)
       }
     ),
-    canAttach && /* @__PURE__ */ jsx11(
+    canAttach && /* @__PURE__ */ jsx10(
       AssociationPicker,
       {
         open,
@@ -5360,7 +5300,7 @@ function AssociationCard({
 
 // src/react/components/AssociationCardGrid.tsx
 import { cn as cn8 } from "@ai-matrx/design-system";
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var SIMPLE_GROUP_LABEL = "mb-1 text-xs font-medium uppercase tracking-wider text-muted-foreground";
 var SIMPLE_TILE_ROW = "flex flex-wrap gap-2 [&>*]:min-w-[16rem] [&>*]:flex-1";
 var TILE_GRID = "grid grid-cols-1 gap-2 @md:grid-cols-2 @3xl:grid-cols-3";
@@ -5369,11 +5309,11 @@ function GroupHeader({
   title,
   dotClassName
 }) {
-  if (look !== "tiles") return /* @__PURE__ */ jsx12("h3", { className: SIMPLE_GROUP_LABEL, children: title });
-  return /* @__PURE__ */ jsx12("div", { className: "mb-2.5 flex items-baseline gap-3 pl-1.5", children: dotClassName ? /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ jsx12("span", { className: cn8("h-2.5 w-2.5 rounded-full", dotClassName) }),
-    /* @__PURE__ */ jsx12("h3", { className: "text-sm font-semibold text-foreground", children: title })
-  ] }) : /* @__PURE__ */ jsx12("h3", { className: "text-sm font-semibold text-foreground", children: title }) });
+  if (look !== "tiles") return /* @__PURE__ */ jsx11("h3", { className: SIMPLE_GROUP_LABEL, children: title });
+  return /* @__PURE__ */ jsx11("div", { className: "mb-2.5 flex items-baseline gap-3 pl-1.5", children: dotClassName ? /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx11("span", { className: cn8("h-2.5 w-2.5 rounded-full", dotClassName) }),
+    /* @__PURE__ */ jsx11("h3", { className: "text-sm font-semibold text-foreground", children: title })
+  ] }) : /* @__PURE__ */ jsx11("h3", { className: "text-sm font-semibold text-foreground", children: title }) });
 }
 function AssociationCardGrid({
   tokens,
@@ -5386,13 +5326,13 @@ function AssociationCardGrid({
   const excluded = new Set(excludeTokens ?? []);
   const filing = primary?.direction === "outgoing";
   const links = useContainerLinks(containerLinksArgs(primary));
-  const base2 = tokens ?? store.registry.curatedTokens();
+  const base = tokens ?? store.registry.curatedTokens();
   const withPresent = filing ? [
-    ...base2,
+    ...base,
     ...links.presentTokens.filter(
-      (t) => isEntityTypeToken(t) && !base2.includes(t)
+      (t) => isEntityTypeToken(t) && !base.includes(t)
     )
-  ] : base2;
+  ] : base;
   const list = withPresent.filter(
     (token) => !excluded.has(token) && (!filing || isAssociationTargetType(token))
   );
@@ -5402,7 +5342,7 @@ function AssociationCardGrid({
     return !role || !roleIds.has(role);
   }) : [];
   const rowClass = look !== "tiles" ? SIMPLE_TILE_ROW : TILE_GRID;
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs9(
     "div",
     {
       "data-association-grid-look": look,
@@ -5413,8 +5353,8 @@ function AssociationCardGrid({
             (token) => store.registry.getEntityInfo(token).contentRole === role.id
           );
           if (inRole.length === 0) return null;
-          return /* @__PURE__ */ jsxs10("section", { children: [
-            /* @__PURE__ */ jsx12(
+          return /* @__PURE__ */ jsxs9("section", { children: [
+            /* @__PURE__ */ jsx11(
               GroupHeader,
               {
                 look,
@@ -5422,18 +5362,18 @@ function AssociationCardGrid({
                 dotClassName: role.accentBar
               }
             ),
-            /* @__PURE__ */ jsx12("div", { className: rowClass, children: inRole.map((token) => /* @__PURE__ */ jsx12(AssociationCard, { token, look }, token)) })
+            /* @__PURE__ */ jsx11("div", { className: rowClass, children: inRole.map((token) => /* @__PURE__ */ jsx11(AssociationCard, { token, look }, token)) })
           ] }, role.id);
         }),
-        roleless.length > 0 && /* @__PURE__ */ jsxs10("section", { children: [
-          /* @__PURE__ */ jsx12(
+        roleless.length > 0 && /* @__PURE__ */ jsxs9("section", { children: [
+          /* @__PURE__ */ jsx11(
             GroupHeader,
             {
               look,
               title: "Filed under"
             }
           ),
-          /* @__PURE__ */ jsx12("div", { className: rowClass, children: roleless.map((token) => /* @__PURE__ */ jsx12(AssociationCard, { token, look }, token)) })
+          /* @__PURE__ */ jsx11("div", { className: rowClass, children: roleless.map((token) => /* @__PURE__ */ jsx11(AssociationCard, { token, look }, token)) })
         ] })
       ]
     }
@@ -5445,7 +5385,7 @@ import { useState as useState10 } from "react";
 import { cn as cn9, Skeleton } from "@ai-matrx/design-system";
 import { PinIcon as PinIcon2, PlusIcon as PlusIcon5, XIcon as XIcon4 } from "@ai-matrx/design-system/icons";
 import { openOutbound } from "@ai-matrx/kit/outbound";
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function metadataIsPinned2(metadata) {
   return metadata !== null && typeof metadata === "object" && !Array.isArray(metadata) && Reflect.get(metadata, "pinned") === true;
 }
@@ -5556,15 +5496,15 @@ function AssociationList(props) {
   const grouped = groupRows(store, visibleRows);
   const isLoading = adapter.status === "loading" || adapter.status === "idle";
   const attachableTokens = tokenFilter ?? store.registry.listableTokens();
-  return /* @__PURE__ */ jsxs11("div", { className: cn9("flex flex-col gap-2 text-foreground", props.className), children: [
-    /* @__PURE__ */ jsxs11("div", { className: cn9("flex items-center gap-2 px-1", props.title === null ? "justify-end" : "justify-between"), children: [
-      props.title === null ? null : /* @__PURE__ */ jsxs11("h3", { className: "flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: [
-        /* @__PURE__ */ jsx13(Link2Icon, { className: "h-3.5 w-3.5" }),
+  return /* @__PURE__ */ jsxs10("div", { className: cn9("flex flex-col gap-2 text-foreground", props.className), children: [
+    /* @__PURE__ */ jsxs10("div", { className: cn9("flex items-center gap-2 px-1", props.title === null ? "justify-end" : "justify-between"), children: [
+      props.title === null ? null : /* @__PURE__ */ jsxs10("h3", { className: "flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: [
+        /* @__PURE__ */ jsx12(Link2Icon, { className: "h-3.5 w-3.5" }),
         props.title ?? "Resources",
-        visibleRows.length > 0 && /* @__PURE__ */ jsx13("span", { className: "rounded bg-muted px-1 text-[10px] font-medium text-muted-foreground", children: visibleRows.length })
+        visibleRows.length > 0 && /* @__PURE__ */ jsx12("span", { className: "rounded bg-muted px-1 text-[10px] font-medium text-muted-foreground", children: visibleRows.length })
       ] }),
-      /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsxs11(
+      /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsxs10(
           "button",
           {
             type: "button",
@@ -5574,19 +5514,19 @@ function AssociationList(props) {
               showUniversal ? "bg-accent text-foreground" : "text-muted-foreground hover:bg-accent hover:text-foreground"
             ),
             children: [
-              /* @__PURE__ */ jsx13(PlusIcon5, { className: "h-3 w-3" }),
+              /* @__PURE__ */ jsx12(PlusIcon5, { className: "h-3 w-3" }),
               "Add"
             ]
           }
         ),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx12(
           "button",
           {
             type: "button",
             onClick: () => void adapter.reload(),
             title: "Refresh",
             className: "text-muted-foreground/60 transition-colors hover:text-foreground",
-            children: /* @__PURE__ */ jsx13(
+            children: /* @__PURE__ */ jsx12(
               RefreshIcon,
               {
                 className: cn9(
@@ -5599,7 +5539,7 @@ function AssociationList(props) {
         )
       ] })
     ] }),
-    showUniversal && /* @__PURE__ */ jsx13("div", { className: "rounded-md border border-border/60 bg-muted/30 p-2 max-h-80 flex flex-col", children: /* @__PURE__ */ jsx13(
+    showUniversal && /* @__PURE__ */ jsx12("div", { className: "rounded-md border border-border/60 bg-muted/30 p-2 max-h-80 flex flex-col", children: /* @__PURE__ */ jsx12(
       UniversalAssociationPicker,
       {
         tokens: attachableTokens,
@@ -5609,9 +5549,9 @@ function AssociationList(props) {
         onDetach: (token, id) => adapter.detach(token, id)
       }
     ) }),
-    adapter.status === "error" && /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between gap-2 rounded-md border border-destructive/40 bg-destructive/10 px-2.5 py-2", children: [
-      /* @__PURE__ */ jsx13("span", { className: "truncate text-[11px] text-destructive", children: adapter.error || "Failed to load resources" }),
-      /* @__PURE__ */ jsx13(
+    adapter.status === "error" && /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between gap-2 rounded-md border border-destructive/40 bg-destructive/10 px-2.5 py-2", children: [
+      /* @__PURE__ */ jsx12("span", { className: "truncate text-[11px] text-destructive", children: adapter.error || "Failed to load resources" }),
+      /* @__PURE__ */ jsx12(
         "button",
         {
           type: "button",
@@ -5621,17 +5561,17 @@ function AssociationList(props) {
         }
       )
     ] }),
-    adapter.status !== "error" && isLoading && visibleRows.length === 0 && /* @__PURE__ */ jsxs11("div", { className: "space-y-1.5 px-1", children: [
-      /* @__PURE__ */ jsx13(Skeleton, { className: "h-3 w-20" }),
-      /* @__PURE__ */ jsx13(Skeleton, { className: "h-7 w-full rounded-md" }),
-      /* @__PURE__ */ jsx13(Skeleton, { className: "h-7 w-3/4 rounded-md" })
+    adapter.status !== "error" && isLoading && visibleRows.length === 0 && /* @__PURE__ */ jsxs10("div", { className: "space-y-1.5 px-1", children: [
+      /* @__PURE__ */ jsx12(Skeleton, { className: "h-3 w-20" }),
+      /* @__PURE__ */ jsx12(Skeleton, { className: "h-7 w-full rounded-md" }),
+      /* @__PURE__ */ jsx12(Skeleton, { className: "h-7 w-3/4 rounded-md" })
     ] }),
-    adapter.status === "ready" && visibleRows.length === 0 && /* @__PURE__ */ jsx13("p", { className: "px-1 py-1 text-[11px] text-muted-foreground", children: "Nothing attached yet \u2014 use Add to link anything." }),
-    visibleRows.length > 0 && /* @__PURE__ */ jsx13("div", { className: "space-y-2.5", children: grouped.map(({ role, tokens: tokenGroups }) => {
+    adapter.status === "ready" && visibleRows.length === 0 && /* @__PURE__ */ jsx12("p", { className: "px-1 py-1 text-[11px] text-muted-foreground", children: "Nothing attached yet \u2014 use Add to link anything." }),
+    visibleRows.length > 0 && /* @__PURE__ */ jsx12("div", { className: "space-y-2.5", children: grouped.map(({ role, tokens: tokenGroups }) => {
       const roleMeta = getContentRoleMeta(role);
-      return /* @__PURE__ */ jsxs11("div", { className: "space-y-1.5", children: [
-        variant === "full" && /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-1.5 px-1", children: [
-          /* @__PURE__ */ jsx13(
+      return /* @__PURE__ */ jsxs10("div", { className: "space-y-1.5", children: [
+        variant === "full" && /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-1.5 px-1", children: [
+          /* @__PURE__ */ jsx12(
             "span",
             {
               className: cn9(
@@ -5640,7 +5580,7 @@ function AssociationList(props) {
               )
             }
           ),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx12(
             "p",
             {
               className: cn9(
@@ -5653,28 +5593,28 @@ function AssociationList(props) {
         ] }),
         tokenGroups.map(({ info, token, rows: tokenRows }) => {
           const TokenIcon = info?.Icon ?? null;
-          return /* @__PURE__ */ jsxs11("div", { className: "space-y-0.5", children: [
-            /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between gap-1 px-1", children: [
-              /* @__PURE__ */ jsxs11("p", { className: "flex items-center gap-1 text-[10px] font-medium text-muted-foreground/80", children: [
-                TokenIcon ? /* @__PURE__ */ jsx13(TokenIcon, { className: "h-3 w-3" }) : null,
+          return /* @__PURE__ */ jsxs10("div", { className: "space-y-0.5", children: [
+            /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between gap-1 px-1", children: [
+              /* @__PURE__ */ jsxs10("p", { className: "flex items-center gap-1 text-[10px] font-medium text-muted-foreground/80", children: [
+                TokenIcon ? /* @__PURE__ */ jsx12(TokenIcon, { className: "h-3 w-3" }) : null,
                 info?.labelPlural ?? titleize(token),
-                /* @__PURE__ */ jsx13("span", { className: "text-muted-foreground/50", children: tokenRows.length })
+                /* @__PURE__ */ jsx12("span", { className: "text-muted-foreground/50", children: tokenRows.length })
               ] }),
-              /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-1", children: [
                 props.renderSectionActions && info ? props.renderSectionActions(info.token) : null,
-                info?.canListCandidates && /* @__PURE__ */ jsx13(
+                info?.canListCandidates && /* @__PURE__ */ jsx12(
                   "button",
                   {
                     type: "button",
                     onClick: () => setPickerToken(info.token),
                     title: `Add ${info.labelPlural}`,
                     className: "rounded p-0.5 text-muted-foreground/60 transition-colors hover:bg-accent hover:text-foreground",
-                    children: /* @__PURE__ */ jsx13(PlusIcon5, { className: "h-3 w-3" })
+                    children: /* @__PURE__ */ jsx12(PlusIcon5, { className: "h-3 w-3" })
                   }
                 )
               ] })
             ] }),
-            /* @__PURE__ */ jsx13("ul", { className: "space-y-0.5", children: tokenRows.map((row) => {
+            /* @__PURE__ */ jsx12("ul", { className: "space-y-0.5", children: tokenRows.map((row) => {
               const busy = removingKeys.has(row.key);
               const custom = props.renderRow?.(row, {
                 title: titleFor({
@@ -5687,9 +5627,9 @@ function AssociationList(props) {
                 onOpen: () => openRow(row)
               });
               if (custom != null) {
-                return /* @__PURE__ */ jsx13("li", { children: custom }, row.key);
+                return /* @__PURE__ */ jsx12("li", { children: custom }, row.key);
               }
-              return /* @__PURE__ */ jsx13("li", { children: /* @__PURE__ */ jsxs11(
+              return /* @__PURE__ */ jsx12("li", { children: /* @__PURE__ */ jsxs10(
                 "div",
                 {
                   className: cn9(
@@ -5701,7 +5641,7 @@ function AssociationList(props) {
                       token: row.token,
                       id: row.resourceId,
                       label: row.label
-                    }) ? /* @__PURE__ */ jsx13("span", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx13(UnresolvedRef, { token: row.token, id: row.resourceId }) }) : /* @__PURE__ */ jsx13(
+                    }) ? /* @__PURE__ */ jsx12("span", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx12(UnresolvedRef, { token: row.token, id: row.resourceId }) }) : /* @__PURE__ */ jsx12(
                       DoorRef,
                       {
                         token: row.token,
@@ -5717,9 +5657,9 @@ function AssociationList(props) {
                         className: "min-w-0 flex-1 text-foreground"
                       }
                     ),
-                    row.originRefs && row.originRefs.length > 0 ? /* @__PURE__ */ jsxs11("span", { className: "flex shrink-0 items-center gap-1 text-[10px] text-muted-foreground/60", children: [
+                    row.originRefs && row.originRefs.length > 0 ? /* @__PURE__ */ jsxs10("span", { className: "flex shrink-0 items-center gap-1 text-[10px] text-muted-foreground/60", children: [
                       "via",
-                      row.originRefs.map((origin) => /* @__PURE__ */ jsx13(
+                      row.originRefs.map((origin) => /* @__PURE__ */ jsx12(
                         DoorRef,
                         {
                           token: origin.token,
@@ -5731,8 +5671,8 @@ function AssociationList(props) {
                         },
                         `${origin.token}:${origin.id}`
                       ))
-                    ] }) : row.originNote ? /* @__PURE__ */ jsx13("span", { className: "shrink-0 text-[10px] text-muted-foreground/60", children: row.originNote }) : null,
-                    adapter.setPinned && info && row.removable && /* @__PURE__ */ jsx13(
+                    ] }) : row.originNote ? /* @__PURE__ */ jsx12("span", { className: "shrink-0 text-[10px] text-muted-foreground/60", children: row.originNote }) : null,
+                    adapter.setPinned && info && row.removable && /* @__PURE__ */ jsx12(
                       "button",
                       {
                         type: "button",
@@ -5744,7 +5684,7 @@ function AssociationList(props) {
                           "shrink-0 rounded p-0.5 transition-colors hover:!text-foreground",
                           row.pinned ? "text-primary" : "text-muted-foreground/0 group-hover:text-muted-foreground"
                         ),
-                        children: pinningKeys.has(row.key) ? /* @__PURE__ */ jsx13(SpinnerIcon, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ jsx13(
+                        children: pinningKeys.has(row.key) ? /* @__PURE__ */ jsx12(SpinnerIcon, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ jsx12(
                           PinIcon2,
                           {
                             className: cn9(
@@ -5755,7 +5695,7 @@ function AssociationList(props) {
                         )
                       }
                     ),
-                    row.removable && /* @__PURE__ */ jsx13(
+                    row.removable && /* @__PURE__ */ jsx12(
                       "button",
                       {
                         type: "button",
@@ -5764,7 +5704,7 @@ function AssociationList(props) {
                         title: "Detach",
                         "aria-label": "Detach",
                         className: "shrink-0 rounded p-0.5 text-muted-foreground/0 transition-colors group-hover:text-muted-foreground hover:!text-destructive disabled:opacity-50",
-                        children: busy ? /* @__PURE__ */ jsx13(SpinnerIcon, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ jsx13(XIcon4, { className: "h-3 w-3" })
+                        children: busy ? /* @__PURE__ */ jsx12(SpinnerIcon, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ jsx12(XIcon4, { className: "h-3 w-3" })
                       }
                     )
                   ]
@@ -5775,7 +5715,7 @@ function AssociationList(props) {
         })
       ] }, role);
     }) }),
-    pickerToken && /* @__PURE__ */ jsx13(
+    pickerToken && /* @__PURE__ */ jsx12(
       AssociationPicker,
       {
         open: true,
@@ -5835,7 +5775,7 @@ import { useRef as useRef8, useState as useState11 } from "react";
 import { Button as Button2, cn as cn10, Input as Input3 } from "@ai-matrx/design-system";
 import { PlusIcon as PlusIcon6 } from "@ai-matrx/design-system/icons";
 import { openOutbound as openOutbound2 } from "@ai-matrx/kit/outbound";
-import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function AssociationCaptureToolbar({
   attach,
   uploadFolderPath,
@@ -6068,7 +6008,7 @@ function AssociationCaptureToolbar({
     }
   };
   const anyBuiltIn = actions.upload || actions.addFile || actions.newDocument;
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       className: cn10(
@@ -6089,11 +6029,11 @@ function AssociationCaptureToolbar({
       },
       onDrop: handleDrop,
       children: [
-        isDragOver ? /* @__PURE__ */ jsx14("div", { className: "pointer-events-none absolute inset-0 z-10 grid place-items-center bg-background/70", children: /* @__PURE__ */ jsxs12("span", { className: "flex items-center gap-2 rounded-md border border-primary/40 bg-card px-3 py-1.5 text-xs font-medium text-foreground", children: [
-          /* @__PURE__ */ jsx14(UploadIcon, { className: "size-3.5 text-primary" }),
+        isDragOver ? /* @__PURE__ */ jsx13("div", { className: "pointer-events-none absolute inset-0 z-10 grid place-items-center bg-background/70", children: /* @__PURE__ */ jsxs11("span", { className: "flex items-center gap-2 rounded-md border border-primary/40 bg-card px-3 py-1.5 text-xs font-medium text-foreground", children: [
+          /* @__PURE__ */ jsx13(UploadIcon, { className: "size-3.5 text-primary" }),
           "Drop to upload & attach"
         ] }) }) : null,
-        /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx13(
           "input",
           {
             ref: fileInputRef,
@@ -6103,8 +6043,8 @@ function AssociationCaptureToolbar({
             onChange: handleFilesSelected
           }
         ),
-        showToolbar && (anyBuiltIn || extraActions) ? /* @__PURE__ */ jsx14("div", { className: "flex flex-wrap items-center gap-0.5 border-b border-border/60 px-1.5 py-1", children: namingDoc ? /* @__PURE__ */ jsxs12("div", { className: "flex flex-1 items-center gap-1.5 py-0.5", children: [
-          /* @__PURE__ */ jsx14(
+        showToolbar && (anyBuiltIn || extraActions) ? /* @__PURE__ */ jsx13("div", { className: "flex flex-wrap items-center gap-0.5 border-b border-border/60 px-1.5 py-1", children: namingDoc ? /* @__PURE__ */ jsxs11("div", { className: "flex flex-1 items-center gap-1.5 py-0.5", children: [
+          /* @__PURE__ */ jsx13(
             Input3,
             {
               autoFocus: true,
@@ -6123,17 +6063,17 @@ function AssociationCaptureToolbar({
               style: { fontSize: 16 }
             }
           ),
-          /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx13(
             "button",
             {
               type: "button",
               disabled: creatingDoc || !docName.trim(),
               onClick: () => void handleCreateDoc(),
               className: "flex h-7 items-center rounded-md bg-primary px-2 text-[11px] font-medium text-primary-foreground disabled:opacity-50",
-              children: creatingDoc ? /* @__PURE__ */ jsx14(SpinnerIcon, { className: "size-3.5 animate-spin" }) : "Create"
+              children: creatingDoc ? /* @__PURE__ */ jsx13(SpinnerIcon, { className: "size-3.5 animate-spin" }) : "Create"
             }
           ),
-          /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx13(
             "button",
             {
               type: "button",
@@ -6146,8 +6086,8 @@ function AssociationCaptureToolbar({
               children: "Cancel"
             }
           )
-        ] }) : /* @__PURE__ */ jsxs12(Fragment4, { children: [
-          actions.upload ? /* @__PURE__ */ jsx14(
+        ] }) : /* @__PURE__ */ jsxs11(Fragment4, { children: [
+          actions.upload ? /* @__PURE__ */ jsx13(
             CaptureToolbarAction,
             {
               icon: isUploading ? SpinnerIcon : UploadIcon,
@@ -6157,7 +6097,7 @@ function AssociationCaptureToolbar({
               disabled: isPicking || isUploading
             }
           ) : null,
-          actions.addFile ? /* @__PURE__ */ jsx14(
+          actions.addFile ? /* @__PURE__ */ jsx13(
             CaptureToolbarAction,
             {
               icon: isPicking ? SpinnerIcon : FolderOpenIcon,
@@ -6167,8 +6107,8 @@ function AssociationCaptureToolbar({
               disabled: isPicking || isUploading
             }
           ) : null,
-          (actions.upload || actions.addFile) && actions.newDocument ? /* @__PURE__ */ jsx14("span", { className: "mx-1 h-4 w-px bg-border" }) : null,
-          actions.newDocument ? /* @__PURE__ */ jsx14(
+          (actions.upload || actions.addFile) && actions.newDocument ? /* @__PURE__ */ jsx13("span", { className: "mx-1 h-4 w-px bg-border" }) : null,
+          actions.newDocument ? /* @__PURE__ */ jsx13(
             CaptureToolbarAction,
             {
               icon: creatingDoc ? SpinnerIcon : PlusIcon6,
@@ -6192,7 +6132,7 @@ function CaptureToolbarAction({
   disabled,
   spinning
 }) {
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs11(
     Button2,
     {
       type: "button",
@@ -6202,7 +6142,7 @@ function CaptureToolbarAction({
       disabled,
       className: "h-7 gap-1 px-2 text-[11px] text-muted-foreground hover:text-foreground",
       children: [
-        /* @__PURE__ */ jsx14(Icon, { className: cn10("size-3.5", spinning && "animate-spin") }),
+        /* @__PURE__ */ jsx13(Icon, { className: cn10("size-3.5", spinning && "animate-spin") }),
         label
       ]
     }
@@ -6211,7 +6151,7 @@ function CaptureToolbarAction({
 
 // src/react/lazyPorts.tsx
 import { Suspense, lazy } from "react";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function lazyComponent(load) {
   return lazy(async () => {
     const loaded = await load();
@@ -6221,14 +6161,14 @@ function lazyComponent(load) {
 function lazyWindowShell(load) {
   const Loaded = lazyComponent(load);
   return function LazyWindowShell(props) {
-    return /* @__PURE__ */ jsx15(Suspense, { fallback: null, children: /* @__PURE__ */ jsx15(Loaded, { ...props }) });
+    return /* @__PURE__ */ jsx14(Suspense, { fallback: null, children: /* @__PURE__ */ jsx14(Loaded, { ...props }) });
   };
 }
 function lazyPickerOverride(load) {
   const Loaded = lazyComponent(load);
   return function LazyPickerOverride(props) {
     if (!props.open) return null;
-    return /* @__PURE__ */ jsx15(Suspense, { fallback: null, children: /* @__PURE__ */ jsx15(Loaded, { ...props }) });
+    return /* @__PURE__ */ jsx14(Suspense, { fallback: null, children: /* @__PURE__ */ jsx14(Loaded, { ...props }) });
   };
 }
 
@@ -6355,7 +6295,7 @@ import {
   PopoverTrigger
 } from "@ai-matrx/design-system";
 import { CheckIcon as CheckIcon3, ChevronDownIcon, PlusIcon as PlusIcon7, XIcon as XIcon5 } from "@ai-matrx/design-system/icons";
-import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 function AssociationEntitySelect({
   token,
   adapter,
@@ -6396,7 +6336,7 @@ function AssociationEntitySelect({
     if (id) close();
     else notifier.error(`Couldn't create the ${entityLabel}`);
   };
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       className: cn11(
@@ -6404,7 +6344,7 @@ function AssociationEntitySelect({
         className
       ),
       children: [
-        showIcon ? /* @__PURE__ */ jsx16(
+        showIcon ? /* @__PURE__ */ jsx15(
           InfoIcon,
           {
             className: cn11(
@@ -6414,7 +6354,7 @@ function AssociationEntitySelect({
             "aria-hidden": true
           }
         ) : null,
-        active ? /* @__PURE__ */ jsx16(
+        active ? /* @__PURE__ */ jsx15(
           EditableLabel,
           {
             value: active.title,
@@ -6433,8 +6373,8 @@ function AssociationEntitySelect({
             inputClassName: "text-xs font-medium"
           }
         ) : null,
-        active ? /* @__PURE__ */ jsx16(DoorControlsSlot, { token, id: active.id, name: active.title }) : null,
-        !active ? /* @__PURE__ */ jsx16(
+        active ? /* @__PURE__ */ jsx15(DoorControlsSlot, { token, id: active.id, name: active.title }) : null,
+        !active ? /* @__PURE__ */ jsx15(
           "span",
           {
             className: cn11(
@@ -6444,13 +6384,13 @@ function AssociationEntitySelect({
             children: adapter.loading ? "\u2026" : emptyLabel ?? info.labelPlural
           }
         ) : null,
-        /* @__PURE__ */ jsxs13(
+        /* @__PURE__ */ jsxs12(
           Popover,
           {
             open,
             onOpenChange: (next) => next ? setOpen(true) : close(),
             children: [
-              /* @__PURE__ */ jsx16(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs13(
+              /* @__PURE__ */ jsx15(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs12(
                 "button",
                 {
                   type: "button",
@@ -6458,17 +6398,17 @@ function AssociationEntitySelect({
                   title: `Switch or add ${info.labelPlural.toLowerCase()}`,
                   "aria-label": `Switch or add ${info.labelPlural.toLowerCase()}`,
                   children: [
-                    items.length > 1 ? /* @__PURE__ */ jsxs13("span", { className: "tabular-nums", children: [
+                    items.length > 1 ? /* @__PURE__ */ jsxs12("span", { className: "tabular-nums", children: [
                       activeIndex >= 0 ? activeIndex + 1 : "\u2014",
                       "/",
                       items.length
                     ] }) : null,
-                    /* @__PURE__ */ jsx16(ChevronDownIcon, { className: "size-3 opacity-60" })
+                    /* @__PURE__ */ jsx15(ChevronDownIcon, { className: "size-3 opacity-60" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ jsx16(PopoverContent, { sizing: "content", className: "p-0", align, children: /* @__PURE__ */ jsxs13(Command, { children: [
-                items.length > 5 ? /* @__PURE__ */ jsx16(
+              /* @__PURE__ */ jsx15(PopoverContent, { sizing: "content", className: "p-0", align, children: /* @__PURE__ */ jsxs12(Command, { children: [
+                items.length > 5 ? /* @__PURE__ */ jsx15(
                   CommandInput,
                   {
                     value: query,
@@ -6476,9 +6416,9 @@ function AssociationEntitySelect({
                     placeholder: `Search ${info.labelPlural.toLowerCase()}\u2026`
                   }
                 ) : null,
-                /* @__PURE__ */ jsxs13(CommandList, { children: [
-                  /* @__PURE__ */ jsx16(CommandEmpty, { children: "No match." }),
-                  items.length > 0 ? /* @__PURE__ */ jsx16(CommandGroup, { children: items.map((item) => /* @__PURE__ */ jsxs13(
+                /* @__PURE__ */ jsxs12(CommandList, { children: [
+                  /* @__PURE__ */ jsx15(CommandEmpty, { children: "No match." }),
+                  items.length > 0 ? /* @__PURE__ */ jsx15(CommandGroup, { children: items.map((item) => /* @__PURE__ */ jsxs12(
                     CommandItem,
                     {
                       value: `${item.title} ${item.id}`,
@@ -6489,7 +6429,7 @@ function AssociationEntitySelect({
                       },
                       className: "group/entity-ref group gap-2",
                       children: [
-                        /* @__PURE__ */ jsx16(
+                        /* @__PURE__ */ jsx15(
                           CheckIcon3,
                           {
                             className: cn11(
@@ -6498,8 +6438,8 @@ function AssociationEntitySelect({
                             )
                           }
                         ),
-                        /* @__PURE__ */ jsx16("span", { className: "min-w-0 flex-1 truncate", children: item.title }),
-                        /* @__PURE__ */ jsx16(
+                        /* @__PURE__ */ jsx15("span", { className: "min-w-0 flex-1 truncate", children: item.title }),
+                        /* @__PURE__ */ jsx15(
                           "span",
                           {
                             className: "inline-flex shrink-0 items-center",
@@ -6507,7 +6447,7 @@ function AssociationEntitySelect({
                               e.preventDefault();
                               e.stopPropagation();
                             },
-                            children: /* @__PURE__ */ jsx16(
+                            children: /* @__PURE__ */ jsx15(
                               DoorControlsSlot,
                               {
                                 token,
@@ -6517,7 +6457,7 @@ function AssociationEntitySelect({
                             )
                           }
                         ),
-                        adapter.detach && item.id !== activeId ? /* @__PURE__ */ jsx16(
+                        adapter.detach && item.id !== activeId ? /* @__PURE__ */ jsx15(
                           "button",
                           {
                             type: "button",
@@ -6532,7 +6472,7 @@ function AssociationEntitySelect({
                             className: "grid size-5 shrink-0 place-items-center rounded text-muted-foreground opacity-0 transition-opacity hover:bg-accent hover:text-destructive group-hover:opacity-100",
                             title: `Remove this ${entityLabel} from here (does not delete it)`,
                             "aria-label": `Remove ${item.title}`,
-                            children: /* @__PURE__ */ jsx16(XIcon5, { className: "size-3" })
+                            children: /* @__PURE__ */ jsx15(XIcon5, { className: "size-3" })
                           }
                         ) : null
                       ]
@@ -6540,9 +6480,9 @@ function AssociationEntitySelect({
                     item.id
                   )) }) : null
                 ] }),
-                createSlot !== void 0 ? /* @__PURE__ */ jsx16("div", { className: "border-t border-border p-1", children: typeof createSlot === "function" ? createSlot(close) : createSlot }) : null,
-                createSlot === void 0 && adapter.createAndAttach ? /* @__PURE__ */ jsx16("div", { className: "border-t border-border p-1", children: creating ? /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-1 px-1 py-0.5", children: [
-                  /* @__PURE__ */ jsx16(
+                createSlot !== void 0 ? /* @__PURE__ */ jsx15("div", { className: "border-t border-border p-1", children: typeof createSlot === "function" ? createSlot(close) : createSlot }) : null,
+                createSlot === void 0 && adapter.createAndAttach ? /* @__PURE__ */ jsx15("div", { className: "border-t border-border p-1", children: creating ? /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1 px-1 py-0.5", children: [
+                  /* @__PURE__ */ jsx15(
                     "input",
                     {
                       autoFocus: true,
@@ -6566,17 +6506,17 @@ function AssociationEntitySelect({
                       "aria-label": `New ${entityLabel} name`
                     }
                   ),
-                  /* @__PURE__ */ jsx16(
+                  /* @__PURE__ */ jsx15(
                     "button",
                     {
                       type: "button",
                       disabled: busy || !draftName.trim(),
                       onClick: () => void create(draftName),
                       className: "inline-flex h-6 shrink-0 items-center rounded-md px-1.5 text-[10px] font-medium text-primary transition-colors hover:bg-accent disabled:opacity-50",
-                      children: busy ? /* @__PURE__ */ jsx16(SpinnerIcon, { className: "size-3 animate-spin" }) : "Create"
+                      children: busy ? /* @__PURE__ */ jsx15(SpinnerIcon, { className: "size-3 animate-spin" }) : "Create"
                     }
                   )
-                ] }) : /* @__PURE__ */ jsxs13(
+                ] }) : /* @__PURE__ */ jsxs12(
                   "button",
                   {
                     type: "button",
@@ -6587,7 +6527,7 @@ function AssociationEntitySelect({
                     },
                     className: "flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-xs text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
                     children: [
-                      busy ? /* @__PURE__ */ jsx16(SpinnerIcon, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsx16(PlusIcon7, { className: "size-3.5" }),
+                      busy ? /* @__PURE__ */ jsx15(SpinnerIcon, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsx15(PlusIcon7, { className: "size-3.5" }),
                       query.trim() ? `Create "${query.trim()}"` : `New ${info.label}`
                     ]
                   }
@@ -6677,7 +6617,7 @@ function buildCategoryHierarchy(categories) {
 }
 
 // src/react/components/CategorySelect.tsx
-import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 var NONE = "__none__";
 var ROOT_PARENT = "__root__";
 function plural(noun) {
@@ -6713,9 +6653,9 @@ function CategorySelect({
       // The type-ahead matches the parent's name too, so someone who knows
       // the branch but not the leaf still finds it.
       keywords: parent ? parent.name : "",
-      render: depth === 0 ? /* @__PURE__ */ jsx17("span", { className: "font-medium", children: category.name }) : /* @__PURE__ */ jsxs14("span", { className: "flex items-center gap-1.5 pl-3 text-muted-foreground", children: [
-        /* @__PURE__ */ jsx17(CornerDownRightIcon, { className: "h-3.5 w-3.5 shrink-0" }),
-        /* @__PURE__ */ jsx17("span", { className: "text-foreground", children: category.name })
+      render: depth === 0 ? /* @__PURE__ */ jsx16("span", { className: "font-medium", children: category.name }) : /* @__PURE__ */ jsxs13("span", { className: "flex items-center gap-1.5 pl-3 text-muted-foreground", children: [
+        /* @__PURE__ */ jsx16(CornerDownRightIcon, { className: "h-3.5 w-3.5 shrink-0" }),
+        /* @__PURE__ */ jsx16("span", { className: "text-foreground", children: category.name })
       ] })
     })) : categories.map((category) => ({
       value: category.id,
@@ -6762,8 +6702,8 @@ function CategorySelect({
     );
     return result.id;
   };
-  return /* @__PURE__ */ jsxs14("div", { children: [
-    /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsxs13("div", { children: [
+    /* @__PURE__ */ jsx16(
       CreatablePicker,
       {
         value: value ?? (allowNone ? NONE : null),
@@ -6779,18 +6719,18 @@ function CategorySelect({
         emptyLabel: `No ${noun} matches that.`,
         ...allowCreate ? { onCreate: create } : {},
         ...allowCreate && hierarchy.hasHierarchy ? {
-          createExtra: /* @__PURE__ */ jsxs14(Select, { value: createParentId, onValueChange: setCreateParentId, children: [
-            /* @__PURE__ */ jsx17(
+          createExtra: /* @__PURE__ */ jsxs13(Select, { value: createParentId, onValueChange: setCreateParentId, children: [
+            /* @__PURE__ */ jsx16(
               SelectTrigger,
               {
                 className: "h-7 text-xs",
                 "aria-label": `Put the new ${noun} under`,
-                children: /* @__PURE__ */ jsx17(SelectValue, {})
+                children: /* @__PURE__ */ jsx16(SelectValue, {})
               }
             ),
-            /* @__PURE__ */ jsxs14(SelectContent, { children: [
-              /* @__PURE__ */ jsx17(SelectItem, { value: ROOT_PARENT, className: "text-xs", children: "Top level" }),
-              hierarchy.items.filter((item) => item.depth === 0).map((item) => /* @__PURE__ */ jsxs14(
+            /* @__PURE__ */ jsxs13(SelectContent, { children: [
+              /* @__PURE__ */ jsx16(SelectItem, { value: ROOT_PARENT, className: "text-xs", children: "Top level" }),
+              hierarchy.items.filter((item) => item.depth === 0).map((item) => /* @__PURE__ */ jsxs13(
                 SelectItem,
                 {
                   value: item.category.id,
@@ -6810,13 +6750,13 @@ function CategorySelect({
     selected === null && value !== null ? (
       // A stored id whose row this reader cannot see is not "nothing chosen":
       // saying so beats a blank box that looks like an unsaved field.
-      /* @__PURE__ */ jsxs14("p", { className: "mt-1 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs13("p", { className: "mt-1 text-xs text-muted-foreground", children: [
         "This ",
         noun,
         " is no longer available to you."
       ] })
     ) : null,
-    error ? /* @__PURE__ */ jsx17("p", { className: "mt-1 text-xs text-destructive", children: error }) : null
+    error ? /* @__PURE__ */ jsx16("p", { className: "mt-1 text-xs text-destructive", children: error }) : null
   ] });
 }
 
@@ -6843,7 +6783,7 @@ import {
   SelectChevron
 } from "@ai-matrx/design-system";
 import { CheckIcon as CheckIcon4, XIcon as XIcon6 } from "@ai-matrx/design-system/icons";
-import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 var ROOT_PARENT2 = "__root__";
 function CategoryTagPicker({
   entityType,
@@ -6967,44 +6907,44 @@ function CategoryTagPicker({
   const exactMatch = categories.some(
     (c) => c.name.toLowerCase() === search.trim().toLowerCase()
   );
-  return /* @__PURE__ */ jsxs15("div", { className: "flex flex-wrap items-center gap-1.5", children: [
-    selected.map((c) => /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs14("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+    selected.map((c) => /* @__PURE__ */ jsxs14(
       Badge,
       {
         variant: "secondary",
         className: "gap-1 pr-1 text-xs font-medium",
         children: [
           showHierarchy ? hierarchyById.get(c.id)?.displayName ?? c.name : c.name,
-          /* @__PURE__ */ jsx18(
+          /* @__PURE__ */ jsx17(
             "button",
             {
               type: "button",
               onClick: () => void toggle(c.id),
               className: "ml-0.5 rounded-full p-0.5 hover:bg-muted-foreground/20",
               "aria-label": `Remove ${c.name}`,
-              children: /* @__PURE__ */ jsx18(XIcon6, { className: "h-2.5 w-2.5" })
+              children: /* @__PURE__ */ jsx17(XIcon6, { className: "h-2.5 w-2.5" })
             }
           )
         ]
       },
       c.id
     )),
-    /* @__PURE__ */ jsxs15(Popover2, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx18(PopoverTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs15(
+    /* @__PURE__ */ jsxs14(Popover2, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx17(PopoverTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs14(
         Button3,
         {
           variant: "outline",
           size: "sm",
           className: "h-7 gap-1 px-2 text-xs",
           children: [
-            /* @__PURE__ */ jsx18(Icon, { className: "h-3.5 w-3.5" }),
+            /* @__PURE__ */ jsx17(Icon, { className: "h-3.5 w-3.5" }),
             selected.length === 0 ? addLabel : "Edit",
-            /* @__PURE__ */ jsx18(SelectChevron, { size: "sm" })
+            /* @__PURE__ */ jsx17(SelectChevron, { size: "sm" })
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx18(PopoverContent2, { sizing: "content", className: "p-0", align: "start", children: /* @__PURE__ */ jsxs15(Command2, { shouldFilter: false, children: [
-        /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx17(PopoverContent2, { sizing: "content", className: "p-0", align: "start", children: /* @__PURE__ */ jsxs14(Command2, { shouldFilter: false, children: [
+        /* @__PURE__ */ jsx17(
           CommandInput2,
           {
             placeholder: allowCreate ? "Search or create..." : "Search...",
@@ -7012,9 +6952,9 @@ function CategoryTagPicker({
             onValueChange: setSearch
           }
         ),
-        /* @__PURE__ */ jsxs15(CommandList2, { children: [
-          /* @__PURE__ */ jsx18(CommandEmpty2, { className: "px-2 py-3 text-xs text-muted-foreground", children: search.trim() ? "No match." : emptyText }),
-          /* @__PURE__ */ jsx18(CommandGroup2, { children: showHierarchy ? filteredHierarchy.map(({ category, depth, parent }) => /* @__PURE__ */ jsxs15(
+        /* @__PURE__ */ jsxs14(CommandList2, { children: [
+          /* @__PURE__ */ jsx17(CommandEmpty2, { className: "px-2 py-3 text-xs text-muted-foreground", children: search.trim() ? "No match." : emptyText }),
+          /* @__PURE__ */ jsx17(CommandGroup2, { children: showHierarchy ? filteredHierarchy.map(({ category, depth, parent }) => /* @__PURE__ */ jsxs14(
             CommandItem2,
             {
               value: category.id,
@@ -7022,7 +6962,7 @@ function CategoryTagPicker({
               onSelect: () => void toggle(category.id),
               className: cn12("text-xs", depth === 1 && "pl-6"),
               children: [
-                /* @__PURE__ */ jsx18(
+                /* @__PURE__ */ jsx17(
                   CheckIcon4,
                   {
                     className: cn12(
@@ -7031,19 +6971,19 @@ function CategoryTagPicker({
                     )
                   }
                 ),
-                depth === 1 ? /* @__PURE__ */ jsx18(CornerDownRightIcon, { className: "mr-1.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }) : null,
-                /* @__PURE__ */ jsx18("span", { className: cn12(depth === 0 && "font-medium"), children: category.name })
+                depth === 1 ? /* @__PURE__ */ jsx17(CornerDownRightIcon, { className: "mr-1.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }) : null,
+                /* @__PURE__ */ jsx17("span", { className: cn12(depth === 0 && "font-medium"), children: category.name })
               ]
             },
             category.id
-          )) : filtered.map((c) => /* @__PURE__ */ jsxs15(
+          )) : filtered.map((c) => /* @__PURE__ */ jsxs14(
             CommandItem2,
             {
               value: c.id,
               onSelect: () => void toggle(c.id),
               className: "text-xs",
               children: [
-                /* @__PURE__ */ jsx18(
+                /* @__PURE__ */ jsx17(
                   CheckIcon4,
                   {
                     className: cn12(
@@ -7057,25 +6997,25 @@ function CategoryTagPicker({
             },
             c.id
           )) }),
-          allowCreate && search.trim() && !exactMatch ? /* @__PURE__ */ jsxs15(CommandGroup2, { children: [
-            showHierarchy ? /* @__PURE__ */ jsxs15("div", { className: "space-y-1.5 px-2 pb-2", children: [
-              /* @__PURE__ */ jsx18("p", { className: "text-[11px] font-medium text-muted-foreground", children: "Place in" }),
-              /* @__PURE__ */ jsxs15(
+          allowCreate && search.trim() && !exactMatch ? /* @__PURE__ */ jsxs14(CommandGroup2, { children: [
+            showHierarchy ? /* @__PURE__ */ jsxs14("div", { className: "space-y-1.5 px-2 pb-2", children: [
+              /* @__PURE__ */ jsx17("p", { className: "text-[11px] font-medium text-muted-foreground", children: "Place in" }),
+              /* @__PURE__ */ jsxs14(
                 Select2,
                 {
                   value: createParentId,
                   onValueChange: setCreateParentId,
                   children: [
-                    /* @__PURE__ */ jsx18(SelectTrigger2, { size: "sm", className: "bg-background", children: /* @__PURE__ */ jsx18(SelectValue2, {}) }),
-                    /* @__PURE__ */ jsxs15(SelectContent2, { children: [
-                      /* @__PURE__ */ jsx18(SelectItem2, { value: ROOT_PARENT2, children: "Top level" }),
-                      hierarchy.roots.map((root) => /* @__PURE__ */ jsx18(SelectItem2, { value: root.id, children: root.name }, root.id))
+                    /* @__PURE__ */ jsx17(SelectTrigger2, { size: "sm", className: "bg-background", children: /* @__PURE__ */ jsx17(SelectValue2, {}) }),
+                    /* @__PURE__ */ jsxs14(SelectContent2, { children: [
+                      /* @__PURE__ */ jsx17(SelectItem2, { value: ROOT_PARENT2, children: "Top level" }),
+                      hierarchy.roots.map((root) => /* @__PURE__ */ jsx17(SelectItem2, { value: root.id, children: root.name }, root.id))
                     ] })
                   ]
                 }
               )
             ] }) : null,
-            /* @__PURE__ */ jsxs15(
+            /* @__PURE__ */ jsxs14(
               CommandItem2,
               {
                 value: `__create__${search}`,
@@ -7083,7 +7023,7 @@ function CategoryTagPicker({
                 disabled: creating,
                 className: "text-xs text-primary",
                 children: [
-                  creating ? /* @__PURE__ */ jsx18(SpinnerIcon, { className: "mr-2 h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx18(Icon, { className: "mr-2 h-3.5 w-3.5" }),
+                  creating ? /* @__PURE__ */ jsx17(SpinnerIcon, { className: "mr-2 h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx17(Icon, { className: "mr-2 h-3.5 w-3.5" }),
                   "Create \u201C",
                   search.trim(),
                   "\u201D"
@@ -7110,20 +7050,20 @@ function partKeyOf(comment) {
 // src/react/components/CommentBody.tsx
 import { Fragment as Fragment5 } from "react";
 import { cn as cn13 } from "@ai-matrx/design-system";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 var INLINE = /(\*\*[^*\n]+\*\*|`[^`\n]+`|\*[^*\n]+\*)/g;
 function renderInline(text) {
   return text.split(INLINE).map((part, i) => {
     if (part.length > 4 && part.startsWith("**") && part.endsWith("**")) {
-      return /* @__PURE__ */ jsx19("strong", { children: part.slice(2, -2) }, i);
+      return /* @__PURE__ */ jsx18("strong", { children: part.slice(2, -2) }, i);
     }
     if (part.length > 2 && part.startsWith("`") && part.endsWith("`")) {
-      return /* @__PURE__ */ jsx19("code", { className: "rounded bg-muted px-1 text-[0.9em]", children: part.slice(1, -1) }, i);
+      return /* @__PURE__ */ jsx18("code", { className: "rounded bg-muted px-1 text-[0.9em]", children: part.slice(1, -1) }, i);
     }
     if (part.length > 2 && part.startsWith("*") && part.endsWith("*")) {
-      return /* @__PURE__ */ jsx19("em", { children: part.slice(1, -1) }, i);
+      return /* @__PURE__ */ jsx18("em", { children: part.slice(1, -1) }, i);
     }
-    return /* @__PURE__ */ jsx19(Fragment5, { children: part }, i);
+    return /* @__PURE__ */ jsx18(Fragment5, { children: part }, i);
   });
 }
 var BULLET = /^\s*[-*]\s+(.*)$/;
@@ -7134,14 +7074,14 @@ function renderBlocks(lines, keyPrefix) {
   const flushBullets = () => {
     if (!bullets.length) return;
     out.push(
-      /* @__PURE__ */ jsx19("ul", { className: "list-disc pl-5", children: bullets.map((b, i) => /* @__PURE__ */ jsx19("li", { children: renderInline(b) }, i)) }, `${keyPrefix}-u${out.length}`)
+      /* @__PURE__ */ jsx18("ul", { className: "list-disc pl-5", children: bullets.map((b, i) => /* @__PURE__ */ jsx18("li", { children: renderInline(b) }, i)) }, `${keyPrefix}-u${out.length}`)
     );
     bullets = [];
   };
   const flushPara = () => {
     if (!para.length) return;
     out.push(
-      /* @__PURE__ */ jsx19("p", { className: "whitespace-pre-wrap", children: renderInline(para.join("\n")) }, `${keyPrefix}-p${out.length}`)
+      /* @__PURE__ */ jsx18("p", { className: "whitespace-pre-wrap", children: renderInline(para.join("\n")) }, `${keyPrefix}-p${out.length}`)
     );
     para = [];
   };
@@ -7175,20 +7115,20 @@ function renderCommentMarkdown(body) {
   }
   return runs.map((run, i) => {
     const blocks = renderBlocks(run.lines, `r${i}`);
-    return run.quoted ? /* @__PURE__ */ jsx19(
+    return run.quoted ? /* @__PURE__ */ jsx18(
       "blockquote",
       {
         className: "border-l-2 border-border pl-2 text-muted-foreground",
         children: blocks
       },
       i
-    ) : /* @__PURE__ */ jsx19(Fragment5, { children: blocks }, i);
+    ) : /* @__PURE__ */ jsx18(Fragment5, { children: blocks }, i);
   });
 }
 function CommentBody({ body, className }) {
   const { commentBody: HostBody } = useAssociationsUiPorts();
-  if (HostBody) return /* @__PURE__ */ jsx19(HostBody, { body, className });
-  return /* @__PURE__ */ jsx19(
+  if (HostBody) return /* @__PURE__ */ jsx18(HostBody, { body, className });
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       "data-comment-body": true,
@@ -7200,7 +7140,7 @@ function CommentBody({ body, className }) {
 
 // src/react/components/CommentThread.tsx
 import { formatRelativeTime } from "@ai-matrx/kit/format";
-import { Fragment as Fragment6, jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
 var AUTHOR_DOOR_TOKEN = "user";
 var SYSTEM_AUTHOR_NAME = "AI Matrx";
 function resolveAuthor(comment, authorDisplay) {
@@ -7215,24 +7155,24 @@ function resolveAuthor(comment, authorDisplay) {
       isAgent: true
     };
   }
-  const base2 = {
+  const base = {
     userId: comment.createdBy,
     email: comment.author.email,
     displayName: comment.author.displayName,
     avatarUrl: comment.author.avatarUrl
   };
-  const enriched = authorDisplay ? authorDisplay(base2) : null;
-  const name = enriched?.displayName ?? base2.displayName ?? base2.email ?? "Unknown user";
+  const enriched = authorDisplay ? authorDisplay(base) : null;
+  const name = enriched?.displayName ?? base.displayName ?? base.email ?? "Unknown user";
   return {
     name,
-    avatarUrl: enriched?.avatarUrl !== void 0 && enriched?.avatarUrl !== null ? enriched.avatarUrl : base2.avatarUrl,
+    avatarUrl: enriched?.avatarUrl !== void 0 && enriched?.avatarUrl !== null ? enriched.avatarUrl : base.avatarUrl,
     userId: comment.createdBy,
     isAgent: false
   };
 }
 function AuthorAvatar({ author }) {
   if (author.avatarUrl) {
-    return /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx19(
       "img",
       {
         src: author.avatarUrl,
@@ -7241,7 +7181,7 @@ function AuthorAvatar({ author }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx19(
     "span",
     {
       "aria-hidden": true,
@@ -7256,7 +7196,7 @@ function AuthorName({
 }) {
   const DoorRef2 = entityDoors?.EntityRef;
   if (DoorRef2 && author.userId) {
-    return /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx19(
       DoorRef2,
       {
         token: AUTHOR_DOOR_TOKEN,
@@ -7267,7 +7207,7 @@ function AuthorName({
       }
     );
   }
-  return /* @__PURE__ */ jsx20("span", { className: "text-sm font-medium text-foreground", children: author.name });
+  return /* @__PURE__ */ jsx19("span", { className: "text-sm font-medium text-foreground", children: author.name });
 }
 function CommentComposer({
   onSubmit,
@@ -7298,8 +7238,8 @@ function CommentComposer({
     }
     setBody("");
   }
-  return /* @__PURE__ */ jsxs16("form", { onSubmit: submit, className: "flex flex-col gap-1.5", children: [
-    /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsxs15("form", { onSubmit: submit, className: "flex flex-col gap-1.5", children: [
+    /* @__PURE__ */ jsx19(
       "textarea",
       {
         value: body,
@@ -7314,7 +7254,7 @@ function CommentComposer({
         className: "w-full resize-y rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring"
       }
     ),
-    error && /* @__PURE__ */ jsx20(
+    error && /* @__PURE__ */ jsx19(
       ErrorBox2,
       {
         className: "text-xs text-destructive",
@@ -7324,10 +7264,10 @@ function CommentComposer({
         origin: "associations/CommentThread"
       }
     ),
-    error && signIn && isSignedOutMessage(error) && /* @__PURE__ */ jsx20(SignInAgain, { onClick: signIn }),
-    /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxs16(Button4, { type: "submit", size: "sm", disabled: !body.trim() || submitting, children: [
-        submitting && /* @__PURE__ */ jsx20(SpinnerIcon, { className: "mr-1 h-3 w-3 animate-spin" }),
+    error && signIn && isSignedOutMessage(error) && /* @__PURE__ */ jsx19(SignInAgain, { onClick: signIn }),
+    /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxs15(Button4, { type: "submit", size: "sm", disabled: !body.trim() || submitting, children: [
+        submitting && /* @__PURE__ */ jsx19(SpinnerIcon, { className: "mr-1 h-3 w-3 animate-spin" }),
         submitLabel
       ] }),
       trailing
@@ -7369,7 +7309,7 @@ function CommentItem({
       notifier.error(res.error ?? "Could not delete the comment");
     }
   }
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       "data-comment-id": comment.id,
@@ -7378,15 +7318,15 @@ function CommentItem({
         depth > 0 && "border-l border-border pl-3"
       ),
       children: [
-        /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx20(AuthorAvatar, { author }),
-          /* @__PURE__ */ jsx20(AuthorName, { author, entityDoors }),
-          author.isAgent && /* @__PURE__ */ jsx20("span", { className: "rounded bg-muted px-1 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: "Agent" }),
-          showPart && partLabel && /* @__PURE__ */ jsxs16("span", { className: "truncate text-xs text-muted-foreground", title: partLabel, children: [
+        /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx19(AuthorAvatar, { author }),
+          /* @__PURE__ */ jsx19(AuthorName, { author, entityDoors }),
+          author.isAgent && /* @__PURE__ */ jsx19("span", { className: "rounded bg-muted px-1 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: "Agent" }),
+          showPart && partLabel && /* @__PURE__ */ jsxs15("span", { className: "truncate text-xs text-muted-foreground", title: partLabel, children: [
             "on ",
             partLabel
           ] }),
-          /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx19(
             "span",
             {
               className: "text-xs text-muted-foreground",
@@ -7397,7 +7337,7 @@ function CommentItem({
               })
             }
           ),
-          edited && /* @__PURE__ */ jsx20(
+          edited && /* @__PURE__ */ jsx19(
             "span",
             {
               className: "text-xs text-muted-foreground",
@@ -7406,7 +7346,7 @@ function CommentItem({
             }
           )
         ] }),
-        editing ? /* @__PURE__ */ jsx20("div", { className: "pl-8", children: /* @__PURE__ */ jsx20(
+        editing ? /* @__PURE__ */ jsx19("div", { className: "pl-8", children: /* @__PURE__ */ jsx19(
           CommentComposer,
           {
             initialValue: comment.body,
@@ -7418,7 +7358,7 @@ function CommentItem({
               if (res.ok) setEditing(false);
               return res;
             },
-            trailing: /* @__PURE__ */ jsx20(
+            trailing: /* @__PURE__ */ jsx19(
               Button4,
               {
                 type: "button",
@@ -7429,10 +7369,10 @@ function CommentItem({
               }
             )
           }
-        ) }) : /* @__PURE__ */ jsx20(CommentBody, { body: comment.body, className: "pl-8" }),
-        !editing && /* @__PURE__ */ jsx20("div", { className: "flex items-center gap-1 pl-7", children: confirmingDelete ? /* @__PURE__ */ jsxs16(Fragment6, { children: [
-          /* @__PURE__ */ jsx20("span", { className: "text-xs text-destructive", children: "Deletes this comment for everyone." }),
-          /* @__PURE__ */ jsxs16(
+        ) }) : /* @__PURE__ */ jsx19(CommentBody, { body: comment.body, className: "pl-8" }),
+        !editing && /* @__PURE__ */ jsx19("div", { className: "flex items-center gap-1 pl-7", children: confirmingDelete ? /* @__PURE__ */ jsxs15(Fragment6, { children: [
+          /* @__PURE__ */ jsx19("span", { className: "text-xs text-destructive", children: "Deletes this comment for everyone." }),
+          /* @__PURE__ */ jsxs15(
             Button4,
             {
               type: "button",
@@ -7441,12 +7381,12 @@ function CommentItem({
               disabled: deleting,
               onClick: () => void confirmDelete(),
               children: [
-                deleting && /* @__PURE__ */ jsx20(SpinnerIcon, { className: "mr-1 h-3 w-3 animate-spin" }),
+                deleting && /* @__PURE__ */ jsx19(SpinnerIcon, { className: "mr-1 h-3 w-3 animate-spin" }),
                 "Delete"
               ]
             }
           ),
-          /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx19(
             Button4,
             {
               type: "button",
@@ -7457,8 +7397,8 @@ function CommentItem({
               children: "Cancel"
             }
           )
-        ] }) : /* @__PURE__ */ jsxs16(Fragment6, { children: [
-          /* @__PURE__ */ jsx20(
+        ] }) : /* @__PURE__ */ jsxs15(Fragment6, { children: [
+          /* @__PURE__ */ jsx19(
             "button",
             {
               type: "button",
@@ -7467,8 +7407,8 @@ function CommentItem({
               children: "Reply"
             }
           ),
-          isOwn && /* @__PURE__ */ jsxs16(Fragment6, { children: [
-            canEdit && /* @__PURE__ */ jsx20(
+          isOwn && /* @__PURE__ */ jsxs15(Fragment6, { children: [
+            canEdit && /* @__PURE__ */ jsx19(
               "button",
               {
                 type: "button",
@@ -7477,7 +7417,7 @@ function CommentItem({
                 children: "Edit"
               }
             ),
-            /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx19(
               "button",
               {
                 type: "button",
@@ -7488,9 +7428,9 @@ function CommentItem({
             )
           ] })
         ] }) }),
-        replying && /* @__PURE__ */ jsxs16("div", { className: "flex items-start gap-2 pl-8 pt-1", children: [
-          /* @__PURE__ */ jsx20(CornerDownRightIcon, { className: "mt-2 h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
-          /* @__PURE__ */ jsx20("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx20(
+        replying && /* @__PURE__ */ jsxs15("div", { className: "flex items-start gap-2 pl-8 pt-1", children: [
+          /* @__PURE__ */ jsx19(CornerDownRightIcon, { className: "mt-2 h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ jsx19("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx19(
             CommentComposer,
             {
               submitLabel: "Reply",
@@ -7507,7 +7447,7 @@ function CommentItem({
                 }
                 return res;
               },
-              trailing: /* @__PURE__ */ jsx20(
+              trailing: /* @__PURE__ */ jsx19(
                 Button4,
                 {
                   type: "button",
@@ -7520,7 +7460,7 @@ function CommentItem({
             }
           ) })
         ] }),
-        replies.length > 0 && /* @__PURE__ */ jsx20("div", { className: "flex flex-col gap-3 pl-8 pt-1", children: replies.map((reply) => /* @__PURE__ */ jsx20(
+        replies.length > 0 && /* @__PURE__ */ jsx19("div", { className: "flex flex-col gap-3 pl-8 pt-1", children: replies.map((reply) => /* @__PURE__ */ jsx19(
           CommentItem,
           {
             comment: reply,
@@ -7576,11 +7516,11 @@ function CommentThread({
   const roots = part ? tree.roots.filter((c) => partKeyOf(c) === part.key) : tree.roots;
   const shownCount = part ? countThread(roots, childrenOf) : thread.comments.length;
   const loading = (thread.status === "loading" || thread.status === "idle") && thread.comments.length === 0;
-  return /* @__PURE__ */ jsxs16("section", { className: cn14("flex flex-col gap-3", className), children: [
-    showHeader && /* @__PURE__ */ jsxs16("header", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx20("h3", { className: "text-sm font-semibold text-foreground", children: "Comments" }),
-      /* @__PURE__ */ jsx20("span", { className: "text-xs text-muted-foreground tabular-nums", children: shownCount }),
-      /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsxs15("section", { className: cn14("flex flex-col gap-3", className), children: [
+    showHeader && /* @__PURE__ */ jsxs15("header", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx19("h3", { className: "text-sm font-semibold text-foreground", children: "Comments" }),
+      /* @__PURE__ */ jsx19("span", { className: "text-xs text-muted-foreground tabular-nums", children: shownCount }),
+      /* @__PURE__ */ jsx19(
         "button",
         {
           type: "button",
@@ -7588,11 +7528,11 @@ function CommentThread({
           "aria-label": "Refresh comments",
           title: "Refresh comments",
           className: "ml-auto flex h-6 w-6 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
-          children: thread.status === "loading" ? /* @__PURE__ */ jsx20(SpinnerIcon, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx20(RefreshIcon, { className: "h-3.5 w-3.5" })
+          children: thread.status === "loading" ? /* @__PURE__ */ jsx19(SpinnerIcon, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx19(RefreshIcon, { className: "h-3.5 w-3.5" })
         }
       )
     ] }),
-    thread.error && /* @__PURE__ */ jsxs16(
+    thread.error && /* @__PURE__ */ jsxs15(
       ErrorBox2,
       {
         as: "div",
@@ -7601,9 +7541,9 @@ function CommentThread({
         operation: "Load comments",
         origin: "associations/CommentThread",
         children: [
-          /* @__PURE__ */ jsx20("span", { className: "min-w-0 flex-1", children: thread.error }),
-          signInPort && isSignedOutMessage(thread.error) && /* @__PURE__ */ jsx20(SignInAgain, { onClick: signInPort }),
-          /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx19("span", { className: "min-w-0 flex-1", children: thread.error }),
+          signInPort && isSignedOutMessage(thread.error) && /* @__PURE__ */ jsx19(SignInAgain, { onClick: signInPort }),
+          /* @__PURE__ */ jsx19(
             Button4,
             {
               type: "button",
@@ -7617,10 +7557,10 @@ function CommentThread({
         ]
       }
     ),
-    loading ? /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-3", "aria-hidden": true, "data-testid": "comments-loading", children: [
-      /* @__PURE__ */ jsx20(Skeleton2, { className: "h-12 w-full" }),
-      /* @__PURE__ */ jsx20(Skeleton2, { className: "h-12 w-4/5" })
-    ] }) : roots.length === 0 && !thread.error ? /* @__PURE__ */ jsx20("p", { className: "text-sm text-muted-foreground", children: "No comments yet." }) : /* @__PURE__ */ jsx20("div", { className: "flex flex-col gap-4", children: roots.map((comment) => /* @__PURE__ */ jsx20(
+    loading ? /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-3", "aria-hidden": true, "data-testid": "comments-loading", children: [
+      /* @__PURE__ */ jsx19(Skeleton2, { className: "h-12 w-full" }),
+      /* @__PURE__ */ jsx19(Skeleton2, { className: "h-12 w-4/5" })
+    ] }) : roots.length === 0 && !thread.error ? /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground", children: "No comments yet." }) : /* @__PURE__ */ jsx19("div", { className: "flex flex-col gap-4", children: roots.map((comment) => /* @__PURE__ */ jsx19(
       CommentItem,
       {
         comment,
@@ -7633,7 +7573,7 @@ function CommentThread({
       },
       comment.id
     )) }),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx19(
       CommentComposer,
       {
         onSubmit: async (body) => {
@@ -7647,7 +7587,7 @@ function CommentThread({
   ] });
 }
 function SignInAgain({ onClick }) {
-  return /* @__PURE__ */ jsx20(Button4, { type: "button", size: "sm", variant: "outline", onClick, children: "Sign in" });
+  return /* @__PURE__ */ jsx19(Button4, { type: "button", size: "sm", variant: "outline", onClick, children: "Sign in" });
 }
 export {
   AssociationCandidateBody,