sanity 5.31.0-next.13 → 5.31.0-next.15

package/lib/_chunks-es/PresentationToolGrantsCheck.js

@@ -1,21 +1,21 @@
 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, DEFAULT_TOOL_NAME, EDIT_INTENT_MODE } from "./presentation.js";
+import { presentationLocaleNamespace, usePresentationTool, PresentationSpinner, API_VERSION, MAX_TIME_TO_OVERLAYS_CONNECTION, usePresentationNavigate, POPUP_CHECK_INTERVAL, NARROW_MEDIA_INDEX, DEFAULT_TOOL_NAME, EDIT_INTENT_MODE } from "./presentation.js";
 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, Grid, Switch, MenuDivider, Menu, Hotkeys, usePrefersReducedMotion, BoundaryElementProvider } from "@sanity/ui";
+import { Card, Flex, TabList, Text, Stack, Inline, Box, Container as Container$1, Code, Label, TextInput, Spinner, useToast, Grid, Switch, MenuDivider, Menu, Hotkeys, usePrefersReducedMotion, useMediaIndex, BoundaryElementProvider } from "@sanity/ui";
 import { memo, useEffect, useRef, useContext, useLayoutEffect, useState, forwardRef, Suspense, useId as useId$1, useImperativeHandle, lazy, useMemo, useCallback, useSyncExternalStore, useEffectEvent, useReducer } from "react";
 import { useTranslation, getPublishedId, pathToString, useUnique, 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 { setup, assign, fromPromise, fromObservable, log } from "xstate";
 import { PresentationSharedStateContext, PresentationPanelsContext, PresentationNavigateContext, PresentationParamsContext, PresentationContext } from "sanity/_singletons";
+import { Tab, Button, ErrorBoundary, Tooltip, MenuItem, MenuButton, TooltipDelayGroupProvider } from "./index.js";
+import "react-i18next";
 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";
-import { Button, ErrorBoundary, Tooltip, MenuItem, MenuButton, TooltipDelayGroupProvider } from "./index.js";
-import "react-i18next";
 import { toString } from "@sanity/util/paths";
 import { StructureToolProvider as StructureToolProvider$1 } from "./StructureToolProvider.js";
 import { studioPath } from "@sanity/client/csm";
@@ -168,14 +168,16 @@ const presentationMachine = setup({
   displayName: "Root",
   componentId: "sc-1auuvvr-0"
 })`overflow:hidden;flex-basis:0;flex-shrink:1;`, Panel = function(t0) {
-  const $ = c(15), {
+  const $ = c(17), {
     children,
     defaultSize: t1,
     id,
+    htmlId,
     minWidth,
     maxWidth,
-    order: t2
-  } = t0, defaultSize = t1 === void 0 ? null : t1, order = t2 === void 0 ? 0 : t2, context = useContext(PresentationPanelsContext);
+    order: t2,
+    hidden: t3
+  } = t0, defaultSize = t1 === void 0 ? null : t1, order = t2 === void 0 ? 0 : t2, hidden = t3 === void 0 ? !1 : t3, context = useContext(PresentationPanelsContext);
   if (context === null)
     throw Error("Panel components must be rendered within a PanelGroup container");
   const {
@@ -183,11 +185,13 @@ const presentationMachine = setup({
     registerElement,
     unregisterElement
   } = context;
-  let t3;
-  $[0] !== getPanelStyle || $[1] !== id ? (t3 = getPanelStyle(id), $[0] = getPanelStyle, $[1] = id, $[2] = t3) : t3 = $[2];
-  const style = t3;
-  let t4, t5;
-  $[3] !== defaultSize || $[4] !== id || $[5] !== maxWidth || $[6] !== minWidth || $[7] !== order || $[8] !== registerElement || $[9] !== unregisterElement ? (t4 = () => (registerElement(id, {
+  let t4;
+  $[0] !== getPanelStyle || $[1] !== hidden || $[2] !== id ? (t4 = hidden ? {
+    display: "none"
+  } : getPanelStyle(id), $[0] = getPanelStyle, $[1] = hidden, $[2] = id, $[3] = t4) : t4 = $[3];
+  const style = t4;
+  let t5, t6;
+  $[4] !== defaultSize || $[5] !== id || $[6] !== maxWidth || $[7] !== minWidth || $[8] !== order || $[9] !== registerElement || $[10] !== unregisterElement ? (t5 = () => (registerElement(id, {
     id,
     type: "panel",
     defaultSize,
@@ -196,9 +200,9 @@ const presentationMachine = setup({
     order
   }), () => {
     unregisterElement(id);
-  }), 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;
+  }), t6 = [id, defaultSize, order, maxWidth, minWidth, registerElement, unregisterElement], $[4] = defaultSize, $[5] = id, $[6] = maxWidth, $[7] = minWidth, $[8] = order, $[9] = registerElement, $[10] = unregisterElement, $[11] = t5, $[12] = t6) : (t5 = $[11], t6 = $[12]), useLayoutEffect(t5, t6);
+  let t7;
+  return $[13] !== children || $[14] !== htmlId || $[15] !== style ? (t7 = /* @__PURE__ */ jsx(Root$1, { id: htmlId, style, children }), $[13] = children, $[14] = htmlId, $[15] = style, $[16] = t7) : t7 = $[16], t7;
 };
 function debounce(fn, timeout) {
   let timer;
@@ -487,6 +491,48 @@ const PanelsWrapper = styled.div.withConfig({
   let t22;
   return $[43] !== context || $[44] !== t21 ? (t22 = /* @__PURE__ */ jsx(PresentationPanelsContext.Provider, { value: context, children: t21 }), $[43] = context, $[44] = t21, $[45] = t22) : t22 = $[45], t22;
 };
+function getPresentationPanelHtmlId(tab) {
+  return `presentation-narrow-panel-${tab}`;
+}
+const PresentationNarrowTabBar = function(props) {
+  const $ = c(20), {
+    activeTab,
+    navigatorEnabled,
+    onTabChange
+  } = props, {
+    t
+  } = useTranslation(presentationLocaleNamespace);
+  let t0;
+  $[0] !== t ? (t0 = t("narrow-tabs.preview-tab.label"), $[0] = t, $[1] = t0) : t0 = $[1];
+  let t1;
+  $[2] !== t0 ? (t1 = {
+    id: "preview",
+    label: t0
+  }, $[2] = t0, $[3] = t1) : t1 = $[3];
+  let orderedTabs;
+  if ($[4] !== navigatorEnabled || $[5] !== t || $[6] !== t1) {
+    if (orderedTabs = [t1], navigatorEnabled) {
+      let t23;
+      $[8] !== t ? (t23 = t("narrow-tabs.navigator-tab.label"), $[8] = t, $[9] = t23) : t23 = $[9];
+      let t32;
+      $[10] !== t23 ? (t32 = {
+        id: "navigator",
+        label: t23
+      }, $[10] = t23, $[11] = t32) : t32 = $[11], orderedTabs.push(t32);
+    }
+    let t22;
+    $[12] !== t ? (t22 = t("narrow-tabs.content-tab.label"), $[12] = t, $[13] = t22) : t22 = $[13];
+    let t3;
+    $[14] !== t22 ? (t3 = {
+      id: "content",
+      label: t22
+    }, $[14] = t22, $[15] = t3) : t3 = $[15], orderedTabs.push(t3), $[4] = navigatorEnabled, $[5] = t, $[6] = t1, $[7] = orderedTabs;
+  } else
+    orderedTabs = $[7];
+  const tabs = orderedTabs;
+  let t2;
+  return $[16] !== activeTab || $[17] !== onTabChange || $[18] !== tabs ? (t2 = /* @__PURE__ */ jsx(Card, { borderBottom: !0, paddingX: 2, paddingY: 1, children: /* @__PURE__ */ jsx(Flex, { justify: "center", children: /* @__PURE__ */ jsx(TabList, { space: 1, children: tabs.map((tab) => /* @__PURE__ */ jsx(Tab, { "aria-controls": getPresentationPanelHtmlId(tab.id), id: `presentation-narrow-tab-${tab.id}`, label: tab.label, onClick: () => onTabChange(tab.id), selected: activeTab === tab.id }, tab.id)) }) }) }), $[16] = activeTab, $[17] = onTabChange, $[18] = tabs, $[19] = t2) : t2 = $[19], t2;
+};
 function ErrorCard(props) {
   const $ = c(37);
   let children, message, onContinueAnyway, onRetry, restProps;
@@ -992,7 +1038,9 @@ function usePanelId(id) {
 const Resizer = styled.div.withConfig({
   displayName: "Resizer",
   componentId: "sc-1ov4oxw-0"
-})`position:relative;`, ResizerInner = styled.div.withConfig({
+})`position:relative;${({
+  $hidden
+}) => $hidden && "display: none;"}`, ResizerInner = styled.div.withConfig({
   displayName: "ResizerInner",
   componentId: "sc-1ov4oxw-1"
 })`position:absolute;top:0;bottom:0;left:-5px;width:9px;z-index:10;cursor:${({
@@ -1019,11 +1067,12 @@ const Resizer = styled.div.withConfig({
       }
     }
   `}`, PanelResizer = function(t0) {
-  const $ = c(27), {
+  const $ = c(30), {
     id: propId,
     order,
-    disabled: t1
-  } = t0, disabled = t1 === void 0 ? !1 : t1, el = useRef(null), context = useContext(PresentationPanelsContext);
+    disabled: t1,
+    hidden: t2
+  } = t0, disabled = t1 === void 0 ? !1 : t1, hidden = t2 === void 0 ? !1 : t2, el = useRef(null), context = useContext(PresentationPanelsContext);
   if (context === null)
     throw Error("Panel components must be rendered within a PanelGroup container");
   const id = usePanelId(propId), {
@@ -1036,23 +1085,23 @@ const Resizer = styled.div.withConfig({
   } = context, isDragging = activeResizer === id;
   if (context === null)
     throw Error("Panel components must be rendered within a PanelGroup container");
-  let t2;
-  $[0] !== id || $[1] !== startDragging ? (t2 = (event) => {
-    startDragging(id, event.nativeEvent);
-  }, $[0] = id, $[1] = startDragging, $[2] = t2) : t2 = $[2];
-  const onMouseDown = t2;
   let t3;
-  $[3] !== drag || $[4] !== id ? (t3 = (e) => {
-    drag(id, e);
-  }, $[3] = drag, $[4] = id, $[5] = t3) : t3 = $[5];
-  const onDrag = t3;
+  $[0] !== disabled || $[1] !== hidden || $[2] !== id || $[3] !== startDragging ? (t3 = (event) => {
+    disabled || hidden || startDragging(id, event.nativeEvent);
+  }, $[0] = disabled, $[1] = hidden, $[2] = id, $[3] = startDragging, $[4] = t3) : t3 = $[4];
+  const onMouseDown = t3;
   let t4;
-  $[6] !== stopDragging ? (t4 = () => {
+  $[5] !== drag || $[6] !== id ? (t4 = (e) => {
+    drag(id, e);
+  }, $[5] = drag, $[6] = id, $[7] = t4) : t4 = $[7];
+  const onDrag = t4;
+  let t5;
+  $[8] !== stopDragging ? (t5 = () => {
     el.current.blur(), stopDragging();
-  }, $[6] = stopDragging, $[7] = t4) : t4 = $[7];
-  const onDragStop = t4;
-  let t5, t6;
-  $[8] !== disabled || $[9] !== isDragging || $[10] !== onDrag || $[11] !== onDragStop ? (t5 = () => {
+  }, $[8] = stopDragging, $[9] = t5) : t5 = $[9];
+  const onDragStop = t5;
+  let t6, t7;
+  $[10] !== disabled || $[11] !== isDragging || $[12] !== onDrag || $[13] !== onDragStop ? (t6 = () => {
     if (!isDragging || disabled)
       return;
     const resetDocumentStyles = (function() {
@@ -1068,50 +1117,60 @@ const Resizer = styled.div.withConfig({
     return window.addEventListener("mousemove", onDrag), window.addEventListener("mouseup", onDragStop), window.addEventListener("contextmenu", onDragStop), () => {
       resetDocumentStyles(), window.removeEventListener("mousemove", onDrag), window.removeEventListener("mouseup", onDragStop), window.removeEventListener("contextmenu", onDragStop);
     };
-  }, t6 = [disabled, isDragging, onDrag, onDragStop], $[8] = disabled, $[9] = isDragging, $[10] = onDrag, $[11] = onDragStop, $[12] = t5, $[13] = t6) : (t5 = $[12], t6 = $[13]), useEffect(t5, t6);
-  let t7, t8;
-  $[14] !== id || $[15] !== order || $[16] !== registerElement || $[17] !== unregisterElement ? (t7 = () => (registerElement(id, {
+  }, t7 = [disabled, isDragging, onDrag, onDragStop], $[10] = disabled, $[11] = isDragging, $[12] = onDrag, $[13] = onDragStop, $[14] = t6, $[15] = t7) : (t6 = $[14], t7 = $[15]), useEffect(t6, t7);
+  let t8, t9;
+  $[16] !== id || $[17] !== order || $[18] !== registerElement || $[19] !== unregisterElement ? (t8 = () => (registerElement(id, {
     id,
     order,
     type: "resizer",
     el
   }), () => {
     unregisterElement(id);
-  }), t8 = [id, order, registerElement, unregisterElement], $[14] = id, $[15] = order, $[16] = registerElement, $[17] = unregisterElement, $[18] = t7, $[19] = t8) : (t7 = $[18], t8 = $[19]), useLayoutEffect(t7, t8);
-  let t10, t9;
-  $[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t9 = /* @__PURE__ */ jsx("span", {}), t10 = /* @__PURE__ */ jsx("span", {}), $[20] = t10, $[21] = t9) : (t10 = $[20], t9 = $[21]);
-  let t11;
-  $[22] !== disabled ? (t11 = /* @__PURE__ */ jsxs(ResizerInner, { $disabled: disabled, children: [
-    t9,
-    t10
-  ] }), $[22] = disabled, $[23] = t11) : t11 = $[23];
+  }), t9 = [id, order, registerElement, unregisterElement], $[16] = id, $[17] = order, $[18] = registerElement, $[19] = unregisterElement, $[20] = t8, $[21] = t9) : (t8 = $[20], t9 = $[21]), useLayoutEffect(t8, t9);
+  let t10, t11;
+  $[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t10 = /* @__PURE__ */ jsx("span", {}), t11 = /* @__PURE__ */ jsx("span", {}), $[22] = t10, $[23] = t11) : (t10 = $[22], t11 = $[23]);
   let t12;
-  return $[24] !== onMouseDown || $[25] !== t11 ? (t12 = /* @__PURE__ */ jsx(Resizer, { onMouseDown, ref: el, children: t11 }), $[24] = onMouseDown, $[25] = t11, $[26] = t12) : t12 = $[26], t12;
+  $[24] !== disabled ? (t12 = /* @__PURE__ */ jsxs(ResizerInner, { $disabled: disabled, children: [
+    t10,
+    t11
+  ] }), $[24] = disabled, $[25] = t12) : t12 = $[25];
+  let t13;
+  return $[26] !== hidden || $[27] !== onMouseDown || $[28] !== t12 ? (t13 = /* @__PURE__ */ jsx(Resizer, { $hidden: hidden, onMouseDown, ref: el, children: t12 }), $[26] = hidden, $[27] = onMouseDown, $[28] = t12, $[29] = t13) : t13 = $[29], t13;
 }, PresentationContentWrapper = (props) => {
-  const $ = c(8), {
+  const $ = c(16), {
     documentId,
+    hidden,
+    resizerHidden,
     setDisplayedDocument,
     getCommentIntent
   } = props;
   let t0;
-  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx(PanelResizer, { order: 4 }), $[0] = t0) : t0 = $[0];
+  $[0] !== resizerHidden ? (t0 = /* @__PURE__ */ jsx(PanelResizer, { order: 4, hidden: resizerHidden }), $[0] = resizerHidden, $[1] = t0) : t0 = $[1];
   let t1;
-  $[1] !== getCommentIntent || $[2] !== props.children ? (t1 = /* @__PURE__ */ jsx(CommentsIntentProvider, { getIntent: getCommentIntent, children: props.children }), $[1] = getCommentIntent, $[2] = props.children, $[3] = t1) : t1 = $[3];
+  $[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = getPresentationPanelHtmlId("content"), $[2] = t1) : t1 = $[2];
   let t2;
-  return $[4] !== documentId || $[5] !== setDisplayedDocument || $[6] !== t1 ? (t2 = /* @__PURE__ */ jsxs(Fragment, { children: [
+  $[3] !== getCommentIntent || $[4] !== props.children ? (t2 = /* @__PURE__ */ jsx(CommentsIntentProvider, { getIntent: getCommentIntent, children: props.children }), $[3] = getCommentIntent, $[4] = props.children, $[5] = t2) : t2 = $[5];
+  let t3;
+  $[6] !== documentId || $[7] !== setDisplayedDocument || $[8] !== t2 ? (t3 = /* @__PURE__ */ jsx(DisplayedDocumentBroadcasterProvider, { documentId, setDisplayedDocument, children: t2 }), $[6] = documentId, $[7] = setDisplayedDocument, $[8] = t2, $[9] = t3) : t3 = $[9];
+  let t4;
+  $[10] !== hidden || $[11] !== t3 ? (t4 = /* @__PURE__ */ jsx(Panel, { id: "content", htmlId: t1, minWidth: 325, order: 5, hidden, children: t3 }), $[10] = hidden, $[11] = t3, $[12] = t4) : t4 = $[12];
+  let t5;
+  return $[13] !== t0 || $[14] !== t4 ? (t5 = /* @__PURE__ */ jsxs(Fragment, { children: [
     t0,
-    /* @__PURE__ */ jsx(Panel, { id: "content", minWidth: 325, order: 5, children: /* @__PURE__ */ jsx(DisplayedDocumentBroadcasterProvider, { documentId, setDisplayedDocument, children: t1 }) })
-  ] }), $[4] = documentId, $[5] = setDisplayedDocument, $[6] = t1, $[7] = t2) : t2 = $[7], t2;
+    t4
+  ] }), $[13] = t0, $[14] = t4, $[15] = t5) : t5 = $[15], t5;
 }, PresentationContent = (props) => {
-  const $ = c(15), {
+  const $ = c(17), {
     documentId,
     documentsOnPage,
     documentType,
     getCommentIntent,
+    hidden,
     mainDocumentState,
     onEditReference,
     onFocusPath,
     onStructureParams,
+    resizerHidden,
     searchParams,
     setDisplayedDocument,
     structureParams
@@ -1119,7 +1178,7 @@ const Resizer = styled.div.withConfig({
   let t0;
   $[0] !== documentId || $[1] !== documentType || $[2] !== documentsOnPage || $[3] !== mainDocumentState || $[4] !== onEditReference || $[5] !== onFocusPath || $[6] !== onStructureParams || $[7] !== searchParams || $[8] !== structureParams ? (t0 = /* @__PURE__ */ jsx(ContentEditor, { documentId, documentType, mainDocumentState, onEditReference, onFocusPath, onStructureParams, refs: documentsOnPage, searchParams, structureParams }), $[0] = documentId, $[1] = documentType, $[2] = documentsOnPage, $[3] = mainDocumentState, $[4] = onEditReference, $[5] = onFocusPath, $[6] = onStructureParams, $[7] = searchParams, $[8] = structureParams, $[9] = t0) : t0 = $[9];
   let t1;
-  return $[10] !== documentId || $[11] !== getCommentIntent || $[12] !== setDisplayedDocument || $[13] !== t0 ? (t1 = /* @__PURE__ */ jsx(PresentationContentWrapper, { documentId, getCommentIntent, setDisplayedDocument, children: t0 }), $[10] = documentId, $[11] = getCommentIntent, $[12] = setDisplayedDocument, $[13] = t0, $[14] = t1) : t1 = $[14], t1;
+  return $[10] !== documentId || $[11] !== getCommentIntent || $[12] !== hidden || $[13] !== resizerHidden || $[14] !== setDisplayedDocument || $[15] !== t0 ? (t1 = /* @__PURE__ */ jsx(PresentationContentWrapper, { documentId, getCommentIntent, hidden, resizerHidden, setDisplayedDocument, children: t0 }), $[10] = documentId, $[11] = getCommentIntent, $[12] = hidden, $[13] = resizerHidden, $[14] = setDisplayedDocument, $[15] = t0, $[16] = t1) : t1 = $[16], t1;
 }, PresentationNavigateProvider = function(props) {
   const $ = c(5), {
     children,
@@ -1165,8 +1224,8 @@ function usePresentationNavigator(props) {
   }
   const toggleNavigator = t0;
   let t1;
-  $[2] !== navigatorEnabled || $[3] !== unstable_navigator ? (t1 = function() {
-    return /* @__PURE__ */ jsx(Fragment, { children: navigatorEnabled && /* @__PURE__ */ jsx(Navigator, { ...unstable_navigator }) });
+  $[2] !== navigatorEnabled || $[3] !== unstable_navigator ? (t1 = function(componentProps) {
+    return /* @__PURE__ */ jsx(Fragment, { children: navigatorEnabled && /* @__PURE__ */ jsx(Navigator, { ...unstable_navigator, ...componentProps }) });
   }, $[2] = navigatorEnabled, $[3] = unstable_navigator, $[4] = t1) : t1 = $[4];
   const Component = t1;
   let t2;
@@ -1181,22 +1240,26 @@ function _temp$d(enabled) {
   return !enabled;
 }
 function NavigatorComponent(props) {
-  const $ = c(11), {
+  const $ = c(14), {
     minWidth,
     maxWidth,
-    component: NavigatorComponent2
+    component: NavigatorComponent2,
+    hidden,
+    resizerHidden
   } = props, navigatorDisabled = minWidth != null && maxWidth != null && minWidth === maxWidth;
   let t0;
-  $[0] !== NavigatorComponent2 ? (t0 = /* @__PURE__ */ jsx(NavigatorComponent2, {}), $[0] = NavigatorComponent2, $[1] = t0) : t0 = $[1];
+  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = getPresentationPanelHtmlId("navigator"), $[0] = t0) : t0 = $[0];
   let t1;
-  $[2] !== maxWidth || $[3] !== minWidth || $[4] !== t0 ? (t1 = /* @__PURE__ */ jsx(Panel, { id: "navigator", minWidth, maxWidth, order: 1, children: t0 }), $[2] = maxWidth, $[3] = minWidth, $[4] = t0, $[5] = t1) : t1 = $[5];
+  $[1] !== NavigatorComponent2 ? (t1 = /* @__PURE__ */ jsx(NavigatorComponent2, {}), $[1] = NavigatorComponent2, $[2] = t1) : t1 = $[2];
   let t2;
-  $[6] !== navigatorDisabled ? (t2 = /* @__PURE__ */ jsx(PanelResizer, { order: 2, disabled: navigatorDisabled }), $[6] = navigatorDisabled, $[7] = t2) : t2 = $[7];
+  $[3] !== hidden || $[4] !== maxWidth || $[5] !== minWidth || $[6] !== t1 ? (t2 = /* @__PURE__ */ jsx(Panel, { id: "navigator", htmlId: t0, minWidth, maxWidth, order: 1, hidden, children: t1 }), $[3] = hidden, $[4] = maxWidth, $[5] = minWidth, $[6] = t1, $[7] = t2) : t2 = $[7];
   let t3;
-  return $[8] !== t1 || $[9] !== t2 ? (t3 = /* @__PURE__ */ jsxs(Fragment, { children: [
-    t1,
-    t2
-  ] }), $[8] = t1, $[9] = t2, $[10] = t3) : t3 = $[10], t3;
+  $[8] !== navigatorDisabled || $[9] !== resizerHidden ? (t3 = /* @__PURE__ */ jsx(PanelResizer, { order: 2, disabled: navigatorDisabled, hidden: resizerHidden }), $[8] = navigatorDisabled, $[9] = resizerHidden, $[10] = t3) : t3 = $[10];
+  let t4;
+  return $[11] !== t2 || $[12] !== t3 ? (t4 = /* @__PURE__ */ jsxs(Fragment, { children: [
+    t2,
+    t3
+  ] }), $[11] = t2, $[12] = t3, $[13] = t4) : t4 = $[13], t4;
 }
 const Navigator = memo(NavigatorComponent), PresentationParamsProvider = function(props) {
   const $ = c(3), {
@@ -2597,8 +2660,11 @@ const LiveQueries = lazy(() => import("./LiveQueries.js")), PostMessageDocuments
   displayName: "Container",
   componentId: "sc-1f7om43-0"
 })`overflow-x:auto;`;
+function resolveActiveTab(activeTab, navigatorEnabled) {
+  return activeTab === "navigator" && navigatorEnabled ? "navigator" : activeTab === "navigator" ? "preview" : activeTab;
+}
 function PresentationTool(props) {
-  const $ = c(197), {
+  const $ = c(214), {
     canToggleSharePreviewAccess,
     canUseSharedPreviewAccess,
     tool,
@@ -2861,9 +2927,12 @@ function PresentationTool(props) {
   const [t27, PresentationNavigator] = usePresentationNavigator(t26), {
     navigatorEnabled,
     toggleNavigator
-  } = t27;
+  } = t27, isNarrow = useMediaIndex() <= NARROW_MEDIA_INDEX, [activeTab, setActiveTab] = useState("preview");
   let t28;
-  $[83] !== loadersConnection || $[84] !== presentationRef || $[85] !== previewKitConnection || $[86] !== visualEditingComlink ? (t28 = (fallback) => {
+  $[83] !== activeTab || $[84] !== navigatorEnabled ? (t28 = resolveActiveTab(activeTab, navigatorEnabled), $[83] = activeTab, $[84] = navigatorEnabled, $[85] = t28) : t28 = $[85];
+  const resolvedTab = t28;
+  let t29;
+  $[86] !== loadersConnection || $[87] !== presentationRef || $[88] !== previewKitConnection || $[89] !== visualEditingComlink ? (t29 = (fallback) => {
     if (presentationRef.send({
       type: "iframe refresh"
     }), visualEditingComlink) {
@@ -2874,15 +2943,15 @@ function PresentationTool(props) {
       return;
     }
     fallback();
-  }, $[83] = loadersConnection, $[84] = presentationRef, $[85] = previewKitConnection, $[86] = visualEditingComlink, $[87] = t28) : t28 = $[87];
-  const handleRefresh = t28, workspace = useWorkspace();
-  let t29;
-  $[88] !== params.preview || $[89] !== workspace.name ? (t29 = (t302) => {
+  }, $[86] = loadersConnection, $[87] = presentationRef, $[88] = previewKitConnection, $[89] = visualEditingComlink, $[90] = t29) : t29 = $[90];
+  const handleRefresh = t29, workspace = useWorkspace();
+  let t30;
+  $[91] !== params.preview || $[92] !== workspace.name ? (t30 = (t312) => {
     const {
       id,
       type,
       path
-    } = t302;
+    } = t312;
     if (frameStateRef.current.url)
       return {
         title: frameStateRef.current.title || frameStateRef.current.url,
@@ -2897,75 +2966,90 @@ function PresentationTool(props) {
           preview: params.preview
         }
       };
-  }, $[88] = params.preview, $[89] = workspace.name, $[90] = t29) : t29 = $[90];
-  const getCommentIntent = t29;
-  let t30;
-  $[91] !== navigate ? (t30 = (next) => {
+  }, $[91] = params.preview, $[92] = workspace.name, $[93] = t30) : t30 = $[93];
+  const getCommentIntent = t30;
+  let t31;
+  $[94] !== navigate ? (t31 = (next) => {
     navigate({
       params: {
         viewport: next === "desktop" ? void 0 : "mobile"
       },
       replace: !0
     });
-  }, $[91] = navigate, $[92] = t30) : t30 = $[92];
-  const setViewport = t30;
-  let t31;
-  $[93] !== PresentationNavigator ? (t31 = /* @__PURE__ */ jsx(PresentationNavigator, {}), $[93] = PresentationNavigator, $[94] = t31) : t31 = $[94];
-  const t32 = navigatorEnabled ? 50 : 75;
+  }, $[94] = navigate, $[95] = t31) : t31 = $[95];
+  const setViewport = t31;
+  let t32;
+  $[96] !== isNarrow || $[97] !== navigatorEnabled || $[98] !== resolvedTab ? (t32 = isNarrow && /* @__PURE__ */ jsx(PresentationNarrowTabBar, { activeTab: resolvedTab, navigatorEnabled, onTabChange: setActiveTab }), $[96] = isNarrow, $[97] = navigatorEnabled, $[98] = resolvedTab, $[99] = t32) : t32 = $[99];
   let t33;
-  $[95] !== canSharePreviewAccess || $[96] !== canToggleSharePreviewAccess || $[97] !== canUseSharedPreviewAccess || $[98] !== handleOpenPopup || $[99] !== handlePreviewPath || $[100] !== handleRefresh || $[101] !== handlesPerspectiveChange || $[102] !== initialPreviewUrl || $[103] !== loadersConnection || $[104] !== navigatorEnabled || $[105] !== overlaysConnection || $[106] !== params.preview || $[107] !== perspective || $[108] !== presentationRef || $[109] !== previewUrlRef || $[110] !== setViewport || $[111] !== targetOrigin || $[112] !== toggleNavigator || $[113] !== toggleOverlay || $[114] !== unstable_header || $[115] !== vercelProtectionBypass || $[116] !== viewport ? (t33 = /* @__PURE__ */ jsx(Preview, { canSharePreviewAccess, canToggleSharePreviewAccess, canUseSharedPreviewAccess, header: unstable_header, initialUrl: initialPreviewUrl, loadersConnection, navigatorEnabled, onPathChange: handlePreviewPath, onRefresh: handleRefresh, openPopup: handleOpenPopup, overlaysConnection, previewUrl: params.preview, perspective, ref: iframeRef, setViewport, targetOrigin, toggleNavigator, toggleOverlay, viewport, vercelProtectionBypass, presentationRef, previewUrlRef, handlesPerspectiveChange }, targetOrigin), $[95] = canSharePreviewAccess, $[96] = canToggleSharePreviewAccess, $[97] = canUseSharedPreviewAccess, $[98] = handleOpenPopup, $[99] = handlePreviewPath, $[100] = handleRefresh, $[101] = handlesPerspectiveChange, $[102] = initialPreviewUrl, $[103] = loadersConnection, $[104] = navigatorEnabled, $[105] = overlaysConnection, $[106] = params.preview, $[107] = perspective, $[108] = presentationRef, $[109] = previewUrlRef, $[110] = setViewport, $[111] = targetOrigin, $[112] = toggleNavigator, $[113] = toggleOverlay, $[114] = unstable_header, $[115] = vercelProtectionBypass, $[116] = viewport, $[117] = t33) : t33 = $[117];
-  let t34;
-  $[118] !== boundaryElement || $[119] !== t33 ? (t34 = /* @__PURE__ */ jsx(Flex, { direction: "column", flex: 1, height: "fill", ref: setBoundaryElement, children: /* @__PURE__ */ jsx(BoundaryElementProvider, { element: boundaryElement, children: t33 }) }), $[118] = boundaryElement, $[119] = t33, $[120] = t34) : t34 = $[120];
+  $[100] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t33 = {
+    minHeight: 0
+  }, $[100] = t33) : t33 = $[100];
+  const t34 = isNarrow && resolvedTab !== "navigator";
   let t35;
-  $[121] !== t32 || $[122] !== t34 ? (t35 = /* @__PURE__ */ jsx(Panel, { id: "preview", minWidth: 325, defaultSize: t32, order: 3, children: t34 }), $[121] = t32, $[122] = t34, $[123] = t35) : t35 = $[123];
+  $[101] !== PresentationNavigator || $[102] !== isNarrow || $[103] !== t34 ? (t35 = /* @__PURE__ */ jsx(PresentationNavigator, { hidden: t34, resizerHidden: isNarrow }), $[101] = PresentationNavigator, $[102] = isNarrow, $[103] = t34, $[104] = t35) : t35 = $[104];
   let t36;
-  $[124] !== documentsOnPage || $[125] !== getCommentIntent || $[126] !== handleEditReference || $[127] !== handleFocusPath || $[128] !== handleStructureParams || $[129] !== mainDocumentState || $[130] !== params.id || $[131] !== params.type || $[132] !== searchParams || $[133] !== structureParams ? (t36 = /* @__PURE__ */ jsx(PresentationContent, { documentId: params.id, documentsOnPage, documentType: params.type, getCommentIntent, mainDocumentState, onEditReference: handleEditReference, onFocusPath: handleFocusPath, onStructureParams: handleStructureParams, searchParams, setDisplayedDocument, structureParams }), $[124] = documentsOnPage, $[125] = getCommentIntent, $[126] = handleEditReference, $[127] = handleFocusPath, $[128] = handleStructureParams, $[129] = mainDocumentState, $[130] = params.id, $[131] = params.type, $[132] = searchParams, $[133] = structureParams, $[134] = t36) : t36 = $[134];
-  let t37;
-  $[135] !== t31 || $[136] !== t35 || $[137] !== t36 ? (t37 = /* @__PURE__ */ jsx(Container, { "data-testid": "presentation-root", height: "fill", children: /* @__PURE__ */ jsxs(Panels, { children: [
-    t31,
-    t35,
-    t36
-  ] }) }), $[135] = t31, $[136] = t35, $[137] = t36, $[138] = t37) : t37 = $[138];
-  let t38;
-  $[139] !== t37 || $[140] !== visualEditingComlink ? (t38 = /* @__PURE__ */ jsx(SharedStateProvider, { comlink: visualEditingComlink, children: t37 }), $[139] = t37, $[140] = visualEditingComlink, $[141] = t38) : t38 = $[141];
+  $[105] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t36 = getPresentationPanelHtmlId("preview"), $[105] = t36) : t36 = $[105];
+  const t37 = navigatorEnabled ? 50 : 75, t38 = isNarrow && resolvedTab !== "preview";
   let t39;
-  $[142] !== params || $[143] !== t38 ? (t39 = /* @__PURE__ */ jsx(PresentationParamsProvider, { params, children: t38 }), $[142] = params, $[143] = t38, $[144] = t39) : t39 = $[144];
+  $[106] !== canSharePreviewAccess || $[107] !== canToggleSharePreviewAccess || $[108] !== canUseSharedPreviewAccess || $[109] !== handleOpenPopup || $[110] !== handlePreviewPath || $[111] !== handleRefresh || $[112] !== handlesPerspectiveChange || $[113] !== initialPreviewUrl || $[114] !== loadersConnection || $[115] !== navigatorEnabled || $[116] !== overlaysConnection || $[117] !== params.preview || $[118] !== perspective || $[119] !== presentationRef || $[120] !== previewUrlRef || $[121] !== setViewport || $[122] !== targetOrigin || $[123] !== toggleNavigator || $[124] !== toggleOverlay || $[125] !== unstable_header || $[126] !== vercelProtectionBypass || $[127] !== viewport ? (t39 = /* @__PURE__ */ jsx(Preview, { canSharePreviewAccess, canToggleSharePreviewAccess, canUseSharedPreviewAccess, header: unstable_header, initialUrl: initialPreviewUrl, loadersConnection, navigatorEnabled, onPathChange: handlePreviewPath, onRefresh: handleRefresh, openPopup: handleOpenPopup, overlaysConnection, previewUrl: params.preview, perspective, ref: iframeRef, setViewport, targetOrigin, toggleNavigator, toggleOverlay, viewport, vercelProtectionBypass, presentationRef, previewUrlRef, handlesPerspectiveChange }, targetOrigin), $[106] = canSharePreviewAccess, $[107] = canToggleSharePreviewAccess, $[108] = canUseSharedPreviewAccess, $[109] = handleOpenPopup, $[110] = handlePreviewPath, $[111] = handleRefresh, $[112] = handlesPerspectiveChange, $[113] = initialPreviewUrl, $[114] = loadersConnection, $[115] = navigatorEnabled, $[116] = overlaysConnection, $[117] = params.preview, $[118] = perspective, $[119] = presentationRef, $[120] = previewUrlRef, $[121] = setViewport, $[122] = targetOrigin, $[123] = toggleNavigator, $[124] = toggleOverlay, $[125] = unstable_header, $[126] = vercelProtectionBypass, $[127] = viewport, $[128] = t39) : t39 = $[128];
   let t40;
-  $[145] !== navigate || $[146] !== t39 ? (t40 = /* @__PURE__ */ jsx(PresentationNavigateProvider, { navigate, children: t39 }), $[145] = navigate, $[146] = t39, $[147] = t40) : t40 = $[147];
+  $[129] !== boundaryElement || $[130] !== t39 ? (t40 = /* @__PURE__ */ jsx(Flex, { direction: "column", flex: 1, height: "fill", ref: setBoundaryElement, children: /* @__PURE__ */ jsx(BoundaryElementProvider, { element: boundaryElement, children: t39 }) }), $[129] = boundaryElement, $[130] = t39, $[131] = t40) : t40 = $[131];
   let t41;
-  $[148] !== devMode || $[149] !== name || $[150] !== navigate || $[151] !== params || $[152] !== searchParams || $[153] !== structureParams || $[154] !== t40 ? (t41 = /* @__PURE__ */ jsx(PresentationProvider, { devMode, name, navigate, params, searchParams, structureParams, children: t40 }), $[148] = devMode, $[149] = name, $[150] = navigate, $[151] = params, $[152] = searchParams, $[153] = structureParams, $[154] = t40, $[155] = t41) : t41 = $[155];
-  let t42;
-  $[156] !== controller || $[157] !== displayedDocument || $[158] !== perspective || $[159] !== setDocumentsOnPage || $[160] !== setLoadersConnection ? (t42 = controller && /* @__PURE__ */ jsx(LiveQueries, { controller, perspective, liveDocument: displayedDocument, onDocumentsOnPage: setDocumentsOnPage, onLoadersConnection: setLoadersConnection }), $[156] = controller, $[157] = displayedDocument, $[158] = perspective, $[159] = setDocumentsOnPage, $[160] = setLoadersConnection, $[161] = t42) : t42 = $[161];
+  $[132] !== t37 || $[133] !== t38 || $[134] !== t40 ? (t41 = /* @__PURE__ */ jsx(Panel, { id: "preview", htmlId: t36, minWidth: 325, defaultSize: t37, order: 3, hidden: t38, children: t40 }), $[132] = t37, $[133] = t38, $[134] = t40, $[135] = t41) : t41 = $[135];
+  const t42 = isNarrow && resolvedTab !== "content";
   let t43;
-  $[162] !== loadersConnection || $[163] !== params.id || $[164] !== params.type || $[165] !== previewKitConnection || $[166] !== visualEditingComlink ? (t43 = visualEditingComlink && params.id && params.type && /* @__PURE__ */ jsx(PostMessageRefreshMutations, { comlink: visualEditingComlink, id: params.id, type: params.type, loadersConnection, previewKitConnection }), $[162] = loadersConnection, $[163] = params.id, $[164] = params.type, $[165] = previewKitConnection, $[166] = visualEditingComlink, $[167] = t43) : t43 = $[167];
+  $[136] !== documentsOnPage || $[137] !== getCommentIntent || $[138] !== handleEditReference || $[139] !== handleFocusPath || $[140] !== handleStructureParams || $[141] !== isNarrow || $[142] !== mainDocumentState || $[143] !== params.id || $[144] !== params.type || $[145] !== searchParams || $[146] !== structureParams || $[147] !== t42 ? (t43 = /* @__PURE__ */ jsx(PresentationContent, { documentId: params.id, documentsOnPage, documentType: params.type, getCommentIntent, hidden: t42, mainDocumentState, onEditReference: handleEditReference, onFocusPath: handleFocusPath, onStructureParams: handleStructureParams, resizerHidden: isNarrow, searchParams, setDisplayedDocument, structureParams }), $[136] = documentsOnPage, $[137] = getCommentIntent, $[138] = handleEditReference, $[139] = handleFocusPath, $[140] = handleStructureParams, $[141] = isNarrow, $[142] = mainDocumentState, $[143] = params.id, $[144] = params.type, $[145] = searchParams, $[146] = structureParams, $[147] = t42, $[148] = t43) : t43 = $[148];
   let t44;
-  $[168] !== perspective || $[169] !== visualEditingComlink ? (t44 = visualEditingComlink && /* @__PURE__ */ jsx(PostMessageSchema, { comlink: visualEditingComlink, perspective }), $[168] = perspective, $[169] = visualEditingComlink, $[170] = t44) : t44 = $[170];
+  $[149] !== t35 || $[150] !== t41 || $[151] !== t43 ? (t44 = /* @__PURE__ */ jsx(Flex, { direction: "column", flex: 1, style: t33, children: /* @__PURE__ */ jsxs(Panels, { children: [
+    t35,
+    t41,
+    t43
+  ] }) }), $[149] = t35, $[150] = t41, $[151] = t43, $[152] = t44) : t44 = $[152];
   let t45;
-  $[171] !== documentsOnPage || $[172] !== perspective || $[173] !== visualEditingComlink ? (t45 = visualEditingComlink && documentsOnPage.length > 0 && /* @__PURE__ */ jsx(PostMessagePreviewSnapshots, { comlink: visualEditingComlink, perspective, refs: documentsOnPage }), $[171] = documentsOnPage, $[172] = perspective, $[173] = visualEditingComlink, $[174] = t45) : t45 = $[174];
+  $[153] !== t32 || $[154] !== t44 ? (t45 = /* @__PURE__ */ jsxs(Container, { "data-testid": "presentation-root", direction: "column", height: "fill", children: [
+    t32,
+    t44
+  ] }), $[153] = t32, $[154] = t44, $[155] = t45) : t45 = $[155];
   let t46;
-  $[175] !== perspective || $[176] !== visualEditingComlink ? (t46 = visualEditingComlink && /* @__PURE__ */ jsx(PostMessageDocuments, { comlink: visualEditingComlink, perspective }), $[175] = perspective, $[176] = visualEditingComlink, $[177] = t46) : t46 = $[177];
+  $[156] !== t45 || $[157] !== visualEditingComlink ? (t46 = /* @__PURE__ */ jsx(SharedStateProvider, { comlink: visualEditingComlink, children: t45 }), $[156] = t45, $[157] = visualEditingComlink, $[158] = t46) : t46 = $[158];
   let t47;
-  $[178] !== visualEditingComlink ? (t47 = visualEditingComlink && /* @__PURE__ */ jsx(PostMessageFeatures, { comlink: visualEditingComlink }), $[178] = visualEditingComlink, $[179] = t47) : t47 = $[179];
+  $[159] !== params || $[160] !== t46 ? (t47 = /* @__PURE__ */ jsx(PresentationParamsProvider, { params, children: t46 }), $[159] = params, $[160] = t46, $[161] = t47) : t47 = $[161];
   let t48;
-  $[180] !== perspective || $[181] !== visualEditingComlink ? (t48 = visualEditingComlink && /* @__PURE__ */ jsx(PostMessagePerspective, { comlink: visualEditingComlink, perspective, setHandlesPerspectiveChange }), $[180] = perspective, $[181] = visualEditingComlink, $[182] = t48) : t48 = $[182];
+  $[162] !== navigate || $[163] !== t47 ? (t48 = /* @__PURE__ */ jsx(PresentationNavigateProvider, { navigate, children: t47 }), $[162] = navigate, $[163] = t47, $[164] = t48) : t48 = $[164];
   let t49;
-  $[183] !== visualEditingComlink ? (t49 = visualEditingComlink && /* @__PURE__ */ jsx(PostMessageTelemetry, { comlink: visualEditingComlink }), $[183] = visualEditingComlink, $[184] = t49) : t49 = $[184];
+  $[165] !== devMode || $[166] !== name || $[167] !== navigate || $[168] !== params || $[169] !== searchParams || $[170] !== structureParams || $[171] !== t48 ? (t49 = /* @__PURE__ */ jsx(PresentationProvider, { devMode, name, navigate, params, searchParams, structureParams, children: t48 }), $[165] = devMode, $[166] = name, $[167] = navigate, $[168] = params, $[169] = searchParams, $[170] = structureParams, $[171] = t48, $[172] = t49) : t49 = $[172];
   let t50;
-  $[185] !== t42 || $[186] !== t43 || $[187] !== t44 || $[188] !== t45 || $[189] !== t46 || $[190] !== t47 || $[191] !== t48 || $[192] !== t49 ? (t50 = /* @__PURE__ */ jsxs(Suspense, { children: [
-    t42,
-    t43,
-    t44,
-    t45,
-    t46,
-    t47,
-    t48,
-    t49
-  ] }), $[185] = t42, $[186] = t43, $[187] = t44, $[188] = t45, $[189] = t46, $[190] = t47, $[191] = t48, $[192] = t49, $[193] = t50) : t50 = $[193];
+  $[173] !== controller || $[174] !== displayedDocument || $[175] !== perspective || $[176] !== setDocumentsOnPage || $[177] !== setLoadersConnection ? (t50 = controller && /* @__PURE__ */ jsx(LiveQueries, { controller, perspective, liveDocument: displayedDocument, onDocumentsOnPage: setDocumentsOnPage, onLoadersConnection: setLoadersConnection }), $[173] = controller, $[174] = displayedDocument, $[175] = perspective, $[176] = setDocumentsOnPage, $[177] = setLoadersConnection, $[178] = t50) : t50 = $[178];
   let t51;
-  return $[194] !== t41 || $[195] !== t50 ? (t51 = /* @__PURE__ */ jsxs(Fragment, { children: [
-    t41,
-    t50
-  ] }), $[194] = t41, $[195] = t50, $[196] = t51) : t51 = $[196], t51;
+  $[179] !== loadersConnection || $[180] !== params.id || $[181] !== params.type || $[182] !== previewKitConnection || $[183] !== visualEditingComlink ? (t51 = visualEditingComlink && params.id && params.type && /* @__PURE__ */ jsx(PostMessageRefreshMutations, { comlink: visualEditingComlink, id: params.id, type: params.type, loadersConnection, previewKitConnection }), $[179] = loadersConnection, $[180] = params.id, $[181] = params.type, $[182] = previewKitConnection, $[183] = visualEditingComlink, $[184] = t51) : t51 = $[184];
+  let t52;
+  $[185] !== perspective || $[186] !== visualEditingComlink ? (t52 = visualEditingComlink && /* @__PURE__ */ jsx(PostMessageSchema, { comlink: visualEditingComlink, perspective }), $[185] = perspective, $[186] = visualEditingComlink, $[187] = t52) : t52 = $[187];
+  let t53;
+  $[188] !== documentsOnPage || $[189] !== perspective || $[190] !== visualEditingComlink ? (t53 = visualEditingComlink && documentsOnPage.length > 0 && /* @__PURE__ */ jsx(PostMessagePreviewSnapshots, { comlink: visualEditingComlink, perspective, refs: documentsOnPage }), $[188] = documentsOnPage, $[189] = perspective, $[190] = visualEditingComlink, $[191] = t53) : t53 = $[191];
+  let t54;
+  $[192] !== perspective || $[193] !== visualEditingComlink ? (t54 = visualEditingComlink && /* @__PURE__ */ jsx(PostMessageDocuments, { comlink: visualEditingComlink, perspective }), $[192] = perspective, $[193] = visualEditingComlink, $[194] = t54) : t54 = $[194];
+  let t55;
+  $[195] !== visualEditingComlink ? (t55 = visualEditingComlink && /* @__PURE__ */ jsx(PostMessageFeatures, { comlink: visualEditingComlink }), $[195] = visualEditingComlink, $[196] = t55) : t55 = $[196];
+  let t56;
+  $[197] !== perspective || $[198] !== visualEditingComlink ? (t56 = visualEditingComlink && /* @__PURE__ */ jsx(PostMessagePerspective, { comlink: visualEditingComlink, perspective, setHandlesPerspectiveChange }), $[197] = perspective, $[198] = visualEditingComlink, $[199] = t56) : t56 = $[199];
+  let t57;
+  $[200] !== visualEditingComlink ? (t57 = visualEditingComlink && /* @__PURE__ */ jsx(PostMessageTelemetry, { comlink: visualEditingComlink }), $[200] = visualEditingComlink, $[201] = t57) : t57 = $[201];
+  let t58;
+  $[202] !== t50 || $[203] !== t51 || $[204] !== t52 || $[205] !== t53 || $[206] !== t54 || $[207] !== t55 || $[208] !== t56 || $[209] !== t57 ? (t58 = /* @__PURE__ */ jsxs(Suspense, { children: [
+    t50,
+    t51,
+    t52,
+    t53,
+    t54,
+    t55,
+    t56,
+    t57
+  ] }), $[202] = t50, $[203] = t51, $[204] = t52, $[205] = t53, $[206] = t54, $[207] = t55, $[208] = t56, $[209] = t57, $[210] = t58) : t58 = $[210];
+  let t59;
+  return $[211] !== t49 || $[212] !== t58 ? (t59 = /* @__PURE__ */ jsxs(Fragment, { children: [
+    t49,
+    t58
+  ] }), $[211] = t49, $[212] = t58, $[213] = t59) : t59 = $[213], t59;
 }
 function _temp2$2(state_0) {
   return state_0.matches("loading");