termux-dev 1.5.0 → 1.6.0

package/README.md

@@ -20,7 +20,7 @@ Built specifically for **Android Termux**, **Windows**, **macOS**, and **Linux**
 
 <br/><br/>
 
-<img src="assets/preview.png" alt="devx Terminal Interface" width="750" style="border-radius: 8px;" />
+<img src="assets/preview.svg" alt="devx Terminal Interface" width="750" style="border-radius: 8px;" />
 
 </div>
 
@@ -28,6 +28,8 @@ Built specifically for **Android Termux**, **Windows**, **macOS**, and **Linux**
 
 ## 🌟 Highlights
 
+The terminal interface uses a compact layout on both desktop and Termux. Switch to the original ASCII layout in `/settings` → `Interface`.
+
 - **🧠 Dual-Brain Architecture (PLAN & AGENT Modes):**  
   Instantly toggle between **PLAN** (safe architect, interactive requirements questionnaire, no code dumps) and **AGENT** (autonomous file edits, terminal commands, auto-installer).
 - **🚀 One-Click Plan Approval (`[🚀 Go / ✏️ Other]`):**  
@@ -155,7 +157,7 @@ Type `/` in the prompt to open the autocomplete command palette:
 | **`/model`** | Switch model for the active provider with live search |
 | **`/provider`** | Switch provider (OpenRouter, Gemini, Groq, DeepSeek, Local) |
 | **`/compact`** | Compact and summarize chat context tokens |
-| **`/clear`** | Clear screen and redraw banner |
+| **`/clear`** | Clear screen without deleting conversation history |
 | **`/init`** | Generate `AGENTS.md` developer guide in project root |
 | **`/help`** | Display all available commands |
 | **`/exit`** | Exit devx cleanly |
@@ -182,6 +184,8 @@ If you find **devx** useful, please consider giving it a ⭐️ star on [GitHub]
 
 # 🇷🇺 Русский
 
+Компактный интерфейс используется по умолчанию и на ПК, и в Termux. Исходный ASCII-вариант можно включить в `/settings` → `Interface`.
+
 ## 🌟 Главные возможности
 
 - **🧠 Двухрежимная архитектура (PLAN и AGENT):**  
@@ -311,7 +315,7 @@ devx
 | **`/model`** | Сменить модель текущего провайдера с живым поиском |
 | **`/provider`** | Сменить AI-провайдера (OpenRouter, Gemini, Groq, DeepSeek, Local) |
 | **`/compact`** | Сжать контекст диалога для экономии токенов |
-| **`/clear`** | Очистить экран терминала и перерисовать баннер |
+| **`/clear`** | Очистить экран терминала, сохранив историю диалога |
 | **`/init`** | Создать файл инструкций `AGENTS.md` в корне проекта |
 | **`/help`** | Показать список всех доступных команд |
 | **`/exit`** | Завершить работу devx |

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.5.0</tspan>
+    THE TERMINAL-NATIVE AI CODING AGENT <tspan fill="#00f2fe" font-weight="bold">v1.6.0</tspan>
   </text>
 
   <!-- Top Accent Line -->

package/assets/preview.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="760" height="220" viewBox="0 0 760 220">
+  <rect width="760" height="220" rx="12" fill="#0a0a0c"/>
+  <g font-family="DejaVu Sans Mono, Consolas, monospace" font-size="18">
+    <text x="32" y="52" fill="#f1f5f9" font-weight="700">devx</text>
+    <text x="92" y="52" fill="#84909c">v1.6.0</text>
+    <text x="32" y="102" fill="#67d8e2">agent</text>
+    <text x="104" y="102" fill="#e2e8f0" font-weight="700">minimax/minimax-m3:free</text>
+    <text x="32" y="132" fill="#84909c">context 0% · $0.0000 · main</text>
+    <text x="32" y="186" fill="#67d8e2">›</text>
+    <text x="56" y="186" fill="#84909c">Ask or describe a task…</text>
+  </g>
+</svg>

package/dist/cli/banner.js

@@ -1,10 +1,14 @@
 import pc from 'picocolors';
 import { getCurrentTheme } from './theme.js';
