@puckeditor/plugin-pages 0.9.0-canary.9a2a27cf → 0.9.0-canary.9ff9b8a5

package/dist/index.css

@@ -1844,6 +1844,40 @@ button._Menu-item_1tu16_55:hover {
   padding: 16px 24px;
 }
 
+/* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/SessionMenu/styles.module.css/#css-module-data */
+._SessionMenu-avatar_1nrr3_1 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  overflow: hidden;
+  background: var(--puck-color-azure-11);
+  color: var(--puck-color-azure-04);
+  font-size: var(--puck-font-size-xxs);
+  font-weight: 600;
+  letter-spacing: 0.02em;
+}
+._SessionMenu-avatar_1nrr3_1 img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+._SessionMenu-identity_1nrr3_22 {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  color: var(--puck-color-grey-03);
+}
+._SessionMenu-name_1nrr3_29 {
+  font-weight: 600;
+}
+._SessionMenu-email_1nrr3_33 {
+  font-size: var(--puck-font-size-xxxs);
+  color: var(--puck-color-grey-05);
+}
+
 /* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/HeaderActions/styles.module.css/#css-module-data */
 ._HeaderActions-publish_7nzbl_1 {
   position: relative;

package/dist/index.d.mts

@@ -3,6 +3,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 
 type PagePluginOptions = {
     host?: string;
+    /** Sign in with Puck routes; defaults to the `/auth` sibling of `host`. */
+    authHost?: string;
     siteId?: string;
     parentOrigin?: string;
 };

package/dist/index.d.ts

@@ -3,6 +3,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 
 type PagePluginOptions = {
     host?: string;
+    /** Sign in with Puck routes; defaults to the `/auth` sibling of `host`. */
+    authHost?: string;
     siteId?: string;
     parentOrigin?: string;
 };

package/dist/index.js

@@ -226,9 +226,18 @@ init_react_import();
 var __iconNode3 = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
 var ChevronUp = createLucideIcon("chevron-up", __iconNode3);
 
-// ../../node_modules/.pnpm/lucide-react@0.554.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/eye-off.js
+// ../../node_modules/.pnpm/lucide-react@0.554.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/external-link.js
 init_react_import();
 var __iconNode4 = [
+  ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
+  ["path", { d: "M10 14 21 3", key: "gplh6r" }],
+  ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
+];
+var ExternalLink = createLucideIcon("external-link", __iconNode4);
+
+// ../../node_modules/.pnpm/lucide-react@0.554.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/eye-off.js
+init_react_import();
+var __iconNode5 = [
   [
     "path",
     {
@@ -246,11 +255,11 @@ var __iconNode4 = [
   ],
   ["path", { d: "m2 2 20 20", key: "1ooewy" }]
 ];
-var EyeOff = createLucideIcon("eye-off", __iconNode4);
+var EyeOff = createLucideIcon("eye-off", __iconNode5);
 
 // ../../node_modules/.pnpm/lucide-react@0.554.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/file-text.js
 init_react_import();
-var __iconNode5 = [
+var __iconNode6 = [
   [
     "path",
     {
@@ -263,25 +272,44 @@ var __iconNode5 = [
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-var FileText = createLucideIcon("file-text", __iconNode5);
+var FileText = createLucideIcon("file-text", __iconNode6);
+
+// ../../node_modules/.pnpm/lucide-react@0.554.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/git-branch.js
+init_react_import();
+var __iconNode7 = [
+  ["line", { x1: "6", x2: "6", y1: "3", y2: "15", key: "17qcm7" }],
+  ["circle", { cx: "18", cy: "6", r: "3", key: "1h7g24" }],
+  ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }],
+  ["path", { d: "M18 9a9 9 0 0 1-9 9", key: "n2h4wq" }]
+];
+var GitBranch = createLucideIcon("git-branch", __iconNode7);
 
 // ../../node_modules/.pnpm/lucide-react@0.554.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/globe.js
 init_react_import();
-var __iconNode6 = [
+var __iconNode8 = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
   ["path", { d: "M2 12h20", key: "9i4pu4" }]
 ];
-var Globe = createLucideIcon("globe", __iconNode6);
+var Globe = createLucideIcon("globe", __iconNode8);
+
+// ../../node_modules/.pnpm/lucide-react@0.554.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/log-out.js
+init_react_import();
+var __iconNode9 = [
+  ["path", { d: "m16 17 5-5-5-5", key: "1bji2h" }],
+  ["path", { d: "M21 12H9", key: "dn1m92" }],
+  ["path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4", key: "1uf3rs" }]
+];
+var LogOut = createLucideIcon("log-out", __iconNode9);
 
 // ../../node_modules/.pnpm/lucide-react@0.554.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/trash.js
 init_react_import();
-var __iconNode7 = [
+var __iconNode10 = [
   ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
 ];
-var Trash = createLucideIcon("trash", __iconNode7);
+var Trash = createLucideIcon("trash", __iconNode10);
 
 // ../platform-client/components/Toast/index.ts
 init_react_import();
@@ -22256,8 +22284,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 +22331,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 = () => {
@@ -24514,8 +24548,8 @@ var PagePlugin = (opts) => {
           createPage("/");
           postToParent({ type: "DATA_READY" });
         }
-        setLoading(false);
       }
+      setLoading(false);
     },
     [
       host,
@@ -24740,16 +24774,96 @@ var PagePlugin = (opts) => {
 // src/components/HeaderActions/index.tsx
 init_react_import();
 var import_core12 = require("@puckeditor/core");
+var import_react25 = require("react");
+
+// src/components/SessionMenu/index.tsx
+init_react_import();
 var import_react24 = require("react");
 
+// css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/SessionMenu/styles.module.css#css-module
+init_react_import();
+var styles_module_default9 = { "SessionMenu-avatar": "_SessionMenu-avatar_1nrr3_1", "SessionMenu-identity": "_SessionMenu-identity_1nrr3_22", "SessionMenu-name": "_SessionMenu-name_1nrr3_29", "SessionMenu-email": "_SessionMenu-email_1nrr3_33" };
+
+// src/components/SessionMenu/index.tsx
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var cx10 = getClassNameFactory2("SessionMenu", styles_module_default9);
+var initials = (name) => name.split(/\s+/).filter(Boolean).slice(0, 2).map((part) => part[0].toUpperCase()).join("");
+var SessionMenu = ({ authHost }) => {
+  const [session, setSession] = (0, import_react24.useState)(null);
+  (0, import_react24.useEffect)(() => {
+    let cancelled = false;
+    fetch(`${authHost}/session`, { cache: "no-store" }).then((response) => response.ok ? response.json() : null).then((data) => {
+      if (!cancelled && data?.user) setSession(data);
+    }).catch(() => void 0);
+    return () => {
+      cancelled = true;
+    };
+  }, [authHost]);
+  if (!session) return null;
+  const signOut = () => {
+    const form = document.createElement("form");
+    form.method = "post";
+    form.action = `${authHost}/logout`;
+    document.body.appendChild(form);
+    form.submit();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    Menu,
+    {
+      ariaLabel: "Account",
+      renderLink: ({ href, className, children, onClick }) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        "a",
+        {
+          className,
+          href,
+          onClick,
+          rel: "noreferrer",
+          role: "menuitem",
+          target: "_blank",
+          children
+        }
+      ),
+      sections: [
+        [
+          {
+            disabled: true,
+            label: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: cx10("identity"), children: [
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: cx10("name"), children: session.user.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: cx10("email"), children: session.user.email })
+            ] })
+          },
+          ...session.branch ? [
+            {
+              disabled: true,
+              icon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(GitBranch, { size: 16 }),
+              label: `Editing ${session.branch}`
+            }
+          ] : []
+        ],
+        [
+          ...session.cloudUrl ? [
+            {
+              href: session.cloudUrl,
+              icon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ExternalLink, { size: 16 }),
+              label: "Open Puck Cloud"
+            }
+          ] : [],
+          { icon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(LogOut, { size: 16 }), label: "Sign out", onClick: signOut }
+        ]
+      ],
+      children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: cx10("avatar"), title: session.user.name, children: session.user.image ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("img", { alt: "", src: session.user.image }) : initials(session.user.name) || "?" })
+    }
+  );
+};
+
 // css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/HeaderActions/styles.module.css#css-module
 init_react_import();
