@base44-preview/vite-plugin 0.2.26-pr.43.e9195be → 0.2.27-pr.41.77be9cb

package/dist/injections/visual-edit-agent/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/injections/visual-edit-agent/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAC3C,eAAO,MAAM,kBAAkB,yBAAyB,CAAC;AACzD,eAAO,MAAM,eAAe,SAAS,CAAC;AACtC,eAAO,MAAM,qBAAqB,YAAY,CAAC;AAC/C,eAAO,MAAM,kBAAkB,YAAY,CAAC;AAC5C,eAAO,MAAM,sBAAsB,6BAA6B,CAAC;AACjE,eAAO,MAAM,gBAAgB,UAAU,CAAC;AACxC,eAAO,MAAM,iBAAiB,SAAS,CAAC;AACxC,eAAO,MAAM,mBAAmB,KAAK,CAAC"}

package/dist/injections/visual-edit-agent/constants.js

@@ -0,0 +1,10 @@
+export const INLINE_EDIT_DEBOUNCE_MS = 500;
+export const OVERLAY_TRANSITION = "all 0.1s ease-in-out";
+export const OVERLAY_Z_INDEX = "9999";
+export const SELECTED_BORDER_COLOR = "#2563EB";
+export const HOVER_BORDER_COLOR = "#95a5fc";
+export const HOVER_BACKGROUND_COLOR = "rgba(99, 102, 241, 0.05)";
+export const LABEL_TOP_OFFSET = "-27px";
+export const LABEL_LEFT_OFFSET = "-2px";
+export const REPOSITION_DELAY_MS = 50;
+//# sourceMappingURL=constants.js.map

package/dist/injections/visual-edit-agent/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/injections/visual-edit-agent/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAC;AAC3C,MAAM,CAAC,MAAM,kBAAkB,GAAG,sBAAsB,CAAC;AACzD,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC;AACtC,MAAM,CAAC,MAAM,qBAAqB,GAAG,SAAS,CAAC;AAC/C,MAAM,CAAC,MAAM,kBAAkB,GAAG,SAAS,CAAC;AAC5C,MAAM,CAAC,MAAM,sBAAsB,GAAG,0BAA0B,CAAC;AACjE,MAAM,CAAC,MAAM,gBAAgB,GAAG,OAAO,CAAC;AACxC,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC;AACxC,MAAM,CAAC,MAAM,mBAAmB,GAAG,EAAE,CAAC"}

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

@@ -0,0 +1,10 @@
+import type { AgentState } from "../state/agent-state.js";
+/**
+ * Handle element selection (first click)
+ */
+export declare function handleElementSelection(state: AgentState, element: Element, visualSelectorId: string | null): void;
+/**
+ * Handle element click
+ */
+export declare function handleElementClick(state: AgentState, e: MouseEvent): void;
+//# sourceMappingURL=click-handlers.d.ts.map

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

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

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

