@sanity/vision 6.21.0-next.53 → 6.21.0-next.66

package/lib/{VistaGui-ufsccNLQ.js → VistaGui-C6cdsk92.js}

@@ -1,5 +1,5 @@
-import { t as visionLocaleNamespace } from "./i18n-JS8KzGj8.js";
-import { A as VARIANTS_API_VERSION, C as getActivePerspective, D as resultJsonExtensions, E as paramsExtensions, O as API_VERSIONS, S as encodeQueryString, T as groqExtensions, _ as VISION_STORAGE_KEY_PREFIX, a as getAtKeypath, b as isPlainObject, c as DelayedSpinner, d as getJsonBlobUrl, f as useSavedQueries, g as validateApiVersion, h as parseQueryUrl, i as describeKeypath, j as prefixApiVersion, k as DEFAULT_API_VERSION, l as canEncodeCsv, m as isApiCdnHost, n as createRetryableLazy, o as QueryErrorDialog, p as parseParams, r as ResultView, s as isApiVersionBelow, u as getCsvBlobUrl, v as getStorage, w as VisionCodeMirror, x as isVisionPasteTarget, y as onLocalStorageCleared } from "./SanityVision-lYX0oOV-.js";
+import { t as visionLocaleNamespace } from "./i18n-fzZ8Bvax.js";
+import { A as DEFAULT_API_VERSION, C as getActivePerspective, D as paramsExtensions, E as groqExtensions, M as prefixApiVersion, O as resultJsonExtensions, S as encodeQueryString, T as VisionCodeMirror, _ as VISION_STORAGE_KEY_PREFIX, a as getAtKeypath, b as isPlainObject, c as DelayedSpinner, d as getJsonBlobUrl, f as useSavedQueries, g as validateApiVersion, h as parseQueryUrl, i as describeKeypath, j as VARIANTS_API_VERSION, k as API_VERSIONS, l as canEncodeCsv, m as isApiCdnHost, n as createRetryableLazy, o as QueryErrorDialog, p as parseParams, r as ResultView, s as isApiVersionBelow, u as getCsvBlobUrl, v as getStorage, w as useVariantsEnabled, x as isVisionPasteTarget, y as onLocalStorageCleared } from "./SanityVision-DOH_LzRg.js";
 import { Component, Suspense, createContext, memo, use, useContext, useEffect, useId, useLayoutEffect, useRef, useState, useSyncExternalStore } from "react";
 import { ContextMenuButton, UserAvatar, getDefaultVariant, getReleaseIdFromReleaseDocumentId, getVariantTitle, isCardinalityOneRelease, sortReleases, useActiveReleases, useClient, useDateTimeFormat, usePerspective, useScheduledDraftsEnabled, useSchema, useTranslation, useWorkspace } from "sanity";
 import { useRouter } from "sanity/router";
@@ -15,7 +15,6 @@ import { syntaxTree } from "@codemirror/language";
 import { EditorSelection, EditorState, Facet, StateField } from "@codemirror/state";
 import { EditorView, hoverTooltip, keymap, showTooltip } from "@codemirror/view";
 import { parser } from "@sanity/lezer-groq";
-import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ErrorOutlineIcon } from "@sanity/icons/ErrorOutline";
 import { Tooltip } from "@sanity/ui/tooltip";
