@base44-preview/vite-plugin 0.2.22-pr.37.fd9cb1a → 0.2.22-pr.39.4150ff4

package/dist/processors/shared-utils.d.ts

@@ -0,0 +1,19 @@
+import type { NodePath } from "@babel/traverse";
+import type * as t from "@babel/types";
+export declare class JSXAttributeUtils {
+    private types;
+    constructor(types: typeof t);
+    hasAttribute(path: NodePath<t.JSXOpeningElement>, attributeName: string): boolean;
+    addStringAttribute(path: NodePath<t.JSXOpeningElement>, attributeName: string, value: string): void;
+    addExpressionAttribute(path: NodePath<t.JSXOpeningElement>, attributeName: string, expression: t.Expression): void;
+}
+export declare class StaticValueUtils {
+    private types;
+    constructor(types: typeof t);
+    isPrimitiveLiteral(path: NodePath<t.Node>): boolean;
+    isStaticValue(path: NodePath<t.Node>, visited?: Set<string>): boolean;
+    isStaticIdentifier(path: NodePath<t.Identifier>, visited?: Set<string>): boolean;
+    isStaticObject(path: NodePath<t.ObjectExpression>, visited?: Set<string>): boolean;
+    isStaticArrayExpression(arrayExpression: NodePath<t.ArrayExpression>, visited?: Set<string>): boolean;
+}
+//# sourceMappingURL=shared-utils.d.ts.map

package/dist/processors/shared-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-utils.d.ts","sourceRoot":"","sources":["../../src/processors/shared-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,KAAK,CAAC,MAAM,cAAc,CAAC;AAGvC,qBAAa,iBAAiB;IAChB,OAAO,CAAC,KAAK;gBAAL,KAAK,EAAE,OAAO,CAAC;IAEnC,YAAY,CACV,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,EACnC,aAAa,EAAE,MAAM,GACpB,OAAO;IAQV,kBAAkB,CAChB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,EACnC,aAAa,EAAE,MAAM,EACrB,KAAK,EAAE,MAAM,GACZ,IAAI;IAWP,sBAAsB,CACpB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,EACnC,aAAa,EAAE,MAAM,EACrB,UAAU,EAAE,CAAC,CAAC,UAAU,GACvB,IAAI;CAUR;AAED,qBAAa,gBAAgB;IACf,OAAO,CAAC,KAAK;gBAAL,KAAK,EAAE,OAAO,CAAC;IAEnC,kBAAkB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,OAAO;IASnD,aAAa,CACX,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,EACtB,OAAO,GAAE,GAAG,CAAC,MAAM,CAAa,GAC/B,OAAO;IASV,kBAAkB,CAChB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,EAC5B,OAAO,GAAE,GAAG,CAAC,MAAM,CAAa,GAC/B,OAAO;IAoBV,cAAc,CACZ,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAClC,OAAO,GAAE,GAAG,CAAC,MAAM,CAAa,GAC/B,OAAO;IAOV,uBAAuB,CACrB,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,EAC5C,OAAO,GAAE,GAAG,CAAC,MAAM,CAAa,GAC/B,OAAO;CAMX"}

package/dist/processors/shared-utils.js

@@ -0,0 +1,77 @@
+import { JSXUtils } from "../jsx-utils.js";
+export class JSXAttributeUtils {
+    types;
+    constructor(types) {
+        this.types = types;
+    }
+    hasAttribute(path, attributeName) {
+        return path.node.attributes.some((attr) => this.types.isJSXAttribute(attr) &&
+            JSXUtils.getAttributeName(attr) === attributeName);
+    }
+    addStringAttribute(path, attributeName, value) {
+        if (!this.hasAttribute(path, attributeName)) {
+            path.node.attributes.push(this.types.jsxAttribute(this.types.jsxIdentifier(attributeName), this.types.stringLiteral(value)));
+        }
+    }
+    addExpressionAttribute(path, attributeName, expression) {
+        if (!this.hasAttribute(path, attributeName)) {
+            path.node.attributes.push(this.types.jsxAttribute(this.types.jsxIdentifier(attributeName), this.types.jsxExpressionContainer(expression)));
+        }
+    }
+}
+export class StaticValueUtils {
+    types;
+    constructor(types) {
+        this.types = types;
+    }
+    isPrimitiveLiteral(path) {
+        return (path.isStringLiteral() ||
+            path.isNumericLiteral() ||
+            path.isBooleanLiteral() ||
+            path.isNullLiteral());
+    }
+    isStaticValue(path, visited = new Set()) {
+        if (this.isPrimitiveLiteral(path))
+            return true;
+        if (path.isIdentifier())
+            return this.isStaticIdentifier(path, visited);
+        if (path.isObjectExpression())
+            return this.isStaticObject(path, visited);
+        if (path.isArrayExpression())
+            return this.isStaticArrayExpression(path, visited);
+        return false;
+    }
+    isStaticIdentifier(path, visited = new Set()) {
+        const binding = path.scope.getBinding(path.node.name);
+        if (!binding)
+            return false;
+        if (binding.kind === "module")
+            return true;
+        if (binding.kind === "const" && binding.path.isVariableDeclarator()) {
+            const name = path.node.name;
+            if (visited.has(name))
+                return false;
+            visited.add(name);
+            const init = binding.path.get("init");
+            if (init.hasNode()) {
+                return this.isStaticValue(init, visited);
+            }
+        }
+        return false;
+    }
+    isStaticObject(path, visited = new Set()) {
+        return path.get("properties").every((prop) => {
+            if (!prop.isObjectProperty())
+                return false;
+            return this.isStaticValue(prop.get("value"), visited);
+        });
+    }
+    isStaticArrayExpression(arrayExpression, visited = new Set()) {
+        return arrayExpression.get("elements").every((element) => {
+            if (!element.node || element.isSpreadElement())
+                return true;
+            return this.isStaticValue(element, visited);
+        });
+    }
+}
+//# sourceMappingURL=shared-utils.js.map

