feat(ui): add solid background color option for input prompt (#16563)

Co-authored-by: Alexander Farber <farber72@outlook.de>

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

@@ -34,13 +34,10 @@ export const DefaultAppLayout: React.FC = () => {
   useFlickerDetector(rootUiRef, terminalHeight);
   // If in alternate buffer mode, need to leave room to draw the scrollbar on
   // the right side of the terminal.
-  const width = isAlternateBuffer
-    ? uiState.terminalWidth
-    : uiState.mainAreaWidth;
   return (
     <Box
       flexDirection="column"
-      width={width}
+      width={uiState.terminalWidth}
       height={isAlternateBuffer ? terminalHeight : undefined}
       paddingBottom={isAlternateBuffer ? 1 : undefined}
       flexShrink={0}
@@ -55,6 +52,7 @@ export const DefaultAppLayout: React.FC = () => {
         ref={uiState.mainControlsRef}
         flexShrink={0}
         flexGrow={0}
+        width={uiState.terminalWidth}
       >
         <Notifications />
         <CopyModeWarning />
@@ -63,7 +61,7 @@ export const DefaultAppLayout: React.FC = () => {
           uiState.customDialog
         ) : uiState.dialogsVisible ? (
           <DialogManager
-            terminalWidth={uiState.mainAreaWidth}
+            terminalWidth={uiState.terminalWidth}
             addItem={uiState.historyManager.addItem}
           />
         ) : (