npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

dsh-cua-preview

v0.2.0

Published

DSH plugin: browser automation whose click and submit actions are gated by a DSH approval, with the current screen captured as a screenshot the user reviews before the action runs.

Readme

dsh-cua-preview

English | 中文

一个 DeepSeek Harness 插件:驱动浏览器,每一次导航或动作调用都由 DSH 审批把关,并把当前屏幕截图交给用户,在动作执行之前审阅。

审批架构借鉴了 ZCode 的 cua-permission-broker(仅设计层面借鉴,未复制任何 ZCode 源码)。

它做什么

| 工具 | 需要审批 | 返回 | |---|---|---| | browser_navigate | 是 | 导航之后的页面 | | browser_act(click / fill / submit) | 是 | 动作之后的页面 | | browser_snapshot | 否 | 当前 URL、标题与可见文本 | | browser_screenshot | 否 | 当前屏幕的图片 |

只读的两个工具永远不会触发审批,因为它们都无法改变页面。「导航之后」与「动作之后」都指页面被给了一段有上限的时间去反应之后——见等页面反应完。需要把关的两个会先询问——用界面自身语言写成的一行文字——并且除非回答是「允许一次」,否则什么都不做。

在 DSH 0.2.0-rc.2 上,这行文字固定为英文:该版本移除了插件可以查询的 Host 侧语言读取通道;在 0.1.5-rc.2/rc.3 上仍会本地化。机制见 docs/design.md,并且本仓库的真机检查会断言这一限制,而不是把它藏起来。

安装

依赖:Node ≥ 22.12(puppeteer-core 的要求)以及一个 Chrome 或 Chromium 可执行文件。安装时不下载任何东西——插件驱动你已经装好的 Chrome;找不到时会给出可操作的报错,而不是悄悄去下载一个。

开发与验证基于 DSH 0.2.0-rc.2(@deepseek-ai/dsh-tools 0.2.0-rc.2、@deepseek-ai/cordis 4.0.4),同时仍向下支持到 0.1.5-rc.2。

DSH 插件通过 dsh plugin 安装进一个 profile,该命令会把参数转发给该 profile 目录下的包管理器:

# 按包名安装
dsh plugin --profile demo add dsh-cua-preview

# 从本地安装
dsh plugin --profile demo add ./dsh-cua-preview

dsh --profile demo --dump-config   # 会看到 "# == dsh-cua-preview" 这一层
dsh --profile demo                 # 启动

本包是一个 DSH bundle:它提供一层配置,真正启动它的是 profile。若想挂到已有的 profile 上而不重新安装,可以用 overlay 覆盖层——测试用的也是这个方式:

- insert:
    - id: cua-preview
      name: 'dsh-cua-preview'
      config:
        artifactsDir: '/tmp/cua-artifacts'   # 可选
        headless: true                       # 可选,默认 true
        chromePath: '/usr/bin/google-chrome-stable'  # 可选,自动探测

配置

| 键 | 默认值 | 含义 | |---|---|---| | artifactsDir | $DSH_HOME/cua-preview/artifacts | 截图证据 PNG 的写入目录 | | headless | true | 是否以无头模式运行 Chrome | | chromePath | 自动探测 | 显式指定 Chrome/Chromium 可执行文件 | | settle | {graceMs: 250, idleMs: 400, capMs: 3000} | 动作之后、截图之前,等页面反应完的预算 |

Chrome 会依次通过 $DSH_CUA_CHROME_PATH 与常见的 Linux 安装路径查找 (/usr/bin/google-chrome-stable、/usr/bin/google-chrome、/usr/bin/chromium、 /usr/bin/chromium-browser、/snap/bin/chromium),并以容器环境下通用的一组合适参数启动。

settle 接受三种写法:false(完全不等——此时结果里不会出现 settled 字段,因为插件不会去声称一件它没有验证过的事)、一个数字(总预算毫秒数)、或一个对象(覆盖 graceMs=多久之后才认为页面开始反应、idleMs=每个条件需要维持多久、capMs=总预算)。其它取值会被记一条 warning 并退回默认值,因此一个写错的计时参数不会让插件加载失败。

浏览器库的选择:Puppeteer

任务允许在 Puppeteer 与 Playwright 之间选择。这里选了 Puppeteer,并且具体是 puppeteer-core:

  • puppeteer-core 不下载任何东西——安装时没有约 150 MB 的浏览器下载,也不需要猜测哪个 Chromium 该配哪个版本的库。
  • 它驱动机器上已有的 Chrome,因此用户审阅的就是他自己也能打开的那个浏览器。
  • 插件对它的全部依赖集中在一个模块 src/browser.js;换成别的库只需改这一个文件。

