From a7d8a27975b6935302c7711583fb3c14b94a1b8c Mon Sep 17 00:00:00 2001 From: Shawn Date: Tue, 16 Jun 2026 18:24:32 -0400 Subject: [PATCH] =?UTF-8?q?Settings=20=E2=9A=99=20button=20now=20links=20t?= =?UTF-8?q?o=20/settings=20page=20with=20left=20nav=20sidebar?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The React tab bar's Settings button previously showed a minimal inline component. Now it navigates to /settings which has the full settings page with left sidebar navigation and category views. --- .../ui-dist/assets/{index-jhtO2NOz.js => index-DFFBeBW_.js} | 2 +- src/web/ui-dist/index.html | 2 +- ui/src/App.tsx | 6 +++++- 3 files changed, 7 insertions(+), 3 deletions(-) rename src/web/ui-dist/assets/{index-jhtO2NOz.js => index-DFFBeBW_.js} (99%) diff --git a/src/web/ui-dist/assets/index-jhtO2NOz.js b/src/web/ui-dist/assets/index-DFFBeBW_.js similarity index 99% rename from src/web/ui-dist/assets/index-jhtO2NOz.js rename to src/web/ui-dist/assets/index-DFFBeBW_.js index c5260e5..b8ef947 100644 --- a/src/web/ui-dist/assets/index-jhtO2NOz.js +++ b/src/web/ui-dist/assets/index-DFFBeBW_.js @@ -6,7 +6,7 @@ var e=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t),e=null),t.exports);(function `+c[r].replace(` at new `,` at `);return e.displayName&&u.includes(``)&&(u=u.replace(``,e.displayName)),u}while(1<=r&&0<=i);break}}}finally{Ee=!1,Error.prepareStackTrace=n}return(n=e?e.displayName||e.name:``)?Te(n):``}function Oe(e,t){switch(e.tag){case 26:case 27:case 5:return Te(e.type);case 16:return Te(`Lazy`);case 13:return e.child!==t&&t!==null?Te(`Suspense Fallback`):Te(`Suspense`);case 19:return Te(`SuspenseList`);case 0:case 15:return De(e.type,!1);case 11:return De(e.type.render,!1);case 1:return De(e.type,!0);case 31:return Te(`Activity`);default:return``}}function ke(e){try{var t=``,n=null;do t+=Oe(e,n),n=e,e=e.return;while(e);return t}catch(e){return` Error generating stack: `+e.message+` `+e.stack}}var Ae=Object.prototype.hasOwnProperty,je=t.unstable_scheduleCallback,Me=t.unstable_cancelCallback,Ne=t.unstable_shouldYield,Pe=t.unstable_requestPaint,Fe=t.unstable_now,Ie=t.unstable_getCurrentPriorityLevel,Le=t.unstable_ImmediatePriority,Re=t.unstable_UserBlockingPriority,ze=t.unstable_NormalPriority,Be=t.unstable_LowPriority,Ve=t.unstable_IdlePriority,He=t.log,Ue=t.unstable_setDisableYieldValue,We=null,Ge=null;function Ke(e){if(typeof He==`function`&&Ue(e),Ge&&typeof Ge.setStrictMode==`function`)try{Ge.setStrictMode(We,e)}catch{}}var qe=Math.clz32?Math.clz32:Xe,Je=Math.log,Ye=Math.LN2;function Xe(e){return e>>>=0,e===0?32:31-(Je(e)/Ye|0)|0}var Ze=256,Qe=262144,$e=4194304;function et(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 tt(e,t,n){var r=e.pendingLanes;if(r===0)return 0;var i=0,a=e.suspendedLanes,o=e.pingedLanes;e=e.warmLanes;var s=r&134217727;return s===0?(s=r&~a,s===0?o===0?n||(n=r&~e,n!==0&&(i=et(n))):i=et(o):i=et(s)):(r=s&~a,r===0?(o&=s,o===0?n||(n=s&~e,n!==0&&(i=et(n))):i=et(o)):i=et(r)),i===0?0:t!==0&&t!==i&&(t&a)===0&&(a=i&-i,n=t&-t,a>=n||a===32&&n&4194048)?t:i}function nt(e,t){return(e.pendingLanes&~(e.suspendedLanes&~e.pingedLanes)&t)===0}function rt(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 it(){var e=$e;return $e<<=1,!($e&62914560)&&($e=4194304),e}function at(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function ot(e,t){e.pendingLanes|=t,t!==268435456&&(e.suspendedLanes=0,e.pingedLanes=0,e.warmLanes=0)}function st(e,t,n,r,i,a){var o=e.pendingLanes;e.pendingLanes=n,e.suspendedLanes=0,e.pingedLanes=0,e.warmLanes=0,e.expiredLanes&=n,e.entangledLanes&=n,e.errorRecoveryDisabledLanes&=n,e.shellSuspendCounter=0;var s=e.entanglements,c=e.expirationTimes,l=e.hiddenUpdates;for(n=o&~n;0`u`||window.document===void 0||window.document.createElement===void 0),yn=!1;if(vn)try{var bn={};Object.defineProperty(bn,"passive",{get:function(){yn=!0}}),window.addEventListener(`test`,bn,bn),window.removeEventListener(`test`,bn,bn)}catch{yn=!1}var xn=null,Sn=null,Cn=null;function wn(){if(Cn)return Cn;var e,t=Sn,n=t.length,r,i=`value`in xn?xn.value:xn.textContent,a=i.length;for(e=0;e=nr),ar=` `,or=!1;function sr(e,t){switch(e){case`keyup`:return er.indexOf(t.keyCode)!==-1;case`keydown`:return t.keyCode!==229;case`keypress`:case`mousedown`:case`focusout`:return!0;default:return!1}}function cr(e){return e=e.detail,typeof e==`object`&&`data`in e?e.data:null}var lr=!1;function ur(e,t){switch(e){case`compositionend`:return cr(t);case`keypress`:return t.which===32?(or=!0,ar):null;case`textInput`:return e=t.data,e===ar&&or?null:e;default:return null}}function dr(e,t){if(lr)return e===`compositionend`||!tr&&sr(e,t)?(e=wn(),Cn=Sn=xn=null,lr=!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:n,offset:t-e};e=r}a:{for(;n;){if(n.nextSibling){n=n.nextSibling;break a}n=n.parentNode}n=void 0}n=Nr(n)}}function Fr(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?Fr(e,t.parentNode):`contains`in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function Ir(e){e=e!=null&&e.ownerDocument!=null&&e.ownerDocument.defaultView!=null?e.ownerDocument.defaultView:window;for(var t=Gt(e.document);t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href==`string`}catch{n=!1}if(n)e=t.contentWindow;else break;t=Gt(e.document)}return t}function Lr(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 Rr=vn&&`documentMode`in document&&11>=document.documentMode,zr=null,Br=null,Vr=null,Hr=!1;function Ur(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;Hr||zr==null||zr!==Gt(r)||(r=zr,`selectionStart`in r&&Lr(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),Vr&&Mr(Vr,r)||(Vr=r,r=Ed(Br,`onSelect`),0>=o,i-=o,Fi=1<<32-qe(t)+i|n<h?(g=d,d=null):g=d.sibling;var _=p(i,d,s[h],c);if(_===null){d===null&&(d=g);break}e&&d&&_.alternate===null&&t(i,d),o=a(_,o,h),u===null?l=_:u.sibling=_,u=_,d=g}if(h===s.length)return n(i,d),j&&Li(i,h),l;if(d===null){for(;hg?(_=h,h=null):_=h.sibling;var y=p(i,h,v.value,l);if(y===null){h===null&&(h=_);break}e&&h&&y.alternate===null&&t(i,h),o=a(y,o,g),d===null?u=y:d.sibling=y,d=y,h=_}if(v.done)return n(i,h),j&&Li(i,g),u;if(h===null){for(;!v.done;g++,v=c.next())v=f(i,v.value,l),v!==null&&(o=a(v,o,g),d===null?u=v:d.sibling=v,d=v);return j&&Li(i,g),u}for(h=r(h);!v.done;g++,v=c.next())v=m(h,i,g,v.value,l),v!==null&&(e&&v.alternate!==null&&h.delete(v.key===null?g:v.key),o=a(v,o,g),d===null?u=v:d.sibling=v,d=v);return e&&h.forEach(function(e){return t(i,e)}),j&&Li(i,g),u}function b(e,r,a,c){if(typeof a==`object`&&a&&a.type===y&&a.key===null&&(a=a.props.children),typeof a==`object`&&a){switch(a.$$typeof){case _:a:{for(var l=a.key;r!==null;){if(r.key===l){if(l=a.type,l===y){if(r.tag===7){n(e,r.sibling),c=i(r,a.props.children),c.return=e,e=c;break a}}else if(r.elementType===l||typeof l==`object`&&l&&l.$$typeof===w&&Fa(l)===r.type){n(e,r.sibling),c=i(r,a.props),Ha(c,a),c.return=e,e=c;break a}n(e,r);break}else t(e,r);r=r.sibling}a.type===y?(c=Si(a.props.children,e.mode,c,a.key),c.return=e,e=c):(c=xi(a.type,a.key,a.props,null,e.mode,c),Ha(c,a),c.return=e,e=c)}return o(e);case v:a:{for(l=a.key;r!==null;){if(r.key===l)if(r.tag===4&&r.stateNode.containerInfo===a.containerInfo&&r.stateNode.implementation===a.implementation){n(e,r.sibling),c=i(r,a.children||[]),c.return=e,e=c;break a}else{n(e,r);break}else t(e,r);r=r.sibling}c=Ti(a,e.mode,c),c.return=e,e=c}return o(e);case w:return a=Fa(a),b(e,r,a,c)}if(ue(a))return h(e,r,a,c);if(se(a)){if(l=se(a),typeof l!=`function`)throw Error(s(150));return a=l.call(a),g(e,r,a,c)}if(typeof a.then==`function`)return b(e,r,Va(a),c);if(a.$$typeof===S)return b(e,r,ua(e,a),c);Ua(e,a)}return typeof a==`string`&&a!==``||typeof a==`number`||typeof a==`bigint`?(a=``+a,r!==null&&r.tag===6?(n(e,r.sibling),c=i(r,a),c.return=e,e=c):(n(e,r),c=Ci(a,e.mode,c),c.return=e,e=c),o(e)):n(e,r)}return function(e,t,n,r){try{Ba=0;var i=b(e,t,n,r);return za=null,i}catch(t){if(t===ka||t===ja)throw t;var a=_i(29,t,null,e.mode);return a.lanes=r,a.return=e,a}}}var Ga=Wa(!0),Ka=Wa(!1),qa=!1;function Ja(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,lanes:0,hiddenCallbacks:null},callbacks:null}}function Ya(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 Xa(e){return{lane:e,tag:0,payload:null,callback:null,next:null}}function Za(e,t,n){var r=e.updateQueue;if(r===null)return null;if(r=r.shared,W&2){var i=r.pending;return i===null?t.next=t:(t.next=i.next,i.next=t),r.pending=t,t=mi(e),pi(e,null,n),t}return ui(e,r,t,n),mi(e)}function Qa(e,t,n){if(t=t.updateQueue,t!==null&&(t=t.shared,n&4194048)){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,lt(e,n)}}function $a(e,t){var n=e.updateQueue,r=e.alternate;if(r!==null&&(r=r.updateQueue,n===r)){var i=null,a=null;if(n=n.firstBaseUpdate,n!==null){do{var o={lane:n.lane,tag:n.tag,payload:n.payload,callback:null,next:null};a===null?i=a=o:a=a.next=o,n=n.next}while(n!==null);a===null?i=a=t:a=a.next=t}else i=a=t;n={baseState:r.baseState,firstBaseUpdate:i,lastBaseUpdate:a,shared:r.shared,callbacks:r.callbacks},e.updateQueue=n;return}e=n.lastBaseUpdate,e===null?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}var eo=!1;function to(){if(eo){var e=ba;if(e!==null)throw e}}function no(e,t,n,r){eo=!1;var i=e.updateQueue;qa=!1;var a=i.firstBaseUpdate,o=i.lastBaseUpdate,s=i.shared.pending;if(s!==null){i.shared.pending=null;var c=s,l=c.next;c.next=null,o===null?a=l:o.next=l,o=c;var u=e.alternate;u!==null&&(u=u.updateQueue,s=u.lastBaseUpdate,s!==o&&(s===null?u.firstBaseUpdate=l:s.next=l,u.lastBaseUpdate=c))}if(a!==null){var d=i.baseState;o=0,u=l=c=null,s=a;do{var f=s.lane&-536870913,p=f!==s.lane;if(p?(q&f)===f:(r&f)===f){f!==0&&f===ya&&(eo=!0),u!==null&&(u=u.next={lane:0,tag:s.tag,payload:s.payload,callback:null,next:null});a:{var m=e,g=s;f=t;var _=n;switch(g.tag){case 1:if(m=g.payload,typeof m==`function`){d=m.call(_,d,f);break a}d=m;break a;case 3:m.flags=m.flags&-65537|128;case 0:if(m=g.payload,f=typeof m==`function`?m.call(_,d,f):m,f==null)break a;d=h({},d,f);break a;case 2:qa=!0}}f=s.callback,f!==null&&(e.flags|=64,p&&(e.flags|=8192),p=i.callbacks,p===null?i.callbacks=[f]:p.push(f))}else p={lane:f,tag:s.tag,payload:s.payload,callback:s.callback,next:null},u===null?(l=u=p,c=d):u=u.next=p,o|=f;if(s=s.next,s===null){if(s=i.shared.pending,s===null)break;p=s,s=p.next,p.next=null,i.lastBaseUpdate=p,i.shared.pending=null}}while(1);u===null&&(c=d),i.baseState=c,i.firstBaseUpdate=l,i.lastBaseUpdate=u,a===null&&(i.shared.lanes=0),Kl|=o,e.lanes=o,e.memoizedState=d}}function ro(e,t){if(typeof e!=`function`)throw Error(s(191,e));e.call(t)}function io(e,t){var n=e.callbacks;if(n!==null)for(e.callbacks=null,e=0;ea?a:8;var o=T.T,s={};T.T=s,zs(e,!1,t,n);try{var c=i(),l=T.S;l!==null&&l(s,c),typeof c==`object`&&c&&typeof c.then==`function`?Rs(e,t,Ca(c,r),pu(e)):Rs(e,t,r,pu(e))}catch(n){Rs(e,t,{then:function(){},status:`rejected`,reason:n},pu())}finally{E.p=a,o!==null&&s.types!==null&&(o.types=s.types),T.T=o}}function Os(){}function ks(e,t,n,r){if(e.tag!==5)throw Error(s(476));var i=As(e).queue;Ds(e,i,t,de,n===null?Os:function(){return js(e),n(r)})}function As(e){var t=e.memoizedState;if(t!==null)return t;t={memoizedState:de,baseState:de,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:Bo,lastRenderedState:de},next:null};var n={};return t.next={memoizedState:n,baseState:n,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:Bo,lastRenderedState:n},next:null},e.memoizedState=t,e=e.alternate,e!==null&&(e.memoizedState=t),t}function js(e){var t=As(e);t.next===null&&(t=e.alternate.memoizedState),Rs(e,t.next.queue,{},pu())}function Ms(){return la(Qf)}function Ns(){return R().memoizedState}function Ps(){return R().memoizedState}function Fs(e){for(var t=e.return;t!==null;){switch(t.tag){case 24:case 3:var n=pu();e=Xa(n);var r=Za(t,e,n);r!==null&&(hu(r,t,n),Qa(r,t,n)),t={cache:ha()},e.payload=t;return}t=t.return}}function Is(e,t,n){var r=pu();n={lane:r,revertLane:0,gesture:null,action:n,hasEagerState:!1,eagerState:null,next:null},Bs(e)?Vs(t,n):(n=di(e,t,n,r),n!==null&&(hu(n,e,r),Hs(n,t,r)))}function Ls(e,t,n){Rs(e,t,n,pu())}function Rs(e,t,n,r){var i={lane:r,revertLane:0,gesture:null,action:n,hasEagerState:!1,eagerState:null,next:null};if(Bs(e))Vs(t,i);else{var a=e.alternate;if(e.lanes===0&&(a===null||a.lanes===0)&&(a=t.lastRenderedReducer,a!==null))try{var o=t.lastRenderedState,s=a(o,n);if(i.hasEagerState=!0,i.eagerState=s,jr(s,o))return ui(e,t,i,0),G===null&&li(),!1}catch{}if(n=di(e,t,i,r),n!==null)return hu(n,e,r),Hs(n,t,r),!0}return!1}function zs(e,t,n,r){if(r={lane:2,revertLane:dd(),gesture:null,action:r,hasEagerState:!1,eagerState:null,next:null},Bs(e)){if(t)throw Error(s(479))}else t=di(e,n,r,2),t!==null&&hu(t,e,2)}function Bs(e){var t=e.alternate;return e===P||t!==null&&t===P}function Vs(e,t){xo=bo=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function Hs(e,t,n){if(n&4194048){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,lt(e,n)}}var Us={readContext:la,use:Ro,useCallback:L,useContext:L,useEffect:L,useImperativeHandle:L,useLayoutEffect:L,useInsertionEffect:L,useMemo:L,useReducer:L,useRef:L,useState:L,useDebugValue:L,useDeferredValue:L,useTransition:L,useSyncExternalStore:L,useId:L,useHostTransitionStatus:L,useFormState:L,useActionState:L,useOptimistic:L,useMemoCache:L,useCacheRefresh:L};Us.useEffectEvent=L;var Ws={readContext:la,use:Ro,useCallback:function(e,t){return Fo().memoizedState=[e,t===void 0?null:t],e},useContext:la,useEffect:ms,useImperativeHandle:function(e,t,n){n=n==null?null:n.concat([e]),fs(4194308,4,bs.bind(null,t,e),n)},useLayoutEffect:function(e,t){return fs(4194308,4,e,t)},useInsertionEffect:function(e,t){fs(4,2,e,t)},useMemo:function(e,t){var n=Fo();t=t===void 0?null:t;var r=e();if(So){Ke(!0);try{e()}finally{Ke(!1)}}return n.memoizedState=[r,t],r},useReducer:function(e,t,n){var r=Fo();if(n!==void 0){var i=n(t);if(So){Ke(!0);try{n(t)}finally{Ke(!1)}}}else i=t;return r.memoizedState=r.baseState=i,e={pending:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:i},r.queue=e,e=e.dispatch=Is.bind(null,P,e),[r.memoizedState,e]},useRef:function(e){var t=Fo();return e={current:e},t.memoizedState=e},useState:function(e){e=Xo(e);var t=e.queue,n=Ls.bind(null,P,t);return t.dispatch=n,[e.memoizedState,n]},useDebugValue:Ss,useDeferredValue:function(e,t){return Ts(Fo(),e,t)},useTransition:function(){var e=Xo(!1);return e=Ds.bind(null,P,e.queue,!0,!1),Fo().memoizedState=e,[!1,e]},useSyncExternalStore:function(e,t,n){var r=P,i=Fo();if(j){if(n===void 0)throw Error(s(407));n=n()}else{if(n=t(),G===null)throw Error(s(349));q&127||Go(r,t,n)}i.memoizedState=n;var a={value:n,getSnapshot:t};return i.queue=a,ms(qo.bind(null,r,a,e),[e]),r.flags|=2048,us(9,{destroy:void 0},Ko.bind(null,r,a,n,t),null),n},useId:function(){var e=Fo(),t=G.identifierPrefix;if(j){var n=Ii,r=Fi;n=(r&~(1<<32-qe(r)-1)).toString(32)+n,t=`_`+t+`R_`+n,n=Co++,0<\/script>`,a=a.removeChild(a.firstChild);break;case`select`:a=typeof r.is==`string`?o.createElement(`select`,{is:r.is}):o.createElement(`select`),r.multiple?a.multiple=!0:r.size&&(a.size=r.size);break;default:a=typeof r.is==`string`?o.createElement(i,{is:r.is}):o.createElement(i)}}a[gt]=t,a[_t]=r;a:for(o=t.child;o!==null;){if(o.tag===5||o.tag===6)a.appendChild(o.stateNode);else if(o.tag!==4&&o.tag!==27&&o.child!==null){o.child.return=o,o=o.child;continue}if(o===t)break a;for(;o.sibling===null;){if(o.return===null||o.return===t)break a;o=o.return}o.sibling.return=o.return,o=o.sibling}t.stateNode=a;a:switch(Pd(a,i,r),i){case`button`:case`input`:case`select`:case`textarea`:r=!!r.autoFocus;break a;case`img`:r=!0;break a;default:r=!1}r&&Lc(t)}}return B(t),Rc(t,t.type,e===null?null:e.memoizedProps,t.pendingProps,n),null;case 6:if(e&&t.stateNode!=null)e.memoizedProps!==r&&Lc(t);else{if(typeof r!=`string`&&t.stateNode===null)throw Error(s(166));if(e=_e.current,Yi(t)){if(e=t.stateNode,n=t.memoizedProps,r=null,i=Hi,i!==null)switch(i.tag){case 27:case 5:r=i.memoizedProps}e[gt]=t,e=!!(e.nodeValue===n||r!==null&&!0===r.suppressHydrationWarning||Md(e.nodeValue,n)),e||Ki(t,!0)}else e=Bd(e).createTextNode(r),e[gt]=t,t.stateNode=e}return B(t),null;case 31:if(n=t.memoizedState,e===null||e.memoizedState!==null){if(r=Yi(t),n!==null){if(e===null){if(!r)throw Error(s(318));if(e=t.memoizedState,e=e===null?null:e.dehydrated,!e)throw Error(s(557));e[gt]=t}else Xi(),!(t.flags&128)&&(t.memoizedState=null),t.flags|=4;B(t),e=!1}else n=Zi(),e!==null&&e.memoizedState!==null&&(e.memoizedState.hydrationErrors=n),e=!0;if(!e)return t.flags&256?(_o(t),t):(_o(t),null);if(t.flags&128)throw Error(s(558))}return B(t),null;case 13:if(r=t.memoizedState,e===null||e.memoizedState!==null&&e.memoizedState.dehydrated!==null){if(i=Yi(t),r!==null&&r.dehydrated!==null){if(e===null){if(!i)throw Error(s(318));if(i=t.memoizedState,i=i===null?null:i.dehydrated,!i)throw Error(s(317));i[gt]=t}else Xi(),!(t.flags&128)&&(t.memoizedState=null),t.flags|=4;B(t),i=!1}else i=Zi(),e!==null&&e.memoizedState!==null&&(e.memoizedState.hydrationErrors=i),i=!0;if(!i)return t.flags&256?(_o(t),t):(_o(t),null)}return _o(t),t.flags&128?(t.lanes=n,t):(n=r!==null,e=e!==null&&e.memoizedState!==null,n&&(r=t.child,i=null,r.alternate!==null&&r.alternate.memoizedState!==null&&r.alternate.memoizedState.cachePool!==null&&(i=r.alternate.memoizedState.cachePool.pool),a=null,r.memoizedState!==null&&r.memoizedState.cachePool!==null&&(a=r.memoizedState.cachePool.pool),a!==i&&(r.flags|=2048)),n!==e&&n&&(t.child.flags|=8192),Bc(t,t.updateQueue),B(t),null);case 4:return be(),e===null&&Sd(t.stateNode.containerInfo),B(t),null;case 10:return ra(t.type),B(t),null;case 19:if(D(N),r=t.memoizedState,r===null)return B(t),null;if(i=(t.flags&128)!=0,a=r.rendering,a===null)if(i)Vc(r,!1);else{if(Y!==0||e!==null&&e.flags&128)for(e=t.child;e!==null;){if(a=vo(e),a!==null){for(t.flags|=128,Vc(r,!1),e=a.updateQueue,t.updateQueue=e,Bc(t,e),t.subtreeFlags=0,e=n,n=t.child;n!==null;)bi(n,e),n=n.sibling;return O(N,N.current&1|2),j&&Li(t,r.treeForkCount),t.child}e=e.sibling}r.tail!==null&&Fe()>nu&&(t.flags|=128,i=!0,Vc(r,!1),t.lanes=4194304)}else{if(!i)if(e=vo(a),e!==null){if(t.flags|=128,i=!0,e=e.updateQueue,t.updateQueue=e,Bc(t,e),Vc(r,!0),r.tail===null&&r.tailMode===`hidden`&&!a.alternate&&!j)return B(t),null}else 2*Fe()-r.renderingStartTime>nu&&n!==536870912&&(t.flags|=128,i=!0,Vc(r,!1),t.lanes=4194304);r.isBackwards?(a.sibling=t.child,t.child=a):(e=r.last,e===null?t.child=a:e.sibling=a,r.last=a)}return r.tail===null?(B(t),null):(e=r.tail,r.rendering=e,r.tail=e.sibling,r.renderingStartTime=Fe(),e.sibling=null,n=N.current,O(N,i?n&1|2:n&1),j&&Li(t,r.treeForkCount),e);case 22:case 23:return _o(t),lo(),r=t.memoizedState!==null,e===null?r&&(t.flags|=8192):e.memoizedState!==null!==r&&(t.flags|=8192),r?n&536870912&&!(t.flags&128)&&(B(t),t.subtreeFlags&6&&(t.flags|=8192)):B(t),n=t.updateQueue,n!==null&&Bc(t,n.retryQueue),n=null,e!==null&&e.memoizedState!==null&&e.memoizedState.cachePool!==null&&(n=e.memoizedState.cachePool.pool),r=null,t.memoizedState!==null&&t.memoizedState.cachePool!==null&&(r=t.memoizedState.cachePool.pool),r!==n&&(t.flags|=2048),e!==null&&D(Ta),null;case 24:return n=null,e!==null&&(n=e.memoizedState.cache),t.memoizedState.cache!==n&&(t.flags|=2048),ra(M),B(t),null;case 25:return null;case 30:return null}throw Error(s(156,t.tag))}function Uc(e,t){switch(Bi(t),t.tag){case 1:return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return ra(M),be(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 26:case 27:case 5:return Se(t),null;case 31:if(t.memoizedState!==null){if(_o(t),t.alternate===null)throw Error(s(340));Xi()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 13:if(_o(t),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(s(340));Xi()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return D(N),null;case 4:return be(),null;case 10:return ra(t.type),null;case 22:case 23:return _o(t),lo(),e!==null&&D(Ta),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 24:return ra(M),null;case 25:return null;default:return null}}function Wc(e,t){switch(Bi(t),t.tag){case 3:ra(M),be();break;case 26:case 27:case 5:Se(t);break;case 4:be();break;case 31:t.memoizedState!==null&&_o(t);break;case 13:_o(t);break;case 19:D(N);break;case 10:ra(t.type);break;case 22:case 23:_o(t),lo(),e!==null&&D(Ta);break;case 24:ra(M)}}function Gc(e,t){try{var n=t.updateQueue,r=n===null?null:n.lastEffect;if(r!==null){var i=r.next;n=i;do{if((n.tag&e)===e){r=void 0;var a=n.create,o=n.inst;r=a(),o.destroy=r}n=n.next}while(n!==i)}}catch(e){Z(t,t.return,e)}}function Kc(e,t,n){try{var r=t.updateQueue,i=r===null?null:r.lastEffect;if(i!==null){var a=i.next;r=a;do{if((r.tag&e)===e){var o=r.inst,s=o.destroy;if(s!==void 0){o.destroy=void 0,i=t;var c=n,l=s;try{l()}catch(e){Z(i,c,e)}}}r=r.next}while(r!==a)}}catch(e){Z(t,t.return,e)}}function qc(e){var t=e.updateQueue;if(t!==null){var n=e.stateNode;try{io(t,n)}catch(t){Z(e,e.return,t)}}}function Jc(e,t,n){n.props=Zs(e.type,e.memoizedProps),n.state=e.memoizedState;try{n.componentWillUnmount()}catch(n){Z(e,t,n)}}function Yc(e,t){try{var n=e.ref;if(n!==null){switch(e.tag){case 26:case 27:case 5:var r=e.stateNode;break;case 30:r=e.stateNode;break;default:r=e.stateNode}typeof n==`function`?e.refCleanup=n(r):n.current=r}}catch(n){Z(e,t,n)}}function Xc(e,t){var n=e.ref,r=e.refCleanup;if(n!==null)if(typeof r==`function`)try{r()}catch(n){Z(e,t,n)}finally{e.refCleanup=null,e=e.alternate,e!=null&&(e.refCleanup=null)}else if(typeof n==`function`)try{n(null)}catch(n){Z(e,t,n)}else n.current=null}function Zc(e){var t=e.type,n=e.memoizedProps,r=e.stateNode;try{a:switch(t){case`button`:case`input`:case`select`:case`textarea`:n.autoFocus&&r.focus();break a;case`img`:n.src?r.src=n.src:n.srcSet&&(r.srcset=n.srcSet)}}catch(t){Z(e,e.return,t)}}function Qc(e,t,n){try{var r=e.stateNode;Fd(r,e.type,n,t),r[_t]=t}catch(t){Z(e,e.return,t)}}function $c(e){return e.tag===5||e.tag===3||e.tag===26||e.tag===27&&Zd(e.type)||e.tag===4}function el(e){a:for(;;){for(;e.sibling===null;){if(e.return===null||$c(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&&Zd(e.type)||e.flags&2||e.child===null||e.tag===4)continue a;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function tl(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?(n.nodeType===9?n.body:n.nodeName===`HTML`?n.ownerDocument.body:n).insertBefore(e,t):(t=n.nodeType===9?n.body:n.nodeName===`HTML`?n.ownerDocument.body:n,t.appendChild(e),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=ln));else if(r!==4&&(r===27&&Zd(e.type)&&(n=e.stateNode,t=null),e=e.child,e!==null))for(tl(e,t,n),e=e.sibling;e!==null;)tl(e,t,n),e=e.sibling}function nl(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(r===27&&Zd(e.type)&&(n=e.stateNode),e=e.child,e!==null))for(nl(e,t,n),e=e.sibling;e!==null;)nl(e,t,n),e=e.sibling}function rl(e){var t=e.stateNode,n=e.memoizedProps;try{for(var r=e.type,i=t.attributes;i.length;)t.removeAttributeNode(i[0]);Pd(t,r,n),t[gt]=e,t[_t]=n}catch(t){Z(e,e.return,t)}}var il=!1,V=!1,al=!1,ol=typeof WeakSet==`function`?WeakSet:Set,H=null;function sl(e,t){if(e=e.containerInfo,Rd=sp,e=Ir(e),Lr(e)){if(`selectionStart`in e)var n={start:e.selectionStart,end:e.selectionEnd};else a:{n=(n=e.ownerDocument)&&n.defaultView||window;var r=n.getSelection&&n.getSelection();if(r&&r.rangeCount!==0){n=r.anchorNode;var i=r.anchorOffset,a=r.focusNode;r=r.focusOffset;try{n.nodeType,a.nodeType}catch{n=null;break a}var o=0,c=-1,l=-1,u=0,d=0,f=e,p=null;b:for(;;){for(var m;f!==n||i!==0&&f.nodeType!==3||(c=o+i),f!==a||r!==0&&f.nodeType!==3||(l=o+r),f.nodeType===3&&(o+=f.nodeValue.length),(m=f.firstChild)!==null;)p=f,f=m;for(;;){if(f===e)break b;if(p===n&&++u===i&&(c=o),p===a&&++d===r&&(l=o),(m=f.nextSibling)!==null)break;f=p,p=f.parentNode}f=m}n=c===-1||l===-1?null:{start:c,end:l}}else n=null}n||={start:0,end:0}}else n=null;for(zd={focusedElem:e,selectionRange:n},sp=!1,H=t;H!==null;)if(t=H,e=t.child,t.subtreeFlags&1028&&e!==null)e.return=t,H=e;else for(;H!==null;){switch(t=H,a=t.alternate,e=t.flags,t.tag){case 0:if(e&4&&(e=t.updateQueue,e=e===null?null:e.events,e!==null))for(n=0;n title`))),Pd(a,r,n),a[gt]=e,k(a),r=a;break a;case`link`:var o=Vf(`link`,`href`,i).get(r+(n.href||``));if(o){for(var c=0;cg&&(o=g,g=h,h=o);var _=Pr(s,h),v=Pr(s,g);if(_&&v&&(p.rangeCount!==1||p.anchorNode!==_.node||p.anchorOffset!==_.offset||p.focusNode!==v.node||p.focusOffset!==v.offset)){var y=d.createRange();y.setStart(_.node,_.offset),p.removeAllRanges(),h>g?(p.addRange(y),p.extend(v.node,v.offset)):(y.setEnd(v.node,v.offset),p.addRange(y))}}}}for(d=[],p=s;p=p.parentNode;)p.nodeType===1&&d.push({element:p,left:p.scrollLeft,top:p.scrollTop});for(typeof s.focus==`function`&&s.focus(),s=0;sn?32:n,T.T=null,n=lu,lu=null;var a=au,o=su;if(X=0,ou=au=null,su=0,W&6)throw Error(s(331));var c=W;if(W|=4,Il(a.current),Ol(a,a.current,o,n),W=c,id(0,!1),Ge&&typeof Ge.onPostCommitFiberRoot==`function`)try{Ge.onPostCommitFiberRoot(We,a)}catch{}return!0}finally{E.p=i,T.T=r,Vu(e,t)}}function Wu(e,t,n){t=Di(n,t),t=rc(e.stateNode,t,2),e=Za(e,t,2),e!==null&&(ot(e,2),rd(e))}function Z(e,t,n){if(e.tag===3)Wu(e,e,n);else for(;t!==null;){if(t.tag===3){Wu(t,e,n);break}else if(t.tag===1){var r=t.stateNode;if(typeof t.type.getDerivedStateFromError==`function`||typeof r.componentDidCatch==`function`&&(iu===null||!iu.has(r))){e=Di(n,e),n=ic(2),r=Za(t,n,2),r!==null&&(ac(n,r,t,e),ot(r,2),rd(r));break}}t=t.return}}function Gu(e,t,n){var r=e.pingCache;if(r===null){r=e.pingCache=new Bl;var i=new Set;r.set(t,i)}else i=r.get(t),i===void 0&&(i=new Set,r.set(t,i));i.has(n)||(Wl=!0,i.add(n),e=Ku.bind(null,e,t,n),t.then(e,e))}function Ku(e,t,n){var r=e.pingCache;r!==null&&r.delete(t),e.pingedLanes|=e.suspendedLanes&n,e.warmLanes&=~n,G===e&&(q&n)===n&&(Y===4||Y===3&&(q&62914560)===q&&300>Fe()-eu?!(W&2)&&Su(e,0):Jl|=n,Xl===q&&(Xl=0)),rd(e)}function qu(e,t){t===0&&(t=it()),e=fi(e,t),e!==null&&(ot(e,t),rd(e))}function Ju(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),qu(e,n)}function Yu(e,t){var n=0;switch(e.tag){case 31:case 13:var r=e.stateNode,i=e.memoizedState;i!==null&&(n=i.retryLane);break;case 19:r=e.stateNode;break;case 22:r=e.stateNode._retryCache;break;default:throw Error(s(314))}r!==null&&r.delete(t),qu(e,n)}function Xu(e,t){return je(e,t)}var Zu=null,Qu=null,$u=!1,ed=!1,td=!1,nd=0;function rd(e){e!==Qu&&e.next===null&&(Qu===null?Zu=Qu=e:Qu=Qu.next=e),ed=!0,$u||($u=!0,ud())}function id(e,t){if(!td&&ed){td=!0;do for(var n=!1,r=Zu;r!==null;){if(!t)if(e!==0){var i=r.pendingLanes;if(i===0)var a=0;else{var o=r.suspendedLanes,s=r.pingedLanes;a=(1<<31-qe(42|e)+1)-1,a&=i&~(o&~s),a=a&201326741?a&201326741|1:a?a|2:0}a!==0&&(n=!0,ld(r,a))}else a=q,a=tt(r,r===G?a:0,r.cancelPendingCommit!==null||r.timeoutHandle!==-1),!(a&3)||nt(r,a)||(n=!0,ld(r,a));r=r.next}while(n);td=!1}}function ad(){od()}function od(){ed=$u=!1;var e=0;nd!==0&&Gd()&&(e=nd);for(var t=Fe(),n=null,r=Zu;r!==null;){var i=r.next,a=sd(r,t);a===0?(r.next=null,n===null?Zu=i:n.next=i,i===null&&(Qu=n)):(n=r,(e!==0||a&3)&&(ed=!0)),r=i}X!==0&&X!==5||id(e,!1),nd!==0&&(nd=0)}function sd(e,t){for(var n=e.suspendedLanes,r=e.pingedLanes,i=e.expirationTimes,a=e.pendingLanes&-62914561;0s)break;var u=c.transferSize,d=c.initiatorType;u&&Id(d)&&(c=c.responseEnd,o+=u*(c`u`?null:document;function xf(e,t,n){var r=bf;if(r&&typeof t==`string`&&t){var i=qt(t);i=`link[rel="`+e+`"][href="`+i+`"]`,typeof n==`string`&&(i+=`[crossorigin="`+n+`"]`),hf.has(i)||(hf.add(i),e={rel:e,crossOrigin:n,href:t},r.querySelector(i)===null&&(t=r.createElement(`link`),Pd(t,`link`,e),k(t),r.head.appendChild(t)))}}function Sf(e){_f.D(e),xf(`dns-prefetch`,e,null)}function Cf(e,t){_f.C(e,t),xf(`preconnect`,e,t)}function wf(e,t,n){_f.L(e,t,n);var r=bf;if(r&&e&&t){var i=`link[rel="preload"][as="`+qt(t)+`"]`;t===`image`&&n&&n.imageSrcSet?(i+=`[imagesrcset="`+qt(n.imageSrcSet)+`"]`,typeof n.imageSizes==`string`&&(i+=`[imagesizes="`+qt(n.imageSizes)+`"]`)):i+=`[href="`+qt(e)+`"]`;var a=i;switch(t){case`style`:a=Af(e);break;case`script`:a=Pf(e)}mf.has(a)||(e=h({rel:`preload`,href:t===`image`&&n&&n.imageSrcSet?void 0:e,as:t},n),mf.set(a,e),r.querySelector(i)!==null||t===`style`&&r.querySelector(jf(a))||t===`script`&&r.querySelector(Ff(a))||(t=r.createElement(`link`),Pd(t,`link`,e),k(t),r.head.appendChild(t)))}}function Tf(e,t){_f.m(e,t);var n=bf;if(n&&e){var r=t&&typeof t.as==`string`?t.as:`script`,i=`link[rel="modulepreload"][as="`+qt(r)+`"][href="`+qt(e)+`"]`,a=i;switch(r){case`audioworklet`:case`paintworklet`:case`serviceworker`:case`sharedworker`:case`worker`:case`script`:a=Pf(e)}if(!mf.has(a)&&(e=h({rel:`modulepreload`,href:e},t),mf.set(a,e),n.querySelector(i)===null)){switch(r){case`audioworklet`:case`paintworklet`:case`serviceworker`:case`sharedworker`:case`worker`:case`script`:if(n.querySelector(Ff(a)))return}r=n.createElement(`link`),Pd(r,`link`,e),k(r),n.head.appendChild(r)}}}function Ef(e,t,n){_f.S(e,t,n);var r=bf;if(r&&e){var i=Ot(r).hoistableStyles,a=Af(e);t||=`default`;var o=i.get(a);if(!o){var s={loading:0,preload:null};if(o=r.querySelector(jf(a)))s.loading=5;else{e=h({rel:`stylesheet`,href:e,"data-precedence":t},n),(n=mf.get(a))&&Rf(e,n);var c=o=r.createElement(`link`);k(c),Pd(c,`link`,e),c._p=new Promise(function(e,t){c.onload=e,c.onerror=t}),c.addEventListener(`load`,function(){s.loading|=1}),c.addEventListener(`error`,function(){s.loading|=2}),s.loading|=4,Lf(o,t,r)}o={type:`stylesheet`,instance:o,count:1,state:s},i.set(a,o)}}}function Df(e,t){_f.X(e,t);var n=bf;if(n&&e){var r=Ot(n).hoistableScripts,i=Pf(e),a=r.get(i);a||(a=n.querySelector(Ff(i)),a||(e=h({src:e,async:!0},t),(t=mf.get(i))&&zf(e,t),a=n.createElement(`script`),k(a),Pd(a,`link`,e),n.head.appendChild(a)),a={type:`script`,instance:a,count:1,state:null},r.set(i,a))}}function Of(e,t){_f.M(e,t);var n=bf;if(n&&e){var r=Ot(n).hoistableScripts,i=Pf(e),a=r.get(i);a||(a=n.querySelector(Ff(i)),a||(e=h({src:e,async:!0,type:`module`},t),(t=mf.get(i))&&zf(e,t),a=n.createElement(`script`),k(a),Pd(a,`link`,e),n.head.appendChild(a)),a={type:`script`,instance:a,count:1,state:null},r.set(i,a))}}function kf(e,t,n,r){var i=(i=_e.current)?gf(i):null;if(!i)throw Error(s(446));switch(e){case`meta`:case`title`:return null;case`style`:return typeof n.precedence==`string`&&typeof n.href==`string`?(t=Af(n.href),n=Ot(i).hoistableStyles,r=n.get(t),r||(r={type:`style`,instance:null,count:0,state:null},n.set(t,r)),r):{type:`void`,instance:null,count:0,state:null};case`link`:if(n.rel===`stylesheet`&&typeof n.href==`string`&&typeof n.precedence==`string`){e=Af(n.href);var a=Ot(i).hoistableStyles,o=a.get(e);if(o||(i=i.ownerDocument||i,o={type:`stylesheet`,instance:null,count:0,state:{loading:0,preload:null}},a.set(e,o),(a=i.querySelector(jf(e)))&&!a._p&&(o.instance=a,o.state.loading=5),mf.has(e)||(n={rel:`preload`,as:`style`,href:n.href,crossOrigin:n.crossOrigin,integrity:n.integrity,media:n.media,hrefLang:n.hrefLang,referrerPolicy:n.referrerPolicy},mf.set(e,n),a||Nf(i,e,n,o.state))),t&&r===null)throw Error(s(528,``));return o}if(t&&r!==null)throw Error(s(529,``));return null;case`script`:return t=n.async,n=n.src,typeof n==`string`&&t&&typeof t!=`function`&&typeof t!=`symbol`?(t=Pf(n),n=Ot(i).hoistableScripts,r=n.get(t),r||(r={type:`script`,instance:null,count:0,state:null},n.set(t,r)),r):{type:`void`,instance:null,count:0,state:null};default:throw Error(s(444,e))}}function Af(e){return`href="`+qt(e)+`"`}function jf(e){return`link[rel="stylesheet"][`+e+`]`}function Mf(e){return h({},e,{"data-precedence":e.precedence,precedence:null})}function Nf(e,t,n,r){e.querySelector(`link[rel="preload"][as="style"][`+t+`]`)?r.loading=1:(t=e.createElement(`link`),r.preload=t,t.addEventListener(`load`,function(){return r.loading|=1}),t.addEventListener(`error`,function(){return r.loading|=2}),Pd(t,`link`,n),k(t),e.head.appendChild(t))}function Pf(e){return`[src="`+qt(e)+`"]`}function Ff(e){return`script[async]`+e}function If(e,t,n){if(t.count++,t.instance===null)switch(t.type){case`style`:var r=e.querySelector(`style[data-href~="`+qt(n.href)+`"]`);if(r)return t.instance=r,k(r),r;var i=h({},n,{"data-href":n.href,"data-precedence":n.precedence,href:null,precedence:null});return r=(e.ownerDocument||e).createElement(`style`),k(r),Pd(r,`style`,i),Lf(r,n.precedence,e),t.instance=r;case`stylesheet`:i=Af(n.href);var a=e.querySelector(jf(i));if(a)return t.state.loading|=4,t.instance=a,k(a),a;r=Mf(n),(i=mf.get(i))&&Rf(r,i),a=(e.ownerDocument||e).createElement(`link`),k(a);var o=a;return o._p=new Promise(function(e,t){o.onload=e,o.onerror=t}),Pd(a,`link`,r),t.state.loading|=4,Lf(a,n.precedence,e),t.instance=a;case`script`:return a=Pf(n.src),(i=e.querySelector(Ff(a)))?(t.instance=i,k(i),i):(r=n,(i=mf.get(a))&&(r=h({},n),zf(r,i)),e=e.ownerDocument||e,i=e.createElement(`script`),k(i),Pd(i,`link`,r),e.head.appendChild(i),t.instance=i);case`void`:return null;default:throw Error(s(443,t.type))}else t.type===`stylesheet`&&!(t.state.loading&4)&&(r=t.instance,t.state.loading|=4,Lf(r,n.precedence,e));return t.instance}function Lf(e,t,n){for(var r=n.querySelectorAll(`link[rel="stylesheet"][data-precedence],style[data-precedence]`),i=r.length?r[r.length-1]:null,a=i,o=0;o title`):null)}function Uf(e,t,n){if(n===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 Wf(e){return!(e.type===`stylesheet`&&!(e.state.loading&3))}function Gf(e,t,n,r){if(n.type===`stylesheet`&&(typeof r.media!=`string`||!1!==matchMedia(r.media).matches)&&!(n.state.loading&4)){if(n.instance===null){var i=Af(r.href),a=t.querySelector(jf(i));if(a){t=a._p,typeof t==`object`&&t&&typeof t.then==`function`&&(e.count++,e=Jf.bind(e),t.then(e,e)),n.state.loading|=4,n.instance=a,k(a);return}a=t.ownerDocument||t,r=Mf(r),(i=mf.get(i))&&Rf(r,i),a=a.createElement(`link`),k(a);var o=a;o._p=new Promise(function(e,t){o.onload=e,o.onerror=t}),Pd(a,`link`,r),n.instance=a}e.stylesheets===null&&(e.stylesheets=new Map),e.stylesheets.set(n,t),(t=n.state.preload)&&!(n.state.loading&3)&&(e.count++,n=Jf.bind(e),t.addEventListener(`load`,n),t.addEventListener(`error`,n))}}var Kf=0;function qf(e,t){return e.stylesheets&&e.count===0&&Xf(e,e.stylesheets),0Kf?50:800)+t);return e.unsuspend=n,function(){e.unsuspend=null,clearTimeout(r),clearTimeout(i)}}:null}function Jf(){if(this.count--,this.count===0&&(this.imgCount===0||!this.waitingForImages)){if(this.stylesheets)Xf(this,this.stylesheets);else if(this.unsuspend){var e=this.unsuspend;this.unsuspend=null,e()}}}var Yf=null;function Xf(e,t){e.stylesheets=null,e.unsuspend!==null&&(e.count++,Yf=new Map,t.forEach(Zf,e),Yf=null,Jf.call(e))}function Zf(e,t){if(!(t.state.loading&4)){var n=Yf.get(e);if(n)var r=n.get(null);else{n=new Map,Yf.set(e,n);for(var i=e.querySelectorAll(`link[data-precedence],style[data-precedence]`),a=0;a{function n(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>`u`||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!=`function`))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(n)}catch(e){console.error(e)}}n(),t.exports=s()})),l=n(),u=c(),d=window.location.origin,f=d.replace(/^http/,`ws`)+`/ws`;async function p(e){let t=await fetch(`${d}${e}`);if(!t.ok)throw Error(`${e} => ${t.status}`);return t.json()}async function m(e,t){let n=await fetch(`${d}${e}`,{method:`POST`,headers:{"Content-Type":`application/json`},body:t==null?void 0:JSON.stringify(t)});if(!n.ok)throw Error(`${e} => ${n.status}`);return n.json()}async function h(e,t){let n=await fetch(`${d}${e}`,{method:`PUT`,headers:{"Content-Type":`application/json`},body:JSON.stringify(t)});if(!n.ok)throw Error(`${e} => ${n.status}`);return n.json()}async function g(e,t){let n=new FormData;n.append(`file`,t);let r=await fetch(`${d}${e}`,{method:`POST`,body:n});if(!r.ok)throw Error(`${e} => ${r.status}`);return r.json()}function _(){let[e,t]=(0,l.useState)(null),[n,r]=(0,l.useState)(!1),i=(0,l.useRef)(null),a=(0,l.useRef)(null);return(0,l.useEffect)(()=>{p(`/api/state`).then(e=>{t(e),r(!0)}).catch(()=>{r(!1)});let e;function n(){try{let a=new WebSocket(f);a.onmessage=e=>{try{let n=JSON.parse(e.data);(n.type===`connected`||n.type===`state`)&&(t(n.state),r(!0)),n.type===`preset_changed`&&n.state&&t(n.state),n.type===`bypass_changed`&&t(e=>e&&{...e,bypass:n.bypass}),n.type===`tuner_changed`&&t(e=>e&&{...e,tuner_enabled:n.tuner_enabled}),n.type===`routing_changed`&&t(e=>e&&{...e,routing_mode:n.routing_mode,routing_breakpoint:n.routing_breakpoint}),(n.type===`model_loaded`||n.type===`ir_loaded`)&&p(`/api/state`).then(e=>t(e))}catch{}},a.onclose=()=>{r(!1),e=setTimeout(n,3e3)},a.onerror=()=>a.close(),i.current=a}catch{e=setTimeout(n,3e3)}}return n(),a.current=setInterval(()=>{p(`/api/state`).then(e=>{t(e),r(!0)}).catch(()=>{})},5e3),()=>{a.current&&clearInterval(a.current),clearTimeout(e),i.current&&i.current.close()}},[]),{state:e,connected:n,refresh:(0,l.useCallback)(()=>{p(`/api/state`).then(e=>{t(e),r(!0)}).catch(()=>{})},[])}}async function v(){return p(`/api/presets`)}async function y(e,t){await m(`/api/presets/${e}/${t}/activate`)}var b=e((e=>{var t=Symbol.for(`react.transitional.element`),n=Symbol.for(`react.fragment`);function r(e,n,r){var i=null;if(r!==void 0&&(i=``+r),n.key!==void 0&&(i=``+n.key),`key`in n)for(var a in r={},n)a!==`key`&&(r[a]=n[a]);else r=n;return n=r.ref,{$$typeof:t,type:e,key:i,ref:n===void 0?null:n,props:r}}e.Fragment=n,e.jsx=r,e.jsxs=r})),x=e(((e,t)=>{t.exports=b()}))(),ee=(0,l.createContext)(null);function S(e,t){let n=[];for(let t=0;t<8;t++){let r=e[t];r?n.push({key:`stomp-${r.id}`,label:r.title.length>6?r.title.slice(0,6):r.title,sublabel:r.bypassed?`BYP`:`ON`,color:r.bypassed?`off`:`green`,active:!r.bypassed,bypassed:r.bypassed}):n.push({key:`stomp-empty-${t}`,label:`—`,sublabel:``,color:`off`,active:!1,bypassed:!1})}return n}function C(e,t,n){let r=[];r.push({key:`bank-down`,label:`BANK`,sublabel:t>0?`${n[t-1]||`−`}`:`—`,color:`blue`,active:t>0}),r.push({key:`bank-up`,label:`BANK`,sublabel:t6?r.name.slice(0,6):r.name||`Snap ${n+1}`,sublabel:r.active?`ACTIVE`:``,color:r.active?`amber`:`off`,active:r.active}):t.push({key:`snapshot-empty-${n}`,label:`Snap ${n+1}`,sublabel:``,color:`off`,active:!1})}return t}function ne(e,t,n,r){return[...S(e.slice(0,4),t).slice(0,4),{key:`bank-down`,label:`BANK`,sublabel:r>0?`▼`:`—`,color:`blue`,active:r>0},{key:`bank-up`,label:`BANK`,sublabel:r{try{let e=localStorage.getItem(`pedal-footswitch-bank`);return e===null?0:parseInt(e,10)}catch{return 0}}),[p,h]=(0,l.useState)(0),[g,_]=(0,l.useState)(!1);(0,l.useEffect)(()=>{try{localStorage.setItem(`pedal-footswitch-bank`,String(d))}catch{}},[d]);let v;switch(c){case`stomp`:v=S(i,t);break;case`preset`:v=C(t,d,a);break;case`snapshot`:v=te(o);break;case`combo`:v=ne(i,t,a,d);break;default:v=S(i,t)}let b=(0,l.useCallback)(e=>{switch(c){case`stomp`:{let t=i[e];t&&s&&s(t.id,!t.bypassed);break}case`preset`:if(e===0)f(e=>Math.max(0,e-1));else if(e===1)f(e=>Math.min(a.length-1,e+1));else{let t=e-2;n&&(y(d,t).then(()=>r()),h(t))}break;case`snapshot`:n&&m(`/api/snapshots/${e}/recall`).catch(()=>{});break;case`combo`:if(e<4){let t=i[e];t&&s&&s(t.id,!t.bypassed)}else e===4?f(e=>Math.max(0,e-1)):e===5?f(e=>Math.min(a.length-1,e+1)):e===6?u(`preset`):e===7&&n&&m(`/api/bypass`,{bypass:!t?.bypass}).catch(()=>{});break}},[c,i,s,n,d,a,t,r]),re=(0,l.useCallback)(e=>{switch(c){case`stomp`:e===7&&n&&m(`/api/tuner`,{enabled:!t?.tuner_enabled}).catch(()=>{});break;case`preset`:e===0?f(0):e===1&&f(a.length-1);break;case`snapshot`:n&&m(`/api/snapshots/${e}/save`).catch(()=>{});break;case`combo`:e===7&&n&&m(`/api/tuner`,{enabled:!t?.tuner_enabled}).catch(()=>{});break}},[c,t,n,a]),w=(0,l.useCallback)(e=>{f(e)},[]),ie=(0,l.useCallback)(e=>{h(e),n&&y(d,e).then(()=>r())},[n,d,r]),ae={mode:c,setMode:u,scribbleData:v,handleFootswitch:b,handleSecondary:re,currentBankIndex:d,currentPresetIndex:p,setBank:w,setPreset:ie,dirty:g};return(0,x.jsx)(ee.Provider,{value:ae,children:e})}function w(){let e=(0,l.useContext)(ee);if(!e)throw Error(`useFootswitchMode must be used within a FootswitchModeProvider`);return e}var ie={stomp:`Stomp`,preset:`Preset`,snapshot:`Snapshot`,combo:`Combo`,transport:`Transport`},ae={amber:`#E8A030`,green:`#3AB87A`,red:`#C84040`,blue:`#3A7BA8`,purple:`#9B59B6`,cyan:`#1ABC9C`,white:`#F0EDE6`,off:`#444458`};function oe({threshold:e=300,onSingleTap:t,onDoubleTap:n}){let r=(0,l.useRef)(0),i=(0,l.useRef)(null);return{handleTap:(0,l.useCallback)(()=>{let a=Date.now();a-r.current{t?.(),i.current=null},e))},[e,t,n])}}function se({data:e,onPress:t,onSecondary:n}){let{handleTap:r}=oe({onSingleTap:t,onDoubleTap:n}),i=ae[e.color??`off`],a=e.active??!1;return(0,x.jsxs)(`div`,{className:`scribble-strip`,"data-active":a,"data-bypassed":e.bypassed??!1,onClick:r,style:{"--scribble-color":i},children:[(0,x.jsx)(`div`,{className:`scribble-led`,style:{background:i,boxShadow:a?`0 0 6px ${i}`:`none`,opacity:a?1:.25}}),(0,x.jsxs)(`div`,{className:`scribble-label-wrap`,children:[(0,x.jsx)(`span`,{className:`scribble-label`,children:e.label||`—`}),e.sublabel&&(0,x.jsx)(`span`,{className:`scribble-sublabel`,children:e.sublabel})]}),e.icon&&(0,x.jsx)(`span`,{className:`scribble-icon`,children:e.icon})]})}function ce(){let{scribbleData:e,handleFootswitch:t,handleSecondary:n}=w();return(0,x.jsx)(`div`,{className:`footswitch-bar`,children:e.map((e,r)=>(0,x.jsxs)(`div`,{className:`footswitch-slot`,children:[(0,x.jsx)(se,{data:e,onPress:()=>t(r),onSecondary:()=>n(r)}),(0,x.jsxs)(`div`,{className:`footswitch-btn ${e.active?`footswitch-btn-active`:``} ${e.bypassed?`footswitch-btn-bypassed`:``}`,onClick:()=>t(r),onContextMenu:e=>{e.preventDefault(),n(r)},style:{"--fs-color":e.color},children:[(0,x.jsx)(`div`,{className:`footswitch-ring`}),(0,x.jsx)(`div`,{className:`footswitch-cap`})]})]},e.key))})}var le=[`stomp`,`preset`,`snapshot`,`combo`],ue={stomp:`◉`,preset:`☆`,snapshot:`◆`,combo:`◈`,transport:`▶`};function T({collapsed:e=!1}){let{mode:t,setMode:n}=w();if(e){let e=(le.indexOf(t)+1)%le.length;return(0,x.jsxs)(`div`,{className:`mode-selector mode-selector-collapsed`,onClick:()=>n(le[e]),title:`Mode: ${ie[t]} — tap to switch`,children:[(0,x.jsx)(`span`,{className:`mode-icon`,children:ue[t]}),(0,x.jsx)(`span`,{className:`mode-label`,children:ie[t]})]})}return(0,x.jsx)(`div`,{className:`mode-selector`,children:le.map(e=>(0,x.jsxs)(`button`,{className:`mode-btn ${t===e?`mode-btn-active`:``}`,onClick:()=>n(e),title:ie[e],children:[(0,x.jsx)(`span`,{className:`mode-btn-icon`,children:ue[e]}),(0,x.jsx)(`span`,{className:`mode-btn-label`,children:ie[e]})]},e))})}var E={bg:`#0A0A0C`,panel:`#141418`,surface:`#1C1C22`,border:`#2A2A32`,amber:`#E8A030`,blue:`#3A7BA8`,blueDim:`#1E4060`,amberDim:`#7A5218`,green:`#3AB87A`,red:`#C84040`,text:`#F0EDE6`,textSec:`#8888A0`,textDim:`#444458`};function de({level:e=0,height:t=60}){let n=Math.round(e/100*12),r=e=>e>=10?E.red:e>=8?`#E8C030`:E.green;return(0,x.jsx)(`div`,{style:{display:`flex`,flexDirection:`column-reverse`,gap:2,height:t,alignItems:`center`},children:Array.from({length:12}).map((e,i)=>(0,x.jsx)(`div`,{style:{width:6,height:(t-24)/12,borderRadius:1,background:i{e?.master_volume!=null&&r(Math.round(e.master_volume*100))},[e?.master_volume]),(0,l.useEffect)(()=>{e?.bypass!==void 0&&a(null),e?.tuner_enabled!==void 0&&s(null)},[e?.bypass,e?.tuner_enabled]);let d=async e=>{r(e);try{await h(`/api/volume`,{volume:e/100})}catch{}},f=async()=>{let e=!c;a(e);try{await m(`/api/bypass`,{bypass:e})}catch{a(null)}},p=async()=>{let e=!u;s(e);try{await m(`/api/tuner`,{enabled:e})}catch{s(null)}},g=e?.input_level??0,_=e?.output_level??0;return(0,x.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,height:`100%`},children:[(0,x.jsxs)(`div`,{className:`screen-header`,children:[(0,x.jsxs)(`div`,{children:[(0,x.jsx)(`div`,{style:{fontSize:13,fontWeight:600,letterSpacing:`0.06em`,textTransform:`uppercase`,color:E.textSec},children:`Active Rig`}),(0,x.jsxs)(`div`,{style:{display:`flex`,gap:6,marginTop:4,flexWrap:`wrap`,alignItems:`center`},children:[e?.current_preset?(0,x.jsx)(`span`,{style:{fontFamily:`'JetBrains Mono', monospace`,fontSize:11,color:E.amber,border:`1px solid ${E.amber}55`,background:`${E.amber}15`,padding:`3px 8px`,borderRadius:5},children:e.current_preset.name}):(0,x.jsx)(`span`,{style:{fontSize:11,color:E.textDim},children:`No preset loaded`}),t?(0,x.jsx)(`span`,{className:`pedal-badge pedal-badge-green`,children:`Connected`}):(0,x.jsx)(`span`,{className:`pedal-badge pedal-badge-red`,children:`Offline`})]})]}),(0,x.jsxs)(`div`,{style:{display:`flex`,gap:6,alignItems:`center`},children:[(0,x.jsx)(de,{level:g,height:44}),(0,x.jsx)(de,{level:_,height:44})]})]}),(0,x.jsxs)(`div`,{style:{flex:1,overflowY:`auto`,padding:12,display:`flex`,flexDirection:`column`,gap:12},children:[(0,x.jsxs)(`div`,{style:{background:E.surface,border:`1px solid ${E.border}`,borderRadius:8,padding:12,display:`flex`,gap:10,justifyContent:`space-around`},children:[(0,x.jsxs)(`div`,{style:{textAlign:`center`},children:[(0,x.jsx)(`div`,{className:`section-label`,children:`Bypass`}),(0,x.jsx)(`div`,{className:`switch ${c?`on`:``}`,onClick:f,style:{margin:`0 auto`}})]}),(0,x.jsxs)(`div`,{style:{textAlign:`center`},children:[(0,x.jsx)(`div`,{className:`section-label`,children:`Tuner`}),(0,x.jsx)(`div`,{className:`switch ${u?`on`:``}`,onClick:p,style:{margin:`0 auto`}})]}),(0,x.jsxs)(`div`,{style:{textAlign:`center`},children:[(0,x.jsx)(`div`,{className:`section-label`,children:`Routing`}),(0,x.jsx)(`span`,{style:{fontFamily:`'JetBrains Mono', monospace`,fontSize:12,color:E.amber},children:e?.routing_mode||`mono`})]})]}),u&&(0,x.jsxs)(`div`,{style:{background:`${E.amber}15`,border:`1px solid ${E.amber}`,borderRadius:8,textAlign:`center`,padding:`20px 16px`},children:[(0,x.jsx)(`div`,{style:{fontSize:32,marginBottom:8},children:`🎵`}),(0,x.jsx)(`div`,{className:`section-label`,style:{color:E.amber,marginBottom:4,fontSize:14},children:`TUNER ACTIVE`}),(0,x.jsx)(`div`,{style:{fontFamily:`'JetBrains Mono', monospace`,fontSize:24,color:E.amber,letterSpacing:4},children:`—————●—————`}),(0,x.jsx)(`div`,{style:{fontSize:11,color:E.textDim,marginTop:8},children:`Tap switch again to exit tuner mode`})]}),(0,x.jsxs)(`div`,{style:{background:E.panel,border:`1px solid ${E.border}`,borderRadius:10,padding:16,display:`flex`,gap:20,alignItems:`center`},children:[(0,x.jsxs)(`div`,{style:{flex:1},children:[(0,x.jsx)(`div`,{className:`section-label`,children:`Master Volume`}),(0,x.jsx)(`input`,{type:`range`,min:0,max:100,value:n,onChange:e=>d(+e.target.value),style:{width:`100%`,accentColor:E.amber}}),(0,x.jsxs)(`div`,{style:{fontFamily:`'JetBrains Mono', monospace`,fontSize:11,color:E.amber,marginTop:4},children:[n,`%`]})]}),(0,x.jsxs)(`div`,{style:{fontFamily:`'JetBrains Mono', monospace`,fontSize:11,color:E.textSec,textAlign:`right`},children:[e?.nam_loaded?`NAM: Active`:`NAM: —`,(0,x.jsx)(`br`,{}),e?.ir_loaded?`IR: Active`:`IR: —`]})]}),(0,x.jsxs)(`div`,{style:{background:E.surface,border:`1px solid ${E.border}`,borderRadius:8,padding:12},children:[(0,x.jsx)(`div`,{className:`section-label`,children:`Signal Chain`}),(0,x.jsx)(`div`,{style:{display:`flex`,alignItems:`center`,gap:4,overflowX:`auto`,padding:`4px 0`},children:[`IN`,e?.bypass?`BYP`:e?.nam_loaded?`NAM`:`AMP`,e?.ir_loaded?`IR`:`CAB`,`OUT`].map((e,t,n)=>(0,x.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:4,flexShrink:0},children:[(0,x.jsx)(`div`,{style:{padding:`3px 8px`,borderRadius:4,fontSize:10,fontWeight:700,background:t===0||t===n.length-1?E.blueDim:E.amberDim,color:t===0||t===n.length-1?E.blue:E.amber,border:`1px solid ${t===0||t===n.length-1?E.blue:E.amber}60`},children:e}),ta(e=>!e),children:[(0,x.jsx)(`div`,{style:{width:8,height:8,borderRadius:`50%`,background:r?E.textDim:E.green,boxShadow:r?`none`:`0 0 8px ${E.green}`}}),(0,x.jsx)(`span`,{style:{flex:1,fontSize:13,fontWeight:600},children:e}),(0,x.jsx)(`span`,{className:`pedal-badge pedal-badge-blue`,style:{fontSize:10,padding:`2px 7px`},children:t}),(0,x.jsx)(`span`,{style:{color:E.textDim,fontSize:18,marginLeft:6},children:i?`▾`:`▸`})]})})}function D({state:e,connected:t}){let[n,r]=(0,l.useState)([]),[i,a]=(0,l.useState)(!0);return(0,l.useEffect)(()=>{if(!t||!e?.current_preset){r([]),a(!1);return}v().then(t=>{let n=t.banks||[],i=e.current_preset,o=i?n[i.bank]?.presets?.[i.program]:null;o?.chain&&r(o.chain.map((e,t)=>({id:t+1,title:fe[e.fx_type]||e.fx_type,type:e.fx_type,bypassed:e.bypassed??!1}))),a(!1)}).catch(()=>{r([]),a(!1)})},[t,e]),i?(0,x.jsx)(`div`,{style:{flex:1,display:`flex`,alignItems:`center`,justifyContent:`center`},children:(0,x.jsx)(`div`,{className:`loader`})}):(0,x.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,height:`100%`},children:[(0,x.jsx)(`div`,{className:`screen-header`,children:(0,x.jsxs)(`div`,{style:{fontSize:13,fontWeight:600,letterSpacing:`0.06em`,textTransform:`uppercase`,color:E.textSec},children:[`FX Chain `,n.length>0?`(${n.length})`:``]})}),(0,x.jsx)(`div`,{style:{flex:1,overflowY:`auto`,padding:12,display:`flex`,flexDirection:`column`,gap:12},children:n.length===0?(0,x.jsx)(`div`,{style:{textAlign:`center`,padding:30,color:E.textDim,fontSize:14},children:`No FX blocks in the chain.`}):n.map(e=>(0,x.jsx)(me,{...e,active:!e.bypassed},e.id))})]})}function O({connected:e,refresh:t}){let[n,r]=(0,l.useState)([]),[i,a]=(0,l.useState)(null),[o,s]=(0,l.useState)(!0),[c,u]=(0,l.useState)(null),d=(0,l.useCallback)(async()=>{if(!e){s(!1);return}try{let e=await p(`/api/models`);r(e.models||[]),a(e.current??null)}catch{}s(!1)},[e]);(0,l.useEffect)(()=>{d()},[d]);let f=async e=>{if(e)try{await m(`/api/models/load`,{path:e}),await d(),t()}catch{alert(`Failed to load model`)}};return o?(0,x.jsx)(`div`,{style:{flex:1,display:`flex`,alignItems:`center`,justifyContent:`center`},children:(0,x.jsx)(`div`,{className:`loader`})}):(0,x.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,height:`100%`},children:[(0,x.jsxs)(`div`,{className:`screen-header`,children:[(0,x.jsxs)(`div`,{style:{fontSize:13,fontWeight:600,letterSpacing:`0.06em`,textTransform:`uppercase`,color:E.textSec},children:[`NAM Models (`,n.length,`)`]}),(0,x.jsx)(`button`,{className:`btn btn-primary btn-sm`,onClick:()=>c?.click(),children:`+ Upload`}),(0,x.jsx)(`input`,{ref:e=>u(e),type:`file`,accept:`.nam`,style:{display:`none`},onChange:async e=>{let t=e.target.files?.[0];if(t)try{await g(`/api/models/upload`,t),await d()}catch{alert(`Upload failed`)}}})]}),(0,x.jsxs)(`div`,{style:{flex:1,overflowY:`auto`,padding:12,display:`flex`,flexDirection:`column`,gap:8},children:[i&&(0,x.jsxs)(`div`,{style:{background:E.surface,border:`1px solid ${E.border}`,borderRadius:8,padding:12},children:[(0,x.jsx)(`div`,{className:`section-label`,children:`Loaded Model`}),(0,x.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:8},children:[(0,x.jsx)(`span`,{style:{fontFamily:`'JetBrains Mono', monospace`,fontSize:11,color:E.blue,border:`1px solid ${E.blue}55`,background:`${E.blue}15`,padding:`3px 8px`,borderRadius:5},children:i}),(0,x.jsx)(`button`,{className:`btn btn-danger btn-sm`,onClick:async()=>{try{await m(`/api/models/unload`),a(null),await d(),t()}catch{alert(`Failed to unload`)}},children:`Unload`})]})]}),n.length===0?(0,x.jsx)(`div`,{style:{textAlign:`center`,padding:30,color:E.textDim,fontSize:14},children:`No NAM models found.`}):n.map(e=>(0,x.jsxs)(`div`,{className:`preset-row`,style:{border:e.loaded?`1px solid ${E.amber}40`:`1px solid transparent`,background:e.loaded?`${E.amber}08`:`transparent`},onClick:()=>!e.loaded&&f(e.path),children:[(0,x.jsxs)(`div`,{style:{flex:1},children:[(0,x.jsx)(`div`,{style:{fontSize:13,fontWeight:500},children:e.name}),(0,x.jsxs)(`div`,{style:{fontSize:10,color:E.textDim},children:[e.architecture,` · `,e.size_mb,` MB`]})]}),e.loaded?(0,x.jsx)(`span`,{className:`pedal-badge pedal-badge-green`,children:`Loaded`}):(0,x.jsx)(`button`,{className:`btn btn-ghost btn-sm`,children:`Load`})]},e.name))]})]})}function he({connected:e,refresh:t}){let[n,r]=(0,l.useState)([]),[i,a]=(0,l.useState)(null),[o,s]=(0,l.useState)(!0),[c,u]=(0,l.useState)(null),d=(0,l.useCallback)(async()=>{if(!e){s(!1);return}try{let e=await p(`/api/irs`);r(e.irs||[]),a(e.current??null)}catch{}s(!1)},[e]);(0,l.useEffect)(()=>{d()},[d]);let f=async e=>{if(e)try{await m(`/api/irs/load`,{path:e}),await d(),t()}catch{alert(`Failed to load IR`)}};return o?(0,x.jsx)(`div`,{style:{flex:1,display:`flex`,alignItems:`center`,justifyContent:`center`},children:(0,x.jsx)(`div`,{className:`loader`})}):(0,x.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,height:`100%`},children:[(0,x.jsxs)(`div`,{className:`screen-header`,children:[(0,x.jsxs)(`div`,{style:{fontSize:13,fontWeight:600,letterSpacing:`0.06em`,textTransform:`uppercase`,color:E.textSec},children:[`IR Files (`,n.length,`)`]}),(0,x.jsx)(`button`,{className:`btn btn-primary btn-sm`,onClick:()=>c?.click(),children:`+ Upload`}),(0,x.jsx)(`input`,{ref:e=>u(e),type:`file`,accept:`.wav`,style:{display:`none`},onChange:async e=>{let t=e.target.files?.[0];if(t)try{await g(`/api/irs/upload`,t),await d()}catch{alert(`Upload failed`)}}})]}),(0,x.jsxs)(`div`,{style:{flex:1,overflowY:`auto`,padding:12,display:`flex`,flexDirection:`column`,gap:8},children:[i&&(0,x.jsxs)(`div`,{style:{background:E.surface,border:`1px solid ${E.border}`,borderRadius:8,padding:12},children:[(0,x.jsx)(`div`,{className:`section-label`,children:`Loaded IR`}),(0,x.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:8},children:[(0,x.jsx)(`span`,{style:{fontFamily:`'JetBrains Mono', monospace`,fontSize:11,color:E.green,border:`1px solid ${E.green}55`,background:`${E.green}15`,padding:`3px 8px`,borderRadius:5},children:i}),(0,x.jsx)(`button`,{className:`btn btn-danger btn-sm`,onClick:async()=>{try{await m(`/api/irs/unload`),a(null),await d(),t()}catch{alert(`Failed to unload`)}},children:`Unload`})]})]}),n.length===0?(0,x.jsx)(`div`,{style:{textAlign:`center`,padding:30,color:E.textDim,fontSize:14},children:`No IR files found.`}):n.map(e=>(0,x.jsxs)(`div`,{className:`preset-row`,style:{border:e.loaded?`1px solid ${E.amber}40`:`1px solid transparent`,background:e.loaded?`${E.amber}08`:`transparent`},onClick:()=>!e.loaded&&f(e.path),children:[(0,x.jsxs)(`div`,{style:{flex:1},children:[(0,x.jsx)(`div`,{style:{fontSize:13,fontWeight:500},children:e.name}),(0,x.jsxs)(`div`,{style:{fontSize:10,color:E.textDim},children:[e.sample_rate,` Hz · `,e.length_ms,` ms`]})]}),e.loaded?(0,x.jsx)(`span`,{className:`pedal-badge pedal-badge-green`,children:`Loaded`}):(0,x.jsx)(`button`,{className:`btn btn-ghost btn-sm`,children:`Load`})]},e.name))]})]})}function ge({state:e,connected:t,refresh:n}){let[r,i]=(0,l.useState)([]),[a,o]=(0,l.useState)(0),[s,c]=(0,l.useState)(!0),u=(0,l.useCallback)(async()=>{if(!t){i([{name:`Default`,number:0,presets:[{name:`Edge of Breakup`,bank:0,program:0},{name:`Modern High Gain`,bank:0,program:1},null,null]}]),c(!1);return}try{i((await v()).banks||[])}catch{}c(!1)},[t]);(0,l.useEffect)(()=>{u()},[u]);let d=async(e,t)=>{try{await m(`/api/presets/${e}/${t}/activate`),await u(),n()}catch{alert(`Failed to load preset`)}};if(s)return(0,x.jsx)(`div`,{style:{flex:1,display:`flex`,alignItems:`center`,justifyContent:`center`},children:(0,x.jsx)(`div`,{className:`loader`})});let f=e?.current_preset,p=r[a]?.presets||[];return(0,x.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,height:`100%`},children:[(0,x.jsx)(`div`,{className:`screen-header`,children:(0,x.jsx)(`div`,{style:{fontSize:13,fontWeight:600,letterSpacing:`0.06em`,textTransform:`uppercase`,color:E.textSec},children:`Presets`})}),(0,x.jsxs)(`div`,{style:{flex:1,overflowY:`auto`,padding:12,display:`flex`,flexDirection:`column`,gap:8},children:[r.length>1&&(0,x.jsx)(`div`,{style:{display:`flex`,background:E.surface,borderRadius:6,border:`1px solid ${E.border}`,overflow:`hidden`},children:r.map((e,t)=>(0,x.jsx)(`button`,{style:{flex:1,padding:`7px 12px`,fontSize:12,fontWeight:500,letterSpacing:`0.04em`,background:a===t?E.amber:`none`,border:`none`,color:a===t?`#000`:E.textSec,cursor:`pointer`,transition:`all 0.15s`},onClick:()=>o(t),children:e.name},e.number))}),f&&(0,x.jsx)(`div`,{style:{background:E.surface,border:`1px solid ${E.border}`,borderRadius:8,padding:12,display:`flex`,alignItems:`center`,gap:8},children:(0,x.jsxs)(`div`,{style:{flex:1},children:[(0,x.jsx)(`div`,{style:{fontSize:11,color:E.textDim},children:`Current`}),(0,x.jsxs)(`div`,{style:{fontSize:14,fontWeight:600,color:E.amber},children:[f.name,(0,x.jsxs)(`span`,{style:{fontFamily:`'JetBrains Mono', monospace`,fontSize:10,color:E.textDim,marginLeft:8},children:[`Bank `,f.bank,` · Prog `,f.program]})]})]})}),p.length===0?(0,x.jsx)(`div`,{style:{textAlign:`center`,padding:30,color:E.textDim,fontSize:14},children:`No presets in this bank.`}):p.map((e,t)=>{if(!e)return null;let n=f?.bank===e.bank&&f?.program===e.program;return(0,x.jsxs)(`div`,{className:`preset-row`,style:{border:n?`1px solid ${E.amber}40`:`1px solid transparent`,background:n?`${E.amber}08`:`transparent`},onClick:()=>d(e.bank,e.program),children:[(0,x.jsx)(`div`,{style:{width:28,height:28,borderRadius:6,display:`flex`,alignItems:`center`,justifyContent:`center`,fontSize:12,fontWeight:700,background:n?`${E.amber}22`:E.surface,color:n?E.amber:E.textDim,border:`1px solid ${n?`${E.amber}60`:E.border}`,fontFamily:`'JetBrains Mono', monospace`},children:e.program+1}),(0,x.jsxs)(`div`,{style:{flex:1},children:[(0,x.jsx)(`div`,{style:{fontSize:13,fontWeight:600},children:e.name}),(0,x.jsxs)(`div`,{style:{fontSize:10,color:E.textDim},children:[`Bank `,e.bank,` · Program `,e.program]})]}),n&&(0,x.jsx)(`span`,{style:{color:E.amber,fontSize:16},children:`●`})]},t)})]})]})}function _e({state:e}){return(0,x.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,height:`100%`},children:[(0,x.jsx)(`div`,{className:`screen-header`,children:(0,x.jsx)(`div`,{style:{fontSize:13,fontWeight:600,letterSpacing:`0.06em`,textTransform:`uppercase`,color:E.textSec},children:`Settings`})}),(0,x.jsx)(`div`,{style:{flex:1,overflowY:`auto`,padding:12,display:`flex`,flexDirection:`column`,gap:8},children:(0,x.jsxs)(`div`,{style:{background:E.surface,border:`1px solid ${E.border}`,borderRadius:8,padding:12},children:[(0,x.jsx)(`div`,{className:`section-label`,children:`System`}),e?.cpu_percent!=null&&(0,x.jsxs)(`div`,{className:`setting-row`,children:[(0,x.jsx)(`span`,{style:{fontSize:13},children:`CPU`}),(0,x.jsxs)(`span`,{style:{fontFamily:`'JetBrains Mono', monospace`,fontSize:11,color:E.amber},children:[e.cpu_percent,`%`]})]}),e?.sample_rate&&(0,x.jsxs)(`div`,{className:`setting-row`,children:[(0,x.jsx)(`span`,{style:{fontSize:13},children:`Sample Rate`}),(0,x.jsxs)(`span`,{style:{fontFamily:`'JetBrains Mono', monospace`,fontSize:11,color:E.amber},children:[e.sample_rate/1e3,`kHz`]})]}),(0,x.jsxs)(`div`,{className:`setting-row`,style:{border:`none`},children:[(0,x.jsx)(`span`,{style:{fontSize:13},children:`Connection`}),(0,x.jsx)(`span`,{className:`pedal-badge pedal-badge-green`,children:`Live`})]})]})})]})}var ve=[{id:`rig`,label:`Rig`,icon:`🎛`},{id:`fx`,label:`FX`,icon:`⛓`},{id:`models`,label:`Models`,icon:`📁`},{id:`irs`,label:`IRs`,icon:`🎚`},{id:`presets`,label:`Presets`,icon:`⭐`},{id:`settings`,label:`Settings`,icon:`⚙`}];function ye(){let[e,t]=(0,l.useState)(`rig`),{state:n,connected:r,refresh:i}=_(),[a,o]=(0,l.useState)([]),[s,c]=(0,l.useState)([`Default`]);(0,l.useEffect)(()=>{r&&n?.current_preset&&v().then(e=>{let t=(e.banks||[]).map(e=>e.name);t.length>0&&c(t);let r=n.current_preset;if(!r)return;let i=(e.banks?.[r.bank])?.presets?.[r.program];i?.chain&&o(i.chain.map((e,t)=>({id:t+1,fx_type:e.fx_type,title:fe[e.fx_type]||e.fx_type,bypassed:e.bypassed??!1})))}).catch(()=>{})},[r,n?.current_preset]);let u=(0,l.useCallback)(async(e,t)=>{if(o(n=>n.map(n=>n.id===e?{...n,bypassed:t}:n)),r)try{await m(`/api/blocks/toggle`,{block_id:e,bypass:t})}catch{}},[r]),[d]=(0,l.useState)(Array.from({length:8},(e,t)=>({name:`Snap ${t+1}`,active:!1})));return(0,x.jsx)(re,{state:n,connected:r,refresh:i,blocks:a,bankNames:s,snapshots:d,onToggleBlock:u,children:(0,x.jsxs)(`div`,{className:`pedal-shell`,children:[(0,x.jsxs)(`div`,{className:`pedal-statusbar`,children:[(0,x.jsxs)(`div`,{className:`pedal-statusbar-left`,children:[(0,x.jsx)(`div`,{className:`pedal-led-dot`,style:{background:r?E.green:E.red,boxShadow:r?`0 0 6px ${E.green}`:`none`}}),(0,x.jsx)(`span`,{className:`pedal-brand`,children:`PI MULTI-FX`}),n?.tuner_enabled&&(0,x.jsx)(`span`,{className:`pedal-badge pedal-badge-amber`,children:`TUNER`})]}),(0,x.jsx)(`div`,{className:`pedal-statusbar-mid`,children:(0,x.jsx)(T,{collapsed:!0})}),(0,x.jsxs)(`div`,{className:`pedal-statusbar-right`,children:[n?.cpu_percent!=null&&(0,x.jsxs)(`span`,{className:`pedal-brand`,style:{color:E.textDim},children:[`CPU `,n.cpu_percent,`%`]}),n?.sample_rate&&(0,x.jsxs)(`span`,{className:`pedal-brand`,style:{color:E.textDim},children:[n.sample_rate/1e3,`kHz`]}),n?.bypass&&(0,x.jsx)(`span`,{className:`pedal-badge pedal-badge-red`,children:`BYP`}),n?.nam_loaded&&(0,x.jsx)(`span`,{className:`pedal-badge pedal-badge-blue`,children:`NAM`}),n?.ir_loaded&&(0,x.jsx)(`span`,{className:`pedal-badge pedal-badge-green`,children:`IR`})]})]}),(0,x.jsxs)(`div`,{className:`pedal-screen`,children:[e===`rig`&&(0,x.jsx)(pe,{state:n,connected:r}),e===`fx`&&(0,x.jsx)(D,{state:n,connected:r}),e===`models`&&(0,x.jsx)(O,{connected:r,refresh:i}),e===`irs`&&(0,x.jsx)(he,{connected:r,refresh:i}),e===`presets`&&(0,x.jsx)(ge,{state:n,connected:r,refresh:i}),e===`settings`&&(0,x.jsx)(_e,{state:n})]}),(0,x.jsx)(ce,{}),(0,x.jsx)(`div`,{className:`pedal-tabbar`,children:ve.map(n=>(0,x.jsxs)(`div`,{className:`pedal-tab ${e===n.id?`pedal-tab-active`:``}`,onClick:()=>t(n.id),children:[(0,x.jsx)(`span`,{className:`pedal-tab-icon`,children:n.icon}),n.label]},n.id))})]})})}function be(){return(0,l.useEffect)(()=>{document.title=`Pi Multi-FX Pedal`},[]),(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(`style`,{children:` +`).replace(Ad,``)}function Md(e,t){return t=jd(t),jd(e)===t}function $(e,t,n,r,i,a){switch(n){case`children`:typeof r==`string`?t===`body`||t===`textarea`&&r===``||en(e,r):(typeof r==`number`||typeof r==`bigint`)&&t!==`body`&&en(e,``+r);break;case`className`:Rt(e,`class`,r);break;case`tabIndex`:Rt(e,`tabindex`,r);break;case`dir`:case`role`:case`viewBox`:case`width`:case`height`:Rt(e,n,r);break;case`style`:rn(e,r,a);break;case`data`:if(t!==`object`){Rt(e,`data`,r);break}case`src`:case`href`:if(r===``&&(t!==`a`||n!==`href`)){e.removeAttribute(n);break}if(r==null||typeof r==`function`||typeof r==`symbol`||typeof r==`boolean`){e.removeAttribute(n);break}r=cn(``+r),e.setAttribute(n,r);break;case`action`:case`formAction`:if(typeof r==`function`){e.setAttribute(n,`javascript:throw new Error('A React form was unexpectedly submitted. If you called form.submit() manually, consider using form.requestSubmit() instead. If you\\'re trying to use event.stopPropagation() in a submit event handler, consider also calling event.preventDefault().')`);break}else typeof a==`function`&&(n===`formAction`?(t!==`input`&&$(e,t,`name`,i.name,i,null),$(e,t,`formEncType`,i.formEncType,i,null),$(e,t,`formMethod`,i.formMethod,i,null),$(e,t,`formTarget`,i.formTarget,i,null)):($(e,t,`encType`,i.encType,i,null),$(e,t,`method`,i.method,i,null),$(e,t,`target`,i.target,i,null)));if(r==null||typeof r==`symbol`||typeof r==`boolean`){e.removeAttribute(n);break}r=cn(``+r),e.setAttribute(n,r);break;case`onClick`:r!=null&&(e.onclick=ln);break;case`onScroll`:r!=null&&Q(`scroll`,e);break;case`onScrollEnd`:r!=null&&Q(`scrollend`,e);break;case`dangerouslySetInnerHTML`:if(r!=null){if(typeof r!=`object`||!(`__html`in r))throw Error(s(61));if(n=r.__html,n!=null){if(i.children!=null)throw Error(s(60));e.innerHTML=n}}break;case`multiple`:e.multiple=r&&typeof r!=`function`&&typeof r!=`symbol`;break;case`muted`:e.muted=r&&typeof r!=`function`&&typeof r!=`symbol`;break;case`suppressContentEditableWarning`:case`suppressHydrationWarning`:case`defaultValue`:case`defaultChecked`:case`innerHTML`:case`ref`:break;case`autoFocus`:break;case`xlinkHref`:if(r==null||typeof r==`function`||typeof r==`boolean`||typeof r==`symbol`){e.removeAttribute(`xlink:href`);break}n=cn(``+r),e.setAttributeNS(`http://www.w3.org/1999/xlink`,`xlink:href`,n);break;case`contentEditable`:case`spellCheck`:case`draggable`:case`value`:case`autoReverse`:case`externalResourcesRequired`:case`focusable`:case`preserveAlpha`:r!=null&&typeof r!=`function`&&typeof r!=`symbol`?e.setAttribute(n,``+r):e.removeAttribute(n);break;case`inert`:case`allowFullScreen`:case`async`:case`autoPlay`:case`controls`:case`default`:case`defer`:case`disabled`:case`disablePictureInPicture`:case`disableRemotePlayback`:case`formNoValidate`:case`hidden`:case`loop`:case`noModule`:case`noValidate`:case`open`:case`playsInline`:case`readOnly`:case`required`:case`reversed`:case`scoped`:case`seamless`:case`itemScope`:r&&typeof r!=`function`&&typeof r!=`symbol`?e.setAttribute(n,``):e.removeAttribute(n);break;case`capture`:case`download`:!0===r?e.setAttribute(n,``):!1!==r&&r!=null&&typeof r!=`function`&&typeof r!=`symbol`?e.setAttribute(n,r):e.removeAttribute(n);break;case`cols`:case`rows`:case`size`:case`span`:r!=null&&typeof r!=`function`&&typeof r!=`symbol`&&!isNaN(r)&&1<=r?e.setAttribute(n,r):e.removeAttribute(n);break;case`rowSpan`:case`start`:r==null||typeof r==`function`||typeof r==`symbol`||isNaN(r)?e.removeAttribute(n):e.setAttribute(n,r);break;case`popover`:Q(`beforetoggle`,e),Q(`toggle`,e),Lt(e,`popover`,r);break;case`xlinkActuate`:zt(e,`http://www.w3.org/1999/xlink`,`xlink:actuate`,r);break;case`xlinkArcrole`:zt(e,`http://www.w3.org/1999/xlink`,`xlink:arcrole`,r);break;case`xlinkRole`:zt(e,`http://www.w3.org/1999/xlink`,`xlink:role`,r);break;case`xlinkShow`:zt(e,`http://www.w3.org/1999/xlink`,`xlink:show`,r);break;case`xlinkTitle`:zt(e,`http://www.w3.org/1999/xlink`,`xlink:title`,r);break;case`xlinkType`:zt(e,`http://www.w3.org/1999/xlink`,`xlink:type`,r);break;case`xmlBase`:zt(e,`http://www.w3.org/XML/1998/namespace`,`xml:base`,r);break;case`xmlLang`:zt(e,`http://www.w3.org/XML/1998/namespace`,`xml:lang`,r);break;case`xmlSpace`:zt(e,`http://www.w3.org/XML/1998/namespace`,`xml:space`,r);break;case`is`:Lt(e,`is`,r);break;case`innerText`:case`textContent`:break;default:(!(2s)break;var u=c.transferSize,d=c.initiatorType;u&&Id(d)&&(c=c.responseEnd,o+=u*(c`u`?null:document;function xf(e,t,n){var r=bf;if(r&&typeof t==`string`&&t){var i=qt(t);i=`link[rel="`+e+`"][href="`+i+`"]`,typeof n==`string`&&(i+=`[crossorigin="`+n+`"]`),hf.has(i)||(hf.add(i),e={rel:e,crossOrigin:n,href:t},r.querySelector(i)===null&&(t=r.createElement(`link`),Pd(t,`link`,e),k(t),r.head.appendChild(t)))}}function Sf(e){_f.D(e),xf(`dns-prefetch`,e,null)}function Cf(e,t){_f.C(e,t),xf(`preconnect`,e,t)}function wf(e,t,n){_f.L(e,t,n);var r=bf;if(r&&e&&t){var i=`link[rel="preload"][as="`+qt(t)+`"]`;t===`image`&&n&&n.imageSrcSet?(i+=`[imagesrcset="`+qt(n.imageSrcSet)+`"]`,typeof n.imageSizes==`string`&&(i+=`[imagesizes="`+qt(n.imageSizes)+`"]`)):i+=`[href="`+qt(e)+`"]`;var a=i;switch(t){case`style`:a=Af(e);break;case`script`:a=Pf(e)}mf.has(a)||(e=h({rel:`preload`,href:t===`image`&&n&&n.imageSrcSet?void 0:e,as:t},n),mf.set(a,e),r.querySelector(i)!==null||t===`style`&&r.querySelector(jf(a))||t===`script`&&r.querySelector(Ff(a))||(t=r.createElement(`link`),Pd(t,`link`,e),k(t),r.head.appendChild(t)))}}function Tf(e,t){_f.m(e,t);var n=bf;if(n&&e){var r=t&&typeof t.as==`string`?t.as:`script`,i=`link[rel="modulepreload"][as="`+qt(r)+`"][href="`+qt(e)+`"]`,a=i;switch(r){case`audioworklet`:case`paintworklet`:case`serviceworker`:case`sharedworker`:case`worker`:case`script`:a=Pf(e)}if(!mf.has(a)&&(e=h({rel:`modulepreload`,href:e},t),mf.set(a,e),n.querySelector(i)===null)){switch(r){case`audioworklet`:case`paintworklet`:case`serviceworker`:case`sharedworker`:case`worker`:case`script`:if(n.querySelector(Ff(a)))return}r=n.createElement(`link`),Pd(r,`link`,e),k(r),n.head.appendChild(r)}}}function Ef(e,t,n){_f.S(e,t,n);var r=bf;if(r&&e){var i=Ot(r).hoistableStyles,a=Af(e);t||=`default`;var o=i.get(a);if(!o){var s={loading:0,preload:null};if(o=r.querySelector(jf(a)))s.loading=5;else{e=h({rel:`stylesheet`,href:e,"data-precedence":t},n),(n=mf.get(a))&&Rf(e,n);var c=o=r.createElement(`link`);k(c),Pd(c,`link`,e),c._p=new Promise(function(e,t){c.onload=e,c.onerror=t}),c.addEventListener(`load`,function(){s.loading|=1}),c.addEventListener(`error`,function(){s.loading|=2}),s.loading|=4,Lf(o,t,r)}o={type:`stylesheet`,instance:o,count:1,state:s},i.set(a,o)}}}function Df(e,t){_f.X(e,t);var n=bf;if(n&&e){var r=Ot(n).hoistableScripts,i=Pf(e),a=r.get(i);a||(a=n.querySelector(Ff(i)),a||(e=h({src:e,async:!0},t),(t=mf.get(i))&&zf(e,t),a=n.createElement(`script`),k(a),Pd(a,`link`,e),n.head.appendChild(a)),a={type:`script`,instance:a,count:1,state:null},r.set(i,a))}}function Of(e,t){_f.M(e,t);var n=bf;if(n&&e){var r=Ot(n).hoistableScripts,i=Pf(e),a=r.get(i);a||(a=n.querySelector(Ff(i)),a||(e=h({src:e,async:!0,type:`module`},t),(t=mf.get(i))&&zf(e,t),a=n.createElement(`script`),k(a),Pd(a,`link`,e),n.head.appendChild(a)),a={type:`script`,instance:a,count:1,state:null},r.set(i,a))}}function kf(e,t,n,r){var i=(i=_e.current)?gf(i):null;if(!i)throw Error(s(446));switch(e){case`meta`:case`title`:return null;case`style`:return typeof n.precedence==`string`&&typeof n.href==`string`?(t=Af(n.href),n=Ot(i).hoistableStyles,r=n.get(t),r||(r={type:`style`,instance:null,count:0,state:null},n.set(t,r)),r):{type:`void`,instance:null,count:0,state:null};case`link`:if(n.rel===`stylesheet`&&typeof n.href==`string`&&typeof n.precedence==`string`){e=Af(n.href);var a=Ot(i).hoistableStyles,o=a.get(e);if(o||(i=i.ownerDocument||i,o={type:`stylesheet`,instance:null,count:0,state:{loading:0,preload:null}},a.set(e,o),(a=i.querySelector(jf(e)))&&!a._p&&(o.instance=a,o.state.loading=5),mf.has(e)||(n={rel:`preload`,as:`style`,href:n.href,crossOrigin:n.crossOrigin,integrity:n.integrity,media:n.media,hrefLang:n.hrefLang,referrerPolicy:n.referrerPolicy},mf.set(e,n),a||Nf(i,e,n,o.state))),t&&r===null)throw Error(s(528,``));return o}if(t&&r!==null)throw Error(s(529,``));return null;case`script`:return t=n.async,n=n.src,typeof n==`string`&&t&&typeof t!=`function`&&typeof t!=`symbol`?(t=Pf(n),n=Ot(i).hoistableScripts,r=n.get(t),r||(r={type:`script`,instance:null,count:0,state:null},n.set(t,r)),r):{type:`void`,instance:null,count:0,state:null};default:throw Error(s(444,e))}}function Af(e){return`href="`+qt(e)+`"`}function jf(e){return`link[rel="stylesheet"][`+e+`]`}function Mf(e){return h({},e,{"data-precedence":e.precedence,precedence:null})}function Nf(e,t,n,r){e.querySelector(`link[rel="preload"][as="style"][`+t+`]`)?r.loading=1:(t=e.createElement(`link`),r.preload=t,t.addEventListener(`load`,function(){return r.loading|=1}),t.addEventListener(`error`,function(){return r.loading|=2}),Pd(t,`link`,n),k(t),e.head.appendChild(t))}function Pf(e){return`[src="`+qt(e)+`"]`}function Ff(e){return`script[async]`+e}function If(e,t,n){if(t.count++,t.instance===null)switch(t.type){case`style`:var r=e.querySelector(`style[data-href~="`+qt(n.href)+`"]`);if(r)return t.instance=r,k(r),r;var i=h({},n,{"data-href":n.href,"data-precedence":n.precedence,href:null,precedence:null});return r=(e.ownerDocument||e).createElement(`style`),k(r),Pd(r,`style`,i),Lf(r,n.precedence,e),t.instance=r;case`stylesheet`:i=Af(n.href);var a=e.querySelector(jf(i));if(a)return t.state.loading|=4,t.instance=a,k(a),a;r=Mf(n),(i=mf.get(i))&&Rf(r,i),a=(e.ownerDocument||e).createElement(`link`),k(a);var o=a;return o._p=new Promise(function(e,t){o.onload=e,o.onerror=t}),Pd(a,`link`,r),t.state.loading|=4,Lf(a,n.precedence,e),t.instance=a;case`script`:return a=Pf(n.src),(i=e.querySelector(Ff(a)))?(t.instance=i,k(i),i):(r=n,(i=mf.get(a))&&(r=h({},n),zf(r,i)),e=e.ownerDocument||e,i=e.createElement(`script`),k(i),Pd(i,`link`,r),e.head.appendChild(i),t.instance=i);case`void`:return null;default:throw Error(s(443,t.type))}else t.type===`stylesheet`&&!(t.state.loading&4)&&(r=t.instance,t.state.loading|=4,Lf(r,n.precedence,e));return t.instance}function Lf(e,t,n){for(var r=n.querySelectorAll(`link[rel="stylesheet"][data-precedence],style[data-precedence]`),i=r.length?r[r.length-1]:null,a=i,o=0;o title`):null)}function Uf(e,t,n){if(n===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 Wf(e){return!(e.type===`stylesheet`&&!(e.state.loading&3))}function Gf(e,t,n,r){if(n.type===`stylesheet`&&(typeof r.media!=`string`||!1!==matchMedia(r.media).matches)&&!(n.state.loading&4)){if(n.instance===null){var i=Af(r.href),a=t.querySelector(jf(i));if(a){t=a._p,typeof t==`object`&&t&&typeof t.then==`function`&&(e.count++,e=Jf.bind(e),t.then(e,e)),n.state.loading|=4,n.instance=a,k(a);return}a=t.ownerDocument||t,r=Mf(r),(i=mf.get(i))&&Rf(r,i),a=a.createElement(`link`),k(a);var o=a;o._p=new Promise(function(e,t){o.onload=e,o.onerror=t}),Pd(a,`link`,r),n.instance=a}e.stylesheets===null&&(e.stylesheets=new Map),e.stylesheets.set(n,t),(t=n.state.preload)&&!(n.state.loading&3)&&(e.count++,n=Jf.bind(e),t.addEventListener(`load`,n),t.addEventListener(`error`,n))}}var Kf=0;function qf(e,t){return e.stylesheets&&e.count===0&&Xf(e,e.stylesheets),0Kf?50:800)+t);return e.unsuspend=n,function(){e.unsuspend=null,clearTimeout(r),clearTimeout(i)}}:null}function Jf(){if(this.count--,this.count===0&&(this.imgCount===0||!this.waitingForImages)){if(this.stylesheets)Xf(this,this.stylesheets);else if(this.unsuspend){var e=this.unsuspend;this.unsuspend=null,e()}}}var Yf=null;function Xf(e,t){e.stylesheets=null,e.unsuspend!==null&&(e.count++,Yf=new Map,t.forEach(Zf,e),Yf=null,Jf.call(e))}function Zf(e,t){if(!(t.state.loading&4)){var n=Yf.get(e);if(n)var r=n.get(null);else{n=new Map,Yf.set(e,n);for(var i=e.querySelectorAll(`link[data-precedence],style[data-precedence]`),a=0;a{function n(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>`u`||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!=`function`))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(n)}catch(e){console.error(e)}}n(),t.exports=s()})),l=n(),u=c(),d=window.location.origin,f=d.replace(/^http/,`ws`)+`/ws`;async function p(e){let t=await fetch(`${d}${e}`);if(!t.ok)throw Error(`${e} => ${t.status}`);return t.json()}async function m(e,t){let n=await fetch(`${d}${e}`,{method:`POST`,headers:{"Content-Type":`application/json`},body:t==null?void 0:JSON.stringify(t)});if(!n.ok)throw Error(`${e} => ${n.status}`);return n.json()}async function h(e,t){let n=await fetch(`${d}${e}`,{method:`PUT`,headers:{"Content-Type":`application/json`},body:JSON.stringify(t)});if(!n.ok)throw Error(`${e} => ${n.status}`);return n.json()}async function g(e,t){let n=new FormData;n.append(`file`,t);let r=await fetch(`${d}${e}`,{method:`POST`,body:n});if(!r.ok)throw Error(`${e} => ${r.status}`);return r.json()}function _(){let[e,t]=(0,l.useState)(null),[n,r]=(0,l.useState)(!1),i=(0,l.useRef)(null),a=(0,l.useRef)(null);return(0,l.useEffect)(()=>{p(`/api/state`).then(e=>{t(e),r(!0)}).catch(()=>{r(!1)});let e;function n(){try{let a=new WebSocket(f);a.onmessage=e=>{try{let n=JSON.parse(e.data);(n.type===`connected`||n.type===`state`)&&(t(n.state),r(!0)),n.type===`preset_changed`&&n.state&&t(n.state),n.type===`bypass_changed`&&t(e=>e&&{...e,bypass:n.bypass}),n.type===`tuner_changed`&&t(e=>e&&{...e,tuner_enabled:n.tuner_enabled}),n.type===`routing_changed`&&t(e=>e&&{...e,routing_mode:n.routing_mode,routing_breakpoint:n.routing_breakpoint}),(n.type===`model_loaded`||n.type===`ir_loaded`)&&p(`/api/state`).then(e=>t(e))}catch{}},a.onclose=()=>{r(!1),e=setTimeout(n,3e3)},a.onerror=()=>a.close(),i.current=a}catch{e=setTimeout(n,3e3)}}return n(),a.current=setInterval(()=>{p(`/api/state`).then(e=>{t(e),r(!0)}).catch(()=>{})},5e3),()=>{a.current&&clearInterval(a.current),clearTimeout(e),i.current&&i.current.close()}},[]),{state:e,connected:n,refresh:(0,l.useCallback)(()=>{p(`/api/state`).then(e=>{t(e),r(!0)}).catch(()=>{})},[])}}async function v(){return p(`/api/presets`)}async function y(e,t){await m(`/api/presets/${e}/${t}/activate`)}var b=e((e=>{var t=Symbol.for(`react.transitional.element`),n=Symbol.for(`react.fragment`);function r(e,n,r){var i=null;if(r!==void 0&&(i=``+r),n.key!==void 0&&(i=``+n.key),`key`in n)for(var a in r={},n)a!==`key`&&(r[a]=n[a]);else r=n;return n=r.ref,{$$typeof:t,type:e,key:i,ref:n===void 0?null:n,props:r}}e.Fragment=n,e.jsx=r,e.jsxs=r})),x=e(((e,t)=>{t.exports=b()}))(),ee=(0,l.createContext)(null);function S(e,t){let n=[];for(let t=0;t<8;t++){let r=e[t];r?n.push({key:`stomp-${r.id}`,label:r.title.length>6?r.title.slice(0,6):r.title,sublabel:r.bypassed?`BYP`:`ON`,color:r.bypassed?`off`:`green`,active:!r.bypassed,bypassed:r.bypassed}):n.push({key:`stomp-empty-${t}`,label:`—`,sublabel:``,color:`off`,active:!1,bypassed:!1})}return n}function C(e,t,n){let r=[];r.push({key:`bank-down`,label:`BANK`,sublabel:t>0?`${n[t-1]||`−`}`:`—`,color:`blue`,active:t>0}),r.push({key:`bank-up`,label:`BANK`,sublabel:t6?r.name.slice(0,6):r.name||`Snap ${n+1}`,sublabel:r.active?`ACTIVE`:``,color:r.active?`amber`:`off`,active:r.active}):t.push({key:`snapshot-empty-${n}`,label:`Snap ${n+1}`,sublabel:``,color:`off`,active:!1})}return t}function ne(e,t,n,r){return[...S(e.slice(0,4),t).slice(0,4),{key:`bank-down`,label:`BANK`,sublabel:r>0?`▼`:`—`,color:`blue`,active:r>0},{key:`bank-up`,label:`BANK`,sublabel:r{try{let e=localStorage.getItem(`pedal-footswitch-bank`);return e===null?0:parseInt(e,10)}catch{return 0}}),[p,h]=(0,l.useState)(0),[g,_]=(0,l.useState)(!1);(0,l.useEffect)(()=>{try{localStorage.setItem(`pedal-footswitch-bank`,String(d))}catch{}},[d]);let v;switch(c){case`stomp`:v=S(i,t);break;case`preset`:v=C(t,d,a);break;case`snapshot`:v=te(o);break;case`combo`:v=ne(i,t,a,d);break;default:v=S(i,t)}let b=(0,l.useCallback)(e=>{switch(c){case`stomp`:{let t=i[e];t&&s&&s(t.id,!t.bypassed);break}case`preset`:if(e===0)f(e=>Math.max(0,e-1));else if(e===1)f(e=>Math.min(a.length-1,e+1));else{let t=e-2;n&&(y(d,t).then(()=>r()),h(t))}break;case`snapshot`:n&&m(`/api/snapshots/${e}/recall`).catch(()=>{});break;case`combo`:if(e<4){let t=i[e];t&&s&&s(t.id,!t.bypassed)}else e===4?f(e=>Math.max(0,e-1)):e===5?f(e=>Math.min(a.length-1,e+1)):e===6?u(`preset`):e===7&&n&&m(`/api/bypass`,{bypass:!t?.bypass}).catch(()=>{});break}},[c,i,s,n,d,a,t,r]),re=(0,l.useCallback)(e=>{switch(c){case`stomp`:e===7&&n&&m(`/api/tuner`,{enabled:!t?.tuner_enabled}).catch(()=>{});break;case`preset`:e===0?f(0):e===1&&f(a.length-1);break;case`snapshot`:n&&m(`/api/snapshots/${e}/save`).catch(()=>{});break;case`combo`:e===7&&n&&m(`/api/tuner`,{enabled:!t?.tuner_enabled}).catch(()=>{});break}},[c,t,n,a]),w=(0,l.useCallback)(e=>{f(e)},[]),ie=(0,l.useCallback)(e=>{h(e),n&&y(d,e).then(()=>r())},[n,d,r]),ae={mode:c,setMode:u,scribbleData:v,handleFootswitch:b,handleSecondary:re,currentBankIndex:d,currentPresetIndex:p,setBank:w,setPreset:ie,dirty:g};return(0,x.jsx)(ee.Provider,{value:ae,children:e})}function w(){let e=(0,l.useContext)(ee);if(!e)throw Error(`useFootswitchMode must be used within a FootswitchModeProvider`);return e}var ie={stomp:`Stomp`,preset:`Preset`,snapshot:`Snapshot`,combo:`Combo`,transport:`Transport`},ae={amber:`#E8A030`,green:`#3AB87A`,red:`#C84040`,blue:`#3A7BA8`,purple:`#9B59B6`,cyan:`#1ABC9C`,white:`#F0EDE6`,off:`#444458`};function oe({threshold:e=300,onSingleTap:t,onDoubleTap:n}){let r=(0,l.useRef)(0),i=(0,l.useRef)(null);return{handleTap:(0,l.useCallback)(()=>{let a=Date.now();a-r.current{t?.(),i.current=null},e))},[e,t,n])}}function se({data:e,onPress:t,onSecondary:n}){let{handleTap:r}=oe({onSingleTap:t,onDoubleTap:n}),i=ae[e.color??`off`],a=e.active??!1;return(0,x.jsxs)(`div`,{className:`scribble-strip`,"data-active":a,"data-bypassed":e.bypassed??!1,onClick:r,style:{"--scribble-color":i},children:[(0,x.jsx)(`div`,{className:`scribble-led`,style:{background:i,boxShadow:a?`0 0 6px ${i}`:`none`,opacity:a?1:.25}}),(0,x.jsxs)(`div`,{className:`scribble-label-wrap`,children:[(0,x.jsx)(`span`,{className:`scribble-label`,children:e.label||`—`}),e.sublabel&&(0,x.jsx)(`span`,{className:`scribble-sublabel`,children:e.sublabel})]}),e.icon&&(0,x.jsx)(`span`,{className:`scribble-icon`,children:e.icon})]})}function ce(){let{scribbleData:e,handleFootswitch:t,handleSecondary:n}=w();return(0,x.jsx)(`div`,{className:`footswitch-bar`,children:e.map((e,r)=>(0,x.jsxs)(`div`,{className:`footswitch-slot`,children:[(0,x.jsx)(se,{data:e,onPress:()=>t(r),onSecondary:()=>n(r)}),(0,x.jsxs)(`div`,{className:`footswitch-btn ${e.active?`footswitch-btn-active`:``} ${e.bypassed?`footswitch-btn-bypassed`:``}`,onClick:()=>t(r),onContextMenu:e=>{e.preventDefault(),n(r)},style:{"--fs-color":e.color},children:[(0,x.jsx)(`div`,{className:`footswitch-ring`}),(0,x.jsx)(`div`,{className:`footswitch-cap`})]})]},e.key))})}var le=[`stomp`,`preset`,`snapshot`,`combo`],ue={stomp:`◉`,preset:`☆`,snapshot:`◆`,combo:`◈`,transport:`▶`};function T({collapsed:e=!1}){let{mode:t,setMode:n}=w();if(e){let e=(le.indexOf(t)+1)%le.length;return(0,x.jsxs)(`div`,{className:`mode-selector mode-selector-collapsed`,onClick:()=>n(le[e]),title:`Mode: ${ie[t]} — tap to switch`,children:[(0,x.jsx)(`span`,{className:`mode-icon`,children:ue[t]}),(0,x.jsx)(`span`,{className:`mode-label`,children:ie[t]})]})}return(0,x.jsx)(`div`,{className:`mode-selector`,children:le.map(e=>(0,x.jsxs)(`button`,{className:`mode-btn ${t===e?`mode-btn-active`:``}`,onClick:()=>n(e),title:ie[e],children:[(0,x.jsx)(`span`,{className:`mode-btn-icon`,children:ue[e]}),(0,x.jsx)(`span`,{className:`mode-btn-label`,children:ie[e]})]},e))})}var E={bg:`#0A0A0C`,panel:`#141418`,surface:`#1C1C22`,border:`#2A2A32`,amber:`#E8A030`,blue:`#3A7BA8`,blueDim:`#1E4060`,amberDim:`#7A5218`,green:`#3AB87A`,red:`#C84040`,text:`#F0EDE6`,textSec:`#8888A0`,textDim:`#444458`};function de({level:e=0,height:t=60}){let n=Math.round(e/100*12),r=e=>e>=10?E.red:e>=8?`#E8C030`:E.green;return(0,x.jsx)(`div`,{style:{display:`flex`,flexDirection:`column-reverse`,gap:2,height:t,alignItems:`center`},children:Array.from({length:12}).map((e,i)=>(0,x.jsx)(`div`,{style:{width:6,height:(t-24)/12,borderRadius:1,background:i{e?.master_volume!=null&&r(Math.round(e.master_volume*100))},[e?.master_volume]),(0,l.useEffect)(()=>{e?.bypass!==void 0&&a(null),e?.tuner_enabled!==void 0&&s(null)},[e?.bypass,e?.tuner_enabled]);let d=async e=>{r(e);try{await h(`/api/volume`,{volume:e/100})}catch{}},f=async()=>{let e=!c;a(e);try{await m(`/api/bypass`,{bypass:e})}catch{a(null)}},p=async()=>{let e=!u;s(e);try{await m(`/api/tuner`,{enabled:e})}catch{s(null)}},g=e?.input_level??0,_=e?.output_level??0;return(0,x.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,height:`100%`},children:[(0,x.jsxs)(`div`,{className:`screen-header`,children:[(0,x.jsxs)(`div`,{children:[(0,x.jsx)(`div`,{style:{fontSize:13,fontWeight:600,letterSpacing:`0.06em`,textTransform:`uppercase`,color:E.textSec},children:`Active Rig`}),(0,x.jsxs)(`div`,{style:{display:`flex`,gap:6,marginTop:4,flexWrap:`wrap`,alignItems:`center`},children:[e?.current_preset?(0,x.jsx)(`span`,{style:{fontFamily:`'JetBrains Mono', monospace`,fontSize:11,color:E.amber,border:`1px solid ${E.amber}55`,background:`${E.amber}15`,padding:`3px 8px`,borderRadius:5},children:e.current_preset.name}):(0,x.jsx)(`span`,{style:{fontSize:11,color:E.textDim},children:`No preset loaded`}),t?(0,x.jsx)(`span`,{className:`pedal-badge pedal-badge-green`,children:`Connected`}):(0,x.jsx)(`span`,{className:`pedal-badge pedal-badge-red`,children:`Offline`})]})]}),(0,x.jsxs)(`div`,{style:{display:`flex`,gap:6,alignItems:`center`},children:[(0,x.jsx)(de,{level:g,height:44}),(0,x.jsx)(de,{level:_,height:44})]})]}),(0,x.jsxs)(`div`,{style:{flex:1,overflowY:`auto`,padding:12,display:`flex`,flexDirection:`column`,gap:12},children:[(0,x.jsxs)(`div`,{style:{background:E.surface,border:`1px solid ${E.border}`,borderRadius:8,padding:12,display:`flex`,gap:10,justifyContent:`space-around`},children:[(0,x.jsxs)(`div`,{style:{textAlign:`center`},children:[(0,x.jsx)(`div`,{className:`section-label`,children:`Bypass`}),(0,x.jsx)(`div`,{className:`switch ${c?`on`:``}`,onClick:f,style:{margin:`0 auto`}})]}),(0,x.jsxs)(`div`,{style:{textAlign:`center`},children:[(0,x.jsx)(`div`,{className:`section-label`,children:`Tuner`}),(0,x.jsx)(`div`,{className:`switch ${u?`on`:``}`,onClick:p,style:{margin:`0 auto`}})]}),(0,x.jsxs)(`div`,{style:{textAlign:`center`},children:[(0,x.jsx)(`div`,{className:`section-label`,children:`Routing`}),(0,x.jsx)(`span`,{style:{fontFamily:`'JetBrains Mono', monospace`,fontSize:12,color:E.amber},children:e?.routing_mode||`mono`})]})]}),u&&(0,x.jsxs)(`div`,{style:{background:`${E.amber}15`,border:`1px solid ${E.amber}`,borderRadius:8,textAlign:`center`,padding:`20px 16px`},children:[(0,x.jsx)(`div`,{style:{fontSize:32,marginBottom:8},children:`🎵`}),(0,x.jsx)(`div`,{className:`section-label`,style:{color:E.amber,marginBottom:4,fontSize:14},children:`TUNER ACTIVE`}),(0,x.jsx)(`div`,{style:{fontFamily:`'JetBrains Mono', monospace`,fontSize:24,color:E.amber,letterSpacing:4},children:`—————●—————`}),(0,x.jsx)(`div`,{style:{fontSize:11,color:E.textDim,marginTop:8},children:`Tap switch again to exit tuner mode`})]}),(0,x.jsxs)(`div`,{style:{background:E.panel,border:`1px solid ${E.border}`,borderRadius:10,padding:16,display:`flex`,gap:20,alignItems:`center`},children:[(0,x.jsxs)(`div`,{style:{flex:1},children:[(0,x.jsx)(`div`,{className:`section-label`,children:`Master Volume`}),(0,x.jsx)(`input`,{type:`range`,min:0,max:100,value:n,onChange:e=>d(+e.target.value),style:{width:`100%`,accentColor:E.amber}}),(0,x.jsxs)(`div`,{style:{fontFamily:`'JetBrains Mono', monospace`,fontSize:11,color:E.amber,marginTop:4},children:[n,`%`]})]}),(0,x.jsxs)(`div`,{style:{fontFamily:`'JetBrains Mono', monospace`,fontSize:11,color:E.textSec,textAlign:`right`},children:[e?.nam_loaded?`NAM: Active`:`NAM: —`,(0,x.jsx)(`br`,{}),e?.ir_loaded?`IR: Active`:`IR: —`]})]}),(0,x.jsxs)(`div`,{style:{background:E.surface,border:`1px solid ${E.border}`,borderRadius:8,padding:12},children:[(0,x.jsx)(`div`,{className:`section-label`,children:`Signal Chain`}),(0,x.jsx)(`div`,{style:{display:`flex`,alignItems:`center`,gap:4,overflowX:`auto`,padding:`4px 0`},children:[`IN`,e?.bypass?`BYP`:e?.nam_loaded?`NAM`:`AMP`,e?.ir_loaded?`IR`:`CAB`,`OUT`].map((e,t,n)=>(0,x.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:4,flexShrink:0},children:[(0,x.jsx)(`div`,{style:{padding:`3px 8px`,borderRadius:4,fontSize:10,fontWeight:700,background:t===0||t===n.length-1?E.blueDim:E.amberDim,color:t===0||t===n.length-1?E.blue:E.amber,border:`1px solid ${t===0||t===n.length-1?E.blue:E.amber}60`},children:e}),ta(e=>!e),children:[(0,x.jsx)(`div`,{style:{width:8,height:8,borderRadius:`50%`,background:r?E.textDim:E.green,boxShadow:r?`none`:`0 0 8px ${E.green}`}}),(0,x.jsx)(`span`,{style:{flex:1,fontSize:13,fontWeight:600},children:e}),(0,x.jsx)(`span`,{className:`pedal-badge pedal-badge-blue`,style:{fontSize:10,padding:`2px 7px`},children:t}),(0,x.jsx)(`span`,{style:{color:E.textDim,fontSize:18,marginLeft:6},children:i?`▾`:`▸`})]})})}function D({state:e,connected:t}){let[n,r]=(0,l.useState)([]),[i,a]=(0,l.useState)(!0);return(0,l.useEffect)(()=>{if(!t||!e?.current_preset){r([]),a(!1);return}v().then(t=>{let n=t.banks||[],i=e.current_preset,o=i?n[i.bank]?.presets?.[i.program]:null;o?.chain&&r(o.chain.map((e,t)=>({id:t+1,title:fe[e.fx_type]||e.fx_type,type:e.fx_type,bypassed:e.bypassed??!1}))),a(!1)}).catch(()=>{r([]),a(!1)})},[t,e]),i?(0,x.jsx)(`div`,{style:{flex:1,display:`flex`,alignItems:`center`,justifyContent:`center`},children:(0,x.jsx)(`div`,{className:`loader`})}):(0,x.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,height:`100%`},children:[(0,x.jsx)(`div`,{className:`screen-header`,children:(0,x.jsxs)(`div`,{style:{fontSize:13,fontWeight:600,letterSpacing:`0.06em`,textTransform:`uppercase`,color:E.textSec},children:[`FX Chain `,n.length>0?`(${n.length})`:``]})}),(0,x.jsx)(`div`,{style:{flex:1,overflowY:`auto`,padding:12,display:`flex`,flexDirection:`column`,gap:12},children:n.length===0?(0,x.jsx)(`div`,{style:{textAlign:`center`,padding:30,color:E.textDim,fontSize:14},children:`No FX blocks in the chain.`}):n.map(e=>(0,x.jsx)(me,{...e,active:!e.bypassed},e.id))})]})}function O({connected:e,refresh:t}){let[n,r]=(0,l.useState)([]),[i,a]=(0,l.useState)(null),[o,s]=(0,l.useState)(!0),[c,u]=(0,l.useState)(null),d=(0,l.useCallback)(async()=>{if(!e){s(!1);return}try{let e=await p(`/api/models`);r(e.models||[]),a(e.current??null)}catch{}s(!1)},[e]);(0,l.useEffect)(()=>{d()},[d]);let f=async e=>{if(e)try{await m(`/api/models/load`,{path:e}),await d(),t()}catch{alert(`Failed to load model`)}};return o?(0,x.jsx)(`div`,{style:{flex:1,display:`flex`,alignItems:`center`,justifyContent:`center`},children:(0,x.jsx)(`div`,{className:`loader`})}):(0,x.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,height:`100%`},children:[(0,x.jsxs)(`div`,{className:`screen-header`,children:[(0,x.jsxs)(`div`,{style:{fontSize:13,fontWeight:600,letterSpacing:`0.06em`,textTransform:`uppercase`,color:E.textSec},children:[`NAM Models (`,n.length,`)`]}),(0,x.jsx)(`button`,{className:`btn btn-primary btn-sm`,onClick:()=>c?.click(),children:`+ Upload`}),(0,x.jsx)(`input`,{ref:e=>u(e),type:`file`,accept:`.nam`,style:{display:`none`},onChange:async e=>{let t=e.target.files?.[0];if(t)try{await g(`/api/models/upload`,t),await d()}catch{alert(`Upload failed`)}}})]}),(0,x.jsxs)(`div`,{style:{flex:1,overflowY:`auto`,padding:12,display:`flex`,flexDirection:`column`,gap:8},children:[i&&(0,x.jsxs)(`div`,{style:{background:E.surface,border:`1px solid ${E.border}`,borderRadius:8,padding:12},children:[(0,x.jsx)(`div`,{className:`section-label`,children:`Loaded Model`}),(0,x.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:8},children:[(0,x.jsx)(`span`,{style:{fontFamily:`'JetBrains Mono', monospace`,fontSize:11,color:E.blue,border:`1px solid ${E.blue}55`,background:`${E.blue}15`,padding:`3px 8px`,borderRadius:5},children:i}),(0,x.jsx)(`button`,{className:`btn btn-danger btn-sm`,onClick:async()=>{try{await m(`/api/models/unload`),a(null),await d(),t()}catch{alert(`Failed to unload`)}},children:`Unload`})]})]}),n.length===0?(0,x.jsx)(`div`,{style:{textAlign:`center`,padding:30,color:E.textDim,fontSize:14},children:`No NAM models found.`}):n.map(e=>(0,x.jsxs)(`div`,{className:`preset-row`,style:{border:e.loaded?`1px solid ${E.amber}40`:`1px solid transparent`,background:e.loaded?`${E.amber}08`:`transparent`},onClick:()=>!e.loaded&&f(e.path),children:[(0,x.jsxs)(`div`,{style:{flex:1},children:[(0,x.jsx)(`div`,{style:{fontSize:13,fontWeight:500},children:e.name}),(0,x.jsxs)(`div`,{style:{fontSize:10,color:E.textDim},children:[e.architecture,` · `,e.size_mb,` MB`]})]}),e.loaded?(0,x.jsx)(`span`,{className:`pedal-badge pedal-badge-green`,children:`Loaded`}):(0,x.jsx)(`button`,{className:`btn btn-ghost btn-sm`,children:`Load`})]},e.name))]})]})}function he({connected:e,refresh:t}){let[n,r]=(0,l.useState)([]),[i,a]=(0,l.useState)(null),[o,s]=(0,l.useState)(!0),[c,u]=(0,l.useState)(null),d=(0,l.useCallback)(async()=>{if(!e){s(!1);return}try{let e=await p(`/api/irs`);r(e.irs||[]),a(e.current??null)}catch{}s(!1)},[e]);(0,l.useEffect)(()=>{d()},[d]);let f=async e=>{if(e)try{await m(`/api/irs/load`,{path:e}),await d(),t()}catch{alert(`Failed to load IR`)}};return o?(0,x.jsx)(`div`,{style:{flex:1,display:`flex`,alignItems:`center`,justifyContent:`center`},children:(0,x.jsx)(`div`,{className:`loader`})}):(0,x.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,height:`100%`},children:[(0,x.jsxs)(`div`,{className:`screen-header`,children:[(0,x.jsxs)(`div`,{style:{fontSize:13,fontWeight:600,letterSpacing:`0.06em`,textTransform:`uppercase`,color:E.textSec},children:[`IR Files (`,n.length,`)`]}),(0,x.jsx)(`button`,{className:`btn btn-primary btn-sm`,onClick:()=>c?.click(),children:`+ Upload`}),(0,x.jsx)(`input`,{ref:e=>u(e),type:`file`,accept:`.wav`,style:{display:`none`},onChange:async e=>{let t=e.target.files?.[0];if(t)try{await g(`/api/irs/upload`,t),await d()}catch{alert(`Upload failed`)}}})]}),(0,x.jsxs)(`div`,{style:{flex:1,overflowY:`auto`,padding:12,display:`flex`,flexDirection:`column`,gap:8},children:[i&&(0,x.jsxs)(`div`,{style:{background:E.surface,border:`1px solid ${E.border}`,borderRadius:8,padding:12},children:[(0,x.jsx)(`div`,{className:`section-label`,children:`Loaded IR`}),(0,x.jsxs)(`div`,{style:{display:`flex`,alignItems:`center`,gap:8},children:[(0,x.jsx)(`span`,{style:{fontFamily:`'JetBrains Mono', monospace`,fontSize:11,color:E.green,border:`1px solid ${E.green}55`,background:`${E.green}15`,padding:`3px 8px`,borderRadius:5},children:i}),(0,x.jsx)(`button`,{className:`btn btn-danger btn-sm`,onClick:async()=>{try{await m(`/api/irs/unload`),a(null),await d(),t()}catch{alert(`Failed to unload`)}},children:`Unload`})]})]}),n.length===0?(0,x.jsx)(`div`,{style:{textAlign:`center`,padding:30,color:E.textDim,fontSize:14},children:`No IR files found.`}):n.map(e=>(0,x.jsxs)(`div`,{className:`preset-row`,style:{border:e.loaded?`1px solid ${E.amber}40`:`1px solid transparent`,background:e.loaded?`${E.amber}08`:`transparent`},onClick:()=>!e.loaded&&f(e.path),children:[(0,x.jsxs)(`div`,{style:{flex:1},children:[(0,x.jsx)(`div`,{style:{fontSize:13,fontWeight:500},children:e.name}),(0,x.jsxs)(`div`,{style:{fontSize:10,color:E.textDim},children:[e.sample_rate,` Hz · `,e.length_ms,` ms`]})]}),e.loaded?(0,x.jsx)(`span`,{className:`pedal-badge pedal-badge-green`,children:`Loaded`}):(0,x.jsx)(`button`,{className:`btn btn-ghost btn-sm`,children:`Load`})]},e.name))]})]})}function ge({state:e,connected:t,refresh:n}){let[r,i]=(0,l.useState)([]),[a,o]=(0,l.useState)(0),[s,c]=(0,l.useState)(!0),u=(0,l.useCallback)(async()=>{if(!t){i([{name:`Default`,number:0,presets:[{name:`Edge of Breakup`,bank:0,program:0},{name:`Modern High Gain`,bank:0,program:1},null,null]}]),c(!1);return}try{i((await v()).banks||[])}catch{}c(!1)},[t]);(0,l.useEffect)(()=>{u()},[u]);let d=async(e,t)=>{try{await m(`/api/presets/${e}/${t}/activate`),await u(),n()}catch{alert(`Failed to load preset`)}};if(s)return(0,x.jsx)(`div`,{style:{flex:1,display:`flex`,alignItems:`center`,justifyContent:`center`},children:(0,x.jsx)(`div`,{className:`loader`})});let f=e?.current_preset,p=r[a]?.presets||[];return(0,x.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,height:`100%`},children:[(0,x.jsx)(`div`,{className:`screen-header`,children:(0,x.jsx)(`div`,{style:{fontSize:13,fontWeight:600,letterSpacing:`0.06em`,textTransform:`uppercase`,color:E.textSec},children:`Presets`})}),(0,x.jsxs)(`div`,{style:{flex:1,overflowY:`auto`,padding:12,display:`flex`,flexDirection:`column`,gap:8},children:[r.length>1&&(0,x.jsx)(`div`,{style:{display:`flex`,background:E.surface,borderRadius:6,border:`1px solid ${E.border}`,overflow:`hidden`},children:r.map((e,t)=>(0,x.jsx)(`button`,{style:{flex:1,padding:`7px 12px`,fontSize:12,fontWeight:500,letterSpacing:`0.04em`,background:a===t?E.amber:`none`,border:`none`,color:a===t?`#000`:E.textSec,cursor:`pointer`,transition:`all 0.15s`},onClick:()=>o(t),children:e.name},e.number))}),f&&(0,x.jsx)(`div`,{style:{background:E.surface,border:`1px solid ${E.border}`,borderRadius:8,padding:12,display:`flex`,alignItems:`center`,gap:8},children:(0,x.jsxs)(`div`,{style:{flex:1},children:[(0,x.jsx)(`div`,{style:{fontSize:11,color:E.textDim},children:`Current`}),(0,x.jsxs)(`div`,{style:{fontSize:14,fontWeight:600,color:E.amber},children:[f.name,(0,x.jsxs)(`span`,{style:{fontFamily:`'JetBrains Mono', monospace`,fontSize:10,color:E.textDim,marginLeft:8},children:[`Bank `,f.bank,` · Prog `,f.program]})]})]})}),p.length===0?(0,x.jsx)(`div`,{style:{textAlign:`center`,padding:30,color:E.textDim,fontSize:14},children:`No presets in this bank.`}):p.map((e,t)=>{if(!e)return null;let n=f?.bank===e.bank&&f?.program===e.program;return(0,x.jsxs)(`div`,{className:`preset-row`,style:{border:n?`1px solid ${E.amber}40`:`1px solid transparent`,background:n?`${E.amber}08`:`transparent`},onClick:()=>d(e.bank,e.program),children:[(0,x.jsx)(`div`,{style:{width:28,height:28,borderRadius:6,display:`flex`,alignItems:`center`,justifyContent:`center`,fontSize:12,fontWeight:700,background:n?`${E.amber}22`:E.surface,color:n?E.amber:E.textDim,border:`1px solid ${n?`${E.amber}60`:E.border}`,fontFamily:`'JetBrains Mono', monospace`},children:e.program+1}),(0,x.jsxs)(`div`,{style:{flex:1},children:[(0,x.jsx)(`div`,{style:{fontSize:13,fontWeight:600},children:e.name}),(0,x.jsxs)(`div`,{style:{fontSize:10,color:E.textDim},children:[`Bank `,e.bank,` · Program `,e.program]})]}),n&&(0,x.jsx)(`span`,{style:{color:E.amber,fontSize:16},children:`●`})]},t)})]})]})}function _e({state:e}){return(0,x.jsxs)(`div`,{style:{display:`flex`,flexDirection:`column`,height:`100%`},children:[(0,x.jsx)(`div`,{className:`screen-header`,children:(0,x.jsx)(`div`,{style:{fontSize:13,fontWeight:600,letterSpacing:`0.06em`,textTransform:`uppercase`,color:E.textSec},children:`Settings`})}),(0,x.jsx)(`div`,{style:{flex:1,overflowY:`auto`,padding:12,display:`flex`,flexDirection:`column`,gap:8},children:(0,x.jsxs)(`div`,{style:{background:E.surface,border:`1px solid ${E.border}`,borderRadius:8,padding:12},children:[(0,x.jsx)(`div`,{className:`section-label`,children:`System`}),e?.cpu_percent!=null&&(0,x.jsxs)(`div`,{className:`setting-row`,children:[(0,x.jsx)(`span`,{style:{fontSize:13},children:`CPU`}),(0,x.jsxs)(`span`,{style:{fontFamily:`'JetBrains Mono', monospace`,fontSize:11,color:E.amber},children:[e.cpu_percent,`%`]})]}),e?.sample_rate&&(0,x.jsxs)(`div`,{className:`setting-row`,children:[(0,x.jsx)(`span`,{style:{fontSize:13},children:`Sample Rate`}),(0,x.jsxs)(`span`,{style:{fontFamily:`'JetBrains Mono', monospace`,fontSize:11,color:E.amber},children:[e.sample_rate/1e3,`kHz`]})]}),(0,x.jsxs)(`div`,{className:`setting-row`,style:{border:`none`},children:[(0,x.jsx)(`span`,{style:{fontSize:13},children:`Connection`}),(0,x.jsx)(`span`,{className:`pedal-badge pedal-badge-green`,children:`Live`})]})]})})]})}var ve=[{id:`rig`,label:`Rig`,icon:`🎛`},{id:`fx`,label:`FX`,icon:`⛓`},{id:`models`,label:`Models`,icon:`📁`},{id:`irs`,label:`IRs`,icon:`🎚`},{id:`presets`,label:`Presets`,icon:`⭐`},{id:`settings`,label:`Settings`,icon:`⚙`}];function ye(){let[e,t]=(0,l.useState)(`rig`),{state:n,connected:r,refresh:i}=_(),[a,o]=(0,l.useState)([]),[s,c]=(0,l.useState)([`Default`]);(0,l.useEffect)(()=>{r&&n?.current_preset&&v().then(e=>{let t=(e.banks||[]).map(e=>e.name);t.length>0&&c(t);let r=n.current_preset;if(!r)return;let i=(e.banks?.[r.bank])?.presets?.[r.program];i?.chain&&o(i.chain.map((e,t)=>({id:t+1,fx_type:e.fx_type,title:fe[e.fx_type]||e.fx_type,bypassed:e.bypassed??!1})))}).catch(()=>{})},[r,n?.current_preset]);let u=(0,l.useCallback)(async(e,t)=>{if(o(n=>n.map(n=>n.id===e?{...n,bypassed:t}:n)),r)try{await m(`/api/blocks/toggle`,{block_id:e,bypass:t})}catch{}},[r]),[d]=(0,l.useState)(Array.from({length:8},(e,t)=>({name:`Snap ${t+1}`,active:!1})));return(0,x.jsx)(re,{state:n,connected:r,refresh:i,blocks:a,bankNames:s,snapshots:d,onToggleBlock:u,children:(0,x.jsxs)(`div`,{className:`pedal-shell`,children:[(0,x.jsxs)(`div`,{className:`pedal-statusbar`,children:[(0,x.jsxs)(`div`,{className:`pedal-statusbar-left`,children:[(0,x.jsx)(`div`,{className:`pedal-led-dot`,style:{background:r?E.green:E.red,boxShadow:r?`0 0 6px ${E.green}`:`none`}}),(0,x.jsx)(`span`,{className:`pedal-brand`,children:`PI MULTI-FX`}),n?.tuner_enabled&&(0,x.jsx)(`span`,{className:`pedal-badge pedal-badge-amber`,children:`TUNER`})]}),(0,x.jsx)(`div`,{className:`pedal-statusbar-mid`,children:(0,x.jsx)(T,{collapsed:!0})}),(0,x.jsxs)(`div`,{className:`pedal-statusbar-right`,children:[n?.cpu_percent!=null&&(0,x.jsxs)(`span`,{className:`pedal-brand`,style:{color:E.textDim},children:[`CPU `,n.cpu_percent,`%`]}),n?.sample_rate&&(0,x.jsxs)(`span`,{className:`pedal-brand`,style:{color:E.textDim},children:[n.sample_rate/1e3,`kHz`]}),n?.bypass&&(0,x.jsx)(`span`,{className:`pedal-badge pedal-badge-red`,children:`BYP`}),n?.nam_loaded&&(0,x.jsx)(`span`,{className:`pedal-badge pedal-badge-blue`,children:`NAM`}),n?.ir_loaded&&(0,x.jsx)(`span`,{className:`pedal-badge pedal-badge-green`,children:`IR`})]})]}),(0,x.jsxs)(`div`,{className:`pedal-screen`,children:[e===`rig`&&(0,x.jsx)(pe,{state:n,connected:r}),e===`fx`&&(0,x.jsx)(D,{state:n,connected:r}),e===`models`&&(0,x.jsx)(O,{connected:r,refresh:i}),e===`irs`&&(0,x.jsx)(he,{connected:r,refresh:i}),e===`presets`&&(0,x.jsx)(ge,{state:n,connected:r,refresh:i}),e===`settings`&&(0,x.jsx)(_e,{state:n})]}),(0,x.jsx)(ce,{}),(0,x.jsx)(`div`,{className:`pedal-tabbar`,children:ve.map(n=>(0,x.jsxs)(`div`,{className:`pedal-tab ${e===n.id?`pedal-tab-active`:``}`,onClick:()=>{if(n.id===`settings`){window.location.href=`/settings`;return}t(n.id)},children:[(0,x.jsx)(`span`,{className:`pedal-tab-icon`,children:n.icon}),n.label]},n.id))})]})})}function be(){return(0,l.useEffect)(()=>{document.title=`Pi Multi-FX Pedal`},[]),(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(`style`,{children:` .switch { width: 40px; height: 22px; border-radius: 11px; background: ${E.border}; cursor: pointer; position: relative; transition: background 0.2s; flex-shrink: 0; display: inline-block; } .switch.on { background: ${E.green}; } .switch::after { content: ''; position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 50%; background: white; transition: transform 0.15s; } diff --git a/src/web/ui-dist/index.html b/src/web/ui-dist/index.html index e52b0f8..f5ba5ec 100644 --- a/src/web/ui-dist/index.html +++ b/src/web/ui-dist/index.html @@ -5,7 +5,7 @@ ui - + diff --git a/ui/src/App.tsx b/ui/src/App.tsx index 75fcb30..bc899e2 100644 --- a/ui/src/App.tsx +++ b/ui/src/App.tsx @@ -655,7 +655,11 @@ function PedalContent() { {/* ── Tab Bar ── */}
{TABS.map(t => ( -
setTab(t.id)}> +
{ + if (t.id === 'settings') { window.location.href = '/settings'; return; } + setTab(t.id); + }}> {t.icon} {t.label}