sanook-cli 0.4.0 → 0.5.0

package/dist/ui/app.js

@@ -1,16 +1,28 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useRef, useMemo } from 'react';
+import { execFile } from 'node:child_process';
+import { promisify } from 'node:util';
 import { Box, Text, Static, useApp, useInput } from 'ink';
-import { parseCommand } from '../commands.js';
+import { BUILTIN_COMMANDS, expandCustomCommand, loadCustomCommands, parseCommand, parseSlashInvocation, } from '../commands.js';
 import { runAgent } from '../loop.js';
 import { saveSession, newSessionId } from '../session.js';
+import { getBrainPath, appendBrainWorklog } from '../memory.js';
+import { autoCompact, estimateTokens, summarizeCompact } from '../compaction.js';
+import { makeSummarizer } from '../summarize.js';
+import { agentTuning } from '../config.js';
+import { snapshotWorkTree, restoreWorkTree } from '../checkpoint.js';
+import { useEditor } from './useEditor.js';
+import { loadHistory, appendHistory } from './history.js';
+import { expandMentions } from './mentions.js';
+import { BRAND } from '../brand.js';
 import { Banner } from './banner.js';
-export function App({ initialModel, budgetUsd, permissionMode = 'auto', initialHistory }) {
+const execFileP = promisify(execFile);
+const PRE_TURN_COMPACT_TOKENS = 100_000; // session ยาวมากเท่านั้นถึง summarize ก่อน turn (mode summarize)
+export function App({ initialModel, fallbackModel, budgetUsd, permissionMode = 'ask', initialHistory }) {
     const { exit } = useApp();
     const [history, setHistory] = useState(initialHistory?.length
         ? [{ id: -1, role: 'system', text: `↻ ต่อจาก session ก่อน (${initialHistory.length} ข้อความ)` }]
         : []);
-    const [input, setInput] = useState('');
     const [streaming, setStreaming] = useState('');
     const [busy, setBusy] = useState(false);
     const [model, setModel] = useState(initialModel);
@@ -21,45 +33,148 @@ export function App({ initialModel, budgetUsd, permissionMode = 'auto', initialH
     const sessionId = useRef(newSessionId());
     const sessionCreated = useRef(new Date().toISOString());
     const approvalResolve = useRef(null);
+    const replHistory = useRef(loadHistory()); // prompt เก่า (persist) สำหรับ ↑/↓
+    const checkpoints = useRef([]);
+    const editor = useEditor(replHistory.current);
+    // real-time steering: หยุด turn ที่กำลังรัน (abort) + คิวข้อความที่พิมพ์ระหว่าง busy
+    const abortRef = useRef(null);
+    const queueRef = useRef([]);
+    const [queued, setQueued] = useState([]);
+    const enqueue = (msg) => {
+        queueRef.current.push(msg);
+        setQueued([...queueRef.current]);
+    };
+    const dequeue = () => {
+        const m = queueRef.current.shift();
+        setQueued([...queueRef.current]);
+        return m;
+    };
+    const clearQueue = () => {
+        queueRef.current = [];
+        setQueued([]);
+    };
     const addTurn = (role, text) => setHistory((h) => [...h, { id: idRef.current++, role, text }]);
+    // /diff /undo — git-backed (execFile ไม่ผ่าน shell)
+    async function runGit(args, label) {
+        try {
+            const { stdout, stderr } = await execFileP('git', args, { cwd: process.cwd(), maxBuffer: 1_000_000 });
+            addTurn('system', (stdout || stderr).trim() || `(${label}: ไม่มีการเปลี่ยนแปลง)`);
+        }
+        catch (e) {
+            addTurn('system', `git ${label}: ${e.message.split('\n')[0]}`);
+        }
+    }
     // ask-mode: tool ขออนุมัติ → คืน Promise ที่ resolve เมื่อ user กด y/n
     const requestApproval = (tool, summary) => new Promise((resolve) => {
         approvalResolve.current = resolve;
         setApprovalReq({ tool, summary });
     });
-    useInput((char, key) => {
+    useInput((input, key) => {
         // มี approval ค้าง → จับ y/n ก่อน (แม้ agent กำลังรัน/busy)
         if (approvalReq) {
-            if (char === 'y' || char === 'Y' || key.return) {
+            if (input === 'y' || input === 'Y' || key.return) {
                 approvalResolve.current?.(true);
                 setApprovalReq(null);
             }
-            else if (char === 'n' || char === 'N' || key.escape) {
+            else if (input === 'n' || input === 'N' || key.escape) {
                 approvalResolve.current?.(false);
                 setApprovalReq(null);
             }
             return;
         }
-        if (busy)
+        if (busy) {
+            // steering ระหว่าง turn: Esc / Ctrl+C = หยุด turn นี้ (ไม่ออกจากแอป) + ล้างคิว
+            if (key.escape || (key.ctrl && input === 'c')) {
+                abortRef.current?.abort();
+                clearQueue();
+                return;
+            }
+            // พิมพ์ระหว่าง busy ได้ — Enter = ต่อคิว (รันอัตโนมัติหลัง turn นี้จบ)
+            const a = editor.handleKey(input, key);
+            if (a === 'submit') {
+                const v = editor.value.trim();
+                editor.reset();
+                if (v)
+                    enqueue(v);
+            }
+            return;
+        }
+        const action = editor.handleKey(input, key);
+        if (action === 'submit')
+            void submit(editor.value);
+        else if (action === 'interrupt') {
+            if (editor.value)
+                editor.reset(); // Ctrl+C ครั้งแรก = ล้างบรรทัด, ว่างแล้ว = ออก
+            else
+                exit();
+        }
+    });
+    /** ย้อน 1 turn — คืนไฟล์ (git, recoverable) + ตัดบทสนทนากลับ */
+    async function rewind() {
+        const cp = checkpoints.current.pop();
+        if (!cp) {
+            addTurn('system', 'ไม่มี checkpoint ให้ย้อน');
             return;
-        if (key.return) {
-            void submit();
         }
-        else if (key.backspace || key.delete) {
-            setInput((s) => s.slice(0, -1));
+        let note = '';
+        if (cp.ref) {
+            const r = await restoreWorkTree(cp.ref);
+            note = r.ok
+                ? r.recovery
+                    ? ` · ไฟล์คืนแล้ว (กู้สถานะก่อนหน้า: ${r.recovery})`
+                    : ' · ไฟล์คืนแล้ว'
+                : ` · ไฟล์: ${r.reason}`;
         }
-        else if (key.ctrl && char === 'c') {
-            exit();
+        msgsRef.current = msgsRef.current.slice(0, cp.msgLen);
+        setHistory((h) => h.filter((t) => t.id < cp.turnId));
+        addTurn('system', `↩ ย้อนกลับ 1 turn${note}`);
+    }
+    /** บีบ context: 'summarize' (ใช้ model ถูกย่อ) ถ้าตั้งไว้ ไม่งั้น 'truncate' (zero-LLM) */
+    async function compactHistory(targetTokens, label) {
+        const before = estimateTokens(msgsRef.current);
+        if (before <= targetTokens) {
+            addTurn('system', `context ~${before} tokens — ยังไม่ต้องบีบ`);
+            return;
         }
-        else if (char && !key.ctrl && !key.meta) {
-            setInput((s) => s + char);
+        const tuning = await agentTuning().catch(() => null);
+        if (tuning?.compaction === 'summarize') {
+            addTurn('system', '⏳ กำลังย่อ context ด้วย model ถูก…');
+            msgsRef.current = await summarizeCompact(msgsRef.current, targetTokens, makeSummarizer(model, tuning.summaryModel), 20).catch(() => autoCompact(msgsRef.current, targetTokens, 20));
+            addTurn('system', `ย่อ context แล้ว (summarize): ~${before} → ~${estimateTokens(msgsRef.current)} tokens`);
         }
-    });
-    async function submit() {
-        const text = input.trim();
+        else {
+            msgsRef.current = autoCompact(msgsRef.current, targetTokens, 20);
+            addTurn('system', `บีบ context แล้ว: ~${before} → ~${estimateTokens(msgsRef.current)} tokens`);
+        }
+    }
+    async function submit(raw) {
+        const text = raw.trim();
+        editor.reset();
         if (!text)
             return;
-        setInput('');
+        appendHistory(text, replHistory.current[replHistory.current.length - 1]);
+        replHistory.current.push(text);
+        const slash = parseSlashInvocation(text);
+        if (slash) {
+            if (slash.name === 'rewind') {
+                await rewind();
+                return;
+            }
+            if (!BUILTIN_COMMANDS.has(slash.name)) {
+                const custom = (await loadCustomCommands()).get(slash.name);
+                if (custom) {
+                    const expanded = expandCustomCommand(custom, slash.args);
+                    const mark = { turnId: idRef.current, msgLen: msgsRef.current.length };
+                    addTurn('user', text);
+                    if (!expanded.trim()) {
+                        addTurn('system', `custom command /${slash.name} ว่าง`);
+                        return;
+                    }
+                    await runAssistantTurn(expanded, [], mark);
+                    return;
+                }
+            }
+        }
         const cmd = parseCommand(text, { model, costSummary: lastCost.current });
         if (cmd.handled) {
             addTurn('user', text);
@@ -67,26 +182,62 @@ export function App({ initialModel, budgetUsd, permissionMode = 'auto', initialH
                 return exit();
             if (cmd.action === 'clear') {
                 msgsRef.current = [];
+                checkpoints.current = [];
                 return setHistory([]);
             }
+            if (cmd.action === 'compact') {
+                void compactHistory(40_000, 'บีบ context');
+                return;
+            }
+            if (cmd.action === 'diff')
+                return void runGit(['diff', '--stat'], 'diff');
+            if (cmd.action === 'undo') {
+                void runGit(['stash', 'push', '-u', '-m', BRAND.undoStashMessage], 'undo').then(() => addTurn('system', 'กู้คืน: git stash pop'));
+                return;
+            }
             if (cmd.modelChange)
                 setModel(cmd.modelChange);
             if (cmd.message)
                 addTurn('system', cmd.message);
             return;
         }
+        // prompt ปกติ → expand @mentions (inline ไฟล์ text + เก็บ path รูป)
+        const mark = { turnId: idRef.current, msgLen: msgsRef.current.length };
         addTurn('user', text);
+        const { text: expanded, images, errors } = await expandMentions(text);
+        if (errors.length)
+            addTurn('system', `@mention: ${errors.join(' · ')}`);
+        await runAssistantTurn(expanded, images, mark);
+    }
+    async function runAssistantTurn(promptText, images, mark) {
+        // proactive summarize-compaction สำหรับ session ยาวมาก (เฉพาะ mode summarize) — เริ่ม turn ให้ context lean
+        // (mode truncate: ปล่อยให้ loop.ts ตัดต่อ-step เอา; ไม่บีบที่นี่ กัน latency)
+        if (estimateTokens(msgsRef.current) > PRE_TURN_COMPACT_TOKENS) {
+            const t = await agentTuning().catch(() => null);
+            if (t?.compaction === 'summarize') {
+                addTurn('system', '⏳ context ยาว — ย่ออัตโนมัติก่อนรอบนี้…');
+                msgsRef.current = await summarizeCompact(msgsRef.current, PRE_TURN_COMPACT_TOKENS, makeSummarizer(model, t.summaryModel), 20).catch(() => msgsRef.current);
+            }
+        }
+        // checkpoint สถานะก่อนรัน (ไฟล์ git + ขอบเขตบทสนทนา) → /rewind ย้อนได้
+        const ref = await snapshotWorkTree();
+        checkpoints.current.push({ ref, turnId: mark.turnId, msgLen: mark.msgLen });
+        const ac = new AbortController(); // steering: ให้ Esc/Ctrl+C หยุด stream กลางทางได้
+        abortRef.current = ac;
         setBusy(true);
         let buf = '';
         let lastFlush = 0;
         try {
-            const { cost, messages } = await runAgent({
+            const { cost, messages, text } = await runAgent({
                 model,
-                prompt: text,
+                fallbackModel,
+                prompt: promptText,
+                images: images.length ? images : undefined,
                 history: msgsRef.current,
                 budgetUsd,
                 permissionMode,
                 approve: requestApproval,
+                signal: ac.signal,
                 onEvent: (e) => {
                     if (e.type === 'text') {
                         buf += e.text ?? '';
@@ -104,8 +255,8 @@ export function App({ initialModel, budgetUsd, permissionMode = 'auto', initialH
             });
             msgsRef.current = messages;
             lastCost.current = cost.summary();
-            addTurn('assistant', buf.trim());
-            // เซฟ session ทุกรอบ → resume ได้ด้วย sanook -c (เดิม REPL ไม่เคยเซฟ)
+            addTurn('assistant', buf.trim() || text.trim());
+            // เซฟ session ทุกรอบ → resume ได้ด้วย sanook -c
             void saveSession({
                 id: sessionId.current,
                 created: sessionCreated.current,
@@ -114,19 +265,59 @@ export function App({ initialModel, budgetUsd, permissionMode = 'auto', initialH
                 cwd: process.cwd(),
                 messages,
             });
+            // worklog เข้า second-brain — vault จำว่าทำอะไรใน session นี้
+            void (async () => {
+                const brain = await getBrainPath();
+                if (brain) {
+                    await appendBrainWorklog(brain, {
+                        prompt: promptText,
+                        summary: cost.summary(),
+                        model,
+                        today: new Date().toISOString().slice(0, 10),
+                    }).catch(() => { });
+                }
+            })();
         }
         catch (err) {
-            addTurn('system', `ERROR: ${err.message}`);
+            if (ac.signal.aborted) {
+                // หยุดเอง — เก็บ partial output ไว้ดู, ทิ้ง turn นี้ออกจาก LLM history (msgsRef ไม่อัปเดต)
+                if (buf.trim())
+                    addTurn('assistant', buf.trim());
+                addTurn('system', '⊘ หยุด turn แล้ว (ไฟล์ที่ tool แก้ไปแล้วคืนด้วย /rewind ได้)');
+            }
+            else {
+                addTurn('system', `ERROR: ${err.message}`);
+            }
         }
         finally {
             setStreaming('');
             setBusy(false);
+            abortRef.current = null;
         }
+        // steering: ข้อความที่พิมพ์ค้างคิวระหว่าง turn → รันต่อทันที (ถ้าไม่ได้ถูกหยุด)
+        const next = ac.signal.aborted ? undefined : dequeue();
+        if (next)
+            void submit(next);
     }
     const banner = useMemo(() => _jsx(Banner, { model: initialModel }), [initialModel]);
-    return (_jsxs(Box, { flexDirection: "column", children: [banner, _jsx(Static, { items: history, children: (turn) => _jsx(TurnView, { turn: turn }, turn.id) }), streaming ? _jsx(Text, { children: streaming }) : null, approvalReq ? (_jsxs(Box, { borderStyle: "round", borderColor: "yellow", paddingX: 1, flexDirection: "column", children: [_jsxs(Text, { color: "yellow", children: ["\u26A0 \u0E02\u0E2D\u0E2D\u0E19\u0E38\u0E21\u0E31\u0E15\u0E34\u0E23\u0E31\u0E19 ", approvalReq.tool] }), _jsx(Text, { children: approvalReq.summary }), _jsx(Text, { color: "gray", children: "\u0E2D\u0E19\u0E38\u0E21\u0E31\u0E15\u0E34? (y = \u0E23\u0E31\u0E19 \u00B7 n = \u0E1B\u0E0F\u0E34\u0E40\u0E2A\u0E18)" })] })) : (_jsxs(Box, { borderStyle: "round", borderColor: "gray", paddingX: 1, children: [_jsx(Text, { color: busy ? 'gray' : 'cyan', children: busy ? '… ' : '› ' }), _jsx(Text, { children: input || (busy ? '' : 'พิมพ์คำสั่ง หรือ /help') })] })), _jsxs(Text, { color: "gray", dimColor: true, children: ['  ', "? for shortcuts \u00B7 /help \u00B7 model: ", model, permissionMode === 'ask' ? ' · 🔒 ask-mode' : ''] })] }));
+    const costHint = lastCost.current.includes('cost ') ? lastCost.current.split('cost ')[1] : '';
+    return (_jsxs(Box, { flexDirection: "column", children: [banner, _jsx(Static, { items: history, children: (turn) => _jsx(TurnView, { turn: turn }, turn.id) }), streaming ? (_jsx(Box, { marginTop: 1, children: _jsx(Text, { children: streaming }) })) : null, queued.length ? (_jsx(Box, { flexDirection: "column", marginTop: 1, children: queued.map((q, i) => (_jsxs(Text, { dimColor: true, children: ["\u23F3 \u0E04\u0E34\u0E27 ", i + 1, ": ", q.length > 64 ? `${q.slice(0, 64)}…` : q] }, i))) })) : null, approvalReq ? (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: "yellow", paddingX: 1, flexDirection: "column", children: [_jsxs(Text, { color: "yellow", children: ["\u0E2D\u0E19\u0E38\u0E21\u0E31\u0E15\u0E34\u0E23\u0E31\u0E19 ", approvalReq.tool, "?"] }), _jsx(Text, { dimColor: true, children: approvalReq.summary }), _jsx(Text, { dimColor: true, children: "y = \u0E23\u0E31\u0E19 \u00B7 n = \u0E1B\u0E0F\u0E34\u0E40\u0E2A\u0E18" })] })) : (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: busy ? 'gray' : 'blue', paddingX: 1, children: [_jsx(Text, { color: busy ? 'gray' : 'cyan', children: busy ? '· ' : '› ' }), _jsx(InputView, { value: editor.value, cursor: editor.cursor, busy: busy })] })), _jsxs(Text, { dimColor: true, children: ['  ', model, " \u00B7 ", permissionMode === 'ask' ? 'ask-mode' : 'auto', " \u00B7 /help \u00B7 @file \u00B7 \u2191 history", costHint ? ` · ${costHint}` : ''] })] }));
+}
+/** input ที่มี cursor (inverse) + placeholder — minimal; รับ input ได้แม้ busy (ต่อคิว) */
+function InputView({ value, cursor, busy }) {
+    if (busy && !value)
+        return _jsx(Text, { dimColor: true, children: "\u0E01\u0E33\u0E25\u0E31\u0E07\u0E17\u0E33\u0E07\u0E32\u0E19\u2026 Esc/Ctrl+C \u0E2B\u0E22\u0E38\u0E14 \u00B7 \u0E1E\u0E34\u0E21\u0E1E\u0E4C\u0E40\u0E1E\u0E37\u0E48\u0E2D\u0E15\u0E48\u0E2D\u0E04\u0E34\u0E27 (\u23CE)" });
+    if (!busy && !value)
+        return _jsx(Text, { dimColor: true, children: "\u0E16\u0E32\u0E21\u0E2D\u0E30\u0E44\u0E23\u0E01\u0E47\u0E44\u0E14\u0E49 \u2014 /help \u0E14\u0E39\u0E04\u0E33\u0E2A\u0E31\u0E48\u0E07 \u00B7 /tools \u0E14\u0E39 tools \u00B7 @\u0E44\u0E1F\u0E25\u0E4C \u0E41\u0E19\u0E1A context/\u0E23\u0E39\u0E1B" });
+    const before = value.slice(0, cursor);
+    const at = value.slice(cursor, cursor + 1) || ' ';
+    const after = value.slice(cursor + 1);
+    return (_jsxs(Text, { children: [before, _jsx(Text, { inverse: true, children: at }), after, busy ? _jsxs(Text, { dimColor: true, children: ['  ', "(\u23CE \u0E15\u0E48\u0E2D\u0E04\u0E34\u0E27)"] }) : null] }));
 }
 function TurnView({ turn }) {
-    const color = turn.role === 'user' ? 'cyan' : turn.role === 'system' ? 'yellow' : undefined;
-    return (_jsxs(Text, { color: color, children: [turn.role === 'user' ? '› ' : '', turn.text] }));
+    if (turn.role === 'system')
+        return _jsx(Text, { dimColor: true, children: turn.text });
+    if (turn.role === 'user')
+        return (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: "cyan", children: "\u203A " }), _jsx(Text, { color: "cyan", children: turn.text })] }));
+    return (_jsx(Box, { marginTop: 1, children: _jsx(Text, { children: turn.text }) }));
 }

package/dist/ui/banner.js

@@ -1,20 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text, useStdout } from 'ink';
+import { Box, Text } from 'ink';
 import Gradient from 'ink-gradient';
-import BigText from 'ink-big-text';
 import { homedir } from 'node:os';
 import { readFileSync } from 'node:fs';
+import { BRAND } from '../brand.js';
 // gradient ของ Sanook: เขียว → ส้ม → ฟ้า (สนุก = สดใส)
 const SANOOK_GRADIENT = ['#22C55E', '#F97316', '#38BDF8'];
 // version จาก package.json (single source of truth) — กัน default drift เหมือน bin.ts
 const VERSION = JSON.parse(readFileSync(new URL('../../package.json', import.meta.url), 'utf8')).version;
-/** welcome banner — big ASCII + gradient + info line (responsive ตามความกว้าง terminal) */
+/** welcome banner — minimal: gradient wordmark + meta บรรทัดเดียว (terminal-first, ไม่รก) */
 export function Banner({ model, version = VERSION, account = 'BYOK', cwd }) {
-    const { stdout } = useStdout();
-    const columns = stdout?.columns ?? 80;
     const dir = (cwd ?? process.cwd()).replace(homedir(), '~');
-    // จอกว้าง = "Sanook AI" ใหญ่, แคบ = "Sanook" / เล็กลง
-    const bigText = columns >= 92 ? 'Sanook AI' : 'Sanook';
-    const font = columns >= 48 ? 'block' : 'tiny';
-    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Gradient, { colors: SANOOK_GRADIENT, children: _jsx(BigText, { text: bigText, font: font }) }), _jsxs(Box, { marginTop: -1, marginLeft: 1, flexDirection: "column", children: [_jsxs(Text, { children: [_jsx(Text, { bold: true, color: "cyan", children: "Sanook AI CLI" }), _jsxs(Text, { color: "gray", children: [" v", version, " \u00B7 terminal coding agent \u00B7 BYOK"] })] }), _jsxs(Text, { color: "gray", children: [_jsx(Text, { color: "green", children: "\u25CF" }), " ", model, '   ', "account: ", account, '   ', "cwd: ", dir] })] })] }));
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { children: [_jsx(Gradient, { colors: SANOOK_GRADIENT, children: _jsx(Text, { bold: true, children: BRAND.cliName }) }), _jsxs(Text, { dimColor: true, children: [" v", version, " \u00B7 terminal coding agent \u00B7 ", account] })] }), _jsxs(Text, { dimColor: true, children: [_jsx(Text, { color: "green", children: "\u25CF" }), " ", model, " \u00B7 ", dir] })] }));
 }