package/dist/processors/shared-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-utils.js","sourceRoot":"","sources":["../../src/processors/shared-utils.ts"],"names":[],"mappings":"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"}

package/dist/processors/static-array-processor.d.ts

@@ -0,0 +1,31 @@
+import type { NodePath } from "@babel/traverse";
+import type * as t from "@babel/types";
+export declare const DATA_ARR_INDEX = "data-arr-index";
+export declare const DATA_ARR_VARIABLE_NAME = "data-arr-variable-name";
+export declare const DATA_ARR_FIELD = "data-arr-field";
+export declare class StaticArrayProcessor {
+    private types;
+    private attributeUtils;
+    private staticValueUtils;
+    constructor(types: typeof t);
+    process(path: NodePath<t.JSXOpeningElement>): void;
+    private addDataAttributes;
+    private findTextContentFieldPath;
+    private extractFieldPathFromChild;
+    private extractFieldPath;
+    private collectMemberExpressionParts;
+    private ensureIndexParam;
+    private addIndexParamToCallback;
+    private getMapCallback;
+    private findParentArrayMap;
+    private tryExtractMapInfo;
+    private isMapCall;
+    private extractArrayMapInfo;
+    private extractIndexParam;
+    private extractArrayVariableName;
+    private isStaticArray;
+    private resolveArrayExpression;
+    private resolveIdentifierToArray;
+    private isStaticArrayExpression;
+}
+//# sourceMappingURL=static-array-processor.d.ts.map

package/dist/processors/static-array-processor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"static-array-processor.d.ts","sourceRoot":"","sources":["../../src/processors/static-array-processor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,KAAK,KAAK,CAAC,MAAM,cAAc,CAAC;AAGvC,eAAO,MAAM,cAAc,mBAAmB,CAAC;AAC/C,eAAO,MAAM,sBAAsB,2BAA2B,CAAC;AAC/D,eAAO,MAAM,cAAc,mBAAmB,CAAC;AAW/C,qBAAa,oBAAoB;IAInB,OAAO,CAAC,KAAK;IAHzB,OAAO,CAAC,cAAc,CAAoB;IAC1C,OAAO,CAAC,gBAAgB,CAAmB;gBAEvB,KAAK,EAAE,OAAO,CAAC;IAKnC,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,GAAG,IAAI;IAUlD,OAAO,CAAC,iBAAiB;IA4BzB,OAAO,CAAC,wBAAwB;IAehC,OAAO,CAAC,yBAAyB;IAYjC,OAAO,CAAC,gBAAgB;IAWxB,OAAO,CAAC,4BAA4B;IAmBpC,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,uBAAuB;IAY/B,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,kBAAkB;IAkB1B,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,SAAS;IAQjB,OAAO,CAAC,mBAAmB;IAsB3B,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,wBAAwB;IAMhC,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,sBAAsB;IAc9B,OAAO,CAAC,wBAAwB;IAWhC,OAAO,CAAC,uBAAuB;CAKhC"}

package/dist/processors/static-array-processor.js

