feat(cli): Moves tool confirmations to a queue UX (#17276)

Co-authored-by: Christian Gunderman <gundermanc@google.com>

packages/cli/src/ui/layouts/DefaultAppLayout.tsx

@@ -15,11 +15,21 @@ import { useUIState } from '../contexts/UIStateContext.js';
 import { useFlickerDetector } from '../hooks/useFlickerDetector.js';
 import { useAlternateBuffer } from '../hooks/useAlternateBuffer.js';
 import { CopyModeWarning } from '../components/CopyModeWarning.js';
+import { ToolConfirmationQueue } from '../components/ToolConfirmationQueue.js';
+import { useConfirmingTool } from '../hooks/useConfirmingTool.js';
+import { useConfig } from '../contexts/ConfigContext.js';
 
 export const DefaultAppLayout: React.FC = () => {
   const uiState = useUIState();
+  const config = useConfig();
   const isAlternateBuffer = useAlternateBuffer();
 
+  // If the event-driven scheduler is enabled AND we have a tool waiting,
+  // we switch the footer mode to "Queue".
+  const confirmingTool = useConfirmingTool();
+  const showConfirmationQueue =
+    config.isEventDrivenSchedulerEnabled() && confirmingTool !== null;
+
   const { rootUiRef, terminalHeight } = uiState;
   useFlickerDetector(rootUiRef, terminalHeight);
   // If in alternate buffer mode, need to leave room to draw the scrollbar on
@@ -57,7 +67,12 @@ export const DefaultAppLayout: React.FC = () => {
             addItem={uiState.historyManager.addItem}
           />
         ) : (
-          <Composer />
+          <>
+            {showConfirmationQueue && confirmingTool && (
+              <ToolConfirmationQueue confirmingTool={confirmingTool} />
+            )}
+            <Composer isFocused={!showConfirmationQueue} />
+          </>
         )}
 
         <ExitWarning />