termux-dev 1.5.0 → 1.8.0

package/dist/cli/prompt.js

@@ -1,11 +1,13 @@
 import pc from 'picocolors';
 import { scanProjectFiles } from './files.js';
-import { saveClipboardImage, processPastedFilePath } from './clipboard.js';
+import { IMAGE_TAG_SOURCE, imageTag, pruneMedia, processPastedFilePath, readClipboardText, saveClipboardImage } from './clipboard.js';
 import { getCurrentTheme } from './theme.js';
 import { CustomCommandManager } from '../core/commands.js';
 import { formatPromptHeader } from './modeborder.js';
 import { filterCommandPalette, estimatePromptTokens, formatPromptTokenBadge } from './prompt_palette.js';
 import { PromptHistoryNavigator } from './history_search.js';
+import { buildPromptFrame, palette, renderUserEcho, resolveMode } from './ui.js';
+import { padEndWidth, truncateWidth } from './width.js';
 export const SLASH_COMMANDS = [
     { cmd: '/new', desc: 'Start a new clean chat session' },
     { cmd: '/resume', desc: 'Resume a previous chat session' },
@@ -14,23 +16,28 @@ export const SLASH_COMMANDS = [
     { cmd: '/usage', desc: 'Show network bandwidth, data saver & token cost' },
     { cmd: '/export', desc: 'Export session conversation to Markdown' },
     { cmd: '/mcp', desc: 'Manage Model Context Protocol (MCP) servers & tools' },
-    { cmd: '/theme', desc: 'Switch UI theme (Cyan, Purple, Matrix, Amber, etc.)' },
+    { cmd: '/theme', desc: 'Switch UI theme (18 palettes: Nord, Dracula, Tokyo Night...)' },
     { cmd: '/doctor', desc: 'Run system & environment health diagnostics' },
     { cmd: '/settings', desc: 'Configure permissions & auto-approval' },
     { cmd: '/update', desc: 'Check and install updates from GitHub' },
     { cmd: '/model', desc: 'Switch model for current provider' },
+    { cmd: '/effort', desc: 'Set the reasoning effort for the current model' },
     { cmd: '/provider', desc: 'Switch AI provider (OpenRouter, Google, etc.)' },
     { cmd: '/plan', desc: 'Switch to PLAN mode (architect & planner)' },
     { cmd: '/agent', desc: 'Switch to AGENT mode (coder & executor)' },
-    { cmd: '/image', desc: 'Paste image from clipboard as [1.png 203kb]' },
+    { cmd: '/image', desc: 'Paste the image from the clipboard (same as Ctrl+V or Alt+V)' },
     { cmd: '/serve', desc: 'Start local web server for web/game preview' },
+    { cmd: '/copy', desc: 'Copy the last answer of the AI to the clipboard' },
+    { cmd: '/rewind', desc: 'Go back to one of your messages: the chat after it is removed' },
+    { cmd: '/rename', desc: 'Rename the chat (/rename <name>), or let the AI name it again' },
     { cmd: '/memory', desc: 'View, add, or clear project memory bank' },
+    { cmd: '/permissions', desc: 'What is allowed without asking; /permissions clear resets it' },
     { cmd: '/undo', desc: 'Revert last file changes made by AI' },
     { cmd: '/diff', desc: 'Show git diff of modified project files' },
     { cmd: '/commit', desc: 'AI-generated git commit message & commit' },
     { cmd: '/status', desc: 'Show git repository file status' },
     { cmd: '/compact', desc: 'Compact & summarize chat context' },
-    { cmd: '/clear', desc: 'Clear screen & redraw banner' },
+    { cmd: '/clear', desc: 'Clear context and start a new session' },
     { cmd: '/init', desc: 'Generate AGENTS.md project instructions' },
     { cmd: '/config', desc: 'View current configuration' },
     { cmd: '/help', desc: 'Show all available commands' },
@@ -43,19 +50,25 @@ function stripAnsi(str) {
 export function askPrompt(opts = {}) {
     return new Promise((resolve) => {
         const theme = getCurrentTheme();
-        if (opts.ui?.modeBorder) {
-            const header = formatPromptHeader(!!opts.planMode, !!opts.isYolo, opts.message);
-            console.log(header);
-        }
-        else {
-            const msg = opts.message
-                ? `${opts.message} ${pc.dim(`(Tab = ${opts.planMode ? 'AGENT' : 'PLAN'})`)}`
-                : `Ask anything... ${pc.dim(`(Tab = ${opts.planMode ? 'AGENT' : 'PLAN'})`)}`;
-            console.log(theme.colorFn('◆') + '  ' + pc.bold(msg));
+        const cleanLayout = opts.ui?.layout !== 'classic';
+        const promptPrefix = cleanLayout ? pc.cyan('›') + ' ' : pc.dim('│') + '  ';
+        const promptPrefixWidth = cleanLayout ? 2 : 3;
+        if (!cleanLayout) {
+            if (opts.ui?.modeBorder) {
+                const header = formatPromptHeader(!!opts.planMode, !!opts.isYolo, opts.message);
+                console.log(header);
+            }
+            else {
+                const msg = opts.message
+                    ? `${opts.message} ${pc.dim(`(Tab = ${opts.planMode ? 'AGENT' : 'PLAN'})`)}`
+                    : `Ask anything... ${pc.dim(`(Tab = ${opts.planMode ? 'AGENT' : 'PLAN'})`)}`;
+                console.log(theme.colorFn('◆') + '  ' + pc.bold(msg));
+            }
         }
         let availableFiles = [];
         let customCommandsList = [];
         scanProjectFiles().then((f) => (availableFiles = f)).catch(() => { });
+        void pruneMedia().catch(() => { });
         CustomCommandManager.listCommands()
             .then((c) => (customCommandsList = c.map((x) => ({ cmd: x.cmd, desc: x.desc }))))
             .catch(() => { });
@@ -77,19 +90,99 @@ export function askPrompt(opts = {}) {
         let nextPasteId = 1;
         let inBracketedPaste = false;
         let bracketedBuffer = '';
-        const placeholder = opts.placeholder || 'Describe a task, @file, /help, paste image, or press Tab to switch mode';
+        const placeholder = opts.placeholder || 'Describe a task, @file, /help, Ctrl+V pastes an image, or press Tab to switch mode';
         let disposed = false;
         process.stdin.resume();
         if (process.stdin.isTTY) {
             process.stdin.setRawMode(true);
             process.stdout.write('\x1b[?2004h'); // Enable bracketed paste mode
         }
-        const onResize = () => { if (!disposed)
-            render(); };
+        // ── framed prompt (clean layout) ──
+        // The frame is a block of rows; the cursor rests on the input row. Redrawing moves up
+        // to the top of the block, rewrites every row and returns to the cursor position.
+        let frameRowsDrawn = 0;
+        let frameCursorRow = 0;
+        function cleanDropdownRows(items, cols, rows) {
+            if (items.length === 0)
+                return [];
+            if (selectedIndex >= items.length)
+                selectedIndex = items.length - 1;
+            if (selectedIndex < 0)
+                selectedIndex = 0;
+            const pageSize = Math.max(2, Math.min(6, rows - 7));
+            let startIndex = 0;
+            if (items.length > pageSize && selectedIndex >= pageSize) {
+                startIndex = Math.min(selectedIndex - pageSize + 1, items.length - pageSize);
+            }
+            const endIndex = Math.min(startIndex + pageSize, items.length);
+            const labelWidth = Math.min(22, Math.max(8, Math.floor(cols * 0.4)));
+            const descRoom = cols - 1 - 2 - 2 - labelWidth - 2;
+            const out = [];
+            for (let i = startIndex; i < endIndex; i++) {
+                const item = items[i];
+                const selected = i === selectedIndex;
+                const label = truncateWidth(item.label, labelWidth);
+                const labelCell = padEndWidth(selected ? palette.bold(palette.accent(label)) : palette.text(label), labelWidth);
+                const desc = descRoom >= 6 ? truncateWidth(item.desc, descRoom) : '';
+                out.push(`${selected ? palette.accent('›') : ' '} ${labelCell}${desc ? '  ' + palette.faint(desc) : ''}`);
+            }
+            return out;
+        }
+        function drawFrame() {
+            const cols = process.stdout.columns || 80;
+            const rows = process.stdout.rows || 24;
+            const frame = buildPromptFrame({
+                cols,
+                mode: resolveMode(!!opts.planMode, !!opts.isYolo),
+                model: opts.model,
+                cwd: opts.cwd,
+                branch: opts.branch,
+                dirty: opts.dirty,
+                contextPercent: opts.contextPercent ?? 0,
+                cost: opts.cost ?? 0,
+                costState: opts.costState,
+                input,
+                cursorPos,
+                placeholder,
+                below: cleanDropdownRows(getDropdownItems(), cols, rows),
+            });
+            let buf = '\x1b[0m';
+            if (frameRowsDrawn > 0 && frameCursorRow > 0)
+                buf += `\x1b[${frameCursorRow}A`;
+            buf += '\r';
+            frame.lines.forEach((line, i) => {
+                buf += '\x1b[2K' + line + '\x1b[0m' + (i < frame.lines.length - 1 ? '\n' : '');
+            });
+            let rowNow = frame.lines.length - 1;
+            for (let k = frame.lines.length; k < frameRowsDrawn; k++) {
+                buf += '\n\x1b[2K'; // wipe rows left over from a taller previous frame
+                rowNow++;
+            }
+            if (rowNow > frame.cursorRow)
+                buf += `\x1b[${rowNow - frame.cursorRow}A`;
+            buf += '\r' + (frame.cursorCol > 0 ? `\x1b[${frame.cursorCol}C` : '');
+            process.stdout.write(buf);
+            frameRowsDrawn = frame.lines.length;
+            frameCursorRow = frame.cursorRow;
+        }
+        function eraseFrame() {
+            if (frameRowsDrawn === 0)
+                return;
+            process.stdout.write(`\x1b[0m${frameCursorRow > 0 ? `\x1b[${frameCursorRow}A` : ''}\r\x1b[J`);
+            frameRowsDrawn = 0;
+            frameCursorRow = 0;
+        }
+        const onResize = () => {
+            if (disposed)
+                return;
+            if (cleanLayout)
+                eraseFrame();
+            render();
+        };
         process.stdout.on('resize', onResize);
         function getTagSpans() {
             const spans = [];
-            const regex = /\[(?:Pasted text #\d+ \+\d+ lines|\d+\.png \d+kb)\]/g;
+            const regex = new RegExp(`\\[Pasted text #\\d+ \\+\\d+ lines\\]|${IMAGE_TAG_SOURCE}`, 'g');
             let match;
             while ((match = regex.exec(input)) !== null) {
                 spans.push({ start: match.index, end: match.index + match[0].length });
@@ -97,7 +190,16 @@ export function askPrompt(opts = {}) {
             return spans;
         }
         function formatInputWithBadges(str) {
-            return str.replace(/(\[(?:Pasted text #\d+ \+\d+ lines|\d+\.png \d+kb)\])/g, (match) => theme.badgeFn(` ${match.slice(1, -1)} `) + '\x1b[0m');
+            return str.replace(new RegExp(`(\\[Pasted text #\\d+ \\+\\d+ lines\\]|${IMAGE_TAG_SOURCE})`, 'g'), (match) => (cleanLayout ? pc.dim(match) : theme.badgeFn(` ${match.slice(1, -1)} `)) + '\x1b[0m');
+        }
+        /** What the echo of the sent message shows: pasted text in full (images stay as their badges). */
+        function echoText(text) {
+            let shown = text;
+            for (const block of pastedBlocks)
+                shown = shown.split(block.tag).join(block.text);
+            const lines = shown.replace(/\t/g, '  ').split('\n');
+            const MAX = 300; // a huge paste must not flood the screen: the model still gets all of it
+            return lines.length > MAX ? [...lines.slice(0, MAX), `… +${lines.length - MAX} lines`].join('\n') : shown;
         }
         function expandPastes(text) {
             let expanded = text;
@@ -105,39 +207,90 @@ export function askPrompt(opts = {}) {
                 expanded = expanded.split(block.tag).join(block.text);
             }
             for (const img of imageAttachments) {
-                expanded = expanded.split(img.tag).join(`@${img.filePath.replace(/\\/g, '/')} `);
+                const p = img.filePath.replace(/\\/g, '/');
+                expanded = expanded.split(img.tag).join(/^[A-Za-z0-9_\-./\u0400-\u04FF]+$/.test(p) ? `@${p} ` : `@"${p}" `);
             }
             return expanded;
         }
-        function handlePaste(text) {
+        let imageCounter = 0;
+        let pasting = false;
+        /** Puts an image into the input as a badge; the file path goes into the message when it is sent. */
+        function attachImage(img) {
+            const tag = imageTag(++imageCounter, img.sizeStr);
+            imageAttachments.push({ tag, fileName: img.fileName, filePath: img.filePath, sizeStr: img.sizeStr });
+            usedImageNames.add(img.fileName);
+            input = input.slice(0, cursorPos) + tag + ' ' + input.slice(cursorPos);
+            cursorPos += tag.length + 1;
+            render();
+        }
+        /** A one-line message above the prompt (it stays in the scrollback, like other notices). */
+        function say(text) {
+            if (cleanLayout)
+                eraseFrame();
+            process.stdout.write(`\x1b[0m\r\x1b[2K${pc.yellow(text)}\n`);
+            render();
+        }
+        /**
+         * Ctrl+V, Alt+V and the /image command: the image on the clipboard if there is one,
+         * otherwise the text. (A terminal only pastes text by itself; an image needs this.)
+         */
+        async function pasteFromClipboard() {
+            if (pasting)
+                return;
+            pasting = true;
+            try {
+                const img = await saveClipboardImage('image.png', usedImageNames);
+                if (disposed)
+                    return;
+                if (img) {
+                    attachImage(img);
+                    return;
+                }
+                const text = await readClipboardText();
+                if (disposed)
+                    return;
+                if (text) {
+                    handlePaste(text);
+                    return;
+                }
+                const termux = !!process.env.PREFIX?.includes('com.termux');
+                say(termux
+                    ? 'Nothing to paste. On Termux an image cannot be read from the clipboard: give the file path instead (@image.png).'
+                    : 'Nothing to paste: the clipboard has no image or text. (Wayland needs wl-clipboard, X11 needs xclip.)');
+            }
+            finally {
+                pasting = false;
+            }
+        }
+        function handlePaste(rawText) {
+            // A short single-line chunk often arrives together with its Enter (fast typing, IME):
+            // a stray CR / LF must never end up inside the input line.
+            const text = rawText.replace(/(?:\r\n|\r|\n)+$/, '');
             const trimmed = text.trim();
-            const lines = trimmed.split(/\r\n|\r|\n/);
-            if (lines.length <= 1 && text.length < 80) {
-                input = input.slice(0, cursorPos) + text + input.slice(cursorPos);
-                cursorPos += text.length;
-                render();
+            // Some terminals send an empty paste when the clipboard holds only an image.
+            if (!trimmed) {
+                void pasteFromClipboard();
                 return;
             }
-            if (trimmed.match(/\.(png|jpe?g|webp|gif|bmp)$/i)) {
+            const lines = trimmed.split(/\r\n|\r|\n/);
+            // A path to an image (dragged into the terminal or copied from a file manager).
+            if (lines.length === 1 && /\.(png|jpe?g|webp|gif)['"]?$/i.test(trimmed)) {
                 processPastedFilePath(trimmed, usedImageNames)
                     .then((imgRes) => {
-                    if (imgRes && !disposed) {
-                        const tag = `[${imgRes.fileName} ${imgRes.sizeStr}]`;
-                        imageAttachments.push({
-                            tag,
-                            fileName: imgRes.fileName,
-                            filePath: imgRes.filePath,
-                            sizeStr: imgRes.sizeStr
-                        });
-                        usedImageNames.add(imgRes.fileName);
-                        input = input.slice(0, cursorPos) + tag + ' ' + input.slice(cursorPos);
-                        cursorPos += tag.length + 1;
-                        render();
-                    }
+                    if (disposed)
+                        return;
+                    if (imgRes)
+                        attachImage(imgRes);
+                    else
+                        insertText(text);
                 })
                     .catch(() => { });
                 return;
             }
+            if (lines.length <= 1 && text.length < 80) {
+                insertText(text);
+                return;
+            }
             const id = nextPasteId++;
             const tag = `[Pasted text #${id} +${lines.length} lines]`;
             pastedBlocks.push({ id, lines: lines.length, text, tag });
@@ -145,10 +298,15 @@ export function askPrompt(opts = {}) {
             cursorPos += tag.length;
             render();
         }
+        function insertText(text) {
+            input = input.slice(0, cursorPos) + text + input.slice(cursorPos);
+            cursorPos += text.length;
+            render();
+        }
         function getDropdownItems() {
             if (input.startsWith('/')) {
                 const q = input.trim().toLowerCase();
-                if (opts.ui?.commandPalette) {
+                if (cleanLayout || opts.ui?.commandPalette) {
                     const baseList = [
                         ...SLASH_COMMANDS.map((c) => ({ cmd: c.cmd, desc: c.desc })),
                         ...customCommandsList.map((c) => ({ cmd: c.cmd, desc: `(custom) ${c.desc}` }))
@@ -199,6 +357,10 @@ export function askPrompt(opts = {}) {
         function render() {
             if (disposed)
                 return;
+            if (cleanLayout) {
+                drawFrame();
+                return;
+            }
             const cols = Math.max(20, process.stdout.columns || 40);
             const rows = Math.max(8, process.stdout.rows || 20);
             const items = getDropdownItems();
@@ -211,8 +373,6 @@ export function askPrompt(opts = {}) {
                 // Limit dropdown height gracefully so it always fits comfortably
                 const maxDropdownRows = Math.max(2, Math.min(rows - 3, 5));
                 const pageSize = Math.min(4, Math.max(2, Math.min(maxDropdownRows - 2, Math.floor(rows / 4))));
-                // Strict boundary: left margin (2) + box borders (2) + inner width <= cols - 4
-                // This mathematically prevents terminal auto-wrapping on narrow mobile screens
                 const boxWidth = Math.max(12, Math.min(cols - 6, 46));
                 const innerWidth = Math.max(8, boxWidth - 2);
                 const total = items.length;
@@ -223,72 +383,86 @@ export function askPrompt(opts = {}) {
                     }
                 }
                 const endIndex = Math.min(startIndex + pageSize, total);
-                const hasMoreUp = startIndex > 0;
-                const hasMoreDown = endIndex < total;
-                let topBorderStr = '─'.repeat(innerWidth);
-                if (hasMoreUp) {
-                    const mid = Math.max(0, Math.floor(innerWidth / 2) - 2);
-                    topBorderStr = '─'.repeat(mid) + ' ▲ ' + '─'.repeat(Math.max(0, innerWidth - mid - 3));
-                }
-                let botBorderStr = '─'.repeat(innerWidth);
-                if (hasMoreDown) {
-                    const mid = Math.max(0, Math.floor(innerWidth / 2) - 2);
-                    botBorderStr = '─'.repeat(mid) + ' ▼ ' + '─'.repeat(Math.max(0, innerWidth - mid - 3));
-                }
-                dropdownLines.push(pc.dim('│ ') + pc.dim('╭' + topBorderStr + '╮') + '\x1b[0m');
-                for (let i = startIndex; i < endIndex; i++) {
-                    const item = items[i];
-                    const isSelected = i === selectedIndex;
-                    const pointer = isSelected ? '› ' : '  ';
-                    const avail = Math.max(4, innerWidth - pointer.length);
-                    let rowText = '';
-                    if (avail < 16) {
-                        const labelStr = item.label.length > avail
-                            ? item.label.slice(0, avail - 1) + '…'
-                            : item.label.padEnd(avail, ' ');
-                        rowText = pointer + (isSelected ? theme.boldFn(labelStr) : labelStr);
+                if (cleanLayout) {
+                    for (let i = startIndex; i < endIndex; i++) {
+                        const item = items[i];
+                        const selected = i === selectedIndex;
+                        const labelWidth = Math.min(20, cols - 5);
+                        const label = item.label.length > labelWidth ? `${item.label.slice(0, labelWidth - 1)}…` : item.label;
+                        const descWidth = cols - label.length - 7;
+                        const desc = descWidth >= 5
+                            ? item.desc.slice(0, descWidth)
+                            : '';
+                        dropdownLines.push(`  ${selected ? pc.cyan('›') : ' '} ${selected ? pc.bold(label) : label}${desc ? `  ${pc.dim(desc)}` : ''}`);
                     }
-                    else {
-                        const labelMax = Math.min(12, Math.max(6, Math.floor(avail * 0.38)));
-                        const labelStr = item.label.length > labelMax
-                            ? item.label.slice(0, labelMax - 1) + '…'
-                            : item.label.padEnd(labelMax, ' ');
-                        const descMax = Math.max(3, avail - labelMax - 1);
-                        const descStr = item.desc.length > descMax
-                            ? item.desc.slice(0, descMax - 1) + '…'
-                            : item.desc.padEnd(descMax, ' ');
-                        rowText = pointer + (isSelected ? theme.boldFn(labelStr) : labelStr) + ' ' + pc.gray(descStr);
+                }
+                else {
+                    const hasMoreUp = startIndex > 0;
+                    const hasMoreDown = endIndex < total;
+                    let topBorderStr = '─'.repeat(innerWidth);
+                    if (hasMoreUp) {
+                        const mid = Math.max(0, Math.floor(innerWidth / 2) - 2);
+                        topBorderStr = '─'.repeat(mid) + ' ▲ ' + '─'.repeat(Math.max(0, innerWidth - mid - 3));
                     }
-                    // Calculate visible plain length without ANSI
-                    const plainLen = rowText.replace(/\x1b\[[0-9;]*[a-zA-Z]/g, '').length;
-                    const padCount = Math.max(0, innerWidth - plainLen);
-                    const fullRow = rowText + ' '.repeat(padCount);
-                    if (isSelected) {
-                        const cleanFull = fullRow.replace(/\x1b\[[0-9;]*[a-zA-Z]/g, '');
-                        dropdownLines.push(pc.dim('│ ') + pc.dim('│') + theme.badgeFn(cleanFull) + pc.dim('│') + '\x1b[0m');
+                    let botBorderStr = '─'.repeat(innerWidth);
+                    if (hasMoreDown) {
+                        const mid = Math.max(0, Math.floor(innerWidth / 2) - 2);
+                        botBorderStr = '─'.repeat(mid) + ' ▼ ' + '─'.repeat(Math.max(0, innerWidth - mid - 3));
                     }
-                    else {
-                        dropdownLines.push(pc.dim('│ ') + pc.dim('│') + fullRow + pc.dim('│') + '\x1b[0m');
+                    dropdownLines.push(pc.dim('│ ') + pc.dim('╭' + topBorderStr + '╮') + '\x1b[0m');
+                    for (let i = startIndex; i < endIndex; i++) {
+                        const item = items[i];
+                        const isSelected = i === selectedIndex;
+                        const pointer = isSelected ? '› ' : '  ';
+                        const avail = Math.max(4, innerWidth - pointer.length);
+                        let rowText = '';
+                        if (avail < 16) {
+                            const labelStr = item.label.length > avail
+                                ? item.label.slice(0, avail - 1) + '…'
+                                : item.label.padEnd(avail, ' ');
+                            rowText = pointer + (isSelected ? theme.boldFn(labelStr) : labelStr);
+                        }
+                        else {
+                            const labelMax = Math.min(12, Math.max(6, Math.floor(avail * 0.38)));
+                            const labelStr = item.label.length > labelMax
+                                ? item.label.slice(0, labelMax - 1) + '…'
+                                : item.label.padEnd(labelMax, ' ');
+                            const descMax = Math.max(3, avail - labelMax - 1);
+                            const descStr = item.desc.length > descMax
+                                ? item.desc.slice(0, descMax - 1) + '…'
+                                : item.desc.padEnd(descMax, ' ');
+                            rowText = pointer + (isSelected ? theme.boldFn(labelStr) : labelStr) + ' ' + pc.gray(descStr);
+                        }
+                        const plainLen = rowText.replace(/\x1b\[[0-9;]*[a-zA-Z]/g, '').length;
+                        const padCount = Math.max(0, innerWidth - plainLen);
+                        const fullRow = rowText + ' '.repeat(padCount);
+                        if (isSelected) {
+                            const cleanFull = fullRow.replace(/\x1b\[[0-9;]*[a-zA-Z]/g, '');
+                            dropdownLines.push(pc.dim('│ ') + pc.dim('│') + theme.badgeFn(cleanFull) + pc.dim('│') + '\x1b[0m');
+                        }
+                        else {
+                            dropdownLines.push(pc.dim('│ ') + pc.dim('│') + fullRow + pc.dim('│') + '\x1b[0m');
+                        }
                     }
+                    dropdownLines.push(pc.dim('│ ') + pc.dim('╰' + botBorderStr + '╯') + '\x1b[0m');
                 }
-                dropdownLines.push(pc.dim('│ ') + pc.dim('╰' + botBorderStr + '╯') + '\x1b[0m');
             }
             // 1. Format and write the Prompt line safely
-            let inputDisplay = pc.dim('│') + '  ';
-            let renderCursorCol = 3;
+            let inputDisplay = promptPrefix;
+            let renderCursorCol = promptPrefixWidth;
             if (input.length === 0) {
-                const maxPlace = Math.max(10, cols - 6);
+                const maxPlace = Math.max(10, cols - promptPrefixWidth - 2);
                 const displayPlace = placeholder.length > maxPlace ? placeholder.slice(0, maxPlace - 1) + '…' : placeholder;
                 inputDisplay += pc.dim(displayPlace) + '\x1b[0m';
-                renderCursorCol = 3;
+                renderCursorCol = promptPrefixWidth;
             }
             else {
-                const tokenBadge = opts.ui?.inputTokenCounter ? formatPromptTokenBadge(estimatePromptTokens(input), 40) : '';
+                const tokenBadge = !cleanLayout && opts.ui?.inputTokenCounter ? formatPromptTokenBadge(estimatePromptTokens(input), 40) : '';
                 const badgeSuffix = tokenBadge ? ` ${tokenBadge}` : '';
-                const maxInputLen = Math.max(10, cols - 6 - (tokenBadge ? 12 : 0));
+                const maxInputLen = Math.max(10, cols - promptPrefixWidth - 3 - (tokenBadge ? 12 : 0));
                 if (input.length <= maxInputLen) {
                     inputDisplay += formatInputWithBadges(input) + badgeSuffix + '\x1b[0m';
-                    renderCursorCol = 3 + cursorPos;
+                    renderCursorCol = promptPrefixWidth + cursorPos;
                 }
                 else {
                     // Horizontal scrolling to prevent auto-wrapping
@@ -297,7 +471,7 @@ export function askPrompt(opts = {}) {
                     const prefix = start > 0 ? '…' : '';
                     const suffix = start + maxInputLen < input.length ? '…' : '';
                     inputDisplay += pc.dim(prefix) + formatInputWithBadges(visibleChunk) + pc.dim(suffix) + badgeSuffix + '\x1b[0m';
-                    renderCursorCol = 3 + (prefix ? 1 : 0) + (cursorPos - start);
+                    renderCursorCol = promptPrefixWidth + (prefix ? 1 : 0) + (cursorPos - start);
                 }
             }
             // Write prompt line
@@ -342,6 +516,20 @@ export function askPrompt(opts = {}) {
             process.stdin.pause();
         }
         function clearBoxAndExit(finalInput) {
+            if (cleanLayout) {
+                eraseFrame();
+                const fullTextClean = expandPastes(finalInput);
+                if (fullTextClean.trim()) {
+                    if (GLOBAL_PROMPT_HISTORY.length === 0 ||
+                        GLOBAL_PROMPT_HISTORY[GLOBAL_PROMPT_HISTORY.length - 1] !== fullTextClean.trim()) {
+                        GLOBAL_PROMPT_HISTORY.push(fullTextClean.trim());
+                    }
+                }
+                process.stdout.write(renderUserEcho(echoText(finalInput), process.stdout.columns || 80).join('\n') + '\n');
+                cleanup();
+                resolve(fullTextClean);
+                return;
+            }
             if (lastRenderedDropdownLines > 0) {
                 for (let i = 0; i < lastRenderedDropdownLines; i++) {
                     process.stdout.write(`\x1b[1B\r\x1b[0m\x1b[2K`);
@@ -356,7 +544,7 @@ export function askPrompt(opts = {}) {
                     GLOBAL_PROMPT_HISTORY.push(fullText.trim());
                 }
             }
-            process.stdout.write(`\x1b[0m\r\x1b[2K${pc.dim('│')}  ${formatInputWithBadges(finalInput)}\x1b[0m\n\n`);
+            process.stdout.write(`\x1b[0m\r\x1b[2K${promptPrefix}${formatInputWithBadges(finalInput)}\x1b[0m\n\n`);
             cleanup();
             resolve(fullText);
         }
@@ -393,6 +581,19 @@ export function askPrompt(opts = {}) {
                     return;
                 }
             }
+            // Ctrl+P and Ctrl+O: fold or unfold the reasoning / the tool output of the whole chat.
+            const viewKey = str === '\x10' || str === '\x1b[112;5u' ? 'thinking' : str === '\x0f' || str === '\x1b[111;5u' ? 'output' : null;
+            if (viewKey && opts.onViewToggle && cleanLayout) {
+                eraseFrame();
+                opts.onViewToggle(viewKey);
+                render();
+                return;
+            }
+            // Ctrl+V and Alt+V (also as the sequences of terminals with an enhanced keyboard mode).
+            if (str === '\x16' || str === '\x1bv' || str === '\x1bV' || str === '\x1b[118;5u' || str === '\x1b[118;3u') {
+                void pasteFromClipboard();
+                return;
+            }
             // Check for raw multi-character paste with newlines or large size
             if (str.length > 1 && (str.includes('\n') || str.includes('\r') || str.length > 80)) {
                 handlePaste(str);
@@ -404,6 +605,12 @@ export function askPrompt(opts = {}) {
             }
             // Ctrl+C / SIGINT
             if (str === '\x03') {
+                if (cleanLayout) {
+                    eraseFrame();
+                    cleanup();
+                    resolve('__CANCEL__');
+                    return;
+                }
                 if (lastRenderedDropdownLines > 0) {
                     for (let i = 0; i < lastRenderedDropdownLines; i++) {
                         process.stdout.write(`\x1b[1B\r\x1b[0m\x1b[2K`);
@@ -427,29 +634,9 @@ export function askPrompt(opts = {}) {
                         selectedIndex >= 0 &&
                         selectedIndex < items.length &&
                         items[selectedIndex].label === '/image')) {
-                    saveClipboardImage('image.png', usedImageNames)
-                        .then((imgRes) => {
-                        if (imgRes) {
-                            const tag = `[${imgRes.fileName} ${imgRes.sizeStr}]`;
-                            imageAttachments.push({
-                                tag,
-                                fileName: imgRes.fileName,
-                                filePath: imgRes.filePath,
-                                sizeStr: imgRes.sizeStr
-                            });
-                            usedImageNames.add(imgRes.fileName);
-                            input = `${tag} `;
-                            cursorPos = input.length;
-                            render();
-                        }
-                        else {
-                            process.stdout.write(`\x1b[0m\r\x1b[2K${pc.yellow('⚠️  No image in clipboard. Take a screenshot first (Win+Shift+S)\n')}`);
-                            input = '';
-                            cursorPos = 0;
-                            render();
-                        }
-                    })
-                        .catch(() => { });
+                    input = '';
+                    cursorPos = 0;
+                    void pasteFromClipboard();
                     return;
                 }
                 if (items.length > 0 && selectedIndex >= 0 && selectedIndex < items.length) {
@@ -494,7 +681,10 @@ export function askPrompt(opts = {}) {
                     }
                 }
                 else {
-                    process.stdout.write(`\x1b[0m\r\x1b[2K`);
+                    if (cleanLayout)
+                        eraseFrame();
+                    else
+                        process.stdout.write(`\x1b[0m\r\x1b[2K`);
                     cleanup();
                     resolve(`__TOGGLE_MODE__:${input}`);
                 }
@@ -503,7 +693,7 @@ export function askPrompt(opts = {}) {
             // Up Arrow
             if (str === '\x1b[A' || str === '\x1bOA') {
                 if (items.length > 0) {
-                    selectedIndex = (selectedIndex - 1 + items.length) % items.length;
+                    selectedIndex = Math.max(0, selectedIndex - 1); // stops at the first item
                     render();
                 }
                 else {
@@ -519,7 +709,7 @@ export function askPrompt(opts = {}) {
             // Down Arrow
             if (str === '\x1b[B' || str === '\x1bOB') {
                 if (items.length > 0) {
-                    selectedIndex = (selectedIndex + 1) % items.length;
+                    selectedIndex = Math.min(items.length - 1, selectedIndex + 1); // stops at the last item
                     render();
                 }
                 else {
@@ -596,6 +786,33 @@ export function askPrompt(opts = {}) {
                 }
                 return;
             }
+            // Ctrl+Backspace (0x08 in most terminals), Alt+Backspace (ESC DEL) and Ctrl+W: erase a word.
+            // A pasted-text badge counts as one word.
+            if (str === '\x08' || str === '\x1b\x7f' || str === '\x17') {
+                if (cursorPos > 0) {
+                    const spans = getTagSpans();
+                    const endingSpan = spans.find((s) => s.end === cursorPos);
+                    let start = cursorPos;
+                    if (endingSpan) {
+                        start = endingSpan.start;
+                    }
+                    else {
+                        const isWordChar = (c) => /[\p{L}\p{N}_]/u.test(c);
+                        while (start > 0 && !isWordChar(input[start - 1]))
+                            start--;
+                        while (start > 0 && isWordChar(input[start - 1]))
+                            start--;
+                        const inside = spans.find((s) => start > s.start && start < s.end);
+                        if (inside)
+                            start = inside.end;
+                    }
+                    input = input.slice(0, start) + input.slice(cursorPos);
+                    cursorPos = start;
+                    selectedIndex = 0;
+                    render();
+                }
+                return;
+            }
             // Backspace / DEL handling
             if (str.includes('\x08') || str.includes('\x7f')) {
                 for (let i = 0; i < str.length; i++) {