dsh-client-sidebar-overlay

Embedding DSH Web into a VS Code sidebar is a tidy way to keep your AI assistant alongside your code, but the moment the native sidebar expands it swallows most of the precious horizontal space and the chat area is left crammed into a thin strip. dsh-client-sidebar-overlay solves this by removing the sidebar from the document flow entirely: it stays collapsed by default and, when you need it, slides in as a floating overlay layered on top of the conversation. Close it again and the chat instantly regains the full viewport width.

Triggering the overlay is a one-click affair. A whale icon sits to the right of the Session log header; tapping it opens or closes the panel, and tapping outside dismisses it. On the new-chat screen there is no session header, so a small floating whale button appears in the top-right corner instead. A toggle at the bottom of the panel lets you switch the slide-out side between left and right. Beyond the core toggle, the plugin handles several edge cases that would otherwise break inside a transform-positioned sidebar: position-fixed descendant panels are re-anchored so they stay put, native select dropdowns are swapped for in-page popovers that still emit proper change events, and any menu, listbox, tooltip, or dialog that would fly past the screen edges is automatically nudged back into view.

This plugin is designed for narrow-width embedding contexts such as VS Code side panels or similar webview-based hosts. If you are running DSH in a full-width desktop browser, the standard always-visible sidebar layout is almost certainly the better experience and this overlay will offer little to no benefit.