@sanity/vision 6.12.0-next.52 → 6.12.0-next.60

package/lib/{SanityVision-DQ63H4kn.js → SanityVision-II_F9zA2.js}

@@ -1,6 +1,6 @@
-import { t as visionLocaleNamespace } from "./i18n-B53Bf56u.js";
+import { t as visionLocaleNamespace } from "./i18n-t8J2mRUI.js";
 import { Component, Fragment, Suspense, use, useEffect, useImperativeHandle, useRef, useState } from "react";
-import { ContextMenuButton, Translate, UserAvatar, VARIANTS_STUDIO_CLIENT_OPTIONS, getReleaseIdFromReleaseDocumentId, getVariantTitle, isCardinalityOneRelease, sortReleases, useActiveReleases, useClient, useCurrentUser, useDataset, useDateTimeFormat, useKeyValueStore, usePerspective, useScheduledDraftsEnabled, useTranslation, useWorkspace } from "sanity";
+import { ContextMenuButton, RELEASES_STUDIO_CLIENT_OPTIONS, Translate, UserAvatar, VARIANTS_STUDIO_CLIENT_OPTIONS, getReleaseIdFromReleaseDocumentId, getVariantTitle, isCardinalityOneRelease, sortReleases, useActiveReleases, useClient, useCurrentUser, useDataset, useDateTimeFormat, useKeyValueStore, usePerspective, useScheduledDraftsEnabled, useTranslation, useWorkspace } from "sanity";
 import { IntentLink } from "sanity/router";
 import { c } from "react/compiler-runtime";
 import { Badge, Button, Card, Container, Dialog, Flex, Grid, Heading, Hotkeys, Inline, Label, Select, Spinner, Stack, Tab, TabList, Text, TextInput, rem, useClickOutsideEvent, useTheme, useTheme_v2 } from "@sanity/ui";
@@ -44,6 +44,7 @@ import { CopyIcon } from "@sanity/icons/Copy";
 import { HelpCircleIcon } from "@sanity/icons/HelpCircle";
 import { Popover } from "@sanity/ui/popover";
 import { json2csv } from "json-2-csv";
+import { isHttpError } from "@sanity/client";
 import { JsonInspector } from "@rexxars/react-json-inspector";
 import { LinkIcon } from "@sanity/icons/Link";
 import LRU from "quick-lru";
@@ -1930,6 +1931,46 @@ function getMemoizedBlobUrlResolver(mimeType, stringEncoder) {
 	})();
 }
 const getJsonBlobUrl = getMemoizedBlobUrlResolver("application/json", (input) => JSON.stringify(input, null, 2)), getCsvBlobUrl = getMemoizedBlobUrlResolver("text/csv", (input) => json2csv(Array.isArray(input) ? input : [input]).trim());
