Standardize all turn rows (tool calls, thinking, diff summary) to 36px
height with zero gaps between them. Previously rows were 32px with
varying gaps (2px/6px/8px/12px) causing inconsistent spacing and a
margin-top pop when the thinking indicator's gap changed reactively.
- Collapsible trigger: 32px -> 36px
- Thinking box: min-height 32px -> height 36px, gap removed (was 12px)
- Diff summary trigger: min-height 24px -> height 36px, gap removed
- Part gaps: removed all inter-part padding-top (was 0/2/6px)
- User message GrowBox: removed 8px gap
- Thread working prop to text parts for copy button visibility
- Wrap copy button in animated GrowBox with open/close transitions
- Simplify thinking show/hide by removing delay timer and using
entry gate to prevent animation before live signal
- Batch optimistic message updates to prevent animate race condition
Use splitProps instead of JS destructuring in ToolCallRoot to preserve
reactivity on forwarded props. Extract fade helpers in GrowBox to
deduplicate opacity/filter/blur patterns across mount and toggle paths
(also fixes mount fade-in cleanup not checking open() state). Simplify
redundant getDirectory ternary guards and contextToolSummary iteration.
Disable browser scroll anchoring (overflow-anchor: none) which
interferes with column-reverse, and restore scrollTop synchronously
before paint instead of in rAF with delta math.
- Pass props.animate (not live()) to Message so user message GrowBox
mounts with animate=true and properly runs height + fade animation
- Remove Math.ceil from BasicTool height spring to prevent 1px jitter
- Remove rAF debounce from BasicTool ResizeObserver for same-frame updates
- Use live() for AssistantParts to defer animation until streaming starts
Switch the scroll viewport to flex-direction: column-reverse so the
browser natively anchors to the bottom (scrollTop=0 = bottom). This
eliminates the 1-frame jitter between content height changes and scroll
position updates. Update all scrollTop math across auto-scroll, scroll
spy, gesture detection, hash scroll, and custom thumb to account for
the inverted coordinate system.
Remove rAF debounce from ResizeObserver callback in createAutoScroll
so scrollToBottom fires in the same frame as layout changes (no 1-frame
lag). Add GPU layer promotion (translateZ) on GrowBox and layout
containment on assistant content to reduce cross-element repaint.
- Remove Math.ceil rounding from spring animation frames to eliminate
1px oscillation during height transitions
- Add will-change:height and contain:layout style during active springs
for better compositor performance
- Replace blanket ResizeObserver gate with spring target deduplication
so genuine content changes can re-target mid-flight without feedback loops
- Apply same Math.ceil removal and will-change/contain hints to the
thinking box show/hide animations in session-turn
- Fix 6 instances where TextShimmer was destroyed/recreated via <Show>
swap instead of toggling active prop (bash, webfetch, edit, write,
context tools, basic-tool fallback)
- Move shell submessage opacity/blur from CSS transitions to animate()
so they respect the animate prop and don't fire on page load
- Remove data-visible attribute pattern, all animation now driven by
Motion's animate() when animate=true
- Shell submessage now uses Motion's animate() with width: "auto" for
spring-driven width reveal instead of CSS grid 0fr→1fr transition
- Skip animation on page load (sawPending flag), only animate live tool calls
- Fix baseline alignment with overflow: clip instead of overflow: hidden
- Replace TextOdometer with TextReveal in production (session-turn, todo-dock)
- Remove TextOdometer component, CSS, and stories
- Add TextReveal to thinking-heading story
- Update shell submessage story with visualDuration/bounce sliders
Add spring-based animations to the prompt input composer:
- Mode toggle (shell/conversation) indicator uses spring cubic-bezier
- Submit and plus buttons animate with individual scale, opacity, and blur
- Tray items (agent, model, variant selectors) crossfade with spring
- Shell label animates in/out opposite to normal mode controls
- Add TextStrikethrough component for todo item completion
- Add truncate support to TextReveal
- Wire up count mask/height/width props through composer region
