npm - @ai-matrx/associations - Versions diffs - 0.14.84 → 0.14.85 - Mend

@ai-matrx/associations 0.14.84 → 0.14.85

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/CHANGELOG.md +4 -0
package/dist/{CommentThread-CFL2rITA.d.cts → CommentThread-D_HUjOqD.d.cts} +7 -5
package/dist/{CommentThread-CFL2rITA.d.ts → CommentThread-D_HUjOqD.d.ts} +7 -5
package/dist/react/index.cjs +400 -473
package/dist/react/index.cjs.map +1 -1
package/dist/react/index.d.cts +3 -2
package/dist/react/index.d.ts +3 -2
package/dist/react/index.js +397 -457
package/dist/react/index.js.map +1 -1
package/dist/react/lazy/index.d.cts +2 -1
package/dist/react/lazy/index.d.ts +2 -1
package/package.json +2 -2

package/dist/react/index.cjs CHANGED Viewed

@@ -3935,96 +3935,23 @@ var import_react_dom = require("react-dom");
 var import_design_system2 = require("@ai-matrx/design-system");
 // src/react/icons.tsx
-var import_jsx_runtime4 = require("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__ */ (0, import_jsx_runtime4.jsx)("svg", { ...base(props), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) });
-}
-function Link2Icon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { ...base(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M9 17H7A5 5 0 0 1 7 7h2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M15 7h2a5 5 0 1 1 0 10h-2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "8", x2: "16", y1: "12", y2: "12" })
-  ] });
-}
-function RefreshIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { ...base(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M21 3v5h-5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M8 16H3v5" })
-  ] });
-}
-function UploadIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { ...base(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("polyline", { points: "17 8 12 3 7 8" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("line", { x1: "12", x2: "12", y1: "3", y2: "15" })
-  ] });
-}
-function FolderOpenIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { ...base(props), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime4.jsxs)("svg", { ...base(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("polyline", { points: "15 10 20 15 15 20" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M4 4v7a4 4 0 0 0 4 4h12" })
-  ] });
-}
-function TagIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { ...base(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor" })
-  ] });
-}
-function DefaultEntityIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { ...base(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime4.jsx)("path", { d: "m7 16.5-4.74-2.85" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "m7 16.5 5-3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M7 16.5v5.17" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime4.jsx)("path", { d: "m17 16.5-5-3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "m17 16.5 4.74-2.85" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M17 16.5v5.17" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M12 8 7.26 5.15" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "m12 8 4.74-2.85" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M12 13.5V8" })
-  ] });
-}
-function RestoreIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { ...base(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M4 14h6v6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M20 10h-6V4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M14 10l7-7" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M3 21l7-7" })
-  ] });
-}
-function GripResizeIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { ...base(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M21 15 15 21" }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M21 20 20 21" })
-  ] });
-}
+var import_icons = require("@ai-matrx/design-system/icons");
+var sized = (Glyph) => (0, import_icons.withGlyphDefaults)(Glyph, { width: 24, height: 24 });
+var SpinnerIcon = sized(import_icons.Loader2Icon);
+var Link2Icon = sized(import_icons.Link2Icon);
+var RefreshIcon = sized(import_icons.RefreshCwIcon);
+var UploadIcon = sized(import_icons.UploadIcon);
+var FolderOpenIcon = sized(import_icons.FolderOpenIcon);
+var FileTextIcon = sized(import_icons.FileTextIcon);
+var CornerDownRightIcon = sized(import_icons.CornerDownRightIcon);
+var TagIcon = sized(import_icons.TagIcon);
+var DefaultEntityIcon = sized(import_icons.BoxesIcon);
+var RestoreIcon = sized(import_icons.RestoreIcon);
+var GripResizeIcon = sized(import_icons.GripResizeIcon);
 // src/react/components/DefaultWindowShell.tsx
-var import_icons2 = require("@ai-matrx/design-system/icons");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_icons3 = require("@ai-matrx/design-system/icons");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var DEFAULT_WIDTH = 440;
 var DEFAULT_HEIGHT = 580;
 var MIN_WIDTH = 330;
@@ -4108,7 +4035,7 @@ function DefaultWindowShell({
     height: rect.height
   };
   return (0, import_react_dom.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_design_system2.FloatingLayer, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_design_system2.FloatingLayer, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
       "div",
       {
         ref: setPanelRef,
@@ -4125,7 +4052,7 @@ function DefaultWindowShell({
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
             "header",
             {
               onPointerDown: drag.onPointerDown,
@@ -4137,51 +4064,51 @@ function DefaultWindowShell({
                 isMobile ? "" : "cursor-move touch-none"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
                   "span",
                   {
                     id: labelId,
                     className: "flex min-w-0 items-center gap-1.5 text-sm font-medium text-foreground",
                     children: [
                       icon,
-                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "truncate", children: title })
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "truncate", children: title })
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "flex shrink-0 items-center gap-0.5", children: [
-                  isMobile ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "flex shrink-0 items-center gap-0.5", children: [
+                  isMobile ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                     "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__ */ (0, import_jsx_runtime5.jsx)(RestoreIcon, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons2.Maximize2Icon, { className: "h-3.5 w-3.5" })
+                      children: maximized ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(RestoreIcon, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons3.Maximize2Icon, { className: "h-3.5 w-3.5" })
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                     "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__ */ (0, import_jsx_runtime5.jsx)(import_icons2.XIcon, { className: "h-3.5 w-3.5" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons3.XIcon, { className: "h-3.5 w-3.5" })
                     }
                   )
                 ] })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "min-h-0 flex-1 overflow-hidden", children }),
-          isMobile || maximized ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "min-h-0 flex-1 overflow-hidden", children }),
+          isMobile || maximized ? null : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             "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__ */ (0, import_jsx_runtime5.jsx)(GripResizeIcon, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(GripResizeIcon, { className: "h-3 w-3" })
             }
           )
         ]
