@deepseek-ai/dsh-visual-studio
Visual HTML/SVG Studio — 用于打开、预览、检查和注释工作区 HTML/SVG 文件的持久化 DeepSeek Harness Web 插件
插件会安装到这里；不确定时保持 web。
npx -y @deepseek-ai/dsh plugin --profile web add github:pengc0066-star/dsh-visual-studio#d7a5cdeb3718a30089c1804812c0a6d08edcde51Visual Studio 以 @deepseek-ai/dsh-visual-studio 发布，当前版本为 0.1.0。Plugin Hub 会校验它的 manifest，并保存精确安装来源，便于复现安装结果。
Visual HTML/SVG Studio（可视化 HTML/SVG 工作室）是一个持久化的 DeepSeek Harness 网页插件：在浏览器里打开、新建、实时预览并保存工作区内的 HTML/SVG 文件，支持「元素检查」与「手动批注」，批注会直接送回当前 Agent 会话，由 AI 精确修改源码。
.html / .htm / .svg 文件。sandbox="allow-scripts"、无 allow-same-origin，预览脚本运行在独立源，无法访问父页面 DOM / Cookie）。.dsh-visual-studio-backup-<时间戳>，可一键恢复上一版本。# 构建
corepack pnpm install
corepack pnpm run build # tsc -b && tsdown
# 测试
corepack pnpm test
# 安装到当前 web profile（重启后仍存在）
dsh plugin --profile web add <本仓库路径>
安装后重启 dsh web，右下角会出现 Visual Studio 浮动面板。示例见 examples/demo.html 与 examples/demo.svg。
Visual HTML/SVG Studio — a persistent DeepSeek Harness web plugin that opens, creates, previews, and saves workspace HTML/SVG files, with an element inspector and agent-routed annotations.
.html / .htm / .svg files.sandbox="allow-scripts", no
allow-same-origin, so previewed scripts run in an opaque origin with no
parent-DOM or cookie access), beside a source editor..dsh-visual-studio-backup-<timestamp> file and can be
restored with one click.A dual-face Cordis plugin (one package, two halves):
src/index.ts, host tree): registers the /visual-studio
Connection RPC channel (authority: loopback) serving list / read /
write / create / artifacts.list / backups.restore, and records each
session's deliverable artifacts (path, version, relative path) from the
fs/observed event. Every target path is containment-checked against the
workspace root before any read or write.src/client/, client tree): registers the StudioPanel
into the shell.overlay slot and injects the file/session callbacks over
the Connection transport.The package carries both dsh.client (browser roster) and dsh.bundle
(cordis.patch.yml inserts its own row), so it installs either through
dsh plugin add or by adding the row to a profile's cordis.patch.yml.
Annotations reach the agent through the existing session.prompt RPC
(mode: 'queue') — the same path the chat composer uses — so no custom
session-injection machinery is required.
@deepseek-ai/* at ^0.1.0-rc.5 (the DeepSeek Harness
runtime). These come from the deepseek-ai/deepseek-harness monorepo (npm or
a checkout); they are not vendored here.>=22.19 || >=24.corepack pnpm install # or npm install
corepack pnpm run build # tsc -b && tsdown
This emits lib/index.js (node half), lib/invariant.js, and lib/client.js
(the browser bundle).
corepack pnpm test
dsh plugin --profile web add <path-to-this-repo>
or manually: link this package into $DSH_HOME/profiles/node_modules/@deepseek-ai/
and add - insert: [{ id: visual-studio, name: '@deepseek-ai/dsh-visual-studio' }]
to $DSH_HOME/profiles/web/cordis.patch.yml, then restart dsh web.
Remove the row from $DSH_HOME/profiles/web/cordis.patch.yml and delete the
$DSH_HOME/profiles/node_modules/@deepseek-ai/dsh-visual-studio link (or run
dsh plugin --profile web remove @deepseek-ai/dsh-visual-studio), then restart
dsh web.
examples/demo.html and examples/demo.svg are the files used to exercise the
"click element → annotate → agent edits → auto-refresh" loop.
allow-scripts); they
are confined to an opaque origin but are not sanitized.localStorage; undo history does not survive a page reload).dsh web
restarts and repopulates as the agent writes files again.dsh.bundle patch is dormant when installed through a profile patch
layer rather than dsh plugin add.