dsh-instruction-bubble

When you scroll back through a long multi-turn DSH Web conversation, your most recent prompt quickly slides out of view and you keep hunting for it again and again. dsh-instruction-bubble pins a lightweight bubble to the very top edge of the chat viewport and always shows the latest user instruction that has just scrolled above the fold (regular messages and mid-turn steering; /commands and injected system context are excluded). As you keep scrolling upward, the bubble steps back one instruction at a time, giving you a dependable context anchor no matter where you are in the thread. The bubble is purely presentational (pointer-events: none), never intercepts clicks, and adapts to DSH dark and light themes via --dsw-alias-* custom properties with a two-line clamp, small font, and frosted background. When dsh-better-sidebar is also installed, the bubble glides smoothly alongside the side panel as it opens and closes.

The plugin ships with zero npm dependencies and relies only on standard browser APIs (ResizeObserver, requestAnimationFrame, getBoundingClientRect) plus React 18 useSyncExternalStore provided by the host, keeping its footprint on DSH Web minimal. Graceful degradation is built in: without better-sidebar the bubble simply centers in the chat area with full functionality intact, and if DSH ever renames an internal DOM attribute the bubble quietly hides instead of throwing an error or breaking the GUI. It is a good fit for developers doing long-context, multi-turn work in DSH Web who want a quick visual reminder of their recent prompts without adding any interaction overhead.