@@ -4192,7 +4119,7 @@ function DefaultWindowShell({
 }
 // src/react/components/AssociationWindow.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function AssociationWindow({
   open,
   onClose,
@@ -4205,16 +4132,16 @@ function AssociationWindow({
   const instanceId = (0, import_react13.useId)();
   const { windowShell } = useAssociationsUiPorts();
   if (!open) return null;
-  const body = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex h-full min-h-0 flex-col gap-2 p-3", children: [
-    subtitle ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "shrink-0 text-xs text-muted-foreground", children: subtitle }) : null,
+  const body = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "flex h-full min-h-0 flex-col gap-2 p-3", children: [
+    subtitle ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("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__ */ (0, import_jsx_runtime6.jsx)(HostWindow, { id: windowId, title, onClose, children: body });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(HostWindow, { id: windowId, title, onClose, children: body });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     DefaultWindowShell,
     {
       id: windowId,
@@ -4229,28 +4156,28 @@ function AssociationWindow({
 // src/react/components/AssociationPicker.tsx
 var import_react14 = require("react");
 var import_design_system3 = require("@ai-matrx/design-system");
-var import_icons4 = require("@ai-matrx/design-system/icons");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_icons5 = require("@ai-matrx/design-system/icons");
+var import_jsx_runtime6 = require("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__ */ (0, import_jsx_runtime7.jsx)(Override, { ...props });
+  if (Override) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(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__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     AssociationWindow,
     {
       open: props.open,
       onClose: () => props.onOpenChange(false),
       scopeId: `picker:${props.token}`,
       title,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { className: "size-3.5 text-primary" }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { className: "size-3.5 text-primary" }),
       subtitle,
-      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         AssociationCandidateBody,
         {
           token: props.token,
@@ -4275,7 +4202,7 @@ function AssociationCandidateBody({
   onClose
 }) {
   void onClose;
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     EntityCandidateList,
     {
       token,
@@ -4335,10 +4262,10 @@ function EntityCandidateList({
       setBusyId(null);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "relative mb-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_icons4.SearchIcon, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "relative mb-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons5.SearchIcon, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         import_design_system3.Input,
         {
           autoFocus: true,
@@ -4350,8 +4277,8 @@ function EntityCandidateList({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex-1 min-h-0 overflow-y-auto -mx-1 px-1", children: [
-      !search.trim() && !error && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex-1 min-h-0 overflow-y-auto -mx-1 px-1", children: [
+      !search.trim() && !error && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         SearchFailureNotice,
         {
           error: null,
@@ -4361,13 +4288,13 @@ function EntityCandidateList({
           className: "mb-1"
         }
       ),
-      (loading || recentsLoading) && visibleCount === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(ListMessage, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SpinnerIcon, { className: "h-4 w-4 animate-spin" }),
+      (loading || recentsLoading) && visibleCount === 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(ListMessage, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SpinnerIcon, { className: "h-4 w-4 animate-spin" }),
         "Loading\u2026"
-      ] }) : error ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-[12px] text-destructive", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "font-medium", children: "Couldn\u2019t load items" }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "opacity-80", children: error }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      ] }) : error ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-[12px] text-destructive", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "font-medium", children: "Couldn\u2019t load items" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "opacity-80", children: error }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           "button",
           {
             type: "button",
@@ -4376,32 +4303,32 @@ function EntityCandidateList({
             children: "Retry"
           }
         )
-      ] }) : visibleCount === 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ListMessage, { children: canCreate ? `Nothing to attach yet \u2014 create a new ${info.label.toLowerCase()} below.` : "Nothing to attach." }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "space-y-2", children: [
-        visibleRecents.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      ] }) : visibleCount === 0 ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ListMessage, { children: canCreate ? `Nothing to attach yet \u2014 create a new ${info.label.toLowerCase()} below.` : "Nothing to attach." }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "space-y-2", children: [
+        visibleRecents.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           CandidateSection,
           {
             label: "Recent",
             candidates: visibleRecents,
             attachedIds,
             busyId,
-            icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
             onToggle: toggle
           }
         ),
-        ordinaryCandidates.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        ordinaryCandidates.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           CandidateSection,
           {
             label: visibleRecents.length > 0 ? `All ${info.labelPlural}` : null,
             candidates: ordinaryCandidates,
             attachedIds,
             busyId,
-            icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+            icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
             onToggle: toggle
           }
         )
       ] })
     ] }),
-    canCreate && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    canCreate && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       CreateAndAttachFooter,
       {
         token,
@@ -4421,12 +4348,12 @@ function CandidateSection({
   icon,
   onToggle
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("section", { className: "space-y-0.5", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "px-1 text-[10px] font-medium uppercase tracking-wider text-muted-foreground/60", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("ul", { className: "space-y-0.5", children: candidates.map((candidate) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("section", { className: "space-y-0.5", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "px-1 text-[10px] font-medium uppercase tracking-wider text-muted-foreground/60", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("ul", { className: "space-y-0.5", children: candidates.map((candidate) => {
       const attached = attachedIds.has(candidate.id);
       const busy = busyId === candidate.id;
-      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
         "button",
         {
           type: "button",
@@ -4439,15 +4366,15 @@ function CandidateSection({
           ),
           children: [
             icon,
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "flex-1 min-w-0 truncate text-foreground", children: candidate.title }),
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "flex-1 min-w-0 truncate text-foreground", children: candidate.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
               "span",
               {
                 className: (0, import_design_system3.cn)(
                   "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__ */ (0, import_jsx_runtime7.jsx)(SpinnerIcon, { className: "h-3 w-3 animate-spin" }) : attached ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_icons4.CheckIcon, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_icons4.PlusIcon, { className: "h-3 w-3" })
+                children: busy ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SpinnerIcon, { className: "h-3 w-3 animate-spin" }) : attached ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons5.CheckIcon, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons5.PlusIcon, { className: "h-3 w-3" })
               }
             )
           ]
@@ -4503,7 +4430,7 @@ function CreateAndAttachFooter({
     }
   };
   if (!editing) {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
       "button",
       {
         type: "button",
@@ -4513,10 +4440,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__ */ (0, import_jsx_runtime7.jsx)(import_icons4.PlusIcon, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons5.PlusIcon, { className: "h-4 w-4" }),
           "New ",
           info.label,
-          seed ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "max-w-40 truncate text-muted-foreground/70", children: [
+          seed ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "max-w-40 truncate text-muted-foreground/70", children: [
             "\u201C",
             seed,
             "\u201D"
@@ -4525,8 +4452,8 @@ function CreateAndAttachFooter({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "mt-2 flex shrink-0 items-center gap-1.5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mt-2 flex shrink-0 items-center gap-1.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       import_design_system3.Input,
       {
         autoFocus: true,
@@ -4545,17 +4472,17 @@ function CreateAndAttachFooter({
         style: { fontSize: 16 }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "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__ */ (0, import_jsx_runtime7.jsx)(SpinnerIcon, { className: "h-3.5 w-3.5 animate-spin" }) : "Create"
+        children: busy ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SpinnerIcon, { className: "h-3.5 w-3.5 animate-spin" }) : "Create"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "button",
       {
         type: "button",
@@ -4566,35 +4493,35 @@ 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__ */ (0, import_jsx_runtime7.jsx)(import_icons4.XIcon, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_icons5.XIcon, { className: "h-4 w-4" })
       }
     )
   ] });
 }
 function ListMessage({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex items-center justify-center gap-2 py-8 text-[13px] text-muted-foreground", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex items-center justify-center gap-2 py-8 text-[13px] text-muted-foreground", children });
 }
 // src/react/components/UniversalAssociationPicker.tsx
 var import_react15 = require("react");
 var import_design_system5 = require("@ai-matrx/design-system");
-var import_icons7 = require("@ai-matrx/design-system/icons");
+var import_icons8 = require("@ai-matrx/design-system/icons");
 // src/react/components/entityDoors.tsx
 var import_design_system4 = require("@ai-matrx/design-system");
-var import_icons5 = require("@ai-matrx/design-system/icons");
+var import_icons6 = require("@ai-matrx/design-system/icons");
 var import_outbound_react = require("@ai-matrx/kit/outbound-react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function DoorRef(props) {
   const { onOpen, ...refProps } = props;
   const { entityDoors } = useAssociationsUiPorts();
   const store = useAssociationsStore();
   const HostRef = entityDoors?.EntityRef;
-  if (HostRef) return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(HostRef, { ...refProps });
+  if (HostRef) return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(HostRef, { ...refProps });
   const name = refProps.name ?? null;
   const href = store.registry.tryGetEntityInfo(refProps.token)?.hrefFor?.(refProps.id) ?? null;
   if (onOpen) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       "button",
       {
         type: "button",
@@ -4608,7 +4535,7 @@ function DoorRef(props) {
     );
   }
   if (href) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
       "a",
       {
         href,
@@ -4619,19 +4546,19 @@ function DoorRef(props) {
           refProps.className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "min-w-0 truncate", children: name }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons5.ExternalLinkIcon, { className: "h-3 w-3 shrink-0 opacity-0 transition-opacity group-hover:opacity-60" })
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "min-w-0 truncate", children: name }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_icons6.ExternalLinkIcon, { className: "h-3 w-3 shrink-0 opacity-0 transition-opacity group-hover:opacity-60" })
         ]
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: (0, import_design_system4.cn)("min-w-0 truncate", refProps.className), children: name });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: (0, import_design_system4.cn)("min-w-0 truncate", refProps.className), children: name });
 }
 function UnresolvedRef({ token, id }) {
   const { entityDoors } = useAssociationsUiPorts();
   const HostUnresolved = entityDoors?.UnresolvedRef;
-  if (HostUnresolved) return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(HostUnresolved, { token, id });
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  if (HostUnresolved) return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(HostUnresolved, { token, id });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "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",
@@ -4644,11 +4571,11 @@ function DoorControlsSlot(props) {
   const { entityDoors } = useAssociationsUiPorts();
   const store = useAssociationsStore();
   const HostControls = entityDoors?.DoorControls;
-  if (HostControls) return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(HostControls, { ...props });
+  if (HostControls) return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(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__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     import_outbound_react.OutboundLink,
     {
       href,
@@ -4658,13 +4585,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__ */ (0, import_jsx_runtime8.jsx)(import_icons5.ExternalLinkIcon, { className: "h-3 w-3" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_icons6.ExternalLinkIcon, { className: "h-3 w-3" })
     }
   );
 }
 // src/react/components/UniversalAssociationPicker.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function attachedKey(token, id) {
   return `${token}:${id}`;
 }
@@ -4719,10 +4646,10 @@ function UniversalAssociationPicker(props) {
     groups.set(r.token, list);
   }
   const BrowseOverride = browseToken ? pickerOverrides?.[browseToken] : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: (0, import_design_system5.cn)("flex min-h-0 flex-1 flex-col gap-2", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_icons7.SearchIcon, { className: "absolute left-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: (0, import_design_system5.cn)("flex min-h-0 flex-1 flex-col gap-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons8.SearchIcon, { className: "absolute left-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
         import_design_system5.Input,
         {
           autoFocus: true,
@@ -4736,9 +4663,9 @@ function UniversalAssociationPicker(props) {
           style: { fontSize: 16 }
         }
       ),
-      loading && browseToken === null && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(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__ */ (0, import_jsx_runtime8.jsx)(SpinnerIcon, { className: "absolute right-2.5 top-1/2 h-4 w-4 -translate-y-1/2 animate-spin text-muted-foreground" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "div",
       {
         role: "group",
@@ -4748,7 +4675,7 @@ function UniversalAssociationPicker(props) {
           const info = store.registry.getEntityInfo(t);
           const ChipIcon = info.Icon ?? DefaultEntityIcon;
           const active = browseToken === t;
-          return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
             "button",
             {
               type: "button",
@@ -4759,7 +4686,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__ */ (0, import_jsx_runtime9.jsx)(ChipIcon, { className: "h-3 w-3" }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ChipIcon, { className: "h-3 w-3" }),
                 info.labelPlural
               ]
             },
@@ -4772,17 +4699,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__ */ (0, import_jsx_runtime9.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
         "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__ */ (0, import_jsx_runtime9.jsx)("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__ */ (0, import_jsx_runtime9.jsx)("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__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-wrap items-center justify-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("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__ */ (0, import_jsx_runtime8.jsx)("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__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-wrap items-center justify-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                 import_design_system5.Button,
                 {
                   type: "button",
@@ -4793,12 +4720,12 @@ function UniversalAssociationPicker(props) {
                     setOverrideMount((n) => n + 1);
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_icons7.Maximize2Icon, { className: "mr-1.5 h-3.5 w-3.5" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons8.Maximize2Icon, { className: "mr-1.5 h-3.5 w-3.5" }),
                     overrideOpen ? "Bring window to front" : "Reopen window"
                   ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                 import_design_system5.Button,
                 {
                   type: "button",
@@ -4809,7 +4736,7 @@ function UniversalAssociationPicker(props) {
                 }
               )
             ] }),
-            overrideOpen && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            overrideOpen && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
               BrowseOverride,
               {
                 open: true,
@@ -4829,7 +4756,7 @@ function UniversalAssociationPicker(props) {
           ]
         }
       )
-    ) : browseToken ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    ) : browseToken ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       AssociationCandidateBody,
       {
         token: browseToken,
@@ -4842,13 +4769,13 @@ function UniversalAssociationPicker(props) {
         onAttach: (id, title) => onAttach(browseToken, id, title),
         onDetach: (id) => onDetach(browseToken, id)
       }
-    ) }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    ) }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "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__ */ (0, import_jsx_runtime9.jsx)(
+        children: error ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           SearchFailureNotice,
           {
             error,
@@ -4856,8 +4783,8 @@ function UniversalAssociationPicker(props) {
             operation: "Search to attach",
             origin: "associations/UniversalAssociationPicker"
           }
-        ) : results.length === 0 && failures.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("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__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        ) : results.length === 0 && failures.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("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__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
             SearchFailureNotice,
             {
               error: null,
@@ -4866,20 +4793,20 @@ function UniversalAssociationPicker(props) {
               origin: "associations/UniversalAssociationPicker"
             }
           ),
-          source !== "search" && results.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("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__ */ (0, import_jsx_runtime8.jsx)("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__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "space-y-0.5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("p", { className: "flex items-center gap-1 px-1 text-[10px] font-medium uppercase tracking-wider text-muted-foreground/70", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(GroupIcon, { className: "h-3 w-3" }),
+            return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-0.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("p", { className: "flex items-center gap-1 px-1 text-[10px] font-medium uppercase tracking-wider text-muted-foreground/70", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(GroupIcon, { className: "h-3 w-3" }),
                 info.labelPlural
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("ul", { className: "space-y-0.5", children: items.map((c) => {
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("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__ */ (0, import_jsx_runtime9.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                   "li",
                   {
                     className: (0, import_design_system5.cn)(
@@ -4888,7 +4815,7 @@ function UniversalAssociationPicker(props) {
                       attached && "bg-accent/40"
                     ),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
                         "button",
                         {
                           type: "button",
@@ -4900,21 +4827,21 @@ function UniversalAssociationPicker(props) {
                             "disabled:opacity-50"
                           ),
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "min-w-0 flex-1 truncate text-foreground", children: c.title }),
-                            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "min-w-0 flex-1 truncate text-foreground", children: c.title }),
+                            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                               "span",
                               {
                                 className: (0, import_design_system5.cn)(
                                   "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__ */ (0, import_jsx_runtime9.jsx)(SpinnerIcon, { className: "h-3 w-3 animate-spin" }) : attached ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_icons7.CheckIcon, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_icons7.PlusIcon, { className: "h-3 w-3" })
+                                children: busy ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(SpinnerIcon, { className: "h-3 w-3 animate-spin" }) : attached ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons8.CheckIcon, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_icons8.PlusIcon, { className: "h-3 w-3" })
                               }
                             )
                           ]
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                         DoorControlsSlot,
                         {
                           token: c.token,
@@ -4938,8 +4865,8 @@ function UniversalAssociationPicker(props) {
 // src/react/components/AttachedItemsSheet.tsx
 var import_react16 = require("react");
 var import_design_system6 = require("@ai-matrx/design-system");
-var import_icons9 = require("@ai-matrx/design-system/icons");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_icons10 = require("@ai-matrx/design-system/icons");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function metadataIsPinned(metadata) {
   return metadata !== null && typeof metadata === "object" && !Array.isArray(metadata) && Reflect.get(metadata, "pinned") === true;
 }
@@ -4950,9 +4877,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__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "inline-flex min-w-0 max-w-full items-center gap-1", children: [
+  const subtitle = props.container ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "inline-flex min-w-0 max-w-full items-center gap-1", children: [
     filing ? "What this is filed under:" : "Attached to",
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       DoorRef,
       {
         token: props.container.type,
@@ -4963,16 +4890,16 @@ function AttachedItemsSheet(props) {
     )
   ] }) : props.containerLabel ? `Attached to ${props.containerLabel}` : "Attached items";
   if (!props.open) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     AssociationWindow,
     {
       open: props.open,
       onClose: () => props.onOpenChange(false),
       scopeId: `attached:${props.token}`,
       title,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { className: "size-3.5 text-primary" }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { className: "size-3.5 text-primary" }),
       subtitle,
-      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         AttachedItemsBody,
         {
           token: props.token,
@@ -5061,31 +4988,31 @@ function AttachedItemsBody({
       setBusyId(null);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-    titleError ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "mb-2 rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-[12px] text-destructive", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+    titleError ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("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__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex-1 min-h-0 overflow-y-auto -mx-1 px-1", children: links.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex items-center justify-center py-8 text-[13px] text-muted-foreground", children: "Nothing attached yet." }) : titles === null ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center justify-center gap-2 py-8 text-[13px] text-muted-foreground", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SpinnerIcon, { className: "h-4 w-4 animate-spin" }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex-1 min-h-0 overflow-y-auto -mx-1 px-1", children: links.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex items-center justify-center py-8 text-[13px] text-muted-foreground", children: "Nothing attached yet." }) : titles === null ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center justify-center gap-2 py-8 text-[13px] text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SpinnerIcon, { className: "h-4 w-4 animate-spin" }),
       "Loading\u2026"
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("ul", { className: "space-y-0.5", children: links.map((link) => {
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("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__ */ (0, import_jsx_runtime10.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
         "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__ */ (0, import_jsx_runtime10.jsx)(Icon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "flex-1 min-w-0 truncate", children: name === null ? (
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "flex-1 min-w-0 truncate", children: name === null ? (
               // The X beside the row stays the one-click detach.
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(UnresolvedRef, { token, id: link.resourceId })
-            ) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(UnresolvedRef, { token, id: link.resourceId })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
               DoorRef,
               {
                 token,
@@ -5095,7 +5022,7 @@ function AttachedItemsBody({
                 className: "text-foreground"
               }
             ) }),
-            onSetPinned ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            onSetPinned ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
               "button",
               {
                 type: "button",
@@ -5107,8 +5034,8 @@ 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__ */ (0, import_jsx_runtime10.jsx)(
-                  import_icons9.PinIcon,
+                children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                  import_icons10.PinIcon,
                   {
                     className: (0, import_design_system6.cn)(
                       "h-3.5 w-3.5",
@@ -5118,7 +5045,7 @@ function AttachedItemsBody({
                 )
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
               "button",
               {
                 type: "button",
@@ -5129,7 +5056,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__ */ (0, import_jsx_runtime10.jsx)(SpinnerIcon, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_icons9.XIcon, { className: "h-3.5 w-3.5" })
+                children: busy ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SpinnerIcon, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_icons10.XIcon, { className: "h-3.5 w-3.5" })
               }
             )
           ]
@@ -5137,14 +5064,14 @@ function AttachedItemsBody({
         link.edgeId
       );
     }) }) }),
-    onAdd ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    onAdd ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
       "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__ */ (0, import_jsx_runtime10.jsx)(import_icons9.PlusIcon, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_icons10.PlusIcon, { className: "h-4 w-4" }),
           "Attach ",
           info.labelPlural.toLowerCase()
         ]
@@ -5206,8 +5133,8 @@ function getContentRoleMeta(role) {
 }
 // src/react/components/AssociationCard.tsx
-var import_icons11 = require("@ai-matrx/design-system/icons");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_icons12 = require("@ai-matrx/design-system/icons");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function AssociationCard({
   token,
   container: containerProp,
@@ -5246,7 +5173,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__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
     look !== "tiles" ? (
       // ONE-LINE LOOKS (opt-in, off by default): small icon, UPPERCASE name,
       // count, then the "+".
@@ -5258,7 +5185,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__ */ (0, import_jsx_runtime11.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
         "div",
         {
           "data-association-card": token,
@@ -5269,7 +5196,7 @@ function AssociationCard({
             className
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
               "button",
               {
                 type: "button",
@@ -5282,13 +5209,13 @@ function AssociationCard({
                   canDrillIn ? "cursor-pointer hover:text-foreground" : "cursor-default"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "min-w-0 truncate text-xs font-semibold uppercase tracking-wider text-foreground", children: info.labelPlural }),
-                  loading ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SpinnerIcon, { className: "h-3 w-3 animate-spin text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-xs tabular-nums text-muted-foreground", children: count })
+                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "min-w-0 truncate text-xs font-semibold uppercase tracking-wider text-foreground", children: info.labelPlural }),
+                  loading ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SpinnerIcon, { className: "h-3 w-3 animate-spin text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-xs tabular-nums text-muted-foreground", children: count })
                 ]
               }
             ),
-            canAttach && (look === "compact" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            canAttach && (look === "compact" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
               import_buttons.PlusTapButton,
               {
                 variant: "outline",
@@ -5296,7 +5223,7 @@ function AssociationCard({
                 tooltip: false,
                 onClick: () => setOpen(true)
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            ) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
               "button",
               {
                 type: "button",
@@ -5304,13 +5231,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__ */ (0, import_jsx_runtime11.jsx)(import_icons11.PlusIcon, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_icons12.PlusIcon, { className: "h-4 w-4" })
               }
             ))
           ]
         }
       )
-    ) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
       "div",
       {
         "data-association-card": token,
@@ -5320,7 +5247,7 @@ function AssociationCard({
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
             "span",
             {
               className: (0, import_design_system7.cn)(
@@ -5329,7 +5256,7 @@ function AssociationCard({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
             "button",
             {
               type: "button",
@@ -5341,7 +5268,7 @@ function AssociationCard({
                 canDrillIn ? "cursor-pointer" : "cursor-default"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                   "span",
                   {
                     className: (0, import_design_system7.cn)(
@@ -5349,20 +5276,20 @@ function AssociationCard({
                       role.accentBg,
                       role.accentText
                     ),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { className: "h-4 w-4" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { className: "h-4 w-4" })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "min-w-0 flex-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "block truncate text-sm font-medium text-foreground", children: info.labelPlural }),
-                  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "block text-xs text-muted-foreground tabular-nums", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "inline-flex items-center gap-1", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SpinnerIcon, { className: "h-3 w-3 animate-spin" }),
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "block truncate text-sm font-medium text-foreground", children: info.labelPlural }),
+                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "block text-xs text-muted-foreground tabular-nums", children: loading ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "inline-flex items-center gap-1", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SpinnerIcon, { className: "h-3 w-3 animate-spin" }),
                     "Loading\u2026"
                   ] }) : `${count} ${countWord}` })
                 ] })
               ]
             }
           ),
-          canAttach && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          canAttach && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
             "button",
             {
               type: "button",
@@ -5370,13 +5297,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__ */ (0, import_jsx_runtime11.jsx)(import_icons11.PlusIcon, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_icons12.PlusIcon, { className: "h-4 w-4" })
             }
           )
         ]
       }
     ),
-    listOpen && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    listOpen && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       AttachedItemsSheet,
       {
         open: listOpen,
@@ -5395,7 +5322,7 @@ function AssociationCard({
         onSetPinned: (resourceId, pinned, role2) => setPinned(token, resourceId, pinned, role2 ?? void 0)
       }
     ),
-    canAttach && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    canAttach && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       AssociationPicker,
       {
         open,
@@ -5414,7 +5341,7 @@ function AssociationCard({
 // src/react/components/AssociationCardGrid.tsx
 var import_design_system8 = require("@ai-matrx/design-system");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("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";
@@ -5423,11 +5350,11 @@ function GroupHeader({
   title,
   dotClassName
 }) {
-  if (look !== "tiles") return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { className: SIMPLE_GROUP_LABEL, children: title });
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "mb-2.5 flex items-baseline gap-3 pl-1.5", children: dotClassName ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: (0, import_design_system8.cn)("h-2.5 w-2.5 rounded-full", dotClassName) }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { className: "text-sm font-semibold text-foreground", children: title })
-  ] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { className: "text-sm font-semibold text-foreground", children: title }) });
+  if (look !== "tiles") return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h3", { className: SIMPLE_GROUP_LABEL, children: title });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "mb-2.5 flex items-baseline gap-3 pl-1.5", children: dotClassName ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: (0, import_design_system8.cn)("h-2.5 w-2.5 rounded-full", dotClassName) }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h3", { className: "text-sm font-semibold text-foreground", children: title })
+  ] }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h3", { className: "text-sm font-semibold text-foreground", children: title }) });
 }
 function AssociationCardGrid({
   tokens,
@@ -5440,13 +5367,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))
   );
@@ -5456,7 +5383,7 @@ function AssociationCardGrid({
     return !role || !roleIds.has(role);
   }) : [];
   const rowClass = look !== "tiles" ? SIMPLE_TILE_ROW : TILE_GRID;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     "div",
     {
       "data-association-grid-look": look,
@@ -5467,8 +5394,8 @@ function AssociationCardGrid({
             (token) => store.registry.getEntityInfo(token).contentRole === role.id
           );
           if (inRole.length === 0) return null;
-          return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("section", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("section", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
               GroupHeader,
               {
                 look,
@@ -5476,18 +5403,18 @@ function AssociationCardGrid({
                 dotClassName: role.accentBar
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: rowClass, children: inRole.map((token) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(AssociationCard, { token, look }, token)) })
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: rowClass, children: inRole.map((token) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AssociationCard, { token, look }, token)) })
           ] }, role.id);
         }),
-        roleless.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("section", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        roleless.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("section", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
             GroupHeader,
             {
               look,
               title: "Filed under"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: rowClass, children: roleless.map((token) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(AssociationCard, { token, look }, token)) })
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: rowClass, children: roleless.map((token) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AssociationCard, { token, look }, token)) })
         ] })
       ]
     }