@@ -0,0 +1,117 @@
+import { OutgoingMessageType } from "./messages/types.js";
+import { findElementsById } from "../../utils.js";
+import { createOverlay, positionOverlay, clearSelection } from "../ui/overlay.js";
+import { clearHoverOverlays } from "./hover-handlers.js";
+import { shouldEnterInlineEditingMode } from "../capabilities/inline-editing/index.js";
+import { handleClearInlineEditingMode, handleEnterInlineEditingMode } from "./inline-edit-handlers.js";
+import { getElementPosition, getElementClasses } from "../utils/dom-utils.js";
+/**
+ * Handle element selection (first click)
+ */
+export function handleElementSelection(state, element, visualSelectorId) {
+    if (state.currentEditingElement) {
+        handleClearInlineEditingMode(state);
+    }
+    clearSelection(state);
+    // Find all elements with the same ID
+    const elements = findElementsById(visualSelectorId);
+    if (state.isInlineEditExperimentEnabled) {
+        elements.forEach((el) => {
+            if (el instanceof HTMLElement) {
+                el.dataset.selected = "true";
+            }
+        });
+    }
+    // Create selected overlays for all matching elements
+    elements.forEach((el) => {
+        const overlay = createOverlay(true);
+        document.body.appendChild(overlay);
+        state.selectedOverlays.push(overlay);
+        positionOverlay(overlay, el, true, state.isVisualEditMode);
+    });
+    state.selectedElementId = visualSelectorId;
+    // Clear hover overlays
+    clearHoverOverlays(state);
+    // Send message to parent window with element info
+    const htmlElement = element;
+    // Resolve static-array context from vite-plugin attributes (data-arr-*)
+    const arrEl = htmlElement.closest("[data-arr-variable-name]");
+    const staticArrayName = arrEl?.dataset?.arrVariableName || null;
+    const rawIdx = arrEl?.dataset?.arrIndex;
+    const staticArrayIndex = rawIdx != null ? parseInt(rawIdx, 10) : null;
+    const staticArrayField = htmlElement.dataset?.arrField || null;
+    const elementData = {
+        type: OutgoingMessageType.ELEMENT_SELECTED,
+        tagName: element.tagName,
+        classes: getElementClasses(element),
+        visualSelectorId: visualSelectorId,
+        content: htmlElement.innerText,
+        dataSourceLocation: htmlElement.dataset.sourceLocation,
+        isDynamicContent: htmlElement.dataset.dynamicContent === "true",
+        linenumber: htmlElement.dataset.linenumber,
+        filename: htmlElement.dataset.filename,
+        position: getElementPosition(element.getBoundingClientRect()),
+        staticArrayName,
+        staticArrayIndex,
+        staticArrayField,
+    };
+    window.parent.postMessage(elementData, "*");
+}
+/**
+ * Handle element click
+ */
+export function handleElementClick(state, e) {
+    if (!state.isVisualEditMode)
+        return;
+    const target = e.target;
+    // Bail out early if clicking on a contentEditable element (allow normal editing)
+    if (state.isInlineEditExperimentEnabled && target instanceof HTMLElement && target.contentEditable === "true") {
+        return;
+    }
+    // If currently editing, clicking outside should exit editing mode
+    if (state.currentEditingElement) {
+        e.preventDefault();
+        e.stopPropagation();
+        e.stopImmediatePropagation();
+        handleClearInlineEditingMode(state);
+        return;
+    }
+    // Close dropdowns when clicking anywhere in iframe if a dropdown is open
+    if (state.isDropdownOpen) {
+        e.preventDefault();
+        e.stopPropagation();
+        e.stopImmediatePropagation();
+        window.parent.postMessage({ type: OutgoingMessageType.CLOSE_DROPDOWNS }, "*");
+        return;
+    }
+    // Prevent clicking on SVG path elements
+    if (target.tagName.toLowerCase() === "path") {
+        return;
+    }
+    // Prevent default behavior immediately when in visual edit mode
+    e.preventDefault();
+    e.stopPropagation();
+    e.stopImmediatePropagation();
+    // Support both data-source-location and data-visual-selector-id
+    const element = target.closest("[data-source-location], [data-visual-selector-id]");
+    if (!element) {
+        return;
+    }
+    const htmlElement = element;
+    const visualSelectorId = htmlElement.dataset.sourceLocation ||
+        htmlElement.dataset.visualSelectorId;
+    // Check if this element is already selected (second click scenario)
+    const isAlreadySelected = state.selectedElementId === visualSelectorId &&
+        htmlElement.dataset.selected === "true";
+    if (isAlreadySelected) {
+        // Second click on already-selected element: check if it should enter inline editing
+        // Only if the experiment is enabled
+        if (state.isInlineEditExperimentEnabled && shouldEnterInlineEditingMode(htmlElement)) {
+            handleEnterInlineEditingMode(state, htmlElement);
+            return;
+        }
+    }
+    // First click: select the element
+    handleElementSelection(state, element, visualSelectorId || null);
+}
+//# sourceMappingURL=click-handlers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"click-handlers.js","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/handlers/click-handlers.ts"],"names":[],"mappings":"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"}

package/dist/injections/visual-edit-agent/handlers/hover-handlers.d.ts

