@ai-matrx/associations 0.11.4 → 0.13.0

package/dist/react/index.cjs

@@ -42,11 +42,13 @@ __export(react_exports, {
   DoorControlsSlot: () => DoorControlsSlot,
   DoorRef: () => DoorRef,
   PrimaryEntityProvider: () => PrimaryEntityProvider,
+  SearchFailureNotice: () => SearchFailureNotice,
   UniversalAssociationPicker: () => UniversalAssociationPicker,
   UnresolvedRef: () => UnresolvedRef,
   attachedKey: () => attachedKey,
   buildCommentTree: () => buildCommentTree,
   containerLinksArgs: () => containerLinksArgs,
+  describeSearchFailures: () => describeSearchFailures,
   getContentRoleMeta: () => getContentRoleMeta,
   lazyPickerOverride: () => lazyPickerOverride,
   lazyWindowShell: () => lazyWindowShell,
@@ -1682,7 +1684,6 @@ function useUniversalEntitySearch(args) {
   const {
     query,
     tokens,
-    ownerId,
     enabled = true,
     perTokenLimit = 5,
     emptyQueryMode = "recents"
@@ -1690,7 +1691,14 @@ function useUniversalEntitySearch(args) {
   const store = useAssociationsStore();
   const [results, setResults] = (0, import_react6.useState)([]);
   const [loading, setLoading] = (0, import_react6.useState)(false);
-  const [isRecents, setIsRecents] = (0, import_react6.useState)(true);
+  const [failures, setFailures] = (0, import_react6.useState)([]);
+  const [error, setError] = (0, import_react6.useState)(null);
+  const [status, setStatus] = (0, import_react6.useState)(
+    enabled ? "loading" : "ready"
+  );
+  const [source, setSource] = (0, import_react6.useState)(
+    emptyQueryMode === "candidates" ? "candidates" : "recents"
+  );
   const runRef = (0, import_react6.useRef)(0);
   const tokensKey = (tokens ?? []).join(",");
   (0, import_react6.useEffect)(() => {
@@ -1700,30 +1708,72 @@ function useUniversalEntitySearch(args) {
     const timer = setTimeout(async () => {
       if (runRef.current !== run) return;
       setLoading(true);
+      setStatus("loading");
       const activeTokens = tokensKey ? tokensKey.split(",") : store.registry.listableTokens();
+      const browse = () => store.candidates.searchCandidatesAcrossTokens({
+        tokens: activeTokens,
+        search: trimmed,
+        perTokenLimit
+      });
+      const allFailed = (r) => activeTokens.length > 0 && r.failures.length >= activeTokens.length;
       let next = [];
+      let nextSource;
+      const nextFailures = [];
+      let nextError = null;
       if (trimmed || emptyQueryMode === "candidates") {
-        next = await store.candidates.searchCandidatesAcrossTokens({
-          tokens: activeTokens,
-          search: trimmed,
-          ownerId: ownerId ?? null,
-          perTokenLimit
-        });
+        const r = await browse();
+        next = r.results;
+        nextFailures.push(...r.failures);
+        nextSource = trimmed ? "search" : "candidates";
+        if (allFailed(r)) nextError = totalFailureMessage(store, r);
       } else {
-        next = await loadRecents(store, activeTokens);
+        const recents = await loadRecents(store, activeTokens);
+        nextSource = "recents";
+        if (recents.ok) {
+          next = recents.data;
+        } else {
+          nextFailures.push({ token: null, error: recents.error });
+        }
+        if (next.length === 0 && runRef.current === run) {
+          const r = await browse();
+          next = r.results;
+          nextFailures.push(...r.failures);
+          nextSource = "candidates";
+          if (allFailed(r)) {
+            nextError = recents.ok ? totalFailureMessage(store, r) : `Couldn't load recent items (${recents.error}) or browse: ${totalFailureMessage(store, r)}`;
+          }
+        }
       }
       if (runRef.current !== run) return;
       setResults(next);
-      setIsRecents(!trimmed && emptyQueryMode === "recents");
+      setSource(nextSource);
+      setFailures(nextFailures);
+      setError(nextError);
+      setStatus(nextError ? "error" : "ready");
       setLoading(false);
     }, DEBOUNCE_MS);
     return () => clearTimeout(timer);
-  }, [query, tokensKey, ownerId, enabled, perTokenLimit, emptyQueryMode, store]);
-  return { results, loading, isRecents };
+  }, [query, tokensKey, enabled, perTokenLimit, emptyQueryMode, store]);
+  return {
+    results,
+    loading,
+    isRecents: source === "recents",
+    source,
+    failures,
+    error,
+    status
+  };
+}
+function totalFailureMessage(store, r) {
+  const labels = r.failures.map(
+    (f) => store.registry.getEntityInfo(f.token).labelPlural
+  );
+  const first = r.failures[0]?.error;
+  return `Couldn't search ${labels.join(", ")}${first ? `: ${first}` : ""}`;
 }
 async function loadRecents(store, tokens) {
   const res = await store.favorites.list();
-  if (!res.ok) return [];
+  if (!res.ok) return { ok: false, error: res.error.message };
   const tokenSet = new Set(tokens);
   const rows = res.data.items.filter(
     (i) => tokenSet.has(i.entityType) && isEntityTypeToken(i.entityType) && (i.isFavorite || i.lastViewedAt)
@@ -1731,7 +1781,7 @@ async function loadRecents(store, tokens) {
     if (a.isFavorite !== b.isFavorite) return a.isFavorite ? -1 : 1;
     return (b.lastViewedAt ?? "").localeCompare(a.lastViewedAt ?? "");
   }).slice(0, RECENTS_LIMIT);
-  if (rows.length === 0) return [];
+  if (rows.length === 0) return { ok: true, data: [] };
   const byToken = /* @__PURE__ */ new Map();
   for (const r of rows) {
     const list = byToken.get(r.entityType) ?? [];
@@ -1754,7 +1804,72 @@ async function loadRecents(store, tokens) {
       title
     });
   }
-  return out;
+  return { ok: true, data: out };
+}
+
+// src/react/components/SearchFailureNotice.tsx
+var import_design_system = require("@ai-matrx/design-system");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function describeSearchFailures(failures, labelFor) {
+  const recentsFailed = failures.some((f) => f.token === null);
+  const labels = [];
+  for (const f of failures) {
+    if (f.token === null) continue;
+    const label = labelFor(f.token);
+    if (!labels.includes(label)) labels.push(label);
+  }
+  const parts = [];
+  if (recentsFailed) parts.push("Couldn't load recent items");
+  if (labels.length > 0) {
+    parts.push(
+      `${recentsFailed ? "couldn't" : "Couldn't"} search ${labels.join(", ")}`
+    );
+  }
+  return parts.join("; ");
+}
+function SearchFailureNotice(props) {
+  const {
+    error,
+    failures,
+    operation = "Search",
+    origin = "associations/SearchFailureNotice",
+    className
+  } = props;
+  const store = useAssociationsStore();
+  if (error) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      import_design_system.ErrorBox,
+      {
+        as: "div",
+        className: (0, import_design_system.cn)(
+          "rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-[12px] text-destructive",
+          className
+        ),
+        message: error,
+        operation,
+        origin,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "font-medium", children: "Couldn\u2019t load items" }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "opacity-80", children: error })
+        ]
+      }
+    );
+  }
+  if (failures.length === 0) return null;
+  const summary = describeSearchFailures(
+    failures,
+    (token) => store.registry.getEntityInfo(token).labelPlural
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_design_system.ErrorBox,
+    {
+      className: (0, import_design_system.cn)("px-1 text-[11px] text-destructive", className),
+      message: summary,
+      error: failures.map((f) => `${f.token ?? "recents"}: ${f.error}`).join("\n"),
+      operation,
+      origin
+    }
+  );
 }
 
 // src/react/hooks/useAssociationCandidates.ts
@@ -1762,7 +1877,6 @@ var import_react7 = require("react");
 function useAssociationCandidates(args) {
   const { token, enabled = true, search, limit } = args;
   const store = useAssociationsStore();
-  const userId = currentUserIdOrNull(store);
   const [candidates, setCandidates] = (0, import_react7.useState)([]);
   const [loading, setLoading] = (0, import_react7.useState)(false);
   const [error, setError] = (0, import_react7.useState)(null);
@@ -1775,7 +1889,6 @@ function useAssociationCandidates(args) {
       setError(null);
       const res = await store.candidates.listAssociationCandidates({
         token,
-        ownerId: userId,
         ...search !== void 0 ? { search } : {},
         ...limit !== void 0 ? { limit } : {}
       });
@@ -1791,7 +1904,7 @@ function useAssociationCandidates(args) {
     return () => {
       cancelled = true;
     };
-  }, [token, enabled, userId, search, limit, tick, store]);
+  }, [token, enabled, search, limit, tick, store]);
   return {
     candidates,
     loading,
@@ -1799,13 +1912,6 @@ function useAssociationCandidates(args) {
     reload: () => setTick((t) => t + 1)
   };
 }