package/dist/ui/history.js

@@ -0,0 +1,30 @@
+import { readFileSync, appendFileSync, mkdirSync } from 'node:fs';
+import { appHomePath, persistenceEnabled } from '../brand.js';
+// prompt history แบบ persist ข้าม session (เลียน shell history) — เก็บที่ ~/.sanook/history
+const HISTORY_PATH = appHomePath('history');
+const MAX_ENTRIES = 500;
+/** โหลด prompt เก่า (เก่า→ใหม่) สำหรับ Up/Down navigation ใน REPL */
+export function loadHistory() {
+    try {
+        const lines = readFileSync(HISTORY_PATH, 'utf8').split('\n').filter(Boolean);
+        return lines.slice(-MAX_ENTRIES);
+    }
+    catch {
+        return [];
+    }
+}
+/** append 1 prompt (ข้ามถ้าซ้ำกับอันล่าสุด / เป็น slash command / ว่าง) */
+export function appendHistory(prompt, last) {
+    if (!persistenceEnabled())
+        return;
+    const p = prompt.trim();
+    if (!p || p === last)
+        return;
+    try {
+        mkdirSync(appHomePath(), { recursive: true });
+        appendFileSync(HISTORY_PATH, `${p.replace(/\n/g, ' ')}\n`, { mode: 0o600 });
+    }
+    catch {
+        /* เขียนไม่ได้ = ไม่เป็นไร (history เป็น nice-to-have) */
+    }
+}

