J475: top-pill menu and window split animations: quick ease-out, no blank card, fade-in split #484

New issue

Open

opened 2026-11-10 12:07:49 +00:00 by kayg · 0 comments

kayg commented

2026-11-10 12:07:49 +00:00

Owner

Owner recorded two animations on production (build 97928be8a, before the J428 motion work of #471) and asked:

"why does this animation take so long?" — the top "Console · N sessions" pill morphing into the view menu and back; several frames show a blurred empty card before the content appears.
"can we make this animation a fade in instead and speed it up? currently looks weird and takes too long!" — splitting a window ("Split down"): the new pane slides/ghosts in and the panes reflow slowly.

Owner rule (2026-11-09): "Use ease-out for anything entering or leaving the screen. Keep UI animations under 300ms." Keyboard-opened surfaces stay instant.

Plan (job J475, branch j475-motion-pill-split, base origin/dev d7b2e4dc1):

Measure both on a production build of current dev on dev-02 (frame strip + durations) = "before".
Pill menu: quick ease-out (~150-200 ms), content visible from the first frame, no blank blurred card.
Split: new pane fades in ~150 ms ease-out, existing panes snap or move well under 200 ms, no ghosted double content. Update the reflow's own test and drop the allow-list entry in apps/tracer/test/motion-speed.test.ts if no longer needed.
Measure "after", run scripts/verify fast on compute01. No merge, no deploy.

Related: #471 (J428 motion work, cb62ffb8f).

Owner recorded two animations on production (build 97928be8a, before the J428 motion work of #471) and asked: 1. "why does this animation take so long?" — the top "Console · N sessions" pill morphing into the view menu and back; several frames show a blurred empty card before the content appears. 2. "can we make this animation a fade in instead and speed it up? currently looks weird and takes too long!" — splitting a window ("Split down"): the new pane slides/ghosts in and the panes reflow slowly. Owner rule (2026-11-09): "Use ease-out for anything entering or leaving the screen. Keep UI animations under 300ms." Keyboard-opened surfaces stay instant. Plan (job J475, branch `j475-motion-pill-split`, base origin/dev d7b2e4dc1): 1. Measure both on a production build of current dev on dev-02 (frame strip + durations) = "before". 2. Pill menu: quick ease-out (~150-200 ms), content visible from the first frame, no blank blurred card. 3. Split: new pane fades in ~150 ms ease-out, existing panes snap or move well under 200 ms, no ghosted double content. Update the reflow's own test and drop the allow-list entry in `apps/tracer/test/motion-speed.test.ts` if no longer needed. 4. Measure "after", run `scripts/verify fast` on compute01. No merge, no deploy. Related: #471 (J428 motion work, cb62ffb8f).

kayg referenced this issue

2026-11-10 14:52:24 +00:00

J475b: Remove host design options, pill menu morph and split fade measured (owner, 2026-11-10) #486

kayg referenced this issue

2026-11-10 14:52:47 +00:00

J475b: Remove host design options, pill menu morph and split fade measured (owner, 2026-11-10) #486

kayg referenced this issue

2026-11-10 15:08:49 +00:00

J475b: Remove host design options, pill menu morph and split fade measured (owner, 2026-11-10) #486