feat(cli): add built-in status line presets with interactive dialog

packages/cli/src/config/settingsSchema.ts

@@ -614,14 +614,21 @@ const SETTINGS_SCHEMA = {
         category: 'UI',
         requiresRestart: false,
         default: undefined as
-          | {
-              type: 'command';
-              command: string;
-              refreshInterval?: number;
-            }
+          | (
+              | {
+                  type: 'command';
+                  command: string;
+                  refreshInterval?: number;
+                }
+              | {
+                  type: 'preset';
+                  items: string[];
+                  useThemeColors?: boolean;
+                }
+            )
           | undefined,
         description:
-          'Custom status line display configuration. Optional `refreshInterval` (seconds, >= 1) re-runs the command on a timer so external data stays fresh.',
+          'Status line display configuration. Use `type: "preset"` with built-in item ids, or `type: "command"` with a shell command. Optional command `refreshInterval` (seconds, >= 1) re-runs the command on a timer so external data stays fresh.',
         showInDialog: false,
       },
       customThemes: {

packages/cli/src/ui/AppContainer.tsx

@@ -131,6 +131,7 @@ import { useMessageQueue } from './hooks/useMessageQueue.js';
 import { useAutoAcceptIndicator } from './hooks/useAutoAcceptIndicator.js';
 import { useSessionStats } from './contexts/SessionContext.js';
 import { useGitBranchName } from './hooks/useGitBranchName.js';
+import type { StatusLinePresetConfig } from './statusLinePresets.js';
 import {
   useExtensionUpdates,
   useConfirmUpdateRequests,
@@ -675,6 +676,26 @@ export const AppContainer = (props: AppContainerProps) => {
 
   const { isSettingsDialogOpen, openSettingsDialog, closeSettingsDialog } =
     useSettingsCommand();
+  const [isStatusLineDialogOpen, setStatusLineDialogOpen] = useState(false);
+  const openStatusLineDialog = useCallback(
+    () => setStatusLineDialogOpen(true),
+    [],
+  );
+  const closeStatusLineDialog = useCallback(
+    () => setStatusLineDialogOpen(false),
+    [],
+  );
+  const [statusLineSettingsVersion, setStatusLineSettingsVersion] = useState(0);
+  const [statusLineConfigOverride, setStatusLineConfigOverride] = useState<
+    StatusLinePresetConfig | undefined
+  >(undefined);
+  const notifyStatusLineSettingsChanged = useCallback(
+    (newConfig: StatusLinePresetConfig) => {
+      setStatusLineConfigOverride(newConfig);
+      setStatusLineSettingsVersion((version) => version + 1);
+    },
+    [],
+  );
   const { isMemoryDialogOpen, openMemoryDialog, closeMemoryDialog } =
     useMemoryDialog();
 
@@ -769,6 +790,7 @@ export const AppContainer = (props: AppContainerProps) => {
       openEditorDialog,
       openMemoryDialog,
       openSettingsDialog,
+      openStatusLineDialog,
       openModelDialog,
       openManageModelsDialog,
       openTrustDialog,
@@ -803,6 +825,7 @@ export const AppContainer = (props: AppContainerProps) => {
       openEditorDialog,
       openMemoryDialog,
       openSettingsDialog,
+      openStatusLineDialog,
       openModelDialog,
       openManageModelsDialog,
       openArenaDialog,
@@ -1846,6 +1869,7 @@ export const AppContainer = (props: AppContainerProps) => {
     !!loopDetectionConfirmationRequest ||
     isThemeDialogOpen ||
     isSettingsDialogOpen ||
+    isStatusLineDialogOpen ||
     isMemoryDialogOpen ||
     isModelDialogOpen ||
     isManageModelsDialogOpen ||
@@ -2191,6 +2215,8 @@ export const AppContainer = (props: AppContainerProps) => {
     exitEditorDialog,
     isSettingsDialogOpen,
     closeSettingsDialog,
+    isStatusLineDialogOpen,
+    closeStatusLineDialog,
     isMemoryDialogOpen,
     closeMemoryDialog,
     activeArenaDialog,
@@ -2622,6 +2648,9 @@ export const AppContainer = (props: AppContainerProps) => {
       debugMessage,
       quittingMessages,
       isSettingsDialogOpen,
+      isStatusLineDialogOpen,
+      statusLineSettingsVersion,
+      statusLineConfigOverride,
       isMemoryDialogOpen,
       isModelDialogOpen,
       isFastModelMode,
@@ -2740,6 +2769,9 @@ export const AppContainer = (props: AppContainerProps) => {
       debugMessage,
       quittingMessages,
       isSettingsDialogOpen,
+      isStatusLineDialogOpen,
+      statusLineSettingsVersion,
+      statusLineConfigOverride,
       isMemoryDialogOpen,
       isModelDialogOpen,
       isFastModelMode,
@@ -2863,6 +2895,8 @@ export const AppContainer = (props: AppContainerProps) => {
       handleEditorSelect,
       exitEditorDialog,
       closeSettingsDialog,
+      closeStatusLineDialog,
+      notifyStatusLineSettingsChanged,
       closeMemoryDialog,
       closeModelDialog,
       openModelDialog,
@@ -2937,6 +2971,8 @@ export const AppContainer = (props: AppContainerProps) => {
       handleEditorSelect,
       exitEditorDialog,
       closeSettingsDialog,
+      closeStatusLineDialog,
+      notifyStatusLineSettingsChanged,
       closeMemoryDialog,
       closeModelDialog,
       openModelDialog,

packages/cli/src/ui/commands/statuslineCommand.test.ts

@@ -21,26 +21,17 @@ describe('statuslineCommand', () => {
     expect(statuslineCommand.description).toBeDefined();
   });
 
-  it('should return submit_prompt with default prompt when no args', () => {
+  it('should open the preset dialog when no args are provided', () => {
     if (!statuslineCommand.action) {
       throw new Error('statusline command must have an action');
     }
 
     const result = statuslineCommand.action(mockContext, '');
 
     expect(result).toEqual({
-      type: 'submit_prompt',
-      content: [
-        {
-          text: expect.stringContaining('statusline-setup'),
-        },
-      ],
+      type: 'dialog',
+      dialog: 'statusline',
     });
-    // Default prompt should mention PS1
-    expect(result).toHaveProperty(
-      'content.0.text',
-      expect.stringContaining('PS1'),
-    );
   });
 
   it('should use user-provided args as the prompt', () => {
@@ -63,16 +54,16 @@ describe('statuslineCommand', () => {
     });
   });
 
-  it('should trim whitespace-only args and use default prompt', () => {
+  it('should open the preset dialog when args are whitespace only', () => {
     if (!statuslineCommand.action) {
       throw new Error('statusline command must have an action');
     }
 
     const result = statuslineCommand.action(mockContext, '   ');
 
-    expect(result).toHaveProperty(
-      'content.0.text',
-      expect.stringContaining('PS1'),
-    );
+    expect(result).toEqual({
+      type: 'dialog',
+      dialog: 'statusline',
+    });
   });
 });

packages/cli/src/ui/commands/statuslineCommand.ts

@@ -4,7 +4,11 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import type { SlashCommand, SubmitPromptActionReturn } from './types.js';
+import type {
+  OpenDialogActionReturn,
+  SlashCommand,
+  SubmitPromptActionReturn,
+} from './types.js';
 import { CommandKind } from './types.js';
 import { t } from '../../i18n/index.js';
 
@@ -15,9 +19,18 @@ export const statuslineCommand: SlashCommand = {
   },
   kind: CommandKind.BUILT_IN,
   supportedModes: ['interactive'] as const,
-  action: (_context, args): SubmitPromptActionReturn => {
-    const prompt =
-      args.trim() || 'Configure my statusLine from my shell PS1 configuration';
+  action: (
+    _context,
+    args,
+  ): OpenDialogActionReturn | SubmitPromptActionReturn => {
+    const prompt = args.trim();
+    if (!prompt) {
+      return {
+        type: 'dialog',
+        dialog: 'statusline',
+      };
+    }
+
     return {
       type: 'submit_prompt',
       content: [

packages/cli/src/ui/commands/types.ts

@@ -173,6 +173,7 @@ export interface OpenDialogActionReturn {
     | 'theme'
     | 'editor'
     | 'settings'
+    | 'statusline'
     | 'memory'
     | 'model'
     | 'fast-model'

packages/cli/src/ui/components/DialogManager.tsx

@@ -16,6 +16,7 @@ import { SettingInputPrompt } from './SettingInputPrompt.js';
 import { PluginChoicePrompt } from './PluginChoicePrompt.js';
 import { ThemeDialog } from './ThemeDialog.js';
 import { SettingsDialog } from './SettingsDialog.js';
+import { StatusLineDialog } from './StatusLineDialog.js';
 import { QwenOAuthProgress } from './QwenOAuthProgress.js';
 import { ExternalAuthProgress } from './ExternalAuthProgress.js';
 import { AuthDialog } from '../auth/AuthDialog.js';
@@ -254,6 +255,19 @@ export const DialogManager = ({
       </Box>
     );
   }
+  if (uiState.isStatusLineDialogOpen) {
+    return (
+      <StatusLineDialog
+        settings={settings}
+        config={config}
+        uiState={uiState}
+        addItem={addItem}
+        onSaved={uiActions.notifyStatusLineSettingsChanged}
+        onClose={uiActions.closeStatusLineDialog}
+        availableTerminalHeight={terminalHeight - staticExtraHeight}
+      />
+    );
+  }
   if (uiState.isMemoryDialogOpen) {
     return <MemoryDialog onClose={uiActions.closeMemoryDialog} />;
   }

packages/cli/src/ui/components/Footer.tsx

@@ -28,7 +28,7 @@ export const Footer: React.FC = () => {
   const uiState = useUIState();
   const config = useConfig();
   const { vimEnabled, vimMode } = useVimMode();
-  const { lines: statusLineLines } = useStatusLine();
+  const { lines: statusLineLines, useThemeColors } = useStatusLine();
   const configInitMessage = useConfigInitMessage(uiState.isConfigInitialized);
 
   const { promptTokenCount, showAutoAcceptIndicator } = {
@@ -141,7 +141,12 @@ export const Footer: React.FC = () => {
           !uiState.ctrlCPressedOnce &&
           !uiState.ctrlDPressedOnce &&
           statusLineLines.map((line, i) => (
-            <Text key={`status-line-${i}`} dimColor wrap="truncate">
+            <Text
+              key={`status-line-${i}`}
+              color={useThemeColors ? theme.text.accent : undefined}
+              dimColor={!useThemeColors}
+              wrap="truncate"
+            >
               {line}
             </Text>
           ))}

packages/cli/src/ui/components/MainContent.test.tsx

@@ -90,6 +90,7 @@ const createUIState = (overrides: Partial<UIState> = {}): UIState =>
     debugMessage: '',
     quittingMessages: null,
     isSettingsDialogOpen: false,
+    isStatusLineDialogOpen: false,
     isMemoryDialogOpen: false,
     isModelDialogOpen: false,
     isFastModelMode: false,