@sanity/vision 6.7.0-next.4 → 6.7.0-next.42

package/lib/SanityVision-BKf_KyD3.js

@@ -0,0 +1,2771 @@
+import { t as visionLocaleNamespace } from "./i18n-DWd7qwtK.js";
+import { Component, Fragment, forwardRef, useEffect, useEffectEvent, useImperativeHandle, useRef, useState } from "react";
+import { ContextMenuButton, Translate, UserAvatar, getReleaseIdFromReleaseDocumentId, isCardinalityOneRelease, sortReleases, useActiveReleases, useClient, useCurrentUser, useDataset, useDateTimeFormat, useKeyValueStore, usePerspective, useScheduledDraftsEnabled, useTranslation, useWorkspace } from "sanity";
+import { IntentLink } from "sanity/router";
+import { c } from "react/compiler-runtime";
+import { Badge, Box, Button, Card, Code, Container, Dialog, Flex, Grid, Heading, Hotkeys, Inline, Label, Menu, MenuButton, MenuItem, Popover, Select, Spinner, Stack, Tab, TabList, Text, TextInput, Tooltip, rem, useClickOutsideEvent, useTheme, useTheme_v2, useToast } from "@sanity/ui";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { SplitPane } from "@rexxars/react-split-pane";
+import { ChevronLeftIcon } from "@sanity/icons/ChevronLeft";
+import { ChevronRightIcon } from "@sanity/icons/ChevronRight";
+import { isHotkey } from "is-hotkey-esm";
+import { closeBrackets } from "@codemirror/autocomplete";
+import { defaultKeymap, history, historyKeymap } from "@codemirror/commands";
+import { javascriptLanguage } from "@codemirror/lang-javascript";
+import { HighlightStyle, bracketMatching, defaultHighlightStyle, indentOnInput, syntaxHighlighting } from "@codemirror/language";
+import { highlightSelectionMatches } from "@codemirror/search";
+import { EditorView, drawSelection, highlightActiveLine, highlightActiveLineGutter, highlightSpecialChars, keymap, lineNumbers } from "@codemirror/view";
+import { groq } from "@sanity/lezer-groq";
+import CodeMirror, { EditorSelection } from "@uiw/react-codemirror";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { tags } from "@lezer/highlight";
+import { hues } from "@sanity/color";
+import { ErrorOutlineIcon } from "@sanity/icons/ErrorOutline";
+import debounce from "lodash-es/debounce.js";
+import JSON5 from "json5";
+import { AddIcon } from "@sanity/icons/Add";
+import { LockIcon } from "@sanity/icons/Lock";
+import { SearchIcon } from "@sanity/icons/Search";
+import { TrashIcon } from "@sanity/icons/Trash";
+import { UnpublishIcon } from "@sanity/icons/Unpublish";
+import { UsersIcon } from "@sanity/icons/Users";
+import isEqual from "lodash-es/isEqual.js";
+import { uuid } from "@sanity/uuid";
+import { map, startWith } from "rxjs/operators";
+import { PlayIcon } from "@sanity/icons/Play";
+import { StopIcon } from "@sanity/icons/Stop";
+import { CopyIcon } from "@sanity/icons/Copy";
+import { HelpCircleIcon } from "@sanity/icons/HelpCircle";
+import { json2csv } from "json-2-csv";
+import { JsonInspector } from "@rexxars/react-json-inspector";
+import { LinkIcon } from "@sanity/icons/Link";
+import LRU from "quick-lru";
+import { DocumentSheetIcon } from "@sanity/icons/DocumentSheet";
+import { useObservable } from "react-rx";
+import { catchError, map as map$1, of } from "rxjs";
+const API_VERSIONS = [
+	"v1",
+	"vX",
+	"v2021-03-25",
+	"v2021-10-21",
+	"v2022-03-07",
+	"v2025-02-19",
+	`v${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}`
+], [DEFAULT_API_VERSION] = API_VERSIONS.slice(-1);
+function DelayedSpinner(props) {
+	let $ = c(5), [show, setShow] = useState(!1), t0, t1;
+	$[0] === props.delay ? (t0 = $[1], t1 = $[2]) : (t0 = () => {
+		let timer = setTimeout(() => setShow(!0), props.delay || 500);
+		return () => clearTimeout(timer);
+	}, t1 = [props.delay], $[0] = props.delay, $[1] = t0, $[2] = t1), useEffect(t0, t1);
+	let t2;
+	return $[3] === show ? t2 = $[4] : (t2 = show ? /* @__PURE__ */ jsx(Spinner, {
+		muted: !0,
+		size: 4
+	}) : null, $[3] = show, $[4] = t2), t2;
+}
+const sharedExtensions = [
+	lineNumbers(),
+	highlightActiveLine(),
+	highlightActiveLineGutter(),
+	highlightSelectionMatches(),
+	highlightSpecialChars(),
+	indentOnInput(),
+	bracketMatching(),
+	closeBrackets(),
+	history(),
+	drawSelection(),
+	syntaxHighlighting(defaultHighlightStyle, { fallback: !0 }),
+	keymap.of([
+		{
+			key: "Mod-Enter",
+			run: () => !0
+		},
+		defaultKeymap,
+		historyKeymap
+	].flat().filter(Boolean))
+], groqExtensions = [groq(), ...sharedExtensions], paramsExtensions = [javascriptLanguage, ...sharedExtensions];
+function useCodemirrorTheme(theme) {
+	let $ = c(7), t0;
+	$[0] === theme ? t0 = $[1] : (t0 = createTheme(theme), $[0] = theme, $[1] = t0);
+	let cmTheme = t0, t1;
+	$[2] === theme ? t1 = $[3] : (t1 = syntaxHighlighting(createHighlight(theme)), $[2] = theme, $[3] = t1);
+	let cmHighlight = t1, t2;
+	return $[4] !== cmHighlight || $[5] !== cmTheme ? (t2 = [cmTheme, cmHighlight], $[4] = cmHighlight, $[5] = cmTheme, $[6] = t2) : t2 = $[6], t2;
+}
+function createTheme(theme) {
+	let { color, fonts } = theme.sanity, card = color.card.enabled, cursor = hues.blue[color.dark ? 400 : 500].hex, selection = hues.gray[theme.sanity.color.dark ? 900 : 100].hex;
+	return EditorView.theme({
+		"&": {
+			color: card.fg,
+			backgroundColor: card.bg
+		},
+		".cm-content": { caretColor: cursor },
+		".cm-editor": {
+			fontFamily: fonts.code.family,
+			fontSize: rem(fonts.code.sizes[1].fontSize),
+			lineHeight: "inherit"
+		},
+		".cm-cursor, .cm-dropCursor": { borderLeftColor: cursor },
+		"&.cm-focused .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection": { backgroundColor: selection },
+		".cm-panels": {
+			backgroundColor: card.bg,
+			color: card.fg
+		},
+		".cm-panels.cm-panels-top": { borderBottom: `2px solid ${card.border}` },
+		".cm-panels.cm-panels-bottom": { borderTop: `2px solid ${card.border}` }
+	}, { dark: color.dark });
+}
+function createHighlight(theme) {
+	let c = theme.sanity.color.base, s = theme.sanity.color.syntax;
+	return HighlightStyle.define([
+		{
+			tag: tags.keyword,
+			color: s.keyword
+		},
+		{
+			tag: [
+				tags.propertyName,
+				tags.name,
+				tags.deleted,
+				tags.character,
+				tags.macroName
+			],
+			color: s.property
+		},
+		{
+			tag: [tags.function(tags.variableName), tags.labelName],
+			color: s.function
+		},
+		{
+			tag: [
+				tags.color,
+				tags.constant(tags.name),
+				tags.standard(tags.name)
+			],
+			color: s.variable
+		},
+		{
+			tag: [tags.definition(tags.name), tags.separator],
+			color: s.constant
+		},
+		{
+			tag: [
+				tags.typeName,
+				tags.className,
+				tags.number,
+				tags.changed,
+				tags.annotation,
+				tags.modifier,
+				tags.self,
+				tags.namespace
+			],
+			color: s.number
+		},
+		{
+			tag: [
+				tags.operator,
+				tags.operatorKeyword,
+				tags.url,
+				tags.escape,
+				tags.regexp,
+				tags.link,
+				tags.special(tags.string)
+			],
+			color: s.operator
+		},
+		{
+			tag: [tags.meta, tags.comment],
+			color: s.comment
+		},
+		{
+			tag: tags.strong,
+			fontWeight: "bold"
+		},
+		{
+			tag: tags.emphasis,
+			fontStyle: "italic"
+		},
+		{
+			tag: tags.strikethrough,
+			textDecoration: "line-through"
+		},
+		{
+			tag: tags.heading,
+			fontWeight: "bold",
+			color: s.property
+		},
+		{
+			tag: [
+				tags.atom,
+				tags.bool,
+				tags.special(tags.variableName)
+			],
+			color: s.boolean
+		},
+		{
+			tag: [
+				tags.processingInstruction,
+				tags.string,
+				tags.inserted
+			],
+			color: s.string
+		},
+		{
+			tag: tags.invalid,
+			color: c.fg
+		}
+	]);
+}
+var contentBorderRightWidthVar = "var(--_116kdfx1)", contentPaddingTopVar = "var(--_116kdfx2)", editorRoot = "_116kdfx3", linePaddingLeftVar = "var(--_116kdfx0)";
+function EditorRoot(t0) {
+	let $ = c(13), { children } = t0, { sanity } = useTheme(), t1;
+	$[0] === sanity.space[3] ? t1 = $[1] : (t1 = rem(sanity.space[3]), $[0] = sanity.space[3], $[1] = t1);
+	let t2 = `${t1}`, t3;
+	$[2] === sanity.space[4] ? t3 = $[3] : (t3 = rem(sanity.space[4]), $[2] = sanity.space[4], $[3] = t3);
+	let t4 = `${t3}`, t5;
+	$[4] === sanity.space[5] ? t5 = $[5] : (t5 = rem(sanity.space[5]), $[4] = sanity.space[5], $[5] = t5);
+	let t6 = `${t5}`, t7;
+	$[6] !== t2 || $[7] !== t4 || $[8] !== t6 ? (t7 = assignInlineVars({
+		[linePaddingLeftVar]: t2,
+		[contentBorderRightWidthVar]: t4,
+		[contentPaddingTopVar]: t6
+	}), $[6] = t2, $[7] = t4, $[8] = t6, $[9] = t7) : t7 = $[9];
+	let t8;
+	return $[10] !== children || $[11] !== t7 ? (t8 = /* @__PURE__ */ jsx("div", {
+		className: editorRoot,
+		style: t7,
+		children
+	}), $[10] = children, $[11] = t7, $[12] = t8) : t8 = $[12], t8;
+}
+const VisionCodeMirror = forwardRef((props, ref) => {
+	let $ = c(8), [initialValue] = useState(props.initialValue), theme = useCodemirrorTheme(useTheme()), codeMirrorRef = useRef(null), t0;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = (newContent) => {
+		let editorView = codeMirrorRef.current?.view;
+		if (!editorView) return;
+		let currentDoc = editorView.state.doc.toString();
+		newContent !== currentDoc && editorView.dispatch({
+			changes: {
+				from: 0,
+				to: currentDoc.length,
+				insert: newContent
+			},
+			selection: EditorSelection.cursor(newContent.length)
+		});
+	}, $[0] = t0) : t0 = $[0];
+	let resetEditorContent = t0, t1, t2;
+	$[1] === Symbol.for("react.memo_cache_sentinel") ? (t1 = () => ({ resetEditorContent }), t2 = [resetEditorContent], $[1] = t1, $[2] = t2) : (t1 = $[1], t2 = $[2]), useImperativeHandle(ref, t1, t2);
+	let t3;
+	return $[3] !== initialValue || $[4] !== props.extensions || $[5] !== props.onChange || $[6] !== theme ? (t3 = /* @__PURE__ */ jsx(EditorRoot, { children: /* @__PURE__ */ jsx(CodeMirror, {
+		ref: codeMirrorRef,
+		basicSetup: !1,
+		theme,
+		extensions: props.extensions,
+		value: initialValue,
+		onChange: props.onChange
+	}) }), $[3] = initialValue, $[4] = props.extensions, $[5] = props.onChange, $[6] = theme, $[7] = t3) : t3 = $[7], t3;
+});
+VisionCodeMirror.displayName = "VisionCodeMirror";
+const SUPPORTED_PERSPECTIVES = [
+	"pinnedRelease",
+	"scheduledDrafts",
+	"raw",
+	"published",
+	"drafts"
+], VIRTUAL_PERSPECTIVES = ["pinnedRelease", "scheduledDrafts"];
+function isSupportedPerspective(p) {
+	return SUPPORTED_PERSPECTIVES.includes(p);
+}
+function isVirtualPerspective(maybeVirtualPerspective) {
+	return typeof maybeVirtualPerspective == "string" && VIRTUAL_PERSPECTIVES.includes(maybeVirtualPerspective);
+}
+function hasPinnedPerspective({ selectedPerspectiveName }) {
+	return selectedPerspectiveName !== void 0;
+}
+function getActivePerspective({ visionPerspective, perspectiveStack, scheduledDraftsStack }) {
+	return visionPerspective === "pinnedRelease" ? perspectiveStack : visionPerspective === "scheduledDrafts" ? scheduledDraftsStack : visionPerspective;
+}
+function encodeQueryString(query, params = {}, options = {}) {
+	let searchParams = new URLSearchParams();
+	searchParams.set("query", query);
+	for (let [key, value] of Object.entries(params)) searchParams.set(`$${key}`, JSON.stringify(value));
+	for (let [key, value] of Object.entries(options)) value && searchParams.set(key, `${value}`);
+	return `?${searchParams}`;
+}
+function isPlainObject(obj) {
+	return !!obj && typeof obj == "object" && Object.prototype.toString.call(obj) === "[object Object]";
+}
+const hasLocalStorage = supportsLocalStorage(), keyPrefix = "sanityVision:";
+function clearLocalStorage() {
+	if (hasLocalStorage) for (let i = 0; i < localStorage.length; i++) {
+		let key = localStorage.key(i);
+		key?.startsWith(keyPrefix) && localStorage.removeItem(key);
+	}
+}
+function getLocalStorage(namespace) {
+	let storageKey = `${keyPrefix}${namespace}`, loadedState = null;
+	return {
+		get,
+		set,
+		merge
+	};
+	function get(key, defaultVal) {
+		let state = ensureState();
+		return state[key] === void 0 ? defaultVal : state[key];
+	}
+	function set(key, value) {
+		let state = ensureState();
+		return state[key] = value, localStorage.setItem(storageKey, JSON.stringify(loadedState)), value;
+	}
+	function merge(props) {
+		let state = {
+			...ensureState(),
+			...props
+		};
+		return localStorage.setItem(storageKey, JSON.stringify(state)), state;
+	}
+	function ensureState() {
+		return loadedState === null && (loadedState = loadState()), loadedState;
+	}
+	function loadState() {
+		if (!hasLocalStorage) return {};
+		try {
+			let stored = JSON.parse(localStorage.getItem(storageKey) || "{}");
+			return isPlainObject(stored) ? stored : {};
+		} catch {
+			return {};
+		}
+	}
+}
+function supportsLocalStorage() {
+	let mod = "lsCheck";
+	try {
+		return localStorage.setItem(mod, mod), localStorage.removeItem(mod), !0;
+	} catch {
+		return !1;
+	}
+}
+function parseApiQueryString(qs) {
+	let params = {}, options = {};
+	for (let [key, value] of qs.entries()) {
+		if (key[0] === "$") {
+			params[key.slice(1)] = JSON.parse(value);
+			continue;
+		}
+		if (key === "perspective") {
+			options[key] = value;
+			continue;
+		}
+	}
+	return {
+		query: qs.get("query") || "",
+		params,
+		options
+	};
+}
+function prefixApiVersion(version) {
+	return version[0] !== "v" && version !== "other" ? `v${version}` : version;
+}
+function validateApiVersion(apiVersion) {
+	let parseableApiVersion = apiVersion.replace(/^v/, "").trim().toUpperCase();
+	return parseableApiVersion.length > 0 && (parseableApiVersion === "X" || parseableApiVersion === "1" || /^\d{4}-\d{2}-\d{2}$/.test(parseableApiVersion) && !isNaN(Date.parse(parseableApiVersion)));
+}
+function tryParseParams(val, t) {
+	try {
+		let parsed = val ? JSON5.parse(val) : {};
+		return typeof parsed == "object" && parsed && !Array.isArray(parsed) ? parsed : {};
+	} catch (err) {
+		return err.message = `${t("params.error.params-invalid-json")}:\n\n${err.message.replace("JSON5:", "")}`, err;
+	}
+}
+var controlsContainer = "ior2o0m", downloadsCard = "ior2o0j", header = "ior2o03", inputBackgroundContainer = "ior2o07", inputBackgroundContainerLeft = "ior2o08", inputContainer = "ior2o09", queryCopyLink = "ior2o06", queryRecallPaneContainer = "ior2o01", queryRecallPaneWrapper = "ior2o02", result = "ior2o0e", resultContainer = "ior2o0c", resultContainerInvalid = "ior2o0d", resultFooter = "ior2o0f", resultInnerContainer = "ior2o0b", resultOuterContainer = "ior2o0a", root = "ior2o00", saveResultLabel = "ior2o0l", saveResultSpanGapVar = "var(--ior2o0k)", splitpaneContainer = "ior2o05", styledLabel = "ior2o04", timingsCard = "ior2o0g", timingsTextContainer = "ior2o0i", timingsTextMinHeightVar = "var(--ior2o0h)";
+const Root = forwardRef(function(props, ref) {
+	let $ = c(3), t0;
+	return $[0] !== props || $[1] !== ref ? (t0 = /* @__PURE__ */ jsx(Flex, {
+		...props,
+		ref,
+		className: root
+	}), $[0] = props, $[1] = ref, $[2] = t0) : t0 = $[2], t0;
+});
+function Header(props) {
+	let $ = c(2), t0;
+	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Card, {
+		...props,
+		className: header
+	}), $[0] = props, $[1] = t0), t0;
+}
+function StyledLabel(props) {
+	let $ = c(2), t0;
+	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Label, {
+		...props,
+		className: styledLabel
+	}), $[0] = props, $[1] = t0), t0;
+}
+function SplitpaneContainer(props) {
+	let $ = c(2), t0;
+	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Box, {
+		...props,
+		className: splitpaneContainer
+	}), $[0] = props, $[1] = t0), t0;
+}
+function QueryRecallPaneContainer(props) {
+	let $ = c(2), t0;
+	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Flex, {
+		...props,
+		direction: "column",
+		className: queryRecallPaneContainer
+	}), $[0] = props, $[1] = t0), t0;
+}
+function QueryRecallPaneWrapper(props) {
+	let $ = c(2), t0;
+	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Flex, {
+		...props,
+		direction: "column",
+		flex: 1,
+		overflow: "hidden",
+		className: queryRecallPaneWrapper
+	}), $[0] = props, $[1] = t0), t0;
+}
+function QueryCopyLink(props) {
+	let $ = c(2), t0;
+	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx("a", {
+		...props,
+		className: queryCopyLink
+	}), $[0] = props, $[1] = t0), t0;
+}
+function InputBackgroundContainer(props) {
+	let $ = c(2), t0;
+	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Box, {
+		...props,
+		className: inputBackgroundContainer
+	}), $[0] = props, $[1] = t0), t0;
+}
+function InputBackgroundContainerLeft(props) {
+	let $ = c(2), t0;
+	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Box, {
+		...props,
+		className: `${inputBackgroundContainer} ${inputBackgroundContainerLeft}`
+	}), $[0] = props, $[1] = t0), t0;
+}
+function InputContainer(props) {
+	let $ = c(2), t0;
+	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Card, {
+		...props,
+		className: inputContainer
+	}), $[0] = props, $[1] = t0), t0;
+}
+function ResultOuterContainer(props) {
+	let $ = c(2), t0;
+	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Flex, {
+		...props,
+		className: resultOuterContainer
+	}), $[0] = props, $[1] = t0), t0;
+}
+function ResultInnerContainer(props) {
+	let $ = c(2), t0;
+	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Box, {
+		...props,
+		className: resultInnerContainer
+	}), $[0] = props, $[1] = t0), t0;
+}
+function ResultContainer(t0) {
+	let $ = c(6), isInvalid, props;
+	$[0] === t0 ? (isInvalid = $[1], props = $[2]) : ({isInvalid, ...props} = t0, $[0] = t0, $[1] = isInvalid, $[2] = props);
+	let t1 = isInvalid ? `${resultContainer} ${resultContainerInvalid}` : resultContainer, t2;
+	return $[3] !== props || $[4] !== t1 ? (t2 = /* @__PURE__ */ jsx(Card, {
+		...props,
+		className: t1
+	}), $[3] = props, $[4] = t1, $[5] = t2) : t2 = $[5], t2;
+}
+function Result(props) {
+	let $ = c(2), t0;
+	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Box, {
+		...props,
+		className: result
+	}), $[0] = props, $[1] = t0), t0;
+}
+function ResultFooter(props) {
+	let $ = c(2), t0;
+	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Flex, {
+		...props,
+		className: resultFooter
+	}), $[0] = props, $[1] = t0), t0;
+}
+function TimingsCard(props) {
+	let $ = c(2), t0;
+	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Card, {
+		...props,
+		className: timingsCard
+	}), $[0] = props, $[1] = t0), t0;
+}
+function TimingsTextContainer(props) {
+	let $ = c(7), { space, font } = useTheme_v2(), textSize = font.text.sizes[2], t0 = space[3] * 2 + textSize.lineHeight - textSize.ascenderHeight - textSize.descenderHeight, t1;
+	$[0] === t0 ? t1 = $[1] : (t1 = rem(t0), $[0] = t0, $[1] = t1);
+	let t2 = `${t1}`, t3;
+	$[2] === t2 ? t3 = $[3] : (t3 = assignInlineVars({ [timingsTextMinHeightVar]: t2 }), $[2] = t2, $[3] = t3);
+	let t4;
+	return $[4] !== props || $[5] !== t3 ? (t4 = /* @__PURE__ */ jsx(Flex, {
+		...props,
+		className: timingsTextContainer,
+		style: t3
+	}), $[4] = props, $[5] = t3, $[6] = t4) : t4 = $[6], t4;
+}
+function DownloadsCard(props) {
+	let $ = c(2), t0;
+	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Card, {
+		...props,
+		className: downloadsCard
+	}), $[0] = props, $[1] = t0), t0;
+}
+function SaveResultLabel(props) {
+	let $ = c(7), { space } = useTheme_v2(), t0;
+	$[0] === space[3] ? t0 = $[1] : (t0 = rem(space[3]), $[0] = space[3], $[1] = t0);
+	let t1 = `${t0}`, t2;
+	$[2] === t1 ? t2 = $[3] : (t2 = assignInlineVars({ [saveResultSpanGapVar]: t1 }), $[2] = t1, $[3] = t2);
+	let t3;
+	return $[4] !== props || $[5] !== t2 ? (t3 = /* @__PURE__ */ jsx(Text, {
+		...props,
+		className: saveResultLabel,
+		style: t2
+	}), $[4] = props, $[5] = t2, $[6] = t3) : t3 = $[6], t3;
+}
+function ControlsContainer(props) {
+	let $ = c(2), t0;
+	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Box, {
+		...props,
+		className: controlsContainer
+	}), $[0] = props, $[1] = t0), t0;
+}
+function ParamsEditor(props) {
+	let $ = c(21), { onChange, paramsError, hasValidParams, editorRef } = props, { t } = useTranslation(visionLocaleNamespace), t0;
+	$[0] === onChange ? t0 = $[1] : (t0 = (newValue) => {
+		onChange(newValue);
+	}, $[0] = onChange, $[1] = t0);
+	let handleChangeRaw = t0, t1;
+	$[2] === handleChangeRaw ? t1 = $[3] : (t1 = debounce(handleChangeRaw, 333), $[2] = handleChangeRaw, $[3] = t1);
+	let handleChange = t1, t2 = hasValidParams ? "default" : "critical", t3;
+	$[4] === t ? t3 = $[5] : (t3 = t("params.label"), $[4] = t, $[5] = t3);
+	let t4;
+	$[6] === t3 ? t4 = $[7] : (t4 = /* @__PURE__ */ jsx(StyledLabel, {
+		muted: !0,
+		children: t3
+	}), $[6] = t3, $[7] = t4);
+	let t5;
+	$[8] === paramsError ? t5 = $[9] : (t5 = paramsError && /* @__PURE__ */ jsx(Tooltip, {
+		animate: !0,
+		placement: "top",
+		portal: !0,
+		content: /* @__PURE__ */ jsx(Text, {
+			size: 1,
+			children: paramsError
+		}),
+		children: /* @__PURE__ */ jsx(Box, {
+			padding: 1,
+			marginX: 2,
+			children: /* @__PURE__ */ jsx(Text, { children: /* @__PURE__ */ jsx(ErrorOutlineIcon, {}) })
+		})
+	}), $[8] = paramsError, $[9] = t5);
+	let t6;
+	$[10] !== t4 || $[11] !== t5 ? (t6 = /* @__PURE__ */ jsx(InputBackgroundContainerLeft, { children: /* @__PURE__ */ jsxs(Flex, { children: [t4, t5] }) }), $[10] = t4, $[11] = t5, $[12] = t6) : t6 = $[12];
+	let t7 = props.value || "{\n  \n}", t8;
+	$[13] !== editorRef || $[14] !== handleChange || $[15] !== t7 ? (t8 = /* @__PURE__ */ jsx(VisionCodeMirror, {
+		ref: editorRef,
+		initialValue: t7,
+		onChange: handleChange,
+		extensions: paramsExtensions
+	}), $[13] = editorRef, $[14] = handleChange, $[15] = t7, $[16] = t8) : t8 = $[16];
+	let t9;
+	return $[17] !== t2 || $[18] !== t6 || $[19] !== t8 ? (t9 = /* @__PURE__ */ jsxs(Card, {
+		flex: 1,
+		tone: t2,
+		"data-testid": "params-editor",
+		children: [t6, t8]
+	}), $[17] = t2, $[18] = t6, $[19] = t8, $[20] = t9) : t9 = $[20], t9;
+}
+function parseParams(value, t) {
+	let parsedParams = tryParseParams(value, t), params = parsedParams instanceof Error ? {} : parsedParams, validationError = parsedParams instanceof Error ? parsedParams.message : void 0;
+	return {
+		parsed: params,
+		raw: value,
+		valid: !validationError,
+		error: validationError
+	};
+}
+const SHARED_QUERY_DOCUMENT_TYPE = "vision.sharedQuery", SHARED_QUERY_LISTEN_OPTIONS = {
+	events: [
+		"welcome",
+		"mutation",
+		"reconnect"
+	],
+	includeResult: !0,
+	visibility: "query"
+}, defaultValue = { queries: [] }, keyValueStoreKey = "studio.vision-tool.saved-queries";
+function useSavedQueries() {
+	let $ = c(45), keyValueStore = useKeyValueStore(), t0;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = { apiVersion: DEFAULT_API_VERSION }, $[0] = t0) : t0 = $[0];
+	let workspaceClient = useClient(t0), currentUser = useCurrentUser(), [value, setValue] = useState(defaultValue), t1;
+	$[1] === Symbol.for("react.memo_cache_sentinel") ? (t1 = [], $[1] = t1) : t1 = $[1];
+	let [sharedQueries, setSharedQueries] = useState(t1), [saving, setSaving] = useState(!1), t2;
+	$[2] === Symbol.for("react.memo_cache_sentinel") ? (t2 = [], $[2] = t2) : t2 = $[2];
+	let [deleting, setDeleting] = useState(t2), [saveQueryError, setSaveQueryError] = useState(), [deleteQueryError, setDeleteQueryError] = useState(), [error, setError] = useState(), t3;
+	$[3] === keyValueStore ? t3 = $[4] : (t3 = keyValueStore.getKey(keyValueStoreKey), $[3] = keyValueStore, $[4] = t3);
+	let personalQueries = t3, t4;
+	$[5] === currentUser?.id ? t4 = $[6] : (t4 = (docs) => {
+		let currentUserId = currentUser?.id;
+		return docs.map((doc) => ({
+			_key: doc._id,
+			authorId: doc.authorId,
+			isOwnedByCurrentUser: doc.authorId === currentUserId,
+			savedAt: doc.savedAt,
+			shared: !0,
+			title: doc.title,
+			url: doc.url
+		}));
+	}, $[5] = currentUser?.id, $[6] = t4);
+	let mapSharedQueries = t4, t5, t6;
+	$[7] === personalQueries ? (t5 = $[8], t6 = $[9]) : (t5 = () => {
+		let sub = personalQueries.pipe(startWith(defaultValue), map(_temp$5)).subscribe({
+			next: setValue,
+			error: (err) => setError(err)
+		});
+		return () => sub?.unsubscribe();
+	}, t6 = [personalQueries], $[7] = personalQueries, $[8] = t5, $[9] = t6), useEffect(t5, t6);
+	let t7, t8;
+	$[10] !== mapSharedQueries || $[11] !== workspaceClient ? (t7 = () => {
+		let cancelled = !1, fetchSharedQueries = async () => {
+			let nextDocs = await workspaceClient.fetch("*[_type == $sharedQueryType]{\n  _id,\n  authorId,\n  savedAt,\n  title,\n  url\n} | order(savedAt desc)", { sharedQueryType: SHARED_QUERY_DOCUMENT_TYPE }) || [];
+			cancelled || setSharedQueries(mapSharedQueries(nextDocs));
+		};
+		fetchSharedQueries().catch((err_0) => {
+			cancelled || setError(err_0);
+		});
+		let sub_0 = workspaceClient.observable.listen("*[_type == $sharedQueryType]", { sharedQueryType: SHARED_QUERY_DOCUMENT_TYPE }, SHARED_QUERY_LISTEN_OPTIONS).subscribe({
+			next: () => {
+				fetchSharedQueries().catch((err_1) => {
+					cancelled || setError(err_1);
+				});
+			},
+			error: (err_2) => {
+				cancelled || setError(err_2);
+			}
+		});
+		return () => {
+			cancelled = !0, sub_0.unsubscribe();
+		};
+	}, t8 = [workspaceClient, mapSharedQueries], $[10] = mapSharedQueries, $[11] = workspaceClient, $[12] = t7, $[13] = t8) : (t7 = $[12], t8 = $[13]), useEffect(t7, t8);
+	let t9;
+	$[14] !== sharedQueries || $[15] !== value.queries ? (t9 = [...sharedQueries, ...value.queries].sort(_temp2$4), $[14] = sharedQueries, $[15] = value.queries, $[16] = t9) : t9 = $[16];
+	let queries = t9, t10;
+	$[17] !== currentUser || $[18] !== keyValueStore || $[19] !== mapSharedQueries || $[20] !== value.queries || $[21] !== workspaceClient ? (t10 = async (query) => {
+		if (setSaving(!0), setSaveQueryError(void 0), query.shared) {
+			if (!currentUser?.id) {
+				let authError = /* @__PURE__ */ Error("No current user found. Unable to save shared query.");
+				throw setSaveQueryError(authError), setSaving(!1), authError;
+			}
+			try {
+				let createdDoc = await workspaceClient.create({
+					_type: SHARED_QUERY_DOCUMENT_TYPE,
+					authorId: currentUser.id,
+					savedAt: query.savedAt,
+					title: query.title,
+					url: query.url
+				});
+				setSharedQueries((prev) => [...mapSharedQueries([createdDoc]), ...prev]), setSaving(!1);
+				return;
+			} catch (t11) {
+				let err_3 = t11, saveError = err_3 instanceof Error ? err_3 : Error(String(err_3));
+				throw setSaveQueryError(saveError), setSaving(!1), saveError;
+			}
+		}
+		try {
+			let newQueries = [{
+				...query,
+				_key: uuid()
+			}, ...value.queries];
+			setValue({ queries: newQueries }), await keyValueStore.setKey(keyValueStoreKey, { queries: newQueries });
+		} catch (t12) {
+			let err_4 = t12, saveError_0 = err_4 instanceof Error ? err_4 : Error(String(err_4));
+			throw setSaveQueryError(saveError_0), setSaving(!1), saveError_0;
+		}
+		setSaving(!1);
+	}, $[17] = currentUser, $[18] = keyValueStore, $[19] = mapSharedQueries, $[20] = value.queries, $[21] = workspaceClient, $[22] = t10) : t10 = $[22];
+	let saveQuery = t10, t11;
+	$[23] !== currentUser || $[24] !== keyValueStore || $[25] !== mapSharedQueries || $[26] !== value.queries || $[27] !== workspaceClient ? (t11 = async (query_0) => {
+		if (setSaving(!0), setSaveQueryError(void 0), query_0.shared) {
+			if (!currentUser?.id || query_0.authorId !== currentUser.id) {
+				let authError_0 = /* @__PURE__ */ Error("Only the author can update a shared query.");
+				throw setSaveQueryError(authError_0), setSaving(!1), authError_0;
+			}
+			try {
+				let updatedDoc = await workspaceClient.patch(query_0._key).set({
+					savedAt: query_0.savedAt,
+					title: query_0.title,
+					url: query_0.url
+				}).commit(), [updatedSharedQuery] = mapSharedQueries([updatedDoc]);
+				setSharedQueries((prev_0) => prev_0.map((existingQuery) => existingQuery._key === query_0._key ? updatedSharedQuery : existingQuery)), setSaving(!1);
+				return;
+			} catch (t12) {
+				let err_5 = t12, updateError = err_5 instanceof Error ? err_5 : Error(String(err_5));
+				throw setSaveQueryError(updateError), setSaving(!1), updateError;
+			}
+		}
+		try {
+			let updatedQueries = value.queries.map((q) => q._key === query_0._key ? {
+				...q,
+				...query_0
+			} : q);
+			setValue({ queries: updatedQueries }), await keyValueStore.setKey(keyValueStoreKey, { queries: updatedQueries });
+		} catch (t13) {
+			let err_6 = t13, updateError_0 = err_6 instanceof Error ? err_6 : Error(String(err_6));
+			throw setSaveQueryError(updateError_0), setSaving(!1), updateError_0;
+		}
+		setSaving(!1);
+	}, $[23] = currentUser, $[24] = keyValueStore, $[25] = mapSharedQueries, $[26] = value.queries, $[27] = workspaceClient, $[28] = t11) : t11 = $[28];
+	let updateQuery = t11, t12;
+	$[29] !== currentUser || $[30] !== keyValueStore || $[31] !== sharedQueries || $[32] !== value.queries || $[33] !== workspaceClient ? (t12 = async (key) => {
+		setDeleting((prev_1) => [...prev_1, key]), setDeleteQueryError(void 0);
+		let clearDeleting = () => setDeleting((prev_2) => prev_2.filter((k) => k !== key)), sharedQuery = sharedQueries.find((query_1) => query_1._key === key && query_1.shared);
+		if (sharedQuery) {
+			if (!currentUser?.id || sharedQuery.authorId !== currentUser.id) {
+				setDeleteQueryError(/* @__PURE__ */ Error("Only the author can delete a shared query.")), clearDeleting();
+				return;
+			}
+			try {
+				await workspaceClient.delete(key), setSharedQueries((prev_3) => prev_3.filter((query_2) => query_2._key !== key));
+			} catch (t13) {
+				setDeleteQueryError(t13);
+			}
+			clearDeleting();
+			return;
+		}
+		try {
+			let filteredQueries = value.queries.filter((q_0) => q_0._key !== key);
+			setValue({ queries: filteredQueries }), await keyValueStore.setKey(keyValueStoreKey, { queries: filteredQueries });
+		} catch (t14) {
+			setDeleteQueryError(t14);
+		}
+		clearDeleting();
+	}, $[29] = currentUser, $[30] = keyValueStore, $[31] = sharedQueries, $[32] = value.queries, $[33] = workspaceClient, $[34] = t12) : t12 = $[34];
+	let deleteQuery = t12, t13;
+	return $[35] !== deleteQuery || $[36] !== deleteQueryError || $[37] !== deleting || $[38] !== error || $[39] !== queries || $[40] !== saveQuery || $[41] !== saveQueryError || $[42] !== saving || $[43] !== updateQuery ? (t13 = {
+		queries,
+		saveQuery,
+		updateQuery,
+		deleteQuery,
+		saving,
+		deleting,
+		saveQueryError,
+		deleteQueryError,
+		error
+	}, $[35] = deleteQuery, $[36] = deleteQueryError, $[37] = deleting, $[38] = error, $[39] = queries, $[40] = saveQuery, $[41] = saveQueryError, $[42] = saving, $[43] = updateQuery, $[44] = t13) : t13 = $[44], t13;
+}
+function _temp2$4(a, b) {
+	return new Date(b.savedAt || 0).getTime() - new Date(a.savedAt || 0).getTime();
+}
+function _temp$5(data) {
+	return data || defaultValue;
+}
+var fixedHeader = "_15lckbo0", queryList = "_15lckbo2", scrollContainer = "_15lckbo1";
+function FixedHeader(props) {
+	let $ = c(2), t0;
+	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Stack, {
+		...props,
+		className: fixedHeader
+	}), $[0] = props, $[1] = t0), t0;
+}
+function ScrollContainer(props) {
+	let $ = c(2), t0;
+	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Flex, {
+		...props,
+		direction: "column",
+		flex: 1,
+		overflow: "hidden",
+		className: scrollContainer
+	}), $[0] = props, $[1] = t0), t0;
+}
+function QueryList(props) {
+	let $ = c(2), t0;
+	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Box, {
+		...props,
+		flex: 1,
+		overflow: "auto",
+		className: queryList
+	}), $[0] = props, $[1] = t0), t0;
+}
+function QueryRecall(t0) {
+	let $ = c(134), { url, getStateFromUrl, setStateFromParsedUrl, currentQuery, currentParams, generateUrl, compactMode: t1 } = t0, compactMode = t1 !== void 0 && t1, toast = useToast(), { saveQuery, updateQuery, queries, deleteQuery, saving } = useSavedQueries(), { t } = useTranslation(visionLocaleNamespace), t2;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t2 = {
+		month: "short",
+		day: "numeric",
+		year: "numeric",
+		hour: "numeric",
+		minute: "2-digit",
+		hour12: !0
+	}, $[0] = t2) : t2 = $[0];
+	let formatDate = useDateTimeFormat(t2), [editingKey, setEditingKey] = useState(null), [editingTitle, setEditingTitle] = useState(""), t3;
+	$[1] === Symbol.for("react.memo_cache_sentinel") ? (t3 = {}, $[1] = t3) : t3 = $[1];
+	let [optimisticTitles, setOptimisticTitles] = useState(t3), [searchQuery, setSearchQuery] = useState(""), [queryFilter, setQueryFilter] = useState("all"), [selectedUrl, setSelectedUrl] = useState(url), t4;
+	$[2] === Symbol.for("react.memo_cache_sentinel") ? (t4 = [], $[2] = t4) : t4 = $[2];
+	let [pendingUnshareKeys, setPendingUnshareKeys] = useState(t4), [shareDialogQuery, setShareDialogQuery] = useState(null), t5;
+	$[3] !== currentParams || $[4] !== currentQuery || $[5] !== formatDate || $[6] !== generateUrl || $[7] !== getStateFromUrl || $[8] !== queries || $[9] !== saveQuery || $[10] !== t || $[11] !== toast ? (t5 = async () => {
+		let newUrl = generateUrl(currentQuery, currentParams);
+		if (queries?.some((q) => {
+			if (q.shared) return !1;
+			let savedQueryObj = getStateFromUrl(q.url);
+			return savedQueryObj && savedQueryObj.query === currentQuery && isEqual(savedQueryObj.params, currentParams);
+		})) {
+			let duplicateQuery = queries?.find((q_0) => {
+				if (q_0.shared) return !1;
+				let savedQueryObj_0 = getStateFromUrl(q_0.url);
+				return savedQueryObj_0 && savedQueryObj_0.query === currentQuery && isEqual(savedQueryObj_0.params, currentParams);
+			});
+			toast.push({
+				closable: !0,
+				status: "warning",
+				title: t("save-query.already-saved"),
+				description: `${duplicateQuery?.title} - ${formatDate.format(new Date(duplicateQuery?.savedAt || ""))}`
+			});
+			return;
+		}
+		if (newUrl) try {
+			await saveQuery({
+				shared: !1,
+				url: newUrl,
+				savedAt: (/* @__PURE__ */ new Date()).toISOString(),
+				title: t("label.untitled-query")
+			}), setSelectedUrl(newUrl), toast.push({
+				closable: !0,
+				status: "success",
+				title: t("save-query.success")
+			});
+		} catch (t6) {
+			let err = t6;
+			toast.push({
+				closable: !0,
+				status: "error",
+				title: t("save-query.error"),
+				description: err instanceof Error ? err.message : String(err)
+			});
+		}
+	}, $[3] = currentParams, $[4] = currentQuery, $[5] = formatDate, $[6] = generateUrl, $[7] = getStateFromUrl, $[8] = queries, $[9] = saveQuery, $[10] = t, $[11] = toast, $[12] = t5) : t5 = $[12];
+	let handleSave = t5, t6;
+	$[13] === Symbol.for("react.memo_cache_sentinel") ? (t6 = (query) => {
+		setShareDialogQuery(query);
+	}, $[13] = t6) : t6 = $[13];
+	let handleShareQuery = t6, t7;
+	$[14] !== deleteQuery || $[15] !== saveQuery || $[16] !== shareDialogQuery || $[17] !== t || $[18] !== toast ? (t7 = async () => {
+		if (!shareDialogQuery) return;
+		let sharedQueryKey = shareDialogQuery._key, sharedQueryUrl = shareDialogQuery.url, sharedQueryTitle = shareDialogQuery.title || t("label.untitled-query");
+		try {
+			await saveQuery({
+				shared: !0,
+				title: sharedQueryTitle,
+				url: sharedQueryUrl,
+				savedAt: (/* @__PURE__ */ new Date()).toISOString()
+			}), await deleteQuery(sharedQueryKey), toast.push({
+				closable: !0,
+				status: "success",
+				title: t("save-query.shared-success")
+			});
+		} catch (t8) {
+			let err_0 = t8;
+			toast.push({
+				closable: !0,
+				status: "error",
+				title: t("save-query.error"),
+				description: err_0 instanceof Error ? err_0.message : String(err_0)
+			});
+		}
+		setShareDialogQuery(null);
+	}, $[14] = deleteQuery, $[15] = saveQuery, $[16] = shareDialogQuery, $[17] = t, $[18] = toast, $[19] = t7) : t7 = $[19];
+	let handleConfirmShareQuery = t7, t8;
+	$[20] !== deleteQuery || $[21] !== formatDate || $[22] !== getStateFromUrl || $[23] !== queries || $[24] !== saveQuery || $[25] !== t || $[26] !== toast ? (t8 = async (query_0) => {
+		setPendingUnshareKeys((prev) => [...prev, query_0._key]);
+		let clearPending = () => setPendingUnshareKeys((prev_0) => prev_0.filter((key) => key !== query_0._key)), nextQueryObj = getStateFromUrl(query_0.url), duplicatePersonalQuery = queries?.find((existingQuery) => {
+			if (existingQuery._key === query_0._key || existingQuery.shared) return !1;
+			let existingQueryObj = getStateFromUrl(existingQuery.url);
+			return nextQueryObj && existingQueryObj && existingQueryObj.query === nextQueryObj.query && isEqual(existingQueryObj.params, nextQueryObj.params);
+		}), unsharedQueryTitle = query_0.title || t("label.untitled-query");
+		if (duplicatePersonalQuery) {
+			toast.push({
+				closable: !0,
+				status: "warning",
+				title: t("save-query.already-saved"),
+				description: `${duplicatePersonalQuery.title} - ${formatDate.format(new Date(duplicatePersonalQuery.savedAt || ""))}`
+			}), clearPending();
+			return;
+		}
+		try {
+			await saveQuery({
+				shared: !1,
+				title: unsharedQueryTitle,
+				url: query_0.url,
+				savedAt: (/* @__PURE__ */ new Date()).toISOString()
+			}), await deleteQuery(query_0._key), toast.push({
+				closable: !0,
+				status: "success",
+				title: t("save-query.unshared-success")
+			}), clearPending();
+		} catch (t9) {
+			let err_1 = t9;
+			toast.push({
+				closable: !0,
+				status: "error",
+				title: t("save-query.error"),
+				description: err_1 instanceof Error ? err_1.message : String(err_1)
+			}), clearPending();
+		}
+	}, $[20] = deleteQuery, $[21] = formatDate, $[22] = getStateFromUrl, $[23] = queries, $[24] = saveQuery, $[25] = t, $[26] = toast, $[27] = t8) : t8 = $[27];
+	let handleUnshareQuery = t8, t9;
+	$[28] !== t || $[29] !== toast || $[30] !== updateQuery ? (t9 = async (query_1, newTitle) => {
+		setEditingKey(null), setOptimisticTitles((prev_1) => ({
+			...prev_1,
+			[query_1._key]: newTitle
+		}));
+		try {
+			await updateQuery({
+				...query_1,
+				title: newTitle
+			}), setOptimisticTitles((prev_3) => {
+				let next_0 = { ...prev_3 };
+				return delete next_0[query_1._key], next_0;
+			});
+		} catch (t10) {
+			let err_2 = t10;
+			setOptimisticTitles((prev_2) => {
+				let next = { ...prev_2 };
+				return delete next[query_1._key], next;
+			}), toast.push({
+				closable: !0,
+				status: "error",
+				title: t("save-query.error"),
+				description: err_2.message
+			});
+		}
+	}, $[28] = t, $[29] = toast, $[30] = updateQuery, $[31] = t9) : t9 = $[31];
+	let handleTitleSave = t9, t10;
+	$[32] !== currentParams || $[33] !== currentQuery || $[34] !== formatDate || $[35] !== generateUrl || $[36] !== getStateFromUrl || $[37] !== queries || $[38] !== t || $[39] !== toast || $[40] !== updateQuery ? (t10 = async (query_2) => {
+		let newUrl_0 = generateUrl(currentQuery, currentParams);
+		if (queries?.some((q_1) => {
+			if (q_1._key === query_2._key) return !1;
+			let savedQueryObj_1 = getStateFromUrl(q_1.url);
+			return savedQueryObj_1 && savedQueryObj_1.query === currentQuery && isEqual(savedQueryObj_1.params, currentParams);
+		})) {
+			let duplicateQuery_0 = queries?.find((q_2) => {
+				if (q_2._key === query_2._key) return !1;
+				let savedQueryObj_2 = getStateFromUrl(q_2.url);
+				return savedQueryObj_2 && savedQueryObj_2.query === currentQuery && isEqual(savedQueryObj_2.params, currentParams);
+			});
+			toast.push({
+				closable: !0,
+				status: "warning",
+				title: t("save-query.already-saved"),
+				description: `${duplicateQuery_0?.title} - ${formatDate.format(new Date(duplicateQuery_0?.savedAt || ""))}`
+			});
+			return;
+		}
+		try {
+			await updateQuery({
+				...query_2,
+				url: newUrl_0,
+				savedAt: (/* @__PURE__ */ new Date()).toISOString()
+			}), setSelectedUrl(newUrl_0), toast.push({
+				closable: !0,
+				status: "success",
+				title: t("save-query.success")
+			});
+		} catch (t11) {
+			let err_3 = t11;
+			toast.push({
+				closable: !0,
+				status: "error",
+				title: t("save-query.error"),
+				description: err_3.message
+			});
+		}
+	}, $[32] = currentParams, $[33] = currentQuery, $[34] = formatDate, $[35] = generateUrl, $[36] = getStateFromUrl, $[37] = queries, $[38] = t, $[39] = toast, $[40] = updateQuery, $[41] = t10) : t10 = $[41];
+	let handleUpdate = t10, T0, T1, T2, t11, t12, t13, t14;
+	if ($[42] !== compactMode || $[43] !== currentParams || $[44] !== currentQuery || $[45] !== deleteQuery || $[46] !== editingKey || $[47] !== editingTitle || $[48] !== formatDate || $[49] !== getStateFromUrl || $[50] !== handleSave || $[51] !== handleTitleSave || $[52] !== handleUnshareQuery || $[53] !== handleUpdate || $[54] !== optimisticTitles || $[55] !== pendingUnshareKeys || $[56] !== queries || $[57] !== queryFilter || $[58] !== saving || $[59] !== searchQuery || $[60] !== selectedUrl || $[61] !== setStateFromParsedUrl || $[62] !== t) {
+		let filteredQueries = (queries?.filter((q_3) => !pendingUnshareKeys.includes(q_3._key)))?.filter((q_4) => {
+			let matchesSearch = (q_4.title ?? "").toLowerCase().includes(searchQuery.toLowerCase()), matchesFilter = queryFilter === "all" || queryFilter === "personal" && !q_4.shared || queryFilter === "shared" && q_4.shared;
+			return matchesSearch && matchesFilter;
+		});
+		T2 = ScrollContainer;
+		let t15;
+		$[70] === t ? t15 = $[71] : (t15 = t("label.saved-queries"), $[70] = t, $[71] = t15);
+		let t16;
+		$[72] === t15 ? t16 = $[73] : (t16 = /* @__PURE__ */ jsx(StyledLabel, {
+			muted: !0,
+			children: t15
+		}), $[72] = t15, $[73] = t16);
+		let t17;
+		$[74] === t ? t17 = $[75] : (t17 = t("action.save-query"), $[74] = t, $[75] = t17);
+		let t18;
+		$[76] === handleSave ? t18 = $[77] : (t18 = () => void handleSave(), $[76] = handleSave, $[77] = t18);
+		let t19;
+		$[78] !== saving || $[79] !== t17 || $[80] !== t18 ? (t19 = /* @__PURE__ */ jsx(Button, {
+			"aria-label": t17,
+			icon: AddIcon,
+			disabled: saving,
+			onClick: t18,
+			mode: "bleed"
+		}), $[78] = saving, $[79] = t17, $[80] = t18, $[81] = t19) : t19 = $[81];
+		let t20;
+		$[82] !== t16 || $[83] !== t19 ? (t20 = /* @__PURE__ */ jsxs(Flex, {
+			padding: 3,
+			paddingTop: 2,
+			paddingBottom: 0,
+			justify: "space-between",
+			align: "center",
+			children: [t16, t19]
+		}), $[82] = t16, $[83] = t19, $[84] = t20) : t20 = $[84];
+		let t21;
+		$[85] === t ? t21 = $[86] : (t21 = t("label.search-queries"), $[85] = t, $[86] = t21);
+		let t22;
+		$[87] === Symbol.for("react.memo_cache_sentinel") ? (t22 = (event) => setSearchQuery(event.currentTarget.value), $[87] = t22) : t22 = $[87];
+		let t23;
+		$[88] !== searchQuery || $[89] !== t21 ? (t23 = /* @__PURE__ */ jsx(Box, {
+			padding: 3,
+			paddingTop: 0,
+			children: /* @__PURE__ */ jsx(TextInput, {
+				placeholder: t21,
+				icon: SearchIcon,
+				value: searchQuery,
+				onChange: t22
+			})
+		}), $[88] = searchQuery, $[89] = t21, $[90] = t23) : t23 = $[90];
+		let t24;
+		$[91] === t ? t24 = $[92] : (t24 = t("label.all"), $[91] = t, $[92] = t24);
+		let t25 = queryFilter === "all", t26;
+		$[93] === Symbol.for("react.memo_cache_sentinel") ? (t26 = () => setQueryFilter("all"), $[93] = t26) : t26 = $[93];
+		let t27;
+		$[94] !== t24 || $[95] !== t25 ? (t27 = /* @__PURE__ */ jsx(Tab, {
+			id: "query-filter-all",
+			"aria-controls": "vision-query-recall-list",
+			label: t24,
+			selected: t25,
+			onClick: t26
+		}), $[94] = t24, $[95] = t25, $[96] = t27) : t27 = $[96];
+		let t28;
+		$[97] === t ? t28 = $[98] : (t28 = t("label.personal"), $[97] = t, $[98] = t28);
+		let t29 = queryFilter === "personal", t30;
+		$[99] === Symbol.for("react.memo_cache_sentinel") ? (t30 = () => setQueryFilter("personal"), $[99] = t30) : t30 = $[99];
+		let t31;
+		$[100] !== t28 || $[101] !== t29 ? (t31 = /* @__PURE__ */ jsx(Tab, {
+			id: "query-filter-personal",
+			"aria-controls": "vision-query-recall-list",
+			label: t28,
+			selected: t29,
+			onClick: t30
+		}), $[100] = t28, $[101] = t29, $[102] = t31) : t31 = $[102];
+		let t32;
+		$[103] === t ? t32 = $[104] : (t32 = t("label.shared"), $[103] = t, $[104] = t32);
+		let t33 = queryFilter === "shared", t34;
+		$[105] === Symbol.for("react.memo_cache_sentinel") ? (t34 = () => setQueryFilter("shared"), $[105] = t34) : t34 = $[105];
+		let t35;
+		$[106] !== t32 || $[107] !== t33 ? (t35 = /* @__PURE__ */ jsx(Tab, {
+			id: "query-filter-shared",
+			"aria-controls": "vision-query-recall-list",
+			label: t32,
+			selected: t33,
+			onClick: t34
+		}), $[106] = t32, $[107] = t33, $[108] = t35) : t35 = $[108];
+		let t36;
+		$[109] !== t27 || $[110] !== t31 || $[111] !== t35 ? (t36 = /* @__PURE__ */ jsx(Box, {
+			paddingX: 3,
+			paddingBottom: 2,
+			children: /* @__PURE__ */ jsxs(TabList, {
+				space: 1,
+				children: [
+					t27,
+					t31,
+					t35
+				]
+			})
+		}), $[109] = t27, $[110] = t31, $[111] = t35, $[112] = t36) : t36 = $[112], $[113] !== t20 || $[114] !== t23 || $[115] !== t36 ? (t14 = /* @__PURE__ */ jsxs(FixedHeader, {
+			space: 3,
+			children: [
+				t20,
+				t23,
+				t36
+			]
+		}), $[113] = t20, $[114] = t23, $[115] = t36, $[116] = t14) : t14 = $[116], T1 = QueryList, t13 = "vision-query-recall-list", T0 = Stack, t11 = 3, t12 = filteredQueries?.map((q_5, index) => {
+			let queryObj = getStateFromUrl(q_5.url), fullQueryPreview = queryObj?.query || "", shortQueryPreview = fullQueryPreview.split("{")[0], isSelected = selectedUrl === q_5.url, canMutateQuery = !q_5.shared || q_5.isOwnedByCurrentUser, areQueriesEqual = queryObj && currentQuery === queryObj.query && isEqual(currentParams, queryObj.params), isEdited = isSelected && !areQueriesEqual && canMutateQuery;
+			return /* @__PURE__ */ jsx(Card, {
+				paddingX: compactMode ? 3 : 4,
+				paddingY: compactMode ? 3 : 4,
+				tone: "default",
+				onClick: (event_0) => {
+					if (event_0.target?.closest("[data-query-actions=\"true\"]")) return;
+					setSelectedUrl(q_5.url);
+					let parsedUrl = getStateFromUrl(q_5.url);
+					parsedUrl && setStateFromParsedUrl(parsedUrl);
+				},
+				style: {
+					borderTop: index === 0 ? "1px solid var(--card-border-color)" : void 0,
+					position: "relative",
+					borderBottom: "1px solid var(--card-border-color)",
+					borderLeft: isSelected ? "2px solid var(--card-muted-fg-color)" : "2px solid transparent",
+					cursor: "pointer"
+				},
+				children: /* @__PURE__ */ jsxs(Stack, {
+					space: compactMode ? 2 : 3,
+					children: [
+						/* @__PURE__ */ jsxs(Flex, {
+							justify: "space-between",
+							align: "center",
+							style: { minHeight: "25px" },
+							children: [/* @__PURE__ */ jsxs(Flex, {
+								align: "center",
+								gap: 2,
+								paddingRight: 1,
+								style: {
+									minWidth: 0,
+									flex: 1
+								},
+								children: [editingKey === q_5._key ? /* @__PURE__ */ jsx(TextInput, {
+									value: editingTitle,
+									onChange: (event_1) => setEditingTitle(event_1.currentTarget.value),
+									onKeyDown: (event_2) => {
+										event_2.key === "Enter" ? handleTitleSave(q_5, editingTitle) : event_2.key === "Escape" && setEditingKey(null);
+									},
+									onBlur: () => handleTitleSave(q_5, editingTitle),
+									autoFocus: !0,
+									style: {
+										maxWidth: "170px",
+										height: "24px"
+									}
+								}) : /* @__PURE__ */ jsx(Text, {
+									weight: "bold",
+									size: compactMode ? 2 : 3,
+									textOverflow: "ellipsis",
+									style: {
+										maxWidth: compactMode ? "180px" : "220px",
+										cursor: canMutateQuery ? "pointer" : "default",
+										padding: "2px 0"
+									},
+									title: optimisticTitles[q_5._key] || q_5.title || q_5._key.slice(q_5._key.length - 5, q_5._key.length),
+									onClick: canMutateQuery ? () => {
+										setEditingKey(q_5._key), setEditingTitle(q_5.title || q_5._key.slice(0, 5));
+									} : void 0,
+									children: optimisticTitles[q_5._key] || q_5.title || q_5._key.slice(q_5._key.length - 5, q_5._key.length)
+								}), isEdited && /* @__PURE__ */ jsx(Box, { style: {
+									width: "6px",
+									height: "6px",
+									borderRadius: "50%",
+									backgroundColor: "var(--card-focus-ring-color)"
+								} })]
+							}), /* @__PURE__ */ jsx(Flex, {
+								align: "center",
+								gap: 2,
+								children: /* @__PURE__ */ jsx(Box, {
+									"data-query-actions": "true",
+									style: {
+										width: "25px",
+										height: "25px",
+										display: "flex",
+										alignItems: "center"
+									},
+									children: (!q_5.shared || canMutateQuery) && /* @__PURE__ */ jsx(MenuButton, {
+										button: /* @__PURE__ */ jsx(ContextMenuButton, {}),
+										id: `${q_5._key}-menu`,
+										menu: /* @__PURE__ */ jsxs(Menu, { children: [
+											!q_5.shared && /* @__PURE__ */ jsx(MenuItem, {
+												icon: UsersIcon,
+												padding: 3,
+												text: t("label.share"),
+												onClick: (event_3) => {
+													event_3.stopPropagation(), handleShareQuery(q_5);
+												}
+											}),
+											q_5.shared && canMutateQuery && /* @__PURE__ */ jsx(MenuItem, {
+												icon: UnpublishIcon,
+												padding: 3,
+												text: t("action.unshare"),
+												onClick: (event_4) => {
+													event_4.stopPropagation(), handleUnshareQuery(q_5);
+												}
+											}),
+											canMutateQuery && /* @__PURE__ */ jsx(MenuItem, {
+												tone: "critical",
+												padding: 3,
+												icon: TrashIcon,
+												text: t("action.delete"),
+												onClick: (event_5) => {
+													event_5.stopPropagation(), deleteQuery(q_5._key);
+												}
+											})
+										] }),
+										popover: {
+											portal: !0,
+											placement: "bottom-end",
+											tone: "default"
+										}
+									})
+								})
+							})]
+						}),
+						fullQueryPreview ? /* @__PURE__ */ jsx(Tooltip, {
+							content: /* @__PURE__ */ jsx(Box, {
+								padding: 2,
+								style: {
+									maxWidth: "420px",
+									maxHeight: "220px",
+									overflow: "auto"
+								},
+								children: /* @__PURE__ */ jsx(Code, {
+									size: 1,
+									children: fullQueryPreview
+								})
+							}),
+							placement: "top",
+							portal: !0,
+							children: /* @__PURE__ */ jsx(Code, {
+								size: 1,
+								children: shortQueryPreview
+							})
+						}) : /* @__PURE__ */ jsx(Code, {}),
+						compactMode ? /* @__PURE__ */ jsxs(Stack, {
+							space: 1,
+							style: {
+								paddingTop: 0,
+								minHeight: "30px"
+							},
+							children: [/* @__PURE__ */ jsxs(Flex, {
+								align: "center",
+								gap: 2,
+								style: { minHeight: "18px" },
+								children: [/* @__PURE__ */ jsx(Box, {
+									style: {
+										display: "flex",
+										alignItems: "center",
+										justifyContent: "center",
+										width: "17px",
+										height: "17px"
+									},
+									children: q_5.shared ? /* @__PURE__ */ jsx(UserAvatar, {
+										size: 0,
+										user: q_5.authorId || "",
+										withTooltip: !0
+									}) : /* @__PURE__ */ jsx(Box, {
+										style: {
+											display: "flex",
+											alignItems: "center",
+											justifyContent: "center",
+											lineHeight: 0,
+											color: "var(--card-muted-fg-color)"
+										},
+										children: /* @__PURE__ */ jsx(LockIcon, {})
+									})
+								}), /* @__PURE__ */ jsx(Badge, {
+									mode: "outline",
+									tone: q_5.shared ? "primary" : "default",
+									style: {
+										whiteSpace: "nowrap",
+										overflow: "hidden",
+										textOverflow: "ellipsis"
+									},
+									children: q_5.shared ? t("label.shared") : t("label.personal")
+								})]
+							}), /* @__PURE__ */ jsx(Text, {
+								size: 1,
+								muted: !0,
+								children: formatDate.format(new Date(q_5.savedAt || ""))
+							})]
+						}) : /* @__PURE__ */ jsxs(Flex, {
+							align: "center",
+							gap: 2,
+							style: {
+								paddingTop: "2px",
+								minHeight: "20px"
+							},
+							children: [
+								/* @__PURE__ */ jsx(Box, {
+									style: {
+										display: "flex",
+										alignItems: "center",
+										justifyContent: "center",
+										width: "17px",
+										height: "17px"
+									},
+									children: q_5.shared ? /* @__PURE__ */ jsx(UserAvatar, {
+										size: 0,
+										user: q_5.authorId || "",
+										withTooltip: !0
+									}) : /* @__PURE__ */ jsx(Box, {
+										style: {
+											display: "flex",
+											alignItems: "center",
+											justifyContent: "center",
+											lineHeight: 0,
+											color: "var(--card-muted-fg-color)"
+										},
+										children: /* @__PURE__ */ jsx(LockIcon, {})
+									})
+								}),
+								/* @__PURE__ */ jsx(Badge, {
+									mode: "outline",
+									tone: q_5.shared ? "primary" : "default",
+									style: {
+										whiteSpace: "nowrap",
+										overflow: "hidden",
+										textOverflow: "ellipsis"
+									},
+									children: q_5.shared ? t("label.shared") : t("label.personal")
+								}),
+								/* @__PURE__ */ jsx(Text, {
+									size: 1,
+									muted: !0,
+									children: "•"
+								}),
+								/* @__PURE__ */ jsx(Text, {
+									size: 1,
+									muted: !0,
+									children: formatDate.format(new Date(q_5.savedAt || ""))
+								})
+							]
+						}),
+						isEdited && /* @__PURE__ */ jsx(Button, {
+							mode: "ghost",
+							tone: "default",
+							padding: 2,
+							style: {
+								height: "24px",
+								position: "absolute",
+								right: "16px",
+								bottom: "16px",
+								fontSize: "12px"
+							},
+							text: t("action.update"),
+							onClick: (e) => {
+								e.stopPropagation(), handleUpdate(q_5);
+							}
+						})
+					]
+				})
+			}, q_5._key);
+		}), $[42] = compactMode, $[43] = currentParams, $[44] = currentQuery, $[45] = deleteQuery, $[46] = editingKey, $[47] = editingTitle, $[48] = formatDate, $[49] = getStateFromUrl, $[50] = handleSave, $[51] = handleTitleSave, $[52] = handleUnshareQuery, $[53] = handleUpdate, $[54] = optimisticTitles, $[55] = pendingUnshareKeys, $[56] = queries, $[57] = queryFilter, $[58] = saving, $[59] = searchQuery, $[60] = selectedUrl, $[61] = setStateFromParsedUrl, $[62] = t, $[63] = T0, $[64] = T1, $[65] = T2, $[66] = t11, $[67] = t12, $[68] = t13, $[69] = t14;
+	} else T0 = $[63], T1 = $[64], T2 = $[65], t11 = $[66], t12 = $[67], t13 = $[68], t14 = $[69];
+	let t15;
+	$[117] !== T0 || $[118] !== t11 || $[119] !== t12 ? (t15 = /* @__PURE__ */ jsx(T0, {
+		paddingY: t11,
+		children: t12
+	}), $[117] = T0, $[118] = t11, $[119] = t12, $[120] = t15) : t15 = $[120];
+	let t16;
+	$[121] !== T1 || $[122] !== t13 || $[123] !== t15 ? (t16 = /* @__PURE__ */ jsx(T1, {
+		id: t13,
+		children: t15
+	}), $[121] = T1, $[122] = t13, $[123] = t15, $[124] = t16) : t16 = $[124];
+	let t17;
+	$[125] !== handleConfirmShareQuery || $[126] !== shareDialogQuery || $[127] !== t ? (t17 = shareDialogQuery && /* @__PURE__ */ jsx(Dialog, {
+		id: "vision-query-recall-share-dialog",
+		width: 1,
+		header: t("label.share"),
+		onClose: () => setShareDialogQuery(null),
+		footer: /* @__PURE__ */ jsxs(Flex, {
+			justify: "flex-end",
+			gap: 3,
+			padding: 3,
+			align: "center",
+			children: [/* @__PURE__ */ jsx(Button, {
+				mode: "bleed",
+				padding: 2,
+				text: t("action.query-cancel"),
+				onClick: () => setShareDialogQuery(null)
+			}), /* @__PURE__ */ jsx(Button, {
+				padding: 2,
+				tone: "primary",
+				text: t("action.save-shared-query"),
+				onClick: () => void handleConfirmShareQuery()
+			})]
+		}),
+		children: /* @__PURE__ */ jsx(Box, {
+			padding: 4,
+			children: /* @__PURE__ */ jsx(Text, {
+				size: 2,
+				children: t("save-query.share-warning")
+			})
+		})
+	}), $[125] = handleConfirmShareQuery, $[126] = shareDialogQuery, $[127] = t, $[128] = t17) : t17 = $[128];
+	let t18;
+	return $[129] !== T2 || $[130] !== t14 || $[131] !== t16 || $[132] !== t17 ? (t18 = /* @__PURE__ */ jsxs(T2, { children: [
+		t14,
+		t16,
+		t17
+	] }), $[129] = T2, $[130] = t14, $[131] = t16, $[132] = t17, $[133] = t18) : t18 = $[133], t18;
+}
+function narrowBreakpoint() {
+	return typeof window < "u" && window.innerWidth > 600;
+}
+function calculatePaneSizeOptions(height) {
+	let rootHeight = height;
+	return rootHeight ||= typeof window < "u" && typeof document < "u" ? document.body.getBoundingClientRect().height - 60 : 0, {
+		defaultSize: rootHeight / (narrowBreakpoint() ? 2 : 1),
+		size: rootHeight > 550 ? void 0 : rootHeight * .4,
+		allowResize: rootHeight > 550,
+		minSize: Math.min(170, Math.max(170, rootHeight / 2)),
+		maxSize: rootHeight > 650 ? rootHeight * .7 : rootHeight * .6
+	};
+}
+function usePaneSize(t0) {
+	let $ = c(7), { visionRootRef } = t0, [rootSize, setRootSize] = useState(_temp$4), [isNarrowBreakpoint, setIsNarrowBreakpoint] = useState(_temp2$3), [paneSizeOptions, setPaneSizeOptions] = useState(_temp3$2), t1, t2;
+	$[0] === visionRootRef ? (t1 = $[1], t2 = $[2]) : (t1 = () => {
+		if (!visionRootRef.current) return;
+		let resizeObserver = new ResizeObserver((entries) => {
+			let entry = entries?.[0];
+			entry && (setRootSize({
+				width: entry.contentRect.width,
+				height: entry.contentRect.height
+			}), setIsNarrowBreakpoint(entry.contentRect.width > 600), setPaneSizeOptions(calculatePaneSizeOptions(entry.contentRect.height)));
+		});
+		return resizeObserver.observe(visionRootRef.current), () => {
+			resizeObserver.disconnect();
+		};
+	}, t2 = [visionRootRef], $[0] = visionRootRef, $[1] = t1, $[2] = t2), useEffect(t1, t2);
+	let t3;
+	return $[3] !== isNarrowBreakpoint || $[4] !== paneSizeOptions || $[5] !== rootSize ? (t3 = {
+		paneSizeOptions,
+		isNarrowBreakpoint,
+		rootSize
+	}, $[3] = isNarrowBreakpoint, $[4] = paneSizeOptions, $[5] = rootSize, $[6] = t3) : t3 = $[6], t3;
+}
+function _temp3$2() {
+	return calculatePaneSizeOptions(void 0);
+}
+function _temp2$3() {
+	return narrowBreakpoint();
+}
+function _temp$4() {
+	return {
+		width: typeof window < "u" ? window.innerWidth : 1e3,
+		height: typeof window < "u" ? window.innerHeight : 800
+	};
+}
+/**
+* Vision GUI controls
+* To handle query and listen execution.
+*/
+function VisionGuiControls(t0) {
+	let $ = c(30), { hasValidParams, listenInProgress, queryInProgress, onQueryExecution, onListenExecution } = t0, { t } = useTranslation(visionLocaleNamespace), t1;
+	$[0] === t ? t1 = $[1] : (t1 = t("params.error.params-invalid-json"), $[0] = t, $[1] = t1);
+	let t2;
+	$[2] === t1 ? t2 = $[3] : (t2 = /* @__PURE__ */ jsx(Card, {
+		radius: 4,
+		children: /* @__PURE__ */ jsx(Text, {
+			size: 1,
+			muted: !0,
+			children: t1
+		})
+	}), $[2] = t1, $[3] = t2);
+	let t3;
+	$[4] === Symbol.for("react.memo_cache_sentinel") ? (t3 = /* @__PURE__ */ jsx(Card, {
+		radius: 4,
+		children: /* @__PURE__ */ jsx(Hotkeys, { keys: ["Ctrl", "Enter"] })
+	}), $[4] = t3) : t3 = $[4];
+	let t4 = queryInProgress ? StopIcon : PlayIcon, t5 = listenInProgress || !hasValidParams, t6 = queryInProgress ? "positive" : "primary", t7;
+	$[5] !== queryInProgress || $[6] !== t ? (t7 = t(queryInProgress ? "action.query-cancel" : "action.query-execute"), $[5] = queryInProgress, $[6] = t, $[7] = t7) : t7 = $[7];
+	let t8;
+	$[8] !== onQueryExecution || $[9] !== t4 || $[10] !== t5 || $[11] !== t6 || $[12] !== t7 ? (t8 = /* @__PURE__ */ jsx(Box, {
+		flex: 1,
+		children: /* @__PURE__ */ jsx(Tooltip, {
+			content: t3,
+			placement: "top",
+			portal: !0,
+			children: /* @__PURE__ */ jsx(Button, {
+				width: "fill",
+				onClick: onQueryExecution,
+				type: "button",
+				icon: t4,
+				disabled: t5,
+				tone: t6,
+				text: t7
+			})
+		})
+	}), $[8] = onQueryExecution, $[9] = t4, $[10] = t5, $[11] = t6, $[12] = t7, $[13] = t8) : t8 = $[13];
+	let t9 = listenInProgress ? StopIcon : PlayIcon, t10;
+	$[14] !== listenInProgress || $[15] !== t ? (t10 = t(listenInProgress ? "action.listen-cancel" : "action.listen-execute"), $[14] = listenInProgress, $[15] = t, $[16] = t10) : t10 = $[16];
+	let t11 = !hasValidParams, t12 = listenInProgress ? "positive" : "default", t13;
+	$[17] !== onListenExecution || $[18] !== t10 || $[19] !== t11 || $[20] !== t12 || $[21] !== t9 ? (t13 = /* @__PURE__ */ jsx(Box, {
+		flex: 1,
+		marginLeft: 3,
+		children: /* @__PURE__ */ jsx(Button, {
+			width: "fill",
+			onClick: onListenExecution,
+			type: "button",
+			icon: t9,
+			text: t10,
+			mode: "ghost",
+			disabled: t11,
+			tone: t12
+		})
+	}), $[17] = onListenExecution, $[18] = t10, $[19] = t11, $[20] = t12, $[21] = t9, $[22] = t13) : t13 = $[22];
+	let t14;
+	$[23] !== t13 || $[24] !== t8 ? (t14 = /* @__PURE__ */ jsxs(Flex, {
+		justify: "space-evenly",
+		children: [t8, t13]
+	}), $[23] = t13, $[24] = t8, $[25] = t14) : t14 = $[25];
+	let t15;
+	return $[26] !== hasValidParams || $[27] !== t14 || $[28] !== t2 ? (t15 = /* @__PURE__ */ jsx(ControlsContainer, { children: /* @__PURE__ */ jsx(Card, {
+		padding: 3,
+		paddingX: 3,
+		children: /* @__PURE__ */ jsx(Tooltip, {
+			content: t2,
+			placement: "top",
+			disabled: hasValidParams,
+			portal: !0,
+			children: t14
+		})
+	}) }), $[26] = hasValidParams, $[27] = t14, $[28] = t2, $[29] = t15) : t15 = $[29], t15;
+}
+var dot = "_1i6jn8t2", perspectivePopoverContent = "_1i6jn8t0", perspectivePopoverLink = "_1i6jn8t1";
+function PerspectivePopoverContent(props) {
+	let $ = c(2), t0;
+	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Box, {
+		...props,
+		className: perspectivePopoverContent
+	}), $[0] = props, $[1] = t0), t0;
+}
+function PerspectivePopoverLink(props) {
+	let $ = c(2), t0;
+	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx("a", {
+		...props,
+		className: perspectivePopoverLink
+	}), $[0] = props, $[1] = t0), t0;
+}
+function Dot(t0) {
+	let $ = c(2), { tone } = t0, t1 = `var(--card-badge-${tone}-dot-color)`, t2;
+	return $[0] === t1 ? t2 = $[1] : (t2 = /* @__PURE__ */ jsx("div", {
+		className: dot,
+		style: { backgroundColor: t1 }
+	}), $[0] = t1, $[1] = t2), t2;
+}
+function PerspectivePopover() {
+	let $ = c(39), [open, setOpen] = useState(!1), buttonRef = useRef(null), popoverRef = useRef(null), t0;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = () => setOpen(_temp$3), $[0] = t0) : t0 = $[0];
+	let handleClick = t0, { t } = useTranslation(visionLocaleNamespace), t1, t2;
+	$[1] === Symbol.for("react.memo_cache_sentinel") ? (t1 = () => setOpen(!1), t2 = () => [buttonRef.current, popoverRef.current], $[1] = t1, $[2] = t2) : (t1 = $[1], t2 = $[2]), useClickOutsideEvent(t1, t2);
+	let t3;
+	$[3] === t ? t3 = $[4] : (t3 = t("settings.perspectives.title"), $[3] = t, $[4] = t3);
+	let t4;
+	$[5] === t3 ? t4 = $[6] : (t4 = /* @__PURE__ */ jsx(Inline, {
+		space: 2,
+		children: /* @__PURE__ */ jsx(Text, {
+			weight: "medium",
+			children: t3
+		})
+	}), $[5] = t3, $[6] = t4);
+	let t5;
+	$[7] === t ? t5 = $[8] : (t5 = t("settings.perspectives.description"), $[7] = t, $[8] = t5);
+	let t6;
+	$[9] === t5 ? t6 = $[10] : (t6 = /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(Text, {
+		muted: !0,
+		children: t5
+	}) }), $[9] = t5, $[10] = t6);
+	let t7;
+	$[11] === t ? t7 = $[12] : (t7 = t("label.new"), $[11] = t, $[12] = t7);
+	let t8;
+	$[13] === t7 ? t8 = $[14] : (t8 = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Badge, {
+		tone: "primary",
+		children: t7
+	}) }), $[13] = t7, $[14] = t8);
+	let t9;
+	$[15] === t ? t9 = $[16] : (t9 = /* @__PURE__ */ jsx(Text, {
+		muted: !0,
+		children: /* @__PURE__ */ jsx(Translate, {
+			t,
+			i18nKey: "settings.perspective.preview-drafts-renamed-to-drafts.description"
+		})
+	}), $[15] = t, $[16] = t9);
+	let t10;
+	$[17] !== t8 || $[18] !== t9 ? (t10 = /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(Stack, {
+		space: 2,
+		children: [t8, t9]
+	}) }), $[17] = t8, $[18] = t9, $[19] = t10) : t10 = $[19];
+	let t11;
+	$[20] === t ? t11 = $[21] : (t11 = null, $[20] = t, $[21] = t11);
+	let t12;
+	$[22] === t ? t12 = $[23] : (t12 = t("settings.perspectives.action.docs-link"), $[22] = t, $[23] = t12);
+	let t13;
+	$[24] === t12 ? t13 = $[25] : (t13 = /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(Text, { children: /* @__PURE__ */ jsxs(PerspectivePopoverLink, {
+		href: "https://www.sanity.io/docs/perspectives",
+		target: "_blank",
+		rel: "noopener noreferrer",
+		children: [t12, " →"]
+	}) }) }), $[24] = t12, $[25] = t13);
+	let t14;
+	$[26] !== t10 || $[27] !== t11 || $[28] !== t13 || $[29] !== t4 || $[30] !== t6 ? (t14 = /* @__PURE__ */ jsx(PerspectivePopoverContent, { children: /* @__PURE__ */ jsxs(Stack, {
+		space: 4,
+		children: [
+			t4,
+			t6,
+			t10,
+			t11,
+			t13
+		]
+	}) }), $[26] = t10, $[27] = t11, $[28] = t13, $[29] = t4, $[30] = t6, $[31] = t14) : t14 = $[31];
+	let t15;
+	$[32] === Symbol.for("react.memo_cache_sentinel") ? (t15 = /* @__PURE__ */ jsx(Dot, { tone: "primary" }), $[32] = t15) : t15 = $[32];
+	let t16;
+	$[33] === open ? t16 = $[34] : (t16 = /* @__PURE__ */ jsx(Button, {
+		icon: HelpCircleIcon,
+		mode: "bleed",
+		padding: 2,
+		paddingRight: 1,
+		tone: "primary",
+		fontSize: 1,
+		ref: buttonRef,
+		onClick: handleClick,
+		selected: open,
+		children: t15
+	}), $[33] = open, $[34] = t16);
+	let t17;
+	return $[35] !== open || $[36] !== t14 || $[37] !== t16 ? (t17 = /* @__PURE__ */ jsx(Popover, {
+		content: t14,
+		placement: "bottom-start",
+		portal: !0,
+		padding: 3,
+		ref: popoverRef,
+		open,
+		children: t16
+	}), $[35] = open, $[36] = t14, $[37] = t16, $[38] = t17) : t17 = $[38], t17;
+}
+function _temp$3(o) {
+	return !o;
+}
+const PinnedReleasePerspectiveOption = (t0) => {
+	let $ = c(11), { pinnedPerspective, t } = t0, name = typeof pinnedPerspective.selectedPerspective == "object" ? pinnedPerspective.selectedPerspective.metadata.title : pinnedPerspective.selectedPerspectiveName, t1;
+	$[0] !== pinnedPerspective || $[1] !== t ? (t1 = hasPinnedPerspective(pinnedPerspective) ? `(${t("settings.perspectives.pinned-release-label")})` : t("settings.perspectives.pinned-release-label"), $[0] = pinnedPerspective, $[1] = t, $[2] = t1) : t1 = $[2];
+	let label = t1, t2;
+	$[3] !== label || $[4] !== name ? (t2 = [name, label].filter(_temp$2), $[3] = label, $[4] = name, $[5] = t2) : t2 = $[5];
+	let text = t2.join(" "), t3;
+	$[6] === pinnedPerspective ? t3 = $[7] : (t3 = hasPinnedPerspective(pinnedPerspective), $[6] = pinnedPerspective, $[7] = t3);
+	let t4 = !t3, t5;
+	return $[8] !== t4 || $[9] !== text ? (t5 = /* @__PURE__ */ jsx("option", {
+		value: "pinnedRelease",
+		disabled: t4,
+		children: text
+	}), $[8] = t4, $[9] = text, $[10] = t5) : t5 = $[10], t5;
+};
+function VisionGuiHeader(t0) {
+	let $ = c(68), { onChangeDataset, dataset, customApiVersion, apiVersion, onChangeApiVersion, datasets, customApiVersionElementRef, onCustomApiVersionChange, isValidApiVersion, onChangePerspective, url, perspective, isScheduledDraftsEnabled } = t0, pinnedPerspective = usePerspective(), { t } = useTranslation(visionLocaleNamespace), operationUrlElement = useRef(null), t1;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t1 = () => {
+		let el = operationUrlElement.current;
+		if (el) try {
+			el.select(), document.execCommand("copy");
+		} catch {
+			console.error("Unable to copy to clipboard :(");
+		}
+	}, $[0] = t1) : t1 = $[0];
+	let handleCopyUrl = t1, t2;
+	$[1] === Symbol.for("react.memo_cache_sentinel") ? (t2 = [
+		1,
+		4,
+		8,
+		12
+	], $[1] = t2) : t2 = $[1];
+	let t3;
+	$[2] === Symbol.for("react.memo_cache_sentinel") ? (t3 = [1, 2], $[2] = t3) : t3 = $[2];
+	let t4;
+	$[3] === t ? t4 = $[4] : (t4 = t("settings.dataset-label"), $[3] = t, $[4] = t4);
+	let t5;
+	$[5] === t4 ? t5 = $[6] : (t5 = /* @__PURE__ */ jsx(Card, {
+		paddingTop: 2,
+		paddingBottom: 3,
+		children: /* @__PURE__ */ jsx(StyledLabel, { children: t4 })
+	}), $[5] = t4, $[6] = t5);
+	let t6;
+	$[7] === datasets ? t6 = $[8] : (t6 = datasets.map(_temp2$2), $[7] = datasets, $[8] = t6);
+	let t7;
+	$[9] !== dataset || $[10] !== onChangeDataset || $[11] !== t6 ? (t7 = /* @__PURE__ */ jsx(Select, {
+		value: dataset,
+		onChange: onChangeDataset,
+		children: t6
+	}), $[9] = dataset, $[10] = onChangeDataset, $[11] = t6, $[12] = t7) : t7 = $[12];
+	let t8;
+	$[13] !== t5 || $[14] !== t7 ? (t8 = /* @__PURE__ */ jsx(Box, {
+		padding: 1,
+		column: t3,
+		children: /* @__PURE__ */ jsxs(Stack, { children: [t5, t7] })
+	}), $[13] = t5, $[14] = t7, $[15] = t8) : t8 = $[15];
+	let t9;
+	$[16] === Symbol.for("react.memo_cache_sentinel") ? (t9 = [1, 2], $[16] = t9) : t9 = $[16];
+	let t10;
+	$[17] === t ? t10 = $[18] : (t10 = t("settings.api-version-label"), $[17] = t, $[18] = t10);
+	let t11;
+	$[19] === t10 ? t11 = $[20] : (t11 = /* @__PURE__ */ jsx(Card, {
+		paddingTop: 2,
+		paddingBottom: 3,
+		children: /* @__PURE__ */ jsx(StyledLabel, { children: t10 })
+	}), $[19] = t10, $[20] = t11);
+	let t12 = customApiVersion === !1 ? apiVersion : "other", t13;
+	$[21] === Symbol.for("react.memo_cache_sentinel") ? (t13 = API_VERSIONS.map(_temp3$1), $[21] = t13) : t13 = $[21];
+	let t14;
+	$[22] === t ? t14 = $[23] : (t14 = t("settings.other-api-version-label"), $[22] = t, $[23] = t14);
+	let t15;
+	$[24] === t14 ? t15 = $[25] : (t15 = /* @__PURE__ */ jsx("option", {
+		value: "other",
+		children: t14
+	}, "other"), $[24] = t14, $[25] = t15);
+	let t16;
+	$[26] !== onChangeApiVersion || $[27] !== t12 || $[28] !== t15 ? (t16 = /* @__PURE__ */ jsxs(Select, {
+		"data-testid": "api-version-selector",
+		value: t12,
+		onChange: onChangeApiVersion,
+		children: [t13, t15]
+	}), $[26] = onChangeApiVersion, $[27] = t12, $[28] = t15, $[29] = t16) : t16 = $[29];
+	let t17;
+	$[30] !== t11 || $[31] !== t16 ? (t17 = /* @__PURE__ */ jsx(Box, {
+		padding: 1,
+		column: t9,
+		children: /* @__PURE__ */ jsxs(Stack, { children: [t11, t16] })
+	}), $[30] = t11, $[31] = t16, $[32] = t17) : t17 = $[32];
+	let t18;
+	$[33] !== customApiVersion || $[34] !== customApiVersionElementRef || $[35] !== isValidApiVersion || $[36] !== onCustomApiVersionChange || $[37] !== t ? (t18 = customApiVersion !== !1 && /* @__PURE__ */ jsx(Box, {
+		padding: 1,
+		column: [1, 2],
+		children: /* @__PURE__ */ jsxs(Stack, { children: [/* @__PURE__ */ jsx(Card, {
+			paddingTop: 2,
+			paddingBottom: 3,
+			children: /* @__PURE__ */ jsx(StyledLabel, {
+				textOverflow: "ellipsis",
+				children: t("settings.custom-api-version-label")
+			})
+		}), /* @__PURE__ */ jsx(TextInput, {
+			ref: customApiVersionElementRef,
+			value: customApiVersion,
+			onChange: onCustomApiVersionChange,
+			customValidity: isValidApiVersion ? void 0 : t("settings.error.invalid-api-version"),
+			maxLength: 11
+		})] })
+	}), $[33] = customApiVersion, $[34] = customApiVersionElementRef, $[35] = isValidApiVersion, $[36] = onCustomApiVersionChange, $[37] = t, $[38] = t18) : t18 = $[38];
+	let t19;
+	$[39] === Symbol.for("react.memo_cache_sentinel") ? (t19 = [1, 2], $[39] = t19) : t19 = $[39];
+	let t20;
+	$[40] === t ? t20 = $[41] : (t20 = t("settings.perspective-label"), $[40] = t, $[41] = t20);
+	let t21;
+	$[42] === t20 ? t21 = $[43] : (t21 = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(StyledLabel, { children: t20 }) }), $[42] = t20, $[43] = t21);
+	let t22;
+	$[44] === Symbol.for("react.memo_cache_sentinel") ? (t22 = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(PerspectivePopover, {}) }), $[44] = t22) : t22 = $[44];
+	let t23;
+	$[45] === t21 ? t23 = $[46] : (t23 = /* @__PURE__ */ jsx(Card, {
+		paddingBottom: 1,
+		children: /* @__PURE__ */ jsxs(Inline, {
+			space: 1,
+			children: [t21, t22]
+		})
+	}), $[45] = t21, $[46] = t23);
+	let t24 = perspective || "default", t25;
+	$[47] !== isScheduledDraftsEnabled || $[48] !== pinnedPerspective || $[49] !== t ? (t25 = SUPPORTED_PERSPECTIVES.map((perspectiveName) => perspectiveName === "pinnedRelease" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(PinnedReleasePerspectiveOption, {
+			pinnedPerspective,
+			t
+		}),
+		/* @__PURE__ */ jsx("option", {
+			value: "default",
+			children: t("settings.perspectives.default")
+		}, "default"),
+		/* @__PURE__ */ jsx("hr", {})
+	] }, "pinnedRelease") : perspectiveName === "scheduledDrafts" ? isScheduledDraftsEnabled ? /* @__PURE__ */ jsx("option", {
+		value: "scheduledDrafts",
+		children: t("settings.perspectives.scheduled-drafts")
+	}, "scheduledDrafts") : null : /* @__PURE__ */ jsx("option", { children: perspectiveName }, perspectiveName)), $[47] = isScheduledDraftsEnabled, $[48] = pinnedPerspective, $[49] = t, $[50] = t25) : t25 = $[50];
+	let t26;
+	$[51] !== onChangePerspective || $[52] !== t24 || $[53] !== t25 ? (t26 = /* @__PURE__ */ jsx(Select, {
+		value: t24,
+		onChange: onChangePerspective,
+		children: t25
+	}), $[51] = onChangePerspective, $[52] = t24, $[53] = t25, $[54] = t26) : t26 = $[54];
+	let t27;
+	$[55] !== t23 || $[56] !== t26 ? (t27 = /* @__PURE__ */ jsx(Box, {
+		padding: 1,
+		column: t19,
+		children: /* @__PURE__ */ jsxs(Stack, { children: [t23, t26] })
+	}), $[55] = t23, $[56] = t26, $[57] = t27) : t27 = $[57];
+	let t28;
+	$[58] !== customApiVersion || $[59] !== t || $[60] !== url ? (t28 = typeof url == "string" ? /* @__PURE__ */ jsx(Box, {
+		padding: 1,
+		flex: 1,
+		column: [1, customApiVersion === !1 ? 6 : 4],
+		children: /* @__PURE__ */ jsxs(Stack, { children: [/* @__PURE__ */ jsx(Card, {
+			paddingTop: 2,
+			paddingBottom: 3,
+			children: /* @__PURE__ */ jsxs(StyledLabel, { children: [
+				t("query.url"),
+				"\xA0",
+				/* @__PURE__ */ jsxs(QueryCopyLink, {
+					href: url,
+					onClick: (event) => {
+						event.preventDefault(), handleCopyUrl();
+					},
+					children: [
+						"[",
+						t("action.copy-url-to-clipboard"),
+						"]"
+					]
+				})
+			] })
+		}), /* @__PURE__ */ jsxs(Flex, {
+			flex: 1,
+			gap: 1,
+			children: [/* @__PURE__ */ jsx(Box, {
+				flex: 1,
+				children: /* @__PURE__ */ jsx(TextInput, {
+					readOnly: !0,
+					type: "url",
+					ref: operationUrlElement,
+					value: url
+				})
+			}), /* @__PURE__ */ jsx(Tooltip, {
+				content: t("action.copy-url-to-clipboard"),
+				children: /* @__PURE__ */ jsx(Button, {
+					"aria-label": t("action.copy-url-to-clipboard"),
+					type: "button",
+					mode: "ghost",
+					icon: CopyIcon,
+					onClick: handleCopyUrl
+				})
+			})]
+		})] })
+	}) : /* @__PURE__ */ jsx(Box, { flex: 1 }), $[58] = customApiVersion, $[59] = t, $[60] = url, $[61] = t28) : t28 = $[61];
+	let t29;
+	return $[62] !== t17 || $[63] !== t18 || $[64] !== t27 || $[65] !== t28 || $[66] !== t8 ? (t29 = /* @__PURE__ */ jsx(Header, {
+		paddingX: 3,
+		paddingY: 2,
+		children: /* @__PURE__ */ jsxs(Grid, {
+			columns: t2,
+			children: [
+				t8,
+				t17,
+				t18,
+				t27,
+				t28
+			]
+		})
+	}), $[62] = t17, $[63] = t18, $[64] = t27, $[65] = t28, $[66] = t8, $[67] = t29) : t29 = $[67], t29;
+}
+function _temp3$1(version) {
+	return /* @__PURE__ */ jsx("option", { children: version }, version);
+}
+function _temp2$2(ds) {
+	return /* @__PURE__ */ jsx("option", { children: ds }, ds);
+}
+function _temp$2(value) {
+	return value !== void 0;
+}
+function getBlobUrl(content, mimeType) {
+	return URL.createObjectURL(new Blob([content], { type: mimeType }));
+}
+function getMemoizedBlobUrlResolver(mimeType, stringEncoder) {
+	return (() => {
+		let prevResult = "", prevContent = "";
+		return (input) => {
+			let content = stringEncoder(input);
+			if (typeof content == "string" && content !== "") return content === prevContent ? prevResult : (prevContent = content, prevResult && URL.revokeObjectURL(prevResult), prevResult = getBlobUrl(content, mimeType), prevResult);
+		};
+	})();
+}
+const getJsonBlobUrl = getMemoizedBlobUrlResolver("application/json", (input) => JSON.stringify(input, null, 2)), getCsvBlobUrl = getMemoizedBlobUrlResolver("text/csv", (input) => json2csv(Array.isArray(input) ? input : [input]).trim());
+var errorCode = "vgszcp0";
+function ErrorCode(props) {
+	let $ = c(2), t0;
+	return $[0] === props ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(Code, {
+		...props,
+		className: errorCode
+	}), $[0] = props, $[1] = t0), t0;
+}
+function QueryErrorDetails(t0) {
+	let $ = c(20), { error } = t0, { t } = useTranslation(visionLocaleNamespace);
+	if (!("details" in error)) return null;
+	let t1 = error.details, T0, details, t2, t3, t4, t5;
+	if ($[0] !== error.details) {
+		t5 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			if (details = {
+				...t1,
+				...mapToLegacyDetails(error.details)
+			}, !details.line) {
+				t5 = null;
+				break bb0;
+			}
+			T0 = ErrorCode, t4 = 1, t2 = details.line, t3 = dashLine(details.column, details.columnEnd);
+		}
+		$[0] = error.details, $[1] = T0, $[2] = details, $[3] = t2, $[4] = t3, $[5] = t4, $[6] = t5;
+	} else T0 = $[1], details = $[2], t2 = $[3], t3 = $[4], t4 = $[5], t5 = $[6];
+	if (t5 !== Symbol.for("react.early_return_sentinel")) return t5;
+	let t6 = `${t2}\n${t3}`, t7;
+	$[7] !== T0 || $[8] !== t4 || $[9] !== t6 ? (t7 = /* @__PURE__ */ jsx(T0, {
+		size: t4,
+		children: t6
+	}), $[7] = T0, $[8] = t4, $[9] = t6, $[10] = t7) : t7 = $[10];
+	let t8;
+	$[11] === t ? t8 = $[12] : (t8 = t("query.error.line"), $[11] = t, $[12] = t8);
+	let t9 = details.lineNumber, t10;
+	$[13] === t ? t10 = $[14] : (t10 = t("query.error.column"), $[13] = t, $[14] = t10);
+	let t11 = `${t8}:   ${t9}\n${t10}: ${details.column}`, t12;
+	$[15] === t11 ? t12 = $[16] : (t12 = /* @__PURE__ */ jsx(Box, {
+		marginTop: 4,
+		children: /* @__PURE__ */ jsx(ErrorCode, {
+			size: 1,
+			children: t11
+		})
+	}), $[15] = t11, $[16] = t12);
+	let t13;
+	return $[17] !== t12 || $[18] !== t7 ? (t13 = /* @__PURE__ */ jsxs("div", { children: [t7, t12] }), $[17] = t12, $[18] = t7, $[19] = t13) : t13 = $[19], t13;
+}
+function mapToLegacyDetails(details) {
+	if (!details || typeof details.query != "string" || typeof details.start != "number") return {};
+	let { query, start, end } = details, lineStart = query.slice(0, start).lastIndexOf("\n") + 1, lineNumber = (query.slice(0, lineStart).match(/\n/g) || []).length;
+	return {
+		line: query.slice(lineStart, query.indexOf("\n", lineStart)),
+		lineNumber,
+		column: start - lineStart,
+		columnEnd: typeof end == "number" ? end - lineStart : void 0
+	};
+}
+function dashLine(column, columnEnd) {
+	return `${"-".repeat(column)}${"^".repeat(columnEnd ? columnEnd - column : 1)}`;
+}
+function QueryErrorDialog(props) {
+	let $ = c(7), t0;
+	$[0] === props.error.message ? t0 = $[1] : (t0 = /* @__PURE__ */ jsx(ErrorCode, {
+		size: 1,
+		children: props.error.message
+	}), $[0] = props.error.message, $[1] = t0);
+	let t1;
+	$[2] === props.error ? t1 = $[3] : (t1 = /* @__PURE__ */ jsx(QueryErrorDetails, { error: props.error }), $[2] = props.error, $[3] = t1);
+	let t2;
+	return $[4] !== t0 || $[5] !== t1 ? (t2 = /* @__PURE__ */ jsxs(Stack, {
+		space: 5,
+		marginTop: 2,
+		children: [t0, t1]
+	}), $[4] = t0, $[5] = t1, $[6] = t2) : t2 = $[6], t2;
+}
+var codeFamilyVar = "var(--_1rvgeh0)", codeFontSizeVar = "var(--_1rvgeh1)", codeLineHeightVar = "var(--_1rvgeh2)", resultViewWrapper = "_1rvgehc", space0Var = "var(--_1rvgeh3)", space2Var = "var(--_1rvgeh4)", space4HalfVar = "var(--_1rvgeh6)", space4Var = "var(--_1rvgeh5)", syntaxBooleanVar = "var(--_1rvgeha)", syntaxConstantVar = "var(--_1rvgeh8)", syntaxNumberVar = "var(--_1rvgehb)", syntaxPropertyVar = "var(--_1rvgeh7)", syntaxStringVar = "var(--_1rvgeh9)";
+const lru = new LRU({ maxSize: 5e4 });
+function ResultViewWrapper(t0) {
+	let $ = c(24), { children } = t0, { color, font, space } = useTheme_v2(), codeSize = font.code.sizes[2], t1 = font.code.family, t2 = `${codeSize.fontSize}px`, t3 = `${codeSize.lineHeight}px`, t4;
+	$[0] === space[0] ? t4 = $[1] : (t4 = rem(space[0]), $[0] = space[0], $[1] = t4);
+	let t5 = `${t4}`, t6;
+	$[2] === space[2] ? t6 = $[3] : (t6 = rem(space[2]), $[2] = space[2], $[3] = t6);
+	let t7 = `${t6}`, t8;
+	$[4] === space[4] ? t8 = $[5] : (t8 = rem(space[4]), $[4] = space[4], $[5] = t8);
+	let t9 = `${t8}`, t10 = space[4] / 2, t11;
+	$[6] === t10 ? t11 = $[7] : (t11 = rem(t10), $[6] = t10, $[7] = t11);
+	let t12 = `${t11}`, t13;
+	$[8] !== color.syntax.boolean || $[9] !== color.syntax.constant || $[10] !== color.syntax.number || $[11] !== color.syntax.property || $[12] !== color.syntax.string || $[13] !== font.code.family || $[14] !== t12 || $[15] !== t2 || $[16] !== t3 || $[17] !== t5 || $[18] !== t7 || $[19] !== t9 ? (t13 = assignInlineVars({
+		[codeFamilyVar]: t1,
+		[codeFontSizeVar]: t2,
+		[codeLineHeightVar]: t3,
+		[space0Var]: t5,
+		[space2Var]: t7,
+		[space4Var]: t9,
+		[space4HalfVar]: t12,
+		[syntaxPropertyVar]: color.syntax.property,
+		[syntaxConstantVar]: color.syntax.constant,
+		[syntaxStringVar]: color.syntax.string,
+		[syntaxBooleanVar]: color.syntax.boolean,
+		[syntaxNumberVar]: color.syntax.number
+	}), $[8] = color.syntax.boolean, $[9] = color.syntax.constant, $[10] = color.syntax.number, $[11] = color.syntax.property, $[12] = color.syntax.string, $[13] = font.code.family, $[14] = t12, $[15] = t2, $[16] = t3, $[17] = t5, $[18] = t7, $[19] = t9, $[20] = t13) : t13 = $[20];
+	let t14;
+	return $[21] !== children || $[22] !== t13 ? (t14 = /* @__PURE__ */ jsx("div", {
+		className: resultViewWrapper,
+		style: t13,
+		children
+	}), $[21] = children, $[22] = t13, $[23] = t14) : t14 = $[23], t14;
+}
+function ResultView(props) {
+	let $ = c(7), { data, datasetName } = props, workspaceDataset = useDataset();
+	if (isRecord(data) || Array.isArray(data)) {
+		let t0 = workspaceDataset === datasetName ? DocumentEditLabel : void 0, t1;
+		return $[0] !== data || $[1] !== t0 ? (t1 = /* @__PURE__ */ jsx(ResultViewWrapper, { children: /* @__PURE__ */ jsx(JsonInspector, {
+			data,
+			search: !1,
+			isExpanded,
+			onClick: toggleExpanded,
+			interactiveLabel: t0
+		}) }), $[0] = data, $[1] = t0, $[2] = t1) : t1 = $[2], t1;
+	}
+	let t0;
+	$[3] === data ? t0 = $[4] : (t0 = JSON.stringify(data), $[3] = data, $[4] = t0);
+	let t1;
+	return $[5] === t0 ? t1 = $[6] : (t1 = /* @__PURE__ */ jsx(Code, {
+		language: "json",
+		children: t0
+	}), $[5] = t0, $[6] = t1), t1;
+}
+function DocumentEditLabel(props) {
+	let $ = c(5);
+	if (props.isKey || !props.keypath.endsWith("_id") && !props.keypath.endsWith("_ref")) return null;
+	let t0;
+	$[0] === props.value ? t0 = $[1] : (t0 = { id: props.value }, $[0] = props.value, $[1] = t0);
+	let t1;
+	$[2] === Symbol.for("react.memo_cache_sentinel") ? (t1 = /* @__PURE__ */ jsx(LinkIcon, {}), $[2] = t1) : t1 = $[2];
+	let t2;
+	return $[3] === t0 ? t2 = $[4] : (t2 = /* @__PURE__ */ jsx(IntentLink, {
+		intent: "edit",
+		params: t0,
+		children: t1
+	}), $[3] = t0, $[4] = t2), t2;
+}
+function isExpanded(keyPath, value) {
+	let cached = lru.get(keyPath);
+	if (typeof cached == "boolean") return cached;
+	let segments = keyPath.split(".", 4);
+	return segments.length === 4 ? !1 : Array.isArray(value) ? !0 : isRecord(value) && !segments.some((key) => isArrayKeyOverLimit(key));
+}
+function toggleExpanded(event) {
+	let { path } = event, current = lru.get(path);
+	current !== void 0 && lru.set(path, !current);
+}
+function isRecord(value) {
+	return typeof value == "object" && !!value && !Array.isArray(value);
+}
+const numeric = /^\d+$/;
+function isArrayKeyOverLimit(segment, limit = 10) {
+	return numeric.test(segment) && parseInt(segment, 10) > limit;
+}
+function SaveCsvButton(t0) {
+	let $ = c(7), { blobUrl } = t0, { t } = useTranslation(visionLocaleNamespace);
+	if (!blobUrl) {
+		let t1;
+		$[0] === t ? t1 = $[1] : (t1 = t("result.save-result-as-csv.not-csv-encodable"), $[0] = t, $[1] = t1);
+		let t2;
+		$[2] === Symbol.for("react.memo_cache_sentinel") ? (t2 = /* @__PURE__ */ jsx(Button, {
+			disabled: !0,
+			icon: DocumentSheetIcon,
+			mode: "ghost",
+			text: "CSV",
+			tone: "default"
+		}), $[2] = t2) : t2 = $[2];
+		let t3;
+		return $[3] === t1 ? t3 = $[4] : (t3 = /* @__PURE__ */ jsx(Tooltip, {
+			content: t1,
+			placement: "top",
+			children: t2
+		}), $[3] = t1, $[4] = t3), t3;
+	}
+	let t1;
+	return $[5] === blobUrl ? t1 = $[6] : (t1 = /* @__PURE__ */ jsx(Button, {
+		as: "a",
+		download: "query-result.csv",
+		href: blobUrl,
+		icon: DocumentSheetIcon,
+		mode: "ghost",
+		text: "CSV",
+		tone: "default"
+	}), $[5] = blobUrl, $[6] = t1), t1;
+}
+function SaveJsonButton(t0) {
+	let $ = c(2), { blobUrl } = t0, t1;
+	return $[0] === blobUrl ? t1 = $[1] : (t1 = /* @__PURE__ */ jsx(Button, {
+		as: "a",
+		download: "query-result.json",
+		href: blobUrl,
+		icon: DocumentSheetIcon,
+		mode: "ghost",
+		text: "JSON",
+		tone: "default"
+	}), $[0] = blobUrl, $[1] = t1), t1;
+}
+function VisionGuiResult(t0) {
+	let $ = c(84), { error, queryInProgress, queryResult, listenInProgress, listenMutations, dataset, queryTime, e2eTime, compactFooter: t1 } = t0, compactFooter = t1 !== void 0 && t1, { t } = useTranslation(visionLocaleNamespace), hasResult = !error && !queryInProgress && queryResult !== void 0, t2;
+	$[0] !== hasResult || $[1] !== queryResult ? (t2 = hasResult ? getJsonBlobUrl(queryResult) : "", $[0] = hasResult, $[1] = queryResult, $[2] = t2) : t2 = $[2];
+	let jsonUrl = t2, t3;
+	$[3] !== hasResult || $[4] !== queryResult ? (t3 = hasResult ? getCsvBlobUrl(queryResult) : "", $[3] = hasResult, $[4] = queryResult, $[5] = t3) : t3 = $[5];
+	let csvUrl = t3, t4 = error ? "critical" : "default", t5 = !!error, t6;
+	$[6] === t ? t6 = $[7] : (t6 = t("result.label"), $[6] = t, $[7] = t6);
+	let t7;
+	$[8] === t6 ? t7 = $[9] : (t7 = /* @__PURE__ */ jsx(InputBackgroundContainer, { children: /* @__PURE__ */ jsx(Box, {
+		marginLeft: 3,
+		children: /* @__PURE__ */ jsx(StyledLabel, {
+			muted: !0,
+			children: t6
+		})
+	}) }), $[8] = t6, $[9] = t7);
+	let t8;
+	$[10] !== listenInProgress || $[11] !== listenMutations || $[12] !== queryInProgress ? (t8 = (queryInProgress || listenInProgress && listenMutations.length === 0) && /* @__PURE__ */ jsx(Box, {
+		marginTop: 3,
+		children: /* @__PURE__ */ jsx(DelayedSpinner, {})
+	}), $[10] = listenInProgress, $[11] = listenMutations, $[12] = queryInProgress, $[13] = t8) : t8 = $[13];
+	let t9;
+	$[14] === error ? t9 = $[15] : (t9 = error && /* @__PURE__ */ jsx(QueryErrorDialog, { error }), $[14] = error, $[15] = t9);
+	let t10;
+	$[16] !== dataset || $[17] !== hasResult || $[18] !== queryResult ? (t10 = hasResult && /* @__PURE__ */ jsx(ResultView, {
+		data: queryResult,
+		datasetName: dataset
+	}), $[16] = dataset, $[17] = hasResult, $[18] = queryResult, $[19] = t10) : t10 = $[19];
+	let t11;
+	$[20] !== dataset || $[21] !== listenInProgress || $[22] !== listenMutations ? (t11 = listenInProgress && listenMutations.length > 0 && /* @__PURE__ */ jsx(ResultView, {
+		data: listenMutations,
+		datasetName: dataset
+	}), $[20] = dataset, $[21] = listenInProgress, $[22] = listenMutations, $[23] = t11) : t11 = $[23];
+	let t12;
+	$[24] !== t10 || $[25] !== t11 || $[26] !== t8 || $[27] !== t9 ? (t12 = /* @__PURE__ */ jsxs(Box, {
+		padding: 3,
+		paddingTop: 5,
+		children: [
+			t8,
+			t9,
+			t10,
+			t11
+		]
+	}), $[24] = t10, $[25] = t11, $[26] = t8, $[27] = t9, $[28] = t12) : t12 = $[28];
+	let t13;
+	$[29] !== t12 || $[30] !== t7 ? (t13 = /* @__PURE__ */ jsxs(Result, {
+		overflow: "auto",
+		children: [t7, t12]
+	}), $[29] = t12, $[30] = t7, $[31] = t13) : t13 = $[31];
+	let t14;
+	$[32] !== t13 || $[33] !== t4 || $[34] !== t5 ? (t14 = /* @__PURE__ */ jsx(ResultInnerContainer, {
+		flex: 1,
+		children: /* @__PURE__ */ jsx(ResultContainer, {
+			flex: 1,
+			overflow: "hidden",
+			tone: t4,
+			isInvalid: t5,
+			children: t13
+		})
+	}), $[32] = t13, $[33] = t4, $[34] = t5, $[35] = t14) : t14 = $[35];
+	let t15 = compactFooter ? "flex-start" : "space-between", t16 = compactFooter ? "stretch" : void 0, t17;
+	$[36] === compactFooter ? t17 = $[37] : (t17 = compactFooter ? "column" : [
+		"column",
+		"column",
+		"row"
+	], $[36] = compactFooter, $[37] = t17);
+	let t18 = compactFooter ? 3 : 4, t19 = compactFooter ? 2 : 3, t20;
+	$[38] === compactFooter ? t20 = $[39] : (t20 = compactFooter ? { width: "100%" } : { minWidth: 0 }, $[38] = compactFooter, $[39] = t20);
+	let t21 = compactFooter ? 1 : 2, t22;
+	$[40] === t ? t22 = $[41] : (t22 = t("result.execution-time-label"), $[40] = t, $[41] = t22);
+	let t23;
+	$[42] !== queryTime || $[43] !== t ? (t23 = typeof queryTime == "number" ? `${queryTime}ms` : t("result.timing-not-applicable"), $[42] = queryTime, $[43] = t, $[44] = t23) : t23 = $[44];
+	let t24;
+	$[45] !== t21 || $[46] !== t22 || $[47] !== t23 ? (t24 = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, {
+		muted: !0,
+		size: t21,
+		children: [
+			t22,
+			":",
+			" ",
+			t23
+		]
+	}) }), $[45] = t21, $[46] = t22, $[47] = t23, $[48] = t24) : t24 = $[48];
+	let t25 = compactFooter ? 3 : 4, t26 = compactFooter ? 1 : 2, t27;
+	$[49] === t ? t27 = $[50] : (t27 = t("result.end-to-end-time-label"), $[49] = t, $[50] = t27);
+	let t28;
+	$[51] !== e2eTime || $[52] !== t ? (t28 = typeof e2eTime == "number" ? `${e2eTime}ms` : t("result.timing-not-applicable"), $[51] = e2eTime, $[52] = t, $[53] = t28) : t28 = $[53];
+	let t29;
+	$[54] !== t26 || $[55] !== t27 || $[56] !== t28 ? (t29 = /* @__PURE__ */ jsxs(Text, {
+		muted: !0,
+		size: t26,
+		children: [
+			t27,
+			":",
+			" ",
+			t28
+		]
+	}), $[54] = t26, $[55] = t27, $[56] = t28, $[57] = t29) : t29 = $[57];
+	let t30;
+	$[58] !== t25 || $[59] !== t29 ? (t30 = /* @__PURE__ */ jsx(Box, {
+		marginLeft: t25,
+		children: t29
+	}), $[58] = t25, $[59] = t29, $[60] = t30) : t30 = $[60];
+	let t31;
+	$[61] !== t24 || $[62] !== t30 ? (t31 = /* @__PURE__ */ jsxs(TimingsTextContainer, {
+		align: "center",
+		children: [t24, t30]
+	}), $[61] = t24, $[62] = t30, $[63] = t31) : t31 = $[63];
+	let t32;
+	$[64] !== t18 || $[65] !== t19 || $[66] !== t20 || $[67] !== t31 ? (t32 = /* @__PURE__ */ jsx(TimingsCard, {
+		paddingX: t18,
+		paddingY: t19,
+		sizing: "border",
+		style: t20,
+		children: t31
+	}), $[64] = t18, $[65] = t19, $[66] = t20, $[67] = t31, $[68] = t32) : t32 = $[68];
+	let t33;
+	$[69] !== compactFooter || $[70] !== csvUrl || $[71] !== hasResult || $[72] !== jsonUrl || $[73] !== t ? (t33 = hasResult && /* @__PURE__ */ jsx(DownloadsCard, {
+		paddingX: compactFooter ? 3 : 4,
+		paddingY: compactFooter ? 2 : 3,
+		sizing: "border",
+		style: compactFooter ? { width: "100%" } : {
+			marginLeft: "auto",
+			minWidth: 0
+		},
+		children: /* @__PURE__ */ jsx(SaveResultLabel, {
+			muted: !0,
+			size: compactFooter ? 1 : 2,
+			children: /* @__PURE__ */ jsx(Translate, {
+				components: { SaveResultButtons: () => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(SaveJsonButton, { blobUrl: jsonUrl }), /* @__PURE__ */ jsx(SaveCsvButton, { blobUrl: csvUrl })] }) },
+				i18nKey: "result.save-result-as-format",
+				t
+			})
+		})
+	}), $[69] = compactFooter, $[70] = csvUrl, $[71] = hasResult, $[72] = jsonUrl, $[73] = t, $[74] = t33) : t33 = $[74];
+	let t34;
+	$[75] !== t15 || $[76] !== t16 || $[77] !== t17 || $[78] !== t32 || $[79] !== t33 ? (t34 = /* @__PURE__ */ jsxs(ResultFooter, {
+		justify: t15,
+		align: t16,
+		direction: t17,
+		children: [t32, t33]
+	}), $[75] = t15, $[76] = t16, $[77] = t17, $[78] = t32, $[79] = t33, $[80] = t34) : t34 = $[80];
+	let t35;
+	return $[81] !== t14 || $[82] !== t34 ? (t35 = /* @__PURE__ */ jsxs(ResultOuterContainer, {
+		direction: "column",
+		"data-testid": "vision-result",
+		children: [t14, t34]
+	}), $[81] = t14, $[82] = t34, $[83] = t35) : t35 = $[83], t35;
+}
+function nodeContains(node, other) {
+	return !node || !other ? !1 : node === other || !!(node.compareDocumentPosition(other) & 16);
+}
+const sanityUrl = /\/(vX|v1|v\d{4}-\d\d-\d\d)\/.*?(?:query|listen)\/(.*?)\?(.*)/, isRunHotkey = (event) => isHotkey("ctrl+enter", event) || isHotkey("mod+enter", event);
+function VisionGui(props) {
+	let $ = c(209), { datasets, config, projectId, defaultDataset } = props, toast = useToast(), { t } = useTranslation(visionLocaleNamespace), { perspectiveStack } = usePerspective(), isScheduledDraftsEnabled = useScheduledDraftsEnabled(), { data: t0 } = useActiveReleases(), t1;
+	$[0] === t0 ? t1 = $[1] : (t1 = t0 === void 0 ? [] : t0, $[0] = t0, $[1] = t1);
+	let releases = t1, isDraftModelEnabled = useWorkspace().document.drafts.enabled, editorQueryRef = useRef(null), editorParamsRef = useRef(null), visionRootRef = useRef(null), customApiVersionElementRef = useRef(null), querySubscriptionRef = useRef(void 0), listenSubscriptionRef = useRef(void 0), t2;
+	$[2] === projectId ? t2 = $[3] : (t2 = () => getLocalStorage(projectId || "default"), $[2] = projectId, $[3] = t2);
+	let [localStorage] = useState(t2), t3;
+	$[4] !== defaultDataset || $[5] !== localStorage ? (t3 = localStorage.get("dataset", defaultDataset), $[4] = defaultDataset, $[5] = localStorage, $[6] = t3) : t3 = $[6];
+	let storedDataset = t3, t4;
+	$[7] !== config.defaultApiVersion || $[8] !== localStorage ? (t4 = localStorage.get("apiVersion", prefixApiVersion(`${config.defaultApiVersion}`)), $[7] = config.defaultApiVersion, $[8] = localStorage, $[9] = t4) : t4 = $[9];
+	let storedApiVersion = t4, t5;
+	$[10] === localStorage ? t5 = $[11] : (t5 = localStorage.get("query", ""), $[10] = localStorage, $[11] = t5);
+	let storedQuery = t5, t6;
+	$[12] === localStorage ? t6 = $[13] : (t6 = localStorage.get("params", "{\n  \n}"), $[12] = localStorage, $[13] = t6);
+	let storedParams = t6, t7;
+	$[14] === localStorage ? t7 = $[15] : (t7 = localStorage.get("perspective", void 0), $[14] = localStorage, $[15] = t7);
+	let storedPerspective = t7, t8;
+	$[16] !== datasets || $[17] !== defaultDataset || $[18] !== storedDataset ? (t8 = () => datasets.includes(storedDataset) ? storedDataset : datasets.includes(defaultDataset) ? defaultDataset : datasets[0], $[16] = datasets, $[17] = defaultDataset, $[18] = storedDataset, $[19] = t8) : t8 = $[19];
+	let [dataset, setDataset] = useState(t8), t9;
+	$[20] === storedApiVersion ? t9 = $[21] : (t9 = () => API_VERSIONS.includes(storedApiVersion) ? storedApiVersion : DEFAULT_API_VERSION, $[20] = storedApiVersion, $[21] = t9);
+	let [apiVersion, setApiVersion] = useState(t9), t10;
+	$[22] === storedApiVersion ? t10 = $[23] : (t10 = () => !API_VERSIONS.includes(storedApiVersion) && storedApiVersion, $[22] = storedApiVersion, $[23] = t10);
+	let [customApiVersion, setCustomApiVersion] = useState(t10), [perspective, setPerspectiveState] = useState(storedPerspective || "raw"), t11;
+	$[24] === customApiVersion ? t11 = $[25] : (t11 = !customApiVersion || validateApiVersion(customApiVersion), $[24] = customApiVersion, $[25] = t11);
+	let isValidApiVersion = t11, [url, setUrl] = useState(void 0), t12;
+	$[26] === storedQuery ? t12 = $[27] : (t12 = () => typeof storedQuery == "string" ? storedQuery : "", $[26] = storedQuery, $[27] = t12);
+	let [query, setQuery] = useState(t12), [rawParams, setRawParams] = useState(storedParams), t13;
+	$[28] !== rawParams || $[29] !== t ? (t13 = parseParams(rawParams, t), $[28] = rawParams, $[29] = t, $[30] = t13) : t13 = $[30];
+	let params = t13, [queryResult, setQueryResult] = useState(void 0), t14;
+	$[31] === Symbol.for("react.memo_cache_sentinel") ? (t14 = [], $[31] = t14) : t14 = $[31];
+	let [listenMutations, setListenMutations] = useState(t14), [error, setError] = useState(void 0), [queryTime, setQueryTime] = useState(void 0), [e2eTime, setE2eTime] = useState(void 0), [queryInProgress, setQueryInProgress] = useState(!1), [listenInProgress, setListenInProgress] = useState(!1), [isQueryRecallCollapsed, setIsQueryRecallCollapsed] = useState(!1), t15;
+	$[32] === Symbol.for("react.memo_cache_sentinel") ? (t15 = { visionRootRef }, $[32] = t15) : t15 = $[32];
+	let { paneSizeOptions, isNarrowBreakpoint } = usePaneSize(t15), t16;
+	bb0: {
+		if (!isScheduledDraftsEnabled) {
+			t16 = void 0;
+			break bb0;
+		}
+		let t17;
+		if ($[33] !== isDraftModelEnabled || $[34] !== releases) {
+			let releaseIds = sortReleases(releases.filter(_temp$1)).map(_temp2$1), t18;
+			$[36] === isDraftModelEnabled ? t18 = $[37] : (t18 = isDraftModelEnabled ? ["drafts"] : ["published"], $[36] = isDraftModelEnabled, $[37] = t18);
+			let defaultPerspective = t18;
+			t17 = [...releaseIds, ...defaultPerspective], $[33] = isDraftModelEnabled, $[34] = releases, $[35] = t17;
+		} else t17 = $[35];
+		t16 = t17;
+	}
+	let scheduledDraftsStack = t16, t17 = isValidApiVersion && customApiVersion ? customApiVersion : apiVersion, t18;
+	$[38] === t17 ? t18 = $[39] : (t18 = { apiVersion: t17 }, $[38] = t17, $[39] = t18);
+	let _client = useClient(t18), t19;
+	$[40] !== _client || $[41] !== apiVersion || $[42] !== customApiVersion || $[43] !== dataset || $[44] !== isValidApiVersion || $[45] !== perspective || $[46] !== perspectiveStack || $[47] !== scheduledDraftsStack ? (t19 = _client.withConfig({
+		apiVersion: isValidApiVersion && customApiVersion ? customApiVersion : apiVersion,
+		perspective: getActivePerspective({
+			visionPerspective: perspective,
+			perspectiveStack,
+			scheduledDraftsStack
+		}),
+		dataset,
+		allowReconfigure: !0
+	}), $[40] = _client, $[41] = apiVersion, $[42] = customApiVersion, $[43] = dataset, $[44] = isValidApiVersion, $[45] = perspective, $[46] = perspectiveStack, $[47] = scheduledDraftsStack, $[48] = t19) : t19 = $[48];
+	let client = t19, t20;
+	$[49] === Symbol.for("react.memo_cache_sentinel") ? (t20 = () => {
+		querySubscriptionRef.current &&= (querySubscriptionRef.current.unsubscribe(), void 0);
+	}, $[49] = t20) : t20 = $[49];
+	let cancelQuerySubscription = t20, t21;
+	$[50] === Symbol.for("react.memo_cache_sentinel") ? (t21 = () => {
+		listenSubscriptionRef.current &&= (listenSubscriptionRef.current.unsubscribe(), void 0);
+	}, $[50] = t21) : t21 = $[50];
+	let cancelListenerSubscription = t21, t22;
+	$[51] !== apiVersion || $[52] !== client || $[53] !== customApiVersion || $[54] !== dataset || $[55] !== isValidApiVersion || $[56] !== localStorage || $[57] !== params.parsed || $[58] !== perspective || $[59] !== perspectiveStack || $[60] !== query || $[61] !== queryInProgress || $[62] !== scheduledDraftsStack || $[63] !== t ? (t22 = (options) => {
+		if (queryInProgress) {
+			cancelQuerySubscription(), cancelListenerSubscription(), setQueryInProgress(!1);
+			return;
+		}
+		let context = {
+			query: options?.query || query,
+			dataset: options?.dataset || dataset,
+			params: parseParams(JSON.stringify(options?.params || params.parsed, null, 2), t),
+			perspective: getActivePerspective({
+				visionPerspective: options && "perspective" in options ? options.perspective : perspective,
+				perspectiveStack,
+				scheduledDraftsStack
+			}),
+			apiVersion: options?.apiVersion || (customApiVersion && isValidApiVersion ? customApiVersion : apiVersion)
+		};
+		localStorage.set("query", context.query), localStorage.set("params", context.params.raw), cancelListenerSubscription();
+		let hasQuery = context.query.trim().length > 0;
+		if (setQueryInProgress(!context.params.error && hasQuery), setListenInProgress(!1), setListenMutations([]), setError(context.params.error ? Error(context.params.error) : void 0), setQueryResult(void 0), setQueryTime(void 0), setE2eTime(void 0), context.params.error || !hasQuery) return;
+		let urlQueryOpts = { perspective: context.perspective ?? [] }, ctxClient = client.withConfig({
+			apiVersion: context.apiVersion,
+			dataset: context.dataset,
+			perspective: context.perspective
+		}), newUrl = ctxClient.getUrl(ctxClient.getDataUrl("query", encodeQueryString(context.query, context.params.parsed, urlQueryOpts)));
+		setUrl(newUrl);
+		let queryStart = Date.now();
+		querySubscriptionRef.current = ctxClient.observable.fetch(context.query, context.params.parsed, {
+			filterResponse: !1,
+			tag: "vision"
+		}).subscribe({
+			next: (res) => {
+				setQueryTime(res.ms), setE2eTime(Date.now() - queryStart), setQueryResult(res.result), setQueryInProgress(!1), setError(void 0);
+			},
+			error: (err) => {
+				setError(err), setQueryInProgress(!1);
+			}
+		});
+	}, $[51] = apiVersion, $[52] = client, $[53] = customApiVersion, $[54] = dataset, $[55] = isValidApiVersion, $[56] = localStorage, $[57] = params.parsed, $[58] = perspective, $[59] = perspectiveStack, $[60] = query, $[61] = queryInProgress, $[62] = scheduledDraftsStack, $[63] = t, $[64] = t22) : t22 = $[64];
+	let handleQueryExecution = t22, t23;
+	$[65] !== handleQueryExecution || $[66] !== localStorage ? (t23 = (newPerspective) => {
+		newPerspective !== void 0 && !isSupportedPerspective(newPerspective) || (setPerspectiveState(newPerspective), localStorage.set("perspective", newPerspective), handleQueryExecution({ perspective: newPerspective }));
+	}, $[65] = handleQueryExecution, $[66] = localStorage, $[67] = t23) : t23 = $[67];
+	let setPerspective = t23, t24;
+	$[68] !== handleQueryExecution || $[69] !== localStorage ? (t24 = (evt) => {
+		let newDataset = evt.target.value;
+		localStorage.set("dataset", newDataset), setDataset(newDataset), handleQueryExecution({ dataset: newDataset });
+	}, $[68] = handleQueryExecution, $[69] = localStorage, $[70] = t24) : t24 = $[70];
+	let handleChangeDataset = t24, t25;
+	$[71] !== handleQueryExecution || $[72] !== localStorage ? (t25 = (evt_0) => {
+		let newApiVersion = evt_0.target.value;
+		if (newApiVersion?.toLowerCase() === "other") {
+			setCustomApiVersion("v"), customApiVersionElementRef.current?.focus();
+			return;
+		}
+		setApiVersion(newApiVersion), setCustomApiVersion(!1), localStorage.set("apiVersion", newApiVersion), handleQueryExecution({ apiVersion: newApiVersion });
+	}, $[71] = handleQueryExecution, $[72] = localStorage, $[73] = t25) : t25 = $[73];
+	let handleChangeApiVersion = t25, t26;
+	$[74] !== handleQueryExecution || $[75] !== localStorage ? (t26 = (evt_1) => {
+		let newCustomApiVersion = evt_1.target.value || "";
+		setCustomApiVersion(newCustomApiVersion || "v"), validateApiVersion(newCustomApiVersion) && (setApiVersion(newCustomApiVersion), localStorage.set("apiVersion", newCustomApiVersion), handleQueryExecution({ apiVersion: newCustomApiVersion }));
+	}, $[74] = handleQueryExecution, $[75] = localStorage, $[76] = t26) : t26 = $[76];
+	let handleCustomApiVersionChange = t26, t27;
+	$[77] === setPerspective ? t27 = $[78] : (t27 = (evt_2) => {
+		let newPerspective_0 = evt_2.target.value;
+		setPerspective(newPerspective_0 === "default" ? void 0 : newPerspective_0);
+	}, $[77] = setPerspective, $[78] = t27);
+	let handleChangePerspective = t27, t28;
+	$[79] === Symbol.for("react.memo_cache_sentinel") ? (t28 = (evt_3) => {
+		evt_3.type === "mutation" && setListenMutations((prevMutations) => prevMutations.length === 50 ? [evt_3, ...prevMutations.slice(0, 49)] : [evt_3, ...prevMutations]);
+	}, $[79] = t28) : t28 = $[79];
+	let handleListenerEvent = t28, t29;
+	$[80] !== client || $[81] !== listenInProgress || $[82] !== localStorage || $[83] !== params.error || $[84] !== params.parsed || $[85] !== params.raw || $[86] !== query ? (t29 = () => {
+		if (listenInProgress) {
+			cancelListenerSubscription(), setListenInProgress(!1);
+			return;
+		}
+		let newUrl_0 = client.getDataUrl("listen", encodeQueryString(query, params.parsed, {})), shouldExecute = !params.error && query.trim().length > 0;
+		localStorage.set("query", query), localStorage.set("params", params.raw), cancelQuerySubscription(), setUrl(newUrl_0), setListenMutations([]), setQueryInProgress(!1), setQueryResult(void 0), setListenInProgress(shouldExecute), setError(params.error ? Error(params.error) : void 0), setQueryTime(void 0), setE2eTime(void 0), shouldExecute && (listenSubscriptionRef.current = client.listen(query, params.parsed, {
+			events: ["mutation", "welcome"],
+			includeAllVersions: !0
+		}).subscribe({
+			next: handleListenerEvent,
+			error: (err_0) => {
+				setError(err_0), setListenInProgress(!1);
+			}
+		}));
+	}, $[80] = client, $[81] = listenInProgress, $[82] = localStorage, $[83] = params.error, $[84] = params.parsed, $[85] = params.raw, $[86] = query, $[87] = t29) : t29 = $[87];
+	let handleListenExecution = t29, t30;
+	$[88] === localStorage ? t30 = $[89] : (t30 = (value) => {
+		setRawParams(value), localStorage.set("params", value);
+	}, $[88] = localStorage, $[89] = t30);
+	let handleParamsChange = t30, t31;
+	$[90] !== apiVersion || $[91] !== dataset || $[92] !== datasets || $[93] !== perspective || $[94] !== toast ? (t31 = (data) => {
+		let match = data.match(sanityUrl);
+		if (!match) return null;
+		let [, usedApiVersion, usedDataset, urlQuery] = match, parts = parseApiQueryString(new URLSearchParams(urlQuery));
+		if (!parts) return null;
+		let newApiVersion_0, newCustomApiVersion_0;
+		validateApiVersion(usedApiVersion) && (API_VERSIONS.includes(usedApiVersion) ? (newApiVersion_0 = usedApiVersion, newCustomApiVersion_0 = !1) : newCustomApiVersion_0 = usedApiVersion);
+		let newPerspective_1 = isSupportedPerspective(parts.options.perspective) && !isVirtualPerspective(parts.options.perspective) ? parts.options.perspective : void 0;
+		return newPerspective_1 && (!isSupportedPerspective(parts.options.perspective) || isVirtualPerspective(parts.options.perspective)) && toast.push({
+			closable: !0,
+			id: "vision-paste-unsupported-perspective",
+			status: "warning",
+			title: "Perspective in pasted url is currently not supported. Falling back to \"raw\""
+		}), {
+			query: parts.query,
+			params: parts.params,
+			rawParams: JSON.stringify(parts.params, null, 2),
+			dataset: datasets.includes(usedDataset) ? usedDataset : dataset,
+			apiVersion: newApiVersion_0 || apiVersion,
+			customApiVersion: newCustomApiVersion_0,
+			perspective: newPerspective_1 || perspective,
+			url: data
+		};
+	}, $[90] = apiVersion, $[91] = dataset, $[92] = datasets, $[93] = perspective, $[94] = toast, $[95] = t31) : t31 = $[95];
+	let getStateFromUrl = t31, t32;
+	$[96] !== handleQueryExecution || $[97] !== localStorage ? (t32 = (parsedUrlObj) => {
+		setDataset(parsedUrlObj.dataset), setQuery(parsedUrlObj.query), setRawParams(parsedUrlObj.rawParams), setApiVersion(parsedUrlObj.apiVersion), parsedUrlObj.customApiVersion && setCustomApiVersion(parsedUrlObj.customApiVersion), setPerspectiveState(parsedUrlObj.perspective), setUrl(parsedUrlObj.url), editorQueryRef.current?.resetEditorContent(parsedUrlObj.query), editorParamsRef.current?.resetEditorContent(parsedUrlObj.rawParams), localStorage.merge({
+			query: parsedUrlObj.query,
+			params: parsedUrlObj.rawParams,
+			dataset: parsedUrlObj.dataset,
+			apiVersion: parsedUrlObj.customApiVersion || parsedUrlObj.apiVersion,
+			perspective: parsedUrlObj.perspective
+		}), handleQueryExecution(parsedUrlObj);
+	}, $[96] = handleQueryExecution, $[97] = localStorage, $[98] = t32) : t32 = $[98];
+	let setStateFromParsedUrl = t32, t33;
+	$[99] !== getStateFromUrl || $[100] !== setStateFromParsedUrl || $[101] !== toast ? (t33 = (evt_4) => {
+		if (!evt_4.clipboardData) return;
+		let data_0 = evt_4.clipboardData.getData("text/plain");
+		evt_4.preventDefault();
+		let urlState = getStateFromUrl(data_0);
+		urlState && (setStateFromParsedUrl(urlState), toast.push({
+			closable: !0,
+			id: "vision-paste",
+			status: "info",
+			title: "Parsed URL to query"
+		}));
+	}, $[99] = getStateFromUrl, $[100] = setStateFromParsedUrl, $[101] = toast, $[102] = t33) : t33 = $[102];
+	let handlePaste = t33, t34;
+	$[103] !== handleQueryExecution || $[104] !== params.valid ? (t34 = (event) => {
+		let isWithinRoot = visionRootRef.current && nodeContains(visionRootRef.current, event.target);
+		isRunHotkey(event) && isWithinRoot && params.valid && (handleQueryExecution(), event.preventDefault(), event.stopPropagation());
+	}, $[103] = handleQueryExecution, $[104] = params.valid, $[105] = t34) : t34 = $[105];
+	let handleKeyDown = t34, t35, t36;
+	$[106] !== handleKeyDown || $[107] !== handlePaste ? (t35 = () => (window.document.addEventListener("paste", handlePaste), window.document.addEventListener("keydown", handleKeyDown), () => {
+		window.document.removeEventListener("paste", handlePaste), window.document.removeEventListener("keydown", handleKeyDown);
+	}), t36 = [handleKeyDown, handlePaste], $[106] = handleKeyDown, $[107] = handlePaste, $[108] = t35, $[109] = t36) : (t35 = $[108], t36 = $[109]), useEffect(t35, t36);
+	let t37, t38;
+	$[110] === Symbol.for("react.memo_cache_sentinel") ? (t37 = () => () => {
+		cancelQuerySubscription(), cancelListenerSubscription();
+	}, t38 = [cancelQuerySubscription, cancelListenerSubscription], $[110] = t37, $[111] = t38) : (t37 = $[110], t38 = $[111]), useEffect(t37, t38);
+	let t39;
+	$[112] === setPerspective ? t39 = $[113] : (t39 = (stack) => {
+		stack.length > 0 && setPerspective("pinnedRelease");
+	}, $[112] = setPerspective, $[113] = t39);
+	let handleStudioPerspectiveChange = useEffectEvent(t39), t40;
+	$[114] !== handleStudioPerspectiveChange || $[115] !== perspectiveStack ? (t40 = () => {
+		handleStudioPerspectiveChange(perspectiveStack);
+	}, $[114] = handleStudioPerspectiveChange, $[115] = perspectiveStack, $[116] = t40) : t40 = $[116];
+	let t41;
+	$[117] === perspectiveStack ? t41 = $[118] : (t41 = [perspectiveStack], $[117] = perspectiveStack, $[118] = t41), useEffect(t40, t41);
+	let t42;
+	$[119] !== client || $[120] !== perspective || $[121] !== perspectiveStack || $[122] !== scheduledDraftsStack ? (t42 = (queryString, queryParams) => {
+		let urlQueryOpts_0 = { perspective: getActivePerspective({
+			visionPerspective: perspective,
+			perspectiveStack,
+			scheduledDraftsStack
+		}) ?? [] };
+		return client.getUrl(client.getDataUrl("query", encodeQueryString(queryString, queryParams, urlQueryOpts_0)));
+	}, $[119] = client, $[120] = perspective, $[121] = perspectiveStack, $[122] = scheduledDraftsStack, $[123] = t42) : t42 = $[123];
+	let generateUrl = t42, t43;
+	$[124] !== apiVersion || $[125] !== customApiVersion || $[126] !== dataset || $[127] !== datasets || $[128] !== handleChangeApiVersion || $[129] !== handleChangeDataset || $[130] !== handleChangePerspective || $[131] !== handleCustomApiVersionChange || $[132] !== isScheduledDraftsEnabled || $[133] !== isValidApiVersion || $[134] !== perspective || $[135] !== url ? (t43 = /* @__PURE__ */ jsx(VisionGuiHeader, {
+		apiVersion,
+		customApiVersion,
+		dataset,
+		datasets,
+		onChangeDataset: handleChangeDataset,
+		onChangeApiVersion: handleChangeApiVersion,
+		customApiVersionElementRef,
+		onCustomApiVersionChange: handleCustomApiVersionChange,
+		isValidApiVersion,
+		onChangePerspective: handleChangePerspective,
+		url,
+		perspective,
+		isScheduledDraftsEnabled
+	}), $[124] = apiVersion, $[125] = customApiVersion, $[126] = dataset, $[127] = datasets, $[128] = handleChangeApiVersion, $[129] = handleChangeDataset, $[130] = handleChangePerspective, $[131] = handleCustomApiVersionChange, $[132] = isScheduledDraftsEnabled, $[133] = isValidApiVersion, $[134] = perspective, $[135] = url, $[136] = t43) : t43 = $[136];
+	let t44 = isQueryRecallCollapsed ? window.innerWidth : window.innerWidth - 275, t45 = isNarrowBreakpoint ? "vertical" : "horizontal", t46 = isNarrowBreakpoint ? paneSizeOptions.defaultSize : paneSizeOptions.minSize, t47 = paneSizeOptions.size, t48 = paneSizeOptions.allowResize, t49 = isNarrowBreakpoint ? paneSizeOptions.minSize : 100, t50 = paneSizeOptions.maxSize, t51;
+	$[137] === t ? t51 = $[138] : (t51 = t("query.label"), $[137] = t, $[138] = t51);
+	let t52;
+	$[139] === t51 ? t52 = $[140] : (t52 = /* @__PURE__ */ jsx(InputBackgroundContainerLeft, { children: /* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(StyledLabel, {
+		muted: !0,
+		children: t51
+	}) }) }), $[139] = t51, $[140] = t52);
+	let t53;
+	$[141] === query ? t53 = $[142] : (t53 = /* @__PURE__ */ jsx(VisionCodeMirror, {
+		initialValue: query,
+		onChange: setQuery,
+		ref: editorQueryRef,
+		extensions: groqExtensions
+	}), $[141] = query, $[142] = t53);
+	let t54;
+	$[143] !== t52 || $[144] !== t53 ? (t54 = /* @__PURE__ */ jsx(InputContainer, {
+		display: "flex",
+		"data-testid": "vision-query-editor",
+		children: /* @__PURE__ */ jsxs(Box, {
+			flex: 1,
+			children: [t52, t53]
+		})
+	}), $[143] = t52, $[144] = t53, $[145] = t54) : t54 = $[145];
+	let t55;
+	$[146] !== handleParamsChange || $[147] !== params.error || $[148] !== params.raw || $[149] !== params.valid ? (t55 = /* @__PURE__ */ jsx(ParamsEditor, {
+		value: params.raw,
+		onChange: handleParamsChange,
+		paramsError: params.error,
+		hasValidParams: params.valid,
+		editorRef: editorParamsRef
+	}), $[146] = handleParamsChange, $[147] = params.error, $[148] = params.raw, $[149] = params.valid, $[150] = t55) : t55 = $[150];
+	let t56;
+	$[151] !== handleListenExecution || $[152] !== handleQueryExecution || $[153] !== listenInProgress || $[154] !== params.valid || $[155] !== queryInProgress ? (t56 = /* @__PURE__ */ jsx(VisionGuiControls, {
+		hasValidParams: params.valid,
+		queryInProgress,
+		listenInProgress,
+		onQueryExecution: handleQueryExecution,
+		onListenExecution: handleListenExecution
+	}), $[151] = handleListenExecution, $[152] = handleQueryExecution, $[153] = listenInProgress, $[154] = params.valid, $[155] = queryInProgress, $[156] = t56) : t56 = $[156];
+	let t57;
+	$[157] !== t55 || $[158] !== t56 ? (t57 = /* @__PURE__ */ jsxs(InputContainer, {
+		display: "flex",
+		children: [t55, t56]
+	}), $[157] = t55, $[158] = t56, $[159] = t57) : t57 = $[159];
+	let t58;
+	$[160] !== paneSizeOptions.allowResize || $[161] !== paneSizeOptions.maxSize || $[162] !== paneSizeOptions.size || $[163] !== t46 || $[164] !== t49 || $[165] !== t54 || $[166] !== t57 ? (t58 = /* @__PURE__ */ jsx(Box, {
+		height: "stretch",
+		flex: 1,
+		children: /* @__PURE__ */ jsxs(SplitPane, {
+			className: "sidebarPanes",
+			split: "horizontal",
+			defaultSize: t46,
+			size: t47,
+			allowResize: t48,
+			minSize: t49,
+			maxSize: t50,
+			primary: "first",
+			children: [t54, t57]
+		})
+	}), $[160] = paneSizeOptions.allowResize, $[161] = paneSizeOptions.maxSize, $[162] = paneSizeOptions.size, $[163] = t46, $[164] = t49, $[165] = t54, $[166] = t57, $[167] = t58) : t58 = $[167];
+	let t59;
+	$[168] !== dataset || $[169] !== e2eTime || $[170] !== error || $[171] !== listenInProgress || $[172] !== listenMutations || $[173] !== queryInProgress || $[174] !== queryResult || $[175] !== queryTime ? (t59 = /* @__PURE__ */ jsx(VisionGuiResult, {
+		error,
+		queryInProgress,
+		queryResult,
+		listenInProgress,
+		listenMutations,
+		dataset,
+		queryTime,
+		e2eTime
+	}), $[168] = dataset, $[169] = e2eTime, $[170] = error, $[171] = listenInProgress, $[172] = listenMutations, $[173] = queryInProgress, $[174] = queryResult, $[175] = queryTime, $[176] = t59) : t59 = $[176];
+	let t60;
+	$[177] !== t45 || $[178] !== t58 || $[179] !== t59 ? (t60 = /* @__PURE__ */ jsx(Box, {
+		height: "stretch",
+		flex: 1,
+		children: /* @__PURE__ */ jsxs(SplitPane, {
+			className: "sidebarPanes",
+			split: t45,
+			minSize: 300,
+			children: [t58, t59]
+		})
+	}), $[177] = t45, $[178] = t58, $[179] = t59, $[180] = t60) : t60 = $[180];
+	let t61;
+	$[181] === Symbol.for("react.memo_cache_sentinel") ? (t61 = {
+		position: "absolute",
+		left: -32,
+		top: "50%",
+		transform: "translateY(-50%)",
+		zIndex: 100,
+		pointerEvents: "auto"
+	}, $[181] = t61) : t61 = $[181];
+	let t62;
+	$[182] === isQueryRecallCollapsed ? t62 = $[183] : (t62 = () => setIsQueryRecallCollapsed(!isQueryRecallCollapsed), $[182] = isQueryRecallCollapsed, $[183] = t62);
+	let t63;
+	$[184] === Symbol.for("react.memo_cache_sentinel") ? (t63 = {
+		display: "flex",
+		alignItems: "center",
+		height: "100%"
+	}, $[184] = t63) : t63 = $[184];
+	let t64;
+	$[185] === isQueryRecallCollapsed ? t64 = $[186] : (t64 = /* @__PURE__ */ jsx("div", {
+		style: t63,
+		children: jsx(isQueryRecallCollapsed ? ChevronLeftIcon : ChevronRightIcon, {})
+	}), $[185] = isQueryRecallCollapsed, $[186] = t64);
+	let t65;
+	$[187] !== t62 || $[188] !== t64 ? (t65 = /* @__PURE__ */ jsx(Button, {
+		mode: "ghost",
+		padding: 2,
+		style: t61,
+		onClick: t62,
+		children: t64
+	}), $[187] = t62, $[188] = t64, $[189] = t65) : t65 = $[189];
+	let t66;
+	$[190] === params.parsed ? t66 = $[191] : (t66 = params.parsed || {}, $[190] = params.parsed, $[191] = t66);
+	let t67;
+	$[192] !== generateUrl || $[193] !== getStateFromUrl || $[194] !== query || $[195] !== setStateFromParsedUrl || $[196] !== t66 || $[197] !== url ? (t67 = /* @__PURE__ */ jsx(QueryRecallPaneWrapper, { children: /* @__PURE__ */ jsx(QueryRecall, {
+		url,
+		getStateFromUrl,
+		setStateFromParsedUrl,
+		currentQuery: query,
+		currentParams: t66,
+		generateUrl
+	}) }), $[192] = generateUrl, $[193] = getStateFromUrl, $[194] = query, $[195] = setStateFromParsedUrl, $[196] = t66, $[197] = url, $[198] = t67) : t67 = $[198];
+	let t68;
+	$[199] !== t65 || $[200] !== t67 ? (t68 = /* @__PURE__ */ jsxs(QueryRecallPaneContainer, { children: [t65, t67] }), $[199] = t65, $[200] = t67, $[201] = t68) : t68 = $[201];
+	let t69;
+	$[202] !== t44 || $[203] !== t60 || $[204] !== t68 ? (t69 = /* @__PURE__ */ jsx(SplitpaneContainer, {
+		flex: "auto",
+		children: /* @__PURE__ */ jsxs(SplitPane, {
+			minSize: 800,
+			defaultSize: window.innerWidth - 275,
+			size: t44,
+			maxSize: -225,
+			primary: "first",
+			children: [t60, t68]
+		})
+	}), $[202] = t44, $[203] = t60, $[204] = t68, $[205] = t69) : t69 = $[205];
+	let t70;
+	return $[206] !== t43 || $[207] !== t69 ? (t70 = /* @__PURE__ */ jsxs(Root, {
+		direction: "column",
+		height: "fill",
+		ref: visionRootRef,
+		sizing: "border",
+		overflow: "hidden",
+		"data-testid": "vision-root",
+		children: [t43, t69]
+	}), $[206] = t43, $[207] = t69, $[208] = t70) : t70 = $[208], t70;
+}
+function _temp2$1(release_0) {
+	return getReleaseIdFromReleaseDocumentId(release_0._id);
+}
+function _temp$1(release) {
+	return isCardinalityOneRelease(release) && release.state === "scheduled";
+}
+function useDatasets(t0) {
+	let $ = c(7), { client, datasets: configDatasets } = t0, t1;
+	bb0: {
+		if (Array.isArray(configDatasets)) {
+			let t2;
+			$[0] === configDatasets ? t2 = $[1] : (t2 = of(configDatasets), $[0] = configDatasets, $[1] = t2), t1 = t2;
+			break bb0;
+		}
+		let t2;
+		if ($[2] !== client.observable.datasets || $[3] !== configDatasets) {
+			let t3;
+			$[5] === configDatasets ? t3 = $[6] : (t3 = (result) => typeof configDatasets == "function" ? configDatasets(result).map(_temp) : result.map(_temp2), $[5] = configDatasets, $[6] = t3), t2 = client.observable.datasets.list().pipe(map$1(t3), catchError(_temp3)), $[2] = client.observable.datasets, $[3] = configDatasets, $[4] = t2;
+		} else t2 = $[4];
+		t1 = t2;
+	}
+	return useObservable(t1, null);
+}
+function _temp3(err) {
+	return of(err);
+}
+function _temp2(ds) {
+	return ds.name;
+}
+function _temp(d) {
+	return d.name;
+}
+function VisionContainer(props) {
+	let $ = c(19), t0;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = { apiVersion: "v2025-06-27" }, $[0] = t0) : t0 = $[0];
+	let datasetsClient = useClient(t0), t1;
+	$[1] !== datasetsClient || $[2] !== props.config.datasets ? (t1 = {
+		client: datasetsClient,
+		datasets: props.config.datasets
+	}, $[1] = datasetsClient, $[2] = props.config.datasets, $[3] = t1) : t1 = $[3];
+	let loadedDatasets = useDatasets(t1);
+	if (!loadedDatasets) {
+		let t2;
+		return $[4] === Symbol.for("react.memo_cache_sentinel") ? (t2 = /* @__PURE__ */ jsx(Flex, {
+			align: "center",
+			height: "fill",
+			justify: "center",
+			children: /* @__PURE__ */ jsx(DelayedSpinner, {})
+		}), $[4] = t2) : t2 = $[4], t2;
+	}
+	let t2;
+	$[5] !== loadedDatasets || $[6] !== props.client ? (t2 = loadedDatasets instanceof Error ? [props.client.config().dataset || "production"] : loadedDatasets, $[5] = loadedDatasets, $[6] = props.client, $[7] = t2) : t2 = $[7];
+	let datasets = t2, t3;
+	$[8] === props.client ? t3 = $[9] : (t3 = props.client.config(), $[8] = props.client, $[9] = t3);
+	let projectId = t3.projectId, t4;
+	$[10] !== datasets || $[11] !== props.client || $[12] !== props.config.defaultDataset ? (t4 = props.config.defaultDataset || props.client.config().dataset || datasets[0], $[10] = datasets, $[11] = props.client, $[12] = props.config.defaultDataset, $[13] = t4) : t4 = $[13];
+	let defaultDataset = t4, t5;
+	return $[14] !== datasets || $[15] !== defaultDataset || $[16] !== projectId || $[17] !== props ? (t5 = /* @__PURE__ */ jsx(VisionGui, {
+		...props,
+		datasets,
+		projectId,
+		defaultDataset
+	}, projectId), $[14] = datasets, $[15] = defaultDataset, $[16] = projectId, $[17] = props, $[18] = t5) : t5 = $[18], t5;
+}
+/**
+* @internal
+*/
+var VisionErrorBoundary = class extends Component {
+	constructor(props) {
+		super(props), this.state = {
+			error: null,
+			numRetries: 0
+		};
+	}
+	static getDerivedStateFromError(error) {
+		return { error: error instanceof Error ? error.message : `${error}` };
+	}
+	handleRetryRender = () => this.setState((prev) => ({
+		error: null,
+		numRetries: prev.numRetries + 1
+	}));
+	handleRetryWithCacheClear = () => {
+		clearLocalStorage(), this.handleRetryRender();
+	};
+	render() {
+		if (!this.state.error) return this.props.children;
+		let message = this.state.error, withCacheClear = this.state.numRetries > 0;
+		return /* @__PURE__ */ jsx(Card, {
+			height: "fill",
+			overflow: "auto",
+			paddingY: [
+				4,
+				5,
+				6,
+				7
+			],
+			paddingX: 4,
+			sizing: "border",
+			tone: "critical",
+			children: /* @__PURE__ */ jsx(Container, {
+				width: 3,
+				children: /* @__PURE__ */ jsxs(Stack, {
+					space: 4,
+					children: [
+						/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, {
+							onClick: withCacheClear ? this.handleRetryWithCacheClear : this.handleRetryRender,
+							text: withCacheClear ? "Clear cache and retry" : "Retry",
+							tone: "default"
+						}) }),
+						/* @__PURE__ */ jsx(Heading, { children: "An error occurred" }),
+						/* @__PURE__ */ jsx(Card, {
+							border: !0,
+							radius: 2,
+							overflow: "auto",
+							padding: 4,
+							tone: "inherit",
+							children: /* @__PURE__ */ jsx(Stack, {
+								space: 4,
+								children: message && /* @__PURE__ */ jsx(Code, {
+									size: 1,
+									children: /* @__PURE__ */ jsxs("strong", { children: ["Error: ", message] })
+								})
+							})
+						})
+					]
+				})
+			})
+		});
+	}
+};
+function SanityVision(props) {
+	let $ = c(6), t0;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = { apiVersion: "1" }, $[0] = t0) : t0 = $[0];
+	let client = useClient(t0), t1;
+	$[1] === props.tool.options ? t1 = $[2] : (t1 = {
+		defaultApiVersion: DEFAULT_API_VERSION,
+		...props.tool.options
+	}, $[1] = props.tool.options, $[2] = t1);
+	let config = t1, t2;
+	return $[3] !== client || $[4] !== config ? (t2 = /* @__PURE__ */ jsx(VisionErrorBoundary, { children: /* @__PURE__ */ jsx(VisionContainer, {
+		client,
+		config
+	}) }), $[3] = client, $[4] = config, $[5] = t2) : t2 = $[5], t2;
+}
+export { SanityVision as default };
+
+//# sourceMappingURL=SanityVision-BKf_KyD3.js.map