@sanity/vision 6.21.0-next.53 → 6.21.0-next.64

package/lib/{SanityVision-lYX0oOV-.js → SanityVision-BPTjMcT_.js}

@@ -1,4 +1,4 @@
-import { t as visionLocaleNamespace } from "./i18n-JS8KzGj8.js";
+import { t as visionLocaleNamespace } from "./i18n-fzZ8Bvax.js";
 import { Component, Fragment, Suspense, createContext, lazy, use, useEffect, useImperativeHandle, useRef, useState, useSyncExternalStore } from "react";
 import { ContextMenuButton, RELEASES_STUDIO_CLIENT_OPTIONS, Translate, UserAvatar, VARIANTS_STUDIO_CLIENT_OPTIONS, getDefaultVariant, getReleaseIdFromReleaseDocumentId, getVariantTitle, isCardinalityOneRelease, sortReleases, useActiveReleases, useClient, useCurrentUser, useDataset, useDateTimeFormat, useKeyValueStore, usePerspective, useScheduledDraftsEnabled, useTranslation, useWorkspace } from "sanity";
 import { IntentLink } from "sanity/router";
@@ -294,7 +294,7 @@ function getVisibleColumns(view, { lines, scrollbarWidth } = {}) {
 	let { scrollDOM, contentDOM, defaultCharacterWidth, defaultLineHeight } = view, gutters = scrollDOM.querySelector(".cm-gutters"), line = contentDOM.querySelector(".cm-line"), currentLines = view.state.doc.lines, nextLines = lines ?? currentLines, gutterGrowth = (lineNumberDigits(nextLines) - lineNumberDigits(currentLines)) * defaultCharacterWidth, willOverflowVertically = nextLines * defaultLineHeight + insets(contentDOM, ["Top", "Bottom"]) > scrollDOM.clientHeight, hasVerticalScrollbar = scrollDOM.scrollHeight > scrollDOM.clientHeight, scrollbarReserve = willOverflowVertically && !hasVerticalScrollbar ? scrollbarWidth ?? getScrollbarWidth() : 0, width = scrollDOM.clientWidth - (gutters instanceof HTMLElement ? gutters.offsetWidth : 0) - gutterGrowth - insets(contentDOM, ["Left", "Right"]) - (line ? insets(line, ["Left", "Right"]) : 0) - scrollbarReserve, columns = Math.floor(width / defaultCharacterWidth);
 	return Number.isFinite(columns) && columns > 0 ? columns : void 0;
 }
-var contentBorderRightWidthVar = "var(--zt3i7y1)", contentPaddingTopVar = "var(--zt3i7y2)", editorRoot = "zt3i7y3", editorRootAutoHeight = "zt3i7y4", linePaddingLeftVar = "var(--zt3i7y0)";
+var contentBorderRightWidthVar = "var(--dohny71)", contentPaddingTopVar = "var(--dohny72)", editorRoot = "dohny73", editorRootAutoHeight = "dohny74", linePaddingLeftVar = "var(--dohny70)";
 function EditorRoot(t0) {
 	let $ = c(14), { autoHeight, underHeader, children } = t0, { sanity } = useTheme(), t1 = autoHeight ? `${editorRoot} ${editorRootAutoHeight}` : editorRoot, t2;
 	$[0] === sanity.space[3] ? t2 = $[1] : (t2 = rem(sanity.space[3]), $[0] = sanity.space[3], $[1] = t2);
@@ -399,6 +399,14 @@ function VisionCodeMirror(t0) {
 		children: t14
 	}), $[17] = autoHeight, $[18] = t14, $[19] = underHeader, $[20] = t15) : t15 = $[20], t15;
 }
+/**
+* Whether the workspace has variants switched on (`beta.variants.enabled`). The studio gates its
+* own variant UI on this flag, the navbar's variant selector included, so Vision shows and sends
+* variants only where the navbar does.
+*/
+function useVariantsEnabled() {
+	return !!useWorkspace().beta?.variants?.enabled;
+}
 const SUPPORTED_PERSPECTIVES = [
 	"pinnedRelease",
 	"scheduledDrafts",
@@ -595,7 +603,7 @@ function tryParseParams(val, t) {
 		return err.message = `${t("params.error.params-invalid-json")}:\n\n${err.message.replace("JSON5:", "")}`, err;
 	}
 }
