From 20d4b1d9f4750d79b40d6feada71e1020731c294 Mon Sep 17 00:00:00 2001
From: Jarrod Whelan <150866123+jwhelangoog@users.noreply.github.com>
Date: Tue, 10 Mar 2026 12:29:53 -0700
Subject: [PATCH] fix(ui): fix DialogFooter layout within
ToolConfirmationMessage and update snapshots
---
.../src/ui/__snapshots__/App.test.tsx.snap | 6 +-
.../ToolConfirmationQueue.test.tsx.snap | 24 ++++--
.../messages/ToolConfirmationMessage.tsx | 2 +-
.../RedirectionConfirmation.test.tsx.snap | 6 +-
...syntax-highlighting-SVG-snapshot-.snap.svg | 8 +-
.../ToolConfirmationMessage.test.tsx.snap | 82 +++++++++++++------
6 files changed, 83 insertions(+), 45 deletions(-)
diff --git a/packages/cli/src/ui/__snapshots__/App.test.tsx.snap b/packages/cli/src/ui/__snapshots__/App.test.tsx.snap
index a5cd6993b4..ec15357df2 100644
--- a/packages/cli/src/ui/__snapshots__/App.test.tsx.snap
+++ b/packages/cli/src/ui/__snapshots__/App.test.tsx.snap
@@ -130,9 +130,11 @@ HistoryItemDisplay
│ Allow execution of: 'ls'? │
│ │
│ ● 1. Allow once │
-│ 2. Allow for this session Enter to select · ↑/↓ to navigate · Esc to cancel │
+│ 2. Allow for this session │
│ 3. No, suggest changes (esc) │
│ │
+│ Enter to select · ↑/↓ to navigate · Esc to cancel │
+│ │
╰──────────────────────────────────────────────────────────────────────────────────────────────────╯
@@ -144,8 +146,6 @@ HistoryItemDisplay
-
-
Notifications
Composer
"
diff --git a/packages/cli/src/ui/components/__snapshots__/ToolConfirmationQueue.test.tsx.snap b/packages/cli/src/ui/components/__snapshots__/ToolConfirmationQueue.test.tsx.snap
index 7dac9b6606..f752c1da65 100644
--- a/packages/cli/src/ui/components/__snapshots__/ToolConfirmationQueue.test.tsx.snap
+++ b/packages/cli/src/ui/components/__snapshots__/ToolConfirmationQueue.test.tsx.snap
@@ -11,10 +11,12 @@ exports[`ToolConfirmationQueue > calculates availableContentHeight based on avai
│ Apply this change? │
│ │
│ ● 1. Allow once │
-│ 2. Allow for this session Enter to select · ↑/↓ to navigate · Esc to │
-│ 3. Modify with external edi…cancel │
+│ 2. Allow for this session │
+│ 3. Modify with external editor │
│ 4. No, suggest changes (esc) │
│ │
+│ Enter to select · ↑/↓ to navigate · Esc to cancel │
+│ │
╰──────────────────────────────────────────────────────────────────────────────╯
Press Ctrl+O to show more lines
"
@@ -34,10 +36,12 @@ exports[`ToolConfirmationQueue > does not render expansion hint when constrainHe
│ Apply this change? │
│ │
│ ● 1. Allow once │
-│ 2. Allow for this session Enter to select · ↑/↓ to navigate · Esc to │
-│ 3. Modify with external edi…cancel │
+│ 2. Allow for this session │
+│ 3. Modify with external editor │
│ 4. No, suggest changes (esc) │
│ │
+│ Enter to select · ↑/↓ to navigate · Esc to cancel │
+│ │
╰──────────────────────────────────────────────────────────────────────────────╯
"
`;
@@ -102,10 +106,12 @@ exports[`ToolConfirmationQueue > renders expansion hint when content is long and
│ Apply this change? │
│ │
│ ● 1. Allow once │
-│ 2. Allow for this session Enter to select · ↑/↓ to navigate · Esc to │
-│ 3. Modify with external edi…cancel │
+│ 2. Allow for this session │
+│ 3. Modify with external editor │
│ 4. No, suggest changes (esc) │
│ │
+│ Enter to select · ↑/↓ to navigate · Esc to cancel │
+│ │
╰──────────────────────────────────────────────────────────────────────────────╯
Press Ctrl+O to show more lines
"
@@ -121,8 +127,10 @@ exports[`ToolConfirmationQueue > renders the confirming tool with progress indic
│ Allow execution of: 'ls'? │
│ │
│ ● 1. Allow once │
-│ 2. Allow for this session Enter to select · ↑/↓ to navigate · Esc to │
-│ 3. No, suggest changes (e… cancel │
+│ 2. Allow for this session │
+│ 3. No, suggest changes (esc) │
+│ │
+│ Enter to select · ↑/↓ to navigate · Esc to cancel │
│ │
╰──────────────────────────────────────────────────────────────────────────────╯
"
diff --git a/packages/cli/src/ui/components/messages/ToolConfirmationMessage.tsx b/packages/cli/src/ui/components/messages/ToolConfirmationMessage.tsx
index 2811c9d997..26e36e86d3 100644
--- a/packages/cli/src/ui/components/messages/ToolConfirmationMessage.tsx
+++ b/packages/cli/src/ui/components/messages/ToolConfirmationMessage.tsx
@@ -741,7 +741,7 @@ export const ToolConfirmationMessage: React.FC<
{question}
-
+
)'?
-● 1. Allow once
- 2. Allow for this session Enter to select · ↑/↓ to navigate · Esc to cancel
+● 1. Allow once
+ 2. Allow for this session
3. No, suggest changes (esc)
+
+Enter to select · ↑/↓ to navigate · Esc to cancel
"
`;
diff --git a/packages/cli/src/ui/components/messages/__snapshots__/ToolConfirmationMessage-ToolConfirmationMessage-should-render-multiline-shell-scripts-with-correct-newlines-and-syntax-highlighting-SVG-snapshot-.snap.svg b/packages/cli/src/ui/components/messages/__snapshots__/ToolConfirmationMessage-ToolConfirmationMessage-should-render-multiline-shell-scripts-with-correct-newlines-and-syntax-highlighting-SVG-snapshot-.snap.svg
index 8c3ae1e187..18b7d6eda1 100644
--- a/packages/cli/src/ui/components/messages/__snapshots__/ToolConfirmationMessage-ToolConfirmationMessage-should-render-multiline-shell-scripts-with-correct-newlines-and-syntax-highlighting-SVG-snapshot-.snap.svg
+++ b/packages/cli/src/ui/components/messages/__snapshots__/ToolConfirmationMessage-ToolConfirmationMessage-should-render-multiline-shell-scripts-with-correct-newlines-and-syntax-highlighting-SVG-snapshot-.snap.svg
@@ -1,8 +1,8 @@
-