termux-dev 1.1.1 → 1.2.0

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

package/dist/cli/doctor.js

@@ -0,0 +1,141 @@
+import os from 'os';
+import { execSync } from 'child_process';
+import https from 'https';
+import pc from 'picocolors';
+import { getCurrentTheme } from './theme.js';
+import { isTermux } from '../core/notify.js';
+function checkCmd(cmd) {
+    try {
+        const out = execSync(cmd, { stdio: ['ignore', 'pipe', 'ignore'], encoding: 'utf8' }).trim();
+        return out.split('\n')[0];
+    }
+    catch {
+        return null;
+    }
+}
+async function pingUrl(url) {
+    return new Promise((resolve) => {
+        const req = https.get(url, { timeout: 3000 }, (res) => {
+            resolve(res.statusCode !== undefined);
+        });
+        req.on('error', () => resolve(false));
+        req.on('timeout', () => {
+            req.destroy();
+            resolve(false);
+        });
+    });
+}
+export async function runDoctor(config) {
+    const theme = getCurrentTheme();
+    console.log('\n' + theme.boldFn('🩺 devx Doctor — System & Environment Health Diagnostics'));
+    console.log(pc.dim('──────────────────────────────────────────────────────────────────'));
+    const envChecks = [];
+    const toolChecks = [];
+    const keyChecks = [];
+    const netChecks = [];
+    // 1. Environment Checks
+    const nodeVer = process.version;
+    const nodeMajor = parseInt(nodeVer.replace(/^v/, '').split('.')[0], 10);
+    envChecks.push({
+        name: 'Node.js Runtime',
+        status: nodeMajor >= 20 ? 'ok' : 'warn',
+        details: `${nodeVer} (Recommended: >= 20.0)`
+    });
+    const termux = isTermux();
+    envChecks.push({
+        name: 'Platform / Environment',
+        status: 'ok',
+        details: termux ? 'Android (Termux ARM64)' : `${os.platform()} ${os.arch()} (${os.release()})`
+    });
+    const cwd = process.cwd();
+    envChecks.push({
+        name: 'Working Directory',
+        status: 'ok',
+        details: cwd
+    });
+    // 2. Essential Tools
+    const gitVer = checkCmd('git --version');
+    toolChecks.push({
+        name: 'Git VCS',
+        status: gitVer ? 'ok' : 'warn',
+        details: gitVer || 'Not installed (some git features disabled)'
+    });
+    const npmVer = checkCmd('npm --version');
+    toolChecks.push({
+        name: 'NPM Package Manager',
+        status: npmVer ? 'ok' : 'warn',
+        details: npmVer ? `v${npmVer}` : 'Not installed'
+    });
+    const pythonVer = checkCmd('python --version') || checkCmd('python3 --version');
+    toolChecks.push({
+        name: 'Python Runtime',
+        status: pythonVer ? 'ok' : 'warn',
+        details: pythonVer || 'Optional (not found)'
+    });
+    const cCompiler = checkCmd('clang --version') || checkCmd('gcc --version');
+    toolChecks.push({
+        name: 'C/C++ Compiler',
+        status: cCompiler ? 'ok' : 'warn',
+        details: cCompiler ? cCompiler.split(' ')[0] : 'Optional (not found)'
+    });
+    // 3. AI Providers & Keys
+    const activeProvider = config.provider || 'openrouter';
+    const hasActiveKey = !!config.apiKey;
+    keyChecks.push({
+        name: `Active Provider (${activeProvider})`,
+        status: hasActiveKey ? 'ok' : 'fail',
+        details: hasActiveKey ? `Configured (Model: ${config.model})` : 'Missing API Key! Set via /provider or ~/.devxrc.json'
+    });
+    const envOpenRouter = !!process.env.OPENROUTER_API_KEY;
+    const envOpenAI = !!process.env.OPENAI_API_KEY;
+    const envAnthropic = !!process.env.ANTHROPIC_API_KEY;
+    const envGoogle = !!process.env.GEMINI_API_KEY;
+    keyChecks.push({
+        name: 'OpenRouter Key',
+        status: envOpenRouter || config.provider === 'openrouter' && hasActiveKey ? 'ok' : 'warn',
+        details: envOpenRouter || (config.provider === 'openrouter' && hasActiveKey) ? 'Configured' : 'Not set'
+    });
+    keyChecks.push({
+        name: 'OpenAI / Gemini / Anthropic Keys',
+        status: envOpenAI || envAnthropic || envGoogle ? 'ok' : 'warn',
+        details: [envOpenAI && 'OpenAI', envAnthropic && 'Anthropic', envGoogle && 'Gemini'].filter(Boolean).join(', ') || 'Not set in env (using default provider)'
+    });
+    // 4. Network Connectivity
+    const openRouterOnline = await pingUrl('https://openrouter.ai');
+    netChecks.push({
+        name: 'OpenRouter API Connectivity',
+        status: openRouterOnline ? 'ok' : 'warn',
+        details: openRouterOnline ? 'Online (HTTP 200/reachable)' : 'Unreachable (check VPN/DNS/WiFi)'
+    });
+    const githubOnline = await pingUrl('https://api.github.com');
+    netChecks.push({
+        name: 'GitHub API (for updater)',
+        status: githubOnline ? 'ok' : 'warn',
+        details: githubOnline ? 'Online (reachable)' : 'Unreachable'
+    });
+    // Helper to render section
+    const renderSection = (title, items) => {
+        console.log('\n' + theme.colorFn(pc.bold(`• ${title}`)));
+        for (const item of items) {
+            let icon = pc.green('✔');
+            if (item.status === 'warn')
+                icon = pc.yellow('▲');
+            if (item.status === 'fail')
+                icon = pc.red('✖');
+            console.log(`  ${icon} ${pc.bold(item.name)}: ${pc.dim(item.details)}`);
+        }
+    };
+    renderSection('Environment & OS', envChecks);
+    renderSection('Developer Tools', toolChecks);
+    renderSection('AI Configuration & Keys', keyChecks);
+    renderSection('Network Connectivity', netChecks);
+    console.log('\n' + pc.dim('──────────────────────────────────────────────────────────────────'));
+    const hasFailures = [...envChecks, ...toolChecks, ...keyChecks, ...netChecks].some(i => i.status === 'fail');
+    if (hasFailures) {
+        console.log(pc.red(pc.bold('⚠ Doctor found critical issues that might prevent devx from functioning properly.')));
+    }
+    else {
+        console.log(theme.boldFn('🎉 Everything looks healthy! devx is fully configured and ready for vibe-coding.'));
+    }
+    console.log();
+}

