@sanity/vision 4.16.0-next.39 → 4.16.0-next.41

package/lib/_chunks-es/SanityVision.mjs

@@ -1,8 +1,8 @@
 import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
 import { c } from "react-compiler-runtime";
-import { useTranslation, useKeyValueStore, useDateTimeFormat, ContextMenuButton, Translate, usePerspective, useDataset, useScheduledDraftsEnabled, useActiveReleases, useWorkspace, isCardinalityOneRelease, sortReleases, getReleaseIdFromReleaseDocumentId, useClient } from "sanity";
-import { Spinner, rem, useTheme, Flex, Box, Card, Label, Text, Tooltip, Stack, useToast, TextInput, MenuButton, Menu, MenuItem, Code, Button, Hotkeys, useClickOutsideEvent, Popover, Inline, Badge, Grid, Select, Container, Heading } from "@sanity/ui";
-import { useState, useEffect, forwardRef, useRef, useImperativeHandle, useMemo, useCallback, Fragment, Component } from "react";
+import { useTranslation, useKeyValueStore, useDateTimeFormat, ContextMenuButton, Translate, usePerspective, useDataset, useScheduledDraftsEnabled, useActiveReleases, useWorkspace, sortReleases, useClient, isCardinalityOneRelease, getReleaseIdFromReleaseDocumentId } from "sanity";
+import { Spinner, rem, useTheme, Flex, Card, Label, Box, Text, Tooltip, Stack, useToast, TextInput, MenuButton, Menu, MenuItem, Code, Button, Hotkeys, useClickOutsideEvent, Popover, Inline, Badge, Grid, Select, Container, Heading } from "@sanity/ui";
+import { useState, useEffect, forwardRef, useRef, useImperativeHandle, Fragment, Component } from "react";
 import { SplitPane } from "@rexxars/react-split-pane";
 import { ErrorOutlineIcon, TrashIcon, AddIcon, SearchIcon, StopIcon, PlayIcon, HelpCircleIcon, CopyIcon, LinkIcon, DocumentSheetIcon, ChevronLeftIcon, ChevronRightIcon } from "@sanity/icons";
 import { isHotkey } from "is-hotkey-esm";
