npm - @base44-preview/vite-plugin - Versions diffs - 0.2.22-pr.37.68542f2 → 0.2.22-pr.37.eb62313 - Mend

@base44-preview/vite-plugin 0.2.22-pr.37.68542f2 → 0.2.22-pr.37.eb62313

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.

Files changed (27) hide show

package/dist/injections/visual-edit-agent/capabilities/inline-editing/core.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"core.d.ts","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/capabilities/inline-editing/core.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,KAAK,iBAAiB,GAAG,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;AAQxD;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,GAAG,IAAI,CAE9E;~~AAWD~~;;;GAGG;AACH,wBAAgB,4BAA4B,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAYtE;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,~~CAwBjE~~;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,~~CAiBjE~~"}
1	+ {"version":3,"file":"core.d.ts","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/capabilities/inline-editing/core.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,KAAK,iBAAiB,GAAG,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;AAQxD;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,iBAAiB,GAAG,IAAI,GAAG,IAAI,CAE9E;AAkBD;;;GAGG;AACH,wBAAgB,4BAA4B,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAYtE;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,CA4BjE;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,CA0BjE"}

package/dist/injections/visual-edit-agent/capabilities/inline-editing/core.js CHANGED Viewed

@@ -11,6 +11,12 @@ let onTextInputChangeCallback = null;
 export function setInlineEditCallback(callback) {
     onTextInputChangeCallback = callback;
 }
+/**
+ * WeakMap to track AbortControllers for each element's input listener.
+ * Using WeakMap ensures no memory leaks — when an element is garbage collected,
+ * its entry is automatically removed.
+ */
+const listenerAbortControllers = new WeakMap();
 /**
  * Internal handler for the native input event
  */
@@ -46,8 +52,11 @@ export function enterInlineEditingMode(element) {
     element.dataset.originalCursor = element.style.cursor;
     // Enable contentEditable
     element.contentEditable = "true";
-    // Add input event listener
-    element.addEventListener("input", handleInputEvent);
+    // Create an AbortController to manage the input listener lifecycle
+    const abortController = new AbortController();
+    listenerAbortControllers.set(element, abortController);
+    // Add input event listener with AbortSignal for automatic cleanup
+    element.addEventListener("input", handleInputEvent, { signal: abortController.signal });
     // Set cursor to text
     element.style.cursor = "text";
     // Select all text
@@ -62,9 +71,17 @@ export function enterInlineEditingMode(element) {
  * Reverses everything done by enterInlineEditingMode
  */
 export function clearInlineEditingMode(element) {
+    // Abort the input event listener using the stored AbortController
+    const abortController = listenerAbortControllers.get(element);
+    if (abortController) {
+        abortController.abort();
+        listenerAbortControllers.delete(element);
+    }
+    // If element was removed from DOM before cleanup, skip DOM operations
+    if (!element.isConnected) {
+        return;
+    }
     removeFocusOutlineCSS();
-    // Remove input event listener
-    element.removeEventListener("input", handleInputEvent);
     // Disable contentEditable
     element.contentEditable = "false";
     // Remove stored original text content

package/dist/injections/visual-edit-agent/capabilities/inline-editing/core.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"core.js","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/capabilities/inline-editing/core.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAOpE;;;GAGG;AACH,IAAI,yBAAyB,GAA6B,IAAI,CAAC;AAE/D;;GAEG;AACH,MAAM,UAAU,qBAAqB,CAAC,QAAkC;IACtE,yBAAyB,GAAG,QAAQ,CAAC;AACvC,CAAC;AAED;;GAEG;AACH,SAAS,gBAAgB,CAAoB,CAAQ;IACnD,IAAI,yBAAyB,EAAE,CAAC;QAC9B,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,4BAA4B,CAAC,OAAgB;IAC3D,iCAAiC;IACjC,IAAI,CAAC,CAAC,OAAO,YAAY,WAAW,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,QAAQ,KAAK,MAAM,EAAE,CAAC;QAC7E,OAAO,KAAK,CAAC;IACf,CAAC;IAED,mCAAmC;IACnC,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,CAAC;QACpC,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,sBAAsB,CAAC,OAAoB;IACzD,uCAAuC;IACvC,qBAAqB,EAAE,CAAC;IAExB,uBAAuB;IACvB,OAAO,CAAC,OAAO,CAAC,mBAAmB,GAAG,OAAO,CAAC,WAAW,IAAI,EAAE,CAAC;IAChE,OAAO,CAAC,OAAO,CAAC,cAAc,GAAG,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC;IAEtD,yBAAyB;IACzB,OAAO,CAAC,eAAe,GAAG,MAAM,CAAC;IAEjC,~~2BAA2B~~;~~IAC3B~~,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC;~~IAEpD~~,qBAAqB;IACrB,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;IAE9B,kBAAkB;IAClB,UAAU,CAAC,OAAO,CAAC,CAAC;IAEpB,qBAAqB;IACrB,UAAU,CAAC,GAAG,EAAE;QACd,OAAO,CAAC,KAAK,EAAE,CAAC;IAClB,CAAC,EAAE,CAAC,CAAC,CAAC;AACR,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,sBAAsB,CAAC,OAAoB;IACzD,~~qBAAqB~~,EAAE,CAAC;~~IAExB~~,~~8BAA8B~~;~~IAC9B~~,OAAO,CAAC,~~mBAAmB~~,CAAC,OAAO,EAAE,~~gBAAgB~~,CAAC,CAAC;~~IAEvD~~,0BAA0B;IAC1B,OAAO,CAAC,eAAe,GAAG,OAAO,CAAC;IAElC,sCAAsC;IACtC,OAAO,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC;IAE3C,0BAA0B;IAC1B,IAAI,OAAO,CAAC,OAAO,CAAC,cAAc,KAAK,SAAS,EAAE,CAAC;QACjD,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC;QACtD,OAAO,OAAO,CAAC,OAAO,CAAC,cAAc,CAAC;IACxC,CAAC;AACH,CAAC"}
1	+ {"version":3,"file":"core.js","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/capabilities/inline-editing/core.ts"],"names":[],"mappings":"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"}

package/dist/injections/visual-edit-agent/handlers/click-handlers.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"click-handlers.d.ts","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/handlers/click-handlers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAS1D;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,MAAM,GAAG,IAAI,GAC9B,IAAI,~~CA4CN~~;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE,UAAU,GAAG,IAAI,CAoEzE"}
1	+ {"version":3,"file":"click-handlers.d.ts","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/handlers/click-handlers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAS1D;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,MAAM,GAAG,IAAI,GAC9B,IAAI,CA6CN;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE,UAAU,GAAG,IAAI,CAoEzE"}

package/dist/injections/visual-edit-agent/handlers/click-handlers.js CHANGED Viewed

@@ -15,12 +15,13 @@ export function handleElementSelection(state, element, visualSelectorId) {
     clearSelection(state);
     // Find all elements with the same ID
     const elements = findElementsById(visualSelectorId);
-    // Mark elements as selected
-    elements.forEach((el) => {
-        if (el instanceof HTMLElement) {
-            el.dataset.selected = "true";
-        }
-    });
+    if (state.isInlineEditExperimentEnabled) {
+        elements.forEach((el) => {
+            if (el instanceof HTMLElement) {
+                el.dataset.selected = "true";
+            }
+        });
+    }
     // Create selected overlays for all matching elements
     elements.forEach((el) => {
         const overlay = createOverlay(true);
@@ -55,7 +56,7 @@ export function handleElementClick(state, e) {
         return;
     const target = e.target;
     // Bail out early if clicking on a contentEditable element (allow normal editing)
-    if (target instanceof HTMLElement && target.contentEditable === "true") {
+    if (state.isInlineEditExperimentEnabled && target instanceof HTMLElement && target.contentEditable === "true") {
         return;
     }
     // If currently editing, clicking outside should exit editing mode

package/dist/injections/visual-edit-agent/handlers/click-handlers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"click-handlers.js","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/handlers/click-handlers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClF,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,4BAA4B,EAAE,MAAM,yCAAyC,CAAC;AACvF,OAAO,EAAE,4BAA4B,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAC;AACvG,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE9E;;GAEG;AACH,MAAM,UAAU,sBAAsB,CACpC,KAAiB,EACjB,OAAgB,EAChB,gBAA+B;IAE/B,IAAI,KAAK,CAAC,qBAAqB,EAAE,CAAC;QAChC,4BAA4B,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IACD,cAAc,CAAC,KAAK,CAAC,CAAC;IAEtB,qCAAqC;IACrC,MAAM,QAAQ,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IAEpD,~~4BAA4B~~;~~IAC5B~~,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;~~QACtB~~,IAAI,EAAE,YAAY,WAAW,EAAE,CAAC;~~YAC9B~~,EAAE,CAAC,OAAO,CAAC,QAAQ,GAAG,MAAM,CAAC;~~QAC~~/B,CAAC;~~IACH~~,CAAC,CAAC,CAAC;~~IAEH~~,qDAAqD;IACrD,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;QACtB,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;QACpC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACnC,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACrC,eAAe,CAAC,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,KAAK,CAAC,iBAAiB,GAAG,gBAAgB,CAAC;IAE3C,uBAAuB;IACvB,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAE1B,kDAAkD;IAClD,MAAM,WAAW,GAAG,OAAsB,CAAC;IAC3C,MAAM,WAAW,GAAG;QAClB,IAAI,EAAE,mBAAmB,CAAC,gBAAgB;QAC1C,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,OAAO,EAAE,iBAAiB,CAAC,OAAO,CAAC;QACnC,gBAAgB,EAAE,gBAAgB;QAClC,OAAO,EAAE,WAAW,CAAC,SAAS;QAC9B,kBAAkB,EAAE,WAAW,CAAC,OAAO,CAAC,cAAc;QACtD,gBAAgB,EAAE,WAAW,CAAC,OAAO,CAAC,cAAc,KAAK,MAAM;QAC/D,UAAU,EAAE,WAAW,CAAC,OAAO,CAAC,UAAU;QAC1C,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,QAAQ;QACtC,QAAQ,EAAE,kBAAkB,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;KAC9D,CAAC;IACF,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;AAC9C,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAAiB,EAAE,CAAa;IACjE,IAAI,CAAC,KAAK,CAAC,gBAAgB;QAAE,OAAO;IAEpC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAiB,CAAC;IAEnC,iFAAiF;IACjF,IAAI,MAAM,YAAY,WAAW,IAAI,MAAM,CAAC,eAAe,KAAK,MAAM,EAAE,CAAC;~~QACvE~~,OAAO;IACT,CAAC;IAED,kEAAkE;IAClE,IAAI,KAAK,CAAC,qBAAqB,EAAE,CAAC;QAChC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC,wBAAwB,EAAE,CAAC;QAC7B,4BAA4B,CAAC,KAAK,CAAC,CAAC;QACpC,OAAO;IACT,CAAC;IAED,yEAAyE;IACzE,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC,wBAAwB,EAAE,CAAC;QAE7B,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,mBAAmB,CAAC,eAAe,EAAE,EAAE,GAAG,CAAC,CAAC;QAC9E,OAAO;IACT,CAAC;IAED,wCAAwC;IACxC,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,MAAM,EAAE,CAAC;QAC5C,OAAO;IACT,CAAC;IAED,gEAAgE;IAChE,CAAC,CAAC,cAAc,EAAE,CAAC;IACnB,CAAC,CAAC,eAAe,EAAE,CAAC;IACpB,CAAC,CAAC,wBAAwB,EAAE,CAAC;IAE7B,gEAAgE;IAChE,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAC5B,mDAAmD,CACpD,CAAC;IACF,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO;IACT,CAAC;IAED,MAAM,WAAW,GAAG,OAAsB,CAAC;IAC3C,MAAM,gBAAgB,GACpB,WAAW,CAAC,OAAO,CAAC,cAAc;QAClC,WAAW,CAAC,OAAO,CAAC,gBAAgB,CAAC;IAEvC,oEAAoE;IACpE,MAAM,iBAAiB,GACrB,KAAK,CAAC,iBAAiB,KAAK,gBAAgB;QAC5C,WAAW,CAAC,OAAO,CAAC,QAAQ,KAAK,MAAM,CAAC;IAE1C,IAAI,iBAAiB,EAAE,CAAC;QACtB,oFAAoF;QACpF,oCAAoC;QACpC,IAAI,KAAK,CAAC,6BAA6B,IAAI,4BAA4B,CAAC,WAAW,CAAC,EAAE,CAAC;YACrF,4BAA4B,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;YACjD,OAAO;QACT,CAAC;IACH,CAAC;IAED,kCAAkC;IAClC,sBAAsB,CAAC,KAAK,EAAE,OAAO,EAAE,gBAAgB,IAAI,IAAI,CAAC,CAAC;AACnE,CAAC"}
1	+ {"version":3,"file":"click-handlers.js","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/handlers/click-handlers.ts"],"names":[],"mappings":"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"}

package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"inline-edit-handlers.d.ts","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/handlers/inline-edit-handlers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAW1D;;GAEG;AACH,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,GAAG,IAAI,CAmB1F;AAED;;GAEG;AACH,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CA+BpE;~~AA6DD~~;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAE/D"}
1	+ {"version":3,"file":"inline-edit-handlers.d.ts","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/handlers/inline-edit-handlers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAW1D;;GAEG;AACH,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,GAAG,IAAI,CAmB1F;AAED;;GAEG;AACH,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CA+BpE;AAkED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAE/D"}

package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.js CHANGED Viewed

@@ -75,6 +75,11 @@ function reportInlineEdit(state, element) {
 }
 /**
  * Debounced function to send inline edit messages
+ *
+ * Intentionally overwrites the previous timeout on each keystroke — this is the
+ * correct debounce behavior. We only send ONE message 500ms after the user stops
+ * typing, containing the final text. Intermediate keystrokes are not sent to avoid
+ * flooding the parent with dozens of messages per second.
  */
 function debouncedSendInlineEditMessage(state, element) {
     // Clear any existing timeout

package/dist/injections/visual-edit-agent/handlers/inline-edit-handlers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"inline-edit-handlers.js","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/handlers/inline-edit-handlers.ts"],"names":[],"mappings":"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~~;;GAEG~~;AACH,SAAS,8BAA8B,CAAC,KAAiB,EAAE,OAAoB;IAC7E,6BAA6B;IAC7B,IAAI,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC/B,YAAY,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC;IAC3C,CAAC;IAED,kBAAkB;IAClB,KAAK,CAAC,oBAAoB,GAAG,UAAU,CAAC,GAAG,EAAE;QAC3C,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IACnC,CAAC,EAAE,uBAAuB,CAAC,CAAC;AAC9B,CAAC;AAED;;GAEG;AACH,SAAS,6BAA6B,CAAC,KAAiB;IACtD,OAAO,CAAC,OAAoB,EAAE,EAAE;QAC9B,0BAA0B,CAAC,KAAK,CAAC,CAAC;QAClC,8BAA8B,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IACjD,CAAC,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,uBAAuB,CAAC,KAAiB;IACvD,qBAAqB,CAAC,6BAA6B,CAAC,KAAK,CAAC,CAAC,CAAC;AAC9D,CAAC"}
1	+ {"version":3,"file":"inline-edit-handlers.js","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/handlers/inline-edit-handlers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EACL,sBAAsB,EACtB,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE9E;;GAEG;AACH,MAAM,UAAU,4BAA4B,CAAC,KAAiB,EAAE,OAAoB;IAClF,KAAK,CAAC,qBAAqB,GAAG,OAAO,CAAC;IAEtC,+BAA+B;IAC/B,KAAK,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QACzC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,+DAA+D;IAC/D,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAEhC,gBAAgB;IAChB,MAAM,CAAC,MAAM,CAAC,WAAW,CACvB;QACE,IAAI,EAAE,mBAAmB,CAAC,uBAAuB;QACjD,gBAAgB,EAAE,KAAK,CAAC,iBAAiB;KAC1C,EACD,GAAG,CACJ,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,4BAA4B,CAAC,KAAiB;IAC5D,IAAI,CAAC,KAAK,CAAC,qBAAqB;QAAE,OAAO;IAEzC,gFAAgF;IAChF,IAAI,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC/B,YAAY,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC;QACzC,KAAK,CAAC,oBAAoB,GAAG,IAAI,CAAC;IACpC,CAAC;IAED,MAAM,OAAO,GAAG,KAAK,CAAC,qBAAqB,CAAC;IAE5C,+DAA+D;IAC/D,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAEhC,sBAAsB;IACtB,KAAK,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QACzC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;IAC7B,CAAC,CAAC,CAAC;IAEH,0BAA0B,CAAC,KAAK,CAAC,CAAC;IAElC,mCAAmC;IACnC,MAAM,CAAC,MAAM,CAAC,WAAW,CACvB;QACE,IAAI,EAAE,mBAAmB,CAAC,qBAAqB;QAC/C,gBAAgB,EAAE,KAAK,CAAC,iBAAiB;KAC1C,EACD,GAAG,CACJ,CAAC;IAEF,KAAK,CAAC,qBAAqB,GAAG,IAAI,CAAC;AACrC,CAAC;AAED;;GAEG;AACH,SAAS,gBAAgB,CAAC,KAAiB,EAAE,OAAoB;IAC/D,MAAM,eAAe,GAAG,OAAO,CAAC,OAAO,CAAC,mBAAmB,CAAC;IAC5D,MAAM,UAAU,GAAG,OAAO,CAAC,WAAW,CAAC;IAEvC,MAAM,WAAW,GAAG;QAClB,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,OAAO,EAAE,iBAAiB,CAAC,OAAO,CAAC;QACnC,gBAAgB,EAAE,KAAK,CAAC,iBAAiB;QACzC,OAAO,EAAE,UAAU;QACnB,kBAAkB,EAAE,OAAO,CAAC,OAAO,CAAC,cAAc;QAClD,gBAAgB,EAAE,OAAO,CAAC,OAAO,CAAC,cAAc,KAAK,MAAM;QAC3D,UAAU,EAAE,OAAO,CAAC,OAAO,CAAC,UAAU;QACtC,QAAQ,EAAE,OAAO,CAAC,OAAO,CAAC,QAAQ;QAClC,QAAQ,EAAE,kBAAkB,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;KAC9D,CAAC;IAEF,2BAA2B;IAC3B,MAAM,CAAC,MAAM,CAAC,WAAW,CACvB;QACE,IAAI,EAAE,mBAAmB,CAAC,WAAW;QACrC,WAAW;QACX,eAAe;QACf,UAAU;KACX,EACD,GAAG,CACJ,CAAC;IAEF,gCAAgC;IAChC,OAAO,CAAC,OAAO,CAAC,mBAAmB,GAAG,UAAU,IAAI,EAAE,CAAC;AACzD,CAAC;AAED;;;;;;;GAOG;AACH,SAAS,8BAA8B,CAAC,KAAiB,EAAE,OAAoB;IAC7E,6BAA6B;IAC7B,IAAI,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC/B,YAAY,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC;IAC3C,CAAC;IAED,kBAAkB;IAClB,KAAK,CAAC,oBAAoB,GAAG,UAAU,CAAC,GAAG,EAAE;QAC3C,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IACnC,CAAC,EAAE,uBAAuB,CAAC,CAAC;AAC9B,CAAC;AAED;;GAEG;AACH,SAAS,6BAA6B,CAAC,KAAiB;IACtD,OAAO,CAAC,OAAoB,EAAE,EAAE;QAC9B,0BAA0B,CAAC,KAAK,CAAC,CAAC;QAClC,8BAA8B,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IACjD,CAAC,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,uBAAuB,CAAC,KAAiB;IACvD,qBAAqB,CAAC,6BAA6B,CAAC,KAAK,CAAC,CAAC,CAAC;AAC9D,CAAC"}

package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"toggle-inline-edit-mode.d.ts","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,YAAY,CAAC;~~AAM9D~~;;GAEG;AACH,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,2BAA2B,GACnC,IAAI,~~CAqCN~~"}
1	+ {"version":3,"file":"toggle-inline-edit-mode.d.ts","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,YAAY,CAAC;AAO9D;;GAEG;AACH,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,2BAA2B,GACnC,IAAI,CAuDN"}

