sanity 3.83.1-canary.23 → 3.84.1-next.0

package/lib/_chunks-es/PresentationToolGrantsCheck.mjs

@@ -1,18 +1,17 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { c } from "react-compiler-runtime";
-import { useSelector, useActorRef } from "@xstate/react";
-import { presentationLocaleNamespace, usePresentationTool, PresentationSpinner, API_VERSION, MAX_TIME_TO_OVERLAYS_CONNECTION, usePresentationNavigate, POPUP_CHECK_INTERVAL, EDIT_INTENT_MODE, DEFAULT_TOOL_NAME } from "./presentation.mjs";
+import { urlSearchParamPreviewPerspective, fetchSharedAccessQuery, urlSearchParamVercelProtectionBypass, urlSearchParamVercelSetBypassCookie, schemaTypeSingleton, schemaIdSingleton, schemaType } from "@sanity/preview-url-secret/constants";
+import { Card, Text, Stack, Inline, Box, Flex, Container as Container$1, Code, Label, TextInput, Spinner, useToast, Menu, Grid, Switch, MenuDivider, Hotkeys, usePrefersReducedMotion, BoundaryElementProvider } from "@sanity/ui";
+import { uuid } from "@sanity/uuid";
+import { memo, useEffect, useRef, useContext, useLayoutEffect, useState, forwardRef, Suspense, useId, lazy, useMemo, useCallback, useImperativeHandle, useSyncExternalStore, startTransition, useReducer } from "react";
+import { useTranslation, useUnique, getPublishedId, useDocumentPreviewStore, usePerspective, getPreviewStateObservable, useSchema, getPreviewValueWithFallback, SanityDefaultPreview, PreviewCard, Translate, CommentsIntentProvider, useActiveWorkspace, useClient, useCurrentUser, useProjectId, useDataset, useWorkspace, COMMENTS_INSPECTOR_NAME, useGrantsStore } from "sanity";
+import { presentationLocaleNamespace, usePresentationTool, PresentationSpinner, API_VERSION, ACTION_IFRAME_RELOAD, MAX_TIME_TO_OVERLAYS_CONNECTION, ACTION_IFRAME_LOADED, POPUP_CHECK_INTERVAL, presentationReducer, presentationReducerInit, ACTION_VISUAL_EDITING_OVERLAYS_TOGGLE, ACTION_IFRAME_REFRESH, EDIT_INTENT_MODE, DEFAULT_TOOL_NAME } from "./presentation.mjs";
 import { studioPath } from "@sanity/client/csm";
 import { createController, createConnectionMachine } from "@sanity/comlink";
 import { createCompatibilityActors } from "@sanity/presentation-comlink";
-import { urlSearchParamPreviewPerspective, fetchSharedAccessQuery, urlSearchParamVercelProtectionBypass, urlSearchParamVercelSetBypassCookie, urlSearchParamPreviewSecret, urlSearchParamPreviewPathname, schemaTypeSingleton, schemaIdSingleton, schemaType } from "@sanity/preview-url-secret/constants";
-import { Card, Text, Stack, Inline, Box, Flex, Container as Container$1, Code, Label, TextInput, Spinner, useToast, Menu, Grid, Switch, MenuDivider, Hotkeys, usePrefersReducedMotion, BoundaryElementProvider } from "@sanity/ui";
-import { memo, useEffect, useRef, useContext, useLayoutEffect, useState, forwardRef, Suspense, useId as useId$1, useImperativeHandle, lazy, useMemo, useCallback, useSyncExternalStore, useReducer } from "react";
-import { useTranslation, useUnique, getPublishedId, useDocumentPreviewStore, usePerspective, getPreviewStateObservable, useSchema, getPreviewValueWithFallback, SanityDefaultPreview, PreviewCard, Translate, CommentsIntentProvider, useActiveWorkspace, useClient, useCurrentUser, useProjectId, useDataset, useWorkspace, COMMENTS_INSPECTOR_NAME, useGrantsStore } from "sanity";
 import { StateLink, useRouter, decodeJsonParams } from "sanity/router";
-import { styled, createGlobalStyle } from "styled-components";
+import { styled } from "styled-components";
 import { useEffectEvent } from "use-effect-event";
-import { setup, assign, fromPromise, fromObservable, log } from "xstate";
 import { PresentationSharedStateContext, PresentationPanelsContext, PresentationNavigateContext, PresentationParamsContext, PresentationContext } from "sanity/_singletons";
 import { WarningOutlineIcon, LaunchIcon, ResetIcon, CopyIcon, ShareIcon, PanelLeftIcon, MobileDeviceIcon, DesktopIcon, RefreshIcon } from "@sanity/icons";
 import { PaneRouterContext, PaneLayout, StructureToolProvider, DocumentListPane as DocumentListPane$1, DocumentPane as DocumentPane$1 } from "sanity/structure";
@@ -29,106 +28,35 @@ import { disablePreviewAccessSharing, enablePreviewAccessSharing } from "@sanity
 import { validateApiPerspective } from "@sanity/client";
 import isEqual from "fast-deep-equal";
 import { match } from "path-to-regexp";
+import { pipe, string, minLength, optional, object, record, unknown } from "valibot";
 import { createPreviewSecret } from "@sanity/preview-url-secret/create-secret";
-import { uuid } from "@sanity/uuid";
-import { throwError } from "rxjs";
+import { definePreviewUrl } from "@sanity/preview-url-secret/define-preview-url";
+import { suspend } from "suspend-react";
 import { subcribeToVercelProtectionBypass } from "@sanity/preview-url-secret/toggle-vercel-protection-bypass";
 const PostMessageFeatures = (props) => {
   const $ = c(3), {
     comlink
   } = props;
   let t0, t1;
-  return $[0] !== comlink ? (t0 = () => comlink.on("visual-editing/features", _temp$f), t1 = [comlink], $[0] = comlink, $[1] = t0, $[2] = t1) : (t0 = $[1], t1 = $[2]), useEffect(t0, t1), null;
+  return $[0] !== comlink ? (t0 = () => comlink.on("visual-editing/features", _temp$a), t1 = [comlink], $[0] = comlink, $[1] = t0, $[2] = t1) : (t0 = $[1], t1 = $[2]), useEffect(t0, t1), null;
 };
 var PostMessageFeatures$1 = memo(PostMessageFeatures);
