fixing mouse cursor again

Author: DeDuckProject

packages/action/dist/index.js

@@ -41792,6 +41792,8 @@ function buildScriptGenerationPrompt(options) {
 - The script must be self-contained and immediately runnable
 - Total demo should be under ${options.maxDuration} seconds
 - Do NOT test correctness \u2014 demonstrate the feature. Show it working, not edge cases.
+- Act as a real user: only interact through the UI using standard Playwright actions (navigate, click, type, hover). Never re-implement or simulate application features in the script.
+- Do NOT inject code into the page via \`page.evaluate\`, \`page.addInitScript\`, or inline \`<script>\` / \`<style>\` tags. The recording infrastructure handles visual overlays \u2014 the script should not.
 - Always call \`await page.waitForLoadState('networkidle')\` after navigation
 
 ## Context
@@ -41906,6 +41908,12 @@ async function runScriptAndRecord(options) {
   try {
     const context2 = await createContext(browser, recording, outputDir);
     const page = await context2.newPage();
+    if (recording.showMouseClicks !== false) {
+      page.on("load", () => {
+        page.evaluate(buildMouseClickOverlayEvalScript()).catch(() => {
+        });
+      });
+    }
     await page.goto(baseUrl);
     await executeScript(script, page, baseUrl);
     const elapsed = (Date.now() - startTime) / 1e3;
@@ -41929,13 +41937,12 @@ async function createContext(browser, recording, outputDir) {
     viewport: recording.viewport,
     deviceScaleFactor: recording.deviceScaleFactor
   });
-  if (recording.showMouseClicks !== false) {
-    await context2.addInitScript(buildMouseClickOverlayScript());
-  }
   return context2;
 }
-function buildMouseClickOverlayScript() {
+function buildMouseClickOverlayEvalScript() {
   return `(() => {
+  if (document.querySelector('.gg-cursor')) return;
+
   const style = document.createElement('style');
   style.textContent = \`
     .gg-cursor {
@@ -41964,6 +41971,13 @@ function buildMouseClickOverlayScript() {
   cursor.className = 'gg-cursor';
   document.body.appendChild(cursor);
 
+  const observer = new MutationObserver(() => {
+    if (!document.body.contains(cursor)) {
+      document.body.appendChild(cursor);
+    }
+  });
+  observer.observe(document.body, { childList: true, subtree: false });
+
   document.addEventListener('mousemove', (e) => {
     cursor.style.left = e.clientX + 'px';
     cursor.style.top = e.clientY + 'px';