donobu 2.17.0 → 2.17.1

package/dist/assets/generated/parameter-schemas.json

@@ -14,35 +14,6 @@
     "additionalProperties": false,
     "required": ["targetId", "bindingName"]
   },
-  "BaseToolGptParameters": {
-    "description": "This interface is intended to be the base for all tool parameters that are generated by a GPT.",
-    "type": "object",
-    "properties": {
-      "rationale": {
-        "description": "The reason why this particular action is being taken. It MUST relate to the overall objective.",
-        "type": "string"
-      }
-    },
-    "additionalProperties": false,
-    "required": ["rationale"]
-  },
-  "RunAccessibilityTestToolCoreParameters": {
-    "type": "object",
-    "additionalProperties": false,
-    "required": [],
-    "properties": {}
-  },
-  "RunAccessibilityTestToolGptParameters": {
-    "type": "object",
-    "properties": {
-      "rationale": {
-        "description": "The reason why this particular action is being taken. It MUST relate to the overall objective.",
-        "type": "string"
-      }
-    },
-    "additionalProperties": false,
-    "required": ["rationale"]
-  },
   "ToolParameters": {
     "anyOf": [
       {
@@ -117,7 +88,7 @@
             "type": "object",
             "additionalProperties": false
           },
-          "__@validatorSymbol@9584": {
+          "__@validatorSymbol@6486": {
             "description": "Used to mark validator functions so we can support both Zod and custom schemas.",
             "type": "boolean",
             "const": true
@@ -129,21 +100,50 @@
             "$ref": "#/definitions/JSONSchema7",
             "description": "The JSON Schema for the schema. It is passed to the providers."
           },
-          "__@schemaSymbol@9589": {
+          "__@schemaSymbol@6491": {
             "description": "Used to mark schemas so we can support both Zod and custom schemas.",
             "type": "boolean",
             "const": true
           }
         },
         "required": [
-          "__@schemaSymbol@9589",
-          "__@validatorSymbol@9584",
+          "__@schemaSymbol@6491",
+          "__@validatorSymbol@6486",
           "_type",
           "jsonSchema"
         ]
       }
     ]
   },
