agen-vektor 0.3.6 → 0.3.7

package/dist/cli/index.js

@@ -247,7 +247,10 @@ async function runTui(opts) {
         const out = app.render();
         process.stdout.write(terminal_1.ANSI.hideCursor + out);
     };
-    const onResize = () => doRender();
+    const onResize = () => {
+        app.markDirty();
+        doRender();
+    };
     process.stdout.on('resize', onResize);
     process.on('SIGINT', () => {
         // In raw mode Ctrl+C arrives as a key event (0x03), but some terminals
@@ -258,6 +261,12 @@ async function runTui(opts) {
         else
             process.exit(0);
     });
+    process.on('SIGTERM', () => {
+        if (app)
+            app.requestExit();
+        else
+            process.exit(0);
+    });
     process.on('SIGWINCH', onResize);
     const keyHandler = (ev) => {
         void app.handleKey(ev);
@@ -269,11 +278,17 @@ async function runTui(opts) {
         (0, keyboard_1.keyStream)(keyHandler);
         app.start();
         doRender();
-        // Main tick loop
+        app.consumeRender();
+        // Main tick loop — repaint only when something changed. Repainting the
+        // whole frame every tick caused constant flicker and made keystrokes
+        // (Enter, Ctrl+C) feel laggy on slow/mobile connections.
         while (!exit) {
             await app.tick();
-            doRender();
-            await sleep(50);
+            if (app.needsRender()) {
+                doRender();
+                app.consumeRender();
+            }
+            await sleep(80);
         }
     }
     finally {

package/dist/tui/app.js

@@ -79,6 +79,8 @@ class App {
     abortController = null;
     spinner = new theme_1.Spinner();
     runStart = null;
+    /** set on every mutation so the render loop only repaints when needed */
+    dirty = true;
     constructor(agent, opts) {
         this.agent = agent;
         this.opts = opts;
@@ -88,7 +90,20 @@ class App {
         }
     }
     // ─── Public API ───────────────────────────────────────────────
+    /** Mark the screen as needing a repaint. */
+    markDirty() {
+        this.dirty = true;
+    }
+    /** True when the screen must be repainted (dirty, or streaming). */
+    needsRender() {
+        return this.dirty || this.running;
+    }
+    /** Clear the dirty flag after a repaint. */
+    consumeRender() {
+        this.dirty = false;
+    }
     start() {
+        this.markDirty();
         this.connected = true;
         this.status = 'Ready';
         if (this.opts.continueSession && this.sessionName) {
@@ -106,6 +121,7 @@ class App {
         }
     }
     async handleKey(ev) {
+        this.markDirty();
         if (this.modal.type !== 'none') {
             await this.handleModalKey(ev);
             return;
@@ -119,6 +135,10 @@ class App {
                 this.running = false;
                 this.addSystem('⏹ Stopped. Press Ctrl+C again to quit.');
             }
+            else if (ev.name === 'ctrl_d') {
+                // Ctrl+D stops and quits in one go (handy on mobile)
+                this.requestExit();
+            }
             return;
         }
         switch (ev.name) {
@@ -204,11 +224,13 @@ class App {
     }
     async tick() {
         if (this.pendingPrompt) {
+            this.markDirty();
             const p = this.pendingPrompt;
             this.pendingPrompt = '';
             await this.submit(p);
         }
         if (this.planToExecute) {
+            this.markDirty();
             const plan = this.planToExecute;
             this.planToExecute = null;
             await this.executeWithPlan(plan);
@@ -222,6 +244,7 @@ class App {
      * Used by Ctrl+C and SIGINT so the TUI never needs to be killed.
      */
     requestExit() {
+        this.markDirty();
         if (this.running) {
             this.abortController?.abort();
             this.running = false;
@@ -230,6 +253,7 @@ class App {
     }
     // ─── Submission ───────────────────────────────────────────────
     async submit(text) {
+        this.markDirty();
         if (text.startsWith('/')) {
             await this.handleCommand(text);
             return;
@@ -284,15 +308,18 @@ class App {
         }) - 1;
         this.agent.setCallbacks({
             onDelta: (delta) => {
+                this.markDirty();
                 const m = this.messages[msgIndex];
                 if (m)
                     m.content += delta;
             },
             onStatus: (status) => {
+                this.markDirty();
                 this.status = status;
                 this.statusColor = (0, theme_1.statusColor)(status);
             },
             onToolCall: (tool, args) => {
+                this.markDirty();
                 let preview = '';
                 try {
                     const parsed = JSON.parse(args);
@@ -306,6 +333,7 @@ class App {
                 this.messages.push({ kind: 'tool', tool, content: `→ ${preview}` });
             },
             onToolResult: (tool, result) => {
+                this.markDirty();
                 const last = this.messages[this.messages.length - 1];
                 if (last && last.kind === 'tool' && last.tool === tool) {
                     last.content = result.split('\n').slice(0, 12).join('\n');
@@ -314,6 +342,7 @@ class App {
                 }
             },
             onError: (err) => {
+                this.markDirty();
                 const m = this.messages[msgIndex];
                 if (m) {
                     m.kind = 'error';
@@ -322,6 +351,7 @@ class App {
                 }
             },
             onFinal: (result) => {
+                this.markDirty();
                 const m = this.messages[msgIndex];
                 if (m) {
                     m.content = result.content || m.content;
@@ -386,6 +416,7 @@ class App {
         }));
     }
     async executeWithPlan(plan) {
+        this.markDirty();
         this.running = true;
         this.status = 'Executing plan';
         this.statusColor = terminal_1.ANSI.yellow;
@@ -478,6 +509,21 @@ class App {
                     this.addSystem(`Current session: ${this.sessionName || '(none)'}`);
                 }
                 break;
+            case '/connect':
+                // Wizard for a custom OpenAI-compatible API: base URL + token
+                this.agent.config.provider = 'custom';
+                this.agent.rebuildProvider();
+                (0, config_1.saveConfig)(this.agent.config);
+                this.addSystem('Custom provider — masukkan base URL API (mis. https://…/v1), lalu token.');
+                this.modal = { type: 'custom-url', value: this.agent.config.apiUrl || '' };
+                break;
+            case '/agent':
+                this.agent.setMode(this.agent.config.permissionMode === 'yolo' ? 'ask' : 'yolo');
+                (0, config_1.saveConfig)(this.agent.config);
+                this.addSystem(this.agent.config.permissionMode === 'yolo'
+                    ? 'Agent mode: YOLO — prompt permission untuk aksi ask-level dilewati.'
+                    : 'Agent mode: ask — prompt permission aktif.');
+                break;
             default:
                 this.addSystem(`Unknown command: ${name} (type /help for commands)`);
                 break;
@@ -689,10 +735,12 @@ class App {
     }
     // ─── Message helpers ──────────────────────────────────────────
     addSystem(text) {
+        this.markDirty();
         this.messages.push({ kind: 'system', content: text });
     }
     /** Show a permission modal (called by the permission callback). */
     setPermissionModal(req) {
+        this.markDirty();
         this.modal = {
             type: 'permission',
             req,
@@ -706,6 +754,7 @@ class App {
         this.permissionResolver = fn;
     }
     addTool(tool, content) {
+        this.markDirty();
         this.messages.push({ kind: 'tool', tool, content });
     }
     // ─── Rendering ────────────────────────────────────────────────
@@ -799,11 +848,12 @@ class App {
                         '  PgUp/Dn  scroll chat',
                         '  ?        this help',
                         '  Ctrl+C   stop agent / quit',
+                        '  Ctrl+D   stop + quit (mobile)',
                         '  Ctrl+L   clear conversation',
                         '',
-                        'Commands: /setup /model /provider /session',
-                        '/settings /status /clear /continue /diff',
-                        '/git /compact /yolo /exit',
+                        'Commands: /connect /setup /model /provider',
+                        '/session /settings /status /clear /continue',
+                        '/diff /git /compact /agent /exit',
                     ],
                 }, rows, cols);
             case 'commands':
@@ -811,7 +861,8 @@ class App {
                     title: 'Commands',
                     body: [
                         '/help     show help',
-                        '/setup    setup provider (base URL + token)',
+                        '/connect  set custom API base URL + token',
+                        '/setup    setup provider',
                         '/model    select model',
                         '/provider select provider',
                         '/session  manage sessions',
@@ -822,7 +873,7 @@ class App {
                         '/diff     show diff',
                         '/git      git status',
                         '/compact  compact context',
-                        '/yolo     toggle permission mode',
+                        '/agent    toggle permission mode (ask/yolo)',
                         '/exit     quit',
                     ],
                 }, rows, cols);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agen-vektor",
-  "version": "0.3.6",
+  "version": "0.3.7",
   "description": "VectorHead (agen-vektor) — AI Coding Agent CLI/TUI for Linux & Termux. Multi-provider, tool calling, session, permission system.",
   "type": "commonjs",
   "bin": {