klyro 0.1.56 → 0.1.58

package/dist/tui/app.js

@@ -27,7 +27,7 @@ function Header({ cwd, model, version, width }) {
         }
     }, [cwd]);
     const showLinks = width >= 120;
-    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Text, { bold: true, color: tokens.colors.accent, children: ["KLYRO  v", version] }), showLinks ? _jsx(Text, { color: tokens.colors.dim, children: "\u2502  /help   /config   /clear   /exit" }) : null] }), _jsxs(Text, { color: tokens.colors.dim, children: [model, "  \u00B7  ", cwd] }), branch ? _jsxs(Text, { color: tokens.colors.dim, children: ["\u2387  ", branch] }) : null] }));
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, flexShrink: 0, children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Text, { bold: true, color: tokens.colors.accent, children: ["KLYRO  v", version] }), showLinks ? _jsx(Text, { color: tokens.colors.dim, children: "\u2502  /help   /config   /clear   /exit" }) : null] }), _jsxs(Text, { color: tokens.colors.dim, children: [model, "  \u00B7  ", cwd] }), branch ? _jsxs(Text, { color: tokens.colors.dim, children: ["\u2387  ", branch] }) : null] }));
 }
 function verbForTool(name) {
     if (name === 'read_file')
@@ -153,6 +153,7 @@ function useChatScroll(opts) {
         pageDown: () => dispatch({ type: 'BY_HALF_PAGE', dir: 1 }),
         jumpTop: () => dispatch({ type: 'TO_TOP' }),
         jumpBottom: () => dispatch({ type: 'TO_BOTTOM' }),
+        reset: () => dispatch({ type: 'TO_BOTTOM' }),
     }), [dispatch]);
     const resolved = resolveTopRow(state, ctx);
     const maxTop = maxTopFor(ctx);
@@ -216,6 +217,7 @@ export function App(props) {
         bottom: () => { },
         halfPage: (_dir) => { },
         top: () => { },
+        reset: () => { },
     });
     const width = stdout?.columns ?? 100;
     const height = stdout?.rows ?? 30;
@@ -357,6 +359,7 @@ export function App(props) {
             }
         },
         bottom: () => commands.jumpBottom(),
+        reset: () => commands.reset(),
         halfPage: (dir) => {
             if (dir < 0)
                 commands.pageUp();
@@ -416,10 +419,15 @@ export function App(props) {
         thinkingIdRef.current = null;
         setTranscript((prev) => (prev.some((x) => x.kind === 'thinking') ? prev.filter((x) => x.kind !== 'thinking') : prev));
     }, []);
-    useEffect(() => { if (status.status !== 'running') {
-        streamingIdRef.current = null;
-        thinkingIdRef.current = null;
-    } }, [status.status]);
+    useEffect(() => {
+        if (status.status !== 'running') {
+            streamingIdRef.current = null;
+            thinkingIdRef.current = null;
+            // Runs that end without final_text (abort/cancel/error) must not leave
+            // stale thinking blocks behind — only the response may remain.
+            setTranscript((prev) => (prev.some((x) => x.kind === 'thinking') ? prev.filter((x) => x.kind !== 'thinking') : prev));
+        }
+    }, [status.status]);
     const updateStatus = useCallback((s) => setStatus((p) => ({ ...p, ...s })), []);
     const updatePlan = useCallback((p) => setPlan(p), []);
     // Tool results patch the running start-item IN PLACE (no second item, so a
@@ -436,7 +444,15 @@ export function App(props) {
             return copy;
         });
     }, []);
-    const clearTranscript = useCallback(() => { streamingIdRef.current = null; setTranscript([]); setPlan([]); }, []);
+    const clearTranscript = useCallback(() => {
+        streamingIdRef.current = null;
+        thinkingIdRef.current = null;
+        setTranscript([]);
+        setPlan([]);
+        // Fresh content → fresh scroll (a pruned anchor would otherwise stick to
+        // the bottom with a stale newSinceUnstick badge count).
+        scrollCmdsRef.current.reset();
+    }, []);
     // Scroll control for external drivers (mouse-wheel tap in repl.ts, §8.4).
     // Stored in refs so the callbacks stay stable while acting on latest state.
     const scrollLines = useCallback((delta) => { scrollCmdsRef.current.line(delta); }, []);
