@sanity/vision 6.16.0 → 6.17.0-next.106

package/lib/{SanityVision-BLv8MKWU.js → SanityVision-DP7bCCAx.js}

@@ -1,10 +1,10 @@
 import { t as visionLocaleNamespace } from "./i18n-t8J2mRUI.js";
 import { Component, Fragment, Suspense, use, useEffect, useImperativeHandle, useRef, useState } from "react";
-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 { 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";
 import { c } from "react/compiler-runtime";
-import { Box, Flex, Grid } from "ui5";
-import { Badge, Button, Card, Container, Dialog, Heading, Hotkeys, Inline, Label, Select, Spinner, Stack, Tab, TabList, Text, TextInput, rem, useClickOutsideEvent, useTheme, useTheme_v2 } from "@sanity/ui";
+import { Box, Container, Flex, Grid } from "ui5";
+import { Badge, Button, Card, Dialog, Heading, Hotkeys, Inline, Label, Select, Spinner, Stack, Tab, TabList, Text, TextInput, rem, useClickOutsideEvent, useTheme, useTheme_v2 } from "@sanity/ui";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { SplitPane } from "@rexxars/react-split-pane";
 import { ChevronLeftIcon } from "@sanity/icons/ChevronLeft";
@@ -247,8 +247,12 @@ function EditorRoot(t0) {
 	}), $[10] = children, $[11] = t7, $[12] = t8) : t8 = $[12], t8;
 }
 function VisionCodeMirror(t0) {
-	let $ = c(8), { ref, onChange, initialValue: initialValueProp, extensions } = t0, [initialValue] = useState(initialValueProp), theme = useCodemirrorTheme(useTheme()), codeMirrorRef = useRef(null), t1;
-	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t1 = (newContent) => {
+	let $ = c(10), { ref, onChange, initialValue: initialValueProp, extensions } = t0, [value, setValue] = useState(initialValueProp), t1;
+	$[0] === onChange ? t1 = $[1] : (t1 = (nextValue, viewUpdate) => {
+		setValue(nextValue), onChange?.(nextValue, viewUpdate);
+	}, $[0] = onChange, $[1] = t1);
+	let handleChange = t1, theme = useCodemirrorTheme(useTheme()), codeMirrorRef = useRef(null), t2;
+	$[2] === Symbol.for("react.memo_cache_sentinel") ? (t2 = (newContent) => {
 		let editorView = codeMirrorRef.current?.view;
 		if (!editorView) return;
 		let currentDoc = editorView.state.doc.toString();
@@ -260,18 +264,18 @@ function VisionCodeMirror(t0) {
 			},
 			selection: EditorSelection.cursor(newContent.length)
 		});
-	}, $[0] = t1) : t1 = $[0];
-	let resetEditorContent = t1, t2, t3;
-	$[1] === Symbol.for("react.memo_cache_sentinel") ? (t2 = () => ({ resetEditorContent }), t3 = [resetEditorContent], $[1] = t2, $[2] = t3) : (t2 = $[1], t3 = $[2]), useImperativeHandle(ref, t2, t3);
-	let t4;
-	return $[3] !== extensions || $[4] !== initialValue || $[5] !== onChange || $[6] !== theme ? (t4 = /* @__PURE__ */ jsx(EditorRoot, { children: /* @__PURE__ */ jsx(CodeMirror, {
+	}, $[2] = t2) : t2 = $[2];
+	let resetEditorContent = t2, t3, t4;
+	$[3] === Symbol.for("react.memo_cache_sentinel") ? (t3 = () => ({ resetEditorContent }), t4 = [resetEditorContent], $[3] = t3, $[4] = t4) : (t3 = $[3], t4 = $[4]), useImperativeHandle(ref, t3, t4);
+	let t5;
+	return $[5] !== extensions || $[6] !== handleChange || $[7] !== theme || $[8] !== value ? (t5 = /* @__PURE__ */ jsx(EditorRoot, { children: /* @__PURE__ */ jsx(CodeMirror, {
 		ref: codeMirrorRef,
 		basicSetup: !1,
 		theme,
 		extensions,
-		value: initialValue,
-		onChange
-	}) }), $[3] = extensions, $[4] = initialValue, $[5] = onChange, $[6] = theme, $[7] = t4) : t4 = $[7], t4;
+		value,
+		onChange: handleChange
+	}) }), $[5] = extensions, $[6] = handleChange, $[7] = theme, $[8] = value, $[9] = t5) : t5 = $[9], t5;
 }
 const SUPPORTED_PERSPECTIVES = [
 	"pinnedRelease",
@@ -1664,28 +1668,31 @@ function _temp$3(o) {
 	return !o;
 }
 const PinnedReleasePerspectiveOption = (t0) => {
-	let $ = c(15), { pinnedPerspective, t } = t0, name = typeof pinnedPerspective.selectedPerspective == "object" ? pinnedPerspective.selectedPerspective.metadata.title : pinnedPerspective.selectedPerspectiveName, t1;
-	$[0] !== pinnedPerspective.selectedVariant || $[1] !== pinnedPerspective.selectedVariantName ? (t1 = pinnedPerspective.selectedVariant ? getVariantTitle(pinnedPerspective.selectedVariant) : pinnedPerspective.selectedVariantName, $[0] = pinnedPerspective.selectedVariant, $[1] = pinnedPerspective.selectedVariantName, $[2] = t1) : t1 = $[2];
+	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;
-	$[3] !== pinnedPerspective || $[4] !== t ? (t2 = hasPinnedPerspective(pinnedPerspective) ? `(${t("settings.perspectives.pinned-release-label")})` : t("settings.perspectives.pinned-release-label"), $[3] = pinnedPerspective, $[4] = t, $[5] = t2) : t2 = $[5];
+	$[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;
-	$[6] !== label || $[7] !== name || $[8] !== t3 ? (t4 = [
+	$[8] !== label || $[9] !== name || $[10] !== t3 ? (t4 = [
 		name,
 		t3,
 		label
-	].filter(_temp$2), $[6] = label, $[7] = name, $[8] = t3, $[9] = t4) : t4 = $[9];
+	].filter(_temp$2), $[8] = label, $[9] = name, $[10] = t3, $[11] = t4) : t4 = $[11];
 	let text = t4.join(" "), t5;
-	$[10] === pinnedPerspective ? t5 = $[11] : (t5 = hasPinnedPerspective(pinnedPerspective), $[10] = pinnedPerspective, $[11] = t5);
+	$[12] === pinnedPerspective ? t5 = $[13] : (t5 = hasPinnedPerspective(pinnedPerspective), $[12] = pinnedPerspective, $[13] = t5);
 	let t6 = !t5, t7;
-	return $[12] !== t6 || $[13] !== text ? (t7 = /* @__PURE__ */ jsx("option", {
+	return $[14] !== t6 || $[15] !== text ? (t7 = /* @__PURE__ */ jsx("option", {
 		value: "pinnedRelease",
 		disabled: t6,
 		children: text
-	}), $[12] = t6, $[13] = text, $[14] = t7) : t7 = $[14], t7;
+	}), $[14] = t6, $[15] = text, $[16] = t7) : t7 = $[16], t7;
 };
 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.selectedVariantName ? (t1 = getActiveVariant(perspective, pinnedPerspective.selectedVariantName), $[0] = perspective, $[1] = pinnedPerspective.selectedVariantName, $[2] = t1) : t1 = $[2];
+	$[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 el = operationUrlElement.current;
@@ -2359,7 +2366,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(232), { datasets, config, projectId, defaultDataset } = props, toast = useToast(), { t } = useTranslation(visionLocaleNamespace), { perspectiveStack, selectedVariantName } = usePerspective(), isScheduledDraftsEnabled = useScheduledDraftsEnabled(), { data: t0 } = useActiveReleases(), t1;
+	let $ = c(233), { datasets, config, projectId, defaultDataset } = props, toast = useToast(), { t } = useTranslation(visionLocaleNamespace), { perspectiveStack, selectedVariantNames } = usePerspective(), selectedVariantName = getDefaultVariant(selectedVariantNames), 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);
@@ -2375,41 +2382,39 @@ function VisionGui(props) {
 	$[14] === localStorage ? t7 = $[15] : (t7 = localStorage.get("perspective", void 0), $[14] = localStorage, $[15] = t7);
 	let storedPerspective = t7, t8;
 	$[16] !== datasets || $[17] !== defaultDataset || $[18] !== storedDataset ? (t8 = () => datasets.includes(storedDataset) ? storedDataset : datasets.includes(defaultDataset) ? defaultDataset : datasets[0], $[16] = datasets, $[17] = defaultDataset, $[18] = storedDataset, $[19] = t8) : t8 = $[19];
-	let [dataset, setDataset] = useState(t8), [perspective, setPerspectiveState] = useState(storedPerspective || "raw"), t9;
-	$[20] !== perspective || $[21] !== selectedVariantName ? (t9 = getActiveVariant(perspective, selectedVariantName), $[20] = perspective, $[21] = selectedVariantName, $[22] = t9) : t9 = $[22];
-	let activeVariant = t9, t10;
-	$[23] !== activeVariant || $[24] !== storedApiVersion ? (t10 = () => activeVariant ? VARIANTS_API_VERSION : API_VERSIONS.includes(storedApiVersion) ? storedApiVersion : DEFAULT_API_VERSION, $[23] = activeVariant, $[24] = storedApiVersion, $[25] = t10) : t10 = $[25];
-	let [apiVersion, setApiVersion] = useState(t10), t11;
-	$[26] !== activeVariant || $[27] !== storedApiVersion ? (t11 = () => activeVariant || API_VERSIONS.includes(storedApiVersion) ? !1 : storedApiVersion, $[26] = activeVariant, $[27] = storedApiVersion, $[28] = t11) : t11 = $[28];
-	let [customApiVersion, setCustomApiVersion] = useState(t11), t12;
-	$[29] === customApiVersion ? t12 = $[30] : (t12 = !customApiVersion || validateApiVersion(customApiVersion), $[29] = customApiVersion, $[30] = t12);
-	let isValidApiVersion = t12, [url, setUrl] = useState(void 0), t13;
-	$[31] === storedQuery ? t13 = $[32] : (t13 = () => typeof storedQuery == "string" ? storedQuery : "", $[31] = storedQuery, $[32] = t13);
-	let [query, setQuery] = useState(t13), [rawParams, setRawParams] = useState(storedParams), t14;
-	$[33] !== rawParams || $[34] !== t ? (t14 = parseParams(rawParams, t), $[33] = rawParams, $[34] = t, $[35] = t14) : t14 = $[35];
-	let params = t14, [queryResult, setQueryResult] = useState(void 0), t15;
-	$[36] === Symbol.for("react.memo_cache_sentinel") ? (t15 = [], $[36] = t15) : t15 = $[36];
-	let [listenMutations, setListenMutations] = useState(t15), [error, setError] = useState(void 0), [queryTime, setQueryTime] = useState(void 0), [e2eTime, setE2eTime] = useState(void 0), [queryInProgress, setQueryInProgress] = useState(!1), [listenInProgress, setListenInProgress] = useState(!1), [isQueryRecallCollapsed, setIsQueryRecallCollapsed] = useState(!1), t16;
-	$[37] === Symbol.for("react.memo_cache_sentinel") ? (t16 = { visionRootRef }, $[37] = t16) : t16 = $[37];
-	let { paneSizeOptions, isNarrowBreakpoint } = usePaneSize(t16), t17;
+	let [dataset, setDataset] = useState(t8), [perspective, setPerspectiveState] = useState(storedPerspective || "raw"), activeVariant = getActiveVariant(perspective, selectedVariantName), t9;
+	$[20] !== activeVariant || $[21] !== storedApiVersion ? (t9 = () => activeVariant ? VARIANTS_API_VERSION : API_VERSIONS.includes(storedApiVersion) ? storedApiVersion : DEFAULT_API_VERSION, $[20] = activeVariant, $[21] = storedApiVersion, $[22] = t9) : t9 = $[22];
+	let [apiVersion, setApiVersion] = useState(t9), t10;
+	$[23] !== activeVariant || $[24] !== storedApiVersion ? (t10 = () => activeVariant || API_VERSIONS.includes(storedApiVersion) ? !1 : storedApiVersion, $[23] = activeVariant, $[24] = storedApiVersion, $[25] = t10) : t10 = $[25];
+	let [customApiVersion, setCustomApiVersion] = useState(t10), t11;
+	$[26] === customApiVersion ? t11 = $[27] : (t11 = !customApiVersion || validateApiVersion(customApiVersion), $[26] = customApiVersion, $[27] = t11);
+	let isValidApiVersion = t11, [url, setUrl] = useState(void 0), t12;
+	$[28] === storedQuery ? t12 = $[29] : (t12 = () => typeof storedQuery == "string" ? storedQuery : "", $[28] = storedQuery, $[29] = t12);
+	let [query, setQuery] = useState(t12), [rawParams, setRawParams] = useState(storedParams), t13;
+	$[30] !== rawParams || $[31] !== t ? (t13 = parseParams(rawParams, t), $[30] = rawParams, $[31] = t, $[32] = t13) : t13 = $[32];
+	let params = t13, [queryResult, setQueryResult] = useState(void 0), t14;
+	$[33] === Symbol.for("react.memo_cache_sentinel") ? (t14 = [], $[33] = t14) : t14 = $[33];
+	let [listenMutations, setListenMutations] = useState(t14), [error, setError] = useState(void 0), [queryTime, setQueryTime] = useState(void 0), [e2eTime, setE2eTime] = useState(void 0), [queryInProgress, setQueryInProgress] = useState(!1), [listenInProgress, setListenInProgress] = useState(!1), [isQueryRecallCollapsed, setIsQueryRecallCollapsed] = useState(!1), t15;
+	$[34] === Symbol.for("react.memo_cache_sentinel") ? (t15 = { visionRootRef }, $[34] = t15) : t15 = $[34];
+	let { paneSizeOptions, isNarrowBreakpoint } = usePaneSize(t15), t16;
 	bb0: {
 		if (!isScheduledDraftsEnabled) {
-			t17 = void 0;
+			t16 = void 0;
 			break bb0;
 		}
-		let t18;
-		if ($[38] !== isDraftModelEnabled || $[39] !== releases) {
-			let scheduledDraftReleases = releases.filter(_temp$1), releaseIds = sortReleases(scheduledDraftReleases).map(_temp2$1), t19;
-			$[41] === isDraftModelEnabled ? t19 = $[42] : (t19 = isDraftModelEnabled ? ["drafts"] : ["published"], $[41] = isDraftModelEnabled, $[42] = t19);
-			let defaultPerspective = t19;
-			t18 = [...releaseIds, ...defaultPerspective], $[38] = isDraftModelEnabled, $[39] = releases, $[40] = t18;
-		} else t18 = $[40];
-		t17 = t18;
+		let t17;
+		if ($[35] !== isDraftModelEnabled || $[36] !== releases) {
+			let scheduledDraftReleases = releases.filter(_temp$1), releaseIds = sortReleases(scheduledDraftReleases).map(_temp2$1), t18;
+			$[38] === isDraftModelEnabled ? t18 = $[39] : (t18 = isDraftModelEnabled ? ["drafts"] : ["published"], $[38] = isDraftModelEnabled, $[39] = t18);
+			let defaultPerspective = t18;
+			t17 = [...releaseIds, ...defaultPerspective], $[35] = isDraftModelEnabled, $[36] = releases, $[37] = t17;
+		} else t17 = $[37];
+		t16 = t17;
 	}
-	let scheduledDraftsStack = t17, userApiVersion = activeVariant ? VARIANTS_API_VERSION : isValidApiVersion && customApiVersion ? customApiVersion : apiVersion, t18;
-	$[43] === userApiVersion ? t18 = $[44] : (t18 = { apiVersion: userApiVersion }, $[43] = userApiVersion, $[44] = t18);
-	let _client = useClient(t18), t19;
-	$[45] !== _client || $[46] !== activeVariant || $[47] !== dataset || $[48] !== perspective || $[49] !== perspectiveStack || $[50] !== scheduledDraftsStack || $[51] !== userApiVersion ? (t19 = _client.withConfig({
+	let scheduledDraftsStack = t16, userApiVersion = activeVariant ? VARIANTS_API_VERSION : isValidApiVersion && customApiVersion ? customApiVersion : apiVersion, t17;
+	$[40] === userApiVersion ? t17 = $[41] : (t17 = { apiVersion: userApiVersion }, $[40] = userApiVersion, $[41] = t17);
+	let _client = useClient(t17), t18;
+	$[42] !== _client || $[43] !== activeVariant || $[44] !== dataset || $[45] !== perspective || $[46] !== perspectiveStack || $[47] !== scheduledDraftsStack || $[48] !== userApiVersion ? (t18 = _client.withConfig({
 		apiVersion: userApiVersion,
 		perspective: getActivePerspective({
 			visionPerspective: perspective,
@@ -2419,17 +2424,17 @@ function VisionGui(props) {
 		dataset,
 		variant: activeVariant,
 		allowReconfigure: !0
-	}), $[45] = _client, $[46] = activeVariant, $[47] = dataset, $[48] = perspective, $[49] = perspectiveStack, $[50] = scheduledDraftsStack, $[51] = userApiVersion, $[52] = t19) : t19 = $[52];
-	let client = t19, t20;
-	$[53] === Symbol.for("react.memo_cache_sentinel") ? (t20 = () => {
+	}), $[42] = _client, $[43] = activeVariant, $[44] = dataset, $[45] = perspective, $[46] = perspectiveStack, $[47] = scheduledDraftsStack, $[48] = userApiVersion, $[49] = t18) : t18 = $[49];
+	let client = t18, t19;
+	$[50] === Symbol.for("react.memo_cache_sentinel") ? (t19 = () => {
 		querySubscriptionRef.current &&= (querySubscriptionRef.current.unsubscribe(), void 0);
-	}, $[53] = t20) : t20 = $[53];
-	let cancelQuerySubscription = t20, t21;
-	$[54] === Symbol.for("react.memo_cache_sentinel") ? (t21 = () => {
+	}, $[50] = t19) : t19 = $[50];
+	let cancelQuerySubscription = t19, t20;
+	$[51] === Symbol.for("react.memo_cache_sentinel") ? (t20 = () => {
 		listenSubscriptionRef.current &&= (listenSubscriptionRef.current.unsubscribe(), void 0);
-	}, $[54] = t21) : t21 = $[54];
-	let cancelListenerSubscription = t21, t22;
-	$[55] !== apiVersion || $[56] !== client || $[57] !== customApiVersion || $[58] !== dataset || $[59] !== isValidApiVersion || $[60] !== localStorage || $[61] !== params.parsed || $[62] !== perspective || $[63] !== perspectiveStack || $[64] !== query || $[65] !== queryInProgress || $[66] !== scheduledDraftsStack || $[67] !== selectedVariantName || $[68] !== t ? (t22 = (options) => {
+	}, $[51] = t20) : t20 = $[51];
+	let cancelListenerSubscription = t20, t21;
+	$[52] !== apiVersion || $[53] !== client || $[54] !== customApiVersion || $[55] !== dataset || $[56] !== isValidApiVersion || $[57] !== localStorage || $[58] !== params.parsed || $[59] !== perspective || $[60] !== perspectiveStack || $[61] !== query || $[62] !== queryInProgress || $[63] !== scheduledDraftsStack || $[64] !== selectedVariantName || $[65] !== t ? (t21 = (options) => {
 		if (queryInProgress) {
 			cancelQuerySubscription(), cancelListenerSubscription(), setQueryInProgress(!1);
 			return;
@@ -2471,44 +2476,44 @@ function VisionGui(props) {
 				setError(err), setQueryInProgress(!1);
 			}
 		});
-	}, $[55] = apiVersion, $[56] = client, $[57] = customApiVersion, $[58] = dataset, $[59] = isValidApiVersion, $[60] = localStorage, $[61] = params.parsed, $[62] = perspective, $[63] = perspectiveStack, $[64] = query, $[65] = queryInProgress, $[66] = scheduledDraftsStack, $[67] = selectedVariantName, $[68] = t, $[69] = t22) : t22 = $[69];
-	let handleQueryExecution = t22, t23;
-	$[70] !== handleQueryExecution || $[71] !== localStorage ? (t23 = (newPerspective) => {
+	}, $[52] = apiVersion, $[53] = client, $[54] = customApiVersion, $[55] = dataset, $[56] = isValidApiVersion, $[57] = localStorage, $[58] = params.parsed, $[59] = perspective, $[60] = perspectiveStack, $[61] = query, $[62] = queryInProgress, $[63] = scheduledDraftsStack, $[64] = selectedVariantName, $[65] = t, $[66] = t21) : t21 = $[66];
+	let handleQueryExecution = t21, t22;
+	$[67] !== handleQueryExecution || $[68] !== localStorage || $[69] !== setPerspectiveState ? (t22 = (newPerspective) => {
 		(newPerspective === void 0 || isSupportedPerspective(newPerspective)) && (setPerspectiveState(newPerspective), localStorage.set("perspective", newPerspective), handleQueryExecution({ perspective: newPerspective }));
-	}, $[70] = handleQueryExecution, $[71] = localStorage, $[72] = t23) : t23 = $[72];
-	let setPerspective = t23, t24;
-	$[73] !== handleQueryExecution || $[74] !== localStorage ? (t24 = (evt) => {
+	}, $[67] = handleQueryExecution, $[68] = localStorage, $[69] = setPerspectiveState, $[70] = t22) : t22 = $[70];
+	let setPerspective = t22, t23;
+	$[71] !== handleQueryExecution || $[72] !== localStorage || $[73] !== setDataset ? (t23 = (evt) => {
 		let newDataset = evt.target.value;
 		localStorage.set("dataset", newDataset), setDataset(newDataset), handleQueryExecution({ dataset: newDataset });
-	}, $[73] = handleQueryExecution, $[74] = localStorage, $[75] = t24) : t24 = $[75];
-	let handleChangeDataset = t24, t25;
-	$[76] !== handleQueryExecution || $[77] !== localStorage ? (t25 = (newApiVersion) => {
+	}, $[71] = handleQueryExecution, $[72] = localStorage, $[73] = setDataset, $[74] = t23) : t23 = $[74];
+	let handleChangeDataset = t23, t24;
+	$[75] !== handleQueryExecution || $[76] !== localStorage ? (t24 = (newApiVersion) => {
 		if (newApiVersion.toLowerCase() === "other") {
 			setCustomApiVersion("v"), customApiVersionElementRef.current?.focus();
 			return;
 		}
 		setApiVersion(newApiVersion), setCustomApiVersion(!1), localStorage.set("apiVersion", newApiVersion), handleQueryExecution({ apiVersion: newApiVersion });
-	}, $[76] = handleQueryExecution, $[77] = localStorage, $[78] = t25) : t25 = $[78];
-	let changeApiVersion = t25, t26;
-	$[79] === changeApiVersion ? t26 = $[80] : (t26 = (evt_0) => {
+	}, $[75] = handleQueryExecution, $[76] = localStorage, $[77] = t24) : t24 = $[77];
+	let changeApiVersion = t24, t25;
+	$[78] === changeApiVersion ? t25 = $[79] : (t25 = (evt_0) => {
 		changeApiVersion(evt_0.target.value);
-	}, $[79] = changeApiVersion, $[80] = t26);
-	let handleChangeApiVersion = t26, t27;
-	$[81] !== handleQueryExecution || $[82] !== localStorage ? (t27 = (evt_1) => {
+	}, $[78] = changeApiVersion, $[79] = t25);
+	let handleChangeApiVersion = t25, t26;
+	$[80] !== handleQueryExecution || $[81] !== localStorage ? (t26 = (evt_1) => {
 		let newCustomApiVersion = evt_1.target.value || "";
 		setCustomApiVersion(newCustomApiVersion || "v"), validateApiVersion(newCustomApiVersion) && (setApiVersion(newCustomApiVersion), localStorage.set("apiVersion", newCustomApiVersion), handleQueryExecution({ apiVersion: newCustomApiVersion }));
-	}, $[81] = handleQueryExecution, $[82] = localStorage, $[83] = t27) : t27 = $[83];
-	let handleCustomApiVersionChange = t27, t28;
-	$[84] === setPerspective ? t28 = $[85] : (t28 = (evt_2) => {
+	}, $[80] = handleQueryExecution, $[81] = localStorage, $[82] = t26) : t26 = $[82];
+	let handleCustomApiVersionChange = t26, t27;
+	$[83] === setPerspective ? t27 = $[84] : (t27 = (evt_2) => {
 		let newPerspective_0 = evt_2.target.value;
 		setPerspective(newPerspective_0 === "default" ? void 0 : newPerspective_0);
-	}, $[84] = setPerspective, $[85] = t28);
-	let handleChangePerspective = t28, t29;
-	$[86] === Symbol.for("react.memo_cache_sentinel") ? (t29 = (evt_3) => {
+	}, $[83] = setPerspective, $[84] = t27);
+	let handleChangePerspective = t27, t28;
+	$[85] === Symbol.for("react.memo_cache_sentinel") ? (t28 = (evt_3) => {
 		evt_3.type === "mutation" && setListenMutations((prevMutations) => prevMutations.length === 50 ? [evt_3, ...prevMutations.slice(0, 49)] : [evt_3, ...prevMutations]);
-	}, $[86] = t29) : t29 = $[86];
-	let handleListenerEvent = t29, t30;
-	$[87] !== client || $[88] !== listenInProgress || $[89] !== localStorage || $[90] !== params.error || $[91] !== params.parsed || $[92] !== params.raw || $[93] !== query ? (t30 = () => {
+	}, $[85] = t28) : t28 = $[85];
+	let handleListenerEvent = t28, t29;
+	$[86] !== client || $[87] !== listenInProgress || $[88] !== localStorage || $[89] !== params.error || $[90] !== params.parsed || $[91] !== params.raw || $[92] !== query ? (t29 = () => {
 		if (listenInProgress) {
 			cancelListenerSubscription(), setListenInProgress(!1);
 			return;
@@ -2523,13 +2528,13 @@ function VisionGui(props) {
 				setError(err_0), setListenInProgress(!1);
 			}
 		}));
-	}, $[87] = client, $[88] = listenInProgress, $[89] = localStorage, $[90] = params.error, $[91] = params.parsed, $[92] = params.raw, $[93] = query, $[94] = t30) : t30 = $[94];
-	let handleListenExecution = t30, t31;
-	$[95] === localStorage ? t31 = $[96] : (t31 = (value) => {
+	}, $[86] = client, $[87] = listenInProgress, $[88] = localStorage, $[89] = params.error, $[90] = params.parsed, $[91] = params.raw, $[92] = query, $[93] = t29) : t29 = $[93];
+	let handleListenExecution = t29, t30;
+	$[94] === localStorage ? t30 = $[95] : (t30 = (value) => {
 		setRawParams(value), localStorage.set("params", value);
-	}, $[95] = localStorage, $[96] = t31);
-	let handleParamsChange = t31, t32;
-	$[97] !== apiVersion || $[98] !== dataset || $[99] !== datasets || $[100] !== perspective || $[101] !== toast ? (t32 = (data) => {
+	}, $[94] = localStorage, $[95] = t30);
+	let handleParamsChange = t30, t31;
+	$[96] !== apiVersion || $[97] !== dataset || $[98] !== datasets || $[99] !== perspective || $[100] !== toast ? (t31 = (data) => {
 		let match = data.match(sanityUrl);
 		if (!match) return null;
 		let [, usedApiVersion, usedDataset, urlQuery] = match, parts = parseApiQueryString(new URLSearchParams(urlQuery));
@@ -2552,9 +2557,9 @@ function VisionGui(props) {
 			perspective: newPerspective_1 || perspective,
 			url: data
 		};
-	}, $[97] = apiVersion, $[98] = dataset, $[99] = datasets, $[100] = perspective, $[101] = toast, $[102] = t32) : t32 = $[102];
-	let getStateFromUrl = t32, t33;
-	$[103] !== handleQueryExecution || $[104] !== localStorage ? (t33 = (parsedUrlObj) => {
+	}, $[96] = apiVersion, $[97] = dataset, $[98] = datasets, $[99] = perspective, $[100] = toast, $[101] = t31) : t31 = $[101];
+	let getStateFromUrl = t31, t32;
+	$[102] !== handleQueryExecution || $[103] !== localStorage || $[104] !== setDataset || $[105] !== setPerspectiveState ? (t32 = (parsedUrlObj) => {
 		setDataset(parsedUrlObj.dataset), setQuery(parsedUrlObj.query), setRawParams(parsedUrlObj.rawParams), setApiVersion(parsedUrlObj.apiVersion), parsedUrlObj.customApiVersion && setCustomApiVersion(parsedUrlObj.customApiVersion), setPerspectiveState(parsedUrlObj.perspective), setUrl(parsedUrlObj.url), editorQueryRef.current?.resetEditorContent(parsedUrlObj.query), editorParamsRef.current?.resetEditorContent(parsedUrlObj.rawParams), localStorage.merge({
 			query: parsedUrlObj.query,
 			params: parsedUrlObj.rawParams,
@@ -2562,9 +2567,9 @@ function VisionGui(props) {
 			apiVersion: parsedUrlObj.customApiVersion || parsedUrlObj.apiVersion,
 			perspective: parsedUrlObj.perspective
 		}), handleQueryExecution(parsedUrlObj);
-	}, $[103] = handleQueryExecution, $[104] = localStorage, $[105] = t33) : t33 = $[105];
-	let setStateFromParsedUrl = t33, t34;
-	$[106] !== getStateFromUrl || $[107] !== setStateFromParsedUrl || $[108] !== toast ? (t34 = (evt_4) => {
+	}, $[102] = handleQueryExecution, $[103] = localStorage, $[104] = setDataset, $[105] = setPerspectiveState, $[106] = t32) : t32 = $[106];
+	let setStateFromParsedUrl = t32, t33;
+	$[107] !== getStateFromUrl || $[108] !== setStateFromParsedUrl || $[109] !== toast ? (t33 = (evt_4) => {
 		if (!evt_4.clipboardData || !isVisionPasteTarget(visionRootRef.current, evt_4)) return;
 		let urlState = getStateFromUrl(evt_4.clipboardData.getData("text/plain"));
 		urlState && (evt_4.preventDefault(), setStateFromParsedUrl(urlState), toast.push({
@@ -2573,42 +2578,42 @@ function VisionGui(props) {
 			status: "info",
 			title: "Parsed URL to query"
 		}));
-	}, $[106] = getStateFromUrl, $[107] = setStateFromParsedUrl, $[108] = toast, $[109] = t34) : t34 = $[109];
-	let handlePaste = t34, t35;
-	$[110] !== handleQueryExecution || $[111] !== params.valid ? (t35 = (event) => {
+	}, $[107] = getStateFromUrl, $[108] = setStateFromParsedUrl, $[109] = toast, $[110] = t33) : t33 = $[110];
+	let handlePaste = t33, t34;
+	$[111] !== handleQueryExecution || $[112] !== params.valid ? (t34 = (event) => {
 		let isWithinRoot = visionRootRef.current && nodeContains(visionRootRef.current, event.target);
 		isRunHotkey(event) && isWithinRoot && params.valid && (handleQueryExecution(), event.preventDefault(), event.stopPropagation());
-	}, $[110] = handleQueryExecution, $[111] = params.valid, $[112] = t35) : t35 = $[112];
-	let handleKeyDown = t35, t36, t37;
-	$[113] !== handleKeyDown || $[114] !== handlePaste ? (t36 = () => (window.document.addEventListener("paste", handlePaste), window.document.addEventListener("keydown", handleKeyDown), () => {
+	}, $[111] = handleQueryExecution, $[112] = params.valid, $[113] = t34) : t34 = $[113];
+	let handleKeyDown = t34, t35, t36;
+	$[114] !== handleKeyDown || $[115] !== handlePaste ? (t35 = () => (window.document.addEventListener("paste", handlePaste), window.document.addEventListener("keydown", handleKeyDown), () => {
 		window.document.removeEventListener("paste", handlePaste), window.document.removeEventListener("keydown", handleKeyDown);
-	}), t37 = [handleKeyDown, handlePaste], $[113] = handleKeyDown, $[114] = handlePaste, $[115] = t36, $[116] = t37) : (t36 = $[115], t37 = $[116]), useEffect(t36, t37);
-	let t38, t39;
-	$[117] === Symbol.for("react.memo_cache_sentinel") ? (t38 = () => () => {
+	}), t36 = [handleKeyDown, handlePaste], $[114] = handleKeyDown, $[115] = handlePaste, $[116] = t35, $[117] = t36) : (t35 = $[116], t36 = $[117]), useEffect(t35, t36);
+	let t37, t38;
+	$[118] === Symbol.for("react.memo_cache_sentinel") ? (t37 = () => () => {
 		cancelQuerySubscription(), cancelListenerSubscription();
-	}, t39 = [cancelQuerySubscription, cancelListenerSubscription], $[117] = t38, $[118] = t39) : (t38 = $[117], t39 = $[118]), useEffect(t38, t39);
-	let t40;
-	$[119] !== changeApiVersion || $[120] !== perspective ? (t40 = () => {
+	}, t38 = [cancelQuerySubscription, cancelListenerSubscription], $[118] = t37, $[119] = t38) : (t37 = $[118], t38 = $[119]), useEffect(t37, t38);
+	let t39;
+	$[120] !== changeApiVersion || $[121] !== perspective ? (t39 = () => {
 		perspective === "pinnedRelease" && changeApiVersion(VARIANTS_API_VERSION);
-	}, $[119] = changeApiVersion, $[120] = perspective, $[121] = t40) : t40 = $[121];
-	let handleStudioVariantChange = useEffectEvent(t40), t41;
-	$[122] !== activeVariant || $[123] !== handleStudioVariantChange ? (t41 = () => {
+	}, $[120] = changeApiVersion, $[121] = perspective, $[122] = t39) : t39 = $[122];
+	let handleStudioVariantChange = useEffectEvent(t39), t40;
+	$[123] !== activeVariant || $[124] !== handleStudioVariantChange ? (t40 = () => {
 		activeVariant && handleStudioVariantChange();
-	}, $[122] = activeVariant, $[123] = handleStudioVariantChange, $[124] = t41) : t41 = $[124];
+	}, $[123] = activeVariant, $[124] = handleStudioVariantChange, $[125] = t40) : t40 = $[125];
+	let t41;
+	$[126] === activeVariant ? t41 = $[127] : (t41 = [activeVariant], $[126] = activeVariant, $[127] = t41), useEffect(t40, t41);
 	let t42;
-	$[125] === activeVariant ? t42 = $[126] : (t42 = [activeVariant], $[125] = activeVariant, $[126] = t42), useEffect(t41, t42);
-	let t43;
-	$[127] === setPerspective ? t43 = $[128] : (t43 = (stack) => {
+	$[128] === setPerspective ? t42 = $[129] : (t42 = (stack) => {
 		stack.length > 0 && setPerspective("pinnedRelease");
-	}, $[127] = setPerspective, $[128] = t43);
-	let handleStudioPerspectiveChange = useEffectEvent(t43), t44;
-	$[129] !== handleStudioPerspectiveChange || $[130] !== perspectiveStack ? (t44 = () => {
+	}, $[128] = setPerspective, $[129] = t42);
+	let handleStudioPerspectiveChange = useEffectEvent(t42), t43;
+	$[130] !== handleStudioPerspectiveChange || $[131] !== perspectiveStack ? (t43 = () => {
 		handleStudioPerspectiveChange(perspectiveStack);
-	}, $[129] = handleStudioPerspectiveChange, $[130] = perspectiveStack, $[131] = t44) : t44 = $[131];
+	}, $[130] = handleStudioPerspectiveChange, $[131] = perspectiveStack, $[132] = t43) : t43 = $[132];
+	let t44;
+	$[133] === perspectiveStack ? t44 = $[134] : (t44 = [perspectiveStack], $[133] = perspectiveStack, $[134] = t44), useEffect(t43, t44);
 	let t45;
-	$[132] === perspectiveStack ? t45 = $[133] : (t45 = [perspectiveStack], $[132] = perspectiveStack, $[133] = t45), useEffect(t44, t45);
-	let t46;
-	$[134] !== activeVariant || $[135] !== client || $[136] !== perspective || $[137] !== perspectiveStack || $[138] !== scheduledDraftsStack ? (t46 = (queryString, queryParams) => {
+	$[135] !== activeVariant || $[136] !== client || $[137] !== perspective || $[138] !== perspectiveStack || $[139] !== scheduledDraftsStack ? (t45 = (queryString, queryParams) => {
 		let urlQueryOpts_0 = {
 			perspective: getActivePerspective({
 				visionPerspective: perspective,
@@ -2618,11 +2623,11 @@ function VisionGui(props) {
 			...activeVariant ? { variant: activeVariant } : {}
 		};
 		return client.getUrl(client.getDataUrl("query", encodeQueryString(queryString, queryParams, urlQueryOpts_0)));
-	}, $[134] = activeVariant, $[135] = client, $[136] = perspective, $[137] = perspectiveStack, $[138] = scheduledDraftsStack, $[139] = t46) : t46 = $[139];
-	let generateUrl = t46, t47 = activeVariant ? VARIANTS_API_VERSION : apiVersion, t48 = !activeVariant && customApiVersion, t49;
-	$[140] !== dataset || $[141] !== datasets || $[142] !== handleChangeApiVersion || $[143] !== handleChangeDataset || $[144] !== handleChangePerspective || $[145] !== handleCustomApiVersionChange || $[146] !== isScheduledDraftsEnabled || $[147] !== isValidApiVersion || $[148] !== perspective || $[149] !== t47 || $[150] !== t48 || $[151] !== url ? (t49 = /* @__PURE__ */ jsx(VisionGuiHeader, {
-		apiVersion: t47,
-		customApiVersion: t48,
+	}, $[135] = activeVariant, $[136] = client, $[137] = perspective, $[138] = perspectiveStack, $[139] = scheduledDraftsStack, $[140] = t45) : t45 = $[140];
+	let generateUrl = t45, t46 = activeVariant ? VARIANTS_API_VERSION : apiVersion, t47 = !activeVariant && customApiVersion, t48;
+	$[141] !== dataset || $[142] !== datasets || $[143] !== handleChangeApiVersion || $[144] !== handleChangeDataset || $[145] !== handleChangePerspective || $[146] !== handleCustomApiVersionChange || $[147] !== isScheduledDraftsEnabled || $[148] !== isValidApiVersion || $[149] !== perspective || $[150] !== t46 || $[151] !== t47 || $[152] !== url ? (t48 = /* @__PURE__ */ jsx(VisionGuiHeader, {
+		apiVersion: t46,
+		customApiVersion: t47,
 		dataset,
 		datasets,
 		onChangeDataset: handleChangeDataset,
@@ -2634,80 +2639,80 @@ function VisionGui(props) {
 		url,
 		perspective,
 		isScheduledDraftsEnabled
-	}), $[140] = dataset, $[141] = datasets, $[142] = handleChangeApiVersion, $[143] = handleChangeDataset, $[144] = handleChangePerspective, $[145] = handleCustomApiVersionChange, $[146] = isScheduledDraftsEnabled, $[147] = isValidApiVersion, $[148] = perspective, $[149] = t47, $[150] = t48, $[151] = url, $[152] = t49) : t49 = $[152];
-	let t50 = isQueryRecallCollapsed ? window.innerWidth : window.innerWidth - 275, t51 = isNarrowBreakpoint ? "vertical" : "horizontal", t52 = isNarrowBreakpoint ? paneSizeOptions.defaultSize : paneSizeOptions.minSize, t53 = paneSizeOptions.size, t54 = paneSizeOptions.allowResize, t55 = isNarrowBreakpoint ? paneSizeOptions.minSize : 100, t56 = paneSizeOptions.maxSize, t57;
-	$[153] === t ? t57 = $[154] : (t57 = t("query.label"), $[153] = t, $[154] = t57);
-	let t58;
-	$[155] === t57 ? t58 = $[156] : (t58 = /* @__PURE__ */ jsx(InputBackgroundContainerLeft, { children: /* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(StyledLabel, {
+	}), $[141] = dataset, $[142] = datasets, $[143] = handleChangeApiVersion, $[144] = handleChangeDataset, $[145] = handleChangePerspective, $[146] = handleCustomApiVersionChange, $[147] = isScheduledDraftsEnabled, $[148] = isValidApiVersion, $[149] = perspective, $[150] = t46, $[151] = t47, $[152] = url, $[153] = t48) : t48 = $[153];
+	let t49 = isQueryRecallCollapsed ? window.innerWidth : window.innerWidth - 275, t50 = isNarrowBreakpoint ? "vertical" : "horizontal", t51 = isNarrowBreakpoint ? paneSizeOptions.defaultSize : paneSizeOptions.minSize, t52 = paneSizeOptions.size, t53 = paneSizeOptions.allowResize, t54 = isNarrowBreakpoint ? paneSizeOptions.minSize : 100, t55 = paneSizeOptions.maxSize, t56;
+	$[154] === t ? t56 = $[155] : (t56 = t("query.label"), $[154] = t, $[155] = t56);
+	let t57;
+	$[156] === t56 ? t57 = $[157] : (t57 = /* @__PURE__ */ jsx(InputBackgroundContainerLeft, { children: /* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(StyledLabel, {
 		muted: !0,
-		children: t57
-	}) }) }), $[155] = t57, $[156] = t58);
-	let t59;
-	$[157] === query ? t59 = $[158] : (t59 = /* @__PURE__ */ jsx(VisionCodeMirror, {
+		children: t56
+	}) }) }), $[156] = t56, $[157] = t57);
+	let t58;
+	$[158] === query ? t58 = $[159] : (t58 = /* @__PURE__ */ jsx(VisionCodeMirror, {
 		initialValue: query,
 		onChange: setQuery,
 		ref: editorQueryRef,
 		extensions: groqExtensions
-	}), $[157] = query, $[158] = t59);
-	let t60;
-	$[159] !== t58 || $[160] !== t59 ? (t60 = /* @__PURE__ */ jsx(InputContainer, {
+	}), $[158] = query, $[159] = t58);
+	let t59;
+	$[160] !== t57 || $[161] !== t58 ? (t59 = /* @__PURE__ */ jsx(InputContainer, {
 		display: "flex",
 		"data-testid": "vision-query-editor",
 		children: /* @__PURE__ */ jsxs(Box, {
 			flexBasis: "0%",
 			flexGrow: 1,
-			children: [t58, t59]
+			children: [t57, t58]
 		})
-	}), $[159] = t58, $[160] = t59, $[161] = t60) : t60 = $[161];
-	let t61;
-	$[162] !== handleParamsChange || $[163] !== params.error || $[164] !== params.raw || $[165] !== params.valid ? (t61 = /* @__PURE__ */ jsx(ParamsEditor, {
+	}), $[160] = t57, $[161] = t58, $[162] = t59) : t59 = $[162];
+	let t60;
+	$[163] !== handleParamsChange || $[164] !== params.error || $[165] !== params.raw || $[166] !== params.valid ? (t60 = /* @__PURE__ */ jsx(ParamsEditor, {
 		value: params.raw,
 		onChange: handleParamsChange,
 		paramsError: params.error,
 		hasValidParams: params.valid,
 		editorRef: editorParamsRef
-	}), $[162] = handleParamsChange, $[163] = params.error, $[164] = params.raw, $[165] = params.valid, $[166] = t61) : t61 = $[166];
-	let t62;
-	$[167] !== handleListenExecution || $[168] !== handleQueryExecution || $[169] !== listenInProgress || $[170] !== params.valid || $[171] !== queryInProgress ? (t62 = /* @__PURE__ */ jsx(VisionGuiControls, {
+	}), $[163] = handleParamsChange, $[164] = params.error, $[165] = params.raw, $[166] = params.valid, $[167] = t60) : t60 = $[167];
+	let t61;
+	$[168] !== handleListenExecution || $[169] !== handleQueryExecution || $[170] !== listenInProgress || $[171] !== params.valid || $[172] !== queryInProgress ? (t61 = /* @__PURE__ */ jsx(VisionGuiControls, {
 		hasValidParams: params.valid,
 		queryInProgress,
 		listenInProgress,
 		onQueryExecution: handleQueryExecution,
 		onListenExecution: handleListenExecution
-	}), $[167] = handleListenExecution, $[168] = handleQueryExecution, $[169] = listenInProgress, $[170] = params.valid, $[171] = queryInProgress, $[172] = t62) : t62 = $[172];
-	let t63;
-	$[173] !== t61 || $[174] !== t62 ? (t63 = /* @__PURE__ */ jsxs(InputContainer, {
+	}), $[168] = handleListenExecution, $[169] = handleQueryExecution, $[170] = listenInProgress, $[171] = params.valid, $[172] = queryInProgress, $[173] = t61) : t61 = $[173];
+	let t62;
+	$[174] !== t60 || $[175] !== t61 ? (t62 = /* @__PURE__ */ jsxs(InputContainer, {
 		display: "flex",
-		children: [t61, t62]
-	}), $[173] = t61, $[174] = t62, $[175] = t63) : t63 = $[175];
-	let t64;
-	$[176] !== paneSizeOptions.allowResize || $[177] !== paneSizeOptions.maxSize || $[178] !== paneSizeOptions.size || $[179] !== t52 || $[180] !== t55 || $[181] !== t60 || $[182] !== t63 ? (t64 = /* @__PURE__ */ jsx(Box, {
+		children: [t60, t61]
+	}), $[174] = t60, $[175] = t61, $[176] = t62) : t62 = $[176];
+	let t63;
+	$[177] !== paneSizeOptions.allowResize || $[178] !== paneSizeOptions.maxSize || $[179] !== paneSizeOptions.size || $[180] !== t51 || $[181] !== t54 || $[182] !== t59 || $[183] !== t62 ? (t63 = /* @__PURE__ */ jsx(Box, {
 		height: "stretch",
 		flexBasis: "0%",
 		flexGrow: 1,
 		children: /* @__PURE__ */ jsxs(SplitPane, {
 			className: "sidebarPanes",
 			split: "horizontal",
-			defaultSize: t52,
-			size: t53,
-			allowResize: t54,
-			minSize: t55,
-			maxSize: t56,
+			defaultSize: t51,
+			size: t52,
+			allowResize: t53,
+			minSize: t54,
+			maxSize: t55,
 			primary: "first",
-			children: [t60, t63]
+			children: [t59, t62]
 		})
-	}), $[176] = paneSizeOptions.allowResize, $[177] = paneSizeOptions.maxSize, $[178] = paneSizeOptions.size, $[179] = t52, $[180] = t55, $[181] = t60, $[182] = t63, $[183] = t64) : t64 = $[183];
-	let t65;
-	$[184] !== perspective || $[185] !== perspectiveStack || $[186] !== scheduledDraftsStack ? (t65 = getActivePerspective({
+	}), $[177] = paneSizeOptions.allowResize, $[178] = paneSizeOptions.maxSize, $[179] = paneSizeOptions.size, $[180] = t51, $[181] = t54, $[182] = t59, $[183] = t62, $[184] = t63) : t63 = $[184];
+	let t64;
+	$[185] !== perspective || $[186] !== perspectiveStack || $[187] !== scheduledDraftsStack ? (t64 = 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, {
+	}), $[185] = perspective, $[186] = perspectiveStack, $[187] = scheduledDraftsStack, $[188] = t64) : t64 = $[188];
+	let t65;
+	$[189] !== activeVariant || $[190] !== dataset || $[191] !== e2eTime || $[192] !== error || $[193] !== listenInProgress || $[194] !== listenMutations || $[195] !== queryInProgress || $[196] !== queryResult || $[197] !== queryTime || $[198] !== t64 || $[199] !== userApiVersion ? (t65 = /* @__PURE__ */ jsx(VisionGuiResult, {
 		error,
 		apiVersion: userApiVersion,
-		perspective: t65,
+		perspective: t64,
 		variant: activeVariant,
 		queryInProgress,
 		queryResult,
@@ -2716,85 +2721,85 @@ function VisionGui(props) {
 		dataset,
 		queryTime,
 		e2eTime
-	}), $[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, {
+	}), $[189] = activeVariant, $[190] = dataset, $[191] = e2eTime, $[192] = error, $[193] = listenInProgress, $[194] = listenMutations, $[195] = queryInProgress, $[196] = queryResult, $[197] = queryTime, $[198] = t64, $[199] = userApiVersion, $[200] = t65) : t65 = $[200];
+	let t66;
+	$[201] !== t50 || $[202] !== t63 || $[203] !== t65 ? (t66 = /* @__PURE__ */ jsx(Box, {
 		height: "stretch",
 		flexBasis: "0%",
 		flexGrow: 1,
 		children: /* @__PURE__ */ jsxs(SplitPane, {
 			className: "sidebarPanes",
-			split: t51,
+			split: t50,
 			minSize: 300,
-			children: [t64, t66]
+			children: [t63, t65]
 		})
-	}), $[200] = t51, $[201] = t64, $[202] = t66, $[203] = t67) : t67 = $[203];
-	let t68;
-	$[204] === Symbol.for("react.memo_cache_sentinel") ? (t68 = {
+	}), $[201] = t50, $[202] = t63, $[203] = t65, $[204] = t66) : t66 = $[204];
+	let t67;
+	$[205] === Symbol.for("react.memo_cache_sentinel") ? (t67 = {
 		position: "absolute",
 		left: -32,
 		top: "50%",
 		transform: "translateY(-50%)",
 		zIndex: 100,
 		pointerEvents: "auto"
-	}, $[204] = t68) : t68 = $[204];
+	}, $[205] = t67) : t67 = $[205];
+	let t68;
+	$[206] === isQueryRecallCollapsed ? t68 = $[207] : (t68 = () => setIsQueryRecallCollapsed(!isQueryRecallCollapsed), $[206] = isQueryRecallCollapsed, $[207] = t68);
 	let t69;
-	$[205] === isQueryRecallCollapsed ? t69 = $[206] : (t69 = () => setIsQueryRecallCollapsed(!isQueryRecallCollapsed), $[205] = isQueryRecallCollapsed, $[206] = t69);
-	let t70;
-	$[207] === Symbol.for("react.memo_cache_sentinel") ? (t70 = {
+	$[208] === Symbol.for("react.memo_cache_sentinel") ? (t69 = {
 		display: "flex",
 		alignItems: "center",
 		height: "100%"
-	}, $[207] = t70) : t70 = $[207];
-	let t71;
-	$[208] === isQueryRecallCollapsed ? t71 = $[209] : (t71 = /* @__PURE__ */ jsx("div", {
-		style: t70,
+	}, $[208] = t69) : t69 = $[208];
+	let t70;
+	$[209] === isQueryRecallCollapsed ? t70 = $[210] : (t70 = /* @__PURE__ */ jsx("div", {
+		style: t69,
 		children: jsx(isQueryRecallCollapsed ? ChevronLeftIcon : ChevronRightIcon, {})
-	}), $[208] = isQueryRecallCollapsed, $[209] = t71);
-	let t72;
-	$[210] !== t69 || $[211] !== t71 ? (t72 = /* @__PURE__ */ jsx(Button, {
+	}), $[209] = isQueryRecallCollapsed, $[210] = t70);
+	let t71;
+	$[211] !== t68 || $[212] !== t70 ? (t71 = /* @__PURE__ */ jsx(Button, {
 		mode: "ghost",
 		padding: 2,
-		style: t68,
-		onClick: t69,
-		children: t71
-	}), $[210] = t69, $[211] = t71, $[212] = t72) : t72 = $[212];
+		style: t67,
+		onClick: t68,
+		children: t70
+	}), $[211] = t68, $[212] = t70, $[213] = t71) : t71 = $[213];
+	let t72;
+	$[214] === params.parsed ? t72 = $[215] : (t72 = params.parsed || {}, $[214] = params.parsed, $[215] = t72);
 	let t73;
-	$[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, {
+	$[216] !== generateUrl || $[217] !== getStateFromUrl || $[218] !== query || $[219] !== setStateFromParsedUrl || $[220] !== t72 || $[221] !== url ? (t73 = /* @__PURE__ */ jsx(QueryRecallPaneWrapper, { children: /* @__PURE__ */ jsx(QueryRecall, {
 		url,
 		getStateFromUrl,
 		setStateFromParsedUrl,
 		currentQuery: query,
-		currentParams: t73,
+		currentParams: t72,
 		generateUrl
-	}) }), $[215] = generateUrl, $[216] = getStateFromUrl, $[217] = query, $[218] = setStateFromParsedUrl, $[219] = t73, $[220] = url, $[221] = t74) : t74 = $[221];
+	}) }), $[216] = generateUrl, $[217] = getStateFromUrl, $[218] = query, $[219] = setStateFromParsedUrl, $[220] = t72, $[221] = url, $[222] = t73) : t73 = $[222];
+	let t74;
+	$[223] !== t71 || $[224] !== t73 ? (t74 = /* @__PURE__ */ jsxs(QueryRecallPaneContainer, { children: [t71, t73] }), $[223] = t71, $[224] = t73, $[225] = t74) : t74 = $[225];
 	let t75;
-	$[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, {
+	$[226] !== t49 || $[227] !== t66 || $[228] !== t74 ? (t75 = /* @__PURE__ */ jsx(SplitpaneContainer, {
 		flexBasis: "auto",
 		flexGrow: 1,
 		flexShrink: 1,
 		children: /* @__PURE__ */ jsxs(SplitPane, {
 			minSize: 800,
 			defaultSize: window.innerWidth - 275,
-			size: t50,
+			size: t49,
 			maxSize: -225,
 			primary: "first",
-			children: [t67, t75]
+			children: [t66, t74]
 		})
-	}), $[225] = t50, $[226] = t67, $[227] = t75, $[228] = t76) : t76 = $[228];
-	let t77;
-	return $[229] !== t49 || $[230] !== t76 ? (t77 = /* @__PURE__ */ jsxs(Root, {
+	}), $[226] = t49, $[227] = t66, $[228] = t74, $[229] = t75) : t75 = $[229];
+	let t76;
+	return $[230] !== t48 || $[231] !== t75 ? (t76 = /* @__PURE__ */ jsxs(Root, {
 		flexDirection: "column",
 		height: "100%",
 		ref: visionRootRef,
 		overflow: "hidden",
 		"data-testid": "vision-root",
-		children: [t49, t76]
-	}), $[229] = t49, $[230] = t76, $[231] = t77) : t77 = $[231], t77;
+		children: [t48, t75]
+	}), $[230] = t48, $[231] = t75, $[232] = t76) : t76 = $[232], t76;
 }
 function _temp2$1(release_0) {
 	return getReleaseIdFromReleaseDocumentId(release_0._id);
@@ -2905,7 +2910,7 @@ var VisionErrorBoundary = class extends Component {
 			sizing: "border",
 			tone: "critical",
 			children: /* @__PURE__ */ jsx(Container, {
-				width: 3,
+				size: 3,
 				children: /* @__PURE__ */ jsxs(Stack, {
 					gap: 4,
 					children: [
@@ -2951,4 +2956,4 @@ function SanityVision(props) {
 }
 export { SanityVision as default };
 
-//# sourceMappingURL=SanityVision-BLv8MKWU.js.map
+//# sourceMappingURL=SanityVision-DP7bCCAx.js.map