@base44-preview/vite-plugin 0.2.27-pr.41.77be9cb → 0.2.27-pr.43.93e5e43

package/src/visual-edit-plugin.ts

@@ -3,196 +3,31 @@ import { default as traverse } from "@babel/traverse";
 import { default as generate } from "@babel/generator";
 import * as t from "@babel/types";
 import type { Plugin } from "vite";
-import { StaticArrayProcessor } from "./processors/static-array-processor.js";
+import { JSXProcessor } from "./jsx-processor.js";
 import { JSXUtils } from "./jsx-utils.js";
 
-// Helper function to check if JSX element contains dynamic content
-export function checkIfElementHasDynamicContent(jsxElement: any) {
-  let hasDynamicContent = false;
-
-  // Helper function to check if any node contains dynamic patterns
-  function checkNodeForDynamicContent(node: any) {
-    // JSX expressions like {variable}, {func()}, {obj.prop}
-    if (t.isJSXExpressionContainer(node)) {
-      const expression = node.expression;
-
-      // Skip empty expressions {}
-      if (t.isJSXEmptyExpression(expression)) {
-        return false;
-      }
-
-      // Any non-literal expression is considered dynamic
-      if (!t.isLiteral(expression)) {
-        return true;
-      }
-    }
-
-    // Template literals with expressions `Hello ${name}`
-    if (t.isTemplateLiteral(node) && node.expressions.length > 0) {
-      return true;
-    }
-
-    // Member expressions like props.title, state.value
-    if (t.isMemberExpression(node)) {
-      return true;
-    }
-
-    // Function calls like getData(), format()
-    if (t.isCallExpression(node)) {
-      return true;
-    }
-
-    // Conditional expressions like condition ? "yes" : "no"
-    if (t.isConditionalExpression(node)) {
-      return true;
-    }
-
-    // Identifier references (could be props, state, variables)
-    if (t.isIdentifier(node)) {
-      // Common dynamic identifiers
-      const dynamicNames = [
-        "props",
-        "state",
-        "data",
-        "item",
-        "value",
-        "text",
-        "content",
-      ];
-      if (dynamicNames.some((name) => node.name.includes(name))) {
-        return true;
-      }
-    }
-
-    return false;
-  }
-
-  // Recursively traverse all child nodes
-  function traverseNode(node: any) {
-    if (checkNodeForDynamicContent(node)) {
-      hasDynamicContent = true;
-      return;
-    }
-
-    // Recursively check child nodes
-    Object.keys(node).forEach((key) => {
-      const value = node[key];
-
-      if (Array.isArray(value)) {
-        value.forEach((child) => {
-          if (child && typeof child === "object" && child.type) {
-            traverseNode(child);
-          }
-        });
-      } else if (value && typeof value === "object" && value.type) {
-        traverseNode(value);
-      }
-    });
-  }
-
-  // Check the element's own attributes for dynamic content
-  const attributes = jsxElement.openingElement?.attributes || [];
-  attributes.forEach((attr: any) => {
-    if (hasDynamicContent) return; // Early exit if already found dynamic content
-
-    // Spread attributes like {...props} are always dynamic
-    if (t.isJSXSpreadAttribute(attr)) {
-      hasDynamicContent = true;
-      return;
-    }
-
-    // Check attribute values for dynamic expressions
-    if (t.isJSXAttribute(attr) && attr.value) {
-      traverseNode(attr.value);
-    }
-  });
-
-  // Check all children of the JSX element
-  jsxElement.children.forEach((child: any) => {
-    if (hasDynamicContent) return; // Early exit if already found dynamic content
-    traverseNode(child);
-  });
-
-  return hasDynamicContent;
-}
-
 export function visualEditPlugin() {
   return {
     name: "visual-edit-transform",
     apply: (config) => config.mode === "development",
     enforce: "pre",
     order: "pre",
-    // Inject Tailwind CDN for visual editing capabilities
     transformIndexHtml(html: any) {
-      // Inject the Tailwind CSS CDN script right before the closing </head> tag
       const tailwindScript = `    <!-- Tailwind CSS CDN for visual editing -->\n    <script src="https://cdn.tailwindcss.com"></script>\n  `;
       return html.replace("</head>", tailwindScript + "</head>");
     },
     transform(code: any, id: any) {
-      // Skip node_modules and visual-edit-agent itself
       if (id.includes("node_modules") || id.includes("visual-edit-agent")) {
         return null;
       }
 
-      // Process JS/JSX/TS/TSX files
       if (!id.match(/\.(jsx?|tsx?)$/)) {
         return null;
       }
 
-      // Extract filename from path, preserving pages/ or components/ structure
-      const pathParts = id.split("/");
-      let filename;
-
-      // Check if this is a pages or components file
-      if (id.includes("/pages/")) {
-        const pagesIndex = pathParts.findIndex((part: any) => part === "pages");
-        if (pagesIndex >= 0 && pagesIndex < pathParts.length - 1) {
-          // Get all parts from 'pages' to the file, preserving nested structure
-          const relevantParts = pathParts.slice(pagesIndex, pathParts.length);
-          const lastPart = relevantParts[relevantParts.length - 1];
-          // Remove file extension from the last part
-          relevantParts[relevantParts.length - 1] = lastPart.includes(".")
-            ? lastPart.split(".")[0]
-            : lastPart;
-          filename = relevantParts.join("/");
-        } else {
-          filename = pathParts[pathParts.length - 1];
-          if (filename.includes(".")) {
-            filename = filename.split(".")[0];
-          }
-        }
-      } else if (id.includes("/components/")) {
-        const componentsIndex = pathParts.findIndex(
-          (part: any) => part === "components"
-        );
-        if (componentsIndex >= 0 && componentsIndex < pathParts.length - 1) {
-          // Get all parts from 'components' to the file, preserving nested structure
-          const relevantParts = pathParts.slice(
-            componentsIndex,
-            pathParts.length
-          );
-          const lastPart = relevantParts[relevantParts.length - 1];
-          // Remove file extension from the last part
-          relevantParts[relevantParts.length - 1] = lastPart.includes(".")
-            ? lastPart.split(".")[0]
-            : lastPart;
-          filename = relevantParts.join("/");
-        } else {
-          filename = pathParts[pathParts.length - 1];
-          if (filename.includes(".")) {
-            filename = filename.split(".")[0];
-          }
-        }
-      } else {
-        // For other files (like layout), just use the filename
-        filename = pathParts[pathParts.length - 1];
-        if (filename.includes(".")) {
-          filename = filename.split(".")[0];
-        }
-      }
+      const filename = extractFilename(id);
 
       try {
-        // Parse the code into an AST
         const ast = parse(code, {
           sourceType: "module",
           plugins: [
@@ -214,61 +49,17 @@ export function visualEditPlugin() {
           ],
         });
 
-        // Traverse the AST and add source location and dynamic content attributes to JSX elements
         JSXUtils.init(t);
-        const staticArrayProcessor = new StaticArrayProcessor(t);
-        let elementsProcessed = 0;
+        const processor = new JSXProcessor(t, filename);
+
         traverse.default(ast, {
           JSXElement(path) {
             const jsxElement = path.node;
-            const openingElement = jsxElement.openingElement;
-
-            // Skip fragments
             if (t.isJSXFragment(jsxElement)) return;
-
-            // Skip if already has source location attribute
-            const hasSourceLocation = openingElement.attributes.some(
-              (attr) =>
-                t.isJSXAttribute(attr) &&
-                t.isJSXIdentifier(attr.name) &&
-                attr.name.name === "data-source-location"
-            );
-
-            if (hasSourceLocation) return;
-
-            // Get line and column from AST node location
-            const { line, column } = openingElement.loc?.start || {
-              line: 1,
-              column: 0,
-            };
-
-            // Create the source location attribute
-            const sourceLocationAttr = t.jsxAttribute(
-              t.jsxIdentifier("data-source-location"),
-              t.stringLiteral(`${filename}:${line}:${column}`)
-            );
-
-            // Check if element has dynamic content
-            const isDynamic = checkIfElementHasDynamicContent(jsxElement);
-
-            // Create the dynamic content attribute
-            const dynamicContentAttr = t.jsxAttribute(
-              t.jsxIdentifier("data-dynamic-content"),
-              t.stringLiteral(isDynamic ? "true" : "false")
-            );
-
-            // Add both attributes to the beginning of the attributes array
-            openingElement.attributes.unshift(
-              sourceLocationAttr,
-              dynamicContentAttr
-            );
-
-            staticArrayProcessor.process(path.get("openingElement"));
-            elementsProcessed++;
+            processor.processJSXElement(path.get("openingElement"));
           },
         });
 
-        // Generate the code back from the AST
         const result = generate.default(ast, {
           compact: false,
           concise: false,
@@ -282,10 +73,38 @@ export function visualEditPlugin() {
       } catch (error) {
         console.error("Failed to add source location to JSX:", error);
         return {
-          code: code, // Return original code on failure
+          code: code,
           map: null,
         };
       }
     },
   } as Plugin;
 }
+
+function extractFilename(id: string): string {
+  const pathParts = id.split("/");
+
+  const segmentIndex = findSegmentIndex(pathParts, ["pages", "components"]);
+  if (segmentIndex >= 0 && segmentIndex < pathParts.length - 1) {
+    const relevantParts = pathParts.slice(segmentIndex);
+    const last = relevantParts[relevantParts.length - 1];
+    relevantParts[relevantParts.length - 1] = stripExtension(last ?? "");
+    return relevantParts.join("/");
+  }
+
+  const lastPart = pathParts[pathParts.length - 1] ?? "";
+  return stripExtension(lastPart);
+}
+
+function findSegmentIndex(parts: string[], segments: string[]): number {
+  for (const segment of segments) {
+    const idx = parts.findIndex((part) => part === segment);
+    if (idx >= 0) return idx;
+  }
+  return -1;
+}
+
+function stripExtension(filename: string): string {
+  const dotIndex = filename.indexOf(".");
+  return dotIndex >= 0 ? filename.substring(0, dotIndex) : filename;
+}

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

@@ -1,25 +0,0 @@
-/**
- * Callback function type for handling text input changes
- */
-type OnTextInputChange = (element: HTMLElement) => void;
-/**
- * Set the callback function that will be called on text input changes
- */
-export declare function setInlineEditCallback(callback: OnTextInputChange | null): void;
-/**
- * Check if an element should enter inline editing mode
- * Called when user clicks on an already-selected element
- */
-export declare function shouldEnterInlineEditingMode(element: Element): boolean;
-/**
- * Enable contentEditable mode on an element
- * Follows the exact flow from inlineEdit.md
- */
-export declare function enterInlineEditingMode(element: HTMLElement): void;
-/**
- * Disable contentEditable mode on an element
- * Reverses everything done by enterInlineEditingMode
- */
-export declare function clearInlineEditingMode(element: HTMLElement): void;
-export {};
-//# sourceMappingURL=core.d.ts.map

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

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

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

@@ -1,95 +0,0 @@
-import { injectFocusOutlineCSS, removeFocusOutlineCSS } from "./styles.js";
-import { selectText, isEditableTextElement } from "./validation.js";
-/**
- * Global callback that gets triggered on every input event
- * This is set by the visual-edit-agent and includes both updatePosition and reportInlineEdit
- */
-let onTextInputChangeCallback = null;
-/**
- * Set the callback function that will be called on text input changes
- */
-export function setInlineEditCallback(callback) {
-    onTextInputChangeCallback = callback;
-}
-/**
- * WeakMap to track AbortControllers for each element's input listener.
- * Using WeakMap ensures no memory leaks — when an element is garbage collected,
- * its entry is automatically removed.
- */
-const listenerAbortControllers = new WeakMap();
-/**
- * Internal handler for the native input event
- */
-function handleInputEvent(e) {
-    if (onTextInputChangeCallback) {
-        onTextInputChangeCallback(this);
-    }
-}
-/**
- * Check if an element should enter inline editing mode
- * Called when user clicks on an already-selected element
- */
-export function shouldEnterInlineEditingMode(element) {
-    // Must have data-selected="true"
-    if (!(element instanceof HTMLElement) || element.dataset.selected !== "true") {
-        return false;
-    }
-    // Must pass all editability checks
-    if (!isEditableTextElement(element)) {
-        return false;
-    }
-    return true;
-}
-/**
- * Enable contentEditable mode on an element
- * Follows the exact flow from inlineEdit.md
- */
-export function enterInlineEditingMode(element) {
-    // Inject CSS to suppress focus outline
-    injectFocusOutlineCSS();
-    // Store original state
-    element.dataset.originalTextContent = element.textContent || "";
-    element.dataset.originalCursor = element.style.cursor;
-    // Enable contentEditable
-    element.contentEditable = "true";
-    // Create an AbortController to manage the input listener lifecycle
-    const abortController = new AbortController();
-    listenerAbortControllers.set(element, abortController);
-    // Add input event listener with AbortSignal for automatic cleanup
-    element.addEventListener("input", handleInputEvent, { signal: abortController.signal });
-    // Set cursor to text
-    element.style.cursor = "text";
-    // Select all text
-    selectText(element);
-    // Focus after render
-    setTimeout(() => {
-        element.focus();
-    }, 0);
-}
-/**
- * Disable contentEditable mode on an element
- * Reverses everything done by enterInlineEditingMode
- */
-export function clearInlineEditingMode(element) {
-    // Abort the input event listener using the stored AbortController
-    const abortController = listenerAbortControllers.get(element);
-    if (abortController) {
-        abortController.abort();
-        listenerAbortControllers.delete(element);
-    }
-    // If element was removed from DOM before cleanup, skip DOM operations
-    if (!element.isConnected) {
-        return;
-    }
-    removeFocusOutlineCSS();
-    // Disable contentEditable
-    element.contentEditable = "false";
-    // Remove stored original text content
-    delete element.dataset.originalTextContent;
-    // Restore original cursor
-    if (element.dataset.originalCursor !== undefined) {
-        element.style.cursor = element.dataset.originalCursor;
-        delete element.dataset.originalCursor;
-    }
-}
-//# sourceMappingURL=core.js.map

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

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

package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.d.ts

@@ -1,4 +0,0 @@
-export { enterInlineEditingMode, clearInlineEditingMode, shouldEnterInlineEditingMode, setInlineEditCallback, } from "./core.js";
-export { injectFocusOutlineCSS, removeFocusOutlineCSS } from "./styles.js";
-export { isEditableTextElement, isStaticArrayTextElement, selectText } from "./validation.js";
-//# sourceMappingURL=index.d.ts.map

package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/capabilities/inline-editing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,sBAAsB,EACtB,4BAA4B,EAC5B,qBAAqB,GACtB,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAE3E,OAAO,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.js

@@ -1,4 +0,0 @@
-export { enterInlineEditingMode, clearInlineEditingMode, shouldEnterInlineEditingMode, setInlineEditCallback, } from "./core.js";
-export { injectFocusOutlineCSS, removeFocusOutlineCSS } from "./styles.js";
-export { isEditableTextElement, isStaticArrayTextElement, selectText } from "./validation.js";
-//# sourceMappingURL=index.js.map

package/dist/injections/visual-edit-agent/capabilities/inline-editing/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/capabilities/inline-editing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,sBAAsB,EACtB,4BAA4B,EAC5B,qBAAqB,GACtB,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAE3E,OAAO,EAAE,qBAAqB,EAAE,wBAAwB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.d.ts

@@ -1,9 +0,0 @@
-/**
- * Inject CSS to suppress the browser's default focus outline on contentEditable elements
- */
-export declare function injectFocusOutlineCSS(): void;
-/**
- * Remove the injected focus outline CSS
- */
-export declare function removeFocusOutlineCSS(): void;
-//# sourceMappingURL=styles.d.ts.map

package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/capabilities/inline-editing/styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,IAAI,CAY5C;AAED;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,IAAI,CAK5C"}

package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.js

@@ -1,26 +0,0 @@
-/**
- * Inject CSS to suppress the browser's default focus outline on contentEditable elements
- */
-export function injectFocusOutlineCSS() {
-    const existingStyle = document.getElementById("visual-edit-focus-styles");
-    if (existingStyle)
-        return;
-    const style = document.createElement("style");
-    style.id = "visual-edit-focus-styles";
-    style.textContent = `
-    [data-selected="true"][contenteditable="true"]:focus {
-      outline: none !important;
-    }
-  `;
-    document.head.appendChild(style);
-}
-/**
- * Remove the injected focus outline CSS
- */
-export function removeFocusOutlineCSS() {
-    const style = document.getElementById("visual-edit-focus-styles");
-    if (style) {
-        style.remove();
-    }
-}
-//# sourceMappingURL=styles.js.map

package/dist/injections/visual-edit-agent/capabilities/inline-editing/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/capabilities/inline-editing/styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,UAAU,qBAAqB;IACnC,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,0BAA0B,CAAC,CAAC;IAC1E,IAAI,aAAa;QAAE,OAAO;IAE1B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,EAAE,GAAG,0BAA0B,CAAC;IACtC,KAAK,CAAC,WAAW,GAAG;;;;GAInB,CAAC;IACF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AACnC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,qBAAqB;IACnC,MAAM,KAAK,GAAG,QAAQ,CAAC,cAAc,CAAC,0BAA0B,CAAC,CAAC;IAClE,IAAI,KAAK,EAAE,CAAC;QACV,KAAK,CAAC,MAAM,EAAE,CAAC;IACjB,CAAC;AACH,CAAC"}

package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.d.ts

@@ -1,17 +0,0 @@
-/**
- * Select all text content in an element using the Selection API
- */
-export declare function selectText(element: HTMLElement): void;
-/**
- * Check if an element is a static array text element.
- * These elements are "dynamic" (they reference item.field) but their source
- * is a compile-time static array, so they can be safely edited inline.
- */
-export declare function isStaticArrayTextElement(element: HTMLElement): boolean;
-/**
- * Check if an element is an editable text element
- * Based on the eligibility rules from inlineEdit.md (non-dynamic only),
- * with an exception for static array elements.
- */
-export declare function isEditableTextElement(element: Element): boolean;
-//# sourceMappingURL=validation.d.ts.map

package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"validation.d.ts","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/capabilities/inline-editing/validation.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,CAMrD;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,WAAW,GAAG,OAAO,CAEtE;AA4CD;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAmB/D"}

package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.js

@@ -1,76 +0,0 @@
-/**
- * Select all text content in an element using the Selection API
- */
-export function selectText(element) {
-    const range = document.createRange();
-    range.selectNodeContents(element);
-    const selection = window.getSelection();
-    selection?.removeAllRanges();
-    selection?.addRange(range);
-}
-/**
- * Check if an element is a static array text element.
- * These elements are "dynamic" (they reference item.field) but their source
- * is a compile-time static array, so they can be safely edited inline.
- */
-export function isStaticArrayTextElement(element) {
-    return !!element.dataset.arrField;
-}
-const ALLOWED_INLINE_EDIT_TAGS = [
-    "div",
-    "p",
-    "h1",
-    "h2",
-    "h3",
-    "h4",
-    "h5",
-    "h6",
-    "span",
-    "li",
-    "td",
-    "a",
-    "button",
-    "label",
-];
-/**
- * Structural checks shared by both regular and static-array inline editing:
- * allowed tag, non-empty text, no media children, leaf node.
- */
-function passesStructuralChecks(element) {
-    if (!ALLOWED_INLINE_EDIT_TAGS.includes(element.tagName.toLowerCase())) {
-        return false;
-    }
-    const textContent = element.textContent?.trim() || "";
-    if (textContent.length === 0) {
-        return false;
-    }
-    if (element.querySelector("img, video, canvas, svg") !== null) {
-        return false;
-    }
-    if (element.children.length > 0) {
-        return false;
-    }
-    return true;
-}
-/**
- * Check if an element is an editable text element
- * Based on the eligibility rules from inlineEdit.md (non-dynamic only),
- * with an exception for static array elements.
- */
-export function isEditableTextElement(element) {
-    if (!(element instanceof HTMLElement)) {
-        return false;
-    }
-    if (!passesStructuralChecks(element)) {
-        return false;
-    }
-    // Static array elements are editable even though they are technically "dynamic"
-    if (isStaticArrayTextElement(element)) {
-        return true;
-    }
-    if (element.dataset.dynamicContent === "true") {
-        return false;
-    }
-    return true;
-}
-//# sourceMappingURL=validation.js.map

package/dist/injections/visual-edit-agent/capabilities/inline-editing/validation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"validation.js","sourceRoot":"","sources":["../../../../../src/injections/visual-edit-agent/capabilities/inline-editing/validation.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,UAAU,UAAU,CAAC,OAAoB;IAC7C,MAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;IACrC,KAAK,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAClC,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;IACxC,SAAS,EAAE,eAAe,EAAE,CAAC;IAC7B,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC7B,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,wBAAwB,CAAC,OAAoB;IAC3D,OAAO,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC;AACpC,CAAC;AAED,MAAM,wBAAwB,GAAG;IAC/B,KAAK;IACL,GAAG;IACH,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,MAAM;IACN,IAAI;IACJ,IAAI;IACJ,GAAG;IACH,QAAQ;IACR,OAAO;CACR,CAAC;AAEF;;;GAGG;AACH,SAAS,sBAAsB,CAAC,OAAoB;IAClD,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,EAAE,CAAC;QACtE,OAAO,KAAK,CAAC;IACf,CAAC;IAED,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IACtD,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC7B,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,OAAO,CAAC,aAAa,CAAC,yBAAyB,CAAC,KAAK,IAAI,EAAE,CAAC;QAC9D,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,OAAO,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAChC,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,qBAAqB,CAAC,OAAgB;IACpD,IAAI,CAAC,CAAC,OAAO,YAAY,WAAW,CAAC,EAAE,CAAC;QACtC,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,CAAC,sBAAsB,CAAC,OAAO,CAAC,EAAE,CAAC;QACrC,OAAO,KAAK,CAAC;IACf,CAAC;IAED,gFAAgF;IAChF,IAAI,wBAAwB,CAAC,OAAO,CAAC,EAAE,CAAC;QACtC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,OAAO,CAAC,OAAO,CAAC,cAAc,KAAK,MAAM,EAAE,CAAC;QAC9C,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}

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

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,10 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,10 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"}