gemini-cli/packages/cli/src/ui/components/messages/GeminiMessage.tsx

74 lines
1.9 KiB
TypeScript

/**
* @license
* Copyright 2025 Google LLC
* SPDX-License-Identifier: Apache-2.0
*/
import React, { useEffect } from 'react';
import { Text, Box } from 'ink';
import { execFile } from 'child_process';
import { MarkdownDisplay } from '../../utils/MarkdownDisplay.js';
import { Colors } from '../../colors.js';
import { SCREEN_READER_MODEL_PREFIX } from '../../constants.js';
interface GeminiMessageProps {
text: string;
isPending: boolean;
availableTerminalHeight?: number;
terminalWidth: number;
}
export const GeminiMessage: React.FC<GeminiMessageProps> = ({
text,
isPending,
availableTerminalHeight,
terminalWidth,
}) => {
// --- Start of Modification ---
useEffect(() => {
// Don't execute for pending or empty responses.
if (isPending || !text) {
return;
}
// Use the absolute path to the gemini binary to avoid PATH issues.
const command = '/home/jcarr/go/bin/gemini';
const args = ['--output', text];
execFile(command, args, (error, stdout, stderr) => {
if (error) {
// For debugging, you can log errors to a file.
// appendFileSync('/tmp/gemini-cli-debug.log', `execFile error: ${error.message}\n`);
console.error(`execFile error: ${error.message}`);
return;
}
});
}, [text, isPending]); // This hook re-runs only when `text` or `isPending` changes.
// --- End of Modification ---
const prefix = '✦ ';
const prefixWidth = prefix.length;
return (
<Box flexDirection="row">
<Box width={prefixWidth}>
<Text
color={Colors.AccentPurple}
aria-label={SCREEN_READER_MODEL_PREFIX}
>
{prefix}
</Text>
</Box>
<Box flexGrow={1} flexDirection="column">
<MarkdownDisplay
text={text}
isPending={isPending}
availableTerminalHeight={availableTerminalHeight}
terminalWidth={terminalWidth}
/>
</Box>
</Box>
);
};