@sanity/vision 6.17.0-next.97 → 6.17.0

package/lib/{SanityVision-DZKVpY7F.js → SanityVision-DJT-CXvq.js}

@@ -3,8 +3,8 @@ import { Component, Fragment, Suspense, use, useEffect, useImperativeHandle, use
 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, 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 { Box, Container, Flex, Grid, VStack } from "ui5";
+import { Badge, Button, Card, Dialog, Heading, Hotkeys, Inline, Label, Select, Spinner, 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",
@@ -800,7 +804,7 @@ function _temp$5(data) {
 var fixedHeader = "_15lckbo0", queryList = "_15lckbo2", scrollContainer = "_15lckbo1";
 function FixedHeader(props) {
 	let $ = c(2), t0;
-	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Stack, {
+	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(VStack, {
 		...props,
 		className: fixedHeader
 	}), $[0] = props, $[1] = t0), t0;
@@ -827,7 +831,7 @@ function QueryList(props) {
 	}), $[0] = props, $[1] = t0), t0;
 }
 function QueryRecall(t0) {
-	let $ = c(134), { url, getStateFromUrl, setStateFromParsedUrl, currentQuery, currentParams, generateUrl, compactMode: t1 } = t0, compactMode = t1 !== void 0 && t1, toast = useToast(), { saveQuery, updateQuery, queries, deleteQuery, saving } = useSavedQueries(), { t } = useTranslation(visionLocaleNamespace), t2;
+	let $ = c(136), { url, getStateFromUrl, setStateFromParsedUrl, currentQuery, currentParams, generateUrl, compactMode: t1 } = t0, compactMode = t1 !== void 0 && t1, toast = useToast(), { saveQuery, updateQuery, queries, deleteQuery, saving } = useSavedQueries(), { t } = useTranslation(visionLocaleNamespace), t2;
 	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t2 = {
 		month: "short",
 		day: "numeric",
@@ -1018,112 +1022,112 @@ function QueryRecall(t0) {
 			});
 		}
 	}, $[32] = currentParams, $[33] = currentQuery, $[34] = formatDate, $[35] = generateUrl, $[36] = getStateFromUrl, $[37] = queries, $[38] = t, $[39] = toast, $[40] = updateQuery, $[41] = t10) : t10 = $[41];
