sanity 6.3.0 → 6.3.1-next.13

package/lib/_chunks-es/structureTool.js

@@ -4,7 +4,7 @@ import { Box, Text, Flex, Button, Badge, Menu, MenuItem, Stack, Card, Container
 import { useRef, useEffect, forwardRef, useState, useContext, useImperativeHandle, useLayoutEffect, useId, memo, Suspense, useEffectEvent, Fragment as Fragment$1, useDeferredValue, lazy, startTransition } from "react";
 import { ReviewChangesContext, CommentsEnabledContext, ReferenceInputOptionsContext, PaneLayoutContext, PaneContext, DocumentPaneContext, DocumentActionsStateContext, StructureToolContext, DocumentPaneInfoContext, PaneRouterContext, ResolvedPanesContext, EventsContext, DocumentChangeContext } from "sanity/_singletons";
 import { motion, AnimatePresence } from "motion/react";
-import { isPublishedId, isDraftId, getReleaseIdFromReleaseDocumentId, getVersionFromId, useTranslation, useDocumentVersions, useActiveReleases, getPublishedId, useEditState, useWorkspace, isReleaseDocument, getReleaseTone, isReleaseScheduledOrScheduling, ReleaseAvatar, isSystemBundleName, PUBLISHED, LATEST, useFormatRelativeLocalePublishDate, getDraftId, getVersionId, ReleaseTitle, useMiddlewareComponents, ChangeIndicatorsTracker, VirtualizerScrollInstanceProvider, useDocumentForm, LoadingBlock, FormBuilder, isVersionId, createPatchChannel, getDocumentVariantType, LegacyLayerProvider, IsLastPaneProvider, useGetI18nText, useI18nText, TooltipOfDisabled, ContextMenuButton, StatusButton, isDev, CommentsEnabledProvider, useCommentsEnabled, usePerspective, CommentsProvider, COMMENTS_INSPECTOR_NAME, GetHookCollectionState, EMPTY_ARRAY as EMPTY_ARRAY$2, getDocumentIdForCanvasLink, useCanvasCompanionDoc, useUnique, isPublishedPerspective, prepareForPreview, useValuePreview, useDocumentOperationEvent, useDocumentLimitsUpsellContext, isDocumentLimitError, Translate, isNewDocument, Resizable, useKeyValueStore, isRecord, isString, isDraftPerspective, useDocumentOperation, isDeprecatedSchemaType, useProjectId, useClient, useZIndex, useCurrentUser, useListFormat, useDocumentPreviewStore, isSystemBundle, useScheduledDraftDocument, useArchivedReleases, isCardinalityOneRelease, getVersionInlineBadge, useNavigateToCanvasDoc, isPerspectiveWriteable, ReleasesNav, useVersionOperations, useConditionalToast, isAgentBundleName, useOnlyHasVersions, useSetPerspective, VersionInlineBadge, isGoingToUnpublish, useDocumentStore, useDocumentPresence, FormRow, FormContainer, PresenceOverlay, fromMutationPatches, useDocumentPreviewValues, useManageFavorite, useActiveWorkspace, CapabilityGate, useFilteredReleases, usePausedScheduledDraft, isPausedCardinalityOneRelease, ScrollContainer, useStudioUrl, useGetDefaultPerspective, useSingleDocRelease, useSchema, useAgentVersionDisplay, VersionChip, Chip, useDateTimeFormat, useFieldActions, FieldPresenceInner, useDocumentVersionInfo, getPreviewStateObservable, getPreviewValueWithFallback, SanityDefaultPreview, DocumentPreviewPresence, DocumentStatusIndicator, DocumentStatus, PreviewCard, DEFAULT_STUDIO_CLIENT_OPTIONS, ReleaseAvatarIcon, useDocumentVersionTypeSortedList, useDocumentPairPermissions, InsufficientPermissionsMessage, useValidationStatus, useSyncState, useRelativeTime, useSource, Hotkeys, isSanityDefinedAction, DocumentGroupInventoryAction, DocumentGroupInventory, UserAvatar, useUser, AvatarSkeleton, CommandList, TextWithTone, useTimelineSelector, useEvents, TIMELINE_ITEM_I18N_KEY_MAPPING as TIMELINE_ITEM_I18N_KEY_MAPPING$1, ChangeConnectorRoot, useGlobalCopyPasteElementHandler, useDocumentIdStack, GetFormValueProvider, FieldActionsResolver, FieldActionsProvider, useTemplates, useInitialValue, useCopyPaste, selectUpstreamVersion, pathToString, ParseErrorsProvider, DivergencesProvider, useDocumentDivergences, useEventsStore, EventsProvider, PerspectiveProvider, useTimelineStore, SingleDocReleaseProvider, SourceProvider, CopyPasteProvider, useDocumentType, useTemplatePermissions, ReferenceInputOptionsProvider, EMPTY_OBJECT, CrossDatasetReferencePreview, getPreviewPaths, isNonNullable as isNonNullable$1, getReferencePaths, ErrorActions, collate, createSWR, getSearchableTypes, compileFieldPath, createSearch, useSearchMaxFieldDepth, measureFirstMatch, catchWithCount, useReconnectingToast, ChangeFieldWrapper, NoChanges, ChangeList, isDeleteDocumentVersionEvent, isDeleteDocumentGroupEvent, isUnpublishDocumentEvent, isScheduleDocumentVersionEvent, isUnscheduleDocumentVersionEvent, Event, RELEASES_INTENT, isCreateDocumentVersionEvent, isEditDocumentVersionEvent, isPublishDocumentVersionEvent, ChangesError, isArray, useParseErrors, mergeParseErrors, isValidationError, isValidationWarning, definePlugin } from "sanity";
+import { isPublishedId, isDraftId, getReleaseIdFromReleaseDocumentId, getVersionFromId, useTranslation, useDocumentVersions, useActiveReleases, getPublishedId, useEditState, useWorkspace, isReleaseDocument, getReleaseTone, isReleaseScheduledOrScheduling, ReleaseAvatar, isSystemBundleName, PUBLISHED, LATEST, useFormatRelativeLocalePublishDate, getDraftId, getVersionId, ReleaseTitle, useMiddlewareComponents, ChangeIndicatorsTracker, VirtualizerScrollInstanceProvider, useDocumentForm, LoadingBlock, FormBuilder, isVersionId, createPatchChannel, getDocumentVariantType, LegacyLayerProvider, IsLastPaneProvider, useGetI18nText, useI18nText, TooltipOfDisabled, ContextMenuButton, StatusButton, isDev, CommentsEnabledProvider, useCommentsEnabled, usePerspective, CommentsProvider, COMMENTS_INSPECTOR_NAME, GetHookCollectionState, EMPTY_ARRAY as EMPTY_ARRAY$2, getDocumentIdForCanvasLink, useCanvasCompanionDoc, useUnique, isPublishedPerspective, prepareForPreview, useValuePreview, useDocumentOperationEvent, useDocumentLimitsUpsellContext, isDocumentLimitError, Translate, isNewDocument, Resizable, useKeyValueStore, isRecord, isString, isDraftPerspective, useDocumentOperation, isDeprecatedSchemaType, useProjectId, useClient, useZIndex, useCurrentUser, useListFormat, useDocumentPreviewStore, isSystemBundle, useScheduledDraftDocument, useArchivedReleases, isCardinalityOneRelease, getVersionInlineBadge, useNavigateToCanvasDoc, isPerspectiveWriteable, ReleasesNav, useVersionOperations, useConditionalToast, isAgentBundleName, useVariantDocumentOperations, getVariantTitle, useOnlyHasVersions, useSetPerspective, VersionInlineBadge, isGoingToUnpublish, useDocumentStore, useDocumentPresence, FormRow, FormContainer, PresenceOverlay, fromMutationPatches, useDocumentPreviewValues, useManageFavorite, useActiveWorkspace, CapabilityGate, useFilteredReleases, usePausedScheduledDraft, isDocumentInSelectedVariant, isPausedCardinalityOneRelease, ScrollContainer, useStudioUrl, useGetDefaultPerspective, useSingleDocRelease, useSchema, useAllVariants, useAgentVersionDisplay, useSetVariant, VersionChip, Chip, useDateTimeFormat, useFieldActions, FieldPresenceInner, useDocumentVersionInfo, getPreviewStateObservable, getPreviewValueWithFallback, SanityDefaultPreview, DocumentPreviewPresence, DocumentStatusIndicator, DocumentStatus, PreviewCard, DEFAULT_STUDIO_CLIENT_OPTIONS, ReleaseAvatarIcon, useDocumentVersionTypeSortedList, useDocumentPairPermissions, InsufficientPermissionsMessage, useValidationStatus, useSyncState, useRelativeTime, useSource, Hotkeys, isSanityDefinedAction, DocumentGroupInventoryAction, DocumentGroupInventory, UserAvatar, useUser, AvatarSkeleton, CommandList, TextWithTone, useTimelineSelector, useEvents, TIMELINE_ITEM_I18N_KEY_MAPPING as TIMELINE_ITEM_I18N_KEY_MAPPING$1, ChangeConnectorRoot, useGlobalCopyPasteElementHandler, useDocumentIdStack, GetFormValueProvider, FieldActionsResolver, FieldActionsProvider, useTemplates, useInitialValue, useCopyPaste, selectUpstreamVersion, pathToString, ParseErrorsProvider, DivergencesProvider, useDocumentDivergences, useEventsStore, EventsProvider, PerspectiveProvider, useTimelineStore, SingleDocReleaseProvider, SourceProvider, CopyPasteProvider, useDocumentType, useTemplatePermissions, ReferenceInputOptionsProvider, EMPTY_OBJECT, CrossDatasetReferencePreview, getPreviewPaths, isNonNullable as isNonNullable$1, getReferencePaths, ErrorActions, collate, createSWR, getSearchableTypes, compileFieldPath, createSearch, useSearchMaxFieldDepth, measureFirstMatch, catchWithCount, useReconnectingToast, ChangeFieldWrapper, NoChanges, ChangeList, isDeleteDocumentVersionEvent, isDeleteDocumentGroupEvent, isUnpublishDocumentEvent, isScheduleDocumentVersionEvent, isUnscheduleDocumentVersionEvent, Event, RELEASES_INTENT, isCreateDocumentVersionEvent, isEditDocumentVersionEvent, isPublishDocumentVersionEvent, ChangesError, isArray, useParseErrors, mergeParseErrors, isValidationError, isValidationWarning, definePlugin } from "sanity";
 import { structureLocaleNamespace, structureUsEnglishLocaleBundle } from "./StructureToolProvider.js";
 import { MenuButton, Dialog, MenuItem as MenuItem$1, Button as Button$1, Tab, Popover, Tooltip, TooltipDelayGroupProvider, ErrorBoundary } from "./index.js";
 import isEqual from "lodash-es/isEqual.js";
@@ -98,7 +98,7 @@ function useDiffViewRouter() {
   $[3] !== navigate || $[4] !== routerState ? (t1 = () => {
     navigate({
       ...routerState,
-      _searchParams: (routerState._searchParams ?? []).filter(_temp$N)
+      _searchParams: (routerState._searchParams ?? []).filter(_temp$O)
     });
   }, $[3] = navigate, $[4] = routerState, $[5] = t1) : t1 = $[5];
   const exitDiffView = t1;
@@ -108,7 +108,7 @@ function useDiffViewRouter() {
     exitDiffView
   }, $[6] = exitDiffView, $[7] = navigateDiffView, $[8] = t2) : t2 = $[8], t2;
 }
