@ai-matrx/associations 0.13.136 → 0.13.138

package/dist/react/index.js

@@ -1504,6 +1504,8 @@ var ASSOCIATION_PAIRS = /* @__PURE__ */ new Set([
   "rulebook>masterwork_source",
   "sch_task>record",
   "sch_task>scope",
+  "scope>record",
+  "scope>scope",
   "seo_keyword>project",
   "seo_keyword>web_page",
   "seo_map_topic>seo_map_facet_value",
@@ -1670,9 +1672,8 @@ var useEntityRelationships = useAssociations;
 import {
   useCallback,
   useEffect as useEffect2,
-  useLayoutEffect,
   useRef as useRef3,
-  useState
+  useSyncExternalStore as useSyncExternalStore2
 } from "react";
 
 // src/edges.ts
@@ -1756,6 +1757,66 @@ function metadataRecord(metadata) {
   }
   return Object.fromEntries(Object.entries(metadata));
 }
+var conversationFileCaches = /* @__PURE__ */ new WeakMap();
+function conversationFilesFor(store) {
+  const existing = conversationFileCaches.get(store);
+  if (existing) return existing;
+  const entries = /* @__PURE__ */ new Map();
+  const inflight = /* @__PURE__ */ new Map();
+  const seqs = /* @__PURE__ */ new Map();
+  const listeners = /* @__PURE__ */ new Set();
+  const set = (entry) => {
+    entries.set(entry.key, entry);
+    for (const listener of listeners) listener();
+  };
+  const cache = {
+    get: (key) => entries.get(key) ?? null,
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    },
+    load(key, conversationId, force) {
+      const kept = entries.get(key);
+      if (!force) {
+        const running = inflight.get(key);
+        if (running) return running;
+        if (kept && !kept.loading && kept.error === null) return Promise.resolve();
+      }
+      const seq = (seqs.get(key) ?? 0) + 1;
+      seqs.set(key, seq);
+      set({ key, files: kept?.files ?? [], error: kept?.error ?? null, loading: true });
+      const request = store.services.associations.listConversationFiles(conversationId).then((result) => {
+        if (seqs.get(key) !== seq) return;
+        if (isAssociationsRpcErr(result)) {
+          set({ key, files: entries.get(key)?.files ?? [], error: result.error.message, loading: false });
+          return;
+        }
+        set({
+          key,
+          files: result.data.files.map((file) => ({
+            edgeId: `conversation-file:${file.fileId}`,
+            resourceId: file.fileId,
+            token: "file",
+            role: null,
+            label: file.label,
+            metadata: file.metadata
+          })),
+          error: null,
+          loading: false
+        });
+      });
+      const tracked = request.finally(() => {
+        if (inflight.get(key) === tracked) inflight.delete(key);
+      });
+      inflight.set(key, tracked);
+      return tracked;
+    }
+  };
+  conversationFileCaches.set(store, cache);
+  return cache;
+}
 function useContainerLinks(args) {
   const { containerType, containerId, orgId } = args;
   const outgoing = args.direction === "outgoing";
@@ -1771,58 +1832,21 @@ function useContainerLinks(args) {
     id: containerId
   });
   const conversationKey = !outgoing && containerType === "conversation" && containerId ? `conversation:${containerId}` : null;
