@xingjisoft/neutrino 0.1.0 → 0.1.1

package/dist/screens/agentHistory.js

@@ -2,14 +2,20 @@ import { Screen } from "../terminal/screen.js";
 import { C } from "../colors.js";
 import { drawHeader } from "../header.js";
 import { truncateByWidth } from "../width.js";
+import { drawHint } from "../ui.js";
 import { listAgentSessions, loadAgentMessages, } from "../agents.js";
 import { AgentConversationScreen } from "./agentConversation.js";
+const LIST_TOP = 5;
 export class AgentHistoryScreen extends Screen {
     agent;
     label;
     sessions = [];
     selectedIdx = 0;
     scrollTop = 0;
+    lastHoverX = -1;
+    lastHoverY = -1;
+    rows = [];
+    itemBounds = [];
     constructor(agent, label) {
         super();
         this.agent = agent;
@@ -19,6 +25,8 @@ export class AgentHistoryScreen extends Screen {
         this.sessions = listAgentSessions(this.agent);
         this.selectedIdx = 0;
         this.scrollTop = 0;
+        this.rows = [];
+        this.itemBounds = [];
     }
     move(delta) {
         if (this.sessions.length === 0)
@@ -37,10 +45,50 @@ export class AgentHistoryScreen extends Screen {
             this.app.popScreen();
     }
     onMouse(ev) {
+        if (ev.type === "move") {
+            if (ev.x === this.lastHoverX && ev.y === this.lastHoverY)
+                return;
+            this.lastHoverX = ev.x;
+            this.lastHoverY = ev.y;
+            const idx = this.itemIndexAtRow(ev.y);
+            if (idx >= 0 && idx !== this.selectedIdx) {
+                this.selectedIdx = idx;
+                this.app.render();
+            }
+            return;
+        }
         if (ev.type === "wheel") {
             this.scrollTop = Math.max(0, this.scrollTop + (ev.dir === -1 ? -3 : 3));
             this.app.render();
+            return;
+        }
+        if (ev.type === "click") {
+            if (ev.button === 2) {
+                this.app.popScreen();
+                return;
+            }
+            const idx = this.itemIndexAtRow(ev.y);
+            if (idx < 0)
+                return;
+            this.selectedIdx = idx;
+            this.loadSelected();
+        }
+    }
+    itemIndexAtRow(y) {
+        if (y < LIST_TOP)
+            return -1;
+        const h = this.app.height;
+        const listBottom = h - 2;
+        if (y >= listBottom)
+            return -1;
+        const ri = this.scrollTop + (y - LIST_TOP);
+        if (ri < 0 || ri >= this.rows.length)
+            return -1;
+        for (let i = 0; i < this.itemBounds.length; i++) {
+            if (ri >= this.itemBounds[i].start && ri < this.itemBounds[i].end)
+                return i;
         }
+        return -1;
     }
     loadSelected() {
         if (this.selectedIdx < 0 || this.selectedIdx >= this.sessions.length)
@@ -49,20 +97,7 @@ export class AgentHistoryScreen extends Screen {
         const messages = loadAgentMessages(this.agent, s.id);
         this.app.pushScreen(new AgentConversationScreen(`${this.label} · ${s.title || s.id}`, messages));
     }
-    render(buf) {
-        drawHeader(buf, this.app.state);
-        const w = buf.width;
-        const h = buf.height;
-        buf.centerText(2, this.label, { fg: C.accent, bold: true });
-        buf.centerText(3, "Select a session to view", { fg: C.dim });
-        const listTop = 5;
-        const listBottom = h - 2;
-        const viewH = Math.max(1, listBottom - listTop);
-        if (this.sessions.length === 0) {
-            buf.centerText(listTop + 1, "No sessions yet", { fg: C.dim });
-            buf.centerText(listBottom, "Esc back", { fg: C.dim });
-            return;
-        }
+    buildRows() {
         const rows = [];
         const itemBounds = [];
         for (const s of this.sessions) {
@@ -73,27 +108,44 @@ export class AgentHistoryScreen extends Screen {
                 rows.push(`    ${s.model}`);
             itemBounds.push({ start, end: rows.length });
         }
+        this.rows = rows;
+        this.itemBounds = itemBounds;
+    }
+    render(buf) {
+        drawHeader(buf, this.app.state);
+        const w = buf.width;
+        const h = buf.height;
+        buf.centerText(2, this.label, { fg: C.accent, bold: true });
+        buf.centerText(3, "Select a session to view", { fg: C.dim });
+        const listBottom = h - 2;
+        const viewH = Math.max(1, listBottom - LIST_TOP);
+        if (this.sessions.length === 0) {
+            buf.centerText(LIST_TOP + 1, "No sessions yet", { fg: C.dim });
+            drawHint(buf, listBottom, "Esc back");
+            return;
+        }
+        this.buildRows();
         if (this.selectedIdx < 0)
             this.selectedIdx = 0;
-        if (this.selectedIdx >= itemBounds.length)
-            this.selectedIdx = itemBounds.length - 1;
-        const selected = itemBounds[this.selectedIdx];
+        if (this.selectedIdx >= this.itemBounds.length)
+            this.selectedIdx = Math.max(0, this.itemBounds.length - 1);
+        const selected = this.itemBounds[this.selectedIdx];
         const firstRowOfSelected = selected.start;
         if (firstRowOfSelected < this.scrollTop)
             this.scrollTop = firstRowOfSelected;
         if (firstRowOfSelected >= this.scrollTop + viewH)
             this.scrollTop = firstRowOfSelected - viewH + 1;
-        if (this.scrollTop > rows.length - viewH)
-            this.scrollTop = Math.max(0, rows.length - viewH);
-        for (let y = listTop; y < listBottom; y++) {
-            const ri = this.scrollTop + (y - listTop);
-            if (ri < 0 || ri >= rows.length)
+        if (this.scrollTop > this.rows.length - viewH)
+            this.scrollTop = Math.max(0, this.rows.length - viewH);
+        for (let y = LIST_TOP; y < listBottom; y++) {
+            const ri = this.scrollTop + (y - LIST_TOP);
+            if (ri < 0 || ri >= this.rows.length)
                 break;
             const isSelected = ri >= selected.start && ri < selected.end;
             const isSelectedFirst = ri === selected.start;
-            const text = (isSelectedFirst ? "▸ " : "  ") + rows[ri];
+            const text = (isSelectedFirst ? "▸ " : "  ") + this.rows[ri];
             buf.writeText(0, y, truncateByWidth(text, w), isSelected ? { fg: C.accent, bg: C.highlightBg } : { fg: C.assistant });
         }
-        buf.centerText(listBottom, "↑/↓ select  ·  Enter view  ·  Esc back", { fg: C.dim });
+        drawHint(buf, listBottom, "↑/↓ select  ·  Enter view  ·  click to view  ·  right-click back  ·  Esc back");
     }
 }

package/dist/screens/agentSelect.js

@@ -1,16 +1,21 @@
 import { Screen } from "../terminal/screen.js";
 import { C } from "../colors.js";
 import { drawHeader } from "../header.js";
-import { drawTabButton } from "../ui.js";
+import { drawHint, drawTabButton, inRect } from "../ui.js";
 import { AgentHistoryScreen } from "./agentHistory.js";
 const AGENTS = [
     { id: "claude", label: "Claude Code" },
     { id: "codex", label: "Codex" },
     { id: "opencode", label: "OpenCode" },
 ];
+const LIST_TOP = 5;
+const BTN_H = 3;
+const BTN_X = 1;
 export class AgentSelectScreen extends Screen {
     selectedIdx = 0;
     scrollBtn = 0;
+    lastHoverX = -1;
+    lastHoverY = -1;
     onActivate() {
         this.selectedIdx = 0;
         this.scrollBtn = 0;
@@ -36,6 +41,49 @@ export class AgentSelectScreen extends Screen {
         else if (key.name === "escape")
             this.app.popScreen();
     }
+    onMouse(ev) {
+        if (ev.type === "move") {
+            if (ev.x === this.lastHoverX && ev.y === this.lastHoverY)
+                return;
+            this.lastHoverX = ev.x;
+            this.lastHoverY = ev.y;
+            const i = this.indexAtRow(ev.y);
+            if (i >= 0 && i !== this.selectedIdx) {
+                this.selectedIdx = i;
+                this.app.render();
+            }
+            return;
+        }
+        if (ev.type === "wheel") {
+            this.move(ev.dir === -1 ? -1 : 1);
+            return;
+        }
+        if (ev.type === "click") {
+            if (ev.button === 2) {
+                this.app.popScreen();
+                return;
+            }
+            const i = this.indexAtRow(ev.y);
+            if (i < 0)
+                return;
+            if (!inRect(ev.x, ev.y, { x: BTN_X, y: LIST_TOP + (i - this.scrollBtn) * BTN_H, w: this.app.width - 2, h: BTN_H })) {
+                return;
+            }
+            this.selectedIdx = i;
+            this.confirm();
+        }
+    }
+    indexAtRow(y) {
+        const h = this.app.height;
+        const hintRow = h - 1;
+        const maxVisible = Math.max(1, Math.floor((hintRow - LIST_TOP) / BTN_H));
+        const i = Math.floor((y - LIST_TOP) / BTN_H) + this.scrollBtn;
+        if (i < 0 || i >= AGENTS.length)
+            return -1;
+        if (LIST_TOP + (i - this.scrollBtn) * BTN_H + BTN_H > hintRow)
+            return -1;
+        return i;
+    }
     confirm() {
         const agent = AGENTS[this.selectedIdx];
         if (!agent)
@@ -48,24 +96,23 @@ export class AgentSelectScreen extends Screen {
         const h = buf.height;
         buf.centerText(2, "Other Agents", { fg: C.accent, bold: true });
         buf.centerText(3, "Select an agent to open its history", { fg: C.white });
-        const listTop = 5;
-        const btnH = 3;
+        const btnH = BTN_H;
         const stride = btnH;
         const hintRow = h - 1;
-        const maxVisible = Math.max(1, Math.floor((hintRow - listTop) / stride));
+        const maxVisible = Math.max(1, Math.floor((hintRow - LIST_TOP) / stride));
         if (this.selectedIdx < this.scrollBtn)
             this.scrollBtn = this.selectedIdx;
         if (this.selectedIdx >= this.scrollBtn + maxVisible)
             this.scrollBtn = this.selectedIdx - maxVisible + 1;
         if (this.scrollBtn < 0)
             this.scrollBtn = 0;
-        let y = listTop;
+        let y = LIST_TOP;
         for (let i = this.scrollBtn; i < AGENTS.length; i++) {
             if (y + btnH > hintRow)
                 break;
-            drawTabButton(buf, 1, y, w - 2, AGENTS[i].label, i === this.selectedIdx, "left");
+            drawTabButton(buf, BTN_X, y, w - 2, AGENTS[i].label, i === this.selectedIdx, "left");
             y += stride;
         }
-        buf.centerText(hintRow, "↑/↓ select  ·  Enter open  ·  Esc back", { fg: C.dim });
+        drawHint(buf, hintRow, "↑/↓ select  ·  Enter open  ·  click to open  ·  right-click back  ·  Esc back");
     }
 }

package/dist/screens/chat.js

@@ -2,7 +2,8 @@ import { Screen } from "../terminal/screen.js";
 import { C } from "../colors.js";
 import { loadPrompt, saveSession, } from "../config.js";
 import { drawHeader } from "../header.js";
-import { drawInputBox, wrapText } from "../ui.js";
+import { computeInputWindow, cursorFromColumn, drawInputBox, wrapText } from "../ui.js";
+import { drawSpans, renderMarkdownText } from "../markdown.js";
 import { ellipsize, displayWidth } from "../width.js";
 import { LLMClient } from "../llm/client.js";
 import { executeTool, getToolDefinitions } from "../llm/tools.js";
@@ -190,14 +191,34 @@ export class ChatScreen extends Screen {
     }
     onMouse(ev) {
         if (ev.type === "click") {
-            if (ev.y === 0 && ev.x >= this.app.width - 3) {
-                this.showInfo = !this.showInfo;
+            if (ev.button === 2)
+                return; // right click: no-op in chat
+            // header row: right corner toggles token stats, the rest opens model config
+            if (ev.y === 0) {
+                if (ev.x >= this.app.width - 3) {
+                    this.showInfo = !this.showInfo;
+                }
+                else {
+                    this.app.openModelConfig();
+                }
                 this.app.render();
                 return;
             }
             if (this.showInfo) {
                 this.showInfo = false;
                 this.app.render();
+                return;
+            }
+            // click on the input box -> focus and position the cursor
+            const inputY = this.app.height - 4;
+            const inW = Math.max(12, this.app.width - 2);
+            if (ev.y === inputY + 1 && ev.x >= 3 && ev.x < 3 + (inW - 4)) {
+                const innerW = inW - 4;
+                const col = Math.min(innerW - 1, ev.x - 3);
+                const win = computeInputWindow(this.inputValue, this.cursor, innerW);
+                this.cursor = cursorFromColumn(this.inputValue, col, win);
+                this.app.render();
+                return;
             }
             return;
         }
@@ -370,36 +391,37 @@ export class ChatScreen extends Screen {
     }
     buildLines(width) {
         const lines = [];
-        const push = (text, style) => {
-            for (const ln of wrapText(text, width))
-                lines.push({ text: ln, style });
+        const pushText = (text, style) => {
+            for (const ln of wrapText(text, width)) {
+                lines.push({ spans: [{ text: ln, style }] });
+            }
         };
         for (const m of this.messages) {
             if (m.role === "system") {
-                push(m.content, { fg: C.dim });
+                pushText(m.content, { fg: C.dim });
             }
             else if (m.role === "user") {
-                lines.push({ text: "You:", style: { fg: C.accent, bold: true } });
-                push(m.content, { fg: C.user });
-                lines.push({ text: "", style: {} });
+                lines.push({ spans: [{ text: "You:", style: { fg: C.accent, bold: true } }] });
+                lines.push(...renderMarkdownText(m.content, width, { fg: C.user }));
+                lines.push({ spans: [] });
             }
             else if (m.role === "assistant") {
-                lines.push({ text: "Neutrino:", style: { fg: C.accent, bold: true } });
-                push(m.content, { fg: C.assistant });
-                lines.push({ text: "", style: {} });
+                lines.push({ spans: [{ text: "Neutrino:", style: { fg: C.accent, bold: true } }] });
+                lines.push(...renderMarkdownText(m.content, width, { fg: C.assistant }));
+                lines.push({ spans: [] });
             }
             else if (m.role === "tool") {
-                lines.push({ text: `⚙ ${m.name}`, style: { fg: C.toolHeader, bold: true } });
+                lines.push({ spans: [{ text: `⚙ ${m.name}`, style: { fg: C.toolHeader, bold: true } }] });
                 const argText = m.arguments.command ?? m.arguments.path ?? "";
                 if (argText)
-                    lines.push({ text: "  " + argText, style: { fg: C.dim } });
-                push(m.result || "(no output)", { fg: C.dim });
-                lines.push({ text: "", style: {} });
+                    lines.push({ spans: [{ text: "  " + argText, style: { fg: C.dim } }] });
+                pushText(m.result || "(no output)", { fg: C.dim });
+                lines.push({ spans: [] });
             }
         }
         if (this.streamingContent !== null) {
-            lines.push({ text: "Neutrino:", style: { fg: C.accent, bold: true } });
-            push(this.streamingContent, { fg: C.assistant });
+            lines.push({ spans: [{ text: "Neutrino:", style: { fg: C.accent, bold: true } }] });
+            lines.push(...renderMarkdownText(this.streamingContent, width, { fg: C.assistant }));
         }
         return lines;
     }
@@ -441,8 +463,7 @@ export class ChatScreen extends Screen {
             const li = this.scrollTop + (y - logTop);
             if (li >= lines.length)
                 break;
-            const line = lines[li];
-            buf.writeText(2, y, line.text.slice(0, w - 2), line.style);
+            drawSpans(buf, 2, y, lines[li].spans, Math.max(4, w - 4));
         }
         const inW = Math.max(12, w - 2);
         drawInputBox(buf, 1, inputY, inW, this.inputValue, this.cursor, {

package/dist/screens/history.js

@@ -2,14 +2,22 @@ import { Screen } from "../terminal/screen.js";
 import { C } from "../colors.js";
 import { deleteSession, listSessions, loadSession } from "../config.js";
 import { drawHeader } from "../header.js";
+import { drawHint } from "../ui.js";
+const LIST_TOP = 5;
 export class HistoryScreen extends Screen {
     sessions = [];
     selectedIdx = 0;
     scrollTop = 0;
+    lastHoverX = -1;
+    lastHoverY = -1;
+    rows = [];
+    itemBounds = [];
     onActivate() {
         this.sessions = listSessions();
         this.selectedIdx = this.sessions.length > 0 ? 1 : 0;
         this.scrollTop = 0;
+        this.rows = [];
+        this.itemBounds = [];
     }
     move(delta) {
         const count = this.sessions.length + 1;
@@ -29,10 +37,51 @@ export class HistoryScreen extends Screen {
             this.app.popScreen();
     }
     onMouse(ev) {
+        if (ev.type === "move") {
+            if (ev.x === this.lastHoverX && ev.y === this.lastHoverY)
+                return;
+            this.lastHoverX = ev.x;
+            this.lastHoverY = ev.y;
+            const idx = this.itemIndexAtRow(ev.y);
+            if (idx >= 0 && idx !== this.selectedIdx) {
+                this.selectedIdx = idx;
+                this.app.render();
+            }
+            return;
+        }
         if (ev.type === "wheel") {
             this.scrollTop = Math.max(0, this.scrollTop + (ev.dir === -1 ? -3 : 3));
             this.app.render();
+            return;
+        }
+        if (ev.type === "click") {
+            if (ev.button === 2) {
+                this.app.popScreen();
+                return;
+            }
+            const idx = this.itemIndexAtRow(ev.y);
+            if (idx < 0)
+                return;
+            this.selectedIdx = idx;
+            this.loadSelected();
+        }
+    }
+    /** Map a terminal row to the history item index (0 = "Open other Agent's history"). */
+    itemIndexAtRow(y) {
+        if (y < LIST_TOP)
+            return -1;
+        const h = this.app.height;
+        const listBottom = h - 2;
+        if (y >= listBottom)
+            return -1;
+        const ri = this.scrollTop + (y - LIST_TOP);
+        if (ri < 0 || ri >= this.rows.length)
+            return -1;
+        for (let i = 0; i < this.itemBounds.length; i++) {
+            if (ri >= this.itemBounds[i].start && ri < this.itemBounds[i].end)
+                return i;
         }
+        return -1;
     }
     loadSelected() {
         if (this.selectedIdx === 0) {
@@ -59,15 +108,7 @@ export class HistoryScreen extends Screen {
         this.selectedIdx = Math.min(this.selectedIdx, this.sessions.length);
         this.app.render();
     }
-    render(buf) {
-        drawHeader(buf, this.app.state);
-        const w = buf.width;
-        const h = buf.height;
-        buf.centerText(2, "History", { fg: C.accent, bold: true });
-        buf.centerText(3, "Select a session to load", { fg: C.dim });
-        const listTop = 5;
-        const listBottom = h - 2;
-        const viewH = Math.max(1, listBottom - listTop);
+    buildRows() {
         const rows = [];
         const itemBounds = [];
         rows.push("Open other Agent's history");
@@ -83,32 +124,44 @@ export class HistoryScreen extends Screen {
                 rows.push(`    ${s.cwd}`);
             itemBounds.push({ start, end: rows.length });
         }
+        this.rows = rows;
+        this.itemBounds = itemBounds;
+    }
+    render(buf) {
+        drawHeader(buf, this.app.state);
+        const w = buf.width;
+        const h = buf.height;
+        buf.centerText(2, "History", { fg: C.accent, bold: true });
+        buf.centerText(3, "Select a session to load", { fg: C.dim });
+        const listBottom = h - 2;
+        const viewH = Math.max(1, listBottom - LIST_TOP);
+        this.buildRows();
         if (this.selectedIdx < 0)
             this.selectedIdx = 0;
-        if (this.selectedIdx >= itemBounds.length)
-            this.selectedIdx = itemBounds.length - 1;
-        const selected = itemBounds[this.selectedIdx];
+        if (this.selectedIdx >= this.itemBounds.length)
+            this.selectedIdx = Math.max(0, this.itemBounds.length - 1);
+        const selected = this.itemBounds[this.selectedIdx];
         const firstRowOfSelected = selected.start;
         if (firstRowOfSelected < this.scrollTop)
             this.scrollTop = firstRowOfSelected;
         if (firstRowOfSelected >= this.scrollTop + viewH)
             this.scrollTop = firstRowOfSelected - viewH + 1;
-        if (this.scrollTop > rows.length - viewH)
-            this.scrollTop = Math.max(0, rows.length - viewH);
-        for (let y = listTop; y < listBottom; y++) {
-            const ri = this.scrollTop + (y - listTop);
-            if (ri < 0 || ri >= rows.length)
+        if (this.scrollTop > this.rows.length - viewH)
+            this.scrollTop = Math.max(0, this.rows.length - viewH);
+        for (let y = LIST_TOP; y < listBottom; y++) {
+            const ri = this.scrollTop + (y - LIST_TOP);
+            if (ri < 0 || ri >= this.rows.length)
                 break;
             const isSelected = ri >= selected.start && ri < selected.end;
             const isSelectedFirst = ri === selected.start;
-            const row = rows[ri];
+            const row = this.rows[ri];
             const prefix = isSelectedFirst ? "▸ " : "  ";
             const style = isSelected ? { fg: C.accent, bg: C.highlightBg } : { fg: C.assistant };
             buf.writeText(0, y, (prefix + row).slice(0, w), style);
         }
         if (this.sessions.length === 0) {
-            buf.centerText(listTop + 1, "No sessions yet", { fg: C.dim });
+            buf.centerText(LIST_TOP + 1, "No sessions yet", { fg: C.dim });
         }
-        buf.centerText(listBottom, "↑/↓ select  ·  Enter load  ·  Delete delete  ·  Esc back", { fg: C.dim });
+        drawHint(buf, listBottom, "↑/↓ select  ·  Enter load  ·  click to load  ·  Delete delete  ·  right-click back  ·  Esc back");
     }
 }

package/dist/screens/modelSelect.js

@@ -2,7 +2,10 @@ import { Screen } from "../terminal/screen.js";
 import { C } from "../colors.js";
 import { INTENSITY_LEVELS, getModelsByProvider } from "../config.js";
 import { drawHeader } from "../header.js";
-import { drawTabButton } from "../ui.js";
+import { drawHint, drawTabButton, inRect } from "../ui.js";
+const LIST_TOP = 5;
+const BTN_H = 3;
+const BTN_X = 1;
 export class ModelSelectScreen extends Screen {
     level = 0;
     providers = [];
@@ -11,6 +14,8 @@ export class ModelSelectScreen extends Screen {
     selectedModelIdx = 0;
     selectedIntensityIdx = 2;
     scrollBtn = 0;
+    lastHoverX = -1;
+    lastHoverY = -1;
     onActivate() {
         const map = getModelsByProvider();
         this.providers = Object.keys(map);
@@ -62,6 +67,7 @@ export class ModelSelectScreen extends Screen {
                 return;
             this.level = 1;
             this.selectedModelIdx = 0;
+            this.scrollBtn = 0;
             this.app.render();
             return;
         }
@@ -70,6 +76,7 @@ export class ModelSelectScreen extends Screen {
             if (models.length === 0)
                 return;
             this.level = 2;
+            this.scrollBtn = 0;
             this.app.render();
             return;
         }
@@ -85,12 +92,65 @@ export class ModelSelectScreen extends Screen {
     goBack() {
         if (this.level > 0) {
             this.level--;
+            this.scrollBtn = 0;
             this.app.render();
         }
         else {
             this.app.popScreen();
         }
     }
+    /** Map a terminal row to the list index rendered there, if any. */
+    indexAtRow(y) {
+        const list = this.currentList();
+        const h = this.app.height;
+        const hintRow = h - 1;
+        const maxVisible = Math.max(1, Math.floor((hintRow - LIST_TOP) / BTN_H));
+        const i = Math.floor((y - LIST_TOP) / BTN_H) + this.scrollBtn;
+        if (i < 0 || i >= list.length)
+            return -1;
+        const visibleRow = LIST_TOP + (i - this.scrollBtn) * BTN_H;
+        if (visibleRow + BTN_H > hintRow)
+            return -1;
+        return i;
+    }
+    onMouse(ev) {
+        if (ev.type === "move") {
+            if (ev.x === this.lastHoverX && ev.y === this.lastHoverY)
+                return;
+            this.lastHoverX = ev.x;
+            this.lastHoverY = ev.y;
+            const list = this.currentList();
+            if (list.length === 0)
+                return;
+            const i = this.indexAtRow(ev.y);
+            if (i >= 0 && i !== this.currentIdx()) {
+                this.setIdx(i);
+                this.app.render();
+            }
+            return;
+        }
+        if (ev.type === "wheel") {
+            this.move(ev.dir === -1 ? -1 : 1);
+            return;
+        }
+        if (ev.type === "click") {
+            if (ev.button === 2) {
+                this.goBack();
+                return;
+            }
+            if (ev.y < LIST_TOP || ev.y >= this.app.height - 1)
+                return;
+            const i = this.indexAtRow(ev.y);
+            if (i < 0)
+                return;
+            if (!inRect(ev.x, ev.y, { x: BTN_X, y: LIST_TOP + (i - this.scrollBtn) * BTN_H, w: this.app.width - 2, h: BTN_H })) {
+                return;
+            }
+            this.setIdx(i);
+            this.confirm();
+            return;
+        }
+    }
     onKey(key) {
         if (key.name === "up")
             this.move(-1);
@@ -118,26 +178,25 @@ export class ModelSelectScreen extends Screen {
         else
             subtitle = `Model: ${this.currentModelName()} - Select Intensity`;
         buf.centerText(3, subtitle, { fg: C.white });
-        const listTop = 5;
-        const btnH = 3;
+        const btnH = BTN_H;
         const btnGap = 0;
         const stride = btnH + btnGap;
         const hintRow = h - 1;
-        const maxVisible = Math.max(1, Math.floor((hintRow - listTop) / stride));
+        const maxVisible = Math.max(1, Math.floor((hintRow - LIST_TOP) / stride));
         if (idx < this.scrollBtn)
             this.scrollBtn = idx;
         if (idx >= this.scrollBtn + maxVisible)
             this.scrollBtn = idx - maxVisible + 1;
         if (this.scrollBtn < 0)
             this.scrollBtn = 0;
-        let y = listTop;
+        let y = LIST_TOP;
         for (let i = this.scrollBtn; i < list.length; i++) {
             if (y + btnH > hintRow)
                 break;
-            drawTabButton(buf, 1, y, w - 2, list[i], i === idx, "left");
+            drawTabButton(buf, BTN_X, y, w - 2, list[i], i === idx, "left");
             y += stride;
         }
-        buf.centerText(hintRow, "↑/↓ select  ·  Enter confirm  ·  Esc back", { fg: C.dim });
+        drawHint(buf, hintRow, "↑/↓ select  ·  Enter confirm  ·  click to choose  ·  right-click back  ·  Esc back");
     }
     currentModelName() {
         const models = this.modelMap[this.providers[this.selectedProviderIdx]] ?? [];