截图模型(一段话)

审批发生在动作之前,因此存在两帧画面,各自按其本来含义命名。动作之后的那一帧是模型收到的结果图片,因为模型若把动作前的画面当成「结果」,就会断定动作失败了。审批当时的那一帧——也就是请用户批准的那张画面——在同一次结果里排在前面返回,标注为 before the action,于是这次调用的行读起来就是一条时间线。两帧都随这次调用自己的 tool/result 内容下发,这正是它们可被读取的原因:Host 只在某条已知事件的内容里携带该引用时,才为图片读取授权;presentationMeta.frames 逐张标明角色。插件自己的会话事件完全不能用——那会让整个会话再也打不开,见 docs/design.md。用户拒绝时没有动作发生,唯一返回的那张图就是审批当时的画面,标注为 at approval time (no action ran)。真正空白的屏幕(未加载的空标签页)不会发出任何图片,而不是发一张无用的白图。

你在做决定的时候,屏幕已经在屏幕上了。 审批卡片出现的那一刻,这次调用的行就会画出当前屏幕,而且是一次实时读取:那一刻什么都还没落日志,所以这张图来自 Host 自己手里那份——就在提问前一刻截下的字节,经 Connection 为「浏览器原生响应」规定的 exact Fetch route 送出。调用一结束这条路由就不再应答,因为此时结果里已经带着同一张画面(标注为 before the action)。

图还没到,盒子已经留好了。 每张图都按它自己那份持久引用所记录的宽高比(ImageAttachmentRef.width/height 是 required 字段)占位,加载中的那一笔和加载完成的那一笔是同一个元素、同样的几何。这不是外观问题:行如果在事后又长高一次,会话自己的「跟尾」逻辑就会丢掉尾巴——它的增高观察器会发起一次平滑滚动,紧接着的第二次增高落在那次滚动尚未结束时被跳过,于是落点比新的底部短了一截,被 shipped 控制器判读为「读者自己动了」,从此不再跟(dsh-client-ui-chat 的 ScrollFollow)。两张图各长两次,就足以让第二张在批准后留在视口之外;把盒子留好只剩一次增高可跟,应用自己的逻辑就能落到真正的底部,after the action 那张图完整可见。

机制细节、为什么插件不能自己写会话事件、以及为什么不占用审批卡片里那个已满的单占位槽位,见 docs/design.md。

等页面反应完

只有当页面已经对动作做出反应,那一帧才算「动作的结果」。page.click() 在输入事件派发出去的那一刻就返回,goto 配 domcontentloaded 在 JS 渲染的页面还没渲染出任何东西时就返回——所以动作一返回就截图,拍到的是动作发生之前的状态。在一个「自己的反应需要 900 ms」的页面上实测:那一帧在动作后 64 ms 就被写出,横幅上还写着 PENDING,对判断「到底成没成」毫无用处。

因此每个需要审批的动作在截图前都会等:先是 grace(250 ms,这段时间内不认为页面已经开始反应),然后等网络安静(400 ms 内没有仍在等待响应的请求),再等 DOM 不再变化(400 ms 内指纹完全一致——URL、标题、元素数量、以及正文文本的哈希),整个过程受总预算(3 s)封顶。一个永远不会安静的页面,代价就是付掉这 3 秒。

这个等待是有预算的启发式,因此它无法承诺某一帧就是最终状态。它能承诺的是:绝不去声称超出自己验证范围的事——预算用尽时结果里会带上 settled: false,networkBusy 指出是哪个条件没成立,给模型的文字里也会写明这张图可能还在更新中。

用户拒绝时,模型会看到什么

拒绝是一个成功的工具结果,而不是错误——错误读起来像「调用失败了,再试一次」,而当初正是一个错误导致模型去重试一个用户刚刚拒绝的动作。这段提示以官方 gating 路径自己的句子开头(中英两种语言逐字引用),再补上那句话没有说的两件事:这是人的决定而不是故障;以及下一步应当是停下来询问。

browser_act 未执行:用户在审批中拒绝了这次操作。
the user rejected tool "browser_act" —— 这是人的决定,不是调用失败、页面问题,也不是本插件故障。
操作没有执行,页面保持原样。不要重试这个动作或等价动作;请停下来询问用户要改什么、或者下一步做什么。

三种「未获批准」的结果措辞各不相同,模型因此能区分「人说了不」与「根本没有审批通道」:rejected 与 cancelled 被描述为用户的决定,而 unavailable 明确说明这不是用户的决定。同一条规则也写进了两个受把关工具的 description,所以它在模型动手之前就已进入系统提示,而不只是事后才出现。

