Introduction¶

The plugin ecosystem of DSH allows the console interface and common operations to be made into plug-and-play modules. For people who use DeepSeek Harness Web GUI daily, common issues are: balance status is not intuitive enough, documentation paths need to be manually pasted into the input box, and plugin toggles lack a secondary confirmation.

Sidor_UI is a theme and skin repository for DeepSeek Harness Web GUI maintained by AKI2253. It provides the SIDOR Starry Night theme, balance prompts, documentation path attachment, plugin management buttons, and affiliated plugin extension slots.

What is it¶

Sidor_UI’s positioning is: the SIDOR Starry Night theme skin for DeepSeek Harness Web GUI, distributed as an independent repository.

It mainly solves a few things:

Add Starry Night theme and splash animation to the Web GUI.
Place balance badges and low balance warnings into the interface.
Provide “Document” path attachment near the input box for agent tools to read.
Inject close, enable, and uninstall buttons into the plugin list on the settings page.
Provide settings page and sidebar extension slots for affiliated plugins.

This repository is released under MIT. SIDOR brand identifiers belong to this project. See each skin’s NOTICE / LICENSE for attribution and usage boundaries.

Core Features¶

Theme and Status Indicators¶

Sidor_UI includes the following interface capabilities:

Splash particle animation (1/50 Red Solar Storm easter egg)
Permanent Starry Night
Balance Badge
Settings page shimmer effects
Low balance quadruple red warning

These capabilities mainly serve the status display of the Web GUI, making the balance and skin effects more intuitive.

Documentation Path Attachment¶

Sidor_UI provides the ability to attach documentation paths to the input box.

The usage is:

Click the “Document” button.
Select or enter file and folder paths.
Paste the path into the input box.
Be read directly by agent tools.

In the static plugin form, saving files to the workspace is not the primary method, so path selection is the primary method. The dynamic plugin form additionally retains the ability to upload to the workspace .sidor-uploads/, and relative paths can be pasted after the file is saved.

Plugin Management Buttons¶

In the official “Settings -> Plugins” list, Sidor_UI injects “Close / Enable / Uninstall” buttons onto plugin cards.

The process is:

Enter the plugin list on the settings page.
Click the “Close / Enable / Uninstall” button on the plugin card.
A secondary confirmation menu pops up.
After confirmation, it is executed by the current session agent.

The confirmed operations may include modifying cordis.patch.yml or deleting packages. When permissions are needed, DSH will pop up authorization. It takes effect after restarting DSH.

Dynamic Plugin Capabilities¶

The full-featured form of Sidor_UI uses a dynamic plugin.

Key identifiers and files are as follows:

pluginId: sidf-4
Client code: src/sidor-fx-client.js
Host code: src/sidor-fx-host.js

Dynamic plugins support host curl queries and file saving, and additionally retain the ability to upload to the workspace .sidor-uploads/.

Note: After the dynamic plugin process restarts, it needs to be re-run in the Cordis panel.

Affiliated Plugin Extension Slots¶

Sidor_UI is designed as an extensible platform.

It provides the following extension capabilities:

The official slot’s list type slot supports the coexistence of multiple plugins.
Affiliated plugins can connect to settings.section on the settings page.
Affiliated plugins can connect to sidebar.footer.action.
Affiliated plugins can reuse balance data.

The affiliated plugin currently provided in the documentation is Sidor_box, package name sidor-box, used for the “Toolbox” section on the settings page. The current status is page-first, with functions pending to be filled.

Installation and Activation¶

Lazy Version¶

After opening DSH, you can directly let the assistant execute the installation.

Send the following content to the DSH assistant:

Install this skin pack: https://github.com/AKI2253/Sidor_UI

Note: The DSH assistant will git clone / read the repository and automatically complete the installation. The repository comes with the sidor-install skill, which will automatically ask for confirmation and explain the license before installing.

Local Version (PowerShell, no GitHub required)¶

If you already have the repository locally, you can use a PowerShell script to install or uninstall it.

First, switch to the repository directory:

cd <Sidor_UI Repository Path>

Install:

powershell -ExecutionPolicy Bypass -File .\scripts\install.ps1

Uninstall:

powershell -ExecutionPolicy Bypass -File .\scripts\install.ps1 -Remove

Command Version (pnpm required)¶

The command version requires pnpm to be available beforehand.

First, switch to the Harness directory:

cd <Harness Directory>

Then add the plugin:

dsh plugin --profile web add <Sidor_UI Repository Path>

Full Feature Version (Dynamic Plugin)¶

The full-featured version corresponds to the dynamic plugin form.

The key items are:

pluginId: sidf-4
Client: src/sidor-fx-client.js
Host: src/sidor-fx-host.js

It supports host curl queries and file saving, and additionally retains the ability to upload to the workspace .sidor-uploads/.

After the process restarts, it needs to be re-run in the Cordis panel.

Typical Usage¶

Using the “Document” Button¶

The “Document” button is used to add file or folder paths to the input box.

Usage steps:

Click the “Document” button.
Select a file or folder, or enter the path directly.
Paste the path into the input box.
Be read directly by agent tools.

In the static plugin form, path selection is the main method. The dynamic plugin form additionally retains the method of uploading to the workspace .sidor-uploads/, and relative paths can be pasted after the file is saved.

Managing Plugins¶

After entering the plugin list on the DSH settings page, you can perform the following on plugin cards:

Close
Enable
Uninstall

A secondary confirmation pops up after clicking. After confirmation, the operation command is sent to the current session agent for execution, such as modifying cordis.patch.yml or deleting a package. When permissions are needed, DSH will pop up authorization. It takes effect after restarting DSH.

Integrating Affiliated Plugins¶

Affiliated plugins can be integrated based on Sidor_UI’s extension slots.

The examples given are:

Plugin: Sidor_box
Package name: sidor-box
Location: “Toolbox” section on the settings page
Current status: page-first, with functions pending to be filled

Affiliated plugins can connect to settings.section, sidebar.footer.action, and reuse balance data.

Applicable Scenarios and Notes¶

Suitable for the following usage methods:

Want to use the SIDOR Starry Night theme for DeepSeek Harness Web GUI.
Want to see balance badges and low balance warnings on the interface.
Want agent tools to read the attached documentation path in the input box.
Want to directly close, enable, or uninstall plugins in the settings page plugin list.
Want to reserve settings page and sidebar extension slots for future affiliated plugins.

Notes before use:

Command version requires pnpm.
Static plugin form cannot save files to the workspace; documentation path attachment is mainly completed through path selection.
After the dynamic plugin process restarts, it needs to be re-run in the Cordis panel.
This skin runs with the current DSH process permissions; when permissions are needed, DSH will pop up authorization.
Should check repository source code and license before installation.
Usually requires restarting DSH to take effect after completion.

Conclusion¶

The value of Sidor_UI lies in putting the theme, balance prompts, documentation paths, plugin management, and affiliated plugin slots in the same Web GUI skin repository, making it suitable as an extensible skin for the DSH console.

GitHub Repository:

https://github.com/AKI2253/Sidor_UI

Directory page in plugin clues:

https://www.skillhub.cn/plugins/AKI2253/Sidor_UI

Sidor_UI: Xingye Theme Skin for DeepSeek Harness Web GUI