+/**
+* Returns true when `selected` does not satisfy `required`.
+*
+* `X` is the experimental API: it satisfies every requirement, and when it is
+* the requirement only `X` satisfies it. Dated versions compare
+* lexicographically. `v1` sits below every dated version and `X`.
+*/
+function isApiVersionBelow(selected, required) {
+	let parsedSelected = parseApiVersion(selected), parsedRequired = parseApiVersion(required);
+	return parsedSelected.kind === "unknown" || parsedRequired.kind === "unknown" || parsedSelected.kind === "experimental" ? !1 : parsedRequired.kind === "experimental" ? !0 : parsedSelected.kind === "legacy" ? parsedRequired.kind !== "legacy" : parsedRequired.kind !== "legacy" && parsedSelected.value < parsedRequired.value;
+}
+function parseApiVersion(version) {
+	let normalized = version.replace(/^v/i, "").trim();
+	return normalized ? normalized.toUpperCase() === "X" ? { kind: "experimental" } : normalized === "1" ? { kind: "legacy" } : /^\d{4}-\d{2}-\d{2}$/.test(normalized) ? {
+		kind: "dated",
+		value: normalized
+	} : { kind: "unknown" } : { kind: "unknown" };
+}
+const NAMED_PERSPECTIVES = /* @__PURE__ */ new Set([
+	"raw",
+	"published",
+	"drafts",
+	"previewDrafts"
+]), API_VERSION_CAPABILITIES = [{
+	id: "variants",
+	requiredApiVersion: VARIANTS_STUDIO_CLIENT_OPTIONS.apiVersion,
+	explanationKey: "query.error.unsupported-variant",
+	applies: ({ variant }) => !!variant
+}, {
+	id: "releases",
+	requiredApiVersion: RELEASES_STUDIO_CLIENT_OPTIONS.apiVersion,
+	explanationKey: "query.error.unsupported-release-perspective",
+	applies: ({ perspective }) => hasReleaseInPerspective(perspective)
+}];
+function hasReleaseInPerspective(perspective) {
+	return Array.isArray(perspective) ? perspective.some((entry) => !NAMED_PERSPECTIVES.has(entry)) : !1;
+}
+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 = "vgszcp0";
 function ErrorCode(props) {
 	let $ = c(2), t0;
@@ -1991,19 +2032,37 @@ function dashLine(column, columnEnd) {
 	return `${"-".repeat(column)}${"^".repeat(columnEnd ? columnEnd - column : 1)}`;
 }
 function QueryErrorDialog(props) {
-	let $ = c(7), t0;
-	$[0] === props.error.message ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(ErrorCode, {
+	let $ = c(20), { error, apiVersion, perspective, variant } = props, { t } = useTranslation(visionLocaleNamespace), T0, t0, t1, t2;
+	if ($[0] !== apiVersion || $[1] !== error || $[2] !== perspective || $[3] !== t || $[4] !== variant) {
+		let unsatisfiedCapability = getUnsatisfiedApiVersionCapability({
+			statusCode: isHttpError(error) ? error.statusCode : void 0,
+			apiVersion,
+			perspective,
+			variant
+		});
+		T0 = Stack, t0 = 5, t1 = 2, t2 = unsatisfiedCapability ? /* @__PURE__ */ jsx(Text, {
+			"data-testid": "query-error-api-version-capability-hint",
+			size: 1,
+			children: t(unsatisfiedCapability.explanationKey, { apiVersion: prefixApiVersion(unsatisfiedCapability.requiredApiVersion) })
+		}) : null, $[0] = apiVersion, $[1] = error, $[2] = perspective, $[3] = t, $[4] = variant, $[5] = T0, $[6] = t0, $[7] = t1, $[8] = t2;
+	} else T0 = $[5], t0 = $[6], t1 = $[7], t2 = $[8];
+	let t3;
+	$[9] === error.message ? t3 = $[10] : (t3 = /* @__PURE__ */ jsx(ErrorCode, {
 		size: 1,
-		children: props.error.message
-	}), $[0] = props.error.message, $[1] = t0);
-	let t1;
-	$[2] === props.error ? t1 = $[3] : (t1 = /* @__PURE__ */ jsx(QueryErrorDetails, { error: props.error }), $[2] = props.error, $[3] = t1);
-	let t2;
-	return $[4] !== t0 || $[5] !== t1 ? (t2 = /* @__PURE__ */ jsxs(Stack, {
-		gap: 5,
-		marginTop: 2,
-		children: [t0, t1]
-	}), $[4] = t0, $[5] = t1, $[6] = t2) : t2 = $[6], t2;
+		children: error.message
+	}), $[9] = error.message, $[10] = t3);
+	let t4;
+	$[11] === error ? t4 = $[12] : (t4 = /* @__PURE__ */ jsx(QueryErrorDetails, { error }), $[11] = error, $[12] = t4);
+	let t5;
+	return $[13] !== T0 || $[14] !== t0 || $[15] !== t1 || $[16] !== t2 || $[17] !== t3 || $[18] !== t4 ? (t5 = /* @__PURE__ */ jsxs(T0, {
+		gap: t0,
+		marginTop: t1,
+		children: [
+			t2,
+			t3,
+			t4
+		]
+	}), $[13] = T0, $[14] = t0, $[15] = t1, $[16] = t2, $[17] = t3, $[18] = t4, $[19] = t5) : t5 = $[19], t5;
 }
 var codeFamilyVar = "var(--_1rvgeh0)", codeFontSizeVar = "var(--_1rvgeh1)", codeLineHeightVar = "var(--_1rvgeh2)", resultViewWrapper = "_1rvgehc", space0Var = "var(--_1rvgeh3)", space2Var = "var(--_1rvgeh4)", space4HalfVar = "var(--_1rvgeh6)", space4Var = "var(--_1rvgeh5)", syntaxBooleanVar = "var(--_1rvgeha)", syntaxConstantVar = "var(--_1rvgeh8)", syntaxNumberVar = "var(--_1rvgehb)", syntaxPropertyVar = "var(--_1rvgeh7)", syntaxStringVar = "var(--_1rvgeh9)";
 const lru = new LRU({ maxSize: 5e4 });