-var controlsContainer = "_1nvydpgm", downloadsCard = "_1nvydpgj", header = "_1nvydpg3", inputBackgroundContainer = "_1nvydpg7", inputBackgroundContainerLeft = "_1nvydpg8", inputContainer = "_1nvydpg9", queryCopyLink = "_1nvydpg6", queryRecallPaneContainer = "_1nvydpg1", queryRecallPaneWrapper = "_1nvydpg2", result = "_1nvydpge", resultContainer = "_1nvydpgc", resultContainerInvalid = "_1nvydpgd", resultFooter = "_1nvydpgf", resultInnerContainer = "_1nvydpgb", resultOuterContainer = "_1nvydpga", root = "_1nvydpg0", saveResultLabel = "_1nvydpgl", saveResultSpanGapVar = "var(--_1nvydpgk)", splitpaneContainer = "_1nvydpg5", styledLabel = "_1nvydpg4", timingsCard = "_1nvydpgg", timingsTextContainer = "_1nvydpgi", timingsTextMinHeightVar = "var(--_1nvydpgh)";
+var controlsContainer = "aqbsvxm", downloadsCard = "aqbsvxj", header = "aqbsvx3", inputBackgroundContainer = "aqbsvx7", inputBackgroundContainerLeft = "aqbsvx8", inputContainer = "aqbsvx9", queryCopyLink = "aqbsvx6", queryRecallPaneContainer = "aqbsvx1", queryRecallPaneWrapper = "aqbsvx2", result = "aqbsvxe", resultContainer = "aqbsvxc", resultContainerInvalid = "aqbsvxd", resultFooter = "aqbsvxf", resultInnerContainer = "aqbsvxb", resultOuterContainer = "aqbsvxa", root = "aqbsvx0", saveResultLabel = "aqbsvxl", saveResultSpanGapVar = "var(--aqbsvxk)", splitpaneContainer = "aqbsvx5", styledLabel = "aqbsvx4", timingsCard = "aqbsvxg", timingsTextContainer = "aqbsvxi", timingsTextMinHeightVar = "var(--aqbsvxh)";
 function Root(t0) {
 	let $ = c(6), props, ref;
 	$[0] === t0 ? (props = $[1], ref = $[2]) : ({ref, ...props} = t0, $[0] = t0, $[1] = props, $[2] = ref);
@@ -1109,7 +1117,7 @@ function _temp2$4(a, b) {
 	return new Date(b.savedAt || 0).getTime() - new Date(a.savedAt || 0).getTime();
 }
 function _temp$6() {}
-var fixedHeader = "_965hcm0", queryList = "_965hcm2", scrollContainer = "_965hcm1";
+var fixedHeader = "j5r4cy0", queryList = "j5r4cy2", scrollContainer = "j5r4cy1";
 function FixedHeader(props) {
 	let $ = c(2), t0;
 	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(VStack, {
@@ -1879,7 +1887,7 @@ function VisionGuiControls(t0) {
 		})
 	}) }), $[30] = hasValidParams, $[31] = t15, $[32] = t2, $[33] = t16) : t16 = $[33], t16;
 }
