@elementor/editor-app-bar 4.1.0-838 → 4.1.0-beta1

package/dist/index.js

@@ -233,9 +233,9 @@ var documentOptionsMenu = (0, import_menus2.createMenu)({
 var import_editor2 = require("@elementor/editor");
 
 // src/components/app-bar.tsx
-var React20 = __toESM(require("react"));
+var React22 = __toESM(require("react"));
 var import_editor_documents = require("@elementor/editor-documents");
-var import_ui11 = require("@elementor/ui");
+var import_ui13 = require("@elementor/ui");
 
 // src/components/locations/main-menu-location.tsx
 var React10 = __toESM(require("react"));
@@ -373,65 +373,177 @@ function ResponsiveLocation() {
 }
 
 // src/components/locations/tools-menu-location.tsx
-var React18 = __toESM(require("react"));
+var React20 = __toESM(require("react"));
 
-// src/components/ui/toolbar-menu.tsx
+// src/extensions/angie/components/angie-guide-location.tsx
+var React15 = __toESM(require("react"));
+var import_react3 = require("react");
+var import_editor_ui = require("@elementor/editor-ui");
+var import_events = require("@elementor/events");
+var import_ui8 = require("@elementor/ui");
+
+// src/extensions/angie/angie-consts.ts
+var import_i18n2 = require("@wordpress/i18n");
+var ANGIE_GUIDE_TOGGLE_EVENT = "elementor/editor/toggle-angie-guide";
+var CREATE_WIDGET_EVENT = "elementor/editor/create-widget";
+var ANGIE_BUTTON_ARIA_LABEL = (0, import_i18n2.__)("Angie", "elementor");
+var ANGIE_LEARN_MORE_URL = "https://go.elementor.com/angie-learn-more";
+var ANGIE_DESCRIPTION = (0, import_i18n2.__)(
+  "Angie lets you generate custom widgets, sections, and code using simple instructions.",
+  "elementor"
+);
+var AI_WIDGET_CTA_VIEWED_EVENT = "ai_widget_cta_viewed";
+var ANGIE_TOP_BAR_PROMOTION_IMAGE_URL = "https://assets.elementor.com/packages/v1/images/angie-top-bar-promotion.svg";
+var ANGIE_TOP_BAR_DESCRIPTION = (0, import_i18n2.__)("Build custom widgets using simple instructions.", "elementor");
+
+// src/extensions/angie/components/angie-guide-card.tsx
 var React14 = __toESM(require("react"));
 var import_ui7 = require("@elementor/ui");
+var import_i18n3 = require("@wordpress/i18n");
+function AngieGuideCard({ imageUrl, description, learnMoreUrl, onInstall, onClose }) {
+  return /* @__PURE__ */ React14.createElement(import_ui7.ClickAwayListener, { onClickAway: onClose }, /* @__PURE__ */ React14.createElement(import_ui7.Stack, { sx: { width: 296 }, "data-testid": "e-angie-guide-card" }, /* @__PURE__ */ React14.createElement(import_ui7.Stack, { direction: "row", alignItems: "center", gap: 1, py: 1, px: 2 }, /* @__PURE__ */ React14.createElement(import_ui7.Typography, { variant: "subtitle2" }, (0, import_i18n3.__)("Meet Angie", "elementor")), /* @__PURE__ */ React14.createElement(import_ui7.Chip, { label: (0, import_i18n3.__)("New", "elementor"), size: "small", color: "info", variant: "standard" }), /* @__PURE__ */ React14.createElement(
+    import_ui7.CloseButton,
+    {
+      edge: "end",
+      sx: { ml: "auto" },
+      slotProps: { icon: { fontSize: "small" } },
+      onClick: onClose
+    }
+  )), /* @__PURE__ */ React14.createElement(import_ui7.Image, { src: imageUrl, alt: (0, import_i18n3.__)("Angie", "elementor"), sx: { height: 150, width: "100%" } }), /* @__PURE__ */ React14.createElement(import_ui7.Stack, { px: 2, pt: 1.5, pb: 1 }, /* @__PURE__ */ React14.createElement(import_ui7.Typography, { variant: "body2", color: "secondary" }, description)), /* @__PURE__ */ React14.createElement(import_ui7.Stack, { direction: "row", justifyContent: "flex-end", gap: 1, pt: 1, pb: 1.5, px: 2 }, /* @__PURE__ */ React14.createElement(
+    import_ui7.Button,
+    {
+      variant: "text",
+      size: "small",
+      color: "secondary",
+      onClick: () => {
+        window.open(learnMoreUrl, "_blank", "noopener,noreferrer");
+        onClose();
+      }
+    },
+    (0, import_i18n3.__)("Learn More", "elementor")
+  ), /* @__PURE__ */ React14.createElement(import_ui7.Button, { variant: "contained", size: "small", color: "accent", onClick: onInstall }, (0, import_i18n3.__)("Try for free", "elementor")))));
+}
+
+// src/extensions/angie/components/angie-guide-location.tsx
+function AngieGuideLocation() {
+  const [anchorEl, setAnchorEl] = (0, import_react3.useState)(null);
+  const { dispatchEvent: dispatchEvent2 } = (0, import_events.useMixpanel)();
+  const isOpen = Boolean(anchorEl);
+  (0, import_react3.useEffect)(() => {
+    const handleToggle = () => {
+      setAnchorEl((prev) => {
+        if (prev) {
+          return null;
+        }
+        return document.querySelector(`[aria-label="${ANGIE_BUTTON_ARIA_LABEL}"]`);
+      });
+    };
+    window.addEventListener(ANGIE_GUIDE_TOGGLE_EVENT, handleToggle);
+    return () => {
+      window.removeEventListener(ANGIE_GUIDE_TOGGLE_EVENT, handleToggle);
+    };
+  }, []);
+  const handleClose = () => setAnchorEl(null);
+  const handleInstall = async () => {
+    dispatchEvent2?.(AI_WIDGET_CTA_VIEWED_EVENT, {
+      entry_point: "top_bar_icon"
+    });
+    window.dispatchEvent(
+      new CustomEvent(CREATE_WIDGET_EVENT, {
+        detail: {
+          entry_point: "top_bar_icon"
+        }
+      })
+    );
+    handleClose();
+  };
+  return /* @__PURE__ */ React15.createElement(import_editor_ui.ThemeProvider, null, /* @__PURE__ */ React15.createElement(
+    import_ui8.Infotip,
+    {
+      content: /* @__PURE__ */ React15.createElement(
+        AngieGuideCard,
+        {
+          imageUrl: ANGIE_TOP_BAR_PROMOTION_IMAGE_URL,
+          description: ANGIE_TOP_BAR_DESCRIPTION,
+          learnMoreUrl: ANGIE_LEARN_MORE_URL,
+          onInstall: handleInstall,
+          onClose: handleClose
+        }
+      ),
+      placement: "bottom-start",
+      open: isOpen,
+      disableHoverListener: true,
+      PopperProps: {
+        anchorEl,
+        modifiers: [
+          {
+            name: "offset",
+            options: { offset: [-4, -4] }
+          }
+        ]
+      }
+    },
+    /* @__PURE__ */ React15.createElement("span", null)
+  ));
+}
+
+// src/components/ui/toolbar-menu.tsx
+var React16 = __toESM(require("react"));
+var import_ui9 = require("@elementor/ui");
 function ToolbarMenu({ children, ...props }) {
-  return /* @__PURE__ */ React14.createElement(MenuContextProvider, { type: "toolbar" }, /* @__PURE__ */ React14.createElement(import_ui7.Stack, { sx: { px: 1.5 }, spacing: 1.5, direction: "row", alignItems: "center", ...props }, children));
+  return /* @__PURE__ */ React16.createElement(MenuContextProvider, { type: "toolbar" }, /* @__PURE__ */ React16.createElement(import_ui9.Stack, { sx: { px: 1.5 }, spacing: 1.5, direction: "row", alignItems: "center", ...props }, children));
 }
 
 // src/components/ui/toolbar-menu-more.tsx
-var React15 = __toESM(require("react"));
+var React17 = __toESM(require("react"));
 var import_icons2 = require("@elementor/icons");
-var import_ui8 = require("@elementor/ui");
-var import_i18n2 = require("@wordpress/i18n");
+var import_ui10 = require("@elementor/ui");
+var import_i18n4 = require("@wordpress/i18n");
 function ToolbarMenuMore({ children, id }) {
-  const popupState = (0, import_ui8.usePopupState)({
+  const popupState = (0, import_ui10.usePopupState)({
     variant: "popover",
     popupId: id
   });
-  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(ToolbarMenuItem, { ...(0, import_ui8.bindTrigger)(popupState), title: (0, import_i18n2.__)("More", "elementor") }, /* @__PURE__ */ React15.createElement(import_icons2.DotsVerticalIcon, null)), /* @__PURE__ */ React15.createElement(PopoverMenu, { onClick: popupState.close, ...(0, import_ui8.bindMenu)(popupState) }, children));
+  return /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement(ToolbarMenuItem, { ...(0, import_ui10.bindTrigger)(popupState), title: (0, import_i18n4.__)("More", "elementor") }, /* @__PURE__ */ React17.createElement(import_icons2.DotsVerticalIcon, null)), /* @__PURE__ */ React17.createElement(PopoverMenu, { onClick: popupState.close, ...(0, import_ui10.bindMenu)(popupState) }, children));
 }
 
 // src/components/locations/integrations-menu-location.tsx
-var React16 = __toESM(require("react"));
+var React18 = __toESM(require("react"));
 var import_icons3 = require("@elementor/icons");
-var import_ui9 = require("@elementor/ui");
-var import_i18n3 = require("@wordpress/i18n");
+var import_ui11 = require("@elementor/ui");
+var import_i18n5 = require("@wordpress/i18n");
 var { useMenuItems: useMenuItems2 } = integrationsMenu;
 function IntegrationsMenuLocation() {
   const menuItems = useMenuItems2();
-  const popupState = (0, import_ui9.usePopupState)({
+  const popupState = (0, import_ui11.usePopupState)({
     variant: "popover",
     popupId: "elementor-v2-app-bar-integrations"
   });
   if (menuItems.default.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement(ToolbarMenuItem, { ...(0, import_ui9.bindTrigger)(popupState), title: (0, import_i18n3.__)("Integrations", "elementor") }, /* @__PURE__ */ React16.createElement(import_icons3.PlugIcon, null)), /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(ToolbarMenuItem, { ...(0, import_ui11.bindTrigger)(popupState), title: (0, import_i18n5.__)("Integrations", "elementor") }, /* @__PURE__ */ React18.createElement(import_icons3.PlugIcon, null)), /* @__PURE__ */ React18.createElement(
     PopoverMenu,
     {
       onClick: popupState.close,
-      ...(0, import_ui9.bindMenu)(popupState),
+      ...(0, import_ui11.bindMenu)(popupState),
       marginThreshold: 8,
       open: popupState.isOpen
     },
-    menuItems.default.map(({ MenuItem: IntegrationsMenuItem, id }) => /* @__PURE__ */ React16.createElement(IntegrationsMenuItem, { key: id }))
+    menuItems.default.map(({ MenuItem: IntegrationsMenuItem, id }) => /* @__PURE__ */ React18.createElement(IntegrationsMenuItem, { key: id }))
   ));
 }
 
 // src/components/locations/send-feedback-popup-location.tsx
-var React17 = __toESM(require("react"));
-var import_react3 = require("react");
-var import_editor_ui = require("@elementor/editor-ui");
+var React19 = __toESM(require("react"));
+var import_react4 = require("react");
+var import_editor_ui2 = require("@elementor/editor-ui");
 var import_editor_v1_adapters = require("@elementor/editor-v1-adapters");
-var import_events = require("@elementor/events");
+var import_events2 = require("@elementor/events");
 var import_http_client = require("@elementor/http-client");
 var import_icons4 = require("@elementor/icons");
-var import_ui10 = require("@elementor/ui");
-var import_i18n4 = require("@wordpress/i18n");
+var import_ui12 = require("@elementor/ui");
+var import_i18n6 = require("@wordpress/i18n");
 
 // src/extensions/feedback/feedback-consts.ts
 var EXPERIMENT_NAME = "in_editor_feedback";
@@ -445,23 +557,23 @@ var checkIfUserIsConnected = () => {
 function SendFeedbackPopupLocation() {
   const isActive = (0, import_editor_v1_adapters.isExperimentActive)(EXPERIMENT_NAME);
   const extendedWindow = window;
-  const [isUserConnected, setIsUserConnected] = (0, import_react3.useState)(checkIfUserIsConnected());
+  const [isUserConnected, setIsUserConnected] = (0, import_react4.useState)(checkIfUserIsConnected());
   const connectUrl = extendedWindow?.elementor?.config.user.top_bar.connect_url;
-  const [feedbackContent, setFeedbackContent] = (0, import_react3.useState)("");
-  const [feedbackResult, setFeedbackResult] = (0, import_react3.useState)(null);
-  const [submitDisabled, setSubmitDisabled] = (0, import_react3.useState)(true);
-  const { dispatchEvent: trackEvent = (...args) => void args } = (0, import_events.useMixpanel)();
-  const popupState = (0, import_ui10.usePopupState)({
+  const [feedbackContent, setFeedbackContent] = (0, import_react4.useState)("");
+  const [feedbackResult, setFeedbackResult] = (0, import_react4.useState)(null);
+  const [submitDisabled, setSubmitDisabled] = (0, import_react4.useState)(true);
+  const { dispatchEvent: trackEvent2 = (...args) => void args } = (0, import_events2.useMixpanel)();
+  const popupState = (0, import_ui12.usePopupState)({
     variant: "dialog",
     popupId: FEEDBACK_TOGGLE_EVENT
   });
-  const [isFetching, setIsFetching] = (0, import_react3.useState)(false);
-  (0, import_react3.useEffect)(() => {
+  const [isFetching, setIsFetching] = (0, import_react4.useState)(false);
+  (0, import_react4.useEffect)(() => {
     const handler = () => {
       popupState.toggle();
       setIsUserConnected(checkIfUserIsConnected());
       setFeedbackResult(null);
-      trackEvent("feedback_modal_opened", {
+      trackEvent2("feedback_modal_opened", {
         source: "top_bar",
         context: "v4_beta"
       });
@@ -470,13 +582,13 @@ function SendFeedbackPopupLocation() {
     return () => {
       window.removeEventListener(FEEDBACK_TOGGLE_EVENT, handler);
     };
-  }, [popupState, trackEvent]);
-  (0, import_react3.useEffect)(() => {
+  }, [popupState, trackEvent2]);
+  (0, import_react4.useEffect)(() => {
     setSubmitDisabled(feedbackContent.trim().length < 10 || !isUserConnected || isFetching);
   }, [feedbackContent, feedbackResult, isUserConnected, isFetching]);
   const handleClose = () => {
     popupState.close();
-    trackEvent("feedback_modal_closed", {
+    trackEvent2("feedback_modal_closed", {
       feedback_text: feedbackContent
     });
   };
@@ -496,7 +608,7 @@ function SendFeedbackPopupLocation() {
       if (!response.data.success && response.data.code.toString() === "401" || response.data.code.toString() === "403") {
         setIsUserConnected(false);
       }
-      trackEvent(response.data.success ? "feedback_submitted" : "feedback_error", {
+      trackEvent2(response.data.success ? "feedback_submitted" : "feedback_error", {
         feedback_length: feedbackContent.length,
         error_type: response.data.success ? void 0 : "server",
         error_message: response.data.success ? void 0 : response.data.message
@@ -506,8 +618,8 @@ function SendFeedbackPopupLocation() {
   if (!isActive) {
     return null;
   }
-  return /* @__PURE__ */ React17.createElement(import_editor_ui.ThemeProvider, null, /* @__PURE__ */ React17.createElement(import_ui10.Popover, { ...(0, import_ui10.bindDialog)(popupState), onClose: () => handleClose() }, /* @__PURE__ */ React17.createElement(import_ui10.Dialog, { open: popupState.isOpen }, /* @__PURE__ */ React17.createElement(import_ui10.DialogHeader, { style: { width: "100%", minWidth: "35rem" } }, /* @__PURE__ */ React17.createElement(import_ui10.DialogTitle, { style: { width: "100%" } }, /* @__PURE__ */ React17.createElement(
-    import_ui10.Stack,
+  return /* @__PURE__ */ React19.createElement(import_editor_ui2.ThemeProvider, null, /* @__PURE__ */ React19.createElement(import_ui12.Popover, { ...(0, import_ui12.bindDialog)(popupState), onClose: () => handleClose() }, /* @__PURE__ */ React19.createElement(import_ui12.Dialog, { open: popupState.isOpen }, /* @__PURE__ */ React19.createElement(import_ui12.DialogHeader, { style: { width: "100%", minWidth: "35rem" } }, /* @__PURE__ */ React19.createElement(import_ui12.DialogTitle, { style: { width: "100%" } }, /* @__PURE__ */ React19.createElement(
+    import_ui12.Stack,
     {
       display: "flex",
       direction: "row",
@@ -515,18 +627,18 @@ function SendFeedbackPopupLocation() {
       justifyContent: "space-between",
       width: "100%"
     },
-    (0, import_i18n4.__)("Submit Feedback", "elementor"),
-    /* @__PURE__ */ React17.createElement(import_ui10.CloseButton, { onClick: popupState.close })
-  ))), /* @__PURE__ */ React17.createElement(import_ui10.DialogContent, null, /* @__PURE__ */ React17.createElement(import_ui10.Stack, { direction: "column", gap: 2 }, isUserConnected ? /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement(
-    import_ui10.TextField,
+    (0, import_i18n6.__)("Submit Feedback", "elementor"),
+    /* @__PURE__ */ React19.createElement(import_ui12.CloseButton, { onClick: popupState.close })
+  ))), /* @__PURE__ */ React19.createElement(import_ui12.DialogContent, null, /* @__PURE__ */ React19.createElement(import_ui12.Stack, { direction: "column", gap: 2 }, isUserConnected ? /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(
+    import_ui12.TextField,
     {
       autofocus: true,
-      placeholder: (0, import_i18n4.__)(
+      placeholder: (0, import_i18n6.__)(
         "E.g. Can you add ABC features? I want to do ABC and it\u2019s important because \u2026",
         "elementor"
       ),
       fullwith: true,
-      label: (0, import_i18n4.__)("Your Feedback", "elementor"),
+      label: (0, import_i18n6.__)("Your Feedback", "elementor"),
       multiline: true,
       id: "elementor-feedback-usercontent",
       rows: 6,
@@ -535,8 +647,8 @@ function SendFeedbackPopupLocation() {
       onChange: (event) => setFeedbackContent(event.target.value),
       value: feedbackContent
     }
-  ), /* @__PURE__ */ React17.createElement(import_ui10.Stack, { direction: "row", justifyContent: "flex-end", alignItems: "center", gap: 2 }, feedbackResult && /* @__PURE__ */ React17.createElement(React17.Fragment, null, feedbackResult.success ? /* @__PURE__ */ React17.createElement(import_icons4.CheckIcon, { color: "success" }) : /* @__PURE__ */ React17.createElement(import_icons4.AlertCircleIcon, { color: "error" }), feedbackResult.message), feedbackResult?.success ? /* @__PURE__ */ React17.createElement(import_ui10.Button, { variant: "text", onClick: () => handleStartAnother() }, (0, import_i18n4.__)("Submit Another Feedback", "elementor")) : /* @__PURE__ */ React17.createElement(
-    import_ui10.Button,
+  ), /* @__PURE__ */ React19.createElement(import_ui12.Stack, { direction: "row", justifyContent: "flex-end", alignItems: "center", gap: 2 }, feedbackResult && /* @__PURE__ */ React19.createElement(React19.Fragment, null, feedbackResult.success ? /* @__PURE__ */ React19.createElement(import_icons4.CheckIcon, { color: "success" }) : /* @__PURE__ */ React19.createElement(import_icons4.AlertCircleIcon, { color: "error" }), feedbackResult.message), feedbackResult?.success ? /* @__PURE__ */ React19.createElement(import_ui12.Button, { variant: "text", onClick: () => handleStartAnother() }, (0, import_i18n6.__)("Submit Another Feedback", "elementor")) : /* @__PURE__ */ React19.createElement(
+    import_ui12.Button,
     {
       disabled: submitDisabled,
       onClick: submitFeedback,
@@ -544,9 +656,9 @@ function SendFeedbackPopupLocation() {
       color: "primary",
       size: "small"
     },
-    (0, import_i18n4.__)("Submit", "elementor")
-  ))) : /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement(
-    import_ui10.Button,
+    (0, import_i18n6.__)("Submit", "elementor")
+  ))) : /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(
+    import_ui12.Button,
     {
       variant: "contained",
       color: "primary",
@@ -556,7 +668,7 @@ function SendFeedbackPopupLocation() {
       rel: "noopener",
       onClick: popupState.close
     },
-    (0, import_i18n4.__)("Connect to Elementor", "elementor")
+    (0, import_i18n6.__)("Connect to Elementor", "elementor")
   )))))));
 }
 
@@ -567,12 +679,12 @@ function ToolsMenuLocation() {
   const menuItems = useMenuItems3();
   const toolbarMenuItems = menuItems.default.slice(0, MAX_TOOLBAR_ACTIONS);
   const popoverMenuItems = menuItems.default.slice(MAX_TOOLBAR_ACTIONS);
-  return /* @__PURE__ */ React18.createElement(ToolbarMenu, null, toolbarMenuItems.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React18.createElement(MenuItem2, { key: id })), /* @__PURE__ */ React18.createElement(SendFeedbackPopupLocation, null), /* @__PURE__ */ React18.createElement(IntegrationsMenuLocation, null), popoverMenuItems.length > 0 && /* @__PURE__ */ React18.createElement(ToolbarMenuMore, { id: "elementor-editor-app-bar-tools-more" }, popoverMenuItems.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React18.createElement(MenuItem2, { key: id }))));
+  return /* @__PURE__ */ React20.createElement(ToolbarMenu, null, toolbarMenuItems.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React20.createElement(MenuItem2, { key: id })), /* @__PURE__ */ React20.createElement(AngieGuideLocation, null), /* @__PURE__ */ React20.createElement(SendFeedbackPopupLocation, null), /* @__PURE__ */ React20.createElement(IntegrationsMenuLocation, null), popoverMenuItems.length > 0 && /* @__PURE__ */ React20.createElement(ToolbarMenuMore, { id: "elementor-editor-app-bar-tools-more" }, popoverMenuItems.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React20.createElement(MenuItem2, { key: id }))));
 }
 
 // src/components/locations/utilities-menu-location.tsx
-var React19 = __toESM(require("react"));
-var import_react4 = require("react");
+var React21 = __toESM(require("react"));
+var import_react5 = require("react");
 var MAX_TOOLBAR_ACTIONS2 = 4;
 var { useMenuItems: useMenuItems4 } = utilitiesMenu;
 function UtilitiesMenuLocation() {
@@ -580,40 +692,42 @@ function UtilitiesMenuLocation() {
   const shouldUsePopover = menuItems.default.length > MAX_TOOLBAR_ACTIONS2 + 1;
   const toolbarMenuItems = shouldUsePopover ? menuItems.default.slice(0, MAX_TOOLBAR_ACTIONS2) : menuItems.default;
   const popoverMenuItems = shouldUsePopover ? menuItems.default.slice(MAX_TOOLBAR_ACTIONS2) : [];
-  return /* @__PURE__ */ React19.createElement(ToolbarMenu, null, toolbarMenuItems.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React19.createElement(import_react4.Fragment, { key: id }, /* @__PURE__ */ React19.createElement(MenuItem2, null))), popoverMenuItems.length > 0 && /* @__PURE__ */ React19.createElement(ToolbarMenuMore, { id: "elementor-editor-app-bar-utilities-more" }, popoverMenuItems.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React19.createElement(MenuItem2, { key: id }))));
+  return /* @__PURE__ */ React21.createElement(ToolbarMenu, null, toolbarMenuItems.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React21.createElement(import_react5.Fragment, { key: id }, /* @__PURE__ */ React21.createElement(MenuItem2, null))), popoverMenuItems.length > 0 && /* @__PURE__ */ React21.createElement(ToolbarMenuMore, { id: "elementor-editor-app-bar-utilities-more" }, popoverMenuItems.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React21.createElement(MenuItem2, { key: id }))));
 }
 
 // src/components/app-bar.tsx
 function AppBar() {
   const document2 = (0, import_editor_documents.__useActiveDocument)();
-  return /* @__PURE__ */ React20.createElement(import_ui11.ThemeProvider, { colorScheme: "dark" }, /* @__PURE__ */ React20.createElement(import_ui11.AppBar, { position: "sticky" }, /* @__PURE__ */ React20.createElement(import_ui11.Toolbar, { disableGutters: true, variant: "dense" }, /* @__PURE__ */ React20.createElement(import_ui11.Box, { display: "grid", gridTemplateColumns: "repeat(3, 1fr)", flexGrow: 1 }, /* @__PURE__ */ React20.createElement(import_ui11.Grid, { container: true, flexWrap: "nowrap" }, /* @__PURE__ */ React20.createElement(MainMenuLocation, null), document2?.permissions?.allowAddingWidgets && /* @__PURE__ */ React20.createElement(ToolsMenuLocation, null)), /* @__PURE__ */ React20.createElement(import_ui11.Grid, { container: true, justifyContent: "center" }, /* @__PURE__ */ React20.createElement(ToolbarMenu, { spacing: 1.5 }, /* @__PURE__ */ React20.createElement(import_ui11.Divider, { orientation: "vertical" }), /* @__PURE__ */ React20.createElement(PageIndicationLocation, null), /* @__PURE__ */ React20.createElement(import_ui11.Divider, { orientation: "vertical" }), /* @__PURE__ */ React20.createElement(ResponsiveLocation, null), /* @__PURE__ */ React20.createElement(import_ui11.Divider, { orientation: "vertical" }))), /* @__PURE__ */ React20.createElement(import_ui11.Grid, { container: true, justifyContent: "flex-end", flexWrap: "nowrap" }, /* @__PURE__ */ React20.createElement(UtilitiesMenuLocation, null), /* @__PURE__ */ React20.createElement(PrimaryActionLocation, null))))));
+  return /* @__PURE__ */ React22.createElement(import_ui13.ThemeProvider, { colorScheme: "dark" }, /* @__PURE__ */ React22.createElement(import_ui13.AppBar, { position: "sticky" }, /* @__PURE__ */ React22.createElement(import_ui13.Toolbar, { disableGutters: true, variant: "dense" }, /* @__PURE__ */ React22.createElement(import_ui13.Box, { display: "grid", gridTemplateColumns: "repeat(3, 1fr)", flexGrow: 1 }, /* @__PURE__ */ React22.createElement(import_ui13.Grid, { container: true, flexWrap: "nowrap" }, /* @__PURE__ */ React22.createElement(MainMenuLocation, null), document2?.permissions?.allowAddingWidgets && /* @__PURE__ */ React22.createElement(ToolsMenuLocation, null)), /* @__PURE__ */ React22.createElement(import_ui13.Grid, { container: true, justifyContent: "center" }, /* @__PURE__ */ React22.createElement(ToolbarMenu, { spacing: 1.5 }, /* @__PURE__ */ React22.createElement(import_ui13.Divider, { orientation: "vertical" }), /* @__PURE__ */ React22.createElement(PageIndicationLocation, null), /* @__PURE__ */ React22.createElement(import_ui13.Divider, { orientation: "vertical" }), /* @__PURE__ */ React22.createElement(ResponsiveLocation, null), /* @__PURE__ */ React22.createElement(import_ui13.Divider, { orientation: "vertical" }))), /* @__PURE__ */ React22.createElement(import_ui13.Grid, { container: true, justifyContent: "flex-end", flexWrap: "nowrap" }, /* @__PURE__ */ React22.createElement(UtilitiesMenuLocation, null), /* @__PURE__ */ React22.createElement(PrimaryActionLocation, null))))));
 }
 
 // src/extensions/angie/hooks/use-action-props.ts
+var import_react6 = require("react");
 var import_editor_mcp = require("@elementor/editor-mcp");
+var import_events3 = require("@elementor/events");
 var import_icons5 = require("@elementor/icons");
-var import_i18n5 = require("@wordpress/i18n");
-var CREATE_WIDGET_EVENT = "elementor/editor/create-widget";
-var CREATE_WIDGET_PROMPT = `Create a widget for me.
-Goal: [What should this widget help me accomplish?]
-Placement: [Where will I see it in the editor/UI?]
-How it should work: `;
+var import_i18n7 = require("@wordpress/i18n");
 function useActionProps() {
+  const hasAngieInstalled = (0, import_editor_mcp.isAngieAvailable)();
+  const visible = !hasAngieInstalled;
+  (0, import_react6.useEffect)(() => {
+    if (!visible) {
+      return;
+    }
+    (0, import_events3.trackEvent)({
+      eventName: AI_WIDGET_CTA_VIEWED_EVENT,
+      entry_point: "top_bar_icon",
+      has_angie_installed: false
+    });
+  }, [visible]);
   return {
-    title: (0, import_i18n5.__)("Angie", "elementor"),
+    title: (0, import_i18n7.__)("Angie", "elementor"),
     icon: import_icons5.AngieIcon,
     onClick: () => {
-      window.dispatchEvent(
-        new CustomEvent(CREATE_WIDGET_EVENT, {
-          detail: {
-            prompt: CREATE_WIDGET_PROMPT,
-            entry_point: "top_bar"
-          }
-        })
-      );
+      window.dispatchEvent(new CustomEvent(ANGIE_GUIDE_TOGGLE_EVENT));
     },
     selected: false,
-    visible: !(0, import_editor_mcp.isAngieAvailable)()
+    visible
   };
 }
 
@@ -627,9 +741,9 @@ function init() {
 }
 
 // src/extensions/connect/hooks/use-connect-link-config.tsx
-var import_react5 = require("react");
+var import_react7 = require("react");
 var import_icons6 = require("@elementor/icons");
-var import_i18n6 = require("@wordpress/i18n");
+var import_i18n8 = require("@wordpress/i18n");
 var dispatchConnectClickEvent = (eventName) => {
   try {
     const extendedWindow = window;
@@ -657,7 +771,7 @@ function useConnectLinkConfig() {
     isUserConnected = extendedWindow?.elementorCommon?.config.library_connect.is_connected ?? false;
     target = "_self";
   }
-  const handleConnectClick = (0, import_react5.useCallback)(
+  const handleConnectClick = (0, import_react7.useCallback)(
     (event) => {
       event.preventDefault();
       if (extendedWindow.jQuery && extendedWindow.jQuery.fn?.elementorConnect) {
@@ -682,12 +796,12 @@ function useConnectLinkConfig() {
     [extendedWindow]
   );
   return isUserConnected ? {
-    title: (0, import_i18n6.__)("My Elementor", "elementor"),
+    title: (0, import_i18n8.__)("My Elementor", "elementor"),
     href: extendedWindow?.elementor?.config.user.top_bar.my_elementor_url,
     icon: import_icons6.UserIcon,
     target: "_blank"
   } : {
-    title: (0, import_i18n6.__)("Connect my account", "elementor"),
+    title: (0, import_i18n8.__)("Connect my account", "elementor"),
     href: extendedWindow?.elementor?.config.user.top_bar.connect_url,
     icon: import_icons6.UserIcon,
     target,
@@ -709,12 +823,12 @@ function init2() {
 var import_editor_documents2 = require("@elementor/editor-documents");
 var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
 var import_icons7 = require("@elementor/icons");
-var import_i18n7 = require("@wordpress/i18n");
+var import_i18n9 = require("@wordpress/i18n");
 function useActionProps2() {
   const document2 = (0, import_editor_documents2.__useActiveDocument)();
   return {
     icon: import_icons7.EyeIcon,
-    title: (0, import_i18n7.__)("Preview Changes", "elementor"),
+    title: (0, import_i18n9.__)("Preview Changes", "elementor"),
     onClick: () => {
       const extendedWindow = window;
       const config = extendedWindow?.elementorCommon?.eventsManager?.config;
@@ -746,18 +860,18 @@ function init3() {
 }
 
 // src/extensions/documents-save/components/primary-action.tsx
-var React22 = __toESM(require("react"));
+var React24 = __toESM(require("react"));
 var import_editor_documents3 = require("@elementor/editor-documents");
 var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
 var import_icons8 = require("@elementor/icons");
-var import_ui13 = require("@elementor/ui");
-var import_i18n8 = require("@wordpress/i18n");
+var import_ui15 = require("@elementor/ui");
+var import_i18n10 = require("@wordpress/i18n");
 
 // src/extensions/documents-save/components/primary-action-menu.tsx
-var React21 = __toESM(require("react"));
-var import_ui12 = require("@elementor/ui");
+var React23 = __toESM(require("react"));
+var import_ui14 = require("@elementor/ui");
 var { useMenuItems: useMenuItems5 } = documentOptionsMenu;
-var StyledPopoverMenu = (0, import_ui12.styled)(PopoverMenu)`
+var StyledPopoverMenu = (0, import_ui14.styled)(PopoverMenu)`
 	& > .MuiPopover-paper > .MuiList-root {
 		& > .MuiDivider-root {
 			display: none;
@@ -770,7 +884,7 @@ var StyledPopoverMenu = (0, import_ui12.styled)(PopoverMenu)`
 `;
 function PrimaryActionMenu(props) {
   const { save: saveActions, default: defaultActions } = useMenuItems5();
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React23.createElement(
     StyledPopoverMenu,
     {
       ...props,
@@ -788,13 +902,13 @@ function PrimaryActionMenu(props) {
       }
     },
     saveActions.map(({ MenuItem: MenuItem2, id }, index) => [
-      index > 0 && /* @__PURE__ */ React21.createElement(import_ui12.Divider, { key: `${id}-divider` }),
-      /* @__PURE__ */ React21.createElement(MenuItem2, { key: id })
+      index > 0 && /* @__PURE__ */ React23.createElement(import_ui14.Divider, { key: `${id}-divider` }),
+      /* @__PURE__ */ React23.createElement(MenuItem2, { key: id })
     ]),
-    saveActions.length > 0 && defaultActions.length > 0 && /* @__PURE__ */ React21.createElement(import_ui12.Divider, null),
+    saveActions.length > 0 && defaultActions.length > 0 && /* @__PURE__ */ React23.createElement(import_ui14.Divider, null),
     defaultActions.map(({ MenuItem: MenuItem2, id }, index) => [
-      index > 0 && /* @__PURE__ */ React21.createElement(import_ui12.Divider, { key: `${id}-divider` }),
-      /* @__PURE__ */ React21.createElement(MenuItem2, { key: id })
+      index > 0 && /* @__PURE__ */ React23.createElement(import_ui14.Divider, { key: `${id}-divider` }),
+      /* @__PURE__ */ React23.createElement(MenuItem2, { key: id })
     ])
   );
 }
@@ -805,7 +919,7 @@ function PrimaryAction() {
   const { save } = (0, import_editor_documents3.__useActiveDocumentActions)();
   const editMode = (0, import_editor_v1_adapters3.useEditMode)();
   const isEditMode = editMode === "edit";
-  const popupState = (0, import_ui13.usePopupState)({
+  const popupState = (0, import_ui15.usePopupState)({
     variant: "popover",
     popupId: "document-save-options"
   });
@@ -815,8 +929,8 @@ function PrimaryAction() {
   const isPublishDisabled = !isEditMode || !isPublishEnabled(document2);
   const isSaveOptionsDisabled = !isEditMode || document2.type.value === "kit";
   const shouldShowSpinner = document2.isSaving && !isPublishDisabled;
-  return /* @__PURE__ */ React22.createElement(React22.Fragment, null, /* @__PURE__ */ React22.createElement(import_ui13.ButtonGroup, { size: "large", variant: "contained" }, /* @__PURE__ */ React22.createElement(
-    import_ui13.Button,
+  return /* @__PURE__ */ React24.createElement(React24.Fragment, null, /* @__PURE__ */ React24.createElement(import_ui15.ButtonGroup, { size: "large", variant: "contained" }, /* @__PURE__ */ React24.createElement(
+    import_ui15.Button,
     {
       onClick: () => {
         const extendedWindow = window;
@@ -846,11 +960,11 @@ function PrimaryAction() {
       },
       disabled: isPublishDisabled
     },
-    shouldShowSpinner ? /* @__PURE__ */ React22.createElement(import_ui13.CircularProgress, { color: "inherit", size: "1.5em" }) : getLabel(document2)
-  ), /* @__PURE__ */ React22.createElement(
-    import_ui13.Tooltip,
+    shouldShowSpinner ? /* @__PURE__ */ React24.createElement(import_ui15.CircularProgress, { color: "inherit", size: "1.5em" }) : getLabel(document2)
+  ), /* @__PURE__ */ React24.createElement(
+    import_ui15.Tooltip,
     {
-      title: (0, import_i18n8.__)("Save Options", "elementor"),
+      title: (0, import_i18n10.__)("Save Options", "elementor"),
       PopperProps: {
         sx: {
           "&.MuiTooltip-popper .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementBottom": {
@@ -860,21 +974,21 @@ function PrimaryAction() {
         }
       }
     },
-    /* @__PURE__ */ React22.createElement(import_ui13.Box, { component: "span", "aria-label": void 0 }, /* @__PURE__ */ React22.createElement(
-      import_ui13.Button,
+    /* @__PURE__ */ React24.createElement(import_ui15.Box, { component: "span", "aria-label": void 0 }, /* @__PURE__ */ React24.createElement(
+      import_ui15.Button,
       {
         size: "small",
-        ...(0, import_ui13.bindTrigger)(popupState),
+        ...(0, import_ui15.bindTrigger)(popupState),
         sx: { px: 0, height: "100%", borderRadius: 0 },
         disabled: isSaveOptionsDisabled,
-        "aria-label": (0, import_i18n8.__)("Save Options", "elementor")
+        "aria-label": (0, import_i18n10.__)("Save Options", "elementor")
       },
-      /* @__PURE__ */ React22.createElement(import_icons8.ChevronDownIcon, null)
+      /* @__PURE__ */ React24.createElement(import_icons8.ChevronDownIcon, null)
     ))
-  )), /* @__PURE__ */ React22.createElement(PrimaryActionMenu, { ...(0, import_ui13.bindMenu)(popupState), onClick: popupState.close }));
+  )), /* @__PURE__ */ React24.createElement(PrimaryActionMenu, { ...(0, import_ui15.bindMenu)(popupState), onClick: popupState.close }));
 }
 function getLabel(document2) {
-  return document2.userCan.publish ? (0, import_i18n8.__)("Publish", "elementor") : (0, import_i18n8.__)("Submit", "elementor");
+  return document2.userCan.publish ? (0, import_i18n10.__)("Publish", "elementor") : (0, import_i18n10.__)("Submit", "elementor");
 }
 function isPublishEnabled(document2) {
   if (document2.type.value === "kit") {
@@ -885,16 +999,16 @@ function isPublishEnabled(document2) {
 
 // src/extensions/documents-save/hooks/use-document-copy-and-share-props.ts
 var import_editor_documents4 = require("@elementor/editor-documents");
-var import_events2 = require("@elementor/events");
+var import_events4 = require("@elementor/events");
 var import_icons9 = require("@elementor/icons");
-var import_i18n9 = require("@wordpress/i18n");
+var import_i18n11 = require("@wordpress/i18n");
 function useDocumentCopyAndShareProps() {
   const document2 = (0, import_editor_documents4.__useActiveDocument)();
   const { copyAndShare } = (0, import_editor_documents4.__useActiveDocumentActions)();
-  const { dispatchEvent: dispatchEvent2, config } = (0, import_events2.useMixpanel)();
+  const { dispatchEvent: dispatchEvent2, config } = (0, import_events4.useMixpanel)();
   return {
     icon: import_icons9.LinkIcon,
-    title: (0, import_i18n9.__)("Copy and Share", "elementor"),
+    title: (0, import_i18n11.__)("Copy and Share", "elementor"),
     onClick: () => {
       const eventName = config?.names?.editorOne?.topBarPublishDropdown;
       if (eventName) {
@@ -919,16 +1033,16 @@ function useDocumentCopyAndShareProps() {
 
 // src/extensions/documents-save/hooks/use-document-save-draft-props.ts
 var import_editor_documents5 = require("@elementor/editor-documents");
-var import_events3 = require("@elementor/events");
+var import_events5 = require("@elementor/events");
 var import_icons10 = require("@elementor/icons");
-var import_i18n10 = require("@wordpress/i18n");
+var import_i18n12 = require("@wordpress/i18n");
 function useDocumentSaveDraftProps() {
   const document2 = (0, import_editor_documents5.__useActiveDocument)();
   const { saveDraft } = (0, import_editor_documents5.__useActiveDocumentActions)();
-  const { dispatchEvent: dispatchEvent2, config } = (0, import_events3.useMixpanel)();
+  const { dispatchEvent: dispatchEvent2, config } = (0, import_events5.useMixpanel)();
   return {
     icon: import_icons10.FileReportIcon,
-    title: (0, import_i18n10.__)("Save Draft", "elementor"),
+    title: (0, import_i18n12.__)("Save Draft", "elementor"),
     onClick: () => {
       const eventName = config?.names?.editorOne?.topBarPublishDropdown;
       if (eventName) {
@@ -952,15 +1066,15 @@ function useDocumentSaveDraftProps() {
 
 // src/extensions/documents-save/hooks/use-document-save-template-props.ts
 var import_editor_documents6 = require("@elementor/editor-documents");
-var import_events4 = require("@elementor/events");
+var import_events6 = require("@elementor/events");
 var import_icons11 = require("@elementor/icons");
-var import_i18n11 = require("@wordpress/i18n");
+var import_i18n13 = require("@wordpress/i18n");
 function useDocumentSaveTemplateProps() {
   const { saveTemplate } = (0, import_editor_documents6.__useActiveDocumentActions)();
-  const { dispatchEvent: dispatchEvent2, config } = (0, import_events4.useMixpanel)();
+  const { dispatchEvent: dispatchEvent2, config } = (0, import_events6.useMixpanel)();
   return {
     icon: import_icons11.FolderIcon,
-    title: (0, import_i18n11.__)("Save as Template", "elementor"),
+    title: (0, import_i18n13.__)("Save as Template", "elementor"),
     onClick: () => {
       const eventName = config?.names?.editorOne?.topBarPublishDropdown;
       if (eventName) {
@@ -985,12 +1099,12 @@ function useDocumentSaveTemplateProps() {
 var import_editor_documents7 = require("@elementor/editor-documents");
 var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
 var import_icons12 = require("@elementor/icons");
-var import_i18n12 = require("@wordpress/i18n");
+var import_i18n14 = require("@wordpress/i18n");
 function useDocumentViewAsMarkdownProps() {
   const document2 = (0, import_editor_documents7.__useActiveDocument)();
   return {
     icon: import_icons12.EyeIcon,
-    title: (0, import_i18n12.__)("View as Markdown", "elementor"),
+    title: (0, import_i18n14.__)("View as Markdown", "elementor"),
     onClick: async () => {
       const baseUrl = document2?.links?.wpPreview || document2?.links?.permalink;
       if (!baseUrl) {
@@ -1009,15 +1123,15 @@ function useDocumentViewAsMarkdownProps() {
 // src/extensions/documents-save/hooks/use-document-view-page-props.ts
 var import_editor_documents8 = require("@elementor/editor-documents");
 var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
-var import_events5 = require("@elementor/events");
+var import_events7 = require("@elementor/events");
 var import_icons13 = require("@elementor/icons");
-var import_i18n13 = require("@wordpress/i18n");
+var import_i18n15 = require("@wordpress/i18n");
 function useDocumentViewPageProps() {
   const document2 = (0, import_editor_documents8.__useActiveDocument)();
-  const { dispatchEvent: dispatchEvent2, config } = (0, import_events5.useMixpanel)();
+  const { dispatchEvent: dispatchEvent2, config } = (0, import_events7.useMixpanel)();
   return {
     icon: import_icons13.EyeIcon,
-    title: (0, import_i18n13.__)("View Page", "elementor"),
+    title: (0, import_i18n15.__)("View Page", "elementor"),
     onClick: () => {
       const eventName = config?.names?.editorOne?.topBarPublishDropdown;
       if (eventName) {
@@ -1081,7 +1195,7 @@ function init4() {
 var import_editor_documents9 = require("@elementor/editor-documents");
 var import_editor_v1_adapters6 = require("@elementor/editor-v1-adapters");
 var import_icons14 = require("@elementor/icons");
-var import_i18n14 = require("@wordpress/i18n");
+var import_i18n16 = require("@wordpress/i18n");
 function useActionProps3() {
   const activeDocument = (0, import_editor_documents9.__useActiveDocument)();
   const hostDocument = (0, import_editor_documents9.__useHostDocument)();
@@ -1089,8 +1203,8 @@ function useActionProps3() {
   const document2 = activeDocument && activeDocument.type.value !== "kit" ? activeDocument : hostDocument;
   const ButtonTitle = document2 ? (
     /* translators: %s: Post type label. */
-    (0, import_i18n14.__)("%s Settings", "elementor").replace("%s", document2.type.label)
-  ) : (0, import_i18n14.__)("Document Settings", "elementor");
+    (0, import_i18n16.__)("%s Settings", "elementor").replace("%s", document2.type.label)
+  ) : (0, import_i18n16.__)("Document Settings", "elementor");
   return {
     title: ButtonTitle,
     icon: import_icons14.FileSettingsIcon,
@@ -1127,11 +1241,11 @@ function init5() {
 // src/extensions/elements/hooks/use-action-props.ts
 var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
 var import_icons15 = require("@elementor/icons");
-var import_i18n15 = require("@wordpress/i18n");
+var import_i18n17 = require("@wordpress/i18n");
 function useActionProps4() {
   const { isActive, isBlocked } = (0, import_editor_v1_adapters7.__privateUseRouteStatus)("panel/elements");
   return {
-    title: (0, import_i18n15.__)("Add Element", "elementor"),
+    title: (0, import_i18n17.__)("Add Element", "elementor"),
     icon: import_icons15.PlusIcon,
     onClick: () => {
       const extendedWindow = window;
@@ -1153,10 +1267,10 @@ function useActionProps4() {
 
 // src/extensions/elements/sync/sync-panel-title.ts
 var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
-var import_i18n16 = require("@wordpress/i18n");
+var import_i18n18 = require("@wordpress/i18n");
 function syncPanelTitle() {
-  const panelTitle = (0, import_i18n16.__)("Elements", "elementor");
-  const tabTitle = (0, import_i18n16.__)("Widgets", "elementor");
+  const panelTitle = (0, import_i18n18.__)("Elements", "elementor");
+  const tabTitle = (0, import_i18n18.__)("Widgets", "elementor");
   (0, import_editor_v1_adapters8.__privateListenTo)((0, import_editor_v1_adapters8.routeOpenEvent)("panel/elements"), () => {
     setPanelTitle(panelTitle);
     setTabTitle(tabTitle);
@@ -1191,7 +1305,7 @@ function init6() {
 // src/extensions/feedback/index.ts
 var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
 var import_icons16 = require("@elementor/icons");
-var import_i18n17 = require("@wordpress/i18n");
+var import_i18n19 = require("@wordpress/i18n");
 function init7() {
   const isActive = (0, import_editor_v1_adapters9.isExperimentActive)(EXPERIMENT_NAME);
   if (!isActive) {
@@ -1204,7 +1318,7 @@ function init7() {
     useProps: () => {
       return {
         icon: import_icons16.MessageLinesIcon,
-        title: (0, import_i18n17.__)("Send Feedback", "elementor"),
+        title: (0, import_i18n19.__)("Send Feedback", "elementor"),
         onClick: () => {
           dispatchEvent(new CustomEvent(FEEDBACK_TOGGLE_EVENT));
         }
@@ -1216,10 +1330,10 @@ function init7() {
 // src/extensions/finder/hooks/use-action-props.ts
 var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
 var import_icons17 = require("@elementor/icons");
-var import_i18n18 = require("@wordpress/i18n");
+var import_i18n20 = require("@wordpress/i18n");
 function useActionProps5() {
   return {
-    title: (0, import_i18n18.__)("Finder", "elementor"),
+    title: (0, import_i18n20.__)("Finder", "elementor"),
     icon: import_icons17.SearchIcon,
     onClick: () => {
       const extendedWindow = window;
@@ -1248,10 +1362,10 @@ function init8() {
 
 // src/extensions/help/hooks/use-action-props.ts
 var import_icons18 = require("@elementor/icons");
-var import_i18n19 = require("@wordpress/i18n");
+var import_i18n21 = require("@wordpress/i18n");
 function useActionProps6() {
   return {
-    title: (0, import_i18n19.__)("Help Center", "elementor"),
+    title: (0, import_i18n21.__)("Help Center", "elementor"),
     href: "https://go.elementor.com/editor-top-bar-learn/",
     icon: import_icons18.HelpIcon,
     target: "_blank",
@@ -1283,11 +1397,11 @@ function init9() {
 // src/extensions/history/hooks/use-action-props.ts
 var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
 var import_icons19 = require("@elementor/icons");
-var import_i18n20 = require("@wordpress/i18n");
+var import_i18n22 = require("@wordpress/i18n");
 function useActionProps7() {
   const { isActive, isBlocked } = (0, import_editor_v1_adapters11.__privateUseRouteStatus)("panel/history");
   return {
-    title: (0, import_i18n20.__)("History", "elementor"),
+    title: (0, import_i18n22.__)("History", "elementor"),
     icon: import_icons19.HistoryIcon,
     onClick: () => {
       const extendedWindow = window;
@@ -1319,11 +1433,11 @@ function init10() {
 // src/extensions/keyboard-shortcuts/hooks/use-action-props.ts
 var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
 var import_icons20 = require("@elementor/icons");
-var import_i18n21 = require("@wordpress/i18n");
+var import_i18n23 = require("@wordpress/i18n");
 function useActionProps8() {
   return {
     icon: import_icons20.KeyboardIcon,
-    title: (0, import_i18n21.__)("Keyboard Shortcuts", "elementor"),
+    title: (0, import_i18n23.__)("Keyboard Shortcuts", "elementor"),
     onClick: () => {
       const extendedWindow = window;
       const config = extendedWindow?.elementorCommon?.eventsManager?.config;
@@ -1351,11 +1465,11 @@ function init11() {
 }
 
 // src/extensions/responsive/components/breakpoints-switcher.tsx
-var React23 = __toESM(require("react"));
+var React25 = __toESM(require("react"));
 var import_editor_responsive = require("@elementor/editor-responsive");
 var import_icons21 = require("@elementor/icons");
-var import_ui14 = require("@elementor/ui");
-var import_i18n22 = require("@wordpress/i18n");
+var import_ui16 = require("@elementor/ui");
+var import_i18n24 = require("@wordpress/i18n");
 function BreakpointsSwitcher() {
   const breakpoints = (0, import_editor_responsive.useBreakpoints)();
   const activeBreakpoint = (0, import_editor_responsive.useActiveBreakpoint)();
@@ -1377,14 +1491,14 @@ function BreakpointsSwitcher() {
     }
     activateBreakpoint(value);
   };
-  return /* @__PURE__ */ React23.createElement(
-    import_ui14.Tabs,
+  return /* @__PURE__ */ React25.createElement(
+    import_ui16.Tabs,
     {
       textColor: "inherit",
       indicatorColor: "secondary",
       value: activeBreakpoint,
       onChange,
-      "aria-label": (0, import_i18n22.__)("Switch Device", "elementor"),
+      "aria-label": (0, import_i18n24.__)("Switch Device", "elementor"),
       sx: {
         "& .MuiTabs-indicator": {
           backgroundColor: "text.primary"
@@ -1394,13 +1508,13 @@ function BreakpointsSwitcher() {
     breakpoints.map(({ id, label, type, width }) => {
       const Icon = iconsMap[id];
       const title = labelsMap[type || "default"].replace("%s", label).replace("%d", width?.toString() || "");
-      return /* @__PURE__ */ React23.createElement(
-        import_ui14.Tab,
+      return /* @__PURE__ */ React25.createElement(
+        import_ui16.Tab,
         {
           value: id,
           key: id,
           "aria-label": title,
-          icon: /* @__PURE__ */ React23.createElement(Tooltip4, { title }, /* @__PURE__ */ React23.createElement(Icon, null)),
+          icon: /* @__PURE__ */ React25.createElement(Tooltip4, { title }, /* @__PURE__ */ React25.createElement(Icon, null)),
           sx: { minWidth: "auto" },
           "data-testid": `switch-device-to-${id}`
         }
@@ -1409,8 +1523,8 @@ function BreakpointsSwitcher() {
   );
 }
 function Tooltip4(props) {
-  return /* @__PURE__ */ React23.createElement(
-    import_ui14.Tooltip,
+  return /* @__PURE__ */ React25.createElement(
+    import_ui16.Tooltip,
     {
       PopperProps: {
         sx: {
@@ -1435,9 +1549,9 @@ var iconsMap = {
 var labelsMap = {
   default: "%s",
   // translators: %s: Breakpoint label, %d: Breakpoint size.
-  "min-width": (0, import_i18n22.__)("%s (%dpx and up)", "elementor"),
+  "min-width": (0, import_i18n24.__)("%s (%dpx and up)", "elementor"),
   // translators: %s: Breakpoint label, %d: Breakpoint size.
-  "max-width": (0, import_i18n22.__)("%s (up to %dpx)", "elementor")
+  "max-width": (0, import_i18n24.__)("%s (up to %dpx)", "elementor")
 };
 
 // src/extensions/responsive/index.ts
@@ -1456,12 +1570,12 @@ function init12() {
 var import_editor = require("@elementor/editor");
 
 // src/extensions/site-settings/components/portalled-primary-action.tsx
-var React26 = __toESM(require("react"));
+var React28 = __toESM(require("react"));
 
 // src/extensions/site-settings/components/portal.tsx
-var React24 = __toESM(require("react"));
+var React26 = __toESM(require("react"));
 var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
-var import_ui15 = require("@elementor/ui");
+var import_ui17 = require("@elementor/ui");
 function Portal(props) {
   const containerRef = (0, import_editor_v1_adapters13.__privateUseListenTo)(
     [(0, import_editor_v1_adapters13.routeOpenEvent)("panel/global"), (0, import_editor_v1_adapters13.routeCloseEvent)("panel/global")],
@@ -1470,22 +1584,22 @@ function Portal(props) {
   if (!containerRef.current) {
     return null;
   }
-  return /* @__PURE__ */ React24.createElement(import_ui15.Portal, { container: containerRef.current, ...props });
+  return /* @__PURE__ */ React26.createElement(import_ui17.Portal, { container: containerRef.current, ...props });
 }
 function getContainerRef() {
   return (0, import_editor_v1_adapters13.__privateIsRouteActive)("panel/global") ? { current: document.querySelector("#elementor-panel-inner") } : { current: null };
 }
 
 // src/extensions/site-settings/components/primary-action.tsx
-var React25 = __toESM(require("react"));
+var React27 = __toESM(require("react"));
 var import_editor_documents10 = require("@elementor/editor-documents");
-var import_ui16 = require("@elementor/ui");
-var import_i18n23 = require("@wordpress/i18n");
+var import_ui18 = require("@elementor/ui");
+var import_i18n25 = require("@wordpress/i18n");
 function PrimaryAction2() {
   const document2 = (0, import_editor_documents10.__useActiveDocument)();
   const { save } = (0, import_editor_documents10.__useActiveDocumentActions)();
-  return /* @__PURE__ */ React25.createElement(
-    import_ui16.Paper,
+  return /* @__PURE__ */ React27.createElement(
+    import_ui18.Paper,
     {
       sx: {
         px: 5,
@@ -1494,8 +1608,8 @@ function PrimaryAction2() {
         borderColor: "divider"
       }
     },
-    /* @__PURE__ */ React25.createElement(
-      import_ui16.Button,
+    /* @__PURE__ */ React27.createElement(
+      import_ui18.Button,
       {
         variant: "contained",
         disabled: !document2 || !document2.isDirty,
@@ -1503,26 +1617,26 @@ function PrimaryAction2() {
         sx: { width: "100%" },
         onClick: () => document2 && !document2.isSaving ? save() : null
       },
-      document2?.isSaving ? /* @__PURE__ */ React25.createElement(import_ui16.CircularProgress, null) : (0, import_i18n23.__)("Save Changes", "elementor")
+      document2?.isSaving ? /* @__PURE__ */ React27.createElement(import_ui18.CircularProgress, null) : (0, import_i18n25.__)("Save Changes", "elementor")
     )
   );
 }
 
 // src/extensions/site-settings/components/portalled-primary-action.tsx
 function PortalledPrimaryAction() {
-  return /* @__PURE__ */ React26.createElement(Portal, null, /* @__PURE__ */ React26.createElement(PrimaryAction2, null));
+  return /* @__PURE__ */ React28.createElement(Portal, null, /* @__PURE__ */ React28.createElement(PrimaryAction2, null));
 }
 
 // src/extensions/site-settings/hooks/use-action-props.ts
 var import_editor_v1_adapters14 = require("@elementor/editor-v1-adapters");
 var import_icons22 = require("@elementor/icons");
-var import_i18n24 = require("@wordpress/i18n");
+var import_i18n26 = require("@wordpress/i18n");
 function useActionProps9() {
   const { isActive, isBlocked } = (0, import_editor_v1_adapters14.__privateUseRouteStatus)("panel/global", {
     blockOnKitRoutes: false
   });
   return {
-    title: (0, import_i18n24.__)("Site Settings", "elementor"),
+    title: (0, import_i18n26.__)("Site Settings", "elementor"),
     icon: import_icons22.SettingsIcon,
     onClick: () => {
       const extendedWindow = window;
@@ -1563,11 +1677,11 @@ function init13() {
 // src/extensions/structure/hooks/use-action-props.ts
 var import_editor_v1_adapters15 = require("@elementor/editor-v1-adapters");
 var import_icons23 = require("@elementor/icons");
-var import_i18n25 = require("@wordpress/i18n");
+var import_i18n27 = require("@wordpress/i18n");
 function useActionProps10() {
   const { isActive, isBlocked } = (0, import_editor_v1_adapters15.__privateUseRouteStatus)("navigator");
   return {
-    title: (0, import_i18n25.__)("Structure", "elementor"),
+    title: (0, import_i18n27.__)("Structure", "elementor"),
     icon: import_icons23.StructureIcon,
     onClick: () => {
       const extendedWindow = window;
@@ -1599,11 +1713,11 @@ function init14() {
 // src/extensions/theme-builder/hooks/use-action-props.ts
 var import_editor_v1_adapters16 = require("@elementor/editor-v1-adapters");
 var import_icons24 = require("@elementor/icons");
-var import_i18n26 = require("@wordpress/i18n");
+var import_i18n28 = require("@wordpress/i18n");
 function useActionProps11() {
   return {
     icon: import_icons24.ThemeBuilderIcon,
-    title: (0, import_i18n26.__)("Theme Builder", "elementor"),
+    title: (0, import_i18n28.__)("Theme Builder", "elementor"),
     onClick: () => {
       const extendedWindow = window;
       const config = extendedWindow?.elementorCommon?.eventsManager?.config;
@@ -1633,12 +1747,12 @@ function init15() {
 // src/extensions/user-preferences/hooks/use-action-props.ts
 var import_editor_v1_adapters17 = require("@elementor/editor-v1-adapters");
 var import_icons25 = require("@elementor/icons");
-var import_i18n27 = require("@wordpress/i18n");
+var import_i18n29 = require("@wordpress/i18n");
 function useActionProps12() {
   const { isActive, isBlocked } = (0, import_editor_v1_adapters17.__privateUseRouteStatus)("panel/editor-preferences");
   return {
     icon: import_icons25.ToggleRightIcon,
-    title: (0, import_i18n27.__)("User Preferences", "elementor"),
+    title: (0, import_i18n29.__)("User Preferences", "elementor"),
     onClick: () => {
       const extendedWindow = window;
       const config = extendedWindow?.elementorCommon?.eventsManager?.config;
@@ -1670,7 +1784,7 @@ function init16() {
 // src/extensions/wordpress/index.ts
 var import_editor_documents11 = require("@elementor/editor-documents");
 var import_icons26 = require("@elementor/icons");
-var import_i18n28 = require("@wordpress/i18n");
+var import_i18n30 = require("@wordpress/i18n");
 function init17() {
   mainMenu.registerLink({
     id: "exit-to-wordpress",
@@ -1679,7 +1793,7 @@ function init17() {
     useProps: () => {
       const document2 = (0, import_editor_documents11.__useActiveDocument)();
       return {
-        title: (0, import_i18n28.__)("Exit to WordPress", "elementor"),
+        title: (0, import_i18n30.__)("Exit to WordPress", "elementor"),
         href: document2?.links?.platformEdit,
         icon: import_icons26.WordpressIcon,
         onClick: () => {