@sanity/vision 6.7.0-next.5 → 6.7.0-next.51

package/lib/_chunks-es/SanityVision.js

@@ -1,2328 +0,0 @@
-import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
-import { c } from "react/compiler-runtime";
-import { useTranslation, useKeyValueStore, useClient, useCurrentUser, useDateTimeFormat, ContextMenuButton, UserAvatar, Translate, usePerspective, useDataset, useScheduledDraftsEnabled, useActiveReleases, useWorkspace, sortReleases, isCardinalityOneRelease, getReleaseIdFromReleaseDocumentId } from "sanity";
-import { Spinner, rem, useTheme, Flex, Box, Label, Card, useTheme_v2, Text, Tooltip, useToast, Stack, TextInput, MenuButton, Menu, MenuItem, Code, Badge, Button, Dialog, Tab, TabList, Hotkeys, useClickOutsideEvent, Popover, Inline, Grid, Select, Container, Heading } from "@sanity/ui";
-import { useState, useEffect, forwardRef, useRef, useImperativeHandle, Fragment, useEffectEvent, Component } from "react";
-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 { history, defaultKeymap, historyKeymap } from "@codemirror/commands";
-import { javascriptLanguage } from "@codemirror/lang-javascript";
-import { indentOnInput, bracketMatching, syntaxHighlighting, defaultHighlightStyle, HighlightStyle } from "@codemirror/language";
-import { highlightSelectionMatches } from "@codemirror/search";
-import { lineNumbers, highlightActiveLine, highlightActiveLineGutter, highlightSpecialChars, drawSelection, keymap, EditorView } 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 { visionLocaleNamespace } from "./index.js";
-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 { startWith, map } 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 { IntentLink } from "sanity/router";
-import { DocumentSheetIcon } from "@sanity/icons/DocumentSheet";
-import { useObservable } from "react-rx";
-import { of, map as map$1, catchError } 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) {
-  const $ = c(5), [show, setShow] = useState(!1);
-  let t0, t1;
-  $[0] !== props.delay ? (t0 = () => {
-    const timer = setTimeout(() => setShow(!0), props.delay || 500);
-    return () => clearTimeout(timer);
-  }, t1 = [props.delay], $[0] = props.delay, $[1] = t0, $[2] = t1) : (t0 = $[1], t1 = $[2]), useEffect(t0, t1);
-  let t2;
-  return $[3] !== show ? (t2 = show ? /* @__PURE__ */ jsx(Spinner, { muted: !0, size: 4 }) : null, $[3] = show, $[4] = t2) : t2 = $[4], t2;
-}
-const sharedExtensions = [lineNumbers(), highlightActiveLine(), highlightActiveLineGutter(), highlightSelectionMatches(), highlightSpecialChars(), indentOnInput(), bracketMatching(), closeBrackets(), history(), drawSelection(), syntaxHighlighting(defaultHighlightStyle, {
-  fallback: !0
-}), keymap.of([
-  // Override the default keymap for Mod-Enter to not insert a new line, we have a custom event handler for executing queries
-  {
-    key: "Mod-Enter",
-    run: () => !0
-  },
-  // Add the default keymap and history keymap
-  defaultKeymap,
-  historyKeymap
-].flat().filter(Boolean))], groqExtensions = [groq(), ...sharedExtensions], paramsExtensions = [javascriptLanguage, ...sharedExtensions];
-function useCodemirrorTheme(theme) {
-  const $ = c(7);
-  let t0;
-  $[0] !== theme ? (t0 = createTheme(theme), $[0] = theme, $[1] = t0) : t0 = $[1];
-  const cmTheme = t0;
-  let t1;
-  $[2] !== theme ? (t1 = syntaxHighlighting(createHighlight(theme)), $[2] = theme, $[3] = t1) : t1 = $[3];
-  const cmHighlight = t1;
-  let t2;
-  return $[4] !== cmHighlight || $[5] !== cmTheme ? (t2 = [cmTheme, cmHighlight], $[4] = cmHighlight, $[5] = cmTheme, $[6] = t2) : t2 = $[6], t2;
-}
-function createTheme(theme) {
-  const {
-    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) {
-  const c2 = 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: c2.fg
-  }]);
-}
-var contentBorderRightWidthVar = "var(--_116kdfx1)", contentPaddingTopVar = "var(--_116kdfx2)", editorRoot = "_116kdfx3", linePaddingLeftVar = "var(--_116kdfx0)";
-function EditorRoot(t0) {
-  const $ = c(13), {
-    children
-  } = t0, {
-    sanity
-  } = useTheme();
-  let t1;
-  $[0] !== sanity.space[3] ? (t1 = rem(sanity.space[3]), $[0] = sanity.space[3], $[1] = t1) : t1 = $[1];
-  const t2 = `${t1}`;
-  let t3;
-  $[2] !== sanity.space[4] ? (t3 = rem(sanity.space[4]), $[2] = sanity.space[4], $[3] = t3) : t3 = $[3];
-  const t4 = `${t3}`;
-  let t5;
-  $[4] !== sanity.space[5] ? (t5 = rem(sanity.space[5]), $[4] = sanity.space[5], $[5] = t5) : t5 = $[5];
-  const t6 = `${t5}`;
-  let 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) => {
-  const $ = c(8), [initialValue] = useState(props.initialValue), sanityTheme = useTheme(), theme = useCodemirrorTheme(sanityTheme), codeMirrorRef = useRef(null);
-  let t0;
-  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = (newContent) => {
-    const editorView = codeMirrorRef.current?.view;
-    if (!editorView)
-      return;
-    const 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];
-  const resetEditorContent = t0;
-  let t1, t2;
-  $[1] === /* @__PURE__ */ 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 typeof selectedPerspectiveName < "u";
-}
-function getActivePerspective({
-  visionPerspective,
-  perspectiveStack,
-  scheduledDraftsStack
-}) {
-  return visionPerspective === "pinnedRelease" ? perspectiveStack : visionPerspective === "scheduledDrafts" ? scheduledDraftsStack : visionPerspective;
-}
-function encodeQueryString(query, params = {}, options = {}) {
-  const searchParams = new URLSearchParams();
-  searchParams.set("query", query);
-  for (const [key, value] of Object.entries(params))
-    searchParams.set(`$${key}`, JSON.stringify(value));
-  for (const [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++) {
-      const key = localStorage.key(i);
-      key?.startsWith(keyPrefix) && localStorage.removeItem(key);
-    }
-}
-function getLocalStorage(namespace) {
-  const storageKey = `${keyPrefix}${namespace}`;
-  let loadedState = null;
-  return {
-    get,
-    set,
-    merge
-  };
-  function get(key, defaultVal) {
-    const state = ensureState();
-    return typeof state[key] > "u" ? defaultVal : state[key];
-  }
-  function set(key, value) {
-    const state = ensureState();
-    return state[key] = value, localStorage.setItem(storageKey, JSON.stringify(loadedState)), value;
-  }
-  function merge(props) {
-    const 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 {
-      const stored = JSON.parse(localStorage.getItem(storageKey) || "{}");
-      return isPlainObject(stored) ? stored : {};
-    } catch {
-      return {};
-    }
-  }
-}
-function supportsLocalStorage() {
-  const mod = "lsCheck";
-  try {
-    return localStorage.setItem(mod, mod), localStorage.removeItem(mod), !0;
-  } catch {
-    return !1;
-  }
-}
-function parseApiQueryString(qs) {
-  const params = {}, options = {};
-  for (const [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) {
-  const 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 {
-    const 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")}:
-
-${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) {
-  const $ = c(3);
-  let 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) {
-  const $ = c(2);
-  let t0;
-  return $[0] !== props ? (t0 = /* @__PURE__ */ jsx(Card, { ...props, className: header }), $[0] = props, $[1] = t0) : t0 = $[1], t0;
-}
-function StyledLabel(props) {
-  const $ = c(2);
-  let t0;
-  return $[0] !== props ? (t0 = /* @__PURE__ */ jsx(Label, { ...props, className: styledLabel }), $[0] = props, $[1] = t0) : t0 = $[1], t0;
-}
-function SplitpaneContainer(props) {
-  const $ = c(2);
-  let t0;
-  return $[0] !== props ? (t0 = /* @__PURE__ */ jsx(Box, { ...props, className: splitpaneContainer }), $[0] = props, $[1] = t0) : t0 = $[1], t0;
-}
-function QueryRecallPaneContainer(props) {
-  const $ = c(2);
-  let t0;
-  return $[0] !== props ? (t0 = /* @__PURE__ */ jsx(Flex, { ...props, direction: "column", className: queryRecallPaneContainer }), $[0] = props, $[1] = t0) : t0 = $[1], t0;
-}
-function QueryRecallPaneWrapper(props) {
-  const $ = c(2);
-  let t0;
-  return $[0] !== props ? (t0 = /* @__PURE__ */ jsx(Flex, { ...props, direction: "column", flex: 1, overflow: "hidden", className: queryRecallPaneWrapper }), $[0] = props, $[1] = t0) : t0 = $[1], t0;
-}
-function QueryCopyLink(props) {
-  const $ = c(2);
-  let t0;
-  return $[0] !== props ? (t0 = /* @__PURE__ */ jsx("a", { ...props, className: queryCopyLink }), $[0] = props, $[1] = t0) : t0 = $[1], t0;
-}
-function InputBackgroundContainer(props) {
-  const $ = c(2);
-  let t0;
-  return $[0] !== props ? (t0 = /* @__PURE__ */ jsx(Box, { ...props, className: inputBackgroundContainer }), $[0] = props, $[1] = t0) : t0 = $[1], t0;
-}
-function InputBackgroundContainerLeft(props) {
-  const $ = c(2);
-  let t0;
-  return $[0] !== props ? (t0 = /* @__PURE__ */ jsx(Box, { ...props, className: `${inputBackgroundContainer} ${inputBackgroundContainerLeft}` }), $[0] = props, $[1] = t0) : t0 = $[1], t0;
-}
-function InputContainer(props) {
-  const $ = c(2);
-  let t0;
-  return $[0] !== props ? (t0 = /* @__PURE__ */ jsx(Card, { ...props, className: inputContainer }), $[0] = props, $[1] = t0) : t0 = $[1], t0;
-}
-function ResultOuterContainer(props) {
-  const $ = c(2);
-  let t0;
-  return $[0] !== props ? (t0 = /* @__PURE__ */ jsx(Flex, { ...props, className: resultOuterContainer }), $[0] = props, $[1] = t0) : t0 = $[1], t0;
-}
-function ResultInnerContainer(props) {
-  const $ = c(2);
-  let t0;
-  return $[0] !== props ? (t0 = /* @__PURE__ */ jsx(Box, { ...props, className: resultInnerContainer }), $[0] = props, $[1] = t0) : t0 = $[1], t0;
-}
-function ResultContainer(t0) {
-  const $ = c(6);
-  let isInvalid, props;
-  $[0] !== t0 ? ({
-    isInvalid,
-    ...props
-  } = t0, $[0] = t0, $[1] = isInvalid, $[2] = props) : (isInvalid = $[1], props = $[2]);
-  const t1 = isInvalid ? `${resultContainer} ${resultContainerInvalid}` : resultContainer;
-  let 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) {
-  const $ = c(2);
-  let t0;
-  return $[0] !== props ? (t0 = /* @__PURE__ */ jsx(Box, { ...props, className: result }), $[0] = props, $[1] = t0) : t0 = $[1], t0;
-}
-function ResultFooter(props) {
-  const $ = c(2);
-  let t0;
-  return $[0] !== props ? (t0 = /* @__PURE__ */ jsx(Flex, { ...props, className: resultFooter }), $[0] = props, $[1] = t0) : t0 = $[1], t0;
-}
-function TimingsCard(props) {
-  const $ = c(2);
-  let t0;
-  return $[0] !== props ? (t0 = /* @__PURE__ */ jsx(Card, { ...props, className: timingsCard }), $[0] = props, $[1] = t0) : t0 = $[1], t0;
-}
-function TimingsTextContainer(props) {
-  const $ = c(7), {
-    space,
-    font
-  } = useTheme_v2(), textSize = font.text.sizes[2], t0 = space[3] * 2 + textSize.lineHeight - textSize.ascenderHeight - textSize.descenderHeight;
-  let t1;
-  $[0] !== t0 ? (t1 = rem(t0), $[0] = t0, $[1] = t1) : t1 = $[1];
-  const t2 = `${t1}`;
-  let t3;
-  $[2] !== t2 ? (t3 = assignInlineVars({
-    [timingsTextMinHeightVar]: t2
-  }), $[2] = t2, $[3] = t3) : t3 = $[3];
-  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) {
-  const $ = c(2);
-  let t0;
-  return $[0] !== props ? (t0 = /* @__PURE__ */ jsx(Card, { ...props, className: downloadsCard }), $[0] = props, $[1] = t0) : t0 = $[1], t0;
-}
-function SaveResultLabel(props) {
-  const $ = c(7), {
-    space
-  } = useTheme_v2();
-  let t0;
-  $[0] !== space[3] ? (t0 = rem(space[3]), $[0] = space[3], $[1] = t0) : t0 = $[1];
-  const t1 = `${t0}`;
-  let t2;
-  $[2] !== t1 ? (t2 = assignInlineVars({
-    [saveResultSpanGapVar]: t1
-  }), $[2] = t1, $[3] = t2) : t2 = $[3];
-  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) {
-  const $ = c(2);
-  let t0;
-  return $[0] !== props ? (t0 = /* @__PURE__ */ jsx(Box, { ...props, className: controlsContainer }), $[0] = props, $[1] = t0) : t0 = $[1], t0;
-}
-const defaultValue$1 = `{
-  
-}`;
-function ParamsEditor(props) {
-  const $ = c(21), {
-    onChange,
-    paramsError,
-    hasValidParams,
-    editorRef
-  } = props, {
-    t
-  } = useTranslation(visionLocaleNamespace);
-  let t0;
-  $[0] !== onChange ? (t0 = (newValue) => {
-    onChange(newValue);
-  }, $[0] = onChange, $[1] = t0) : t0 = $[1];
-  const handleChangeRaw = t0;
-  let t1;
-  $[2] !== handleChangeRaw ? (t1 = debounce(handleChangeRaw, 333), $[2] = handleChangeRaw, $[3] = t1) : t1 = $[3];
-  const handleChange = t1, t2 = hasValidParams ? "default" : "critical";
-  let t3;
-  $[4] !== t ? (t3 = t("params.label"), $[4] = t, $[5] = t3) : t3 = $[5];
-  let t4;
-  $[6] !== t3 ? (t4 = /* @__PURE__ */ jsx(StyledLabel, { muted: !0, children: t3 }), $[6] = t3, $[7] = t4) : t4 = $[7];
-  let t5;
-  $[8] !== paramsError ? (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) : t5 = $[9];
-  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];
-  const t7 = props.value || defaultValue$1;
-  let 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) {
-  const 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 STORED_QUERIES_NAMESPACE = "studio.vision-tool.saved-queries", SHARED_QUERY_DOCUMENT_TYPE = "vision.sharedQuery", SHARED_QUERIES_QUERY = `*[_type == $sharedQueryType]{
-  _id,
-  authorId,
-  savedAt,
-  title,
-  url
-} | order(savedAt desc)`, SHARED_QUERY_LISTEN_OPTIONS = {
-  events: ["welcome", "mutation", "reconnect"],
-  includeResult: !0,
-  visibility: "query"
-}, defaultValue = {
-  queries: []
-}, keyValueStoreKey = STORED_QUERIES_NAMESPACE;
-function useSavedQueries() {
-  const $ = c(45), keyValueStore = useKeyValueStore();
-  let t0;
-  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = {
-    apiVersion: DEFAULT_API_VERSION
-  }, $[0] = t0) : t0 = $[0];
-  const workspaceClient = useClient(t0), currentUser = useCurrentUser(), [value, setValue] = useState(defaultValue);
-  let t1;
-  $[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = [], $[1] = t1) : t1 = $[1];
-  const [sharedQueries, setSharedQueries] = useState(t1), [saving, setSaving] = useState(!1);
-  let t2;
-  $[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = [], $[2] = t2) : t2 = $[2];
-  const [deleting, setDeleting] = useState(t2), [saveQueryError, setSaveQueryError] = useState(), [deleteQueryError, setDeleteQueryError] = useState(), [error, setError] = useState();
-  let t3;
-  $[3] !== keyValueStore ? (t3 = keyValueStore.getKey(keyValueStoreKey), $[3] = keyValueStore, $[4] = t3) : t3 = $[4];
-  const personalQueries = t3;
-  let t4;
-  $[5] !== currentUser?.id ? (t4 = (docs) => {
-    const 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) : t4 = $[6];
-  const mapSharedQueries = t4;
-  let t5, t6;
-  $[7] !== personalQueries ? (t5 = () => {
-    const 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) : (t5 = $[8], t6 = $[9]), useEffect(t5, t6);
-  let t7, t8;
-  $[10] !== mapSharedQueries || $[11] !== workspaceClient ? (t7 = () => {
-    let cancelled = !1;
-    const fetchSharedQueries = async () => {
-      const nextDocs = await workspaceClient.fetch(SHARED_QUERIES_QUERY, {
-        sharedQueryType: SHARED_QUERY_DOCUMENT_TYPE
-      }) || [];
-      cancelled || setSharedQueries(mapSharedQueries(nextDocs));
-    };
-    fetchSharedQueries().catch((err_0) => {
-      cancelled || setError(err_0);
-    });
-    const 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];
-  const queries = t9;
-  let 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) {
-        const authError = new Error("No current user found. Unable to save shared query.");
-        throw setSaveQueryError(authError), setSaving(!1), authError;
-      }
-      try {
-        const 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 (t112) {
-        const err_3 = t112, saveError = err_3 instanceof Error ? err_3 : new Error(String(err_3));
-        throw setSaveQueryError(saveError), setSaving(!1), saveError;
-      }
-    }
-    try {
-      const newQueries = [{
-        ...query,
-        _key: uuid()
-      }, ...value.queries];
-      setValue({
-        queries: newQueries
-      }), await keyValueStore.setKey(keyValueStoreKey, {
-        queries: newQueries
-      });
-    } catch (t122) {
-      const err_4 = t122, saveError_0 = err_4 instanceof Error ? err_4 : new 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];
-  const saveQuery = t10;
-  let 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) {
-        const authError_0 = new Error("Only the author can update a shared query.");
-        throw setSaveQueryError(authError_0), setSaving(!1), authError_0;
-      }
-      try {
-        const 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 (t122) {
-        const err_5 = t122, updateError = err_5 instanceof Error ? err_5 : new Error(String(err_5));
-        throw setSaveQueryError(updateError), setSaving(!1), updateError;
-      }
-    }
-    try {
-      const updatedQueries = value.queries.map((q) => q._key === query_0._key ? {
-        ...q,
-        ...query_0
-      } : q);
-      setValue({
-        queries: updatedQueries
-      }), await keyValueStore.setKey(keyValueStoreKey, {
-        queries: updatedQueries
-      });
-    } catch (t132) {
-      const err_6 = t132, updateError_0 = err_6 instanceof Error ? err_6 : new 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];
-  const updateQuery = t11;
-  let t12;
-  $[29] !== currentUser || $[30] !== keyValueStore || $[31] !== sharedQueries || $[32] !== value.queries || $[33] !== workspaceClient ? (t12 = async (key) => {
-    setDeleting((prev_1) => [...prev_1, key]), setDeleteQueryError(void 0);
-    const 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(new 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 (t132) {
-        setDeleteQueryError(t132);
-      }
-      clearDeleting();
-      return;
-    }
-    try {
-      const 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];
-  const deleteQuery = t12;
-  let 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) {
-  const $ = c(2);
-  let t0;
-  return $[0] !== props ? (t0 = /* @__PURE__ */ jsx(Stack, { ...props, className: fixedHeader }), $[0] = props, $[1] = t0) : t0 = $[1], t0;
-}
-function ScrollContainer(props) {
-  const $ = c(2);
-  let t0;
-  return $[0] !== props ? (t0 = /* @__PURE__ */ jsx(Flex, { ...props, direction: "column", flex: 1, overflow: "hidden", className: scrollContainer }), $[0] = props, $[1] = t0) : t0 = $[1], t0;
-}
-function QueryList(props) {
-  const $ = c(2);
-  let t0;
-  return $[0] !== props ? (t0 = /* @__PURE__ */ jsx(Box, { ...props, flex: 1, overflow: "auto", className: queryList }), $[0] = props, $[1] = t0) : t0 = $[1], t0;
-}
-function QueryRecall(t0) {
-  const $ = c(134), {
-    url,
-    getStateFromUrl,
-    setStateFromParsedUrl,
-    currentQuery,
-    currentParams,
-    generateUrl,
-    compactMode: t1
-  } = t0, compactMode = t1 === void 0 ? !1 : t1, toast = useToast(), {
-    saveQuery,
-    updateQuery,
-    queries,
-    deleteQuery,
-    saving
-  } = useSavedQueries(), {
-    t
-  } = useTranslation(visionLocaleNamespace);
-  let t2;
-  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = {
-    month: "short",
-    day: "numeric",
-    year: "numeric",
-    hour: "numeric",
-    minute: "2-digit",
-    hour12: !0
-  }, $[0] = t2) : t2 = $[0];
-  const formatDate = useDateTimeFormat(t2), [editingKey, setEditingKey] = useState(null), [editingTitle, setEditingTitle] = useState("");
-  let t3;
-  $[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t3 = {}, $[1] = t3) : t3 = $[1];
-  const [optimisticTitles, setOptimisticTitles] = useState(t3), [searchQuery, setSearchQuery] = useState(""), [queryFilter, setQueryFilter] = useState("all"), [selectedUrl, setSelectedUrl] = useState(url);
-  let t4;
-  $[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t4 = [], $[2] = t4) : t4 = $[2];
-  const [pendingUnshareKeys, setPendingUnshareKeys] = useState(t4), [shareDialogQuery, setShareDialogQuery] = useState(null);
-  let t5;
-  $[3] !== currentParams || $[4] !== currentQuery || $[5] !== formatDate || $[6] !== generateUrl || $[7] !== getStateFromUrl || $[8] !== queries || $[9] !== saveQuery || $[10] !== t || $[11] !== toast ? (t5 = async () => {
-    const newUrl = generateUrl(currentQuery, currentParams);
-    if (queries?.some((q) => {
-      if (q.shared)
-        return !1;
-      const savedQueryObj = getStateFromUrl(q.url);
-      return savedQueryObj && savedQueryObj.query === currentQuery && isEqual(savedQueryObj.params, currentParams);
-    })) {
-      const duplicateQuery = queries?.find((q_0) => {
-        if (q_0.shared)
-          return !1;
-        const 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 (t62) {
-        const err = t62;
-        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];
-  const handleSave = t5;
-  let t6;
-  $[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t6 = (query) => {
-    setShareDialogQuery(query);
-  }, $[13] = t6) : t6 = $[13];
-  const handleShareQuery = t6;
-  let t7;
-  $[14] !== deleteQuery || $[15] !== saveQuery || $[16] !== shareDialogQuery || $[17] !== t || $[18] !== toast ? (t7 = async () => {
-    if (!shareDialogQuery)
-      return;
-    const 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 (t82) {
-      const err_0 = t82;
-      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];
-  const handleConfirmShareQuery = t7;
-  let 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]);
-    const 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;
-      const 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 (t92) {
-      const err_1 = t92;
-      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];
-  const handleUnshareQuery = t8;
-  let 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) => {
-        const next_0 = {
-          ...prev_3
-        };
-        return delete next_0[query_1._key], next_0;
-      });
-    } catch (t102) {
-      const err_2 = t102;
-      setOptimisticTitles((prev_2) => {
-        const 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];
-  const handleTitleSave = t9;
-  let t10;
-  $[32] !== currentParams || $[33] !== currentQuery || $[34] !== formatDate || $[35] !== generateUrl || $[36] !== getStateFromUrl || $[37] !== queries || $[38] !== t || $[39] !== toast || $[40] !== updateQuery ? (t10 = async (query_2) => {
-    const newUrl_0 = generateUrl(currentQuery, currentParams);
-    if (queries?.some((q_1) => {
-      if (q_1._key === query_2._key)
-        return !1;
-      const savedQueryObj_1 = getStateFromUrl(q_1.url);
-      return savedQueryObj_1 && savedQueryObj_1.query === currentQuery && isEqual(savedQueryObj_1.params, currentParams);
-    })) {
-      const duplicateQuery_0 = queries?.find((q_2) => {
-        if (q_2._key === query_2._key)
-          return !1;
-        const 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 (t112) {
-      const err_3 = t112;
-      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];
-  const handleUpdate = t10;
-  let 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) {
-    const filteredQueries = queries?.filter((q_3) => !pendingUnshareKeys.includes(q_3._key))?.filter((q_4) => {
-      const 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 t152;
-    $[70] !== t ? (t152 = t("label.saved-queries"), $[70] = t, $[71] = t152) : t152 = $[71];
-    let t162;
-    $[72] !== t152 ? (t162 = /* @__PURE__ */ jsx(StyledLabel, { muted: !0, children: t152 }), $[72] = t152, $[73] = t162) : t162 = $[73];
-    let t172;
-    $[74] !== t ? (t172 = t("action.save-query"), $[74] = t, $[75] = t172) : t172 = $[75];
-    let t182;
-    $[76] !== handleSave ? (t182 = () => {
-      handleSave();
-    }, $[76] = handleSave, $[77] = t182) : t182 = $[77];
-    let t19;
-    $[78] !== saving || $[79] !== t172 || $[80] !== t182 ? (t19 = /* @__PURE__ */ jsx(Button, { "aria-label": t172, icon: AddIcon, disabled: saving, onClick: t182, mode: "bleed" }), $[78] = saving, $[79] = t172, $[80] = t182, $[81] = t19) : t19 = $[81];
-    let t20;
-    $[82] !== t162 || $[83] !== t19 ? (t20 = /* @__PURE__ */ jsxs(Flex, { padding: 3, paddingTop: 2, paddingBottom: 0, justify: "space-between", align: "center", children: [
-      t162,
-      t19
-    ] }), $[82] = t162, $[83] = t19, $[84] = t20) : t20 = $[84];
-    let t21;
-    $[85] !== t ? (t21 = t("label.search-queries"), $[85] = t, $[86] = t21) : t21 = $[86];
-    let t22;
-    $[87] === /* @__PURE__ */ 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 = t("label.all"), $[91] = t, $[92] = t24) : t24 = $[92];
-    const t25 = queryFilter === "all";
-    let t26;
-    $[93] === /* @__PURE__ */ 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 = t("label.personal"), $[97] = t, $[98] = t28) : t28 = $[98];
-    const t29 = queryFilter === "personal";
-    let t30;
-    $[99] === /* @__PURE__ */ 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 = t("label.shared"), $[103] = t, $[104] = t32) : t32 = $[104];
-    const t33 = queryFilter === "shared";
-    let t34;
-    $[105] === /* @__PURE__ */ 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) => {
-      const 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);
-        const 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: "\u2022" }),
-          /* @__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: () => {
-      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 || (rootHeight = typeof window < "u" && typeof document < "u" ? document.body.getBoundingClientRect().height - 60 : 0), {
-    defaultSize: rootHeight / (narrowBreakpoint() ? 2 : 1),
-    size: rootHeight > 550 ? void 0 : rootHeight * 0.4,
-    allowResize: rootHeight > 550,
-    minSize: Math.min(170, Math.max(170, rootHeight / 2)),
-    maxSize: rootHeight > 650 ? rootHeight * 0.7 : rootHeight * 0.6
-  };
-}
-function usePaneSize(t0) {
-  const $ = c(7), {
-    visionRootRef
-  } = t0, [rootSize, setRootSize] = useState(_temp$4), [isNarrowBreakpoint, setIsNarrowBreakpoint] = useState(_temp2$3), [paneSizeOptions, setPaneSizeOptions] = useState(_temp3$2);
-  let t1, t2;
-  $[0] !== visionRootRef ? (t1 = () => {
-    if (!visionRootRef.current)
-      return;
-    const handleResize = (entries) => {
-      const entry = entries?.[0];
-      entry && (setRootSize({
-        width: entry.contentRect.width,
-        height: entry.contentRect.height
-      }), setIsNarrowBreakpoint(entry.contentRect.width > 600), setPaneSizeOptions(calculatePaneSizeOptions(entry.contentRect.height)));
-    }, resizeObserver = new ResizeObserver(handleResize);
-    return resizeObserver.observe(visionRootRef.current), () => {
-      resizeObserver.disconnect();
-    };
-  }, t2 = [visionRootRef], $[0] = visionRootRef, $[1] = t1, $[2] = t2) : (t1 = $[1], t2 = $[2]), 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
-  };
-}
-function VisionGuiControls(t0) {
-  const $ = c(30), {
-    hasValidParams,
-    listenInProgress,
-    queryInProgress,
-    onQueryExecution,
-    onListenExecution
-  } = t0, {
-    t
-  } = useTranslation(visionLocaleNamespace);
-  let t1;
-  $[0] !== t ? (t1 = t("params.error.params-invalid-json"), $[0] = t, $[1] = t1) : t1 = $[1];
-  let t2;
-  $[2] !== t1 ? (t2 = /* @__PURE__ */ jsx(Card, { radius: 4, children: /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: t1 }) }), $[2] = t1, $[3] = t2) : t2 = $[3];
-  let t3;
-  $[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t3 = /* @__PURE__ */ jsx(Card, { radius: 4, children: /* @__PURE__ */ jsx(Hotkeys, { keys: ["Ctrl", "Enter"] }) }), $[4] = t3) : t3 = $[4];
-  const t4 = queryInProgress ? StopIcon : PlayIcon, t5 = listenInProgress || !hasValidParams, t6 = queryInProgress ? "positive" : "primary";
-  let 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];
-  const t9 = listenInProgress ? StopIcon : PlayIcon;
-  let t10;
-  $[14] !== listenInProgress || $[15] !== t ? (t10 = t(listenInProgress ? "action.listen-cancel" : "action.listen-execute"), $[14] = listenInProgress, $[15] = t, $[16] = t10) : t10 = $[16];
-  const t11 = !hasValidParams, t12 = listenInProgress ? "positive" : "default";
-  let 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) {
-  const $ = c(2);
-  let t0;
-  return $[0] !== props ? (t0 = /* @__PURE__ */ jsx(Box, { ...props, className: perspectivePopoverContent }), $[0] = props, $[1] = t0) : t0 = $[1], t0;
-}
-function PerspectivePopoverLink(props) {
-  const $ = c(2);
-  let t0;
-  return $[0] !== props ? (t0 = /* @__PURE__ */ jsx("a", { ...props, className: perspectivePopoverLink }), $[0] = props, $[1] = t0) : t0 = $[1], t0;
-}
-function Dot(t0) {
-  const $ = c(2), {
-    tone
-  } = t0, t1 = `var(--card-badge-${tone}-dot-color)`;
-  let t2;
-  return $[0] !== t1 ? (t2 = /* @__PURE__ */ jsx("div", { className: dot, style: {
-    backgroundColor: t1
-  } }), $[0] = t1, $[1] = t2) : t2 = $[1], t2;
-}
-function PerspectivePopover() {
-  const $ = c(39), [open, setOpen] = useState(!1), buttonRef = useRef(null), popoverRef = useRef(null);
-  let t0;
-  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = () => setOpen(_temp$3), $[0] = t0) : t0 = $[0];
-  const handleClick = t0, {
-    t
-  } = useTranslation(visionLocaleNamespace);
-  let t1, t2;
-  $[1] === /* @__PURE__ */ 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 = t("settings.perspectives.title"), $[3] = t, $[4] = t3) : t3 = $[4];
-  let t4;
-  $[5] !== t3 ? (t4 = /* @__PURE__ */ jsx(Inline, { space: 2, children: /* @__PURE__ */ jsx(Text, { weight: "medium", children: t3 }) }), $[5] = t3, $[6] = t4) : t4 = $[6];
-  let t5;
-  $[7] !== t ? (t5 = t("settings.perspectives.description"), $[7] = t, $[8] = t5) : t5 = $[8];
-  let t6;
-  $[9] !== t5 ? (t6 = /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(Text, { muted: !0, children: t5 }) }), $[9] = t5, $[10] = t6) : t6 = $[10];
-  let t7;
-  $[11] !== t ? (t7 = t("label.new"), $[11] = t, $[12] = t7) : t7 = $[12];
-  let t8;
-  $[13] !== t7 ? (t8 = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Badge, { tone: "primary", children: t7 }) }), $[13] = t7, $[14] = t8) : t8 = $[14];
-  let t9;
-  $[15] !== t ? (t9 = /* @__PURE__ */ jsx(Text, { muted: !0, children: /* @__PURE__ */ jsx(Translate, { t, i18nKey: "settings.perspective.preview-drafts-renamed-to-drafts.description" }) }), $[15] = t, $[16] = t9) : t9 = $[16];
-  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 = null, $[20] = t, $[21] = t11) : t11 = $[21];
-  let t12;
-  $[22] !== t ? (t12 = t("settings.perspectives.action.docs-link"), $[22] = t, $[23] = t12) : t12 = $[23];
-  let t13;
-  $[24] !== t12 ? (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,
-    " \u2192"
-  ] }) }) }), $[24] = t12, $[25] = t13) : t13 = $[25];
-  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] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t15 = /* @__PURE__ */ jsx(Dot, { tone: "primary" }), $[32] = t15) : t15 = $[32];
-  let t16;
-  $[33] !== open ? (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) : t16 = $[34];
-  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) => {
-  const $ = c(11), {
-    pinnedPerspective,
-    t
-  } = t0, name = typeof pinnedPerspective.selectedPerspective == "object" ? pinnedPerspective.selectedPerspective.metadata.title : pinnedPerspective.selectedPerspectiveName;
-  let 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];
-  const label = t1;
-  let t2;
-  $[3] !== label || $[4] !== name ? (t2 = [name, label].filter(_temp$2), $[3] = label, $[4] = name, $[5] = t2) : t2 = $[5];
-  const text = t2.join(" ");
-  let t3;
-  $[6] !== pinnedPerspective ? (t3 = hasPinnedPerspective(pinnedPerspective), $[6] = pinnedPerspective, $[7] = t3) : t3 = $[7];
-  const t4 = !t3;
-  let 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) {
-  const $ = c(68), {
-    onChangeDataset,
-    dataset,
-    customApiVersion,
-    apiVersion,
-    onChangeApiVersion,
-    datasets,
-    customApiVersionElementRef,
-    onCustomApiVersionChange,
-    isValidApiVersion,
-    onChangePerspective,
-    url,
-    perspective,
-    isScheduledDraftsEnabled
-  } = t0, pinnedPerspective = usePerspective(), {
-    t
-  } = useTranslation(visionLocaleNamespace), operationUrlElement = useRef(null);
-  let t1;
-  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = () => {
-    const el = operationUrlElement.current;
-    if (el)
-      try {
-        el.select(), document.execCommand("copy");
-      } catch {
-        console.error("Unable to copy to clipboard :(");
-      }
-  }, $[0] = t1) : t1 = $[0];
-  const handleCopyUrl = t1;
-  let t2;
-  $[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = [1, 4, 8, 12], $[1] = t2) : t2 = $[1];
-  let t3;
-  $[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t3 = [1, 2], $[2] = t3) : t3 = $[2];
-  let t4;
-  $[3] !== t ? (t4 = t("settings.dataset-label"), $[3] = t, $[4] = t4) : t4 = $[4];
-  let t5;
-  $[5] !== t4 ? (t5 = /* @__PURE__ */ jsx(Card, { paddingTop: 2, paddingBottom: 3, children: /* @__PURE__ */ jsx(StyledLabel, { children: t4 }) }), $[5] = t4, $[6] = t5) : t5 = $[6];
-  let t6;
-  $[7] !== datasets ? (t6 = datasets.map(_temp2$2), $[7] = datasets, $[8] = t6) : t6 = $[8];
-  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] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t9 = [1, 2], $[16] = t9) : t9 = $[16];
-  let t10;
-  $[17] !== t ? (t10 = t("settings.api-version-label"), $[17] = t, $[18] = t10) : t10 = $[18];
-  let t11;
-  $[19] !== t10 ? (t11 = /* @__PURE__ */ jsx(Card, { paddingTop: 2, paddingBottom: 3, children: /* @__PURE__ */ jsx(StyledLabel, { children: t10 }) }), $[19] = t10, $[20] = t11) : t11 = $[20];
-  const t12 = customApiVersion === !1 ? apiVersion : "other";
-  let t13;
-  $[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t13 = API_VERSIONS.map(_temp3$1), $[21] = t13) : t13 = $[21];
-  let t14;
-  $[22] !== t ? (t14 = t("settings.other-api-version-label"), $[22] = t, $[23] = t14) : t14 = $[23];
-  let t15;
-  $[24] !== t14 ? (t15 = /* @__PURE__ */ jsx("option", { value: "other", children: t14 }, "other"), $[24] = t14, $[25] = t15) : t15 = $[25];
-  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] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t19 = [1, 2], $[39] = t19) : t19 = $[39];
-  let t20;
-  $[40] !== t ? (t20 = t("settings.perspective-label"), $[40] = t, $[41] = t20) : t20 = $[41];
-  let t21;
-  $[42] !== t20 ? (t21 = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(StyledLabel, { children: t20 }) }), $[42] = t20, $[43] = t21) : t21 = $[43];
-  let t22;
-  $[44] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t22 = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(PerspectivePopover, {}) }), $[44] = t22) : t22 = $[44];
-  let t23;
-  $[45] !== t21 ? (t23 = /* @__PURE__ */ jsx(Card, { paddingBottom: 1, children: /* @__PURE__ */ jsxs(Inline, { space: 1, children: [
-    t21,
-    t22
-  ] }) }), $[45] = t21, $[46] = t23) : t23 = $[46];
-  const t24 = perspective || "default";
-  let 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 typeof value < "u";
-}
-function getBlobUrl(content, mimeType) {
-  return URL.createObjectURL(new Blob([content], {
-    type: mimeType
-  }));
-}
-function getMemoizedBlobUrlResolver(mimeType, stringEncoder) {
-  return /* @__PURE__ */ (() => {
-    let prevResult = "", prevContent = "";
-    return (input) => {
-      const content = stringEncoder(input);
-      if (!(typeof content != "string" || content === ""))
-        return content === prevContent || (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) {
-  const $ = c(2);
-  let t0;
-  return $[0] !== props ? (t0 = /* @__PURE__ */ jsx(Code, { ...props, className: errorCode }), $[0] = props, $[1] = t0) : t0 = $[1], t0;
-}
-function QueryErrorDetails(t0) {
-  const $ = c(20), {
-    error
-  } = t0, {
-    t
-  } = useTranslation(visionLocaleNamespace);
-  if (!("details" in error))
-    return null;
-  const t1 = error.details;
-  let T0, details, t2, t3, t4, t5;
-  if ($[0] !== error.details) {
-    t5 = /* @__PURE__ */ 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 !== /* @__PURE__ */ Symbol.for("react.early_return_sentinel"))
-    return t5;
-  const t6 = `${t2}
-${t3}`;
-  let 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 = t("query.error.line"), $[11] = t, $[12] = t8) : t8 = $[12];
-  const t9 = details.lineNumber;
-  let t10;
-  $[13] !== t ? (t10 = t("query.error.column"), $[13] = t, $[14] = t10) : t10 = $[14];
-  const t11 = `${t8}:   ${t9}
-${t10}: ${details.column}`;
-  let t12;
-  $[15] !== t11 ? (t12 = /* @__PURE__ */ jsx(Box, { marginTop: 4, children: /* @__PURE__ */ jsx(ErrorCode, { size: 1, children: t11 }) }), $[15] = t11, $[16] = t12) : t12 = $[16];
-  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 {};
-  const {
-    query,
-    start,
-    end
-  } = details, lineStart = query.slice(0, start).lastIndexOf(`
-`) + 1, lineNumber = (query.slice(0, lineStart).match(/\n/g) || []).length, line = query.slice(lineStart, query.indexOf(`
-`, lineStart)), column = start - lineStart, columnEnd = typeof end == "number" ? end - lineStart : void 0;
-  return {
-    line,
-    lineNumber,
-    column,
-    columnEnd
-  };
-}
-function dashLine(column, columnEnd) {
-  const line = "-".repeat(column), hats = "^".repeat(columnEnd ? columnEnd - column : 1);
-  return `${line}${hats}`;
-}
-function QueryErrorDialog(props) {
-  const $ = c(7);
-  let t0;
-  $[0] !== props.error.message ? (t0 = /* @__PURE__ */ jsx(ErrorCode, { size: 1, children: props.error.message }), $[0] = props.error.message, $[1] = t0) : t0 = $[1];
-  let t1;
-  $[2] !== props.error ? (t1 = /* @__PURE__ */ jsx(QueryErrorDetails, { error: props.error }), $[2] = props.error, $[3] = t1) : t1 = $[3];
-  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) {
-  const $ = 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`;
-  let t4;
-  $[0] !== space[0] ? (t4 = rem(space[0]), $[0] = space[0], $[1] = t4) : t4 = $[1];
-  const t5 = `${t4}`;
-  let t6;
-  $[2] !== space[2] ? (t6 = rem(space[2]), $[2] = space[2], $[3] = t6) : t6 = $[3];
-  const t7 = `${t6}`;
-  let t8;
-  $[4] !== space[4] ? (t8 = rem(space[4]), $[4] = space[4], $[5] = t8) : t8 = $[5];
-  const t9 = `${t8}`, t10 = space[4] / 2;
-  let t11;
-  $[6] !== t10 ? (t11 = rem(t10), $[6] = t10, $[7] = t11) : t11 = $[7];
-  const t12 = `${t11}`;
-  let 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) {
-  const $ = c(7), {
-    data,
-    datasetName
-  } = props, workspaceDataset = useDataset();
-  if (isRecord(data) || Array.isArray(data)) {
-    const t02 = workspaceDataset === datasetName ? DocumentEditLabel : void 0;
-    let t12;
-    return $[0] !== data || $[1] !== t02 ? (t12 = /* @__PURE__ */ jsx(ResultViewWrapper, { children: /* @__PURE__ */ jsx(JsonInspector, { data, search: !1, isExpanded, onClick: toggleExpanded, interactiveLabel: t02 }) }), $[0] = data, $[1] = t02, $[2] = t12) : t12 = $[2], t12;
-  }
-  let t0;
-  $[3] !== data ? (t0 = JSON.stringify(data), $[3] = data, $[4] = t0) : t0 = $[4];
-  let t1;
-  return $[5] !== t0 ? (t1 = /* @__PURE__ */ jsx(Code, { language: "json", children: t0 }), $[5] = t0, $[6] = t1) : t1 = $[6], t1;
-}
-function DocumentEditLabel(props) {
-  const $ = c(5);
-  if (props.isKey || !props.keypath.endsWith("_id") && !props.keypath.endsWith("_ref"))
-    return null;
-  let t0;
-  $[0] !== props.value ? (t0 = {
-    id: props.value
-  }, $[0] = props.value, $[1] = t0) : t0 = $[1];
-  let t1;
-  $[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = /* @__PURE__ */ jsx(LinkIcon, {}), $[2] = t1) : t1 = $[2];
-  let t2;
-  return $[3] !== t0 ? (t2 = /* @__PURE__ */ jsx(IntentLink, { intent: "edit", params: t0, children: t1 }), $[3] = t0, $[4] = t2) : t2 = $[4], t2;
-}
-function isExpanded(keyPath, value) {
-  const cached = lru.get(keyPath);
-  if (typeof cached == "boolean")
-    return cached;
-  const segments = keyPath.split(".", 4);
-  return segments.length === 4 ? !1 : Array.isArray(value) ? !0 : isRecord(value) && !segments.some((key) => isArrayKeyOverLimit(key));
-}
-function toggleExpanded(event) {
-  const {
-    path
-  } = event, current = lru.get(path);
-  current !== void 0 && lru.set(path, !current);
-}
-function isRecord(value) {
-  return value !== null && typeof value == "object" && !Array.isArray(value);
-}
-const numeric = /^\d+$/;
-function isArrayKeyOverLimit(segment, limit = 10) {
-  return numeric.test(segment) && parseInt(segment, 10) > limit;
-}
-function SaveCsvButton(t0) {
-  const $ = c(7), {
-    blobUrl
-  } = t0, {
-    t
-  } = useTranslation(visionLocaleNamespace);
-  if (!blobUrl) {
-    let t12;
-    $[0] !== t ? (t12 = t("result.save-result-as-csv.not-csv-encodable"), $[0] = t, $[1] = t12) : t12 = $[1];
-    let t2;
-    $[2] === /* @__PURE__ */ 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] !== t12 ? (t3 = /* @__PURE__ */ jsx(Tooltip, { content: t12, placement: "top", children: t2 }), $[3] = t12, $[4] = t3) : t3 = $[4], t3;
-  }
-  let t1;
-  return $[5] !== blobUrl ? (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 = $[6], t1;
-}
-function SaveJsonButton(t0) {
-  const $ = c(2), {
-    blobUrl
-  } = t0;
-  let t1;
-  return $[0] !== blobUrl ? (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 = $[1], t1;
-}
-function VisionGuiResult(t0) {
-  const $ = c(84), {
-    error,
-    queryInProgress,
-    queryResult,
-    listenInProgress,
-    listenMutations,
-    dataset,
-    queryTime,
-    e2eTime,
-    compactFooter: t1
-  } = t0, compactFooter = t1 === void 0 ? !1 : t1, {
-    t
-  } = useTranslation(visionLocaleNamespace), hasResult = !error && !queryInProgress && typeof queryResult < "u";
-  let t2;
-  $[0] !== hasResult || $[1] !== queryResult ? (t2 = hasResult ? getJsonBlobUrl(queryResult) : "", $[0] = hasResult, $[1] = queryResult, $[2] = t2) : t2 = $[2];
-  const jsonUrl = t2;
-  let t3;
-  $[3] !== hasResult || $[4] !== queryResult ? (t3 = hasResult ? getCsvBlobUrl(queryResult) : "", $[3] = hasResult, $[4] = queryResult, $[5] = t3) : t3 = $[5];
-  const csvUrl = t3, t4 = error ? "critical" : "default", t5 = !!error;
-  let t6;
-  $[6] !== t ? (t6 = t("result.label"), $[6] = t, $[7] = t6) : t6 = $[7];
-  let t7;
-  $[8] !== t6 ? (t7 = /* @__PURE__ */ jsx(InputBackgroundContainer, { children: /* @__PURE__ */ jsx(Box, { marginLeft: 3, children: /* @__PURE__ */ jsx(StyledLabel, { muted: !0, children: t6 }) }) }), $[8] = t6, $[9] = t7) : t7 = $[9];
-  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 = error && /* @__PURE__ */ jsx(QueryErrorDialog, { error }), $[14] = error, $[15] = t9) : t9 = $[15];
-  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];
-  const t15 = compactFooter ? "flex-start" : "space-between", t16 = compactFooter ? "stretch" : void 0;
-  let t17;
-  $[36] !== compactFooter ? (t17 = compactFooter ? "column" : ["column", "column", "row"], $[36] = compactFooter, $[37] = t17) : t17 = $[37];
-  const t18 = compactFooter ? 3 : 4, t19 = compactFooter ? 2 : 3;
-  let t20;
-  $[38] !== compactFooter ? (t20 = compactFooter ? {
-    width: "100%"
-  } : {
-    minWidth: 0
-  }, $[38] = compactFooter, $[39] = t20) : t20 = $[39];
-  const t21 = compactFooter ? 1 : 2;
-  let t22;
-  $[40] !== t ? (t22 = t("result.execution-time-label"), $[40] = t, $[41] = t22) : t22 = $[41];
-  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];
-  const t25 = compactFooter ? 3 : 4, t26 = compactFooter ? 1 : 2;
-  let t27;
-  $[49] !== t ? (t27 = t("result.end-to-end-time-label"), $[49] = t, $[50] = t27) : t27 = $[50];
-  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) {
-  const $ = c(209), {
-    datasets,
-    config,
-    projectId,
-    defaultDataset
-  } = props, toast = useToast(), {
-    t
-  } = useTranslation(visionLocaleNamespace), {
-    perspectiveStack
-  } = usePerspective(), isScheduledDraftsEnabled = useScheduledDraftsEnabled(), {
-    data: t0
-  } = useActiveReleases();
-  let t1;
-  $[0] !== t0 ? (t1 = t0 === void 0 ? [] : t0, $[0] = t0, $[1] = t1) : t1 = $[1];
-  const 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);
-  let t2;
-  $[2] !== projectId ? (t2 = () => getLocalStorage(projectId || "default"), $[2] = projectId, $[3] = t2) : t2 = $[3];
-  const [localStorage2] = useState(t2);
-  let t3;
-  $[4] !== defaultDataset || $[5] !== localStorage2 ? (t3 = localStorage2.get("dataset", defaultDataset), $[4] = defaultDataset, $[5] = localStorage2, $[6] = t3) : t3 = $[6];
-  const storedDataset = t3;
-  let t4;
-  $[7] !== config.defaultApiVersion || $[8] !== localStorage2 ? (t4 = localStorage2.get("apiVersion", prefixApiVersion(`${config.defaultApiVersion}`)), $[7] = config.defaultApiVersion, $[8] = localStorage2, $[9] = t4) : t4 = $[9];
-  const storedApiVersion = t4;
-  let t5;
-  $[10] !== localStorage2 ? (t5 = localStorage2.get("query", ""), $[10] = localStorage2, $[11] = t5) : t5 = $[11];
-  const storedQuery = t5;
-  let t6;
-  $[12] !== localStorage2 ? (t6 = localStorage2.get("params", `{
-  
-}`), $[12] = localStorage2, $[13] = t6) : t6 = $[13];
-  const storedParams = t6;
-  let t7;
-  $[14] !== localStorage2 ? (t7 = localStorage2.get("perspective", void 0), $[14] = localStorage2, $[15] = t7) : t7 = $[15];
-  const storedPerspective = t7;
-  let 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];
-  const [dataset, setDataset] = useState(t8);
-  let t9;
-  $[20] !== storedApiVersion ? (t9 = () => API_VERSIONS.includes(storedApiVersion) ? storedApiVersion : DEFAULT_API_VERSION, $[20] = storedApiVersion, $[21] = t9) : t9 = $[21];
-  const [apiVersion, setApiVersion] = useState(t9);
-  let t10;
-  $[22] !== storedApiVersion ? (t10 = () => API_VERSIONS.includes(storedApiVersion) ? !1 : storedApiVersion, $[22] = storedApiVersion, $[23] = t10) : t10 = $[23];
-  const [customApiVersion, setCustomApiVersion] = useState(t10), [perspective, setPerspectiveState] = useState(storedPerspective || "raw");
-  let t11;
-  $[24] !== customApiVersion ? (t11 = customApiVersion ? validateApiVersion(customApiVersion) : !0, $[24] = customApiVersion, $[25] = t11) : t11 = $[25];
-  const isValidApiVersion = t11, [url, setUrl] = useState(void 0);
-  let t12;
-  $[26] !== storedQuery ? (t12 = () => typeof storedQuery == "string" ? storedQuery : "", $[26] = storedQuery, $[27] = t12) : t12 = $[27];
-  const [query, setQuery] = useState(t12), [rawParams, setRawParams] = useState(storedParams);
-  let t13;
-  $[28] !== rawParams || $[29] !== t ? (t13 = parseParams(rawParams, t), $[28] = rawParams, $[29] = t, $[30] = t13) : t13 = $[30];
-  const params = t13, [queryResult, setQueryResult] = useState(void 0);
-  let t14;
-  $[31] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t14 = [], $[31] = t14) : t14 = $[31];
-  const [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);
-  let t15;
-  $[32] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t15 = {
-    visionRootRef
-  }, $[32] = t15) : t15 = $[32];
-  const {
-    paneSizeOptions,
-    isNarrowBreakpoint
-  } = usePaneSize(t15);
-  let t16;
-  bb0: {
-    if (!isScheduledDraftsEnabled) {
-      t16 = void 0;
-      break bb0;
-    }
-    let t172;
-    if ($[33] !== isDraftModelEnabled || $[34] !== releases) {
-      const scheduledDraftReleases = releases.filter(_temp$1), releaseIds = sortReleases(scheduledDraftReleases).map(_temp2$1);
-      let t182;
-      $[36] !== isDraftModelEnabled ? (t182 = isDraftModelEnabled ? ["drafts"] : ["published"], $[36] = isDraftModelEnabled, $[37] = t182) : t182 = $[37];
-      const defaultPerspective = t182;
-      t172 = [...releaseIds, ...defaultPerspective], $[33] = isDraftModelEnabled, $[34] = releases, $[35] = t172;
-    } else
-      t172 = $[35];
-    t16 = t172;
-  }
-  const scheduledDraftsStack = t16, t17 = isValidApiVersion && customApiVersion ? customApiVersion : apiVersion;
-  let t18;
-  $[38] !== t17 ? (t18 = {
-    apiVersion: t17
-  }, $[38] = t17, $[39] = t18) : t18 = $[39];
-  const _client = useClient(t18);
-  let 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];
-  const client = t19;
-  let t20;
-  $[49] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t20 = () => {
-    querySubscriptionRef.current && (querySubscriptionRef.current.unsubscribe(), querySubscriptionRef.current = void 0);
-  }, $[49] = t20) : t20 = $[49];
-  const cancelQuerySubscription = t20;
-  let t21;
-  $[50] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t21 = () => {
-    listenSubscriptionRef.current && (listenSubscriptionRef.current.unsubscribe(), listenSubscriptionRef.current = void 0);
-  }, $[50] = t21) : t21 = $[50];
-  const cancelListenerSubscription = t21;
-  let t22;
-  $[51] !== apiVersion || $[52] !== client || $[53] !== customApiVersion || $[54] !== dataset || $[55] !== isValidApiVersion || $[56] !== localStorage2 || $[57] !== params.parsed || $[58] !== perspective || $[59] !== perspectiveStack || $[60] !== query || $[61] !== queryInProgress || $[62] !== scheduledDraftsStack || $[63] !== t ? (t22 = (options) => {
-    if (queryInProgress) {
-      cancelQuerySubscription(), cancelListenerSubscription(), setQueryInProgress(!1);
-      return;
-    }
-    const 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)
-    };
-    localStorage2.set("query", context.query), localStorage2.set("params", context.params.raw), cancelListenerSubscription();
-    const hasQuery = context.query.trim().length > 0;
-    if (setQueryInProgress(!context.params.error && hasQuery), setListenInProgress(!1), setListenMutations([]), setError(context.params.error ? new Error(context.params.error) : void 0), setQueryResult(void 0), setQueryTime(void 0), setE2eTime(void 0), context.params.error || !hasQuery)
-      return;
-    const 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);
-    const 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] = localStorage2, $[57] = params.parsed, $[58] = perspective, $[59] = perspectiveStack, $[60] = query, $[61] = queryInProgress, $[62] = scheduledDraftsStack, $[63] = t, $[64] = t22) : t22 = $[64];
-  const handleQueryExecution = t22;
-  let t23;
-  $[65] !== handleQueryExecution || $[66] !== localStorage2 ? (t23 = (newPerspective) => {
-    newPerspective !== void 0 && !isSupportedPerspective(newPerspective) || (setPerspectiveState(newPerspective), localStorage2.set("perspective", newPerspective), handleQueryExecution({
-      perspective: newPerspective
-    }));
-  }, $[65] = handleQueryExecution, $[66] = localStorage2, $[67] = t23) : t23 = $[67];
-  const setPerspective = t23;
-  let t24;
-  $[68] !== handleQueryExecution || $[69] !== localStorage2 ? (t24 = (evt) => {
-    const newDataset = evt.target.value;
-    localStorage2.set("dataset", newDataset), setDataset(newDataset), handleQueryExecution({
-      dataset: newDataset
-    });
-  }, $[68] = handleQueryExecution, $[69] = localStorage2, $[70] = t24) : t24 = $[70];
-  const handleChangeDataset = t24;
-  let t25;
-  $[71] !== handleQueryExecution || $[72] !== localStorage2 ? (t25 = (evt_0) => {
-    const newApiVersion = evt_0.target.value;
-    if (newApiVersion?.toLowerCase() === "other") {
-      setCustomApiVersion("v"), customApiVersionElementRef.current?.focus();
-      return;
-    }
-    setApiVersion(newApiVersion), setCustomApiVersion(!1), localStorage2.set("apiVersion", newApiVersion), handleQueryExecution({
-      apiVersion: newApiVersion
-    });
-  }, $[71] = handleQueryExecution, $[72] = localStorage2, $[73] = t25) : t25 = $[73];
-  const handleChangeApiVersion = t25;
-  let t26;
-  $[74] !== handleQueryExecution || $[75] !== localStorage2 ? (t26 = (evt_1) => {
-    const newCustomApiVersion = evt_1.target.value || "";
-    setCustomApiVersion(newCustomApiVersion || "v"), validateApiVersion(newCustomApiVersion) && (setApiVersion(newCustomApiVersion), localStorage2.set("apiVersion", newCustomApiVersion), handleQueryExecution({
-      apiVersion: newCustomApiVersion
-    }));
-  }, $[74] = handleQueryExecution, $[75] = localStorage2, $[76] = t26) : t26 = $[76];
-  const handleCustomApiVersionChange = t26;
-  let t27;
-  $[77] !== setPerspective ? (t27 = (evt_2) => {
-    const newPerspective_0 = evt_2.target.value;
-    setPerspective(newPerspective_0 === "default" ? void 0 : newPerspective_0);
-  }, $[77] = setPerspective, $[78] = t27) : t27 = $[78];
-  const handleChangePerspective = t27;
-  let t28;
-  $[79] === /* @__PURE__ */ 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];
-  const handleListenerEvent = t28;
-  let t29;
-  $[80] !== client || $[81] !== listenInProgress || $[82] !== localStorage2 || $[83] !== params.error || $[84] !== params.parsed || $[85] !== params.raw || $[86] !== query ? (t29 = () => {
-    if (listenInProgress) {
-      cancelListenerSubscription(), setListenInProgress(!1);
-      return;
-    }
-    const newUrl_0 = client.getDataUrl("listen", encodeQueryString(query, params.parsed, {})), shouldExecute = !params.error && query.trim().length > 0;
-    localStorage2.set("query", query), localStorage2.set("params", params.raw), cancelQuerySubscription(), setUrl(newUrl_0), setListenMutations([]), setQueryInProgress(!1), setQueryResult(void 0), setListenInProgress(shouldExecute), setError(params.error ? new 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] = localStorage2, $[83] = params.error, $[84] = params.parsed, $[85] = params.raw, $[86] = query, $[87] = t29) : t29 = $[87];
-  const handleListenExecution = t29;
-  let t30;
-  $[88] !== localStorage2 ? (t30 = (value) => {
-    setRawParams(value), localStorage2.set("params", value);
-  }, $[88] = localStorage2, $[89] = t30) : t30 = $[89];
-  const handleParamsChange = t30;
-  let t31;
-  $[90] !== apiVersion || $[91] !== dataset || $[92] !== datasets || $[93] !== perspective || $[94] !== toast ? (t31 = (data) => {
-    const match = data.match(sanityUrl);
-    if (!match)
-      return null;
-    const [, usedApiVersion, usedDataset, urlQuery] = match, qs = new URLSearchParams(urlQuery), parts = parseApiQueryString(qs);
-    if (!parts)
-      return null;
-    let newApiVersion_0, newCustomApiVersion_0;
-    validateApiVersion(usedApiVersion) && (API_VERSIONS.includes(usedApiVersion) ? (newApiVersion_0 = usedApiVersion, newCustomApiVersion_0 = !1) : newCustomApiVersion_0 = usedApiVersion);
-    const 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];
-  const getStateFromUrl = t31;
-  let t32;
-  $[96] !== handleQueryExecution || $[97] !== localStorage2 ? (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), localStorage2.merge({
-      query: parsedUrlObj.query,
-      params: parsedUrlObj.rawParams,
-      dataset: parsedUrlObj.dataset,
-      apiVersion: parsedUrlObj.customApiVersion || parsedUrlObj.apiVersion,
-      perspective: parsedUrlObj.perspective
-    }), handleQueryExecution(parsedUrlObj);
-  }, $[96] = handleQueryExecution, $[97] = localStorage2, $[98] = t32) : t32 = $[98];
-  const setStateFromParsedUrl = t32;
-  let t33;
-  $[99] !== getStateFromUrl || $[100] !== setStateFromParsedUrl || $[101] !== toast ? (t33 = (evt_4) => {
-    if (!evt_4.clipboardData)
-      return;
-    const data_0 = evt_4.clipboardData.getData("text/plain");
-    evt_4.preventDefault();
-    const 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];
-  const handlePaste = t33;
-  let t34;
-  $[103] !== handleQueryExecution || $[104] !== params.valid ? (t34 = (event) => {
-    const 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];
-  const handleKeyDown = t34;
-  let 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] === /* @__PURE__ */ 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 = (stack) => {
-    stack.length > 0 && setPerspective("pinnedRelease");
-  }, $[112] = setPerspective, $[113] = t39) : t39 = $[113];
-  const handleStudioPerspectiveChange = useEffectEvent(t39);
-  let t40;
-  $[114] !== handleStudioPerspectiveChange || $[115] !== perspectiveStack ? (t40 = () => {
-    handleStudioPerspectiveChange(perspectiveStack);
-  }, $[114] = handleStudioPerspectiveChange, $[115] = perspectiveStack, $[116] = t40) : t40 = $[116];
-  let t41;
-  $[117] !== perspectiveStack ? (t41 = [perspectiveStack], $[117] = perspectiveStack, $[118] = t41) : t41 = $[118], useEffect(t40, t41);
-  let t42;
-  $[119] !== client || $[120] !== perspective || $[121] !== perspectiveStack || $[122] !== scheduledDraftsStack ? (t42 = (queryString, queryParams) => {
-    const 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];
-  const generateUrl = t42;
-  let 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];
-  const 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;
-  let t51;
-  $[137] !== t ? (t51 = t("query.label"), $[137] = t, $[138] = t51) : t51 = $[138];
-  let t52;
-  $[139] !== t51 ? (t52 = /* @__PURE__ */ jsx(InputBackgroundContainerLeft, { children: /* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(StyledLabel, { muted: !0, children: t51 }) }) }), $[139] = t51, $[140] = t52) : t52 = $[140];
-  let t53;
-  $[141] !== query ? (t53 = /* @__PURE__ */ jsx(VisionCodeMirror, { initialValue: query, onChange: setQuery, ref: editorQueryRef, extensions: groqExtensions }), $[141] = query, $[142] = t53) : t53 = $[142];
-  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] === /* @__PURE__ */ 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 = () => setIsQueryRecallCollapsed(!isQueryRecallCollapsed), $[182] = isQueryRecallCollapsed, $[183] = t62) : t62 = $[183];
-  let t63;
-  $[184] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t63 = {
-    display: "flex",
-    alignItems: "center",
-    height: "100%"
-  }, $[184] = t63) : t63 = $[184];
-  let t64;
-  $[185] !== isQueryRecallCollapsed ? (t64 = /* @__PURE__ */ jsx("div", { style: t63, children: isQueryRecallCollapsed ? /* @__PURE__ */ jsx(ChevronLeftIcon, {}) : /* @__PURE__ */ jsx(ChevronRightIcon, {}) }), $[185] = isQueryRecallCollapsed, $[186] = t64) : t64 = $[186];
-  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 = params.parsed || {}, $[190] = params.parsed, $[191] = t66) : t66 = $[191];
-  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) {
-  const $ = c(7), {
-    client,
-    datasets: configDatasets
-  } = t0;
-  let t1;
-  bb0: {
-    if (Array.isArray(configDatasets)) {
-      let t22;
-      $[0] !== configDatasets ? (t22 = of(configDatasets), $[0] = configDatasets, $[1] = t22) : t22 = $[1], t1 = t22;
-      break bb0;
-    }
-    let t2;
-    if ($[2] !== client.observable.datasets || $[3] !== configDatasets) {
-      let t3;
-      $[5] !== configDatasets ? (t3 = (result2) => typeof configDatasets == "function" ? configDatasets(result2).map(_temp) : result2.map(_temp2), $[5] = configDatasets, $[6] = t3) : t3 = $[6], 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) {
-  const $ = c(19);
-  let t0;
-  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = {
-    apiVersion: "v2025-06-27"
-  }, $[0] = t0) : t0 = $[0];
-  const datasetsClient = useClient(t0);
-  let t1;
-  $[1] !== datasetsClient || $[2] !== props.config.datasets ? (t1 = {
-    client: datasetsClient,
-    datasets: props.config.datasets
-  }, $[1] = datasetsClient, $[2] = props.config.datasets, $[3] = t1) : t1 = $[3];
-  const loadedDatasets = useDatasets(t1);
-  if (!loadedDatasets) {
-    let t22;
-    return $[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t22 = /* @__PURE__ */ jsx(Flex, { align: "center", height: "fill", justify: "center", children: /* @__PURE__ */ jsx(DelayedSpinner, {}) }), $[4] = t22) : t22 = $[4], t22;
-  }
-  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];
-  const datasets = t2;
-  let t3;
-  $[8] !== props.client ? (t3 = props.client.config(), $[8] = props.client, $[9] = t3) : t3 = $[9];
-  const projectId = t3.projectId;
-  let 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];
-  const defaultDataset = t4;
-  let 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;
-}
-class VisionErrorBoundary 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;
-    const 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) {
-  const $ = c(6);
-  let t0;
-  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = {
-    apiVersion: "1"
-  }, $[0] = t0) : t0 = $[0];
-  const client = useClient(t0);
-  let t1;
-  $[1] !== props.tool.options ? (t1 = {
-    defaultApiVersion: DEFAULT_API_VERSION,
-    ...props.tool.options
-  }, $[1] = props.tool.options, $[2] = t1) : t1 = $[2];
-  const config = t1;
-  let 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.js.map