-var dot = "_11xy9hb2", perspectivePopoverContent = "_11xy9hb0", perspectivePopoverLink = "_11xy9hb1";
+var dot = "gl42tl2", perspectivePopoverContent = "gl42tl0", perspectivePopoverLink = "gl42tl1";
 function PerspectivePopoverContent(props) {
 	let $ = c(2), t0;
 	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Box, {
@@ -1996,125 +2004,123 @@ function _temp$4(o) {
 	return !o;
 }
 const PinnedReleasePerspectiveOption = (t0) => {
-	let $ = c(17), { pinnedPerspective, t } = t0, name = typeof pinnedPerspective.selectedPerspective == "object" ? pinnedPerspective.selectedPerspective.metadata.title : pinnedPerspective.selectedPerspectiveName, t1;
-	if ($[0] !== pinnedPerspective.selectedVariantNames || $[1] !== pinnedPerspective.selectedVariants) {
-		let variant = getDefaultVariant(pinnedPerspective.selectedVariants), t2;
-		$[3] === pinnedPerspective.selectedVariantNames ? t2 = $[4] : (t2 = getDefaultVariant(pinnedPerspective.selectedVariantNames), $[3] = pinnedPerspective.selectedVariantNames, $[4] = t2), t1 = variant ? getVariantTitle(variant) : t2, $[0] = pinnedPerspective.selectedVariantNames, $[1] = pinnedPerspective.selectedVariants, $[2] = t1;
-	} else t1 = $[2];
-	let variantTitle = t1, t2;
-	$[5] !== pinnedPerspective || $[6] !== t ? (t2 = hasPinnedPerspective(pinnedPerspective) ? `(${t("settings.perspectives.pinned-release-label")})` : t("settings.perspectives.pinned-release-label"), $[5] = pinnedPerspective, $[6] = t, $[7] = t2) : t2 = $[7];
-	let label = t2, t3 = variantTitle ? `· ${variantTitle}` : void 0, t4;
-	$[8] !== label || $[9] !== name || $[10] !== t3 ? (t4 = [
+	let $ = c(12), { pinnedPerspective, variantTitle, t } = t0, name = typeof pinnedPerspective.selectedPerspective == "object" ? pinnedPerspective.selectedPerspective.metadata.title : pinnedPerspective.selectedPerspectiveName, t1;
+	$[0] !== pinnedPerspective || $[1] !== t ? (t1 = hasPinnedPerspective(pinnedPerspective) ? `(${t("settings.perspectives.pinned-release-label")})` : t("settings.perspectives.pinned-release-label"), $[0] = pinnedPerspective, $[1] = t, $[2] = t1) : t1 = $[2];
+	let label = t1, t2 = variantTitle ? `· ${variantTitle}` : void 0, t3;
+	$[3] !== label || $[4] !== name || $[5] !== t2 ? (t3 = [
 		name,
-		t3,
+		t2,
 		label
-	].filter(_temp$3), $[8] = label, $[9] = name, $[10] = t3, $[11] = t4) : t4 = $[11];
-	let text = t4.join(" "), t5;
-	$[12] === pinnedPerspective ? t5 = $[13] : (t5 = hasPinnedPerspective(pinnedPerspective), $[12] = pinnedPerspective, $[13] = t5);
-	let t6 = !t5, t7;
-	return $[14] !== t6 || $[15] !== text ? (t7 = /* @__PURE__ */ jsx("option", {
+	].filter(_temp$3), $[3] = label, $[4] = name, $[5] = t2, $[6] = t3) : t3 = $[6];
+	let text = t3.join(" "), t4;
+	$[7] === pinnedPerspective ? t4 = $[8] : (t4 = hasPinnedPerspective(pinnedPerspective), $[7] = pinnedPerspective, $[8] = t4);
+	let t5 = !t4, t6;
+	return $[9] !== t5 || $[10] !== text ? (t6 = /* @__PURE__ */ jsx("option", {
 		value: "pinnedRelease",
-		disabled: t6,
+		disabled: t5,
 		children: text
-	}), $[14] = t6, $[15] = text, $[16] = t7) : t7 = $[16], t7;
+	}), $[9] = t5, $[10] = text, $[11] = t6) : t6 = $[11], t6;
 };
 function VisionGuiHeader(t0) {
-	let $ = c(81), { onChangeDataset, dataset, customApiVersion, apiVersion, onChangeApiVersion, datasets, customApiVersionElementRef, onCustomApiVersionChange, isValidApiVersion, onChangePerspective, url, perspective, isScheduledDraftsEnabled } = t0, pinnedPerspective = usePerspective(), t1;
-	$[0] !== perspective || $[1] !== pinnedPerspective.selectedVariantNames ? (t1 = getActiveVariant(perspective, getDefaultVariant(pinnedPerspective.selectedVariantNames)), $[0] = perspective, $[1] = pinnedPerspective.selectedVariantNames, $[2] = t1) : t1 = $[2];
-	let isApiVersionLocked = !!t1, { t } = useTranslation(visionLocaleNamespace), operationUrlElement = useRef(null), t2;
-	$[3] === Symbol.for("react.memo_cache_sentinel") ? (t2 = () => {
+	let $ = c(85), { onChangeDataset, dataset, customApiVersion, apiVersion, onChangeApiVersion, datasets, customApiVersionElementRef, onCustomApiVersionChange, isValidApiVersion, onChangePerspective, url, perspective, isScheduledDraftsEnabled } = t0, pinnedPerspective = usePerspective(), isVariantsEnabled = useVariantsEnabled(), navbarVariantTitle, t1, t2;
+	if ($[0] !== isVariantsEnabled || $[1] !== perspective || $[2] !== pinnedPerspective) {
+		let navbarVariantName = isVariantsEnabled ? getDefaultVariant(pinnedPerspective.selectedVariantNames) : void 0, navbarVariant = isVariantsEnabled ? getDefaultVariant(pinnedPerspective.selectedVariants) : void 0;
+		navbarVariantTitle = navbarVariant ? getVariantTitle(navbarVariant) : navbarVariantName, t1 = Boolean, t2 = getActiveVariant(perspective, navbarVariantName), $[0] = isVariantsEnabled, $[1] = perspective, $[2] = pinnedPerspective, $[3] = navbarVariantTitle, $[4] = t1, $[5] = t2;
+	} else navbarVariantTitle = $[3], t1 = $[4], t2 = $[5];
+	let isApiVersionLocked = t1(t2), { t } = useTranslation(visionLocaleNamespace), operationUrlElement = useRef(null), t3;
+	$[6] === Symbol.for("react.memo_cache_sentinel") ? (t3 = () => {
 		let el = operationUrlElement.current;
 		if (el) try {
 			el.select(), document.execCommand("copy");
 		} catch {
 			console.error("Unable to copy to clipboard :(");
 		}
-	}, $[3] = t2) : t2 = $[3];
-	let handleCopyUrl = t2, t3;
-	$[4] === Symbol.for("react.memo_cache_sentinel") ? (t3 = [
+	}, $[6] = t3) : t3 = $[6];
+	let handleCopyUrl = t3, t4;
+	$[7] === Symbol.for("react.memo_cache_sentinel") ? (t4 = [
 		"repeat(1, minmax(0, 1fr))",
 		"repeat(4, minmax(0, 1fr))",
 		"repeat(8, minmax(0, 1fr))",
 		"repeat(12, minmax(0, 1fr))"
-	], $[4] = t3) : t3 = $[4];
-	let t4;
-	$[5] === Symbol.for("react.memo_cache_sentinel") ? (t4 = ["span 1 / span 1", "span 2 / span 2"], $[5] = t4) : t4 = $[5];
+	], $[7] = t4) : t4 = $[7];
 	let t5;
-	$[6] === t ? t5 = $[7] : (t5 = t("settings.dataset-label"), $[6] = t, $[7] = t5);
+	$[8] === Symbol.for("react.memo_cache_sentinel") ? (t5 = ["span 1 / span 1", "span 2 / span 2"], $[8] = t5) : t5 = $[8];
 	let t6;
-	$[8] === t5 ? t6 = $[9] : (t6 = /* @__PURE__ */ jsx(Card, {
+	$[9] === t ? t6 = $[10] : (t6 = t("settings.dataset-label"), $[9] = t, $[10] = t6);
+	let t7;
+	$[11] === t6 ? t7 = $[12] : (t7 = /* @__PURE__ */ jsx(Card, {
 		paddingTop: 2,
 		paddingBottom: 3,
-		children: /* @__PURE__ */ jsx(StyledLabel, { children: t5 })
-	}), $[8] = t5, $[9] = t6);
-	let t7;
-	$[10] === datasets ? t7 = $[11] : (t7 = datasets.map(_temp2$2), $[10] = datasets, $[11] = t7);
+		children: /* @__PURE__ */ jsx(StyledLabel, { children: t6 })
+	}), $[11] = t6, $[12] = t7);
 	let t8;
-	$[12] !== dataset || $[13] !== onChangeDataset || $[14] !== t7 ? (t8 = /* @__PURE__ */ jsx(Select, {
+	$[13] === datasets ? t8 = $[14] : (t8 = datasets.map(_temp2$2), $[13] = datasets, $[14] = t8);
+	let t9;
+	$[15] !== dataset || $[16] !== onChangeDataset || $[17] !== t8 ? (t9 = /* @__PURE__ */ jsx(Select, {
 		value: dataset,
 		onChange: onChangeDataset,
-		children: t7
-	}), $[12] = dataset, $[13] = onChangeDataset, $[14] = t7, $[15] = t8) : t8 = $[15];
-	let t9;
-	$[16] !== t6 || $[17] !== t8 ? (t9 = /* @__PURE__ */ jsx(Box, {
-		padding: 1,
-		gridColumn: t4,
-		children: /* @__PURE__ */ jsxs(VStack, { children: [t6, t8] })
-	}), $[16] = t6, $[17] = t8, $[18] = t9) : t9 = $[18];
+		children: t8
+	}), $[15] = dataset, $[16] = onChangeDataset, $[17] = t8, $[18] = t9) : t9 = $[18];
 	let t10;
-	$[19] === Symbol.for("react.memo_cache_sentinel") ? (t10 = ["span 1 / span 1", "span 2 / span 2"], $[19] = t10) : t10 = $[19];
+	$[19] !== t7 || $[20] !== t9 ? (t10 = /* @__PURE__ */ jsx(Box, {
+		padding: 1,
+		gridColumn: t5,
+		children: /* @__PURE__ */ jsxs(VStack, { children: [t7, t9] })
+	}), $[19] = t7, $[20] = t9, $[21] = t10) : t10 = $[21];
 	let t11;
-	$[20] === t ? t11 = $[21] : (t11 = t("settings.api-version-label"), $[20] = t, $[21] = t11);
+	$[22] === Symbol.for("react.memo_cache_sentinel") ? (t11 = ["span 1 / span 1", "span 2 / span 2"], $[22] = t11) : t11 = $[22];
 	let t12;
-	$[22] === t11 ? t12 = $[23] : (t12 = /* @__PURE__ */ jsx(Card, {
+	$[23] === t ? t12 = $[24] : (t12 = t("settings.api-version-label"), $[23] = t, $[24] = t12);
+	let t13;
+	$[25] === t12 ? t13 = $[26] : (t13 = /* @__PURE__ */ jsx(Card, {
 		paddingTop: 2,
 		paddingBottom: 3,
-		children: /* @__PURE__ */ jsx(StyledLabel, { children: t11 })
-	}), $[22] = t11, $[23] = t12);
-	let t13;
-	$[24] === t ? t13 = $[25] : (t13 = t("settings.api-version-locked-for-variant"), $[24] = t, $[25] = t13);
+		children: /* @__PURE__ */ jsx(StyledLabel, { children: t12 })
+	}), $[25] = t12, $[26] = t13);
 	let t14;
-	$[26] === t13 ? t14 = $[27] : (t14 = /* @__PURE__ */ jsx(Text, {
+	$[27] === t ? t14 = $[28] : (t14 = t("settings.api-version-locked-for-variant"), $[27] = t, $[28] = t14);
+	let t15;
+	$[29] === t14 ? t15 = $[30] : (t15 = /* @__PURE__ */ jsx(Text, {
 		size: 1,
-		children: t13
-	}), $[26] = t13, $[27] = t14);
-	let t15 = !isApiVersionLocked, t16 = customApiVersion === !1 ? apiVersion : "other", t17;
-	$[28] === Symbol.for("react.memo_cache_sentinel") ? (t17 = API_VERSIONS.map(_temp3$1), $[28] = t17) : t17 = $[28];
-	let t18;
-	$[29] === t ? t18 = $[30] : (t18 = t("settings.other-api-version-label"), $[29] = t, $[30] = t18);
+		children: t14
+	}), $[29] = t14, $[30] = t15);
+	let t16 = !isApiVersionLocked, t17 = customApiVersion === !1 ? apiVersion : "other", t18;
+	$[31] === Symbol.for("react.memo_cache_sentinel") ? (t18 = API_VERSIONS.map(_temp3$1), $[31] = t18) : t18 = $[31];
 	let t19;
-	$[31] === t18 ? t19 = $[32] : (t19 = /* @__PURE__ */ jsx("option", {
-		value: "other",
-		children: t18
-	}, "other"), $[31] = t18, $[32] = t19);
+	$[32] === t ? t19 = $[33] : (t19 = t("settings.other-api-version-label"), $[32] = t, $[33] = t19);
 	let t20;
-	$[33] !== isApiVersionLocked || $[34] !== onChangeApiVersion || $[35] !== t16 || $[36] !== t19 ? (t20 = /* @__PURE__ */ jsx(Box, {
+	$[34] === t19 ? t20 = $[35] : (t20 = /* @__PURE__ */ jsx("option", {
+		value: "other",
+		children: t19
+	}, "other"), $[34] = t19, $[35] = t20);
+	let t21;
+	$[36] !== isApiVersionLocked || $[37] !== onChangeApiVersion || $[38] !== t17 || $[39] !== t20 ? (t21 = /* @__PURE__ */ jsx(Box, {
 		"data-testid": "api-version-selector-wrap",
 		children: /* @__PURE__ */ jsxs(Select, {
 			"data-testid": "api-version-selector",
-			value: t16,
+			value: t17,
 			onChange: onChangeApiVersion,
 			disabled: isApiVersionLocked,
-			children: [t17, t19]
+			children: [t18, t20]
 		})
-	}), $[33] = isApiVersionLocked, $[34] = onChangeApiVersion, $[35] = t16, $[36] = t19, $[37] = t20) : t20 = $[37];
-	let t21;
-	$[38] !== t14 || $[39] !== t15 || $[40] !== t20 ? (t21 = /* @__PURE__ */ jsx(Tooltip, {
+	}), $[36] = isApiVersionLocked, $[37] = onChangeApiVersion, $[38] = t17, $[39] = t20, $[40] = t21) : t21 = $[40];
+	let t22;
+	$[41] !== t15 || $[42] !== t16 || $[43] !== t21 ? (t22 = /* @__PURE__ */ jsx(Tooltip, {
 		animate: !0,
-		content: t14,
-		disabled: t15,
+		content: t15,
+		disabled: t16,
 		placement: "bottom",
 		portal: !0,
-		children: t20
-	}), $[38] = t14, $[39] = t15, $[40] = t20, $[41] = t21) : t21 = $[41];
-	let t22;
-	$[42] !== t12 || $[43] !== t21 ? (t22 = /* @__PURE__ */ jsx(Box, {
-		padding: 1,
-		gridColumn: t10,
-		children: /* @__PURE__ */ jsxs(VStack, { children: [t12, t21] })
-	}), $[42] = t12, $[43] = t21, $[44] = t22) : t22 = $[44];
+		children: t21
+	}), $[41] = t15, $[42] = t16, $[43] = t21, $[44] = t22) : t22 = $[44];
 	let t23;
-	$[45] !== customApiVersion || $[46] !== customApiVersionElementRef || $[47] !== isApiVersionLocked || $[48] !== isValidApiVersion || $[49] !== onCustomApiVersionChange || $[50] !== t ? (t23 = !isApiVersionLocked && customApiVersion !== !1 && /* @__PURE__ */ jsx(Box, {
+	$[45] !== t13 || $[46] !== t22 ? (t23 = /* @__PURE__ */ jsx(Box, {
+		padding: 1,
+		gridColumn: t11,
+		children: /* @__PURE__ */ jsxs(VStack, { children: [t13, t22] })
+	}), $[45] = t13, $[46] = t22, $[47] = t23) : t23 = $[47];
+	let t24;
+	$[48] !== customApiVersion || $[49] !== customApiVersionElementRef || $[50] !== isApiVersionLocked || $[51] !== isValidApiVersion || $[52] !== onCustomApiVersionChange || $[53] !== t ? (t24 = !isApiVersionLocked && customApiVersion !== !1 && /* @__PURE__ */ jsx(Box, {
 		padding: 1,
 		gridColumn: ["span 1 / span 1", "span 2 / span 2"],
 		children: /* @__PURE__ */ jsxs(VStack, { children: [/* @__PURE__ */ jsx(Card, {
@@ -2131,28 +2137,29 @@ function VisionGuiHeader(t0) {
 			customValidity: isValidApiVersion ? void 0 : t("settings.error.invalid-api-version"),
 			maxLength: 11
 		})] })
-	}), $[45] = customApiVersion, $[46] = customApiVersionElementRef, $[47] = isApiVersionLocked, $[48] = isValidApiVersion, $[49] = onCustomApiVersionChange, $[50] = t, $[51] = t23) : t23 = $[51];
-	let t24;
-	$[52] === Symbol.for("react.memo_cache_sentinel") ? (t24 = ["span 1 / span 1", "span 2 / span 2"], $[52] = t24) : t24 = $[52];
+	}), $[48] = customApiVersion, $[49] = customApiVersionElementRef, $[50] = isApiVersionLocked, $[51] = isValidApiVersion, $[52] = onCustomApiVersionChange, $[53] = t, $[54] = t24) : t24 = $[54];
 	let t25;
-	$[53] === t ? t25 = $[54] : (t25 = t("settings.perspective-label"), $[53] = t, $[54] = t25);
+	$[55] === Symbol.for("react.memo_cache_sentinel") ? (t25 = ["span 1 / span 1", "span 2 / span 2"], $[55] = t25) : t25 = $[55];
 	let t26;
-	$[55] === t25 ? t26 = $[56] : (t26 = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(StyledLabel, { children: t25 }) }), $[55] = t25, $[56] = t26);
+	$[56] === t ? t26 = $[57] : (t26 = t("settings.perspective-label"), $[56] = t, $[57] = t26);
 	let t27;
-	$[57] === Symbol.for("react.memo_cache_sentinel") ? (t27 = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(PerspectivePopover, {}) }), $[57] = t27) : t27 = $[57];
+	$[58] === t26 ? t27 = $[59] : (t27 = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(StyledLabel, { children: t26 }) }), $[58] = t26, $[59] = t27);
 	let t28;
