@puckeditor/plugin-pages 0.9.0-canary.406bbac4 → 0.9.0-canary.4146ddf7

package/dist/index.css

@@ -311,7 +311,7 @@ p {
 }
 
 /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/Modal/Modal.module.css/#css-module-data */
-._Modal-background_1bedq_1 {
+._Modal-background_mocy5_1 {
   align-items: center;
   display: flex;
   justify-content: center;
@@ -325,12 +325,12 @@ p {
   opacity: 0;
   pointer-events: none;
 }
-._Modal--visible_1bedq_16 ._Modal-background_1bedq_1 {
+._Modal--visible_mocy5_16 > ._Modal-background_mocy5_1 {
   opacity: 1;
   transition: opacity ease 100ms;
   pointer-events: auto;
 }
-._Modal-modal_1bedq_22 {
+._Modal-modal_mocy5_22 {
   background: white;
   border-radius: 16px;
   display: block;
@@ -929,15 +929,15 @@ p {
 }
 
 /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/Menu/styles.module.css/#css-module-data */
-._Menu_1tu16_1 {
+._Menu_1jr57_1 {
   display: flex;
   position: relative;
 }
-._Menu-content_1tu16_6 {
+._Menu-content_1jr57_6 {
   outline: none;
   z-index: 1;
 }
-._Menu-sections_1tu16_11 {
+._Menu-sections_1jr57_11 {
   background-color: white;
   border: 1px solid var(--puck-color-grey-09);
   border-radius: 8px;
@@ -947,40 +947,41 @@ p {
   padding-bottom: 4px;
   padding-top: 4px;
 }
-._Menu-action_1tu16_22 {
+._Menu-action_1jr57_22 {
   background: none;
   border: none;
   margin-left: auto;
   padding: 0;
 }
-._Menu-action_1tu16_22:hover:not(:disabled) {
+._Menu-action_1jr57_22:hover:not(:disabled) {
   cursor: pointer;
   opacity: 0.8;
 }
-._Menu-action_1tu16_22:disabled {
+._Menu-action_1jr57_22:disabled {
   cursor: not-allowed;
   opacity: 0.5;
 }
-._Menu-action_1tu16_22:focus-visible {
+._Menu-action_1jr57_22:focus-visible {
   outline: 2px solid var(--puck-color-azure-05);
   outline-offset: 2px;
 }
-._Menu-list_1tu16_44 {
+._Menu-list_1jr57_44 {
   list-style: none;
   margin: 0;
   padding: 0;
 }
-._Menu-list_1tu16_44 + ._Menu-list_1tu16_44 {
+._Menu-list_1jr57_44 + ._Menu-list_1jr57_44 {
   border-top: 1px solid var(--puck-color-grey-09);
   margin-top: 4px;
 }
-._Menu-item_1tu16_55 {
+._Menu-item_1jr57_55 {
   align-items: center;
   background: none;
   border: none;
   box-sizing: border-box;
   color: var(--puck-color-grey-02);
   display: flex;
+  font-family: var(--puck-font-family);
   font-size: var(--puck-font-size-xxs);
   font-weight: 500;
   gap: 8px;
@@ -990,16 +991,16 @@ p {
   white-space: nowrap;
   width: 100%;
 }
-a._Menu-item_1tu16_55,
-button._Menu-item_1tu16_55 {
+a._Menu-item_1jr57_55,
+button._Menu-item_1jr57_55 {
   cursor: pointer;
 }
-a._Menu-item_1tu16_55:hover,
-button._Menu-item_1tu16_55:hover {
+a._Menu-item_1jr57_55:hover,
+button._Menu-item_1jr57_55:hover {
   background-color: var(--puck-color-azure-11);
   color: var(--puck-color-azure-04);
 }
-._Menu-item--disabled_1tu16_83 {
+._Menu-item--disabled_1jr57_84 {
   cursor: not-allowed;
   opacity: 0.5;
 }
@@ -1294,15 +1295,15 @@ button._Menu-item_1tu16_55:hover {
 }
 
 /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/Tag/Tag.module.css/#css-module-data */
-._Tag_s2h0n_1 {
+._Tag_162k8_1 {
   align-items: center;
   display: flex;
-  text-transform: uppercase;
+  text-transform: lowercase;
   font-family: var(--puck-font-family-monospaced);
-  font-weight: 600;
+  font-weight: 500;
   font-size: var(--puck-font-size-xxxs);
   gap: 6px;
-  border-radius: 4px;
+  border-radius: 16px;
   border: 1px solid currentColor;
   color: var(--puck-color-grey-05);
   padding: 4px 8px;
@@ -1311,34 +1312,35 @@ button._Menu-item_1tu16_55:hover {
   position: relative;
   z-index: 0;
 }
-._Tag--borderless_s2h0n_21 {
+._Tag--borderless_162k8_21 {
   border: none;
 }
-._Tag--colorBlue_s2h0n_25 {
-  color: var(--puck-color-azure-05);
+._Tag--colorBlue_162k8_25 {
+  background-color: var(--puck-color-azure-05);
+  color: var(--puck-color-white);
 }
-._Tag--colorGreen_s2h0n_29 {
+._Tag--colorGreen_162k8_30 {
   color: var(--puck-color-green-06);
 }
-._Tag--colorRed_s2h0n_33 {
+._Tag--colorRed_162k8_34 {
   color: var(--puck-color-red-04);
 }
-._Tag--colorMuted_s2h0n_37 {
-  color: var(--puck-color-grey-06);
+._Tag--colorMuted_162k8_38 {
+  color: var(--puck-color-grey-05);
 }
-._Tag-sprite_s2h0n_41 {
+._Tag-sprite_162k8_42 {
   display: flex;
 }
-._Tag--pulse_s2h0n_45 {
-  ._Tag-sprite_s2h0n_41 {
+._Tag--pulse_162k8_46 {
+  ._Tag-sprite_162k8_42 {
     background: currentColor;
     border-radius: 50%;
     height: 5px;
     position: relative;
     width: 5px;
   }
-  ._Tag-sprite_s2h0n_41::before {
-    animation: _pulse_s2h0n_1 1s 0s infinite alternate;
+  ._Tag-sprite_162k8_42::before {
+    animation: _pulse_162k8_1 1s 0s infinite alternate;
     animation-fill-mode: both;
     background-color: color-mix(in srgb, currentColor 25%, transparent);
     border-radius: 50%;
@@ -1352,7 +1354,7 @@ button._Menu-item_1tu16_55:hover {
     z-index: -1;
   }
 }
-@keyframes _pulse_s2h0n_1 {
+@keyframes _pulse_162k8_1 {
   0% {
     transform: scale(1);
   }
@@ -1360,7 +1362,7 @@ button._Menu-item_1tu16_55:hover {
     transform: scale(2);
   }
 }
-._Tag-label_s2h0n_79 {
+._Tag-label_162k8_80 {
   margin-top: 1px;
 }
 

package/dist/index.d.mts

@@ -13,7 +13,9 @@ declare function createPagesPlugin(opts?: PagePluginOptions): {
     render: () => react_jsx_runtime.JSX.Element;
     icon: react_jsx_runtime.JSX.Element;
     overrides: {
-        headerActions: () => react_jsx_runtime.JSX.Element;
+        headerActions: ({ children }: {
+            children: react.ReactNode;
+        }) => react_jsx_runtime.JSX.Element;
         preview: ({ children }: {
             children: react.ReactNode;
         }) => react_jsx_runtime.JSX.Element;

package/dist/index.d.ts

@@ -13,7 +13,9 @@ declare function createPagesPlugin(opts?: PagePluginOptions): {
     render: () => react_jsx_runtime.JSX.Element;
     icon: react_jsx_runtime.JSX.Element;
     overrides: {
-        headerActions: () => react_jsx_runtime.JSX.Element;
+        headerActions: ({ children }: {
+            children: react.ReactNode;
+        }) => react_jsx_runtime.JSX.Element;
         preview: ({ children }: {
             children: react.ReactNode;
         }) => react_jsx_runtime.JSX.Element;

package/dist/index.js

@@ -4721,6 +4721,15 @@ function ToastWrapper({ children }) {
   ] });
 }
 
+// ../platform-client/lib/header-actions.ts
+init_react_import();
+var import_react7 = require("react");
+var HEADER_ACTIONS = Symbol.for("@puckeditor/header-actions");
+var isHeaderActions = (node) => (0, import_react7.isValidElement)(node) && typeof node.type !== "string" && HEADER_ACTIONS in node.type;
+var keepHeaderActions = (children) => isHeaderActions(children) ? (0, import_react7.cloneElement)(children, {
+  children: keepHeaderActions(children.props.children)
+}) : null;
+
 // src/components/PagePlugin/index.tsx
 init_react_import();
 
@@ -4779,18 +4788,18 @@ init_react_import();
 
 // css-module:/home/runner/work/platform/platform/packages/platform-client/components/Modal/Modal.module.css#css-module
 init_react_import();
-var Modal_module_default = { "Modal-background": "_Modal-background_1bedq_1", "Modal--visible": "_Modal--visible_1bedq_16", "Modal-modal": "_Modal-modal_1bedq_22" };
+var Modal_module_default = { "Modal-background": "_Modal-background_mocy5_1", "Modal--visible": "_Modal--visible_mocy5_16", "Modal-modal": "_Modal-modal_mocy5_22" };
 
 // ../platform-client/components/Modal/Modal.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 
 // ../platform-client/lib/use-modal-visible.ts
 init_react_import();
-var import_react7 = require("react");
+var import_react8 = require("react");
 var useModalVisible = (defaultVisible) => {
-  const [visible, setVisible] = (0, import_react7.useState)(defaultVisible ?? false);
-  const ref = (0, import_react7.useRef)(null);
-  (0, import_react7.useEffect)(() => {
+  const [visible, setVisible] = (0, import_react8.useState)(defaultVisible ?? false);
+  const ref = (0, import_react8.useRef)(null);
+  (0, import_react8.useEffect)(() => {
     if (!visible) {
       return;
     }
@@ -4812,7 +4821,7 @@ init_react_import();
 
 // ../platform-client/components/Button/Button.tsx
 init_react_import();
-var import_react8 = require("react");
+var import_react9 = require("react");
 
 // css-module:/home/runner/work/platform/platform/packages/platform-client/components/Button/Button.module.css#css-module
 init_react_import();
@@ -4865,8 +4874,8 @@ var Button = ({
   size: size4 = "medium",
   loading: loadingProp = false
 }) => {
-  const [loading, setLoading] = (0, import_react8.useState)(loadingProp);
-  (0, import_react8.useEffect)(() => {
+  const [loading, setLoading] = (0, import_react9.useState)(loadingProp);
+  (0, import_react9.useEffect)(() => {
     const resetLoading = () => setLoading(loadingProp);
     resetLoading();
     window.addEventListener("pageshow", resetLoading);
@@ -4916,7 +4925,7 @@ var Button = ({
 // ../platform-client/components/Modal/Modal.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var getClassName3 = getClassNameFactory("Modal", Modal_module_default);
-var modalContext = (0, import_react9.createContext)({
+var modalContext = (0, import_react10.createContext)({
   buttonVariant: "primary",
   buttonSize: "medium",
   visible: false,
@@ -4940,7 +4949,7 @@ var ModalProvider = ({
   );
 };
 var useModal = () => {
-  const { visible, setVisible } = (0, import_react9.useContext)(modalContext);
+  const { visible, setVisible } = (0, import_react10.useContext)(modalContext);
   return { visible, setVisible };
 };
 var Modal = ({
@@ -4948,7 +4957,7 @@ var Modal = ({
   children,
   hideButton = false
 }) => {
-  const { visible, setVisible, buttonVariant, buttonSize, ref } = (0, import_react9.useContext)(modalContext);
+  const { visible, setVisible, buttonVariant, buttonSize, ref } = (0, import_react10.useContext)(modalContext);
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: getClassName3({ visible }), children: [
     !hideButton && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: getClassName3("button"), children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       Button,
@@ -5031,7 +5040,7 @@ init_react_import();
 
 // ../platform-client/components/Align/Align.tsx
 init_react_import();
-var import_react10 = __toESM(require("react"));
+var import_react11 = __toESM(require("react"));
 
 // css-module:/home/runner/work/platform/platform/packages/platform-client/components/Align/Align.module.css#css-module
 init_react_import();
@@ -5128,7 +5137,7 @@ var Align = ({
   horizontal = "left",
   vertical = "top"
 }) => {
-  const wrappedChildren = import_react10.default.Children.map(children, (child, i) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AlignItem, { children: child }, i));
+  const wrappedChildren = import_react11.default.Children.map(children, (child, i) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AlignItem, { children: child }, i));
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "div",
     {
@@ -5150,7 +5159,7 @@ init_react_import();
 // ../platform-client/components/AutoForm/AutoForm.tsx
 init_react_import();
 var import_core2 = require("@puckeditor/core");
-var import_react11 = require("react");
+var import_react12 = require("react");
 
 // css-module:/home/runner/work/platform/platform/packages/platform-client/components/AutoForm/AutoForm.module.css#css-module
 init_react_import();
@@ -5232,11 +5241,11 @@ var Code_module_default = { "Code": "_Code_d4378_1", "Code-body": "_Code-body_d4
 
 // ../platform-client/components/Code/CopyAction.tsx
 init_react_import();
-var import_react12 = require("react");
+var import_react13 = require("react");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 
 // ../platform-client/components/Code/Code.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var getClassName9 = get_class_name_factory_default2("Code", Code_module_default);
 var getClassNameTab = get_class_name_factory_default2("Tab", Code_module_default);
@@ -5246,7 +5255,7 @@ init_react_import();
 
 // ../platform-client/components/IconButton/IconButton.tsx
 init_react_import();
-var import_react14 = require("react");
+var import_react15 = require("react");
 
 // css-module:/home/runner/work/platform/platform/packages/platform-client/components/IconButton/IconButton.module.css#css-module
 init_react_import();
@@ -5349,11 +5358,11 @@ var getClassName12 = get_class_name_factory_default("Link", Link_module_default)
 
 // ../platform-client/components/Menu/index.tsx
 init_react_import();
-var import_react16 = require("react");
+var import_react17 = require("react");
 
 // css-module:/home/runner/work/platform/platform/packages/platform-client/components/Menu/styles.module.css#css-module
 init_react_import();
-var styles_module_default3 = { "Menu": "_Menu_1tu16_1", "Menu-content": "_Menu-content_1tu16_6", "Menu-sections": "_Menu-sections_1tu16_11", "Menu-action": "_Menu-action_1tu16_22", "Menu-list": "_Menu-list_1tu16_44", "Menu-item": "_Menu-item_1tu16_55", "Menu-item--disabled": "_Menu-item--disabled_1tu16_83" };
+var styles_module_default3 = { "Menu": "_Menu_1jr57_1", "Menu-content": "_Menu-content_1jr57_6", "Menu-sections": "_Menu-sections_1jr57_11", "Menu-action": "_Menu-action_1jr57_22", "Menu-list": "_Menu-list_1jr57_44", "Menu-item": "_Menu-item_1jr57_55", "Menu-item--disabled": "_Menu-item--disabled_1jr57_84" };
 
 // ../../node_modules/.pnpm/@radix-ui+react-popover@1.1.15_@types+react-dom@19.2.0_@types+react@19.2.0__@types+reac_e6e9e3f3089a7a72fc73cc2cd9dafc33/node_modules/@radix-ui/react-popover/dist/index.mjs
 init_react_import();
@@ -6832,9 +6841,9 @@ function assignRef(ref, value) {
 
 // ../../node_modules/.pnpm/use-callback-ref@1.3.3_@types+react@19.2.0_react@19.2.8/node_modules/use-callback-ref/dist/es2015/useRef.js
 init_react_import();
-var import_react15 = require("react");
+var import_react16 = require("react");
 function useCallbackRef2(initialValue, callback) {
-  var ref = (0, import_react15.useState)(function() {
+  var ref = (0, import_react16.useState)(function() {
     return {
       // value
       value: initialValue,
@@ -7810,7 +7819,7 @@ var Menu = ({
   ariaLabel,
   renderLink
 }) => {
-  const [open, setOpen] = (0, import_react16.useState)(false);
+  const [open, setOpen] = (0, import_react17.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Popover, { open, onOpenChange: setOpen, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: getClassName13(), children: [
     /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       "button",
@@ -7912,7 +7921,7 @@ init_react_import();
 
 // ../platform-client/components/Pagination/Pagination.tsx
 init_react_import();
-var import_react17 = require("react");
+var import_react18 = require("react");
 
 // css-module:/home/runner/work/platform/platform/packages/platform-client/components/Pagination/Pagination.module.css#css-module
 init_react_import();
@@ -7994,7 +8003,7 @@ init_react_import();
 
 // css-module:/home/runner/work/platform/platform/packages/platform-client/components/Tag/Tag.module.css#css-module
 init_react_import();
-var Tag_module_default = { "Tag": "_Tag_s2h0n_1", "Tag--borderless": "_Tag--borderless_s2h0n_21", "Tag--colorBlue": "_Tag--colorBlue_s2h0n_25", "Tag--colorGreen": "_Tag--colorGreen_s2h0n_29", "Tag--colorRed": "_Tag--colorRed_s2h0n_33", "Tag--colorMuted": "_Tag--colorMuted_s2h0n_37", "Tag-sprite": "_Tag-sprite_s2h0n_41", "Tag--pulse": "_Tag--pulse_s2h0n_45", "pulse": "_pulse_s2h0n_1", "Tag-label": "_Tag-label_s2h0n_79" };
+var Tag_module_default = { "Tag": "_Tag_162k8_1", "Tag--borderless": "_Tag--borderless_162k8_21", "Tag--colorBlue": "_Tag--colorBlue_162k8_25", "Tag--colorGreen": "_Tag--colorGreen_162k8_30", "Tag--colorRed": "_Tag--colorRed_162k8_34", "Tag--colorMuted": "_Tag--colorMuted_162k8_38", "Tag-sprite": "_Tag-sprite_162k8_42", "Tag--pulse": "_Tag--pulse_162k8_46", "pulse": "_pulse_162k8_1", "Tag-label": "_Tag-label_162k8_80" };
 
 // ../platform-client/components/Tag/Tag.tsx
 var import_jsx_runtime40 = require("react/jsx-runtime");
@@ -8043,7 +8052,7 @@ init_react_import();
 
 // ../platform-client/components/Table/Table.tsx
 init_react_import();
-var import_react18 = require("react");
+var import_react19 = require("react");
 
 // css-module:/home/runner/work/platform/platform/packages/platform-client/components/Table/Table.module.css#css-module
 init_react_import();
@@ -8084,22 +8093,22 @@ var cx6 = getClassNameFactory2("Viewport", styles_module_default5);
 
 // ../platform-client/context/editor.tsx
 init_react_import();
-var import_react19 = require("react");
+var import_react20 = require("react");
 var import_jsx_runtime45 = require("react/jsx-runtime");
-var ctx = (0, import_react19.createContext)({});
+var ctx = (0, import_react20.createContext)({});
 
 // css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/PagePlugin/styles.module.css#css-module
 init_react_import();
 var styles_module_default6 = { "Pages": "_Pages_ey49w_5", "Pages-addPage": "_Pages-addPage_ey49w_12", "Pages-loader": "_Pages-loader_ey49w_18", "Pages-list": "_Pages-list_ey49w_26", "Pages-search": "_Pages-search_ey49w_34", "Pages-searchInput": "_Pages-searchInput_ey49w_38", "PagesPage": "_PagesPage_ey49w_59", "PagesPage--expanded": "_PagesPage--expanded_ey49w_69", "PagesPage-versions": "_PagesPage-versions_ey49w_73", "PagesPage-header": "_PagesPage-header_ey49w_96", "PagesPage--active": "_PagesPage--active_ey49w_124", "PagesPage-headerMain": "_PagesPage-headerMain_ey49w_137", "PagesPage-headerIcon": "_PagesPage-headerIcon_ey49w_144", "PagesPage-loader": "_PagesPage-loader_ey49w_148", "PagesVersion": "_PagesVersion_ey49w_174", "PagesVersion-inner": "_PagesVersion-inner_ey49w_174", "PagesVersion--current": "_PagesVersion--current_ey49w_189", "PagesVersion-header": "_PagesVersion-header_ey49w_204", "PagesVersion-version": "_PagesVersion-version_ey49w_210", "PagesVersion-date": "_PagesVersion-date_ey49w_216" };
 
 // src/components/PagePlugin/index.tsx
-var import_react23 = require("react");
+var import_react24 = require("react");
 var import_core11 = require("@puckeditor/core");
 
 // src/components/CreateForm/index.tsx
 init_react_import();
 var import_core10 = require("@puckeditor/core");
-var import_react20 = require("react");
+var import_react21 = require("react");
 
 // ../../node_modules/.pnpm/zod@4.3.6/node_modules/zod/index.js
 init_react_import();
@@ -21984,7 +21993,7 @@ var usePagesStore = (0, import_zustand.create)((set3) => ({
       };
     })
   })),
-  setPageVersions: (pageId, versions, path) => set3((state) => ({
+  setPageVersions: (pageId, versions, path, { replace = false } = {}) => set3((state) => ({
     ...state,
     pagesData: state.pagesData.map((page) => {
       const matchesPage = page.id === pageId || !!path && page.path === path;
@@ -21998,7 +22007,7 @@ var usePagesStore = (0, import_zustand.create)((set3) => ({
       return {
         ...page,
         id: pageId,
-        versions: isFirstPersistForOptimisticPage ? versions : merged
+        versions: replace || isFirstPersistForOptimisticPage ? versions : merged
       };
     })
   })),
@@ -22063,8 +22072,8 @@ var removeTrailingSlash = (slug) => slug.length > 0 && slug.endsWith("/") ? slug
 var CreateForm = () => {
   const getPuck = (0, import_core10.useGetPuck)();
   const { createPage, pagesData } = usePagesStore();
-  const [slug, setSlug] = (0, import_react20.useState)("");
-  const [slugError, setSlugError] = (0, import_react20.useState)(null);
+  const [slug, setSlug] = (0, import_react21.useState)("");
+  const [slugError, setSlugError] = (0, import_react21.useState)(null);
   const { setVisible } = useModal();
   const handleSubmit = async (values) => {
     const slug2 = removeTrailingSlash(values.slug);
@@ -22177,8 +22186,8 @@ var highlightMatch = (text, query) => {
 
 // src/hooks/useSiteId.ts
 init_react_import();
-var import_react21 = require("react");
-var useSiteId = () => (0, import_react21.useMemo)(() => {
+var import_react22 = require("react");
+var useSiteId = () => (0, import_react22.useMemo)(() => {
   try {
     return new URLSearchParams(window.location.search).get("siteId");
   } catch {
@@ -22256,8 +22265,13 @@ var postMessageToParent = ({
   window.parent.postMessage(message2, parentOrigin);
 };
 
+// src/lib/is-embedded.ts
+init_react_import();
+var isEmbedded = () => typeof window !== "undefined" && window.self !== window.top;
+
 // src/lib/request-token.ts
 var requestToken = (parentOrigin) => {
+  if (!isEmbedded()) return Promise.resolve("");
   return new Promise((resolve) => {
     const handler = async (event) => {
       if (event.origin !== parentOrigin) return;
@@ -22298,6 +22312,7 @@ var getActiveVersion = ({
 init_react_import();
 var RETRY_INTERVAL_MS = 100;
 var waitForParentReady = (parentOrigin) => {
+  if (!isEmbedded()) return Promise.resolve();
   return new Promise((resolve) => {
     let intervalId = 0;
     const sendReadyCheck = () => {
@@ -22324,8 +22339,8 @@ var waitForParentReady = (parentOrigin) => {
 
 // src/hooks/usePath.ts
 init_react_import();
-var import_react22 = require("react");
-var usePath = () => (0, import_react22.useMemo)(() => {
+var import_react23 = require("react");
+var usePath = () => (0, import_react23.useMemo)(() => {
   try {
     return new URLSearchParams(window.location.search).get("path");
   } catch {
@@ -24409,9 +24424,9 @@ function registerDynamicConfig(config2, data) {
 }
 var PagePlugin = (opts) => {
   const getPuck = (0, import_core11.useGetPuck)();
-  const [confirmModalOpen, setConfirmModalOpen] = (0, import_react23.useState)(false);
-  const [pendingNavigation, setPendingNavigation] = (0, import_react23.useState)(null);
-  const lastRequestedPathRef = (0, import_react23.useRef)(void 0);
+  const [confirmModalOpen, setConfirmModalOpen] = (0, import_react24.useState)(false);
+  const [pendingNavigation, setPendingNavigation] = (0, import_react24.useState)(null);
+  const lastRequestedPathRef = (0, import_react24.useRef)(void 0);
   const parentOrigin = opts?.parentOrigin ?? "https://cloud.puckeditor.com";
   const siteIdHeader = useSiteId();
   const path = usePath();
@@ -24433,7 +24448,7 @@ var PagePlugin = (opts) => {
     initialLoad,
     createPage
   } = usePagesStore();
-  const currentVersion = (0, import_react23.useMemo)(() => {
+  const currentVersion = (0, import_react24.useMemo)(() => {
     if (activePage) {
       return getActiveVersion({
         pagesData,
@@ -24443,11 +24458,11 @@ var PagePlugin = (opts) => {
     }
     return void 0;
   }, [activePage, activeVersion, pagesData]);
-  const postToParent = (0, import_react23.useCallback)(
+  const postToParent = (0, import_react24.useCallback)(
     (message2) => postMessageToParent({ parentOrigin, ...message2 }),
     [parentOrigin]
   );
-  const getPageState = (0, import_react23.useCallback)(
+  const getPageState = (0, import_react24.useCallback)(
     async (data) => {
       const { appState, config: config2 } = getPuck();
       const pageData = data && Object.keys(data).length > 0 ? data : appState.data;
@@ -24465,7 +24480,7 @@ var PagePlugin = (opts) => {
     },
     [getPuck, import_core11.resolveAllData]
   );
-  const pushPageHistoryState = (0, import_react23.useCallback)(
+  const pushPageHistoryState = (0, import_react24.useCallback)(
     async (data) => {
       const { history, dispatch } = getPuck();
       const nextState = await getPageState(data);
@@ -24477,11 +24492,11 @@ var PagePlugin = (opts) => {
     },
     [getPageState, getPuck]
   );
-  const filteredPages = (0, import_react23.useMemo)(() => {
+  const filteredPages = (0, import_react24.useMemo)(() => {
     const q = searchQuery.toLowerCase();
     return pagesData.filter((page) => page.path.toLowerCase().includes(q));
   }, [pagesData, searchQuery]);
-  const handleRead = (0, import_react23.useCallback)(
+  const handleRead = (0, import_react24.useCallback)(
     async (path2) => {
       await waitForParentReady(parentOrigin);
       const token = await requestToken(parentOrigin);
@@ -24514,8 +24529,8 @@ var PagePlugin = (opts) => {
           createPage("/");
           postToParent({ type: "DATA_READY" });
         }
-        setLoading(false);
       }
+      setLoading(false);
     },
     [
       host,
@@ -24532,7 +24547,7 @@ var PagePlugin = (opts) => {
       siteId
     ]
   );
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     const requestedPath = path ?? void 0;
     if (initialLoad && lastRequestedPathRef.current === requestedPath) {
       return;
@@ -24545,11 +24560,11 @@ var PagePlugin = (opts) => {
       setInitialLoad(false);
     }
   }, [handleRead, initialLoad, path, setInitialLoad]);
-  const [expandedPage, setExpandedPage] = (0, import_react23.useState)(activePage);
-  (0, import_react23.useEffect)(() => {
+  const [expandedPage, setExpandedPage] = (0, import_react24.useState)(activePage);
+  (0, import_react24.useEffect)(() => {
     setExpandedPage(activePage);
   }, [activePage, setExpandedPage]);
-  const performPageSwitch = (0, import_react23.useCallback)(
+  const performPageSwitch = (0, import_react24.useCallback)(
     (page) => {
       if (page.path === activePage) return;
       const selectedPage = pagesData.find(
@@ -24580,7 +24595,7 @@ var PagePlugin = (opts) => {
       setExpandedPage
     ]
   );
-  const performVersionSwitch = (0, import_react23.useCallback)(
+  const performVersionSwitch = (0, import_react24.useCallback)(
     (page, version3) => {
       if (version3.id === currentVersion?.id) return;
       const selectedPage = pagesData.find(
@@ -24595,7 +24610,7 @@ var PagePlugin = (opts) => {
     },
     [currentVersion?.id, pagesData, pushPageHistoryState, setActiveVersion]
   );
-  const requiresSwitchConfirmation = (0, import_react23.useCallback)(() => {
+  const requiresSwitchConfirmation = (0, import_react24.useCallback)(() => {
     if (currentVersion?.isNew) return true;
     const { history, appState } = getPuck();
     if (currentVersion && history.histories.length > 1) {
@@ -24603,7 +24618,7 @@ var PagePlugin = (opts) => {
     }
     return false;
   }, [currentVersion, getPuck]);
-  const onPageClick = (0, import_react23.useCallback)(
+  const onPageClick = (0, import_react24.useCallback)(
     (page) => {
       if (page.path === activePage) {
         setExpandedPage((s) => s === page.path ? "" : page.path);
@@ -24618,7 +24633,7 @@ var PagePlugin = (opts) => {
     },
     [activePage, performPageSwitch, requiresSwitchConfirmation, setExpandedPage]
   );
-  const onVersionClick = (0, import_react23.useCallback)(
+  const onVersionClick = (0, import_react24.useCallback)(
     (page, version3) => {
       if (version3.id === currentVersion?.id) return;
       if (requiresSwitchConfirmation()) {
@@ -24635,7 +24650,7 @@ var PagePlugin = (opts) => {
       setPendingNavigation
     ]
   );
-  const handleConfirmNavigation = (0, import_react23.useCallback)(async () => {
+  const handleConfirmNavigation = (0, import_react24.useCallback)(async () => {
     const action = pendingNavigation;
     setPendingNavigation(null);
     if (!action) return;
@@ -24740,7 +24755,7 @@ var PagePlugin = (opts) => {
 // src/components/HeaderActions/index.tsx
 init_react_import();
 var import_core12 = require("@puckeditor/core");
-var import_react24 = require("react");
+var import_react25 = require("react");
 
 // css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/HeaderActions/styles.module.css#css-module
 init_react_import();
@@ -24804,7 +24819,7 @@ var HeaderActions = (opts) => {
   const siteIdHeader = useSiteId();
   const siteId = opts?.siteId ?? siteIdHeader;
   const host = opts?.host ?? "/api/puck/pages";
-  const [confirmAction, setConfirmAction] = (0, import_react24.useState)(null);
+  const [confirmAction, setConfirmAction] = (0, import_react25.useState)(null);
   const {
     buttonsDisabled,
     setButtonsDisabled,
@@ -24818,7 +24833,7 @@ var HeaderActions = (opts) => {
     setActivePage,
     setActiveVersion
   } = usePagesStore();
-  const currentVersion = (0, import_react24.useMemo)(() => {
+  const currentVersion = (0, import_react25.useMemo)(() => {
     if (activePage) {
       return getActiveVersion({
         pagesData,
@@ -24828,7 +24843,7 @@ var HeaderActions = (opts) => {
     }
     return void 0;
   }, [activePage, activeVersion, pagesData]);
-  const currentPage = (0, import_react24.useMemo)(
+  const currentPage = (0, import_react25.useMemo)(
     () => pagesData.find((page) => page.path === activePage),
     [activePage, pagesData]
   );
@@ -24885,9 +24900,13 @@ var HeaderActions = (opts) => {
     nextActiveVersion,
     syncHistoryData
   }) => {
-    setPageVersions(data.page.id, data.page.versions, data.page.path ?? path);
+    setPageVersions(data.page.id, data.page.versions, data.page.path ?? path, {
+      replace: true
+    });
     setActivePage(data.page.path ?? path);
-    setActiveVersion(nextActiveVersion);
+    setActiveVersion(
+      data.page.versions?.some((version3) => version3.id === nextActiveVersion) ? nextActiveVersion : data.versionId ?? null
+    );
     if (syncHistoryData) {
       syncSavedHistory(syncHistoryData);
     }
@@ -24936,7 +24955,7 @@ var HeaderActions = (opts) => {
     const defaultVersion = getDefaultPageVersion(resolvedPage);
     replaceEditorState(defaultVersion?.data);
   };
-  const saving = (0, import_react24.useRef)(false);
+  const saving = (0, import_react25.useRef)(false);
   const handleSaveDraft = async () => {
     if (saving.current) return;
     const path = activePage;
@@ -24973,7 +24992,7 @@ var HeaderActions = (opts) => {
       saving.current = false;
     }
   };
-  const publishing = (0, import_react24.useRef)(false);
+  const publishing = (0, import_react25.useRef)(false);
   const handlePublish = async () => {
     if (publishing.current) return;
     const path = activePage;
@@ -25215,7 +25234,11 @@ function createPagesPlugin(opts) {
     render: () => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PagePlugin, { ...opts }),
     icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(FileText, {}),
     overrides: {
-      headerActions: () => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ToastWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(HeaderActions, { ...opts }) }),
+      // Replaces Puck's default actions, keeping other plugins' marked ones.
+      headerActions: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ToastWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(HeaderActions, { ...opts }) }),
+        keepHeaderActions(children)
+      ] }),
       preview: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Preview, { children })
     }
   };

package/dist/index.mjs

@@ -4713,6 +4713,18 @@ function ToastWrapper({ children }) {
   ] });
 }
 
+// ../platform-client/lib/header-actions.ts
+init_react_import();
+import {
+  cloneElement as cloneElement2,
+  isValidElement
+} from "react";
+var HEADER_ACTIONS = Symbol.for("@puckeditor/header-actions");
+var isHeaderActions = (node) => isValidElement(node) && typeof node.type !== "string" && HEADER_ACTIONS in node.type;
+var keepHeaderActions = (children) => isHeaderActions(children) ? cloneElement2(children, {
+  children: keepHeaderActions(children.props.children)
+}) : null;
+
 // src/components/PagePlugin/index.tsx
 init_react_import();
 
@@ -4771,7 +4783,7 @@ init_react_import();
 
 // css-module:/home/runner/work/platform/platform/packages/platform-client/components/Modal/Modal.module.css#css-module
 init_react_import();
-var Modal_module_default = { "Modal-background": "_Modal-background_1bedq_1", "Modal--visible": "_Modal--visible_1bedq_16", "Modal-modal": "_Modal-modal_1bedq_22" };
+var Modal_module_default = { "Modal-background": "_Modal-background_mocy5_1", "Modal--visible": "_Modal--visible_mocy5_16", "Modal-modal": "_Modal-modal_mocy5_22" };
 
 // ../platform-client/components/Modal/Modal.tsx
 import { createContext as createContext6, useContext as useContext7 } from "react";
@@ -5345,7 +5357,7 @@ import { useState as useState25 } from "react";
 
 // css-module:/home/runner/work/platform/platform/packages/platform-client/components/Menu/styles.module.css#css-module
 init_react_import();
-var styles_module_default3 = { "Menu": "_Menu_1tu16_1", "Menu-content": "_Menu-content_1tu16_6", "Menu-sections": "_Menu-sections_1tu16_11", "Menu-action": "_Menu-action_1tu16_22", "Menu-list": "_Menu-list_1tu16_44", "Menu-item": "_Menu-item_1tu16_55", "Menu-item--disabled": "_Menu-item--disabled_1tu16_83" };
+var styles_module_default3 = { "Menu": "_Menu_1jr57_1", "Menu-content": "_Menu-content_1jr57_6", "Menu-sections": "_Menu-sections_1jr57_11", "Menu-action": "_Menu-action_1jr57_22", "Menu-list": "_Menu-list_1jr57_44", "Menu-item": "_Menu-item_1jr57_55", "Menu-item--disabled": "_Menu-item--disabled_1jr57_84" };
 
 // ../../node_modules/.pnpm/@radix-ui+react-popover@1.1.15_@types+react-dom@19.2.0_@types+react@19.2.0__@types+reac_e6e9e3f3089a7a72fc73cc2cd9dafc33/node_modules/@radix-ui/react-popover/dist/index.mjs
 init_react_import();
@@ -7986,7 +7998,7 @@ init_react_import();
 
 // css-module:/home/runner/work/platform/platform/packages/platform-client/components/Tag/Tag.module.css#css-module
 init_react_import();
-var Tag_module_default = { "Tag": "_Tag_s2h0n_1", "Tag--borderless": "_Tag--borderless_s2h0n_21", "Tag--colorBlue": "_Tag--colorBlue_s2h0n_25", "Tag--colorGreen": "_Tag--colorGreen_s2h0n_29", "Tag--colorRed": "_Tag--colorRed_s2h0n_33", "Tag--colorMuted": "_Tag--colorMuted_s2h0n_37", "Tag-sprite": "_Tag-sprite_s2h0n_41", "Tag--pulse": "_Tag--pulse_s2h0n_45", "pulse": "_pulse_s2h0n_1", "Tag-label": "_Tag-label_s2h0n_79" };
+var Tag_module_default = { "Tag": "_Tag_162k8_1", "Tag--borderless": "_Tag--borderless_162k8_21", "Tag--colorBlue": "_Tag--colorBlue_162k8_25", "Tag--colorGreen": "_Tag--colorGreen_162k8_30", "Tag--colorRed": "_Tag--colorRed_162k8_34", "Tag--colorMuted": "_Tag--colorMuted_162k8_38", "Tag-sprite": "_Tag-sprite_162k8_42", "Tag--pulse": "_Tag--pulse_162k8_46", "pulse": "_pulse_162k8_1", "Tag-label": "_Tag-label_162k8_80" };
 
 // ../platform-client/components/Tag/Tag.tsx
 import { jsx as jsx33, jsxs as jsxs15 } from "react/jsx-runtime";
@@ -21979,7 +21991,7 @@ var usePagesStore = create((set3) => ({
       };
     })
   })),
-  setPageVersions: (pageId, versions, path) => set3((state) => ({
+  setPageVersions: (pageId, versions, path, { replace = false } = {}) => set3((state) => ({
     ...state,
     pagesData: state.pagesData.map((page) => {
       const matchesPage = page.id === pageId || !!path && page.path === path;
@@ -21993,7 +22005,7 @@ var usePagesStore = create((set3) => ({
       return {
         ...page,
         id: pageId,
-        versions: isFirstPersistForOptimisticPage ? versions : merged
+        versions: replace || isFirstPersistForOptimisticPage ? versions : merged
       };
     })
   })),
@@ -22251,8 +22263,13 @@ var postMessageToParent = ({
   window.parent.postMessage(message2, parentOrigin);
 };
 
+// src/lib/is-embedded.ts
+init_react_import();
+var isEmbedded = () => typeof window !== "undefined" && window.self !== window.top;
+
 // src/lib/request-token.ts
 var requestToken = (parentOrigin) => {
+  if (!isEmbedded()) return Promise.resolve("");
   return new Promise((resolve) => {
     const handler = async (event) => {
       if (event.origin !== parentOrigin) return;
@@ -22293,6 +22310,7 @@ var getActiveVersion = ({
 init_react_import();
 var RETRY_INTERVAL_MS = 100;
 var waitForParentReady = (parentOrigin) => {
+  if (!isEmbedded()) return Promise.resolve();
   return new Promise((resolve) => {
     let intervalId = 0;
     const sendReadyCheck = () => {
@@ -24509,8 +24527,8 @@ var PagePlugin = (opts) => {
           createPage("/");
           postToParent({ type: "DATA_READY" });
         }
-        setLoading(false);
       }
+      setLoading(false);
     },
     [
       host,
@@ -24880,9 +24898,13 @@ var HeaderActions = (opts) => {
     nextActiveVersion,
     syncHistoryData
   }) => {
-    setPageVersions(data.page.id, data.page.versions, data.page.path ?? path);
+    setPageVersions(data.page.id, data.page.versions, data.page.path ?? path, {
+      replace: true
+    });
     setActivePage(data.page.path ?? path);
-    setActiveVersion(nextActiveVersion);
+    setActiveVersion(
+      data.page.versions?.some((version3) => version3.id === nextActiveVersion) ? nextActiveVersion : data.versionId ?? null
+    );
     if (syncHistoryData) {
       syncSavedHistory(syncHistoryData);
     }
@@ -25202,7 +25224,7 @@ var Preview = ({ children }) => {
 };
 
 // src/index.tsx
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx45, jsxs as jsxs22 } from "react/jsx-runtime";
 function createPagesPlugin(opts) {
   return {
     label: "Pages",
@@ -25210,7 +25232,11 @@ function createPagesPlugin(opts) {
     render: () => /* @__PURE__ */ jsx45(PagePlugin, { ...opts }),
     icon: /* @__PURE__ */ jsx45(FileText, {}),
     overrides: {
-      headerActions: () => /* @__PURE__ */ jsx45(ToastWrapper, { children: /* @__PURE__ */ jsx45(HeaderActions, { ...opts }) }),
+      // Replaces Puck's default actions, keeping other plugins' marked ones.
+      headerActions: ({ children }) => /* @__PURE__ */ jsxs22(Fragment10, { children: [
+        /* @__PURE__ */ jsx45(ToastWrapper, { children: /* @__PURE__ */ jsx45(HeaderActions, { ...opts }) }),
+        keepHeaderActions(children)
+      ] }),
       preview: ({ children }) => /* @__PURE__ */ jsx45(Preview, { children })
     }
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@puckeditor/plugin-pages",
-  "version": "0.9.0-canary.406bbac4",
+  "version": "0.9.0-canary.4146ddf7",
   "author": "Chris Villa <chris@puckeditor.com>",
   "repository": {
     "type": "git",
@@ -28,7 +28,7 @@
     "zustand": "^5.0.8"
   },
   "devDependencies": {
-    "@puckeditor/core": "0.24.0-canary.90665dfb",
+    "@puckeditor/core": "0.24.0",
     "@radix-ui/react-popover": "^1.1.15",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.2",
@@ -46,10 +46,10 @@
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^4.1.11",
     "zod": "^4.1.12",
-    "@puckeditor/platform-types": "0.9.0-canary.406bbac4",
-    "eslint-config-custom": "0.9.0-canary.406bbac4",
-    "tsup-config": "0.9.0-canary.406bbac4",
-    "tsconfig": "0.9.0-canary.406bbac4"
+    "@puckeditor/platform-types": "0.9.0-canary.4146ddf7",
+    "eslint-config-custom": "0.9.0-canary.4146ddf7",
+    "tsconfig": "0.9.0-canary.4146ddf7",
+    "tsup-config": "0.9.0-canary.4146ddf7"
   },
   "peerDependencies": {
     "@puckeditor/core": "^0.21.0 || 0.21.0-canary.de0baf39",