Add intro with some abilities and commands
This commit is contained in:
parent
19bdc441d6
commit
bf659f1977
|
@ -19,6 +19,7 @@ import { ThemeDialog } from './components/ThemeDialog.js';
|
||||||
import { useStartupWarnings } from './hooks/useAppEffects.js';
|
import { useStartupWarnings } from './hooks/useAppEffects.js';
|
||||||
import { shortenPath, type Config } from '@gemini-code/server';
|
import { shortenPath, type Config } from '@gemini-code/server';
|
||||||
import { Colors } from './colors.js';
|
import { Colors } from './colors.js';
|
||||||
|
import { Intro } from './components/Intro.js';
|
||||||
import { Tips } from './components/Tips.js';
|
import { Tips } from './components/Tips.js';
|
||||||
import { ConsoleOutput } from './components/ConsolePatcher.js';
|
import { ConsoleOutput } from './components/ConsolePatcher.js';
|
||||||
import { HistoryItemDisplay } from './components/HistoryItemDisplay.js';
|
import { HistoryItemDisplay } from './components/HistoryItemDisplay.js';
|
||||||
|
@ -103,6 +104,7 @@ export const App = ({ config, cliVersion }: AppProps) => {
|
||||||
<Box flexDirection="column" key={'header-' + index}>
|
<Box flexDirection="column" key={'header-' + index}>
|
||||||
<Header />
|
<Header />
|
||||||
<Tips />
|
<Tips />
|
||||||
|
<Intro />
|
||||||
</Box>
|
</Box>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
@ -0,0 +1,34 @@
|
||||||
|
/**
|
||||||
|
* @license
|
||||||
|
* Copyright 2025 Google LLC
|
||||||
|
* SPDX-License-Identifier: Apache-2.0
|
||||||
|
*/
|
||||||
|
|
||||||
|
import React from 'react';
|
||||||
|
import { Box, Newline, Text } from 'ink';
|
||||||
|
import { Colors } from '../colors.js';
|
||||||
|
|
||||||
|
export const Intro: React.FC = () => (
|
||||||
|
<Box flexDirection="column" marginBottom={1}>
|
||||||
|
<Text bold color={Colors.Foreground}>Abilities:</Text>
|
||||||
|
<Text color={Colors.Foreground}> * Use tools to read and write files</Text>
|
||||||
|
<Text color={Colors.Foreground}> * Semantically search and understand code</Text>
|
||||||
|
<Text color={Colors.Foreground}> * Execute bash commands</Text>
|
||||||
|
<Newline/>
|
||||||
|
<Text bold color={Colors.Foreground}>Commands:</Text>
|
||||||
|
<Text color={Colors.SubtleComment}>
|
||||||
|
<Text bold color={Colors.AccentPurple}> /help</Text>
|
||||||
|
{' '}- prints this help
|
||||||
|
</Text>
|
||||||
|
<Text color={Colors.SubtleComment}>
|
||||||
|
<Text bold color={Colors.AccentPurple}> /clear</Text>
|
||||||
|
{' '}- clear the screen
|
||||||
|
</Text>
|
||||||
|
<Text color={Colors.SubtleComment}>
|
||||||
|
<Text bold color={Colors.AccentPurple}> /exit</Text>
|
||||||
|
</Text>
|
||||||
|
<Text color={Colors.SubtleComment}>
|
||||||
|
<Text bold color={Colors.AccentPurple}> /quit</Text>
|
||||||
|
</Text>
|
||||||
|
</Box>
|
||||||
|
);
|
Loading…
Reference in New Issue