@elementor/editor-app-bar 3.33.0-99 → 3.34.2

package/dist/index.js

@@ -211,7 +211,7 @@ var components = {
   Link
 };
 var mainMenu = (0, import_menus.createMenu)({
-  groups: ["exits"],
+  groups: ["help", "exits"],
   components
 });
 var toolsMenu = (0, import_menus.createMenu)({ components });
@@ -235,7 +235,7 @@ var import_editor2 = require("@elementor/editor");
 // src/components/app-bar.tsx
 var React19 = __toESM(require("react"));
 var import_editor_documents = require("@elementor/editor-documents");
-var import_ui11 = require("@elementor/ui");
+var import_ui10 = require("@elementor/ui");
 
 // src/components/locations/main-menu-location.tsx
 var React10 = __toESM(require("react"));
@@ -339,10 +339,10 @@ function MainMenuLocation() {
   });
   const toolbarLogoProps = (0, import_ui6.bindTrigger)(popupState);
   const onToolbarClick = (e) => {
-    const extendedWindow = window;
-    const config = extendedWindow?.elementorCommon?.eventsManager?.config;
+    const extendedWindow2 = window;
+    const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
     if (config) {
-      extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.elementorLogoDropdown, {
+      extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.elementorLogoDropdown, {
         location: config.locations.topBar,
         secondaryLocation: config.secondaryLocations.eLogoMenu,
         trigger: config.triggers.dropdownClick,
@@ -351,7 +351,7 @@ function MainMenuLocation() {
     }
     toolbarLogoProps.onClick(e);
   };
-  return /* @__PURE__ */ React10.createElement(import_ui6.Stack, { sx: { paddingInlineStart: 3 }, direction: "row", alignItems: "center" }, /* @__PURE__ */ React10.createElement(ToolbarLogo, { ...toolbarLogoProps, onClick: onToolbarClick, selected: popupState.isOpen }), /* @__PURE__ */ React10.createElement(PopoverMenu, { onClick: popupState.close, ...(0, import_ui6.bindMenu)(popupState), marginThreshold: 8 }, menuItems.default.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React10.createElement(MenuItem2, { key: id })), menuItems.exits.length > 0 && /* @__PURE__ */ React10.createElement(import_ui6.Divider, null), menuItems.exits.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React10.createElement(MenuItem2, { key: id }))));
+  return /* @__PURE__ */ React10.createElement(import_ui6.Stack, { sx: { paddingInlineStart: 3 }, direction: "row", alignItems: "center" }, /* @__PURE__ */ React10.createElement(ToolbarLogo, { ...toolbarLogoProps, onClick: onToolbarClick, selected: popupState.isOpen }), /* @__PURE__ */ React10.createElement(PopoverMenu, { onClick: popupState.close, ...(0, import_ui6.bindMenu)(popupState), marginThreshold: 8 }, menuItems.default.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React10.createElement(MenuItem2, { key: id })), /* @__PURE__ */ React10.createElement(import_ui6.Divider, null), menuItems.help.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React10.createElement(MenuItem2, { key: id })), menuItems.exits.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React10.createElement(MenuItem2, { key: id }))));
 }
 
 // src/components/locations/page-indication-location.tsx
@@ -435,7 +435,6 @@ function ToolsMenuLocation() {
 // src/components/locations/utilities-menu-location.tsx
 var React18 = __toESM(require("react"));
 var import_react3 = require("react");
-var import_ui10 = require("@elementor/ui");
 var MAX_TOOLBAR_ACTIONS2 = 4;
 var { useMenuItems: useMenuItems4 } = utilitiesMenu;
 function UtilitiesMenuLocation() {
@@ -443,13 +442,13 @@ 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__ */ React18.createElement(ToolbarMenu, null, toolbarMenuItems.map(({ MenuItem: MenuItem2, id }, index) => /* @__PURE__ */ React18.createElement(import_react3.Fragment, { key: id }, index === 0 && /* @__PURE__ */ React18.createElement(import_ui10.Divider, { orientation: "vertical" }), /* @__PURE__ */ React18.createElement(MenuItem2, null))), popoverMenuItems.length > 0 && /* @__PURE__ */ React18.createElement(ToolbarMenuMore, { id: "elementor-editor-app-bar-utilities-more" }, popoverMenuItems.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React18.createElement(MenuItem2, { key: id }))));
+  return /* @__PURE__ */ React18.createElement(ToolbarMenu, null, toolbarMenuItems.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React18.createElement(import_react3.Fragment, { key: id }, /* @__PURE__ */ React18.createElement(MenuItem2, null))), popoverMenuItems.length > 0 && /* @__PURE__ */ React18.createElement(ToolbarMenuMore, { id: "elementor-editor-app-bar-utilities-more" }, popoverMenuItems.map(({ MenuItem: MenuItem2, id }) => /* @__PURE__ */ React18.createElement(MenuItem2, { key: id }))));
 }
 
 // src/components/app-bar.tsx
 function AppBar() {
   const document2 = (0, import_editor_documents.__useActiveDocument)();
-  return /* @__PURE__ */ React19.createElement(import_ui11.ThemeProvider, { colorScheme: "dark" }, /* @__PURE__ */ React19.createElement(import_ui11.AppBar, { position: "sticky" }, /* @__PURE__ */ React19.createElement(import_ui11.Toolbar, { disableGutters: true, variant: "dense" }, /* @__PURE__ */ React19.createElement(import_ui11.Box, { display: "grid", gridTemplateColumns: "repeat(3, 1fr)", flexGrow: 1 }, /* @__PURE__ */ React19.createElement(import_ui11.Grid, { container: true, flexWrap: "nowrap" }, /* @__PURE__ */ React19.createElement(MainMenuLocation, null), document2?.permissions?.allowAddingWidgets && /* @__PURE__ */ React19.createElement(ToolsMenuLocation, null)), /* @__PURE__ */ React19.createElement(import_ui11.Grid, { container: true, justifyContent: "center" }, /* @__PURE__ */ React19.createElement(ToolbarMenu, { spacing: 1.5 }, /* @__PURE__ */ React19.createElement(import_ui11.Divider, { orientation: "vertical" }), /* @__PURE__ */ React19.createElement(PageIndicationLocation, null), /* @__PURE__ */ React19.createElement(import_ui11.Divider, { orientation: "vertical" }), /* @__PURE__ */ React19.createElement(ResponsiveLocation, null), /* @__PURE__ */ React19.createElement(import_ui11.Divider, { orientation: "vertical" }))), /* @__PURE__ */ React19.createElement(import_ui11.Grid, { container: true, justifyContent: "flex-end", flexWrap: "nowrap" }, /* @__PURE__ */ React19.createElement(UtilitiesMenuLocation, null), /* @__PURE__ */ React19.createElement(PrimaryActionLocation, null))))));
+  return /* @__PURE__ */ React19.createElement(import_ui10.ThemeProvider, { colorScheme: "dark" }, /* @__PURE__ */ React19.createElement(import_ui10.AppBar, { position: "sticky" }, /* @__PURE__ */ React19.createElement(import_ui10.Toolbar, { disableGutters: true, variant: "dense" }, /* @__PURE__ */ React19.createElement(import_ui10.Box, { display: "grid", gridTemplateColumns: "repeat(3, 1fr)", flexGrow: 1 }, /* @__PURE__ */ React19.createElement(import_ui10.Grid, { container: true, flexWrap: "nowrap" }, /* @__PURE__ */ React19.createElement(MainMenuLocation, null), document2?.permissions?.allowAddingWidgets && /* @__PURE__ */ React19.createElement(ToolsMenuLocation, null)), /* @__PURE__ */ React19.createElement(import_ui10.Grid, { container: true, justifyContent: "center" }, /* @__PURE__ */ React19.createElement(ToolbarMenu, { spacing: 1.5 }, /* @__PURE__ */ React19.createElement(import_ui10.Divider, { orientation: "vertical" }), /* @__PURE__ */ React19.createElement(PageIndicationLocation, null), /* @__PURE__ */ React19.createElement(import_ui10.Divider, { orientation: "vertical" }), /* @__PURE__ */ React19.createElement(ResponsiveLocation, null), /* @__PURE__ */ React19.createElement(import_ui10.Divider, { orientation: "vertical" }))), /* @__PURE__ */ React19.createElement(import_ui10.Grid, { container: true, justifyContent: "flex-end", flexWrap: "nowrap" }, /* @__PURE__ */ React19.createElement(UtilitiesMenuLocation, null), /* @__PURE__ */ React19.createElement(PrimaryActionLocation, null))))));
 }
 
 // src/extensions/connect/hooks/use-connect-link-config.tsx
