@sanity/vision 6.20.0 → 6.21.0-next.103

package/lib/{VistaGui-DmXZyJ6k.js → VistaGui-D3NHSIsK.js}

@@ -1,7 +1,7 @@
-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-ePOzvdmp.js";
+import { t as visionLocaleNamespace } from "./i18n-BGSN3nAJ.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-tHhBPbsg.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 { ContextMenuButton, UserAvatar, getDefaultVariant, getReleaseIdFromReleaseDocumentId, getVariantTitle, isCardinalityOneRelease, sortReleases, useActiveReleases, useClient, useDateTimeFormat, useNumberFormat, usePerspective, useProjectStore, useScheduledDraftsEnabled, useSchema, useTranslation, useWorkspace } from "sanity";
 import { useRouter } from "sanity/router";
 import { c } from "react/compiler-runtime";
 import { ChevronRightIcon } from "@sanity/icons/ChevronRight";
@@ -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";
@@ -33,7 +32,9 @@ import { uuid } from "@sanity/uuid";
 import { PlayIcon } from "@sanity/icons/Play";
 import { StopIcon } from "@sanity/icons/Stop";
 import { CopyIcon } from "@sanity/icons/Copy";
+import { isHttpError } from "@sanity/client";
 import { DocumentSheetIcon } from "@sanity/icons/DocumentSheet";
+import { useObservable } from "react-rx";
 import { useActorRef, useSelector } from "@xstate/react";
 import { assign, enqueueActions, fromObservable, fromPromise, raise, setup } from "xstate";
 import { BoltIcon } from "@sanity/icons/Bolt";
