@sanity/vision 6.11.0 → 6.12.0-next.112

package/lib/{SanityVision-ChQxkYFr.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,123 +2192,124 @@ function SaveJsonButton(t0) {
 	}), $[0] = blobUrl, $[1] = t1), t1;
 }
 function VisionGuiResult(t0) {
-	let $ = c(84), { 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;
-	$[0] !== hasResult || $[1] !== queryResult ? (t2 = hasResult ? getJsonBlobUrl(queryResult) : "", $[0] = hasResult, $[1] = queryResult, $[2] = t2) : t2 = $[2];
-	let jsonUrl = t2, t3;
-	$[3] !== hasResult || $[4] !== queryResult ? (t3 = hasResult ? getCsvBlobUrl(queryResult) : "", $[3] = hasResult, $[4] = queryResult, $[5] = t3) : t3 = $[5];
-	let csvUrl = t3, t4 = error ? "critical" : "default", t5 = !!error, t6;
-	$[6] === t ? t6 = $[7] : (t6 = t("result.label"), $[6] = t, $[7] = t6);
-	let t7;
-	$[8] === t6 ? t7 = $[9] : (t7 = /* @__PURE__ */ jsx(InputBackgroundContainer, { children: /* @__PURE__ */ jsx(Box, {
+	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, {
 		marginLeft: 3,
 		children: /* @__PURE__ */ jsx(StyledLabel, {
 			muted: !0,
-			children: t6
+			children: t4
 		})
-	}) }), $[8] = t6, $[9] = t7);
-	let t8;
-	$[10] !== listenInProgress || $[11] !== listenMutations || $[12] !== queryInProgress ? (t8 = (queryInProgress || listenInProgress && listenMutations.length === 0) && /* @__PURE__ */ jsx(Box, {
+	}) }), $[2] = t4, $[3] = t5);
+	let t6;
+	$[4] !== listenInProgress || $[5] !== listenMutations || $[6] !== queryInProgress ? (t6 = (queryInProgress || listenInProgress && listenMutations.length === 0) && /* @__PURE__ */ jsx(Box, {
 		marginTop: 3,
 		children: /* @__PURE__ */ jsx(DelayedSpinner, {})
-	}), $[10] = listenInProgress, $[11] = listenMutations, $[12] = queryInProgress, $[13] = t8) : t8 = $[13];
-	let t9;
-	$[14] === error ? t9 = $[15] : (t9 = error && /* @__PURE__ */ jsx(QueryErrorDialog, { error }), $[14] = error, $[15] = t9);
-	let t10;
-	$[16] !== dataset || $[17] !== hasResult || $[18] !== queryResult ? (t10 = hasResult && /* @__PURE__ */ jsx(ResultView, {
+	}), $[4] = listenInProgress, $[5] = listenMutations, $[6] = queryInProgress, $[7] = t6) : t6 = $[7];
+	let 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;
+	$[13] !== dataset || $[14] !== hasResult || $[15] !== queryResult ? (t8 = hasResult && /* @__PURE__ */ jsx(ResultView, {
 		data: queryResult,
 		datasetName: dataset
-	}), $[16] = dataset, $[17] = hasResult, $[18] = queryResult, $[19] = t10) : t10 = $[19];
-	let t11;
-	$[20] !== dataset || $[21] !== listenInProgress || $[22] !== listenMutations ? (t11 = listenInProgress && listenMutations.length > 0 && /* @__PURE__ */ jsx(ResultView, {
+	}), $[13] = dataset, $[14] = hasResult, $[15] = queryResult, $[16] = t8) : t8 = $[16];
+	let t9;
+	$[17] !== dataset || $[18] !== listenInProgress || $[19] !== listenMutations ? (t9 = listenInProgress && listenMutations.length > 0 && /* @__PURE__ */ jsx(ResultView, {
 		data: listenMutations,
 		datasetName: dataset
-	}), $[20] = dataset, $[21] = listenInProgress, $[22] = listenMutations, $[23] = t11) : t11 = $[23];
-	let t12;
-	$[24] !== t10 || $[25] !== t11 || $[26] !== t8 || $[27] !== t9 ? (t12 = /* @__PURE__ */ jsxs(Box, {
+	}), $[17] = dataset, $[18] = listenInProgress, $[19] = listenMutations, $[20] = t9) : t9 = $[20];
+	let t10;
+	$[21] !== t6 || $[22] !== t7 || $[23] !== t8 || $[24] !== t9 ? (t10 = /* @__PURE__ */ jsxs(Box, {
 		padding: 3,
 		paddingTop: 5,
 		children: [
+			t6,
+			t7,
 			t8,
-			t9,
-			t10,
-			t11
+			t9
 		]
-	}), $[24] = t10, $[25] = t11, $[26] = t8, $[27] = t9, $[28] = t12) : t12 = $[28];
-	let t13;
-	$[29] !== t12 || $[30] !== t7 ? (t13 = /* @__PURE__ */ jsxs(Result, {
+	}), $[21] = t6, $[22] = t7, $[23] = t8, $[24] = t9, $[25] = t10) : t10 = $[25];
+	let t11;
+	$[26] !== t10 || $[27] !== t5 ? (t11 = /* @__PURE__ */ jsxs(Result, {
 		overflow: "auto",
-		children: [t7, t12]
-	}), $[29] = t12, $[30] = t7, $[31] = t13) : t13 = $[31];
-	let t14;
-	$[32] !== t13 || $[33] !== t4 || $[34] !== t5 ? (t14 = /* @__PURE__ */ jsx(ResultInnerContainer, {
+		children: [t5, t10]
+	}), $[26] = t10, $[27] = t5, $[28] = t11) : t11 = $[28];
+	let t12;
+	$[29] !== t11 || $[30] !== t2 || $[31] !== t3 ? (t12 = /* @__PURE__ */ jsx(ResultInnerContainer, {
 		flexBasis: "0%",
 		flexGrow: 1,
 		children: /* @__PURE__ */ jsx(ResultContainer, {
 			flex: 1,
 			overflow: "hidden",
-			tone: t4,
-			isInvalid: t5,
-			children: t13
+			tone: t2,
+			isInvalid: t3,
+			children: t11
 		})
-	}), $[32] = t13, $[33] = t4, $[34] = t5, $[35] = t14) : t14 = $[35];
-	let t15 = compactFooter ? "flex-start" : "space-between", t16 = compactFooter ? "stretch" : void 0, t17;
-	$[36] === compactFooter ? t17 = $[37] : (t17 = compactFooter ? "column" : [
+	}), $[29] = t11, $[30] = t2, $[31] = t3, $[32] = t12) : t12 = $[32];
+	let t13 = compactFooter ? "flex-start" : "space-between", t14 = compactFooter ? "stretch" : void 0, t15;
+	$[33] === compactFooter ? t15 = $[34] : (t15 = compactFooter ? "column" : [
 		"column",
 		"column",
 		"row"
-	], $[36] = compactFooter, $[37] = t17);
-	let t18 = compactFooter ? 3 : 4, t19 = compactFooter ? 2 : 3, t20;
-	$[38] === compactFooter ? t20 = $[39] : (t20 = compactFooter ? { width: "100%" } : { minWidth: 0 }, $[38] = compactFooter, $[39] = t20);
-	let t21 = compactFooter ? 1 : 2, t22;
-	$[40] === t ? t22 = $[41] : (t22 = t("result.execution-time-label"), $[40] = t, $[41] = t22);
-	let t23;
-	$[42] !== queryTime || $[43] !== t ? (t23 = typeof queryTime == "number" ? `${queryTime}ms` : t("result.timing-not-applicable"), $[42] = queryTime, $[43] = t, $[44] = t23) : t23 = $[44];
-	let t24;
-	$[45] !== t21 || $[46] !== t22 || $[47] !== t23 ? (t24 = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, {
+	], $[33] = compactFooter, $[34] = t15);
+	let t16 = compactFooter ? 3 : 4, t17 = compactFooter ? 2 : 3, t18;
+	$[35] === compactFooter ? t18 = $[36] : (t18 = compactFooter ? { width: "100%" } : { minWidth: 0 }, $[35] = compactFooter, $[36] = t18);
+	let t19 = compactFooter ? 1 : 2, t20;
+	$[37] === t ? t20 = $[38] : (t20 = t("result.execution-time-label"), $[37] = t, $[38] = t20);
+	let t21;
+	$[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;
+	$[42] !== t19 || $[43] !== t20 || $[44] !== t21 ? (t22 = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, {
 		muted: !0,
-		size: t21,
+		size: t19,
 		children: [
-			t22,
+			t20,
 			":",
 			" ",
-			t23
+			t21
 		]
-	}) }), $[45] = t21, $[46] = t22, $[47] = t23, $[48] = t24) : t24 = $[48];
-	let t25 = compactFooter ? 3 : 4, t26 = compactFooter ? 1 : 2, t27;
-	$[49] === t ? t27 = $[50] : (t27 = t("result.end-to-end-time-label"), $[49] = t, $[50] = t27);
-	let t28;
-	$[51] !== e2eTime || $[52] !== t ? (t28 = typeof e2eTime == "number" ? `${e2eTime}ms` : t("result.timing-not-applicable"), $[51] = e2eTime, $[52] = t, $[53] = t28) : t28 = $[53];
-	let t29;
-	$[54] !== t26 || $[55] !== t27 || $[56] !== t28 ? (t29 = /* @__PURE__ */ jsxs(Text, {
+	}) }), $[42] = t19, $[43] = t20, $[44] = t21, $[45] = t22) : t22 = $[45];
+	let t23 = compactFooter ? 3 : 4, t24 = compactFooter ? 1 : 2, t25;
+	$[46] === t ? t25 = $[47] : (t25 = t("result.end-to-end-time-label"), $[46] = t, $[47] = t25);
+	let t26;
+	$[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;
+	$[51] !== t24 || $[52] !== t25 || $[53] !== t26 ? (t27 = /* @__PURE__ */ jsxs(Text, {
 		muted: !0,
-		size: t26,
+		size: t24,
 		children: [
-			t27,
+			t25,
 			":",
 			" ",
-			t28
+			t26
 		]
-	}), $[54] = t26, $[55] = t27, $[56] = t28, $[57] = t29) : t29 = $[57];
+	}), $[51] = t24, $[52] = t25, $[53] = t26, $[54] = t27) : t27 = $[54];
+	let t28;
+	$[55] !== t23 || $[56] !== t27 ? (t28 = /* @__PURE__ */ jsx(Box, {
+		marginLeft: t23,
+		children: t27
+	}), $[55] = t23, $[56] = t27, $[57] = t28) : t28 = $[57];
+	let t29;
+	$[58] !== t22 || $[59] !== t28 ? (t29 = /* @__PURE__ */ jsxs(TimingsTextContainer, {
+		align: "center",
+		children: [t22, t28]
+	}), $[58] = t22, $[59] = t28, $[60] = t29) : t29 = $[60];
 	let t30;