-function _temp$f() {
+function _temp$a() {
   return {
     features: {
       optimistic: !0
     }
   };
 }
-const presentationMachine = setup({
-  types: {},
-  actions: {
-    //
-  },
-  actors: {
-    //
-  },
-  guards: {
-    //
-  }
-}).createMachine({
-  // eslint-disable-next-line tsdoc/syntax
-  /** @xstate-layout N4IgpgJg5mDOIC5QAUBOcwDsAuBDbAlgPaYAEAKkUQDYDEBAZqrgLZinrVG4QDaADAF1EoAA5FYBQiREgAHogAsAJgA0IAJ6IAHAEYAdIoCcJowFY9R-vzPLlAX3vq0GHPmJlKNfVx4FMUPRMrOy+EJACwkgg4pLSmLIKCLoAbIr6Zoop2tqKAMxpJnnF6loIZkbK+uZ5umapKXmK-Cm6js7osFh48RRU1D7c4RC02ERQUNTsAG4EsACuuNSkkFL+UKRE02Co1LgasJGysWsy0UnaZinVyrpGAOx1Rim2efeliPe3hma1Zvy6XT8W4OJwgFxdNy9LwDMKQILMNgcMBMOAACyO0RO8USiAK930LWU-3uiiB9yaKXemkQjW01V+txS-GKqUe7XBnW67hIfW8cJGjER7E4Q0xYgkpwS5zxVMJKWJ-FJ5Mp1LKFn4Pz+DSaLTaYIh3Oh-UGPEg+nQqNgaPWCJCpAF4pikpxMoQKWZ+gp+TSZLy1hSH3deXpNSZLNqVP1HVcPQ8fNhQ3Nor8ATtSMdQmOLo8uPdnu9BUUfoDQY1WrqOuarUcYMwRHC8Gihqh8Zh2biubdAFpAzSEL2OS247yYfodqgiKgO1K8yog7ptATFL9dFljMDrHkh1zW6OTWF1jPXaAkmY1YgKnktfxtC9dPd+Io9DvYzzPAekxBj13T3i7vKirKkqqpBsYVQ1HUFjFs0t6KK+kIjh+-JfvoBAQFMP5nH+CDaMo16KjYyjMvUNh5GWOT6MoLL8A8ygrk0dQIUabafmaEAWiinQ2gEWHSjhjJUYuj73Pcd63noQaNEYFb-Dk2S0cxe7IYm7GcYevFYjm2HyJeeQQb8tFkikVjGNoFGajUt73o+z61vYQA */
-  id: "Presentation Tool",
-  context: {
-    url: null,
-    error: null,
-    visualEditingOverlaysEnabled: !1
-  },
-  on: {
-    "iframe reload": {
-      actions: assign({
-        url: null
-      }),
-      target: ".loading"
-    }
-  },
-  states: {
-    error: {
-      description: "Failed to load, either because of a misconfiguration, a network error, or an unexpected error",
-      tags: ["error"]
-    },
-    loading: {
-      on: {
-        "iframe loaded": {
-          target: "loaded"
-        }
-      },
-      tags: ["busy"]
-    },
-    loaded: {
-      on: {
-        "toggle visual editing overlays": {
-          actions: assign({
-            visualEditingOverlaysEnabled: ({
-              event
-            }) => event.enabled
-          })
-        },
-        "iframe refresh": {
-          target: ".refreshing"
-        },
-        "iframe reload": {
-          target: ".reloading"
-        }
-      },
-      states: {
-        idle: {},
-        refreshing: {
-          on: {
-            "iframe loaded": {
-              target: "idle"
-            }
-          },
-          tags: ["busy"]
-        },
-        reloading: {
-          on: {
-            "iframe loaded": {
-              target: "idle"
-            }
-          },
-          tags: ["busy"]
-        }
-      },
-      initial: "idle"
-    }
-  },
-  initial: "loading"
-}), SharedStateProvider = function(props) {
+function debounce(fn, timeout) {
+  let timer;
+  return (...args) => {
+    clearTimeout(timer), timer = setTimeout(() => {
+      fn.apply(fn, args);
+    }, timeout);
+  };
+}
+const SharedStateProvider = function(props) {
   const $ = c(14), {
     comlink,
     children
@@ -199,22 +127,13 @@ const presentationMachine = setup({
   }), t5 = [id, defaultSize, order, maxWidth, minWidth, registerElement, unregisterElement], $[3] = defaultSize, $[4] = id, $[5] = maxWidth, $[6] = minWidth, $[7] = order, $[8] = registerElement, $[9] = unregisterElement, $[10] = t4, $[11] = t5) : (t4 = $[10], t5 = $[11]), useLayoutEffect(t4, t5);
   let t6;
   return $[12] !== children || $[13] !== style ? (t6 = /* @__PURE__ */ jsx(Root$1, { style, children }), $[12] = children, $[13] = style, $[14] = t6) : t6 = $[14], t6;
-};
-function debounce(fn, timeout) {
-  let timer;
-  return (...args) => {
-    clearTimeout(timer), timer = setTimeout(() => {
-      fn.apply(fn, args);
-    }, timeout);
-  };
-}
-const itemKey = "presentation/panels", getStoredItem = () => JSON.parse(localStorage.getItem(itemKey) || "{}"), setStoredItem = (data) => {
+}, itemKey = "presentation/panels", getStoredItem = () => JSON.parse(localStorage.getItem(itemKey) || "{}"), setStoredItem = (data) => {
   localStorage.setItem(itemKey, JSON.stringify(data));
 }, getKeyForPanels = (panels) => panels.map((panel) => [panel.id, panel.order].join(":")).join(",");
 function usePanelsStorage() {
   const $ = c(1);
   let t0;
-  const get = _temp2$8, set = _temp3$4;
+  const get = _temp2$5, set = _temp3$2;
   let t1;
   if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
     const setDebounced = debounce(set, 100);
@@ -227,18 +146,18 @@ function usePanelsStorage() {
     t1 = $[0];
   return t0 = t1, t0;
 }
-function _temp3$4(panels_0, widths) {
+function _temp3$2(panels_0, widths) {
   const stored_0 = getStoredItem(), key_0 = getKeyForPanels(panels_0), data = {
     ...stored_0,
     [key_0]: widths
   };
   setStoredItem(data);
 }
-function _temp2$8(panels) {
+function _temp2$5(panels) {
   const stored = getStoredItem(), key = getKeyForPanels(panels);
-  return Array.isArray(stored[key]) && stored[key].some(_temp$e) ? void 0 : stored[key];
+  return Array.isArray(stored[key]) && stored[key].some(_temp$9) ? void 0 : stored[key];
 }
-function _temp$e(val) {
+function _temp$9(val) {
   return val === null;
 }
 function getNextWidth(panel, nextWidth, containerWidth) {
@@ -659,13 +578,13 @@ function PresentationPaneRouterProvider(props) {
     ChildLink: t6,
     BackLink: t7,
     ReferenceChildLink: t8,
-    ParameterizedLink: _temp$d,
-    closeCurrentAndAfter: _temp2$7,
-    handleEditReference: _temp3$3,
-    replaceCurrent: _temp4$2,
-    closeCurrent: _temp5$2,
-    duplicateCurrent: _temp6$1,
-    setView: _temp7$1,
+    ParameterizedLink: _temp$8,
+    closeCurrentAndAfter: _temp2$4,
+    handleEditReference: _temp3$1,
+    replaceCurrent: _temp4,
+    closeCurrent: _temp5,
+    duplicateCurrent: _temp6,
+    setView: _temp7,
     setParams: t9,
     setPayload: _temp8,
     navigateIntent: _temp9,
@@ -681,25 +600,25 @@ function _temp9(intentName, intentParams, options_0) {
 function _temp8(payload) {
   console.warn("setPayload", payload);
 }
-function _temp7$1(viewId) {
+function _temp7(viewId) {
   console.warn("setView", viewId);
 }
-function _temp6$1(pane_0) {
+function _temp6(pane_0) {
   console.warn("duplicateCurrent", pane_0);
 }
-function _temp5$2() {
+function _temp5() {
   console.warn("closeCurrent");
 }
-function _temp4$2(pane) {
+function _temp4(pane) {
   console.warn("replaceCurrent", pane);
 }
-function _temp3$3(options) {
+function _temp3$1(options) {
   console.warn("handleEditReference", options);
 }
-function _temp2$7() {
+function _temp2$4() {
   console.warn("closeCurrentAndAfter");
 }
-function _temp$d() {
+function _temp$8() {
   throw new Error("ParameterizedLink not implemented");
 }
 const RootLayout = styled(PaneLayout)`
@@ -726,7 +645,7 @@ function DocumentListPane(props) {
   let t0, t1;
   if ($[0] !== mainDocumentState?.document?._id || $[1] !== refs) {
     let t22;
-    $[3] !== mainDocumentState?.document?._id ? (t22 = (r) => getPublishedId(r._id) !== mainDocumentState?.document?._id, $[3] = mainDocumentState?.document?._id, $[4] = t22) : t22 = $[4], t1 = refs.filter(t22).map(_temp$c), $[0] = mainDocumentState?.document?._id, $[1] = refs, $[2] = t1;
+    $[3] !== mainDocumentState?.document?._id ? (t22 = (r) => getPublishedId(r._id) !== mainDocumentState?.document?._id, $[3] = mainDocumentState?.document?._id, $[4] = t22) : t22 = $[4], t1 = refs.filter(t22).map(_temp$7), $[0] = mainDocumentState?.document?._id, $[1] = refs, $[2] = t1;
   } else
     t1 = $[2];
   t0 = t1;
@@ -751,7 +670,7 @@ function DocumentListPane(props) {
   const pane = t2, [errorParams, setErrorParams] = useState(null);
   let t6;
   $[12] === Symbol.for("react.memo_cache_sentinel") ? (t6 = () => setErrorParams(null), $[12] = t6) : t6 = $[12];
-  const handleRetry = t6, [structureParams] = useState(_temp2$6);
+  const handleRetry = t6, [structureParams] = useState(_temp2$3);
   let t7;
   $[13] === Symbol.for("react.memo_cache_sentinel") ? (t7 = () => setErrorParams(null), $[13] = t7) : t7 = $[13];
   let t8;
@@ -771,10 +690,10 @@ function DocumentListPane(props) {
   let t10;
   return $[27] !== onStructureParams || $[28] !== refs || $[29] !== searchParams || $[30] !== structureParams || $[31] !== t9 ? (t10 = /* @__PURE__ */ jsx(ErrorBoundary, { onCatch: setErrorParams, children: /* @__PURE__ */ jsx(RootLayout, { children: /* @__PURE__ */ jsx(StructureToolProvider, { children: /* @__PURE__ */ jsx(PresentationPaneRouterProvider, { onStructureParams, structureParams, searchParams, refs, children: t9 }) }) }) }), $[27] = onStructureParams, $[28] = refs, $[29] = searchParams, $[30] = structureParams, $[31] = t9, $[32] = t10) : t10 = $[32], t10;
 }
-function _temp2$6() {
+function _temp2$3() {
   return {};
 }
-function _temp$c(r_0) {
+function _temp$7(r_0) {
   return getPublishedId(r_0._id);
 }
 const WrappedCode = styled(Code)`
@@ -1129,7 +1048,7 @@ function usePresentationNavigator(props) {
       break bb0;
     }
     let t12;
-    $[0] !== setNavigatorEnabled ? (t12 = () => setNavigatorEnabled(_temp$b), $[0] = setNavigatorEnabled, $[1] = t12) : t12 = $[1], t0 = t12;
+    $[0] !== setNavigatorEnabled ? (t12 = () => setNavigatorEnabled(_temp$6), $[0] = setNavigatorEnabled, $[1] = t12) : t12 = $[1], t0 = t12;
   }
   const toggleNavigator = t0;
   let t1;
@@ -1145,7 +1064,7 @@ function usePresentationNavigator(props) {
   let t3;
   return $[8] !== Component || $[9] !== t2 ? (t3 = [t2, Component], $[8] = Component, $[9] = t2, $[10] = t3) : t3 = $[10], t3;
 }
-function _temp$b(enabled) {
+function _temp$6(enabled) {
   return !enabled;
 }
 function NavigatorComponent(props) {
@@ -1199,68 +1118,10 @@ const Navigator = memo(NavigatorComponent), PresentationParamsProvider = functio
   let t2;
   return $[7] !== children || $[8] !== context ? (t2 = /* @__PURE__ */ jsx(PresentationContext.Provider, { value: context, children }), $[7] = children, $[8] = context, $[9] = t2) : t2 = $[9], t2;
 };
-function useAllowPatterns(previewUrlRef) {
-  const allowPatterns = useSelector(previewUrlRef, _temp$a);
-  if (!Array.isArray(allowPatterns))
-    throw new TypeError("allowPatterns must be an array");
-  return allowPatterns;
-}
-function _temp$a(state) {
-  return state.context.allowOrigins;
-}
 function encodeStudioPerspective(studioPerspective) {
   return Array.isArray(studioPerspective) ? studioPerspective.join(",") : studioPerspective;
 }
-function useId() {
-  const $ = c(2), id = useId$1();
-  let t0;
-  return $[0] !== id ? (t0 = id.startsWith(":") ? id.replace(/^:(.+):$/, "\xAB$1\xBB") : id, $[0] = id, $[1] = t0) : t0 = $[1], t0;
-}
-const IFrame = forwardRef(function(props, forwardedRef) {
-  const $ = c(19), {
-    animate,
-    initial,
-    onLoad,
-    preventClick,
-    src,
-    variants,
-    style
-  } = props, ref = useRef(null);
-  let t0;
-  $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = () => ref.current, $[0] = t0) : t0 = $[0], useImperativeHandle(forwardedRef, t0);
-  let t1, t2;
-  $[1] === Symbol.for("react.memo_cache_sentinel") ? (t1 = () => {
-    if (!ref.current)
-      return;
-    const instance = ref.current, handleBlur = function() {
-      instance === document.activeElement && instance.dispatchEvent(new MouseEvent("mousedown", {
-        bubbles: !0,
-        cancelable: !0
-      }));
-    };
-    return window.addEventListener("blur", handleBlur), () => {
-      window.removeEventListener("blur", handleBlur);
-    };
-  }, t2 = [], $[1] = t1, $[2] = t2) : (t1 = $[1], t2 = $[2]), useEffect(t1, t2);
-  const viewTransitionName = useId();
-  let t3;
-  $[3] !== style || $[4] !== viewTransitionName ? (t3 = {
-    ...style,
-    viewTransitionName
-  }, $[3] = style, $[4] = viewTransitionName, $[5] = t3) : t3 = $[5];
-  let t4;
-  $[6] !== animate || $[7] !== initial || $[8] !== onLoad || $[9] !== src || $[10] !== t3 || $[11] !== variants ? (t4 = /* @__PURE__ */ jsx(IFrameElement, { style: t3, animate, initial, onLoad, ref, src, variants }), $[6] = animate, $[7] = initial, $[8] = onLoad, $[9] = src, $[10] = t3, $[11] = variants, $[12] = t4) : t4 = $[12];
-  let t5;
-  $[13] !== preventClick ? (t5 = preventClick && /* @__PURE__ */ jsx(IFrameOverlay, {}), $[13] = preventClick, $[14] = t5) : t5 = $[14];
-  let t6;
-  $[15] === Symbol.for("react.memo_cache_sentinel") ? (t6 = /* @__PURE__ */ jsx(GlobalViewTransition, {}), $[15] = t6) : t6 = $[15];
-  let t7;
-  return $[16] !== t4 || $[17] !== t5 ? (t7 = /* @__PURE__ */ jsxs(Fragment, { children: [
-    t4,
-    t5,
-    t6
-  ] }), $[16] = t4, $[17] = t5, $[18] = t7) : t7 = $[18], t7;
-}), IFrameElement = motion.create(styled.iframe`
+const IFrameElement = motion.create(styled.iframe`
   box-shadow: 0 0 0 1px var(--card-border-color);
   border: 0;
   max-height: 100%;
@@ -1270,20 +1131,31 @@ const IFrame = forwardRef(function(props, forwardedRef) {
   position: absolute;
   inset: 0;
   background: transparent;
-`, GlobalViewTransition = createGlobalStyle`
-html:active-view-transition-type(sanity-iframe-viewport) {
-  view-transition-name: none;
-  &::view-transition {
-    pointer-events: none;
-  }
-  /* &::view-transition-old(root) {
-    display: none;
-  }
-  &::view-transition-new(root) {
-    animation: none;
-  } */
-}
-`;
+`, IFrame = forwardRef(function(props, ref) {
+  const $ = c(16), {
+    animate,
+    initial,
+    onLoad,
+    preventClick,
+    src,
+    variants,
+    style
+  } = props, t0 = `presentation-tool-iframe-${useId().replace(/[^a-zA-Z0-9-_]/g, "_")}`;
+  let t1;
+  $[0] !== style || $[1] !== t0 ? (t1 = {
+    ...style,
+    viewTransitionName: t0
+  }, $[0] = style, $[1] = t0, $[2] = t1) : t1 = $[2];
+  let t2;
+  $[3] !== animate || $[4] !== initial || $[5] !== onLoad || $[6] !== ref || $[7] !== src || $[8] !== t1 || $[9] !== variants ? (t2 = /* @__PURE__ */ jsx(IFrameElement, { style: t1, animate, initial, onLoad, ref, src, variants }), $[3] = animate, $[4] = initial, $[5] = onLoad, $[6] = ref, $[7] = src, $[8] = t1, $[9] = variants, $[10] = t2) : t2 = $[10];
+  let t3;
+  $[11] !== preventClick ? (t3 = preventClick && /* @__PURE__ */ jsx(IFrameOverlay, {}), $[11] = preventClick, $[12] = t3) : t3 = $[12];
+  let t4;
+  return $[13] !== t2 || $[14] !== t3 ? (t4 = /* @__PURE__ */ jsxs(Fragment, { children: [
+    t2,
+    t3
+  ] }), $[13] = t2, $[14] = t3, $[15] = t4) : t4 = $[15], t4;
+});
 function OpenPreviewButton(props) {
   const $ = c(16), {
     openPopup,
@@ -1321,25 +1193,16 @@ function OpenPreviewButton(props) {
   let t7;
   return $[13] !== t3 || $[14] !== t6 ? (t7 = /* @__PURE__ */ jsx(Tooltip, { animate: !0, content: t3, fallbackPlacements: t4, placement: "bottom", portal: !0, children: t6 }), $[13] = t3, $[14] = t6, $[15] = t7) : t7 = $[15], t7;
 }
-function useTargetOrigin(previewUrlRef) {
-  const targetOrigin = useSelector(previewUrlRef, _temp$9);
-  if (!targetOrigin)
-    throw new TypeError("targetOrigin is required");
-  return targetOrigin;
-}
-function _temp$9(state) {
-  return state.context.previewUrl?.origin;
-}
-function PreviewLocationInput(props) {
-  const $ = c(32), {
+const PreviewLocationInput = function(props) {
+  const $ = c(27), {
     fontSize: t0,
     onChange,
+    origin,
     padding: t1,
     prefix,
     suffix,
-    value,
-    previewUrlRef
-  } = props, fontSize = t0 === void 0 ? 1 : t0, padding = t1 === void 0 ? 3 : t1, allowOrigins = useAllowPatterns(previewUrlRef), targetOrigin = useTargetOrigin(previewUrlRef), {
+    value
+  } = props, fontSize = t0 === void 0 ? 1 : t0, padding = t1 === void 0 ? 3 : t1, {
     t
   } = useTranslation(presentationLocaleNamespace), {
     basePath: t2
@@ -1350,74 +1213,59 @@ function PreviewLocationInput(props) {
   }, $[0] = t3) : t3 = $[0];
   const handleChange = t3;
   let t4;
-  $[1] !== allowOrigins || $[2] !== basePath || $[3] !== onChange || $[4] !== sessionValue || $[5] !== t || $[6] !== targetOrigin ? (t4 = (event_0) => {
+  $[1] !== basePath || $[2] !== onChange || $[3] !== origin || $[4] !== sessionValue || $[5] !== t ? (t4 = (event_0) => {
     if (event_0.key === "Enter") {
       if (sessionValue === void 0)
         return;
-      let absoluteValue;
-      absoluteValue = sessionValue;
-      try {
-        absoluteValue = new URL(sessionValue, targetOrigin).toString();
-      } catch {
+      const absoluteValue = sessionValue.startsWith("/") || sessionValue === "" ? `${origin}${sessionValue}` : sessionValue;
+      if (!absoluteValue.startsWith(`${origin}/`) && absoluteValue !== origin) {
+        setCustomValidity(t("preview-location-input.error", {
+          origin,
+          context: "missing-origin"
+        }));
+        return;
       }
-      if (Array.isArray(allowOrigins)) {
-        if (!allowOrigins.some((pattern) => pattern.test(absoluteValue))) {
-          setCustomValidity(t("preview-location-input.error", {
-            origin: targetOrigin,
-            context: "origin-not-allowed"
-          })), event_0.currentTarget.reportValidity();
-          return;
-        }
-      } else if (!targetOrigin && (absoluteValue.startsWith(`${basePath}/`) || absoluteValue === basePath)) {
+      if (!origin && (absoluteValue.startsWith(`${basePath}/`) || absoluteValue === basePath)) {
         setCustomValidity(t("preview-location-input.error", {
           basePath,
           context: "same-base-path"
         }));
         return;
       }
-      const nextValue = absoluteValue === targetOrigin ? `${targetOrigin}/` : absoluteValue;
-      setCustomValidity(void 0), setSessionValue(void 0), onChange(nextValue), inputRef.current?.blur();
+      const nextValue = absoluteValue === origin ? `${origin}/` : absoluteValue;
+      setCustomValidity(void 0), setSessionValue(void 0), onChange(nextValue.slice(origin.length)), inputRef.current?.blur();
     }
     event_0.key === "Escape" && (setCustomValidity(void 0), setSessionValue(void 0));
-  }, $[1] = allowOrigins, $[2] = basePath, $[3] = onChange, $[4] = sessionValue, $[5] = t, $[6] = targetOrigin, $[7] = t4) : t4 = $[7];
+  }, $[1] = basePath, $[2] = onChange, $[3] = origin, $[4] = sessionValue, $[5] = t, $[6] = t4) : t4 = $[6];
   const handleKeyDown = t4;
   let t5;
-  $[8] === Symbol.for("react.memo_cache_sentinel") ? (t5 = () => {
+  $[7] === Symbol.for("react.memo_cache_sentinel") ? (t5 = () => {
     setCustomValidity(void 0), setSessionValue(void 0);
-  }, $[8] = t5) : t5 = $[8];
+  }, $[7] = t5) : t5 = $[7];
   const handleBlur = t5;
   let t6;
-  $[9] !== targetOrigin || $[10] !== value ? (t6 = () => {
-    setCustomValidity(void 0);
-    let nextValue_0 = value;
-    try {
-      nextValue_0 = new URL(value, targetOrigin).toString();
-    } catch {
-    }
-    setSessionValue(nextValue_0);
-  }, $[9] = targetOrigin, $[10] = value, $[11] = t6) : t6 = $[11];
-  const handleClear = t6;
-  let t7;
-  $[12] === Symbol.for("react.memo_cache_sentinel") ? (t7 = () => {
+  $[8] === Symbol.for("react.memo_cache_sentinel") ? (t6 = () => {
     setCustomValidity(void 0), setSessionValue(void 0);
-  }, $[12] = t7) : t7 = $[12];
-  let t8;
-  $[13] !== targetOrigin || $[14] !== value ? (t8 = [targetOrigin, value], $[13] = targetOrigin, $[14] = value, $[15] = t8) : t8 = $[15], useEffect(t7, t8);
-  let t9, t10;
-  $[16] === Symbol.for("react.memo_cache_sentinel") ? (t10 = {
+  }, $[8] = t6) : t6 = $[8];
+  let t7;
+  $[9] !== origin || $[10] !== value ? (t7 = [origin, value], $[9] = origin, $[10] = value, $[11] = t7) : t7 = $[11], useEffect(t6, t7);
+  let t8, t9;
+  $[12] === Symbol.for("react.memo_cache_sentinel") ? (t9 = {
     icon: ResetIcon
-  }, $[16] = t10) : t10 = $[16], t9 = t10;
-  const t11 = customValidity ? t9 : void 0;
+  }, $[12] = t9) : t9 = $[12], t8 = t9;
+  const t10 = customValidity ? t8 : void 0;
+  let t11;
+  $[13] !== origin || $[14] !== value ? (t11 = () => {
+    setCustomValidity(void 0), setSessionValue(origin + value);
+  }, $[13] = origin, $[14] = value, $[15] = t11) : t11 = $[15];
   let t12;
-  $[17] === Symbol.for("react.memo_cache_sentinel") ? (t12 = {
+  $[16] === Symbol.for("react.memo_cache_sentinel") ? (t12 = {
     zIndex: 1
-  }, $[17] = t12) : t12 = $[17];
-  let t13;
-  $[18] !== sessionValue || $[19] !== targetOrigin || $[20] !== value ? (t13 = sessionValue === void 0 ? new URL(value, targetOrigin).toString() : sessionValue, $[18] = sessionValue, $[19] = targetOrigin, $[20] = value, $[21] = t13) : t13 = $[21];
+  }, $[16] = t12) : t12 = $[16];
+  const t13 = sessionValue === void 0 ? `${origin}${value}` : sessionValue;
   let t14;
-  return $[22] !== customValidity || $[23] !== fontSize || $[24] !== handleClear || $[25] !== handleKeyDown || $[26] !== padding || $[27] !== prefix || $[28] !== suffix || $[29] !== t11 || $[30] !== t13 ? (t14 = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(TextInput, { clearButton: t11, customValidity, fontSize, onBlur: handleBlur, onClear: handleClear, onChange: handleChange, onKeyDownCapture: handleKeyDown, padding, prefix, style: t12, radius: 2, ref: inputRef, space: padding, suffix, value: t13 }) }), $[22] = customValidity, $[23] = fontSize, $[24] = handleClear, $[25] = handleKeyDown, $[26] = padding, $[27] = prefix, $[28] = suffix, $[29] = t11, $[30] = t13, $[31] = t14) : t14 = $[31], t14;
-}
-const QRCodeSVG = lazy(() => import("./QRCodeSVG.mjs")), QrCodeLogoSize = 24, QrCodeLogoPadding = 16, QrSize = 224, StyledSanityMonogram = styled(SanityMonogram)`
+  return $[17] !== customValidity || $[18] !== fontSize || $[19] !== handleKeyDown || $[20] !== padding || $[21] !== prefix || $[22] !== suffix || $[23] !== t10 || $[24] !== t11 || $[25] !== t13 ? (t14 = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(TextInput, { clearButton: t10, customValidity, fontSize, onBlur: handleBlur, onClear: t11, onChange: handleChange, onKeyDownCapture: handleKeyDown, padding, prefix, style: t12, radius: 2, ref: inputRef, space: padding, suffix, value: t13 }) }), $[17] = customValidity, $[18] = fontSize, $[19] = handleKeyDown, $[20] = padding, $[21] = prefix, $[22] = suffix, $[23] = t10, $[24] = t11, $[25] = t13, $[26] = t14) : t14 = $[26], t14;
+}, QRCodeSVG = lazy(() => import("./QRCodeSVG.mjs")), QrCodeLogoSize = 24, QrCodeLogoPadding = 16, QrSize = 224, StyledSanityMonogram = styled(SanityMonogram)`
   position: absolute;
   top: 50%;
   left: 50%;
@@ -1450,7 +1298,7 @@ const QRCodeSVG = lazy(() => import("./QRCodeSVG.mjs")), QrCodeLogoSize = 24, Qr
     });
   }, [pushToast, t]), handleDisableSharing = useCallback(async () => {
     try {
-      setDisabling(!0), await disablePreviewAccessSharing(client, "sanity/presentation", typeof window > "u" ? "" : location.href, currentUser?.id), setSecret(null);
+      setDisabling(!0), await disablePreviewAccessSharing(client, "@sanity/presentation", typeof window > "u" ? "" : location.href, currentUser?.id), setSecret(null);
     } catch (error_0) {
       setError(error_0);
     } finally {
@@ -1459,7 +1307,7 @@ const QRCodeSVG = lazy(() => import("./QRCodeSVG.mjs")), QrCodeLogoSize = 24, Qr
   }, [client, currentUser?.id]), handleEnableSharing = useCallback(async () => {
     try {
       setEnabling(!0);
-      const previewUrlSecret = await enablePreviewAccessSharing(client, "sanity/presentation", typeof window > "u" ? "" : location.href, currentUser?.id);
+      const previewUrlSecret = await enablePreviewAccessSharing(client, "@sanity/presentation", typeof window > "u" ? "" : location.href, currentUser?.id);
       setSecret(previewUrlSecret.secret);
     } catch (error_1) {
       setError(error_1);
@@ -1576,10 +1424,12 @@ const QRCodeSVG = lazy(() => import("./QRCodeSVG.mjs")), QrCodeLogoSize = 24, Qr
 });
 SharePreviewMenu.displayName = "Memo(SharePreviewMenu)";
 const PreviewHeaderDefault = (props) => {
-  const $ = c(107), {
+  const $ = c(100), {
     canSharePreviewAccess,
     canToggleSharePreviewAccess,
     canUseSharedPreviewAccess,
+    dispatch,
+    iframe,
     iframeRef,
     initialUrl,
     navigatorEnabled,
@@ -1587,7 +1437,6 @@ const PreviewHeaderDefault = (props) => {
     onRefresh,
     openPopup,
     overlaysConnection,
-    presentationRef,
     perspective,
     previewUrl,
     setViewport,
@@ -1595,147 +1444,145 @@ const PreviewHeaderDefault = (props) => {
     toggleNavigator,
     toggleOverlay,
     viewport,
-    previewUrlRef
+    visualEditing: t0
   } = props, {
+    overlaysEnabled
+  } = t0, {
     t
   } = useTranslation(presentationLocaleNamespace);
-  let t0;
-  $[0] !== setViewport || $[1] !== viewport ? (t0 = () => setViewport(viewport === "desktop" ? "mobile" : "desktop"), $[0] = setViewport, $[1] = viewport, $[2] = t0) : t0 = $[2];
-  const toggleViewportSize = t0;
   let t1;
-  t1 = targetOrigin === location.origin ? "" : targetOrigin;
-  const previewLocationOrigin = t1;
+  $[0] !== setViewport || $[1] !== viewport ? (t1 = () => setViewport(viewport === "desktop" ? "mobile" : "desktop"), $[0] = setViewport, $[1] = viewport, $[2] = t1) : t1 = $[2];
+  const toggleViewportSize = t1;
   let t2;
-  $[3] !== iframeRef || $[4] !== onRefresh || $[5] !== presentationRef || $[6] !== previewUrl || $[7] !== targetOrigin ? (t2 = () => {
+  t2 = targetOrigin === location.origin ? "" : targetOrigin;
+  const previewLocationOrigin = t2;
+  let t3;
+  $[3] !== dispatch || $[4] !== iframeRef || $[5] !== onRefresh || $[6] !== previewUrl || $[7] !== targetOrigin ? (t3 = () => {
     onRefresh(() => {
-      iframeRef.current && (presentationRef.send({
-        type: "iframe reload"
+      iframeRef.current && (dispatch({
+        type: ACTION_IFRAME_RELOAD
       }), Object.assign(iframeRef.current, {
         src: `${targetOrigin}${previewUrl || "/"}`
       }));
     });
-  }, $[3] = iframeRef, $[4] = onRefresh, $[5] = presentationRef, $[6] = previewUrl, $[7] = targetOrigin, $[8] = t2) : t2 = $[8];
-  const handleRefresh = t2, isLoading = useSelector(presentationRef, _temp$8), isLoaded = useSelector(presentationRef, _temp2$5), isRefreshing = useSelector(presentationRef, _temp3$2), isReloading = useSelector(presentationRef, _temp4$1), overlaysEnabled = useSelector(presentationRef, _temp5$1);
-  let t3;
+  }, $[3] = dispatch, $[4] = iframeRef, $[5] = onRefresh, $[6] = previewUrl, $[7] = targetOrigin, $[8] = t3) : t3 = $[8];
+  const handleRefresh = t3;
+  let t4;
   const previewURL = new URL(previewUrl || "/", targetOrigin), {
     pathname,
     search
   } = withoutSecretSearchParams(previewURL);
-  t3 = `${pathname}${search}`;
-  const previewLocationRoute = t3, perspectiveToggleTooltipId = useId(), previewUrlBusy = useSelector(previewUrlRef, _temp6);
-  let t4;
-  $[9] === Symbol.for("react.memo_cache_sentinel") ? (t4 = {
-    width: "100%"
-  }, $[9] = t4) : t4 = $[9];
+  t4 = `${pathname}${search}`;
+  const previewLocationRoute = t4;
   let t5;
-  $[10] !== navigatorEnabled || $[11] !== t || $[12] !== toggleNavigator ? (t5 = toggleNavigator && /* @__PURE__ */ jsx(Button, { "aria-label": t("preview-frame.navigator.toggle-button.aria-label"), icon: PanelLeftIcon, mode: "bleed", onClick: toggleNavigator, selected: navigatorEnabled, tooltipProps: {
+  $[9] === Symbol.for("react.memo_cache_sentinel") ? (t5 = {
+    width: "100%"
+  }, $[9] = t5) : t5 = $[9];
+  let t6;
+  $[10] !== navigatorEnabled || $[11] !== t || $[12] !== toggleNavigator ? (t6 = toggleNavigator && /* @__PURE__ */ jsx(Button, { "aria-label": t("preview-frame.navigator.toggle-button.aria-label"), icon: PanelLeftIcon, mode: "bleed", onClick: toggleNavigator, selected: navigatorEnabled, tooltipProps: {
     content: /* @__PURE__ */ jsx(Text, { size: 1, children: t("preview-frame.navigator.toggle-button.tooltip") }),
     fallbackPlacements: ["bottom-start"],
     placement: "bottom"
-  } }), $[10] = navigatorEnabled, $[11] = t, $[12] = toggleNavigator, $[13] = t5) : t5 = $[13];
-  let t6;
-  $[14] === Symbol.for("react.memo_cache_sentinel") ? (t6 = {
+  } }), $[10] = navigatorEnabled, $[11] = t, $[12] = toggleNavigator, $[13] = t6) : t6 = $[13];
+  let t7;
+  $[14] === Symbol.for("react.memo_cache_sentinel") ? (t7 = {
     whiteSpace: "nowrap"
-  }, $[14] = t6) : t6 = $[14];
-  const t7 = overlaysEnabled ? "disable" : "enable";
-  let t8;
-  $[15] !== t || $[16] !== t7 ? (t8 = t("preview-frame.overlay.toggle-button.tooltip", {
-    context: t7
-  }), $[15] = t, $[16] = t7, $[17] = t8) : t8 = $[17];
+  }, $[14] = t7) : t7 = $[14];
+  const t8 = overlaysEnabled ? "disable" : "enable";
   let t9;
-  $[18] !== t8 ? (t9 = /* @__PURE__ */ jsx(Box, { padding: 1, children: /* @__PURE__ */ jsx(Text, { size: 1, children: t8 }) }), $[18] = t8, $[19] = t9) : t9 = $[19];
+  $[15] !== t || $[16] !== t8 ? (t9 = t("preview-frame.overlay.toggle-button.tooltip", {
+    context: t8
+  }), $[15] = t, $[16] = t8, $[17] = t9) : t9 = $[17];
   let t10;
-  $[20] === Symbol.for("react.memo_cache_sentinel") ? (t10 = /* @__PURE__ */ jsx(Box, { paddingY: 1, children: /* @__PURE__ */ jsx(Hotkeys, { keys: ["Alt"], style: {
+  $[18] !== t9 ? (t10 = /* @__PURE__ */ jsx(Box, { padding: 1, children: /* @__PURE__ */ jsx(Text, { size: 1, children: t9 }) }), $[18] = t9, $[19] = t10) : t10 = $[19];
+  let t11;
+  $[20] === Symbol.for("react.memo_cache_sentinel") ? (t11 = /* @__PURE__ */ jsx(Box, { paddingY: 1, children: /* @__PURE__ */ jsx(Hotkeys, { keys: ["Alt"], style: {
     marginTop: -4,
     marginBottom: -4
-  } }) }), $[20] = t10) : t10 = $[20];
-  let t11;
-  $[21] !== t9 ? (t11 = /* @__PURE__ */ jsxs(Flex, { align: "center", style: t6, children: [
-    t9,
-    t10
-  ] }), $[21] = t9, $[22] = t11) : t11 = $[22];
+  } }) }), $[20] = t11) : t11 = $[20];
   let t12;
-  $[23] === Symbol.for("react.memo_cache_sentinel") ? (t12 = ["bottom-start"], $[23] = t12) : t12 = $[23];
+  $[21] !== t10 ? (t12 = /* @__PURE__ */ jsxs(Flex, { align: "center", style: t7, children: [
+    t10,
+    t11
+  ] }), $[21] = t10, $[22] = t12) : t12 = $[22];
   let t13;
-  $[24] === Symbol.for("react.memo_cache_sentinel") ? (t13 = {
+  $[23] === Symbol.for("react.memo_cache_sentinel") ? (t13 = ["bottom-start"], $[23] = t13) : t13 = $[23];
+  let t14;
+  $[24] === Symbol.for("react.memo_cache_sentinel") ? (t14 = {
     lineHeight: 0,
     borderRadius: 999,
     userSelect: "none"
-  }, $[24] = t13) : t13 = $[24];
-  const t14 = overlaysEnabled ? "transparent" : void 0;
-  let t15;
-  $[25] === Symbol.for("react.memo_cache_sentinel") ? (t15 = {
+  }, $[24] = t14) : t14 = $[24];
+  const t15 = overlaysEnabled ? "transparent" : void 0;
+  let t16;
+  $[25] === Symbol.for("react.memo_cache_sentinel") ? (t16 = {
     margin: -4
-  }, $[25] = t15) : t15 = $[25];
-  const t16 = !isLoaded, t17 = isLoading || overlaysConnection !== "connected";
+  }, $[25] = t16) : t16 = $[25];
+  const t17 = iframe.status === "loading" || overlaysConnection !== "connected";
   let t18;
-  $[26] !== overlaysEnabled || $[27] !== t16 || $[28] !== t17 || $[29] !== toggleOverlay ? (t18 = /* @__PURE__ */ jsx("div", { style: t15, children: /* @__PURE__ */ jsx(Switch, { indeterminate: t16, checked: overlaysEnabled, onChange: toggleOverlay, disabled: t17 }) }), $[26] = overlaysEnabled, $[27] = t16, $[28] = t17, $[29] = toggleOverlay, $[30] = t18) : t18 = $[30];
+  $[26] !== overlaysEnabled || $[27] !== t17 || $[28] !== toggleOverlay ? (t18 = /* @__PURE__ */ jsx("div", { style: t16, children: /* @__PURE__ */ jsx(Switch, { checked: overlaysEnabled, onChange: toggleOverlay, disabled: t17 }) }), $[26] = overlaysEnabled, $[27] = t17, $[28] = toggleOverlay, $[29] = t18) : t18 = $[29];
   const t19 = !overlaysEnabled;
   let t20;
-  $[31] !== t ? (t20 = t("preview-frame.overlay.toggle-button.text"), $[31] = t, $[32] = t20) : t20 = $[32];
+  $[30] !== t ? (t20 = t("preview-frame.overlay.toggle-button.text"), $[30] = t, $[31] = t20) : t20 = $[31];
   let t21;
-  $[33] !== t19 || $[34] !== t20 ? (t21 = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { muted: t19, size: 1, weight: "medium", children: t20 }) }), $[33] = t19, $[34] = t20, $[35] = t21) : t21 = $[35];
+  $[32] !== t19 || $[33] !== t20 ? (t21 = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { muted: t19, size: 1, weight: "medium", children: t20 }) }), $[32] = t19, $[33] = t20, $[34] = t21) : t21 = $[34];
   let t22;
-  $[36] !== t18 || $[37] !== t21 ? (t22 = /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 3, children: [
+  $[35] !== t18 || $[36] !== t21 ? (t22 = /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 3, children: [
     t18,
     t21
-  ] }), $[36] = t18, $[37] = t21, $[38] = t22) : t22 = $[38];
+  ] }), $[35] = t18, $[36] = t21, $[37] = t22) : t22 = $[37];
   let t23;
-  $[39] !== t14 || $[40] !== t22 ? (t23 = /* @__PURE__ */ jsx(Card, { as: "label", flex: "none", padding: 3, marginX: 1, style: t13, tone: t14, children: t22 }), $[39] = t14, $[40] = t22, $[41] = t23) : t23 = $[41];
+  $[38] !== t15 || $[39] !== t22 ? (t23 = /* @__PURE__ */ jsx(Card, { as: "label", flex: "none", padding: 3, marginX: 1, style: t14, tone: t15, children: t22 }), $[38] = t15, $[39] = t22, $[40] = t23) : t23 = $[40];
   let t24;
-  $[42] !== t11 || $[43] !== t23 ? (t24 = /* @__PURE__ */ jsx(Tooltip, { animate: !0, content: t11, fallbackPlacements: t12, placement: "bottom", portal: !0, children: t23 }), $[42] = t11, $[43] = t23, $[44] = t24) : t24 = $[44];
+  $[41] !== t12 || $[42] !== t23 ? (t24 = /* @__PURE__ */ jsx(Tooltip, { animate: !0, content: t12, fallbackPlacements: t13, placement: "bottom", portal: !0, children: t23 }), $[41] = t12, $[42] = t23, $[43] = t24) : t24 = $[43];
   let t25;
-  $[45] !== isLoaded || $[46] !== isLoading || $[47] !== isRefreshing || $[48] !== isReloading || $[49] !== t ? (t25 = isLoaded ? t("preview-frame.refresh-button.tooltip") : t("preview-frame.status", {
-    context: isLoading ? "loading" : isRefreshing ? "refreshing" : isReloading ? "reloading" : "unknown"
-  }), $[45] = isLoaded, $[46] = isLoading, $[47] = isRefreshing, $[48] = isReloading, $[49] = t, $[50] = t25) : t25 = $[50];
+  $[44] !== iframe.status || $[45] !== t ? (t25 = iframe.status === "loaded" ? t("preview-frame.refresh-button.tooltip") : t("preview-frame.status", {
+    context: iframe.status
+  }), $[44] = iframe.status, $[45] = t, $[46] = t25) : t25 = $[46];
   let t26;
-  $[51] !== t25 ? (t26 = /* @__PURE__ */ jsx(Text, { size: 1, children: t25 }), $[51] = t25, $[52] = t26) : t26 = $[52];
+  $[47] !== t25 ? (t26 = /* @__PURE__ */ jsx(Text, { size: 1, children: t25 }), $[47] = t25, $[48] = t26) : t26 = $[48];
   let t27;
-  $[53] === Symbol.for("react.memo_cache_sentinel") ? (t27 = ["bottom-end"], $[53] = t27) : t27 = $[53];
+  $[49] === Symbol.for("react.memo_cache_sentinel") ? (t27 = ["bottom-end"], $[49] = t27) : t27 = $[49];
   let t28;
-  $[54] !== t ? (t28 = t("preview-frame.refresh-button.aria-label"), $[54] = t, $[55] = t28) : t28 = $[55];
-  const t29 = isReloading || isRefreshing || previewUrlBusy;
+  $[50] !== t ? (t28 = t("preview-frame.refresh-button.aria-label"), $[50] = t, $[51] = t28) : t28 = $[51];
+  const t29 = iframe.status === "reloading" || iframe.status === "refreshing";
   let t30;
-  $[56] !== handleRefresh || $[57] !== t28 || $[58] !== t29 ? (t30 = /* @__PURE__ */ jsx(Button, { "aria-label": t28, icon: RefreshIcon, mode: "bleed", loading: t29, onClick: handleRefresh, tooltipProps: null }), $[56] = handleRefresh, $[57] = t28, $[58] = t29, $[59] = t30) : t30 = $[59];
+  $[52] !== handleRefresh || $[53] !== t28 || $[54] !== t29 ? (t30 = /* @__PURE__ */ jsx(Button, { "aria-label": t28, icon: RefreshIcon, mode: "bleed", loading: t29, onClick: handleRefresh, tooltipProps: null }), $[52] = handleRefresh, $[53] = t28, $[54] = t29, $[55] = t30) : t30 = $[55];
   let t31;
-  $[60] !== t26 || $[61] !== t30 ? (t31 = /* @__PURE__ */ jsx(Box, { padding: 1, children: /* @__PURE__ */ jsx(Tooltip, { animate: !0, content: t26, fallbackPlacements: t27, placement: "bottom", portal: !0, children: t30 }) }), $[60] = t26, $[61] = t30, $[62] = t31) : t31 = $[62];
+  $[56] !== t26 || $[57] !== t30 ? (t31 = /* @__PURE__ */ jsx(Box, { padding: 1, children: /* @__PURE__ */ jsx(Tooltip, { animate: !0, content: t26, fallbackPlacements: t27, placement: "bottom", portal: !0, children: t30 }) }), $[56] = t26, $[57] = t30, $[58] = t31) : t31 = $[58];
   let t32;
-  $[63] !== openPopup || $[64] !== perspective || $[65] !== previewLocationOrigin || $[66] !== previewLocationRoute || $[67] !== targetOrigin ? (t32 = /* @__PURE__ */ jsx(Box, { padding: 1, children: /* @__PURE__ */ jsx(OpenPreviewButton, { openPopup, previewLocationOrigin, previewLocationRoute, perspective, targetOrigin }) }), $[63] = openPopup, $[64] = perspective, $[65] = previewLocationOrigin, $[66] = previewLocationRoute, $[67] = targetOrigin, $[68] = t32) : t32 = $[68];
+  $[59] !== openPopup || $[60] !== perspective || $[61] !== previewLocationOrigin || $[62] !== previewLocationRoute || $[63] !== targetOrigin ? (t32 = /* @__PURE__ */ jsx(Box, { padding: 1, children: /* @__PURE__ */ jsx(OpenPreviewButton, { openPopup, previewLocationOrigin, previewLocationRoute, perspective, targetOrigin }) }), $[59] = openPopup, $[60] = perspective, $[61] = previewLocationOrigin, $[62] = previewLocationRoute, $[63] = targetOrigin, $[64] = t32) : t32 = $[64];
   let t33;
-  $[69] !== onPathChange || $[70] !== previewLocationRoute || $[71] !== previewUrlRef || $[72] !== t31 || $[73] !== t32 ? (t33 = /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsx(PreviewLocationInput, { previewUrlRef, prefix: t31, onChange: onPathChange, suffix: t32, value: previewLocationRoute }) }), $[69] = onPathChange, $[70] = previewLocationRoute, $[71] = previewUrlRef, $[72] = t31, $[73] = t32, $[74] = t33) : t33 = $[74];
-  let t34;
-  $[75] !== perspectiveToggleTooltipId ? (t34 = (node) => {
-    node?.style.setProperty("view-transition-name", perspectiveToggleTooltipId);
-  }, $[75] = perspectiveToggleTooltipId, $[76] = t34) : t34 = $[76];
-  const t35 = viewport === "desktop" ? "narrow" : "full";
+  $[65] !== onPathChange || $[66] !== previewLocationOrigin || $[67] !== previewLocationRoute || $[68] !== t31 || $[69] !== t32 ? (t33 = /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsx(PreviewLocationInput, { prefix: t31, onChange: onPathChange, origin: previewLocationOrigin, suffix: t32, value: previewLocationRoute }) }), $[65] = onPathChange, $[66] = previewLocationOrigin, $[67] = previewLocationRoute, $[68] = t31, $[69] = t32, $[70] = t33) : t33 = $[70];
+  const t34 = viewport === "desktop" ? "narrow" : "full";
+  let t35;
+  $[71] !== t || $[72] !== t34 ? (t35 = t("preview-frame.viewport-button.tooltip", {
+    context: t34
+  }), $[71] = t, $[72] = t34, $[73] = t35) : t35 = $[73];
   let t36;
-  $[77] !== t || $[78] !== t35 ? (t36 = t("preview-frame.viewport-button.tooltip", {
-    context: t35
-  }), $[77] = t, $[78] = t35, $[79] = t36) : t36 = $[79];
+  $[74] !== t35 ? (t36 = /* @__PURE__ */ jsx(Text, { size: 1, children: t35 }), $[74] = t35, $[75] = t36) : t36 = $[75];
   let t37;
-  $[80] !== t36 ? (t37 = /* @__PURE__ */ jsx(Text, { size: 1, children: t36 }), $[80] = t36, $[81] = t37) : t37 = $[81];
+  $[76] === Symbol.for("react.memo_cache_sentinel") ? (t37 = ["bottom-start"], $[76] = t37) : t37 = $[76];
   let t38;
-  $[82] === Symbol.for("react.memo_cache_sentinel") ? (t38 = ["bottom-start"], $[82] = t38) : t38 = $[82];
-  let t39;
-  $[83] !== t ? (t39 = t("preview-frame.viewport-button.aria-label"), $[83] = t, $[84] = t39) : t39 = $[84];
-  const t40 = viewport === "desktop" ? MobileDeviceIcon : DesktopIcon;
+  $[77] !== t ? (t38 = t("preview-frame.viewport-button.aria-label"), $[77] = t, $[78] = t38) : t38 = $[78];
+  const t39 = viewport === "desktop" ? MobileDeviceIcon : DesktopIcon;
+  let t40;
+  $[79] !== t38 || $[80] !== t39 || $[81] !== toggleViewportSize || $[82] !== viewport ? (t40 = /* @__PURE__ */ jsx(Button, { "data-testid": "preview-viewport-toggle", "data-viewport": viewport, "aria-label": t38, icon: t39, mode: "bleed", onClick: toggleViewportSize, tooltipProps: null }), $[79] = t38, $[80] = t39, $[81] = toggleViewportSize, $[82] = viewport, $[83] = t40) : t40 = $[83];
   let t41;
-  $[85] !== t39 || $[86] !== t40 || $[87] !== toggleViewportSize || $[88] !== viewport ? (t41 = /* @__PURE__ */ jsx(Button, { "data-testid": "preview-viewport-toggle", "data-viewport": viewport, "aria-label": t39, icon: t40, mode: "bleed", onClick: toggleViewportSize, tooltipProps: null }), $[85] = t39, $[86] = t40, $[87] = toggleViewportSize, $[88] = viewport, $[89] = t41) : t41 = $[89];
+  $[84] !== t36 || $[85] !== t40 ? (t41 = /* @__PURE__ */ jsx(Flex, { align: "center", flex: "none", gap: 1, children: /* @__PURE__ */ jsx(Tooltip, { animate: !0, content: t36, fallbackPlacements: t37, placement: "bottom", portal: !0, children: t40 }) }), $[84] = t36, $[85] = t40, $[86] = t41) : t41 = $[86];
   let t42;
-  $[90] !== t34 || $[91] !== t37 || $[92] !== t41 ? (t42 = /* @__PURE__ */ jsx(Flex, { align: "center", flex: "none", gap: 1, children: /* @__PURE__ */ jsx(Tooltip, { animate: !0, ref: t34, content: t37, fallbackPlacements: t38, placement: "bottom", portal: !0, children: t41 }) }), $[90] = t34, $[91] = t37, $[92] = t41, $[93] = t42) : t42 = $[93];
+  $[87] !== canSharePreviewAccess || $[88] !== canToggleSharePreviewAccess || $[89] !== canUseSharedPreviewAccess || $[90] !== initialUrl || $[91] !== perspective || $[92] !== previewLocationRoute ? (t42 = canSharePreviewAccess && /* @__PURE__ */ jsx(Flex, { align: "center", flex: "none", gap: 1, children: /* @__PURE__ */ jsx(SharePreviewMenu, { canToggleSharePreviewAccess, canUseSharedPreviewAccess, previewLocationRoute, initialUrl, perspective }) }), $[87] = canSharePreviewAccess, $[88] = canToggleSharePreviewAccess, $[89] = canUseSharedPreviewAccess, $[90] = initialUrl, $[91] = perspective, $[92] = previewLocationRoute, $[93] = t42) : t42 = $[93];
   let t43;
-  $[94] !== canSharePreviewAccess || $[95] !== canToggleSharePreviewAccess || $[96] !== canUseSharedPreviewAccess || $[97] !== initialUrl || $[98] !== perspective || $[99] !== previewLocationRoute ? (t43 = canSharePreviewAccess && /* @__PURE__ */ jsx(Flex, { align: "center", flex: "none", gap: 1, children: /* @__PURE__ */ jsx(SharePreviewMenu, { canToggleSharePreviewAccess, canUseSharedPreviewAccess, previewLocationRoute, initialUrl, perspective }) }), $[94] = canSharePreviewAccess, $[95] = canToggleSharePreviewAccess, $[96] = canUseSharedPreviewAccess, $[97] = initialUrl, $[98] = perspective, $[99] = previewLocationRoute, $[100] = t43) : t43 = $[100];
-  let t44;
-  return $[101] !== t24 || $[102] !== t33 || $[103] !== t42 || $[104] !== t43 || $[105] !== t5 ? (t44 = /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 1, paddingX: 1, style: t4, children: [
-    t5,
+  return $[94] !== t24 || $[95] !== t33 || $[96] !== t41 || $[97] !== t42 || $[98] !== t6 ? (t43 = /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 1, paddingX: 1, style: t5, children: [
+    t6,
     t24,
     t33,
-    t42,
-    t43
-  ] }), $[101] = t24, $[102] = t33, $[103] = t42, $[104] = t43, $[105] = t5, $[106] = t44) : t44 = $[106], t44;
+    t41,
+    t42
+  ] }), $[94] = t24, $[95] = t33, $[96] = t41, $[97] = t42, $[98] = t6, $[99] = t43) : t43 = $[99], t43;
 };
 function PreviewHeader(props) {
-  const $ = c(7), renderDefault = _temp7, HeaderComponent = props.options?.component;
+  const $ = c(7), renderDefault = _temp$5, HeaderComponent = props.options?.component;
   let t0;
   $[0] !== HeaderComponent || $[1] !== props ? (t0 = HeaderComponent ? /* @__PURE__ */ jsx(HeaderComponent, { ...props, renderDefault }) : renderDefault(props), $[0] = HeaderComponent, $[1] = props, $[2] = t0) : t0 = $[2];
   const header = t0;
@@ -1750,42 +1597,20 @@ function PreviewHeader(props) {
   let t3;
   return $[5] !== header ? (t3 = /* @__PURE__ */ jsx(Card, { flex: "none", padding: 2, borderBottom: !0, style: t1, children: /* @__PURE__ */ jsx(Flex, { align: "center", style: t2, children: header }) }), $[5] = header, $[6] = t3) : t3 = $[6], t3;
 }
-function _temp7(props_0) {
+function _temp$5(props_0) {
   return /* @__PURE__ */ jsx(PreviewHeaderDefault, { ...props_0 });
 }
-function _temp$8(state) {
-  return state.matches("loading");
-}
-function _temp2$5(state_0) {
-  return state_0.matches("loaded");
-}
-function _temp3$2(state_1) {
-  return state_1.matches({
-    loaded: "refreshing"
-  });
-}
-function _temp4$1(state_2) {
-  return state_2.matches({
-    loaded: "reloading"
-  });
-}
-function _temp5$1(state_3) {
-  return state_3.context.visualEditingOverlaysEnabled;
-}
-function _temp6(state_4) {
-  return state_4.hasTag("busy");
-}
 const MotionFlex = motion.create(Flex), Preview = memo(forwardRef(function(props, forwardedRef) {
   const {
+    dispatch,
+    iframe,
     header,
     initialUrl,
     loadersConnection,
     overlaysConnection,
     perspective,
     viewport,
-    vercelProtectionBypass,
-    presentationRef,
-    previewUrlRef
+    vercelProtectionBypass
   } = props, [stablePerspective, setStablePerspective] = useState(null), urlPerspective = encodeStudioPerspective(stablePerspective === null ? perspective : stablePerspective), previewUrl = useMemo(() => {
     const url = new URL(initialUrl);
     return url.searchParams.get(urlSearchParamPreviewPerspective) || url.searchParams.set(urlSearchParamPreviewPerspective, urlPerspective), (vercelProtectionBypass || url.searchParams.get(urlSearchParamVercelProtectionBypass)) && url.searchParams.set(urlSearchParamVercelSetBypassCookie, "samesitenone"), vercelProtectionBypass && !url.searchParams.get(urlSearchParamVercelProtectionBypass) && url.searchParams.set(urlSearchParamVercelProtectionBypass, vercelProtectionBypass), url;
@@ -1799,26 +1624,22 @@ const MotionFlex = motion.create(Flex), Preview = memo(forwardRef(function(props
     devMode
   } = usePresentationTool(), prefersReducedMotion = usePrefersReducedMotion(), ref = useRef(null), previewHeader = /* @__PURE__ */ jsx(PreviewHeader, { ...props, iframeRef: ref, options: header });
   useImperativeHandle(forwardedRef, () => ref.current);
-  const isLoading = useSelector(presentationRef, (state) => state.matches("loading") || state.matches({
-    loaded: "reloading"
-  })), [timedOut, setTimedOut] = useState(!1), isRefreshing = useSelector(presentationRef, (state_0) => state_0.matches({
-    loaded: "refreshing"
-  })), [somethingIsWrong, setSomethingIsWrong] = useState(!1), iframeIsBusy = isLoading || isRefreshing || overlaysConnection === "connecting", handleRetry = useCallback(() => {
-    ref.current && (ref.current.src = previewUrl.toString(), presentationRef.send({
-      type: "iframe reload"
+  const loading = iframe.status === "loading" || iframe.status === "reloading", [timedOut, setTimedOut] = useState(!1), refreshing = iframe.status === "refreshing", [somethingIsWrong, setSomethingIsWrong] = useState(!1), iframeIsBusy = loading || refreshing || overlaysConnection === "connecting", handleRetry = useCallback(() => {
+    ref.current && (ref.current.src = previewUrl.toString(), dispatch({
+      type: ACTION_IFRAME_RELOAD
     }));
-  }, [presentationRef, previewUrl]), handleContinueAnyway = useCallback(() => {
+  }, [dispatch, previewUrl]), handleContinueAnyway = useCallback(() => {
     setContinueAnyway(!0);
   }, []), [continueAnyway, setContinueAnyway] = useState(!1), [showOverlaysConnectionStatus, setShowOverlaysConnectionState] = useState(!1);
   useEffect(() => {
-    if (!(isLoading || isRefreshing) && (overlaysConnection === "connecting" || overlaysConnection === "reconnecting")) {
+    if (!(loading || refreshing) && (overlaysConnection === "connecting" || overlaysConnection === "reconnecting")) {
       const timeout = setTimeout(() => {
         setShowOverlaysConnectionState(!0);
       }, 5e3);
       return () => clearTimeout(timeout);
     }
-  }, [overlaysConnection, isLoading, isRefreshing]), useEffect(() => {
-    if (!(isLoading || isRefreshing || !showOverlaysConnectionStatus)) {
+  }, [overlaysConnection, loading, refreshing]), useEffect(() => {
+    if (!(loading || refreshing || !showOverlaysConnectionStatus)) {
       if (overlaysConnection === "connected" && (setSomethingIsWrong(!1), setShowOverlaysConnectionState(!1), setTimedOut(!1), setContinueAnyway(!1)), overlaysConnection === "connecting") {
         const timeout_0 = setTimeout(() => {
           setTimedOut(!0), console.error("Unable to connect to visual editing. Make sure you've setup '@sanity/visual-editing' correctly");
@@ -1832,110 +1653,46 @@ const MotionFlex = motion.create(Flex), Preview = memo(forwardRef(function(props
         return () => clearTimeout(timeout_1);
       }
     }
-  }, [isLoading, overlaysConnection, isRefreshing, showOverlaysConnectionStatus]);
+  }, [loading, overlaysConnection, refreshing, showOverlaysConnectionStatus]);
   const onIFrameLoad = useCallback(() => {
-    presentationRef.send({
-      type: "iframe loaded"
+    dispatch({
+      type: ACTION_IFRAME_LOADED
     });
-  }, [presentationRef]), preventIframeInteraction = useMemo(() => (isLoading || overlaysConnection === "connecting" && !isRefreshing) && !continueAnyway, [continueAnyway, isLoading, isRefreshing, overlaysConnection]), canUseViewTransition = useSyncExternalStore(
+  }, [dispatch]);
+  useEffect(() => {
+    if (!ref.current)
+      return;
+    const instance = ref.current;
+    function handleBlur() {
+      instance === document.activeElement && instance.dispatchEvent(new MouseEvent("mousedown", {
+        bubbles: !0,
+        cancelable: !0
+      }));
+    }
+    return window.addEventListener("blur", handleBlur), () => {
+      window.removeEventListener("blur", handleBlur);
+    };
+  }, []);
+  const preventIframeInteraction = useMemo(() => (loading || overlaysConnection === "connecting" && iframe.status !== "refreshing") && !continueAnyway, [continueAnyway, iframe.status, loading, overlaysConnection]), canUseViewTransition = useSyncExternalStore(
     // eslint-disable-next-line no-empty-function
     useCallback(() => () => {
     }, []),
     () => CSS.supports("(view-transition-name: test)")
   ), iframeAnimations = useMemo(() => [
     preventIframeInteraction ? "background" : "active",
-    isLoading ? "reloading" : "idle",
+    loading ? "reloading" : "idle",
     // If CSS View Transitions are supported, then transition iframe viewport dimensions with that instead of Motion
     canUseViewTransition ? "" : viewport,
     showOverlaysConnectionStatus && !continueAnyway ? "timedOut" : ""
-  ], [canUseViewTransition, continueAnyway, isLoading, preventIframeInteraction, showOverlaysConnectionStatus, viewport]), [currentViewport, setCurrentViewport] = useState(viewport), [iframeStyle, setIframeStyle] = useState(iframeVariants[viewport]);
-  useEffect(() => {
+  ], [canUseViewTransition, continueAnyway, loading, preventIframeInteraction, showOverlaysConnectionStatus, viewport]), [currentViewport, setCurrentViewport] = useState(viewport), [iframeStyle, setIframeStyle] = useState(iframeVariants[viewport]);
+  return useEffect(() => {
     if (canUseViewTransition && viewport !== currentViewport) {
       const update = () => {
         setCurrentViewport(viewport), setIframeStyle(iframeVariants[viewport]);
       };
-      !prefersReducedMotion && "startViewTransition" in document && typeof document.startViewTransition == "function" ? document.startViewTransition({
-        // @ts-expect-error - fix typings
-        update: () => flushSync(() => update()),
-        types: ["sanity-iframe-viewport"]
-      }) : update();
+      !prefersReducedMotion && "startViewTransition" in document && typeof document.startViewTransition == "function" ? document.startViewTransition(() => flushSync(() => update())) : update();
     }
-  }, [canUseViewTransition, prefersReducedMotion, currentViewport, viewport]);
-  const toast = useToast(), allowOrigins = useAllowPatterns(previewUrlRef), [checkOrigin, setCheckOrigin] = useState(!1), [reportedMismatches] = useState(/* @__PURE__ */ new Set()), reportMismatchingOrigin = useEffectEvent((reportedOrigin) => {
-    if (allowOrigins.some((allow) => allow.test(reportedOrigin))) {
-      setCheckOrigin(reportedOrigin);
-      return;
-    }
-    reportedMismatches.has(reportedOrigin) || (reportedMismatches.add(reportedOrigin), console.warn("Visual Editing is here but misconfigured", {
-      reportedOrigin
-    }), toast.push({
-      closable: !0,
-      id: `presentation-iframe-origin-mismatch-${reportedOrigin}`,
-      status: "error",
-      duration: 1 / 0,
-      title: t("preview-frame.configuration.error.title"),
-      description: /* @__PURE__ */ jsx(Translate, { t, i18nKey: "preview-frame.configuration.error.description", components: {
-        Code: "code"
-      }, values: {
-        targetOrigin: previewUrl.origin,
-        reportedOrigin
-      } })
-    }));
-  }), navigate = usePresentationNavigate(), navigateEvent = useEffectEvent((url_0) => {
-    if (!checkOrigin) return;
-    const nextUrl = new URL(url_0, checkOrigin);
-    navigate(`${checkOrigin}${nextUrl.pathname}${nextUrl.search}${nextUrl.hash}`);
-  });
-  return useEffect(() => {
-    if (!checkOrigin)
-      return;
-    const target = ref.current?.contentWindow;
-    if (!target)
-      return;
-    const controller = createController({
-      targetOrigin: checkOrigin
-    });
-    controller.addTarget(target);
-    const comlink = controller.createChannel({
-      name: "presentation",
-      heartbeat: !0,
-      connectTo: "visual-editing"
-    }, createConnectionMachine().provide({
-      actors: createCompatibilityActors()
-    }));
-    comlink.on("visual-editing/navigate", (data) => {
-      navigateEvent(data.url);
-    });
-    const stop = comlink.start();
-    return () => {
-      stop(), controller.destroy();
-    };
-  }, [checkOrigin]), useEffect(() => {
-    if (overlaysConnection === "connecting" || overlaysConnection === "reconnecting") {
-      const interval = setInterval(() => {
-        ref.current?.contentWindow?.postMessage(
-          {
-            domain: "sanity/channels",
-            from: "presentation",
-            type: "presentation/status"
-          },
-          /**
-           * The targetOrigin is set to '*' intentionally here, as we need to find out if the iframe is misconfigured and has the wrong origin
-           */
-          "*"
-        );
-      }, 1e3), controller_0 = new AbortController();
-      return window.addEventListener("message", ({
-        data: data_0
-      }) => {
-        data_0 && typeof data_0 == "object" && "domain" in data_0 && data_0.domain === "sanity/channels" && "type" in data_0 && data_0.type === "visual-editing/status" && "data" in data_0 && typeof data_0.data == "object" && data_0.data && "origin" in data_0.data && typeof data_0.data.origin == "string" && reportMismatchingOrigin(data_0.data.origin);
-      }, {
-        signal: controller_0.signal
-      }), () => {
-        controller_0.abort(), clearInterval(interval);
-      };
-    }
-  }, [overlaysConnection, timedOut]), /* @__PURE__ */ jsx(MotionConfig, { transition: prefersReducedMotion ? {
+  }, [canUseViewTransition, prefersReducedMotion, currentViewport, viewport]), /* @__PURE__ */ jsx(MotionConfig, { transition: prefersReducedMotion ? {
     duration: 0
   } : void 0, children: /* @__PURE__ */ jsxs(TooltipDelayGroupProvider, { children: [
     previewHeader,
@@ -1943,7 +1700,7 @@ const MotionFlex = motion.create(Flex), Preview = memo(forwardRef(function(props
       position: "relative",
       cursor: iframeIsBusy ? "wait" : void 0
     }, children: [
-      /* @__PURE__ */ jsx(AnimatePresence, { children: !somethingIsWrong && !isLoading && !isRefreshing && // viewport, // using CSS View Transitions instead of framer motion to drive this
+      /* @__PURE__ */ jsx(AnimatePresence, { children: !somethingIsWrong && !loading && !refreshing && // viewport, // using CSS View Transitions instead of framer motion to drive this
       showOverlaysConnectionStatus && !continueAnyway ? /* @__PURE__ */ jsx(MotionFlex, { initial: "initial", animate: "animate", exit: "exit", variants: spinnerVariants, justify: "center", align: "center", style: {
         inset: "0",
         position: "absolute",
@@ -1975,7 +1732,7 @@ const MotionFlex = motion.create(Flex), Preview = memo(forwardRef(function(props
             text: t("preview-frame.continue-button.text")
           }
         )
-      ] }) }) : (isLoading || overlaysConnection === "connecting" && !isRefreshing) && !continueAnyway ? /* @__PURE__ */ jsx(MotionFlex, { initial: "initial", animate: "animate", exit: "exit", variants: spinnerVariants, justify: "center", align: "center", style: {
+      ] }) }) : (loading || overlaysConnection === "connecting" && iframe.status !== "refreshing") && !continueAnyway ? /* @__PURE__ */ jsx(MotionFlex, { initial: "initial", animate: "animate", exit: "exit", variants: spinnerVariants, justify: "center", align: "center", style: {
         inset: "0",
         position: "absolute"
         // boxShadow: '0 0 0 1px var(--card-shadow-outline-color)',
@@ -2083,7 +1840,7 @@ function useDocumentsOnPage(perspective, frameStateRef) {
   const [previewDrafts, setPreviewDrafts] = useState(t1), urlRef = useRef("");
   let t2;
   $[2] !== frameStateRef ? (t2 = (key, perspective_0, t32) => {
-    const documents = (t32 === void 0 ? [] : t32).filter(_temp$7);
+    const documents = (t32 === void 0 ? [] : t32).filter(_temp$4);
     (perspective_0 === "published" ? setPublished : setPreviewDrafts)((cache) => {
       const next = {};
       for (const document2 of documents)
@@ -2104,7 +1861,7 @@ function useDocumentsOnPage(perspective, frameStateRef) {
   const keyedCache = perspective === "published" ? published : previewDrafts;
   let t4;
   if ($[4] !== keyedCache) {
-    const uniqueDocuments = Object.values(keyedCache).reduce(_temp2$4, {});
+    const uniqueDocuments = Object.values(keyedCache).reduce(_temp2$2, {});
     t4 = Object.values(uniqueDocuments), $[4] = keyedCache, $[5] = t4;
   } else
     t4 = $[5];
@@ -2113,12 +1870,12 @@ function useDocumentsOnPage(perspective, frameStateRef) {
   let t5;
   return $[6] !== documentsOnPage || $[7] !== setDocumentsOnPage ? (t5 = [documentsOnPage, setDocumentsOnPage], $[6] = documentsOnPage, $[7] = setDocumentsOnPage, $[8] = t5) : t5 = $[8], t5;
 }
-function _temp2$4(acc, cache_0) {
+function _temp2$2(acc, cache_0) {
   return Object.values(cache_0).forEach((doc) => {
     acc[doc._id] = doc;
   }), acc;
 }
-function _temp$7(sourceDocument) {
+function _temp$4(sourceDocument) {
   return "_projectId" in sourceDocument && sourceDocument._projectId ? (warnOnceAboutCrossDatasetReference("Cross dataset references are not supported yet, ignoring source document", sourceDocument), !1) : sourceDocument;
 }
 function fnOrObj(arg, context) {
@@ -2140,14 +1897,14 @@ function getParamsFromResult(resolver, context) {
 function getRouteContext(route, url) {
   const routes = Array.isArray(route) ? route : [route];
   for (route of routes) {
-    let origin2, path = route;
+    let origin, path = route;
     if (typeof route == "string")
       try {
         const absolute = new URL(route);
-        origin2 = absolute.origin, path = absolute.pathname;
+        origin = absolute.origin, path = absolute.pathname;
       } catch {
       }
-    if (!(origin2 && url.origin !== origin2))
+    if (!(origin && url.origin !== origin))
       try {
         const result = match(path, {
           decode: decodeURIComponent
@@ -2158,7 +1915,7 @@ function getRouteContext(route, url) {
             path: path2
           } = result;
           return {
-            origin: origin2,
+            origin,
             params,
             path: path2
           };
@@ -2173,7 +1930,7 @@ function useMainDocument(props) {
     navigate,
     navigationHistory,
     path,
-    targetOrigin,
+    previewUrl,
     resolvers: t0
   } = props;
   let t1;
@@ -2189,7 +1946,7 @@ function useMainDocument(props) {
   }, $[2] = t2) : t2 = $[2];
   const client = useClient(t2);
   let t3;
-  $[3] !== path || $[4] !== routerState ? (t3 = path || routerState._searchParams?.find(_temp$6)?.[1] || "", $[3] = path, $[4] = routerState, $[5] = t3) : t3 = $[5];
+  $[3] !== path || $[4] !== routerState ? (t3 = path || routerState._searchParams?.find(_temp$3)?.[1] || "", $[3] = path, $[4] = routerState, $[5] = t3) : t3 = $[5];
   const relativeUrl = t3, [mainDocumentState, setMainDocumentState] = useState(void 0), mainDocumentIdRef = useRef(void 0);
   let t4;
   $[6] !== navigate || $[7] !== navigationHistory ? (t4 = (doc, url) => {
@@ -2203,8 +1960,8 @@ function useMainDocument(props) {
   }, $[6] = navigate, $[7] = navigationHistory, $[8] = t4) : t4 = $[8];
   const handleResponse = useEffectEvent(t4);
   let t5;
-  $[9] !== client || $[10] !== handleResponse || $[11] !== perspectiveStack || $[12] !== relativeUrl || $[13] !== resolvers || $[14] !== targetOrigin ? (t5 = () => {
-    const url_0 = new URL(relativeUrl, targetOrigin);
+  $[9] !== client || $[10] !== handleResponse || $[11] !== perspectiveStack || $[12] !== previewUrl || $[13] !== relativeUrl || $[14] !== resolvers ? (t5 = () => {
+    const base = typeof previewUrl == "string" ? previewUrl : typeof previewUrl == "object" && previewUrl?.origin || location.origin, url_0 = new URL(relativeUrl, base);
     if (resolvers.length) {
       let result;
       for (const resolver of resolvers) {
@@ -2237,14 +1994,25 @@ function useMainDocument(props) {
       }
     }
     setMainDocumentState(void 0), mainDocumentIdRef.current = void 0;
-  }, $[9] = client, $[10] = handleResponse, $[11] = perspectiveStack, $[12] = relativeUrl, $[13] = resolvers, $[14] = targetOrigin, $[15] = t5) : t5 = $[15];
+  }, $[9] = client, $[10] = handleResponse, $[11] = perspectiveStack, $[12] = previewUrl, $[13] = relativeUrl, $[14] = resolvers, $[15] = t5) : t5 = $[15];
   let t6;
-  return $[16] !== client || $[17] !== perspectiveStack || $[18] !== relativeUrl || $[19] !== resolvers || $[20] !== targetOrigin ? (t6 = [client, perspectiveStack, relativeUrl, resolvers, targetOrigin], $[16] = client, $[17] = perspectiveStack, $[18] = relativeUrl, $[19] = resolvers, $[20] = targetOrigin, $[21] = t6) : t6 = $[21], useEffect(t5, t6), mainDocumentState;
+  return $[16] !== client || $[17] !== perspectiveStack || $[18] !== previewUrl || $[19] !== relativeUrl || $[20] !== resolvers ? (t6 = [client, previewUrl, relativeUrl, resolvers, perspectiveStack], $[16] = client, $[17] = perspectiveStack, $[18] = previewUrl, $[19] = relativeUrl, $[20] = resolvers, $[21] = t6) : t6 = $[21], useEffect(t5, t6), mainDocumentState;
 }
-function _temp$6(t0) {
+function _temp$3(t0) {
   const [key] = t0;
   return key === "preview";
 }
+const lengthyStr$1 = pipe(string(), minLength(1)), optionalLengthyStr = optional(lengthyStr$1);
+object({
+  baseUrl: lengthyStr$1,
+  dataset: optionalLengthyStr,
+  id: lengthyStr$1,
+  path: lengthyStr$1,
+  projectId: optionalLengthyStr,
+  tool: optionalLengthyStr,
+  type: optionalLengthyStr,
+  workspace: optionalLengthyStr
+});
 const RE_SEGMENT_WITH_INDEX = /^([\w-]+):(0|[1-9][0-9]*)$/, RE_SEGMENT_WITH_TUPLE = /^([\w-]+):([0-9]+),([0-9]+)$/, RE_SEGMENT_WITH_KEY = /^([\w-]+):([\w-]+)$/;
 function urlStringToPath(str) {
   const path = [];
@@ -2270,6 +2038,12 @@ function urlStringToPath(str) {
   }
   return path;
 }
+const lengthyStr = pipe(string(), minLength(1));
+object({
+  origin: lengthyStr,
+  href: lengthyStr,
+  data: optional(record(string(), unknown()))
+});
 function parseId(rawId) {
   if (rawId === void 0)
     return;
@@ -2307,7 +2081,7 @@ function useParams({
       id,
       type,
       path,
-      preview: routerSearchParams.preview || initialPreviewUrl.toString(),
+      preview: routerSearchParams.preview || `${initialPreviewUrl.pathname}${initialPreviewUrl.search}`,
       perspective: routerSearchParams.perspective,
       viewport: routerSearchParams.viewport,
       inspect: routerSearchParams.inspect,
@@ -2372,7 +2146,7 @@ function useParams({
   };
 }
 const usePopups = (controller) => {
-  const $ = c(10), [popups, setPopups] = useState(_temp$5);
+  const $ = c(10), [popups, setPopups] = useState(_temp$2);
   let t0;
   $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = (url) => {
     const source = window.open(url, "_blank");
@@ -2386,7 +2160,7 @@ const usePopups = (controller) => {
       for (const source_0 of popups)
         source_0 && "closed" in source_0 && !source_0.closed && unsubs.push(controller.addTarget(source_0));
     return () => {
-      unsubs.forEach(_temp2$3);
+      unsubs.forEach(_temp2$1);
     };
   }, t2 = [controller, popups], $[1] = controller, $[2] = popups, $[3] = t1, $[4] = t2) : (t1 = $[3], t2 = $[4]), useEffect(t1, t2);
   let t3, t4;
@@ -2414,19 +2188,85 @@ const usePopups = (controller) => {
     open
   }, $[8] = popups, $[9] = t5) : t5 = $[9], t5;
 };
-function _temp$5() {
+function _temp$2() {
   return /* @__PURE__ */ new Set();
 }
-function _temp2$3(unsub) {
+function _temp2$1(unsub) {
   return unsub();
 }
-function usePresentationPerspective() {
-  const {
-    perspectiveStack,
-    selectedPerspectiveName: t0,
-    selectedReleaseId
-  } = usePerspective();
-  return selectedReleaseId ? perspectiveStack : t0 === void 0 ? "drafts" : t0;
+function usePreviewUrl(previewUrl, toolName, studioPreviewPerspective, previewSearchParam, canCreateUrlPreviewSecrets) {
+  const $ = c(12);
+  let t0;
+  $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = {
+    apiVersion: API_VERSION
+  }, $[0] = t0) : t0 = $[0];
+  const client = useClient(t0), workspace = useActiveWorkspace(), basePath = workspace?.activeWorkspace?.basePath || "/", workspaceName = workspace?.activeWorkspace?.name || "default", deps = useSuspendCacheKeys(toolName, basePath, workspaceName, previewSearchParam), previewUrlSecret = usePreviewUrlSecret(canCreateUrlPreviewSecrets && typeof previewUrl == "object" || typeof previewUrl == "function", deps);
+  let t1;
+  $[1] !== basePath || $[2] !== client || $[3] !== previewSearchParam || $[4] !== previewUrl || $[5] !== previewUrlSecret || $[6] !== studioPreviewPerspective ? (t1 = async () => {
+    if (typeof previewUrl == "string") {
+      const resolvedUrl = new URL(previewUrl, location.origin);
+      let resultUrl = resolvedUrl;
+      try {
+        if (previewSearchParam) {
+          const restoredUrl = new URL(previewSearchParam, resolvedUrl);
+          restoredUrl.origin === resolvedUrl.origin && (resultUrl = restoredUrl);
+        }
+      } catch {
+      }
+      return location.origin === resultUrl.origin && (resultUrl.pathname.startsWith(`${basePath}/`) || resultUrl.pathname === basePath) ? resolvedUrl : resultUrl;
+    }
+    const resolvedUrl_0 = await (typeof previewUrl == "object" ? definePreviewUrl(previewUrl) : previewUrl)({
+      client,
+      previewUrlSecret,
+      studioPreviewPerspective: encodeStudioPerspective(studioPreviewPerspective),
+      previewSearchParam,
+      studioBasePath: basePath
+    });
+    return new URL(resolvedUrl_0, location.origin);
+  }, $[1] = basePath, $[2] = client, $[3] = previewSearchParam, $[4] = previewUrl, $[5] = previewUrlSecret, $[6] = studioPreviewPerspective, $[7] = t1) : t1 = $[7];
+  let t2;
+  return $[8] !== deps || $[9] !== previewUrlSecret || $[10] !== t1 ? (t2 = suspend(t1, [...deps, previewUrlSecret]), $[8] = deps, $[9] = previewUrlSecret, $[10] = t1, $[11] = t2) : t2 = $[11], t2;
+}
+const resolveUUID = Symbol("sanity/presentation/resolveUUID");
+function useSuspendCacheKeys(toolName, basePath, workspaceName, previewSearchParam) {
+  const $ = c(12);
+  let t0;
+  $[0] !== previewSearchParam ? (t0 = () => previewSearchParam || "", $[0] = previewSearchParam, $[1] = t0) : t0 = $[1];
+  const [cachedPreviewSearchParam, setCachedPreviewSearchParam] = useState(t0), timeoutRef = useRef(0);
+  let t1, t2;
+  $[2] !== cachedPreviewSearchParam || $[3] !== previewSearchParam ? (t1 = () => {
+    if (cachedPreviewSearchParam && previewSearchParam)
+      return window.clearTimeout(timeoutRef.current), () => {
+        timeoutRef.current = window.setTimeout(() => {
+          setCachedPreviewSearchParam("");
+        }, 100);
+      };
+  }, t2 = [cachedPreviewSearchParam, previewSearchParam], $[2] = cachedPreviewSearchParam, $[3] = previewSearchParam, $[4] = t1, $[5] = t2) : (t1 = $[4], t2 = $[5]), useEffect(t1, t2);
+  const currentUser = useCurrentUser();
+  let t3;
+  const t4 = currentUser?.id;
+  let t5;
+  return $[6] !== basePath || $[7] !== cachedPreviewSearchParam || $[8] !== t4 || $[9] !== toolName || $[10] !== workspaceName ? (t5 = ["sanity/presentation", basePath, workspaceName, toolName, t4, resolveUUID, cachedPreviewSearchParam], $[6] = basePath, $[7] = cachedPreviewSearchParam, $[8] = t4, $[9] = toolName, $[10] = workspaceName, $[11] = t5) : t5 = $[11], t3 = t5, t3;
+}
+function usePreviewUrlSecret(enabled, deps) {
+  const $ = c(10);
+  let t0;
+  $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = {
+    apiVersion: API_VERSION
+  }, $[0] = t0) : t0 = $[0];
+  const client = useClient(t0), currentUser = useCurrentUser(), [secretLastExpiredAt, setSecretLastExpiredAt] = useState("");
+  let t1;
+  $[1] !== client || $[2] !== currentUser?.id || $[3] !== deps || $[4] !== enabled || $[5] !== secretLastExpiredAt ? (t1 = enabled ? suspend(async () => await createPreviewSecret(client, "@sanity/presentation", typeof window > "u" ? "" : location.href, currentUser?.id), [...deps, secretLastExpiredAt]) : null, $[1] = client, $[2] = currentUser?.id, $[3] = deps, $[4] = enabled, $[5] = secretLastExpiredAt, $[6] = t1) : t1 = $[6];
+  const previewUrlSecret = t1;
+  let t2, t3;
+  return $[7] !== previewUrlSecret ? (t2 = () => {
+    if (!previewUrlSecret)
+      return;
+    const timeout = setTimeout(() => {
+      startTransition(() => setSecretLastExpiredAt(previewUrlSecret.expiresAt.toString()));
+    }, previewUrlSecret.expiresAt.getTime() - Date.now());
+    return () => clearTimeout(timeout);
+  }, t3 = [previewUrlSecret], $[7] = previewUrlSecret, $[8] = t2, $[9] = t3) : (t2 = $[8], t3 = $[9]), useEffect(t2, t3), previewUrlSecret?.secret || null;
 }
 function useStatus() {
   const $ = c(4);
@@ -2436,13 +2276,13 @@ function useStatus() {
   let t1;
   bb0: {
     const values = Array.from(statusMap.values());
-    if (values.find(_temp$4)) {
+    if (values.find(_temp$1)) {
       t1 = "connected";
       break bb0;
     }
-    const handshaking = values.filter(_temp2$2);
+    const handshaking = values.filter(_temp2);
     if (handshaking.length) {
-      t1 = handshaking.some(_temp3$1) ? "connecting" : "reconnecting";
+      t1 = handshaking.some(_temp3) ? "connecting" : "reconnecting";
       break bb0;
     }
     t1 = "idle";
@@ -2468,19 +2308,19 @@ function useStatus() {
   let t3;
   return $[2] !== memoStatus ? (t3 = [memoStatus, setStatusFromEvent], $[2] = memoStatus, $[3] = t3) : t3 = $[3], t3;
 }
-function _temp3$1(t0) {
+function _temp3(t0) {
   const {
     hasConnected
   } = t0;
   return !hasConnected;
 }
-function _temp2$2(t0) {
+function _temp2(t0) {
   const {
     status: status_0
   } = t0;
   return status_0 === "connecting";
 }
-function _temp$4(t0) {
+function _temp$1(t0) {
   const {
     status
   } = t0;
@@ -2491,22 +2331,25 @@ const LiveQueries = lazy(() => import("./LiveQueries.mjs")), PostMessageDocument
 `;
 function PresentationTool(props) {
   const {
+    canCreateUrlPreviewSecrets,
     canToggleSharePreviewAccess,
     canUseSharedPreviewAccess,
     tool,
-    vercelProtectionBypass,
-    initialPreviewUrl,
-    previewUrlRef
-  } = props, allowOrigins = useAllowPatterns(previewUrlRef), targetOrigin = useTargetOrigin(previewUrlRef), components = tool.options?.components, name = tool.name || DEFAULT_TOOL_NAME, {
+    vercelProtectionBypass
+  } = props, components = tool.options?.components, _previewUrl = tool.options?.previewUrl, name = tool.name || DEFAULT_TOOL_NAME, {
     unstable_navigator,
     unstable_header
   } = components || {}, {
     navigate: routerNavigate,
     state: routerState
-  } = useRouter(), routerSearchParams = useUnique(Object.fromEntries(routerState._searchParams || [])), perspective = usePresentationPerspective(), canSharePreviewAccess = useSelector(previewUrlRef, (state) => state.context.previewMode?.shareAccess !== !1), [devMode] = useState(() => {
+  } = useRouter(), routerSearchParams = useUnique(Object.fromEntries(routerState._searchParams || [])), {
+    perspectiveStack,
+    selectedPerspectiveName = "drafts",
+    selectedReleaseId
+  } = usePerspective(), perspective = selectedReleaseId ? perspectiveStack : selectedPerspectiveName, initialPreviewUrl = usePreviewUrl(_previewUrl || "/", name, perspective, routerSearchParams.preview || null, canCreateUrlPreviewSecrets), canSharePreviewAccess = useMemo(() => _previewUrl && typeof _previewUrl == "object" && "draftMode" in _previewUrl && _previewUrl.draftMode ? (console.warn("previewUrl.draftMode is deprecated, use previewUrl.previewMode instead"), _previewUrl.draftMode.shareAccess !== !1) : _previewUrl && typeof _previewUrl == "object" && "previewMode" in _previewUrl && _previewUrl.previewMode ? _previewUrl.previewMode.shareAccess !== !1 : !1, [_previewUrl]), [devMode] = useState(() => {
     const option = tool.options?.devMode;
     return typeof option == "function" ? option() : typeof option == "boolean" ? option : typeof window < "u" && window.location.hostname === "localhost";
-  }), iframeRef = useRef(null), [controller, setController] = useState(), [visualEditingComlink, setVisualEditingComlink] = useState(null), frameStateRef = useRef({
+  }), targetOrigin = useMemo(() => initialPreviewUrl.origin, [initialPreviewUrl.origin]), iframeRef = useRef(null), [controller, setController] = useState(), [visualEditingComlink, setVisualEditingComlink] = useState(null), frameStateRef = useRef({
     title: void 0,
     url: void 0
   }), {
@@ -2521,16 +2364,16 @@ function PresentationTool(props) {
     routerState,
     routerSearchParams,
     frameStateRef
-  }), navigate = useMemo(() => debounce(_navigate, 50), [_navigate]), presentationRef = useActorRef(presentationMachine), viewport = useMemo(() => params.viewport ? "mobile" : "desktop", [params.viewport]), [documentsOnPage, setDocumentsOnPage] = useDocumentsOnPage(perspective, frameStateRef), projectId = useProjectId(), dataset = useDataset(), mainDocumentState = useMainDocument({
+  }), navigate = useMemo(() => debounce(_navigate, 50), [_navigate]), [state, dispatch] = useReducer(presentationReducer, {}, presentationReducerInit), viewport = useMemo(() => params.viewport ? "mobile" : "desktop", [params.viewport]), [documentsOnPage, setDocumentsOnPage] = useDocumentsOnPage(perspective, frameStateRef), projectId = useProjectId(), dataset = useDataset(), mainDocumentState = useMainDocument({
     // Prevent flash of content by using immediate navigation
     navigate: _navigate,
     navigationHistory,
     path: params.preview,
-    targetOrigin,
+    previewUrl: tool.options?.previewUrl,
     resolvers: tool.options?.resolve?.mainDocuments
   }), [overlaysConnection, setOverlaysConnection] = useStatus(), [loadersConnection, setLoadersConnection] = useStatus(), [previewKitConnection, setPreviewKitConnection] = useStatus(), {
     open: handleOpenPopup
-  } = usePopups(controller), isLoading = useSelector(presentationRef, (state_0) => state_0.matches("loading"));
+  } = usePopups(controller), isLoading = state.iframe.status === "loading";
   useEffect(() => {
     const target = iframeRef.current?.contentWindow;
     if (!target || isLoading) return;
@@ -2559,14 +2402,9 @@ function PresentationTool(props) {
       });
     }), comlink.on("visual-editing/navigate", (data_0) => {
       const {
-        title
+        title,
+        url
       } = data_0;
-      let url = data_0.url;
-      if (!url.startsWith("http"))
-        try {
-          url = new URL(url, targetOrigin).toString();
-        } catch {
-        }
       if (frameStateRef.current.url !== url)
         try {
           const [urlWithoutSearch, search] = url.split("?"), searchParams_0 = new URLSearchParams(search);
@@ -2585,8 +2423,8 @@ function PresentationTool(props) {
     }), comlink.on("visual-editing/meta", (data_1) => {
       frameStateRef.current.title = data_1.title;
     }), comlink.on("visual-editing/toggle", (data_2) => {
-      presentationRef.send({
-        type: "toggle visual editing overlays",
+      dispatch({
+        type: ACTION_VISUAL_EDITING_OVERLAYS_TOGGLE,
         enabled: data_2.enabled
       });
     }), comlink.on("visual-editing/documents", (data_3) => {
@@ -2597,19 +2435,19 @@ function PresentationTool(props) {
         data_3.documents
       );
     }), comlink.on("visual-editing/refreshing", (data_4) => {
-      data_4.source === "manual" ? clearTimeout(refreshRef.current) : data_4.source === "mutation" && presentationRef.send({
-        type: "iframe refresh"
+      data_4.source === "manual" ? clearTimeout(refreshRef.current) : data_4.source === "mutation" && dispatch({
+        type: ACTION_IFRAME_REFRESH
       });
     }), comlink.on("visual-editing/refreshed", () => {
-      presentationRef.send({
-        type: "iframe loaded"
+      dispatch({
+        type: ACTION_IFRAME_LOADED
       });
     }), comlink.onStatus(setOverlaysConnection);
     const stop = comlink.start();
     return setVisualEditingComlink(comlink), () => {
       stop(), setVisualEditingComlink(null);
     };
-  }, [controller, presentationRef, setDocumentsOnPage, setOverlaysConnection, targetOrigin]), useEffect(() => {
+  }, [controller, setDocumentsOnPage, setOverlaysConnection, targetOrigin]), useEffect(() => {
     if (!controller) return;
     const comlink_0 = controller.createChannel({
       name: "presentation",
@@ -2632,13 +2470,11 @@ function PresentationTool(props) {
       path: studioPath.toString(nextPath)
     }, {}, !0);
   }, [navigate]), handlePreviewPath = useCallback((nextPath_0) => {
-    const url_0 = new URL(nextPath_0, targetOrigin), preview = url_0.toString();
-    params.preview !== preview && (Array.isArray(allowOrigins) ? allowOrigins.some((pattern) => pattern.test(preview)) && navigate({}, {
+    const url_0 = new URL(nextPath_0, initialPreviewUrl.origin), preview = url_0.pathname + url_0.search;
+    url_0.origin === initialPreviewUrl.origin && preview !== params.preview && navigate({}, {
       preview
-    }) : url_0.origin === targetOrigin && navigate({}, {
-      preview
-    }));
-  }, [targetOrigin, params.preview, allowOrigins, navigate]), handleStructureParams = useCallback((structureParams_0) => {
+    });
+  }, [initialPreviewUrl, params, navigate]), handleStructureParams = useCallback((structureParams_0) => {
     navigate({}, structureParams_0);
   }, [navigate]);
   useEffect(() => {
@@ -2647,27 +2483,10 @@ function PresentationTool(props) {
       path: params.path
     }) : visualEditingComlink?.post("presentation/blur");
   }, [params.id, params.path, visualEditingComlink]), useEffect(() => {
-    if (frameStateRef.current.url && params.preview && frameStateRef.current.url !== params.preview) {
-      try {
-        const frameOrigin = new URL(frameStateRef.current.url, targetOrigin).origin, previewOrigin = new URL(params.preview, targetOrigin).origin;
-        if (frameOrigin !== previewOrigin)
-          return;
-      } catch {
-      }
-      if (frameStateRef.current.url = params.preview, overlaysConnection === "connected") {
-        let url_1 = params.preview;
-        if (url_1.startsWith("http"))
-          try {
-            const newUrl = new URL(params.preview, targetOrigin);
-            url_1 = newUrl.pathname + newUrl.search + newUrl.hash;
-          } catch {
-          }
-        visualEditingComlink?.post("presentation/navigate", {
-          url: url_1,
-          type: "replace"
-        });
-      }
-    }
+    frameStateRef.current.url && params.preview && frameStateRef.current.url !== params.preview && (frameStateRef.current.url = params.preview, overlaysConnection !== "connected" && iframeRef.current ? iframeRef.current.src = `${targetOrigin}${params.preview}` : visualEditingComlink?.post("presentation/navigate", {
+      url: params.preview,
+      type: "replace"
+    }));
   }, [overlaysConnection, targetOrigin, params.preview, visualEditingComlink]);
   const toggleOverlay = useCallback(() => visualEditingComlink?.post("presentation/toggle-overlay"), [visualEditingComlink]), [displayedDocument, setDisplayedDocument] = useState(null);
   useEffect(() => {
@@ -2686,8 +2505,8 @@ function PresentationTool(props) {
   }, PresentationNavigator] = usePresentationNavigator({
     unstable_navigator
   }), refreshRef = useRef(void 0), handleRefresh = useCallback((fallback) => {
-    if (presentationRef.send({
-      type: "iframe refresh"
+    if (dispatch({
+      type: ACTION_IFRAME_REFRESH
     }), visualEditingComlink) {
       refreshRef.current = window.setTimeout(fallback, 300), visualEditingComlink.post("presentation/refresh", {
         source: "manual",
@@ -2696,7 +2515,7 @@ function PresentationTool(props) {
       return;
     }
     fallback();
-  }, [loadersConnection, presentationRef, previewKitConnection, visualEditingComlink]), workspace = useWorkspace(), getCommentIntent = useCallback(({
+  }, [loadersConnection, previewKitConnection, visualEditingComlink]), workspace = useWorkspace(), getCommentIntent = useCallback(({
     id,
     type,
     path
@@ -2729,7 +2548,9 @@ function PresentationTool(props) {
           canSharePreviewAccess,
           canToggleSharePreviewAccess,
           canUseSharedPreviewAccess,
+          dispatch,
           header: unstable_header,
+          iframe: state.iframe,
           initialUrl: initialPreviewUrl,
           loadersConnection,
           navigatorEnabled,
@@ -2745,9 +2566,8 @@ function PresentationTool(props) {
           toggleNavigator,
           toggleOverlay,
           viewport,
-          vercelProtectionBypass,
-          presentationRef,
-          previewUrlRef
+          visualEditing: state.visualEditing,
+          vercelProtectionBypass
         },
         targetOrigin
       ) }) }) }),
@@ -2777,824 +2597,13 @@ const IS_MAC = typeof window < "u" && /Mac|iPod|iPhone|iPad/.test(window.navigat
 function isHotkey(keys, event) {
   return keys.every((key) => MODIFIERS[key] ? event[MODIFIERS[key]] : event.key === key.toUpperCase());
 }
-function defineCreatePreviewSecretActor({
-  client,
-  currentUserId
-}) {
-  return fromPromise(async () => await createPreviewSecret(client, "sanity/presentation", location.href, currentUserId));
-}
-function defineReadSharedSecretActor({
-  client
-}) {
-  return fromPromise(async () => client.fetch(fetchSharedAccessQuery, {}, {
-    tag: "presentation.fallback-to-shared-access-secret"
-  }));
-}
-function defineResolveAllowPatternsActor({
-  client,
-  allowOption
-}) {
-  return fromPromise(async ({
-    input
-  }) => {
-    const {
-      initialUrl
-    } = input;
-    if (typeof URLPattern > "u" && await import("urlpattern-polyfill"), !allowOption)
-      return [new URLPattern(initialUrl.origin)];
-    const maybePatterns = typeof allowOption == "function" ? await allowOption({
-      client,
-      origin,
-      initialUrl
-    }) : allowOption, urlPatterns = (Array.isArray(maybePatterns) ? maybePatterns : [maybePatterns]).map((value) => {
-      const urlPattern = new URLPattern(value);
-      if (urlPattern.hostname === "*")
-        throw new Error("It's insecure to allow any hostname, it could disclose data to a malicious site");
-      return urlPattern;
-    });
-    return urlPatterns.some((pattern) => pattern.test(initialUrl.origin)) ? urlPatterns : [...urlPatterns, new URLPattern(initialUrl.origin)];
-  });
-}
-function defineResolveInitialUrlActor({
-  client,
-  studioBasePath,
-  previewUrlOption,
-  perspective
-}) {
-  return fromPromise(async ({
-    input
-  }) => {
-    const {
-      origin: origin2
-    } = location;
-    if (typeof previewUrlOption == "function") {
-      const initial = await previewUrlOption({
-        client,
-        studioBasePath,
-        // @TODO handle checking permissions here, and then generating a secret
-        previewUrlSecret: "",
-        studioPreviewPerspective: encodeStudioPerspective(perspective),
-        previewSearchParam: input.previewSearchParam
-      });
-      return new URL(initial, origin2);
-    }
-    if (!previewUrlOption)
-      return new URL("/", origin2);
-    if (typeof previewUrlOption == "string")
-      return new URL(previewUrlOption, origin2);
-    if (typeof previewUrlOption.initial == "function") {
-      const initial = await previewUrlOption.initial({
-        client,
-        origin: origin2
-      });
-      return new URL(initial, origin2);
-    }
-    return typeof previewUrlOption.initial == "string" ? new URL(previewUrlOption.initial, origin2) : new URL(previewUrlOption.preview || "/", previewUrlOption.origin || origin2);
-  });
-}
-function defineResolvePreviewModeActor({
-  client,
-  previewUrlOption
-}) {
-  return fromPromise(async ({
-    input
-  }) => {
-    const {
-      targetOrigin
-    } = input;
-    if (typeof previewUrlOption == "object" && previewUrlOption?.draftMode)
-      return {
-        enable: previewUrlOption.draftMode.enable,
-        shareAccess: previewUrlOption.draftMode.shareAccess ?? !0
-      };
-    if (!previewUrlOption || typeof previewUrlOption == "string" || typeof previewUrlOption == "function" || !previewUrlOption.previewMode)
-      return !1;
-    const previewMode = typeof previewUrlOption.previewMode == "function" ? await previewUrlOption.previewMode({
-      client,
-      origin,
-      targetOrigin
-    }) : previewUrlOption.previewMode;
-    return previewMode === !1 ? !1 : {
-      enable: previewMode.enable,
-      shareAccess: previewMode.shareAccess ?? !0
-    };
-  });
-}
-function defineResolvePreviewModeUrlActor({
-  client,
-  studioBasePath,
-  previewUrlOption,
-  perspective
-}) {
-  return fromPromise(async ({
-    input
-  }) => {
-    const {
-      previewUrlSecret,
-      resolvedPreviewMode,
-      initialUrl
-    } = input;
-    if (typeof previewUrlOption == "function") {
-      const initial = await previewUrlOption({
-        client,
-        studioBasePath,
-        previewUrlSecret,
-        studioPreviewPerspective: encodeStudioPerspective(perspective),
-        previewSearchParam: initialUrl.toString()
-      });
-      return new URL(initial, initialUrl);
-    }
-    if (!resolvedPreviewMode)
-      throw new Error("Resolved preview mode is false");
-    const url = new URL(resolvedPreviewMode.enable, initialUrl);
-    return url.searchParams.set(urlSearchParamPreviewSecret, previewUrlSecret), url.searchParams.set(urlSearchParamPreviewPerspective, encodeStudioPerspective(perspective)), initialUrl.pathname !== url.pathname && url.searchParams.set(urlSearchParamPreviewPathname, `${initialUrl.pathname}${initialUrl.search}${initialUrl.hash}`), url;
-  });
-}
-const resolveUrlFromPreviewSearchParamActor = fromPromise(async ({
-  input
-}) => {
-  const {
-    previewSearchParam,
-    initialUrl,
-    allowOrigins
-  } = input;
-  if (!previewSearchParam)
-    return initialUrl;
-  try {
-    const previewSearchParamUrl = new URL(previewSearchParam, initialUrl.origin);
-    return allowOrigins.some((pattern) => pattern.test(previewSearchParamUrl.origin)) ? previewSearchParamUrl : initialUrl;
-  } catch {
-    return initialUrl;
-  }
-}), shareAccessSingletonDocument = {
-  _id: schemaIdSingleton,
-  _type: schemaTypeSingleton
-}, previewUrlSecretDocument = {
-  _id: `drafts.${uuid()}`,
-  _type: schemaType
-}, previewUrlMachine = setup({
-  types: {},
-  actions: {
-    "notify preview will likely fail": log("Missing permissions to create preview secret, or read shared preview secret. Preview will likely fail loading."),
-    "assign preview search param": assign({
-      previewSearchParam: (_, params) => params.previewSearchParam
-    }),
-    "assign error": assign({
-      error: (_, params) => params.error instanceof Error ? params.error : new Error(params.message, {
-        cause: params.error
-      })
-    })
-  },
-  actors: {
-    "check permission": fromObservable(() => throwError(() => new Error("The 'check permission' actor is not implemented. Add it to previewUrlMachine.provide({actors: {'check permission': fromObservable(({input}: {input: CheckPermissionInput}) => ...)}})"))),
-    "resolve initial url": fromPromise(() => Promise.reject(new Error("The 'resolve initial url' actor is not implemented. Add it to previewUrlMachine.provide({actors: {'resolve initial url': fromPromise(...)}})"))),
-    "resolve allow patterns": fromPromise(() => Promise.reject(new Error("The 'resolve allow patterns' actor is not implemented. Add it to previewUrlMachine.provide({actors: {'resolve allow pattern': fromPromise(...)}})"))),
-    "resolve url from preview search param": resolveUrlFromPreviewSearchParamActor,
-    "resolve preview mode": fromPromise(() => Promise.reject(new Error("The 'resolve preview mode' actor is not implemented. Add it to previewUrlMachine.provide({actors: {'resolve preview mode': fromPromise(...)}})"))),
-    "create preview secret": fromPromise(async () => Promise.reject(new Error("The 'create preview secret' actor is not implemented. Add it to previewUrlMachine.provide({actors: {'create preview secret': fromPromise(...)}})"))),
-    "read shared preview secret": fromPromise(async () => Promise.reject(new Error("The 'read shared preview secret' actor is not implemented. Add it to previewUrlMachine.provide({actors: {'read shared preview secret': fromPromise(...)}})"))),
-    "resolve preview mode url": fromPromise(() => Promise.reject(new Error("The 'resolve preview mode url' actor is not implemented. Add it to previewUrlMachine.provide({actors: {'resolve preview mode url': fromPromise(...)}})")))
-  },
-  guards: {
-    "has checked permissions": ({
-      context
-    }) => !!(context.previewAccessSharingCreatePermission && context.previewAccessSharingReadPermission && context.previewAccessSharingUpdatePermission && context.previewUrlSecretPermission),
-    "search param has new origin": ({
-      context,
-      event
-    }) => {
-      if (!context.previewUrl || !event.previewSearchParam)
-        return !1;
-      try {
-        const previewSearchParamUrl = new URL(event.previewSearchParam, context.previewUrl);
-        return context.previewUrl.origin !== previewSearchParamUrl.origin;
-      } catch {
-        return !1;
-      }
-    },
-    "can create preview secret": ({
-      context
-    }) => context.previewUrlSecretPermission?.granted === !0,
-    "has preview mode with created secret": ({
-      context
-    }, params) => params === !1 ? !1 : context.previewUrlSecretPermission?.granted === !0,
-    "has preview mode with share access": ({
-      context
-    }, params) => params === !1 ? !1 : context.previewAccessSharingReadPermission?.granted === !0,
-    "has preview mode without permissions": ({
-      context
-    }, params) => params === !1 ? !1 : context.previewAccessSharingReadPermission?.granted === !1 && context.previewUrlSecretPermission?.granted === !1
-  },
-  delays: {
-    expiredSecret: ({
-      context
-    }) => {
-      if (!context.previewUrlSecret?.expiresAt)
-        return 0;
-      const now = Date.now(), expiresAt = context.previewUrlSecret.expiresAt.getTime();
-      return Math.max(expiresAt - now, 0);
-    }
-  }
-}).createMachine({
-  // eslint-disable-next-line tsdoc/syntax
-  /** @xstate-layout N4IgpgJg5mDOIC5QAUBOYBuBLMB3ABAKoBKAMgMRiqoD2qAdAA4A2AhgC4BmdAtvWphwESpBFgB2GGgGMOWGuIDaABgC6K1YlCMasLO3nitIAB6IArAA56AZgCcAdkcBGS8vMAmO+YBszgDQgAJ6Izs4+9M7KACzKztGWHg4OPubmAL7pgQLYeERklNR0TGxcvPzoucJkYpIycgqKzupqxjp6BgrGZggAtM520ZHRdjZjNjFe7oEhCGERUbHxicmpGVkgOUL5FFS0DCwc3Kh8W3kitVKynUoeLZpIIO36ht2IvV62Hl7elmE2lh83xmoXCkRicQSSRS5gSmWylW2IkK+xKR3KZ2qogkVwaShs9zauheXUePV6gPo3jSUyi-xBczBi0hKxh5mc8M2iPOBVgYHY+EY3IIfNYqGkAAtBWLWDwNESOq8yaCbM56A4bB5fGllHYvD4fAz4h56CNfG5LKqHMpLdFOZidvRJWBpABrCRQZBUHhYWB6BSwcjyx7PG5vPrs5TqjWqyyjTXRDwMjwxei68J2ZQ2nyWXN2jYOkT0dCwGjMbDiKAASXEL1YzEIqGY5AgCjA9BxNFd7cLZGLcDLFertYM9cbzEu9RuGmD2mJYeVfRGdipyh86Yc0XiE3MDK3JssIwcrmtPjGSXzCMEPNI-dL5Y9NbrDabKOKhzKJwq16xd8Hj5HLAxybSdrkMGdWhDeclVAclN3odlzBsKwBjSSxjwcZM7DVeJ1w8P4xmidk7HtYVHRLf9KwAQWYZgaFwZAOHYKhxEDVtxHbTtu2-KpyIHB9qNo+jGPYZjUFY0C8Qgh450VUlYPedkHHoHwnDSZDVOiGwfGiBlUhXXwwjsQYtKSYzSJ-Pj7yHGi6IYpiWMDPZ31KY5TjIosKIEqBbOEhzxNgSTpzUWcnmg+TTHePV6Hw3MYgzaItJ0hlYRNTNkLiHxBl1GILN4zz+KHccADFaB4TEAGUwDFSVGNQWUWzbDs6m43tby8oqm1KmhyuFKqaolOrZSC8CQsg2SSSMRdel8ZSNUTdlcw8M07AZQZrDXdaDRtUZnHWK98r7DqPRKsrKuq8VBplHg3wOVyMQ8o7CpOrqzr6i7auukbGjGmSwrkqaFL6MJlLiWFlC1EGty0hknAiXVVPMRx12UJwOQLR72ueytMQAWRoCAwEajjmqkVrMb-by8YJsBvqUX6FUm8Nem2+hbWPUZErGTcjS8NUJg8AE9T1ZwHHwvKkSe6yPWpwnic4lqewp46ceFfHCbpmdmkZhcgZmyxzFsDmTPcXUUiNRKDy3ZQJlVLSkYlm9KaHWWifYhWyaVyyCul1Wf3V2nOzAn71DuHWYMivovGsBxPCy74beWaJDWCUJzBSFTrUcQYdMzIFHd-FXPTVmn5dJrsvcOrHfeL-2ac1kKCXDiLyWcNKJiiHM-BtONwgtnMEM1DVNwhhI7B8AurMo2uqgD260U-dzval6fXYbwkoIB5moijLLkm5tvYRBo1nGQtND11ZaIdzEiMeX6vV5LuW+QFIVLNFS7pXquVxv+pnF1FtYP4OY7AG3QohJMqcEDeGUq4NwYQBhLEnkWWAABXaQ0g4CBhfoKMiH9JRf1lKFUMEceiizVPA0+7gtQQy8LzXU6obaJTFtEJwHhXDIL7G-WepccHcO2PgqUjBrrEPCoDSOFI3C2AGHtQ8sIiJJGTILZS7JRaeGSKw7CnDbz8LwAHJ06AOBgHOtIdA7Ay5cUrpLHRT92ymOqsxExZj16iK3gAqI6oaQ6QtE4YylhkynzmkCBGNgNR7VvgdaxTBbEGIccY969jzHOTuuiL8bVol10JrEoxTj+QuN-iQlu7xwjKX1P8bSTC0hGhcKaBIOZAQGkBKE7RGSeFZMMRACqEoxRgCohgrBFjFY8Sibo3A+iOldJ6X0zBfp8l-UKeIshjgqTGTiPYPaGotS7igd8QWtgsp6iQnFOEd8q6tKEOM6qnTunoGmQM5JC83LDKdqMy5rBrlTP6bMoOUkGab3-kDU+ERVEpnsEjDRVSdljBXKeQY3h5gOBaa8mmzt4k-nHIMz2zzfzIvaYVNFVRxxzObosxAfg1Q2jSOERIh5kIBNGKaNZ2lvjhFhEimJHUCVCAxQ8j8Tz0m4vbJyzERKfnBQ3hNXWkdyWeJsCMVhqNsK6mTO4Q2Q9DysLCEhDw7LMntjQV8wMJhYDsCMfQVgnAxIAAowAmEYFgdAnSXRmIAJTkAFTEg1MzYCuIBZHKYKlUiqWwrCMJkDZgDAYceRMfwUisPYZYTIGxxA03gI8NqJLmZ6msKqENcjErqIZL0cethvDGXLew9hiYWnOjdDLb0vp-SsUzdNcwEMEJ7WTohDMfgU4RpTCpUJnhYrHghuEFpRcnyjhfMwFtet2Q2FNOwsWZarBan8TsuMkRvhIzPJGDwmkWnJLnf6g0aZl0mQTURDdsxYiGwwsRIEgwEwTuxj5IS9lRKORPeSJCOF4XgrUZqbZsxwZszcJtbC4RUg2FfTXU6PVzoDSGjwH9ik-gxRGG4NtxkkZblhgyxIhFQG5lSPEODj89VoYjKqGKURkij0zImXSUCwiozZuDLUCQQY6tOVEr1WDqMsxNCkP4RFPBZj+I4I0qoRMODjIlceBzkK6raWAIT7DDZlNPhUuVkKI0pEXbHBISF1yAiIqpi5KL7E5ISWYoTna2b6Qg+DcFN7EAphLdpdOWVoPJ0RXxl5HKrmTNuYahzaQviaQPVERa8mlGeBUnnQyDStSwcCzi4L1kuV4HHNR4DCFdRaVVFSzcZ4VVIVsDEVhZ5QnWlYZZvRKLj3-KlT0FIKjVRZghkCXwqkjQGzVFxvOMisoWYy46QV9ABN+mo3mFZZ427lp032jzVa2bJGtCUtciak1AA */
-  id: "Preview URL",
-  context: ({
-    input
-  }) => ({
-    initialUrl: null,
-    previewUrl: null,
-    error: null,
-    allowOrigins: null,
-    previewSearchParam: input.previewSearchParam,
-    previewUrlSecret: null,
-    previewAccessSharingCreatePermission: null,
-    previewAccessSharingReadPermission: null,
-    previewAccessSharingUpdatePermission: null,
-    previewUrlSecretPermission: null,
-    previewMode: null
-  }),
-  invoke: [{
-    src: "check permission",
-    input: () => ({
-      checkPermissionName: "read",
-      document: shareAccessSingletonDocument
-    }),
-    onError: {
-      target: ".error",
-      actions: {
-        type: "assign error",
-        params: ({
-          event
-        }) => ({
-          message: "Failed to check permission",
-          error: event.error
-        })
-      }
-    },
-    onSnapshot: {
-      actions: assign({
-        previewAccessSharingReadPermission: ({
-          event
-        }) => event.snapshot.context ?? null
-      })
-    }
-  }, {
-    src: "check permission",
-    input: () => ({
-      checkPermissionName: "create",
-      document: shareAccessSingletonDocument
-    }),
-    onError: {
-      target: ".error",
-      actions: {
-        type: "assign error",
-        params: ({
-          event
-        }) => ({
-          message: "Failed to check permission",
-          error: event.error
-        })
-      }
-    },
-    onSnapshot: {
-      actions: assign({
-        previewAccessSharingCreatePermission: ({
-          event
-        }) => event.snapshot.context ?? null
-      })
-    }
-  }, {
-    src: "check permission",
-    input: () => ({
-      checkPermissionName: "update",
-      document: shareAccessSingletonDocument
-    }),
-    onError: {
-      target: ".error",
-      actions: {
-        type: "assign error",
-        params: ({
-          event
-        }) => ({
-          message: "Failed to check permission",
-          error: event.error
-        })
-      }
-    },
-    onSnapshot: {
-      actions: assign({
-        previewAccessSharingUpdatePermission: ({
-          event
-        }) => event.snapshot.context ?? null
-      })
-    }
-  }, {
-    src: "check permission",
-    input: () => ({
-      checkPermissionName: "create",
-      document: previewUrlSecretDocument
-    }),
-    onError: {
-      target: ".error",
-      actions: {
-        type: "assign error",
-        params: ({
-          event
-        }) => ({
-          message: "Failed to check permission",
-          error: event.error
-        })
-      }
-    },
-    onSnapshot: {
-      actions: assign({
-        previewUrlSecretPermission: ({
-          event
-        }) => event.snapshot.context ?? null
-      })
-    }
-  }],
-  on: {
-    "set preview search param": {
-      actions: {
-        type: "assign preview search param",
-        params: ({
-          event
-        }) => ({
-          previewSearchParam: event.previewSearchParam
-        })
-      }
-    }
-  },
-  states: {
-    checkingPermissions: {
-      always: {
-        guard: "has checked permissions",
-        target: "resolvingInitialUrl"
-      },
-      tags: "busy"
-    },
-    resolvingInitialUrl: {
-      invoke: {
-        src: "resolve initial url",
-        input: ({
-          context
-        }) => ({
-          previewSearchParam: context.previewSearchParam
-        }),
-        onError: {
-          target: "error",
-          actions: {
-            type: "assign error",
-            params: ({
-              event
-            }) => ({
-              message: "Failed to resolve initial url",
-              error: event.error
-            })
-          }
-        },
-        onDone: {
-          target: "resolvingAllowPatterns",
-          actions: assign({
-            initialUrl: ({
-              event
-            }) => event.output
-          })
-        }
-      },
-      tags: "busy"
-    },
-    error: {
-      type: "final",
-      tags: "error"
-    },
-    resolvingAllowPatterns: {
-      invoke: {
-        src: "resolve allow patterns",
-        input: ({
-          context
-        }) => ({
-          initialUrl: context.initialUrl
-        }),
-        onError: {
-          target: "error",
-          actions: {
-            type: "assign error",
-            params: ({
-              event
-            }) => ({
-              message: "Failed to resolve preview url allow patterns",
-              error: event.error
-            })
-          }
-        },
-        onDone: {
-          target: "resolvingUrlFromPreviewSearchParam",
-          actions: assign({
-            allowOrigins: ({
-              event
-            }) => event.output
-          })
-        }
-      },
-      tags: ["busy"]
-    },
-    resolvingUrlFromPreviewSearchParam: {
-      id: "loop",
-      invoke: {
-        src: "resolve url from preview search param",
-        input: ({
-          context
-        }) => ({
-          initialUrl: context.initialUrl,
-          allowOrigins: context.allowOrigins,
-          previewSearchParam: context.previewSearchParam
-        }),
-        onError: {
-          target: "error",
-          actions: {
-            type: "assign error",
-            params: ({
-              event
-            }) => ({
-              message: "Failed to resolve preview url from search param",
-              error: event.error
-            })
-          }
-        },
-        onDone: {
-          target: "resolvingPreviewMode",
-          actions: assign({
-            initialUrl: ({
-              event
-            }) => event.output
-          })
-        }
-      },
-      tags: ["busy"]
-    },
-    resolvingPreviewMode: {
-      on: {
-        "set preview search param": {
-          guard: "search param has new origin",
-          actions: {
-            type: "assign preview search param",
-            params: ({
-              event
-            }) => ({
-              previewSearchParam: event.previewSearchParam
-            })
-          },
-          target: "#loop",
-          reenter: !0
-        }
-      },
-      invoke: {
-        src: "resolve preview mode",
-        input: ({
-          context
-        }) => ({
-          targetOrigin: context.initialUrl.origin
-        }),
-        onError: {
-          target: "error",
-          actions: {
-            type: "assign error",
-            params: ({
-              event
-            }) => ({
-              message: "Failed to resolve preview url allow patterns",
-              error: event.error
-            })
-          }
-        },
-        onDone: [{
-          guard: {
-            type: "has preview mode with created secret",
-            params: ({
-              event
-            }) => event.output
-          },
-          actions: assign({
-            previewMode: ({
-              event
-            }) => event.output
-          }),
-          target: "previewMode.createPreviewSecret"
-        }, {
-          guard: {
-            type: "has preview mode with share access",
-            params: ({
-              event
-            }) => event.output
-          },
-          actions: assign({
-            previewMode: ({
-              event
-            }) => event.output
-          }),
-          target: "previewMode.readShareAccess"
-        }, {
-          guard: {
-            type: "has preview mode without permissions",
-            params: ({
-              event
-            }) => event.output
-          },
-          actions: [assign({
-            previewUrl: ({
-              context
-            }) => context.initialUrl
-          }), "notify preview will likely fail"],
-          target: "success"
-        }, {
-          actions: assign({
-            previewUrl: ({
-              context
-            }) => context.initialUrl
-          }),
-          target: "success"
-        }]
-      },
-      tags: ["busy"]
-    },
-    success: {
-      on: {
-        "set preview search param": {
-          guard: "search param has new origin",
-          actions: {
-            type: "assign preview search param",
-            params: ({
-              event
-            }) => ({
-              previewSearchParam: event.previewSearchParam
-            })
-          },
-          target: "#loop",
-          reenter: !0
-        }
-      }
-    },
-    previewMode: {
-      on: {
-        "set preview search param": {
-          guard: "search param has new origin",
-          actions: {
-            type: "assign preview search param",
-            params: ({
-              event
-            }) => ({
-              previewSearchParam: event.previewSearchParam
-            })
-          },
-          target: "#loop",
-          reenter: !0
-        }
-      },
-      states: {
-        createPreviewSecret: {
-          invoke: {
-            src: "create preview secret",
-            onError: {
-              target: "error",
-              actions: {
-                type: "assign error",
-                params: ({
-                  event
-                }) => ({
-                  message: "Failed to create preview secret",
-                  error: event.error
-                })
-              }
-            },
-            onDone: {
-              target: "resolvePreviewUrl",
-              actions: assign({
-                previewUrlSecret: ({
-                  event
-                }) => event.output
-              })
-            }
-          },
-          tags: ["busy"]
-        },
-        readShareAccess: {
-          invoke: {
-            src: "read shared preview secret",
-            onError: {
-              target: "error",
-              actions: {
-                type: "assign error",
-                params: ({
-                  event
-                }) => ({
-                  message: "Failed to read shared preview secret",
-                  error: event.error
-                })
-              }
-            },
-            onDone: {
-              target: "resolvePreviewUrl",
-              actions: assign({
-                previewUrlSecret: ({
-                  event
-                }) => ({
-                  secret: event.output,
-                  expiresAt: new Date(Date.now() + 1e3 * 60 * 60 * 60 * 24)
-                })
-              })
-            }
-          },
-          tags: ["busy"]
-        },
-        resolvePreviewUrl: {
-          invoke: {
-            src: "resolve preview mode url",
-            input: ({
-              context
-            }) => ({
-              initialUrl: context.initialUrl,
-              resolvedPreviewMode: context.previewMode,
-              previewUrlSecret: context.previewUrlSecret.secret
-            }),
-            onError: {
-              target: "error",
-              actions: {
-                type: "assign error",
-                params: ({
-                  event
-                }) => ({
-                  message: "Failed to resolve preview url",
-                  error: event.error
-                })
-              }
-            },
-            onDone: {
-              target: "success",
-              actions: assign({
-                previewUrl: ({
-                  event
-                }) => event.output
-              })
-            }
-          },
-          tags: ["busy"]
-        },
-        error: {
-          type: "final",
-          tags: ["error"]
-        },
-        success: {
-          after: {
-            expiredSecret: {
-              guard: "can create preview secret",
-              actions: assign({
-                previewUrlSecret: null
-              }),
-              target: "createPreviewSecret",
-              reenter: !0
-            }
-          }
-        }
-      },
-      initial: "readShareAccess"
-    }
-  },
-  initial: "checkingPermissions"
-});
-function usePreviewUrlActorRef(previewUrlOption, allowOption) {
-  const $ = c(24), grantsStore = useGrantsStore();
-  let t0;
-  $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = {
-    apiVersion: API_VERSION
-  }, $[0] = t0) : t0 = $[0];
-  const client = useClient(t0), currentUserId = useCurrentUser()?.id, studioBasePath = useActiveWorkspace()?.activeWorkspace?.basePath || "/", router = useRouter();
-  let t1;
-  $[1] !== router.state._searchParams ? (t1 = new URLSearchParams(router.state._searchParams).get("preview"), $[1] = router.state._searchParams, $[2] = t1) : t1 = $[2];
-  const previewSearchParam = t1, {
-    push: pushToast
-  } = useToast(), {
-    t
-  } = useTranslation(presentationLocaleNamespace), perspective = usePresentationPerspective();
-  let t2;
-  if ($[3] !== allowOption || $[4] !== client || $[5] !== currentUserId || $[6] !== grantsStore || $[7] !== perspective || $[8] !== previewUrlOption || $[9] !== pushToast || $[10] !== studioBasePath || $[11] !== t) {
-    let t32;
-    $[13] !== pushToast || $[14] !== t ? (t32 = () => pushToast({
-      id: "preview-url-secret.missing-grants",
-      closable: !0,
-      status: "error",
-      duration: 1 / 0,
-      title: t("preview-url-secret.missing-grants")
-    }), $[13] = pushToast, $[14] = t, $[15] = t32) : t32 = $[15];
-    let t42;
-    $[16] !== grantsStore ? (t42 = (t52) => {
-      const {
-        input
-      } = t52;
-      return grantsStore.checkDocumentPermission(input.checkPermissionName, input.document);
-    }, $[16] = grantsStore, $[17] = t42) : t42 = $[17], t2 = previewUrlMachine.provide({
-      actions: {
-        "notify preview will likely fail": t32
-      },
-      actors: {
-        "create preview secret": defineCreatePreviewSecretActor({
-          client,
-          currentUserId
-        }),
-        "read shared preview secret": defineReadSharedSecretActor({
-          client
-        }),
-        "resolve allow patterns": defineResolveAllowPatternsActor({
-          client,
-          allowOption
-        }),
-        "resolve initial url": defineResolveInitialUrlActor({
-          client,
-          studioBasePath,
-          previewUrlOption,
-          perspective
-        }),
-        "resolve preview mode": defineResolvePreviewModeActor({
-          client,
-          previewUrlOption
-        }),
-        "resolve preview mode url": defineResolvePreviewModeUrlActor({
-          client,
-          studioBasePath,
-          previewUrlOption,
-          perspective
-        }),
-        "check permission": fromObservable(t42)
-      }
-    }), $[3] = allowOption, $[4] = client, $[5] = currentUserId, $[6] = grantsStore, $[7] = perspective, $[8] = previewUrlOption, $[9] = pushToast, $[10] = studioBasePath, $[11] = t, $[12] = t2;
-  } else
-    t2 = $[12];
-  let t3;
-  $[18] !== previewSearchParam ? (t3 = {
-    input: {
-      previewSearchParam
-    }
-  }, $[18] = previewSearchParam, $[19] = t3) : t3 = $[19];
-  const actorRef = useActorRef(t2, t3);
-  let t4, t5;
-  $[20] !== actorRef || $[21] !== previewSearchParam ? (t4 = () => {
-    actorRef.send({
-      type: "set preview search param",
-      previewSearchParam
-    });
-  }, t5 = [actorRef, previewSearchParam], $[20] = actorRef, $[21] = previewSearchParam, $[22] = t4, $[23] = t5) : (t4 = $[22], t5 = $[23]), useEffect(t4, t5);
-  const error = useSelector(actorRef, _temp$3);
-  if (error)
-    throw error;
-  return actorRef;
-}
-function _temp$3(state) {
-  return state.status === "error" ? state.error : state.hasTag("error") ? state.context.error : null;
-}
-function useReportInvalidPreviewSearchParam(previewUrlRef) {
-  const $ = c(9), {
-    t
-  } = useTranslation(presentationLocaleNamespace), {
-    push: pushToast
-  } = useToast(), router = useRouter();
-  let t0;
-  $[0] !== router.state._searchParams ? (t0 = new URLSearchParams(router.state._searchParams).get("preview"), $[0] = router.state._searchParams, $[1] = t0) : t0 = $[1];
-  const previewSearchParam = t0, allowOrigins = useSelector(previewUrlRef, _temp$2), currentOrigin = useSelector(previewUrlRef, _temp2$1);
-  let t1, t2;
-  $[2] !== allowOrigins || $[3] !== currentOrigin || $[4] !== previewSearchParam || $[5] !== pushToast || $[6] !== t ? (t1 = () => {
-    if (!Array.isArray(allowOrigins) || !previewSearchParam || !currentOrigin)
-      return;
-    const nextOrigin = new URL(previewSearchParam, currentOrigin).origin;
-    allowOrigins.some((pattern) => pattern.test(nextOrigin)) || pushToast({
-      closable: !0,
-      id: `presentation-iframe-origin-mismatch-${nextOrigin}`,
-      status: "error",
-      duration: 1 / 0,
-      title: t("preview-search-param.configuration.error.title"),
-      description: /* @__PURE__ */ jsx(Translate, { t, i18nKey: "preview-search-param.configuration.error.description", components: {
-        Code: "code"
-      }, values: {
-        previewSearchParam,
-        blockedOrigin: nextOrigin
-      } })
-    });
-  }, t2 = [allowOrigins, currentOrigin, previewSearchParam, pushToast, t], $[2] = allowOrigins, $[3] = currentOrigin, $[4] = previewSearchParam, $[5] = pushToast, $[6] = t, $[7] = t1, $[8] = t2) : (t1 = $[7], t2 = $[8]), useEffect(t1, t2);
-}
-function _temp2$1(state_0) {
-  return state_0.context.previewUrl?.origin;
-}
-function _temp$2(state) {
-  return state.context.allowOrigins;
-}
 function useVercelBypassSecret() {
   const $ = c(7);
   let t0;
   $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = {
     apiVersion: API_VERSION
   }, $[0] = t0) : t0 = $[0];
-  const client = useClient(t0), [vercelProtectionBypassReadyState, ready] = useReducer(_temp$1, "loading"), [vercelProtectionBypassSecret, setVercelProtectionBypassSecret] = useState(null);
+  const client = useClient(t0), [vercelProtectionBypassReadyState, ready] = useReducer(_temp, "loading"), [vercelProtectionBypassSecret, setVercelProtectionBypassSecret] = useState(null);
   let t1, t2;
   $[1] !== client ? (t1 = () => {
     const unsubscribe = subcribeToVercelProtectionBypass(client, (secret) => {
@@ -3605,37 +2614,59 @@ function useVercelBypassSecret() {
   let t3;
   return $[4] !== vercelProtectionBypassReadyState || $[5] !== vercelProtectionBypassSecret ? (t3 = [vercelProtectionBypassSecret, vercelProtectionBypassReadyState], $[4] = vercelProtectionBypassReadyState, $[5] = vercelProtectionBypassSecret, $[6] = t3) : t3 = $[6], t3;
 }
-function _temp$1() {
+function _temp() {
   return "ready";
 }
-function PresentationToolGrantsCheck(t0) {
-  const $ = c(8), {
-    tool
-  } = t0, previewUrlRef = usePreviewUrlActorRef(tool.options?.previewUrl, tool.options?.allowOrigins);
-  useReportInvalidPreviewSearchParam(previewUrlRef);
-  const previewAccessSharingCreatePermission = useSelector(previewUrlRef, _temp), previewAccessSharingUpdatePermission = useSelector(previewUrlRef, _temp2), previewAccessSharingReadPermission = useSelector(previewUrlRef, _temp3), previewUrlSecretPermission = useSelector(previewUrlRef, _temp4), url = useSelector(previewUrlRef, _temp5), [vercelProtectionBypass, vercelProtectionBypassReadyState] = useVercelBypassSecret();
-  if (!url || vercelProtectionBypassReadyState === "loading" || !previewAccessSharingCreatePermission || typeof previewAccessSharingCreatePermission.granted > "u" || !previewAccessSharingUpdatePermission || typeof previewAccessSharingUpdatePermission.granted > "u" || !previewUrlSecretPermission || !previewAccessSharingReadPermission || typeof previewAccessSharingReadPermission.granted > "u" || typeof previewUrlSecretPermission.granted > "u") {
-    let t12;
-    return $[0] === Symbol.for("react.memo_cache_sentinel") ? (t12 = /* @__PURE__ */ jsx(PresentationSpinner, {}), $[0] = t12) : t12 = $[0], t12;
+function PresentationToolGrantsCheck(props) {
+  const $ = c(17), {
+    t
+  } = useTranslation(presentationLocaleNamespace), {
+    previewUrl
+  } = props.tool.options ?? {}, {
+    push: pushToast
+  } = useToast(), willGeneratePreviewUrlSecret = typeof previewUrl == "object" || typeof previewUrl == "function", grantsStore = useGrantsStore(), [previewAccessSharingCreatePermission, setCreateAccessSharingPermission] = useState(null), [previewAccessSharingUpdatePermission, setUpdateAccessSharingPermission] = useState(null), [previewAccessSharingReadPermission, setReadAccessSharingPermission] = useState(null), [previewUrlSecretPermission, setPreviewUrlSecretPermission] = useState(null);
+  let t0, t1;
+  $[0] !== grantsStore || $[1] !== willGeneratePreviewUrlSecret ? (t0 = () => {
+    if (!willGeneratePreviewUrlSecret)
+      return;
+    const previewCreateAccessSharingPermissionSubscription = grantsStore.checkDocumentPermission("create", {
+      _id: schemaIdSingleton,
+      _type: schemaTypeSingleton
+    }).subscribe(setCreateAccessSharingPermission), previewUpdateAccessSharingPermissionSubscription = grantsStore.checkDocumentPermission("update", {
+      _id: schemaIdSingleton,
+      _type: schemaTypeSingleton
+    }).subscribe(setUpdateAccessSharingPermission), previewReadAccessSharingPermissionSubscription = grantsStore.checkDocumentPermission("read", {
+      _id: schemaIdSingleton,
+      _type: schemaTypeSingleton
+    }).subscribe(setReadAccessSharingPermission), previewUrlSecretPermissionSubscription = grantsStore.checkDocumentPermission("create", {
+      _id: `drafts.${uuid()}`,
+      _type: schemaType
+    }).subscribe(setPreviewUrlSecretPermission);
+    return () => {
+      previewCreateAccessSharingPermissionSubscription.unsubscribe(), previewUpdateAccessSharingPermissionSubscription.unsubscribe(), previewReadAccessSharingPermissionSubscription.unsubscribe(), previewUrlSecretPermissionSubscription.unsubscribe();
+    };
+  }, t1 = [grantsStore, willGeneratePreviewUrlSecret], $[0] = grantsStore, $[1] = willGeneratePreviewUrlSecret, $[2] = t0, $[3] = t1) : (t0 = $[2], t1 = $[3]), useEffect(t0, t1);
+  const canCreateUrlPreviewSecrets = previewUrlSecretPermission?.granted;
+  let t2, t3;
+  $[4] !== canCreateUrlPreviewSecrets || $[5] !== pushToast || $[6] !== t || $[7] !== willGeneratePreviewUrlSecret ? (t2 = () => {
+    if (!willGeneratePreviewUrlSecret || canCreateUrlPreviewSecrets !== !1)
+      return;
+    const raf = requestAnimationFrame(() => pushToast({
+      closable: !0,
+      status: "error",
+      duration: 3e4,
+      title: t("preview-url-secret.missing-grants")
+    }));
+    return () => cancelAnimationFrame(raf);
+  }, t3 = [canCreateUrlPreviewSecrets, pushToast, t, willGeneratePreviewUrlSecret], $[4] = canCreateUrlPreviewSecrets, $[5] = pushToast, $[6] = t, $[7] = willGeneratePreviewUrlSecret, $[8] = t2, $[9] = t3) : (t2 = $[8], t3 = $[9]), useEffect(t2, t3);
+  const [vercelProtectionBypass, vercelProtectionBypassReadyState] = useVercelBypassSecret();
+  if (vercelProtectionBypassReadyState === "loading" || willGeneratePreviewUrlSecret && (!previewAccessSharingCreatePermission || typeof previewAccessSharingCreatePermission.granted > "u" || !previewAccessSharingUpdatePermission || typeof previewAccessSharingUpdatePermission.granted > "u" || !previewUrlSecretPermission || !previewAccessSharingReadPermission || typeof previewAccessSharingReadPermission.granted > "u" || typeof previewUrlSecretPermission.granted > "u")) {
+    let t42;
+    return $[10] === Symbol.for("react.memo_cache_sentinel") ? (t42 = /* @__PURE__ */ jsx(PresentationSpinner, {}), $[10] = t42) : t42 = $[10], t42;
   }
-  const t1 = previewAccessSharingCreatePermission?.granted === !0 && previewAccessSharingUpdatePermission?.granted === !0, t2 = previewAccessSharingReadPermission?.granted === !0;
-  let t3;
-  return $[1] !== previewUrlRef || $[2] !== t1 || $[3] !== t2 || $[4] !== tool || $[5] !== url || $[6] !== vercelProtectionBypass ? (t3 = /* @__PURE__ */ jsx(PresentationTool, { tool, initialPreviewUrl: url, vercelProtectionBypass, canToggleSharePreviewAccess: t1, canUseSharedPreviewAccess: t2, previewUrlRef }), $[1] = previewUrlRef, $[2] = t1, $[3] = t2, $[4] = tool, $[5] = url, $[6] = vercelProtectionBypass, $[7] = t3) : t3 = $[7], t3;
-}
-function _temp5(state_3) {
-  return state_3.context.previewUrl;
-}
-function _temp4(state_2) {
-  return state_2.context.previewUrlSecretPermission;
-}
-function _temp3(state_1) {
-  return state_1.context.previewAccessSharingReadPermission;
-}
-function _temp2(state_0) {
-  return state_0.context.previewAccessSharingUpdatePermission;
-}
-function _temp(state) {
-  return state.context.previewAccessSharingCreatePermission;
+  const t4 = canCreateUrlPreviewSecrets === !0, t5 = previewAccessSharingCreatePermission?.granted === !0 && previewAccessSharingUpdatePermission?.granted === !0, t6 = previewAccessSharingReadPermission?.granted === !0;
+  let t7;
+  return $[11] !== props || $[12] !== t4 || $[13] !== t5 || $[14] !== t6 || $[15] !== vercelProtectionBypass ? (t7 = /* @__PURE__ */ jsx(PresentationTool, { ...props, vercelProtectionBypass, canCreateUrlPreviewSecrets: t4, canToggleSharePreviewAccess: t5, canUseSharedPreviewAccess: t6 }), $[11] = props, $[12] = t4, $[13] = t5, $[14] = t6, $[15] = vercelProtectionBypass, $[16] = t7) : t7 = $[16], t7;
 }
 export {
   PresentationToolGrantsCheck as default