-function _temp$N(t0) {
+function _temp$O(t0) {
   const [key] = t0;
   return ![DIFF_VIEW_SEARCH_PARAMETER, DIFF_VIEW_PREVIOUS_DOCUMENT_SEARCH_PARAMETER, DIFF_VIEW_NEXT_DOCUMENT_SEARCH_PARAMETER].includes(key);
 }
@@ -133,7 +133,7 @@ function useDiffViewState(t0) {
     previousDocument = searchParams.get(DIFF_VIEW_PREVIOUS_DOCUMENT_SEARCH_PARAMETER), nextDocument = searchParams.get(DIFF_VIEW_NEXT_DOCUMENT_SEARCH_PARAMETER), t2 = searchParams.get(DIFF_VIEW_SEARCH_PARAMETER), $[2] = routerState._searchParams, $[3] = nextDocument, $[4] = previousDocument, $[5] = t2;
   } else
     nextDocument = $[3], previousDocument = $[4], t2 = $[5];
-  const mode = t2, anyParamSet = [previousDocument, nextDocument, mode].some(_temp$M), previousState = useRef(void 0), t3 = previousDocument ?? "", t4 = nextDocument ?? "", t5 = mode ?? "";
+  const mode = t2, anyParamSet = [previousDocument, nextDocument, mode].some(_temp$N), previousState = useRef(void 0), t3 = previousDocument ?? "", t4 = nextDocument ?? "", t5 = mode ?? "";
   let t6;
   $[6] !== t3 || $[7] !== t4 || $[8] !== t5 ? (t6 = parseParams({
     previousDocument: t3,
@@ -177,7 +177,7 @@ function useDiffViewState(t0) {
     previousState.current = state2;
   }, t15 = [state2], $[30] = state2, $[31] = t14, $[32] = t15) : (t14 = $[31], t15 = $[32]), useEffect(t14, t15), state2;
 }
-function _temp$M(param) {
+function _temp$N(param) {
   return param !== null;
 }
 function parseParams({
@@ -216,14 +216,14 @@ function useScrollMirror(elements) {
   const $ = c(3);
   let t0, t1;
   $[0] !== elements ? (t0 = () => {
-    const existentElements = elements.filter(_temp$L);
+    const existentElements = elements.filter(_temp$M);
     if (existentElements.length === 0)
       return;
     const scrollMirror = new ScrollMirror(existentElements);
     return () => scrollMirror.destroy();
   }, t1 = [elements], $[0] = elements, $[1] = t0, $[2] = t1) : (t0 = $[1], t1 = $[2]), useEffect(t0, t1);
 }
-function _temp$L(element) {
+function _temp$M(element) {
   return element !== null;
 }
 function findRelease(documentId, releases) {
@@ -257,7 +257,7 @@ const VersionModeHeaderLayout = styled.header.withConfig({
     documents
   } = useDiffViewState(), activeReleases = useActiveReleases();
   let t2;
-  $[2] !== documentVersions ? (t2 = documentVersions.flatMap(_temp$K), $[2] = documentVersions, $[3] = t2) : t2 = $[3];
+  $[2] !== documentVersions ? (t2 = documentVersions.flatMap(_temp$L), $[2] = documentVersions, $[3] = t2) : t2 = $[3];
   const releasesIds = t2;
   let t3;
   if ($[4] !== activeReleases.data || $[5] !== releasesIds) {
@@ -513,7 +513,7 @@ function fetchingState({
 }) {
   return loading ? "pending" : typeof error < "u" ? "error" : "ready";
 }
-function _temp$K(id) {
+function _temp$L(id) {
   return getVersionFromId(id) ?? [];
 }
 const DialogLayout = styled.div.withConfig({
@@ -542,7 +542,7 @@ function usePathSyncChannel(t0) {
         source
       } = t4;
       return source !== id;
-    }, $[6] = id, $[7] = t32) : t32 = $[7], t2 = syncChannel.pipe(distinctUntilChanged(_temp$J), filter(t32), map(_temp2$i)), $[3] = id, $[4] = syncChannel, $[5] = t2;
+    }, $[6] = id, $[7] = t32) : t32 = $[7], t2 = syncChannel.pipe(distinctUntilChanged(_temp$K), filter(t32), map(_temp2$j)), $[3] = id, $[4] = syncChannel, $[5] = t2;
   } else
     t2 = $[5];
   const path = t2;
@@ -552,10 +552,10 @@ function usePathSyncChannel(t0) {
     push
   }, $[8] = path, $[9] = push, $[10] = t3) : t3 = $[10], t3;
 }
-function _temp2$i(state_0) {
+function _temp2$j(state_0) {
   return state_0.path;
 }
-function _temp$J(previous, next) {
+function _temp$K(previous, next) {
   return deepEquals(previous.path, next.path);
 }
 const Scroller$5 = styled.div.withConfig({
@@ -597,29 +597,29 @@ const Scroller$5 = styled.div.withConfig({
   $[10] !== t5 ? (t6 = {
     "--grid-area": t5
   }, $[10] = t5, $[11] = t6) : t6 = $[11];
-  const t7 = t6, t8 = role === "next", t9 = role !== "next" && "none";
-  let t10;
-  $[12] !== t9 ? (t10 = {
-    "--scrollbar-width": t9
-  }, $[12] = t9, $[13] = t10) : t10 = $[13];
-  const t11 = t10;
+  const t7 = role === "next", t8 = role !== "next" && "none";
+  let t9;
+  $[12] !== t8 ? (t9 = {
+    "--scrollbar-width": t8
+  }, $[12] = t8, $[13] = t9) : t9 = $[13];
+  const t10 = t9;
+  let t11;
+  $[14] !== DocumentLayout2 || $[15] !== documentId || $[16] !== documentType ? (t11 = /* @__PURE__ */ jsx(DialogProvider, { position: "absolute", children: /* @__PURE__ */ jsx(Container, { ref: containerElement, padding: 4, width: 1, children: /* @__PURE__ */ jsx(DocumentLayout2, { documentId, documentType }) }) }), $[14] = DocumentLayout2, $[15] = documentId, $[16] = documentType, $[17] = t11) : t11 = $[17];
   let t12;
-  $[14] !== DocumentLayout2 || $[15] !== documentId || $[16] !== documentType ? (t12 = /* @__PURE__ */ jsx(DialogProvider, { position: "absolute", children: /* @__PURE__ */ jsx(Container, { ref: containerElement, padding: 4, width: 1, children: /* @__PURE__ */ jsx(DocumentLayout2, { documentId, documentType }) }) }), $[14] = DocumentLayout2, $[15] = documentId, $[16] = documentType, $[17] = t12) : t12 = $[17];
+  $[18] !== portalElement || $[19] !== t11 ? (t12 = /* @__PURE__ */ jsx(PortalProvider, { element: portalElement, children: t11 }), $[18] = portalElement, $[19] = t11, $[20] = t12) : t12 = $[20];
   let t13;
-  $[18] !== portalElement || $[19] !== t12 ? (t13 = /* @__PURE__ */ jsx(PortalProvider, { element: portalElement, children: t12 }), $[18] = portalElement, $[19] = t12, $[20] = t13) : t13 = $[20];
+  $[21] !== ref || $[22] !== t10 || $[23] !== t12 ? (t13 = /* @__PURE__ */ jsx(Scroller$5, { ref, style: t10, children: t12 }), $[21] = ref, $[22] = t10, $[23] = t12, $[24] = t13) : t13 = $[24];
   let t14;
-  $[21] !== ref || $[22] !== t11 || $[23] !== t13 ? (t14 = /* @__PURE__ */ jsx(Scroller$5, { ref, style: t11, children: t13 }), $[21] = ref, $[22] = t11, $[23] = t13, $[24] = t14) : t14 = $[24];
+  $[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t14 = /* @__PURE__ */ jsx("div", { "data-testid": "diffView-document-panel-portal", ref: setPortalElement }), $[25] = t14) : t14 = $[25];
   let t15;
-  $[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t15 = /* @__PURE__ */ jsx("div", { "data-testid": "diffView-document-panel-portal", ref: setPortalElement }), $[25] = t15) : t15 = $[25];
+  $[26] !== t13 || $[27] !== t6 || $[28] !== t7 ? (t15 = /* @__PURE__ */ jsxs(DiffViewPaneLayout, { ref: setBoundaryElement, style: t6, borderLeft: t7, children: [
+    t13,
+    t14
+  ] }), $[26] = t13, $[27] = t6, $[28] = t7, $[29] = t15) : t15 = $[29];
   let t16;
-  $[26] !== t14 || $[27] !== t7 || $[28] !== t8 ? (t16 = /* @__PURE__ */ jsxs(DiffViewPaneLayout, { ref: setBoundaryElement, style: t7, borderLeft: t8, children: [
-    t14,
-    t15
-  ] }), $[26] = t14, $[27] = t7, $[28] = t8, $[29] = t16) : t16 = $[29];
+  $[30] !== boundaryElement || $[31] !== t15 ? (t16 = /* @__PURE__ */ jsx(BoundaryElementProvider, { element: boundaryElement, children: t15 }), $[30] = boundaryElement, $[31] = t15, $[32] = t16) : t16 = $[32];
   let t17;
-  $[30] !== boundaryElement || $[31] !== t16 ? (t17 = /* @__PURE__ */ jsx(BoundaryElementProvider, { element: boundaryElement, children: t16 }), $[30] = boundaryElement, $[31] = t16, $[32] = t17) : t17 = $[32];
-  let t18;
-  return $[33] !== scrollElement || $[34] !== t17 ? (t18 = /* @__PURE__ */ jsx(ReviewChangesContext.Provider, { value: t4, children: /* @__PURE__ */ jsx(ChangeIndicatorsTracker, { children: /* @__PURE__ */ jsx(VirtualizerScrollInstanceProvider, { scrollElement, containerElement, children: t17 }) }) }), $[33] = scrollElement, $[34] = t17, $[35] = t18) : t18 = $[35], t18;
+  return $[33] !== scrollElement || $[34] !== t16 ? (t17 = /* @__PURE__ */ jsx(ReviewChangesContext.Provider, { value: t4, children: /* @__PURE__ */ jsx(ChangeIndicatorsTracker, { children: /* @__PURE__ */ jsx(VirtualizerScrollInstanceProvider, { scrollElement, containerElement, children: t16 }) }) }), $[33] = scrollElement, $[34] = t16, $[35] = t17) : t17 = $[35], t17;
 }), DiffViewDocument = (t0) => {
   const $ = c(52), {
     role,
@@ -634,7 +634,7 @@ const Scroller$5 = styled.div.withConfig({
   }, $[0] = compareDocument, $[1] = t1) : t1 = $[1];
   const compareValue = useCompareValue(t1), {
     data: releases
-  } = useActiveReleases(), [patchChannel] = useState(_temp$I);
+  } = useActiveReleases(), [patchChannel] = useState(_temp$J);
   let t2;
   $[2] !== documentId || $[3] !== releases ? (t2 = findRelease(documentId, releases), $[2] = documentId, $[3] = releases, $[4] = t2) : t2 = $[4];
   const perspective = t2;
@@ -736,7 +736,7 @@ function useCompareValue(t0) {
 function sanitizeBundleName(bundle) {
   return bundle === "draft" ? "drafts" : bundle;
 }
-function _temp$I() {
+function _temp$J() {
   return createPatchChannel();
 }
 const Link = styled.a.withConfig({
@@ -1667,7 +1667,7 @@ function PaneLayout(props) {
     onExpand,
     ...restProps
   } = props, $[0] = props, $[1] = children, $[2] = minWidth, $[3] = onCollapse, $[4] = onExpand, $[5] = restProps) : (children = $[1], minWidth = $[2], onCollapse = $[3], onExpand = $[4], restProps = $[5]);
-  const [controller] = useState(_temp$H), [rootElement, setRootElement] = useState(null), width = useElementRect(rootElement)?.width || 0, collapsed = width === void 0 || !minWidth ? void 0 : width < minWidth;
+  const [controller] = useState(_temp$I), [rootElement, setRootElement] = useState(null), width = useElementRect(rootElement)?.width || 0, collapsed = width === void 0 || !minWidth ? void 0 : width < minWidth;
   let t0;
   $[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = {
     expandedElement: null,
@@ -1702,7 +1702,7 @@ function PaneLayout(props) {
   let t14;
   return $[38] !== paneLayout || $[39] !== t13 ? (t14 = /* @__PURE__ */ jsx(PaneLayoutContext.Provider, { value: paneLayout, children: t13 }), $[38] = paneLayout, $[39] = t13, $[40] = t14) : t14 = $[40], t14;
 }
-function _temp$H() {
+function _temp$I() {
   return createPaneLayoutController();
 }
 function ErrorPane(props) {
@@ -1915,7 +1915,7 @@ function DocumentActionsProvider(props) {
   let t0;
   if ($[0] !== activeReleases || $[1] !== editState?.release) {
     let t12;
-    $[3] !== editState?.release ? (t12 = (candidate) => candidate === editState?.release, $[3] = editState?.release, $[4] = t12) : t12 = $[4], t0 = activeReleases.map(_temp$G).find(t12), $[0] = activeReleases, $[1] = editState?.release, $[2] = t0;
+    $[3] !== editState?.release ? (t12 = (candidate) => candidate === editState?.release, $[3] = editState?.release, $[4] = t12) : t12 = $[4], t0 = activeReleases.map(_temp$H).find(t12), $[0] = activeReleases, $[1] = editState?.release, $[2] = t0;
   } else
     t0 = $[2];
   const matchingReleaseName = t0;
@@ -1947,7 +1947,7 @@ function DocumentActionsProvider(props) {
   let t6;
   return $[16] !== t3 || $[17] !== t4 || $[18] !== t5 ? (t6 = /* @__PURE__ */ jsx(GetHookCollectionState, { args: t3, hooks: t4, resetRef: onCompleteRef, children: t5 }), $[16] = t3, $[17] = t4, $[18] = t5, $[19] = t6) : t6 = $[19], t6;
 }
-function _temp$G(r) {
+function _temp$H(r) {
   return getReleaseIdFromReleaseDocumentId(r._id);
 }
 const SUPPORTED_LINKED_TO_CANVAS_ACTIONS = ["delete", "duplicate", "publish", "unpublish", "unlinkFromCanvas", "editInCanvas", "linkToCanvas", "schedule", "discardVersion", "unpublishVersion"];
@@ -2024,20 +2024,20 @@ function DocumentInspectorMenuItemsResolver(props) {
       index: index_0,
       setMenuItem,
       useMenuItem: inspector.useMenuItem
-    }), inspector.name] : [_temp$F, ""], $[15] = documentId, $[16] = documentType, $[17] = t72) : t72 = $[17], t6 = inspectors2.map(t72), $[11] = documentId, $[12] = documentType, $[13] = inspectors2, $[14] = t6;
+    }), inspector.name] : [_temp$G, ""], $[15] = documentId, $[16] = documentType, $[17] = t72) : t72 = $[17], t6 = inspectors2.map(t72), $[11] = documentId, $[12] = documentType, $[13] = inspectors2, $[14] = t6;
   } else
     t6 = $[14];
   const InspectorMenuItems = t6;
   let t7;
-  $[18] !== InspectorMenuItems ? (t7 = InspectorMenuItems.map(_temp2$h), $[18] = InspectorMenuItems, $[19] = t7) : t7 = $[19];
+  $[18] !== InspectorMenuItems ? (t7 = InspectorMenuItems.map(_temp2$i), $[18] = InspectorMenuItems, $[19] = t7) : t7 = $[19];
   let t8;
   return $[20] !== t7 ? (t8 = /* @__PURE__ */ jsx(Fragment, { children: t7 }), $[20] = t7, $[21] = t8) : t8 = $[21], t8;
 }
-function _temp2$h(t0) {
+function _temp2$i(t0) {
   const [InspectorMenuItem, key] = t0;
   return key && /* @__PURE__ */ jsx(InspectorMenuItem, {}, key);
 }
-function _temp$F() {
+function _temp$G() {
   return null;
 }
 DocumentInspectorMenuItemsResolver.displayName = "DocumentInspectorMenuItemsResolver";
@@ -2767,7 +2767,7 @@ function RequestPermissionDialog(t0) {
     let t32;
     if ($[2] !== client.observable || $[3] !== projectId) {
       let t42;
-      $[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t42 = (roles) => roles.filter(_temp$E).find(_temp2$g) ? "editor" : adminRole, $[5] = t42) : t42 = $[5];
+      $[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t42 = (roles) => roles.filter(_temp$F).find(_temp2$h) ? "editor" : adminRole, $[5] = t42) : t42 = $[5];
       let t52;
       $[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t52 = () => of(adminRole), $[6] = t52) : t52 = $[6], t32 = client.observable.request({
         url: `/projects/${projectId}/roles`
@@ -2855,10 +2855,10 @@ function RequestPermissionDialog(t0) {
   let t17;
   return $[53] !== t16 || $[54] !== zOffset.fullscreen ? (t17 = /* @__PURE__ */ jsx(DialogProvider, { position: "fixed", zOffset: t4, children: t16 }), $[53] = t16, $[54] = zOffset.fullscreen, $[55] = t17) : t17 = $[55], t17;
 }
-function _temp2$g(role_0) {
+function _temp2$h(role_0) {
   return role_0.name === "editor";
 }
-function _temp$E(role) {
+function _temp$F(role) {
   return role?.appliesToUsers;
 }
 const LOADING_STATE = {
@@ -2953,7 +2953,7 @@ function InsufficientPermissionBanner(t0) {
   }, $[4] = t2) : t2 = $[4];
   const listFormat = useListFormat(t2), {
     t
-  } = useTranslation(structureLocaleNamespace), telemetry = useTelemetry(), roleTitles = currentUserRoles.map(_temp$D), roles = listFormat.formatToParts(roleTitles).map(_temp2$f), showAskToEditAction = askToEditEnabled && isOnlyViewer && roleRequestStatus && !requestStatusError && !requestStatusLoading;
+  } = useTranslation(structureLocaleNamespace), telemetry = useTelemetry(), roleTitles = currentUserRoles.map(_temp$E), roles = listFormat.formatToParts(roleTitles).map(_temp2$g), showAskToEditAction = askToEditEnabled && isOnlyViewer && roleRequestStatus && !requestStatusError && !requestStatusLoading;
   let t3;
   $[5] !== roles ? (t3 = {
     Roles: () => /* @__PURE__ */ jsx(Fragment, { children: roles })
@@ -2987,10 +2987,10 @@ function InsufficientPermissionBanner(t0) {
     t8
   ] }), $[27] = t7, $[28] = t8, $[29] = t9) : t9 = $[29], t9;
 }
-function _temp2$f(part) {
+function _temp2$g(part) {
   return part.type === "element" ? /* @__PURE__ */ jsx("code", { children: part.value }, part.value) : part.value;
 }
-function _temp$D(role) {
+function _temp$E(role) {
   return role.title;
 }
 const ReferenceChangedBanner = memo(() => {
@@ -3020,7 +3020,7 @@ const ReferenceChangedBanner = memo(() => {
     }
     let t22;
     if ($[3] !== documentPreviewStore || $[4] !== parentId || $[5] !== parentRefPath || $[6] !== parentRefPathSegment || $[7] !== selectedPerspectiveName) {
-      const publishedId = getPublishedId(parentId), path = fromString(parentRefPathSegment), keyedSegmentIndex = path.findIndex(_temp$C);
+      const publishedId = getPublishedId(parentId), path = fromString(parentRefPathSegment), keyedSegmentIndex = path.findIndex(_temp$D);
       let t32;
       $[9] !== selectedPerspectiveName ? (t32 = isSystemBundle(selectedPerspectiveName) ? void 0 : selectedPerspectiveName, $[9] = selectedPerspectiveName, $[10] = t32) : t32 = $[10];
       let t42;
@@ -3086,7 +3086,7 @@ const ReferenceChangedBanner = memo(() => {
   return $[29] !== t4 || $[30] !== t6 ? (t7 = /* @__PURE__ */ jsx(Banner, { action: t4, "data-testid": "reference-changed-banner", content: t6, icon: WarningOutlineIcon, tone: "caution" }), $[29] = t4, $[30] = t6, $[31] = t7) : t7 = $[31], t7;
 });
 ReferenceChangedBanner.displayName = "Memo(ReferenceChangedBanner)";
-function _temp$C(p) {
+function _temp$D(p) {
   return typeof p == "object" && "_key" in p;
 }
 function ScheduledDraftOverrideBanner(t0) {
@@ -3221,9 +3221,9 @@ const Image = styled.img.withConfig({
   let t10;
   $[17] !== t ? (t10 = t("canvas.banner.popover-button-text"), $[17] = t, $[18] = t10) : t10 = $[18];
   let t11;
-  $[19] !== t10 ? (t11 = /* @__PURE__ */ jsx(Flex, { width: "full", gap: 3, justify: "flex-end", paddingX: 4, paddingBottom: 4, children: /* @__PURE__ */ jsx(Button$1, { mode: "bleed", text: t10, autoFocus: !0, tone: "primary", href: "https://snty.link/canvas-docs", target: "_blank", rel: "noopener noreferrer", as: "a", iconRight: LaunchIcon }) }), $[19] = t10, $[20] = t11) : t11 = $[20];
+  $[19] !== t10 ? (t11 = /* @__PURE__ */ jsx(Flex, { gap: 3, justify: "flex-end", paddingX: 4, paddingBottom: 4, children: /* @__PURE__ */ jsx(Button$1, { mode: "bleed", text: t10, autoFocus: !0, tone: "primary", href: "https://snty.link/canvas-docs", target: "_blank", rel: "noopener noreferrer", as: "a", iconRight: LaunchIcon }) }), $[19] = t10, $[20] = t11) : t11 = $[20];
   let t12;
-  return $[21] !== t11 || $[22] !== t9 ? (t12 = /* @__PURE__ */ jsx(Card, { radius: 3, overflow: "hidden", width: 0, ref, children: /* @__PURE__ */ jsxs(Container$1, { width: 0, children: [
+  return $[21] !== t11 || $[22] !== t9 ? (t12 = /* @__PURE__ */ jsx(Card, { radius: 3, overflow: "hidden", ref, children: /* @__PURE__ */ jsxs(Container$1, { width: 0, children: [
     t4,
     t9,
     t11
@@ -3258,7 +3258,7 @@ const Image = styled.img.withConfig({
   }
   const variantText = t1;
   let t2;
-  $[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = () => setOpen(_temp$B), $[8] = t2) : t2 = $[8];
+  $[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = () => setOpen(_temp$C), $[8] = t2) : t2 = $[8];
   const togglePopover = t2;
   let t3;
   $[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t3 = () => setOpen(!1), $[9] = t3) : t3 = $[9];
@@ -3301,7 +3301,7 @@ function CanvasLinkedBanner() {
   let t3;
   return $[7] !== t0 || $[8] !== t2 ? (t3 = /* @__PURE__ */ jsx(Banner, { tone: "neutral", "data-test-id": "canvas-linked-banner", paddingY: 0, content: t0, action: t2 }), $[7] = t0, $[8] = t2, $[9] = t3) : t3 = $[9], t3;
 }
-function _temp$B(prev) {
+function _temp$C(prev) {
   return !prev;
 }
 const ChooseNewDocumentDestinationBanner = (t0) => {
@@ -3373,7 +3373,7 @@ const ChooseNewDocumentDestinationBanner = (t0) => {
     t10,
     t11
   ] }) }), $[29] = t10, $[30] = t11, $[31] = t12) : t12 = $[31], t12;
-}, TOAST_DELAY = 1e3;
+}, TOAST_DELAY$1 = 1e3;
 function DocumentNotInReleaseBanner(t0) {
   const $ = c(42), {
     documentId,
@@ -3418,7 +3418,7 @@ function DocumentNotInReleaseBanner(t0) {
       }
     }
   }, $[6] = createVersion, $[7] = currentRelease, $[8] = documentId, $[9] = isAnonymousBundle, $[10] = t, $[11] = toast, $[12] = t4) : t4 = $[12];
-  const handleAddToRelease = t4, now = useCurrentTime(200), t5 = versionCreateState?.status === "created" && now.getTime() - versionCreateState.lastUpdate.getTime() > TOAST_DELAY;
+  const handleAddToRelease = t4, now = useCurrentTime(200), t5 = versionCreateState?.status === "created" && now.getTime() - versionCreateState.lastUpdate.getTime() > TOAST_DELAY$1;
   let t6;
   $[13] !== t ? (t6 = t("banners.release.waiting.title"), $[13] = t, $[14] = t6) : t6 = $[14];
   let t7;
@@ -3471,6 +3471,89 @@ function useCurrentTime(updateIntervalMs) {
     return () => clearInterval(intervalId);
   }, t2 = [updateIntervalMs], $[1] = updateIntervalMs, $[2] = t1, $[3] = t2) : (t1 = $[2], t2 = $[3]), useEffect(t1, t2), currentTime;
 }
+const TOAST_DELAY = 1e3;
+function DocumentNotInVariantBanner() {
+  const $ = c(32), {
+    t
+  } = useTranslation(structureLocaleNamespace), {
+    value
+  } = useDocumentPane(), {
+    selectedPerspective,
+    selectedVariant
+  } = usePerspective(), {
+    createVariantDocument
+  } = useVariantDocumentOperations(), [status, setStatus] = useState("idle"), toast = useToast();
+  let t0;
+  $[0] !== selectedVariant ? (t0 = selectedVariant ? getVariantTitle(selectedVariant) : "", $[0] = selectedVariant, $[1] = t0) : t0 = $[1];
+  const variantTitle = t0;
+  let t1;
+  $[2] !== createVariantDocument || $[3] !== selectedPerspective || $[4] !== selectedVariant || $[5] !== t || $[6] !== toast || $[7] !== value ? (t1 = async () => {
+    if (selectedVariant) {
+      setStatus("in-progress");
+      try {
+        await createVariantDocument({
+          document: value,
+          variant: selectedVariant,
+          selectedPerspective
+        }), setStatus("success");
+      } catch (t22) {
+        const err = t22;
+        toast.push({
+          status: "error",
+          closable: !0,
+          title: t("banners.variant.error.title"),
+          description: t("banners.variant.error.description", {
+            message: err instanceof Error ? err.message : String(err)
+          })
+        }), setStatus("failed");
+      }
+    }
+  }, $[2] = createVariantDocument, $[3] = selectedPerspective, $[4] = selectedVariant, $[5] = t, $[6] = toast, $[7] = value, $[8] = t1) : t1 = $[8];
+  const handleAddToVariant = t1, t2 = status === "success";
+  let t3;
+  $[9] !== t ? (t3 = t("banners.variant.waiting.title"), $[9] = t, $[10] = t3) : t3 = $[10];
+  let t4;
+  $[11] !== t ? (t4 = t("banners.variant.waiting.description"), $[11] = t, $[12] = t4) : t4 = $[12];
+  let t5;
+  $[13] !== t2 || $[14] !== t3 || $[15] !== t4 ? (t5 = {
+    status: "info",
+    id: "add-document-to-variant",
+    enabled: t2,
+    delay: TOAST_DELAY,
+    closable: !0,
+    title: t3,
+    description: t4
+  }, $[13] = t2, $[14] = t3, $[15] = t4, $[16] = t5) : t5 = $[16], useConditionalToast(t5);
+  let t6;
+  $[17] !== variantTitle ? (t6 = {
+    title: variantTitle
+  }, $[17] = variantTitle, $[18] = t6) : t6 = $[18];
+  let t7;
+  $[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t7 = {
+    VariantBadge: _temp$B
+  }, $[19] = t7) : t7 = $[19];
+  let t8;
+  $[20] !== t || $[21] !== t6 ? (t8 = /* @__PURE__ */ jsx(Text, { size: 1, children: /* @__PURE__ */ jsx(Translate, { i18nKey: "banners.variant.not-in-variant", t, values: t6, components: t7 }) }), $[20] = t, $[21] = t6, $[22] = t8) : t8 = $[22];
+  let t9;
+  $[23] !== t ? (t9 = t("banners.variant.action.add-to-variant"), $[23] = t, $[24] = t9) : t9 = $[24];
+  const t10 = status === "in-progress" || status === "success";
+  let t11;
+  $[25] !== handleAddToVariant || $[26] !== t10 || $[27] !== t9 ? (t11 = {
+    text: t9,
+    tone: "suggest",
+    disabled: t10,
+    onClick: handleAddToVariant,
+    mode: "default"
+  }, $[25] = handleAddToVariant, $[26] = t10, $[27] = t9, $[28] = t11) : t11 = $[28];
+  let t12;
+  return $[29] !== t11 || $[30] !== t8 ? (t12 = /* @__PURE__ */ jsx(Banner, { tone: "suggest", content: t8, action: t11 }), $[29] = t11, $[30] = t8, $[31] = t12) : t12 = $[31], t12;
+}
+function _temp$B(t0) {
+  const {
+    children
+  } = t0;
+  return /* @__PURE__ */ jsx("strong", { children });
+}
 const ResolvedLiveEdit = defineEvent({
   name: "LiveEdit Draft Resolved",
   version: 1,
@@ -4192,7 +4275,7 @@ const FavoriteToggle = (t0) => {
     scroll-behavior: smooth;
     outline: none;
   `), DocumentPanel = function(props) {
-  const $ = c(83), {
+  const $ = c(126), {
     footerHeight,
     headerHeight,
     isInspectOpen,
@@ -4270,86 +4353,147 @@ const FavoriteToggle = (t0) => {
   let t8;
   $[27] !== displayed || $[28] !== isInspectOpen || $[29] !== value ? (t8 = isInspectOpen ? /* @__PURE__ */ jsx(LegacyLayerProvider, { zOffset: "inspectorDialog", children: /* @__PURE__ */ jsx(InspectDialog, { value: displayed || value }) }) : null, $[27] = displayed, $[28] = isInspectOpen, $[29] = value, $[30] = t8) : t8 = $[30];
   const inspectDialog = t8, showInspector = !!(!collapsed && inspector), {
-    selectedPerspective,
+    bundle,
     selectedReleaseId,
-    selectedPerspectiveName
-  } = usePerspective(), t9 = params?.historyVersion;
-  let t10;
-  $[31] !== displayed || $[32] !== documentId || $[33] !== t9 ? (t10 = {
-    historyVersion: t9,
+    selectedPerspectiveName,
+    selectedVariant,
+    selectedPerspective
+  } = usePerspective();
+  let t9;
+  $[31] !== documentId ? (t9 = {
+    documentId
+  }, $[31] = documentId, $[32] = t9) : t9 = $[32];
+  const documentVersions = useDocumentVersions(t9), t10 = params?.historyVersion;
+  let t11;
+  $[33] !== displayed || $[34] !== documentId || $[35] !== t10 ? (t11 = {
+    historyVersion: t10,
     displayed,
     documentId
-  }, $[31] = displayed, $[32] = documentId, $[33] = t9, $[34] = t10) : t10 = $[34];
-  const filteredReleases = useFilteredReleases(t10), {
+  }, $[33] = displayed, $[34] = documentId, $[35] = t10, $[36] = t11) : t11 = $[36];
+  const filteredReleases = useFilteredReleases(t11), {
     isPaused: isPausedDraft
   } = usePausedScheduledDraft(), {
     data: archivedReleases
   } = useArchivedReleases();
-  let t11;
-  if ($[35] !== archivedReleases || $[36] !== selectedPerspectiveName) {
-    let t122;
-    $[38] !== selectedPerspectiveName ? (t122 = (release) => getReleaseIdFromReleaseDocumentId(release._id) === selectedPerspectiveName && isCardinalityOneRelease(release), $[38] = selectedPerspectiveName, $[39] = t122) : t122 = $[39], t11 = archivedReleases.find(t122), $[35] = archivedReleases, $[36] = selectedPerspectiveName, $[37] = t11;
-  } else
-    t11 = $[37];
-  const archivedScheduledDraftRelease = t11;
   let t12;
-  $[40] !== activeView.type || $[41] !== archivedScheduledDraftRelease || $[42] !== displayed || $[43] !== documentId || $[44] !== editState || $[45] !== filteredReleases || $[46] !== isPausedDraft || $[47] !== isPermissionsLoading || $[48] !== params?.historyVersion || $[49] !== permissions?.granted || $[50] !== ready || $[51] !== requiredPermission || $[52] !== schemaType || $[53] !== selectedPerspective || $[54] !== selectedPerspectiveName || $[55] !== selectedReleaseId || $[56] !== value._id || $[57] !== workspace ? (t12 = () => {
-    const archivedReleaseId = params?.historyVersion ?? (archivedScheduledDraftRelease ? getReleaseIdFromReleaseDocumentId(archivedScheduledDraftRelease._id) : void 0);
-    if (archivedReleaseId)
-      return /* @__PURE__ */ jsx(ArchivedReleaseDocumentBanner, { releaseId: archivedReleaseId });
-    const isScheduledRelease = isReleaseDocument(selectedPerspective) && isReleaseScheduledOrScheduling(selectedPerspective), documentInScheduledRelease = !!(isScheduledRelease && displayed?._id && getVersionFromId(displayed?._id) === selectedReleaseId), isSelectedPerspectiveWriteable = isPerspectiveWriteable({
+  if ($[37] !== archivedReleases || $[38] !== selectedPerspectiveName) {
+    let t132;
+    $[40] !== selectedPerspectiveName ? (t132 = (release) => getReleaseIdFromReleaseDocumentId(release._id) === selectedPerspectiveName && isCardinalityOneRelease(release), $[40] = selectedPerspectiveName, $[41] = t132) : t132 = $[41], t12 = archivedReleases.find(t132), $[37] = archivedReleases, $[38] = selectedPerspectiveName, $[39] = t12;
+  } else
+    t12 = $[39];
+  const archivedScheduledDraftRelease = t12, isInSelectedVariant = selectedVariant && !documentVersions.loading ? isDocumentInSelectedVariant({
+    selectedVariant,
+    bundle,
+    documentVersions: documentVersions.versions
+  }) : !0;
+  let t13;
+  bb1: {
+    let t142;
+    $[42] !== archivedScheduledDraftRelease || $[43] !== params?.historyVersion ? (t142 = params?.historyVersion ?? (archivedScheduledDraftRelease ? getReleaseIdFromReleaseDocumentId(archivedScheduledDraftRelease._id) : void 0), $[42] = archivedScheduledDraftRelease, $[43] = params?.historyVersion, $[44] = t142) : t142 = $[44];
+    const archivedReleaseId = t142;
+    if (archivedReleaseId) {
+      let t153;
+      $[45] !== archivedReleaseId ? (t153 = /* @__PURE__ */ jsx(ArchivedReleaseDocumentBanner, { releaseId: archivedReleaseId }), $[45] = archivedReleaseId, $[46] = t153) : t153 = $[46], t13 = t153;
+      break bb1;
+    }
+    let t152;
+    $[47] !== selectedPerspective ? (t152 = isReleaseDocument(selectedPerspective) && isReleaseScheduledOrScheduling(selectedPerspective), $[47] = selectedPerspective, $[48] = t152) : t152 = $[48];
+    const isScheduledRelease = t152, documentInScheduledRelease = !!(isScheduledRelease && displayed?._id && getVersionFromId(displayed?._id) === selectedReleaseId);
+    let isSelectedPerspectiveWriteable, t162;
+    if ($[49] !== editState || $[50] !== schemaType || $[51] !== selectedPerspective || $[52] !== workspace.document.drafts.enabled ? (isSelectedPerspectiveWriteable = isPerspectiveWriteable({
       selectedPerspective,
       isDraftModelEnabled: workspace.document.drafts.enabled,
       schemaType
-    });
-    if (mustChooseNewDocumentDestination({
+    }), t162 = mustChooseNewDocumentDestination({
       isSelectedPerspectiveWriteable,
       editState
-    }))
-      return !isSelectedPerspectiveWriteable.result && /* @__PURE__ */ jsx(ChooseNewDocumentDestinationBanner, { schemaType, selectedPerspective, reason: isSelectedPerspectiveWriteable.reason });
-    if (isPausedDraft && displayed?._id)
-      return /* @__PURE__ */ jsx(PausedScheduledDraftBanner, {});
-    if (documentInScheduledRelease)
-      return /* @__PURE__ */ jsx(ScheduledReleaseBanner, { currentRelease: selectedPerspective });
-    const scheduledCardinalityOneRelease = [...filteredReleases.currentReleases, ...filteredReleases.notCurrentReleases].find(_temp$y), isPinnedDraftOrPublish = isSystemBundle(selectedPerspective), isCurrentVersionGoingToUnpublish = editState?.version && isGoingToUnpublish(editState?.version);
-    if (!isSystemBundle(selectedPerspective) && displayed?._id && getVersionFromId(displayed._id) !== selectedPerspectiveName && ready && !isPinnedDraftOrPublish && isNewDocument(editState) === !1 && !isCurrentVersionGoingToUnpublish)
-      return /* @__PURE__ */ jsx(DocumentNotInReleaseBanner, { documentId: value._id, currentRelease: selectedPerspective, isScheduledRelease });
+    }), $[49] = editState, $[50] = schemaType, $[51] = selectedPerspective, $[52] = workspace.document.drafts.enabled, $[53] = isSelectedPerspectiveWriteable, $[54] = t162) : (isSelectedPerspectiveWriteable = $[53], t162 = $[54]), t162) {
+      let t173;
+      $[55] !== isSelectedPerspectiveWriteable.reason || $[56] !== isSelectedPerspectiveWriteable.result || $[57] !== schemaType || $[58] !== selectedPerspective ? (t173 = !isSelectedPerspectiveWriteable.result && /* @__PURE__ */ jsx(ChooseNewDocumentDestinationBanner, { schemaType, selectedPerspective, reason: isSelectedPerspectiveWriteable.reason }), $[55] = isSelectedPerspectiveWriteable.reason, $[56] = isSelectedPerspectiveWriteable.result, $[57] = schemaType, $[58] = selectedPerspective, $[59] = t173) : t173 = $[59], t13 = t173;
+      break bb1;
+    }
+    if (isPausedDraft && displayed?._id) {
+      let t173;
+      $[60] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t173 = /* @__PURE__ */ jsx(PausedScheduledDraftBanner, {}), $[60] = t173) : t173 = $[60], t13 = t173;
+      break bb1;
+    }
+    if (documentInScheduledRelease) {
+      const t173 = selectedPerspective;
+      let t182;
+      $[61] !== t173 ? (t182 = /* @__PURE__ */ jsx(ScheduledReleaseBanner, { currentRelease: t173 }), $[61] = t173, $[62] = t182) : t182 = $[62], t13 = t182;
+      break bb1;
+    }
+    let t172;
+    $[63] !== filteredReleases.currentReleases || $[64] !== filteredReleases.notCurrentReleases ? (t172 = [...filteredReleases.currentReleases, ...filteredReleases.notCurrentReleases].find(_temp$y), $[63] = filteredReleases.currentReleases, $[64] = filteredReleases.notCurrentReleases, $[65] = t172) : t172 = $[65];
+    const scheduledCardinalityOneRelease = t172;
+    let t18;
+    $[66] !== selectedPerspective ? (t18 = isSystemBundle(selectedPerspective), $[66] = selectedPerspective, $[67] = t18) : t18 = $[67];
+    const isPinnedDraftOrPublish = t18;
+    if (!isInSelectedVariant) {
+      let t192;
+      $[68] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t192 = /* @__PURE__ */ jsx(DocumentNotInVariantBanner, {}), $[68] = t192) : t192 = $[68], t13 = t192;
+      break bb1;
+    }
+    const isCurrentVersionGoingToUnpublish = editState?.version && isGoingToUnpublish(editState?.version);
+    if (!isSystemBundle(selectedPerspective) && displayed?._id && getVersionFromId(displayed._id) !== selectedPerspectiveName && ready && !isPinnedDraftOrPublish && isNewDocument(editState) === !1 && !isCurrentVersionGoingToUnpublish) {
+      let t192;
+      $[69] !== isScheduledRelease || $[70] !== selectedPerspective || $[71] !== value._id ? (t192 = /* @__PURE__ */ jsx(DocumentNotInReleaseBanner, { documentId: value._id, currentRelease: selectedPerspective, isScheduledRelease }), $[69] = isScheduledRelease, $[70] = selectedPerspective, $[71] = value._id, $[72] = t192) : t192 = $[72], t13 = t192;
+      break bb1;
+    }
     const displayedHasObsoleteDraft = hasObsoleteDraft({
       editState,
       workspace,
       schemaType
     });
     if (activeView.type === "form" && !selectedReleaseId && displayedHasObsoleteDraft.result) {
-      if (displayedHasObsoleteDraft.reason === "DRAFT_MODEL_INACTIVE")
-        return /* @__PURE__ */ jsx(ObsoleteDraftBanner, { displayed, documentId, schemaType, i18nKey: "banners.obsolete-draft.draft-model-inactive.text" });
-      if (displayedHasObsoleteDraft.reason === "LIVE_EDIT_ACTIVE")
-        return /* @__PURE__ */ jsx(ObsoleteDraftBanner, { displayed, documentId, schemaType, i18nKey: "banners.live-edit-draft-banner.text", isEditBlocking: !0 });
+      if (displayedHasObsoleteDraft.reason === "DRAFT_MODEL_INACTIVE") {
+        let t192;
+        $[73] !== displayed || $[74] !== documentId || $[75] !== schemaType ? (t192 = /* @__PURE__ */ jsx(ObsoleteDraftBanner, { displayed, documentId, schemaType, i18nKey: "banners.obsolete-draft.draft-model-inactive.text" }), $[73] = displayed, $[74] = documentId, $[75] = schemaType, $[76] = t192) : t192 = $[76], t13 = t192;
+        break bb1;
+      }
+      if (displayedHasObsoleteDraft.reason === "LIVE_EDIT_ACTIVE") {
+        let t192;
+        $[77] !== displayed || $[78] !== documentId || $[79] !== schemaType ? (t192 = /* @__PURE__ */ jsx(ObsoleteDraftBanner, { displayed, documentId, schemaType, i18nKey: "banners.live-edit-draft-banner.text", isEditBlocking: !0 }), $[77] = displayed, $[78] = documentId, $[79] = schemaType, $[80] = t192) : t192 = $[80], t13 = t192;
+        break bb1;
+      }
     }
-    if (activeView.type !== "form" || isPermissionsLoading)
-      return null;
-    const displayedIsDraft = displayed?._id && isDraftId(displayed._id);
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      selectedPerspective === "drafts" && scheduledCardinalityOneRelease && displayedIsDraft && /* @__PURE__ */ jsx(ScheduledDraftOverrideBanner, { releaseId: scheduledCardinalityOneRelease._id, draftDocument: displayed }),
-      !permissions?.granted && /* @__PURE__ */ jsx(InsufficientPermissionBanner, { requiredPermission }),
-      /* @__PURE__ */ jsx(RevisionNotFoundBanner, {}),
-      /* @__PURE__ */ jsx(ReferenceChangedBanner, {}),
-      /* @__PURE__ */ jsx(DeprecatedDocumentTypeBanner, {}),
-      /* @__PURE__ */ jsx(CanvasLinkedBanner, {}),
-      /* @__PURE__ */ jsx(DeletedDocumentBanners, {}),
-      /* @__PURE__ */ jsx(UnpublishedDocumentBanner, {}),
-      /* @__PURE__ */ jsx(OpenReleaseToEditBanner, { documentId: displayed?._id ?? documentId, isPinnedDraftOrPublished: isPinnedDraftOrPublish })
-    ] });
-  }, $[40] = activeView.type, $[41] = archivedScheduledDraftRelease, $[42] = displayed, $[43] = documentId, $[44] = editState, $[45] = filteredReleases, $[46] = isPausedDraft, $[47] = isPermissionsLoading, $[48] = params?.historyVersion, $[49] = permissions?.granted, $[50] = ready, $[51] = requiredPermission, $[52] = schemaType, $[53] = selectedPerspective, $[54] = selectedPerspectiveName, $[55] = selectedReleaseId, $[56] = value._id, $[57] = workspace, $[58] = t12) : t12 = $[58];
-  let t13;
-  $[59] !== t12 ? (t13 = t12(), $[59] = t12, $[60] = t13) : t13 = $[60];
+    if (activeView.type !== "form" || isPermissionsLoading) {
+      t13 = null;
+      break bb1;
+    }
+    let t19;
+    $[81] !== displayed ? (t19 = displayed?._id && isDraftId(displayed._id), $[81] = displayed, $[82] = t19) : t19 = $[82];
+    const displayedIsDraft = t19;
+    let t20;
+    $[83] !== displayed || $[84] !== displayedIsDraft || $[85] !== scheduledCardinalityOneRelease || $[86] !== selectedPerspective ? (t20 = selectedPerspective === "drafts" && scheduledCardinalityOneRelease && displayedIsDraft && /* @__PURE__ */ jsx(ScheduledDraftOverrideBanner, { releaseId: scheduledCardinalityOneRelease._id, draftDocument: displayed }), $[83] = displayed, $[84] = displayedIsDraft, $[85] = scheduledCardinalityOneRelease, $[86] = selectedPerspective, $[87] = t20) : t20 = $[87];
+    let t21;
+    $[88] !== permissions?.granted || $[89] !== requiredPermission ? (t21 = !permissions?.granted && /* @__PURE__ */ jsx(InsufficientPermissionBanner, { requiredPermission }), $[88] = permissions?.granted, $[89] = requiredPermission, $[90] = t21) : t21 = $[90];
+    let t22, t23, t24, t25, t26, t27;
+    $[91] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t22 = /* @__PURE__ */ jsx(RevisionNotFoundBanner, {}), t23 = /* @__PURE__ */ jsx(ReferenceChangedBanner, {}), t24 = /* @__PURE__ */ jsx(DeprecatedDocumentTypeBanner, {}), t25 = /* @__PURE__ */ jsx(CanvasLinkedBanner, {}), t26 = /* @__PURE__ */ jsx(DeletedDocumentBanners, {}), t27 = /* @__PURE__ */ jsx(UnpublishedDocumentBanner, {}), $[91] = t22, $[92] = t23, $[93] = t24, $[94] = t25, $[95] = t26, $[96] = t27) : (t22 = $[91], t23 = $[92], t24 = $[93], t25 = $[94], t26 = $[95], t27 = $[96]);
+    const t28 = displayed?._id ?? documentId;
+    let t29;
+    $[97] !== isPinnedDraftOrPublish || $[98] !== t28 ? (t29 = /* @__PURE__ */ jsx(OpenReleaseToEditBanner, { documentId: t28, isPinnedDraftOrPublished: isPinnedDraftOrPublish }), $[97] = isPinnedDraftOrPublish, $[98] = t28, $[99] = t29) : t29 = $[99];
+    let t30;
+    $[100] !== t20 || $[101] !== t21 || $[102] !== t29 ? (t30 = /* @__PURE__ */ jsxs(Fragment, { children: [
+      t20,
+      t21,
+      t22,
+      t23,
+      t24,
+      t25,
+      t26,
+      t27,
+      t29
+    ] }), $[100] = t20, $[101] = t21, $[102] = t29, $[103] = t30) : t30 = $[103], t13 = t30;
+  }
   const banners = t13;
   let t14;
-  $[61] !== documentScrollElement ? (t14 = {
+  $[104] !== documentScrollElement ? (t14 = {
     documentScrollElement
-  }, $[61] = documentScrollElement, $[62] = t14) : t14 = $[62];
+  }, $[104] = documentScrollElement, $[105] = t14) : t14 = $[105];
   const portalElements = t14, showFormView = features.resizablePanes || !showInspector;
   let t15;
-  $[63] !== activeViewNode || $[64] !== banners || $[65] !== documentScrollElement || $[66] !== footer || $[67] !== formViewHidden || $[68] !== inspectDialog || $[69] !== layoutCollapsed || $[70] !== margins || $[71] !== portalElement || $[72] !== portalElements || $[73] !== showFormView ? (t15 = showFormView && /* @__PURE__ */ jsxs(Flex, { height: "fill", direction: "column", width: "fill", flex: 2, children: [
+  $[106] !== activeViewNode || $[107] !== banners || $[108] !== documentScrollElement || $[109] !== footer || $[110] !== formViewHidden || $[111] !== inspectDialog || $[112] !== layoutCollapsed || $[113] !== margins || $[114] !== portalElement || $[115] !== portalElements || $[116] !== showFormView ? (t15 = showFormView && /* @__PURE__ */ jsxs(Flex, { height: "fill", direction: "column", flex: 2, children: [
     /* @__PURE__ */ jsxs(LegacyLayerProvider, { zOffset: "paneHeader", children: [
       banners,
       /* @__PURE__ */ jsx(DocumentPanelSubHeader, {})
@@ -4363,14 +4507,14 @@ const FavoriteToggle = (t0) => {
       /* @__PURE__ */ jsx("div", { "data-testid": "document-panel-portal", ref: setPortalElement })
     ] }) }) }) }),
     footer
-  ] }), $[63] = activeViewNode, $[64] = banners, $[65] = documentScrollElement, $[66] = footer, $[67] = formViewHidden, $[68] = inspectDialog, $[69] = layoutCollapsed, $[70] = margins, $[71] = portalElement, $[72] = portalElements, $[73] = showFormView, $[74] = t15) : t15 = $[74];
+  ] }), $[106] = activeViewNode, $[107] = banners, $[108] = documentScrollElement, $[109] = footer, $[110] = formViewHidden, $[111] = inspectDialog, $[112] = layoutCollapsed, $[113] = margins, $[114] = portalElement, $[115] = portalElements, $[116] = showFormView, $[117] = t15) : t15 = $[117];
   let t16;
-  $[75] !== documentId || $[76] !== rootElement || $[77] !== schemaType || $[78] !== showInspector ? (t16 = showInspector && /* @__PURE__ */ jsx(BoundaryElementProvider, { element: rootElement, children: /* @__PURE__ */ jsx(DocumentInspectorPanel, { documentId, documentType: schemaType.name, flex: 1 }) }), $[75] = documentId, $[76] = rootElement, $[77] = schemaType, $[78] = showInspector, $[79] = t16) : t16 = $[79];
+  $[118] !== documentId || $[119] !== rootElement || $[120] !== schemaType || $[121] !== showInspector ? (t16 = showInspector && /* @__PURE__ */ jsx(BoundaryElementProvider, { element: rootElement, children: /* @__PURE__ */ jsx(DocumentInspectorPanel, { documentId, documentType: schemaType.name, flex: 1 }) }), $[118] = documentId, $[119] = rootElement, $[120] = schemaType, $[121] = showInspector, $[122] = t16) : t16 = $[122];
   let t17;
-  return $[80] !== t15 || $[81] !== t16 ? (t17 = /* @__PURE__ */ jsx(PaneContent, { children: /* @__PURE__ */ jsxs(Flex, { height: "fill", children: [
+  return $[123] !== t15 || $[124] !== t16 ? (t17 = /* @__PURE__ */ jsx(PaneContent, { children: /* @__PURE__ */ jsxs(Flex, { height: "fill", children: [
     t15,
     t16
-  ] }) }), $[80] = t15, $[81] = t16, $[82] = t17) : t17 = $[82], t17;
+  ] }) }), $[123] = t15, $[124] = t16, $[125] = t17) : t17 = $[125], t17;
 };
 DocumentPanel.displayName = "DocumentPanel";
 function _temp$y(release_0) {
@@ -5048,7 +5192,7 @@ function usePerspectiveNavigator() {
   }, $[6] = navigate, $[7] = t1) : t1 = $[7], t1;
 }
 function useDocumentPerspectiveList() {
-  const $ = c(41), {
+  const $ = c(53), {
     selectedReleaseId,
     selectedPerspectiveName
   } = usePerspective(), setPerspective = useSetPerspective(), {
@@ -5066,14 +5210,17 @@ function useDocumentPerspectiveList() {
     displayed,
     documentId
   }, $[0] = displayed, $[1] = documentId, $[2] = t0, $[3] = t1) : t1 = $[3];
-  const filteredReleases = useFilteredReleases(t1);
+  const filteredReleases = useFilteredReleases(t1), {
+    byId: variants2
+  } = useAllVariants();
   let t2;
   $[4] !== documentId ? (t2 = {
     documentId
   }, $[4] = documentId, $[5] = t2) : t2 = $[5];
   const {
-    data: documentVersions
-  } = useDocumentVersions(t2), onlyHasVersions = documentVersions && documentVersions.length > 0 && !documentVersions.some(_temp$w), workspace = useWorkspace(), {
+    versions: documentVersions,
+    data: documentVersionsIds
+  } = useDocumentVersions(t2), onlyHasVersions = documentVersionsIds.length > 0 && !documentVersionsIds.some(_temp$w), workspace = useWorkspace(), {
     onSetScheduledDraftPerspective
   } = useSingleDocRelease();
   let t3;
@@ -5155,17 +5302,40 @@ function useDocumentPerspectiveList() {
   }
   const isDraftDisabled = t9, isDraftModelEnabled = workspace.document.drafts?.enabled, {
     filteredVersionIds,
-    getVersionDisplay
-  } = useAgentVersionDisplay(documentVersions, selectedPerspectiveName);
+    getVersionDisplay: getAgentVersionDisplay
+  } = useAgentVersionDisplay(documentVersionsIds, selectedPerspectiveName);
   let t10;
-  if ($[23] !== filteredReleases.currentReleases || $[24] !== filteredVersionIds) {
+  if ($[23] !== documentVersions || $[24] !== filteredVersionIds) {
     let t112;
-    $[26] !== filteredReleases.currentReleases ? (t112 = (versionDocumentId) => isPublishedId(versionDocumentId) || isDraftId(versionDocumentId) ? !1 : !filteredReleases.currentReleases.some((release) => getReleaseIdFromReleaseDocumentId(release._id) === getVersionFromId(versionDocumentId)), $[26] = filteredReleases.currentReleases, $[27] = t112) : t112 = $[27], t10 = filteredVersionIds.filter(t112), $[23] = filteredReleases.currentReleases, $[24] = filteredVersionIds, $[25] = t10;
+    $[26] !== filteredVersionIds ? (t112 = (version) => filteredVersionIds.includes(version._id), $[26] = filteredVersionIds, $[27] = t112) : t112 = $[27], t10 = documentVersions.filter(t112), $[23] = documentVersions, $[24] = filteredVersionIds, $[25] = t10;
   } else
     t10 = $[25];
-  const nonReleaseVersions = t10;
+  const filteredVersions = t10;
   let t11;
-  return $[28] !== filteredReleases || $[29] !== getReleaseChipState || $[30] !== getVersionDisplay || $[31] !== handleCopyToDraftsNavigate || $[32] !== handlePerspectiveChange || $[33] !== isDraftDisabled || $[34] !== isDraftModelEnabled || $[35] !== isDraftSelected || $[36] !== isLiveEdit || $[37] !== isPublishSelected || $[38] !== isPublishedChipDisabled || $[39] !== nonReleaseVersions ? (t11 = {
+  $[28] !== getAgentVersionDisplay || $[29] !== variants2 ? (t11 = (version_0) => {
+    if (!version_0._system.variant)
+      return getAgentVersionDisplay(version_0._id);
+    const variantId = version_0._system.variant?._ref, variant = variantId ? variants2.get(variantId) : void 0;
+    return {
+      displayName: `${variant ? getVariantTitle(variant) : variantId ?? ""} [${version_0._system.bundleId || "published"}]`,
+      tone: "caution"
+    };
+  }, $[28] = getAgentVersionDisplay, $[29] = variants2, $[30] = t11) : t11 = $[30];
+  const getVersionDisplay = t11;
+  let t12;
+  $[31] !== filteredVersions ? (t12 = filteredVersions.filter(_temp2$f), $[31] = filteredVersions, $[32] = t12) : t12 = $[32];
+  const nonReleaseVersions = t12;
+  let t13;
+  $[33] !== filteredVersions ? (t13 = filteredVersions.filter(_temp3$b), $[33] = filteredVersions, $[34] = t13) : t13 = $[34];
+  const variantVersions = t13, setVariant = useSetVariant();
+  let t14;
+  $[35] !== setVariant || $[36] !== variants2 ? (t14 = (version_3) => {
+    const variantId_0 = version_3._system.variant?._ref, variant_0 = variantId_0 ? variants2.get(variantId_0) : void 0;
+    setVariant(variant_0 ?? void 0);
+  }, $[35] = setVariant, $[36] = variants2, $[37] = t14) : t14 = $[37];
+  const handleVariantSelectionChange = t14;
+  let t15;
+  return $[38] !== filteredReleases || $[39] !== getReleaseChipState || $[40] !== getVersionDisplay || $[41] !== handleCopyToDraftsNavigate || $[42] !== handlePerspectiveChange || $[43] !== handleVariantSelectionChange || $[44] !== isDraftDisabled || $[45] !== isDraftModelEnabled || $[46] !== isDraftSelected || $[47] !== isLiveEdit || $[48] !== isPublishSelected || $[49] !== isPublishedChipDisabled || $[50] !== nonReleaseVersions || $[51] !== variantVersions ? (t15 = {
     filteredReleases,
     getVersionDisplay,
     getReleaseChipState,
@@ -5177,14 +5347,25 @@ function useDocumentPerspectiveList() {
     isLiveEdit,
     isPublishedChipDisabled,
     isPublishSelected,
-    nonReleaseVersions
-  }, $[28] = filteredReleases, $[29] = getReleaseChipState, $[30] = getVersionDisplay, $[31] = handleCopyToDraftsNavigate, $[32] = handlePerspectiveChange, $[33] = isDraftDisabled, $[34] = isDraftModelEnabled, $[35] = isDraftSelected, $[36] = isLiveEdit, $[37] = isPublishSelected, $[38] = isPublishedChipDisabled, $[39] = nonReleaseVersions, $[40] = t11) : t11 = $[40], t11;
+    nonReleaseVersions,
+    variantVersions,
+    handleVariantSelectionChange
+  }, $[38] = filteredReleases, $[39] = getReleaseChipState, $[40] = getVersionDisplay, $[41] = handleCopyToDraftsNavigate, $[42] = handlePerspectiveChange, $[43] = handleVariantSelectionChange, $[44] = isDraftDisabled, $[45] = isDraftModelEnabled, $[46] = isDraftSelected, $[47] = isLiveEdit, $[48] = isPublishSelected, $[49] = isPublishedChipDisabled, $[50] = nonReleaseVersions, $[51] = variantVersions, $[52] = t15) : t15 = $[52], t15;
+}
+function _temp3$b(version_2) {
+  return !!version_2._system.variant;
 }
-function _temp$w(version) {
-  return !isVersionId(version);
+function _temp2$f(version_1) {
+  if (isPublishedId(version_1._id) || isDraftId(version_1._id))
+    return !1;
+  const hasRelease = !!version_1._system.release, hasVariant = !!version_1._system.variant;
+  return !hasRelease && !hasVariant;
+}
+function _temp$w(versionId) {
+  return !isVersionId(versionId);
 }
 function NonReleaseVersionsSelect(props) {
-  const $ = c(46), {
+  const $ = c(47), {
     nonReleaseVersions,
     selectedPerspective,
     onSelectBundle,
@@ -5192,12 +5373,13 @@ function NonReleaseVersionsSelect(props) {
     documentType,
     getVersionDisplay,
     releasesLoading,
-    releases
+    releases,
+    mode
   } = props, {
     t
   } = useTranslation(), [nonReleaseDropdownOpen, setNonReleaseDropdownOpen] = useState(!1), [popoverReferenceElement, setPopoverReferenceElement] = useState(null);
   let t0;
-  $[0] !== selectedPerspective ? (t0 = (v) => getVersionFromId(v) === selectedPerspective, $[0] = selectedPerspective, $[1] = t0) : t0 = $[1];
+  $[0] !== selectedPerspective ? (t0 = (v) => getVersionFromId(v._id) === selectedPerspective, $[0] = selectedPerspective, $[1] = t0) : t0 = $[1];
   let t1;
   $[2] !== nonReleaseVersions || $[3] !== t0 ? (t1 = extract(nonReleaseVersions, t0), $[2] = nonReleaseVersions, $[3] = t0, $[4] = t1) : t1 = $[4];
   const [selectedNonReleaseVersion, otherNonReleaseVersions] = t1, popoverRef = useRef(null);
@@ -5208,48 +5390,48 @@ function NonReleaseVersionsSelect(props) {
     return null;
   let t4;
   $[7] !== documentType || $[8] !== getVersionDisplay || $[9] !== onCopyToDraftsNavigate || $[10] !== onSelectBundle || $[11] !== releases || $[12] !== releasesLoading || $[13] !== selectedNonReleaseVersion ? (t4 = selectedNonReleaseVersion && (() => {
-    const bundleId = getVersionFromId(selectedNonReleaseVersion), versionDisplay = getVersionDisplay(selectedNonReleaseVersion);
-    return /* @__PURE__ */ jsx(VersionChip, { selected: !0, text: versionDisplay?.displayName ?? bundleId, tone: versionDisplay?.tone ?? "default", onClick: () => onSelectBundle(bundleId), onCopyToDraftsNavigate, contextValues: {
-      documentId: getPublishedId(selectedNonReleaseVersion),
+    const bundleId = getVersionFromId(selectedNonReleaseVersion._id), versionDisplay = getVersionDisplay(selectedNonReleaseVersion);
+    return /* @__PURE__ */ jsx(VersionChip, { selected: !0, text: versionDisplay?.displayName ?? bundleId, tone: versionDisplay?.tone ?? "default", onClick: () => onSelectBundle(selectedNonReleaseVersion), onCopyToDraftsNavigate, contextValues: {
+      documentId: getPublishedId(selectedNonReleaseVersion._id),
       releases,
       releasesLoading,
       documentType,
       bundleId,
       isVersion: !0
-    } }, selectedNonReleaseVersion);
+    } }, selectedNonReleaseVersion._id);
   })(), $[7] = documentType, $[8] = getVersionDisplay, $[9] = onCopyToDraftsNavigate, $[10] = onSelectBundle, $[11] = releases, $[12] = releasesLoading, $[13] = selectedNonReleaseVersion, $[14] = t4) : t4 = $[14];
   let t5;
-  $[15] !== nonReleaseDropdownOpen || $[16] !== otherNonReleaseVersions.length || $[17] !== t ? (t5 = otherNonReleaseVersions.length > 0 ? /* @__PURE__ */ jsx(Tooltip, { content: t("release.chip.tooltip.other-versions", {
+  $[15] !== mode || $[16] !== nonReleaseDropdownOpen || $[17] !== otherNonReleaseVersions.length || $[18] !== t ? (t5 = otherNonReleaseVersions.length > 0 ? /* @__PURE__ */ jsx(Tooltip, { content: t(`release.chip.tooltip.other-${mode}`, {
     count: otherNonReleaseVersions.length
-  }), fallbackPlacements: [], portal: !0, placement: nonReleaseDropdownOpen ? "top" : "bottom", children: /* @__PURE__ */ jsx(Chip, { mode: "bleed", fontSize: 1, muted: !0, selected: nonReleaseDropdownOpen, iconRight: nonReleaseDropdownOpen ? ChevronUpIcon : ChevronDownIcon, ref: setPopoverReferenceElement, onClick: () => setNonReleaseDropdownOpen(_temp$v), text: t("release.chip.button.other-versions", {
+  }), fallbackPlacements: [], portal: !0, placement: nonReleaseDropdownOpen ? "top" : "bottom", children: /* @__PURE__ */ jsx(Chip, { mode: "bleed", fontSize: 1, muted: !0, selected: nonReleaseDropdownOpen, iconRight: nonReleaseDropdownOpen ? ChevronUpIcon : ChevronDownIcon, ref: setPopoverReferenceElement, onClick: () => setNonReleaseDropdownOpen(_temp$v), text: t(`release.chip.button.other-${mode}`, {
     count: otherNonReleaseVersions.length
-  }) }) }) : null, $[15] = nonReleaseDropdownOpen, $[16] = otherNonReleaseVersions.length, $[17] = t, $[18] = t5) : t5 = $[18];
+  }) }) }) : null, $[15] = mode, $[16] = nonReleaseDropdownOpen, $[17] = otherNonReleaseVersions.length, $[18] = t, $[19] = t5) : t5 = $[19];
   let t6;
-  if ($[19] !== documentType || $[20] !== getVersionDisplay || $[21] !== onCopyToDraftsNavigate || $[22] !== onSelectBundle || $[23] !== otherNonReleaseVersions || $[24] !== releases || $[25] !== releasesLoading || $[26] !== selectedPerspective) {
+  if ($[20] !== documentType || $[21] !== getVersionDisplay || $[22] !== onCopyToDraftsNavigate || $[23] !== onSelectBundle || $[24] !== otherNonReleaseVersions || $[25] !== releases || $[26] !== releasesLoading || $[27] !== selectedPerspective) {
     let t72;
-    $[28] !== documentType || $[29] !== getVersionDisplay || $[30] !== onCopyToDraftsNavigate || $[31] !== onSelectBundle || $[32] !== releases || $[33] !== releasesLoading || $[34] !== selectedPerspective ? (t72 = (nonReleaseVersionId) => {
-      const bundle = getVersionFromId(nonReleaseVersionId), selected = selectedPerspective === bundle, versionDisplay_0 = getVersionDisplay(nonReleaseVersionId);
-      return /* @__PURE__ */ jsx(VersionChip, { selected, text: versionDisplay_0?.displayName ?? bundle, disabled: !1, contextMenuPortal: !1, tone: versionDisplay_0?.tone ?? "default", onClick: () => onSelectBundle(bundle), onCopyToDraftsNavigate, contextValues: {
-        documentId: getPublishedId(nonReleaseVersionId),
+    $[29] !== documentType || $[30] !== getVersionDisplay || $[31] !== onCopyToDraftsNavigate || $[32] !== onSelectBundle || $[33] !== releases || $[34] !== releasesLoading || $[35] !== selectedPerspective ? (t72 = (nonReleaseVersion) => {
+      const scopeId = nonReleaseVersion._system.scopeId, selected = selectedPerspective === scopeId, versionDisplay_0 = getVersionDisplay(nonReleaseVersion);
+      return /* @__PURE__ */ jsx(VersionChip, { selected, text: versionDisplay_0?.displayName ?? scopeId, disabled: !1, contextMenuPortal: !1, tone: versionDisplay_0?.tone ?? "default", onClick: () => onSelectBundle(nonReleaseVersion), onCopyToDraftsNavigate, contextValues: {
+        documentId: getPublishedId(nonReleaseVersion._id),
         releases,
         releasesLoading,
         documentType,
-        bundleId: bundle,
+        bundleId: scopeId,
         isVersion: !0
-      } }, nonReleaseVersionId);
-    }, $[28] = documentType, $[29] = getVersionDisplay, $[30] = onCopyToDraftsNavigate, $[31] = onSelectBundle, $[32] = releases, $[33] = releasesLoading, $[34] = selectedPerspective, $[35] = t72) : t72 = $[35], t6 = otherNonReleaseVersions.map(t72), $[19] = documentType, $[20] = getVersionDisplay, $[21] = onCopyToDraftsNavigate, $[22] = onSelectBundle, $[23] = otherNonReleaseVersions, $[24] = releases, $[25] = releasesLoading, $[26] = selectedPerspective, $[27] = t6;
+      } }, nonReleaseVersion._id);
+    }, $[29] = documentType, $[30] = getVersionDisplay, $[31] = onCopyToDraftsNavigate, $[32] = onSelectBundle, $[33] = releases, $[34] = releasesLoading, $[35] = selectedPerspective, $[36] = t72) : t72 = $[36], t6 = otherNonReleaseVersions.map(t72), $[20] = documentType, $[21] = getVersionDisplay, $[22] = onCopyToDraftsNavigate, $[23] = onSelectBundle, $[24] = otherNonReleaseVersions, $[25] = releases, $[26] = releasesLoading, $[27] = selectedPerspective, $[28] = t6;
   } else
-    t6 = $[27];
+    t6 = $[28];
   let t7;
-  $[36] !== t6 ? (t7 = /* @__PURE__ */ jsx(Container$1, { width: 1, children: /* @__PURE__ */ jsx(Flex, { width: 1, padding: 3, gap: 2, wrap: "wrap", children: t6 }) }), $[36] = t6, $[37] = t7) : t7 = $[37];
+  $[37] !== t6 ? (t7 = /* @__PURE__ */ jsx(Container$1, { width: 1, children: /* @__PURE__ */ jsx(Flex, { padding: 3, gap: 2, wrap: "wrap", children: t6 }) }), $[37] = t6, $[38] = t7) : t7 = $[38];
   let t8;
-  $[38] !== nonReleaseDropdownOpen || $[39] !== popoverReferenceElement || $[40] !== t7 ? (t8 = /* @__PURE__ */ jsx(Popover, { animate: !1, open: nonReleaseDropdownOpen, portal: !0, arrow: !0, ref: popoverRef, placement: "bottom", referenceElement: popoverReferenceElement, zOffset: 10, content: t7 }), $[38] = nonReleaseDropdownOpen, $[39] = popoverReferenceElement, $[40] = t7, $[41] = t8) : t8 = $[41];
+  $[39] !== nonReleaseDropdownOpen || $[40] !== popoverReferenceElement || $[41] !== t7 ? (t8 = /* @__PURE__ */ jsx(Popover, { animate: !1, open: nonReleaseDropdownOpen, portal: !0, arrow: !0, ref: popoverRef, placement: "bottom", referenceElement: popoverReferenceElement, zOffset: 10, content: t7 }), $[39] = nonReleaseDropdownOpen, $[40] = popoverReferenceElement, $[41] = t7, $[42] = t8) : t8 = $[42];
   let t9;
-  return $[42] !== t4 || $[43] !== t5 || $[44] !== t8 ? (t9 = /* @__PURE__ */ jsxs(Fragment, { children: [
+  return $[43] !== t4 || $[44] !== t5 || $[45] !== t8 ? (t9 = /* @__PURE__ */ jsxs(Fragment, { children: [
     t4,
     t5,
     t8
-  ] }), $[42] = t4, $[43] = t5, $[44] = t8, $[45] = t9) : t9 = $[45], t9;
+  ] }), $[43] = t4, $[44] = t5, $[45] = t8, $[46] = t9) : t9 = $[46], t9;
 }
 function _temp$v(v_0) {
   return !v_0;
@@ -5296,7 +5478,7 @@ const TooltipContent$1 = (t0) => {
   dateStyle: "medium",
   timeStyle: "short"
 }, DocumentPerspectiveList = memo(function() {
-  const $ = c(71), {
+  const $ = c(83), {
     selectedPerspectiveName
   } = usePerspective(), {
     t
@@ -5313,7 +5495,9 @@ const TooltipContent$1 = (t0) => {
     getReleaseChipState,
     handleCopyToDraftsNavigate,
     handlePerspectiveChange,
+    handleVariantSelectionChange,
     isDraftDisabled,
+    variantVersions,
     isDraftModelEnabled,
     isDraftSelected,
     isLiveEdit,
@@ -5402,15 +5586,23 @@ const TooltipContent$1 = (t0) => {
     } });
   } }, release._id)), $[45] = displayed, $[46] = documentType, $[47] = editState?.version, $[48] = filteredReleases.currentReleases, $[49] = filteredReleases.notCurrentReleases, $[50] = getReleaseChipState, $[51] = handleCopyToDraftsNavigate, $[52] = handlePerspectiveChange, $[53] = loading, $[54] = t, $[55] = t9) : t9 = $[55];
   let t10;
-  $[56] !== documentType || $[57] !== filteredReleases.notCurrentReleases || $[58] !== getVersionDisplay || $[59] !== handleCopyToDraftsNavigate || $[60] !== handlePerspectiveChange || $[61] !== loading || $[62] !== nonReleaseVersions || $[63] !== selectedPerspectiveName ? (t10 = /* @__PURE__ */ jsx(NonReleaseVersionsSelect, { nonReleaseVersions, selectedPerspective: selectedPerspectiveName, onSelectBundle: handlePerspectiveChange, onCopyToDraftsNavigate: handleCopyToDraftsNavigate, releases: filteredReleases.notCurrentReleases, releasesLoading: loading, documentType, getVersionDisplay }), $[56] = documentType, $[57] = filteredReleases.notCurrentReleases, $[58] = getVersionDisplay, $[59] = handleCopyToDraftsNavigate, $[60] = handlePerspectiveChange, $[61] = loading, $[62] = nonReleaseVersions, $[63] = selectedPerspectiveName, $[64] = t10) : t10 = $[64];
+  $[56] !== handlePerspectiveChange ? (t10 = (version) => {
+    const scopeId = version._system.scopeId;
+    handlePerspectiveChange(scopeId);
+  }, $[56] = handlePerspectiveChange, $[57] = t10) : t10 = $[57];
   let t11;
-  return $[65] !== t10 || $[66] !== t6 || $[67] !== t7 || $[68] !== t8 || $[69] !== t9 ? (t11 = /* @__PURE__ */ jsxs(Fragment, { children: [
+  $[58] !== documentType || $[59] !== filteredReleases.notCurrentReleases || $[60] !== getVersionDisplay || $[61] !== handleCopyToDraftsNavigate || $[62] !== loading || $[63] !== nonReleaseVersions || $[64] !== selectedPerspectiveName || $[65] !== t10 ? (t11 = /* @__PURE__ */ jsx(NonReleaseVersionsSelect, { nonReleaseVersions, selectedPerspective: selectedPerspectiveName, onSelectBundle: t10, onCopyToDraftsNavigate: handleCopyToDraftsNavigate, releases: filteredReleases.notCurrentReleases, releasesLoading: loading, documentType, getVersionDisplay, mode: "versions" }), $[58] = documentType, $[59] = filteredReleases.notCurrentReleases, $[60] = getVersionDisplay, $[61] = handleCopyToDraftsNavigate, $[62] = loading, $[63] = nonReleaseVersions, $[64] = selectedPerspectiveName, $[65] = t10, $[66] = t11) : t11 = $[66];
+  let t12;
+  $[67] !== documentType || $[68] !== filteredReleases.notCurrentReleases || $[69] !== getVersionDisplay || $[70] !== handleCopyToDraftsNavigate || $[71] !== handleVariantSelectionChange || $[72] !== loading || $[73] !== selectedPerspectiveName || $[74] !== variantVersions ? (t12 = variantVersions.length > 0 ? /* @__PURE__ */ jsx(NonReleaseVersionsSelect, { nonReleaseVersions: variantVersions, selectedPerspective: selectedPerspectiveName, onSelectBundle: handleVariantSelectionChange, onCopyToDraftsNavigate: handleCopyToDraftsNavigate, releases: filteredReleases.notCurrentReleases, releasesLoading: loading, documentType, getVersionDisplay, mode: "variants" }) : null, $[67] = documentType, $[68] = filteredReleases.notCurrentReleases, $[69] = getVersionDisplay, $[70] = handleCopyToDraftsNavigate, $[71] = handleVariantSelectionChange, $[72] = loading, $[73] = selectedPerspectiveName, $[74] = variantVersions, $[75] = t12) : t12 = $[75];
+  let t13;
+  return $[76] !== t11 || $[77] !== t12 || $[78] !== t6 || $[79] !== t7 || $[80] !== t8 || $[81] !== t9 ? (t13 = /* @__PURE__ */ jsxs(Fragment, { children: [
     t6,
     t7,
     t8,
     t9,
-    t10
-  ] }), $[65] = t10, $[66] = t6, $[67] = t7, $[68] = t8, $[69] = t9, $[70] = t11) : t11 = $[70], t11;
+    t11,
+    t12
+  ] }), $[76] = t11, $[77] = t12, $[78] = t6, $[79] = t7, $[80] = t8, $[81] = t9, $[82] = t13) : t13 = $[82], t13;
 });
 function _temp$u() {
 }
@@ -5958,11 +6150,11 @@ function ReferencePreviewLink(props) {
   $[2] !== ReferenceChildLink2 || $[3] !== type?.name || $[4] !== value?._id ? (t2 = function(linkProps) {
     return /* @__PURE__ */ jsx(ReferenceChildLink2, { documentId: value?._id, documentType: type?.name, parentRefPath: EMPTY_ARRAY$1, ...linkProps });
   }, $[2] = ReferenceChildLink2, $[3] = type?.name, $[4] = value?._id, $[5] = t2) : t2 = $[5];
-  const t3 = t2, t4 = type?.icon, t5 = documentPresence?.length > 0 ? documentPresence : EMPTY_ARRAY$1;
+  const Link2 = t2, t3 = type?.icon, t4 = documentPresence?.length > 0 ? documentPresence : EMPTY_ARRAY$1;
+  let t5;
+  $[6] !== documentPreviewStore || $[7] !== t3 || $[8] !== t4 || $[9] !== type || $[10] !== value ? (t5 = /* @__PURE__ */ jsx(PaneItemPreview, { documentPreviewStore, icon: t3, layout: "compact", presence: t4, schemaType: type, value }), $[6] = documentPreviewStore, $[7] = t3, $[8] = t4, $[9] = type, $[10] = value, $[11] = t5) : t5 = $[11];
   let t6;
-  $[6] !== documentPreviewStore || $[7] !== t4 || $[8] !== t5 || $[9] !== type || $[10] !== value ? (t6 = /* @__PURE__ */ jsx(PaneItemPreview, { documentPreviewStore, icon: t4, layout: "compact", presence: t5, schemaType: type, value }), $[6] = documentPreviewStore, $[7] = t4, $[8] = t5, $[9] = type, $[10] = value, $[11] = t6) : t6 = $[11];
-  let t7;
-  return $[12] !== onClick || $[13] !== t3 || $[14] !== t6 ? (t7 = /* @__PURE__ */ jsx(PreviewCard, { __unstable_focusRing: !0, as: t3, "data-as": "a", onClick, radius: 2, children: t6 }), $[12] = onClick, $[13] = t3, $[14] = t6, $[15] = t7) : t7 = $[15], t7;
+  return $[12] !== Link2 || $[13] !== onClick || $[14] !== t5 ? (t6 = /* @__PURE__ */ jsx(PreviewCard, { __unstable_focusRing: !0, as: Link2, "data-as": "a", onClick, radius: 2, children: t5 }), $[12] = Link2, $[13] = onClick, $[14] = t5, $[15] = t6) : t6 = $[15], t6;
 }
 function isClientError(e) {
   return typeof e != "object" || !e ? !1 : "statusCode" in e && "response" in e;
@@ -7498,7 +7690,7 @@ function TimelineMenu(t0) {
   let t16;
   $[44] !== buttonLabel || $[45] !== ready || $[46] !== t ? (t16 = ready ? buttonLabel : t("timeline.loading-history"), $[44] = buttonLabel, $[45] = ready, $[46] = t, $[47] = t16) : t16 = $[47];
   let t17;
-  $[48] !== open || $[49] !== t12 || $[50] !== t13 || $[51] !== t14 || $[52] !== t16 ? (t17 = /* @__PURE__ */ jsx(Flex, { width: "fill", children: /* @__PURE__ */ jsx(Button$1, { "data-testid": t12, disabled: t13, mode: "ghost", onClick: t14, ref: setButton, selected: open, width: "fill", tooltipProps: null, justify: "space-between", style: t15, iconRight: ChevronDownIcon, text: t16 }) }), $[48] = open, $[49] = t12, $[50] = t13, $[51] = t14, $[52] = t16, $[53] = t17) : t17 = $[53];
+  $[48] !== open || $[49] !== t12 || $[50] !== t13 || $[51] !== t14 || $[52] !== t16 ? (t17 = /* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(Button$1, { "data-testid": t12, disabled: t13, mode: "ghost", onClick: t14, ref: setButton, selected: open, width: "fill", tooltipProps: null, justify: "space-between", style: t15, iconRight: ChevronDownIcon, text: t16 }) }), $[48] = open, $[49] = t12, $[50] = t13, $[51] = t14, $[52] = t16, $[53] = t17) : t17 = $[53];
   let t18;
   $[54] !== open || $[55] !== placement || $[56] !== t11 || $[57] !== t17 ? (t18 = /* @__PURE__ */ jsx(Root$2, { "data-testid": "timeline-menu", constrainSize: !0, content: t11, "data-ui": "versionMenu", open, placement, matchReferenceWidth: !0, portal: !0, ref: setPopoverRef, children: t17 }), $[54] = open, $[55] = placement, $[56] = t11, $[57] = t17, $[58] = t18) : t18 = $[58];
   let t19;
@@ -7897,67 +8089,83 @@ function useResizeObserver(t0) {
 }
 const CONTAINER_BREAKPOINT = 480, AnimatedCard = motion.create(Card);
 function DocumentStatusBar(props) {
-  const $ = c(17), {
+  const $ = c(19), {
     actionsBoxRef
   } = props, {
+    documentId,
     editState,
     revisionNotFound
   } = useDocumentPane(), {
     params: t0
   } = usePaneRouter(), params = t0 === void 0 ? EMPTY_PARAMS$2 : t0, {
-    selectedPerspective
-  } = usePerspective(), showingRevision = !!params.rev, [collapsed, setCollapsed] = useState(null), [rootElement, setRootElement] = useState(null);
+    selectedPerspective,
+    selectedVariant,
+    bundle
+  } = usePerspective();
   let t1;
-  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = (event) => {
-    setCollapsed(event.contentRect.width < CONTAINER_BREAKPOINT);
-  }, $[0] = t1) : t1 = $[0];
-  const handleResize = t1;
+  $[0] !== documentId ? (t1 = {
+    documentId
+  }, $[0] = documentId, $[1] = t1) : t1 = $[1];
+  const documentVersions = useDocumentVersions(t1), showingRevision = !!params.rev, [collapsed, setCollapsed] = useState(null), [rootElement, setRootElement] = useState(null);
   let t2;
-  $[1] !== rootElement ? (t2 = {
+  $[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = (event) => {
+    setCollapsed(event.contentRect.width < CONTAINER_BREAKPOINT);
+  }, $[2] = t2) : t2 = $[2];
+  const handleResize = t2;
+  let t3;
+  $[3] !== rootElement ? (t3 = {
     element: rootElement,
     onResize: handleResize
-  }, $[1] = rootElement, $[2] = t2) : t2 = $[2], useResizeObserver(t2);
-  let t3;
+  }, $[3] = rootElement, $[4] = t3) : t3 = $[4], useResizeObserver(t3);
+  let t4;
   bb0: {
     const isReady = !!(editState?.ready && typeof collapsed == "boolean");
+    if (selectedVariant && !isDocumentInSelectedVariant({
+      selectedVariant,
+      bundle,
+      documentVersions: documentVersions.versions
+    })) {
+      t4 = !1;
+      break bb0;
+    }
     if (selectedPerspective) {
       if (isPublishedPerspective(selectedPerspective)) {
-        t3 = isReady && !!editState?.published;
+        t4 = isReady && !!editState?.published;
         break bb0;
       }
       if (isReleaseDocument(selectedPerspective)) {
-        t3 = isReady && !!editState?.version;
+        t4 = isReady && !!editState?.version;
         break bb0;
       }
     }
-    t3 = isReady;
+    t4 = isReady;
   }
-  const shouldRender = t3;
+  const shouldRender = t4;
   let actions;
   if (showingRevision) {
-    let t42;
-    $[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t42 = /* @__PURE__ */ jsx(HistoryStatusBarActions, {}), $[3] = t42) : t42 = $[3], actions = t42;
+    let t52;
+    $[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t52 = /* @__PURE__ */ jsx(HistoryStatusBarActions, {}), $[5] = t52) : t52 = $[5], actions = t52;
   } else {
-    let t42;
-    $[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t42 = /* @__PURE__ */ jsx(DocumentStatusBarActions, {}), $[4] = t42) : t42 = $[4], actions = t42;
+    let t52;
+    $[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t52 = /* @__PURE__ */ jsx(DocumentStatusBarActions, {}), $[6] = t52) : t52 = $[6], actions = t52;
   }
   if (showingRevision && revisionNotFound)
     return null;
-  const t4 = showingRevision ? "revision" : "published";
-  let t5;
-  $[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t5 = {
-    opacity: 0.2
-  }, $[5] = t5) : t5 = $[5];
+  const t5 = showingRevision ? "revision" : "published";
   let t6;
-  $[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t6 = {
+  $[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t6 = {
+    opacity: 0.2
+  }, $[7] = t6) : t6 = $[7];
+  let t7;
+  $[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t7 = {
     opacity: 1,
     transition: {
       duration: 0.3
     }
-  }, $[6] = t6) : t6 = $[6];
-  const t7 = showingRevision ? "caution" : void 0;
-  let t8;
-  $[7] !== actions || $[8] !== actionsBoxRef || $[9] !== collapsed || $[10] !== shouldRender || $[11] !== showingRevision ? (t8 = shouldRender && /* @__PURE__ */ jsxs(Flex, { align: "stretch", gap: 1, justify: "space-between", paddingLeft: showingRevision ? 0 : 1, paddingRight: showingRevision ? 0 : 1, children: [
+  }, $[8] = t7) : t7 = $[8];
+  const t8 = showingRevision ? "caution" : void 0;
+  let t9;
+  $[9] !== actions || $[10] !== actionsBoxRef || $[11] !== collapsed || $[12] !== shouldRender || $[13] !== showingRevision ? (t9 = shouldRender && /* @__PURE__ */ jsxs(Flex, { align: "stretch", gap: 1, justify: "space-between", paddingLeft: showingRevision ? 0 : 1, paddingRight: showingRevision ? 0 : 1, children: [
     /* @__PURE__ */ jsxs(Flex, { align: "center", flex: 1, gap: collapsed ? 2 : 3, wrap: "wrap", paddingRight: 3, children: [
       /* @__PURE__ */ jsxs(Flex, { align: "center", children: [
         showingRevision ? /* @__PURE__ */ jsx(RevisionStatusLine, {}) : /* @__PURE__ */ jsx(DocumentStatusLine, {}),
@@ -7972,9 +8180,9 @@ function DocumentStatusBar(props) {
       /* @__PURE__ */ jsx(SpacerButton, {}),
       actions
     ] })
-  ] }), $[7] = actions, $[8] = actionsBoxRef, $[9] = collapsed, $[10] = shouldRender, $[11] = showingRevision, $[12] = t8) : t8 = $[12];
-  let t9;
-  return $[13] !== t4 || $[14] !== t7 || $[15] !== t8 ? (t9 = /* @__PURE__ */ jsx(AnimatedCard, { initial: t5, animate: t6, tone: t7, radius: 3, ref: setRootElement, sizing: "border", padding: 2, children: t8 }, t4), $[13] = t4, $[14] = t7, $[15] = t8, $[16] = t9) : t9 = $[16], t9;
+  ] }), $[9] = actions, $[10] = actionsBoxRef, $[11] = collapsed, $[12] = shouldRender, $[13] = showingRevision, $[14] = t9) : t9 = $[14];
+  let t10;
+  return $[15] !== t5 || $[16] !== t8 || $[17] !== t9 ? (t10 = /* @__PURE__ */ jsx(AnimatedCard, { initial: t6, animate: t7, tone: t8, radius: 3, ref: setRootElement, sizing: "border", padding: 2, children: t9 }, t5), $[15] = t5, $[16] = t8, $[17] = t9, $[18] = t10) : t10 = $[18], t10;
 }
 const KeyboardShortcutResponder = memo(function(props) {
   const $ = c(26);
@@ -8653,7 +8861,7 @@ function _temp$h(err) {
   throw new Error(`An error was thrown while trying to get your preview url: ${message}`);
 }
 function DocumentPaneProvider(props) {
-  const $ = c(252), {
+  const $ = c(260), {
     children,
     index,
     pane,
@@ -8696,49 +8904,40 @@ function DocumentPaneProvider(props) {
   const viewsProp = t6, paneOptions = useUnique(options), documentIdRaw = paneOptions.id;
   let t7;
   $[2] !== documentIdRaw ? (t7 = getPublishedId(documentIdRaw), $[2] = documentIdRaw, $[3] = t7) : t7 = $[3];
-  const documentId = t7, documentType = options.type, params = useUnique(paneRouter.params) || EMPTY_PARAMS$2, perspective = usePerspective(), {
-    advancedVersionControl: t8,
-    document: t9
-  } = useWorkspace(), {
-    enabled: advancedVersionControlEnabled
-  } = t8, {
-    drafts: t10
-  } = t9, {
-    enabled: isDraftModelEnabled
-  } = t10;
-  let t11;
+  const documentId = t7, documentType = options.type, params = useUnique(paneRouter.params) || EMPTY_PARAMS$2, perspective = usePerspective(), workspace = useWorkspace(), advancedVersionControlEnabled = workspace.advancedVersionControl.enabled, isDraftModelEnabled = workspace.document.drafts.enabled;
+  let t8;
   bb0: {
     if (forcedVersion) {
-      t11 = forcedVersion;
+      t8 = forcedVersion;
       break bb0;
     }
-    let t122;
-    $[4] !== perspective.selectedPerspectiveName || $[5] !== perspective.selectedReleaseId ? (t122 = {
+    let t92;
+    $[4] !== perspective.selectedPerspectiveName || $[5] !== perspective.selectedReleaseId ? (t92 = {
       selectedPerspectiveName: perspective.selectedPerspectiveName,
       selectedReleaseId: perspective.selectedReleaseId
-    }, $[4] = perspective.selectedPerspectiveName, $[5] = perspective.selectedReleaseId, $[6] = t122) : t122 = $[6], t11 = t122;
+    }, $[4] = perspective.selectedPerspectiveName, $[5] = perspective.selectedReleaseId, $[6] = t92) : t92 = $[6], t8 = t92;
   }
   const {
     selectedReleaseId,
     selectedPerspectiveName
-  } = t11, {
-    data: t12
-  } = useActiveReleases(), releases = t12 === void 0 ? EMPTY_ARRAY$2 : t12, diffViewRouter = useDiffViewRouter();
-  let t13;
-  $[7] !== documentId || $[8] !== documentType || $[9] !== paneOptions || $[10] !== params ? (t13 = {
+  } = t8, {
+    data: t9
+  } = useActiveReleases(), releases = t9 === void 0 ? EMPTY_ARRAY$2 : t9, diffViewRouter = useDiffViewRouter();
+  let t10;
+  $[7] !== documentId || $[8] !== documentType || $[9] !== paneOptions || $[10] !== params ? (t10 = {
     paneOptions,
     documentId,
     documentType,
     params
-  }, $[7] = documentId, $[8] = documentType, $[9] = paneOptions, $[10] = params, $[11] = t13) : t13 = $[11];
-  const initialValue = useDocumentPaneInitialValue(t13), isInitialValueLoading = initialValue.loading;
-  let t14;
-  $[12] !== documentId || $[13] !== documentType || $[14] !== params || $[15] !== setPaneParams ? (t14 = {
+  }, $[7] = documentId, $[8] = documentType, $[9] = paneOptions, $[10] = params, $[11] = t10) : t10 = $[11];
+  const initialValue = useDocumentPaneInitialValue(t10), isInitialValueLoading = initialValue.loading;
+  let t11;
+  $[12] !== documentId || $[13] !== documentType || $[14] !== params || $[15] !== setPaneParams ? (t11 = {
     documentId,
     documentType,
     params,
     setParams: setPaneParams
-  }, $[12] = documentId, $[13] = documentType, $[14] = params, $[15] = setPaneParams, $[16] = t14) : t14 = $[16];
+  }, $[12] = documentId, $[13] = documentType, $[14] = params, $[15] = setPaneParams, $[16] = t11) : t11 = $[16];
   const {
     changesOpen,
     currentInspector,
@@ -8750,42 +8949,54 @@ function DocumentPaneProvider(props) {
     handleInspectorAction,
     inspectOpen,
     handleLegacyInspectClose
-  } = useDocumentPaneInspector(t14), [isDeleting, setIsDeleting] = useState(!1), [isDocumentGroupInventoryActive, setIsDocumentGroupInventoryActive] = useState(!1), {
+  } = useDocumentPaneInspector(t11), [isDeleting, setIsDeleting] = useState(!1), [isDocumentGroupInventoryActive, setIsDocumentGroupInventoryActive] = useState(!1), {
     lastRevisionDocument
   } = useDeletedDocumentLastRevision();
-  let t15;
-  $[17] !== isPristine || $[18] !== timelineReady ? (t15 = (editState) => timelineReady ? !editState?.draft && !editState?.published && !editState?.version && !isPristine : !1, $[17] = isPristine, $[18] = timelineReady, $[19] = t15) : t15 = $[19];
-  const getIsDeleted = t15;
-  let t16;
-  $[20] !== changesOpen || $[21] !== sinceDocument ? (t16 = (upstreamEditState) => {
+  let t12;
+  $[17] !== isPristine || $[18] !== timelineReady ? (t12 = (editState) => timelineReady ? !editState?.draft && !editState?.published && !editState?.version && !isPristine : !1, $[17] = isPristine, $[18] = timelineReady, $[19] = t12) : t12 = $[19];
+  const getIsDeleted = t12;
+  let t13;
+  $[20] !== changesOpen || $[21] !== sinceDocument ? (t13 = (upstreamEditState) => {
     const upstream = selectUpstreamVersion(upstreamEditState);
     return changesOpen ? sinceDocument || upstream : upstream || null;
-  }, $[20] = changesOpen, $[21] = sinceDocument, $[22] = t16) : t16 = $[22];
-  const getComparisonValue = t16;
+  }, $[20] = changesOpen, $[21] = sinceDocument, $[22] = t13) : t13 = $[22];
+  const getComparisonValue = t13;
+  let t14;
+  $[23] !== documentType || $[24] !== schema ? (t14 = schema.get(documentType), $[23] = documentType, $[24] = schema, $[25] = t14) : t14 = $[25];
+  const schemaType = t14;
+  let t15;
+  $[26] !== documentId ? (t15 = {
+    documentId
+  }, $[26] = documentId, $[27] = t15) : t15 = $[27];
+  const documentVersions = useDocumentVersions(t15);
+  let t16;
+  $[28] !== documentVersions || $[29] !== perspective.bundle || $[30] !== perspective.selectedVariant ? (t16 = perspective.selectedVariant ? isDocumentInSelectedVariant({
+    selectedVariant: perspective.selectedVariant,
+    bundle: perspective.bundle,
+    documentVersions: documentVersions.versions
+  }) : !0, $[28] = documentVersions, $[29] = perspective.bundle, $[30] = perspective.selectedVariant, $[31] = t16) : t16 = $[31];
+  const isInSelectedVariant = t16;
   let t17;
-  $[23] !== documentType || $[24] !== schema ? (t17 = schema.get(documentType), $[23] = documentType, $[24] = schema, $[25] = t17) : t17 = $[25];
-  const schemaType = t17;
-  let t18;
-  $[26] !== getIsDeleted || $[27] !== isDeleting || $[28] !== isDraftModelEnabled || $[29] !== params.rev || $[30] !== perspective.selectedPerspective || $[31] !== releases || $[32] !== schemaType || $[33] !== selectedReleaseId ? (t18 = (editState_0) => {
+  $[32] !== getIsDeleted || $[33] !== isDeleting || $[34] !== isDraftModelEnabled || $[35] !== isInSelectedVariant || $[36] !== params.rev || $[37] !== perspective.selectedPerspective || $[38] !== perspective.selectedVariant || $[39] !== releases || $[40] !== schemaType || $[41] !== selectedReleaseId ? (t17 = (editState_0) => {
     const isDeleted = getIsDeleted(editState_0), seeingHistoryDocument = !!params.rev, currentRelease = releases.find((r) => getReleaseIdFromReleaseDocumentId(r._id) === selectedReleaseId), isPaused = isPausedCardinalityOneRelease(currentRelease);
-    return seeingHistoryDocument || isDeleting || isDeleted || !isPaused && !isPerspectiveWriteable({
+    return perspective.selectedVariant ? !0 : seeingHistoryDocument || isDeleting || isDeleted || !isInSelectedVariant || !isPaused && !isPerspectiveWriteable({
       selectedPerspective: perspective.selectedPerspective,
       isDraftModelEnabled,
       schemaType
     }).result;
-  }, $[26] = getIsDeleted, $[27] = isDeleting, $[28] = isDraftModelEnabled, $[29] = params.rev, $[30] = perspective.selectedPerspective, $[31] = releases, $[32] = schemaType, $[33] = selectedReleaseId, $[34] = t18) : t18 = $[34];
-  const getIsReadOnly = t18;
-  let t19;
-  $[35] !== lastNonDeletedRevId || $[36] !== lastRevisionDocument || $[37] !== onOlderRevision || $[38] !== revisionDocument ? (t19 = (value) => onOlderRevision ? revisionDocument || {
+  }, $[32] = getIsDeleted, $[33] = isDeleting, $[34] = isDraftModelEnabled, $[35] = isInSelectedVariant, $[36] = params.rev, $[37] = perspective.selectedPerspective, $[38] = perspective.selectedVariant, $[39] = releases, $[40] = schemaType, $[41] = selectedReleaseId, $[42] = t17) : t17 = $[42];
+  const getIsReadOnly = t17;
+  let t18;
+  $[43] !== lastNonDeletedRevId || $[44] !== lastRevisionDocument || $[45] !== onOlderRevision || $[46] !== revisionDocument ? (t18 = (value) => onOlderRevision ? revisionDocument || {
     _id: value._id,
     _type: value._type
-  } : !value._createdAt && !value._updatedAt && lastNonDeletedRevId && lastRevisionDocument ? lastRevisionDocument : value, $[35] = lastNonDeletedRevId, $[36] = lastRevisionDocument, $[37] = onOlderRevision, $[38] = revisionDocument, $[39] = t19) : t19 = $[39];
-  const getDisplayed = t19;
-  let t20;
-  $[40] !== params.path ? (t20 = params.path ? fromString(params.path) : EMPTY_ARRAY$2, $[40] = params.path, $[41] = t20) : t20 = $[41];
-  const t21 = router2.stickyParams.displayInlineChanges === "true";
-  let t22;
-  $[42] !== changesOpen || $[43] !== documentId || $[44] !== documentType || $[45] !== getComparisonValue || $[46] !== getDisplayed || $[47] !== getIsReadOnly || $[48] !== initialValue || $[49] !== onFocusPath || $[50] !== onOlderRevision || $[51] !== selectedPerspectiveName || $[52] !== t20 || $[53] !== t21 ? (t22 = {
+  } : !value._createdAt && !value._updatedAt && lastNonDeletedRevId && lastRevisionDocument ? lastRevisionDocument : value, $[43] = lastNonDeletedRevId, $[44] = lastRevisionDocument, $[45] = onOlderRevision, $[46] = revisionDocument, $[47] = t18) : t18 = $[47];
+  const getDisplayed = t18;
+  let t19;
+  $[48] !== params.path ? (t19 = params.path ? fromString(params.path) : EMPTY_ARRAY$2, $[48] = params.path, $[49] = t19) : t19 = $[49];
+  const t20 = router2.stickyParams.displayInlineChanges === "true";
+  let t21;
+  $[50] !== changesOpen || $[51] !== documentId || $[52] !== documentType || $[53] !== getComparisonValue || $[54] !== getDisplayed || $[55] !== getIsReadOnly || $[56] !== initialValue || $[57] !== onFocusPath || $[58] !== onOlderRevision || $[59] !== selectedPerspectiveName || $[60] !== t19 || $[61] !== t20 ? (t21 = {
     changesOpen,
     documentType,
     documentId,
@@ -8793,13 +9004,13 @@ function DocumentPaneProvider(props) {
     comparisonValue: getComparisonValue,
     releaseId: selectedPerspectiveName,
     selectedPerspectiveName,
-    initialFocusPath: t20,
+    initialFocusPath: t19,
     readOnly: getIsReadOnly,
     onFocusPath,
     getFormDocumentValue: getDisplayed,
-    displayInlineChanges: t21,
+    displayInlineChanges: t20,
     isOlderRevision: onOlderRevision
-  }, $[42] = changesOpen, $[43] = documentId, $[44] = documentType, $[45] = getComparisonValue, $[46] = getDisplayed, $[47] = getIsReadOnly, $[48] = initialValue, $[49] = onFocusPath, $[50] = onOlderRevision, $[51] = selectedPerspectiveName, $[52] = t20, $[53] = t21, $[54] = t22) : t22 = $[54];
+  }, $[50] = changesOpen, $[51] = documentId, $[52] = documentType, $[53] = getComparisonValue, $[54] = getDisplayed, $[55] = getIsReadOnly, $[56] = initialValue, $[57] = onFocusPath, $[58] = onOlderRevision, $[59] = selectedPerspectiveName, $[60] = t19, $[61] = t20, $[62] = t21) : t21 = $[62];
   const {
     editState: editState_1,
     upstreamEditState: upstreamEditState_0,
@@ -8824,97 +9035,97 @@ function DocumentPaneProvider(props) {
     onSetCollapsedPath,
     onSetCollapsedFieldSet,
     openPath
-  } = useDocumentForm(t22);
+  } = useDocumentForm(t21);
+  let t22;
+  $[63] !== draftsEnabled || $[64] !== params || $[65] !== releases || $[66] !== selectedPerspectiveName || $[67] !== selectedReleaseId || $[68] !== value_0 ? (t22 = getDocumentVersionType(params, selectedReleaseId, value_0, selectedPerspectiveName, draftsEnabled, releases), $[63] = draftsEnabled, $[64] = params, $[65] = releases, $[66] = selectedPerspectiveName, $[67] = selectedReleaseId, $[68] = value_0, $[69] = t22) : t22 = $[69];
+  const actionsVersionType = t22;
   let t23;
-  $[55] !== draftsEnabled || $[56] !== params || $[57] !== releases || $[58] !== selectedPerspectiveName || $[59] !== selectedReleaseId || $[60] !== value_0 ? (t23 = getDocumentVersionType(params, selectedReleaseId, value_0, selectedPerspectiveName, draftsEnabled, releases), $[55] = draftsEnabled, $[56] = params, $[57] = releases, $[58] = selectedPerspectiveName, $[59] = selectedReleaseId, $[60] = value_0, $[61] = t23) : t23 = $[61];
-  const actionsVersionType = t23;
-  let t24;
-  $[62] !== actionsVersionType || $[63] !== documentId || $[64] !== documentType || $[65] !== selectedReleaseId ? (t24 = {
+  $[70] !== actionsVersionType || $[71] !== documentId || $[72] !== documentType || $[73] !== selectedReleaseId ? (t23 = {
     schemaType: documentType,
     documentId,
     versionType: actionsVersionType,
     releaseId: selectedReleaseId
-  }, $[62] = actionsVersionType, $[63] = documentId, $[64] = documentType, $[65] = selectedReleaseId, $[66] = t24) : t24 = $[66];
-  const documentActionsContext = t24;
+  }, $[70] = actionsVersionType, $[71] = documentId, $[72] = documentType, $[73] = selectedReleaseId, $[74] = t23) : t23 = $[74];
+  const documentActionsContext = t23;
+  let t24;
+  $[75] !== documentActions2 || $[76] !== documentActionsContext ? (t24 = documentActions2(documentActionsContext), $[75] = documentActions2, $[76] = documentActionsContext, $[77] = t24) : t24 = $[77];
+  const actions = t24;
   let t25;
-  $[67] !== documentActions2 || $[68] !== documentActionsContext ? (t25 = documentActions2(documentActionsContext), $[67] = documentActions2, $[68] = documentActionsContext, $[69] = t25) : t25 = $[69];
-  const actions = t25;
-  let t26;
-  $[70] !== onPathOpen || $[71] !== params || $[72] !== setPaneParams ? (t26 = (path) => {
+  $[78] !== onPathOpen || $[79] !== params || $[80] !== setPaneParams ? (t25 = (path) => {
     onPathOpen(path);
     const nextPath = pathToString(path);
     params.path !== nextPath && setPaneParams({
       ...params,
       path: nextPath
     });
-  }, $[70] = onPathOpen, $[71] = params, $[72] = setPaneParams, $[73] = t26) : t26 = $[73];
-  const handlePathOpen = t26;
-  let t27;
-  $[74] !== documentBadges2 || $[75] !== documentId || $[76] !== documentType ? (t27 = documentBadges2({
+  }, $[78] = onPathOpen, $[79] = params, $[80] = setPaneParams, $[81] = t25) : t25 = $[81];
+  const handlePathOpen = t25;
+  let t26;
+  $[82] !== documentBadges2 || $[83] !== documentId || $[84] !== documentType ? (t26 = documentBadges2({
     schemaType: documentType,
     documentId
-  }), $[74] = documentBadges2, $[75] = documentId, $[76] = documentType, $[77] = t27) : t27 = $[77];
-  const badges = t27;
-  let t28;
-  $[78] !== documentId || $[79] !== documentType || $[80] !== languageFilterResolver ? (t28 = languageFilterResolver({
+  }), $[82] = documentBadges2, $[83] = documentId, $[84] = documentType, $[85] = t26) : t26 = $[85];
+  const badges = t26;
+  let t27;
+  $[86] !== documentId || $[87] !== documentType || $[88] !== languageFilterResolver ? (t27 = languageFilterResolver({
     schemaType: documentType,
     documentId
-  }), $[78] = documentId, $[79] = documentType, $[80] = languageFilterResolver, $[81] = t28) : t28 = $[81];
-  const languageFilter = t28, views = useUnique(viewsProp), activeViewId = params.view || views[0] && views[0].id || null, previewUrl = usePreviewUrl(value_0);
-  let t29;
-  $[82] !== documentId || $[83] !== documentType || $[84] !== fieldActionsResolver || $[85] !== schemaType ? (t29 = schemaType ? fieldActionsResolver({
+  }), $[86] = documentId, $[87] = documentType, $[88] = languageFilterResolver, $[89] = t27) : t27 = $[89];
+  const languageFilter = t27, views = useUnique(viewsProp), activeViewId = params.view || views[0] && views[0].id || null, previewUrl = usePreviewUrl(value_0);
+  let t28;
+  $[90] !== documentId || $[91] !== documentType || $[92] !== fieldActionsResolver || $[93] !== schemaType ? (t28 = schemaType ? fieldActionsResolver({
     documentId,
     documentType,
     schemaType
-  }) : [], $[82] = documentId, $[83] = documentType, $[84] = fieldActionsResolver, $[85] = schemaType, $[86] = t29) : t29 = $[86];
-  const fieldActions = t29, ready = formReady && (!params.rev || timelineReady || !!timelineError), t30 = schemaType?.name, t31 = !!params.rev;
-  let t32;
-  $[87] !== editState_1 || $[88] !== ready || $[89] !== t30 || $[90] !== t31 ? (t32 = {
+  }) : [], $[90] = documentId, $[91] = documentType, $[92] = fieldActionsResolver, $[93] = schemaType, $[94] = t28) : t28 = $[94];
+  const fieldActions = t28, ready = formReady && (!params.rev || timelineReady || !!timelineError), t29 = schemaType?.name, t30 = !!params.rev;
+  let t31;
+  $[95] !== editState_1 || $[96] !== ready || $[97] !== t29 || $[98] !== t30 ? (t31 = {
     ready,
-    schemaTypeName: t30,
+    schemaTypeName: t29,
     editState: editState_1,
-    hasRevisionParam: t31
-  }, $[87] = editState_1, $[88] = ready, $[89] = t30, $[90] = t31, $[91] = t32) : t32 = $[91], useDocumentInitialLoadTelemetry(t32);
+    hasRevisionParam: t30
+  }, $[95] = editState_1, $[96] = ready, $[97] = t29, $[98] = t30, $[99] = t31) : t31 = $[99], useDocumentInitialLoadTelemetry(t31);
+  let t32;
+  $[100] !== getDisplayed || $[101] !== value_0 ? (t32 = getDisplayed(value_0), $[100] = getDisplayed, $[101] = value_0, $[102] = t32) : t32 = $[102];
+  const displayed = t32;
   let t33;
-  $[92] !== getDisplayed || $[93] !== value_0 ? (t33 = getDisplayed(value_0), $[92] = getDisplayed, $[93] = value_0, $[94] = t33) : t33 = $[94];
-  const displayed = t33;
-  let t34;
-  $[95] !== displayed || $[96] !== documentId || $[97] !== editState_1 ? (t34 = {
+  $[103] !== displayed || $[104] !== documentId || $[105] !== editState_1 ? (t33 = {
     strict: !0,
     displayed,
     documentId,
     editState: editState_1
-  }, $[95] = displayed, $[96] = documentId, $[97] = editState_1, $[98] = t34) : t34 = $[98];
+  }, $[103] = displayed, $[104] = documentId, $[105] = editState_1, $[106] = t33) : t33 = $[106];
   const {
     previousId
-  } = useDocumentIdStack(t34);
-  let t35;
-  $[99] !== params || $[100] !== setPaneParams ? (t35 = (newSince, newRev) => {
+  } = useDocumentIdStack(t33);
+  let t34;
+  $[107] !== params || $[108] !== setPaneParams ? (t34 = (newSince, newRev) => {
     setPaneParams({
       ...params,
       since: newSince,
       rev: newRev || void 0
     });
-  }, $[99] = params, $[100] = setPaneParams, $[101] = t35) : t35 = $[101];
-  const setTimelineRange = t35;
+  }, $[107] = params, $[108] = setPaneParams, $[109] = t34) : t34 = $[109];
+  const setTimelineRange = t34;
+  let t35;
+  $[110] !== paneRouter ? (t35 = () => paneRouter.closeCurrent(), $[110] = paneRouter, $[111] = t35) : t35 = $[111];
+  const handlePaneClose = t35;
   let t36;
-  $[102] !== paneRouter ? (t36 = () => paneRouter.closeCurrent(), $[102] = paneRouter, $[103] = t36) : t36 = $[103];
-  const handlePaneClose = t36;
+  $[112] !== paneRouter ? (t36 = () => paneRouter.duplicateCurrent(), $[112] = paneRouter, $[113] = t36) : t36 = $[113];
+  const handlePaneSplit = t36;
   let t37;
-  $[104] !== paneRouter ? (t37 = () => paneRouter.duplicateCurrent(), $[104] = paneRouter, $[105] = t37) : t37 = $[105];
-  const handlePaneSplit = t37;
-  let t38;
-  $[106] !== router2 || $[107] !== telemetry ? (t38 = () => {
+  $[114] !== router2 || $[115] !== telemetry ? (t37 = () => {
     const nextState = router2.stickyParams.displayInlineChanges !== "true";
     telemetry.log(nextState ? InlineChangesSwitchedOn : InlineChangesSwitchedOff), router2.navigate({
       stickyParams: {
         displayInlineChanges: String(nextState)
       }
     });
-  }, $[106] = router2, $[107] = telemetry, $[108] = t38) : t38 = $[108];
-  const toggleInlineChanges = t38;
-  let t39;
-  $[109] !== diffViewRouter || $[110] !== documentType || $[111] !== handleHistoryOpen || $[112] !== handleInspectorAction || $[113] !== previewUrl || $[114] !== previousId || $[115] !== toggleInlineChanges || $[116] !== value_0._id ? (t39 = async (item) => item.action === "production-preview" && previewUrl ? (window.open(previewUrl), !0) : item.action === "reviewChanges" ? (handleHistoryOpen(), !0) : ((item.action === "inspect" || typeof item.action == "string" && item.action.startsWith(INSPECT_ACTION_PREFIX)) && handleInspectorAction(item), item.action === "compareVersions" && typeof previousId < "u" ? (diffViewRouter.navigateDiffView({
+  }, $[114] = router2, $[115] = telemetry, $[116] = t37) : t37 = $[116];
+  const toggleInlineChanges = t37;
+  let t38;
+  $[117] !== diffViewRouter || $[118] !== documentType || $[119] !== handleHistoryOpen || $[120] !== handleInspectorAction || $[121] !== previewUrl || $[122] !== previousId || $[123] !== toggleInlineChanges || $[124] !== value_0._id ? (t38 = async (item) => item.action === "production-preview" && previewUrl ? (window.open(previewUrl), !0) : item.action === "reviewChanges" ? (handleHistoryOpen(), !0) : ((item.action === "inspect" || typeof item.action == "string" && item.action.startsWith(INSPECT_ACTION_PREFIX)) && handleInspectorAction(item), item.action === "compareVersions" && typeof previousId < "u" ? (diffViewRouter.navigateDiffView({
     mode: "version",
     previousDocument: {
       type: documentType,
@@ -8924,33 +9135,33 @@ function DocumentPaneProvider(props) {
       type: documentType,
       id: value_0._id
     }
-  }), !0) : item.action === "toggleInlineChanges" ? (toggleInlineChanges(), !0) : !1), $[109] = diffViewRouter, $[110] = documentType, $[111] = handleHistoryOpen, $[112] = handleInspectorAction, $[113] = previewUrl, $[114] = previousId, $[115] = toggleInlineChanges, $[116] = value_0._id, $[117] = t39) : t39 = $[117];
-  const handleMenuAction = t39;
-  let t40, t41;
-  $[118] !== documentId || $[119] !== documentType || $[120] !== onChange || $[121] !== schemaType || $[122] !== setDocumentMeta ? (t40 = () => {
+  }), !0) : item.action === "toggleInlineChanges" ? (toggleInlineChanges(), !0) : !1), $[117] = diffViewRouter, $[118] = documentType, $[119] = handleHistoryOpen, $[120] = handleInspectorAction, $[121] = previewUrl, $[122] = previousId, $[123] = toggleInlineChanges, $[124] = value_0._id, $[125] = t38) : t38 = $[125];
+  const handleMenuAction = t38;
+  let t39, t40;
+  $[126] !== documentId || $[127] !== documentType || $[128] !== onChange || $[129] !== schemaType || $[130] !== setDocumentMeta ? (t39 = () => {
     setDocumentMeta({
       documentId,
       documentType,
       schemaType,
       onChange
     });
-  }, t41 = [documentId, documentType, schemaType, onChange, setDocumentMeta], $[118] = documentId, $[119] = documentType, $[120] = onChange, $[121] = schemaType, $[122] = setDocumentMeta, $[123] = t40, $[124] = t41) : (t40 = $[123], t41 = $[124]), useEffect(t40, t41);
+  }, t40 = [documentId, documentType, schemaType, onChange, setDocumentMeta], $[126] = documentId, $[127] = documentType, $[128] = onChange, $[129] = schemaType, $[130] = setDocumentMeta, $[131] = t39, $[132] = t40) : (t39 = $[131], t40 = $[132]), useEffect(t39, t40);
+  let t41;
+  $[133] !== getComparisonValue || $[134] !== upstreamEditState_0 ? (t41 = getComparisonValue(upstreamEditState_0), $[133] = getComparisonValue, $[134] = upstreamEditState_0, $[135] = t41) : t41 = $[135];
+  const compareValue = t41, isDeleted_1 = getIsDeleted(editState_1), revisionNotFound = onOlderRevision && !revisionDocument && ready;
   let t42;
-  $[125] !== getComparisonValue || $[126] !== upstreamEditState_0 ? (t42 = getComparisonValue(upstreamEditState_0), $[125] = getComparisonValue, $[126] = upstreamEditState_0, $[127] = t42) : t42 = $[127];
-  const compareValue = t42, isDeleted_1 = getIsDeleted(editState_1), revisionNotFound = onOlderRevision && !revisionDocument && ready;
-  let t43;
   bb1: {
     if (editState_1.version && isGoingToUnpublish(editState_1.version)) {
-      t43 = editState_1.published;
+      t42 = editState_1.published;
       break bb1;
     }
-    t43 = displayed;
+    t42 = displayed;
   }
-  const currentDisplayed = t43, t44 = currentInspector || null;
+  const currentDisplayed = t42, t43 = currentInspector || null;
+  let t44;
+  $[136] !== menuItemGroups ? (t44 = menuItemGroups || [], $[136] = menuItemGroups, $[137] = t44) : t44 = $[137];
   let t45;
-  $[128] !== menuItemGroups ? (t45 = menuItemGroups || [], $[128] = menuItemGroups, $[129] = t45) : t45 = $[129];
-  let t46;
-  $[130] !== actions || $[131] !== activeViewId || $[132] !== badges || $[133] !== changesOpen || $[134] !== closeInspector || $[135] !== collapsedFieldSets || $[136] !== collapsedPaths || $[137] !== compareValue || $[138] !== connectionState || $[139] !== currentDisplayed || $[140] !== documentId || $[141] !== documentIdRaw || $[142] !== documentType || $[143] !== editState_1 || $[144] !== fieldActions || $[145] !== focusPath || $[146] !== formState || $[147] !== handleHistoryClose || $[148] !== handleHistoryOpen || $[149] !== handleLegacyInspectClose || $[150] !== handleMenuAction || $[151] !== handlePaneClose || $[152] !== handlePaneSplit || $[153] !== handlePathOpen || $[154] !== hasUpstreamVersion || $[155] !== index || $[156] !== inspectOpen || $[157] !== inspectors2 || $[158] !== isDeleted_1 || $[159] !== isDeleting || $[160] !== isDocumentGroupInventoryActive || $[161] !== isInitialValueLoading || $[162] !== isPermissionsLoading || $[163] !== languageFilter || $[164] !== lastNonDeletedRevId || $[165] !== lastRevisionDocument || $[166] !== maximized || $[167] !== onBlur || $[168] !== onChange || $[169] !== onFocus || $[170] !== onSetActiveFieldGroup || $[171] !== onSetCollapsedFieldSet || $[172] !== onSetCollapsedPath || $[173] !== onSetMaximizedPane || $[174] !== openInspector || $[175] !== openPath || $[176] !== paneKey || $[177] !== permissions || $[178] !== previewUrl || $[179] !== ready || $[180] !== revisionId || $[181] !== revisionNotFound || $[182] !== schemaType || $[183] !== selectedReleaseId || $[184] !== setTimelineRange || $[185] !== t44 || $[186] !== t45 || $[187] !== timelineError || $[188] !== timelineStore || $[189] !== title || $[190] !== validation || $[191] !== value_0 || $[192] !== views ? (t46 = {
+  $[138] !== actions || $[139] !== activeViewId || $[140] !== badges || $[141] !== changesOpen || $[142] !== closeInspector || $[143] !== collapsedFieldSets || $[144] !== collapsedPaths || $[145] !== compareValue || $[146] !== connectionState || $[147] !== currentDisplayed || $[148] !== documentId || $[149] !== documentIdRaw || $[150] !== documentType || $[151] !== editState_1 || $[152] !== fieldActions || $[153] !== focusPath || $[154] !== formState || $[155] !== handleHistoryClose || $[156] !== handleHistoryOpen || $[157] !== handleLegacyInspectClose || $[158] !== handleMenuAction || $[159] !== handlePaneClose || $[160] !== handlePaneSplit || $[161] !== handlePathOpen || $[162] !== hasUpstreamVersion || $[163] !== index || $[164] !== inspectOpen || $[165] !== inspectors2 || $[166] !== isDeleted_1 || $[167] !== isDeleting || $[168] !== isDocumentGroupInventoryActive || $[169] !== isInitialValueLoading || $[170] !== isPermissionsLoading || $[171] !== languageFilter || $[172] !== lastNonDeletedRevId || $[173] !== lastRevisionDocument || $[174] !== maximized || $[175] !== onBlur || $[176] !== onChange || $[177] !== onFocus || $[178] !== onSetActiveFieldGroup || $[179] !== onSetCollapsedFieldSet || $[180] !== onSetCollapsedPath || $[181] !== onSetMaximizedPane || $[182] !== openInspector || $[183] !== openPath || $[184] !== paneKey || $[185] !== permissions || $[186] !== previewUrl || $[187] !== ready || $[188] !== revisionId || $[189] !== revisionNotFound || $[190] !== schemaType || $[191] !== selectedReleaseId || $[192] !== setTimelineRange || $[193] !== t43 || $[194] !== t44 || $[195] !== timelineError || $[196] !== timelineStore || $[197] !== title || $[198] !== validation || $[199] !== value_0 || $[200] !== views ? (t45 = {
     actions,
     activeViewId,
     badges,
@@ -8967,7 +9178,7 @@ function DocumentPaneProvider(props) {
     editState: editState_1,
     fieldActions,
     focusPath,
-    inspector: t44,
+    inspector: t43,
     inspectors: inspectors2,
     onBlur,
     onChange,
@@ -8989,7 +9200,7 @@ function DocumentPaneProvider(props) {
     index,
     inspectOpen,
     validation,
-    menuItemGroups: t45,
+    menuItemGroups: t44,
     paneKey,
     previewUrl,
     ready,
@@ -9016,12 +9227,12 @@ function DocumentPaneProvider(props) {
     revisionNotFound,
     lastNonDeletedRevId,
     lastRevisionDocument
-  }, $[130] = actions, $[131] = activeViewId, $[132] = badges, $[133] = changesOpen, $[134] = closeInspector, $[135] = collapsedFieldSets, $[136] = collapsedPaths, $[137] = compareValue, $[138] = connectionState, $[139] = currentDisplayed, $[140] = documentId, $[141] = documentIdRaw, $[142] = documentType, $[143] = editState_1, $[144] = fieldActions, $[145] = focusPath, $[146] = formState, $[147] = handleHistoryClose, $[148] = handleHistoryOpen, $[149] = handleLegacyInspectClose, $[150] = handleMenuAction, $[151] = handlePaneClose, $[152] = handlePaneSplit, $[153] = handlePathOpen, $[154] = hasUpstreamVersion, $[155] = index, $[156] = inspectOpen, $[157] = inspectors2, $[158] = isDeleted_1, $[159] = isDeleting, $[160] = isDocumentGroupInventoryActive, $[161] = isInitialValueLoading, $[162] = isPermissionsLoading, $[163] = languageFilter, $[164] = lastNonDeletedRevId, $[165] = lastRevisionDocument, $[166] = maximized, $[167] = onBlur, $[168] = onChange, $[169] = onFocus, $[170] = onSetActiveFieldGroup, $[171] = onSetCollapsedFieldSet, $[172] = onSetCollapsedPath, $[173] = onSetMaximizedPane, $[174] = openInspector, $[175] = openPath, $[176] = paneKey, $[177] = permissions, $[178] = previewUrl, $[179] = ready, $[180] = revisionId, $[181] = revisionNotFound, $[182] = schemaType, $[183] = selectedReleaseId, $[184] = setTimelineRange, $[185] = t44, $[186] = t45, $[187] = timelineError, $[188] = timelineStore, $[189] = title, $[190] = validation, $[191] = value_0, $[192] = views, $[193] = t46) : t46 = $[193];
-  const documentPane = t46;
+  }, $[138] = actions, $[139] = activeViewId, $[140] = badges, $[141] = changesOpen, $[142] = closeInspector, $[143] = collapsedFieldSets, $[144] = collapsedPaths, $[145] = compareValue, $[146] = connectionState, $[147] = currentDisplayed, $[148] = documentId, $[149] = documentIdRaw, $[150] = documentType, $[151] = editState_1, $[152] = fieldActions, $[153] = focusPath, $[154] = formState, $[155] = handleHistoryClose, $[156] = handleHistoryOpen, $[157] = handleLegacyInspectClose, $[158] = handleMenuAction, $[159] = handlePaneClose, $[160] = handlePaneSplit, $[161] = handlePathOpen, $[162] = hasUpstreamVersion, $[163] = index, $[164] = inspectOpen, $[165] = inspectors2, $[166] = isDeleted_1, $[167] = isDeleting, $[168] = isDocumentGroupInventoryActive, $[169] = isInitialValueLoading, $[170] = isPermissionsLoading, $[171] = languageFilter, $[172] = lastNonDeletedRevId, $[173] = lastRevisionDocument, $[174] = maximized, $[175] = onBlur, $[176] = onChange, $[177] = onFocus, $[178] = onSetActiveFieldGroup, $[179] = onSetCollapsedFieldSet, $[180] = onSetCollapsedPath, $[181] = onSetMaximizedPane, $[182] = openInspector, $[183] = openPath, $[184] = paneKey, $[185] = permissions, $[186] = previewUrl, $[187] = ready, $[188] = revisionId, $[189] = revisionNotFound, $[190] = schemaType, $[191] = selectedReleaseId, $[192] = setTimelineRange, $[193] = t43, $[194] = t44, $[195] = timelineError, $[196] = timelineStore, $[197] = title, $[198] = validation, $[199] = value_0, $[200] = views, $[201] = t45) : t45 = $[201];
+  const documentPane = t45;
+  let t46;
+  $[202] !== menuItemGroups ? (t46 = menuItemGroups || [], $[202] = menuItemGroups, $[203] = t46) : t46 = $[203];
   let t47;
-  $[194] !== menuItemGroups ? (t47 = menuItemGroups || [], $[194] = menuItemGroups, $[195] = t47) : t47 = $[195];
-  let t48;
-  $[196] !== actions || $[197] !== badges || $[198] !== documentId || $[199] !== documentIdRaw || $[200] !== documentType || $[201] !== fieldActions || $[202] !== handlePaneClose || $[203] !== handlePaneSplit || $[204] !== index || $[205] !== languageFilter || $[206] !== maximized || $[207] !== onSetMaximizedPane || $[208] !== paneKey || $[209] !== schemaType || $[210] !== t47 || $[211] !== title || $[212] !== views ? (t48 = {
+  $[204] !== actions || $[205] !== badges || $[206] !== documentId || $[207] !== documentIdRaw || $[208] !== documentType || $[209] !== fieldActions || $[210] !== handlePaneClose || $[211] !== handlePaneSplit || $[212] !== index || $[213] !== languageFilter || $[214] !== maximized || $[215] !== onSetMaximizedPane || $[216] !== paneKey || $[217] !== schemaType || $[218] !== t46 || $[219] !== title || $[220] !== views ? (t47 = {
     actions,
     badges,
     documentId,
@@ -9029,7 +9240,7 @@ function DocumentPaneProvider(props) {
     documentType,
     fieldActions,
     index,
-    menuItemGroups: t47,
+    menuItemGroups: t46,
     maximized,
     onPaneClose: handlePaneClose,
     onPaneSplit: handlePaneSplit,
@@ -9039,26 +9250,26 @@ function DocumentPaneProvider(props) {
     title,
     views,
     unstable_languageFilter: languageFilter
-  }, $[196] = actions, $[197] = badges, $[198] = documentId, $[199] = documentIdRaw, $[200] = documentType, $[201] = fieldActions, $[202] = handlePaneClose, $[203] = handlePaneSplit, $[204] = index, $[205] = languageFilter, $[206] = maximized, $[207] = onSetMaximizedPane, $[208] = paneKey, $[209] = schemaType, $[210] = t47, $[211] = title, $[212] = views, $[213] = t48) : t48 = $[213];
-  const documentPaneInfo = t48, pathRef = useRef(void 0), paramPath = params.path;
-  let t49;
-  $[214] !== formStateRef || $[215] !== onProgrammaticFocus || $[216] !== openPath ? (t49 = (urlPath) => {
+  }, $[204] = actions, $[205] = badges, $[206] = documentId, $[207] = documentIdRaw, $[208] = documentType, $[209] = fieldActions, $[210] = handlePaneClose, $[211] = handlePaneSplit, $[212] = index, $[213] = languageFilter, $[214] = maximized, $[215] = onSetMaximizedPane, $[216] = paneKey, $[217] = schemaType, $[218] = t46, $[219] = title, $[220] = views, $[221] = t47) : t47 = $[221];
+  const documentPaneInfo = t47, pathRef = useRef(void 0), paramPath = params.path;
+  let t48;
+  $[222] !== formStateRef || $[223] !== onProgrammaticFocus || $[224] !== openPath ? (t48 = (urlPath) => {
     const currentOpenPathString = pathToString(openPath);
     if (urlPath !== pathRef.current && urlPath !== currentOpenPathString) {
       const pathFromUrl = resolveKeyedPath(formStateRef.current?.value, fromString(urlPath));
       onProgrammaticFocus(pathFromUrl);
     }
-  }, $[214] = formStateRef, $[215] = onProgrammaticFocus, $[216] = openPath, $[217] = t49) : t49 = $[217];
-  const syncPathFromUrl = useEffectEvent(t49);
-  let t50;
-  $[218] !== paramPath || $[219] !== ready || $[220] !== syncPathFromUrl ? (t50 = () => {
+  }, $[222] = formStateRef, $[223] = onProgrammaticFocus, $[224] = openPath, $[225] = t48) : t48 = $[225];
+  const syncPathFromUrl = useEffectEvent(t48);
+  let t49;
+  $[226] !== paramPath || $[227] !== ready || $[228] !== syncPathFromUrl ? (t49 = () => {
     ready && paramPath && syncPathFromUrl(paramPath), pathRef.current = paramPath;
-  }, $[218] = paramPath, $[219] = ready, $[220] = syncPathFromUrl, $[221] = t50) : t50 = $[221];
-  let t51;
-  $[222] !== paramPath || $[223] !== ready ? (t51 = [paramPath, ready], $[222] = paramPath, $[223] = ready, $[224] = t51) : t51 = $[224], useEffect(t50, t51);
+  }, $[226] = paramPath, $[227] = ready, $[228] = syncPathFromUrl, $[229] = t49) : t49 = $[229];
+  let t50;
+  $[230] !== paramPath || $[231] !== ready ? (t50 = [paramPath, ready], $[230] = paramPath, $[231] = ready, $[232] = t50) : t50 = $[232], useEffect(t49, t50);
   const isDivergencesEnabled = advancedVersionControlEnabled && !!(formState && schemaType);
-  let t52;
-  $[225] !== editState_1 || $[226] !== formState || $[227] !== isDivergencesEnabled || $[228] !== schemaType || $[229] !== upstreamEditState_0 || $[230] !== value_0._id ? (t52 = isDivergencesEnabled && formState && schemaType ? {
+  let t51;
+  $[233] !== editState_1 || $[234] !== formState || $[235] !== isDivergencesEnabled || $[236] !== schemaType || $[237] !== upstreamEditState_0 || $[238] !== value_0._id ? (t51 = isDivergencesEnabled && formState && schemaType ? {
     enabled: !0,
     upstreamEditState: upstreamEditState_0,
     editState: editState_1,
@@ -9067,24 +9278,24 @@ function DocumentPaneProvider(props) {
     formState
   } : {
     enabled: !1
-  }, $[225] = editState_1, $[226] = formState, $[227] = isDivergencesEnabled, $[228] = schemaType, $[229] = upstreamEditState_0, $[230] = value_0._id, $[231] = t52) : t52 = $[231];
-  const divergencesProps = t52;
+  }, $[233] = editState_1, $[234] = formState, $[235] = isDivergencesEnabled, $[236] = schemaType, $[237] = upstreamEditState_0, $[238] = value_0._id, $[239] = t51) : t51 = $[239];
+  const divergencesProps = t51;
+  let t52;
+  $[240] !== onProgrammaticFocus ? (t52 = /* @__PURE__ */ jsx(DivergenceAutofocus, { onProgrammaticFocus }), $[240] = onProgrammaticFocus, $[241] = t52) : t52 = $[241];
   let t53;
-  $[232] !== onProgrammaticFocus ? (t53 = /* @__PURE__ */ jsx(DivergenceAutofocus, { onProgrammaticFocus }), $[232] = onProgrammaticFocus, $[233] = t53) : t53 = $[233];
+  $[242] !== displayed || $[243] !== isDeleted_1 || $[244] !== ready || $[245] !== schemaType ? (t53 = /* @__PURE__ */ jsx(DocumentTitle, { isDeleted: isDeleted_1, displayed, ready, schemaType }), $[242] = displayed, $[243] = isDeleted_1, $[244] = ready, $[245] = schemaType, $[246] = t53) : t53 = $[246];
   let t54;
-  $[234] !== displayed || $[235] !== isDeleted_1 || $[236] !== ready || $[237] !== schemaType ? (t54 = /* @__PURE__ */ jsx(DocumentTitle, { isDeleted: isDeleted_1, displayed, ready, schemaType }), $[234] = displayed, $[235] = isDeleted_1, $[236] = ready, $[237] = schemaType, $[238] = t54) : t54 = $[238];
+  $[247] !== children ? (t54 = /* @__PURE__ */ jsx(ParseErrorsProvider, { children }), $[247] = children, $[248] = t54) : t54 = $[248];
   let t55;
-  $[239] !== children ? (t55 = /* @__PURE__ */ jsx(ParseErrorsProvider, { children }), $[239] = children, $[240] = t55) : t55 = $[240];
-  let t56;
-  $[241] !== divergencesProps || $[242] !== t53 || $[243] !== t54 || $[244] !== t55 ? (t56 = /* @__PURE__ */ jsxs(DivergencesProvider, { ...divergencesProps, children: [
+  $[249] !== divergencesProps || $[250] !== t52 || $[251] !== t53 || $[252] !== t54 ? (t55 = /* @__PURE__ */ jsxs(DivergencesProvider, { ...divergencesProps, children: [
+    t52,
     t53,
-    t54,
-    t55
-  ] }), $[241] = divergencesProps, $[242] = t53, $[243] = t54, $[244] = t55, $[245] = t56) : t56 = $[245];
+    t54
+  ] }), $[249] = divergencesProps, $[250] = t52, $[251] = t53, $[252] = t54, $[253] = t55) : t55 = $[253];
+  let t56;
+  $[254] !== documentPane || $[255] !== t55 ? (t56 = /* @__PURE__ */ jsx(DocumentPaneContext.Provider, { value: documentPane, children: t55 }), $[254] = documentPane, $[255] = t55, $[256] = t56) : t56 = $[256];
   let t57;
-  $[246] !== documentPane || $[247] !== t56 ? (t57 = /* @__PURE__ */ jsx(DocumentPaneContext.Provider, { value: documentPane, children: t56 }), $[246] = documentPane, $[247] = t56, $[248] = t57) : t57 = $[248];
-  let t58;
-  return $[249] !== documentPaneInfo || $[250] !== t57 ? (t58 = /* @__PURE__ */ jsx(DocumentPaneInfoContext.Provider, { value: documentPaneInfo, children: t57 }), $[249] = documentPaneInfo, $[250] = t57, $[251] = t58) : t58 = $[251], t58;
+  return $[257] !== documentPaneInfo || $[258] !== t56 ? (t57 = /* @__PURE__ */ jsx(DocumentPaneInfoContext.Provider, { value: documentPaneInfo, children: t56 }), $[257] = documentPaneInfo, $[258] = t56, $[259] = t57) : t57 = $[259], t57;
 }
 function getDocumentVersionType(params, selectedReleaseId, value, selectedPerspectiveName, draftsEnabled, releases) {
   let version;
@@ -10412,6 +10623,7 @@ function getCrossDatasetIncomingReferences({
           type: document2.documentType,
           id: document2.documentId,
           preview: {
+            // oxlint-disable-next-line typescript/no-unnecessary-type-assertion
             published: {
               _id: document2.documentId,
               title: `Document Id: ${document2.documentId}`,
@@ -10553,11 +10765,11 @@ function IncomingReferencePreview(props) {
       path: pathToString(path)
     }, ...linkProps });
   }, $[2] = ChildLink2, $[3] = path, $[4] = type.name, $[5] = value?._id, $[6] = t2) : t2 = $[6];
-  const t3 = t2, t4 = type.icon || !1;
+  const Link2 = t2, t3 = type.icon || !1;
+  let t4;
+  $[7] !== documentPresence || $[8] !== documentPreviewStore || $[9] !== t3 || $[10] !== type || $[11] !== value ? (t4 = /* @__PURE__ */ jsx(PaneItemPreview, { documentPreviewStore, icon: t3, layout: "default", presence: documentPresence, schemaType: type, value }), $[7] = documentPresence, $[8] = documentPreviewStore, $[9] = t3, $[10] = type, $[11] = value, $[12] = t4) : t4 = $[12];
   let t5;
-  $[7] !== documentPresence || $[8] !== documentPreviewStore || $[9] !== t4 || $[10] !== type || $[11] !== value ? (t5 = /* @__PURE__ */ jsx(PaneItemPreview, { documentPreviewStore, icon: t4, layout: "default", presence: documentPresence, schemaType: type, value }), $[7] = documentPresence, $[8] = documentPreviewStore, $[9] = t4, $[10] = type, $[11] = value, $[12] = t5) : t5 = $[12];
-  let t6;
-  return $[13] !== t3 || $[14] !== t5 ? (t6 = /* @__PURE__ */ jsx(PreviewCard, { __unstable_focusRing: !0, as: t3, "data-as": "a", radius: 2, children: t5 }), $[13] = t3, $[14] = t5, $[15] = t6) : t6 = $[15], t6;
+  return $[13] !== Link2 || $[14] !== t4 ? (t5 = /* @__PURE__ */ jsx(PreviewCard, { __unstable_focusRing: !0, as: Link2, "data-as": "a", radius: 2, children: t4 }), $[13] = Link2, $[14] = t4, $[15] = t5) : t5 = $[15], t5;
 }
 const Root$1 = motion.create(Flex), variants = {
   initial: {
@@ -12414,7 +12626,7 @@ function EventsTimelineMenu(t0) {
   let t17;
   $[40] !== buttonLabel || $[41] !== loading || $[42] !== t ? (t17 = loading ? t("timeline.loading-history") : buttonLabel, $[40] = buttonLabel, $[41] = loading, $[42] = t, $[43] = t17) : t17 = $[43];
   let t18;
-  $[44] !== open || $[45] !== t13 || $[46] !== t14 || $[47] !== t15 || $[48] !== t17 ? (t18 = /* @__PURE__ */ jsx(Flex, { width: "fill", children: /* @__PURE__ */ jsx(Button$1, { "data-testid": t13, disabled: t14, mode: "ghost", onClick: t15, ref: setButton, selected: open, width: "fill", tooltipProps: null, justify: "space-between", style: t16, iconRight: ChevronDownIcon, text: t17 }) }), $[44] = open, $[45] = t13, $[46] = t14, $[47] = t15, $[48] = t17, $[49] = t18) : t18 = $[49];
+  $[44] !== open || $[45] !== t13 || $[46] !== t14 || $[47] !== t15 || $[48] !== t17 ? (t18 = /* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(Button$1, { "data-testid": t13, disabled: t14, mode: "ghost", onClick: t15, ref: setButton, selected: open, width: "fill", tooltipProps: null, justify: "space-between", style: t16, iconRight: ChevronDownIcon, text: t17 }) }), $[44] = open, $[45] = t13, $[46] = t14, $[47] = t15, $[48] = t17, $[49] = t18) : t18 = $[49];
   let t19;
   $[50] !== open || $[51] !== placement || $[52] !== t12 || $[53] !== t18 ? (t19 = /* @__PURE__ */ jsx(Root, { "data-testid": "timeline-menu", constrainSize: !0, content: t12, "data-ui": "versionMenu", open, placement, matchReferenceWidth: !0, portal: !0, ref: setPopoverRef, children: t18 }), $[50] = open, $[51] = placement, $[52] = t12, $[53] = t18, $[54] = t19) : t19 = $[54];
   let t20;