package/dist/ui/mentions.js

@@ -0,0 +1,44 @@
+import { readFile, realpath } from 'node:fs/promises';
+import { resolve, extname } from 'node:path';
+import { checkReadPath } from '../tools/permission.js';
+// @-file mentions: "@path" ใน prompt → inline เนื้อหาไฟล์ (text) หรือแนบเป็น image (รูป)
+// ลด tool round-trip (agent ไม่ต้อง read_file เอง) + เปิดทาง vision input
+const IMAGE_EXT = new Set(['.png', '.jpg', '.jpeg', '.gif', '.webp', '.bmp']);
+const MENTION_RE = /(?:^|\s)@([^\s]+)/g;
+const MAX_INLINE = 60_000;
+/** แตก @mention ใน prompt: text file → inline, image → คืน path ไปแนบ, ที่เหลือคงไว้ */
+export async function expandMentions(input) {
+    const mentions = [...input.matchAll(MENTION_RE)].map((m) => m[1]);
+    if (!mentions.length)
+        return { text: input, images: [], errors: [] };
+    const images = [];
+    const errors = [];
+    const inlined = [];
+    for (const rel of [...new Set(mentions)]) {
+        const abs = resolve(rel);
+        // canonicalize ก่อนเช็ก extension → symlink ที่ชื่อไม่มีนามสกุลแต่ชี้ไปรูป ก็จับเป็น image ถูก
+        const real = await realpath(abs).catch(() => abs);
+        if (IMAGE_EXT.has(extname(real).toLowerCase())) {
+            const guard = await checkReadPath(real);
+            if (guard.ok)
+                images.push(real);
+            else
+                errors.push(`@${rel} (${guard.reason})`);
+            continue;
+        }
+        const guard = await checkReadPath(real);
+        if (!guard.ok) {
+            errors.push(`@${rel} (${guard.reason})`);
+            continue;
+        }
+        try {
+            const content = (await readFile(real, 'utf8')).slice(0, MAX_INLINE);
+            inlined.push(`<file path="${rel}">\n${content}\n</file>`);
+        }
+        catch (e) {
+            errors.push(`@${rel} (${e.message})`);
+        }
+    }
+    const text = inlined.length ? `${input}\n\n${inlined.join('\n\n')}` : input;
+    return { text, images, errors };
+}

