Introduction

If you use DSH Web in a desktop browser to handle long tasks, you have likely encountered this scenario: the answers get longer and longer, constantly pushing the Composer input box at the bottom upwards; and when you want to write a prompt detailed enough, the draft covers the answer it is referring to. Both are crammed into the same vertical space, forcing you to make do by copying, zooming, and scrolling back and forth.

Desktop screens are usually wide horizontally but tight vertically. dsh-composer-layout solves this layout problem by moving the Composer from the bottom to the right side, allowing the conversation and the draft to occupy separate columns without squeezing each other.

What is it

dsh-composer-layout is a DSH Web plugin maintained by developer lavapapa. Its one-sentence description is: use a dockable Composer to display long answers and detailed prompts side-by-side. The repository is at https://github.com/lavapapa/dsh-composer-layout, licensed under MIT, and the current version is 0.1.12.

It is worth noting that this is a pure presentation-layer plugin: it does not add tools facing the model, does not modify prompts, and does not change token statistics. DSH’s normal model, permissions, quotas, sessions, and tool behaviors are not affected.

Core Features

  • Switch Composer’s docking layout between bottom and right side in Settings → Plugins → Composer Layout.
  • Provides visible docking handles; in right-side layout, the Composer panel width can also be adjusted by dragging.
  • When “Remember this session layout” is enabled, the plugin remembers the layout position and the manually adjusted right panel width per session.
  • When the window width is insufficient to accommodate the two-column layout, it temporarily switches to a vertical stack while keeping the layout switch bar; when the width is restored, it automatically reverts to the remembered right-side layout.
  • In right-side layout, slash/reference candidates are closed before opening another Composer popup to avoid overlapping with the model, access permissions, and context panel.

Installation and Enablement

Install from npm

The npm package includes pre-built plugin bundles. Execute:

dsh plugin --profile web add dsh-composer-layout@latest
dsh web --profile web

Install from GitHub

You can also install directly from the GitHub repository. Pinning the command to v0.1.12 makes the installation source clear and the results reproducible:

dsh plugin --profile web add "github:lavapapa/dsh-composer-layout#v0.1.12"
dsh web --profile web

The repository comes with pre-built host and browser artifacts, so no local build steps are required during installation.

Enable Right-Side Layout

  1. After installation, open Settings → Plugins → Composer Layout and select “Right side”.
  2. Restart the Web profile. This step is mandatory because DSH does not hot-load profile patches.

If you want to confirm that the plugin bundle has been added to the target profile, you can run:

dsh --profile web --dump-config

Update

To update from an old version to the latest npm version, you need to remove and then reinstall:

dsh plugin --profile web remove dsh-composer-layout
dsh plugin --profile web add dsh-composer-layout@latest
dsh web --profile web

Compatibility

The range of DSH Web versions supported by the plugin is declared in package.json. The repository regularly checks compatibility with the current DSH version via the DSH compatibility workflow; you can check the run history of this workflow before selection.

Use Cases and Considerations

This plugin is suitable for users who mainly use DSH Web on desktop and in wide-screen environments, especially for workflows that require reading long answers while writing long prompts. If your conversations and inputs are short, the default bottom Composer is sufficient, so there is no need to switch.

There are a few points to note before installation:

  1. The plugin runs with the permissions of the current dsh process. Although it is a pure presentation-layer plugin with limited scope of changes, you should still check the source code and license before installing.
  2. The license is MIT, which is indicated in both the README and package.json.
  3. You need to restart the Web profile after each installation or configuration change; do not expect hot-loading.

Conclusion

The value of dsh-composer-layout lies in using a very small layout change to eliminate recurring interruptions in long-form writing: keeping the answer visible and allowing the draft to be written thoroughly. It is an example of client-side customization under DSH’s “Everything is a Plugin” philosophy—without changing model behavior, only changing the way you interact with the interface.

  • Plugin directory page: https://www.skillhub.cn/plugins/lavapapa/dsh-composer-layout
  • GitHub repository: https://github.com/lavapapa/dsh-composer-layout

(Note: The plugin directory is an independent community site and has no official affiliation with DeepSeek / Huafan.)