pastilhasandClaude Opus 5
ba664dc5c8
soulseek had a zoom control wired into its own panel header, persisted under its own screens/ key. move it into the framework so every panel has it, and drop the soulseek-specific copy (its header was then identical to the default, so that goes too, along with the orphan db row). the factor lives on the LayoutPanel node rather than in its own useDashboardState key: the layout is already persisted per panel, and a separate key would seed a server row per panel on mount. absent at 1, so an untouched panel adds nothing to the stored layout. uses css zoom, not transform: scale. a transform repaints at a different size without re-laying out, so the panel keeps its 100% geometry and anything anchored or percentage-sized lands wrong — chat's composer made that obvious. zoom scales used lengths instead: children reflow, h-full still resolves to the panel, and rem-based tailwind text scales with it. @container moves onto the zoomed element so container queries respond to the effective width, the way they would in a genuinely narrower panel. zoomable: false opts out the terminals (xterm measures its own cell grid) and remote desktop (novnc does its own scaling and pointer mapping). fixes chat's virtualiser under zoom: it measured bubbles with getBoundingClientRect (rendered px) but positions them with translateY (layout px), so at 70% every bubble was placed too early and they stacked. new helpers/measure-zoomed divides the element's currentCSSZoom back out. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>