waygraph 0.15.4 → 0.15.5

package/dist/auto-session.js

@@ -677,11 +677,16 @@ export class AutoSession {
      */
     async applyHighlight(fixtures) {
         this.page = await ensureLivePage(this.context, this.page, this.startUrl);
-        const label = fixtures.clear === true
-            ? "clear fixtures"
-            : `${fixtures.rings?.length ?? 0} ring(s)` +
-                (fixtures.todos?.length ? `, ${fixtures.todos.length} todo(s)` : "");
-        await showPilotActivity(this.page, `Highlight: ${label}`);
+        const detail = fixtures.clear === true
+            ? "clear"
+            : [
+                fixtures.rings?.length ? `${fixtures.rings.length} ring(s)` : null,
+                fixtures.todos?.length ? `${fixtures.todos.length} todo(s)` : null,
+            ]
+                .filter(Boolean)
+                .join(", ") || "fixtures";
+        // Same bottom-left activity toast as Running (Dom)/(Block) - agent narration.
+        await showPilotActivity(this.page, `Highlighting: ${detail}`);
         try {
             const { painted, missing } = await showPilotFixtures(this.page, fixtures);
             const menu = await this.currentMenu();

package/dist/pilot-overlay.d.ts

@@ -61,9 +61,10 @@ export declare function showPilotVision(page: Page, selector: string, label: str
 export type PilotFixtureRing = {
     selector: string;
     label: string;
-    tone?: HighlightTone;
-    size?: "sm" | "md" | "lg";
-    weight?: "normal" | "bold";
+    /** Any {@link HighlightTone} or alias (`error`/`blue`/…). Normalized on paint. */
+    tone?: HighlightTone | string;
+    size?: "sm" | "md" | "lg" | string;
+    weight?: "normal" | "bold" | string;
 };
 /**
  * Agent-sent highlight fixtures for a live Pilot / auto session.

package/dist/pilot-overlay.js

@@ -1,4 +1,4 @@
-import { WAYGRAPH_RING_CSS } from "./highlights.js";
+import { WAYGRAPH_RING_CSS, normalizeHighlightTone, normalizeHighlightSize, normalizeHighlightWeight, toneIconPrefix } from "./highlights.js";
 // Real, direct user request: this overlay's own colors were an improvised
 // purple/white scheme (#a78bfa / #1a1033) that didn't match anything else -
 // "our design here seems like barely shares with the ui on the stepper
@@ -265,7 +265,20 @@ export async function showPilotFixtures(page, fixtures) {
         : fixtures.holdMs === undefined
             ? 12_000
             : Math.max(0, fixtures.holdMs);
-    const rings = fixtures.clear ? [] : (fixtures.rings ?? []);
+    const rings = (fixtures.clear ? [] : (fixtures.rings ?? [])).map((r) => {
+        const tone = normalizeHighlightTone(r.tone);
+        const size = normalizeHighlightSize(r.size);
+        const weight = normalizeHighlightWeight(r.weight);
+        const icon = toneIconPrefix(tone);
+        const label = icon && !r.label.startsWith(icon) ? `${icon} ${r.label}` : r.label;
+        return {
+            selector: r.selector,
+            label,
+            tone,
+            size,
+            weight,
+        };
+    });
     const todos = fixtures.clear ? [] : (fixtures.todos ?? []);
     const todoIndex = fixtures.todoIndex ?? 0;
     const todoTitle = fixtures.todoTitle ?? "Plan";
@@ -293,9 +306,9 @@ export async function showPilotFixtures(page, fixtures) {
                 missing.push(ring.selector);
                 continue;
             }
-            const tone = ring.tone || "planned";
-            const size = ring.size === "sm" || ring.size === "lg" ? ring.size : "md";
-            const weight = ring.weight === "bold" ? "bold" : "normal";
+            const tone = ring.tone;
+            const size = ring.size;
+            const weight = ring.weight;
             const pad = size === "sm" ? 3 : size === "lg" ? 10 : 6;
             const ringEl = document.createElement("div");
             ringEl.className = "wg-pilot-fx-ring";

package/examples/saucedemo/.waygraph-auto/39f352c7.log

@@ -0,0 +1,4 @@
+(node:223602) Warning: The 'NO_COLOR' env is ignored due to the 'FORCE_COLOR' env being set.
+(Use `node --trace-warnings ...` to show where the warning was created)
+(node:223602) Warning: The 'NO_COLOR' env is ignored due to the 'FORCE_COLOR' env being set.
+(Use `node --trace-warnings ...` to show where the warning was created)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "waygraph",
-  "version": "0.15.4",
+  "version": "0.15.5",
   "type": "module",
   "description": "A typed graph of reusable Blocks for driving a browser through E2E flows.",
   "license": "MIT",

package/templates/skills/waygraph-pilot.skill.md

@@ -34,8 +34,9 @@ waygraph auto highlight <sessionId> '{"rings":[{"selector":"#user-name","label":
 waygraph auto highlight <sessionId> '{"clear":true}'
 ```
 
-- `tone`: `planned` (purple, default) | `auto` | `info` | `warning` | `danger` | `success` (pilot `orange` is for `auto dom` vision only)
+- `tone`: all demo tones - `planned` | `auto` | `info` | `warning` | `danger` | `success` | `orange` (aliases like `error`/`blue`/`green` work too)
 - `holdMs`: ms to keep fixtures; `0` = until the next highlight / clear (default 12000)
+- Bottom-left toast shows `Highlighting: …` (same strip as `Running (Dom): …`)
 - Missing selectors are listed in the JSON response (`missing`) - not a hard failure
 - Does not replace `auto send` - paint, then run the real Block