diff --git a/packages/cli/src/ui/components/messages/ToolConfirmationMessage.tsx b/packages/cli/src/ui/components/messages/ToolConfirmationMessage.tsx index 39b44406e8..f8ff1ee51d 100644 --- a/packages/cli/src/ui/components/messages/ToolConfirmationMessage.tsx +++ b/packages/cli/src/ui/components/messages/ToolConfirmationMessage.tsx @@ -34,6 +34,7 @@ import { formatCommand } from '../../utils/keybindingUtils.js'; import { AskUserDialog } from '../AskUserDialog.js'; import { ExitPlanModeDialog } from '../ExitPlanModeDialog.js'; import { WarningMessage } from './WarningMessage.js'; +import { colorizeCode } from '../../utils/CodeColorizer.js'; import { getDeceptiveUrlDetails, toUnicodeUrl, @@ -580,9 +581,19 @@ export const ToolConfirmationMessage: React.FC< > {commandsToDisplay.map((cmd, idx) => ( - - {sanitizeForDisplay(cmd)} - + + {colorizeCode({ + code: cmd, + language: 'bash', + maxWidth: Math.max(terminalWidth, 1), + settings, + hideLineNumbers: true, + })} + ))} @@ -670,7 +681,7 @@ export const ToolConfirmationMessage: React.FC< getPreferredEditor, isTrustedFolder, allowPermanentApproval, - settings.merged.security.autoAddToPolicyByDefault, + settings, ]); const bodyOverflowDirection: 'top' | 'bottom' =