@@ -2133,7 +2192,7 @@ function SaveJsonButton(t0) {
 	}), $[0] = blobUrl, $[1] = t1), t1;
 }
 function VisionGuiResult(t0) {
-	let $ = c(77), { error, queryInProgress, queryResult, listenInProgress, listenMutations, dataset, queryTime, e2eTime, compactFooter: t1 } = t0, compactFooter = t1 !== void 0 && t1, { t } = useTranslation(visionLocaleNamespace), hasResult = !error && !queryInProgress && queryResult !== void 0, t2 = error ? "critical" : "default", t3 = !!error, t4;
+	let $ = c(80), { error, apiVersion, perspective, variant, queryInProgress, queryResult, listenInProgress, listenMutations, dataset, queryTime, e2eTime, compactFooter: t1 } = t0, compactFooter = t1 !== void 0 && t1, { t } = useTranslation(visionLocaleNamespace), hasResult = !error && !queryInProgress && queryResult !== void 0, t2 = error ? "critical" : "default", t3 = !!error, t4;
 	$[0] === t ? t4 = $[1] : (t4 = t("result.label"), $[0] = t, $[1] = t4);
 	let t5;
 	$[2] === t4 ? t5 = $[3] : (t5 = /* @__PURE__ */ jsx(InputBackgroundContainer, { children: /* @__PURE__ */ jsx(Box, {
@@ -2149,19 +2208,24 @@ function VisionGuiResult(t0) {
 		children: /* @__PURE__ */ jsx(DelayedSpinner, {})
 	}), $[4] = listenInProgress, $[5] = listenMutations, $[6] = queryInProgress, $[7] = t6) : t6 = $[7];
 	let t7;
-	$[8] === error ? t7 = $[9] : (t7 = error && /* @__PURE__ */ jsx(QueryErrorDialog, { error }), $[8] = error, $[9] = t7);
+	$[8] !== apiVersion || $[9] !== error || $[10] !== perspective || $[11] !== variant ? (t7 = error && /* @__PURE__ */ jsx(QueryErrorDialog, {
+		apiVersion,
+		error,
+		perspective,
+		variant
+	}), $[8] = apiVersion, $[9] = error, $[10] = perspective, $[11] = variant, $[12] = t7) : t7 = $[12];
 	let t8;
-	$[10] !== dataset || $[11] !== hasResult || $[12] !== queryResult ? (t8 = hasResult && /* @__PURE__ */ jsx(ResultView, {
+	$[13] !== dataset || $[14] !== hasResult || $[15] !== queryResult ? (t8 = hasResult && /* @__PURE__ */ jsx(ResultView, {
 		data: queryResult,
 		datasetName: dataset
-	}), $[10] = dataset, $[11] = hasResult, $[12] = queryResult, $[13] = t8) : t8 = $[13];
+	}), $[13] = dataset, $[14] = hasResult, $[15] = queryResult, $[16] = t8) : t8 = $[16];
 	let t9;
-	$[14] !== dataset || $[15] !== listenInProgress || $[16] !== listenMutations ? (t9 = listenInProgress && listenMutations.length > 0 && /* @__PURE__ */ jsx(ResultView, {
+	$[17] !== dataset || $[18] !== listenInProgress || $[19] !== listenMutations ? (t9 = listenInProgress && listenMutations.length > 0 && /* @__PURE__ */ jsx(ResultView, {
 		data: listenMutations,
 		datasetName: dataset
-	}), $[14] = dataset, $[15] = listenInProgress, $[16] = listenMutations, $[17] = t9) : t9 = $[17];
+	}), $[17] = dataset, $[18] = listenInProgress, $[19] = listenMutations, $[20] = t9) : t9 = $[20];
 	let t10;
-	$[18] !== t6 || $[19] !== t7 || $[20] !== t8 || $[21] !== t9 ? (t10 = /* @__PURE__ */ jsxs(Box, {
+	$[21] !== t6 || $[22] !== t7 || $[23] !== t8 || $[24] !== t9 ? (t10 = /* @__PURE__ */ jsxs(Box, {
 		padding: 3,
 		paddingTop: 5,
 		children: [
@@ -2170,14 +2234,14 @@ function VisionGuiResult(t0) {
 			t8,
 			t9
 		]
-	}), $[18] = t6, $[19] = t7, $[20] = t8, $[21] = t9, $[22] = t10) : t10 = $[22];
+	}), $[21] = t6, $[22] = t7, $[23] = t8, $[24] = t9, $[25] = t10) : t10 = $[25];
 	let t11;
-	$[23] !== t10 || $[24] !== t5 ? (t11 = /* @__PURE__ */ jsxs(Result, {
+	$[26] !== t10 || $[27] !== t5 ? (t11 = /* @__PURE__ */ jsxs(Result, {
 		overflow: "auto",
 		children: [t5, t10]
-	}), $[23] = t10, $[24] = t5, $[25] = t11) : t11 = $[25];
+	}), $[26] = t10, $[27] = t5, $[28] = t11) : t11 = $[28];
 	let t12;
-	$[26] !== t11 || $[27] !== t2 || $[28] !== t3 ? (t12 = /* @__PURE__ */ jsx(ResultInnerContainer, {
+	$[29] !== t11 || $[30] !== t2 || $[31] !== t3 ? (t12 = /* @__PURE__ */ jsx(ResultInnerContainer, {
 		flexBasis: "0%",
 		flexGrow: 1,
 		children: /* @__PURE__ */ jsx(ResultContainer, {
@@ -2187,21 +2251,21 @@ function VisionGuiResult(t0) {
 			isInvalid: t3,
 			children: t11
 		})
-	}), $[26] = t11, $[27] = t2, $[28] = t3, $[29] = t12) : t12 = $[29];
+	}), $[29] = t11, $[30] = t2, $[31] = t3, $[32] = t12) : t12 = $[32];
 	let t13 = compactFooter ? "flex-start" : "space-between", t14 = compactFooter ? "stretch" : void 0, t15;
-	$[30] === compactFooter ? t15 = $[31] : (t15 = compactFooter ? "column" : [
+	$[33] === compactFooter ? t15 = $[34] : (t15 = compactFooter ? "column" : [
 		"column",
 		"column",
 		"row"
-	], $[30] = compactFooter, $[31] = t15);
+	], $[33] = compactFooter, $[34] = t15);
 	let t16 = compactFooter ? 3 : 4, t17 = compactFooter ? 2 : 3, t18;
-	$[32] === compactFooter ? t18 = $[33] : (t18 = compactFooter ? { width: "100%" } : { minWidth: 0 }, $[32] = compactFooter, $[33] = t18);
+	$[35] === compactFooter ? t18 = $[36] : (t18 = compactFooter ? { width: "100%" } : { minWidth: 0 }, $[35] = compactFooter, $[36] = t18);
 	let t19 = compactFooter ? 1 : 2, t20;
-	$[34] === t ? t20 = $[35] : (t20 = t("result.execution-time-label"), $[34] = t, $[35] = t20);
+	$[37] === t ? t20 = $[38] : (t20 = t("result.execution-time-label"), $[37] = t, $[38] = t20);
 	let t21;
-	$[36] !== queryTime || $[37] !== t ? (t21 = typeof queryTime == "number" ? `${queryTime}ms` : t("result.timing-not-applicable"), $[36] = queryTime, $[37] = t, $[38] = t21) : t21 = $[38];
+	$[39] !== queryTime || $[40] !== t ? (t21 = typeof queryTime == "number" ? `${queryTime}ms` : t("result.timing-not-applicable"), $[39] = queryTime, $[40] = t, $[41] = t21) : t21 = $[41];
 	let t22;
-	$[39] !== t19 || $[40] !== t20 || $[41] !== t21 ? (t22 = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, {
+	$[42] !== t19 || $[43] !== t20 || $[44] !== t21 ? (t22 = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, {
 		muted: !0,
 		size: t19,
 		children: [
@@ -2210,13 +2274,13 @@ function VisionGuiResult(t0) {
 			" ",
 			t21
 		]
-	}) }), $[39] = t19, $[40] = t20, $[41] = t21, $[42] = t22) : t22 = $[42];
+	}) }), $[42] = t19, $[43] = t20, $[44] = t21, $[45] = t22) : t22 = $[45];
 	let t23 = compactFooter ? 3 : 4, t24 = compactFooter ? 1 : 2, t25;
-	$[43] === t ? t25 = $[44] : (t25 = t("result.end-to-end-time-label"), $[43] = t, $[44] = t25);
+	$[46] === t ? t25 = $[47] : (t25 = t("result.end-to-end-time-label"), $[46] = t, $[47] = t25);
 	let t26;
-	$[45] !== e2eTime || $[46] !== t ? (t26 = typeof e2eTime == "number" ? `${e2eTime}ms` : t("result.timing-not-applicable"), $[45] = e2eTime, $[46] = t, $[47] = t26) : t26 = $[47];
+	$[48] !== e2eTime || $[49] !== t ? (t26 = typeof e2eTime == "number" ? `${e2eTime}ms` : t("result.timing-not-applicable"), $[48] = e2eTime, $[49] = t, $[50] = t26) : t26 = $[50];
 	let t27;
-	$[48] !== t24 || $[49] !== t25 || $[50] !== t26 ? (t27 = /* @__PURE__ */ jsxs(Text, {
+	$[51] !== t24 || $[52] !== t25 || $[53] !== t26 ? (t27 = /* @__PURE__ */ jsxs(Text, {
 		muted: !0,
 		size: t24,
 		children: [
@@ -2225,27 +2289,27 @@ function VisionGuiResult(t0) {
 			" ",
 			t26
 		]
-	}), $[48] = t24, $[49] = t25, $[50] = t26, $[51] = t27) : t27 = $[51];
+	}), $[51] = t24, $[52] = t25, $[53] = t26, $[54] = t27) : t27 = $[54];
 	let t28;
-	$[52] !== t23 || $[53] !== t27 ? (t28 = /* @__PURE__ */ jsx(Box, {
+	$[55] !== t23 || $[56] !== t27 ? (t28 = /* @__PURE__ */ jsx(Box, {
 		marginLeft: t23,
 		children: t27
-	}), $[52] = t23, $[53] = t27, $[54] = t28) : t28 = $[54];
+	}), $[55] = t23, $[56] = t27, $[57] = t28) : t28 = $[57];
 	let t29;
-	$[55] !== t22 || $[56] !== t28 ? (t29 = /* @__PURE__ */ jsxs(TimingsTextContainer, {
+	$[58] !== t22 || $[59] !== t28 ? (t29 = /* @__PURE__ */ jsxs(TimingsTextContainer, {
 		align: "center",
 		children: [t22, t28]
-	}), $[55] = t22, $[56] = t28, $[57] = t29) : t29 = $[57];
+	}), $[58] = t22, $[59] = t28, $[60] = t29) : t29 = $[60];
 	let t30;
-	$[58] !== t16 || $[59] !== t17 || $[60] !== t18 || $[61] !== t29 ? (t30 = /* @__PURE__ */ jsx(TimingsCard, {
+	$[61] !== t16 || $[62] !== t17 || $[63] !== t18 || $[64] !== t29 ? (t30 = /* @__PURE__ */ jsx(TimingsCard, {
 		paddingX: t16,
 		paddingY: t17,
 		sizing: "border",
 		style: t18,
 		children: t29
-	}), $[58] = t16, $[59] = t17, $[60] = t18, $[61] = t29, $[62] = t30) : t30 = $[62];
+	}), $[61] = t16, $[62] = t17, $[63] = t18, $[64] = t29, $[65] = t30) : t30 = $[65];
 	let t31;
-	$[63] !== compactFooter || $[64] !== hasResult || $[65] !== queryResult || $[66] !== t ? (t31 = hasResult && /* @__PURE__ */ jsx(DownloadsCard, {
+	$[66] !== compactFooter || $[67] !== hasResult || $[68] !== queryResult || $[69] !== t ? (t31 = hasResult && /* @__PURE__ */ jsx(DownloadsCard, {
 		paddingX: compactFooter ? 3 : 4,
 		paddingY: compactFooter ? 2 : 3,
 		sizing: "border",
@@ -2263,20 +2327,20 @@ function VisionGuiResult(t0) {
 				t
 			})
 		})
-	}), $[63] = compactFooter, $[64] = hasResult, $[65] = queryResult, $[66] = t, $[67] = t31) : t31 = $[67];
+	}), $[66] = compactFooter, $[67] = hasResult, $[68] = queryResult, $[69] = t, $[70] = t31) : t31 = $[70];
 	let t32;
