@ai-matrx/associations 0.7.4 → 0.7.6

package/dist/react/index.js

@@ -2132,6 +2132,15 @@ function EntityCandidateList({
     enabled,
     ...search.trim() ? { search: search.trim() } : {}
   });
+  const { results: recentCandidates, loading: recentsLoading } = useUniversalEntitySearch({
+    query: "",
+    tokens: [token],
+    enabled: enabled && !search.trim()
+  });
+  const visibleRecents = search.trim() ? [] : recentCandidates;
+  const recentIds = new Set(visibleRecents.map((candidate) => candidate.id));
+  const ordinaryCandidates = search.trim() ? candidates : candidates.filter((candidate) => !recentIds.has(candidate.id));
+  const visibleCount = visibleRecents.length + ordinaryCandidates.length;
   const canCreate = info.titleColumn !== null && info.listCandidates === null;
   const toggle = async (id, title) => {
     if (busyId) return;
@@ -2162,7 +2171,7 @@ function EntityCandidateList({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx6("div", { className: "flex-1 min-h-0 overflow-y-auto -mx-1 px-1", children: loading && candidates.length === 0 ? /* @__PURE__ */ jsxs4(ListMessage, { children: [
+    /* @__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: [
@@ -2177,23 +2186,69 @@ function EntityCandidateList({
           children: "Retry"
         }
       )
-    ] }) : candidates.length === 0 ? /* @__PURE__ */ jsx6(ListMessage, { children: canCreate ? `Nothing to attach yet \u2014 create a new ${info.label.toLowerCase()} below.` : "Nothing to attach." }) : /* @__PURE__ */ jsx6("ul", { className: "space-y-0.5", children: candidates.map((c) => {
-      const attached = attachedIds.has(c.id);
-      const busy = busyId === c.id;
+    ] }) : 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
+        }
+      ),
+      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(
+      CreateAndAttachFooter,
+      {
+        token,
+        orgId,
+        seed: search.trim(),
+        onAttach,
+        onCreated: reload
+      }
+    )
+  ] });
+}
+function CandidateSection({
+  label,
+  candidates,
+  attachedIds,
+  busyId,
+  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) => {
+      const attached = attachedIds.has(candidate.id);
+      const busy = busyId === candidate.id;
       return /* @__PURE__ */ jsx6("li", { children: /* @__PURE__ */ jsxs4(
         "button",
         {
           type: "button",
           disabled: busy,
-          onClick: () => toggle(c.id, c.title),
+          onClick: () => void onToggle(candidate.id, candidate.title),
           className: cn2(
             "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: [
-            /* @__PURE__ */ jsx6(Icon, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
-            /* @__PURE__ */ jsx6("span", { className: "flex-1 min-w-0 truncate text-foreground", children: c.title }),
+            icon,
+            /* @__PURE__ */ jsx6("span", { className: "flex-1 min-w-0 truncate text-foreground", children: candidate.title }),
             /* @__PURE__ */ jsx6(
               "span",
               {
@@ -2206,18 +2261,8 @@ function EntityCandidateList({
             )
           ]
         }
-      ) }, c.id);
-    }) }) }),
-    canCreate && /* @__PURE__ */ jsx6(
-      CreateAndAttachFooter,
-      {
-        token,
-        orgId,
-        seed: search.trim(),
-        onAttach,
-        onCreated: reload
-      }
-    )
+      ) }, candidate.id);
+    }) })
   ] });
 }
 function CreateAndAttachFooter({