@sanity/vision 4.13.1-next.1 → 4.14.0-next.4

package/lib/_chunks-cjs/SanityVision.js

@@ -186,7 +186,7 @@ const EditorRoot = styledComponents.styled.div`
   return $[3] !== initialValue || $[4] !== props.onChange || $[5] !== theme ? (t3 = /* @__PURE__ */ jsxRuntime.jsx(EditorRoot, { children: /* @__PURE__ */ jsxRuntime.jsx(CodeMirror__default.default, { ref: codeMirrorRef, basicSetup: !1, theme, extensions: codemirrorExtensions, value: initialValue, onChange: props.onChange }) }), $[3] = initialValue, $[4] = props.onChange, $[5] = theme, $[6] = t3) : t3 = $[6], t3;
 });
 VisionCodeMirror.displayName = "VisionCodeMirror";
-const SUPPORTED_PERSPECTIVES = ["pinnedRelease", "raw", "published", "drafts"], VIRTUAL_PERSPECTIVES = ["pinnedRelease"];
+const SUPPORTED_PERSPECTIVES = ["pinnedRelease", "scheduledDrafts", "raw", "published", "drafts"], VIRTUAL_PERSPECTIVES = ["pinnedRelease", "scheduledDrafts"];
 function isSupportedPerspective(p) {
   return SUPPORTED_PERSPECTIVES.includes(p);
 }
@@ -200,9 +200,10 @@ function hasPinnedPerspective({
 }
 function getActivePerspective({
   visionPerspective,
-  perspectiveStack
+  perspectiveStack,
+  scheduledDraftsStack
 }) {
-  return visionPerspective !== "pinnedRelease" ? visionPerspective : perspectiveStack;
+  return visionPerspective === "pinnedRelease" ? perspectiveStack : visionPerspective === "scheduledDrafts" ? scheduledDraftsStack : visionPerspective;
 }
 function encodeQueryString(query, params = {}, options = {}) {
   const searchParams = new URLSearchParams();
@@ -980,7 +981,7 @@ const PinnedReleasePerspectiveOption = (t0) => {
   return $[6] !== t3 || $[7] !== text ? (t4 = /* @__PURE__ */ jsxRuntime.jsx("option", { value: "pinnedRelease", disabled: t3, children: text }), $[6] = t3, $[7] = text, $[8] = t4) : t4 = $[8], t4;
 };
 function VisionGuiHeader(t0) {
-  const $ = reactCompilerRuntime.c(64), {
+  const $ = reactCompilerRuntime.c(65), {
     onChangeDataset,
     dataset,
     customApiVersion,
@@ -992,7 +993,8 @@ function VisionGuiHeader(t0) {
     isValidApiVersion,
     onChangePerspective,
     url,
-    perspective
+    perspective,
+    isScheduledDraftsEnabled
   } = t0, pinnedPerspective = sanity.usePerspective(), {
     t
   } = sanity.useTranslation(index.visionLocaleNamespace), operationUrlElement = react.useRef(null);
@@ -1061,20 +1063,20 @@ function VisionGuiHeader(t0) {
   ] }) }), $[42] = t18, $[43] = t20) : t20 = $[43];
   const t21 = perspective || "default";
   let t22;
-  $[44] !== pinnedPerspective || $[45] !== t ? (t22 = SUPPORTED_PERSPECTIVES.map((perspectiveName) => perspectiveName === "pinnedRelease" ? /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
+  $[44] !== isScheduledDraftsEnabled || $[45] !== pinnedPerspective || $[46] !== t ? (t22 = SUPPORTED_PERSPECTIVES.map((perspectiveName) => perspectiveName === "pinnedRelease" ? /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(PinnedReleasePerspectiveOption, { pinnedPerspective, t }),
     /* @__PURE__ */ jsxRuntime.jsx("option", { value: "default", children: t("settings.perspectives.default") }, "default"),
     /* @__PURE__ */ jsxRuntime.jsx("hr", {})
-  ] }, "pinnedRelease") : /* @__PURE__ */ jsxRuntime.jsx("option", { children: perspectiveName }, perspectiveName)), $[44] = pinnedPerspective, $[45] = t, $[46] = t22) : t22 = $[46];
+  ] }, "pinnedRelease") : perspectiveName === "scheduledDrafts" ? isScheduledDraftsEnabled ? /* @__PURE__ */ jsxRuntime.jsx("option", { value: "scheduledDrafts", children: t("settings.perspectives.scheduled-drafts") }, "scheduledDrafts") : null : /* @__PURE__ */ jsxRuntime.jsx("option", { children: perspectiveName }, perspectiveName)), $[44] = isScheduledDraftsEnabled, $[45] = pinnedPerspective, $[46] = t, $[47] = t22) : t22 = $[47];
   let t23;
-  $[47] !== onChangePerspective || $[48] !== t21 || $[49] !== t22 ? (t23 = /* @__PURE__ */ jsxRuntime.jsx(ui.Select, { value: t21, onChange: onChangePerspective, children: t22 }), $[47] = onChangePerspective, $[48] = t21, $[49] = t22, $[50] = t23) : t23 = $[50];
+  $[48] !== onChangePerspective || $[49] !== t21 || $[50] !== t22 ? (t23 = /* @__PURE__ */ jsxRuntime.jsx(ui.Select, { value: t21, onChange: onChangePerspective, children: t22 }), $[48] = onChangePerspective, $[49] = t21, $[50] = t22, $[51] = t23) : t23 = $[51];
   let t24;
-  $[51] !== t20 || $[52] !== t23 ? (t24 = /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 1, column: 2, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { children: [
+  $[52] !== t20 || $[53] !== t23 ? (t24 = /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 1, column: 2, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { children: [
     t20,
     t23
-  ] }) }), $[51] = t20, $[52] = t23, $[53] = t24) : t24 = $[53];
+  ] }) }), $[52] = t20, $[53] = t23, $[54] = t24) : t24 = $[54];
   let t25;
-  $[54] !== customApiVersion || $[55] !== t || $[56] !== url ? (t25 = typeof url == "string" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 1, flex: 1, column: customApiVersion === !1 ? 6 : 4, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { children: [
+  $[55] !== customApiVersion || $[56] !== t || $[57] !== url ? (t25 = typeof url == "string" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 1, flex: 1, column: customApiVersion === !1 ? 6 : 4, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { paddingTop: 2, paddingBottom: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(StyledLabel, { children: [
       t("query.url"),
       "\xA0",
@@ -1088,15 +1090,15 @@ function VisionGuiHeader(t0) {
       /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1, children: /* @__PURE__ */ jsxRuntime.jsx(ui.TextInput, { readOnly: !0, type: "url", ref: operationUrlElement, value: url }) }),
       /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { content: t("action.copy-url-to-clipboard"), children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { "aria-label": t("action.copy-url-to-clipboard"), type: "button", mode: "ghost", icon: icons.CopyIcon, onClick: handleCopyUrl }) })
     ] })
-  ] }) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1 }), $[54] = customApiVersion, $[55] = t, $[56] = url, $[57] = t25) : t25 = $[57];
+  ] }) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { flex: 1 }), $[55] = customApiVersion, $[56] = t, $[57] = url, $[58] = t25) : t25 = $[58];
   let t26;
-  return $[58] !== t15 || $[59] !== t16 || $[60] !== t24 || $[61] !== t25 || $[62] !== t7 ? (t26 = /* @__PURE__ */ jsxRuntime.jsx(Header, { paddingX: 3, paddingY: 2, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Grid, { columns: t2, children: [
+  return $[59] !== t15 || $[60] !== t16 || $[61] !== t24 || $[62] !== t25 || $[63] !== t7 ? (t26 = /* @__PURE__ */ jsxRuntime.jsx(Header, { paddingX: 3, paddingY: 2, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Grid, { columns: t2, children: [
     t7,
     t15,
     t16,
     t24,
     t25
-  ] }) }), $[58] = t15, $[59] = t16, $[60] = t24, $[61] = t25, $[62] = t7, $[63] = t26) : t26 = $[63], t26;
+  ] }) }), $[59] = t15, $[60] = t16, $[61] = t24, $[62] = t25, $[63] = t7, $[64] = t26) : t26 = $[64], t26;
 }
 function _temp3$1(version) {
   return /* @__PURE__ */ jsxRuntime.jsx("option", { children: version }, version);
@@ -1491,7 +1493,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) => isHotkeyEsm.isHotkey("ctrl+enter", event) || isHotkeyEsm.isHotkey("mod+enter", event);
 function VisionGui(props) {
-  const $ = reactCompilerRuntime.c(199), {
+  const {
     datasets,
     config,
     projectId,
@@ -1500,84 +1502,35 @@ function VisionGui(props) {
     t
   } = sanity.useTranslation(index.visionLocaleNamespace), {
     perspectiveStack
-  } = sanity.usePerspective(), editorQueryRef = react.useRef(null), editorParamsRef = react.useRef(null), visionRootRef = react.useRef(null), customApiVersionElementRef = react.useRef(null), querySubscriptionRef = react.useRef(void 0), listenSubscriptionRef = react.useRef(void 0);
-  let t0;
-  $[0] !== projectId ? (t0 = () => getLocalStorage(projectId || "default"), $[0] = projectId, $[1] = t0) : t0 = $[1];
-  const [localStorage2] = react.useState(t0);
-  let t1;
-  $[2] !== defaultDataset || $[3] !== localStorage2 ? (t1 = localStorage2.get("dataset", defaultDataset), $[2] = defaultDataset, $[3] = localStorage2, $[4] = t1) : t1 = $[4];
-  const storedDataset = t1;
-  let t2;
-  $[5] !== config.defaultApiVersion || $[6] !== localStorage2 ? (t2 = localStorage2.get("apiVersion", prefixApiVersion(`${config.defaultApiVersion}`)), $[5] = config.defaultApiVersion, $[6] = localStorage2, $[7] = t2) : t2 = $[7];
-  const storedApiVersion = t2;
-  let t3;
-  $[8] !== localStorage2 ? (t3 = localStorage2.get("query", ""), $[8] = localStorage2, $[9] = t3) : t3 = $[9];
-  const storedQuery = t3;
-  let t4;
-  $[10] !== localStorage2 ? (t4 = localStorage2.get("params", `{
+  } = sanity.usePerspective(), isScheduledDraftsEnabled = sanity.useScheduledDraftsEnabled(), {
+    data: releases = []
+  } = sanity.useActiveReleases(), isDraftModelEnabled = sanity.useWorkspace().document.drafts.enabled, editorQueryRef = react.useRef(null), editorParamsRef = react.useRef(null), visionRootRef = react.useRef(null), customApiVersionElementRef = react.useRef(null), querySubscriptionRef = react.useRef(void 0), listenSubscriptionRef = react.useRef(void 0), [localStorage2] = react.useState(() => getLocalStorage(projectId || "default")), storedDataset = localStorage2.get("dataset", defaultDataset), storedApiVersion = localStorage2.get("apiVersion", prefixApiVersion(`${config.defaultApiVersion}`)), storedQuery = localStorage2.get("query", ""), storedParams = localStorage2.get("params", `{
   
-}`), $[10] = localStorage2, $[11] = t4) : t4 = $[11];
-  const storedParams = t4;
-  let t5;
-  $[12] !== localStorage2 ? (t5 = localStorage2.get("perspective", void 0), $[12] = localStorage2, $[13] = t5) : t5 = $[13];
-  const storedPerspective = t5;
-  let t6;
-  $[14] !== datasets || $[15] !== defaultDataset || $[16] !== storedDataset ? (t6 = () => datasets.includes(storedDataset) ? storedDataset : datasets.includes(defaultDataset) ? defaultDataset : datasets[0], $[14] = datasets, $[15] = defaultDataset, $[16] = storedDataset, $[17] = t6) : t6 = $[17];
-  const [dataset, setDataset] = react.useState(t6);
-  let t7;
-  $[18] !== storedApiVersion ? (t7 = () => API_VERSIONS.includes(storedApiVersion) ? storedApiVersion : DEFAULT_API_VERSION, $[18] = storedApiVersion, $[19] = t7) : t7 = $[19];
-  const [apiVersion, setApiVersion] = react.useState(t7);
-  let t8;
-  $[20] !== storedApiVersion ? (t8 = () => API_VERSIONS.includes(storedApiVersion) ? !1 : storedApiVersion, $[20] = storedApiVersion, $[21] = t8) : t8 = $[21];
-  const [customApiVersion, setCustomApiVersion] = react.useState(t8), [perspective, setPerspectiveState] = react.useState(storedPerspective || "raw");
-  let t9;
-  $[22] !== customApiVersion ? (t9 = customApiVersion ? validateApiVersion(customApiVersion) : !0, $[22] = customApiVersion, $[23] = t9) : t9 = $[23];
-  const isValidApiVersion = t9, [url, setUrl] = react.useState(void 0);
-  let t10;
-  $[24] !== storedQuery ? (t10 = () => typeof storedQuery == "string" ? storedQuery : "", $[24] = storedQuery, $[25] = t10) : t10 = $[25];
-  const [query, setQuery] = react.useState(t10), [rawParams, setRawParams] = react.useState(storedParams);
-  let t11;
-  $[26] !== rawParams || $[27] !== t ? (t11 = parseParams(rawParams, t), $[26] = rawParams, $[27] = t, $[28] = t11) : t11 = $[28];
-  const params = t11, [queryResult, setQueryResult] = react.useState(void 0);
-  let t12;
-  $[29] === Symbol.for("react.memo_cache_sentinel") ? (t12 = [], $[29] = t12) : t12 = $[29];
-  const [listenMutations, setListenMutations] = react.useState(t12), [error, setError] = react.useState(void 0), [queryTime, setQueryTime] = react.useState(void 0), [e2eTime, setE2eTime] = react.useState(void 0), [queryInProgress, setQueryInProgress] = react.useState(!1), [listenInProgress, setListenInProgress] = react.useState(!1), [isQueryRecallCollapsed, setIsQueryRecallCollapsed] = react.useState(!1);
-  let t13;
-  $[30] === Symbol.for("react.memo_cache_sentinel") ? (t13 = {
-    visionRootRef
-  }, $[30] = t13) : t13 = $[30];
-  const {
+}`), storedPerspective = localStorage2.get("perspective", void 0), [dataset, setDataset] = react.useState(() => datasets.includes(storedDataset) ? storedDataset : datasets.includes(defaultDataset) ? defaultDataset : datasets[0]), [apiVersion, setApiVersion] = react.useState(() => API_VERSIONS.includes(storedApiVersion) ? storedApiVersion : DEFAULT_API_VERSION), [customApiVersion, setCustomApiVersion] = react.useState(() => API_VERSIONS.includes(storedApiVersion) ? !1 : storedApiVersion), [perspective, setPerspectiveState] = react.useState(storedPerspective || "raw"), isValidApiVersion = customApiVersion ? validateApiVersion(customApiVersion) : !0, [url, setUrl] = react.useState(void 0), [query, setQuery] = react.useState(() => typeof storedQuery == "string" ? storedQuery : ""), [rawParams, setRawParams] = react.useState(storedParams), params = react.useMemo(() => parseParams(rawParams, t), [rawParams, t]), [queryResult, setQueryResult] = react.useState(void 0), [listenMutations, setListenMutations] = react.useState([]), [error, setError] = react.useState(void 0), [queryTime, setQueryTime] = react.useState(void 0), [e2eTime, setE2eTime] = react.useState(void 0), [queryInProgress, setQueryInProgress] = react.useState(!1), [listenInProgress, setListenInProgress] = react.useState(!1), [isQueryRecallCollapsed, setIsQueryRecallCollapsed] = react.useState(!1), {
     paneSizeOptions,
     isNarrowBreakpoint
-  } = usePaneSize(t13), t14 = isValidApiVersion && customApiVersion ? customApiVersion : apiVersion;
-  let t15;
-  $[31] !== t14 ? (t15 = {
-    apiVersion: t14
-  }, $[31] = t14, $[32] = t15) : t15 = $[32];
-  const _client = sanity.useClient(t15);
-  let t16;
-  $[33] !== _client || $[34] !== apiVersion || $[35] !== customApiVersion || $[36] !== dataset || $[37] !== isValidApiVersion || $[38] !== perspective || $[39] !== perspectiveStack ? (t16 = _client.withConfig({
+  } = usePaneSize({
+    visionRootRef
+  }), scheduledDraftsStack = react.useMemo(() => {
+    if (!isScheduledDraftsEnabled) return;
+    const scheduledDraftReleases = releases.filter((release) => sanity.isCardinalityOneRelease(release) && release.state === "scheduled"), releaseIds = sanity.sortReleases(scheduledDraftReleases).map((release_0) => sanity.getReleaseIdFromReleaseDocumentId(release_0._id)), defaultPerspective = isDraftModelEnabled ? ["drafts"] : ["published"];
+    return [...releaseIds, ...defaultPerspective];
+  }, [releases, isDraftModelEnabled, isScheduledDraftsEnabled]), _client = sanity.useClient({
+    apiVersion: isValidApiVersion && customApiVersion ? customApiVersion : apiVersion
+  }), client = react.useMemo(() => _client.withConfig({
     apiVersion: isValidApiVersion && customApiVersion ? customApiVersion : apiVersion,
     perspective: getActivePerspective({
       visionPerspective: perspective,
-      perspectiveStack
+      perspectiveStack,
+      scheduledDraftsStack
     }),
     dataset,
     allowReconfigure: !0
-  }), $[33] = _client, $[34] = apiVersion, $[35] = customApiVersion, $[36] = dataset, $[37] = isValidApiVersion, $[38] = perspective, $[39] = perspectiveStack, $[40] = t16) : t16 = $[40];
-  const client = t16;
-  let t17;
-  $[41] === Symbol.for("react.memo_cache_sentinel") ? (t17 = () => {
+  }), [perspectiveStack, scheduledDraftsStack, perspective, customApiVersion, apiVersion, dataset, _client, isValidApiVersion]), cancelQuerySubscription = react.useCallback(() => {
     querySubscriptionRef.current && (querySubscriptionRef.current.unsubscribe(), querySubscriptionRef.current = void 0);
-  }, $[41] = t17) : t17 = $[41];
-  const cancelQuerySubscription = t17;
-  let t18;
-  $[42] === Symbol.for("react.memo_cache_sentinel") ? (t18 = () => {
+  }, []), cancelListenerSubscription = react.useCallback(() => {
     listenSubscriptionRef.current && (listenSubscriptionRef.current.unsubscribe(), listenSubscriptionRef.current = void 0);
-  }, $[42] = t18) : t18 = $[42];
-  const cancelListenerSubscription = t18;
-  let t19;
-  $[43] !== apiVersion || $[44] !== client || $[45] !== customApiVersion || $[46] !== dataset || $[47] !== isValidApiVersion || $[48] !== localStorage2 || $[49] !== params.parsed || $[50] !== perspective || $[51] !== perspectiveStack || $[52] !== query || $[53] !== queryInProgress || $[54] !== t ? (t19 = (options) => {
+  }, []), handleQueryExecution = react.useCallback((options) => {
     if (queryInProgress) {
       cancelQuerySubscription(), cancelListenerSubscription(), setQueryInProgress(!1);
       return;
@@ -1587,8 +1540,9 @@ function VisionGui(props) {
       dataset: options?.dataset || dataset,
       params: parseParams(JSON.stringify(options?.params || params.parsed, null, 2), t),
       perspective: getActivePerspective({
-        visionPerspective: options?.perspective || perspective,
-        perspectiveStack
+        visionPerspective: options && "perspective" in options ? options.perspective : perspective,
+        perspectiveStack,
+        scheduledDraftsStack
       }),
       apiVersion: options?.apiVersion || (customApiVersion && isValidApiVersion ? customApiVersion : apiVersion)
     };
@@ -1614,25 +1568,16 @@ function VisionGui(props) {
         setError(err), setQueryInProgress(!1);
       }
     });
-  }, $[43] = apiVersion, $[44] = client, $[45] = customApiVersion, $[46] = dataset, $[47] = isValidApiVersion, $[48] = localStorage2, $[49] = params.parsed, $[50] = perspective, $[51] = perspectiveStack, $[52] = query, $[53] = queryInProgress, $[54] = t, $[55] = t19) : t19 = $[55];
-  const handleQueryExecution = t19;
-  let t20;
-  $[56] !== handleQueryExecution || $[57] !== localStorage2 ? (t20 = (newPerspective) => {
+  }, [queryInProgress, query, dataset, params.parsed, t, perspective, perspectiveStack, scheduledDraftsStack, customApiVersion, isValidApiVersion, apiVersion, localStorage2, cancelListenerSubscription, client, cancelQuerySubscription]), setPerspective = react.useCallback((newPerspective) => {
     newPerspective !== void 0 && !isSupportedPerspective(newPerspective) || (setPerspectiveState(newPerspective), localStorage2.set("perspective", newPerspective), handleQueryExecution({
       perspective: newPerspective
     }));
-  }, $[56] = handleQueryExecution, $[57] = localStorage2, $[58] = t20) : t20 = $[58];
-  const setPerspective = t20;
-  let t21;
-  $[59] !== handleQueryExecution || $[60] !== localStorage2 ? (t21 = (evt) => {
+  }, [localStorage2, handleQueryExecution]), handleChangeDataset = react.useCallback((evt) => {
     const newDataset = evt.target.value;
     localStorage2.set("dataset", newDataset), setDataset(newDataset), handleQueryExecution({
       dataset: newDataset
     });
-  }, $[59] = handleQueryExecution, $[60] = localStorage2, $[61] = t21) : t21 = $[61];
-  const handleChangeDataset = t21;
-  let t22;
-  $[62] !== handleQueryExecution || $[63] !== localStorage2 ? (t22 = (evt_0) => {
+  }, [localStorage2, handleQueryExecution]), handleChangeApiVersion = react.useCallback((evt_0) => {
     const newApiVersion = evt_0.target.value;
     if (newApiVersion?.toLowerCase() === "other") {
       setCustomApiVersion("v"), customApiVersionElementRef.current?.focus();
@@ -1641,29 +1586,17 @@ function VisionGui(props) {
     setApiVersion(newApiVersion), setCustomApiVersion(!1), localStorage2.set("apiVersion", newApiVersion), handleQueryExecution({
       apiVersion: newApiVersion
     });
-  }, $[62] = handleQueryExecution, $[63] = localStorage2, $[64] = t22) : t22 = $[64];
-  const handleChangeApiVersion = t22;
-  let t23;
-  $[65] !== handleQueryExecution || $[66] !== localStorage2 ? (t23 = (evt_1) => {
+  }, [localStorage2, handleQueryExecution]), handleCustomApiVersionChange = react.useCallback((evt_1) => {
     const newCustomApiVersion = evt_1.target.value || "";
     setCustomApiVersion(newCustomApiVersion || "v"), validateApiVersion(newCustomApiVersion) && (setApiVersion(newCustomApiVersion), localStorage2.set("apiVersion", newCustomApiVersion), handleQueryExecution({
       apiVersion: newCustomApiVersion
     }));
-  }, $[65] = handleQueryExecution, $[66] = localStorage2, $[67] = t23) : t23 = $[67];
-  const handleCustomApiVersionChange = t23;
-  let t24;
-  $[68] !== setPerspective ? (t24 = (evt_2) => {
+  }, [localStorage2, handleQueryExecution]), handleChangePerspective = react.useCallback((evt_2) => {
     const newPerspective_0 = evt_2.target.value;
     setPerspective(newPerspective_0 === "default" ? void 0 : newPerspective_0);
-  }, $[68] = setPerspective, $[69] = t24) : t24 = $[69];
-  const handleChangePerspective = t24;
-  let t25;
-  $[70] === Symbol.for("react.memo_cache_sentinel") ? (t25 = (evt_3) => {
+  }, [setPerspective]), handleListenerEvent = react.useCallback((evt_3) => {
     evt_3.type === "mutation" && setListenMutations((prevMutations) => prevMutations.length === 50 ? [evt_3, ...prevMutations.slice(0, 49)] : [evt_3, ...prevMutations]);
-  }, $[70] = t25) : t25 = $[70];
-  const handleListenerEvent = t25;
-  let t26;
-  $[71] !== client || $[72] !== listenInProgress || $[73] !== localStorage2 || $[74] !== params.error || $[75] !== params.parsed || $[76] !== params.raw || $[77] !== query ? (t26 = () => {
+  }, []), handleListenExecution = react.useCallback(() => {
     if (listenInProgress) {
       cancelListenerSubscription(), setListenInProgress(!1);
       return;
@@ -1678,21 +1611,14 @@ function VisionGui(props) {
         setError(err_0), setListenInProgress(!1);
       }
     }));
-  }, $[71] = client, $[72] = listenInProgress, $[73] = localStorage2, $[74] = params.error, $[75] = params.parsed, $[76] = params.raw, $[77] = query, $[78] = t26) : t26 = $[78];
-  const handleListenExecution = t26;
-  let t27;
-  $[79] !== localStorage2 ? (t27 = (value) => {
+  }, [listenInProgress, params, query, localStorage2, cancelQuerySubscription, handleListenerEvent, cancelListenerSubscription, client]), handleParamsChange = react.useCallback((value) => {
     setRawParams(value), localStorage2.set("params", value);
-  }, $[79] = localStorage2, $[80] = t27) : t27 = $[80];
-  const handleParamsChange = t27;
-  let t28;
-  $[81] !== apiVersion || $[82] !== dataset || $[83] !== datasets || $[84] !== perspective || $[85] !== toast ? (t28 = (data) => {
+  }, [localStorage2]), getStateFromUrl = react.useCallback((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;
@@ -1711,10 +1637,7 @@ function VisionGui(props) {
       perspective: newPerspective_1 || perspective,
       url: data
     };
-  }, $[81] = apiVersion, $[82] = dataset, $[83] = datasets, $[84] = perspective, $[85] = toast, $[86] = t28) : t28 = $[86];
-  const getStateFromUrl = t28;
-  let t29;
-  $[87] !== handleQueryExecution || $[88] !== localStorage2 ? (t29 = (parsedUrlObj) => {
+  }, [datasets, dataset, apiVersion, perspective, toast]), setStateFromParsedUrl = react.useCallback((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,
@@ -1722,10 +1645,7 @@ function VisionGui(props) {
       apiVersion: parsedUrlObj.customApiVersion || parsedUrlObj.apiVersion,
       perspective: parsedUrlObj.perspective
     }), handleQueryExecution(parsedUrlObj);
-  }, $[87] = handleQueryExecution, $[88] = localStorage2, $[89] = t29) : t29 = $[89];
-  const setStateFromParsedUrl = t29;
-  let t30;
-  $[90] !== getStateFromUrl || $[91] !== setStateFromParsedUrl || $[92] !== toast ? (t30 = (evt_4) => {
+  }, [localStorage2, handleQueryExecution]), handlePaste = react.useCallback((evt_4) => {
     if (!evt_4.clipboardData)
       return;
     const data_0 = evt_4.clipboardData.getData("text/plain");
@@ -1737,124 +1657,75 @@ function VisionGui(props) {
       status: "info",
       title: "Parsed URL to query"
     }));
-  }, $[90] = getStateFromUrl, $[91] = setStateFromParsedUrl, $[92] = toast, $[93] = t30) : t30 = $[93];
-  const handlePaste = t30;
-  let t31;
-  $[94] !== handleQueryExecution || $[95] !== params.valid ? (t31 = (event) => {
+  }, [getStateFromUrl, setStateFromParsedUrl, toast]), handleKeyDown = react.useCallback((event) => {
     const isWithinRoot = visionRootRef.current && nodeContains(visionRootRef.current, event.target);
     isRunHotkey(event) && isWithinRoot && params.valid && (handleQueryExecution(), event.preventDefault(), event.stopPropagation());
-  }, $[94] = handleQueryExecution, $[95] = params.valid, $[96] = t31) : t31 = $[96];
-  const handleKeyDown = t31;
-  let t32, t33;
-  $[97] !== handleKeyDown || $[98] !== handlePaste ? (t32 = () => (window.document.addEventListener("paste", handlePaste), window.document.addEventListener("keydown", handleKeyDown), () => {
+  }, [params.valid, handleQueryExecution]);
+  react.useEffect(() => (window.document.addEventListener("paste", handlePaste), window.document.addEventListener("keydown", handleKeyDown), () => {
     window.document.removeEventListener("paste", handlePaste), window.document.removeEventListener("keydown", handleKeyDown);
-  }), t33 = [handleKeyDown, handlePaste], $[97] = handleKeyDown, $[98] = handlePaste, $[99] = t32, $[100] = t33) : (t32 = $[99], t33 = $[100]), react.useEffect(t32, t33);
-  let t34, t35;
-  $[101] === Symbol.for("react.memo_cache_sentinel") ? (t34 = () => () => {
+  }), [handleKeyDown, handlePaste]), react.useEffect(() => () => {
     cancelQuerySubscription(), cancelListenerSubscription();
-  }, t35 = [cancelQuerySubscription, cancelListenerSubscription], $[101] = t34, $[102] = t35) : (t34 = $[101], t35 = $[102]), react.useEffect(t34, t35);
-  let t36;
-  $[103] !== setPerspective ? (t36 = (stack) => {
+  }, [cancelQuerySubscription, cancelListenerSubscription]);
+  const handleStudioPerspectiveChange = useEffectEvent.useEffectEvent((stack) => {
     stack.length > 0 && setPerspective("pinnedRelease");
-  }, $[103] = setPerspective, $[104] = t36) : t36 = $[104];
-  const handleStudioPerspectiveChange = useEffectEvent.useEffectEvent(t36);
-  let t37;
-  $[105] !== handleStudioPerspectiveChange || $[106] !== perspectiveStack ? (t37 = () => {
+  });
+  react.useEffect(() => {
     handleStudioPerspectiveChange(perspectiveStack);
-  }, $[105] = handleStudioPerspectiveChange, $[106] = perspectiveStack, $[107] = t37) : t37 = $[107];
-  let t38;
-  $[108] !== perspectiveStack ? (t38 = [perspectiveStack], $[108] = perspectiveStack, $[109] = t38) : t38 = $[109], react.useEffect(t37, t38);
-  let t39;
-  $[110] !== client || $[111] !== perspective || $[112] !== perspectiveStack ? (t39 = (queryString, queryParams) => {
+  }, [perspectiveStack]);
+  const generateUrl = react.useCallback((queryString, queryParams) => {
     const urlQueryOpts_0 = {
       perspective: getActivePerspective({
         visionPerspective: perspective,
-        perspectiveStack
+        perspectiveStack,
+        scheduledDraftsStack
       }) ?? []
     };
     return client.getUrl(client.getDataUrl("query", encodeQueryString(queryString, queryParams, urlQueryOpts_0)));
-  }, $[110] = client, $[111] = perspective, $[112] = perspectiveStack, $[113] = t39) : t39 = $[113];
-  const generateUrl = t39;
-  let t40;
-  $[114] !== apiVersion || $[115] !== customApiVersion || $[116] !== dataset || $[117] !== datasets || $[118] !== handleChangeApiVersion || $[119] !== handleChangeDataset || $[120] !== handleChangePerspective || $[121] !== handleCustomApiVersionChange || $[122] !== isValidApiVersion || $[123] !== perspective || $[124] !== url ? (t40 = /* @__PURE__ */ jsxRuntime.jsx(VisionGuiHeader, { apiVersion, customApiVersion, dataset, datasets, onChangeDataset: handleChangeDataset, onChangeApiVersion: handleChangeApiVersion, customApiVersionElementRef, onCustomApiVersionChange: handleCustomApiVersionChange, isValidApiVersion, onChangePerspective: handleChangePerspective, url, perspective }), $[114] = apiVersion, $[115] = customApiVersion, $[116] = dataset, $[117] = datasets, $[118] = handleChangeApiVersion, $[119] = handleChangeDataset, $[120] = handleChangePerspective, $[121] = handleCustomApiVersionChange, $[122] = isValidApiVersion, $[123] = perspective, $[124] = url, $[125] = t40) : t40 = $[125];
-  const t41 = isQueryRecallCollapsed ? window.innerWidth : window.innerWidth - 275, t42 = isNarrowBreakpoint ? "vertical" : "horizontal", t43 = isNarrowBreakpoint ? paneSizeOptions.defaultSize : paneSizeOptions.minSize, t44 = paneSizeOptions.size, t45 = paneSizeOptions.allowResize, t46 = isNarrowBreakpoint ? paneSizeOptions.minSize : 100, t47 = paneSizeOptions.maxSize;
-  let t48;
-  $[126] !== t ? (t48 = t("query.label"), $[126] = t, $[127] = t48) : t48 = $[127];
-  let t49;
-  $[128] !== t48 ? (t49 = /* @__PURE__ */ jsxRuntime.jsx(InputBackgroundContainerLeft, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { children: /* @__PURE__ */ jsxRuntime.jsx(StyledLabel, { muted: !0, children: t48 }) }) }), $[128] = t48, $[129] = t49) : t49 = $[129];
-  let t50;
-  $[130] !== query ? (t50 = /* @__PURE__ */ jsxRuntime.jsx(VisionCodeMirror, { initialValue: query, onChange: setQuery, ref: editorQueryRef }), $[130] = query, $[131] = t50) : t50 = $[131];
-  let t51;
-  $[132] !== t49 || $[133] !== t50 ? (t51 = /* @__PURE__ */ jsxRuntime.jsx(InputContainer, { display: "flex", "data-testid": "vision-query-editor", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { flex: 1, children: [
-    t49,
-    t50
-  ] }) }), $[132] = t49, $[133] = t50, $[134] = t51) : t51 = $[134];
-  let t52;
-  $[135] !== handleParamsChange || $[136] !== params.error || $[137] !== params.raw || $[138] !== params.valid ? (t52 = /* @__PURE__ */ jsxRuntime.jsx(ParamsEditor, { value: params.raw, onChange: handleParamsChange, paramsError: params.error, hasValidParams: params.valid, editorRef: editorParamsRef }), $[135] = handleParamsChange, $[136] = params.error, $[137] = params.raw, $[138] = params.valid, $[139] = t52) : t52 = $[139];
-  let t53;
-  $[140] !== handleListenExecution || $[141] !== handleQueryExecution || $[142] !== listenInProgress || $[143] !== params.valid || $[144] !== queryInProgress ? (t53 = /* @__PURE__ */ jsxRuntime.jsx(VisionGuiControls, { hasValidParams: params.valid, queryInProgress, listenInProgress, onQueryExecution: handleQueryExecution, onListenExecution: handleListenExecution }), $[140] = handleListenExecution, $[141] = handleQueryExecution, $[142] = listenInProgress, $[143] = params.valid, $[144] = queryInProgress, $[145] = t53) : t53 = $[145];
-  let t54;
-  $[146] !== t52 || $[147] !== t53 ? (t54 = /* @__PURE__ */ jsxRuntime.jsxs(InputContainer, { display: "flex", children: [
-    t52,
-    t53
-  ] }), $[146] = t52, $[147] = t53, $[148] = t54) : t54 = $[148];
-  let t55;
-  $[149] !== paneSizeOptions.allowResize || $[150] !== paneSizeOptions.maxSize || $[151] !== paneSizeOptions.size || $[152] !== t43 || $[153] !== t46 || $[154] !== t51 || $[155] !== t54 ? (t55 = /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { height: "stretch", flex: 1, children: /* @__PURE__ */ jsxRuntime.jsxs(reactSplitPane.SplitPane, { className: "sidebarPanes", split: "horizontal", defaultSize: t43, size: t44, allowResize: t45, minSize: t46, maxSize: t47, primary: "first", children: [
-    t51,
-    t54
-  ] }) }), $[149] = paneSizeOptions.allowResize, $[150] = paneSizeOptions.maxSize, $[151] = paneSizeOptions.size, $[152] = t43, $[153] = t46, $[154] = t51, $[155] = t54, $[156] = t55) : t55 = $[156];
-  let t56;
-  $[157] !== dataset || $[158] !== e2eTime || $[159] !== error || $[160] !== listenInProgress || $[161] !== listenMutations || $[162] !== queryInProgress || $[163] !== queryResult || $[164] !== queryTime ? (t56 = /* @__PURE__ */ jsxRuntime.jsx(VisionGuiResult, { error, queryInProgress, queryResult, listenInProgress, listenMutations, dataset, queryTime, e2eTime }), $[157] = dataset, $[158] = e2eTime, $[159] = error, $[160] = listenInProgress, $[161] = listenMutations, $[162] = queryInProgress, $[163] = queryResult, $[164] = queryTime, $[165] = t56) : t56 = $[165];
-  let t57;
-  $[166] !== t42 || $[167] !== t55 || $[168] !== t56 ? (t57 = /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { height: "stretch", flex: 1, children: /* @__PURE__ */ jsxRuntime.jsxs(reactSplitPane.SplitPane, { className: "sidebarPanes", split: t42, minSize: 300, children: [
-    t55,
-    t56
-  ] }) }), $[166] = t42, $[167] = t55, $[168] = t56, $[169] = t57) : t57 = $[169];
-  let t58;
-  $[170] === Symbol.for("react.memo_cache_sentinel") ? (t58 = {
-    position: "relative",
-    height: "100%"
-  }, $[170] = t58) : t58 = $[170];
-  let t59;
-  $[171] === Symbol.for("react.memo_cache_sentinel") ? (t59 = {
-    position: "absolute",
-    left: -32,
-    top: "50%",
-    transform: "translateY(-50%)",
-    zIndex: 100,
-    pointerEvents: "auto"
-  }, $[171] = t59) : t59 = $[171];
-  let t60;
-  $[172] !== isQueryRecallCollapsed ? (t60 = () => setIsQueryRecallCollapsed(!isQueryRecallCollapsed), $[172] = isQueryRecallCollapsed, $[173] = t60) : t60 = $[173];
-  let t61;
-  $[174] === Symbol.for("react.memo_cache_sentinel") ? (t61 = {
-    display: "flex",
-    alignItems: "center",
-    height: "100%"
-  }, $[174] = t61) : t61 = $[174];
-  let t62;
-  $[175] !== isQueryRecallCollapsed ? (t62 = /* @__PURE__ */ jsxRuntime.jsx("div", { style: t61, children: isQueryRecallCollapsed ? /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronLeftIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronRightIcon, {}) }), $[175] = isQueryRecallCollapsed, $[176] = t62) : t62 = $[176];
-  let t63;
-  $[177] !== t60 || $[178] !== t62 ? (t63 = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { mode: "ghost", padding: 2, style: t59, onClick: t60, children: t62 }), $[177] = t60, $[178] = t62, $[179] = t63) : t63 = $[179];
-  let t64;
-  $[180] !== params.parsed ? (t64 = params.parsed || {}, $[180] = params.parsed, $[181] = t64) : t64 = $[181];
-  let t65;
-  $[182] !== generateUrl || $[183] !== getStateFromUrl || $[184] !== query || $[185] !== setStateFromParsedUrl || $[186] !== t64 || $[187] !== url ? (t65 = /* @__PURE__ */ jsxRuntime.jsx(QueryRecall, { url, getStateFromUrl, setStateFromParsedUrl, currentQuery: query, currentParams: t64, generateUrl }), $[182] = generateUrl, $[183] = getStateFromUrl, $[184] = query, $[185] = setStateFromParsedUrl, $[186] = t64, $[187] = url, $[188] = t65) : t65 = $[188];
-  let t66;
-  $[189] !== t63 || $[190] !== t65 ? (t66 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { style: t58, children: [
-    t63,
-    t65
-  ] }), $[189] = t63, $[190] = t65, $[191] = t66) : t66 = $[191];
-  let t67;
-  $[192] !== t41 || $[193] !== t57 || $[194] !== t66 ? (t67 = /* @__PURE__ */ jsxRuntime.jsx(SplitpaneContainer, { flex: "auto", children: /* @__PURE__ */ jsxRuntime.jsxs(reactSplitPane.SplitPane, { minSize: 800, defaultSize: window.innerWidth - 275, size: t41, maxSize: -225, primary: "first", children: [
-    t57,
-    t66
-  ] }) }), $[192] = t41, $[193] = t57, $[194] = t66, $[195] = t67) : t67 = $[195];
-  let t68;
-  return $[196] !== t40 || $[197] !== t67 ? (t68 = /* @__PURE__ */ jsxRuntime.jsxs(Root, { direction: "column", height: "fill", ref: visionRootRef, sizing: "border", overflow: "hidden", "data-testid": "vision-root", children: [
-    t40,
-    t67
-  ] }), $[196] = t40, $[197] = t67, $[198] = t68) : t68 = $[198], t68;
+  }, [client, perspective, perspectiveStack, scheduledDraftsStack]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(Root, { direction: "column", height: "fill", ref: visionRootRef, sizing: "border", overflow: "hidden", "data-testid": "vision-root", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(VisionGuiHeader, { apiVersion, customApiVersion, dataset, datasets, onChangeDataset: handleChangeDataset, onChangeApiVersion: handleChangeApiVersion, customApiVersionElementRef, onCustomApiVersionChange: handleCustomApiVersionChange, isValidApiVersion, onChangePerspective: handleChangePerspective, url, perspective, isScheduledDraftsEnabled }),
+    /* @__PURE__ */ jsxRuntime.jsx(SplitpaneContainer, { flex: "auto", children: /* @__PURE__ */ jsxRuntime.jsxs(reactSplitPane.SplitPane, { minSize: 800, defaultSize: window.innerWidth - 275, size: isQueryRecallCollapsed ? window.innerWidth : window.innerWidth - 275, maxSize: -225, primary: "first", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { height: "stretch", flex: 1, children: /* @__PURE__ */ jsxRuntime.jsxs(
+        reactSplitPane.SplitPane,
+        {
+          className: "sidebarPanes",
+          split: isNarrowBreakpoint ? "vertical" : "horizontal",
+          minSize: 300,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { height: "stretch", flex: 1, children: /* @__PURE__ */ jsxRuntime.jsxs(reactSplitPane.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__ */ jsxRuntime.jsx(InputContainer, { display: "flex", "data-testid": "vision-query-editor", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { flex: 1, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(InputBackgroundContainerLeft, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { children: /* @__PURE__ */ jsxRuntime.jsx(StyledLabel, { muted: !0, children: t("query.label") }) }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(VisionCodeMirror, { initialValue: query, onChange: setQuery, ref: editorQueryRef })
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsxs(InputContainer, { display: "flex", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(ParamsEditor, { value: params.raw, onChange: handleParamsChange, paramsError: params.error, hasValidParams: params.valid, editorRef: editorParamsRef }),
+                /* @__PURE__ */ jsxRuntime.jsx(VisionGuiControls, { hasValidParams: params.valid, queryInProgress, listenInProgress, onQueryExecution: handleQueryExecution, onListenExecution: handleListenExecution })
+              ] })
+            ] }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(VisionGuiResult, { error, queryInProgress, queryResult, listenInProgress, listenMutations, dataset, queryTime, e2eTime })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { style: {
+        position: "relative",
+        height: "100%"
+      }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { mode: "ghost", padding: 2, style: {
+          position: "absolute",
+          left: -32,
+          top: "50%",
+          transform: "translateY(-50%)",
+          zIndex: 100,
+          pointerEvents: "auto"
+        }, onClick: () => setIsQueryRecallCollapsed(!isQueryRecallCollapsed), children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
+          display: "flex",
+          alignItems: "center",
+          height: "100%"
+        }, children: isQueryRecallCollapsed ? /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronLeftIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronRightIcon, {}) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(QueryRecall, { url, getStateFromUrl, setStateFromParsedUrl, currentQuery: query, currentParams: params.parsed || {}, generateUrl })
+      ] })
+    ] }) })
+  ] });
 }
 function useDatasets(t0) {
   const $ = reactCompilerRuntime.c(7), {