@redocly/replay 0.5.16 → 0.5.17

package/dist/replay.cjs

@@ -267,7 +267,7 @@ html body {
   font-size: var(--font-size-base);
   font-weight: var(--font-weight-regular);
   line-height: var(--line-height-base);
-`;function sc({variable:t,onSave:e,onCancel:n,className:r,readonlyName:i,readonlyValue:o,isNew:s}){const[a,l]=_.useState(t.name),[c,u]=_.useState(t.value),[f,d]=_.useState(!!t.isSecret),h=()=>{e({...t,name:a,value:c,isSecret:f})};return O.jsxs(oM,{className:r,children:[O.jsxs(sM,{children:[s?"New":"Edit"," variable"]}),O.jsx(Ms,{children:"Name"}),O.jsx(Uo,{"data-testid":"variable-name-input",type:"text",placeholder:"Enter name",value:a,readOnly:i,onChange:p=>l(p.target.value)}),O.jsx(Ms,{children:"Value"}),O.jsx(Uo,{"data-testid":"variable-value-input",type:"text",placeholder:"Enter value",value:c,readOnly:o,onChange:p=>u(p.target.value)}),O.jsx(nM,{value:f,onChange:p=>d(p),title:"Make it secret"}),O.jsxs(aM,{children:[O.jsx(M.Button,{size:"small",variant:"text",onClick:n,children:"Cancel"}),O.jsx(M.Button,{size:"small",variant:"primary",onClick:h,disabled:!c.trim()||!a.trim(),"data-testid":"variable-save-button",children:"Save"})]})]})}const oM=$.div`
+`;function sc({variable:t,onSave:e,onCancel:n,className:r,readonlyName:i,readonlyValue:o,isNew:s}){const[a,l]=_.useState(t.name),[c,u]=_.useState(t.value),[f,d]=_.useState(!!t.isSecret),h=()=>{e({...t,name:a,value:c,isSecret:f})};return O.jsxs(oM,{className:r,children:[O.jsxs(sM,{children:[s?"New":"Edit"," variable"]}),O.jsx(Ms,{children:"Name"}),O.jsx(Uo,{"data-testid":"variable-name-input",type:"text",placeholder:"Enter name",value:a,readOnly:i,onChange:p=>l(p.target.value)}),O.jsx(Ms,{children:"Value"}),O.jsx(Uo,{"data-testid":"variable-value-input",type:"text",placeholder:"Enter value",value:c,readOnly:o,onChange:p=>u(p.target.value)}),O.jsx(nM,{value:f,onChange:p=>d(p),title:"Make it secret"}),O.jsxs(aM,{children:[O.jsx(M.Button,{size:"small",variant:"text",onClick:n,children:"Cancel"}),O.jsx(M.Button,{size:"small",variant:"primary",onClick:h,disabled:!a.trim(),"data-testid":"variable-save-button",children:"Save"})]})]})}const oM=$.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -292,7 +292,7 @@ html body {
   border: 2px solid var(--border-color-secondary);
   background-color: var(--layer-color);
   box-shadow: 0 8px 24px 8px rgba(0, 0, 0, 0.04), 0 4px 12px 0 rgba(0, 0, 0, 0.08);
-`,jO="server",Nh="replay-history",Mh="replay-collections",Fh="replay-draft-requests",Zh="replay-environments",Lh="replay-user-id";function cM(){const[t]=_.useState(localStorage.getItem(Lh)||crypto.randomUUID());return _.useEffect(()=>{localStorage.getItem(Lh)||localStorage.setItem(Lh,t)},[]),t}function mt(){const{useTelemetry:t}=M.useThemeHooks(),e=cM(),n=t();return{sendEvent:(i,o)=>{var s;(s=n==null?void 0:n.send)==null||s.call(n,"replay",{...o,eventType:i,replayUserId:e,url:window.location.href})}}}function Dd({children:t,controls:e,icon:n,title:r,defaultExpanded:i=!1,dataTestId:o,size:s="large",...a}){const l=d=>{(d.key===" "||d.key==="Enter")&&(d.preventDefault(),u(!c))},[c,u]=_.useState(i),f=()=>{const d=!c;u(d),a.onToggle&&a.onToggle(d)};return O.jsxs(uM,{...a,"data-testid":o,$size:s,children:[O.jsxs(hM,{$size:s,onKeyDown:l,tabIndex:0,onClick:f,children:[O.jsxs(gM,{children:[O.jsx(pM,{children:n||(c?O.jsx(M.ChevronDownIcon,{size:"14px",color:"--text-color-secondary"}):O.jsx(M.ChevronRightIcon,{size:"14px",color:"--text-color-secondary"}))}),O.jsx(fM,{children:r})]}),e&&O.jsx(DP,{children:e})]}),O.jsx(dM,{$isExpanded:c,children:t})]})}const uM=$.div`
+`,jO="server",Nh="replay-history",Mh="replay-collections",Fh="replay-draft-requests",Zh="replay-environments",Lh="replay-user-id";function cM(){const[t]=_.useState(localStorage.getItem(Lh)||crypto.randomUUID());return _.useEffect(()=>{localStorage.getItem(Lh)||localStorage.setItem(Lh,t)},[]),t}function mt(){const{useTelemetry:t}=M.useThemeHooks(),e=cM(),n=t();return{sendEvent:(i,o)=>{var s;(s=n==null?void 0:n.send)==null||s.call(n,"replay",{...o,eventType:i,replayUserId:e,url:window.location.href})}}}function Dd({children:t,controls:e,icon:n,title:r,defaultExpanded:i=!1,dataTestId:o,size:s="large",...a}){const[l,c]=_.useState(i);_.useEffect(()=>c(i),[i]);const u=d=>{(d.key===" "||d.key==="Enter")&&(d.preventDefault(),c(!l))},f=()=>{const d=!l;c(d),a.onToggle&&a.onToggle(d)};return O.jsxs(uM,{...a,"data-testid":o,$size:s,children:[O.jsxs(hM,{$size:s,onKeyDown:u,tabIndex:0,onClick:f,children:[O.jsxs(gM,{children:[O.jsx(pM,{children:n||(l?O.jsx(M.ChevronDownIcon,{size:"14px",color:"--text-color-secondary"}):O.jsx(M.ChevronRightIcon,{size:"14px",color:"--text-color-secondary"}))}),O.jsx(fM,{children:r})]}),e&&O.jsx(DP,{children:e})]}),O.jsx(dM,{$isExpanded:l,children:t})]})}const uM=$.div`
   display: flex;
   width: 100%;
   flex-direction: column;

package/dist/replay.d.ts

@@ -413,7 +413,7 @@ declare type ReplayOnChangeParams = {
             [key: string]: string;
         };
         body?: any;
-    } | {};
+    } | object;
     activeExampleName?: string;
     activeMimeName?: string;
     activeServer?: Server;

package/dist/replay.js

@@ -2,7 +2,7 @@ var Bj = Object.defineProperty;
 var Nj = (t, e, n) => e in t ? Bj(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var jx = (t, e, n) => (Nj(t, typeof e != "symbol" ? e + "" : e, n), n);
 import * as Y from "react";
-import rt, { useRef as Je, useContext as Hi, createElement as gs, useState as ge, useCallback as He, forwardRef as ja, Fragment as Qr, createContext as Qd, useLayoutEffect as Bk, useMemo as Le, Component as Fj, useEffect as We, version as Mj, isValidElement as Zj, useImperativeHandle as AO, memo as js, useTransition as Lj, StrictMode as PO } from "react";
+import rt, { useRef as Je, useContext as Hi, createElement as gs, useState as ge, useCallback as He, forwardRef as ja, Fragment as Qr, createContext as Qd, useLayoutEffect as Bk, useMemo as We, Component as Fj, useEffect as Ze, version as Mj, isValidElement as Zj, useImperativeHandle as AO, memo as js, useTransition as Lj, StrictMode as PO } from "react";
 import { CheckmarkIcon as Da, ChevronUpIcon as Wj, ChevronDownIcon as _a, Switch as Vj, Button as ve, useThemeHooks as zj, ChevronRightIcon as bc, WarningFilledIcon as EO, ViewOffIcon as Bd, ViewIcon as Nd, CopyButton as po, EditIcon as ua, ValueVariableIcon as Xj, Portal as TO, H4 as Nk, CloseIcon as Ai, useModalScrollLock as Gj, CheckboxIcon as Fk, TrashCanIcon as qn, Segmented as Mk, CircleDashIcon as IO, isString as Zk, CloseFilledIcon as $O, SecurityVariablesEnvSuffix as kt, InformationIcon as Sc, SpinnerIcon as Fd, Select as RO, Tag as zg, AddIcon as ws, FileIcon as Uj, CharacterIcon as Yj, DocumentBlankIcon as qj, CloudUploadIcon as Hj, ChevronSortIcon as Jj, Markdown as Kj, SecurityIcon as e5, CodeIcon as Lk, DataFormatIcon as t5, TableBuiltIcon as Wk, CookieIcon as Vk, ArrowUpRightIcon as n5, RestartIcon as r5, SearchIcon as i5, CloseOutlineIcon as s5, FolderAddIcon as Wu, FolderIcon as o5, Typography as a5, useOutsideClick as l5, useFocusTrap as c5, SaveIcon as u5, ArrowRightIcon as f5, StatusCode as zk, TimeIcon as d5, FileStorageIcon as h5, Spinner as p5, CleanIcon as g5, BookmarkAddIcon as m5, IBMCloudHyperProtectCryptoServicesIcon as O5, DownloadIcon as Xk, DocumentAddIcon as Xg, ExportIcon as v5, Dropdown as Dx, OverflowMenuVerticalIcon as _x, DropdownMenu as Qx, useMount as x5, markdoc as y5, SidePanelOpenIcon as b5, SidePanelCloseIcon as S5, GlobalStyle as w5 } from "@redocly/theme";
 import C5, { createPortal as Gk } from "react-dom";
 var Be = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
@@ -3364,12 +3364,12 @@ function kA({
   });
 }
 kA.displayName = "PanelResizeHandle";
-const Ze = $.div`
+const Le = $.div`
   border-bottom: 1px solid var(--border-color-secondary);
   width: 100%;
 `;
 function z4({ onDoubleClick: t, ...e }) {
-  return /* @__PURE__ */ O.jsx(kA, { ...e, children: /* @__PURE__ */ O.jsx(X4, { onDoubleClick: t, children: /* @__PURE__ */ O.jsx(Ze, {}) }) });
+  return /* @__PURE__ */ O.jsx(kA, { ...e, children: /* @__PURE__ */ O.jsx(X4, { onDoubleClick: t, children: /* @__PURE__ */ O.jsx(Le, {}) }) });
 }
 const X4 = $.div`
   display: flex;
@@ -3377,7 +3377,7 @@ const X4 = $.div`
   padding: var(--spacing-xs) 0;
 
   &:hover {
-    ${Ze} {
+    ${Le} {
       border-bottom-color: var(--color-info-base);
     }
   }
@@ -6241,7 +6241,7 @@ var rP = function(e) {
     zIndex: 1
   };
 }, gQ = function(e) {
-  var n = e.appendTo, r = e.children, i = e.controlElement, s = e.innerProps, o = e.menuPlacement, a = e.menuPosition, l = Je(null), c = Je(null), u = ge(rP(o)), f = Me(u, 2), d = f[0], h = f[1], p = Le(function() {
+  var n = e.appendTo, r = e.children, i = e.controlElement, s = e.innerProps, o = e.menuPlacement, a = e.menuPosition, l = Je(null), c = Je(null), u = ge(rP(o)), f = Me(u, 2), d = f[0], h = f[1], p = We(function() {
     return {
       setPortalPlacement: h
     };
@@ -6848,9 +6848,9 @@ var vB = process.env.NODE_ENV === "production" ? {
     return "".concat(r).concat(n ? " for search term " + n : "", ".");
   }
 }, bB = function(e) {
-  var n = e.ariaSelection, r = e.focusedOption, i = e.focusedValue, s = e.focusableOptions, o = e.isFocused, a = e.selectValue, l = e.selectProps, c = e.id, u = e.isAppleDevice, f = l.ariaLiveMessages, d = l.getOptionLabel, h = l.inputValue, p = l.isMulti, m = l.isOptionDisabled, g = l.isSearchable, x = l.menuIsOpen, v = l.options, y = l.screenReaderStatus, S = l.tabSelectsValue, b = l.isLoading, w = l["aria-label"], C = l["aria-live"], k = Le(function() {
+  var n = e.ariaSelection, r = e.focusedOption, i = e.focusedValue, s = e.focusableOptions, o = e.isFocused, a = e.selectValue, l = e.selectProps, c = e.id, u = e.isAppleDevice, f = l.ariaLiveMessages, d = l.getOptionLabel, h = l.inputValue, p = l.isMulti, m = l.isOptionDisabled, g = l.isSearchable, x = l.menuIsOpen, v = l.options, y = l.screenReaderStatus, S = l.tabSelectsValue, b = l.isLoading, w = l["aria-label"], C = l["aria-live"], k = We(function() {
     return ie(ie({}, yB), f || {});
-  }, [f]), P = Le(function() {
+  }, [f]), P = We(function() {
     var D = "";
     if (n && k.onChange) {
       var F = n.option, V = n.options, Z = n.removedValue, G = n.removedValues, z = n.value, L = function(W) {
@@ -6865,7 +6865,7 @@ var vB = process.env.NODE_ENV === "production" ? {
       D = k.onChange(N);
     }
     return D;
-  }, [n, k, m, a, d]), A = Le(function() {
+  }, [n, k, m, a, d]), A = We(function() {
     var D = "", F = r || i, V = !!(r && a && a.includes(r));
     if (F && k.onFocus) {
       var Z = {
@@ -6881,7 +6881,7 @@ var vB = process.env.NODE_ENV === "production" ? {
       D = k.onFocus(Z);
     }
     return D;
-  }, [r, i, d, m, k, s, a, u]), E = Le(function() {
+  }, [r, i, d, m, k, s, a, u]), E = We(function() {
     var D = "";
     if (x && v.length && !b && k.onFilter) {
       var F = y({
@@ -6893,7 +6893,7 @@ var vB = process.env.NODE_ENV === "production" ? {
       });
     }
     return D;
-  }, [s, h, x, k, v, y, b]), I = (n == null ? void 0 : n.action) === "initial-input-focus", R = Le(function() {
+  }, [s, h, x, k, v, y, b]), I = (n == null ? void 0 : n.action) === "initial-input-focus", R = We(function() {
     var D = "";
     if (k.guidance) {
       var F = i ? "value" : x ? "menu" : "input";
@@ -7259,7 +7259,7 @@ function IB(t) {
   }, [h, d, f]), m = He(function(g) {
     g && (g.removeEventListener("wheel", f, !1), g.removeEventListener("touchstart", d, !1), g.removeEventListener("touchmove", h, !1));
   }, [h, d, f]);
-  return We(function() {
+  return Ze(function() {
     if (e) {
       var g = c.current;
       return p(g), function() {
@@ -7319,7 +7319,7 @@ function $B(t) {
       }), c && Qy() && (c.removeEventListener("touchmove", jy, Po), l && (l.removeEventListener("touchstart", _y, Po), l.removeEventListener("touchmove", Dy, Po)));
     }
   }, [r]);
-  return We(function() {
+  return Ze(function() {
     if (e) {
       var l = s.current;
       return o(l), function() {
@@ -8612,7 +8612,7 @@ const a3 = () => /* @__PURE__ */ O.jsx("svg", { width: "14", height: "14", viewB
       },
       children: C.children
     }
-  ), w = Le(() => ({
+  ), w = We(() => ({
     menu: (C) => ({
       ...C,
       maxWidth: "424px",
@@ -8845,8 +8845,8 @@ const SP = $.div`
   --button-margin: 0;
 `;
 function dn() {
-  const t = De(), { environments: e, selectedEnvironmentId: n } = t, r = Le(() => n.get(), [n]);
-  return Le(() => e.find((s) => s.get().id === r) || e[0], [e, r]);
+  const t = De(), { environments: e, selectedEnvironmentId: n } = t, r = We(() => n.get(), [n]);
+  return We(() => e.find((s) => s.get().id === r) || e[0], [e, r]);
 }
 var u3 = function() {
   var t = document.getSelection();
@@ -15692,7 +15692,7 @@ const tM = function(t) {
     };
   }, []), [s, i];
 };
-var v2 = rh() ? Bk : We, x2 = function(e) {
+var v2 = rh() ? Bk : Ze, x2 = function(e) {
   return +setTimeout(e, 16);
 }, y2 = function(e) {
   return clearTimeout(e);
@@ -15831,18 +15831,18 @@ function aM(t, e, n, r) {
     !ye && e && a && (Ee = fu), ye && e && s && (Ee = du), (ye && !e && c || !ye && f && !e && c) && (Ee = hu);
     var $e = re(Ee);
     Ee && (t || $e[Vr]) ? (F(Ee), X()) : F(Us);
-  }, [e]), We(function() {
+  }, [e]), Ze(function() {
     // Cancel appear
     (D === fu && !a || // Cancel enter
     D === du && !s || // Cancel leave
     D === hu && !c) && F(Us);
-  }, [a, s, c]), We(function() {
+  }, [a, s, c]), Ze(function() {
     return function() {
       L.current = !1, clearTimeout(j.current);
     };
   }, []);
   var xe = Y.useRef(!1);
-  We(function() {
+  Ze(function() {
     E && (xe.current = !0), E !== void 0 && D === Us && ((xe.current || E) && (k == null || k(E)), xe.current = !0);
   }, [E, D]);
   var Re = G;
@@ -16856,7 +16856,7 @@ function Ac({
           size: "small",
           variant: "primary",
           onClick: h,
-          disabled: !c.trim() || !a.trim(),
+          disabled: !a.trim(),
           "data-testid": "variable-save-button",
           children: "Save"
         }
@@ -16909,7 +16909,7 @@ const _M = $.div`
 `, dv = "server", cp = "replay-history", up = "replay-collections", fp = "replay-draft-requests", dp = "replay-environments", hp = "replay-user-id";
 function FM() {
   const [t] = ge(localStorage.getItem(hp) || crypto.randomUUID());
-  return We(() => {
+  return Ze(() => {
     localStorage.getItem(hp) || localStorage.setItem(hp, t);
   }, []), t;
 }
@@ -16937,21 +16937,23 @@ function sh({
   size: o = "large",
   ...a
 }) {
-  const l = (d) => {
-    (d.key === " " || d.key === "Enter") && (d.preventDefault(), u(!c));
-  }, [c, u] = ge(i), f = () => {
-    const d = !c;
-    u(d), a.onToggle && a.onToggle(d);
+  const [l, c] = ge(i);
+  Ze(() => c(i), [i]);
+  const u = (d) => {
+    (d.key === " " || d.key === "Enter") && (d.preventDefault(), c(!l));
+  }, f = () => {
+    const d = !l;
+    c(d), a.onToggle && a.onToggle(d);
   };
   return /* @__PURE__ */ O.jsxs(MM, { ...a, "data-testid": s, $size: o, children: [
-    /* @__PURE__ */ O.jsxs(WM, { $size: o, onKeyDown: l, tabIndex: 0, onClick: f, children: [
+    /* @__PURE__ */ O.jsxs(WM, { $size: o, onKeyDown: u, tabIndex: 0, onClick: f, children: [
       /* @__PURE__ */ O.jsxs(zM, { children: [
-        /* @__PURE__ */ O.jsx(VM, { children: n || (c ? /* @__PURE__ */ O.jsx(_a, { size: "14px", color: "--text-color-secondary" }) : /* @__PURE__ */ O.jsx(bc, { size: "14px", color: "--text-color-secondary" })) }),
+        /* @__PURE__ */ O.jsx(VM, { children: n || (l ? /* @__PURE__ */ O.jsx(_a, { size: "14px", color: "--text-color-secondary" }) : /* @__PURE__ */ O.jsx(bc, { size: "14px", color: "--text-color-secondary" })) }),
         /* @__PURE__ */ O.jsx(ZM, { children: r })
       ] }),
       e && /* @__PURE__ */ O.jsx(P2, { children: e })
     ] }),
-    /* @__PURE__ */ O.jsx(LM, { $isExpanded: c, children: t })
+    /* @__PURE__ */ O.jsx(LM, { $isExpanded: l, children: t })
   ] });
 }
 const MM = $.div`
@@ -17126,7 +17128,7 @@ function GM({
         ] })
       ] }),
       (R == null ? void 0 : R.canBeEdited) && /* @__PURE__ */ O.jsxs(O.Fragment, { children: [
-        /* @__PURE__ */ O.jsx(Ze, {}),
+        /* @__PURE__ */ O.jsx(Le, {}),
         /* @__PURE__ */ O.jsx(
           ve,
           {
@@ -17168,7 +17170,7 @@ function GM({
       /* @__PURE__ */ O.jsx("span", { children: "Undefined variable" })
     ] }),
     /* @__PURE__ */ O.jsx(gp, { children: "Make sure the variable is defined and enabled in the active environment." }),
-    /* @__PURE__ */ O.jsx(Ze, {}),
+    /* @__PURE__ */ O.jsx(Le, {}),
     /* @__PURE__ */ O.jsx(ve, { onClick: p, children: "Add new variable" })
   ] }), C = /* @__PURE__ */ O.jsxs(O.Fragment, { children: [
     /* @__PURE__ */ O.jsxs(pp, { children: [
@@ -17176,7 +17178,7 @@ function GM({
       /* @__PURE__ */ O.jsx("span", { children: "Undefined variable value" })
     ] }),
     /* @__PURE__ */ O.jsx(gp, { children: "This variable needs a value assigned before you can use it." }),
-    /* @__PURE__ */ O.jsx(Ze, {}),
+    /* @__PURE__ */ O.jsx(Le, {}),
     /* @__PURE__ */ O.jsx(ve, { onClick: p, children: "Set value" })
   ] }), k = /* @__PURE__ */ O.jsxs(
     UM,
@@ -17198,7 +17200,7 @@ function GM({
       isNew: !t,
       readonlyName: !0
     }
-  ), A = () => o ? P : f ? t ? C : w : /* @__PURE__ */ O.jsx(b, {}), E = Le(() => o ? "variable-editor" : f ? t ? "variable-undefined-value" : "variable-undefined-variable" : "variable-info", [f, o, t]), I = !!Object.values(l).filter(Boolean).length;
+  ), A = () => o ? P : f ? t ? C : w : /* @__PURE__ */ O.jsx(b, {}), E = We(() => o ? "variable-editor" : f ? t ? "variable-undefined-value" : "variable-undefined-variable" : "variable-info", [f, o, t]), I = !!Object.values(l).filter(Boolean).length;
   return r ? /* @__PURE__ */ O.jsx(
     Wa,
     {
@@ -17297,7 +17299,7 @@ const UM = $.span`
   flex-direction: column;
   gap: var(--spacing-xs);
   padding-top: var(--spacing-xs);
-`, n9 = $(Ze)`
+`, n9 = $(Le)`
   margin-left: -16.5px;
   width: calc(100% + 16.5px);
 `, Rl = (t, e, n = { withPopover: !0 }) => {
@@ -17361,7 +17363,7 @@ function i9(t) {
 }
 const _s = ({ children: t, className: e, onClickOutside: n }) => {
   const r = Je(null);
-  We(() => (document.addEventListener("mouseup", i), () => {
+  Ze(() => (document.addEventListener("mouseup", i), () => {
     document.removeEventListener("mouseup", i);
   }));
   const i = (s) => {
@@ -17546,7 +17548,7 @@ function y9({
   inputId: i
 }) {
   const [s, o] = ge(0), a = window.scrollX || document.documentElement.scrollTop, l = t.getBoundingClientRect();
-  return We(() => {
+  return Ze(() => {
     const c = (u) => {
       u.key === "ArrowDown" ? o((f) => s < n.length - 1 ? f + 1 : 0) : u.key === "ArrowUp" ? o((f) => s > 0 ? f - 1 : n.length - 1) : u.key === "Enter" && r(n[s]);
     };
@@ -17644,7 +17646,7 @@ function st({
   ), [v, y, S, b] = O9(
     t,
     d
-  ), [w, C] = ge(null), [k, P] = ge(null), [A, E] = ge(!1), I = c.current && A && k && u && !w, R = Le(
+  ), [w, C] = ge(null), [k, P] = ge(null), [A, E] = ge(!1), I = c.current && A && k && u && !w, R = We(
     () => h9(v, [...e.get({ noproxy: !0 })]),
     [v, e]
   ), { sendEvent: B } = bt(), D = He(
@@ -17654,15 +17656,15 @@ function st({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [i, v, e, l]
   );
-  We(() => {
+  Ze(() => {
     D(v, d);
-  }, [e]), We(() => {
+  }, [e]), Ze(() => {
     y(t, t.length > d ? d : t.length), x(Rl(t, e, { inputId: l })), h(t.length > d ? d : t.length);
-  }, [t]), We(() => {
+  }, [t]), Ze(() => {
     u && f9(c, d);
-  }, [d, u, g]), We(() => {
+  }, [d, u, g]), Ze(() => {
     o || N(!1, c.current);
-  }, [o]), We(() => {
+  }, [o]), Ze(() => {
     u && E(
       d9(v, d, [
         ...e.get({ noproxy: !0 })
@@ -17877,7 +17879,7 @@ function E9({ security: t }) {
         }
       )
     ] }),
-    /* @__PURE__ */ O.jsx(Ze, {}),
+    /* @__PURE__ */ O.jsx(Le, {}),
     /* @__PURE__ */ O.jsxs(dt, { children: [
       /* @__PURE__ */ O.jsx(et, { children: "API key" }),
       /* @__PURE__ */ O.jsx(Qe, {}),
@@ -17918,7 +17920,7 @@ function T9({ security: t }) {
         }
       )
     ] }),
-    /* @__PURE__ */ O.jsx(Ze, {}),
+    /* @__PURE__ */ O.jsx(Le, {}),
     /* @__PURE__ */ O.jsxs(dt, { children: [
       /* @__PURE__ */ O.jsx(et, { children: "Password" }),
       /* @__PURE__ */ O.jsx(Qe, {}),
@@ -17934,7 +17936,7 @@ function T9({ security: t }) {
         }
       )
     ] }),
-    /* @__PURE__ */ O.jsx(Ze, {})
+    /* @__PURE__ */ O.jsx(Le, {})
   ] });
 }
 function I9({ security: t }) {
@@ -18029,7 +18031,7 @@ const D9 = $.div`
 `;
 function _9({ isOpen: t, title: e, content: n, onClose: r, mountId: i }) {
   const s = Je(null);
-  return Gj(t), We(() => {
+  return Gj(t), Ze(() => {
     s.current && s.current.focus();
   }, []), t ? /* @__PURE__ */ O.jsx(TO, { mountId: i, children: /* @__PURE__ */ O.jsx(D2, { children: /* @__PURE__ */ O.jsxs(Q9, { children: [
     /* @__PURE__ */ O.jsxs(B9, { children: [
@@ -18454,7 +18456,7 @@ function ah({
     r[u].set(ft);
   };
   return /* @__PURE__ */ O.jsxs(j2, { title: "Advanced options", expanded: !0, children: [
-    /* @__PURE__ */ O.jsx(Ze, {}),
+    /* @__PURE__ */ O.jsx(Le, {}),
     !i && /* @__PURE__ */ O.jsx(Eb, { children: /* @__PURE__ */ O.jsx(
       Oa,
       {
@@ -18572,7 +18574,7 @@ function n8({
         }
       )
     ] }),
-    /* @__PURE__ */ O.jsx(Ze, {}),
+    /* @__PURE__ */ O.jsx(Le, {}),
     /* @__PURE__ */ O.jsxs(dt, { children: [
       /* @__PURE__ */ O.jsx(et, { required: !0, children: "Client secret" }),
       /* @__PURE__ */ O.jsx(Qe, {}),
@@ -18587,7 +18589,7 @@ function n8({
         }
       )
     ] }),
-    /* @__PURE__ */ O.jsx(Ze, {}),
+    /* @__PURE__ */ O.jsx(Le, {}),
     /* @__PURE__ */ O.jsxs(dt, { children: [
       /* @__PURE__ */ O.jsx(et, { required: !0, children: "Access Token URL" }),
       /* @__PURE__ */ O.jsx(Qe, {}),
@@ -18602,7 +18604,7 @@ function n8({
         }
       )
     ] }),
-    /* @__PURE__ */ O.jsx(Ze, {}),
+    /* @__PURE__ */ O.jsx(Le, {}),
     /* @__PURE__ */ O.jsx(
       ah,
       {
@@ -18631,7 +18633,7 @@ const r8 = js(n8), i8 = [
 ];
 function s8({ codeVerifier: t, codeChallenge: e }) {
   const { isRequestEditable: n } = De(), [r, i] = ge(!1), s = dn();
-  We(() => {
+  Ze(() => {
     r || (t.set(""), e.set(""));
   }, [e, t, r]);
   const o = He(
@@ -18653,7 +18655,7 @@ function s8({ codeVerifier: t, codeChallenge: e }) {
       )
     ] }),
     r && /* @__PURE__ */ O.jsxs(O.Fragment, { children: [
-      /* @__PURE__ */ O.jsx(Ze, {}),
+      /* @__PURE__ */ O.jsx(Le, {}),
       /* @__PURE__ */ O.jsxs(dt, { children: [
         /* @__PURE__ */ O.jsx(et, { children: "Code verifier" }),
         /* @__PURE__ */ O.jsx(Qe, {}),
@@ -18668,7 +18670,7 @@ function s8({ codeVerifier: t, codeChallenge: e }) {
           }
         )
       ] }),
-      /* @__PURE__ */ O.jsx(Ze, {}),
+      /* @__PURE__ */ O.jsx(Le, {}),
       /* @__PURE__ */ O.jsxs(dt, { children: [
         /* @__PURE__ */ O.jsx(et, { children: "Code challenge" }),
         /* @__PURE__ */ O.jsx(Qe, {}),
@@ -18792,7 +18794,7 @@ function c8({
         }
       )
     ] }),
-    /* @__PURE__ */ O.jsx(Ze, {}),
+    /* @__PURE__ */ O.jsx(Le, {}),
     /* @__PURE__ */ O.jsxs(dt, { children: [
       /* @__PURE__ */ O.jsx(et, { required: !0, children: "Client secret" }),
       /* @__PURE__ */ O.jsx(Qe, {}),
@@ -18807,15 +18809,15 @@ function c8({
         }
       )
     ] }),
-    /* @__PURE__ */ O.jsx(Ze, {}),
+    /* @__PURE__ */ O.jsx(Le, {}),
     /* @__PURE__ */ O.jsx(o8, { codeVerifier: h, codeChallenge: p }),
-    /* @__PURE__ */ O.jsx(Ze, {}),
+    /* @__PURE__ */ O.jsx(Le, {}),
     /* @__PURE__ */ O.jsxs(dt, { children: [
       /* @__PURE__ */ O.jsx(wP, { children: /* @__PURE__ */ O.jsx(et, { children: "Scopes" }) }),
       /* @__PURE__ */ O.jsx(Qe, {}),
       /* @__PURE__ */ O.jsx(_2, { environment: y, scopes: d, editable: x.get() })
     ] }),
-    /* @__PURE__ */ O.jsx(Ze, {}),
+    /* @__PURE__ */ O.jsx(Le, {}),
     /* @__PURE__ */ O.jsxs(dt, { children: [
       /* @__PURE__ */ O.jsx(et, { required: !0, children: "Access Token URL" }),
       /* @__PURE__ */ O.jsx(Qe, {}),
@@ -18831,7 +18833,7 @@ function c8({
         }
       )
     ] }),
-    /* @__PURE__ */ O.jsx(Ze, {}),
+    /* @__PURE__ */ O.jsx(Le, {}),
     /* @__PURE__ */ O.jsxs(dt, { children: [
       /* @__PURE__ */ O.jsx(et, { required: !0, children: "Authorization URL" }),
       /* @__PURE__ */ O.jsx(Qe, {}),
@@ -18847,7 +18849,7 @@ function c8({
         }
       )
     ] }),
-    /* @__PURE__ */ O.jsx(Ze, {}),
+    /* @__PURE__ */ O.jsx(Le, {}),
     /* @__PURE__ */ O.jsxs(dt, { children: [
       /* @__PURE__ */ O.jsx(et, { children: "Callback URL" }),
       /* @__PURE__ */ O.jsx(Qe, {}),
@@ -18862,7 +18864,7 @@ function c8({
         }
       )
     ] }),
-    /* @__PURE__ */ O.jsx(Ze, {}),
+    /* @__PURE__ */ O.jsx(Le, {}),
     /* @__PURE__ */ O.jsx(
       ah,
       {
@@ -18928,13 +18930,13 @@ function f8({
         }
       )
     ] }),
-    /* @__PURE__ */ O.jsx(Ze, {}),
+    /* @__PURE__ */ O.jsx(Le, {}),
     /* @__PURE__ */ O.jsxs(dt, { children: [
       /* @__PURE__ */ O.jsx(wP, { children: /* @__PURE__ */ O.jsx(et, { children: "Scopes" }) }),
       /* @__PURE__ */ O.jsx(Qe, {}),
       /* @__PURE__ */ O.jsx(_2, { environment: m, scopes: f, editable: h.get() })
     ] }),
-    /* @__PURE__ */ O.jsx(Ze, {}),
+    /* @__PURE__ */ O.jsx(Le, {}),
     /* @__PURE__ */ O.jsxs(dt, { children: [
       /* @__PURE__ */ O.jsx(et, { required: !0, children: "Authorization URL" }),
       /* @__PURE__ */ O.jsx(Qe, {}),
@@ -18950,7 +18952,7 @@ function f8({
         }
       )
     ] }),
-    /* @__PURE__ */ O.jsx(Ze, {}),
+    /* @__PURE__ */ O.jsx(Le, {}),
     /* @__PURE__ */ O.jsxs(dt, { children: [
       /* @__PURE__ */ O.jsx(et, { children: "Callback URL" }),
       /* @__PURE__ */ O.jsx(Qe, {}),
@@ -18965,7 +18967,7 @@ function f8({
         }
       )
     ] }),
-    /* @__PURE__ */ O.jsx(Ze, {}),
+    /* @__PURE__ */ O.jsx(Le, {}),
     /* @__PURE__ */ O.jsx(
       ah,
       {
@@ -19055,7 +19057,7 @@ function h8({
         }
       )
     ] }),
-    /* @__PURE__ */ O.jsx(Ze, {}),
+    /* @__PURE__ */ O.jsx(Le, {}),
     /* @__PURE__ */ O.jsxs(dt, { children: [
       /* @__PURE__ */ O.jsx(et, { required: !0, children: "Password" }),
       /* @__PURE__ */ O.jsx(Qe, {}),
@@ -19070,7 +19072,7 @@ function h8({
         }
       )
     ] }),
-    /* @__PURE__ */ O.jsx(Ze, {}),
+    /* @__PURE__ */ O.jsx(Le, {}),
     /* @__PURE__ */ O.jsxs(dt, { children: [
       /* @__PURE__ */ O.jsx(et, { required: !0, children: "Access Token URL" }),
       /* @__PURE__ */ O.jsx(Qe, {}),
@@ -19085,7 +19087,7 @@ function h8({
         }
       )
     ] }),
-    /* @__PURE__ */ O.jsx(Ze, {}),
+    /* @__PURE__ */ O.jsx(Le, {}),
     /* @__PURE__ */ O.jsxs(dt, { children: [
       /* @__PURE__ */ O.jsx(et, { required: !0, children: "Client ID" }),
       /* @__PURE__ */ O.jsx(Qe, {}),
@@ -19100,7 +19102,7 @@ function h8({
         }
       )
     ] }),
-    /* @__PURE__ */ O.jsx(Ze, {}),
+    /* @__PURE__ */ O.jsx(Le, {}),
     /* @__PURE__ */ O.jsxs(dt, { children: [
       /* @__PURE__ */ O.jsx(et, { required: !0, children: "Client secret" }),
       /* @__PURE__ */ O.jsx(Qe, {}),
@@ -19115,7 +19117,7 @@ function h8({
         }
       )
     ] }),
-    /* @__PURE__ */ O.jsx(Ze, {}),
+    /* @__PURE__ */ O.jsx(Le, {}),
     /* @__PURE__ */ O.jsx(
       ah,
       {
@@ -19228,7 +19230,7 @@ function S8({
     security: n,
     securityType: r
   });
-  return We(() => {
+  return Ze(() => {
     const l = (c) => {
       c.key === "Escape" && e();
     };
@@ -39959,7 +39961,7 @@ function bU(t) {
     indentWithTab: y,
     basicSetup: S
   }), F = [B, R, ...D];
-  return o && typeof o == "function" && F.push(ue.updateListener.of(o)), F = F.concat(a), We(() => {
+  return o && typeof o == "function" && F.push(ue.updateListener.of(o)), F = F.concat(a), Ze(() => {
     if (C && !E) {
       var V = {
         doc: e,
@@ -39978,15 +39980,15 @@ function bU(t) {
     return () => {
       P && (I(void 0), A(void 0));
     };
-  }, [C, E]), We(() => k(t.container), [t.container]), We(() => () => {
+  }, [C, E]), Ze(() => k(t.container), [t.container]), Ze(() => () => {
     P && (P.destroy(), A(void 0));
-  }, [P]), We(() => {
+  }, [P]), Ze(() => {
     l && P && P.focus();
-  }, [l, P]), We(() => {
+  }, [l, P]), Ze(() => {
     P && P.dispatch({
       effects: Ne.reconfigure.of(F)
     });
-  }, [c, a, u, f, d, h, p, m, g, x, v, y, S, r, o]), We(() => {
+  }, [c, a, u, f, d, h, p, m, g, x, v, y, S, r, o]), Ze(() => {
     if (e !== void 0) {
       var V = P ? P.state.doc.toString() : "";
       P && e !== V && P.dispatch({
@@ -50689,9 +50691,9 @@ function iR({ security: t, securityType: e = K.OAuth2 }) {
         }
       )
     ] }),
-    /* @__PURE__ */ O.jsx(Ze, {}),
+    /* @__PURE__ */ O.jsx(Le, {}),
     /* @__PURE__ */ O.jsxs(j2, { title: "Configure New Token", expanded: !0, children: [
-      /* @__PURE__ */ O.jsx(Ze, {}),
+      /* @__PURE__ */ O.jsx(Le, {}),
       /* @__PURE__ */ O.jsxs(dt, { children: [
         /* @__PURE__ */ O.jsx(et, { children: "Grant type" }),
         /* @__PURE__ */ O.jsx(Qe, {}),
@@ -50706,7 +50708,7 @@ function iR({ security: t, securityType: e = K.OAuth2 }) {
           }
         )
       ] }),
-      /* @__PURE__ */ O.jsx(Ze, {}),
+      /* @__PURE__ */ O.jsx(Le, {}),
       /* @__PURE__ */ O.jsx(
         C,
         {
@@ -50848,7 +50850,7 @@ function fH({ security: t }) {
         }
       )
     ] }),
-    /* @__PURE__ */ O.jsx(Ze, {}),
+    /* @__PURE__ */ O.jsx(Le, {}),
     /* @__PURE__ */ O.jsxs(hH, { children: [
       /* @__PURE__ */ O.jsx(
         ve,
@@ -50866,7 +50868,7 @@ function fH({ security: t }) {
         /* @__PURE__ */ O.jsx("span", { children: "Something is wrong!" })
       ] })
     ] }),
-    /* @__PURE__ */ O.jsx(Ze, {}),
+    /* @__PURE__ */ O.jsx(Le, {}),
     /* @__PURE__ */ O.jsxs(dt, { children: [
       /* @__PURE__ */ O.jsx(et, { children: "User Info URL" }),
       /* @__PURE__ */ O.jsx(Qe, {}),
@@ -50881,7 +50883,7 @@ function fH({ security: t }) {
         }
       )
     ] }),
-    /* @__PURE__ */ O.jsx(Ze, {}),
+    /* @__PURE__ */ O.jsx(Le, {}),
     /* @__PURE__ */ O.jsx(iR, { security: t, securityType: K.OpenIDConnect })
   ] });
 }
@@ -50922,7 +50924,7 @@ function pH({ security: t }) {
         }
       )
     ] }),
-    /* @__PURE__ */ O.jsx(Ze, {}),
+    /* @__PURE__ */ O.jsx(Le, {}),
     /* @__PURE__ */ O.jsxs(dt, { children: [
       /* @__PURE__ */ O.jsx(et, { children: "Password" }),
       /* @__PURE__ */ O.jsx(Qe, {}),
@@ -50938,7 +50940,7 @@ function pH({ security: t }) {
         }
       )
     ] }),
-    /* @__PURE__ */ O.jsx(Ze, {})
+    /* @__PURE__ */ O.jsx(Le, {})
   ] });
 }
 const gH = {
@@ -50995,7 +50997,7 @@ function mH({ security: t, additionalActions: e }) {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ O.jsx(Ze, {}),
+    /* @__PURE__ */ O.jsx(Le, {}),
     u && /* @__PURE__ */ O.jsx(u, { security: t })
   ] });
 }
@@ -51038,7 +51040,7 @@ function SH({
   securitySchemeVariants: t,
   selectedSecuritySchemeId: e
 }) {
-  const { sendEvent: n } = bt(), r = Le(() => t.get().map((s) => ({
+  const { sendEvent: n } = bt(), r = We(() => t.get().map((s) => ({
     element: /* @__PURE__ */ O.jsx(yH, { schemes: s.schemes }),
     value: s.id,
     label: "Pick security schemes"
@@ -51101,7 +51103,7 @@ function PH() {
     request: {
       security: { selectedSecuritySchemeId: n, securities: r, securitySchemeVariants: i }
     }
-  } = e, s = i.get().length, o = Le(
+  } = e, s = i.get().length, o = We(
     () => Ka(
       r,
       n.get()
@@ -51171,7 +51173,7 @@ function $H({
     n.current.click();
   }, s = He(() => {
     t(null);
-  }, [t]), o = Le(() => {
+  }, [t]), o = We(() => {
     if (!e)
       return null;
     if (e.length === 1)
@@ -51837,11 +51839,11 @@ function aJ(t) {
   }
 }
 function lR({ dataTestId: t, ...e }) {
-  const n = De(), r = dn(), { stateExtensions: i } = e, s = Je(null), o = Le(
+  const n = De(), r = dn(), { stateExtensions: i } = e, s = Je(null), o = We(
     () => i ? i.map((a) => Ti.highest(a({ selectedEnvironment: r, state: n }))) : [],
     [i, r, n]
   );
-  return We(() => {
+  return Ze(() => {
     var l;
     const a = (l = s.current) == null ? void 0 : l.view;
     a && a.dispatch({
@@ -52006,22 +52008,22 @@ function mJ(t) {
   return t.replace(new RegExp(`"${Td}(.*?)${Td}"`, "g"), "$1");
 }
 function OJ() {
-  const { request: t, operation: e, isRequestEditable: n } = De(), r = dn(), { sendEvent: i } = bt(), { content: s, type: o, activeExampleName: a } = t.body, l = Le(
+  const { request: t, operation: e, isRequestEditable: n } = De(), r = dn(), { sendEvent: i } = bt(), { content: s, type: o, activeExampleName: a } = t.body, l = We(
     () => {
       var S, b;
       return e ? Object.keys(((b = (S = e.get()) == null ? void 0 : S.body) == null ? void 0 : b.mediaTypes) || {}) : [];
     },
     [e]
-  ), c = hJ(e.get()), u = Le(
+  ), c = hJ(e.get()), u = We(
     () => Ch(l, c),
     [c, l]
-  ), f = Le(
+  ), f = We(
     () => {
       var S, b, w;
       return rR((w = (b = (S = e.get()) == null ? void 0 : S.body) == null ? void 0 : b.mediaTypes) == null ? void 0 : w[o.get()]);
     },
     [e, o]
-  ), d = Le(
+  ), d = We(
     () => f.map(({ name: S, value: b }) => ({
       element: /* @__PURE__ */ O.jsx("div", { children: S }),
       value: b,
@@ -52050,10 +52052,10 @@ function OJ() {
       });
     },
     [o, l, i]
-  ), g = Le(() => {
+  ), g = We(() => {
     var S;
     return [...((S = mc[o.value]) == null ? void 0 : S.extensions) || []];
-  }, [o]), x = Le(() => {
+  }, [o]), x = We(() => {
     var S;
     return [...((S = mc[o.value]) == null ? void 0 : S.stateExtensions) || []];
   }, [o]), v = He(() => {
@@ -53953,11 +53955,11 @@ function De() {
 const tK = 8;
 function nK() {
   const { operation: t, requestActiveTabIdx: e } = De(), { sendEvent: n } = bt(), [r, i] = ge(to[e.get()]);
-  We(() => {
+  Ze(() => {
     var a;
     const o = (a = t.get()) == null ? void 0 : a.body;
     e.set(o ? qJ : mR);
-  }, [t]), We(() => {
+  }, [t]), Ze(() => {
     i(to[e.get()]);
   }, [e]);
   const s = (o) => {
@@ -54225,7 +54227,7 @@ const vx = $.div`
     return ((u = l == null ? void 0 : l.get()) == null ? void 0 : u.filter(
       (f) => f.value.name.trim() === a.trim() && f.value.state === xt.Normal
     )).length <= 0;
-  }, o = Le(() => {
+  }, o = We(() => {
     const a = !i(n), l = e ? !s(n, e) : !1;
     return a || l;
   }, [e, n]);
@@ -54243,7 +54245,7 @@ function yx({
   icon: l
 }) {
   const { newName: c, setNewName: u, disabled: f } = xx(e, a), d = Je(null), h = c.trim();
-  We(() => {
+  Ze(() => {
     var g;
     (g = d.current) == null || g.focus();
   }, [d]);
@@ -54309,7 +54311,7 @@ const wK = $.div`
 `;
 function Fc({ onSearch: t, value: e, className: n }) {
   const [r, i] = Lj(), s = Je(null), [o, a] = ge(!1);
-  We(() => {
+  Ze(() => {
     a(e.length > 0);
   }, [e]);
   const l = () => {
@@ -54383,7 +54385,7 @@ function Ia(t, e) {
   return n;
 }
 function PK({ transaction: t, onClose: e }) {
-  const { collections: n } = De(), r = xK(), [i, s] = ge("New Collection"), [o, a] = ge(null), [l, c] = ge(""), u = Le(
+  const { collections: n } = De(), r = xK(), [i, s] = ge("New Collection"), [o, a] = ge(null), [l, c] = ge(""), u = We(
     () => {
       var S;
       return (S = r.find((b) => b.folder.get().id === o)) == null ? void 0 : S.folder.items;
@@ -54393,7 +54395,7 @@ function PK({ transaction: t, onClose: e }) {
     newName: f,
     setNewName: d,
     disabled: h
-  } = xx("New Request", u), p = (r.length ? !o : !i.trim()) || h, m = Le(
+  } = xx("New Request", u), p = (r.length ? !o : !i.trim()) || h, m = We(
     () => r.filter((S) => S.path.toLowerCase().includes(l.toLowerCase())),
     [l, r]
   ), g = (S) => {
@@ -54640,7 +54642,7 @@ function kR(t, e) {
 }
 function bx() {
   const { collections: t, transactionSource: e } = De();
-  return Le(() => {
+  return We(() => {
     const r = e.get();
     if (r)
       return kR(r.id, t);
@@ -54792,28 +54794,28 @@ function YK() {
     transactionSource: v,
     showUnsavedChangesModal: y,
     disableCollectionsTab: S
-  } = t, { method: b, url: w, body: C, headers: k, cookies: P, queryParameters: A, security: E } = c, I = f.get(), R = Le(
+  } = t, { method: b, url: w, body: C, headers: k, cookies: P, queryParameters: A, security: E } = c, I = f.get(), R = We(
     () => [I == null ? void 0 : I.method.toLocaleUpperCase()],
     [I == null ? void 0 : I.method]
-  ), B = vK(), D = Le(
+  ), B = vK(), D = We(
     () => Ch(R, B),
     [B, R]
   ), F = [
     { label: "Edit", value: !0 },
     { label: "Preview", value: !1 }
-  ], V = Le(
+  ], V = We(
     () => d.map((q) => ({
       label: /* @__PURE__ */ O.jsx("div", { children: q.get().name }),
       value: q.get().id
     })),
     [d]
   ), Z = He(() => d.find((q) => q.get().id === h.get()), [d, h]);
-  We(() => {
+  Ze(() => {
     const q = Z();
     d.length && (!h.get() || !q) && h.set(d[0].get().id);
-  }, [d]), We(() => {
+  }, [d]), Ze(() => {
     p.set(Oq(t.get()));
-  }, [b, w, C, k, P, A, E]), We(() => {
+  }, [b, w, C, k, P, A, E]), Ze(() => {
     const q = m.get();
     q && vR.save(q, c.get());
   }, [c]);
@@ -55237,7 +55239,7 @@ function vee() {
     label: Mu[d].name,
     value: d
   }));
-  We(() => {
+  Ze(() => {
     var h;
     const d = hee((h = t.get()) == null ? void 0 : h.headers);
     if (d) {
@@ -55266,7 +55268,7 @@ function vee() {
       ] }),
       /* @__PURE__ */ O.jsx(IR, { children: /* @__PURE__ */ O.jsx(po, { toasterPlacement: "left", data: a, onCopyClick: c }) })
     ] }),
-    /* @__PURE__ */ O.jsx(Ze, {}),
+    /* @__PURE__ */ O.jsx(Le, {}),
     Pd[i] ? /* @__PURE__ */ O.jsx(
       lR,
       {
@@ -55308,10 +55310,10 @@ const xee = $.div`
   }
 `;
 function See() {
-  const { response: t } = De(), { sendEvent: e } = bt(), n = Le(() => {
+  const { response: t } = De(), { sendEvent: e } = bt(), n = We(() => {
     var o;
     return ((o = t.get()) == null ? void 0 : o.headers) || [];
-  }, [t]), r = Le(
+  }, [t]), r = We(
     () => n.map(([o, a]) => `${o}: ${a}`).join(`
 `),
     [n]
@@ -55527,13 +55529,13 @@ class Tl {
   }
 }
 function Mee(t) {
-  We(() => {
+  Ze(() => {
     Tl.save(t.get());
   }, [t]);
 }
 function jR() {
   const { response: t, environments: e } = De(), n = t.get(), r = [50, 50], i = Je(null), [s, o] = ge(!0), a = G4();
-  Mee(e), We(() => {
+  Mee(e), Ze(() => {
     var c, u;
     n && s && (((c = i.current) == null ? void 0 : c.getLayout()[1]) || 0) === 25 && ((u = i.current) == null || u.setLayout(r));
   }, [n, s]);
@@ -55998,7 +56000,7 @@ function $a({
   ...a
 }) {
   const [l, c] = ge(!1), u = Je(null);
-  We(() => {
+  Ze(() => {
     o == null || o(l);
   }, [l, o]);
   const f = (p) => {
@@ -56046,15 +56048,15 @@ const Hee = $(Ds)`
 `;
 function ete() {
   var p, m;
-  const [t, e] = ge(""), { history: n, requestError: r, disableCollectionsTab: i } = De(), { sendEvent: s } = bt(), { updateTransaction: o } = Eh(), a = Le(
+  const [t, e] = ge(""), { history: n, requestError: r, disableCollectionsTab: i } = De(), { sendEvent: s } = bt(), { updateTransaction: o } = Eh(), a = We(
     () => [...n.get()].sort((g, x) => x.date - g.date),
     [n]
-  ), l = Le(
+  ), l = We(
     () => a.filter(
       (g) => g.request.url.toLowerCase().includes(t.toLowerCase()) || g.request.method.toLowerCase().includes(t.toLowerCase())
     ),
     [a, t]
-  ), c = Le(
+  ), c = We(
     () => Yee(l, "date"),
     [l]
   ), u = (g) => {
@@ -56509,7 +56511,7 @@ const wte = $.div`
   margin-left: -23px;
 `;
 function Pte() {
-  const [t, e] = ge(""), { environments: n, selectedEnvironmentId: r } = De(), { sendEvent: i } = bt(), s = Le(
+  const [t, e] = ge(""), { environments: n, selectedEnvironmentId: r } = De(), { sendEvent: i } = bt(), s = We(
     () => n.filter((l) => l.name.get().toLowerCase().includes(t.toLowerCase())),
     [t, n]
   ), o = () => {
@@ -56760,12 +56762,12 @@ function Wte() {
   const [t, e] = ge(""), { apps: n, apiId: r, appsLoadingState: i } = De(), { sendEvent: s } = bt(), o = () => {
     window.open("/apps", "_blank"), s("apps_request_access_clicked", {});
   };
-  We(() => ((i.get() === ui.Idle || i.get() === ui.Error) && (i.set(ui.Loading), io(`/api/api-keys/api-products/${r.get()}/access?expand=0`).then((c) => c.json().then((u) => {
+  Ze(() => ((i.get() === ui.Idle || i.get() === ui.Error) && (i.set(ui.Loading), io(`/api/api-keys/api-products/${r.get()}/access?expand=0`).then((c) => c.json().then((u) => {
     c.ok ? (n.set(u.apps || []), i.set(ui.Success)) : i.set(ui.Error);
   }).catch(() => i.set(ui.Error)))), () => {
     n.set([]), i.set(ui.Idle);
   }), [r]);
-  const a = Le(
+  const a = We(
     () => n.filter((c) => c.title.get().toLowerCase().includes(t.toLowerCase())),
     [t, n]
   ), l = (c) => {
@@ -58633,7 +58635,7 @@ async function ese(t, e) {
   }
 }
 function tse({ folder: t, level: e, siblingItems: n, expanded: r, onRemove: i }) {
-  const s = De(), { sendEvent: o } = bt(), a = Je(null), { state: l, name: c } = t.get(), [u, f] = ge(!1), d = Le(
+  const s = De(), { sendEvent: o } = bt(), a = Je(null), { state: l, name: c } = t.get(), [u, f] = ge(!1), d = We(
     () => t.items.get().some((b) => b.value.state === xt.Draft),
     [t.items]
   ), h = () => {
@@ -58894,7 +58896,7 @@ function lse({
   siblingItems: a
 }) {
   const { newName: l, setNewName: c, disabled: u } = xx(t, a), f = Je(null), d = l.trim();
-  We(() => {
+  Ze(() => {
     var m;
     (m = f.current) == null || m.focus();
   }, [f]);
@@ -59314,13 +59316,13 @@ const bse = $.div`
   gap: var(--spacing-xs);
 `;
 function kse() {
-  const [t, e] = ge(""), { collections: n } = De(), r = M0(), i = M0(), { sendEvent: s } = bt(), [o, a] = ge(null), l = Le(
+  const [t, e] = ge(""), { collections: n } = De(), r = M0(), i = M0(), { sendEvent: s } = bt(), [o, a] = ge(null), l = We(
     () => n.get().some((m) => m.value.state === xt.Draft),
     [n]
-  ), c = Le(
+  ), c = We(
     () => n.filter((m) => t ? m.get().value.name.toLowerCase().includes(t.toLowerCase()) : !0),
     [n, t]
-  ), u = Le(
+  ), u = We(
     () => c.sort((m) => {
       const { value: g, type: x } = m.get();
       return x === fn.Folder ? g.state === xt.Draft ? -1 : 0 : 1;
@@ -59462,7 +59464,7 @@ function jj(t, e) {
   x5(() => {
     const n = t.get();
     e.set(n);
-  }), We(() => {
+  }), Ze(() => {
     t.save(e.get());
   }, [t, e]);
 }
@@ -59483,7 +59485,7 @@ function Dse() {
     [i]
   ), l = () => {
     o(!s), i("side_panel_toggled", { expanded: !s });
-  }, c = Le(() => {
+  }, c = We(() => {
     const u = [
       /* @__PURE__ */ O.jsx(Lu, { label: "History", onClick: () => a("History"), children: /* @__PURE__ */ O.jsx(ete, {}) }, "History")
     ];
@@ -59824,7 +59826,7 @@ function $x({ value: t, disableDraft: e, ...n }) {
     definitionUrl: h,
     disableCollectionsTab: p
   } = r;
-  return We(() => {
+  return Ze(() => {
     const m = n.operationUrl && !e ? vR.getByKey(n.operationUrl) : null;
     if (t) {
       const g = _n(t), x = Hse(g, n.predefinedEnvValues), v = x.find(
@@ -59849,10 +59851,10 @@ function Soe({ onClose: t, onLoad: e, onRequestChange: n, ...r }) {
     }
     s("replay_closed", { operationName: (u = r.value) == null ? void 0 : u.name }), t(), o.set(Nc());
   }, [t, n, a, r.value, s, o]);
-  We(() => {
+  Ze(() => {
     var u;
     e == null || e(), s("replay_opened", { operationName: (u = r.value) == null ? void 0 : u.name });
-  }, []), We(() => {
+  }, []), Ze(() => {
     i.current && i.current.focus();
   }, []);
   const c = (u) => {
@@ -59894,7 +59896,7 @@ const toe = $(_j)`
   height: 14px;
 `;
 function woe(t) {
-  const { sendEvent: e } = bt(), n = Le(() => NO(Nc()), []);
+  const { sendEvent: e } = bt(), n = We(() => NO(Nc()), []);
   return /* @__PURE__ */ O.jsx(eK, { value: n, children: /* @__PURE__ */ O.jsx(
     Dj,
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/replay",
-  "version": "0.5.16",
+  "version": "0.5.17",
   "type": "module",
   "main": "./dist/replay.cjs",
   "module": "./dist/replay.js",