dsh-artifact-preview
Manifest validAdds a produced-files card row to the chat and a resizable split-screen preview panel for workspace artifacts (Markdown, source code, CSV, JSON, images, HTML), plus a localhost port preview.
dsh-artifact-preview
Codex-style artifact preview for DeepSeek Harness (DSH).
dsh-artifact-preview is a client plugin (dsh.client.platform: "web") that makes produced files visible and inspectable right in the chat:
- Produced-files row in chat — after the agent writes files, the closing message shows a "产物" row with file chips and inline image thumbnails; clicking any of them opens the side preview.
- Split-screen side preview panel — a resizable right-hand panel (real split, conversation stays visible and unobstructed) rendering:
- Markdown → rich text (headings, tables, lists, code fences, links, images; relative local images resolve automatically)
- Source code (
.py .js .ts .sh .css …) → dark syntax highlighting - CSV → HTML table
- JSON → collapsible tree
- Images (
.png .jpg .gif .webp .svg …) → checkerboard-backed centered view - HTML / localhost ports → iframe (with port chips for dev servers, URL bar, back/forward/reload, open-external)
- Global hooks (
window.__dshOpenFilePreview/__dshCanPreviewPath) so other plugins can route "open file" intents into the preview panel.
Install
From GitHub (the package declares dsh.bundle + dsh.client, so dsh plugin add installs the dependency and auto-registers the preview as an active client-plugin layer — no manual profile editing):
dsh plugin --profile web add github:nirvanaslash/dsh-artifact-preview
Restart the dsh web service (or DSH Desktop) and refresh the page.
Once the package is published to npm, dsh plugin --profile web add dsh-artifact-preview and the Marketplace search path work the same way.
Prerequisites
- DSH Desktop (or a
dsh webprofile that has thedsh-file-changescompanion installed) — the preview fetches file content through its/dsh-files/static/<absolute-path>route. On DSH Desktop this route is built in; on a baredsh webinstall add thedsh-file-changescompanion first. - A model that produces files via
write/edit-style tools (that is how a turn's "produced files" are tracked).
Compatibility
- Built for DSH
0.1.0-rc.7(bundled in DSH Desktop 2.0.1) client plugin ABI:window.__ModuleLoader__module format,dsh.clientmetadata,dsh.bundlepatch registration, and theconversation.chat.turnTailchain slot. Chain-slot election relies on lowpriority(-100) to win the produced-files row over the official deliverables row; verify behavior after DSH upgrades.
Known boundaries
- The chat row and preview panel are fully self-contained in this package.
- Two optional behaviors are not bundled because they require patching DSH core files (intentionally left out of a public package): multi-type preview buttons in the file view, and "open → preview" for file-name mentions inside message prose. Without them, file-view preview keeps DSH's original HTML-only behavior and prose mentions open with the system app.
License
MIT
Similar plugins
A Codex-style right side panel for the DSH Web UI — session artifacts browser (live file tree, scan include, preview, reveal) plus a side chat that forks the current session with a model picker, human
★ 0
dsh plugin --profile web add dsh-sidepanelRender Markdown + JSON into self-contained HTML documents, cards, dashboards, and galleries (CLI + artifact_render tool).
★ 0
dsh plugin --profile web add dsh-artifactsA developer toolkit for the DeepSeek Harness (DSH) web console: a real multi-tab PTY terminal docked under the composer plus an AI-output file browser sidebar with syntax highlighting, Markdown render
★ 0
↓ 138/wk
dsh plugin --profile web add dsh-devpanelDockable Markdown preview for the DSH Web UI: side-by-side with the conversation, a per-session recently-read .md list, local relative-path images render in place, and clicking an in-chat .md referenc
★ 0
dsh plugin --profile web add dsh-md-previewFile attachments for the dsh web GUI: toolbar upload button (multi-select) plus drag-and-paste add files to the chat input; images follow the native draft-image flow, documents are saved into the sess
★ 0
↓ 483/wk
dsh plugin --profile web add @wszhoho/dsh-file-attachmentby yishengjun8
允许显示工作区的文件树、浏览文件内容、并且允许对话中嵌入引用的文件内容、自由切换思维分支视图,目标是和VSCode相类似的开发体验
★ 3
MIT
JavaScript
Sep 11, 2026
dsh plugin --profile web add @yishengjun8/dsh-workspace-studio