From 0e6b18647ccb67acf8caf905cd925d0ce3a994ae Mon Sep 17 00:00:00 2001
From: coso <wutongci@hotmail.com>
Date: Fri, 27 Mar 2026 21:59:56 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=90=AF=E7=94=A8=E6=97=B6=E9=97=B4?=
 =?UTF-8?q?=E7=BA=BF=E5=86=85=E8=81=94=E6=93=8D=E4=BD=9C=E5=B1=95=E7=A4=BA?=
 =?UTF-8?q?=E6=A8=A1=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将 AgentThreadTimeline 切换到新的时间线设计：
- 使用 TimelineInlineItem 组件展示工具调用
- 采用左侧时间线 + 右侧内容的布局
- 移除旧的步骤列表卡片（保留代码作为备用）
- 提升对话流的连贯性和可读性

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 .../chat/components/AgentThreadTimeline.tsx   | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/components/agent/chat/components/AgentThreadTimeline.tsx b/src/components/agent/chat/components/AgentThreadTimeline.tsx
index 9d8fdf0f9..abc5b962c 100644
--- a/src/components/agent/chat/components/AgentThreadTimeline.tsx
+++ b/src/components/agent/chat/components/AgentThreadTimeline.tsx
@@ -2070,7 +2070,24 @@ export const AgentThreadTimeline: React.FC<AgentThreadTimelineProps> = ({
             </div>
 
             <div className="space-y-3" data-testid="agent-thread-flow">
-              {displayModel.orderedBlocks.map((block, index) => (
+              {/* 新的时间线设计：将工具调用内联展示 */}
+              {items
+                .filter(
+                  (item) =>
+                    item.type === "tool_call" ||
+                    item.type === "command_execution" ||
+                    item.type === "web_search"
+                )
+                .map((item, index, filteredItems) => (
+                  <TimelineInlineItem
+                    key={item.id}
+                    item={item}
+                    isLast={index === filteredItems.length - 1}
+                  />
+                ))}
+
+              {/* 保留原有的步骤列表作为备用 */}
+              {false && displayModel.orderedBlocks.map((block, index) => (
                 <TimelineBlockCard
                   key={block.id}
                   block={block}