@elementor/editor-canvas 4.3.0-987 → 4.3.0-988

package/dist/index.js

@@ -4176,7 +4176,7 @@ function initTabsModelExtensions() {
 }
 
 // src/mcp/canvas-mcp.ts
-var import_editor_props11 = require("@elementor/editor-props");
+var import_editor_props10 = require("@elementor/editor-props");
 
 // src/mcp/resources/available-widgets-resource.ts
 var import_editor_v1_adapters15 = require("@elementor/editor-v1-adapters");
@@ -4358,84 +4358,15 @@ function extractElementData(element) {
 }
 
 // src/mcp/resources/dynamic-tags-resource.ts
-var import_editor_props7 = require("@elementor/editor-props");
-
-// src/mcp/utils/resolve-dynamic-tag.ts
-var import_editor_v1_adapters17 = require("@elementor/editor-v1-adapters");
-var DYNAMIC_PROP_TYPE_KEY = "dynamic";
-var OMITTED_DYNAMIC_SETTING_KEYS = ["fallback"];
-var getAtomicDynamicTags = () => {
-  const config = (0, import_editor_v1_adapters17.getElementorConfig)();
-  return config.atomicDynamicTags?.tags ?? {};
-};
-var getDynamicTagNamesByCategories = (categories) => {
-  if (!categories.length) {
-    return [];
-  }
-  const wanted = new Set(categories);
-  return Object.values(getAtomicDynamicTags()).filter((tag) => tag.categories?.some((category) => wanted.has(category))).map((tag) => tag.name);
-};
-var dynamicTagLLMResolver = (value) => {
-  const input = value ?? {};
-  const tag = input.name ? getAtomicDynamicTags()[input.name] : void 0;
-  if (!tag) {
-    return {
-      $$type: DYNAMIC_PROP_TYPE_KEY,
-      value: { name: input.name ?? "", group: "", settings: {} }
-    };
-  }
-  return {
-    $$type: DYNAMIC_PROP_TYPE_KEY,
-    value: {
-      name: tag.name,
-      group: tag.group,
-      settings: buildStrictSettings(tag.props_schema ?? {}, input.settings ?? {})
-    }
-  };
-};
-var buildStrictSettings = (schema2, provided) => {
-  const settings = {};
-  for (const [key, propType] of Object.entries(schema2)) {
-    if (OMITTED_DYNAMIC_SETTING_KEYS.includes(key)) {
-      continue;
-    }
-    const resolved = provided[key] !== void 0 ? wrapSettingValue(provided[key], propType) : defaultSettingValue(propType);
-    if (resolved !== void 0 && resolved !== null) {
-      settings[key] = resolved;
-    }
-  }
-  return settings;
-};
-var wrapSettingValue = (raw, propType) => {
-  if (raw !== null && typeof raw === "object") {
-    return raw;
-  }
-  return propType.key ? { $$type: propType.key, value: raw } : raw;
-};
-var defaultSettingValue = (propType) => {
-  if (propType.initial_value !== null && propType.initial_value !== void 0) {
-    return propType.initial_value;
-  }
-  if (propType.default !== null && propType.default !== void 0) {
-    return wrapSettingValue(propType.default, propType);
-  }
-  return void 0;
-};
-
-// src/mcp/resources/dynamic-tags-resource.ts
+var import_http_client3 = require("@elementor/http-client");
 var DYNAMIC_TAGS_URI = "elementor://dynamic-tags";
-var settingsSchema = (propsSchema) => {
-  return Object.fromEntries(
-    Object.entries(propsSchema ?? {}).filter(([key]) => !OMITTED_DYNAMIC_SETTING_KEYS.includes(key)).map(([key, propType]) => [key, import_editor_props7.Schema.propTypeToJsonSchema(propType)])
-  );
-};
-var buildDynamicTagsList = () => {
-  return Object.values(getAtomicDynamicTags()).map((tag) => ({
-    name: tag.name,
-    label: tag.label,
-    categories: tag.categories,
-    settings: settingsSchema(tag.props_schema)
-  }));
+var MCP_PROXY_URL2 = "elementor/v1/mcp-proxy";
+var fetchDynamicTags = async () => {
+  const { data } = await (0, import_http_client3.httpService)().post(MCP_PROXY_URL2, {
+    tool: "list-dynamic-tags",
+    input: {}
+  });
+  return data.data ?? [];
 };
 var initDynamicTagsResource = (reg) => {
   const { resource } = reg;
@@ -4446,20 +4377,23 @@ var initDynamicTagsResource = (reg) => {
       description: `List of available dynamic tags. To bind a property to a dynamic source, set its value to { "$$type": "dynamic", "value": { "name": <tag name>, "settings": { ... } } } using a tag whose name appears in that property's allowed list, and populate "settings" per the tag entry here.`,
       mimeType: "application/json"
     },
-    async (uri) => ({
-      contents: [
-        {
-          uri: uri.href,
-          mimeType: "application/json",
-          text: JSON.stringify(buildDynamicTagsList())
-        }
-      ]
-    })
+    async (uri) => {
+      const tags = await fetchDynamicTags();
+      return {
+        contents: [
+          {
+            uri: uri.href,
+            mimeType: "application/json",
+            text: JSON.stringify(tags)
+          }
+        ]
+      };
+    }
   );
 };
 
 // src/mcp/resources/editor-state-resource.ts
