dsh-better-workspace

The DSH sidebar workspace list is inherently flat: every new workspace adds another row at the root level. When related workspaces such as \"Web Frontend\", \"Web Backend\", and \"Mini-Program\" pile up together, finding the right one means scanning by eye, and renaming forces you to re-sort one by one. dsh-better-workspace addresses exactly this: it does not change what a workspace is (still a single directory) but introduces / in the workspace name as a hierarchy separator, turning folder-style grouping into a projection of the name with no second data store to keep in sync.

Key capabilities include: a \"belonging group\" picker that appears after selecting a folder when adding a workspace, letting you type or pick an existing level so the entry lands on the tree automatically; right-clicking any group row offers sub-group creation, sub-workspace creation, group rename, and empty-group deletion; session names follow the same / scheme, rendered in a secondary color palette to distinguish them from workspace folders, with group-wide batch rename supported; every level supports a right-click \"Custom Appearance\" panel for color, text glow, font weight, shadow, and icon with live preview, persisted locally in the browser. Workspace and session rows are drag-and-drop reorderable or movable into groups, while native features like single-chain group merge, status breathing lights, active schedule badges, and the official status ring are all preserved.

Best suited for DSH power users managing ten or more workspaces who need to organize by project line or role (frontend / backend / mini-program). Pure JS, zero build, zero npm dependencies—install and restart DSH to activate; uninstall and the official browser returns as-is. It is complementary to dsh-better-sidebar (the right-side VS Code-style panel) and the two can coexist.