@@ -5497,9 +5424,9 @@ function AssociationCardGrid({
 // src/react/components/AssociationList.tsx
 var import_react18 = require("react");
 var import_design_system9 = require("@ai-matrx/design-system");
-var import_icons13 = require("@ai-matrx/design-system/icons");
+var import_icons14 = require("@ai-matrx/design-system/icons");
 var import_outbound = require("@ai-matrx/kit/outbound");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function metadataIsPinned2(metadata) {
   return metadata !== null && typeof metadata === "object" && !Array.isArray(metadata) && Reflect.get(metadata, "pinned") === true;
 }
@@ -5610,15 +5537,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__ */ (0, import_jsx_runtime13.jsxs)("div", { className: (0, import_design_system9.cn)("flex flex-col gap-2 text-foreground", props.className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: (0, import_design_system9.cn)("flex items-center gap-2 px-1", props.title === null ? "justify-end" : "justify-between"), children: [
-      props.title === null ? null : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("h3", { className: "flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Link2Icon, { className: "h-3.5 w-3.5" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: (0, import_design_system9.cn)("flex flex-col gap-2 text-foreground", props.className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: (0, import_design_system9.cn)("flex items-center gap-2 px-1", props.title === null ? "justify-end" : "justify-between"), children: [
+      props.title === null ? null : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("h3", { className: "flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Link2Icon, { className: "h-3.5 w-3.5" }),
         props.title ?? "Resources",
-        visibleRows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "rounded bg-muted px-1 text-[10px] font-medium text-muted-foreground", children: visibleRows.length })
+        visibleRows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "rounded bg-muted px-1 text-[10px] font-medium text-muted-foreground", children: visibleRows.length })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
           "button",
           {
             type: "button",
@@ -5628,19 +5555,19 @@ function AssociationList(props) {
               showUniversal ? "bg-accent text-foreground" : "text-muted-foreground hover:bg-accent hover:text-foreground"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icons13.PlusIcon, { className: "h-3 w-3" }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons14.PlusIcon, { className: "h-3 w-3" }),
               "Add"
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "button",
           {
             type: "button",
             onClick: () => void adapter.reload(),
             title: "Refresh",
             className: "text-muted-foreground/60 transition-colors hover:text-foreground",
-            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               RefreshIcon,
               {
                 className: (0, import_design_system9.cn)(
@@ -5653,7 +5580,7 @@ function AssociationList(props) {
         )
       ] })
     ] }),
-    showUniversal && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "rounded-md border border-border/60 bg-muted/30 p-2 max-h-80 flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    showUniversal && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "rounded-md border border-border/60 bg-muted/30 p-2 max-h-80 flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       UniversalAssociationPicker,
       {
         tokens: attachableTokens,
@@ -5663,9 +5590,9 @@ function AssociationList(props) {
         onDetach: (token, id) => adapter.detach(token, id)
       }
     ) }),
-    adapter.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("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__ */ (0, import_jsx_runtime13.jsx)("span", { className: "truncate text-[11px] text-destructive", children: adapter.error || "Failed to load resources" }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    adapter.status === "error" && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("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__ */ (0, import_jsx_runtime12.jsx)("span", { className: "truncate text-[11px] text-destructive", children: adapter.error || "Failed to load resources" }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         "button",
         {
           type: "button",
@@ -5675,17 +5602,17 @@ function AssociationList(props) {
         }
       )
     ] }),
-    adapter.status !== "error" && isLoading && visibleRows.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "space-y-1.5 px-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system9.Skeleton, { className: "h-3 w-20" }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system9.Skeleton, { className: "h-7 w-full rounded-md" }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_design_system9.Skeleton, { className: "h-7 w-3/4 rounded-md" })
+    adapter.status !== "error" && isLoading && visibleRows.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "space-y-1.5 px-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system9.Skeleton, { className: "h-3 w-20" }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system9.Skeleton, { className: "h-7 w-full rounded-md" }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system9.Skeleton, { className: "h-7 w-3/4 rounded-md" })
     ] }),
