Two related layout problems.
(A) Cell action bars don't adapt to cell width
src/scenes/Editor/Notebook/CellChart/ChartActions.tsx renders up to 5 inline buttons.src/scenes/Editor/Notebook/result-table/ResultActionsBar.tsx renders 6 buttons + a download dropdown and only handles overflow via a hidden horizontal scroll (result-table/styles.ts, overflow-x: auto).src/scenes/Editor/Notebook/cells/CellToolbar.tsx already has a "more actions" kebab (DropdownMenu) but only in non-maximized mode, and it's not width-driven.
On narrow cells (grid layout, small columns) actions get clipped or scroll out of reach. Ask: drive action visibility off cell width (ResizeObserver) and push overflow actions into the existing src/components/DropdownMenu kebab.
(B) Sidebars don't shrink gracefully and focus can be lost
The console uses Allotment splitters (src/scenes/Console/index.tsx). The left schema/search panel auto-hides only at the single sm breakpoint (767px, src/hooks/useScreenSize.tsx); the right AI panel is redux-controlled, not size-driven. When the window shrinks the panels squeeze the main notebook and the user's cognitive focus shifts away from it.
Ask: when the window shrinks, responsively collapse the left/right sidebars and keep the notebook (main scene) as the focused/primary content.
Two related layout problems.
(A) Cell action bars don't adapt to cell width
src/scenes/Editor/Notebook/CellChart/ChartActions.tsxrenders up to 5 inline buttons.src/scenes/Editor/Notebook/result-table/ResultActionsBar.tsxrenders 6 buttons + a download dropdown and only handles overflow via a hidden horizontal scroll (result-table/styles.ts,overflow-x: auto).src/scenes/Editor/Notebook/cells/CellToolbar.tsxalready has a "more actions" kebab (DropdownMenu) but only in non-maximized mode, and it's not width-driven.On narrow cells (grid layout, small columns) actions get clipped or scroll out of reach. Ask: drive action visibility off cell width (ResizeObserver) and push overflow actions into the existing
src/components/DropdownMenukebab.(B) Sidebars don't shrink gracefully and focus can be lost
The console uses Allotment splitters (
src/scenes/Console/index.tsx). The left schema/search panel auto-hides only at the singlesmbreakpoint (767px,src/hooks/useScreenSize.tsx); the right AI panel is redux-controlled, not size-driven. When the window shrinks the panels squeeze the main notebook and the user's cognitive focus shifts away from it.Ask: when the window shrinks, responsively collapse the left/right sidebars and keep the notebook (main scene) as the focused/primary content.