nirvanaslash/dsh-artifact-preview ↗★ 0
dsh-artifact-preview
Codex-style artifact preview for DeepSeek Harness (DSH): produced-files row in chat with inline image thumbnails, and a resizable split-screen side preview panel rendering Markdown / source code / CSV / JSON / images / HTML, plus localhost port preview.
安装
此插件尚未提供可验证的 bundle,或兼容性检查未通过。请先阅读仓库说明。 阅读完整 README ↗
说明文档
阅读完整 README ↗dsh-artifact-preview
为 DeepSeek Harness (DSH) 提供 Codex 风格的产物预览。
dsh-artifact-preview 是一个客户端插件(dsh.client.platform: "web"),让产出的文件在对话中直接可见、可检查:
- 对话内产物卡片行 —— agent 写完文件后,消息末尾会出现"产物"行:按类型着色的卡片(Markdown 蓝 / 代码 绿 / CSV 青 / JSON 琥珀 / 图片 粉 / HTML 橙 / 文档 灰),图片卡片内嵌缩略图;点击任意卡片打开侧边预览。
- 分屏侧边预览面板 —— 可拖宽的真分屏右侧面板(对话内容完整可见、不被遮挡),支持渲染:
- Markdown → 富文本(标题、表格、列表、代码块、链接、图片;相对路径本地图片自动解析)
- 源代码(
.py .js .ts .sh .css …)→ 深色语法高亮 - CSV → HTML 表格
- JSON → 可折叠树
- 图片(
.png .jpg .gif .webp .svg …)→ 棋盘格衬底居中 - HTML / 本地端口 → iframe(含开发服务器端口 chips、地址栏、后退/前进/刷新、外部打开)
- 全局钩子(
window.__dshOpenFilePreview/__dshCanPreviewPath),其他插件可把"打开文件"意图路由进预览面板。
安装
DSH Web 的 设置 → 插件 → 市场(搜索 dsh-artifact-preview),或命令行:
dsh plugin --profile web add dsh-artifact-preview
重启 dsh web 服务(或 DSH Desktop)并刷新页面。
前置条件
- DSH Desktop(或安装了
dsh-file-changes配套插件的dsh webprofile)—— 预览通过其/dsh-files/static/路由读取文件内容。DSH Desktop 内置该路由;纯dsh web安装需先安装dsh-file-changes配套插件。 - 使用
write/edit类工具产出文件的模型("产物"正是由此追踪)。
兼容性
- 面向 DSH
0.1.0-rc.6客户端插件 ABI(window.__ModuleLoader__模块、dsh.client元数据、conversation.chat.turnTail链槽)。链槽选举依赖低priority(-100)赢得产物行;DSH 升级后请实测。