dsh-right-drawer

DeepSeek Harness Web gives content plugins like the solution panel or the agent shell a need for a shared right-side area, yet there is no single host to manage their coexistence, ordering, and layout. dsh-right-drawer fills that gap: it acts as a full-height drawer host on the right edge, collecting every entry registered into the dockPanels client registry into uniformly styled drawers, each with its own vertically stacked edge tab and a drag-to-resize width.

The heart of the plugin is the dockPanels registry. A content plugin calls ctx.get('dockPanels').register with an id, label, order, and render function to join, and can unregister or subscribe to availability events at any time. The host measures the real height of every tab, stacks them tightly, and group-centers them at 50% vertical so that opening or closing a drawer shifts only its X position without jolting the others. Width is draggable between 280 and 900 pixels (capped at 80% of the viewport) and shared across all drawers. When the .soln-panel element from dsh-soln-panel is detected, open drawers and remaining tabs automatically snap to its left edge so nothing overlaps.

Everything is hand-written JavaScript with no build step; install via file: or npm, restart DeepSeek Harness, and the edge tabs appear ready to click. Ideal for developers building the solution panel, the agent shell, or any plugin that needs a right-side content slot inside DeepSeek Harness Web, where layout, stacking, and coordination are handled by this host and only rendering logic is left to you.