icopilot 2.3.2 → 2.3.4

package/CHANGELOG.md

@@ -5,6 +5,24 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.3.4] — 2026-06-29
+
+### Fixed
+- **Screen stacking / infinite box loop** — input box borders no longer stack on every submission; `drawBoxTop()` now erases the previous bottom border with ANSI cursor-up + clear-line sequences before drawing a fresh frame
+- **`/m` slash command tokenizer** — commands like `/model`, `/provider set <name>`, and `/plan` were truncated to their first character; replaced `indexOf`-based slicing with `split(/\s+/)` so the full command name is always parsed correctly
+
+### Changed
+- **Splash banner** — replaced pixel-art block logo with the standard figlet-style ASCII logo rendered in bold cyan (`#58A6FF`); status indicators updated to `● Provider: GitHub Models (default: …)` and `● Session: Active (…)` with a dim divider
+- **Hotkey dock** — updated footer to `Ctrl+C Exit  │  Ctrl+R Clear History  │  Tab Autocomplete`
+- **Terminal resize** — `process.stdout.on('resize')` added alongside `SIGWINCH` for portability (e.g. Windows ConPTY); resize also resets the pending-erase counter to avoid misaligned cursors
+
+### Added
+- **`src/ui/spinner.ts`** — `Spinner` class with `start(label)`, `update(label)`, `stop(success?)` using braille frames at 80 ms; degrades gracefully to plain text in non-TTY environments
+- **`src/ui/select.ts`** — `selectMenu(choices, initial?)` arrow-key `❯` selection menu; auto-selects the first item in non-TTY mode
+- **Autopilot progress UX** — each step now shows a live spinner that resolves to `✔` or `✖`; when `requireApproval` is enabled a between-step `selectMenu` asks "Continue / Abort" instead of running blindly
+- **Plan-mode file confirmations** — `confirm()` Y/N prompts replaced with `select()` arrow-key menus (`❯ Apply changes / Skip`) for all file write proposals
+- **`@file` mention hint** — ghost text shows `file/path` after a bare `@` token in the input field
+
 ## [2.1.0] — 2026-06-28
 
 ### Added — v2.1 Competitive Parity

package/dist/commands/slash.js

@@ -284,10 +284,13 @@ export async function handleSlash(line, ctx) {
         }
         return done(false, modePrefix.forwardInput, modePrefix.turnMode ?? null);
     }
-    const spaceIndex = trimmed.indexOf(' ');
-    const cmd = (spaceIndex === -1 ? trimmed.slice(1) : trimmed.slice(1, spaceIndex)).trim();
-    const arg = spaceIndex === -1 ? '' : trimmed.slice(spaceIndex + 1).trim();
-    const rest = arg ? arg.split(/\s+/) : [];
+    // Tokenize: split on whitespace so "/model gpt-4o" → ["model","gpt-4o"]
+    // This avoids premature character slicing that truncated commands like
+    // "/model" to "/m" when multi-byte or invisible whitespace was present.
+    const tokens = trimmed.slice(1).split(/\s+/);
+    const cmd = tokens[0] ?? '';
+    const rest = tokens.slice(1);
+    const arg = rest.join(' ');
     const s = ctx.session;
     const roleManager = getRoleManager(s.state.cwd);
     const normalizedCommand = cmd.toLowerCase();

package/dist/modes/autopilot.js

@@ -1,6 +1,8 @@
 import { Session } from '../session/session.js';
 import { hookManager } from '../hooks/lifecycle.js';
 import { theme } from '../ui/theme.js';
+import { Spinner } from '../ui/spinner.js';
+import { selectMenu } from '../ui/select.js';
 import { runTurn } from './turn.js';
 export const AUTOPILOT_MAX_STEPS = 10;
 const AUTOPILOT_REQUIRE_APPROVAL_DEFAULT = true;
