@redocly/replay 0.3.13 → 0.3.14

package/dist/replay.cjs

@@ -113,7 +113,7 @@ Example:
 Perhaps you're looking to import 'styled-components/native'?
 Read more about this at https://www.styled-components.com/docs/basics#react-native`),process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&typeof window<"u"&&(window["__styled-components-init__"]=window["__styled-components-init__"]||0,window["__styled-components-init__"]===1&&console.warn(`It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.
 
-See https://s-c.sh/2BAXzed for more info.`),window["__styled-components-init__"]+=1);const B=$p,{createElement:Ro,createContext:zI,createRef:$H,forwardRef:Aw,useCallback:Nn,useContext:Pw,useEffect:Rs,useImperativeHandle:Ew,useLayoutEffect:LI,useMemo:XI,useRef:rr,useState:Su}=H,rv=H["useId".toString()],jf=zI(null);jf.displayName="PanelGroupContext";const Ja=LI,GI=typeof rv=="function"?rv:()=>null;let YI=0;function H0(n=null){const e=GI(),t=rr(n||e||null);return t.current===null&&(t.current=""+YI++),n??t.current}function Tw({children:n,className:e="",collapsedSize:t,collapsible:r,defaultSize:i,forwardedRef:s,id:o,maxSize:a,minSize:l,onCollapse:c,onExpand:u,onResize:f,order:d,style:h,tagName:p="div",...m}){const g=Pw(jf);if(g===null)throw Error("Panel components must be rendered within a PanelGroup container");const{collapsePanel:v,expandPanel:O,getPanelSize:x,getPanelStyle:S,groupId:y,isPanelCollapsed:w,reevaluatePanelConstraints:C,registerPanel:k,resizePanel:P,unregisterPanel:A}=g,E=H0(o),I=rr({callbacks:{onCollapse:c,onExpand:u,onResize:f},constraints:{collapsedSize:t,collapsible:r,defaultSize:i,maxSize:a,minSize:l},id:E,idIsFromProps:o!==void 0,order:d});rr({didLogMissingDefaultSizeWarning:!1}),Ja(()=>{const{callbacks:D,constraints:j}=I.current,F={...j};I.current.id=E,I.current.idIsFromProps=o!==void 0,I.current.order=d,D.onCollapse=c,D.onExpand=u,D.onResize=f,j.collapsedSize=t,j.collapsible=r,j.defaultSize=i,j.maxSize=a,j.minSize=l,(F.collapsedSize!==j.collapsedSize||F.collapsible!==j.collapsible||F.maxSize!==j.maxSize||F.minSize!==j.minSize)&&C(I.current,F)}),Ja(()=>{const D=I.current;return k(D),()=>{A(D)}},[d,E,k,A]),Ew(s,()=>({collapse:()=>{v(I.current)},expand:()=>{O(I.current)},getId(){return E},getSize(){return x(I.current)},isCollapsed(){return w(I.current)},isExpanded(){return!w(I.current)},resize:D=>{P(I.current,D)}}),[v,O,x,w,E,P]);const $=S(I.current,i);return Ro(p,{...m,children:n,className:e,style:{...$,...h},"data-panel":"","data-panel-id":E,"data-panel-group-id":y,"data-panel-collapsible":void 0,"data-panel-size":void 0})}const Rp=Aw((n,e)=>Ro(Tw,{...n,forwardedRef:e}));Tw.displayName="Panel";Rp.displayName="forwardRef(Panel)";function _e(n,e="Assertion failed!"){if(!n)throw console.error(e),Error(e)}const Iw=10;function Ka(n,e,t=Iw){n=parseFloat(n.toFixed(t)),e=parseFloat(e.toFixed(t));const r=n-e;return r===0?0:r>0?1:-1}function tr(n,e,t){return Ka(n,e,t)===0}function uo({panelConstraints:n,panelIndex:e,size:t}){const r=n[e];_e(r!=null);let{collapsedSize:i=0,collapsible:s,maxSize:o=100,minSize:a=0}=r;if(Ka(t,a)<0)if(s){const l=(i+a)/2;Ka(t,l)<0?t=i:t=a}else t=a;return t=Math.min(o,t),t=parseFloat(t.toFixed(Iw)),t}function Ia({delta:n,layout:e,panelConstraints:t,pivotIndices:r,trigger:i}){if(tr(n,0))return e;const s=[...e],[o,a]=r;_e(o!=null),_e(a!=null);let l=0;if(i==="keyboard"){{const u=n<0?a:o,f=t[u];if(_e(f),f.collapsible){const d=e[u];_e(d!=null);const h=t[u];_e(h);const{collapsedSize:p=0,minSize:m=0}=h;if(tr(d,p)){const g=m-d;Ka(g,Math.abs(n))>0&&(n=n<0?0-g:g)}}}{const u=n<0?o:a,f=t[u];_e(f);const{collapsible:d}=f;if(d){const h=e[u];_e(h!=null);const p=t[u];_e(p);const{collapsedSize:m=0,minSize:g=0}=p;if(tr(h,g)){const v=h-m;Ka(v,Math.abs(n))>0&&(n=n<0?0-v:v)}}}}{const u=n<0?1:-1;let f=n<0?a:o,d=0;for(;;){const p=e[f];_e(p!=null);const g=uo({panelConstraints:t,panelIndex:f,size:100})-p;if(d+=g,f+=u,f<0||f>=t.length)break}const h=Math.min(Math.abs(n),Math.abs(d));n=n<0?0-h:h}{let f=n<0?o:a;for(;f>=0&&f<t.length;){const d=Math.abs(n)-Math.abs(l),h=e[f];_e(h!=null);const p=h-d,m=uo({panelConstraints:t,panelIndex:f,size:p});if(!tr(h,m)&&(l+=h-m,s[f]=m,l.toPrecision(3).localeCompare(Math.abs(n).toPrecision(3),void 0,{numeric:!0})>=0))break;n<0?f--:f++}}if(tr(l,0))return e;{const u=n<0?a:o,f=e[u];_e(f!=null);const d=f+l,h=uo({panelConstraints:t,panelIndex:u,size:d});if(s[u]=h,!tr(h,d)){let p=d-h,g=n<0?a:o;for(;g>=0&&g<t.length;){const v=s[g];_e(v!=null);const O=v+p,x=uo({panelConstraints:t,panelIndex:g,size:O});if(tr(v,x)||(p-=x-v,s[g]=x),tr(p,0))break;n>0?g--:g++}}}const c=s.reduce((u,f)=>f+u,0);return tr(c,100)?s:e}function UI({layout:n,panelsArray:e,pivotIndices:t}){let r=0,i=100,s=0,o=0;const a=t[0];_e(a!=null),e.forEach((f,d)=>{const{constraints:h}=f,{maxSize:p=100,minSize:m=0}=h;d===a?(r=m,i=p):(s+=m,o+=p)});const l=Math.min(i,100-s),c=Math.max(r,100-o),u=n[a];return{valueMax:l,valueMin:c,valueNow:u}}function el(n,e=document){return Array.from(e.querySelectorAll(`[data-panel-resize-handle-id][data-panel-group-id="${n}"]`))}function $w(n,e,t=document){const i=el(n,t).findIndex(s=>s.getAttribute("data-panel-resize-handle-id")===e);return i??null}function Rw(n,e,t){const r=$w(n,e,t);return r!=null?[r,r+1]:[-1,-1]}function jw(n,e=document){var t;if(e instanceof HTMLElement&&(e==null||(t=e.dataset)===null||t===void 0?void 0:t.panelGroupId)==n)return e;const r=e.querySelector(`[data-panel-group][data-panel-group-id="${n}"]`);return r||null}function Df(n,e=document){const t=e.querySelector(`[data-panel-resize-handle-id="${n}"]`);return t||null}function qI(n,e,t,r=document){var i,s,o,a;const l=Df(e,r),c=el(n,r),u=l?c.indexOf(l):-1,f=(i=(s=t[u])===null||s===void 0?void 0:s.id)!==null&&i!==void 0?i:null,d=(o=(a=t[u+1])===null||a===void 0?void 0:a.id)!==null&&o!==void 0?o:null;return[f,d]}function HI({committedValuesRef:n,eagerValuesRef:e,groupId:t,layout:r,panelDataArray:i,panelGroupElement:s,setLayout:o}){rr({didWarnAboutMissingResizeHandle:!1}),Ja(()=>{if(!s)return;const a=el(t,s);for(let l=0;l<i.length-1;l++){const{valueMax:c,valueMin:u,valueNow:f}=UI({layout:r,panelsArray:i,pivotIndices:[l,l+1]}),d=a[l];if(d!=null){const h=i[l];_e(h),d.setAttribute("aria-controls",h.id),d.setAttribute("aria-valuemax",""+Math.round(c)),d.setAttribute("aria-valuemin",""+Math.round(u)),d.setAttribute("aria-valuenow",f!=null?""+Math.round(f):"")}}return()=>{a.forEach((l,c)=>{l.removeAttribute("aria-controls"),l.removeAttribute("aria-valuemax"),l.removeAttribute("aria-valuemin"),l.removeAttribute("aria-valuenow")})}},[t,r,i,s]),Rs(()=>{if(!s)return;const a=e.current;_e(a);const{panelDataArray:l}=a,c=jw(t,s);_e(c!=null,`No group found for id "${t}"`);const u=el(t,s);_e(u);const f=u.map(d=>{const h=d.getAttribute("data-panel-resize-handle-id");_e(h);const[p,m]=qI(t,h,l,s);if(p==null||m==null)return()=>{};const g=v=>{if(!v.defaultPrevented)switch(v.key){case"Enter":{v.preventDefault();const O=l.findIndex(x=>x.id===p);if(O>=0){const x=l[O];_e(x);const S=r[O],{collapsedSize:y=0,collapsible:w,minSize:C=0}=x.constraints;if(S!=null&&w){const k=Ia({delta:tr(S,y)?C-y:y-S,layout:r,panelConstraints:l.map(P=>P.constraints),pivotIndices:Rw(t,h,s),trigger:"keyboard"});r!==k&&o(k)}}break}}};return d.addEventListener("keydown",g),()=>{d.removeEventListener("keydown",g)}});return()=>{f.forEach(d=>d())}},[s,n,e,t,r,i,o])}function iv(n,e){if(n.length!==e.length)return!1;for(let t=0;t<n.length;t++)if(n[t]!==e[t])return!1;return!0}function Dw(n){return n.type==="keydown"}function Qw(n){return n.type.startsWith("mouse")}function Bw(n){return n.type.startsWith("touch")}function _w(n,e){const t=n==="horizontal";if(Qw(e))return t?e.clientX:e.clientY;if(Bw(e)){const r=e.touches[0];return _e(r),t?r.screenX:r.screenY}else throw Error(`Unsupported event type "${e.type}"`)}function JI(n,e,t,r,i){const s=t==="horizontal",o=Df(e,i);_e(o);const a=o.getAttribute("data-panel-group-id");_e(a);let{initialCursorPosition:l}=r;const c=_w(t,n),u=jw(a,i);_e(u);const f=u.getBoundingClientRect(),d=s?f.width:f.height;return(c-l)/d*100}function KI(n,e,t,r,i,s){if(Dw(n)){const o=t==="horizontal";let a=0;n.shiftKey?a=100:i!=null?a=i:a=10;let l=0;switch(n.key){case"ArrowDown":l=o?0:a;break;case"ArrowLeft":l=o?-a:0;break;case"ArrowRight":l=o?a:0;break;case"ArrowUp":l=o?0:-a;break;case"End":l=100;break;case"Home":l=-100;break}return l}else return r==null?0:JI(n,e,t,r,s)}function e$({panelDataArray:n}){const e=Array(n.length),t=n.map(s=>s.constraints);let r=0,i=100;for(let s=0;s<n.length;s++){const o=t[s];_e(o);const{defaultSize:a}=o;a!=null&&(r++,e[s]=a,i-=a)}for(let s=0;s<n.length;s++){const o=t[s];_e(o);const{defaultSize:a}=o;if(a!=null)continue;const l=n.length-r,c=i/l;r++,e[s]=c,i-=c}return e}function Hs(n,e,t){e.forEach((r,i)=>{const s=n[i];_e(s);const{callbacks:o,constraints:a,id:l}=s,{collapsedSize:c=0,collapsible:u}=a,f=t[l];if(f==null||r!==f){t[l]=r;const{onCollapse:d,onExpand:h,onResize:p}=o;p&&p(r,f),u&&(d||h)&&(h&&(f==null||f===c)&&r!==c&&h(),d&&(f==null||f!==c)&&r===c&&d())}})}function oc(n,e){if(n.length!==e.length)return!1;for(let t=0;t<n.length;t++)if(n[t]!=e[t])return!1;return!0}function t$({defaultSize:n,dragState:e,layout:t,panelData:r,panelIndex:i,precision:s=3}){const o=t[i];let a;return o==null?a=n??"1":r.length===1?a="1":a=o.toPrecision(s),{flexBasis:0,flexGrow:a,flexShrink:1,overflow:"hidden",pointerEvents:e!==null?"none":void 0}}let jp=null,Ps=null;function Mw(n){switch(n){case"horizontal":return"ew-resize";case"horizontal-max":return"w-resize";case"horizontal-min":return"e-resize";case"vertical":return"ns-resize";case"vertical-max":return"n-resize";case"vertical-min":return"s-resize"}}function n$(){Ps!==null&&(document.head.removeChild(Ps),jp=null,Ps=null)}function jd(n){if(jp===n)return;jp=n;const e=Mw(n);Ps===null&&(Ps=document.createElement("style"),document.head.appendChild(Ps)),Ps.innerHTML=`*{cursor: ${e}!important;}`}function r$(n,e=10){let t=null;return(...i)=>{t!==null&&clearTimeout(t),t=setTimeout(()=>{n(...i)},e)}}function sv(n){try{if(typeof localStorage<"u")n.getItem=e=>localStorage.getItem(e),n.setItem=(e,t)=>{localStorage.setItem(e,t)};else throw new Error("localStorage not supported in this environment")}catch(e){console.error(e),n.getItem=()=>null,n.setItem=()=>{}}}function Nw(n){return`react-resizable-panels:${n}`}function Fw(n){return n.map(e=>{const{constraints:t,id:r,idIsFromProps:i,order:s}=e;return i?r:s?`${s}:${JSON.stringify(t)}`:JSON.stringify(t)}).sort((e,t)=>e.localeCompare(t)).join(",")}function Zw(n,e){try{const t=Nw(n),r=e.getItem(t);if(r){const i=JSON.parse(r);if(typeof i=="object"&&i!=null)return i}}catch{}return null}function i$(n,e,t){var r,i;const s=(r=Zw(n,t))!==null&&r!==void 0?r:{},o=Fw(e);return(i=s[o])!==null&&i!==void 0?i:null}function s$(n,e,t,r,i){var s;const o=Nw(n),a=Fw(e),l=(s=Zw(n,i))!==null&&s!==void 0?s:{};l[a]={expandToSizes:Object.fromEntries(t.entries()),layout:r};try{i.setItem(o,JSON.stringify(l))}catch(c){console.error(c)}}function ov({layout:n,panelConstraints:e}){const t=[...n],r=t.reduce((s,o)=>s+o,0);if(t.length!==e.length)throw Error(`Invalid ${e.length} panel layout: ${t.map(s=>`${s}%`).join(", ")}`);if(!tr(r,100))for(let s=0;s<e.length;s++){const o=t[s];_e(o!=null);const a=100/r*o;t[s]=a}let i=0;for(let s=0;s<e.length;s++){const o=t[s];_e(o!=null);const a=uo({panelConstraints:e,panelIndex:s,size:o});o!=a&&(i+=o-a,t[s]=a)}if(!tr(i,0))for(let s=0;s<e.length;s++){const o=t[s];_e(o!=null);const a=o+i,l=uo({panelConstraints:e,panelIndex:s,size:a});if(o!==l&&(i-=l-o,t[s]=l,tr(i,0)))break}return t}const o$=100,$a={getItem:n=>(sv($a),$a.getItem(n)),setItem:(n,e)=>{sv($a),$a.setItem(n,e)}},av={};function Ww({autoSaveId:n=null,children:e,className:t="",direction:r,forwardedRef:i,id:s=null,onLayout:o=null,keyboardResizeBy:a=null,storage:l=$a,style:c,tagName:u="div",...f}){const d=H0(s),h=rr(null),[p,m]=Su(null),[g,v]=Su([]),O=rr({}),x=rr(new Map),S=rr(0),y=rr({autoSaveId:n,direction:r,dragState:p,id:d,keyboardResizeBy:a,onLayout:o,storage:l}),w=rr({layout:g,panelDataArray:[],panelDataArrayChanged:!1});rr({didLogIdAndOrderWarning:!1,didLogPanelConstraintsWarning:!1,prevPanelIds:[]}),Ew(i,()=>({getId:()=>y.current.id,getLayout:()=>{const{layout:R}=w.current;return R},setLayout:R=>{const{onLayout:M}=y.current,{layout:_,panelDataArray:q}=w.current,N=ov({layout:R,panelConstraints:q.map(ee=>ee.constraints)});iv(_,N)||(v(N),w.current.layout=N,M&&M(N),Hs(q,N,O.current))}}),[]),Ja(()=>{y.current.autoSaveId=n,y.current.direction=r,y.current.dragState=p,y.current.id=d,y.current.onLayout=o,y.current.storage=l}),HI({committedValuesRef:y,eagerValuesRef:w,groupId:d,layout:g,panelDataArray:w.current.panelDataArray,setLayout:v,panelGroupElement:h.current}),Rs(()=>{const{panelDataArray:R}=w.current;if(n){if(g.length===0||g.length!==R.length)return;let M=av[n];M==null&&(M=r$(s$,o$),av[n]=M);const _=[...R],q=new Map(x.current);M(n,_,q,g,l)}},[n,g,l]),Rs(()=>{});const C=Nn(R=>{const{onLayout:M}=y.current,{layout:_,panelDataArray:q}=w.current;if(R.constraints.collapsible){const N=q.map(se=>se.constraints),{collapsedSize:ee=0,panelSize:z,pivotIndices:ae}=vs(q,R,_);if(_e(z!=null),z!==ee){x.current.set(R.id,z);const oe=ao(q,R)===q.length-1?z-ee:ee-z,K=Ia({delta:oe,layout:_,panelConstraints:N,pivotIndices:ae,trigger:"imperative-api"});oc(_,K)||(v(K),w.current.layout=K,M&&M(K),Hs(q,K,O.current))}}},[]),k=Nn(R=>{const{onLayout:M}=y.current,{layout:_,panelDataArray:q}=w.current;if(R.constraints.collapsible){const N=q.map(oe=>oe.constraints),{collapsedSize:ee=0,panelSize:z,minSize:ae=0,pivotIndices:se}=vs(q,R,_);if(z===ee){const oe=x.current.get(R.id),K=oe!=null&&oe>=ae?oe:ae,Y=ao(q,R)===q.length-1?z-K:K-z,te=Ia({delta:Y,layout:_,panelConstraints:N,pivotIndices:se,trigger:"imperative-api"});oc(_,te)||(v(te),w.current.layout=te,M&&M(te),Hs(q,te,O.current))}}},[]),P=Nn(R=>{const{layout:M,panelDataArray:_}=w.current,{panelSize:q}=vs(_,R,M);return _e(q!=null),q},[]),A=Nn((R,M)=>{const{panelDataArray:_}=w.current,q=ao(_,R);return t$({defaultSize:M,dragState:p,layout:g,panelData:_,panelIndex:q})},[p,g]),E=Nn(R=>{const{layout:M,panelDataArray:_}=w.current,{collapsedSize:q=0,collapsible:N,panelSize:ee}=vs(_,R,M);return N===!0&&ee===q},[]),I=Nn(R=>{const{layout:M,panelDataArray:_}=w.current,{collapsedSize:q=0,collapsible:N,panelSize:ee}=vs(_,R,M);return _e(ee!=null),!N||ee>q},[]),$=Nn(R=>{const{panelDataArray:M}=w.current;M.push(R),M.sort((_,q)=>{const N=_.order,ee=q.order;return N==null&&ee==null?0:N==null?-1:ee==null?1:N-ee}),w.current.panelDataArrayChanged=!0},[]);Ja(()=>{if(w.current.panelDataArrayChanged){w.current.panelDataArrayChanged=!1;const{autoSaveId:R,onLayout:M,storage:_}=y.current,{layout:q,panelDataArray:N}=w.current;let ee=null;if(R){const ae=i$(R,N,_);ae&&(x.current=new Map(Object.entries(ae.expandToSizes)),ee=ae.layout)}ee==null&&(ee=e$({panelDataArray:N}));const z=ov({layout:ee,panelConstraints:N.map(ae=>ae.constraints)});iv(q,z)||(v(z),w.current.layout=z,M&&M(z),Hs(N,z,O.current))}});const D=Nn(R=>function(_){_.preventDefault();const q=h.current;if(!q)return()=>null;const{direction:N,dragState:ee,id:z,keyboardResizeBy:ae,onLayout:se}=y.current,{layout:oe,panelDataArray:K}=w.current,{initialLayout:de}=ee??{},Y=Rw(z,R,q);let te=KI(_,R,N,ee,ae,q);if(te===0)return;const ge=N==="horizontal";document.dir==="rtl"&&ge&&(te=-te);const ve=K.map(Ae=>Ae.constraints),$e=Ia({delta:te,layout:de??oe,panelConstraints:ve,pivotIndices:Y,trigger:Dw(_)?"keyboard":"mouse-or-touch"}),xe=!oc(oe,$e);(Qw(_)||Bw(_))&&S.current!=te&&(S.current=te,jd(xe?ge?"horizontal":"vertical":ge?te<0?"horizontal-min":"horizontal-max":te<0?"vertical-min":"vertical-max")),xe&&(v($e),w.current.layout=$e,se&&se($e),Hs(K,$e,O.current))},[]),j=Nn((R,M)=>{const{onLayout:_}=y.current,{layout:q,panelDataArray:N}=w.current,ee=N.map(de=>de.constraints),{panelSize:z,pivotIndices:ae}=vs(N,R,q);_e(z!=null);const oe=ao(N,R)===N.length-1?z-M:M-z,K=Ia({delta:oe,layout:q,panelConstraints:ee,pivotIndices:ae,trigger:"imperative-api"});oc(q,K)||(v(K),w.current.layout=K,_&&_(K),Hs(N,K,O.current))},[]),F=Nn((R,M)=>{const{layout:_,panelDataArray:q}=w.current,{collapsedSize:N=0,collapsible:ee,defaultSize:z,maxSize:ae=100,minSize:se=0}=M,{collapsedSize:oe=0,collapsible:K,defaultSize:de,maxSize:Y=100,minSize:te=0}=R.constraints,{panelSize:ge}=vs(q,R,_);_e(ge!=null),ee&&K&&N!==oe&&ge===N?j(R,oe):ge<te?j(R,te):ge>Y&&j(R,Y)},[j]),X=Nn((R,M)=>{const{direction:_}=y.current,{layout:q}=w.current;if(!h.current)return;const N=Df(R,h.current);_e(N);const ee=_w(_,M);m({dragHandleId:R,dragHandleRect:N.getBoundingClientRect(),initialCursorPosition:ee,initialLayout:q})},[]),W=Nn(()=>{n$(),m(null)},[]),U=Nn(R=>{const{panelDataArray:M}=w.current,_=ao(M,R);_>=0&&(M.splice(_,1),delete O.current[R.id],w.current.panelDataArrayChanged=!0)},[]),G=XI(()=>({collapsePanel:C,direction:r,dragState:p,expandPanel:k,getPanelSize:P,getPanelStyle:A,groupId:d,isPanelCollapsed:E,isPanelExpanded:I,reevaluatePanelConstraints:F,registerPanel:$,registerResizeHandle:D,resizePanel:j,startDragging:X,stopDragging:W,unregisterPanel:U,panelGroupElement:h.current}),[C,p,r,k,P,A,d,E,I,F,$,D,j,X,W,U]),V={display:"flex",flexDirection:r==="horizontal"?"row":"column",height:"100%",overflow:"hidden",width:"100%"};return Ro(jf.Provider,{value:G},Ro(u,{...f,children:e,className:t,style:{...V,...c},ref:h,"data-panel-group":"","data-panel-group-direction":r,"data-panel-group-id":d}))}const Vw=Aw((n,e)=>Ro(Ww,{...n,forwardedRef:e}));Ww.displayName="PanelGroup";Vw.displayName="forwardRef(PanelGroup)";function ao(n,e){return n.findIndex(t=>t===e||t.id===e.id)}function vs(n,e,t){const r=ao(n,e),s=r===n.length-1?[r-1,r]:[r,r+1],o=t[r];return{...e.constraints,panelSize:o,pivotIndices:s}}function a$({disabled:n,handleId:e,resizeHandler:t,panelGroupElement:r}){Rs(()=>{if(n||t==null||r==null)return;const i=Df(e,r);if(i==null)return;const s=o=>{if(!o.defaultPrevented)switch(o.key){case"ArrowDown":case"ArrowLeft":case"ArrowRight":case"ArrowUp":case"End":case"Home":{o.preventDefault(),t(o);break}case"F6":{o.preventDefault();const a=i.getAttribute("data-panel-group-id");_e(a);const l=el(a,r),c=$w(a,e,r);_e(c!==null);const u=o.shiftKey?c>0?c-1:l.length-1:c+1<l.length?c+1:0;l[u].focus();break}}};return i.addEventListener("keydown",s),()=>{i.removeEventListener("keydown",s)}},[r,n,e,t])}function zw({children:n=null,className:e="",disabled:t=!1,id:r,onDragging:i,style:s={},tabIndex:o=0,tagName:a="div",...l}){const c=rr(null),u=rr({onDragging:i});Rs(()=>{u.current.onDragging=i});const f=Pw(jf);if(f===null)throw Error("PanelResizeHandle components must be rendered within a PanelGroup container");const{direction:d,dragState:h,groupId:p,registerResizeHandle:m,startDragging:g,stopDragging:v,panelGroupElement:O}=f,x=H0(r),S=(h==null?void 0:h.dragHandleId)===x,[y,w]=Su(!1),[C,k]=Su(null),P=Nn(()=>{const E=c.current;_e(E),E.blur(),v();const{onDragging:I}=u.current;I&&I(!1)},[v]);Rs(()=>{if(t)k(null);else{const E=m(x);k(()=>E)}},[t,x,m]),Rs(()=>{if(t||C==null||!S)return;const E=j=>{C(j)},I=j=>{C(j)},$=c.current;_e($);const D=$.ownerDocument;return D.body.addEventListener("contextmenu",P),D.body.addEventListener("mousemove",E),D.body.addEventListener("touchmove",E),D.body.addEventListener("mouseleave",I),window.addEventListener("mouseup",P),window.addEventListener("touchend",P),()=>{D.body.removeEventListener("contextmenu",P),D.body.removeEventListener("mousemove",E),D.body.removeEventListener("touchmove",E),D.body.removeEventListener("mouseleave",I),window.removeEventListener("mouseup",P),window.removeEventListener("touchend",P)}},[d,t,S,C,P]),a$({disabled:t,handleId:x,resizeHandler:C,panelGroupElement:O});const A={cursor:Mw(d),touchAction:"none",userSelect:"none"};return Ro(a,{...l,children:n,className:e,onBlur:()=>w(!1),onFocus:()=>w(!0),onMouseDown:E=>{g(x,E.nativeEvent);const I=u.current;_e(I);const{onDragging:$}=I;$&&$(!0)},onMouseUp:P,onTouchCancel:P,onTouchEnd:P,onTouchStart:E=>{g(x,E.nativeEvent);const I=u.current;_e(I);const{onDragging:$}=I;$&&$(!0)},ref:c,role:"separator",style:{...A,...s},tabIndex:o,"data-panel-group-direction":d,"data-panel-group-id":p,"data-resize-handle":"","data-resize-handle-active":S?"pointer":y?"keyboard":void 0,"data-panel-resize-handle-enabled":!t,"data-panel-resize-handle-id":x})}zw.displayName="PanelResizeHandle";const Ne=B.div`
+See https://s-c.sh/2BAXzed for more info.`),window["__styled-components-init__"]+=1);const B=$p,{createElement:Ro,createContext:zI,createRef:RH,forwardRef:Aw,useCallback:Nn,useContext:Pw,useEffect:Rs,useImperativeHandle:Ew,useLayoutEffect:LI,useMemo:XI,useRef:rr,useState:Su}=H,rv=H["useId".toString()],jf=zI(null);jf.displayName="PanelGroupContext";const Ja=LI,GI=typeof rv=="function"?rv:()=>null;let YI=0;function H0(n=null){const e=GI(),t=rr(n||e||null);return t.current===null&&(t.current=""+YI++),n??t.current}function Tw({children:n,className:e="",collapsedSize:t,collapsible:r,defaultSize:i,forwardedRef:s,id:o,maxSize:a,minSize:l,onCollapse:c,onExpand:u,onResize:f,order:d,style:h,tagName:p="div",...m}){const g=Pw(jf);if(g===null)throw Error("Panel components must be rendered within a PanelGroup container");const{collapsePanel:v,expandPanel:O,getPanelSize:x,getPanelStyle:S,groupId:y,isPanelCollapsed:w,reevaluatePanelConstraints:C,registerPanel:k,resizePanel:P,unregisterPanel:A}=g,E=H0(o),I=rr({callbacks:{onCollapse:c,onExpand:u,onResize:f},constraints:{collapsedSize:t,collapsible:r,defaultSize:i,maxSize:a,minSize:l},id:E,idIsFromProps:o!==void 0,order:d});rr({didLogMissingDefaultSizeWarning:!1}),Ja(()=>{const{callbacks:D,constraints:j}=I.current,F={...j};I.current.id=E,I.current.idIsFromProps=o!==void 0,I.current.order=d,D.onCollapse=c,D.onExpand=u,D.onResize=f,j.collapsedSize=t,j.collapsible=r,j.defaultSize=i,j.maxSize=a,j.minSize=l,(F.collapsedSize!==j.collapsedSize||F.collapsible!==j.collapsible||F.maxSize!==j.maxSize||F.minSize!==j.minSize)&&C(I.current,F)}),Ja(()=>{const D=I.current;return k(D),()=>{A(D)}},[d,E,k,A]),Ew(s,()=>({collapse:()=>{v(I.current)},expand:()=>{O(I.current)},getId(){return E},getSize(){return x(I.current)},isCollapsed(){return w(I.current)},isExpanded(){return!w(I.current)},resize:D=>{P(I.current,D)}}),[v,O,x,w,E,P]);const $=S(I.current,i);return Ro(p,{...m,children:n,className:e,style:{...$,...h},"data-panel":"","data-panel-id":E,"data-panel-group-id":y,"data-panel-collapsible":void 0,"data-panel-size":void 0})}const Rp=Aw((n,e)=>Ro(Tw,{...n,forwardedRef:e}));Tw.displayName="Panel";Rp.displayName="forwardRef(Panel)";function _e(n,e="Assertion failed!"){if(!n)throw console.error(e),Error(e)}const Iw=10;function Ka(n,e,t=Iw){n=parseFloat(n.toFixed(t)),e=parseFloat(e.toFixed(t));const r=n-e;return r===0?0:r>0?1:-1}function tr(n,e,t){return Ka(n,e,t)===0}function uo({panelConstraints:n,panelIndex:e,size:t}){const r=n[e];_e(r!=null);let{collapsedSize:i=0,collapsible:s,maxSize:o=100,minSize:a=0}=r;if(Ka(t,a)<0)if(s){const l=(i+a)/2;Ka(t,l)<0?t=i:t=a}else t=a;return t=Math.min(o,t),t=parseFloat(t.toFixed(Iw)),t}function Ia({delta:n,layout:e,panelConstraints:t,pivotIndices:r,trigger:i}){if(tr(n,0))return e;const s=[...e],[o,a]=r;_e(o!=null),_e(a!=null);let l=0;if(i==="keyboard"){{const u=n<0?a:o,f=t[u];if(_e(f),f.collapsible){const d=e[u];_e(d!=null);const h=t[u];_e(h);const{collapsedSize:p=0,minSize:m=0}=h;if(tr(d,p)){const g=m-d;Ka(g,Math.abs(n))>0&&(n=n<0?0-g:g)}}}{const u=n<0?o:a,f=t[u];_e(f);const{collapsible:d}=f;if(d){const h=e[u];_e(h!=null);const p=t[u];_e(p);const{collapsedSize:m=0,minSize:g=0}=p;if(tr(h,g)){const v=h-m;Ka(v,Math.abs(n))>0&&(n=n<0?0-v:v)}}}}{const u=n<0?1:-1;let f=n<0?a:o,d=0;for(;;){const p=e[f];_e(p!=null);const g=uo({panelConstraints:t,panelIndex:f,size:100})-p;if(d+=g,f+=u,f<0||f>=t.length)break}const h=Math.min(Math.abs(n),Math.abs(d));n=n<0?0-h:h}{let f=n<0?o:a;for(;f>=0&&f<t.length;){const d=Math.abs(n)-Math.abs(l),h=e[f];_e(h!=null);const p=h-d,m=uo({panelConstraints:t,panelIndex:f,size:p});if(!tr(h,m)&&(l+=h-m,s[f]=m,l.toPrecision(3).localeCompare(Math.abs(n).toPrecision(3),void 0,{numeric:!0})>=0))break;n<0?f--:f++}}if(tr(l,0))return e;{const u=n<0?a:o,f=e[u];_e(f!=null);const d=f+l,h=uo({panelConstraints:t,panelIndex:u,size:d});if(s[u]=h,!tr(h,d)){let p=d-h,g=n<0?a:o;for(;g>=0&&g<t.length;){const v=s[g];_e(v!=null);const O=v+p,x=uo({panelConstraints:t,panelIndex:g,size:O});if(tr(v,x)||(p-=x-v,s[g]=x),tr(p,0))break;n>0?g--:g++}}}const c=s.reduce((u,f)=>f+u,0);return tr(c,100)?s:e}function UI({layout:n,panelsArray:e,pivotIndices:t}){let r=0,i=100,s=0,o=0;const a=t[0];_e(a!=null),e.forEach((f,d)=>{const{constraints:h}=f,{maxSize:p=100,minSize:m=0}=h;d===a?(r=m,i=p):(s+=m,o+=p)});const l=Math.min(i,100-s),c=Math.max(r,100-o),u=n[a];return{valueMax:l,valueMin:c,valueNow:u}}function el(n,e=document){return Array.from(e.querySelectorAll(`[data-panel-resize-handle-id][data-panel-group-id="${n}"]`))}function $w(n,e,t=document){const i=el(n,t).findIndex(s=>s.getAttribute("data-panel-resize-handle-id")===e);return i??null}function Rw(n,e,t){const r=$w(n,e,t);return r!=null?[r,r+1]:[-1,-1]}function jw(n,e=document){var t;if(e instanceof HTMLElement&&(e==null||(t=e.dataset)===null||t===void 0?void 0:t.panelGroupId)==n)return e;const r=e.querySelector(`[data-panel-group][data-panel-group-id="${n}"]`);return r||null}function Df(n,e=document){const t=e.querySelector(`[data-panel-resize-handle-id="${n}"]`);return t||null}function qI(n,e,t,r=document){var i,s,o,a;const l=Df(e,r),c=el(n,r),u=l?c.indexOf(l):-1,f=(i=(s=t[u])===null||s===void 0?void 0:s.id)!==null&&i!==void 0?i:null,d=(o=(a=t[u+1])===null||a===void 0?void 0:a.id)!==null&&o!==void 0?o:null;return[f,d]}function HI({committedValuesRef:n,eagerValuesRef:e,groupId:t,layout:r,panelDataArray:i,panelGroupElement:s,setLayout:o}){rr({didWarnAboutMissingResizeHandle:!1}),Ja(()=>{if(!s)return;const a=el(t,s);for(let l=0;l<i.length-1;l++){const{valueMax:c,valueMin:u,valueNow:f}=UI({layout:r,panelsArray:i,pivotIndices:[l,l+1]}),d=a[l];if(d!=null){const h=i[l];_e(h),d.setAttribute("aria-controls",h.id),d.setAttribute("aria-valuemax",""+Math.round(c)),d.setAttribute("aria-valuemin",""+Math.round(u)),d.setAttribute("aria-valuenow",f!=null?""+Math.round(f):"")}}return()=>{a.forEach((l,c)=>{l.removeAttribute("aria-controls"),l.removeAttribute("aria-valuemax"),l.removeAttribute("aria-valuemin"),l.removeAttribute("aria-valuenow")})}},[t,r,i,s]),Rs(()=>{if(!s)return;const a=e.current;_e(a);const{panelDataArray:l}=a,c=jw(t,s);_e(c!=null,`No group found for id "${t}"`);const u=el(t,s);_e(u);const f=u.map(d=>{const h=d.getAttribute("data-panel-resize-handle-id");_e(h);const[p,m]=qI(t,h,l,s);if(p==null||m==null)return()=>{};const g=v=>{if(!v.defaultPrevented)switch(v.key){case"Enter":{v.preventDefault();const O=l.findIndex(x=>x.id===p);if(O>=0){const x=l[O];_e(x);const S=r[O],{collapsedSize:y=0,collapsible:w,minSize:C=0}=x.constraints;if(S!=null&&w){const k=Ia({delta:tr(S,y)?C-y:y-S,layout:r,panelConstraints:l.map(P=>P.constraints),pivotIndices:Rw(t,h,s),trigger:"keyboard"});r!==k&&o(k)}}break}}};return d.addEventListener("keydown",g),()=>{d.removeEventListener("keydown",g)}});return()=>{f.forEach(d=>d())}},[s,n,e,t,r,i,o])}function iv(n,e){if(n.length!==e.length)return!1;for(let t=0;t<n.length;t++)if(n[t]!==e[t])return!1;return!0}function Dw(n){return n.type==="keydown"}function Qw(n){return n.type.startsWith("mouse")}function Bw(n){return n.type.startsWith("touch")}function _w(n,e){const t=n==="horizontal";if(Qw(e))return t?e.clientX:e.clientY;if(Bw(e)){const r=e.touches[0];return _e(r),t?r.screenX:r.screenY}else throw Error(`Unsupported event type "${e.type}"`)}function JI(n,e,t,r,i){const s=t==="horizontal",o=Df(e,i);_e(o);const a=o.getAttribute("data-panel-group-id");_e(a);let{initialCursorPosition:l}=r;const c=_w(t,n),u=jw(a,i);_e(u);const f=u.getBoundingClientRect(),d=s?f.width:f.height;return(c-l)/d*100}function KI(n,e,t,r,i,s){if(Dw(n)){const o=t==="horizontal";let a=0;n.shiftKey?a=100:i!=null?a=i:a=10;let l=0;switch(n.key){case"ArrowDown":l=o?0:a;break;case"ArrowLeft":l=o?-a:0;break;case"ArrowRight":l=o?a:0;break;case"ArrowUp":l=o?0:-a;break;case"End":l=100;break;case"Home":l=-100;break}return l}else return r==null?0:JI(n,e,t,r,s)}function e$({panelDataArray:n}){const e=Array(n.length),t=n.map(s=>s.constraints);let r=0,i=100;for(let s=0;s<n.length;s++){const o=t[s];_e(o);const{defaultSize:a}=o;a!=null&&(r++,e[s]=a,i-=a)}for(let s=0;s<n.length;s++){const o=t[s];_e(o);const{defaultSize:a}=o;if(a!=null)continue;const l=n.length-r,c=i/l;r++,e[s]=c,i-=c}return e}function Hs(n,e,t){e.forEach((r,i)=>{const s=n[i];_e(s);const{callbacks:o,constraints:a,id:l}=s,{collapsedSize:c=0,collapsible:u}=a,f=t[l];if(f==null||r!==f){t[l]=r;const{onCollapse:d,onExpand:h,onResize:p}=o;p&&p(r,f),u&&(d||h)&&(h&&(f==null||f===c)&&r!==c&&h(),d&&(f==null||f!==c)&&r===c&&d())}})}function oc(n,e){if(n.length!==e.length)return!1;for(let t=0;t<n.length;t++)if(n[t]!=e[t])return!1;return!0}function t$({defaultSize:n,dragState:e,layout:t,panelData:r,panelIndex:i,precision:s=3}){const o=t[i];let a;return o==null?a=n??"1":r.length===1?a="1":a=o.toPrecision(s),{flexBasis:0,flexGrow:a,flexShrink:1,overflow:"hidden",pointerEvents:e!==null?"none":void 0}}let jp=null,Ps=null;function Mw(n){switch(n){case"horizontal":return"ew-resize";case"horizontal-max":return"w-resize";case"horizontal-min":return"e-resize";case"vertical":return"ns-resize";case"vertical-max":return"n-resize";case"vertical-min":return"s-resize"}}function n$(){Ps!==null&&(document.head.removeChild(Ps),jp=null,Ps=null)}function jd(n){if(jp===n)return;jp=n;const e=Mw(n);Ps===null&&(Ps=document.createElement("style"),document.head.appendChild(Ps)),Ps.innerHTML=`*{cursor: ${e}!important;}`}function r$(n,e=10){let t=null;return(...i)=>{t!==null&&clearTimeout(t),t=setTimeout(()=>{n(...i)},e)}}function sv(n){try{if(typeof localStorage<"u")n.getItem=e=>localStorage.getItem(e),n.setItem=(e,t)=>{localStorage.setItem(e,t)};else throw new Error("localStorage not supported in this environment")}catch(e){console.error(e),n.getItem=()=>null,n.setItem=()=>{}}}function Nw(n){return`react-resizable-panels:${n}`}function Fw(n){return n.map(e=>{const{constraints:t,id:r,idIsFromProps:i,order:s}=e;return i?r:s?`${s}:${JSON.stringify(t)}`:JSON.stringify(t)}).sort((e,t)=>e.localeCompare(t)).join(",")}function Zw(n,e){try{const t=Nw(n),r=e.getItem(t);if(r){const i=JSON.parse(r);if(typeof i=="object"&&i!=null)return i}}catch{}return null}function i$(n,e,t){var r,i;const s=(r=Zw(n,t))!==null&&r!==void 0?r:{},o=Fw(e);return(i=s[o])!==null&&i!==void 0?i:null}function s$(n,e,t,r,i){var s;const o=Nw(n),a=Fw(e),l=(s=Zw(n,i))!==null&&s!==void 0?s:{};l[a]={expandToSizes:Object.fromEntries(t.entries()),layout:r};try{i.setItem(o,JSON.stringify(l))}catch(c){console.error(c)}}function ov({layout:n,panelConstraints:e}){const t=[...n],r=t.reduce((s,o)=>s+o,0);if(t.length!==e.length)throw Error(`Invalid ${e.length} panel layout: ${t.map(s=>`${s}%`).join(", ")}`);if(!tr(r,100))for(let s=0;s<e.length;s++){const o=t[s];_e(o!=null);const a=100/r*o;t[s]=a}let i=0;for(let s=0;s<e.length;s++){const o=t[s];_e(o!=null);const a=uo({panelConstraints:e,panelIndex:s,size:o});o!=a&&(i+=o-a,t[s]=a)}if(!tr(i,0))for(let s=0;s<e.length;s++){const o=t[s];_e(o!=null);const a=o+i,l=uo({panelConstraints:e,panelIndex:s,size:a});if(o!==l&&(i-=l-o,t[s]=l,tr(i,0)))break}return t}const o$=100,$a={getItem:n=>(sv($a),$a.getItem(n)),setItem:(n,e)=>{sv($a),$a.setItem(n,e)}},av={};function Ww({autoSaveId:n=null,children:e,className:t="",direction:r,forwardedRef:i,id:s=null,onLayout:o=null,keyboardResizeBy:a=null,storage:l=$a,style:c,tagName:u="div",...f}){const d=H0(s),h=rr(null),[p,m]=Su(null),[g,v]=Su([]),O=rr({}),x=rr(new Map),S=rr(0),y=rr({autoSaveId:n,direction:r,dragState:p,id:d,keyboardResizeBy:a,onLayout:o,storage:l}),w=rr({layout:g,panelDataArray:[],panelDataArrayChanged:!1});rr({didLogIdAndOrderWarning:!1,didLogPanelConstraintsWarning:!1,prevPanelIds:[]}),Ew(i,()=>({getId:()=>y.current.id,getLayout:()=>{const{layout:R}=w.current;return R},setLayout:R=>{const{onLayout:M}=y.current,{layout:_,panelDataArray:q}=w.current,N=ov({layout:R,panelConstraints:q.map(ee=>ee.constraints)});iv(_,N)||(v(N),w.current.layout=N,M&&M(N),Hs(q,N,O.current))}}),[]),Ja(()=>{y.current.autoSaveId=n,y.current.direction=r,y.current.dragState=p,y.current.id=d,y.current.onLayout=o,y.current.storage=l}),HI({committedValuesRef:y,eagerValuesRef:w,groupId:d,layout:g,panelDataArray:w.current.panelDataArray,setLayout:v,panelGroupElement:h.current}),Rs(()=>{const{panelDataArray:R}=w.current;if(n){if(g.length===0||g.length!==R.length)return;let M=av[n];M==null&&(M=r$(s$,o$),av[n]=M);const _=[...R],q=new Map(x.current);M(n,_,q,g,l)}},[n,g,l]),Rs(()=>{});const C=Nn(R=>{const{onLayout:M}=y.current,{layout:_,panelDataArray:q}=w.current;if(R.constraints.collapsible){const N=q.map(se=>se.constraints),{collapsedSize:ee=0,panelSize:z,pivotIndices:ae}=vs(q,R,_);if(_e(z!=null),z!==ee){x.current.set(R.id,z);const oe=ao(q,R)===q.length-1?z-ee:ee-z,K=Ia({delta:oe,layout:_,panelConstraints:N,pivotIndices:ae,trigger:"imperative-api"});oc(_,K)||(v(K),w.current.layout=K,M&&M(K),Hs(q,K,O.current))}}},[]),k=Nn(R=>{const{onLayout:M}=y.current,{layout:_,panelDataArray:q}=w.current;if(R.constraints.collapsible){const N=q.map(oe=>oe.constraints),{collapsedSize:ee=0,panelSize:z,minSize:ae=0,pivotIndices:se}=vs(q,R,_);if(z===ee){const oe=x.current.get(R.id),K=oe!=null&&oe>=ae?oe:ae,Y=ao(q,R)===q.length-1?z-K:K-z,te=Ia({delta:Y,layout:_,panelConstraints:N,pivotIndices:se,trigger:"imperative-api"});oc(_,te)||(v(te),w.current.layout=te,M&&M(te),Hs(q,te,O.current))}}},[]),P=Nn(R=>{const{layout:M,panelDataArray:_}=w.current,{panelSize:q}=vs(_,R,M);return _e(q!=null),q},[]),A=Nn((R,M)=>{const{panelDataArray:_}=w.current,q=ao(_,R);return t$({defaultSize:M,dragState:p,layout:g,panelData:_,panelIndex:q})},[p,g]),E=Nn(R=>{const{layout:M,panelDataArray:_}=w.current,{collapsedSize:q=0,collapsible:N,panelSize:ee}=vs(_,R,M);return N===!0&&ee===q},[]),I=Nn(R=>{const{layout:M,panelDataArray:_}=w.current,{collapsedSize:q=0,collapsible:N,panelSize:ee}=vs(_,R,M);return _e(ee!=null),!N||ee>q},[]),$=Nn(R=>{const{panelDataArray:M}=w.current;M.push(R),M.sort((_,q)=>{const N=_.order,ee=q.order;return N==null&&ee==null?0:N==null?-1:ee==null?1:N-ee}),w.current.panelDataArrayChanged=!0},[]);Ja(()=>{if(w.current.panelDataArrayChanged){w.current.panelDataArrayChanged=!1;const{autoSaveId:R,onLayout:M,storage:_}=y.current,{layout:q,panelDataArray:N}=w.current;let ee=null;if(R){const ae=i$(R,N,_);ae&&(x.current=new Map(Object.entries(ae.expandToSizes)),ee=ae.layout)}ee==null&&(ee=e$({panelDataArray:N}));const z=ov({layout:ee,panelConstraints:N.map(ae=>ae.constraints)});iv(q,z)||(v(z),w.current.layout=z,M&&M(z),Hs(N,z,O.current))}});const D=Nn(R=>function(_){_.preventDefault();const q=h.current;if(!q)return()=>null;const{direction:N,dragState:ee,id:z,keyboardResizeBy:ae,onLayout:se}=y.current,{layout:oe,panelDataArray:K}=w.current,{initialLayout:de}=ee??{},Y=Rw(z,R,q);let te=KI(_,R,N,ee,ae,q);if(te===0)return;const ge=N==="horizontal";document.dir==="rtl"&&ge&&(te=-te);const ve=K.map(Ae=>Ae.constraints),$e=Ia({delta:te,layout:de??oe,panelConstraints:ve,pivotIndices:Y,trigger:Dw(_)?"keyboard":"mouse-or-touch"}),xe=!oc(oe,$e);(Qw(_)||Bw(_))&&S.current!=te&&(S.current=te,jd(xe?ge?"horizontal":"vertical":ge?te<0?"horizontal-min":"horizontal-max":te<0?"vertical-min":"vertical-max")),xe&&(v($e),w.current.layout=$e,se&&se($e),Hs(K,$e,O.current))},[]),j=Nn((R,M)=>{const{onLayout:_}=y.current,{layout:q,panelDataArray:N}=w.current,ee=N.map(de=>de.constraints),{panelSize:z,pivotIndices:ae}=vs(N,R,q);_e(z!=null);const oe=ao(N,R)===N.length-1?z-M:M-z,K=Ia({delta:oe,layout:q,panelConstraints:ee,pivotIndices:ae,trigger:"imperative-api"});oc(q,K)||(v(K),w.current.layout=K,_&&_(K),Hs(N,K,O.current))},[]),F=Nn((R,M)=>{const{layout:_,panelDataArray:q}=w.current,{collapsedSize:N=0,collapsible:ee,defaultSize:z,maxSize:ae=100,minSize:se=0}=M,{collapsedSize:oe=0,collapsible:K,defaultSize:de,maxSize:Y=100,minSize:te=0}=R.constraints,{panelSize:ge}=vs(q,R,_);_e(ge!=null),ee&&K&&N!==oe&&ge===N?j(R,oe):ge<te?j(R,te):ge>Y&&j(R,Y)},[j]),X=Nn((R,M)=>{const{direction:_}=y.current,{layout:q}=w.current;if(!h.current)return;const N=Df(R,h.current);_e(N);const ee=_w(_,M);m({dragHandleId:R,dragHandleRect:N.getBoundingClientRect(),initialCursorPosition:ee,initialLayout:q})},[]),W=Nn(()=>{n$(),m(null)},[]),U=Nn(R=>{const{panelDataArray:M}=w.current,_=ao(M,R);_>=0&&(M.splice(_,1),delete O.current[R.id],w.current.panelDataArrayChanged=!0)},[]),G=XI(()=>({collapsePanel:C,direction:r,dragState:p,expandPanel:k,getPanelSize:P,getPanelStyle:A,groupId:d,isPanelCollapsed:E,isPanelExpanded:I,reevaluatePanelConstraints:F,registerPanel:$,registerResizeHandle:D,resizePanel:j,startDragging:X,stopDragging:W,unregisterPanel:U,panelGroupElement:h.current}),[C,p,r,k,P,A,d,E,I,F,$,D,j,X,W,U]),V={display:"flex",flexDirection:r==="horizontal"?"row":"column",height:"100%",overflow:"hidden",width:"100%"};return Ro(jf.Provider,{value:G},Ro(u,{...f,children:e,className:t,style:{...V,...c},ref:h,"data-panel-group":"","data-panel-group-direction":r,"data-panel-group-id":d}))}const Vw=Aw((n,e)=>Ro(Ww,{...n,forwardedRef:e}));Ww.displayName="PanelGroup";Vw.displayName="forwardRef(PanelGroup)";function ao(n,e){return n.findIndex(t=>t===e||t.id===e.id)}function vs(n,e,t){const r=ao(n,e),s=r===n.length-1?[r-1,r]:[r,r+1],o=t[r];return{...e.constraints,panelSize:o,pivotIndices:s}}function a$({disabled:n,handleId:e,resizeHandler:t,panelGroupElement:r}){Rs(()=>{if(n||t==null||r==null)return;const i=Df(e,r);if(i==null)return;const s=o=>{if(!o.defaultPrevented)switch(o.key){case"ArrowDown":case"ArrowLeft":case"ArrowRight":case"ArrowUp":case"End":case"Home":{o.preventDefault(),t(o);break}case"F6":{o.preventDefault();const a=i.getAttribute("data-panel-group-id");_e(a);const l=el(a,r),c=$w(a,e,r);_e(c!==null);const u=o.shiftKey?c>0?c-1:l.length-1:c+1<l.length?c+1:0;l[u].focus();break}}};return i.addEventListener("keydown",s),()=>{i.removeEventListener("keydown",s)}},[r,n,e,t])}function zw({children:n=null,className:e="",disabled:t=!1,id:r,onDragging:i,style:s={},tabIndex:o=0,tagName:a="div",...l}){const c=rr(null),u=rr({onDragging:i});Rs(()=>{u.current.onDragging=i});const f=Pw(jf);if(f===null)throw Error("PanelResizeHandle components must be rendered within a PanelGroup container");const{direction:d,dragState:h,groupId:p,registerResizeHandle:m,startDragging:g,stopDragging:v,panelGroupElement:O}=f,x=H0(r),S=(h==null?void 0:h.dragHandleId)===x,[y,w]=Su(!1),[C,k]=Su(null),P=Nn(()=>{const E=c.current;_e(E),E.blur(),v();const{onDragging:I}=u.current;I&&I(!1)},[v]);Rs(()=>{if(t)k(null);else{const E=m(x);k(()=>E)}},[t,x,m]),Rs(()=>{if(t||C==null||!S)return;const E=j=>{C(j)},I=j=>{C(j)},$=c.current;_e($);const D=$.ownerDocument;return D.body.addEventListener("contextmenu",P),D.body.addEventListener("mousemove",E),D.body.addEventListener("touchmove",E),D.body.addEventListener("mouseleave",I),window.addEventListener("mouseup",P),window.addEventListener("touchend",P),()=>{D.body.removeEventListener("contextmenu",P),D.body.removeEventListener("mousemove",E),D.body.removeEventListener("touchmove",E),D.body.removeEventListener("mouseleave",I),window.removeEventListener("mouseup",P),window.removeEventListener("touchend",P)}},[d,t,S,C,P]),a$({disabled:t,handleId:x,resizeHandler:C,panelGroupElement:O});const A={cursor:Mw(d),touchAction:"none",userSelect:"none"};return Ro(a,{...l,children:n,className:e,onBlur:()=>w(!1),onFocus:()=>w(!0),onMouseDown:E=>{g(x,E.nativeEvent);const I=u.current;_e(I);const{onDragging:$}=I;$&&$(!0)},onMouseUp:P,onTouchCancel:P,onTouchEnd:P,onTouchStart:E=>{g(x,E.nativeEvent);const I=u.current;_e(I);const{onDragging:$}=I;$&&$(!0)},ref:c,role:"separator",style:{...A,...s},tabIndex:o,"data-panel-group-direction":d,"data-panel-group-id":p,"data-resize-handle":"","data-resize-handle-active":S?"pointer":y?"keyboard":void 0,"data-panel-resize-handle-enabled":!t,"data-panel-resize-handle-id":x})}zw.displayName="PanelResizeHandle";const Ne=B.div`
   border-bottom: 1px solid var(--border-color-secondary);
   width: 100%;
 `;function l$({onDoubleClick:n,...e}){return b.jsx(zw,{...e,children:b.jsx(c$,{onDoubleClick:n,children:b.jsx(Ne,{})})})}const c$=B.div`