-    adapter.status === "ready" && visibleRows.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("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__ */ (0, import_jsx_runtime13.jsx)("div", { className: "space-y-2.5", children: grouped.map(({ role, tokens: tokenGroups }) => {
+    adapter.status === "ready" && visibleRows.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("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__ */ (0, import_jsx_runtime12.jsx)("div", { className: "space-y-2.5", children: grouped.map(({ role, tokens: tokenGroups }) => {
       const roleMeta = getContentRoleMeta(role);
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "space-y-1.5", children: [
-        variant === "full" && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center gap-1.5 px-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "space-y-1.5", children: [
+        variant === "full" && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-1.5 px-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "span",
             {
               className: (0, import_design_system9.cn)(
@@ -5694,7 +5621,7 @@ function AssociationList(props) {
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "p",
             {
               className: (0, import_design_system9.cn)(
@@ -5707,28 +5634,28 @@ function AssociationList(props) {
         ] }),
         tokenGroups.map(({ info, token, rows: tokenRows }) => {
           const TokenIcon = info?.Icon ?? null;
-          return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "space-y-0.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center justify-between gap-1 px-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("p", { className: "flex items-center gap-1 text-[10px] font-medium text-muted-foreground/80", children: [
-                TokenIcon ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TokenIcon, { className: "h-3 w-3" }) : null,
+          return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "space-y-0.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center justify-between gap-1 px-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("p", { className: "flex items-center gap-1 text-[10px] font-medium text-muted-foreground/80", children: [
+                TokenIcon ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TokenIcon, { className: "h-3 w-3" }) : null,
                 info?.labelPlural ?? titleize(token),
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-muted-foreground/50", children: tokenRows.length })
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-muted-foreground/50", children: tokenRows.length })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-1", children: [
                 props.renderSectionActions && info ? props.renderSectionActions(info.token) : null,
-                info?.canListCandidates && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                info?.canListCandidates && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                   "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__ */ (0, import_jsx_runtime13.jsx)(import_icons13.PlusIcon, { className: "h-3 w-3" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons14.PlusIcon, { className: "h-3 w-3" })
                   }
                 )
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("ul", { className: "space-y-0.5", children: tokenRows.map((row) => {
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("ul", { className: "space-y-0.5", children: tokenRows.map((row) => {
               const busy = removingKeys.has(row.key);
               const custom = props.renderRow?.(row, {
                 title: titleFor({
@@ -5741,9 +5668,9 @@ function AssociationList(props) {
                 onOpen: () => openRow(row)
               });
               if (custom != null) {
-                return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("li", { children: custom }, row.key);
+                return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { children: custom }, row.key);
               }
-              return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
                 "div",
                 {
                   className: (0, import_design_system9.cn)(
@@ -5755,7 +5682,7 @@ function AssociationList(props) {
                       token: row.token,
                       id: row.resourceId,
                       label: row.label
-                    }) ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(UnresolvedRef, { token: row.token, id: row.resourceId }) }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                    }) ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(UnresolvedRef, { token: row.token, id: row.resourceId }) }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                       DoorRef,
                       {
                         token: row.token,
@@ -5771,9 +5698,9 @@ function AssociationList(props) {
                         className: "min-w-0 flex-1 text-foreground"
                       }
                     ),
-                    row.originRefs && row.originRefs.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "flex shrink-0 items-center gap-1 text-[10px] text-muted-foreground/60", children: [
+                    row.originRefs && row.originRefs.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "flex shrink-0 items-center gap-1 text-[10px] text-muted-foreground/60", children: [
                       "via",
-                      row.originRefs.map((origin) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                      row.originRefs.map((origin) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                         DoorRef,
                         {
                           token: origin.token,
@@ -5785,8 +5712,8 @@ function AssociationList(props) {
                         },
                         `${origin.token}:${origin.id}`
                       ))
-                    ] }) : row.originNote ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "shrink-0 text-[10px] text-muted-foreground/60", children: row.originNote }) : null,
-                    adapter.setPinned && info && row.removable && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                    ] }) : row.originNote ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "shrink-0 text-[10px] text-muted-foreground/60", children: row.originNote }) : null,
+                    adapter.setPinned && info && row.removable && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                       "button",
                       {
                         type: "button",
@@ -5798,8 +5725,8 @@ 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__ */ (0, import_jsx_runtime13.jsx)(SpinnerIcon, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                          import_icons13.PinIcon,
+                        children: pinningKeys.has(row.key) ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SpinnerIcon, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                          import_icons14.PinIcon,
                           {
                             className: (0, import_design_system9.cn)(
                               "h-3 w-3",
@@ -5809,7 +5736,7 @@ function AssociationList(props) {
                         )
                       }
                     ),
-                    row.removable && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                    row.removable && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
                       "button",
                       {
                         type: "button",
@@ -5818,7 +5745,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__ */ (0, import_jsx_runtime13.jsx)(SpinnerIcon, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_icons13.XIcon, { className: "h-3 w-3" })
+                        children: busy ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SpinnerIcon, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_icons14.XIcon, { className: "h-3 w-3" })
                       }
                     )
                   ]
@@ -5829,7 +5756,7 @@ function AssociationList(props) {
         })
       ] }, role);
     }) }),