-  const activeConversationKey = useRef3(conversationKey);
-  const conversationGeneration = useRef3(0);
-  const [conversationResult, setConversationResult] = useState(null);
-  useLayoutEffect(() => {
-    activeConversationKey.current = conversationKey;
-    conversationGeneration.current += 1;
-  }, [conversationKey]);
-  const loadConversationFiles = useCallback(async () => {
-    const key = conversationKey;
-    if (!key || !containerId) return;
-    if (activeConversationKey.current !== key) return;
-    const generation = ++conversationGeneration.current;
-    setConversationResult((current) => ({
-      key,
-      files: current?.key === key ? current.files : [],
-      // Keep the visible failure context while retrying so the same control
-      // can disable itself and show progress instead of disappearing.
-      error: current?.key === key ? current.error : null,
-      loading: true
-    }));
-    const result = await store.services.associations.listConversationFiles(containerId);
-    if (generation !== conversationGeneration.current || activeConversationKey.current !== key) {
-      return;
-    }
-    if (isAssociationsRpcErr(result)) {
-      setConversationResult((current) => ({
-        key,
-        files: current?.key === key ? current.files : [],
-        error: result.error.message,
-        loading: false
-      }));
-      return;
-    }
-    setConversationResult({
-      key,
-      files: result.data.files.map((file) => ({
-        edgeId: `conversation-file:${file.fileId}`,
-        resourceId: file.fileId,
-        token: "file",
-        role: null,
-        label: file.label,
-        metadata: file.metadata
-      })),
-      error: null,
-      loading: false
-    });
-  }, [containerId, conversationKey, store]);
+  const files = conversationFilesFor(store);
+  const conversationResult = useSyncExternalStore2(
+    files.subscribe,
+    () => conversationKey ? files.get(conversationKey) : null,
+    () => null
+  );
+  const loadConversationFiles = useCallback(
+    async (force = true) => {
+      if (!conversationKey || !containerId) return;
+      await files.load(conversationKey, containerId, force);
+    },
+    [containerId, conversationKey, files]
+  );
   useEffect2(() => {
-    const timeout = setTimeout(() => {
-      void loadConversationFiles();
-    }, 0);
-    return () => clearTimeout(timeout);
+    void loadConversationFiles(false);
   }, [loadConversationFiles]);
   const lastGenericFetch = useRef3({
     key: conversationKey,
@@ -1984,12 +2008,12 @@ function containerLinksArgs(container) {
 }
 
 // src/react/hooks/useEntityTitles.ts
-import { useEffect as useEffect3, useState as useState2 } from "react";
+import { useEffect as useEffect3, useState } from "react";
 function useEntityTitles(refs) {
   const store = useAssociationsStore();
-  const [resolved, setResolved] = useState2({});
-  const [attempted, setAttempted] = useState2({});
-  const [loading, setLoading] = useState2(false);
+  const [resolved, setResolved] = useState({});
+  const [attempted, setAttempted] = useState({});
+  const [loading, setLoading] = useState(false);
   const needed = refs.filter(
     (r) => store.registry.tryGetEntityInfo(r.token)?.titleColumn != null && store.titles.get(r.token, r.id) == null && !attempted[entityTitleCacheKey(r.token, r.id)]
   );
@@ -2058,13 +2082,13 @@ function useEntityTitles(refs) {
 }
 
 // src/react/hooks/useCategories.ts
-import { useEffect as useEffect4, useRef as useRef4, useSyncExternalStore as useSyncExternalStore2 } from "react";
+import { useEffect as useEffect4, useRef as useRef4, useSyncExternalStore as useSyncExternalStore3 } from "react";
 var noopSubscribe2 = () => () => {
 };
 function useCategories(args) {
   const { dimension, autoLoad = true } = args;
   const store = useAssociationsStore();
-  const entry = useSyncExternalStore2(
+  const entry = useSyncExternalStore3(
     dimension ? (cb) => store.subscribeCategories(dimension, cb) : noopSubscribe2,
     () => store.getCategories(dimension ?? ""),
     () => store.getCategories(dimension ?? "")
@@ -2121,7 +2145,7 @@ function useCategories(args) {
 }
 
 // src/react/hooks/useUniversalEntitySearch.ts
-import { useEffect as useEffect5, useRef as useRef5, useState as useState3 } from "react";
+import { useEffect as useEffect5, useRef as useRef5, useState as useState2 } from "react";
 var DEBOUNCE_MS = 250;
 var RECENTS_LIMIT = 12;
 function useUniversalEntitySearch(args) {
@@ -2133,14 +2157,14 @@ function useUniversalEntitySearch(args) {
     emptyQueryMode = "recents"
   } = args;
   const store = useAssociationsStore();
-  const [results, setResults] = useState3([]);
-  const [loading, setLoading] = useState3(false);
-  const [failures, setFailures] = useState3([]);
-  const [error, setError] = useState3(null);
-  const [status, setStatus] = useState3(
+  const [results, setResults] = useState2([]);
+  const [loading, setLoading] = useState2(false);
+  const [failures, setFailures] = useState2([]);
+  const [error, setError] = useState2(null);
+  const [status, setStatus] = useState2(
     enabled ? "loading" : "ready"
   );
-  const [source, setSource] = useState3(
+  const [source, setSource] = useState2(
     emptyQueryMode === "candidates" ? "candidates" : "recents"
   );
   const runRef = useRef5(0);
@@ -2317,14 +2341,14 @@ function SearchFailureNotice(props) {
 }
 
 // src/react/hooks/useAssociationCandidates.ts
-import { useEffect as useEffect6, useState as useState4 } from "react";
+import { useEffect as useEffect6, useState as useState3 } from "react";
 function useAssociationCandidates(args) {
   const { token, enabled = true, search, limit } = args;
   const store = useAssociationsStore();
-  const [candidates, setCandidates] = useState4([]);
-  const [loading, setLoading] = useState4(false);
-  const [error, setError] = useState4(null);
-  const [tick, setTick] = useState4(0);
+  const [candidates, setCandidates] = useState3([]);
+  const [loading, setLoading] = useState3(false);
+  const [error, setError] = useState3(null);
+  const [tick, setTick] = useState3(0);
   useEffect6(() => {
     if (!enabled) return void 0;
     let cancelled = false;
@@ -2358,14 +2382,14 @@ function useAssociationCandidates(args) {
 }
 
 // src/react/hooks/useComments.ts
-import { useEffect as useEffect7, useRef as useRef6, useSyncExternalStore as useSyncExternalStore3 } from "react";
+import { useEffect as useEffect7, useRef as useRef6, useSyncExternalStore as useSyncExternalStore4 } from "react";
 var noopSubscribe3 = () => () => {
 };
 function useComments(args) {
   const { token, id, autoLoad = true } = args;
   const store = useAssociationsStore();
   const key = token && id ? associationsKey(token, id) : null;
-  const entry = useSyncExternalStore3(
+  const entry = useSyncExternalStore4(
     key ? (cb) => store.subscribeComments(key, cb) : noopSubscribe3,
     () => store.getComments(token, id ?? ""),
     () => store.getComments(token, id ?? "")
@@ -2424,7 +2448,7 @@ function useComments(args) {
 }
 
 // src/react/hooks/useAssociationEntitySelect.ts
-import { useState as useState5 } from "react";
+import { useState as useState4 } from "react";
 function useAssociationEntitySelectAdapter(args) {
   const { token, container, activeId, onActiveChange, createColumns } = args;
   const store = useAssociationsStore();
@@ -2438,10 +2462,10 @@ function useAssociationEntitySelectAdapter(args) {
   const { titleFor } = useEntityTitles(
     rows.map((r) => ({ token, id: r.resourceId, label: r.label }))
   );
-  const [titleOverrides, setTitleOverrides] = useState5(
+  const [titleOverrides, setTitleOverrides] = useState4(
     {}
   );
-  const [localActiveId, setLocalActiveId] = useState5(null);
+  const [localActiveId, setLocalActiveId] = useState4(null);
   const items = rows.map((r) => ({
     id: r.resourceId,
     title: titleOverrides[r.resourceId] ?? titleFor({ token, id: r.resourceId, label: r.label })
@@ -2518,9 +2542,9 @@ import { useId } from "react";
 import {
   useCallback as useCallback2,
   useEffect as useEffect8,
-  useLayoutEffect as useLayoutEffect2,
+  useLayoutEffect,
   useRef as useRef7,
-  useState as useState6
+  useState as useState5
 } from "react";
 import { createPortal } from "react-dom";
 import { cn as cn2, FloatingLayer, useFloatingLayerZIndex } from "@ai-matrx/design-system";
@@ -2707,12 +2731,12 @@ function DefaultWindowShell({
 }) {
   const panelRef = useRef7(null);
   const zIndex = useFloatingLayerZIndex(50);
-  const [mounted, setMounted] = useState6(false);
-  const [isMobile, setIsMobile] = useState6(false);
-  const [rect, setRect] = useState6(() => centred());
-  const [maximized, setMaximized] = useState6(false);
+  const [mounted, setMounted] = useState5(false);
+  const [isMobile, setIsMobile] = useState5(false);
+  const [rect, setRect] = useState5(() => centred());
+  const [maximized, setMaximized] = useState5(false);
   const gesture = useRef7(null);
-  useLayoutEffect2(() => {
+  useLayoutEffect(() => {
     setMounted(true);
     setIsMobile(window.innerWidth < MOBILE_MAX_WIDTH);
     setRect(centred());
@@ -2910,7 +2934,7 @@ function AssociationWindow({
 }
 
 // src/react/components/AssociationPicker.tsx
-import { useState as useState7 } from "react";
+import { useState as useState6 } from "react";
 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) {
@@ -2979,8 +3003,8 @@ function EntityCandidateList({
 }) {
   const store = useAssociationsStore();
   const notifier = useNotifier();
-  const [search, setSearch] = useState7("");
-  const [busyId, setBusyId] = useState7(null);
+  const [search, setSearch] = useState6("");
+  const [busyId, setBusyId] = useState6(null);
   const info = store.registry.getEntityInfo(token);
   const Icon = info.Icon ?? DefaultEntityIcon;
   const { candidates, loading, error, reload } = useAssociationCandidates({
@@ -3147,9 +3171,9 @@ function CreateAndAttachFooter({
   const store = useAssociationsStore();
   const notifier = useNotifier();
   const info = store.registry.getEntityInfo(token);
-  const [editing, setEditing] = useState7(false);
-  const [name, setName] = useState7("");
-  const [busy, setBusy] = useState7(false);
+  const [editing, setEditing] = useState6(false);
+  const [name, setName] = useState6("");
+  const [busy, setBusy] = useState6(false);
   const submit = async () => {
     const title = name.trim();
     if (!title || busy) return;
@@ -3257,7 +3281,7 @@ function ListMessage({ children }) {
 }
 
 // src/react/components/UniversalAssociationPicker.tsx
-import { useState as useState8 } from "react";
+import { useState as useState7 } from "react";
 import { Button, cn as cn5, Input as Input2 } from "@ai-matrx/design-system";
 
 // src/react/components/entityDoors.tsx
@@ -3361,11 +3385,11 @@ function UniversalAssociationPicker(props) {
   const { pickerOverrides } = useAssociationsUiPorts();
   const notifier = useNotifier();
   const tokens = props.tokens ?? store.registry.listableTokens();
-  const [query, setQuery] = useState8("");
-  const [browseToken, setBrowseToken] = useState8(null);
-  const [busyKey, setBusyKey] = useState8(null);
-  const [overrideOpen, setOverrideOpen] = useState8(false);
-  const [overrideMount, setOverrideMount] = useState8(0);
+  const [query, setQuery] = useState7("");
+  const [browseToken, setBrowseToken] = useState7(null);
+  const [busyKey, setBusyKey] = useState7(null);
+  const [overrideOpen, setOverrideOpen] = useState7(false);
+  const [overrideMount, setOverrideMount] = useState7(0);
   const { results, loading, source, failures, error } = useUniversalEntitySearch({
     query,
     tokens,
@@ -3615,7 +3639,7 @@ function UniversalAssociationPicker(props) {
 }
 
 // src/react/components/AttachedItemsSheet.tsx
-import { useEffect as useEffect9, useState as useState9 } from "react";
+import { useEffect as useEffect9, useState as useState8 } from "react";
 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) {
@@ -3676,9 +3700,9 @@ function AttachedItemsBody({
   const notifier = useNotifier();
   const info = store.registry.getEntityInfo(token);
   const Icon = info.Icon ?? DefaultEntityIcon;
-  const [titles, setTitles] = useState9(null);
-  const [titleError, setTitleError] = useState9(null);
-  const [busyId, setBusyId] = useState9(null);
+  const [titles, setTitles] = useState8(null);
+  const [titleError, setTitleError] = useState8(null);
+  const [busyId, setBusyId] = useState8(null);
   const idKey = links.map((l) => l.resourceId).sort().join(",");
   useEffect9(() => {
     if (!enabled) return;
@@ -3832,7 +3856,7 @@ function AttachedItemsBody({
 }
 
 // src/react/components/AssociationCard.tsx
-import { useState as useState10 } from "react";
+import { useState as useState9 } from "react";
 import { cn as cn7 } from "@ai-matrx/design-system";
 import { PlusTapButton } from "@ai-matrx/tap-target/buttons";
 
@@ -3894,11 +3918,11 @@ function AssociationCard({
   const store = useAssociationsStore();
   const fromCtx = usePrimaryEntity();
   const container = containerProp ?? fromCtx;
-  const [open, setOpen] = useState10(false);
+  const [open, setOpen] = useState9(false);
   const info = store.registry.getEntityInfo(token);
   const role = getContentRoleMeta(info.contentRole);
   const Icon = info.Icon ?? DefaultEntityIcon;
-  const [listOpen, setListOpen] = useState10(false);
+  const [listOpen, setListOpen] = useState9(false);
   const {
     status,
     countFor,
@@ -4098,17 +4122,13 @@ var TILE_GRID = "grid grid-cols-1 gap-2 @md:grid-cols-2 @3xl:grid-cols-3";
 function GroupHeader({
   look,
   title,
-  tagline,
   dotClassName
 }) {
   if (look !== "tiles") return /* @__PURE__ */ jsx12("h3", { className: SIMPLE_GROUP_LABEL, children: title });
-  return /* @__PURE__ */ jsxs10("div", { className: "mb-2.5 flex items-baseline gap-3 pl-1.5", children: [
-    dotClassName ? /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx12("span", { className: cn8("h-2.5 w-2.5 rounded-full", dotClassName) }),
-      /* @__PURE__ */ jsx12("h3", { className: "text-sm font-semibold text-foreground", children: title })
-    ] }) : /* @__PURE__ */ jsx12("h3", { className: "text-sm font-semibold text-foreground", children: title }),
-    /* @__PURE__ */ jsx12("p", { className: "hidden text-xs text-muted-foreground sm:block", children: tagline })
-  ] });
+  return /* @__PURE__ */ jsx12("div", { className: "mb-2.5 flex items-baseline gap-3 pl-1.5", children: dotClassName ? /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx12("span", { className: cn8("h-2.5 w-2.5 rounded-full", dotClassName) }),
+    /* @__PURE__ */ jsx12("h3", { className: "text-sm font-semibold text-foreground", children: title })
+  ] }) : /* @__PURE__ */ jsx12("h3", { className: "text-sm font-semibold text-foreground", children: title }) });
 }
 function AssociationCardGrid({
   tokens,
@@ -4154,7 +4174,6 @@ function AssociationCardGrid({
               {
                 look,
                 title: role.title,
-                tagline: role.tagline,
                 dotClassName: role.accentBar
               }
             ),
@@ -4166,8 +4185,7 @@ function AssociationCardGrid({
             GroupHeader,
             {
               look,
-              title: "Filed under",
-              tagline: "Libraries, topics and other places this is kept."
+              title: "Filed under"
             }
           ),
           /* @__PURE__ */ jsx12("div", { className: rowClass, children: roleless.map((token) => /* @__PURE__ */ jsx12(AssociationCard, { token, look }, token)) })
@@ -4178,7 +4196,7 @@ function AssociationCardGrid({
 }
 
 // src/react/components/AssociationList.tsx
-import { useState as useState11 } from "react";
+import { useState as useState10 } from "react";
 import { cn as cn9, Skeleton } from "@ai-matrx/design-system";
 import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function metadataIsPinned2(metadata) {
@@ -4220,10 +4238,10 @@ function AssociationList(props) {
   const adapter = props.adapter ?? defaultAdapter;
   const variant = props.variant ?? "full";
   const tokenFilter = props.tokens ?? null;
-  const [pickerToken, setPickerToken] = useState11(null);
-  const [showUniversal, setShowUniversal] = useState11(false);
-  const [removingKeys, setRemovingKeys] = useState11(/* @__PURE__ */ new Set());
-  const [pinningKeys, setPinningKeys] = useState11(/* @__PURE__ */ new Set());
+  const [pickerToken, setPickerToken] = useState10(null);
+  const [showUniversal, setShowUniversal] = useState10(false);
+  const [removingKeys, setRemovingKeys] = useState10(/* @__PURE__ */ new Set());
+  const [pinningKeys, setPinningKeys] = useState10(/* @__PURE__ */ new Set());
   const rows = tokenFilter ? adapter.rows.filter((r) => tokenFilter.includes(r.token)) : adapter.rows;
   const visibleRows = rows.filter((r) => !removingKeys.has(r.key));
   const { titleFor, isUnresolved } = useEntityTitles(
@@ -4561,7 +4579,7 @@ function titleize(token) {
 }
 
 // src/react/components/AssociationCaptureToolbar.tsx
-import { useRef as useRef8, useState as useState12 } from "react";
+import { useRef as useRef8, useState as useState11 } from "react";
 import { Button as Button2, cn as cn10, Input as Input3 } from "@ai-matrx/design-system";
 import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function AssociationCaptureToolbar({
@@ -4584,12 +4602,12 @@ function AssociationCaptureToolbar({
   const { capture } = useAssociationsUiPorts();
   const notifier = useNotifier();
   const fileInputRef = useRef8(null);
-  const [isUploading, setIsUploading] = useState12(false);
-  const [isDragOver, setIsDragOver] = useState12(false);
-  const [isPicking, setIsPicking] = useState12(false);
-  const [namingDoc, setNamingDoc] = useState12(false);
-  const [docName, setDocName] = useState12("");
-  const [creatingDoc, setCreatingDoc] = useState12(false);
+  const [isUploading, setIsUploading] = useState11(false);
+  const [isDragOver, setIsDragOver] = useState11(false);
+  const [isPicking, setIsPicking] = useState11(false);
+  const [namingDoc, setNamingDoc] = useState11(false);
+  const [docName, setDocName] = useState11("");
+  const [creatingDoc, setCreatingDoc] = useState11(false);
   const hostRequestUpload = capture?.requestUpload;
   const hostUploadFile = capture?.uploadFile;
   const requestUploadPath = hostRequestUpload ? (opts) => hostRequestUpload(opts) : hostUploadFile ? async (opts) => {
@@ -4961,11 +4979,11 @@ function lazyPickerOverride(load) {
 }
 
 // src/react/hooks/useAssociationPickerBridge.ts
-import { useCallback as useCallback3, useState as useState13 } from "react";
+import { useCallback as useCallback3, useState as useState12 } from "react";
 function useAssociationPickerBridge(props, options = {}) {
   const store = useAssociationsStore();
   const notifier = useNotifier();
-  const [busy, setBusy] = useState13(false);
+  const [busy, setBusy] = useState12(false);
   const { attachedIds, onAttach, onDetach, token } = props;
   const {
     createdLocationLabel,
@@ -5068,7 +5086,7 @@ function useAssociationPickerBridge(props, options = {}) {
 }
 
 // src/react/components/AssociationEntitySelect.tsx
-import { useState as useState14 } from "react";
+import { useState as useState13 } from "react";
 import {
   cn as cn11,
   Command,
@@ -5102,11 +5120,11 @@ function AssociationEntitySelect({
   const { items, activeId } = adapter;
   const active = items.find((i) => i.id === activeId) ?? null;
   const activeIndex = active ? items.indexOf(active) : -1;
-  const [open, setOpen] = useState14(false);
-  const [query, setQuery] = useState14("");
-  const [creating, setCreating] = useState14(false);
-  const [draftName, setDraftName] = useState14("");
-  const [busy, setBusy] = useState14(false);
+  const [open, setOpen] = useState13(false);
+  const [query, setQuery] = useState13("");
+  const [creating, setCreating] = useState13(false);
+  const [draftName, setDraftName] = useState13("");
+  const [busy, setBusy] = useState13(false);
   const entityLabel = info.label.toLowerCase();
   const close = () => {
     setOpen(false);
@@ -5329,7 +5347,7 @@ function AssociationEntitySelect({
 }
 
 // src/react/components/CategorySelect.tsx
-import { useState as useState15 } from "react";
+import { useState as useState14 } from "react";
 import {
   CreatablePicker,
   Select,
@@ -5431,7 +5449,7 @@ function CategorySelect({
     reload
   } = useCategories({ dimension });
   const hierarchy = buildCategoryHierarchy(categories);
-  const [createParentId, setCreateParentId] = useState15(ROOT_PARENT);
+  const [createParentId, setCreateParentId] = useState14(ROOT_PARENT);
   const options = [
     ...allowNone ? [{ value: NONE, label: "None", keywords: "none clear empty" }] : [],
     ...hierarchy.hasHierarchy ? hierarchy.items.map(({ category, depth, parent }) => ({
@@ -5548,7 +5566,7 @@ function CategorySelect({
 }
 
 // src/react/components/CategoryTagPicker.tsx
-import { useState as useState16 } from "react";
+import { useState as useState15 } from "react";
 import {
   Badge,
   Button as Button3,
@@ -5585,11 +5603,11 @@ function CategoryTagPicker({
 }) {
   const store = useAssociationsStore();
   const notifier = useNotifier();
-  const [open, setOpen] = useState16(false);
-  const [creating, setCreating] = useState16(false);
-  const [writing, setWriting] = useState16(false);
-  const [search, setSearch] = useState16("");
-  const [createParentId, setCreateParentId] = useState16(ROOT_PARENT2);
+  const [open, setOpen] = useState15(false);
+  const [creating, setCreating] = useState15(false);
+  const [writing, setWriting] = useState15(false);
+  const [search, setSearch] = useState15("");
+  const [createParentId, setCreateParentId] = useState15(ROOT_PARENT2);
   const {
     categories,
     create: createCategory,
@@ -5824,7 +5842,7 @@ function CategoryTagPicker({
 }
 
 // src/react/components/CommentThread.tsx
-import { useState as useState17 } from "react";
+import { useState as useState16 } from "react";
 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 jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
@@ -5892,9 +5910,9 @@ function CommentComposer({
   autoFocus = false
 }) {
   const notifier = useNotifier();
-  const [body, setBody] = useState17(initialValue);
-  const [submitting, setSubmitting] = useState17(false);
-  const [error, setError] = useState17(null);
+  const [body, setBody] = useState16(initialValue);
+  const [submitting, setSubmitting] = useState16(false);
+  const [error, setError] = useState16(null);
   async function submit(e) {
     e?.preventDefault();
     const trimmed = body.trim();
@@ -5955,10 +5973,10 @@ function CommentItem({
 }) {
   const { authorDisplay, entityDoors } = useAssociationsUiPorts();
   const notifier = useNotifier();
-  const [replying, setReplying] = useState17(false);
-  const [editing, setEditing] = useState17(false);
-  const [confirmingDelete, setConfirmingDelete] = useState17(false);
-  const [deleting, setDeleting] = useState17(false);
+  const [replying, setReplying] = useState16(false);
+  const [editing, setEditing] = useState16(false);
+  const [confirmingDelete, setConfirmingDelete] = useState16(false);
+  const [deleting, setDeleting] = useState16(false);
   const author = resolveAuthor(comment, authorDisplay);
   const isOwn = thread.currentUserId !== null && comment.createdBy === thread.currentUserId;
   const edited = comment.updatedAt !== comment.createdAt;