From bf659f19776ddc4eb9825bd5376c66288aed06c8 Mon Sep 17 00:00:00 2001
From: Seth Troisi <sethtroisi@google.com>
Date: Tue, 29 Apr 2025 23:17:36 +0000
Subject: [PATCH] Add intro with some abilities and commands

---
 packages/cli/src/ui/App.tsx              |  2 ++
 packages/cli/src/ui/components/Intro.tsx | 34 ++++++++++++++++++++++++
 2 files changed, 36 insertions(+)
 create mode 100644 packages/cli/src/ui/components/Intro.tsx

diff --git a/packages/cli/src/ui/App.tsx b/packages/cli/src/ui/App.tsx
index 3b499ab9..ce326af5 100644
--- a/packages/cli/src/ui/App.tsx
+++ b/packages/cli/src/ui/App.tsx
@@ -19,6 +19,7 @@ import { ThemeDialog } from './components/ThemeDialog.js';
 import { useStartupWarnings } from './hooks/useAppEffects.js';
 import { shortenPath, type Config } from '@gemini-code/server';
 import { Colors } from './colors.js';
+import { Intro } from './components/Intro.js';
 import { Tips } from './components/Tips.js';
 import { ConsoleOutput } from './components/ConsolePatcher.js';
 import { HistoryItemDisplay } from './components/HistoryItemDisplay.js';
@@ -103,6 +104,7 @@ export const App = ({ config, cliVersion }: AppProps) => {
               <Box flexDirection="column" key={'header-' + index}>
                 <Header />
                 <Tips />
+                <Intro />
               </Box>
             );
           }
diff --git a/packages/cli/src/ui/components/Intro.tsx b/packages/cli/src/ui/components/Intro.tsx
new file mode 100644
index 00000000..04dac134
--- /dev/null
+++ b/packages/cli/src/ui/components/Intro.tsx
@@ -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>
+);