termux-dev 1.4.7 → 1.4.8

package/assets/banner.svg

@@ -25,7 +25,7 @@
 
   <!-- Tagline & Badge -->
   <text x="425" y="142" font-family="system-ui, -apple-system, sans-serif" font-size="14" font-weight="600" fill="#8b949e" text-anchor="middle" letter-spacing="3">
-    THE TERMINAL-NATIVE AI CODING AGENT <tspan fill="#00f2fe" font-weight="bold">v1.4.7</tspan>
+    THE TERMINAL-NATIVE AI CODING AGENT <tspan fill="#00f2fe" font-weight="bold">v1.4.8</tspan>
   </text>
 
   <!-- Top Accent Line -->

package/dist/cli/doctor.js

@@ -18,7 +18,7 @@ async function pingUrl(url) {
         const req = https.get(url, {
             timeout: 3000,
             headers: {
-                'User-Agent': 'devx-doctor/1.4.7'
+                'User-Agent': 'devx-doctor/1.4.8'
             }
         }, (res) => {
             res.resume(); // consume response data to free up memory and release socket

package/dist/cli/headless.js

@@ -35,7 +35,7 @@ export async function runHeadlessMode(userPrompt, config, options = {}) {
     });
     try {
         if (!isQuiet && !isJson) {
-            console.log(pc.bold(pc.cyan(`⚡ devx v1.4.7 (headless) | ${planMode ? 'PLAN' : 'AGENT'} | ${config.model}`)));
+            console.log(pc.bold(pc.cyan(`⚡ devx v1.4.8 (headless) | ${planMode ? 'PLAN' : 'AGENT'} | ${config.model}`)));
             console.log(pc.dim(`Task: ${userPrompt}\n`));
         }
         for await (const event of agent.run(abortController.signal)) {

package/dist/cli/index.js

@@ -484,7 +484,7 @@ function drawLogo() {
             theme.colorFn('  █▀▀▄ █▀▀▀ █   █ █   █'),
             theme.colorFn('  █  █ █▀▀▀  ▀▄▀   ▀▄▀ '),
             theme.colorFn('  █▄▄▀ █▄▄▄   ▀    ▀ ▀ '),
-            '  ' + theme.boldFn('v1.4.7'),
+            '  ' + theme.boldFn('v1.4.8'),
             ''
         ];
         for (const line of logo) {
@@ -499,7 +499,7 @@ function drawLogo() {
             indent + theme.colorFn('▀▀▀█▀▀▀ █▀▀▀ █▀▀█ █▄ ▄█ █  █ ▀▄ ▄▀    █▀▀▄ █▀▀▀ █   █'),
             indent + theme.colorFn('   █    █▀▀▀ █▄▄▀ █ █ █ █  █   █   ▀▀ █  █ █▀▀▀ █   █'),
             indent + theme.colorFn('   █    █▄▄▄ █ ▀▄ █   █ ▀▄▄▀ ▄▀ ▀▄    █▄▄▀ █▄▄▄  ▀▄▀ '),
-            indent + theme.boldFn('v1.4.7'),
+            indent + theme.boldFn('v1.4.8'),
             ''
         ];
         for (const line of logo) {
@@ -645,7 +645,7 @@ async function handleSettings(config) {
             const maxIterLabel = maxIter >= 9999 ? 'Unlimited' : `${maxIter} steps`;
             const currentTh = getCurrentTheme();
             const choice = await select({
-                message: `${pc.bold('⚙️  Settings')} ${pc.dim(`(devx v1.4.7 • theme: ${currentTh.name})`)}`,
+                message: `${pc.bold('⚙️  Settings')} ${pc.dim(`(devx v1.4.8 • theme: ${currentTh.name})`)}`,
                 choices: [
                     {
                         name: `🎨 Color Theme: ${currentTh.emoji} ${currentTh.name}`,
@@ -686,7 +686,7 @@ async function handleSettings(config) {
                         description: 'Limit how many tool steps (file edits, terminal commands) agent can do per request'
                     },
                     {
-                        name: `${currentTh.colorFn('✨ About devx')} ${pc.dim('(v1.4.7 by ApvCode)')}`,
+                        name: `${currentTh.colorFn('✨ About devx')} ${pc.dim('(v1.4.8 by ApvCode)')}`,
                         value: 'about',
                         description: 'Terminal-Native AI Coding Agent created by ApvCode (https://github.com/apvcode/Termux-Dev)'
                     },
@@ -702,7 +702,7 @@ async function handleSettings(config) {
                 continue;
             }
             if (choice === 'about') {
-                p.note(`⚡ devx v1.4.7 — Terminal-Native AI Coding Agent\n` +
+                p.note(`⚡ devx v1.4.8 — Terminal-Native AI Coding Agent\n` +
                     `🎨 Theme: ${currentTh.emoji} ${currentTh.name}\n` +
                     `👤 Author: ApvCode (https://github.com/apvcode)\n` +
                     `🌟 Repository: https://github.com/apvcode/Termux-Dev\n` +
@@ -771,7 +771,7 @@ export async function main() {
     program
         .name('devx')
         .description('Terminal-native AI coding assistant and vibe-coding agent')
-        .version('1.4.7')
+        .version('1.4.8')
         .option('-p, --prompt <task>', 'Run one-shot task non-interactively (headless mode)')
         .option('-y, --yolo', 'Automatically approve all tool executions without confirmation')
         .option('-m, --model <model>', 'Specify AI model to use for this execution')

package/dist/cli/prompt.js

@@ -1,8 +1,7 @@
-import readline from 'readline';
 import pc from 'picocolors';
 import { scanProjectFiles } from './files.js';
 import { saveClipboardImage, processPastedFilePath } from './clipboard.js';
-import { getCurrentTheme } from './theme.js';
+import { getCurrentTheme, listThemes } from './theme.js';
 import { CustomCommandManager } from '../core/commands.js';
 export const SLASH_COMMANDS = [
     { cmd: '/new', desc: 'Start a new clean chat session' },
@@ -35,112 +34,376 @@ export const SLASH_COMMANDS = [
     { cmd: '/exit', desc: 'Exit devx' }
 ];
 const GLOBAL_PROMPT_HISTORY = [];
+function stripAnsi(str) {
+    return str.replace(/\x1b\[[0-9;]*[a-zA-Z]/g, '');
+}
 export function askPrompt(opts = {}) {
     return new Promise((resolve) => {
+        process.stdin.resume();
         const msg = opts.message
             ? `${opts.message} ${pc.dim(`(Tab = ${opts.planMode ? 'AGENT' : 'PLAN'})`)}`
             : `Ask anything... ${pc.dim(`(Tab = ${opts.planMode ? 'AGENT' : 'PLAN'})`)}`;
-        const theme = getCurrentTheme();
-        console.log(theme.colorFn('◆') + '  ' + pc.bold(msg));
+        const placeholder = opts.placeholder || 'Describe a task, @file, /help, paste image, or press Tab to switch mode';
+        let input = opts.initialValue || '';
+        let cursorPos = input.length;
+        let selectedIndex = 0;
+        let lastRenderedDropdownLines = 0;
+        let disposed = false;
+        let historyIndex = GLOBAL_PROMPT_HISTORY.length;
+        let tempDraft = '';
         let availableFiles = [];
         let customCommandsList = [];
-        scanProjectFiles().then((f) => (availableFiles = f)).catch(() => { });
+        // Preload project files and custom slash commands
+        scanProjectFiles()
+            .then((files) => (availableFiles = files))
+            .catch(() => { });
         CustomCommandManager.listCommands()
-            .then((c) => (customCommandsList = c.map((x) => ({ cmd: x.cmd, desc: x.desc }))))
+            .then((cmds) => (customCommandsList = cmds.map((c) => ({ cmd: c.cmd, desc: c.desc }))))
             .catch(() => { });
+        const pastes = [];
         const imageAttachments = [];
         const usedImageNames = new Set();
-        const completer = (line) => {
-            const allCmds = [
-                ...SLASH_COMMANDS.map((c) => c.cmd),
-                ...customCommandsList.map((c) => c.cmd)
-            ];
-            // 1. Slash commands autocomplete
-            if (line.startsWith('/')) {
-                const q = line.trim().toLowerCase();
-                const hits = allCmds.filter((cmd) => cmd.toLowerCase().startsWith(q));
-                return [hits.length ? hits : allCmds, line];
-            }
-            // 2. @file autocomplete
-            const atMatch = line.match(/@([a-zA-Z0-9_\-./]*)$/);
+        const theme = getCurrentTheme();
+        console.log(theme.colorFn('◆') + '  ' + pc.bold(msg));
+        if (process.stdin.isTTY) {
+            process.stdin.setRawMode(true);
+        }
+        if (process.stdout.isTTY) {
+            process.stdout.write('\x1b[?2004h');
+        }
+        function getDropdownItems() {
+            // 1. Theme command autocomplete
+            if (input.startsWith('/theme ') || input.startsWith('/themes ') || input === '/theme') {
+                const afterCmd = input.replace(/^\/(?:theme|themes)\s*/i, '').trim().toLowerCase();
+                const themes = listThemes();
+                const matched = themes.filter((t) => !afterCmd ||
+                    t.id.toLowerCase().startsWith(afterCmd) ||
+                    t.name.toLowerCase().includes(afterCmd));
+                const list = [];
+                if (!afterCmd || '/theme'.startsWith(input.trim().toLowerCase())) {
+                    list.push({
+                        label: '/theme',
+                        desc: 'Interactive UI theme picker menu',
+                        replacement: '/theme',
+                        replaceStart: 0,
+                        replaceLen: input.length
+                    });
+                }
+                for (const t of matched) {
+                    list.push({
+                        label: `/theme ${t.id}`,
+                        desc: `${t.emoji} ${t.name} (${t.desc})`,
+                        replacement: `/theme ${t.id}`,
+                        replaceStart: 0,
+                        replaceLen: input.length
+                    });
+                }
+                return list;
+            }
+            // 2. All Slash commands autocomplete
+            if (input.startsWith('/')) {
+                const q = input.trim().toLowerCase();
+                const baseList = [...SLASH_COMMANDS];
+                for (const cc of customCommandsList) {
+                    if (!baseList.some((b) => b.cmd === cc.cmd)) {
+                        baseList.push({ cmd: cc.cmd, desc: cc.desc });
+                    }
+                }
+                const filtered = baseList.filter((c) => c.cmd.toLowerCase().startsWith(q) || q === '/');
+                return filtered.map((c) => ({
+                    label: c.cmd,
+                    desc: c.desc,
+                    replacement: c.cmd,
+                    replaceStart: 0,
+                    replaceLen: input.length
+                }));
+            }
+            // 3. @file autocomplete at cursor position
+            const beforeCursor = input.slice(0, cursorPos);
+            const atMatch = beforeCursor.match(/@([a-zA-Z0-9_\-./]*)$/);
             if (atMatch && availableFiles.length > 0) {
                 const query = atMatch[1].toLowerCase();
-                const hits = availableFiles
+                const matched = availableFiles
                     .filter((f) => f.toLowerCase().includes(query) || query === '')
-                    .slice(0, 15)
-                    .map((f) => `@${f}${f.endsWith('/') ? '' : ' '}`);
-                return [hits, atMatch[0]];
-            }
-            return [[], line];
-        };
-        const rl = readline.createInterface({
-            input: process.stdin,
-            output: process.stdout,
-            prompt: pc.dim('│') + '  ',
-            completer,
-            historySize: 100
-        });
-        // Populate history in readline
-        if (GLOBAL_PROMPT_HISTORY.length > 0) {
-            rl.history = [...GLOBAL_PROMPT_HISTORY].reverse();
+                    .slice(0, 8);
+                return matched.map((f) => ({
+                    label: `@${f}`,
+                    desc: f.endsWith('/') ? 'directory' : 'file',
+                    replacement: `@${f}${f.endsWith('/') ? '' : ' '}`,
+                    replaceStart: cursorPos - atMatch[0].length,
+                    replaceLen: atMatch[0].length
+                }));
+            }
+            return [];
         }
-        let isClosed = false;
-        const cleanup = () => {
-            if (isClosed)
-                return;
-            isClosed = true;
-            process.stdin.removeListener('keypress', onKeypress);
-            rl.close();
-        };
-        const onKeypress = (str, key) => {
-            if (isClosed)
-                return;
-            // Tab key pressed
-            if (key && key.name === 'tab') {
-                const curLine = rl.line || '';
-                // If line is empty or does not start with / or contain @, switch mode
-                if (curLine.trim() === '' || (!curLine.startsWith('/') && !curLine.includes('@'))) {
-                    readline.cursorTo(process.stdout, 0);
-                    readline.clearLine(process.stdout, 0);
-                    cleanup();
-                    resolve(`__TOGGLE_MODE__:${curLine}`);
-                    return;
+        function formatInputWithBadges(rawText) {
+            let formatted = rawText;
+            for (const p of pastes) {
+                const styled = pc.bold(pc.cyan(`[Pasted text #${p.id} +${p.linesCount} lines]`));
+                formatted = formatted.split(p.tag).join(styled);
+            }
+            for (const img of imageAttachments) {
+                const styled = pc.bold(pc.magenta(img.tag));
+                formatted = formatted.split(img.tag).join(styled);
+            }
+            return formatted;
+        }
+        function expandPastes(rawText) {
+            let result = rawText;
+            for (const p of pastes) {
+                result = result.split(p.tag).join(p.content);
+            }
+            for (const img of imageAttachments) {
+                result = result.split(img.tag).join(`@${img.filePath.replace(/\\/g, '/')} `);
+            }
+            return result;
+        }
+        function render() {
+            if (disposed)
+                return;
+            const cols = Math.max(28, process.stdout.columns || 80);
+            const rows = Math.max(8, process.stdout.rows || 24);
+            const items = getDropdownItems();
+            const dropdownLines = [];
+            if (items.length > 0) {
+                if (selectedIndex >= items.length)
+                    selectedIndex = 0;
+                if (selectedIndex < 0)
+                    selectedIndex = items.length - 1;
+                const innerBoxWidth = Math.max(16, Math.min(cols - 8, 54));
+                const isNarrowOrShort = rows <= 16 || cols < 50;
+                const pageSize = isNarrowOrShort
+                    ? Math.max(2, Math.min(3, rows - 5))
+                    : Math.min(5, Math.max(3, Math.floor((rows - 4) / 2)));
+                const total = items.length;
+                let startIndex = 0;
+                if (total > pageSize) {
+                    if (selectedIndex >= pageSize) {
+                        startIndex = Math.min(selectedIndex - pageSize + 1, total - pageSize);
+                    }
+                }
+                const endIndex = Math.min(startIndex + pageSize, total);
+                const hasMoreUp = startIndex > 0;
+                const hasMoreDown = endIndex < total;
+                let topBorderStr = '─'.repeat(innerBoxWidth);
+                if (hasMoreUp) {
+                    const mid = Math.max(0, Math.floor(innerBoxWidth / 2) - 2);
+                    topBorderStr = '─'.repeat(mid) + ' ▲ ' + '─'.repeat(Math.max(0, innerBoxWidth - mid - 3));
+                }
+                let botBorderStr = '─'.repeat(innerBoxWidth);
+                if (hasMoreDown) {
+                    const mid = Math.max(0, Math.floor(innerBoxWidth / 2) - 2);
+                    botBorderStr = '─'.repeat(mid) + ' ▼ ' + '─'.repeat(Math.max(0, innerBoxWidth - mid - 3));
                 }
+                dropdownLines.push(pc.dim('│') + '  ' + pc.dim('╭' + topBorderStr + '╮'));
+                for (let i = startIndex; i < endIndex; i++) {
+                    const item = items[i];
+                    const isSelected = i === selectedIndex;
+                    const pointer = isSelected ? '› ' : '  ';
+                    const availWidth = innerBoxWidth - 2;
+                    let row = '';
+                    if (availWidth < 20) {
+                        const labelStr = item.label.length > availWidth
+                            ? item.label.slice(0, availWidth - 1) + '…'
+                            : item.label.padEnd(availWidth);
+                        const plain = pointer + labelStr;
+                        row = isSelected ? theme.badgeFn(plain) : pointer + theme.boldFn(labelStr);
+                    }
+                    else {
+                        const labelMax = Math.min(15, Math.floor(availWidth * 0.45));
+                        const labelStr = item.label.length > labelMax
+                            ? item.label.slice(0, labelMax - 1) + '…'
+                            : item.label.padEnd(labelMax);
+                        const descMax = availWidth - labelMax - 1;
+                        const descStr = item.desc.length > descMax
+                            ? item.desc.slice(0, descMax - 1) + '…'
+                            : item.desc.padEnd(descMax);
+                        const plain = `${pointer}${labelStr} ${descStr}`;
+                        if (isSelected) {
+                            row = theme.badgeFn(plain);
+                        }
+                        else {
+                            row = `${pointer}${theme.boldFn(labelStr)} ${pc.gray(descStr)}`;
+                        }
+                    }
+                    const currentLen = stripAnsi(row).length;
+                    if (currentLen < innerBoxWidth) {
+                        row += ' '.repeat(innerBoxWidth - currentLen);
+                    }
+                    dropdownLines.push(pc.dim('│') + '  ' + pc.dim('│') + row + pc.dim('│'));
+                }
+                dropdownLines.push(pc.dim('│') + '  ' + pc.dim('╰' + botBorderStr + '╯'));
             }
-            // Ctrl+V or Ctrl+P: Clipboard image paste
-            if ((key && key.ctrl && (key.name === 'v' || key.name === 'p')) || str === '\x16' || str === '\x10') {
-                saveClipboardImage('image.png', usedImageNames)
-                    .then((imgRes) => {
-                    if (imgRes && !isClosed) {
-                        const tag = `[${imgRes.fileName} ${imgRes.sizeStr}]`;
-                        imageAttachments.push({
-                            tag,
-                            fileName: imgRes.fileName,
-                            filePath: imgRes.filePath,
-                            sizeStr: imgRes.sizeStr
-                        });
-                        usedImageNames.add(imgRes.fileName);
-                        rl.write(`${tag} `);
+            // 1. Move cursor up if previous dropdown had lines
+            if (lastRenderedDropdownLines > 0) {
+                process.stdout.write(`\x1b[${lastRenderedDropdownLines}A`);
+            }
+            // 2. Clear line 0 and write prompt line
+            let inputDisplay = pc.dim('│') + '  ';
+            if (input.length === 0) {
+                const maxPlace = Math.max(12, cols - 8);
+                const displayPlace = placeholder.length > maxPlace ? placeholder.slice(0, maxPlace - 1) + '…' : placeholder;
+                inputDisplay += pc.dim(displayPlace);
+            }
+            else {
+                inputDisplay += formatInputWithBadges(input);
+            }
+            process.stdout.write(`\r\x1b[2K${inputDisplay}`);
+            // 3. Draw new dropdown lines below, and clear extra lines from previous render
+            const maxDropdowns = Math.max(dropdownLines.length, lastRenderedDropdownLines);
+            if (maxDropdowns > 0) {
+                for (let i = 0; i < maxDropdowns; i++) {
+                    if (i < dropdownLines.length) {
+                        process.stdout.write(`\n\x1b[2K${dropdownLines[i]}`);
                     }
-                })
-                    .catch(() => { });
+                    else {
+                        process.stdout.write(`\n\x1b[2K`);
+                    }
+                }
+                // Move cursor back up to input line (line 0)
+                process.stdout.write(`\x1b[${maxDropdowns}A`);
             }
-        };
-        if (process.stdin.isTTY) {
-            readline.emitKeypressEvents(process.stdin, rl);
-            process.stdin.on('keypress', onKeypress);
+            // 4. Place cursor at column 3 + cursorPos
+            const cursorCol = 3 + cursorPos;
+            process.stdout.write(`\r\x1b[${cursorCol}C`);
+            lastRenderedDropdownLines = dropdownLines.length;
         }
-        if (opts.initialValue) {
-            rl.write(opts.initialValue);
+        render();
+        function cleanup() {
+            disposed = true;
+            if (process.stdout.isTTY) {
+                process.stdout.write('\x1b[?2004l');
+            }
+            process.stdin.removeListener('data', onData);
+            if (process.stdin.isTTY) {
+                process.stdin.setRawMode(false);
+            }
+            process.stdin.pause();
         }
-        rl.prompt();
-        rl.on('line', async (rawLine) => {
+        function clearBoxAndExit(finalInput) {
+            if (lastRenderedDropdownLines > 0) {
+                for (let i = 0; i < lastRenderedDropdownLines; i++) {
+                    process.stdout.write(`\n\x1b[2K`);
+                }
+                process.stdout.write(`\x1b[${lastRenderedDropdownLines}A`);
+                lastRenderedDropdownLines = 0;
+            }
+            const fullText = expandPastes(finalInput);
+            if (fullText.trim()) {
+                if (GLOBAL_PROMPT_HISTORY.length === 0 ||
+                    GLOBAL_PROMPT_HISTORY[GLOBAL_PROMPT_HISTORY.length - 1] !== fullText.trim()) {
+                    GLOBAL_PROMPT_HISTORY.push(fullText.trim());
+                }
+            }
+            process.stdout.write(`\r\x1b[2K${pc.dim('│')}  ${formatInputWithBadges(finalInput)}\n\n`);
             cleanup();
-            let line = rawLine.trim();
-            // Handle direct /image command
-            if (line === '/image') {
-                try {
-                    const imgRes = await saveClipboardImage('image.png', usedImageNames);
+            resolve(fullText);
+        }
+        async function handlePaste(pastedContent) {
+            const cleaned = pastedContent.replace(/\x1b\[200~/g, '').replace(/\x1b\[201~/g, '');
+            // Check if pastedContent contains file path(s) to images
+            const pathCandidates = cleaned
+                .split(/[&;\n\r]+/)
+                .map((s) => s.trim())
+                .filter(Boolean);
+            let foundAnyImage = false;
+            for (const cand of pathCandidates) {
+                const imgRes = await processPastedFilePath(cand, usedImageNames);
+                if (imgRes) {
+                    foundAnyImage = true;
+                    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;
+                }
+            }
+            if (foundAnyImage) {
+                selectedIndex = 0;
+                render();
+                return;
+            }
+            const normalized = cleaned.replace(/\r\n/g, '\n').replace(/\r/g, '\n');
+            const lines = normalized.split('\n');
+            if (lines.length >= 2 || normalized.length > 80) {
+                const linesCount = lines.length;
+                const id = pastes.length + 1;
+                const tag = `[Pasted text #${id} +${linesCount} lines]`;
+                pastes.push({ id, tag, content: normalized, linesCount });
+                input = input.slice(0, cursorPos) + tag + input.slice(cursorPos);
+                cursorPos += tag.length;
+                selectedIndex = 0;
+                render();
+            }
+            else {
+                input = input.slice(0, cursorPos) + normalized + input.slice(cursorPos);
+                cursorPos += normalized.length;
+                selectedIndex = 0;
+                render();
+            }
+        }
+        function getTagSpans() {
+            const spans = [];
+            for (const p of pastes) {
+                let pos = 0;
+                while ((pos = input.indexOf(p.tag, pos)) !== -1) {
+                    spans.push({
+                        start: pos,
+                        end: pos + p.tag.length,
+                        tag: p.tag
+                    });
+                    pos += p.tag.length;
+                }
+            }
+            for (const img of imageAttachments) {
+                let pos = 0;
+                while ((pos = input.indexOf(img.tag, pos)) !== -1) {
+                    spans.push({
+                        start: pos,
+                        end: pos + img.tag.length,
+                        tag: img.tag
+                    });
+                    pos += img.tag.length;
+                }
+            }
+            return spans.sort((a, b) => a.start - b.start);
+        }
+        let pasteBuffer = '';
+        let inBracketedPaste = false;
+        function onData(chunk) {
+            if (disposed)
+                return;
+            const str = chunk.toString('utf8');
+            // Check for bracketed paste start/end
+            if (str.includes('\x1b[200~')) {
+                inBracketedPaste = true;
+                pasteBuffer = '';
+            }
+            if (inBracketedPaste) {
+                pasteBuffer += str;
+                if (pasteBuffer.includes('\x1b[201~')) {
+                    inBracketedPaste = false;
+                    handlePaste(pasteBuffer);
+                    pasteBuffer = '';
+                }
+                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);
+                return;
+            }
+            // Ctrl+V / Ctrl+P: Clipboard image paste
+            if (str === '\x16' ||
+                str === '\x10' ||
+                (str.length === 1 && (str.charCodeAt(0) === 22 || str.charCodeAt(0) === 16))) {
+                saveClipboardImage('image.png', usedImageNames)
+                    .then((imgRes) => {
                     if (imgRes) {
                         const tag = `[${imgRes.fileName} ${imgRes.sizeStr}]`;
                         imageAttachments.push({
@@ -150,52 +413,259 @@ export function askPrompt(opts = {}) {
                             sizeStr: imgRes.sizeStr
                         });
                         usedImageNames.add(imgRes.fileName);
-                        line = tag;
+                        input = input.slice(0, cursorPos) + tag + ' ' + input.slice(cursorPos);
+                        cursorPos += tag.length + 1;
+                        render();
+                    }
+                })
+                    .catch(() => { });
+                return;
+            }
+            // Ctrl+C
+            if (str === '\x03' || (str.length === 1 && str.charCodeAt(0) === 3)) {
+                if (lastRenderedDropdownLines > 0) {
+                    for (let i = 0; i < lastRenderedDropdownLines; i++) {
+                        process.stdout.write(`\n\x1b[2K`);
+                    }
+                    process.stdout.write(`\x1b[${lastRenderedDropdownLines}A`);
+                    lastRenderedDropdownLines = 0;
+                }
+                process.stdout.write(`\r\x1b[2K\n`);
+                cleanup();
+                resolve('__CANCEL__');
+                return;
+            }
+            const items = getDropdownItems();
+            // Enter / Return
+            if (str === '\r' ||
+                str === '\n' ||
+                (str.length === 1 && (str.charCodeAt(0) === 13 || str.charCodeAt(0) === 10))) {
+                // Direct /image command
+                if (input.trim() === '/image' ||
+                    (items.length > 0 &&
+                        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(`\r\x1b[2K${pc.yellow('⚠️  No image in clipboard. Take a screenshot first (Win+Shift+S)\n')}`);
+                            input = '';
+                            cursorPos = 0;
+                            render();
+                        }
+                    })
+                        .catch(() => { });
+                    return;
+                }
+                if (items.length > 0 && selectedIndex >= 0 && selectedIndex < items.length) {
+                    const selected = items[selectedIndex];
+                    if (input.startsWith('/')) {
+                        input = selected.replacement;
+                        clearBoxAndExit(input);
+                        return;
                     }
                     else {
-                        console.log(pc.yellow('⚠️  No image in clipboard. Take a screenshot first (Win+Shift+S)\n'));
-                        resolve('');
+                        // @ mention autocomplete on Enter
+                        input =
+                            input.slice(0, selected.replaceStart) +
+                                selected.replacement +
+                                input.slice(selected.replaceStart + selected.replaceLen);
+                        cursorPos = selected.replaceStart + selected.replacement.length;
+                        render();
                         return;
                     }
                 }
-                catch {
-                    resolve('');
-                    return;
+                clearBoxAndExit(input);
+                return;
+            }
+            // Tab
+            if (str === '\t' || (str.length === 1 && str.charCodeAt(0) === 9)) {
+                if (items.length > 0 && selectedIndex >= 0 && selectedIndex < items.length) {
+                    const selected = items[selectedIndex];
+                    input =
+                        input.slice(0, selected.replaceStart) +
+                            selected.replacement +
+                            input.slice(selected.replaceStart + selected.replaceLen);
+                    cursorPos = selected.replaceStart + selected.replacement.length;
+                    render();
                 }
+                else {
+                    if (lastRenderedDropdownLines > 0) {
+                        for (let i = 0; i < lastRenderedDropdownLines; i++) {
+                            process.stdout.write(`\n\x1b[2K`);
+                        }
+                        process.stdout.write(`\x1b[${lastRenderedDropdownLines}A`);
+                        lastRenderedDropdownLines = 0;
+                    }
+                    process.stdout.write(`\r\x1b[2K`);
+                    cleanup();
+                    resolve(`__TOGGLE_MODE__:${input}`);
+                }
+                return;
             }
-            // Check for pasted file path to image
-            if (line.match(/\.(png|jpe?g|webp|gif|bmp)$/i)) {
-                const imgRes = await processPastedFilePath(line, usedImageNames);
-                if (imgRes) {
-                    const tag = `[${imgRes.fileName} ${imgRes.sizeStr}]`;
-                    imageAttachments.push({
-                        tag,
-                        fileName: imgRes.fileName,
-                        filePath: imgRes.filePath,
-                        sizeStr: imgRes.sizeStr
-                    });
-                    usedImageNames.add(imgRes.fileName);
-                    line = tag;
+            // Up Arrow
+            if (str === '\x1b[A' || str === '\x1bOA') {
+                if (items.length > 0) {
+                    selectedIndex = (selectedIndex - 1 + items.length) % items.length;
+                    render();
                 }
+                else if (GLOBAL_PROMPT_HISTORY.length > 0 && historyIndex > 0) {
+                    if (historyIndex === GLOBAL_PROMPT_HISTORY.length) {
+                        tempDraft = input;
+                    }
+                    historyIndex--;
+                    input = GLOBAL_PROMPT_HISTORY[historyIndex];
+                    cursorPos = input.length;
+                    render();
+                }
+                return;
             }
-            // Expand image attachment tags to @path
-            let expanded = line;
-            for (const img of imageAttachments) {
-                expanded = expanded.split(img.tag).join(`@${img.filePath.replace(/\\/g, '/')} `);
+            // Down Arrow
+            if (str === '\x1b[B' || str === '\x1bOB') {
+                if (items.length > 0) {
+                    selectedIndex = (selectedIndex + 1) % items.length;
+                    render();
+                }
+                else if (historyIndex < GLOBAL_PROMPT_HISTORY.length) {
+                    historyIndex++;
+                    if (historyIndex === GLOBAL_PROMPT_HISTORY.length) {
+                        input = tempDraft;
+                    }
+                    else {
+                        input = GLOBAL_PROMPT_HISTORY[historyIndex];
+                    }
+                    cursorPos = input.length;
+                    render();
+                }
+                return;
             }
-            if (expanded.trim()) {
-                if (GLOBAL_PROMPT_HISTORY.length === 0 ||
-                    GLOBAL_PROMPT_HISTORY[GLOBAL_PROMPT_HISTORY.length - 1] !== expanded.trim()) {
-                    GLOBAL_PROMPT_HISTORY.push(expanded.trim());
+            // Left Arrow
+            if (str === '\x1b[D' || str === '\x1bOD') {
+                if (cursorPos > 0) {
+                    const spans = getTagSpans();
+                    const endingSpan = spans.find((s) => s.end === cursorPos);
+                    if (endingSpan) {
+                        cursorPos = endingSpan.start;
+                    }
+                    else {
+                        cursorPos--;
+                        const inside = spans.find((s) => cursorPos > s.start && cursorPos < s.end);
+                        if (inside)
+                            cursorPos = inside.start;
+                    }
+                    render();
                 }
+                return;
             }
-            console.log();
-            resolve(expanded);
-        });
-        rl.on('SIGINT', () => {
-            cleanup();
-            console.log();
-            resolve('__CANCEL__');
-        });
+            // Right Arrow
+            if (str === '\x1b[C' || str === '\x1bOC') {
+                if (cursorPos < input.length) {
+                    const spans = getTagSpans();
+                    const startingSpan = spans.find((s) => s.start === cursorPos);
+                    if (startingSpan) {
+                        cursorPos = startingSpan.end;
+                    }
+                    else {
+                        cursorPos++;
+                        const inside = spans.find((s) => cursorPos > s.start && cursorPos < s.end);
+                        if (inside)
+                            cursorPos = inside.end;
+                    }
+                    render();
+                }
+                return;
+            }
+            // Home
+            if (str === '\x1b[H' || str === '\x1b[1~') {
+                cursorPos = 0;
+                render();
+                return;
+            }
+            // End
+            if (str === '\x1b[F' || str === '\x1b[4~') {
+                cursorPos = input.length;
+                render();
+                return;
+            }
+            // Delete key
+            if (str === '\x1b[3~') {
+                if (cursorPos < input.length) {
+                    const spans = getTagSpans();
+                    const startingSpan = spans.find((s) => s.start === cursorPos);
+                    if (startingSpan) {
+                        input = input.slice(0, startingSpan.start) + input.slice(startingSpan.end);
+                    }
+                    else {
+                        input = input.slice(0, cursorPos) + input.slice(cursorPos + 1);
+                    }
+                    selectedIndex = 0;
+                    render();
+                }
+                return;
+            }
+            // Backspace / DEL handling
+            if (str.includes('\x08') || str.includes('\x7f')) {
+                for (let i = 0; i < str.length; i++) {
+                    const ch = str[i];
+                    if (ch === '\x08' || ch === '\x7f') {
+                        if (cursorPos > 0) {
+                            const spans = getTagSpans();
+                            const endingSpan = spans.find((s) => s.end === cursorPos);
+                            if (endingSpan) {
+                                input = input.slice(0, endingSpan.start) + input.slice(endingSpan.end);
+                                cursorPos = endingSpan.start;
+                            }
+                            else {
+                                input = input.slice(0, cursorPos - 1) + input.slice(cursorPos);
+                                cursorPos--;
+                            }
+                        }
+                    }
+                    else if (ch.charCodeAt(0) >= 32) {
+                        const spans = getTagSpans();
+                        const inside = spans.find((s) => cursorPos > s.start && cursorPos < s.end);
+                        if (inside)
+                            cursorPos = inside.end;
+                        input = input.slice(0, cursorPos) + ch + input.slice(cursorPos);
+                        cursorPos++;
+                    }
+                }
+                selectedIndex = 0;
+                render();
+                return;
+            }
+            // Ignore unknown escape sequences
+            if (str.startsWith('\x1b')) {
+                return;
+            }
+            // Normal character input - clean control characters
+            const cleanStr = str.replace(/[\x00-\x08\x0b\x0c\x0e-\x1f\x7f]/g, '');
+            if (!cleanStr)
+                return;
+            const spans = getTagSpans();
+            const inside = spans.find((s) => cursorPos > s.start && cursorPos < s.end);
+            if (inside) {
+                cursorPos = inside.end;
+            }
+            input = input.slice(0, cursorPos) + cleanStr + input.slice(cursorPos);
+            cursorPos += cleanStr.length;
+            selectedIndex = 0;
+            render();
+        }
+        process.stdin.on('data', onData);
     });
 }

package/dist/cli/server.js

@@ -139,7 +139,7 @@ function renderDirectoryHtml(dirPath, relPath, files, port) {
       ${parentLink}
       ${items || '<li style="padding: 20px; text-align: center; color: #6e7681;">No visible files in this directory</li>'}
     </ul>
-    <div class="footer">devx v1.4.7 &bull; Terminal-Native AI Assistant</div>
+    <div class="footer">devx v1.4.8 &bull; Terminal-Native AI Assistant</div>
   </div>
 </body>
 </html>`;

package/dist/mcp/client.js

@@ -63,7 +63,7 @@ export class MCPClient {
                     capabilities: {},
                     clientInfo: {
                         name: 'devx',
-                        version: '1.4.7'
+                        version: '1.4.8'
                     }
                 });
                 if (!initResult) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "termux-dev",
-  "version": "1.4.7",
+  "version": "1.4.8",
   "description": "Ultra-fast, terminal-native AI coding assistant and agent built for Android Termux, Windows, macOS, and Linux.",
   "main": "dist/cli/index.js",
   "type": "module",