@@ -0,0 +1,14 @@
+import type { AgentState } from "../state/agent-state.js";
+/**
+ * Clear hover overlays
+ */
+export declare function clearHoverOverlays(state: AgentState): void;
+/**
+ * Handle mouse over event
+ */
+export declare function handleMouseOver(state: AgentState, e: MouseEvent): void;
+/**
+ * Handle mouse out event
+ */
+export declare function handleMouseOut(state: AgentState): void;
+//# sourceMappingURL=hover-handlers.d.ts.map

package/dist/injections/visual-edit-agent/handlers/hover-handlers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-handlers.d.ts","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/handlers/hover-handlers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAI1D;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAI1D;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE,UAAU,GAAG,IAAI,CAqDtE;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAGtD"}

package/dist/injections/visual-edit-agent/handlers/hover-handlers.js

@@ -0,0 +1,64 @@
+import { findElementsById } from "../../utils.js";
+import { createOverlay, positionOverlay, clearOverlays } from "../ui/overlay.js";
+/**
+ * Clear hover overlays
+ */
+export function clearHoverOverlays(state) {
+    clearOverlays(state.hoverOverlays);
+    state.hoverOverlays = [];
+    state.currentHighlightedElements = [];
+}
+/**
+ * Handle mouse over event
+ */
+export function handleMouseOver(state, e) {
+    if (!state.isVisualEditMode || state.isPopoverDragging || state.currentEditingElement)
+        return;
+    const target = e.target;
+    // Prevent hover effects when a dropdown is open
+    if (state.isDropdownOpen) {
+        clearHoverOverlays(state);
+        return;
+    }
+    // Prevent hover effects on SVG path elements
+    if (target.tagName.toLowerCase() === "path") {
+        clearHoverOverlays(state);
+        return;
+    }
+    // Support both data-source-location and data-visual-selector-id
+    const element = target.closest("[data-source-location], [data-visual-selector-id]");
+    if (!element) {
+        clearHoverOverlays(state);
+        return;
+    }
+    // Prefer data-source-location, fallback to data-visual-selector-id
+    const htmlElement = element;
+    const selectorId = htmlElement.dataset.sourceLocation ||
+        htmlElement.dataset.visualSelectorId;
+    // Skip if this element is already selected
+    if (state.selectedElementId === selectorId) {
+        clearHoverOverlays(state);
+        return;
+    }
+    // Find all elements with the same ID
+    const elements = findElementsById(selectorId || null);
+    // Clear previous hover overlays
+    clearHoverOverlays(state);
+    // Create overlays for all matching elements
+    elements.forEach((el) => {
+        const overlay = createOverlay(false);
+        document.body.appendChild(overlay);
+        state.hoverOverlays.push(overlay);
+        positionOverlay(overlay, el, false, state.isVisualEditMode);
+    });
+    state.currentHighlightedElements = elements;
+}
+/**
+ * Handle mouse out event
+ */
+export function handleMouseOut(state) {
+    if (state.isPopoverDragging || state.currentEditingElement)
+        return;
+    clearHoverOverlays(state);
+}
+//# sourceMappingURL=hover-handlers.js.map

package/dist/injections/visual-edit-agent/handlers/hover-handlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-handlers.js","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/handlers/hover-handlers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjF;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,KAAiB;IAClD,aAAa,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;IACnC,KAAK,CAAC,aAAa,GAAG,EAAE,CAAC;IACzB,KAAK,CAAC,0BAA0B,GAAG,EAAE,CAAC;AACxC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,KAAiB,EAAE,CAAa;IAC9D,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,iBAAiB,IAAI,KAAK,CAAC,qBAAqB;QAAE,OAAO;IAE9F,MAAM,MAAM,GAAG,CAAC,CAAC,MAAiB,CAAC;IAEnC,gDAAgD;IAChD,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC1B,OAAO;IACT,CAAC;IAED,6CAA6C;IAC7C,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,MAAM,EAAE,CAAC;QAC5C,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC1B,OAAO;IACT,CAAC;IAED,gEAAgE;IAChE,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAC5B,mDAAmD,CACpD,CAAC;IACF,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC1B,OAAO;IACT,CAAC;IAED,mEAAmE;IACnE,MAAM,WAAW,GAAG,OAAsB,CAAC;IAC3C,MAAM,UAAU,GACd,WAAW,CAAC,OAAO,CAAC,cAAc;QAClC,WAAW,CAAC,OAAO,CAAC,gBAAgB,CAAC;IAEvC,2CAA2C;IAC3C,IAAI,KAAK,CAAC,iBAAiB,KAAK,UAAU,EAAE,CAAC;QAC3C,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC1B,OAAO;IACT,CAAC;IAED,qCAAqC;IACrC,MAAM,QAAQ,GAAG,gBAAgB,CAAC,UAAU,IAAI,IAAI,CAAC,CAAC;IAEtD,gCAAgC;IAChC,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAE1B,4CAA4C;IAC5C,QAAQ,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;QACtB,MAAM,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;QACrC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACnC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAClC,eAAe,CAAC,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,KAAK,CAAC,0BAA0B,GAAG,QAAQ,CAAC;AAC9C,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,KAAiB;IAC9C,IAAI,KAAK,CAAC,iBAAiB,IAAI,KAAK,CAAC,qBAAqB;QAAE,OAAO;IACnE,kBAAkB,CAAC,KAAK,CAAC,CAAC;AAC5B,CAAC"}

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

