sanook-cli 0.5.7 → 0.5.9

package/dist/ui/setup.js

@@ -35,11 +35,10 @@ export function SetupWizard({ onComplete }) {
     const providerOptions = setupProviderOptions();
     const providerMenuLines = setupProviderMenuLines();
     const advanceIfCodexReady = (status) => {
-        if (!status.loggedIn)
+        if (!status.loggedIn || !status.installed)
             return;
         setModel(`codex:${PROVIDERS.codex.models.default}`);
-        if (status.installed)
-            setStep('agent');
+        setStep('model');
     };
     // codex-auth: เช็ก codex CLI ติดตั้ง + login ChatGPT (re-run เมื่อกด "เช็กใหม่")
     useEffect(() => {
@@ -220,7 +219,7 @@ export function SetupWizard({ onComplete }) {
                                 setKeyError('');
                         }, onSubmit: submitKey }), keyError ? _jsxs(Text, { color: "red", children: ["   \u2717 ", keyError] }) : null] })), step === 'model' &&
                 cfg &&
-                (loadingModels ? (_jsxs(Text, { color: "gray", children: ['   ', m.modelLoading, " ", cfg.label, "\u2026"] })) : (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [m.stepModel, " \u2014 ", m.modelPick, remote.length ? _jsxs(Text, { color: "gray", children: [" (", modelOptions.length, ")"] }) : null, ":"] }), _jsx(Select, { options: modelOptions, onChange: (v) => {
+                (loadingModels ? (_jsxs(Text, { color: "gray", children: ['   ', m.modelLoading, " ", cfg.label, "\u2026"] })) : (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [m.stepModel, " \u2014 ", m.modelPick, remote.length ? _jsxs(Text, { color: "gray", children: [" (", modelOptions.length, ")"] }) : null, ":"] }), provider === 'codex' ? _jsxs(Text, { color: "gray", children: ["   ", m.codexModelHint] }) : null, _jsx(Select, { options: modelOptions, onChange: (v) => {
                                 setModel(`${provider}:${v}`);
                                 setStep('agent');
                             } })] }))), step === 'agent' && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { children: m.stepAgent }), _jsx(Text, { color: "gray", children: m.agentTitle }), _jsx(Select, { options: [

package/dist/ui/tool-activity.js

@@ -0,0 +1,118 @@
+// ============================================================================
+// src/ui/tool-activity.ts — turns a tool call's INPUT into a human-friendly activity:
+// a clear one-line title ("แก้ไฟล์ src/app.tsx", "$ npm test") plus, for code edits, a
+// colored diff (green + additions, red - deletions). Computed at tool-call time so the
+// REPL shows in detail what the agent is doing in real time — not after the fact.
+// ============================================================================
+import { editDiffSegments } from '../diff.js';
+// PER-SIDE diff cap (removed and added counted separately) — a two-sided edit can still yield up to
+// ~2×this rows, so the overall per-row height bound is enforced by ActivityRow (MAX_ROW_DIFF_LINES).
+// diffLines/additionLines append a correct "…(+N บรรทัด)" sentinel per side when exceeded.
+const MAX_DIFF_LINES = 10;
+function str(v) {
+    return typeof v === 'string' ? v : '';
+}
+function basenameish(p) {
+    return p.length > 52 ? `…${p.slice(-51)}` : p;
+}
+/** structured edit diff (old → new) with common prefix/suffix trimmed — green +, red -.
+ * Built on the shared core in src/diff.ts so the algorithm doesn't drift from renderEditDiff. */
+export function diffLines(oldStr, newStr, max = MAX_DIFF_LINES) {
+    const seg = editDiffSegments(oldStr, newStr, max);
+    const out = [];
+    for (const l of seg.removed)
+        out.push({ sign: '-', text: l });
+    if (seg.moreRemoved)
+        out.push({ sign: ' ', text: `…(-${seg.moreRemoved} บรรทัด)` });
+    for (const l of seg.added)
+        out.push({ sign: '+', text: l });
+    if (seg.moreAdded)
+        out.push({ sign: ' ', text: `…(+${seg.moreAdded} บรรทัด)` });
+    return out;
+}
+/** whole-content as additions (new file write) — all green. Drops the trailing empty line of a
+ * file ending in \n so the green-line count matches the title's countLines() (no spurious blank). */
+function additionLines(content, max = MAX_DIFF_LINES) {
+    if (content === '')
+        return []; // empty write → no diff body (title already shows "+0 บรรทัด")
+    const all = content.split('\n');
+    if (content.endsWith('\n'))
+        all.pop();
+    const out = all.slice(0, max).map((text) => ({ sign: '+', text }));
+    if (all.length > max)
+        out.push({ sign: ' ', text: `…(+${all.length - max} บรรทัด)` });
+    return out;
+}
+function countLines(s) {
+    if (s === '')
+        return 0;
+    const lines = s.split('\n');
+    if (s.endsWith('\n'))
+        lines.pop();
+    return lines.length;
+}
+/** map a tool name + its input into a friendly title (+ optional colored diff) */
+export function describeToolCall(name, input) {
+    const i = (input ?? {});
+    switch (name) {
+        case 'edit_file': {
+            const path = basenameish(str(i.path));
+            const all = i.replace_all ? ' (ทุกที่)' : '';
+            return { title: `✎ แก้ไฟล์ ${path}${all}`, diff: diffLines(str(i.old_string), str(i.new_string)) };
+        }
+        case 'write_file': {
+            const path = basenameish(str(i.path));
+            const content = str(i.content);
+            return { title: `✚ เขียนไฟล์ ${path} (+${countLines(content)} บรรทัด)`, diff: additionLines(content) };
+        }
+        case 'run_bash':
+            return { title: `$ ${str(i.cmd)}` };
+        case 'run_python':
+            return { title: i.path ? `▶ python ${str(i.path)}` : `▶ รัน python (${str(i.code).length} ตัวอักษร)` };
+        case 'run_rust':
+            return { title: i.path ? `▶ rust ${str(i.path)}` : `▶ รัน rust (${str(i.code).length} ตัวอักษร)` };
+        case 'read_file':
+            return { title: `📖 อ่านไฟล์ ${basenameish(str(i.path))}` };
+        case 'list_dir':
+            return { title: `📁 ดูโฟลเดอร์ ${basenameish(str(i.path) || '.')}` };
+        case 'glob':
+            return { title: `🔎 ค้นไฟล์ ${str(i.pattern)}` };
+        case 'grep':
+            return { title: `🔎 ค้นโค้ด "${str(i.pattern)}"` };
+        case 'git_status':
+            return { title: 'git status' };
+        case 'git_diff':
+            return { title: 'git diff' };
+        case 'git_log':
+            return { title: 'git log' };
+        case 'git_commit':
+            return { title: `⎇ git commit -m "${str(i.message).slice(0, 60)}"` };
+        case 'remember':
+            return { title: `🧠 จำ: ${str(i.fact).slice(0, 60)}` };
+        case 'recall':
+            return { title: `🧠 ค้นความจำ "${str(i.query)}"` };
+        case 'create_skill':
+            return { title: `✨ สร้าง skill ${str(i.name)}` };
+        case 'find_skills':
+            return { title: `✨ หา skill "${str(i.query)}"` };
+        case 'skill':
+            return { title: `✨ เปิด skill ${str(i.name)}` };
+        case 'web_fetch':
+            return { title: `🌐 โหลด ${str(i.url).slice(0, 60)}` };
+        case 'task':
+            return { title: `🤖 มอบงานให้ sub-agent: ${str(i.prompt || i.task).slice(0, 50)}` };
+        case 'schedule_task':
+            return { title: `⏰ ตั้งเวลา: ${str(i.when)} → ${str(i.task).slice(0, 40)}` };
+        default: {
+            const detail = pickDetail(i);
+            return { title: detail ? `${name} ${detail}` : name };
+        }
+    }
+}
+function pickDetail(i) {
+    for (const key of ['path', 'query', 'pattern', 'name', 'url', 'id']) {
+        if (typeof i[key] === 'string' && i[key])
+            return String(i[key]).slice(0, 60);
+    }
+    return '';
+}

package/dist/ui/tool-trail.js

@@ -1,4 +1,5 @@
 import { inspect } from 'node:util';
+import { describeToolCall } from './tool-activity.js';
 export const TOOL_TRAIL_LIMIT = 6;
 function clip(text, width) {
     if (width <= 0)
@@ -40,7 +41,10 @@ export function updateToolTrailOnEvent(items, event, nextId) {
     if (event.type === 'tool-call') {
         const name = event.tool?.trim() || 'tool';
         return {
-            items: trimItems([...items, { detail: compactToolDetail(event.detail), id: nextId, name, status: 'running' }]),
+            items: trimItems([
+                ...items,
+                { detail: compactToolDetail(event.detail), id: nextId, name, status: 'running', activity: describeToolCall(name, event.detail) },
+            ]),
             nextId: nextId + 1,
         };
     }
@@ -75,15 +79,23 @@ function statusSummary(items) {
     const error = items.filter((item) => item.status === 'error').length;
     return [`${done} done`, running ? `${running} running` : '', error ? `${error} error` : ''].filter(Boolean).join(' / ');
 }
+/** the 2 header lines (title + view/status meta) shared by string + rich rendering */
+export function toolTrailHeader(items, mode) {
+    return [`Sanook tool trail (${items.length})`, `view: ${mode} | ${statusSummary(items)} | Ctrl+T / /trail`];
+}
+/** width budget for a rich activity row (mirrors toolTrailLines clipping) */
+export function toolTrailWidth(columns) {
+    return Math.max(24, Math.min(Math.max(30, columns - 4), 96));
+}
 export function toolTrailLines(items, columns, mode = 'expanded') {
     if (mode === 'hidden')
         return [];
     if (!items.length)
         return [];
-    const width = Math.max(24, Math.min(Math.max(30, columns - 4), 96));
+    const width = toolTrailWidth(columns);
     const nameWidth = Math.max(8, Math.min(24, Math.floor(width * 0.34)));
     const detailWidth = Math.max(0, width - nameWidth - 18);
-    const lines = [`Sanook tool trail (${items.length})`, `view: ${mode} | ${statusSummary(items)} | Ctrl+T / /trail`];
+    const lines = toolTrailHeader(items, mode);
     if (mode === 'compact') {
         lines.push(`tools: ${items.map((item) => `${markerForStatus(item.status)}${item.name}`).join(' ')}`);
         return lines.map((line) => clip(line, width));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sanook-cli",
-  "version": "0.5.7",
+  "version": "0.5.9",
   "description": "A terminal AI coding agent — BYOK, 9 providers, MCP, cron gateway, skills, and git awareness. Built from scratch in TypeScript.",
   "type": "module",
   "bin": {
@@ -56,6 +56,10 @@
     "url": "https://github.com/Sir-chawakorn/sanook-cli/issues"
   },
   "homepage": "https://github.com/Sir-chawakorn/sanook-cli#readme",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
   "dependencies": {
     "@ai-sdk/anthropic": "^3.0.84",
     "@ai-sdk/google": "^3.0.82",
@@ -80,5 +84,9 @@
     "tsx": "^4.22.4",
     "typescript": "^6.0.3",
     "vitest": "^4.1.8"
+  },
+  "optionalDependencies": {
+    "node-pty": "^1.0.0",
+    "ws": "^8.18.0"
   }
 }