-	$[58] !== t25 || $[59] !== t29 ? (t30 = /* @__PURE__ */ jsx(Box, {
-		marginLeft: t25,
+	$[61] !== t16 || $[62] !== t17 || $[63] !== t18 || $[64] !== t29 ? (t30 = /* @__PURE__ */ jsx(TimingsCard, {
+		paddingX: t16,
+		paddingY: t17,
+		sizing: "border",
+		style: t18,
 		children: t29
-	}), $[58] = t25, $[59] = t29, $[60] = t30) : t30 = $[60];
+	}), $[61] = t16, $[62] = t17, $[63] = t18, $[64] = t29, $[65] = t30) : t30 = $[65];
 	let t31;
-	$[61] !== t24 || $[62] !== t30 ? (t31 = /* @__PURE__ */ jsxs(TimingsTextContainer, {
-		align: "center",
-		children: [t24, t30]
-	}), $[61] = t24, $[62] = t30, $[63] = t31) : t31 = $[63];
-	let t32;
-	$[64] !== t18 || $[65] !== t19 || $[66] !== t20 || $[67] !== t31 ? (t32 = /* @__PURE__ */ jsx(TimingsCard, {
-		paddingX: t18,
-		paddingY: t19,
-		sizing: "border",
-		style: t20,
-		children: t31
-	}), $[64] = t18, $[65] = t19, $[66] = t20, $[67] = t31, $[68] = t32) : t32 = $[68];
-	let t33;
-	$[69] !== compactFooter || $[70] !== csvUrl || $[71] !== hasResult || $[72] !== jsonUrl || $[73] !== t ? (t33 = 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",
@@ -2261,32 +2321,45 @@ function VisionGuiResult(t0) {
 			muted: !0,
 			size: compactFooter ? 1 : 2,
 			children: /* @__PURE__ */ jsx(Translate, {
-				components: { SaveResultButtons: () => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(SaveJsonButton, { blobUrl: jsonUrl }), /* @__PURE__ */ jsx(SaveCsvButton, { blobUrl: csvUrl })] }) },
+				components: { SaveResultButtons },
+				componentProps: { queryResult },
 				i18nKey: "result.save-result-as-format",
 				t
 			})
 		})
