@sortedyuan/maybecode 0.3.2 → 0.5.0

package/dist/ui/{prototype-view.js → terminal-view.js}

@@ -1,10 +1,11 @@
+import { omitUndefined } from "@sortedyuan/may/core";
 import { Column, Dialog, Editor, EditorHistory, FocusManager, Panel, ScrollView, SelectList, Text, sanitizeTerminalText, styleText, SessionForkPicker, WorkspaceDiffViewer, workspaceGitLabel, } from "@sortedyuan/tui";
-import { TranscriptView, } from "@sortedyuan/tui/transcript";
+import { TranscriptView } from "@sortedyuan/tui/transcript";
 import { createMaybeCodeKeymap, MAYBECODE_EDITOR_KEYBINDINGS } from "../keymap.js";
 import { MAYBECODE_DARK_THEME } from "./theme.js";
 import { MaybeCodeUiActionRegistry } from "./actions.js";
 /** Retained MaybeCode view shared by the experimental terminal frontend. */
-export class MaybeCodePrototypeView {
+export class MaybeCodeTerminalView {
     options;
     focus = new FocusManager();
     keymap;
@@ -34,13 +35,13 @@ export class MaybeCodePrototypeView {
     layout = new Column([]);
     editorSize = { width: 1, height: 1 };
     editorRegion = {
-        render: size => {
+        render: (size) => {
             this.editorSize = size;
             return new Panel(this.editor, {
                 borderStyle: this.focus.focusedId === "editor" ? this.theme.borderAccent : this.theme.border,
             }).render(size);
         },
-        handlePointer: event => {
+        handlePointer: (event) => {
             if (event.type === "down") {
                 if (event.button !== 0)
                     return false;
@@ -54,8 +55,8 @@ export class MaybeCodePrototypeView {
         },
     };
     transcriptRegion = {
-        render: size => this.transcript.render(size),
-        handlePointer: event => {
+        render: (size) => this.transcript.render(size),
+        handlePointer: (event) => {
             if (event.type === "down") {
                 if (event.button !== 0)
                     return false;
@@ -74,7 +75,7 @@ export class MaybeCodePrototypeView {
     baseView = {
         render: (size) => this.renderBase(size),
         handleKey: (stroke) => this.handleBaseKey(stroke),
-        handlePointer: event => this.layout.handlePointer(event),
+        handlePointer: (event) => this.layout.handlePointer(event),
     };
     constructor(options) {
         this.options = options;
@@ -88,34 +89,36 @@ export class MaybeCodePrototypeView {
             assistantLabel: "MaybeCode",
             selectedToolDetailsHint: "Enter details",
             toolDetailsHint: `${this.shortcutHint("app.tools.toggle")} all`,
-            ...(options.toolRenderers === undefined ? {} : { toolRenderers: options.toolRenderers }),
+            ...omitUndefined({ toolRenderers: options.toolRenderers }),
         });
         this.transcript = new ScrollView(this.transcriptView, {
             followEnd: true,
             onInvalidate: () => options.onInvalidate?.(),
         });
         this.inputHistory = options.inputHistory ?? new EditorHistory();
-        this.uiActions = options.uiActions ?? new MaybeCodeUiActionRegistry()
-            .register({
-            id: "tools.toggle",
-            command: "/details",
-            description: "Toggle all tool execution details",
-            run: () => {
-                this.preserveSelectedToolPosition();
-                const visible = this.transcriptView.toggleToolDetails();
-                return `Tool details ${visible ? "shown" : "hidden"}`;
-            },
-        })
-            .register({
-            id: "thinking.toggle",
-            command: "/thinking",
-            description: "Toggle reasoning block visibility",
-            run: () => {
-                this.preserveSelectedToolPosition();
-                const visible = this.transcriptView.toggleReasoning();
-                return `Thinking ${visible ? "shown" : "hidden"}`;
-            },
-        });
+        this.uiActions =
+            options.uiActions ??
+                new MaybeCodeUiActionRegistry()
+                    .register({
+                    id: "tools.toggle",
+                    command: "/details",
+                    description: "Toggle all tool execution details",
+                    run: () => {
+                        this.preserveSelectedToolPosition();
+                        const visible = this.transcriptView.toggleToolDetails();
+                        return `Tool details ${visible ? "shown" : "hidden"}`;
+                    },
+                })
+                    .register({
+                    id: "thinking.toggle",
+                    command: "/thinking",
+                    description: "Toggle reasoning block visibility",
+                    run: () => {
+                        this.preserveSelectedToolPosition();
+                        const visible = this.transcriptView.toggleReasoning();
+                        return `Thinking ${visible ? "shown" : "hidden"}`;
+                    },
+                });
         this.editor = new Editor({
             ...this.editorOptions(),
             history: this.inputHistory,
@@ -168,13 +171,20 @@ export class MaybeCodePrototypeView {
     editorOptions() {
         return {
             keybindings: MAYBECODE_EDITOR_KEYBINDINGS,
-            ...(this.options.clipboard === undefined ? {} : { clipboard: this.options.clipboard }),
+            ...omitUndefined({ clipboard: this.options.clipboard }),
             onInvalidate: () => this.options.onInvalidate?.(),
-            onError: error => this.setStatus(`Error: ${error instanceof Error ? error.message : String(error)}`),
+            onError: (error) => this.setStatus(`Error: ${error instanceof Error ? error.message : String(error)}`),
         };
     }
     shortcutHint(action) {
-        return this.keymap.keysForAction(action)[0]?.split(" ").map(key => key.split("+").map(part => part.length === 1 ? part.toUpperCase() : part[0].toUpperCase() + part.slice(1)).join("+")).join(" ") ?? "";
+        return (this.keymap
+            .keysForAction(action)[0]
+            ?.split(" ")
+            .map((key) => key
+            .split("+")
+            .map((part) => (part.length === 1 ? part.toUpperCase() : part[0].toUpperCase() + part.slice(1)))
+            .join("+"))
+            .join(" ") ?? "");
     }
     resetInputContext() {
         this.keymap.reset();
@@ -210,7 +220,9 @@ export class MaybeCodePrototypeView {
         return new Promise((resolve) => {
             let settled = false;
             const abort = () => pending.finish();
-            const pending = { prompt, finish: (value) => {
+            const pending = {
+                prompt,
+                finish: (value) => {
                     if (settled)
                         return;
                     settled = true;
@@ -225,7 +237,8 @@ export class MaybeCodePrototypeView {
                     }
                     resolve(value);
                     this.options.onInvalidate?.();
-                } };
+                },
+            };
             this.mcpQuestions.push(pending);
             signal.addEventListener("abort", abort, { once: true });
             this.openCurrentApproval();
@@ -304,9 +317,7 @@ export class MaybeCodePrototypeView {
         });
     }
     requestReasoningEffortSelection(state) {
-        if (state.status !== "known" ||
-            this.dialog !== undefined ||
-            this.resolveEffortDialog !== undefined) {
+        if (state.status !== "known" || this.dialog !== undefined || this.resolveEffortDialog !== undefined) {
             return state.status === "known"
                 ? Promise.reject(new Error("Another dialog is already open"))
                 : Promise.resolve(undefined);
@@ -352,10 +363,22 @@ export class MaybeCodePrototypeView {
     requestForkSelection(points, currentSessionId) {
         if (this.dialog)
             return Promise.reject(new Error("Another dialog is already open"));
-        return new Promise(resolve => {
+        return new Promise((resolve) => {
             this.resolveVersionDialog = resolve;
-            const picker = new SessionForkPicker(points, { currentSessionId, theme: this.theme, onComplete: selection => this.completeVersionDialog(selection) });
-            this.dialog = new Dialog(this.baseView, picker, { open: true, title: "Session 分支", width: 100, height: 25, dismissOnEscape: false, borderStyle: this.theme.borderAccent, titleStyle: this.theme.accent });
+            const picker = new SessionForkPicker(points, {
+                currentSessionId,
+                theme: this.theme,
+                onComplete: (selection) => this.completeVersionDialog(selection),
+            });
+            this.dialog = new Dialog(this.baseView, picker, {
+                open: true,
+                title: "Session 分支",
+                width: 100,
+                height: 25,
+                dismissOnEscape: false,
+                borderStyle: this.theme.borderAccent,
+                titleStyle: this.theme.accent,
+            });
             this.dialogKind = "fork";
             this.synchronizeDialog();
             this.options.onInvalidate?.();
@@ -364,10 +387,23 @@ export class MaybeCodePrototypeView {
     requestChanges(diff, operations = {}) {
         if (this.dialog)
             return Promise.reject(new Error("Another dialog is already open"));
-        return new Promise(resolve => {
+        return new Promise((resolve) => {
             this.resolveVersionDialog = () => resolve();
-            const viewer = new WorkspaceDiffViewer(diff, { theme: this.theme, onClose: () => this.completeVersionDialog(), ...operations, onInvalidate: () => this.options.onInvalidate?.() });
-            this.dialog = new Dialog(this.baseView, viewer, { open: true, title: "文件变化", width: 110, height: 30, dismissOnEscape: false, borderStyle: this.theme.borderAccent, titleStyle: this.theme.accent });
+            const viewer = new WorkspaceDiffViewer(diff, {
+                theme: this.theme,
+                onClose: () => this.completeVersionDialog(),
+                ...operations,
+                onInvalidate: () => this.options.onInvalidate?.(),
+            });
+            this.dialog = new Dialog(this.baseView, viewer, {
+                open: true,
+                title: "文件变化",
+                width: 110,
+                height: 30,
+                dismissOnEscape: false,
+                borderStyle: this.theme.borderAccent,
+                titleStyle: this.theme.accent,
+            });
             this.dialogKind = "changes";
             this.synchronizeDialog();
             this.options.onInvalidate?.();
@@ -418,9 +454,7 @@ export class MaybeCodePrototypeView {
         }
     }
     renderBase(size) {
-        const suggestionHeight = this.suggestionsVisible
-            ? Math.min(7, this.suggestions.length + 2)
-            : 0;
+        const suggestionHeight = this.suggestionsVisible ? Math.min(7, this.suggestions.length + 2) : 0;
         this.layout.setItems([
             {
                 height: 3,
@@ -429,14 +463,16 @@ export class MaybeCodePrototypeView {
             { flex: 1, minHeight: 1, component: this.transcriptRegion },
             ...(suggestionHeight === 0
                 ? []
-                : [{
+                : [
+                    {
                         height: suggestionHeight,
                         component: new Panel(this.suggestionList, {
                             title: " Commands ",
                             borderStyle: this.theme.border,
                             titleStyle: this.theme.accent,
                         }),
-                    }]),
+                    },
+                ]),
             {
                 height: 4,
                 component: this.editorRegion,
@@ -454,14 +490,16 @@ export class MaybeCodePrototypeView {
             this.transcript.scrollBy(stroke.key === "wheelup" ? -3 : 3);
             return true;
         }
-        if (this.focus.focusedId === "editor" && this.editor.hasSelection &&
-            stroke.ctrl && stroke.key === "c" && this.editor.handleKey(stroke)) {
+        if (this.focus.focusedId === "editor" &&
+            this.editor.hasSelection &&
+            stroke.ctrl &&
+            stroke.key === "c" &&
+            this.editor.handleKey(stroke)) {
             this.keymap.reset();
             this.clearShortcutHint();
             return true;
         }
-        const shortcut = this.keymap.resolve(stroke, this.transcriptView.hasSelection
-            ? ["global", "transcript.selection"] : ["global"]);
+        const shortcut = this.keymap.resolve(stroke, this.transcriptView.hasSelection ? ["global", "transcript.selection"] : ["global"]);
         if (shortcut.type === "pending") {
             this.statusBeforeShortcut ??= this.status;
             this.status = `Shortcut: ${shortcut.completions.join(" / ")}`;
@@ -476,7 +514,7 @@ export class MaybeCodePrototypeView {
                     this.setStatus("Error: Clipboard is unavailable");
                 }
                 else {
-                    this.pendingClipboard = this.options.clipboard.writeText(text).then(() => this.setStatus("Copied"), error => this.setStatus(`Error: ${error instanceof Error ? error.message : String(error)}`));
+                    this.pendingClipboard = this.options.clipboard.writeText(text).then(() => this.setStatus("Copied"), (error) => this.setStatus(`Error: ${error instanceof Error ? error.message : String(error)}`));
                 }
                 return true;
             }
@@ -520,21 +558,34 @@ export class MaybeCodePrototypeView {
                 this.hideSuggestions();
                 return true;
             }
-            if (this.suggestionsVisible && isSuggestionNavigation(stroke.key) &&
-                stroke.key !== "home" && stroke.key !== "end" && !stroke.shift && !stroke.ctrl && !stroke.alt) {
+            if (this.suggestionsVisible &&
+                isSuggestionNavigation(stroke.key) &&
+                stroke.key !== "home" &&
+                stroke.key !== "end" &&
+                !stroke.shift &&
+                !stroke.ctrl &&
+                !stroke.alt) {
                 return this.suggestionList.handleKey(stroke);
             }
             if (stroke.key === "tab" && !stroke.shift) {
                 this.completeSuggestion(false);
                 return true;
             }
-            if (stroke.key === "enter" && this.suggestionsVisible && !stroke.shift && !stroke.ctrl && !stroke.alt && !stroke.meta) {
+            if (stroke.key === "enter" &&
+                this.suggestionsVisible &&
+                !stroke.shift &&
+                !stroke.ctrl &&
+                !stroke.alt &&
+                !stroke.meta) {
                 this.completeSuggestion(true);
                 return true;
             }
         }
-        const transcriptInteraction = stroke.key === "j" || stroke.key === "k" ||
-            stroke.key === "enter" || stroke.key === "space" || stroke.text === " ";
+        const transcriptInteraction = stroke.key === "j" ||
+            stroke.key === "k" ||
+            stroke.key === "enter" ||
+            stroke.key === "space" ||
+            stroke.text === " ";
         const togglesSelectedTool = this.focus.focusedId === "transcript" &&
             (stroke.key === "enter" || stroke.key === "space" || stroke.text === " ");
         if (togglesSelectedTool)
@@ -558,7 +609,9 @@ export class MaybeCodePrototypeView {
         this.hideSuggestions();
         this.setStatus("Running");
         const epoch = this.submissionEpoch;
-        const submit = () => this.disposed || epoch !== this.submissionEpoch ? undefined : this.resolveSubmission(value, completeCommand, epoch);
+        const submit = () => this.disposed || epoch !== this.submissionEpoch
+            ? undefined
+            : this.resolveSubmission(value, completeCommand, epoch);
         const previous = this.submissionTail;
         const pending = (previous ? previous.then(submit) : Promise.resolve(submit()))
             .then((status) => {
@@ -570,7 +623,8 @@ export class MaybeCodePrototypeView {
             if (this.editor.value === "")
                 this.editor.setValue(value);
             this.setStatus(`Error: ${error instanceof Error ? error.message : String(error)}`);
-        }).finally(() => {
+        })
+            .finally(() => {
             if (this.submissionTail === pending)
                 this.submissionTail = undefined;
         });
@@ -614,9 +668,7 @@ export class MaybeCodePrototypeView {
             this.suggestionList.setItems(suggestions.map((suggestion) => ({
                 value: suggestion,
                 label: suggestion.label,
-                ...(suggestion.description === undefined
-                    ? {}
-                    : { description: suggestion.description }),
+                ...(suggestion.description === undefined ? {} : { description: suggestion.description }),
             })));
             this.suggestionsVisible = suggestions.length > 0;
             this.options.onInvalidate?.();
@@ -656,8 +708,13 @@ export class MaybeCodePrototypeView {
             const question = this.mcpQuestions[0];
             if (question !== undefined) {
                 this.dialog = new Dialog(this.baseView, new McpInputPrompt(question.prompt, question.finish, this.editorOptions(), this.options.keymap), {
-                    open: true, title: "MCP user interaction — untrusted server", width: 92, height: 24,
-                    dismissOnEscape: false, borderStyle: this.theme.warning, titleStyle: this.theme.warning,
+                    open: true,
+                    title: "MCP user interaction — untrusted server",
+                    width: 92,
+                    height: 24,
+                    dismissOnEscape: false,
+                    borderStyle: this.theme.warning,
+                    titleStyle: this.theme.warning,
                 });
                 this.dialogKind = "mcp";
                 this.synchronizeDialog();
@@ -727,11 +784,10 @@ class ModelPrompt {
         const currentIndex = models.findIndex((model) => model.name === currentProfile);
         this.list = new SelectList(models.map((model) => ({
             value: model,
-            label: `${model.name === currentProfile ? "* " : ""}${model.name}` +
-                `${model.isDefault ? " [default]" : ""}`,
+            label: `${model.name === currentProfile ? "* " : ""}${model.name}` + `${model.isDefault ? " [default]" : ""}`,
             description: `${model.provider}/${model.model} · ${model.adapter}`,
         })), {
-            onSelect: item => this.complete({ type: "switch", profile: item.value.name }),
+            onSelect: (item) => this.complete({ type: "switch", profile: item.value.name }),
             onCancel: () => this.complete(undefined),
             selectedIndex: Math.max(0, currentIndex),
             selectedStyle: theme.selected,
@@ -751,7 +807,9 @@ class ModelPrompt {
         ]);
         return this.layout.render(size);
     }
-    handlePointer(event) { return this.layout.handlePointer(event); }
+    handlePointer(event) {
+        return this.layout.handlePointer(event);
+    }
     handleKey(stroke) {
         const result = this.keymap.resolve(stroke, ["select", "modelPicker"]);
         if (result.type === "pending")
@@ -777,9 +835,7 @@ class EffortPrompt {
         this.complete = complete;
         this.keymap = createMaybeCodeKeymap(keymapOptions);
         const efforts = ["default", ...state.efforts];
-        const currentIndex = state.overridden
-            ? efforts.indexOf(state.effectiveEffort ?? "")
-            : 0;
+        const currentIndex = state.overridden ? efforts.indexOf(state.effectiveEffort ?? "") : 0;
         this.list = new SelectList(efforts.map((effort) => ({
             value: effort,
             label: `${effort === efforts[currentIndex] ? "* " : ""}${effort}`,
@@ -787,7 +843,7 @@ class EffortPrompt {
                 ? `Clear override · default ${state.defaultEffort ?? "is provider-defined"}`
                 : `Capability source: ${state.source}`,
         })), {
-            onSelect: item => this.complete(item.value),
+            onSelect: (item) => this.complete(item.value),
             onCancel: () => this.complete(undefined),
             selectedIndex: Math.max(0, currentIndex),
             selectedStyle: theme.selected,
@@ -799,11 +855,16 @@ class EffortPrompt {
     render(size) {
         this.layout.setItems([
             { flex: 1, minHeight: 1, component: this.list },
-            { height: 1, component: new Text(`${promptShortcut(this.keymap, "list.accept", "select")} select · ${promptShortcut(this.keymap, "list.cancel", "select")} close`) },
+            {
+                height: 1,
+                component: new Text(`${promptShortcut(this.keymap, "list.accept", "select")} select · ${promptShortcut(this.keymap, "list.cancel", "select")} close`),
+            },
         ]);
         return this.layout.render(size);
     }
-    handlePointer(event) { return this.layout.handlePointer(event); }
+    handlePointer(event) {
+        return this.layout.handlePointer(event);
+    }
     handleKey(stroke) {
         const result = this.keymap.resolve(stroke, ["select"]);
         return result.type === "action" ? this.list.performAction(result.action) : result.type === "pending";
@@ -825,13 +886,21 @@ class ApprovalPrompt {
             { value: "allow", label: "Allow once", description: promptShortcut(this.keymap, "approval.allow", "approval") },
             ...(request.grantKey === undefined
                 ? []
-                : [{
+                : [
+                    {
                         value: "allow-session",
                         label: "Allow matching calls for this session",
                         description: promptShortcut(this.keymap, "approval.allowSession", "approval"),
-                    }]),
-            { value: "deny", label: "Deny", description: `${promptShortcut(this.keymap, "approval.deny", "approval")} / ${promptShortcut(this.keymap, "list.cancel", "select")}` },
-            ...(request.persistent ? [{ value: "allow-persistent", label: "保存允许规则", description: request.persistent.description }] : []),
+                    },
+                ]),
+            {
+                value: "deny",
+                label: "Deny",
+                description: `${promptShortcut(this.keymap, "approval.deny", "approval")} / ${promptShortcut(this.keymap, "list.cancel", "select")}`,
+            },
+            ...(request.persistent
+                ? [{ value: "allow-persistent", label: "保存允许规则", description: request.persistent.description }]
+                : []),
         ], {
             onSelect: (item) => this.decide(item.value),
             onCancel: () => this.decide("deny"),
@@ -856,7 +925,9 @@ class ApprovalPrompt {
         ]);
         return this.layout.render(size);
     }
-    handlePointer(event) { return this.layout.handlePointer(event); }
+    handlePointer(event) {
+        return this.layout.handlePointer(event);
+    }
     handleKey(stroke) {
         const result = this.keymap.resolve(stroke, ["select", "approval"]);
         if (result.type === "pending")
@@ -891,8 +962,8 @@ class SessionPrompt {
     keymap;
     layout = new Column([], { gap: 1 });
     listRegion = {
-        render: size => this.list.render(size),
-        handlePointer: event => (this.mode === "browse" || this.mode === "search") && this.list.handlePointer(event),
+        render: (size) => this.list.render(size),
+        handlePointer: (event) => (this.mode === "browse" || this.mode === "search") && this.list.handlePointer(event),
     };
     constructor(sessions, currentSessionId, theme, complete, editorOptions, keymapOptions = {}) {
         this.sessions = sessions;
@@ -940,8 +1011,12 @@ class SessionPrompt {
         ]);
         return this.layout.render(size);
     }
-    handlePointer(event) { return this.layout.handlePointer(event); }
-    dispose() { this.input.dispose(); }
+    handlePointer(event) {
+        return this.layout.handlePointer(event);
+    }
+    dispose() {
+        this.input.dispose();
+    }
     handleKey(stroke) {
         const contexts = this.mode === "browse"
             ? ["select", "sessionPicker"]
@@ -969,14 +1044,19 @@ class SessionPrompt {
                     this.status = "Type to filter by id, title, or preview";
                     this.input.setValue("");
                     return true;
-                case "search.finish": return this.resumeSelected();
-                case "session.rename.start": return this.beginRename();
+                case "search.finish":
+                    return this.resumeSelected();
+                case "session.rename.start":
+                    return this.beginRename();
                 case "session.rename.accept":
                     this.input.performAction("editor.submit");
                     return true;
-                case "session.delete.request": return this.beginDelete();
-                case "session.delete.cancel": return this.setMode("browse");
-                case "session.delete.accept": return this.deleteSelected();
+                case "session.delete.request":
+                    return this.beginDelete();
+                case "session.delete.cancel":
+                    return this.setMode("browse");
+                case "session.delete.accept":
+                    return this.deleteSelected();
                 case "text.clear":
                     this.input.setValue("");
                     return true;
@@ -1085,8 +1165,7 @@ class HeaderView {
         const title = `${styleText("◆", this.theme.accent)} ` +
             `${styleText("MaybeCode", this.theme.accent)}  ` +
             styleText(sanitizeTerminalText(this.model), this.theme.muted);
-        const workspace = `${styleText("workspace", this.theme.dim)}  ` +
-            styleText(sanitizeTerminalText(this.workspace), this.theme.muted);
+        const workspace = `${styleText("workspace", this.theme.dim)}  ` + styleText(sanitizeTerminalText(this.workspace), this.theme.muted);
         const divider = styleText("─".repeat(size.width), this.theme.border);
         return new Text(`${title}\n${workspace}\n${divider}`, { wrap: false }).render(size);
     }
@@ -1120,7 +1199,8 @@ class FooterView {
             : /running|cancell/iu.test(this.status)
                 ? this.theme.warning
                 : this.theme.success;
-        const value = (this.gitLabel ? `${styleText(this.gitLabel, this.theme.accent)}  ` : "") + (this.yolo ? `${styleText("YOLO · Auto-approve", this.theme.warning)}  ` : "") +
+        const value = (this.gitLabel ? `${styleText(this.gitLabel, this.theme.accent)}  ` : "") +
+            (this.yolo ? `${styleText("YOLO · Auto-approve", this.theme.warning)}  ` : "") +
             `${styleText("●", statusStyle)} ${styleText(this.status, statusStyle)}  ` +
             `${styleText(this.focus ?? "none", this.theme.muted)}  ` +
             `${styleText(this.replyHint, this.theme.dim)} reply  ` +
@@ -1149,8 +1229,7 @@ function truncate(value, maximum) {
     return value.length <= maximum ? value : `${value.slice(0, maximum - 1)}…`;
 }
 function isSuggestionNavigation(key) {
-    return key === "up" || key === "down" || key === "pageup" ||
-        key === "pagedown" || key === "home" || key === "end";
+    return key === "up" || key === "down" || key === "pageup" || key === "pagedown" || key === "home" || key === "end";
 }
 function commonPrefix(input, values) {
     const candidates = values.filter((value) => value.startsWith(input));
@@ -1188,12 +1267,20 @@ class McpInputPrompt {
         this.layout.setItems([
             { flex: 1, minHeight: 1, component: this.body },
             { height: 4, component: this.editor },
-            { height: 1, component: new Text(`${promptShortcut(this.keymap, "request.pageUp", "mcpInput")}/${promptShortcut(this.keymap, "request.pageDown", "mcpInput")} review request | Enter continue | ${promptShortcut(this.keymap, "request.cancel", "mcpInput")} cancel`) },
+            {
+                height: 1,
+                component: new Text(`${promptShortcut(this.keymap, "request.pageUp", "mcpInput")}/${promptShortcut(this.keymap, "request.pageDown", "mcpInput")} review request | Enter continue | ${promptShortcut(this.keymap, "request.cancel", "mcpInput")} cancel`),
+            },
         ]);
         return this.layout.render(size);
     }
-    handlePointer(event) { return this.layout.handlePointer(event); }
-    dispose() { this.editor.dispose(); this.body.dispose(); }
+    handlePointer(event) {
+        return this.layout.handlePointer(event);
+    }
+    dispose() {
+        this.editor.dispose();
+        this.body.dispose();
+    }
     handleKey(stroke) {
         const result = this.keymap.resolve(stroke, ["mcpInput"]);
         if (result.type === "pending")
@@ -1223,4 +1310,4 @@ class McpInputPrompt {
 function promptShortcut(keymap, action, context) {
     return keymap.keysForAction(action, context).join(" / ");
 }
-//# sourceMappingURL=prototype-view.js.map
+//# sourceMappingURL=terminal-view.js.map