-function currentUserIdOrNull(store) {
-  try {
-    return store.identity.requireUserId();
-  } catch {
-    return null;
-  }
-}
 
 // src/react/hooks/useComments.ts
 var import_react8 = require("react");
@@ -1949,13 +2055,13 @@ function useAssociationEntitySelectAdapter(args) {
 
 // src/react/components/PrimaryEntityContext.tsx
 var import_react10 = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var PrimaryEntityCtx = (0, import_react10.createContext)(null);
 function PrimaryEntityProvider({
   value,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PrimaryEntityCtx.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PrimaryEntityCtx.Provider, { value, children });
 }
 function usePrimaryEntity() {
   return (0, import_react10.useContext)(PrimaryEntityCtx);
@@ -1967,10 +2073,10 @@ var import_react12 = require("react");
 // src/react/components/DefaultWindowShell.tsx
 var import_react11 = require("react");
 var import_react_dom = require("react-dom");
-var import_design_system = require("@ai-matrx/design-system");
+var import_design_system2 = require("@ai-matrx/design-system");
 
 // src/react/icons.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function base(props) {
   return {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1987,129 +2093,129 @@ function base(props) {
   };
 }
 function SpinnerIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { ...base(props), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) });
+  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 PlusIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { ...base(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M5 12h14" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 5v14" })
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { ...base(props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M5 12h14" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M12 5v14" })
   ] });
 }
 function XIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { ...base(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M18 6 6 18" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m6 6 12 12" })
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { ...base(props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M18 6 6 18" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "m6 6 12 12" })
   ] });
 }
 function CheckIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { ...base(props), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M20 6 9 17l-5-5" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { ...base(props), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M20 6 9 17l-5-5" }) });
 }
 function SearchIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { ...base(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m21 21-4.3-4.3" })
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { ...base(props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "m21 21-4.3-4.3" })
   ] });
 }
 function Link2Icon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { ...base(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M9 17H7A5 5 0 0 1 7 7h2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M15 7h2a5 5 0 1 1 0 10h-2" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "8", x2: "16", y1: "12", y2: "12" })
+  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_runtime3.jsxs)("svg", { ...base(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsx)("path", { d: "M21 3v5h-5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsx)("path", { d: "M8 16H3v5" })
+  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 PinIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { ...base(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 17v5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z" })
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { ...base(props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M12 17v5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z" })
   ] });
 }
 function UploadIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { ...base(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("polyline", { points: "17 8 12 3 7 8" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "12", x2: "12", y1: "3", y2: "15" })
+  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_runtime3.jsx)("svg", { ...base(props), children: /* @__PURE__ */ (0, import_jsx_runtime3.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" }) });
+  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 ExternalLinkIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { ...base(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M15 3h6v6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M10 14 21 3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { ...base(props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M15 3h6v6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M10 14 21 3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
   ] });
 }
 function ChevronDownIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { ...base(props), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m6 9 6 6 6-6" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("svg", { ...base(props), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "m6 9 6 6 6-6" }) });
 }
 function ChevronsUpDownIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { ...base(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m7 15 5 5 5-5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m7 9 5-5 5 5" })
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { ...base(props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "m7 15 5 5 5-5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "m7 9 5-5 5 5" })
   ] });
 }
 function CornerDownRightIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { ...base(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("polyline", { points: "15 10 20 15 15 20" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M4 4v7a4 4 0 0 0 4 4h12" })
+  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_runtime3.jsxs)("svg", { ...base(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsx)("circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor" })
+  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_runtime3.jsxs)("svg", { ...base(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsx)("path", { d: "m7 16.5-4.74-2.85" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m7 16.5 5-3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M7 16.5v5.17" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsx)("path", { d: "m17 16.5-5-3" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m17 16.5 4.74-2.85" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M17 16.5v5.17" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsx)("path", { d: "M12 8 7.26 5.15" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m12 8 4.74-2.85" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M12 13.5V8" })
+  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 MaximizeIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { ...base(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M15 3h6v6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M9 21H3v-6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M21 3l-7 7" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M3 21l7-7" })
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", { ...base(props), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M15 3h6v6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M9 21H3v-6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M21 3l-7 7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M3 21l7-7" })
   ] });
 }
 function RestoreIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("svg", { ...base(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M4 14h6v6" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M20 10h-6V4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M14 10l7-7" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M3 21l7-7" })
+  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_runtime3.jsxs)("svg", { ...base(props), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M21 15 15 21" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M21 20 20 21" })
+  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" })
   ] });
 }
 
 // src/react/components/DefaultWindowShell.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var DEFAULT_WIDTH = 440;
 var DEFAULT_HEIGHT = 580;
 var MIN_WIDTH = 330;
@@ -2232,7 +2338,7 @@ function DefaultWindowShell({
     height: rect.height
   };
   return (0, import_react_dom.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
       "div",
       {
         ref: panelRef,
@@ -2240,7 +2346,7 @@ function DefaultWindowShell({
         "aria-labelledby": labelId,
         tabIndex: -1,
         style,
-        className: (0, import_design_system.cn)(
+        className: (0, import_design_system2.cn)(
           // Non-modal by design: no backdrop element exists, so the page
           // behind keeps every click. `pointer-events-auto` re-asserts our
           // own subtree in case a Radix surface left <body> inert.
@@ -2249,7 +2355,7 @@ function DefaultWindowShell({
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
             "header",
             {
               onPointerDown: beginGesture("move"),
@@ -2259,24 +2365,24 @@ function DefaultWindowShell({
               onDoubleClick: () => {
                 if (!isMobile) setMaximized((v) => !v);
               },
-              className: (0, import_design_system.cn)(
+              className: (0, import_design_system2.cn)(
                 "flex shrink-0 items-center justify-between gap-2 border-b border-border px-3 py-2 select-none",
                 isMobile ? "" : "cursor-move touch-none"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime4.jsx)("span", { className: "truncate", children: title })
+                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "truncate", children: title })
                     ]
                   }
                 ),
-                /* @__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)(
+                /* @__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)(
                     "button",
                     {
                       type: "button",
@@ -2284,10 +2390,10 @@ function DefaultWindowShell({
                       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_runtime4.jsx)(RestoreIcon, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MaximizeIcon, { className: "h-3.5 w-3.5" })
+                      children: maximized ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RestoreIcon, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(MaximizeIcon, { className: "h-3.5 w-3.5" })
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                     "button",
                     {
                       type: "button",
@@ -2295,15 +2401,15 @@ function DefaultWindowShell({
                       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_runtime4.jsx)(XIcon, { className: "h-3.5 w-3.5" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(XIcon, { className: "h-3.5 w-3.5" })
                     }
                   )
                 ] })
               ]
             }
           ),
-          /* @__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)(
+          /* @__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)(
             "button",
             {
               type: "button",
@@ -2313,7 +2419,7 @@ function DefaultWindowShell({
               onPointerUp: endGesture,
               onPointerCancel: endGesture,
               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_runtime4.jsx)(GripResizeIcon, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(GripResizeIcon, { className: "h-3 w-3" })
             }
           )
         ]
@@ -2324,7 +2430,7 @@ function DefaultWindowShell({
 }
 
 // src/react/components/AssociationWindow.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function AssociationWindow({
   open,
   onClose,
@@ -2337,16 +2443,16 @@ function AssociationWindow({
   const instanceId = (0, import_react12.useId)();
   const { windowShell } = useAssociationsUiPorts();
   if (!open) return 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,
+  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,
     children
   ] });
   const windowId = `association:${scopeId}:${instanceId}`;
   if (windowShell) {
     const HostWindow = windowShell.Window;
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(HostWindow, { id: windowId, title, onClose, children: body });
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(HostWindow, { id: windowId, title, onClose, children: body });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     DefaultWindowShell,
     {
       id: windowId,
@@ -2360,28 +2466,28 @@ function AssociationWindow({
 
 // src/react/components/AssociationPicker.tsx
 var import_react13 = require("react");
-var import_design_system2 = require("@ai-matrx/design-system");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_design_system3 = require("@ai-matrx/design-system");
+var import_jsx_runtime7 = 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_runtime6.jsx)(Override, { ...props });
+  if (Override) return /* @__PURE__ */ (0, import_jsx_runtime7.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_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     AssociationWindow,
     {
       open: props.open,
       onClose: () => props.onOpenChange(false),
       scopeId: `picker:${props.token}`,
       title,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { className: "size-3.5 text-primary" }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, { className: "size-3.5 text-primary" }),
       subtitle,
-      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         AssociationCandidateBody,
         {
           token: props.token,
@@ -2406,7 +2512,7 @@ function AssociationCandidateBody({
   onClose
 }) {
   void onClose;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     EntityCandidateList,
     {
       token,
@@ -2437,7 +2543,11 @@ function EntityCandidateList({
     enabled,
     ...search.trim() ? { search: search.trim() } : {}
   });
-  const { results: recentCandidates, loading: recentsLoading } = useUniversalEntitySearch({
+  const {
+    results: recentCandidates,
+    loading: recentsLoading,
+    failures: recentsFailures
+  } = useUniversalEntitySearch({
     query: "",
     tokens: [token],
     enabled: enabled && !search.trim()
@@ -2462,11 +2572,11 @@ function EntityCandidateList({
       setBusyId(null);
     }
   };
-  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)(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_system2.Input,
+  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)(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)(
+        import_design_system3.Input,
         {
           value: search,
           onChange: (e) => setSearch(e.target.value),
@@ -2476,46 +2586,58 @@ function EntityCandidateList({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex-1 min-h-0 overflow-y-auto -mx-1 px-1", children: (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_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",
-          onClick: reload,
-          className: "mt-1 underline hover:no-underline",
-          children: "Retry"
-        }
-      )
-    ] }) : 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,
+    /* @__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)(
+        SearchFailureNotice,
         {
-          label: "Recent",
-          candidates: visibleRecents,
-          attachedIds,
-          busyId,
-          icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
-          onToggle: toggle
+          error: null,
+          failures: recentsFailures,
+          operation: `Load recent ${info.labelPlural.toLowerCase()}`,
+          origin: "associations/AssociationPicker",
+          className: "mb-1"
         }
       ),
-      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_runtime6.jsx)(Icon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
-          onToggle: toggle
-        }
-      )
-    ] }) }),
-    canCreate && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      (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\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)(
+          "button",
+          {
+            type: "button",
+            onClick: reload,
+            className: "mt-1 underline hover:no-underline",
+            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)(
+          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" }),
+            onToggle: toggle
+          }
+        ),
+        ordinaryCandidates.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.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" }),
+            onToggle: toggle
+          }
+        )
+      ] })
+    ] }),
+    canCreate && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       CreateAndAttachFooter,
       {
         token,
@@ -2535,33 +2657,33 @@ function CandidateSection({
   icon,
   onToggle
 }) {
-  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) => {
+  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) => {
       const attached = attachedIds.has(candidate.id);
       const busy = busyId === candidate.id;
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
         "button",
         {
           type: "button",
           disabled: busy,
           onClick: () => void onToggle(candidate.id, candidate.title),
-          className: (0, import_design_system2.cn)(
+          className: (0, import_design_system3.cn)(
             "group flex min-h-11 w-full items-center gap-2 rounded-md px-2.5 py-2 text-left text-sm transition-colors md:min-h-0",
             "hover:bg-accent disabled:opacity-50",
             attached && "bg-accent/40"
           ),
           children: [
             icon,
-            /* @__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)(
+            /* @__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)(
               "span",
               {
-                className: (0, import_design_system2.cn)(
+                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_runtime6.jsx)(SpinnerIcon, { className: "h-3 w-3 animate-spin" }) : attached ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CheckIcon, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PlusIcon, { className: "h-3 w-3" })
+                children: busy ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SpinnerIcon, { className: "h-3 w-3 animate-spin" }) : attached ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CheckIcon, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PlusIcon, { className: "h-3 w-3" })
               }
             )
           ]
@@ -2617,7 +2739,7 @@ function CreateAndAttachFooter({
     }
   };
   if (!editing) {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
       "button",
       {
         type: "button",
@@ -2627,10 +2749,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_runtime6.jsx)(PlusIcon, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PlusIcon, { className: "h-4 w-4" }),
           "New ",
           info.label,
-          seed ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "max-w-40 truncate text-muted-foreground/70", children: [
+          seed ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "max-w-40 truncate text-muted-foreground/70", children: [
             "\u201C",
             seed,
             "\u201D"
@@ -2639,9 +2761,9 @@ function CreateAndAttachFooter({
       }
     );
   }
-  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_system2.Input,
+  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)(
+      import_design_system3.Input,
       {
         autoFocus: true,
         value: name,
@@ -2659,17 +2781,17 @@ function CreateAndAttachFooter({
         style: { fontSize: 16 }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.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_runtime6.jsx)(SpinnerIcon, { className: "h-3.5 w-3.5 animate-spin" }) : "Create"
+        children: busy ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SpinnerIcon, { className: "h-3.5 w-3.5 animate-spin" }) : "Create"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       "button",
       {
         type: "button",
@@ -2680,37 +2802,37 @@ 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_runtime6.jsx)(XIcon, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(XIcon, { className: "h-4 w-4" })
       }
     )
   ] });
 }
 function ListMessage({ 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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.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_react14 = require("react");
-var import_design_system4 = require("@ai-matrx/design-system");
+var import_design_system5 = require("@ai-matrx/design-system");
 
 // src/react/components/entityDoors.tsx
-var import_design_system3 = require("@ai-matrx/design-system");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_design_system4 = require("@ai-matrx/design-system");
+var import_jsx_runtime8 = 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_runtime7.jsx)(HostRef, { ...refProps });
+  if (HostRef) return /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime7.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "button",
       {
         type: "button",
         onClick: onOpen,
-        className: (0, import_design_system3.cn)(
+        className: (0, import_design_system4.cn)(
           "min-w-0 truncate text-left underline-offset-2 hover:underline",
           refProps.className
         ),
@@ -2719,30 +2841,30 @@ function DoorRef(props) {
     );
   }
   if (href) {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
       "a",
       {
         href,
         target: refProps.openInNewTab === false ? void 0 : "_blank",
         rel: "noopener noreferrer",
-        className: (0, import_design_system3.cn)(
+        className: (0, import_design_system4.cn)(
           "inline-flex min-w-0 items-center gap-1 truncate underline-offset-2 hover:underline",
           refProps.className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "min-w-0 truncate", children: name }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ExternalLinkIcon, { className: "h-3 w-3 shrink-0 opacity-0 transition-opacity group-hover:opacity-60" })
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "min-w-0 truncate", children: name }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ExternalLinkIcon, { className: "h-3 w-3 shrink-0 opacity-0 transition-opacity group-hover:opacity-60" })
         ]
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: (0, import_design_system3.cn)("min-w-0 truncate", refProps.className), children: name });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime7.jsx)(HostUnresolved, { token, id });
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  if (HostUnresolved) return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(HostUnresolved, { token, id });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.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",
@@ -2755,11 +2877,11 @@ function DoorControlsSlot(props) {
   const { entityDoors } = useAssociationsUiPorts();
   const store = useAssociationsStore();
   const HostControls = entityDoors?.DoorControls;
-  if (HostControls) return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(HostControls, { ...props });
+  if (HostControls) return /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     "a",
     {
       href,
@@ -2767,22 +2889,29 @@ function DoorControlsSlot(props) {
       rel: "noopener noreferrer",
       "aria-label": label,
       title: label,
-      className: (0, import_design_system3.cn)(
+      className: (0, import_design_system4.cn)(
         "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_runtime7.jsx)(ExternalLinkIcon, { className: "h-3 w-3" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ExternalLinkIcon, { className: "h-3 w-3" })
     }
   );
 }
 
 // src/react/components/UniversalAssociationPicker.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function attachedKey(token, id) {
   return `${token}:${id}`;
 }
 function UniversalAssociationPicker(props) {
-  const { attachedKeys, onAttach, onDetach, ownerId, orgId, className } = props;
+  const {
+    attachedKeys,
+    onAttach,
+    onDetach,
+    orgId,
+    emptyQueryMode = "recents",
+    className
+  } = props;
   const store = useAssociationsStore();
   const { pickerOverrides } = useAssociationsUiPorts();
   const notifier = useNotifier();
@@ -2790,12 +2919,18 @@ function UniversalAssociationPicker(props) {
   const [query, setQuery] = (0, import_react14.useState)("");
   const [browseToken, setBrowseToken] = (0, import_react14.useState)(null);
   const [busyKey, setBusyKey] = (0, import_react14.useState)(null);
-  const { results, loading, isRecents } = useUniversalEntitySearch({
+  const [overrideOpen, setOverrideOpen] = (0, import_react14.useState)(false);
+  const [overrideMount, setOverrideMount] = (0, import_react14.useState)(0);
+  const { results, loading, source, failures, error } = useUniversalEntitySearch({
     query,
     tokens,
-    ownerId: ownerId ?? null,
-    enabled: browseToken === null
+    enabled: browseToken === null,
+    emptyQueryMode
   });
+  const selectToken = (next) => {
+    setBrowseToken(next);
+    setOverrideOpen(next !== null && Boolean(pickerOverrides?.[next]));
+  };
   const toggle = async (c) => {
     const key = attachedKey(c.token, c.id);
     if (busyKey) return;
@@ -2819,25 +2954,25 @@ function UniversalAssociationPicker(props) {
     groups.set(r.token, list);
   }
   const BrowseOverride = browseToken ? pickerOverrides?.[browseToken] : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: (0, import_design_system4.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)(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_system4.Input,
+  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)(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)(
+        import_design_system5.Input,
         {
           value: query,
           onChange: (e) => {
             setQuery(e.target.value);
-            if (browseToken) setBrowseToken(null);
+            if (browseToken) selectToken(null);
           },
           placeholder: "Search everything\u2026",
           className: "pl-8 text-base",
           style: { fontSize: 16 }
         }
       ),
-      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" })
+      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" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "div",
       {
         role: "group",
@@ -2847,17 +2982,18 @@ function UniversalAssociationPicker(props) {
           const info = store.registry.getEntityInfo(t);
           const ChipIcon = info.Icon ?? DefaultEntityIcon;
           const active = browseToken === t;
-          return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
             "button",
             {
               type: "button",
-              onClick: () => setBrowseToken(active ? null : t),
-              className: (0, import_design_system4.cn)(
+              "aria-pressed": active,
+              onClick: () => selectToken(active ? null : t),
+              className: (0, import_design_system5.cn)(
                 "inline-flex shrink-0 items-center gap-1 rounded-md border px-1.5 py-0.5 text-[11px] transition-colors",
                 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_runtime8.jsx)(ChipIcon, { className: "h-3 w-3" }),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ChipIcon, { className: "h-3 w-3" }),
                 info.labelPlural
               ]
             },
@@ -2869,91 +3005,150 @@ function UniversalAssociationPicker(props) {
     browseToken && BrowseOverride ? (
       // The token's canonical host picker (e.g. the stored-files browser)
       // owns per-token browsing when registered — never a plain list twin.
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-        BrowseOverride,
+      // It opens in its own window; this body says where it went.
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+        "div",
         {
-          open: true,
-          onOpenChange: (open) => {
-            if (!open) setBrowseToken(null);
-          },
-          token: browseToken,
-          orgId: orgId ?? null,
-          attachedIds: new Set(
-            [...attachedKeys].filter((k) => k.startsWith(`${browseToken}:`)).map((k) => k.slice(browseToken.length + 1))
-          ),
-          onAttach: (id, title) => onAttach(browseToken, id, title),
-          onDetach: (id) => onDetach(browseToken, id)
+          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)(
+                import_design_system5.Button,
+                {
+                  type: "button",
+                  size: "sm",
+                  variant: overrideOpen ? "outline" : "default",
+                  onClick: () => {
+                    setOverrideOpen(true);
+                    setOverrideMount((n) => n + 1);
+                  },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(MaximizeIcon, { className: "mr-1.5 h-3.5 w-3.5" }),
+                    overrideOpen ? "Bring window to front" : "Reopen window"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                import_design_system5.Button,
+                {
+                  type: "button",
+                  size: "sm",
+                  variant: "ghost",
+                  onClick: () => selectToken(null),
+                  children: "Back to search"
+                }
+              )
+            ] }),
+            overrideOpen && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              BrowseOverride,
+              {
+                open: true,
+                onOpenChange: (open) => {
+                  if (!open) setOverrideOpen(false);
+                },
+                token: browseToken,
+                orgId: orgId ?? null,
+                attachedIds: new Set(
+                  [...attachedKeys].filter((k) => k.startsWith(`${browseToken}:`)).map((k) => k.slice(browseToken.length + 1))
+                ),
+                onAttach: (id, title) => onAttach(browseToken, id, title),
+                onDetach: (id) => onDetach(browseToken, id)
+              },
+              overrideMount
+            )
+          ]
         }
       )
-    ) : browseToken ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    ) : browseToken ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       AssociationCandidateBody,
       {
         token: browseToken,
         enabled: true,
         orgId,
-        onClose: () => setBrowseToken(null),
+        onClose: () => selectToken(null),
         attachedIds: new Set(
           [...attachedKeys].filter((k) => k.startsWith(`${browseToken}:`)).map((k) => k.slice(browseToken.length + 1))
         ),
         onAttach: (id, title) => onAttach(browseToken, id, title),
         onDetach: (id) => onDetach(browseToken, id)
       }
-    ) }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    ) }) : /* @__PURE__ */ (0, import_jsx_runtime9.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: results.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." : "No recent items. Type to search, or pick a type to browse." }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-2", children: [
-          isRecents && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "px-1 text-[10px] font-medium uppercase tracking-wider text-muted-foreground/60", children: "Recent" }),
+        children: error ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          SearchFailureNotice,
+          {
+            error,
+            failures,
+            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)(
+            SearchFailureNotice,
+            {
+              error: null,
+              failures,
+              operation: "Search to attach",
+              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" }),
           [...groups.entries()].map(([token, items]) => {
             const info = store.registry.getEntityInfo(token);
             const GroupIcon = info.Icon ?? DefaultEntityIcon;
-            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" }),
+            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" }),
                 info.labelPlural
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("ul", { className: "space-y-0.5", children: items.map((c) => {
+              /* @__PURE__ */ (0, import_jsx_runtime9.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_runtime8.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
                   "li",
                   {
-                    className: (0, import_design_system4.cn)(
+                    className: (0, import_design_system5.cn)(
                       "group/entity-ref group flex items-center gap-1 rounded-md pr-1.5 transition-colors",
                       "hover:bg-accent",
                       attached && "bg-accent/40"
                     ),
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
                         "button",
                         {
                           type: "button",
                           disabled: busy,
                           onClick: () => toggle(c),
                           title: attached ? `Detach "${c.title}"` : `Attach "${c.title}"`,
-                          className: (0, import_design_system4.cn)(
+                          className: (0, import_design_system5.cn)(
                             "flex min-w-0 flex-1 items-center gap-2 rounded-md px-2.5 py-1.5 text-left text-sm",
                             "disabled:opacity-50"
                           ),
                           children: [
-                            /* @__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)(
+                            /* @__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)(
                               "span",
                               {
-                                className: (0, import_design_system4.cn)(
+                                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_runtime8.jsx)(SpinnerIcon, { className: "h-3 w-3 animate-spin" }) : attached ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CheckIcon, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(PlusIcon, { className: "h-3 w-3" })
+                                children: busy ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SpinnerIcon, { className: "h-3 w-3 animate-spin" }) : attached ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CheckIcon, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(PlusIcon, { className: "h-3 w-3" })
                               }
                             )
                           ]
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                         DoorControlsSlot,
                         {
                           token: c.token,
@@ -2976,8 +3171,8 @@ function UniversalAssociationPicker(props) {
 
 // src/react/components/AttachedItemsSheet.tsx
 var import_react15 = require("react");
-var import_design_system5 = require("@ai-matrx/design-system");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_design_system6 = require("@ai-matrx/design-system");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function metadataIsPinned(metadata) {
   return metadata !== null && typeof metadata === "object" && !Array.isArray(metadata) && Reflect.get(metadata, "pinned") === true;
 }
@@ -2988,9 +3183,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_runtime9.jsxs)("span", { className: "inline-flex min-w-0 max-w-full items-center gap-1", children: [
+  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: [
     filing ? "What this is filed under:" : "Attached to",
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       DoorRef,
       {
         token: props.container.type,
@@ -3001,16 +3196,16 @@ function AttachedItemsSheet(props) {
     )
   ] }) : props.containerLabel ? `Attached to ${props.containerLabel}` : "Attached items";
   if (!props.open) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     AssociationWindow,
     {
       open: props.open,
       onClose: () => props.onOpenChange(false),
       scopeId: `attached:${props.token}`,
       title,
-      icon: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Icon, { className: "size-3.5 text-primary" }),
+      icon: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { className: "size-3.5 text-primary" }),
       subtitle,
-      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         AttachedItemsBody,
         {
           token: props.token,
@@ -3099,31 +3294,31 @@ function AttachedItemsBody({
       setBusyId(null);
     }
   };
-  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: [
+  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: [
       "Showing names recorded at attach time \u2014 they may be out of date.",
       " ",
       titleError
     ] }) : null,
-    /* @__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" }),
+    /* @__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" }),
       "Loading\u2026"
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("ul", { className: "space-y-0.5", children: links.map((link) => {
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime9.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime10.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_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 ? (
+            /* @__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 ? (
               // The X beside the row stays the one-click detach.
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(UnresolvedRef, { token, id: link.resourceId })
-            ) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(UnresolvedRef, { token, id: link.resourceId })
+            ) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
               DoorRef,
               {
                 token,
@@ -3133,7 +3328,7 @@ function AttachedItemsBody({
                 className: "text-foreground"
               }
             ) }),
-            onSetPinned ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            onSetPinned ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
               "button",
               {
                 type: "button",
@@ -3141,14 +3336,14 @@ function AttachedItemsBody({
                 onClick: () => void setPinned(link, !pinned),
                 title: pinned ? "Unpin (stops staying in agent context)" : "Pin \u2014 always in agent context",
                 "aria-label": pinned ? "Unpin" : "Pin",
-                className: (0, import_design_system5.cn)(
+                className: (0, import_design_system6.cn)(
                   "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_runtime9.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                   PinIcon,
                   {
-                    className: (0, import_design_system5.cn)(
+                    className: (0, import_design_system6.cn)(
                       "h-3.5 w-3.5",
                       pinned && "fill-primary/20"
                     )
@@ -3156,18 +3351,18 @@ function AttachedItemsBody({
                 )
               }
             ) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
               "button",
               {
                 type: "button",
                 disabled: busy,
                 onClick: () => void detach(link),
                 title: "Detach",
-                className: (0, import_design_system5.cn)(
+                className: (0, import_design_system6.cn)(
                   "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_runtime9.jsx)(SpinnerIcon, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(XIcon, { className: "h-3.5 w-3.5" })
+                children: busy ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SpinnerIcon, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(XIcon, { className: "h-3.5 w-3.5" })
               }
             )
           ]
@@ -3175,14 +3370,14 @@ function AttachedItemsBody({
         link.edgeId
       );
     }) }) }),
-    onAdd ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    onAdd ? /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime9.jsx)(PlusIcon, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PlusIcon, { className: "h-4 w-4" }),
           "Attach ",
           info.labelPlural.toLowerCase()
         ]
@@ -3193,7 +3388,7 @@ function AttachedItemsBody({
 
 // src/react/components/AssociationCard.tsx
 var import_react16 = require("react");
-var import_design_system6 = require("@ai-matrx/design-system");
+var import_design_system7 = require("@ai-matrx/design-system");
 
 // src/react/contentRoles.ts
 var CONTENT_ROLES = [
@@ -3243,7 +3438,7 @@ function getContentRoleMeta(role) {
 }
 
 // src/react/components/AssociationCard.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function AssociationCard({
   token,
   container: containerProp,
@@ -3279,58 +3474,58 @@ function AssociationCard({
   const filing = container.direction === "outgoing";
   const canAttach = info.canListCandidates && (!filing || isAssociationTargetType(token));
   const canDrillIn = count > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
       "div",
       {
-        className: (0, import_design_system6.cn)(
+        className: (0, import_design_system7.cn)(
           "group relative flex items-center gap-3 overflow-hidden rounded-xl border border-border bg-card transition-all hover:border-primary/30 hover:bg-accent/40",
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
             "span",
             {
-              className: (0, import_design_system6.cn)(
+              className: (0, import_design_system7.cn)(
                 "absolute inset-x-0 top-0 h-0.5 opacity-60",
                 role.accentBar
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
             "button",
             {
               type: "button",
               disabled: !canDrillIn,
               onClick: () => setListOpen(true),
               title: canDrillIn ? `View the ${info.labelPlural.toLowerCase()} attached to ${container.label ?? "this"}` : void 0,
-              className: (0, import_design_system6.cn)(
+              className: (0, import_design_system7.cn)(
                 "flex min-w-0 flex-1 items-center gap-3 px-3 py-2.5 text-left",
                 canDrillIn ? "cursor-pointer" : "cursor-default"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
                   "span",
                   {
-                    className: (0, import_design_system6.cn)(
+                    className: (0, import_design_system7.cn)(
                       "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg",
                       role.accentBg,
                       role.accentText
                     ),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon, { className: "h-4 w-4" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon, { className: "h-4 w-4" })
                   }
                 ),
-                /* @__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-[11px] 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" }),
+                /* @__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-[11px] 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" }),
                     "Loading\u2026"
                   ] }) : `${count} ${container.direction === "outgoing" ? "filed under" : "attached"}` })
                 ] })
               ]
             }
           ),
-          canAttach && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          canAttach && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
             "button",
             {
               type: "button",
@@ -3338,13 +3533,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_runtime10.jsx)(PlusIcon, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PlusIcon, { className: "h-4 w-4" })
             }
           )
         ]
       }
     ),
-    listOpen && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    listOpen && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       AttachedItemsSheet,
       {
         open: listOpen,
@@ -3363,7 +3558,7 @@ function AssociationCard({
         onSetPinned: (resourceId, pinned, role2) => setPinned(token, resourceId, pinned, role2 ?? void 0)
       }
     ),
-    canAttach && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    canAttach && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       AssociationPicker,
       {
         open,
@@ -3381,8 +3576,8 @@ function AssociationCard({
 }
 
 // src/react/components/AssociationCardGrid.tsx
-var import_design_system7 = require("@ai-matrx/design-system");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_design_system8 = require("@ai-matrx/design-system");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function AssociationCardGrid({
   tokens,
   excludeTokens,
@@ -3408,42 +3603,42 @@ function AssociationCardGrid({
     const role = store.registry.getEntityInfo(token).contentRole;
     return !role || !roleIds.has(role);
   }) : [];
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: (0, import_design_system7.cn)("space-y-5", className), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: (0, import_design_system8.cn)("space-y-5", className), children: [
     CONTENT_ROLES.map((role) => {
       const inRole = list.filter(
         (token) => store.registry.getEntityInfo(token).contentRole === role.id
       );
       if (inRole.length === 0) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("section", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "mb-2.5 flex items-baseline gap-3 pl-1.5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("section", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "mb-2.5 flex items-baseline gap-3 pl-1.5", children: [
+          /* @__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_system7.cn)("h-2.5 w-2.5 rounded-full", role.accentBar)
+                className: (0, import_design_system8.cn)("h-2.5 w-2.5 rounded-full", role.accentBar)
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h3", { className: "text-sm font-semibold text-foreground", children: role.title })
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { className: "text-sm font-semibold text-foreground", children: role.title })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "hidden text-xs text-muted-foreground sm:block", children: role.tagline })
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "hidden text-xs text-muted-foreground sm:block", children: role.tagline })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3", children: inRole.map((token) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AssociationCard, { token }, token)) })
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3", children: inRole.map((token) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(AssociationCard, { token }, token)) })
       ] }, role.id);
     }),
-    roleless.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("section", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "mb-2.5 flex items-baseline gap-3 pl-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h3", { className: "text-sm font-semibold text-foreground", children: "Filed under" }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "hidden text-xs text-muted-foreground sm:block", children: "Libraries, topics and other places this is kept." })
+    roleless.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("section", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "mb-2.5 flex items-baseline gap-3 pl-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { className: "text-sm font-semibold text-foreground", children: "Filed under" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "hidden text-xs text-muted-foreground sm:block", children: "Libraries, topics and other places this is kept." })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3", children: roleless.map((token) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(AssociationCard, { token }, token)) })
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3", children: roleless.map((token) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(AssociationCard, { token }, token)) })
     ] })
   ] });
 }
 
 // src/react/components/AssociationList.tsx
 var import_react17 = require("react");
-var import_design_system8 = require("@ai-matrx/design-system");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_design_system9 = require("@ai-matrx/design-system");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function metadataIsPinned2(metadata) {
   return metadata !== null && typeof metadata === "object" && !Array.isArray(metadata) && Reflect.get(metadata, "pinned") === true;
 }
@@ -3549,40 +3744,40 @@ 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_runtime12.jsxs)("div", { className: (0, import_design_system8.cn)("flex flex-col gap-2 text-foreground", props.className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center justify-between gap-2 px-1", children: [
-      /* @__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" }),
+  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: "flex items-center justify-between gap-2 px-1", children: [
+      /* @__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" }),
         "Resources",
-        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 })
+        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 })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
           "button",
           {
             type: "button",
             onClick: () => setShowUniversal((v) => !v),
-            className: (0, import_design_system8.cn)(
+            className: (0, import_design_system9.cn)(
               "inline-flex items-center gap-1 rounded-md border border-border px-1.5 py-0.5 text-[11px] transition-colors",
               showUniversal ? "bg-accent text-foreground" : "text-muted-foreground hover:bg-accent hover:text-foreground"
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(PlusIcon, { className: "h-3 w-3" }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PlusIcon, { className: "h-3 w-3" }),
               "Add"
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.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_runtime12.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
               RefreshIcon,
               {
-                className: (0, import_design_system8.cn)(
+                className: (0, import_design_system9.cn)(
                   "h-3 w-3",
                   adapter.status === "loading" && "animate-spin"
                 )
@@ -3592,7 +3787,7 @@ function AssociationList(props) {
         )
       ] })
     ] }),
-    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)(
+    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)(
       UniversalAssociationPicker,
       {
         tokens: attachableTokens,
@@ -3602,9 +3797,9 @@ function AssociationList(props) {
         onDetach: (token, id) => adapter.detach(token, id)
       }
     ) }),
-    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)(
+    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)(
         "button",
         {
           type: "button",
@@ -3614,29 +3809,29 @@ function AssociationList(props) {
         }
       )
     ] }),
-    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_system8.Skeleton, { className: "h-3 w-20" }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system8.Skeleton, { className: "h-7 w-full rounded-md" }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_design_system8.Skeleton, { className: "h-7 w-3/4 rounded-md" })
+    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 === "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 }) => {
+    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 }) => {
       const roleMeta = getContentRoleMeta(role);
-      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)(
+      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)(
             "span",
             {
-              className: (0, import_design_system8.cn)(
+              className: (0, import_design_system9.cn)(
                 "h-3 w-0.5 rounded-full",
                 roleMeta.accentBar
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             "p",
             {
-              className: (0, import_design_system8.cn)(
+              className: (0, import_design_system9.cn)(
                 "text-[10px] font-semibold uppercase tracking-wider",
                 roleMeta.accentText
               ),
@@ -3646,28 +3841,28 @@ function AssociationList(props) {
         ] }),
         tokenGroups.map(({ info, token, rows: tokenRows }) => {
           const TokenIcon = info?.Icon ?? 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,
+          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,
                 info?.labelPlural ?? titleize(token),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-muted-foreground/50", children: tokenRows.length })
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-muted-foreground/50", children: tokenRows.length })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center gap-1", children: [
                 props.renderSectionActions && info ? props.renderSectionActions(info.token) : null,
-                info?.canListCandidates && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                info?.canListCandidates && /* @__PURE__ */ (0, import_jsx_runtime13.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_runtime12.jsx)(PlusIcon, { className: "h-3 w-3" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PlusIcon, { className: "h-3 w-3" })
                   }
                 )
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("ul", { className: "space-y-0.5", children: tokenRows.map((row) => {
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("ul", { className: "space-y-0.5", children: tokenRows.map((row) => {
               const busy = removingKeys.has(row.key);
               const custom = props.renderRow?.(row, {
                 title: titleFor({
@@ -3680,12 +3875,12 @@ function AssociationList(props) {
                 onOpen: () => openRow(row)
               });
               if (custom != null) {
-                return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { children: custom }, row.key);
+                return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("li", { children: custom }, row.key);
               }
-              return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
                 "div",
                 {
-                  className: (0, import_design_system8.cn)(
+                  className: (0, import_design_system9.cn)(
                     "group flex items-center gap-2 rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent",
                     busy && "opacity-50"
                   ),
@@ -3694,7 +3889,7 @@ function AssociationList(props) {
                       token: row.token,
                       id: row.resourceId,
                       label: row.label
-                    }) ? /* @__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)(
+                    }) ? /* @__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)(
                       DoorRef,
                       {
                         token: row.token,
@@ -3710,9 +3905,9 @@ function AssociationList(props) {
                         className: "min-w-0 flex-1 text-foreground"
                       }
                     ),
-                    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: [
+                    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: [
                       "via",
-                      row.originRefs.map((origin) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                      row.originRefs.map((origin) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                         DoorRef,
                         {
                           token: origin.token,
@@ -3724,8 +3919,8 @@ function AssociationList(props) {
                         },
                         `${origin.token}:${origin.id}`
                       ))
-                    ] }) : 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)(
+                    ] }) : 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)(
                       "button",
                       {
                         type: "button",
@@ -3733,14 +3928,14 @@ function AssociationList(props) {
                         onClick: () => void handlePin(row, !(row.pinned ?? false)),
                         title: row.pinned ? "Unpin (stops staying in agent context)" : "Pin \u2014 always in agent context",
                         "aria-label": row.pinned ? "Unpin" : "Pin",
-                        className: (0, import_design_system8.cn)(
+                        className: (0, import_design_system9.cn)(
                           "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_runtime12.jsx)(SpinnerIcon, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                        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)(
                           PinIcon,
                           {
-                            className: (0, import_design_system8.cn)(
+                            className: (0, import_design_system9.cn)(
                               "h-3 w-3",
                               row.pinned && "fill-primary/20"
                             )
@@ -3748,7 +3943,7 @@ function AssociationList(props) {
                         )
                       }
                     ),
-                    row.removable && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                    row.removable && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
                       "button",
                       {
                         type: "button",
@@ -3757,7 +3952,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_runtime12.jsx)(SpinnerIcon, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(XIcon, { className: "h-3 w-3" })
+                        children: busy ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SpinnerIcon, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(XIcon, { className: "h-3 w-3" })
                       }
                     )
                   ]
@@ -3768,7 +3963,7 @@ function AssociationList(props) {
         })
       ] }, role);
     }) }),
-    pickerToken && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    pickerToken && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       AssociationPicker,
       {
         open: true,
@@ -3825,8 +4020,8 @@ function titleize(token) {
 
 // src/react/components/AssociationCaptureToolbar.tsx
 var import_react18 = require("react");
-var import_design_system9 = require("@ai-matrx/design-system");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_design_system10 = require("@ai-matrx/design-system");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function AssociationCaptureToolbar({
   attach,
   uploadFolderPath,
@@ -4057,10 +4252,10 @@ function AssociationCaptureToolbar({
     }
   };
   const anyBuiltIn = actions.upload || actions.addFile || actions.newDocument;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     "div",
     {
-      className: (0, import_design_system9.cn)(
+      className: (0, import_design_system10.cn)(
         "relative flex h-full min-h-0 flex-col",
         isDragOver && "ring-2 ring-inset ring-primary/50",
         className
@@ -4078,11 +4273,11 @@ function AssociationCaptureToolbar({
       },
       onDrop: handleDrop,
       children: [
-        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" }),
+        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" }),
           "Drop to upload & attach"
         ] }) }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "input",
           {
             ref: fileInputRef,
@@ -4092,9 +4287,9 @@ function AssociationCaptureToolbar({
             onChange: handleFilesSelected
           }
         ),
-        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_system9.Input,
+        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)(
+            import_design_system10.Input,
             {
               autoFocus: true,
               value: docName,
@@ -4112,17 +4307,17 @@ function AssociationCaptureToolbar({
               style: { fontSize: 16 }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime14.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_runtime13.jsx)(SpinnerIcon, { className: "size-3.5 animate-spin" }) : "Create"
+              children: creatingDoc ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SpinnerIcon, { className: "size-3.5 animate-spin" }) : "Create"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "button",
             {
               type: "button",
@@ -4135,8 +4330,8 @@ function AssociationCaptureToolbar({
               children: "Cancel"
             }
           )
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-          actions.upload ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+          actions.upload ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             CaptureToolbarAction,
             {
               icon: isUploading ? SpinnerIcon : UploadIcon,
@@ -4146,7 +4341,7 @@ function AssociationCaptureToolbar({
               disabled: isPicking || isUploading
             }
           ) : null,
-          actions.addFile ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          actions.addFile ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             CaptureToolbarAction,
             {
               icon: isPicking ? SpinnerIcon : FolderOpenIcon,
@@ -4156,8 +4351,8 @@ function AssociationCaptureToolbar({
               disabled: isPicking || isUploading
             }
           ) : null,
-          (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)(
+          (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)(
             CaptureToolbarAction,
             {
               icon: creatingDoc ? SpinnerIcon : PlusIcon,
@@ -4181,8 +4376,8 @@ function CaptureToolbarAction({
   disabled,
   spinning
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-    import_design_system9.Button,
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    import_design_system10.Button,
     {
       type: "button",
       size: "sm",
@@ -4191,7 +4386,7 @@ function CaptureToolbarAction({
       disabled,
       className: "h-7 gap-1 px-2 text-[11px] text-muted-foreground hover:text-foreground",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { className: (0, import_design_system9.cn)("size-3.5", spinning && "animate-spin") }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, { className: (0, import_design_system10.cn)("size-3.5", spinning && "animate-spin") }),
         label
       ]
     }
@@ -4200,7 +4395,7 @@ function CaptureToolbarAction({
 
 // src/react/lazyPorts.tsx
 var import_react19 = require("react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function lazyComponent(load) {
   return (0, import_react19.lazy)(async () => {
     const loaded = await load();
@@ -4210,14 +4405,14 @@ function lazyComponent(load) {
 function lazyWindowShell(load) {
   const Loaded = lazyComponent(load);
   return function LazyWindowShell(props) {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react19.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Loaded, { ...props }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react19.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Loaded, { ...props }) });
   };
 }
 function lazyPickerOverride(load) {
   const Loaded = lazyComponent(load);
   return function LazyPickerOverride(props) {
     if (!props.open) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react19.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Loaded, { ...props }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react19.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Loaded, { ...props }) });
   };
 }
 
@@ -4330,8 +4525,8 @@ function useAssociationPickerBridge(props, options = {}) {
 
 // src/react/components/AssociationEntitySelect.tsx
 var import_react21 = require("react");
-var import_design_system10 = require("@ai-matrx/design-system");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_design_system11 = require("@ai-matrx/design-system");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function AssociationEntitySelect({
   token,
   adapter,
@@ -4372,26 +4567,26 @@ function AssociationEntitySelect({
     if (id) close();
     else notifier.error(`Couldn't create the ${entityLabel}`);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     "div",
     {
-      className: (0, import_design_system10.cn)(
+      className: (0, import_design_system11.cn)(
         "group/entity-ref flex min-w-0 items-center gap-0.5",
         className
       ),
       children: [
-        showIcon ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        showIcon ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           InfoIcon,
           {
-            className: (0, import_design_system10.cn)(
+            className: (0, import_design_system11.cn)(
               "size-3.5 shrink-0",
               iconClassName ?? "text-muted-foreground"
             ),
             "aria-hidden": true
           }
         ) : null,
-        active ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          import_design_system10.EditableLabel,
+        active ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          import_design_system11.EditableLabel,
           {
             value: active.title,
             onCommit: async (next) => {
@@ -4404,29 +4599,29 @@ function AssociationEntitySelect({
             commitMode: "await",
             activation: renameActivation,
             ariaLabel: info.label,
-            className: (0, import_design_system10.cn)("max-w-[14rem]", labelClassName),
+            className: (0, import_design_system11.cn)("max-w-[14rem]", labelClassName),
             displayClassName: "text-xs font-medium text-foreground",
             inputClassName: "text-xs font-medium"
           }
         ) : null,
-        active ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DoorControlsSlot, { token, id: active.id, name: active.title }) : null,
-        !active ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        active ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DoorControlsSlot, { token, id: active.id, name: active.title }) : null,
+        !active ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           "span",
           {
-            className: (0, import_design_system10.cn)(
+            className: (0, import_design_system11.cn)(
               "truncate px-1 text-xs font-medium text-muted-foreground",
               labelClassName
             ),
             children: adapter.loading ? "\u2026" : emptyLabel ?? info.labelPlural
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-          import_design_system10.Popover,
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+          import_design_system11.Popover,
           {
             open,
             onOpenChange: (next) => next ? setOpen(true) : close(),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -4434,28 +4629,28 @@ 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_runtime15.jsxs)("span", { className: "tabular-nums", children: [
+                    items.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "tabular-nums", children: [
                       activeIndex >= 0 ? activeIndex + 1 : "\u2014",
                       "/",
                       items.length
                     ] }) : null,
-                    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ChevronDownIcon, { className: "size-3 opacity-60" })
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ChevronDownIcon, { className: "size-3 opacity-60" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.PopoverContent, { sizing: "content", className: "p-0", align, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.Command, { children: [
-                items.length > 5 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                  import_design_system10.CommandInput,
+              /* @__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)(
+                  import_design_system11.CommandInput,
                   {
                     value: query,
                     onValueChange: setQuery,
                     placeholder: `Search ${info.labelPlural.toLowerCase()}\u2026`
                   }
                 ) : null,
-                /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_design_system10.CommandList, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.CommandEmpty, { children: "No match." }),
-                  items.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_design_system10.CommandGroup, { children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-                    import_design_system10.CommandItem,
+                /* @__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)(
+                    import_design_system11.CommandItem,
                     {
                       value: `${item.title} ${item.id}`,
                       onSelect: () => {
@@ -4465,17 +4660,17 @@ function AssociationEntitySelect({
                       },
                       className: "group/entity-ref group gap-2",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                           CheckIcon,
                           {
-                            className: (0, import_design_system10.cn)(
+                            className: (0, import_design_system11.cn)(
                               "size-3.5 shrink-0",
                               item.id === activeId ? "opacity-100" : "opacity-0"
                             )
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "min-w-0 flex-1 truncate", children: item.title }),
-                        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "min-w-0 flex-1 truncate", children: item.title }),
+                        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                           "span",
                           {
                             className: "inline-flex shrink-0 items-center",
@@ -4483,7 +4678,7 @@ function AssociationEntitySelect({
                               e.preventDefault();
                               e.stopPropagation();
                             },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                               DoorControlsSlot,
                               {
                                 token,
@@ -4493,7 +4688,7 @@ function AssociationEntitySelect({
                             )
                           }
                         ),
-                        adapter.detach && item.id !== activeId ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                        adapter.detach && item.id !== activeId ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                           "button",
                           {
                             type: "button",
@@ -4508,7 +4703,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_runtime15.jsx)(XIcon, { className: "size-3" })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(XIcon, { className: "size-3" })
                           }
                         ) : null
                       ]
@@ -4516,9 +4711,9 @@ function AssociationEntitySelect({
                     item.id
                   )) }) : null
                 ] }),
-                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)(
+                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)(
                     "input",
                     {
                       autoFocus: true,
@@ -4542,17 +4737,17 @@ function AssociationEntitySelect({
                       "aria-label": `New ${entityLabel} name`
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime16.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_runtime15.jsx)(SpinnerIcon, { className: "size-3 animate-spin" }) : "Create"
+                      children: busy ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SpinnerIcon, { className: "size-3 animate-spin" }) : "Create"
                     }
                   )
-                ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                   "button",
                   {
                     type: "button",
@@ -4563,7 +4758,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_runtime15.jsx)(SpinnerIcon, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PlusIcon, { className: "size-3.5" }),
+                      busy ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SpinnerIcon, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PlusIcon, { className: "size-3.5" }),
                       query.trim() ? `Create "${query.trim()}"` : `New ${info.label}`
                     ]
                   }
@@ -4579,7 +4774,7 @@ function AssociationEntitySelect({
 
 // src/react/components/CategorySelect.tsx
 var import_react22 = require("react");
-var import_design_system11 = require("@ai-matrx/design-system");
+var import_design_system12 = require("@ai-matrx/design-system");
 
 // src/core/categoryHierarchy.ts
 function buildCategoryHierarchy(categories) {
@@ -4646,7 +4841,7 @@ function buildCategoryHierarchy(categories) {
 }
 
 // src/react/components/CategorySelect.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var NONE = "__none__";
 var ROOT_PARENT = "__root__";
 function plural(noun) {
@@ -4682,9 +4877,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_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 })
+      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 })
       ] })
     })) : categories.map((category) => ({
       value: category.id,
@@ -4731,9 +4926,9 @@ function CategorySelect({
     );
     return result.id;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-      import_design_system11.CreatablePicker,
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      import_design_system12.CreatablePicker,
       {
         value: value ?? (allowNone ? NONE : null),
         onSelect: (next) => onChange(next === NONE ? null : next),
@@ -4748,19 +4943,19 @@ function CategorySelect({
         emptyLabel: `No ${noun} matches that.`,
         ...allowCreate ? { onCreate: create } : {},
         ...allowCreate && hierarchy.hasHierarchy ? {
-          createExtra: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.Select, { value: createParentId, onValueChange: setCreateParentId, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-              import_design_system11.SelectTrigger,
+          createExtra: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_design_system12.Select, { value: createParentId, onValueChange: setCreateParentId, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              import_design_system12.SelectTrigger,
               {
                 className: "h-7 text-xs",
                 "aria-label": `Put the new ${noun} under`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.SelectValue, {})
+                children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system12.SelectValue, {})
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_design_system11.SelectContent, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_design_system11.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_system11.SelectItem,
+            /* @__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)(
+                import_design_system12.SelectItem,
                 {
                   value: item.category.id,
                   className: "text-xs",
@@ -4779,20 +4974,20 @@ 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_runtime16.jsxs)("p", { className: "mt-1 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.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_runtime16.jsx)("p", { className: "mt-1 text-xs text-destructive", children: error }) : null
+    error ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "mt-1 text-xs text-destructive", children: error }) : null
   ] });
 }
 
 // src/react/components/CategoryTagPicker.tsx
 var import_react23 = require("react");
-var import_design_system12 = require("@ai-matrx/design-system");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_design_system13 = require("@ai-matrx/design-system");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var ROOT_PARENT2 = "__root__";
 function CategoryTagPicker({
   entityType,
@@ -4916,86 +5111,86 @@ function CategoryTagPicker({
   const exactMatch = categories.some(
     (c) => c.name.toLowerCase() === search.trim().toLowerCase()
   );
-  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_system12.Badge,
+  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)(
+      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_runtime17.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime18.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_runtime17.jsx)(XIcon, { className: "h-2.5 w-2.5" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(XIcon, { className: "h-2.5 w-2.5" })
             }
           )
         ]
       },
       c.id
     )),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_design_system12.Popover, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system12.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-        import_design_system12.Button,
+    /* @__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)(
+        import_design_system13.Button,
         {
           variant: "outline",
           size: "sm",
           className: "h-7 gap-1 px-2 text-xs",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon, { className: "h-3.5 w-3.5" }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { className: "h-3.5 w-3.5" }),
             selected.length === 0 ? addLabel : "Edit",
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ChevronsUpDownIcon, { className: "h-3 w-3 opacity-50" })
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ChevronsUpDownIcon, { className: "h-3 w-3 opacity-50" })
           ]
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system12.PopoverContent, { sizing: "content", className: "p-0", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_design_system12.Command, { shouldFilter: false, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-          import_design_system12.CommandInput,
+      /* @__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)(
+          import_design_system13.CommandInput,
           {
             placeholder: allowCreate ? "Search or create..." : "Search...",
             value: search,
             onValueChange: setSearch
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_design_system12.CommandList, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system12.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_system12.CommandGroup, { children: showHierarchy ? filteredHierarchy.map(({ category, depth, parent }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-            import_design_system12.CommandItem,
+        /* @__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)(
+            import_design_system13.CommandItem,
             {
               value: category.id,
               keywords: parent ? [parent.name, category.name] : [],
               onSelect: () => void toggle(category.id),
-              className: (0, import_design_system12.cn)("text-xs", depth === 1 && "pl-6"),
+              className: (0, import_design_system13.cn)("text-xs", depth === 1 && "pl-6"),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                   CheckIcon,
                   {
-                    className: (0, import_design_system12.cn)(
+                    className: (0, import_design_system13.cn)(
                       "mr-2 h-3.5 w-3.5",
                       selectedIds.has(category.id) ? "opacity-100" : "opacity-0"
                     )
                   }
                 ),
-                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_system12.cn)(depth === 0 && "font-medium"), children: category.name })
+                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 })
               ]
             },
             category.id
-          )) : filtered.map((c) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-            import_design_system12.CommandItem,
+          )) : filtered.map((c) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+            import_design_system13.CommandItem,
             {
               value: c.id,
               onSelect: () => void toggle(c.id),
               className: "text-xs",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                   CheckIcon,
                   {
-                    className: (0, import_design_system12.cn)(
+                    className: (0, import_design_system13.cn)(
                       "mr-2 h-3.5 w-3.5",
                       selectedIds.has(c.id) ? "opacity-100" : "opacity-0"
                     )
@@ -5006,33 +5201,33 @@ function CategoryTagPicker({
             },
             c.id
           )) }),
-          allowCreate && search.trim() && !exactMatch ? /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_design_system12.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_system12.Select,
+          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)(
+                import_design_system13.Select,
                 {
                   value: createParentId,
                   onValueChange: setCreateParentId,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system12.SelectTrigger, { size: "sm", className: "bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime17.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_PARENT2, children: "Top level" }),
-                      hierarchy.roots.map((root) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_design_system12.SelectItem, { value: root.id, children: root.name }, root.id))
+                    /* @__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))
                     ] })
                   ]
                 }
               )
             ] }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-              import_design_system12.CommandItem,
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+              import_design_system13.CommandItem,
               {
                 value: `__create__${search}`,
                 onSelect: () => void createAndAttach(),
                 disabled: creating,
                 className: "text-xs text-primary",
                 children: [
-                  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" }),
+                  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" }),
                   "Create \u201C",
                   search.trim(),
                   "\u201D"
@@ -5048,9 +5243,9 @@ function CategoryTagPicker({
 
 // src/react/components/CommentThread.tsx
 var import_react24 = require("react");
-var import_design_system13 = require("@ai-matrx/design-system");
+var import_design_system14 = require("@ai-matrx/design-system");
 var import_format = require("@ai-matrx/kit/format");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var AUTHOR_DOOR_TOKEN = "user";
 function resolveAuthor(comment, authorDisplay) {
   const base2 = {
@@ -5069,7 +5264,7 @@ function resolveAuthor(comment, authorDisplay) {
 }
 function AuthorAvatar({ author }) {
   if (author.avatarUrl) {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "img",
       {
         src: author.avatarUrl,
@@ -5078,7 +5273,7 @@ function AuthorAvatar({ author }) {
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "span",
     {
       "aria-hidden": true,
@@ -5093,7 +5288,7 @@ function AuthorName({
 }) {
   const DoorRef2 = entityDoors?.EntityRef;
   if (DoorRef2 && author.userId) {
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       DoorRef2,
       {
         token: AUTHOR_DOOR_TOKEN,
@@ -5104,7 +5299,7 @@ function AuthorName({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime18.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,
@@ -5134,8 +5329,8 @@ function CommentComposer({
     }
     setBody("");
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("form", { onSubmit: submit, className: "flex flex-col gap-1.5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.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,
@@ -5150,8 +5345,8 @@ 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_runtime18.jsx)(
-      import_design_system13.ErrorBox,
+    error && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      import_design_system14.ErrorBox,
       {
         className: "text-xs text-destructive",
         message: error,
@@ -5160,9 +5355,9 @@ function CommentComposer({
         origin: "associations/CommentThread"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_design_system13.Button, { type: "submit", size: "sm", disabled: !body.trim() || submitting, children: [
-        submitting && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SpinnerIcon, { className: "mr-1 h-3 w-3 animate-spin" }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_design_system14.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
@@ -5195,19 +5390,19 @@ function CommentItem({
       notifier.error(res.error ?? "Could not delete the comment");
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     "div",
     {
       "data-comment-id": comment.id,
-      className: (0, import_design_system13.cn)(
+      className: (0, import_design_system14.cn)(
         "flex flex-col gap-1",
         depth > 0 && "border-l border-border pl-3"
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AuthorAvatar, { author }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AuthorName, { author, entityDoors }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        /* @__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 }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             "span",
             {
               className: "text-xs text-muted-foreground",
@@ -5218,7 +5413,7 @@ function CommentItem({
               })
             }
           ),
-          edited && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          edited && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             "span",
             {
               className: "text-xs text-muted-foreground",
@@ -5227,7 +5422,7 @@ function CommentItem({
             }
           )
         ] }),
-        editing ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "pl-8", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        editing ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "pl-8", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           CommentComposer,
           {
             initialValue: comment.body,
@@ -5239,8 +5434,8 @@ function CommentItem({
               if (res.ok) setEditing(false);
               return res;
             },
-            trailing: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-              import_design_system13.Button,
+            trailing: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              import_design_system14.Button,
               {
                 type: "button",
                 size: "sm",
@@ -5250,11 +5445,11 @@ function CommentItem({
               }
             )
           }
-        ) }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "whitespace-pre-wrap pl-8 text-sm text-foreground", children: comment.body }),
-        !editing && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex items-center gap-1 pl-7", children: confirmingDelete ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-xs text-destructive", children: "Deletes this comment for everyone." }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-            import_design_system13.Button,
+        ) }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "whitespace-pre-wrap pl-8 text-sm text-foreground", children: comment.body }),
+        !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_system14.Button,
             {
               type: "button",
               size: "sm",
@@ -5262,13 +5457,13 @@ function CommentItem({
               disabled: deleting,
               onClick: () => void confirmDelete(),
               children: [
-                deleting && /* @__PURE__ */ (0, import_jsx_runtime18.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_runtime18.jsx)(
-            import_design_system13.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            import_design_system14.Button,
             {
               type: "button",
               size: "sm",
@@ -5278,8 +5473,8 @@ function CommentItem({
               children: "Cancel"
             }
           )
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             "button",
             {
               type: "button",
@@ -5288,8 +5483,8 @@ function CommentItem({
               children: "Reply"
             }
           ),
-          isOwn && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          isOwn && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               "button",
               {
                 type: "button",
@@ -5298,7 +5493,7 @@ function CommentItem({
                 children: "Edit"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
               "button",
               {
                 type: "button",
@@ -5309,9 +5504,9 @@ function CommentItem({
             )
           ] })
         ] }) }),
-        replying && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-start gap-2 pl-8 pt-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CornerDownRightIcon, { className: "mt-2 h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime18.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",
@@ -5325,8 +5520,8 @@ function CommentItem({
                 if (res.ok) setReplying(false);
                 return res;
               },
-              trailing: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                import_design_system13.Button,
+              trailing: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                import_design_system14.Button,
                 {
                   type: "button",
                   size: "sm",
@@ -5338,7 +5533,7 @@ function CommentItem({
             }
           ) })
         ] }),
-        replies.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex flex-col gap-3 pl-8 pt-1", children: replies.map((reply) => /* @__PURE__ */ (0, import_jsx_runtime18.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,
@@ -5378,11 +5573,11 @@ function CommentThread({
   const thread = useComments({ token, id });
   const { roots, childrenOf } = buildCommentTree(thread.comments);
   const loading = (thread.status === "loading" || thread.status === "idle") && thread.comments.length === 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("section", { className: (0, import_design_system13.cn)("flex flex-col gap-3", className), children: [
-    showHeader && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("header", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { className: "text-sm font-semibold text-foreground", children: "Comments" }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-xs text-muted-foreground tabular-nums", children: thread.comments.length }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("section", { className: (0, import_design_system14.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: thread.comments.length }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         "button",
         {
           type: "button",
@@ -5390,12 +5585,12 @@ 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_runtime18.jsx)(SpinnerIcon, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime18.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_runtime18.jsxs)(
-      import_design_system13.ErrorBox,
+    thread.error && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+      import_design_system14.ErrorBox,
       {
         as: "div",
         className: "flex items-center gap-2 rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive",
@@ -5403,9 +5598,9 @@ function CommentThread({
         operation: "Load comments",
         origin: "associations/CommentThread",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "min-w-0 flex-1", children: thread.error }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-            import_design_system13.Button,
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "min-w-0 flex-1", children: thread.error }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            import_design_system14.Button,
             {
               type: "button",
               size: "sm",
@@ -5418,10 +5613,10 @@ function CommentThread({
         ]
       }
     ),
-    loading ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex flex-col gap-3", "aria-hidden": true, "data-testid": "comments-loading", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_design_system13.Skeleton, { className: "h-12 w-full" }),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_design_system13.Skeleton, { className: "h-12 w-4/5" })
-    ] }) : roots.length === 0 && !thread.error ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm text-muted-foreground", children: "No comments yet." }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex flex-col gap-4", children: roots.map((comment) => /* @__PURE__ */ (0, import_jsx_runtime18.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_system14.Skeleton, { className: "h-12 w-full" }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_design_system14.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,
@@ -5432,7 +5627,7 @@ function CommentThread({
       },
       comment.id
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       CommentComposer,
       {
         onSubmit: (body) => thread.add(body, { orgId: orgId ?? null })