package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.js CHANGED Viewed

@@ -1,20 +1,16 @@
 import { findElementsById } from "../../../utils.js";
 import { shouldEnterInlineEditingMode } from "../../capabilities/inline-editing/index.js";
-import { handleElementSelection } from "../click-handlers.js";
 import { handleEnterInlineEditingMode, handleClearInlineEditingMode } from "../inline-edit-handlers.js";
+import { clearSelection } from "../../ui/overlay.js";
+import { createOverlay, positionOverlay } from "../../ui/overlay.js";
 /**
  * Handle toggle-inline-edit-mode message (parent-initiated)
  */
 export function handleToggleInlineEditMode(state, message) {
-    // Check if inline edit experiment is enabled
     if (!state.isInlineEditExperimentEnabled) {
-        console.log('[VisualEditAgent] toggle-inline-edit-mode ignored - experiment flag not enabled');
         return;
     }
-    console.log('[VisualEditAgent] Processing toggle-inline-edit-mode message');
-    // Parent-initiated inline editing mode toggle
     if (!message.data || !message.data.dataSourceLocation) {
-        console.warn('[VisualEditAgent] Invalid toggle-inline-edit-mode message - missing dataSourceLocation');
         return;
     }
     const elements = findElementsById(message.data.dataSourceLocation);
@@ -27,7 +23,27 @@ export function handleToggleInlineEditMode(state, message) {
         if (shouldEnterInlineEditingMode(element)) {
             // Select the element first if not already selected
             if (state.selectedElementId !== message.data.dataSourceLocation) {
-                handleElementSelection(state, element, message.data.dataSourceLocation);
+                // Clear any existing selection
+                if (state.currentEditingElement) {
+                    handleClearInlineEditingMode(state);
+                }
+                clearSelection(state);
+                // Find all elements with the same ID
+                const elements = findElementsById(message.data.dataSourceLocation);
+                // Mark elements as selected
+                elements.forEach((el) => {
+                    if (el instanceof HTMLElement) {
+                        el.dataset.selected = "true";
+                    }
+                });
+                // Create selected overlays for all matching elements
+                elements.forEach((el) => {
+                    const overlay = createOverlay(true);
+                    document.body.appendChild(overlay);
+                    state.selectedOverlays.push(overlay);
+                    positionOverlay(overlay, el, true, state.isVisualEditMode);
+                });
+                state.selectedElementId = message.data.dataSourceLocation;
             }
             handleEnterInlineEditingMode(state, element);
         }

package/dist/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"toggle-inline-edit-mode.js","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,4BAA4B,EAAE,MAAM,4CAA4C,CAAC;AAC1F,OAAO,EAAE,~~sBAAsB~~,EAAE,MAAM,~~sBAAsB~~,CAAC;~~AAC9D~~,OAAO,EAAE,~~4BAA4B~~,EAAE,~~4BAA4B~~,EAAE,MAAM,~~4BAA4B~~,CAAC;~~AAExG~~;;GAEG;AACH,MAAM,UAAU,0BAA0B,CACxC,KAAiB,EACjB,OAAoC;IAEpC,~~6CAA6C;IAC7C,~~IAAI,CAAC,KAAK,CAAC,6BAA6B,EAAE,CAAC;QACzC,OAAO~~,CAAC,GAAG,CAAC,iFAAiF,CAAC,CAAC~~;~~QAC/F,OAAO;~~IACT,CAAC;IAED,~~OAAO,CAAC,GAAG,CAAC,8DAA8D,CAAC,CAAC;IAE5E,8CAA8C;IAC9C,~~IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACtD,OAAO~~,CAAC,IAAI,CAAC,wFAAwF,CAAC,CAAC~~;~~QACvG,OAAO;~~IACT,CAAC;IAED,MAAM,QAAQ,GAAG,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACnE,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,WAAW,CAAC,EAAE,CAAC;QACnE,OAAO;IACT,CAAC;IAED,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE5B,IAAI,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACnC,6DAA6D;QAC7D,IAAI,4BAA4B,CAAC,OAAO,CAAC,EAAE,CAAC;YAC1C,mDAAmD;YACnD,IAAI,KAAK,CAAC,iBAAiB,KAAK,OAAO,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBAChE,~~sBAAsB~~,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,~~kBAAkB~~,CAAC,CAAC;~~YAC1E~~,CAAC;YACD,4BAA4B,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC;SAAM,CAAC;QACN,yBAAyB;QACzB,IAAI,KAAK,CAAC,qBAAqB,KAAK,OAAO,EAAE,CAAC;YAC5C,4BAA4B,CAAC,KAAK,CAAC,CAAC;QACtC,CAAC;IACH,CAAC;AACH,CAAC"}
1	+ {"version":3,"file":"toggle-inline-edit-mode.js","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,4BAA4B,EAAE,MAAM,4CAA4C,CAAC;AAC1F,OAAO,EAAE,4BAA4B,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AACxG,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAErE;;GAEG;AACH,MAAM,UAAU,0BAA0B,CACxC,KAAiB,EACjB,OAAoC;IAEpC,IAAI,CAAC,KAAK,CAAC,6BAA6B,EAAE,CAAC;QACzC,OAAO;IACT,CAAC;IAED,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACtD,OAAO;IACT,CAAC;IAED,MAAM,QAAQ,GAAG,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACnE,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,WAAW,CAAC,EAAE,CAAC;QACnE,OAAO;IACT,CAAC;IAED,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE5B,IAAI,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACnC,6DAA6D;QAC7D,IAAI,4BAA4B,CAAC,OAAO,CAAC,EAAE,CAAC;YAC1C,mDAAmD;YACnD,IAAI,KAAK,CAAC,iBAAiB,KAAK,OAAO,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBAChE,+BAA+B;gBAC/B,IAAI,KAAK,CAAC,qBAAqB,EAAE,CAAC;oBAChC,4BAA4B,CAAC,KAAK,CAAC,CAAC;gBACtC,CAAC;gBACD,cAAc,CAAC,KAAK,CAAC,CAAC;gBAEtB,qCAAqC;gBACrC,MAAM,QAAQ,GAAG,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;gBAEnE,4BAA4B;gBAC5B,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;oBACtB,IAAI,EAAE,YAAY,WAAW,EAAE,CAAC;wBAC9B,EAAE,CAAC,OAAO,CAAC,QAAQ,GAAG,MAAM,CAAC;oBAC/B,CAAC;gBACH,CAAC,CAAC,CAAC;gBAEH,qDAAqD;gBACrD,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;oBACtB,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;oBACpC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;oBACnC,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;oBACrC,eAAe,CAAC,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;gBAC7D,CAAC,CAAC,CAAC;gBAEH,KAAK,CAAC,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC;YAC5D,CAAC;YACD,4BAA4B,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC;SAAM,CAAC;QACN,yBAAyB;QACzB,IAAI,KAAK,CAAC,qBAAqB,KAAK,OAAO,EAAE,CAAC;YAC5C,4BAA4B,CAAC,KAAK,CAAC,CAAC;QACtC,CAAC;IACH,CAAC;AACH,CAAC"}

package/dist/injections/visual-edit-agent/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/injections/visual-edit-agent/index.ts"],"names":[],"mappings":"~~AAkGA~~;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,IAAI,~~CAkB3C~~"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/injections/visual-edit-agent/index.ts"],"names":[],"mappings":"AAuFA;;GAEG;AACH,wBAAgB,oBAAoB,IAAI,IAAI,CAiB3C"}

package/dist/injections/visual-edit-agent/index.js CHANGED Viewed

