summaryrefslogtreecommitdiff
path: root/packages/cli/src/ui/components/InputPrompt.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/cli/src/ui/components/InputPrompt.tsx')
-rw-r--r--packages/cli/src/ui/components/InputPrompt.tsx28
1 files changed, 14 insertions, 14 deletions
diff --git a/packages/cli/src/ui/components/InputPrompt.tsx b/packages/cli/src/ui/components/InputPrompt.tsx
index 86e760ee..b5c3cc7d 100644
--- a/packages/cli/src/ui/components/InputPrompt.tsx
+++ b/packages/cli/src/ui/components/InputPrompt.tsx
@@ -5,8 +5,9 @@
*/
import React from 'react';
-import { Box, useInput, useFocus } from 'ink';
+import { Text, Box, useInput, useFocus } from 'ink';
import TextInput from 'ink-text-input';
+import { Colors } from '../colors.js';
interface InputPromptProps {
onSubmit: (value: string) => void;
@@ -29,19 +30,18 @@ export const InputPrompt: React.FC<InputPromptProps> = ({ onSubmit }) => {
);
return (
- <Box
- borderStyle="round"
- borderColor={isFocused ? 'blue' : 'gray'}
- paddingX={1}
- >
- <TextInput
- value={value}
- onChange={setValue}
- placeholder="Enter your message or use tools..."
- onSubmit={() => {
- /* Empty to prevent double submission */
- }}
- />
+ <Box borderStyle="round" borderColor={Colors.AccentBlue} paddingX={1}>
+ <Text color={Colors.AccentPurple}>&gt; </Text>
+ <Box flexGrow={1}>
+ <TextInput
+ value={value}
+ onChange={setValue}
+ placeholder="Enter your message or use tools..."
+ onSubmit={() => {
+ /* Empty to prevent double submission */
+ }}
+ />
+ </Box>
</Box>
);
};