@@ -0,0 +1,14 @@
+import type { AgentState } from "../state/agent-state.js";
+/**
+ * Enter inline editing mode
+ */
+export declare function handleEnterInlineEditingMode(state: AgentState, element: HTMLElement): void;
+/**
+ * Clear inline editing mode
+ */
+export declare function handleClearInlineEditingMode(state: AgentState): void;
+/**
+ * Setup inline edit callback
+ */
+export declare function setupInlineEditCallback(state: AgentState): void;
+//# sourceMappingURL=inline-edit-handlers.d.ts.map

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

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

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

@@ -0,0 +1,114 @@
+import { OutgoingMessageType } from "./messages/types.js";
+import { repositionSelectedOverlays } from "../ui/overlay.js";
+import { enterInlineEditingMode, clearInlineEditingMode, setInlineEditCallback, isStaticArrayTextElement, } from "../capabilities/inline-editing/index.js";
+import { INLINE_EDIT_DEBOUNCE_MS } from "../constants.js";
+import { getElementPosition, getElementClasses } from "../utils/dom-utils.js";
+/**
+ * Enter inline editing mode
+ */
+export function handleEnterInlineEditingMode(state, element) {
+    state.currentEditingElement = element;
+    // Hide overlays during editing
+    state.selectedOverlays.forEach((overlay) => {
+        overlay.style.display = "none";
+    });
+    // Enter inline editing mode (from capabilities/inline-editing)
+    enterInlineEditingMode(element);
+    // Notify parent
+    window.parent.postMessage({
+        type: OutgoingMessageType.CONTENT_EDITING_STARTED,
+        visualSelectorId: state.selectedElementId,
+    }, "*");
+}
+/**
+ * Clear inline editing mode
+ */
+export function handleClearInlineEditingMode(state) {
+    if (!state.currentEditingElement)
+        return;
+    // Cancel any pending debounced edit — originalTextContent will be deleted below
+    if (state.debouncedSendTimeout) {
+        clearTimeout(state.debouncedSendTimeout);
+        state.debouncedSendTimeout = null;
+    }
+    const element = state.currentEditingElement;
+    // Clear inline editing mode (from capabilities/inline-editing)
+    clearInlineEditingMode(element);
+    // Show overlays again
+    state.selectedOverlays.forEach((overlay) => {
+        overlay.style.display = "";
+    });
+    repositionSelectedOverlays(state);
+    // Notify parent that editing ended
+    window.parent.postMessage({
+        type: OutgoingMessageType.CONTENT_EDITING_ENDED,
+        visualSelectorId: state.selectedElementId,
+    }, "*");
+    state.currentEditingElement = null;
+}
+/**
+ * Report inline edit to parent
+ */
+function reportInlineEdit(state, element) {
+    const originalContent = element.dataset.originalTextContent;
+    const newContent = element.textContent;
+    const elementInfo = {
+        tagName: element.tagName,
+        classes: getElementClasses(element),
+        visualSelectorId: state.selectedElementId,
+        content: newContent,
+        dataSourceLocation: element.dataset.sourceLocation,
+        isDynamicContent: element.dataset.dynamicContent === "true",
+        linenumber: element.dataset.linenumber,
+        filename: element.dataset.filename,
+        position: getElementPosition(element.getBoundingClientRect()),
+    };
+    const message = {
+        type: OutgoingMessageType.INLINE_EDIT,
+        elementInfo,
+        originalContent,
+        newContent,
+    };
+    if (isStaticArrayTextElement(element)) {
+        message.arrIndex = element.dataset.arrIndex;
+        message.arrVariableName = element.dataset.arrVariableName;
+        message.arrField = element.dataset.arrField;
+    }
+    window.parent.postMessage(message, "*");
+    // Update baseline for next edit
+    element.dataset.originalTextContent = newContent || "";
+}
+/**
+ * Debounced function to send inline edit messages
+ *
+ * Intentionally overwrites the previous timeout on each keystroke — this is the
+ * correct debounce behavior. We only send ONE message 500ms after the user stops
+ * typing, containing the final text. Intermediate keystrokes are not sent to avoid
+ * flooding the parent with dozens of messages per second.
+ */
+function debouncedSendInlineEditMessage(state, element) {
+    // Clear any existing timeout
+    if (state.debouncedSendTimeout) {
+        clearTimeout(state.debouncedSendTimeout);
+    }
+    // Set new timeout
+    state.debouncedSendTimeout = setTimeout(() => {
+        reportInlineEdit(state, element);
+    }, INLINE_EDIT_DEBOUNCE_MS);
+}
+/**
+ * Callback for text input changes (combines updatePosition and reportInlineEdit)
+ */
+function createTextInputChangeCallback(state) {
+    return (element) => {
+        repositionSelectedOverlays(state);
+        debouncedSendInlineEditMessage(state, element);
+    };
+}
+/**
+ * Setup inline edit callback
+ */
+export function setupInlineEditCallback(state) {
+    setInlineEditCallback(createTextInputChangeCallback(state));
+}
+//# sourceMappingURL=inline-edit-handlers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"inline-edit-handlers.js","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/handlers/inline-edit-handlers.ts"],"names":[],"mappings":"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"}

