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

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

@@ -1,5 +1,5 @@
 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-BPTjMcT_.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 = "_17g9trn1c", collapsibleSection = "_17g9trnj", drawerScroller = "_17g9trng", editorContainer = "_17g9trnr", editorLabel = "_17g9trnb", jsonEditorBox = "_17g9trnf", labelActions = "_17g9trnd", lintFindingButton = "_17g9trn1e", listItemButton = "_17g9trn1g", optionsGrid = "_17g9trnp", optionsSection = "_17g9trnm", paneFill = "_17g9trn9", panelTabs = "_17g9trnh", paramsSection = "_17g9trnk", previewCode = "_17g9trn1d", querySection = "_17g9trni", resultContainer = "_17g9trn1b", resultJson = "_17g9trne", resultLabel = "_17g9trnc _17g9trnb", root = "_17g9trn0", scrollArea = "_17g9trns", shrinkable = "_17g9trn1f", sidebarDrawer = "_17g9trn11", sidebarItem = "_17g9trnx", sidebarRail = "_17g9trnt", sidebarRailCollapsed = "_17g9trnu", sidebarRailExpanded = "_17g9trnv", sidebarSlot = "_17g9trn10", splitHandle = "_17g9trn5", splitHandleHorizontal = "_17g9trn7", splitHandleVertical = "_17g9trn6", splitPane = "_17g9trn4", splitPaneContainer = "_17g9trna", splitRoot = "_17g9trn1", splitRootColumn = "_17g9trn3", splitRootRow = "_17g9trn2", tab = "_17g9trn17", tabBar = "_17g9trn14", tabCloseButton = "_17g9trn19", tabItem = "_17g9trn16", tabList = "_17g9trn15", tabTitleButton = "_17g9trn18", tabTitleInput = "_17g9trn1a";
