@elementor/editor-canvas 4.4.0-1145 → 4.4.0-1147

package/dist/index.js

@@ -2330,7 +2330,6 @@ var svgSrcTransformer = createTransformer(async (value, { signal }) => {
 var EMPTY_ICON_RESULT = { html: null, url: null };
 var ICON_SVG_SIZE = "100%";
 var ICON_SVG_OVERFLOW = "visible";
-var FONT_AWESOME_LIBRARY_PREFIX = "fa-";
 var EICONS_LIBRARY = "eicons";
 var DEFAULT_SVG_RELATIVE_PATH = "images/default-svg.svg";
 var iconTransformer = createTransformer(async (value, { signal }) => {
@@ -2343,7 +2342,7 @@ var iconTransformer = createTransformer(async (value, { signal }) => {
   if (fontAwesomeHtml) {
     return { html: fontAwesomeHtml, url: null };
   }
-  if (library.startsWith(FONT_AWESOME_LIBRARY_PREFIX) || EICONS_LIBRARY === library) {
+  if (EICONS_LIBRARY === library) {
     return EMPTY_ICON_RESULT;
   }
   const providerHtml = await resolveProviderSvg(library, iconValue, signal);
@@ -4345,11 +4344,6 @@ function initTabsModelExtensions() {
 // src/mcp/canvas-mcp.ts
 var import_editor_props8 = require("@elementor/editor-props");
 
-// src/mcp/icon-library-experiment.ts
-var import_editor_v1_adapters18 = require("@elementor/editor-v1-adapters");
-var ICON_LIBRARY_EXPERIMENT = "e_svg_library";
-var isIconLibraryActive = () => (0, import_editor_v1_adapters18.isExperimentActive)(ICON_LIBRARY_EXPERIMENT);
-
 // src/mcp/resources/available-widgets-resource.ts
 var import_http_client3 = require("@elementor/http-client");
 var MCP_PROXY_URL2 = "elementor/v1/mcp-proxy";
@@ -4426,7 +4420,7 @@ var initBestPracticesResource = (reg) => {
 
 // src/mcp/resources/document-structure-resource.ts
 var import_editor_elements10 = require("@elementor/editor-elements");
-var import_editor_v1_adapters19 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters18 = require("@elementor/editor-v1-adapters");
 var DOCUMENT_STRUCTURE_URI = "elementor://document/structure";
 var initDocumentStructureResource = (reg) => {
   const { resource, sendResourceUpdated } = reg;
@@ -4439,15 +4433,15 @@ var initDocumentStructureResource = (reg) => {
       sendResourceUpdated({ uri: DOCUMENT_STRUCTURE_URI });
     }
   };
-  (0, import_editor_v1_adapters19.__privateListenTo)(
+  (0, import_editor_v1_adapters18.__privateListenTo)(
     [
-      (0, import_editor_v1_adapters19.commandEndEvent)("document/elements/create"),
-      (0, import_editor_v1_adapters19.commandEndEvent)("document/elements/delete"),
-      (0, import_editor_v1_adapters19.commandEndEvent)("document/elements/move"),
-      (0, import_editor_v1_adapters19.commandEndEvent)("document/elements/copy"),
-      (0, import_editor_v1_adapters19.commandEndEvent)("document/elements/paste"),
-      (0, import_editor_v1_adapters19.commandEndEvent)("editor/documents/attach-preview"),
-      (0, import_editor_v1_adapters19.commandEndEvent)("editor/documents/switch")
+      (0, import_editor_v1_adapters18.commandEndEvent)("document/elements/create"),
+      (0, import_editor_v1_adapters18.commandEndEvent)("document/elements/delete"),
+      (0, import_editor_v1_adapters18.commandEndEvent)("document/elements/move"),
+      (0, import_editor_v1_adapters18.commandEndEvent)("document/elements/copy"),
+      (0, import_editor_v1_adapters18.commandEndEvent)("document/elements/paste"),
+      (0, import_editor_v1_adapters18.commandEndEvent)("editor/documents/attach-preview"),
+      (0, import_editor_v1_adapters18.commandEndEvent)("editor/documents/switch")
     ],
     updateDocumentStructure
   );
@@ -4550,7 +4544,7 @@ var initDynamicTagsResource = (reg) => {
 };
 
 // src/mcp/resources/editor-state-resource.ts
-var import_editor_v1_adapters20 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters19 = 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;
@@ -4571,8 +4565,8 @@ var initEditorStateResource = (reg) => {
     lastSerializedState = serialized;
     sendResourceUpdated({ uri: EDITOR_STATE_URI });
   };
-  (0, import_editor_v1_adapters20.__privateListenTo)(
-    [(0, import_editor_v1_adapters20.commandEndEvent)("editor/documents/switch"), (0, import_editor_v1_adapters20.commandEndEvent)("editor/documents/attach-preview")],
+  (0, import_editor_v1_adapters19.__privateListenTo)(
+    [(0, import_editor_v1_adapters19.commandEndEvent)("editor/documents/switch"), (0, import_editor_v1_adapters19.commandEndEvent)("editor/documents/attach-preview")],
     notifyIfChanged
   );
   lastSerializedState = JSON.stringify(buildState());
@@ -4646,7 +4640,7 @@ function getPageTitle() {
 }
 
 // src/mcp/resources/general-context-resource.ts
-var import_editor_v1_adapters21 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters20 = require("@elementor/editor-v1-adapters");
 var GENERAL_CONTEXT_URI = "elementor://context/general";
 var initGeneralContextResource = (reg) => {
   const { resource, sendResourceUpdated } = reg;
@@ -4707,11 +4701,11 @@ var initGeneralContextResource = (reg) => {
       };
     }
   );
-  (0, import_editor_v1_adapters21.__privateListenTo)(
+  (0, import_editor_v1_adapters20.__privateListenTo)(
     [
-      (0, import_editor_v1_adapters21.commandEndEvent)("editor/documents/switch"),
-      (0, import_editor_v1_adapters21.commandEndEvent)("editor/documents/attach-preview"),
-      (0, import_editor_v1_adapters21.commandEndEvent)("document/elements/settings")
+      (0, import_editor_v1_adapters20.commandEndEvent)("editor/documents/switch"),
+      (0, import_editor_v1_adapters20.commandEndEvent)("editor/documents/attach-preview"),
+      (0, import_editor_v1_adapters20.commandEndEvent)("document/elements/settings")
     ],
     pushUpdateIfChanged
   );
@@ -4720,7 +4714,7 @@ var initGeneralContextResource = (reg) => {
 
 // src/mcp/resources/selected-element-resource.ts
 var import_editor_elements11 = require("@elementor/editor-elements");
-var import_editor_v1_adapters22 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters21 = require("@elementor/editor-v1-adapters");
 var SELECTED_ELEMENT_URI = "elementor://context/selected-element";
 var initSelectedElementResource = (reg) => {
   const { resource, sendResourceUpdated } = reg;
@@ -4751,11 +4745,11 @@ var initSelectedElementResource = (reg) => {
     }
     publishIfChanged(readSelectionFromEditor());
   };
-  (0, import_editor_v1_adapters22.__privateListenTo)(
+  (0, import_editor_v1_adapters21.__privateListenTo)(
     [
-      (0, import_editor_v1_adapters22.commandEndEvent)("document/elements/select"),
-      (0, import_editor_v1_adapters22.commandEndEvent)("document/elements/deselect-all"),
-      (0, import_editor_v1_adapters22.commandEndEvent)("document/elements/settings")
+      (0, import_editor_v1_adapters21.commandEndEvent)("document/elements/select"),
+      (0, import_editor_v1_adapters21.commandEndEvent)("document/elements/deselect-all"),
+      (0, import_editor_v1_adapters21.commandEndEvent)("document/elements/settings")
     ],
     onCommand
   );
@@ -4873,7 +4867,7 @@ var import_editor_props7 = require("@elementor/editor-props");
 var import_editor_elements13 = require("@elementor/editor-elements");
 var import_editor_props6 = require("@elementor/editor-props");
 var import_editor_styles4 = require("@elementor/editor-styles");
-var import_editor_v1_adapters24 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters23 = require("@elementor/editor-v1-adapters");
 
 // src/mcp/utils/merge-custom-css.ts
 var CUSTOM_CSS_SEPARATOR = "\n";
@@ -4942,11 +4936,11 @@ function resolveCanonicalPropKeys(elementType, props) {
 }
 
 // src/mcp/utils/resolve-dynamic-tag.ts
-var import_editor_v1_adapters23 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters22 = 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_adapters23.getElementorConfig)();
+  const config = (0, import_editor_v1_adapters22.getElementorConfig)();
   return config.atomicDynamicTags?.tags ?? {};
 };
 var getDynamicTagNamesByCategories = (categories) => {
@@ -5147,7 +5141,7 @@ Expected Schema: ${jsonSchema}`
     },
     withHistory: false
   });
-  (0, import_editor_v1_adapters24.__privateRunCommandSync)("document/save/set-is-modified", { status: true }, { internal: true });
+  (0, import_editor_v1_adapters23.__privateRunCommandSync)("document/save/set-is-modified", { status: true }, { internal: true });
 };
 
 // src/mcp/tools/configure-element/prompt.ts
@@ -5191,7 +5185,6 @@ Setting a Font Awesome icon on an e-svg, after resolving it with \`find-icons\`:
 `;
 var CONFIGURE_ELEMENT_GUIDE_URI = "elementor://canvas/tools/configure-element-guide";
 var generatePrompt = () => {
-  const iconLibraryActive = isIconLibraryActive();
   const configureElementToolPrompt = (0, import_editor_mcp2.toolPrompts)("configure-element");
   configureElementToolPrompt.description(`
 Configure an existing element on the page.
@@ -5250,7 +5243,7 @@ Put the dynamic object EXACTLY at the node whose schema offers the "dynamic" var
 Image example: { "$$type": "image", "value": { "src": { "$$type": "dynamic", "value": { "name": "<image tag>", "settings": { ... } } } } }
 Do NOT send "group" (it is resolved automatically). Use { "settings": {} } only when the tag has no settings.
 
-${iconLibraryActive ? ICONS_SECTION : ""}`);
+${ICONS_SECTION}`);
   configureElementToolPrompt.parameter("elementId", "The ID of the element to configure. MANDATORY.");
   configureElementToolPrompt.parameter(
     "elementType",
@@ -5287,9 +5280,7 @@ ${iconLibraryActive ? ICONS_SECTION : ""}`);
 };
 \`\`\`
 `);
-  if (iconLibraryActive) {
-    configureElementToolPrompt.example(ICON_EXAMPLE);
-  }
+  configureElementToolPrompt.example(ICON_EXAMPLE);
   configureElementToolPrompt.instruction(
     "The $$type property is MANDATORY for every value in propertiesToChange; it is not used in the style parameter (raw CSS only)."
   );
@@ -5652,9 +5643,7 @@ var initCanvasMcp = (reg) => {
   initGeneralContextResource(reg);
   initBestPracticesResource(reg);
   initConfigureElementTool(reg);
-  if (isIconLibraryActive()) {
-    initFindIconsTool(reg);
-  }
+  initFindIconsTool(reg);
   initGetPageStructureTool(reg);
   initBreakpointsResource(reg);
 };
@@ -5758,14 +5747,14 @@ Note: The "size" property controls image resolution/loading, not visual size. Se
 // src/prevent-link-in-link-commands.ts
 var import_editor_elements15 = require("@elementor/editor-elements");
 var import_editor_notifications6 = require("@elementor/editor-notifications");
-var import_editor_v1_adapters25 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters24 = require("@elementor/editor-v1-adapters");
 var import_i18n7 = require("@wordpress/i18n");
 function initLinkInLinkPrevention() {
-  (0, import_editor_v1_adapters25.blockCommand)({
+  (0, import_editor_v1_adapters24.blockCommand)({
     command: "document/elements/paste",
     condition: blockLinkInLinkPaste
   });
-  (0, import_editor_v1_adapters25.blockCommand)({
+  (0, import_editor_v1_adapters24.blockCommand)({
     command: "document/elements/move",
     condition: blockLinkInLinkMove
   });
@@ -5841,7 +5830,7 @@ function shouldBlock(sourceElements, targetElements) {
 // src/style-commands/paste-style.ts
 var import_editor_elements18 = require("@elementor/editor-elements");
 var import_editor_props10 = require("@elementor/editor-props");
-var import_editor_v1_adapters27 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters26 = require("@elementor/editor-v1-adapters");
 
 // src/utils/command-utils.ts
 var import_editor_elements16 = require("@elementor/editor-elements");
@@ -5888,9 +5877,9 @@ function getTitleForContainers(containers) {
 // src/style-commands/undoable-actions/paste-element-style.ts
 var import_editor_elements17 = require("@elementor/editor-elements");
 var import_editor_styles_repository4 = require("@elementor/editor-styles-repository");
-var import_editor_v1_adapters26 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters25 = require("@elementor/editor-v1-adapters");
 var import_i18n9 = require("@wordpress/i18n");
-var undoablePasteElementStyle = () => (0, import_editor_v1_adapters26.undoable)(
+var undoablePasteElementStyle = () => (0, import_editor_v1_adapters25.undoable)(
   {
     do: ({ containers, newStyle }) => {
       return containers.map((container) => {
@@ -5966,12 +5955,12 @@ var undoablePasteElementStyle = () => (0, import_editor_v1_adapters26.undoable)(
 // src/style-commands/paste-style.ts
 function initPasteStyleCommand() {
   const pasteElementStyleCommand = undoablePasteElementStyle();
-  (0, import_editor_v1_adapters27.blockCommand)({
+  (0, import_editor_v1_adapters26.blockCommand)({
     command: "document/elements/paste-style",
     condition: hasAtomicWidgets
   });
-  (0, import_editor_v1_adapters27.__privateListenTo)(
-    (0, import_editor_v1_adapters27.commandStartEvent)("document/elements/paste-style"),
+  (0, import_editor_v1_adapters26.__privateListenTo)(
+    (0, import_editor_v1_adapters26.commandStartEvent)("document/elements/paste-style"),
     (e) => pasteStyles(e.args, pasteElementStyleCommand)
   );
 }
@@ -6022,14 +6011,14 @@ function pasteClasses(containers, classes) {
 }
 
 // src/style-commands/reset-style.ts
-var import_editor_v1_adapters29 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters28 = require("@elementor/editor-v1-adapters");
 
 // src/style-commands/undoable-actions/reset-element-style.ts
 var import_editor_elements19 = require("@elementor/editor-elements");
 var import_editor_styles_repository5 = require("@elementor/editor-styles-repository");
-var import_editor_v1_adapters28 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters27 = require("@elementor/editor-v1-adapters");
 var import_i18n10 = require("@wordpress/i18n");
-var undoableResetElementStyle = () => (0, import_editor_v1_adapters28.undoable)(
+var undoableResetElementStyle = () => (0, import_editor_v1_adapters27.undoable)(
   {
     do: ({ containers }) => {
       return containers.map((container) => {
@@ -6073,12 +6062,12 @@ var undoableResetElementStyle = () => (0, import_editor_v1_adapters28.undoable)(
 // src/style-commands/reset-style.ts
 function initResetStyleCommand() {
   const resetElementStyles = undoableResetElementStyle();
-  (0, import_editor_v1_adapters29.blockCommand)({
+  (0, import_editor_v1_adapters28.blockCommand)({
     command: "document/elements/reset-style",
     condition: hasAtomicWidgets
   });
-  (0, import_editor_v1_adapters29.__privateListenTo)(
-    (0, import_editor_v1_adapters29.commandStartEvent)("document/elements/reset-style"),
+  (0, import_editor_v1_adapters28.__privateListenTo)(
+    (0, import_editor_v1_adapters28.commandStartEvent)("document/elements/reset-style"),
     (e) => resetStyles(e.args, resetElementStyles)
   );
 }
@@ -6230,9 +6219,9 @@ function getRectClipPath(rect, viewport) {
 }
 
 // src/hooks/use-canvas-document.ts
-var import_editor_v1_adapters30 = require("@elementor/editor-v1-adapters");
+var import_editor_v1_adapters29 = require("@elementor/editor-v1-adapters");
 function useCanvasDocument() {
-  return (0, import_editor_v1_adapters30.__privateUseListenTo)((0, import_editor_v1_adapters30.commandEndEvent)("editor/documents/attach-preview"), () => (0, import_editor_v1_adapters30.getCanvasIframeDocument)());
+  return (0, import_editor_v1_adapters29.__privateUseListenTo)((0, import_editor_v1_adapters29.commandEndEvent)("editor/documents/attach-preview"), () => (0, import_editor_v1_adapters29.getCanvasIframeDocument)());
 }
 
 // src/hooks/use-escape-on-canvas.ts

package/dist/index.mjs

@@ -2286,7 +2286,6 @@ var svgSrcTransformer = createTransformer(async (value, { signal }) => {
 var EMPTY_ICON_RESULT = { html: null, url: null };
 var ICON_SVG_SIZE = "100%";
 var ICON_SVG_OVERFLOW = "visible";
-var FONT_AWESOME_LIBRARY_PREFIX = "fa-";
 var EICONS_LIBRARY = "eicons";
 var DEFAULT_SVG_RELATIVE_PATH = "images/default-svg.svg";
 var iconTransformer = createTransformer(async (value, { signal }) => {
@@ -2299,7 +2298,7 @@ var iconTransformer = createTransformer(async (value, { signal }) => {
   if (fontAwesomeHtml) {
     return { html: fontAwesomeHtml, url: null };
   }
-  if (library.startsWith(FONT_AWESOME_LIBRARY_PREFIX) || EICONS_LIBRARY === library) {
+  if (EICONS_LIBRARY === library) {
     return EMPTY_ICON_RESULT;
   }
   const providerHtml = await resolveProviderSvg(library, iconValue, signal);
@@ -4315,11 +4314,6 @@ function initTabsModelExtensions() {
 // src/mcp/canvas-mcp.ts
 import { Schema as Schema3 } from "@elementor/editor-props";
 
-// src/mcp/icon-library-experiment.ts
-import { isExperimentActive } from "@elementor/editor-v1-adapters";
-var ICON_LIBRARY_EXPERIMENT = "e_svg_library";
-var isIconLibraryActive = () => isExperimentActive(ICON_LIBRARY_EXPERIMENT);
-
 // src/mcp/resources/available-widgets-resource.ts
 import { httpService as httpService3 } from "@elementor/http-client";
 var MCP_PROXY_URL2 = "elementor/v1/mcp-proxy";
@@ -5172,7 +5166,6 @@ Setting a Font Awesome icon on an e-svg, after resolving it with \`find-icons\`:
 `;
 var CONFIGURE_ELEMENT_GUIDE_URI = "elementor://canvas/tools/configure-element-guide";
 var generatePrompt = () => {
-  const iconLibraryActive = isIconLibraryActive();
   const configureElementToolPrompt = toolPrompts("configure-element");
   configureElementToolPrompt.description(`
 Configure an existing element on the page.
@@ -5231,7 +5224,7 @@ Put the dynamic object EXACTLY at the node whose schema offers the "dynamic" var
 Image example: { "$$type": "image", "value": { "src": { "$$type": "dynamic", "value": { "name": "<image tag>", "settings": { ... } } } } }
 Do NOT send "group" (it is resolved automatically). Use { "settings": {} } only when the tag has no settings.
 
-${iconLibraryActive ? ICONS_SECTION : ""}`);
+${ICONS_SECTION}`);
   configureElementToolPrompt.parameter("elementId", "The ID of the element to configure. MANDATORY.");
   configureElementToolPrompt.parameter(
     "elementType",
@@ -5268,9 +5261,7 @@ ${iconLibraryActive ? ICONS_SECTION : ""}`);
 };
 \`\`\`
 `);
-  if (iconLibraryActive) {
-    configureElementToolPrompt.example(ICON_EXAMPLE);
-  }
+  configureElementToolPrompt.example(ICON_EXAMPLE);
   configureElementToolPrompt.instruction(
     "The $$type property is MANDATORY for every value in propertiesToChange; it is not used in the style parameter (raw CSS only)."
   );
@@ -5633,9 +5624,7 @@ var initCanvasMcp = (reg) => {
   initGeneralContextResource(reg);
   initBestPracticesResource(reg);
   initConfigureElementTool(reg);
-  if (isIconLibraryActive()) {
-    initFindIconsTool(reg);
-  }
+  initFindIconsTool(reg);
   initGetPageStructureTool(reg);
   initBreakpointsResource(reg);
 };

package/package.json

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

package/src/mcp/__tests__/canvas-mcp.test.ts

@@ -0,0 +1,33 @@
+import { initCanvasMcp } from '../canvas-mcp';
+import { initFindIconsTool } from '../tools/find-icons/tool';
+
+jest.mock( '@elementor/editor-props', () => ( {
+	Schema: { setDynamicTagNamesResolver: jest.fn() },
+} ) );
+
+jest.mock( '../resources/available-widgets-resource', () => ( { initAvailableWidgetsResource: jest.fn() } ) );
+jest.mock( '../resources/best-practices-resource', () => ( { initBestPracticesResource: jest.fn() } ) );
+jest.mock( '../resources/breakpoints-resource', () => ( { initBreakpointsResource: jest.fn() } ) );
+jest.mock( '../resources/document-structure-resource', () => ( { initDocumentStructureResource: jest.fn() } ) );
+jest.mock( '../resources/dynamic-tags-resource', () => ( { initDynamicTagsResource: jest.fn() } ) );
+jest.mock( '../resources/editor-state-resource', () => ( { initEditorStateResource: jest.fn() } ) );
+jest.mock( '../resources/general-context-resource', () => ( { initGeneralContextResource: jest.fn() } ) );
+jest.mock( '../resources/selected-element-resource', () => ( { initSelectedElementResource: jest.fn() } ) );
+jest.mock( '../resources/widgets-schema-resource', () => ( { initWidgetsSchemaResource: jest.fn() } ) );
+jest.mock( '../tools/configure-element/tool', () => ( { initConfigureElementTool: jest.fn() } ) );
+jest.mock( '../tools/find-icons/tool', () => ( { initFindIconsTool: jest.fn() } ) );
+jest.mock( '../tools/get-page-structure/tool', () => ( { initGetPageStructureTool: jest.fn() } ) );
+jest.mock( '../utils/resolve-dynamic-tag', () => ( { getDynamicTagNamesByCategories: jest.fn() } ) );
+
+describe( 'initCanvasMcp', () => {
+	it( 'should always register the find-icons tool', () => {
+		// Arrange.
+		const reg = { addTool: jest.fn() } as never;
+
+		// Act.
+		initCanvasMcp( reg );
+
+		// Assert.
+		expect( initFindIconsTool ).toHaveBeenCalledWith( reg );
+	} );
+} );

package/src/mcp/canvas-mcp.ts

@@ -1,7 +1,6 @@
 import { type MCPRegistryEntry } from '@elementor/editor-mcp';
 import { Schema } from '@elementor/editor-props';
 
-import { isIconLibraryActive } from './icon-library-experiment';
 import { initAvailableWidgetsResource } from './resources/available-widgets-resource';
 import { initBestPracticesResource } from './resources/best-practices-resource';
 import { initBreakpointsResource } from './resources/breakpoints-resource';
@@ -30,9 +29,7 @@ export const initCanvasMcp = ( reg: MCPRegistryEntry ) => {
 	initGeneralContextResource( reg );
 	initBestPracticesResource( reg );
 	initConfigureElementTool( reg );
-	if ( isIconLibraryActive() ) {
-		initFindIconsTool( reg );
-	}
+	initFindIconsTool( reg );
 	initGetPageStructureTool( reg );
 	initBreakpointsResource( reg );
 };

package/src/mcp/tools/configure-element/__tests__/prompt.test.ts

@@ -0,0 +1,34 @@
+import { generatePrompt } from '../prompt';
+
+const mockPromptParts: string[] = [];
+
+jest.mock( '@elementor/editor-mcp', () => ( {
+	toolPrompts: () => {
+		const record = ( ...args: unknown[] ) => {
+			mockPromptParts.push( ...args.filter( ( arg ): arg is string => 'string' === typeof arg ) );
+		};
+
+		return {
+			description: record,
+			parameter: record,
+			example: record,
+			instruction: record,
+			prompt: () => mockPromptParts.join( '\n' ),
+		};
+	},
+} ) );
+
+describe( 'configure-element prompt', () => {
+	beforeEach( () => {
+		mockPromptParts.length = 0;
+	} );
+
+	it( 'should always point agents at the find-icons tool for the svg property', () => {
+		// Act.
+		const prompt = generatePrompt();
+
+		// Assert.
+		expect( prompt ).toContain( '# Icons (the `svg` property on e-svg)' );
+		expect( prompt ).toContain( 'find-icons' );
+	} );
+} );

package/src/mcp/tools/configure-element/prompt.ts

@@ -1,6 +1,5 @@
 import { toolPrompts } from '@elementor/editor-mcp';
 
-import { isIconLibraryActive } from '../../icon-library-experiment';
 import { DYNAMIC_TAGS_URI } from '../../resources/dynamic-tags-resource';
 import { WIDGET_SCHEMA_URI } from '../../resources/widgets-schema-resource';
 
@@ -46,7 +45,6 @@ Setting a Font Awesome icon on an e-svg, after resolving it with \`find-icons\`:
 export const CONFIGURE_ELEMENT_GUIDE_URI = 'elementor://canvas/tools/configure-element-guide';
 
 export const generatePrompt = () => {
-	const iconLibraryActive = isIconLibraryActive();
 	const configureElementToolPrompt = toolPrompts( 'configure-element' );
 
 	configureElementToolPrompt.description( `
@@ -106,7 +104,7 @@ Put the dynamic object EXACTLY at the node whose schema offers the "dynamic" var
 Image example: { "$$type": "image", "value": { "src": { "$$type": "dynamic", "value": { "name": "<image tag>", "settings": { ... } } } } }
 Do NOT send "group" (it is resolved automatically). Use { "settings": {} } only when the tag has no settings.
 
-${ iconLibraryActive ? ICONS_SECTION : '' }` );
+${ ICONS_SECTION }` );
 
 	configureElementToolPrompt.parameter( 'elementId', 'The ID of the element to configure. MANDATORY.' );
 
@@ -149,9 +147,7 @@ ${ iconLibraryActive ? ICONS_SECTION : '' }` );
 \`\`\`
 ` );
 
-	if ( iconLibraryActive ) {
-		configureElementToolPrompt.example( ICON_EXAMPLE );
-	}
+	configureElementToolPrompt.example( ICON_EXAMPLE );
 
 	configureElementToolPrompt.instruction(
 		'The $$type property is MANDATORY for every value in propertiesToChange; it is not used in the style parameter (raw CSS only).'

package/src/transformers/shared/__tests__/icon-transformer.test.ts

@@ -133,7 +133,7 @@ describe( 'iconTransformer', () => {
 		expect( html ).toContain( 'M10 10' );
 	} );
 
-	it( 'returns null html when the icon cannot be resolved', async () => {
+	it( 'falls back to the default svg when the icon cannot be resolved', async () => {
 		// Arrange.
 		mockFetch( { icons: {} } );
 
@@ -141,7 +141,7 @@ describe( 'iconTransformer', () => {
 		const result = await resolveSavedIcon( 'fas fa-missing', 'fa-solid' );
 
 		// Assert.
-		expect( result ).toEqual( { html: null, url: null } );
+		expect( result ).toEqual( { html: null, url: 'https://example.com/assets/images/default-svg.svg' } );
 	} );
 
 	it( 'fetches json from the localized font awesome 7 base url', async () => {
@@ -180,8 +180,70 @@ describe( 'iconTransformer', () => {
 		const result = await resolveSavedIcon( 'fas fa-star', 'fa-../../wp-config' );
 
 		// Assert.
-		expect( global.fetch ).not.toHaveBeenCalled();
-		expect( result ).toEqual( { html: null, url: null } );
+		expect( ( global.fetch as jest.Mock ).mock.calls.map( ( [ url ] ) => String( url ) ) ).toEqual( [
+			'https://example.com/assets/images/default-svg.svg',
+		] );
+		expect( result ).toEqual(
+			expect.objectContaining( { url: 'https://example.com/assets/images/default-svg.svg' } )
+		);
+	} );
+
+	it( 'asks providers for a font awesome icon missing from the free data', async () => {
+		// Arrange.
+		mockFetch( { icons: {} } );
+		const resolveSvg = jest
+			.fn()
+			.mockResolvedValue(
+				'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><path d="M2 2h6v6H2z"></path></svg>'
+			);
+		registerIconLibraryProvider( {
+			id: 'test-provider',
+			useIcons: () => ( { data: [], isLoading: false } ),
+			resolveSvg,
+		} );
+
+		// Act.
+		const result = ( await resolveSavedIcon( 'fal fa-star', 'fa-light' ) ) as { html: string; url: string | null };
+
+		unregisterIconLibraryProvider( 'test-provider' );
+
+		// Assert.
+		expect( resolveSvg ).toHaveBeenCalledWith( 'fa-light', 'fal fa-star', undefined );
+		expect( result.html ).toContain( 'M2 2h6v6H2z' );
+		expect( result.url ).toBeNull();
+	} );
+
+	it( 'falls back to the default svg for a font awesome icon when no provider resolves it', async () => {
+		// Arrange.
+		registerIconLibraryProvider( {
+			id: 'test-provider',
+			useIcons: () => ( { data: [], isLoading: false } ),
+			resolveSvg: async () => null,
+		} );
+		const defaultSvg =
+			'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M24.9999 4.31543"></path></svg>';
+		global.fetch = jest.fn( ( url: string ) =>
+			Promise.resolve(
+				String( url ).endsWith( '.svg' )
+					? {
+							ok: true,
+							headers: new Headers( { 'content-type': 'image/svg+xml' } ),
+							text: () => Promise.resolve( defaultSvg ),
+					  }
+					: { ok: true, json: () => Promise.resolve( { icons: {} } ) }
+			)
+		) as never;
+
+		// Act.
+		const result = await resolveSavedIcon( 'fa-light fa-star', 'fa-light' );
+
+		unregisterIconLibraryProvider( 'test-provider' );
+
+		// Assert.
+		expect( result ).toEqual( {
+			html: expect.stringContaining( 'M24.9999 4.31543' ),
+			url: 'https://example.com/assets/images/default-svg.svg',
+		} );
 	} );
 
 	it( 'falls back to the default svg when no provider resolves a non-native library', async () => {

package/src/transformers/shared/icon-transformer.ts

@@ -13,7 +13,6 @@ import { svgSrcTransformer } from './svg-src-transformer';
 const EMPTY_ICON_RESULT = { html: null, url: null };
 const ICON_SVG_SIZE = '100%';
 const ICON_SVG_OVERFLOW = 'visible';
-const FONT_AWESOME_LIBRARY_PREFIX = 'fa-';
 const EICONS_LIBRARY = 'eicons';
 const DEFAULT_SVG_RELATIVE_PATH = 'images/default-svg.svg';
 
@@ -36,7 +35,7 @@ export const iconTransformer = createTransformer( async ( value: IconValue, { si
 		return { html: fontAwesomeHtml, url: null };
 	}
 
-	if ( library.startsWith( FONT_AWESOME_LIBRARY_PREFIX ) || EICONS_LIBRARY === library ) {
+	if ( EICONS_LIBRARY === library ) {
 		return EMPTY_ICON_RESULT;
 	}
 

package/src/mcp/icon-library-experiment.ts

@@ -1,5 +0,0 @@
-import { isExperimentActive } from '@elementor/editor-v1-adapters';
-
-const ICON_LIBRARY_EXPERIMENT = 'e_svg_library';
-
-export const isIconLibraryActive = () => isExperimentActive( ICON_LIBRARY_EXPERIMENT );