dsh-sidebar

DSH Web Client does not ship with a persistent sidebar for everyday workspace tasks. dsh-sidebar fills that gap by mounting a VSCode-style panel as a sibling of the #root node on document.body, using CSS layout push to reserve right-side space. Because it never registers a native details slot, the sidebar stays available even in blank or message-free sessions and coexists without conflict with the built-in details panel.

A 40 px Activity Bar on the far right lets you cycle between three views: File Explorer, Git Tracking, and Browser. The file tree is rooted at the session working directory, lazily loads children, virtualizes long lists, and supports multi-file tabs. Inline preview handles code with line numbers and basic syntax highlighting, Markdown (rendered or source), and common image formats. The Git view exposes Staged / Changes, History, and Branches sub-panels with pull and push actions in the header, and everything refreshes automatically as the repository changes. The Browser view offers a search landing page, multi-tab navigation, and one-click opening of local HTML files from the current workspace, loading their relative CSS / JS / image assets via a loopback HTTP route. A chokidar watcher keeps the tree and the active preview in sync without any manual refresh button.

Built for developers who treat DSH Web Client as a lightweight IDE: quickly skimming files, reviewing diffs, checking the staging area before a commit, or previewing a local HTML prototype—all without leaving the browser. Requires DSH 0.1.2-alpha.2 or later; the plugin activates automatically after installation.