@@ -0,0 +1,175 @@
+import { JSXAttributeUtils, StaticValueUtils } from "./shared-utils.js";
+export const DATA_ARR_INDEX = "data-arr-index";
+export const DATA_ARR_VARIABLE_NAME = "data-arr-variable-name";
+export const DATA_ARR_FIELD = "data-arr-field";
+const GENERATED_INDEX_PARAM = "__arrIdx__";
+export class StaticArrayProcessor {
+    types;
+    attributeUtils;
+    staticValueUtils;
+    constructor(types) {
+        this.types = types;
+        this.attributeUtils = new JSXAttributeUtils(types);
+        this.staticValueUtils = new StaticValueUtils(types);
+    }
+    process(path) {
+        const arrayInfo = this.findParentArrayMap(path);
+        if (!arrayInfo)
+            return;
+        if (!this.isStaticArray(arrayInfo.arrayExpression))
+            return;
+        const indexIdentifier = this.ensureIndexParam(arrayInfo);
+        this.addDataAttributes(path, arrayInfo, indexIdentifier);
+    }
+    addDataAttributes(path, arrayInfo, indexIdentifier) {
+        this.attributeUtils.addExpressionAttribute(path, DATA_ARR_INDEX, this.types.identifier(indexIdentifier));
+        if (arrayInfo.arrayVariableName) {
+            this.attributeUtils.addStringAttribute(path, DATA_ARR_VARIABLE_NAME, arrayInfo.arrayVariableName);
+        }
+        const fieldPath = this.findTextContentFieldPath(path, arrayInfo.callbackParam);
+        if (fieldPath) {
+            this.attributeUtils.addStringAttribute(path, DATA_ARR_FIELD, fieldPath);
+        }
+    }
+    findTextContentFieldPath(path, callbackParam) {
+        const parentElement = path.parentPath;
+        if (!parentElement?.isJSXElement())
+            return null;
+        for (const child of parentElement.get("children")) {
+            const fieldPath = this.extractFieldPathFromChild(child, callbackParam);
+            if (fieldPath)
+                return fieldPath;
+        }
+        return null;
+    }
+    extractFieldPathFromChild(child, callbackParam) {
+        if (!child.isJSXExpressionContainer())
+            return null;
+        const expression = child.get("expression");
+        if (!expression.isMemberExpression())
+            return null;
+        return this.extractFieldPath(expression, callbackParam);
+    }
+    extractFieldPath(expr, callbackParam) {
+        const parts = this.collectMemberExpressionParts(expr);
+        if (!parts)
+            return null;
+        const { rootName, propertyNames } = parts;
+        return rootName === callbackParam ? propertyNames.join(".") : null;
+    }
+    collectMemberExpressionParts(expr) {
+        const propertyNames = [];
+        let current = expr;
+        while (current.isMemberExpression()) {
+            const property = current.get("property");
+            if (!property.isIdentifier())
+                return null;
+            propertyNames.unshift(property.node.name);
+            current = current.get("object");
+        }
+        if (!current.isIdentifier())
+            return null;
+        return { rootName: current.node.name, propertyNames };
+    }
+    ensureIndexParam(arrayInfo) {
+        if (arrayInfo.indexParam) {
+            return arrayInfo.indexParam;
+        }
+        this.addIndexParamToCallback(arrayInfo.mapCallPath);
+        return GENERATED_INDEX_PARAM;
+    }
+    addIndexParamToCallback(mapCallPath) {
+        const callback = this.getMapCallback(mapCallPath);
+        if (!callback)
+            return;
+        const params = callback.get("params");
+        if (params.length === 1) {
+            callback.node.params.push(this.types.identifier(GENERATED_INDEX_PARAM));
+        }
+    }
+    getMapCallback(mapCallPath) {
+        const args = mapCallPath.get("arguments");
+        const firstArg = args[0];
+        if (firstArg && firstArg.isFunction()) {
+            return firstArg;
+        }
+        return null;
+    }
+    findParentArrayMap(path, maxDepth = 5) {
+        let currentPath = path;
+        let depth = 0;
+        while (currentPath.parentPath && depth < maxDepth) {
+            const mapInfo = this.tryExtractMapInfo(currentPath.parentPath);
+            if (mapInfo)
+                return mapInfo;
+            currentPath = currentPath.parentPath;
+            depth++;
+        }
+        return null;
+    }
+    tryExtractMapInfo(parent) {
+        if (!parent.isCallExpression())
+            return null;
+        if (!this.isMapCall(parent))
+            return null;
+        return this.extractArrayMapInfo(parent);
+    }
+    isMapCall(callExpr) {
+        const callee = callExpr.get("callee");
+        if (!callee.isMemberExpression())
+            return false;
+        const property = callee.get("property");
+        return property.isIdentifier() && property.node.name === "map";
+    }
+    extractArrayMapInfo(mapCall) {
+        const callback = this.getMapCallback(mapCall);
+        if (!callback)
+            return null;
+        const params = callback.get("params");
+        const firstParam = params[0];
+        if (!firstParam || !firstParam.isIdentifier())
+            return null;
+        const callee = mapCall.get("callee");
+        const arrayExpression = callee.get("object");
+        return {
+            arrayExpression,
+            callbackParam: firstParam.node.name,
+            indexParam: this.extractIndexParam(params),
+            arrayVariableName: this.extractArrayVariableName(arrayExpression),
+            mapCallPath: mapCall,
+        };
+    }
+    extractIndexParam(params) {
+        const secondParam = params[1];
+        return secondParam && secondParam.isIdentifier()
+            ? secondParam.node.name
+            : null;
+    }
+    extractArrayVariableName(arrayExpression) {
+        return arrayExpression.isIdentifier() ? arrayExpression.node.name : null;
+    }
+    isStaticArray(arrayExpression) {
+        const arrayExpr = this.resolveArrayExpression(arrayExpression);
+        return arrayExpr ? this.isStaticArrayExpression(arrayExpr) : false;
+    }
+    resolveArrayExpression(expression) {
+        if (expression.isArrayExpression()) {
+            return expression;
+        }
+        if (expression.isIdentifier()) {
+            return this.resolveIdentifierToArray(expression);
+        }
+        return null;
+    }
+    resolveIdentifierToArray(identifier) {
+        const binding = identifier.scope.getBinding(identifier.node.name);
+        if (!binding?.path.isVariableDeclarator())
+            return null;
+        const init = binding.path.get("init");
+        return init.isArrayExpression() ? init : null;
+    }
+    isStaticArrayExpression(arrayExpression) {
+        return this.staticValueUtils.isStaticArrayExpression(arrayExpression);
+    }
+}
+//# sourceMappingURL=static-array-processor.js.map

