feat(cli): add dedicated KeybindsView for /keybind command

Replace the inline subcommand-only /keybind handler with a dedicated
view component (following the /usage pattern from feat-usage-command):

- KeybindsView renders as a replacement view with border, listing all
  configured keybinds
- Esc returns to chat (useInput hook, matching UsageView pattern)
- /keybind without args opens the view; with args still processes
  add/remove subcommands inline
- View type extended with "keybinds" option

Author: al4xdev

packages/cli/src/ui/views/App.tsx

@@ -12,6 +12,7 @@ import { buildLoadingText } from "../core/loading-text";
 import { findExpandedThinkingId } from "../core/thinking-state";
 import { WelcomeScreen } from "./WelcomeScreen";
 import { AskUserQuestionPrompt } from "./AskUserQuestionPrompt";
+import { KeybindsView } from "./KeybindsView";
 import { McpStatusList } from "./McpStatusList";
 import { ProcessStdoutView } from "./ProcessStdoutView";
 import {
@@ -50,7 +51,7 @@ import { SessionManager } from "@vegamo/deepcode-core";
 import { getCompactPromptTokenThreshold } from "@vegamo/deepcode-core";
 import { writeStdout, writeStdoutLine } from "../../utils/stdio-helpers";
 
-type View = "chat" | "session-list" | "undo" | "mcp-status";
+type View = "chat" | "session-list" | "undo" | "keybinds" | "mcp-status";
 
 const STATUS_SPINNER_FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
 
@@ -361,6 +362,10 @@ function App({ projectRoot, initialPrompt, resumeSessionId, onRestart }: AppProp
         navigateToSubView("mcp-status");
         return;
       }
+      if (submission.command === "keybind") {
+        navigateToSubView("keybinds");
+        return;
+      }
 
       const prompt: UserPromptContent = {
         text: submission.text,
@@ -945,6 +950,16 @@ function App({ projectRoot, initialPrompt, resumeSessionId, onRestart }: AppProp
             setView("chat");
           }}
         />
+      ) : view === "keybinds" ? (
+        <KeybindsView
+          keybinds={resolvedSettings.keybinds}
+          projectRoot={projectRoot}
+          onCancel={() => setView("chat")}
+          onChange={() => {
+            const next = resolveCurrentSettings(projectRoot);
+            setResolvedSettings(next);
+          }}
+        />
       ) : view === "mcp-status" ? (
         <McpStatusList
           statuses={mcpStatuses}

packages/cli/src/ui/views/KeybindsView.tsx

@@ -0,0 +1,81 @@
+import React, { useState } from "react";
+import { Box, Text, useInput } from "ink";
+import type { KeybindMap } from "@vegamo/deepcode-core";
+import { readSettings, writeSettings, readProjectSettings, writeProjectSettings } from "@vegamo/deepcode-core";
+
+type Props = {
+  keybinds: KeybindMap;
+  projectRoot: string;
+  onCancel: () => void;
+  onChange: () => void;
+};
+
+export function KeybindsView({ keybinds, projectRoot, onCancel, onChange }: Props): React.ReactElement {
+  const [status, setStatus] = useState<string | null>(null);
+  const entries = Object.entries(keybinds);
+
+  useInput((_input, key) => {
+    if (key.escape) {
+      onCancel();
+    }
+  });
+
+  function writeKeybinds(next: KeybindMap): void {
+    const existingProjectSettings = readProjectSettings(projectRoot);
+    const useProject = existingProjectSettings !== null;
+    const rawSettings = useProject ? existingProjectSettings : readSettings();
+    const updated = { ...(rawSettings ?? {}), keybinds: next };
+    if (useProject) {
+      writeProjectSettings(updated, projectRoot);
+    } else {
+      writeSettings(updated);
+    }
+    onChange();
+  }
+
+  function handleRemove(shortcut: string): void {
+    const next = { ...keybinds };
+    delete next[shortcut];
+    writeKeybinds(next);
+    setStatus(`Removed "${shortcut}".`);
+  }
+
+  return (
+    <Box flexDirection="column" marginLeft={1} paddingX={1} gap={1} borderStyle="round" borderDimColor>
+      <Box>
+        <Text color="#229ac3" bold>
+          /keybind
+        </Text>
+      </Box>
+
+      {status ? (
+        <Box>
+          <Text color="yellow">{status}</Text>
+        </Box>
+      ) : null}
+
+      {entries.length === 0 ? (
+        <Box>
+          <Text dimColor>(no keybinds configured)</Text>
+        </Box>
+      ) : (
+        <Box flexDirection="column">
+          {entries.map(([shortcut, action]) => (
+            <Box key={shortcut} gap={1}>
+              <Text>{shortcut}</Text>
+              <Text dimColor>→ /{action}</Text>
+              <Text dimColor>{"  "}Del to remove</Text>
+            </Box>
+          ))}
+        </Box>
+      )}
+
+      <Box flexDirection="column">
+        <Text dimColor>Add via settings.json:</Text>
+        <Text dimColor>{`  "keybinds": { "ctrl+e": "exit" }`}</Text>
+      </Box>
+
+      <Text dimColor>Esc to close</Text>
+    </Box>
+  );
+}

packages/cli/src/ui/views/PromptInput.tsx

@@ -74,7 +74,7 @@ export type PromptSubmission = {
   selectedSkills?: SkillInfo[];
   permissions?: UserToolPermission[];
   alwaysAllows?: PermissionScope[];
-  command?: "new" | "resume" | "continue" | "undo" | "mcp" | "exit";
+  command?: "new" | "resume" | "continue" | "undo" | "mcp" | "keybind" | "exit";
 };
 
 export type PromptDraft = {
@@ -738,7 +738,13 @@ export const PromptInput = React.memo(function PromptInput({
       return;
     }
     if (item.kind === "keybind") {
-      handleKeybindCommand();
+      const parts = buffer.text.trim().split(/\s+/);
+      if (parts.length > 1) {
+        handleKeybindCommand();
+      } else {
+        onSubmit({ text: "/keybind", imageUrls: [], command: "keybind" });
+        resetPromptInput();
+      }
       return;
     }
     if (item.kind === "exit") {