Tab Overview

a terminal tab strip in three stages: a row of labels, a taller strip where each tab previews what it holds, and an overview grid where a tab is picked by its shape rather than its title.

key insight: a tab is one element in all three stages, so a shared layoutId carries it between the strip and the grid rather than one node vanishing while another appears in place. tab order never changes, which is what makes that readable.

everything runs on one spring so the card, the strip and the window resize together. layout="position" on the content plus overflow-hidden on the card is what stops the label riding the scale, and locking only the label is worse than locking neither.