@@ -516,15 +516,25 @@ const STORED_QUERIES_NAMESPACE = "studio.vision-tool.saved-queries", defaultValu
   queries: []
 }, keyValueStoreKey = STORED_QUERIES_NAMESPACE;
 function useSavedQueries() {
-  const keyValueStore = useKeyValueStore(), [value, setValue] = useState(defaultValue), [saving, setSaving] = useState(!1), [deleting, setDeleting] = useState([]), [saveQueryError, setSaveQueryError] = useState(), [deleteQueryError, setDeleteQueryError] = useState(), [error, setError] = useState(), queries = useMemo(() => keyValueStore.getKey(keyValueStoreKey), [keyValueStore]);
-  useEffect(() => {
-    const sub = queries.pipe(startWith(defaultValue), map((data) => data || defaultValue)).subscribe({
+  const $ = c(27), keyValueStore = useKeyValueStore(), [value, setValue] = useState(defaultValue), [saving, setSaving] = useState(!1);
+  let t0;
+  $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = [], $[0] = t0) : t0 = $[0];
+  const [deleting, setDeleting] = useState(t0), [saveQueryError, setSaveQueryError] = useState(), [deleteQueryError, setDeleteQueryError] = useState(), [error, setError] = useState();
+  let t1;
+  $[1] !== keyValueStore ? (t1 = keyValueStore.getKey(keyValueStoreKey), $[1] = keyValueStore, $[2] = t1) : t1 = $[2];
+  const queries = t1;
+  let t2;
+  $[3] !== queries ? (t2 = () => {
+    const sub = queries.pipe(startWith(defaultValue), map(_temp$5)).subscribe({
       next: setValue,
       error: (err) => setError(err)
     });
     return () => sub?.unsubscribe();
-  }, [queries, keyValueStore]);
-  const saveQuery = useCallback(async (query) => {
+  }, $[3] = queries, $[4] = t2) : t2 = $[4];
+  let t3;
+  $[5] !== keyValueStore || $[6] !== queries ? (t3 = [queries, keyValueStore], $[5] = keyValueStore, $[6] = queries, $[7] = t3) : t3 = $[7], useEffect(t2, t3);
+  let t4;
+  $[8] !== keyValueStore || $[9] !== value.queries ? (t4 = async (query) => {
     setSaving(!0), setSaveQueryError(void 0);
     try {
       const newQueries = [{
@@ -536,12 +546,14 @@ function useSavedQueries() {
       }), await keyValueStore.setKey(keyValueStoreKey, {
         queries: newQueries
       });
-    } catch (err_0) {
-      setSaveQueryError(err_0);
-    } finally {
-      setSaving(!1);
+    } catch (t52) {
+      setSaveQueryError(t52);
     }
-  }, [keyValueStore, value.queries]), updateQuery = useCallback(async (query_0) => {
+    setSaving(!1);
+  }, $[8] = keyValueStore, $[9] = value.queries, $[10] = t4) : t4 = $[10];
+  const saveQuery = t4;
+  let t5;
+  $[11] !== keyValueStore || $[12] !== value.queries ? (t5 = async (query_0) => {
     setSaving(!0), setSaveQueryError(void 0);
     try {
       const updatedQueries = value.queries.map((q) => q._key === query_0._key ? {
@@ -553,12 +565,14 @@ function useSavedQueries() {
       }), await keyValueStore.setKey(keyValueStoreKey, {
         queries: updatedQueries
       });
-    } catch (err_1) {
-      setSaveQueryError(err_1);
-    } finally {
-      setSaving(!1);
+    } catch (t62) {
+      setSaveQueryError(t62);
     }
-  }, [keyValueStore, value.queries]), deleteQuery = useCallback(async (key) => {
+    setSaving(!1);
+  }, $[11] = keyValueStore, $[12] = value.queries, $[13] = t5) : t5 = $[13];
+  const updateQuery = t5;
+  let t6;
+  $[14] !== keyValueStore || $[15] !== value.queries ? (t6 = async (key) => {
     setDeleting((prev) => [...prev, key]), setDeleteQueryError(void 0);
     try {
       const filteredQueries = value.queries.filter((q_0) => q_0._key !== key);
@@ -567,13 +581,14 @@ function useSavedQueries() {
       }), await keyValueStore.setKey(keyValueStoreKey, {
         queries: filteredQueries
       });
-    } catch (err_2) {
-      setDeleteQueryError(err_2);
-    } finally {
-      setDeleting((prev) => prev.filter((k) => k !== key));
+    } catch (t72) {
+      setDeleteQueryError(t72);
     }
-  }, [keyValueStore, value.queries]);
-  return {
+    setDeleting((prev_0) => prev_0.filter((k) => k !== key));
+  }, $[14] = keyValueStore, $[15] = value.queries, $[16] = t6) : t6 = $[16];
+  const deleteQuery = t6;
+  let t7;
+  return $[17] !== deleteQuery || $[18] !== deleteQueryError || $[19] !== deleting || $[20] !== error || $[21] !== saveQuery || $[22] !== saveQueryError || $[23] !== saving || $[24] !== updateQuery || $[25] !== value.queries ? (t7 = {
     queries: value.queries,
     saveQuery,
     updateQuery,
@@ -583,7 +598,10 @@ function useSavedQueries() {
     saveQueryError,
     deleteQueryError,
     error
-  };
+  }, $[17] = deleteQuery, $[18] = deleteQueryError, $[19] = deleting, $[20] = error, $[21] = saveQuery, $[22] = saveQueryError, $[23] = saving, $[24] = updateQuery, $[25] = value.queries, $[26] = t7) : t7 = $[26], t7;
+}
+function _temp$5(data) {
+  return data || defaultValue;
 }
 const FixedHeader = styled(Stack)`
   position: sticky;
@@ -860,7 +878,7 @@ function calculatePaneSizeOptions(height) {
 function usePaneSize(t0) {
   const $ = c(6), {
     visionRootRef
-  } = t0, [isNarrowBreakpoint, setIsNarrowBreakpoint] = useState(_temp$3), [paneSizeOptions, setPaneSizeOptions] = useState(_temp2$2);
+  } = t0, [isNarrowBreakpoint, setIsNarrowBreakpoint] = useState(_temp$4), [paneSizeOptions, setPaneSizeOptions] = useState(_temp2$3);
   let t1, t2;
   $[0] !== visionRootRef ? (t1 = () => {
     if (!visionRootRef.current)
@@ -880,10 +898,10 @@ function usePaneSize(t0) {
     isNarrowBreakpoint
   }, $[3] = isNarrowBreakpoint, $[4] = paneSizeOptions, $[5] = t3) : t3 = $[5], t3;
 }
-function _temp2$2() {
+function _temp2$3() {
   return calculatePaneSizeOptions(void 0);
 }
-function _temp$3() {
+function _temp$4() {
   return narrowBreakpoint();
 }
 function VisionGuiControls(t0) {
@@ -939,7 +957,7 @@ const PerspectivePopoverContent = styled(Box)`
 function PerspectivePopover() {
   const $ = c(39), [open, setOpen] = useState(!1), buttonRef = useRef(null), popoverRef = useRef(null);
   let t0;
-  $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = () => setOpen(_temp$2), $[0] = t0) : t0 = $[0];
+  $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = () => setOpen(_temp$3), $[0] = t0) : t0 = $[0];
   const handleClick = t0, {
     t
   } = useTranslation(visionLocaleNamespace);
@@ -988,11 +1006,11 @@ function PerspectivePopover() {
   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$2(o) {
+function _temp$3(o) {
   return !o;
 }
 const PinnedReleasePerspectiveOption = (t0) => {
-  const $ = c(9), {
+  const $ = c(11), {
     pinnedPerspective,
     t
   } = t0, name = typeof pinnedPerspective.selectedPerspective == "object" ? pinnedPerspective.selectedPerspective.metadata.title : pinnedPerspective.selectedPerspectiveName;
@@ -1000,10 +1018,13 @@ const PinnedReleasePerspectiveOption = (t0) => {
   $[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$1), $[3] = label, $[4] = name, $[5] = t2) : t2 = $[5];
-  const text = t2.join(" "), t3 = !hasPinnedPerspective(pinnedPerspective);
-  let t4;
-  return $[6] !== t3 || $[7] !== text ? (t4 = /* @__PURE__ */ jsx("option", { value: "pinnedRelease", disabled: t3, children: text }), $[6] = t3, $[7] = text, $[8] = t4) : t4 = $[8], t4;
+  $[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(65), {
@@ -1041,7 +1062,7 @@ function VisionGuiHeader(t0) {
   let t4;
   $[4] !== t3 ? (t4 = /* @__PURE__ */ jsx(Card, { paddingTop: 2, paddingBottom: 3, children: /* @__PURE__ */ jsx(StyledLabel, { children: t3 }) }), $[4] = t3, $[5] = t4) : t4 = $[5];
   let t5;
-  $[6] !== datasets ? (t5 = datasets.map(_temp2$1), $[6] = datasets, $[7] = t5) : t5 = $[7];
+  $[6] !== datasets ? (t5 = datasets.map(_temp2$2), $[6] = datasets, $[7] = t5) : t5 = $[7];
   let t6;
   $[8] !== dataset || $[9] !== onChangeDataset || $[10] !== t5 ? (t6 = /* @__PURE__ */ jsx(Select, { value: dataset, onChange: onChangeDataset, children: t5 }), $[8] = dataset, $[9] = onChangeDataset, $[10] = t5, $[11] = t6) : t6 = $[11];
   let t7;
@@ -1128,10 +1149,10 @@ function VisionGuiHeader(t0) {
 function _temp3$1(version) {
   return /* @__PURE__ */ jsx("option", { children: version }, version);
 }
-function _temp2$1(ds) {
+function _temp2$2(ds) {
   return /* @__PURE__ */ jsx("option", { children: ds }, ds);
 }
-function _temp$1(value) {
+function _temp$2(value) {
   return typeof value < "u";
 }
 function getBlobUrl(content, mimeType) {
@@ -1155,32 +1176,50 @@ const getJsonBlobUrl = getMemoizedBlobUrlResolver("application/json", (input) =>
 }) => theme.sanity.color.muted.critical.enabled.fg};
 `;
 function QueryErrorDetails(t0) {
-  const $ = c(7), {
+  const $ = c(20), {
     error
   } = t0, {
     t
   } = useTranslation(visionLocaleNamespace);
   if (!("details" in error))
     return null;
-  const details = {
-    ...error.details,
-    ...mapToLegacyDetails(error.details)
-  };
-  if (!details.line)
-    return null;
-  const t1 = `${details.line}
-${dashLine(details.column, details.columnEnd)}`;
-  let t2;
-  $[0] !== t1 ? (t2 = /* @__PURE__ */ jsx(ErrorCode, { size: 1, children: t1 }), $[0] = t1, $[1] = t2) : t2 = $[1];
-  const t3 = `${t("query.error.line")}:   ${details.lineNumber}
-${t("query.error.column")}: ${details.column}`;
-  let t4;
-  $[2] !== t3 ? (t4 = /* @__PURE__ */ jsx(Box, { marginTop: 4, children: /* @__PURE__ */ jsx(ErrorCode, { size: 1, children: t3 }) }), $[2] = t3, $[3] = t4) : t4 = $[3];
-  let t5;
-  return $[4] !== t2 || $[5] !== t4 ? (t5 = /* @__PURE__ */ jsxs("div", { children: [
-    t2,
-    t4
-  ] }), $[4] = t2, $[5] = t4, $[6] = t5) : t5 = $[6], t5;
+  const t1 = error.details;
+  let T0, details, t2, t3, t4, t5;
+  if ($[0] !== error.details) {
+    t5 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      if (details = {
+        ...t1,
+        ...mapToLegacyDetails(error.details)
+      }, !details.line) {
+        t5 = null;
+        break bb0;
+      }
+      T0 = ErrorCode, t4 = 1, t2 = details.line, t3 = dashLine(details.column, details.columnEnd);
+    }
+    $[0] = error.details, $[1] = T0, $[2] = details, $[3] = t2, $[4] = t3, $[5] = t4, $[6] = t5;
+  } else
+    T0 = $[1], details = $[2], t2 = $[3], t3 = $[4], t4 = $[5], t5 = $[6];
+  if (t5 !== Symbol.for("react.early_return_sentinel"))
+    return t5;
+  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")
@@ -1518,7 +1557,7 @@ function nodeContains(node, other) {
 }
 const sanityUrl = /\.(?:api|apicdn)\.sanity\.(?:io|work)\/(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 {
+  const $ = c(210), {
     datasets,
     config,
     projectId,
@@ -1528,21 +1567,85 @@ function VisionGui(props) {
   } = useTranslation(visionLocaleNamespace), {
     perspectiveStack
   } = usePerspective(), isScheduledDraftsEnabled = useScheduledDraftsEnabled(), {
-    data: releases = []
-  } = useActiveReleases(), 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), [localStorage2] = useState(() => getLocalStorage(projectId || "default")), storedDataset = localStorage2.get("dataset", defaultDataset), storedApiVersion = localStorage2.get("apiVersion", prefixApiVersion(`${config.defaultApiVersion}`)), storedQuery = localStorage2.get("query", ""), storedParams = localStorage2.get("params", `{
+    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", `{
   
-}`), storedPerspective = localStorage2.get("perspective", void 0), [dataset, setDataset] = useState(() => datasets.includes(storedDataset) ? storedDataset : datasets.includes(defaultDataset) ? defaultDataset : datasets[0]), [apiVersion, setApiVersion] = useState(() => API_VERSIONS.includes(storedApiVersion) ? storedApiVersion : DEFAULT_API_VERSION), [customApiVersion, setCustomApiVersion] = useState(() => API_VERSIONS.includes(storedApiVersion) ? !1 : storedApiVersion), [perspective, setPerspectiveState] = useState(storedPerspective || "raw"), isValidApiVersion = customApiVersion ? validateApiVersion(customApiVersion) : !0, [url, setUrl] = useState(void 0), [query, setQuery] = useState(() => typeof storedQuery == "string" ? storedQuery : ""), [rawParams, setRawParams] = useState(storedParams), params = useMemo(() => parseParams(rawParams, t), [rawParams, t]), [queryResult, setQueryResult] = useState(void 0), [listenMutations, setListenMutations] = useState([]), [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), {
+}`), $[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] === 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] === Symbol.for("react.memo_cache_sentinel") ? (t15 = {
+    visionRootRef
+  }, $[32] = t15) : t15 = $[32];
+  const {
     paneSizeOptions,
     isNarrowBreakpoint
-  } = usePaneSize({
-    visionRootRef
-  }), scheduledDraftsStack = useMemo(() => {
-    if (!isScheduledDraftsEnabled) return;
-    const scheduledDraftReleases = releases.filter((release) => isCardinalityOneRelease(release) && release.state === "scheduled"), releaseIds = sortReleases(scheduledDraftReleases).map((release_0) => getReleaseIdFromReleaseDocumentId(release_0._id)), defaultPerspective = isDraftModelEnabled ? ["drafts"] : ["published"];
-    return [...releaseIds, ...defaultPerspective];
-  }, [releases, isDraftModelEnabled, isScheduledDraftsEnabled]), _client = useClient({
-    apiVersion: isValidApiVersion && customApiVersion ? customApiVersion : apiVersion
-  }), client = useMemo(() => _client.withConfig({
+  } = 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,
@@ -1551,11 +1654,20 @@ function VisionGui(props) {
     }),
     dataset,
     allowReconfigure: !0
-  }), [perspectiveStack, scheduledDraftsStack, perspective, customApiVersion, apiVersion, dataset, _client, isValidApiVersion]), cancelQuerySubscription = useCallback(() => {
+  }), $[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] === Symbol.for("react.memo_cache_sentinel") ? (t20 = () => {
     querySubscriptionRef.current && (querySubscriptionRef.current.unsubscribe(), querySubscriptionRef.current = void 0);
-  }, []), cancelListenerSubscription = useCallback(() => {
+  }, $[49] = t20) : t20 = $[49];
+  const cancelQuerySubscription = t20;
+  let t21;
+  $[50] === Symbol.for("react.memo_cache_sentinel") ? (t21 = () => {
     listenSubscriptionRef.current && (listenSubscriptionRef.current.unsubscribe(), listenSubscriptionRef.current = void 0);
-  }, []), handleQueryExecution = useCallback((options) => {
+  }, $[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;
@@ -1593,16 +1705,25 @@ function VisionGui(props) {
         setError(err), setQueryInProgress(!1);
       }
     });
-  }, [queryInProgress, query, dataset, params.parsed, t, perspective, perspectiveStack, scheduledDraftsStack, customApiVersion, isValidApiVersion, apiVersion, localStorage2, cancelListenerSubscription, client, cancelQuerySubscription]), setPerspective = useCallback((newPerspective) => {
+  }, $[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
     }));
-  }, [localStorage2, handleQueryExecution]), handleChangeDataset = useCallback((evt) => {
+  }, $[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
     });
-  }, [localStorage2, handleQueryExecution]), handleChangeApiVersion = useCallback((evt_0) => {
+  }, $[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();
@@ -1611,17 +1732,29 @@ function VisionGui(props) {
     setApiVersion(newApiVersion), setCustomApiVersion(!1), localStorage2.set("apiVersion", newApiVersion), handleQueryExecution({
       apiVersion: newApiVersion
     });
-  }, [localStorage2, handleQueryExecution]), handleCustomApiVersionChange = useCallback((evt_1) => {
+  }, $[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
     }));
