Function load

frontend/src/components/timeline/AgentTracePanel.tsx:754–818

()

    }

    const load = async () => {
      setState((prev) => ({ ...prev, loading: true, error: null }));
      try {
        const headers = await getApiAuthHeaders();
        const response = await fetch(`${API_V1_URL}/agents/${agentRunId}/parts`, {
          headers,
        });
        if (!response.ok) {
          throw new Error(`Failed to load agent trace for ${agentRunId}`);
        }
        const data = await response.json();
        const parts: AgentTraceChunk[] = Array.isArray(data?.parts)
          ? data.parts
              .map(
                (entry: {
                  sequence?: number | null;
                  timestamp?: string | null;
                  chunk?: UIMessageChunk | null;
                }) => {
                  if (!entry?.chunk) {
                    return null;
                  }
                  return {
                    sequence: typeof entry.sequence === 'number' ? entry.sequence : 0,
                    timestamp:
                      typeof entry.timestamp === 'string'
                        ? entry.timestamp
                        : new Date().toISOString(),
                    chunk: entry.chunk,
                  };
                },
              )
              .filter((entry: AgentTraceChunk | null): entry is AgentTraceChunk => Boolean(entry))
          : [];
        const chunks: UIMessageChunk[] = parts.map((entry) => entry.chunk);
        const messages = await chunksToMessages(chunks);
        const steps = deriveAgentSteps(parts);
        if (!cancelled) {
          setState({
            loading: false,
            error: null,
            cursor:
              typeof data?.cursor === 'number'
                ? data.cursor
                : parts.length > 0
                  ? parts[parts.length - 1]!.sequence
                  : 0,
            messages,
            parts,
            steps,
          });
        }
      } catch (err) {
        if (!cancelled) {
          setState({
            loading: false,
            error: err instanceof Error ? err.message : 'Failed to load transcript',
            cursor: 0,