52:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 53:T1871,"use client"; import * as React from "react"; import { cn } from "@/lib/utils"; /** * GrokShortcuts — Grok CLI's Keyboard Shortcuts modal (Ctrl+x). * * Nested categories with ◆ rows for expanded sections and › for collapsed * ones. Arrow keys / e expand; Esc closes. */ const BORDER = "#808080"; const FG = "#e1e1e1"; const MUTED = "#8b8b90"; const DIM = "#6c6c6c"; const MARK = "#808080"; // 38;5;8 — ◆ / › markers export type GrokShortcut = { action: string; keys: string }; export type GrokShortcutGroup = { id: string; label: string; items: GrokShortcut[]; /** Display count when collapsed; defaults to items.length. */ count?: number; }; const DEFAULT_GROUPS: GrokShortcutGroup[] = [ { id: "essentials", label: "Essentials", items: [ { action: "Send", keys: "Enter" }, { action: "Focus scrollback", keys: "Tab" }, { action: "Cancel turn", keys: "Ctrl+c" }, { action: "Cycle mode (Normal / Plan / Always-approve)", keys: "Shift+Tab" }, { action: "Quit", keys: "Ctrl+q / Ctrl+d" }, { action: "Command palette", keys: "Ctrl+p / ?" }, { action: "Keyboard shortcuts", keys: "Ctrl+x / Ctrl+." }, { action: "Open the settings modal", keys: "F2 / Ctrl+, / Cmd+," }, ], }, { id: "input", label: "Input", items: [ { action: "Send now while running (interject)", keys: "Ctrl+Enter / Ctrl+i", }, { action: "Voice dictation (Ctrl+Space / F8)", keys: "Ctrl+Space / F8", }, { action: "Search prompt history", keys: "Ctrl+r" }, { action: "Toggle multiline", keys: "Ctrl+m" }, { action: "Shell mode (type ! on empty prompt)", keys: "!", }, ], }, // Counts confirmed live; item lists need a re-auth pass (probe hit /logout). { id: "nav", label: "Conversation Navigation", count: 10, items: [] }, { id: "actions", label: "Conversation Actions", count: 4, items: [] }, { id: "panels", label: "Panels", count: 6, items: [] }, { id: "session", label: "Session", items: [ { action: "New session", keys: "Ctrl+n" }, { action: "Resume session", keys: "Ctrl+s" }, { action: "New worktree", keys: "Ctrl+w" }, ], }, { id: "dashboard", label: "Dashboard", count: 17, items: [] }, ]; export function GrokShortcuts({ groups = DEFAULT_GROUPS, defaultExpanded = "essentials", onClose, className, }: { groups?: GrokShortcutGroup[]; defaultExpanded?: string | null; onClose?: () => void; className?: string; }) { const [expanded, setExpanded] = React.useState(defaultExpanded); return (