@elementor/editor-canvas 4.1.0-802 → 4.1.0-804

package/dist/index.js

@@ -43,6 +43,7 @@ __export(index_exports, {
   createTemplatedElementView: () => createTemplatedElementView,
   createTransformer: () => createTransformer,
   createTransformersRegistry: () => createTransformersRegistry,
+  doAfterRender: () => doAfterRender,
   endDragElementFromPanel: () => endDragElementFromPanel,
   init: () => init,
   isAtomicWidget: () => isAtomicWidget,
@@ -102,10 +103,79 @@ var initBreakpointsResource = (reg) => {
 };
 
 // src/mcp/resources/widgets-schema-resource.ts
-var import_editor_elements = require("@elementor/editor-elements");
+var import_editor_elements2 = require("@elementor/editor-elements");
 var import_editor_mcp = require("@elementor/editor-mcp");
 var import_editor_props = require("@elementor/editor-props");
 var import_editor_styles = require("@elementor/editor-styles");
+
+// src/mcp/utils/element-data-util.ts
+var import_editor_elements = require("@elementor/editor-elements");
+function hasV3Controls(controls) {
+  return typeof controls === "object" && controls !== null && Object.keys(controls).length > 0;
+}
+function isWidgetAvailableForLLM(config) {
+  if (!config) {
+    return false;
+  }
+  if (config.meta?.llm_support === false) {
+    return false;
+  }
+  if (config.atomic_props_schema) {
+    return true;
+  }
+  return hasV3Controls(config.controls);
+}
+function getWidgetVersion(config) {
+  return config?.atomic_props_schema ? "v4" : "v3";
+}
+function getAvailableWidgets() {
+  const cache = (0, import_editor_elements.getWidgetsCache)() ?? {};
+  return Object.keys(cache).filter((widgetType) => isWidgetAvailableForLLM(cache[widgetType])).sort().map((widgetType) => {
+    const config = cache[widgetType];
+    const description = typeof config?.meta?.description === "string" ? config.meta.description : void 0;
+    return {
+      type: widgetType,
+      version: getWidgetVersion(config),
+      ...description && { description }
+    };
+  });
+}
+
+// src/mcp/resources/widgets-schema-resource.ts
+var V3_LAYOUT_CONTROL_TYPES = /* @__PURE__ */ new Set(["section", "tab", "tabs"]);
+function extractV3ControlsMetadata(controls) {
+  if (!hasV3Controls(controls)) {
+    return {};
+  }
+  const result = {};
+  for (const [controlKey, raw] of Object.entries(controls)) {
+    if (!raw || typeof raw !== "object") {
+      continue;
+    }
+    const control = raw;
+    const controlType = typeof control.type === "string" ? control.type : void 0;
+    if (controlType && V3_LAYOUT_CONTROL_TYPES.has(controlType)) {
+      continue;
+    }
+    const entry = {};
+    if (Object.prototype.hasOwnProperty.call(control, "default")) {
+      entry.default = control.default;
+    }
+    if (controlType) {
+      entry.type = controlType;
+    }
+    if (Object.prototype.hasOwnProperty.call(control, "options") && control.options !== void 0) {
+      const options = control.options;
+      if (options && typeof options === "object" && !Array.isArray(options)) {
+        entry.options = Object.keys(options);
+      } else {
+        entry.options = options;
+      }
+    }
+    result[controlKey] = entry;
+  }
+  return result;
+}
 var WIDGET_SCHEMA_URI = "elementor://widgets/schema/{widgetType}";
 var STYLE_SCHEMA_URI = "elementor://styles/schema/{category}";
 var BEST_PRACTICES_URI = "elementor://styles/best-practices";
@@ -153,7 +223,7 @@ Variables from the user context ARE NOT SUPPORTED AND WILL RESOLVE IN ERROR.
       }
     }),
     {
-      description: "Common styles schema for the specified category"
+      description: "Common styles schema for the specified category (applicable for V4 elements only)"
     },
     async (uri, variables) => {
       const category = typeof variables.category === "string" ? variables.category : variables.category?.[0];
@@ -179,9 +249,9 @@ Variables from the user context ARE NOT SUPPORTED AND WILL RESOLVE IN ERROR.
     "widget-schema-by-type",
     new import_editor_mcp.ResourceTemplate(WIDGET_SCHEMA_URI, {
       list: () => {
-        const cache = (0, import_editor_elements.getWidgetsCache)() || {};
-        const availableWidgets = Object.keys(cache || {}).filter(
-          (widgetType) => cache[widgetType]?.atomic_props_schema && cache[widgetType].meta?.llm_support !== false
+        const cache = (0, import_editor_elements2.getWidgetsCache)() || {};
+        const availableWidgets = Object.keys(cache).filter(
+          (widgetType) => isWidgetAvailableForLLM(cache[widgetType])
         );
         return {
           resources: availableWidgets.map((widgetType) => ({
@@ -196,11 +266,31 @@ Variables from the user context ARE NOT SUPPORTED AND WILL RESOLVE IN ERROR.
     },
     async (uri, variables) => {
       const widgetType = typeof variables.widgetType === "string" ? variables.widgetType : variables.widgetType?.[0];
-      const widgetData = (0, import_editor_elements.getWidgetsCache)()?.[widgetType];
-      const propSchema = widgetData?.atomic_props_schema;
-      if (!propSchema || !widgetData) {
+      const widgetData = (0, import_editor_elements2.getWidgetsCache)()?.[widgetType];
+      if (!widgetData) {
         throw new Error(`No prop schema found for element type: ${widgetType}`);
       }
+      const propSchema = widgetData.atomic_props_schema;
+      if (!propSchema) {
+        if (!hasV3Controls(widgetData.controls)) {
+          throw new Error(`No prop schema found for element type: ${widgetType}`);
+        }
+        const controlMetadata = extractV3ControlsMetadata(widgetData.controls);
+        return {
+          contents: [
+            {
+              uri: uri.toString(),
+              mimeType: "application/json",
+              text: JSON.stringify({
+                widget_version: "v3",
+                message: "This widget exists in the editor but has no atomic props schema (V4). Use control_metadata as non-authoritative hints from legacy controls.",
+                fields_note: "All settings are optional; there is no JSON schema for this widget type.",
+                properties: controlMetadata
+              })
+            }
+          ]
+        };
+      }
       const asJson = Object.fromEntries(
         Object.entries(propSchema).map(([key, propType]) => [
           key,
@@ -229,7 +319,7 @@ Variables from the user context ARE NOT SUPPORTED AND WILL RESOLVE IN ERROR.
         llmGuidance.default_styles = defaultStyles;
       }
       const allowedChildTypes = widgetData.allowed_child_types;
-      const allWidgets = (0, import_editor_elements.getWidgetsCache)() || {};
+      const allWidgets = (0, import_editor_elements2.getWidgetsCache)() || {};
       const allowedParents = Object.entries(allWidgets).filter(([, parentConfig]) => parentConfig.allowed_child_types?.includes(widgetType)).map(([parentType]) => parentType);
       if (allowedChildTypes?.length || allowedParents.length) {
         llmGuidance.nesting = {
@@ -303,7 +393,7 @@ var renameClass = (oldClassName, newClassName) => {
 
 // src/components/elements-overlays.tsx
 var React2 = __toESM(require("react"));
-var import_editor_elements2 = require("@elementor/editor-elements");
+var import_editor_elements3 = require("@elementor/editor-elements");
 var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
 
 // src/components/outline-overlay.tsx
@@ -444,7 +534,7 @@ var overlayRegistry = [
   }
 ];
 function ElementsOverlays() {
-  const selected = (0, import_editor_elements2.useSelectedElement)();
+  const selected = (0, import_editor_elements3.useSelectedElement)();
   const elements = useElementsDom();
   const currentEditMode = (0, import_editor_v1_adapters2.useEditMode)();
   const isEditMode = currentEditMode === "edit";
@@ -473,7 +563,7 @@ function useElementsDom() {
   return (0, import_editor_v1_adapters2.__privateUseListenTo)(
     [(0, import_editor_v1_adapters2.windowEvent)("elementor/editor/element-rendered"), (0, import_editor_v1_adapters2.windowEvent)("elementor/editor/element-destroyed")],
     () => {
-      return (0, import_editor_elements2.getElements)().filter((el) => ELEMENTS_DATA_ATTR in (el.view?.el?.dataset ?? {})).map((element) => ({
+      return (0, import_editor_elements3.getElements)().filter((el) => ELEMENTS_DATA_ATTR in (el.view?.el?.dataset ?? {})).map((element) => ({
         id: element.id,
         domElement: element.view?.getDomElement?.()?.get?.(0),
         isGlobal: element.model.get("isGlobal") ?? false
@@ -1204,7 +1294,7 @@ var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
 var import_i18n = require("@wordpress/i18n");
 
 // src/form-structure/utils.ts
-var import_editor_elements3 = require("@elementor/editor-elements");
+var import_editor_elements4 = require("@elementor/editor-elements");
 var FORM_ELEMENT_TYPE = "e-form";
 var FORM_FIELD_ELEMENT_TYPES = /* @__PURE__ */ new Set([
   "e-form-input",
@@ -1230,10 +1320,10 @@ function isWithinForm(element) {
   return isElementWithinFormSelector(element);
 }
 function hasElementType(element, type) {
-  return (0, import_editor_elements3.getAllDescendants)(element).some((item) => getElementType(item) === type);
+  return (0, import_editor_elements4.getAllDescendants)(element).some((item) => getElementType(item) === type);
 }
 function hasElementTypes(element, types) {
-  return (0, import_editor_elements3.getAllDescendants)(element).some((item) => {
+  return (0, import_editor_elements4.getAllDescendants)(element).some((item) => {
     const itemType = getElementType(item);
     return itemType ? types.has(itemType) : false;
   });
@@ -1910,7 +2000,7 @@ function initStyleTransformers() {
 }
 
 // src/legacy/init-legacy-views.ts
-var import_editor_elements6 = require("@elementor/editor-elements");
+var import_editor_elements7 = require("@elementor/editor-elements");
 var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
 
 // src/renderers/create-dom-renderer.ts
@@ -2039,7 +2129,7 @@ function createElementViewClassDeclaration() {
 }
 
 // src/legacy/create-nested-templated-element-type.ts
-var import_editor_elements4 = require("@elementor/editor-elements");
+var import_editor_elements5 = require("@elementor/editor-elements");
 
 // src/legacy/twig-rendering-utils.ts
 function setupTwigRenderer({ renderer, element }) {
@@ -2297,7 +2387,7 @@ function createNestedTemplatedElementView({
         this._initAlpine();
       });
       this.model.trigger("render:complete");
-      window.dispatchEvent(new CustomEvent(import_editor_elements4.ELEMENT_STYLE_CHANGE_EVENT));
+      window.dispatchEvent(new CustomEvent(import_editor_elements5.ELEMENT_STYLE_CHANGE_EVENT));
     },
     async _renderTemplate() {
       const model = this.model;
@@ -2533,7 +2623,7 @@ var import_client = require("react-dom/client");
 
 // src/legacy/replacements/inline-editing/inline-editing-elements.tsx
 var React6 = __toESM(require("react"));
-var import_editor_elements5 = require("@elementor/editor-elements");
+var import_editor_elements6 = require("@elementor/editor-elements");
 var import_editor_props4 = require("@elementor/editor-props");
 var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
 var import_i18n3 = require("@wordpress/i18n");
@@ -2909,7 +2999,7 @@ var InlineEditingReplacement = class extends ReplacementBase {
     return INLINE_EDITING_PROPERTY_PER_TYPE[this.type] ?? "";
   }
   getInlineEditablePropType() {
-    const propSchema = (0, import_editor_elements5.getElementType)(this.type)?.propsSchema;
+    const propSchema = (0, import_editor_elements6.getElementType)(this.type)?.propsSchema;
     const propertyName = this.getInlineEditablePropertyName();
     return propSchema?.[propertyName] ?? null;
   }
@@ -2943,7 +3033,7 @@ var InlineEditingReplacement = class extends ReplacementBase {
         }
       },
       {
-        title: (0, import_editor_elements5.getElementLabel)(this.id),
+        title: (0, import_editor_elements6.getElementLabel)(this.id),
         // translators: %s is the name of the property that was edited.
         subtitle: (0, import_i18n3.__)("%s edited", "elementor").replace(
           "%s",
@@ -2976,7 +3066,7 @@ var InlineEditingReplacement = class extends ReplacementBase {
     (0, import_editor_v1_adapters12.__privateRunCommandSync)(
       "document/elements/set-settings",
       {
-        container: (0, import_editor_elements5.getContainer)(this.id),
+        container: (0, import_editor_elements6.getContainer)(this.id),
         settings: {
           [key]: value
         }
@@ -2991,7 +3081,7 @@ var InlineEditingReplacement = class extends ReplacementBase {
     return import_editor_props4.stringPropTypeUtil.extract(this.getSetting(tagSettingKey) ?? null) ?? import_editor_props4.stringPropTypeUtil.extract(tagPropType?.default ?? null) ?? null;
   }
   getTagPropType() {
-    const propsSchema = (0, import_editor_elements5.getElementType)(this.type)?.propsSchema;
+    const propsSchema = (0, import_editor_elements6.getElementType)(this.type)?.propsSchema;
     if (!propsSchema?.tag) {
       return null;
     }
@@ -3151,7 +3241,7 @@ function registerElementType(type, elementTypeGenerator) {
 }
 function initLegacyViews() {
   (0, import_editor_v1_adapters13.__privateListenTo)((0, import_editor_v1_adapters13.v1ReadyEvent)(), () => {
-    const widgetsCache = (0, import_editor_elements6.getWidgetsCache)() ?? {};
+    const widgetsCache = (0, import_editor_elements7.getWidgetsCache)() ?? {};
     const legacyWindow = window;
     const renderer = createDomRenderer();
     registerProPromotionTypes(widgetsCache);
@@ -3237,8 +3327,66 @@ function initTabsModelExtensions() {
   registerModelExtensions("e-tab", tabModelExtensions);
 }
 
-// src/mcp/resources/document-structure-resource.ts
+// src/mcp/resources/available-widgets-resource.ts
 var import_editor_v1_adapters14 = require("@elementor/editor-v1-adapters");
+var AVAILABLE_WIDGETS_URI = "elementor://context/available-widgets";
+var AVAILABLE_WIDGETS_URI_V4 = "elementor://context/available-widgets/v4";
+var initAvailableWidgetsResource = (reg) => {
+  const { resource, sendResourceUpdated } = reg;
+  const buildContents = (uri, filterFunction = () => true) => {
+    const widgets = getAvailableWidgets().filter(filterFunction);
+    return {
+      contents: [
+        {
+          uri,
+          mimeType: "application/json",
+          text: JSON.stringify(widgets, null, 2)
+        }
+      ]
+    };
+  };
+  const notifyResourcesUpdated = () => {
+    sendResourceUpdated({
+      uri: AVAILABLE_WIDGETS_URI,
+      ...buildContents(AVAILABLE_WIDGETS_URI)
+    });
+    sendResourceUpdated({
+      uri: AVAILABLE_WIDGETS_URI_V4,
+      ...buildContents(AVAILABLE_WIDGETS_URI_V4, (w) => w.version === "v4")
+    });
+  };
+  resource(
+    "available-widgets-v4",
+    AVAILABLE_WIDGETS_URI_V4,
+    {
+      description: "All registered v4 version widgets"
+    },
+    async () => buildContents(AVAILABLE_WIDGETS_URI_V4, (w) => w.version === "v4")
+  );
+  resource(
+    "available-widgets",
+    AVAILABLE_WIDGETS_URI,
+    {
+      description: "All registered widget types with v3/v4 version metadata and description."
+    },
+    async () => buildContents(AVAILABLE_WIDGETS_URI)
+  );
+  const eventName = (0, import_editor_v1_adapters14.v1ReadyEvent)().name;
+  const onV1Ready = () => {
+    const widgets = getAvailableWidgets();
+    if (widgets.length === 0) {
+      return;
+    }
+    window.removeEventListener(eventName, onV1Ready);
+    notifyResourcesUpdated();
+  };
+  window.addEventListener(eventName, onV1Ready);
+  onV1Ready();
+};
+
+// src/mcp/resources/document-structure-resource.ts
+var import_editor_elements8 = require("@elementor/editor-elements");
+var import_editor_v1_adapters15 = require("@elementor/editor-v1-adapters");
 var DOCUMENT_STRUCTURE_URI = "elementor://document/structure";
 var initDocumentStructureResource = (reg) => {
   const { resource, sendResourceUpdated } = reg;
@@ -3251,14 +3399,15 @@ var initDocumentStructureResource = (reg) => {
       sendResourceUpdated({ uri: DOCUMENT_STRUCTURE_URI });
     }
   };
-  (0, import_editor_v1_adapters14.__privateListenTo)(
+  (0, import_editor_v1_adapters15.__privateListenTo)(
     [
-      (0, import_editor_v1_adapters14.commandEndEvent)("document/elements/create"),
-      (0, import_editor_v1_adapters14.commandEndEvent)("document/elements/delete"),
-      (0, import_editor_v1_adapters14.commandEndEvent)("document/elements/move"),
-      (0, import_editor_v1_adapters14.commandEndEvent)("document/elements/copy"),
-      (0, import_editor_v1_adapters14.commandEndEvent)("document/elements/paste"),
-      (0, import_editor_v1_adapters14.commandEndEvent)("editor/documents/attach-preview")
+      (0, import_editor_v1_adapters15.commandEndEvent)("document/elements/create"),
+      (0, import_editor_v1_adapters15.commandEndEvent)("document/elements/delete"),
+      (0, import_editor_v1_adapters15.commandEndEvent)("document/elements/move"),
+      (0, import_editor_v1_adapters15.commandEndEvent)("document/elements/copy"),
+      (0, import_editor_v1_adapters15.commandEndEvent)("document/elements/paste"),
+      (0, import_editor_v1_adapters15.commandEndEvent)("editor/documents/attach-preview"),
+      (0, import_editor_v1_adapters15.commandEndEvent)("editor/documents/switch")
     ],
     updateDocumentStructure
   );
@@ -3288,9 +3437,7 @@ function getDocumentStructure() {
     return { error: "No active document found" };
   }
   const containers = document2.container?.children || [];
-  const elements = containers.map(
-    (container) => extractElementData(container)
-  );
+  const elements = containers.map((container) => extractElementData(container));
   return {
     documentId: document2.id,
     documentType: document2.config.type,
@@ -3298,6 +3445,16 @@ function getDocumentStructure() {
     elements: elements.filter((el) => el !== null)
   };
 }
+function resolveElementVersion(element) {
+  if (element.model?.config?.atomic) {
+    return "v4";
+  }
+  const widgetType = element.model?.attributes?.widgetType;
+  if (widgetType && (0, import_editor_elements8.getWidgetsCache)()?.[widgetType]?.atomic_props_schema) {
+    return "v4";
+  }
+  return "v3";
+}
 function extractElementData(element) {
   if (!element || !element.model) {
     return null;
@@ -3306,7 +3463,8 @@ function extractElementData(element) {
   const result = {
     id: model.id,
     elType: model.elType,
-    widgetType: model.widgetType || void 0
+    widgetType: model.widgetType || void 0,
+    version: resolveElementVersion(element)
   };
   const title = model.title || element.model?.editor_settings?.title;
   if (title) {
@@ -3318,15 +3476,330 @@ function extractElementData(element) {
   return result;
 }
 
+// src/mcp/resources/editor-state-resource.ts
+var import_editor_v1_adapters16 = require("@elementor/editor-v1-adapters");
+var CURRENTLY_VIEWED_SCREEN = "The user is currently viewing the Elementor editor";
+var PAGE_CONTENT_CHARACTER_LIMIT = 500;
+var PREVIEW_TEXT_NODE_MIN_LENGTH = 2;
+var EDITOR_STATE_URI = "elementor://context/editor-state";
+var initEditorStateResource = (reg) => {
+  const { resource, sendResourceUpdated } = reg;
+  let lastSerializedState = "";
+  const buildState = () => ({
+    currentlyViewedScreen: CURRENTLY_VIEWED_SCREEN,
+    pageContent: getPageContentFromPreview(),
+    pageTitle: getPageTitle()
+  });
+  const notifyIfChanged = () => {
+    const serialized = JSON.stringify(buildState());
+    if (serialized === lastSerializedState) {
+      return;
+    }
+    lastSerializedState = serialized;
+    sendResourceUpdated({ uri: EDITOR_STATE_URI });
+  };
+  (0, import_editor_v1_adapters16.__privateListenTo)(
+    [(0, import_editor_v1_adapters16.commandEndEvent)("editor/documents/switch"), (0, import_editor_v1_adapters16.commandEndEvent)("editor/documents/attach-preview")],
+    notifyIfChanged
+  );
+  lastSerializedState = JSON.stringify(buildState());
+  resource(
+    "editor-state",
+    EDITOR_STATE_URI,
+    {
+      description: "Editor page title, preview text snapshot, and viewed screen label."
+    },
+    async () => {
+      return {
+        contents: [
+          {
+            uri: EDITOR_STATE_URI,
+            text: JSON.stringify(buildState(), null, 2)
+          }
+        ]
+      };
+    }
+  );
+};
+function getPageContentFromPreview() {
+  try {
+    const root = window.elementor?.$previewContents?.[0];
+    if (!root) {
+      return null;
+    }
+    const content = [];
+    const clone = root.cloneNode(true);
+    clone.querySelectorAll(".elementor-editor-element-settings, #elementor-add-new-section").forEach((el) => {
+      el.remove();
+    });
+    const walk = (node, insideElementorElement = false) => {
+      const isInside = node.classList?.contains("elementor-element") || insideElementorElement;
+      if (node.nodeType === Node.TEXT_NODE && isInside) {
+        const text2 = node.textContent?.trim().replace(/\s+/g, " ");
+        if (text2 && text2.length > PREVIEW_TEXT_NODE_MIN_LENGTH) {
+          content.push(text2);
+        }
+      } else {
+        node.childNodes.forEach((child) => {
+          walk(child, isInside);
+        });
+      }
+    };
+    walk(clone);
+    const text = content.join(" ");
+    if (text.length > PAGE_CONTENT_CHARACTER_LIMIT) {
+      return text.slice(0, PAGE_CONTENT_CHARACTER_LIMIT) + "...";
+    }
+    return text;
+  } catch {
+    return null;
+  }
+}
+function getPageTitle() {
+  try {
+    const extendedWindow = window;
+    const currentDocument = extendedWindow.elementor?.documents?.getCurrent?.();
+    const postTitle = currentDocument?.config?.settings?.post_title;
+    if (postTitle) {
+      return postTitle;
+    }
+    let title = document.title || "Page";
+    title = title.split(/\s*[‹»|–—-]\s*/)[0];
+    const trimmed = title.trim();
+    return trimmed || "Page";
+  } catch {
+    return "Page";
+  }
+}
+
+// src/mcp/resources/general-context-resource.ts
+var import_editor_v1_adapters17 = require("@elementor/editor-v1-adapters");
+var GENERAL_CONTEXT_URI = "elementor://context/general";
+var initGeneralContextResource = (reg) => {
+  const { resource, sendResourceUpdated } = reg;
+  let lastSerializedPayload = null;
+  const getPageTitle2 = () => {
+    const extendedWindow = window;
+    const title = extendedWindow.elementor?.documents?.getCurrent?.()?.config?.settings?.post_title;
+    if (!title?.trim()) {
+      return null;
+    }
+    return title;
+  };
+  const buildPayload = () => {
+    const extendedWindow = window;
+    const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+    const postParam = new URLSearchParams(location.search).get("post");
+    const parsedPostId = postParam ? Number(postParam) : null;
+    const postId = parsedPostId !== null && Number.isFinite(parsedPostId) ? parsedPostId : null;
+    const pageTitle = getPageTitle2();
+    const urlObject = new URL(window.location.href);
+    const pageUrl = urlObject.pathname + urlObject.search;
+    const pageName = pageTitle || "Elementor Editor";
+    const plugins = extendedWindow.angieConfig?.plugins;
+    return {
+      timezone,
+      postId,
+      currentPage: {
+        pageName,
+        pageTitle,
+        pageUrl
+      },
+      ...plugins && { plugins }
+    };
+  };
+  const pushUpdateIfChanged = () => {
+    const serialized = JSON.stringify(buildPayload());
+    if (serialized === lastSerializedPayload) {
+      return;
+    }
+    lastSerializedPayload = serialized;
+    sendResourceUpdated({ uri: GENERAL_CONTEXT_URI });
+  };
+  resource(
+    "general-context",
+    GENERAL_CONTEXT_URI,
+    {
+      description: "General context: timezone, post id, and current page."
+    },
+    async () => {
+      return {
+        contents: [
+          {
+            uri: GENERAL_CONTEXT_URI,
+            mimeType: "application/json",
+            text: JSON.stringify(buildPayload(), null, 2)
+          }
+        ]
+      };
+    }
+  );
+  (0, import_editor_v1_adapters17.__privateListenTo)(
+    [
+      (0, import_editor_v1_adapters17.commandEndEvent)("editor/documents/switch"),
+      (0, import_editor_v1_adapters17.commandEndEvent)("editor/documents/attach-preview"),
+      (0, import_editor_v1_adapters17.commandEndEvent)("document/elements/settings")
+    ],
+    pushUpdateIfChanged
+  );
+  pushUpdateIfChanged();
+};
+
+// src/mcp/resources/selected-element-resource.ts
+var import_editor_elements9 = require("@elementor/editor-elements");
+var import_editor_v1_adapters18 = require("@elementor/editor-v1-adapters");
+var SELECTED_ELEMENT_URI = "elementor://context/selected-element";
+var initSelectedElementResource = (reg) => {
+  const { resource, sendResourceUpdated } = reg;
+  let currentPayloadText = null;
+  const publishIfChanged = (payload) => {
+    const nextText = JSON.stringify(payload);
+    if (nextText !== currentPayloadText) {
+      currentPayloadText = nextText;
+      sendResourceUpdated({ uri: SELECTED_ELEMENT_URI });
+    }
+  };
+  const onCommand = (e) => {
+    if (e.type !== "command") {
+      return;
+    }
+    const commandEvent = e;
+    if (commandEvent.command === "document/elements/deselect-all") {
+      publishIfChanged(createEmptySelectedElementPayload());
+      return;
+    }
+    if (commandEvent.command !== "document/elements/select" && commandEvent.command !== "document/elements/settings") {
+      return;
+    }
+    const { container } = commandEvent.args || {};
+    if (container?.id) {
+      publishIfChanged(buildPayloadFromContainer(container));
+      return;
+    }
+    publishIfChanged(readSelectionFromEditor());
+  };
+  (0, import_editor_v1_adapters18.__privateListenTo)(
+    [
+      (0, import_editor_v1_adapters18.commandEndEvent)("document/elements/select"),
+      (0, import_editor_v1_adapters18.commandEndEvent)("document/elements/deselect-all"),
+      (0, import_editor_v1_adapters18.commandEndEvent)("document/elements/settings")
+    ],
+    onCommand
+  );
+  publishIfChanged(readSelectionFromEditor());
+  resource(
+    "selected-element",
+    SELECTED_ELEMENT_URI,
+    {
+      description: "Currently selected Elementor element context."
+    },
+    async () => {
+      return {
+        contents: [
+          {
+            uri: SELECTED_ELEMENT_URI,
+            text: JSON.stringify(readSelectionFromEditor(), null, 2)
+          }
+        ]
+      };
+    }
+  );
+};
+function createEmptySelectedElementPayload() {
+  return {
+    elementDisplayName: null,
+    elementType: null,
+    properties: null,
+    selectedElementId: null,
+    selectedParentId: null,
+    version: null,
+    widgetType: null
+  };
+}
+function readSelectionFromEditor() {
+  const elements = (0, import_editor_elements9.getSelectedElements)();
+  if (elements.length !== 1) {
+    return createEmptySelectedElementPayload();
+  }
+  const container = (0, import_editor_elements9.getContainer)(elements[0].id);
+  return buildPayloadFromContainer(container);
+}
+function buildPayloadFromContainer(container) {
+  if (!container?.id) {
+    return createEmptySelectedElementPayload();
+  }
+  const widgetType = container.model.get("widgetType") ?? null;
+  const elementType = container.type ?? "widget";
+  return {
+    elementDisplayName: getElementDisplayName(container),
+    elementType,
+    properties: getElementProperties(container, widgetType),
+    selectedElementId: container.id,
+    selectedParentId: container.parent?.id ?? null,
+    version: resolveElementVersion2(container, widgetType),
+    widgetType
+  };
+}
+function resolveElementVersion2(container, widgetType) {
+  if (container.model?.config?.atomic) {
+    return "v4";
+  }
+  if (widgetType && (0, import_editor_elements9.getWidgetsCache)()?.[widgetType]?.atomic_props_schema) {
+    return "v4";
+  }
+  return "v3";
+}
+function getElementProperties(container, widgetType) {
+  const settings = container.settings?.toJSON?.();
+  if (!settings || typeof settings !== "object") {
+    return null;
+  }
+  const widgetConfig = widgetType ? (0, import_editor_elements9.getWidgetsCache)()?.[widgetType] : null;
+  const controls = widgetConfig?.controls;
+  const filtered = {};
+  for (const [key, value] of Object.entries(settings)) {
+    if (value === void 0 || value === null || value === "") {
+      continue;
+    }
+    const controlDefault = controls?.[key]?.default;
+    if (controlDefault !== void 0 && JSON.stringify(value) === JSON.stringify(controlDefault)) {
+      continue;
+    }
+    filtered[key] = value;
+  }
+  return Object.keys(filtered).length > 0 ? filtered : null;
+}
+function getElementDisplayName(container) {
+  try {
+    if (container.label) {
+      return container.label;
+    }
+    const widgetType = container.model?.get?.("widgetType");
+    if (widgetType) {
+      const capitalizedType = widgetType.charAt(0).toUpperCase() + widgetType.slice(1);
+      return capitalizedType.replace(/-/g, " ");
+    }
+    if (container.type === "container") {
+      return "Container";
+    }
+    if (container.type === "section") {
+      return "Section";
+    }
+    return `Element ${container.id}`;
+  } catch {
+    return `Element ${container.id}`;
+  }
+}
+
 // src/mcp/tools/build-composition/tool.ts
 var import_editor_documents3 = require("@elementor/editor-documents");
-var import_editor_elements10 = require("@elementor/editor-elements");
+var import_editor_elements13 = require("@elementor/editor-elements");
 
 // src/composition-builder/composition-builder.ts
-var import_editor_elements9 = require("@elementor/editor-elements");
+var import_editor_elements12 = require("@elementor/editor-elements");
 
 // src/mcp/utils/do-update-element-property.ts
-var import_editor_elements7 = require("@elementor/editor-elements");
+var import_editor_elements10 = require("@elementor/editor-elements");
 var import_editor_props6 = require("@elementor/editor-props");
 var import_editor_styles5 = require("@elementor/editor-styles");
 function resolvePropValue(value, forceKey) {
@@ -3339,7 +3812,7 @@ function resolvePropValue(value, forceKey) {
 var doUpdateElementProperty = (params) => {
   const { elementId, propertyName, propertyValue, elementType } = params;
   if (propertyName === "_styles") {
-    const elementStyles = (0, import_editor_elements7.getElementStyles)(elementId) || {};
+    const elementStyles = (0, import_editor_elements10.getElementStyles)(elementId) || {};
     const propertyMapValue = propertyValue;
     const styleSchema = (0, import_editor_styles5.getStylesSchema)();
     const transformedStyleValues = Object.fromEntries(
@@ -3387,7 +3860,7 @@ var doUpdateElementProperty = (params) => {
     delete transformedStyleValues.custom_css;
     const localStyle = Object.values(elementStyles).find((style) => style.label === "local");
     if (!localStyle) {
-      (0, import_editor_elements7.createElementStyle)({
+      (0, import_editor_elements10.createElementStyle)({
         elementId,
         ...typeof customCss !== "undefined" ? { custom_css: customCss } : {},
         classesProp: "classes",
@@ -3401,7 +3874,7 @@ var doUpdateElementProperty = (params) => {
         }
       });
     } else {
-      (0, import_editor_elements7.updateElementStyle)({
+      (0, import_editor_elements10.updateElementStyle)({
         elementId,
         styleId: localStyle.id,
         meta: {
@@ -3416,7 +3889,7 @@ var doUpdateElementProperty = (params) => {
     }
     return;
   }
-  const elementPropSchema = (0, import_editor_elements7.getWidgetsCache)()?.[elementType]?.atomic_props_schema;
+  const elementPropSchema = (0, import_editor_elements10.getWidgetsCache)()?.[elementType]?.atomic_props_schema;
   if (!elementPropSchema) {
     throw new Error(`No prop schema found for element type: ${elementType}`);
   }
@@ -3430,7 +3903,7 @@ var doUpdateElementProperty = (params) => {
   }
   const propKey = elementPropSchema[propertyName].key;
   const value = resolvePropValue(propertyValue, propKey);
-  (0, import_editor_elements7.updateElementSettings)({
+  (0, import_editor_elements10.updateElementSettings)({
     id: elementId,
     props: {
       [propertyName]: value
@@ -3440,7 +3913,7 @@ var doUpdateElementProperty = (params) => {
 };
 
 // src/mcp/utils/validate-input.ts
-var import_editor_elements8 = require("@elementor/editor-elements");
+var import_editor_elements11 = require("@elementor/editor-elements");
 var import_editor_props7 = require("@elementor/editor-props");
 var import_editor_styles6 = require("@elementor/editor-styles");
 var _widgetsSchema = null;
@@ -3448,7 +3921,7 @@ var validateInput = {
   get widgetsSchema() {
     if (!_widgetsSchema) {
       const schema2 = {};
-      const cache = (0, import_editor_elements8.getWidgetsCache)();
+      const cache = (0, import_editor_elements11.getWidgetsCache)();
       if (!cache) {
         return {};
       }
@@ -3531,10 +4004,10 @@ var CompositionBuilder = class _CompositionBuilder {
   elementCusomCSS = {};
   rootContainers = [];
   api = {
-    createElement: import_editor_elements9.createElement,
-    getWidgetsCache: import_editor_elements9.getWidgetsCache,
-    generateElementId: import_editor_elements9.generateElementId,
-    getContainer: import_editor_elements9.getContainer,
+    createElement: import_editor_elements12.createElement,
+    getWidgetsCache: import_editor_elements12.getWidgetsCache,
+    generateElementId: import_editor_elements12.generateElementId,
+    getContainer: import_editor_elements12.getContainer,
     doUpdateElementProperty
   };
   xml;
@@ -3777,6 +4250,10 @@ var generatePrompt = () => {
 # RESOURCES (Read before use)
 - [elementor://global-classes] - Check FIRST for reusable classes
 - [elementor://global-variables] - ONLY use variables defined here
+- [${AVAILABLE_WIDGETS_URI}/v4]
+
+# TOOL SUUPORT
+This tool support v4 elements only
 
 # WORKFLOW
 1. Check/create global classes via "create-global-class" tool
@@ -3958,24 +4435,26 @@ var initBuildCompositionsTool = (reg) => {
       { description: "Styles schema", uri: STYLE_SCHEMA_URI },
       { description: "Global Classes", uri: "elementor://global-classes" },
       { description: "Global Variables", uri: "elementor://global-variables" },
-      { description: "Styles best practices", uri: BEST_PRACTICES_URI }
+      { description: "Styles best practices", uri: BEST_PRACTICES_URI },
+      { description: "Available widgets for this tool", uri: AVAILABLE_WIDGETS_URI_V4 }
     ],
     outputSchema,
     modelPreferences: {
       hints: [{ name: "claude-sonnet-4-5" }]
     },
     handler: async (params) => {
+      assertCompositionXmlUsesV4WidgetsOnly(params.xmlStructure);
       const { xmlStructure, elementConfig, stylesConfig, customCSS } = params;
       let generatedXML = "";
       const errors = [];
       const rootContainers = [];
-      const documentContainer = (0, import_editor_elements10.getContainer)("document");
+      const documentContainer = (0, import_editor_elements13.getContainer)("document");
       const currentDocument = (0, import_editor_documents3.getCurrentDocument)();
       const targetContainer = getCompositionTargetContainer(documentContainer, currentDocument?.type.value);
       try {
         const compositionBuilder = CompositionBuilder.fromXMLString(xmlStructure, {
-          createElement: import_editor_elements10.createElement,
-          getWidgetsCache: import_editor_elements10.getWidgetsCache
+          createElement: import_editor_elements13.createElement,
+          getWidgetsCache: import_editor_elements13.getWidgetsCache
         });
         compositionBuilder.setElementConfig(elementConfig);
         compositionBuilder.setStylesConfig(stylesConfig);
@@ -4003,7 +4482,7 @@ var initBuildCompositionsTool = (reg) => {
       }
       if (errors.length) {
         rootContainers.forEach((rootContainer) => {
-          (0, import_editor_elements10.deleteElement)({
+          (0, import_editor_elements13.deleteElement)({
             container: rootContainer,
             options: { useHistory: false }
           });
@@ -4052,6 +4531,31 @@ Remember: Global classes ensure design consistency and reusability. Don't skip a
     }
   });
 };
+function assertCompositionXmlUsesV4WidgetsOnly(xmlStructure) {
+  const doc = new DOMParser().parseFromString(xmlStructure, "application/xml");
+  if (doc.querySelector("parsererror")) {
+    throw new Error("Failed to parse XML string: " + doc);
+  }
+  const widgetsCache = (0, import_editor_elements13.getWidgetsCache)() ?? {};
+  for (const node of doc.querySelectorAll("*")) {
+    const type = node.tagName;
+    const widgetData = widgetsCache[type];
+    if (!widgetData) {
+      continue;
+    }
+    if (widgetData.elType !== "widget") {
+      continue;
+    }
+    if (!widgetData.atomic_props_schema) {
+      throw new Error(
+        `This tool does not support V3 elements. Please use the elementor-v3-mcp tools instead for element type: ${type}`
+      );
+    }
+  }
+}
+
+// src/mcp/tools/configure-element/tool.ts
+var import_editor_elements14 = require("@elementor/editor-elements");
 
 // src/mcp/tools/configure-element/prompt.ts
 var configureElementToolPrompt = `Configure an existing element on the page.
@@ -4191,6 +4695,17 @@ var initConfigureElementTool = (reg) => {
       speedPriority: 0.7
     },
     handler: ({ elementId, propertiesToChange, elementType, stylePropertiesToChange }) => {
+      const widgetData = (0, import_editor_elements14.getWidgetsCache)()?.[elementType];
+      if (!widgetData) {
+        throw new Error(
+          `Unknown element type: ${elementType}. Check the available-widgets resource for valid types.`
+        );
+      }
+      if (!widgetData.atomic_props_schema) {
+        throw new Error(
+          `This tool does not support V3 elements. Please use the elementor-v3-mcp tools instead for element type: ${elementType}`
+        );
+      }
       const toUpdate = Object.entries(propertiesToChange);
       const { valid, errors } = validateInput.validatePropSchema(elementType, propertiesToChange);
       const { valid: stylesValid, errors: stylesErrors } = validateInput.validateStyles(
@@ -4272,7 +4787,7 @@ Check the styles schema at the resource [${STYLE_SCHEMA_URI.replace(
 }
 
 // src/mcp/tools/get-element-config/tool.ts
-var import_editor_elements11 = require("@elementor/editor-elements");
+var import_editor_elements15 = require("@elementor/editor-elements");
 var import_editor_props8 = require("@elementor/editor-props");
 var import_schema5 = require("@elementor/schema");
 var schema = {
@@ -4311,12 +4826,24 @@ var initGetElementConfigTool = (reg) => {
       speedPriority: 0.9
     },
     handler: async ({ elementId }) => {
-      const element = (0, import_editor_elements11.getContainer)(elementId);
+      const element = (0, import_editor_elements15.getContainer)(elementId);
       if (!element) {
         throw new Error(`Element with ID ${elementId} not found.`);
       }
+      const elementType = element.model.get("widgetType") || element.model.get("elType") || "";
+      const widgetData = (0, import_editor_elements15.getWidgetsCache)()?.[elementType];
+      if (!widgetData) {
+        throw new Error(
+          `Unknown element type: ${elementType}. Check the available-widgets resource for valid types.`
+        );
+      }
+      if (!widgetData.atomic_props_schema) {
+        throw new Error(
+          `This tool does not support V3 elements. Please use the elementor-v3-mcp tools instead for element type: ${elementType}`
+        );
+      }
       const elementRawSettings = element.settings;
-      const propSchema = (0, import_editor_elements11.getWidgetsCache)()?.[element.model.get("widgetType") || element.model.get("elType") || ""]?.atomic_props_schema;
+      const propSchema = (0, import_editor_elements15.getWidgetsCache)()?.[elementType]?.atomic_props_schema;
       if (!elementRawSettings || !propSchema) {
         throw new Error(`No settings or prop schema found for element ID: ${elementId}`);
       }
@@ -4325,7 +4852,7 @@ var initGetElementConfigTool = (reg) => {
       import_editor_props8.Schema.configurableKeys(propSchema).forEach((key) => {
         propValues[key] = structuredClone(elementRawSettings.get(key));
       });
-      const elementStyles = (0, import_editor_elements11.getElementStyles)(elementId) || {};
+      const elementStyles = (0, import_editor_elements15.getElementStyles)(elementId) || {};
       const localStyle = Object.values(elementStyles).find((style) => style.label === "local");
       if (localStyle) {
         const defaultVariant = localStyle.variants.find(
@@ -4368,7 +4895,11 @@ var initCanvasMcp = (reg) => {
 `
   );
   initWidgetsSchemaResource(reg);
+  initAvailableWidgetsResource(reg);
   initDocumentStructureResource(reg);
+  initSelectedElementResource(reg);
+  initEditorStateResource(reg);
+  initGeneralContextResource(reg);
   initBuildCompositionsTool(reg);
   initGetElementConfigTool(reg);
   initConfigureElementTool(reg);
@@ -4488,16 +5019,16 @@ Note: The "size" property controls image resolution/loading, not visual size. Se
 `;
 
 // src/prevent-link-in-link-commands.ts
-var import_editor_elements12 = require("@elementor/editor-elements");
+var import_editor_elements16 = require("@elementor/editor-elements");
 var import_editor_notifications3 = require("@elementor/editor-notifications");
-var import_editor_v1_adapters15 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters19 = require("@elementor/editor-v1-adapters");
 var import_i18n4 = require("@wordpress/i18n");
 function initLinkInLinkPrevention() {
-  (0, import_editor_v1_adapters15.blockCommand)({
+  (0, import_editor_v1_adapters19.blockCommand)({
     command: "document/elements/paste",
     condition: blockLinkInLinkPaste
   });
-  (0, import_editor_v1_adapters15.blockCommand)({
+  (0, import_editor_v1_adapters19.blockCommand)({
     command: "document/elements/move",
     condition: blockLinkInLinkMove
   });
@@ -4559,24 +5090,24 @@ function shouldBlock(sourceElements, targetElements) {
     return false;
   }
   const isSourceContainsAnAnchor = sourceElements.some((src) => {
-    return src?.id ? (0, import_editor_elements12.isElementAnchored)(src.id) || !!(0, import_editor_elements12.getAnchoredDescendantId)(src.id) : false;
+    return src?.id ? (0, import_editor_elements16.isElementAnchored)(src.id) || !!(0, import_editor_elements16.getAnchoredDescendantId)(src.id) : false;
   });
   if (!isSourceContainsAnAnchor) {
     return false;
   }
   const isTargetContainsAnAnchor = targetElements.some((target) => {
-    return target?.id ? (0, import_editor_elements12.isElementAnchored)(target.id) || !!(0, import_editor_elements12.getAnchoredAncestorId)(target.id) : false;
+    return target?.id ? (0, import_editor_elements16.isElementAnchored)(target.id) || !!(0, import_editor_elements16.getAnchoredAncestorId)(target.id) : false;
   });
   return isTargetContainsAnAnchor;
 }
 
 // src/style-commands/paste-style.ts
-var import_editor_elements15 = require("@elementor/editor-elements");
+var import_editor_elements19 = require("@elementor/editor-elements");
 var import_editor_props10 = require("@elementor/editor-props");
-var import_editor_v1_adapters17 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters21 = require("@elementor/editor-v1-adapters");
 
 // src/utils/command-utils.ts
-var import_editor_elements13 = require("@elementor/editor-elements");
+var import_editor_elements17 = require("@elementor/editor-elements");
 var import_editor_props9 = require("@elementor/editor-props");
 var import_i18n5 = require("@wordpress/i18n");
 function hasAtomicWidgets(args) {
@@ -4601,7 +5132,7 @@ function getClassesProp(container) {
 }
 function getContainerSchema(container) {
   const type = container?.model.get("widgetType") || container?.model.get("elType");
-  const widgetsCache = (0, import_editor_elements13.getWidgetsCache)();
+  const widgetsCache = (0, import_editor_elements17.getWidgetsCache)();
   const elementType = widgetsCache?.[type];
   return elementType?.atomic_props_schema ?? null;
 }
@@ -4614,15 +5145,15 @@ function getClipboardElements(storageKey = "clipboard") {
   }
 }
 function getTitleForContainers(containers) {
-  return containers.length > 1 ? (0, import_i18n5.__)("Elements", "elementor") : (0, import_editor_elements13.getElementLabel)(containers[0].id);
+  return containers.length > 1 ? (0, import_i18n5.__)("Elements", "elementor") : (0, import_editor_elements17.getElementLabel)(containers[0].id);
 }
 
 // src/style-commands/undoable-actions/paste-element-style.ts
-var import_editor_elements14 = require("@elementor/editor-elements");
+var import_editor_elements18 = require("@elementor/editor-elements");
 var import_editor_styles_repository4 = require("@elementor/editor-styles-repository");
-var import_editor_v1_adapters16 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters20 = require("@elementor/editor-v1-adapters");
 var import_i18n6 = require("@wordpress/i18n");
-var undoablePasteElementStyle = () => (0, import_editor_v1_adapters16.undoable)(
+var undoablePasteElementStyle = () => (0, import_editor_v1_adapters20.undoable)(
   {
     do: ({ containers, newStyle }) => {
       return containers.map((container) => {
@@ -4631,7 +5162,7 @@ var undoablePasteElementStyle = () => (0, import_editor_v1_adapters16.undoable)(
         if (!classesProp) {
           return null;
         }
-        const originalStyles = (0, import_editor_elements14.getElementStyles)(container.id);
+        const originalStyles = (0, import_editor_elements18.getElementStyles)(container.id);
         const [styleId, styleDef] = Object.entries(originalStyles ?? {})[0] ?? [];
         const originalStyle = Object.keys(styleDef ?? {}).length ? styleDef : null;
         const revertData = {
@@ -4640,7 +5171,7 @@ var undoablePasteElementStyle = () => (0, import_editor_v1_adapters16.undoable)(
         };
         if (styleId) {
           newStyle.variants.forEach(({ meta, props, custom_css: customCss }) => {
-            (0, import_editor_elements14.updateElementStyle)({
+            (0, import_editor_elements18.updateElementStyle)({
               elementId,
               styleId,
               meta,
@@ -4651,7 +5182,7 @@ var undoablePasteElementStyle = () => (0, import_editor_v1_adapters16.undoable)(
         } else {
           const [firstVariant] = newStyle.variants;
           const additionalVariants = newStyle.variants.slice(1);
-          revertData.styleId = (0, import_editor_elements14.createElementStyle)({
+          revertData.styleId = (0, import_editor_elements18.createElementStyle)({
             elementId,
             classesProp,
             label: import_editor_styles_repository4.ELEMENTS_STYLES_RESERVED_LABEL,
@@ -4669,7 +5200,7 @@ var undoablePasteElementStyle = () => (0, import_editor_v1_adapters16.undoable)(
           return;
         }
         if (!revertData.originalStyle) {
-          (0, import_editor_elements14.deleteElementStyle)(container.id, revertData.styleId);
+          (0, import_editor_elements18.deleteElementStyle)(container.id, revertData.styleId);
           return;
         }
         const classesProp = getClassesProp(container);
@@ -4678,7 +5209,7 @@ var undoablePasteElementStyle = () => (0, import_editor_v1_adapters16.undoable)(
         }
         const [firstVariant] = revertData.originalStyle.variants;
         const additionalVariants = revertData.originalStyle.variants.slice(1);
-        (0, import_editor_elements14.createElementStyle)({
+        (0, import_editor_elements18.createElementStyle)({
           elementId: container.id,
           classesProp,
           label: import_editor_styles_repository4.ELEMENTS_STYLES_RESERVED_LABEL,
@@ -4698,12 +5229,12 @@ var undoablePasteElementStyle = () => (0, import_editor_v1_adapters16.undoable)(
 // src/style-commands/paste-style.ts
 function initPasteStyleCommand() {
   const pasteElementStyleCommand = undoablePasteElementStyle();
-  (0, import_editor_v1_adapters17.blockCommand)({
+  (0, import_editor_v1_adapters21.blockCommand)({
     command: "document/elements/paste-style",
     condition: hasAtomicWidgets
   });
-  (0, import_editor_v1_adapters17.__privateListenTo)(
-    (0, import_editor_v1_adapters17.commandStartEvent)("document/elements/paste-style"),
+  (0, import_editor_v1_adapters21.__privateListenTo)(
+    (0, import_editor_v1_adapters21.commandStartEvent)("document/elements/paste-style"),
     (e) => pasteStyles(e.args, pasteElementStyleCommand)
   );
 }
@@ -4715,7 +5246,7 @@ function pasteStyles(args, pasteLocalStyle) {
   }
   const clipboardElements = getClipboardElements(storageKey);
   const [clipboardElement] = clipboardElements ?? [];
-  const clipboardContainer = (0, import_editor_elements15.getContainer)(clipboardElement.id);
+  const clipboardContainer = (0, import_editor_elements19.getContainer)(clipboardElement.id);
   if (!clipboardElement || !clipboardContainer || !isAtomicWidget(clipboardContainer)) {
     return;
   }
@@ -4734,7 +5265,7 @@ function getClassesWithoutLocalStyle(clipboardContainer, style) {
   if (!classesProp) {
     return [];
   }
-  const classesSetting = (0, import_editor_elements15.getElementSetting)(clipboardContainer.id, classesProp);
+  const classesSetting = (0, import_editor_elements19.getElementSetting)(clipboardContainer.id, classesProp);
   return classesSetting?.value.filter((styleId) => styleId !== style?.id) ?? [];
 }
 function pasteClasses(containers, classes) {
@@ -4743,10 +5274,10 @@ function pasteClasses(containers, classes) {
     if (!classesProp) {
       return;
     }
-    const classesSetting = (0, import_editor_elements15.getElementSetting)(container.id, classesProp);
+    const classesSetting = (0, import_editor_elements19.getElementSetting)(container.id, classesProp);
     const currentClasses = import_editor_props10.classesPropTypeUtil.extract(classesSetting) ?? [];
     const newClasses = import_editor_props10.classesPropTypeUtil.create(Array.from(/* @__PURE__ */ new Set([...classes, ...currentClasses])));
-    (0, import_editor_elements15.updateElementSettings)({
+    (0, import_editor_elements19.updateElementSettings)({
       id: container.id,
       props: { [classesProp]: newClasses }
     });
@@ -4754,21 +5285,21 @@ function pasteClasses(containers, classes) {
 }
 
 // src/style-commands/reset-style.ts
-var import_editor_v1_adapters19 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters23 = require("@elementor/editor-v1-adapters");
 
 // src/style-commands/undoable-actions/reset-element-style.ts
-var import_editor_elements16 = require("@elementor/editor-elements");
+var import_editor_elements20 = require("@elementor/editor-elements");
 var import_editor_styles_repository5 = require("@elementor/editor-styles-repository");
-var import_editor_v1_adapters18 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters22 = require("@elementor/editor-v1-adapters");
 var import_i18n7 = require("@wordpress/i18n");
-var undoableResetElementStyle = () => (0, import_editor_v1_adapters18.undoable)(
+var undoableResetElementStyle = () => (0, import_editor_v1_adapters22.undoable)(
   {
     do: ({ containers }) => {
       return containers.map((container) => {
         const elementId = container.model.get("id");
-        const containerStyles = (0, import_editor_elements16.getElementStyles)(elementId);
+        const containerStyles = (0, import_editor_elements20.getElementStyles)(elementId);
         Object.keys(containerStyles ?? {}).forEach(
-          (styleId) => (0, import_editor_elements16.deleteElementStyle)(elementId, styleId)
+          (styleId) => (0, import_editor_elements20.deleteElementStyle)(elementId, styleId)
         );
         return containerStyles;
       });
@@ -4784,7 +5315,7 @@ var undoableResetElementStyle = () => (0, import_editor_v1_adapters18.undoable)(
         Object.entries(containerStyles ?? {}).forEach(([styleId, style]) => {
           const [firstVariant] = style.variants;
           const additionalVariants = style.variants.slice(1);
-          (0, import_editor_elements16.createElementStyle)({
+          (0, import_editor_elements20.createElementStyle)({
             elementId,
             classesProp,
             styleId,
@@ -4805,12 +5336,12 @@ var undoableResetElementStyle = () => (0, import_editor_v1_adapters18.undoable)(
 // src/style-commands/reset-style.ts
 function initResetStyleCommand() {
   const resetElementStyles = undoableResetElementStyle();
-  (0, import_editor_v1_adapters19.blockCommand)({
+  (0, import_editor_v1_adapters23.blockCommand)({
     command: "document/elements/reset-style",
     condition: hasAtomicWidgets
   });
-  (0, import_editor_v1_adapters19.__privateListenTo)(
-    (0, import_editor_v1_adapters19.commandStartEvent)("document/elements/reset-style"),
+  (0, import_editor_v1_adapters23.__privateListenTo)(
+    (0, import_editor_v1_adapters23.commandStartEvent)("document/elements/reset-style"),
     (e) => resetStyles(e.args, resetElementStyles)
   );
 }
@@ -4907,6 +5438,26 @@ var getLegacyPanelElementView = ({ settings, ...rest }) => {
   });
   return { model: elementModel };
 };
+
+// src/utils/after-render.ts
+var import_editor_elements21 = require("@elementor/editor-elements");
+function doAfterRender(elementIds, callback) {
+  const pending = elementIds.map((elementId) => {
+    const view = (0, import_editor_elements21.getContainer)(elementId)?.view;
+    if (!view || !hasDoAfterRender(view)) {
+      return void 0;
+    }
+    return new Promise((resolve) => view._doAfterRender(resolve));
+  }).filter(Boolean);
+  if (pending.length > 0) {
+    Promise.all(pending).then(() => callback(elementIds));
+  } else {
+    callback(elementIds);
+  }
+}
+function hasDoAfterRender(view) {
+  return typeof view?._doAfterRender === "function";
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   BREAKPOINTS_SCHEMA_URI,
@@ -4922,6 +5473,7 @@ var getLegacyPanelElementView = ({ settings, ...rest }) => {
   createTemplatedElementView,
   createTransformer,
   createTransformersRegistry,
+  doAfterRender,
   endDragElementFromPanel,
   init,
   isAtomicWidget,