-  }, [localStorage2, handleQueryExecution]), handleChangePerspective = useCallback((evt_2) => {
+  }, $[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);
-  }, [setPerspective]), handleListenerEvent = useCallback((evt_3) => {
+  }, $[77] = setPerspective, $[78] = t27) : t27 = $[78];
+  const handleChangePerspective = t27;
+  let t28;
+  $[79] === Symbol.for("react.memo_cache_sentinel") ? (t28 = (evt_3) => {
     evt_3.type === "mutation" && setListenMutations((prevMutations) => prevMutations.length === 50 ? [evt_3, ...prevMutations.slice(0, 49)] : [evt_3, ...prevMutations]);
-  }, []), handleListenExecution = useCallback(() => {
+  }, $[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;
@@ -1636,14 +1769,21 @@ function VisionGui(props) {
         setError(err_0), setListenInProgress(!1);
       }
     }));
-  }, [listenInProgress, params, query, localStorage2, cancelQuerySubscription, handleListenerEvent, cancelListenerSubscription, client]), handleParamsChange = useCallback((value) => {
+  }, $[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);
-  }, [localStorage2]), getStateFromUrl = useCallback((data) => {
+  }, $[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;
+    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;
@@ -1662,7 +1802,10 @@ function VisionGui(props) {
       perspective: newPerspective_1 || perspective,
       url: data
     };
-  }, [datasets, dataset, apiVersion, perspective, toast]), setStateFromParsedUrl = useCallback((parsedUrlObj) => {
+  }, $[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,
@@ -1670,7 +1813,10 @@ function VisionGui(props) {
       apiVersion: parsedUrlObj.customApiVersion || parsedUrlObj.apiVersion,
       perspective: parsedUrlObj.perspective
     }), handleQueryExecution(parsedUrlObj);
-  }, [localStorage2, handleQueryExecution]), handlePaste = useCallback((evt_4) => {
+  }, $[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");
@@ -1682,22 +1828,35 @@ function VisionGui(props) {
       status: "info",
       title: "Parsed URL to query"
     }));