-	$[68] !== t13 || $[69] !== t14 || $[70] !== t15 || $[71] !== t30 || $[72] !== t31 ? (t32 = /* @__PURE__ */ jsxs(ResultFooter, {
+	$[71] !== t13 || $[72] !== t14 || $[73] !== t15 || $[74] !== t30 || $[75] !== t31 ? (t32 = /* @__PURE__ */ jsxs(ResultFooter, {
 		justify: t13,
 		align: t14,
 		direction: t15,
 		children: [t30, t31]
-	}), $[68] = t13, $[69] = t14, $[70] = t15, $[71] = t30, $[72] = t31, $[73] = t32) : t32 = $[73];
+	}), $[71] = t13, $[72] = t14, $[73] = t15, $[74] = t30, $[75] = t31, $[76] = t32) : t32 = $[76];
 	let t33;
-	return $[74] !== t12 || $[75] !== t32 ? (t33 = /* @__PURE__ */ jsxs(ResultOuterContainer, {
+	return $[77] !== t12 || $[78] !== t32 ? (t33 = /* @__PURE__ */ jsxs(ResultOuterContainer, {
 		direction: "column",
 		"data-testid": "vision-result",
 		children: [t12, t32]
-	}), $[74] = t12, $[75] = t32, $[76] = t33) : t33 = $[76], t33;
+	}), $[77] = t12, $[78] = t32, $[79] = t33) : t33 = $[79], t33;
 }
 function SaveResultButtons(t0) {
 	let $ = c(11), { queryResult } = t0, t1;
@@ -2295,7 +2359,7 @@ function nodeContains(node, other) {
 }
 const sanityUrl = /\/(vX|v1|v\d{4}-\d\d-\d\d)\/.*?(?:query|listen)\/(.*?)\?(.*)/, VARIANTS_API_VERSION = prefixApiVersion(VARIANTS_STUDIO_CLIENT_OPTIONS.apiVersion), isRunHotkey = (event) => isHotkey("ctrl+enter", event) || isHotkey("mod+enter", event);
 function VisionGui(props) {
-	let $ = c(225), { datasets, config, projectId, defaultDataset } = props, toast = useToast(), { t } = useTranslation(visionLocaleNamespace), { perspectiveStack, selectedVariantName } = usePerspective(), isScheduledDraftsEnabled = useScheduledDraftsEnabled(), { data: t0 } = useActiveReleases(), t1;
+	let $ = c(232), { datasets, config, projectId, defaultDataset } = props, toast = useToast(), { t } = useTranslation(visionLocaleNamespace), { perspectiveStack, selectedVariantName } = usePerspective(), 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);
@@ -2634,8 +2698,17 @@ function VisionGui(props) {
 		})
 	}), $[176] = paneSizeOptions.allowResize, $[177] = paneSizeOptions.maxSize, $[178] = paneSizeOptions.size, $[179] = t52, $[180] = t55, $[181] = t60, $[182] = t63, $[183] = t64) : t64 = $[183];
 	let t65;