@@ -751,5 +767,5 @@ export function App(props) {
                                 if (it.kind === 'diff')
                                     return (_jsxs(Box, { flexDirection: "column", paddingLeft: 2, marginBottom: 1, children: [_jsx(Text, { bold: true, color: tokens.colors.soft, children: it.summary ?? 'Diff' }), it.hunks.map((h, i) => (_jsxs(Box, { flexDirection: "column", marginTop: 0, children: [_jsx(Text, { color: tokens.colors.soft, children: h.path }), h.lines.map((l, j) => (_jsxs(Text, { wrap: "wrap", color: l.kind === 'add' ? tokens.colors.ok : l.kind === 'remove' ? tokens.colors.err : tokens.colors.dim, children: [l.kind === 'add' ? '+ ' : l.kind === 'remove' ? '- ' : '  ', l.text] }, j)))] }, i)))] }, it.id));
                                 return null;
-                            }) : null, showThinking && status.status === 'running' && !streamingIdRef.current ? (_jsxs(Box, { paddingLeft: 2, marginBottom: 1, children: [_jsxs(Text, { color: tokens.colors.guide, children: ["  ", g('guide'), "   "] }), _jsxs(Text, { color: tokens.colors.accent, children: [_jsx(Spinner, { type: "dots" }), " "] }), _jsx(Text, { color: tokens.colors.dim, children: "Thinking... (esc to cancel)" }), _jsxs(Text, { color: tokens.colors.dim, children: ["  ", (elapsed / 1000).toFixed(1), "s"] })] })) : null, showPlan && plan.length > 0 ? (_jsxs(Box, { flexDirection: "column", paddingLeft: 2, marginTop: 0, marginBottom: 1, children: [_jsxs(Box, { children: [_jsxs(Text, { color: tokens.colors.guide, children: ["  ", g('guide'), "   "] }), _jsxs(Text, { bold: true, children: [g('todoPlan'), " Plan  ", plan.filter((p) => p.status === 'done').length, "/", plan.length] })] }), plan.slice(0, 8).map((p, i) => (_jsxs(Box, { children: [_jsxs(Text, { color: tokens.colors.guide, children: ["  ", g('guide'), "   "] }), _jsxs(Text, { color: p.status === 'done' ? tokens.colors.ok : p.status === 'in_progress' ? tokens.colors.accent : tokens.colors.dim, children: [p.status === 'done' ? g('todoDone') : p.status === 'in_progress' ? g('todoActive') : g('todoPending'), " ", i + 1, ". ", p.title] })] }, p.id)))] })) : null, showQueued && queuedInputs.length > 0 ? (_jsx(Box, { flexDirection: "column", paddingLeft: 2, marginBottom: 1, children: queuedInputs.map((q, i) => (_jsxs(Text, { color: tokens.colors.dim, children: ["queued: ", q.slice(0, 60), i === 0 ? '  esc to drop' : ''] }, i))) })) : null] }), isFullscreen ? (_jsx(Box, { flexDirection: "column", width: 1, marginLeft: 1, children: Array.from({ length: trackH }).map((_, i) => (_jsx(Text, { color: i === thumbPos ? tokens.colors.accent : tokens.colors.guide, children: i === thumbPos ? '●' : '│' }, i))) })) : null] }), pinned && pendingNew > 0 ? (_jsx(Box, { justifyContent: "flex-end", paddingX: 1, marginTop: -1, children: _jsxs(Text, { backgroundColor: tokens.colors.accentSoft, color: tokens.colors.accent, bold: true, children: [' ↓ ', pendingNew >= 1000 ? '999+ new' : `${pendingNew} new`, ' '] }) })) : null, slashSuggest.length > 0 ? (_jsxs(Box, { flexDirection: "column", paddingLeft: 2, children: [slashSuggest.map((s, i) => (_jsxs(Text, { color: i === 0 ? tokens.colors.accent : tokens.colors.dim, children: [i === 0 ? '▸' : ' ', " /", s.name, "  \u2014 ", s.hint] }, s.name))), _jsx(Text, { color: tokens.colors.dim, children: "  tab to complete" })] })) : null, _jsx(ApprovalModal, { bridge: bridge }), _jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: tokens.colors.guide, children: g('rule').repeat(Math.max(10, width - 2)) }), _jsxs(Box, { children: [_jsxs(Text, { color: tokens.colors.accent, bold: true, children: [g('prompt'), " "] }), _jsxs(Text, { wrap: "wrap", children: [input || _jsx(Text, { color: tokens.colors.dim, children: "Message Klyro..." }), "|"] })] }), _jsx(Text, { color: tokens.colors.guide, children: g('rule').repeat(Math.max(10, width - 2)) })] }), _jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Text, { color: tokens.colors.dim, children: [status.status === 'running' ? (_jsxs(Text, { color: tokens.colors.accent, children: [_jsx(Spinner, { type: "dots" }), " working  \u00B7  "] })) : null, baseHints, maxTop > 0 && isFullscreen ? '  ·  PgUp/Dn scroll' : ''] }), _jsxs(Text, { color: tokens.colors.dim, children: [cost > 0 ? `$${cost.toFixed(2)} · ` : '', ctxPct, "% ctx \u00B7 ", status.model, status.status === 'running' ? ' ●' : ''] })] })] }));
+                            }) : null, showThinking && status.status === 'running' && !streamingIdRef.current ? (_jsxs(Box, { paddingLeft: 2, marginBottom: 1, children: [_jsxs(Text, { color: tokens.colors.guide, children: ["  ", g('guide'), "   "] }), _jsxs(Text, { color: tokens.colors.accent, children: [_jsx(Spinner, { type: "dots" }), " "] }), _jsx(Text, { color: tokens.colors.dim, children: "Thinking... (esc to cancel)" }), _jsxs(Text, { color: tokens.colors.dim, children: ["  ", (elapsed / 1000).toFixed(1), "s"] })] })) : null, showPlan && plan.length > 0 ? (_jsxs(Box, { flexDirection: "column", paddingLeft: 2, marginTop: 0, marginBottom: 1, children: [_jsxs(Box, { children: [_jsxs(Text, { color: tokens.colors.guide, children: ["  ", g('guide'), "   "] }), _jsxs(Text, { bold: true, children: [g('todoPlan'), " Plan  ", plan.filter((p) => p.status === 'done').length, "/", plan.length] })] }), plan.slice(0, 8).map((p, i) => (_jsxs(Box, { children: [_jsxs(Text, { color: tokens.colors.guide, children: ["  ", g('guide'), "   "] }), _jsxs(Text, { color: p.status === 'done' ? tokens.colors.ok : p.status === 'in_progress' ? tokens.colors.accent : tokens.colors.dim, children: [p.status === 'done' ? g('todoDone') : p.status === 'in_progress' ? g('todoActive') : g('todoPending'), " ", i + 1, ". ", p.title] })] }, p.id)))] })) : null, showQueued && queuedInputs.length > 0 ? (_jsx(Box, { flexDirection: "column", paddingLeft: 2, marginBottom: 1, children: queuedInputs.map((q, i) => (_jsxs(Text, { color: tokens.colors.dim, children: ["queued: ", q.slice(0, 60), i === 0 ? '  esc to drop' : ''] }, i))) })) : null] }), isFullscreen ? (_jsx(Box, { flexDirection: "column", width: 1, marginLeft: 1, children: Array.from({ length: trackH }).map((_, i) => (_jsx(Text, { color: i === thumbPos ? tokens.colors.accent : tokens.colors.guide, children: i === thumbPos ? '●' : '│' }, i))) })) : null] }), pinned && pendingNew > 0 ? (_jsx(Box, { justifyContent: "flex-end", paddingX: 1, flexShrink: 0, children: _jsxs(Text, { backgroundColor: tokens.colors.accentSoft, color: tokens.colors.accent, bold: true, children: [' ↓ ', pendingNew >= 1000 ? '999+ new' : `${pendingNew} new`, ' '] }) })) : null, slashSuggest.length > 0 ? (_jsxs(Box, { flexDirection: "column", paddingLeft: 2, flexShrink: 0, children: [slashSuggest.map((s, i) => (_jsxs(Text, { color: i === 0 ? tokens.colors.accent : tokens.colors.dim, children: [i === 0 ? '▸' : ' ', " /", s.name, "  \u2014 ", s.hint] }, s.name))), _jsx(Text, { color: tokens.colors.dim, children: "  tab to complete" })] })) : null, _jsx(ApprovalModal, { bridge: bridge }), _jsxs(Box, { flexDirection: "column", flexShrink: 0, children: [_jsx(Text, { color: tokens.colors.guide, children: g('rule').repeat(Math.max(10, width - 2)) }), _jsxs(Box, { children: [_jsxs(Text, { color: tokens.colors.accent, bold: true, children: [g('prompt'), " "] }), _jsxs(Text, { wrap: "wrap", children: [input || _jsx(Text, { color: tokens.colors.dim, children: "Message Klyro..." }), "|"] })] }), _jsx(Text, { color: tokens.colors.guide, children: g('rule').repeat(Math.max(10, width - 2)) })] }), _jsxs(Box, { justifyContent: "space-between", flexShrink: 0, children: [_jsxs(Text, { color: tokens.colors.dim, children: [status.status === 'running' ? (_jsxs(Text, { color: tokens.colors.accent, children: [_jsx(Spinner, { type: "dots" }), " working  \u00B7  "] })) : null, baseHints, maxTop > 0 && isFullscreen ? '  ·  PgUp/Dn scroll' : ''] }), _jsxs(Text, { color: tokens.colors.dim, children: [cost > 0 ? `$${cost.toFixed(2)} · ` : '', ctxPct, "% ctx \u00B7 ", status.model, status.status === 'running' ? ' ●' : ''] })] })] }));
 }