-    pickerToken && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    pickerToken && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       AssociationPicker,
       {
         open: true,
@@ -5887,9 +5814,9 @@ function titleize(token) {
 // src/react/components/AssociationCaptureToolbar.tsx
 var import_react19 = require("react");
 var import_design_system10 = require("@ai-matrx/design-system");
-var import_icons15 = require("@ai-matrx/design-system/icons");
+var import_icons16 = require("@ai-matrx/design-system/icons");
 var import_outbound2 = require("@ai-matrx/kit/outbound");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function AssociationCaptureToolbar({
   attach,
   uploadFolderPath,
@@ -6122,7 +6049,7 @@ function AssociationCaptureToolbar({
     }
   };
   const anyBuiltIn = actions.upload || actions.addFile || actions.newDocument;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     "div",
     {
       className: (0, import_design_system10.cn)(
@@ -6143,11 +6070,11 @@ function AssociationCaptureToolbar({
       },
       onDrop: handleDrop,
       children: [
-        isDragOver ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "pointer-events-none absolute inset-0 z-10 grid place-items-center bg-background/70", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("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__ */ (0, import_jsx_runtime14.jsx)(UploadIcon, { className: "size-3.5 text-primary" }),
+        isDragOver ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "pointer-events-none absolute inset-0 z-10 grid place-items-center bg-background/70", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("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__ */ (0, import_jsx_runtime13.jsx)(UploadIcon, { className: "size-3.5 text-primary" }),
           "Drop to upload & attach"
         ] }) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "input",
           {
             ref: fileInputRef,
@@ -6157,8 +6084,8 @@ function AssociationCaptureToolbar({
             onChange: handleFilesSelected
           }
         ),
-        showToolbar && (anyBuiltIn || extraActions) ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex flex-wrap items-center gap-0.5 border-b border-border/60 px-1.5 py-1", children: namingDoc ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-1 items-center gap-1.5 py-0.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        showToolbar && (anyBuiltIn || extraActions) ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex flex-wrap items-center gap-0.5 border-b border-border/60 px-1.5 py-1", children: namingDoc ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex flex-1 items-center gap-1.5 py-0.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             import_design_system10.Input,
             {
               autoFocus: true,
@@ -6177,17 +6104,17 @@ function AssociationCaptureToolbar({
               style: { fontSize: 16 }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             "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__ */ (0, import_jsx_runtime14.jsx)(SpinnerIcon, { className: "size-3.5 animate-spin" }) : "Create"
+              children: creatingDoc ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SpinnerIcon, { className: "size-3.5 animate-spin" }) : "Create"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             "button",
             {
               type: "button",
@@ -6200,8 +6127,8 @@ function AssociationCaptureToolbar({
               children: "Cancel"
             }
           )
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-          actions.upload ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+          actions.upload ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             CaptureToolbarAction,
             {
               icon: isUploading ? SpinnerIcon : UploadIcon,
@@ -6211,7 +6138,7 @@ function AssociationCaptureToolbar({
               disabled: isPicking || isUploading
             }
           ) : null,
-          actions.addFile ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          actions.addFile ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             CaptureToolbarAction,
             {
               icon: isPicking ? SpinnerIcon : FolderOpenIcon,
@@ -6221,11 +6148,11 @@ function AssociationCaptureToolbar({
               disabled: isPicking || isUploading
             }
           ) : null,
-          (actions.upload || actions.addFile) && actions.newDocument ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "mx-1 h-4 w-px bg-border" }) : null,
-          actions.newDocument ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          (actions.upload || actions.addFile) && actions.newDocument ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "mx-1 h-4 w-px bg-border" }) : null,
+          actions.newDocument ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             CaptureToolbarAction,
             {
-              icon: creatingDoc ? SpinnerIcon : import_icons15.PlusIcon,
+              icon: creatingDoc ? SpinnerIcon : import_icons16.PlusIcon,
               spinning: creatingDoc,
               label: "New document",
               onClick: () => setNamingDoc(true),
@@ -6246,7 +6173,7 @@ function CaptureToolbarAction({
   disabled,
   spinning
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     import_design_system10.Button,
     {
       type: "button",
@@ -6256,7 +6183,7 @@ function CaptureToolbarAction({
       disabled,
       className: "h-7 gap-1 px-2 text-[11px] text-muted-foreground hover:text-foreground",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { className: (0, import_design_system10.cn)("size-3.5", spinning && "animate-spin") }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { className: (0, import_design_system10.cn)("size-3.5", spinning && "animate-spin") }),
         label
       ]
     }
@@ -6265,7 +6192,7 @@ function CaptureToolbarAction({
 // src/react/lazyPorts.tsx
 var import_react20 = require("react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function lazyComponent(load) {
   return (0, import_react20.lazy)(async () => {
     const loaded = await load();
@@ -6275,14 +6202,14 @@ function lazyComponent(load) {
 function lazyWindowShell(load) {
   const Loaded = lazyComponent(load);
   return function LazyWindowShell(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react20.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Loaded, { ...props }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react20.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Loaded, { ...props }) });
   };
 }
 function lazyPickerOverride(load) {
   const Loaded = lazyComponent(load);
   return function LazyPickerOverride(props) {
     if (!props.open) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react20.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Loaded, { ...props }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react20.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Loaded, { ...props }) });
   };
 }
@@ -6396,8 +6323,8 @@ function useAssociationPickerBridge(props, options = {}) {
 // src/react/components/AssociationEntitySelect.tsx
 var import_react22 = require("react");
 var import_design_system11 = require("@ai-matrx/design-system");
-var import_icons17 = require("@ai-matrx/design-system/icons");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_icons18 = require("@ai-matrx/design-system/icons");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function AssociationEntitySelect({
   token,
   adapter,
@@ -6438,7 +6365,7 @@ function AssociationEntitySelect({
     if (id) close();
     else notifier.error(`Couldn't create the ${entityLabel}`);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     "div",
     {
       className: (0, import_design_system11.cn)(
@@ -6446,7 +6373,7 @@ function AssociationEntitySelect({
         className
       ),
       children: [
-        showIcon ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        showIcon ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           InfoIcon,
           {
             className: (0, import_design_system11.cn)(
@@ -6456,7 +6383,7 @@ function AssociationEntitySelect({
             "aria-hidden": true
           }
         ) : null,
-        active ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        active ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           import_design_system11.EditableLabel,
           {
             value: active.title,
@@ -6475,8 +6402,8 @@ function AssociationEntitySelect({
             inputClassName: "text-xs font-medium"
           }
         ) : null,
-        active ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DoorControlsSlot, { token, id: active.id, name: active.title }) : null,
-        !active ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        active ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DoorControlsSlot, { token, id: active.id, name: active.title }) : null,
+        !active ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           "span",
           {
             className: (0, import_design_system11.cn)(
@@ -6486,13 +6413,13 @@ function AssociationEntitySelect({
             children: adapter.loading ? "\u2026" : emptyLabel ?? info.labelPlural
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
           import_design_system11.Popover,
           {
             open,
             onOpenChange: (next) => next ? setOpen(true) : close(),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system11.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -6500,17 +6427,17 @@ function AssociationEntitySelect({
                   title: `Switch or add ${info.labelPlural.toLowerCase()}`,
                   "aria-label": `Switch or add ${info.labelPlural.toLowerCase()}`,
                   children: [
-                    items.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "tabular-nums", children: [
+                    items.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "tabular-nums", children: [
                       activeIndex >= 0 ? activeIndex + 1 : "\u2014",
                       "/",
                       items.length
                     ] }) : null,
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_icons17.ChevronDownIcon, { className: "size-3 opacity-60" })
+                    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons18.ChevronDownIcon, { className: "size-3 opacity-60" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.PopoverContent, { sizing: "content", className: "p-0", align, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Command, { children: [
-                items.length > 5 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system11.PopoverContent, { sizing: "content", className: "p-0", align, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system11.Command, { children: [
+                items.length > 5 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                   import_design_system11.CommandInput,
                   {
                     value: query,
@@ -6518,9 +6445,9 @@ function AssociationEntitySelect({
                     placeholder: `Search ${info.labelPlural.toLowerCase()}\u2026`
                   }
                 ) : null,
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.CommandList, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.CommandEmpty, { children: "No match." }),
-                  items.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.CommandGroup, { children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system11.CommandList, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system11.CommandEmpty, { children: "No match." }),
+                  items.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system11.CommandGroup, { children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
                     import_design_system11.CommandItem,
                     {
                       value: `${item.title} ${item.id}`,
@@ -6531,8 +6458,8 @@ function AssociationEntitySelect({
                       },
                       className: "group/entity-ref group gap-2",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                          import_icons17.CheckIcon,
+                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                          import_icons18.CheckIcon,
                           {
                             className: (0, import_design_system11.cn)(
                               "size-3.5 shrink-0",
@@ -6540,8 +6467,8 @@ function AssociationEntitySelect({
                             )
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "min-w-0 flex-1 truncate", children: item.title }),
-                        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "min-w-0 flex-1 truncate", children: item.title }),
+                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                           "span",
                           {
                             className: "inline-flex shrink-0 items-center",
@@ -6549,7 +6476,7 @@ function AssociationEntitySelect({
                               e.preventDefault();
                               e.stopPropagation();
                             },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                               DoorControlsSlot,
                               {
                                 token,
@@ -6559,7 +6486,7 @@ function AssociationEntitySelect({
                             )
                           }
                         ),
-                        adapter.detach && item.id !== activeId ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                        adapter.detach && item.id !== activeId ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                           "button",
                           {
                             type: "button",
@@ -6574,7 +6501,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__ */ (0, import_jsx_runtime16.jsx)(import_icons17.XIcon, { className: "size-3" })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons18.XIcon, { className: "size-3" })
                           }
                         ) : null
                       ]
@@ -6582,9 +6509,9 @@ function AssociationEntitySelect({
                     item.id
                   )) }) : null
                 ] }),
-                createSlot !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "border-t border-border p-1", children: typeof createSlot === "function" ? createSlot(close) : createSlot }) : null,
-                createSlot === void 0 && adapter.createAndAttach ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "border-t border-border p-1", children: creating ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center gap-1 px-1 py-0.5", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                createSlot !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "border-t border-border p-1", children: typeof createSlot === "function" ? createSlot(close) : createSlot }) : null,
+                createSlot === void 0 && adapter.createAndAttach ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "border-t border-border p-1", children: creating ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-1 px-1 py-0.5", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                     "input",
                     {
                       autoFocus: true,
@@ -6608,17 +6535,17 @@ function AssociationEntitySelect({
                       "aria-label": `New ${entityLabel} name`
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                     "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__ */ (0, import_jsx_runtime16.jsx)(SpinnerIcon, { className: "size-3 animate-spin" }) : "Create"
+                      children: busy ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SpinnerIcon, { className: "size-3 animate-spin" }) : "Create"
                     }
                   )
-                ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
                   "button",
                   {
                     type: "button",
@@ -6629,7 +6556,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__ */ (0, import_jsx_runtime16.jsx)(SpinnerIcon, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_icons17.PlusIcon, { className: "size-3.5" }),
+                      busy ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SpinnerIcon, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons18.PlusIcon, { className: "size-3.5" }),
                       query.trim() ? `Create "${query.trim()}"` : `New ${info.label}`
                     ]
                   }
@@ -6712,7 +6639,7 @@ function buildCategoryHierarchy(categories) {
 }
 // src/react/components/CategorySelect.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var NONE = "__none__";
 var ROOT_PARENT = "__root__";
 function plural(noun) {
@@ -6748,9 +6675,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__ */ (0, import_jsx_runtime17.jsx)("span", { className: "font-medium", children: category.name }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "flex items-center gap-1.5 pl-3 text-muted-foreground", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CornerDownRightIcon, { className: "h-3.5 w-3.5 shrink-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-foreground", children: category.name })
+      render: depth === 0 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "font-medium", children: category.name }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "flex items-center gap-1.5 pl-3 text-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CornerDownRightIcon, { className: "h-3.5 w-3.5 shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-foreground", children: category.name })
       ] })
     })) : categories.map((category) => ({
       value: category.id,
@@ -6797,8 +6724,8 @@ function CategorySelect({
     );
     return result.id;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       import_design_system12.CreatablePicker,
       {
         value: value ?? (allowNone ? NONE : null),
@@ -6814,18 +6741,18 @@ function CategorySelect({
         emptyLabel: `No ${noun} matches that.`,
         ...allowCreate ? { onCreate: create } : {},
         ...allowCreate && hierarchy.hasHierarchy ? {
-          createExtra: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_design_system12.Select, { value: createParentId, onValueChange: setCreateParentId, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          createExtra: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system12.Select, { value: createParentId, onValueChange: setCreateParentId, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
               import_design_system12.SelectTrigger,
               {
                 className: "h-7 text-xs",
                 "aria-label": `Put the new ${noun} under`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system12.SelectValue, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system12.SelectValue, {})
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_design_system12.SelectContent, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system12.SelectItem, { value: ROOT_PARENT, className: "text-xs", children: "Top level" }),
-              hierarchy.items.filter((item) => item.depth === 0).map((item) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system12.SelectContent, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system12.SelectItem, { value: ROOT_PARENT, className: "text-xs", children: "Top level" }),
+              hierarchy.items.filter((item) => item.depth === 0).map((item) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                 import_design_system12.SelectItem,
                 {
                   value: item.category.id,
@@ -6845,21 +6772,21 @@ 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__ */ (0, import_jsx_runtime17.jsxs)("p", { className: "mt-1 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("p", { className: "mt-1 text-xs text-muted-foreground", children: [
         "This ",
         noun,
         " is no longer available to you."
       ] })
     ) : null,
-    error ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "mt-1 text-xs text-destructive", children: error }) : null
+    error ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "mt-1 text-xs text-destructive", children: error }) : null
   ] });
 }
 // src/react/components/CategoryTagPicker.tsx
 var import_react24 = require("react");
 var import_design_system13 = require("@ai-matrx/design-system");
-var import_icons20 = require("@ai-matrx/design-system/icons");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_icons21 = require("@ai-matrx/design-system/icons");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var ROOT_PARENT2 = "__root__";
 function CategoryTagPicker({
   entityType,
@@ -6983,44 +6910,44 @@ function CategoryTagPicker({
   const exactMatch = categories.some(
     (c) => c.name.toLowerCase() === search.trim().toLowerCase()
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-wrap items-center gap-1.5", children: [
-    selected.map((c) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+    selected.map((c) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
       import_design_system13.Badge,
       {
         variant: "secondary",
         className: "gap-1 pr-1 text-xs font-medium",
         children: [
           showHierarchy ? hierarchyById.get(c.id)?.displayName ?? c.name : c.name,
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             "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__ */ (0, import_jsx_runtime18.jsx)(import_icons20.XIcon, { className: "h-2.5 w-2.5" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_icons21.XIcon, { className: "h-2.5 w-2.5" })
             }
           )
         ]
       },
       c.id
     )),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_design_system13.Popover, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_design_system13.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_design_system13.Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system13.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
         import_design_system13.Button,
         {
           variant: "outline",
           size: "sm",
           className: "h-7 gap-1 px-2 text-xs",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { className: "h-3.5 w-3.5" }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { className: "h-3.5 w-3.5" }),
             selected.length === 0 ? addLabel : "Edit",
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_design_system13.SelectChevron, { size: "sm" })
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system13.SelectChevron, { size: "sm" })
           ]
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_design_system13.PopoverContent, { sizing: "content", className: "p-0", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_design_system13.Command, { shouldFilter: false, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system13.PopoverContent, { sizing: "content", className: "p-0", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_design_system13.Command, { shouldFilter: false, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           import_design_system13.CommandInput,
           {
             placeholder: allowCreate ? "Search or create..." : "Search...",
@@ -7028,9 +6955,9 @@ function CategoryTagPicker({
             onValueChange: setSearch
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_design_system13.CommandList, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_design_system13.CommandEmpty, { className: "px-2 py-3 text-xs text-muted-foreground", children: search.trim() ? "No match." : emptyText }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_design_system13.CommandGroup, { children: showHierarchy ? filteredHierarchy.map(({ category, depth, parent }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_design_system13.CommandList, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system13.CommandEmpty, { className: "px-2 py-3 text-xs text-muted-foreground", children: search.trim() ? "No match." : emptyText }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system13.CommandGroup, { children: showHierarchy ? filteredHierarchy.map(({ category, depth, parent }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
             import_design_system13.CommandItem,
             {
               value: category.id,
@@ -7038,8 +6965,8 @@ function CategoryTagPicker({
               onSelect: () => void toggle(category.id),
               className: (0, import_design_system13.cn)("text-xs", depth === 1 && "pl-6"),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                  import_icons20.CheckIcon,
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  import_icons21.CheckIcon,
                   {
                     className: (0, import_design_system13.cn)(
                       "mr-2 h-3.5 w-3.5",
@@ -7047,20 +6974,20 @@ function CategoryTagPicker({
                     )
                   }
                 ),
-                depth === 1 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CornerDownRightIcon, { className: "mr-1.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }) : null,
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: (0, import_design_system13.cn)(depth === 0 && "font-medium"), children: category.name })
+                depth === 1 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CornerDownRightIcon, { className: "mr-1.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }) : null,
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: (0, import_design_system13.cn)(depth === 0 && "font-medium"), children: category.name })
               ]
             },
             category.id
-          )) : filtered.map((c) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+          )) : filtered.map((c) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
             import_design_system13.CommandItem,
             {
               value: c.id,
               onSelect: () => void toggle(c.id),
               className: "text-xs",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                  import_icons20.CheckIcon,
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  import_icons21.CheckIcon,
                   {
                     className: (0, import_design_system13.cn)(
                       "mr-2 h-3.5 w-3.5",
@@ -7073,25 +7000,25 @@ function CategoryTagPicker({
             },
             c.id
           )) }),
-          allowCreate && search.trim() && !exactMatch ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_design_system13.CommandGroup, { children: [
-            showHierarchy ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "space-y-1.5 px-2 pb-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-[11px] font-medium text-muted-foreground", children: "Place in" }),
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+          allowCreate && search.trim() && !exactMatch ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_design_system13.CommandGroup, { children: [
+            showHierarchy ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "space-y-1.5 px-2 pb-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-[11px] font-medium text-muted-foreground", children: "Place in" }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                 import_design_system13.Select,
                 {
                   value: createParentId,
                   onValueChange: setCreateParentId,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_design_system13.SelectTrigger, { size: "sm", className: "bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_design_system13.SelectValue, {}) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_design_system13.SelectContent, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_design_system13.SelectItem, { value: ROOT_PARENT2, children: "Top level" }),
-                      hierarchy.roots.map((root) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_design_system13.SelectItem, { value: root.id, children: root.name }, root.id))
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system13.SelectTrigger, { size: "sm", className: "bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system13.SelectValue, {}) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_design_system13.SelectContent, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system13.SelectItem, { value: ROOT_PARENT2, children: "Top level" }),
+                      hierarchy.roots.map((root) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system13.SelectItem, { value: root.id, children: root.name }, root.id))
                     ] })
                   ]
                 }
               )
             ] }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
               import_design_system13.CommandItem,
               {
                 value: `__create__${search}`,
@@ -7099,7 +7026,7 @@ function CategoryTagPicker({
                 disabled: creating,
                 className: "text-xs text-primary",
                 children: [
-                  creating ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SpinnerIcon, { className: "mr-2 h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { className: "mr-2 h-3.5 w-3.5" }),
+                  creating ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SpinnerIcon, { className: "mr-2 h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { className: "mr-2 h-3.5 w-3.5" }),
                   "Create \u201C",
                   search.trim(),
                   "\u201D"
@@ -7126,20 +7053,20 @@ function partKeyOf(comment) {
 // src/react/components/CommentBody.tsx
 var import_react25 = require("react");
 var import_design_system14 = require("@ai-matrx/design-system");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("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__ */ (0, import_jsx_runtime19.jsx)("strong", { children: part.slice(2, -2) }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("strong", { children: part.slice(2, -2) }, i);
     }
     if (part.length > 2 && part.startsWith("`") && part.endsWith("`")) {
-      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("code", { className: "rounded bg-muted px-1 text-[0.9em]", children: part.slice(1, -1) }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("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__ */ (0, import_jsx_runtime19.jsx)("em", { children: part.slice(1, -1) }, i);
+      return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("em", { children: part.slice(1, -1) }, i);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react25.Fragment, { children: part }, i);
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react25.Fragment, { children: part }, i);
   });
 }
 var BULLET = /^\s*[-*]\s+(.*)$/;
@@ -7150,14 +7077,14 @@ function renderBlocks(lines, keyPrefix) {
   const flushBullets = () => {
     if (!bullets.length) return;
     out.push(
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("ul", { className: "list-disc pl-5", children: bullets.map((b, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("li", { children: renderInline(b) }, i)) }, `${keyPrefix}-u${out.length}`)
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("ul", { className: "list-disc pl-5", children: bullets.map((b, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("li", { children: renderInline(b) }, i)) }, `${keyPrefix}-u${out.length}`)
     );
     bullets = [];
   };
   const flushPara = () => {
     if (!para.length) return;
     out.push(
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "whitespace-pre-wrap", children: renderInline(para.join("\n")) }, `${keyPrefix}-p${out.length}`)
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "whitespace-pre-wrap", children: renderInline(para.join("\n")) }, `${keyPrefix}-p${out.length}`)
     );
     para = [];
   };
@@ -7191,20 +7118,20 @@ function renderCommentMarkdown(body) {
   }
   return runs.map((run, i) => {
     const blocks = renderBlocks(run.lines, `r${i}`);
-    return run.quoted ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    return run.quoted ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "blockquote",
       {
         className: "border-l-2 border-border pl-2 text-muted-foreground",
         children: blocks
       },
       i
-    ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react25.Fragment, { children: blocks }, i);
+    ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react25.Fragment, { children: blocks }, i);
   });
 }
 function CommentBody({ body, className }) {
   const { commentBody: HostBody } = useAssociationsUiPorts();
-  if (HostBody) return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(HostBody, { body, className });
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  if (HostBody) return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(HostBody, { body, className });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "div",
     {
       "data-comment-body": true,
@@ -7216,7 +7143,7 @@ function CommentBody({ body, className }) {
 // src/react/components/CommentThread.tsx
 var import_format = require("@ai-matrx/kit/format");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var AUTHOR_DOOR_TOKEN = "user";
 var SYSTEM_AUTHOR_NAME = "AI Matrx";
 function resolveAuthor(comment, authorDisplay) {
@@ -7231,24 +7158,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__ */ (0, import_jsx_runtime20.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "img",
       {
         src: author.avatarUrl,
@@ -7257,7 +7184,7 @@ function AuthorAvatar({ author }) {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "span",
     {
       "aria-hidden": true,
@@ -7272,7 +7199,7 @@ function AuthorName({
 }) {
   const DoorRef2 = entityDoors?.EntityRef;
   if (DoorRef2 && author.userId) {
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       DoorRef2,
       {
         token: AUTHOR_DOOR_TOKEN,
@@ -7283,7 +7210,7 @@ function AuthorName({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-sm font-medium text-foreground", children: author.name });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm font-medium text-foreground", children: author.name });
 }
 function CommentComposer({
   onSubmit,
@@ -7314,8 +7241,8 @@ function CommentComposer({
     }
     setBody("");
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("form", { onSubmit: submit, className: "flex flex-col gap-1.5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("form", { onSubmit: submit, className: "flex flex-col gap-1.5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "textarea",
       {
         value: body,
@@ -7330,7 +7257,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__ */ (0, import_jsx_runtime20.jsx)(
+    error && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       import_design_system15.ErrorBox,
       {
         className: "text-xs text-destructive",
@@ -7340,10 +7267,10 @@ function CommentComposer({
         origin: "associations/CommentThread"
       }
     ),
-    error && signIn && isSignedOutMessage(error) && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SignInAgain, { onClick: signIn }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_design_system15.Button, { type: "submit", size: "sm", disabled: !body.trim() || submitting, children: [
-        submitting && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SpinnerIcon, { className: "mr-1 h-3 w-3 animate-spin" }),
+    error && signIn && isSignedOutMessage(error) && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SignInAgain, { onClick: signIn }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_design_system15.Button, { type: "submit", size: "sm", disabled: !body.trim() || submitting, children: [
+        submitting && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SpinnerIcon, { className: "mr-1 h-3 w-3 animate-spin" }),
         submitLabel
       ] }),
       trailing
@@ -7385,7 +7312,7 @@ function CommentItem({
       notifier.error(res.error ?? "Could not delete the comment");
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     "div",
     {
       "data-comment-id": comment.id,
@@ -7394,15 +7321,15 @@ function CommentItem({
         depth > 0 && "border-l border-border pl-3"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AuthorAvatar, { author }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AuthorName, { author, entityDoors }),
-          author.isAgent && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("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__ */ (0, import_jsx_runtime20.jsxs)("span", { className: "truncate text-xs text-muted-foreground", title: partLabel, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AuthorAvatar, { author }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AuthorName, { author, entityDoors }),
+          author.isAgent && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("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__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "truncate text-xs text-muted-foreground", title: partLabel, children: [
             "on ",
             partLabel
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             "span",
             {
               className: "text-xs text-muted-foreground",
@@ -7413,7 +7340,7 @@ function CommentItem({
               })
             }
           ),
-          edited && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          edited && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             "span",
             {
               className: "text-xs text-muted-foreground",
@@ -7422,7 +7349,7 @@ function CommentItem({
             }
           )
         ] }),
-        editing ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "pl-8", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        editing ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "pl-8", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           CommentComposer,
           {
             initialValue: comment.body,
@@ -7434,7 +7361,7 @@ function CommentItem({
               if (res.ok) setEditing(false);
               return res;
             },
-            trailing: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            trailing: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               import_design_system15.Button,
               {
                 type: "button",
@@ -7445,10 +7372,10 @@ function CommentItem({
               }
             )
           }
-        ) }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CommentBody, { body: comment.body, className: "pl-8" }),
-        !editing && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex items-center gap-1 pl-7", children: confirmingDelete ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-xs text-destructive", children: "Deletes this comment for everyone." }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+        ) }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CommentBody, { body: comment.body, className: "pl-8" }),
+        !editing && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex items-center gap-1 pl-7", children: confirmingDelete ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-xs text-destructive", children: "Deletes this comment for everyone." }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
             import_design_system15.Button,
             {
               type: "button",
@@ -7457,12 +7384,12 @@ function CommentItem({
               disabled: deleting,
               onClick: () => void confirmDelete(),
               children: [
-                deleting && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SpinnerIcon, { className: "mr-1 h-3 w-3 animate-spin" }),
+                deleting && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SpinnerIcon, { className: "mr-1 h-3 w-3 animate-spin" }),
                 "Delete"
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             import_design_system15.Button,
             {
               type: "button",
@@ -7473,8 +7400,8 @@ function CommentItem({
               children: "Cancel"
             }
           )
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             "button",
             {
               type: "button",
@@ -7483,8 +7410,8 @@ function CommentItem({
               children: "Reply"
             }
           ),
-          isOwn && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-            canEdit && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          isOwn && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+            canEdit && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               "button",
               {
                 type: "button",
@@ -7493,7 +7420,7 @@ function CommentItem({
                 children: "Edit"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               "button",
               {
                 type: "button",
@@ -7504,9 +7431,9 @@ function CommentItem({
             )
           ] })
         ] }) }),
-        replying && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-start gap-2 pl-8 pt-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CornerDownRightIcon, { className: "mt-2 h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        replying && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-start gap-2 pl-8 pt-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CornerDownRightIcon, { className: "mt-2 h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             CommentComposer,
             {
               submitLabel: "Reply",
@@ -7523,7 +7450,7 @@ function CommentItem({
                 }
                 return res;
               },
-              trailing: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              trailing: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 import_design_system15.Button,
                 {
                   type: "button",
@@ -7536,7 +7463,7 @@ function CommentItem({
             }
           ) })
         ] }),
-        replies.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex flex-col gap-3 pl-8 pt-1", children: replies.map((reply) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        replies.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex flex-col gap-3 pl-8 pt-1", children: replies.map((reply) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           CommentItem,
           {
             comment: reply,
@@ -7592,11 +7519,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__ */ (0, import_jsx_runtime20.jsxs)("section", { className: (0, import_design_system15.cn)("flex flex-col gap-3", className), children: [
-    showHeader && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("header", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("h3", { className: "text-sm font-semibold text-foreground", children: "Comments" }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-xs text-muted-foreground tabular-nums", children: shownCount }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("section", { className: (0, import_design_system15.cn)("flex flex-col gap-3", className), children: [
+    showHeader && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("header", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h3", { className: "text-sm font-semibold text-foreground", children: "Comments" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-xs text-muted-foreground tabular-nums", children: shownCount }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         "button",
         {
           type: "button",
@@ -7604,11 +7531,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__ */ (0, import_jsx_runtime20.jsx)(SpinnerIcon, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(RefreshIcon, { className: "h-3.5 w-3.5" })
+          children: thread.status === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SpinnerIcon, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(RefreshIcon, { className: "h-3.5 w-3.5" })
         }
       )
     ] }),
-    thread.error && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    thread.error && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
       import_design_system15.ErrorBox,
       {
         as: "div",
@@ -7617,9 +7544,9 @@ function CommentThread({
         operation: "Load comments",
         origin: "associations/CommentThread",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "min-w-0 flex-1", children: thread.error }),
-          signInPort && isSignedOutMessage(thread.error) && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SignInAgain, { onClick: signInPort }),
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "min-w-0 flex-1", children: thread.error }),
+          signInPort && isSignedOutMessage(thread.error) && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SignInAgain, { onClick: signInPort }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             import_design_system15.Button,
             {
               type: "button",
@@ -7633,10 +7560,10 @@ function CommentThread({
         ]
       }
     ),
-    loading ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col gap-3", "aria-hidden": true, "data-testid": "comments-loading", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_design_system15.Skeleton, { className: "h-12 w-full" }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_design_system15.Skeleton, { className: "h-12 w-4/5" })
-    ] }) : roots.length === 0 && !thread.error ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-sm text-muted-foreground", children: "No comments yet." }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex flex-col gap-4", children: roots.map((comment) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-col gap-3", "aria-hidden": true, "data-testid": "comments-loading", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_design_system15.Skeleton, { className: "h-12 w-full" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_design_system15.Skeleton, { className: "h-12 w-4/5" })
+    ] }) : roots.length === 0 && !thread.error ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-sm text-muted-foreground", children: "No comments yet." }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex flex-col gap-4", children: roots.map((comment) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       CommentItem,
       {
         comment,
@@ -7649,7 +7576,7 @@ function CommentThread({
       },
       comment.id
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       CommentComposer,
       {
         onSubmit: async (body) => {
@@ -7663,6 +7590,6 @@ function CommentThread({
   ] });
 }
 function SignInAgain({ onClick }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_design_system15.Button, { type: "button", size: "sm", variant: "outline", onClick, children: "Sign in" });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_design_system15.Button, { type: "button", size: "sm", variant: "outline", onClick, children: "Sign in" });
 }
 //# sourceMappingURL=index.cjs.map