mirror of
https://github.com/aiclientproxy/proxycast.git
synced 2026-09-24 23:10:56 +08:00
feat: 启用时间线内联操作展示模式
将 AgentThreadTimeline 切换到新的时间线设计: - 使用 TimelineInlineItem 组件展示工具调用 - 采用左侧时间线 + 右侧内容的布局 - 移除旧的步骤列表卡片(保留代码作为备用) - 提升对话流的连贯性和可读性 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user