-export function renderBannerLines(mode = 'full', version = '1.5.0', cols = 80) {
+import { DEVX_VERSION } from '../core/types.js';
+export function renderBannerLines(mode = 'full', version = DEVX_VERSION, cols = 80) {
     if (mode === 'off') {
         return [];
     }
     const theme = getCurrentTheme();
+    if (mode === 'clean') {
+        return [pc.bold('devx') + pc.dim(`  v${version}`)];
+    }
     if (mode === 'minimal') {
         return [
             theme.colorFn('⚡ ') + theme.boldFn('TERMUX·DEV') + ' ' + pc.dim(`v${version}`) + pc.dim(' · Type /help for commands')
@@ -29,7 +33,7 @@ export function renderBannerLines(mode = 'full', version = '1.5.0', cols = 80) {
         indent + theme.boldFn(`v${version}`)
     ];
 }
-export function drawBanner(mode = 'full', version = '1.5.0', cols = 80) {
+export function drawBanner(mode = 'full', version = DEVX_VERSION, cols = 80) {
     const lines = renderBannerLines(mode, version, cols);
     if (lines.length > 0) {
         console.log();

package/dist/cli/headless.js

@@ -8,6 +8,7 @@ import { getTools } from '../tools/index.js';
 import { CLIConsoleGuard } from '../permissions/guard.js';
 import { globalSnapshotManager } from '../core/snapshot.js';
 import { UsageTracker } from '../core/usage.js';
+import { MCPManager } from '../mcp/manager.js';
 export async function runHeadlessMode(userPrompt, config, options = {}) {
     const planMode = !!options.planMode;
     const isYolo = !!options.yolo || !!config.autoApprove;
@@ -17,10 +18,6 @@ export async function runHeadlessMode(userPrompt, config, options = {}) {
     const sysPrompt = await buildSystemPrompt(planMode);
     history.updateSystemPrompt(sysPrompt);
     history.addMessage({ role: 'user', content: userPrompt });
-    const provider = createProvider(config);
-    const tools = getTools(planMode);
-    const guard = new CLIConsoleGuard(isYolo);
-    const agent = new Agent(config, provider, tools, history, guard);
     let executedTools = [];
     let accumulatedText = '';
     let accumulatedReasoning = '';
@@ -35,6 +32,11 @@ export async function runHeadlessMode(userPrompt, config, options = {}) {
         process.exit(130);
     });
     try {
+        await MCPManager.getInstance().init();
+        const provider = createProvider(config);
+        const tools = getTools(planMode);
+        const guard = new CLIConsoleGuard(isYolo);
+        const agent = new Agent(config, provider, tools, history, guard);
         if (!isQuiet && !isJson) {
             console.log(pc.bold(pc.cyan(`⚡ devx v${DEVX_VERSION} (headless) | ${planMode ? 'PLAN' : 'AGENT'} | ${config.model}`)));
             console.log(pc.dim(`Task: ${userPrompt}\n`));
@@ -109,5 +111,6 @@ export async function runHeadlessMode(userPrompt, config, options = {}) {
     }
     finally {
         globalSnapshotManager.finishTurn();
+        MCPManager.getInstance().stopAll();
     }
 }

package/dist/cli/index.js

@@ -34,7 +34,7 @@ import { UsageTracker } from '../core/usage.js';
 import { SessionExporter } from './export.js';
 import { MCPManager } from '../mcp/manager.js';
 import { LiveTelemetryTracker } from './telemetry.js';
-import { renderPowerlineStatus, GitStatusCache } from './statusline.js';
+import { renderCleanStatus, renderPowerlineStatus, GitStatusCache } from './statusline.js';
 import { formatDiffBox } from './diff.js';
 import { drawBanner } from './banner.js';
 const CONFIG_PATH = path.join(os.homedir(), '.devxrc.json');
@@ -523,11 +523,11 @@ function formatToolGeneratingLabel(name, targetHint) {
         return `→ Clarifying questions...`;
     return `→ ${name}${target}...`;
 }
-async function handleSessionDelete() {
+async function handleSessionDelete(bannerMode) {
     while (true) {
         const sessions = await SessionManager.listSessions();
         if (sessions.length === 0) {
-            drawLogo();
+            drawLogo(bannerMode);
             p.log.warn('No saved sessions found.');
             break;
         }
@@ -562,7 +562,7 @@ async function handleSessionDelete() {
             break;
         }
         if (!chosenSessionId || chosenSessionId === '__cancel__') {
-            drawLogo();
+            drawLogo(bannerMode);
             p.log.info('Session deletion finished.');
             break;
         }
@@ -573,7 +573,7 @@ async function handleSessionDelete() {
             });
             if (!p.isCancel(confirmAll) && confirmAll) {
                 const count = await SessionManager.deleteAllSessions();
-                drawLogo();
+                drawLogo(bannerMode);
                 p.log.success(`Deleted all ${count} sessions.`);
                 break;
             }
@@ -582,7 +582,7 @@ async function handleSessionDelete() {
         const target = sessions.find(s => s.id === chosenSessionId);
         const title = target ? target.title : chosenSessionId;
         const ok = await SessionManager.deleteSession(chosenSessionId);
-        drawLogo();
+        drawLogo(bannerMode);
         if (ok) {
             p.log.success(`Deleted session: "${title}"`);
         }
@@ -607,7 +607,7 @@ async function handleThemeSelect(config) {
             config.theme = selected;
             await saveConfig(config);
             const th = setActiveTheme(selected);
-            drawLogo();
+            drawLogo(config.banner || 'full');
             p.log.success(th.boldFn(`🎨 Theme switched to ${th.emoji} ${th.name}!`));
         }
     }
@@ -627,6 +627,11 @@ async function handleSettings(config) {
                         value: 'change_theme',
                         description: `Switch UI accent colors (${currentTh.desc})`
                     },
+                    {
+                        name: `Interface: ${config.ui?.layout === 'classic' ? 'Classic' : 'Clean'}`,
+                        value: 'toggle_layout',
+                        description: 'Switch between the compact layout and the original terminal UI'
+                    },
                     {
                         name: `${config.pureBlackTheme !== false ? pc.green('🖤 Pure Black Background: ON') : pc.yellow('🖤 Pure Black Background: OFF')}`,
                         value: 'toggle_black_theme',
@@ -676,6 +681,14 @@ async function handleSettings(config) {
                 await handleThemeSelect(config);
                 continue;
             }
+            if (choice === 'toggle_layout') {
+                config.ui = config.ui || {};
+                config.ui.layout = config.ui.layout === 'classic' ? 'clean' : 'classic';
+                config.banner = config.ui.layout === 'clean' ? 'clean' : 'full';
+                await saveConfig(config);
+                drawLogo(config.banner);
+                continue;
+            }
             if (choice === 'about') {
                 p.note(`⚡ devx v${DEVX_VERSION} — Terminal-Native AI Coding Agent\n` +
                     `🎨 Theme: ${currentTh.emoji} ${currentTh.name}\n` +
@@ -694,7 +707,7 @@ async function handleSettings(config) {
                 else {
                     resetTerminalTheme();
                 }
-                drawLogo();
+                drawLogo(config.banner || 'full');
                 p.log.success(`Pure Black background: ${config.pureBlackTheme ? pc.bold(pc.green('ON (Deep Black)')) : pc.bold(pc.yellow('OFF (System Default)'))}`);
                 continue;
             }
@@ -785,6 +798,9 @@ export async function main() {
     const planModeInitial = !!options.plan;
     const isHeadless = !!options.prompt;
     let config = await loadConfig(!isHeadless);
+    config.banner = config.ui?.layout === 'classic'
+        ? config.banner || 'full'
+        : config.banner === 'off' ? 'off' : 'clean';
     if (options.model) {
         config.model = options.model;
         config.maxContextTokens = getModelContextLimit(options.model);
@@ -864,7 +880,18 @@ export async function main() {
         const cols = process.stdout.columns || 80;
         const modeName = planMode ? 'PLAN' : 'AGENT';
         const theme = getCurrentTheme();
-        if (config.ui?.powerlineStatus) {
+        if (config.ui?.layout !== 'classic') {
+            console.log(renderCleanStatus({
+                mode: modeName,
+                model: config.model,
+                currentTokens,
+                maxTokens,
+                cost: totalSessionCost,
+                cols,
+                isYolo: !!config.autoApprove
+            }) + '\n');
+        }
+        else if (config.ui?.powerlineStatus) {
             const statusLine = renderPowerlineStatus({
                 mode: modeName,
                 model: config.model,
@@ -901,12 +928,16 @@ export async function main() {
         if (autoTriggerPrompt) {
             answer = autoTriggerPrompt;
             autoTriggerPrompt = '';
-            console.log(theme.colorFn('◆') + '  ' + pc.bold(pc.white(answer)));
+            console.log(config.ui?.layout === 'classic'
+                ? theme.colorFn('◆') + '  ' + pc.bold(pc.white(answer))
+                : pc.cyan('›') + ' ' + answer);
         }
         else {
             const inputStr = await askPrompt({
                 message: 'Ask anything...',
-                placeholder: 'Fix a TODO, type /help, or press Tab to switch mode',
+                placeholder: config.ui?.layout === 'classic'
+                    ? 'Fix a TODO, type /help, or press Tab to switch mode'
+                    : 'Ask or describe a task…',
                 initialValue: currentDraft,
                 planMode,
                 isYolo: !!config.autoApprove,
@@ -1014,7 +1045,7 @@ export async function main() {
                             continue;
                         }
                         if (picked === '/session del') {
-                            await handleSessionDelete();
+                            await handleSessionDelete(config.banner || 'full');
                             continue;
                         }
                         cmd = picked;
@@ -1026,7 +1057,7 @@ export async function main() {
             }
             if (cmd === '/settings') {
                 config = await handleSettings(config);
-                drawLogo();
+                drawLogo(config.banner || 'full');
                 continue;
             }
             if (cmd === '/update') {
@@ -1058,9 +1089,7 @@ export async function main() {
                 break;
             }
             if (cmd === '/clear') {
-                history.clear();
-                history.addMessage({ role: 'system', content: await buildSystemPrompt(planMode) });
-                p.log.success('History cleared.');
+                drawLogo(config.banner || 'full');
                 continue;
             }
             if (cmd === '/new' || cmd === '/reset') {
@@ -1068,7 +1097,7 @@ export async function main() {
                 history = new History();
                 history.addMessage({ role: 'system', content: await buildSystemPrompt(planMode) });
                 totalSessionCost = 0;
-                drawLogo();
+                drawLogo(config.banner || 'full');
                 const initialPrompt = parts.slice(1).join(' ').trim();
                 if (initialPrompt) {
                     p.log.success('Started new session with prompt.');
@@ -1082,7 +1111,7 @@ export async function main() {
             else if (cmd === '/session' || cmd === '/sessions' || cmd === '/resume' || cmd === '/history') {
                 const sub = (parts[1] || '').toLowerCase();
                 if (sub === 'del' || sub === 'delete' || sub === 'rm') {
-                    await handleSessionDelete();
+                    await handleSessionDelete(config.banner || 'full');
                     continue;
                 }
                 const sessions = await SessionManager.listSessions();
@@ -1124,7 +1153,7 @@ export async function main() {
                     continue;
                 }
                 if (chosenSessionId === '__delete_mode__') {
-                    await handleSessionDelete();
+                    await handleSessionDelete(config.banner || 'full');
                     continue;
                 }
                 const loaded = await SessionManager.loadSession(chosenSessionId);
@@ -1142,7 +1171,7 @@ export async function main() {
                         planMode = loaded.planMode;
                     }
                     totalSessionCost = loaded.totalCost || 0;
-                    drawLogo();
+                    drawLogo(config.banner || 'full');
                     const nonSysMessages = loaded.messages.filter(m => m.role !== 'system');
                     const totalMsgs = nonSysMessages.length;
                     const displayLimit = 20;
@@ -1194,7 +1223,7 @@ export async function main() {
                 planMode = true;
                 const newSys = await buildSystemPrompt(true);
                 history.updateSystemPrompt(newSys);
-                drawLogo();
+                drawLogo(config.banner || 'full');
                 p.log.success(pc.cyan('Switched to PLAN mode (Architect & Planner). Modifying tools are disabled.'));
                 continue;
             }
@@ -1202,7 +1231,7 @@ export async function main() {
                 planMode = false;
                 const newSys = await buildSystemPrompt(false);
                 history.updateSystemPrompt(newSys);
-                drawLogo();
+                drawLogo(config.banner || 'full');
                 p.log.success(pc.green('Switched to AGENT mode (Coder & Executor). Full tools enabled.'));
                 continue;
             }
@@ -1366,11 +1395,6 @@ export async function main() {
                 }
                 continue;
             }
-            if (cmd === '/clear') {
-                console.clear();
-                drawLogo();
-                continue;
-            }
             if (cmd === '/session' && parts[1]?.toLowerCase() !== 'del') {
                 const cur = sessionManager.getSession();
                 const nonSys = history.getMessages().filter(m => m.role !== 'system');
@@ -1432,7 +1456,7 @@ export async function main() {
                         config.theme = matched.id;
                         await saveConfig(config);
                         const th = setActiveTheme(matched.id);
-                        drawLogo();
+                        drawLogo(config.banner || 'full');
                         p.log.success(th.boldFn(`🎨 Theme switched to ${th.emoji} ${th.name}!`));
                     }
                     else {
@@ -1518,7 +1542,7 @@ export async function main() {
             }
             if (cmd === '/model') {
                 const res = await selectModel(config.baseUrl, config.apiKey, config.model, config.provider || '', true);
-                drawLogo();
+                drawLogo(config.banner || 'full');
                 if (res) {
                     config.model = res.model;
                     config.maxContextTokens = res.contextLimit;
@@ -1532,7 +1556,7 @@ export async function main() {
             }
             if (cmd === '/provider' || cmd === '/providers') {
                 const newConfig = await selectProvider(config, true);
-                drawLogo();
+                drawLogo(config.banner || 'full');
                 if (newConfig) {
                     config = newConfig;
                     p.log.success(`Switched provider to: ${pc.bold(config.provider || 'custom')} (${config.model})`);

package/dist/cli/prompt.js

@@ -30,7 +30,7 @@ export const SLASH_COMMANDS = [
     { 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 screen' },
     { cmd: '/init', desc: 'Generate AGENTS.md project instructions' },
     { cmd: '/config', desc: 'View current configuration' },
     { cmd: '/help', desc: 'Show all available commands' },
@@ -43,15 +43,20 @@ 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 = [];
@@ -97,7 +102,7 @@ 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(/(\[(?:Pasted text #\d+ \+\d+ lines|\d+\.png \d+kb)\])/g, (match) => (cleanLayout ? pc.dim(match) : theme.badgeFn(` ${match.slice(1, -1)} `)) + '\x1b[0m');
         }
         function expandPastes(text) {
             let expanded = text;
@@ -148,7 +153,7 @@ export function askPrompt(opts = {}) {
         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}` }))
@@ -211,8 +216,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 +226,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 +314,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
@@ -356,7 +373,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);
         }

package/dist/cli/prompt_palette.js

@@ -7,6 +7,12 @@ export function filterCommandPalette(query, commands) {
     return commands.filter((c) => {
         const name = c.cmd.toLowerCase().replace(/^\//, '');
         return name.includes(q) || c.desc.toLowerCase().includes(q);
+    }).sort((a, b) => {
+        const rank = (cmd) => {
+            const name = cmd.toLowerCase().replace(/^\//, '');
+            return name.startsWith(q) ? 0 : name.includes(q) ? 1 : 2;
+        };
+        return rank(a.cmd) - rank(b.cmd);
     });
 }
 export function estimatePromptTokens(text) {

package/dist/cli/statusline.js

@@ -65,6 +65,32 @@ export function formatCostBadge(cost, maxCostUSD) {
     }
     return pc.green(costFormatted);
 }
+function clipLabel(label, width) {
+    if (label.length <= width)
+        return label;
+    return width > 1 ? `${label.slice(0, width - 1)}…` : label.slice(0, width);
+}
+export function renderCleanStatus(opts) {
+    const cols = Math.max(20, opts.cols || process.stdout.columns || 80);
+    const available = cols - 2;
+    const mode = opts.isYolo ? 'YOLO' : opts.mode;
+    const modelWidth = Math.max(4, available - mode.length - 2);
+    const shortModel = opts.model.length > modelWidth && opts.model.includes('/')
+        ? opts.model.split('/').pop() || opts.model
+        : opts.model;
+    const model = clipLabel(shortModel, modelWidth);
+    const percent = Math.min(100, Math.round((opts.currentTokens / Math.max(1, opts.maxTokens)) * 100));
+    const contextLabel = cols < 38 ? 'ctx' : 'context';
+    let details = `${contextLabel} ${percent}% · $${opts.cost.toFixed(4)}`;
+    if (details.length > available)
+        details = `${percent}% · $${opts.cost.toFixed(2)}`;
+    const git = GitStatusCache.getStatus();
+    const branch = git ? ` · ${git.branch}${git.isDirty ? '*' : ''}` : '';
+    if (details.length + branch.length <= available)
+        details += branch;
+    details = clipLabel(details, available);
+    return `${pc.cyan(mode.toLowerCase())}  ${pc.bold(model)}\n${pc.dim(details)}`;
+}
 export function renderPowerlineStatus(opts) {
     const cols = opts.cols || process.stdout.columns || 80;
     const theme = getCurrentTheme();

package/dist/core/types.js

@@ -1 +1 @@
-export const DEVX_VERSION = '1.5.0';
+export const DEVX_VERSION = '1.6.0';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "termux-dev",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "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",
@@ -15,7 +15,9 @@
   "files": [
     "bin",
     "dist",
-    "assets"
+    "assets/banner.svg",
+    "assets/preview.svg",
+    "assets/preview.png"
   ],
   "scripts": {
     "build": "tsc && node ./scripts/copy-assets.js",