@autobest-ui/agent 1.0.11 → 1.0.13

package/mcp/trace-mcp-recorder/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@autobest/trace-mcp-recorder",
+  "version": "1.0.0",
+  "private": true,
+  "description": "MCP server for recording and uploading manual Playwright traces",
+  "type": "module",
+  "main": "index.js",
+  "engines": {
+    "node": ">=20"
+  },
+  "scripts": {
+    "start": "node index.js",
+    "lint": "node --check index.js && node --check index.test.js",
+    "test": "node --test index.test.js",
+    "verify": "npm run lint && npm test"
+  },
+  "dependencies": {
+    "@modelcontextprotocol/sdk": "1.30.0",
+    "axios": "1.20.0",
+    "form-data": "4.0.6",
+    "playwright": "1.63.0",
+    "pngjs": "^7.0.0",
+    "uuid": "14.0.2",
+    "zod": "4.4.3"
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobest-ui/agent",
-  "version": "1.0.11",
+  "version": "1.0.13",
   "private": false,
   "description": "Autobest Agent skills/plugins/mcp assets + sync cli",
   "files": [
@@ -19,6 +19,7 @@
     "autobest-agent-sync": "./bin/sync-assets.mjs",
     "autobest-code-mcp-pr": "./mcp/code-mcp-pr/index.js",
     "autobest-azurepr-mcp": "./mcp/azurepr-mcp-bridge/index.js",
+    "autobest-trace-mcp-recorder": "./mcp/trace-mcp-recorder/index.js",
     "autobest-delivery-setup": "./plugins/autobest-delivery/scripts/setup.mjs",
     "autobest-rag-mcp": "./mcp/rag-mcp-bridge/index.js",
     "figma-mcp-bridge": "./mcp/figma-mcp-bridge/src/index.js",
@@ -29,20 +30,26 @@
     "mcp:code-mcp-pr": "node ./mcp/code-mcp-pr/index.js",
     "mcp:figma": "node ./mcp/figma-mcp-bridge/src/index.js",
     "mcp:rag": "node ./mcp/rag-mcp-bridge/index.js",
+    "mcp:trace-recorder": "node ./mcp/trace-mcp-recorder/index.js",
     "test": "npm run test:skills && npm run test:mcp && npm run test:plugin",
     "test:skills": "node --test ./bin/sync-assets.test.mjs ./bin/traceability-validators.test.mjs",
     "test:mcp:azurepr": "node --test ./mcp/azurepr-mcp-bridge/index.test.js",
     "test:mcp:code-mcp-pr": "node --test ./mcp/code-mcp-pr/index.test.js",
     "test:mcp:figma": "node --test ./mcp/figma-mcp-bridge/index.test.js",
     "test:mcp:rag": "node --test ./mcp/rag-mcp-bridge/index.test.js",
-    "test:mcp": "npm run test:mcp:azurepr && npm run test:mcp:code-mcp-pr && npm run test:mcp:figma && npm run test:mcp:rag",
+    "test:mcp:trace-recorder": "node --test ./mcp/trace-mcp-recorder/index.test.js",
+    "test:mcp": "npm run test:mcp:azurepr && npm run test:mcp:code-mcp-pr && npm run test:mcp:figma && npm run test:mcp:rag && npm run test:mcp:trace-recorder",
     "test:plugin": "node --test ./plugins/autobest-delivery/scripts/setup.test.mjs ./plugins/figma-plugin/scripts/setup.test.mjs"
   },
   "dependencies": {
     "@modelcontextprotocol/sdk": "1.30.0",
+    "axios": "1.20.0",
     "diff": "9.0.0",
+    "form-data": "4.0.6",
     "fs-extra": "11.3.0",
     "mdast-util-from-markdown": "2.0.2",
+    "playwright": "1.63.0",
+    "uuid": "14.0.2",
     "ws": "8.18.3",
     "zod": "4.4.3"
   },

package/skills/README.md

@@ -17,6 +17,7 @@ npx --yes --package=@autobest-ui/agent@latest autobest-agent-sync common
 - `make-spec`
 - `repo-setup`
 - `review-from-docs`
+- `trace-recorder`
 - `ui-prd-scope`
 
 其中 `ui-prd-scope` 使用 `REQ-<页面或Scope简称>-<三位序号>` 分配稳定需求 ID；`review-from-docs` 为每个 REQ 建立决策树，逐轮询问当前完整 frontier 并记录用户确认的结论；`make-spec` 只从已完成的 review 生成逐项可验收的 `spec.md` 和机器可校验的映射。后续交付角色只引用编号，不重新编号。

package/skills/common/trace-recorder/SKILL.md

@@ -0,0 +1,25 @@
+---
+name: trace-recorder
+description: 通过 trace-mcp-recorder 启动或停止 Playwright Trace 人工录制；当用户要求打开页面录制、停止录制或获取 trace 回放链接时使用。
+---
+
+# Trace MCP Recorder
+
+将用户的自然语言请求映射到 `trace-mcp-recorder` 的 MCP 工具。`url` 独立确定被测页面；`title` 是本次录制的标题或功能描述，也可以直接填写 Bug 编号（例如 `bug3452`）。系统不额外传递独立的 Bug 字段。
+
+## 启动录制
+
+当用户要求启动、开始或打开页面进行 trace 录制时：
+
+1. 从原话提取 `url`、`version`、`title`、`operator`。支持 `key=value` 和自然语言表达，不改写用户给出的值。
+2. `url` 必填；缺少时只询问目标页面地址。其他字段缺失时不要阻断录制。
+3. 调用 `start_trace_recording`，只传入用户明确提供的可选字段。服务端会优先使用 MCP 上下文中的操作人身份。
+4. 告知用户浏览器已打开，并保留工具返回的 `uuid` 和最大录制时长；不要代替用户操作页面。
+
+示例：`trace-mcp-recorder 启动Playwright trace 访问https://cpd.dev.autobestdevops.com，version=v2.1.0 title=bug3452 operator=张三`。这里 `title=bug3452` 是本次录制的标题/功能描述，页面由 `url=https://cpd.dev.autobestdevops.com` 确定。
+
+## 停止录制
+
+用户表达“停止录制”“结束 trace”“完成录制”等意图时，调用 `stop_trace_recording`。第一次调用只会停止录制并询问是否上传；不要擅自上传。用户明确回答“上传”后，再次调用 `stop_trace_recording` 并传入 `confirm=upload`。用户回答“不上传”时，调用该工具并传入 `confirm=cancel`。上传成功后，将回放链接和 `version`、`title`、`operator`、`browserVersion` 整理给用户。
+
+若工具返回错误，如没有活动会话、后端不可达或上传失败，原样说明关键原因，不编造回放链接。

package/skills/common/trace-recorder/agents/openai.yaml

@@ -0,0 +1,11 @@
+interface:
+  display_name: "trace-recorder"
+  short_description: "启动或停止 Playwright Trace 人工录制并返回回放链接"
+  default_prompt: "使用 $trace-recorder 启动指定页面的 Playwright Trace 人工录制。"
+
+dependencies:
+  tools:
+    - type: "mcp"
+      value: "trace-mcp-recorder"
+      description: "启动、停止、上传 Playwright Trace 的本地 STDIO MCP 服务"
+