sanook-cli 0.5.2 → 0.5.7

package/dist/ui/overlay.js

@@ -0,0 +1,496 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { HOTKEYS } from '../hotkeys.js';
+const MIN_OVERLAY_COLUMNS = 42;
+const MAX_OVERLAY_COLUMNS = 96;
+const MODEL_WINDOW = 10;
+const MCP_WINDOW = 10;
+const SKILL_WINDOW = 10;
+const SESSION_WINDOW = 10;
+const TASK_WINDOW = 10;
+const TOOL_WINDOW = 10;
+const DEFAULT_PAGER_PAGE_SIZE = 12;
+const COMPLETION_WINDOW = 8;
+function OverlayBox({ children, columns }) {
+    const width = overlayWidth(columns);
+    return (_jsx(Box, { borderStyle: "double", borderColor: "cyan", flexDirection: "column", marginBottom: 1, paddingX: 1, width: width, children: children }));
+}
+function overlayWidth(columns) {
+    return Math.max(34, Math.min(Math.max(MIN_OVERLAY_COLUMNS, Math.floor(columns || 80) - 4), MAX_OVERLAY_COLUMNS));
+}
+function clip(text, width) {
+    if (width <= 0)
+        return '';
+    return text.length > width ? `${text.slice(0, Math.max(0, width - 1))}…` : text;
+}
+export function completionOverlayLines(items, selected, columns) {
+    if (!items.length)
+        return [];
+    const width = Math.max(28, Math.min(Math.max(34, columns - 6), MAX_OVERLAY_COLUMNS));
+    const viewport = Math.min(COMPLETION_WINDOW, items.length);
+    const safeSelected = Math.max(0, Math.min(selected, items.length - 1));
+    const start = Math.max(0, Math.min(safeSelected - Math.floor(COMPLETION_WINDOW / 2), items.length - viewport));
+    const visible = items.slice(start, start + viewport);
+    const commandWidth = Math.max(10, Math.min(22, Math.floor(width * 0.34)));
+    const metaWidth = Math.max(8, width - commandWidth - 7);
+    const lines = visible.map((item, offset) => {
+        const index = start + offset;
+        const cursor = index === safeSelected ? '>' : ' ';
+        return `${cursor} ${clip(item.display, commandWidth).padEnd(commandWidth)} ${clip(item.meta, metaWidth)}`;
+    });
+    lines.push('↑↓ select · Tab/Enter complete');
+    return lines;
+}
+export function CompletionOverlay({ columns, items, selected }) {
+    const width = Math.max(28, Math.min(Math.max(34, columns - 6), MAX_OVERLAY_COLUMNS));
+    const innerWidth = Math.max(1, width - 4);
+    const lines = completionOverlayLines(items, selected, columns);
+    if (!lines.length)
+        return null;
+    return (_jsx(Box, { borderStyle: "round", borderColor: "cyan", flexDirection: "column", marginBottom: 1, paddingX: 1, width: width, children: lines.map((line, index) => {
+            const isActive = line.startsWith('>');
+            return (_jsx(Text, { color: isActive ? 'green' : undefined, dimColor: !isActive, inverse: isActive, wrap: "truncate-end", children: clip(line, innerWidth) }, `${index}-${line}`));
+        }) }));
+}
+export function hotkeyOverlayLines(columns) {
+    const width = overlayWidth(columns);
+    const keyWidth = Math.min(24, HOTKEYS.reduce((max, [key]) => Math.max(max, key.length), 0));
+    const bodyWidth = Math.max(10, width - keyWidth - 7);
+    return [
+        'Sanook hotkeys',
+        ...HOTKEYS.map(([key, help]) => `${key.padEnd(keyWidth)}  ${clip(help, bodyWidth)}`),
+        'Esc / Enter / q        close',
+    ];
+}
+function HotkeysOverlay({ columns }) {
+    const innerWidth = Math.max(1, overlayWidth(columns) - 4);
+    const lines = hotkeyOverlayLines(columns);
+    return (_jsx(OverlayBox, { columns: columns, children: lines.map((line, index) => (_jsx(Text, { color: index === 0 ? 'cyan' : undefined, dimColor: index > 0, wrap: "truncate-end", children: clip(line, innerWidth) }, `${index}-${line}`))) }));
+}
+function modelWindow(options, selected) {
+    const safeSelected = Math.max(0, Math.min(selected, Math.max(0, options.length - 1)));
+    const start = Math.max(0, Math.min(safeSelected - Math.floor(MODEL_WINDOW / 2), Math.max(0, options.length - MODEL_WINDOW)));
+    return { end: Math.min(options.length, start + MODEL_WINDOW), start };
+}
+function listWindow(count, selected, size) {
+    const safeSelected = Math.max(0, Math.min(selected, Math.max(0, count - 1)));
+    const start = Math.max(0, Math.min(safeSelected - Math.floor(size / 2), Math.max(0, count - size)));
+    return { end: Math.min(count, start + size), start };
+}
+function shortDate(iso) {
+    const parsed = Date.parse(iso);
+    if (!Number.isFinite(parsed))
+        return iso.slice(0, 16);
+    return new Date(parsed).toISOString().slice(0, 16).replace('T', ' ');
+}
+export function modelOverlayLines(overlay, columns) {
+    const width = overlayWidth(columns);
+    const innerWidth = Math.max(1, width - 4);
+    if (overlay.phase === 'provider') {
+        const window = listWindow(overlay.providers.length, overlay.selected, MODEL_WINDOW);
+        const visible = overlay.providers.slice(window.start, window.end);
+        const nameWidth = Math.max(12, Math.min(24, Math.floor(innerWidth * 0.45)));
+        const lines = ['Sanook model picker — choose provider'];
+        if (window.start > 0)
+            lines.push(`... ${window.start} above`);
+        for (const [offset, provider] of visible.entries()) {
+            const index = window.start + offset;
+            const cursor = index === overlay.selected ? '>' : ' ';
+            lines.push(`${cursor} ${clip(provider.label, nameWidth).padEnd(nameWidth)} ${provider.modelCount} models · ${provider.status}`);
+        }
+        if (window.end < overlay.providers.length)
+            lines.push(`... ${overlay.providers.length - window.end} more`);
+        lines.push('Enter drill down · Esc/q close');
+        return lines;
+    }
+    const window = modelWindow(overlay.options, overlay.selected);
+    const visible = overlay.options.slice(window.start, window.end);
+    const optionWidth = Math.max(10, Math.min(28, Math.floor(innerWidth * 0.38)));
+    const metaWidth = Math.max(10, innerWidth - optionWidth - 8);
+    const providerLabel = overlay.providerFilter ?? 'all';
+    const lines = [`Sanook model picker — ${providerLabel}`];
+    if (window.start > 0)
+        lines.push(`... ${window.start} above`);
+    for (const [offset, option] of visible.entries()) {
+        const index = window.start + offset;
+        const cursor = index === overlay.selected ? '>' : ' ';
+        const current = option.current ? '*' : ' ';
+        lines.push(`${cursor}${current} ${clip(option.label, optionWidth).padEnd(optionWidth)} ${clip(option.meta, metaWidth)}`);
+    }
+    if (window.end < overlay.options.length)
+        lines.push(`... ${overlay.options.length - window.end} more`);
+    lines.push('Enter switch · Esc back to providers · q close');
+    return lines;
+}
+function ModelPickerOverlay({ columns, overlay }) {
+    const innerWidth = Math.max(1, overlayWidth(columns) - 4);
+    const lines = modelOverlayLines(overlay, columns);
+    return (_jsx(OverlayBox, { columns: columns, children: lines.map((line, index) => {
+            const isHeader = index === 0;
+            const isActive = line.startsWith('>');
+            return (_jsx(Text, { color: isHeader ? 'cyan' : isActive ? 'green' : undefined, dimColor: !isHeader && !isActive, inverse: isActive, wrap: "truncate-end", children: clip(line, innerWidth) }, `${index}-${line}`));
+        }) }));
+}
+export function mcpOverlayLines(overlay, columns) {
+    const width = overlayWidth(columns);
+    const innerWidth = Math.max(1, width - 4);
+    const selected = overlay.servers[overlay.selected];
+    if (!overlay.servers.length) {
+        return [
+            'Sanook MCP hub',
+            'No MCP servers configured',
+            'add: sanook mcp search github · sanook mcp install <server>',
+            ...overlay.notes.slice(0, 2).map((note) => `note: ${clip(note, Math.max(1, innerWidth - 6))}`),
+            'Esc/q close',
+        ];
+    }
+    if (overlay.detail && selected) {
+        const probe = overlay.probe?.serverName === selected.name ? overlay.probe : undefined;
+        const probeLines = mcpProbeLines(probe, innerWidth, overlay.toolSelected ?? 0);
+        return [
+            'Sanook MCP hub',
+            `${selected.name} (${selected.transport})`,
+            clip(selected.target, innerWidth),
+            `secrets: ${selected.secretSummary}`,
+            `doctor: t test selected · sanook mcp test ${selected.name}`,
+            ...probeLines,
+            't test · Enter/Esc back · q close',
+        ];
+    }
+    const nameWidth = Math.max(10, Math.min(22, Math.floor(innerWidth * 0.28)));
+    const targetWidth = Math.max(10, innerWidth - nameWidth - 19);
+    const window = listWindow(overlay.servers.length, overlay.selected, MCP_WINDOW);
+    const visible = overlay.servers.slice(window.start, window.end);
+    const lines = ['Sanook MCP hub', `${overlay.servers.length} servers · Enter inspect · t test`];
+    if (overlay.notes.length)
+        lines.push(`note: ${clip(overlay.notes[0], Math.max(1, innerWidth - 6))}`);
+    if (window.start > 0)
+        lines.push(`... ${window.start} above`);
+    for (const [offset, server] of visible.entries()) {
+        const index = window.start + offset;
+        const cursor = index === overlay.selected ? '>' : ' ';
+        lines.push(`${cursor} ${clip(server.name, nameWidth).padEnd(nameWidth)} ${server.transport.padEnd(5)} ${clip(server.target, targetWidth)}`);
+    }
+    if (window.end < overlay.servers.length)
+        lines.push(`... ${overlay.servers.length - window.end} more`);
+    lines.push('↑↓/jk select · Enter inspect · t test · Esc/q close');
+    return lines;
+}
+function mcpProbeLines(probe, innerWidth, selectedIndex = 0) {
+    if (!probe)
+        return [];
+    if (probe.status === 'running')
+        return ['test: running...'];
+    if (probe.status === 'fail') {
+        const transport = probe.transport ? ` (${probe.transport})` : '';
+        return [`test: FAIL${transport} ${clip(probe.error ?? 'unknown error', Math.max(1, innerWidth - 12))}`];
+    }
+    const tools = probe.tools ?? [];
+    const lines = [`test: PASS (${tools.length} tools)`];
+    if (!tools.length)
+        return lines;
+    const active = Math.max(0, Math.min(selectedIndex, tools.length - 1));
+    const window = listWindow(tools.length, active, 6);
+    const visible = tools.slice(window.start, window.end);
+    lines.push(`catalog: ${tools.length} tools · ↑↓/jk browse`);
+    if (window.start > 0)
+        lines.push(`... ${window.start} above`);
+    for (const [offset, tool] of visible.entries()) {
+        const index = window.start + offset;
+        const cursor = index === active ? '>' : ' ';
+        const description = tool.description ? ` - ${tool.description}` : '';
+        lines.push(`${cursor} ${clip(`${tool.name}${description}`, Math.max(1, innerWidth - 2))}`);
+    }
+    if (window.end < tools.length)
+        lines.push(`... ${tools.length - window.end} more tools`);
+    return lines;
+}
+function McpHubOverlay({ columns, overlay }) {
+    const innerWidth = Math.max(1, overlayWidth(columns) - 4);
+    const lines = mcpOverlayLines(overlay, columns);
+    return (_jsx(OverlayBox, { columns: columns, children: lines.map((line, index) => {
+            const isHeader = index === 0;
+            const isActive = line.startsWith('>');
+            return (_jsx(Text, { color: isHeader ? 'cyan' : isActive ? 'green' : undefined, dimColor: !isHeader && !isActive, inverse: isActive, wrap: "truncate-end", children: clip(line, innerWidth) }, `${index}-${line}`));
+        }) }));
+}
+export function pagerOverlayLines(overlay, columns, pageSize = DEFAULT_PAGER_PAGE_SIZE) {
+    const width = overlayWidth(columns);
+    const innerWidth = Math.max(1, width - 4);
+    const size = Math.max(3, pageSize);
+    const max = Math.max(0, overlay.lines.length - size);
+    const offset = Math.max(0, Math.min(overlay.offset, max));
+    const end = Math.min(overlay.lines.length, offset + size);
+    const title = overlay.title || 'Sanook pager';
+    const visible = overlay.lines.slice(offset, end).map((line) => clip(line || ' ', innerWidth));
+    const hint = end < overlay.lines.length
+        ? `↑↓/jk line · Enter/Space/PgDn page · b/PgUp back · g/G top/bottom · Esc/q close (${end}/${overlay.lines.length})`
+        : `end · ↑↓/jk · b/PgUp back · g top · Esc/q close (${overlay.lines.length} lines)`;
+    return [title, ...visible, clip(hint, innerWidth)];
+}
+function PagerOverlay({ columns, overlay, pageSize }) {
+    const innerWidth = Math.max(1, overlayWidth(columns) - 4);
+    const lines = pagerOverlayLines(overlay, columns, pageSize);
+    return (_jsx(OverlayBox, { columns: columns, children: lines.map((line, index) => (_jsx(Text, { color: index === 0 ? 'cyan' : undefined, dimColor: index > 0, wrap: "truncate-end", children: clip(line, innerWidth) }, `${index}-${line}`))) }));
+}
+export function skillsOverlayLines(overlay, columns) {
+    const width = overlayWidth(columns);
+    const innerWidth = Math.max(1, width - 4);
+    const selected = overlay.skills[overlay.selected];
+    const nameWidth = Math.max(12, Math.min(30, Math.floor(innerWidth * 0.34)));
+    const descWidth = Math.max(10, innerWidth - nameWidth - 6);
+    if (!overlay.skills.length) {
+        return ['Sanook skills hub', 'No skills found', 'Esc/q close'];
+    }
+    if (overlay.detail && selected) {
+        return [
+            'Sanook skills hub',
+            selected.name,
+            selected.description ? clip(selected.description, innerWidth) : '(no description)',
+            selected.whenToUse ? `when: ${clip(selected.whenToUse, Math.max(1, innerWidth - 6))}` : '',
+            `path: ${clip(selected.path, Math.max(1, innerWidth - 6))}`,
+            'Enter/Esc back · q close',
+        ].filter(Boolean);
+    }
+    const window = listWindow(overlay.skills.length, overlay.selected, SKILL_WINDOW);
+    const visible = overlay.skills.slice(window.start, window.end);
+    const lines = ['Sanook skills hub', `${overlay.skills.length} skills · Enter inspect`];
+    if (window.start > 0)
+        lines.push(`... ${window.start} above`);
+    for (const [offset, skill] of visible.entries()) {
+        const index = window.start + offset;
+        const cursor = index === overlay.selected ? '>' : ' ';
+        lines.push(`${cursor} ${clip(skill.name, nameWidth).padEnd(nameWidth)} ${clip(skill.description || '(no description)', descWidth)}`);
+    }
+    if (window.end < overlay.skills.length)
+        lines.push(`... ${overlay.skills.length - window.end} more`);
+    lines.push('↑↓/jk select · Enter inspect · Esc/q close');
+    return lines;
+}
+function SkillsHubOverlay({ columns, overlay }) {
+    const innerWidth = Math.max(1, overlayWidth(columns) - 4);
+    const lines = skillsOverlayLines(overlay, columns);
+    return (_jsx(OverlayBox, { columns: columns, children: lines.map((line, index) => {
+            const isHeader = index === 0;
+            const isActive = line.startsWith('>');
+            return (_jsx(Text, { color: isHeader ? 'cyan' : isActive ? 'green' : undefined, dimColor: !isHeader && !isActive, inverse: isActive, wrap: "truncate-end", children: clip(line, innerWidth) }, `${index}-${line}`));
+        }) }));
+}
+export function toolsOverlayLines(overlay, columns) {
+    const width = overlayWidth(columns);
+    const innerWidth = Math.max(1, width - 4);
+    const selected = overlay.tools[overlay.selected];
+    const groupWidth = Math.max(8, Math.min(16, Math.floor(innerWidth * 0.2)));
+    const nameWidth = Math.max(12, Math.min(26, Math.floor(innerWidth * 0.3)));
+    const summaryWidth = Math.max(10, innerWidth - groupWidth - nameWidth - 8);
+    if (!overlay.tools.length) {
+        return ['Sanook tools hub', 'No built-in tools found', 'Esc/q close'];
+    }
+    if (overlay.detail && selected) {
+        return [
+            'Sanook tools hub',
+            `${selected.group} / ${selected.name}`,
+            clip(selected.summary, innerWidth),
+            `detail: ${clip(selected.detail, Math.max(1, innerWidth - 8))}`,
+            'MCP tools live in /mcp · skills live in /skills',
+            'Enter/Esc back · q close',
+        ].map((line) => clip(line, width));
+    }
+    const window = listWindow(overlay.tools.length, overlay.selected, TOOL_WINDOW);
+    const visible = overlay.tools.slice(window.start, window.end);
+    const lines = ['Sanook tools hub', `${overlay.tools.length} built-in lanes · Enter inspect`];
+    if (window.start > 0)
+        lines.push(`... ${window.start} above`);
+    for (const [offset, tool] of visible.entries()) {
+        const index = window.start + offset;
+        const cursor = index === overlay.selected ? '>' : ' ';
+        lines.push(`${cursor} ${clip(tool.group, groupWidth).padEnd(groupWidth)} ${clip(tool.name, nameWidth).padEnd(nameWidth)} ${clip(tool.summary, summaryWidth)}`);
+    }
+    if (window.end < overlay.tools.length)
+        lines.push(`... ${overlay.tools.length - window.end} more`);
+    lines.push('↑↓/jk select · Enter inspect · Esc/q close');
+    return lines.map((line) => clip(line, width));
+}
+function ToolsHubOverlay({ columns, overlay }) {
+    const innerWidth = Math.max(1, overlayWidth(columns) - 4);
+    const lines = toolsOverlayLines(overlay, columns);
+    return (_jsx(OverlayBox, { columns: columns, children: lines.map((line, index) => {
+            const isHeader = index === 0;
+            const isActive = line.startsWith('>');
+            return (_jsx(Text, { color: isHeader ? 'cyan' : isActive ? 'green' : undefined, dimColor: !isHeader && !isActive, inverse: isActive, wrap: "truncate-end", children: clip(line, innerWidth) }, `${index}-${line}`));
+        }) }));
+}
+function taskElapsed(rec, now = Date.now()) {
+    if (rec.state === 'running')
+        return `${Math.max(0, Math.floor((now - rec.startedMs) / 1000))}s…`;
+    if (rec.endedMs)
+        return `${((rec.endedMs - rec.startedMs) / 1000).toFixed(1)}s`;
+    return '—';
+}
+export function tasksOverlayLines(overlay, columns, now = Date.now()) {
+    const width = overlayWidth(columns);
+    const innerWidth = Math.max(1, width - 4);
+    const selected = overlay.tasks[overlay.selected];
+    if (!overlay.tasks.length) {
+        return [
+            'Sanook background tasks',
+            'No task_spawn jobs in this session',
+            'Esc/q close · spawn via task_spawn tool',
+        ];
+    }
+    if (overlay.detail && selected) {
+        const lines = [
+            'Sanook background tasks',
+            `${selected.id} · ${selected.state} · ${taskElapsed(selected, now)}`,
+            selected.description,
+            'Esc back · q close',
+        ];
+        if (selected.state === 'done' && selected.text) {
+            lines.push('', clip(selected.text.trim().slice(0, 800), innerWidth));
+        }
+        else if (selected.state === 'error' && selected.error) {
+            lines.push('', clip(selected.error, innerWidth));
+        }
+        else if (selected.state === 'running') {
+            lines.push('', 'Still running — task_collect(id) when ready');
+        }
+        return lines;
+    }
+    const window = listWindow(overlay.tasks.length, overlay.selected, TASK_WINDOW);
+    const visible = overlay.tasks.slice(window.start, window.end);
+    const running = overlay.tasks.filter((t) => t.state === 'running').length;
+    const lines = [
+        'Sanook background tasks',
+        `${overlay.tasks.length} job(s) · ${running} running · Enter inspect`,
+    ];
+    for (let index = 0; index < visible.length; index++) {
+        const rec = visible[index];
+        const absolute = window.start + index;
+        const cursor = absolute === overlay.selected ? '>' : ' ';
+        lines.push(`${cursor} ${rec.id}  ${rec.state.padEnd(8)} ${taskElapsed(rec, now)}  ${clip(rec.description, Math.max(12, innerWidth - 28))}`);
+    }
+    if (window.end < overlay.tasks.length)
+        lines.push(`... ${overlay.tasks.length - window.end} more`);
+    lines.push('Esc/q close');
+    return lines;
+}
+function TasksHubOverlay({ columns, overlay }) {
+    const innerWidth = Math.max(1, overlayWidth(columns) - 4);
+    const lines = tasksOverlayLines(overlay, columns);
+    return (_jsx(OverlayBox, { columns: columns, children: lines.map((line, index) => {
+            const isHeader = index === 0;
+            const isActive = line.startsWith('>');
+            return (_jsx(Text, { color: isHeader ? 'cyan' : isActive ? 'yellow' : undefined, dimColor: !isHeader && !isActive, inverse: isActive, wrap: "truncate-end", children: clip(line, innerWidth) }, `${index}-${line}`));
+        }) }));
+}
+function sessionTitle(session, currentCwd) {
+    const base = session.title || firstUserSummary(session) || '(untitled)';
+    if (currentCwd && session.cwd !== currentCwd)
+        return `≠ ${base}`;
+    return base;
+}
+export function firstUserSummary(session) {
+    const user = session.messages.find((message) => message.role === 'user');
+    const content = user?.content;
+    if (typeof content === 'string')
+        return content.replace(/\s+/g, ' ').trim();
+    if (Array.isArray(content)) {
+        const text = content
+            .map((part) => (typeof part === 'object' && part && 'text' in part && typeof part.text === 'string' ? part.text : ''))
+            .join(' ')
+            .replace(/\s+/g, ' ')
+            .trim();
+        return text;
+    }
+    return '';
+}
+export function sessionsOverlayLines(overlay, columns) {
+    const width = overlayWidth(columns);
+    const innerWidth = Math.max(1, width - 4);
+    if (!overlay.sessions.length) {
+        return ['Sanook sessions', overlay.notice ? clip(overlay.notice, innerWidth) : 'No saved sessions yet', 'Esc/q close'];
+    }
+    const selected = overlay.sessions[overlay.selected];
+    if (overlay.renaming !== undefined && selected) {
+        const title = selected.title || firstUserSummary(selected) || selected.id;
+        return [
+            'Sanook sessions',
+            `rename: ${title}`,
+            `title: ${overlay.renaming || '(empty)'}`,
+            clip(overlay.notice ?? 'Enter save · Esc cancel', innerWidth),
+        ];
+    }
+    if (overlay.detail && selected) {
+        const title = sessionTitle(selected, overlay.currentCwd);
+        const user = firstUserSummary(selected) || '(no user prompt found)';
+        const deleteHint = overlay.pendingDeleteId === selected.id
+            ? 'Delete this session? press d again · Esc cancel'
+            : 'Enter resume · r rename · d delete · Esc back · q close';
+        return [
+            'Sanook sessions',
+            clip(title, innerWidth),
+            `id: ${clip(selected.id, Math.max(1, innerWidth - 4))}`,
+            `model: ${clip(selected.model, Math.max(1, innerWidth - 7))}`,
+            `updated: ${shortDate(selected.updated)} · messages: ${selected.messages.length}`,
+            `cwd: ${clip(selected.cwd, Math.max(1, innerWidth - 5))}`,
+            `first: ${clip(user, Math.max(1, innerWidth - 7))}`,
+            clip(deleteHint, innerWidth),
+        ];
+    }
+    const idWidth = Math.max(12, Math.min(24, Math.floor(innerWidth * 0.28)));
+    const metaWidth = Math.max(12, Math.min(28, Math.floor(innerWidth * 0.34)));
+    const titleWidth = Math.max(10, innerWidth - idWidth - metaWidth - 8);
+    const window = listWindow(overlay.sessions.length, overlay.selected, SESSION_WINDOW);
+    const visible = overlay.sessions.slice(window.start, window.end);
+    const lines = ['Sanook sessions', `${overlay.sessions.length} resumable · all projects · Enter resume · i inspect · r rename · d delete`];
+    if (overlay.notice)
+        lines.push(clip(overlay.notice, innerWidth));
+    if (window.start > 0)
+        lines.push(`... ${window.start} above`);
+    for (const [offset, session] of visible.entries()) {
+        const index = window.start + offset;
+        const cursor = index === overlay.selected ? '>' : ' ';
+        const title = sessionTitle(session, overlay.currentCwd);
+        const meta = `${session.model} · ${shortDate(session.updated)}`;
+        lines.push(`${cursor} ${clip(session.id, idWidth).padEnd(idWidth)} ${clip(title, titleWidth).padEnd(titleWidth)} ${clip(meta, metaWidth)}`);
+    }
+    if (window.end < overlay.sessions.length)
+        lines.push(`... ${overlay.sessions.length - window.end} more`);
+    const active = overlay.sessions[overlay.selected];
+    if (active && overlay.pendingDeleteId === active.id)
+        lines.push('Delete selected? press d again · Esc cancel');
+    else
+        lines.push('↑↓/jk select · Enter resume · i inspect · r rename · Esc/q close');
+    return lines;
+}
+function SessionsSwitcherOverlay({ columns, overlay }) {
+    const innerWidth = Math.max(1, overlayWidth(columns) - 4);
+    const lines = sessionsOverlayLines(overlay, columns);
+    return (_jsx(OverlayBox, { columns: columns, children: lines.map((line, index) => {
+            const isHeader = index === 0;
+            const isActive = line.startsWith('>');
+            return (_jsx(Text, { color: isHeader ? 'cyan' : isActive ? 'green' : undefined, dimColor: !isHeader && !isActive, inverse: isActive, wrap: "truncate-end", children: clip(line, innerWidth) }, `${index}-${line}`));
+        }) }));
+}
+/** Floating TUI overlays inspired by Hermes hubs; model/skills/session hubs plug in here. */
+export function FloatingOverlay({ columns, overlay, pageSize = DEFAULT_PAGER_PAGE_SIZE }) {
+    if (!overlay)
+        return null;
+    if (overlay.kind === 'hotkeys')
+        return _jsx(HotkeysOverlay, { columns: columns });
+    if (overlay.kind === 'mcp')
+        return _jsx(McpHubOverlay, { columns: columns, overlay: overlay });
+    if (overlay.kind === 'model')
+        return _jsx(ModelPickerOverlay, { columns: columns, overlay: overlay });
+    if (overlay.kind === 'pager')
+        return _jsx(PagerOverlay, { columns: columns, overlay: overlay, pageSize: pageSize });
+    if (overlay.kind === 'skills')
+        return _jsx(SkillsHubOverlay, { columns: columns, overlay: overlay });
+    if (overlay.kind === 'sessions')
+        return _jsx(SessionsSwitcherOverlay, { columns: columns, overlay: overlay });
+    if (overlay.kind === 'tasks')
+        return _jsx(TasksHubOverlay, { columns: columns, overlay: overlay });
+    if (overlay.kind === 'tools')
+        return _jsx(ToolsHubOverlay, { columns: columns, overlay: overlay });
+    return null;
+}

