@sanity/vision 6.10.0-next.9 → 6.10.0

package/lib/{SanityVision-BnC8gWR8.js → SanityVision-DtYJleYV.js}

@@ -1,6 +1,6 @@
-import { t as visionLocaleNamespace } from "./i18n-DWd7qwtK.js";
+import { t as visionLocaleNamespace } from "./i18n-B53Bf56u.js";
 import { Component, Fragment, Suspense, use, useEffect, useImperativeHandle, useRef, useState } from "react";
-import { ContextMenuButton, Translate, UserAvatar, getReleaseIdFromReleaseDocumentId, isCardinalityOneRelease, sortReleases, useActiveReleases, useClient, useCurrentUser, useDataset, useDateTimeFormat, useKeyValueStore, usePerspective, useScheduledDraftsEnabled, useTranslation, useWorkspace } from "sanity";
+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 { IntentLink } from "sanity/router";
 import { c } from "react/compiler-runtime";
 import { Badge, Box, 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";
@@ -290,6 +290,13 @@ function hasPinnedPerspective({ selectedPerspectiveName }) {
 function getActivePerspective({ visionPerspective, perspectiveStack, scheduledDraftsStack }) {
 	return visionPerspective === "pinnedRelease" ? perspectiveStack : visionPerspective === "scheduledDrafts" ? scheduledDraftsStack : visionPerspective;
 }
+/**
+* The navbar variant is only sent with Vision queries when the virtual "Pinned release"
+* perspective is selected. Other Vision perspectives stay local and do not attach a variant.
+*/
+function getActiveVariant(visionPerspective, selectedVariantName) {
+	if (visionPerspective === "pinnedRelease") return selectedVariantName;
+}
 function encodeQueryString(query, params = {}, options = {}) {
 	let searchParams = new URLSearchParams();
 	searchParams.set("query", query);
@@ -297,6 +304,21 @@ function encodeQueryString(query, params = {}, options = {}) {
 	for (let [key, value] of Object.entries(options)) value && searchParams.set(key, `${value}`);
 	return `?${searchParams}`;
 }
+function acceptsNativePaste(node) {
+	let element = node;
+	return (element?.tagName === "INPUT" || element?.tagName === "TEXTAREA") && element?.readOnly === !1;
+}
+/**
+* Whether a paste seen by Vision's `document` level listener was meant for Vision. The listener is
+* global, so it also observes pastes aimed at unrelated elements such as the Studio search field.
+*
+* Uses the dispatch path rather than `event.target`, because CodeMirror handles the paste and
+* re-renders the pasted line before the event reaches `document`, detaching the original target.
+*/
+function isVisionPasteTarget(root, event) {
+	let path = event.composedPath(), [target] = path;
+	return acceptsNativePaste(target) ? !1 : target === window.document || target === window.document.body || root !== null && path.includes(root);
+}
 function isPlainObject(obj) {
 	return !!obj && typeof obj == "object" && Object.prototype.toString.call(obj) === "[object Object]";
 }
@@ -1638,94 +1660,121 @@ function _temp$3(o) {
 	return !o;
 }
 const PinnedReleasePerspectiveOption = (t0) => {
-	let $ = c(11), { pinnedPerspective, t } = t0, name = typeof pinnedPerspective.selectedPerspective == "object" ? pinnedPerspective.selectedPerspective.metadata.title : pinnedPerspective.selectedPerspectiveName, t1;
-	$[0] !== pinnedPerspective || $[1] !== t ? (t1 = hasPinnedPerspective(pinnedPerspective) ? `(${t("settings.perspectives.pinned-release-label")})` : t("settings.perspectives.pinned-release-label"), $[0] = pinnedPerspective, $[1] = t, $[2] = t1) : t1 = $[2];
-	let label = t1, t2;
-	$[3] !== label || $[4] !== name ? (t2 = [name, label].filter(_temp$2), $[3] = label, $[4] = name, $[5] = t2) : t2 = $[5];
-	let text = t2.join(" "), t3;
-	$[6] === pinnedPerspective ? t3 = $[7] : (t3 = hasPinnedPerspective(pinnedPerspective), $[6] = pinnedPerspective, $[7] = t3);
-	let t4 = !t3, t5;
-	return $[8] !== t4 || $[9] !== text ? (t5 = /* @__PURE__ */ jsx("option", {
+	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 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];
+	let label = t2, t3 = variantTitle ? `· ${variantTitle}` : void 0, t4;
+	$[6] !== label || $[7] !== name || $[8] !== t3 ? (t4 = [
+		name,
+		t3,
+		label
+	].filter(_temp$2), $[6] = label, $[7] = name, $[8] = t3, $[9] = t4) : t4 = $[9];
+	let text = t4.join(" "), t5;
+	$[10] === pinnedPerspective ? t5 = $[11] : (t5 = hasPinnedPerspective(pinnedPerspective), $[10] = pinnedPerspective, $[11] = t5);
+	let t6 = !t5, t7;
+	return $[12] !== t6 || $[13] !== text ? (t7 = /* @__PURE__ */ jsx("option", {
 		value: "pinnedRelease",
-		disabled: t4,
+		disabled: t6,
 		children: text
-	}), $[8] = t4, $[9] = text, $[10] = t5) : t5 = $[10], t5;
+	}), $[12] = t6, $[13] = text, $[14] = t7) : t7 = $[14], t7;
 };
 function VisionGuiHeader(t0) {
-	let $ = c(68), { onChangeDataset, dataset, customApiVersion, apiVersion, onChangeApiVersion, datasets, customApiVersionElementRef, onCustomApiVersionChange, isValidApiVersion, onChangePerspective, url, perspective, isScheduledDraftsEnabled } = t0, pinnedPerspective = usePerspective(), { t } = useTranslation(visionLocaleNamespace), operationUrlElement = useRef(null), t1;
-	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t1 = () => {
+	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];
+	let isApiVersionLocked = !!t1, { t } = useTranslation(visionLocaleNamespace), operationUrlElement = useRef(null), t2;
+	$[3] === Symbol.for("react.memo_cache_sentinel") ? (t2 = () => {
 		let el = operationUrlElement.current;
 		if (el) try {
 			el.select(), document.execCommand("copy");
 		} catch {
 			console.error("Unable to copy to clipboard :(");
 		}
-	}, $[0] = t1) : t1 = $[0];
-	let handleCopyUrl = t1, t2;
-	$[1] === Symbol.for("react.memo_cache_sentinel") ? (t2 = [
+	}, $[3] = t2) : t2 = $[3];
+	let handleCopyUrl = t2, t3;
+	$[4] === Symbol.for("react.memo_cache_sentinel") ? (t3 = [
 		1,
 		4,
 		8,
 		12
-	], $[1] = t2) : t2 = $[1];
-	let t3;
-	$[2] === Symbol.for("react.memo_cache_sentinel") ? (t3 = [1, 2], $[2] = t3) : t3 = $[2];
+	], $[4] = t3) : t3 = $[4];
 	let t4;
-	$[3] === t ? t4 = $[4] : (t4 = t("settings.dataset-label"), $[3] = t, $[4] = t4);
+	$[5] === Symbol.for("react.memo_cache_sentinel") ? (t4 = [1, 2], $[5] = t4) : t4 = $[5];
 	let t5;
-	$[5] === t4 ? t5 = $[6] : (t5 = /* @__PURE__ */ jsx(Card, {
+	$[6] === t ? t5 = $[7] : (t5 = t("settings.dataset-label"), $[6] = t, $[7] = t5);
+	let t6;
+	$[8] === t5 ? t6 = $[9] : (t6 = /* @__PURE__ */ jsx(Card, {
 		paddingTop: 2,
 		paddingBottom: 3,
-		children: /* @__PURE__ */ jsx(StyledLabel, { children: t4 })
-	}), $[5] = t4, $[6] = t5);
-	let t6;
-	$[7] === datasets ? t6 = $[8] : (t6 = datasets.map(_temp2$2), $[7] = datasets, $[8] = t6);
+		children: /* @__PURE__ */ jsx(StyledLabel, { children: t5 })
+	}), $[8] = t5, $[9] = t6);
 	let t7;
-	$[9] !== dataset || $[10] !== onChangeDataset || $[11] !== t6 ? (t7 = /* @__PURE__ */ jsx(Select, {
+	$[10] === datasets ? t7 = $[11] : (t7 = datasets.map(_temp2$2), $[10] = datasets, $[11] = t7);
+	let t8;
+	$[12] !== dataset || $[13] !== onChangeDataset || $[14] !== t7 ? (t8 = /* @__PURE__ */ jsx(Select, {
 		value: dataset,
 		onChange: onChangeDataset,
-		children: t6
-	}), $[9] = dataset, $[10] = onChangeDataset, $[11] = t6, $[12] = t7) : t7 = $[12];
-	let t8;
-	$[13] !== t5 || $[14] !== t7 ? (t8 = /* @__PURE__ */ jsx(Box, {
-		padding: 1,
-		gridColumn: t3,
-		children: /* @__PURE__ */ jsxs(Stack, { children: [t5, t7] })
-	}), $[13] = t5, $[14] = t7, $[15] = t8) : t8 = $[15];
+		children: t7
+	}), $[12] = dataset, $[13] = onChangeDataset, $[14] = t7, $[15] = t8) : t8 = $[15];
 	let t9;
-	$[16] === Symbol.for("react.memo_cache_sentinel") ? (t9 = [1, 2], $[16] = t9) : t9 = $[16];
+	$[16] !== t6 || $[17] !== t8 ? (t9 = /* @__PURE__ */ jsx(Box, {
+		padding: 1,
+		gridColumn: t4,
+		children: /* @__PURE__ */ jsxs(Stack, { children: [t6, t8] })
+	}), $[16] = t6, $[17] = t8, $[18] = t9) : t9 = $[18];
 	let t10;
-	$[17] === t ? t10 = $[18] : (t10 = t("settings.api-version-label"), $[17] = t, $[18] = t10);
+	$[19] === Symbol.for("react.memo_cache_sentinel") ? (t10 = [1, 2], $[19] = t10) : t10 = $[19];
 	let t11;
-	$[19] === t10 ? t11 = $[20] : (t11 = /* @__PURE__ */ jsx(Card, {
+	$[20] === t ? t11 = $[21] : (t11 = t("settings.api-version-label"), $[20] = t, $[21] = t11);
+	let t12;
+	$[22] === t11 ? t12 = $[23] : (t12 = /* @__PURE__ */ jsx(Card, {
 		paddingTop: 2,
 		paddingBottom: 3,
-		children: /* @__PURE__ */ jsx(StyledLabel, { children: t10 })
-	}), $[19] = t10, $[20] = t11);
-	let t12 = customApiVersion === !1 ? apiVersion : "other", t13;
-	$[21] === Symbol.for("react.memo_cache_sentinel") ? (t13 = API_VERSIONS.map(_temp3$1), $[21] = t13) : t13 = $[21];
+		children: /* @__PURE__ */ jsx(StyledLabel, { children: t11 })
+	}), $[22] = t11, $[23] = t12);
+	let t13;
+	$[24] === t ? t13 = $[25] : (t13 = t("settings.api-version-locked-for-variant"), $[24] = t, $[25] = t13);
 	let t14;
-	$[22] === t ? t14 = $[23] : (t14 = t("settings.other-api-version-label"), $[22] = t, $[23] = t14);
-	let t15;
-	$[24] === t14 ? t15 = $[25] : (t15 = /* @__PURE__ */ jsx("option", {
+	$[26] === t13 ? t14 = $[27] : (t14 = /* @__PURE__ */ jsx(Text, {
+		size: 1,
+		children: t13
+	}), $[26] = t13, $[27] = t14);
+	let t15 = !isApiVersionLocked, t16 = customApiVersion === !1 ? apiVersion : "other", t17;
+	$[28] === Symbol.for("react.memo_cache_sentinel") ? (t17 = API_VERSIONS.map(_temp3$1), $[28] = t17) : t17 = $[28];
+	let t18;
+	$[29] === t ? t18 = $[30] : (t18 = t("settings.other-api-version-label"), $[29] = t, $[30] = t18);
+	let t19;
+	$[31] === t18 ? t19 = $[32] : (t19 = /* @__PURE__ */ jsx("option", {
 		value: "other",
-		children: t14
-	}, "other"), $[24] = t14, $[25] = t15);
-	let t16;
-	$[26] !== onChangeApiVersion || $[27] !== t12 || $[28] !== t15 ? (t16 = /* @__PURE__ */ jsxs(Select, {
-		"data-testid": "api-version-selector",
-		value: t12,
-		onChange: onChangeApiVersion,
-		children: [t13, t15]
-	}), $[26] = onChangeApiVersion, $[27] = t12, $[28] = t15, $[29] = t16) : t16 = $[29];
-	let t17;
-	$[30] !== t11 || $[31] !== t16 ? (t17 = /* @__PURE__ */ jsx(Box, {
+		children: t18
+	}, "other"), $[31] = t18, $[32] = t19);
+	let t20;
+	$[33] !== isApiVersionLocked || $[34] !== onChangeApiVersion || $[35] !== t16 || $[36] !== t19 ? (t20 = /* @__PURE__ */ jsx(Box, {
+		"data-testid": "api-version-selector-wrap",
+		children: /* @__PURE__ */ jsxs(Select, {
+			"data-testid": "api-version-selector",
+			value: t16,
+			onChange: onChangeApiVersion,
+			disabled: isApiVersionLocked,
+			children: [t17, t19]
+		})
+	}), $[33] = isApiVersionLocked, $[34] = onChangeApiVersion, $[35] = t16, $[36] = t19, $[37] = t20) : t20 = $[37];
+	let t21;
+	$[38] !== t14 || $[39] !== t15 || $[40] !== t20 ? (t21 = /* @__PURE__ */ jsx(Tooltip, {
+		content: t14,
+		disabled: t15,
+		placement: "bottom",
+		portal: !0,
+		children: t20
+	}), $[38] = t14, $[39] = t15, $[40] = t20, $[41] = t21) : t21 = $[41];
+	let t22;
+	$[42] !== t12 || $[43] !== t21 ? (t22 = /* @__PURE__ */ jsx(Box, {
 		padding: 1,
-		gridColumn: t9,
-		children: /* @__PURE__ */ jsxs(Stack, { children: [t11, t16] })
-	}), $[30] = t11, $[31] = t16, $[32] = t17) : t17 = $[32];
-	let t18;
-	$[33] !== customApiVersion || $[34] !== customApiVersionElementRef || $[35] !== isValidApiVersion || $[36] !== onCustomApiVersionChange || $[37] !== t ? (t18 = customApiVersion !== !1 && /* @__PURE__ */ jsx(Box, {
+		gridColumn: t10,
+		children: /* @__PURE__ */ jsxs(Stack, { children: [t12, t21] })
+	}), $[42] = t12, $[43] = t21, $[44] = t22) : t22 = $[44];
+	let t23;
+	$[45] !== customApiVersion || $[46] !== customApiVersionElementRef || $[47] !== isApiVersionLocked || $[48] !== isValidApiVersion || $[49] !== onCustomApiVersionChange || $[50] !== t ? (t23 = !isApiVersionLocked && customApiVersion !== !1 && /* @__PURE__ */ jsx(Box, {
 		padding: 1,
 		gridColumn: [1, 2],
 		children: /* @__PURE__ */ jsxs(Stack, { children: [/* @__PURE__ */ jsx(Card, {
@@ -1742,25 +1791,25 @@ function VisionGuiHeader(t0) {
 			customValidity: isValidApiVersion ? void 0 : t("settings.error.invalid-api-version"),
 			maxLength: 11
 		})] })
-	}), $[33] = customApiVersion, $[34] = customApiVersionElementRef, $[35] = isValidApiVersion, $[36] = onCustomApiVersionChange, $[37] = t, $[38] = t18) : t18 = $[38];
-	let t19;
-	$[39] === Symbol.for("react.memo_cache_sentinel") ? (t19 = [1, 2], $[39] = t19) : t19 = $[39];
-	let t20;
-	$[40] === t ? t20 = $[41] : (t20 = t("settings.perspective-label"), $[40] = t, $[41] = t20);
-	let t21;
-	$[42] === t20 ? t21 = $[43] : (t21 = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(StyledLabel, { children: t20 }) }), $[42] = t20, $[43] = t21);
-	let t22;
-	$[44] === Symbol.for("react.memo_cache_sentinel") ? (t22 = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(PerspectivePopover, {}) }), $[44] = t22) : t22 = $[44];
-	let t23;
-	$[45] === t21 ? t23 = $[46] : (t23 = /* @__PURE__ */ jsx(Card, {
+	}), $[45] = customApiVersion, $[46] = customApiVersionElementRef, $[47] = isApiVersionLocked, $[48] = isValidApiVersion, $[49] = onCustomApiVersionChange, $[50] = t, $[51] = t23) : t23 = $[51];
+	let t24;
+	$[52] === Symbol.for("react.memo_cache_sentinel") ? (t24 = [1, 2], $[52] = t24) : t24 = $[52];
+	let t25;
+	$[53] === t ? t25 = $[54] : (t25 = t("settings.perspective-label"), $[53] = t, $[54] = t25);
+	let t26;
+	$[55] === t25 ? t26 = $[56] : (t26 = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(StyledLabel, { children: t25 }) }), $[55] = t25, $[56] = t26);
+	let t27;
+	$[57] === Symbol.for("react.memo_cache_sentinel") ? (t27 = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(PerspectivePopover, {}) }), $[57] = t27) : t27 = $[57];
+	let t28;
+	$[58] === t26 ? t28 = $[59] : (t28 = /* @__PURE__ */ jsx(Card, {
 		paddingBottom: 1,
 		children: /* @__PURE__ */ jsxs(Inline, {
 			gap: 1,
-			children: [t21, t22]
+			children: [t26, t27]
 		})
-	}), $[45] = t21, $[46] = t23);
-	let t24 = perspective || "default", t25;
-	$[47] !== isScheduledDraftsEnabled || $[48] !== pinnedPerspective || $[49] !== t ? (t25 = SUPPORTED_PERSPECTIVES.map((perspectiveName) => perspectiveName === "pinnedRelease" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+	}), $[58] = t26, $[59] = t28);
+	let t29 = perspective || "default", t30;
+	$[60] !== isScheduledDraftsEnabled || $[61] !== pinnedPerspective || $[62] !== t ? (t30 = SUPPORTED_PERSPECTIVES.map((perspectiveName) => perspectiveName === "pinnedRelease" ? /* @__PURE__ */ jsxs(Fragment, { children: [
 		/* @__PURE__ */ jsx(PinnedReleasePerspectiveOption, {
 			pinnedPerspective,
 			t
@@ -1773,21 +1822,22 @@ function VisionGuiHeader(t0) {
 	] }, "pinnedRelease") : perspectiveName === "scheduledDrafts" ? isScheduledDraftsEnabled ? /* @__PURE__ */ jsx("option", {
 		value: "scheduledDrafts",
 		children: t("settings.perspectives.scheduled-drafts")
-	}, "scheduledDrafts") : null : /* @__PURE__ */ jsx("option", { children: perspectiveName }, perspectiveName)), $[47] = isScheduledDraftsEnabled, $[48] = pinnedPerspective, $[49] = t, $[50] = t25) : t25 = $[50];
-	let t26;
-	$[51] !== onChangePerspective || $[52] !== t24 || $[53] !== t25 ? (t26 = /* @__PURE__ */ jsx(Select, {
-		value: t24,
+	}, "scheduledDrafts") : null : /* @__PURE__ */ jsx("option", { children: perspectiveName }, perspectiveName)), $[60] = isScheduledDraftsEnabled, $[61] = pinnedPerspective, $[62] = t, $[63] = t30) : t30 = $[63];
+	let t31;
+	$[64] !== onChangePerspective || $[65] !== t29 || $[66] !== t30 ? (t31 = /* @__PURE__ */ jsx(Select, {
+		"data-testid": "perspective-selector",
+		value: t29,
 		onChange: onChangePerspective,
-		children: t25
-	}), $[51] = onChangePerspective, $[52] = t24, $[53] = t25, $[54] = t26) : t26 = $[54];
-	let t27;
-	$[55] !== t23 || $[56] !== t26 ? (t27 = /* @__PURE__ */ jsx(Box, {
+		children: t30
+	}), $[64] = onChangePerspective, $[65] = t29, $[66] = t30, $[67] = t31) : t31 = $[67];
+	let t32;
+	$[68] !== t28 || $[69] !== t31 ? (t32 = /* @__PURE__ */ jsx(Box, {
 		padding: 1,
-		gridColumn: t19,
-		children: /* @__PURE__ */ jsxs(Stack, { children: [t23, t26] })
-	}), $[55] = t23, $[56] = t26, $[57] = t27) : t27 = $[57];
-	let t28;
-	$[58] !== customApiVersion || $[59] !== t || $[60] !== url ? (t28 = typeof url == "string" ? /* @__PURE__ */ jsx(Box, {
+		gridColumn: t24,
+		children: /* @__PURE__ */ jsxs(Stack, { children: [t28, t31] })
+	}), $[68] = t28, $[69] = t31, $[70] = t32) : t32 = $[70];
+	let t33;
+	$[71] !== customApiVersion || $[72] !== t || $[73] !== url ? (t33 = typeof url == "string" ? /* @__PURE__ */ jsx(Box, {
 		padding: 1,
 		flex: 1,
 		gridColumn: [1, customApiVersion === !1 ? 6 : 4],
@@ -1815,6 +1865,7 @@ function VisionGuiHeader(t0) {
 			children: [/* @__PURE__ */ jsx(Box, {
 				flex: 1,
 				children: /* @__PURE__ */ jsx(TextInput, {
+					"data-testid": "vision-query-url",
 					readOnly: !0,
 					type: "url",
 					ref: operationUrlElement,
@@ -1831,22 +1882,22 @@ function VisionGuiHeader(t0) {
 				})
 			})]
 		})] })
-	}) : /* @__PURE__ */ jsx(Box, { flex: 1 }), $[58] = customApiVersion, $[59] = t, $[60] = url, $[61] = t28) : t28 = $[61];
-	let t29;
-	return $[62] !== t17 || $[63] !== t18 || $[64] !== t27 || $[65] !== t28 || $[66] !== t8 ? (t29 = /* @__PURE__ */ jsx(Header, {
+	}) : /* @__PURE__ */ jsx(Box, { flex: 1 }), $[71] = customApiVersion, $[72] = t, $[73] = url, $[74] = t33) : t33 = $[74];
+	let t34;
+	return $[75] !== t22 || $[76] !== t23 || $[77] !== t32 || $[78] !== t33 || $[79] !== t9 ? (t34 = /* @__PURE__ */ jsx(Header, {
 		paddingX: 3,
 		paddingY: 2,
 		children: /* @__PURE__ */ jsxs(Grid, {
-			gridTemplateColumns: t2,
+			gridTemplateColumns: t3,
 			children: [
-				t8,
-				t17,
-				t18,
-				t27,
-				t28
+				t9,
+				t22,
+				t23,
+				t32,
+				t33
 			]
 		})
-	}), $[62] = t17, $[63] = t18, $[64] = t27, $[65] = t28, $[66] = t8, $[67] = t29) : t29 = $[67], t29;
+	}), $[75] = t22, $[76] = t23, $[77] = t32, $[78] = t33, $[79] = t9, $[80] = t34) : t34 = $[80], t34;
 }
 function _temp3$1(version) {
 	return /* @__PURE__ */ jsx("option", { children: version }, version);
@@ -2223,9 +2274,9 @@ function VisionGuiResult(t0) {
 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)\/(.*?)\?(.*)/, isRunHotkey = (event) => isHotkey("ctrl+enter", event) || isHotkey("mod+enter", event);
+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(209), { datasets, config, projectId, defaultDataset } = props, toast = useToast(), { t } = useTranslation(visionLocaleNamespace), { perspectiveStack } = usePerspective(), isScheduledDraftsEnabled = useScheduledDraftsEnabled(), { data: t0 } = useActiveReleases(), t1;
+	let $ = c(225), { 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);
@@ -2241,80 +2292,88 @@ 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), t9;
-	$[20] === storedApiVersion ? t9 = $[21] : (t9 = () => API_VERSIONS.includes(storedApiVersion) ? storedApiVersion : DEFAULT_API_VERSION, $[20] = storedApiVersion, $[21] = t9);
-	let [apiVersion, setApiVersion] = useState(t9), t10;
-	$[22] === storedApiVersion ? t10 = $[23] : (t10 = () => !API_VERSIONS.includes(storedApiVersion) && storedApiVersion, $[22] = storedApiVersion, $[23] = t10);
-	let [customApiVersion, setCustomApiVersion] = useState(t10), [perspective, setPerspectiveState] = useState(storedPerspective || "raw"), t11;
-	$[24] === customApiVersion ? t11 = $[25] : (t11 = !customApiVersion || validateApiVersion(customApiVersion), $[24] = customApiVersion, $[25] = t11);
-	let isValidApiVersion = t11, [url, setUrl] = useState(void 0), t12;
-	$[26] === storedQuery ? t12 = $[27] : (t12 = () => typeof storedQuery == "string" ? storedQuery : "", $[26] = storedQuery, $[27] = t12);
-	let [query, setQuery] = useState(t12), [rawParams, setRawParams] = useState(storedParams), t13;
-	$[28] !== rawParams || $[29] !== t ? (t13 = parseParams(rawParams, t), $[28] = rawParams, $[29] = t, $[30] = t13) : t13 = $[30];
-	let params = t13, [queryResult, setQueryResult] = useState(void 0), t14;
-	$[31] === Symbol.for("react.memo_cache_sentinel") ? (t14 = [], $[31] = t14) : t14 = $[31];
-	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;
-	$[32] === Symbol.for("react.memo_cache_sentinel") ? (t15 = { visionRootRef }, $[32] = t15) : t15 = $[32];
-	let { paneSizeOptions, isNarrowBreakpoint } = usePaneSize(t15), t16;
+	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;
 	bb0: {
 		if (!isScheduledDraftsEnabled) {
-			t16 = void 0;
+			t17 = void 0;
 			break bb0;
 		}
-		let t17;
-		if ($[33] !== isDraftModelEnabled || $[34] !== releases) {
-			let scheduledDraftReleases = releases.filter(_temp$1), releaseIds = sortReleases(scheduledDraftReleases).map(_temp2$1), t18;
-			$[36] === isDraftModelEnabled ? t18 = $[37] : (t18 = isDraftModelEnabled ? ["drafts"] : ["published"], $[36] = isDraftModelEnabled, $[37] = t18);
-			let defaultPerspective = t18;
-			t17 = [...releaseIds, ...defaultPerspective], $[33] = isDraftModelEnabled, $[34] = releases, $[35] = t17;
-		} else t17 = $[35];
-		t16 = t17;
+		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 scheduledDraftsStack = t16, t17 = isValidApiVersion && customApiVersion ? customApiVersion : apiVersion, t18;
-	$[38] === t17 ? t18 = $[39] : (t18 = { apiVersion: t17 }, $[38] = t17, $[39] = t18);
+	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;
-	$[40] !== _client || $[41] !== apiVersion || $[42] !== customApiVersion || $[43] !== dataset || $[44] !== isValidApiVersion || $[45] !== perspective || $[46] !== perspectiveStack || $[47] !== scheduledDraftsStack ? (t19 = _client.withConfig({
-		apiVersion: isValidApiVersion && customApiVersion ? customApiVersion : apiVersion,
+	$[45] !== _client || $[46] !== activeVariant || $[47] !== dataset || $[48] !== perspective || $[49] !== perspectiveStack || $[50] !== scheduledDraftsStack || $[51] !== userApiVersion ? (t19 = _client.withConfig({
+		apiVersion: userApiVersion,
 		perspective: getActivePerspective({
 			visionPerspective: perspective,
 			perspectiveStack,
 			scheduledDraftsStack
 		}),
 		dataset,
+		variant: activeVariant,
 		allowReconfigure: !0
-	}), $[40] = _client, $[41] = apiVersion, $[42] = customApiVersion, $[43] = dataset, $[44] = isValidApiVersion, $[45] = perspective, $[46] = perspectiveStack, $[47] = scheduledDraftsStack, $[48] = t19) : t19 = $[48];
+	}), $[45] = _client, $[46] = activeVariant, $[47] = dataset, $[48] = perspective, $[49] = perspectiveStack, $[50] = scheduledDraftsStack, $[51] = userApiVersion, $[52] = t19) : t19 = $[52];
 	let client = t19, t20;
-	$[49] === Symbol.for("react.memo_cache_sentinel") ? (t20 = () => {
+	$[53] === Symbol.for("react.memo_cache_sentinel") ? (t20 = () => {
 		querySubscriptionRef.current &&= (querySubscriptionRef.current.unsubscribe(), void 0);
-	}, $[49] = t20) : t20 = $[49];
+	}, $[53] = t20) : t20 = $[53];
 	let cancelQuerySubscription = t20, t21;
-	$[50] === Symbol.for("react.memo_cache_sentinel") ? (t21 = () => {
+	$[54] === Symbol.for("react.memo_cache_sentinel") ? (t21 = () => {
 		listenSubscriptionRef.current &&= (listenSubscriptionRef.current.unsubscribe(), void 0);
-	}, $[50] = t21) : t21 = $[50];
+	}, $[54] = t21) : t21 = $[54];
 	let cancelListenerSubscription = t21, t22;
-	$[51] !== apiVersion || $[52] !== client || $[53] !== customApiVersion || $[54] !== dataset || $[55] !== isValidApiVersion || $[56] !== localStorage || $[57] !== params.parsed || $[58] !== perspective || $[59] !== perspectiveStack || $[60] !== query || $[61] !== queryInProgress || $[62] !== scheduledDraftsStack || $[63] !== t ? (t22 = (options) => {
+	$[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) => {
 		if (queryInProgress) {
 			cancelQuerySubscription(), cancelListenerSubscription(), setQueryInProgress(!1);
 			return;
 		}
-		let context = {
+		let visionPerspective = options && "perspective" in options ? options.perspective : perspective, queryVariant = getActiveVariant(visionPerspective, selectedVariantName), context = {
 			query: options?.query || query,
 			dataset: options?.dataset || dataset,
 			params: parseParams(JSON.stringify(options?.params || params.parsed, null, 2), t),
 			perspective: getActivePerspective({
-				visionPerspective: options && "perspective" in options ? options.perspective : perspective,
+				visionPerspective,
 				perspectiveStack,
 				scheduledDraftsStack
 			}),
-			apiVersion: options?.apiVersion || (customApiVersion && isValidApiVersion ? customApiVersion : apiVersion)
+			apiVersion: options?.apiVersion || (queryVariant ? VARIANTS_API_VERSION : customApiVersion && isValidApiVersion ? customApiVersion : apiVersion),
+			variant: queryVariant
 		};
 		localStorage.set("query", context.query), localStorage.set("params", context.params.raw), cancelListenerSubscription();
 		let hasQuery = context.query.trim().length > 0;
 		if (setQueryInProgress(!context.params.error && hasQuery), setListenInProgress(!1), setListenMutations([]), setError(context.params.error ? Error(context.params.error) : void 0), setQueryResult(void 0), setQueryTime(void 0), setE2eTime(void 0), context.params.error || !hasQuery) return;
-		let urlQueryOpts = { perspective: context.perspective ?? [] }, ctxClient = client.withConfig({
+		let urlQueryOpts = {
+			perspective: context.perspective ?? [],
+			...context.variant ? { variant: context.variant } : {}
+		}, ctxClient = client.withConfig({
 			apiVersion: context.apiVersion,
 			dataset: context.dataset,
-			perspective: context.perspective
+			perspective: context.perspective,
+			variant: context.variant
 		}), newUrl = ctxClient.getUrl(ctxClient.getDataUrl("query", encodeQueryString(context.query, context.params.parsed, urlQueryOpts)));
 		setUrl(newUrl);
 		let queryStart = Date.now();
@@ -2329,41 +2388,44 @@ function VisionGui(props) {
 				setError(err), setQueryInProgress(!1);
 			}
 		});
-	}, $[51] = apiVersion, $[52] = client, $[53] = customApiVersion, $[54] = dataset, $[55] = isValidApiVersion, $[56] = localStorage, $[57] = params.parsed, $[58] = perspective, $[59] = perspectiveStack, $[60] = query, $[61] = queryInProgress, $[62] = scheduledDraftsStack, $[63] = t, $[64] = t22) : t22 = $[64];
+	}, $[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;
-	$[65] !== handleQueryExecution || $[66] !== localStorage ? (t23 = (newPerspective) => {
+	$[70] !== handleQueryExecution || $[71] !== localStorage ? (t23 = (newPerspective) => {
 		newPerspective !== void 0 && !isSupportedPerspective(newPerspective) || (setPerspectiveState(newPerspective), localStorage.set("perspective", newPerspective), handleQueryExecution({ perspective: newPerspective }));
-	}, $[65] = handleQueryExecution, $[66] = localStorage, $[67] = t23) : t23 = $[67];
+	}, $[70] = handleQueryExecution, $[71] = localStorage, $[72] = t23) : t23 = $[72];
 	let setPerspective = t23, t24;
-	$[68] !== handleQueryExecution || $[69] !== localStorage ? (t24 = (evt) => {
+	$[73] !== handleQueryExecution || $[74] !== localStorage ? (t24 = (evt) => {
 		let newDataset = evt.target.value;
 		localStorage.set("dataset", newDataset), setDataset(newDataset), handleQueryExecution({ dataset: newDataset });
-	}, $[68] = handleQueryExecution, $[69] = localStorage, $[70] = t24) : t24 = $[70];
+	}, $[73] = handleQueryExecution, $[74] = localStorage, $[75] = t24) : t24 = $[75];
 	let handleChangeDataset = t24, t25;
-	$[71] !== handleQueryExecution || $[72] !== localStorage ? (t25 = (evt_0) => {
-		let newApiVersion = evt_0.target.value;
-		if (newApiVersion?.toLowerCase() === "other") {
+	$[76] !== handleQueryExecution || $[77] !== localStorage ? (t25 = (newApiVersion) => {
+		if (newApiVersion.toLowerCase() === "other") {
 			setCustomApiVersion("v"), customApiVersionElementRef.current?.focus();
 			return;
 		}
 		setApiVersion(newApiVersion), setCustomApiVersion(!1), localStorage.set("apiVersion", newApiVersion), handleQueryExecution({ apiVersion: newApiVersion });
-	}, $[71] = handleQueryExecution, $[72] = localStorage, $[73] = t25) : t25 = $[73];
-	let handleChangeApiVersion = t25, t26;
-	$[74] !== handleQueryExecution || $[75] !== localStorage ? (t26 = (evt_1) => {
+	}, $[76] = handleQueryExecution, $[77] = localStorage, $[78] = t25) : t25 = $[78];
+	let changeApiVersion = t25, t26;
+	$[79] === changeApiVersion ? t26 = $[80] : (t26 = (evt_0) => {
+		changeApiVersion(evt_0.target.value);
+	}, $[79] = changeApiVersion, $[80] = t26);
+	let handleChangeApiVersion = t26, t27;
+	$[81] !== handleQueryExecution || $[82] !== localStorage ? (t27 = (evt_1) => {
 		let newCustomApiVersion = evt_1.target.value || "";
 		setCustomApiVersion(newCustomApiVersion || "v"), validateApiVersion(newCustomApiVersion) && (setApiVersion(newCustomApiVersion), localStorage.set("apiVersion", newCustomApiVersion), handleQueryExecution({ apiVersion: newCustomApiVersion }));
-	}, $[74] = handleQueryExecution, $[75] = localStorage, $[76] = t26) : t26 = $[76];
-	let handleCustomApiVersionChange = t26, t27;
-	$[77] === setPerspective ? t27 = $[78] : (t27 = (evt_2) => {
+	}, $[81] = handleQueryExecution, $[82] = localStorage, $[83] = t27) : t27 = $[83];
+	let handleCustomApiVersionChange = t27, t28;
+	$[84] === setPerspective ? t28 = $[85] : (t28 = (evt_2) => {
 		let newPerspective_0 = evt_2.target.value;
 		setPerspective(newPerspective_0 === "default" ? void 0 : newPerspective_0);
-	}, $[77] = setPerspective, $[78] = t27);
-	let handleChangePerspective = t27, t28;
-	$[79] === Symbol.for("react.memo_cache_sentinel") ? (t28 = (evt_3) => {
+	}, $[84] = setPerspective, $[85] = t28);
+	let handleChangePerspective = t28, t29;
+	$[86] === Symbol.for("react.memo_cache_sentinel") ? (t29 = (evt_3) => {
 		evt_3.type === "mutation" && setListenMutations((prevMutations) => prevMutations.length === 50 ? [evt_3, ...prevMutations.slice(0, 49)] : [evt_3, ...prevMutations]);
-	}, $[79] = t28) : t28 = $[79];
-	let handleListenerEvent = t28, t29;
-	$[80] !== client || $[81] !== listenInProgress || $[82] !== localStorage || $[83] !== params.error || $[84] !== params.parsed || $[85] !== params.raw || $[86] !== query ? (t29 = () => {
+	}, $[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 = () => {
 		if (listenInProgress) {
 			cancelListenerSubscription(), setListenInProgress(!1);
 			return;
@@ -2378,13 +2440,13 @@ function VisionGui(props) {
 				setError(err_0), setListenInProgress(!1);
 			}
 		}));
-	}, $[80] = client, $[81] = listenInProgress, $[82] = localStorage, $[83] = params.error, $[84] = params.parsed, $[85] = params.raw, $[86] = query, $[87] = t29) : t29 = $[87];
-	let handleListenExecution = t29, t30;
-	$[88] === localStorage ? t30 = $[89] : (t30 = (value) => {
+	}, $[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) => {
 		setRawParams(value), localStorage.set("params", value);
-	}, $[88] = localStorage, $[89] = t30);
-	let handleParamsChange = t30, t31;
-	$[90] !== apiVersion || $[91] !== dataset || $[92] !== datasets || $[93] !== perspective || $[94] !== toast ? (t31 = (data) => {
+	}, $[95] = localStorage, $[96] = t31);
+	let handleParamsChange = t31, t32;
+	$[97] !== apiVersion || $[98] !== dataset || $[99] !== datasets || $[100] !== perspective || $[101] !== toast ? (t32 = (data) => {
 		let match = data.match(sanityUrl);
 		if (!match) return null;
 		let [, usedApiVersion, usedDataset, urlQuery] = match, parts = parseApiQueryString(new URLSearchParams(urlQuery));
@@ -2407,9 +2469,9 @@ function VisionGui(props) {
 			perspective: newPerspective_1 || perspective,
 			url: data
 		};
-	}, $[90] = apiVersion, $[91] = dataset, $[92] = datasets, $[93] = perspective, $[94] = toast, $[95] = t31) : t31 = $[95];
-	let getStateFromUrl = t31, t32;
-	$[96] !== handleQueryExecution || $[97] !== localStorage ? (t32 = (parsedUrlObj) => {
+	}, $[97] = apiVersion, $[98] = dataset, $[99] = datasets, $[100] = perspective, $[101] = toast, $[102] = t32) : t32 = $[102];
+	let getStateFromUrl = t32, t33;
+	$[103] !== handleQueryExecution || $[104] !== localStorage ? (t33 = (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,
@@ -2417,56 +2479,67 @@ function VisionGui(props) {
 			apiVersion: parsedUrlObj.customApiVersion || parsedUrlObj.apiVersion,
 			perspective: parsedUrlObj.perspective
 		}), handleQueryExecution(parsedUrlObj);
-	}, $[96] = handleQueryExecution, $[97] = localStorage, $[98] = t32) : t32 = $[98];
-	let setStateFromParsedUrl = t32, t33;
-	$[99] !== getStateFromUrl || $[100] !== setStateFromParsedUrl || $[101] !== toast ? (t33 = (evt_4) => {
-		if (!evt_4.clipboardData) return;
-		let data_0 = evt_4.clipboardData.getData("text/plain");
-		evt_4.preventDefault();
-		let urlState = getStateFromUrl(data_0);
-		urlState && (setStateFromParsedUrl(urlState), toast.push({
+	}, $[103] = handleQueryExecution, $[104] = localStorage, $[105] = t33) : t33 = $[105];
+	let setStateFromParsedUrl = t33, t34;
+	$[106] !== getStateFromUrl || $[107] !== setStateFromParsedUrl || $[108] !== toast ? (t34 = (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({
 			closable: !0,
 			id: "vision-paste",
 			status: "info",
 			title: "Parsed URL to query"
 		}));
-	}, $[99] = getStateFromUrl, $[100] = setStateFromParsedUrl, $[101] = toast, $[102] = t33) : t33 = $[102];
-	let handlePaste = t33, t34;
-	$[103] !== handleQueryExecution || $[104] !== params.valid ? (t34 = (event) => {
+	}, $[106] = getStateFromUrl, $[107] = setStateFromParsedUrl, $[108] = toast, $[109] = t34) : t34 = $[109];
+	let handlePaste = t34, t35;
+	$[110] !== handleQueryExecution || $[111] !== params.valid ? (t35 = (event) => {
 		let isWithinRoot = visionRootRef.current && nodeContains(visionRootRef.current, event.target);
 		isRunHotkey(event) && isWithinRoot && params.valid && (handleQueryExecution(), event.preventDefault(), event.stopPropagation());
-	}, $[103] = handleQueryExecution, $[104] = params.valid, $[105] = t34) : t34 = $[105];
-	let handleKeyDown = t34, t35, t36;
-	$[106] !== handleKeyDown || $[107] !== handlePaste ? (t35 = () => (window.document.addEventListener("paste", handlePaste), window.document.addEventListener("keydown", handleKeyDown), () => {
+	}, $[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), () => {
 		window.document.removeEventListener("paste", handlePaste), window.document.removeEventListener("keydown", handleKeyDown);
-	}), t36 = [handleKeyDown, handlePaste], $[106] = handleKeyDown, $[107] = handlePaste, $[108] = t35, $[109] = t36) : (t35 = $[108], t36 = $[109]), useEffect(t35, t36);
-	let t37, t38;
-	$[110] === Symbol.for("react.memo_cache_sentinel") ? (t37 = () => () => {
+	}), 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 = () => () => {
 		cancelQuerySubscription(), cancelListenerSubscription();
-	}, t38 = [cancelQuerySubscription, cancelListenerSubscription], $[110] = t37, $[111] = t38) : (t37 = $[110], t38 = $[111]), useEffect(t37, t38);
-	let t39;
-	$[112] === setPerspective ? t39 = $[113] : (t39 = (stack) => {
+	}, t39 = [cancelQuerySubscription, cancelListenerSubscription], $[117] = t38, $[118] = t39) : (t38 = $[117], t39 = $[118]), useEffect(t38, t39);
+	let t40;
+	$[119] !== changeApiVersion || $[120] !== perspective ? (t40 = () => {
+		perspective === "pinnedRelease" && changeApiVersion(VARIANTS_API_VERSION);
+	}, $[119] = changeApiVersion, $[120] = perspective, $[121] = t40) : t40 = $[121];
+	let handleStudioVariantChange = useEffectEvent(t40), t41;
+	$[122] !== activeVariant || $[123] !== handleStudioVariantChange ? (t41 = () => {
+		activeVariant && handleStudioVariantChange();
+	}, $[122] = activeVariant, $[123] = handleStudioVariantChange, $[124] = t41) : t41 = $[124];
+	let t42;
+	$[125] === activeVariant ? t42 = $[126] : (t42 = [activeVariant], $[125] = activeVariant, $[126] = t42), useEffect(t41, t42);
+	let t43;
+	$[127] === setPerspective ? t43 = $[128] : (t43 = (stack) => {
 		stack.length > 0 && setPerspective("pinnedRelease");
-	}, $[112] = setPerspective, $[113] = t39);
-	let handleStudioPerspectiveChange = useEffectEvent(t39), t40;
-	$[114] !== handleStudioPerspectiveChange || $[115] !== perspectiveStack ? (t40 = () => {
+	}, $[127] = setPerspective, $[128] = t43);
+	let handleStudioPerspectiveChange = useEffectEvent(t43), t44;
+	$[129] !== handleStudioPerspectiveChange || $[130] !== perspectiveStack ? (t44 = () => {
 		handleStudioPerspectiveChange(perspectiveStack);
-	}, $[114] = handleStudioPerspectiveChange, $[115] = perspectiveStack, $[116] = t40) : t40 = $[116];
-	let t41;
-	$[117] === perspectiveStack ? t41 = $[118] : (t41 = [perspectiveStack], $[117] = perspectiveStack, $[118] = t41), useEffect(t40, t41);
-	let t42;
-	$[119] !== client || $[120] !== perspective || $[121] !== perspectiveStack || $[122] !== scheduledDraftsStack ? (t42 = (queryString, queryParams) => {
-		let urlQueryOpts_0 = { perspective: getActivePerspective({
-			visionPerspective: perspective,
-			perspectiveStack,
-			scheduledDraftsStack
-		}) ?? [] };
+	}, $[129] = handleStudioPerspectiveChange, $[130] = perspectiveStack, $[131] = t44) : t44 = $[131];
+	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) => {
+		let urlQueryOpts_0 = {
+			perspective: getActivePerspective({
+				visionPerspective: perspective,
+				perspectiveStack,
+				scheduledDraftsStack
+			}) ?? [],
+			...activeVariant ? { variant: activeVariant } : {}
+		};
 		return client.getUrl(client.getDataUrl("query", encodeQueryString(queryString, queryParams, urlQueryOpts_0)));
-	}, $[119] = client, $[120] = perspective, $[121] = perspectiveStack, $[122] = scheduledDraftsStack, $[123] = t42) : t42 = $[123];
-	let generateUrl = t42, t43;
-	$[124] !== apiVersion || $[125] !== customApiVersion || $[126] !== dataset || $[127] !== datasets || $[128] !== handleChangeApiVersion || $[129] !== handleChangeDataset || $[130] !== handleChangePerspective || $[131] !== handleCustomApiVersionChange || $[132] !== isScheduledDraftsEnabled || $[133] !== isValidApiVersion || $[134] !== perspective || $[135] !== url ? (t43 = /* @__PURE__ */ jsx(VisionGuiHeader, {
-		apiVersion,
-		customApiVersion,
+	}, $[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,
 		dataset,
 		datasets,
 		onChangeDataset: handleChangeDataset,
@@ -2478,69 +2551,69 @@ function VisionGui(props) {
 		url,
 		perspective,
 		isScheduledDraftsEnabled
-	}), $[124] = apiVersion, $[125] = customApiVersion, $[126] = dataset, $[127] = datasets, $[128] = handleChangeApiVersion, $[129] = handleChangeDataset, $[130] = handleChangePerspective, $[131] = handleCustomApiVersionChange, $[132] = isScheduledDraftsEnabled, $[133] = isValidApiVersion, $[134] = perspective, $[135] = url, $[136] = t43) : t43 = $[136];
-	let t44 = isQueryRecallCollapsed ? window.innerWidth : window.innerWidth - 275, t45 = isNarrowBreakpoint ? "vertical" : "horizontal", t46 = isNarrowBreakpoint ? paneSizeOptions.defaultSize : paneSizeOptions.minSize, t47 = paneSizeOptions.size, t48 = paneSizeOptions.allowResize, t49 = isNarrowBreakpoint ? paneSizeOptions.minSize : 100, t50 = paneSizeOptions.maxSize, t51;
-	$[137] === t ? t51 = $[138] : (t51 = t("query.label"), $[137] = t, $[138] = t51);
-	let t52;
-	$[139] === t51 ? t52 = $[140] : (t52 = /* @__PURE__ */ jsx(InputBackgroundContainerLeft, { children: /* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(StyledLabel, {
+	}), $[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, {
 		muted: !0,
-		children: t51
-	}) }) }), $[139] = t51, $[140] = t52);
-	let t53;
-	$[141] === query ? t53 = $[142] : (t53 = /* @__PURE__ */ jsx(VisionCodeMirror, {
+		children: t57
+	}) }) }), $[155] = t57, $[156] = t58);
+	let t59;
+	$[157] === query ? t59 = $[158] : (t59 = /* @__PURE__ */ jsx(VisionCodeMirror, {
 		initialValue: query,
 		onChange: setQuery,
 		ref: editorQueryRef,
 		extensions: groqExtensions
-	}), $[141] = query, $[142] = t53);
-	let t54;
-	$[143] !== t52 || $[144] !== t53 ? (t54 = /* @__PURE__ */ jsx(InputContainer, {
+	}), $[157] = query, $[158] = t59);
+	let t60;
+	$[159] !== t58 || $[160] !== t59 ? (t60 = /* @__PURE__ */ jsx(InputContainer, {
 		display: "flex",
 		"data-testid": "vision-query-editor",
 		children: /* @__PURE__ */ jsxs(Box, {
 			flex: 1,
-			children: [t52, t53]
+			children: [t58, t59]
 		})
-	}), $[143] = t52, $[144] = t53, $[145] = t54) : t54 = $[145];
-	let t55;
-	$[146] !== handleParamsChange || $[147] !== params.error || $[148] !== params.raw || $[149] !== params.valid ? (t55 = /* @__PURE__ */ jsx(ParamsEditor, {
+	}), $[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, {
 		value: params.raw,
 		onChange: handleParamsChange,
 		paramsError: params.error,
 		hasValidParams: params.valid,
 		editorRef: editorParamsRef
-	}), $[146] = handleParamsChange, $[147] = params.error, $[148] = params.raw, $[149] = params.valid, $[150] = t55) : t55 = $[150];
-	let t56;
-	$[151] !== handleListenExecution || $[152] !== handleQueryExecution || $[153] !== listenInProgress || $[154] !== params.valid || $[155] !== queryInProgress ? (t56 = /* @__PURE__ */ jsx(VisionGuiControls, {
+	}), $[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, {
 		hasValidParams: params.valid,
 		queryInProgress,
 		listenInProgress,
 		onQueryExecution: handleQueryExecution,
 		onListenExecution: handleListenExecution
-	}), $[151] = handleListenExecution, $[152] = handleQueryExecution, $[153] = listenInProgress, $[154] = params.valid, $[155] = queryInProgress, $[156] = t56) : t56 = $[156];
-	let t57;
-	$[157] !== t55 || $[158] !== t56 ? (t57 = /* @__PURE__ */ jsxs(InputContainer, {
+	}), $[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, {
 		display: "flex",
-		children: [t55, t56]
-	}), $[157] = t55, $[158] = t56, $[159] = t57) : t57 = $[159];
-	let t58;
-	$[160] !== paneSizeOptions.allowResize || $[161] !== paneSizeOptions.maxSize || $[162] !== paneSizeOptions.size || $[163] !== t46 || $[164] !== t49 || $[165] !== t54 || $[166] !== t57 ? (t58 = /* @__PURE__ */ jsx(Box, {
+		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, {
 		height: "stretch",
 		flex: 1,
 		children: /* @__PURE__ */ jsxs(SplitPane, {
 			className: "sidebarPanes",
 			split: "horizontal",
-			defaultSize: t46,
-			size: t47,
-			allowResize: t48,
-			minSize: t49,
-			maxSize: t50,
+			defaultSize: t52,
+			size: t53,
+			allowResize: t54,
+			minSize: t55,
+			maxSize: t56,
 			primary: "first",
-			children: [t54, t57]
+			children: [t60, t63]
 		})
-	}), $[160] = paneSizeOptions.allowResize, $[161] = paneSizeOptions.maxSize, $[162] = paneSizeOptions.size, $[163] = t46, $[164] = t49, $[165] = t54, $[166] = t57, $[167] = t58) : t58 = $[167];
-	let t59;
-	$[168] !== dataset || $[169] !== e2eTime || $[170] !== error || $[171] !== listenInProgress || $[172] !== listenMutations || $[173] !== queryInProgress || $[174] !== queryResult || $[175] !== queryTime ? (t59 = /* @__PURE__ */ jsx(VisionGuiResult, {
+	}), $[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, {
 		error,
 		queryInProgress,
 		queryResult,
@@ -2549,83 +2622,83 @@ function VisionGui(props) {
 		dataset,
 		queryTime,
 		e2eTime
-	}), $[168] = dataset, $[169] = e2eTime, $[170] = error, $[171] = listenInProgress, $[172] = listenMutations, $[173] = queryInProgress, $[174] = queryResult, $[175] = queryTime, $[176] = t59) : t59 = $[176];
-	let t60;
-	$[177] !== t45 || $[178] !== t58 || $[179] !== t59 ? (t60 = /* @__PURE__ */ jsx(Box, {
+	}), $[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, {
 		height: "stretch",
 		flex: 1,
 		children: /* @__PURE__ */ jsxs(SplitPane, {
 			className: "sidebarPanes",
-			split: t45,
+			split: t51,
 			minSize: 300,
-			children: [t58, t59]
+			children: [t64, t65]
 		})
-	}), $[177] = t45, $[178] = t58, $[179] = t59, $[180] = t60) : t60 = $[180];
-	let t61;
-	$[181] === Symbol.for("react.memo_cache_sentinel") ? (t61 = {
+	}), $[193] = t51, $[194] = t64, $[195] = t65, $[196] = t66) : t66 = $[196];
+	let t67;
+	$[197] === Symbol.for("react.memo_cache_sentinel") ? (t67 = {
 		position: "absolute",
 		left: -32,
 		top: "50%",
 		transform: "translateY(-50%)",
 		zIndex: 100,
 		pointerEvents: "auto"
-	}, $[181] = t61) : t61 = $[181];
-	let t62;
-	$[182] === isQueryRecallCollapsed ? t62 = $[183] : (t62 = () => setIsQueryRecallCollapsed(!isQueryRecallCollapsed), $[182] = isQueryRecallCollapsed, $[183] = t62);
-	let t63;
-	$[184] === Symbol.for("react.memo_cache_sentinel") ? (t63 = {
+	}, $[197] = t67) : t67 = $[197];
+	let t68;
+	$[198] === isQueryRecallCollapsed ? t68 = $[199] : (t68 = () => setIsQueryRecallCollapsed(!isQueryRecallCollapsed), $[198] = isQueryRecallCollapsed, $[199] = t68);
+	let t69;
+	$[200] === Symbol.for("react.memo_cache_sentinel") ? (t69 = {
 		display: "flex",
 		alignItems: "center",
 		height: "100%"
-	}, $[184] = t63) : t63 = $[184];
-	let t64;
-	$[185] === isQueryRecallCollapsed ? t64 = $[186] : (t64 = /* @__PURE__ */ jsx("div", {
-		style: t63,
+	}, $[200] = t69) : t69 = $[200];
+	let t70;
+	$[201] === isQueryRecallCollapsed ? t70 = $[202] : (t70 = /* @__PURE__ */ jsx("div", {
+		style: t69,
 		children: jsx(isQueryRecallCollapsed ? ChevronLeftIcon : ChevronRightIcon, {})
-	}), $[185] = isQueryRecallCollapsed, $[186] = t64);
-	let t65;
-	$[187] !== t62 || $[188] !== t64 ? (t65 = /* @__PURE__ */ jsx(Button, {
+	}), $[201] = isQueryRecallCollapsed, $[202] = t70);
+	let t71;
+	$[203] !== t68 || $[204] !== t70 ? (t71 = /* @__PURE__ */ jsx(Button, {
 		mode: "ghost",
 		padding: 2,
-		style: t61,
-		onClick: t62,
-		children: t64
-	}), $[187] = t62, $[188] = t64, $[189] = t65) : t65 = $[189];
-	let t66;
-	$[190] === params.parsed ? t66 = $[191] : (t66 = params.parsed || {}, $[190] = params.parsed, $[191] = t66);
-	let t67;
-	$[192] !== generateUrl || $[193] !== getStateFromUrl || $[194] !== query || $[195] !== setStateFromParsedUrl || $[196] !== t66 || $[197] !== url ? (t67 = /* @__PURE__ */ jsx(QueryRecallPaneWrapper, { children: /* @__PURE__ */ jsx(QueryRecall, {
+		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);
+	let t73;
+	$[208] !== generateUrl || $[209] !== getStateFromUrl || $[210] !== query || $[211] !== setStateFromParsedUrl || $[212] !== t72 || $[213] !== url ? (t73 = /* @__PURE__ */ jsx(QueryRecallPaneWrapper, { children: /* @__PURE__ */ jsx(QueryRecall, {
 		url,
 		getStateFromUrl,
 		setStateFromParsedUrl,
 		currentQuery: query,
-		currentParams: t66,
+		currentParams: t72,
 		generateUrl
-	}) }), $[192] = generateUrl, $[193] = getStateFromUrl, $[194] = query, $[195] = setStateFromParsedUrl, $[196] = t66, $[197] = url, $[198] = t67) : t67 = $[198];
-	let t68;
-	$[199] !== t65 || $[200] !== t67 ? (t68 = /* @__PURE__ */ jsxs(QueryRecallPaneContainer, { children: [t65, t67] }), $[199] = t65, $[200] = t67, $[201] = t68) : t68 = $[201];
-	let t69;
-	$[202] !== t44 || $[203] !== t60 || $[204] !== t68 ? (t69 = /* @__PURE__ */ jsx(SplitpaneContainer, {
+	}) }), $[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];
+	let t75;
+	$[218] !== t50 || $[219] !== t66 || $[220] !== t74 ? (t75 = /* @__PURE__ */ jsx(SplitpaneContainer, {
 		flex: "auto",
 		children: /* @__PURE__ */ jsxs(SplitPane, {
 			minSize: 800,
 			defaultSize: window.innerWidth - 275,
-			size: t44,
+			size: t50,
 			maxSize: -225,
 			primary: "first",
-			children: [t60, t68]
+			children: [t66, t74]
 		})
-	}), $[202] = t44, $[203] = t60, $[204] = t68, $[205] = t69) : t69 = $[205];
-	let t70;
-	return $[206] !== t43 || $[207] !== t69 ? (t70 = /* @__PURE__ */ jsxs(Root, {
+	}), $[218] = t50, $[219] = t66, $[220] = t74, $[221] = t75) : t75 = $[221];
+	let t76;
+	return $[222] !== t49 || $[223] !== t75 ? (t76 = /* @__PURE__ */ jsxs(Root, {
 		direction: "column",
 		height: "fill",
 		ref: visionRootRef,
 		sizing: "border",
 		overflow: "hidden",
 		"data-testid": "vision-root",
-		children: [t43, t69]
-	}), $[206] = t43, $[207] = t69, $[208] = t70) : t70 = $[208], t70;
+		children: [t49, t75]
+	}), $[222] = t49, $[223] = t75, $[224] = t76) : t76 = $[224], t76;
 }
 function _temp2$1(release_0) {
 	return getReleaseIdFromReleaseDocumentId(release_0._id);
@@ -2774,4 +2847,4 @@ function SanityVision(props) {
 }
 export { SanityVision as default };
 
-//# sourceMappingURL=SanityVision-BnC8gWR8.js.map
+//# sourceMappingURL=SanityVision-DtYJleYV.js.map