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

package/lib/_chunks-es/SanityVision.js

@@ -0,0 +1,2328 @@
+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