feat(cli): add status bar configuration command

Add a new interactive `statusbar` command that allows users to configure
which status bar features are displayed. The command provides a
multi-select prompt for toggling model name, token count, git status,
memory usage, and context size display options.

Also improve Ctrl+C handling to exit the application when input is empty,
and update chat history rendering to use the Static component for better
performance.

Author: involvex

src/commands/index.ts

@@ -10,6 +10,8 @@ import { createMCPCommand } from "./mcp";
 import { createGitCommand } from "./git";
 import { Command } from "commander";
 
+import { createStatusBarCommand } from "./statusbar";
+
 export function registerCommands(program: Command) {
   // Register all commands
   program.addCommand(createMCPCommand());
@@ -23,4 +25,5 @@ export function registerCommands(program: Command) {
   program.addCommand(createProviderCommand());
   program.addCommand(createIndexCommand());
   program.addCommand(createRepositoryCommand());
+  program.addCommand(createStatusBarCommand());
 }

src/commands/statusbar.ts

@@ -0,0 +1,83 @@
+import { getSettingsManager } from "../utils/settings-manager";
+import { Command } from "commander";
+import { prompt } from "enquirer";
+
+export function createStatusBarCommand(): Command {
+  const command = new Command("statusbar");
+
+  command.description("Configure status bar settings").action(async () => {
+    const manager = getSettingsManager();
+    const settings = manager.loadUserSettings();
+    const currentConfig = settings.ui.statusbar_config || {
+      show_model: true,
+      show_tokens: true,
+      show_git_status: true,
+      show_memory: false,
+      show_context: false,
+    };
+
+    try {
+      const response = await prompt<{
+        features: string[];
+      }>({
+        type: "multiselect",
+        name: "features",
+        message: "Select status bar features to display:",
+        choices: [
+          {
+            name: "show_model",
+            message: "Model Name",
+            value: "show_model",
+            enabled: currentConfig.show_model,
+          },
+          {
+            name: "show_tokens",
+            message: "Token Count",
+            value: "show_tokens",
+            enabled: currentConfig.show_tokens,
+          },
+          {
+            name: "show_git_status",
+            message: "Git Status",
+            value: "show_git_status",
+            enabled: currentConfig.show_git_status,
+          },
+          {
+            name: "show_memory",
+            message: "Memory Usage",
+            value: "show_memory",
+            enabled: currentConfig.show_memory,
+          },
+          {
+            name: "show_context",
+            message: "Context Size",
+            value: "show_context",
+            enabled: currentConfig.show_context,
+          },
+        ],
+      });
+
+      // Convert array of selected features back to config object
+      const newConfig = {
+        show_model: response.features.includes("show_model"),
+        show_tokens: response.features.includes("show_tokens"),
+        show_git_status: response.features.includes("show_git_status"),
+        show_memory: response.features.includes("show_memory"),
+        show_context: response.features.includes("show_context"),
+      };
+
+      manager.saveUserSettings({
+        ui: {
+          ...settings.ui,
+          statusbar_config: newConfig,
+        },
+      });
+
+      console.log("✓ Status bar configuration updated");
+    } catch (error) {
+      console.error("Failed to update status bar configuration:", error);
+    }
+  });
+
+  return command;
+}

src/hooks/use-enhanced-input.ts

@@ -124,11 +124,14 @@ export function useEnhancedInput({
         return;
       }
 
-      // Handle Ctrl+C - clear input
+      // Handle Ctrl+C
       if (
         (key.ctrl && (inputChar === "c" || inputChar === "C")) ||
         inputChar === "\x03"
       ) {
+        if (input.length === 0) {
+          process.exit(0);
+        }
         setInputState("");
         setCursorPositionState(0);
         setOriginalInput("");

src/ui/components/chat-history.tsx

@@ -1,7 +1,7 @@
 import { MarkdownRenderer } from "../utils/markdown-renderer";
 import { ChatEntry } from "../../agent/super-agent";
 import { DiffRenderer } from "./diff-renderer";
-import { Box, Text } from "ink";
+import { Box, Static, Text } from "ink";
 import React from "react";
 
 interface ChatHistoryProps {
@@ -225,13 +225,15 @@ export function ChatHistory({
 
   return (
     <Box flexDirection="column">
-      {filteredEntries.slice(-50).map((entry, index) => (
-        <MemoizedChatEntry
-          key={`${entry.timestamp.getTime()}-${index}`}
-          entry={entry}
-          index={index}
-        />
-      ))}
+      <Static items={filteredEntries}>
+        {(entry, index) => (
+          <MemoizedChatEntry
+            key={`${entry.timestamp.getTime()}-${index}`}
+            entry={entry}
+            index={index}
+          />
+        )}
+      </Static>
     </Box>
   );
 }