package/dist/tui/app.test.js

@@ -464,6 +464,97 @@ describe('App', () => {
         hooks.clearThinking();
         await waitForAbsent(lastFrame, /weighing two approaches/);
     });
+    it('empty state: composer pinned to bottom, header first (TEST 1)', async () => {
+        const { lastFrame } = render(_jsx(App, { initialModel: "m", maxSteps: 10, cwd: "/test", onPrompt: async () => { }, onSlash: async () => { }, isFullscreen: true }));
+        await new Promise((r) => setTimeout(r, 50));
+        const rows = (lastFrame() ?? '').split('\n');
+        expect(rows[0]).toMatch(/KLYRO/);
+        const nonEmpty = rows.map((r, i) => ({ r, i })).filter((x) => x.r.trim().length > 0);
+        const last = nonEmpty[nonEmpty.length - 1];
+        expect(last.r).toMatch(/enter to send|for history|to attach/);
+        const placeholder = rows.findIndex((r) => r.includes('Message Klyro'));
+        expect(placeholder).toBeGreaterThanOrEqual(0);
+        expect(placeholder).toBeLessThan(last.i);
+    });
+    it('multiline input grows upward, status stays last (TEST 5)', async () => {
+        const { stdin, lastFrame } = render(_jsx(App, { initialModel: "m", maxSteps: 10, cwd: "/test", onPrompt: async () => { }, onSlash: async () => { }, isFullscreen: true }));
+        stdin.write('build authentication');
+        await new Promise((r) => setTimeout(r, 20));
+        stdin.write('\x1b[13;2u');
+        await new Promise((r) => setTimeout(r, 20));
+        stdin.write('add tests');
+        await new Promise((r) => setTimeout(r, 50));
+        const rows = (lastFrame() ?? '').split('\n');
+        expect(rows.join('\n')).toContain('build authentication');
+        expect(rows.join('\n')).toContain('add tests');
+        const nonEmpty = rows.map((r, i) => ({ r, i })).filter((x) => x.r.trim().length > 0);
+        const last = nonEmpty[nonEmpty.length - 1];
+        expect(last.r).toMatch(/enter to send|for history|to attach/);
+        expect(rows.length).toBeLessThanOrEqual(32);
+    });
+    it('tool events aggregate, no raw internals leak (TEST 13)', async () => {
+        let hooks = null;
+        const { lastFrame } = render(_jsx(App, { initialModel: "m", maxSteps: 10, cwd: "/test", onPrompt: async () => { }, onSlash: async () => { }, isFullscreen: true, onMounted: (h) => {
+                hooks = { append: h.append, updateTool: h.updateTool };
+            } }));
+        await new Promise((r) => setTimeout(r, 50));
+        const tools = [
+            ['read_file', 'c1', '{"path":"a.ts"}'],
+            ['read_file', 'c2', '{"path":"b.ts"}'],
+            ['read_file', 'c3', '{"path":"c.ts"}'],
+            ['shell_exec', 'c4', '{"command":"npm test"}'],
+            ['shell_exec', 'c5', '{"command":"npm run build"}'],
+        ];
+        for (const [name, id, args] of tools) {
+            hooks.append({ id: `t-${id}`, kind: 'tool', name, id_call: id, args, status: 'running' });
+        }
+        await waitForMatch(lastFrame, /Read 3 files/);
+        for (const [, id] of tools) {
+            hooks.updateTool(id, { result: 'ok', isError: false, latencyMs: 5, status: 'done' });
+        }
+        const frame = await waitForMatch(lastFrame, /Ran 2 commands/);
+        expect(frame).toContain('Read 3 files');
+        expect(frame).not.toContain('tool_call');
+        expect(frame).not.toContain('{"path"');
+        expect(frame).not.toContain('queued:');
+    });
+    it('aborted run leaves no thinking behind (only response may remain)', async () => {
+        let hooks = null;
+        const { lastFrame } = render(_jsx(App, { initialModel: "m", maxSteps: 10, cwd: "/test", onPrompt: async () => { }, onSlash: async () => { }, isFullscreen: true, initialStatus: { status: 'running' }, onMounted: (h) => {
+                hooks = { appendThinkingDelta: h.appendThinkingDelta, updateStatus: h.updateStatus };
+            } }));
+        await new Promise((r) => setTimeout(r, 50));
+        hooks.appendThinkingDelta('half-formed thought...');
+        await waitForMatch(lastFrame, /half-formed thought/);
+        // Abort (no final_text): thinking must be cleaned up, not linger.
+        hooks.updateStatus({ status: 'aborted' });
+        await waitForAbsent(lastFrame, /half-formed thought/);
+    });
+    it('clearTranscript resets scroll state (no stale badge count)', async () => {
+        let hooks = null;
+        const { stdin, lastFrame } = render(_jsx(App, { initialModel: "m", maxSteps: 10, cwd: "/test", onPrompt: async () => { }, onSlash: async () => { }, isFullscreen: true, initialTranscript: makeInitialTranscript(25), onMounted: (h) => {
+                hooks = { append: h.append, clearTranscript: h.clearTranscript };
+            } }));
+        await new Promise((r) => setTimeout(r, 100));
+        stdin.write(KEY_HOME);
+        await new Promise((r) => setTimeout(r, 50));
+        hooks.append({ id: 'late-1', kind: 'text', text: 'LATE-1-tag', role: 'assistant' });
+        // Badge counts lines grown while pinned.
+        await waitForMatch(lastFrame, /↓ \d+ new/);
+        hooks.clearTranscript();
+        await new Promise((r) => setTimeout(r, 50));
+        // Fresh session: seed 25 more, pin, grow by one 2-line item → badge is exactly 2.
+        for (let i = 0; i < 25; i++) {
+            hooks.append({ id: `n-${i}`, kind: 'text', text: `NEW-${i.toString().padStart(2, '0')}-tag`, role: 'user' });
+        }
+        await new Promise((r) => setTimeout(r, 100));
+        stdin.write(KEY_HOME);
+        await new Promise((r) => setTimeout(r, 50));
+        hooks.append({ id: 'n-late', kind: 'text', text: 'NEWLATE-tag', role: 'assistant' });
+        // Assistant block = header + text + margin = 3 fresh lines, no stale count.
+        const badge = await waitForMatch(lastFrame, /↓ \d+ new/);
+        expect(badge).toMatch(/↓ 3 new/);
+    });
     it('Shift+Up / Shift+Down scroll by one line', async () => {
         const { stdin, lastFrame } = render(_jsx(App, { initialModel: "m", maxSteps: 10, cwd: "/test", onPrompt: async () => { }, onSlash: async () => { }, isFullscreen: true, initialTranscript: makeInitialTranscript(25) }));
         await new Promise((r) => setTimeout(r, 50));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "klyro",
-  "version": "0.1.56",
+  "version": "0.1.58",
   "description": "Klyro \u2014 autonomous coding harness CLI that streams from any OpenAI-compatible or Anthropic LLM endpoint.",
   "type": "module",
   "main": "dist/index.js",