@@ -28,8 +28,8 @@ function createLayoutObserver(onLayoutChange) {
         const el = node;
         if (el.dataset?.visualSelectorId)
             return true;
-        for (let i = 0; i < el.children.length; i++) {
-            if (hasVisualId(el.children[i]))
+        for (const child of Array.from(el.children)) {
+            if (hasVisualId(child))
                 return true;
         }
         return false;
@@ -46,6 +46,8 @@ function createLayoutObserver(onLayoutChange) {
             return isLayoutChange && hasVisualId(mutation.target);
         });
         if (needsUpdate) {
+            // Coalesce rapid mutations into a single reposition per paint frame,
+            // avoiding stacked timers during CSS transitions
             rafHandle = requestAnimationFrame(() => {
                 rafHandle = null;
                 onLayoutChange();
@@ -53,18 +55,6 @@ function createLayoutObserver(onLayoutChange) {
         }
     });
 }
-/**
- * Setup keyboard event protection
- */
-function setupKeyboardProtection() {
-    document.addEventListener("keydown", (e) => {
-        if (e.target instanceof HTMLElement && e.target.contentEditable === "true") {
-            // Don't report keyboard events during inline editing
-            return;
-        }
-        // Forward other keyboard events to parent if needed
-    }, true);
-}
 /**
  * Setup event listeners
  */
@@ -90,7 +80,6 @@ export function setupVisualEditAgent() {
     const state = createAgentState();
     initializeElementIds();
     setupInlineEditCallback(state);
-    setupKeyboardProtection();
     setupEventListeners(state);
     // Create and start mutation observer
     const mutationObserver = createLayoutObserver(() => handleResize(state));

package/dist/injections/visual-edit-agent/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/injections/visual-edit-agent/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC3F,OAAO,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAEnE;;GAEG;AACH,SAAS,oBAAoB;IAC3B,MAAM,sBAAsB,GAAG,QAAQ,CAAC,gBAAgB,CACtD,kDAAkD,CACnD,CAAC;IACF,sBAAsB,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QAC3C,MAAM,MAAM,GAAG,EAAiB,CAAC;QACjC,MAAM,EAAE,GAAG,aAAa,MAAM,CAAC,OAAO,CAAC,QAAQ,IAAI,MAAM,CAAC,OAAO,CAAC,UAAU,IAAI,KAAK,EAAE,CAAC;QACxF,MAAM,CAAC,OAAO,CAAC,gBAAgB,GAAG,EAAE,CAAC;IACvC,CAAC,CAAC,CAAC;AACL,CAAC;AAED;;;;GAIG;AACH,SAAS,oBAAoB,CAAC,cAA0B;IACtD,IAAI,SAAS,GAAkB,IAAI,CAAC;IAEpC,MAAM,WAAW,GAAG,CAAC,IAAU,EAAW,EAAE;QAC1C,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY;YAAE,OAAO,KAAK,CAAC;QACtD,MAAM,EAAE,GAAG,IAAmB,CAAC;QAC/B,IAAI,EAAE,CAAC,OAAO,EAAE,gBAAgB;YAAE,OAAO,IAAI,CAAC;QAC9C,KAAK,IAAI,~~CAAC~~,~~GAAG,~~CAAC,~~EAAE~~,CAAC,~~GAAG,~~EAAE,CAAC,QAAQ,CAAC,~~MAAM,~~EAAE,CAAC~~,EAAE,EAAE,CAAC~~;YAC5C,IAAI,WAAW,CAAC,~~EAAE~~,CAAC~~,QAAQ,CAAC,CAAC,CAAE,CAAC~~;gBAAE,OAAO,IAAI,CAAC;~~QAChD~~,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,IAAI,gBAAgB,CAAC,CAAC,SAAS,EAAE,EAAE;QACxC,IAAI,SAAS,KAAK,IAAI;YAAE,OAAO;QAE/B,MAAM,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;YAC9C,MAAM,cAAc,GAClB,QAAQ,CAAC,IAAI,KAAK,YAAY;gBAC9B,CAAC,QAAQ,CAAC,aAAa,KAAK,OAAO;oBACjC,QAAQ,CAAC,aAAa,KAAK,OAAO;oBAClC,QAAQ,CAAC,aAAa,KAAK,OAAO;oBAClC,QAAQ,CAAC,aAAa,KAAK,QAAQ,CAAC,CAAC;YAEzC,OAAO,cAAc,IAAI,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;QAEH,IAAI,WAAW,EAAE,CAAC;YAChB,SAAS,GAAG,qBAAqB,CAAC,GAAG,EAAE;gBACrC,SAAS,GAAG,IAAI,CAAC;gBACjB,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AAED;;GAEG;AACH,SAAS,uBAAuB;IAC9B,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAgB,EAAE,EAAE;QACxD,IAAI,CAAC,CAAC,MAAM,YAAY,WAAW,IAAI,CAAC,CAAC,MAAM,CAAC,eAAe,KAAK,MAAM,EAAE,CAAC;YAC3E,qDAAqD;YACrD,OAAO;QACT,CAAC;QACD,oDAAoD;IACtD,CAAC,EAAE,IAAI,CAAC,CAAC;AACX,CAAC;AAED;;GAEG;AACH,SAAS,mBAAmB,CAAC,KAA0C;IACrE,mBAAmB;IACnB,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;IAEnE,kBAAkB;IAClB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;IACnE,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;IAErE,kBAAkB;IAClB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IAC7D,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IAE7D,iBAAiB;IACjB,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;IAE9E,iBAAiB;IACjB,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;IACzE,QAAQ,CAAC,gBAAgB,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;AACrE,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,oBAAoB;IAClC,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;IACjC,oBAAoB,EAAE,CAAC;IACvB,uBAAuB,CAAC,KAAK,CAAC,CAAC;IAC/B,~~uBAAuB,EAAE,CAAC;IAC1B,~~mBAAmB,CAAC,KAAK,CAAC,CAAC;IAE3B,qCAAqC;IACrC,MAAM,gBAAgB,GAAG,oBAAoB,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IACzE,gBAAgB,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE;QACtC,UAAU,EAAE,IAAI;QAChB,SAAS,EAAE,IAAI;QACf,OAAO,EAAE,IAAI;QACb,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC;KACvD,CAAC,CAAC;IAEH,+BAA+B;IAC/B,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,mBAAmB,CAAC,uBAAuB,EAAE,EAAE,GAAG,CAAC,CAAC;AACxF,CAAC"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/injections/visual-edit-agent/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC3F,OAAO,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAEnE;;GAEG;AACH,SAAS,oBAAoB;IAC3B,MAAM,sBAAsB,GAAG,QAAQ,CAAC,gBAAgB,CACtD,kDAAkD,CACnD,CAAC;IACF,sBAAsB,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;QAC3C,MAAM,MAAM,GAAG,EAAiB,CAAC;QACjC,MAAM,EAAE,GAAG,aAAa,MAAM,CAAC,OAAO,CAAC,QAAQ,IAAI,MAAM,CAAC,OAAO,CAAC,UAAU,IAAI,KAAK,EAAE,CAAC;QACxF,MAAM,CAAC,OAAO,CAAC,gBAAgB,GAAG,EAAE,CAAC;IACvC,CAAC,CAAC,CAAC;AACL,CAAC;AAED;;;;GAIG;AACH,SAAS,oBAAoB,CAAC,cAA0B;IACtD,IAAI,SAAS,GAAkB,IAAI,CAAC;IAEpC,MAAM,WAAW,GAAG,CAAC,IAAU,EAAW,EAAE;QAC1C,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY;YAAE,OAAO,KAAK,CAAC;QACtD,MAAM,EAAE,GAAG,IAAmB,CAAC;QAC/B,IAAI,EAAE,CAAC,OAAO,EAAE,gBAAgB;YAAE,OAAO,IAAI,CAAC;QAC9C,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC5C,IAAI,WAAW,CAAC,KAAK,CAAC;gBAAE,OAAO,IAAI,CAAC;QACtC,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,IAAI,gBAAgB,CAAC,CAAC,SAAS,EAAE,EAAE;QACxC,IAAI,SAAS,KAAK,IAAI;YAAE,OAAO;QAE/B,MAAM,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;YAC9C,MAAM,cAAc,GAClB,QAAQ,CAAC,IAAI,KAAK,YAAY;gBAC9B,CAAC,QAAQ,CAAC,aAAa,KAAK,OAAO;oBACjC,QAAQ,CAAC,aAAa,KAAK,OAAO;oBAClC,QAAQ,CAAC,aAAa,KAAK,OAAO;oBAClC,QAAQ,CAAC,aAAa,KAAK,QAAQ,CAAC,CAAC;YAEzC,OAAO,cAAc,IAAI,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;QAEH,IAAI,WAAW,EAAE,CAAC;YAChB,qEAAqE;YACrE,iDAAiD;YACjD,SAAS,GAAG,qBAAqB,CAAC,GAAG,EAAE;gBACrC,SAAS,GAAG,IAAI,CAAC;gBACjB,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AAED;;GAEG;AACH,SAAS,mBAAmB,CAAC,KAA0C;IACrE,mBAAmB;IACnB,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;IAEnE,kBAAkB;IAClB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;IACnE,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;IAErE,kBAAkB;IAClB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IAC7D,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IAE7D,iBAAiB;IACjB,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;IAE9E,iBAAiB;IACjB,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;IACzE,QAAQ,CAAC,gBAAgB,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;AACrE,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,oBAAoB;IAClC,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;IACjC,oBAAoB,EAAE,CAAC;IACvB,uBAAuB,CAAC,KAAK,CAAC,CAAC;IAC/B,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAE3B,qCAAqC;IACrC,MAAM,gBAAgB,GAAG,oBAAoB,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IACzE,gBAAgB,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE;QACtC,UAAU,EAAE,IAAI;QAChB,SAAS,EAAE,IAAI;QACf,OAAO,EAAE,IAAI;QACb,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC;KACvD,CAAC,CAAC;IAEH,+BAA+B;IAC/B,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,mBAAmB,CAAC,uBAAuB,EAAE,EAAE,GAAG,CAAC,CAAC;AACxF,CAAC"}

package/dist/injections/visual-edit-agent/ui/overlay.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/ui/overlay.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAG1D;;GAEG;AACH,wBAAgB,aAAa,CAAC,UAAU,UAAQ,GAAG,cAAc,CAehE;AAED;;GAEG;AACH,wBAAgB,eAAe,CAC7B,OAAO,EAAE,cAAc,EACvB,OAAO,EAAE,OAAO,EAChB,UAAU,UAAQ,EAClB,gBAAgB,UAAO,GACtB,IAAI,~~CA4BN~~;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,QAAQ,EAAE,cAAc,EAAE,GAAG,IAAI,CAM9D;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAYtD;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,~~CAQlE~~;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,~~CAM~~/D"}
1	+ {"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/ui/overlay.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAG1D;;GAEG;AACH,wBAAgB,aAAa,CAAC,UAAU,UAAQ,GAAG,cAAc,CAehE;AAED;;GAEG;AACH,wBAAgB,eAAe,CAC7B,OAAO,EAAE,cAAc,EACvB,OAAO,EAAE,OAAO,EAChB,UAAU,UAAQ,EAClB,gBAAgB,UAAO,GACtB,IAAI,CA+BN;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,QAAQ,EAAE,cAAc,EAAE,GAAG,IAAI,CAM9D;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAYtD;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CASlE;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAO/D"}

package/dist/injections/visual-edit-agent/ui/overlay.js CHANGED Viewed

@@ -24,6 +24,8 @@ export function createOverlay(isSelected = false) {
 export function positionOverlay(overlay, element, isSelected = false, isVisualEditMode = true) {
     if (!element || !isVisualEditMode)
         return;
+    // Force layout recalculation before reading bounding rect
+    void element.offsetWidth;
     const rect = element.getBoundingClientRect();
     overlay.style.top = `${rect.top + window.scrollY}px`;
     overlay.style.left = `${rect.left + window.scrollX}px`;
@@ -62,7 +64,7 @@ export function clearOverlays(overlays) {
  * Remove data-selected attribute, clear selected overlays, and reset selection state
  */
 export function clearSelection(state) {
-    if (state.selectedElementId) {
+    if (state.isInlineEditExperimentEnabled && state.selectedElementId) {
         const elements = findElementsById(state.selectedElementId);
         elements.forEach((el) => {
             if (el instanceof HTMLElement) {
@@ -82,8 +84,9 @@ export function repositionSelectedOverlays(state) {
         return;
     const elements = findElementsById(state.selectedElementId);
     state.selectedOverlays.forEach((overlay, index) => {
-        if (index < elements.length) {
-            positionOverlay(overlay, elements[index], true, state.isVisualEditMode);
+        const element = elements[index];
+        if (element) {
+            positionOverlay(overlay, element, true, state.isVisualEditMode);
         }
     });
 }
@@ -92,8 +95,9 @@ export function repositionSelectedOverlays(state) {
  */
 export function repositionHoverOverlays(state) {
     state.hoverOverlays.forEach((overlay, index) => {
-        if (index < state.currentHighlightedElements.length) {
-            positionOverlay(overlay, state.currentHighlightedElements[index], false, state.isVisualEditMode);
+        const element = state.currentHighlightedElements[index];
+        if (element) {
+            positionOverlay(overlay, element, false, state.isVisualEditMode);
         }
     });
 }

package/dist/injections/visual-edit-agent/ui/overlay.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"overlay.js","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/ui/overlay.ts"],"names":[],"mappings":"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~~QAC5B~~,MAAM,QAAQ,GAAG,gBAAgB,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;QAC3D,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;YACtB,IAAI,EAAE,YAAY,WAAW,EAAE,CAAC;gBAC9B,OAAO,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC;YAC7B,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IACD,aAAa,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;IACtC,KAAK,CAAC,gBAAgB,GAAG,EAAE,CAAC;IAC5B,KAAK,CAAC,iBAAiB,GAAG,IAAI,CAAC;AACjC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,0BAA0B,CAAC,KAAiB;IAC1D,IAAI,CAAC,KAAK,CAAC,iBAAiB;QAAE,OAAO;IACrC,MAAM,QAAQ,GAAG,gBAAgB,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC3D,KAAK,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;QAChD,~~IAAI~~,~~KAAK~~,GAAG,QAAQ,CAAC,~~MAAM~~,EAAE,CAAC;~~YAC5B~~,eAAe,CAAC,OAAO,EAAE,~~QAAQ~~,~~CAAC,KAAK,CAAE,~~EAAE,IAAI,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;~~QAC3E~~,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,uBAAuB,CAAC,KAAiB;IACvD,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;QAC7C,~~IAAI~~,~~KAAK~~,GAAG,KAAK,CAAC,0BAA0B,CAAC,~~MAAM~~,~~EAAE~~,CAAC;~~YACpD~~,~~eAAe~~,~~CAAC,~~OAAO,EAAE,~~KAAK,~~CAAC,~~0BAA0B~~,CAAC,~~KAAK~~,~~CAAE~~,EAAE,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;~~QACpG~~,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC"}
1	+ {"version":3,"file":"overlay.js","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/ui/overlay.ts"],"names":[],"mappings":"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"}

package/dist/statics/index.mjs CHANGED Viewed

@@ -1,6 +1,6 @@
-function R(){return{isVisualEditMode:!1,isPopoverDragging:!1,isDropdownOpen:!1,hoverOverlays:[],selectedOverlays:[],currentHighlightedElements:[],selectedElementId:null,currentEditingElement:null,debouncedSendTimeout:null,isInlineEditExperimentEnabled:!1}}function l(e){if(!e)return[];let t=Array.from(document.querySelectorAll(`[data-source-location="${e}"]`));return t.length>0?t:Array.from(document.querySelectorAll(`[data-visual-selector-id="${e}"]`))}function P(e,t){e.forEach(n=>{n.setAttribute("class",t)})}var H="all 0.1s ease-in-out",V="9999",U="#2563EB",G="#95a5fc",B="rgba(99, 102, 241, 0.05)",k="-27px",F="-2px";function f(e=!1){let t=document.createElement("div");return t.style.position="absolute",t.style.pointerEvents="none",t.style.transition=H,t.style.zIndex=V,e?t.style.border=`2px solid ${U}`:(t.style.border=`2px solid ${G}`,t.style.backgroundColor=B),t}function c(e,t,n=!1,o=!0){if(!t||!o)return;let r=t.getBoundingClientRect();e.style.top=`${r.top+window.scrollY}px`,e.style.left=`${r.left+window.scrollX}px`,e.style.width=`${r.width}px`,e.style.height=`${r.height}px`;let i=e.querySelector("div");i||(i=document.createElement("div"),i.textContent=t.tagName.toLowerCase(),i.style.position="absolute",i.style.top=k,i.style.left=F,i.style.padding="2px 8px",i.style.fontSize="11px",i.style.fontWeight=n?"500":"400",i.style.color=n?"#ffffff":"#526cff",i.style.backgroundColor=n?"#526cff":"#DBEAFE",i.style.borderRadius="3px",i.style.minWidth="24px",i.style.textAlign="center",e.appendChild(i))}function h(e){e.forEach(t=>{t&&t.parentNode&&t.remove()})}function u(e){e.selectedElementId&&l(e.selectedElementId).forEach(n=>{n instanceof HTMLElement&&delete n.dataset.selected}),h(e.selectedOverlays),e.selectedOverlays=[],e.selectedElementId=null}function E(e){if(!e.selectedElementId)return;let t=l(e.selectedElementId);e.selectedOverlays.forEach((n,o)=>{o<t.length&&c(n,t[o],!0,e.isVisualEditMode)})}function O(e){e.hoverOverlays.forEach((t,n)=>{n<e.currentHighlightedElements.length&&c(t,e.currentHighlightedElements[n],!1,e.isVisualEditMode)})}function a(e){h(e.hoverOverlays),e.hoverOverlays=[],e.currentHighlightedElements=[]}function j(e,t){if(!e.isVisualEditMode||e.isPopoverDragging||e.currentEditingElement)return;let n=t.target;if(e.isDropdownOpen){a(e);return}if(n.tagName.toLowerCase()==="path"){a(e);return}let o=n.closest("[data-source-location], [data-visual-selector-id]");if(!o){a(e);return}let r=o,i=r.dataset.sourceLocation||r.dataset.visualSelectorId;if(e.selectedElementId===i){a(e);return}let s=l(i||null);a(e),s.forEach(g=>{let S=f(!1);document.body.appendChild(S),e.hoverOverlays.push(S),c(S,g,!1,e.isVisualEditMode)}),e.currentHighlightedElements=s}function Y(e){e.isPopoverDragging||e.currentEditingElement||a(e)}function y(){if(document.getElementById("visual-edit-focus-styles"))return;let t=document.createElement("style");t.id="visual-edit-focus-styles",t.textContent=`
+function R(){return{isVisualEditMode:!1,isPopoverDragging:!1,isDropdownOpen:!1,hoverOverlays:[],selectedOverlays:[],currentHighlightedElements:[],selectedElementId:null,currentEditingElement:null,debouncedSendTimeout:null,isInlineEditExperimentEnabled:!1}}function l(e){if(!e)return[];let t=Array.from(document.querySelectorAll(`[data-source-location="${e}"]`));return t.length>0?t:Array.from(document.querySelectorAll(`[data-visual-selector-id="${e}"]`))}function P(e,t){e.forEach(n=>{n.setAttribute("class",t)})}var H="all 0.1s ease-in-out",V="9999",U="#2563EB",G="#95a5fc",B="rgba(99, 102, 241, 0.05)",k="-27px",F="-2px";function m(e=!1){let t=document.createElement("div");return t.style.position="absolute",t.style.pointerEvents="none",t.style.transition=H,t.style.zIndex=V,e?t.style.border=`2px solid ${U}`:(t.style.border=`2px solid ${G}`,t.style.backgroundColor=B),t}function E(e,t,n=!1,o=!0){if(!t||!o)return;t.offsetWidth;let r=t.getBoundingClientRect();e.style.top=`${r.top+window.scrollY}px`,e.style.left=`${r.left+window.scrollX}px`,e.style.width=`${r.width}px`,e.style.height=`${r.height}px`;let i=e.querySelector("div");i||(i=document.createElement("div"),i.textContent=t.tagName.toLowerCase(),i.style.position="absolute",i.style.top=k,i.style.left=F,i.style.padding="2px 8px",i.style.fontSize="11px",i.style.fontWeight=n?"500":"400",i.style.color=n?"#ffffff":"#526cff",i.style.backgroundColor=n?"#526cff":"#DBEAFE",i.style.borderRadius="3px",i.style.minWidth="24px",i.style.textAlign="center",e.appendChild(i))}function h(e){e.forEach(t=>{t&&t.parentNode&&t.remove()})}function c(e){e.isInlineEditExperimentEnabled&&e.selectedElementId&&l(e.selectedElementId).forEach(n=>{n instanceof HTMLElement&&delete n.dataset.selected}),h(e.selectedOverlays),e.selectedOverlays=[],e.selectedElementId=null}function u(e){if(!e.selectedElementId)return;let t=l(e.selectedElementId);e.selectedOverlays.forEach((n,o)=>{let r=t[o];r&&E(n,r,!0,e.isVisualEditMode)})}function O(e){e.hoverOverlays.forEach((t,n)=>{let o=e.currentHighlightedElements[n];o&&E(t,o,!1,e.isVisualEditMode)})}function s(e){h(e.hoverOverlays),e.hoverOverlays=[],e.currentHighlightedElements=[]}function j(e,t){if(!e.isVisualEditMode||e.isPopoverDragging||e.currentEditingElement)return;let n=t.target;if(e.isDropdownOpen){s(e);return}if(n.tagName.toLowerCase()==="path"){s(e);return}let o=n.closest("[data-source-location], [data-visual-selector-id]");if(!o){s(e);return}let r=o,i=r.dataset.sourceLocation||r.dataset.visualSelectorId;if(e.selectedElementId===i){s(e);return}let a=l(i||null);s(e),a.forEach(g=>{let S=m(!1);document.body.appendChild(S),e.hoverOverlays.push(S),E(S,g,!1,e.isVisualEditMode)}),e.currentHighlightedElements=a}function W(e){e.isPopoverDragging||e.currentEditingElement||s(e)}function y(){if(document.getElementById("visual-edit-focus-styles"))return;let t=document.createElement("style");t.id="visual-edit-focus-styles",t.textContent=`
     [data-selected="true"][contenteditable="true"]:focus {
       outline: none !important;
     }
-  `,document.head.appendChild(t)}function M(){let e=document.getElementById("visual-edit-focus-styles");e&&e.remove()}function L(e){let t=document.createRange();t.selectNodeContents(e);let n=window.getSelection();n?.removeAllRanges(),n?.addRange(t)}function b(e){return!(!(e instanceof HTMLElement)||!["div","p","h1","h2","h3","h4","h5","h6","span","li","td","a","button","label"].includes(e.tagName.toLowerCase())||(e.textContent?.trim()||"").length===0||e.querySelector("img, video, canvas, svg")!==null||e.children.length>0||e.dataset.dynamicContent==="true")}var x=null;function A(e){x=e}function $(e){x&&x(this)}function p(e){return!(!(e instanceof HTMLElement)||e.dataset.selected!=="true"||!b(e))}function _(e){y(),e.dataset.originalTextContent=e.textContent||"",e.dataset.originalCursor=e.style.cursor,e.contentEditable="true",e.addEventListener("input",$),e.style.cursor="text",L(e),setTimeout(()=>{e.focus()},0)}function C(e){M(),e.removeEventListener("input",$),e.contentEditable="false",delete e.dataset.originalTextContent,e.dataset.originalCursor!==void 0&&(e.style.cursor=e.dataset.originalCursor,delete e.dataset.originalCursor)}function m(e){return{top:e.top,left:e.left,right:e.right,bottom:e.bottom,width:e.width,height:e.height,centerX:e.left+e.width/2,centerY:e.top+e.height/2}}function W(e){return e.top<window.innerHeight&&e.bottom>0&&e.left<window.innerWidth&&e.right>0}function T(e){return e instanceof SVGElement?e.className?.baseVal||"":e.className||""}function v(e,t){e.currentEditingElement=t,e.selectedOverlays.forEach(n=>{n.style.display="none"}),_(t),window.parent.postMessage({type:"content-editing-started",visualSelectorId:e.selectedElementId},"*")}function d(e){if(!e.currentEditingElement)return;e.debouncedSendTimeout&&(clearTimeout(e.debouncedSendTimeout),e.debouncedSendTimeout=null);let t=e.currentEditingElement;C(t),e.selectedOverlays.forEach(n=>{n.style.display=""}),E(e),window.parent.postMessage({type:"content-editing-ended",visualSelectorId:e.selectedElementId},"*"),e.currentEditingElement=null}function ne(e,t){let n=t.dataset.originalTextContent,o=t.textContent,r={tagName:t.tagName,classes:T(t),visualSelectorId:e.selectedElementId,content:o,dataSourceLocation:t.dataset.sourceLocation,isDynamicContent:t.dataset.dynamicContent==="true",linenumber:t.dataset.linenumber,filename:t.dataset.filename,position:m(t.getBoundingClientRect())};window.parent.postMessage({type:"inline-edit",elementInfo:r,originalContent:n,newContent:o},"*"),t.dataset.originalTextContent=o||""}function oe(e,t){e.debouncedSendTimeout&&clearTimeout(e.debouncedSendTimeout),e.debouncedSendTimeout=setTimeout(()=>{ne(e,t)},500)}function ie(e){return t=>{E(e),oe(e,t)}}function q(e){A(ie(e))}function N(e,t,n){e.currentEditingElement&&d(e),u(e);let o=l(n);o.forEach(s=>{s instanceof HTMLElement&&(s.dataset.selected="true")}),o.forEach(s=>{let g=f(!0);document.body.appendChild(g),e.selectedOverlays.push(g),c(g,s,!0,e.isVisualEditMode)}),e.selectedElementId=n,a(e);let r=t,i={type:"element-selected",tagName:t.tagName,classes:T(t),visualSelectorId:n,content:r.innerText,dataSourceLocation:r.dataset.sourceLocation,isDynamicContent:r.dataset.dynamicContent==="true",linenumber:r.dataset.linenumber,filename:r.dataset.filename,position:m(t.getBoundingClientRect())};window.parent.postMessage(i,"*")}function z(e,t){if(!e.isVisualEditMode)return;let n=t.target;if(n instanceof HTMLElement&&n.contentEditable==="true")return;if(e.currentEditingElement){t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),d(e);return}if(e.isDropdownOpen){t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),window.parent.postMessage({type:"close-dropdowns"},"*");return}if(n.tagName.toLowerCase()==="path")return;t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation();let o=n.closest("[data-source-location], [data-visual-selector-id]");if(!o)return;let r=o,i=r.dataset.sourceLocation||r.dataset.visualSelectorId;if(e.selectedElementId===i&&r.dataset.selected==="true"&&e.isInlineEditExperimentEnabled&&p(r)){v(e,r);return}N(e,o,i||null)}function re(e,t){e.isVisualEditMode=t,t?document.body.style.cursor="crosshair":(e.currentEditingElement&&d(e),a(e),u(e),e.currentHighlightedElements=[],document.body.style.cursor="default")}function X(e,t){re(e,t.data.enabled),t.data.specs?.newInlineEditEnabled!==void 0&&(e.isInlineEditExperimentEnabled=t.data.specs.newInlineEditEnabled)}function K(e,t){if(!e.isInlineEditExperimentEnabled){console.log("[VisualEditAgent] toggle-inline-edit-mode ignored - experiment flag not enabled");return}if(console.log("[VisualEditAgent] Processing toggle-inline-edit-mode message"),!t.data||!t.data.dataSourceLocation){console.warn("[VisualEditAgent] Invalid toggle-inline-edit-mode message - missing dataSourceLocation");return}let n=l(t.data.dataSourceLocation);if(n.length===0||!(n[0]instanceof HTMLElement))return;let o=n[0];t.data.inlineEditingMode?p(o)&&(e.selectedElementId!==t.data.dataSourceLocation&&N(e,o,t.data.dataSourceLocation),v(e,o)):e.currentEditingElement===o&&d(e)}function Z(e){if(!e.selectedElementId)return;let t=l(e.selectedElementId),[n]=t;if(!n)return;let o=n.getBoundingClientRect();window.parent.postMessage({type:"element-position-update",position:m(o),isInViewport:W(o),visualSelectorId:e.selectedElementId},"*")}function le(e){e.currentEditingElement&&d(e),u(e)}function ae(e,t,n){let o=l(t);o.length!==0&&(P(o,n),setTimeout(()=>{e.selectedElementId===t&&E(e),e.currentHighlightedElements.length>0&&e.currentHighlightedElements[0]?.dataset?.visualSelectorId===t&&O(e)},50))}function se(e,t,n){let o=l(t);o.length!==0&&(o.forEach(r=>{r.innerText=n}),setTimeout(()=>{e.selectedElementId===t&&E(e)},50))}function w(e){Z(e)}function I(e){E(e),O(e)}function J(e,t){let n=t.data;switch(n.type){case"toggle-visual-edit-mode":X(e,n);break;case"update-classes":n.data&&n.data.classes!==void 0?ae(e,n.data.visualSelectorId,n.data.classes):console.warn("[VisualEditAgent] Invalid update-classes message:",n);break;case"unselect-element":le(e);break;case"refresh-page":window.location.reload();break;case"update-content":n.data&&n.data.content!==void 0?se(e,n.data.visualSelectorId,n.data.content):console.warn("[VisualEditAgent] Invalid update-content message:",n);break;case"toggle-inline-edit-mode":K(e,n);break;case"request-element-position":Z(e);break;case"popover-drag-state":n.data&&n.data.isDragging!==void 0&&(e.isPopoverDragging=n.data.isDragging,n.data.isDragging&&a(e));break;case"dropdown-state":n.data&&n.data.isOpen!==void 0&&(e.isDropdownOpen=n.data.isOpen,n.data.isOpen&&a(e));break;default:break}}function de(){document.querySelectorAll("[data-linenumber]:not([data-visual-selector-id])").forEach((t,n)=>{let o=t,r=`visual-id-${o.dataset.filename}-${o.dataset.linenumber}-${n}`;o.dataset.visualSelectorId=r})}function Ee(e){let t=null,n=o=>{if(o.nodeType!==Node.ELEMENT_NODE)return!1;let r=o;if(r.dataset?.visualSelectorId)return!0;for(let i=0;i<r.children.length;i++)if(n(r.children[i]))return!0;return!1};return new MutationObserver(o=>{if(t!==null)return;o.some(i=>i.type==="attributes"&&(i.attributeName==="style"||i.attributeName==="class"||i.attributeName==="width"||i.attributeName==="height")&&n(i.target))&&(t=requestAnimationFrame(()=>{t=null,e()}))})}function ce(){document.addEventListener("keydown",e=>{e.target instanceof HTMLElement&&e.target.contentEditable},!0)}function ue(e){window.addEventListener("message",t=>J(e,t)),window.addEventListener("scroll",()=>w(e),!0),document.addEventListener("scroll",()=>w(e),!0),window.addEventListener("resize",()=>I(e)),window.addEventListener("scroll",()=>I(e)),document.addEventListener("click",t=>z(e,t),!0),document.addEventListener("mouseover",t=>j(e,t)),document.addEventListener("mouseout",()=>Y(e))}function ee(){let e=R();de(),q(e),ce(),ue(e),Ee(()=>I(e)).observe(document.body,{attributes:!0,childList:!0,subtree:!0,attributeFilter:["style","class","width","height"]}),window.parent.postMessage({type:"visual-edit-agent-ready"},"*")}export{ee as setupVisualEditAgent};
+  `,document.head.appendChild(t)}function M(){let e=document.getElementById("visual-edit-focus-styles");e&&e.remove()}function L(e){let t=document.createRange();t.selectNodeContents(e);let n=window.getSelection();n?.removeAllRanges(),n?.addRange(t)}function b(e){return!(!(e instanceof HTMLElement)||!["div","p","h1","h2","h3","h4","h5","h6","span","li","td","a","button","label"].includes(e.tagName.toLowerCase())||(e.textContent?.trim()||"").length===0||e.querySelector("img, video, canvas, svg")!==null||e.children.length>0||e.dataset.dynamicContent==="true")}var x=null;function A(e){x=e}var C=new WeakMap;function ee(e){x&&x(this)}function f(e){return!(!(e instanceof HTMLElement)||e.dataset.selected!=="true"||!b(e))}function _(e){y(),e.dataset.originalTextContent=e.textContent||"",e.dataset.originalCursor=e.style.cursor,e.contentEditable="true";let t=new AbortController;C.set(e,t),e.addEventListener("input",ee,{signal:t.signal}),e.style.cursor="text",L(e),setTimeout(()=>{e.focus()},0)}function D(e){let t=C.get(e);t&&(t.abort(),C.delete(e)),e.isConnected&&(M(),e.contentEditable="false",delete e.dataset.originalTextContent,e.dataset.originalCursor!==void 0&&(e.style.cursor=e.dataset.originalCursor,delete e.dataset.originalCursor))}function p(e){return{top:e.top,left:e.left,right:e.right,bottom:e.bottom,width:e.width,height:e.height,centerX:e.left+e.width/2,centerY:e.top+e.height/2}}function Y(e){return e.top<window.innerHeight&&e.bottom>0&&e.left<window.innerWidth&&e.right>0}function T(e){return e instanceof SVGElement?e.className?.baseVal||"":e.className||""}function v(e,t){e.currentEditingElement=t,e.selectedOverlays.forEach(n=>{n.style.display="none"}),_(t),window.parent.postMessage({type:"content-editing-started",visualSelectorId:e.selectedElementId},"*")}function d(e){if(!e.currentEditingElement)return;e.debouncedSendTimeout&&(clearTimeout(e.debouncedSendTimeout),e.debouncedSendTimeout=null);let t=e.currentEditingElement;D(t),e.selectedOverlays.forEach(n=>{n.style.display=""}),u(e),window.parent.postMessage({type:"content-editing-ended",visualSelectorId:e.selectedElementId},"*"),e.currentEditingElement=null}function ne(e,t){let n=t.dataset.originalTextContent,o=t.textContent,r={tagName:t.tagName,classes:T(t),visualSelectorId:e.selectedElementId,content:o,dataSourceLocation:t.dataset.sourceLocation,isDynamicContent:t.dataset.dynamicContent==="true",linenumber:t.dataset.linenumber,filename:t.dataset.filename,position:p(t.getBoundingClientRect())};window.parent.postMessage({type:"inline-edit",elementInfo:r,originalContent:n,newContent:o},"*"),t.dataset.originalTextContent=o||""}function oe(e,t){e.debouncedSendTimeout&&clearTimeout(e.debouncedSendTimeout),e.debouncedSendTimeout=setTimeout(()=>{ne(e,t)},500)}function ie(e){return t=>{u(e),oe(e,t)}}function $(e){A(ie(e))}function re(e,t,n){e.currentEditingElement&&d(e),c(e);let o=l(n);e.isInlineEditExperimentEnabled&&o.forEach(a=>{a instanceof HTMLElement&&(a.dataset.selected="true")}),o.forEach(a=>{let g=m(!0);document.body.appendChild(g),e.selectedOverlays.push(g),E(g,a,!0,e.isVisualEditMode)}),e.selectedElementId=n,s(e);let r=t,i={type:"element-selected",tagName:t.tagName,classes:T(t),visualSelectorId:n,content:r.innerText,dataSourceLocation:r.dataset.sourceLocation,isDynamicContent:r.dataset.dynamicContent==="true",linenumber:r.dataset.linenumber,filename:r.dataset.filename,position:p(t.getBoundingClientRect())};window.parent.postMessage(i,"*")}function q(e,t){if(!e.isVisualEditMode)return;let n=t.target;if(e.isInlineEditExperimentEnabled&&n instanceof HTMLElement&&n.contentEditable==="true")return;if(e.currentEditingElement){t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),d(e);return}if(e.isDropdownOpen){t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),window.parent.postMessage({type:"close-dropdowns"},"*");return}if(n.tagName.toLowerCase()==="path")return;t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation();let o=n.closest("[data-source-location], [data-visual-selector-id]");if(!o)return;let r=o,i=r.dataset.sourceLocation||r.dataset.visualSelectorId;if(e.selectedElementId===i&&r.dataset.selected==="true"&&e.isInlineEditExperimentEnabled&&f(r)){v(e,r);return}re(e,o,i||null)}function le(e,t){e.isVisualEditMode=t,t?document.body.style.cursor="crosshair":(e.currentEditingElement&&d(e),s(e),c(e),e.currentHighlightedElements=[],document.body.style.cursor="default")}function z(e,t){le(e,t.data.enabled),t.data.specs?.newInlineEditEnabled!==void 0&&(e.isInlineEditExperimentEnabled=t.data.specs.newInlineEditEnabled)}function X(e,t){if(!e.isInlineEditExperimentEnabled||!t.data||!t.data.dataSourceLocation)return;let n=l(t.data.dataSourceLocation);if(n.length===0||!(n[0]instanceof HTMLElement))return;let o=n[0];if(t.data.inlineEditingMode){if(f(o)){if(e.selectedElementId!==t.data.dataSourceLocation){e.currentEditingElement&&d(e),c(e);let r=l(t.data.dataSourceLocation);r.forEach(i=>{i instanceof HTMLElement&&(i.dataset.selected="true")}),r.forEach(i=>{let a=m(!0);document.body.appendChild(a),e.selectedOverlays.push(a),E(a,i,!0,e.isVisualEditMode)}),e.selectedElementId=t.data.dataSourceLocation}v(e,o)}}else e.currentEditingElement===o&&d(e)}function K(e){if(!e.selectedElementId)return;let t=l(e.selectedElementId),[n]=t;if(!n)return;let o=n.getBoundingClientRect();window.parent.postMessage({type:"element-position-update",position:p(o),isInViewport:Y(o),visualSelectorId:e.selectedElementId},"*")}function ae(e){e.currentEditingElement&&d(e),c(e)}function se(e,t,n){let o=l(t);o.length!==0&&(P(o,n),setTimeout(()=>{e.selectedElementId===t&&u(e),e.currentHighlightedElements.length>0&&e.currentHighlightedElements[0]?.dataset?.visualSelectorId===t&&O(e)},50))}function de(e,t,n){let o=l(t);o.length!==0&&(o.forEach(r=>{r.innerText=n}),setTimeout(()=>{e.selectedElementId===t&&u(e)},50))}function w(e){K(e)}function I(e){u(e),O(e)}function Z(e,t){let n=t.data;switch(n.type){case"toggle-visual-edit-mode":z(e,n);break;case"update-classes":n.data&&n.data.classes!==void 0?se(e,n.data.visualSelectorId,n.data.classes):console.warn("[VisualEditAgent] Invalid update-classes message:",n);break;case"unselect-element":ae(e);break;case"refresh-page":window.location.reload();break;case"update-content":n.data&&n.data.content!==void 0?de(e,n.data.visualSelectorId,n.data.content):console.warn("[VisualEditAgent] Invalid update-content message:",n);break;case"toggle-inline-edit-mode":X(e,n);break;case"request-element-position":K(e);break;case"popover-drag-state":n.data&&n.data.isDragging!==void 0&&(e.isPopoverDragging=n.data.isDragging,n.data.isDragging&&s(e));break;case"dropdown-state":n.data&&n.data.isOpen!==void 0&&(e.isDropdownOpen=n.data.isOpen,n.data.isOpen&&s(e));break;default:break}}function Ee(){document.querySelectorAll("[data-linenumber]:not([data-visual-selector-id])").forEach((t,n)=>{let o=t,r=`visual-id-${o.dataset.filename}-${o.dataset.linenumber}-${n}`;o.dataset.visualSelectorId=r})}function ce(e){let t=null,n=o=>{if(o.nodeType!==Node.ELEMENT_NODE)return!1;let r=o;if(r.dataset?.visualSelectorId)return!0;for(let i of Array.from(r.children))if(n(i))return!0;return!1};return new MutationObserver(o=>{if(t!==null)return;o.some(i=>i.type==="attributes"&&(i.attributeName==="style"||i.attributeName==="class"||i.attributeName==="width"||i.attributeName==="height")&&n(i.target))&&(t=requestAnimationFrame(()=>{t=null,e()}))})}function ue(e){window.addEventListener("message",t=>Z(e,t)),window.addEventListener("scroll",()=>w(e),!0),document.addEventListener("scroll",()=>w(e),!0),window.addEventListener("resize",()=>I(e)),window.addEventListener("scroll",()=>I(e)),document.addEventListener("click",t=>q(e,t),!0),document.addEventListener("mouseover",t=>j(e,t)),document.addEventListener("mouseout",()=>W(e))}function J(){let e=R();Ee(),$(e),ue(e),ce(()=>I(e)).observe(document.body,{attributes:!0,childList:!0,subtree:!0,attributeFilter:["style","class","width","height"]}),window.parent.postMessage({type:"visual-edit-agent-ready"},"*")}export{J as setupVisualEditAgent};
 //# sourceMappingURL=index.mjs.map

package/dist/statics/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/injections/visual-edit-agent/state/agent-state.ts","../../src/injections/utils.ts","../../src/injections/visual-edit-agent/constants.ts","../../src/injections/visual-edit-agent/ui/overlay.ts","../../src/injections/visual-edit-agent/handlers/hover-handlers.ts","../../src/injections/visual-edit-agent/capabilities/inline-editing/styles.ts","../../src/injections/visual-edit-agent/capabilities/inline-editing/validation.ts","../../src/injections/visual-edit-agent/capabilities/inline-editing/core.ts","../../src/injections/visual-edit-agent/utils/dom-utils.ts","../../src/injections/visual-edit-agent/handlers/inline-edit-handlers.ts","../../src/injections/visual-edit-agent/handlers/click-handlers.ts","../../src/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.ts","../../src/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.ts","../../src/injections/visual-edit-agent/handlers/message-handlers.ts","../../src/injections/visual-edit-agent/index.ts"],"sourcesContent":["/*\n Central state management for the visual edit agent\n /\n\nexport interface AgentState {\n isVisualEditMode: boolean;\n isPopoverDragging: boolean;\n isDropdownOpen: boolean;\n hoverOverlays: HTMLDivElement[];\n selectedOverlays: HTMLDivElement[];\n currentHighlightedElements: Element[];\n selectedElementId: string \| null;\n currentEditingElement: HTMLElement \| null;\n debouncedSendTimeout: ReturnType<typeof setTimeout> \| null;\n isInlineEditExperimentEnabled: boolean;\n}\n\nexport function createAgentState(): AgentState {\n return {\n isVisualEditMode: false,\n isPopoverDragging: false,\n isDropdownOpen: false,\n hoverOverlays: [],\n selectedOverlays: [],\n currentHighlightedElements: [],\n selectedElementId: null,\n currentEditingElement: null,\n debouncedSendTimeout: null,\n isInlineEditExperimentEnabled: false,\n };\n}\n","/* Find elements by ID - first try data-source-location, fallback to data-visual-selector-id /\nexport function findElementsById(id: string \| null): Element[] {\n if (!id) return [];\n const sourceElements = Array.from(\n document.querySelectorAll(`[data-source-location=\"${id}\"]`)\n );\n if (sourceElements.length > 0) {\n return sourceElements;\n }\n return Array.from(\n document.querySelectorAll(`[data-visual-selector-id=\"${id}\"]`)\n );\n}\n\n/\n Update element classes by visual selector ID.\n * Uses setAttribute instead of className to support both HTML and SVG elements.\n /\nexport function updateElementClasses(elements: Element[], classes: string): void {\n elements.forEach((element) => {\n element.setAttribute(\"class\", classes);\n }); \n}\n","export const INLINE_EDIT_DEBOUNCE_MS = 500;\nexport const OVERLAY_TRANSITION = \"all 0.1s ease-in-out\";\nexport const OVERLAY_Z_INDEX = \"9999\";\nexport const SELECTED_BORDER_COLOR = \"#2563EB\";\nexport const HOVER_BORDER_COLOR = \"#95a5fc\";\nexport const HOVER_BACKGROUND_COLOR = \"rgba(99, 102, 241, 0.05)\";\nexport const LABEL_TOP_OFFSET = \"-27px\";\nexport const LABEL_LEFT_OFFSET = \"-2px\";\nexport const REPOSITION_DELAY_MS = 50;\n","import {\n OVERLAY_TRANSITION,\n OVERLAY_Z_INDEX,\n SELECTED_BORDER_COLOR,\n HOVER_BORDER_COLOR,\n HOVER_BACKGROUND_COLOR,\n LABEL_TOP_OFFSET,\n LABEL_LEFT_OFFSET,\n} from \"../constants.js\";\nimport type { AgentState } from \"../state/agent-state.js\";\nimport { findElementsById } from \"../../utils.js\";\n\n/\n Create an overlay element for highlighting\n /\nexport function createOverlay(isSelected = false): HTMLDivElement {\n const overlay = document.createElement(\"div\");\n overlay.style.position = \"absolute\";\n overlay.style.pointerEvents = \"none\";\n overlay.style.transition = OVERLAY_TRANSITION;\n overlay.style.zIndex = OVERLAY_Z_INDEX;\n\n if (isSelected) {\n overlay.style.border = `2px solid ${SELECTED_BORDER_COLOR}`;\n } else {\n overlay.style.border = `2px solid ${HOVER_BORDER_COLOR}`;\n overlay.style.backgroundColor = HOVER_BACKGROUND_COLOR;\n }\n\n return overlay;\n}\n\n/\n Position overlay relative to element\n /\nexport function positionOverlay(\n overlay: HTMLDivElement,\n element: Element,\n isSelected = false,\n isVisualEditMode = true\n): void {\n if (!element \|\| !isVisualEditMode) return;\n\n const rect = element.getBoundingClientRect();\n overlay.style.top = `${rect.top + window.scrollY}px`;\n overlay.style.left = `${rect.left + window.scrollX}px`;\n overlay.style.width = `${rect.width}px`;\n overlay.style.height = `${rect.height}px`;\n\n // Check if label already exists in overlay\n let label = overlay.querySelector(\"div\") as HTMLDivElement \| null;\n\n if (!label) {\n label = document.createElement(\"div\");\n label.textContent = element.tagName.toLowerCase();\n label.style.position = \"absolute\";\n label.style.top = LABEL_TOP_OFFSET;\n label.style.left = LABEL_LEFT_OFFSET;\n label.style.padding = \"2px 8px\";\n label.style.fontSize = \"11px\";\n label.style.fontWeight = isSelected ? \"500\" : \"400\";\n label.style.color = isSelected ? \"#ffffff\" : \"#526cff\";\n label.style.backgroundColor = isSelected ? \"#526cff\" : \"#DBEAFE\";\n label.style.borderRadius = \"3px\";\n label.style.minWidth = \"24px\";\n label.style.textAlign = \"center\";\n overlay.appendChild(label);\n }\n}\n\n/\n Clear all overlays from DOM\n /\nexport function clearOverlays(overlays: HTMLDivElement[]): void {\n overlays.forEach((overlay) => {\n if (overlay && overlay.parentNode) {\n overlay.remove();\n }\n });\n}\n\n/\n Remove data-selected attribute, clear selected overlays, and reset selection state\n /\nexport function clearSelection(state: AgentState): void {\n if (state.selectedElementId) {\n const elements = findElementsById(state.selectedElementId);\n elements.forEach((el) => {\n if (el instanceof HTMLElement) {\n delete el.dataset.selected;\n }\n });\n }\n clearOverlays(state.selectedOverlays);\n state.selectedOverlays = [];\n state.selectedElementId = null;\n}\n\n/\n Reposition selected overlays to match current element bounds\n /\nexport function repositionSelectedOverlays(state: AgentState): void {\n if (!state.selectedElementId) return;\n const elements = findElementsById(state.selectedElementId);\n state.selectedOverlays.forEach((overlay, index) => {\n if (index < elements.length) {\n positionOverlay(overlay, elements[index]!, true, state.isVisualEditMode);\n }\n });\n}\n\n/\n Reposition hover overlays to match current element bounds\n /\nexport function repositionHoverOverlays(state: AgentState): void {\n state.hoverOverlays.forEach((overlay, index) => {\n if (index < state.currentHighlightedElements.length) {\n positionOverlay(overlay, state.currentHighlightedElements[index]!, false, state.isVisualEditMode);\n }\n });\n}\n","import type { AgentState } from \"../state/agent-state.js\";\nimport { findElementsById } from \"../../utils.js\";\nimport { createOverlay, positionOverlay, clearOverlays } from \"../ui/overlay.js\";\n\n/\n Clear hover overlays\n /\nexport function clearHoverOverlays(state: AgentState): void {\n clearOverlays(state.hoverOverlays);\n state.hoverOverlays = [];\n state.currentHighlightedElements = [];\n}\n\n/\n Handle mouse over event\n /\nexport function handleMouseOver(state: AgentState, e: MouseEvent): void {\n if (!state.isVisualEditMode \|\| state.isPopoverDragging \|\| state.currentEditingElement) return;\n\n const target = e.target as Element;\n\n // Prevent hover effects when a dropdown is open\n if (state.isDropdownOpen) {\n clearHoverOverlays(state);\n return;\n }\n\n // Prevent hover effects on SVG path elements\n if (target.tagName.toLowerCase() === \"path\") {\n clearHoverOverlays(state);\n return;\n }\n\n // Support both data-source-location and data-visual-selector-id\n const element = target.closest(\n \"[data-source-location], [data-visual-selector-id]\"\n );\n if (!element) {\n clearHoverOverlays(state);\n return;\n }\n\n // Prefer data-source-location, fallback to data-visual-selector-id\n const htmlElement = element as HTMLElement;\n const selectorId =\n htmlElement.dataset.sourceLocation \|\|\n htmlElement.dataset.visualSelectorId;\n\n // Skip if this element is already selected\n if (state.selectedElementId === selectorId) {\n clearHoverOverlays(state);\n return;\n }\n\n // Find all elements with the same ID\n const elements = findElementsById(selectorId \|\| null);\n\n // Clear previous hover overlays\n clearHoverOverlays(state);\n\n // Create overlays for all matching elements\n elements.forEach((el) => {\n const overlay = createOverlay(false);\n document.body.appendChild(overlay);\n state.hoverOverlays.push(overlay);\n positionOverlay(overlay, el, false, state.isVisualEditMode);\n });\n\n state.currentHighlightedElements = elements;\n}\n\n/\n Handle mouse out event\n /\nexport function handleMouseOut(state: AgentState): void {\n if (state.isPopoverDragging \|\| state.currentEditingElement) return;\n clearHoverOverlays(state);\n}\n","/\n Inject CSS to suppress the browser's default focus outline on contentEditable elements\n /\nexport function injectFocusOutlineCSS(): void {\n const existingStyle = document.getElementById(\"visual-edit-focus-styles\");\n if (existingStyle) return;\n\n const style = document.createElement(\"style\");\n style.id = \"visual-edit-focus-styles\";\n style.textContent = `\n [data-selected=\"true\"][contenteditable=\"true\"]:focus {\n outline: none !important;\n }\n `;\n document.head.appendChild(style);\n}\n\n/\n Remove the injected focus outline CSS\n /\nexport function removeFocusOutlineCSS(): void {\n const style = document.getElementById(\"visual-edit-focus-styles\");\n if (style) {\n style.remove();\n }\n}\n","/\n Select all text content in an element using the Selection API\n /\nexport function selectText(element: HTMLElement): void {\n const range = document.createRange();\n range.selectNodeContents(element);\n const selection = window.getSelection();\n selection?.removeAllRanges();\n selection?.addRange(range);\n}\n\n/\n Check if an element is an editable text element\n * Based on the eligibility rules from inlineEdit.md (non-dynamic only)\n /\nexport function isEditableTextElement(element: Element): boolean {\n // Must be an HTMLElement\n if (!(element instanceof HTMLElement)) {\n return false;\n }\n\n // Must be an allowed tag\n const allowedTags = [\n \"div\",\n \"p\",\n \"h1\",\n \"h2\",\n \"h3\",\n \"h4\",\n \"h5\",\n \"h6\",\n \"span\",\n \"li\",\n \"td\",\n \"a\",\n \"button\",\n \"label\",\n ];\n if (!allowedTags.includes(element.tagName.toLowerCase())) {\n return false;\n }\n\n // Must have text content\n const textContent = element.textContent?.trim() \|\| \"\";\n if (textContent.length === 0) {\n return false;\n }\n\n // Must NOT contain img, video, canvas, or svg\n const hasMediaElements =\n element.querySelector(\"img, video, canvas, svg\") !== null;\n if (hasMediaElements) {\n return false;\n }\n\n // Must NOT have complex children (must be a leaf text node or simple container)\n if (element.children.length > 0) {\n return false;\n }\n\n // Must NOT be dynamic content\n if (element.dataset.dynamicContent === \"true\") {\n return false;\n }\n\n return true;\n}\n","import { injectFocusOutlineCSS, removeFocusOutlineCSS } from \"./styles.js\";\nimport { selectText, isEditableTextElement } from \"./validation.js\";\n\n/\n Callback function type for handling text input changes\n /\ntype OnTextInputChange = (element: HTMLElement) => void;\n\n/\n Global callback that gets triggered on every input event\n * This is set by the visual-edit-agent and includes both updatePosition and reportInlineEdit\n /\nlet onTextInputChangeCallback: OnTextInputChange \| null = null;\n\n/\n Set the callback function that will be called on text input changes\n /\nexport function setInlineEditCallback(callback: OnTextInputChange \| null): void {\n onTextInputChangeCallback = callback;\n}\n\n/\n Internal handler for the native input event\n /\nfunction handleInputEvent(this: HTMLElement, e: Event): void {\n if (onTextInputChangeCallback) {\n onTextInputChangeCallback(this);\n }\n}\n\n/\n Check if an element should enter inline editing mode\n * Called when user clicks on an already-selected element\n /\nexport function shouldEnterInlineEditingMode(element: Element): boolean {\n // Must have data-selected=\"true\"\n if (!(element instanceof HTMLElement) \|\| element.dataset.selected !== \"true\") {\n return false;\n }\n\n // Must pass all editability checks\n if (!isEditableTextElement(element)) {\n return false;\n }\n\n return true;\n}\n\n/\n Enable contentEditable mode on an element\n * Follows the exact flow from inlineEdit.md\n /\nexport function enterInlineEditingMode(element: HTMLElement): void {\n // Inject CSS to suppress focus outline\n injectFocusOutlineCSS();\n\n // Store original state\n element.dataset.originalTextContent = element.textContent \|\| \"\";\n element.dataset.originalCursor = element.style.cursor;\n\n // Enable contentEditable\n element.contentEditable = \"true\";\n\n // Add input event listener\n element.addEventListener(\"input\", handleInputEvent);\n\n // Set cursor to text\n element.style.cursor = \"text\";\n\n // Select all text\n selectText(element);\n\n // Focus after render\n setTimeout(() => {\n element.focus();\n }, 0);\n}\n\n/\n Disable contentEditable mode on an element\n * Reverses everything done by enterInlineEditingMode\n /\nexport function clearInlineEditingMode(element: HTMLElement): void {\n removeFocusOutlineCSS();\n\n // Remove input event listener\n element.removeEventListener(\"input\", handleInputEvent);\n\n // Disable contentEditable\n element.contentEditable = \"false\";\n\n // Remove stored original text content\n delete element.dataset.originalTextContent;\n\n // Restore original cursor\n if (element.dataset.originalCursor !== undefined) {\n element.style.cursor = element.dataset.originalCursor;\n delete element.dataset.originalCursor;\n }\n}\n","import type { ElementPosition } from \"../handlers/messages/types.js\";\n\n/\n Calculate element position from bounding rect\n /\nexport function getElementPosition(rect: DOMRect): ElementPosition {\n return {\n top: rect.top,\n left: rect.left,\n right: rect.right,\n bottom: rect.bottom,\n width: rect.width,\n height: rect.height,\n centerX: rect.left + rect.width / 2,\n centerY: rect.top + rect.height / 2,\n };\n}\n\n/\n Check if element rect is in viewport\n /\nexport function isElementInViewport(rect: DOMRect): boolean {\n return (\n rect.top < window.innerHeight &&\n rect.bottom > 0 &&\n rect.left < window.innerWidth &&\n rect.right > 0\n );\n}\n\n/\n Get element classes (handles both HTML and SVG)\n /\nexport function getElementClasses(element: Element): string {\n if (element instanceof SVGElement) {\n return (element.className as unknown as SVGAnimatedString)?.baseVal \|\| \"\";\n }\n return element.className \|\| \"\";\n}\n","import type { AgentState } from \"../state/agent-state.js\";\nimport { OutgoingMessageType } from \"./messages/types.js\";\nimport { repositionSelectedOverlays } from \"../ui/overlay.js\";\nimport {\n enterInlineEditingMode,\n clearInlineEditingMode,\n setInlineEditCallback,\n} from \"../capabilities/inline-editing/index.js\";\nimport { INLINE_EDIT_DEBOUNCE_MS } from \"../constants.js\";\nimport { getElementPosition, getElementClasses } from \"../utils/dom-utils.js\";\n\n/\n Enter inline editing mode\n /\nexport function handleEnterInlineEditingMode(state: AgentState, element: HTMLElement): void {\n state.currentEditingElement = element;\n\n // Hide overlays during editing\n state.selectedOverlays.forEach((overlay) => {\n overlay.style.display = \"none\";\n });\n\n // Enter inline editing mode (from capabilities/inline-editing)\n enterInlineEditingMode(element);\n\n // Notify parent\n window.parent.postMessage(\n {\n type: OutgoingMessageType.CONTENT_EDITING_STARTED,\n visualSelectorId: state.selectedElementId,\n },\n \"\"\n );\n}\n\n/*\n Clear inline editing mode\n /\nexport function handleClearInlineEditingMode(state: AgentState): void {\n if (!state.currentEditingElement) return;\n\n // Cancel any pending debounced edit — originalTextContent will be deleted below\n if (state.debouncedSendTimeout) {\n clearTimeout(state.debouncedSendTimeout);\n state.debouncedSendTimeout = null;\n }\n\n const element = state.currentEditingElement;\n\n // Clear inline editing mode (from capabilities/inline-editing)\n clearInlineEditingMode(element);\n\n // Show overlays again\n state.selectedOverlays.forEach((overlay) => {\n overlay.style.display = \"\";\n });\n\n repositionSelectedOverlays(state);\n\n // Notify parent that editing ended\n window.parent.postMessage(\n {\n type: OutgoingMessageType.CONTENT_EDITING_ENDED,\n visualSelectorId: state.selectedElementId,\n },\n \"\"\n );\n\n state.currentEditingElement = null;\n}\n\n/*\n Report inline edit to parent\n /\nfunction reportInlineEdit(state: AgentState, element: HTMLElement): void {\n const originalContent = element.dataset.originalTextContent;\n const newContent = element.textContent;\n\n const elementInfo = {\n tagName: element.tagName,\n classes: getElementClasses(element),\n visualSelectorId: state.selectedElementId,\n content: newContent,\n dataSourceLocation: element.dataset.sourceLocation,\n isDynamicContent: element.dataset.dynamicContent === \"true\",\n linenumber: element.dataset.linenumber,\n filename: element.dataset.filename,\n position: getElementPosition(element.getBoundingClientRect()),\n };\n\n // Send inline edit message\n window.parent.postMessage(\n {\n type: OutgoingMessageType.INLINE_EDIT,\n elementInfo,\n originalContent,\n newContent,\n },\n \"\"\n );\n\n // Update baseline for next edit\n element.dataset.originalTextContent = newContent \|\| \"\";\n}\n\n/*\n Debounced function to send inline edit messages\n /\nfunction debouncedSendInlineEditMessage(state: AgentState, element: HTMLElement): void {\n // Clear any existing timeout\n if (state.debouncedSendTimeout) {\n clearTimeout(state.debouncedSendTimeout);\n }\n\n // Set new timeout\n state.debouncedSendTimeout = setTimeout(() => {\n reportInlineEdit(state, element);\n }, INLINE_EDIT_DEBOUNCE_MS);\n}\n\n/\n Callback for text input changes (combines updatePosition and reportInlineEdit)\n /\nfunction createTextInputChangeCallback(state: AgentState) {\n return (element: HTMLElement) => {\n repositionSelectedOverlays(state);\n debouncedSendInlineEditMessage(state, element);\n };\n}\n\n/\n Setup inline edit callback\n /\nexport function setupInlineEditCallback(state: AgentState): void {\n setInlineEditCallback(createTextInputChangeCallback(state));\n}\n","import type { AgentState } from \"../state/agent-state.js\";\nimport { OutgoingMessageType } from \"./messages/types.js\";\nimport { findElementsById } from \"../../utils.js\";\nimport { createOverlay, positionOverlay, clearSelection } from \"../ui/overlay.js\";\nimport { clearHoverOverlays } from \"./hover-handlers.js\";\nimport { shouldEnterInlineEditingMode } from \"../capabilities/inline-editing/index.js\";\nimport { handleClearInlineEditingMode, handleEnterInlineEditingMode } from \"./inline-edit-handlers.js\";\nimport { getElementPosition, getElementClasses } from \"../utils/dom-utils.js\";\n\n/\n Handle element selection (first click)\n /\nexport function handleElementSelection(\n state: AgentState,\n element: Element,\n visualSelectorId: string \| null\n): void {\n if (state.currentEditingElement) {\n handleClearInlineEditingMode(state);\n }\n clearSelection(state);\n\n // Find all elements with the same ID\n const elements = findElementsById(visualSelectorId);\n\n // Mark elements as selected\n elements.forEach((el) => {\n if (el instanceof HTMLElement) {\n el.dataset.selected = \"true\";\n }\n });\n\n // Create selected overlays for all matching elements\n elements.forEach((el) => {\n const overlay = createOverlay(true);\n document.body.appendChild(overlay);\n state.selectedOverlays.push(overlay);\n positionOverlay(overlay, el, true, state.isVisualEditMode);\n });\n\n state.selectedElementId = visualSelectorId;\n\n // Clear hover overlays\n clearHoverOverlays(state);\n\n // Send message to parent window with element info\n const htmlElement = element as HTMLElement;\n const elementData = {\n type: OutgoingMessageType.ELEMENT_SELECTED,\n tagName: element.tagName,\n classes: getElementClasses(element),\n visualSelectorId: visualSelectorId,\n content: htmlElement.innerText,\n dataSourceLocation: htmlElement.dataset.sourceLocation,\n isDynamicContent: htmlElement.dataset.dynamicContent === \"true\",\n linenumber: htmlElement.dataset.linenumber,\n filename: htmlElement.dataset.filename,\n position: getElementPosition(element.getBoundingClientRect()),\n };\n window.parent.postMessage(elementData, \"\");\n}\n\n/*\n Handle element click\n /\nexport function handleElementClick(state: AgentState, e: MouseEvent): void {\n if (!state.isVisualEditMode) return;\n\n const target = e.target as Element;\n\n // Bail out early if clicking on a contentEditable element (allow normal editing)\n if (target instanceof HTMLElement && target.contentEditable === \"true\") {\n return;\n }\n\n // If currently editing, clicking outside should exit editing mode\n if (state.currentEditingElement) {\n e.preventDefault();\n e.stopPropagation();\n e.stopImmediatePropagation();\n handleClearInlineEditingMode(state);\n return;\n }\n\n // Close dropdowns when clicking anywhere in iframe if a dropdown is open\n if (state.isDropdownOpen) {\n e.preventDefault();\n e.stopPropagation();\n e.stopImmediatePropagation();\n\n window.parent.postMessage({ type: OutgoingMessageType.CLOSE_DROPDOWNS }, \"\");\n return;\n }\n\n // Prevent clicking on SVG path elements\n if (target.tagName.toLowerCase() === \"path\") {\n return;\n }\n\n // Prevent default behavior immediately when in visual edit mode\n e.preventDefault();\n e.stopPropagation();\n e.stopImmediatePropagation();\n\n // Support both data-source-location and data-visual-selector-id\n const element = target.closest(\n \"[data-source-location], [data-visual-selector-id]\"\n );\n if (!element) {\n return;\n }\n\n const htmlElement = element as HTMLElement;\n const visualSelectorId =\n htmlElement.dataset.sourceLocation \|\|\n htmlElement.dataset.visualSelectorId;\n\n // Check if this element is already selected (second click scenario)\n const isAlreadySelected =\n state.selectedElementId === visualSelectorId &&\n htmlElement.dataset.selected === \"true\";\n\n if (isAlreadySelected) {\n // Second click on already-selected element: check if it should enter inline editing\n // Only if the experiment is enabled\n if (state.isInlineEditExperimentEnabled && shouldEnterInlineEditingMode(htmlElement)) {\n handleEnterInlineEditingMode(state, htmlElement);\n return;\n }\n }\n\n // First click: select the element\n handleElementSelection(state, element, visualSelectorId \|\| null);\n}\n","import type { AgentState } from \"../../state/agent-state.js\";\nimport type { ToggleVisualEditModeMessage } from \"./types.js\";\nimport { clearSelection } from \"../../ui/overlay.js\";\nimport { clearHoverOverlays } from \"../hover-handlers.js\";\nimport { handleClearInlineEditingMode } from \"../inline-edit-handlers.js\";\n\n/*\n Toggle visual edit mode on/off\n /\nexport function toggleVisualEditMode(state: AgentState, isEnabled: boolean): void {\n state.isVisualEditMode = isEnabled;\n\n if (!isEnabled) {\n if (state.currentEditingElement) {\n handleClearInlineEditingMode(state);\n }\n\n clearHoverOverlays(state);\n clearSelection(state);\n state.currentHighlightedElements = [];\n document.body.style.cursor = \"default\";\n } else {\n document.body.style.cursor = \"crosshair\";\n }\n}\n\n/\n Handle toggle-visual-edit-mode message\n /\nexport function handleToggleVisualEditMode(\n state: AgentState,\n message: ToggleVisualEditModeMessage\n): void {\n toggleVisualEditMode(state, message.data.enabled);\n \n // Update inline edit experiment flag if provided\n if (message.data.specs?.newInlineEditEnabled !== undefined) {\n state.isInlineEditExperimentEnabled = message.data.specs.newInlineEditEnabled;\n }\n}\n","import type { AgentState } from \"../../state/agent-state.js\";\nimport type { ToggleInlineEditModeMessage } from \"./types.js\";\nimport { findElementsById } from \"../../../utils.js\";\nimport { shouldEnterInlineEditingMode } from \"../../capabilities/inline-editing/index.js\";\nimport { handleElementSelection } from \"../click-handlers.js\";\nimport { handleEnterInlineEditingMode, handleClearInlineEditingMode } from \"../inline-edit-handlers.js\";\n\n/\n Handle toggle-inline-edit-mode message (parent-initiated)\n /\nexport function handleToggleInlineEditMode(\n state: AgentState,\n message: ToggleInlineEditModeMessage\n): void {\n // Check if inline edit experiment is enabled\n if (!state.isInlineEditExperimentEnabled) {\n console.log('[VisualEditAgent] toggle-inline-edit-mode ignored - experiment flag not enabled');\n return;\n }\n \n console.log('[VisualEditAgent] Processing toggle-inline-edit-mode message');\n \n // Parent-initiated inline editing mode toggle\n if (!message.data \|\| !message.data.dataSourceLocation) {\n console.warn('[VisualEditAgent] Invalid toggle-inline-edit-mode message - missing dataSourceLocation');\n return;\n }\n\n const elements = findElementsById(message.data.dataSourceLocation);\n if (elements.length === 0 \|\| !(elements[0] instanceof HTMLElement)) {\n return;\n }\n\n const element = elements[0];\n\n if (message.data.inlineEditingMode) {\n // Enable inline editing (only for non-dynamic text elements)\n if (shouldEnterInlineEditingMode(element)) {\n // Select the element first if not already selected\n if (state.selectedElementId !== message.data.dataSourceLocation) {\n handleElementSelection(state, element, message.data.dataSourceLocation);\n }\n handleEnterInlineEditingMode(state, element);\n }\n } else {\n // Disable inline editing\n if (state.currentEditingElement === element) {\n handleClearInlineEditingMode(state);\n }\n }\n}\n","import type { AgentState } from \"../state/agent-state.js\";\nimport { IncomingMessageType, OutgoingMessageType } from \"./messages/types.js\";\nimport { findElementsById, updateElementClasses } from \"../../utils.js\";\nimport { clearSelection, repositionSelectedOverlays, repositionHoverOverlays } from \"../ui/overlay.js\";\nimport { clearHoverOverlays } from \"./hover-handlers.js\";\nimport { handleClearInlineEditingMode } from \"./inline-edit-handlers.js\";\nimport { REPOSITION_DELAY_MS } from \"../constants.js\";\nimport { handleToggleVisualEditMode } from \"./messages/toggle-visual-edit-mode.js\";\nimport { handleToggleInlineEditMode } from \"./messages/toggle-inline-edit-mode.js\";\nimport { getElementPosition, isElementInViewport } from \"../utils/dom-utils.js\";\n\n/\n Send element position update to parent\n /\nfunction sendElementPositionUpdate(state: AgentState): void {\n if (!state.selectedElementId) return;\n\n const elements = findElementsById(state.selectedElementId);\n const [element] = elements;\n if (!element) return;\n\n const rect = element.getBoundingClientRect();\n\n window.parent.postMessage(\n {\n type: OutgoingMessageType.ELEMENT_POSITION_UPDATE,\n position: getElementPosition(rect),\n isInViewport: isElementInViewport(rect),\n visualSelectorId: state.selectedElementId,\n },\n \"\"\n );\n}\n\n/*\n Unselect the current element\n /\nexport function unselectElement(state: AgentState): void {\n if (state.currentEditingElement) {\n handleClearInlineEditingMode(state);\n }\n clearSelection(state);\n}\n\n/\n Update element classes and reposition overlays\n /\nexport function updateElementClassesAndReposition(\n state: AgentState,\n visualSelectorId: string,\n classes: string\n): void {\n const elements = findElementsById(visualSelectorId);\n if (elements.length === 0) return;\n\n updateElementClasses(elements, classes);\n\n // Use a small delay to allow the browser to recalculate layout before repositioning\n setTimeout(() => {\n if (state.selectedElementId === visualSelectorId) {\n repositionSelectedOverlays(state);\n }\n\n if (state.currentHighlightedElements.length > 0) {\n const hoveredElement = state.currentHighlightedElements[0] as HTMLElement;\n if (hoveredElement?.dataset?.visualSelectorId === visualSelectorId) {\n repositionHoverOverlays(state);\n }\n }\n }, REPOSITION_DELAY_MS);\n}\n\n/\n Update element content by visual selector ID\n /\nexport function updateElementContent(\n state: AgentState,\n visualSelectorId: string,\n content: string\n): void {\n const elements = findElementsById(visualSelectorId);\n\n if (elements.length === 0) {\n return;\n }\n\n elements.forEach((element) => {\n (element as HTMLElement).innerText = content;\n });\n\n setTimeout(() => {\n if (state.selectedElementId === visualSelectorId) {\n repositionSelectedOverlays(state);\n }\n }, REPOSITION_DELAY_MS);\n}\n\n/\n Handle scroll events to update popover position\n /\nexport function handleScroll(state: AgentState): void {\n sendElementPositionUpdate(state);\n}\n\n/\n Handle window resize to reposition overlays\n /\nexport function handleResize(state: AgentState): void {\n repositionSelectedOverlays(state);\n repositionHoverOverlays(state);\n}\n\n/\n Handle messages from parent window\n /\nexport function handleMessage(state: AgentState, event: MessageEvent): void {\n const message = event.data;\n\n switch (message.type as IncomingMessageType) {\n case IncomingMessageType.TOGGLE_VISUAL_EDIT_MODE:\n handleToggleVisualEditMode(state, message);\n break;\n\n case IncomingMessageType.UPDATE_CLASSES:\n if (message.data && message.data.classes !== undefined) {\n updateElementClassesAndReposition(\n state,\n message.data.visualSelectorId,\n message.data.classes\n );\n } else {\n console.warn(\n \"[VisualEditAgent] Invalid update-classes message:\",\n message\n );\n }\n break;\n\n case IncomingMessageType.UNSELECT_ELEMENT:\n unselectElement(state);\n break;\n\n case IncomingMessageType.REFRESH_PAGE:\n window.location.reload();\n break;\n\n case IncomingMessageType.UPDATE_CONTENT:\n if (message.data && message.data.content !== undefined) {\n updateElementContent(\n state,\n message.data.visualSelectorId,\n message.data.content\n );\n } else {\n console.warn(\n \"[VisualEditAgent] Invalid update-content message:\",\n message\n );\n }\n break;\n\n case IncomingMessageType.TOGGLE_INLINE_EDIT_MODE:\n handleToggleInlineEditMode(state, message);\n break;\n\n case IncomingMessageType.REQUEST_ELEMENT_POSITION:\n sendElementPositionUpdate(state);\n break;\n\n case IncomingMessageType.POPOVER_DRAG_STATE:\n if (message.data && message.data.isDragging !== undefined) {\n state.isPopoverDragging = message.data.isDragging;\n if (message.data.isDragging) {\n clearHoverOverlays(state);\n }\n }\n break;\n\n case IncomingMessageType.DROPDOWN_STATE:\n if (message.data && message.data.isOpen !== undefined) {\n state.isDropdownOpen = message.data.isOpen;\n if (message.data.isOpen) {\n clearHoverOverlays(state);\n }\n }\n break;\n\n default:\n break;\n }\n}\n","import { createAgentState } from \"./state/agent-state.js\";\nimport { handleMouseOver, handleMouseOut } from \"./handlers/hover-handlers.js\";\nimport { handleElementClick } from \"./handlers/click-handlers.js\";\nimport { handleMessage, handleScroll, handleResize } from \"./handlers/message-handlers.js\";\nimport { setupInlineEditCallback } from \"./handlers/inline-edit-handlers.js\";\nimport { OutgoingMessageType } from \"./handlers/messages/types.js\";\n\n/\n Initialize element IDs for elements with line numbers\n /\nfunction initializeElementIds(): void {\n const elementsWithLineNumber = document.querySelectorAll(\n \"[data-linenumber]:not([data-visual-selector-id])\"\n );\n elementsWithLineNumber.forEach((el, index) => {\n const htmlEl = el as HTMLElement;\n const id = `visual-id-${htmlEl.dataset.filename}-${htmlEl.dataset.linenumber}-${index}`;\n htmlEl.dataset.visualSelectorId = id;\n });\n}\n\n/\n Create mutation observer to detect layout changes.\n * Uses requestAnimationFrame to coalesce many rapid mutations into one reposition\n * per paint frame, avoiding stacking multiple timers during CSS transitions.\n /\nfunction createLayoutObserver(onLayoutChange: () => void): MutationObserver {\n let rafHandle: number \| null = null;\n\n const hasVisualId = (node: Node): boolean => {\n if (node.nodeType !== Node.ELEMENT_NODE) return false;\n const el = node as HTMLElement;\n if (el.dataset?.visualSelectorId) return true;\n for (let i = 0; i < el.children.length; i++) {\n if (hasVisualId(el.children[i]!)) return true;\n }\n return false;\n };\n\n return new MutationObserver((mutations) => {\n if (rafHandle !== null) return;\n\n const needsUpdate = mutations.some((mutation) => {\n const isLayoutChange =\n mutation.type === \"attributes\" &&\n (mutation.attributeName === \"style\" \|\|\n mutation.attributeName === \"class\" \|\|\n mutation.attributeName === \"width\" \|\|\n mutation.attributeName === \"height\");\n\n return isLayoutChange && hasVisualId(mutation.target);\n });\n\n if (needsUpdate) {\n rafHandle = requestAnimationFrame(() => {\n rafHandle = null;\n onLayoutChange();\n });\n }\n });\n}\n\n/\n Setup keyboard event protection\n /\nfunction setupKeyboardProtection(): void {\n document.addEventListener(\"keydown\", (e: KeyboardEvent) => {\n if (e.target instanceof HTMLElement && e.target.contentEditable === \"true\") {\n // Don't report keyboard events during inline editing\n return;\n }\n // Forward other keyboard events to parent if needed\n }, true);\n}\n\n/\n Setup event listeners\n /\nfunction setupEventListeners(state: ReturnType<typeof createAgentState>): void {\n // Message handling\n window.addEventListener(\"message\", (e) => handleMessage(state, e));\n\n // Scroll handling\n window.addEventListener(\"scroll\", () => handleScroll(state), true);\n document.addEventListener(\"scroll\", () => handleScroll(state), true);\n\n // Resize handling\n window.addEventListener(\"resize\", () => handleResize(state));\n window.addEventListener(\"scroll\", () => handleResize(state));\n\n // Click handling\n document.addEventListener(\"click\", (e) => handleElementClick(state, e), true);\n\n // Hover handling\n document.addEventListener(\"mouseover\", (e) => handleMouseOver(state, e));\n document.addEventListener(\"mouseout\", () => handleMouseOut(state));\n}\n\n/\n Main setup function for visual edit agent\n /\nexport function setupVisualEditAgent(): void {\n const state = createAgentState();\n initializeElementIds();\n setupInlineEditCallback(state);\n setupKeyboardProtection();\n setupEventListeners(state);\n\n // Create and start mutation observer\n const mutationObserver = createLayoutObserver(() => handleResize(state));\n mutationObserver.observe(document.body, {\n attributes: true,\n childList: true,\n subtree: true,\n attributeFilter: [\"style\", \"class\", \"width\", \"height\"],\n });\n\n // Send ready message to parent\n window.parent.postMessage({ type: OutgoingMessageType.VISUAL_EDIT_AGENT_READY }, \"\");\n}\n"],"mappings":"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","names":["createAgentState","findElementsById","id","sourceElements","updateElementClasses","elements","classes","element","OVERLAY_TRANSITION","OVERLAY_Z_INDEX","SELECTED_BORDER_COLOR","HOVER_BORDER_COLOR","HOVER_BACKGROUND_COLOR","LABEL_TOP_OFFSET","LABEL_LEFT_OFFSET","createOverlay","isSelected","overlay","OVERLAY_TRANSITION","OVERLAY_Z_INDEX","SELECTED_BORDER_COLOR","HOVER_BORDER_COLOR","HOVER_BACKGROUND_COLOR","positionOverlay","element","isVisualEditMode","rect","label","LABEL_TOP_OFFSET","LABEL_LEFT_OFFSET","clearOverlays","overlays","clearSelection","state","findElementsById","el","repositionSelectedOverlays","elements","index","repositionHoverOverlays","clearHoverOverlays","state","clearOverlays","handleMouseOver","e","target","element","htmlElement","selectorId","elements","findElementsById","el","overlay","createOverlay","positionOverlay","handleMouseOut","injectFocusOutlineCSS","style","removeFocusOutlineCSS","selectText","element","range","selection","isEditableTextElement","onTextInputChangeCallback","setInlineEditCallback","callback","handleInputEvent","shouldEnterInlineEditingMode","element","isEditableTextElement","enterInlineEditingMode","injectFocusOutlineCSS","selectText","clearInlineEditingMode","removeFocusOutlineCSS","getElementPosition","rect","isElementInViewport","getElementClasses","element","handleEnterInlineEditingMode","state","element","overlay","enterInlineEditingMode","handleClearInlineEditingMode","clearInlineEditingMode","repositionSelectedOverlays","reportInlineEdit","originalContent","newContent","elementInfo","getElementClasses","getElementPosition","debouncedSendInlineEditMessage","createTextInputChangeCallback","setupInlineEditCallback","setInlineEditCallback","handleElementSelection","state","element","visualSelectorId","handleClearInlineEditingMode","clearSelection","elements","findElementsById","el","overlay","createOverlay","positionOverlay","clearHoverOverlays","htmlElement","elementData","getElementClasses","getElementPosition","handleElementClick","e","target","shouldEnterInlineEditingMode","handleEnterInlineEditingMode","toggleVisualEditMode","state","isEnabled","handleClearInlineEditingMode","clearHoverOverlays","clearSelection","handleToggleVisualEditMode","message","handleToggleInlineEditMode","state","message","elements","findElementsById","element","shouldEnterInlineEditingMode","handleElementSelection","handleEnterInlineEditingMode","handleClearInlineEditingMode","sendElementPositionUpdate","state","elements","findElementsById","element","rect","getElementPosition","isElementInViewport","unselectElement","handleClearInlineEditingMode","clearSelection","updateElementClassesAndReposition","visualSelectorId","classes","updateElementClasses","repositionSelectedOverlays","repositionHoverOverlays","updateElementContent","content","handleScroll","handleResize","handleMessage","event","message","handleToggleVisualEditMode","handleToggleInlineEditMode","clearHoverOverlays","initializeElementIds","el","index","htmlEl","id","createLayoutObserver","onLayoutChange","rafHandle","hasVisualId","node","mutations","mutation","setupKeyboardProtection","setupEventListeners","state","e","handleMessage","handleScroll","handleResize","handleElementClick","handleMouseOver","handleMouseOut","setupVisualEditAgent","createAgentState","setupInlineEditCallback"]}
1	+ {"version":3,"sources":["../../src/injections/visual-edit-agent/state/agent-state.ts","../../src/injections/utils.ts","../../src/injections/visual-edit-agent/constants.ts","../../src/injections/visual-edit-agent/ui/overlay.ts","../../src/injections/visual-edit-agent/handlers/hover-handlers.ts","../../src/injections/visual-edit-agent/capabilities/inline-editing/styles.ts","../../src/injections/visual-edit-agent/capabilities/inline-editing/validation.ts","../../src/injections/visual-edit-agent/capabilities/inline-editing/core.ts","../../src/injections/visual-edit-agent/utils/dom-utils.ts","../../src/injections/visual-edit-agent/handlers/inline-edit-handlers.ts","../../src/injections/visual-edit-agent/handlers/click-handlers.ts","../../src/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.ts","../../src/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.ts","../../src/injections/visual-edit-agent/handlers/message-handlers.ts","../../src/injections/visual-edit-agent/index.ts"],"sourcesContent":["/*\n Central state management for the visual edit agent\n /\n\nexport interface AgentState {\n isVisualEditMode: boolean;\n isPopoverDragging: boolean;\n isDropdownOpen: boolean;\n hoverOverlays: HTMLDivElement[];\n selectedOverlays: HTMLDivElement[];\n currentHighlightedElements: Element[];\n selectedElementId: string \| null;\n currentEditingElement: HTMLElement \| null;\n debouncedSendTimeout: ReturnType<typeof setTimeout> \| null;\n isInlineEditExperimentEnabled: boolean;\n}\n\nexport function createAgentState(): AgentState {\n return {\n isVisualEditMode: false,\n isPopoverDragging: false,\n isDropdownOpen: false,\n hoverOverlays: [],\n selectedOverlays: [],\n currentHighlightedElements: [],\n selectedElementId: null,\n currentEditingElement: null,\n debouncedSendTimeout: null,\n isInlineEditExperimentEnabled: false,\n };\n}\n","/* Find elements by ID - first try data-source-location, fallback to data-visual-selector-id /\nexport function findElementsById(id: string \| null): Element[] {\n if (!id) return [];\n const sourceElements = Array.from(\n document.querySelectorAll(`[data-source-location=\"${id}\"]`)\n );\n if (sourceElements.length > 0) {\n return sourceElements;\n }\n return Array.from(\n document.querySelectorAll(`[data-visual-selector-id=\"${id}\"]`)\n );\n}\n\n/\n Update element classes by visual selector ID.\n * Uses setAttribute instead of className to support both HTML and SVG elements.\n /\nexport function updateElementClasses(elements: Element[], classes: string): void {\n elements.forEach((element) => {\n element.setAttribute(\"class\", classes);\n }); \n}\n","export const INLINE_EDIT_DEBOUNCE_MS = 500;\nexport const OVERLAY_TRANSITION = \"all 0.1s ease-in-out\";\nexport const OVERLAY_Z_INDEX = \"9999\";\nexport const SELECTED_BORDER_COLOR = \"#2563EB\";\nexport const HOVER_BORDER_COLOR = \"#95a5fc\";\nexport const HOVER_BACKGROUND_COLOR = \"rgba(99, 102, 241, 0.05)\";\nexport const LABEL_TOP_OFFSET = \"-27px\";\nexport const LABEL_LEFT_OFFSET = \"-2px\";\nexport const REPOSITION_DELAY_MS = 50;\n","import {\n OVERLAY_TRANSITION,\n OVERLAY_Z_INDEX,\n SELECTED_BORDER_COLOR,\n HOVER_BORDER_COLOR,\n HOVER_BACKGROUND_COLOR,\n LABEL_TOP_OFFSET,\n LABEL_LEFT_OFFSET,\n} from \"../constants.js\";\nimport type { AgentState } from \"../state/agent-state.js\";\nimport { findElementsById } from \"../../utils.js\";\n\n/\n Create an overlay element for highlighting\n /\nexport function createOverlay(isSelected = false): HTMLDivElement {\n const overlay = document.createElement(\"div\");\n overlay.style.position = \"absolute\";\n overlay.style.pointerEvents = \"none\";\n overlay.style.transition = OVERLAY_TRANSITION;\n overlay.style.zIndex = OVERLAY_Z_INDEX;\n\n if (isSelected) {\n overlay.style.border = `2px solid ${SELECTED_BORDER_COLOR}`;\n } else {\n overlay.style.border = `2px solid ${HOVER_BORDER_COLOR}`;\n overlay.style.backgroundColor = HOVER_BACKGROUND_COLOR;\n }\n\n return overlay;\n}\n\n/\n Position overlay relative to element\n /\nexport function positionOverlay(\n overlay: HTMLDivElement,\n element: Element,\n isSelected = false,\n isVisualEditMode = true\n): void {\n if (!element \|\| !isVisualEditMode) return;\n\n // Force layout recalculation before reading bounding rect\n void (element as HTMLElement).offsetWidth;\n\n const rect = element.getBoundingClientRect();\n overlay.style.top = `${rect.top + window.scrollY}px`;\n overlay.style.left = `${rect.left + window.scrollX}px`;\n overlay.style.width = `${rect.width}px`;\n overlay.style.height = `${rect.height}px`;\n\n // Check if label already exists in overlay\n let label = overlay.querySelector(\"div\") as HTMLDivElement \| null;\n\n if (!label) {\n label = document.createElement(\"div\");\n label.textContent = element.tagName.toLowerCase();\n label.style.position = \"absolute\";\n label.style.top = LABEL_TOP_OFFSET;\n label.style.left = LABEL_LEFT_OFFSET;\n label.style.padding = \"2px 8px\";\n label.style.fontSize = \"11px\";\n label.style.fontWeight = isSelected ? \"500\" : \"400\";\n label.style.color = isSelected ? \"#ffffff\" : \"#526cff\";\n label.style.backgroundColor = isSelected ? \"#526cff\" : \"#DBEAFE\";\n label.style.borderRadius = \"3px\";\n label.style.minWidth = \"24px\";\n label.style.textAlign = \"center\";\n overlay.appendChild(label);\n }\n}\n\n/\n Clear all overlays from DOM\n /\nexport function clearOverlays(overlays: HTMLDivElement[]): void {\n overlays.forEach((overlay) => {\n if (overlay && overlay.parentNode) {\n overlay.remove();\n }\n });\n}\n\n/\n Remove data-selected attribute, clear selected overlays, and reset selection state\n /\nexport function clearSelection(state: AgentState): void {\n if (state.isInlineEditExperimentEnabled && state.selectedElementId) {\n const elements = findElementsById(state.selectedElementId);\n elements.forEach((el) => {\n if (el instanceof HTMLElement) {\n delete el.dataset.selected;\n }\n });\n }\n clearOverlays(state.selectedOverlays);\n state.selectedOverlays = [];\n state.selectedElementId = null;\n}\n\n/\n Reposition selected overlays to match current element bounds\n /\nexport function repositionSelectedOverlays(state: AgentState): void {\n if (!state.selectedElementId) return;\n const elements = findElementsById(state.selectedElementId);\n state.selectedOverlays.forEach((overlay, index) => {\n const element = elements[index];\n if (element) {\n positionOverlay(overlay, element, true, state.isVisualEditMode);\n }\n });\n}\n\n/\n Reposition hover overlays to match current element bounds\n /\nexport function repositionHoverOverlays(state: AgentState): void {\n state.hoverOverlays.forEach((overlay, index) => {\n const element = state.currentHighlightedElements[index];\n if (element) {\n positionOverlay(overlay, element, false, state.isVisualEditMode);\n }\n });\n}\n","import type { AgentState } from \"../state/agent-state.js\";\nimport { findElementsById } from \"../../utils.js\";\nimport { createOverlay, positionOverlay, clearOverlays } from \"../ui/overlay.js\";\n\n/\n Clear hover overlays\n /\nexport function clearHoverOverlays(state: AgentState): void {\n clearOverlays(state.hoverOverlays);\n state.hoverOverlays = [];\n state.currentHighlightedElements = [];\n}\n\n/\n Handle mouse over event\n /\nexport function handleMouseOver(state: AgentState, e: MouseEvent): void {\n if (!state.isVisualEditMode \|\| state.isPopoverDragging \|\| state.currentEditingElement) return;\n\n const target = e.target as Element;\n\n // Prevent hover effects when a dropdown is open\n if (state.isDropdownOpen) {\n clearHoverOverlays(state);\n return;\n }\n\n // Prevent hover effects on SVG path elements\n if (target.tagName.toLowerCase() === \"path\") {\n clearHoverOverlays(state);\n return;\n }\n\n // Support both data-source-location and data-visual-selector-id\n const element = target.closest(\n \"[data-source-location], [data-visual-selector-id]\"\n );\n if (!element) {\n clearHoverOverlays(state);\n return;\n }\n\n // Prefer data-source-location, fallback to data-visual-selector-id\n const htmlElement = element as HTMLElement;\n const selectorId =\n htmlElement.dataset.sourceLocation \|\|\n htmlElement.dataset.visualSelectorId;\n\n // Skip if this element is already selected\n if (state.selectedElementId === selectorId) {\n clearHoverOverlays(state);\n return;\n }\n\n // Find all elements with the same ID\n const elements = findElementsById(selectorId \|\| null);\n\n // Clear previous hover overlays\n clearHoverOverlays(state);\n\n // Create overlays for all matching elements\n elements.forEach((el) => {\n const overlay = createOverlay(false);\n document.body.appendChild(overlay);\n state.hoverOverlays.push(overlay);\n positionOverlay(overlay, el, false, state.isVisualEditMode);\n });\n\n state.currentHighlightedElements = elements;\n}\n\n/\n Handle mouse out event\n /\nexport function handleMouseOut(state: AgentState): void {\n if (state.isPopoverDragging \|\| state.currentEditingElement) return;\n clearHoverOverlays(state);\n}\n","/\n Inject CSS to suppress the browser's default focus outline on contentEditable elements\n /\nexport function injectFocusOutlineCSS(): void {\n const existingStyle = document.getElementById(\"visual-edit-focus-styles\");\n if (existingStyle) return;\n\n const style = document.createElement(\"style\");\n style.id = \"visual-edit-focus-styles\";\n style.textContent = `\n [data-selected=\"true\"][contenteditable=\"true\"]:focus {\n outline: none !important;\n }\n `;\n document.head.appendChild(style);\n}\n\n/\n Remove the injected focus outline CSS\n /\nexport function removeFocusOutlineCSS(): void {\n const style = document.getElementById(\"visual-edit-focus-styles\");\n if (style) {\n style.remove();\n }\n}\n","/\n Select all text content in an element using the Selection API\n /\nexport function selectText(element: HTMLElement): void {\n const range = document.createRange();\n range.selectNodeContents(element);\n const selection = window.getSelection();\n selection?.removeAllRanges();\n selection?.addRange(range);\n}\n\n/\n Check if an element is an editable text element\n * Based on the eligibility rules from inlineEdit.md (non-dynamic only)\n /\nexport function isEditableTextElement(element: Element): boolean {\n // Must be an HTMLElement\n if (!(element instanceof HTMLElement)) {\n return false;\n }\n\n // Must be an allowed tag\n const allowedTags = [\n \"div\",\n \"p\",\n \"h1\",\n \"h2\",\n \"h3\",\n \"h4\",\n \"h5\",\n \"h6\",\n \"span\",\n \"li\",\n \"td\",\n \"a\",\n \"button\",\n \"label\",\n ];\n if (!allowedTags.includes(element.tagName.toLowerCase())) {\n return false;\n }\n\n // Must have text content\n const textContent = element.textContent?.trim() \|\| \"\";\n if (textContent.length === 0) {\n return false;\n }\n\n // Must NOT contain img, video, canvas, or svg\n const hasMediaElements =\n element.querySelector(\"img, video, canvas, svg\") !== null;\n if (hasMediaElements) {\n return false;\n }\n\n // Must NOT have complex children (must be a leaf text node or simple container)\n if (element.children.length > 0) {\n return false;\n }\n\n // Must NOT be dynamic content\n if (element.dataset.dynamicContent === \"true\") {\n return false;\n }\n\n return true;\n}\n","import { injectFocusOutlineCSS, removeFocusOutlineCSS } from \"./styles.js\";\nimport { selectText, isEditableTextElement } from \"./validation.js\";\n\n/\n Callback function type for handling text input changes\n /\ntype OnTextInputChange = (element: HTMLElement) => void;\n\n/\n Global callback that gets triggered on every input event\n * This is set by the visual-edit-agent and includes both updatePosition and reportInlineEdit\n /\nlet onTextInputChangeCallback: OnTextInputChange \| null = null;\n\n/\n Set the callback function that will be called on text input changes\n /\nexport function setInlineEditCallback(callback: OnTextInputChange \| null): void {\n onTextInputChangeCallback = callback;\n}\n\n/\n WeakMap to track AbortControllers for each element's input listener.\n * Using WeakMap ensures no memory leaks — when an element is garbage collected,\n * its entry is automatically removed.\n /\nconst listenerAbortControllers = new WeakMap<HTMLElement, AbortController>();\n\n/\n Internal handler for the native input event\n /\nfunction handleInputEvent(this: HTMLElement, e: Event): void {\n if (onTextInputChangeCallback) {\n onTextInputChangeCallback(this);\n }\n}\n\n/\n Check if an element should enter inline editing mode\n * Called when user clicks on an already-selected element\n /\nexport function shouldEnterInlineEditingMode(element: Element): boolean {\n // Must have data-selected=\"true\"\n if (!(element instanceof HTMLElement) \|\| element.dataset.selected !== \"true\") {\n return false;\n }\n\n // Must pass all editability checks\n if (!isEditableTextElement(element)) {\n return false;\n }\n\n return true;\n}\n\n/\n Enable contentEditable mode on an element\n * Follows the exact flow from inlineEdit.md\n /\nexport function enterInlineEditingMode(element: HTMLElement): void {\n // Inject CSS to suppress focus outline\n injectFocusOutlineCSS();\n\n // Store original state\n element.dataset.originalTextContent = element.textContent \|\| \"\";\n element.dataset.originalCursor = element.style.cursor;\n\n // Enable contentEditable\n element.contentEditable = \"true\";\n\n // Create an AbortController to manage the input listener lifecycle\n const abortController = new AbortController();\n listenerAbortControllers.set(element, abortController);\n\n // Add input event listener with AbortSignal for automatic cleanup\n element.addEventListener(\"input\", handleInputEvent, { signal: abortController.signal });\n\n // Set cursor to text\n element.style.cursor = \"text\";\n\n // Select all text\n selectText(element);\n\n // Focus after render\n setTimeout(() => {\n element.focus();\n }, 0);\n}\n\n/\n Disable contentEditable mode on an element\n * Reverses everything done by enterInlineEditingMode\n /\nexport function clearInlineEditingMode(element: HTMLElement): void {\n // Abort the input event listener using the stored AbortController\n const abortController = listenerAbortControllers.get(element);\n if (abortController) {\n abortController.abort();\n listenerAbortControllers.delete(element);\n }\n\n // If element was removed from DOM before cleanup, skip DOM operations\n if (!element.isConnected) {\n return;\n }\n\n removeFocusOutlineCSS();\n\n // Disable contentEditable\n element.contentEditable = \"false\";\n\n // Remove stored original text content\n delete element.dataset.originalTextContent;\n\n // Restore original cursor\n if (element.dataset.originalCursor !== undefined) {\n element.style.cursor = element.dataset.originalCursor;\n delete element.dataset.originalCursor;\n }\n}\n","import type { ElementPosition } from \"../handlers/messages/types.js\";\n\n/\n Calculate element position from bounding rect\n /\nexport function getElementPosition(rect: DOMRect): ElementPosition {\n return {\n top: rect.top,\n left: rect.left,\n right: rect.right,\n bottom: rect.bottom,\n width: rect.width,\n height: rect.height,\n centerX: rect.left + rect.width / 2,\n centerY: rect.top + rect.height / 2,\n };\n}\n\n/\n Check if element rect is in viewport\n /\nexport function isElementInViewport(rect: DOMRect): boolean {\n return (\n rect.top < window.innerHeight &&\n rect.bottom > 0 &&\n rect.left < window.innerWidth &&\n rect.right > 0\n );\n}\n\n/\n Get element classes (handles both HTML and SVG)\n /\nexport function getElementClasses(element: Element): string {\n if (element instanceof SVGElement) {\n return (element.className as unknown as SVGAnimatedString)?.baseVal \|\| \"\";\n }\n return element.className \|\| \"\";\n}\n","import type { AgentState } from \"../state/agent-state.js\";\nimport { OutgoingMessageType } from \"./messages/types.js\";\nimport { repositionSelectedOverlays } from \"../ui/overlay.js\";\nimport {\n enterInlineEditingMode,\n clearInlineEditingMode,\n setInlineEditCallback,\n} from \"../capabilities/inline-editing/index.js\";\nimport { INLINE_EDIT_DEBOUNCE_MS } from \"../constants.js\";\nimport { getElementPosition, getElementClasses } from \"../utils/dom-utils.js\";\n\n/\n Enter inline editing mode\n /\nexport function handleEnterInlineEditingMode(state: AgentState, element: HTMLElement): void {\n state.currentEditingElement = element;\n\n // Hide overlays during editing\n state.selectedOverlays.forEach((overlay) => {\n overlay.style.display = \"none\";\n });\n\n // Enter inline editing mode (from capabilities/inline-editing)\n enterInlineEditingMode(element);\n\n // Notify parent\n window.parent.postMessage(\n {\n type: OutgoingMessageType.CONTENT_EDITING_STARTED,\n visualSelectorId: state.selectedElementId,\n },\n \"\"\n );\n}\n\n/*\n Clear inline editing mode\n /\nexport function handleClearInlineEditingMode(state: AgentState): void {\n if (!state.currentEditingElement) return;\n\n // Cancel any pending debounced edit — originalTextContent will be deleted below\n if (state.debouncedSendTimeout) {\n clearTimeout(state.debouncedSendTimeout);\n state.debouncedSendTimeout = null;\n }\n\n const element = state.currentEditingElement;\n\n // Clear inline editing mode (from capabilities/inline-editing)\n clearInlineEditingMode(element);\n\n // Show overlays again\n state.selectedOverlays.forEach((overlay) => {\n overlay.style.display = \"\";\n });\n\n repositionSelectedOverlays(state);\n\n // Notify parent that editing ended\n window.parent.postMessage(\n {\n type: OutgoingMessageType.CONTENT_EDITING_ENDED,\n visualSelectorId: state.selectedElementId,\n },\n \"\"\n );\n\n state.currentEditingElement = null;\n}\n\n/*\n Report inline edit to parent\n /\nfunction reportInlineEdit(state: AgentState, element: HTMLElement): void {\n const originalContent = element.dataset.originalTextContent;\n const newContent = element.textContent;\n\n const elementInfo = {\n tagName: element.tagName,\n classes: getElementClasses(element),\n visualSelectorId: state.selectedElementId,\n content: newContent,\n dataSourceLocation: element.dataset.sourceLocation,\n isDynamicContent: element.dataset.dynamicContent === \"true\",\n linenumber: element.dataset.linenumber,\n filename: element.dataset.filename,\n position: getElementPosition(element.getBoundingClientRect()),\n };\n\n // Send inline edit message\n window.parent.postMessage(\n {\n type: OutgoingMessageType.INLINE_EDIT,\n elementInfo,\n originalContent,\n newContent,\n },\n \"\"\n );\n\n // Update baseline for next edit\n element.dataset.originalTextContent = newContent \|\| \"\";\n}\n\n/*\n Debounced function to send inline edit messages\n * \n * Intentionally overwrites the previous timeout on each keystroke — this is the\n * correct debounce behavior. We only send ONE message 500ms after the user stops\n * typing, containing the final text. Intermediate keystrokes are not sent to avoid\n * flooding the parent with dozens of messages per second.\n /\nfunction debouncedSendInlineEditMessage(state: AgentState, element: HTMLElement): void {\n // Clear any existing timeout\n if (state.debouncedSendTimeout) {\n clearTimeout(state.debouncedSendTimeout);\n }\n\n // Set new timeout\n state.debouncedSendTimeout = setTimeout(() => {\n reportInlineEdit(state, element);\n }, INLINE_EDIT_DEBOUNCE_MS);\n}\n\n/\n Callback for text input changes (combines updatePosition and reportInlineEdit)\n /\nfunction createTextInputChangeCallback(state: AgentState) {\n return (element: HTMLElement) => {\n repositionSelectedOverlays(state);\n debouncedSendInlineEditMessage(state, element);\n };\n}\n\n/\n Setup inline edit callback\n /\nexport function setupInlineEditCallback(state: AgentState): void {\n setInlineEditCallback(createTextInputChangeCallback(state));\n}\n","import type { AgentState } from \"../state/agent-state.js\";\nimport { OutgoingMessageType } from \"./messages/types.js\";\nimport { findElementsById } from \"../../utils.js\";\nimport { createOverlay, positionOverlay, clearSelection } from \"../ui/overlay.js\";\nimport { clearHoverOverlays } from \"./hover-handlers.js\";\nimport { shouldEnterInlineEditingMode } from \"../capabilities/inline-editing/index.js\";\nimport { handleClearInlineEditingMode, handleEnterInlineEditingMode } from \"./inline-edit-handlers.js\";\nimport { getElementPosition, getElementClasses } from \"../utils/dom-utils.js\";\n\n/\n Handle element selection (first click)\n /\nexport function handleElementSelection(\n state: AgentState,\n element: Element,\n visualSelectorId: string \| null\n): void {\n if (state.currentEditingElement) {\n handleClearInlineEditingMode(state);\n }\n clearSelection(state);\n\n // Find all elements with the same ID\n const elements = findElementsById(visualSelectorId);\n\n if (state.isInlineEditExperimentEnabled) {\n elements.forEach((el) => {\n if (el instanceof HTMLElement) {\n el.dataset.selected = \"true\";\n }\n });\n }\n\n // Create selected overlays for all matching elements\n elements.forEach((el) => {\n const overlay = createOverlay(true);\n document.body.appendChild(overlay);\n state.selectedOverlays.push(overlay);\n positionOverlay(overlay, el, true, state.isVisualEditMode);\n });\n\n state.selectedElementId = visualSelectorId;\n\n // Clear hover overlays\n clearHoverOverlays(state);\n\n // Send message to parent window with element info\n const htmlElement = element as HTMLElement;\n const elementData = {\n type: OutgoingMessageType.ELEMENT_SELECTED,\n tagName: element.tagName,\n classes: getElementClasses(element),\n visualSelectorId: visualSelectorId,\n content: htmlElement.innerText,\n dataSourceLocation: htmlElement.dataset.sourceLocation,\n isDynamicContent: htmlElement.dataset.dynamicContent === \"true\",\n linenumber: htmlElement.dataset.linenumber,\n filename: htmlElement.dataset.filename,\n position: getElementPosition(element.getBoundingClientRect()),\n };\n window.parent.postMessage(elementData, \"\");\n}\n\n/*\n Handle element click\n /\nexport function handleElementClick(state: AgentState, e: MouseEvent): void {\n if (!state.isVisualEditMode) return;\n\n const target = e.target as Element;\n\n // Bail out early if clicking on a contentEditable element (allow normal editing)\n if (state.isInlineEditExperimentEnabled && target instanceof HTMLElement && target.contentEditable === \"true\") {\n return;\n }\n\n // If currently editing, clicking outside should exit editing mode\n if (state.currentEditingElement) {\n e.preventDefault();\n e.stopPropagation();\n e.stopImmediatePropagation();\n handleClearInlineEditingMode(state);\n return;\n }\n\n // Close dropdowns when clicking anywhere in iframe if a dropdown is open\n if (state.isDropdownOpen) {\n e.preventDefault();\n e.stopPropagation();\n e.stopImmediatePropagation();\n\n window.parent.postMessage({ type: OutgoingMessageType.CLOSE_DROPDOWNS }, \"\");\n return;\n }\n\n // Prevent clicking on SVG path elements\n if (target.tagName.toLowerCase() === \"path\") {\n return;\n }\n\n // Prevent default behavior immediately when in visual edit mode\n e.preventDefault();\n e.stopPropagation();\n e.stopImmediatePropagation();\n\n // Support both data-source-location and data-visual-selector-id\n const element = target.closest(\n \"[data-source-location], [data-visual-selector-id]\"\n );\n if (!element) {\n return;\n }\n\n const htmlElement = element as HTMLElement;\n const visualSelectorId =\n htmlElement.dataset.sourceLocation \|\|\n htmlElement.dataset.visualSelectorId;\n\n // Check if this element is already selected (second click scenario)\n const isAlreadySelected =\n state.selectedElementId === visualSelectorId &&\n htmlElement.dataset.selected === \"true\";\n\n if (isAlreadySelected) {\n // Second click on already-selected element: check if it should enter inline editing\n // Only if the experiment is enabled\n if (state.isInlineEditExperimentEnabled && shouldEnterInlineEditingMode(htmlElement)) {\n handleEnterInlineEditingMode(state, htmlElement);\n return;\n }\n }\n\n // First click: select the element\n handleElementSelection(state, element, visualSelectorId \|\| null);\n}\n","import type { AgentState } from \"../../state/agent-state.js\";\nimport type { ToggleVisualEditModeMessage } from \"./types.js\";\nimport { clearSelection } from \"../../ui/overlay.js\";\nimport { clearHoverOverlays } from \"../hover-handlers.js\";\nimport { handleClearInlineEditingMode } from \"../inline-edit-handlers.js\";\n\n/*\n Toggle visual edit mode on/off\n /\nexport function toggleVisualEditMode(state: AgentState, isEnabled: boolean): void {\n state.isVisualEditMode = isEnabled;\n\n if (!isEnabled) {\n if (state.currentEditingElement) {\n handleClearInlineEditingMode(state);\n }\n\n clearHoverOverlays(state);\n clearSelection(state);\n state.currentHighlightedElements = [];\n document.body.style.cursor = \"default\";\n } else {\n document.body.style.cursor = \"crosshair\";\n }\n}\n\n/\n Handle toggle-visual-edit-mode message\n /\nexport function handleToggleVisualEditMode(\n state: AgentState,\n message: ToggleVisualEditModeMessage\n): void {\n toggleVisualEditMode(state, message.data.enabled);\n \n // Update inline edit experiment flag if provided\n if (message.data.specs?.newInlineEditEnabled !== undefined) {\n state.isInlineEditExperimentEnabled = message.data.specs.newInlineEditEnabled;\n }\n}\n","import type { AgentState } from \"../../state/agent-state.js\";\nimport type { ToggleInlineEditModeMessage } from \"./types.js\";\nimport { findElementsById } from \"../../../utils.js\";\nimport { shouldEnterInlineEditingMode } from \"../../capabilities/inline-editing/index.js\";\nimport { handleEnterInlineEditingMode, handleClearInlineEditingMode } from \"../inline-edit-handlers.js\";\nimport { clearSelection } from \"../../ui/overlay.js\";\nimport { createOverlay, positionOverlay } from \"../../ui/overlay.js\";\n\n/\n Handle toggle-inline-edit-mode message (parent-initiated)\n /\nexport function handleToggleInlineEditMode(\n state: AgentState,\n message: ToggleInlineEditModeMessage\n): void {\n if (!state.isInlineEditExperimentEnabled) {\n return;\n }\n\n if (!message.data \|\| !message.data.dataSourceLocation) {\n return;\n }\n\n const elements = findElementsById(message.data.dataSourceLocation);\n if (elements.length === 0 \|\| !(elements[0] instanceof HTMLElement)) {\n return;\n }\n\n const element = elements[0];\n\n if (message.data.inlineEditingMode) {\n // Enable inline editing (only for non-dynamic text elements)\n if (shouldEnterInlineEditingMode(element)) {\n // Select the element first if not already selected\n if (state.selectedElementId !== message.data.dataSourceLocation) {\n // Clear any existing selection\n if (state.currentEditingElement) {\n handleClearInlineEditingMode(state);\n }\n clearSelection(state);\n\n // Find all elements with the same ID\n const elements = findElementsById(message.data.dataSourceLocation);\n\n // Mark elements as selected\n elements.forEach((el) => {\n if (el instanceof HTMLElement) {\n el.dataset.selected = \"true\";\n }\n });\n\n // Create selected overlays for all matching elements\n elements.forEach((el) => {\n const overlay = createOverlay(true);\n document.body.appendChild(overlay);\n state.selectedOverlays.push(overlay);\n positionOverlay(overlay, el, true, state.isVisualEditMode);\n });\n\n state.selectedElementId = message.data.dataSourceLocation;\n }\n handleEnterInlineEditingMode(state, element);\n }\n } else {\n // Disable inline editing\n if (state.currentEditingElement === element) {\n handleClearInlineEditingMode(state);\n }\n }\n}\n","import type { AgentState } from \"../state/agent-state.js\";\nimport { IncomingMessageType, OutgoingMessageType } from \"./messages/types.js\";\nimport { findElementsById, updateElementClasses } from \"../../utils.js\";\nimport { clearSelection, repositionSelectedOverlays, repositionHoverOverlays } from \"../ui/overlay.js\";\nimport { clearHoverOverlays } from \"./hover-handlers.js\";\nimport { handleClearInlineEditingMode } from \"./inline-edit-handlers.js\";\nimport { REPOSITION_DELAY_MS } from \"../constants.js\";\nimport { handleToggleVisualEditMode } from \"./messages/toggle-visual-edit-mode.js\";\nimport { handleToggleInlineEditMode } from \"./messages/toggle-inline-edit-mode.js\";\nimport { getElementPosition, isElementInViewport } from \"../utils/dom-utils.js\";\n\n/\n Send element position update to parent\n /\nfunction sendElementPositionUpdate(state: AgentState): void {\n if (!state.selectedElementId) return;\n\n const elements = findElementsById(state.selectedElementId);\n const [element] = elements;\n if (!element) return;\n\n const rect = element.getBoundingClientRect();\n\n window.parent.postMessage(\n {\n type: OutgoingMessageType.ELEMENT_POSITION_UPDATE,\n position: getElementPosition(rect),\n isInViewport: isElementInViewport(rect),\n visualSelectorId: state.selectedElementId,\n },\n \"\"\n );\n}\n\n/*\n Unselect the current element\n /\nexport function unselectElement(state: AgentState): void {\n if (state.currentEditingElement) {\n handleClearInlineEditingMode(state);\n }\n clearSelection(state);\n}\n\n/\n Update element classes and reposition overlays\n /\nexport function updateElementClassesAndReposition(\n state: AgentState,\n visualSelectorId: string,\n classes: string\n): void {\n const elements = findElementsById(visualSelectorId);\n if (elements.length === 0) return;\n\n updateElementClasses(elements, classes);\n\n // Use a small delay to allow the browser to recalculate layout before repositioning\n setTimeout(() => {\n if (state.selectedElementId === visualSelectorId) {\n repositionSelectedOverlays(state);\n }\n\n if (state.currentHighlightedElements.length > 0) {\n const hoveredElement = state.currentHighlightedElements[0] as HTMLElement;\n if (hoveredElement?.dataset?.visualSelectorId === visualSelectorId) {\n repositionHoverOverlays(state);\n }\n }\n }, REPOSITION_DELAY_MS);\n}\n\n/\n Update element content by visual selector ID\n /\nexport function updateElementContent(\n state: AgentState,\n visualSelectorId: string,\n content: string\n): void {\n const elements = findElementsById(visualSelectorId);\n\n if (elements.length === 0) {\n return;\n }\n\n elements.forEach((element) => {\n (element as HTMLElement).innerText = content;\n });\n\n setTimeout(() => {\n if (state.selectedElementId === visualSelectorId) {\n repositionSelectedOverlays(state);\n }\n }, REPOSITION_DELAY_MS);\n}\n\n/\n Handle scroll events to update popover position\n /\nexport function handleScroll(state: AgentState): void {\n sendElementPositionUpdate(state);\n}\n\n/\n Handle window resize to reposition overlays\n /\nexport function handleResize(state: AgentState): void {\n repositionSelectedOverlays(state);\n repositionHoverOverlays(state);\n}\n\n/\n Handle messages from parent window\n /\nexport function handleMessage(state: AgentState, event: MessageEvent): void {\n const message = event.data;\n\n switch (message.type as IncomingMessageType) {\n case IncomingMessageType.TOGGLE_VISUAL_EDIT_MODE:\n handleToggleVisualEditMode(state, message);\n break;\n\n case IncomingMessageType.UPDATE_CLASSES:\n if (message.data && message.data.classes !== undefined) {\n updateElementClassesAndReposition(\n state,\n message.data.visualSelectorId,\n message.data.classes\n );\n } else {\n console.warn(\n \"[VisualEditAgent] Invalid update-classes message:\",\n message\n );\n }\n break;\n\n case IncomingMessageType.UNSELECT_ELEMENT:\n unselectElement(state);\n break;\n\n case IncomingMessageType.REFRESH_PAGE:\n window.location.reload();\n break;\n\n case IncomingMessageType.UPDATE_CONTENT:\n if (message.data && message.data.content !== undefined) {\n updateElementContent(\n state,\n message.data.visualSelectorId,\n message.data.content\n );\n } else {\n console.warn(\n \"[VisualEditAgent] Invalid update-content message:\",\n message\n );\n }\n break;\n\n case IncomingMessageType.TOGGLE_INLINE_EDIT_MODE:\n handleToggleInlineEditMode(state, message);\n break;\n\n case IncomingMessageType.REQUEST_ELEMENT_POSITION:\n sendElementPositionUpdate(state);\n break;\n\n case IncomingMessageType.POPOVER_DRAG_STATE:\n if (message.data && message.data.isDragging !== undefined) {\n state.isPopoverDragging = message.data.isDragging;\n if (message.data.isDragging) {\n clearHoverOverlays(state);\n }\n }\n break;\n\n case IncomingMessageType.DROPDOWN_STATE:\n if (message.data && message.data.isOpen !== undefined) {\n state.isDropdownOpen = message.data.isOpen;\n if (message.data.isOpen) {\n clearHoverOverlays(state);\n }\n }\n break;\n\n default:\n break;\n }\n}\n","import { createAgentState } from \"./state/agent-state.js\";\nimport { handleMouseOver, handleMouseOut } from \"./handlers/hover-handlers.js\";\nimport { handleElementClick } from \"./handlers/click-handlers.js\";\nimport { handleMessage, handleScroll, handleResize } from \"./handlers/message-handlers.js\";\nimport { setupInlineEditCallback } from \"./handlers/inline-edit-handlers.js\";\nimport { OutgoingMessageType } from \"./handlers/messages/types.js\";\n\n/\n Initialize element IDs for elements with line numbers\n /\nfunction initializeElementIds(): void {\n const elementsWithLineNumber = document.querySelectorAll(\n \"[data-linenumber]:not([data-visual-selector-id])\"\n );\n elementsWithLineNumber.forEach((el, index) => {\n const htmlEl = el as HTMLElement;\n const id = `visual-id-${htmlEl.dataset.filename}-${htmlEl.dataset.linenumber}-${index}`;\n htmlEl.dataset.visualSelectorId = id;\n });\n}\n\n/\n Create mutation observer to detect layout changes.\n * Uses requestAnimationFrame to coalesce many rapid mutations into one reposition\n * per paint frame, avoiding stacking multiple timers during CSS transitions.\n /\nfunction createLayoutObserver(onLayoutChange: () => void): MutationObserver {\n let rafHandle: number \| null = null;\n\n const hasVisualId = (node: Node): boolean => {\n if (node.nodeType !== Node.ELEMENT_NODE) return false;\n const el = node as HTMLElement;\n if (el.dataset?.visualSelectorId) return true;\n for (const child of Array.from(el.children)) {\n if (hasVisualId(child)) return true;\n }\n return false;\n };\n\n return new MutationObserver((mutations) => {\n if (rafHandle !== null) return;\n\n const needsUpdate = mutations.some((mutation) => {\n const isLayoutChange =\n mutation.type === \"attributes\" &&\n (mutation.attributeName === \"style\" \|\|\n mutation.attributeName === \"class\" \|\|\n mutation.attributeName === \"width\" \|\|\n mutation.attributeName === \"height\");\n\n return isLayoutChange && hasVisualId(mutation.target);\n });\n\n if (needsUpdate) {\n // Coalesce rapid mutations into a single reposition per paint frame,\n // avoiding stacked timers during CSS transitions\n rafHandle = requestAnimationFrame(() => {\n rafHandle = null;\n onLayoutChange();\n });\n }\n });\n}\n\n/\n Setup event listeners\n /\nfunction setupEventListeners(state: ReturnType<typeof createAgentState>): void {\n // Message handling\n window.addEventListener(\"message\", (e) => handleMessage(state, e));\n\n // Scroll handling\n window.addEventListener(\"scroll\", () => handleScroll(state), true);\n document.addEventListener(\"scroll\", () => handleScroll(state), true);\n\n // Resize handling\n window.addEventListener(\"resize\", () => handleResize(state));\n window.addEventListener(\"scroll\", () => handleResize(state));\n\n // Click handling\n document.addEventListener(\"click\", (e) => handleElementClick(state, e), true);\n\n // Hover handling\n document.addEventListener(\"mouseover\", (e) => handleMouseOver(state, e));\n document.addEventListener(\"mouseout\", () => handleMouseOut(state));\n}\n\n/\n Main setup function for visual edit agent\n /\nexport function setupVisualEditAgent(): void {\n const state = createAgentState();\n initializeElementIds();\n setupInlineEditCallback(state);\n setupEventListeners(state);\n\n // Create and start mutation observer\n const mutationObserver = createLayoutObserver(() => handleResize(state));\n mutationObserver.observe(document.body, {\n attributes: true,\n childList: true,\n subtree: true,\n attributeFilter: [\"style\", \"class\", \"width\", \"height\"],\n });\n\n // Send ready message to parent\n window.parent.postMessage({ type: OutgoingMessageType.VISUAL_EDIT_AGENT_READY }, \"\");\n}\n"],"mappings":"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","names":["createAgentState","findElementsById","id","sourceElements","updateElementClasses","elements","classes","element","OVERLAY_TRANSITION","OVERLAY_Z_INDEX","SELECTED_BORDER_COLOR","HOVER_BORDER_COLOR","HOVER_BACKGROUND_COLOR","LABEL_TOP_OFFSET","LABEL_LEFT_OFFSET","createOverlay","isSelected","overlay","OVERLAY_TRANSITION","OVERLAY_Z_INDEX","SELECTED_BORDER_COLOR","HOVER_BORDER_COLOR","HOVER_BACKGROUND_COLOR","positionOverlay","element","isVisualEditMode","rect","label","LABEL_TOP_OFFSET","LABEL_LEFT_OFFSET","clearOverlays","overlays","clearSelection","state","findElementsById","el","repositionSelectedOverlays","elements","index","repositionHoverOverlays","clearHoverOverlays","state","clearOverlays","handleMouseOver","e","target","element","htmlElement","selectorId","elements","findElementsById","el","overlay","createOverlay","positionOverlay","handleMouseOut","injectFocusOutlineCSS","style","removeFocusOutlineCSS","selectText","element","range","selection","isEditableTextElement","onTextInputChangeCallback","setInlineEditCallback","callback","listenerAbortControllers","handleInputEvent","shouldEnterInlineEditingMode","element","isEditableTextElement","enterInlineEditingMode","injectFocusOutlineCSS","abortController","selectText","clearInlineEditingMode","removeFocusOutlineCSS","getElementPosition","rect","isElementInViewport","getElementClasses","element","handleEnterInlineEditingMode","state","element","overlay","enterInlineEditingMode","handleClearInlineEditingMode","clearInlineEditingMode","repositionSelectedOverlays","reportInlineEdit","originalContent","newContent","elementInfo","getElementClasses","getElementPosition","debouncedSendInlineEditMessage","createTextInputChangeCallback","setupInlineEditCallback","setInlineEditCallback","handleElementSelection","state","element","visualSelectorId","handleClearInlineEditingMode","clearSelection","elements","findElementsById","el","overlay","createOverlay","positionOverlay","clearHoverOverlays","htmlElement","elementData","getElementClasses","getElementPosition","handleElementClick","e","target","shouldEnterInlineEditingMode","handleEnterInlineEditingMode","toggleVisualEditMode","state","isEnabled","handleClearInlineEditingMode","clearHoverOverlays","clearSelection","handleToggleVisualEditMode","message","handleToggleInlineEditMode","state","message","elements","findElementsById","element","shouldEnterInlineEditingMode","handleClearInlineEditingMode","clearSelection","el","overlay","createOverlay","positionOverlay","handleEnterInlineEditingMode","sendElementPositionUpdate","state","elements","findElementsById","element","rect","getElementPosition","isElementInViewport","unselectElement","handleClearInlineEditingMode","clearSelection","updateElementClassesAndReposition","visualSelectorId","classes","updateElementClasses","repositionSelectedOverlays","repositionHoverOverlays","updateElementContent","content","handleScroll","handleResize","handleMessage","event","message","handleToggleVisualEditMode","handleToggleInlineEditMode","clearHoverOverlays","initializeElementIds","el","index","htmlEl","id","createLayoutObserver","onLayoutChange","rafHandle","hasVisualId","node","child","mutations","mutation","setupEventListeners","state","e","handleMessage","handleScroll","handleResize","handleElementClick","handleMouseOver","handleMouseOut","setupVisualEditAgent","createAgentState","setupInlineEditCallback"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@base44-preview/vite-plugin",
-  "version": "0.2.22-pr.37.68542f2",
+  "version": "0.2.22-pr.37.eb62313",
   "description": "The Vite plugin for base44 based applications",
   "type": "module",
   "license": "MIT",

package/src/injections/visual-edit-agent/capabilities/inline-editing/core.ts CHANGED Viewed

@@ -19,6 +19,13 @@ export function setInlineEditCallback(callback: OnTextInputChange | null): void
   onTextInputChangeCallback = callback;
 }
+/**
+ * WeakMap to track AbortControllers for each element's input listener.
+ * Using WeakMap ensures no memory leaks — when an element is garbage collected,
+ * its entry is automatically removed.
+ */
+const listenerAbortControllers = new WeakMap<HTMLElement, AbortController>();
 /**
  * Internal handler for the native input event
  */
@@ -61,8 +68,12 @@ export function enterInlineEditingMode(element: HTMLElement): void {
   // Enable contentEditable
   element.contentEditable = "true";
-  // Add input event listener
-  element.addEventListener("input", handleInputEvent);
+  // Create an AbortController to manage the input listener lifecycle
+  const abortController = new AbortController();
+  listenerAbortControllers.set(element, abortController);
+  // Add input event listener with AbortSignal for automatic cleanup
+  element.addEventListener("input", handleInputEvent, { signal: abortController.signal });
   // Set cursor to text
   element.style.cursor = "text";
@@ -81,10 +92,19 @@ export function enterInlineEditingMode(element: HTMLElement): void {
  * Reverses everything done by enterInlineEditingMode
  */
 export function clearInlineEditingMode(element: HTMLElement): void {
-  removeFocusOutlineCSS();
+  // Abort the input event listener using the stored AbortController
+  const abortController = listenerAbortControllers.get(element);
+  if (abortController) {
+    abortController.abort();
+    listenerAbortControllers.delete(element);
+  }
+  // If element was removed from DOM before cleanup, skip DOM operations
+  if (!element.isConnected) {
+    return;
+  }
-  // Remove input event listener
-  element.removeEventListener("input", handleInputEvent);
+  removeFocusOutlineCSS();
   // Disable contentEditable
   element.contentEditable = "false";

package/src/injections/visual-edit-agent/handlers/click-handlers.ts CHANGED Viewed

@@ -23,12 +23,13 @@ export function handleElementSelection(
   // Find all elements with the same ID
   const elements = findElementsById(visualSelectorId);
-  // Mark elements as selected
-  elements.forEach((el) => {
-    if (el instanceof HTMLElement) {
-      el.dataset.selected = "true";
-    }
-  });
+  if (state.isInlineEditExperimentEnabled) {
+    elements.forEach((el) => {
+      if (el instanceof HTMLElement) {
+        el.dataset.selected = "true";
+      }
+    });
+  }
   // Create selected overlays for all matching elements
   elements.forEach((el) => {
@@ -69,7 +70,7 @@ export function handleElementClick(state: AgentState, e: MouseEvent): void {
   const target = e.target as Element;
   // Bail out early if clicking on a contentEditable element (allow normal editing)
-  if (target instanceof HTMLElement && target.contentEditable === "true") {
+  if (state.isInlineEditExperimentEnabled && target instanceof HTMLElement && target.contentEditable === "true") {
     return;
   }

package/src/injections/visual-edit-agent/handlers/inline-edit-handlers.ts CHANGED Viewed

@@ -105,6 +105,11 @@ function reportInlineEdit(state: AgentState, element: HTMLElement): void {
 /**
  * Debounced function to send inline edit messages
+ *
+ * Intentionally overwrites the previous timeout on each keystroke — this is the
+ * correct debounce behavior. We only send ONE message 500ms after the user stops
+ * typing, containing the final text. Intermediate keystrokes are not sent to avoid
+ * flooding the parent with dozens of messages per second.
  */
 function debouncedSendInlineEditMessage(state: AgentState, element: HTMLElement): void {
   // Clear any existing timeout

package/src/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.ts CHANGED Viewed

@@ -2,8 +2,9 @@ import type { AgentState } from "../../state/agent-state.js";
 import type { ToggleInlineEditModeMessage } from "./types.js";
 import { findElementsById } from "../../../utils.js";
 import { shouldEnterInlineEditingMode } from "../../capabilities/inline-editing/index.js";
-import { handleElementSelection } from "../click-handlers.js";
 import { handleEnterInlineEditingMode, handleClearInlineEditingMode } from "../inline-edit-handlers.js";
+import { clearSelection } from "../../ui/overlay.js";
+import { createOverlay, positionOverlay } from "../../ui/overlay.js";
 /**
  * Handle toggle-inline-edit-mode message (parent-initiated)
@@ -12,17 +13,11 @@ export function handleToggleInlineEditMode(
   state: AgentState,
   message: ToggleInlineEditModeMessage
 ): void {
-  // Check if inline edit experiment is enabled
   if (!state.isInlineEditExperimentEnabled) {
-    console.log('[VisualEditAgent] toggle-inline-edit-mode ignored - experiment flag not enabled');
     return;
   }
-  console.log('[VisualEditAgent] Processing toggle-inline-edit-mode message');
-  // Parent-initiated inline editing mode toggle
   if (!message.data || !message.data.dataSourceLocation) {
-    console.warn('[VisualEditAgent] Invalid toggle-inline-edit-mode message - missing dataSourceLocation');
     return;
   }
@@ -38,7 +33,31 @@ export function handleToggleInlineEditMode(
     if (shouldEnterInlineEditingMode(element)) {
       // Select the element first if not already selected
       if (state.selectedElementId !== message.data.dataSourceLocation) {
-        handleElementSelection(state, element, message.data.dataSourceLocation);
+        // Clear any existing selection
+        if (state.currentEditingElement) {
+          handleClearInlineEditingMode(state);
+        }
+        clearSelection(state);
+        // Find all elements with the same ID
+        const elements = findElementsById(message.data.dataSourceLocation);
+        // Mark elements as selected
+        elements.forEach((el) => {
+          if (el instanceof HTMLElement) {
+            el.dataset.selected = "true";
+          }
+        });
+        // Create selected overlays for all matching elements
+        elements.forEach((el) => {
+          const overlay = createOverlay(true);
+          document.body.appendChild(overlay);
+          state.selectedOverlays.push(overlay);
+          positionOverlay(overlay, el, true, state.isVisualEditMode);
+        });
+        state.selectedElementId = message.data.dataSourceLocation;
       }
       handleEnterInlineEditingMode(state, element);
     }

package/src/injections/visual-edit-agent/index.ts CHANGED Viewed

@@ -31,8 +31,8 @@ function createLayoutObserver(onLayoutChange: () => void): MutationObserver {
     if (node.nodeType !== Node.ELEMENT_NODE) return false;
     const el = node as HTMLElement;
     if (el.dataset?.visualSelectorId) return true;
-    for (let i = 0; i < el.children.length; i++) {
-      if (hasVisualId(el.children[i]!)) return true;
+    for (const child of Array.from(el.children)) {
+      if (hasVisualId(child)) return true;
     }
     return false;
   };
@@ -52,6 +52,8 @@ function createLayoutObserver(onLayoutChange: () => void): MutationObserver {
     });
     if (needsUpdate) {
+      // Coalesce rapid mutations into a single reposition per paint frame,
+      // avoiding stacked timers during CSS transitions
       rafHandle = requestAnimationFrame(() => {
         rafHandle = null;
         onLayoutChange();
@@ -60,19 +62,6 @@ function createLayoutObserver(onLayoutChange: () => void): MutationObserver {
   });
 }
-/**
- * Setup keyboard event protection
- */
-function setupKeyboardProtection(): void {
-  document.addEventListener("keydown", (e: KeyboardEvent) => {
-    if (e.target instanceof HTMLElement && e.target.contentEditable === "true") {
-      // Don't report keyboard events during inline editing
-      return;
-    }
-    // Forward other keyboard events to parent if needed
-  }, true);
-}
 /**
  * Setup event listeners
  */
@@ -103,7 +92,6 @@ export function setupVisualEditAgent(): void {
   const state = createAgentState();
   initializeElementIds();
   setupInlineEditCallback(state);
-  setupKeyboardProtection();
   setupEventListeners(state);
   // Create and start mutation observer

package/src/injections/visual-edit-agent/ui/overlay.ts CHANGED Viewed

@@ -41,6 +41,9 @@ export function positionOverlay(
 ): void {
   if (!element || !isVisualEditMode) return;
+  // Force layout recalculation before reading bounding rect
+  void (element as HTMLElement).offsetWidth;
   const rect = element.getBoundingClientRect();
   overlay.style.top = `${rect.top + window.scrollY}px`;
   overlay.style.left = `${rect.left + window.scrollX}px`;
@@ -83,7 +86,7 @@ export function clearOverlays(overlays: HTMLDivElement[]): void {
  * Remove data-selected attribute, clear selected overlays, and reset selection state
  */
 export function clearSelection(state: AgentState): void {
-  if (state.selectedElementId) {
+  if (state.isInlineEditExperimentEnabled && state.selectedElementId) {
     const elements = findElementsById(state.selectedElementId);
     elements.forEach((el) => {
       if (el instanceof HTMLElement) {
@@ -103,8 +106,9 @@ export function repositionSelectedOverlays(state: AgentState): void {
   if (!state.selectedElementId) return;
   const elements = findElementsById(state.selectedElementId);
   state.selectedOverlays.forEach((overlay, index) => {
-    if (index < elements.length) {
-      positionOverlay(overlay, elements[index]!, true, state.isVisualEditMode);
+    const element = elements[index];
+    if (element) {
+      positionOverlay(overlay, element, true, state.isVisualEditMode);
     }
   });
 }
@@ -114,8 +118,9 @@ export function repositionSelectedOverlays(state: AgentState): void {
  */
 export function repositionHoverOverlays(state: AgentState): void {
   state.hoverOverlays.forEach((overlay, index) => {
-    if (index < state.currentHighlightedElements.length) {
-      positionOverlay(overlay, state.currentHighlightedElements[index]!, false, state.isVisualEditMode);
+    const element = state.currentHighlightedElements[index];
+    if (element) {
+      positionOverlay(overlay, element, false, state.isVisualEditMode);
     }
   });
 }