package/dist/ui/setup.js

@@ -1,9 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
 import { Box, Text } from 'ink';
 import { Select, PasswordInput } from '@inkjs/ui';
-import { PROVIDERS } from '../providers/registry.js';
+import { PROVIDERS, consoleUrl } from '../providers/registry.js';
 import { listRemoteModels, mergeModelOptions } from '../providers/models.js';
+import { BRAND } from '../brand.js';
 /** first-run setup wizard: เลือก provider → ใส่ API key → เลือก model → เสนอสร้าง second-brain */
 export function SetupWizard({ onComplete }) {
     const [step, setStep] = useState('provider');
@@ -28,10 +29,10 @@ export function SetupWizard({ onComplete }) {
     }, [step, cfg, key]);
     const modelOptions = cfg ? mergeModelOptions(cfg, remote) : [];
     const finish = (createBrain) => onComplete({ provider, model, envVar: cfg?.envVar ?? '', key, createBrain });
-    return (_jsxs(Box, { flexDirection: "column", gap: 1, marginY: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: "\u2699  \u0E15\u0E31\u0E49\u0E07\u0E04\u0E48\u0E32 Sanook AI CLI (\u0E04\u0E23\u0E31\u0E49\u0E07\u0E41\u0E23\u0E01)" }), step === 'provider' && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { children: "1. \u0E40\u0E25\u0E37\u0E2D\u0E01 AI provider:" }), _jsx(Select, { options: providerOptions, onChange: (v) => {
+    return (_jsxs(Box, { flexDirection: "column", gap: 1, marginY: 1, children: [_jsxs(Text, { bold: true, color: "cyan", children: ["\u2699  \u0E15\u0E31\u0E49\u0E07\u0E04\u0E48\u0E32 ", BRAND.bannerTitle, " (\u0E04\u0E23\u0E31\u0E49\u0E07\u0E41\u0E23\u0E01)"] }), step === 'provider' && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { children: "1. \u0E40\u0E25\u0E37\u0E2D\u0E01 AI provider:" }), _jsx(Select, { options: providerOptions, onChange: (v) => {
                             setProvider(v);
                             setStep(PROVIDERS[v].requiresKey ? 'key' : 'model');
-                        } })] })), step === 'key' && cfg && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: ["2. \u0E27\u0E32\u0E07 API key \u0E02\u0E2D\u0E07 ", cfg.label, ":"] }), _jsx(Text, { color: "gray", children: "   (key \u0E15\u0E23\u0E07\u0E08\u0E32\u0E01 console \u0E02\u0E2D\u0E07\u0E04\u0E48\u0E32\u0E22 \u2014 \u0E2B\u0E49\u0E32\u0E21 OAuth/subscription token)" }), _jsx(PasswordInput, { placeholder: cfg.envVar, onSubmit: (v) => {
+                        } })] })), step === 'key' && cfg && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: ["2. \u0E27\u0E32\u0E07 API key \u0E02\u0E2D\u0E07 ", cfg.label, ":"] }), consoleUrl(provider) ? (_jsxs(Text, { color: "cyan", children: ["   \u2192 \u0E40\u0E2D\u0E32 key \u0E17\u0E35\u0E48: ", consoleUrl(provider)] })) : null, _jsx(Text, { color: "gray", children: "   (API key \u0E15\u0E23\u0E07\u0E08\u0E32\u0E01 console \u2014 \u0E2B\u0E49\u0E32\u0E21 OAuth/subscription token)" }), _jsx(PasswordInput, { placeholder: cfg.envVar, onSubmit: (v) => {
                             setKey(v.trim());
                             setStep('model');
                         } })] })), step === 'model' &&
