DSH HUB
HomePlugin StorePlugin PacksCommunityRankingsResourcesPublish Guide
Plugin source
Back to catalog

eaglezlee /

eaglezlee/dsh-ui-html

Verified

Renders sandboxed interactive HTML in a chat turn and sends the user's selections, clicks and form input back to the model — as a new user message by default, or as the tool result in blocking mode.

★ 1 Stars0 Forks0 IssuesN/A Community rating0 Confirmed installs
View on GitHub
READMESource: main@5ef7d449

dsh-ui-html

在 DeepSeek Harness(dsh)对话中渲染沙箱化的交互式 HTML 界面,并把用户的操作结构化地送回模型——默认作为一条新的用户消息,阻塞模式下作为工具结果。

dsh-ui-html 提供一个 show_ui 工具:模型给出 HTML,对话里就地渲染成一张界面卡片;用户在其中操作后,界面通过 window.dsh.emit(name, payload) 提交的结构化数据会回到模型,模型据此继续。

功能

  • 渲染:show_ui 把 HTML 渲染进对话。前端半边在两个插槽上注册:tool.call.toolview(工具调用行上的界面卡片)与 conversation.chat.turnTail(把界面渲染进对话正文)。
  • 回传:界面调用 window.dsh.emit(name, payload) 提交结构化数据。默认模式下,这次提交由宿主注入为一条新的用户消息,模型在下一轮继续处理;阻塞模式下(wait_for_interaction: true),提交内容作为本次调用的工具结果返回。
  • 两种等待模式:
    • wait_for_interaction: false(默认,推荐)——界面立即展示,工具调用当轮返回 presented,不占用本轮;用户提交后作为新用户消息进入下一轮。
    • wait_for_interaction: true——工具调用在本轮内阻塞等待提交,交互作为工具结果返回;等待期间交互挂在工具调用上(旧模式)。
  • 可视化配置:7 项设置可在 DSH 设置页调整。宿主侧为即时生效(volatile 设置);浏览器半边读取的是一份启动快照,改动后需刷新页面。

与 dsh-visualize 的区别

dsh-visualize 是单向展示——把 HTML 渲染给用户看,没有用户到模型的回传通道。 本插件是闭环——界面内的用户操作会结构化地回到模型,成为下一步的输入。

安装

dsh plugin --profile <profile> add github:<owner>/dsh-ui-html

安装后重启 DSH 生效(bundle 在启动时展开)。

工具:show_ui

参数 类型 必填 说明
html string 是 要展示的 HTML(片段或完整文档),可用内联 <style>/<script>。
title string 否 界面短标题,显示在对话卡片上。
description string 否 界面之上的文字说明,也是界面无法渲染时的回退文本。
wait_for_interaction boolean 否 默认 false:界面立即展示,用户提交后作为新用户消息回到模型。true:本轮内阻塞等待并把交互作为工具结果返回。
interaction_hint string 否 提示用户如何操作。

返回结果:

字段 说明
status presented(已展示并等待提交,提交走新用户消息)/ interaction(阻塞模式已收到交互)/ timeout(阻塞等待超时)/ cancelled(交互前本轮被取消)/ unsupported(交互回传不可用,界面仅展示)。
ui_id 本次界面实例的稳定标识(等于工具调用 id)。
event_name 用户界面提交的事件名(阻塞模式)。
payload 界面显式 emit 的内容(阻塞模式);可以是任何 JSON 值。
note 状态补充说明。

界面侧约定

  • 界面运行在 sandbox="allow-scripts" 的 iframe 中:不透明源,不能访问宿主文档、Cookie、localStorage、剪贴板或本机文件。
  • 默认不能访问任何网络地址;可加载的外部资源来源由 allowedResourceOrigins 逐条放行。
  • 宿主注入 --dsw-alias-* 主题变量,界面可直接在 CSS 中使用。

配置

设置 默认 说明
enabled true 总开关:关闭后不注册工具、不注册事件桥、不发系统提示。
announceToAgent true 是否向 agent 的系统提示声明本插件;关闭后仅在用户点名时使用。
maxHtmlBytes 262144 单次界面 HTML 的最大字节数(UTF-8)。
maxEventBytes 65536 单条交互事件 payload 序列化后的最大字节数。
interactionTimeoutMs 0 阻塞模式等待用户交互的超时(毫秒);0 表示一直等到本轮被取消。
allowedResourceOrigins [] 允许界面加载的外部资源来源(scheme://host[:port]),默认全部禁止。
eventBridgeEnabled true 交互事件回传开关;关闭后 wait_for_interaction: true 返回 status: unsupported 而不是抛错。

安全模型

不可信 HTML 只在 iframe 内接触页面:沙箱化 iframe(allow-scripts,无 allow-same-origin)提供不透明源,配合注入的 CSP,交互经由校验 event.source 的 postMessage 桥传递。策略由宿主半边决定,前端半边只读取一次只读描述(/plugins/dsh-ui-html/status)并照其执行;交互事件经 /plugins/dsh-ui-html/event 回传;默认不加载任何外部资源。

开发

npm install
npm test          # 等价于 node --test test/

测试覆盖协议、桥、配置、工具、入口与前端半边(test/*.test.mjs)。前端与桥的部分用例需要 @deepseek-ai/dsh-llm、@deepseek-ai/schemastery(随 devDependencies 安装)。

许可

MIT,见 LICENSE。

—/ 5

No ratings yet

Verified DSH bundle

Commit 5ef7d44927e1

Community comments

No comments yet. Be the first to write one.

DSH HUB

A community index for DSH plugins. Not an official GitHub or DeepSeek AI product.

CommunityResourcesAPIAbout