package/dist/injections/visual-edit-agent/handlers/message-handlers.d.ts

@@ -0,0 +1,26 @@
+import type { AgentState } from "../state/agent-state.js";
+/**
+ * Unselect the current element
+ */
+export declare function unselectElement(state: AgentState): void;
+/**
+ * Update element classes and reposition overlays
+ */
+export declare function updateElementClassesAndReposition(state: AgentState, visualSelectorId: string, classes: string): void;
+/**
+ * Update element content by visual selector ID
+ */
+export declare function updateElementContent(state: AgentState, visualSelectorId: string, content: string, arrIndex?: number): void;
+/**
+ * Handle scroll events to update popover position
+ */
+export declare function handleScroll(state: AgentState): void;
+/**
+ * Handle window resize to reposition overlays
+ */
+export declare function handleResize(state: AgentState): void;
+/**
+ * Handle messages from parent window
+ */
+export declare function handleMessage(state: AgentState, event: MessageEvent): void;
+//# sourceMappingURL=message-handlers.d.ts.map

package/dist/injections/visual-edit-agent/handlers/message-handlers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-handlers.d.ts","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/handlers/message-handlers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAkC1D;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAKvD;AAED;;GAEG;AACH,wBAAgB,iCAAiC,CAC/C,KAAK,EAAE,UAAU,EACjB,gBAAgB,EAAE,MAAM,EACxB,OAAO,EAAE,MAAM,GACd,IAAI,CAoBN;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,UAAU,EACjB,gBAAgB,EAAE,MAAM,EACxB,OAAO,EAAE,MAAM,EACf,QAAQ,CAAC,EAAE,MAAM,GAChB,IAAI,CAuBN;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAEpD;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAGpD;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,GAAG,IAAI,CA4E1E"}

package/dist/injections/visual-edit-agent/handlers/message-handlers.js

