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

package/dist/index.mjs

@@ -13850,6 +13850,16 @@ var ThoughtTimelineCard = memo(function ThoughtTimelineCard2({ thought, config,
   const withoutJsonImages = removeJsonImageUrls(withoutTags);
   const cleaned = sanitizeMarkdownContent(parseThinkingContent(withoutJsonImages));
   if (!cleaned || !cleaned.trim()) return null;
+  const lineCount = useMemo(() => cleaned.split("\n").length, [cleaned]);
+  React24__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;
@@ -13918,11 +13928,45 @@ var ThoughtTimelineCard = memo(function ThoughtTimelineCard2({ thought, config,
       }) })
     ] });
   }
-  return /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsxs("div", { className: "px-3 py-2", children: [
-    /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsxs("div", { className: "text-sm leading-relaxed max-w-none [&_*]:break-words", children: [
-      /* @__PURE__ */ jsx(MarkdownContent, { content: preventSetextHeadings(cleaned), skipImages, config, variant: "thought" }),
-      isLoading && /* @__PURE__ */ jsx("span", { className: "inline-block w-2 h-4 ml-0.5 bg-[#d8ff00] animate-pulse rounded-sm" })
-    ] }) }),
+  return /* @__PURE__ */ jsxs("div", { className: "py-1", children: [
+    !isLoading && /* @__PURE__ */ 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__ */ 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__ */ jsx("path", { d: "M4.5 3L7.5 6L4.5 9", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "font-medium", children: expanded ? "\u9690\u85CF\u63A8\u7406\u8FC7\u7A0B" : "\u663E\u793A\u63A8\u7406\u8FC7\u7A0B" }),
+          !expanded && cleaned.length > 0 && /* @__PURE__ */ 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__ */ jsx("div", { className: `overflow-hidden transition-all duration-250 ease-out ${expanded ? "mt-1" : ""}`, children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `${expanded ? "block" : "hidden"} relative`,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "absolute left-[17px] top-0 bottom-0 w-px bg-zinc-800" }),
+          /* @__PURE__ */ jsx("div", { className: "ml-6 pl-3 py-2 border-l border-transparent", children: /* @__PURE__ */ jsxs("div", { className: "text-sm leading-relaxed max-w-none [&_*]:break-words text-zinc-300", children: [
+            /* @__PURE__ */ jsx(MarkdownContent, { content: preventSetextHeadings(cleaned), skipImages, config, variant: "thought" }),
+            isLoading && /* @__PURE__ */ jsx("span", { className: "inline-block w-2 h-4 ml-0.5 bg-[#d8ff00] animate-pulse rounded-sm" })
+          ] }) })
+        ]
+      }
+    ) }),
     thought?.raw?.length > 0 && showItemTime && /* @__PURE__ */ 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", {
@@ -13933,7 +13977,7 @@ var ThoughtTimelineCard = memo(function ThoughtTimelineCard2({ thought, config,
       minute: "2-digit",
       second: "2-digit"
     }) })
-  ] }) });
+  ] });
 });
 function formatDuration(ms) {
   if (ms < 1e3) return `${ms}ms`;