package/dist/processors/static-array-processor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static-array-processor.js","sourceRoot":"","sources":["../../src/processors/static-array-processor.ts"],"names":[],"mappings":"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"}

package/dist/statics/index.mjs

@@ -1,6 +1,2 @@
-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 i=t.getBoundingClientRect();e.style.top=`${i.top+window.scrollY}px`,e.style.left=`${i.left+window.scrollX}px`,e.style.width=`${i.width}px`,e.style.height=`${i.height}px`;let r=e.querySelector("div");r||(r=document.createElement("div"),r.textContent=t.tagName.toLowerCase(),r.style.position="absolute",r.style.top=k,r.style.left=F,r.style.padding="2px 8px",r.style.fontSize="11px",r.style.fontWeight=n?"500":"400",r.style.color=n?"#ffffff":"#526cff",r.style.backgroundColor=n?"#526cff":"#DBEAFE",r.style.borderRadius="3px",r.style.minWidth="24px",r.style.textAlign="center",e.appendChild(r))}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 i=t[o];i&&E(n,i,!0,e.isVisualEditMode)})}function O(e){e.hoverOverlays.forEach((t,n)=>{let o=e.currentHighlightedElements[n];o&&E(t,o,!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 i=o,r=i.dataset.sourceLocation||i.dataset.visualSelectorId;if(e.selectedElementId===r){a(e);return}let d=l(r||null);a(e),d.forEach(g=>{let S=m(!1);document.body.appendChild(S),e.hoverOverlays.push(S),E(S,g,!1,e.isVisualEditMode)}),e.currentHighlightedElements=d}function W(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=`
-    [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}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 s(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,i={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:i,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&&s(e),c(e);let o=l(n);e.isInlineEditExperimentEnabled&&o.forEach(d=>{d instanceof HTMLElement&&(d.dataset.selected="true")}),o.forEach(d=>{let g=m(!0);document.body.appendChild(g),e.selectedOverlays.push(g),E(g,d,!0,e.isVisualEditMode)}),e.selectedElementId=n,a(e);let i=t,r={type:"element-selected",tagName:t.tagName,classes:T(t),visualSelectorId:n,content:i.innerText,dataSourceLocation:i.dataset.sourceLocation,isDynamicContent:i.dataset.dynamicContent==="true",linenumber:i.dataset.linenumber,filename:i.dataset.filename,position:p(t.getBoundingClientRect())};window.parent.postMessage(r,"*")}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(),s(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 i=o,r=i.dataset.sourceLocation||i.dataset.visualSelectorId;if(e.selectedElementId===r&&i.dataset.selected==="true"&&e.isInlineEditExperimentEnabled&&f(i)){v(e,i);return}re(e,o,r||null)}function le(e,t){e.isVisualEditMode=t,t?document.body.style.cursor="crosshair":(e.currentEditingElement&&s(e),a(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];t.data.inlineEditingMode?f(o)&&(e.selectedElementId!==t.data.dataSourceLocation&&(e.currentEditingElement&&s(e),c(e),n.forEach(i=>{i instanceof HTMLElement&&(i.dataset.selected="true")}),n.forEach(i=>{let r=m(!0);document.body.appendChild(r),e.selectedOverlays.push(r),E(r,i,!0,e.isVisualEditMode)}),e.selectedElementId=t.data.dataSourceLocation),v(e,o)):e.currentEditingElement===o&&s(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&&s(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(i=>{i.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&&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 Ee(){document.querySelectorAll("[data-linenumber]:not([data-visual-selector-id])").forEach((t,n)=>{let o=t,i=`visual-id-${o.dataset.filename}-${o.dataset.linenumber}-${n}`;o.dataset.visualSelectorId=i})}function ce(e){let t=null,n=o=>{if(o.nodeType!==Node.ELEMENT_NODE)return!1;let i=o;if(i.dataset?.visualSelectorId)return!0;for(let r of Array.from(i.children))if(n(r))return!0;return!1};return new MutationObserver(o=>{if(t!==null)return;o.some(r=>r.type==="attributes"&&(r.attributeName==="style"||r.attributeName==="class"||r.attributeName==="width"||r.attributeName==="height")&&n(r.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};
+function f(d){if(!d)return[];let h=Array.from(document.querySelectorAll(`[data-source-location="${d}"]`));return h.length>0?h:Array.from(document.querySelectorAll(`[data-visual-selector-id="${d}"]`))}function T(d,h){d.forEach(g=>{g.setAttribute("class",h)})}function V(){let d=!1,h=!1,g=!1,E=[],c=[],u=[],l=null,L=(n=!1)=>{let e=document.createElement("div");return e.style.position="absolute",e.style.pointerEvents="none",e.style.transition="all 0.1s ease-in-out",e.style.zIndex="9999",n?e.style.border="2px solid #2563EB":(e.style.border="2px solid #95a5fc",e.style.backgroundColor="rgba(99, 102, 241, 0.05)"),e},p=(n,e,t=!1)=>{if(!e||!d)return;e.offsetWidth;let s=e.getBoundingClientRect();n.style.top=`${s.top+window.scrollY}px`,n.style.left=`${s.left+window.scrollX}px`,n.style.width=`${s.width}px`,n.style.height=`${s.height}px`;let o=n.querySelector("div");o||(o=document.createElement("div"),o.textContent=e.tagName.toLowerCase(),o.style.position="absolute",o.style.top="-27px",o.style.left="-2px",o.style.padding="2px 8px",o.style.fontSize="11px",o.style.fontWeight=t?"500":"400",o.style.color=t?"#ffffff":"#526cff",o.style.backgroundColor=t?"#526cff":"#DBEAFE",o.style.borderRadius="3px",o.style.minWidth="24px",o.style.textAlign="center",n.appendChild(o))},m=()=>{E.forEach(n=>{n&&n.parentNode&&n.remove()}),E=[],u=[]},M=n=>{if(!d||h)return;let e=n.target;if(g){m();return}if(e.tagName.toLowerCase()==="path"){m();return}let t=e.closest("[data-source-location], [data-visual-selector-id]");if(!t){m();return}let a=t,s=a.dataset.sourceLocation||a.dataset.visualSelectorId;if(l===s){m();return}let o=f(s||null);m(),o.forEach(i=>{let r=L(!1);document.body.appendChild(r),E.push(r),p(r,i)}),u=o},I=()=>{h||m()},C=n=>{if(!d)return;let e=n.target;if(g){n.preventDefault(),n.stopPropagation(),n.stopImmediatePropagation(),window.parent.postMessage({type:"close-dropdowns"},"*");return}if(e.tagName.toLowerCase()==="path")return;n.preventDefault(),n.stopPropagation(),n.stopImmediatePropagation();let t=e.closest("[data-source-location], [data-visual-selector-id]");if(!t)return;let a=t,s=a.dataset.sourceLocation||a.dataset.visualSelectorId;c.forEach(v=>{v&&v.parentNode&&v.remove()}),c=[],f(s||null).forEach(v=>{let y=L(!0);document.body.appendChild(y),c.push(y),p(y,v,!0)}),l=s||null,m();let i=t.getBoundingClientRect(),r={top:i.top,left:i.left,right:i.right,bottom:i.bottom,width:i.width,height:i.height,centerX:i.left+i.width/2,centerY:i.top+i.height/2},b=t,O={type:"element-selected",tagName:t.tagName,classes:b.className?.baseVal||t.className||"",visualSelectorId:s,content:t.innerText,dataSourceLocation:a.dataset.sourceLocation,isDynamicContent:a.dataset.dynamicContent==="true",linenumber:a.dataset.linenumber,filename:a.dataset.filename,position:r};window.parent.postMessage(O,"*")},H=()=>{c.forEach(n=>{n&&n.parentNode&&n.remove()}),c=[],l=null},x=(n,e)=>{let t=f(n);t.length!==0&&(T(t,e),setTimeout(()=>{l===n&&c.forEach((a,s)=>{s<t.length&&p(a,t[s])}),u.length>0&&u[0]?.dataset?.visualSelectorId===n&&E.forEach((o,i)=>{i<u.length&&p(o,u[i])})},50))},D=(n,e)=>{let t=f(n);t.length!==0&&(t.forEach(a=>{a.innerText=e}),setTimeout(()=>{l===n&&c.forEach((a,s)=>{s<t.length&&p(a,t[s])})},50))},S=n=>{d=n,n?(document.body.style.cursor="crosshair",document.addEventListener("mouseover",M),document.addEventListener("mouseout",I),document.addEventListener("click",C,!0)):(m(),c.forEach(e=>{e&&e.parentNode&&e.remove()}),c=[],u=[],l=null,document.body.style.cursor="default",document.removeEventListener("mouseover",M),document.removeEventListener("mouseout",I),document.removeEventListener("click",C,!0))},N=()=>{if(l){let n=f(l);if(n.length>0){let t=n[0].getBoundingClientRect(),a=window.innerHeight,s=window.innerWidth,o=t.top<a&&t.bottom>0&&t.left<s&&t.right>0,i={top:t.top,left:t.left,right:t.right,bottom:t.bottom,width:t.width,height:t.height,centerX:t.left+t.width/2,centerY:t.top+t.height/2};window.parent.postMessage({type:"element-position-update",position:i,isInViewport:o,visualSelectorId:l},"*")}}},k=n=>{let e=n.data;switch(e.type){case"toggle-visual-edit-mode":S(e.data.enabled);break;case"update-classes":e.data&&e.data.classes!==void 0?x(e.data.visualSelectorId,e.data.classes):console.warn("[VisualEditAgent] Invalid update-classes message:",e);break;case"unselect-element":H();break;case"refresh-page":window.location.reload();break;case"update-content":e.data&&e.data.content!==void 0?D(e.data.visualSelectorId,e.data.content):console.warn("[VisualEditAgent] Invalid update-content message:",e);break;case"request-element-position":if(l){let t=f(l);if(t.length>0){let s=t[0].getBoundingClientRect(),o=window.innerHeight,i=window.innerWidth,r=s.top<o&&s.bottom>0&&s.left<i&&s.right>0,b={top:s.top,left:s.left,right:s.right,bottom:s.bottom,width:s.width,height:s.height,centerX:s.left+s.width/2,centerY:s.top+s.height/2};window.parent.postMessage({type:"element-position-update",position:b,isInViewport:r,visualSelectorId:l},"*")}}break;case"popover-drag-state":e.data&&e.data.isDragging!==void 0&&(h=e.data.isDragging,e.data.isDragging&&m());break;case"dropdown-state":e.data&&e.data.isOpen!==void 0&&(g=e.data.isOpen,e.data.isOpen&&m());break;default:break}},w=()=>{if(l){let n=f(l);c.forEach((e,t)=>{t<n.length&&p(e,n[t])})}u.length>0&&E.forEach((n,e)=>{e<u.length&&p(n,u[e])})};document.querySelectorAll("[data-linenumber]:not([data-visual-selector-id])").forEach((n,e)=>{let t=n,a=`visual-id-${t.dataset.filename}-${t.dataset.linenumber}-${e}`;t.dataset.visualSelectorId=a});let A=new MutationObserver(n=>{n.some(t=>{let a=o=>{if(o.nodeType===Node.ELEMENT_NODE){let i=o;if(i.dataset&&i.dataset.visualSelectorId)return!0;for(let r=0;r<i.children.length;r++)if(a(i.children[r]))return!0}return!1};return t.type==="attributes"&&(t.attributeName==="style"||t.attributeName==="class"||t.attributeName==="width"||t.attributeName==="height")&&a(t.target)})&&setTimeout(w,50)});window.addEventListener("message",k),window.addEventListener("scroll",N,!0),document.addEventListener("scroll",N,!0),window.addEventListener("resize",w),window.addEventListener("scroll",w),A.observe(document.body,{attributes:!0,childList:!0,subtree:!0,attributeFilter:["style","class","width","height"]}),window.parent.postMessage({type:"visual-edit-agent-ready"},"*")}export{V as setupVisualEditAgent};
 //# sourceMappingURL=index.mjs.map

package/dist/statics/index.mjs.map

@@ -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  // 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        elements.forEach((el) => {\n          if (el instanceof HTMLElement) {\n            el.dataset.selected = \"true\";\n          }\n        });\n\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"]}
+{"version":3,"sources":["../../src/injections/utils.ts","../../src/injections/visual-edit-agent.ts"],"sourcesContent":["/** 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","import { findElementsById, updateElementClasses } from \"./utils.js\";\n\nexport function setupVisualEditAgent() {\n  // State variables (replacing React useState/useRef)\n  let isVisualEditMode = false;\n  let isPopoverDragging = false;\n  let isDropdownOpen = false;\n  let hoverOverlays: HTMLDivElement[] = [];\n  let selectedOverlays: HTMLDivElement[] = [];\n  let currentHighlightedElements: Element[] = [];\n  let selectedElementId: string | null = null;\n\n  // Create overlay element\n  const createOverlay = (isSelected = false): HTMLDivElement => {\n    const overlay = document.createElement(\"div\");\n    overlay.style.position = \"absolute\";\n    overlay.style.pointerEvents = \"none\";\n    overlay.style.transition = \"all 0.1s ease-in-out\";\n    overlay.style.zIndex = \"9999\";\n\n    if (isSelected) {\n      overlay.style.border = \"2px solid #2563EB\";\n    } else {\n      overlay.style.border = \"2px solid #95a5fc\";\n      overlay.style.backgroundColor = \"rgba(99, 102, 241, 0.05)\";\n    }\n\n    return overlay;\n  };\n\n  // Position overlay relative to element\n  const positionOverlay = (\n    overlay: HTMLDivElement,\n    element: Element,\n    isSelected = false\n  ) => {\n    if (!element || !isVisualEditMode) return;\n\n    const htmlElement = element as HTMLElement;\n    // Force layout recalculation\n    void 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 = \"-27px\";\n      label.style.left = \"-2px\";\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  // Clear hover overlays\n  const clearHoverOverlays = () => {\n    hoverOverlays.forEach((overlay) => {\n      if (overlay && overlay.parentNode) {\n        overlay.remove();\n      }\n    });\n    hoverOverlays = [];\n    currentHighlightedElements = [];\n  };\n\n  // Handle mouse over event\n  const handleMouseOver = (e: MouseEvent) => {\n    if (!isVisualEditMode || isPopoverDragging) return;\n\n    const target = e.target as Element;\n\n    // Prevent hover effects when a dropdown is open\n    if (isDropdownOpen) {\n      clearHoverOverlays();\n      return;\n    }\n\n    // Prevent hover effects on SVG path elements\n    if (target.tagName.toLowerCase() === \"path\") {\n      clearHoverOverlays();\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();\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 (selectedElementId === selectorId) {\n      clearHoverOverlays();\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();\n\n    // Create overlays for all matching elements\n    elements.forEach((el) => {\n      const overlay = createOverlay(false);\n      document.body.appendChild(overlay);\n      hoverOverlays.push(overlay);\n      positionOverlay(overlay, el);\n    });\n\n    currentHighlightedElements = elements;\n  };\n\n  // Handle mouse out event\n  const handleMouseOut = () => {\n    if (isPopoverDragging) return;\n    clearHoverOverlays();\n  };\n\n  // Handle element click\n  const handleElementClick = (e: MouseEvent) => {\n    if (!isVisualEditMode) return;\n\n    const target = e.target as Element;\n\n    // Close dropdowns when clicking anywhere in iframe if a dropdown is open\n    if (isDropdownOpen) {\n      e.preventDefault();\n      e.stopPropagation();\n      e.stopImmediatePropagation();\n\n      window.parent.postMessage({ type: \"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    // Clear any existing selected overlays\n    selectedOverlays.forEach((overlay) => {\n      if (overlay && overlay.parentNode) {\n        overlay.remove();\n      }\n    });\n    selectedOverlays = [];\n\n    // Find all elements with the same ID\n    const elements = findElementsById(visualSelectorId || null);\n\n    // Create selected overlays for all matching elements\n    elements.forEach((el) => {\n      const overlay = createOverlay(true);\n      document.body.appendChild(overlay);\n      selectedOverlays.push(overlay);\n      positionOverlay(overlay, el, true);\n    });\n\n    selectedElementId = visualSelectorId || null;\n\n    // Clear hover overlays\n    clearHoverOverlays();\n\n    // Calculate element position for popover positioning\n    const rect = element.getBoundingClientRect();\n    const elementPosition = {\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    // Send message to parent window with element info including position\n    const svgElement = element as SVGElement;\n    const elementData = {\n      type: \"element-selected\",\n      tagName: element.tagName,\n      classes:\n        (svgElement.className as unknown as SVGAnimatedString)?.baseVal ||\n        element.className ||\n        \"\",\n      visualSelectorId: visualSelectorId,\n      content: (element as 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: elementPosition,\n    };\n    window.parent.postMessage(elementData, \"*\");\n  };\n\n  // Unselect the current element\n  const unselectElement = () => {\n    selectedOverlays.forEach((overlay) => {\n      if (overlay && overlay.parentNode) {\n        overlay.remove();\n      }\n    });\n    selectedOverlays = [];\n    selectedElementId = null;\n  };\n\n  const updateElementClassesAndReposition = (visualSelectorId: string, classes: string) => {\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      // Reposition selected overlays\n      if (selectedElementId === visualSelectorId) {\n        selectedOverlays.forEach((overlay, index) => {\n          if (index < elements.length) {\n            positionOverlay(overlay, elements[index]!);\n          }\n        });\n      }\n\n      // Reposition hover overlays if needed\n      if (currentHighlightedElements.length > 0) {\n        const hoveredElement = currentHighlightedElements[0] as HTMLElement;\n        const hoveredId = hoveredElement?.dataset?.visualSelectorId;\n        if (hoveredId === visualSelectorId) {\n          hoverOverlays.forEach((overlay, index) => {\n            if (index < currentHighlightedElements.length) {\n              positionOverlay(overlay, currentHighlightedElements[index]!);\n            }\n          });\n        }\n      }\n    }, 50);\n  };\n\n  // Update element content by visual selector ID\n  const updateElementContent = (visualSelectorId: string, content: string) => {\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 (selectedElementId === visualSelectorId) {\n        selectedOverlays.forEach((overlay, index) => {\n          if (index < elements.length) {\n            positionOverlay(overlay, elements[index]!);\n          }\n        });\n      }\n    }, 50);\n  };\n\n  // Toggle visual edit mode\n  const toggleVisualEditMode = (isEnabled: boolean) => {\n    isVisualEditMode = isEnabled;\n\n    if (!isEnabled) {\n      clearHoverOverlays();\n\n      selectedOverlays.forEach((overlay) => {\n        if (overlay && overlay.parentNode) {\n          overlay.remove();\n        }\n      });\n      selectedOverlays = [];\n\n      currentHighlightedElements = [];\n      selectedElementId = null;\n      document.body.style.cursor = \"default\";\n\n      document.removeEventListener(\"mouseover\", handleMouseOver);\n      document.removeEventListener(\"mouseout\", handleMouseOut);\n      document.removeEventListener(\"click\", handleElementClick, true);\n    } else {\n      document.body.style.cursor = \"crosshair\";\n      document.addEventListener(\"mouseover\", handleMouseOver);\n      document.addEventListener(\"mouseout\", handleMouseOut);\n      document.addEventListener(\"click\", handleElementClick, true);\n    }\n  };\n\n  // Handle scroll events to update popover position\n  const handleScroll = () => {\n    if (selectedElementId) {\n      const elements = findElementsById(selectedElementId);\n      if (elements.length > 0) {\n        const element = elements[0];\n        const rect = element!.getBoundingClientRect();\n\n        const viewportHeight = window.innerHeight;\n        const viewportWidth = window.innerWidth;\n        const isInViewport =\n          rect.top < viewportHeight &&\n          rect.bottom > 0 &&\n          rect.left < viewportWidth &&\n          rect.right > 0;\n\n        const elementPosition = {\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        window.parent.postMessage(\n          {\n            type: \"element-position-update\",\n            position: elementPosition,\n            isInViewport: isInViewport,\n            visualSelectorId: selectedElementId,\n          },\n          \"*\"\n        );\n      }\n    }\n  };\n\n  // Handle messages from parent window\n  const handleMessage = (event: MessageEvent) => {\n    const message = event.data;\n\n    switch (message.type) {\n      case \"toggle-visual-edit-mode\":\n        toggleVisualEditMode(message.data.enabled);\n        break;\n\n      case \"update-classes\":\n        if (message.data && message.data.classes !== undefined) {\n          updateElementClassesAndReposition(\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 \"unselect-element\":\n        unselectElement();\n        break;\n\n      case \"refresh-page\":\n        window.location.reload();\n        break;\n\n      case \"update-content\":\n        if (message.data && message.data.content !== undefined) {\n          updateElementContent(\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 \"request-element-position\":\n        if (selectedElementId) {\n          const elements = findElementsById(selectedElementId);\n          if (elements.length > 0) {\n            const element = elements[0];\n            const rect = element!.getBoundingClientRect();\n\n            const viewportHeight = window.innerHeight;\n            const viewportWidth = window.innerWidth;\n            const isInViewport =\n              rect.top < viewportHeight &&\n              rect.bottom > 0 &&\n              rect.left < viewportWidth &&\n              rect.right > 0;\n\n            const elementPosition = {\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            window.parent.postMessage(\n              {\n                type: \"element-position-update\",\n                position: elementPosition,\n                isInViewport: isInViewport,\n                visualSelectorId: selectedElementId,\n              },\n              \"*\"\n            );\n          }\n        }\n        break;\n\n      case \"popover-drag-state\":\n        if (message.data && message.data.isDragging !== undefined) {\n          isPopoverDragging = message.data.isDragging;\n          if (message.data.isDragging) {\n            clearHoverOverlays();\n          }\n        }\n        break;\n\n      case \"dropdown-state\":\n        if (message.data && message.data.isOpen !== undefined) {\n          isDropdownOpen = message.data.isOpen;\n          if (message.data.isOpen) {\n            clearHoverOverlays();\n          }\n        }\n        break;\n\n      default:\n        break;\n    }\n  };\n\n  // Handle window resize to reposition overlays\n  const handleResize = () => {\n    if (selectedElementId) {\n      const elements = findElementsById(selectedElementId);\n      selectedOverlays.forEach((overlay, index) => {\n        if (index < elements.length) {\n          positionOverlay(overlay, elements[index]!);\n        }\n      });\n    }\n\n    if (currentHighlightedElements.length > 0) {\n      hoverOverlays.forEach((overlay, index) => {\n        if (index < currentHighlightedElements.length) {\n          positionOverlay(overlay, currentHighlightedElements[index]!);\n        }\n      });\n    }\n  };\n\n  // Initialize: Add IDs to elements that don't have them but have linenumbers\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  // Create mutation observer to detect layout changes\n  const mutationObserver = new MutationObserver((mutations) => {\n    const needsUpdate = mutations.some((mutation) => {\n      const hasVisualId = (node: Node): boolean => {\n        if (node.nodeType === Node.ELEMENT_NODE) {\n          const el = node as HTMLElement;\n          if (el.dataset && el.dataset.visualSelectorId) {\n            return true;\n          }\n          for (let i = 0; i < el.children.length; i++) {\n            if (hasVisualId(el.children[i]!)) {\n              return true;\n            }\n          }\n        }\n        return false;\n      };\n\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      setTimeout(handleResize, 50);\n    }\n  });\n\n  // Set up event listeners\n  window.addEventListener(\"message\", handleMessage);\n  window.addEventListener(\"scroll\", handleScroll, true);\n  document.addEventListener(\"scroll\", handleScroll, true);\n  window.addEventListener(\"resize\", handleResize);\n  window.addEventListener(\"scroll\", handleResize);\n\n  // Start observing DOM mutations\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: \"visual-edit-agent-ready\" }, \"*\");\n}"],"mappings":"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","names":["findElementsById","id","sourceElements","updateElementClasses","elements","classes","element","setupVisualEditAgent","isVisualEditMode","isPopoverDragging","isDropdownOpen","hoverOverlays","selectedOverlays","currentHighlightedElements","selectedElementId","createOverlay","isSelected","overlay","positionOverlay","element","rect","label","clearHoverOverlays","handleMouseOver","e","target","htmlElement","selectorId","elements","findElementsById","el","handleMouseOut","handleElementClick","visualSelectorId","elementPosition","svgElement","elementData","unselectElement","updateElementClassesAndReposition","classes","updateElementClasses","index","updateElementContent","content","toggleVisualEditMode","isEnabled","handleScroll","viewportHeight","viewportWidth","isInViewport","handleMessage","event","message","handleResize","htmlEl","id","mutationObserver","mutations","mutation","hasVisualId","node","i"]}

package/dist/visual-edit-plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"visual-edit-plugin.d.ts","sourceRoot":"","sources":["../src/visual-edit-plugin.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAGnC,wBAAgB,+BAA+B,CAAC,UAAU,EAAE,GAAG,WA2G9D;AAED,wBAAgB,gBAAgB,IAuKzB,MAAM,CACZ"}
+{"version":3,"file":"visual-edit-plugin.d.ts","sourceRoot":"","sources":["../src/visual-edit-plugin.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;AAKnC,wBAAgB,+BAA+B,CAAC,UAAU,EAAE,GAAG,WA2G9D;AAED,wBAAgB,gBAAgB,IA2KzB,MAAM,CACZ"}