+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;
@@ -1648,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, {
@@ -1689,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",
@@ -1709,7 +1708,7 @@ function QueryListPanel(t0) {
 											children: query_7.title || t("label.untitled-query")
 										}),
 										preview_0 && /* @__PURE__ */ jsx(Box, {
-											className: "_17g9trn1d",
+											className: "cTWfhW_previewCode",
 											children: /* @__PURE__ */ jsx(Code, {
 												size: 0,
 												children: preview_0
@@ -2627,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" && "_17g9trn12", t8 = overlay && "_17g9trn13", 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,
@@ -2684,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("_17g9trny", expanded && "_17g9trnz"),
+		className: cx("cTWfhW_sidebarItemBadge", expanded && "cTWfhW_sidebarItemBadgeExpanded"),
 		"data-testid": `${testId}-badge`,
 		fontSize: 0,
 		tone: badge.tone,
@@ -2706,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;
 	}
@@ -2734,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;
 }
@@ -2752,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 && "_17g9trnw", 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;
@@ -2942,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;
@@ -5158,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,
@@ -5214,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,
@@ -5250,7 +5249,7 @@ function CollapsibleSection(props) {
 	let t11;
 	$[18] !== children || $[19] !== expanded || $[20] !== id ? (t11 = expanded && /* @__PURE__ */ jsx(Box, {
 		"aria-labelledby": `${id}-toggle`,
-		className: "_17g9trnn",
+		className: "cTWfhW_sectionBody",
 		id: `${id}-content`,
 		role: "region",
 		children
@@ -5809,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,
@@ -7051,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,
@@ -7391,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,
@@ -7417,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,
@@ -7427,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 && "_17g9trnl", 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"),
@@ -7440,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: "_17g9trno",
+		className: "cTWfhW_sectionResizer",
 		"data-dragging": paramsResize.dragging,
 		"data-testid": "vista-request-params-resizer",
 		onDoubleClick: paramsResize.reset,
@@ -7535,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,
@@ -7694,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 && "_17g9trn8", 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,
@@ -7723,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];
@@ -7868,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,
@@ -7887,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,
@@ -8018,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
@@ -8452,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: "_17g9trng",
+		className: "cTWfhW_drawerScroller",
 		padding: 3,
 		radius: 2,
 		children: /* @__PURE__ */ jsx(Code, {
@@ -8744,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
@@ -8752,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
@@ -8770,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;
@@ -9111,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 };
@@ -9524,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,
@@ -10231,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,
@@ -11638,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: "_17g9trn1c",
+		className: "cTWfhW_codeBlock",
 		overflow: "auto",
 		padding: 3,
 		radius: 2,
@@ -11938,8 +11937,7 @@ function layoutResultGraph(graph, { collapsed, charWidth }) {
 		height
 	};
 }
-var graphBooleanVar = "var(--_10fubia5)", graphCodeFamilyVar = "var(--_10fubia0)", graphCodeSizeVar = "var(--_10fubia1)", graphConstantVar = "var(--_10fubia6)", graphControls = "_10fubiaj", graphEdges = "_10fubia9", graphNode = "_10fubiaa", graphNodeButton = "_10fubiae", graphNodeHeader = "_10fubiab", graphNodeTitle = "_10fubiac", graphNumberVar = "var(--_10fubia4)", graphPropertyVar = "var(--_10fubia2)", graphRow = "_10fubiaf", graphRowKey = "_10fubiag", graphRowValue = "_10fubiah", graphStringVar = "var(--_10fubia3)", graphViewport = "_10fubia7";
-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;
@@ -11994,12 +11992,12 @@ function RowContent(t0) {
 		case "value": {
 			let t1;
 			$[0] === row.key ? t1 = $[1] : (t1 = row.key && /* @__PURE__ */ jsx("span", {
-				className: "_10fubiag",
+				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];
@@ -12009,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: "_10fubiai" }), $[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,
@@ -12032,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;
@@ -12045,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,
@@ -12058,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",
@@ -12069,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: "_10fubiad",
+								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: "_10fubiae",
+							className: "uhT08W_graphNodeButton",
 							"data-testid": "vista-graph-toggle",
 							onClick: () => onToggle(node.id),
 							type: "button",
@@ -12089,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",
@@ -12105,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);
 }
@@ -12251,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: "_10fubia8",
+		className: "uhT08W_graphCanvas",
 		"data-testid": "vista-graph-canvas",
 		style: {
 			width: layout.width,
@@ -12281,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: "_10fubiak",
+		className: "uhT08W_graphNotice",
 		"data-testid": "vista-graph-left-out",
 		children: /* @__PURE__ */ jsx(Text, {
 			muted: !0,
@@ -12291,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,
@@ -12309,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;
@@ -12361,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
@@ -12646,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: "_17g9trnd",
+		className: "cTWfhW_labelActions",
 		gap: 1,
 		children: [/* @__PURE__ */ jsxs(TabList, {
 			"aria-label": t("vista.result.view.label"),
@@ -12701,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,
@@ -12750,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]
@@ -12828,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,
@@ -12852,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());
@@ -12867,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,
@@ -12889,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,
@@ -12904,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,
@@ -12916,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,
@@ -12930,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,
@@ -12942,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" });
@@ -13030,7 +13031,7 @@ function QueryTabBar() {
 		"aria-label": t4,
 		as: "div",
 		axis: "x",
-		className: tabList,
+		className: "cTWfhW_tabList",
 		onReorder: reorder,
 		ref: listRef,
 		role: "tablist",
@@ -13058,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,
@@ -13432,8 +13433,8 @@ function QueryTab(t0) {
 				children: [t54, t58]
 			})
 		}), $[175] = t54, $[176] = t58, $[177] = t59) : t59 = $[177];
-		let t60 = mobilePane !== "request" && "_17g9trnq", t61;
-		$[178] === t60 ? t61 = $[179] : (t61 = cx(paneFill, t60), $[178] = t60, $[179] = t61);
+		let t60 = mobilePane !== "request" && "cTWfhW_hiddenPane", t61;
+		$[178] === t60 ? t61 = $[179] : (t61 = cx(_key12$1, t60), $[178] = t60, $[179] = t61);
 		let t62;
 		$[180] !== requestPanel || $[181] !== t61 ? (t62 = /* @__PURE__ */ jsx(Box, {
 			"aria-labelledby": "vista-mobile-request-tab",
@@ -13444,8 +13445,8 @@ function QueryTab(t0) {
 			role: "tabpanel",
 			children: requestPanel
 		}), $[180] = requestPanel, $[181] = t61, $[182] = t62) : t62 = $[182];
-		let t63 = mobilePane !== "response" && "_17g9trnq", t64;
-		$[183] === t63 ? t64 = $[184] : (t64 = cx(paneFill, t63), $[183] = t63, $[184] = t64);
+		let t63 = mobilePane !== "response" && "cTWfhW_hiddenPane", t64;
+		$[183] === t63 ? t64 = $[184] : (t64 = cx(_key12$1, t63), $[183] = t63, $[184] = t64);
 		let t65;
 		$[185] !== responsePanel || $[186] !== t64 ? (t65 = /* @__PURE__ */ jsx(Box, {
 			"aria-labelledby": "vista-mobile-response-tab",
@@ -13482,12 +13483,12 @@ function QueryTab(t0) {
 	})), $[195] = layout, $[196] = t52, $[197] = t53);
 	let t54 = splitSizes[layout] ?? defaultSplitSize, t55 = layout === "stacked" ? "horizontal" : "vertical", t56;
 	$[198] === requestPanel ? t56 = $[199] : (t56 = /* @__PURE__ */ jsx(Box, {
-		className: paneFill,
+		className: _key12$1,
 		children: requestPanel
 	}), $[198] = requestPanel, $[199] = t56);
 	let t57;
 	$[200] === responsePanel ? t57 = $[201] : (t57 = /* @__PURE__ */ jsx(Box, {
-		className: paneFill,
+		className: _key12$1,
 		children: responsePanel
 	}), $[200] = responsePanel, $[201] = t57);
 	let t58;
@@ -13505,7 +13506,7 @@ function QueryTab(t0) {
 	let t59;
 	return $[212] !== panelProps || $[213] !== t58 ? (t59 = /* @__PURE__ */ jsx(Box, {
 		...panelProps,
-		className: splitPaneContainer,
+		className: _key42,
 		ref: setSplitContainer,
 		children: t58
 	}), $[212] = panelProps, $[213] = t58, $[214] = t59) : t59 = $[214], t59;
@@ -13950,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%",
@@ -14000,4 +14001,4 @@ function VistaGui(props) {
 }
 export { VistaGui };
 
-//# sourceMappingURL=VistaGui-CFsbMx2g.js.map
+//# sourceMappingURL=VistaGui-C6cdsk92.js.map