+  "BaseToolGptParameters": {
+    "description": "This interface is intended to be the base for all tool parameters that are generated by a GPT.",
+    "type": "object",
+    "properties": {
+      "rationale": {
+        "description": "The reason why this particular action is being taken. It MUST relate to the overall objective.",
+        "type": "string"
+      }
+    },
+    "additionalProperties": false,
+    "required": ["rationale"]
+  },
+  "RunAccessibilityTestToolCoreParameters": {
+    "type": "object",
+    "additionalProperties": false,
+    "required": [],
+    "properties": {}
+  },
+  "RunAccessibilityTestToolGptParameters": {
+    "type": "object",
+    "properties": {
+      "rationale": {
+        "description": "The reason why this particular action is being taken. It MUST relate to the overall objective.",
+        "type": "string"
+      }
+    },
+    "additionalProperties": false,
+    "required": ["rationale"]
+  },
   "ChooseSelectOptionToolCoreParameters": {
     "type": "object",
     "properties": {

package/dist/assets/generated/version

@@ -1 +1 @@
-1151
+1153

package/dist/esm/assets/generated/parameter-schemas.json

@@ -14,35 +14,6 @@
     "additionalProperties": false,
     "required": ["targetId", "bindingName"]
   },
-  "BaseToolGptParameters": {
-    "description": "This interface is intended to be the base for all tool parameters that are generated by a GPT.",
-    "type": "object",
-    "properties": {
-      "rationale": {
-        "description": "The reason why this particular action is being taken. It MUST relate to the overall objective.",
-        "type": "string"
-      }
-    },
-    "additionalProperties": false,
-    "required": ["rationale"]
-  },
-  "RunAccessibilityTestToolCoreParameters": {
-    "type": "object",
-    "additionalProperties": false,
-    "required": [],
-    "properties": {}
-  },
-  "RunAccessibilityTestToolGptParameters": {
-    "type": "object",
-    "properties": {
-      "rationale": {
-        "description": "The reason why this particular action is being taken. It MUST relate to the overall objective.",
-        "type": "string"
-      }
-    },
-    "additionalProperties": false,
-    "required": ["rationale"]
-  },
   "ToolParameters": {
     "anyOf": [
       {
@@ -117,7 +88,7 @@
             "type": "object",
             "additionalProperties": false
           },
-          "__@validatorSymbol@9584": {
+          "__@validatorSymbol@6486": {
             "description": "Used to mark validator functions so we can support both Zod and custom schemas.",
             "type": "boolean",
             "const": true
@@ -129,21 +100,50 @@
             "$ref": "#/definitions/JSONSchema7",
             "description": "The JSON Schema for the schema. It is passed to the providers."
           },
-          "__@schemaSymbol@9589": {
+          "__@schemaSymbol@6491": {
             "description": "Used to mark schemas so we can support both Zod and custom schemas.",
             "type": "boolean",
             "const": true
           }
         },
         "required": [
-          "__@schemaSymbol@9589",
-          "__@validatorSymbol@9584",
+          "__@schemaSymbol@6491",
+          "__@validatorSymbol@6486",
           "_type",
           "jsonSchema"
         ]
       }
     ]
   },
+  "BaseToolGptParameters": {
+    "description": "This interface is intended to be the base for all tool parameters that are generated by a GPT.",
+    "type": "object",
+    "properties": {
+      "rationale": {
+        "description": "The reason why this particular action is being taken. It MUST relate to the overall objective.",
+        "type": "string"
+      }
+    },
+    "additionalProperties": false,
+    "required": ["rationale"]
+  },
+  "RunAccessibilityTestToolCoreParameters": {
+    "type": "object",
+    "additionalProperties": false,
+    "required": [],
+    "properties": {}
+  },
+  "RunAccessibilityTestToolGptParameters": {
+    "type": "object",
+    "properties": {
+      "rationale": {
+        "description": "The reason why this particular action is being taken. It MUST relate to the overall objective.",
+        "type": "string"
+      }
+    },
+    "additionalProperties": false,
+    "required": ["rationale"]
+  },
   "ChooseSelectOptionToolCoreParameters": {
     "type": "object",
     "properties": {

package/dist/esm/assets/generated/version

@@ -1 +1 @@
-1151
+1153

package/dist/esm/managers/InteractionVisualizer.d.ts

@@ -1,37 +1,15 @@
 import { Page, Locator } from 'playwright';
-/**
- * Class for visualizing interactions in a webpage with a virtual mouse and messages.
- */
 export declare class InteractionVisualizer {
     readonly defaultMessageDurationMillis: number;
-    private static readonly VIRTUAL_MOUSE_SVG;
+    private static readonly SVG_MOUSE;
     private static readonly CSS;
-    private static readonly MESSAGE_CONTAINER_ID;
-    private static readonly VIRTUAL_MOUSE_ID;
-    private static readonly registeredContexts;
-    private currentMousePosition;
-    /**
-     * Creates an instance of InteractionVisualizer.
-     * @param defaultMessageDurationMillis - Default duration for displaying messages in milliseconds.
-     */
+    private static readonly CONTAINER_ID;
+    private cursorPos;
     constructor(defaultMessageDurationMillis: number);
-    /**
-     * Moves the virtual mouse to the element with a smooth animation and
-     * optionally displays a message at element.
-     */
-    pointAt(page: Page, element: Locator, message?: string, durationMillis?: number): Promise<void>;
-    /**
-     * Moves the virtual mouse to the target position with a smooth animation.
-     */
-    private moveVirtualMouse;
-    /**
-     * Creates a message adjacent to the element, inside a shadow root to avoid CSS collisions.
-     */
-    private displayMessageNearElement;
-    /**
-     * Ensures routes are registered for the given browser context.
-     * @param browserContext - The browser context to register routes on.
-     */
-    private static ensureRoutesRegistered;
+    /** Move the virtual cursor to the centre of the locator and optionally show a message. */
+    pointAt(page: Page, locator: Locator, message?: string, duration?: number): Promise<void>;
+    private ensureContainer;
+    private moveCursor;
+    private showMessage;
 }
 //# sourceMappingURL=InteractionVisualizer.d.ts.map

package/dist/esm/managers/InteractionVisualizer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InteractionVisualizer.d.ts","sourceRoot":"","sources":["../../../src/managers/InteractionVisualizer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,YAAY,CAAC;AAK3D;;GAEG;AACH,qBAAa,qBAAqB;aAeG,4BAA4B,EAAE,MAAM;IAdvE,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,iBAAiB,CAEvC;IACF,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAmD;IAC9E,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,oBAAoB,CACR;IACpC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAAmB;IAC3D,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,kBAAkB,CAAiC;IAC3E,OAAO,CAAC,oBAAoB,CAAkB;IAE9C;;;OAGG;gBACgC,4BAA4B,EAAE,MAAM;IAEvE;;;OAGG;IACU,OAAO,CAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,CAAC,EAAE,MAAM,EAChB,cAAc,GAAE,MAA0C,GACzD,OAAO,CAAC,IAAI,CAAC;IA4DhB;;OAEG;YACW,gBAAgB;IA8F9B;;OAEG;YACW,yBAAyB;IAgDvC;;;OAGG;mBACkB,sBAAsB;CAkC5C"}
+{"version":3,"file":"InteractionVisualizer.d.ts","sourceRoot":"","sources":["../../../src/managers/InteractionVisualizer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAE3C,qBAAa,qBAAqB;aA6BG,4BAA4B,EAAE,MAAM;IAxBvE,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAW3B;IAEN,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAM3B;IAEA,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAuB;IAC3D,OAAO,CAAC,SAAS,CAA4C;gBAE1B,4BAA4B,EAAE,MAAM;IAMvE,0FAA0F;IAC7E,OAAO,CAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,CAAC,EAAE,MAAM,EAChB,QAAQ,SAAoC,GAC3C,OAAO,CAAC,IAAI,CAAC;YAsBF,eAAe;YA8Bf,UAAU;YAkDV,WAAW;CA8C1B"}

package/dist/esm/managers/InteractionVisualizer.js

@@ -1,223 +1,151 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InteractionVisualizer = void 0;
-const Logger_1 = require("../utils/Logger");
-const PlaywrightUtils_1 = require("../utils/PlaywrightUtils");
-const MiscUtils_1 = require("../utils/MiscUtils");
-/**
- * Class for visualizing interactions in a webpage with a virtual mouse and messages.
- */
 class InteractionVisualizer {
-    /**
-     * Creates an instance of InteractionVisualizer.
-     * @param defaultMessageDurationMillis - Default duration for displaying messages in milliseconds.
-     */
     constructor(defaultMessageDurationMillis) {
         this.defaultMessageDurationMillis = defaultMessageDurationMillis;
-        this.currentMousePosition = { x: 0, y: 0 };
+        this.cursorPos = { x: 0, y: 0 };
     }
-    /**
-     * Moves the virtual mouse to the element with a smooth animation and
-     * optionally displays a message at element.
-     */
-    async pointAt(page, element, message, durationMillis = this.defaultMessageDurationMillis) {
-        if (!durationMillis || durationMillis <= 0) {
+    /* ------------------------------------------------------------------ */
+    /*  Public API                                                        */
+    /* ------------------------------------------------------------------ */
+    /** Move the virtual cursor to the centre of the locator and optionally show a message. */
+    async pointAt(page, locator, message, duration = this.defaultMessageDurationMillis) {
+        if (!duration || duration <= 0)
             return;
-        }
-        await InteractionVisualizer.ensureRoutesRegistered(page.context());
-        try {
-            // Get element position for mouse movement
-            const boundingBox = await element.boundingBox();
-            if (!boundingBox) {
-                Logger_1.appLogger.error('Failed to get element bounding box');
+        await locator.scrollIntoViewIfNeeded();
+        const box = await locator.boundingBox();
+        if (!box)
+            throw new Error('Element bounding box unavailable');
+        const target = { x: box.x + box.width / 2, y: box.y + box.height / 2 };
+        await this.ensureContainer(page);
+        await Promise.all([
+            this.moveCursor(page, target, duration / 2),
+            message && message.trim()
+                ? this.showMessage(page, target, message.trim(), duration)
+                : Promise.resolve(),
+        ]);
+    }
+    /* ------------------------------------------------------------------ */
+    /*  Private helpers                                                   */
+    /* ------------------------------------------------------------------ */
+    async ensureContainer(page) {
+        const id = InteractionVisualizer.CONTAINER_ID;
+        await page.evaluate(([containerId, css]) => {
+            if (document.getElementById(containerId))
                 return;
-            }
-            // Calculate target position (center of the element)
-            const targetX = boundingBox.x + boundingBox.width / 2;
-            const targetY = boundingBox.y + boundingBox.height / 2;
-            const promises = [];
-            // Start mouse movement and message display in parallel
-            promises.push(this.moveVirtualMouse(page, targetX, targetY, durationMillis / 2));
-            if (message && !message.trim()) {
-                // Display the message for the element
-                await this.displayMessageNearElement(element, message);
-                // Create a promise for the message duration
-                promises.push(page.waitForTimeout(durationMillis));
-            }
-            // Wait for both mouse movement and message duration to complete
-            await Promise.all(promises);
-            // Remove only the message after the duration (keep the mouse)
-            await element.evaluate((_, [messageContainerId]) => {
-                const container = document.getElementById(messageContainerId);
-                if (container) {
-                    const shadow = container.shadowRoot;
-                    if (shadow) {
-                        // Remove only message elements but keep the mouse
-                        const messages = Array.from(shadow.querySelectorAll('.donobu-message'));
-                        messages.forEach((msg) => msg.remove());
-                    }
-                }
-            }, [InteractionVisualizer.MESSAGE_CONTAINER_ID]);
-        }
-        catch (e) {
-            if (PlaywrightUtils_1.PlaywrightUtils.isPageClosedError(e)) {
-                throw e;
-            }
-            else {
-                Logger_1.appLogger.error(`Failed to display message at element`, e);
-            }
-        }
+            const el = document.createElement('div');
+            el.id = containerId;
+            Object.assign(el.style, {
+                position: 'fixed',
+                top: '0',
+                left: '0',
+                width: '100vw',
+                height: '100vh',
+                pointerEvents: 'none',
+                zIndex: '2147483646', // just below the message itself
+            });
+            const shadow = el.attachShadow({ mode: 'open' });
+            const style = document.createElement('style');
+            style.textContent = css;
+            shadow.appendChild(style);
+            // Append to <html> so it is not clipped by overflow/transform on <body>
+            (document.documentElement || document.body).appendChild(el);
+        }, [id, InteractionVisualizer.CSS]);
     }
-    /**
-     * Moves the virtual mouse to the target position with a smooth animation.
-     */
-    async moveVirtualMouse(page, targetX, targetY, durationMillis) {
-        await InteractionVisualizer.ensureRoutesRegistered(page.context());
-        await page.evaluate(([containerId, mouseId, startX, startY, endX, endY, duration]) => {
-            return new Promise((resolve) => {
-                // 1) Find or create the container
-                let container = document.getElementById(containerId);
-                if (!container) {
-                    container = document.createElement('div');
-                    container.id = containerId;
-                    container.style.position = 'absolute';
-                    container.style.top = '0';
-                    container.style.left = '0';
-                    container.style.width = '100%';
-                    container.style.height = '100%';
-                    container.style.pointerEvents = 'none';
-                    document.body.appendChild(container);
-                    const shadowRoot = container.attachShadow({ mode: 'open' });
-                    // Insert style
-                    const styleEl = document.createElement('link');
-                    styleEl.rel = 'stylesheet';
-                    styleEl.href = '/donobu.css';
-                    shadowRoot.appendChild(styleEl);
-                }
-                const shadow = container.shadowRoot;
-                if (!shadow) {
-                    resolve();
-                    return;
-                }
-                // Find or create mouse
-                let mouse = shadow.getElementById(mouseId);
-                if (!mouse) {
-                    mouse = document.createElement('div');
-                    mouse.id = mouseId;
-                    mouse.className = 'donobu-virtual-mouse';
-                    // Initial position if first time
-                    mouse.style.left = `${startX}px`;
-                    mouse.style.top = `${startY}px`;
-                    mouse.style.transitionDuration = '0s'; // No animation initially
-                    shadow.appendChild(mouse);
-                    // Force reflow to ensure initial position is applied before animation
-                    void mouse.offsetWidth;
-                }
-                // Animate the mouse
-                mouse.style.transitionDuration = `${duration}ms`;
-                mouse.style.left = `${endX - 16}px`; // Half of 40px
-                mouse.style.top = `${endY - 8}px`; // Tip adjustment
-                // Resolve when transition completes or timeout as fallback
-                const transitionEndHandler = () => {
-                    mouse?.removeEventListener('transitionend', transitionEndHandler);
-                    if (mouse) {
-                        mouse.classList.remove('rippling'); // Reset ripple
-                        void mouse.offsetWidth; // Force reflow
-                        setTimeout(() => {
-                            mouse?.classList.add('rippling'); // Trigger new ripple
-                        }, 10);
-                    }
+    async moveCursor(page, target, duration) {
+        const id = InteractionVisualizer.CONTAINER_ID;
+        await page.evaluate(([containerId, start, end, duration, svg]) => {
+            containerId = containerId;
+            start = start;
+            end = end;
+            duration = duration;
+            svg = svg;
+            const root = document.getElementById(containerId)
+                .shadowRoot;
+            let cursor = root.querySelector('.donobu-virtual-mouse');
+            if (!cursor) {
+                cursor = document.createElement('div');
+                cursor.className = 'donobu-virtual-mouse';
+                cursor.innerHTML = svg;
+                cursor.style.left = `${start.x}px`;
+                cursor.style.top = `${start.y}px`;
+                cursor.style.transitionDuration = '0s';
+                root.appendChild(cursor);
+                cursor.getBoundingClientRect(); // force reflow
+            }
+            cursor.style.transitionDuration = `${duration}ms`;
+            cursor.style.left = `${end.x - 12}px`; // half width offset
+            cursor.style.top = `${end.y - 12}px`; // half height offset
+            cursor.classList.add('rippling');
+            const done = new Promise((resolve) => {
+                const finish = () => {
+                    cursor.removeEventListener('transitionend', finish);
+                    cursor.classList.remove('rippling');
                     resolve();
                 };
-                mouse.addEventListener('transitionend', transitionEndHandler);
-                // Fallback in case transitionend doesn't fire
-                setTimeout(resolve, duration + 50);
+                cursor.addEventListener('transitionend', finish);
+                setTimeout(finish, duration + 50);
             });
-        }, [
-            InteractionVisualizer.MESSAGE_CONTAINER_ID,
-            InteractionVisualizer.VIRTUAL_MOUSE_ID,
-            this.currentMousePosition.x,
-            this.currentMousePosition.y,
-            targetX,
-            targetY,
-            durationMillis,
-        ]);
-        // Update current mouse position
-        this.currentMousePosition = { x: targetX, y: targetY };
+            return done;
+        }, [id, this.cursorPos, target, duration, InteractionVisualizer.SVG_MOUSE]);
+        this.cursorPos = target;
     }
-    /**
-     * Creates a message adjacent to the element, inside a shadow root to avoid CSS collisions.
-     */
-    async displayMessageNearElement(element, message) {
-        await element.evaluate((targetElement, [messageContainerId, message]) => {
-            // 1) Find container (should already exist from moveVirtualMouse)
-            const container = document.getElementById(messageContainerId);
-            if (!container || !container.shadowRoot) {
-                return;
-            }
-            const shadow = container.shadowRoot;
-            // 2) Insert message
-            const messageElement = document.createElement('div');
-            messageElement.className = 'donobu-message';
-            messageElement.textContent = message;
-            // Temporarily place off-screen to measure size
-            messageElement.style.left = '-9999px';
-            messageElement.style.top = '-9999px';
-            shadow.appendChild(messageElement);
-            // 3) Compute final position
-            const rect = targetElement.getBoundingClientRect();
-            let x = rect.left + window.scrollX;
-            let y = rect.bottom + window.scrollY + 10;
-            messageElement.style.left = `${x}px`;
-            messageElement.style.top = `${y}px`;
-            // Adjust if it goes off-screen to the right
-            const msgRect = messageElement.getBoundingClientRect();
-            const overflowRight = msgRect.right - window.innerWidth;
-            if (overflowRight > 0) {
-                messageElement.style.left = `${x - overflowRight - 10}px`;
-            }
-            // Adjust if it goes off-screen to the left
-            if (msgRect.left < 0) {
-                messageElement.style.left = `${window.scrollX + 10}px`;
+    async showMessage(page, target, text, duration) {
+        const id = InteractionVisualizer.CONTAINER_ID;
+        await page.evaluate(([containerId, target, text, duration]) => {
+            containerId = containerId;
+            target = target;
+            text = text;
+            duration = duration;
+            const root = document.getElementById(containerId)
+                .shadowRoot;
+            const msg = document.createElement('div');
+            msg.className = 'donobu-message';
+            msg.textContent = text;
+            root.appendChild(msg);
+            /* ── compute final coordinates ────────────────────────────────── */
+            const { width, height } = msg.getBoundingClientRect();
+            let x = target.x - width / 2;
+            let y = target.y + 24; // default - below cursor
+            /* clamp horizontally inside viewport */
+            x = Math.max(8, Math.min(window.innerWidth - width - 8, x));
+            /* if it overflows bottom, flip above the element */
+            if (y + height + 8 > window.innerHeight) {
+                y = target.y - height - 24;
             }
-        }, [InteractionVisualizer.MESSAGE_CONTAINER_ID, message]);
-    }
-    /**
-     * Ensures routes are registered for the given browser context.
-     * @param browserContext - The browser context to register routes on.
-     */
-    static async ensureRoutesRegistered(browserContext) {
-        if (this.registeredContexts.has(browserContext)) {
-            return;
-        }
-        try {
-            await browserContext.route('**/donobu-virtual-mouse.svg', async (route) => {
-                await route.fulfill({
-                    status: 200,
-                    contentType: 'image/svg+xml',
-                    body: InteractionVisualizer.VIRTUAL_MOUSE_SVG,
-                });
-            });
-            await browserContext.route('**/donobu.css', async (route) => {
-                await route.fulfill({
-                    status: 200,
-                    contentType: 'text/css',
-                    body: InteractionVisualizer.CSS,
-                });
-            });
-            this.registeredContexts.add(browserContext);
-            Logger_1.appLogger.debug('Routes registered for InteractionVisualizer');
-        }
-        catch (e) {
-            Logger_1.appLogger.error('Failed to register routes for InteractionVisualizer', e);
-            throw e;
-        }
+            /* if still off-screen at the top, clamp to 8 px margin */
+            if (y < 8)
+                y = 8;
+            msg.style.left = `${x}px`;
+            msg.style.top = `${y}px`;
+            /* auto-remove after the requested duration */
+            setTimeout(() => msg.remove(), duration);
+        }, [id, target, text, duration]);
     }
 }
 exports.InteractionVisualizer = InteractionVisualizer;
-InteractionVisualizer.VIRTUAL_MOUSE_SVG = MiscUtils_1.MiscUtils.getResourceFileAsString('donobu-virtual-mouse.svg');
-InteractionVisualizer.CSS = MiscUtils_1.MiscUtils.getResourceFileAsString('donobu.css');
-InteractionVisualizer.MESSAGE_CONTAINER_ID = 'donobu-message-shadow-container';
-InteractionVisualizer.VIRTUAL_MOUSE_ID = 'virtual-mouse';
-InteractionVisualizer.registeredContexts = new WeakSet();
+/* ------------------------------------------------------------------ */
+/*  Constants                                                         */
+/* ------------------------------------------------------------------ */
+InteractionVisualizer.SVG_MOUSE = `
+<svg xmlns="http://www.w3.org/2000/svg"
+     width="32"
+     height="32"
+     viewBox="0 0 24 24"
+     fill="oklch(13.09% 0.005 165.18)"
+     stroke="oklch(83.04% 0.1698 83.99)"
+     stroke-width="2"
+     stroke-linecap="round"
+     stroke-linejoin="round">
+  <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
+</svg>`;
+InteractionVisualizer.CSS = `
+  .donobu-message{position:absolute;z-index:2147483647;background:#000;color:#fff;padding:8px 10px;border-radius:5px;font:12px/1 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;max-width:300px;white-space:pre-wrap;box-shadow:2px 2px 10px rgba(0,0,0,.2);pointer-events:none}
+  .donobu-virtual-mouse{width:24px;height:24px;position:absolute;z-index:2147483646;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.5));transition:left .15s ease-in-out,top .15s ease-in-out,transform .15s ease-in-out}
+  .donobu-virtual-mouse svg{width:100%;height:100%;display:block}
+  .donobu-virtual-mouse.rippling::after{content:"";position:absolute;left:50%;top:50%;width:24px;height:24px;border-radius:50%;background:oklch(83.04% 0.1698 83.99);transform:translate(-50%,-50%) scale(.5);opacity:.4;animation:ripple-pop .6s ease-out forwards}
+  @keyframes ripple-pop{40%{transform:translate(-50%,-50%) scale(1);opacity:.5}100%{transform:translate(-50%,-50%) scale(2);opacity:0}}
+`;
+InteractionVisualizer.CONTAINER_ID = 'donobu-iv-overlay';
 //# sourceMappingURL=InteractionVisualizer.js.map