-  }, [getStateFromUrl, setStateFromParsedUrl, toast]), handleKeyDown = useCallback((event) => {
+  }, $[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());
-  }, [params.valid, handleQueryExecution]);
-  useEffect(() => (window.document.addEventListener("paste", handlePaste), window.document.addEventListener("keydown", handleKeyDown), () => {
+  }, $[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);
-  }), [handleKeyDown, handlePaste]), useEffect(() => () => {
+  }), t36 = [handleKeyDown, handlePaste], $[106] = handleKeyDown, $[107] = handlePaste, $[108] = t35, $[109] = t36) : (t35 = $[108], t36 = $[109]), useEffect(t35, t36);
+  let t37, t38;
+  $[110] === Symbol.for("react.memo_cache_sentinel") ? (t37 = () => () => {
     cancelQuerySubscription(), cancelListenerSubscription();
-  }, [cancelQuerySubscription, cancelListenerSubscription]);
-  const handleStudioPerspectiveChange = useEffectEvent((stack) => {
+  }, 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");
-  });
-  useEffect(() => {
+  }, $[112] = setPerspective, $[113] = t39) : t39 = $[113];
+  const handleStudioPerspectiveChange = useEffectEvent(t39);
+  let t40;
+  $[114] !== handleStudioPerspectiveChange || $[115] !== perspectiveStack ? (t40 = () => {
     handleStudioPerspectiveChange(perspectiveStack);
-  }, [perspectiveStack]);
-  const generateUrl = useCallback((queryString, queryParams) => {
+  }, $[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,
@@ -1706,51 +1865,94 @@ function VisionGui(props) {
       }) ?? []
     };
     return client.getUrl(client.getDataUrl("query", encodeQueryString(queryString, queryParams, urlQueryOpts_0)));
