Scrollable support (#12544)

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

@@ -13,10 +13,12 @@ import { Composer } from '../components/Composer.js';
 import { ExitWarning } from '../components/ExitWarning.js';
 import { useUIState } from '../contexts/UIStateContext.js';
 import { useFlickerDetector } from '../hooks/useFlickerDetector.js';
+import { useSettings } from '../contexts/SettingsContext.js';
 
 export const DefaultAppLayout: React.FC = () => {
   const uiState = useUIState();
   const { rootUiRef, terminalHeight } = uiState;
+  const settings = useSettings();
   useFlickerDetector(rootUiRef, terminalHeight);
 
   return (
@@ -24,6 +26,12 @@ export const DefaultAppLayout: React.FC = () => {
       flexDirection="column"
       width={uiState.mainAreaWidth}
       ref={uiState.rootUiRef}
+      height={
+        settings.merged.ui?.useAlternateBuffer ? terminalHeight - 1 : undefined
+      }
+      flexShrink={0}
+      flexGrow={0}
+      overflow="hidden"
     >
       <MainContent />