feat: 启用时间线内联操作展示模式

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

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
coso
2026-03-27 21:59:56 +08:00
co-authored by Claude Opus 4.6
parent 59a40db140
commit 0e6b18647c
@@ -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}