@@ -458,10 +457,10 @@ var import_icons4 = require("@elementor/icons");
 var import_i18n4 = require("@wordpress/i18n");
 var dispatchConnectClickEvent = (eventName) => {
   try {
-    const extendedWindow = window;
-    const config = extendedWindow?.elementorCommon?.eventsManager?.config;
+    const extendedWindow2 = window;
+    const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
     if (config) {
-      extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar[eventName], {
+      extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar[eventName], {
         location: config.locations.topBar,
         secondaryLocation: config.secondaryLocations.eLogoMenu,
         trigger: config.triggers.dropdownClick,
@@ -473,27 +472,29 @@ var dispatchConnectClickEvent = (eventName) => {
   }
 };
 function useConnectLinkConfig() {
-  const extendedWindow = window;
+  const extendedWindow2 = window;
   let isUserConnected = false;
-  const isPro = extendedWindow?.elementor?.helpers.hasPro();
+  const isPro = extendedWindow2?.elementor?.helpers.hasPro();
   let target = "_blank";
   if (isPro) {
-    isUserConnected = extendedWindow?.elementorPro?.config.isActive ?? false;
+    isUserConnected = extendedWindow2?.elementorPro?.config.isActive ?? false;
   } else {
-    isUserConnected = extendedWindow?.elementorCommon?.config.library_connect.is_connected ?? false;
+    isUserConnected = extendedWindow2?.elementorCommon?.config.library_connect.is_connected ?? false;
     target = "_self";
   }
   const handleConnectClick = (0, import_react4.useCallback)(
     (event) => {
       event.preventDefault();
-      if (extendedWindow.jQuery && extendedWindow.jQuery.fn?.elementorConnect) {
-        const connectUrl = extendedWindow?.elementor?.config.user.top_bar.connect_url;
-        const $tempButton = extendedWindow.jQuery("<a>");
+      if (extendedWindow2.jQuery && extendedWindow2.jQuery.fn?.elementorConnect) {
+        const connectUrl = extendedWindow2?.elementor?.config.user.top_bar.connect_url;
+        const $tempButton = extendedWindow2.jQuery("<a>");
         $tempButton?.attr("href", connectUrl)?.attr("target", "_blank")?.attr("rel", "opener")?.css("display", "none")?.appendTo("body");
         $tempButton.elementorConnect({
           success: () => {
             dispatchConnectClickEvent("accountConnected");
-            extendedWindow.location.reload();
+            setTimeout(() => {
+              extendedWindow2.location.reload();
+            }, 200);
           }
         });
         $tempButton[0].click();
@@ -503,16 +504,16 @@ function useConnectLinkConfig() {
         }, 1e3);
       }
     },
-    [extendedWindow]
+    [extendedWindow2]
   );
   return isUserConnected ? {
     title: (0, import_i18n4.__)("My Elementor", "elementor"),
-    href: extendedWindow?.elementor?.config.user.top_bar.my_elementor_url,
+    href: extendedWindow2?.elementor?.config.user.top_bar.my_elementor_url,
     icon: import_icons4.UserIcon,
     target: "_blank"
   } : {
     title: (0, import_i18n4.__)("Connect my account", "elementor"),
-    href: extendedWindow?.elementor?.config.user.top_bar.connect_url,
+    href: extendedWindow2?.elementor?.config.user.top_bar.connect_url,
     icon: import_icons4.UserIcon,
     target,
     onClick: handleConnectClick
@@ -529,101 +530,21 @@ function init() {
   });
 }
 
-// src/extensions/documents-indicator/components/settings-button.tsx
-var React20 = __toESM(require("react"));
+// src/extensions/documents-preview/hooks/use-action-props.ts
 var import_editor_documents2 = require("@elementor/editor-documents");
 var import_editor_v1_adapters = require("@elementor/editor-v1-adapters");
 var import_icons5 = require("@elementor/icons");
-var import_ui12 = require("@elementor/ui");
 var import_i18n5 = require("@wordpress/i18n");
-function SettingsButton() {
-  const activeDocument = (0, import_editor_documents2.__useActiveDocument)();
-  const hostDocument = (0, import_editor_documents2.__useHostDocument)();
-  const document2 = activeDocument && activeDocument.type.value !== "kit" ? activeDocument : hostDocument;
-  const { isActive, isBlocked } = (0, import_editor_v1_adapters.__privateUseRouteStatus)("panel/page-settings");
-  if (!document2) {
-    return null;
-  }
-  const title = (0, import_i18n5.__)("%s Settings", "elementor").replace("%s", document2.type.label);
-  return /* @__PURE__ */ React20.createElement(Tooltip3, { title }, /* @__PURE__ */ React20.createElement(import_ui12.Box, { component: "span", "aria-label": void 0 }, /* @__PURE__ */ React20.createElement(
-    import_ui12.ToggleButton,
-    {
-      value: "document-settings",
-      selected: isActive,
-      disabled: isBlocked,
-      onChange: () => {
-        const extendedWindow = window;
-        const config = extendedWindow?.elementorCommon?.eventsManager?.config;
-        if (config) {
-          extendedWindow.elementorCommon.eventsManager.dispatchEvent(
-            config.names.topBar.documentSettings,
-            {
-              location: config.locations.topBar,
-              secondaryLocation: config.secondaryLocations["document-settings"],
-              trigger: config.triggers.click,
-              element: config.elements.buttonIcon
-            }
-          );
-        }
-        (0, import_editor_v1_adapters.__privateOpenRoute)("panel/page-settings/settings");
-      },
-      "aria-label": title,
-      size: "small",
-      sx: {
-        border: 0,
-        // Temp fix until the style of the ToggleButton component will be decided.
-        "&.Mui-disabled": {
-          border: 0
-          // Temp fix until the style of the ToggleButton component will be decided.
-        }
-      }
-    },
-    /* @__PURE__ */ React20.createElement(import_icons5.SettingsIcon, { fontSize: "small" })
-  )));
-}
-function Tooltip3(props) {
-  return /* @__PURE__ */ React20.createElement(
-    import_ui12.Tooltip,
-    {
-      PopperProps: {
-        sx: {
-          "&.MuiTooltip-popper .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementBottom": {
-            mt: 1.7
-          }
-        }
-      },
-      ...props
-    }
-  );
-}
-
-// src/extensions/documents-indicator/index.ts
-function init2() {
-  injectIntoPageIndication({
-    id: "document-settings-button",
-    component: SettingsButton,
-    options: {
-      priority: 20
-      // After document indicator.
-    }
-  });
-}
-
-// src/extensions/documents-preview/hooks/use-action-props.ts
-var import_editor_documents3 = require("@elementor/editor-documents");
-var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
-var import_icons6 = require("@elementor/icons");
-var import_i18n6 = require("@wordpress/i18n");
 function useActionProps() {
-  const document2 = (0, import_editor_documents3.__useActiveDocument)();
+  const document2 = (0, import_editor_documents2.__useActiveDocument)();
   return {
-    icon: import_icons6.EyeIcon,
-    title: (0, import_i18n6.__)("Preview Changes", "elementor"),
+    icon: import_icons5.EyeIcon,
+    title: (0, import_i18n5.__)("Preview Changes", "elementor"),
     onClick: () => {
-      const extendedWindow = window;
-      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
+      const extendedWindow2 = window;
+      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.previewPage, {
+        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.previewPage, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations["preview-page"],
           trigger: config.triggers.click,
@@ -631,7 +552,7 @@ function useActionProps() {
         });
       }
       if (document2) {
-        (0, import_editor_v1_adapters2.__privateRunCommand)("editor/documents/preview", {
+        (0, import_editor_v1_adapters.__privateRunCommand)("editor/documents/preview", {
           id: document2.id,
           force: true
         });
@@ -641,28 +562,27 @@ function useActionProps() {
 }
 
 // src/extensions/documents-preview/index.ts
-function init3() {
+function init2() {
   utilitiesMenu.registerAction({
     id: "document-preview-button",
     priority: 30,
-    // After help.
     useProps: useActionProps
   });
 }
 
 // src/extensions/documents-save/components/primary-action.tsx
-var React22 = __toESM(require("react"));
-var import_editor_documents4 = require("@elementor/editor-documents");
-var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
-var import_icons7 = require("@elementor/icons");
-var import_ui14 = require("@elementor/ui");
-var import_i18n7 = require("@wordpress/i18n");
+var React21 = __toESM(require("react"));
+var import_editor_documents3 = require("@elementor/editor-documents");
+var import_editor_v1_adapters2 = require("@elementor/editor-v1-adapters");
+var import_icons6 = require("@elementor/icons");
+var import_ui12 = require("@elementor/ui");
+var import_i18n6 = require("@wordpress/i18n");
 
 // src/extensions/documents-save/components/primary-action-menu.tsx
-var React21 = __toESM(require("react"));
-var import_ui13 = require("@elementor/ui");
+var React20 = __toESM(require("react"));
+var import_ui11 = require("@elementor/ui");
 var { useMenuItems: useMenuItems5 } = documentOptionsMenu;
-var StyledPopoverMenu = (0, import_ui13.styled)(PopoverMenu)`
+var StyledPopoverMenu = (0, import_ui11.styled)(PopoverMenu)`
 	& > .MuiPopover-paper > .MuiList-root {
 		& > .MuiDivider-root {
 			display: none;
@@ -675,7 +595,7 @@ var StyledPopoverMenu = (0, import_ui13.styled)(PopoverMenu)`
 `;
 function PrimaryActionMenu(props) {
   const { save: saveActions, default: defaultActions } = useMenuItems5();
-  return /* @__PURE__ */ React21.createElement(
+  return /* @__PURE__ */ React20.createElement(
     StyledPopoverMenu,
     {
       ...props,
@@ -693,24 +613,24 @@ function PrimaryActionMenu(props) {
       }
     },
     saveActions.map(({ MenuItem: MenuItem2, id }, index) => [
-      index > 0 && /* @__PURE__ */ React21.createElement(import_ui13.Divider, { key: `${id}-divider` }),
-      /* @__PURE__ */ React21.createElement(MenuItem2, { key: id })
+      index > 0 && /* @__PURE__ */ React20.createElement(import_ui11.Divider, { key: `${id}-divider` }),
+      /* @__PURE__ */ React20.createElement(MenuItem2, { key: id })
     ]),
-    saveActions.length > 0 && defaultActions.length > 0 && /* @__PURE__ */ React21.createElement(import_ui13.Divider, null),
+    saveActions.length > 0 && defaultActions.length > 0 && /* @__PURE__ */ React20.createElement(import_ui11.Divider, null),
     defaultActions.map(({ MenuItem: MenuItem2, id }, index) => [
-      index > 0 && /* @__PURE__ */ React21.createElement(import_ui13.Divider, { key: `${id}-divider` }),
-      /* @__PURE__ */ React21.createElement(MenuItem2, { key: id })
+      index > 0 && /* @__PURE__ */ React20.createElement(import_ui11.Divider, { key: `${id}-divider` }),
+      /* @__PURE__ */ React20.createElement(MenuItem2, { key: id })
     ])
   );
 }
 
 // src/extensions/documents-save/components/primary-action.tsx
 function PrimaryAction() {
-  const document2 = (0, import_editor_documents4.__useActiveDocument)();
-  const { save } = (0, import_editor_documents4.__useActiveDocumentActions)();
-  const editMode = (0, import_editor_v1_adapters3.useEditMode)();
+  const document2 = (0, import_editor_documents3.__useActiveDocument)();
+  const { save } = (0, import_editor_documents3.__useActiveDocumentActions)();
+  const editMode = (0, import_editor_v1_adapters2.useEditMode)();
   const isEditMode = editMode === "edit";
-  const popupState = (0, import_ui14.usePopupState)({
+  const popupState = (0, import_ui12.usePopupState)({
     variant: "popover",
     popupId: "document-save-options"
   });
@@ -720,14 +640,14 @@ 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_ui14.ButtonGroup, { size: "large", variant: "contained" }, /* @__PURE__ */ React22.createElement(
-    import_ui14.Button,
+  return /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement(import_ui12.ButtonGroup, { size: "large", variant: "contained" }, /* @__PURE__ */ React21.createElement(
+    import_ui12.Button,
     {
       onClick: () => {
-        const extendedWindow = window;
-        const config = extendedWindow?.elementorCommon?.eventsManager?.config;
+        const extendedWindow2 = window;
+        const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
         if (config) {
-          extendedWindow.elementorCommon.eventsManager.dispatchEvent(
+          extendedWindow2.elementorCommon.eventsManager.dispatchEvent(
             config.names.topBar.publishButton,
             {
               location: config.locations.topBar,
@@ -751,11 +671,11 @@ function PrimaryAction() {
       },
       disabled: isPublishDisabled
     },
-    shouldShowSpinner ? /* @__PURE__ */ React22.createElement(import_ui14.CircularProgress, { color: "inherit", size: "1.5em" }) : getLabel(document2)
-  ), /* @__PURE__ */ React22.createElement(
-    import_ui14.Tooltip,
+    shouldShowSpinner ? /* @__PURE__ */ React21.createElement(import_ui12.CircularProgress, { color: "inherit", size: "1.5em" }) : getLabel(document2)
+  ), /* @__PURE__ */ React21.createElement(
+    import_ui12.Tooltip,
     {
-      title: (0, import_i18n7.__)("Save Options", "elementor"),
+      title: (0, import_i18n6.__)("Save Options", "elementor"),
       PopperProps: {
         sx: {
           "&.MuiTooltip-popper .MuiTooltip-tooltip.MuiTooltip-tooltipPlacementBottom": {
@@ -765,21 +685,21 @@ function PrimaryAction() {
         }
       }
     },
-    /* @__PURE__ */ React22.createElement(import_ui14.Box, { component: "span", "aria-label": void 0 }, /* @__PURE__ */ React22.createElement(
-      import_ui14.Button,
+    /* @__PURE__ */ React21.createElement(import_ui12.Box, { component: "span", "aria-label": void 0 }, /* @__PURE__ */ React21.createElement(
+      import_ui12.Button,
       {
         size: "small",
-        ...(0, import_ui14.bindTrigger)(popupState),
+        ...(0, import_ui12.bindTrigger)(popupState),
         sx: { px: 0, height: "100%", borderRadius: 0 },
         disabled: isSaveOptionsDisabled,
-        "aria-label": (0, import_i18n7.__)("Save Options", "elementor")
+        "aria-label": (0, import_i18n6.__)("Save Options", "elementor")
       },
-      /* @__PURE__ */ React22.createElement(import_icons7.ChevronDownIcon, null)
+      /* @__PURE__ */ React21.createElement(import_icons6.ChevronDownIcon, null)
     ))
-  )), /* @__PURE__ */ React22.createElement(PrimaryActionMenu, { ...(0, import_ui14.bindMenu)(popupState), onClick: popupState.close }));
+  )), /* @__PURE__ */ React21.createElement(PrimaryActionMenu, { ...(0, import_ui12.bindMenu)(popupState), onClick: popupState.close }));
 }
 function getLabel(document2) {
-  return document2.userCan.publish ? (0, import_i18n7.__)("Publish", "elementor") : (0, import_i18n7.__)("Submit", "elementor");
+  return document2.userCan.publish ? (0, import_i18n6.__)("Publish", "elementor") : (0, import_i18n6.__)("Submit", "elementor");
 }
 function isPublishEnabled(document2) {
   if (document2.type.value === "kit") {
@@ -789,15 +709,15 @@ function isPublishEnabled(document2) {
 }
 
 // src/extensions/documents-save/hooks/use-document-copy-and-share-props.ts
-var import_editor_documents5 = require("@elementor/editor-documents");
-var import_icons8 = require("@elementor/icons");
-var import_i18n8 = require("@wordpress/i18n");
+var import_editor_documents4 = require("@elementor/editor-documents");
+var import_icons7 = require("@elementor/icons");
+var import_i18n7 = require("@wordpress/i18n");
 function useDocumentCopyAndShareProps() {
-  const document2 = (0, import_editor_documents5.__useActiveDocument)();
-  const { copyAndShare } = (0, import_editor_documents5.__useActiveDocumentActions)();
+  const document2 = (0, import_editor_documents4.__useActiveDocument)();
+  const { copyAndShare } = (0, import_editor_documents4.__useActiveDocumentActions)();
   return {
-    icon: import_icons8.LinkIcon,
-    title: (0, import_i18n8.__)("Copy and Share", "elementor"),
+    icon: import_icons7.LinkIcon,
+    title: (0, import_i18n7.__)("Copy and Share", "elementor"),
     onClick: copyAndShare,
     disabled: !document2 || document2.isSaving || document2.isSavingDraft || !("publish" === document2.status.value),
     visible: document2?.permissions?.showCopyAndShare
@@ -805,51 +725,51 @@ function useDocumentCopyAndShareProps() {
 }
 
 // src/extensions/documents-save/hooks/use-document-save-draft-props.ts
-var import_editor_documents6 = require("@elementor/editor-documents");
-var import_icons9 = require("@elementor/icons");
-var import_i18n9 = require("@wordpress/i18n");
+var import_editor_documents5 = require("@elementor/editor-documents");
+var import_icons8 = require("@elementor/icons");
+var import_i18n8 = require("@wordpress/i18n");
 function useDocumentSaveDraftProps() {
-  const document2 = (0, import_editor_documents6.__useActiveDocument)();
-  const { saveDraft } = (0, import_editor_documents6.__useActiveDocumentActions)();
+  const document2 = (0, import_editor_documents5.__useActiveDocument)();
+  const { saveDraft } = (0, import_editor_documents5.__useActiveDocumentActions)();
   return {
-    icon: import_icons9.FileReportIcon,
-    title: (0, import_i18n9.__)("Save Draft", "elementor"),
+    icon: import_icons8.FileReportIcon,
+    title: (0, import_i18n8.__)("Save Draft", "elementor"),
     onClick: saveDraft,
     disabled: !document2 || document2.isSaving || document2.isSavingDraft || !document2.isDirty
   };
 }
 
 // src/extensions/documents-save/hooks/use-document-save-template-props.ts
-var import_editor_documents7 = require("@elementor/editor-documents");
-var import_icons10 = require("@elementor/icons");
-var import_i18n10 = require("@wordpress/i18n");
+var import_editor_documents6 = require("@elementor/editor-documents");
+var import_icons9 = require("@elementor/icons");
+var import_i18n9 = require("@wordpress/i18n");
 function useDocumentSaveTemplateProps() {
-  const { saveTemplate } = (0, import_editor_documents7.__useActiveDocumentActions)();
+  const { saveTemplate } = (0, import_editor_documents6.__useActiveDocumentActions)();
   return {
-    icon: import_icons10.FolderIcon,
-    title: (0, import_i18n10.__)("Save as Template", "elementor"),
+    icon: import_icons9.FolderIcon,
+    title: (0, import_i18n9.__)("Save as Template", "elementor"),
     onClick: saveTemplate
   };
 }
 
 // src/extensions/documents-save/hooks/use-document-view-page-props.ts
-var import_editor_documents8 = require("@elementor/editor-documents");
-var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
-var import_icons11 = require("@elementor/icons");
-var import_i18n11 = require("@wordpress/i18n");
+var import_editor_documents7 = require("@elementor/editor-documents");
+var import_editor_v1_adapters3 = require("@elementor/editor-v1-adapters");
+var import_icons10 = require("@elementor/icons");
+var import_i18n10 = require("@wordpress/i18n");
 function useDocumentViewPageProps() {
-  const document2 = (0, import_editor_documents8.__useActiveDocument)();
+  const document2 = (0, import_editor_documents7.__useActiveDocument)();
   return {
-    icon: import_icons11.EyeIcon,
-    title: (0, import_i18n11.__)("View Page", "elementor"),
-    onClick: () => document2?.id && (0, import_editor_v1_adapters4.__privateRunCommand)("editor/documents/view", {
+    icon: import_icons10.EyeIcon,
+    title: (0, import_i18n10.__)("View Page", "elementor"),
+    onClick: () => document2?.id && (0, import_editor_v1_adapters3.__privateRunCommand)("editor/documents/view", {
       id: document2.id
     })
   };
 }
 
 // src/extensions/documents-save/index.ts
-function init4() {
+function init3() {
   injectIntoPrimaryAction({
     id: "document-primary-action",
     component: PrimaryAction
@@ -878,20 +798,67 @@ function init4() {
   });
 }
 
+// src/extensions/documents-settings/hooks/use-action-props.ts
+var import_editor_documents8 = require("@elementor/editor-documents");
+var import_editor_v1_adapters4 = require("@elementor/editor-v1-adapters");
+var import_icons11 = require("@elementor/icons");
+var import_i18n11 = require("@wordpress/i18n");
+function useActionProps2() {
+  const activeDocument = (0, import_editor_documents8.__useActiveDocument)();
+  const hostDocument = (0, import_editor_documents8.__useHostDocument)();
+  const { isActive, isBlocked } = (0, import_editor_v1_adapters4.__privateUseRouteStatus)("panel/page-settings");
+  const document2 = activeDocument && activeDocument.type.value !== "kit" ? activeDocument : hostDocument;
+  const ButtonTitle = document2 ? (
+    /* translators: %s: Post type label. */
+    (0, import_i18n11.__)("%s Settings", "elementor").replace("%s", document2.type.label)
+  ) : (0, import_i18n11.__)("Document Settings", "elementor");
+  return {
+    title: ButtonTitle,
+    icon: import_icons11.FileSettingsIcon,
+    onClick: () => {
+      if (!document2) {
+        return;
+      }
+      const extendedWindow2 = window;
+      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
+      if (config) {
+        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.documentSettings, {
+          location: config.locations.topBar,
+          secondaryLocation: config.secondaryLocations["document-settings"],
+          trigger: config.triggers.click,
+          element: config.elements.buttonIcon
+        });
+      }
+      (0, import_editor_v1_adapters4.__privateOpenRoute)("panel/page-settings/settings");
+    },
+    selected: isActive,
+    disabled: isBlocked || !document2
+  };
+}
+
+// src/extensions/documents-settings/index.ts
+function init4() {
+  toolsMenu.registerToggleAction({
+    id: "document-settings-button",
+    priority: 2,
+    useProps: useActionProps2
+  });
+}
+
 // src/extensions/elements/hooks/use-action-props.ts
 var import_editor_v1_adapters5 = require("@elementor/editor-v1-adapters");
 var import_icons12 = require("@elementor/icons");
 var import_i18n12 = require("@wordpress/i18n");
-function useActionProps2() {
+function useActionProps3() {
   const { isActive, isBlocked } = (0, import_editor_v1_adapters5.__privateUseRouteStatus)("panel/elements");
   return {
     title: (0, import_i18n12.__)("Add Element", "elementor"),
     icon: import_icons12.PlusIcon,
     onClick: () => {
-      const extendedWindow = window;
-      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
+      const extendedWindow2 = window;
+      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.widgetPanel, {
+        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.widgetPanel, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations["widget-panel"],
           trigger: config.triggers.toggleClick,
@@ -938,7 +905,7 @@ function init5() {
   toolsMenu.registerToggleAction({
     id: "open-elements-panel",
     priority: 1,
-    useProps: useActionProps2
+    useProps: useActionProps3
   });
 }
 
@@ -946,15 +913,15 @@ function init5() {
 var import_editor_v1_adapters7 = require("@elementor/editor-v1-adapters");
 var import_icons13 = require("@elementor/icons");
 var import_i18n14 = require("@wordpress/i18n");
-function useActionProps3() {
+function useActionProps4() {
   return {
     title: (0, import_i18n14.__)("Finder", "elementor"),
     icon: import_icons13.SearchIcon,
     onClick: () => {
-      const extendedWindow = window;
-      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
+      const extendedWindow2 = window;
+      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.finder, {
+        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.finder, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations.finder,
           trigger: config.triggers.toggleClick,
@@ -971,40 +938,41 @@ function init6() {
   utilitiesMenu.registerAction({
     id: "toggle-finder",
     priority: 15,
-    // Before Preview.
-    useProps: useActionProps3
+    useProps: useActionProps4
   });
 }
 
-// src/extensions/help/index.ts
+// src/extensions/help/hooks/use-action-props.ts
 var import_icons14 = require("@elementor/icons");
 var import_i18n15 = require("@wordpress/i18n");
+function useActionProps5() {
+  return {
+    title: (0, import_i18n15.__)("Help Center", "elementor"),
+    href: "https://go.elementor.com/editor-top-bar-learn/",
+    icon: import_icons14.HelpIcon,
+    target: "_blank",
+    onClick: () => {
+      const extendedWindow2 = window;
+      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
+      if (config) {
+        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.help, {
+          location: config.locations.topBar,
+          secondaryLocation: config.secondaryLocations.help,
+          trigger: config.triggers.click,
+          element: config.elements.buttonIcon
+        });
+      }
+    }
+  };
+}
+
+// src/extensions/help/index.ts
 function init7() {
-  utilitiesMenu.registerLink({
+  mainMenu.registerLink({
     id: "open-help-center",
-    priority: 25,
-    // After Finder.
-    useProps: () => {
-      return {
-        title: (0, import_i18n15.__)("Help", "elementor"),
-        href: "https://go.elementor.com/editor-top-bar-learn/",
-        icon: import_icons14.HelpIcon,
-        target: "_blank",
-        showExternalLinkIcon: true,
-        onClick: () => {
-          const extendedWindow = window;
-          const config = extendedWindow?.elementorCommon?.eventsManager?.config;
-          if (config) {
-            extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.help, {
-              location: config.locations.topBar,
-              secondaryLocation: config.secondaryLocations.help,
-              trigger: config.triggers.click,
-              element: config.elements.buttonIcon
-            });
-          }
-        }
-      };
-    }
+    group: "help",
+    priority: 10,
+    useProps: useActionProps5
   });
 }
 
@@ -1012,16 +980,16 @@ function init7() {
 var import_editor_v1_adapters8 = require("@elementor/editor-v1-adapters");
 var import_icons15 = require("@elementor/icons");
 var import_i18n16 = require("@wordpress/i18n");
-function useActionProps4() {
+function useActionProps6() {
   const { isActive, isBlocked } = (0, import_editor_v1_adapters8.__privateUseRouteStatus)("panel/history");
   return {
     title: (0, import_i18n16.__)("History", "elementor"),
     icon: import_icons15.HistoryIcon,
     onClick: () => {
-      const extendedWindow = window;
-      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
+      const extendedWindow2 = window;
+      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.history, {
+        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.history, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations.elementorLogo,
           trigger: config.triggers.click,
@@ -1037,10 +1005,10 @@ function useActionProps4() {
 
 // src/extensions/history/index.ts
 function init8() {
-  mainMenu.registerToggleAction({
+  toolsMenu.registerToggleAction({
     id: "open-history",
-    priority: 20,
-    useProps: useActionProps4
+    priority: 15,
+    useProps: useActionProps6
   });
 }
 
@@ -1048,15 +1016,15 @@ function init8() {
 var import_editor_v1_adapters9 = require("@elementor/editor-v1-adapters");
 var import_icons16 = require("@elementor/icons");
 var import_i18n17 = require("@wordpress/i18n");
-function useActionProps5() {
+function useActionProps7() {
   return {
     icon: import_icons16.KeyboardIcon,
     title: (0, import_i18n17.__)("Keyboard Shortcuts", "elementor"),
     onClick: () => {
-      const extendedWindow = window;
-      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
+      const extendedWindow2 = window;
+      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.keyboardShortcuts, {
+        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.keyboardShortcuts, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations.elementorLogo,
           trigger: config.triggers.click,
@@ -1074,16 +1042,15 @@ function init9() {
     id: "open-keyboard-shortcuts",
     group: "default",
     priority: 40,
-    // After user preferences.
-    useProps: useActionProps5
+    useProps: useActionProps7
   });
 }
 
 // src/extensions/responsive/components/breakpoints-switcher.tsx
-var React23 = __toESM(require("react"));
+var React22 = __toESM(require("react"));
 var import_editor_responsive = require("@elementor/editor-responsive");
 var import_icons17 = require("@elementor/icons");
-var import_ui15 = require("@elementor/ui");
+var import_ui13 = require("@elementor/ui");
 var import_i18n18 = require("@wordpress/i18n");
 function BreakpointsSwitcher() {
   const breakpoints = (0, import_editor_responsive.useBreakpoints)();
@@ -1093,10 +1060,10 @@ function BreakpointsSwitcher() {
     return null;
   }
   const onChange = (_, value) => {
-    const extendedWindow = window;
-    const config = extendedWindow?.elementorCommon?.eventsManager?.config;
+    const extendedWindow2 = window;
+    const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
     if (config) {
-      extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.responsiveControls, {
+      extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.responsiveControls, {
         location: config.locations.topBar,
         secondaryLocation: config.secondaryLocations.responsiveControls,
         trigger: config.triggers.click,
@@ -1106,8 +1073,8 @@ function BreakpointsSwitcher() {
     }
     activateBreakpoint(value);
   };
-  return /* @__PURE__ */ React23.createElement(
-    import_ui15.Tabs,
+  return /* @__PURE__ */ React22.createElement(
+    import_ui13.Tabs,
     {
       textColor: "inherit",
       indicatorColor: "secondary",
@@ -1123,13 +1090,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_ui15.Tab,
+      return /* @__PURE__ */ React22.createElement(
+        import_ui13.Tab,
         {
           value: id,
           key: id,
           "aria-label": title,
-          icon: /* @__PURE__ */ React23.createElement(Tooltip5, { title }, /* @__PURE__ */ React23.createElement(Icon, null)),
+          icon: /* @__PURE__ */ React22.createElement(Tooltip4, { title }, /* @__PURE__ */ React22.createElement(Icon, null)),
           sx: { minWidth: "auto" },
           "data-testid": `switch-device-to-${id}`
         }
@@ -1137,9 +1104,9 @@ function BreakpointsSwitcher() {
     })
   );
 }
-function Tooltip5(props) {
-  return /* @__PURE__ */ React23.createElement(
-    import_ui15.Tooltip,
+function Tooltip4(props) {
+  return /* @__PURE__ */ React22.createElement(
+    import_ui13.Tooltip,
     {
       PopperProps: {
         sx: {
@@ -1185,12 +1152,12 @@ function init10() {
 var import_editor = require("@elementor/editor");
 
 // src/extensions/site-settings/components/portalled-primary-action.tsx
-var React26 = __toESM(require("react"));
+var React25 = __toESM(require("react"));
 
 // src/extensions/site-settings/components/portal.tsx
-var React24 = __toESM(require("react"));
+var React23 = __toESM(require("react"));
 var import_editor_v1_adapters10 = require("@elementor/editor-v1-adapters");
-var import_ui16 = require("@elementor/ui");
+var import_ui14 = require("@elementor/ui");
 function Portal(props) {
   const containerRef = (0, import_editor_v1_adapters10.__privateUseListenTo)(
     [(0, import_editor_v1_adapters10.routeOpenEvent)("panel/global"), (0, import_editor_v1_adapters10.routeCloseEvent)("panel/global")],
@@ -1199,22 +1166,22 @@ function Portal(props) {
   if (!containerRef.current) {
     return null;
   }
-  return /* @__PURE__ */ React24.createElement(import_ui16.Portal, { container: containerRef.current, ...props });
+  return /* @__PURE__ */ React23.createElement(import_ui14.Portal, { container: containerRef.current, ...props });
 }
 function getContainerRef() {
   return (0, import_editor_v1_adapters10.__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 React24 = __toESM(require("react"));
 var import_editor_documents9 = require("@elementor/editor-documents");
-var import_ui17 = require("@elementor/ui");
+var import_ui15 = require("@elementor/ui");
 var import_i18n19 = require("@wordpress/i18n");
 function PrimaryAction2() {
   const document2 = (0, import_editor_documents9.__useActiveDocument)();
   const { save } = (0, import_editor_documents9.__useActiveDocumentActions)();
-  return /* @__PURE__ */ React25.createElement(
-    import_ui17.Paper,
+  return /* @__PURE__ */ React24.createElement(
+    import_ui15.Paper,
     {
       sx: {
         px: 5,
@@ -1223,8 +1190,8 @@ function PrimaryAction2() {
         borderColor: "divider"
       }
     },
-    /* @__PURE__ */ React25.createElement(
-      import_ui17.Button,
+    /* @__PURE__ */ React24.createElement(
+      import_ui15.Button,
       {
         variant: "contained",
         disabled: !document2 || !document2.isDirty,
@@ -1232,32 +1199,32 @@ function PrimaryAction2() {
         sx: { width: "100%" },
         onClick: () => document2 && !document2.isSaving ? save() : null
       },
-      document2?.isSaving ? /* @__PURE__ */ React25.createElement(import_ui17.CircularProgress, null) : (0, import_i18n19.__)("Save Changes", "elementor")
+      document2?.isSaving ? /* @__PURE__ */ React24.createElement(import_ui15.CircularProgress, null) : (0, import_i18n19.__)("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__ */ React25.createElement(Portal, null, /* @__PURE__ */ React25.createElement(PrimaryAction2, null));
 }
 
 // src/extensions/site-settings/hooks/use-action-props.ts
 var import_editor_v1_adapters11 = require("@elementor/editor-v1-adapters");
 var import_icons18 = require("@elementor/icons");
 var import_i18n20 = require("@wordpress/i18n");
-function useActionProps6() {
+function useActionProps8() {
   const { isActive, isBlocked } = (0, import_editor_v1_adapters11.__privateUseRouteStatus)("panel/global", {
     blockOnKitRoutes: false
   });
   return {
     title: (0, import_i18n20.__)("Site Settings", "elementor"),
-    icon: import_icons18.AdjustmentsHorizontalIcon,
+    icon: import_icons18.SettingsIcon,
     onClick: () => {
-      const extendedWindow = window;
-      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
+      const extendedWindow2 = window;
+      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.siteSettings, {
+        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.siteSettings, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations.siteSettings,
           trigger: config.triggers.toggleClick,
@@ -1281,27 +1248,89 @@ function init11() {
     id: "site-settings-primary-action-portal",
     component: PortalledPrimaryAction
   });
-  toolsMenu.registerToggleAction({
+  mainMenu.registerToggleAction({
     id: "toggle-site-settings",
-    priority: 2,
-    useProps: useActionProps6
+    group: "default",
+    priority: 1,
+    useProps: useActionProps8
   });
 }
 
 // src/extensions/structure/hooks/use-action-props.ts
 var import_editor_v1_adapters12 = require("@elementor/editor-v1-adapters");
+var import_i18n22 = require("@wordpress/i18n");
+
+// src/extensions/structure/hooks/structure-icon-with-popup.tsx
+var React26 = __toESM(require("react"));
+var import_react5 = require("react");
 var import_icons19 = require("@elementor/icons");
+var import_ui16 = require("@elementor/ui");
 var import_i18n21 = require("@wordpress/i18n");
-function useActionProps7() {
+var extendedWindow = window;
+var StructurePopupContent = ({ onClose }) => {
+  const handleDismiss = async () => {
+    onClose();
+    extendedWindow.elementorCommon?.ajax?.addRequest?.("structure_popup_dismiss").catch(() => {
+    });
+  };
+  const stopEventPropagation = (event) => {
+    event.stopPropagation();
+  };
+  return /* @__PURE__ */ React26.createElement(import_ui16.Card, { elevation: 0, sx: { maxWidth: 300 }, onClick: stopEventPropagation }, /* @__PURE__ */ React26.createElement(import_ui16.CardContent, null, /* @__PURE__ */ React26.createElement(import_ui16.Typography, { variant: "subtitle2", sx: { mb: 2 } }, (0, import_i18n21.__)("Refreshed Top Bar layout!", "elementor")), /* @__PURE__ */ React26.createElement(import_ui16.Typography, { variant: "body2" }, (0, import_i18n21.__)("We\u2019ve fine-tuned the Top Bar to make navigation faster and smoother.", "elementor"))), /* @__PURE__ */ React26.createElement(import_ui16.CardActions, { sx: { pt: 0 } }, /* @__PURE__ */ React26.createElement(
+    import_ui16.Button,
+    {
+      size: "small",
+      color: "secondary",
+      href: "https://go.elementor.com/editor-top-bar-learn/",
+      target: "_blank"
+    },
+    (0, import_i18n21.__)("Learn More", "elementor")
+  ), /* @__PURE__ */ React26.createElement(import_ui16.Button, { size: "small", variant: "contained", onClick: handleDismiss }, (0, import_i18n21.__)("Got it", "elementor"))));
+};
+var StructureIconWithPopup = () => {
+  const [showPopup, setShowPopup] = (0, import_react5.useState)(false);
+  (0, import_react5.useEffect)(() => {
+    if (extendedWindow.elementorShowInfotip?.shouldShow === "1") {
+      setShowPopup(true);
+    }
+  }, []);
+  const handleClosePopup = () => {
+    setShowPopup(false);
+  };
+  if (extendedWindow.elementorShowInfotip?.shouldShow !== "1") {
+    return /* @__PURE__ */ React26.createElement(import_icons19.StructureIcon, null);
+  }
+  return /* @__PURE__ */ React26.createElement(
+    import_ui16.Infotip,
+    {
+      placement: "bottom",
+      arrow: false,
+      content: /* @__PURE__ */ React26.createElement(StructurePopupContent, { onClose: handleClosePopup }),
+      open: showPopup,
+      PopperProps: {
+        modifiers: [
+          {
+            name: "offset",
+            options: { offset: [-16, 12] }
+          }
+        ]
+      }
+    },
+    /* @__PURE__ */ React26.createElement(import_icons19.StructureIcon, null)
+  );
+};
+
+// src/extensions/structure/hooks/use-action-props.ts
+function useActionProps9() {
   const { isActive, isBlocked } = (0, import_editor_v1_adapters12.__privateUseRouteStatus)("navigator");
   return {
-    title: (0, import_i18n21.__)("Structure", "elementor"),
-    icon: import_icons19.StructureIcon,
+    title: (0, import_i18n22.__)("Structure", "elementor"),
+    icon: StructureIconWithPopup,
     onClick: () => {
-      const extendedWindow = window;
-      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
+      const extendedWindow2 = window;
+      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.structure, {
+        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.structure, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations.structure,
           trigger: config.triggers.toggleClick,
@@ -1317,26 +1346,26 @@ function useActionProps7() {
 
 // src/extensions/structure/index.ts
 function init12() {
-  toolsMenu.registerToggleAction({
+  utilitiesMenu.registerToggleAction({
     id: "toggle-structure-view",
-    priority: 3,
-    useProps: useActionProps7
+    priority: 25,
+    useProps: useActionProps9
   });
 }
 
 // src/extensions/theme-builder/hooks/use-action-props.ts
 var import_editor_v1_adapters13 = require("@elementor/editor-v1-adapters");
 var import_icons20 = require("@elementor/icons");
-var import_i18n22 = require("@wordpress/i18n");
-function useActionProps8() {
+var import_i18n23 = require("@wordpress/i18n");
+function useActionProps10() {
   return {
     icon: import_icons20.ThemeBuilderIcon,
-    title: (0, import_i18n22.__)("Theme Builder", "elementor"),
+    title: (0, import_i18n23.__)("Theme Builder", "elementor"),
     onClick: () => {
-      const extendedWindow = window;
-      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
+      const extendedWindow2 = window;
+      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.themeBuilder, {
+        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.themeBuilder, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations.elementorLogo,
           trigger: config.triggers.click,
@@ -1352,24 +1381,26 @@ function useActionProps8() {
 function init13() {
   mainMenu.registerAction({
     id: "open-theme-builder",
-    useProps: useActionProps8
+    group: "default",
+    priority: 10,
+    useProps: useActionProps10
   });
 }
 
 // src/extensions/user-preferences/hooks/use-action-props.ts
 var import_editor_v1_adapters14 = require("@elementor/editor-v1-adapters");
 var import_icons21 = require("@elementor/icons");
-var import_i18n23 = require("@wordpress/i18n");
-function useActionProps9() {
+var import_i18n24 = require("@wordpress/i18n");
+function useActionProps11() {
   const { isActive, isBlocked } = (0, import_editor_v1_adapters14.__privateUseRouteStatus)("panel/editor-preferences");
   return {
     icon: import_icons21.ToggleRightIcon,
-    title: (0, import_i18n23.__)("User Preferences", "elementor"),
+    title: (0, import_i18n24.__)("User Preferences", "elementor"),
     onClick: () => {
-      const extendedWindow = window;
-      const config = extendedWindow?.elementorCommon?.eventsManager?.config;
+      const extendedWindow2 = window;
+      const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
       if (config) {
-        extendedWindow.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.userPreferences, {
+        extendedWindow2.elementorCommon.eventsManager.dispatchEvent(config.names.topBar.userPreferences, {
           location: config.locations.topBar,
           secondaryLocation: config.secondaryLocations.elementorLogo,
           trigger: config.triggers.click,
@@ -1387,16 +1418,16 @@ function useActionProps9() {
 function init14() {
   mainMenu.registerToggleAction({
     id: "open-user-preferences",
+    group: "default",
     priority: 30,
-    // After history.
-    useProps: useActionProps9
+    useProps: useActionProps11
   });
 }
 
 // src/extensions/wordpress/index.ts
 var import_editor_documents10 = require("@elementor/editor-documents");
 var import_icons22 = require("@elementor/icons");
-var import_i18n24 = require("@wordpress/i18n");
+var import_i18n25 = require("@wordpress/i18n");
 function init15() {
   mainMenu.registerLink({
     id: "exit-to-wordpress",
@@ -1405,14 +1436,14 @@ function init15() {
     useProps: () => {
       const document2 = (0, import_editor_documents10.__useActiveDocument)();
       return {
-        title: (0, import_i18n24.__)("Exit to WordPress", "elementor"),
+        title: (0, import_i18n25.__)("Exit to WordPress", "elementor"),
         href: document2?.links?.platformEdit,
         icon: import_icons22.WordpressIcon,
         onClick: () => {
-          const extendedWindow = window;
-          const config = extendedWindow?.elementorCommon?.eventsManager?.config;
+          const extendedWindow2 = window;
+          const config = extendedWindow2?.elementorCommon?.eventsManager?.config;
           if (config) {
-            extendedWindow.elementorCommon.eventsManager.dispatchEvent(
+            extendedWindow2.elementorCommon.eventsManager.dispatchEvent(
               config.names.topBar.exitToWordpress,
               {
                 location: config.locations.topBar,