@@ -0,0 +1,148 @@
+import { IncomingMessageType, OutgoingMessageType } from "./messages/types.js";
+import { findElementsById, updateElementClasses } from "../../utils.js";
+import { clearSelection, repositionSelectedOverlays, repositionHoverOverlays } from "../ui/overlay.js";
+import { clearHoverOverlays } from "./hover-handlers.js";
+import { handleClearInlineEditingMode } from "./inline-edit-handlers.js";
+import { REPOSITION_DELAY_MS } from "../constants.js";
+import { handleToggleVisualEditMode } from "./messages/toggle-visual-edit-mode.js";
+import { handleToggleInlineEditMode } from "./messages/toggle-inline-edit-mode.js";
+import { getElementPosition, isElementInViewport } from "../utils/dom-utils.js";
+/**
+ * Send element position update to parent
+ */
+function sendElementPositionUpdate(state) {
+    if (!state.selectedElementId)
+        return;
+    const elements = findElementsById(state.selectedElementId);
+    const [element] = elements;
+    if (!element)
+        return;
+    const rect = element.getBoundingClientRect();
+    window.parent.postMessage({
+        type: OutgoingMessageType.ELEMENT_POSITION_UPDATE,
+        position: getElementPosition(rect),
+        isInViewport: isElementInViewport(rect),
+        visualSelectorId: state.selectedElementId,
+    }, "*");
+}
+/**
+ * Unselect the current element
+ */
+export function unselectElement(state) {
+    if (state.currentEditingElement) {
+        handleClearInlineEditingMode(state);
+    }
+    clearSelection(state);
+}
+/**
+ * Update element classes and reposition overlays
+ */
+export function updateElementClassesAndReposition(state, visualSelectorId, classes) {
+    const elements = findElementsById(visualSelectorId);
+    if (elements.length === 0)
+        return;
+    updateElementClasses(elements, classes);
+    // Use a small delay to allow the browser to recalculate layout before repositioning
+    setTimeout(() => {
+        if (state.selectedElementId === visualSelectorId) {
+            repositionSelectedOverlays(state);
+        }
+        const hoveredElement = state.currentHighlightedElements[0];
+        if (hoveredElement instanceof HTMLElement &&
+            hoveredElement.dataset.visualSelectorId === visualSelectorId) {
+            repositionHoverOverlays(state);
+        }
+    }, REPOSITION_DELAY_MS);
+}
+/**
+ * Update element content by visual selector ID
+ */
+export function updateElementContent(state, visualSelectorId, content, arrIndex) {
+    let elements = findElementsById(visualSelectorId);
+    if (elements.length === 0) {
+        return;
+    }
+    // If arrIndex is provided, only update the element at that array position
+    if (arrIndex != null) {
+        elements = elements.filter((el) => el.dataset.arrIndex === String(arrIndex));
+    }
+    elements.forEach((element) => {
+        element.innerText = content;
+    });
+    setTimeout(() => {
+        if (state.selectedElementId === visualSelectorId) {
+            repositionSelectedOverlays(state);
+        }
+    }, REPOSITION_DELAY_MS);
+}
+/**
+ * Handle scroll events to update popover position
+ */
+export function handleScroll(state) {
+    sendElementPositionUpdate(state);
+}
+/**
+ * Handle window resize to reposition overlays
+ */
+export function handleResize(state) {
+    repositionSelectedOverlays(state);
+    repositionHoverOverlays(state);
+}
+/**
+ * Handle messages from parent window
+ */
+export function handleMessage(state, event) {
+    const message = event.data;
+    switch (message.type) {
+        case IncomingMessageType.TOGGLE_VISUAL_EDIT_MODE:
+            handleToggleVisualEditMode(state, message);
+            break;
+        case IncomingMessageType.UPDATE_CLASSES:
+            if (message.data && message.data.classes !== undefined) {
+                updateElementClassesAndReposition(state, message.data.visualSelectorId, message.data.classes);
+            }
+            else {
+                console.warn("[VisualEditAgent] Invalid update-classes message:", message);
+            }
+            break;
+        case IncomingMessageType.UNSELECT_ELEMENT:
+            unselectElement(state);
+            break;
+        case IncomingMessageType.REFRESH_PAGE:
+            window.location.reload();
+            break;
+        case IncomingMessageType.UPDATE_CONTENT:
+            if (message.data && message.data.content !== undefined) {
+                updateElementContent(state, message.data.visualSelectorId, message.data.content, message.data.arrIndex);
+            }
+            else {
+                console.warn("[VisualEditAgent] Invalid update-content message:", message);
+            }
+            break;
+        case IncomingMessageType.TOGGLE_INLINE_EDIT_MODE:
+            handleToggleInlineEditMode(state, message);
+            break;
+        case IncomingMessageType.REQUEST_ELEMENT_POSITION:
+            sendElementPositionUpdate(state);
+            break;
+        case IncomingMessageType.POPOVER_DRAG_STATE:
+            if (message.data && message.data.isDragging !== undefined) {
+                state.isPopoverDragging = message.data.isDragging;
+                if (message.data.isDragging) {
+                    clearHoverOverlays(state);
+                }
+            }
+            break;
+        case IncomingMessageType.DROPDOWN_STATE:
+            if (message.data && message.data.isOpen !== undefined) {
+                state.isDropdownOpen = message.data.isOpen;
+                if (message.data.isOpen) {
+                    clearHoverOverlays(state);
+                }
+            }
+            break;
+        default:
+            break;
+    }
+}
+//# sourceMappingURL=message-handlers.js.map

