diff --git a/rulesdocs/refector_rules_and_tracking.md b/rulesdocs/refector_rules_and_tracking.md index c20284a2..37115f2e 100644 --- a/rulesdocs/refector_rules_and_tracking.md +++ b/rulesdocs/refector_rules_and_tracking.md @@ -65,7 +65,7 @@ - [x] admin panel - [x] drive dock action - [x] gamepad mapping settings -- [ ] mobile controls +- [x] mobile controls - [ ] top down map - [x] video tile - [ ] Sweep `webui` for unused or unneeded files/code with verification @@ -78,6 +78,7 @@ - admin panel - drive dock action - gamepad mapping settings +- mobile controls ### LARGE CHANGES - Split `webui/src/mini/MiniSummaryApp.jsx` into folderized modules under `webui/src/mini/MiniSummaryApp/` with a compatibility entrypoint preserved. @@ -87,6 +88,7 @@ - Split `webui/src/components/AdminPanel.jsx` into `webui/src/components/AdminPanel/` and extracted monitor/health/log/LLM helper modules; updated consumers to folder entrypoint and removed external wrapper file. - Moved `DriveDockAction` to `webui/src/components/DriveDockAction/index.jsx` and updated all consumers to folder entrypoint imports. - Split `webui/src/components/GamepadMappingSettings.jsx` into `webui/src/components/GamepadMappingSettings/` with extracted constants/helpers/SliderField modules and removed the standalone component file. +- Split `webui/src/components/MobileControls.jsx` into `webui/src/components/MobileControls/` with extracted joystick/aux/constants modules; preserved named exports and moved app import to folder entrypoint. ## Done criteria (per item) - [ ] Folderized structure created. diff --git a/server/public/assets/index-BmNE-cUP.js b/server/public/assets/index-CTHeAti4.js similarity index 96% rename from server/public/assets/index-BmNE-cUP.js rename to server/public/assets/index-CTHeAti4.js index 9f67ceef..e7826986 100644 --- a/server/public/assets/index-BmNE-cUP.js +++ b/server/public/assets/index-CTHeAti4.js @@ -8,7 +8,7 @@ Error generating stack: `+i.message+` `+i.stack}}var le=Object.prototype.hasOwnProperty,J=n.unstable_scheduleCallback,he=n.unstable_cancelCallback,Ae=n.unstable_shouldYield,ht=n.unstable_requestPaint,Oe=n.unstable_now,rt=n.unstable_getCurrentPriorityLevel,ot=n.unstable_ImmediatePriority,gt=n.unstable_UserBlockingPriority,kt=n.unstable_NormalPriority,fs=n.unstable_LowPriority,Lt=n.unstable_IdlePriority,fl=n.log,dl=n.unstable_setDisableYieldValue,yn=null,wt=null;function an(e){if(typeof fl=="function"&&dl(e),wt&&typeof wt.setStrictMode=="function")try{wt.setStrictMode(yn,e)}catch{}}var vt=Math.clz32?Math.clz32:Oo,Bo=Math.log,ds=Math.LN2;function Oo(e){return e>>>=0,e===0?32:31-(Bo(e)/ds|0)|0}var Oa=256,We=262144,ms=4194304;function Ft(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 ua(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 j=i&134217727;return j!==0?(i=j&~u,i!==0?c=Ft(i):(b&=j,b!==0?c=Ft(b):a||(a=j&~e,a!==0&&(c=Ft(a))))):(j=i&~u,j!==0?c=Ft(j):b!==0?c=Ft(b):a||(a=i&~e,a!==0&&(c=Ft(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 Mn(e,t){return(e.pendingLanes&~(e.suspendedLanes&~e.pingedLanes)&t)===0}function qi(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 Ti(){var e=ms;return ms<<=1,(ms&62914560)===0&&(ms=4194304),e}function ml(e){for(var t=[],a=0;31>a;a++)t.push(e);return t}function La(e,t){e.pendingLanes|=t,t!==268435456&&(e.suspendedLanes=0,e.pingedLanes=0,e.warmLanes=0)}function Di(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 j=e.entanglements,_=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 on(e){return e.replace(ov,function(t){return"\\"+t.charCodeAt(0).toString(16)+" "})}function Ho(e,t,a,i,c,u,b,j){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=""+rn(t)):e.value!==""+rn(t)&&(e.value=""+rn(t)):b!=="submit"&&b!=="reset"||e.removeAttribute("value"),t!=null?Vo(e,b,rn(t)):a!=null?Vo(e,b,rn(a)):i!=null&&e.removeAttribute("value"),c==null&&u!=null&&(e.defaultChecked=!!u),c!=null&&(e.checked=c&&typeof c!="function"&&typeof c!="symbol"),j!=null&&typeof j!="function"&&typeof j!="symbol"&&typeof j!="boolean"?e.name=""+rn(j):e.removeAttribute("name")}function qd(e,t,a,i,c,u,b,j){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?""+rn(a):"",t=t!=null?""+rn(t):a,j||t===e.value||(e.value=t),e.defaultValue=t}i=i??c,i=typeof i!="function"&&typeof i!="symbol"&&!!i,e.checked=j?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 vs(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(Hn)try{var gl={};Object.defineProperty(gl,"passive",{get:function(){Xo=!0}}),window.addEventListener("test",gl,gl),window.removeEventListener("test",gl,gl)}catch{Xo=!1}var fa=null,Qo=null,zi=null;function zd(){if(zi)return zi;var e,t=Qo,a=t.length,i,c="value"in fa?fa.value:fa.textContent,u=c.length;for(e=0;e=yl),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 js=!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(js)return e==="compositionend"||!Po&&Xd(e,t)?(e=zd(),zi=Qo=fa=null,js=!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=Hn&&"documentMode"in document&&11>=document.documentMode,As=null,nc=null,Nl=null,ac=!1;function lm(e,t,a){var i=a.window===a?a.document:a.nodeType===9?a:a.ownerDocument;ac||As==null||As!==Oi(i)||(i=As,"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}),Nl&&Al(Nl,i)||(Nl=i,i=qr(nc,"onSelect"),0>=b,c-=b,Rn=1<<32-vt(t)+c|a<Ce?(Te=ge,ge=null):Te=ge.sibling;var He=X(z,ge,G[Ce],W);if(He===null){ge===null&&(ge=Te);break}e&&ge&&He.alternate===null&&t(z,ge),B=u(He,B,Ce),Ue===null?Se=He:Ue.sibling=He,Ue=He,ge=Te}if(Ce===G.length)return a(z,ge),_e&&$n(z,Ce),Se;if(ge===null){for(;CeCe?(Te=ge,ge=null):Te=ge.sibling;var Da=X(z,ge,He.value,W);if(Da===null){ge===null&&(ge=Te);break}e&&ge&&Da.alternate===null&&t(z,ge),B=u(Da,B,Ce),Ue===null?Se=Da:Ue.sibling=Da,Ue=Da,ge=Te}if(He.done)return a(z,ge),_e&&$n(z,Ce),Se;if(ge===null){for(;!He.done;Ce++,He=G.next())He=te(z,He.value,W),He!==null&&(B=u(He,B,Ce),Ue===null?Se=He:Ue.sibling=He,Ue=He);return _e&&$n(z,Ce),Se}for(ge=i(ge);!He.done;Ce++,He=G.next())He=I(ge,z,Ce,He.value,W),He!==null&&(e&&He.alternate!==null&&ge.delete(He.key===null?Ce:He.key),B=u(He,B,Ce),Ue===null?Se=He:Ue.sibling=He,Ue=He);return e&&ge.forEach(function(my){return t(z,my)}),_e&&$n(z,Ce),Se}function Ze(z,B,G,W){if(typeof G=="object"&&G!==null&&G.type===M&&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===M){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&&Ka(Se)===B.type){a(z,B.sibling),W=c(B,G.props),Rl(W,G),W.return=z,z=W;break e}a(z,B);break}else t(z,B);B=B.sibling}G.type===M?(W=Ga(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),Rl(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=Ka(G),Ze(z,B,G,W)}if(H(G))return de(z,B,G,W);if(ee(G)){if(Se=ee(G),typeof Se!="function")throw Error(o(150));return G=Se.call(G),je(z,B,G,W)}if(typeof G.then=="function")return Ze(z,B,tr(G),W);if(G.$$typeof===T)return Ze(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{Ml=0;var Se=Ze(z,B,G,W);return _s=null,Se}catch(ge){if(ge===Ds||ge===Wi)throw ge;var Ue=Qt(29,ge,null,z.mode);return Ue.lanes=W,Ue.return=z,Ue}finally{}}}var Ia=km(!0),Mm=km(!1),xa=!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 ga(e){return{lane:e,tag:0,payload:null,callback:null,next:null}}function va(e,t,a){var i=e.updateQueue;if(i===null)return null;if(i=i.shared,($e&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 ql(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,ye(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 Tl(){if(wc){var e=Ts;if(e!==null)throw e}}function Dl(e,t,a,i){wc=!1;var c=e.updateQueue;xa=!1;var u=c.firstBaseUpdate,b=c.lastBaseUpdate,j=c.shared.pending;if(j!==null){c.shared.pending=null;var _=j,Y=_.next;_.next=null,b===null?u=Y:b.next=Y,b=_;var P=e.alternate;P!==null&&(P=P.updateQueue,j=P.lastBaseUpdate,j!==b&&(j===null?P.firstBaseUpdate=Y:j.next=Y,P.lastBaseUpdate=_))}if(u!==null){var te=c.baseState;b=0,P=Y=_=null,j=u;do{var X=j.lane&-536870913,I=X!==j.lane;if(I?(qe&X)===X:(i&X)===X){X!==0&&X===qs&&(wc=!0),P!==null&&(P=P.next={lane:0,tag:j.tag,payload:j.payload,callback:null,next:null});e:{var de=e,je=j;X=t;var Ze=a;switch(je.tag){case 1:if(de=je.payload,typeof de=="function"){te=de.call(Ze,te,X);break e}te=de;break e;case 3:de.flags=de.flags&-65537|128;case 0:if(de=je.payload,X=typeof de=="function"?de.call(Ze,te,X):de,X==null)break e;te=y({},te,X);break e;case 2:xa=!0}}X=j.callback,X!==null&&(e.flags|=64,I&&(e.flags|=8192),I=c.callbacks,I===null?c.callbacks=[X]:I.push(X))}else I={lane:X,tag:j.tag,payload:j.payload,callback:j.callback,next:null},P===null?(Y=P=I,_=te):P=P.next=I,b|=X;if(j=j.next,j===null){if(j=c.shared.pending,j===null)break;I=j,j=I.next,I.next=null,c.lastBaseUpdate=I,c.shared.pending=null}}while(!0);P===null&&(_=te),c.baseState=_,c.firstBaseUpdate=Y,c.lastBaseUpdate=P,u===null&&(c.shared.lanes=0),Aa|=b,e.lanes=b,e.memoizedState=te}}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=R.T,j={};R.T=j,Yc(e,!1,t,a);try{var _=c(),Y=R.S;if(Y!==null&&Y(j,_),_!==null&&typeof _=="object"&&typeof _.then=="function"){var P=nb(_,i);Ol(e,t,P,Pt(e))}else Ol(e,t,i,Pt(e))}catch(te){Ol(e,t,{then:function(){},status:"rejected",reason:te},Pt())}finally{L.p=u,b!==null&&j.types!==null&&(b.types=j.types),R.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:Xn,lastRenderedState:Z},next:null};var a={};return t.next={memoizedState:a,baseState:a,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:Xn,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),Ol(e,t.next.queue,{},Pt())}function Gc(){return qt(Wl)}function fh(){return xt().memoizedState}function dh(){return xt().memoizedState}function cb(e){for(var t=e.return;t!==null;){switch(t.tag){case 24:case 3:var a=Pt();e=ga(a);var i=va(t,e,a);i!==null&&(Yt(i,t,a),ql(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&&(Yt(a,e,i),ph(a,t,i)))}function mh(e,t,a){var i=Pt();Ol(e,t,a,i)}function Ol(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,j=u(b,a);if(c.hasEagerState=!0,c.eagerState=j,Xt(j,b))return Xi(e,t,c,0),Pe===null&&Fi(),!1}catch{}finally{}if(a=rc(e,t,c,i),a!==null)return Yt(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&&Yt(t,e,2)}function dr(e){var t=e.alternate;return e===we||t!==null&&t===we}function hh(e,t){Os=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,ye(e,a)}}var Ll={readContext:qt,use:or,useCallback:ut,useContext:ut,useEffect:ut,useImperativeHandle:ut,useLayoutEffect:ut,useInsertionEffect:ut,useMemo:ut,useReducer:ut,useRef:ut,useState:ut,useDebugValue:ut,useDeferredValue:ut,useTransition:ut,useSyncExternalStore:ut,useId:ut,useHostTransitionStatus:ut,useFormState:ut,useActionState:ut,useOptimistic:ut,useMemoCache:ut,useCacheRefresh:ut};Ll.useEffectEvent=ut;var xh={readContext:qt,use:or,useCallback:function(e,t){return Ot().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=Ot();t=t===void 0?null:t;var i=e();if(Ja){an(!0);try{e()}finally{an(!1)}}return a.memoizedState=[i,t],i},useReducer:function(e,t,a){var i=Ot();if(a!==void 0){var c=a(t);if(Ja){an(!0);try{a(t)}finally{an(!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,we,e),[i.memoizedState,e]},useRef:function(e){var t=Ot();return e={current:e},t.memoizedState=e},useState:function(e){e=Lc(e);var t=e.queue,a=mh.bind(null,we,t);return t.dispatch=a,[e.memoizedState,a]},useDebugValue:Hc,useDeferredValue:function(e,t){var a=Ot();return Vc(a,e,t)},useTransition:function(){var e=Lc(!1);return e=oh.bind(null,we,e.queue,!0,!1),Ot().memoizedState=e,[!1,e]},useSyncExternalStore:function(e,t,a){var i=we,c=Ot();if(_e){if(a===void 0)throw Error(o(407));a=a()}else{if(a=t(),Pe===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,zs(9,{destroy:void 0},zm.bind(null,i,u,a,t),null),a},useId:function(){var e=Ot(),t=Pe.identifierPrefix;if(_e){var a=qn,i=Rn;a=(i&~(1<<32-vt(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[ct]=t,u[ze]=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&&Kn(t)}}return tt(t),su(t,t.type,e===null?null:e.memoizedProps,t.pendingProps,a),null;case 6:if(e&&t.stateNode!=null)e.memoizedProps!==i&&Kn(t);else{if(typeof i!="string"&&t.stateNode===null)throw Error(o(166));if(e=re.current,Ms(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[ct]=t,e=!!(e.nodeValue===a||i!==null&&i.suppressHydrationWarning===!0||Bp(e.nodeValue,a)),e||ha(t,!0)}else e=Tr(e).createTextNode(i),e[ct]=t,t.stateNode=e}return tt(t),null;case 31:if(a=t.memoizedState,e===null||e.memoizedState!==null){if(i=Ms(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[ct]=t}else Ya(),(t.flags&128)===0&&(t.memoizedState=null),t.flags|=4;tt(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 tt(t),null;case 13:if(i=t.memoizedState,e===null||e.memoizedState!==null&&e.memoizedState.dehydrated!==null){if(c=Ms(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[ct]=t}else Ya(),(t.flags&128)===0&&(t.memoizedState=null),t.flags|=4;tt(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),tt(t),null);case 4:return ve(),e===null&&Cu(t.stateNode.containerInfo),tt(t),null;case 10:return Yn(t.type),tt(t),null;case 19:if($(pt),i=t.memoizedState,i===null)return tt(t),null;if(c=(t.flags&128)!==0,u=i.rendering,u===null)if(c)Ul(i,!1);else{if(ft!==0||e!==null&&(e.flags&128)!==0)for(e=t.child;e!==null;){if(u=sr(e),u!==null){for(t.flags|=128,Ul(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 ne(pt,pt.current&1|2),_e&&$n(t,i.treeForkCount),t.child}e=e.sibling}i.tail!==null&&Oe()>jr&&(t.flags|=128,c=!0,Ul(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),Ul(i,!0),i.tail===null&&i.tailMode==="hidden"&&!u.alternate&&!_e)return tt(t),null}else 2*Oe()-i.renderingStartTime>jr&&a!==536870912&&(t.flags|=128,c=!0,Ul(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=Oe(),e.sibling=null,a=pt.current,ne(pt,c?a&1|2:a&1),_e&&$n(t,i.treeForkCount),e):(tt(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&&(tt(t),t.subtreeFlags&6&&(t.flags|=8192)):tt(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&&$(Qa),null;case 24:return a=null,e!==null&&(a=e.memoizedState.cache),t.memoizedState.cache!==a&&(t.flags|=2048),Yn(bt),tt(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 Yn(bt),ve(),e=t.flags,(e&65536)!==0&&(e&128)===0?(t.flags=e&-65537|128,t):null;case 26:case 27:case 5:return Le(t),null;case 31:if(t.memoizedState!==null){if(Zt(t),t.alternate===null)throw Error(o(340));Ya()}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));Ya()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return $(pt),null;case 4:return ve(),null;case 10:return Yn(t.type),null;case 22:case 23:return Zt(t),Ec(),e!==null&&$(Qa),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 24:return Yn(bt),null;case 25:return null;default:return null}}function Hh(e,t){switch(dc(t),t.tag){case 3:Yn(bt),ve();break;case 26:case 27:case 5:Le(t);break;case 4:ve();break;case 31:t.memoizedState!==null&&Zt(t);break;case 13:Zt(t);break;case 19:$(pt);break;case 10:Yn(t.type);break;case 22:case 23:Zt(t),Ec(),e!==null&&$(Qa);break;case 24:Yn(bt)}}function Hl(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(j){Xe(t,t.return,j)}}function Sa(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,j=b.destroy;if(j!==void 0){b.destroy=void 0,c=t;var _=a,Y=j;try{Y()}catch(P){Xe(c,_,P)}}}i=i.next}while(i!==u)}}catch(P){Xe(t,t.return,P)}}function Vh(e){var t=e.updateQueue;if(t!==null){var a=e.stateNode;try{qm(t,a)}catch(i){Xe(e,e.return,i)}}}function $h(e,t,a){a.props=Pa(e.type,e.memoizedProps),a.state=e.memoizedState;try{a.componentWillUnmount()}catch(i){Xe(e,t,i)}}function Vl(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){Xe(e,t,c)}}function Tn(e,t){var a=e.ref,i=e.refCleanup;if(a!==null)if(typeof i=="function")try{i()}catch(c){Xe(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){Xe(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){Xe(e,e.return,c)}}function lu(e,t,a){try{var i=e.stateNode;Lb(i,e.type,a,t),i[ze]=t}catch(c){Xe(e,e.return,c)}}function Yh(e){return e.tag===5||e.tag===3||e.tag===26||e.tag===27&&ka(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&&ka(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=Un));else if(i!==4&&(i===27&&ka(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&&ka(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[ct]=e,t[ze]=a}catch(u){Xe(e,e.return,u)}}var Zn=!1,jt=!1,ou=!1,Xh=typeof WeakSet=="function"?WeakSet:Set,Et=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,j=-1,_=-1,Y=0,P=0,te=e,X=null;t:for(;;){for(var I;te!==a||c!==0&&te.nodeType!==3||(j=b+c),te!==u||i!==0&&te.nodeType!==3||(_=b+i),te.nodeType===3&&(b+=te.nodeValue.length),(I=te.firstChild)!==null;)X=te,te=I;for(;;){if(te===e)break t;if(X===a&&++Y===c&&(j=b),X===u&&++P===i&&(_=b),(I=te.nextSibling)!==null)break;te=X,X=te.parentNode}te=I}a=j===-1||_===-1?null:{start:j,end:_}}else a=null}a=a||{start:0,end:0}}else a=null;for(Ru={focusedElem:e,selectionRange:a},Ur=!1,Et=t;Et!==null;)if(t=Et,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,Et=e;else for(;Et!==null;){switch(t=Et,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[ct]=e,Ct(u),i=u;break e;case"link":var b=Pp("link","href",c).get(i+(a.href||""));if(b){for(var j=0;jZe&&(b=Ze,Ze=je,je=b);var z=nm(j,je),B=nm(j,Ze);if(z&&B&&(I.rangeCount!==1||I.anchorNode!==z.node||I.anchorOffset!==z.offset||I.focusNode!==B.node||I.focusOffset!==B.offset)){var G=te.createRange();G.setStart(z.node,z.offset),I.removeAllRanges(),je>Ze?(I.addRange(G),I.extend(B.node,B.offset)):(G.setEnd(B.node,B.offset),I.addRange(G))}}}}for(te=[],I=j;I=I.parentNode;)I.nodeType===1&&te.push({element:I,left:I.scrollLeft,top:I.scrollTop});for(typeof j.focus=="function"&&j.focus(),j=0;ja?32:a,R.T=null,a=pu,pu=null;var u=wa,b=ea;if(Nt=0,Gs=wa=null,ea=0,($e&6)!==0)throw Error(o(331));var j=$e;if($e|=4,ap(u.current),ep(u,u.current,b,a),$e=j,Ql(0,!1),wt&&typeof wt.onPostCommitFiberRoot=="function")try{wt.onPostCommitFiberRoot(yn,u)}catch{}return!0}finally{L.p=c,R.T=i,Sp(e,t)}}function Ap(e,t,a){t=un(a,t),t=Kc(e.stateNode,t,2),e=va(e,t,2),e!==null&&(La(e,2),Dn(e))}function Xe(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"&&(Na===null||!Na.has(i))){e=un(a,e),a=Nh(2),i=va(t,a,2),i!==null&&(wh(a,i,t,e),La(i,2),Dn(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,Pe===e&&(qe&a)===a&&(ft===4||ft===3&&(qe&62914560)===qe&&300>Oe()-Sr?($e&2)===0&&Ys(e,0):du|=a,$s===qe&&($s=0)),Dn(e)}function Np(e,t){t===0&&(t=Ti()),e=$a(e,t),e!==null&&(La(e,t),Dn(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 J(e,t)}var kr=null,Xs=null,yu=!1,Mr=!1,Su=!1,Ea=0;function Dn(e){e!==Xs&&e.next===null&&(Xs===null?kr=Xs=e:Xs=Xs.next=e),Mr=!0,yu||(yu=!0,Mb())}function Ql(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,j=i.pingedLanes;u=(1<<31-vt(42|e)+1)-1,u&=c&~(b&~j),u=u&201326741?u&201326741|1:u?u|2:0}u!==0&&(a=!0,kp(i,u))}else u=qe,u=ua(i,i===Pe?u:0,i.cancelPendingCommit!==null||i.timeoutHandle!==-1),(u&3)===0||Mn(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;Ea!==0&&Ub()&&(e=Ea);for(var t=Oe(),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&&(Xs=a)):(a=i,(e!==0||(u&3)!==0)&&(Mr=!0)),i=c}Nt!==0&&Nt!==5||Ql(e),Ea!==0&&(Ea=0)}function Cp(e,t){for(var a=e.suspendedLanes,i=e.pingedLanes,c=e.expirationTimes,u=e.pendingLanes&-62914561;0j)break;var P=_.transferSize,te=_.initiatorType;P&&Op(te)&&(_=_.responseEnd,b+=P*(_"u"?null:document;function Kp(e,t,a){var i=Qs;if(i&&typeof t=="string"&&t){var c=on(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),Ct(t),i.head.appendChild(t)))}}function Kb(e){ta.D(e),Kp("dns-prefetch",e,null)}function Zb(e,t){ta.C(e,t),Kp("preconnect",e,t)}function Ib(e,t,a){ta.L(e,t,a);var i=Qs;if(i&&e&&t){var c='link[rel="preload"][as="'+on(t)+'"]';t==="image"&&a&&a.imageSrcSet?(c+='[imagesrcset="'+on(a.imageSrcSet)+'"]',typeof a.imageSizes=="string"&&(c+='[imagesizes="'+on(a.imageSizes)+'"]')):c+='[href="'+on(e)+'"]';var u=c;switch(t){case"style":u=Ks(e);break;case"script":u=Zs(e)}xn.has(u)||(e=y({rel:"preload",href:t==="image"&&a&&a.imageSrcSet?void 0:e,as:t},a),xn.set(u,e),i.querySelector(c)!==null||t==="style"&&i.querySelector(Jl(u))||t==="script"&&i.querySelector(Pl(u))||(t=i.createElement("link"),Dt(t,"link",e),Ct(t),i.head.appendChild(t)))}}function Jb(e,t){ta.m(e,t);var a=Qs;if(a&&e){var i=t&&typeof t.as=="string"?t.as:"script",c='link[rel="modulepreload"][as="'+on(i)+'"][href="'+on(e)+'"]',u=c;switch(i){case"audioworklet":case"paintworklet":case"serviceworker":case"sharedworker":case"worker":case"script":u=Zs(e)}if(!xn.has(u)&&(e=y({rel:"modulepreload",href:e},t),xn.set(u,e),a.querySelector(c)===null)){switch(i){case"audioworklet":case"paintworklet":case"serviceworker":case"sharedworker":case"worker":case"script":if(a.querySelector(Pl(u)))return}i=a.createElement("link"),Dt(i,"link",e),Ct(i),a.head.appendChild(i)}}}function Pb(e,t,a){ta.S(e,t,a);var i=Qs;if(i&&e){var c=xs(i).hoistableStyles,u=Ks(e);t=t||"default";var b=c.get(u);if(!b){var j={loading:0,preload:null};if(b=i.querySelector(Jl(u)))j.loading=5;else{e=y({rel:"stylesheet",href:e,"data-precedence":t},a),(a=xn.get(u))&&Lu(e,a);var _=b=i.createElement("link");Ct(_),Dt(_,"link",e),_._p=new Promise(function(Y,P){_.onload=Y,_.onerror=P}),_.addEventListener("load",function(){j.loading|=1}),_.addEventListener("error",function(){j.loading|=2}),j.loading|=4,_r(b,t,i)}b={type:"stylesheet",instance:b,count:1,state:j},c.set(u,b)}}}function Wb(e,t){ta.X(e,t);var a=Qs;if(a&&e){var i=xs(a).hoistableScripts,c=Zs(e),u=i.get(c);u||(u=a.querySelector(Pl(c)),u||(e=y({src:e,async:!0},t),(t=xn.get(c))&&zu(e,t),u=a.createElement("script"),Ct(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){ta.M(e,t);var a=Qs;if(a&&e){var i=xs(a).hoistableScripts,c=Zs(e),u=i.get(c);u||(u=a.querySelector(Pl(c)),u||(e=y({src:e,async:!0,type:"module"},t),(t=xn.get(c))&&zu(e,t),u=a.createElement("script"),Ct(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=Ks(a.href),a=xs(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=Ks(a.href);var u=xs(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(Jl(e)))&&!u._p&&(b.instance=u,b.state.loading=5),xn.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},xn.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=Zs(a),a=xs(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 Ks(e){return'href="'+on(e)+'"'}function Jl(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),Ct(t),e.head.appendChild(t))}function Zs(e){return'[src="'+on(e)+'"]'}function Pl(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~="'+on(a.href)+'"]');if(i)return t.instance=i,Ct(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"),Ct(i),Dt(i,"style",c),_r(i,a.precedence,e),t.instance=i;case"stylesheet":c=Ks(a.href);var u=e.querySelector(Jl(c));if(u)return t.state.loading|=4,t.instance=u,Ct(u),u;i=Ip(a),(c=xn.get(c))&&Lu(i,c),u=(e.ownerDocument||e).createElement("link"),Ct(u);var b=u;return b._p=new Promise(function(j,_){b.onload=j,b.onerror=_}),Dt(u,"link",i),t.state.loading|=4,_r(u,a.precedence,e),t.instance=u;case"script":return u=Zs(a.src),(c=e.querySelector(Pl(u)))?(t.instance=c,Ct(c),c):(i=a,(c=xn.get(u))&&(i=y({},a),zu(i,c)),e=e.ownerDocument||e,c=e.createElement("script"),Ct(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=Ks(i.href),u=t.querySelector(Jl(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,Ct(u);return}u=t.ownerDocument||t,i=Ip(i),(c=xn.get(c))&&Lu(i,c),u=u.createElement("link"),Ct(u);var b=u;b._p=new Promise(function(j,_){b.onload=j,b.onerror=_}),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:gi(f)}return Ey(s,l,null,n)}function lt(n,s){if(n===!1||n===null||typeof n>"u")throw new Error(s)}function En(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"?rl(s):s,state:l,key:s&&s.key||o||Cy()}}function gi({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 rl(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(),A=w==null?null:w-g;g=w,x&&x({action:p,location:M.location,delta:A})}function S(w,A){p="PUSH";let N=Af(M.location,w,A);g=v()+1;let T=w0(N,g),k=M.createHref(N);try{h.pushState(T,"",k)}catch(O){if(O instanceof DOMException&&O.name==="DataCloneError")throw O;f.location.assign(k)}d&&x&&x({action:p,location:M.location,delta:1})}function E(w,A){p="REPLACE";let N=Af(M.location,w,A);g=v();let T=w0(N,g),k=M.createHref(N);h.replaceState(T,"",k),d&&x&&x({action:p,location:M.location,delta:0})}function C(w){return ky(w)}let M={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 A=C(w);return{pathname:A.pathname,search:A.search,hash:A.hash}},push:S,replace:E,go(w){return h.go(w)}};return M}function ky(n,s=!1){let l="http://localhost";typeof window<"u"&&(l=window.location.origin!=="null"?window.location.origin:window.location.href),lt(l,"No window.location.(origin|href) available to create URL");let o=typeof n=="string"?n:gi(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"?rl(s):s,d=ra(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;lt(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=ia([o,v.relativePath]),S=l.concat(v);h.children&&h.children.length>0&&(lt(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){En(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 En(!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 ra(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"?rl(n):n,d;if(l)if(Gy(l))d=l;else{if(l.includes("//")){let h=l;l=l.replace(/\/\/+/g,"/"),En(!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=rl(n):(f={...n},lt(!f.pathname||!f.pathname.includes("?"),Pu("?","pathname","search",f)),lt(!f.pathname||!f.pathname.includes("#"),Pu("#","pathname","hash",f)),lt(!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 ia=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 ol=m.createContext(null);ol.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 Ln=m.createContext(null);Ln.displayName="Navigation";var Ci=m.createContext(null);Ci.displayName="Location";var ca=m.createContext({outlet:null,matches:[],isDataRoute:!1});ca.displayName="Route";var Gf=m.createContext(null);Gf.displayName="RouteError";function Wy(n,{relative:s}={}){lt(Ei(),"useHref() may be used only in the context of a component.");let{basename:l,navigator:o}=m.useContext(Ln),{hash:f,pathname:d,search:h}=ki(n,{relative:s}),p=d;return l!=="/"&&(p=d==="/"?l:ia([l,d])),o.createHref({pathname:p,search:h,hash:f})}function Ei(){return m.useContext(Ci)!=null}function us(){return lt(Ei(),"useLocation() may be used only in the context of a component."),m.useContext(Ci).location}var Bx="You should call navigate() in a React.useEffect(), not when your component is first rendered.";function Ox(n){m.useContext(Ln).static||m.useLayoutEffect(n)}function e1(){let{isDataRoute:n}=m.useContext(ca);return n?m1():t1()}function t1(){lt(Ei(),"useNavigate() may be used only in the context of a component.");let n=m.useContext(ol),{basename:s,navigator:l}=m.useContext(Ln),{matches:o}=m.useContext(ca),{pathname:f}=us(),d=JSON.stringify(qx(o)),h=m.useRef(!1);return Ox(()=>{h.current=!0}),m.useCallback((x,g={})=>{if(En(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:ia([s,v.pathname])),(g.replace?l.replace:l.push)(v,g.state,g)},[s,l,d,f,n])}m.createContext(null);function ki(n,{relative:s}={}){let{matches:l}=m.useContext(ca),{pathname:o}=us(),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){lt(Ei(),"useRoutes() may be used only in the context of a component.");let{navigator:d}=m.useContext(Ln),{matches:h}=m.useContext(ca),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=us(),E;if(s){let N=typeof s=="string"?rl(s):s;lt(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||"/",M=C;if(v!=="/"){let N=v.replace(/^\//,"").split("/");M="/"+C.replace(/^\//,"").split("/").slice(N.length).join("/")}let w=kx(n,{pathname:M});En(y||w!=null,`No routes matched location "${E.pathname}${E.search}${E.hash}" `),En(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 A=r1(w&&w.map(N=>Object.assign({},N,{params:Object.assign({},x,N.params),pathname:ia([v,d.encodeLocation?d.encodeLocation(N.pathname.replace(/\?/g,"%3F").replace(/#/g,"%23")).pathname:N.pathname]),pathnameBase:N.pathnameBase==="/"?v:ia([v,d.encodeLocation?d.encodeLocation(N.pathnameBase.replace(/\?/g,"%3F").replace(/#/g,"%23")).pathname:N.pathnameBase])})),h,l,o,f);return s&&A?m.createElement(Ci.Provider,{value:{location:{pathname:"/",search:"",hash:"",state:null,key:"default",...E},navigationType:"POP"}},A):A}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(ca.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(ol);return o&&o.static&&o.staticContext&&(s.route.errorElement||s.route.ErrorBoundary)&&(o.staticContext._deepestRenderedBoundaryId=s.route.id),m.createElement(ca.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);lt(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,M=null,w=null;l&&(E=h&&y.route.id?h[y.route.id]:void 0,M=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 A=s.concat(d.slice(0,S+1)),N=()=>{let T;return E?T=M: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:A,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:M,error:E,children:N(),routeContext:{outlet:null,matches:A,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(ol);return lt(s,Yf(n)),s}function c1(n){let s=m.useContext(No);return lt(s,Yf(n)),s}function u1(n){let s=m.useContext(ca);return lt(s,Yf(n)),s}function Ff(n){let s=u1(n),l=s.matches[s.matches.length-1];return lt(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={})=>{En(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,En(!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){lt(!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}){lt(!Ei(),"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=rl(l));let{pathname:x="/",search:g="",hash:v="",state:y=null,key:S="default"}=l,E=m.useMemo(()=>{let C=ra(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 En(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(Ln.Provider,{value:p},m.createElement(Ci.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}lt(o.type===no,`[${typeof o.type=="string"?o.type:o.type.name}] is not a component. All component children of must be a or `),lt(!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)?(En(!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?ra(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/MobileControls.jsx b/webui/src/components/MobileControls/MobileControlsContent.jsx similarity index 57% rename from webui/src/components/MobileControls.jsx rename to webui/src/components/MobileControls/MobileControlsContent.jsx index 342319c4..1e1e61a9 100644 --- a/webui/src/components/MobileControls.jsx +++ b/webui/src/components/MobileControls/MobileControlsContent.jsx @@ -1,130 +1,21 @@ -import { useCallback, useEffect, useRef, useState } from 'react'; -import { useControlSystem } from '../controls/index.js'; -import { clampUnit } from '../controls/controlMath.js'; -import DriveDockAction, { useDriveDockState } from './DriveDockAction/index.jsx'; -import NightVisionControl from './NightVisionControl.jsx'; -import HornControl from './HornControl.jsx'; -import CameraTiltControl from './CameraTiltControl.jsx'; - -const SOURCE = 'mobile-joystick'; -const JOYSTICK_RADIUS = 80; -const JOYSTICK_SMOOTHING = 0.15; -const AUX_ZERO = { main: 0, side: 0, vacuum: 0 }; -const AUX_ALL_FORWARD = { main: 127, side: 127, vacuum: 127 }; -const AUX_ALL_BACKWARD = { main: -127, side: -127, vacuum: -127 }; - -function FloatingJoystick({ disabled, layout, radius, onMove, onStop }) { - const containerRef = useRef(null); - const pointerIdRef = useRef(null); - const baseRef = useRef({ x: 0, y: 0 }); - const [visual, setVisual] = useState({ active: false, base: { x: 0, y: 0 }, knob: { x: 0, y: 0 } }); - - const stopTracking = useCallback(() => { - pointerIdRef.current = null; - setVisual({ active: false, base: { x: 0, y: 0 }, knob: { x: 0, y: 0 } }); - onStop?.(); - }, [onStop]); - - const handlePointerDown = useCallback( - (event) => { - if (disabled) return; - if (pointerIdRef.current !== null) return; - event.preventDefault(); - const container = containerRef.current; - if (!container) return; - const rect = container.getBoundingClientRect(); - const x = event.clientX - rect.left; - const y = event.clientY - rect.top; - baseRef.current = { x, y }; - pointerIdRef.current = event.pointerId; - container.setPointerCapture?.(event.pointerId); - setVisual({ active: true, base: { x, y }, knob: { x: 0, y: 0 } }); - }, - [disabled], - ); - - const handlePointerMove = useCallback( - (event) => { - if (disabled || pointerIdRef.current !== event.pointerId) return; - event.preventDefault(); - const container = containerRef.current; - if (!container) return; - const rect = container.getBoundingClientRect(); - const currentX = event.clientX - rect.left; - const currentY = event.clientY - rect.top; - const dx = currentX - baseRef.current.x; - const dy = currentY - baseRef.current.y; - const distance = Math.min(Math.hypot(dx, dy), radius); - const angle = Math.atan2(dy, dx); - const knobX = Math.cos(angle) * distance; - const knobY = Math.sin(angle) * distance; - const vector = { - x: clampUnit(knobX / radius), - y: clampUnit(-knobY / radius), - boost: false, - }; - setVisual((prev) => ({ ...prev, knob: { x: knobX, y: knobY } })); - onMove?.(vector); - }, - [disabled, onMove], - ); - - const handlePointerEnd = useCallback( - (event) => { - if (pointerIdRef.current !== event.pointerId) return; - event.preventDefault(); - const container = containerRef.current; - container?.releasePointerCapture?.(event.pointerId); - stopTracking(); - }, - [stopTracking], - ); - - useEffect(() => { - if (disabled) { - stopTracking(); - } - }, [disabled, stopTracking]); - - const heightClass = 'h-full'; - - return ( -
event.preventDefault()} - > - {!visual.active && ( -
- Joystick area - Touch and hold to use the joystick -
- )} - {visual.active && ( - <> -
-
- - )} -
- ); -} +// Mobile controls layout and interaction wiring. +import { useCallback, useEffect, useRef } from 'react'; +import { useControlSystem } from '../../controls/index.js'; +import { clampUnit } from '../../controls/controlMath.js'; +import DriveDockAction, { useDriveDockState } from '../DriveDockAction/index.jsx'; +import NightVisionControl from '../NightVisionControl.jsx'; +import HornControl from '../HornControl.jsx'; +import CameraTiltControl from '../CameraTiltControl.jsx'; +import FloatingJoystick from './FloatingJoystick.jsx'; +import MobileAuxButton from './MobileAuxButton.jsx'; +import { + SOURCE, + JOYSTICK_RADIUS, + JOYSTICK_SMOOTHING, + AUX_ZERO, + AUX_ALL_FORWARD, + AUX_ALL_BACKWARD, +} from './constants.js'; function MobileJoystickPanel({ layout }) { const { @@ -140,9 +31,7 @@ function MobileJoystickPanel({ layout }) { const smoothedVectorRef = useRef({ x: 0, y: 0, boost: false }); useEffect(() => { - if (disabled) { - smoothedVectorRef.current = { x: 0, y: 0, boost: false }; - } + if (disabled) smoothedVectorRef.current = { x: 0, y: 0, boost: false }; }, [disabled]); const handleMove = useCallback( @@ -198,32 +87,10 @@ function MobileJoystickPanel({ layout }) { />
) : null} - {/* Panic stop button can be re-enabled here if needed */} -
); } -function MobileAuxButton({ id, label, values, color, disabled, onPress, onRelease }) { - return ( - - ); -} - function MobileActionsColumnContent({ layout }) { const { state: { roverId, camera, horn }, diff --git a/webui/src/components/MobileControls/constants.js b/webui/src/components/MobileControls/constants.js new file mode 100644 index 00000000..bffabaa3 --- /dev/null +++ b/webui/src/components/MobileControls/constants.js @@ -0,0 +1,7 @@ +// Mobile controls constants. +export const SOURCE = 'mobile-joystick'; +export const JOYSTICK_RADIUS = 80; +export const JOYSTICK_SMOOTHING = 0.15; +export const AUX_ZERO = { main: 0, side: 0, vacuum: 0 }; +export const AUX_ALL_FORWARD = { main: 127, side: 127, vacuum: 127 }; +export const AUX_ALL_BACKWARD = { main: -127, side: -127, vacuum: -127 }; diff --git a/webui/src/components/MobileControls/index.jsx b/webui/src/components/MobileControls/index.jsx new file mode 100644 index 00000000..940cdc1c --- /dev/null +++ b/webui/src/components/MobileControls/index.jsx @@ -0,0 +1,4 @@ +import MobilePortraitControls, { MobileActionsColumn, MobileDriveColumn } from './MobileControlsContent.jsx'; + +export { MobileActionsColumn, MobileDriveColumn }; +export default MobilePortraitControls;