-  }, [client, perspective, perspectiveStack, scheduledDraftsStack]);
-  return /* @__PURE__ */ jsxs(Root, { direction: "column", height: "fill", ref: visionRootRef, sizing: "border", overflow: "hidden", "data-testid": "vision-root", children: [
-    /* @__PURE__ */ jsx(VisionGuiHeader, { apiVersion, customApiVersion, dataset, datasets, onChangeDataset: handleChangeDataset, onChangeApiVersion: handleChangeApiVersion, customApiVersionElementRef, onCustomApiVersionChange: handleCustomApiVersionChange, isValidApiVersion, onChangePerspective: handleChangePerspective, url, perspective, isScheduledDraftsEnabled }),
-    /* @__PURE__ */ jsx(SplitpaneContainer, { flex: "auto", children: /* @__PURE__ */ jsxs(SplitPane, { minSize: 800, defaultSize: window.innerWidth - 275, size: isQueryRecallCollapsed ? window.innerWidth : window.innerWidth - 275, maxSize: -225, primary: "first", children: [
-      /* @__PURE__ */ jsx(Box, { height: "stretch", flex: 1, children: /* @__PURE__ */ jsxs(
-        SplitPane,
-        {
-          className: "sidebarPanes",
-          split: isNarrowBreakpoint ? "vertical" : "horizontal",
-          minSize: 300,
-          children: [
-            /* @__PURE__ */ jsx(Box, { height: "stretch", flex: 1, children: /* @__PURE__ */ jsxs(SplitPane, { className: "sidebarPanes", split: "horizontal", defaultSize: isNarrowBreakpoint ? paneSizeOptions.defaultSize : paneSizeOptions.minSize, size: paneSizeOptions.size, allowResize: paneSizeOptions.allowResize, minSize: isNarrowBreakpoint ? paneSizeOptions.minSize : 100, maxSize: paneSizeOptions.maxSize, primary: "first", children: [
-              /* @__PURE__ */ jsx(InputContainer, { display: "flex", "data-testid": "vision-query-editor", children: /* @__PURE__ */ jsxs(Box, { flex: 1, children: [
-                /* @__PURE__ */ jsx(InputBackgroundContainerLeft, { children: /* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(StyledLabel, { muted: !0, children: t("query.label") }) }) }),
-                /* @__PURE__ */ jsx(VisionCodeMirror, { initialValue: query, onChange: setQuery, ref: editorQueryRef })
-              ] }) }),
-              /* @__PURE__ */ jsxs(InputContainer, { display: "flex", children: [
-                /* @__PURE__ */ jsx(ParamsEditor, { value: params.raw, onChange: handleParamsChange, paramsError: params.error, hasValidParams: params.valid, editorRef: editorParamsRef }),
-                /* @__PURE__ */ jsx(VisionGuiControls, { hasValidParams: params.valid, queryInProgress, listenInProgress, onQueryExecution: handleQueryExecution, onListenExecution: handleListenExecution })
-              ] })
-            ] }) }),
-            /* @__PURE__ */ jsx(VisionGuiResult, { error, queryInProgress, queryResult, listenInProgress, listenMutations, dataset, queryTime, e2eTime })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsxs(Box, { style: {
-        position: "relative",
-        height: "100%"
-      }, children: [
-        /* @__PURE__ */ jsx(Button, { mode: "ghost", padding: 2, style: {
-          position: "absolute",
-          left: -32,
-          top: "50%",
-          transform: "translateY(-50%)",
-          zIndex: 100,
-          pointerEvents: "auto"
-        }, onClick: () => setIsQueryRecallCollapsed(!isQueryRecallCollapsed), children: /* @__PURE__ */ jsx("div", { style: {
-          display: "flex",
-          alignItems: "center",
-          height: "100%"
-        }, children: isQueryRecallCollapsed ? /* @__PURE__ */ jsx(ChevronLeftIcon, {}) : /* @__PURE__ */ jsx(ChevronRightIcon, {}) }) }),
-        /* @__PURE__ */ jsx(QueryRecall, { url, getStateFromUrl, setStateFromParsedUrl, currentQuery: query, currentParams: params.parsed || {}, generateUrl })
-      ] })
-    ] }) })
-  ] });
+  }, $[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 }), $[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] === Symbol.for("react.memo_cache_sentinel") ? (t61 = {
+    position: "relative",
+    height: "100%"
+  }, $[181] = t61) : t61 = $[181];
+  let t62;
+  $[182] === Symbol.for("react.memo_cache_sentinel") ? (t62 = {
+    position: "absolute",
+    left: -32,
+    top: "50%",
+    transform: "translateY(-50%)",
+    zIndex: 100,
+    pointerEvents: "auto"
+  }, $[182] = t62) : t62 = $[182];
+  let t63;
+  $[183] !== isQueryRecallCollapsed ? (t63 = () => setIsQueryRecallCollapsed(!isQueryRecallCollapsed), $[183] = isQueryRecallCollapsed, $[184] = t63) : t63 = $[184];
+  let t64;
+  $[185] === Symbol.for("react.memo_cache_sentinel") ? (t64 = {
+    display: "flex",
+    alignItems: "center",
+    height: "100%"
+  }, $[185] = t64) : t64 = $[185];
+  let t65;
+  $[186] !== isQueryRecallCollapsed ? (t65 = /* @__PURE__ */ jsx("div", { style: t64, children: isQueryRecallCollapsed ? /* @__PURE__ */ jsx(ChevronLeftIcon, {}) : /* @__PURE__ */ jsx(ChevronRightIcon, {}) }), $[186] = isQueryRecallCollapsed, $[187] = t65) : t65 = $[187];
+  let t66;
+  $[188] !== t63 || $[189] !== t65 ? (t66 = /* @__PURE__ */ jsx(Button, { mode: "ghost", padding: 2, style: t62, onClick: t63, children: t65 }), $[188] = t63, $[189] = t65, $[190] = t66) : t66 = $[190];
+  let t67;
+  $[191] !== params.parsed ? (t67 = params.parsed || {}, $[191] = params.parsed, $[192] = t67) : t67 = $[192];
+  let t68;
+  $[193] !== generateUrl || $[194] !== getStateFromUrl || $[195] !== query || $[196] !== setStateFromParsedUrl || $[197] !== t67 || $[198] !== url ? (t68 = /* @__PURE__ */ jsx(QueryRecall, { url, getStateFromUrl, setStateFromParsedUrl, currentQuery: query, currentParams: t67, generateUrl }), $[193] = generateUrl, $[194] = getStateFromUrl, $[195] = query, $[196] = setStateFromParsedUrl, $[197] = t67, $[198] = url, $[199] = t68) : t68 = $[199];
+  let t69;
+  $[200] !== t66 || $[201] !== t68 ? (t69 = /* @__PURE__ */ jsxs(Box, { style: t61, children: [
+    t66,
+    t68
+  ] }), $[200] = t66, $[201] = t68, $[202] = t69) : t69 = $[202];
+  let t70;
+  $[203] !== t44 || $[204] !== t60 || $[205] !== t69 ? (t70 = /* @__PURE__ */ jsx(SplitpaneContainer, { flex: "auto", children: /* @__PURE__ */ jsxs(SplitPane, { minSize: 800, defaultSize: window.innerWidth - 275, size: t44, maxSize: -225, primary: "first", children: [
+    t60,
+    t69
+  ] }) }), $[203] = t44, $[204] = t60, $[205] = t69, $[206] = t70) : t70 = $[206];
+  let t71;
+  return $[207] !== t43 || $[208] !== t70 ? (t71 = /* @__PURE__ */ jsxs(Root, { direction: "column", height: "fill", ref: visionRootRef, sizing: "border", overflow: "hidden", "data-testid": "vision-root", children: [
+    t43,
+    t70
+  ] }), $[207] = t43, $[208] = t70, $[209] = t71) : t71 = $[209], t71;
+}
+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), {