-	$[184] !== dataset || $[185] !== e2eTime || $[186] !== error || $[187] !== listenInProgress || $[188] !== listenMutations || $[189] !== queryInProgress || $[190] !== queryResult || $[191] !== queryTime ? (t65 = /* @__PURE__ */ jsx(VisionGuiResult, {
+	$[184] !== perspective || $[185] !== perspectiveStack || $[186] !== scheduledDraftsStack ? (t65 = getActivePerspective({
+		visionPerspective: perspective,
+		perspectiveStack,
+		scheduledDraftsStack
+	}), $[184] = perspective, $[185] = perspectiveStack, $[186] = scheduledDraftsStack, $[187] = t65) : t65 = $[187];
+	let t66;
+	$[188] !== activeVariant || $[189] !== dataset || $[190] !== e2eTime || $[191] !== error || $[192] !== listenInProgress || $[193] !== listenMutations || $[194] !== queryInProgress || $[195] !== queryResult || $[196] !== queryTime || $[197] !== t65 || $[198] !== userApiVersion ? (t66 = /* @__PURE__ */ jsx(VisionGuiResult, {
 		error,
+		apiVersion: userApiVersion,
+		perspective: t65,
+		variant: activeVariant,
 		queryInProgress,
 		queryResult,
 		listenInProgress,
@@ -2643,9 +2716,9 @@ function VisionGui(props) {
 		dataset,
 		queryTime,
 		e2eTime
-	}), $[184] = dataset, $[185] = e2eTime, $[186] = error, $[187] = listenInProgress, $[188] = listenMutations, $[189] = queryInProgress, $[190] = queryResult, $[191] = queryTime, $[192] = t65) : t65 = $[192];
-	let t66;
-	$[193] !== t51 || $[194] !== t64 || $[195] !== t65 ? (t66 = /* @__PURE__ */ jsx(Box, {
+	}), $[188] = activeVariant, $[189] = dataset, $[190] = e2eTime, $[191] = error, $[192] = listenInProgress, $[193] = listenMutations, $[194] = queryInProgress, $[195] = queryResult, $[196] = queryTime, $[197] = t65, $[198] = userApiVersion, $[199] = t66) : t66 = $[199];
+	let t67;
+	$[200] !== t51 || $[201] !== t64 || $[202] !== t66 ? (t67 = /* @__PURE__ */ jsx(Box, {
 		height: "stretch",
 		flexBasis: "0%",
 		flexGrow: 1,
@@ -2653,54 +2726,54 @@ function VisionGui(props) {
 			className: "sidebarPanes",
 			split: t51,
 			minSize: 300,
-			children: [t64, t65]
+			children: [t64, t66]
 		})
-	}), $[193] = t51, $[194] = t64, $[195] = t65, $[196] = t66) : t66 = $[196];
-	let t67;
-	$[197] === Symbol.for("react.memo_cache_sentinel") ? (t67 = {
+	}), $[200] = t51, $[201] = t64, $[202] = t66, $[203] = t67) : t67 = $[203];
+	let t68;
+	$[204] === Symbol.for("react.memo_cache_sentinel") ? (t68 = {
 		position: "absolute",
 		left: -32,
 		top: "50%",
 		transform: "translateY(-50%)",
 		zIndex: 100,
 		pointerEvents: "auto"
-	}, $[197] = t67) : t67 = $[197];
-	let t68;
-	$[198] === isQueryRecallCollapsed ? t68 = $[199] : (t68 = () => setIsQueryRecallCollapsed(!isQueryRecallCollapsed), $[198] = isQueryRecallCollapsed, $[199] = t68);
+	}, $[204] = t68) : t68 = $[204];
 	let t69;
