* Studio: keep chat in place when composer attachments resize it
Attaching or removing a file in the chat composer could yank the whole
conversation to the bottom, and the grown composer covered the end of
the chat with no way to scroll it back into view.
Root cause: the Viewport composes refs with an identity that changes on
re-render, so React re-runs our scroll ref on unrelated renders and the
autoscroll hook treated every rebind as a fresh mount, pinning to the
bottom. On top of that the viewport reserved a fixed 160px under the
last message regardless of composer size.
- Treat same-element ref rebinds as no-ops in the autoscroll hook; only
a genuinely new viewport element pins and resets detach state
- Size the bottom spacer from the measured composer height plus a 24px
gap so the chat can always be scrolled above the composer
- On composer growth, detach from the bottom instead of auto-scrolling;
the user scrolls down to reveal the covered lines
- On composer shrink, defer the spacer shrink until it cannot clamp
scrollTop, then release it invisibly on scroll or on bottom-pinning
moments (run start, thread switch, thread load)
* Studio: release deferred composer spacer when a run owns the bottom
Sending with attachments cleared the chips after thread.runStart had
already fired, so the spacer shrink was deferred while the user sat
pinned at the bottom, leaving a permanent extra gap above the composer.
Apply shrinks immediately while a run is active or within 1s of run
start; the run-start pin owns the bottom then, so the clamp is the
intended glide. Caught by a cross-engine Playwright pass (Chromium,
Firefox, WebKit) over the pre and post builds.
* Studio: track the viewport element in state so listeners survive remounts
The deferred-shrink scroll listener was attached once against a ref, but
the keyed overlay provider remounts the viewport subtree on thread
switches, leaving the listener bound to the unmounted element. Removing
an attachment near the bottom in the new thread then left the oversized
spacer stuck until a run started. Track the viewport element in state so
the listener and the clamp math follow the new element.
Reproduced and verified with a thread-switch scenario on Chromium,
Firefox and WebKit; full matrix re-run green.
* Studio: release deferred composer spacer shrink when at the bottom (#6070)
---------
Co-authored-by: shimmyshimmer <michael@unsloth.ai>
Co-authored-by: Daniel Han <danielhanchen@gmail.com>
cf97faed9f