package/dist/ui/queue.js

@@ -0,0 +1,23 @@
+export const QUEUE_WINDOW = 3;
+export function compactPreview(text, width) {
+    const max = Math.max(8, width);
+    return text.length > max ? `${text.slice(0, Math.max(0, max - 1))}…` : text;
+}
+export function getQueueWindow(queueLength, activeIndex = null) {
+    const start = activeIndex === null ? 0 : Math.max(0, Math.min(activeIndex - 1, Math.max(0, queueLength - QUEUE_WINDOW)));
+    const end = Math.min(queueLength, start + QUEUE_WINDOW);
+    return { end, showLead: start > 0, showTail: end < queueLength, start };
+}
+export function clampQueueActiveIndex(activeIndex, queueLength) {
+    if (queueLength <= 0)
+        return null;
+    if (activeIndex === null)
+        return 0;
+    return Math.max(0, Math.min(activeIndex, queueLength - 1));
+}
+export function queueActiveIndexAfterDelete(activeIndex, previousLength) {
+    const active = clampQueueActiveIndex(activeIndex, previousLength);
+    if (active === null || previousLength <= 1)
+        return null;
+    return Math.min(active, previousLength - 2);
+}

package/dist/ui/render.js

@@ -5,6 +5,17 @@ import { App } from './app.js';
 import { SetupWizard } from './setup.js';
 import { BrainWizard } from './brain-wizard.js';
 import { saveKey, saveGlobalConfig, saveBrainPath } from '../config.js';