-	$[200] === Symbol.for("react.memo_cache_sentinel") ? (t69 = {
+	$[205] === isQueryRecallCollapsed ? t69 = $[206] : (t69 = () => setIsQueryRecallCollapsed(!isQueryRecallCollapsed), $[205] = isQueryRecallCollapsed, $[206] = t69);
+	let t70;
+	$[207] === Symbol.for("react.memo_cache_sentinel") ? (t70 = {
 		display: "flex",
 		alignItems: "center",
 		height: "100%"
-	}, $[200] = t69) : t69 = $[200];
-	let t70;
-	$[201] === isQueryRecallCollapsed ? t70 = $[202] : (t70 = /* @__PURE__ */ jsx("div", {
-		style: t69,
-		children: jsx(isQueryRecallCollapsed ? ChevronLeftIcon : ChevronRightIcon, {})
-	}), $[201] = isQueryRecallCollapsed, $[202] = t70);
+	}, $[207] = t70) : t70 = $[207];
 	let t71;
-	$[203] !== t68 || $[204] !== t70 ? (t71 = /* @__PURE__ */ jsx(Button, {
+	$[208] === isQueryRecallCollapsed ? t71 = $[209] : (t71 = /* @__PURE__ */ jsx("div", {
+		style: t70,
+		children: jsx(isQueryRecallCollapsed ? ChevronLeftIcon : ChevronRightIcon, {})
+	}), $[208] = isQueryRecallCollapsed, $[209] = t71);
+	let t72;
+	$[210] !== t69 || $[211] !== t71 ? (t72 = /* @__PURE__ */ jsx(Button, {
 		mode: "ghost",
 		padding: 2,
-		style: t67,
-		onClick: t68,
-		children: t70
-	}), $[203] = t68, $[204] = t70, $[205] = t71) : t71 = $[205];
-	let t72;
-	$[206] === params.parsed ? t72 = $[207] : (t72 = params.parsed || {}, $[206] = params.parsed, $[207] = t72);
+		style: t68,
+		onClick: t69,
+		children: t71
+	}), $[210] = t69, $[211] = t71, $[212] = t72) : t72 = $[212];
 	let t73;
