summaryrefslogtreecommitdiff
path: root/packages/cli/src/ui/components/messages/ToolConfirmationMessage.tsx
diff options
context:
space:
mode:
authorJacob Richman <[email protected]>2025-08-15 20:18:31 -0700
committerGitHub <[email protected]>2025-08-16 03:18:31 +0000
commit6c1373c33212e26521701acf73c0398721b3a881 (patch)
tree6a00fb90c90b51a0c8285b21af7b174064ab6492 /packages/cli/src/ui/components/messages/ToolConfirmationMessage.tsx
parentd57cc0b9306f0359482ef6e243308bcda2989007 (diff)
Revert "Update semantic color tokens" (#6365)
Diffstat (limited to 'packages/cli/src/ui/components/messages/ToolConfirmationMessage.tsx')
-rw-r--r--packages/cli/src/ui/components/messages/ToolConfirmationMessage.tsx27
1 files changed, 11 insertions, 16 deletions
diff --git a/packages/cli/src/ui/components/messages/ToolConfirmationMessage.tsx b/packages/cli/src/ui/components/messages/ToolConfirmationMessage.tsx
index 599b5445..2f93609e 100644
--- a/packages/cli/src/ui/components/messages/ToolConfirmationMessage.tsx
+++ b/packages/cli/src/ui/components/messages/ToolConfirmationMessage.tsx
@@ -7,7 +7,7 @@
import React from 'react';
import { Box, Text } from 'ink';
import { DiffRenderer } from './DiffRenderer.js';
-import { theme } from '../../semantic-colors.js';
+import { Colors } from '../../colors.js';
import {
ToolCallConfirmationDetails,
ToolConfirmationOutcome,
@@ -112,13 +112,13 @@ export const ToolConfirmationMessage: React.FC<
<Box
minWidth="90%"
borderStyle="round"
- borderColor={theme.border.default}
+ borderColor={Colors.Gray}
justifyContent="space-around"
padding={1}
overflow="hidden"
>
- <Text color={theme.text.primary}>Modify in progress: </Text>
- <Text color={theme.status.success}>
+ <Text>Modify in progress: </Text>
+ <Text color={Colors.AccentGreen}>
Save and close external editor to continue
</Text>
</Box>
@@ -192,7 +192,7 @@ export const ToolConfirmationMessage: React.FC<
maxWidth={Math.max(childWidth - 4, 1)}
>
<Box>
- <Text color={theme.text.accent}>{executionProps.command}</Text>
+ <Text color={Colors.AccentCyan}>{executionProps.command}</Text>
</Box>
</MaxSizedBox>
</Box>
@@ -222,15 +222,12 @@ export const ToolConfirmationMessage: React.FC<
bodyContent = (
<Box flexDirection="column" paddingX={1} marginLeft={1}>
- <Text color={theme.text.accent}>{infoProps.prompt}</Text>
+ <Text color={Colors.AccentCyan}>{infoProps.prompt}</Text>
{displayUrls && infoProps.urls && infoProps.urls.length > 0 && (
<Box flexDirection="column" marginTop={1}>
- <Text color={theme.text.primary}>URLs to fetch:</Text>
+ <Text>URLs to fetch:</Text>
{infoProps.urls.map((url) => (
- <Text key={url} color={theme.text.primary}>
- {' '}
- - {url}
- </Text>
+ <Text key={url}> - {url}</Text>
))}
</Box>
)}
@@ -242,8 +239,8 @@ export const ToolConfirmationMessage: React.FC<
bodyContent = (
<Box flexDirection="column" paddingX={1} marginLeft={1}>
- <Text color={theme.text.accent}>MCP Server: {mcpProps.serverName}</Text>
- <Text color={theme.text.accent}>Tool: {mcpProps.toolName}</Text>
+ <Text color={Colors.AccentCyan}>MCP Server: {mcpProps.serverName}</Text>
+ <Text color={Colors.AccentCyan}>Tool: {mcpProps.toolName}</Text>
</Box>
);
@@ -278,9 +275,7 @@ export const ToolConfirmationMessage: React.FC<
{/* Confirmation Question */}
<Box marginBottom={1} flexShrink={0}>
- <Text wrap="truncate" color={theme.text.primary}>
- {question}
- </Text>
+ <Text wrap="truncate">{question}</Text>
</Box>
{/* Select Input for Options */}