sanook-cli 0.5.10 → 0.5.11

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## 0.5.11
+
+### REPL layout stability
+
+- **Transcript** — completed chat turns render in Ink `<Static>` so typing no longer redraws the whole history (input dock stays put).
+- **Input** — Thai-safe gap cursor + single-row horizontal viewport (no 1↔2 line bounce).
+- **Completions** — fixed-height slot for `/` and `@` completion overlay so the prompt does not jump when suggestions appear.
+- **Regression guards** — source + behavior tests in `repl-layout-guard.test.ts`, `repl-input.test.tsx`, `overlay.test.tsx`.
+
 ## 0.5.10
 
 - Patch release (npm republish guard — use this version after 0.5.9 is already on the registry).

package/dist/ui/app.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useEffect, useState, useRef } from 'react';
 import { execFile } from 'node:child_process';
 import { promisify } from 'node:util';
-import { Box, Text, useApp, useInput, useStdout } from 'ink';
+import { Box, Static, Text, useApp, useInput, useStdout } from 'ink';
 import { homedir } from 'node:os';
 import { BUILTIN_COMMANDS, HELP_TEXT, expandCustomCommand, loadCustomCommands, parseCommand, parseSlashInvocation, } from '../commands.js';
 import { runAgent } from '../loop.js';
@@ -31,13 +31,13 @@ import { expandMentions } from './mentions.js';
 import { BRAND } from '../brand.js';
 import { backgroundTaskRunningCount, listBackgroundTasks } from '../tools/task.js';
 import { Banner } from './banner.js';
-import { CompletionOverlay, FloatingOverlay, firstUserSummary } from './overlay.js';
+import { CompletionOverlay, FloatingOverlay, firstUserSummary, shouldReserveCompletionSlot } from './overlay.js';
 import { clampQueueActiveIndex, compactPreview, getQueueWindow, queueActiveIndexAfterDelete } from './queue.js';
 import { MarkdownText, StreamingMarkdownText } from './markdown.js';
 import { SessionPanel } from './session-panel.js';
 import { getTranscriptWindow, transcriptScrollStep, transcriptWindowSize } from './transcript.js';
 import { footerStatus } from './status.js';
-import { inputViewport, graphemesOf, cursorGraphemeIndex, SCROLL_LEAD, SCROLL_TAIL } from './input-view.js';
+import { inputViewport, graphemesOf, cursorInsertGraphemeIndex, SCROLL_LEAD, SCROLL_TAIL } from './input-view.js';
 import { PersonaOverlay } from './persona-wizard.js';
 import { thinkingPanelLines, snapshotThinking } from './thinking-panel.js';
 import { toolTrailLines, toolTrailHeader, toolTrailWidth, updateToolTrailOnEvent } from './tool-trail.js';