-	$[208] !== generateUrl || $[209] !== getStateFromUrl || $[210] !== query || $[211] !== setStateFromParsedUrl || $[212] !== t72 || $[213] !== url ? (t73 = /* @__PURE__ */ jsx(QueryRecallPaneWrapper, { children: /* @__PURE__ */ jsx(QueryRecall, {
+	$[213] === params.parsed ? t73 = $[214] : (t73 = params.parsed || {}, $[213] = params.parsed, $[214] = t73);
+	let t74;
+	$[215] !== generateUrl || $[216] !== getStateFromUrl || $[217] !== query || $[218] !== setStateFromParsedUrl || $[219] !== t73 || $[220] !== url ? (t74 = /* @__PURE__ */ jsx(QueryRecallPaneWrapper, { children: /* @__PURE__ */ jsx(QueryRecall, {
 		url,
 		getStateFromUrl,
 		setStateFromParsedUrl,
 		currentQuery: query,
-		currentParams: t72,
+		currentParams: t73,
 		generateUrl
-	}) }), $[208] = generateUrl, $[209] = getStateFromUrl, $[210] = query, $[211] = setStateFromParsedUrl, $[212] = t72, $[213] = url, $[214] = t73) : t73 = $[214];
-	let t74;
-	$[215] !== t71 || $[216] !== t73 ? (t74 = /* @__PURE__ */ jsxs(QueryRecallPaneContainer, { children: [t71, t73] }), $[215] = t71, $[216] = t73, $[217] = t74) : t74 = $[217];
+	}) }), $[215] = generateUrl, $[216] = getStateFromUrl, $[217] = query, $[218] = setStateFromParsedUrl, $[219] = t73, $[220] = url, $[221] = t74) : t74 = $[221];
 	let t75;
