51 lines
1.3 KiB
TypeScript
51 lines
1.3 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright 2025 Google LLC
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
import React from 'react';
|
|
import { Box, Text } from 'ink';
|
|
import { Colors } from '../colors.js';
|
|
import { useStreamingContext } from '../contexts/StreamingContext.js';
|
|
import { StreamingState } from '../types.js';
|
|
import { GeminiRespondingSpinner } from './GeminiRespondingSpinner.js';
|
|
|
|
interface LoadingIndicatorProps {
|
|
currentLoadingPhrase: string;
|
|
elapsedTime: number;
|
|
rightContent?: React.ReactNode;
|
|
}
|
|
|
|
export const LoadingIndicator: React.FC<LoadingIndicatorProps> = ({
|
|
currentLoadingPhrase,
|
|
elapsedTime,
|
|
rightContent,
|
|
}) => {
|
|
const { streamingState } = useStreamingContext();
|
|
|
|
if (streamingState === StreamingState.Idle) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<Box marginTop={1} paddingLeft={0}>
|
|
<Box marginRight={1}>
|
|
<GeminiRespondingSpinner
|
|
nonRespondingDisplay={
|
|
streamingState === StreamingState.WaitingForConfirmation ? '⠏' : ''
|
|
}
|
|
/>
|
|
</Box>
|
|
<Text color={Colors.AccentPurple}>
|
|
{currentLoadingPhrase}
|
|
{streamingState === StreamingState.WaitingForConfirmation
|
|
? ''
|
|
: ` (esc to cancel, ${elapsedTime}s)`}
|
|
</Text>
|
|
<Box flexGrow={1}>{/* Spacer */}</Box>
|
|
{rightContent && <Box>{rightContent}</Box>}
|
|
</Box>
|
|
);
|
|
};
|