diff options
| author | Taylor Mullen <[email protected]> | 2025-04-22 07:48:12 -0400 |
|---|---|---|
| committer | N. Taylor Mullen <[email protected]> | 2025-04-22 08:05:30 -0400 |
| commit | 80b04dc505bf1c784a54c5d80d971310b05144cc (patch) | |
| tree | c2ec8e750f74f15318af2d489ced94b809c76496 /packages/cli/src/ui/components/messages/DiffRenderer.tsx | |
| parent | 1ed9743ad4e2dfb0469a8fd79b71a52ec391d50e (diff) | |
Update UI of tool messages
- Bring tool messages in line with original envisioned UI of: https://screenshot.googleplex.com/9yZCX636LzpMrgc
- In particular this represents more descriptive names. FWIW we already had this tech we just weren't passing around information correctly (`displayName` vs. `name`)
- Add gray to our list of color pallete's and removed Background (unused)
- Re-enabled representing canceled messages
- Migrated back towards a cleaner tool message design of status symbols & border colors vs. overly verbose text.
- Removed border from confirmation diffs.
Fixes https://b.corp.google.com/issues/412598909
Diffstat (limited to 'packages/cli/src/ui/components/messages/DiffRenderer.tsx')
| -rw-r--r-- | packages/cli/src/ui/components/messages/DiffRenderer.tsx | 8 |
1 files changed, 2 insertions, 6 deletions
diff --git a/packages/cli/src/ui/components/messages/DiffRenderer.tsx b/packages/cli/src/ui/components/messages/DiffRenderer.tsx index 01cc4938..eb3133c3 100644 --- a/packages/cli/src/ui/components/messages/DiffRenderer.tsx +++ b/packages/cli/src/ui/components/messages/DiffRenderer.tsx @@ -138,11 +138,7 @@ export const DiffRenderer: React.FC<DiffRendererProps> = ({ // --- End Modification --- return ( - <Box - borderStyle="round" - borderColor={Colors.SubtleComment} - flexDirection="column" - > + <Box flexDirection="column"> {/* Iterate over the lines that should be displayed (already normalized) */} {displayableLines.map((line, index) => { const key = `diff-line-${index}`; @@ -179,7 +175,7 @@ export const DiffRenderer: React.FC<DiffRendererProps> = ({ return ( // Using your original rendering structure <Box key={key} flexDirection="row"> - <Text color={Colors.SubtleComment}>{gutterNumStr} </Text> + <Text color={Colors.Foreground}>{gutterNumStr} </Text> <Text color={color} dimColor={dim}> {prefixSymbol}{' '} </Text> |