-	$[58] === t26 ? t28 = $[59] : (t28 = /* @__PURE__ */ jsx(Card, {
+	$[60] === Symbol.for("react.memo_cache_sentinel") ? (t28 = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(PerspectivePopover, {}) }), $[60] = t28) : t28 = $[60];
+	let t29;
+	$[61] === t27 ? t29 = $[62] : (t29 = /* @__PURE__ */ jsx(Card, {
 		paddingBottom: 1,
 		children: /* @__PURE__ */ jsxs(Inline, {
 			gap: 1,
-			children: [t26, t27]
+			children: [t27, t28]
 		})
-	}), $[58] = t26, $[59] = t28);
-	let t29 = perspective || "default", t30;
-	$[60] !== isScheduledDraftsEnabled || $[61] !== pinnedPerspective || $[62] !== t ? (t30 = SUPPORTED_PERSPECTIVES.map((perspectiveName) => perspectiveName === "pinnedRelease" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+	}), $[61] = t27, $[62] = t29);
+	let t30 = perspective || "default", t31;
+	$[63] !== isScheduledDraftsEnabled || $[64] !== navbarVariantTitle || $[65] !== pinnedPerspective || $[66] !== t ? (t31 = SUPPORTED_PERSPECTIVES.map((perspectiveName) => perspectiveName === "pinnedRelease" ? /* @__PURE__ */ jsxs(Fragment, { children: [
 		/* @__PURE__ */ jsx(PinnedReleasePerspectiveOption, {
 			pinnedPerspective,
-			t
+			t,
+			variantTitle: navbarVariantTitle
 		}),
 		/* @__PURE__ */ jsx("option", {
 			value: "default",
@@ -2162,22 +2169,22 @@ function VisionGuiHeader(t0) {
 	] }, "pinnedRelease") : perspectiveName === "scheduledDrafts" ? isScheduledDraftsEnabled ? /* @__PURE__ */ jsx("option", {
 		value: "scheduledDrafts",
 		children: t("settings.perspectives.scheduled-drafts")
-	}, "scheduledDrafts") : null : /* @__PURE__ */ jsx("option", { children: perspectiveName }, perspectiveName)), $[60] = isScheduledDraftsEnabled, $[61] = pinnedPerspective, $[62] = t, $[63] = t30) : t30 = $[63];
-	let t31;
-	$[64] !== onChangePerspective || $[65] !== t29 || $[66] !== t30 ? (t31 = /* @__PURE__ */ jsx(Select, {
+	}, "scheduledDrafts") : null : /* @__PURE__ */ jsx("option", { children: perspectiveName }, perspectiveName)), $[63] = isScheduledDraftsEnabled, $[64] = navbarVariantTitle, $[65] = pinnedPerspective, $[66] = t, $[67] = t31) : t31 = $[67];
+	let t32;
+	$[68] !== onChangePerspective || $[69] !== t30 || $[70] !== t31 ? (t32 = /* @__PURE__ */ jsx(Select, {
 		"data-testid": "perspective-selector",
-		value: t29,
+		value: t30,
 		onChange: onChangePerspective,
-		children: t30
-	}), $[64] = onChangePerspective, $[65] = t29, $[66] = t30, $[67] = t31) : t31 = $[67];
-	let t32;
-	$[68] !== t28 || $[69] !== t31 ? (t32 = /* @__PURE__ */ jsx(Box, {
-		padding: 1,
-		gridColumn: t24,
-		children: /* @__PURE__ */ jsxs(VStack, { children: [t28, t31] })
-	}), $[68] = t28, $[69] = t31, $[70] = t32) : t32 = $[70];
+		children: t31
+	}), $[68] = onChangePerspective, $[69] = t30, $[70] = t31, $[71] = t32) : t32 = $[71];
 	let t33;
