diff --git a/rulesdocs/refector_rules_and_tracking.md b/rulesdocs/refector_rules_and_tracking.md index 67bb2ca6..9094b574 100644 --- a/rulesdocs/refector_rules_and_tracking.md +++ b/rulesdocs/refector_rules_and_tracking.md @@ -64,16 +64,18 @@ - [ ] gamepad mapping settings - [ ] mobile controls - [ ] top down map -- [ ] video tile +- [x] video tile - [ ] Sweep `webui` for unused or unneeded files/code with verification ### COMPLETED COMPONENTS - mini summary app - spectator app +- video tile ### LARGE CHANGES - Split `webui/src/mini/MiniSummaryApp.jsx` into folderized modules under `webui/src/mini/MiniSummaryApp/` with a compatibility entrypoint preserved. - Split `webui/src/spectate/SpectatorApp.jsx` into folderized modules under `webui/src/spectate/SpectatorApp/` with a compatibility entrypoint preserved. +- Split `webui/src/components/VideoTile.jsx` by extracting HUD, overlays, chat input, and constants into `webui/src/components/VideoTile/` while preserving the existing `VideoTile.jsx` public component API. ## Done criteria (per item) - [ ] Folderized structure created. diff --git a/server/public/assets/index-BK4DZOjR.js b/server/public/assets/index-L5eomcx0.js similarity index 82% rename from server/public/assets/index-BK4DZOjR.js rename to server/public/assets/index-L5eomcx0.js index 2e0761a6..63249474 100644 --- a/server/public/assets/index-BK4DZOjR.js +++ b/server/public/assets/index-L5eomcx0.js @@ -8,14 +8,14 @@ Error generating stack: `+i.message+` `+i.stack}}var se=Object.prototype.hasOwnProperty,P=n.unstable_scheduleCallback,de=n.unstable_cancelCallback,Ne=n.unstable_shouldYield,pt=n.unstable_requestPaint,Ve=n.unstable_now,st=n.unstable_getCurrentPriorityLevel,lt=n.unstable_ImmediatePriority,Ot=n.unstable_UserBlockingPriority,it=n.unstable_NormalPriority,ms=n.unstable_LowPriority,Yt=n.unstable_IdlePriority,La=n.log,Bo=n.unstable_setDisableYieldValue,Bn=null,Nt=null;function Ft(e){if(typeof La=="function"&&Bo(e),Nt&&typeof Nt.setStrictMode=="function")try{Nt.setStrictMode(Bn,e)}catch{}}var Mt=Math.clz32?Math.clz32:hs,fa=Math.log,Oo=Math.LN2;function hs(e){return e>>>=0,e===0?32:31-(fa(e)/Oo|0)|0}var ps=256,za=262144,Pe=4194304;function On(e){var t=e&42;if(t!==0)return t;switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:return 64;case 128:return 128;case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:return e&261888;case 262144:case 524288:case 1048576:case 2097152:return e&3932160;case 4194304:case 8388608:case 16777216:case 33554432:return e&62914560;case 67108864:return 67108864;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 0;default:return e}}function Cn(e,t,a){var i=e.pendingLanes;if(i===0)return 0;var c=0,u=e.suspendedLanes,b=e.pingedLanes;e=e.warmLanes;var A=i&134217727;return A!==0?(i=A&~u,i!==0?c=On(i):(b&=A,b!==0?c=On(b):a||(a=A&~e,a!==0&&(c=On(a))))):(A=i&~u,A!==0?c=On(A):b!==0?c=On(b):a||(a=i&~e,a!==0&&(c=On(a)))),c===0?0:t!==0&&t!==c&&(t&u)===0&&(u=c&-c,a=t&-t,u>=a||u===32&&(a&4194048)!==0)?t:c}function Ln(e,t){return(e.pendingLanes&~(e.suspendedLanes&~e.pingedLanes)&t)===0}function xs(e,t){switch(e){case 1:case 2:case 4:case 8:case 64:return t+250;case 16:case 32:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;case 4194304:case 8388608:case 16777216:case 33554432:return-1;case 67108864:case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function hl(){var e=Pe;return Pe<<=1,(Pe&62914560)===0&&(Pe=4194304),e}function pl(e){for(var t=[],a=0;31>a;a++)t.push(e);return t}function Ua(e,t){e.pendingLanes|=t,t!==268435456&&(e.suspendedLanes=0,e.pingedLanes=0,e.warmLanes=0)}function Lo(e,t,a,i,c,u){var b=e.pendingLanes;e.pendingLanes=a,e.suspendedLanes=0,e.pingedLanes=0,e.warmLanes=0,e.expiredLanes&=a,e.entangledLanes&=a,e.errorRecoveryDisabledLanes&=a,e.shellSuspendCounter=0;var A=e.entanglements,D=e.expirationTimes,Y=e.hiddenUpdates;for(a=b&~a;0"u")return null;try{return e.activeElement||e.body}catch{return e.body}}var ov=/[\n"\\]/g;function ln(e){return e.replace(ov,function(t){return"\\"+t.charCodeAt(0).toString(16)+" "})}function Ho(e,t,a,i,c,u,b,A){e.name="",b!=null&&typeof b!="function"&&typeof b!="symbol"&&typeof b!="boolean"?e.type=b:e.removeAttribute("type"),t!=null?b==="number"?(t===0&&e.value===""||e.value!=t)&&(e.value=""+sn(t)):e.value!==""+sn(t)&&(e.value=""+sn(t)):b!=="submit"&&b!=="reset"||e.removeAttribute("value"),t!=null?Vo(e,b,sn(t)):a!=null?Vo(e,b,sn(a)):i!=null&&e.removeAttribute("value"),c==null&&u!=null&&(e.defaultChecked=!!u),c!=null&&(e.checked=c&&typeof c!="function"&&typeof c!="symbol"),A!=null&&typeof A!="function"&&typeof A!="symbol"&&typeof A!="boolean"?e.name=""+sn(A):e.removeAttribute("name")}function qd(e,t,a,i,c,u,b,A){if(u!=null&&typeof u!="function"&&typeof u!="symbol"&&typeof u!="boolean"&&(e.type=u),t!=null||a!=null){if(!(u!=="submit"&&u!=="reset"||t!=null)){Uo(e);return}a=a!=null?""+sn(a):"",t=t!=null?""+sn(t):a,A||t===e.value||(e.value=t),e.defaultValue=t}i=i??c,i=typeof i!="function"&&typeof i!="symbol"&&!!i,e.checked=A?e.checked:!!i,e.defaultChecked=!!i,b!=null&&typeof b!="function"&&typeof b!="symbol"&&typeof b!="boolean"&&(e.name=b),Uo(e)}function Vo(e,t,a){t==="number"&&Oi(e.ownerDocument)===e||e.defaultValue===""+a||(e.defaultValue=""+a)}function Ss(e,t,a,i){if(e=e.options,t){t={};for(var c=0;c"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),Xo=!1;if(Vn)try{var yl={};Object.defineProperty(yl,"passive",{get:function(){Xo=!0}}),window.addEventListener("test",yl,yl),window.removeEventListener("test",yl,yl)}catch{Xo=!1}var da=null,Qo=null,zi=null;function zd(){if(zi)return zi;var e,t=Qo,a=t.length,i,c="value"in da?da.value:da.textContent,u=c.length;for(e=0;e=Al),Yd=" ",Fd=!1;function Xd(e,t){switch(e){case"keyup":return Ov.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Qd(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var ws=!1;function zv(e,t){switch(e){case"compositionend":return Qd(t);case"keypress":return t.which!==32?null:(Fd=!0,Yd);case"textInput":return e=t.data,e===Yd&&Fd?null:e;default:return null}}function Uv(e,t){if(ws)return e==="compositionend"||!Po&&Xd(e,t)?(e=zd(),zi=Qo=da=null,ws=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1=t)return{node:a,offset:t-e};e=i}e:{for(;a;){if(a.nextSibling){a=a.nextSibling;break e}a=a.parentNode}a=void 0}a=tm(a)}}function am(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?am(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function sm(e){e=e!=null&&e.ownerDocument!=null&&e.ownerDocument.defaultView!=null?e.ownerDocument.defaultView:window;for(var t=Oi(e.document);t instanceof e.HTMLIFrameElement;){try{var a=typeof t.contentWindow.location.href=="string"}catch{a=!1}if(a)e=t.contentWindow;else break;t=Oi(e.document)}return t}function tc(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}var Qv=Vn&&"documentMode"in document&&11>=document.documentMode,Cs=null,nc=null,El=null,ac=!1;function lm(e,t,a){var i=a.window===a?a.document:a.nodeType===9?a:a.ownerDocument;ac||Cs==null||Cs!==Oi(i)||(i=Cs,"selectionStart"in i&&tc(i)?i={start:i.selectionStart,end:i.selectionEnd}:(i=(i.ownerDocument&&i.ownerDocument.defaultView||window).getSelection(),i={anchorNode:i.anchorNode,anchorOffset:i.anchorOffset,focusNode:i.focusNode,focusOffset:i.focusOffset}),El&&Cl(El,i)||(El=i,i=qr(nc,"onSelect"),0>=b,c-=b,En=1<<32-Mt(t)+c|a<Ee?(Te=ge,ge=null):Te=ge.sibling;var Le=Q(z,ge,G[Ee],W);if(Le===null){ge===null&&(ge=Te);break}e&&ge&&Le.alternate===null&&t(z,ge),B=u(Le,B,Ee),Oe===null?Se=Le:Oe.sibling=Le,Oe=Le,ge=Te}if(Ee===G.length)return a(z,ge),De&&Gn(z,Ee),Se;if(ge===null){for(;EeEe?(Te=ge,ge=null):Te=ge.sibling;var _a=Q(z,ge,Le.value,W);if(_a===null){ge===null&&(ge=Te);break}e&&ge&&_a.alternate===null&&t(z,ge),B=u(_a,B,Ee),Oe===null?Se=_a:Oe.sibling=_a,Oe=_a,ge=Te}if(Le.done)return a(z,ge),De&&Gn(z,Ee),Se;if(ge===null){for(;!Le.done;Ee++,Le=G.next())Le=ne(z,Le.value,W),Le!==null&&(B=u(Le,B,Ee),Oe===null?Se=Le:Oe.sibling=Le,Oe=Le);return De&&Gn(z,Ee),Se}for(ge=i(ge);!Le.done;Ee++,Le=G.next())Le=I(ge,z,Ee,Le.value,W),Le!==null&&(e&&Le.alternate!==null&&ge.delete(Le.key===null?Ee:Le.key),B=u(Le,B,Ee),Oe===null?Se=Le:Oe.sibling=Le,Oe=Le);return e&&ge.forEach(function(my){return t(z,my)}),De&&Gn(z,Ee),Se}function Ke(z,B,G,W){if(typeof G=="object"&&G!==null&&G.type===k&&G.key===null&&(G=G.props.children),typeof G=="object"&&G!==null){switch(G.$$typeof){case E:e:{for(var Se=G.key;B!==null;){if(B.key===Se){if(Se=G.type,Se===k){if(B.tag===7){a(z,B.sibling),W=c(B,G.props.children),W.return=z,z=W;break e}}else if(B.elementType===Se||typeof Se=="object"&&Se!==null&&Se.$$typeof===U&&Ia(Se)===B.type){a(z,B.sibling),W=c(B,G.props),Dl(W,G),W.return=z,z=W;break e}a(z,B);break}else t(z,B);B=B.sibling}G.type===k?(W=Fa(G.props.children,z.mode,W,G.key),W.return=z,z=W):(W=Ki(G.type,G.key,G.props,null,z.mode,W),Dl(W,G),W.return=z,z=W)}return b(z);case C:e:{for(Se=G.key;B!==null;){if(B.key===Se)if(B.tag===4&&B.stateNode.containerInfo===G.containerInfo&&B.stateNode.implementation===G.implementation){a(z,B.sibling),W=c(B,G.children||[]),W.return=z,z=W;break e}else{a(z,B);break}else t(z,B);B=B.sibling}W=uc(G,z.mode,W),W.return=z,z=W}return b(z);case U:return G=Ia(G),Ke(z,B,G,W)}if(V(G))return he(z,B,G,W);if(te(G)){if(Se=te(G),typeof Se!="function")throw Error(o(150));return G=Se.call(G),je(z,B,G,W)}if(typeof G.then=="function")return Ke(z,B,tr(G),W);if(G.$$typeof===T)return Ke(z,B,Ji(z,G),W);nr(z,G)}return typeof G=="string"&&G!==""||typeof G=="number"||typeof G=="bigint"?(G=""+G,B!==null&&B.tag===6?(a(z,B.sibling),W=c(B,G),W.return=z,z=W):(a(z,B),W=cc(G,z.mode,W),W.return=z,z=W),b(z)):a(z,B)}return function(z,B,G,W){try{Tl=0;var Se=Ke(z,B,G,W);return Ls=null,Se}catch(ge){if(ge===Os||ge===Wi)throw ge;var Oe=Qt(29,ge,null,z.mode);return Oe.lanes=W,Oe.return=z,Oe}finally{}}}var Pa=km(!0),Mm=km(!1),ga=!1;function jc(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,lanes:0,hiddenCallbacks:null},callbacks:null}}function Ac(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,callbacks:null})}function va(e){return{lane:e,tag:0,payload:null,callback:null,next:null}}function ba(e,t,a){var i=e.updateQueue;if(i===null)return null;if(i=i.shared,(Ue&2)!==0){var c=i.pending;return c===null?t.next=t:(t.next=c.next,c.next=t),i.pending=t,t=Qi(e),dm(e,null,a),t}return Xi(e,i,t,a),Qi(e)}function _l(e,t,a){if(t=t.updateQueue,t!==null&&(t=t.shared,(a&4194048)!==0)){var i=t.lanes;i&=e.pendingLanes,a|=i,t.lanes=a,an(e,a)}}function Nc(e,t){var a=e.updateQueue,i=e.alternate;if(i!==null&&(i=i.updateQueue,a===i)){var c=null,u=null;if(a=a.firstBaseUpdate,a!==null){do{var b={lane:a.lane,tag:a.tag,payload:a.payload,callback:null,next:null};u===null?c=u=b:u=u.next=b,a=a.next}while(a!==null);u===null?c=u=t:u=u.next=t}else c=u=t;a={baseState:i.baseState,firstBaseUpdate:c,lastBaseUpdate:u,shared:i.shared,callbacks:i.callbacks},e.updateQueue=a;return}e=a.lastBaseUpdate,e===null?a.firstBaseUpdate=t:e.next=t,a.lastBaseUpdate=t}var wc=!1;function Bl(){if(wc){var e=Bs;if(e!==null)throw e}}function Ol(e,t,a,i){wc=!1;var c=e.updateQueue;ga=!1;var u=c.firstBaseUpdate,b=c.lastBaseUpdate,A=c.shared.pending;if(A!==null){c.shared.pending=null;var D=A,Y=D.next;D.next=null,b===null?u=Y:b.next=Y,b=D;var J=e.alternate;J!==null&&(J=J.updateQueue,A=J.lastBaseUpdate,A!==b&&(A===null?J.firstBaseUpdate=Y:A.next=Y,J.lastBaseUpdate=D))}if(u!==null){var ne=c.baseState;b=0,J=Y=D=null,A=u;do{var Q=A.lane&-536870913,I=Q!==A.lane;if(I?(qe&Q)===Q:(i&Q)===Q){Q!==0&&Q===_s&&(wc=!0),J!==null&&(J=J.next={lane:0,tag:A.tag,payload:A.payload,callback:null,next:null});e:{var he=e,je=A;Q=t;var Ke=a;switch(je.tag){case 1:if(he=je.payload,typeof he=="function"){ne=he.call(Ke,ne,Q);break e}ne=he;break e;case 3:he.flags=he.flags&-65537|128;case 0:if(he=je.payload,Q=typeof he=="function"?he.call(Ke,ne,Q):he,Q==null)break e;ne=y({},ne,Q);break e;case 2:ga=!0}}Q=A.callback,Q!==null&&(e.flags|=64,I&&(e.flags|=8192),I=c.callbacks,I===null?c.callbacks=[Q]:I.push(Q))}else I={lane:Q,tag:A.tag,payload:A.payload,callback:A.callback,next:null},J===null?(Y=J=I,D=ne):J=J.next=I,b|=Q;if(A=A.next,A===null){if(A=c.shared.pending,A===null)break;I=A,A=I.next,I.next=null,c.lastBaseUpdate=I,c.shared.pending=null}}while(!0);J===null&&(D=ne),c.baseState=D,c.firstBaseUpdate=Y,c.lastBaseUpdate=J,u===null&&(c.shared.lanes=0),Na|=b,e.lanes=b,e.memoizedState=ne}}function Rm(e,t){if(typeof e!="function")throw Error(o(191,e));e.call(t)}function qm(e,t){var a=e.callbacks;if(a!==null)for(e.callbacks=null,e=0;eu?u:8;var b=q.T,A={};q.T=A,Yc(e,!1,t,a);try{var D=c(),Y=q.S;if(Y!==null&&Y(A,D),D!==null&&typeof D=="object"&&typeof D.then=="function"){var J=nb(D,i);Ul(e,t,J,Pt(e))}else Ul(e,t,i,Pt(e))}catch(ne){Ul(e,t,{then:function(){},status:"rejected",reason:ne},Pt())}finally{L.p=u,b!==null&&A.types!==null&&(b.types=A.types),q.T=b}}function ob(){}function $c(e,t,a,i){if(e.tag!==5)throw Error(o(476));var c=ch(e).queue;oh(e,c,t,Z,a===null?ob:function(){return uh(e),a(i)})}function ch(e){var t=e.memoizedState;if(t!==null)return t;t={memoizedState:Z,baseState:Z,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:Qn,lastRenderedState:Z},next:null};var a={};return t.next={memoizedState:a,baseState:a,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:Qn,lastRenderedState:a},next:null},e.memoizedState=t,e=e.alternate,e!==null&&(e.memoizedState=t),t}function uh(e){var t=ch(e);t.next===null&&(t=e.alternate.memoizedState),Ul(e,t.next.queue,{},Pt())}function Gc(){return qt(ni)}function fh(){return gt().memoizedState}function dh(){return gt().memoizedState}function cb(e){for(var t=e.return;t!==null;){switch(t.tag){case 24:case 3:var a=Pt();e=va(a);var i=ba(t,e,a);i!==null&&(Gt(i,t,a),_l(i,t,a)),t={cache:vc()},e.payload=t;return}t=t.return}}function ub(e,t,a){var i=Pt();a={lane:i,revertLane:0,gesture:null,action:a,hasEagerState:!1,eagerState:null,next:null},dr(e)?hh(t,a):(a=rc(e,t,a,i),a!==null&&(Gt(a,e,i),ph(a,t,i)))}function mh(e,t,a){var i=Pt();Ul(e,t,a,i)}function Ul(e,t,a,i){var c={lane:i,revertLane:0,gesture:null,action:a,hasEagerState:!1,eagerState:null,next:null};if(dr(e))hh(t,c);else{var u=e.alternate;if(e.lanes===0&&(u===null||u.lanes===0)&&(u=t.lastRenderedReducer,u!==null))try{var b=t.lastRenderedState,A=u(b,a);if(c.hasEagerState=!0,c.eagerState=A,Xt(A,b))return Xi(e,t,c,0),Ie===null&&Fi(),!1}catch{}finally{}if(a=rc(e,t,c,i),a!==null)return Gt(a,e,i),ph(a,t,i),!0}return!1}function Yc(e,t,a,i){if(i={lane:2,revertLane:ju(),gesture:null,action:i,hasEagerState:!1,eagerState:null,next:null},dr(e)){if(t)throw Error(o(479))}else t=rc(e,a,i,2),t!==null&&Gt(t,e,2)}function dr(e){var t=e.alternate;return e===Ce||t!==null&&t===Ce}function hh(e,t){Us=lr=!0;var a=e.pending;a===null?t.next=t:(t.next=a.next,a.next=t),e.pending=t}function ph(e,t,a){if((a&4194048)!==0){var i=t.lanes;i&=e.pendingLanes,a|=i,t.lanes=a,an(e,a)}}var Hl={readContext:qt,use:or,useCallback:dt,useContext:dt,useEffect:dt,useImperativeHandle:dt,useLayoutEffect:dt,useInsertionEffect:dt,useMemo:dt,useReducer:dt,useRef:dt,useState:dt,useDebugValue:dt,useDeferredValue:dt,useTransition:dt,useSyncExternalStore:dt,useId:dt,useHostTransitionStatus:dt,useFormState:dt,useActionState:dt,useOptimistic:dt,useMemoCache:dt,useCacheRefresh:dt};Hl.useEffectEvent=dt;var xh={readContext:qt,use:or,useCallback:function(e,t){return Lt().memoizedState=[e,t===void 0?null:t],e},useContext:qt,useEffect:Wm,useImperativeHandle:function(e,t,a){a=a!=null?a.concat([e]):null,ur(4194308,4,ah.bind(null,t,e),a)},useLayoutEffect:function(e,t){return ur(4194308,4,e,t)},useInsertionEffect:function(e,t){ur(4,2,e,t)},useMemo:function(e,t){var a=Lt();t=t===void 0?null:t;var i=e();if(Wa){Ft(!0);try{e()}finally{Ft(!1)}}return a.memoizedState=[i,t],i},useReducer:function(e,t,a){var i=Lt();if(a!==void 0){var c=a(t);if(Wa){Ft(!0);try{a(t)}finally{Ft(!1)}}}else c=t;return i.memoizedState=i.baseState=c,e={pending:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:c},i.queue=e,e=e.dispatch=ub.bind(null,Ce,e),[i.memoizedState,e]},useRef:function(e){var t=Lt();return e={current:e},t.memoizedState=e},useState:function(e){e=Lc(e);var t=e.queue,a=mh.bind(null,Ce,t);return t.dispatch=a,[e.memoizedState,a]},useDebugValue:Hc,useDeferredValue:function(e,t){var a=Lt();return Vc(a,e,t)},useTransition:function(){var e=Lc(!1);return e=oh.bind(null,Ce,e.queue,!0,!1),Lt().memoizedState=e,[!1,e]},useSyncExternalStore:function(e,t,a){var i=Ce,c=Lt();if(De){if(a===void 0)throw Error(o(407));a=a()}else{if(a=t(),Ie===null)throw Error(o(349));(qe&127)!==0||Lm(i,t,a)}c.memoizedState=a;var u={value:a,getSnapshot:t};return c.queue=u,Wm(Um.bind(null,i,u,e),[e]),i.flags|=2048,Vs(9,{destroy:void 0},zm.bind(null,i,u,a,t),null),a},useId:function(){var e=Lt(),t=Ie.identifierPrefix;if(De){var a=kn,i=En;a=(i&~(1<<32-Mt(i)-1)).toString(32)+a,t="_"+t+"R_"+a,a=ir++,0<\/script>",u=u.removeChild(u.firstChild);break;case"select":u=typeof i.is=="string"?b.createElement("select",{is:i.is}):b.createElement("select"),i.multiple?u.multiple=!0:i.size&&(u.size=i.size);break;default:u=typeof i.is=="string"?b.createElement(c,{is:i.is}):b.createElement(c)}}u[ot]=t,u[wt]=i;e:for(b=t.child;b!==null;){if(b.tag===5||b.tag===6)u.appendChild(b.stateNode);else if(b.tag!==4&&b.tag!==27&&b.child!==null){b.child.return=b,b=b.child;continue}if(b===t)break e;for(;b.sibling===null;){if(b.return===null||b.return===t)break e;b=b.return}b.sibling.return=b.return,b=b.sibling}t.stateNode=u;e:switch(Dt(u,c,i),c){case"button":case"input":case"select":case"textarea":i=!!i.autoFocus;break e;case"img":i=!0;break e;default:i=!1}i&&Zn(t)}}return et(t),su(t,t.type,e===null?null:e.memoizedProps,t.pendingProps,a),null;case 6:if(e&&t.stateNode!=null)e.memoizedProps!==i&&Zn(t);else{if(typeof i!="string"&&t.stateNode===null)throw Error(o(166));if(e=re.current,Ts(t)){if(e=t.stateNode,a=t.memoizedProps,i=null,c=Rt,c!==null)switch(c.tag){case 27:case 5:i=c.memoizedProps}e[ot]=t,e=!!(e.nodeValue===a||i!==null&&i.suppressHydrationWarning===!0||Bp(e.nodeValue,a)),e||pa(t,!0)}else e=Tr(e).createTextNode(i),e[ot]=t,t.stateNode=e}return et(t),null;case 31:if(a=t.memoizedState,e===null||e.memoizedState!==null){if(i=Ts(t),a!==null){if(e===null){if(!i)throw Error(o(318));if(e=t.memoizedState,e=e!==null?e.dehydrated:null,!e)throw Error(o(557));e[ot]=t}else Xa(),(t.flags&128)===0&&(t.memoizedState=null),t.flags|=4;et(t),e=!1}else a=hc(),e!==null&&e.memoizedState!==null&&(e.memoizedState.hydrationErrors=a),e=!0;if(!e)return t.flags&256?(Zt(t),t):(Zt(t),null);if((t.flags&128)!==0)throw Error(o(558))}return et(t),null;case 13:if(i=t.memoizedState,e===null||e.memoizedState!==null&&e.memoizedState.dehydrated!==null){if(c=Ts(t),i!==null&&i.dehydrated!==null){if(e===null){if(!c)throw Error(o(318));if(c=t.memoizedState,c=c!==null?c.dehydrated:null,!c)throw Error(o(317));c[ot]=t}else Xa(),(t.flags&128)===0&&(t.memoizedState=null),t.flags|=4;et(t),c=!1}else c=hc(),e!==null&&e.memoizedState!==null&&(e.memoizedState.hydrationErrors=c),c=!0;if(!c)return t.flags&256?(Zt(t),t):(Zt(t),null)}return Zt(t),(t.flags&128)!==0?(t.lanes=a,t):(a=i!==null,e=e!==null&&e.memoizedState!==null,a&&(i=t.child,c=null,i.alternate!==null&&i.alternate.memoizedState!==null&&i.alternate.memoizedState.cachePool!==null&&(c=i.alternate.memoizedState.cachePool.pool),u=null,i.memoizedState!==null&&i.memoizedState.cachePool!==null&&(u=i.memoizedState.cachePool.pool),u!==c&&(i.flags|=2048)),a!==e&&a&&(t.child.flags|=8192),gr(t,t.updateQueue),et(t),null);case 4:return be(),e===null&&Cu(t.stateNode.containerInfo),et(t),null;case 10:return Fn(t.type),et(t),null;case 19:if($(xt),i=t.memoizedState,i===null)return et(t),null;if(c=(t.flags&128)!==0,u=i.rendering,u===null)if(c)$l(i,!1);else{if(mt!==0||e!==null&&(e.flags&128)!==0)for(e=t.child;e!==null;){if(u=sr(e),u!==null){for(t.flags|=128,$l(i,!1),e=u.updateQueue,t.updateQueue=e,gr(t,e),t.subtreeFlags=0,e=a,a=t.child;a!==null;)mm(a,e),a=a.sibling;return ee(xt,xt.current&1|2),De&&Gn(t,i.treeForkCount),t.child}e=e.sibling}i.tail!==null&&Ve()>jr&&(t.flags|=128,c=!0,$l(i,!1),t.lanes=4194304)}else{if(!c)if(e=sr(u),e!==null){if(t.flags|=128,c=!0,e=e.updateQueue,t.updateQueue=e,gr(t,e),$l(i,!0),i.tail===null&&i.tailMode==="hidden"&&!u.alternate&&!De)return et(t),null}else 2*Ve()-i.renderingStartTime>jr&&a!==536870912&&(t.flags|=128,c=!0,$l(i,!1),t.lanes=4194304);i.isBackwards?(u.sibling=t.child,t.child=u):(e=i.last,e!==null?e.sibling=u:t.child=u,i.last=u)}return i.tail!==null?(e=i.tail,i.rendering=e,i.tail=e.sibling,i.renderingStartTime=Ve(),e.sibling=null,a=xt.current,ee(xt,c?a&1|2:a&1),De&&Gn(t,i.treeForkCount),e):(et(t),null);case 22:case 23:return Zt(t),Ec(),i=t.memoizedState!==null,e!==null?e.memoizedState!==null!==i&&(t.flags|=8192):i&&(t.flags|=8192),i?(a&536870912)!==0&&(t.flags&128)===0&&(et(t),t.subtreeFlags&6&&(t.flags|=8192)):et(t),a=t.updateQueue,a!==null&&gr(t,a.retryQueue),a=null,e!==null&&e.memoizedState!==null&&e.memoizedState.cachePool!==null&&(a=e.memoizedState.cachePool.pool),i=null,t.memoizedState!==null&&t.memoizedState.cachePool!==null&&(i=t.memoizedState.cachePool.pool),i!==a&&(t.flags|=2048),e!==null&&$(Za),null;case 24:return a=null,e!==null&&(a=e.memoizedState.cache),t.memoizedState.cache!==a&&(t.flags|=2048),Fn(bt),et(t),null;case 25:return null;case 30:return null}throw Error(o(156,t.tag))}function pb(e,t){switch(dc(t),t.tag){case 1:return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return Fn(bt),be(),e=t.flags,(e&65536)!==0&&(e&128)===0?(t.flags=e&-65537|128,t):null;case 26:case 27:case 5:return Be(t),null;case 31:if(t.memoizedState!==null){if(Zt(t),t.alternate===null)throw Error(o(340));Xa()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 13:if(Zt(t),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(o(340));Xa()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return $(xt),null;case 4:return be(),null;case 10:return Fn(t.type),null;case 22:case 23:return Zt(t),Ec(),e!==null&&$(Za),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 24:return Fn(bt),null;case 25:return null;default:return null}}function Hh(e,t){switch(dc(t),t.tag){case 3:Fn(bt),be();break;case 26:case 27:case 5:Be(t);break;case 4:be();break;case 31:t.memoizedState!==null&&Zt(t);break;case 13:Zt(t);break;case 19:$(xt);break;case 10:Fn(t.type);break;case 22:case 23:Zt(t),Ec(),e!==null&&$(Za);break;case 24:Fn(bt)}}function Gl(e,t){try{var a=t.updateQueue,i=a!==null?a.lastEffect:null;if(i!==null){var c=i.next;a=c;do{if((a.tag&e)===e){i=void 0;var u=a.create,b=a.inst;i=u(),b.destroy=i}a=a.next}while(a!==c)}}catch(A){Ye(t,t.return,A)}}function ja(e,t,a){try{var i=t.updateQueue,c=i!==null?i.lastEffect:null;if(c!==null){var u=c.next;i=u;do{if((i.tag&e)===e){var b=i.inst,A=b.destroy;if(A!==void 0){b.destroy=void 0,c=t;var D=a,Y=A;try{Y()}catch(J){Ye(c,D,J)}}}i=i.next}while(i!==u)}}catch(J){Ye(t,t.return,J)}}function Vh(e){var t=e.updateQueue;if(t!==null){var a=e.stateNode;try{qm(t,a)}catch(i){Ye(e,e.return,i)}}}function $h(e,t,a){a.props=es(e.type,e.memoizedProps),a.state=e.memoizedState;try{a.componentWillUnmount()}catch(i){Ye(e,t,i)}}function Yl(e,t){try{var a=e.ref;if(a!==null){switch(e.tag){case 26:case 27:case 5:var i=e.stateNode;break;case 30:i=e.stateNode;break;default:i=e.stateNode}typeof a=="function"?e.refCleanup=a(i):a.current=i}}catch(c){Ye(e,t,c)}}function Mn(e,t){var a=e.ref,i=e.refCleanup;if(a!==null)if(typeof i=="function")try{i()}catch(c){Ye(e,t,c)}finally{e.refCleanup=null,e=e.alternate,e!=null&&(e.refCleanup=null)}else if(typeof a=="function")try{a(null)}catch(c){Ye(e,t,c)}else a.current=null}function Gh(e){var t=e.type,a=e.memoizedProps,i=e.stateNode;try{e:switch(t){case"button":case"input":case"select":case"textarea":a.autoFocus&&i.focus();break e;case"img":a.src?i.src=a.src:a.srcSet&&(i.srcset=a.srcSet)}}catch(c){Ye(e,e.return,c)}}function lu(e,t,a){try{var i=e.stateNode;Lb(i,e.type,a,t),i[wt]=t}catch(c){Ye(e,e.return,c)}}function Yh(e){return e.tag===5||e.tag===3||e.tag===26||e.tag===27&&Ma(e.type)||e.tag===4}function iu(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||Yh(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.tag===27&&Ma(e.type)||e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function ru(e,t,a){var i=e.tag;if(i===5||i===6)e=e.stateNode,t?(a.nodeType===9?a.body:a.nodeName==="HTML"?a.ownerDocument.body:a).insertBefore(e,t):(t=a.nodeType===9?a.body:a.nodeName==="HTML"?a.ownerDocument.body:a,t.appendChild(e),a=a._reactRootContainer,a!=null||t.onclick!==null||(t.onclick=Hn));else if(i!==4&&(i===27&&Ma(e.type)&&(a=e.stateNode,t=null),e=e.child,e!==null))for(ru(e,t,a),e=e.sibling;e!==null;)ru(e,t,a),e=e.sibling}function vr(e,t,a){var i=e.tag;if(i===5||i===6)e=e.stateNode,t?a.insertBefore(e,t):a.appendChild(e);else if(i!==4&&(i===27&&Ma(e.type)&&(a=e.stateNode),e=e.child,e!==null))for(vr(e,t,a),e=e.sibling;e!==null;)vr(e,t,a),e=e.sibling}function Fh(e){var t=e.stateNode,a=e.memoizedProps;try{for(var i=e.type,c=t.attributes;c.length;)t.removeAttributeNode(c[0]);Dt(t,i,a),t[ot]=e,t[wt]=a}catch(u){Ye(e,e.return,u)}}var In=!1,jt=!1,ou=!1,Xh=typeof WeakSet=="function"?WeakSet:Set,kt=null;function xb(e,t){if(e=e.containerInfo,Mu=Ur,e=sm(e),tc(e)){if("selectionStart"in e)var a={start:e.selectionStart,end:e.selectionEnd};else e:{a=(a=e.ownerDocument)&&a.defaultView||window;var i=a.getSelection&&a.getSelection();if(i&&i.rangeCount!==0){a=i.anchorNode;var c=i.anchorOffset,u=i.focusNode;i=i.focusOffset;try{a.nodeType,u.nodeType}catch{a=null;break e}var b=0,A=-1,D=-1,Y=0,J=0,ne=e,Q=null;t:for(;;){for(var I;ne!==a||c!==0&&ne.nodeType!==3||(A=b+c),ne!==u||i!==0&&ne.nodeType!==3||(D=b+i),ne.nodeType===3&&(b+=ne.nodeValue.length),(I=ne.firstChild)!==null;)Q=ne,ne=I;for(;;){if(ne===e)break t;if(Q===a&&++Y===c&&(A=b),Q===u&&++J===i&&(D=b),(I=ne.nextSibling)!==null)break;ne=Q,Q=ne.parentNode}ne=I}a=A===-1||D===-1?null:{start:A,end:D}}else a=null}a=a||{start:0,end:0}}else a=null;for(Ru={focusedElem:e,selectionRange:a},Ur=!1,kt=t;kt!==null;)if(t=kt,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,kt=e;else for(;kt!==null;){switch(t=kt,u=t.alternate,e=t.flags,t.tag){case 0:if((e&4)!==0&&(e=t.updateQueue,e=e!==null?e.events:null,e!==null))for(a=0;a title"))),Dt(u,i,a),u[ot]=e,Et(u),i=u;break e;case"link":var b=Pp("link","href",c).get(i+(a.href||""));if(b){for(var A=0;AKe&&(b=Ke,Ke=je,je=b);var z=nm(A,je),B=nm(A,Ke);if(z&&B&&(I.rangeCount!==1||I.anchorNode!==z.node||I.anchorOffset!==z.offset||I.focusNode!==B.node||I.focusOffset!==B.offset)){var G=ne.createRange();G.setStart(z.node,z.offset),I.removeAllRanges(),je>Ke?(I.addRange(G),I.extend(B.node,B.offset)):(G.setEnd(B.node,B.offset),I.addRange(G))}}}}for(ne=[],I=A;I=I.parentNode;)I.nodeType===1&&ne.push({element:I,left:I.scrollLeft,top:I.scrollTop});for(typeof A.focus=="function"&&A.focus(),A=0;Aa?32:a,q.T=null,a=pu,pu=null;var u=Ca,b=ta;if(Ct=0,Xs=Ca=null,ta=0,(Ue&6)!==0)throw Error(o(331));var A=Ue;if(Ue|=4,ap(u.current),ep(u,u.current,b,a),Ue=A,Il(0,!1),Nt&&typeof Nt.onPostCommitFiberRoot=="function")try{Nt.onPostCommitFiberRoot(Bn,u)}catch{}return!0}finally{L.p=c,q.T=i,Sp(e,t)}}function Ap(e,t,a){t=on(a,t),t=Kc(e.stateNode,t,2),e=ba(e,t,2),e!==null&&(Ua(e,2),Rn(e))}function Ye(e,t,a){if(e.tag===3)Ap(e,e,a);else for(;t!==null;){if(t.tag===3){Ap(t,e,a);break}else if(t.tag===1){var i=t.stateNode;if(typeof t.type.getDerivedStateFromError=="function"||typeof i.componentDidCatch=="function"&&(wa===null||!wa.has(i))){e=on(a,e),a=Nh(2),i=ba(t,a,2),i!==null&&(wh(a,i,t,e),Ua(i,2),Rn(i));break}}t=t.return}}function bu(e,t,a){var i=e.pingCache;if(i===null){i=e.pingCache=new bb;var c=new Set;i.set(t,c)}else c=i.get(t),c===void 0&&(c=new Set,i.set(t,c));c.has(a)||(fu=!0,c.add(a),e=Nb.bind(null,e,t,a),t.then(e,e))}function Nb(e,t,a){var i=e.pingCache;i!==null&&i.delete(t),e.pingedLanes|=e.suspendedLanes&a,e.warmLanes&=~a,Ie===e&&(qe&a)===a&&(mt===4||mt===3&&(qe&62914560)===qe&&300>Ve()-Sr?(Ue&2)===0&&Qs(e,0):du|=a,Fs===qe&&(Fs=0)),Rn(e)}function Np(e,t){t===0&&(t=hl()),e=Ya(e,t),e!==null&&(Ua(e,t),Rn(e))}function wb(e){var t=e.memoizedState,a=0;t!==null&&(a=t.retryLane),Np(e,a)}function Cb(e,t){var a=0;switch(e.tag){case 31:case 13:var i=e.stateNode,c=e.memoizedState;c!==null&&(a=c.retryLane);break;case 19:i=e.stateNode;break;case 22:i=e.stateNode._retryCache;break;default:throw Error(o(314))}i!==null&&i.delete(t),Np(e,a)}function Eb(e,t){return P(e,t)}var kr=null,Zs=null,yu=!1,Mr=!1,Su=!1,ka=0;function Rn(e){e!==Zs&&e.next===null&&(Zs===null?kr=Zs=e:Zs=Zs.next=e),Mr=!0,yu||(yu=!0,Mb())}function Il(e,t){if(!Su&&Mr){Su=!0;do for(var a=!1,i=kr;i!==null;){if(e!==0){var c=i.pendingLanes;if(c===0)var u=0;else{var b=i.suspendedLanes,A=i.pingedLanes;u=(1<<31-Mt(42|e)+1)-1,u&=c&~(b&~A),u=u&201326741?u&201326741|1:u?u|2:0}u!==0&&(a=!0,kp(i,u))}else u=qe,u=Cn(i,i===Ie?u:0,i.cancelPendingCommit!==null||i.timeoutHandle!==-1),(u&3)===0||Ln(i,u)||(a=!0,kp(i,u));i=i.next}while(a);Su=!1}}function kb(){wp()}function wp(){Mr=yu=!1;var e=0;ka!==0&&Ub()&&(e=ka);for(var t=Ve(),a=null,i=kr;i!==null;){var c=i.next,u=Cp(i,t);u===0?(i.next=null,a===null?kr=c:a.next=c,c===null&&(Zs=a)):(a=i,(e!==0||(u&3)!==0)&&(Mr=!0)),i=c}Ct!==0&&Ct!==5||Il(e),ka!==0&&(ka=0)}function Cp(e,t){for(var a=e.suspendedLanes,i=e.pingedLanes,c=e.expirationTimes,u=e.pendingLanes&-62914561;0A)break;var J=D.transferSize,ne=D.initiatorType;J&&Op(ne)&&(D=D.responseEnd,b+=J*(D"u"?null:document;function Kp(e,t,a){var i=Is;if(i&&typeof t=="string"&&t){var c=ln(t);c='link[rel="'+e+'"][href="'+c+'"]',typeof a=="string"&&(c+='[crossorigin="'+a+'"]'),Qp.has(c)||(Qp.add(c),e={rel:e,crossOrigin:a,href:t},i.querySelector(c)===null&&(t=i.createElement("link"),Dt(t,"link",e),Et(t),i.head.appendChild(t)))}}function Kb(e){na.D(e),Kp("dns-prefetch",e,null)}function Zb(e,t){na.C(e,t),Kp("preconnect",e,t)}function Ib(e,t,a){na.L(e,t,a);var i=Is;if(i&&e&&t){var c='link[rel="preload"][as="'+ln(t)+'"]';t==="image"&&a&&a.imageSrcSet?(c+='[imagesrcset="'+ln(a.imageSrcSet)+'"]',typeof a.imageSizes=="string"&&(c+='[imagesizes="'+ln(a.imageSizes)+'"]')):c+='[href="'+ln(e)+'"]';var u=c;switch(t){case"style":u=Js(e);break;case"script":u=Ps(e)}hn.has(u)||(e=y({rel:"preload",href:t==="image"&&a&&a.imageSrcSet?void 0:e,as:t},a),hn.set(u,e),i.querySelector(c)!==null||t==="style"&&i.querySelector(ei(u))||t==="script"&&i.querySelector(ti(u))||(t=i.createElement("link"),Dt(t,"link",e),Et(t),i.head.appendChild(t)))}}function Jb(e,t){na.m(e,t);var a=Is;if(a&&e){var i=t&&typeof t.as=="string"?t.as:"script",c='link[rel="modulepreload"][as="'+ln(i)+'"][href="'+ln(e)+'"]',u=c;switch(i){case"audioworklet":case"paintworklet":case"serviceworker":case"sharedworker":case"worker":case"script":u=Ps(e)}if(!hn.has(u)&&(e=y({rel:"modulepreload",href:e},t),hn.set(u,e),a.querySelector(c)===null)){switch(i){case"audioworklet":case"paintworklet":case"serviceworker":case"sharedworker":case"worker":case"script":if(a.querySelector(ti(u)))return}i=a.createElement("link"),Dt(i,"link",e),Et(i),a.head.appendChild(i)}}}function Pb(e,t,a){na.S(e,t,a);var i=Is;if(i&&e){var c=bs(i).hoistableStyles,u=Js(e);t=t||"default";var b=c.get(u);if(!b){var A={loading:0,preload:null};if(b=i.querySelector(ei(u)))A.loading=5;else{e=y({rel:"stylesheet",href:e,"data-precedence":t},a),(a=hn.get(u))&&Lu(e,a);var D=b=i.createElement("link");Et(D),Dt(D,"link",e),D._p=new Promise(function(Y,J){D.onload=Y,D.onerror=J}),D.addEventListener("load",function(){A.loading|=1}),D.addEventListener("error",function(){A.loading|=2}),A.loading|=4,_r(b,t,i)}b={type:"stylesheet",instance:b,count:1,state:A},c.set(u,b)}}}function Wb(e,t){na.X(e,t);var a=Is;if(a&&e){var i=bs(a).hoistableScripts,c=Ps(e),u=i.get(c);u||(u=a.querySelector(ti(c)),u||(e=y({src:e,async:!0},t),(t=hn.get(c))&&zu(e,t),u=a.createElement("script"),Et(u),Dt(u,"link",e),a.head.appendChild(u)),u={type:"script",instance:u,count:1,state:null},i.set(c,u))}}function ey(e,t){na.M(e,t);var a=Is;if(a&&e){var i=bs(a).hoistableScripts,c=Ps(e),u=i.get(c);u||(u=a.querySelector(ti(c)),u||(e=y({src:e,async:!0,type:"module"},t),(t=hn.get(c))&&zu(e,t),u=a.createElement("script"),Et(u),Dt(u,"link",e),a.head.appendChild(u)),u={type:"script",instance:u,count:1,state:null},i.set(c,u))}}function Zp(e,t,a,i){var c=(c=re.current)?Dr(c):null;if(!c)throw Error(o(446));switch(e){case"meta":case"title":return null;case"style":return typeof a.precedence=="string"&&typeof a.href=="string"?(t=Js(a.href),a=bs(c).hoistableStyles,i=a.get(t),i||(i={type:"style",instance:null,count:0,state:null},a.set(t,i)),i):{type:"void",instance:null,count:0,state:null};case"link":if(a.rel==="stylesheet"&&typeof a.href=="string"&&typeof a.precedence=="string"){e=Js(a.href);var u=bs(c).hoistableStyles,b=u.get(e);if(b||(c=c.ownerDocument||c,b={type:"stylesheet",instance:null,count:0,state:{loading:0,preload:null}},u.set(e,b),(u=c.querySelector(ei(e)))&&!u._p&&(b.instance=u,b.state.loading=5),hn.has(e)||(a={rel:"preload",as:"style",href:a.href,crossOrigin:a.crossOrigin,integrity:a.integrity,media:a.media,hrefLang:a.hrefLang,referrerPolicy:a.referrerPolicy},hn.set(e,a),u||ty(c,e,a,b.state))),t&&i===null)throw Error(o(528,""));return b}if(t&&i!==null)throw Error(o(529,""));return null;case"script":return t=a.async,a=a.src,typeof a=="string"&&t&&typeof t!="function"&&typeof t!="symbol"?(t=Ps(a),a=bs(c).hoistableScripts,i=a.get(t),i||(i={type:"script",instance:null,count:0,state:null},a.set(t,i)),i):{type:"void",instance:null,count:0,state:null};default:throw Error(o(444,e))}}function Js(e){return'href="'+ln(e)+'"'}function ei(e){return'link[rel="stylesheet"]['+e+"]"}function Ip(e){return y({},e,{"data-precedence":e.precedence,precedence:null})}function ty(e,t,a,i){e.querySelector('link[rel="preload"][as="style"]['+t+"]")?i.loading=1:(t=e.createElement("link"),i.preload=t,t.addEventListener("load",function(){return i.loading|=1}),t.addEventListener("error",function(){return i.loading|=2}),Dt(t,"link",a),Et(t),e.head.appendChild(t))}function Ps(e){return'[src="'+ln(e)+'"]'}function ti(e){return"script[async]"+e}function Jp(e,t,a){if(t.count++,t.instance===null)switch(t.type){case"style":var i=e.querySelector('style[data-href~="'+ln(a.href)+'"]');if(i)return t.instance=i,Et(i),i;var c=y({},a,{"data-href":a.href,"data-precedence":a.precedence,href:null,precedence:null});return i=(e.ownerDocument||e).createElement("style"),Et(i),Dt(i,"style",c),_r(i,a.precedence,e),t.instance=i;case"stylesheet":c=Js(a.href);var u=e.querySelector(ei(c));if(u)return t.state.loading|=4,t.instance=u,Et(u),u;i=Ip(a),(c=hn.get(c))&&Lu(i,c),u=(e.ownerDocument||e).createElement("link"),Et(u);var b=u;return b._p=new Promise(function(A,D){b.onload=A,b.onerror=D}),Dt(u,"link",i),t.state.loading|=4,_r(u,a.precedence,e),t.instance=u;case"script":return u=Ps(a.src),(c=e.querySelector(ti(u)))?(t.instance=c,Et(c),c):(i=a,(c=hn.get(u))&&(i=y({},a),zu(i,c)),e=e.ownerDocument||e,c=e.createElement("script"),Et(c),Dt(c,"link",i),e.head.appendChild(c),t.instance=c);case"void":return null;default:throw Error(o(443,t.type))}else t.type==="stylesheet"&&(t.state.loading&4)===0&&(i=t.instance,t.state.loading|=4,_r(i,a.precedence,e));return t.instance}function _r(e,t,a){for(var i=a.querySelectorAll('link[rel="stylesheet"][data-precedence],style[data-precedence]'),c=i.length?i[i.length-1]:null,u=c,b=0;b title"):null)}function ny(e,t,a){if(a===1||t.itemProp!=null)return!1;switch(e){case"meta":case"title":return!0;case"style":if(typeof t.precedence!="string"||typeof t.href!="string"||t.href==="")break;return!0;case"link":if(typeof t.rel!="string"||typeof t.href!="string"||t.href===""||t.onLoad||t.onError)break;switch(t.rel){case"stylesheet":return e=t.disabled,typeof t.precedence=="string"&&e==null;default:return!0}case"script":if(t.async&&typeof t.async!="function"&&typeof t.async!="symbol"&&!t.onLoad&&!t.onError&&t.src&&typeof t.src=="string")return!0}return!1}function e0(e){return!(e.type==="stylesheet"&&(e.state.loading&3)===0)}function ay(e,t,a,i){if(a.type==="stylesheet"&&(typeof i.media!="string"||matchMedia(i.media).matches!==!1)&&(a.state.loading&4)===0){if(a.instance===null){var c=Js(i.href),u=t.querySelector(ei(c));if(u){t=u._p,t!==null&&typeof t=="object"&&typeof t.then=="function"&&(e.count++,e=Or.bind(e),t.then(e,e)),a.state.loading|=4,a.instance=u,Et(u);return}u=t.ownerDocument||t,i=Ip(i),(c=hn.get(c))&&Lu(i,c),u=u.createElement("link"),Et(u);var b=u;b._p=new Promise(function(A,D){b.onload=A,b.onerror=D}),Dt(u,"link",i),a.instance=u}e.stylesheets===null&&(e.stylesheets=new Map),e.stylesheets.set(a,t),(t=a.state.preload)&&(a.state.loading&3)===0&&(e.count++,a=Or.bind(e),t.addEventListener("load",a),t.addEventListener("error",a))}}var Uu=0;function sy(e,t){return e.stylesheets&&e.count===0&&zr(e,e.stylesheets),0Uu?50:800)+t);return e.unsuspend=a,function(){e.unsuspend=null,clearTimeout(i),clearTimeout(c)}}:null}function Or(){if(this.count--,this.count===0&&(this.imgCount===0||!this.waitingForImages)){if(this.stylesheets)zr(this,this.stylesheets);else if(this.unsuspend){var e=this.unsuspend;this.unsuspend=null,e()}}}var Lr=null;function zr(e,t){e.stylesheets=null,e.unsuspend!==null&&(e.count++,Lr=new Map,t.forEach(ly,e),Lr=null,Or.call(e))}function ly(e,t){if(!(t.state.loading&4)){var a=Lr.get(e);if(a)var i=a.get(null);else{a=new Map,Lr.set(e,a);for(var c=e.querySelectorAll("link[data-precedence],style[data-precedence]"),u=0;u"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(n)}catch(s){console.error(s)}}return n(),Ku.exports=jy(),Ku.exports}var Ny=Ay();var N0="popstate";function wy(n={}){function s(o,f){let{pathname:d,search:h,hash:p}=o.location;return Af("",{pathname:d,search:h,hash:p},f.state&&f.state.usr||null,f.state&&f.state.key||"default")}function l(o,f){return typeof f=="string"?f:yi(f)}return Ey(s,l,null,n)}function ut(n,s){if(n===!1||n===null||typeof n>"u")throw new Error(s)}function Nn(n,s){if(!n){typeof console<"u"&&console.warn(s);try{throw new Error(s)}catch{}}}function Cy(){return Math.random().toString(36).substring(2,10)}function w0(n,s){return{usr:n.state,key:n.key,idx:s}}function Af(n,s,l=null,o){return{pathname:typeof n=="string"?n:n.pathname,search:"",hash:"",...typeof s=="string"?ul(s):s,state:l,key:s&&s.key||o||Cy()}}function yi({pathname:n="/",search:s="",hash:l=""}){return s&&s!=="?"&&(n+=s.charAt(0)==="?"?s:"?"+s),l&&l!=="#"&&(n+=l.charAt(0)==="#"?l:"#"+l),n}function ul(n){let s={};if(n){let l=n.indexOf("#");l>=0&&(s.hash=n.substring(l),n=n.substring(0,l));let o=n.indexOf("?");o>=0&&(s.search=n.substring(o),n=n.substring(0,o)),n&&(s.pathname=n)}return s}function Ey(n,s,l,o={}){let{window:f=document.defaultView,v5Compat:d=!1}=o,h=f.history,p="POP",x=null,g=v();g==null&&(g=0,h.replaceState({...h.state,idx:g},""));function v(){return(h.state||{idx:null}).idx}function y(){p="POP";let w=v(),j=w==null?null:w-g;g=w,x&&x({action:p,location:k.location,delta:j})}function S(w,j){p="PUSH";let N=Af(k.location,w,j);g=v()+1;let T=w0(N,g),M=k.createHref(N);try{h.pushState(T,"",M)}catch(O){if(O instanceof DOMException&&O.name==="DataCloneError")throw O;f.location.assign(M)}d&&x&&x({action:p,location:k.location,delta:1})}function E(w,j){p="REPLACE";let N=Af(k.location,w,j);g=v();let T=w0(N,g),M=k.createHref(N);h.replaceState(T,"",M),d&&x&&x({action:p,location:k.location,delta:0})}function C(w){return ky(w)}let k={get action(){return p},get location(){return n(f,h)},listen(w){if(x)throw new Error("A history only accepts one active listener");return f.addEventListener(N0,y),x=w,()=>{f.removeEventListener(N0,y),x=null}},createHref(w){return s(f,w)},createURL:C,encodeLocation(w){let j=C(w);return{pathname:j.pathname,search:j.search,hash:j.hash}},push:S,replace:E,go(w){return h.go(w)}};return k}function ky(n,s=!1){let l="http://localhost";typeof window<"u"&&(l=window.location.origin!=="null"?window.location.origin:window.location.href),ut(l,"No window.location.(origin|href) available to create URL");let o=typeof n=="string"?n:yi(n);return o=o.replace(/ $/,"%20"),!s&&o.startsWith("//")&&(o=l+o),new URL(o,l)}function kx(n,s,l="/"){return My(n,s,l,!1)}function My(n,s,l,o){let f=typeof s=="string"?ul(s):s,d=oa(f.pathname||"/",l);if(d==null)return null;let h=Mx(n);Ry(h);let p=null;for(let x=0;p==null&&x{let v={relativePath:g===void 0?h.path||"":g,caseSensitive:h.caseSensitive===!0,childrenIndex:p,route:h};if(v.relativePath.startsWith("/")){if(!v.relativePath.startsWith(o)&&x)return;ut(v.relativePath.startsWith(o),`Absolute route path "${v.relativePath}" nested under path "${o}" is not valid. An absolute child route path must start with the combined path of all its parent routes.`),v.relativePath=v.relativePath.slice(o.length)}let y=ra([o,v.relativePath]),S=l.concat(v);h.children&&h.children.length>0&&(ut(h.index!==!0,`Index routes must not have child routes. Please remove all child routes from route path "${y}".`),Mx(h.children,s,S,y,x)),!(h.path==null&&!h.index)&&s.push({path:y,score:Ly(y,h.index),routesMeta:S})};return n.forEach((h,p)=>{if(h.path===""||!h.path?.includes("?"))d(h,p);else for(let x of Rx(h.path))d(h,p,!0,x)}),s}function Rx(n){let s=n.split("/");if(s.length===0)return[];let[l,...o]=s,f=l.endsWith("?"),d=l.replace(/\?$/,"");if(o.length===0)return f?[d,""]:[d];let h=Rx(o.join("/")),p=[];return p.push(...h.map(x=>x===""?d:[d,x].join("/"))),f&&p.push(...h),p.map(x=>n.startsWith("/")&&x===""?"/":x)}function Ry(n){n.sort((s,l)=>s.score!==l.score?l.score-s.score:zy(s.routesMeta.map(o=>o.childrenIndex),l.routesMeta.map(o=>o.childrenIndex)))}var qy=/^:[\w-]+$/,Ty=3,Dy=2,_y=1,By=10,Oy=-2,C0=n=>n==="*";function Ly(n,s){let l=n.split("/"),o=l.length;return l.some(C0)&&(o+=Oy),s&&(o+=Dy),l.filter(f=>!C0(f)).reduce((f,d)=>f+(qy.test(d)?Ty:d===""?_y:By),o)}function zy(n,s){return n.length===s.length&&n.slice(0,-1).every((o,f)=>o===s[f])?n[n.length-1]-s[s.length-1]:0}function Uy(n,s,l=!1){let{routesMeta:o}=n,f={},d="/",h=[];for(let p=0;p{if(v==="*"){let C=p[S]||"";h=d.slice(0,d.length-C.length).replace(/(.)\/+$/,"$1")}const E=p[S];return y&&!E?g[v]=void 0:g[v]=(E||"").replace(/%2F/g,"/"),g},{}),pathname:d,pathnameBase:h,pattern:n}}function Hy(n,s=!1,l=!0){Nn(n==="*"||!n.endsWith("*")||n.endsWith("/*"),`Route path "${n}" will be treated as if it were "${n.replace(/\*$/,"/*")}" because the \`*\` character must always follow a \`/\` in the pattern. To get rid of this warning, please change the route path to "${n.replace(/\*$/,"/*")}".`);let o=[],f="^"+n.replace(/\/*\*?$/,"").replace(/^\/*/,"/").replace(/[\\.*+^${}|()[\]]/g,"\\$&").replace(/\/:([\w-]+)(\?)?/g,(h,p,x)=>(o.push({paramName:p,isOptional:x!=null}),x?"/?([^\\/]+)?":"/([^\\/]+)")).replace(/\/([\w-]+)\?(\/|$)/g,"(/$1)?$2");return n.endsWith("*")?(o.push({paramName:"*"}),f+=n==="*"||n==="/*"?"(.*)$":"(?:\\/(.+)|\\/*)$"):l?f+="\\/*$":n!==""&&n!=="/"&&(f+="(?:(?=\\/|$))"),[new RegExp(f,s?void 0:"i"),o]}function Vy(n){try{return n.split("/").map(s=>decodeURIComponent(s).replace(/\//g,"%2F")).join("/")}catch(s){return Nn(!1,`The URL path "${n}" could not be decoded because it is a malformed URL segment. This is probably due to a bad percent encoding (${s}).`),n}}function oa(n,s){if(s==="/")return n;if(!n.toLowerCase().startsWith(s.toLowerCase()))return null;let l=s.endsWith("/")?s.length-1:s.length,o=n.charAt(l);return o&&o!=="/"?null:n.slice(l)||"/"}var $y=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i,Gy=n=>$y.test(n);function Yy(n,s="/"){let{pathname:l,search:o="",hash:f=""}=typeof n=="string"?ul(n):n,d;if(l)if(Gy(l))d=l;else{if(l.includes("//")){let h=l;l=l.replace(/\/\/+/g,"/"),Nn(!1,`Pathnames cannot have embedded double slashes - normalizing ${h} -> ${l}`)}l.startsWith("/")?d=E0(l.substring(1),"/"):d=E0(l,s)}else d=s;return{pathname:d,search:Qy(o),hash:Ky(f)}}function E0(n,s){let l=s.replace(/\/+$/,"").split("/");return n.split("/").forEach(f=>{f===".."?l.length>1&&l.pop():f!=="."&&l.push(f)}),l.length>1?l.join("/"):"/"}function Pu(n,s,l,o){return`Cannot include a '${n}' character in a manually specified \`to.${s}\` field [${JSON.stringify(o)}]. Please separate it out to the \`to.${l}\` field. Alternatively you may provide the full path as a string in and the router will parse it for you.`}function Fy(n){return n.filter((s,l)=>l===0||s.route.path&&s.route.path.length>0)}function qx(n){let s=Fy(n);return s.map((l,o)=>o===s.length-1?l.pathname:l.pathnameBase)}function Tx(n,s,l,o=!1){let f;typeof n=="string"?f=ul(n):(f={...n},ut(!f.pathname||!f.pathname.includes("?"),Pu("?","pathname","search",f)),ut(!f.pathname||!f.pathname.includes("#"),Pu("#","pathname","hash",f)),ut(!f.search||!f.search.includes("#"),Pu("#","search","hash",f)));let d=n===""||f.pathname==="",h=d?"/":f.pathname,p;if(h==null)p=l;else{let y=s.length-1;if(!o&&h.startsWith("..")){let S=h.split("/");for(;S[0]==="..";)S.shift(),y-=1;f.pathname=S.join("/")}p=y>=0?s[y]:"/"}let x=Yy(f,p),g=h&&h!=="/"&&h.endsWith("/"),v=(d||h===".")&&l.endsWith("/");return!x.pathname.endsWith("/")&&(g||v)&&(x.pathname+="/"),x}var ra=n=>n.join("/").replace(/\/\/+/g,"/"),Xy=n=>n.replace(/\/+$/,"").replace(/^\/*/,"/"),Qy=n=>!n||n==="?"?"":n.startsWith("?")?n:"?"+n,Ky=n=>!n||n==="#"?"":n.startsWith("#")?n:"#"+n;function Zy(n){return n!=null&&typeof n.status=="number"&&typeof n.statusText=="string"&&typeof n.internal=="boolean"&&"data"in n}Object.getOwnPropertyNames(Object.prototype).sort().join("\0");var Dx=["POST","PUT","PATCH","DELETE"];new Set(Dx);var Iy=["GET",...Dx];new Set(Iy);var fl=m.createContext(null);fl.displayName="DataRouter";var No=m.createContext(null);No.displayName="DataRouterState";m.createContext(!1);var _x=m.createContext({isTransitioning:!1});_x.displayName="ViewTransition";var Jy=m.createContext(new Map);Jy.displayName="Fetchers";var Py=m.createContext(null);Py.displayName="Await";var _n=m.createContext(null);_n.displayName="Navigation";var Mi=m.createContext(null);Mi.displayName="Location";var ua=m.createContext({outlet:null,matches:[],isDataRoute:!1});ua.displayName="Route";var Gf=m.createContext(null);Gf.displayName="RouteError";function Wy(n,{relative:s}={}){ut(Ri(),"useHref() may be used only in the context of a component.");let{basename:l,navigator:o}=m.useContext(_n),{hash:f,pathname:d,search:h}=qi(n,{relative:s}),p=d;return l!=="/"&&(p=d==="/"?l:ra([l,d])),o.createHref({pathname:p,search:h,hash:f})}function Ri(){return m.useContext(Mi)!=null}function ds(){return ut(Ri(),"useLocation() may be used only in the context of a component."),m.useContext(Mi).location}var Bx="You should call navigate() in a React.useEffect(), not when your component is first rendered.";function Ox(n){m.useContext(_n).static||m.useLayoutEffect(n)}function e1(){let{isDataRoute:n}=m.useContext(ua);return n?m1():t1()}function t1(){ut(Ri(),"useNavigate() may be used only in the context of a component.");let n=m.useContext(fl),{basename:s,navigator:l}=m.useContext(_n),{matches:o}=m.useContext(ua),{pathname:f}=ds(),d=JSON.stringify(qx(o)),h=m.useRef(!1);return Ox(()=>{h.current=!0}),m.useCallback((x,g={})=>{if(Nn(h.current,Bx),!h.current)return;if(typeof x=="number"){l.go(x);return}let v=Tx(x,JSON.parse(d),f,g.relative==="path");n==null&&s!=="/"&&(v.pathname=v.pathname==="/"?s:ra([s,v.pathname])),(g.replace?l.replace:l.push)(v,g.state,g)},[s,l,d,f,n])}m.createContext(null);function qi(n,{relative:s}={}){let{matches:l}=m.useContext(ua),{pathname:o}=ds(),f=JSON.stringify(qx(l));return m.useMemo(()=>Tx(n,JSON.parse(f),o,s==="path"),[n,f,o,s])}function n1(n,s){return Lx(n,s)}function Lx(n,s,l,o,f){ut(Ri(),"useRoutes() may be used only in the context of a component.");let{navigator:d}=m.useContext(_n),{matches:h}=m.useContext(ua),p=h[h.length-1],x=p?p.params:{},g=p?p.pathname:"/",v=p?p.pathnameBase:"/",y=p&&p.route;{let N=y&&y.path||"";zx(g,!y||N.endsWith("*")||N.endsWith("*?"),`You rendered descendant (or called \`useRoutes()\`) at "${g}" (under ) but the parent route path has no trailing "*". This means if you navigate deeper, the parent won't match anymore and therefore the child routes will never render. -Please change the parent to .`)}let S=ds(),E;if(s){let N=typeof s=="string"?ul(s):s;ut(v==="/"||N.pathname?.startsWith(v),`When overriding the location using \`\` or \`useRoutes(routes, location)\`, the location pathname must begin with the portion of the URL pathname that was matched by all parent routes. The current pathname base is "${v}" but pathname "${N.pathname}" was given in the \`location\` prop.`),E=N}else E=S;let C=E.pathname||"/",k=C;if(v!=="/"){let N=v.replace(/^\//,"").split("/");k="/"+C.replace(/^\//,"").split("/").slice(N.length).join("/")}let w=kx(n,{pathname:k});Nn(y||w!=null,`No routes matched location "${E.pathname}${E.search}${E.hash}" `),Nn(w==null||w[w.length-1].route.element!==void 0||w[w.length-1].route.Component!==void 0||w[w.length-1].route.lazy!==void 0,`Matched leaf route at location "${E.pathname}${E.search}${E.hash}" does not have an element or Component. This means it will render an with a null value by default resulting in an "empty" page.`);let j=r1(w&&w.map(N=>Object.assign({},N,{params:Object.assign({},x,N.params),pathname:ra([v,d.encodeLocation?d.encodeLocation(N.pathname.replace(/\?/g,"%3F").replace(/#/g,"%23")).pathname:N.pathname]),pathnameBase:N.pathnameBase==="/"?v:ra([v,d.encodeLocation?d.encodeLocation(N.pathnameBase.replace(/\?/g,"%3F").replace(/#/g,"%23")).pathname:N.pathnameBase])})),h,l,o,f);return s&&j?m.createElement(Mi.Provider,{value:{location:{pathname:"/",search:"",hash:"",state:null,key:"default",...E},navigationType:"POP"}},j):j}function a1(){let n=d1(),s=Zy(n)?`${n.status} ${n.statusText}`:n instanceof Error?n.message:JSON.stringify(n),l=n instanceof Error?n.stack:null,o="rgba(200,200,200, 0.5)",f={padding:"0.5rem",backgroundColor:o},d={padding:"2px 4px",backgroundColor:o},h=null;return console.error("Error handled by React Router default ErrorBoundary:",n),h=m.createElement(m.Fragment,null,m.createElement("p",null,"💿 Hey developer 👋"),m.createElement("p",null,"You can provide a way better UX than this when your app throws errors by providing your own ",m.createElement("code",{style:d},"ErrorBoundary")," or"," ",m.createElement("code",{style:d},"errorElement")," prop on your route.")),m.createElement(m.Fragment,null,m.createElement("h2",null,"Unexpected Application Error!"),m.createElement("h3",{style:{fontStyle:"italic"}},s),l?m.createElement("pre",{style:f},l):null,h)}var s1=m.createElement(a1,null),l1=class extends m.Component{constructor(n){super(n),this.state={location:n.location,revalidation:n.revalidation,error:n.error}}static getDerivedStateFromError(n){return{error:n}}static getDerivedStateFromProps(n,s){return s.location!==n.location||s.revalidation!=="idle"&&n.revalidation==="idle"?{error:n.error,location:n.location,revalidation:n.revalidation}:{error:n.error!==void 0?n.error:s.error,location:s.location,revalidation:n.revalidation||s.revalidation}}componentDidCatch(n,s){this.props.onError?this.props.onError(n,s):console.error("React Router caught the following error during render",n)}render(){return this.state.error!==void 0?m.createElement(ua.Provider,{value:this.props.routeContext},m.createElement(Gf.Provider,{value:this.state.error,children:this.props.component})):this.props.children}};function i1({routeContext:n,match:s,children:l}){let o=m.useContext(fl);return o&&o.static&&o.staticContext&&(s.route.errorElement||s.route.ErrorBoundary)&&(o.staticContext._deepestRenderedBoundaryId=s.route.id),m.createElement(ua.Provider,{value:n},l)}function r1(n,s=[],l=null,o=null,f=null){if(n==null){if(!l)return null;if(l.errors)n=l.matches;else if(s.length===0&&!l.initialized&&l.matches.length>0)n=l.matches;else return null}let d=n,h=l?.errors;if(h!=null){let v=d.findIndex(y=>y.route.id&&h?.[y.route.id]!==void 0);ut(v>=0,`Could not find a matching route for errors on route IDs: ${Object.keys(h).join(",")}`),d=d.slice(0,Math.min(d.length,v+1))}let p=!1,x=-1;if(l)for(let v=0;v=0?d=d.slice(0,x+1):d=[d[0]];break}}}let g=l&&o?(v,y)=>{o(v,{location:l.location,params:l.matches?.[0]?.params??{},errorInfo:y})}:void 0;return d.reduceRight((v,y,S)=>{let E,C=!1,k=null,w=null;l&&(E=h&&y.route.id?h[y.route.id]:void 0,k=y.route.errorElement||s1,p&&(x<0&&S===0?(zx("route-fallback",!1,"No `HydrateFallback` element provided to render during initial hydration"),C=!0,w=null):x===S&&(C=!0,w=y.route.hydrateFallbackElement||null)));let j=s.concat(d.slice(0,S+1)),N=()=>{let T;return E?T=k:C?T=w:y.route.Component?T=m.createElement(y.route.Component,null):y.route.element?T=y.route.element:T=v,m.createElement(i1,{match:y,routeContext:{outlet:v,matches:j,isDataRoute:l!=null},children:T})};return l&&(y.route.ErrorBoundary||y.route.errorElement||S===0)?m.createElement(l1,{location:l.location,revalidation:l.revalidation,component:k,error:E,children:N(),routeContext:{outlet:null,matches:j,isDataRoute:!0},onError:g}):N()},null)}function Yf(n){return`${n} must be used within a data router. See https://reactrouter.com/en/main/routers/picking-a-router.`}function o1(n){let s=m.useContext(fl);return ut(s,Yf(n)),s}function c1(n){let s=m.useContext(No);return ut(s,Yf(n)),s}function u1(n){let s=m.useContext(ua);return ut(s,Yf(n)),s}function Ff(n){let s=u1(n),l=s.matches[s.matches.length-1];return ut(l.route.id,`${n} can only be used on routes that contain a unique "id"`),l.route.id}function f1(){return Ff("useRouteId")}function d1(){let n=m.useContext(Gf),s=c1("useRouteError"),l=Ff("useRouteError");return n!==void 0?n:s.errors?.[l]}function m1(){let{router:n}=o1("useNavigate"),s=Ff("useNavigate"),l=m.useRef(!1);return Ox(()=>{l.current=!0}),m.useCallback(async(f,d={})=>{Nn(l.current,Bx),l.current&&(typeof f=="number"?n.navigate(f):await n.navigate(f,{fromRouteId:s,...d}))},[n,s])}var k0={};function zx(n,s,l){!s&&!k0[n]&&(k0[n]=!0,Nn(!1,l))}m.memo(h1);function h1({routes:n,future:s,state:l,unstable_onError:o}){return Lx(n,void 0,l,o,s)}function no(n){ut(!1,"A is only ever to be used as the child of element, never rendered directly. Please wrap your in a .")}function p1({basename:n="/",children:s=null,location:l,navigationType:o="POP",navigator:f,static:d=!1}){ut(!Ri(),"You cannot render a inside another . You should never have more than one in your app.");let h=n.replace(/^\/*/,"/"),p=m.useMemo(()=>({basename:h,navigator:f,static:d,future:{}}),[h,f,d]);typeof l=="string"&&(l=ul(l));let{pathname:x="/",search:g="",hash:v="",state:y=null,key:S="default"}=l,E=m.useMemo(()=>{let C=oa(x,h);return C==null?null:{location:{pathname:C,search:g,hash:v,state:y,key:S},navigationType:o}},[h,x,g,v,y,S,o]);return Nn(E!=null,` is not able to match the URL "${x}${g}${v}" because it does not start with the basename, so the won't render anything.`),E==null?null:m.createElement(_n.Provider,{value:p},m.createElement(Mi.Provider,{children:s,value:E}))}function x1({children:n,location:s}){return n1(Nf(n),s)}function Nf(n,s=[]){let l=[];return m.Children.forEach(n,(o,f)=>{if(!m.isValidElement(o))return;let d=[...s,f];if(o.type===m.Fragment){l.push.apply(l,Nf(o.props.children,d));return}ut(o.type===no,`[${typeof o.type=="string"?o.type:o.type.name}] is not a component. All component children of must be a or `),ut(!o.props.index||!o.props.children,"An index route cannot have child routes.");let h={id:o.props.id||d.join("-"),caseSensitive:o.props.caseSensitive,element:o.props.element,Component:o.props.Component,index:o.props.index,path:o.props.path,middleware:o.props.middleware,loader:o.props.loader,action:o.props.action,hydrateFallbackElement:o.props.hydrateFallbackElement,HydrateFallback:o.props.HydrateFallback,errorElement:o.props.errorElement,ErrorBoundary:o.props.ErrorBoundary,hasErrorBoundary:o.props.hasErrorBoundary===!0||o.props.ErrorBoundary!=null||o.props.errorElement!=null,shouldRevalidate:o.props.shouldRevalidate,handle:o.props.handle,lazy:o.props.lazy};o.props.children&&(h.children=Nf(o.props.children,d)),l.push(h)}),l}var ao="get",so="application/x-www-form-urlencoded";function wo(n){return n!=null&&typeof n.tagName=="string"}function g1(n){return wo(n)&&n.tagName.toLowerCase()==="button"}function v1(n){return wo(n)&&n.tagName.toLowerCase()==="form"}function b1(n){return wo(n)&&n.tagName.toLowerCase()==="input"}function y1(n){return!!(n.metaKey||n.altKey||n.ctrlKey||n.shiftKey)}function S1(n,s){return n.button===0&&(!s||s==="_self")&&!y1(n)}var Xr=null;function j1(){if(Xr===null)try{new FormData(document.createElement("form"),0),Xr=!1}catch{Xr=!0}return Xr}var A1=new Set(["application/x-www-form-urlencoded","multipart/form-data","text/plain"]);function Wu(n){return n!=null&&!A1.has(n)?(Nn(!1,`"${n}" is not a valid \`encType\` for \`
\`/\`\` and will default to "${so}"`),null):n}function N1(n,s){let l,o,f,d,h;if(v1(n)){let p=n.getAttribute("action");o=p?oa(p,s):null,l=n.getAttribute("method")||ao,f=Wu(n.getAttribute("enctype"))||so,d=new FormData(n)}else if(g1(n)||b1(n)&&(n.type==="submit"||n.type==="image")){let p=n.form;if(p==null)throw new Error('Cannot submit a - - ); -} diff --git a/webui/src/components/VideoTile/HudChatInput.jsx b/webui/src/components/VideoTile/HudChatInput.jsx new file mode 100644 index 00000000..8a7762fa --- /dev/null +++ b/webui/src/components/VideoTile/HudChatInput.jsx @@ -0,0 +1,98 @@ +// Inline HUD chat input for driver speech messages. +import { useMemo, useState } from 'react'; +import { useChat } from '../../context/ChatContext.jsx'; +import { useSessionSelector } from '../../context/SessionContext.jsx'; +import { useSettingsNamespace } from '../../settings/index.js'; + +export default function HudChatInput({ compact = false }) { + const session = useSessionSelector((state) => state.session); + const { sendMessage, onInputFocus, onInputBlur, blurChat, registerInputRef, setTypingActive } = useChat(); + const { value: ttsSettings } = useSettingsNamespace('tts', { engine: 'flite', voice: 'rms', pitch: 50 }); + const [draft, setDraft] = useState(''); + const [sending, setSending] = useState(false); + const canChat = session?.role !== 'spectator'; + const hideHudChat = session?.role === 'spectator'; + const currentRoverId = session?.assignment?.roverId || null; + const rover = useMemo( + () => session?.roster?.find((entry) => String(entry.id) === String(currentRoverId)) || null, + [currentRoverId, session?.roster], + ); + const ttsSupported = Boolean(rover?.audio?.ttsEnabled); + const ttsPayload = useMemo(() => { + if (!ttsSupported) return null; + const engine = ttsSettings?.engine === 'espeak' ? 'espeak' : 'flite'; + if (engine === 'espeak') { + let pitch = Number.isFinite(ttsSettings?.pitch) ? Math.round(ttsSettings.pitch) : undefined; + if (typeof pitch === 'number') { + pitch = Math.max(0, Math.min(99, pitch)); + } + return { speak: true, engine, pitch }; + } + const voice = typeof ttsSettings?.voice === 'string' ? ttsSettings.voice : undefined; + return { speak: true, engine, voice }; + }, [ttsSettings?.engine, ttsSettings?.pitch, ttsSettings?.voice, ttsSupported]); + const containerClass = compact + ? 'pointer-events-auto absolute bottom-0.5 right-0.5 flex w-[9rem] max-w-[70vw] items-center gap-0.5 rounded bg-black/70 px-0.4 py-0.2' + : 'pointer-events-auto absolute bottom-1 right-1 flex w-[12rem] max-w-[70vw] items-center gap-0.5 rounded bg-black/70 px-0.5 py-0.25'; + const inputClass = compact + ? 'min-w-0 flex-1 bg-transparent text-[0.55rem] text-slate-100 placeholder:text-slate-400 focus:outline-none' + : 'min-w-0 flex-1 bg-transparent text-[0.7rem] text-slate-100 placeholder:text-slate-400 focus:outline-none'; + const buttonClass = compact + ? 'rounded bg-cyan-500/80 px-0.35 py-0.2 text-[0.55rem] font-semibold text-black disabled:opacity-50' + : 'rounded bg-cyan-500/80 px-0.5 py-0.25 text-[0.7rem] font-semibold text-black disabled:opacity-50'; + + async function handleSend(event) { + event.preventDefault(); + if (!canChat) return; + const clean = draft.trim(); + if (!clean) return; + setSending(true); + try { + await sendMessage(clean, ttsPayload); + setDraft(''); + blurChat(); + setTypingActive(false); + } catch (err) { + alert(err.message); + } finally { + setSending(false); + } + } + + if (hideHudChat) return null; + + return ( +
+ { + const next = event.target.value; + setDraft(next); + setTypingActive(Boolean(next.trim())); + }} + onFocus={(event) => { + onInputFocus(event); + setTypingActive(Boolean(draft.trim())); + }} + onBlur={(event) => { + onInputBlur(event); + setTypingActive(false); + }} + onKeyDown={(event) => { + if (event.key === 'Enter' && !draft.trim()) { + event.preventDefault(); + blurChat(); + setTypingActive(false); + } + }} + ref={(el) => registerInputRef(el, { target: 'hud' })} + placeholder={canChat ? 'Chat (TTS)' : 'Spectator'} + disabled={!canChat} + /> + +
+ ); +} diff --git a/webui/src/components/VideoTile/HudOverlay.jsx b/webui/src/components/VideoTile/HudOverlay.jsx new file mode 100644 index 00000000..9ef6a46a --- /dev/null +++ b/webui/src/components/VideoTile/HudOverlay.jsx @@ -0,0 +1,177 @@ +// Telemetry HUD and map overlay for VideoTile. +import React from 'react'; +import TopDownMap from '../TopDownMap.jsx'; +import { roverNameChromeStyle } from '../../lib/roverColor.js'; + +export default function HudOverlay({ + frame, + sensors, + label, + roverColor = null, + status, + audioStatus, + levelStatus, + desktopLayout = true, + layoutFormat = 'desktop', + variant = 'default', + driverLabel = null, + battery, + showTopDown = false, + mobileHud = false, + mapPosition = 'top-center', + turnTimerText = null, + labelScale = 1, +}) { + const isMobile = mobileHud; + const portraitMobile = layoutFormat === 'mobile-portrait'; + const statusTextClass = isMobile ? 'text-[0.45rem]' : 'text-[0.65rem]'; + const statusPadClass = isMobile ? 'px-0.25 py-0.25' : 'px-1 py-0.5'; + const labelPadClass = isMobile ? 'px-0.25 py-0.25' : 'px-0.5 py-0.5'; + const labelTextClass = isMobile ? 'text-[0.55rem]' : 'text-[0.8rem]'; + const statusPosClass = isMobile ? 'left-0.5 top-0.5' : 'left-1 top-1'; + const timerTextClass = isMobile ? 'text-[0.5rem]' : 'text-[0.7rem]'; + const timerPadClass = isMobile ? 'px-0.5 py-0.25' : 'px-1 py-0.5'; + const telemetryPosClass = isMobile ? 'left-0.5 top-1/2' : 'left-1 top-1/2'; + const labelPosClass = isMobile ? 'bottom-0.5' : 'bottom-0.5'; + const labelWrapperStyle = { + transform: `translateX(-50%) scale(${labelScale})`, + transformOrigin: 'center bottom', + }; + const mapSize = '240px'; + const mapScale = portraitMobile ? 0.3 : isMobile ? 0.33 : 0.7; + const mapOpacity = isMobile ? 0.6 : 0.7; + const mapStyle = { + width: mapSize, + height: mapSize, + opacity: mapOpacity, + transform: mapPosition === 'top-center' ? `translateX(-50%) scale(${mapScale})` : `scale(${mapScale})`, + transformOrigin: + mapPosition === 'bottom-left' ? 'bottom left' : mapPosition === 'top-center' ? 'top center' : 'top right', + ...(mapPosition === 'bottom-left' + ? { left: '0.25rem', bottom: '0.25rem' } + : mapPosition === 'top-center' + ? { left: '50%', top: '0.25rem' } + : { right: '0.25rem', top: '0.25rem' }), + }; + + if (variant === 'none') { + return null; + } + + if (variant === 'spectator') { + const telemetryEntries = [ + ['Voltage', sensors?.voltageMv != null ? `${(sensors.voltageMv / 1000).toFixed(2)} V` : '--'], + ['Current', sensors?.currentMa != null ? `${sensors.currentMa} mA` : '--'], + ['Charge', sensors?.batteryChargeMah != null ? `${sensors.batteryChargeMah}` : '--'], + ['OI', sensors?.oiMode?.label || '--'], + ]; + const docked = Boolean(sensors?.chargingSources?.homeBase); + const chargingLabel = sensors?.chargingState?.label || ''; + const charging = Boolean(chargingLabel && chargingLabel.toLowerCase() !== 'not charging'); + const oiLabel = sensors?.oiMode?.label || 'Unknown'; + const oiNormalized = oiLabel.toLowerCase(); + const oiTone = + oiNormalized === 'full' + ? 'bg-emerald-500/80 text-emerald-50' + : oiNormalized === 'safe' + ? 'bg-amber-400/80 text-amber-950' + : oiNormalized === 'passive' + ? 'bg-slate-700/80 text-slate-100' + : 'bg-slate-700/60 text-slate-200'; + const dockTone = docked ? 'bg-emerald-500/80 text-emerald-50' : 'bg-slate-700/70 text-slate-200'; + const chargingTone = charging + ? 'bg-emerald-500/80 text-emerald-50' + : docked + ? 'bg-amber-400/80 text-amber-950' + : 'bg-slate-700/70 text-slate-200'; + return ( + <> +
+
+
+ Status: {status} + {audioStatus ? Audio: {audioStatus} : null} + {levelStatus ? {levelStatus} : null} +
+
+
+
+
+ {docked ? 'Docked' : 'Undocked'} + + {charging ? 'Charging' : docked ? 'Not charging' : 'Not charging'} + + OI: {oiLabel} +
+ {telemetryEntries.map(([labelText, value]) => ( + + {labelText} + {value} + + ))} +
+
+ +
+
+ + {label || 'Unnamed Rover'} + + {driverLabel ? • {driverLabel} : null} +
+
+
+ {showTopDown ? ( +
+ +
+ ) : null} + + ); + } + + return ( +
+
+
+ Status: {status} + {audioStatus ? Audio: {audioStatus} : null} + {levelStatus ? {levelStatus} : null} +
+
+ {turnTimerText ? ( +
+ {turnTimerText} +
+ ) : null} +
+
+ + Rover:{' '} + + "{label || 'Unnamed Rover'}" + + +
+
+ + {showTopDown && variant !== 'spectator' ? ( +
+ +
+ ) : null} +
+ ); +} diff --git a/webui/src/components/VideoTile/LightBumpBars.jsx b/webui/src/components/VideoTile/LightBumpBars.jsx new file mode 100644 index 00000000..971abd39 --- /dev/null +++ b/webui/src/components/VideoTile/LightBumpBars.jsx @@ -0,0 +1,47 @@ +// Light bump signal bars used under the tile HUD. +import React from 'react'; + +export default function LightBumpBars({ sensors }) { + const values = [ + sensors?.lightBumpLeftSignal, + sensors?.lightBumpFrontLeftSignal, + sensors?.lightBumpCenterLeftSignal, + sensors?.lightBumpCenterRightSignal, + sensors?.lightBumpFrontRightSignal, + sensors?.lightBumpRightSignal, + ]; + const max = values.filter((v) => v != null).reduce((acc, v) => Math.max(acc, v), 1200); + const eased = (v) => Math.pow(Math.max(0, Math.min(1, (v ?? 0) / max)), 0.35); + const hueFor = (v) => { + if (v == null || v <= 0) return 'hsl(200 60% 18%)'; + const h = (200 + eased(v) * 360) % 360; + return `hsl(${h} 100% 60%)`; + }; + const segments = 6; + const barHeight = 12; + + return ( +
+ {values.map((v, idx) => { + const t = eased(v); + const dir = idx < segments / 2 ? -1 : 1; + const fill = `${t * 100}%`; + const color = hueFor(v); + return ( +
+
+
+
+
+ ); + })} +
+ ); +} diff --git a/webui/src/components/VideoTile/LowBatteryOverlay.jsx b/webui/src/components/VideoTile/LowBatteryOverlay.jsx new file mode 100644 index 00000000..ec90e7a2 --- /dev/null +++ b/webui/src/components/VideoTile/LowBatteryOverlay.jsx @@ -0,0 +1,24 @@ +// Low battery warning overlay. +import React from 'react'; + +export default function LowBatteryOverlay({ battery, compact = false }) { + if (!battery?.available) return null; + if (!battery.warnActive && !battery.urgentActive) return null; + + const message = battery.urgentActive + ? 'BATTERY VERY LOW, DOCK THE ROVER AND CHARGE IMMEDIATELY!!' + : 'Battery low! please dock and charge the rover soon.'; + + const containerClass = compact ? 'p-2 top-6' : 'p-4 top-10'; + const textClass = compact ? 'text-sm' : 'text-2xl'; + + return ( +
+
+
{message}
+
+
+ ); +} diff --git a/webui/src/components/VideoTile/OvercurrentOverlay.jsx b/webui/src/components/VideoTile/OvercurrentOverlay.jsx new file mode 100644 index 00000000..9b4a918a --- /dev/null +++ b/webui/src/components/VideoTile/OvercurrentOverlay.jsx @@ -0,0 +1,29 @@ +// Overcurrent warning overlay. +import React from 'react'; +import { OVERCURRENT_LABELS } from './constants.js'; + +export default function OvercurrentOverlay({ motors, fill = 0, compact = false }) { + if (!motors?.length) return null; + const safeLabels = motors.map((name) => OVERCURRENT_LABELS[name] || name); + const containerClass = compact ? 'w-[12rem] h-[3.5rem]' : 'w-[20rem] h-[7rem]'; + const padClass = compact ? 'px-2 py-1' : 'px-4 py-2'; + const textClass = compact ? 'text-lg' : 'text-4xl'; + const subTextClass = compact ? 'text-xs' : 'text-xl'; + const safeFill = Math.max(0, Math.min(1, fill)); + const fillWidth = `${Math.round(safeFill * 100)}%`; + return ( +
+
+
+
+
+
+
OVERCURRENT
+
{safeLabels.join(', ')}
+
+
+
+ ); +} diff --git a/webui/src/components/VideoTile/TurnCueOverlay.jsx b/webui/src/components/VideoTile/TurnCueOverlay.jsx new file mode 100644 index 00000000..70377f44 --- /dev/null +++ b/webui/src/components/VideoTile/TurnCueOverlay.jsx @@ -0,0 +1,28 @@ +// Turn cue overlay shown to active drivers. +import React from 'react'; + +export default function TurnCueOverlay({ + mobileHud = false, + turnSeconds = null, + isActiveDriver = false, + idleSkipSeconds = null, +}) { + const titleClass = mobileHud ? 'text-3xl' : 'text-5xl'; + const subClass = mobileHud ? 'text-xs' : 'text-sm'; + const timerClass = mobileHud ? 'text-[0.55rem]' : 'text-[0.75rem]'; + const padClass = mobileHud ? 'px-4 py-3' : 'px-6 py-4'; + const showCountdown = isActiveDriver && typeof idleSkipSeconds === 'number'; + return ( +
+
+
IT IS YOUR TURN!
+
Start driving!
+ {showCountdown ? ( +
+ Idle skip in {idleSkipSeconds}s +
+ ) : null} +
+
+ ); +} diff --git a/webui/src/components/VideoTile/constants.js b/webui/src/components/VideoTile/constants.js new file mode 100644 index 00000000..1cacdd7b --- /dev/null +++ b/webui/src/components/VideoTile/constants.js @@ -0,0 +1,14 @@ +// VideoTile timing and threshold constants. +export const RESTART_DELAY_MS = 2000; +export const UNMUTE_RETRY_MS = 3000; +export const AUDIO_RETRY_MS = 3000; +export const BRUSH_CURRENT_THRESHOLD_MA = 40; +export const DUCK_RELEASE_FADE_MS = 1000; + +export const OVERCURRENT_LABELS = { + leftWheel: 'Left wheel', + rightWheel: 'Right wheel', + mainBrush: 'Main brush', + sideBrush: 'Side brush', + limiter: 'Overcurrent limit', +};