+import { BRAND } from '../brand.js';
+// Ink needs raw mode; mounting on a non-TTY stdin (piped/redirected/cron/CI) throws
+// 'Raw mode is not supported' deep in react-reconciler and — worse — exits 0, so a
+// script reads success on a fatal crash. Fail fast with a clear message + non-zero exit.
+function requireInteractiveTTY() {
+    if (!process.stdin.isTTY) {
+        process.stderr.write(`${BRAND.cliName}: โหมด interactive (REPL/wizard) ต้องใช้ terminal จริง (TTY).\n` +
+            `รันแบบ headless แทน:  ${BRAND.cliName} "<task>"   หรือ   ${BRAND.cliName} -z "<task>"\n`);
+        process.exit(1);
+    }
+}
 /**
  * Root — โฮสต์ setup wizard → brain wizard → REPL ใน **Ink render เดียว**
  *
@@ -21,7 +32,12 @@ export function Root({ needsSetup, appProps }) {
             void (async () => {
                 if (r.key)
                     await saveKey(r.envVar, r.key);
-                await saveGlobalConfig({ model: r.model, provider: r.provider });
+                await saveGlobalConfig({
+                    model: r.model,
+                    provider: r.provider,
+                    locale: r.locale,
+                    permissionMode: r.permissionMode,
+                });
                 setModel(r.model);
                 setPhase(r.createBrain ? 'brain' : 'app');
             })();
@@ -32,6 +48,7 @@ export function Root({ needsSetup, appProps }) {
         const onComplete = (a) => {
             void (async () => {
                 const { scaffoldBrain, BRAIN_DEFAULTS, expandHome, wireBrainMcp } = await import('../brain.js');
+                const { linkBrainToProject } = await import('../brain-link.js');
                 const today = new Date().toISOString().slice(0, 10);
                 const target = expandHome(a.path);
                 try {
@@ -44,8 +61,12 @@ export function Root({ needsSetup, appProps }) {
                     });
                     await saveBrainPath(target);
                     const wired = await wireBrainMcp(target).catch(() => 'skip');
+                    const linked = await linkBrainToProject({ brainPath: target, cwd: process.cwd(), today }).catch(() => null);
+                    const linkNote = linked?.projectRelDir
+                        ? ` · project ${linked.projectRelDir} · ${linked.memoryCreated ? 'created' : 'linked'} ${BRAND.memoryFileName}`
+                        : '';
                     setBrainNote(`✅ second-brain — ${target} · สร้าง ${res.created.length} ไฟล์ · ` +
-                        `${wired === 'added' ? 'wire filesystem MCP เข้า vault แล้ว' : 'MCP เดิมอยู่แล้ว (ไม่ทับ)'} · เปิดใน Obsidian: Open folder as vault`);
+                        `${wired === 'added' ? 'wire filesystem MCP เข้า vault แล้ว' : 'MCP เดิมอยู่แล้ว (ไม่ทับ)'}${linkNote} · เปิดใน Obsidian: Open folder as vault`);
                 }
                 catch (e) {
                     setBrainNote(`⚠ สร้าง second-brain ไม่สำเร็จ: ${e.message} — ลองใหม่ด้วย ${'`'}sanook brain init${'`'}`);
@@ -60,19 +81,23 @@ export function Root({ needsSetup, appProps }) {
 }
 /** เปิดแอป: wizard (ถ้า first-run) → REPL — Ink render ครั้งเดียว (fix: พิมพ์ในช่องแชทไม่ได้) */
 export function startApp(props) {
+    requireInteractiveTTY();
     render(_jsx(Root, { ...props }));
 }
 /** เปิด REPL ตรงๆ (ไม่ผ่าน wizard) — เก็บไว้เผื่อ caller อื่น */
 export function startRepl(appProps) {
+    requireInteractiveTTY();
     render(_jsx(App, { ...appProps }));
 }
 /** standalone `sanook brain init` (interactive): ถาม path + ตัวตน → scaffold + wire MCP — single render, จบแล้ว process ออก */
 export function startBrainSetup() {
+    requireInteractiveTTY();
     return new Promise((resolve) => {
         let unmount = () => { };
         const onComplete = (a) => {
             void (async () => {
                 const { scaffoldBrain, BRAIN_DEFAULTS, expandHome, wireBrainMcp } = await import('../brain.js');
+                const { linkBrainToProject } = await import('../brain-link.js');
                 const today = new Date().toISOString().slice(0, 10);
                 const target = expandHome(a.path);
                 const res = await scaffoldBrain(target, {
@@ -84,9 +109,12 @@ export function startBrainSetup() {
                 });
                 await saveBrainPath(target);
                 const wired = await wireBrainMcp(target).catch(() => 'skip');
+                const linked = await linkBrainToProject({ brainPath: target, cwd: process.cwd(), today }).catch(() => null);
                 unmount();
+                const linkLine = linked?.projectRelDir ? `\n   linked repo → ${linked.projectRelDir} · ${BRAND.memoryFileName} in cwd` : '';
                 process.stdout.write(`\n✅ second-brain — ${target}\n   สร้าง ${res.created.length} · ข้าม ${res.skipped.length} (มีอยู่แล้ว ไม่ทับ)` +
                     `\n   ${wired === 'added' ? 'wire filesystem MCP เข้า vault แล้ว (agent อ่าน/เขียนได้)' : 'MCP: มี server เดิมอยู่แล้ว (ไม่ทับ)'}` +
+                    `${linkLine}` +
                     `\n   เปิดใน Obsidian: Open folder as vault\n`);
                 resolve();
             })();