@@ -176,6 +176,9 @@ export function App({ initialModel, fallbackModel, budgetUsd, permissionMode = '
     };
     const addTurn = (role, text, extras) => {
         setTranscriptScroll(0);
+        // Remount frozen transcript when history grows so scrollback styling (e.g. latest-only expanded
+        // tool diffs) stays correct. Keystrokes never call addTurn, so the input dock stays stable while typing.
+        setHistoryResetKey((key) => key + 1);
         setHistory((h) => [
             ...h,
             {
@@ -212,6 +215,7 @@ export function App({ initialModel, fallbackModel, budgetUsd, permissionMode = '
     const pagerPageSize = Math.max(5, Math.min(18, (stdout?.rows ?? 24) - 10));
     const completion = !overlay && !busy ? completionForInput(editor.value, cwd) : { items: [], replaceFrom: 0 };
     const completions = completion.items;
+    const reserveCompletionSlot = shouldReserveCompletionSlot(editor.value, completions);
     const selectedCompletion = clampCompletionIndex(completionIndex, completions.length);
     useEffect(() => {
         let alive = true;
@@ -1208,20 +1212,25 @@ export function App({ initialModel, fallbackModel, budgetUsd, permissionMode = '
     const transcriptLimit = transcriptWindowSize(stdout?.rows);
     const transcriptView = getTranscriptWindow(history.length, transcriptLimit, transcriptScroll);
     const visibleHistory = history.slice(transcriptView.start, transcriptView.end);
-    return (_jsxs(Box, { flexDirection: "column", children: [history.length === 0 ? (_jsxs(_Fragment, { children: [_jsx(Banner, { columns: columns, model: model, mode: permissionMode === 'ask' ? 'ask' : 'auto', signals: bannerSignals }), _jsx(SessionPanel, { columns: columns, cwd: cwd, mcp: startupReadiness.mcp, model: model, mode: permissionMode === 'ask' ? 'ask' : 'auto', skills: startupReadiness.skills })] })) : null, transcriptView.showOlder ? (_jsxs(Text, { dimColor: true, children: ["\u2026 ", transcriptView.start, " older turns \u00B7 PgUp/Ctrl+U scroll \u00B7 PgDn/Ctrl+D newer"] })) : null, visibleHistory.map((turn) => (_jsx(TurnView, { columns: columns, isLatest: turn.id === latestTrailTurnId, thinkingMode: thinkingMode, toolTrailMode: toolTrailMode, turn: turn }, `${historyResetKey}-${turn.id}`))), transcriptView.showNewer ? (_jsxs(Text, { dimColor: true, children: ["\u2026 ", transcriptView.scrollFromBottom, " newer turns hidden \u00B7 PgDn/Ctrl+D to catch up"] })) : null, thinkingView.length ? _jsx(ThinkingView, { columns: columns, mode: thinkingMode, text: thinking }) : null, streaming ? (_jsx(Box, { flexDirection: "column", marginTop: 1, children: _jsx(StreamingMarkdownText, { columns: columns, text: streaming }) })) : null, showToolTrail ? (_jsx(ToolTrailView, { columns: columns, items: toolTrail, mode: toolTrailMode })) : null, _jsx(FloatingOverlay, { columns: columns, overlay: overlay, pageSize: pagerPageSize }), _jsx(CompletionOverlay, { columns: columns, items: completions, selected: selectedCompletion }), queued.length ? (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { dimColor: true, children: ["queued (", queued.length, ") \u00B7 \u2191\u2193 select \u00B7 Ctrl+X delete \u00B7 Esc clears"] }), queueWindow.showLead ? _jsx(Text, { dimColor: true, children: " \u2026" }) : null, queued.slice(queueWindow.start, queueWindow.end).map((q, i) => (_jsxs(Text, { color: queueWindow.start + i === activeQueueIndex ? 'yellow' : undefined, dimColor: queueWindow.start + i !== activeQueueIndex, children: [queueWindow.start + i === activeQueueIndex ? '›' : ' ', " ", queueWindow.start + i + 1, ".", ' ', compactPreview(q, Math.max(16, columns - 10))] }, `${queueWindow.start + i}-${q.slice(0, 16)}`))), queueWindow.showTail ? _jsxs(Text, { dimColor: true, children: ["  \u2026and ", queued.length - queueWindow.end, " more"] }) : null] })) : null, approvalReq ? (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: "yellow", paddingX: 1, flexDirection: "column", children: [_jsxs(Text, { color: "yellow", children: ["\u0E2D\u0E19\u0E38\u0E21\u0E31\u0E15\u0E34\u0E23\u0E31\u0E19 ", approvalReq.tool, "?"] }), _jsx(Text, { dimColor: true, children: approvalReq.summary }), _jsx(Text, { dimColor: true, children: "y = \u0E23\u0E31\u0E19 \u00B7 n = \u0E1B\u0E0F\u0E34\u0E40\u0E2A\u0E18" })] })) : personaOpen ? (_jsx(PersonaOverlay, { onDone: (msg) => { setPersonaOpen(false); addTurn('system', msg); } })) : (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: busy ? 'gray' : 'blue', paddingX: 1, children: [_jsx(Text, { color: busy ? 'gray' : 'cyan', children: busy ? '· ' : '› ' }), _jsx(InputView, { value: editor.value, cursor: editor.cursor, busy: busy, agentStatus: agentStatus, toolTrail: toolTrail, columns: columns })] })), _jsx(Text, { dimColor: true, wrap: "truncate-end", children: footerStatus({
-                    branch: gitBranch,
-                    backgroundTaskCount: bgTaskCount,
-                    busy,
-                    columns,
-                    contextCompression,
-                    contextTokens,
-                    costHint,
-                    cwd,
-                    elapsedSeconds: busyElapsedSeconds,
-                    model,
-                    mode: permissionMode === 'ask' ? 'ask' : 'auto',
-                    queuedCount: queued.length,
-                }) })] }));
+    // REPL layout invariants — see repl-layout-guard.test.ts (regression guards if this jumps while typing).
+    // Pinned to latest: freeze completed turns in Ink <Static> so keystrokes only redraw input/footer
+    // (readline / Claude Code pattern). When scrolled up, fall back to a windowed dynamic transcript.
+    const pinnedToBottom = transcriptScroll === 0;
+    const renderTurn = (turn) => (_jsx(TurnView, { columns: columns, isLatest: turn.id === latestTrailTurnId, thinkingMode: thinkingMode, toolTrailMode: toolTrailMode, turn: turn }, turn.id));
+    return (_jsxs(Box, { flexDirection: "column", children: [history.length === 0 ? (_jsxs(_Fragment, { children: [_jsx(Banner, { columns: columns, model: model, mode: permissionMode === 'ask' ? 'ask' : 'auto', signals: bannerSignals }), _jsx(SessionPanel, { columns: columns, cwd: cwd, mcp: startupReadiness.mcp, model: model, mode: permissionMode === 'ask' ? 'ask' : 'auto', skills: startupReadiness.skills })] })) : null, pinnedToBottom ? (history.length ? (_jsx(Static, { items: history, children: (turn) => renderTurn(turn) }, historyResetKey)) : null) : (_jsxs(_Fragment, { children: [transcriptView.showOlder ? (_jsxs(Text, { dimColor: true, children: ["\u2026 ", transcriptView.start, " older turns \u00B7 PgUp/Ctrl+U scroll \u00B7 PgDn/Ctrl+D newer"] })) : null, visibleHistory.map((turn) => renderTurn(turn)), transcriptView.showNewer ? (_jsxs(Text, { dimColor: true, children: ["\u2026 ", transcriptView.scrollFromBottom, " newer turns hidden \u00B7 PgDn/Ctrl+D to catch up"] })) : null] })), _jsxs(Box, { flexDirection: "column", flexShrink: 0, children: [thinkingView.length ? _jsx(ThinkingView, { columns: columns, mode: thinkingMode, text: thinking }) : null, streaming ? (_jsx(Box, { flexDirection: "column", marginTop: 1, children: _jsx(StreamingMarkdownText, { columns: columns, text: streaming }) })) : null, showToolTrail ? (_jsx(ToolTrailView, { columns: columns, items: toolTrail, mode: toolTrailMode })) : null, _jsx(FloatingOverlay, { columns: columns, overlay: overlay, pageSize: pagerPageSize }), _jsx(CompletionOverlay, { columns: columns, items: completions, reserved: reserveCompletionSlot, selected: selectedCompletion }), queued.length ? (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { dimColor: true, children: ["queued (", queued.length, ") \u00B7 \u2191\u2193 select \u00B7 Ctrl+X delete \u00B7 Esc clears"] }), queueWindow.showLead ? _jsx(Text, { dimColor: true, children: " \u2026" }) : null, queued.slice(queueWindow.start, queueWindow.end).map((q, i) => (_jsxs(Text, { color: queueWindow.start + i === activeQueueIndex ? 'yellow' : undefined, dimColor: queueWindow.start + i !== activeQueueIndex, children: [queueWindow.start + i === activeQueueIndex ? '›' : ' ', " ", queueWindow.start + i + 1, ".", ' ', compactPreview(q, Math.max(16, columns - 10))] }, `${queueWindow.start + i}-${q.slice(0, 16)}`))), queueWindow.showTail ? _jsxs(Text, { dimColor: true, children: ["  \u2026and ", queued.length - queueWindow.end, " more"] }) : null] })) : null, approvalReq ? (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: "yellow", paddingX: 1, flexDirection: "column", children: [_jsxs(Text, { color: "yellow", children: ["\u0E2D\u0E19\u0E38\u0E21\u0E31\u0E15\u0E34\u0E23\u0E31\u0E19 ", approvalReq.tool, "?"] }), _jsx(Text, { dimColor: true, children: approvalReq.summary }), _jsx(Text, { dimColor: true, children: "y = \u0E23\u0E31\u0E19 \u00B7 n = \u0E1B\u0E0F\u0E34\u0E40\u0E2A\u0E18" })] })) : personaOpen ? (_jsx(PersonaOverlay, { onDone: (msg) => { setPersonaOpen(false); addTurn('system', msg); } })) : (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: busy ? 'gray' : 'blue', paddingX: 1, flexDirection: "row", flexShrink: 0, children: [_jsx(Text, { color: busy ? 'gray' : 'cyan', children: busy ? '· ' : '› ' }), _jsx(InputView, { value: editor.value, cursor: editor.cursor, busy: busy, agentStatus: agentStatus, toolTrail: toolTrail, columns: columns })] })), _jsx(Text, { dimColor: true, wrap: "truncate-end", children: footerStatus({
+                            branch: gitBranch,
+                            backgroundTaskCount: bgTaskCount,
+                            busy,
+                            columns,
+                            contextCompression,
+                            contextTokens,
+                            costHint,
+                            cwd,
+                            elapsedSeconds: busyElapsedSeconds,
+                            model,
+                            mode: permissionMode === 'ask' ? 'ask' : 'auto',
+                            queuedCount: queued.length,
+                        }) })] })] }));
 }
 /** input ที่มี cursor (inverse) + placeholder — minimal; รับ input ได้แม้ busy (ต่อคิว) */
 function InputView({ value, cursor, busy, agentStatus, toolTrail, columns = 80, }) {
@@ -1239,12 +1248,11 @@ function InputView({ value, cursor, busy, agentStatus, toolTrail, columns = 80,
     }
     // multiline (กด Alt+Enter / ลงท้าย \) — สูงหลายบรรทัดตั้งใจอยู่แล้ว: render grapheme-cursor แบบ wrap ปกติ
     if (value.includes('\n')) {
-        const ci = cursorGraphemeIndex(value, cursor);
+        const insertAt = cursorInsertGraphemeIndex(value, cursor);
         const graphemes = graphemesOf(value);
-        const before = graphemes.slice(0, ci).join('');
-        const at = ci < graphemes.length ? graphemes[ci] : ' ';
-        const after = ci < graphemes.length ? graphemes.slice(ci + 1).join('') : '';
-        return (_jsxs(Text, { children: [before, _jsx(Text, { inverse: true, children: at }), after, busy ? _jsxs(Text, { dimColor: true, children: ['  ', "(\u23CE \u0E15\u0E48\u0E2D\u0E04\u0E34\u0E27)"] }) : null] }));
+        const before = graphemes.slice(0, insertAt).join('');
+        const after = graphemes.slice(insertAt).join('');
+        return (_jsxs(Text, { children: [before, _jsx(Text, { inverse: true, children: ' ' }), after, busy ? _jsxs(Text, { dimColor: true, children: ['  ', "(\u23CE \u0E15\u0E48\u0E2D\u0E04\u0E34\u0E27)"] }) : null] }));
     }
     // บรรทัดเดียว: viewport กว้างคงที่ (เลื่อนแนวนอนแทน wrap) → กล่อง input สูง 1 บรรทัดเสมอ ไม่เด้งตอนพิมพ์ไทย
     // เผื่อ overhead: border(2) + paddingX(2) + prefix "› "(2) + ช่อง cursor/suffix ~2

package/dist/ui/input-view.js

@@ -1,13 +1,13 @@
 import stringWidth from 'string-width';
-import { graphemeBoundaries } from './useEditor.js';
+import { clampCursorToGrapheme, graphemeBoundaries } from './useEditor.js';
 // ────────────────────────────────────────────────────────────────────────────
 // Stable, Thai-safe rendering of the REPL input line.
+// Regression guards: repl-layout-guard.test.ts + input-view.test.ts (width + gap cursor).
 //
 // Two bugs this fixes (เทียบกับ CLI เจ้าอื่นที่ "นิ่ง"):
-//  1) cursor split a grapheme cluster — the old code did value.slice(cursor, cursor+1),
-//     which on Thai cuts a base char away from its combining vowel/tone mark (สระ/วรรณยุกต์
-//     เป็น zero-width). The orphaned mark then renders on its own cell → "อักษรห่างเกินไป".
-//     Fix: the cursor highlights a WHOLE grapheme cluster (base + all its marks).
+//  1) block cursor on Thai text — inverting the grapheme under the caret paints a solid
+//     cell over the base char + combining marks and looks like the cursor "covers" the letter.
+//     Fix: gap cursor — render an inverse space BETWEEN clusters, never on top of a letter.
 //  2) the line bounced between 1 and 2 rows while typing — a wrapping <Text> grows the box
 //     vertically the moment content crosses the right edge, shoving the footer down on every
 //     keystroke. Fix: a fixed-width horizontal viewport (readline-style) so the input box is
@@ -26,17 +26,20 @@ export function graphemesOf(value) {
         out.push(value.slice(bounds[i], bounds[i + 1]));
     return out;
 }
-/** grapheme-cluster index that a code-unit cursor sits at (0..graphemeCount) */
-export function cursorGraphemeIndex(value, cursor) {
+/** insert position between grapheme clusters (0 = before first char, n = after last) */
+export function cursorInsertGraphemeIndex(value, cursor) {
+    const clamped = clampCursorToGrapheme(value, cursor);
     const bounds = graphemeBoundaries(value);
-    let index = 0;
     for (let i = 0; i < bounds.length; i += 1) {
-        if (bounds[i] <= cursor)
-            index = i;
-        else
-            break;
+        if (bounds[i] === clamped)
+            return i;
     }
-    return index;
+    return bounds.length - 1;
+}
+/** @deprecated use cursorInsertGraphemeIndex — kept for callers that need cluster index */
+export function cursorGraphemeIndex(value, cursor) {
+    const insert = cursorInsertGraphemeIndex(value, cursor);
+    return insert >= graphemesOf(value).length ? Math.max(0, insert - 1) : insert;
 }
 /** display width of one grapheme, never less than 1 cell (so the cursor always has a cell) */
 function cellWidth(grapheme) {
@@ -50,27 +53,29 @@ function cellWidth(grapheme) {
 export function inputViewport(value, cursor, width) {
     const w = Math.max(4, Math.floor(width));
     const graphemes = graphemesOf(value);
-    const ci = cursorGraphemeIndex(value, cursor);
-    // a trailing sentinel cell so a cursor parked at end-of-line still has somewhere to sit
-    const units = [...graphemes.map((g) => ({ text: g, width: cellWidth(g) })), { text: ' ', width: 1 }];
-    const cursorUnit = Math.min(ci, units.length - 1);
+    const insertAt = cursorInsertGraphemeIndex(value, cursor);
+    const units = [];
+    for (let i = 0; i < insertAt; i += 1) {
+        units.push({ text: graphemes[i], width: cellWidth(graphemes[i]), isCursor: false });
+    }
+    units.push({ text: ' ', width: 1, isCursor: true });
+    for (let i = insertAt; i < graphemes.length; i += 1) {
+        units.push({ text: graphemes[i], width: cellWidth(graphemes[i]), isCursor: false });
+    }
+    const cursorUnit = insertAt;
     const totalWidth = units.reduce((sum, u) => sum + u.width, 0);
     if (totalWidth <= w) {
         return {
             lead: false,
-            before: graphemes.slice(0, cursorUnit).join(''),
-            at: cursorUnit < graphemes.length ? graphemes[cursorUnit] : ' ',
-            after: cursorUnit < graphemes.length ? graphemes.slice(cursorUnit + 1).join('') : '',
+            before: graphemes.slice(0, insertAt).join(''),
+            at: ' ',
+            after: graphemes.slice(insertAt).join(''),
             tail: false,
         };
     }
-    // overflow → slide a window that always contains the cursor unit; reserve 1 cell for each
-    // truncation marker that will actually be shown.
     let start = cursorUnit;
     let end = cursorUnit + 1;
     let used = units[cursorUnit].width;
-    // extend right first (so typing at end keeps the tail in view), then backfill left context.
-    // the marker reservations (start>0 ⇒ ‹, end<len ⇒ ›) are folded into each fit check.
     while (end < units.length) {
         const next = units[end].width;
         if (used + next + (start > 0 ? 1 : 0) + (end + 1 < units.length ? 1 : 0) <= w) {
@@ -91,13 +96,13 @@ export function inputViewport(value, cursor, width) {
     }
     const slice = (from, to) => units
         .slice(from, to)
+        .filter((u) => !u.isCursor)
         .map((u) => u.text)
         .join('');
-    const atUnit = units[cursorUnit];
     return {
         lead: start > 0,
         before: slice(start, cursorUnit),
-        at: cursorUnit === units.length - 1 ? ' ' : atUnit.text,
+        at: ' ',
         after: slice(cursorUnit + 1, end),
         tail: end < units.length,
     };

package/dist/ui/overlay.js

@@ -11,6 +11,22 @@ const TASK_WINDOW = 10;
 const TOOL_WINDOW = 10;
 const DEFAULT_PAGER_PAGE_SIZE = 12;
 const COMPLETION_WINDOW = 8;
+/** Item rows + footer hint row — fixed slot height so / and @ completions do not bounce the input dock. */
+export const COMPLETION_OVERLAY_SLOT_LINES = COMPLETION_WINDOW + 1;
+/** Terminal rows reserved above the input while slash/@ completion is active (content + border). */
+export const COMPLETION_OVERLAY_RESERVED_ROWS = COMPLETION_OVERLAY_SLOT_LINES + 2;
+export function shouldReserveCompletionSlot(input, items) {
+    if (items.length > 0)
+        return true;
+    return input.startsWith('/') || input.includes('@');
+}
+export function completionOverlaySlotLines(items, selected, columns) {
+    const active = completionOverlayLines(items, selected, columns);
+    const slot = active.length ? [...active] : [];
+    while (slot.length < COMPLETION_OVERLAY_SLOT_LINES)
+        slot.push('');
+    return slot.slice(0, COMPLETION_OVERLAY_SLOT_LINES);
+}
 function OverlayBox({ children, columns }) {
     const width = overlayWidth(columns);
     return (_jsx(Box, { borderStyle: "double", borderColor: "cyan", flexDirection: "column", marginBottom: 1, paddingX: 1, width: width, children: children }));
@@ -41,16 +57,17 @@ export function completionOverlayLines(items, selected, columns) {
     lines.push('↑↓ select · Tab/Enter complete');
     return lines;
 }
-export function CompletionOverlay({ columns, items, selected }) {
+export function CompletionOverlay({ columns, items, selected, reserved = false }) {
+    if (!reserved)
+        return null;
     const width = Math.max(28, Math.min(Math.max(34, columns - 6), MAX_OVERLAY_COLUMNS));
     const innerWidth = Math.max(1, width - 4);
-    const lines = completionOverlayLines(items, selected, columns);
-    if (!lines.length)
-        return null;
-    return (_jsx(Box, { borderStyle: "round", borderColor: "cyan", flexDirection: "column", marginBottom: 1, paddingX: 1, width: width, children: lines.map((line, index) => {
-            const isActive = line.startsWith('>');
-            return (_jsx(Text, { color: isActive ? 'green' : undefined, dimColor: !isActive, inverse: isActive, wrap: "truncate-end", children: clip(line, innerWidth) }, `${index}-${line}`));
-        }) }));
+    const lines = completionOverlaySlotLines(items, selected, columns);
+    const visible = items.length > 0;
+    return (_jsx(Box, { flexDirection: "column", height: COMPLETION_OVERLAY_RESERVED_ROWS, justifyContent: "flex-end", marginBottom: 1, width: width, children: visible ? (_jsx(Box, { borderStyle: "round", borderColor: "cyan", flexDirection: "column", paddingX: 1, children: lines.map((line, index) => {
+                const isActive = line.startsWith('>');
+                return (_jsx(Text, { color: isActive ? 'green' : undefined, dimColor: !isActive, inverse: isActive, wrap: "truncate-end", children: clip(line || ' ', innerWidth) }, `${index}-${line || 'blank'}`));
+            }) })) : null }));
 }
 export function hotkeyOverlayLines(columns) {
     const width = overlayWidth(columns);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sanook-cli",
-  "version": "0.5.10",
+  "version": "0.5.11",
   "description": "A terminal AI coding agent — BYOK, 9 providers, MCP, cron gateway, skills, and git awareness. Built from scratch in TypeScript.",
   "type": "module",
   "bin": {