-var import_editor_v1_adapters18 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters17 = 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;
@@ -4480,8 +4414,8 @@ var initEditorStateResource = (reg) => {
     lastSerializedState = serialized;
     sendResourceUpdated({ uri: EDITOR_STATE_URI });
   };
-  (0, import_editor_v1_adapters18.__privateListenTo)(
-    [(0, import_editor_v1_adapters18.commandEndEvent)("editor/documents/switch"), (0, import_editor_v1_adapters18.commandEndEvent)("editor/documents/attach-preview")],
+  (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")],
     notifyIfChanged
   );
   lastSerializedState = JSON.stringify(buildState());
@@ -4555,7 +4489,7 @@ function getPageTitle() {
 }
 
 // src/mcp/resources/general-context-resource.ts
-var import_editor_v1_adapters19 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters18 = require("@elementor/editor-v1-adapters");
 var GENERAL_CONTEXT_URI = "elementor://context/general";
 var initGeneralContextResource = (reg) => {
   const { resource, sendResourceUpdated } = reg;
@@ -4616,11 +4550,11 @@ var initGeneralContextResource = (reg) => {
       };
     }
   );
-  (0, import_editor_v1_adapters19.__privateListenTo)(
+  (0, import_editor_v1_adapters18.__privateListenTo)(
     [
-      (0, import_editor_v1_adapters19.commandEndEvent)("editor/documents/switch"),
-      (0, import_editor_v1_adapters19.commandEndEvent)("editor/documents/attach-preview"),
-      (0, import_editor_v1_adapters19.commandEndEvent)("document/elements/settings")
+      (0, import_editor_v1_adapters18.commandEndEvent)("editor/documents/switch"),
+      (0, import_editor_v1_adapters18.commandEndEvent)("editor/documents/attach-preview"),
+      (0, import_editor_v1_adapters18.commandEndEvent)("document/elements/settings")
     ],
     pushUpdateIfChanged
   );
@@ -4629,7 +4563,7 @@ var initGeneralContextResource = (reg) => {
 
 // src/mcp/resources/selected-element-resource.ts
 var import_editor_elements12 = require("@elementor/editor-elements");
-var import_editor_v1_adapters20 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters19 = require("@elementor/editor-v1-adapters");
 var SELECTED_ELEMENT_URI = "elementor://context/selected-element";
 var initSelectedElementResource = (reg) => {
   const { resource, sendResourceUpdated } = reg;
@@ -4660,11 +4594,11 @@ var initSelectedElementResource = (reg) => {
     }
     publishIfChanged(readSelectionFromEditor());
   };
-  (0, import_editor_v1_adapters20.__privateListenTo)(
+  (0, import_editor_v1_adapters19.__privateListenTo)(
     [
-      (0, import_editor_v1_adapters20.commandEndEvent)("document/elements/select"),
-      (0, import_editor_v1_adapters20.commandEndEvent)("document/elements/deselect-all"),
-      (0, import_editor_v1_adapters20.commandEndEvent)("document/elements/settings")
+      (0, import_editor_v1_adapters19.commandEndEvent)("document/elements/select"),
+      (0, import_editor_v1_adapters19.commandEndEvent)("document/elements/deselect-all"),
+      (0, import_editor_v1_adapters19.commandEndEvent)("document/elements/settings")
     ],
     onCommand
   );
@@ -4783,7 +4717,7 @@ var import_editor_elements15 = require("@elementor/editor-elements");
 
 // src/mcp/utils/do-update-element-property.ts
 var import_editor_elements14 = require("@elementor/editor-elements");
-var import_editor_props8 = require("@elementor/editor-props");
+var import_editor_props7 = require("@elementor/editor-props");
 var import_editor_styles4 = require("@elementor/editor-styles");
 var import_editor_v1_adapters21 = require("@elementor/editor-v1-adapters");
 
@@ -4853,6 +4787,68 @@ function resolveCanonicalPropKeys(elementType, props) {
   return resolved;
 }
 
+// src/mcp/utils/resolve-dynamic-tag.ts
+var import_editor_v1_adapters20 = require("@elementor/editor-v1-adapters");
+var DYNAMIC_PROP_TYPE_KEY = "dynamic";
+var OMITTED_DYNAMIC_SETTING_KEYS = ["fallback"];
+var getAtomicDynamicTags = () => {
+  const config = (0, import_editor_v1_adapters20.getElementorConfig)();
+  return config.atomicDynamicTags?.tags ?? {};
+};
+var getDynamicTagNamesByCategories = (categories) => {
+  if (!categories.length) {
+    return [];
+  }
+  const wanted = new Set(categories);
+  return Object.values(getAtomicDynamicTags()).filter((tag) => tag.categories?.some((category) => wanted.has(category))).map((tag) => tag.name);
+};
+var dynamicTagLLMResolver = (value) => {
+  const input = value ?? {};
+  const tag = input.name ? getAtomicDynamicTags()[input.name] : void 0;
+  if (!tag) {
+    return {
+      $$type: DYNAMIC_PROP_TYPE_KEY,
+      value: { name: input.name ?? "", group: "", settings: {} }
+    };
+  }
+  return {
+    $$type: DYNAMIC_PROP_TYPE_KEY,
+    value: {
+      name: tag.name,
+      group: tag.group,
+      settings: buildStrictSettings(tag.props_schema ?? {}, input.settings ?? {})
+    }
+  };
+};
+var buildStrictSettings = (schema2, provided) => {
+  const settings = {};
+  for (const [key, propType] of Object.entries(schema2)) {
+    if (OMITTED_DYNAMIC_SETTING_KEYS.includes(key)) {
+      continue;
+    }
+    const resolved = provided[key] !== void 0 ? wrapSettingValue(provided[key], propType) : defaultSettingValue(propType);
+    if (resolved !== void 0 && resolved !== null) {
+      settings[key] = resolved;
+    }
+  }
+  return settings;
+};
+var wrapSettingValue = (raw, propType) => {
+  if (raw !== null && typeof raw === "object") {
+    return raw;
+  }
+  return propType.key ? { $$type: propType.key, value: raw } : raw;
+};
+var defaultSettingValue = (propType) => {
+  if (propType.initial_value !== null && propType.initial_value !== void 0) {
+    return propType.initial_value;
+  }
+  if (propType.default !== null && propType.default !== void 0) {
+    return wrapSettingValue(propType.default, propType);
+  }
+  return void 0;
+};
+
 // src/mcp/utils/do-update-element-property.ts
 var LOCAL_STYLE_META = {
   breakpoint: "desktop",
@@ -4860,7 +4856,7 @@ var LOCAL_STYLE_META = {
 };
 function resolvePropValue(value, forceKey) {
   const Utils = window.elementorV2.editorVariables.Utils;
-  return import_editor_props8.Schema.adjustLlmPropValueSchema(value, {
+  return import_editor_props7.Schema.adjustLlmPropValueSchema(value, {
     forceKey,
     transformers: {
       ...Utils.globalVariablesLLMResolvers,
@@ -4919,7 +4915,7 @@ var doUpdateElementProperty = (params) => {
       }
       if (propertyRawSchema.kind === "plain") {
         if (typeof propertyMapValue[stylePropName] !== "object") {
-          const propUtil = (0, import_editor_props8.getPropSchemaFromCache)(propertyRawSchema.key);
+          const propUtil = (0, import_editor_props7.getPropSchemaFromCache)(propertyRawSchema.key);
           if (propUtil) {
             const plainValue = propUtil.create(propertyMapValue[stylePropName]);
             propertyMapValue[stylePropName] = plainValue;
@@ -4972,7 +4968,7 @@ var doUpdateElementProperty = (params) => {
   }
   const propKey = elementPropSchema[propertyName].key;
   const value = resolvePropValue(propertyValue, propKey);
-  const { valid, jsonSchema } = import_editor_props8.Schema.validatePropValue(elementPropSchema[propertyName], propertyValue);
+  const { valid, jsonSchema } = import_editor_props7.Schema.validatePropValue(elementPropSchema[propertyName], propertyValue);
   if (!valid) {
     throw new Error(
       `Invalid PropValue for elementId: ${elementId}. PropKey: ${propKey}, PropValue: ${JSON.stringify(
@@ -5730,7 +5726,7 @@ function onElementAdded(element) {
 // src/mcp/tools/configure-element/tool.ts
 var import_editor_elements17 = require("@elementor/editor-elements");
 var import_editor_mcp5 = require("@elementor/editor-mcp");
-var import_editor_props9 = require("@elementor/editor-props");
+var import_editor_props8 = require("@elementor/editor-props");
 
 // src/mcp/tools/configure-element/prompt.ts
 var import_editor_mcp4 = require("@elementor/editor-mcp");
@@ -5919,7 +5915,7 @@ var initConfigureElementTool = (reg) => {
       const propertiesToUpdate = resolveCanonicalPropKeys(elementType, propertiesToChange);
       const toUpdate = Object.entries(propertiesToUpdate);
       for (const [propertyName, propertyValue] of toUpdate) {
-        if (!import_editor_props9.Schema.isPropKeyConfigurable(propertyName)) {
+        if (!import_editor_props8.Schema.isPropKeyConfigurable(propertyName)) {
           throw new Error(`Not allowed to update ${propertyName}`);
         }
         try {
@@ -5996,9 +5992,9 @@ Provide styling as raw CSS via the "style" parameter (a flat map of CSS property
 
 // src/mcp/tools/create-element/tool.ts
 var import_editor_documents4 = require("@elementor/editor-documents");
-var import_http_client3 = require("@elementor/http-client");
+var import_http_client4 = require("@elementor/http-client");
 var import_schema5 = require("@elementor/schema");
-var MCP_PROXY_URL2 = "elementor/v1/mcp-proxy";
+var MCP_PROXY_URL3 = "elementor/v1/mcp-proxy";
 var initCreateElementTool = (reg) => {
   const { addTool } = reg;
   addTool({
@@ -6018,7 +6014,7 @@ var initCreateElementTool = (reg) => {
       if (!document2?.id) {
         throw new Error("No active document found.");
       }
-      const { data } = await (0, import_http_client3.httpService)().post(MCP_PROXY_URL2, {
+      const { data } = await (0, import_http_client4.httpService)().post(MCP_PROXY_URL3, {
         tool: "create-element",
         input: {
           parent_id: parentId ?? "document",
@@ -6037,7 +6033,7 @@ var initCreateElementTool = (reg) => {
 
 // src/mcp/tools/get-element-config/tool.ts
 var import_editor_elements18 = require("@elementor/editor-elements");
-var import_editor_props10 = require("@elementor/editor-props");
+var import_editor_props9 = require("@elementor/editor-props");
 var import_schema6 = require("@elementor/schema");
 var schema = {
   elementId: import_schema6.z.string()
@@ -6094,7 +6090,7 @@ var initGetElementConfigTool = (reg) => {
       }
       const propValues = {};
       const stylePropValues = {};
-      import_editor_props10.Schema.configurableKeys(propSchema).forEach((key) => {
+      import_editor_props9.Schema.configurableKeys(propSchema).forEach((key) => {
         propValues[key] = structuredClone(elementRawSettings.get(key));
       });
       const elementStyles = (0, import_editor_elements18.getElementStyles)(elementId) || {};
@@ -6130,7 +6126,7 @@ var initGetElementConfigTool = (reg) => {
 
 // src/mcp/canvas-mcp.ts
 var initCanvasMcp = (reg) => {
-  import_editor_props11.Schema.setDynamicTagNamesResolver(getDynamicTagNamesByCategories);
+  import_editor_props10.Schema.setDynamicTagNamesResolver(getDynamicTagNamesByCategories);
   initWidgetsSchemaResource(reg);
   initAvailableWidgetsResource(reg);
   initDocumentStructureResource(reg);
@@ -6339,12 +6335,12 @@ function shouldBlock(sourceElements, targetElements) {
 
 // src/style-commands/paste-style.ts
 var import_editor_elements22 = require("@elementor/editor-elements");
-var import_editor_props13 = require("@elementor/editor-props");
+var import_editor_props12 = require("@elementor/editor-props");
 var import_editor_v1_adapters24 = require("@elementor/editor-v1-adapters");
 
 // src/utils/command-utils.ts
 var import_editor_elements20 = require("@elementor/editor-elements");
-var import_editor_props12 = require("@elementor/editor-props");
+var import_editor_props11 = require("@elementor/editor-props");
 var import_i18n5 = require("@wordpress/i18n");
 function hasAtomicWidgets(args) {
   const { containers = [args.container] } = args;
@@ -6362,7 +6358,7 @@ function getClassesProp(container) {
     return null;
   }
   const [propKey] = Object.entries(propsSchema).find(
-    ([, propType]) => propType.kind === "plain" && propType.key === import_editor_props12.CLASSES_PROP_KEY
+    ([, propType]) => propType.kind === "plain" && propType.key === import_editor_props11.CLASSES_PROP_KEY
   ) ?? [];
   return propKey ?? null;
 }
@@ -6511,8 +6507,8 @@ function pasteClasses(containers, classes) {
       return;
     }
     const classesSetting = (0, import_editor_elements22.getElementSetting)(container.id, classesProp);
-    const currentClasses = import_editor_props13.classesPropTypeUtil.extract(classesSetting) ?? [];
-    const newClasses = import_editor_props13.classesPropTypeUtil.create(Array.from(/* @__PURE__ */ new Set([...classes, ...currentClasses])));
+    const currentClasses = import_editor_props12.classesPropTypeUtil.extract(classesSetting) ?? [];
+    const newClasses = import_editor_props12.classesPropTypeUtil.create(Array.from(/* @__PURE__ */ new Set([...classes, ...currentClasses])));
     (0, import_editor_elements22.updateElementSettings)({
       id: container.id,
       props: { [classesProp]: newClasses }

package/dist/index.mjs

@@ -4139,7 +4139,7 @@ function initTabsModelExtensions() {
 }
 
 // src/mcp/canvas-mcp.ts
-import { Schema as Schema6 } from "@elementor/editor-props";
+import { Schema as Schema5 } from "@elementor/editor-props";
 
 // src/mcp/resources/available-widgets-resource.ts
 import { v1ReadyEvent as v1ReadyEvent3 } from "@elementor/editor-v1-adapters";
@@ -4323,84 +4323,15 @@ function extractElementData(element) {
 }
 
 // src/mcp/resources/dynamic-tags-resource.ts
-import { Schema as Schema2 } from "@elementor/editor-props";
-
-// src/mcp/utils/resolve-dynamic-tag.ts
-import { getElementorConfig } from "@elementor/editor-v1-adapters";
-var DYNAMIC_PROP_TYPE_KEY = "dynamic";
-var OMITTED_DYNAMIC_SETTING_KEYS = ["fallback"];
-var getAtomicDynamicTags = () => {
-  const config = getElementorConfig();
-  return config.atomicDynamicTags?.tags ?? {};
-};
-var getDynamicTagNamesByCategories = (categories) => {
-  if (!categories.length) {
-    return [];
-  }
-  const wanted = new Set(categories);
-  return Object.values(getAtomicDynamicTags()).filter((tag) => tag.categories?.some((category) => wanted.has(category))).map((tag) => tag.name);
-};
-var dynamicTagLLMResolver = (value) => {
-  const input = value ?? {};
-  const tag = input.name ? getAtomicDynamicTags()[input.name] : void 0;
-  if (!tag) {
-    return {
-      $$type: DYNAMIC_PROP_TYPE_KEY,
-      value: { name: input.name ?? "", group: "", settings: {} }
-    };
-  }
-  return {
-    $$type: DYNAMIC_PROP_TYPE_KEY,
-    value: {
-      name: tag.name,
-      group: tag.group,
-      settings: buildStrictSettings(tag.props_schema ?? {}, input.settings ?? {})
-    }
-  };
-};
-var buildStrictSettings = (schema2, provided) => {
-  const settings = {};
-  for (const [key, propType] of Object.entries(schema2)) {
-    if (OMITTED_DYNAMIC_SETTING_KEYS.includes(key)) {
-      continue;
-    }
-    const resolved = provided[key] !== void 0 ? wrapSettingValue(provided[key], propType) : defaultSettingValue(propType);
-    if (resolved !== void 0 && resolved !== null) {
-      settings[key] = resolved;
-    }
-  }
-  return settings;
-};
-var wrapSettingValue = (raw, propType) => {
-  if (raw !== null && typeof raw === "object") {
-    return raw;
-  }
-  return propType.key ? { $$type: propType.key, value: raw } : raw;
-};
-var defaultSettingValue = (propType) => {
-  if (propType.initial_value !== null && propType.initial_value !== void 0) {
-    return propType.initial_value;
-  }
-  if (propType.default !== null && propType.default !== void 0) {
-    return wrapSettingValue(propType.default, propType);
-  }
-  return void 0;
-};
-
-// src/mcp/resources/dynamic-tags-resource.ts
+import { httpService as httpService3 } from "@elementor/http-client";
 var DYNAMIC_TAGS_URI = "elementor://dynamic-tags";
-var settingsSchema = (propsSchema) => {
-  return Object.fromEntries(
-    Object.entries(propsSchema ?? {}).filter(([key]) => !OMITTED_DYNAMIC_SETTING_KEYS.includes(key)).map(([key, propType]) => [key, Schema2.propTypeToJsonSchema(propType)])
-  );
-};
-var buildDynamicTagsList = () => {
-  return Object.values(getAtomicDynamicTags()).map((tag) => ({
-    name: tag.name,
-    label: tag.label,
-    categories: tag.categories,
-    settings: settingsSchema(tag.props_schema)
-  }));
+var MCP_PROXY_URL2 = "elementor/v1/mcp-proxy";
+var fetchDynamicTags = async () => {
+  const { data } = await httpService3().post(MCP_PROXY_URL2, {
+    tool: "list-dynamic-tags",
+    input: {}
+  });
+  return data.data ?? [];
 };
 var initDynamicTagsResource = (reg) => {
   const { resource } = reg;
@@ -4411,15 +4342,18 @@ var initDynamicTagsResource = (reg) => {
       description: `List of available dynamic tags. To bind a property to a dynamic source, set its value to { "$$type": "dynamic", "value": { "name": <tag name>, "settings": { ... } } } using a tag whose name appears in that property's allowed list, and populate "settings" per the tag entry here.`,
       mimeType: "application/json"
     },
-    async (uri) => ({
-      contents: [
-        {
-          uri: uri.href,
-          mimeType: "application/json",
-          text: JSON.stringify(buildDynamicTagsList())
-        }
-      ]
-    })
+    async (uri) => {
+      const tags = await fetchDynamicTags();
+      return {
+        contents: [
+          {
+            uri: uri.href,
+            mimeType: "application/json",
+            text: JSON.stringify(tags)
+          }
+        ]
+      };
+    }
   );
 };
 
@@ -4768,7 +4702,7 @@ import {
   updateElementSettings,
   updateElementStyle
 } from "@elementor/editor-elements";
-import { getPropSchemaFromCache as getPropSchemaFromCache2, Schema as Schema3 } from "@elementor/editor-props";
+import { getPropSchemaFromCache as getPropSchemaFromCache2, Schema as Schema2 } from "@elementor/editor-props";
 import { getStylesSchema as getStylesSchema2, getVariantByMeta } from "@elementor/editor-styles";
 import { __privateRunCommandSync as runCommandSync2 } from "@elementor/editor-v1-adapters";
 
@@ -4838,6 +4772,68 @@ function resolveCanonicalPropKeys(elementType, props) {
   return resolved;
 }
 
+// src/mcp/utils/resolve-dynamic-tag.ts
+import { getElementorConfig } from "@elementor/editor-v1-adapters";
+var DYNAMIC_PROP_TYPE_KEY = "dynamic";
+var OMITTED_DYNAMIC_SETTING_KEYS = ["fallback"];
+var getAtomicDynamicTags = () => {
+  const config = getElementorConfig();
+  return config.atomicDynamicTags?.tags ?? {};
+};
+var getDynamicTagNamesByCategories = (categories) => {
+  if (!categories.length) {
+    return [];
+  }
+  const wanted = new Set(categories);
+  return Object.values(getAtomicDynamicTags()).filter((tag) => tag.categories?.some((category) => wanted.has(category))).map((tag) => tag.name);
+};
+var dynamicTagLLMResolver = (value) => {
+  const input = value ?? {};
+  const tag = input.name ? getAtomicDynamicTags()[input.name] : void 0;
+  if (!tag) {
+    return {
+      $$type: DYNAMIC_PROP_TYPE_KEY,
+      value: { name: input.name ?? "", group: "", settings: {} }
+    };
+  }
+  return {
+    $$type: DYNAMIC_PROP_TYPE_KEY,
+    value: {
+      name: tag.name,
+      group: tag.group,
+      settings: buildStrictSettings(tag.props_schema ?? {}, input.settings ?? {})
+    }
+  };
+};
+var buildStrictSettings = (schema2, provided) => {
+  const settings = {};
+  for (const [key, propType] of Object.entries(schema2)) {
+    if (OMITTED_DYNAMIC_SETTING_KEYS.includes(key)) {
+      continue;
+    }
+    const resolved = provided[key] !== void 0 ? wrapSettingValue(provided[key], propType) : defaultSettingValue(propType);
+    if (resolved !== void 0 && resolved !== null) {
+      settings[key] = resolved;
+    }
+  }
+  return settings;
+};
+var wrapSettingValue = (raw, propType) => {
+  if (raw !== null && typeof raw === "object") {
+    return raw;
+  }
+  return propType.key ? { $$type: propType.key, value: raw } : raw;
+};
+var defaultSettingValue = (propType) => {
+  if (propType.initial_value !== null && propType.initial_value !== void 0) {
+    return propType.initial_value;
+  }
+  if (propType.default !== null && propType.default !== void 0) {
+    return wrapSettingValue(propType.default, propType);
+  }
+  return void 0;
+};
+
 // src/mcp/utils/do-update-element-property.ts
 var LOCAL_STYLE_META = {
   breakpoint: "desktop",
@@ -4845,7 +4841,7 @@ var LOCAL_STYLE_META = {
 };
 function resolvePropValue(value, forceKey) {
   const Utils = window.elementorV2.editorVariables.Utils;
-  return Schema3.adjustLlmPropValueSchema(value, {
+  return Schema2.adjustLlmPropValueSchema(value, {
     forceKey,
     transformers: {
       ...Utils.globalVariablesLLMResolvers,
@@ -4957,7 +4953,7 @@ var doUpdateElementProperty = (params) => {
   }
   const propKey = elementPropSchema[propertyName].key;
   const value = resolvePropValue(propertyValue, propKey);
-  const { valid, jsonSchema } = Schema3.validatePropValue(elementPropSchema[propertyName], propertyValue);
+  const { valid, jsonSchema } = Schema2.validatePropValue(elementPropSchema[propertyName], propertyValue);
   if (!valid) {
     throw new Error(
       `Invalid PropValue for elementId: ${elementId}. PropKey: ${propKey}, PropValue: ${JSON.stringify(
@@ -5715,7 +5711,7 @@ function onElementAdded(element) {
 // src/mcp/tools/configure-element/tool.ts
 import { getContainer as getContainer6, getWidgetsCache as getWidgetsCache10 } from "@elementor/editor-elements";
 import { dispatchMcpStylesAppliedEvent as dispatchMcpStylesAppliedEvent2 } from "@elementor/editor-mcp";
-import { Schema as Schema4 } from "@elementor/editor-props";
+import { Schema as Schema3 } from "@elementor/editor-props";
 
 // src/mcp/tools/configure-element/prompt.ts
 import { toolPrompts as toolPrompts2 } from "@elementor/editor-mcp";
@@ -5904,7 +5900,7 @@ var initConfigureElementTool = (reg) => {
       const propertiesToUpdate = resolveCanonicalPropKeys(elementType, propertiesToChange);
       const toUpdate = Object.entries(propertiesToUpdate);
       for (const [propertyName, propertyValue] of toUpdate) {
-        if (!Schema4.isPropKeyConfigurable(propertyName)) {
+        if (!Schema3.isPropKeyConfigurable(propertyName)) {
           throw new Error(`Not allowed to update ${propertyName}`);
         }
         try {
@@ -5981,9 +5977,9 @@ Provide styling as raw CSS via the "style" parameter (a flat map of CSS property
 
 // src/mcp/tools/create-element/tool.ts
 import { getCurrentDocument as getCurrentDocument2 } from "@elementor/editor-documents";
-import { httpService as httpService3 } from "@elementor/http-client";
+import { httpService as httpService4 } from "@elementor/http-client";
 import { z as z3 } from "@elementor/schema";
-var MCP_PROXY_URL2 = "elementor/v1/mcp-proxy";
+var MCP_PROXY_URL3 = "elementor/v1/mcp-proxy";
 var initCreateElementTool = (reg) => {
   const { addTool } = reg;
   addTool({
@@ -6003,7 +5999,7 @@ var initCreateElementTool = (reg) => {
       if (!document2?.id) {
         throw new Error("No active document found.");
       }
-      const { data } = await httpService3().post(MCP_PROXY_URL2, {
+      const { data } = await httpService4().post(MCP_PROXY_URL3, {
         tool: "create-element",
         input: {
           parent_id: parentId ?? "document",
@@ -6022,7 +6018,7 @@ var initCreateElementTool = (reg) => {
 
 // src/mcp/tools/get-element-config/tool.ts
 import { getContainer as getContainer7, getElementStyles as getElementStyles2, getWidgetsCache as getWidgetsCache11 } from "@elementor/editor-elements";
-import { Schema as Schema5 } from "@elementor/editor-props";
+import { Schema as Schema4 } from "@elementor/editor-props";
 import { z as z4 } from "@elementor/schema";
 var schema = {
   elementId: z4.string()
@@ -6079,7 +6075,7 @@ var initGetElementConfigTool = (reg) => {
       }
       const propValues = {};
       const stylePropValues = {};
-      Schema5.configurableKeys(propSchema).forEach((key) => {
+      Schema4.configurableKeys(propSchema).forEach((key) => {
         propValues[key] = structuredClone(elementRawSettings.get(key));
       });
       const elementStyles = getElementStyles2(elementId) || {};
@@ -6115,7 +6111,7 @@ var initGetElementConfigTool = (reg) => {
 
 // src/mcp/canvas-mcp.ts
 var initCanvasMcp = (reg) => {
-  Schema6.setDynamicTagNamesResolver(getDynamicTagNamesByCategories);
+  Schema5.setDynamicTagNamesResolver(getDynamicTagNamesByCategories);
   initWidgetsSchemaResource(reg);
   initAvailableWidgetsResource(reg);
   initDocumentStructureResource(reg);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elementor/editor-canvas",
   "description": "Elementor Editor Canvas",
-  "version": "4.3.0-987",
+  "version": "4.3.0-988",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -37,26 +37,26 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
-    "@elementor/editor": "4.3.0-987",
-    "@elementor/editor-controls": "4.3.0-987",
-    "@elementor/editor-documents": "4.3.0-987",
-    "@elementor/editor-elements": "4.3.0-987",
-    "@elementor/editor-interactions": "4.3.0-987",
-    "@elementor/editor-mcp": "4.3.0-987",
-    "@elementor/editor-notifications": "4.3.0-987",
-    "@elementor/editor-props": "4.3.0-987",
-    "@elementor/editor-responsive": "4.3.0-987",
-    "@elementor/editor-styles": "4.3.0-987",
-    "@elementor/editor-styles-repository": "4.3.0-987",
-    "@elementor/editor-ui": "4.3.0-987",
-    "@elementor/editor-v1-adapters": "4.3.0-987",
-    "@elementor/events": "4.3.0-987",
-    "@elementor/http-client": "4.3.0-987",
-    "@elementor/schema": "4.3.0-987",
-    "@elementor/twing": "4.3.0-987",
+    "@elementor/editor": "4.3.0-988",
+    "@elementor/editor-controls": "4.3.0-988",
+    "@elementor/editor-documents": "4.3.0-988",
+    "@elementor/editor-elements": "4.3.0-988",
+    "@elementor/editor-interactions": "4.3.0-988",
+    "@elementor/editor-mcp": "4.3.0-988",
+    "@elementor/editor-notifications": "4.3.0-988",
+    "@elementor/editor-props": "4.3.0-988",
+    "@elementor/editor-responsive": "4.3.0-988",
+    "@elementor/editor-styles": "4.3.0-988",
+    "@elementor/editor-styles-repository": "4.3.0-988",
+    "@elementor/editor-ui": "4.3.0-988",
+    "@elementor/editor-v1-adapters": "4.3.0-988",
+    "@elementor/events": "4.3.0-988",
+    "@elementor/http-client": "4.3.0-988",
+    "@elementor/schema": "4.3.0-988",
+    "@elementor/twing": "4.3.0-988",
     "@elementor/ui": "1.37.5",
-    "@elementor/utils": "4.3.0-987",
-    "@elementor/wp-media": "4.3.0-987",
+    "@elementor/utils": "4.3.0-988",
+    "@elementor/wp-media": "4.3.0-988",
     "@floating-ui/react": "^0.27.5",
     "@wordpress/i18n": "^5.13.0",
     "dompurify": "^3.2.6"

package/src/mcp/resources/__tests__/dynamic-tags-resource.test.ts

@@ -1,19 +1,12 @@
-import { Schema } from '@elementor/editor-props';
-import { getElementorConfig } from '@elementor/editor-v1-adapters';
+import { httpService } from '@elementor/http-client';
 
 import { DYNAMIC_TAGS_URI, initDynamicTagsResource } from '../dynamic-tags-resource';
 
-jest.mock( '@elementor/editor-props', () => ( {
-	Schema: {
-		propTypeToJsonSchema: jest.fn( () => ( { mocked: true } ) ),
-	},
+jest.mock( '@elementor/http-client', () => ( {
+	httpService: jest.fn(),
 } ) );
 
-jest.mock( '@elementor/editor-v1-adapters', () => ( {
-	getElementorConfig: jest.fn(),
-} ) );
-
-const mockedGetElementorConfig = getElementorConfig as jest.MockedFunction< typeof getElementorConfig >;
+const mockedHttpService = httpService as jest.MockedFunction< typeof httpService >;
 
 type ResourceHandler = ( uri: URL ) => Promise< { contents: { text: string }[] } >;
 
@@ -34,52 +27,49 @@ describe( 'dynamic-tags-resource', () => {
 		jest.clearAllMocks();
 	} );
 
-	it( 'returns a flat tag list with categories and omits the fallback setting', async () => {
+	it( 'returns the flat tag list fetched from the server', async () => {
 		// Arrange
-		mockedGetElementorConfig.mockReturnValue( {
-			atomicDynamicTags: {
-				tags: {
-					'post-custom-field': {
+		const post = jest.fn().mockResolvedValue( {
+			data: {
+				data: [
+					{
 						name: 'post-custom-field',
 						label: 'Post Custom Field',
-						group: 'post',
 						categories: [ 'text', 'url' ],
-						props_schema: {
-							key: { kind: 'string', key: 'string' },
-							before: { kind: 'string', key: 'string' },
-							fallback: { kind: 'string', key: 'string' },
-						},
+						settings: { key: { mocked: true }, before: { mocked: true } },
 					},
-				},
-				groups: { post: { title: 'Post' } },
+				],
 			},
-		} as never );
+		} );
+		mockedHttpService.mockReturnValue( { post } as never );
 
 		// Act
 		const catalog = await readCatalog();
 
 		// Assert
-		expect( Array.isArray( catalog ) ).toBe( true );
-		expect( catalog ).toHaveLength( 1 );
-		expect( catalog[ 0 ] ).toMatchObject( {
-			name: 'post-custom-field',
-			label: 'Post Custom Field',
-			categories: [ 'text', 'url' ],
+		expect( post ).toHaveBeenCalledWith( 'elementor/v1/mcp-proxy', {
+			tool: 'list-dynamic-tags',
+			input: {},
 		} );
-		expect( catalog[ 0 ] ).not.toHaveProperty( 'group' );
-		expect( Object.keys( catalog[ 0 ].settings ) ).toEqual( [ 'key', 'before' ] );
-		expect( catalog[ 0 ].settings ).not.toHaveProperty( 'fallback' );
+		expect( catalog ).toEqual( [
+			{
+				name: 'post-custom-field',
+				label: 'Post Custom Field',
+				categories: [ 'text', 'url' ],
+				settings: { key: { mocked: true }, before: { mocked: true } },
+			},
+		] );
 	} );
 
-	it( 'returns an empty list when dynamic tags are unavailable', async () => {
+	it( 'returns an empty list when the server returns no data', async () => {
 		// Arrange
-		mockedGetElementorConfig.mockReturnValue( {} as never );
+		const post = jest.fn().mockResolvedValue( { data: {} } );
+		mockedHttpService.mockReturnValue( { post } as never );
 
 		// Act
 		const catalog = await readCatalog();
 
 		// Assert
 		expect( catalog ).toEqual( [] );
-		expect( Schema.propTypeToJsonSchema ).not.toHaveBeenCalled();
 	} );
 } );

package/src/mcp/resources/dynamic-tags-resource.ts

@@ -1,29 +1,24 @@
 import { type MCPRegistryEntry } from '@elementor/editor-mcp';
-import { type PropType, Schema } from '@elementor/editor-props';
-
-import {
-	type AtomicDynamicTag,
-	getAtomicDynamicTags,
-	OMITTED_DYNAMIC_SETTING_KEYS,
-} from '../utils/resolve-dynamic-tag';
+import { type HttpResponse, httpService } from '@elementor/http-client';
 
 export const DYNAMIC_TAGS_URI = 'elementor://dynamic-tags';
 
-const settingsSchema = ( propsSchema: AtomicDynamicTag[ 'props_schema' ] ): Record< string, unknown > => {
-	return Object.fromEntries(
-		Object.entries( propsSchema ?? {} )
-			.filter( ( [ key ] ) => ! ( OMITTED_DYNAMIC_SETTING_KEYS as readonly string[] ).includes( key ) )
-			.map( ( [ key, propType ] ) => [ key, Schema.propTypeToJsonSchema( propType as PropType ) ] )
-	);
+const MCP_PROXY_URL = 'elementor/v1/mcp-proxy';
+
+type DynamicTagEntry = {
+	name: string;
+	label: string;
+	categories: string[];
+	settings: Record< string, unknown >;
 };
 
-const buildDynamicTagsList = () => {
-	return Object.values( getAtomicDynamicTags() ).map( ( tag ) => ( {
-		name: tag.name,
-		label: tag.label,
-		categories: tag.categories,
-		settings: settingsSchema( tag.props_schema ),
-	} ) );
+const fetchDynamicTags = async (): Promise< DynamicTagEntry[] > => {
+	const { data } = await httpService().post< HttpResponse< DynamicTagEntry[] > >( MCP_PROXY_URL, {
+		tool: 'list-dynamic-tags',
+		input: {},
+	} );
+
+	return data.data ?? [];
 };
 
 export const initDynamicTagsResource = ( reg: MCPRegistryEntry ) => {
@@ -39,14 +34,18 @@ export const initDynamicTagsResource = ( reg: MCPRegistryEntry ) => {
 				'name appears in that property\'s allowed list, and populate "settings" per the tag entry here.',
 			mimeType: 'application/json',
 		},
-		async ( uri: URL ) => ( {
-			contents: [
-				{
-					uri: uri.href,
-					mimeType: 'application/json',
-					text: JSON.stringify( buildDynamicTagsList() ),
-				},
-			],
-		} )
+		async ( uri: URL ) => {
+			const tags = await fetchDynamicTags();
+
+			return {
+				contents: [
+					{
+						uri: uri.href,
+						mimeType: 'application/json',
+						text: JSON.stringify( tags ),
+					},
+				],
+			};
+		}
 	);
 };