9c5a2346 · zzmq.dev@gmail.com/zz
Commit
9c5a23467e550f513bd31c3750eb66dd69add39a
TabView: same flexGrow/wrap responsiveness fix as AssistApp -- fixes zz top too The user asked directly: this was the same root cause behind zz top's Protocol/Ladder/Lane/Explore views (and zz work's own non-assist TUI, both built on this same component) misbehaving on resize. Confirmed live and fixed the same way: - Content box: height={contentHeight} (a hand-computed guess) -> flexGrow={1}, so Yoga fills whatever's actually left after the header/footer rows instead of a fixed budget that can overflow a small terminal. contentHeight/pageSize stay as estimates for each tab's own windowing math (unchanged there -- TabView already subtracted border rows correctly for pageSize). - Tab bar: each tab's Text now has wrap="truncate-end" and flexShrink={0} on its Box -- without it, a narrow terminal wrapped each tab label across multiple lines (e.g. "1:explore" became three stacked lines) instead of just clipping the tab bar at the edge. - Footer help text: wrap="truncate-end", same reason. Verified live at both a normal (80x24) and a deliberately tiny (24x12) terminal size -- no regression at normal size, and the tiny size now shows a clean single-line (clipped, not wrapped) tab bar and a content box that actually fills the available space. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Q8tksS4bucUkJguqksSVYR
Troy Howard <thoward37@gmail.com> -- 2026-10-13T18:05:45.000Z