@@ -41,6 +42,6 @@ export function SetupWizard({ onComplete }) {
                                 setStep('brain-offer');
                             } })] }))), step === 'brain-offer' && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { children: "4. \u0E2A\u0E23\u0E49\u0E32\u0E07 \"second brain\" workspace (Obsidian) \u0E2A\u0E33\u0E2B\u0E23\u0E31\u0E1A\u0E08\u0E31\u0E14\u0E40\u0E01\u0E47\u0E1A\u0E07\u0E32\u0E19 + \u0E04\u0E27\u0E32\u0E21\u0E08\u0E33 AI?" }), _jsx(Select, { options: [
                             { label: 'สร้างเลย — ตอบไม่กี่ข้อ (ชื่อ + ที่เก็บ)', value: 'yes' },
-                            { label: 'ข้ามไปก่อน (สั่ง sanook brain init ทีหลังได้)', value: 'no' },
+                            { label: `ข้ามไปก่อน (สั่ง ${BRAND.cliName} brain init ทีหลังได้)`, value: 'no' },
                         ], onChange: (v) => finish(v === 'yes') })] }))] }));
 }

package/dist/ui/useEditor.js

@@ -0,0 +1,83 @@
+import { useState, useRef } from 'react';
+export function useEditor(history) {
+    const [value, setValue] = useState('');
+    const [cursor, setCursor] = useState(0);
+    const histIndex = useRef(null); // null = กำลังแก้ draft (ไม่ได้อยู่ในประวัติ)
+    const draft = useRef('');
+    const set = (v, c = v.length) => {
+        setValue(v);
+        setCursor(Math.max(0, Math.min(c, v.length)));
+    };
+    const reset = () => {
+        histIndex.current = null;
+        set('');
+    };
+    const insert = (s) => set(value.slice(0, cursor) + s + value.slice(cursor), cursor + s.length);
+    const historyPrev = () => {
+        if (!history.length)
+            return;
+        if (histIndex.current === null) {
+            draft.current = value;
+            histIndex.current = history.length - 1;
+        }
+        else {
+            histIndex.current = Math.max(0, histIndex.current - 1);
+        }
+        set(history[histIndex.current]);
+    };
+    const historyNext = () => {
+        if (histIndex.current === null)
+            return;
+        if (histIndex.current >= history.length - 1) {
+            histIndex.current = null;
+            set(draft.current);
+        }
+        else {
+            histIndex.current += 1;
+            set(history[histIndex.current]);
+        }
+    };
+    const handleKey = (input, key) => {
+        if (key.return) {
+            // Alt/Option+Enter หรือบรรทัดลงท้าย "\" → ขึ้นบรรทัดใหม่ (multiline) ไม่ submit
+            if (key.meta)
+                return insert('\n'), 'handled';
+            if (value.slice(0, cursor).endsWith('\\'))
+                return set(value.slice(0, cursor - 1) + '\n' + value.slice(cursor), cursor), 'handled';
+            return 'submit';
+        }
+        if (key.upArrow)
+            return historyPrev(), 'handled';
+        if (key.downArrow)
+            return historyNext(), 'handled';
+        if (key.leftArrow)
+            return setCursor(Math.max(0, cursor - 1)), 'handled';
+        if (key.rightArrow)
+            return setCursor(Math.min(value.length, cursor + 1)), 'handled';
+        if (key.ctrl) {
+            switch (input) {
+                case 'a': return setCursor(0), 'handled';
+                case 'e': return setCursor(value.length), 'handled';
+                case 'u': return set(value.slice(cursor), 0), 'handled'; // ลบจากต้นบรรทัดถึง cursor
+                case 'k': return set(value.slice(0, cursor), cursor), 'handled'; // ลบจาก cursor ถึงท้าย
+                case 'w': { // ลบ word ก่อน cursor (รวมกรณีเหลือแต่ whitespace)
+                    const left = value.slice(0, cursor).replace(/\s+$|\s*\S+\s*$/, '');
+                    return set(left + value.slice(cursor), left.length), 'handled';
+                }
+                case 'c': return 'interrupt';
+                default: return 'handled';
+            }
+        }
+        if (key.backspace || key.delete) {
+            if (cursor === 0)
+                return 'handled';
+            return set(value.slice(0, cursor - 1) + value.slice(cursor), cursor - 1), 'handled';
+        }
+        if (input && !key.meta) {
+            histIndex.current = null; // เริ่มพิมพ์ = ออกจากโหมดดูประวัติ
+            return insert(input), 'handled';
+        }
+        return 'none';
+    };
+    return { value, cursor, setValue: (v) => set(v), reset, handleKey };
+}