mirror of
https://github.com/rowboatlabs/rowboat.git
synced 2026-06-09 19:45:17 +02:00
46042f9465
* fix: prevent chat bar model selector from overflowing in narrow panel * fix: contain chat bar left items so code pill clips instead of overflowing * fix: compact icon-only mode for chat bar when panel is narrow * fix: dynamic compact threshold based on visible toolbar items * fix: use actual DOM overflow detection to eliminate toolbar overlap * fix: progressive right-to-left icon collapse for chat toolbar * fix: instant icon switch, remove search label transition * fix: correct right-to-left collapse order (code→perm→search→workDir) * fix: measure actual DOM overflow instead of estimating — eliminates half-text and disappearing icons * refactor: replace JS overflow logic with CSS container queries Drop the ResizeObserver/useLayoutEffect collapse machinery and the estimated pixel thresholds in favor of declarative @container variants. Each toolbar item swaps to icon-only at a fixed container-width breakpoint (code 560, perm 460, search 410, workDir 370px), collapsing right-to-left. Atomic swaps mean no half-clipped text and no disappearing buttons. * fix: move @container to card root so breakpoints track panel width Putting container-type on the toolbar's own flex row made it stop stretching to fill the card and hug its collapsed content instead, so the query read a permanently-narrow width that never grew on widen. The card root reliably spans the full panel width. * fix: collapse toolbar by measuring real overflow, not fixed breakpoints Fixed container-query breakpoints can't know the workdir name length or model name width, so labels stayed full and overflowed into the model selector. Replace with overflow measurement: a ResizeObserver resets to full on any width/content change, then a pre-paint layout effect collapses items right-to-left (code -> perm -> search -> workdir) until the row fits. overflow-hidden on the group is a hard guarantee against any overlap. * feat: overflow menu for toolbar items that don't fit even as icons When the bar is too narrow to show every control as an icon, the right-most items move into a '...' overflow dropdown (code -> perm -> search -> workdir) instead of being clipped, so no icon is ever hidden. Toggle items keep the menu open on click via onSelect preventDefault. * fix: keep overflow menu open when toggling items inside it Toggling an in-menu item (code mode, agent, search, perm) updated state that was in the collapse-reset deps, resetting collapseLevel to 0 and unmounting the '...' trigger mid-interaction. Drop the in-place toggles from the reset deps so the menu stays open on click. * fix: drop 'Options' label from toolbar overflow menu --------- Co-authored-by: arkml <6592213+arkml@users.noreply.github.com> |
||
|---|---|---|
| .. | ||
| apps | ||
| packages | ||
| patches | ||
| .gitignore | ||
| ANALYTICS.md | ||
| eslint.config.mts | ||
| LIVE_NOTE.md | ||
| package.json | ||
| pnpm-lock.yaml | ||
| pnpm-workspace.yaml | ||
| tsconfig.base.json | ||