-var styles_module_default9 = { "HeaderActions-publish": "_HeaderActions-publish_7nzbl_1", "HeaderActions-trigger": "_HeaderActions-trigger_7nzbl_7", "HeaderActions-versionHeader": "_HeaderActions-versionHeader_7nzbl_19", "HeaderActions-versionLabel": "_HeaderActions-versionLabel_7nzbl_26", "HeaderActions-versionDate": "_HeaderActions-versionDate_7nzbl_33" };
+var styles_module_default10 = { "HeaderActions-publish": "_HeaderActions-publish_7nzbl_1", "HeaderActions-trigger": "_HeaderActions-trigger_7nzbl_7", "HeaderActions-versionHeader": "_HeaderActions-versionHeader_7nzbl_19", "HeaderActions-versionLabel": "_HeaderActions-versionLabel_7nzbl_26", "HeaderActions-versionDate": "_HeaderActions-versionDate_7nzbl_33" };
 
 // src/components/HeaderActions/index.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var usePuck = (0, import_core12.createUsePuck)();
-var cx10 = getClassNameFactory2("HeaderActions", styles_module_default9);
+var cx11 = getClassNameFactory2("HeaderActions", styles_module_default10);
 var TOAST_TIMEOUT = 5e3;
 var getDefaultPageVersion = (page) => page?.versions?.[0];
 var showPublishedToast = (path) => {
@@ -24804,7 +24918,8 @@ 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 authHost = opts?.authHost ?? `${host.replace(/\/+$/, "").replace(/\/[^/]+$/, "")}/auth`;
+  const [confirmAction, setConfirmAction] = (0, import_react25.useState)(null);
   const {
     buttonsDisabled,
     setButtonsDisabled,
@@ -24818,7 +24933,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 +24943,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]
   );