@@ -1184,7 +1183,7 @@ function useOnValueChange(value, onChange) {
 function cx(...classNames) {
 	return classNames.filter(Boolean).join(" ");
 }
-var codeBlock = "_134cqs1c", collapsibleSection = "_134cqsj", drawerScroller = "_134cqsg", editorContainer = "_134cqsr", editorLabel = "_134cqsb", jsonEditorBox = "_134cqsf", labelActions = "_134cqsd", lintFindingButton = "_134cqs1e", listItemButton = "_134cqs1g", optionsGrid = "_134cqsp", optionsSection = "_134cqsm", paneFill = "_134cqs9", panelTabs = "_134cqsh", paramsSection = "_134cqsk", previewCode = "_134cqs1d", querySection = "_134cqsi", resultContainer = "_134cqs1b", resultJson = "_134cqse", resultLabel = "_134cqsc _134cqsb", root = "_134cqs0", scrollArea = "_134cqss", shrinkable = "_134cqs1f", sidebarDrawer = "_134cqs11", sidebarItem = "_134cqsx", sidebarRail = "_134cqst", sidebarRailCollapsed = "_134cqsu", sidebarRailExpanded = "_134cqsv", sidebarSlot = "_134cqs10", splitHandle = "_134cqs5", splitHandleHorizontal = "_134cqs7", splitHandleVertical = "_134cqs6", splitPane = "_134cqs4", splitPaneContainer = "_134cqsa", splitRoot = "_134cqs1", splitRootColumn = "_134cqs3", splitRootRow = "_134cqs2", tab = "_134cqs17", tabBar = "_134cqs14", tabCloseButton = "_134cqs19", tabItem = "_134cqs16", tabList = "_134cqs15", tabTitleButton = "_134cqs18", tabTitleInput = "_134cqs1a";
+const _key8$1 = "cTWfhW_lintFindingButton", _key12$1 = "cTWfhW_paneFill", _key16 = "cTWfhW_previewCode", _key29 = "cTWfhW_sidebarItem", _key41 = "cTWfhW_splitPane", _key42 = "cTWfhW_splitPaneContainer";
 /** The dataset a tab queries: the workspace's while following it, otherwise the pinned one */
 function getTabDataset(options, workspaceDataset) {
 	return options.datasetMode === "workspace" ? workspaceDataset : options.dataset;
@@ -1215,9 +1214,9 @@ function withoutPublishedStack(perspective) {
 }
 /** Reads the studio state every tab's options are resolved against */
 function useRequestEnvironment() {
-	let $ = c(13), { perspectiveStack, selectedVariantNames } = usePerspective(), workspaceDataset = useVistaSelector(selectWorkspaceDataset), isScheduledDraftsEnabled = useScheduledDraftsEnabled(), { data: t0 } = useActiveReleases(), t1;
+	let $ = c(14), { perspectiveStack, selectedVariantNames } = usePerspective(), workspaceDataset = useVistaSelector(selectWorkspaceDataset), 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, t2;
+	let releases = t1, isDraftModelEnabled = useWorkspace().document.drafts.enabled, isVariantsEnabled = useVariantsEnabled(), t2;
 	bb0: {
 		if (!isScheduledDraftsEnabled) {
 			t2 = void 0;
@@ -1233,13 +1232,14 @@ function useRequestEnvironment() {
 		t2 = t3;
 	}
 	let scheduledDraftsStack = t2, t3;
-	return $[7] !== isScheduledDraftsEnabled || $[8] !== perspectiveStack || $[9] !== scheduledDraftsStack || $[10] !== selectedVariantNames || $[11] !== workspaceDataset ? (t3 = {
+	return $[7] !== isScheduledDraftsEnabled || $[8] !== isVariantsEnabled || $[9] !== perspectiveStack || $[10] !== scheduledDraftsStack || $[11] !== selectedVariantNames || $[12] !== workspaceDataset ? (t3 = {
 		workspaceDataset,
 		perspectiveStack,
 		selectedVariantNames,
+		isVariantsEnabled,
 		scheduledDraftsStack,
 		isScheduledDraftsEnabled
-	}, $[7] = isScheduledDraftsEnabled, $[8] = perspectiveStack, $[9] = scheduledDraftsStack, $[10] = selectedVariantNames, $[11] = workspaceDataset, $[12] = t3) : t3 = $[12], t3;
+	}, $[7] = isScheduledDraftsEnabled, $[8] = isVariantsEnabled, $[9] = perspectiveStack, $[10] = scheduledDraftsStack, $[11] = selectedVariantNames, $[12] = workspaceDataset, $[13] = t3) : t3 = $[13], t3;
 }
 function _temp2$12(release_0) {
 	return getReleaseIdFromReleaseDocumentId(release_0._id);
@@ -1250,10 +1250,10 @@ function _temp$23(release) {
 /**
 * Resolves a tab's options against the studio state: a followed workspace dataset, the `global`
 * and `scheduledDrafts` perspectives becoming real perspective stacks, and the navbar variant,
-* which locks the API version to the experimental one.
+* which locks the API version to the experimental one (where the workspace has variants at all).
 */
 function resolveRequestOptions(options, environment) {
-	let { workspaceDataset, perspectiveStack, selectedVariantNames, scheduledDraftsStack } = environment, dataset = getTabDataset(options, workspaceDataset), variant = options.variant === "global" ? getDefaultVariant(selectedVariantNames) : void 0, isValidApiVersion = validateApiVersion(options.apiVersion), userApiVersion = isValidApiVersion ? prefixApiVersion(options.apiVersion) : DEFAULT_API_VERSION, apiVersion = variant ? VARIANTS_API_VERSION : userApiVersion, tabPerspective = getEffectivePerspective(options.perspective, environment.isScheduledDraftsEnabled), perspective = withoutPublishedStack(getActivePerspective({
+	let { workspaceDataset, perspectiveStack, selectedVariantNames, isVariantsEnabled, scheduledDraftsStack } = environment, dataset = getTabDataset(options, workspaceDataset), variant = isVariantsEnabled && options.variant === "global" ? getDefaultVariant(selectedVariantNames) : void 0, isValidApiVersion = validateApiVersion(options.apiVersion), userApiVersion = isValidApiVersion ? prefixApiVersion(options.apiVersion) : DEFAULT_API_VERSION, apiVersion = variant ? VARIANTS_API_VERSION : userApiVersion, tabPerspective = getEffectivePerspective(options.perspective, environment.isScheduledDraftsEnabled), perspective = withoutPublishedStack(getActivePerspective({
 		visionPerspective: tabPerspective === "global" ? "pinnedRelease" : tabPerspective,
 		perspectiveStack,
 		scheduledDraftsStack
@@ -1525,7 +1525,7 @@ function QueryListPanel(t0) {
 			closable: !0,
 			id: "vista-saved-query-variant",
 			status: "warning",
-			title: t("vista.saved.unavailable-variant", { variant: parsed_3.variant })
+			title: t(environment.isVariantsEnabled ? "vista.saved.unavailable-variant" : "vista.saved.variants-disabled", { variant: parsed_3.variant })
 		});
 	}, $[22] = actorRef, $[23] = environment, $[24] = t, $[25] = toast, $[26] = t8) : t8 = $[26];
 	let warnAboutUnrepresentable = t8, t9;
@@ -1647,7 +1647,7 @@ function QueryListPanel(t0) {
 	}), $[67] = t19, $[68] = t20, $[69] = t21) : t21 = $[69];
 	let t22;
 	$[70] !== commitRename || $[71] !== deleteQuery || $[72] !== editingKey || $[73] !== editingTitle || $[74] !== emptyText || $[75] !== formatDate || $[76] !== handleUnshare || $[77] !== isOpenInTab || $[78] !== loadIntoCurrentTab || $[79] !== moving || $[80] !== openInNewTab || $[81] !== t || $[82] !== visibleItems ? (t22 = /* @__PURE__ */ jsx(Box, {
-		className: scrollArea,
+		className: "cTWfhW_scrollArea",
 		flexBasis: "0%",
 		flexGrow: 1,
 		children: visibleItems.length === 0 ? /* @__PURE__ */ jsx(Box, {
@@ -1688,7 +1688,7 @@ function QueryListPanel(t0) {
 									value: editingTitle
 								})
 							}) : /* @__PURE__ */ jsx(Button, {
-								className: listItemButton,
+								className: "cTWfhW_listItemButton",
 								"data-testid": "vista-saved-query-open",
 								justify: "flex-start",
 								mode: "bleed",
@@ -1708,7 +1708,7 @@ function QueryListPanel(t0) {
 											children: query_7.title || t("label.untitled-query")
 										}),
 										preview_0 && /* @__PURE__ */ jsx(Box, {
-											className: "_134cqs1d",
+											className: "cTWfhW_previewCode",
 											children: /* @__PURE__ */ jsx(Code, {
 												size: 0,
 												children: preview_0
@@ -2206,45 +2206,58 @@ function UseCdnField(t0) {
 		children: t5
 	}), $[11] = checked, $[12] = onChange, $[13] = t3, $[14] = t4, $[15] = t5, $[16] = testId, $[17] = t6) : t6 = $[17], t6;
 }
-/** Sends the navbar's variant with the query, or none; picking another variant is not offered here */
+/**
+* Sends the navbar's variant with the query, or none; picking another variant is not offered
+* here. Shown only where the navbar has a variant selector of its own: a workspace with variants
+* switched off has no variant to send, so there is nothing to choose.
+*/
 function VariantSelect(t0) {
-	let $ = c(47), { id, value, onChange } = t0, { t } = useTranslation(visionLocaleNamespace), { selectedVariants, selectedVariantNames } = usePerspective(), T0, T1, t1, t10, t2, t3, t4, t5, t6, t7, t8, t9;
-	if ($[0] !== id || $[1] !== onChange || $[2] !== selectedVariantNames || $[3] !== selectedVariants || $[4] !== t || $[5] !== value) {
-		let selectedVariant = getDefaultVariant(selectedVariants), globalVariantName = selectedVariant ? getVariantTitle(selectedVariant) : getDefaultVariant(selectedVariantNames);
-		T1 = Stack, t9 = 2;
-		let t11;
-		$[18] === t ? t11 = $[19] : (t11 = t("vista.options.variant-label"), $[18] = t, $[19] = t11), $[20] !== id || $[21] !== t11 ? (t10 = /* @__PURE__ */ jsx(FieldLabel, {
-			htmlFor: id,
-			children: t11
-		}), $[20] = id, $[21] = t11, $[22] = t10) : t10 = $[22], T0 = Select, t3 = `${id}-select`, t4 = 1, t5 = id, $[23] === onChange ? t6 = $[24] : (t6 = (event) => onChange(event.currentTarget.value === "none" ? "none" : "global"), $[23] = onChange, $[24] = t6), t7 = 2, t8 = value, t1 = "global", t2 = globalVariantName ? t("vista.options.variant.global", { name: globalVariantName }) : t("vista.options.variant.global-none"), $[0] = id, $[1] = onChange, $[2] = selectedVariantNames, $[3] = selectedVariants, $[4] = t, $[5] = value, $[6] = T0, $[7] = T1, $[8] = t1, $[9] = t10, $[10] = t2, $[11] = t3, $[12] = t4, $[13] = t5, $[14] = t6, $[15] = t7, $[16] = t8, $[17] = t9;
-	} else T0 = $[6], T1 = $[7], t1 = $[8], t10 = $[9], t2 = $[10], t3 = $[11], t4 = $[12], t5 = $[13], t6 = $[14], t7 = $[15], t8 = $[16], t9 = $[17];
-	let t11;
-	$[25] !== t1 || $[26] !== t2 ? (t11 = /* @__PURE__ */ jsx("option", {
+	let $ = c(49), { id, value, onChange } = t0, { t } = useTranslation(visionLocaleNamespace), isVariantsEnabled = useVariantsEnabled(), { selectedVariants, selectedVariantNames } = usePerspective(), T0, T1, t1, t10, t11, t2, t3, t4, t5, t6, t7, t8, t9;
+	if ($[0] !== id || $[1] !== isVariantsEnabled || $[2] !== onChange || $[3] !== selectedVariantNames || $[4] !== selectedVariants || $[5] !== t || $[6] !== value) {
+		t11 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			let selectedVariant = getDefaultVariant(selectedVariants), globalVariantName = selectedVariant ? getVariantTitle(selectedVariant) : getDefaultVariant(selectedVariantNames);
+			if (!isVariantsEnabled) {
+				t11 = null;
+				break bb0;
+			}
+			T1 = Stack, t9 = 2;
+			let t12;
+			$[20] === t ? t12 = $[21] : (t12 = t("vista.options.variant-label"), $[20] = t, $[21] = t12), $[22] !== id || $[23] !== t12 ? (t10 = /* @__PURE__ */ jsx(FieldLabel, {
+				htmlFor: id,
+				children: t12
+			}), $[22] = id, $[23] = t12, $[24] = t10) : t10 = $[24], T0 = Select, t3 = `${id}-select`, t4 = 1, t5 = id, $[25] === onChange ? t6 = $[26] : (t6 = (event) => onChange(event.currentTarget.value === "none" ? "none" : "global"), $[25] = onChange, $[26] = t6), t7 = 2, t8 = value, t1 = "global", t2 = globalVariantName ? t("vista.options.variant.global", { name: globalVariantName }) : t("vista.options.variant.global-none");
+		}
+		$[0] = id, $[1] = isVariantsEnabled, $[2] = onChange, $[3] = selectedVariantNames, $[4] = selectedVariants, $[5] = t, $[6] = value, $[7] = T0, $[8] = T1, $[9] = t1, $[10] = t10, $[11] = t11, $[12] = t2, $[13] = t3, $[14] = t4, $[15] = t5, $[16] = t6, $[17] = t7, $[18] = t8, $[19] = t9;
+	} else T0 = $[7], T1 = $[8], t1 = $[9], t10 = $[10], t11 = $[11], t2 = $[12], t3 = $[13], t4 = $[14], t5 = $[15], t6 = $[16], t7 = $[17], t8 = $[18], t9 = $[19];
+	if (t11 !== Symbol.for("react.early_return_sentinel")) return t11;
+	let t12;
+	$[27] !== t1 || $[28] !== t2 ? (t12 = /* @__PURE__ */ jsx("option", {
 		value: t1,
 		children: t2
-	}), $[25] = t1, $[26] = t2, $[27] = t11) : t11 = $[27];
-	let t12;
-	$[28] === t ? t12 = $[29] : (t12 = t("vista.options.variant.none"), $[28] = t, $[29] = t12);
+	}), $[27] = t1, $[28] = t2, $[29] = t12) : t12 = $[29];
 	let t13;
-	$[30] === t12 ? t13 = $[31] : (t13 = /* @__PURE__ */ jsx("option", {
-		value: "none",
-		children: t12
-	}), $[30] = t12, $[31] = t13);
+	$[30] === t ? t13 = $[31] : (t13 = t("vista.options.variant.none"), $[30] = t, $[31] = t13);
 	let t14;
-	$[32] !== T0 || $[33] !== t11 || $[34] !== t13 || $[35] !== t3 || $[36] !== t4 || $[37] !== t5 || $[38] !== t6 || $[39] !== t7 || $[40] !== t8 ? (t14 = /* @__PURE__ */ jsxs(T0, {
+	$[32] === t13 ? t14 = $[33] : (t14 = /* @__PURE__ */ jsx("option", {
+		value: "none",
+		children: t13
+	}), $[32] = t13, $[33] = t14);
+	let t15;
+	$[34] !== T0 || $[35] !== t12 || $[36] !== t14 || $[37] !== t3 || $[38] !== t4 || $[39] !== t5 || $[40] !== t6 || $[41] !== t7 || $[42] !== t8 ? (t15 = /* @__PURE__ */ jsxs(T0, {
 		"data-testid": t3,
 		fontSize: t4,
 		id: t5,
 		onChange: t6,
 		padding: t7,
 		value: t8,
-		children: [t11, t13]
-	}), $[32] = T0, $[33] = t11, $[34] = t13, $[35] = t3, $[36] = t4, $[37] = t5, $[38] = t6, $[39] = t7, $[40] = t8, $[41] = t14) : t14 = $[41];
-	let t15;
-	return $[42] !== T1 || $[43] !== t10 || $[44] !== t14 || $[45] !== t9 ? (t15 = /* @__PURE__ */ jsxs(T1, {
+		children: [t12, t14]
+	}), $[34] = T0, $[35] = t12, $[36] = t14, $[37] = t3, $[38] = t4, $[39] = t5, $[40] = t6, $[41] = t7, $[42] = t8, $[43] = t15) : t15 = $[43];
+	let t16;
+	return $[44] !== T1 || $[45] !== t10 || $[46] !== t15 || $[47] !== t9 ? (t16 = /* @__PURE__ */ jsxs(T1, {
 		gap: t9,
-		children: [t10, t14]
-	}), $[42] = T1, $[43] = t10, $[44] = t14, $[45] = t9, $[46] = t15) : t15 = $[46], t15;
+		children: [t10, t15]
+	}), $[44] = T1, $[45] = t10, $[46] = t15, $[47] = t9, $[48] = t16) : t16 = $[48], t16;
 }
 /** One field path per line (commas work too), each once */
 function parseFieldList(text) {
@@ -2613,8 +2626,8 @@ function SidebarDrawer(t0) {
 	$[5] !== close || $[6] !== overlay ? (t3 = (event) => {
 		overlay && event.key === "Escape" && (event.preventDefault(), close());
 	}, $[5] = close, $[6] = overlay, $[7] = t3) : t3 = $[7];
-	let handleKeyDown = t3, t4 = !overlay, t5 = overlay ? title : void 0, t6 = overlay || void 0, t7 = drawer !== "saved" && drawer !== "shared" && "_134cqs12", t8 = overlay && "_134cqs13", t9;
-	$[8] !== t7 || $[9] !== t8 ? (t9 = cx(sidebarDrawer, t7, t8), $[8] = t7, $[9] = t8, $[10] = t9) : t9 = $[10];
+	let handleKeyDown = t3, t4 = !overlay, t5 = overlay ? title : void 0, t6 = overlay || void 0, t7 = drawer !== "saved" && drawer !== "shared" && "cTWfhW_sidebarDrawerWide", t8 = overlay && "cTWfhW_sidebarDrawerOverlay", t9;
+	$[8] !== t7 || $[9] !== t8 ? (t9 = cx("cTWfhW_sidebarDrawer", t7, t8), $[8] = t7, $[9] = t8, $[10] = t9) : t9 = $[10];
 	let t10 = `vista-drawer-${drawer}`, t11 = overlay ? "dialog" : void 0, t12;
 	$[11] === title ? t12 = $[12] : (t12 = /* @__PURE__ */ jsx(Text, {
 		size: 1,
@@ -2670,7 +2683,7 @@ function SidebarItem(t0) {
 	let $ = c(28), { icon, label, expanded, selected, badge, testId, onClick } = t0, name = badge ? `${label} (${badge.count})` : label, t1;
 	$[0] !== badge || $[1] !== expanded || $[2] !== testId ? (t1 = badge && /* @__PURE__ */ jsx(Badge, {
 		"aria-hidden": !0,
-		className: cx("_134cqsy", expanded && "_134cqsz"),
+		className: cx("cTWfhW_sidebarItemBadge", expanded && "cTWfhW_sidebarItemBadgeExpanded"),
 		"data-testid": `${testId}-badge`,
 		fontSize: 0,
 		tone: badge.tone,
@@ -2692,7 +2705,7 @@ function SidebarItem(t0) {
 		}), $[4] = icon, $[5] = label, $[6] = name, $[7] = onClick, $[8] = selected, $[9] = testId, $[10] = t2) : t2 = $[10];
 		let t3;
 		return $[11] !== count || $[12] !== t2 ? (t3 = /* @__PURE__ */ jsxs("div", {
-			className: sidebarItem,
+			className: _key29,
 			children: [t2, count]
 		}), $[11] = count, $[12] = t2, $[13] = t3) : t3 = $[13], t3;
 	}
@@ -2720,7 +2733,7 @@ function SidebarItem(t0) {
 	}), $[22] = t2, $[23] = t3, $[24] = t4) : t4 = $[24];
 	let t5;
 	return $[25] !== count || $[26] !== t4 ? (t5 = /* @__PURE__ */ jsxs("div", {
-		className: sidebarItem,
+		className: _key29,
 		children: [t4, count]
 	}), $[25] = count, $[26] = t4, $[27] = t5) : t5 = $[27], t5;
 }
@@ -2738,8 +2751,8 @@ function VistaSidebar() {
 	}, $[3] = t1) : t1 = $[3], useOnValueChange(drawer, t1);
 	let t2;
 	$[4] === t ? t2 = $[5] : (t2 = t("vista.sidebar.label"), $[4] = t, $[5] = t2);
-	let t3 = expanded ? sidebarRailExpanded : sidebarRailCollapsed, t4 = isMobile && expanded && "_134cqsw", t5;
-	$[6] !== t3 || $[7] !== t4 ? (t5 = cx(sidebarRail, t3, t4), $[6] = t3, $[7] = t4, $[8] = t5) : t5 = $[8];
+	let t3 = expanded ? "cTWfhW_sidebarRailExpanded" : "cTWfhW_sidebarRailCollapsed", t4 = isMobile && expanded && "cTWfhW_sidebarRailOverlay", t5;
+	$[6] !== t3 || $[7] !== t4 ? (t5 = cx("cTWfhW_sidebarRail", t3, t4), $[6] = t3, $[7] = t4, $[8] = t5) : t5 = $[8];
 	let t6 = isMobile && drawer !== null, t7;
 	$[9] === t ? t7 = $[10] : (t7 = t("vista.sidebar.shared-queries"), $[9] = t, $[10] = t7);
 	let t8;
@@ -2928,7 +2941,7 @@ function VistaSidebar() {
 	}), $[112] = t2, $[113] = t34, $[114] = t48, $[115] = t5, $[116] = t6, $[117] = t49) : t49 = $[117];
 	let rail = t49, t50;
 	$[118] !== isMobile || $[119] !== rail ? (t50 = isMobile ? /* @__PURE__ */ jsx("div", {
-		className: sidebarSlot,
+		className: "cTWfhW_sidebarSlot",
 		children: rail
 	}) : rail, $[118] = isMobile, $[119] = rail, $[120] = t50) : t50 = $[120];
 	let t51;
@@ -5144,7 +5157,7 @@ function CollapsiblePanel(props) {
 	} else t6 = $[16];
 	let t7;
 	$[23] === t6 ? t7 = $[24] : (t7 = /* @__PURE__ */ jsx(Box, {
-		className: panelTabs,
+		className: "cTWfhW_panelTabs",
 		ref: stripRef,
 		children: /* @__PURE__ */ jsx(TabList, {
 			gap: 1,
@@ -5200,7 +5213,7 @@ function _temp$17(tab_0) {
 */
 function CollapsibleSection(props) {
 	let $ = c(31), { id, title, icon, actions, expanded, onToggle, className, style, ref, handle, children } = props, t0 = expanded && className, t1;
-	$[0] === t0 ? t1 = $[1] : (t1 = cx(collapsibleSection, t0), $[0] = t0, $[1] = t1);
+	$[0] === t0 ? t1 = $[1] : (t1 = cx("cTWfhW_collapsibleSection", t0), $[0] = t0, $[1] = t1);
 	let t2 = `${id}-panel`, t3 = expanded ? style : void 0, t4 = `${id}-content`, t5 = `${id}-toggle`, t6 = expanded ? ChevronDownIcon : ChevronRightIcon, t7 = `${id}-toggle`, t8;
 	$[2] !== expanded || $[3] !== onToggle || $[4] !== t4 || $[5] !== t5 || $[6] !== t6 || $[7] !== t7 || $[8] !== title ? (t8 = /* @__PURE__ */ jsx(Button, {
 		"aria-controls": t4,
@@ -5236,7 +5249,7 @@ function CollapsibleSection(props) {
 	let t11;
 	$[18] !== children || $[19] !== expanded || $[20] !== id ? (t11 = expanded && /* @__PURE__ */ jsx(Box, {
 		"aria-labelledby": `${id}-toggle`,
-		className: "_134cqsn",
+		className: "cTWfhW_sectionBody",
 		id: `${id}-content`,
 		role: "region",
 		children
@@ -5795,7 +5808,7 @@ function OptionsPanel(t0) {
 	}), $[19] = options.variant, $[20] = t6, $[21] = t7) : t7 = $[21];
 	let t8;
 	$[22] !== t1 || $[23] !== t3 || $[24] !== t5 || $[25] !== t7 ? (t8 = /* @__PURE__ */ jsxs("div", {
-		className: optionsGrid,
+		className: "cTWfhW_optionsGrid",
 		children: [
 			t1,
 			t3,
@@ -7037,7 +7050,7 @@ function ExportQueryDialog(t0) {
 	let t8 = `vista-export-${active.id}-tab`, t9 = `vista-export-${active.id}-panel`, t10;
 	$[27] !== active.code || $[28] !== active.language ? (t10 = /* @__PURE__ */ jsx(Card, {
 		border: !0,
-		className: codeBlock,
+		className: "cTWfhW_codeBlock",
 		overflow: "auto",
 		padding: 3,
 		radius: 2,
@@ -7377,13 +7390,13 @@ function RequestPanel(props) {
 	let t18;
 	$[44] === t17 ? t18 = $[45] : (t18 = /* @__PURE__ */ jsx(Flex, {
 		alignItems: "center",
-		className: labelActions,
+		className: "cTWfhW_labelActions",
 		gap: 1,
 		children: t17
 	}), $[44] = t17, $[45] = t18);
 	let t19;
 	$[46] !== t15 || $[47] !== t18 ? (t19 = /* @__PURE__ */ jsx(Box, {
-		className: editorLabel,
+		className: "cTWfhW_editorLabel",
 		children: /* @__PURE__ */ jsxs(Flex, {
 			alignItems: "center",
 			gap: 2,
@@ -7403,7 +7416,7 @@ function RequestPanel(props) {
 	}), $[49] = onQueryChange, $[50] = queryEditorRef, $[51] = queryExtensions, $[52] = tab.query, $[53] = t20) : t20 = $[53];
 	let t21;
 	$[54] !== t19 || $[55] !== t20 ? (t21 = /* @__PURE__ */ jsxs(Box, {
-		className: editorContainer,
+		className: "cTWfhW_editorContainer",
 		"data-testid": "vista-query-editor",
 		flexBasis: "0%",
 		flexGrow: 1,
@@ -7413,11 +7426,11 @@ function RequestPanel(props) {
 	}), $[54] = t19, $[55] = t20, $[56] = t21) : t21 = $[56];
 	let t22;
 	$[57] !== t13 || $[58] !== t21 ? (t22 = /* @__PURE__ */ jsxs(Flex, {
-		className: querySection,
+		className: "cTWfhW_querySection",
 		children: [t13, t21]
 	}), $[57] = t13, $[58] = t21, $[59] = t22) : t22 = $[59];
-	let t23 = paramsResize.height !== null && "_134cqsl", t24;
-	$[60] === t23 ? t24 = $[61] : (t24 = cx(paramsSection, t23), $[60] = t23, $[61] = t24);
+	let t23 = paramsResize.height !== null && "cTWfhW_paramsSectionResized", t24;
+	$[60] === t23 ? t24 = $[61] : (t24 = cx("cTWfhW_paramsSection", t23), $[60] = t23, $[61] = t24);
 	let t25;
 	$[62] !== paramsExpanded || $[63] !== paramsHeightNow || $[64] !== paramsResize.dragging || $[65] !== paramsResize.height || $[66] !== paramsResize.measured?.max || $[67] !== paramsResize.onFocus || $[68] !== paramsResize.onKeyDown || $[69] !== paramsResize.onPointerDown || $[70] !== paramsResize.reset || $[71] !== t ? (t25 = paramsExpanded && /* @__PURE__ */ jsx("div", {
 		"aria-label": t("vista.params.resize"),
@@ -7426,7 +7439,7 @@ function RequestPanel(props) {
 		"aria-valuemin": 98,
 		"aria-valuenow": paramsHeightNow,
 		"aria-valuetext": paramsResize.height === null && paramsHeightNow !== void 0 ? t("vista.params.fit-height", { height: paramsHeightNow }) : void 0,
-		className: "_134cqso",
+		className: "cTWfhW_sectionResizer",
 		"data-dragging": paramsResize.dragging,
 		"data-testid": "vista-request-params-resizer",
 		onDoubleClick: paramsResize.reset,
@@ -7521,7 +7534,7 @@ function RequestPanel(props) {
 	}), $[125] = onOptionsChange, $[126] = resolved, $[127] = tab.options, $[128] = t44) : t44 = $[128];
 	let t45;
 	$[129] !== optionsExpanded || $[130] !== t42 || $[131] !== t43 || $[132] !== t44 ? (t45 = /* @__PURE__ */ jsx(CollapsibleSection, {
-		className: optionsSection,
+		className: "cTWfhW_optionsSection",
 		expanded: optionsExpanded,
 		id: "vista-request-options",
 		onToggle: t42,
@@ -7680,16 +7693,16 @@ function ResizableSplit(props) {
 	}, $[14] = allowResize, $[15] = bounds, $[16] = onChange, $[17] = onReset, $[18] = primary, $[19] = shownSize, $[20] = split, $[21] = t5) : t5 = $[21];
 	let onKeyDown = t5, t6 = `0 0 ${shownSize}px`, t7;
 	$[22] === t6 ? t7 = $[23] : (t7 = { flex: t6 }, $[22] = t6, $[23] = t7);
-	let primaryStyle = t7, t8 = split === "vertical" ? splitRootRow : splitRootColumn, t9;
-	$[24] === t8 ? t9 = $[25] : (t9 = cx(splitRoot, t8), $[24] = t8, $[25] = t9);
+	let primaryStyle = t7, t8 = split === "vertical" ? "cTWfhW_splitRootRow" : "cTWfhW_splitRootColumn", t9;
+	$[24] === t8 ? t9 = $[25] : (t9 = cx("cTWfhW_splitRoot", t8), $[24] = t8, $[25] = t9);
 	let t10 = primary === "first" ? primaryStyle : void 0, t11;
 	$[26] !== children[0] || $[27] !== t10 ? (t11 = /* @__PURE__ */ jsx("div", {
-		className: splitPane,
+		className: _key41,
 		style: t10,
 		children: children[0]
 	}), $[26] = children[0], $[27] = t10, $[28] = t11) : t11 = $[28];
-	let t12 = !allowResize || void 0, t13 = bounds?.max, t14 = split === "vertical" ? splitHandleVertical : splitHandleHorizontal, t15 = !allowResize && "_134cqs8", t16;
-	$[29] !== t14 || $[30] !== t15 ? (t16 = cx(splitHandle, t14, t15), $[29] = t14, $[30] = t15, $[31] = t16) : t16 = $[31];
+	let t12 = !allowResize || void 0, t13 = bounds?.max, t14 = split === "vertical" ? "cTWfhW_splitHandleVertical" : "cTWfhW_splitHandleHorizontal", t15 = !allowResize && "cTWfhW_splitHandleDisabled", t16;
+	$[29] !== t14 || $[30] !== t15 ? (t16 = cx("cTWfhW_splitHandle", t14, t15), $[29] = t14, $[30] = t15, $[31] = t16) : t16 = $[31];
 	let t17 = testId && `${testId}-handle`, t18 = allowResize ? 0 : -1, t19;
 	$[32] !== dragging || $[33] !== label || $[34] !== minSize || $[35] !== onKeyDown || $[36] !== onPointerDown || $[37] !== shownSize || $[38] !== split || $[39] !== t12 || $[40] !== t13 || $[41] !== t16 || $[42] !== t17 || $[43] !== t18 ? (t19 = /* @__PURE__ */ jsx("div", {
 		"aria-disabled": t12,
@@ -7709,7 +7722,7 @@ function ResizableSplit(props) {
 	}), $[32] = dragging, $[33] = label, $[34] = minSize, $[35] = onKeyDown, $[36] = onPointerDown, $[37] = shownSize, $[38] = split, $[39] = t12, $[40] = t13, $[41] = t16, $[42] = t17, $[43] = t18, $[44] = t19) : t19 = $[44];
 	let t20 = primary === "second" ? primaryStyle : void 0, t21;
 	$[45] !== children[1] || $[46] !== t20 ? (t21 = /* @__PURE__ */ jsx("div", {
-		className: splitPane,
+		className: _key41,
 		style: t20,
 		children: children[1]
 	}), $[45] = children[1], $[46] = t20, $[47] = t21) : t21 = $[47];
@@ -7854,14 +7867,14 @@ function SplitWithBottomPanel(props) {
 	})), $[5] = layout, $[6] = t4, $[7] = t5);
 	let t6 = collapsed ? 35 : bottomSize, t7 = `${testId}-split`, t8;
 	$[8] === children ? t8 = $[9] : (t8 = /* @__PURE__ */ jsx(Flex, {
-		className: paneFill,
+		className: _key12$1,
 		children
 	}), $[8] = children, $[9] = t8);
 	let t9;
 	$[10] === Symbol.for("react.memo_cache_sentinel") ? (t9 = () => setCollapsed(_temp$14), $[10] = t9) : t9 = $[10];
 	let t10;
 	$[11] !== activeTabId || $[12] !== collapsed || $[13] !== id || $[14] !== tabs ? (t10 = /* @__PURE__ */ jsx(Box, {
-		className: paneFill,
+		className: _key12$1,
 		children: /* @__PURE__ */ jsx(CollapsiblePanel, {
 			activeTabId,
 			collapsed,
@@ -7873,7 +7886,7 @@ function SplitWithBottomPanel(props) {
 	}), $[11] = activeTabId, $[12] = collapsed, $[13] = id, $[14] = tabs, $[15] = t10) : t10 = $[15];
 	let t11;
 	$[16] !== t10 || $[17] !== t2 || $[18] !== t3 || $[19] !== t4 || $[20] !== t5 || $[21] !== t6 || $[22] !== t7 || $[23] !== t8 ? (t11 = /* @__PURE__ */ jsx(Box, {
-		className: splitPaneContainer,
+		className: _key42,
 		children: /* @__PURE__ */ jsxs(ResizableSplit, {
 			allowResize: t2,
 			label: t3,
@@ -8004,7 +8017,7 @@ function JsonEditor(props) {
 	let t7;
 	$[14] !== t6 || $[15] !== testId ? (t7 = /* @__PURE__ */ jsx(Card, {
 		border: !0,
-		className: jsonEditorBox,
+		className: "cTWfhW_jsonEditorBox",
 		"data-testid": testId,
 		radius: 2,
 		children: t6
@@ -8438,7 +8451,7 @@ function DeltaResult(props) {
 	let t9;
 	$[29] !== evaluation.status || $[30] !== evaluation.value ? (t9 = evaluation.status === "done" && typeof evaluation.value != "boolean" && /* @__PURE__ */ jsx(Card, {
 		border: !0,
-		className: "_134cqsg",
+		className: "cTWfhW_drawerScroller",
 		padding: 3,
 		radius: 2,
 		children: /* @__PURE__ */ jsx(Code, {
@@ -8730,7 +8743,7 @@ function _temp$12(paragraph) {
 function FunctionPreview(t0) {
 	let $ = c(7), { signature, body } = t0, t1;
 	$[0] === signature ? t1 = $[1] : (t1 = /* @__PURE__ */ jsx(Box, {
-		className: previewCode,
+		className: _key16,
 		children: /* @__PURE__ */ jsx(Code, {
 			size: 1,
 			children: signature
@@ -8738,7 +8751,7 @@ function FunctionPreview(t0) {
 	}), $[0] = signature, $[1] = t1);
 	let t2;
 	$[2] === body ? t2 = $[3] : (t2 = /* @__PURE__ */ jsx(Box, {
-		className: previewCode,
+		className: _key16,
 		children: /* @__PURE__ */ jsx(Code, {
 			size: 0,
 			children: body
@@ -8756,7 +8769,7 @@ function DeclaredFunction(props) {
 	let upToDate = t0, t1;
 	$[3] !== declaration.id || $[4] !== t ? (t1 = t("vista.functions.reveal", { name: declaration.id }), $[3] = declaration.id, $[4] = t, $[5] = t1) : t1 = $[5];
 	let t2;
-	$[6] === Symbol.for("react.memo_cache_sentinel") ? (t2 = cx(lintFindingButton, shrinkable), $[6] = t2) : t2 = $[6];
+	$[6] === Symbol.for("react.memo_cache_sentinel") ? (t2 = cx(_key8$1, "cTWfhW_shrinkable"), $[6] = t2) : t2 = $[6];
 	let t3;
 	$[7] !== declaration.range || $[8] !== onReveal ? (t3 = () => onReveal(declaration.range), $[7] = declaration.range, $[8] = onReveal, $[9] = t3) : t3 = $[9];
 	let t4;
@@ -9097,7 +9110,7 @@ function getRequestChanges(previous, next) {
 		lang: "text"
 	}), changes;
 }
-const codeDiff = createRetryableLazy(() => import("./CodeDiff-Bj_o50Qy.js")), CodeDiffLoader = codeDiff.Component;
+const codeDiff = createRetryableLazy(() => import("./CodeDiff-MkS3Q87A.js")), CodeDiffLoader = codeDiff.Component;
 /** Catches a diff that failed to load or render, and offers to load it again */
 var DiffBoundary = class extends Component {
 	state = { failed: !1 };
@@ -9510,7 +9523,7 @@ function LintTab(t0) {
 		$[8] !== onReveal || $[9] !== t ? (t2 = (finding) => /* @__PURE__ */ jsx(Card, {
 			as: "button",
 			borderBottom: !0,
-			className: lintFindingButton,
+			className: _key8$1,
 			"data-testid": "vista-lint-finding",
 			onClick: () => onReveal(finding),
 			paddingX: 3,
@@ -10217,7 +10230,7 @@ function PreviewResult(props) {
 		children: t("vista.mutate.no-documents")
 	}) : /* @__PURE__ */ jsx(Card, {
 		border: !0,
-		className: drawerScroller,
+		className: "cTWfhW_drawerScroller",
 		radius: 2,
 		children: preview.changes.map((change_0, index) => /* @__PURE__ */ jsx(ChangeRow, {
 			change: change_0,
@@ -11624,7 +11637,7 @@ function ExportTypesDialog(t0) {
 	let t6;
 	$[25] !== copyToClipboard || $[26] !== output.code || $[27] !== t ? (t6 = output.code && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Card, {
 		border: !0,
-		className: "_134cqs1c",
+		className: "cTWfhW_codeBlock",
 		overflow: "auto",
 		padding: 3,
 		radius: 2,
@@ -11924,8 +11937,7 @@ function layoutResultGraph(graph, { collapsed, charWidth }) {
 		height
 	};
 }
-var graphBooleanVar = "var(--_1okhyda5)", graphCodeFamilyVar = "var(--_1okhyda0)", graphCodeSizeVar = "var(--_1okhyda1)", graphConstantVar = "var(--_1okhyda6)", graphControls = "_1okhydaj", graphEdges = "_1okhyda9", graphNode = "_1okhydaa", graphNodeButton = "_1okhydae", graphNodeHeader = "_1okhydab", graphNodeTitle = "_1okhydac", graphNumberVar = "var(--_1okhyda4)", graphPropertyVar = "var(--_1okhyda2)", graphRow = "_1okhydaf", graphRowKey = "_1okhydag", graphRowValue = "_1okhydah", graphStringVar = "var(--_1okhyda3)", graphViewport = "_1okhyda7";
-const FIRST_VIEW_SCALE = .8, ZOOM_STEP = 1.25;
+const _key12 = "uhT08W_graphRowValue", FIRST_VIEW_SCALE = .8, ZOOM_STEP = 1.25;
 /** What the graph leaves out of this result, or `undefined` when it shows all of it */
 function describeLeftOut(graph, t) {
 	let { partialNodes, nodeLimitReached } = graph;
@@ -11980,12 +11992,12 @@ function RowContent(t0) {
 		case "value": {
 			let t1;
 			$[0] === row.key ? t1 = $[1] : (t1 = row.key && /* @__PURE__ */ jsx("span", {
-				className: "_1okhydag",
+				className: "uhT08W_graphRowKey",
 				children: row.key
 			}), $[0] = row.key, $[1] = t1);
 			let t2;
 			$[2] !== row.text || $[3] !== row.type ? (t2 = /* @__PURE__ */ jsx("span", {
-				className: graphRowValue,
+				className: _key12,
 				"data-type": row.type,
 				children: row.text
 			}), $[2] = row.text, $[3] = row.type, $[4] = t2) : t2 = $[4];
@@ -11995,17 +12007,17 @@ function RowContent(t0) {
 		case "child": {
 			let t1;
 			$[8] === row.key ? t1 = $[9] : (t1 = /* @__PURE__ */ jsx("span", {
-				className: graphRowKey,
+				className: "uhT08W_graphRowKey",
 				children: row.key
 			}), $[8] = row.key, $[9] = t1);
 			let t2;
 			$[10] === row.summary ? t2 = $[11] : (t2 = /* @__PURE__ */ jsx("span", {
-				className: graphRowValue,
+				className: _key12,
 				"data-type": "child",
 				children: row.summary
 			}), $[10] = row.summary, $[11] = t2);
 			let t3;
-			$[12] === row.child ? t3 = $[13] : (t3 = row.child !== void 0 && /* @__PURE__ */ jsx("span", { className: "_1okhydai" }), $[12] = row.child, $[13] = t3);
+			$[12] === row.child ? t3 = $[13] : (t3 = row.child !== void 0 && /* @__PURE__ */ jsx("span", { className: "uhT08W_graphRowPort" }), $[12] = row.child, $[13] = t3);
 			let t4;
 			return $[14] !== t1 || $[15] !== t2 || $[16] !== t3 ? (t4 = /* @__PURE__ */ jsxs(Fragment$1, { children: [
 				t1,
@@ -12018,7 +12030,7 @@ function RowContent(t0) {
 			$[18] !== row.count || $[19] !== t ? (t1 = t("vista.result.graph.more", { count: row.count }), $[18] = row.count, $[19] = t, $[20] = t1) : t1 = $[20];
 			let t2;
 			return $[21] === t1 ? t2 = $[22] : (t2 = /* @__PURE__ */ jsx("span", {
-				className: graphRowValue,
+				className: _key12,
 				"data-type": "more",
 				children: t1
 			}), $[21] = t1, $[22] = t2), t2;
@@ -12031,7 +12043,7 @@ function GraphNodes(t0) {
 	$[0] === layout.edges ? t3 = $[1] : (t3 = layout.edges.map(_temp$4), $[0] = layout.edges, $[1] = t3);
 	let t4;
 	$[2] !== layout.height || $[3] !== layout.width || $[4] !== t3 ? (t4 = /* @__PURE__ */ jsx("svg", {
-		className: graphEdges,
+		className: "uhT08W_graphEdges",
 		"data-testid": "vista-graph-edges",
 		height: t1,
 		width: t2,
@@ -12044,7 +12056,7 @@ function GraphNodes(t0) {
 			let { node, x, y, width, height, collapsed, childCount } = t7, title = node.label ?? t("vista.result.graph.root");
 			return /* @__PURE__ */ jsxs("div", {
 				"aria-label": `${title} ${node.summary}`,
-				className: graphNode,
+				className: "uhT08W_graphNode",
 				"data-testid": "vista-graph-node",
 				"data-keypath": node.id,
 				role: "group",
@@ -12055,19 +12067,19 @@ function GraphNodes(t0) {
 					height
 				},
 				children: [/* @__PURE__ */ jsxs("div", {
-					className: graphNodeHeader,
+					className: "uhT08W_graphNodeHeader",
 					children: [
 						/* @__PURE__ */ jsxs("span", {
-							className: graphNodeTitle,
+							className: "uhT08W_graphNodeTitle",
 							children: [title, node.summary && /* @__PURE__ */ jsx("span", {
-								className: "_1okhydad",
+								className: "uhT08W_graphNodeSummary",
 								children: node.summary
 							})]
 						}),
 						childCount > 0 && /* @__PURE__ */ jsxs("button", {
 							"aria-expanded": !collapsed,
 							"aria-label": collapsed ? t("vista.result.graph.expand", { count: childCount }) : t("vista.result.graph.collapse"),
-							className: "_1okhydae",
+							className: "uhT08W_graphNodeButton",
 							"data-testid": "vista-graph-toggle",
 							onClick: () => onToggle(node.id),
 							type: "button",
@@ -12075,7 +12087,7 @@ function GraphNodes(t0) {
 						}),
 						/* @__PURE__ */ jsx("button", {
 							"aria-label": copyLabel,
-							className: graphNodeButton,
+							className: "uhT08W_graphNodeButton",
 							"data-testid": "vista-graph-copy",
 							onClick: () => onCopy(node.id),
 							type: "button",
@@ -12091,7 +12103,7 @@ function GraphNodes(t0) {
 }
 function _temp2$4(row, index) {
 	return /* @__PURE__ */ jsx("div", {
-		className: graphRow,
+		className: "uhT08W_graphRow",
 		children: /* @__PURE__ */ jsx(RowContent, { row })
 	}, index);
 }
@@ -12237,21 +12249,24 @@ function ResultGraph(t0) {
 		t22,
 		t24
 	], $[66] = t19, $[67] = t22, $[68] = t24, $[69] = t25) : t25 = $[69];
-	let controls = t25, t26;
-	$[70] === t ? t26 = $[71] : (t26 = t("vista.result.graph.label"), $[70] = t, $[71] = t26);
-	let t27 = `${codeSize.fontSize}px`, t28;
-	$[72] !== color.syntax.boolean || $[73] !== color.syntax.constant || $[74] !== color.syntax.number || $[75] !== color.syntax.property || $[76] !== color.syntax.string || $[77] !== font.code.family || $[78] !== t27 ? (t28 = assignInlineVars({
-		[graphCodeFamilyVar]: font.code.family,
-		[graphCodeSizeVar]: t27,
-		[graphPropertyVar]: color.syntax.property,
-		[graphStringVar]: color.syntax.string,
-		[graphNumberVar]: color.syntax.number,
-		[graphBooleanVar]: color.syntax.boolean,
-		[graphConstantVar]: color.syntax.constant
-	}), $[72] = color.syntax.boolean, $[73] = color.syntax.constant, $[74] = color.syntax.number, $[75] = color.syntax.property, $[76] = color.syntax.string, $[77] = font.code.family, $[78] = t27, $[79] = t28) : t28 = $[79];
+	let controls = t25, t26 = `${codeSize.fontSize}px`, t27;
+	$[70] !== color.syntax.boolean || $[71] !== color.syntax.constant || $[72] !== color.syntax.number || $[73] !== color.syntax.property || $[74] !== color.syntax.string || $[75] !== font.code.family || $[76] !== t26 ? (t27 = {
+		"--vision-graph-code-family": font.code.family,
+		"--vision-graph-code-size": t26,
+		"--vision-graph-property": color.syntax.property,
+		"--vision-graph-string": color.syntax.string,
+		"--vision-graph-number": color.syntax.number,
+		"--vision-graph-boolean": color.syntax.boolean,
+		"--vision-graph-constant": color.syntax.constant,
+		"--vision-graph-header-height": `${GRAPH_METRICS.headerHeight}px`,
+		"--vision-graph-row-height": `${GRAPH_METRICS.rowHeight}px`,
+		"--vision-graph-padding-x": `${GRAPH_METRICS.paddingX}px`
+	}, $[70] = color.syntax.boolean, $[71] = color.syntax.constant, $[72] = color.syntax.number, $[73] = color.syntax.property, $[74] = color.syntax.string, $[75] = font.code.family, $[76] = t26, $[77] = t27) : t27 = $[77];
+	let viewportStyle = t27, t28;
+	$[78] === t ? t28 = $[79] : (t28 = t("vista.result.graph.label"), $[78] = t, $[79] = t28);
 	let t29;
 	$[80] !== copy || $[81] !== layout || $[82] !== onCopy || $[83] !== view ? (t29 = view && /* @__PURE__ */ jsx("div", {
-		className: "_1okhyda8",
+		className: "uhT08W_graphCanvas",
 		"data-testid": "vista-graph-canvas",
 		style: {
 			width: layout.width,
@@ -12267,7 +12282,7 @@ function ResultGraph(t0) {
 	}), $[80] = copy, $[81] = layout, $[82] = onCopy, $[83] = view, $[84] = t29) : t29 = $[84];
 	let t30;
 	$[85] === leftOut ? t30 = $[86] : (t30 = leftOut && /* @__PURE__ */ jsx("div", {
-		className: "_1okhydak",
+		className: "uhT08W_graphNotice",
 		"data-testid": "vista-graph-left-out",
 		children: /* @__PURE__ */ jsx(Text, {
 			muted: !0,
@@ -12277,13 +12292,13 @@ function ResultGraph(t0) {
 	}), $[85] = leftOut, $[86] = t30);
 	let t31;
 	$[87] === controls ? t31 = $[88] : (t31 = /* @__PURE__ */ jsx("div", {
-		className: graphControls,
+		className: "uhT08W_graphControls",
 		children: controls.map(_temp4$3)
 	}), $[87] = controls, $[88] = t31);
 	let t32;
-	return $[89] !== dragging || $[90] !== id || $[91] !== onKeyDown || $[92] !== onPointerDown || $[93] !== onPointerMove || $[94] !== t26 || $[95] !== t28 || $[96] !== t29 || $[97] !== t30 || $[98] !== t31 ? (t32 = /* @__PURE__ */ jsxs("div", {
-		"aria-label": t26,
-		className: graphViewport,
+	return $[89] !== dragging || $[90] !== id || $[91] !== onKeyDown || $[92] !== onPointerDown || $[93] !== onPointerMove || $[94] !== t28 || $[95] !== t29 || $[96] !== t30 || $[97] !== t31 || $[98] !== viewportStyle ? (t32 = /* @__PURE__ */ jsxs("div", {
+		"aria-label": t28,
+		className: "uhT08W_graphViewport",
 		"data-dragging": dragging,
 		"data-testid": "vista-result-graph",
 		id,
@@ -12295,14 +12310,14 @@ function ResultGraph(t0) {
 		onPointerUp: endDrag,
 		ref: setViewport,
 		role: "application",
-		style: t28,
+		style: viewportStyle,
 		tabIndex: 0,
 		children: [
 			t29,
 			t30,
 			t31
 		]
-	}), $[89] = dragging, $[90] = id, $[91] = onKeyDown, $[92] = onPointerDown, $[93] = onPointerMove, $[94] = t26, $[95] = t28, $[96] = t29, $[97] = t30, $[98] = t31, $[99] = t32) : t32 = $[99], t32;
+	}), $[89] = dragging, $[90] = id, $[91] = onKeyDown, $[92] = onPointerDown, $[93] = onPointerMove, $[94] = t28, $[95] = t29, $[96] = t30, $[97] = t31, $[98] = viewportStyle, $[99] = t32) : t32 = $[99], t32;
 }
 function _temp4$3(t0) {
 	let { action, label, icon, onClick } = t0;
@@ -12347,7 +12362,7 @@ function ResultJson(props) {
 	}), $[5] = text, $[6] = t3);
 	let t4;
 	return $[7] !== props.id || $[8] !== t3 ? (t4 = /* @__PURE__ */ jsx("div", {
-		className: resultJson,
+		className: "cTWfhW_resultJson",
 		"data-testid": "vista-result-json",
 		id: props.id,
 		children: t3
@@ -12632,7 +12647,7 @@ function ResponsePanel(props) {
 	let t53;
 	$[156] !== copyResult || $[157] !== hasResult || $[158] !== resultView || $[159] !== setResultView || $[160] !== t ? (t53 = hasResult && /* @__PURE__ */ jsxs(Flex, {
 		alignItems: "center",
-		className: "_134cqsd",
+		className: "cTWfhW_labelActions",
 		gap: 1,
 		children: [/* @__PURE__ */ jsxs(TabList, {
 			"aria-label": t("vista.result.view.label"),
@@ -12687,7 +12702,7 @@ function ResponsePanel(props) {
 	}), $[156] = copyResult, $[157] = hasResult, $[158] = resultView, $[159] = setResultView, $[160] = t, $[161] = t53) : t53 = $[161];
 	let t54;
 	$[162] !== t50 || $[163] !== t51 || $[164] !== t53 ? (t54 = /* @__PURE__ */ jsx(Box, {
-		className: resultLabel,
+		className: "cTWfhW_resultLabel cTWfhW_editorLabel",
 		children: /* @__PURE__ */ jsxs(Flex, {
 			alignItems: "center",
 			gap: 2,
@@ -12736,7 +12751,7 @@ function ResponsePanel(props) {
 	}), $[166] = copyValue, $[167] = error, $[168] = failedConfig, $[169] = hasResult, $[170] = resolved.apiVersion, $[171] = resolved.perspective, $[172] = resolved.variant, $[173] = result, $[174] = resultDataset, $[175] = resultView, $[176] = status, $[177] = t, $[178] = t55) : t55 = $[178];
 	let t56;
 	$[179] !== t48 || $[180] !== t54 || $[181] !== t55 ? (t56 = /* @__PURE__ */ jsxs(Card, {
-		className: resultContainer,
+		className: "cTWfhW_resultContainer",
 		"data-testid": "vista-result",
 		tone: t48,
 		children: [t54, t55]
@@ -12814,7 +12829,7 @@ function TabTitleInput(t0) {
 	$[9] === t ? t5 = $[10] : (t5 = t("vista.tabs.title-placeholder"), $[9] = t, $[10] = t5);
 	let t6;
 	return $[11] !== commit || $[12] !== draft || $[13] !== t4 || $[14] !== t5 ? (t6 = /* @__PURE__ */ jsx(Box, {
-		className: tabTitleInput,
+		className: "cTWfhW_tabTitleInput",
 		paddingY: 1,
 		children: /* @__PURE__ */ jsx(TextInput, {
 			autoFocus: !0,
@@ -12838,10 +12853,10 @@ function _temp$2(event_0) {
 * keep their own pointer behaviour.
 */
 function TabHandle(props) {
-	let $ = c(42), { tab: tab$1, selected, editing, listRef, onSelect, onClose, onStartRename, onRename, onCancelRename, onKeyDown } = props, { t } = useTranslation(visionLocaleNamespace), t0;
-	$[0] !== t || $[1] !== tab$1 ? (t0 = getTabTitle(tab$1, t("vista.tabs.untitled")), $[0] = t, $[1] = tab$1, $[2] = t0) : t0 = $[2];
+	let $ = c(42), { tab, selected, editing, listRef, onSelect, onClose, onStartRename, onRename, onCancelRename, onKeyDown } = props, { t } = useTranslation(visionLocaleNamespace), t0;
+	$[0] !== t || $[1] !== tab ? (t0 = getTabTitle(tab, t("vista.tabs.untitled")), $[0] = t, $[1] = tab, $[2] = t0) : t0 = $[2];
 	let title = t0, dragControls = useDragControls(), [dragging, setDragging] = useState(!1), t1;
-	$[3] === tab$1.id ? t1 = $[4] : (t1 = (snapshot) => snapshot.context.runners[tab$1.id], $[3] = tab$1.id, $[4] = t1);
+	$[3] === tab.id ? t1 = $[4] : (t1 = (snapshot) => snapshot.context.runners[tab.id], $[3] = tab.id, $[4] = t1);
 	let runnerRef = useVistaSelector(t1), isLive = useSelector(runnerRef, _temp2$2), t2;
 	$[5] === onClose ? t2 = $[6] : (t2 = (event) => {
 		event.button === 1 && (event.preventDefault(), onClose());
@@ -12853,17 +12868,17 @@ function TabHandle(props) {
 	let startDrag = t3, t4 = dragging ? "true" : void 0, t5, t6;
 	$[9] === Symbol.for("react.memo_cache_sentinel") ? (t5 = () => setDragging(!1), t6 = () => setDragging(!0), $[9] = t5, $[10] = t6) : (t5 = $[9], t6 = $[10]);
 	let t7 = selected ? "true" : void 0, t8;
-	$[11] !== editing || $[12] !== handleAuxClick || $[13] !== onCancelRename || $[14] !== onKeyDown || $[15] !== onRename || $[16] !== onSelect || $[17] !== onStartRename || $[18] !== selected || $[19] !== startDrag || $[20] !== tab$1.id || $[21] !== title ? (t8 = editing ? /* @__PURE__ */ jsx(TabTitleInput, {
+	$[11] !== editing || $[12] !== handleAuxClick || $[13] !== onCancelRename || $[14] !== onKeyDown || $[15] !== onRename || $[16] !== onSelect || $[17] !== onStartRename || $[18] !== selected || $[19] !== startDrag || $[20] !== tab.id || $[21] !== title ? (t8 = editing ? /* @__PURE__ */ jsx(TabTitleInput, {
 		onCancel: onCancelRename,
 		onCommit: onRename,
 		title
 	}) : /* @__PURE__ */ jsx(Button, {
 		"aria-controls": QUERY_TAB_PANEL_ID,
 		"aria-selected": selected,
-		className: tabTitleButton,
+		className: "cTWfhW_tabTitleButton",
 		"data-testid": "vista-tab-button",
 		fontSize: 1,
-		id: getQueryTabId(tab$1.id),
+		id: getQueryTabId(tab.id),
 		mode: "bleed",
 		onAuxClick: handleAuxClick,
 		onClick: onSelect,
@@ -12875,7 +12890,7 @@ function TabHandle(props) {
 		tabIndex: selected ? 0 : -1,
 		text: title,
 		textWeight: selected ? "medium" : "regular"
-	}), $[11] = editing, $[12] = handleAuxClick, $[13] = onCancelRename, $[14] = onKeyDown, $[15] = onRename, $[16] = onSelect, $[17] = onStartRename, $[18] = selected, $[19] = startDrag, $[20] = tab$1.id, $[21] = title, $[22] = t8) : t8 = $[22];
+	}), $[11] = editing, $[12] = handleAuxClick, $[13] = onCancelRename, $[14] = onKeyDown, $[15] = onRename, $[16] = onSelect, $[17] = onStartRename, $[18] = selected, $[19] = startDrag, $[20] = tab.id, $[21] = title, $[22] = t8) : t8 = $[22];
 	let t9;
 	$[23] !== isLive || $[24] !== t ? (t9 = isLive && /* @__PURE__ */ jsx(Box, {
 		flexShrink: 0,
@@ -12890,7 +12905,7 @@ function TabHandle(props) {
 	let t11;
 	$[28] !== onClose || $[29] !== t10 ? (t11 = /* @__PURE__ */ jsx(Button, {
 		"aria-label": t10,
-		className: tabCloseButton,
+		className: "cTWfhW_tabCloseButton",
 		"data-testid": "vista-tab-close",
 		fontSize: 1,
 		icon: CloseIcon,
@@ -12902,7 +12917,7 @@ function TabHandle(props) {
 	let t12;
 	$[31] !== t11 || $[32] !== t7 || $[33] !== t8 || $[34] !== t9 ? (t12 = /* @__PURE__ */ jsxs(Flex, {
 		alignItems: "center",
-		className: tab,
+		className: "cTWfhW_tab",
 		"data-selected": t7,
 		"data-testid": "vista-tab",
 		gap: 1,
@@ -12916,9 +12931,9 @@ function TabHandle(props) {
 		]
 	}), $[31] = t11, $[32] = t7, $[33] = t8, $[34] = t9, $[35] = t12) : t12 = $[35];
 	let t13;
-	return $[36] !== dragControls || $[37] !== listRef || $[38] !== t12 || $[39] !== t4 || $[40] !== tab$1 ? (t13 = /* @__PURE__ */ jsx(Reorder.Item, {
+	return $[36] !== dragControls || $[37] !== listRef || $[38] !== t12 || $[39] !== t4 || $[40] !== tab ? (t13 = /* @__PURE__ */ jsx(Reorder.Item, {
 		as: "div",
-		className: tabItem,
+		className: "cTWfhW_tabItem",
 		"data-dragging": t4,
 		"data-testid": "vista-tab-item",
 		dragConstraints: listRef,
@@ -12928,9 +12943,9 @@ function TabHandle(props) {
 		layout: "position",
 		onDragEnd: t5,
 		onDragStart: t6,
-		value: tab$1,
+		value: tab,
 		children: t12
-	}), $[36] = dragControls, $[37] = listRef, $[38] = t12, $[39] = t4, $[40] = tab$1, $[41] = t13) : t13 = $[41], t13;
+	}), $[36] = dragControls, $[37] = listRef, $[38] = t12, $[39] = t4, $[40] = tab, $[41] = t13) : t13 = $[41], t13;
 }
 function _temp2$2(snapshot_0) {
 	return snapshot_0.matches({ live: "on" });
@@ -13016,7 +13031,7 @@ function QueryTabBar() {
 		"aria-label": t4,
 		as: "div",
 		axis: "x",
-		className: tabList,
+		className: "cTWfhW_tabList",
 		onReorder: reorder,
 		ref: listRef,
 		role: "tablist",
@@ -13044,7 +13059,7 @@ function QueryTabBar() {
 	let t10;
 	return $[29] !== t6 || $[30] !== t9 ? (t10 = /* @__PURE__ */ jsxs(Flex, {
 		alignItems: "stretch",
-		className: tabBar,
+		className: "cTWfhW_tabBar",
 		"data-testid": "vista-tab-bar",
 		flexShrink: 0,
 		paddingX: 1,
@@ -13083,7 +13098,7 @@ const DEFAULT_REQUEST_SHARE = {
 * paste-a-query-URL handler.
 */
 function QueryTab(t0) {
-	let $ = c(214), { tab, rootElement } = t0, { t } = useTranslation(visionLocaleNamespace), toast = useToast(), copyToClipboard = useCopyToClipboard(), actorRef = useVistaActor(), { layout } = useVistaExperience(), datasets = useVistaSelector(selectDatasets), t1;
+	let $ = c(215), { tab, rootElement } = t0, { t } = useTranslation(visionLocaleNamespace), toast = useToast(), copyToClipboard = useCopyToClipboard(), actorRef = useVistaActor(), { layout } = useVistaExperience(), datasets = useVistaSelector(selectDatasets), t1;
 	$[0] === tab.id ? t1 = $[1] : (t1 = (snapshot) => snapshot.context.runners[tab.id], $[0] = tab.id, $[1] = t1);
 	let runnerRef = useVistaSelector(t1), t2;
 	$[2] === tab.id ? t2 = $[3] : (t2 = (snapshot_0) => snapshot_0.context.loadRevisions[tab.id] || 0, $[2] = tab.id, $[3] = t2);
@@ -13091,7 +13106,7 @@ function QueryTab(t0) {
 	$[4] === Symbol.for("react.memo_cache_sentinel") ? (t3 = {}, $[4] = t3) : t3 = $[4];
 	let [splitSizes, setSplitSizes] = useState(t3), [mobilePane, setMobilePane] = useState("request"), queryEditorRef = useRef(null), paramsEditorRef = useRef(null), t4;
 	$[5] === Symbol.for("react.memo_cache_sentinel") ? (t4 = [], $[5] = t4) : t4 = $[5];
-	let [lintFindings, setLintFindings] = useState(t4), { resolved, params, request, buildRequest } = useQueryRequestBuilder(tab), isFetching = useSelector(runnerRef, selectIsFetching), t5;
+	let [lintFindings, setLintFindings] = useState(t4), { resolved, params, request, buildRequest } = useQueryRequestBuilder(tab), isVariantsEnabled = useVariantsEnabled(), isFetching = useSelector(runnerRef, selectIsFetching), t5;
 	$[6] !== actorRef || $[7] !== tab.id ? (t5 = (query) => actorRef.send({
 		type: "tab.setQuery",
 		id: tab.id,
@@ -13297,7 +13312,7 @@ function QueryTab(t0) {
 		}
 	}, $[115] = copyQuery, $[116] = prettify, $[117] = run, $[118] = t42) : t42 = $[118];
 	let t43;
-	$[119] !== actorRef || $[120] !== datasets || $[121] !== resolved.variant || $[122] !== t || $[123] !== tab.id || $[124] !== toast ? (t43 = (text) => {
+	$[119] !== actorRef || $[120] !== datasets || $[121] !== isVariantsEnabled || $[122] !== resolved.variant || $[123] !== t || $[124] !== tab.id || $[125] !== toast ? (t43 = (text) => {
 		let parsed = parseQueryUrl(text, datasets);
 		return parsed ? (actorRef.send({
 			type: "tab.load",
@@ -13322,21 +13337,21 @@ function QueryTab(t0) {
 			closable: !0,
 			id: "vista-paste-variant",
 			status: "warning",
-			title: t("vista.paste.unavailable-variant", { variant: parsed.variant })
+			title: t(isVariantsEnabled ? "vista.paste.unavailable-variant" : "vista.paste.variants-disabled", { variant: parsed.variant })
 		}), !0) : !1;
-	}, $[119] = actorRef, $[120] = datasets, $[121] = resolved.variant, $[122] = t, $[123] = tab.id, $[124] = toast, $[125] = t43) : t43 = $[125];
+	}, $[119] = actorRef, $[120] = datasets, $[121] = isVariantsEnabled, $[122] = resolved.variant, $[123] = t, $[124] = tab.id, $[125] = toast, $[126] = t43) : t43 = $[126];
 	let t44;
-	$[126] !== rootElement || $[127] !== t42 || $[128] !== t43 ? (t44 = {
+	$[127] !== rootElement || $[128] !== t42 || $[129] !== t43 ? (t44 = {
 		rootElement,
 		onShortcut: t42,
 		onPaste: t43
-	}, $[126] = rootElement, $[127] = t42, $[128] = t43, $[129] = t44) : t44 = $[129], useVistaDocumentEvents(t44);
+	}, $[127] = rootElement, $[128] = t42, $[129] = t43, $[130] = t44) : t44 = $[130], useVistaDocumentEvents(t44);
 	let t45;
-	$[130] === prettify ? t45 = $[131] : (t45 = () => void prettify(), $[130] = prettify, $[131] = t45);
+	$[131] === prettify ? t45 = $[132] : (t45 = () => void prettify(), $[131] = prettify, $[132] = t45);
 	let t46;
-	$[132] === run ? t46 = $[133] : (t46 = () => run({ type: "manual" }), $[132] = run, $[133] = t46);
+	$[133] === run ? t46 = $[134] : (t46 = () => run({ type: "manual" }), $[133] = run, $[134] = t46);
 	let t47;
-	$[134] !== buildRequest || $[135] !== cancel || $[136] !== copyQuery || $[137] !== isFetching || $[138] !== params || $[139] !== replaceParams || $[140] !== request || $[141] !== resolved || $[142] !== setOptions || $[143] !== setParams || $[144] !== setQuery || $[145] !== t45 || $[146] !== t46 || $[147] !== tab || $[148] !== toggleAutoRefetch ? (t47 = /* @__PURE__ */ jsx(RequestPanel, {
+	$[135] !== buildRequest || $[136] !== cancel || $[137] !== copyQuery || $[138] !== isFetching || $[139] !== params || $[140] !== replaceParams || $[141] !== request || $[142] !== resolved || $[143] !== setOptions || $[144] !== setParams || $[145] !== setQuery || $[146] !== t45 || $[147] !== t46 || $[148] !== tab || $[149] !== toggleAutoRefetch ? (t47 = /* @__PURE__ */ jsx(RequestPanel, {
 		buildRequest,
 		formatForEditor,
 		isFetching,
@@ -13356,9 +13371,9 @@ function QueryTab(t0) {
 		request,
 		resolved,
 		tab
-	}), $[134] = buildRequest, $[135] = cancel, $[136] = copyQuery, $[137] = isFetching, $[138] = params, $[139] = replaceParams, $[140] = request, $[141] = resolved, $[142] = setOptions, $[143] = setParams, $[144] = setQuery, $[145] = t45, $[146] = t46, $[147] = tab, $[148] = toggleAutoRefetch, $[149] = t47) : t47 = $[149];
+	}), $[135] = buildRequest, $[136] = cancel, $[137] = copyQuery, $[138] = isFetching, $[139] = params, $[140] = replaceParams, $[141] = request, $[142] = resolved, $[143] = setOptions, $[144] = setParams, $[145] = setQuery, $[146] = t45, $[147] = t46, $[148] = tab, $[149] = toggleAutoRefetch, $[150] = t47) : t47 = $[150];
 	let requestPanel = t47, t48;
-	$[150] !== lintFindings || $[151] !== refetchAfterMutations || $[152] !== request || $[153] !== resolved || $[154] !== revealRange || $[155] !== runnerRef || $[156] !== tab ? (t48 = /* @__PURE__ */ jsx(ResponsePanel, {
+	$[151] !== lintFindings || $[152] !== refetchAfterMutations || $[153] !== request || $[154] !== resolved || $[155] !== revealRange || $[156] !== runnerRef || $[157] !== tab ? (t48 = /* @__PURE__ */ jsx(ResponsePanel, {
 		lintFindings,
 		onEditQuery: editQuery,
 		onMutationsApplied: refetchAfterMutations,
@@ -13367,24 +13382,24 @@ function QueryTab(t0) {
 		resolved,
 		runnerRef,
 		tab
-	}), $[150] = lintFindings, $[151] = refetchAfterMutations, $[152] = request, $[153] = resolved, $[154] = revealRange, $[155] = runnerRef, $[156] = tab, $[157] = t48) : t48 = $[157];
+	}), $[151] = lintFindings, $[152] = refetchAfterMutations, $[153] = request, $[154] = resolved, $[155] = revealRange, $[156] = runnerRef, $[157] = tab, $[158] = t48) : t48 = $[158];
 	let responsePanel = t48, t49;
-	$[158] === tab.id ? t49 = $[159] : (t49 = getQueryTabId(tab.id), $[158] = tab.id, $[159] = t49);
+	$[159] === tab.id ? t49 = $[160] : (t49 = getQueryTabId(tab.id), $[159] = tab.id, $[160] = t49);
 	let t50;
-	$[160] === t49 ? t50 = $[161] : (t50 = {
+	$[161] === t49 ? t50 = $[162] : (t50 = {
 		"aria-labelledby": t49,
 		"data-testid": "vista-query-tab",
 		id: QUERY_TAB_PANEL_ID,
 		role: "tabpanel"
-	}, $[160] = t49, $[161] = t50);
+	}, $[161] = t49, $[162] = t50);
 	let panelProps = t50;
 	if (layout === "mobile") {
 		let t51;
-		$[162] === t ? t51 = $[163] : (t51 = t("query.label"), $[162] = t, $[163] = t51);
+		$[163] === t ? t51 = $[164] : (t51 = t("query.label"), $[163] = t, $[164] = t51);
 		let t52;
-		$[164] === Symbol.for("react.memo_cache_sentinel") ? (t52 = () => setMobilePane("request"), $[164] = t52) : t52 = $[164];
+		$[165] === Symbol.for("react.memo_cache_sentinel") ? (t52 = () => setMobilePane("request"), $[165] = t52) : t52 = $[165];
 		let t53 = mobilePane === "request", t54;
-		$[165] !== t51 || $[166] !== t53 ? (t54 = /* @__PURE__ */ jsx(Tab, {
+		$[166] !== t51 || $[167] !== t53 ? (t54 = /* @__PURE__ */ jsx(Tab, {
 			"aria-controls": "vista-mobile-request-pane",
 			fontSize: 1,
 			id: "vista-mobile-request-tab",
@@ -13392,13 +13407,13 @@ function QueryTab(t0) {
 			onClick: t52,
 			padding: 2,
 			selected: t53
-		}), $[165] = t51, $[166] = t53, $[167] = t54) : t54 = $[167];
+		}), $[166] = t51, $[167] = t53, $[168] = t54) : t54 = $[168];
 		let t55;
-		$[168] === t ? t55 = $[169] : (t55 = t("result.label"), $[168] = t, $[169] = t55);
+		$[169] === t ? t55 = $[170] : (t55 = t("result.label"), $[169] = t, $[170] = t55);
 		let t56;
-		$[170] === Symbol.for("react.memo_cache_sentinel") ? (t56 = () => setMobilePane("response"), $[170] = t56) : t56 = $[170];
+		$[171] === Symbol.for("react.memo_cache_sentinel") ? (t56 = () => setMobilePane("response"), $[171] = t56) : t56 = $[171];
 		let t57 = mobilePane === "response", t58;
-		$[171] !== t55 || $[172] !== t57 ? (t58 = /* @__PURE__ */ jsx(Tab, {
+		$[172] !== t55 || $[173] !== t57 ? (t58 = /* @__PURE__ */ jsx(Tab, {
 			"aria-controls": "vista-mobile-response-pane",
 			fontSize: 1,
 			id: "vista-mobile-response-tab",
@@ -13406,9 +13421,9 @@ function QueryTab(t0) {
 			onClick: t56,
 			padding: 2,
 			selected: t57
-		}), $[171] = t55, $[172] = t57, $[173] = t58) : t58 = $[173];
+		}), $[172] = t55, $[173] = t57, $[174] = t58) : t58 = $[174];
 		let t59;
-		$[174] !== t54 || $[175] !== t58 ? (t59 = /* @__PURE__ */ jsx(Flex, {
+		$[175] !== t54 || $[176] !== t58 ? (t59 = /* @__PURE__ */ jsx(Flex, {
 			borderBottom: !0,
 			flexShrink: 0,
 			justifyContent: "center",
@@ -13417,11 +13432,11 @@ function QueryTab(t0) {
 				gap: 1,
 				children: [t54, t58]
 			})
-		}), $[174] = t54, $[175] = t58, $[176] = t59) : t59 = $[176];
-		let t60 = mobilePane !== "request" && "_134cqsq", t61;
-		$[177] === t60 ? t61 = $[178] : (t61 = cx(paneFill, t60), $[177] = t60, $[178] = t61);
+		}), $[175] = t54, $[176] = t58, $[177] = t59) : t59 = $[177];
+		let t60 = mobilePane !== "request" && "cTWfhW_hiddenPane", t61;
+		$[178] === t60 ? t61 = $[179] : (t61 = cx(_key12$1, t60), $[178] = t60, $[179] = t61);
 		let t62;
-		$[179] !== requestPanel || $[180] !== t61 ? (t62 = /* @__PURE__ */ jsx(Box, {
+		$[180] !== requestPanel || $[181] !== t61 ? (t62 = /* @__PURE__ */ jsx(Box, {
 			"aria-labelledby": "vista-mobile-request-tab",
 			className: t61,
 			flexBasis: "0%",
@@ -13429,11 +13444,11 @@ function QueryTab(t0) {
 			id: "vista-mobile-request-pane",
 			role: "tabpanel",
 			children: requestPanel
-		}), $[179] = requestPanel, $[180] = t61, $[181] = t62) : t62 = $[181];
-		let t63 = mobilePane !== "response" && "_134cqsq", t64;
-		$[182] === t63 ? t64 = $[183] : (t64 = cx(paneFill, t63), $[182] = t63, $[183] = t64);
+		}), $[180] = requestPanel, $[181] = t61, $[182] = t62) : t62 = $[182];
+		let t63 = mobilePane !== "response" && "cTWfhW_hiddenPane", t64;
+		$[183] === t63 ? t64 = $[184] : (t64 = cx(_key12$1, t63), $[183] = t63, $[184] = t64);
 		let t65;
-		$[184] !== responsePanel || $[185] !== t64 ? (t65 = /* @__PURE__ */ jsx(Box, {
+		$[185] !== responsePanel || $[186] !== t64 ? (t65 = /* @__PURE__ */ jsx(Box, {
 			"aria-labelledby": "vista-mobile-response-tab",
 			className: t64,
 			flexBasis: "0%",
@@ -13441,9 +13456,9 @@ function QueryTab(t0) {
 			id: "vista-mobile-response-pane",
 			role: "tabpanel",
 			children: responsePanel
-		}), $[184] = responsePanel, $[185] = t64, $[186] = t65) : t65 = $[186];
+		}), $[185] = responsePanel, $[186] = t64, $[187] = t65) : t65 = $[187];
 		let t66;
-		return $[187] !== panelProps || $[188] !== t59 || $[189] !== t62 || $[190] !== t65 ? (t66 = /* @__PURE__ */ jsxs(Flex, {
+		return $[188] !== panelProps || $[189] !== t59 || $[190] !== t62 || $[191] !== t65 ? (t66 = /* @__PURE__ */ jsxs(Flex, {
 			...panelProps,
 			flexBasis: "0%",
 			flexDirection: "column",
@@ -13454,30 +13469,30 @@ function QueryTab(t0) {
 				t62,
 				t65
 			]
-		}), $[187] = panelProps, $[188] = t59, $[189] = t62, $[190] = t65, $[191] = t66) : t66 = $[191], t66;
+		}), $[188] = panelProps, $[189] = t59, $[190] = t62, $[191] = t65, $[192] = t66) : t66 = $[192], t66;
 	}
 	let minSize = MIN_PANE_SIZE[layout], containerExtent = layout === "stacked" ? splitContainerSize?.height : splitContainerSize?.width, defaultSplitSize = Math.max(minSize, Math.floor((containerExtent || 0) * DEFAULT_REQUEST_SHARE[layout])), t51;
-	$[192] === t ? t51 = $[193] : (t51 = t("vista.split.request-response"), $[192] = t, $[193] = t51);
+	$[193] === t ? t51 = $[194] : (t51 = t("vista.split.request-response"), $[193] = t, $[194] = t51);
 	let t52, t53;
-	$[194] === layout ? (t52 = $[195], t53 = $[196]) : (t52 = (size) => setSplitSizes((sizes) => ({
+	$[195] === layout ? (t52 = $[196], t53 = $[197]) : (t52 = (size) => setSplitSizes((sizes) => ({
 		...sizes,
 		[layout]: size
 	})), t53 = () => setSplitSizes((sizes_0) => ({
 		...sizes_0,
 		[layout]: void 0
-	})), $[194] = layout, $[195] = t52, $[196] = t53);
+	})), $[195] = layout, $[196] = t52, $[197] = t53);
 	let t54 = splitSizes[layout] ?? defaultSplitSize, t55 = layout === "stacked" ? "horizontal" : "vertical", t56;
-	$[197] === requestPanel ? t56 = $[198] : (t56 = /* @__PURE__ */ jsx(Box, {
-		className: paneFill,
+	$[198] === requestPanel ? t56 = $[199] : (t56 = /* @__PURE__ */ jsx(Box, {
+		className: _key12$1,
 		children: requestPanel
-	}), $[197] = requestPanel, $[198] = t56);
+	}), $[198] = requestPanel, $[199] = t56);
 	let t57;
-	$[199] === responsePanel ? t57 = $[200] : (t57 = /* @__PURE__ */ jsx(Box, {
-		className: paneFill,
+	$[200] === responsePanel ? t57 = $[201] : (t57 = /* @__PURE__ */ jsx(Box, {
+		className: _key12$1,
 		children: responsePanel
-	}), $[199] = responsePanel, $[200] = t57);
+	}), $[200] = responsePanel, $[201] = t57);
 	let t58;
-	$[201] !== layout || $[202] !== minSize || $[203] !== t51 || $[204] !== t52 || $[205] !== t53 || $[206] !== t54 || $[207] !== t55 || $[208] !== t56 || $[209] !== t57 ? (t58 = /* @__PURE__ */ jsxs(ResizableSplit, {
+	$[202] !== layout || $[203] !== minSize || $[204] !== t51 || $[205] !== t52 || $[206] !== t53 || $[207] !== t54 || $[208] !== t55 || $[209] !== t56 || $[210] !== t57 ? (t58 = /* @__PURE__ */ jsxs(ResizableSplit, {
 		label: t51,
 		minSecondarySize: minSize,
 		minSize,
@@ -13487,14 +13502,14 @@ function QueryTab(t0) {
 		split: t55,
 		testId: "vista-split",
 		children: [t56, t57]
-	}, layout), $[201] = layout, $[202] = minSize, $[203] = t51, $[204] = t52, $[205] = t53, $[206] = t54, $[207] = t55, $[208] = t56, $[209] = t57, $[210] = t58) : t58 = $[210];
+	}, layout), $[202] = layout, $[203] = minSize, $[204] = t51, $[205] = t52, $[206] = t53, $[207] = t54, $[208] = t55, $[209] = t56, $[210] = t57, $[211] = t58) : t58 = $[211];
 	let t59;
-	return $[211] !== panelProps || $[212] !== t58 ? (t59 = /* @__PURE__ */ jsx(Box, {
+	return $[212] !== panelProps || $[213] !== t58 ? (t59 = /* @__PURE__ */ jsx(Box, {
 		...panelProps,
-		className: splitPaneContainer,
+		className: _key42,
 		ref: setSplitContainer,
 		children: t58
-	}), $[211] = panelProps, $[212] = t58, $[213] = t59) : t59 = $[213], t59;
+	}), $[212] = panelProps, $[213] = t58, $[214] = t59) : t59 = $[214], t59;
 }
 function _temp4() {}
 function _temp3(resolve) {
@@ -13936,7 +13951,7 @@ function VistaGui(props) {
 	}), $[23] = t11, $[24] = t9, $[25] = t12) : t12 = $[25];
 	let t13;
 	$[26] !== layout || $[27] !== t12 ? (t13 = /* @__PURE__ */ jsxs(Flex, {
-		className: root,
+		className: "cTWfhW_root",
 		"data-testid": "vista-root",
 		"data-vista-layout": layout,
 		height: "100%",
@@ -13986,4 +14001,4 @@ function VistaGui(props) {
 }
 export { VistaGui };
 
-//# sourceMappingURL=VistaGui-ufsccNLQ.js.map
+//# sourceMappingURL=VistaGui-C6cdsk92.js.map