package/dist/injections/visual-edit-agent/handlers/message-handlers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-handlers.js","sourceRoot":"","sources":["../../../../src/injections/visual-edit-agent/handlers/message-handlers.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+import type { AgentState } from "../../state/agent-state.js";
+import type { ToggleInlineEditModeMessage } from "./types.js";
+/**
+ * Handle toggle-inline-edit-mode message (parent-initiated)
+ */
+export declare function handleToggleInlineEditMode(state: AgentState, message: ToggleInlineEditModeMessage): void;
+//# sourceMappingURL=toggle-inline-edit-mode.d.ts.map

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

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

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

@@ -0,0 +1,54 @@
+import { findElementsById } from "../../../utils.js";
+import { shouldEnterInlineEditingMode } from "../../capabilities/inline-editing/index.js";
+import { handleEnterInlineEditingMode, handleClearInlineEditingMode } from "../inline-edit-handlers.js";
+import { clearSelection } from "../../ui/overlay.js";
+import { createOverlay, positionOverlay } from "../../ui/overlay.js";
+/**
+ * Handle toggle-inline-edit-mode message (parent-initiated)
+ */
+export function handleToggleInlineEditMode(state, message) {
+    if (!state.isInlineEditExperimentEnabled) {
+        return;
+    }
+    if (!message.data || !message.data.dataSourceLocation) {
+        return;
+    }
+    const elements = findElementsById(message.data.dataSourceLocation);
+    if (elements.length === 0 || !(elements[0] instanceof HTMLElement)) {
+        return;
+    }
+    const element = elements[0];
+    if (message.data.inlineEditingMode) {
+        // Enable inline editing (only for non-dynamic text elements)
+        if (shouldEnterInlineEditingMode(element)) {
+            // Select the element first if not already selected
+            if (state.selectedElementId !== message.data.dataSourceLocation) {
+                // Clear any existing selection
+                if (state.currentEditingElement) {
+                    handleClearInlineEditingMode(state);
+                }
+                clearSelection(state);
+                elements.forEach((el) => {
+                    if (el instanceof HTMLElement) {
+                        el.dataset.selected = "true";
+                    }
+                });
+                elements.forEach((el) => {
+                    const overlay = createOverlay(true);
+                    document.body.appendChild(overlay);
+                    state.selectedOverlays.push(overlay);
+                    positionOverlay(overlay, el, true, state.isVisualEditMode);
+                });
+                state.selectedElementId = message.data.dataSourceLocation;
+            }
+            handleEnterInlineEditingMode(state, element);
+        }
+    }
+    else {
+        // Disable inline editing
+        if (state.currentEditingElement === element) {
+            handleClearInlineEditingMode(state);
+        }
+    }
+}
+//# sourceMappingURL=toggle-inline-edit-mode.js.map