@@ -24887,7 +25002,9 @@ var HeaderActions = (opts) => {
   }) => {
     setPageVersions(data.page.id, data.page.versions, data.page.path ?? path);
     setActivePage(data.page.path ?? path);
-    setActiveVersion(nextActiveVersion);
+    setActiveVersion(
+      data.page.versions?.some((version3) => version3.id === nextActiveVersion) ? nextActiveVersion : null
+    );
     if (syncHistoryData) {
       syncSavedHistory(syncHistoryData);
     }
@@ -24936,7 +25053,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 +25090,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;
@@ -25103,13 +25220,13 @@ var HeaderActions = (opts) => {
     onConfirm: handleUnpublish,
     title: "Unpublish page"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
-    canvasIsDirty ? /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: cx10("version"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: cx10("versionHeader"), children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: cx10("versionLabel"), children: "Draft" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: cx10("versionDate"), children: "Unsaved" })
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+    canvasIsDirty ? /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: cx11("version"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: cx11("versionHeader"), children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: cx11("versionLabel"), children: "Draft" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: cx11("versionDate"), children: "Unsaved" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         Button,
         {
           variant: "secondary",
@@ -25118,32 +25235,32 @@ var HeaderActions = (opts) => {
           children: "Save"
         }
       )
-    ] }) : currentVersion ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_jsx_runtime50.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: cx10("version"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: cx10("versionHeader"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: cx10("versionLabel"), children: [
+    ] }) : currentVersion ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_jsx_runtime51.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: cx11("version"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: cx11("versionHeader"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: cx11("versionLabel"), children: [
           "v",
           currentVersion.versionNumber
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           StatusTag,
           {
             status: currentVersion.status === "published" ? "live" : "draft"
           }
         ) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: cx10("versionDate"), children: currentVersion.createdAt ? format(currentVersion.createdAt, "MMM d yyy, HH:mm") : "" })
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: cx11("versionDate"), children: currentVersion.createdAt ? format(currentVersion.createdAt, "MMM d yyy, HH:mm") : "" })
     ] }) }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: cx10("publish"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: cx11("publish"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         Button,
         {
           disabled: publishDisabled,
           onClick: handlePublish,
-          icon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Globe, { size: "12" }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Globe, { size: "12" }),
           children: canvasIsDirty ? "Save & publish" : "Publish"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         Menu,
         {
           ariaLabel: "More publish actions",
@@ -25152,7 +25269,7 @@ var HeaderActions = (opts) => {
             [
               {
                 disabled: unpublishDisabled,
-                icon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(EyeOff, { size: 16 }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(EyeOff, { size: 16 }),
                 label: "Unpublish",
                 onClick: () => {
                   setConfirmAction("unpublish");
@@ -25160,7 +25277,7 @@ var HeaderActions = (opts) => {
               },
               {
                 disabled: deleteDisabled,
-                icon: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Trash, { size: 16 }),
+                icon: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Trash, { size: 16 }),
                 label: "Delete page",
                 onClick: () => {
                   setConfirmAction("delete");
@@ -25168,10 +25285,10 @@ var HeaderActions = (opts) => {
               }
             ]
           ],
-          children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: cx10("trigger"), children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(ChevronDown, { size: 16 }) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: cx11("trigger"), children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ChevronDown, { size: 16 }) })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
         ConfirmModal,
         {
           visible: confirmAction !== null,
@@ -25182,24 +25299,25 @@ var HeaderActions = (opts) => {
           title: confirmConfig.title
         }
       )
-    ] })
+    ] }),
+    !isEmbedded() && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SessionMenu, { authHost })
   ] });
 };
 
 // src/components/Preview/index.tsx
 init_react_import();
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var Preview = ({ children }) => {
   const { loading } = usePagesStore();
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       "div",
       {
         style: {
           height: "100%",
           width: "100%"
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Align, { horizontal: "center", vertical: "center", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Loader, {}) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Align, { horizontal: "center", vertical: "center", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Loader, {}) })
       }
     );
   }
