feat(settings): add toggle for prompt input panel (#47)

New setting to show/hide the prompt input box below the terminal.
When hidden, the terminal occupies the full panel and auto-focuses
on task activation. Defaults to shown (existing behavior).

Co-authored-by: maskar <Maskar@users.noreply.github.com>

Author: maskar

src/components/SettingsDialog.tsx

@@ -14,6 +14,7 @@ import {
   setThemePreset,
   setAutoTrustFolders,
   setShowPlans,
+  setShowPromptInput,
   setDesktopNotificationsEnabled,
   setInactiveColumnOpacity,
   setEditorCommand,
@@ -216,6 +217,33 @@ export function SettingsDialog(props: SettingsDialogProps) {
             </span>
           </div>
         </label>
+        <label
+          style={{
+            display: 'flex',
+            'align-items': 'center',
+            gap: '10px',
+            cursor: 'pointer',
+            padding: '8px 12px',
+            'border-radius': '8px',
+            background: theme.bgInput,
+            border: `1px solid ${theme.border}`,
+          }}
+        >
+          <input
+            type="checkbox"
+            checked={store.showPromptInput}
+            onChange={(e) => setShowPromptInput(e.currentTarget.checked)}
+            style={{ 'accent-color': theme.accent, cursor: 'pointer' }}
+          />
+          <div style={{ display: 'flex', 'flex-direction': 'column', gap: '2px' }}>
+            <span style={{ 'font-size': '13px', color: theme.fg }}>
+              Show prompt input box below terminal
+            </span>
+            <span style={{ 'font-size': '11px', color: theme.fgSubtle }}>
+              When hidden, the terminal occupies the full panel and auto-focuses on activation
+            </span>
+          </div>
+        </label>
       </div>
 
       <div style={{ display: 'flex', 'flex-direction': 'column', gap: '10px' }}>

src/components/TaskPanel.tsx

@@ -86,7 +86,12 @@ export function TaskPanel(props: TaskPanelProps) {
       autoFocusTimer = setTimeout(() => {
         autoFocusTimer = undefined;
         if (!store.focusedPanel[id] && !panelRef.contains(document.activeElement)) {
-          promptRef?.focus();
+          if (store.showPromptInput) {
+            promptRef?.focus();
+          } else {
+            setTaskFocusedPanel(id, 'ai-terminal');
+            triggerFocus(`${id}:ai-terminal`);
+          }
         }
       }, 0);
     }
@@ -243,7 +248,7 @@ export function TaskPanel(props: TaskPanelProps) {
           notesAndFiles(),
           shellSection(),
           aiTerminal(),
-          promptInput(),
+          ...(store.showPromptInput ? [promptInput()] : []),
         ]}
       />
       <CloseTaskDialog

src/store/core.ts

@@ -38,6 +38,7 @@ export const [store, setStore] = createStore<AppStore>({
   mergedLinesRemoved: 0,
   terminalFont: DEFAULT_TERMINAL_FONT,
   themePreset: 'minimal',
+  showPromptInput: true,
   windowState: null,
   autoTrustFolders: false,
   showPlans: true,

src/store/persistence.ts

@@ -48,6 +48,7 @@ export async function saveState(): Promise<void> {
     mergedLinesRemoved: store.mergedLinesRemoved,
     terminalFont: store.terminalFont,
     themePreset: store.themePreset,
+    showPromptInput: store.showPromptInput,
     windowState: store.windowState ? { ...store.windowState } : undefined,
     autoTrustFolders: store.autoTrustFolders,
     showPlans: store.showPlans,
@@ -187,6 +188,7 @@ interface LegacyPersistedState {
   mergedLinesRemoved?: unknown;
   terminalFont?: unknown;
   themePreset?: unknown;
+  showPromptInput?: unknown;
   windowState?: unknown;
   autoTrustFolders?: unknown;
   showPlans?: unknown;
@@ -297,6 +299,7 @@ export async function loadState(): Promise<void> {
           ? raw.terminalFont
           : DEFAULT_TERMINAL_FONT;
       s.themePreset = isLookPreset(raw.themePreset) ? raw.themePreset : 'minimal';
+      s.showPromptInput = typeof raw.showPromptInput === 'boolean' ? raw.showPromptInput : true;
       s.windowState = parsePersistedWindowState(raw.windowState);
       s.autoTrustFolders = typeof raw.autoTrustFolders === 'boolean' ? raw.autoTrustFolders : false;
       s.showPlans = typeof raw.showPlans === 'boolean' ? raw.showPlans : true;

src/store/store.ts

@@ -96,6 +96,7 @@ export {
   setThemePreset,
   setAutoTrustFolders,
   setShowPlans,
+  setShowPromptInput,
   setDesktopNotificationsEnabled,
   setInactiveColumnOpacity,
   setEditorCommand,

src/store/types.ts

@@ -119,6 +119,7 @@ export interface PersistedState {
   mergedLinesRemoved?: number;
   terminalFont?: string;
   themePreset?: LookPreset;
+  showPromptInput?: boolean;
   windowState?: PersistedWindowState;
   autoTrustFolders?: boolean;
   showPlans?: boolean;
@@ -183,6 +184,7 @@ export interface AppStore {
   mergedLinesRemoved: number;
   terminalFont: string;
   themePreset: LookPreset;
+  showPromptInput: boolean;
   windowState: PersistedWindowState | null;
   autoTrustFolders: boolean;
   showPlans: boolean;

src/store/ui.ts

@@ -86,6 +86,10 @@ export function setShowPlans(showPlans: boolean): void {
   setStore('showPlans', showPlans);
 }
 
+export function setShowPromptInput(show: boolean): void {
+  setStore('showPromptInput', show);
+}
+
 export function setDesktopNotificationsEnabled(enabled: boolean): void {
   setStore('desktopNotificationsEnabled', enabled);
 }