fix(terminal): preserve scroll intent across keyboard resize, surface history truncation

Closes #259, closes #258. Both bottom out in the same gap: nothing tracked
whether the user was following live output or reading history.

#259 — the keyboard path forced the terminal to the bottom unconditionally
(onKeyboardShow/onKeyboardHide passed scrollToBottom:true, applied with no
check), so opening the keyboard while scrolled up yanked the user down. The
settle cycle now captures intent on its FIRST event, before any fit() has
reflowed the buffer, and returns to that anchor when the user was reading.
A later capture would read an already-moved viewportY, which is why the
capture point matters. The param is renamed restoreScroll to match.

Separately, flushPendingWrites gated viewport preservation on
_hasRecentUserScrollUp(), a 1500ms decay window, so a user who scrolled up and
then actually READ for longer lost protection mid-read. Being scrolled up IS
the intent however long ago it was expressed, so it now keys off position.
The recency window stays as a race guard on the sticky scroll-to-bottom.

The full-history repull already held the user's place and is unchanged.

#258 — truncation was reported by a grey line written INTO the terminal
("earlier output truncated"), which scrolls away with the output it describes,
cannot be acted on, and said the same thing whether the rest was one click away
or gone forever. The server set one `truncated` boolean at two sites meaning
opposite things, and the client discarded fullSize and source entirely.

The route now reports truncationReason ('tail' = intentional partial replay,
the rest is retained; 'capped' = the byte ceiling dropped it) plus
retainedBytes, and 'capped' is not downgraded by a later tail cut. The client
renders a dismissible banner outside terminal output with three honest states:
recoverable (offers Load full history), at-ceiling, and exhausted. The Load
button forces past the scroll cooldown but NOT past _replayWouldShrinkBuffer,
which still refuses a downgrade for repaint-mode panes.

The banner is an overlay, not a flex child: FitAddon derives rows/cols from the
terminal parent's computed height, so occupying real layout space would SIGWINCH
the CLI on every truncation-state change.

Verified in a real browser on the 7 skins: banner text and button clear 4.5:1
contrast on all of them, and terminal height is byte-identical with the banner
shown. The first cut used --bg-elevated and --accent-muted, which do not exist,
so light skins rendered a hardcoded dark bar under dark text; it now uses only
tokens every skin redefines.

test/terminal-scroll-intent.test.ts lives outside test/mobile/ deliberately —
that suite is excluded from test:ci, so a guard placed there is invisible to CI.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
Codeman maintainer
2026-08-14 00:00:59 +02:00
parent 4bbe2b7ff6
commit 9a0e665f72
12 changed files with 699 additions and 22 deletions
+77
View File
@@ -3195,6 +3195,83 @@ body.solo-mode .btn-lifecycle-log {
display: flex;
flex-direction: column;
overflow: hidden;
/* Anchor for the partial-history banner, which overlays rather than stacks. */
position: relative;
}
/* Partial-history banner (#258).
OVERLAY, not a flex child, on purpose: FitAddon derives rows/cols from the
terminal parent's computed height, so a banner that occupied real layout
space would SIGWINCH the CLI every time truncation state changed and make
Ink repaint the world. Floating it costs a few covered rows at the top,
which the dismiss button releases. */
.history-trunc-bar {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 6; /* under the local-echo overlay (7), over terminal content */
display: flex;
align-items: center;
gap: 10px;
padding: 7px 10px;
font-size: 12px;
line-height: 1.35;
color: var(--text-dim);
background: var(--bg-card);
border-bottom: 1px solid var(--border);
box-shadow: 0 2px 8px rgb(0 0 0 / 22%);
}
/* `.history-trunc-bar` sets display:flex, which outranks the hidden attribute's
UA display:none — without this the banner can never be hidden. */
.history-trunc-bar[hidden] {
display: none;
}
.history-trunc-text {
flex: 1;
min-width: 0;
}
.history-trunc-load {
flex: none;
padding: 4px 10px;
font-size: 12px;
font-family: inherit;
color: var(--text);
background: var(--bg-hover);
border: 1px solid var(--border);
border-radius: 5px;
cursor: pointer;
}
.history-trunc-load:hover:not(:disabled) {
background: var(--border-light);
}
.history-trunc-load:disabled {
opacity: 0.6;
cursor: default;
}
.history-trunc-dismiss {
flex: none;
width: 22px;
height: 22px;
padding: 0;
font-size: 15px;
line-height: 1;
color: var(--text-muted);
background: none;
border: none;
border-radius: 4px;
cursor: pointer;
}
.history-trunc-dismiss:hover {
color: var(--text);
background: var(--bg-hover);
}
.terminal-container {