Introduction

When writing DSH / Agent applications, temporary ideas, to-do lists, and screenshots often need to be at hand, but you don’t want to switch to an external memo every time. hufang360/dsh-sticky-notes places sticky notes directly on the DeepSeek Harness WebUI, supporting text, to-dos, and images, and allows binding to sessions. When the corresponding session is opened, the relevant sticky notes appear automatically.

Below is an introduction to its positioning, installation methods, typical usage, and data scope that needs attention.

What is it

dsh-sticky-notes is a DSH Web client plugin maintained by hufang360, licensed under MIT. It is provided as a standard dsh bundle and comes with cordis.patch.yml.

Its core value is: jotting down ideas on the fly in the DSH WebUI, letting the agent persist them, and organizing these notes by session.

Core Features

The plugin provides the following verified capabilities:

  • Sticky notes floating over the DeepSeek Harness WebUI.
  • Recording text, to-dos, and images.
  • Freely draggable, resizable, collapsible, and archivable.
  • Support binding to sessions, automatically displaying relevant sticky notes when the corresponding session is opened.
  • Images are stored as compressed DataURLs.
  • Notes, preferences, and settings are stored in browser localStorage.
  • Standard dsh bundle, includes cordis.patch.yml.

Installation and Enabling

First, install the plugin:

dsh plugin --profile web add github:hufang360/dsh-sticky-notes

The first installation requires restarting dsh to take effect; if the environment does not prompt for a restart, please hard refresh the browser (macOS users can use Cmd+Shift+R).

After entering the WebUI, the sticky note entry point appears at the bottom of the sidebar, above the settings button.

The plugin declares the following peerDependencies requirements:

  • react ^18.2.0
  • react/jsx-runtime ^18.2.0

If your DSH Web environment does not meet the above React versions, please confirm the runtime environment before installing.

Typical Usage

After completing the above steps, you can use it as follows:

  1. Enter the sticky note entry point (from the bottom of the sidebar, above the settings button).
  2. Create a new sticky note to record text or a to-do.
  3. Drag, resize, collapse, or archive the sticky note.
  4. Bind the sticky note to a specific session.
  5. Open that session to view the relevant sticky notes that appear automatically.
  6. After inserting an image, the plugin stores it as a compressed DataURL.

If you need to check or package a local build, the repository documentation provides these commands:

node --check lib/client.js

This step is used for syntax checking.

pnpm pack

This step produces sticky-notes-<version>.tgz.

Data Storage and Scope

Notes, preferences, and settings are saved in browser localStorage. The keys listed in the documentation include:

  • dsh.web.sticky-notes.v5.notes: Array of notes
  • dsh.web.sticky-notes.v5.prefs: hidden / entryPos
  • dsh.web.sticky-notes.v5.settings: Settings panel filter

Therefore, please note:

  • Data is only local to the browser and does not sync across different devices/browsers.
  • Switching the webui port or changing the access address between localhost:3080 and 127.0.0.1:3080 may cause you to lose previous data, as they are recorded separately.
  • This is not a cloud sync solution; it is suitable for recording around DSH sessions within a single browser and a single WebUI address.

The DSH plugin enters the plugin loading chain of the current dsh process. Before installing, it is recommended to check the source code, MIT license, and your deployment method according to the permission boundaries of the current dsh process.

Links

Plugin page:

https://www.skillhub.cn/plugins/hufang360/dsh-sticky-notes

GitHub:

https://github.com/hufang360/dsh-sticky-notes