-	let handleUpdate = t10, T0, T1, T2, t11, t12, t13, t14;
+	let handleUpdate = t10, T0, T1, T2, t11, t12, t13, t14, t15;
 	if ($[42] !== compactMode || $[43] !== currentParams || $[44] !== currentQuery || $[45] !== deleteQuery || $[46] !== editingKey || $[47] !== editingTitle || $[48] !== formatDate || $[49] !== getStateFromUrl || $[50] !== handleSave || $[51] !== handleTitleSave || $[52] !== handleUnshareQuery || $[53] !== handleUpdate || $[54] !== optimisticTitles || $[55] !== pendingUnshareKeys || $[56] !== queries || $[57] !== queryFilter || $[58] !== saving || $[59] !== searchQuery || $[60] !== selectedUrl || $[61] !== setStateFromParsedUrl || $[62] !== t) {
 		let filteredQueries = (queries?.filter((q_3) => !pendingUnshareKeys.includes(q_3._key)))?.filter((q_4) => {
 			let matchesSearch = (q_4.title ?? "").toLowerCase().includes(searchQuery.toLowerCase()), matchesFilter = queryFilter === "all" || queryFilter === "personal" && !q_4.shared || queryFilter === "shared" && q_4.shared;
 			return matchesSearch && matchesFilter;
 		});
 		T2 = ScrollContainer;
-		let t15;
-		$[70] === t ? t15 = $[71] : (t15 = t("label.saved-queries"), $[70] = t, $[71] = t15);
 		let t16;
-		$[72] === t15 ? t16 = $[73] : (t16 = /* @__PURE__ */ jsx(StyledLabel, {
-			muted: !0,
-			children: t15
-		}), $[72] = t15, $[73] = t16);
+		$[71] === t ? t16 = $[72] : (t16 = t("label.saved-queries"), $[71] = t, $[72] = t16);
 		let t17;
-		$[74] === t ? t17 = $[75] : (t17 = t("action.save-query"), $[74] = t, $[75] = t17);
+		$[73] === t16 ? t17 = $[74] : (t17 = /* @__PURE__ */ jsx(StyledLabel, {
+			muted: !0,
+			children: t16
+		}), $[73] = t16, $[74] = t17);
 		let t18;
-		$[76] === handleSave ? t18 = $[77] : (t18 = () => void handleSave(), $[76] = handleSave, $[77] = t18);
+		$[75] === t ? t18 = $[76] : (t18 = t("action.save-query"), $[75] = t, $[76] = t18);
 		let t19;
-		$[78] !== saving || $[79] !== t17 || $[80] !== t18 ? (t19 = /* @__PURE__ */ jsx(Button, {
-			"aria-label": t17,
+		$[77] === handleSave ? t19 = $[78] : (t19 = () => void handleSave(), $[77] = handleSave, $[78] = t19);
+		let t20;
+		$[79] !== saving || $[80] !== t18 || $[81] !== t19 ? (t20 = /* @__PURE__ */ jsx(Button, {
+			"aria-label": t18,
 			icon: AddIcon,
 			disabled: saving,
-			onClick: t18,
+			onClick: t19,
 			mode: "bleed"
-		}), $[78] = saving, $[79] = t17, $[80] = t18, $[81] = t19) : t19 = $[81];
-		let t20;
-		$[82] !== t16 || $[83] !== t19 ? (t20 = /* @__PURE__ */ jsxs(Flex, {
+		}), $[79] = saving, $[80] = t18, $[81] = t19, $[82] = t20) : t20 = $[82];
+		let t21;
+		$[83] !== t17 || $[84] !== t20 ? (t21 = /* @__PURE__ */ jsxs(Flex, {
 			padding: 3,
 			paddingTop: 2,
 			paddingBottom: 0,
 			justifyContent: "space-between",
 			alignItems: "center",
-			children: [t16, t19]
-		}), $[82] = t16, $[83] = t19, $[84] = t20) : t20 = $[84];
-		let t21;
-		$[85] === t ? t21 = $[86] : (t21 = t("label.search-queries"), $[85] = t, $[86] = t21);
+			children: [t17, t20]
+		}), $[83] = t17, $[84] = t20, $[85] = t21) : t21 = $[85];
 		let t22;
-		$[87] === Symbol.for("react.memo_cache_sentinel") ? (t22 = (event) => setSearchQuery(event.currentTarget.value), $[87] = t22) : t22 = $[87];
+		$[86] === t ? t22 = $[87] : (t22 = t("label.search-queries"), $[86] = t, $[87] = t22);
 		let t23;
-		$[88] !== searchQuery || $[89] !== t21 ? (t23 = /* @__PURE__ */ jsx(Box, {
+		$[88] === Symbol.for("react.memo_cache_sentinel") ? (t23 = (event) => setSearchQuery(event.currentTarget.value), $[88] = t23) : t23 = $[88];
+		let t24;
+		$[89] !== searchQuery || $[90] !== t22 ? (t24 = /* @__PURE__ */ jsx(Box, {
 			padding: 3,
 			paddingTop: 0,
 			children: /* @__PURE__ */ jsx(TextInput, {
-				placeholder: t21,
+				placeholder: t22,
 				icon: SearchIcon,
 				value: searchQuery,
-				onChange: t22
+				onChange: t23
 			})
-		}), $[88] = searchQuery, $[89] = t21, $[90] = t23) : t23 = $[90];
-		let t24;
-		$[91] === t ? t24 = $[92] : (t24 = t("label.all"), $[91] = t, $[92] = t24);
-		let t25 = queryFilter === "all", t26;
-		$[93] === Symbol.for("react.memo_cache_sentinel") ? (t26 = () => setQueryFilter("all"), $[93] = t26) : t26 = $[93];
-		let t27;
-		$[94] !== t24 || $[95] !== t25 ? (t27 = /* @__PURE__ */ jsx(Tab, {
+		}), $[89] = searchQuery, $[90] = t22, $[91] = t24) : t24 = $[91];
+		let t25;
+		$[92] === t ? t25 = $[93] : (t25 = t("label.all"), $[92] = t, $[93] = t25);
+		let t26 = queryFilter === "all", t27;
+		$[94] === Symbol.for("react.memo_cache_sentinel") ? (t27 = () => setQueryFilter("all"), $[94] = t27) : t27 = $[94];
+		let t28;
+		$[95] !== t25 || $[96] !== t26 ? (t28 = /* @__PURE__ */ jsx(Tab, {
 			id: "query-filter-all",
 			"aria-controls": "vision-query-recall-list",
-			label: t24,
-			selected: t25,
-			onClick: t26
-		}), $[94] = t24, $[95] = t25, $[96] = t27) : t27 = $[96];
-		let t28;
-		$[97] === t ? t28 = $[98] : (t28 = t("label.personal"), $[97] = t, $[98] = t28);
-		let t29 = queryFilter === "personal", t30;
-		$[99] === Symbol.for("react.memo_cache_sentinel") ? (t30 = () => setQueryFilter("personal"), $[99] = t30) : t30 = $[99];
-		let t31;
-		$[100] !== t28 || $[101] !== t29 ? (t31 = /* @__PURE__ */ jsx(Tab, {
+			label: t25,
+			selected: t26,
+			onClick: t27
+		}), $[95] = t25, $[96] = t26, $[97] = t28) : t28 = $[97];
+		let t29;
+		$[98] === t ? t29 = $[99] : (t29 = t("label.personal"), $[98] = t, $[99] = t29);
+		let t30 = queryFilter === "personal", t31;
+		$[100] === Symbol.for("react.memo_cache_sentinel") ? (t31 = () => setQueryFilter("personal"), $[100] = t31) : t31 = $[100];
+		let t32;
+		$[101] !== t29 || $[102] !== t30 ? (t32 = /* @__PURE__ */ jsx(Tab, {
 			id: "query-filter-personal",
 			"aria-controls": "vision-query-recall-list",
-			label: t28,
-			selected: t29,
-			onClick: t30
-		}), $[100] = t28, $[101] = t29, $[102] = t31) : t31 = $[102];
-		let t32;
-		$[103] === t ? t32 = $[104] : (t32 = t("label.shared"), $[103] = t, $[104] = t32);
-		let t33 = queryFilter === "shared", t34;
-		$[105] === Symbol.for("react.memo_cache_sentinel") ? (t34 = () => setQueryFilter("shared"), $[105] = t34) : t34 = $[105];
-		let t35;
-		$[106] !== t32 || $[107] !== t33 ? (t35 = /* @__PURE__ */ jsx(Tab, {
+			label: t29,
+			selected: t30,
+			onClick: t31
+		}), $[101] = t29, $[102] = t30, $[103] = t32) : t32 = $[103];
+		let t33;
+		$[104] === t ? t33 = $[105] : (t33 = t("label.shared"), $[104] = t, $[105] = t33);
+		let t34 = queryFilter === "shared", t35;
+		$[106] === Symbol.for("react.memo_cache_sentinel") ? (t35 = () => setQueryFilter("shared"), $[106] = t35) : t35 = $[106];
+		let t36;
+		$[107] !== t33 || $[108] !== t34 ? (t36 = /* @__PURE__ */ jsx(Tab, {
 			id: "query-filter-shared",
 			"aria-controls": "vision-query-recall-list",
-			label: t32,
-			selected: t33,
-			onClick: t34
-		}), $[106] = t32, $[107] = t33, $[108] = t35) : t35 = $[108];
-		let t36;
-		$[109] !== t27 || $[110] !== t31 || $[111] !== t35 ? (t36 = /* @__PURE__ */ jsx(Box, {
+			label: t33,
+			selected: t34,
+			onClick: t35
+		}), $[107] = t33, $[108] = t34, $[109] = t36) : t36 = $[109];
+		let t37;
+		$[110] !== t28 || $[111] !== t32 || $[112] !== t36 ? (t37 = /* @__PURE__ */ jsx(Box, {
 			paddingX: 3,
 			paddingBottom: 2,
 			children: /* @__PURE__ */ jsxs(TabList, {
 				gap: 1,
 				children: [
-					t27,
-					t31,
-					t35
+					t28,
+					t32,
+					t36
 				]
 			})
-		}), $[109] = t27, $[110] = t31, $[111] = t35, $[112] = t36) : t36 = $[112], $[113] !== t20 || $[114] !== t23 || $[115] !== t36 ? (t14 = /* @__PURE__ */ jsxs(FixedHeader, {
+		}), $[110] = t28, $[111] = t32, $[112] = t36, $[113] = t37) : t37 = $[113], $[114] !== t21 || $[115] !== t24 || $[116] !== t37 ? (t15 = /* @__PURE__ */ jsxs(FixedHeader, {
 			gap: 3,
 			children: [
-				t20,
-				t23,
-				t36
+				t21,
+				t24,
+				t37
 			]
-		}), $[113] = t20, $[114] = t23, $[115] = t36, $[116] = t14) : t14 = $[116], T1 = QueryList, t13 = "vision-query-recall-list", T0 = Stack, t11 = 3, t12 = filteredQueries?.map((q_5, index) => {
+		}), $[114] = t21, $[115] = t24, $[116] = t37, $[117] = t15) : t15 = $[117], T1 = QueryList, t14 = "vision-query-recall-list", T0 = Flex, t11 = 3, t12 = "column", t13 = filteredQueries?.map((q_5, index) => {
 			let queryObj = getStateFromUrl(q_5.url), fullQueryPreview = queryObj?.query || "", shortQueryPreview = fullQueryPreview.split("{")[0], isSelected = selectedUrl === q_5.url, canMutateQuery = !q_5.shared || q_5.isOwnedByCurrentUser, areQueriesEqual = queryObj && currentQuery === queryObj.query && dequal(currentParams, queryObj.params), isEdited = isSelected && !areQueriesEqual && canMutateQuery;
 			return /* @__PURE__ */ jsx(Card, {
 				paddingX: compactMode ? 3 : 4,
@@ -1142,7 +1146,7 @@ function QueryRecall(t0) {
 					borderLeft: isSelected ? "2px solid var(--card-muted-fg-color)" : "2px solid transparent",
 					cursor: "pointer"
 				},
-				children: /* @__PURE__ */ jsxs(Stack, {
+				children: /* @__PURE__ */ jsxs(VStack, {
 					gap: compactMode ? 2 : 3,
 					children: [
 						/* @__PURE__ */ jsxs(Flex, {
@@ -1256,7 +1260,7 @@ function QueryRecall(t0) {
 								children: shortQueryPreview
 							})
 						}) : /* @__PURE__ */ jsx(Code, {}),
-						compactMode ? /* @__PURE__ */ jsxs(Stack, {
+						compactMode ? /* @__PURE__ */ jsxs(VStack, {
 							gap: 1,
 							style: {
 								paddingTop: 0,
@@ -1373,20 +1377,21 @@ function QueryRecall(t0) {
 					]
 				})
 			}, q_5._key);
-		}), $[42] = compactMode, $[43] = currentParams, $[44] = currentQuery, $[45] = deleteQuery, $[46] = editingKey, $[47] = editingTitle, $[48] = formatDate, $[49] = getStateFromUrl, $[50] = handleSave, $[51] = handleTitleSave, $[52] = handleUnshareQuery, $[53] = handleUpdate, $[54] = optimisticTitles, $[55] = pendingUnshareKeys, $[56] = queries, $[57] = queryFilter, $[58] = saving, $[59] = searchQuery, $[60] = selectedUrl, $[61] = setStateFromParsedUrl, $[62] = t, $[63] = T0, $[64] = T1, $[65] = T2, $[66] = t11, $[67] = t12, $[68] = t13, $[69] = t14;
-	} else T0 = $[63], T1 = $[64], T2 = $[65], t11 = $[66], t12 = $[67], t13 = $[68], t14 = $[69];
-	let t15;
-	$[117] !== T0 || $[118] !== t11 || $[119] !== t12 ? (t15 = /* @__PURE__ */ jsx(T0, {
-		paddingY: t11,
-		children: t12
-	}), $[117] = T0, $[118] = t11, $[119] = t12, $[120] = t15) : t15 = $[120];
+		}), $[42] = compactMode, $[43] = currentParams, $[44] = currentQuery, $[45] = deleteQuery, $[46] = editingKey, $[47] = editingTitle, $[48] = formatDate, $[49] = getStateFromUrl, $[50] = handleSave, $[51] = handleTitleSave, $[52] = handleUnshareQuery, $[53] = handleUpdate, $[54] = optimisticTitles, $[55] = pendingUnshareKeys, $[56] = queries, $[57] = queryFilter, $[58] = saving, $[59] = searchQuery, $[60] = selectedUrl, $[61] = setStateFromParsedUrl, $[62] = t, $[63] = T0, $[64] = T1, $[65] = T2, $[66] = t11, $[67] = t12, $[68] = t13, $[69] = t14, $[70] = t15;
+	} else T0 = $[63], T1 = $[64], T2 = $[65], t11 = $[66], t12 = $[67], t13 = $[68], t14 = $[69], t15 = $[70];
 	let t16;
-	$[121] !== T1 || $[122] !== t13 || $[123] !== t15 ? (t16 = /* @__PURE__ */ jsx(T1, {
-		id: t13,
-		children: t15
-	}), $[121] = T1, $[122] = t13, $[123] = t15, $[124] = t16) : t16 = $[124];
+	$[118] !== T0 || $[119] !== t11 || $[120] !== t12 || $[121] !== t13 ? (t16 = /* @__PURE__ */ jsx(T0, {
+		paddingY: t11,
+		flexDirection: t12,
+		children: t13
+	}), $[118] = T0, $[119] = t11, $[120] = t12, $[121] = t13, $[122] = t16) : t16 = $[122];
 	let t17;
-	$[125] !== handleConfirmShareQuery || $[126] !== shareDialogQuery || $[127] !== t ? (t17 = shareDialogQuery && /* @__PURE__ */ jsx(Dialog, {
+	$[123] !== T1 || $[124] !== t14 || $[125] !== t16 ? (t17 = /* @__PURE__ */ jsx(T1, {
+		id: t14,
+		children: t16
+	}), $[123] = T1, $[124] = t14, $[125] = t16, $[126] = t17) : t17 = $[126];
+	let t18;
+	$[127] !== handleConfirmShareQuery || $[128] !== shareDialogQuery || $[129] !== t ? (t18 = shareDialogQuery && /* @__PURE__ */ jsx(Dialog, {
 		id: "vision-query-recall-share-dialog",
 		width: 1,
 		header: t("label.share"),
@@ -1415,13 +1420,13 @@ function QueryRecall(t0) {
 				children: t("save-query.share-warning")
 			})
 		})
-	}), $[125] = handleConfirmShareQuery, $[126] = shareDialogQuery, $[127] = t, $[128] = t17) : t17 = $[128];
-	let t18;
-	return $[129] !== T2 || $[130] !== t14 || $[131] !== t16 || $[132] !== t17 ? (t18 = /* @__PURE__ */ jsxs(T2, { children: [
-		t14,
-		t16,
-		t17
-	] }), $[129] = T2, $[130] = t14, $[131] = t16, $[132] = t17, $[133] = t18) : t18 = $[133], t18;
+	}), $[127] = handleConfirmShareQuery, $[128] = shareDialogQuery, $[129] = t, $[130] = t18) : t18 = $[130];
+	let t19;
+	return $[131] !== T2 || $[132] !== t15 || $[133] !== t17 || $[134] !== t18 ? (t19 = /* @__PURE__ */ jsxs(T2, { children: [
+		t15,
+		t17,
+		t18
+	] }), $[131] = T2, $[132] = t15, $[133] = t17, $[134] = t18, $[135] = t19) : t19 = $[135], t19;
 }
 function narrowBreakpoint() {
 	return typeof window < "u" && window.innerWidth > 600;
@@ -1608,7 +1613,7 @@ function PerspectivePopover() {
 		})
 	}), $[15] = t, $[16] = t9);
 	let t10;