@@ -710,7 +711,10 @@ const vistaMachine = setup({
 					...context.runners,
 					[tab.id]: spawnRunner(spawn, tab.id)
 				},
-				fetchOnOpen: event.fetch ? [...context.fetchOnOpen, tab.id] : context.fetchOnOpen
+				fetchOnOpen: event.fetch ? {
+					...context.fetchOnOpen,
+					[tab.id]: event.fetch
+				} : context.fetchOnOpen
 			};
 		}),
 		closeTab: enqueueActions(({ context, event, enqueue }) => {
@@ -720,7 +724,11 @@ const vistaMachine = setup({
 			let runner = context.runners[event.id];
 			runner && enqueue.stopChild(runner);
 			let { [event.id]: _removed, ...runners } = context.runners, remaining = context.tabs.filter((tab) => tab.id !== event.id);
-			if (context.fetchOnOpen.includes(event.id) && enqueue.assign({ fetchOnOpen: context.fetchOnOpen.filter((id) => id !== event.id) }), remaining.length === 0) {
+			if (event.id in context.fetchOnOpen) {
+				let { [event.id]: _pending, ...fetchOnOpen } = context.fetchOnOpen;
+				enqueue.assign({ fetchOnOpen });
+			}
+			if (remaining.length === 0) {
 				let fallback = createTab(context.settings);
 				enqueue.assign(({ spawn }) => ({
 					tabs: [fallback],
@@ -750,7 +758,7 @@ const vistaMachine = setup({
 					historyDiff: fresh.historyDiff,
 					functions: fresh.functions,
 					runners: spawnRunners(spawn, fresh.tabs),
-					fetchOnOpen: []
+					fetchOnOpen: {}
 				};
 			});
 		})
@@ -768,7 +776,7 @@ const vistaMachine = setup({
 		functions: input.persisted.functions,
 		runners: spawnRunners(spawn, input.persisted.tabs),
 		loadRevisions: {},
-		fetchOnOpen: [],
+		fetchOnOpen: {},
 		restoredSidebar: input.persisted.sidebar,
 		drawer: input.persisted.sidebar.drawer ?? "saved",
 		restoredPanels: input.persisted.panels
@@ -787,7 +795,10 @@ const vistaMachine = setup({
 				return event.ids.flatMap((id) => byId.get(id) ?? []);
 			} })
 		},
-		"tab.fetchedOnOpen": { actions: assign({ fetchOnOpen: ({ context, event }) => context.fetchOnOpen.filter((id) => id !== event.id) }) },
+		"tab.fetchedOnOpen": { actions: assign({ fetchOnOpen: ({ context, event }) => {
+			let { [event.id]: _fetched, ...fetchOnOpen } = context.fetchOnOpen;
+			return fetchOnOpen;
+		} }) },
 		"tab.rename": { actions: assign({ tabs: ({ context, event }) => updateTab(context.tabs, event.id, (tab) => ({
 			...tab,
 			title: event.title?.trim() || void 0
@@ -824,7 +835,10 @@ const vistaMachine = setup({
 				...context.loadRevisions,
 				[event.id]: (context.loadRevisions[event.id] || 0) + 1
 			}),
-			fetchOnOpen: ({ context, event }) => event.fetch && !context.fetchOnOpen.includes(event.id) ? [...context.fetchOnOpen, event.id] : context.fetchOnOpen
+			fetchOnOpen: ({ context, event }) => event.fetch ? {
+				...context.fetchOnOpen,
+				[event.id]: event.fetch
+			} : context.fetchOnOpen
 		}) },
 		"settings.update": { actions: assign({ settings: ({ context, event }) => ({
 			...context.settings,
@@ -1184,7 +1198,7 @@ function useOnValueChange(value, onChange) {
 function cx(...classNames) {
 	return classNames.filter(Boolean).join(" ");
 }
-var codeBlock = "_1anxzyv1c", collapsibleSection = "_1anxzyvj", drawerScroller = "_1anxzyvg", editorContainer = "_1anxzyvr", editorLabel = "_1anxzyvb", jsonEditorBox = "_1anxzyvf", labelActions = "_1anxzyvd", lintFindingButton = "_1anxzyv1e", listItemButton = "_1anxzyv1g", optionsGrid = "_1anxzyvp", optionsSection = "_1anxzyvm", paneFill = "_1anxzyv9", panelTabs = "_1anxzyvh", paramsSection = "_1anxzyvk", previewCode = "_1anxzyv1d", querySection = "_1anxzyvi", resultContainer = "_1anxzyv1b", resultJson = "_1anxzyve", resultLabel = "_1anxzyvc _1anxzyvb", root = "_1anxzyv0", scrollArea = "_1anxzyvs", shrinkable = "_1anxzyv1f", sidebarDrawer = "_1anxzyv11", sidebarItem = "_1anxzyvx", sidebarRail = "_1anxzyvt", sidebarRailCollapsed = "_1anxzyvu", sidebarRailExpanded = "_1anxzyvv", sidebarSlot = "_1anxzyv10", splitHandle = "_1anxzyv5", splitHandleHorizontal = "_1anxzyv7", splitHandleVertical = "_1anxzyv6", splitPane = "_1anxzyv4", splitPaneContainer = "_1anxzyva", splitRoot = "_1anxzyv1", splitRootColumn = "_1anxzyv3", splitRootRow = "_1anxzyv2", tab = "_1anxzyv17", tabBar = "_1anxzyv14", tabCloseButton = "_1anxzyv19", tabItem = "_1anxzyv16", tabList = "_1anxzyv15", tabTitleButton = "_1anxzyv18", tabTitleInput = "_1anxzyv1a";
+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 +1229,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 +1247,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 +1265,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 +1540,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 +1662,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 +1703,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 +1723,7 @@ function QueryListPanel(t0) {
 											children: query_7.title || t("label.untitled-query")
 										}),
 										preview_0 && /* @__PURE__ */ jsx(Box, {
-											className: "_1anxzyv1d",
+											className: "cTWfhW_previewCode",
 											children: /* @__PURE__ */ jsx(Code, {
 												size: 0,
 												children: preview_0
@@ -2206,45 +2221,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 +2641,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" && "_1anxzyv12", t8 = overlay && "_1anxzyv13", 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 +2698,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("_1anxzyvy", expanded && "_1anxzyvz"),
+		className: cx("cTWfhW_sidebarItemBadge", expanded && "cTWfhW_sidebarItemBadgeExpanded"),
 		"data-testid": `${testId}-badge`,
 		fontSize: 0,
 		tone: badge.tone,
@@ -2692,7 +2720,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 +2748,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 +2766,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 && "_1anxzyvw", 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 +2956,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;
@@ -3140,7 +3168,7 @@ function createByteOffsetConverter(text) {
 		return index;
 	};
 }
-const PARSE_WRAPPER_RE = /Parse\("((?:[^"\\]|\\.)*)"\)/, PREFIX_RE = /^(?:(?:Failed to parse query|Format failed|Lint failed|Format error|Lint error): )+/, POSITION_RE = /\s*at Position \{ start: (\d+), end: (\d+) \}\s*$/;
+const PARSE_WRAPPER_RE = /Parse\("((?:[^"\\]|\\.)*)"\)/, PREFIX_RE = /^(?:(?:Failed to parse query|Format failed|Lint failed|Format error|Lint error|Parse error): )+/, POSITION_RE = /\s*at Position \{ start: (\d+), end: (\d+) \}\s*$/;
 /** Turns the wasm wrapper's parse failures into a {@link GroqSyntaxError}; anything else is rethrown */
 function toSyntaxError(error, query) {
 	if (!(error instanceof Error)) throw error;
@@ -3174,11 +3202,11 @@ async function lintGroq(query) {
 	}
 	return toGroqFindings(findings, query);
 }
-/** Converts the wasm findings' byte spans into ranges of `query`; a finding without a span covers all of it */
+/** Converts the wasm findings' spans into ranges of `query`; a finding without a span covers all of it */
 function toGroqFindings(findings, query) {
-	let toIndex = createByteOffsetConverter(query);
+	let clamp = (index) => Math.max(0, Math.min(index, query.length));
 	return findings.map(({ ruleId, message, severity, span }) => {
-		let from = span ? toIndex(span.start.offset) : 0, to = span ? Math.max(from, toIndex(span.end.offset)) : query.length;
+		let from = span ? clamp(span.start.offset) : 0, to = span ? Math.max(from, clamp(span.end.offset)) : query.length;
 		return {
 			ruleId,
 			message: message.trim(),
@@ -3188,6 +3216,52 @@ function toGroqFindings(findings, query) {
 		};
 	});
 }
+/**
+* Extracts every `$name` parameter a query references, with their locations. `extractParams`
+* already returns indices into the query string, so no conversion happens here. Rejects with a
+* {@link GroqSyntaxError} when the query does not parse.
+*/
+async function extractQueryParams(query) {
+	let wasm = await loadGroqWasm();
+	try {
+		return wasm.extractParams(query).map(({ name, references }) => ({
+			name,
+			references: references.map(({ start, end }) => ({
+				from: start,
+				to: end
+			}))
+		}));
+	} catch (error) {
+		throw toSyntaxError(error, query);
+	}
+}
+function buildParamsInsertion(names) {
+	return names.map((name) => `  ${JSON.stringify(name)}: "",\n`).join("");
+}
+/**
+* Appends `"name": ""` for every `name` not already a key `rawParams` has, without touching any
+* of its existing text (so comments, formatting and values survive untouched). `rawParams` is
+* returned unchanged when its root is not a `{...}` object, since there is then nowhere
+* unambiguous to insert into; an empty or whitespace-only `rawParams` is treated as `{}`.
+*/
+function addMissingParams(rawParams, missingNames) {
+	if (missingNames.length === 0) return rawParams;
+	let trimmed = rawParams.trim();
+	if (trimmed === "") return `{\n${buildParamsInsertion(missingNames)}}`;
+	if (!trimmed.startsWith("{") || !trimmed.endsWith("}")) return rawParams;
+	let closeIndex = rawParams.lastIndexOf("}"), before = rawParams.slice(0, closeIndex), after = rawParams.slice(closeIndex), isEmptyObject = before.trimEnd().endsWith("{"), hasTrailingComma = /,\s*$/.test(before);
+	return `${before}${!isEmptyObject && !hasTrailingComma ? ",\n" : before.endsWith("\n") ? "" : "\n"}${buildParamsInsertion(missingNames)}${after}`;
+}
+/**
+* Which of `referencedNames` `rawParams` has no key for yet. `undefined` when `rawParams` is not
+* valid JSON5 (common while it is mid-edit, and not worth reporting as an error here).
+*/
+function missingParamNames(referencedNames, rawParams, t) {
+	let current = parseParams(rawParams, t);
+	if (!current.valid) return;
+	let existing = current.parsed ?? {};
+	return referencedNames.filter((name) => !Object.hasOwn(existing, name));
+}
 const NO_FUNCTIONS = [], functionLibrary = Facet.define({ combine: (values) => values[0] ?? NO_FUNCTIONS }), groqEditorLabels = Facet.define({ combine: (values) => values[0] }), querySchema = Facet.define({ combine: (values) => values[0] }), V2021 = "v2021-03-25";
 function exactly(count) {
 	return {
@@ -5096,6 +5170,38 @@ function ActionRail(t0) {
 	}), $[0] = children, $[1] = testId, $[2] = t1) : t1 = $[2], t1;
 }
 /**
+* Tooltip of a control that calls Sanity Agent Actions: what it does, and that it spends the
+* organization's AI credits, which nothing else in the tool would say before the request is made
+*/
+function AgentActionsTooltip(props) {
+	let $ = c(13), { title, placement: t0, children } = props, placement = t0 === void 0 ? "bottom" : t0, { t } = useTranslation(visionLocaleNamespace), t1;
+	$[0] === title ? t1 = $[1] : (t1 = title && /* @__PURE__ */ jsx(Text, {
+		size: 1,
+		children: title
+	}), $[0] = title, $[1] = t1);
+	let t2;
+	$[2] === t ? t2 = $[3] : (t2 = t("vista.agent-actions.credits"), $[2] = t, $[3] = t2);
+	let t3;
+	$[4] === t2 ? t3 = $[5] : (t3 = /* @__PURE__ */ jsx(Text, {
+		muted: !0,
+		size: 1,
+		children: t2
+	}), $[4] = t2, $[5] = t3);
+	let t4;
+	$[6] !== t1 || $[7] !== t3 ? (t4 = /* @__PURE__ */ jsxs(Stack, {
+		gap: 2,
+		children: [t1, t3]
+	}), $[6] = t1, $[7] = t3, $[8] = t4) : t4 = $[8];
+	let t5;
+	return $[9] !== children || $[10] !== placement || $[11] !== t4 ? (t5 = /* @__PURE__ */ jsx(Tooltip, {
+		animate: !0,
+		content: t4,
+		placement,
+		portal: !0,
+		children
+	}), $[9] = children, $[10] = placement, $[11] = t4, $[12] = t5) : t5 = $[12], t5;
+}
+/**
 * The tabbed bottom panel of the request and response columns. When collapsed only the tab
 * header remains, and picking a tab expands it again.
 */
@@ -5144,7 +5250,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 +5306,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 +5342,7 @@ function CollapsibleSection(props) {
 	let t11;
 	$[18] !== children || $[19] !== expanded || $[20] !== id ? (t11 = expanded && /* @__PURE__ */ jsx(Box, {
 		"aria-labelledby": `${id}-toggle`,
-		className: "_1anxzyvn",
+		className: "cTWfhW_sectionBody",
 		id: `${id}-content`,
 		role: "region",
 		children
@@ -5385,6 +5491,146 @@ async function generateQuery(options) {
 	}
 	throw new GenerateQueryError(previous?.problem ?? "No query was generated", previous?.attempt);
 }
+function optionalString(value) {
+	return typeof value == "string" && value ? value : void 0;
+}
+function optionalNumber(value) {
+	return typeof value == "number" && Number.isFinite(value) ? value : void 0;
+}
+/**
+* The credits as the `ai-usage` resource of the project's subscription reports them; `undefined`
+* for a response of another shape, which is what a Studio talking to an API without it gets
+*/
+function readAiCredits(response) {
+	if (!isPlainObject(response) || typeof response.granted != "boolean") return;
+	let subscription = isPlainObject(response.subscription) ? response.subscription : {}, usage = isPlainObject(response.usage) ? response.usage : {};
+	return {
+		granted: response.granted,
+		reasonCode: optionalString(response.reasonCode),
+		used: optionalNumber(usage.value),
+		quota: optionalNumber(subscription.quota)
+	};
+}
+/**
+* Reads the organization's AI credits through the project. The resource only exists on the
+* experimental API, and a Studio talking to an API without it resolves with `undefined`, so
+* nothing depends on the answer.
+*/
+async function fetchAiCredits(client, signal) {
+	let { projectId } = client.config();
+	if (projectId) return readAiCredits(await client.withConfig({ apiVersion: "vX" }).request({
+		url: `/subscriptions/project/${projectId}/resources/ai-usage`,
+		tag: "vista.ai-credits",
+		signal
+	}));
+}
+/**
+* The credits a request was turned down for, from the 429 response Agent Actions give once the
+* organization's spending limit is reached: its body names the limit and carries the usage and
+* the quota, which a plain rate limit response does not. `undefined` for any other error.
+*/
+function readAiCreditsLimit(error) {
+	if (!isHttpError(error) || error.statusCode !== 429) return;
+	let body = error.response.body;
+	if (!isPlainObject(body)) return;
+	let reasonCode = optionalString(body.reasonCode), quota = optionalNumber(body.quota);
+	if (reasonCode !== void 0 || quota !== void 0) return {
+		granted: !1,
+		reasonCode,
+		used: optionalNumber(body.usageValue),
+		quota
+	};
+}
+/** The Sanity website the project's API host belongs to, for links into Manage */
+function websiteUrl(apiHost) {
+	return apiHost?.endsWith(".work") ? "https://www.sanity.work" : "https://www.sanity.io";
+}
+/**
+* The organization's AI usage in Manage; without the organization ID, Manage's own redirect to
+* the organization of the signed-in user
+*/
+function aiUsageUrl(apiHost, organizationId) {
+	let site = websiteUrl(apiHost);
+	return organizationId ? `${site}/organizations/${organizationId}/usage/ai` : `${site}/manage/org/usage/ai`;
+}
+/** The organization's spending limits in Manage, where the AI credits limit is raised */
+function aiSpendingLimitUrl(apiHost, organizationId) {
+	let site = websiteUrl(apiHost);
+	return organizationId ? `${site}/organizations/${organizationId}/settings#caps` : `${site}/manage/org/settings`;
+}
+/** How long a reading stands before a control that mounts reads again */
+const entries = /* @__PURE__ */ new Map(), listeners = /* @__PURE__ */ new Set();
+function subscribe(listener) {
+	return listeners.add(listener), () => {
+		listeners.delete(listener);
+	};
+}
+function update(projectId, entry) {
+	entries.set(projectId, entry), listeners.forEach((listener) => listener());
+}
+async function read(projectId, client) {
+	let previous = entries.get(projectId), version = (previous?.version ?? 0) + 1;
+	update(projectId, {
+		credits: previous?.credits,
+		readAt: previous?.readAt ?? 0,
+		reading: !0,
+		version
+	});
+	let credits;
+	try {
+		credits = await fetchAiCredits(client);
+	} catch {
+		credits = void 0;
+	}
+	entries.get(projectId)?.version === version && update(projectId, {
+		credits,
+		readAt: Date.now(),
+		reading: !1,
+		version
+	});
+}
+/**
+* The organization's AI credits, read through the project when a control that spends them
+* mounts and the last reading is more than a minute old; `undefined` until read, and when the
+* API has nothing to say about them
+*/
+function useAiCredits(client) {
+	let $ = c(8), t0;
+	$[0] === client ? t0 = $[1] : (t0 = client.config(), $[0] = client, $[1] = t0);
+	let { projectId } = t0, t1;
+	$[2] === projectId ? t1 = $[3] : (t1 = () => projectId ? entries.get(projectId)?.credits : void 0, $[2] = projectId, $[3] = t1);
+	let credits = useSyncExternalStore(subscribe, t1), t2, t3;
+	return $[4] !== client || $[5] !== projectId ? (t2 = () => {
+		if (!projectId) return;
+		let entry = entries.get(projectId);
+		entry && (entry.reading || Date.now() - entry.readAt < 6e4) || read(projectId, client);
+	}, t3 = [client, projectId], $[4] = client, $[5] = projectId, $[6] = t2, $[7] = t3) : (t2 = $[6], t3 = $[7]), useEffect(t2, t3), credits;
+}
+/**
+* A request was turned down for the credits: every control shows the limit right away, with the
+* usage the response carried, rather than the reading from before
+*/
+function reportAiCreditsLimit(client, limit) {
+	let { projectId } = client.config();
+	if (!projectId) return;
+	let version = (entries.get(projectId)?.version ?? 0) + 1;
+	update(projectId, {
+		credits: limit,
+		readAt: Date.now(),
+		reading: !1,
+		version
+	});
+}
+/**
+* A request went through: a limit reported before no longer holds (the spending limit was
+* raised, or the month turned), so the credits are read again
+*/
+function reportAiCreditsGranted(client) {
+	let { projectId } = client.config();
+	if (!projectId) return;
+	let entry = entries.get(projectId);
+	entry?.credits?.granted === !1 && !entry.reading && read(projectId, client);
+}
 function isReferenceType(type) {
 	for (let current = type; current; current = current.type) if (current.name === "reference") return "to" in type;
 	return !1;
@@ -5442,6 +5688,156 @@ function summarizeSchema(schema, request) {
 	let lines = [...detailed];
 	return others.length > 0 && lines.push(`${detailed.length > 0 ? "Other document types" : "Document types"}: ${others.join(", ")}`), lines.join("\n");
 }
+/** The ID of the organization the project belongs to, for links to its pages in Manage */
+function useOrganizationId() {
+	let $ = c(2), projectStore = useProjectStore(), t0;
+	return $[0] === projectStore ? t0 = $[1] : (t0 = projectStore.getOrganizationId(), $[0] = projectStore, $[1] = t0), useObservable(t0, null);
+}
+/** How many credits are left this month, with a link to the organization's AI usage in Manage */
+function AiCreditsNote(t0) {
+	let $ = c(28), { used, quota, apiHost, size } = t0, { t } = useTranslation(visionLocaleNamespace), numberFormat = useNumberFormat(), organizationId = useOrganizationId(), t1;
+	$[0] === numberFormat ? t1 = $[1] : (t1 = (value) => numberFormat.format(value), $[0] = numberFormat, $[1] = t1);
+	let format = t1, note;
+	if (quota === void 0) {
+		let t2;
+		$[2] !== format || $[3] !== t || $[4] !== used ? (t2 = t("vista.ai-credits.used", { used: format(used) }), $[2] = format, $[3] = t, $[4] = used, $[5] = t2) : t2 = $[5], note = t2;
+	} else if (used > quota) {
+		let t2;
+		$[6] !== format || $[7] !== quota || $[8] !== t || $[9] !== used ? (t2 = t("vista.ai-credits.deficit", {
+			used: format(used),
+			deficit: format(used - quota),
+			quota: format(quota)
+		}), $[6] = format, $[7] = quota, $[8] = t, $[9] = used, $[10] = t2) : t2 = $[10], note = t2;
+	} else {
+		let t2;
+		$[11] !== format || $[12] !== quota || $[13] !== t || $[14] !== used ? (t2 = t("vista.ai-credits.balance", {
+			balance: format(quota - used),
+			quota: format(quota)
+		}), $[11] = format, $[12] = quota, $[13] = t, $[14] = used, $[15] = t2) : t2 = $[15], note = t2;
+	}
+	let t2 = note, t3;
+	$[16] !== apiHost || $[17] !== organizationId ? (t3 = aiUsageUrl(apiHost, organizationId), $[16] = apiHost, $[17] = organizationId, $[18] = t3) : t3 = $[18];
+	let t4;
+	$[19] === t ? t4 = $[20] : (t4 = t("vista.ai-credits.usage"), $[19] = t, $[20] = t4);
+	let t5;
+	$[21] !== t3 || $[22] !== t4 ? (t5 = /* @__PURE__ */ jsx("a", {
+		href: t3,
+		rel: "noreferrer",
+		target: "_blank",
+		children: t4
+	}), $[21] = t3, $[22] = t4, $[23] = t5) : t5 = $[23];
+	let t6;
+	return $[24] !== note || $[25] !== size || $[26] !== t5 ? (t6 = /* @__PURE__ */ jsxs(Text, {
+		"data-testid": "vista-ai-credits",
+		muted: !0,
+		size,
+		children: [
+			t2,
+			" ",
+			t5
+		]
+	}), $[24] = note, $[25] = size, $[26] = t5, $[27] = t6) : t6 = $[27], t6;
+}
+/**
+* The organization is out of AI credits: what that means, and where the limit is raised. Agent
+* Actions turn every request down until then, so this stands where their result would.
+*/
+function AiCreditsLimitCard(t0) {
+	let $ = c(30), { credits, apiHost } = t0, { t } = useTranslation(visionLocaleNamespace), numberFormat = useNumberFormat(), organizationId = useOrganizationId(), { used, quota } = credits, t1;
+	$[0] === t ? t1 = $[1] : (t1 = t("vista.ai-credits.limit.title"), $[0] = t, $[1] = t1);
+	let t2;
+	$[2] === t1 ? t2 = $[3] : (t2 = /* @__PURE__ */ jsx(Text, {
+		size: 1,
+		weight: "medium",
+		children: t1
+	}), $[2] = t1, $[3] = t2);
+	let t3;
+	$[4] !== numberFormat || $[5] !== quota || $[6] !== t || $[7] !== used ? (t3 = used === void 0 || quota === void 0 ? t("vista.ai-credits.limit.description-unknown") : t("vista.ai-credits.limit.description", {
+		used: numberFormat.format(used),
+		quota: numberFormat.format(quota)
+	}), $[4] = numberFormat, $[5] = quota, $[6] = t, $[7] = used, $[8] = t3) : t3 = $[8];
+	let t4;
+	$[9] === t3 ? t4 = $[10] : (t4 = /* @__PURE__ */ jsx(Text, {
+		muted: !0,
+		size: 1,
+		children: t3
+	}), $[9] = t3, $[10] = t4);
+	let t5;
+	$[11] === t ? t5 = $[12] : (t5 = t("vista.ai-credits.limit.learn-more"), $[11] = t, $[12] = t5);
+	let t6;
+	$[13] === t5 ? t6 = $[14] : (t6 = /* @__PURE__ */ jsx(Button, {
+		as: "a",
+		fontSize: 1,
+		href: "https://www.sanity.io/docs/platform-management/how-ai-credits-work",
+		iconRight: LaunchIcon,
+		mode: "bleed",
+		padding: 2,
+		rel: "noreferrer",
+		target: "_blank",
+		text: t5
+	}), $[13] = t5, $[14] = t6);
+	let t7;
+	$[15] !== apiHost || $[16] !== organizationId ? (t7 = aiSpendingLimitUrl(apiHost, organizationId), $[15] = apiHost, $[16] = organizationId, $[17] = t7) : t7 = $[17];
+	let t8;
+	$[18] === t ? t8 = $[19] : (t8 = t("vista.ai-credits.limit.manage"), $[18] = t, $[19] = t8);
+	let t9;
+	$[20] !== t7 || $[21] !== t8 ? (t9 = /* @__PURE__ */ jsx(Button, {
+		as: "a",
+		"data-testid": "vista-ai-credits-manage",
+		fontSize: 1,
+		href: t7,
+		padding: 2,
+		rel: "noreferrer",
+		target: "_blank",
+		text: t8,
+		tone: "primary"
+	}), $[20] = t7, $[21] = t8, $[22] = t9) : t9 = $[22];
+	let t10;
+	$[23] !== t6 || $[24] !== t9 ? (t10 = /* @__PURE__ */ jsxs(Flex, {
+		gap: 2,
+		justifyContent: "flex-end",
+		children: [t6, t9]
+	}), $[23] = t6, $[24] = t9, $[25] = t10) : t10 = $[25];
+	let t11;
+	return $[26] !== t10 || $[27] !== t2 || $[28] !== t4 ? (t11 = /* @__PURE__ */ jsx(Card, {
+		border: !0,
+		"data-testid": "vista-ai-credits-limit",
+		padding: 3,
+		radius: 2,
+		children: /* @__PURE__ */ jsxs(Stack, {
+			gap: 3,
+			children: [
+				t2,
+				t4,
+				t10
+			]
+		})
+	}), $[26] = t10, $[27] = t2, $[28] = t4, $[29] = t11) : t11 = $[29], t11;
+}
+/**
+* What the organization's AI credits mean for the Agent Actions control this stands under:
+* nothing while they are unknown, how many are left while requests go through, and the way to
+* more of them once the spending limit is reached
+*/
+function AiCreditsStatus(t0) {
+	let $ = c(8), { credits, apiHost, size: t1 } = t0, size = t1 === void 0 ? 1 : t1;
+	if (!credits) return null;
+	if (!credits.granted) {
+		let t2;
+		return $[0] !== apiHost || $[1] !== credits ? (t2 = /* @__PURE__ */ jsx(AiCreditsLimitCard, {
+			apiHost,
+			credits
+		}), $[0] = apiHost, $[1] = credits, $[2] = t2) : t2 = $[2], t2;
+	}
+	if (credits.used === void 0) return null;
+	let t2;
+	return $[3] !== apiHost || $[4] !== credits.quota || $[5] !== credits.used || $[6] !== size ? (t2 = /* @__PURE__ */ jsx(AiCreditsNote, {
+		apiHost,
+		quota: credits.quota,
+		size,
+		used: credits.used
+	}), $[3] = apiHost, $[4] = credits.quota, $[5] = credits.used, $[6] = size, $[7] = t2) : t2 = $[7], t2;
+}
 /** A description to generate from, with the button that generates: Enter submits, Escape closes */
 function PromptRow(props) {
 	let $ = c(34), { label, placeholder, value, onChange, onSubmit, onClose, pending, testIdPrefix } = props, { t } = useTranslation(visionLocaleNamespace), t0;
@@ -5516,9 +5912,9 @@ function PromptRow(props) {
 * replaces the tab's query and params, and runs.
 */
 function GenerateQueryBar(t0) {
-	let $ = c(46), { tab, client, formatForEditor, onClose } = t0, { t } = useTranslation(visionLocaleNamespace), actorRef = useVistaActor(), schema = useSchema(), [request, setRequest] = useState(""), t1;
+	let $ = c(54), { tab, client, formatForEditor, onClose } = t0, { t } = useTranslation(visionLocaleNamespace), actorRef = useVistaActor(), schema = useSchema(), [request, setRequest] = useState(""), t1;
 	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t1 = { type: "idle" }, $[0] = t1) : t1 = $[0];
-	let [status, setStatus] = useState(t1), controllerRef = useRef(null), t2, t3;
+	let [status, setStatus] = useState(t1), controllerRef = useRef(null), credits = useAiCredits(client), t2, t3;
 	$[1] === Symbol.for("react.memo_cache_sentinel") ? (t2 = () => () => controllerRef.current?.abort(), t3 = [], $[1] = t2, $[2] = t3) : (t2 = $[1], t3 = $[2]), useEffect(t2, t3);
 	let t4;
 	$[3] !== actorRef || $[4] !== formatForEditor || $[5] !== onClose || $[6] !== tab.id || $[7] !== tab.query || $[8] !== tab.title ? (t4 = async (generated, fetch, signal) => {
@@ -5533,7 +5929,7 @@ function GenerateQueryBar(t0) {
 				rawParams: JSON.stringify(generated.params, null, 2),
 				...named ? { title: generated.title } : {}
 			},
-			fetch
+			fetch: fetch ? "generated" : void 0
 		}), onClose();
 	}, $[3] = actorRef, $[4] = formatForEditor, $[5] = onClose, $[6] = tab.id, $[7] = tab.query, $[8] = tab.title, $[9] = t4) : t4 = $[9];
 	let open = t4, t5;
@@ -5557,18 +5953,20 @@ function GenerateQueryBar(t0) {
 					attempt
 				})
 			});
-			await open(generated_0, !0, controller.signal);
+			reportAiCreditsGranted(client), await open(generated_0, !0, controller.signal);
 		} catch (t6) {
 			let error = t6;
 			if (controller.signal.aborted) return;
-			setStatus({
+			let limit = readAiCreditsLimit(error);
+			limit && reportAiCreditsLimit(client, limit), setStatus({
 				type: "failed",
 				message: error instanceof Error ? error.message : String(error),
-				lastAttempt: error instanceof GenerateQueryError ? error.lastAttempt : void 0
+				lastAttempt: error instanceof GenerateQueryError ? error.lastAttempt : void 0,
+				limit
 			});
 		}
 	}, $[10] = client, $[11] = open, $[12] = request, $[13] = schema, $[14] = t5) : t5 = $[14];
-	let generate = t5, generating = status.type === "generating", lastAttempt = status.type === "failed" ? status.lastAttempt : void 0, t6;
+	let generate = t5, generating = status.type === "generating", lastAttempt = status.type === "failed" ? status.lastAttempt : void 0, shownCredits = status.type === "failed" ? status.limit : status.type === "idle" ? credits : void 0, atLimit = shownCredits?.granted === !1, t6;
 	$[15] === t ? t6 = $[16] : (t6 = t("vista.generate.label"), $[15] = t, $[16] = t6);
 	let t7;
 	$[17] === generate ? t7 = $[18] : (t7 = () => void generate(), $[17] = generate, $[18] = t7);
@@ -5586,13 +5984,13 @@ function GenerateQueryBar(t0) {
 		value: request
 	}), $[21] = generating, $[22] = onClose, $[23] = request, $[24] = t6, $[25] = t7, $[26] = t8, $[27] = t9) : t9 = $[27];
 	let t10;
-	$[28] !== status.type || $[29] !== t ? (t10 = status.type === "idle" && /* @__PURE__ */ jsx(Text, {
+	$[28] !== atLimit || $[29] !== status.type || $[30] !== t ? (t10 = status.type === "idle" && !atLimit && /* @__PURE__ */ jsx(Text, {
 		muted: !0,
 		size: 0,
 		children: t("vista.generate.description")
-	}), $[28] = status.type, $[29] = t, $[30] = t10) : t10 = $[30];
+	}), $[28] = atLimit, $[29] = status.type, $[30] = t, $[31] = t10) : t10 = $[31];
 	let t11;
-	$[31] !== status.attempt || $[32] !== status.type || $[33] !== t ? (t11 = status.type === "generating" && /* @__PURE__ */ jsx(Text, {
+	$[32] !== status.attempt || $[33] !== status.type || $[34] !== t ? (t11 = status.type === "generating" && /* @__PURE__ */ jsx(Text, {
 		"data-testid": "vista-generate-progress",
 		muted: !0,
 		size: 1,
@@ -5600,9 +5998,9 @@ function GenerateQueryBar(t0) {
 			attempt: status.attempt,
 			max: 3
 		}) : t("vista.generate.progress")
-	}), $[31] = status.attempt, $[32] = status.type, $[33] = t, $[34] = t11) : t11 = $[34];
+	}), $[32] = status.attempt, $[33] = status.type, $[34] = t, $[35] = t11) : t11 = $[35];
 	let t12;
-	$[35] !== lastAttempt || $[36] !== open || $[37] !== status.message || $[38] !== status.type || $[39] !== t ? (t12 = status.type === "failed" && /* @__PURE__ */ jsx(Card, {
+	$[36] !== atLimit || $[37] !== lastAttempt || $[38] !== open || $[39] !== status.message || $[40] !== status.type || $[41] !== t ? (t12 = status.type === "failed" && !atLimit && /* @__PURE__ */ jsx(Card, {
 		"data-testid": "vista-generate-error",
 		padding: 3,
 		radius: 2,
@@ -5632,9 +6030,17 @@ function GenerateQueryBar(t0) {
 				}) })] })
 			]
 		})
-	}), $[35] = lastAttempt, $[36] = open, $[37] = status.message, $[38] = status.type, $[39] = t, $[40] = t12) : t12 = $[40];
+	}), $[36] = atLimit, $[37] = lastAttempt, $[38] = open, $[39] = status.message, $[40] = status.type, $[41] = t, $[42] = t12) : t12 = $[42];
 	let t13;
-	return $[41] !== t10 || $[42] !== t11 || $[43] !== t12 || $[44] !== t9 ? (t13 = /* @__PURE__ */ jsx(Card, {
+	$[43] === client ? t13 = $[44] : (t13 = client.config(), $[43] = client, $[44] = t13);
+	let t14;
+	$[45] !== shownCredits || $[46] !== t13.apiHost ? (t14 = /* @__PURE__ */ jsx(AiCreditsStatus, {
+		apiHost: t13.apiHost,
+		credits: shownCredits,
+		size: 0
+	}), $[45] = shownCredits, $[46] = t13.apiHost, $[47] = t14) : t14 = $[47];
+	let t15;
+	return $[48] !== t10 || $[49] !== t11 || $[50] !== t12 || $[51] !== t14 || $[52] !== t9 ? (t15 = /* @__PURE__ */ jsx(Card, {
 		borderBottom: !0,
 		"data-testid": "vista-generate-bar",
 		padding: 2,
@@ -5644,10 +6050,11 @@ function GenerateQueryBar(t0) {
 				t9,
 				t10,
 				t11,
-				t12
+				t12,
+				t14
 			]
 		})
-	}), $[41] = t10, $[42] = t11, $[43] = t12, $[44] = t9, $[45] = t13) : t13 = $[45], t13;
+	}), $[48] = t10, $[49] = t11, $[50] = t12, $[51] = t14, $[52] = t9, $[53] = t15) : t15 = $[53], t15;
 }
 /**
 * Live fetch, an alternative to Fetch: fetches the query, then fetches again whenever the
@@ -5795,7 +6202,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 +7444,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,
@@ -7356,14 +7763,8 @@ function RequestPanel(props) {
 		flexGrow: 1
 	}), $[40] = t16) : t16 = $[40];
 	let t17;
-	$[41] !== generatorOpen || $[42] !== t ? (t17 = !generatorOpen && /* @__PURE__ */ jsx(Tooltip, {
-		animate: !0,
-		content: /* @__PURE__ */ jsx(Text, {
-			size: 1,
-			children: t("vista.generate.button")
-		}),
-		placement: "bottom",
-		portal: !0,
+	$[41] !== generatorOpen || $[42] !== t ? (t17 = !generatorOpen && /* @__PURE__ */ jsx(AgentActionsTooltip, {
+		title: t("vista.generate.button"),
 		children: /* @__PURE__ */ jsx(Button, {
 			"aria-label": t("vista.generate.button"),
 			"data-testid": "vista-generate-query",
@@ -7377,13 +7778,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 +7804,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 +7814,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 && "_1anxzyvl", 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 +7827,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: "_1anxzyvo",
+		className: "cTWfhW_sectionResizer",
 		"data-dragging": paramsResize.dragging,
 		"data-testid": "vista-request-params-resizer",
 		onDoubleClick: paramsResize.reset,
@@ -7521,7 +7922,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 +8081,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 && "_1anxzyv8", 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 +8110,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];
@@ -7783,7 +8184,8 @@ function useQueryExplain(request) {
 			setPlan({
 				status: "failed",
 				url: current.url,
-				message: toMessage(error)
+				message: toMessage(error),
+				limit: void 0
 			});
 			return;
 		}
@@ -7803,17 +8205,18 @@ function useQueryExplain(request) {
 		if (planText === void 0) setExplanation(IDLE);
 		else try {
 			let text_0 = await explainQuery(request.client, request, planText);
-			setExplanation({
+			reportAiCreditsGranted(request.client), setExplanation({
 				status: "done",
 				url: request.url,
 				text: text_0
 			});
 		} catch (t3) {
-			let error_0 = t3;
-			setExplanation({
+			let error_0 = t3, limit = readAiCreditsLimit(error_0);
+			limit && reportAiCreditsLimit(request.client, limit), setExplanation({
 				status: "failed",
 				url: request.url,
-				message: toMessage(error_0)
+				message: toMessage(error_0),
+				limit
 			});
 		}
 	}, $[3] = currentPlan, $[4] = request, $[5] = t2) : t2 = $[5];
@@ -7854,14 +8257,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 +8276,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 +8407,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 +8841,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: "_1anxzyvg",
+		className: "cTWfhW_drawerScroller",
 		padding: 3,
 		radius: 2,
 		children: /* @__PURE__ */ jsx(Code, {
@@ -8568,9 +8971,9 @@ function describeInsight(insight, t) {
 * and on request an explanation of the query and the plan written by Agent Actions
 */
 function ExplainTab(props) {
-	let $ = c(54), { plan, explanation, canExplain, onShowPlan, onExplain } = props, { t } = useTranslation(visionLocaleNamespace), explaining = explanation.status === "loading", planText = plan.status === "done" ? plan.text : void 0, t0;
+	let $ = c(61), { client, plan, explanation, canExplain, onShowPlan, onExplain } = props, { t } = useTranslation(visionLocaleNamespace), credits = useAiCredits(client), explaining = explanation.status === "loading", planText = plan.status === "done" ? plan.text : void 0, t0;
 	$[0] === planText ? t0 = $[1] : (t0 = planText ? readPlanInsights(planText) : [], $[0] = planText, $[1] = t0);
-	let insights = t0, t1;
+	let insights = t0, limit = explanation.status === "failed" ? explanation.limit : void 0, t1;
 	$[2] === t ? t1 = $[3] : (t1 = t("vista.explain.description"), $[2] = t, $[3] = t1);
 	let t2;
 	$[4] === t1 ? t2 = $[5] : (t2 = /* @__PURE__ */ jsx(Text, {
@@ -8581,7 +8984,7 @@ function ExplainTab(props) {
 	let t3 = !canExplain || explaining, t4;
 	$[6] === t ? t4 = $[7] : (t4 = t("vista.explain.explain"), $[6] = t, $[7] = t4);
 	let t5;
-	$[8] !== explaining || $[9] !== onExplain || $[10] !== t3 || $[11] !== t4 ? (t5 = /* @__PURE__ */ jsx(Button, {
+	$[8] !== explaining || $[9] !== onExplain || $[10] !== t3 || $[11] !== t4 ? (t5 = /* @__PURE__ */ jsx(AgentActionsTooltip, { children: /* @__PURE__ */ jsx(Button, {
 		"data-testid": "vista-explain-button",
 		disabled: t3,
 		fontSize: 1,
@@ -8591,7 +8994,7 @@ function ExplainTab(props) {
 		padding: 2,
 		text: t4,
 		tone: "primary"
-	}), $[8] = explaining, $[9] = onExplain, $[10] = t3, $[11] = t4, $[12] = t5) : t5 = $[12];
+	}) }), $[8] = explaining, $[9] = onExplain, $[10] = t3, $[11] = t4, $[12] = t5) : t5 = $[12];
 	let t6 = !canExplain || plan.status === "loading", t7 = plan.status === "loading" && !explaining, t8;
 	$[13] === t ? t8 = $[14] : (t8 = t("vista.explain.plan"), $[13] = t, $[14] = t8);
 	let t9;
@@ -8612,13 +9015,20 @@ function ExplainTab(props) {
 		children: [t5, t9]
 	}), $[20] = t5, $[21] = t9, $[22] = t10) : t10 = $[22];
 	let t11;
-	$[23] !== canExplain || $[24] !== t ? (t11 = !canExplain && /* @__PURE__ */ jsx(Text, {
+	$[23] === client ? t11 = $[24] : (t11 = client.config(), $[23] = client, $[24] = t11);
+	let t12 = limit ?? credits, t13;
+	$[25] !== t11.apiHost || $[26] !== t12 ? (t13 = /* @__PURE__ */ jsx(AiCreditsStatus, {
+		apiHost: t11.apiHost,
+		credits: t12
+	}), $[25] = t11.apiHost, $[26] = t12, $[27] = t13) : t13 = $[27];
+	let t14;
+	$[28] !== canExplain || $[29] !== t ? (t14 = !canExplain && /* @__PURE__ */ jsx(Text, {
 		muted: !0,
 		size: 1,
 		children: t("vista.explain.empty")
-	}), $[23] = canExplain, $[24] = t, $[25] = t11) : t11 = $[25];
-	let t12;
-	$[26] !== explanation.status || $[27] !== explanation.text ? (t12 = explanation.status === "done" && /* @__PURE__ */ jsx(Card, {
+	}), $[28] = canExplain, $[29] = t, $[30] = t14) : t14 = $[30];
+	let t15;
+	$[31] !== explanation.status || $[32] !== explanation.text ? (t15 = explanation.status === "done" && /* @__PURE__ */ jsx(Card, {
 		"data-testid": "vista-explanation",
 		padding: 3,
 		radius: 2,
@@ -8628,21 +9038,21 @@ function ExplainTab(props) {
 			gap: 4,
 			children: explanation.text.split(/\n+/).filter(_temp$12).map(_temp3$6)
 		})
-	}), $[26] = explanation.status, $[27] = explanation.text, $[28] = t12) : t12 = $[28];
-	let t13;
-	$[29] !== explanation.message || $[30] !== explanation.status || $[31] !== t ? (t13 = explanation.status === "failed" && /* @__PURE__ */ jsx(Text, {
+	}), $[31] = explanation.status, $[32] = explanation.text, $[33] = t15) : t15 = $[33];
+	let t16;
+	$[34] !== explanation.message || $[35] !== explanation.status || $[36] !== limit || $[37] !== t ? (t16 = explanation.status === "failed" && !limit && /* @__PURE__ */ jsx(Text, {
 		"data-testid": "vista-explain-error",
 		size: 1,
 		children: t("vista.explain.failed", { message: explanation.message })
-	}), $[29] = explanation.message, $[30] = explanation.status, $[31] = t, $[32] = t13) : t13 = $[32];
-	let t14;
-	$[33] !== plan.message || $[34] !== plan.status || $[35] !== t ? (t14 = plan.status === "failed" && /* @__PURE__ */ jsx(Text, {
+	}), $[34] = explanation.message, $[35] = explanation.status, $[36] = limit, $[37] = t, $[38] = t16) : t16 = $[38];
+	let t17;
+	$[39] !== plan.message || $[40] !== plan.status || $[41] !== t ? (t17 = plan.status === "failed" && /* @__PURE__ */ jsx(Text, {
 		"data-testid": "vista-explain-error",
 		size: 1,
 		children: t("vista.explain.plan-failed", { message: plan.message })
-	}), $[33] = plan.message, $[34] = plan.status, $[35] = t, $[36] = t14) : t14 = $[36];
-	let t15;
-	$[37] !== insights || $[38] !== plan.status || $[39] !== t ? (t15 = plan.status === "done" && insights.length > 0 && /* @__PURE__ */ jsxs(Stack, {
+	}), $[39] = plan.message, $[40] = plan.status, $[41] = t, $[42] = t17) : t17 = $[42];
+	let t18;
+	$[43] !== insights || $[44] !== plan.status || $[45] !== t ? (t18 = plan.status === "done" && insights.length > 0 && /* @__PURE__ */ jsxs(Stack, {
 		"data-testid": "vista-plan-insights",
 		gap: 2,
 		children: [
@@ -8679,9 +9089,9 @@ function ExplainTab(props) {
 				})
 			})
 		]
-	}), $[37] = insights, $[38] = plan.status, $[39] = t, $[40] = t15) : t15 = $[40];
-	let t16;
-	$[41] !== plan.status || $[42] !== plan.text || $[43] !== t ? (t16 = plan.status === "done" && /* @__PURE__ */ jsxs(Stack, {
+	}), $[43] = insights, $[44] = plan.status, $[45] = t, $[46] = t18) : t18 = $[46];
+	let t19;
+	$[47] !== plan.status || $[48] !== plan.text || $[49] !== t ? (t19 = plan.status === "done" && /* @__PURE__ */ jsxs(Stack, {
 		"data-testid": "vista-query-plan",
 		gap: 2,
 		children: [/* @__PURE__ */ jsx(Label, {
@@ -8692,9 +9102,9 @@ function ExplainTab(props) {
 			size: 1,
 			children: plan.text
 		})]
-	}), $[41] = plan.status, $[42] = plan.text, $[43] = t, $[44] = t16) : t16 = $[44];
-	let t17;
-	return $[45] !== t10 || $[46] !== t11 || $[47] !== t12 || $[48] !== t13 || $[49] !== t14 || $[50] !== t15 || $[51] !== t16 || $[52] !== t2 ? (t17 = /* @__PURE__ */ jsx(Box, {
+	}), $[47] = plan.status, $[48] = plan.text, $[49] = t, $[50] = t19) : t19 = $[50];
+	let t20;
+	return $[51] !== t10 || $[52] !== t13 || $[53] !== t14 || $[54] !== t15 || $[55] !== t16 || $[56] !== t17 || $[57] !== t18 || $[58] !== t19 || $[59] !== t2 ? (t20 = /* @__PURE__ */ jsx(Box, {
 		"data-testid": "vista-explain",
 		padding: 3,
 		children: /* @__PURE__ */ jsxs(Stack, {
@@ -8702,15 +9112,16 @@ function ExplainTab(props) {
 			children: [
 				t2,
 				t10,
-				t11,
-				t12,
 				t13,
 				t14,
 				t15,
-				t16
+				t16,
+				t17,
+				t18,
+				t19
 			]
 		})
-	}), $[45] = t10, $[46] = t11, $[47] = t12, $[48] = t13, $[49] = t14, $[50] = t15, $[51] = t16, $[52] = t2, $[53] = t17) : t17 = $[53], t17;
+	}), $[51] = t10, $[52] = t13, $[53] = t14, $[54] = t15, $[55] = t16, $[56] = t17, $[57] = t18, $[58] = t19, $[59] = t2, $[60] = t20) : t20 = $[60], t20;
 }
 function _temp4$6(insight_0) {
 	return insight_0.tone === "caution";
@@ -8730,7 +9141,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 +9149,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 +9167,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 +9508,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 };
@@ -9120,6 +9531,8 @@ function describeFetchReason(reason, t) {
 		case "resume": return t("vista.history.reason.resume");
 		case "live-start": return t("vista.history.reason.live-start");
 		case "generated": return t("vista.history.reason.generated");
+		case "paste": return t("vista.history.reason.paste");
+		case "link": return t("vista.history.reason.link");
 		case "mutation": return t("vista.history.reason.mutation");
 		case "live": return reason.matchedTags.length > 0 ? t("vista.history.reason.live") : t("vista.history.reason.live-restart");
 		default: return String(reason);
@@ -9510,7 +9923,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,
@@ -9830,9 +10243,9 @@ function toText(mutations) {
 * dry-run, which writes nothing, so what it would change shows straight away.
 */
 function GenerateMutationsBar(props) {
-	let $ = c(42), { client, dataset, result, mutationOptions, onGenerated, onOpenAttempt, onClose } = props, { t } = useTranslation(visionLocaleNamespace), schema = useSchema(), [request, setRequest] = useState(""), t0;
+	let $ = c(50), { client, dataset, result, mutationOptions, onGenerated, onOpenAttempt, onClose } = props, { t } = useTranslation(visionLocaleNamespace), schema = useSchema(), [request, setRequest] = useState(""), t0;
 	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = { type: "idle" }, $[0] = t0) : t0 = $[0];
-	let [status, setStatus] = useState(t0), controllerRef = useRef(null), t1, t2;
+	let [status, setStatus] = useState(t0), controllerRef = useRef(null), credits = useAiCredits(client), t1, t2;
 	$[1] === Symbol.for("react.memo_cache_sentinel") ? (t1 = () => () => controllerRef.current?.abort(), t2 = [], $[1] = t1, $[2] = t2) : (t1 = $[1], t2 = $[2]), useEffect(t1, t2);
 	let t3;
 	$[3] !== client || $[4] !== dataset || $[5] !== mutationOptions || $[6] !== onGenerated || $[7] !== request || $[8] !== result || $[9] !== schema ? (t3 = async () => {
@@ -9859,21 +10272,23 @@ function GenerateMutationsBar(props) {
 				})
 			});
 			if (controller.signal.aborted) return;
-			onGenerated(toText(generated.mutations), {
+			reportAiCreditsGranted(client), onGenerated(toText(generated.mutations), {
 				key: mutationRunKey(dataset, generated.mutations, mutationOptions),
 				result: generated.preview
 			});
 		} catch (t4) {
 			let error = t4;
 			if (controller.signal.aborted) return;
-			setStatus({
+			let limit = readAiCreditsLimit(error);
+			limit && reportAiCreditsLimit(client, limit), setStatus({
 				type: "failed",
 				message: error instanceof Error ? error.message : String(error),
-				lastAttempt: error instanceof GenerateMutationsError ? error.lastAttempt : void 0
+				lastAttempt: error instanceof GenerateMutationsError ? error.lastAttempt : void 0,
+				limit
 			});
 		}
 	}, $[3] = client, $[4] = dataset, $[5] = mutationOptions, $[6] = onGenerated, $[7] = request, $[8] = result, $[9] = schema, $[10] = t3) : t3 = $[10];
-	let generate = t3, generating = status.type === "generating", lastAttempt = status.type === "failed" ? status.lastAttempt : void 0, t4;
+	let generate = t3, generating = status.type === "generating", lastAttempt = status.type === "failed" ? status.lastAttempt : void 0, shownCredits = status.type === "failed" ? status.limit : status.type === "idle" ? credits : void 0, atLimit = shownCredits?.granted === !1, t4;
 	$[11] === t ? t4 = $[12] : (t4 = t("vista.mutate.generate.label"), $[11] = t, $[12] = t4);
 	let t5;
 	$[13] === generate ? t5 = $[14] : (t5 = () => void generate(), $[13] = generate, $[14] = t5);
@@ -9891,13 +10306,13 @@ function GenerateMutationsBar(props) {
 		value: request
 	}), $[17] = generating, $[18] = onClose, $[19] = request, $[20] = t4, $[21] = t5, $[22] = t6, $[23] = t7) : t7 = $[23];
 	let t8;
-	$[24] !== status.type || $[25] !== t ? (t8 = status.type === "idle" && /* @__PURE__ */ jsx(Text, {
+	$[24] !== atLimit || $[25] !== status.type || $[26] !== t ? (t8 = status.type === "idle" && !atLimit && /* @__PURE__ */ jsx(Text, {
 		muted: !0,
 		size: 0,
 		children: t("vista.mutate.generate.description")
-	}), $[24] = status.type, $[25] = t, $[26] = t8) : t8 = $[26];
+	}), $[24] = atLimit, $[25] = status.type, $[26] = t, $[27] = t8) : t8 = $[27];
 	let t9;
-	$[27] !== status.attempt || $[28] !== status.type || $[29] !== t ? (t9 = status.type === "generating" && /* @__PURE__ */ jsx(Text, {
+	$[28] !== status.attempt || $[29] !== status.type || $[30] !== t ? (t9 = status.type === "generating" && /* @__PURE__ */ jsx(Text, {
 		"data-testid": "vista-mutate-generate-progress",
 		muted: !0,
 		size: 1,
@@ -9905,9 +10320,9 @@ function GenerateMutationsBar(props) {
 			attempt: status.attempt,
 			max: 3
 		}) : t("vista.mutate.generate.progress")
-	}), $[27] = status.attempt, $[28] = status.type, $[29] = t, $[30] = t9) : t9 = $[30];
+	}), $[28] = status.attempt, $[29] = status.type, $[30] = t, $[31] = t9) : t9 = $[31];
 	let t10;
-	$[31] !== lastAttempt || $[32] !== onOpenAttempt || $[33] !== status.message || $[34] !== status.type || $[35] !== t ? (t10 = status.type === "failed" && /* @__PURE__ */ jsx(Card, {
+	$[32] !== atLimit || $[33] !== lastAttempt || $[34] !== onOpenAttempt || $[35] !== status.message || $[36] !== status.type || $[37] !== t ? (t10 = status.type === "failed" && !atLimit && /* @__PURE__ */ jsx(Card, {
 		"data-testid": "vista-mutate-generate-error",
 		padding: 3,
 		radius: 2,
@@ -9934,9 +10349,17 @@ function GenerateMutationsBar(props) {
 				}) })
 			]
 		})
-	}), $[31] = lastAttempt, $[32] = onOpenAttempt, $[33] = status.message, $[34] = status.type, $[35] = t, $[36] = t10) : t10 = $[36];
+	}), $[32] = atLimit, $[33] = lastAttempt, $[34] = onOpenAttempt, $[35] = status.message, $[36] = status.type, $[37] = t, $[38] = t10) : t10 = $[38];
 	let t11;
-	return $[37] !== t10 || $[38] !== t7 || $[39] !== t8 || $[40] !== t9 ? (t11 = /* @__PURE__ */ jsx(Card, {
+	$[39] === client ? t11 = $[40] : (t11 = client.config(), $[39] = client, $[40] = t11);
+	let t12;
+	$[41] !== shownCredits || $[42] !== t11.apiHost ? (t12 = /* @__PURE__ */ jsx(AiCreditsStatus, {
+		apiHost: t11.apiHost,
+		credits: shownCredits,
+		size: 0
+	}), $[41] = shownCredits, $[42] = t11.apiHost, $[43] = t12) : t12 = $[43];
+	let t13;
+	return $[44] !== t10 || $[45] !== t12 || $[46] !== t7 || $[47] !== t8 || $[48] !== t9 ? (t13 = /* @__PURE__ */ jsx(Card, {
 		border: !0,
 		"data-testid": "vista-mutate-generate-bar",
 		padding: 2,
@@ -9947,10 +10370,11 @@ function GenerateMutationsBar(props) {
 				t7,
 				t8,
 				t9,
-				t10
+				t10,
+				t12
 			]
 		})
-	}), $[37] = t10, $[38] = t7, $[39] = t8, $[40] = t9, $[41] = t11) : t11 = $[41], t11;
+	}), $[44] = t10, $[45] = t12, $[46] = t7, $[47] = t8, $[48] = t9, $[49] = t13) : t13 = $[49], t13;
 }
 function _temp$8(document) {
 	return document.type ?? [];
@@ -10217,7 +10641,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,
@@ -10283,7 +10707,7 @@ function MutateTab(props) {
 	let run = t2, t3;
 	$[12] === result ? t3 = $[13] : (t3 = documentsInResult(result), $[12] = result, $[13] = t3);
 	let documents = t3, previewIsCurrent = run !== void 0 && state.preview?.key === run.key, t4;
-	$[14] === state.preview ? t4 = $[15] : (t4 = state.preview ? state.preview.result.changes.some(_temp5$2) || state.preview.result.notShown > 0 : !1, $[14] = state.preview, $[15] = t4);
+	$[14] === state.preview ? t4 = $[15] : (t4 = state.preview ? state.preview.result.changes.some(_temp5$3) || state.preview.result.notShown > 0 : !1, $[14] = state.preview, $[15] = t4);
 	let canApply = canRequest && previewIsCurrent && t4 && !state.pending, canAdd = input.status === "empty" || input.status === "valid", t5;
 	$[16] !== documents || $[17] !== mutate || $[18] !== state.text ? (t5 = (template) => {
 		let next = addMutation(state.text, createMutationTemplate(template, documents));
@@ -10316,14 +10740,8 @@ function MutateTab(props) {
 		result
 	}), $[31] = client, $[32] = dataset, $[33] = generatorOpen, $[34] = mutate, $[35] = options, $[36] = result, $[37] = t9) : t9 = $[37];
 	let t10 = hasOutcome ? "minmax(140px, 1fr) fit-content(50%)" : "minmax(140px, 1fr)", t11;
-	$[38] !== generatorOpen || $[39] !== t ? (t11 = !generatorOpen && /* @__PURE__ */ jsx(Tooltip, {
-		animate: !0,
-		content: /* @__PURE__ */ jsx(Text, {
-			size: 1,
-			children: t("vista.mutate.generate.button")
-		}),
-		placement: "bottom",
-		portal: !0,
+	$[38] !== generatorOpen || $[39] !== t ? (t11 = !generatorOpen && /* @__PURE__ */ jsx(AgentActionsTooltip, {
+		title: t("vista.mutate.generate.button"),
 		children: /* @__PURE__ */ jsx(Button, {
 			"aria-label": t("vista.mutate.generate.button"),
 			"data-testid": "vista-mutate-generate",
@@ -10603,7 +11021,7 @@ function MutateTab(props) {
 		children: [t36, t54]
 	}), $[160] = t36, $[161] = t54, $[162] = t55) : t55 = $[162], t55;
 }
-function _temp5$2(change) {
+function _temp5$3(change) {
 	return change.operation !== "none";
 }
 const GCP_REGIONS = {
@@ -11624,7 +12042,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: "_1anxzyv1c",
+		className: "cTWfhW_codeBlock",
 		overflow: "auto",
 		padding: 3,
 		radius: 2,
@@ -11924,8 +12342,7 @@ function layoutResultGraph(graph, { collapsed, charWidth }) {
 		height
 	};
 }
-var graphBooleanVar = "var(--ofyam95)", graphCodeFamilyVar = "var(--ofyam90)", graphCodeSizeVar = "var(--ofyam91)", graphConstantVar = "var(--ofyam96)", graphControls = "ofyam9j", graphEdges = "ofyam99", graphNode = "ofyam9a", graphNodeButton = "ofyam9e", graphNodeHeader = "ofyam9b", graphNodeTitle = "ofyam9c", graphNumberVar = "var(--ofyam94)", graphPropertyVar = "var(--ofyam92)", graphRow = "ofyam9f", graphRowKey = "ofyam9g", graphRowValue = "ofyam9h", graphStringVar = "var(--ofyam93)", graphViewport = "ofyam97";
-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 +12397,12 @@ function RowContent(t0) {
 		case "value": {
 			let t1;
 			$[0] === row.key ? t1 = $[1] : (t1 = row.key && /* @__PURE__ */ jsx("span", {
-				className: "ofyam9g",
+				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 +12412,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: "ofyam9i" }), $[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 +12435,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 +12448,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 +12461,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 +12472,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: "ofyam9d",
+								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: "ofyam9e",
+							className: "uhT08W_graphNodeButton",
 							"data-testid": "vista-graph-toggle",
 							onClick: () => onToggle(node.id),
 							type: "button",
@@ -12075,7 +12492,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 +12508,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 +12654,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: "ofyam98",
+		className: "uhT08W_graphCanvas",
 		"data-testid": "vista-graph-canvas",
 		style: {
 			width: layout.width,
@@ -12267,7 +12687,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: "ofyam9k",
+		className: "uhT08W_graphNotice",
 		"data-testid": "vista-graph-left-out",
 		children: /* @__PURE__ */ jsx(Text, {
 			muted: !0,
@@ -12277,13 +12697,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 +12715,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 +12767,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
@@ -12384,9 +12804,9 @@ const DEFAULT_BOTTOM_PANEL_SIZE = {
 	mobile: 160
 };
 function ResponsePanel(props) {
-	let $ = c(190), { tab, runnerRef, resolved, request, lintFindings, onRevealRange, onEditQuery, onMutationsApplied } = props, { t } = useTranslation(visionLocaleNamespace), toast = useToast(), status = useSelector(runnerRef, selectRequestStatus), result = useSelector(runnerRef, _temp$3), settledRequest = useSelector(runnerRef, _temp2$3), error = useSelector(runnerRef, _temp3$2), failedRequest = useSelector(runnerRef, _temp4$2), t0;
+	let $ = c(191), { tab, runnerRef, resolved, request, lintFindings, onRevealRange, onEditQuery, onMutationsApplied } = props, { t } = useTranslation(visionLocaleNamespace), toast = useToast(), status = useSelector(runnerRef, selectRequestStatus), result = useSelector(runnerRef, _temp$3), settledRequest = useSelector(runnerRef, _temp2$3), error = useSelector(runnerRef, _temp3$2), failedRequest = useSelector(runnerRef, _temp4$2), t0;
 	$[0] === failedRequest?.client ? t0 = $[1] : (t0 = failedRequest?.client.config(), $[0] = failedRequest?.client, $[1] = t0);
-	let failedConfig = t0, meta = useSelector(runnerRef, _temp5$1), url = useSelector(runnerRef, _temp6), history = useSelector(runnerRef, _temp7), hiddenDiffFields = useVistaSelector(_temp8), isLive = useSelector(runnerRef, _temp9), hasResult = meta !== void 0, t1;
+	let failedConfig = t0, meta = useSelector(runnerRef, _temp5$2), url = useSelector(runnerRef, _temp6), history = useSelector(runnerRef, _temp7), hiddenDiffFields = useVistaSelector(_temp8), isLive = useSelector(runnerRef, _temp9), hasResult = meta !== void 0, t1;
 	$[2] !== hasResult || $[3] !== request || $[4] !== settledRequest ? (t1 = hasResult && settledRequest !== void 0 && request !== null && haveSameQuery(settledRequest, request), $[2] = hasResult, $[3] = request, $[4] = settledRequest, $[5] = t1) : t1 = $[5];
 	let resultIsCurrent = t1, t2;
 	$[6] !== resolved.dataset || $[7] !== settledRequest?.client ? (t2 = settledRequest?.client.config().dataset || resolved.dataset, $[6] = resolved.dataset, $[7] = settledRequest?.client, $[8] = t2) : t2 = $[8];
@@ -12483,42 +12903,43 @@ function ResponsePanel(props) {
 	let t25 = request !== null, t26;
 	$[67] === queryExplain ? t26 = $[68] : (t26 = () => void queryExplain.explain(), $[67] = queryExplain, $[68] = t26);
 	let t27;
-	$[69] !== queryExplain.explanation || $[70] !== queryExplain.plan || $[71] !== queryExplain.showPlan || $[72] !== t25 || $[73] !== t26 ? (t27 = /* @__PURE__ */ jsx(ExplainTab, {
+	$[69] !== queryExplain.explanation || $[70] !== queryExplain.plan || $[71] !== queryExplain.showPlan || $[72] !== resolved.client || $[73] !== t25 || $[74] !== t26 ? (t27 = /* @__PURE__ */ jsx(ExplainTab, {
 		canExplain: t25,
+		client: resolved.client,
 		explanation: queryExplain.explanation,
 		onExplain: t26,
 		onShowPlan: queryExplain.showPlan,
 		plan: queryExplain.plan
-	}), $[69] = queryExplain.explanation, $[70] = queryExplain.plan, $[71] = queryExplain.showPlan, $[72] = t25, $[73] = t26, $[74] = t27) : t27 = $[74];
+	}), $[69] = queryExplain.explanation, $[70] = queryExplain.plan, $[71] = queryExplain.showPlan, $[72] = resolved.client, $[73] = t25, $[74] = t26, $[75] = t27) : t27 = $[75];
 	let t28;
-	$[75] !== t24 || $[76] !== t27 ? (t28 = {
+	$[76] !== t24 || $[77] !== t27 ? (t28 = {
 		id: "explain",
 		label: t24,
 		content: t27
-	}, $[75] = t24, $[76] = t27, $[77] = t28) : t28 = $[77];
+	}, $[76] = t24, $[77] = t27, $[78] = t28) : t28 = $[78];
 	let t29;
-	$[78] === t ? t29 = $[79] : (t29 = t("vista.panel.source-map"), $[78] = t, $[79] = t29);
+	$[79] === t ? t29 = $[80] : (t29 = t("vista.panel.source-map"), $[79] = t, $[80] = t29);
 	let t30;
-	$[80] !== meta || $[81] !== resultDataset ? (t30 = /* @__PURE__ */ jsx(SourceMapTab, {
+	$[81] !== meta || $[82] !== resultDataset ? (t30 = /* @__PURE__ */ jsx(SourceMapTab, {
 		dataset: resultDataset,
 		meta
-	}), $[80] = meta, $[81] = resultDataset, $[82] = t30) : t30 = $[82];
+	}), $[81] = meta, $[82] = resultDataset, $[83] = t30) : t30 = $[83];
 	let t31;
-	$[83] !== t29 || $[84] !== t30 ? (t31 = {
+	$[84] !== t29 || $[85] !== t30 ? (t31 = {
 		id: "source-map",
 		label: t29,
 		content: t30
-	}, $[83] = t29, $[84] = t30, $[85] = t31) : t31 = $[85];
+	}, $[84] = t29, $[85] = t30, $[86] = t31) : t31 = $[86];
 	let t32;
-	$[86] !== t17 || $[87] !== t20 || $[88] !== t23 || $[89] !== t28 || $[90] !== t31 ? (t32 = [
+	$[87] !== t17 || $[88] !== t20 || $[89] !== t23 || $[90] !== t28 || $[91] !== t31 ? (t32 = [
 		t17,
 		t20,
 		t23,
 		t28,
 		t31
-	], $[86] = t17, $[87] = t20, $[88] = t23, $[89] = t28, $[90] = t31, $[91] = t32) : t32 = $[91];
+	], $[87] = t17, $[88] = t20, $[89] = t23, $[90] = t28, $[91] = t31, $[92] = t32) : t32 = $[92];
 	let panelTabs = t32, tabDrawer = useVistaSelector(selectOpenTabDrawer), t33;
-	$[92] !== declaredFunctions || $[93] !== delta || $[94] !== functionLibrary || $[95] !== hasResult || $[96] !== hiddenDiffFields || $[97] !== lintFindings || $[98] !== mutate || $[99] !== onEditQuery || $[100] !== onMutationsApplied || $[101] !== onRevealRange || $[102] !== removeFunction || $[103] !== request || $[104] !== resolved.client || $[105] !== resolved.dataset || $[106] !== resolved.isValidApiVersion || $[107] !== result || $[108] !== saveFunction || $[109] !== tab.query ? (t33 = (drawer) => {
+	$[93] !== declaredFunctions || $[94] !== delta || $[95] !== functionLibrary || $[96] !== hasResult || $[97] !== hiddenDiffFields || $[98] !== lintFindings || $[99] !== mutate || $[100] !== onEditQuery || $[101] !== onMutationsApplied || $[102] !== onRevealRange || $[103] !== removeFunction || $[104] !== request || $[105] !== resolved.client || $[106] !== resolved.dataset || $[107] !== resolved.isValidApiVersion || $[108] !== result || $[109] !== saveFunction || $[110] !== tab.query ? (t33 = (drawer) => {
 		switch (drawer) {
 			case "lint": return /* @__PURE__ */ jsx(LintTab, {
 				findings: lintFindings,
@@ -12548,9 +12969,9 @@ function ResponsePanel(props) {
 			});
 			default: return String(drawer);
 		}
-	}, $[92] = declaredFunctions, $[93] = delta, $[94] = functionLibrary, $[95] = hasResult, $[96] = hiddenDiffFields, $[97] = lintFindings, $[98] = mutate, $[99] = onEditQuery, $[100] = onMutationsApplied, $[101] = onRevealRange, $[102] = removeFunction, $[103] = request, $[104] = resolved.client, $[105] = resolved.dataset, $[106] = resolved.isValidApiVersion, $[107] = result, $[108] = saveFunction, $[109] = tab.query, $[110] = t33) : t33 = $[110];
+	}, $[93] = declaredFunctions, $[94] = delta, $[95] = functionLibrary, $[96] = hasResult, $[97] = hiddenDiffFields, $[98] = lintFindings, $[99] = mutate, $[100] = onEditQuery, $[101] = onMutationsApplied, $[102] = onRevealRange, $[103] = removeFunction, $[104] = request, $[105] = resolved.client, $[106] = resolved.dataset, $[107] = resolved.isValidApiVersion, $[108] = result, $[109] = saveFunction, $[110] = tab.query, $[111] = t33) : t33 = $[111];
 	let renderTabDrawer = t33, sidebarBadges = useSidebarBadges(), lintCount = lintFindings.length, lintTone = lintFindings.some(_temp11) ? "critical" : "caution", functionCount = declaredFunctions.length, t34, t35;
-	$[111] !== functionCount || $[112] !== lintCount || $[113] !== lintTone || $[114] !== sidebarBadges ? (t34 = () => {
+	$[112] !== functionCount || $[113] !== lintCount || $[114] !== lintTone || $[115] !== sidebarBadges ? (t34 = () => {
 		sidebarBadges.set("lint", lintCount > 0 ? {
 			count: lintCount,
 			tone: lintTone
@@ -12563,29 +12984,29 @@ function ResponsePanel(props) {
 		lintCount,
 		lintTone,
 		sidebarBadges
-	], $[111] = functionCount, $[112] = lintCount, $[113] = lintTone, $[114] = sidebarBadges, $[115] = t34, $[116] = t35) : (t34 = $[115], t35 = $[116]), useEffect(t34, t35);
+	], $[112] = functionCount, $[113] = lintCount, $[114] = lintTone, $[115] = sidebarBadges, $[116] = t34, $[117] = t35) : (t34 = $[116], t35 = $[117]), useEffect(t34, t35);
 	let t36, t37;
-	$[117] === sidebarBadges ? (t36 = $[118], t37 = $[119]) : (t36 = () => () => {
+	$[118] === sidebarBadges ? (t36 = $[119], t37 = $[120]) : (t36 = () => () => {
 		sidebarBadges.set("lint", void 0), sidebarBadges.set("functions", void 0);
-	}, t37 = [sidebarBadges], $[117] = sidebarBadges, $[118] = t36, $[119] = t37), useEffect(t36, t37);
+	}, t37 = [sidebarBadges], $[118] = sidebarBadges, $[119] = t36, $[120] = t37), useEffect(t36, t37);
 	let t38;
-	$[120] !== renderTabDrawer || $[121] !== tabDrawer ? (t38 = tabDrawer && /* @__PURE__ */ jsx(TabDrawerPortal, { children: renderTabDrawer(tabDrawer) }), $[120] = renderTabDrawer, $[121] = tabDrawer, $[122] = t38) : t38 = $[122];
+	$[121] !== renderTabDrawer || $[122] !== tabDrawer ? (t38 = tabDrawer && /* @__PURE__ */ jsx(TabDrawerPortal, { children: renderTabDrawer(tabDrawer) }), $[121] = renderTabDrawer, $[122] = tabDrawer, $[123] = t38) : t38 = $[123];
 	let t39 = hasResult ? getJsonUrl : void 0, t40;
-	$[123] === t ? t40 = $[124] : (t40 = t("vista.result.export-json"), $[123] = t, $[124] = t40);
+	$[124] === t ? t40 = $[125] : (t40 = t("vista.result.export-json"), $[124] = t, $[125] = t40);
 	let t41;
-	$[125] !== t39 || $[126] !== t40 ? (t41 = /* @__PURE__ */ jsx(DownloadButton, {
+	$[126] !== t39 || $[127] !== t40 ? (t41 = /* @__PURE__ */ jsx(DownloadButton, {
 		download: "query-result.json",
 		getBlobUrl: t39,
 		icon: JsonIcon,
 		label: t40,
 		testId: "vista-export-json"
-	}), $[125] = t39, $[126] = t40, $[127] = t41) : t41 = $[127];
+	}), $[126] = t39, $[127] = t40, $[128] = t41) : t41 = $[128];
 	let t42 = canExportCsv ? getCsvUrl : void 0, t43;
-	$[128] === t ? t43 = $[129] : (t43 = t("vista.result.export-csv"), $[128] = t, $[129] = t43);
+	$[129] === t ? t43 = $[130] : (t43 = t("vista.result.export-csv"), $[129] = t, $[130] = t43);
 	let t44;
-	$[130] !== canExportCsv || $[131] !== hasResult || $[132] !== t ? (t44 = hasResult && !canExportCsv ? t("result.save-result-as-csv.not-csv-encodable") : void 0, $[130] = canExportCsv, $[131] = hasResult, $[132] = t, $[133] = t44) : t44 = $[133];
+	$[131] !== canExportCsv || $[132] !== hasResult || $[133] !== t ? (t44 = hasResult && !canExportCsv ? t("result.save-result-as-csv.not-csv-encodable") : void 0, $[131] = canExportCsv, $[132] = hasResult, $[133] = t, $[134] = t44) : t44 = $[134];
 	let t45;
-	$[134] !== reportCsvUnavailable || $[135] !== t42 || $[136] !== t43 || $[137] !== t44 ? (t45 = /* @__PURE__ */ jsx(DownloadButton, {
+	$[135] !== reportCsvUnavailable || $[136] !== t42 || $[137] !== t43 || $[138] !== t44 ? (t45 = /* @__PURE__ */ jsx(DownloadButton, {
 		download: "query-result.csv",
 		getBlobUrl: t42,
 		icon: DocumentSheetIcon,
@@ -12593,46 +13014,46 @@ function ResponsePanel(props) {
 		onUnavailable: reportCsvUnavailable,
 		testId: "vista-export-csv",
 		tooltip: t44
-	}), $[134] = reportCsvUnavailable, $[135] = t42, $[136] = t43, $[137] = t44, $[138] = t45) : t45 = $[138];
+	}), $[135] = reportCsvUnavailable, $[136] = t42, $[137] = t43, $[138] = t44, $[139] = t45) : t45 = $[139];
 	let t46;
-	$[139] !== hasResult || $[140] !== result || $[141] !== resultIsCurrent || $[142] !== tab ? (t46 = /* @__PURE__ */ jsx(ResultActionsMenu, {
+	$[140] !== hasResult || $[141] !== result || $[142] !== resultIsCurrent || $[143] !== tab ? (t46 = /* @__PURE__ */ jsx(ResultActionsMenu, {
 		hasResult,
 		result,
 		resultIsCurrent,
 		tab
-	}), $[139] = hasResult, $[140] = result, $[141] = resultIsCurrent, $[142] = tab, $[143] = t46) : t46 = $[143];
+	}), $[140] = hasResult, $[141] = result, $[142] = resultIsCurrent, $[143] = tab, $[144] = t46) : t46 = $[144];
 	let t47;
-	$[144] !== t41 || $[145] !== t45 || $[146] !== t46 ? (t47 = /* @__PURE__ */ jsxs(ActionRail, {
+	$[145] !== t41 || $[146] !== t45 || $[147] !== t46 ? (t47 = /* @__PURE__ */ jsxs(ActionRail, {
 		testId: "vista-result-actions",
 		children: [
 			t41,
 			t45,
 			t46
 		]
-	}), $[144] = t41, $[145] = t45, $[146] = t46, $[147] = t47) : t47 = $[147];
+	}), $[145] = t41, $[146] = t45, $[147] = t46, $[148] = t47) : t47 = $[148];
 	let t48 = status === "failed" ? "critical" : "default", t49;
-	$[148] === t ? t49 = $[149] : (t49 = t("result.label"), $[148] = t, $[149] = t49);
+	$[149] === t ? t49 = $[150] : (t49 = t("result.label"), $[149] = t, $[150] = t49);
 	let t50;
-	$[150] === t49 ? t50 = $[151] : (t50 = /* @__PURE__ */ jsx(Label, {
+	$[151] === t49 ? t50 = $[152] : (t50 = /* @__PURE__ */ jsx(Label, {
 		muted: !0,
 		size: 1,
 		children: t49
-	}), $[150] = t49, $[151] = t50);
+	}), $[151] = t49, $[152] = t50);
 	let t51;
-	$[152] !== isLive || $[153] !== t ? (t51 = isLive && /* @__PURE__ */ jsx(Badge, {
+	$[153] !== isLive || $[154] !== t ? (t51 = isLive && /* @__PURE__ */ jsx(Badge, {
 		fontSize: 0,
 		tone: "positive",
 		children: t("vista.live.active")
-	}), $[152] = isLive, $[153] = t, $[154] = t51) : t51 = $[154];
+	}), $[153] = isLive, $[154] = t, $[155] = t51) : t51 = $[155];
 	let t52;
-	$[155] === Symbol.for("react.memo_cache_sentinel") ? (t52 = /* @__PURE__ */ jsx(Box, {
+	$[156] === Symbol.for("react.memo_cache_sentinel") ? (t52 = /* @__PURE__ */ jsx(Box, {
 		flexBasis: "0%",
 		flexGrow: 1
-	}), $[155] = t52) : t52 = $[155];
+	}), $[156] = t52) : t52 = $[156];
 	let t53;
-	$[156] !== copyResult || $[157] !== hasResult || $[158] !== resultView || $[159] !== setResultView || $[160] !== t ? (t53 = hasResult && /* @__PURE__ */ jsxs(Flex, {
+	$[157] !== copyResult || $[158] !== hasResult || $[159] !== resultView || $[160] !== setResultView || $[161] !== t ? (t53 = hasResult && /* @__PURE__ */ jsxs(Flex, {
 		alignItems: "center",
-		className: "_1anxzyvd",
+		className: "cTWfhW_labelActions",
 		gap: 1,
 		children: [/* @__PURE__ */ jsxs(TabList, {
 			"aria-label": t("vista.result.view.label"),
@@ -12684,10 +13105,10 @@ function ResponsePanel(props) {
 				padding: 2
 			})
 		})]
-	}), $[156] = copyResult, $[157] = hasResult, $[158] = resultView, $[159] = setResultView, $[160] = t, $[161] = t53) : t53 = $[161];
+	}), $[157] = copyResult, $[158] = hasResult, $[159] = resultView, $[160] = setResultView, $[161] = t, $[162] = t53) : t53 = $[162];
 	let t54;
-	$[162] !== t50 || $[163] !== t51 || $[164] !== t53 ? (t54 = /* @__PURE__ */ jsx(Box, {
-		className: resultLabel,
+	$[163] !== t50 || $[164] !== t51 || $[165] !== t53 ? (t54 = /* @__PURE__ */ jsx(Box, {
+		className: "cTWfhW_resultLabel cTWfhW_editorLabel",
 		children: /* @__PURE__ */ jsxs(Flex, {
 			alignItems: "center",
 			gap: 2,
@@ -12698,9 +13119,9 @@ function ResponsePanel(props) {
 				t53
 			]
 		})
-	}), $[162] = t50, $[163] = t51, $[164] = t53, $[165] = t54) : t54 = $[165];
+	}), $[163] = t50, $[164] = t51, $[165] = t53, $[166] = t54) : t54 = $[166];
 	let t55;
-	$[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 ? (t55 = hasResult && resultView === "json" ? /* @__PURE__ */ jsx(ResultJson, {
+	$[167] !== copyValue || $[168] !== error || $[169] !== failedConfig || $[170] !== hasResult || $[171] !== resolved.apiVersion || $[172] !== resolved.perspective || $[173] !== resolved.variant || $[174] !== result || $[175] !== resultDataset || $[176] !== resultView || $[177] !== status || $[178] !== t ? (t55 = hasResult && resultView === "json" ? /* @__PURE__ */ jsx(ResultJson, {
 		id: "vista-result-content",
 		value: result
 	}) : hasResult && resultView === "graph" ? /* @__PURE__ */ jsx(ResultGraph, {
@@ -12733,25 +13154,25 @@ function ResponsePanel(props) {
 				children: t("vista.result.empty")
 			})
 		]
-	}), $[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];
+	}), $[167] = copyValue, $[168] = error, $[169] = failedConfig, $[170] = hasResult, $[171] = resolved.apiVersion, $[172] = resolved.perspective, $[173] = resolved.variant, $[174] = result, $[175] = resultDataset, $[176] = resultView, $[177] = status, $[178] = t, $[179] = t55) : t55 = $[179];
 	let t56;
-	$[179] !== t48 || $[180] !== t54 || $[181] !== t55 ? (t56 = /* @__PURE__ */ jsxs(Card, {
-		className: resultContainer,
+	$[180] !== t48 || $[181] !== t54 || $[182] !== t55 ? (t56 = /* @__PURE__ */ jsxs(Card, {
+		className: "cTWfhW_resultContainer",
 		"data-testid": "vista-result",
 		tone: t48,
 		children: [t54, t55]
-	}), $[179] = t48, $[180] = t54, $[181] = t55, $[182] = t56) : t56 = $[182];
+	}), $[180] = t48, $[181] = t54, $[182] = t55, $[183] = t56) : t56 = $[183];
 	let t57;
-	$[183] !== panelTabs || $[184] !== t47 || $[185] !== t56 ? (t57 = /* @__PURE__ */ jsx(SplitWithBottomPanel, {
+	$[184] !== panelTabs || $[185] !== t47 || $[186] !== t56 ? (t57 = /* @__PURE__ */ jsx(SplitWithBottomPanel, {
 		defaultBottomSize: DEFAULT_BOTTOM_PANEL_SIZE,
 		footer: t47,
 		id: "vista-response",
 		tabs: panelTabs,
 		testId: "vista-response-panel",
 		children: t56
-	}), $[183] = panelTabs, $[184] = t47, $[185] = t56, $[186] = t57) : t57 = $[186];
+	}), $[184] = panelTabs, $[185] = t47, $[186] = t56, $[187] = t57) : t57 = $[187];
 	let t58;
-	return $[187] !== t38 || $[188] !== t57 ? (t58 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t38, t57] }), $[187] = t38, $[188] = t57, $[189] = t58) : t58 = $[189], t58;
+	return $[188] !== t38 || $[189] !== t57 ? (t58 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t38, t57] }), $[188] = t38, $[189] = t57, $[190] = t58) : t58 = $[190], t58;
 }
 function _temp11(finding) {
 	return finding.severity === "error";
@@ -12771,7 +13192,7 @@ function _temp7(snapshot_5) {
 function _temp6(snapshot_4) {
 	return snapshot_4.context.meta?.url ?? snapshot_4.context.url;
 }
-function _temp5$1(snapshot_3) {
+function _temp5$2(snapshot_3) {
 	return snapshot_3.context.meta;
 }
 function _temp4$2(snapshot_2) {
@@ -12814,7 +13235,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 +13259,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 +13274,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 +13296,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 +13311,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 +13323,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 +13337,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 +13349,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" });
@@ -12948,7 +13369,7 @@ function QueryTabBar() {
 	let stopRenaming = t1, t2;
 	$[2] === actorRef ? t2 = $[3] : (t2 = (ordered) => actorRef.send({
 		type: "tab.reorder",
-		ids: ordered.map(_temp5)
+		ids: ordered.map(_temp5$1)
 	}), $[2] = actorRef, $[3] = t2);
 	let reorder = t2, t3;
 	$[4] !== activeTabId || $[5] !== actorRef || $[6] !== reorder || $[7] !== tabs ? (t3 = (event) => {
@@ -13016,7 +13437,7 @@ function QueryTabBar() {
 		"aria-label": t4,
 		as: "div",
 		axis: "x",
-		className: tabList,
+		className: "cTWfhW_tabList",
 		onReorder: reorder,
 		ref: listRef,
 		role: "tablist",
@@ -13044,14 +13465,14 @@ 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,
 		children: [t6, t9]
 	}), $[29] = t6, $[30] = t9, $[31] = t10) : t10 = $[31], t10;
 }
-function _temp5(tab) {
+function _temp5$1(tab) {
 	return tab.id;
 }
 function _temp4$1(snapshot_0) {
@@ -13083,7 +13504,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(227), { 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 +13512,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,
@@ -13120,34 +13541,59 @@ function QueryTab(t0) {
 		setParams.cancel(), setParamsNow(rawParams_0);
 	}, $[25] = setParams, $[26] = setParamsNow, $[27] = t14) : t14 = $[27];
 	let replaceParams = t14, t15;
-	$[28] !== actorRef || $[29] !== buildRequest || $[30] !== setParams || $[31] !== tab ? (t15 = () => {
+	$[28] !== actorRef || $[29] !== setParams || $[30] !== setParamsNow || $[31] !== t || $[32] !== tab.id ? (t15 = async (query_0) => {
+		if (!paramsEditorRef.current) return;
+		let referenced;
+		try {
+			referenced = await extractQueryParams(query_0);
+		} catch {
+			return;
+		}
+		if (referenced.length === 0 || !paramsEditorRef.current) return;
+		setParams.flush();
+		let latest = actorRef.getSnapshot().context.tabs.find((it) => it.id === tab.id);
+		if (!latest || latest.query !== query_0) return;
+		let missing = missingParamNames(referenced.map(_temp2$1), latest.rawParams, t);
+		if (!missing || missing.length === 0) return;
+		let nextRawParams = addMissingParams(latest.rawParams, missing);
+		nextRawParams !== latest.rawParams && (paramsEditorRef.current.resetEditorContent(nextRawParams), setParamsNow(nextRawParams));
+	}, $[28] = actorRef, $[29] = setParams, $[30] = setParamsNow, $[31] = t, $[32] = tab.id, $[33] = t15) : t15 = $[33];
+	let prefillParams = useEffectEvent(t15), t16;
+	$[34] !== prefillParams || $[35] !== tab.query ? (t16 = () => {
+		let timeoutId = setTimeout(() => void prefillParams(tab.query), 333);
+		return () => clearTimeout(timeoutId);
+	}, $[34] = prefillParams, $[35] = tab.query, $[36] = t16) : t16 = $[36];
+	let t17;
+	$[37] === tab.query ? t17 = $[38] : (t17 = [tab.query], $[37] = tab.query, $[38] = t17), useEffect(t16, t17);
+	let t18;
+	$[39] !== actorRef || $[40] !== buildRequest || $[41] !== setParams || $[42] !== tab ? (t18 = () => {
 		setParams.flush();
-		let latest = actorRef.getSnapshot().context.tabs.find((it) => it.id === tab.id) ?? tab;
-		return buildRequest(latest.query, latest.rawParams);
-	}, $[28] = actorRef, $[29] = buildRequest, $[30] = setParams, $[31] = tab, $[32] = t15) : t15 = $[32];
-	let buildCurrentRequest = t15, t16;
-	$[33] !== buildCurrentRequest || $[34] !== layout || $[35] !== runnerRef ? (t16 = (reason) => {
+		let latest_0 = actorRef.getSnapshot().context.tabs.find((it_0) => it_0.id === tab.id) ?? tab;
+		return buildRequest(latest_0.query, latest_0.rawParams);
+	}, $[39] = actorRef, $[40] = buildRequest, $[41] = setParams, $[42] = tab, $[43] = t18) : t18 = $[43];
+	let buildCurrentRequest = t18, t19;
+	$[44] !== buildCurrentRequest || $[45] !== layout || $[46] !== runnerRef ? (t19 = (reason) => {
 		let current = buildCurrentRequest();
 		return current ? (runnerRef.send({
 			type: "fetch",
 			request: current,
 			reason
 		}), layout === "mobile" && setMobilePane("response"), !0) : !1;
-	}, $[33] = buildCurrentRequest, $[34] = layout, $[35] = runnerRef, $[36] = t16) : t16 = $[36];
-	let run = t16, t17;
-	$[37] === runnerRef ? t17 = $[38] : (t17 = () => runnerRef.send({ type: "cancel" }), $[37] = runnerRef, $[38] = t17);
-	let cancel = t17, t18;
-	$[39] === run ? t18 = $[40] : (t18 = () => {
+	}, $[44] = buildCurrentRequest, $[45] = layout, $[46] = runnerRef, $[47] = t19) : t19 = $[47];
+	let run = t19, t20;
+	$[48] === runnerRef ? t20 = $[49] : (t20 = () => runnerRef.send({ type: "cancel" }), $[48] = runnerRef, $[49] = t20);
+	let cancel = t20, t21;
+	$[50] === run ? t21 = $[51] : (t21 = () => {
 		run({ type: "mutation" });
-	}, $[39] = run, $[40] = t18);
-	let refetchAfterMutations = t18, t19;
-	$[41] !== actorRef || $[42] !== tab.id ? (t19 = (options) => actorRef.send({
+	}, $[50] = run, $[51] = t21);
+	let refetchAfterMutations = t21, t22;
+	$[52] !== actorRef || $[53] !== tab.id ? (t22 = (options) => actorRef.send({
 		type: "tab.setOptions",
 		id: tab.id,
 		options
-	}), $[41] = actorRef, $[42] = tab.id, $[43] = t19) : t19 = $[43];
-	let setOptions = t19, t20;
-	$[44] !== actorRef || $[45] !== run || $[46] !== tab.autoRefetch || $[47] !== tab.id ? (t20 = () => {
+	}), $[52] = actorRef, $[53] = tab.id, $[54] = t22) : t22 = $[54];
+	let setOptions = t22, t23;
+	$[55] !== actorRef || $[56] !== run || $[57] !== tab.autoRefetch || $[58] !== tab.id ? (t23 = () => {
 		tab.autoRefetch ? actorRef.send({
 			type: "tab.setAutoRefetch",
 			id: tab.id,
@@ -13157,28 +13603,28 @@ function QueryTab(t0) {
 			id: tab.id,
 			autoRefetch: !0
 		});
-	}, $[44] = actorRef, $[45] = run, $[46] = tab.autoRefetch, $[47] = tab.id, $[48] = t20) : t20 = $[48];
-	let toggleAutoRefetch = t20, t21;
-	$[49] === Symbol.for("react.memo_cache_sentinel") ? (t21 = async (query_0) => {
-		let editor = queryEditorRef.current, width = editor?.getVisibleColumns(countLines(query_0)), formatted = await formatGroq(query_0, width);
+	}, $[55] = actorRef, $[56] = run, $[57] = tab.autoRefetch, $[58] = tab.id, $[59] = t23) : t23 = $[59];
+	let toggleAutoRefetch = t23, t24;
+	$[60] === Symbol.for("react.memo_cache_sentinel") ? (t24 = async (query_1) => {
+		let editor = queryEditorRef.current, width = editor?.getVisibleColumns(countLines(query_1)), formatted = await formatGroq(query_1, width);
 		for (let pass = 0; pass < 2 && width !== void 0; pass++) {
 			let nextWidth = editor?.getVisibleColumns(countLines(formatted));
 			if (nextWidth === void 0 || nextWidth >= width) break;
-			width = nextWidth, formatted = await formatGroq(query_0, width);
+			width = nextWidth, formatted = await formatGroq(query_1, width);
 		}
 		return formatted;
-	}, $[49] = t21) : t21 = $[49];
-	let formatForEditor = t21, t22;
-	$[50] !== actorRef || $[51] !== setQuery || $[52] !== tab ? (t22 = async () => {
-		let { query: query_1 } = tab, formatted_0 = await formatForEditor(query_1);
-		actorRef.getSnapshot().context.tabs.find((it_0) => it_0.id === tab.id)?.query === query_1 && formatted_0 !== query_1 && (queryEditorRef.current?.resetEditorContent(formatted_0), setQuery(formatted_0));
-	}, $[50] = actorRef, $[51] = setQuery, $[52] = tab, $[53] = t22) : t22 = $[53];
-	let formatQuery = t22, t23;
-	$[54] !== formatQuery || $[55] !== t || $[56] !== toast ? (t23 = async () => {
+	}, $[60] = t24) : t24 = $[60];
+	let formatForEditor = t24, t25;
+	$[61] !== actorRef || $[62] !== setQuery || $[63] !== tab ? (t25 = async () => {
+		let { query: query_2 } = tab, formatted_0 = await formatForEditor(query_2);
+		actorRef.getSnapshot().context.tabs.find((it_1) => it_1.id === tab.id)?.query === query_2 && formatted_0 !== query_2 && (queryEditorRef.current?.resetEditorContent(formatted_0), setQuery(formatted_0));
+	}, $[61] = actorRef, $[62] = setQuery, $[63] = tab, $[64] = t25) : t25 = $[64];
+	let formatQuery = t25, t26;
+	$[65] !== formatQuery || $[66] !== t || $[67] !== toast ? (t26 = async () => {
 		try {
 			await formatQuery();
-		} catch (t24) {
-			let error = t24;
+		} catch (t27) {
+			let error = t27;
 			toast.push({
 				closable: !0,
 				description: error instanceof GroqSyntaxError ? error.message : void 0,
@@ -13186,33 +13632,33 @@ function QueryTab(t0) {
 				title: t("vista.query.prettify.failed")
 			});
 		}
-	}, $[54] = formatQuery, $[55] = t, $[56] = toast, $[57] = t23) : t23 = $[57];
-	let prettify = t23, t24;
-	$[58] !== copyToClipboard || $[59] !== t || $[60] !== tab.query ? (t24 = () => void copyToClipboard(tab.query, t("vista.query.copied")), $[58] = copyToClipboard, $[59] = t, $[60] = tab.query, $[61] = t24) : t24 = $[61];
-	let copyQuery = t24, pendingRevealRef = useRef(null), drawerOpen = useVistaSelector(_temp2$1), t25;
-	$[62] !== actorRef || $[63] !== drawerOpen || $[64] !== layout || $[65] !== mobilePane ? (t25 = (range) => {
+	}, $[65] = formatQuery, $[66] = t, $[67] = toast, $[68] = t26) : t26 = $[68];
+	let prettify = t26, t27;
+	$[69] !== copyToClipboard || $[70] !== t || $[71] !== tab.query ? (t27 = () => void copyToClipboard(tab.query, t("vista.query.copied")), $[69] = copyToClipboard, $[70] = t, $[71] = tab.query, $[72] = t27) : t27 = $[72];
+	let copyQuery = t27, pendingRevealRef = useRef(null), drawerOpen = useVistaSelector(_temp3), t28;
+	$[73] !== actorRef || $[74] !== drawerOpen || $[75] !== layout || $[76] !== mobilePane ? (t28 = (range) => {
 		layout === "mobile" && (mobilePane !== "request" || drawerOpen) ? (pendingRevealRef.current = range, setMobilePane("request"), drawerOpen && actorRef.send({ type: "drawer.close" })) : queryEditorRef.current?.selectRange(range.from, range.to);
-	}, $[62] = actorRef, $[63] = drawerOpen, $[64] = layout, $[65] = mobilePane, $[66] = t25) : t25 = $[66];
-	let revealRange = t25, t26;
-	$[67] === Symbol.for("react.memo_cache_sentinel") ? (t26 = (edit) => queryEditorRef.current?.applyChanges([edit]), $[67] = t26) : t26 = $[67];
-	let editQuery = t26, t27, t28;
-	$[68] !== drawerOpen || $[69] !== mobilePane ? (t27 = () => {
+	}, $[73] = actorRef, $[74] = drawerOpen, $[75] = layout, $[76] = mobilePane, $[77] = t28) : t28 = $[77];
+	let revealRange = t28, t29;
+	$[78] === Symbol.for("react.memo_cache_sentinel") ? (t29 = (edit) => queryEditorRef.current?.applyChanges([edit]), $[78] = t29) : t29 = $[78];
+	let editQuery = t29, t30, t31;
+	$[79] !== drawerOpen || $[80] !== mobilePane ? (t30 = () => {
 		let pending = pendingRevealRef.current;
 		mobilePane === "request" && !drawerOpen && pending && (pendingRevealRef.current = null, queryEditorRef.current?.selectRange(pending.from, pending.to));
-	}, t28 = [drawerOpen, mobilePane], $[68] = drawerOpen, $[69] = mobilePane, $[70] = t27, $[71] = t28) : (t27 = $[70], t28 = $[71]), useEffect(t27, t28);
-	let t29;
-	$[72] !== runnerRef || $[73] !== setParams || $[74] !== tab.query || $[75] !== tab.rawParams ? (t29 = () => {
+	}, t31 = [drawerOpen, mobilePane], $[79] = drawerOpen, $[80] = mobilePane, $[81] = t30, $[82] = t31) : (t30 = $[81], t31 = $[82]), useEffect(t30, t31);
+	let t32;
+	$[83] !== runnerRef || $[84] !== setParams || $[85] !== tab.query || $[86] !== tab.rawParams ? (t32 = () => {
 		setParams.cancel(), queryEditorRef.current?.resetEditorContent(tab.query), paramsEditorRef.current?.resetEditorContent(tab.rawParams), runnerRef.send({ type: "clear" });
-	}, $[72] = runnerRef, $[73] = setParams, $[74] = tab.query, $[75] = tab.rawParams, $[76] = t29) : t29 = $[76], useOnValueChange(loadRevision, t29);
-	let t30 = tab.autoRefetch && resolved.supportsSyncTags, t31;
-	$[77] !== resolved.dataset || $[78] !== runnerRef || $[79] !== t30 || $[80] !== tab.id ? (t31 = {
+	}, $[83] = runnerRef, $[84] = setParams, $[85] = tab.query, $[86] = tab.rawParams, $[87] = t32) : t32 = $[87], useOnValueChange(loadRevision, t32);
+	let t33 = tab.autoRefetch && resolved.supportsSyncTags, t34;
+	$[88] !== resolved.dataset || $[89] !== runnerRef || $[90] !== t33 || $[91] !== tab.id ? (t34 = {
 		runnerRef,
 		dataset: resolved.dataset,
-		enabled: t30,
+		enabled: t33,
 		tabId: tab.id
-	}, $[77] = resolved.dataset, $[78] = runnerRef, $[79] = t30, $[80] = tab.id, $[81] = t31) : t31 = $[81], useLiveSubscription(t31);
-	let t32;
-	$[82] !== buildCurrentRequest || $[83] !== buildRequest || $[84] !== runnerRef || $[85] !== tab.autoRefetch ? (t32 = () => {
+	}, $[88] = resolved.dataset, $[89] = runnerRef, $[90] = t33, $[91] = tab.id, $[92] = t34) : t34 = $[92], useLiveSubscription(t34);
+	let t35;
+	$[93] !== buildCurrentRequest || $[94] !== buildRequest || $[95] !== runnerRef || $[96] !== tab.autoRefetch ? (t35 = () => {
 		if (!tab.autoRefetch) return;
 		let lastRequest = runnerRef.getSnapshot().context.request;
 		if (!lastRequest) {
@@ -13230,79 +13676,86 @@ function QueryTab(t0) {
 			request: current_1,
 			reason: { type: "resume" }
 		});
-	}, $[82] = buildCurrentRequest, $[83] = buildRequest, $[84] = runnerRef, $[85] = tab.autoRefetch, $[86] = t32) : t32 = $[86];
-	let resumeAutoRefetch = useEffectEvent(t32), t33;
-	$[87] === tab.id ? t33 = $[88] : (t33 = (snapshot_3) => snapshot_3.context.fetchOnOpen.includes(tab.id), $[87] = tab.id, $[88] = t33);
-	let generatedQueryPending = useVistaSelector(t33), t34;
-	$[89] !== actorRef || $[90] !== formatQuery || $[91] !== run || $[92] !== tab.id ? (t34 = async () => {
-		if (!actorRef.getSnapshot().context.fetchOnOpen.includes(tab.id)) return;
-		actorRef.send({
-			type: "tab.fetchedOnOpen",
-			id: tab.id
-		});
-		let previousColumns, settledFrames = 0;
-		for (let frame = 0; frame < 30; frame++) {
-			let columns = queryEditorRef.current?.getVisibleColumns();
-			if (settledFrames = columns !== void 0 && columns === previousColumns ? settledFrames + 1 : 0, settledFrames >= 3) break;
-			previousColumns = columns, await new Promise(_temp3);
+	}, $[93] = buildCurrentRequest, $[94] = buildRequest, $[95] = runnerRef, $[96] = tab.autoRefetch, $[97] = t35) : t35 = $[97];
+	let resumeAutoRefetch = useEffectEvent(t35), t36;
+	$[98] === tab.id ? t36 = $[99] : (t36 = (snapshot_3) => snapshot_3.context.fetchOnOpen[tab.id], $[98] = tab.id, $[99] = t36);
+	let fetchOnOpen = useVistaSelector(t36), t37;
+	$[100] !== actorRef || $[101] !== formatQuery || $[102] !== run || $[103] !== tab.id ? (t37 = async () => {
+		let source = actorRef.getSnapshot().context.fetchOnOpen[tab.id];
+		if (source) {
+			if (actorRef.send({
+				type: "tab.fetchedOnOpen",
+				id: tab.id
+			}), source === "generated") {
+				let previousColumns, settledFrames = 0;
+				for (let frame = 0; frame < 30; frame++) {
+					let columns = queryEditorRef.current?.getVisibleColumns();
+					if (settledFrames = columns !== void 0 && columns === previousColumns ? settledFrames + 1 : 0, settledFrames >= 3) break;
+					previousColumns = columns, await new Promise(_temp4);
+				}
+				await formatQuery().catch(_temp5);
+			}
+			run({ type: source });
 		}
-		await formatQuery().catch(_temp4), run({ type: "generated" });
-	}, $[89] = actorRef, $[90] = formatQuery, $[91] = run, $[92] = tab.id, $[93] = t34) : t34 = $[93];
-	let fetchGeneratedQuery = useEffectEvent(t34), t35;
-	$[94] === resumeAutoRefetch ? t35 = $[95] : (t35 = () => {
+	}, $[100] = actorRef, $[101] = formatQuery, $[102] = run, $[103] = tab.id, $[104] = t37) : t37 = $[104];
+	let fetchOpenedQuery = useEffectEvent(t37), t38;
+	$[105] === resumeAutoRefetch ? t38 = $[106] : (t38 = () => {
 		resumeAutoRefetch();
-	}, $[94] = resumeAutoRefetch, $[95] = t35);
-	let t36;
-	$[96] === Symbol.for("react.memo_cache_sentinel") ? (t36 = [], $[96] = t36) : t36 = $[96], useEffect(t35, t36);
-	let t37;
-	$[97] !== fetchGeneratedQuery || $[98] !== generatedQueryPending ? (t37 = () => {
-		generatedQueryPending && fetchGeneratedQuery();
-	}, $[97] = fetchGeneratedQuery, $[98] = generatedQueryPending, $[99] = t37) : t37 = $[99];
-	let t38;
-	$[100] === generatedQueryPending ? t38 = $[101] : (t38 = [generatedQueryPending], $[100] = generatedQueryPending, $[101] = t38), useEffect(t37, t38);
+	}, $[105] = resumeAutoRefetch, $[106] = t38);
 	let t39;
-	$[102] !== resolved.apiVersion || $[103] !== resolved.dataset || $[104] !== resolved.perspective || $[105] !== resolved.useCdn || $[106] !== resolved.variant || $[107] !== tab.options.includeSourceMap ? (t39 = JSON.stringify([
+	$[107] === Symbol.for("react.memo_cache_sentinel") ? (t39 = [], $[107] = t39) : t39 = $[107], useEffect(t38, t39);
+	let t40;
+	$[108] !== fetchOnOpen || $[109] !== fetchOpenedQuery ? (t40 = () => {
+		fetchOnOpen && fetchOpenedQuery();
+	}, $[108] = fetchOnOpen, $[109] = fetchOpenedQuery, $[110] = t40) : t40 = $[110];
+	let t41;
+	$[111] === fetchOnOpen ? t41 = $[112] : (t41 = [fetchOnOpen], $[111] = fetchOnOpen, $[112] = t41), useEffect(t40, t41);
+	let t42;
+	$[113] !== resolved.apiVersion || $[114] !== resolved.dataset || $[115] !== resolved.perspective || $[116] !== resolved.useCdn || $[117] !== resolved.variant || $[118] !== tab.options.includeSourceMap ? (t42 = JSON.stringify([
 		resolved.apiVersion,
 		resolved.dataset,
 		resolved.perspective,
 		resolved.variant,
 		resolved.useCdn,
 		tab.options.includeSourceMap
-	]), $[102] = resolved.apiVersion, $[103] = resolved.dataset, $[104] = resolved.perspective, $[105] = resolved.useCdn, $[106] = resolved.variant, $[107] = tab.options.includeSourceMap, $[108] = t39) : t39 = $[108];
-	let refetchKey = `${loadRevision}|${t39}`, t40;
-	$[109] !== buildCurrentRequest || $[110] !== runnerRef || $[111] !== tab.autoRefetch ? (t40 = (key, previous) => {
+	]), $[113] = resolved.apiVersion, $[114] = resolved.dataset, $[115] = resolved.perspective, $[116] = resolved.useCdn, $[117] = resolved.variant, $[118] = tab.options.includeSourceMap, $[119] = t42) : t42 = $[119];
+	let refetchKey = `${loadRevision}|${t42}`, t43;
+	$[120] !== buildCurrentRequest || $[121] !== fetchOnOpen || $[122] !== runnerRef || $[123] !== tab.autoRefetch ? (t43 = (key, previous) => {
 		if (!tab.autoRefetch) return;
-		let loaded = key.split("|", 1)[0] !== previous.split("|", 1)[0], current_2 = buildCurrentRequest();
+		let loaded = key.split("|", 1)[0] !== previous.split("|", 1)[0];
+		if (loaded && fetchOnOpen) return;
+		let current_2 = buildCurrentRequest();
 		current_2 && runnerRef.send({
 			type: "fetch",
 			request: current_2,
 			reason: { type: loaded ? "load" : "options" }
 		});
-	}, $[109] = buildCurrentRequest, $[110] = runnerRef, $[111] = tab.autoRefetch, $[112] = t40) : t40 = $[112], useOnValueChange(refetchKey, t40);
-	let t41;
-	$[113] === setOptions ? t41 = $[114] : (t41 = (perspective) => setOptions({ perspective }), $[113] = setOptions, $[114] = t41), useFollowNavbarPerspective(resolved.tabPerspective, t41);
-	let t42;
-	$[115] !== copyQuery || $[116] !== prettify || $[117] !== run ? (t42 = (shortcut) => {
-		bb262: switch (shortcut) {
+	}, $[120] = buildCurrentRequest, $[121] = fetchOnOpen, $[122] = runnerRef, $[123] = tab.autoRefetch, $[124] = t43) : t43 = $[124], useOnValueChange(refetchKey, t43);
+	let t44;
+	$[125] === setOptions ? t44 = $[126] : (t44 = (perspective) => setOptions({ perspective }), $[125] = setOptions, $[126] = t44), useFollowNavbarPerspective(resolved.tabPerspective, t44);
+	let t45;
+	$[127] !== copyQuery || $[128] !== prettify || $[129] !== run ? (t45 = (shortcut) => {
+		bb317: switch (shortcut) {
 			case "fetch":
 				run({ type: "shortcut" });
-				break bb262;
+				break bb317;
 			case "prettify":
 				prettify();
-				break bb262;
+				break bb317;
 			case "copy-query":
 				copyQuery();
-				break bb262;
+				break bb317;
 			default: throw Error(`Unhandled shortcut: ${String(shortcut)}`);
 		}
-	}, $[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) => {
+	}, $[127] = copyQuery, $[128] = prettify, $[129] = run, $[130] = t45) : t45 = $[130];
+	let t46;
+	$[131] !== actorRef || $[132] !== datasets || $[133] !== isVariantsEnabled || $[134] !== resolved.variant || $[135] !== t || $[136] !== tab.id || $[137] !== toast ? (t46 = (text) => {
 		let parsed = parseQueryUrl(text, datasets);
 		return parsed ? (actorRef.send({
 			type: "tab.load",
 			id: tab.id,
-			tab: parsedQueryToTabInit(parsed)
+			tab: parsedQueryToTabInit(parsed),
+			fetch: "paste"
 		}), toast.push({
 			closable: !0,
 			id: "vista-paste",
@@ -13322,21 +13775,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];
-	let t44;
-	$[126] !== rootElement || $[127] !== t42 || $[128] !== t43 ? (t44 = {
-		rootElement,
-		onShortcut: t42,
-		onPaste: t43
-	}, $[126] = rootElement, $[127] = t42, $[128] = t43, $[129] = t44) : t44 = $[129], useVistaDocumentEvents(t44);
-	let t45;
-	$[130] === prettify ? t45 = $[131] : (t45 = () => void prettify(), $[130] = prettify, $[131] = t45);
-	let t46;
-	$[132] === run ? t46 = $[133] : (t46 = () => run({ type: "manual" }), $[132] = run, $[133] = t46);
+	}, $[131] = actorRef, $[132] = datasets, $[133] = isVariantsEnabled, $[134] = resolved.variant, $[135] = t, $[136] = tab.id, $[137] = toast, $[138] = t46) : t46 = $[138];
 	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, {
+	$[139] !== rootElement || $[140] !== t45 || $[141] !== t46 ? (t47 = {
+		rootElement,
+		onShortcut: t45,
+		onPaste: t46
+	}, $[139] = rootElement, $[140] = t45, $[141] = t46, $[142] = t47) : t47 = $[142], useVistaDocumentEvents(t47);
+	let t48;
+	$[143] === prettify ? t48 = $[144] : (t48 = () => void prettify(), $[143] = prettify, $[144] = t48);
+	let t49;
+	$[145] === run ? t49 = $[146] : (t49 = () => run({ type: "manual" }), $[145] = run, $[146] = t49);
+	let t50;
+	$[147] !== buildRequest || $[148] !== cancel || $[149] !== copyQuery || $[150] !== isFetching || $[151] !== params || $[152] !== replaceParams || $[153] !== request || $[154] !== resolved || $[155] !== setOptions || $[156] !== setParams || $[157] !== setQuery || $[158] !== t48 || $[159] !== t49 || $[160] !== tab || $[161] !== toggleAutoRefetch ? (t50 = /* @__PURE__ */ jsx(RequestPanel, {
 		buildRequest,
 		formatForEditor,
 		isFetching,
@@ -13346,9 +13799,9 @@ function QueryTab(t0) {
 		onOptionsChange: setOptions,
 		onParamsChange: setParams,
 		onParamsReplace: replaceParams,
-		onPrettify: t45,
+		onPrettify: t48,
 		onQueryChange: setQuery,
-		onRun: t46,
+		onRun: t49,
 		onToggleAutoRefetch: toggleAutoRefetch,
 		params,
 		paramsEditorRef,
@@ -13356,9 +13809,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];
-	let requestPanel = t47, t48;
-	$[150] !== lintFindings || $[151] !== refetchAfterMutations || $[152] !== request || $[153] !== resolved || $[154] !== revealRange || $[155] !== runnerRef || $[156] !== tab ? (t48 = /* @__PURE__ */ jsx(ResponsePanel, {
+	}), $[147] = buildRequest, $[148] = cancel, $[149] = copyQuery, $[150] = isFetching, $[151] = params, $[152] = replaceParams, $[153] = request, $[154] = resolved, $[155] = setOptions, $[156] = setParams, $[157] = setQuery, $[158] = t48, $[159] = t49, $[160] = tab, $[161] = toggleAutoRefetch, $[162] = t50) : t50 = $[162];
+	let requestPanel = t50, t51;
+	$[163] !== lintFindings || $[164] !== refetchAfterMutations || $[165] !== request || $[166] !== resolved || $[167] !== revealRange || $[168] !== runnerRef || $[169] !== tab ? (t51 = /* @__PURE__ */ jsx(ResponsePanel, {
 		lintFindings,
 		onEditQuery: editQuery,
 		onMutationsApplied: refetchAfterMutations,
@@ -13367,142 +13820,145 @@ function QueryTab(t0) {
 		resolved,
 		runnerRef,
 		tab
-	}), $[150] = lintFindings, $[151] = refetchAfterMutations, $[152] = request, $[153] = resolved, $[154] = revealRange, $[155] = runnerRef, $[156] = tab, $[157] = t48) : t48 = $[157];
-	let responsePanel = t48, t49;
-	$[158] === tab.id ? t49 = $[159] : (t49 = getQueryTabId(tab.id), $[158] = tab.id, $[159] = t49);
-	let t50;
-	$[160] === t49 ? t50 = $[161] : (t50 = {
-		"aria-labelledby": t49,
+	}), $[163] = lintFindings, $[164] = refetchAfterMutations, $[165] = request, $[166] = resolved, $[167] = revealRange, $[168] = runnerRef, $[169] = tab, $[170] = t51) : t51 = $[170];
+	let responsePanel = t51, t52;
+	$[171] === tab.id ? t52 = $[172] : (t52 = getQueryTabId(tab.id), $[171] = tab.id, $[172] = t52);
+	let t53;
+	$[173] === t52 ? t53 = $[174] : (t53 = {
+		"aria-labelledby": t52,
 		"data-testid": "vista-query-tab",
 		id: QUERY_TAB_PANEL_ID,
 		role: "tabpanel"
-	}, $[160] = t49, $[161] = t50);
-	let panelProps = t50;
+	}, $[173] = t52, $[174] = t53);
+	let panelProps = t53;
 	if (layout === "mobile") {
-		let t51;
-		$[162] === t ? t51 = $[163] : (t51 = t("query.label"), $[162] = t, $[163] = t51);
-		let t52;
-		$[164] === Symbol.for("react.memo_cache_sentinel") ? (t52 = () => setMobilePane("request"), $[164] = t52) : t52 = $[164];
-		let t53 = mobilePane === "request", t54;
-		$[165] !== t51 || $[166] !== t53 ? (t54 = /* @__PURE__ */ jsx(Tab, {
+		let t54;
+		$[175] === t ? t54 = $[176] : (t54 = t("query.label"), $[175] = t, $[176] = t54);
+		let t55;
+		$[177] === Symbol.for("react.memo_cache_sentinel") ? (t55 = () => setMobilePane("request"), $[177] = t55) : t55 = $[177];
+		let t56 = mobilePane === "request", t57;
+		$[178] !== t54 || $[179] !== t56 ? (t57 = /* @__PURE__ */ jsx(Tab, {
 			"aria-controls": "vista-mobile-request-pane",
 			fontSize: 1,
 			id: "vista-mobile-request-tab",
-			label: t51,
-			onClick: t52,
+			label: t54,
+			onClick: t55,
 			padding: 2,
-			selected: t53
-		}), $[165] = t51, $[166] = t53, $[167] = t54) : t54 = $[167];
-		let t55;
-		$[168] === t ? t55 = $[169] : (t55 = t("result.label"), $[168] = t, $[169] = t55);
-		let t56;
-		$[170] === Symbol.for("react.memo_cache_sentinel") ? (t56 = () => setMobilePane("response"), $[170] = t56) : t56 = $[170];
-		let t57 = mobilePane === "response", t58;
-		$[171] !== t55 || $[172] !== t57 ? (t58 = /* @__PURE__ */ jsx(Tab, {
+			selected: t56
+		}), $[178] = t54, $[179] = t56, $[180] = t57) : t57 = $[180];
+		let t58;
+		$[181] === t ? t58 = $[182] : (t58 = t("result.label"), $[181] = t, $[182] = t58);
+		let t59;
+		$[183] === Symbol.for("react.memo_cache_sentinel") ? (t59 = () => setMobilePane("response"), $[183] = t59) : t59 = $[183];
+		let t60 = mobilePane === "response", t61;
+		$[184] !== t58 || $[185] !== t60 ? (t61 = /* @__PURE__ */ jsx(Tab, {
 			"aria-controls": "vista-mobile-response-pane",
 			fontSize: 1,
 			id: "vista-mobile-response-tab",
-			label: t55,
-			onClick: t56,
+			label: t58,
+			onClick: t59,
 			padding: 2,
-			selected: t57
-		}), $[171] = t55, $[172] = t57, $[173] = t58) : t58 = $[173];
-		let t59;
-		$[174] !== t54 || $[175] !== t58 ? (t59 = /* @__PURE__ */ jsx(Flex, {
+			selected: t60
+		}), $[184] = t58, $[185] = t60, $[186] = t61) : t61 = $[186];
+		let t62;
+		$[187] !== t57 || $[188] !== t61 ? (t62 = /* @__PURE__ */ jsx(Flex, {
 			borderBottom: !0,
 			flexShrink: 0,
 			justifyContent: "center",
 			paddingY: 1,
 			children: /* @__PURE__ */ jsxs(TabList, {
 				gap: 1,
-				children: [t54, t58]
+				children: [t57, t61]
 			})
-		}), $[174] = t54, $[175] = t58, $[176] = t59) : t59 = $[176];
-		let t60 = mobilePane !== "request" && "_1anxzyvq", t61;
-		$[177] === t60 ? t61 = $[178] : (t61 = cx(paneFill, t60), $[177] = t60, $[178] = t61);
-		let t62;
-		$[179] !== requestPanel || $[180] !== t61 ? (t62 = /* @__PURE__ */ jsx(Box, {
+		}), $[187] = t57, $[188] = t61, $[189] = t62) : t62 = $[189];
+		let t63 = mobilePane !== "request" && "cTWfhW_hiddenPane", t64;
+		$[190] === t63 ? t64 = $[191] : (t64 = cx(_key12$1, t63), $[190] = t63, $[191] = t64);
+		let t65;
+		$[192] !== requestPanel || $[193] !== t64 ? (t65 = /* @__PURE__ */ jsx(Box, {
 			"aria-labelledby": "vista-mobile-request-tab",
-			className: t61,
+			className: t64,
 			flexBasis: "0%",
 			flexGrow: 1,
 			id: "vista-mobile-request-pane",
 			role: "tabpanel",
 			children: requestPanel
-		}), $[179] = requestPanel, $[180] = t61, $[181] = t62) : t62 = $[181];
-		let t63 = mobilePane !== "response" && "_1anxzyvq", t64;
-		$[182] === t63 ? t64 = $[183] : (t64 = cx(paneFill, t63), $[182] = t63, $[183] = t64);
-		let t65;
-		$[184] !== responsePanel || $[185] !== t64 ? (t65 = /* @__PURE__ */ jsx(Box, {
+		}), $[192] = requestPanel, $[193] = t64, $[194] = t65) : t65 = $[194];
+		let t66 = mobilePane !== "response" && "cTWfhW_hiddenPane", t67;
+		$[195] === t66 ? t67 = $[196] : (t67 = cx(_key12$1, t66), $[195] = t66, $[196] = t67);
+		let t68;
+		$[197] !== responsePanel || $[198] !== t67 ? (t68 = /* @__PURE__ */ jsx(Box, {
 			"aria-labelledby": "vista-mobile-response-tab",
-			className: t64,
+			className: t67,
 			flexBasis: "0%",
 			flexGrow: 1,
 			id: "vista-mobile-response-pane",
 			role: "tabpanel",
 			children: responsePanel
-		}), $[184] = responsePanel, $[185] = t64, $[186] = t65) : t65 = $[186];
-		let t66;
-		return $[187] !== panelProps || $[188] !== t59 || $[189] !== t62 || $[190] !== t65 ? (t66 = /* @__PURE__ */ jsxs(Flex, {
+		}), $[197] = responsePanel, $[198] = t67, $[199] = t68) : t68 = $[199];
+		let t69;
+		return $[200] !== panelProps || $[201] !== t62 || $[202] !== t65 || $[203] !== t68 ? (t69 = /* @__PURE__ */ jsxs(Flex, {
 			...panelProps,
 			flexBasis: "0%",
 			flexDirection: "column",
 			flexGrow: 1,
 			minHeight: "0",
 			children: [
-				t59,
 				t62,
-				t65
+				t65,
+				t68
 			]
-		}), $[187] = panelProps, $[188] = t59, $[189] = t62, $[190] = t65, $[191] = t66) : t66 = $[191], t66;
+		}), $[200] = panelProps, $[201] = t62, $[202] = t65, $[203] = t68, $[204] = t69) : t69 = $[204], t69;
 	}
-	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);
-	let t52, t53;
-	$[194] === layout ? (t52 = $[195], t53 = $[196]) : (t52 = (size) => setSplitSizes((sizes) => ({
+	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])), t54;
+	$[205] === t ? t54 = $[206] : (t54 = t("vista.split.request-response"), $[205] = t, $[206] = t54);
+	let t55, t56;
+	$[207] === layout ? (t55 = $[208], t56 = $[209]) : (t55 = (size) => setSplitSizes((sizes) => ({
 		...sizes,
 		[layout]: size
-	})), t53 = () => setSplitSizes((sizes_0) => ({
+	})), t56 = () => setSplitSizes((sizes_0) => ({
 		...sizes_0,
 		[layout]: void 0
-	})), $[194] = layout, $[195] = t52, $[196] = t53);
-	let t54 = splitSizes[layout] ?? defaultSplitSize, t55 = layout === "stacked" ? "horizontal" : "vertical", t56;
-	$[197] === requestPanel ? t56 = $[198] : (t56 = /* @__PURE__ */ jsx(Box, {
-		className: paneFill,
+	})), $[207] = layout, $[208] = t55, $[209] = t56);
+	let t57 = splitSizes[layout] ?? defaultSplitSize, t58 = layout === "stacked" ? "horizontal" : "vertical", t59;
+	$[210] === requestPanel ? t59 = $[211] : (t59 = /* @__PURE__ */ jsx(Box, {
+		className: _key12$1,
 		children: requestPanel
-	}), $[197] = requestPanel, $[198] = t56);
-	let t57;
-	$[199] === responsePanel ? t57 = $[200] : (t57 = /* @__PURE__ */ jsx(Box, {
-		className: paneFill,
+	}), $[210] = requestPanel, $[211] = t59);
+	let t60;
+	$[212] === responsePanel ? t60 = $[213] : (t60 = /* @__PURE__ */ jsx(Box, {
+		className: _key12$1,
 		children: responsePanel
-	}), $[199] = responsePanel, $[200] = 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, {
-		label: t51,
+	}), $[212] = responsePanel, $[213] = t60);
+	let t61;
+	$[214] !== layout || $[215] !== minSize || $[216] !== t54 || $[217] !== t55 || $[218] !== t56 || $[219] !== t57 || $[220] !== t58 || $[221] !== t59 || $[222] !== t60 ? (t61 = /* @__PURE__ */ jsxs(ResizableSplit, {
+		label: t54,
 		minSecondarySize: minSize,
 		minSize,
-		onChange: t52,
-		onReset: t53,
-		size: t54,
-		split: t55,
+		onChange: t55,
+		onReset: t56,
+		size: t57,
+		split: t58,
 		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];
-	let t59;
-	return $[211] !== panelProps || $[212] !== t58 ? (t59 = /* @__PURE__ */ jsx(Box, {
+		children: [t59, t60]
+	}, layout), $[214] = layout, $[215] = minSize, $[216] = t54, $[217] = t55, $[218] = t56, $[219] = t57, $[220] = t58, $[221] = t59, $[222] = t60, $[223] = t61) : t61 = $[223];
+	let t62;
+	return $[224] !== panelProps || $[225] !== t61 ? (t62 = /* @__PURE__ */ jsx(Box, {
 		...panelProps,
-		className: splitPaneContainer,
+		className: _key42,
 		ref: setSplitContainer,
-		children: t58
-	}), $[211] = panelProps, $[212] = t58, $[213] = t59) : t59 = $[213], t59;
+		children: t61
+	}), $[224] = panelProps, $[225] = t61, $[226] = t62) : t62 = $[226], t62;
 }
-function _temp4() {}
-function _temp3(resolve) {
+function _temp5() {}
+function _temp4(resolve) {
 	return requestAnimationFrame(resolve);
 }
-function _temp2$1(snapshot_2) {
+function _temp3(snapshot_2) {
 	return selectOpenDrawer(snapshot_2) !== null;
 }
+function _temp2$1(param) {
+	return param.name;
+}
 function _temp$1(snapshot_1) {
 	return isPanelExpanded(snapshot_1, "params");
 }
@@ -13572,7 +14028,9 @@ function VistaDialogs() {
 * shared, and opens the request a URL names when it is not what the tool wrote there itself (a
 * link opened from elsewhere, a bookmark). The value is the query URL the Response panel shows,
 * read the way a pasted one is: a tab already showing the request is selected, otherwise one
-* opens for it.
+* opens for it and runs the query right away, as a pasted URL does. A tab that already shows the
+* request is only selected (after a reload, the address names the active tab's own request), so
+* its last result stays as it was.
 */
 function VistaUrlState(t0) {
 	let $ = c(21), { tab } = t0, { t } = useTranslation(visionLocaleNamespace), toast = useToast(), router = useRouter(), actorRef = useVistaActor(), datasets = useVistaSelector(selectDatasets), environment = useRequestEnvironment(), { request } = useQueryRequestBuilder(tab), activeUrl = request?.url ?? null, t1;
@@ -13587,7 +14045,8 @@ function VistaUrlState(t0) {
 			id: existing.id
 		}) : (actorRef.send({
 			type: "tab.add",
-			tab: parsedQueryToTabInit(parsed)
+			tab: parsedQueryToTabInit(parsed),
+			fetch: "link"
 		}), parsed.isKnownDataset || toast.push({
 			closable: !0,
 			status: "warning",
@@ -13787,7 +14246,7 @@ function VistaWebMcp(t0) {
 						title,
 						options: tab.options
 					},
-					fetch: input.run !== !1
+					fetch: input.run === !1 ? void 0 : "generated"
 				}), text(`Opened the query in a new tab${input.run === !1 ? "" : " and ran it"}.`);
 			}
 			case "vision_check_query": {
@@ -13936,7 +14395,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 +14445,4 @@ function VistaGui(props) {
 }
 export { VistaGui };
 
-//# sourceMappingURL=VistaGui-DmXZyJ6k.js.map
+//# sourceMappingURL=VistaGui-D3NHSIsK.js.map