rejected 有两种来源,其中只有一种牵涉到人。 在 ask 策略下它是「应答者说了不」;而在 never 策略下——官方 danger-full-access 预设选的就是它,因为那个预设把「完整文件权限」和「不弹审批窗」绑在了一起——DSH 的 ApprovalService.decide() 会在 approval/request 瀑布之前就返回 rejected,因此根本不存在弹窗,也没有任何人被询问。此时告诉模型「用户拒绝了」是错误归因,而且代价很高:它会打发模型去等待一个早已用「关掉询问」回答过的用户。所以插件会读 ctx.approval.effectivePolicy(session)(文档写明的公开读法),把这种拒绝另写一套措辞——决定它的是会话策略而不是人,解法是 /permission。

browser_act 未执行:本次会话的审批策略是 "never",DSH 在任何应答者被询问之前就自动拒绝了它。
这不是用户拒绝了 tool "browser_act"——在 "never" 策略下不存在审批弹窗、也不会询问任何应答者,因此没有任何人做过这个决定。操作没有执行,页面保持原样。
DSH 把本次会话的策略这样告诉模型:"Approval prompts are disabled in this session: actions that require approval are rejected automatically."
不要重试这个动作或等价动作。请告诉用户被拒绝的是什么,并请他们用 /permission 切换到一个审批策略为 "ask" 的预设——预设可以既保留完整文件权限、又保留询问(官方 "danger-full-access" 预设把完整文件权限和"不询问"绑在了一起,正是它关掉了询问)。

读不到策略时会退回「交互式拒绝」那套措辞,因为那是插件唯一能证明的情况;它绝不会凭空编造「是谁做的决定」。

重复弹窗不做抑制:插件不去管模型的重复尝试,用户改变主意后仍然可以批准后一次。机械地抑制完全相同的重复请求固然能结束弹窗循环,但它也可能挡住一个已经改口说「继续」的用户,而且一次工具执行并不携带可用于把抑制限定在单个模型轮次内的轮次标识。

测试

从源码检出运行(测试入口仅用于开发,不在发布包内,因此 npm install dsh-cua-preview 之后并没有这些文件):

npm install
npm test

三个入口,分别针对三个层次:

| 入口 | 层次 | 依赖 | 检查项 | |---|---|---|---| | npm run test:client | Client 那一半,独立验证 | 仅需 Node | 97 | | npm run test:acceptance | Host 那一半,对接真实 DSH 服务 | Chrome | 169 | | npm run test:real-load | 两半一起,跑在真实的 dsh 进程内 | PATH 上有 dsh + Chrome | 24 |

合计 290 项检查,0 失败——三个入口都需要先 npm install。最后一个入口会启动官方 dsh 二进制,把插件以 patch 方式挂进去,监听由操作系统分配的随机空闲端口(因此绝不会与你正在运行的任何 profile 冲突),并在该进程内运行一个探针插件,读取实时的各项注册表。如果 PATH 上没有 dsh,它会明确报告并以非零码退出。它会把该次启动的审批策略固定为 ask,这样默认预设为 danger-full-access 的 profile 就不会把这次运行变成对预设的判断,而不是对插件的判断。

CI 在每次 push 时运行 Client bundle 验证与打包检查,因为这两项无需浏览器即可复现。浏览器相关的套件不在该门禁内——它们需要 Chrome,最后一个还需要 dsh CLI——因此改为手动触发的任务。

本地测试页

examples/test-page/ 是一个带输入框、按钮和表单的小页面,验收检查会用到它,也方便手动试用:

node examples/test-page/serve.mjs --port 3097 --host 127.0.0.1

同目录下的 slow.html 是「等待页面反应」那组检查所用的夹具:它的横幅在文档加载后 900 ms、以及按钮被点击后 900 ms 才变色,所以动作一返回就截的那一帧,肉眼看就是前一个状态。用同一个服务器打开 http://127.0.0.1:3097/slow.html 就能手动看到这个差别。

文档

| 文档 | 内容 | |---|---| | docs/design.md | 它如何工作、为什么这样设计:两帧画面、图片的传递通道、隐藏的载体节点、插件刻意不去占用的槽位、语言与拒绝规则 | | CHANGELOG.md | 变更记录 |

许可证

MIT。本项目是非官方社区作品,与 Z.AI Co., Ltd 及 DeepSeek 无隶属关系,未获其授权、赞助或背书。「ZCode」与「DeepSeek Harness」分别为其各自权利人的商标,此处仅用于说明某项设计的来源以及本插件运行于什么之上。