-	$[17] !== t8 || $[18] !== t9 ? (t10 = /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Stack, {
+	$[17] !== t8 || $[18] !== t9 ? (t10 = /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(VStack, {
 		gap: 2,
 		children: [t8, t9]
 	}) }), $[17] = t8, $[18] = t9, $[19] = t10) : t10 = $[19];
@@ -1624,7 +1629,7 @@ function PerspectivePopover() {
 		children: [t12, " →"]
 	}) }) }), $[24] = t12, $[25] = t13);
 	let t14;
-	$[26] !== t10 || $[27] !== t11 || $[28] !== t13 || $[29] !== t4 || $[30] !== t6 ? (t14 = /* @__PURE__ */ jsx(PerspectivePopoverContent, { children: /* @__PURE__ */ jsxs(Stack, {
+	$[26] !== t10 || $[27] !== t11 || $[28] !== t13 || $[29] !== t4 || $[30] !== t6 ? (t14 = /* @__PURE__ */ jsx(PerspectivePopoverContent, { children: /* @__PURE__ */ jsxs(VStack, {
 		gap: 4,
 		children: [
 			t4,
@@ -1727,7 +1732,7 @@ function VisionGuiHeader(t0) {
 	$[16] !== t6 || $[17] !== t8 ? (t9 = /* @__PURE__ */ jsx(Box, {
 		padding: 1,
 		gridColumn: t4,
-		children: /* @__PURE__ */ jsxs(Stack, { children: [t6, t8] })
+		children: /* @__PURE__ */ jsxs(VStack, { children: [t6, t8] })
 	}), $[16] = t6, $[17] = t8, $[18] = t9) : t9 = $[18];
 	let t10;
 	$[19] === Symbol.for("react.memo_cache_sentinel") ? (t10 = ["span 1 / span 1", "span 2 / span 2"], $[19] = t10) : t10 = $[19];
@@ -1778,13 +1783,13 @@ function VisionGuiHeader(t0) {
 	$[42] !== t12 || $[43] !== t21 ? (t22 = /* @__PURE__ */ jsx(Box, {
 		padding: 1,
 		gridColumn: t10,
-		children: /* @__PURE__ */ jsxs(Stack, { children: [t12, t21] })
+		children: /* @__PURE__ */ jsxs(VStack, { 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: ["span 1 / span 1", "span 2 / span 2"],
-		children: /* @__PURE__ */ jsxs(Stack, { children: [/* @__PURE__ */ jsx(Card, {
+		children: /* @__PURE__ */ jsxs(VStack, { children: [/* @__PURE__ */ jsx(Card, {
 			paddingTop: 2,
 			paddingBottom: 3,
 			children: /* @__PURE__ */ jsx(StyledLabel, {
@@ -1841,7 +1846,7 @@ function VisionGuiHeader(t0) {
 	$[68] !== t28 || $[69] !== t31 ? (t32 = /* @__PURE__ */ jsx(Box, {
 		padding: 1,
 		gridColumn: t24,
-		children: /* @__PURE__ */ jsxs(Stack, { children: [t28, t31] })
+		children: /* @__PURE__ */ jsxs(VStack, { 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, {
@@ -1849,7 +1854,7 @@ function VisionGuiHeader(t0) {
 		flexBasis: "0%",
 		flexGrow: 1,
 		gridColumn: ["span 1 / span 1", customApiVersion === !1 ? "span 6 / span 6" : "span 4 / span 4"],
-		children: /* @__PURE__ */ jsxs(Stack, { children: [/* @__PURE__ */ jsx(Card, {
+		children: /* @__PURE__ */ jsxs(VStack, { children: [/* @__PURE__ */ jsx(Card, {
 			paddingTop: 2,
 			paddingBottom: 3,
 			children: /* @__PURE__ */ jsxs(StyledLabel, { children: [
@@ -2035,7 +2040,7 @@ function dashLine(column, columnEnd) {
 	return `${"-".repeat(column)}${"^".repeat(columnEnd ? columnEnd - column : 1)}`;
 }
 function QueryErrorDialog(props) {
-	let $ = c(20), { error, apiVersion, perspective, variant } = props, { t } = useTranslation(visionLocaleNamespace), T0, t0, t1, t2;
+	let $ = c(22), { error, apiVersion, perspective, variant } = props, { t } = useTranslation(visionLocaleNamespace), T0, t0, t1, t2, t3;
 	if ($[0] !== apiVersion || $[1] !== error || $[2] !== perspective || $[3] !== t || $[4] !== variant) {
 		let unsatisfiedCapability = getUnsatisfiedApiVersionCapability({
 			statusCode: isHttpError(error) ? error.statusCode : void 0,
@@ -2043,29 +2048,30 @@ function QueryErrorDialog(props) {
 			perspective,
 			variant
 		});
-		T0 = Stack, t0 = 5, t1 = 2, t2 = unsatisfiedCapability ? /* @__PURE__ */ jsx(Text, {
+		T0 = Flex, t0 = 5, t1 = 2, t2 = "column", t3 = unsatisfiedCapability ? /* @__PURE__ */ jsx(Text, {
 			"data-testid": "query-error-api-version-capability-hint",
 			size: 1,
 			children: t(unsatisfiedCapability.explanationKey, { apiVersion: prefixApiVersion(unsatisfiedCapability.requiredApiVersion) })
-		}) : null, $[0] = apiVersion, $[1] = error, $[2] = perspective, $[3] = t, $[4] = variant, $[5] = T0, $[6] = t0, $[7] = t1, $[8] = t2;
-	} else T0 = $[5], t0 = $[6], t1 = $[7], t2 = $[8];
-	let t3;
-	$[9] === error.message ? t3 = $[10] : (t3 = /* @__PURE__ */ jsx(ErrorCode, {
+		}) : null, $[0] = apiVersion, $[1] = error, $[2] = perspective, $[3] = t, $[4] = variant, $[5] = T0, $[6] = t0, $[7] = t1, $[8] = t2, $[9] = t3;
+	} else T0 = $[5], t0 = $[6], t1 = $[7], t2 = $[8], t3 = $[9];
+	let t4;
+	$[10] === error.message ? t4 = $[11] : (t4 = /* @__PURE__ */ jsx(ErrorCode, {
 		size: 1,
 		children: error.message
-	}), $[9] = error.message, $[10] = t3);
-	let t4;
-	$[11] === error ? t4 = $[12] : (t4 = /* @__PURE__ */ jsx(QueryErrorDetails, { error }), $[11] = error, $[12] = t4);
+	}), $[10] = error.message, $[11] = t4);
 	let t5;
-	return $[13] !== T0 || $[14] !== t0 || $[15] !== t1 || $[16] !== t2 || $[17] !== t3 || $[18] !== t4 ? (t5 = /* @__PURE__ */ jsxs(T0, {
+	$[12] === error ? t5 = $[13] : (t5 = /* @__PURE__ */ jsx(QueryErrorDetails, { error }), $[12] = error, $[13] = t5);
+	let t6;
+	return $[14] !== T0 || $[15] !== t0 || $[16] !== t1 || $[17] !== t2 || $[18] !== t3 || $[19] !== t4 || $[20] !== t5 ? (t6 = /* @__PURE__ */ jsxs(T0, {
 		gap: t0,
 		marginTop: t1,
+		flexDirection: t2,
 		children: [
-			t2,
 			t3,
-			t4
+			t4,
+			t5
 		]
-	}), $[13] = T0, $[14] = t0, $[15] = t1, $[16] = t2, $[17] = t3, $[18] = t4, $[19] = t5) : t5 = $[19], t5;
+	}), $[14] = T0, $[15] = t0, $[16] = t1, $[17] = t2, $[18] = t3, $[19] = t4, $[20] = t5, $[21] = t6) : t6 = $[21], t6;
 }
 var codeFamilyVar = "var(--_1rvgeh0)", codeFontSizeVar = "var(--_1rvgeh1)", codeLineHeightVar = "var(--_1rvgeh2)", resultViewWrapper = "_1rvgehc", space0Var = "var(--_1rvgeh3)", space2Var = "var(--_1rvgeh4)", space4HalfVar = "var(--_1rvgeh6)", space4Var = "var(--_1rvgeh5)", syntaxBooleanVar = "var(--_1rvgeha)", syntaxConstantVar = "var(--_1rvgeh8)", syntaxNumberVar = "var(--_1rvgehb)", syntaxPropertyVar = "var(--_1rvgeh7)", syntaxStringVar = "var(--_1rvgeh9)";
 const lru = new LRU({ maxSize: 5e4 });
@@ -2907,7 +2913,7 @@ var VisionErrorBoundary = class extends Component {
 			tone: "critical",
 			children: /* @__PURE__ */ jsx(Container, {
 				size: 3,
-				children: /* @__PURE__ */ jsxs(Stack, {
+				children: /* @__PURE__ */ jsxs(VStack, {
 					gap: 4,
 					children: [
 						/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, {
@@ -2922,7 +2928,7 @@ var VisionErrorBoundary = class extends Component {
 							overflow: "auto",
 							padding: 4,
 							tone: "inherit",
-							children: /* @__PURE__ */ jsx(Stack, {
+							children: /* @__PURE__ */ jsx(VStack, {
 								gap: 4,
 								children: message && /* @__PURE__ */ jsx(Code, {
 									size: 1,
@@ -2952,4 +2958,4 @@ function SanityVision(props) {
 }
 export { SanityVision as default };
 
-//# sourceMappingURL=SanityVision-DZKVpY7F.js.map
+//# sourceMappingURL=SanityVision-DJT-CXvq.js.map