@axiom-lattice/react-sdk 2.1.108 → 2.1.109

package/dist/index.js

@@ -1557,6 +1557,23 @@ var DEFAULT_MIDDLEWARE_TYPES = [
       { id: "update_entry", name: "update_entry", description: "Update an existing entry" },
       { id: "delete_entry", name: "delete_entry", description: "Delete an entry from a collection" }
     ]
+  },
+  {
+    type: "eval",
+    name: "Agent Eval",
+    description: "Governance and testing: design test suites, run evaluations, analyze results. Best paired with the Skill plugin.",
+    schema: {
+      type: "object",
+      title: "Agent Eval Configuration",
+      description: "Enable agent evaluation capabilities",
+      properties: {}
+    },
+    defaultConfig: {},
+    tools: [
+      { id: "read_eval", name: "read_eval", description: "Read-only: list/get projects, suites, cases, runs, results, reports" },
+      { id: "manage_eval", name: "manage_eval", description: "Create, update, delete eval projects, suites, and test cases" },
+      { id: "run_eval", name: "run_eval", description: "Start, abort, status, and resume evaluation runs" }
+    ]
   }
 ];
 var DEFAULT_CONFIG = {
@@ -2080,6 +2097,8 @@ function AgentThreadProvider({
   const chunkMessageMerger = (0, import_react7.useRef)((0, import_client_sdk3.createSimpleMessageMerger)());
   const lastAgentStateCreatedAtRef = (0, import_react7.useRef)(null);
   const streamEndedByInterruptRef = (0, import_react7.useRef)(false);
+  const currentThreadIdRef = (0, import_react7.useRef)(threadId);
+  currentThreadIdRef.current = threadId;
   const messageCountRef = (0, import_react7.useRef)(0);
   const onToolCompletedRef = (0, import_react7.useRef)(onToolCompleted);
   onToolCompletedRef.current = onToolCompleted;
@@ -2192,22 +2211,25 @@ function AgentThreadProvider({
           console.error("Failed to parse todo list from chunk", e);
         }
       }
-      const updatedMessages = chunkMessageMerger.current.getMessages();
       const isStopSignal = interrupt !== void 0 || anyChunk.type === "message_failed";
       if (isStopSignal) {
-        setState((prev) => ({
-          ...prev,
-          todos: todos || prev.todos,
-          messages: updatedMessages,
-          isLoading: false,
-          interrupts: interrupt ? [interrupt] : void 0
-        }));
+        setState((prev) => {
+          if (currentThreadIdRef.current !== threadId) return prev;
+          return {
+            ...prev,
+            todos: todos || prev.todos,
+            messages: chunkMessageMerger.current.getMessages(),
+            isLoading: false,
+            interrupts: interrupt ? [interrupt] : void 0
+          };
+        });
       } else {
         startTransition(() => {
+          if (currentThreadIdRef.current !== threadId) return;
           setState((prev) => ({
             ...prev,
             todos: todos || prev.todos,
-            messages: updatedMessages,
+            messages: chunkMessageMerger.current.getMessages(),
             isLoading: true,
             interrupts: void 0
           }));
@@ -2589,6 +2611,20 @@ function AgentThreadProvider({
       }
     }
   }, [stopStreaming, assistantId, threadId, client]);
+  (0, import_react7.useLayoutEffect)(() => {
+    if (threadId && state.threadId !== threadId) {
+      chunkMessageMerger.current.reset();
+      setState((prev) => ({
+        ...prev,
+        threadId,
+        messages: [],
+        agentState: null,
+        interrupts: void 0,
+        isLoading: true,
+        error: null
+      }));
+    }
+  }, [threadId, state.threadId]);
   (0, import_react7.useEffect)(() => {
     if (threadId && clientAssistantId === assistantId) {
       lastAgentStateCreatedAtRef.current = null;
@@ -6794,6 +6830,55 @@ var useStyles5 = (0, import_antd_style8.createStyles)(({ css, token }) => ({
     flex-direction: column;
     gap: 4px;
   `,
+  titleRow: css`
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  `,
+  tabs: css`
+    margin-top: 12px;
+
+    .ant-tabs-nav {
+      margin-bottom: 0;
+
+      &::before {
+        border-bottom: none;
+      }
+    }
+
+    .ant-tabs-tab {
+      padding: 4px 10px;
+      margin: 0 2px 0 0;
+      border-radius: 9999px;
+      transition: background-color 0.15s ease;
+      font-size: 13px;
+
+      &:hover {
+        background-color: ${token.colorFillTertiary};
+      }
+
+      .ant-tabs-tab-btn {
+        font-size: 13px;
+      }
+    }
+
+    .ant-tabs-tab + .ant-tabs-tab {
+      margin-left: 2px;
+    }
+
+    .ant-tabs-tab-active {
+      background-color: ${token.colorFillSecondary};
+
+      .ant-tabs-tab-btn {
+        color: ${token.colorText};
+        font-weight: 500;
+      }
+    }
+
+    .ant-tabs-ink-bar {
+      display: none;
+    }
+  `,
   title: css`
     margin: 0;
     font-size: 24px;
@@ -6846,6 +6931,8 @@ var useStyles5 = (0, import_antd_style8.createStyles)(({ css, token }) => ({
 var EntityListShell = ({
   title,
   subtitle,
+  titleBefore,
+  titleAfter,
   headerLeft,
   headerRight,
   loading,
@@ -6858,7 +6945,10 @@ var EntityListShell = ({
   children,
   itemCount,
   itemName,
-  className
+  className,
+  tabs,
+  activeTab,
+  onTabChange
 }) => {
   const { styles } = useStyles5();
   const { token } = import_antd12.theme.useToken();
@@ -6866,8 +6956,21 @@ var EntityListShell = ({
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: `${styles.container} ${className || ""}`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: styles.header, children: [
       /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: styles.headerLeft, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h1", { className: styles.title, children: title }),
-        resolvedSubtitle && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: styles.subtitle, children: resolvedSubtitle })
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: styles.titleRow, children: [
+          titleBefore,
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("h1", { className: styles.title, children: title }),
+          titleAfter
+        ] }),
+        resolvedSubtitle && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: styles.subtitle, children: resolvedSubtitle }),
+        tabs && tabs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: styles.tabs, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          import_antd11.Tabs,
+          {
+            type: "line",
+            activeKey: activeTab,
+            onChange: (key) => onTabChange?.(key),
+            items: tabs.map((t) => ({ key: t.key, label: t.label }))
+          }
+        ) })
       ] }),
       (headerLeft || headerRight) && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: styles.headerRight, children: [
         headerLeft,
@@ -6986,6 +7089,8 @@ var EntityListView = ({
   keyExtractor,
   title,
   itemName,
+  titleBefore,
+  titleAfter,
   renderIcon,
   renderPrimary,
   renderSecondary,
@@ -7008,7 +7113,10 @@ var EntityListView = ({
   renderEmpty,
   renderGridItem,
   renderListItem,
-  className
+  className,
+  tabs,
+  activeTab,
+  onTabChange
 }) => {
   const [viewMode, setViewMode] = (0, import_react29.useState)(defaultViewMode);
   const { styles } = useStyles7();
@@ -7033,8 +7141,13 @@ var EntityListView = ({
         emptyTitle,
         emptyDescription,
         renderEmpty,
+        titleBefore,
+        titleAfter,
         headerLeft,
         headerRight: headerRightContent,
+        tabs,
+        activeTab,
+        onTabChange,
         children: null
       }
     );
@@ -7047,9 +7160,14 @@ var EntityListView = ({
       itemName,
       loading,
       isEmpty: false,
+      titleBefore,
+      titleAfter,
       headerLeft,
       headerRight: headerRightContent,
       className,
+      tabs,
+      activeTab,
+      onTabChange,
       children: viewMode === "grid" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: styles.grid, children: [
         hasCreate && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(EntityCreateTrigger, { viewMode: "grid", label: createLabel, onClick: onCreateClick }),
         items.map((item) => {
@@ -8488,7 +8606,7 @@ var ConnectionConfigDrawerContent = ({
         itemName: "connection",
         items: configs,
         loading,
-        headerLeft: onBack ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_antd15.Button, { type: "text", icon: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { style: { fontSize: 16 }, children: "\u2190" }), onClick: onBack, style: { marginRight: 8 }, children: "Back" }) : void 0,
+        titleBefore: onBack ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_antd15.Button, { type: "text", icon: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { style: { fontSize: 16 }, children: "\u2190" }), onClick: onBack }) : void 0,
         keyExtractor: (c) => c.id,
         onItemClick: handleEdit,
         renderIcon: () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { style: { color: "#6366f1" }, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react14.Plug2, { size: 20 }) }),
@@ -8830,12 +8948,25 @@ var ConnectionFormModal = ({
 // src/components/Chat/ConnectionsHub.tsx
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var { Text: Text7 } = import_antd16.Typography;
+function categorize(types) {
+  const connections = [];
+  const tools = [];
+  for (const t of types) {
+    if (t.connectionSchema) {
+      connections.push(t);
+    } else {
+      tools.push(t);
+    }
+  }
+  return { connections, tools };
+}
 var ConnectionsHub = () => {
   const api = useApi();
   const { config } = useLatticeChatShellContext();
-  const [types, setTypes] = (0, import_react34.useState)([]);
+  const [allTypes, setAllTypes] = (0, import_react34.useState)([]);
   const [loading, setLoading] = (0, import_react34.useState)(true);
   const [selectedType, setSelectedType] = (0, import_react34.useState)(null);
+  const [activeTab, setActiveTab] = (0, import_react34.useState)("connections");
   const fetchedRef = (0, import_react34.useRef)(false);
   (0, import_react34.useEffect)(() => {
     if (fetchedRef.current) return;
@@ -8843,39 +8974,79 @@ var ConnectionsHub = () => {
     const endpoint = config.middlewareTypesEndpoint || "/api/middleware-types";
     api.get(endpoint).then((data) => {
       if (Array.isArray(data)) {
-        setTypes(data.filter((t) => t.connectionSchema));
+        setAllTypes(data);
       }
-    }).catch(() => setTypes([])).finally(() => setLoading(false));
+    }).catch(() => setAllTypes([])).finally(() => setLoading(false));
   }, []);
+  const { connections, tools } = (0, import_react34.useMemo)(() => categorize(allTypes), [allTypes]);
+  const visibleItems = (0, import_react34.useMemo)(() => {
+    switch (activeTab) {
+      case "all":
+        return allTypes;
+      case "connections":
+        return connections;
+      case "tools":
+        return tools;
+    }
+  }, [activeTab, allTypes, connections, tools]);
+  const handleItemClick = (t) => {
+    if (t.connectionSchema) {
+      setSelectedType(t.type);
+    }
+  };
+  const emptyState = (0, import_react34.useMemo)(() => {
+    switch (activeTab) {
+      case "connections":
+        return { title: "No connection plugins", description: "No plugins with connection management registered" };
+      case "tools":
+        return { title: "No tool plugins", description: "No tool-only plugins registered" };
+      default:
+        return { title: "No plugins", description: "No plugins registered" };
+    }
+  }, [activeTab]);
   if (selectedType) {
     return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       ConnectionConfigDrawerContent,
       {
         connectionType: selectedType,
-        title: types.find((t) => t.type === selectedType)?.name,
+        title: allTypes.find((t) => t.type === selectedType)?.name,
         onBack: () => setSelectedType(null)
       }
     );
   }
+  const renderFooter = (t) => {
+    if (t.connectionSchema) {
+      return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { style: { fontSize: 11, color: "#999" }, children: [
+        t.connectionSchema.hasTest && "test",
+        t.connectionSchema.hasDiscover && "discover"
+      ].filter(Boolean).join(" \xB7 ") || "connection" });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_antd16.Tag, { style: { fontSize: 10, lineHeight: "16px", padding: "0 6px" }, children: "tool" });
+  };
+  const tabs = [
+    { key: "all", label: `All (${allTypes.length})` },
+    { key: "connections", label: `Connections (${connections.length})` },
+    { key: "tools", label: `Tools (${tools.length})` }
+  ];
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     EntityListView,
     {
       title: "Plugins",
       itemName: "plugin",
-      items: types,
+      items: visibleItems,
       loading,
       keyExtractor: (t) => t.type,
-      renderIcon: (t) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { style: { fontSize: 20, fontWeight: 600, color: "#6366f1" }, children: t.name.charAt(0).toUpperCase() }),
+      tabs,
+      activeTab,
+      onTabChange: (key) => setActiveTab(key),
+      renderIcon: (t) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { style: { fontSize: 20, fontWeight: 600, color: t.connectionSchema ? "#6366f1" : "#8c8c8c" }, children: t.name.charAt(0).toUpperCase() }),
       renderPrimary: (t) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Text7, { strong: true, style: { fontSize: 14 }, children: t.name }),
       renderSecondary: (t) => t.description || void 0,
-      renderFooter: (t) => t.connectionSchema ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { style: { fontSize: 11, color: "#999" }, children: [
-        t.connectionSchema.hasTest && "test",
-        t.connectionSchema.hasDiscover && "discover"
-      ].filter(Boolean).join(" \xB7 ") || "connection" }) : void 0,
-      onItemClick: (t) => setSelectedType(t.type),
+      renderFooter,
+      onItemClick: handleItemClick,
       emptyIcon: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { style: { fontSize: 48, opacity: 0.3 }, children: "\u{1F50C}" }),
-      emptyTitle: "No connection types configured",
-      emptyDescription: "Register a plugin with connection capabilities to see it here",
+      emptyTitle: emptyState.title,
+      emptyDescription: emptyState.description,
       showViewToggle: false
     }
   );
@@ -13684,6 +13855,16 @@ var useStyles10 = (0, import_antd_style13.createStyles)(({ token, css }) => ({
   body: css`
     flex: 1;
     overflow: auto;
+    & .ant-table-row .entry-row-actions {
+      opacity: 0;
+      transition: opacity 0.15s;
+      @media (hover: none) {
+        opacity: 1;
+      }
+    }
+    & .ant-table-row:hover .entry-row-actions {
+      opacity: 1;
+    }
   `,
   countTag: css`
     font-size: 12px;
@@ -13699,6 +13880,37 @@ var useStyles10 = (0, import_antd_style13.createStyles)(({ token, css }) => ({
     justify-content: center;
     padding: 48px 0;
     gap: 8px;
+  `,
+  contentClamp: css`
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    line-height: 1.55;
+    font-size: 13px;
+    word-break: break-word;
+  `,
+  expandToggle: css`
+    display: inline-flex;
+    align-items: center;
+    gap: 2px;
+    font-size: 12px;
+    color: ${token.colorPrimary};
+    cursor: pointer;
+    user-select: none;
+    margin-top: 2px;
+    line-height: 1;
+    padding: 1px 4px;
+    border-radius: 4px;
+    transition: background 0.15s;
+    &:hover {
+      background: ${token.colorPrimaryBg};
+    }
+  `,
+  expandedRow: css`
+    & td {
+      background: ${token.colorPrimaryBg} !important;
+      transition: background 0.25s;
+    }
   `
 }));
 var CollectionEntryTable = ({
@@ -13716,7 +13928,17 @@ var CollectionEntryTable = ({
   const [confirmLoading, setConfirmLoading] = (0, import_react47.useState)(false);
   const [searchQuery, setSearchQuery] = (0, import_react47.useState)("");
   const [searchResults, setSearchResults] = (0, import_react47.useState)(null);
+  const [loadError, setLoadError] = (0, import_react47.useState)(false);
+  const [expandedIds, setExpandedIds] = (0, import_react47.useState)(/* @__PURE__ */ new Set());
   const [form] = import_antd29.Form.useForm();
+  const toggleExpand = (id) => {
+    setExpandedIds((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      return next;
+    });
+  };
   const fetchEntries = (0, import_react47.useCallback)(async () => {
     if (!collectionName) return;
     setIsLoading(true);
@@ -13725,7 +13947,10 @@ var CollectionEntryTable = ({
       setEntries(res.data?.records || []);
       setSearchResults(null);
       setSearchQuery("");
+      setLoadError(false);
     } catch {
+      setLoadError(true);
+      import_antd29.message.error("Failed to load entries");
     } finally {
       setIsLoading(false);
     }
@@ -13741,6 +13966,7 @@ var CollectionEntryTable = ({
   (0, import_react47.useEffect)(() => {
     fetchCollection();
     fetchEntries();
+    setExpandedIds(/* @__PURE__ */ new Set());
   }, [fetchCollection, fetchEntries]);
   const handleSearch = async (q) => {
     doBackendSearch(q);
@@ -13774,6 +14000,13 @@ var CollectionEntryTable = ({
     setSearchResults(null);
     fetchEntries();
   };
+  const refreshCurrentView = () => {
+    if (searchResults !== null) {
+      doBackendSearch();
+    } else {
+      fetchEntries();
+    }
+  };
   const fields = collection?.schema?.fields || [];
   const hasSearch = searchResults !== null;
   const displayEntries = searchResults || entries;
@@ -13810,12 +14043,14 @@ var CollectionEntryTable = ({
       ] })
     ] }),
     filterIcon: (f) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react18.Search, { size: 13, style: { color: f ? "#6366f1" : "#d1d5db" } }),
-    filtered: columnFilters[fieldKey] !== void 0
+    filtered: columnFilters[fieldKey] !== void 0,
+    filteredValue: columnFilters[fieldKey] !== void 0 ? [columnFilters[fieldKey]] : null
   });
   const enumFilter = (fieldKey, values) => ({
     filters: values.map((v) => ({ text: v, value: v })),
     filterIcon: (f) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react18.Search, { size: 13, style: { color: f ? "#6366f1" : "#d1d5db" } }),
     filtered: columnFilters[fieldKey] !== void 0,
+    filteredValue: columnFilters[fieldKey] !== void 0 ? [columnFilters[fieldKey]] : null,
     onFilter: (value, _record) => {
       return true;
     },
@@ -13857,9 +14092,43 @@ var CollectionEntryTable = ({
       title: "Content",
       dataIndex: "content",
       key: "content",
-      ellipsis: true,
+      ellipsis: false,
       ...textFilter("content"),
-      render: (text) => text ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { style: { lineHeight: 1.5 }, children: text.length > 120 ? text.slice(0, 120) + "\u2026" : text }) : null
+      render: (text, record) => {
+        if (!text) return null;
+        const MAX = 120;
+        const isLong = text.length > MAX;
+        const expanded = isLong && expandedIds.has(record.id);
+        return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            "div",
+            {
+              className: styles.contentClamp,
+              style: {
+                WebkitLineClamp: expanded ? "unset" : 2
+              },
+              children: text
+            }
+          ),
+          isLong && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            "a",
+            {
+              className: styles.expandToggle,
+              onClick: (e) => {
+                e.stopPropagation();
+                toggleExpand(record.id);
+              },
+              children: expanded ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+                "\u6536\u8D77 ",
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react18.ChevronUp, { size: 12 })
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+                "\u5C55\u5F00 ",
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react18.ChevronDown, { size: 12 })
+              ] })
+            }
+          )
+        ] });
+      }
     },
     ...fields.map((f) => ({
       title: f.key,
@@ -13884,9 +14153,9 @@ var CollectionEntryTable = ({
       title: "",
       key: "actions",
       width: 64,
-      render: (_, record) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_antd29.Space, { size: 0, children: [
+      render: (_, record) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_antd29.Space, { size: 0, className: "entry-row-actions", onClick: (e) => e.stopPropagation(), children: [
         /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_antd29.Button, { type: "text", size: "small", style: iconMuted, onClick: () => handleEdit(record), children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react18.Pencil, { size: 14 }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_antd29.Popconfirm, { title: "Delete?", onConfirm: () => handleDelete(record.id), okText: "Delete", okType: "danger", placement: "left", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_antd29.Button, { type: "text", size: "small", danger: true, style: { opacity: 0.4 }, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react18.Trash2, { size: 14 }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_antd29.Popconfirm, { title: "Delete?", onConfirm: () => handleDelete(record.id), okText: "Delete", okType: "danger", placement: "left", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_antd29.Button, { type: "text", size: "small", danger: true, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react18.Trash2, { size: 14 }) }) })
       ] })
     }
   ];
@@ -13904,7 +14173,7 @@ var CollectionEntryTable = ({
     try {
       await del(`/api/collections/${collectionName}/entries/${id}`);
       import_antd29.message.success("Deleted");
-      fetchEntries();
+      refreshCurrentView();
     } catch (err) {
       import_antd29.message.error(err?.message || "Failed");
     }
@@ -13919,9 +14188,10 @@ var CollectionEntryTable = ({
         if (v !== void 0 && v !== "") metadata[k] = v;
       }
       editingEntry ? await put(`/api/collections/${collectionName}/entries/${editingEntry.id}`, { content, metadata }) : await post(`/api/collections/${collectionName}/entries`, { content, metadata });
+      import_antd29.message.success(editingEntry ? "Entry updated" : "Entry created");
       setModalOpen(false);
       form.resetFields();
-      fetchEntries();
+      refreshCurrentView();
     } catch (err) {
       if (err?.errorFields) return;
       import_antd29.message.error(err?.message || "Failed");
@@ -13935,7 +14205,7 @@ var CollectionEntryTable = ({
       /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: styles.toolbarLeft, children: [
         onBack && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_antd29.Button, { type: "text", size: "small", icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react18.ArrowLeft, { size: 16 }), onClick: onBack }),
         /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Text17, { strong: true, style: { fontSize: 14 }, children: collection?.label || collectionName }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: styles.countTag, children: displayEntries.length }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_antd29.Tooltip, { title: hasSearch && displayEntries.length >= 50 ? "Semantic search returns at most 50 results" : void 0, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: styles.countTag, children: hasSearch && displayEntries.length >= 50 ? "50+" : displayEntries.length }) }),
         hasSearch && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_antd29.Tag, { color: "blue", style: { margin: 0 }, children: "semantic" })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: styles.toolbarRight, children: [
@@ -13954,9 +14224,11 @@ var CollectionEntryTable = ({
             style: { width: 200 },
             placeholder: "Semantic search\u2026",
             value: searchQuery,
-            onChange: (e) => setSearchQuery(e.target.value),
+            onChange: (e) => {
+              setSearchQuery(e.target.value);
+              if (!e.target.value) doBackendSearch("");
+            },
             onSearch: handleSearch,
-            onClear: clearFilters,
             allowClear: true,
             loading: searching
           }
@@ -13974,8 +14246,19 @@ var CollectionEntryTable = ({
         loading: isLoading,
         size: "small",
         pagination: false,
+        rowClassName: (record) => expandedIds.has(record.id) ? styles.expandedRow : "",
+        onRow: (record) => ({
+          onClick: () => handleEdit(record),
+          style: { cursor: "pointer" }
+        }),
         showHeader: displayEntries.length > 0,
-        locale: { emptyText: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: styles.emptyWrap, children: [
+        locale: { emptyText: loadError ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: styles.emptyWrap, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Text17, { type: "secondary", children: "Failed to load entries" }),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_antd29.Button, { size: "small", onClick: fetchEntries, children: "Retry" })
+        ] }) : hasSearch ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: styles.emptyWrap, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Text17, { type: "secondary", children: "No matching entries" }),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_antd29.Button, { size: "small", onClick: clearFilters, children: "Clear search & filters" })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: styles.emptyWrap, children: [
           /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Text17, { type: "secondary", children: "No entries yet" }),
           /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_antd29.Button, { type: "primary", size: "small", icon: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react18.Plus, { size: 14 }), onClick: handleAdd, children: "Add your first entry" })
         ] }) }
