fix(policy): match ToolConfirmationMessage snapshot rendering and dependencies

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<
             >
               <Box flexDirection="column">
                 {commandsToDisplay.map((cmd, idx) => (
-                  <Text key={idx} color={theme.text.link}>
-                    {sanitizeForDisplay(cmd)}
-                  </Text>
+                  <Box
+                    key={idx}
+                    flexDirection="column"
+                    paddingBottom={idx < commandsToDisplay.length - 1 ? 1 : 0}
+                  >
+                    {colorizeCode({
+                      code: cmd,
+                      language: 'bash',
+                      maxWidth: Math.max(terminalWidth, 1),
+                      settings,
+                      hideLineNumbers: true,
+                    })}
+                  </Box>
                 ))}
               </Box>
             </MaxSizedBox>
@@ -670,7 +681,7 @@ export const ToolConfirmationMessage: React.FC<
       getPreferredEditor,
       isTrustedFolder,
       allowPermanentApproval,
-      settings.merged.security.autoAddToPolicyByDefault,
+      settings,
     ]);
 
   const bodyOverflowDirection: 'top' | 'bottom' =