@elementor/editor-canvas 4.0.0-manual → 4.0.0

package/dist/index.d.mts

@@ -164,6 +164,7 @@ type BackboneCollection<Model extends object> = {
 };
 type ElementModel = {
     id: string;
+    originId?: string;
     elType: string;
     settings: BackboneModel<Props>;
     editor_settings: Record<string, unknown>;
@@ -183,13 +184,18 @@ type ContextMenuGroup = {
     name: string;
     actions: ContextMenuAction[];
 };
+type ContextMenuEventData = {
+    location: string;
+    secondaryLocation: string;
+    trigger: string;
+};
 type ContextMenuAction = {
     name: string;
     icon: string;
     title: string | (() => string);
     shortcut?: string;
     isEnabled: () => boolean;
-    callback: (_: unknown, eventData: unknown) => void;
+    callback: (_: unknown, eventData: ContextMenuEventData) => void;
 };
 type ReplacementSettings = {
     getSetting: (key: string) => unknown;
@@ -336,4 +342,4 @@ declare const UnknownStyleStateError: {
     isError(error: unknown): error is Error;
 };
 
-export { type AnyTransformer, BREAKPOINTS_SCHEMA_URI, type BackboneModel, type BackboneModelConstructor, type ContextMenuAction, type CreateNestedTemplatedElementTypeOptions, type CreateTemplatedElementTypeOptions, DOCUMENT_STRUCTURE_URI, type ElementModel, ElementType, ElementView, type LegacyWindow, type NamespacedRenderContext, type NestedTemplatedElementConfig, type PropsResolver, type RenderContext, type ReplacementSettings, STYLE_SCHEMA_URI, type TransformerOptions, UnknownStyleStateError, UnknownStyleTypeError, WIDGET_SCHEMA_URI, canBeNestedTemplated, createNestedTemplatedElementType, createNestedTemplatedElementView, createPropsResolver, createTemplatedElementView, createTransformer, createTransformersRegistry, endDragElementFromPanel, init, isAtomicWidget, registerElementType, registerModelExtensions, settingsTransformersRegistry, startDragElementFromPanel, styleTransformersRegistry, stylesInheritanceTransformersRegistry };
+export { type AnyTransformer, BREAKPOINTS_SCHEMA_URI, type BackboneModel, type BackboneModelConstructor, type ContextMenuAction, type ContextMenuEventData, type CreateNestedTemplatedElementTypeOptions, type CreateTemplatedElementTypeOptions, DOCUMENT_STRUCTURE_URI, type ElementModel, ElementType, ElementView, type LegacyWindow, type NamespacedRenderContext, type NestedTemplatedElementConfig, type PropsResolver, type RenderContext, type ReplacementSettings, STYLE_SCHEMA_URI, type TransformerOptions, UnknownStyleStateError, UnknownStyleTypeError, WIDGET_SCHEMA_URI, canBeNestedTemplated, createNestedTemplatedElementType, createNestedTemplatedElementView, createPropsResolver, createTemplatedElementView, createTransformer, createTransformersRegistry, endDragElementFromPanel, init, isAtomicWidget, registerElementType, registerModelExtensions, settingsTransformersRegistry, startDragElementFromPanel, styleTransformersRegistry, stylesInheritanceTransformersRegistry };

package/dist/index.d.ts

@@ -164,6 +164,7 @@ type BackboneCollection<Model extends object> = {
 };
 type ElementModel = {
     id: string;
+    originId?: string;
     elType: string;
     settings: BackboneModel<Props>;
     editor_settings: Record<string, unknown>;
@@ -183,13 +184,18 @@ type ContextMenuGroup = {
     name: string;
     actions: ContextMenuAction[];
 };
+type ContextMenuEventData = {
+    location: string;
+    secondaryLocation: string;
+    trigger: string;
+};
 type ContextMenuAction = {
     name: string;
     icon: string;
     title: string | (() => string);
     shortcut?: string;
     isEnabled: () => boolean;
-    callback: (_: unknown, eventData: unknown) => void;
+    callback: (_: unknown, eventData: ContextMenuEventData) => void;
 };
 type ReplacementSettings = {
     getSetting: (key: string) => unknown;
@@ -336,4 +342,4 @@ declare const UnknownStyleStateError: {
     isError(error: unknown): error is Error;
 };
 
-export { type AnyTransformer, BREAKPOINTS_SCHEMA_URI, type BackboneModel, type BackboneModelConstructor, type ContextMenuAction, type CreateNestedTemplatedElementTypeOptions, type CreateTemplatedElementTypeOptions, DOCUMENT_STRUCTURE_URI, type ElementModel, ElementType, ElementView, type LegacyWindow, type NamespacedRenderContext, type NestedTemplatedElementConfig, type PropsResolver, type RenderContext, type ReplacementSettings, STYLE_SCHEMA_URI, type TransformerOptions, UnknownStyleStateError, UnknownStyleTypeError, WIDGET_SCHEMA_URI, canBeNestedTemplated, createNestedTemplatedElementType, createNestedTemplatedElementView, createPropsResolver, createTemplatedElementView, createTransformer, createTransformersRegistry, endDragElementFromPanel, init, isAtomicWidget, registerElementType, registerModelExtensions, settingsTransformersRegistry, startDragElementFromPanel, styleTransformersRegistry, stylesInheritanceTransformersRegistry };
+export { type AnyTransformer, BREAKPOINTS_SCHEMA_URI, type BackboneModel, type BackboneModelConstructor, type ContextMenuAction, type ContextMenuEventData, type CreateNestedTemplatedElementTypeOptions, type CreateTemplatedElementTypeOptions, DOCUMENT_STRUCTURE_URI, type ElementModel, ElementType, ElementView, type LegacyWindow, type NamespacedRenderContext, type NestedTemplatedElementConfig, type PropsResolver, type RenderContext, type ReplacementSettings, STYLE_SCHEMA_URI, type TransformerOptions, UnknownStyleStateError, UnknownStyleTypeError, WIDGET_SCHEMA_URI, canBeNestedTemplated, createNestedTemplatedElementType, createNestedTemplatedElementView, createPropsResolver, createTemplatedElementView, createTransformer, createTransformersRegistry, endDragElementFromPanel, init, isAtomicWidget, registerElementType, registerModelExtensions, settingsTransformersRegistry, startDragElementFromPanel, styleTransformersRegistry, stylesInheritanceTransformersRegistry };

package/dist/index.js

@@ -59,7 +59,7 @@ module.exports = __toCommonJS(index_exports);
 var import_editor_v1_adapters = require("@elementor/editor-v1-adapters");
 var BREAKPOINTS_SCHEMA_URI = "elementor://breakpoints/list";
 var initBreakpointsResource = (reg) => {
-  const { mcpServer, sendResourceUpdated } = reg;
+  const { resource, sendResourceUpdated } = reg;
   const getBreakpointsList = () => {
     const { breakpoints } = window.elementor?.config?.responsive || {};
     if (!breakpoints) {
@@ -83,9 +83,16 @@ var initBreakpointsResource = (reg) => {
       }
     ]
   });
-  mcpServer.resource("breakpoints ", BREAKPOINTS_SCHEMA_URI, () => {
-    return buildResourceResponse();
-  });
+  resource(
+    "breakpoints ",
+    BREAKPOINTS_SCHEMA_URI,
+    {
+      description: "Breakpoints list."
+    },
+    () => {
+      return buildResourceResponse();
+    }
+  );
   window.addEventListener((0, import_editor_v1_adapters.v1ReadyEvent)().name, () => {
     sendResourceUpdated({
       uri: BREAKPOINTS_SCHEMA_URI,
@@ -234,7 +241,7 @@ Variables from the user context ARE NOT SUPPORTED AND WILL RESOLVE IN ERROR.
 
 // src/init.tsx
 var import_editor = require("@elementor/editor");
-var import_editor_mcp4 = require("@elementor/editor-mcp");
+var import_editor_mcp3 = require("@elementor/editor-mcp");
 
 // src/components/classes-rename.tsx
 var import_react = require("react");
@@ -833,14 +840,22 @@ var UnknownStyleStateError = (0, import_utils2.createError)({
 var SELECTORS_MAP = {
   class: "."
 };
+var DEFAULT_BREAKPOINT = "desktop";
+var DEFAULT_STATE = "normal";
+function getStyleUniqueKey(style) {
+  const breakpoint = style.variants[0]?.meta?.breakpoint ?? DEFAULT_BREAKPOINT;
+  const state = style.variants[0]?.meta?.state ?? DEFAULT_STATE;
+  return `${style.id}-${breakpoint}-${state}`;
+}
 function createStylesRenderer({ resolve, breakpoints, selectorPrefix = "" }) {
   return async ({ styles, signal }) => {
-    const seenIds = /* @__PURE__ */ new Set();
+    const seenKeys = /* @__PURE__ */ new Set();
     const uniqueStyles = styles.filter((style) => {
-      if (seenIds.has(style.id)) {
+      const key = getStyleUniqueKey(style);
+      if (seenKeys.has(key)) {
         return false;
       }
-      seenIds.add(style.id);
+      seenKeys.add(key);
       return true;
     });
     const stylesCssPromises = uniqueStyles.map(async (style) => {
@@ -1017,7 +1032,7 @@ function createProviderSubscriber2({ provider, renderStyles, setStyleItems, cach
   }
   async function createItems(signal) {
     const allStyles = provider.actions.all();
-    const styles = allStyles.reverse().map((style) => {
+    const styles = [...allStyles].reverse().map((style) => {
       return {
         ...style,
         cssName: provider.actions.resolveCssName(style.id)
@@ -1025,7 +1040,7 @@ function createProviderSubscriber2({ provider, renderStyles, setStyleItems, cach
     });
     return renderStyles({ styles: breakToBreakpoints(styles), signal }).then((rendered) => {
       rebuildCache(cache, allStyles, rendered);
-      return rendered;
+      return getOrderedItems(cache);
     });
   }
   function breakToBreakpoints(styles) {
@@ -1625,6 +1640,9 @@ var shadowTransformer = createTransformer((value) => {
 
 // src/transformers/styles/size-transformer.ts
 var sizeTransformer = createTransformer((value) => {
+  if (value.unit === "auto") {
+    return "auto";
+  }
   return value.unit === "custom" ? value.size : `${value.size}${value.unit}`;
 });
 
@@ -2008,6 +2026,7 @@ function createTemplatedElementView({
         this._lastResolvedSettingsHash = settingsHash;
         const context = {
           id: this.model.get("id"),
+          interaction_id: this.getInteractionId(),
           type,
           settings,
           base_styles: baseStylesDictionary
@@ -2042,6 +2061,11 @@ function createTemplatedElementView({
     _openEditingPanel(options) {
       this._doAfterRender(() => super._openEditingPanel(options));
     }
+    getInteractionId() {
+      const originId = this.model.get("originId");
+      const id = this.model.get("id");
+      return originId ?? id;
+    }
   };
 }
 
@@ -2074,10 +2098,11 @@ function createNestedTemplatedElementType({
 }
 function buildEditorAttributes(model) {
   const id = model.get("id");
+  const originId = model.get("originId");
   const cid = model.cid ?? "";
   const attrs = {
     "data-model-cid": cid,
-    "data-interaction-id": id,
+    "data-interaction-id": originId ?? id,
     "x-ignore": "true"
   };
   return Object.entries(attrs).map(([key, value]) => `${key}="${value}"`).join(" ");
@@ -2111,6 +2136,9 @@ function createNestedTemplatedElementView({
     invalidateRenderCache() {
       this._lastResolvedSettingsHash = null;
     },
+    renderOnChange() {
+      this.render();
+    },
     render() {
       this._abortController?.abort();
       this._abortController = new AbortController();
@@ -2154,6 +2182,7 @@ function createNestedTemplatedElementView({
         this._lastResolvedSettingsHash = settingsHash;
         const context = {
           id: model.get("id"),
+          interaction_id: this.getInteractionId(),
           type,
           settings,
           base_styles: baseStylesDictionary,
@@ -2283,6 +2312,11 @@ function createNestedTemplatedElementView({
     },
     _openEditingPanel(options) {
       this._doAfterRender(() => parentOpenEditingPanel.call(this, options));
+    },
+    getInteractionId() {
+      const originId = this.model.get("originId");
+      const id = this.model.get("id");
+      return originId ?? id;
     }
   });
 }
@@ -2937,7 +2971,7 @@ function initTabsModelExtensions() {
 var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
 var DOCUMENT_STRUCTURE_URI = "elementor://document/structure";
 var initDocumentStructureResource = (reg) => {
-  const { mcpServer, sendResourceUpdated } = reg;
+  const { resource, sendResourceUpdated } = reg;
   let currentDocumentStructure = null;
   const updateDocumentStructure = () => {
     const structure = getDocumentStructure();
@@ -2959,17 +2993,23 @@ var initDocumentStructureResource = (reg) => {
     updateDocumentStructure
   );
   updateDocumentStructure();
-  mcpServer.resource("document-structure", DOCUMENT_STRUCTURE_URI, async () => {
-    const structure = getDocumentStructure();
-    return {
-      contents: [
-        {
-          uri: DOCUMENT_STRUCTURE_URI,
-          text: JSON.stringify(structure, null, 2)
-        }
-      ]
-    };
-  });
+  resource(
+    "document-structure",
+    DOCUMENT_STRUCTURE_URI,
+    {
+      description: "Document structure."
+    },
+    async () => {
+      return {
+        contents: [
+          {
+            uri: DOCUMENT_STRUCTURE_URI,
+            text: JSON.stringify(getDocumentStructure(), null, 2)
+          }
+        ]
+      };
+    }
+  );
 };
 function getDocumentStructure() {
   const extendedWindow = window;
@@ -3009,6 +3049,7 @@ function extractElementData(element) {
 }
 
 // src/mcp/tools/build-composition/tool.ts
+var import_editor_documents3 = require("@elementor/editor-documents");
 var import_editor_elements10 = require("@elementor/editor-elements");
 
 // src/composition-builder/composition-builder.ts
@@ -3423,6 +3464,16 @@ var CompositionBuilder = class _CompositionBuilder {
   }
 };
 
+// src/mcp/utils/get-composition-target-container.ts
+var import_editor_documents2 = require("@elementor/editor-documents");
+function getCompositionTargetContainer(documentContainer, documentType) {
+  const firstChild = documentContainer.children?.[0];
+  if (documentType === import_editor_documents2.COMPONENT_DOCUMENT_TYPE && firstChild) {
+    return firstChild;
+  }
+  return documentContainer;
+}
+
 // src/mcp/tools/build-composition/prompt.ts
 var import_editor_mcp2 = require("@elementor/editor-mcp");
 var generatePrompt = () => {
@@ -3562,36 +3613,36 @@ Note: No height/width specified on any element - flexbox handles layout automati
 };
 
 // src/mcp/tools/build-composition/schema.ts
-var import_editor_mcp3 = require("@elementor/editor-mcp");
+var import_schema = require("@elementor/schema");
 var inputSchema = {
-  xmlStructure: import_editor_mcp3.zod.string().describe("The XML structure representing the composition to be built"),
-  elementConfig: import_editor_mcp3.zod.record(
-    import_editor_mcp3.zod.string().describe("The configuration id"),
-    import_editor_mcp3.zod.record(
-      import_editor_mcp3.zod.string().describe("property name"),
-      import_editor_mcp3.zod.any().describe(`The PropValue for the property, refer to ${WIDGET_SCHEMA_URI}`)
+  xmlStructure: import_schema.z.string().describe("The XML structure representing the composition to be built"),
+  elementConfig: import_schema.z.record(
+    import_schema.z.string().describe("The configuration id"),
+    import_schema.z.record(
+      import_schema.z.string().describe("property name"),
+      import_schema.z.any().describe(`The PropValue for the property, refer to ${WIDGET_SCHEMA_URI}`)
     )
   ).describe("A record mapping element IDs to their configuration objects. REQUIRED"),
-  stylesConfig: import_editor_mcp3.zod.record(
-    import_editor_mcp3.zod.string().describe("The configuration id"),
-    import_editor_mcp3.zod.record(
-      import_editor_mcp3.zod.string().describe("StyleSchema property name"),
-      import_editor_mcp3.zod.any().describe(`The PropValue for the style property. MANDATORY, refer to [${STYLE_SCHEMA_URI}]`)
+  stylesConfig: import_schema.z.record(
+    import_schema.z.string().describe("The configuration id"),
+    import_schema.z.record(
+      import_schema.z.string().describe("StyleSchema property name"),
+      import_schema.z.any().describe(`The PropValue for the style property. MANDATORY, refer to [${STYLE_SCHEMA_URI}]`)
     )
   ).describe(
     `A record mapping element IDs to their styles configuration objects. Use the actual styles schema from [${STYLE_SCHEMA_URI}].`
   ).default({}),
-  customCSS: import_editor_mcp3.zod.record(
-    import_editor_mcp3.zod.string().describe("The configuration id"),
-    import_editor_mcp3.zod.string().describe("The custom CSS for the element. MANDATORY")
+  customCSS: import_schema.z.record(
+    import_schema.z.string().describe("The configuration id"),
+    import_schema.z.string().describe("The custom CSS for the element. MANDATORY")
   ).describe("A record mapping element IDs to their custom CSS.").default({})
 };
 var outputSchema = {
-  errors: import_editor_mcp3.zod.string().describe("Error message if the composition building failed").optional(),
-  xmlStructure: import_editor_mcp3.zod.string().describe(
+  errors: import_schema.z.string().describe("Error message if the composition building failed").optional(),
+  xmlStructure: import_schema.z.string().describe(
     "The built XML structure as a string. Must use this XML after completion of building the composition, it contains real IDs."
   ).optional(),
-  llm_instructions: import_editor_mcp3.zod.string().describe("Instructions what to do next, Important to follow these instructions!").optional()
+  llm_instructions: import_schema.z.string().describe("Instructions what to do next, Important to follow these instructions!").optional()
 };
 
 // src/mcp/tools/build-composition/tool.ts
@@ -3618,6 +3669,8 @@ var initBuildCompositionsTool = (reg) => {
       const errors = [];
       const rootContainers = [];
       const documentContainer = (0, import_editor_elements10.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,
@@ -3630,7 +3683,7 @@ var initBuildCompositionsTool = (reg) => {
           configErrors,
           invalidStyles,
           rootContainers: generatedRootContainers
-        } = compositionBuilder.build(documentContainer);
+        } = compositionBuilder.build(targetContainer);
         rootContainers.push(...generatedRootContainers);
         generatedXML = new XMLSerializer().serializeToString(compositionBuilder.getXML());
         if (configErrors.length) {
@@ -3806,23 +3859,23 @@ The $$type property is MANDATORY for every value, it is required to parse the va
 `;
 
 // src/mcp/tools/configure-element/schema.ts
-var import_schema2 = require("@elementor/schema");
+var import_schema3 = require("@elementor/schema");
 var inputSchema2 = {
-  propertiesToChange: import_schema2.z.record(
-    import_schema2.z.string().describe("The property name."),
-    import_schema2.z.any().describe(`PropValue, refer to [${WIDGET_SCHEMA_URI}] by correct type, as appears in elementType`),
-    import_schema2.z.any()
+  propertiesToChange: import_schema3.z.record(
+    import_schema3.z.string().describe("The property name."),
+    import_schema3.z.any().describe(`PropValue, refer to [${WIDGET_SCHEMA_URI}] by correct type, as appears in elementType`),
+    import_schema3.z.any()
   ).describe("An object record containing property names and their new values to be set on the element"),
-  stylePropertiesToChange: import_schema2.z.record(
-    import_schema2.z.string().describe("The style property name"),
-    import_schema2.z.any().describe(`The style PropValue, refer to [${STYLE_SCHEMA_URI}] how to generate values`),
-    import_schema2.z.any()
+  stylePropertiesToChange: import_schema3.z.record(
+    import_schema3.z.string().describe("The style property name"),
+    import_schema3.z.any().describe(`The style PropValue, refer to [${STYLE_SCHEMA_URI}] how to generate values`),
+    import_schema3.z.any()
   ).describe("An object record containing style property names and their new values to be set on the element").default({}),
-  elementType: import_schema2.z.string().describe("The type of the element to retreive the schema"),
-  elementId: import_schema2.z.string().describe("The unique id of the element to configure")
+  elementType: import_schema3.z.string().describe("The type of the element to retreive the schema"),
+  elementId: import_schema3.z.string().describe("The unique id of the element to configure")
 };
 var outputSchema2 = {
-  success: import_schema2.z.boolean().describe(
+  success: import_schema3.z.boolean().describe(
     "Whether the configuration change was successful, only if propertyName and propertyValue are provided"
   )
 };
@@ -3928,18 +3981,18 @@ 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_props8 = require("@elementor/editor-props");
-var import_schema4 = require("@elementor/schema");
+var import_schema5 = require("@elementor/schema");
 var schema = {
-  elementId: import_schema4.z.string()
+  elementId: import_schema5.z.string()
 };
 var outputSchema3 = {
-  properties: import_schema4.z.record(import_schema4.z.string(), import_schema4.z.any()).describe("A record mapping PropTypes to their corresponding PropValues"),
-  style: import_schema4.z.record(import_schema4.z.string(), import_schema4.z.any()).describe("A record mapping StyleSchema properties to their corresponding PropValues"),
-  childElements: import_schema4.z.array(
-    import_schema4.z.object({
-      id: import_schema4.z.string(),
-      elementType: import_schema4.z.string(),
-      childElements: import_schema4.z.array(import_schema4.z.any()).describe("An array of child element IDs, when applicable, same structure recursively")
+  properties: import_schema5.z.record(import_schema5.z.string(), import_schema5.z.any()).describe("A record mapping PropTypes to their corresponding PropValues"),
+  style: import_schema5.z.record(import_schema5.z.string(), import_schema5.z.any()).describe("A record mapping StyleSchema properties to their corresponding PropValues"),
+  childElements: import_schema5.z.array(
+    import_schema5.z.object({
+      id: import_schema5.z.string(),
+      elementType: import_schema5.z.string(),
+      childElements: import_schema5.z.array(import_schema5.z.any()).describe("An array of child element IDs, when applicable, same structure recursively")
     })
   ).describe("An array of child element IDs, when applicable, with recursive structure")
 };
@@ -4014,14 +4067,12 @@ var initGetElementConfigTool = (reg) => {
 var initCanvasMcp = (reg) => {
   const { setMCPDescription } = reg;
   setMCPDescription(
-    `Everything related to creative design, layout, styling and building the pages, specifically element of type "widget".
+    `Everything related to V4 ( Atomic ) canvas.
 # Canvas workflow for new compositions
-- Check existing global variables
-- Check existing global classes
-- Create missing global variables
-- Create reusable global classes
-- Build valid XML with minimal inline styles (layout/positioning only)
-- Apply global classes to elements`
+- Configure elements settings and styles
+- Build compositions/sections out of V4 atomic elements using context aware designs using the website resources
+- Get and retrieve element configuration values
+`
   );
   initWidgetsSchemaResource(reg);
   initDocumentStructureResource(reg);
@@ -4231,13 +4282,7 @@ var import_editor_elements15 = require("@elementor/editor-elements");
 var import_editor_props10 = require("@elementor/editor-props");
 var import_editor_v1_adapters16 = require("@elementor/editor-v1-adapters");
 
-// src/style-commands/undoable-actions/paste-element-style.ts
-var import_editor_elements14 = require("@elementor/editor-elements");
-var import_editor_styles_repository4 = require("@elementor/editor-styles-repository");
-var import_editor_v1_adapters15 = require("@elementor/editor-v1-adapters");
-var import_i18n6 = require("@wordpress/i18n");
-
-// src/style-commands/utils.ts
+// src/utils/command-utils.ts
 var import_editor_elements13 = require("@elementor/editor-elements");
 var import_editor_props9 = require("@elementor/editor-props");
 var import_i18n5 = require("@wordpress/i18n");
@@ -4280,6 +4325,10 @@ function getTitleForContainers(containers) {
 }
 
 // src/style-commands/undoable-actions/paste-element-style.ts
+var import_editor_elements14 = require("@elementor/editor-elements");
+var import_editor_styles_repository4 = require("@elementor/editor-styles-repository");
+var import_editor_v1_adapters15 = require("@elementor/editor-v1-adapters");
+var import_i18n6 = require("@wordpress/i18n");
 var undoablePasteElementStyle = () => (0, import_editor_v1_adapters15.undoable)(
   {
     do: ({ containers, newStyle }) => {
@@ -4514,7 +4563,7 @@ function init() {
     component: ClassesRename
   });
   initCanvasMcp(
-    (0, import_editor_mcp4.getMCPByDomain)("canvas", {
+    (0, import_editor_mcp3.getMCPByDomain)("canvas", {
       instructions: mcpDescription
     })
   );