klyro 1.0.3 → 1.0.4

package/dist/tui/app.js

@@ -10,7 +10,7 @@ import { execFileSync } from 'node:child_process';
 import { TuiApprovalBridge, ApprovalModal } from './approval.js';
 import { parse as parseSlash, suggestCommands } from '../cli/slash/parser.js';
 import { tokens, g } from './tokens.js';
-import { initialScroll, scrollReducer, resolveTopRow, maxTopFor, } from './scroll-model.js';
+import { initialScroll, scrollReducer, resolveTopRow, maxTopFor, badgeLabel, } from './scroll-model.js';
 import { buildIndex, itemAtRow, MeasureCache } from './measure.js';
 import { renderMarkdownLines } from './markdown.js';
 import { readVersion } from '../version.js';
@@ -322,7 +322,7 @@ export function App(props) {
     const blockKeys = useMemo(() => blocks.map((b) => b.key), [blocks]);
     const blockHeights = useMemo(() => blocks.map((b) => cache.heightFor(b.key, b.desc, width)), [blocks, width, cache]);
     const scroll = useChatScroll({ keys: blockKeys, heights: blockHeights, viewportH, width });
-    const { topRow, maxTop, pinned, pendingNew, commands } = scroll;
+    const { topRow, maxTop, pinned, pendingNew, commands, atBottom } = scroll;
     const trackH = viewportH;
     const thumbPos = maxTop === 0 ? 0 : Math.round((topRow / maxTop) * (trackH - 1));
     // Slice *display lines* [topRow, topRow+viewportH): intersecting blocks only
@@ -538,6 +538,10 @@ export function App(props) {
                 commands.jumpBottom();
                 return;
             }
+            if (inputStr === ' ' && pinned && pendingNew > 0) {
+                commands.jumpBottom();
+                return;
+            } // Space → jump to unread tail
             if (key.ctrl && inputStr === 'g') {
                 commands.jumpBottom();
                 return;
@@ -788,5 +792,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, 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: [maxTop > 0 && isFullscreen ? `⇅ ${topRow}/${maxTop} · ` : '', 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 && !atBottom ? (_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 && badgeLabel(atBottom, pendingNew, status.status !== 'running') ? (_jsx(Box, { justifyContent: "center", flexShrink: 0, children: _jsxs(Text, { backgroundColor: tokens.colors.accentSoft, color: tokens.colors.accent, bold: true, children: [' ', badgeLabel(atBottom, pendingNew, status.status !== 'running'), ' '] }) })) : 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: [maxTop > 0 && isFullscreen ? `⇅ ${topRow}/${maxTop} · ` : '', cost > 0 ? `$${cost.toFixed(2)} · ` : '', ctxPct, "% ctx \u00B7 ", status.model, status.status === 'running' ? ' ●' : ''] })] })] }));
 }

package/dist/tui/app.test.js

@@ -541,13 +541,13 @@ describe('App', () => {
         await waitForMatch(lastFrame, /⇅ 0\/\d+/);
         hooks.append({ id: 'late-1', kind: 'text', text: 'LATE-1-tag', role: 'assistant' });
         // Badge counts lines grown while pinned.
-        await waitForMatch(lastFrame, /↓ \d+ new/);
+        await waitForMatch(lastFrame, /↓ \d+ unread/);
         hooks.clearTranscript();
         // Wait for transcript content to actually clear (no stale MSG-* items) —
         // this is the "no stale badge" invariant: after a clear, the view must
         // drop back to follow-tail with the pin/count reset.
         await waitForAbsent(lastFrame, /MSG-\d{2}-tag/);
-        await waitForAbsent(lastFrame, /↓ \d+ new/);
+        await waitForAbsent(lastFrame, /↓ \d+ unread/);
         // Fresh session: seed 25 more, let them settle to a bottom-anchored view.
         for (let i = 0; i < 25; i++) {
             hooks.append({ id: `n-${i}`, kind: 'text', text: `NEW-${i.toString().padStart(2, '0')}-tag`, role: 'user' });
@@ -558,7 +558,7 @@ describe('App', () => {
         await waitForMatch(lastFrame, /NEWLATE-tag/);
         await new Promise((r) => setTimeout(r, 100));
         const afterFollow = lastFrame() ?? '';
-        expect(afterFollow).not.toMatch(/↓ \d+ new/);
+        expect(afterFollow).not.toMatch(/↓ \d+ unread/);
         expect(afterFollow).not.toMatch(/MSG-\d{2}-tag/);
     });
     it('status bar shows scroll position when content overflows', async () => {

package/dist/tui/scroll-flow.test.js

@@ -66,7 +66,7 @@ describe('scroll flow diagnostics', () => {
         }
         const frozen = lastFrame() ?? '';
         expect(frozen).toContain('MSG-00-tag'); // viewport did not yank down
-        expect(frozen).toMatch(/↓ \d+ new/); // badge visible
+        expect(frozen).toMatch(/↓ \d+ unread/); // badge visible
         expect(rowsOf(frozen)).toBeLessThanOrEqual(32);
         stdin.write('\x1b[F'); // End → follow
         await tick(50);

package/dist/tui/scroll-model.d.ts

@@ -63,5 +63,7 @@ export interface Resolved {
 }
 /** Anchor → topRow, run once per frame after the line index rebuild (§5.3). */
 export declare function resolveTopRow(s: ScrollState, ctx: ScrollCtx): Resolved;
-/** Badge label per §7.2. Empty string = hidden. */
+/** Badge label per §7.2 (Claude Code style: "N unread" / "jump to end").
+ *  Empty string = hidden. `idle` = agent done streaming, the only new lines
+ *  are the ones already counted — the affordance flips to "jump to end". */
 export declare function badgeLabel(atBottom: boolean, newSinceUnstick: number, idle: boolean): string;

package/dist/tui/scroll-model.js

@@ -87,13 +87,14 @@ export function resolveTopRow(s, ctx) {
     const topRow = clampN(raw, 0, maxTop);
     return { topRow, atBottom: topRow >= maxTop - FOLLOW_EPSILON };
 }
-/** Badge label per §7.2. Empty string = hidden. */
+/** Badge label per §7.2 (Claude Code style: "N unread" / "jump to end").
+ *  Empty string = hidden. `idle` = agent done streaming, the only new lines
+ *  are the ones already counted — the affordance flips to "jump to end". */
 export function badgeLabel(atBottom, newSinceUnstick, idle) {
     if (atBottom || newSinceUnstick <= 0)
         return '';
-    if (idle)
-        return '↓ jump to end';
+    void idle; // Ink can't capture the idle click; count is shown either way (§7.2)
     if (newSinceUnstick >= 1000)
-        return '↓ 999+ new';
-    return `↓ ${newSinceUnstick} new`;
+        return '↓ 999+ unread';
+    return `↓ ${newSinceUnstick} unread`;
 }

package/package.json

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