-	}), $[69] = compactFooter, $[70] = csvUrl, $[71] = hasResult, $[72] = jsonUrl, $[73] = t, $[74] = t33) : t33 = $[74];
-	let t34;
-	$[75] !== t15 || $[76] !== t16 || $[77] !== t17 || $[78] !== t32 || $[79] !== t33 ? (t34 = /* @__PURE__ */ jsxs(ResultFooter, {
-		justify: t15,
-		align: t16,
-		direction: t17,
-		children: [t32, t33]
-	}), $[75] = t15, $[76] = t16, $[77] = t17, $[78] = t32, $[79] = t33, $[80] = t34) : t34 = $[80];
-	let t35;
-	return $[81] !== t14 || $[82] !== t34 ? (t35 = /* @__PURE__ */ jsxs(ResultOuterContainer, {
+	}), $[66] = compactFooter, $[67] = hasResult, $[68] = queryResult, $[69] = t, $[70] = t31) : t31 = $[70];
+	let t32;
+	$[71] !== t13 || $[72] !== t14 || $[73] !== t15 || $[74] !== t30 || $[75] !== t31 ? (t32 = /* @__PURE__ */ jsxs(ResultFooter, {
+		justify: t13,
+		align: t14,
+		direction: t15,
+		children: [t30, t31]
+	}), $[71] = t13, $[72] = t14, $[73] = t15, $[74] = t30, $[75] = t31, $[76] = t32) : t32 = $[76];
+	let t33;
+	return $[77] !== t12 || $[78] !== t32 ? (t33 = /* @__PURE__ */ jsxs(ResultOuterContainer, {
 		direction: "column",
 		"data-testid": "vision-result",
-		children: [t14, t34]
-	}), $[81] = t14, $[82] = t34, $[83] = t35) : t35 = $[83], t35;
+		children: [t12, t32]
+	}), $[77] = t12, $[78] = t32, $[79] = t33) : t33 = $[79], t33;
+}
+function SaveResultButtons(t0) {
+	let $ = c(11), { queryResult } = t0, t1;
+	$[0] === queryResult ? t1 = $[1] : (t1 = getJsonBlobUrl(queryResult), $[0] = queryResult, $[1] = t1);
+	let jsonUrl = t1, t2;
+	$[2] === queryResult ? t2 = $[3] : (t2 = getCsvBlobUrl(queryResult), $[2] = queryResult, $[3] = t2);
+	let csvUrl = t2, t3;
+	$[4] === jsonUrl ? t3 = $[5] : (t3 = /* @__PURE__ */ jsx(SaveJsonButton, { blobUrl: jsonUrl }), $[4] = jsonUrl, $[5] = t3);
+	let t4;
+	$[6] === csvUrl ? t4 = $[7] : (t4 = /* @__PURE__ */ jsx(SaveCsvButton, { blobUrl: csvUrl }), $[6] = csvUrl, $[7] = t4);
+	let t5;
+	return $[8] !== t3 || $[9] !== t4 ? (t5 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t3, t4] }), $[8] = t3, $[9] = t4, $[10] = t5) : t5 = $[10], t5;
 }
 function nodeContains(node, other) {
 	return !node || !other ? !1 : node === other || !!(node.compareDocumentPosition(other) & 16);
 }
 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);
@@ -2625,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,
@@ -2634,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,
@@ -2644,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,
@@ -2701,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);
@@ -2870,4 +2952,4 @@ function SanityVision(props) {
 }
 export { SanityVision as default };
 
-//# sourceMappingURL=SanityVision-ChQxkYFr.js.map
+//# sourceMappingURL=SanityVision-II_F9zA2.js.map