Improve plan build mode buttons

Author: jahooma

cli/src/components/build-mode-buttons.tsx

@@ -1,7 +1,6 @@
 import { useState } from 'react'
 import type { ChatTheme } from '../types/theme-system'
 import { BORDER_CHARS } from '../utils/ui-constants'
-import { useTerminalDimensions } from '../hooks/use-terminal-dimensions'
 export const BuildModeButtons = ({
   theme,
   onBuildFast,
@@ -14,25 +13,19 @@ export const BuildModeButtons = ({
   const [hoveredButton, setHoveredButton] = useState<'fast' | 'max' | null>(
     null,
   )
-  const { terminalWidth } = useTerminalDimensions()
-  const isNarrow = terminalWidth < 55
   return (
     <box
       style={{
-        flexDirection: 'row',
-        gap: 1,
+        flexDirection: 'column',
+        gap: 0,
         paddingTop: 0,
         paddingBottom: 0,
         paddingLeft: 1,
-        alignItems: 'center',
-        justifyContent: 'space-between',
       }}
     >
-      {isNarrow ? null : (
-        <text style={{ wrapMode: 'none' }}>
-          <span fg={theme.secondary}>Ready to build?</span>
-        </text>
-      )}
+      <text style={{ wrapMode: 'none' }}>
+        <span fg={theme.secondary}>Choose an option to build this plan:</span>
+      </text>
       <box
         style={{
           flexDirection: 'row',