@@ -13996,7 +14279,7 @@ var CollectionEntryTable = ({
         destroyOnClose: true,
         children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_antd29.Form, { form, layout: "vertical", style: { marginTop: 8 }, children: [
           /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_antd29.Form.Item, { name: "content", label: "Content", rules: [{ required: true }], children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_antd29.Input.TextArea, { rows: 4, placeholder: "Text content to index\u2026" }) }),
-          fields.map((f) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_antd29.Form.Item, { name: f.key, label: f.key, rules: f.required ? [{ required: true }] : [], children: f.type === "enum" && f.enumValues ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_antd29.Select, { placeholder: f.key, allowClear: true, options: f.enumValues.map((v) => ({ value: v, label: v })) }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_antd29.Input, { placeholder: f.key }) }, f.key))
+          fields.map((f) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_antd29.Form.Item, { name: f.key, label: f.key, rules: f.required ? [{ required: true }] : [], children: f.type === "enum" && f.enumValues ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_antd29.Select, { placeholder: f.key, allowClear: true, options: f.enumValues.map((v) => ({ value: v, label: v })) }) : f.type === "number" ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_antd29.InputNumber, { style: { width: "100%" }, placeholder: f.key }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_antd29.Input, { placeholder: f.key }) }, f.key))
         ] })
       }
     )
