@malette/agent-sdk 0.1.3-beta.4 → 0.1.3-beta.6

package/dist/index.js

@@ -1053,6 +1053,7 @@ var useAgentStore = zustand.create()(
       tools: [],
       skills: [],
       subAgentConfigs: [],
+      mainAgentPublicId: "",
       mainAgentName: "",
       artifacts: {},
       artifactOrder: [],
@@ -1063,6 +1064,7 @@ var useAgentStore = zustand.create()(
       setSkills: (skills) => set({ skills }, false, "setSkills"),
       setShowItemTime: (showItemTime) => set({ showItemTime }, false, "setShowItemTime"),
       setSubAgentConfigs: (subAgentConfigs) => set({ subAgentConfigs }, false, "setSubAgentConfigs"),
+      setMainAgentPublicId: (mainAgentPublicId) => set({ mainAgentPublicId }, false, "setMainAgentPublicId"),
       setMainAgentName: (mainAgentName) => set({ mainAgentName }, false, "setMainAgentName"),
       setMainAgentIcon: (mainAgentIcon) => set({ mainAgentIcon }, false, "setMainAgentIcon"),
       addSession: (session) => set(
@@ -13878,6 +13880,16 @@ var ThoughtTimelineCard = React24.memo(function ThoughtTimelineCard2({ thought,
   const withoutJsonImages = removeJsonImageUrls(withoutTags);
   const cleaned = sanitizeMarkdownContent(parseThinkingContent(withoutJsonImages));
   if (!cleaned || !cleaned.trim()) return null;
+  const lineCount = React24.useMemo(() => cleaned.split("\n").length, [cleaned]);
+  React24__namespace.default.useEffect(() => {
+    if (isLoading) {
+      setExpanded(true);
+    } else {
+      if (lineCount > 3) {
+        setExpanded(false);
+      }
+    }
+  }, [isLoading, lineCount]);
   const htmlCodeBlockMatch = cleaned.match(/```(?:html|htm)\n([\s\S]*?)(?:\n```|$)/);
   const isBareHtml = !htmlCodeBlockMatch && (cleaned.trimStart().startsWith("<!DOCTYPE") || cleaned.trimStart().startsWith("<html"));
   const isHtmlContent = !!htmlCodeBlockMatch || isBareHtml;
@@ -13946,11 +13958,45 @@ var ThoughtTimelineCard = React24.memo(function ThoughtTimelineCard2({ thought,
       }) })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 py-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm leading-relaxed max-w-none [&_*]:break-words", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(MarkdownContent, { content: preventSetextHeadings(cleaned), skipImages, config, variant: "thought" }),
-      isLoading && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block w-2 h-4 ml-0.5 bg-[#d8ff00] animate-pulse rounded-sm" })
-    ] }) }),
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "py-1", children: [
+    !isLoading && /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        onClick: () => setExpanded(!expanded),
+        className: "w-full flex items-center gap-2 px-2 py-1.5 rounded-md text-sm text-zinc-400 hover:text-zinc-200 hover:bg-zinc-800/40 transition-all duration-150 group",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "svg",
+            {
+              width: "12",
+              height: "12",
+              viewBox: "0 0 12 12",
+              fill: "none",
+              className: `flex-shrink-0 text-zinc-500 transition-transform duration-200 ${expanded ? "rotate-90" : "rotate-0"}`,
+              children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M4.5 3L7.5 6L4.5 9", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: expanded ? "\u9690\u85CF\u63A8\u7406\u8FC7\u7A0B" : "\u663E\u793A\u63A8\u7406\u8FC7\u7A0B" }),
+          !expanded && cleaned.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-zinc-600 truncate flex-1 text-left pl-2", children: [
+            cleaned.slice(0, 30).replace(/\n/g, " "),
+            cleaned.length > 30 ? "..." : ""
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: `overflow-hidden transition-all duration-250 ease-out ${expanded ? "mt-1" : ""}`, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: `${expanded ? "block" : "hidden"} relative`,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-[17px] top-0 bottom-0 w-px bg-zinc-800" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-6 pl-3 py-2 border-l border-transparent", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm leading-relaxed max-w-none [&_*]:break-words text-zinc-300", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(MarkdownContent, { content: preventSetextHeadings(cleaned), skipImages, config, variant: "thought" }),
+            isLoading && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block w-2 h-4 ml-0.5 bg-[#d8ff00] animate-pulse rounded-sm" })
+          ] }) })
+        ]
+      }
+    ) }),
     thought?.raw?.length > 0 && showItemTime && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-zinc-500 mt-2", children: new Date(
       thought.raw[thought.raw.length - 1]?.gmt_create || thought.raw[thought.raw.length - 1]?.gmtCreate || thought.raw[thought.raw.length - 1]?.timestamp || ""
     ).toLocaleTimeString("zh-CN", {
@@ -13961,7 +14007,7 @@ var ThoughtTimelineCard = React24.memo(function ThoughtTimelineCard2({ thought,
       minute: "2-digit",
       second: "2-digit"
     }) })
-  ] }) });
+  ] });
 });
 function formatDuration(ms) {
   if (ms < 1e3) return `${ms}ms`;
@@ -15334,6 +15380,7 @@ function useTimelineItems({
   const subAgents = useAgentStore((state) => state.subAgents);
   const subAgentPanels = useAgentStore((state) => state.multiAgent.subAgentPanels);
   const subAgentConfigs = useAgentStore((state) => state.subAgentConfigs);
+  const mainAgentPublicId = useAgentStore((state) => state.mainAgentPublicId);
   const mainAgentName = useAgentStore((state) => state.mainAgentName);
   const mainAgentIcon = useAgentStore((state) => state.mainAgentIcon);
   return React24.useMemo(() => {
@@ -15354,7 +15401,9 @@ function useTimelineItems({
       return fromConfig?.icon || fromConfig?.avatar;
     };
     const normalizeAgentId = (rawAgentId) => {
-      return rawAgentId || null;
+      if (!rawAgentId) return null;
+      if (mainAgentPublicId && rawAgentId === mainAgentPublicId) return null;
+      return rawAgentId;
     };
     const extra = message.extraData || {};
     const extraToolCalls = extra.tool_calls || [];
@@ -15740,7 +15789,7 @@ ${m.content}`;
       return true;
     });
     return filtered.map((item, index) => ({ ...item, id: `${item.kind}-${item.id}-${index}` }));
-  }, [message, isUser, toolCalls, components, plan, thoughts, includeThoughts, includeMessage, messageContent, messageTs, thoughtMergeWindowMs, subAgents, subAgentPanels, subAgentConfigs, mainAgentName, mainAgentIcon]);
+  }, [message, isUser, toolCalls, components, plan, thoughts, includeThoughts, includeMessage, messageContent, messageTs, thoughtMergeWindowMs, subAgents, subAgentPanels, subAgentConfigs, mainAgentPublicId, mainAgentName, mainAgentIcon]);
 }
 function __insertCSS(code3) {
   if (typeof document == "undefined") return;
@@ -23792,6 +23841,10 @@ function useSessionManager({
     setMessages
   } = useAgentStore();
   React24.useEffect(() => {
+    setCurrentSession(null);
+    setMessages([]);
+    clearArtifacts();
+    setLoading(true);
     sessionService.list({ projectId, agentId, pageSize: 100 }).then(async (res) => {
       if (res.success && res.data) {
         const list2 = res.data.list.map((s) => ({
@@ -23801,7 +23854,7 @@ function useSessionManager({
         setSessions(list2);
       }
     }).finally(() => setLoading(false));
-  }, [projectId, agentId, setSessions]);
+  }, [projectId, agentId, setSessions, setCurrentSession, setMessages, clearArtifacts]);
   const loadMessages = React24.useCallback(async (sessionId) => {
     const res = await sessionService.getMessages(sessionId, { pageNo: 1, pageSize: 100 });
     if (res.success && res.data?.list) {
@@ -23848,10 +23901,11 @@ function useSessionManager({
     if (s?.sessionId) {
       addSession(s);
       setCurrentSession(s);
+      onSessionIdChange?.(s.sessionId);
       setMessages([]);
       clearArtifacts();
     }
-  }, [projectId, agentId, addSession, setCurrentSession, setMessages, clearArtifacts]);
+  }, [projectId, agentId, addSession, setCurrentSession, onSessionIdChange, setMessages, clearArtifacts]);
   const handleSelect = React24.useCallback(async (s) => {
     setCurrentSession(s);
     onSessionIdChange?.(s.sessionId);
@@ -24366,6 +24420,7 @@ var AgentChat = React24__namespace.default.forwardRef(({
     setSkills,
     setShowItemTime,
     setSubAgentConfigs,
+    setMainAgentPublicId,
     setMainAgentName,
     setMainAgentIcon,
     setSubAgents
@@ -24514,6 +24569,7 @@ var AgentChat = React24__namespace.default.forwardRef(({
     agentService.get(agentId).then((res) => {
       if (res.success && res.data) {
         const agentData = res.data;
+        if (agentData.publicId) setMainAgentPublicId(agentData.publicId);
         if (agentData.name) setMainAgentName(agentData.name);
         if (agentData.icon) setMainAgentIcon(agentData.icon);
         const subConfigs = agentData.multiAgentConfig?.subAgentConfigs;