@@ -86,17 +88,40 @@ export async function runAutopilot(goal, opts = {}) {
     session.setAutopilotEnabled(false);
     session.setMode('ask');
     session.setSystemPrompt(buildAutopilotSystemPrompt(normalizedGoal));
+    const requireApproval = opts.requireApproval ?? AUTOPILOT_REQUIRE_APPROVAL_DEFAULT;
     try {
         for (let step = 1; step <= maxSteps; step++) {
-            process.stdout.write(theme.dim(`\n[autopilot] step ${step} of ${maxSteps}\n`));
-            await runTurn({
-                session,
-                userInput: buildAutopilotTurnPrompt(normalizedGoal, step, maxSteps),
-                signal,
-            });
+            const spinner = new Spinner();
+            spinner.start(`Step ${step} of ${maxSteps} …`);
+            let stepError;
+            try {
+                await runTurn({
+                    session,
+                    userInput: buildAutopilotTurnPrompt(normalizedGoal, step, maxSteps),
+                    signal,
+                });
+            }
+            catch (err) {
+                stepError = err;
+            }
+            const success = stepError == null;
+            spinner.stop(success);
+            if (!success) {
+                process.stdout.write(theme.err(`\n✖ step ${step} failed: ${stepError?.message ?? stepError}\n`));
+                break;
+            }
             if (isAutopilotComplete(findLastAssistantMessage(session.state.messages))) {
                 return session;
             }
+            // When requireApproval is on, pause between steps so the user can review.
+            if (requireApproval && step < maxSteps) {
+                process.stdout.write('\n');
+                const choice = await selectMenu(['Continue to next step', 'Abort autopilot']);
+                if (choice !== 0) {
+                    process.stdout.write(theme.dim('\nautopilot aborted by user.\n'));
+                    return session;
+                }
+            }
         }
         process.stdout.write(theme.warn(`\n⚠  autopilot stopped after ${maxSteps} steps.\n`));
         return session;

package/dist/modes/interactive.js

@@ -3,7 +3,7 @@ import os from 'node:os';
 import path from 'node:path';
 import { Session } from '../session/session.js';
 import { theme, banner } from '../ui/theme.js';
-import { createPrompt, prefix } from '../ui/prompt.js';
+import { createPrompt, prefix, invalidateBoxBottom } from '../ui/prompt.js';
 import { handleSlash } from '../commands/slash.js';
 import { loadAliases, resolveAlias } from '../commands/alias-cmd.js';
 import { MetricsCollector } from '../commands/metrics-cmd.js';
@@ -83,6 +83,9 @@ export async function runInteractive(initialMode = 'ask', opts = {}) {
                 const resolvedLine = resolveAlias(next.line, loadAliases()) ?? next.line;
                 currentAbort = new AbortController();
                 try {
+                    // Any output printed during processing must not be erased by the
+                    // next input-box render, so invalidate the pending-erase counter.
+                    invalidateBoxBottom();
                     if (next.scheduled) {
                         process.stdout.write(theme.dim(`\n[schedule] ${next.line}\n`));
                     }

package/dist/tools/file-ops.js

@@ -1,7 +1,7 @@
 import fs from 'node:fs';
 import path from 'node:path';
 import { createPatch } from 'diff';
-import { confirm } from '@inquirer/prompts';
+import { select } from '@inquirer/prompts';
 import { config } from '../config.js';
 import { theme } from '../ui/theme.js';
 import { formatAutoCheckResult, runAutoLint } from './auto-check.js';
@@ -35,8 +35,12 @@ export async function proposeWrite(relPath, newContent) {
     const remembered = toolMemory.isWriteRemembered(abs);
     const ok = config.autoApprove ||
         remembered ||
-        (await confirm({
+        (await select({
             message: exists ? 'Apply this patch?' : 'Create this new file?',
+            choices: [
+                { name: '❯ Apply changes', value: true },
+                { name: '  Skip', value: false },
+            ],
             default: false,
         }).catch(() => false));
     if (!ok) {
@@ -45,10 +49,14 @@ export async function proposeWrite(relPath, newContent) {
         return { wrote: false, path: abs, bytes: 0 };
     }
     if (!config.autoApprove && !remembered) {
-        const remember = await confirm({
+        const remember = (await select({
             message: 'Remember this write path for the session?',
+            choices: [
+                { name: '  Yes — skip confirmation next time', value: true },
+                { name: '  No', value: false },
+            ],
             default: false,
-        }).catch(() => false);
+        }).catch(() => false));
         if (remember)
             toolMemory.rememberWrite(abs);
     }
@@ -100,8 +108,12 @@ export async function proposeWriteBatch(items) {
     const remembered = prepared.every((item) => toolMemory.isWriteRemembered(item.abs));
     const ok = config.autoApprove ||
         remembered ||
-        (await confirm({
+        (await select({
             message: 'Apply all patches?',
+            choices: [
+                { name: '❯ Apply all changes', value: true },
+                { name: '  Skip all', value: false },
+            ],
             default: false,
         }).catch(() => false));
     if (!ok) {
@@ -113,10 +125,14 @@ export async function proposeWriteBatch(items) {
         };
     }
     if (!config.autoApprove && !remembered) {
-        const remember = await confirm({
+        const remember = (await select({
             message: 'Remember these write paths for the session?',
+            choices: [
+                { name: '  Yes — skip confirmation next time', value: true },
+                { name: '  No', value: false },
+            ],
             default: false,
-        }).catch(() => false);
+        }).catch(() => false));
         if (remember)
             prepared.forEach((item) => toolMemory.rememberWrite(item.abs));
     }

package/dist/ui/prompt.js

@@ -2,6 +2,14 @@ import readline from 'node:readline';
 import { theme, safeUnicode } from './theme.js';
 import { defaultContext } from '../util/completion.js';
 import { attachKeybindings, applyKeybindingConfig, } from '../util/keybindings.js';
+/**
+ * Call this whenever content is written to stdout between two read() calls
+ * (e.g. streamed LLM output) so we don't accidentally erase that content
+ * when the next input box is rendered.
+ */
+export function invalidateBoxBottom() {
+    pendingEraseLines = 0;
+}
 // ─── Slash command completer ───────────────────────────────────────────────
 function slashCompleter(line) {
     const ctx = defaultContext();
@@ -26,7 +34,18 @@ const PLACEHOLDER = 'Enter @ to mention files or / for commands...';
 function boxWidth() {
     return Math.max(60, (process.stdout.columns || 80) - 6);
 }
+// Track lines printed by drawBoxBottom() so the next read() can erase them
+// before drawing a fresh top border (prevents infinite box stacking).
+let pendingEraseLines = 0;
 function drawBoxTop() {
+    if (pendingEraseLines > 0 && process.stdout.isTTY) {
+        // Erase the bottom border printed by the previous submission:
+        //   drawBoxBottom writes "\n<border>\n" = 2 extra lines below the readline line.
+        for (let i = 0; i < pendingEraseLines; i++) {
+            process.stdout.write('\x1b[1A\x1b[2K'); // cursor up + clear line
+        }
+        pendingEraseLines = 0;
+    }
     const w = boxWidth();
     const colorEnabled = theme.dim('') !== ''; // cheap color-enabled check
     const line = colorEnabled ? theme.dim(`  ╭${'─'.repeat(w)}╮`) : `  ╭${'─'.repeat(w)}╮`;
@@ -36,11 +55,15 @@ function drawBoxBottom() {
     const w = boxWidth();
     const line = theme.dim(`  ╰${'─'.repeat(w)}╯`);
     process.stdout.write('\n' + line + '\n');
+    // Two lines were added below the readline line: the blank line (\n) and the
+    // border line itself.  The trailing \n moves the cursor one further line down,
+    // so we need to go back 2 lines on the next drawBoxTop() call.
+    pendingEraseLines = 2;
 }
 // ─── Persistent footer (scroll-region docked) ──────────────────────────────
 const FOOTER_KEYS = safeUnicode
-    ? '  Ctrl+C Exit  │  Tab Autocomplete  │  @file Context  │  Ctrl+R Clear'
-    : '  Ctrl+C Exit  |  Tab Autocomplete  |  @file Context  |  Ctrl+R Clear';
+    ? '  Ctrl+C Exit  │  Ctrl+R Clear History  │  Tab Autocomplete'
+    : '  Ctrl+C Exit  |  Ctrl+R Clear History  |  Tab Autocomplete';
 let footerInstalled = false;
 function footerLine(cols) {
     const text = FOOTER_KEYS;
@@ -83,10 +106,16 @@ export function createPrompt(keybindingMode) {
     if (isTTY)
         installFooter();
     const onResize = () => {
-        if (isTTY && footerInstalled)
+        if (isTTY && footerInstalled) {
+            pendingEraseLines = 0; // can't reliably erase across a resize
             installFooter();
+        }
     };
     process.on('SIGWINCH', onResize);
+    // Also listen on stdout directly for environments that emit 'resize'
+    // instead of (or in addition to) SIGWINCH (e.g. Windows ConPTY).
+    if (isTTY)
+        process.stdout.on('resize', onResize);
     // ── Ghost text helpers ────────────────────────────────────────────────
     const clearGhost = () => {
         if (!activeGhost || !isTTY)
@@ -138,6 +167,12 @@ export function createPrompt(keybindingMode) {
                 drawGhost(PLACEHOLDER);
                 return;
             }
+            // Hint after a partial @mention: show "→ @<token>" in dim text.
+            const atMatch = line.match(/@([\w./\\-]*)$/);
+            if (atMatch) {
+                drawGhost(atMatch[0].length > 1 ? '' : 'file/path');
+                return;
+            }
             if (!/^\/\w/.test(line))
                 return;
             const [hits] = slashCompleter(line);
@@ -178,6 +213,7 @@ export function createPrompt(keybindingMode) {
             removeFooter();
             process.off('SIGWINCH', onResize);
             if (isTTY) {
+                process.stdout.off('resize', onResize);
                 process.stdin.removeListener('keypress', onKeypressClear);
                 process.stdin.removeListener('keypress', onKeypressDraw);
             }

package/dist/ui/select.js

@@ -0,0 +1,82 @@
+import readline from 'node:readline';
+import { theme, safeUnicode } from './theme.js';
+const CURSOR = safeUnicode ? '❯' : '>';
+const BLANK = ' ';
+/**
+ * Render an interactive arrow-key selection menu.
+ *
+ * @param choices   List of option labels to display.
+ * @param initial   Initially selected index (default 0).
+ * @returns         Resolves with the index of the chosen option, or -1 if
+ *                  the user pressed Escape / Ctrl-C.
+ *
+ * Example:
+ *   ❯ Run this command
+ *     Revise command instructions
+ *     Abort operation
+ */
+export async function selectMenu(choices, initial = 0) {
+    if (!process.stdin.isTTY || !process.stdout.isTTY) {
+        // Non-interactive: auto-select the first option.
+        return 0;
+    }
+    return new Promise((resolve) => {
+        let selected = Math.max(0, Math.min(initial, choices.length - 1));
+        readline.emitKeypressEvents(process.stdin);
+        const wasRaw = process.stdin.isRaw ?? false;
+        process.stdin.setRawMode(true);
+        const render = () => {
+            // Erase all previously drawn lines.
+            for (let i = 0; i < choices.length; i++) {
+                process.stdout.write('\x1b[2K\r');
+                if (i < choices.length - 1)
+                    process.stdout.write('\x1b[1A');
+            }
+            // Re-draw.
+            for (let i = 0; i < choices.length; i++) {
+                const active = i === selected;
+                const cursor = active ? theme.brand(CURSOR) : BLANK;
+                const label = active ? choices[i] : theme.dim(choices[i] ?? '');
+                process.stdout.write(`  ${cursor} ${label}`);
+                if (i < choices.length - 1)
+                    process.stdout.write('\n');
+            }
+        };
+        // Draw initial menu.
+        process.stdout.write('\n');
+        for (const choice of choices) {
+            process.stdout.write(`  ${BLANK} ${theme.dim(choice)}\n`);
+        }
+        // Move cursor back up to rewrite from the first line.
+        for (let i = 0; i < choices.length; i++) {
+            process.stdout.write('\x1b[1A');
+        }
+        render();
+        const onKeypress = (_ch, key) => {
+            if (!key)
+                return;
+            if (key.name === 'up') {
+                selected = (selected - 1 + choices.length) % choices.length;
+                render();
+            }
+            else if (key.name === 'down') {
+                selected = (selected + 1) % choices.length;
+                render();
+            }
+            else if (key.name === 'return' || key.name === 'enter') {
+                cleanup(selected);
+            }
+            else if (key.name === 'escape' || (key.ctrl && key.name === 'c')) {
+                cleanup(-1);
+            }
+        };
+        const cleanup = (result) => {
+            process.stdin.removeListener('keypress', onKeypress);
+            if (!wasRaw)
+                process.stdin.setRawMode(false);
+            process.stdout.write('\n');
+            resolve(result);
+        };
+        process.stdin.on('keypress', onKeypress);
+    });
+}

package/dist/ui/spinner.js

@@ -0,0 +1,50 @@
+import { theme } from './theme.js';
+const FRAMES = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
+const INTERVAL_MS = 80;
+/**
+ * A simple TTY spinner that renders a label next to a rotating braille frame.
+ * Falls back to a plain text prefix when the terminal is not a TTY or when
+ * Unicode / colours are disabled.
+ */
+export class Spinner {
+    timer = null;
+    frame = 0;
+    label = '';
+    isTTY;
+    constructor() {
+        this.isTTY = Boolean(process.stdout.isTTY);
+    }
+    start(label) {
+        this.label = label;
+        this.frame = 0;
+        if (!this.isTTY) {
+            process.stdout.write(`  … ${label}\n`);
+            return;
+        }
+        this.render();
+        this.timer = setInterval(() => this.render(), INTERVAL_MS);
+    }
+    update(label) {
+        this.label = label;
+        if (!this.isTTY) {
+            process.stdout.write(`  … ${label}\n`);
+        }
+    }
+    stop(success = true) {
+        if (this.timer !== null) {
+            clearInterval(this.timer);
+            this.timer = null;
+        }
+        if (this.isTTY) {
+            // Overwrite the spinner line with a final status icon + label.
+            process.stdout.write('\r\x1b[2K');
+            const icon = success ? theme.ok('✔') : theme.err('✖');
+            process.stdout.write(`  ${icon} ${this.label}\n`);
+        }
+    }
+    render() {
+        const f = FRAMES[this.frame % FRAMES.length] ?? FRAMES[0];
+        this.frame++;
+        process.stdout.write(`\r\x1b[2K  ${theme.dim(f)} ${this.label}`);
+    }
+}

package/dist/ui/theme.js

@@ -50,29 +50,16 @@ export const theme = {
     },
 };
 export const safeUnicode = process.platform !== 'win32' || Boolean(process.env.WT_SESSION);
-// ─── Pixel-art logo ────────────────────────────────────────────────────────
-// 5-row "ICOPILOT" in full-block characters (2-space gaps between letters).
-//   I=2   C=4   O=4   P=4   I=2   L=4   O=4   T=4
-const LOGO_ROWS = [
-    '██  ████  ████  ████  ██  █     ████  ████',
-    '██  ██    █  █  █  █  ██  █     █  █   ██ ',
-    '██  ██    █  █  ████  ██  █     █  █   ██ ',
-    '██  ██    █  █  █     ██  █     █  █   ██ ',
-    '██  ████  ████  █     ██  ████  ████   ██ ',
+// ─── ASCII logo (figlet "iCopilot") ──────────────────────────────────────────
+// Rendered in cyan/light-blue to match GitHub Copilot's design language.
+const ASCII_LOGO_LINES = [
+    ' ___               _ _       _   ',
+    '|_ _|___ ___  _ __(_) | ___ | |_ ',
+    " | |/ __/ _ \\| '_ \\ | |/ _ \\| __|",
+    ' | | (_| (_) | |_) | | | (_) | |_ ',
+    '|___\\___\\___/| .__/|_|_|\\___/ \\__|',
+    '             |_|                  ',
 ];
-// ─── Pilot mascot (5 rows) ─────────────────────────────────────────────────
-// Purple frame (#A371F7), cyan accents (#39D2D2).
-function buildMascot(c) {
-    const fr = (s) => c.hex('#A371F7')(s);
-    const cy = (s) => c.hex('#39D2D2')(s);
-    return [
-        fr(' ╭─────╮ '),
-        fr(' │') + cy('◉') + fr('   ') + cy('◉') + fr('│ '),
-        fr(' │') + c.hex('#A371F7')(' ─── ') + fr('│ '),
-        fr(' ╰──') + cy('┬') + fr('──╯ '),
-        cy('  ▶') + c.hex('#A371F7')(' pilot '),
-    ];
-}
 export function banner(version, model, sessionDir) {
     if (!colorEnabled()) {
         return [
@@ -84,30 +71,29 @@ export function banner(version, model, sessionDir) {
     }
     const { c, name } = palette();
     const green = name === 'light' ? '#166534' : '#3FB950';
-    // Render logo rows in light-blue (#58A6FF)
-    const logoRows = LOGO_ROWS.map((r) => c.hex('#58A6FF').bold(r));
-    const mascotRows = buildMascot(c);
-    // Side-by-side: mascot (10 visible chars) + logo
-    const combined = logoRows.map((lr, i) => `  ${mascotRows[i] ?? '          '}  ${lr}`).join('\n');
+    const blue = '#58A6FF';
+    // Render ASCII logo in cyan/light-blue
+    const logo = ASCII_LOGO_LINES.map((row) => `  ${c.hex(blue).bold(row)}`).join('\n');
     const sessDir = sessionDir ?? '~/.icopilot/sessions/';
+    const divider = `  ${c.gray('─'.repeat(50))}`;
     const diag1 = `  ${c.hex(green)('●')} ` +
-        `${c.gray('Connected to')} ${c.hex('#58A6FF').bold('GitHub Models')} ` +
-        `${c.gray('[' + model + ']')}`;
+        `${c.gray('Provider:')} ${c.hex(blue).bold('GitHub Models')} ` +
+        `${c.gray('(default: ' + model + ')')}`;
     const diag2 = `  ${c.hex(green)('●')} ` +
-        `${c.gray('Session:')} ${c.hex('#58A6FF')('Active')} ` +
+        `${c.gray('Session: ')} ${c.hex(blue)('Active')} ` +
         `${c.gray('(' + sessDir + ')')}`;
     const hints = safeUnicode
         ? `${c.gray('/help')} for commands  ${c.gray('@file')} to add context  ${c.gray('Tab')} to autocomplete`
         : `/help for commands  @file to add context  Tab to autocomplete`;
     return [
         '',
-        combined,
-        '',
-        `  ${c.gray('v' + version)}  ${c.gray('·')}  ${c.hex('#58A6FF')(model)}`,
+        logo,
         '',
         diag1,
         diag2,
+        divider,
         '',
+        `  ${c.gray('v' + version)}  ${c.gray('·')}  ${c.hex(blue)(model)}`,
         `  ${hints}`,
         '',
     ].join('\n');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "icopilot",
-  "version": "2.3.2",
+  "version": "2.3.4",
   "description": "iCopilot — terminal-native agentic CLI powered by GitHub Models",
   "type": "module",
   "bin": {
@@ -38,6 +38,7 @@
     "@inquirer/prompts": "^5.3.8",
     "chalk": "^5.3.0",
     "commander": "^12.1.0",
+    "typescript": "^5.5.4",
     "diff": "^5.2.0",
     "dotenv": "^16.4.5",
     "fast-glob": "^3.3.2",
@@ -61,7 +62,6 @@
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.2.1",
     "prettier": "^3.3.3",
-    "typescript": "^5.5.4",
     "vitest": "^1.6.0"
   },
   "license": "MIT",