@sanity/vision 6.4.1-next.1 → 6.4.1-next.3

package/lib/_chunks-es/SanityVision.js

@@ -335,7 +335,7 @@ function tryParseParams(val, t) {
 ${err.message.replace("JSON5:", "")}`, err;
   }
 }
-var controlsContainer = "ior2o0k", downloadsCard = "ior2o0h", header = "ior2o01", inputBackgroundContainer = "ior2o05", inputBackgroundContainerLeft = "ior2o06", inputContainer = "ior2o07", queryCopyLink = "ior2o04", result = "ior2o0c", resultContainer = "ior2o0a", resultContainerInvalid = "ior2o0b", resultFooter = "ior2o0d", resultInnerContainer = "ior2o09", resultOuterContainer = "ior2o08", root = "ior2o00", saveResultLabel = "ior2o0j", saveResultSpanGapVar = "var(--ior2o0i)", splitpaneContainer = "ior2o03", styledLabel = "ior2o02", timingsCard = "ior2o0e", timingsTextContainer = "ior2o0g", timingsTextMinHeightVar = "var(--ior2o0f)";
+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;
@@ -356,6 +356,16 @@ function SplitpaneContainer(props) {
   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;
@@ -707,7 +717,7 @@ function _temp2$4(a, b) {
 function _temp$5(data) {
   return data || defaultValue;
 }
-var fixedHeader = "_15lckbo0", scrollContainer = "_15lckbo1";
+var fixedHeader = "_15lckbo0", queryList = "_15lckbo2", scrollContainer = "_15lckbo1";
 function FixedHeader(props) {
   const $ = c(2);
   let t0;
@@ -716,10 +726,15 @@ function FixedHeader(props) {
 function ScrollContainer(props) {
   const $ = c(2);
   let t0;
-  return $[0] !== props ? (t0 = /* @__PURE__ */ jsx(Box, { ...props, className: scrollContainer }), $[0] = props, $[1] = t0) : t0 = $[1], 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(130), {
+  const $ = c(134), {
     url,
     getStateFromUrl,
     setStateFromParsedUrl,
@@ -947,67 +962,67 @@ function QueryRecall(t0) {
     }
   }, $[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, t11, t12, t13, t14;
+  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;
     });
-    T1 = ScrollContainer;
+    T2 = ScrollContainer;
     let t152;
-    $[69] !== t ? (t152 = t("label.saved-queries"), $[69] = t, $[70] = t152) : t152 = $[70];
+    $[70] !== t ? (t152 = t("label.saved-queries"), $[70] = t, $[71] = t152) : t152 = $[71];
     let t162;
-    $[71] !== t152 ? (t162 = /* @__PURE__ */ jsx(StyledLabel, { muted: !0, children: t152 }), $[71] = t152, $[72] = t162) : t162 = $[72];
+    $[72] !== t152 ? (t162 = /* @__PURE__ */ jsx(StyledLabel, { muted: !0, children: t152 }), $[72] = t152, $[73] = t162) : t162 = $[73];
     let t172;
-    $[73] !== t ? (t172 = t("action.save-query"), $[73] = t, $[74] = t172) : t172 = $[74];
-    let t18;
-    $[75] !== handleSave ? (t18 = () => {
+    $[74] !== t ? (t172 = t("action.save-query"), $[74] = t, $[75] = t172) : t172 = $[75];
+    let t182;
+    $[76] !== handleSave ? (t182 = () => {
       handleSave();
-    }, $[75] = handleSave, $[76] = t18) : t18 = $[76];
+    }, $[76] = handleSave, $[77] = t182) : t182 = $[77];
     let t19;
-    $[77] !== saving || $[78] !== t172 || $[79] !== t18 ? (t19 = /* @__PURE__ */ jsx(Button, { "aria-label": t172, icon: AddIcon, disabled: saving, onClick: t18, mode: "bleed" }), $[77] = saving, $[78] = t172, $[79] = t18, $[80] = t19) : t19 = $[80];
+    $[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;
-    $[81] !== t162 || $[82] !== t19 ? (t20 = /* @__PURE__ */ jsxs(Flex, { padding: 3, paddingTop: 2, paddingBottom: 0, justify: "space-between", align: "center", children: [
+    $[82] !== t162 || $[83] !== t19 ? (t20 = /* @__PURE__ */ jsxs(Flex, { padding: 3, paddingTop: 2, paddingBottom: 0, justify: "space-between", align: "center", children: [
       t162,
       t19
-    ] }), $[81] = t162, $[82] = t19, $[83] = t20) : t20 = $[83];
+    ] }), $[82] = t162, $[83] = t19, $[84] = t20) : t20 = $[84];
     let t21;
-    $[84] !== t ? (t21 = t("label.search-queries"), $[84] = t, $[85] = t21) : t21 = $[85];
+    $[85] !== t ? (t21 = t("label.search-queries"), $[85] = t, $[86] = t21) : t21 = $[86];
     let t22;
-    $[86] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t22 = (event) => setSearchQuery(event.currentTarget.value), $[86] = t22) : t22 = $[86];
+    $[87] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t22 = (event) => setSearchQuery(event.currentTarget.value), $[87] = t22) : t22 = $[87];
     let t23;
-    $[87] !== searchQuery || $[88] !== t21 ? (t23 = /* @__PURE__ */ jsx(Box, { padding: 3, paddingTop: 0, children: /* @__PURE__ */ jsx(TextInput, { placeholder: t21, icon: SearchIcon, value: searchQuery, onChange: t22 }) }), $[87] = searchQuery, $[88] = t21, $[89] = t23) : t23 = $[89];
+    $[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;
-    $[90] !== t ? (t24 = t("label.all"), $[90] = t, $[91] = t24) : t24 = $[91];
+    $[91] !== t ? (t24 = t("label.all"), $[91] = t, $[92] = t24) : t24 = $[92];
     const t25 = queryFilter === "all";
     let t26;
-    $[92] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t26 = () => setQueryFilter("all"), $[92] = t26) : t26 = $[92];
+    $[93] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t26 = () => setQueryFilter("all"), $[93] = t26) : t26 = $[93];
     let t27;
-    $[93] !== t24 || $[94] !== t25 ? (t27 = /* @__PURE__ */ jsx(Tab, { id: "query-filter-all", "aria-controls": "vision-query-recall-list", label: t24, selected: t25, onClick: t26 }), $[93] = t24, $[94] = t25, $[95] = t27) : t27 = $[95];
+    $[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;
-    $[96] !== t ? (t28 = t("label.personal"), $[96] = t, $[97] = t28) : t28 = $[97];
+    $[97] !== t ? (t28 = t("label.personal"), $[97] = t, $[98] = t28) : t28 = $[98];
     const t29 = queryFilter === "personal";
     let t30;
-    $[98] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t30 = () => setQueryFilter("personal"), $[98] = t30) : t30 = $[98];
+    $[99] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t30 = () => setQueryFilter("personal"), $[99] = t30) : t30 = $[99];
     let t31;
-    $[99] !== t28 || $[100] !== t29 ? (t31 = /* @__PURE__ */ jsx(Tab, { id: "query-filter-personal", "aria-controls": "vision-query-recall-list", label: t28, selected: t29, onClick: t30 }), $[99] = t28, $[100] = t29, $[101] = t31) : t31 = $[101];
+    $[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;
-    $[102] !== t ? (t32 = t("label.shared"), $[102] = t, $[103] = t32) : t32 = $[103];
+    $[103] !== t ? (t32 = t("label.shared"), $[103] = t, $[104] = t32) : t32 = $[104];
     const t33 = queryFilter === "shared";
     let t34;
-    $[104] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t34 = () => setQueryFilter("shared"), $[104] = t34) : t34 = $[104];
+    $[105] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t34 = () => setQueryFilter("shared"), $[105] = t34) : t34 = $[105];
     let t35;
-    $[105] !== t32 || $[106] !== t33 ? (t35 = /* @__PURE__ */ jsx(Tab, { id: "query-filter-shared", "aria-controls": "vision-query-recall-list", label: t32, selected: t33, onClick: t34 }), $[105] = t32, $[106] = t33, $[107] = t35) : t35 = $[107];
+    $[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;
-    $[108] !== t27 || $[109] !== t31 || $[110] !== t35 ? (t36 = /* @__PURE__ */ jsx(Box, { paddingX: 3, paddingBottom: 2, children: /* @__PURE__ */ jsxs(TabList, { space: 1, children: [
+    $[109] !== t27 || $[110] !== t31 || $[111] !== t35 ? (t36 = /* @__PURE__ */ jsx(Box, { paddingX: 3, paddingBottom: 2, children: /* @__PURE__ */ jsxs(TabList, { space: 1, children: [
       t27,
       t31,
       t35
-    ] }) }), $[108] = t27, $[109] = t31, $[110] = t35, $[111] = t36) : t36 = $[111], $[112] !== t20 || $[113] !== t23 || $[114] !== t36 ? (t14 = /* @__PURE__ */ jsxs(FixedHeader, { space: 3, children: [
+    ] }) }), $[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
-    ] }), $[112] = t20, $[113] = t23, $[114] = t36, $[115] = t14) : t14 = $[115], T0 = Stack, t11 = "vision-query-recall-list", t12 = 3, t13 = filteredQueries?.map((q_5, index) => {
+    ] }), $[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"]'))
@@ -1136,24 +1151,26 @@ function QueryRecall(t0) {
           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] = t11, $[66] = t12, $[67] = t13, $[68] = t14;
+    }), $[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], t11 = $[65], t12 = $[66], t13 = $[67], t14 = $[68];
+    T0 = $[63], T1 = $[64], T2 = $[65], t11 = $[66], t12 = $[67], t13 = $[68], t14 = $[69];
   let t15;
-  $[116] !== T0 || $[117] !== t11 || $[118] !== t12 || $[119] !== t13 ? (t15 = /* @__PURE__ */ jsx(T0, { id: t11, paddingY: t12, children: t13 }), $[116] = T0, $[117] = t11, $[118] = t12, $[119] = t13, $[120] = t15) : t15 = $[120];
+  $[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] !== handleConfirmShareQuery || $[122] !== shareDialogQuery || $[123] !== t ? (t16 = 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: [
+  $[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") }) }) }), $[121] = handleConfirmShareQuery, $[122] = shareDialogQuery, $[123] = t, $[124] = t16) : t16 = $[124];
-  let t17;
-  return $[125] !== T1 || $[126] !== t14 || $[127] !== t15 || $[128] !== t16 ? (t17 = /* @__PURE__ */ jsxs(T1, { children: [
+  ] }), 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,
-    t15,
-    t16
-  ] }), $[125] = T1, $[126] = t14, $[127] = t15, $[128] = t16, $[129] = t17) : t17 = $[129], t17;
+    t16,
+    t17
+  ] }), $[129] = T2, $[130] = t14, $[131] = t16, $[132] = t17, $[133] = t18) : t18 = $[133], t18;
 }
 function narrowBreakpoint() {
   return typeof window < "u" && window.innerWidth > 600;
@@ -1802,7 +1819,7 @@ function nodeContains(node, other) {
 }
 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(210), {
+  const $ = c(209), {
     datasets,
     config,
     projectId,
@@ -2151,49 +2168,44 @@ function VisionGui(props) {
   ] }) }), $[177] = t45, $[178] = t58, $[179] = t59, $[180] = t60) : t60 = $[180];
   let t61;
   $[181] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t61 = {
-    position: "relative",
-    height: "100%"
-  }, $[181] = t61) : t61 = $[181];
-  let t62;
-  $[182] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t62 = {
     position: "absolute",
     left: -32,
     top: "50%",
     transform: "translateY(-50%)",
     zIndex: 100,
     pointerEvents: "auto"
-  }, $[182] = t62) : t62 = $[182];
+  }, $[181] = t61) : t61 = $[181];
+  let t62;
+  $[182] !== isQueryRecallCollapsed ? (t62 = () => setIsQueryRecallCollapsed(!isQueryRecallCollapsed), $[182] = isQueryRecallCollapsed, $[183] = t62) : t62 = $[183];
   let t63;
-  $[183] !== isQueryRecallCollapsed ? (t63 = () => setIsQueryRecallCollapsed(!isQueryRecallCollapsed), $[183] = isQueryRecallCollapsed, $[184] = t63) : t63 = $[184];
-  let t64;
-  $[185] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t64 = {
+  $[184] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t63 = {
     display: "flex",
     alignItems: "center",
     height: "100%"
-  }, $[185] = t64) : t64 = $[185];
+  }, $[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;
-  $[186] !== isQueryRecallCollapsed ? (t65 = /* @__PURE__ */ jsx("div", { style: t64, children: isQueryRecallCollapsed ? /* @__PURE__ */ jsx(ChevronLeftIcon, {}) : /* @__PURE__ */ jsx(ChevronRightIcon, {}) }), $[186] = isQueryRecallCollapsed, $[187] = t65) : t65 = $[187];
+  $[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;
-  $[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];
+  $[190] !== params.parsed ? (t66 = params.parsed || {}, $[190] = params.parsed, $[191] = t66) : t66 = $[191];
   let t67;
-  $[191] !== params.parsed ? (t67 = params.parsed || {}, $[191] = params.parsed, $[192] = t67) : t67 = $[192];
+  $[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;
-  $[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];
+  $[199] !== t65 || $[200] !== t67 ? (t68 = /* @__PURE__ */ jsxs(QueryRecallPaneContainer, { children: [
+    t65,
+    t67
+  ] }), $[199] = t65, $[200] = t67, $[201] = t68) : t68 = $[201];
   let t69;
-  $[200] !== t66 || $[201] !== t68 ? (t69 = /* @__PURE__ */ jsxs(Box, { style: t61, children: [
-    t66,
+  $[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
-  ] }), $[200] = t66, $[201] = t68, $[202] = t69) : t69 = $[202];
+  ] }) }), $[202] = t44, $[203] = t60, $[204] = t68, $[205] = t69) : t69 = $[205];
   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: [
+  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,
-    t70
-  ] }), $[207] = t43, $[208] = t70, $[209] = t71) : t71 = $[209], t71;
+    t69
+  ] }), $[206] = t43, $[207] = t69, $[208] = t70) : t70 = $[208], t70;
 }
 function _temp2$1(release_0) {
   return getReleaseIdFromReleaseDocumentId(release_0._id);