-	$[218] !== t50 || $[219] !== t66 || $[220] !== t74 ? (t75 = /* @__PURE__ */ jsx(SplitpaneContainer, {
+	$[222] !== t72 || $[223] !== t74 ? (t75 = /* @__PURE__ */ jsxs(QueryRecallPaneContainer, { children: [t72, t74] }), $[222] = t72, $[223] = t74, $[224] = t75) : t75 = $[224];
+	let t76;
+	$[225] !== t50 || $[226] !== t67 || $[227] !== t75 ? (t76 = /* @__PURE__ */ jsx(SplitpaneContainer, {
 		flexBasis: "auto",
 		flexGrow: 1,
 		flexShrink: 1,
@@ -2710,19 +2783,19 @@ function VisionGui(props) {
 			size: t50,
 			maxSize: -225,
 			primary: "first",
-			children: [t66, t74]
+			children: [t67, t75]
 		})
-	}), $[218] = t50, $[219] = t66, $[220] = t74, $[221] = t75) : t75 = $[221];
-	let t76;
-	return $[222] !== t49 || $[223] !== t75 ? (t76 = /* @__PURE__ */ jsxs(Root, {
+	}), $[225] = t50, $[226] = t67, $[227] = t75, $[228] = t76) : t76 = $[228];
+	let t77;
+	return $[229] !== t49 || $[230] !== t76 ? (t77 = /* @__PURE__ */ jsxs(Root, {
 		direction: "column",
 		height: "fill",
 		ref: visionRootRef,
 		sizing: "border",
 		overflow: "hidden",
 		"data-testid": "vision-root",
-		children: [t49, t75]
-	}), $[222] = t49, $[223] = t75, $[224] = t76) : t76 = $[224], t76;
+		children: [t49, t76]
+	}), $[229] = t49, $[230] = t76, $[231] = t77) : t77 = $[231], t77;
 }
 function _temp2$1(release_0) {
 	return getReleaseIdFromReleaseDocumentId(release_0._id);
@@ -2879,4 +2952,4 @@ function SanityVision(props) {
 }
 export { SanityVision as default };
 
-//# sourceMappingURL=SanityVision-DQ63H4kn.js.map
+//# sourceMappingURL=SanityVision-II_F9zA2.js.map