Function AgentRunCard

src/components/chat/AgentRunCard.tsx:42–196

({ run }: AgentRunCardProps)

};

export function AgentRunCard({ run }: AgentRunCardProps) {
  const normalizedBlocks = run.thinkingBlocks
    .map((b) => b.trim())
    .filter((b) => b.length > 0);
  const liveStream = run.streamingText.trim();

  // Get model name from agent config or default provider
  const { agentConfigs } = useAgentStore();
  const { providers, selectedModelId } = useSettingsStore();
  const agentConfig = agentConfigs.find((c) => c.agentType === run.agentType);
  const modelName = agentConfig?.modelId
    ?? selectedModelId
    ?? providers.find((p) => p.isDefault)?.model
    ?? null;

  const duration = formatDuration(run.startedAt, run.completedAt);
  const isRunning = run.status === 'running';

  const events = useMemo<TimelineEventItem[]>(() => {
    const list: TimelineEventItem[] = [];

    // Thinking blocks (collapsed, from previous iterations)
    normalizedBlocks.forEach((block, i) => {
      list.push({ kind: 'thinking', key: `${run.id}-thinking-${i}`, content: block });
    });

    // Tool calls
    run.toolCalls.forEach((tool) => {
      if (tool.status === 'failed') {
        list.push({ kind: 'tool_failed', key: `${run.id}-${tool.id}-failed`, tool });
      } else {
        list.push({ kind: 'tool_execution', key: `${run.id}-${tool.id}-exec`, tool });
      }
    });

    // Live streaming text — show as result (markdown rendered) while generating
    if (run.status === 'running' && liveStream.length > 0) {
      list.push({ kind: 'result', key: `${run.id}-streaming`, content: liveStream });
    }

    // Final output
    if (run.status === 'completed' && run.output) {
      list.push({ kind: 'result', key: `${run.id}-result`, content: run.output });
    }

    if (run.status === 'failed' && run.error) {
      list.push({ kind: 'result', key: `${run.id}-result-failed`, content: run.error });
    }

    return list;
  }, [
    run.id,
    run.output,
    run.error,
    run.status,
    run.toolCalls,
    normalizedBlocks,
    liveStream,