mirror of
https://github.com/google-gemini/gemini-cli.git
synced 2026-04-17 16:51:15 -07:00
535 lines
16 KiB
TypeScript
535 lines
16 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright 2026 Google LLC
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
import { useState, useRef, useCallback, useEffect, useMemo } from 'react';
|
|
import {
|
|
getErrorMessage,
|
|
MessageSenderType,
|
|
debugLogger,
|
|
geminiPartsToContentParts,
|
|
displayContentToString,
|
|
parseThought,
|
|
CoreToolCallStatus,
|
|
type ApprovalMode,
|
|
Kind,
|
|
type ThoughtSummary,
|
|
type RetryAttemptPayload,
|
|
type AgentEvent,
|
|
type AgentProtocol,
|
|
type Logger,
|
|
type Part,
|
|
} from '@google/gemini-cli-core';
|
|
import type {
|
|
HistoryItemWithoutId,
|
|
LoopDetectionConfirmationRequest,
|
|
IndividualToolCallDisplay,
|
|
HistoryItemToolGroup,
|
|
} from '../types.js';
|
|
import { StreamingState, MessageType } from '../types.js';
|
|
import { findLastSafeSplitPoint } from '../utils/markdownUtilities.js';
|
|
import { getToolGroupBorderAppearance } from '../utils/borderStyles.js';
|
|
import { type BackgroundTask } from './useExecutionLifecycle.js';
|
|
import type { UseHistoryManagerReturn } from './useHistoryManager.js';
|
|
import { useSessionStats } from '../contexts/SessionContext.js';
|
|
import { useStateAndRef } from './useStateAndRef.js';
|
|
import { type MinimalTrackedToolCall } from './useTurnActivityMonitor.js';
|
|
|
|
export interface UseAgentStreamOptions {
|
|
agent?: AgentProtocol;
|
|
addItem: UseHistoryManagerReturn['addItem'];
|
|
onCancelSubmit: (shouldRestorePrompt?: boolean) => void;
|
|
isShellFocused?: boolean;
|
|
logger?: Logger | null;
|
|
}
|
|
|
|
/**
|
|
* useAgentStream implements the interactive agent loop using an AgentProtocol.
|
|
* It is completely agnostic to the specific agent implementation.
|
|
*/
|
|
export const useAgentStream = ({
|
|
agent,
|
|
addItem,
|
|
onCancelSubmit,
|
|
isShellFocused,
|
|
logger,
|
|
}: UseAgentStreamOptions) => {
|
|
const [initError] = useState<string | null>(null);
|
|
const [retryStatus] = useState<RetryAttemptPayload | null>(null);
|
|
const [streamingState, setStreamingState] = useState<StreamingState>(
|
|
StreamingState.Idle,
|
|
);
|
|
const [thought, setThought] = useState<ThoughtSummary | null>(null);
|
|
const [lastOutputTime, setLastOutputTime] = useState<number>(Date.now());
|
|
|
|
const currentStreamIdRef = useRef<string | null>(null);
|
|
const userMessageTimestampRef = useRef<number>(0);
|
|
const geminiMessageBufferRef = useRef<string>('');
|
|
const [pendingHistoryItem, pendingHistoryItemRef, setPendingHistoryItem] =
|
|
useStateAndRef<HistoryItemWithoutId | null>(null);
|
|
|
|
const [trackedTools, , setTrackedTools] = useStateAndRef<
|
|
IndividualToolCallDisplay[]
|
|
>([]);
|
|
const [pushedToolCallIds, pushedToolCallIdsRef, setPushedToolCallIds] =
|
|
useStateAndRef<Set<string>>(new Set());
|
|
const [_isFirstToolInGroup, isFirstToolInGroupRef, setIsFirstToolInGroup] =
|
|
useStateAndRef<boolean>(true);
|
|
|
|
const { startNewPrompt } = useSessionStats();
|
|
|
|
// TODO: Implement dynamic shell-related state derivation from trackedTools or dedicated refs.
|
|
// This includes activePtyId, backgroundTasks, and related visibility states to restore
|
|
// parity with legacy terminal focus detection and background task tracking.
|
|
// Note: Avoid checking ITERM_SESSION_ID for terminal detection and ensure context is sanitized.
|
|
const activePtyId = undefined;
|
|
const backgroundTaskCount = 0;
|
|
const isBackgroundTaskVisible = false;
|
|
const toggleBackgroundTasks = useCallback(() => {}, []);
|
|
const backgroundCurrentExecution = undefined;
|
|
const backgroundTasks = useMemo(() => new Map<number, BackgroundTask>(), []);
|
|
const dismissBackgroundTask = useCallback(async (_pid: number) => {}, []);
|
|
|
|
// Use the trackedTools to mock pendingToolCalls for inactivity monitors
|
|
const pendingToolCalls = useMemo(
|
|
(): MinimalTrackedToolCall[] =>
|
|
trackedTools.map((t) => ({
|
|
request: {
|
|
name: t.originalRequestName || t.name,
|
|
args: { command: t.description },
|
|
callId: t.callId,
|
|
isClientInitiated: t.isClientInitiated ?? false,
|
|
prompt_id: '',
|
|
},
|
|
status: t.status,
|
|
})),
|
|
[trackedTools],
|
|
);
|
|
|
|
// TODO: Support LoopDetection confirmation requests
|
|
const [loopDetectionConfirmationRequest] =
|
|
useState<LoopDetectionConfirmationRequest | null>(null);
|
|
|
|
const flushPendingText = useCallback(() => {
|
|
if (pendingHistoryItemRef.current) {
|
|
addItem(pendingHistoryItemRef.current, userMessageTimestampRef.current);
|
|
setPendingHistoryItem(null);
|
|
geminiMessageBufferRef.current = '';
|
|
}
|
|
}, [addItem, pendingHistoryItemRef, setPendingHistoryItem]);
|
|
|
|
const cancelOngoingRequest = useCallback(async () => {
|
|
if (agent) {
|
|
await agent.abort();
|
|
setStreamingState(StreamingState.Idle);
|
|
onCancelSubmit(false);
|
|
}
|
|
}, [agent, onCancelSubmit]);
|
|
|
|
// TODO: Support native handleApprovalModeChange for Plan Mode
|
|
const handleApprovalModeChange = useCallback(
|
|
async (newApprovalMode: ApprovalMode) => {
|
|
debugLogger.debug(`Approval mode changed to ${newApprovalMode} (stub)`);
|
|
},
|
|
[],
|
|
);
|
|
|
|
const handleEvent = useCallback(
|
|
(event: AgentEvent) => {
|
|
setLastOutputTime(Date.now());
|
|
switch (event.type) {
|
|
case 'agent_start':
|
|
setStreamingState(StreamingState.Responding);
|
|
break;
|
|
case 'agent_end':
|
|
setStreamingState(StreamingState.Idle);
|
|
flushPendingText();
|
|
break;
|
|
case 'message':
|
|
if (event.role === 'agent') {
|
|
for (const part of event.content) {
|
|
if (part.type === 'text') {
|
|
geminiMessageBufferRef.current += part.text;
|
|
// Update pending history item with incremental text
|
|
const splitPoint = findLastSafeSplitPoint(
|
|
geminiMessageBufferRef.current,
|
|
);
|
|
if (splitPoint === geminiMessageBufferRef.current.length) {
|
|
setPendingHistoryItem({
|
|
type: 'gemini',
|
|
text: geminiMessageBufferRef.current,
|
|
});
|
|
} else {
|
|
const before = geminiMessageBufferRef.current.substring(
|
|
0,
|
|
splitPoint,
|
|
);
|
|
const after =
|
|
geminiMessageBufferRef.current.substring(splitPoint);
|
|
addItem(
|
|
{ type: 'gemini', text: before },
|
|
userMessageTimestampRef.current,
|
|
);
|
|
geminiMessageBufferRef.current = after;
|
|
setPendingHistoryItem({
|
|
type: 'gemini_content',
|
|
text: after,
|
|
});
|
|
}
|
|
} else if (part.type === 'thought') {
|
|
setThought(parseThought(part.thought));
|
|
}
|
|
}
|
|
}
|
|
break;
|
|
case 'tool_request': {
|
|
flushPendingText();
|
|
const legacyState = event._meta?.legacyState;
|
|
const displayName = legacyState?.displayName ?? event.name;
|
|
const isOutputMarkdown = legacyState?.isOutputMarkdown ?? false;
|
|
const desc = legacyState?.description ?? '';
|
|
|
|
const fallbackKind = Kind.Other;
|
|
|
|
const newCall: IndividualToolCallDisplay = {
|
|
callId: event.requestId,
|
|
name: displayName,
|
|
originalRequestName: event.name,
|
|
description: desc,
|
|
display: event.display,
|
|
status: CoreToolCallStatus.Scheduled,
|
|
isClientInitiated: false,
|
|
renderOutputAsMarkdown: isOutputMarkdown,
|
|
kind: legacyState?.kind ?? fallbackKind,
|
|
confirmationDetails: undefined,
|
|
resultDisplay: undefined,
|
|
};
|
|
setTrackedTools((prev) => [...prev, newCall]);
|
|
break;
|
|
}
|
|
case 'tool_update': {
|
|
setTrackedTools((prev) =>
|
|
prev.map((tc): IndividualToolCallDisplay => {
|
|
if (tc.callId !== event.requestId) return tc;
|
|
|
|
const legacyState = event._meta?.legacyState;
|
|
const evtStatus = legacyState?.status;
|
|
|
|
let status = tc.status;
|
|
if (evtStatus === 'executing')
|
|
status = CoreToolCallStatus.Executing;
|
|
else if (evtStatus === 'error') status = CoreToolCallStatus.Error;
|
|
else if (evtStatus === 'success')
|
|
status = CoreToolCallStatus.Success;
|
|
|
|
const display = event.display?.result;
|
|
const liveOutput =
|
|
displayContentToString(display) ?? tc.resultDisplay;
|
|
const progressMessage =
|
|
legacyState?.progressMessage ?? tc.progressMessage;
|
|
const progress = legacyState?.progress ?? tc.progress;
|
|
const progressTotal =
|
|
legacyState?.progressTotal ?? tc.progressTotal;
|
|
const ptyId = legacyState?.pid ?? tc.ptyId;
|
|
const description = legacyState?.description ?? tc.description;
|
|
|
|
return {
|
|
...tc,
|
|
status,
|
|
display: event.display
|
|
? { ...tc.display, ...event.display }
|
|
: tc.display,
|
|
resultDisplay: liveOutput,
|
|
progressMessage,
|
|
progress,
|
|
progressTotal,
|
|
ptyId,
|
|
description,
|
|
};
|
|
}),
|
|
);
|
|
break;
|
|
}
|
|
case 'tool_response': {
|
|
setTrackedTools((prev) =>
|
|
prev.map((tc): IndividualToolCallDisplay => {
|
|
if (tc.callId !== event.requestId) return tc;
|
|
|
|
const legacyState = event._meta?.legacyState;
|
|
const outputFile = legacyState?.outputFile;
|
|
const display = event.display?.result;
|
|
const resultDisplay =
|
|
displayContentToString(display) ?? tc.resultDisplay;
|
|
|
|
return {
|
|
...tc,
|
|
status: event.isError
|
|
? CoreToolCallStatus.Error
|
|
: CoreToolCallStatus.Success,
|
|
display: event.display
|
|
? { ...tc.display, ...event.display }
|
|
: tc.display,
|
|
resultDisplay,
|
|
outputFile,
|
|
};
|
|
}),
|
|
);
|
|
break;
|
|
}
|
|
|
|
case 'error':
|
|
addItem(
|
|
{ type: MessageType.ERROR, text: event.message },
|
|
userMessageTimestampRef.current,
|
|
);
|
|
break;
|
|
|
|
case 'initialize':
|
|
case 'session_update':
|
|
case 'elicitation_request':
|
|
case 'elicitation_response':
|
|
case 'usage':
|
|
case 'custom':
|
|
// These events are currently not handled in the UI
|
|
break;
|
|
|
|
default:
|
|
debugLogger.error('Unknown agent event type:', event);
|
|
event satisfies never;
|
|
break;
|
|
}
|
|
},
|
|
[
|
|
addItem,
|
|
flushPendingText,
|
|
setPendingHistoryItem,
|
|
setTrackedTools,
|
|
setStreamingState,
|
|
setThought,
|
|
setLastOutputTime,
|
|
],
|
|
);
|
|
|
|
useEffect(() => {
|
|
const unsubscribe = agent?.subscribe(handleEvent);
|
|
return () => unsubscribe?.();
|
|
}, [agent, handleEvent]);
|
|
|
|
const submitQuery = useCallback(
|
|
async (
|
|
query: Part[] | string,
|
|
options?: { isContinuation: boolean },
|
|
_prompt_id?: string,
|
|
) => {
|
|
if (!agent) return;
|
|
|
|
const timestamp = Date.now();
|
|
setLastOutputTime(timestamp);
|
|
userMessageTimestampRef.current = timestamp;
|
|
|
|
geminiMessageBufferRef.current = '';
|
|
|
|
if (!options?.isContinuation) {
|
|
if (typeof query === 'string') {
|
|
addItem({ type: MessageType.USER, text: query }, timestamp);
|
|
void logger?.logMessage(MessageSenderType.USER, query);
|
|
}
|
|
startNewPrompt();
|
|
}
|
|
|
|
const parts = geminiPartsToContentParts(
|
|
typeof query === 'string' ? [{ text: query }] : query,
|
|
);
|
|
|
|
try {
|
|
const { streamId } = await agent.send({
|
|
message: { content: parts },
|
|
});
|
|
currentStreamIdRef.current = streamId;
|
|
} catch (err) {
|
|
addItem(
|
|
{ type: MessageType.ERROR, text: getErrorMessage(err) },
|
|
timestamp,
|
|
);
|
|
}
|
|
},
|
|
[agent, addItem, logger, startNewPrompt],
|
|
);
|
|
|
|
useEffect(() => {
|
|
if (trackedTools.length > 0) {
|
|
const isNewBatch = !trackedTools.some((tc) =>
|
|
pushedToolCallIdsRef.current.has(tc.callId),
|
|
);
|
|
if (isNewBatch) {
|
|
setPushedToolCallIds(new Set());
|
|
setIsFirstToolInGroup(true);
|
|
}
|
|
} else if (streamingState === StreamingState.Idle) {
|
|
setPushedToolCallIds(new Set());
|
|
setIsFirstToolInGroup(true);
|
|
}
|
|
}, [
|
|
trackedTools,
|
|
pushedToolCallIdsRef,
|
|
setPushedToolCallIds,
|
|
setIsFirstToolInGroup,
|
|
streamingState,
|
|
]);
|
|
|
|
// Push completed tools to history
|
|
useEffect(() => {
|
|
const toolsToPush: IndividualToolCallDisplay[] = [];
|
|
for (let i = 0; i < trackedTools.length; i++) {
|
|
const tc = trackedTools[i];
|
|
if (pushedToolCallIdsRef.current.has(tc.callId)) continue;
|
|
|
|
if (
|
|
tc.status === 'success' ||
|
|
tc.status === 'error' ||
|
|
tc.status === 'cancelled'
|
|
) {
|
|
toolsToPush.push(tc);
|
|
} else {
|
|
break;
|
|
}
|
|
}
|
|
|
|
if (toolsToPush.length > 0) {
|
|
const newPushed = new Set(pushedToolCallIdsRef.current);
|
|
for (const tc of toolsToPush) {
|
|
newPushed.add(tc.callId);
|
|
}
|
|
|
|
const isLastInBatch =
|
|
toolsToPush[toolsToPush.length - 1] ===
|
|
trackedTools[trackedTools.length - 1];
|
|
|
|
const appearance = getToolGroupBorderAppearance(
|
|
{ type: 'tool_group', tools: trackedTools },
|
|
activePtyId,
|
|
!!isShellFocused,
|
|
[],
|
|
backgroundTasks,
|
|
);
|
|
|
|
const historyItem: HistoryItemToolGroup = {
|
|
type: 'tool_group',
|
|
tools: toolsToPush,
|
|
borderTop: isFirstToolInGroupRef.current,
|
|
borderBottom: isLastInBatch,
|
|
...appearance,
|
|
};
|
|
|
|
addItem(historyItem);
|
|
setPushedToolCallIds(newPushed);
|
|
setIsFirstToolInGroup(false);
|
|
}
|
|
}, [
|
|
trackedTools,
|
|
pushedToolCallIdsRef,
|
|
isFirstToolInGroupRef,
|
|
setPushedToolCallIds,
|
|
setIsFirstToolInGroup,
|
|
addItem,
|
|
activePtyId,
|
|
isShellFocused,
|
|
backgroundTasks,
|
|
]);
|
|
|
|
const pendingToolGroupItems = useMemo((): HistoryItemWithoutId[] => {
|
|
const remainingTools = trackedTools.filter(
|
|
(tc) => !pushedToolCallIds.has(tc.callId),
|
|
);
|
|
|
|
const items: HistoryItemWithoutId[] = [];
|
|
|
|
const appearance = getToolGroupBorderAppearance(
|
|
{ type: 'tool_group', tools: trackedTools },
|
|
activePtyId,
|
|
!!isShellFocused,
|
|
[],
|
|
backgroundTasks,
|
|
);
|
|
|
|
if (remainingTools.length > 0) {
|
|
items.push({
|
|
type: 'tool_group',
|
|
tools: remainingTools,
|
|
borderTop: pushedToolCallIds.size === 0,
|
|
borderBottom: false,
|
|
...appearance,
|
|
});
|
|
}
|
|
|
|
const allTerminal =
|
|
trackedTools.length > 0 &&
|
|
trackedTools.every(
|
|
(tc) =>
|
|
tc.status === 'success' ||
|
|
tc.status === 'error' ||
|
|
tc.status === 'cancelled',
|
|
);
|
|
|
|
const allPushed =
|
|
trackedTools.length > 0 &&
|
|
trackedTools.every((tc) => pushedToolCallIds.has(tc.callId));
|
|
|
|
const anyVisibleInHistory = pushedToolCallIds.size > 0;
|
|
const anyVisibleInPending = remainingTools.length > 0;
|
|
|
|
if (
|
|
trackedTools.length > 0 &&
|
|
!(allTerminal && allPushed) &&
|
|
(anyVisibleInHistory || anyVisibleInPending)
|
|
) {
|
|
items.push({
|
|
type: 'tool_group' as const,
|
|
tools: [],
|
|
borderTop: false,
|
|
borderBottom: true,
|
|
...appearance,
|
|
});
|
|
}
|
|
|
|
return items;
|
|
}, [
|
|
trackedTools,
|
|
pushedToolCallIds,
|
|
activePtyId,
|
|
isShellFocused,
|
|
backgroundTasks,
|
|
]);
|
|
|
|
const pendingHistoryItems = useMemo(
|
|
() =>
|
|
[pendingHistoryItem, ...pendingToolGroupItems].filter(
|
|
(i): i is HistoryItemWithoutId => i !== undefined && i !== null,
|
|
),
|
|
[pendingHistoryItem, pendingToolGroupItems],
|
|
);
|
|
|
|
return {
|
|
streamingState,
|
|
submitQuery,
|
|
initError,
|
|
pendingHistoryItems,
|
|
thought,
|
|
cancelOngoingRequest,
|
|
pendingToolCalls,
|
|
handleApprovalModeChange,
|
|
activePtyId,
|
|
loopDetectionConfirmationRequest,
|
|
lastOutputTime,
|
|
backgroundTaskCount,
|
|
isBackgroundTaskVisible,
|
|
toggleBackgroundTasks,
|
|
backgroundCurrentExecution,
|
|
backgroundTasks,
|
|
retryStatus,
|
|
dismissBackgroundTask,
|
|
};
|
|
};
|