@@ -311,6 +311,7 @@ html body {
   flex-direction: row;
   align-self: flex-end;
   padding-top: var(--spacing-xxs);
+  gap: var(--spacing-xs);
 `,Vs=({children:n,className:e,...t})=>b.jsx(d3,{className:e,onFocus:r=>r.stopPropagation(),onKeyDown:r=>r.stopPropagation(),onSelect:r=>r.stopPropagation(),onPaste:r=>r.stopPropagation(),onCut:r=>r.stopPropagation(),onClick:r=>r.stopPropagation(),...t,children:n}),d3=B.div`
   border-radius: var(--border-radius);
   border: 2px solid var(--border-color-secondary);
@@ -724,9 +725,6 @@ html body {
   svg {
     cursor: pointer;
   }
-  button {
-    margin: 0;
-  }
 `;function H_({state:n,security:e,securityType:t}){switch(n){case"loading":return{title:"Generating a token",description:"Almost there! Your token is currently being generated and will be ready in less than a minute.",buttonText:"Cancel generating",icon:b.jsx(L.CircleDashIcon,{size:"24px",color:"--color-primary-base"})};case"success":return{title:"Token generated successfully",description:b.jsx(G_,{security:e,securityType:t}),buttonText:"Proceed",icon:b.jsx(L.CheckmarkIcon,{size:"24px",color:"--color-success-base"})};case"error":return{title:"Generating a token failed",description:"An error occurred during token generation. Please check the accuracy of the entered data.",buttonText:"Ok",icon:b.jsx(L.CloseFilledIcon,{size:"24px",color:"--color-error-base"})}}}function J_({state:n,onClick:e,security:t,securityType:r}){const{title:i,description:s,buttonText:o,icon:a}=H_({state:n,security:t,securityType:r});return Q.useEffect(()=>{const l=c=>{c.key==="Escape"&&e()};return document.addEventListener("keydown",l),()=>{document.removeEventListener("keydown",l)}},[e]),b.jsxs(t9,{children:[a,b.jsx(n9,{children:i}),L.isString(s)?b.jsx(r9,{children:s}):s,b.jsx(L.Button,{onClick:e,children:o})]})}const K_=Q.memo(J_),e9=VI`
   from {
     transform: rotate(0deg);
@@ -1678,6 +1676,7 @@ Please report this to https://github.com/markedjs/marked.`,e.silent)return"<p>An
 `,HU=B.div`
   display: flex;
   justify-content: flex-end;
+  gap: var(--spacing-xs);
 `,JU=B(Dk)`
   left: -4px;
 `;function QO({onSearch:n,variant:e="focused",value:t}){const[r,i]=Q.useTransition(),s=o=>{i(()=>{n(o)})};return b.jsx(KU,{"data-testid":"search-input",children:b.jsx(eq,{icon:b.jsx(tq,{color:"--text-color-helper"}),iconPosition:"left",placeholder:"Search",variant:e,value:t,onChange:o=>s(o.target.value)})})}const KU=B.div`
@@ -1862,38 +1861,41 @@ Please report this to https://github.com/markedjs/marked.`,e.silent)return"<p>An
 `,kq=B($l)`
   padding-left: 39px;
   margin-left: -23px;
-`;function Aq({defaultName:n,onChange:e,onApplyNewName:t,onCancelEditing:r,icon:i,placeholder:s="New Folder"}){const[o,a]=Q.useState(n),l=u=>{a(u.target.value),e==null||e(u)},c=o.trim();return b.jsx(Rl,{onClickOutside:r,children:b.jsxs(nq,{children:[i,b.jsx(sl,{"data-testid":"edit-item-header-input",type:"text",placeholder:s,value:o,onChange:l}),b.jsx(L.Button,{"data-testid":"edit-item-header-save-button",variant:"primary",onClick:()=>t(c),disabled:!c,children:b.jsx(L.CheckmarkIcon,{})}),b.jsx(L.Button,{variant:"text",onClick:r,icon:b.jsx(L.CloseIcon,{})})]})})}function Pq({environment:n,defaultExpanded:e}){const[t,r]=Q.useState(!1),{sendEvent:i}=Ct(),{state:s,canBeEdited:o,canBeRemoved:a,name:l}=n.get(),c=()=>{n.set(vt),i("environment_creation_cancelled",{})},u=()=>{n.state.set(hr.Normal),i("environment_editing_cancelled",{name:l})},f=()=>{n.state.set(hr.Edit),i("environment_editing_started",{name:l})},d=()=>{n.set(vt),i("environment_removed",{name:l})},h=v=>{s===hr.Draft?i("environment_creation_finished",{name:v}):i("environment_edited",{name:l,newName:v}),n.state.set(hr.Normal),v.length&&n.name.set(v)},p=()=>{r(!0),i("environment_variable_creation_started",{name:l})},m=v=>{n.variables.set(O=>[v,...O]),r(!1),i("environment_variable_creation_finished",{name:l,variable:v.name,isSecret:v.isSecret})},g=()=>{r(!1),i("environment_variable_creation_cancelled",{name:l})};return s===hr.Edit||s===hr.Draft?b.jsx(Aq,{placeholder:"New Environment",defaultName:l,onApplyNewName:h,onCancelEditing:s===hr.Draft?c:u,icon:s===hr.Edit?b.jsx(L.ChevronRightIcon,{size:"14px",color:"--text-color-secondary"}):b.jsx(L.AddIcon,{})}):b.jsx(b.Fragment,{children:b.jsxs(Gf,{dataTestId:`environment-${l}`,title:l,defaultExpanded:e,controls:b.jsxs(Eq,{children:[o&&b.jsx(bo,{size:"small",variant:"text",icon:b.jsx(L.EditIcon,{}),onClick:f,"data-testid":`edit-environment-${l}`}),a&&b.jsx(Rf,{description:mq.replace("{name}",l),onConfirm:d,children:b.jsx(yr,{variant:"text",icon:b.jsx(L.TrashCanIcon,{}),"data-testid":`remove-environment-${l}`})}),(!o||!a)&&b.jsx(ds,{content:hq,children:b.jsx(bo,{size:"small",variant:"text",icon:b.jsx(L.InformationIcon,{})})})]}),children:[t?b.jsx($q,{variable:Xu(),onSave:m,onCancel:g,isNew:!0}):b.jsx(Iq,{icon:b.jsx(L.AddIcon,{}),variant:"secondary",onClick:p,iconPosition:"left",size:"small",children:"New variable"}),n.variables.map(v=>b.jsx(Q.Fragment,{children:b.jsx(xq,{variable:v,environment:n})},v.get().id))]})})}const Eq=B.div`
+`;function Aq({defaultName:n,onChange:e,onApplyNewName:t,onCancelEditing:r,icon:i,placeholder:s="New Folder"}){const[o,a]=Q.useState(n),l=u=>{a(u.target.value),e==null||e(u)},c=o.trim();return b.jsx(Rl,{onClickOutside:r,children:b.jsxs(nq,{children:[i,b.jsx(sl,{"data-testid":"edit-item-header-input",type:"text",placeholder:s,value:o,onChange:l}),b.jsxs(Pq,{children:[b.jsx(L.Button,{"data-testid":"edit-item-header-save-button",variant:"primary",onClick:()=>t(c),disabled:!c,children:b.jsx(L.CheckmarkIcon,{})}),b.jsx(L.Button,{variant:"text",onClick:r,icon:b.jsx(L.CloseIcon,{})})]})]})})}const Pq=B.div`
+  display: flex;
+  gap: var(--spacing-xs);
+`;function Eq({environment:n,defaultExpanded:e}){const[t,r]=Q.useState(!1),{sendEvent:i}=Ct(),{state:s,canBeEdited:o,canBeRemoved:a,name:l}=n.get(),c=()=>{n.set(vt),i("environment_creation_cancelled",{})},u=()=>{n.state.set(hr.Normal),i("environment_editing_cancelled",{name:l})},f=()=>{n.state.set(hr.Edit),i("environment_editing_started",{name:l})},d=()=>{n.set(vt),i("environment_removed",{name:l})},h=v=>{s===hr.Draft?i("environment_creation_finished",{name:v}):i("environment_edited",{name:l,newName:v}),n.state.set(hr.Normal),v.length&&n.name.set(v)},p=()=>{r(!0),i("environment_variable_creation_started",{name:l})},m=v=>{n.variables.set(O=>[v,...O]),r(!1),i("environment_variable_creation_finished",{name:l,variable:v.name,isSecret:v.isSecret})},g=()=>{r(!1),i("environment_variable_creation_cancelled",{name:l})};return s===hr.Edit||s===hr.Draft?b.jsx(Aq,{placeholder:"New Environment",defaultName:l,onApplyNewName:h,onCancelEditing:s===hr.Draft?c:u,icon:s===hr.Edit?b.jsx(L.ChevronRightIcon,{size:"14px",color:"--text-color-secondary"}):b.jsx(L.AddIcon,{})}):b.jsx(b.Fragment,{children:b.jsxs(Gf,{dataTestId:`environment-${l}`,title:l,defaultExpanded:e,controls:b.jsxs(Tq,{children:[o&&b.jsx(bo,{size:"small",variant:"text",icon:b.jsx(L.EditIcon,{}),onClick:f,"data-testid":`edit-environment-${l}`}),a&&b.jsx(Rf,{description:mq.replace("{name}",l),onConfirm:d,children:b.jsx(yr,{variant:"text",icon:b.jsx(L.TrashCanIcon,{}),"data-testid":`remove-environment-${l}`})}),(!o||!a)&&b.jsx(ds,{content:hq,children:b.jsx(bo,{size:"small",variant:"text",icon:b.jsx(L.InformationIcon,{})})})]}),children:[t?b.jsx(Rq,{variable:Xu(),onSave:m,onCancel:g,isNew:!0}):b.jsx($q,{icon:b.jsx(L.AddIcon,{}),variant:"secondary",onClick:p,iconPosition:"left",size:"small",children:"New variable"}),n.variables.map(v=>b.jsx(Q.Fragment,{children:b.jsx(xq,{variable:v,environment:n})},v.get().id))]})})}const Tq=B.div`
   display: flex;
   flex-direction: row;
   gap: var(--spacing-xxs);
   align-items: center;
-`,Tq=B(L.Button)`
+`,Iq=B(L.Button)`
   align-self: flex-start;
   margin: 0;
-`,Iq=B(Tq)`
+`,$q=B(Iq)`
   margin: 8px 0 8px -7px;
   font-size: var(--font-size-base);
   font-weight: var(--font-weight-regular);
   line-height: var(--line-height-base);
-`,$q=B($l)`
+`,Rq=B($l)`
   padding-left: 39px;
   margin-left: -23px;
-`;function Rq(){const[n,e]=Q.useState(""),{environments:t,selectedEnvironmentId:r}=Le(),{sendEvent:i}=Ct(),s=Q.useMemo(()=>t.filter(l=>l.name.get().toLowerCase().includes(n.toLowerCase())),[n,t]),o=()=>{e(""),t.set(l=>[{id:crypto.randomUUID(),name:"",variables:[],state:hr.Draft,canBeRemoved:!0,canBeEdited:!0},...l]),i("environment_creation_started",{})},a=l=>{e(l)};return b.jsxs(jq,{children:[b.jsxs(BO,{children:[b.jsx(QO,{value:n,onSearch:a}),b.jsx(Be,{}),b.jsx(DT,{children:b.jsx(L.Button,{"data-testid":"add-environment-btn",variant:"text",disabled:!!t.find(({state:l})=>l.get()===hr.Draft),onClick:o,size:"small",icon:b.jsx(L.AddIcon,{})})})]}),b.jsx(_O,{children:s.map(l=>b.jsx(Pq,{environment:l,defaultExpanded:l.get().id===r.get()},l.id.get()))})]})}const jq=B.div`
+`;function jq(){const[n,e]=Q.useState(""),{environments:t,selectedEnvironmentId:r}=Le(),{sendEvent:i}=Ct(),s=Q.useMemo(()=>t.filter(l=>l.name.get().toLowerCase().includes(n.toLowerCase())),[n,t]),o=()=>{e(""),t.set(l=>[{id:crypto.randomUUID(),name:"",variables:[],state:hr.Draft,canBeRemoved:!0,canBeEdited:!0},...l]),i("environment_creation_started",{})},a=l=>{e(l)};return b.jsxs(Dq,{children:[b.jsxs(BO,{children:[b.jsx(QO,{value:n,onSearch:a}),b.jsx(Be,{}),b.jsx(DT,{children:b.jsx(L.Button,{"data-testid":"add-environment-btn",variant:"text",disabled:!!t.find(({state:l})=>l.get()===hr.Draft),onClick:o,size:"small",icon:b.jsx(L.AddIcon,{})})})]}),b.jsx(_O,{children:s.map(l=>b.jsx(Eq,{environment:l,defaultExpanded:l.get().id===r.get()},l.id.get()))})]})}const Dq=B.div`
   display: flex;
   flex-direction: column;
   width: 100%;
-`;function dw({name:n,value:e}){const[t,r]=Q.useState(!1),{sendEvent:i}=Ct(),s=()=>{i("app_credential_visibility_toggled",{name:n,visible:!t}),r(!t)},o=()=>{i("app_credential_copied",{name:n})};return b.jsxs(Dq,{children:[b.jsxs(Qq,{children:[b.jsx(Bq,{children:n}),b.jsx(_q,{children:t?e:"••••••••••••••••••••••••••••••••••••"})]}),b.jsxs(Mq,{children:[b.jsx(L.Button,{variant:"text",size:"small",icon:t?b.jsx(L.ViewIcon,{}):b.jsx(L.ViewOffIcon,{}),onClick:s}),b.jsx(L.CopyButton,{toasterPlacement:"left",data:e,onCopyClick:o})]})]})}const Dq=B.div`
+`;function dw({name:n,value:e}){const[t,r]=Q.useState(!1),{sendEvent:i}=Ct(),s=()=>{i("app_credential_visibility_toggled",{name:n,visible:!t}),r(!t)},o=()=>{i("app_credential_copied",{name:n})};return b.jsxs(Qq,{children:[b.jsxs(Bq,{children:[b.jsx(_q,{children:n}),b.jsx(Mq,{children:t?e:"••••••••••••••••••••••••••••••••••••"})]}),b.jsxs(Nq,{children:[b.jsx(L.Button,{variant:"text",size:"small",icon:t?b.jsx(L.ViewIcon,{}):b.jsx(L.ViewOffIcon,{}),onClick:s}),b.jsx(L.CopyButton,{toasterPlacement:"left",data:e,onCopyClick:o})]})]})}const Qq=B.div`
   display: flex;
   padding: var(--spacing-xs) var(--spacing-xs);
   align-items: flex-start;
   gap: var(--spacing-xs);
   align-self: stretch;
-`,Qq=B.div`
+`,Bq=B.div`
   display: flex;
   align-items: flex-start;
   gap: 10px;
   flex: 1 0 0;
-`,Bq=B.div`
+`,_q=B.div`
   display: -webkit-box;
   width: var(--64-px-4-rem-spacing-11, 64px);
   -webkit-box-orient: vertical;
@@ -1906,19 +1908,19 @@ Please report this to https://github.com/markedjs/marked.`,e.silent)return"<p>An
   font-style: normal;
   font-weight: var(--font-weight-semibold);
   line-height: var(--line-height-sm);
-`,_q=B.div`
+`,Mq=B.div`
   flex: 1 0 0;
   color: var(--text-color-primary);
   font-size: var(--font-size-sm);
   font-style: normal;
   font-weight: var(--font-weight-regular);
   line-height: var(--line-height-sm);
-`,Mq=B.div`
+`,Nq=B.div`
   display: flex;
   justify-content: flex-end;
   align-items: center;
   gap: var(--spacing-xxs);
-`;function Nq({credential:n,number:e}){const{requestActiveTabIdx:t,request:{security:{securities:r,selectedSecuritySchemeId:i}}}=Le(),s=Kt(),{clientId:o,clientSecret:a,valueToUseInHeader:l}=n,{sendEvent:c}=Ct(),u=()=>{t.set(IY);const d=ua(r,i.get())[0];if(!d.get())return;const{securityType:h,...p}=d,m=(g,v)=>{if(g.get()===le.AuthorizationCode){const{clientId:O,clientSecret:x}=v[le.AuthorizationCode];(o||a)&&cn(o||a||"",O,s),a&&cn(a,x,s)}if(g.get()===le.Implicit){const{clientId:O}=v[le.Implicit];(o||a)&&cn(o||a||"",O,s)}if(g.get()===le.ClientCredentials){const{clientId:O,clientSecret:x}=v[le.ClientCredentials];(o||a)&&cn(o||a||"",O,s),a&&cn(a,x,s)}if(g.get()===le.Password){const{clientId:O,clientSecret:x}=v[le.Password];(o||a)&&cn(o||a||"",O,s),a&&cn(a,x,s)}};if(h.get()===re.BasicAuth){const{username:g,password:v}=p[re.BasicAuth];(o||a)&&cn(o||a||"",g,s),a&&cn(a,v,s)}if(h.get()===re.DigestAuth){const{username:g,password:v}=p[re.DigestAuth];(o||a)&&cn(o||a||"",g,s),a&&cn(a,v,s)}if(h.get()===re.JWT){const{token:g}=p[re.JWT];(o||a)&&cn(o||a||"",g,s)}if(h.get()===re.APIKey){const{key:g}=p[re.APIKey];cn(n[l||"clientSecret"]||o||"",g,s)}if(h.get()===re.OAuth2){const g=p[re.OAuth2],v=g.grantType;m(v,g)}if(h.get()===re.OpenIDConnect){const g=p[re.OpenIDConnect],{grantType:v}=g;m(v,g)}c("apps_use_key_clicked",{number:e})};return b.jsxs(Fq,{children:[b.jsxs(Zq,{children:[b.jsx(Vq,{children:e.toString().padStart(2,"0")}),b.jsxs(Wq,{children:[n.stage&&b.jsx(L.Tag,{color:"gray",children:n.stage}),b.jsx(L.Tag,{color:"green",children:n.status})]})]}),o&&b.jsx(dw,{name:"API key",value:o}),a&&b.jsx(dw,{name:o?"Secret":"API key",value:a}),b.jsx(zq,{children:b.jsx(L.Button,{size:"small",variant:"secondary",onClick:u,children:"Use key"})})]})}const Fq=B.div`
+`;function Fq({credential:n,number:e}){const{requestActiveTabIdx:t,request:{security:{securities:r,selectedSecuritySchemeId:i}}}=Le(),s=Kt(),{clientId:o,clientSecret:a,valueToUseInHeader:l}=n,{sendEvent:c}=Ct(),u=()=>{t.set(IY);const d=ua(r,i.get())[0];if(!d.get())return;const{securityType:h,...p}=d,m=(g,v)=>{if(g.get()===le.AuthorizationCode){const{clientId:O,clientSecret:x}=v[le.AuthorizationCode];(o||a)&&cn(o||a||"",O,s),a&&cn(a,x,s)}if(g.get()===le.Implicit){const{clientId:O}=v[le.Implicit];(o||a)&&cn(o||a||"",O,s)}if(g.get()===le.ClientCredentials){const{clientId:O,clientSecret:x}=v[le.ClientCredentials];(o||a)&&cn(o||a||"",O,s),a&&cn(a,x,s)}if(g.get()===le.Password){const{clientId:O,clientSecret:x}=v[le.Password];(o||a)&&cn(o||a||"",O,s),a&&cn(a,x,s)}};if(h.get()===re.BasicAuth){const{username:g,password:v}=p[re.BasicAuth];(o||a)&&cn(o||a||"",g,s),a&&cn(a,v,s)}if(h.get()===re.DigestAuth){const{username:g,password:v}=p[re.DigestAuth];(o||a)&&cn(o||a||"",g,s),a&&cn(a,v,s)}if(h.get()===re.JWT){const{token:g}=p[re.JWT];(o||a)&&cn(o||a||"",g,s)}if(h.get()===re.APIKey){const{key:g}=p[re.APIKey];cn(n[l||"clientSecret"]||o||"",g,s)}if(h.get()===re.OAuth2){const g=p[re.OAuth2],v=g.grantType;m(v,g)}if(h.get()===re.OpenIDConnect){const g=p[re.OpenIDConnect],{grantType:v}=g;m(v,g)}c("apps_use_key_clicked",{number:e})};return b.jsxs(Zq,{children:[b.jsxs(Wq,{children:[b.jsx(zq,{children:e.toString().padStart(2,"0")}),b.jsxs(Vq,{children:[n.stage&&b.jsx(L.Tag,{color:"gray",children:n.stage}),b.jsx(L.Tag,{color:"green",children:n.status})]})]}),o&&b.jsx(dw,{name:"API key",value:o}),a&&b.jsx(dw,{name:o?"Secret":"API key",value:a}),b.jsx(Lq,{children:b.jsx(L.Button,{size:"small",variant:"secondary",onClick:u,children:"Use key"})})]})}const Zq=B.div`
   display: flex;
   flex-direction: column;
   align-self: stretch;
@@ -1932,7 +1934,7 @@ Please report this to https://github.com/markedjs/marked.`,e.silent)return"<p>An
   & > :not(:last-child) {
     border-bottom: 1px solid var(--border-color-secondary);
   }
-`,Zq=B.div`
+`,Wq=B.div`
   display: flex;
   justify-content: space-between;
   padding: var(--spacing-xs) var(--spacing-xs);
@@ -1940,16 +1942,16 @@ Please report this to https://github.com/markedjs/marked.`,e.silent)return"<p>An
   align-items: center;
   align-self: stretch;
   background: var(--layer-color);
-`,Wq=B.div`
+`,Vq=B.div`
   display: flex;
   gap: var(--spacing-xxs);
-`,Vq=B.div`
+`,zq=B.div`
   color: var(--text-color-secondary, #3b3c45);
   font-size: var(--font-size-sm);
   font-style: normal;
   font-weight: var(--font-weight-regular);
   line-height: var(--line-height-sm);
-`,zq=B.div`
+`,Lq=B.div`
   display: flex;
   padding: var(--spacing-xs) var(--spacing-xs);
   border-radius: 0 0 var(--border-radius-md) var(--border-radius-md);
@@ -1957,16 +1959,16 @@ Please report this to https://github.com/markedjs/marked.`,e.silent)return"<p>An
   align-items: center;
   align-self: stretch;
   background: var(--layer-color);
-`;function Lq({app:n}){const[e,t]=Q.useState(!1),{title:r,credentials:i,id:s}=n,o=i.get()||[],a=l=>{l&&!i.get()&&(t(!0),fetch(`/api/api-keys/apps/${s.get()}`).then(c=>c.json().then(u=>{c.ok&&i.set(u.credentials)}).catch(()=>console.log("Something went wrong")).finally(()=>t(!1))))};return b.jsx(Gf,{dataTestId:`app-${name}`,title:r.get(),onToggle:a,children:b.jsx(Xq,{children:e?b.jsx(Gq,{children:b.jsx(L.SpinnerIcon,{size:"16px",color:"--icon-color-additional"})}):o.length?o.map((l,c)=>b.jsx(Nq,{credential:l,number:c+1},l.id)):b.jsx(Yq,{children:"There are no credentials yet."})})})}const Xq=B.div`
+`;function Xq({app:n}){const[e,t]=Q.useState(!1),{title:r,credentials:i,id:s}=n,o=i.get()||[],a=l=>{l&&!i.get()&&(t(!0),fetch(`/api/api-keys/apps/${s.get()}`).then(c=>c.json().then(u=>{c.ok&&i.set(u.credentials)}).catch(()=>console.log("Something went wrong")).finally(()=>t(!1))))};return b.jsx(Gf,{dataTestId:`app-${name}`,title:r.get(),onToggle:a,children:b.jsx(Gq,{children:e?b.jsx(Yq,{children:b.jsx(L.SpinnerIcon,{size:"16px",color:"--icon-color-additional"})}):o.length?o.map((l,c)=>b.jsx(Fq,{credential:l,number:c+1},l.id)):b.jsx(Uq,{children:"There are no credentials yet."})})})}const Gq=B.div`
   padding-bottom: var(--spacing-xxs);
   margin-left: -7px;
   padding-right: var(--spacing-base);
-`,Gq=B.div`
+`,Yq=B.div`
   display: flex;
   height: 224px;
   justify-content: center;
   align-items: center;
-`,Yq=B.div`
+`,Uq=B.div`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -1974,17 +1976,17 @@ Please report this to https://github.com/markedjs/marked.`,e.silent)return"<p>An
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
   color: var(--text-color-secondary);
-`;function Uq(){const[n,e]=Q.useState(""),{apps:t,apiId:r,appsLoadingState:i}=Le(),{sendEvent:s}=Ct(),o=()=>{window.open("/apps","_blank"),s("apps_request_access_clicked",{})};Q.useEffect(()=>((i.get()===Xr.Idle||i.get()===Xr.Error)&&(i.set(Xr.Loading),fetch(`/api/api-keys/api-products/${r.get()}/access?expand=0`).then(c=>c.json().then(u=>{c.ok?(t.set(u.apps||[]),i.set(Xr.Success)):i.set(Xr.Error)}).catch(()=>i.set(Xr.Error)))),()=>{t.set([]),i.set(Xr.Idle)}),[r]);const a=Q.useMemo(()=>t.filter(c=>c.title.get().toLowerCase().includes(n.toLowerCase())),[n,t]),l=c=>{e(c)};return i.get()===Xr.Loading?b.jsx(Hq,{children:b.jsx(L.SpinnerIcon,{size:"24px",color:"--icon-color-additional"})}):t.length?b.jsxs(qq,{children:[b.jsx(BO,{children:b.jsx(QO,{value:n,onSearch:l})}),b.jsx(_O,{children:a.map(c=>b.jsx(Lq,{app:c},c.get().id))})]}):b.jsxs(QT,{children:["You don't have any apps with access to this API",b.jsx(L.Button,{onClick:o,children:"Request access"})]})}const qq=B.div`
+`;function qq(){const[n,e]=Q.useState(""),{apps:t,apiId:r,appsLoadingState:i}=Le(),{sendEvent:s}=Ct(),o=()=>{window.open("/apps","_blank"),s("apps_request_access_clicked",{})};Q.useEffect(()=>((i.get()===Xr.Idle||i.get()===Xr.Error)&&(i.set(Xr.Loading),fetch(`/api/api-keys/api-products/${r.get()}/access?expand=0`).then(c=>c.json().then(u=>{c.ok?(t.set(u.apps||[]),i.set(Xr.Success)):i.set(Xr.Error)}).catch(()=>i.set(Xr.Error)))),()=>{t.set([]),i.set(Xr.Idle)}),[r]);const a=Q.useMemo(()=>t.filter(c=>c.title.get().toLowerCase().includes(n.toLowerCase())),[n,t]),l=c=>{e(c)};return i.get()===Xr.Loading?b.jsx(Jq,{children:b.jsx(L.SpinnerIcon,{size:"24px",color:"--icon-color-additional"})}):t.length?b.jsxs(Hq,{children:[b.jsx(BO,{children:b.jsx(QO,{value:n,onSearch:l})}),b.jsx(_O,{children:a.map(c=>b.jsx(Xq,{app:c},c.get().id))})]}):b.jsxs(QT,{children:["You don't have any apps with access to this API",b.jsx(L.Button,{onClick:o,children:"Request access"})]})}const Hq=B.div`
   display: flex;
   flex-direction: column;
   width: 100%;
-`,Hq=B.div`
+`,Jq=B.div`
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: calc(100vh - 50px);
-}`,{Tab:Jq,TabContent:Kq,TabList:eH,Tabs:tH}=L.markdoc.components;function nH(){const{apiId:n}=Le(),{sendEvent:e}=Ct(),[t,r]=Q.useState(!0),i=Q.useCallback(a=>{e("side_panel_tab_changed",{name:a})},[e]),s=()=>{r(!t),e("side_panel_toggled",{expanded:!t})},o=Q.useMemo(()=>{const a=[b.jsx(Sp,{label:"History",onClick:()=>i("History"),children:b.jsx(rq,{})},"History"),b.jsx(Sp,{label:"Environments",onClick:()=>i("Environments"),children:b.jsx(Rq,{})},"Environments")];return n.get()&&a.push(b.jsx(Sp,{label:"Apps",onClick:()=>i("Apps"),children:b.jsx(Uq,{})})),a},[n,i]);return b.jsxs(rH,{$expanded:t,children:[t&&b.jsxs(iH,{children:[...o]}),b.jsx(sH,{variant:"text",onClick:s,children:t?b.jsx(L.SidePanelOpenIcon,{}):b.jsx(L.SidePanelCloseIcon,{})})]})}const rH=B.div`
+}`,{Tab:Kq,TabContent:eH,TabList:tH,Tabs:nH}=L.markdoc.components;function rH(){const{apiId:n}=Le(),{sendEvent:e}=Ct(),[t,r]=Q.useState(!0),i=Q.useCallback(a=>{e("side_panel_tab_changed",{name:a})},[e]),s=()=>{r(!t),e("side_panel_toggled",{expanded:!t})},o=Q.useMemo(()=>{const a=[b.jsx(Sp,{label:"History",onClick:()=>i("History"),children:b.jsx(rq,{})},"History"),b.jsx(Sp,{label:"Environments",onClick:()=>i("Environments"),children:b.jsx(jq,{})},"Environments")];return n.get()&&a.push(b.jsx(Sp,{label:"Apps",onClick:()=>i("Apps"),children:b.jsx(qq,{})})),a},[n,i]);return b.jsxs(iH,{$expanded:t,children:[t&&b.jsxs(sH,{children:[...o]}),b.jsx(oH,{variant:"text",onClick:s,children:t?b.jsx(L.SidePanelOpenIcon,{}):b.jsx(L.SidePanelCloseIcon,{})})]})}const iH=B.div`
   display: flex;
   flex-direction: row;
   border-left: 1px solid var(--border-color-secondary);
@@ -1996,13 +1998,13 @@ Please report this to https://github.com/markedjs/marked.`,e.silent)return"<p>An
   svg {
     fill: var(--text-color-primary);
   }
-`,iH=B(tH)`
+`,sH=B(nH)`
   flex-grow: 1;
   margin-right: -48px;
   margin-top: 0;
   --md-tabs-content-padding: 0;
 
-  ${eH} {
+  ${tH} {
     margin: 0;
     height: 49px;
     font-size: var(--font-size-lg);
@@ -2017,11 +2019,11 @@ Please report this to https://github.com/markedjs/marked.`,e.silent)return"<p>An
     --md-tabs-hover-tab-border-width: 0;
   }
 
-  ${Kq} {
+  ${eH} {
     overflow: auto;
   }
 
-  ${Jq} {
+  ${Kq} {
     font-size: var(--font-size-lg);
     font-weight: var(--font-weight-regular);
     line-height: var(--line-height-lg);
@@ -2043,56 +2045,56 @@ Please report this to https://github.com/markedjs/marked.`,e.silent)return"<p>An
   ol[class^='Tabs__TabList'] {
     padding: 0 0 0 var(--spacing-base);
   }
-`,sH=B(L.Button)`
+`,oH=B(L.Button)`
   align-self: flex-start;
   margin: 12px;
   padding: 4px;
-`,Sp=B.li``,oH=({error:n})=>b.jsxs(aH,{children:[b.jsx(lH,{children:"An Error Has Occurred"}),b.jsx(cH,{children:n==null?void 0:n.message}),b.jsx(uH,{children:n==null?void 0:n.stack})]}),aH=B.div`
+`,Sp=B.li``,aH=({error:n})=>b.jsxs(lH,{children:[b.jsx(cH,{children:"An Error Has Occurred"}),b.jsx(uH,{children:n==null?void 0:n.message}),b.jsx(fH,{children:n==null?void 0:n.stack})]}),lH=B.div`
   padding: var(--spacing-xs) var(--spacing-xl);
-`,lH=B.h2`
+`,cH=B.h2`
   color: var(--color-error-base);
-`,cH=B.h4`
+`,uH=B.h4`
   color: var(--text-color-secondary);
-`,uH=B.pre`
+`,fH=B.pre`
   white-space: break-spaces;
-`;function fH({className:n}){return b.jsx(dH,{className:n,children:b.jsxs(hH,{children:[b.jsx(L.CloseFilledIcon,{size:"24px",color:"--color-error-base"}),b.jsxs(pH,{children:[b.jsx(gH,{children:"Oops! Something went wrong."}),b.jsx(mH,{children:"We're sorry. There's been an unexpected error. Our team has been notified and will investigate the issue."})]})]})})}const dH=B.div`
+`;function dH({className:n}){return b.jsx(hH,{className:n,children:b.jsxs(pH,{children:[b.jsx(L.CloseFilledIcon,{size:"24px",color:"--color-error-base"}),b.jsxs(gH,{children:[b.jsx(mH,{children:"Oops! Something went wrong."}),b.jsx(OH,{children:"We're sorry. There's been an unexpected error. Our team has been notified and will investigate the issue."})]})]})})}const hH=B.div`
   display: flex;
   justify-content: center;
   align-items: center;
   width: 80vw;
   height: 100vh;
   background-color: var(--bg-color);
-`,hH=B.div`
+`,pH=B.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: var(--spacing-base);
-`,pH=B.div`
+`,gH=B.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: var(--spacing-xxs);
   width: 488px;
-`,gH=B.div`
+`,mH=B.div`
   color: var(--text-color-primary);
   font-size: var(--font-size-xl);
   font-style: normal;
   font-weight: var(--font-weight-semibold);
   line-height: var(--line-height-xl);
-`,mH=B.div`
+`,OH=B.div`
   color: var(--text-color-primary);
   font-size: var(--font-size-lg);
   font-style: normal;
   font-weight: var(--font-weight-regular);
   line-height: var(--line-height-lg);
   text-align: center;
-`;class BT extends H.Component{constructor(e){super(e),this.state={error:void 0},this.onUnhandledError=this.onUnhandledError.bind(this),this.onUnhandledPromiseRejection=this.onUnhandledPromiseRejection.bind(this)}onUnhandledError({error:e}){var t,r;(r=(t=this.props).onError)==null||r.call(t,e)}onUnhandledPromiseRejection(e){var t,r;(r=(t=this.props).onError)==null||r.call(t,e.reason)}componentDidMount(){window.addEventListener("error",this.onUnhandledError),window.addEventListener("unhandledrejection",this.onUnhandledPromiseRejection)}componentWillUnmount(){window.removeEventListener("error",this.onUnhandledError),window.removeEventListener("unhandledrejection",this.onUnhandledPromiseRejection)}componentDidCatch(e,t){var i,s;const r={error:{message:e.message,stack:t.componentStack??void 0}};this.setState(r),(s=(i=this.props).onError)==null||s.call(i,r.error)}render(){return this.state.error?process.env.NODE_ENV==="production"?b.jsx(fH,{}):b.jsx(oH,{error:this.state.error}):this.props.children}}function OH({className:n}){const{operationUrl:e}=Le().get(),{sendEvent:t}=Ct();return b.jsxs(b.Fragment,{children:[b.jsx(L.GlobalStyle,{}),b.jsx(vH,{className:n,children:b.jsxs(BT,{onError:r=>t("unhandled_error",{...r,operationUrl:e}),children:[b.jsx(TT,{}),b.jsx(nH,{})]})})]})}const vH=B.div`
+`;class BT extends H.Component{constructor(e){super(e),this.state={error:void 0},this.onUnhandledError=this.onUnhandledError.bind(this),this.onUnhandledPromiseRejection=this.onUnhandledPromiseRejection.bind(this)}onUnhandledError({error:e}){var t,r;(r=(t=this.props).onError)==null||r.call(t,e)}onUnhandledPromiseRejection(e){var t,r;(r=(t=this.props).onError)==null||r.call(t,e.reason)}componentDidMount(){window.addEventListener("error",this.onUnhandledError),window.addEventListener("unhandledrejection",this.onUnhandledPromiseRejection)}componentWillUnmount(){window.removeEventListener("error",this.onUnhandledError),window.removeEventListener("unhandledrejection",this.onUnhandledPromiseRejection)}componentDidCatch(e,t){var i,s;const r={error:{message:e.message,stack:t.componentStack??void 0}};this.setState(r),(s=(i=this.props).onError)==null||s.call(i,r.error)}render(){return this.state.error?process.env.NODE_ENV==="production"?b.jsx(dH,{}):b.jsx(aH,{error:this.state.error}):this.props.children}}function vH({className:n}){const{operationUrl:e}=Le().get(),{sendEvent:t}=Ct();return b.jsxs(b.Fragment,{children:[b.jsx(L.GlobalStyle,{}),b.jsx(xH,{className:n,children:b.jsxs(BT,{onError:r=>t("unhandled_error",{...r,operationUrl:e}),children:[b.jsx(TT,{}),b.jsx(rH,{})]})})]})}const xH=B.div`
   display: flex;
   height: 100vh;
   background-color: var(--bg-color);
-`;function xH(n,e){const t=YE(n),r=XE(n),i=nX(n),s=KL(n),o=n.request.get().body.activeExampleName,a=n.request.get().body.type,l=kO(n);return{requestValues:{cookie:i,header:t,query:s,body:r},activeExampleName:o,activeMimeName:a,environment:(l==null?void 0:l.name)||(l==null?void 0:l.url),activeSecuritySchemeIds:n.request.security.get().selectedSecuritySchemeId.split("_"),environments:Object.fromEntries(Object.entries(n.environments.get()).map(([,c])=>[c.name,{...Object.fromEntries(c.variables.map(({name:u,value:f})=>[u,f])),server:c.url||""}]))}}function bH(n,e){const{servers:t,parameters:r}=n,i=r.filter(o=>o.in==="path"),s=yH(n);return t.map(o=>{const a=o.url,l=o.description||a,c=o.variables||{},u=Object.entries(c).map(([m,g])=>{const v=Fa.getEnvironmentVariableByName(l,m,pr.Server);return{id:crypto.randomUUID(),name:m,value:(v==null?void 0:v.value)||g.default,type:pr.Server,canBeRemoved:!1,canBeEdited:!0,readonlyName:!0}}),f=i.map(({name:m})=>{const g=Fa.getEnvironmentVariableByName(l,m,pr.Path);return{id:crypto.randomUUID(),name:m,value:(g==null?void 0:g.value)||"",type:pr.Path,canBeRemoved:!1,canBeEdited:!0,readonlyName:!0}}),d=s.map(m=>{const g=Fa.getEnvironmentVariableByName(l,m.name,pr.Security);return{...m,value:(g==null?void 0:g.value)||m.value}}),h=Fa.getEnvironmentByName(l),p=(h==null?void 0:h.variables.filter(m=>m.type===pr.UserCreated))||[];return{id:crypto.randomUUID(),name:l,url:a,state:hr.Normal,canBeRemoved:!1,canBeEdited:!1,variables:SH([...p,{id:crypto.randomUUID(),name:"server",value:cd(a),type:pr.ServerUrl,canBeRemoved:!1,canBeEdited:!1},...u,...f,...d],e==null?void 0:e[l])}})}function yH(n){var i;const e=[],t=((i=n.security)==null?void 0:i.flat())||[],r=new Set;return t.forEach(s=>{const o=PO(s);if(r.has(o))return;const a=s.id;r.add(o),(o===re.BasicAuth||o===re.DigestAuth)&&(e.push(zr(a+L.SecurityVariablesEnvSuffix.Username,!1)),e.push(zr(a+L.SecurityVariablesEnvSuffix.Password))),o===re.JWT&&e.push(zr(a+L.SecurityVariablesEnvSuffix.JWTToken)),o===re.APIKey&&e.push(zr(a+L.SecurityVariablesEnvSuffix.APIKey)),o===re.OAuth2&&(e.push(zr(a+L.SecurityVariablesEnvSuffix.Token)),EO(s).forEach(c=>{e.push(zr(a+L.SecurityVariablesEnvSuffix.ClientId)),c!==le.Implicit&&e.push(zr(a+L.SecurityVariablesEnvSuffix.ClientSecret))})),o===re.OpenIDConnect&&(e.push(zr(a+L.SecurityVariablesEnvSuffix.Token)),e.push(zr(a+L.SecurityVariablesEnvSuffix.ClientId)),e.push(zr(a+L.SecurityVariablesEnvSuffix.ClientSecret)))}),e}function zr(n,e){return{id:crypto.randomUUID(),name:n,value:"",type:pr.Security,canBeRemoved:!1,canBeEdited:!0,isSecret:e===void 0?!0:e}}function SH(n,e){return e?n.map(t=>{const r=e[t.name];return r!==void 0?{...t,canBeRemoved:!1,value:t.type===pr.ServerUrl?cd(r):r}:t}):n}function _T({value:n,disableDraft:e,...t}){const r=Le(),{operation:i,request:s,response:o,corsProxyUrl:a,environments:l,operationUrl:c,mockServer:u,selectedEnvironmentId:f,apiId:d,oAuth2RedirectURI:h}=r;return Q.useEffect(()=>{const p=t.operationUrl&&!e?bT.getByKey(t.operationUrl):null,m=Dn(n),g=bH(m,t.predefinedEnvValues),v=g.find(({name:O,url:x})=>x===(t==null?void 0:t.environment)||O===(t==null?void 0:t.environment));i.set(m),l.set(g),a.set(t.corsProxyUrl??QL),o.set(null),c.set(t.operationUrl),u.set(t.mockServer),d.set(t.apiId),h.set(t.oAuth2RedirectURI),v&&f.set(v.id),p?s.set(p):s.set(AO(m)),zE(r)},[n]),r}function wH({onClose:n,onLoad:e,onRequestChange:t,...r}){const i=Q.useRef(null),{sendEvent:s}=Ct(),o=Le(),a=_T(r),l=Q.useCallback(()=>{if(t){const u=a.isLinked.get(),f=xH(a,r.value);t(u?f:{requestValues:{}})}s("replay_closed",{operationName:r.value.name}),n(),o.set(pd())},[n,t,a,r.value,s,o]);Q.useEffect(()=>{e==null||e(),s("replay_opened",{operationName:r.value.name})},[]),Q.useEffect(()=>{i.current&&i.current.focus()},[]);const c=u=>{u.key==="Enter"&&(u.preventDefault(),l())};return b.jsx(Q.StrictMode,{children:b.jsxs(Fk,{onClick:l,children:[b.jsx(kH,{onClick:l,role:"button",onKeyDown:c,tabIndex:0,ref:i,autoFocus:!0,children:b.jsx(AH,{})}),b.jsx(CH,{})]})})}const CH=B(OH)`
+`;function bH(n,e){const t=YE(n),r=XE(n),i=nX(n),s=KL(n),o=n.request.get().body.activeExampleName,a=n.request.get().body.type,l=kO(n);return{requestValues:{cookie:i,header:t,query:s,body:r},activeExampleName:o,activeMimeName:a,environment:(l==null?void 0:l.name)||(l==null?void 0:l.url),activeSecuritySchemeIds:n.request.security.get().selectedSecuritySchemeId.split("_"),environments:Object.fromEntries(Object.entries(n.environments.get()).map(([,c])=>[c.name,{...Object.fromEntries(c.variables.map(({name:u,value:f})=>[u,f])),server:c.url||""}]))}}function yH(n,e){const{servers:t,parameters:r}=n,i=r.filter(o=>o.in==="path"),s=SH(n);return t.map(o=>{const a=o.url,l=o.description||a,c=o.variables||{},u=Object.entries(c).map(([m,g])=>{const v=Fa.getEnvironmentVariableByName(l,m,pr.Server);return{id:crypto.randomUUID(),name:m,value:(v==null?void 0:v.value)||g.default,type:pr.Server,canBeRemoved:!1,canBeEdited:!0,readonlyName:!0}}),f=i.map(({name:m})=>{const g=Fa.getEnvironmentVariableByName(l,m,pr.Path);return{id:crypto.randomUUID(),name:m,value:(g==null?void 0:g.value)||"",type:pr.Path,canBeRemoved:!1,canBeEdited:!0,readonlyName:!0}}),d=s.map(m=>{const g=Fa.getEnvironmentVariableByName(l,m.name,pr.Security);return{...m,value:(g==null?void 0:g.value)||m.value}}),h=Fa.getEnvironmentByName(l),p=(h==null?void 0:h.variables.filter(m=>m.type===pr.UserCreated))||[];return{id:crypto.randomUUID(),name:l,url:a,state:hr.Normal,canBeRemoved:!1,canBeEdited:!1,variables:wH([...p,{id:crypto.randomUUID(),name:"server",value:cd(a),type:pr.ServerUrl,canBeRemoved:!1,canBeEdited:!1},...u,...f,...d],e==null?void 0:e[l])}})}function SH(n){var i;const e=[],t=((i=n.security)==null?void 0:i.flat())||[],r=new Set;return t.forEach(s=>{const o=PO(s);if(r.has(o))return;const a=s.id;r.add(o),(o===re.BasicAuth||o===re.DigestAuth)&&(e.push(zr(a+L.SecurityVariablesEnvSuffix.Username,!1)),e.push(zr(a+L.SecurityVariablesEnvSuffix.Password))),o===re.JWT&&e.push(zr(a+L.SecurityVariablesEnvSuffix.JWTToken)),o===re.APIKey&&e.push(zr(a+L.SecurityVariablesEnvSuffix.APIKey)),o===re.OAuth2&&(e.push(zr(a+L.SecurityVariablesEnvSuffix.Token)),EO(s).forEach(c=>{e.push(zr(a+L.SecurityVariablesEnvSuffix.ClientId)),c!==le.Implicit&&e.push(zr(a+L.SecurityVariablesEnvSuffix.ClientSecret))})),o===re.OpenIDConnect&&(e.push(zr(a+L.SecurityVariablesEnvSuffix.Token)),e.push(zr(a+L.SecurityVariablesEnvSuffix.ClientId)),e.push(zr(a+L.SecurityVariablesEnvSuffix.ClientSecret)))}),e}function zr(n,e){return{id:crypto.randomUUID(),name:n,value:"",type:pr.Security,canBeRemoved:!1,canBeEdited:!0,isSecret:e===void 0?!0:e}}function wH(n,e){return e?n.map(t=>{const r=e[t.name];return r!==void 0?{...t,canBeRemoved:!1,value:t.type===pr.ServerUrl?cd(r):r}:t}):n}function _T({value:n,disableDraft:e,...t}){const r=Le(),{operation:i,request:s,response:o,corsProxyUrl:a,environments:l,operationUrl:c,mockServer:u,selectedEnvironmentId:f,apiId:d,oAuth2RedirectURI:h}=r;return Q.useEffect(()=>{const p=t.operationUrl&&!e?bT.getByKey(t.operationUrl):null,m=Dn(n),g=yH(m,t.predefinedEnvValues),v=g.find(({name:O,url:x})=>x===(t==null?void 0:t.environment)||O===(t==null?void 0:t.environment));i.set(m),l.set(g),a.set(t.corsProxyUrl??QL),o.set(null),c.set(t.operationUrl),u.set(t.mockServer),d.set(t.apiId),h.set(t.oAuth2RedirectURI),v&&f.set(v.id),p?s.set(p):s.set(AO(m)),zE(r)},[n]),r}function CH({onClose:n,onLoad:e,onRequestChange:t,...r}){const i=Q.useRef(null),{sendEvent:s}=Ct(),o=Le(),a=_T(r),l=Q.useCallback(()=>{if(t){const u=a.isLinked.get(),f=bH(a,r.value);t(u?f:{requestValues:{}})}s("replay_closed",{operationName:r.value.name}),n(),o.set(pd())},[n,t,a,r.value,s,o]);Q.useEffect(()=>{e==null||e(),s("replay_opened",{operationName:r.value.name})},[]),Q.useEffect(()=>{i.current&&i.current.focus()},[]);const c=u=>{u.key==="Enter"&&(u.preventDefault(),l())};return b.jsx(Q.StrictMode,{children:b.jsxs(Fk,{onClick:l,children:[b.jsx(AH,{onClick:l,role:"button",onKeyDown:c,tabIndex:0,ref:i,autoFocus:!0,children:b.jsx(PH,{})}),b.jsx(kH,{})]})})}const kH=B(vH)`
   width: 80vw;
-`,kH=B.div`
+`,AH=B.div`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -2105,12 +2107,12 @@ Please report this to https://github.com/markedjs/marked.`,e.silent)return"<p>An
   width: 24px;
   height: 24px;
   cursor: pointer;
-`,AH=B(L.CloseIcon)`
+`,PH=B(L.CloseIcon)`
   width: 14px;
   height: 14px;
-`;function PH(n){const{sendEvent:e}=Ct(),t=Q.useMemo(()=>J0(pd()),[]);return b.jsx(jY,{value:t,children:b.jsx(BT,{onError:r=>e("unhandled_error",{...r,isEmbedded:!0}),children:b.jsx(EH,{...n})})})}function EH(n){return _T({...n,disableDraft:!0}),b.jsx(Q.StrictMode,{children:b.jsx(TH,{children:b.jsx(TT,{})})})}const TH=B.div`
+`;function EH(n){const{sendEvent:e}=Ct(),t=Q.useMemo(()=>J0(pd()),[]);return b.jsx(jY,{value:t,children:b.jsx(BT,{onError:r=>e("unhandled_error",{...r,isEmbedded:!0}),children:b.jsx(TH,{...n})})})}function TH(n){return _T({...n,disableDraft:!0}),b.jsx(Q.StrictMode,{children:b.jsx(IH,{children:b.jsx(TT,{})})})}const IH=B.div`
   display: flex;
   max-height: 80vh;
   height: 800px;
   width: 100%;
-`;exports.EmbeddedReplay=PH;exports.ReplayOverlay=wH;
+`;exports.EmbeddedReplay=EH;exports.ReplayOverlay=CH;

package/dist/replay.js

@@ -2157,7 +2157,7 @@ See https://s-c.sh/2BAXzed for more info.`), window["__styled-components-init__"
 const Q = eg, {
   createElement: Lo,
   createContext: oR,
-  createRef: YJ,
+  createRef: UJ,
   forwardRef: hC,
   useCallback: Ln,
   useContext: pC,
@@ -16989,6 +16989,7 @@ const k_ = Q.div`
   flex-direction: row;
   align-self: flex-end;
   padding-top: var(--spacing-xxs);
+  gap: var(--spacing-xs);
 `, to = ({
   children: n,
   className: e,
@@ -19297,9 +19298,6 @@ const uN = Q.div`
   svg {
     cursor: pointer;
   }
-  button {
-    margin: 0;
-  }
 `;
 function hN({
   state: n,
@@ -55300,6 +55298,7 @@ const dH = Q(to)`
 `, hH = Q.div`
   display: flex;
   justify-content: flex-end;
+  gap: var(--spacing-xs);
 `, pH = Q(yA)`
   left: -4px;
 `;
@@ -55740,20 +55739,26 @@ function WH({
         onChange: l
       }
     ),
-    /* @__PURE__ */ b.jsx(
-      Ze,
-      {
-        "data-testid": "edit-item-header-save-button",
-        variant: "primary",
-        onClick: () => t(c),
-        disabled: !c,
-        children: /* @__PURE__ */ b.jsx(gm, {})
-      }
-    ),
-    /* @__PURE__ */ b.jsx(Ze, { variant: "text", onClick: r, icon: /* @__PURE__ */ b.jsx(Wo, {}) })
+    /* @__PURE__ */ b.jsxs(VH, { children: [
+      /* @__PURE__ */ b.jsx(
+        Ze,
+        {
+          "data-testid": "edit-item-header-save-button",
+          variant: "primary",
+          onClick: () => t(c),
+          disabled: !c,
+          children: /* @__PURE__ */ b.jsx(gm, {})
+        }
+      ),
+      /* @__PURE__ */ b.jsx(Ze, { variant: "text", onClick: r, icon: /* @__PURE__ */ b.jsx(Wo, {}) })
+    ] })
   ] }) });
 }
-function VH({ environment: n, defaultExpanded: e }) {
+const VH = Q.div`
+  display: flex;
+  gap: var(--spacing-xs);
+`;
+function zH({ environment: n, defaultExpanded: e }) {
   const [t, r] = we(!1), { sendEvent: i } = It(), { state: s, canBeEdited: o, canBeRemoved: a, name: l } = n.get(), c = () => {
     n.set(Ct), i("environment_creation_cancelled", {});
   }, u = () => {
@@ -55790,7 +55795,7 @@ function VH({ environment: n, defaultExpanded: e }) {
       dataTestId: `environment-${l}`,
       title: l,
       defaultExpanded: e,
-      controls: /* @__PURE__ */ b.jsxs(zH, { children: [
+      controls: /* @__PURE__ */ b.jsxs(LH, { children: [
         o && /* @__PURE__ */ b.jsx(
           Ro,
           {
@@ -55820,7 +55825,7 @@ function VH({ environment: n, defaultExpanded: e }) {
       ] }),
       children: [
         t ? /* @__PURE__ */ b.jsx(
-          GH,
+          YH,
           {
             variable: cf(),
             onSave: m,
@@ -55828,7 +55833,7 @@ function VH({ environment: n, defaultExpanded: e }) {
             isNew: !0
           }
         ) : /* @__PURE__ */ b.jsx(
-          XH,
+          GH,
           {
             icon: /* @__PURE__ */ b.jsx(cl, {}),
             variant: "secondary",
@@ -55843,24 +55848,24 @@ function VH({ environment: n, defaultExpanded: e }) {
     }
   ) });
 }
-const zH = Q.div`
+const LH = Q.div`
   display: flex;
   flex-direction: row;
   gap: var(--spacing-xxs);
   align-items: center;
-`, LH = Q(Ze)`
+`, XH = Q(Ze)`
   align-self: flex-start;
   margin: 0;
-`, XH = Q(LH)`
+`, GH = Q(XH)`
   margin: 8px 0 8px -7px;
   font-size: var(--font-size-base);
   font-weight: var(--font-weight-regular);
   line-height: var(--line-height-base);
-`, GH = Q(Gl)`
+`, YH = Q(Gl)`
   padding-left: 39px;
   margin-left: -23px;
 `;
-function YH() {
+function UH() {
   const [n, e] = we(""), { environments: t, selectedEnvironmentId: r } = Le(), { sendEvent: i } = It(), s = tt(
     () => t.filter((l) => l.name.get().toLowerCase().includes(n.toLowerCase())),
     [n, t]
@@ -55879,7 +55884,7 @@ function YH() {
   }, a = (l) => {
     e(l);
   };
-  return /* @__PURE__ */ b.jsxs(UH, { children: [
+  return /* @__PURE__ */ b.jsxs(qH, { children: [
     /* @__PURE__ */ b.jsxs(cv, { children: [
       /* @__PURE__ */ b.jsx(lv, { value: n, onSearch: a }),
       /* @__PURE__ */ b.jsx(Qe, {}),
@@ -55896,7 +55901,7 @@ function YH() {
       ) })
     ] }),
     /* @__PURE__ */ b.jsx(uv, { children: s.map((l) => /* @__PURE__ */ b.jsx(
-      VH,
+      zH,
       {
         environment: l,
         defaultExpanded: l.get().id === r.get()
@@ -55905,7 +55910,7 @@ function YH() {
     )) })
   ] });
 }
-const UH = Q.div`
+const qH = Q.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -55916,12 +55921,12 @@ function Mw({ name: n, value: e }) {
   }, o = () => {
     i("app_credential_copied", { name: n });
   };
-  return /* @__PURE__ */ b.jsxs(qH, { children: [
-    /* @__PURE__ */ b.jsxs(HH, { children: [
-      /* @__PURE__ */ b.jsx(JH, { children: n }),
-      /* @__PURE__ */ b.jsx(KH, { children: t ? e : "••••••••••••••••••••••••••••••••••••" })
+  return /* @__PURE__ */ b.jsxs(HH, { children: [
+    /* @__PURE__ */ b.jsxs(JH, { children: [
+      /* @__PURE__ */ b.jsx(KH, { children: n }),
+      /* @__PURE__ */ b.jsx(eJ, { children: t ? e : "••••••••••••••••••••••••••••••••••••" })
     ] }),
-    /* @__PURE__ */ b.jsxs(eJ, { children: [
+    /* @__PURE__ */ b.jsxs(tJ, { children: [
       /* @__PURE__ */ b.jsx(
         Ze,
         {
@@ -55935,18 +55940,18 @@ function Mw({ name: n, value: e }) {
     ] })
   ] });
 }
-const qH = Q.div`
+const HH = Q.div`
   display: flex;
   padding: var(--spacing-xs) var(--spacing-xs);
   align-items: flex-start;
   gap: var(--spacing-xs);
   align-self: stretch;
-`, HH = Q.div`
+`, JH = Q.div`
   display: flex;
   align-items: flex-start;
   gap: 10px;
   flex: 1 0 0;
-`, JH = Q.div`
+`, KH = Q.div`
   display: -webkit-box;
   width: var(--64-px-4-rem-spacing-11, 64px);
   -webkit-box-orient: vertical;
@@ -55959,20 +55964,20 @@ const qH = Q.div`
   font-style: normal;
   font-weight: var(--font-weight-semibold);
   line-height: var(--line-height-sm);
-`, KH = Q.div`
+`, eJ = Q.div`
   flex: 1 0 0;
   color: var(--text-color-primary);
   font-size: var(--font-size-sm);
   font-style: normal;
   font-weight: var(--font-weight-regular);
   line-height: var(--line-height-sm);
-`, eJ = Q.div`
+`, tJ = Q.div`
   display: flex;
   justify-content: flex-end;
   align-items: center;
   gap: var(--spacing-xxs);
 `;
-function tJ({ credential: n, number: e }) {
+function nJ({ credential: n, number: e }) {
   const {
     requestActiveTabIdx: t,
     request: {
@@ -56034,20 +56039,20 @@ function tJ({ credential: n, number: e }) {
     }
     c("apps_use_key_clicked", { number: e });
   };
-  return /* @__PURE__ */ b.jsxs(nJ, { children: [
-    /* @__PURE__ */ b.jsxs(rJ, { children: [
-      /* @__PURE__ */ b.jsx(sJ, { children: e.toString().padStart(2, "0") }),
-      /* @__PURE__ */ b.jsxs(iJ, { children: [
+  return /* @__PURE__ */ b.jsxs(rJ, { children: [
+    /* @__PURE__ */ b.jsxs(iJ, { children: [
+      /* @__PURE__ */ b.jsx(oJ, { children: e.toString().padStart(2, "0") }),
+      /* @__PURE__ */ b.jsxs(sJ, { children: [
         n.stage && /* @__PURE__ */ b.jsx(Lp, { color: "gray", children: n.stage }),
         /* @__PURE__ */ b.jsx(Lp, { color: "green", children: n.status })
       ] })
     ] }),
     o && /* @__PURE__ */ b.jsx(Mw, { name: "API key", value: o }),
     a && /* @__PURE__ */ b.jsx(Mw, { name: o ? "Secret" : "API key", value: a }),
-    /* @__PURE__ */ b.jsx(oJ, { children: /* @__PURE__ */ b.jsx(Ze, { size: "small", variant: "secondary", onClick: u, children: "Use key" }) })
+    /* @__PURE__ */ b.jsx(aJ, { children: /* @__PURE__ */ b.jsx(Ze, { size: "small", variant: "secondary", onClick: u, children: "Use key" }) })
   ] });
 }
-const nJ = Q.div`
+const rJ = Q.div`
   display: flex;
   flex-direction: column;
   align-self: stretch;
@@ -56061,7 +56066,7 @@ const nJ = Q.div`
   & > :not(:last-child) {
     border-bottom: 1px solid var(--border-color-secondary);
   }
-`, rJ = Q.div`
+`, iJ = Q.div`
   display: flex;
   justify-content: space-between;
   padding: var(--spacing-xs) var(--spacing-xs);
@@ -56069,16 +56074,16 @@ const nJ = Q.div`
   align-items: center;
   align-self: stretch;
   background: var(--layer-color);
-`, iJ = Q.div`
+`, sJ = Q.div`
   display: flex;
   gap: var(--spacing-xxs);
-`, sJ = Q.div`
+`, oJ = Q.div`
   color: var(--text-color-secondary, #3b3c45);
   font-size: var(--font-size-sm);
   font-style: normal;
   font-weight: var(--font-weight-regular);
   line-height: var(--line-height-sm);
-`, oJ = Q.div`
+`, aJ = Q.div`
   display: flex;
   padding: var(--spacing-xs) var(--spacing-xs);
   border-radius: 0 0 var(--border-radius-md) var(--border-radius-md);
@@ -56087,24 +56092,24 @@ const nJ = Q.div`
   align-self: stretch;
   background: var(--layer-color);
 `;
-function aJ({ app: n }) {
+function lJ({ app: n }) {
   const [e, t] = we(!1), { title: r, credentials: i, id: s } = n, o = i.get() || [], a = (l) => {
     l && !i.get() && (t(!0), fetch(`/api/api-keys/apps/${s.get()}`).then((c) => c.json().then((u) => {
       c.ok && i.set(u.credentials);
     }).catch(() => console.log("Something went wrong")).finally(() => t(!1))));
   };
-  return /* @__PURE__ */ b.jsx(gd, { dataTestId: `app-${name}`, title: r.get(), onToggle: a, children: /* @__PURE__ */ b.jsx(lJ, { children: e ? /* @__PURE__ */ b.jsx(cJ, { children: /* @__PURE__ */ b.jsx(ed, { size: "16px", color: "--icon-color-additional" }) }) : o.length ? o.map((l, c) => /* @__PURE__ */ b.jsx(tJ, { credential: l, number: c + 1 }, l.id)) : /* @__PURE__ */ b.jsx(uJ, { children: "There are no credentials yet." }) }) });
+  return /* @__PURE__ */ b.jsx(gd, { dataTestId: `app-${name}`, title: r.get(), onToggle: a, children: /* @__PURE__ */ b.jsx(cJ, { children: e ? /* @__PURE__ */ b.jsx(uJ, { children: /* @__PURE__ */ b.jsx(ed, { size: "16px", color: "--icon-color-additional" }) }) : o.length ? o.map((l, c) => /* @__PURE__ */ b.jsx(nJ, { credential: l, number: c + 1 }, l.id)) : /* @__PURE__ */ b.jsx(fJ, { children: "There are no credentials yet." }) }) });
 }
-const lJ = Q.div`
+const cJ = Q.div`
   padding-bottom: var(--spacing-xxs);
   margin-left: -7px;
   padding-right: var(--spacing-base);
-`, cJ = Q.div`
+`, uJ = Q.div`
   display: flex;
   height: 224px;
   justify-content: center;
   align-items: center;
-`, uJ = Q.div`
+`, fJ = Q.div`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -56113,7 +56118,7 @@ const lJ = Q.div`
   line-height: var(--line-height-base);
   color: var(--text-color-secondary);
 `;
-function fJ() {
+function dJ() {
   const [n, e] = we(""), { apps: t, apiId: r, appsLoadingState: i } = Le(), { sendEvent: s } = It(), o = () => {
     window.open("/apps", "_blank"), s("apps_request_access_clicked", {});
   };
@@ -56128,26 +56133,26 @@ function fJ() {
   ), l = (c) => {
     e(c);
   };
-  return i.get() === ei.Loading ? /* @__PURE__ */ b.jsx(hJ, { children: /* @__PURE__ */ b.jsx(ed, { size: "24px", color: "--icon-color-additional" }) }) : t.length ? /* @__PURE__ */ b.jsxs(dJ, { children: [
+  return i.get() === ei.Loading ? /* @__PURE__ */ b.jsx(pJ, { children: /* @__PURE__ */ b.jsx(ed, { size: "24px", color: "--icon-color-additional" }) }) : t.length ? /* @__PURE__ */ b.jsxs(hJ, { children: [
     /* @__PURE__ */ b.jsx(cv, { children: /* @__PURE__ */ b.jsx(lv, { value: n, onSearch: l }) }),
-    /* @__PURE__ */ b.jsx(uv, { children: a.map((c) => /* @__PURE__ */ b.jsx(aJ, { app: c }, c.get().id)) })
+    /* @__PURE__ */ b.jsx(uv, { children: a.map((c) => /* @__PURE__ */ b.jsx(lJ, { app: c }, c.get().id)) })
   ] }) : /* @__PURE__ */ b.jsxs(SI, { children: [
     "You don't have any apps with access to this API",
     /* @__PURE__ */ b.jsx(Ze, { onClick: o, children: "Request access" })
   ] });
 }
-const dJ = Q.div`
+const hJ = Q.div`
   display: flex;
   flex-direction: column;
   width: 100%;
-`, hJ = Q.div`
+`, pJ = Q.div`
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: calc(100vh - 50px);
-}`, { Tab: pJ, TabContent: gJ, TabList: mJ, Tabs: OJ } = KI.components;
-function vJ() {
+}`, { Tab: gJ, TabContent: mJ, TabList: OJ, Tabs: vJ } = KI.components;
+function xJ() {
   const { apiId: n } = Le(), { sendEvent: e } = It(), [t, r] = we(!0), i = et(
     (a) => {
       e("side_panel_tab_changed", { name: a });
@@ -56158,20 +56163,20 @@ function vJ() {
   }, o = tt(() => {
     const a = [
       /* @__PURE__ */ b.jsx(zp, { label: "History", onClick: () => i("History"), children: /* @__PURE__ */ b.jsx(xH, {}) }, "History"),
-      /* @__PURE__ */ b.jsx(zp, { label: "Environments", onClick: () => i("Environments"), children: /* @__PURE__ */ b.jsx(YH, {}) }, "Environments")
+      /* @__PURE__ */ b.jsx(zp, { label: "Environments", onClick: () => i("Environments"), children: /* @__PURE__ */ b.jsx(UH, {}) }, "Environments")
     ];
     return n.get() && a.push(
-      /* @__PURE__ */ b.jsx(zp, { label: "Apps", onClick: () => i("Apps"), children: /* @__PURE__ */ b.jsx(fJ, {}) })
+      /* @__PURE__ */ b.jsx(zp, { label: "Apps", onClick: () => i("Apps"), children: /* @__PURE__ */ b.jsx(dJ, {}) })
     ), a;
   }, [n, i]);
-  return /* @__PURE__ */ b.jsxs(xJ, { $expanded: t, children: [
-    t && /* @__PURE__ */ b.jsxs(bJ, { children: [
+  return /* @__PURE__ */ b.jsxs(bJ, { $expanded: t, children: [
+    t && /* @__PURE__ */ b.jsxs(yJ, { children: [
       ...o
     ] }),
-    /* @__PURE__ */ b.jsx(yJ, { variant: "text", onClick: s, children: t ? /* @__PURE__ */ b.jsx(e$, {}) : /* @__PURE__ */ b.jsx(t$, {}) })
+    /* @__PURE__ */ b.jsx(SJ, { variant: "text", onClick: s, children: t ? /* @__PURE__ */ b.jsx(e$, {}) : /* @__PURE__ */ b.jsx(t$, {}) })
   ] });
 }
-const xJ = Q.div`
+const bJ = Q.div`
   display: flex;
   flex-direction: row;
   border-left: 1px solid var(--border-color-secondary);
@@ -56183,13 +56188,13 @@ const xJ = Q.div`
   svg {
     fill: var(--text-color-primary);
   }
-`, bJ = Q(OJ)`
+`, yJ = Q(vJ)`
   flex-grow: 1;
   margin-right: -48px;
   margin-top: 0;
   --md-tabs-content-padding: 0;
 
-  ${mJ} {
+  ${OJ} {
     margin: 0;
     height: 49px;
     font-size: var(--font-size-lg);
@@ -56204,11 +56209,11 @@ const xJ = Q.div`
     --md-tabs-hover-tab-border-width: 0;
   }
 
-  ${gJ} {
+  ${mJ} {
     overflow: auto;
   }
 
-  ${pJ} {
+  ${gJ} {
     font-size: var(--font-size-lg);
     font-weight: var(--font-weight-regular);
     line-height: var(--line-height-lg);
@@ -56230,57 +56235,57 @@ const xJ = Q.div`
   ol[class^='Tabs__TabList'] {
     padding: 0 0 0 var(--spacing-base);
   }
-`, yJ = Q(Ze)`
+`, SJ = Q(Ze)`
   align-self: flex-start;
   margin: 12px;
   padding: 4px;
-`, zp = Q.li``, SJ = ({ error: n }) => /* @__PURE__ */ b.jsxs(wJ, { children: [
-  /* @__PURE__ */ b.jsx(CJ, { children: "An Error Has Occurred" }),
-  /* @__PURE__ */ b.jsx(kJ, { children: n == null ? void 0 : n.message }),
-  /* @__PURE__ */ b.jsx(AJ, { children: n == null ? void 0 : n.stack })
-] }), wJ = Q.div`
+`, zp = Q.li``, wJ = ({ error: n }) => /* @__PURE__ */ b.jsxs(CJ, { children: [
+  /* @__PURE__ */ b.jsx(kJ, { children: "An Error Has Occurred" }),
+  /* @__PURE__ */ b.jsx(AJ, { children: n == null ? void 0 : n.message }),
+  /* @__PURE__ */ b.jsx(PJ, { children: n == null ? void 0 : n.stack })
+] }), CJ = Q.div`
   padding: var(--spacing-xs) var(--spacing-xl);
-`, CJ = Q.h2`
+`, kJ = Q.h2`
   color: var(--color-error-base);
-`, kJ = Q.h4`
+`, AJ = Q.h4`
   color: var(--text-color-secondary);
-`, AJ = Q.pre`
+`, PJ = Q.pre`
   white-space: break-spaces;
 `;
-function PJ({ className: n }) {
-  return /* @__PURE__ */ b.jsx(EJ, { className: n, children: /* @__PURE__ */ b.jsxs(TJ, { children: [
+function EJ({ className: n }) {
+  return /* @__PURE__ */ b.jsx(TJ, { className: n, children: /* @__PURE__ */ b.jsxs(IJ, { children: [
     /* @__PURE__ */ b.jsx(Yw, { size: "24px", color: "--color-error-base" }),
-    /* @__PURE__ */ b.jsxs(IJ, { children: [
-      /* @__PURE__ */ b.jsx($J, { children: "Oops! Something went wrong." }),
-      /* @__PURE__ */ b.jsx(RJ, { children: "We're sorry. There's been an unexpected error. Our team has been notified and will investigate the issue." })
+    /* @__PURE__ */ b.jsxs($J, { children: [
+      /* @__PURE__ */ b.jsx(RJ, { children: "Oops! Something went wrong." }),
+      /* @__PURE__ */ b.jsx(jJ, { children: "We're sorry. There's been an unexpected error. Our team has been notified and will investigate the issue." })
     ] })
   ] }) });
 }
-const EJ = Q.div`
+const TJ = Q.div`
   display: flex;
   justify-content: center;
   align-items: center;
   width: 80vw;
   height: 100vh;
   background-color: var(--bg-color);
-`, TJ = Q.div`
+`, IJ = Q.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: var(--spacing-base);
-`, IJ = Q.div`
+`, $J = Q.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: var(--spacing-xxs);
   width: 488px;
-`, $J = Q.div`
+`, RJ = Q.div`
   color: var(--text-color-primary);
   font-size: var(--font-size-xl);
   font-style: normal;
   font-weight: var(--font-weight-semibold);
   line-height: var(--line-height-xl);
-`, RJ = Q.div`
+`, jJ = Q.div`
   color: var(--text-color-primary);
   font-size: var(--font-size-lg);
   font-style: normal;
@@ -56317,31 +56322,31 @@ class wI extends U.Component {
     this.setState(r), (s = (i = this.props).onError) == null || s.call(i, r.error);
   }
   render() {
-    return this.state.error ? process.env.NODE_ENV === "production" ? /* @__PURE__ */ b.jsx(PJ, {}) : /* @__PURE__ */ b.jsx(SJ, { error: this.state.error }) : this.props.children;
+    return this.state.error ? process.env.NODE_ENV === "production" ? /* @__PURE__ */ b.jsx(EJ, {}) : /* @__PURE__ */ b.jsx(wJ, { error: this.state.error }) : this.props.children;
   }
 }
-function jJ({ className: n }) {
+function DJ({ className: n }) {
   const { operationUrl: e } = Le().get(), { sendEvent: t } = It();
   return /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
     /* @__PURE__ */ b.jsx(n$, {}),
-    /* @__PURE__ */ b.jsx(DJ, { className: n, children: /* @__PURE__ */ b.jsxs(
+    /* @__PURE__ */ b.jsx(QJ, { className: n, children: /* @__PURE__ */ b.jsxs(
       wI,
       {
         onError: (r) => t("unhandled_error", { ...r, operationUrl: e }),
         children: [
           /* @__PURE__ */ b.jsx(mI, {}),
-          /* @__PURE__ */ b.jsx(vJ, {})
+          /* @__PURE__ */ b.jsx(xJ, {})
         ]
       }
     ) })
   ] });
 }
-const DJ = Q.div`
+const QJ = Q.div`
   display: flex;
   height: 100vh;
   background-color: var(--bg-color);
 `;
-function QJ(n, e) {
+function BJ(n, e) {
   const t = QT(n), r = jT(n), i = vG(n), s = gG(n), o = n.request.get().body.activeExampleName, a = n.request.get().body.type, l = JO(n);
   return {
     requestValues: {
@@ -56365,8 +56370,8 @@ function QJ(n, e) {
     )
   };
 }
-function BJ(n, e) {
-  const { servers: t, parameters: r } = n, i = r.filter((o) => o.in === "path"), s = _J(n);
+function _J(n, e) {
+  const { servers: t, parameters: r } = n, i = r.filter((o) => o.in === "path"), s = NJ(n);
   return t.map((o) => {
     const a = o.url, l = o.description || a, c = o.variables || {}, u = Object.entries(c).map(([m, g]) => {
       const v = Ka.getEnvironmentVariableByName(
@@ -56418,7 +56423,7 @@ function BJ(n, e) {
       state: xr.Normal,
       canBeRemoved: !1,
       canBeEdited: !1,
-      variables: NJ(
+      variables: MJ(
         [
           ...p,
           {
@@ -56438,7 +56443,7 @@ function BJ(n, e) {
     };
   });
 }
-function _J(n) {
+function NJ(n) {
   var i;
   const e = [], t = ((i = n.security) == null ? void 0 : i.flat()) || [], r = /* @__PURE__ */ new Set();
   return t.forEach((s) => {
@@ -56462,7 +56467,7 @@ function Jr(n, e) {
     isSecret: e === void 0 ? !0 : e
   };
 }
-function NJ(n, e) {
+function MJ(n, e) {
   return e ? n.map((t) => {
     const r = e[t.name];
     return r !== void 0 ? {
@@ -56486,16 +56491,16 @@ function CI({ value: n, disableDraft: e, ...t }) {
     oAuth2RedirectURI: h
   } = r;
   return Ge(() => {
-    const p = t.operationUrl && !e ? aI.getByKey(t.operationUrl) : null, m = Fn(n), g = BJ(m, t.predefinedEnvValues), v = g.find(
+    const p = t.operationUrl && !e ? aI.getByKey(t.operationUrl) : null, m = Fn(n), g = _J(m, t.predefinedEnvValues), v = g.find(
       ({ name: O, url: x }) => x === (t == null ? void 0 : t.environment) || O === (t == null ? void 0 : t.environment)
     );
     i.set(m), l.set(g), a.set(t.corsProxyUrl ?? HX), o.set(null), c.set(t.operationUrl), u.set(t.mockServer), d.set(t.apiId), h.set(t.oAuth2RedirectURI), v && f.set(v.id), p ? s.set(p) : s.set(KO(m)), $T(r);
   }, [n]), r;
 }
-function iK({ onClose: n, onLoad: e, onRequestChange: t, ...r }) {
+function sK({ onClose: n, onLoad: e, onRequestChange: t, ...r }) {
   const i = ut(null), { sendEvent: s } = It(), o = Le(), a = CI(r), l = et(() => {
     if (t) {
-      const u = a.isLinked.get(), f = QJ(a, r.value);
+      const u = a.isLinked.get(), f = BJ(a, r.value);
       t(u ? f : { requestValues: {} });
     }
     s("replay_closed", { operationName: r.value.name }), n(), o.set(Bd());
@@ -56510,7 +56515,7 @@ function iK({ onClose: n, onLoad: e, onRequestChange: t, ...r }) {
   };
   return /* @__PURE__ */ b.jsx(Ww, { children: /* @__PURE__ */ b.jsxs(PA, { onClick: l, children: [
     /* @__PURE__ */ b.jsx(
-      FJ,
+      ZJ,
       {
         onClick: l,
         role: "button",
@@ -56518,15 +56523,15 @@ function iK({ onClose: n, onLoad: e, onRequestChange: t, ...r }) {
         tabIndex: 0,
         ref: i,
         autoFocus: !0,
-        children: /* @__PURE__ */ b.jsx(ZJ, {})
+        children: /* @__PURE__ */ b.jsx(WJ, {})
       }
     ),
-    /* @__PURE__ */ b.jsx(MJ, {})
+    /* @__PURE__ */ b.jsx(FJ, {})
   ] }) });
 }
-const MJ = Q(jJ)`
+const FJ = Q(DJ)`
   width: 80vw;
-`, FJ = Q.div`
+`, ZJ = Q.div`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -56539,30 +56544,30 @@ const MJ = Q(jJ)`
   width: 24px;
   height: 24px;
   cursor: pointer;
-`, ZJ = Q(Wo)`
+`, WJ = Q(Wo)`
   width: 14px;
   height: 14px;
 `;
-function sK(n) {
+function oK(n) {
   const { sendEvent: e } = It(), t = tt(() => km(Bd()), []);
   return /* @__PURE__ */ b.jsx(UU, { value: t, children: /* @__PURE__ */ b.jsx(
     wI,
     {
       onError: (r) => e("unhandled_error", { ...r, isEmbedded: !0 }),
-      children: /* @__PURE__ */ b.jsx(WJ, { ...n })
+      children: /* @__PURE__ */ b.jsx(VJ, { ...n })
     }
   ) });
 }
-function WJ(n) {
-  return CI({ ...n, disableDraft: !0 }), /* @__PURE__ */ b.jsx(Ww, { children: /* @__PURE__ */ b.jsx(VJ, { children: /* @__PURE__ */ b.jsx(mI, {}) }) });
+function VJ(n) {
+  return CI({ ...n, disableDraft: !0 }), /* @__PURE__ */ b.jsx(Ww, { children: /* @__PURE__ */ b.jsx(zJ, { children: /* @__PURE__ */ b.jsx(mI, {}) }) });
 }
-const VJ = Q.div`
+const zJ = Q.div`
   display: flex;
   max-height: 80vh;
   height: 800px;
   width: 100%;
 `;
 export {
-  sK as EmbeddedReplay,
-  iK as ReplayOverlay
+  oK as EmbeddedReplay,
+  sK as ReplayOverlay
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/replay",
-  "version": "0.3.13",
+  "version": "0.3.14",
   "type": "module",
   "main": "./dist/replay.cjs",
   "module": "./dist/replay.js",
@@ -19,7 +19,7 @@
     "react-dom": "^17.0.0 || ^18.0.0",
     "react-router-dom": "^6.21.1",
     "styled-components": "^5.3.11",
-    "@redocly/theme": "0.38.8"
+    "@redocly/theme": "0.39.0"
   },
   "dependencies": {
     "@codemirror/autocomplete": "^6.15.0",