-	$[71] !== customApiVersion || $[72] !== t || $[73] !== url ? (t33 = typeof url == "string" ? /* @__PURE__ */ jsx(Box, {
+	$[72] !== t29 || $[73] !== t32 ? (t33 = /* @__PURE__ */ jsx(Box, {
+		padding: 1,
+		gridColumn: t25,
+		children: /* @__PURE__ */ jsxs(VStack, { children: [t29, t32] })
+	}), $[72] = t29, $[73] = t32, $[74] = t33) : t33 = $[74];
+	let t34;
+	$[75] !== customApiVersion || $[76] !== t || $[77] !== url ? (t34 = typeof url == "string" ? /* @__PURE__ */ jsx(Box, {
 		padding: 1,
 		flexBasis: "0%",
 		flexGrow: 1,
@@ -2229,22 +2236,22 @@ function VisionGuiHeader(t0) {
 	}) : /* @__PURE__ */ jsx(Box, {
 		flexBasis: "0%",
 		flexGrow: 1
-	}), $[71] = customApiVersion, $[72] = t, $[73] = url, $[74] = t33) : t33 = $[74];
-	let t34;
-	return $[75] !== t22 || $[76] !== t23 || $[77] !== t32 || $[78] !== t33 || $[79] !== t9 ? (t34 = /* @__PURE__ */ jsx(Header, {
+	}), $[75] = customApiVersion, $[76] = t, $[77] = url, $[78] = t34) : t34 = $[78];
+	let t35;
+	return $[79] !== t10 || $[80] !== t23 || $[81] !== t24 || $[82] !== t33 || $[83] !== t34 ? (t35 = /* @__PURE__ */ jsx(Header, {
 		paddingX: 3,
 		paddingY: 2,
 		children: /* @__PURE__ */ jsxs(Grid, {
-			gridTemplateColumns: t3,
+			gridTemplateColumns: t4,
 			children: [
-				t9,
-				t22,
+				t10,
 				t23,
-				t32,
-				t33
+				t24,
+				t33,
+				t34
 			]
 		})
-	}), $[75] = t22, $[76] = t23, $[77] = t32, $[78] = t33, $[79] = t9, $[80] = t34) : t34 = $[80], t34;
+	}), $[79] = t10, $[80] = t23, $[81] = t24, $[82] = t33, $[83] = t34, $[84] = t35) : t35 = $[84], t35;
 }
 function _temp3$1(version) {
 	return /* @__PURE__ */ jsx("option", { children: version }, version);
@@ -2336,7 +2343,7 @@ function hasReleaseInPerspective(perspective) {
 function getUnsatisfiedApiVersionCapability(context, capabilities = API_VERSION_CAPABILITIES) {
 	if (context.statusCode === 400) return capabilities.find((capability) => capability.applies(context) && isApiVersionBelow(context.apiVersion, capability.requiredApiVersion));
 }
-var errorCode = "_1pbqrsr0";
+var errorCode = "hby5q50";
 function ErrorCode(props) {
 	let $ = c(2), t0;
 	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Code, {
@@ -2452,7 +2459,7 @@ function getAtKeypath(data, keypath) {
 	}
 	return { value: current };
 }
-var codeFamilyVar = "var(--_1r1tmat0)", codeFontSizeVar = "var(--_1r1tmat1)", codeLineHeightVar = "var(--_1r1tmat2)", copyNodeButton = "_1r1tmate", copyableResult = "_1r1tmatd", resultViewWrapper = "_1r1tmatc", space0Var = "var(--_1r1tmat3)", space2Var = "var(--_1r1tmat4)", space4HalfVar = "var(--_1r1tmat6)", space4Var = "var(--_1r1tmat5)", syntaxBooleanVar = "var(--_1r1tmata)", syntaxConstantVar = "var(--_1r1tmat8)", syntaxNumberVar = "var(--_1r1tmatb)", syntaxPropertyVar = "var(--_1r1tmat7)", syntaxStringVar = "var(--_1r1tmat9)";
+var codeFamilyVar = "var(--_1jg9key0)", codeFontSizeVar = "var(--_1jg9key1)", codeLineHeightVar = "var(--_1jg9key2)", copyNodeButton = "_1jg9keye", copyableResult = "_1jg9keyd", resultViewWrapper = "_1jg9keyc", space0Var = "var(--_1jg9key3)", space2Var = "var(--_1jg9key4)", space4HalfVar = "var(--_1jg9key6)", space4Var = "var(--_1jg9key5)", syntaxBooleanVar = "var(--_1jg9keya)", syntaxConstantVar = "var(--_1jg9key8)", syntaxNumberVar = "var(--_1jg9keyb)", syntaxPropertyVar = "var(--_1jg9key7)", syntaxStringVar = "var(--_1jg9key9)";
 const lru = new LRU({ maxSize: 5e4 });
 function ResultViewWrapper(t0) {
 	let $ = c(25), { children, copyable } = t0, { color, font, space } = useTheme_v2(), codeSize = font.code.sizes[2], t1 = copyable ? `${resultViewWrapper} ${copyableResult}` : resultViewWrapper, t2 = font.code.family, t3 = `${codeSize.fontSize}px`, t4 = `${codeSize.lineHeight}px`, t5;
@@ -2798,7 +2805,7 @@ function nodeContains(node, other) {
 }
 const isRunHotkey = (event) => isHotkey("ctrl+enter", event) || isHotkey("mod+enter", event);
 function VisionGui(props) {
-	let $ = c(234), { datasets, config, projectId, defaultDataset, onSwitchToRedesign } = props, toast = useToast(), { t } = useTranslation(visionLocaleNamespace), { perspectiveStack, selectedVariantNames } = usePerspective(), selectedVariantName = getDefaultVariant(selectedVariantNames), isScheduledDraftsEnabled = useScheduledDraftsEnabled(), { data: t0 } = useActiveReleases(), t1;
+	let $ = c(234), { datasets, config, projectId, defaultDataset, onSwitchToRedesign } = props, toast = useToast(), { t } = useTranslation(visionLocaleNamespace), { perspectiveStack, selectedVariantNames } = usePerspective(), selectedVariantName = useVariantsEnabled() ? getDefaultVariant(selectedVariantNames) : void 0, isScheduledDraftsEnabled = useScheduledDraftsEnabled(), { data: t0 } = useActiveReleases(), t1;
 	$[0] === t0 ? t1 = $[1] : (t1 = t0 === void 0 ? [] : t0, $[0] = t0, $[1] = t1);
 	let releases = t1, isDraftModelEnabled = useWorkspace().document.drafts.enabled, editorQueryRef = useRef(null), editorParamsRef = useRef(null), visionRootRef = useRef(null), customApiVersionElementRef = useRef(null), querySubscriptionRef = useRef(void 0), listenSubscriptionRef = useRef(void 0), t2;
 	$[2] === projectId ? t2 = $[3] : (t2 = () => getLocalStorage(projectId || "default"), $[2] = projectId, $[3] = t2);
@@ -3531,7 +3538,7 @@ function _temp() {
 	return DEFAULT_PREFERENCE;
 }
 var SanityVision_exports = /* @__PURE__ */ __exportAll({ default: () => SanityVision });
-const vistaGui = createRetryableLazy(() => import("./VistaGui-ufsccNLQ.js").then((module) => ({ default: module.VistaGui }))), VistaGuiLoader = vistaGui.Component;
+const vistaGui = createRetryableLazy(() => import("./VistaGui-CFsbMx2g.js").then((module) => ({ default: module.VistaGui }))), VistaGuiLoader = vistaGui.Component;
 function SanityVision(props) {
 	let $ = c(31), t0;
 	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = { apiVersion: "1" }, $[0] = t0) : t0 = $[0];
@@ -3582,6 +3589,6 @@ function SanityVision(props) {
 		children: [t7, t8]
 	}), $[28] = t7, $[29] = t8, $[30] = t9) : t9 = $[30], t9;
 }
-export { VARIANTS_API_VERSION as A, getActivePerspective as C, resultJsonExtensions as D, paramsExtensions as E, API_VERSIONS as O, encodeQueryString as S, groqExtensions as T, VISION_STORAGE_KEY_PREFIX as _, getAtKeypath as a, isPlainObject as b, DelayedSpinner as c, getJsonBlobUrl as d, SanityVision as default, useSavedQueries as f, validateApiVersion as g, parseQueryUrl as h, describeKeypath as i, prefixApiVersion as j, DEFAULT_API_VERSION as k, canEncodeCsv as l, isApiCdnHost as m, createRetryableLazy as n, QueryErrorDialog as o, parseParams as p, ResultView as r, isApiVersionBelow as s, SanityVision_exports as t, getCsvBlobUrl as u, getStorage as v, VisionCodeMirror as w, isVisionPasteTarget as x, onLocalStorageCleared as y };
+export { DEFAULT_API_VERSION as A, getActivePerspective as C, paramsExtensions as D, groqExtensions as E, prefixApiVersion as M, resultJsonExtensions as O, encodeQueryString as S, VisionCodeMirror as T, VISION_STORAGE_KEY_PREFIX as _, getAtKeypath as a, isPlainObject as b, DelayedSpinner as c, getJsonBlobUrl as d, SanityVision as default, useSavedQueries as f, validateApiVersion as g, parseQueryUrl as h, describeKeypath as i, VARIANTS_API_VERSION as j, API_VERSIONS as k, canEncodeCsv as l, isApiCdnHost as m, createRetryableLazy as n, QueryErrorDialog as o, parseParams as p, ResultView as r, isApiVersionBelow as s, SanityVision_exports as t, getCsvBlobUrl as u, getStorage as v, useVariantsEnabled as w, isVisionPasteTarget as x, onLocalStorageCleared as y };
 
-//# sourceMappingURL=SanityVision-lYX0oOV-.js.map
+//# sourceMappingURL=SanityVision-BPTjMcT_.js.map