package/dist/cli/index.js

@@ -6,7 +6,7 @@ import os from 'os';
 import path from 'path';
 import fs from 'fs/promises';
 import fsSync from 'fs';
-import { execSync } from 'child_process';
+import { execSync, execFileSync } from 'child_process';
 import { History } from '../core/history.js';
 import { Agent } from '../core/loop.js';
 import { buildSystemPrompt } from '../prompts/builder.js';
@@ -15,7 +15,9 @@ import { getTools, lastPlanReady, resetPlanReady } from '../tools/index.js';
 import { CLIConsoleGuard } from '../permissions/guard.js';
 import { globalSnapshotManager } from '../core/snapshot.js';
 import { MemoryManager } from '../core/memory.js';
-import { startServer, stopServer } from './server.js';
+import { startServer, stopServer, displayServerBanner } from './server.js';
+import { notifyDevice } from '../core/notify.js';
+import { runDoctor } from './doctor.js';
 import { ALL_PROVIDERS } from './providers.js';
 import { getModelContextLimit } from '../core/models.js';
 import { SessionManager } from '../core/session.js';
@@ -24,6 +26,7 @@ import { SmoothStreamer } from './smooth.js';
 import { askPrompt } from './prompt.js';
 import { resolveAtMentions } from './files.js';
 import { runStartupUpdateCheck, checkForUpdates, performSelfUpdate } from './updater.js';
