@ai-matrx/associations 0.11.4 → 0.13.0

package/dist/react/index.js

@@ -1620,7 +1620,6 @@ function useUniversalEntitySearch(args) {
   const {
     query,
     tokens,
-    ownerId,
     enabled = true,
     perTokenLimit = 5,
     emptyQueryMode = "recents"
@@ -1628,7 +1627,14 @@ function useUniversalEntitySearch(args) {
   const store = useAssociationsStore();
   const [results, setResults] = useState3([]);
   const [loading, setLoading] = useState3(false);
-  const [isRecents, setIsRecents] = useState3(true);
+  const [failures, setFailures] = useState3([]);
+  const [error, setError] = useState3(null);
+  const [status, setStatus] = useState3(
+    enabled ? "loading" : "ready"
+  );
+  const [source, setSource] = useState3(
+    emptyQueryMode === "candidates" ? "candidates" : "recents"
+  );
   const runRef = useRef5(0);
   const tokensKey = (tokens ?? []).join(",");
   useEffect5(() => {
@@ -1638,30 +1644,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)
@@ -1669,7 +1717,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) ?? [];
@@ -1692,7 +1740,72 @@ async function loadRecents(store, tokens) {
       title
     });
   }
-  return out;
+  return { ok: true, data: out };
+}
+
+// src/react/components/SearchFailureNotice.tsx
+import { ErrorBox, cn } from "@ai-matrx/design-system";
+import { jsx as jsx2, jsxs } from "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__ */ jsxs(
+      ErrorBox,
+      {
+        as: "div",
+        className: 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__ */ jsx2("p", { className: "font-medium", children: "Couldn\u2019t load items" }),
+          /* @__PURE__ */ jsx2("p", { className: "opacity-80", children: error })
+        ]
+      }
+    );
+  }
+  if (failures.length === 0) return null;
+  const summary = describeSearchFailures(
+    failures,
+    (token) => store.registry.getEntityInfo(token).labelPlural
+  );
+  return /* @__PURE__ */ jsx2(
+    ErrorBox,
+    {
+      className: 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
@@ -1700,7 +1813,6 @@ import { useEffect as useEffect6, useState as useState4 } from "react";
 function useAssociationCandidates(args) {
   const { token, enabled = true, search, limit } = args;
   const store = useAssociationsStore();
-  const userId = currentUserIdOrNull(store);
   const [candidates, setCandidates] = useState4([]);
   const [loading, setLoading] = useState4(false);
   const [error, setError] = useState4(null);
@@ -1713,7 +1825,6 @@ function useAssociationCandidates(args) {
       setError(null);
       const res = await store.candidates.listAssociationCandidates({
         token,
-        ownerId: userId,
         ...search !== void 0 ? { search } : {},
         ...limit !== void 0 ? { limit } : {}
       });
@@ -1729,7 +1840,7 @@ function useAssociationCandidates(args) {
     return () => {
       cancelled = true;
     };
-  }, [token, enabled, userId, search, limit, tick, store]);
+  }, [token, enabled, search, limit, tick, store]);
   return {
     candidates,
     loading,
@@ -1737,13 +1848,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
 import { useEffect as useEffect7, useRef as useRef6, useSyncExternalStore as useSyncExternalStore3 } from "react";
@@ -1887,13 +1991,13 @@ function useAssociationEntitySelectAdapter(args) {
 
 // src/react/components/PrimaryEntityContext.tsx
 import { createContext as createContext2, useContext as useContext2 } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var PrimaryEntityCtx = createContext2(null);
 function PrimaryEntityProvider({
   value,
   children
 }) {
-  return /* @__PURE__ */ jsx2(PrimaryEntityCtx.Provider, { value, children });
+  return /* @__PURE__ */ jsx3(PrimaryEntityCtx.Provider, { value, children });
 }
 function usePrimaryEntity() {
   return useContext2(PrimaryEntityCtx);
@@ -1911,10 +2015,10 @@ import {
   useState as useState6
 } from "react";
 import { createPortal } from "react-dom";
-import { cn } from "@ai-matrx/design-system";
+import { cn as cn2 } from "@ai-matrx/design-system";
 
 // src/react/icons.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 function base(props) {
   return {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1931,129 +2035,129 @@ function base(props) {
   };
 }
 function SpinnerIcon(props) {
-  return /* @__PURE__ */ jsx3("svg", { ...base(props), children: /* @__PURE__ */ jsx3("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) });
+  return /* @__PURE__ */ jsx4("svg", { ...base(props), children: /* @__PURE__ */ jsx4("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" }) });
 }
 function PlusIcon(props) {
-  return /* @__PURE__ */ jsxs("svg", { ...base(props), children: [
-    /* @__PURE__ */ jsx3("path", { d: "M5 12h14" }),
-    /* @__PURE__ */ jsx3("path", { d: "M12 5v14" })
+  return /* @__PURE__ */ jsxs2("svg", { ...base(props), children: [
+    /* @__PURE__ */ jsx4("path", { d: "M5 12h14" }),
+    /* @__PURE__ */ jsx4("path", { d: "M12 5v14" })
   ] });
 }
 function XIcon(props) {
-  return /* @__PURE__ */ jsxs("svg", { ...base(props), children: [
-    /* @__PURE__ */ jsx3("path", { d: "M18 6 6 18" }),
-    /* @__PURE__ */ jsx3("path", { d: "m6 6 12 12" })
+  return /* @__PURE__ */ jsxs2("svg", { ...base(props), children: [
+    /* @__PURE__ */ jsx4("path", { d: "M18 6 6 18" }),
+    /* @__PURE__ */ jsx4("path", { d: "m6 6 12 12" })
   ] });
 }
 function CheckIcon(props) {
-  return /* @__PURE__ */ jsx3("svg", { ...base(props), children: /* @__PURE__ */ jsx3("path", { d: "M20 6 9 17l-5-5" }) });
+  return /* @__PURE__ */ jsx4("svg", { ...base(props), children: /* @__PURE__ */ jsx4("path", { d: "M20 6 9 17l-5-5" }) });
 }
 function SearchIcon(props) {
-  return /* @__PURE__ */ jsxs("svg", { ...base(props), children: [
-    /* @__PURE__ */ jsx3("circle", { cx: "11", cy: "11", r: "8" }),
-    /* @__PURE__ */ jsx3("path", { d: "m21 21-4.3-4.3" })
+  return /* @__PURE__ */ jsxs2("svg", { ...base(props), children: [
+    /* @__PURE__ */ jsx4("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ jsx4("path", { d: "m21 21-4.3-4.3" })
   ] });
 }
 function Link2Icon(props) {
-  return /* @__PURE__ */ jsxs("svg", { ...base(props), children: [
-    /* @__PURE__ */ jsx3("path", { d: "M9 17H7A5 5 0 0 1 7 7h2" }),
-    /* @__PURE__ */ jsx3("path", { d: "M15 7h2a5 5 0 1 1 0 10h-2" }),
-    /* @__PURE__ */ jsx3("line", { x1: "8", x2: "16", y1: "12", y2: "12" })
+  return /* @__PURE__ */ jsxs2("svg", { ...base(props), children: [
+    /* @__PURE__ */ jsx4("path", { d: "M9 17H7A5 5 0 0 1 7 7h2" }),
+    /* @__PURE__ */ jsx4("path", { d: "M15 7h2a5 5 0 1 1 0 10h-2" }),
+    /* @__PURE__ */ jsx4("line", { x1: "8", x2: "16", y1: "12", y2: "12" })
   ] });
 }
 function RefreshIcon(props) {
-  return /* @__PURE__ */ jsxs("svg", { ...base(props), children: [
-    /* @__PURE__ */ jsx3("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
-    /* @__PURE__ */ jsx3("path", { d: "M21 3v5h-5" }),
-    /* @__PURE__ */ jsx3("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }),
-    /* @__PURE__ */ jsx3("path", { d: "M8 16H3v5" })
+  return /* @__PURE__ */ jsxs2("svg", { ...base(props), children: [
+    /* @__PURE__ */ jsx4("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
+    /* @__PURE__ */ jsx4("path", { d: "M21 3v5h-5" }),
+    /* @__PURE__ */ jsx4("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }),
+    /* @__PURE__ */ jsx4("path", { d: "M8 16H3v5" })
   ] });
 }
 function PinIcon(props) {
-  return /* @__PURE__ */ jsxs("svg", { ...base(props), children: [
-    /* @__PURE__ */ jsx3("path", { d: "M12 17v5" }),
-    /* @__PURE__ */ jsx3("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__ */ jsxs2("svg", { ...base(props), children: [
+    /* @__PURE__ */ jsx4("path", { d: "M12 17v5" }),
+    /* @__PURE__ */ jsx4("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__ */ jsxs("svg", { ...base(props), children: [
-    /* @__PURE__ */ jsx3("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-    /* @__PURE__ */ jsx3("polyline", { points: "17 8 12 3 7 8" }),
-    /* @__PURE__ */ jsx3("line", { x1: "12", x2: "12", y1: "3", y2: "15" })
+  return /* @__PURE__ */ jsxs2("svg", { ...base(props), children: [
+    /* @__PURE__ */ jsx4("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+    /* @__PURE__ */ jsx4("polyline", { points: "17 8 12 3 7 8" }),
+    /* @__PURE__ */ jsx4("line", { x1: "12", x2: "12", y1: "3", y2: "15" })
   ] });
 }
 function FolderOpenIcon(props) {
-  return /* @__PURE__ */ jsx3("svg", { ...base(props), children: /* @__PURE__ */ jsx3("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__ */ jsx4("svg", { ...base(props), children: /* @__PURE__ */ jsx4("path", { d: "m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2" }) });
 }
 function ExternalLinkIcon(props) {
-  return /* @__PURE__ */ jsxs("svg", { ...base(props), children: [
-    /* @__PURE__ */ jsx3("path", { d: "M15 3h6v6" }),
-    /* @__PURE__ */ jsx3("path", { d: "M10 14 21 3" }),
-    /* @__PURE__ */ jsx3("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
+  return /* @__PURE__ */ jsxs2("svg", { ...base(props), children: [
+    /* @__PURE__ */ jsx4("path", { d: "M15 3h6v6" }),
+    /* @__PURE__ */ jsx4("path", { d: "M10 14 21 3" }),
+    /* @__PURE__ */ jsx4("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__ */ jsx3("svg", { ...base(props), children: /* @__PURE__ */ jsx3("path", { d: "m6 9 6 6 6-6" }) });
+  return /* @__PURE__ */ jsx4("svg", { ...base(props), children: /* @__PURE__ */ jsx4("path", { d: "m6 9 6 6 6-6" }) });
 }
 function ChevronsUpDownIcon(props) {
-  return /* @__PURE__ */ jsxs("svg", { ...base(props), children: [
-    /* @__PURE__ */ jsx3("path", { d: "m7 15 5 5 5-5" }),
-    /* @__PURE__ */ jsx3("path", { d: "m7 9 5-5 5 5" })
+  return /* @__PURE__ */ jsxs2("svg", { ...base(props), children: [
+    /* @__PURE__ */ jsx4("path", { d: "m7 15 5 5 5-5" }),
+    /* @__PURE__ */ jsx4("path", { d: "m7 9 5-5 5 5" })
   ] });
 }
 function CornerDownRightIcon(props) {
-  return /* @__PURE__ */ jsxs("svg", { ...base(props), children: [
-    /* @__PURE__ */ jsx3("polyline", { points: "15 10 20 15 15 20" }),
-    /* @__PURE__ */ jsx3("path", { d: "M4 4v7a4 4 0 0 0 4 4h12" })
+  return /* @__PURE__ */ jsxs2("svg", { ...base(props), children: [
+    /* @__PURE__ */ jsx4("polyline", { points: "15 10 20 15 15 20" }),
+    /* @__PURE__ */ jsx4("path", { d: "M4 4v7a4 4 0 0 0 4 4h12" })
   ] });
 }
 function TagIcon(props) {
-  return /* @__PURE__ */ jsxs("svg", { ...base(props), children: [
-    /* @__PURE__ */ jsx3("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__ */ jsx3("circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor" })
+  return /* @__PURE__ */ jsxs2("svg", { ...base(props), children: [
+    /* @__PURE__ */ jsx4("path", { d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z" }),
+    /* @__PURE__ */ jsx4("circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor" })
   ] });
 }
 function DefaultEntityIcon(props) {
-  return /* @__PURE__ */ jsxs("svg", { ...base(props), children: [
-    /* @__PURE__ */ jsx3("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__ */ jsx3("path", { d: "m7 16.5-4.74-2.85" }),
-    /* @__PURE__ */ jsx3("path", { d: "m7 16.5 5-3" }),
-    /* @__PURE__ */ jsx3("path", { d: "M7 16.5v5.17" }),
-    /* @__PURE__ */ jsx3("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__ */ jsx3("path", { d: "m17 16.5-5-3" }),
-    /* @__PURE__ */ jsx3("path", { d: "m17 16.5 4.74-2.85" }),
-    /* @__PURE__ */ jsx3("path", { d: "M17 16.5v5.17" }),
-    /* @__PURE__ */ jsx3("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__ */ jsx3("path", { d: "M12 8 7.26 5.15" }),
-    /* @__PURE__ */ jsx3("path", { d: "m12 8 4.74-2.85" }),
-    /* @__PURE__ */ jsx3("path", { d: "M12 13.5V8" })
+  return /* @__PURE__ */ jsxs2("svg", { ...base(props), children: [
+    /* @__PURE__ */ jsx4("path", { d: "M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z" }),
+    /* @__PURE__ */ jsx4("path", { d: "m7 16.5-4.74-2.85" }),
+    /* @__PURE__ */ jsx4("path", { d: "m7 16.5 5-3" }),
+    /* @__PURE__ */ jsx4("path", { d: "M7 16.5v5.17" }),
+    /* @__PURE__ */ jsx4("path", { d: "M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z" }),
+    /* @__PURE__ */ jsx4("path", { d: "m17 16.5-5-3" }),
+    /* @__PURE__ */ jsx4("path", { d: "m17 16.5 4.74-2.85" }),
+    /* @__PURE__ */ jsx4("path", { d: "M17 16.5v5.17" }),
+    /* @__PURE__ */ jsx4("path", { d: "M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z" }),
+    /* @__PURE__ */ jsx4("path", { d: "M12 8 7.26 5.15" }),
+    /* @__PURE__ */ jsx4("path", { d: "m12 8 4.74-2.85" }),
+    /* @__PURE__ */ jsx4("path", { d: "M12 13.5V8" })
   ] });
 }
 function MaximizeIcon(props) {
-  return /* @__PURE__ */ jsxs("svg", { ...base(props), children: [
-    /* @__PURE__ */ jsx3("path", { d: "M15 3h6v6" }),
-    /* @__PURE__ */ jsx3("path", { d: "M9 21H3v-6" }),
-    /* @__PURE__ */ jsx3("path", { d: "M21 3l-7 7" }),
-    /* @__PURE__ */ jsx3("path", { d: "M3 21l7-7" })
+  return /* @__PURE__ */ jsxs2("svg", { ...base(props), children: [
+    /* @__PURE__ */ jsx4("path", { d: "M15 3h6v6" }),
+    /* @__PURE__ */ jsx4("path", { d: "M9 21H3v-6" }),
+    /* @__PURE__ */ jsx4("path", { d: "M21 3l-7 7" }),
+    /* @__PURE__ */ jsx4("path", { d: "M3 21l7-7" })
   ] });
 }
 function RestoreIcon(props) {
-  return /* @__PURE__ */ jsxs("svg", { ...base(props), children: [
-    /* @__PURE__ */ jsx3("path", { d: "M4 14h6v6" }),
-    /* @__PURE__ */ jsx3("path", { d: "M20 10h-6V4" }),
-    /* @__PURE__ */ jsx3("path", { d: "M14 10l7-7" }),
-    /* @__PURE__ */ jsx3("path", { d: "M3 21l7-7" })
+  return /* @__PURE__ */ jsxs2("svg", { ...base(props), children: [
+    /* @__PURE__ */ jsx4("path", { d: "M4 14h6v6" }),
+    /* @__PURE__ */ jsx4("path", { d: "M20 10h-6V4" }),
+    /* @__PURE__ */ jsx4("path", { d: "M14 10l7-7" }),
+    /* @__PURE__ */ jsx4("path", { d: "M3 21l7-7" })
   ] });
 }
 function GripResizeIcon(props) {
-  return /* @__PURE__ */ jsxs("svg", { ...base(props), children: [
-    /* @__PURE__ */ jsx3("path", { d: "M21 15 15 21" }),
-    /* @__PURE__ */ jsx3("path", { d: "M21 20 20 21" })
+  return /* @__PURE__ */ jsxs2("svg", { ...base(props), children: [
+    /* @__PURE__ */ jsx4("path", { d: "M21 15 15 21" }),
+    /* @__PURE__ */ jsx4("path", { d: "M21 20 20 21" })
   ] });
 }
 
 // src/react/components/DefaultWindowShell.tsx
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 var DEFAULT_WIDTH = 440;
 var DEFAULT_HEIGHT = 580;
 var MIN_WIDTH = 330;
@@ -2176,7 +2280,7 @@ function DefaultWindowShell({
     height: rect.height
   };
   return createPortal(
-    /* @__PURE__ */ jsxs2(
+    /* @__PURE__ */ jsxs3(
       "div",
       {
         ref: panelRef,
@@ -2184,7 +2288,7 @@ function DefaultWindowShell({
         "aria-labelledby": labelId,
         tabIndex: -1,
         style,
-        className: cn(
+        className: cn2(
           // 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.
@@ -2193,7 +2297,7 @@ function DefaultWindowShell({
           className
         ),
         children: [
-          /* @__PURE__ */ jsxs2(
+          /* @__PURE__ */ jsxs3(
             "header",
             {
               onPointerDown: beginGesture("move"),
@@ -2203,24 +2307,24 @@ function DefaultWindowShell({
               onDoubleClick: () => {
                 if (!isMobile) setMaximized((v) => !v);
               },
-              className: cn(
+              className: cn2(
                 "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__ */ jsxs2(
+                /* @__PURE__ */ jsxs3(
                   "span",
                   {
                     id: labelId,
                     className: "flex min-w-0 items-center gap-1.5 text-sm font-medium text-foreground",
                     children: [
                       icon,
-                      /* @__PURE__ */ jsx4("span", { className: "truncate", children: title })
+                      /* @__PURE__ */ jsx5("span", { className: "truncate", children: title })
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxs2("span", { className: "flex shrink-0 items-center gap-0.5", children: [
-                  isMobile ? null : /* @__PURE__ */ jsx4(
+                /* @__PURE__ */ jsxs3("span", { className: "flex shrink-0 items-center gap-0.5", children: [
+                  isMobile ? null : /* @__PURE__ */ jsx5(
                     "button",
                     {
                       type: "button",
@@ -2228,10 +2332,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__ */ jsx4(RestoreIcon, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx4(MaximizeIcon, { className: "h-3.5 w-3.5" })
+                      children: maximized ? /* @__PURE__ */ jsx5(RestoreIcon, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx5(MaximizeIcon, { className: "h-3.5 w-3.5" })
                     }
                   ),
-                  /* @__PURE__ */ jsx4(
+                  /* @__PURE__ */ jsx5(
                     "button",
                     {
                       type: "button",
@@ -2239,15 +2343,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__ */ jsx4(XIcon, { className: "h-3.5 w-3.5" })
+                      children: /* @__PURE__ */ jsx5(XIcon, { className: "h-3.5 w-3.5" })
                     }
                   )
                 ] })
               ]
             }
           ),
-          /* @__PURE__ */ jsx4("div", { className: "min-h-0 flex-1 overflow-hidden", children }),
-          isMobile || maximized ? null : /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx5("div", { className: "min-h-0 flex-1 overflow-hidden", children }),
+          isMobile || maximized ? null : /* @__PURE__ */ jsx5(
             "button",
             {
               type: "button",
@@ -2257,7 +2361,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__ */ jsx4(GripResizeIcon, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ jsx5(GripResizeIcon, { className: "h-3 w-3" })
             }
           )
         ]
@@ -2268,7 +2372,7 @@ function DefaultWindowShell({
 }
 
 // src/react/components/AssociationWindow.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 function AssociationWindow({
   open,
   onClose,
@@ -2281,16 +2385,16 @@ function AssociationWindow({
   const instanceId = useId();
   const { windowShell } = useAssociationsUiPorts();
   if (!open) return null;
-  const body = /* @__PURE__ */ jsxs3("div", { className: "flex h-full min-h-0 flex-col gap-2 p-3", children: [
-    subtitle ? /* @__PURE__ */ jsx5("div", { className: "shrink-0 text-xs text-muted-foreground", children: subtitle }) : null,
+  const body = /* @__PURE__ */ jsxs4("div", { className: "flex h-full min-h-0 flex-col gap-2 p-3", children: [
+    subtitle ? /* @__PURE__ */ jsx6("div", { className: "shrink-0 text-xs text-muted-foreground", children: subtitle }) : null,
     children
   ] });
   const windowId = `association:${scopeId}:${instanceId}`;
   if (windowShell) {
     const HostWindow = windowShell.Window;
-    return /* @__PURE__ */ jsx5(HostWindow, { id: windowId, title, onClose, children: body });
+    return /* @__PURE__ */ jsx6(HostWindow, { id: windowId, title, onClose, children: body });
   }
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     DefaultWindowShell,
     {
       id: windowId,
@@ -2304,28 +2408,28 @@ function AssociationWindow({
 
 // src/react/components/AssociationPicker.tsx
 import { useState as useState7 } from "react";
-import { cn as cn2, Input } from "@ai-matrx/design-system";
-import { Fragment, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { cn as cn3, Input } from "@ai-matrx/design-system";
+import { Fragment, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function AssociationPicker(props) {
   const store = useAssociationsStore();
   const { pickerOverrides } = useAssociationsUiPorts();
   const info = store.registry.getEntityInfo(props.token);
   const Icon = info.Icon ?? DefaultEntityIcon;
   const Override = pickerOverrides?.[props.token];
-  if (Override) return /* @__PURE__ */ jsx6(Override, { ...props });
+  if (Override) return /* @__PURE__ */ jsx7(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__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     AssociationWindow,
     {
       open: props.open,
       onClose: () => props.onOpenChange(false),
       scopeId: `picker:${props.token}`,
       title,
-      icon: /* @__PURE__ */ jsx6(Icon, { className: "size-3.5 text-primary" }),
+      icon: /* @__PURE__ */ jsx7(Icon, { className: "size-3.5 text-primary" }),
       subtitle,
-      children: /* @__PURE__ */ jsx6(
+      children: /* @__PURE__ */ jsx7(
         AssociationCandidateBody,
         {
           token: props.token,
@@ -2350,7 +2454,7 @@ function AssociationCandidateBody({
   onClose
 }) {
   void onClose;
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx7(
     EntityCandidateList,
     {
       token,
@@ -2381,7 +2485,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()
@@ -2406,10 +2514,10 @@ function EntityCandidateList({
       setBusyId(null);
     }
   };
-  return /* @__PURE__ */ jsxs4(Fragment, { children: [
-    /* @__PURE__ */ jsxs4("div", { className: "relative mb-2", children: [
-      /* @__PURE__ */ jsx6(SearchIcon, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
-      /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs5(Fragment, { children: [
+    /* @__PURE__ */ jsxs5("div", { className: "relative mb-2", children: [
+      /* @__PURE__ */ jsx7(SearchIcon, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
+      /* @__PURE__ */ jsx7(
         Input,
         {
           value: search,
@@ -2420,46 +2528,58 @@ function EntityCandidateList({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx6("div", { className: "flex-1 min-h-0 overflow-y-auto -mx-1 px-1", children: (loading || recentsLoading) && visibleCount === 0 ? /* @__PURE__ */ jsxs4(ListMessage, { children: [
-      /* @__PURE__ */ jsx6(SpinnerIcon, { className: "h-4 w-4 animate-spin" }),
-      "Loading\u2026"
-    ] }) : error ? /* @__PURE__ */ jsxs4("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-[12px] text-destructive", children: [
-      /* @__PURE__ */ jsx6("p", { className: "font-medium", children: "Couldn\u2019t load items" }),
-      /* @__PURE__ */ jsx6("p", { className: "opacity-80", children: error }),
-      /* @__PURE__ */ jsx6(
-        "button",
+    /* @__PURE__ */ jsxs5("div", { className: "flex-1 min-h-0 overflow-y-auto -mx-1 px-1", children: [
+      !search.trim() && !error && /* @__PURE__ */ jsx7(
+        SearchFailureNotice,
         {
-          type: "button",
-          onClick: reload,
-          className: "mt-1 underline hover:no-underline",
-          children: "Retry"
-        }
-      )
-    ] }) : visibleCount === 0 ? /* @__PURE__ */ jsx6(ListMessage, { children: canCreate ? `Nothing to attach yet \u2014 create a new ${info.label.toLowerCase()} below.` : "Nothing to attach." }) : /* @__PURE__ */ jsxs4("div", { className: "space-y-2", children: [
-      visibleRecents.length > 0 && /* @__PURE__ */ jsx6(
-        CandidateSection,
-        {
-          label: "Recent",
-          candidates: visibleRecents,
-          attachedIds,
-          busyId,
-          icon: /* @__PURE__ */ jsx6(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__ */ jsx6(
-        CandidateSection,
-        {
-          label: visibleRecents.length > 0 ? `All ${info.labelPlural}` : null,
-          candidates: ordinaryCandidates,
-          attachedIds,
-          busyId,
-          icon: /* @__PURE__ */ jsx6(Icon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
-          onToggle: toggle
-        }
-      )
-    ] }) }),
-    canCreate && /* @__PURE__ */ jsx6(
+      (loading || recentsLoading) && visibleCount === 0 ? /* @__PURE__ */ jsxs5(ListMessage, { children: [
+        /* @__PURE__ */ jsx7(SpinnerIcon, { className: "h-4 w-4 animate-spin" }),
+        "Loading\u2026"
+      ] }) : error ? /* @__PURE__ */ jsxs5("div", { className: "rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-[12px] text-destructive", children: [
+        /* @__PURE__ */ jsx7("p", { className: "font-medium", children: "Couldn\u2019t load items" }),
+        /* @__PURE__ */ jsx7("p", { className: "opacity-80", children: error }),
+        /* @__PURE__ */ jsx7(
+          "button",
+          {
+            type: "button",
+            onClick: reload,
+            className: "mt-1 underline hover:no-underline",
+            children: "Retry"
+          }
+        )
+      ] }) : visibleCount === 0 ? /* @__PURE__ */ jsx7(ListMessage, { children: canCreate ? `Nothing to attach yet \u2014 create a new ${info.label.toLowerCase()} below.` : "Nothing to attach." }) : /* @__PURE__ */ jsxs5("div", { className: "space-y-2", children: [
+        visibleRecents.length > 0 && /* @__PURE__ */ jsx7(
+          CandidateSection,
+          {
+            label: "Recent",
+            candidates: visibleRecents,
+            attachedIds,
+            busyId,
+            icon: /* @__PURE__ */ jsx7(Icon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+            onToggle: toggle
+          }
+        ),
+        ordinaryCandidates.length > 0 && /* @__PURE__ */ jsx7(
+          CandidateSection,
+          {
+            label: visibleRecents.length > 0 ? `All ${info.labelPlural}` : null,
+            candidates: ordinaryCandidates,
+            attachedIds,
+            busyId,
+            icon: /* @__PURE__ */ jsx7(Icon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+            onToggle: toggle
+          }
+        )
+      ] })
+    ] }),
+    canCreate && /* @__PURE__ */ jsx7(
       CreateAndAttachFooter,
       {
         token,
@@ -2479,33 +2599,33 @@ function CandidateSection({
   icon,
   onToggle
 }) {
-  return /* @__PURE__ */ jsxs4("section", { className: "space-y-0.5", children: [
-    label && /* @__PURE__ */ jsx6("p", { className: "px-1 text-[10px] font-medium uppercase tracking-wider text-muted-foreground/60", children: label }),
-    /* @__PURE__ */ jsx6("ul", { className: "space-y-0.5", children: candidates.map((candidate) => {
+  return /* @__PURE__ */ jsxs5("section", { className: "space-y-0.5", children: [
+    label && /* @__PURE__ */ jsx7("p", { className: "px-1 text-[10px] font-medium uppercase tracking-wider text-muted-foreground/60", children: label }),
+    /* @__PURE__ */ jsx7("ul", { className: "space-y-0.5", children: candidates.map((candidate) => {
       const attached = attachedIds.has(candidate.id);
       const busy = busyId === candidate.id;
-      return /* @__PURE__ */ jsx6("li", { children: /* @__PURE__ */ jsxs4(
+      return /* @__PURE__ */ jsx7("li", { children: /* @__PURE__ */ jsxs5(
         "button",
         {
           type: "button",
           disabled: busy,
           onClick: () => void onToggle(candidate.id, candidate.title),
-          className: cn2(
+          className: cn3(
             "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__ */ jsx6("span", { className: "flex-1 min-w-0 truncate text-foreground", children: candidate.title }),
-            /* @__PURE__ */ jsx6(
+            /* @__PURE__ */ jsx7("span", { className: "flex-1 min-w-0 truncate text-foreground", children: candidate.title }),
+            /* @__PURE__ */ jsx7(
               "span",
               {
-                className: cn2(
+                className: cn3(
                   "flex h-5 w-5 items-center justify-center rounded-full shrink-0",
                   attached ? "bg-primary text-primary-foreground" : "border border-border text-muted-foreground group-hover:border-primary/60"
                 ),
-                children: busy ? /* @__PURE__ */ jsx6(SpinnerIcon, { className: "h-3 w-3 animate-spin" }) : attached ? /* @__PURE__ */ jsx6(CheckIcon, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx6(PlusIcon, { className: "h-3 w-3" })
+                children: busy ? /* @__PURE__ */ jsx7(SpinnerIcon, { className: "h-3 w-3 animate-spin" }) : attached ? /* @__PURE__ */ jsx7(CheckIcon, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx7(PlusIcon, { className: "h-3 w-3" })
               }
             )
           ]
@@ -2561,7 +2681,7 @@ function CreateAndAttachFooter({
     }
   };
   if (!editing) {
-    return /* @__PURE__ */ jsxs4(
+    return /* @__PURE__ */ jsxs5(
       "button",
       {
         type: "button",
@@ -2571,10 +2691,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__ */ jsx6(PlusIcon, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx7(PlusIcon, { className: "h-4 w-4" }),
           "New ",
           info.label,
-          seed ? /* @__PURE__ */ jsxs4("span", { className: "max-w-40 truncate text-muted-foreground/70", children: [
+          seed ? /* @__PURE__ */ jsxs5("span", { className: "max-w-40 truncate text-muted-foreground/70", children: [
             "\u201C",
             seed,
             "\u201D"
@@ -2583,8 +2703,8 @@ function CreateAndAttachFooter({
       }
     );
   }
-  return /* @__PURE__ */ jsxs4("div", { className: "mt-2 flex shrink-0 items-center gap-1.5", children: [
-    /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs5("div", { className: "mt-2 flex shrink-0 items-center gap-1.5", children: [
+    /* @__PURE__ */ jsx7(
       Input,
       {
         autoFocus: true,
@@ -2603,17 +2723,17 @@ function CreateAndAttachFooter({
         style: { fontSize: 16 }
       }
     ),
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx7(
       "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__ */ jsx6(SpinnerIcon, { className: "h-3.5 w-3.5 animate-spin" }) : "Create"
+        children: busy ? /* @__PURE__ */ jsx7(SpinnerIcon, { className: "h-3.5 w-3.5 animate-spin" }) : "Create"
       }
     ),
-    /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx7(
       "button",
       {
         type: "button",
@@ -2624,37 +2744,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__ */ jsx6(XIcon, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ jsx7(XIcon, { className: "h-4 w-4" })
       }
     )
   ] });
 }
 function ListMessage({ children }) {
-  return /* @__PURE__ */ jsx6("div", { className: "flex items-center justify-center gap-2 py-8 text-[13px] text-muted-foreground", children });
+  return /* @__PURE__ */ jsx7("div", { className: "flex items-center justify-center gap-2 py-8 text-[13px] text-muted-foreground", children });
 }
 
 // src/react/components/UniversalAssociationPicker.tsx
 import { useState as useState8 } from "react";
-import { cn as cn4, Input as Input2 } from "@ai-matrx/design-system";
+import { Button, cn as cn5, Input as Input2 } from "@ai-matrx/design-system";
 
 // src/react/components/entityDoors.tsx
-import { cn as cn3 } from "@ai-matrx/design-system";
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { cn as cn4 } from "@ai-matrx/design-system";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function DoorRef(props) {
   const { onOpen, ...refProps } = props;
   const { entityDoors } = useAssociationsUiPorts();
   const store = useAssociationsStore();
   const HostRef = entityDoors?.EntityRef;
-  if (HostRef) return /* @__PURE__ */ jsx7(HostRef, { ...refProps });
+  if (HostRef) return /* @__PURE__ */ jsx8(HostRef, { ...refProps });
   const name = refProps.name ?? null;
   const href = store.registry.tryGetEntityInfo(refProps.token)?.hrefFor?.(refProps.id) ?? null;
   if (onOpen) {
-    return /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx8(
       "button",
       {
         type: "button",
         onClick: onOpen,
-        className: cn3(
+        className: cn4(
           "min-w-0 truncate text-left underline-offset-2 hover:underline",
           refProps.className
         ),
@@ -2663,30 +2783,30 @@ function DoorRef(props) {
     );
   }
   if (href) {
-    return /* @__PURE__ */ jsxs5(
+    return /* @__PURE__ */ jsxs6(
       "a",
       {
         href,
         target: refProps.openInNewTab === false ? void 0 : "_blank",
         rel: "noopener noreferrer",
-        className: cn3(
+        className: cn4(
           "inline-flex min-w-0 items-center gap-1 truncate underline-offset-2 hover:underline",
           refProps.className
         ),
         children: [
-          /* @__PURE__ */ jsx7("span", { className: "min-w-0 truncate", children: name }),
-          /* @__PURE__ */ jsx7(ExternalLinkIcon, { className: "h-3 w-3 shrink-0 opacity-0 transition-opacity group-hover:opacity-60" })
+          /* @__PURE__ */ jsx8("span", { className: "min-w-0 truncate", children: name }),
+          /* @__PURE__ */ jsx8(ExternalLinkIcon, { className: "h-3 w-3 shrink-0 opacity-0 transition-opacity group-hover:opacity-60" })
         ]
       }
     );
   }
-  return /* @__PURE__ */ jsx7("span", { className: cn3("min-w-0 truncate", refProps.className), children: name });
+  return /* @__PURE__ */ jsx8("span", { className: cn4("min-w-0 truncate", refProps.className), children: name });
 }
 function UnresolvedRef({ token, id }) {
   const { entityDoors } = useAssociationsUiPorts();
   const HostUnresolved = entityDoors?.UnresolvedRef;
-  if (HostUnresolved) return /* @__PURE__ */ jsx7(HostUnresolved, { token, id });
-  return /* @__PURE__ */ jsx7(
+  if (HostUnresolved) return /* @__PURE__ */ jsx8(HostUnresolved, { token, id });
+  return /* @__PURE__ */ jsx8(
     "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",
@@ -2699,11 +2819,11 @@ function DoorControlsSlot(props) {
   const { entityDoors } = useAssociationsUiPorts();
   const store = useAssociationsStore();
   const HostControls = entityDoors?.DoorControls;
-  if (HostControls) return /* @__PURE__ */ jsx7(HostControls, { ...props });
+  if (HostControls) return /* @__PURE__ */ jsx8(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__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     "a",
     {
       href,
@@ -2711,22 +2831,29 @@ function DoorControlsSlot(props) {
       rel: "noopener noreferrer",
       "aria-label": label,
       title: label,
-      className: cn3(
+      className: cn4(
         "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__ */ jsx7(ExternalLinkIcon, { className: "h-3 w-3" })
+      children: /* @__PURE__ */ jsx8(ExternalLinkIcon, { className: "h-3 w-3" })
     }
   );
 }
 
 // src/react/components/UniversalAssociationPicker.tsx
-import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "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();
@@ -2734,12 +2861,18 @@ function UniversalAssociationPicker(props) {
   const [query, setQuery] = useState8("");
   const [browseToken, setBrowseToken] = useState8(null);
   const [busyKey, setBusyKey] = useState8(null);
-  const { results, loading, isRecents } = useUniversalEntitySearch({
+  const [overrideOpen, setOverrideOpen] = useState8(false);
+  const [overrideMount, setOverrideMount] = useState8(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;
@@ -2763,25 +2896,25 @@ function UniversalAssociationPicker(props) {
     groups.set(r.token, list);
   }
   const BrowseOverride = browseToken ? pickerOverrides?.[browseToken] : void 0;
-  return /* @__PURE__ */ jsxs6("div", { className: cn4("flex min-h-0 flex-1 flex-col gap-2", className), children: [
-    /* @__PURE__ */ jsxs6("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx8(SearchIcon, { className: "absolute left-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
-      /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsxs7("div", { className: cn5("flex min-h-0 flex-1 flex-col gap-2", className), children: [
+    /* @__PURE__ */ jsxs7("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx9(SearchIcon, { className: "absolute left-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+      /* @__PURE__ */ jsx9(
         Input2,
         {
           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__ */ jsx8(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__ */ jsx9(SpinnerIcon, { className: "absolute right-2.5 top-1/2 h-4 w-4 -translate-y-1/2 animate-spin text-muted-foreground" })
     ] }),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx9(
       "div",
       {
         role: "group",
@@ -2791,17 +2924,18 @@ function UniversalAssociationPicker(props) {
           const info = store.registry.getEntityInfo(t);
           const ChipIcon = info.Icon ?? DefaultEntityIcon;
           const active = browseToken === t;
-          return /* @__PURE__ */ jsxs6(
+          return /* @__PURE__ */ jsxs7(
             "button",
             {
               type: "button",
-              onClick: () => setBrowseToken(active ? null : t),
-              className: cn4(
+              "aria-pressed": active,
+              onClick: () => selectToken(active ? null : t),
+              className: cn5(
                 "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__ */ jsx8(ChipIcon, { className: "h-3 w-3" }),
+                /* @__PURE__ */ jsx9(ChipIcon, { className: "h-3 w-3" }),
                 info.labelPlural
               ]
             },
@@ -2813,91 +2947,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__ */ jsx8(
-        BrowseOverride,
+      // It opens in its own window; this body says where it went.
+      /* @__PURE__ */ jsxs7(
+        "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__ */ jsx9("p", { className: "text-sm text-foreground", children: overrideOpen ? `The ${store.registry.getEntityInfo(browseToken).labelPlural.toLowerCase()} window is open.` : `The ${store.registry.getEntityInfo(browseToken).labelPlural.toLowerCase()} window is closed.` }),
+            /* @__PURE__ */ jsx9("p", { className: "max-w-xs text-[12px] text-muted-foreground", children: overrideOpen ? "Check items there to attach them; uncheck to detach. Changes save as you go." : "Reopen it to pick more, or go back to search everything." }),
+            /* @__PURE__ */ jsxs7("div", { className: "flex flex-wrap items-center justify-center gap-2", children: [
+              /* @__PURE__ */ jsxs7(
+                Button,
+                {
+                  type: "button",
+                  size: "sm",
+                  variant: overrideOpen ? "outline" : "default",
+                  onClick: () => {
+                    setOverrideOpen(true);
+                    setOverrideMount((n) => n + 1);
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx9(MaximizeIcon, { className: "mr-1.5 h-3.5 w-3.5" }),
+                    overrideOpen ? "Bring window to front" : "Reopen window"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx9(
+                Button,
+                {
+                  type: "button",
+                  size: "sm",
+                  variant: "ghost",
+                  onClick: () => selectToken(null),
+                  children: "Back to search"
+                }
+              )
+            ] }),
+            overrideOpen && /* @__PURE__ */ jsx9(
+              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__ */ jsx8("div", { className: "flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ jsx8(
+    ) : browseToken ? /* @__PURE__ */ jsx9("div", { className: "flex min-h-0 flex-1 flex-col", children: /* @__PURE__ */ jsx9(
       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__ */ jsx8(
+    ) }) : /* @__PURE__ */ jsx9(
       "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__ */ jsx8("p", { className: "py-6 text-center text-[12px] text-muted-foreground", children: loading ? "Searching\u2026" : query.trim() ? "No matches \u2014 narrow with a type chip to browse." : "No recent items. Type to search, or pick a type to browse." }) : /* @__PURE__ */ jsxs6("div", { className: "space-y-2", children: [
-          isRecents && /* @__PURE__ */ jsx8("p", { className: "px-1 text-[10px] font-medium uppercase tracking-wider text-muted-foreground/60", children: "Recent" }),
+        children: error ? /* @__PURE__ */ jsx9(
+          SearchFailureNotice,
+          {
+            error,
+            failures,
+            operation: "Search to attach",
+            origin: "associations/UniversalAssociationPicker"
+          }
+        ) : results.length === 0 && failures.length === 0 ? /* @__PURE__ */ jsx9("p", { className: "py-6 text-center text-[12px] text-muted-foreground", children: loading ? "Searching\u2026" : query.trim() ? "No matches \u2014 narrow with a type chip to browse." : "Nothing to attach yet. Type to search, or pick a type to browse." }) : /* @__PURE__ */ jsxs7("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx9(
+            SearchFailureNotice,
+            {
+              error: null,
+              failures,
+              operation: "Search to attach",
+              origin: "associations/UniversalAssociationPicker"
+            }
+          ),
+          source !== "search" && results.length > 0 && /* @__PURE__ */ jsx9("p", { className: "px-1 text-[10px] font-medium uppercase tracking-wider text-muted-foreground/60", children: source === "recents" ? "Recent" : "Browse" }),
           [...groups.entries()].map(([token, items]) => {
             const info = store.registry.getEntityInfo(token);
             const GroupIcon = info.Icon ?? DefaultEntityIcon;
-            return /* @__PURE__ */ jsxs6("div", { className: "space-y-0.5", children: [
-              /* @__PURE__ */ jsxs6("p", { className: "flex items-center gap-1 px-1 text-[10px] font-medium uppercase tracking-wider text-muted-foreground/70", children: [
-                /* @__PURE__ */ jsx8(GroupIcon, { className: "h-3 w-3" }),
+            return /* @__PURE__ */ jsxs7("div", { className: "space-y-0.5", children: [
+              /* @__PURE__ */ jsxs7("p", { className: "flex items-center gap-1 px-1 text-[10px] font-medium uppercase tracking-wider text-muted-foreground/70", children: [
+                /* @__PURE__ */ jsx9(GroupIcon, { className: "h-3 w-3" }),
                 info.labelPlural
               ] }),
-              /* @__PURE__ */ jsx8("ul", { className: "space-y-0.5", children: items.map((c) => {
+              /* @__PURE__ */ jsx9("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__ */ jsxs6(
+                return /* @__PURE__ */ jsxs7(
                   "li",
                   {
-                    className: cn4(
+                    className: cn5(
                       "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__ */ jsxs6(
+                      /* @__PURE__ */ jsxs7(
                         "button",
                         {
                           type: "button",
                           disabled: busy,
                           onClick: () => toggle(c),
                           title: attached ? `Detach "${c.title}"` : `Attach "${c.title}"`,
-                          className: cn4(
+                          className: cn5(
                             "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__ */ jsx8("span", { className: "min-w-0 flex-1 truncate text-foreground", children: c.title }),
-                            /* @__PURE__ */ jsx8(
+                            /* @__PURE__ */ jsx9("span", { className: "min-w-0 flex-1 truncate text-foreground", children: c.title }),
+                            /* @__PURE__ */ jsx9(
                               "span",
                               {
-                                className: cn4(
+                                className: cn5(
                                   "flex h-5 w-5 shrink-0 items-center justify-center rounded-full",
                                   attached ? "bg-primary text-primary-foreground" : "border border-border text-muted-foreground group-hover:border-primary/60"
                                 ),
-                                children: busy ? /* @__PURE__ */ jsx8(SpinnerIcon, { className: "h-3 w-3 animate-spin" }) : attached ? /* @__PURE__ */ jsx8(CheckIcon, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx8(PlusIcon, { className: "h-3 w-3" })
+                                children: busy ? /* @__PURE__ */ jsx9(SpinnerIcon, { className: "h-3 w-3 animate-spin" }) : attached ? /* @__PURE__ */ jsx9(CheckIcon, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx9(PlusIcon, { className: "h-3 w-3" })
                               }
                             )
                           ]
                         }
                       ),
-                      /* @__PURE__ */ jsx8(
+                      /* @__PURE__ */ jsx9(
                         DoorControlsSlot,
                         {
                           token: c.token,
@@ -2920,8 +3113,8 @@ function UniversalAssociationPicker(props) {
 
 // src/react/components/AttachedItemsSheet.tsx
 import { useEffect as useEffect9, useState as useState9 } from "react";
-import { cn as cn5 } from "@ai-matrx/design-system";
-import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { cn as cn6 } from "@ai-matrx/design-system";
+import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function metadataIsPinned(metadata) {
   return metadata !== null && typeof metadata === "object" && !Array.isArray(metadata) && Reflect.get(metadata, "pinned") === true;
 }
@@ -2932,9 +3125,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__ */ jsxs7("span", { className: "inline-flex min-w-0 max-w-full items-center gap-1", children: [
+  const subtitle = props.container ? /* @__PURE__ */ jsxs8("span", { className: "inline-flex min-w-0 max-w-full items-center gap-1", children: [
     filing ? "What this is filed under:" : "Attached to",
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx10(
       DoorRef,
       {
         token: props.container.type,
@@ -2945,16 +3138,16 @@ function AttachedItemsSheet(props) {
     )
   ] }) : props.containerLabel ? `Attached to ${props.containerLabel}` : "Attached items";
   if (!props.open) return null;
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     AssociationWindow,
     {
       open: props.open,
       onClose: () => props.onOpenChange(false),
       scopeId: `attached:${props.token}`,
       title,
-      icon: /* @__PURE__ */ jsx9(Icon, { className: "size-3.5 text-primary" }),
+      icon: /* @__PURE__ */ jsx10(Icon, { className: "size-3.5 text-primary" }),
       subtitle,
-      children: /* @__PURE__ */ jsx9(
+      children: /* @__PURE__ */ jsx10(
         AttachedItemsBody,
         {
           token: props.token,
@@ -3043,31 +3236,31 @@ function AttachedItemsBody({
       setBusyId(null);
     }
   };
-  return /* @__PURE__ */ jsxs7(Fragment2, { children: [
-    titleError ? /* @__PURE__ */ jsxs7("div", { className: "mb-2 rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-[12px] text-destructive", children: [
+  return /* @__PURE__ */ jsxs8(Fragment2, { children: [
+    titleError ? /* @__PURE__ */ jsxs8("div", { className: "mb-2 rounded-md border border-destructive/40 bg-destructive/10 px-3 py-2 text-[12px] text-destructive", children: [
       "Showing names recorded at attach time \u2014 they may be out of date.",
       " ",
       titleError
     ] }) : null,
-    /* @__PURE__ */ jsx9("div", { className: "flex-1 min-h-0 overflow-y-auto -mx-1 px-1", children: links.length === 0 ? /* @__PURE__ */ jsx9("div", { className: "flex items-center justify-center py-8 text-[13px] text-muted-foreground", children: "Nothing attached yet." }) : titles === null ? /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-center gap-2 py-8 text-[13px] text-muted-foreground", children: [
-      /* @__PURE__ */ jsx9(SpinnerIcon, { className: "h-4 w-4 animate-spin" }),
+    /* @__PURE__ */ jsx10("div", { className: "flex-1 min-h-0 overflow-y-auto -mx-1 px-1", children: links.length === 0 ? /* @__PURE__ */ jsx10("div", { className: "flex items-center justify-center py-8 text-[13px] text-muted-foreground", children: "Nothing attached yet." }) : titles === null ? /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-center gap-2 py-8 text-[13px] text-muted-foreground", children: [
+      /* @__PURE__ */ jsx10(SpinnerIcon, { className: "h-4 w-4 animate-spin" }),
       "Loading\u2026"
-    ] }) : /* @__PURE__ */ jsx9("ul", { className: "space-y-0.5", children: links.map((link) => {
+    ] }) : /* @__PURE__ */ jsx10("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__ */ jsxs7(
+      return /* @__PURE__ */ jsxs8(
         "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__ */ jsx9(Icon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
-            /* @__PURE__ */ jsx9("span", { className: "flex-1 min-w-0 truncate", children: name === null ? (
+            /* @__PURE__ */ jsx10(Icon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+            /* @__PURE__ */ jsx10("span", { className: "flex-1 min-w-0 truncate", children: name === null ? (
               // The X beside the row stays the one-click detach.
-              /* @__PURE__ */ jsx9(UnresolvedRef, { token, id: link.resourceId })
-            ) : /* @__PURE__ */ jsx9(
+              /* @__PURE__ */ jsx10(UnresolvedRef, { token, id: link.resourceId })
+            ) : /* @__PURE__ */ jsx10(
               DoorRef,
               {
                 token,
@@ -3077,7 +3270,7 @@ function AttachedItemsBody({
                 className: "text-foreground"
               }
             ) }),
-            onSetPinned ? /* @__PURE__ */ jsx9(
+            onSetPinned ? /* @__PURE__ */ jsx10(
               "button",
               {
                 type: "button",
@@ -3085,14 +3278,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: cn5(
+                className: cn6(
                   "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__ */ jsx9(
+                children: /* @__PURE__ */ jsx10(
                   PinIcon,
                   {
-                    className: cn5(
+                    className: cn6(
                       "h-3.5 w-3.5",
                       pinned && "fill-primary/20"
                     )
@@ -3100,18 +3293,18 @@ function AttachedItemsBody({
                 )
               }
             ) : null,
-            /* @__PURE__ */ jsx9(
+            /* @__PURE__ */ jsx10(
               "button",
               {
                 type: "button",
                 disabled: busy,
                 onClick: () => void detach(link),
                 title: "Detach",
-                className: cn5(
+                className: cn6(
                   "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__ */ jsx9(SpinnerIcon, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx9(XIcon, { className: "h-3.5 w-3.5" })
+                children: busy ? /* @__PURE__ */ jsx10(SpinnerIcon, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx10(XIcon, { className: "h-3.5 w-3.5" })
               }
             )
           ]
@@ -3119,14 +3312,14 @@ function AttachedItemsBody({
         link.edgeId
       );
     }) }) }),
-    onAdd ? /* @__PURE__ */ jsxs7(
+    onAdd ? /* @__PURE__ */ jsxs8(
       "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__ */ jsx9(PlusIcon, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx10(PlusIcon, { className: "h-4 w-4" }),
           "Attach ",
           info.labelPlural.toLowerCase()
         ]
@@ -3137,7 +3330,7 @@ function AttachedItemsBody({
 
 // src/react/components/AssociationCard.tsx
 import { useState as useState10 } from "react";
-import { cn as cn6 } from "@ai-matrx/design-system";
+import { cn as cn7 } from "@ai-matrx/design-system";
 
 // src/react/contentRoles.ts
 var CONTENT_ROLES = [
@@ -3187,7 +3380,7 @@ function getContentRoleMeta(role) {
 }
 
 // src/react/components/AssociationCard.tsx
-import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 function AssociationCard({
   token,
   container: containerProp,
@@ -3223,58 +3416,58 @@ function AssociationCard({
   const filing = container.direction === "outgoing";
   const canAttach = info.canListCandidates && (!filing || isAssociationTargetType(token));
   const canDrillIn = count > 0;
-  return /* @__PURE__ */ jsxs8(Fragment3, { children: [
-    /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(Fragment3, { children: [
+    /* @__PURE__ */ jsxs9(
       "div",
       {
-        className: cn6(
+        className: cn7(
           "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__ */ jsx10(
+          /* @__PURE__ */ jsx11(
             "span",
             {
-              className: cn6(
+              className: cn7(
                 "absolute inset-x-0 top-0 h-0.5 opacity-60",
                 role.accentBar
               )
             }
           ),
-          /* @__PURE__ */ jsxs8(
+          /* @__PURE__ */ jsxs9(
             "button",
             {
               type: "button",
               disabled: !canDrillIn,
               onClick: () => setListOpen(true),
               title: canDrillIn ? `View the ${info.labelPlural.toLowerCase()} attached to ${container.label ?? "this"}` : void 0,
-              className: cn6(
+              className: cn7(
                 "flex min-w-0 flex-1 items-center gap-3 px-3 py-2.5 text-left",
                 canDrillIn ? "cursor-pointer" : "cursor-default"
               ),
               children: [
-                /* @__PURE__ */ jsx10(
+                /* @__PURE__ */ jsx11(
                   "span",
                   {
-                    className: cn6(
+                    className: cn7(
                       "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg",
                       role.accentBg,
                       role.accentText
                     ),
-                    children: /* @__PURE__ */ jsx10(Icon, { className: "h-4 w-4" })
+                    children: /* @__PURE__ */ jsx11(Icon, { className: "h-4 w-4" })
                   }
                 ),
-                /* @__PURE__ */ jsxs8("span", { className: "min-w-0 flex-1", children: [
-                  /* @__PURE__ */ jsx10("span", { className: "block truncate text-sm font-medium text-foreground", children: info.labelPlural }),
-                  /* @__PURE__ */ jsx10("span", { className: "block text-[11px] text-muted-foreground tabular-nums", children: loading ? /* @__PURE__ */ jsxs8("span", { className: "inline-flex items-center gap-1", children: [
-                    /* @__PURE__ */ jsx10(SpinnerIcon, { className: "h-3 w-3 animate-spin" }),
+                /* @__PURE__ */ jsxs9("span", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsx11("span", { className: "block truncate text-sm font-medium text-foreground", children: info.labelPlural }),
+                  /* @__PURE__ */ jsx11("span", { className: "block text-[11px] text-muted-foreground tabular-nums", children: loading ? /* @__PURE__ */ jsxs9("span", { className: "inline-flex items-center gap-1", children: [
+                    /* @__PURE__ */ jsx11(SpinnerIcon, { className: "h-3 w-3 animate-spin" }),
                     "Loading\u2026"
                   ] }) : `${count} ${container.direction === "outgoing" ? "filed under" : "attached"}` })
                 ] })
               ]
             }
           ),
-          canAttach && /* @__PURE__ */ jsx10(
+          canAttach && /* @__PURE__ */ jsx11(
             "button",
             {
               type: "button",
@@ -3282,13 +3475,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__ */ jsx10(PlusIcon, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx11(PlusIcon, { className: "h-4 w-4" })
             }
           )
         ]
       }
     ),
-    listOpen && /* @__PURE__ */ jsx10(
+    listOpen && /* @__PURE__ */ jsx11(
       AttachedItemsSheet,
       {
         open: listOpen,
@@ -3307,7 +3500,7 @@ function AssociationCard({
         onSetPinned: (resourceId, pinned, role2) => setPinned(token, resourceId, pinned, role2 ?? void 0)
       }
     ),
-    canAttach && /* @__PURE__ */ jsx10(
+    canAttach && /* @__PURE__ */ jsx11(
       AssociationPicker,
       {
         open,
@@ -3325,8 +3518,8 @@ function AssociationCard({
 }
 
 // src/react/components/AssociationCardGrid.tsx
-import { cn as cn7 } from "@ai-matrx/design-system";
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { cn as cn8 } from "@ai-matrx/design-system";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function AssociationCardGrid({
   tokens,
   excludeTokens,
@@ -3352,42 +3545,42 @@ function AssociationCardGrid({
     const role = store.registry.getEntityInfo(token).contentRole;
     return !role || !roleIds.has(role);
   }) : [];
-  return /* @__PURE__ */ jsxs9("div", { className: cn7("space-y-5", className), children: [
+  return /* @__PURE__ */ jsxs10("div", { className: cn8("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__ */ jsxs9("section", { children: [
-        /* @__PURE__ */ jsxs9("div", { className: "mb-2.5 flex items-baseline gap-3 pl-1.5", children: [
-          /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx11(
+      return /* @__PURE__ */ jsxs10("section", { children: [
+        /* @__PURE__ */ jsxs10("div", { className: "mb-2.5 flex items-baseline gap-3 pl-1.5", children: [
+          /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx12(
               "span",
               {
-                className: cn7("h-2.5 w-2.5 rounded-full", role.accentBar)
+                className: cn8("h-2.5 w-2.5 rounded-full", role.accentBar)
               }
             ),
-            /* @__PURE__ */ jsx11("h3", { className: "text-sm font-semibold text-foreground", children: role.title })
+            /* @__PURE__ */ jsx12("h3", { className: "text-sm font-semibold text-foreground", children: role.title })
           ] }),
-          /* @__PURE__ */ jsx11("p", { className: "hidden text-xs text-muted-foreground sm:block", children: role.tagline })
+          /* @__PURE__ */ jsx12("p", { className: "hidden text-xs text-muted-foreground sm:block", children: role.tagline })
         ] }),
-        /* @__PURE__ */ jsx11("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3", children: inRole.map((token) => /* @__PURE__ */ jsx11(AssociationCard, { token }, token)) })
+        /* @__PURE__ */ jsx12("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3", children: inRole.map((token) => /* @__PURE__ */ jsx12(AssociationCard, { token }, token)) })
       ] }, role.id);
     }),
-    roleless.length > 0 && /* @__PURE__ */ jsxs9("section", { children: [
-      /* @__PURE__ */ jsxs9("div", { className: "mb-2.5 flex items-baseline gap-3 pl-1.5", children: [
-        /* @__PURE__ */ jsx11("h3", { className: "text-sm font-semibold text-foreground", children: "Filed under" }),
-        /* @__PURE__ */ jsx11("p", { className: "hidden text-xs text-muted-foreground sm:block", children: "Libraries, topics and other places this is kept." })
+    roleless.length > 0 && /* @__PURE__ */ jsxs10("section", { children: [
+      /* @__PURE__ */ jsxs10("div", { className: "mb-2.5 flex items-baseline gap-3 pl-1.5", children: [
+        /* @__PURE__ */ jsx12("h3", { className: "text-sm font-semibold text-foreground", children: "Filed under" }),
+        /* @__PURE__ */ jsx12("p", { className: "hidden text-xs text-muted-foreground sm:block", children: "Libraries, topics and other places this is kept." })
       ] }),
-      /* @__PURE__ */ jsx11("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3", children: roleless.map((token) => /* @__PURE__ */ jsx11(AssociationCard, { token }, token)) })
+      /* @__PURE__ */ jsx12("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3", children: roleless.map((token) => /* @__PURE__ */ jsx12(AssociationCard, { token }, token)) })
     ] })
   ] });
 }
 
 // src/react/components/AssociationList.tsx
 import { useState as useState11 } from "react";
-import { cn as cn8, Skeleton } from "@ai-matrx/design-system";
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { cn as cn9, Skeleton } from "@ai-matrx/design-system";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function metadataIsPinned2(metadata) {
   return metadata !== null && typeof metadata === "object" && !Array.isArray(metadata) && Reflect.get(metadata, "pinned") === true;
 }
@@ -3493,40 +3686,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__ */ jsxs10("div", { className: cn8("flex flex-col gap-2 text-foreground", props.className), children: [
-    /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between gap-2 px-1", children: [
-      /* @__PURE__ */ jsxs10("h3", { className: "flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: [
-        /* @__PURE__ */ jsx12(Link2Icon, { className: "h-3.5 w-3.5" }),
+  return /* @__PURE__ */ jsxs11("div", { className: cn9("flex flex-col gap-2 text-foreground", props.className), children: [
+    /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between gap-2 px-1", children: [
+      /* @__PURE__ */ jsxs11("h3", { className: "flex items-center gap-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: [
+        /* @__PURE__ */ jsx13(Link2Icon, { className: "h-3.5 w-3.5" }),
         "Resources",
-        visibleRows.length > 0 && /* @__PURE__ */ jsx12("span", { className: "rounded bg-muted px-1 text-[10px] font-medium text-muted-foreground", children: visibleRows.length })
+        visibleRows.length > 0 && /* @__PURE__ */ jsx13("span", { className: "rounded bg-muted px-1 text-[10px] font-medium text-muted-foreground", children: visibleRows.length })
       ] }),
-      /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsxs10(
+      /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsxs11(
           "button",
           {
             type: "button",
             onClick: () => setShowUniversal((v) => !v),
-            className: cn8(
+            className: cn9(
               "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__ */ jsx12(PlusIcon, { className: "h-3 w-3" }),
+              /* @__PURE__ */ jsx13(PlusIcon, { className: "h-3 w-3" }),
               "Add"
             ]
           }
         ),
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13(
           "button",
           {
             type: "button",
             onClick: () => void adapter.reload(),
             title: "Refresh",
             className: "text-muted-foreground/60 transition-colors hover:text-foreground",
-            children: /* @__PURE__ */ jsx12(
+            children: /* @__PURE__ */ jsx13(
               RefreshIcon,
               {
-                className: cn8(
+                className: cn9(
                   "h-3 w-3",
                   adapter.status === "loading" && "animate-spin"
                 )
@@ -3536,7 +3729,7 @@ function AssociationList(props) {
         )
       ] })
     ] }),
-    showUniversal && /* @__PURE__ */ jsx12("div", { className: "rounded-md border border-border/60 bg-muted/30 p-2 max-h-80 flex flex-col", children: /* @__PURE__ */ jsx12(
+    showUniversal && /* @__PURE__ */ jsx13("div", { className: "rounded-md border border-border/60 bg-muted/30 p-2 max-h-80 flex flex-col", children: /* @__PURE__ */ jsx13(
       UniversalAssociationPicker,
       {
         tokens: attachableTokens,
@@ -3546,9 +3739,9 @@ function AssociationList(props) {
         onDetach: (token, id) => adapter.detach(token, id)
       }
     ) }),
-    adapter.status === "error" && /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between gap-2 rounded-md border border-destructive/40 bg-destructive/10 px-2.5 py-2", children: [
-      /* @__PURE__ */ jsx12("span", { className: "truncate text-[11px] text-destructive", children: adapter.error || "Failed to load resources" }),
-      /* @__PURE__ */ jsx12(
+    adapter.status === "error" && /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between gap-2 rounded-md border border-destructive/40 bg-destructive/10 px-2.5 py-2", children: [
+      /* @__PURE__ */ jsx13("span", { className: "truncate text-[11px] text-destructive", children: adapter.error || "Failed to load resources" }),
+      /* @__PURE__ */ jsx13(
         "button",
         {
           type: "button",
@@ -3558,29 +3751,29 @@ function AssociationList(props) {
         }
       )
     ] }),
-    adapter.status !== "error" && isLoading && visibleRows.length === 0 && /* @__PURE__ */ jsxs10("div", { className: "space-y-1.5 px-1", children: [
-      /* @__PURE__ */ jsx12(Skeleton, { className: "h-3 w-20" }),
-      /* @__PURE__ */ jsx12(Skeleton, { className: "h-7 w-full rounded-md" }),
-      /* @__PURE__ */ jsx12(Skeleton, { className: "h-7 w-3/4 rounded-md" })
+    adapter.status !== "error" && isLoading && visibleRows.length === 0 && /* @__PURE__ */ jsxs11("div", { className: "space-y-1.5 px-1", children: [
+      /* @__PURE__ */ jsx13(Skeleton, { className: "h-3 w-20" }),
+      /* @__PURE__ */ jsx13(Skeleton, { className: "h-7 w-full rounded-md" }),
+      /* @__PURE__ */ jsx13(Skeleton, { className: "h-7 w-3/4 rounded-md" })
     ] }),
-    adapter.status === "ready" && visibleRows.length === 0 && /* @__PURE__ */ jsx12("p", { className: "px-1 py-1 text-[11px] text-muted-foreground", children: "Nothing attached yet \u2014 use Add to link anything." }),
-    visibleRows.length > 0 && /* @__PURE__ */ jsx12("div", { className: "space-y-2.5", children: grouped.map(({ role, tokens: tokenGroups }) => {
+    adapter.status === "ready" && visibleRows.length === 0 && /* @__PURE__ */ jsx13("p", { className: "px-1 py-1 text-[11px] text-muted-foreground", children: "Nothing attached yet \u2014 use Add to link anything." }),
+    visibleRows.length > 0 && /* @__PURE__ */ jsx13("div", { className: "space-y-2.5", children: grouped.map(({ role, tokens: tokenGroups }) => {
       const roleMeta = getContentRoleMeta(role);
-      return /* @__PURE__ */ jsxs10("div", { className: "space-y-1.5", children: [
-        variant === "full" && /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-1.5 px-1", children: [
-          /* @__PURE__ */ jsx12(
+      return /* @__PURE__ */ jsxs11("div", { className: "space-y-1.5", children: [
+        variant === "full" && /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-1.5 px-1", children: [
+          /* @__PURE__ */ jsx13(
             "span",
             {
-              className: cn8(
+              className: cn9(
                 "h-3 w-0.5 rounded-full",
                 roleMeta.accentBar
               )
             }
           ),
-          /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsx13(
             "p",
             {
-              className: cn8(
+              className: cn9(
                 "text-[10px] font-semibold uppercase tracking-wider",
                 roleMeta.accentText
               ),
@@ -3590,28 +3783,28 @@ function AssociationList(props) {
         ] }),
         tokenGroups.map(({ info, token, rows: tokenRows }) => {
           const TokenIcon = info?.Icon ?? null;
-          return /* @__PURE__ */ jsxs10("div", { className: "space-y-0.5", children: [
-            /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between gap-1 px-1", children: [
-              /* @__PURE__ */ jsxs10("p", { className: "flex items-center gap-1 text-[10px] font-medium text-muted-foreground/80", children: [
-                TokenIcon ? /* @__PURE__ */ jsx12(TokenIcon, { className: "h-3 w-3" }) : null,
+          return /* @__PURE__ */ jsxs11("div", { className: "space-y-0.5", children: [
+            /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between gap-1 px-1", children: [
+              /* @__PURE__ */ jsxs11("p", { className: "flex items-center gap-1 text-[10px] font-medium text-muted-foreground/80", children: [
+                TokenIcon ? /* @__PURE__ */ jsx13(TokenIcon, { className: "h-3 w-3" }) : null,
                 info?.labelPlural ?? titleize(token),
-                /* @__PURE__ */ jsx12("span", { className: "text-muted-foreground/50", children: tokenRows.length })
+                /* @__PURE__ */ jsx13("span", { className: "text-muted-foreground/50", children: tokenRows.length })
               ] }),
-              /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-1", children: [
                 props.renderSectionActions && info ? props.renderSectionActions(info.token) : null,
-                info?.canListCandidates && /* @__PURE__ */ jsx12(
+                info?.canListCandidates && /* @__PURE__ */ jsx13(
                   "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__ */ jsx12(PlusIcon, { className: "h-3 w-3" })
+                    children: /* @__PURE__ */ jsx13(PlusIcon, { className: "h-3 w-3" })
                   }
                 )
               ] })
             ] }),
-            /* @__PURE__ */ jsx12("ul", { className: "space-y-0.5", children: tokenRows.map((row) => {
+            /* @__PURE__ */ jsx13("ul", { className: "space-y-0.5", children: tokenRows.map((row) => {
               const busy = removingKeys.has(row.key);
               const custom = props.renderRow?.(row, {
                 title: titleFor({
@@ -3624,12 +3817,12 @@ function AssociationList(props) {
                 onOpen: () => openRow(row)
               });
               if (custom != null) {
-                return /* @__PURE__ */ jsx12("li", { children: custom }, row.key);
+                return /* @__PURE__ */ jsx13("li", { children: custom }, row.key);
               }
-              return /* @__PURE__ */ jsx12("li", { children: /* @__PURE__ */ jsxs10(
+              return /* @__PURE__ */ jsx13("li", { children: /* @__PURE__ */ jsxs11(
                 "div",
                 {
-                  className: cn8(
+                  className: cn9(
                     "group flex items-center gap-2 rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-accent",
                     busy && "opacity-50"
                   ),
@@ -3638,7 +3831,7 @@ function AssociationList(props) {
                       token: row.token,
                       id: row.resourceId,
                       label: row.label
-                    }) ? /* @__PURE__ */ jsx12("span", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx12(UnresolvedRef, { token: row.token, id: row.resourceId }) }) : /* @__PURE__ */ jsx12(
+                    }) ? /* @__PURE__ */ jsx13("span", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx13(UnresolvedRef, { token: row.token, id: row.resourceId }) }) : /* @__PURE__ */ jsx13(
                       DoorRef,
                       {
                         token: row.token,
@@ -3654,9 +3847,9 @@ function AssociationList(props) {
                         className: "min-w-0 flex-1 text-foreground"
                       }
                     ),
-                    row.originRefs && row.originRefs.length > 0 ? /* @__PURE__ */ jsxs10("span", { className: "flex shrink-0 items-center gap-1 text-[10px] text-muted-foreground/60", children: [
+                    row.originRefs && row.originRefs.length > 0 ? /* @__PURE__ */ jsxs11("span", { className: "flex shrink-0 items-center gap-1 text-[10px] text-muted-foreground/60", children: [
                       "via",
-                      row.originRefs.map((origin) => /* @__PURE__ */ jsx12(
+                      row.originRefs.map((origin) => /* @__PURE__ */ jsx13(
                         DoorRef,
                         {
                           token: origin.token,
@@ -3668,8 +3861,8 @@ function AssociationList(props) {
                         },
                         `${origin.token}:${origin.id}`
                       ))
-                    ] }) : row.originNote ? /* @__PURE__ */ jsx12("span", { className: "shrink-0 text-[10px] text-muted-foreground/60", children: row.originNote }) : null,
-                    adapter.setPinned && info && row.removable && /* @__PURE__ */ jsx12(
+                    ] }) : row.originNote ? /* @__PURE__ */ jsx13("span", { className: "shrink-0 text-[10px] text-muted-foreground/60", children: row.originNote }) : null,
+                    adapter.setPinned && info && row.removable && /* @__PURE__ */ jsx13(
                       "button",
                       {
                         type: "button",
@@ -3677,14 +3870,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: cn8(
+                        className: cn9(
                           "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__ */ jsx12(SpinnerIcon, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ jsx12(
+                        children: pinningKeys.has(row.key) ? /* @__PURE__ */ jsx13(SpinnerIcon, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ jsx13(
                           PinIcon,
                           {
-                            className: cn8(
+                            className: cn9(
                               "h-3 w-3",
                               row.pinned && "fill-primary/20"
                             )
@@ -3692,7 +3885,7 @@ function AssociationList(props) {
                         )
                       }
                     ),
-                    row.removable && /* @__PURE__ */ jsx12(
+                    row.removable && /* @__PURE__ */ jsx13(
                       "button",
                       {
                         type: "button",
@@ -3701,7 +3894,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__ */ jsx12(SpinnerIcon, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ jsx12(XIcon, { className: "h-3 w-3" })
+                        children: busy ? /* @__PURE__ */ jsx13(SpinnerIcon, { className: "h-3 w-3 animate-spin" }) : /* @__PURE__ */ jsx13(XIcon, { className: "h-3 w-3" })
                       }
                     )
                   ]
@@ -3712,7 +3905,7 @@ function AssociationList(props) {
         })
       ] }, role);
     }) }),
-    pickerToken && /* @__PURE__ */ jsx12(
+    pickerToken && /* @__PURE__ */ jsx13(
       AssociationPicker,
       {
         open: true,
@@ -3769,8 +3962,8 @@ function titleize(token) {
 
 // src/react/components/AssociationCaptureToolbar.tsx
 import { useRef as useRef8, useState as useState12 } from "react";
-import { Button, cn as cn9, Input as Input3 } from "@ai-matrx/design-system";
-import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { Button as Button2, cn as cn10, Input as Input3 } from "@ai-matrx/design-system";
+import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function AssociationCaptureToolbar({
   attach,
   uploadFolderPath,
@@ -4001,10 +4194,10 @@ function AssociationCaptureToolbar({
     }
   };
   const anyBuiltIn = actions.upload || actions.addFile || actions.newDocument;
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
-      className: cn9(
+      className: cn10(
         "relative flex h-full min-h-0 flex-col",
         isDragOver && "ring-2 ring-inset ring-primary/50",
         className
@@ -4022,11 +4215,11 @@ function AssociationCaptureToolbar({
       },
       onDrop: handleDrop,
       children: [
-        isDragOver ? /* @__PURE__ */ jsx13("div", { className: "pointer-events-none absolute inset-0 z-10 grid place-items-center bg-background/70", children: /* @__PURE__ */ jsxs11("span", { className: "flex items-center gap-2 rounded-md border border-primary/40 bg-card px-3 py-1.5 text-xs font-medium text-foreground", children: [
-          /* @__PURE__ */ jsx13(UploadIcon, { className: "size-3.5 text-primary" }),
+        isDragOver ? /* @__PURE__ */ jsx14("div", { className: "pointer-events-none absolute inset-0 z-10 grid place-items-center bg-background/70", children: /* @__PURE__ */ jsxs12("span", { className: "flex items-center gap-2 rounded-md border border-primary/40 bg-card px-3 py-1.5 text-xs font-medium text-foreground", children: [
+          /* @__PURE__ */ jsx14(UploadIcon, { className: "size-3.5 text-primary" }),
           "Drop to upload & attach"
         ] }) }) : null,
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14(
           "input",
           {
             ref: fileInputRef,
@@ -4036,8 +4229,8 @@ function AssociationCaptureToolbar({
             onChange: handleFilesSelected
           }
         ),
-        showToolbar && (anyBuiltIn || extraActions) ? /* @__PURE__ */ jsx13("div", { className: "flex flex-wrap items-center gap-0.5 border-b border-border/60 px-1.5 py-1", children: namingDoc ? /* @__PURE__ */ jsxs11("div", { className: "flex flex-1 items-center gap-1.5 py-0.5", children: [
-          /* @__PURE__ */ jsx13(
+        showToolbar && (anyBuiltIn || extraActions) ? /* @__PURE__ */ jsx14("div", { className: "flex flex-wrap items-center gap-0.5 border-b border-border/60 px-1.5 py-1", children: namingDoc ? /* @__PURE__ */ jsxs12("div", { className: "flex flex-1 items-center gap-1.5 py-0.5", children: [
+          /* @__PURE__ */ jsx14(
             Input3,
             {
               autoFocus: true,
@@ -4056,17 +4249,17 @@ function AssociationCaptureToolbar({
               style: { fontSize: 16 }
             }
           ),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             "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__ */ jsx13(SpinnerIcon, { className: "size-3.5 animate-spin" }) : "Create"
+              children: creatingDoc ? /* @__PURE__ */ jsx14(SpinnerIcon, { className: "size-3.5 animate-spin" }) : "Create"
             }
           ),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             "button",
             {
               type: "button",
@@ -4079,8 +4272,8 @@ function AssociationCaptureToolbar({
               children: "Cancel"
             }
           )
-        ] }) : /* @__PURE__ */ jsxs11(Fragment4, { children: [
-          actions.upload ? /* @__PURE__ */ jsx13(
+        ] }) : /* @__PURE__ */ jsxs12(Fragment4, { children: [
+          actions.upload ? /* @__PURE__ */ jsx14(
             CaptureToolbarAction,
             {
               icon: isUploading ? SpinnerIcon : UploadIcon,
@@ -4090,7 +4283,7 @@ function AssociationCaptureToolbar({
               disabled: isPicking || isUploading
             }
           ) : null,
-          actions.addFile ? /* @__PURE__ */ jsx13(
+          actions.addFile ? /* @__PURE__ */ jsx14(
             CaptureToolbarAction,
             {
               icon: isPicking ? SpinnerIcon : FolderOpenIcon,
@@ -4100,8 +4293,8 @@ function AssociationCaptureToolbar({
               disabled: isPicking || isUploading
             }
           ) : null,
-          (actions.upload || actions.addFile) && actions.newDocument ? /* @__PURE__ */ jsx13("span", { className: "mx-1 h-4 w-px bg-border" }) : null,
-          actions.newDocument ? /* @__PURE__ */ jsx13(
+          (actions.upload || actions.addFile) && actions.newDocument ? /* @__PURE__ */ jsx14("span", { className: "mx-1 h-4 w-px bg-border" }) : null,
+          actions.newDocument ? /* @__PURE__ */ jsx14(
             CaptureToolbarAction,
             {
               icon: creatingDoc ? SpinnerIcon : PlusIcon,
@@ -4125,8 +4318,8 @@ function CaptureToolbarAction({
   disabled,
   spinning
 }) {
-  return /* @__PURE__ */ jsxs11(
-    Button,
+  return /* @__PURE__ */ jsxs12(
+    Button2,
     {
       type: "button",
       size: "sm",
@@ -4135,7 +4328,7 @@ function CaptureToolbarAction({
       disabled,
       className: "h-7 gap-1 px-2 text-[11px] text-muted-foreground hover:text-foreground",
       children: [
-        /* @__PURE__ */ jsx13(Icon, { className: cn9("size-3.5", spinning && "animate-spin") }),
+        /* @__PURE__ */ jsx14(Icon, { className: cn10("size-3.5", spinning && "animate-spin") }),
         label
       ]
     }
@@ -4144,7 +4337,7 @@ function CaptureToolbarAction({
 
 // src/react/lazyPorts.tsx
 import { Suspense, lazy } from "react";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function lazyComponent(load) {
   return lazy(async () => {
     const loaded = await load();
@@ -4154,14 +4347,14 @@ function lazyComponent(load) {
 function lazyWindowShell(load) {
   const Loaded = lazyComponent(load);
   return function LazyWindowShell(props) {
-    return /* @__PURE__ */ jsx14(Suspense, { fallback: null, children: /* @__PURE__ */ jsx14(Loaded, { ...props }) });
+    return /* @__PURE__ */ jsx15(Suspense, { fallback: null, children: /* @__PURE__ */ jsx15(Loaded, { ...props }) });
   };
 }
 function lazyPickerOverride(load) {
   const Loaded = lazyComponent(load);
   return function LazyPickerOverride(props) {
     if (!props.open) return null;
-    return /* @__PURE__ */ jsx14(Suspense, { fallback: null, children: /* @__PURE__ */ jsx14(Loaded, { ...props }) });
+    return /* @__PURE__ */ jsx15(Suspense, { fallback: null, children: /* @__PURE__ */ jsx15(Loaded, { ...props }) });
   };
 }
 
@@ -4275,7 +4468,7 @@ function useAssociationPickerBridge(props, options = {}) {
 // src/react/components/AssociationEntitySelect.tsx
 import { useState as useState14 } from "react";
 import {
-  cn as cn10,
+  cn as cn11,
   Command,
   CommandEmpty,
   CommandGroup,
@@ -4287,7 +4480,7 @@ import {
   PopoverContent,
   PopoverTrigger
 } from "@ai-matrx/design-system";
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 function AssociationEntitySelect({
   token,
   adapter,
@@ -4328,25 +4521,25 @@ function AssociationEntitySelect({
     if (id) close();
     else notifier.error(`Couldn't create the ${entityLabel}`);
   };
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
-      className: cn10(
+      className: cn11(
         "group/entity-ref flex min-w-0 items-center gap-0.5",
         className
       ),
       children: [
-        showIcon ? /* @__PURE__ */ jsx15(
+        showIcon ? /* @__PURE__ */ jsx16(
           InfoIcon,
           {
-            className: cn10(
+            className: cn11(
               "size-3.5 shrink-0",
               iconClassName ?? "text-muted-foreground"
             ),
             "aria-hidden": true
           }
         ) : null,
-        active ? /* @__PURE__ */ jsx15(
+        active ? /* @__PURE__ */ jsx16(
           EditableLabel,
           {
             value: active.title,
@@ -4360,29 +4553,29 @@ function AssociationEntitySelect({
             commitMode: "await",
             activation: renameActivation,
             ariaLabel: info.label,
-            className: cn10("max-w-[14rem]", labelClassName),
+            className: cn11("max-w-[14rem]", labelClassName),
             displayClassName: "text-xs font-medium text-foreground",
             inputClassName: "text-xs font-medium"
           }
         ) : null,
-        active ? /* @__PURE__ */ jsx15(DoorControlsSlot, { token, id: active.id, name: active.title }) : null,
-        !active ? /* @__PURE__ */ jsx15(
+        active ? /* @__PURE__ */ jsx16(DoorControlsSlot, { token, id: active.id, name: active.title }) : null,
+        !active ? /* @__PURE__ */ jsx16(
           "span",
           {
-            className: cn10(
+            className: cn11(
               "truncate px-1 text-xs font-medium text-muted-foreground",
               labelClassName
             ),
             children: adapter.loading ? "\u2026" : emptyLabel ?? info.labelPlural
           }
         ) : null,
-        /* @__PURE__ */ jsxs12(
+        /* @__PURE__ */ jsxs13(
           Popover,
           {
             open,
             onOpenChange: (next) => next ? setOpen(true) : close(),
             children: [
-              /* @__PURE__ */ jsx15(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs12(
+              /* @__PURE__ */ jsx16(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs13(
                 "button",
                 {
                   type: "button",
@@ -4390,17 +4583,17 @@ function AssociationEntitySelect({
                   title: `Switch or add ${info.labelPlural.toLowerCase()}`,
                   "aria-label": `Switch or add ${info.labelPlural.toLowerCase()}`,
                   children: [
-                    items.length > 1 ? /* @__PURE__ */ jsxs12("span", { className: "tabular-nums", children: [
+                    items.length > 1 ? /* @__PURE__ */ jsxs13("span", { className: "tabular-nums", children: [
                       activeIndex >= 0 ? activeIndex + 1 : "\u2014",
                       "/",
                       items.length
                     ] }) : null,
-                    /* @__PURE__ */ jsx15(ChevronDownIcon, { className: "size-3 opacity-60" })
+                    /* @__PURE__ */ jsx16(ChevronDownIcon, { className: "size-3 opacity-60" })
                   ]
                 }
               ) }),
-              /* @__PURE__ */ jsx15(PopoverContent, { sizing: "content", className: "p-0", align, children: /* @__PURE__ */ jsxs12(Command, { children: [
-                items.length > 5 ? /* @__PURE__ */ jsx15(
+              /* @__PURE__ */ jsx16(PopoverContent, { sizing: "content", className: "p-0", align, children: /* @__PURE__ */ jsxs13(Command, { children: [
+                items.length > 5 ? /* @__PURE__ */ jsx16(
                   CommandInput,
                   {
                     value: query,
@@ -4408,9 +4601,9 @@ function AssociationEntitySelect({
                     placeholder: `Search ${info.labelPlural.toLowerCase()}\u2026`
                   }
                 ) : null,
-                /* @__PURE__ */ jsxs12(CommandList, { children: [
-                  /* @__PURE__ */ jsx15(CommandEmpty, { children: "No match." }),
-                  items.length > 0 ? /* @__PURE__ */ jsx15(CommandGroup, { children: items.map((item) => /* @__PURE__ */ jsxs12(
+                /* @__PURE__ */ jsxs13(CommandList, { children: [
+                  /* @__PURE__ */ jsx16(CommandEmpty, { children: "No match." }),
+                  items.length > 0 ? /* @__PURE__ */ jsx16(CommandGroup, { children: items.map((item) => /* @__PURE__ */ jsxs13(
                     CommandItem,
                     {
                       value: `${item.title} ${item.id}`,
@@ -4421,17 +4614,17 @@ function AssociationEntitySelect({
                       },
                       className: "group/entity-ref group gap-2",
                       children: [
-                        /* @__PURE__ */ jsx15(
+                        /* @__PURE__ */ jsx16(
                           CheckIcon,
                           {
-                            className: cn10(
+                            className: cn11(
                               "size-3.5 shrink-0",
                               item.id === activeId ? "opacity-100" : "opacity-0"
                             )
                           }
                         ),
-                        /* @__PURE__ */ jsx15("span", { className: "min-w-0 flex-1 truncate", children: item.title }),
-                        /* @__PURE__ */ jsx15(
+                        /* @__PURE__ */ jsx16("span", { className: "min-w-0 flex-1 truncate", children: item.title }),
+                        /* @__PURE__ */ jsx16(
                           "span",
                           {
                             className: "inline-flex shrink-0 items-center",
@@ -4439,7 +4632,7 @@ function AssociationEntitySelect({
                               e.preventDefault();
                               e.stopPropagation();
                             },
-                            children: /* @__PURE__ */ jsx15(
+                            children: /* @__PURE__ */ jsx16(
                               DoorControlsSlot,
                               {
                                 token,
@@ -4449,7 +4642,7 @@ function AssociationEntitySelect({
                             )
                           }
                         ),
-                        adapter.detach && item.id !== activeId ? /* @__PURE__ */ jsx15(
+                        adapter.detach && item.id !== activeId ? /* @__PURE__ */ jsx16(
                           "button",
                           {
                             type: "button",
@@ -4464,7 +4657,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__ */ jsx15(XIcon, { className: "size-3" })
+                            children: /* @__PURE__ */ jsx16(XIcon, { className: "size-3" })
                           }
                         ) : null
                       ]
@@ -4472,9 +4665,9 @@ function AssociationEntitySelect({
                     item.id
                   )) }) : null
                 ] }),
-                createSlot !== void 0 ? /* @__PURE__ */ jsx15("div", { className: "border-t border-border p-1", children: typeof createSlot === "function" ? createSlot(close) : createSlot }) : null,
-                createSlot === void 0 && adapter.createAndAttach ? /* @__PURE__ */ jsx15("div", { className: "border-t border-border p-1", children: creating ? /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-1 px-1 py-0.5", children: [
-                  /* @__PURE__ */ jsx15(
+                createSlot !== void 0 ? /* @__PURE__ */ jsx16("div", { className: "border-t border-border p-1", children: typeof createSlot === "function" ? createSlot(close) : createSlot }) : null,
+                createSlot === void 0 && adapter.createAndAttach ? /* @__PURE__ */ jsx16("div", { className: "border-t border-border p-1", children: creating ? /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-1 px-1 py-0.5", children: [
+                  /* @__PURE__ */ jsx16(
                     "input",
                     {
                       autoFocus: true,
@@ -4498,17 +4691,17 @@ function AssociationEntitySelect({
                       "aria-label": `New ${entityLabel} name`
                     }
                   ),
-                  /* @__PURE__ */ jsx15(
+                  /* @__PURE__ */ jsx16(
                     "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__ */ jsx15(SpinnerIcon, { className: "size-3 animate-spin" }) : "Create"
+                      children: busy ? /* @__PURE__ */ jsx16(SpinnerIcon, { className: "size-3 animate-spin" }) : "Create"
                     }
                   )
-                ] }) : /* @__PURE__ */ jsxs12(
+                ] }) : /* @__PURE__ */ jsxs13(
                   "button",
                   {
                     type: "button",
@@ -4519,7 +4712,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__ */ jsx15(SpinnerIcon, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsx15(PlusIcon, { className: "size-3.5" }),
+                      busy ? /* @__PURE__ */ jsx16(SpinnerIcon, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsx16(PlusIcon, { className: "size-3.5" }),
                       query.trim() ? `Create "${query.trim()}"` : `New ${info.label}`
                     ]
                   }
@@ -4609,7 +4802,7 @@ function buildCategoryHierarchy(categories) {
 }
 
 // src/react/components/CategorySelect.tsx
-import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
 var NONE = "__none__";
 var ROOT_PARENT = "__root__";
 function plural(noun) {
@@ -4645,9 +4838,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__ */ jsx16("span", { className: "font-medium", children: category.name }) : /* @__PURE__ */ jsxs13("span", { className: "flex items-center gap-1.5 pl-3 text-muted-foreground", children: [
-        /* @__PURE__ */ jsx16(CornerDownRightIcon, { className: "h-3.5 w-3.5 shrink-0" }),
-        /* @__PURE__ */ jsx16("span", { className: "text-foreground", children: category.name })
+      render: depth === 0 ? /* @__PURE__ */ jsx17("span", { className: "font-medium", children: category.name }) : /* @__PURE__ */ jsxs14("span", { className: "flex items-center gap-1.5 pl-3 text-muted-foreground", children: [
+        /* @__PURE__ */ jsx17(CornerDownRightIcon, { className: "h-3.5 w-3.5 shrink-0" }),
+        /* @__PURE__ */ jsx17("span", { className: "text-foreground", children: category.name })
       ] })
     })) : categories.map((category) => ({
       value: category.id,
@@ -4694,8 +4887,8 @@ function CategorySelect({
     );
     return result.id;
   };
-  return /* @__PURE__ */ jsxs13("div", { children: [
-    /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs14("div", { children: [
+    /* @__PURE__ */ jsx17(
       CreatablePicker,
       {
         value: value ?? (allowNone ? NONE : null),
@@ -4711,18 +4904,18 @@ function CategorySelect({
         emptyLabel: `No ${noun} matches that.`,
         ...allowCreate ? { onCreate: create } : {},
         ...allowCreate && hierarchy.hasHierarchy ? {
-          createExtra: /* @__PURE__ */ jsxs13(Select, { value: createParentId, onValueChange: setCreateParentId, children: [
-            /* @__PURE__ */ jsx16(
+          createExtra: /* @__PURE__ */ jsxs14(Select, { value: createParentId, onValueChange: setCreateParentId, children: [
+            /* @__PURE__ */ jsx17(
               SelectTrigger,
               {
                 className: "h-7 text-xs",
                 "aria-label": `Put the new ${noun} under`,
-                children: /* @__PURE__ */ jsx16(SelectValue, {})
+                children: /* @__PURE__ */ jsx17(SelectValue, {})
               }
             ),
-            /* @__PURE__ */ jsxs13(SelectContent, { children: [
-              /* @__PURE__ */ jsx16(SelectItem, { value: ROOT_PARENT, className: "text-xs", children: "Top level" }),
-              hierarchy.items.filter((item) => item.depth === 0).map((item) => /* @__PURE__ */ jsxs13(
+            /* @__PURE__ */ jsxs14(SelectContent, { children: [
+              /* @__PURE__ */ jsx17(SelectItem, { value: ROOT_PARENT, className: "text-xs", children: "Top level" }),
+              hierarchy.items.filter((item) => item.depth === 0).map((item) => /* @__PURE__ */ jsxs14(
                 SelectItem,
                 {
                   value: item.category.id,
@@ -4742,13 +4935,13 @@ function CategorySelect({
     selected === null && value !== null ? (
       // A stored id whose row this reader cannot see is not "nothing chosen":
       // saying so beats a blank box that looks like an unsaved field.
-      /* @__PURE__ */ jsxs13("p", { className: "mt-1 text-xs text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs14("p", { className: "mt-1 text-xs text-muted-foreground", children: [
         "This ",
         noun,
         " is no longer available to you."
       ] })
     ) : null,
-    error ? /* @__PURE__ */ jsx16("p", { className: "mt-1 text-xs text-destructive", children: error }) : null
+    error ? /* @__PURE__ */ jsx17("p", { className: "mt-1 text-xs text-destructive", children: error }) : null
   ] });
 }
 
@@ -4756,8 +4949,8 @@ function CategorySelect({
 import { useState as useState16 } from "react";
 import {
   Badge,
-  Button as Button2,
-  cn as cn11,
+  Button as Button3,
+  cn as cn12,
   Command as Command2,
   CommandEmpty as CommandEmpty2,
   CommandGroup as CommandGroup2,
@@ -4773,7 +4966,7 @@ import {
   SelectTrigger as SelectTrigger2,
   SelectValue as SelectValue2
 } from "@ai-matrx/design-system";
-import { jsx as jsx17, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
 var ROOT_PARENT2 = "__root__";
 function CategoryTagPicker({
   entityType,
@@ -4897,44 +5090,44 @@ function CategoryTagPicker({
   const exactMatch = categories.some(
     (c) => c.name.toLowerCase() === search.trim().toLowerCase()
   );
-  return /* @__PURE__ */ jsxs14("div", { className: "flex flex-wrap items-center gap-1.5", children: [
-    selected.map((c) => /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+    selected.map((c) => /* @__PURE__ */ jsxs15(
       Badge,
       {
         variant: "secondary",
         className: "gap-1 pr-1 text-xs font-medium",
         children: [
           showHierarchy ? hierarchyById.get(c.id)?.displayName ?? c.name : c.name,
-          /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsx18(
             "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__ */ jsx17(XIcon, { className: "h-2.5 w-2.5" })
+              children: /* @__PURE__ */ jsx18(XIcon, { className: "h-2.5 w-2.5" })
             }
           )
         ]
       },
       c.id
     )),
-    /* @__PURE__ */ jsxs14(Popover2, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx17(PopoverTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs14(
-        Button2,
+    /* @__PURE__ */ jsxs15(Popover2, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx18(PopoverTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs15(
+        Button3,
         {
           variant: "outline",
           size: "sm",
           className: "h-7 gap-1 px-2 text-xs",
           children: [
-            /* @__PURE__ */ jsx17(Icon, { className: "h-3.5 w-3.5" }),
+            /* @__PURE__ */ jsx18(Icon, { className: "h-3.5 w-3.5" }),
             selected.length === 0 ? addLabel : "Edit",
-            /* @__PURE__ */ jsx17(ChevronsUpDownIcon, { className: "h-3 w-3 opacity-50" })
+            /* @__PURE__ */ jsx18(ChevronsUpDownIcon, { className: "h-3 w-3 opacity-50" })
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx17(PopoverContent2, { sizing: "content", className: "p-0", align: "start", children: /* @__PURE__ */ jsxs14(Command2, { shouldFilter: false, children: [
-        /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsx18(PopoverContent2, { sizing: "content", className: "p-0", align: "start", children: /* @__PURE__ */ jsxs15(Command2, { shouldFilter: false, children: [
+        /* @__PURE__ */ jsx18(
           CommandInput2,
           {
             placeholder: allowCreate ? "Search or create..." : "Search...",
@@ -4942,41 +5135,41 @@ function CategoryTagPicker({
             onValueChange: setSearch
           }
         ),
-        /* @__PURE__ */ jsxs14(CommandList2, { children: [
-          /* @__PURE__ */ jsx17(CommandEmpty2, { className: "px-2 py-3 text-xs text-muted-foreground", children: search.trim() ? "No match." : emptyText }),
-          /* @__PURE__ */ jsx17(CommandGroup2, { children: showHierarchy ? filteredHierarchy.map(({ category, depth, parent }) => /* @__PURE__ */ jsxs14(
+        /* @__PURE__ */ jsxs15(CommandList2, { children: [
+          /* @__PURE__ */ jsx18(CommandEmpty2, { className: "px-2 py-3 text-xs text-muted-foreground", children: search.trim() ? "No match." : emptyText }),
+          /* @__PURE__ */ jsx18(CommandGroup2, { children: showHierarchy ? filteredHierarchy.map(({ category, depth, parent }) => /* @__PURE__ */ jsxs15(
             CommandItem2,
             {
               value: category.id,
               keywords: parent ? [parent.name, category.name] : [],
               onSelect: () => void toggle(category.id),
-              className: cn11("text-xs", depth === 1 && "pl-6"),
+              className: cn12("text-xs", depth === 1 && "pl-6"),
               children: [
-                /* @__PURE__ */ jsx17(
+                /* @__PURE__ */ jsx18(
                   CheckIcon,
                   {
-                    className: cn11(
+                    className: cn12(
                       "mr-2 h-3.5 w-3.5",
                       selectedIds.has(category.id) ? "opacity-100" : "opacity-0"
                     )
                   }
                 ),
-                depth === 1 ? /* @__PURE__ */ jsx17(CornerDownRightIcon, { className: "mr-1.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }) : null,
-                /* @__PURE__ */ jsx17("span", { className: cn11(depth === 0 && "font-medium"), children: category.name })
+                depth === 1 ? /* @__PURE__ */ jsx18(CornerDownRightIcon, { className: "mr-1.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }) : null,
+                /* @__PURE__ */ jsx18("span", { className: cn12(depth === 0 && "font-medium"), children: category.name })
               ]
             },
             category.id
-          )) : filtered.map((c) => /* @__PURE__ */ jsxs14(
+          )) : filtered.map((c) => /* @__PURE__ */ jsxs15(
             CommandItem2,
             {
               value: c.id,
               onSelect: () => void toggle(c.id),
               className: "text-xs",
               children: [
-                /* @__PURE__ */ jsx17(
+                /* @__PURE__ */ jsx18(
                   CheckIcon,
                   {
-                    className: cn11(
+                    className: cn12(
                       "mr-2 h-3.5 w-3.5",
                       selectedIds.has(c.id) ? "opacity-100" : "opacity-0"
                     )
@@ -4987,25 +5180,25 @@ function CategoryTagPicker({
             },
             c.id
           )) }),
-          allowCreate && search.trim() && !exactMatch ? /* @__PURE__ */ jsxs14(CommandGroup2, { children: [
-            showHierarchy ? /* @__PURE__ */ jsxs14("div", { className: "space-y-1.5 px-2 pb-2", children: [
-              /* @__PURE__ */ jsx17("p", { className: "text-[11px] font-medium text-muted-foreground", children: "Place in" }),
-              /* @__PURE__ */ jsxs14(
+          allowCreate && search.trim() && !exactMatch ? /* @__PURE__ */ jsxs15(CommandGroup2, { children: [
+            showHierarchy ? /* @__PURE__ */ jsxs15("div", { className: "space-y-1.5 px-2 pb-2", children: [
+              /* @__PURE__ */ jsx18("p", { className: "text-[11px] font-medium text-muted-foreground", children: "Place in" }),
+              /* @__PURE__ */ jsxs15(
                 Select2,
                 {
                   value: createParentId,
                   onValueChange: setCreateParentId,
                   children: [
-                    /* @__PURE__ */ jsx17(SelectTrigger2, { size: "sm", className: "bg-background", children: /* @__PURE__ */ jsx17(SelectValue2, {}) }),
-                    /* @__PURE__ */ jsxs14(SelectContent2, { children: [
-                      /* @__PURE__ */ jsx17(SelectItem2, { value: ROOT_PARENT2, children: "Top level" }),
-                      hierarchy.roots.map((root) => /* @__PURE__ */ jsx17(SelectItem2, { value: root.id, children: root.name }, root.id))
+                    /* @__PURE__ */ jsx18(SelectTrigger2, { size: "sm", className: "bg-background", children: /* @__PURE__ */ jsx18(SelectValue2, {}) }),
+                    /* @__PURE__ */ jsxs15(SelectContent2, { children: [
+                      /* @__PURE__ */ jsx18(SelectItem2, { value: ROOT_PARENT2, children: "Top level" }),
+                      hierarchy.roots.map((root) => /* @__PURE__ */ jsx18(SelectItem2, { value: root.id, children: root.name }, root.id))
                     ] })
                   ]
                 }
               )
             ] }) : null,
-            /* @__PURE__ */ jsxs14(
+            /* @__PURE__ */ jsxs15(
               CommandItem2,
               {
                 value: `__create__${search}`,
@@ -5013,7 +5206,7 @@ function CategoryTagPicker({
                 disabled: creating,
                 className: "text-xs text-primary",
                 children: [
-                  creating ? /* @__PURE__ */ jsx17(SpinnerIcon, { className: "mr-2 h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx17(Icon, { className: "mr-2 h-3.5 w-3.5" }),
+                  creating ? /* @__PURE__ */ jsx18(SpinnerIcon, { className: "mr-2 h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx18(Icon, { className: "mr-2 h-3.5 w-3.5" }),
                   "Create \u201C",
                   search.trim(),
                   "\u201D"
@@ -5029,9 +5222,9 @@ function CategoryTagPicker({
 
 // src/react/components/CommentThread.tsx
 import { useState as useState17 } from "react";
-import { Button as Button3, ErrorBox, Skeleton as Skeleton2, cn as cn12 } from "@ai-matrx/design-system";
+import { Button as Button4, ErrorBox as ErrorBox2, Skeleton as Skeleton2, cn as cn13 } from "@ai-matrx/design-system";
 import { formatRelativeTime } from "@ai-matrx/kit/format";
-import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
 var AUTHOR_DOOR_TOKEN = "user";
 function resolveAuthor(comment, authorDisplay) {
   const base2 = {
@@ -5050,7 +5243,7 @@ function resolveAuthor(comment, authorDisplay) {
 }
 function AuthorAvatar({ author }) {
   if (author.avatarUrl) {
-    return /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx19(
       "img",
       {
         src: author.avatarUrl,
@@ -5059,7 +5252,7 @@ function AuthorAvatar({ author }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "span",
     {
       "aria-hidden": true,
@@ -5074,7 +5267,7 @@ function AuthorName({
 }) {
   const DoorRef2 = entityDoors?.EntityRef;
   if (DoorRef2 && author.userId) {
-    return /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx19(
       DoorRef2,
       {
         token: AUTHOR_DOOR_TOKEN,
@@ -5085,7 +5278,7 @@ function AuthorName({
       }
     );
   }
-  return /* @__PURE__ */ jsx18("span", { className: "text-sm font-medium text-foreground", children: author.name });
+  return /* @__PURE__ */ jsx19("span", { className: "text-sm font-medium text-foreground", children: author.name });
 }
 function CommentComposer({
   onSubmit,
@@ -5115,8 +5308,8 @@ function CommentComposer({
     }
     setBody("");
   }
-  return /* @__PURE__ */ jsxs15("form", { onSubmit: submit, className: "flex flex-col gap-1.5", children: [
-    /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs16("form", { onSubmit: submit, className: "flex flex-col gap-1.5", children: [
+    /* @__PURE__ */ jsx19(
       "textarea",
       {
         value: body,
@@ -5131,8 +5324,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__ */ jsx18(
-      ErrorBox,
+    error && /* @__PURE__ */ jsx19(
+      ErrorBox2,
       {
         className: "text-xs text-destructive",
         message: error,
@@ -5141,9 +5334,9 @@ function CommentComposer({
         origin: "associations/CommentThread"
       }
     ),
-    /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxs15(Button3, { type: "submit", size: "sm", disabled: !body.trim() || submitting, children: [
-        submitting && /* @__PURE__ */ jsx18(SpinnerIcon, { className: "mr-1 h-3 w-3 animate-spin" }),
+    /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxs16(Button4, { type: "submit", size: "sm", disabled: !body.trim() || submitting, children: [
+        submitting && /* @__PURE__ */ jsx19(SpinnerIcon, { className: "mr-1 h-3 w-3 animate-spin" }),
         submitLabel
       ] }),
       trailing
@@ -5176,19 +5369,19 @@ function CommentItem({
       notifier.error(res.error ?? "Could not delete the comment");
     }
   }
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     "div",
     {
       "data-comment-id": comment.id,
-      className: cn12(
+      className: cn13(
         "flex flex-col gap-1",
         depth > 0 && "border-l border-border pl-3"
       ),
       children: [
-        /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx18(AuthorAvatar, { author }),
-          /* @__PURE__ */ jsx18(AuthorName, { author, entityDoors }),
-          /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx19(AuthorAvatar, { author }),
+          /* @__PURE__ */ jsx19(AuthorName, { author, entityDoors }),
+          /* @__PURE__ */ jsx19(
             "span",
             {
               className: "text-xs text-muted-foreground",
@@ -5199,7 +5392,7 @@ function CommentItem({
               })
             }
           ),
-          edited && /* @__PURE__ */ jsx18(
+          edited && /* @__PURE__ */ jsx19(
             "span",
             {
               className: "text-xs text-muted-foreground",
@@ -5208,7 +5401,7 @@ function CommentItem({
             }
           )
         ] }),
-        editing ? /* @__PURE__ */ jsx18("div", { className: "pl-8", children: /* @__PURE__ */ jsx18(
+        editing ? /* @__PURE__ */ jsx19("div", { className: "pl-8", children: /* @__PURE__ */ jsx19(
           CommentComposer,
           {
             initialValue: comment.body,
@@ -5220,8 +5413,8 @@ function CommentItem({
               if (res.ok) setEditing(false);
               return res;
             },
-            trailing: /* @__PURE__ */ jsx18(
-              Button3,
+            trailing: /* @__PURE__ */ jsx19(
+              Button4,
               {
                 type: "button",
                 size: "sm",
@@ -5231,11 +5424,11 @@ function CommentItem({
               }
             )
           }
-        ) }) : /* @__PURE__ */ jsx18("p", { className: "whitespace-pre-wrap pl-8 text-sm text-foreground", children: comment.body }),
-        !editing && /* @__PURE__ */ jsx18("div", { className: "flex items-center gap-1 pl-7", children: confirmingDelete ? /* @__PURE__ */ jsxs15(Fragment5, { children: [
-          /* @__PURE__ */ jsx18("span", { className: "text-xs text-destructive", children: "Deletes this comment for everyone." }),
-          /* @__PURE__ */ jsxs15(
-            Button3,
+        ) }) : /* @__PURE__ */ jsx19("p", { className: "whitespace-pre-wrap pl-8 text-sm text-foreground", children: comment.body }),
+        !editing && /* @__PURE__ */ jsx19("div", { className: "flex items-center gap-1 pl-7", children: confirmingDelete ? /* @__PURE__ */ jsxs16(Fragment5, { children: [
+          /* @__PURE__ */ jsx19("span", { className: "text-xs text-destructive", children: "Deletes this comment for everyone." }),
+          /* @__PURE__ */ jsxs16(
+            Button4,
             {
               type: "button",
               size: "sm",
@@ -5243,13 +5436,13 @@ function CommentItem({
               disabled: deleting,
               onClick: () => void confirmDelete(),
               children: [
-                deleting && /* @__PURE__ */ jsx18(SpinnerIcon, { className: "mr-1 h-3 w-3 animate-spin" }),
+                deleting && /* @__PURE__ */ jsx19(SpinnerIcon, { className: "mr-1 h-3 w-3 animate-spin" }),
                 "Delete"
               ]
             }
           ),
-          /* @__PURE__ */ jsx18(
-            Button3,
+          /* @__PURE__ */ jsx19(
+            Button4,
             {
               type: "button",
               size: "sm",
@@ -5259,8 +5452,8 @@ function CommentItem({
               children: "Cancel"
             }
           )
-        ] }) : /* @__PURE__ */ jsxs15(Fragment5, { children: [
-          /* @__PURE__ */ jsx18(
+        ] }) : /* @__PURE__ */ jsxs16(Fragment5, { children: [
+          /* @__PURE__ */ jsx19(
             "button",
             {
               type: "button",
@@ -5269,8 +5462,8 @@ function CommentItem({
               children: "Reply"
             }
           ),
-          isOwn && /* @__PURE__ */ jsxs15(Fragment5, { children: [
-            /* @__PURE__ */ jsx18(
+          isOwn && /* @__PURE__ */ jsxs16(Fragment5, { children: [
+            /* @__PURE__ */ jsx19(
               "button",
               {
                 type: "button",
@@ -5279,7 +5472,7 @@ function CommentItem({
                 children: "Edit"
               }
             ),
-            /* @__PURE__ */ jsx18(
+            /* @__PURE__ */ jsx19(
               "button",
               {
                 type: "button",
@@ -5290,9 +5483,9 @@ function CommentItem({
             )
           ] })
         ] }) }),
-        replying && /* @__PURE__ */ jsxs15("div", { className: "flex items-start gap-2 pl-8 pt-1", children: [
-          /* @__PURE__ */ jsx18(CornerDownRightIcon, { className: "mt-2 h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
-          /* @__PURE__ */ jsx18("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx18(
+        replying && /* @__PURE__ */ jsxs16("div", { className: "flex items-start gap-2 pl-8 pt-1", children: [
+          /* @__PURE__ */ jsx19(CornerDownRightIcon, { className: "mt-2 h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ jsx19("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx19(
             CommentComposer,
             {
               submitLabel: "Reply",
@@ -5306,8 +5499,8 @@ function CommentItem({
                 if (res.ok) setReplying(false);
                 return res;
               },
-              trailing: /* @__PURE__ */ jsx18(
-                Button3,
+              trailing: /* @__PURE__ */ jsx19(
+                Button4,
                 {
                   type: "button",
                   size: "sm",
@@ -5319,7 +5512,7 @@ function CommentItem({
             }
           ) })
         ] }),
-        replies.length > 0 && /* @__PURE__ */ jsx18("div", { className: "flex flex-col gap-3 pl-8 pt-1", children: replies.map((reply) => /* @__PURE__ */ jsx18(
+        replies.length > 0 && /* @__PURE__ */ jsx19("div", { className: "flex flex-col gap-3 pl-8 pt-1", children: replies.map((reply) => /* @__PURE__ */ jsx19(
           CommentItem,
           {
             comment: reply,
@@ -5359,11 +5552,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__ */ jsxs15("section", { className: cn12("flex flex-col gap-3", className), children: [
-    showHeader && /* @__PURE__ */ jsxs15("header", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx18("h3", { className: "text-sm font-semibold text-foreground", children: "Comments" }),
-      /* @__PURE__ */ jsx18("span", { className: "text-xs text-muted-foreground tabular-nums", children: thread.comments.length }),
-      /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs16("section", { className: cn13("flex flex-col gap-3", className), children: [
+    showHeader && /* @__PURE__ */ jsxs16("header", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx19("h3", { className: "text-sm font-semibold text-foreground", children: "Comments" }),
+      /* @__PURE__ */ jsx19("span", { className: "text-xs text-muted-foreground tabular-nums", children: thread.comments.length }),
+      /* @__PURE__ */ jsx19(
         "button",
         {
           type: "button",
@@ -5371,12 +5564,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__ */ jsx18(SpinnerIcon, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx18(RefreshIcon, { className: "h-3.5 w-3.5" })
+          children: thread.status === "loading" ? /* @__PURE__ */ jsx19(SpinnerIcon, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx19(RefreshIcon, { className: "h-3.5 w-3.5" })
         }
       )
     ] }),
-    thread.error && /* @__PURE__ */ jsxs15(
-      ErrorBox,
+    thread.error && /* @__PURE__ */ jsxs16(
+      ErrorBox2,
       {
         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",
@@ -5384,9 +5577,9 @@ function CommentThread({
         operation: "Load comments",
         origin: "associations/CommentThread",
         children: [
-          /* @__PURE__ */ jsx18("span", { className: "min-w-0 flex-1", children: thread.error }),
-          /* @__PURE__ */ jsx18(
-            Button3,
+          /* @__PURE__ */ jsx19("span", { className: "min-w-0 flex-1", children: thread.error }),
+          /* @__PURE__ */ jsx19(
+            Button4,
             {
               type: "button",
               size: "sm",
@@ -5399,10 +5592,10 @@ function CommentThread({
         ]
       }
     ),
-    loading ? /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-3", "aria-hidden": true, "data-testid": "comments-loading", children: [
-      /* @__PURE__ */ jsx18(Skeleton2, { className: "h-12 w-full" }),
-      /* @__PURE__ */ jsx18(Skeleton2, { className: "h-12 w-4/5" })
-    ] }) : roots.length === 0 && !thread.error ? /* @__PURE__ */ jsx18("p", { className: "text-sm text-muted-foreground", children: "No comments yet." }) : /* @__PURE__ */ jsx18("div", { className: "flex flex-col gap-4", children: roots.map((comment) => /* @__PURE__ */ jsx18(
+    loading ? /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-3", "aria-hidden": true, "data-testid": "comments-loading", children: [
+      /* @__PURE__ */ jsx19(Skeleton2, { className: "h-12 w-full" }),
+      /* @__PURE__ */ jsx19(Skeleton2, { className: "h-12 w-4/5" })
+    ] }) : roots.length === 0 && !thread.error ? /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground", children: "No comments yet." }) : /* @__PURE__ */ jsx19("div", { className: "flex flex-col gap-4", children: roots.map((comment) => /* @__PURE__ */ jsx19(
       CommentItem,
       {
         comment,
@@ -5413,7 +5606,7 @@ function CommentThread({
       },
       comment.id
     )) }),
-    /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx19(
       CommentComposer,
       {
         onSubmit: (body) => thread.add(body, { orgId: orgId ?? null })
@@ -5443,11 +5636,13 @@ export {
   DoorControlsSlot,
   DoorRef,
   PrimaryEntityProvider,
+  SearchFailureNotice,
   UniversalAssociationPicker,
   UnresolvedRef,
   attachedKey,
   buildCommentTree,
   containerLinksArgs,
+  describeSearchFailures,
   getContentRoleMeta,
   lazyPickerOverride,
   lazyWindowShell,