dsh-agent-team-ui-testing 0.1.2 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -71,7 +71,7 @@ The panel is the human window into the same runtime the agent uses.
71
71
  - **Live preview** of the workspace page, driven by a screencast with a polling fallback.
72
72
  - **Size bar** — 宽屏 / 横屏 / 平板 / 手机 presets as a segmented control, X/Y canvas position, width × height, display scale, and a `拖拽 | 适应窗口 | 默认` mode selector. Preset clicks reset X/Y and keep the chosen display mode; the selected preset shows a green dot and is mutually exclusive with drag mode.
73
73
  - **Hybrid canvas** — the viewport can be positioned like a canvas: a signed origin, negative coordinates and blank areas, a dark checkerboard in the panel (pure white in screenshots), drag-to-pan and screen-anchored wheel zoom.
74
- - **Annotation mode** — six shapes (circle/ellipse, rectangle, line, arrow, brush and text), plus eraser, fill/outline, colour, width and clear-canvas controls. Drawings are anchored in canvas coordinates and the page receives no input while annotating. When a user refers to annotations, drawings, circles, boxes, arrows or handwriting, agents read `browser_state.annotations` and call `browser_screenshot {includeAnnotations:true}` to see the overlay. The screenshot renders the Host-accepted, submitted document with the same shape semantics and region/scale mapping as the panel; drafts, toolbars and selection controls are excluded. `includeAnnotations` is a boolean, default `false`; default screenshots and T3/T4 source images omit panel annotations. See [capture and annotation boundaries](docs/capture-p0.md).
74
+ - **Annotation mode** — six shapes (circle/ellipse, rectangle, line, arrow, brush and text), plus eraser, select/marquee tools (click, live marquee with Shift to add / Alt to subtract, drag with Shift axis lock, arrow-key nudging and Delete to remove, with a blue halo and marching-ants box; see [selection controls](docs/viewport-control.md#标注)) and fill/outline, colour, width and clear-canvas controls. Drawings are anchored in canvas coordinates and the page receives no input while annotating. When a user refers to annotations, drawings, circles, boxes, arrows or handwriting, agents read `browser_state.annotations` and call `browser_screenshot {includeAnnotations:true}` to see the overlay. The screenshot renders the Host-accepted, submitted document with the same shape semantics and region/scale mapping as the panel; drafts, toolbars and selection controls are excluded. `includeAnnotations` is a boolean, default `false`; default screenshots and T3/T4 source images omit panel annotations. See [capture and annotation boundaries](docs/capture-p0.md).
75
75
  - **Shared state** — agent and panel read the same viewport; updates use `expectedRevision`, and conflicts are reported instead of silently overwriting.
76
76
 
77
77
  ### Evidence and safety
@@ -256,7 +256,7 @@ dsh plugin --profile web add github:bloodarea/dsh-agent-team-ui-testing#vX.Y.Z
256
256
 
257
257
  1. Install the package into the DSH profile being used.
258
258
  2. Restart DSH after the first install so the plugin bundle is registered.
259
- 3. Open the debug view from **更多 → 调试视图**, or from the plugin card in the right sidebar.
259
+ 3. Open the debug view from **更多 → 调试视图**, or from the plugin card in the right sidebar. **First time here? The [screenshot walkthrough](docs/tutorial.md) takes you from opening the panel to a verified agent action in seven short steps.**
260
260
  4. Changes to `client.js` only need a panel refresh; changes to `index.js`, the tool surface or bundled skills need a DSH restart.
261
261
 
262
262
  For plugin development, link or copy this repository into the profile instead of installing the npm package.
@@ -289,6 +289,7 @@ A typical agent flow is: navigate to the target, inspect state with `browser_sta
289
289
  | File | Contents |
290
290
  | --- | --- |
291
291
  | [docs/index.md](docs/index.md) | Documentation index |
292
+ | [docs/tutorial.md](docs/tutorial.md) | **Beginner walkthrough (with screenshots)**: open the panel, load a page, inspect, click, pick an element, annotate and collect evidence |
292
293
  | [docs/getting-started.md](docs/getting-started.md) | Requirements, install, debug panel and first calls |
293
294
  | [docs/tools.md](docs/tools.md) | All 37 tools, parameters and error classes |
294
295
  | [docs/capability-tiers.md](docs/capability-tiers.md) | T1–T4 selection model, P0 infrastructure and known limits |