@@ -25207,16 +25325,16 @@ var Preview = ({ children }) => {
 };
 
 // src/index.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function createPagesPlugin(opts) {
   return {
     label: "Pages",
     name: "pages",
-    render: () => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(PagePlugin, { ...opts }),
-    icon: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(FileText, {}),
+    render: () => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(PagePlugin, { ...opts }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(FileText, {}),
     overrides: {
-      headerActions: () => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(ToastWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(HeaderActions, { ...opts }) }),
-      preview: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Preview, { children })
+      headerActions: () => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ToastWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(HeaderActions, { ...opts }) }),
+      preview: ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Preview, { children })
     }
   };
 }
@@ -25240,9 +25358,12 @@ lucide-react/dist/esm/createLucideIcon.js:
 lucide-react/dist/esm/icons/chevron-down.js:
 lucide-react/dist/esm/icons/chevron-right.js:
 lucide-react/dist/esm/icons/chevron-up.js:
+lucide-react/dist/esm/icons/external-link.js:
 lucide-react/dist/esm/icons/eye-off.js:
 lucide-react/dist/esm/icons/file-text.js:
+lucide-react/dist/esm/icons/git-branch.js:
 lucide-react/dist/esm/icons/globe.js:
+lucide-react/dist/esm/icons/log-out.js:
 lucide-react/dist/esm/icons/trash.js:
 lucide-react/dist/esm/lucide-react.js:
   (**

package/dist/index.mjs

@@ -218,9 +218,18 @@ init_react_import();
 var __iconNode3 = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
 var ChevronUp = createLucideIcon("chevron-up", __iconNode3);
 
-// ../../node_modules/.pnpm/lucide-react@0.554.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/eye-off.js
+// ../../node_modules/.pnpm/lucide-react@0.554.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/external-link.js
 init_react_import();
 var __iconNode4 = [
+  ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
+  ["path", { d: "M10 14 21 3", key: "gplh6r" }],
+  ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
+];
+var ExternalLink = createLucideIcon("external-link", __iconNode4);
+
+// ../../node_modules/.pnpm/lucide-react@0.554.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/eye-off.js
+init_react_import();
+var __iconNode5 = [
   [
     "path",
     {
@@ -238,11 +247,11 @@ var __iconNode4 = [
   ],
   ["path", { d: "m2 2 20 20", key: "1ooewy" }]
 ];
-var EyeOff = createLucideIcon("eye-off", __iconNode4);
+var EyeOff = createLucideIcon("eye-off", __iconNode5);
 
 // ../../node_modules/.pnpm/lucide-react@0.554.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/file-text.js
 init_react_import();
-var __iconNode5 = [
+var __iconNode6 = [
   [
     "path",
     {
@@ -255,25 +264,44 @@ var __iconNode5 = [
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-var FileText = createLucideIcon("file-text", __iconNode5);
+var FileText = createLucideIcon("file-text", __iconNode6);
+
+// ../../node_modules/.pnpm/lucide-react@0.554.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/git-branch.js
+init_react_import();
+var __iconNode7 = [
+  ["line", { x1: "6", x2: "6", y1: "3", y2: "15", key: "17qcm7" }],
+  ["circle", { cx: "18", cy: "6", r: "3", key: "1h7g24" }],
+  ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }],
+  ["path", { d: "M18 9a9 9 0 0 1-9 9", key: "n2h4wq" }]
+];
+var GitBranch = createLucideIcon("git-branch", __iconNode7);
 
 // ../../node_modules/.pnpm/lucide-react@0.554.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/globe.js
 init_react_import();
-var __iconNode6 = [
+var __iconNode8 = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
   ["path", { d: "M2 12h20", key: "9i4pu4" }]
 ];
-var Globe = createLucideIcon("globe", __iconNode6);
+var Globe = createLucideIcon("globe", __iconNode8);
+
+// ../../node_modules/.pnpm/lucide-react@0.554.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/log-out.js
+init_react_import();
+var __iconNode9 = [
+  ["path", { d: "m16 17 5-5-5-5", key: "1bji2h" }],
+  ["path", { d: "M21 12H9", key: "dn1m92" }],
+  ["path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4", key: "1uf3rs" }]
+];
+var LogOut = createLucideIcon("log-out", __iconNode9);
 
 // ../../node_modules/.pnpm/lucide-react@0.554.0_react@19.2.8/node_modules/lucide-react/dist/esm/icons/trash.js
 init_react_import();
-var __iconNode7 = [
+var __iconNode10 = [
   ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
 ];
-var Trash = createLucideIcon("trash", __iconNode7);
+var Trash = createLucideIcon("trash", __iconNode10);
 
 // ../platform-client/components/Toast/index.ts
 init_react_import();
@@ -22251,8 +22279,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 +22326,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 +24543,8 @@ var PagePlugin = (opts) => {
           createPage("/");
           postToParent({ type: "DATA_READY" });
         }
-        setLoading(false);
       }
+      setLoading(false);
     },
     [
       host,
@@ -24735,16 +24769,96 @@ var PagePlugin = (opts) => {
 // src/components/HeaderActions/index.tsx
 init_react_import();
 import { createUsePuck, useGetPuck as useGetPuck3 } from "@puckeditor/core";
-import { useMemo as useMemo22, useRef as useRef23, useState as useState30 } from "react";
+import { useMemo as useMemo22, useRef as useRef23, useState as useState31 } from "react";
+
+// src/components/SessionMenu/index.tsx
+init_react_import();
+import { useEffect as useEffect29, useState as useState30 } from "react";
+
+// css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/SessionMenu/styles.module.css#css-module
+init_react_import();
+var styles_module_default9 = { "SessionMenu-avatar": "_SessionMenu-avatar_1nrr3_1", "SessionMenu-identity": "_SessionMenu-identity_1nrr3_22", "SessionMenu-name": "_SessionMenu-name_1nrr3_29", "SessionMenu-email": "_SessionMenu-email_1nrr3_33" };
+
+// src/components/SessionMenu/index.tsx
+import { jsx as jsx43, jsxs as jsxs21 } from "react/jsx-runtime";
+var cx10 = getClassNameFactory2("SessionMenu", styles_module_default9);
+var initials = (name) => name.split(/\s+/).filter(Boolean).slice(0, 2).map((part) => part[0].toUpperCase()).join("");
+var SessionMenu = ({ authHost }) => {
+  const [session, setSession] = useState30(null);
+  useEffect29(() => {
+    let cancelled = false;
+    fetch(`${authHost}/session`, { cache: "no-store" }).then((response) => response.ok ? response.json() : null).then((data) => {
+      if (!cancelled && data?.user) setSession(data);
+    }).catch(() => void 0);
+    return () => {
+      cancelled = true;
+    };
+  }, [authHost]);
+  if (!session) return null;
+  const signOut = () => {
+    const form = document.createElement("form");
+    form.method = "post";
+    form.action = `${authHost}/logout`;
+    document.body.appendChild(form);
+    form.submit();
+  };
+  return /* @__PURE__ */ jsx43(
+    Menu,
+    {
+      ariaLabel: "Account",
+      renderLink: ({ href, className, children, onClick }) => /* @__PURE__ */ jsx43(
+        "a",
+        {
+          className,
+          href,
+          onClick,
+          rel: "noreferrer",
+          role: "menuitem",
+          target: "_blank",
+          children
+        }
+      ),
+      sections: [
+        [
+          {
+            disabled: true,
+            label: /* @__PURE__ */ jsxs21("span", { className: cx10("identity"), children: [
+              /* @__PURE__ */ jsx43("span", { className: cx10("name"), children: session.user.name }),
+              /* @__PURE__ */ jsx43("span", { className: cx10("email"), children: session.user.email })
+            ] })
+          },
+          ...session.branch ? [
+            {
+              disabled: true,
+              icon: /* @__PURE__ */ jsx43(GitBranch, { size: 16 }),
+              label: `Editing ${session.branch}`
+            }
+          ] : []
+        ],
+        [
+          ...session.cloudUrl ? [
+            {
+              href: session.cloudUrl,
+              icon: /* @__PURE__ */ jsx43(ExternalLink, { size: 16 }),
+              label: "Open Puck Cloud"
+            }
+          ] : [],
+          { icon: /* @__PURE__ */ jsx43(LogOut, { size: 16 }), label: "Sign out", onClick: signOut }
+        ]
+      ],
+      children: /* @__PURE__ */ jsx43("span", { className: cx10("avatar"), title: session.user.name, children: session.user.image ? /* @__PURE__ */ jsx43("img", { alt: "", src: session.user.image }) : initials(session.user.name) || "?" })
+    }
+  );
+};
 
 // css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/HeaderActions/styles.module.css#css-module
 init_react_import();
-var styles_module_default9 = { "HeaderActions-publish": "_HeaderActions-publish_7nzbl_1", "HeaderActions-trigger": "_HeaderActions-trigger_7nzbl_7", "HeaderActions-versionHeader": "_HeaderActions-versionHeader_7nzbl_19", "HeaderActions-versionLabel": "_HeaderActions-versionLabel_7nzbl_26", "HeaderActions-versionDate": "_HeaderActions-versionDate_7nzbl_33" };
+var styles_module_default10 = { "HeaderActions-publish": "_HeaderActions-publish_7nzbl_1", "HeaderActions-trigger": "_HeaderActions-trigger_7nzbl_7", "HeaderActions-versionHeader": "_HeaderActions-versionHeader_7nzbl_19", "HeaderActions-versionLabel": "_HeaderActions-versionLabel_7nzbl_26", "HeaderActions-versionDate": "_HeaderActions-versionDate_7nzbl_33" };
 
 // src/components/HeaderActions/index.tsx
-import { Fragment as Fragment9, jsx as jsx43, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx44, jsxs as jsxs22 } from "react/jsx-runtime";
 var usePuck = createUsePuck();
-var cx10 = getClassNameFactory2("HeaderActions", styles_module_default9);
+var cx11 = getClassNameFactory2("HeaderActions", styles_module_default10);
 var TOAST_TIMEOUT = 5e3;
 var getDefaultPageVersion = (page) => page?.versions?.[0];
 var showPublishedToast = (path) => {
@@ -24799,7 +24913,8 @@ var HeaderActions = (opts) => {
   const siteIdHeader = useSiteId();
   const siteId = opts?.siteId ?? siteIdHeader;
   const host = opts?.host ?? "/api/puck/pages";
-  const [confirmAction, setConfirmAction] = useState30(null);
+  const authHost = opts?.authHost ?? `${host.replace(/\/+$/, "").replace(/\/[^/]+$/, "")}/auth`;
+  const [confirmAction, setConfirmAction] = useState31(null);
   const {
     buttonsDisabled,
     setButtonsDisabled,
@@ -24882,7 +24997,9 @@ var HeaderActions = (opts) => {
   }) => {
     setPageVersions(data.page.id, data.page.versions, data.page.path ?? path);
     setActivePage(data.page.path ?? path);
-    setActiveVersion(nextActiveVersion);
+    setActiveVersion(
+      data.page.versions?.some((version3) => version3.id === nextActiveVersion) ? nextActiveVersion : null
+    );
     if (syncHistoryData) {
       syncSavedHistory(syncHistoryData);
     }
@@ -25098,13 +25215,13 @@ var HeaderActions = (opts) => {
     onConfirm: handleUnpublish,
     title: "Unpublish page"
   };
-  return /* @__PURE__ */ jsxs21(Fragment9, { children: [
-    canvasIsDirty ? /* @__PURE__ */ jsxs21(Fragment9, { children: [
-      /* @__PURE__ */ jsxs21("div", { className: cx10("version"), children: [
-        /* @__PURE__ */ jsx43("div", { className: cx10("versionHeader"), children: /* @__PURE__ */ jsx43("div", { className: cx10("versionLabel"), children: "Draft" }) }),
-        /* @__PURE__ */ jsx43("div", { className: cx10("versionDate"), children: "Unsaved" })
+  return /* @__PURE__ */ jsxs22(Fragment9, { children: [
+    canvasIsDirty ? /* @__PURE__ */ jsxs22(Fragment9, { children: [
+      /* @__PURE__ */ jsxs22("div", { className: cx11("version"), children: [
+        /* @__PURE__ */ jsx44("div", { className: cx11("versionHeader"), children: /* @__PURE__ */ jsx44("div", { className: cx11("versionLabel"), children: "Draft" }) }),
+        /* @__PURE__ */ jsx44("div", { className: cx11("versionDate"), children: "Unsaved" })
       ] }),
-      /* @__PURE__ */ jsx43(
+      /* @__PURE__ */ jsx44(
         Button,
         {
           variant: "secondary",
@@ -25113,32 +25230,32 @@ var HeaderActions = (opts) => {
           children: "Save"
         }
       )
-    ] }) : currentVersion ? /* @__PURE__ */ jsx43(Fragment9, { children: /* @__PURE__ */ jsxs21("div", { className: cx10("version"), children: [
-      /* @__PURE__ */ jsxs21("div", { className: cx10("versionHeader"), children: [
-        /* @__PURE__ */ jsxs21("div", { className: cx10("versionLabel"), children: [
+    ] }) : currentVersion ? /* @__PURE__ */ jsx44(Fragment9, { children: /* @__PURE__ */ jsxs22("div", { className: cx11("version"), children: [
+      /* @__PURE__ */ jsxs22("div", { className: cx11("versionHeader"), children: [
+        /* @__PURE__ */ jsxs22("div", { className: cx11("versionLabel"), children: [
           "v",
           currentVersion.versionNumber
         ] }),
-        /* @__PURE__ */ jsx43("div", { children: /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx44("div", { children: /* @__PURE__ */ jsx44(
           StatusTag,
           {
             status: currentVersion.status === "published" ? "live" : "draft"
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsx43("div", { className: cx10("versionDate"), children: currentVersion.createdAt ? format(currentVersion.createdAt, "MMM d yyy, HH:mm") : "" })
+      /* @__PURE__ */ jsx44("div", { className: cx11("versionDate"), children: currentVersion.createdAt ? format(currentVersion.createdAt, "MMM d yyy, HH:mm") : "" })
     ] }) }) : null,
-    /* @__PURE__ */ jsxs21("div", { className: cx10("publish"), children: [
-      /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsxs22("div", { className: cx11("publish"), children: [
+      /* @__PURE__ */ jsx44(
         Button,
         {
           disabled: publishDisabled,
           onClick: handlePublish,
-          icon: /* @__PURE__ */ jsx43(Globe, { size: "12" }),
+          icon: /* @__PURE__ */ jsx44(Globe, { size: "12" }),
           children: canvasIsDirty ? "Save & publish" : "Publish"
         }
       ),
-      /* @__PURE__ */ jsx43(
+      /* @__PURE__ */ jsx44(
         Menu,
         {
           ariaLabel: "More publish actions",
@@ -25147,7 +25264,7 @@ var HeaderActions = (opts) => {
             [
               {
                 disabled: unpublishDisabled,
-                icon: /* @__PURE__ */ jsx43(EyeOff, { size: 16 }),
+                icon: /* @__PURE__ */ jsx44(EyeOff, { size: 16 }),
                 label: "Unpublish",
                 onClick: () => {
                   setConfirmAction("unpublish");
@@ -25155,7 +25272,7 @@ var HeaderActions = (opts) => {
               },
               {
                 disabled: deleteDisabled,
-                icon: /* @__PURE__ */ jsx43(Trash, { size: 16 }),
+                icon: /* @__PURE__ */ jsx44(Trash, { size: 16 }),
                 label: "Delete page",
                 onClick: () => {
                   setConfirmAction("delete");
@@ -25163,10 +25280,10 @@ var HeaderActions = (opts) => {
               }
             ]
           ],
-          children: /* @__PURE__ */ jsx43("span", { className: cx10("trigger"), children: /* @__PURE__ */ jsx43(ChevronDown, { size: 16 }) })
+          children: /* @__PURE__ */ jsx44("span", { className: cx11("trigger"), children: /* @__PURE__ */ jsx44(ChevronDown, { size: 16 }) })
         }
       ),
-      /* @__PURE__ */ jsx43(
+      /* @__PURE__ */ jsx44(
         ConfirmModal,
         {
           visible: confirmAction !== null,
@@ -25177,24 +25294,25 @@ var HeaderActions = (opts) => {
           title: confirmConfig.title
         }
       )
-    ] })
+    ] }),
+    !isEmbedded() && /* @__PURE__ */ jsx44(SessionMenu, { authHost })
   ] });
 };
 
 // src/components/Preview/index.tsx
 init_react_import();
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 var Preview = ({ children }) => {
   const { loading } = usePagesStore();
   if (loading) {
-    return /* @__PURE__ */ jsx44(
+    return /* @__PURE__ */ jsx45(
       "div",
       {
         style: {
           height: "100%",
           width: "100%"
         },
-        children: /* @__PURE__ */ jsx44(Align, { horizontal: "center", vertical: "center", children: /* @__PURE__ */ jsx44(Loader, {}) })
+        children: /* @__PURE__ */ jsx45(Align, { horizontal: "center", vertical: "center", children: /* @__PURE__ */ jsx45(Loader, {}) })
       }
     );
   }
@@ -25202,16 +25320,16 @@ var Preview = ({ children }) => {
 };
 
 // src/index.tsx
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 function createPagesPlugin(opts) {
   return {
     label: "Pages",
     name: "pages",
-    render: () => /* @__PURE__ */ jsx45(PagePlugin, { ...opts }),
-    icon: /* @__PURE__ */ jsx45(FileText, {}),
+    render: () => /* @__PURE__ */ jsx46(PagePlugin, { ...opts }),
+    icon: /* @__PURE__ */ jsx46(FileText, {}),
     overrides: {
-      headerActions: () => /* @__PURE__ */ jsx45(ToastWrapper, { children: /* @__PURE__ */ jsx45(HeaderActions, { ...opts }) }),
-      preview: ({ children }) => /* @__PURE__ */ jsx45(Preview, { children })
+      headerActions: () => /* @__PURE__ */ jsx46(ToastWrapper, { children: /* @__PURE__ */ jsx46(HeaderActions, { ...opts }) }),
+      preview: ({ children }) => /* @__PURE__ */ jsx46(Preview, { children })
     }
   };
 }
@@ -25234,9 +25352,12 @@ lucide-react/dist/esm/createLucideIcon.js:
 lucide-react/dist/esm/icons/chevron-down.js:
 lucide-react/dist/esm/icons/chevron-right.js:
 lucide-react/dist/esm/icons/chevron-up.js:
+lucide-react/dist/esm/icons/external-link.js:
 lucide-react/dist/esm/icons/eye-off.js:
 lucide-react/dist/esm/icons/file-text.js:
+lucide-react/dist/esm/icons/git-branch.js:
 lucide-react/dist/esm/icons/globe.js:
+lucide-react/dist/esm/icons/log-out.js:
 lucide-react/dist/esm/icons/trash.js:
 lucide-react/dist/esm/lucide-react.js:
   (**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@puckeditor/plugin-pages",
-  "version": "0.9.0-canary.9a2a27cf",
+  "version": "0.9.0-canary.9ff9b8a5",
   "author": "Chris Villa <chris@puckeditor.com>",
   "repository": {
     "type": "git",
@@ -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.9a2a27cf",
-    "eslint-config-custom": "0.9.0-canary.9a2a27cf",
-    "tsconfig": "0.9.0-canary.9a2a27cf",
-    "tsup-config": "0.9.0-canary.9a2a27cf"
+    "@puckeditor/platform-types": "0.9.0-canary.9ff9b8a5",
+    "tsconfig": "0.9.0-canary.9ff9b8a5",
+    "eslint-config-custom": "0.9.0-canary.9ff9b8a5",
+    "tsup-config": "0.9.0-canary.9ff9b8a5"
   },
   "peerDependencies": {
     "@puckeditor/core": "^0.21.0 || 0.21.0-canary.de0baf39",