+import { setActiveTheme, getCurrentTheme, listThemes, findTheme } from './theme.js';
 const CONFIG_PATH = path.join(os.homedir(), '.devxrc.json');
 function maskApiKey(key) {
     if (!key)
@@ -371,14 +374,15 @@ function clearTerminalScreen() {
 function drawLogo() {
     const cols = process.stdout.columns || 80;
     clearTerminalScreen();
+    const theme = getCurrentTheme();
     if (cols < 56) {
         // Ultra-clean compact ASCII for small mobile screens (width: ~26 chars)
         const logo = [
             '',
-            pc.cyan('  █▀▀▄ █▀▀▀ █   █ █   █'),
-            pc.cyan('  █  █ █▀▀▀  ▀▄▀   ▀▄▀ '),
-            pc.cyan('  █▄▄▀ █▄▄▄   ▀    ▀ ▀ '),
-            '  ' + pc.cyan(pc.bold('v1.1.1')),
+            theme.colorFn('  █▀▀▄ █▀▀▀ █   █ █   █'),
+            theme.colorFn('  █  █ █▀▀▀  ▀▄▀   ▀▄▀ '),
+            theme.colorFn('  █▄▄▀ █▄▄▄   ▀    ▀ ▀ '),
+            '  ' + theme.boldFn('v1.2.0'),
             ''
         ];
         for (const line of logo) {
@@ -390,10 +394,10 @@ function drawLogo() {
         const indent = cols < 68 ? ' ' : '   ';
         const logo = [
             '',
-            indent + pc.cyan('▀▀▀█▀▀▀ █▀▀▀ █▀▀█ █▄ ▄█ █  █ ▀▄ ▄▀    █▀▀▄ █▀▀▀ █   █'),
-            indent + pc.cyan('   █    █▀▀▀ █▄▄▀ █ █ █ █  █   █   ▀▀ █  █ █▀▀▀ █   █'),
-            indent + pc.cyan('   █    █▄▄▄ █ ▀▄ █   █ ▀▄▄▀ ▄▀ ▀▄    █▄▄▀ █▄▄▄  ▀▄▀ '),
-            indent + pc.cyan(pc.bold('v1.1.1')),
+            indent + theme.colorFn('▀▀▀█▀▀▀ █▀▀▀ █▀▀█ █▄ ▄█ █  █ ▀▄ ▄▀    █▀▀▄ █▀▀▀ █   █'),
+            indent + theme.colorFn('   █    █▀▀▀ █▄▄▀ █ █ █ █  █   █   ▀▀ █  █ █▀▀▀ █   █'),
+            indent + theme.colorFn('   █    █▄▄▄ █ ▀▄ █   █ ▀▄▄▀ ▄▀ ▀▄    █▄▄▀ █▄▄▄  ▀▄▀ '),
+            indent + theme.boldFn('v1.2.0'),
             ''
         ];
         for (const line of logo) {
@@ -415,6 +419,33 @@ function formatSessionTime(timestamp) {
     const days = Math.floor(hours / 24);
     return `${days}d ago`;
 }
+function formatToolGeneratingLabel(name, targetHint) {
+    const t = name.toLowerCase();
+    const target = targetHint ? ` ${targetHint}` : '';
+    if (t === 'read_file' || t === 'read')
+        return `→ Read${target || '...'}`;
+    if (t === 'write_file' || t === 'write')
+        return `→ Write${target || '...'}`;
+    if (t === 'edit_file' || t === 'patch')
+        return `→ Edit${target || '...'}`;
+    if (t === 'delete_file' || t === 'remove_file' || t === 'rm')
+        return `→ Delete${target || '...'}`;
+    if (t === 'bash' || t === 'run_command' || t === 'exec')
+        return `→ Run:${target || '...'}`;
+    if (t === 'search' || t === 'grep_search')
+        return `→ Search${target || '...'}`;
+    if (t === 'list_dir' || t === 'ls')
+        return `→ List${target || '...'}`;
+    if (t === 'todo_list' || t === 'update_todos')
+        return `→ Update Plan & Tasks...`;
+    if (t === 'plan_ready')
+        return `→ Finalize Plan...`;
+    if (t === 'diagnose_code')
+        return `→ Diagnosing code...`;
+    if (t === 'ask_questions')
+        return `→ Clarifying questions...`;
+    return `→ ${name}${target}...`;
+}
 async function handleSessionDelete() {
     while (true) {
         const sessions = await SessionManager.listSessions();
@@ -493,6 +524,39 @@ export async function main() {
     const options = program.opts();
     let planMode = !!options.plan;
     let config = await loadConfig();
+    if (!config.onboarded) {
+        const cols = Math.min(process.stdout.columns || 40, 42);
+        const fill = Math.max(2, cols - 16);
+        const topBorder = '┌─ preview.ts ' + '─'.repeat(fill) + '┐';
+        const bottomBorder = '└' + '─'.repeat(cols - 2) + '┘';
+        const themeChoices = listThemes().map(t => {
+            const addLine = t.diffAddBg(` + 1 | const theme = "${t.id}";`.padEnd(cols - 2));
+            const remLine = t.diffRemoveBg(` - 2 | const theme = "none";`.padEnd(cols - 2));
+            const preview = `${t.colorFn(topBorder)}\n${addLine}\n${remLine}\n${t.colorFn(bottomBorder)}\n\n${pc.dim('💡 You can change this anytime with /theme')}`;
+            return {
+                name: `${t.emoji} ${t.boldFn(t.name.padEnd(18))} ${pc.dim(t.desc)}`,
+                value: t.id,
+                description: preview
+            };
+        });
+        try {
+            console.clear();
+            const selected = await select({
+                message: `${pc.bold('🎨 Pick a theme to personalize your workspace:')}`,
+                choices: themeChoices,
+                pageSize: 10
+            });
+            if (selected) {
+                config.theme = selected;
+            }
+        }
+        catch { }
+        config.onboarded = true;
+        await saveConfig(config);
+    }
+    if (config.theme) {
+        setActiveTheme(config.theme);
+    }
     enableDarkTheme(config.pureBlackTheme !== false);
     let history = new History();
     const sysPrompt = await buildSystemPrompt(planMode);
@@ -519,6 +583,7 @@ export async function main() {
         const tokenStats = `Context: ${formatTokens(currentTokens)} / ${formatTokens(maxTokens)} (${usagePercent}%) • ${costStr}`;
         const cols = process.stdout.columns || 80;
         const modeName = planMode ? 'PLAN' : 'AGENT';
+        const theme = getCurrentTheme();
         // Shorten model name if too long on narrow mobile screens
         let displayModel = config.model;
         if (cols < 75 && displayModel.length > 20) {
@@ -528,7 +593,7 @@ export async function main() {
                 displayModel = displayModel.slice(0, 17) + '...';
             }
         }
-        const badge = pc.bgCyan(pc.black(` devx | ${modeName} | ${displayModel} `));
+        const badge = theme.badgeFn(`devx | ${modeName} | ${displayModel}`);
         if (cols < 75) {
             // 2-line layout for mobile screens: perfectly aligned with clack box borders
             p.intro(`${badge}\n${pc.dim('│')}  ${pc.dim(tokenStats)}`);
@@ -541,7 +606,7 @@ export async function main() {
         if (autoTriggerPrompt) {
             answer = autoTriggerPrompt;
             autoTriggerPrompt = '';
-            console.log(pc.cyan('◆') + '  ' + pc.bold(pc.white(answer)));
+            console.log(theme.colorFn('◆') + '  ' + pc.bold(pc.white(answer)));
         }
         else {
             const inputStr = await askPrompt({
@@ -582,16 +647,44 @@ export async function main() {
         if (answer.startsWith('/')) {
             const parts = answer.split(' ');
             let cmd = parts[0];
+            async function handleThemeSelect(config) {
+                const currentTh = getCurrentTheme();
+                const themeChoices = listThemes().map(t => ({
+                    name: `${t.emoji} ${t.boldFn(t.name.padEnd(18))} ${pc.dim(t.desc)} ${t.id === currentTh.id ? pc.green('(Active)') : ''}`,
+                    value: t.id,
+                    description: `Apply ${t.name} color palette (${t.hex}) to banners, prompts, and actions`
+                }));
+                try {
+                    const selected = await select({
+                        message: `${pc.bold('🎨 Select UI Theme / Выберите цветовую тему:')}`,
+                        choices: themeChoices
+                    });
+                    if (selected) {
+                        config.theme = selected;
+                        await saveConfig(config);
+                        const th = setActiveTheme(selected);
+                        drawLogo();
+                        p.log.success(th.boldFn(`🎨 Theme switched to ${th.emoji} ${th.name}!`));
+                    }
+                }
+                catch { }
+            }
             async function handleSettings(config) {
                 while (true) {
                     try {
                         const maxIter = config.maxIterations || 100;
                         const maxIterLabel = maxIter >= 9999 ? 'Unlimited' : `${maxIter} steps`;
+                        const currentTh = getCurrentTheme();
                         const choice = await select({
-                            message: `${pc.bold('⚙️  Settings')} ${pc.dim('(devx v1.1.1 • by ApvCode)')}`,
+                            message: `${pc.bold('⚙️  Settings')} ${pc.dim(`(devx v1.2.0 • theme: ${currentTh.name})`)}`,
                             choices: [
                                 {
-                                    name: `${config.pureBlackTheme !== false ? pc.green('🎨 Pure Black Background: ON') : pc.yellow('🎨 Pure Black Background: OFF')}`,
+                                    name: `🎨 Color Theme: ${currentTh.emoji} ${currentTh.name}`,
+                                    value: 'change_theme',
+                                    description: `Switch UI accent colors (${currentTh.desc})`
+                                },
+                                {
+                                    name: `${config.pureBlackTheme !== false ? pc.green('🖤 Pure Black Background: ON') : pc.yellow('🖤 Pure Black Background: OFF')}`,
                                     value: 'toggle_black_theme',
                                     description: config.pureBlackTheme !== false
                                         ? 'Apply deep OLED obsidian black background (#0a0a0c) like OpenCode'
@@ -619,12 +712,12 @@ export async function main() {
                                         : 'Disable update checking on startup (run /update manually instead)'
                                 },
                                 {
-                                    name: `🔄 Max Agent Iterations: ${pc.cyan(maxIterLabel)}`,
+                                    name: `🔄 Max Agent Iterations: ${currentTh.colorFn(maxIterLabel)}`,
                                     value: 'change_max_iterations',
                                     description: 'Limit how many tool steps (file edits, terminal commands) agent can do per request'
                                 },
                                 {
-                                    name: `${pc.cyan('✨ About devx')} ${pc.dim('(v1.1.1 by ApvCode)')}`,
+                                    name: `${currentTh.colorFn('✨ About devx')} ${pc.dim('(v1.2.0 by ApvCode)')}`,
                                     value: 'about',
                                     description: 'Terminal-Native AI Coding Agent created by ApvCode (https://github.com/apvcode/Termux-Dev)'
                                 },
@@ -635,8 +728,13 @@ export async function main() {
                                 }
                             ]
                         });
+                        if (choice === 'change_theme') {
+                            await handleThemeSelect(config);
+                            continue;
+                        }
                         if (choice === 'about') {
-                            p.note(`⚡ devx v1.1.1 — Terminal-Native AI Coding Agent\n` +
+                            p.note(`⚡ devx v1.2.0 — 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` +
                                 `📜 License: MIT License (2026)\n` +
@@ -665,13 +763,13 @@ export async function main() {
                         if (choice === 'toggle_memory') {
                             config.enableMemory = config.enableMemory === false ? true : false;
                             await saveConfig(config);
-                            p.log.success(`Project memory: ${config.enableMemory ? pc.bold(pc.green('ON (Enabled)')) : pc.bold(pc.yellow('OFF (Disabled)'))}`);
+                            p.log.success(`Project memory bank: ${config.enableMemory !== false ? pc.bold(pc.green('ON (Persistent .devx/memory.md)')) : pc.bold(pc.yellow('OFF'))}`);
                             continue;
                         }
                         if (choice === 'toggle_check_updates') {
                             config.checkUpdates = config.checkUpdates === false ? true : false;
                             await saveConfig(config);
-                            p.log.success(`Check for updates on startup: ${config.checkUpdates ? pc.bold(pc.green('ON (Enabled)')) : pc.bold(pc.yellow('OFF (Disabled)'))}`);
+                            p.log.success(`Check for updates: ${config.checkUpdates !== false ? pc.bold(pc.green('ON (Checked on startup)')) : pc.bold(pc.yellow('OFF (Manual only)'))}`);
                             continue;
                         }
                         if (choice === 'change_max_iterations') {
@@ -699,18 +797,34 @@ export async function main() {
                 process.stdin.resume();
                 return config;
             }
-            const VALID_COMMANDS = ['/new', '/reset', '/resume', '/session', '/sessions', '/history', '/settings', '/update', '/model', '/provider', '/providers', '/plan', '/agent', '/config', '/clear', '/exit', '/help'];
+            const VALID_COMMANDS = [
+                '/new', '/reset', '/resume', '/session', '/sessions', '/history',
+                '/theme', '/themes',
+                '/settings', '/update', '/model', '/provider', '/providers',
+                '/plan', '/agent', '/image', '/serve', '/memory', '/undo',
+                '/diff', '/commit', '/status', '/compact', '/init', '/doctor',
+                '/config', '/clear', '/exit', '/quit', '/help'
+            ];
             if (!VALID_COMMANDS.includes(cmd)) {
                 const SLASH_COMMANDS = [
                     { name: '/new          - Start a new clean chat session', value: '/new' },
                     { name: '/resume       - Resume a previous chat session', value: '/resume' },
                     { name: '/session del  - Select and delete saved sessions', value: '/session del' },
+                    { name: '/theme        - Switch UI color theme', value: '/theme' },
+                    { name: '/doctor       - Run system & environment health diagnostics', value: '/doctor' },
                     { name: '/settings     - Configure permissions & auto-approval', value: '/settings' },
                     { name: '/update       - Check and install updates from GitHub', value: '/update' },
                     { name: '/model        - Switch model for current provider', value: '/model' },
                     { name: '/provider     - Change AI provider (Google, OpenRouter...)', value: '/provider' },
                     { name: '/plan         - Switch to PLAN mode (architect)', value: '/plan' },
                     { name: '/agent        - Switch to AGENT mode (coder)', value: '/agent' },
+                    { name: '/serve        - Start local web server for web preview', value: '/serve' },
+                    { name: '/memory       - View or edit project memory bank', value: '/memory' },
+                    { name: '/undo         - Revert last file changes made by AI', value: '/undo' },
+                    { name: '/diff         - Show git diff of modified files', value: '/diff' },
+                    { name: '/commit       - AI-generated git commit message', value: '/commit' },
+                    { name: '/status       - Show git repository status', value: '/status' },
+                    { name: '/compact      - Compact conversation context', value: '/compact' },
                     { name: '/config       - View current configuration', value: '/config' },
                     { name: '/clear        - Clear message history', value: '/clear' },
                     { name: '/help         - Show commands overview', value: '/help' },
@@ -1043,8 +1157,8 @@ export async function main() {
                         initialValue: true
                     });
                     if (!p.isCancel(confirmed) && confirmed) {
-                        execSync('git add -A', { stdio: 'ignore' });
-                        execSync(`git commit -m "${commitMsg.replace(/"/g, '\\"')}"`, { stdio: 'ignore' });
+                        execFileSync('git', ['add', '-A'], { stdio: 'ignore' });
+                        execFileSync('git', ['commit', '-m', commitMsg], { stdio: 'ignore' });
                         p.log.success(pc.bold(pc.green(`✅ Committed: ${commitMsg}`)));
                     }
                     else {
@@ -1124,6 +1238,10 @@ export async function main() {
                 }
                 continue;
             }
+            if (cmd === '/doctor') {
+                await runDoctor(config);
+                continue;
+            }
             if (cmd === '/serve') {
                 const sub = parts[1]?.toLowerCase();
                 if (sub === 'stop') {
@@ -1138,10 +1256,7 @@ export async function main() {
                     const customPort = parseInt(parts[1], 10) || 3000;
                     try {
                         const { port, localUrl, networkUrl } = await startServer(customPort);
-                        p.log.success(pc.bold(pc.green(`🌐 Web Server running on port ${port}!`)));
-                        console.log(pc.cyan(`  • Local:   ${localUrl}`));
-                        console.log(pc.cyan(`  • Network: ${networkUrl}`));
-                        console.log(pc.dim('  (Use /serve stop to stop the server)\n'));
+                        await displayServerBanner(localUrl, networkUrl);
                     }
                     catch (err) {
                         p.log.error(`Failed to start web server: ${err.message}`);
@@ -1149,6 +1264,27 @@ export async function main() {
                 }
                 continue;
             }
+            if (cmd === '/theme' || cmd === '/themes') {
+                const themeArg = answer.replace(/^\/(?:theme|themes)\s*/i, '').trim();
+                if (themeArg) {
+                    const matched = findTheme(themeArg);
+                    if (matched) {
+                        config.theme = matched.id;
+                        await saveConfig(config);
+                        const th = setActiveTheme(matched.id);
+                        drawLogo();
+                        p.log.success(th.boldFn(`🎨 Theme switched to ${th.emoji} ${th.name}!`));
+                    }
+                    else {
+                        const themes = listThemes();
+                        p.log.warn(`Unknown theme: "${themeArg}". Available themes: ${themes.map(t => `${t.emoji} ${t.id}`).join(', ')}`);
+                    }
+                }
+                else {
+                    await handleThemeSelect(config);
+                }
+                continue;
+            }
             if (cmd === '/memory') {
                 const sub = parts[1]?.toLowerCase();
                 if (sub === 'clear') {
@@ -1330,6 +1466,8 @@ export async function main() {
             }
             catch { }
         }
+        const turnStartTime = Date.now();
+        let toolsExecutedCount = 0;
         try {
             for await (const event of agent.run(abortController.signal)) {
                 if (aborted)
@@ -1368,15 +1506,16 @@ export async function main() {
                     }
                 }
                 else if (event.type === 'tool_generating') {
+                    const theme = getCurrentTheme();
+                    const label = formatToolGeneratingLabel(event.name, event.targetHint);
                     if (!spinnerActive) {
                         streamer.finish();
                         finishThinking(false);
-                        s.start(pc.cyan(`⚡ Calling ${event.name}...`));
+                        s.start(theme.boldFn(label));
                         spinnerActive = true;
                     }
                     else {
-                        const chars = event.bytes > 1000 ? `${(event.bytes / 1000).toFixed(1)}k chars` : `${event.bytes} chars`;
-                        s.message(pc.cyan(`⚡ Generating ${event.name} (${chars})...`));
+                        s.message(theme.boldFn(label));
                     }
                 }
                 else if (event.type === 'tool_start') {
@@ -1397,6 +1536,7 @@ export async function main() {
                     }
                 }
                 else if (event.type === 'tool_end') {
+                    toolsExecutedCount++;
                     if (spinnerActive) {
                         s.stop();
                         spinnerActive = false;
@@ -1408,28 +1548,50 @@ export async function main() {
                                 process.stdout.write(parsed.displayCard);
                             }
                             else if (parsed.action === 'edit' && parsed.diffLines) {
+                                const theme = getCurrentTheme();
                                 const cols = Math.min(process.stdout.columns || 80, 80);
-                                const borderChar = '─';
-                                const boxWidth = Math.max(20, Math.min(cols - 4, 66));
-                                console.log(pc.dim('┌' + borderChar.repeat(boxWidth) + '┐'));
-                                const maxShown = Math.min(parsed.diffLines.length, 12);
+                                const boxWidth = Math.max(30, Math.min(cols - 4, 76));
+                                const fileName = typeof parsed.path === 'string' ? parsed.path.split(/[\/\\]/).pop() || 'file' : 'file';
+                                const fillCount = Math.max(2, boxWidth - 5 - fileName.length);
+                                console.log(theme.colorFn('┌─ ') + pc.bold(fileName) + ' ' + theme.colorFn('─'.repeat(fillCount) + '┐'));
+                                const maxShown = Math.min(parsed.diffLines.length, 30);
                                 for (let i = 0; i < maxShown; i++) {
                                     const line = parsed.diffLines[i];
-                                    if (line.includes(' -  ')) {
-                                        console.log(pc.dim('│ ') + pc.red(line));
-                                    }
-                                    else if (line.includes(' +  ')) {
-                                        console.log(pc.dim('│ ') + pc.green(line));
+                                    const match = line.match(/^(\d+)(\s+[+\- ]\s+)(.*)$/);
+                                    if (match) {
+                                        const lineNum = match[1].padStart(4, ' ');
+                                        const symbol = match[2];
+                                        const contentStr = match[3] || '';
+                                        const prefix = symbol.includes('-') ? '-' : symbol.includes('+') ? '+' : ' ';
+                                        const maxCodeLen = Math.max(10, boxWidth - 11);
+                                        const paddedCode = contentStr.length > maxCodeLen
+                                            ? contentStr.substring(0, maxCodeLen - 1) + '…'
+                                            : contentStr.padEnd(maxCodeLen, ' ');
+                                        const innerRow = ` ${lineNum} ${prefix} ${paddedCode} `;
+                                        if (prefix === '-') {
+                                            console.log(theme.colorFn('│') + theme.diffRemoveBg(innerRow) + theme.colorFn('│'));
+                                        }
+                                        else if (prefix === '+') {
+                                            console.log(theme.colorFn('│') + theme.diffAddBg(innerRow) + theme.colorFn('│'));
+                                        }
+                                        else {
+                                            console.log(theme.colorFn('│') + pc.dim(innerRow) + theme.colorFn('│'));
+                                        }
                                     }
                                     else {
-                                        console.log(pc.dim('│ ') + pc.white(line));
+                                        const maxLen = Math.max(10, boxWidth - 4);
+                                        const padded = line.length > maxLen ? line.substring(0, maxLen - 1) + '…' : line.padEnd(maxLen, ' ');
+                                        console.log(theme.colorFn('│ ') + pc.white(padded) + theme.colorFn(' │'));
                                     }
                                 }
                                 if (parsed.diffLines.length > maxShown) {
-                                    console.log(pc.dim(`│ ... +${parsed.diffLines.length - maxShown} more lines`));
+                                    const dots = `... +${parsed.diffLines.length - maxShown} more lines`;
+                                    const maxLen = Math.max(10, boxWidth - 4);
+                                    const paddedDots = dots.length > maxLen ? dots.substring(0, maxLen - 1) + '…' : dots.padEnd(maxLen, ' ');
+                                    console.log(theme.colorFn('│ ') + pc.dim(paddedDots) + theme.colorFn(' │'));
                                 }
-                                console.log(pc.dim('└' + borderChar.repeat(boxWidth) + '┘'));
-                                console.log(pc.green(`  └─ ${parsed.summary}`));
+                                console.log(theme.colorFn('└' + '─'.repeat(boxWidth - 2) + '┘'));
+                                console.log(theme.boldFn(`  └─ ${parsed.summary}`));
                             }
                             else if (parsed.summary) {
                                 console.log(pc.green(`  └─ ${parsed.summary}`));
@@ -1508,6 +1670,12 @@ export async function main() {
                 process.stdout.write('\n');
             }
             globalSnapshotManager.finishTurn();
+            const turnElapsedMs = Date.now() - turnStartTime;
+            const shouldNotify = (turnElapsedMs >= 15000) || (toolsExecutedCount > 0) || (planMode && lastPlanReady !== null);
+            if (shouldNotify && !aborted) {
+                const secs = Math.round(turnElapsedMs / 1000);
+                notifyDevice('devx', `Task completed in ${secs}s!`);
+            }
             // Auto-save session
             await sessionManager.save(history.getMessages(), totalSessionCost, config.model, planMode);
             // Check if plan was finalized in PLAN mode