@@ -14149,7 +14432,7 @@ var CollectionsPanel = () => {
       title: "",
       key: "actions",
       width: 100,
-      render: (_, record) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_antd30.Space, { children: [
+      render: (_, record) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_antd30.Space, { onClick: (e) => e.stopPropagation(), children: [
         /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_antd30.Tooltip, { title: "Edit", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           import_antd30.Button,
           {
@@ -17869,11 +18152,13 @@ var MemoizedBubbleList = (0, import_react62.memo)(
 MemoizedBubbleList.displayName = "MemoizedBubbleList";
 var MessageList = ({
   messages,
-  className
+  className,
+  isLoading = false
 }) => {
   const { styles } = useStyle();
   const openSideApp = useSideAppOpener();
-  const deferredMessages = (0, import_react62.useDeferredValue)(messages);
+  const rawDeferred = (0, import_react62.useDeferredValue)(messages);
+  const deferredMessages = isLoading ? rawDeferred : messages;
   const messageLengthRef = (0, import_react62.useRef)(deferredMessages?.length ?? 0);
   (0, import_react62.useEffect)(() => {
     if (deferredMessages?.length) {
@@ -17972,6 +18257,30 @@ ${JSON.stringify(
     }
   };
   if (items.length === 0) {
+    if (isLoading) {
+      return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { style: { flex: 1, display: "flex", alignItems: "center", justifyContent: "center" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("style", { children: `
+            @keyframes msg-typing {
+              0%, 60%, 100% { transform: translateY(0); opacity: 0.4; }
+              30% { transform: translateY(-6px); opacity: 1; }
+            }
+          ` }),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { style: { display: "flex", gap: 6, padding: "12px 20px" }, children: [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+          "div",
+          {
+            style: {
+              width: 8,
+              height: 8,
+              borderRadius: "50%",
+              background: "linear-gradient(135deg, #6366f1, #a855f7)",
+              animation: "msg-typing 1.2s ease-in-out infinite",
+              animationDelay: `${i * 0.2}s`
+            }
+          },
+          i
+        )) })
+      ] });
+    }
     return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { style: { flex: 1 } });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
@@ -21106,6 +21415,7 @@ ${nextContent}`;
         MessageList,
         {
           messages,
+          isLoading,
           className: `${styles.messages} ${isTransitioning ? styles.entering : ""}`
         }
       ),
@@ -28004,7 +28314,7 @@ function parseAgent(raw) {
     id: nid(label),
     type: "agent",
     name: label,
-    ref: typeof config.ref === "string" ? config.ref : label,
+    ref: typeof config.ref === "string" ? config.ref : void 0,
     input: { template: String(config.prompt ?? "") },
     output: { key: label, schema: toSchema(config.output) },
     ask: config.ask === true,
@@ -28051,6 +28361,16 @@ function normalize(name, steps) {
             itemKey: "item",
             input: { template: String(config.map.each?.prompt ?? "") },
             output: { key, schema: toSchema(config.map.each?.output) },
+            node: {
+              type: "agent",
+              ref: typeof config.map.each?.ref === "string" ? config.map.each.ref : "",
+              input: { template: String(config.map.each?.prompt ?? "") }
+            },
+            config: {
+              batchSize: Number(config.map.batch) || void 0,
+              maxConcurrency: Number(config.map.concurrency) || void 0,
+              innerConcurrency: Number(config.map.concurrency) || void 0
+            },
             condition: config.map.if !== void 0 ? String(config.map.if) : void 0
           });
           const fromNodes = typeof prevId === "string" ? [prevId] : prevId;
@@ -28198,7 +28518,7 @@ var CIRCLE_SIZE = 72;
 var CIRCLE_BORDER = 3;
 var WorkflowNode = ({ data }) => {
   if (!data) return null;
-  const { nodeType, name, description, ref, outputKey, nodeSchema, config, status: termStatus, source, innerRef, reduceRef, inputTemplate, ask, condition, runState, pending } = data;
+  const { nodeType, name, description, ref, refAgentName, refAgentType, refDeleted, outputKey, nodeSchema, config, status: termStatus, source, innerRef, inputTemplate, ask, condition, runState, pending } = data;
   const meta = TYPE_META[nodeType] || TYPE_META.agent;
   const termMeta = TERMINAL_STATUS_META[termStatus || ""] || TERMINAL_STATUS_META.__default;
   const ssc = runState ? STEP_STATUS_CONFIG[runState.status] || STEP_STATUS_CONFIG.running : null;
@@ -28298,6 +28618,7 @@ var WorkflowNode = ({ data }) => {
           boxShadow: cardShadow,
           border: `1px solid #e5e7eb`,
           borderLeft: `3px solid ${leftBorderColor}`,
+          borderStyle: ref ? "dashed" : "solid",
           overflow: "hidden",
           transition: "all 0.2s ease",
           ...pending ? { opacity: 0.5, borderStyle: "dashed" } : {}
@@ -28389,8 +28710,17 @@ var WorkflowNode = ({ data }) => {
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("div", { style: { display: "flex", gap: 4, marginTop: 6, flexWrap: "wrap" }, children: [
-              !hasRuntime && nodeType === "agent" && ref && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_antd89.Tag, { color: "purple", style: { margin: 0, fontSize: 10, padding: "0 5px", lineHeight: "16px" }, children: ref }),
-              !hasRuntime && nodeType === "agent" && !ref && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_antd89.Tag, { color: "default", style: { margin: 0, fontSize: 10, padding: "0 5px", lineHeight: "16px" }, children: "general" }),
+              !hasRuntime && nodeType === "agent" && ref && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_antd89.Tooltip, { title: refDeleted ? `Agent "${ref}" no longer exists` : `Delegated to agent: ${refAgentName ?? ref}`, children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
+                import_antd89.Tag,
+                {
+                  color: refDeleted ? "red" : "purple",
+                  style: { margin: 0, fontSize: 10, padding: "0 5px", lineHeight: "16px" },
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_lucide_react34.Link2, { size: 10 }),
+                  children: refDeleted ? `[\u5DF2\u5220\u9664] ${ref}` : `\u2192 ${refAgentName ?? ref}`
+                }
+              ) }),
+              !hasRuntime && nodeType === "agent" && ref && refAgentType && !refDeleted && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_antd89.Tag, { style: { margin: 0, fontSize: 10, padding: "0 5px", lineHeight: "16px" }, children: refAgentType }),
+              !hasRuntime && nodeType === "agent" && !ref && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_antd89.Tag, { color: "default", style: { margin: 0, fontSize: 10, padding: "0 5px", lineHeight: "16px" }, children: "inline" }),
               ask && /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_antd89.Tooltip, { title: "This step requires human approval before continuing", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
                 "div",
                 {
@@ -28442,10 +28772,6 @@ var WorkflowNode = ({ data }) => {
                 "\xD7",
                 innerConcurrency ?? 5
               ] }),
-              !hasRuntime && nodeType === "map" && reduceRef && /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(import_antd89.Tag, { color: "blue", style: { margin: 0, fontSize: 10, padding: "0 5px", lineHeight: "16px" }, children: [
-                "\u2193 ",
-                reduceRef
-              ] }),
               !hasRuntime && maxRetries ? /* @__PURE__ */ (0, import_jsx_runtime116.jsxs)(import_antd89.Tag, { style: { margin: 0, fontSize: 10, padding: "0 5px", lineHeight: "16px" }, children: [
                 "\u21BB ",
                 maxRetries
@@ -28704,19 +29030,22 @@ function StepDetailPopover({ step }) {
 function matchStepByName(steps, dslNode) {
   return steps.find((s) => s.stepName === dslNode.name) ?? null;
 }
-function dslNodeToData(n, runState, pending) {
+function dslNodeToData(n, runState, pending, agentNameMap) {
+  const refAgent = n.ref && agentNameMap ? agentNameMap.get(n.ref) : void 0;
   return {
     nodeType: n.type,
     name: n.name,
     description: n.description,
     ref: n.ref,
+    refAgentName: refAgent?.name,
+    refAgentType: refAgent?.type,
+    refDeleted: n.ref && agentNameMap ? !refAgent : void 0,
     outputKey: n.output?.key,
     nodeSchema: n.output?.schema,
     config: n.config,
     status: n.status,
     source: n.source,
     innerRef: n.node?.ref,
-    reduceRef: n.reduce?.ref,
     inputTemplate: n.input?.template,
     ask: n.ask,
     condition: n.condition,
@@ -28764,7 +29093,7 @@ function GroupLabelNode() {
     }, children: "Parallel" })
   ] });
 }
-function buildGraph(dsl) {
+function buildGraph(dsl, agentNameMap) {
   const canvasNodes = dsl.nodes;
   const canvasEdges = dsl.edges;
   const parallelGroups = resolveParallelGroups(canvasNodes);
@@ -28800,7 +29129,7 @@ function buildGraph(dsl) {
       id: n.id,
       type: "workflow",
       position: pos,
-      data: { ...dslNodeToData(n) }
+      data: { ...dslNodeToData(n, void 0, void 0, agentNameMap) }
     };
   });
   for (const group of parallelGroups) {
@@ -28822,7 +29151,7 @@ function buildGraph(dsl) {
         id: child.id,
         type: "workflow",
         position: { x: childStartX + i * (NODE_WIDTH + NODE_GAP), y: childY },
-        data: { ...dslNodeToData(child), parallelGroup: true },
+        data: { ...dslNodeToData(child, void 0, void 0, agentNameMap), parallelGroup: true },
         style: { zIndex: 2 }
       });
     }
@@ -28860,7 +29189,7 @@ function buildGraph(dsl) {
   }
   return { nodes: reactNodes, edges: reactEdges };
 }
-function buildRuntimeGraph(dsl, steps) {
+function buildRuntimeGraph(dsl, steps, _unused, agentNameMap) {
   const canvasNodes = dsl.nodes;
   const canvasEdges = dsl.edges;
   const parallelGroups = resolveParallelGroups(canvasNodes);
@@ -28900,7 +29229,7 @@ function buildRuntimeGraph(dsl, steps) {
       type: "workflow",
       position: pos,
       style: isTerminal ? { width: NODE_WIDTH, height: NODE_HEIGHT } : void 0,
-      data: dslNodeToData(n, runState, !step && !isTerminal)
+      data: dslNodeToData(n, runState, !step && !isTerminal, agentNameMap)
     };
   });
   for (const group of parallelGroups) {
@@ -28923,7 +29252,7 @@ function buildRuntimeGraph(dsl, steps) {
         id: child.id,
         type: "workflow",
         position: { x: childStartX + i * (NODE_WIDTH + NODE_GAP), y: childY },
-        data: { ...dslNodeToData(child, runState, !step), parallelGroup: true },
+        data: { ...dslNodeToData(child, runState, !step, agentNameMap), parallelGroup: true },
         style: { zIndex: 2 }
       });
     }
@@ -28974,6 +29303,7 @@ var WorkflowCanvas = ({
   dsl,
   steps,
   assistantId,
+  agentNameMap,
   onNodeClick,
   height = "100%"
 }) => {
@@ -28983,8 +29313,8 @@ var WorkflowCanvas = ({
     groupLabel: GroupLabelNode
   }), []);
   const { nodes: initialNodes, edges: initialEdges } = (0, import_react96.useMemo)(
-    () => isRuntime ? buildRuntimeGraph(dsl, steps) : buildGraph(dsl),
-    [dsl, steps, isRuntime]
+    () => isRuntime ? buildRuntimeGraph(dsl, steps, void 0, agentNameMap) : buildGraph(dsl, agentNameMap),
+    [dsl, steps, isRuntime, agentNameMap]
   );
   const [nodes, setNodes, onNodesChange] = (0, import_react97.useNodesState)(initialNodes);
   const [edges, setEdges, onEdgesChange] = (0, import_react97.useEdgesState)(initialEdges);
@@ -30670,6 +31000,7 @@ function WorkflowFlowInner({
   onCreate,
   onDelete,
   dsl,
+  agentNameMap,
   onSpecClick,
   environmentConfig
 }) {
@@ -30697,7 +31028,7 @@ function WorkflowFlowInner({
   };
   return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { style: { display: "flex", height: "100%", width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { style: { flex: 1, position: "relative" }, children: [
     selected ? /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(import_jsx_runtime125.Fragment, { children: [
-      dsl ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(WorkflowCanvas_default, { dsl }) : /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_antd96.Spin, { tip: "Loading workflow DSL..." }) }),
+      dsl ? /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(WorkflowCanvas_default, { dsl, agentNameMap }) : /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_antd96.Spin, { tip: "Loading workflow DSL..." }) }),
       !listOpen && /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { style: {
         position: "absolute",
         top: 12,
@@ -30945,12 +31276,18 @@ var WorkflowAutomationView = () => {
   const [dsl, setDsl] = (0, import_react105.useState)(null);
   const [graphDef, setGraphDef] = (0, import_react105.useState)(null);
   const [agentConfigs, setAgentConfigs] = (0, import_react105.useState)([]);
+  const [agentNameMap, setAgentNameMap] = (0, import_react105.useState)(/* @__PURE__ */ new Map());
   const fetchAllAssistants = (0, import_react105.useCallback)(async () => {
     try {
       const res = await get("/api/assistants");
       if (res.success && res.data?.records) {
         const cfgs = [];
+        const nameMap = /* @__PURE__ */ new Map();
         for (const a of res.data.records) {
+          if (a.id && a.name) {
+            const def = typeof a.graphDefinition === "object" && a.graphDefinition !== null ? a.graphDefinition : void 0;
+            nameMap.set(a.id, { name: a.name, type: def?.type ?? "unknown" });
+          }
           if (!a.graphDefinition) continue;
           if (typeof a.graphDefinition === "string") {
             try {
@@ -30962,6 +31299,7 @@ var WorkflowAutomationView = () => {
           }
         }
         setAgentConfigs(cfgs);
+        setAgentNameMap(nameMap);
       }
     } catch {
     }
@@ -31198,6 +31536,7 @@ var WorkflowAutomationView = () => {
           onCreate: () => setCreateModalOpen(true),
           onDelete: handleDelete,
           dsl,
+          agentNameMap,
           onSpecClick: () => setSpecModalOpen(true),
           environmentConfig
         }