@riddix/hamh 2.1.0-alpha.409 → 2.1.0-alpha.410
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -496,4 +496,4 @@ ${n.comment}`:n.comment}this.doc.range[2]=n.offset;break}default:this.errors.pus
|
|
|
496
496
|
To pick up a draggable item, press the space bar.
|
|
497
497
|
While dragging, use the arrow keys to move the item.
|
|
498
498
|
Press space again to drop the item in its new position, or press escape to cancel.
|
|
499
|
-
`},Nat={onDragStart(e){let{active:t}=e;return"Picked up draggable item "+t.id+"."},onDragOver(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was moved over droppable area "+n.id+".":"Draggable item "+t.id+" is no longer over a droppable area."},onDragEnd(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was dropped over droppable area "+n.id:"Draggable item "+t.id+" was dropped."},onDragCancel(e){let{active:t}=e;return"Dragging was cancelled. Draggable item "+t.id+" was dropped."}};function Fat(e){let{announcements:t=Nat,container:n,hiddenTextDescribedById:r,screenReaderInstructions:i=Lat}=e;const{announce:o,announcement:s}=Pat(),a=av("DndLiveRegion"),[l,c]=_.useState(!1);if(_.useEffect(()=>{c(!0)},[]),jat(_.useMemo(()=>({onDragStart(f){let{active:h}=f;o(t.onDragStart({active:h}))},onDragMove(f){let{active:h,over:g}=f;t.onDragMove&&o(t.onDragMove({active:h,over:g}))},onDragOver(f){let{active:h,over:g}=f;o(t.onDragOver({active:h,over:g}))},onDragEnd(f){let{active:h,over:g}=f;o(t.onDragEnd({active:h,over:g}))},onDragCancel(f){let{active:h,over:g}=f;o(t.onDragCancel({active:h,over:g}))}}),[o,t])),!l)return null;const u=qt.createElement(qt.Fragment,null,qt.createElement(Rat,{id:r,value:i.draggable}),qt.createElement(Iat,{id:a,announcement:s}));return n?Dd.createPortal(u,n):u}var Li;(function(e){e.DragStart="dragStart",e.DragMove="dragMove",e.DragEnd="dragEnd",e.DragCancel="dragCancel",e.DragOver="dragOver",e.RegisterDroppable="registerDroppable",e.SetDroppableDisabled="setDroppableDisabled",e.UnregisterDroppable="unregisterDroppable"})(Li||(Li={}));function ES(){}function wK(e,t){return _.useMemo(()=>({sensor:e,options:t??{}}),[e,t])}function Bat(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return _.useMemo(()=>[...t].filter(r=>r!=null),[...t])}const sl=Object.freeze({x:0,y:0});function vle(e,t){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}function xle(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return n-r}function zat(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return r-n}function CK(e){let{left:t,top:n,height:r,width:i}=e;return[{x:t,y:n},{x:t+i,y:n},{x:t,y:n+r},{x:t+i,y:n+r}]}function Sle(e,t){if(!e||e.length===0)return null;const[n]=e;return n[t]}function EK(e,t,n){return t===void 0&&(t=e.left),n===void 0&&(n=e.top),{x:t+e.width*.5,y:n+e.height*.5}}const Hat=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const i=EK(t,t.left,t.top),o=[];for(const s of r){const{id:a}=s,l=n.get(a);if(l){const c=vle(EK(l),i);o.push({id:a,data:{droppableContainer:s,value:c}})}}return o.sort(xle)},Uat=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const i=CK(t),o=[];for(const s of r){const{id:a}=s,l=n.get(a);if(l){const c=CK(l),u=i.reduce((h,g,y)=>h+vle(c[y],g),0),f=Number((u/4).toFixed(4));o.push({id:a,data:{droppableContainer:s,value:f}})}}return o.sort(xle)};function Vat(e,t){const n=Math.max(t.top,e.top),r=Math.max(t.left,e.left),i=Math.min(t.left+t.width,e.left+e.width),o=Math.min(t.top+t.height,e.top+e.height),s=i-r,a=o-n;if(r<i&&n<o){const l=t.width*t.height,c=e.width*e.height,u=s*a,f=u/(l+c-u);return Number(f.toFixed(4))}return 0}const Wat=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const i=[];for(const o of r){const{id:s}=o,a=n.get(s);if(a){const l=Vat(a,t);l>0&&i.push({id:s,data:{droppableContainer:o,value:l}})}}return i.sort(zat)};function qat(e,t,n){return{...e,scaleX:t&&n?t.width/n.width:1,scaleY:t&&n?t.height/n.height:1}}function wle(e,t){return e&&t?{x:e.left-t.left,y:e.top-t.top}:sl}function Gat(e){return function(n){for(var r=arguments.length,i=new Array(r>1?r-1:0),o=1;o<r;o++)i[o-1]=arguments[o];return i.reduce((s,a)=>({...s,top:s.top+e*a.y,bottom:s.bottom+e*a.y,left:s.left+e*a.x,right:s.right+e*a.x}),{...n})}}const Kat=Gat(1);function Yat(e){if(e.startsWith("matrix3d(")){const t=e.slice(9,-1).split(/, /);return{x:+t[12],y:+t[13],scaleX:+t[0],scaleY:+t[5]}}else if(e.startsWith("matrix(")){const t=e.slice(7,-1).split(/, /);return{x:+t[4],y:+t[5],scaleX:+t[0],scaleY:+t[3]}}return null}function Xat(e,t,n){const r=Yat(t);if(!r)return e;const{scaleX:i,scaleY:o,x:s,y:a}=r,l=e.left-s-(1-i)*parseFloat(n),c=e.top-a-(1-o)*parseFloat(n.slice(n.indexOf(" ")+1)),u=i?e.width/i:e.width,f=o?e.height/o:e.height;return{width:u,height:f,top:c,right:l+u,bottom:c+f,left:l}}const Zat={ignoreTransform:!1};function gg(e,t){t===void 0&&(t=Zat);let n=e.getBoundingClientRect();if(t.ignoreTransform){const{transform:c,transformOrigin:u}=fs(e).getComputedStyle(e);c&&(n=Xat(n,c,u))}const{top:r,left:i,width:o,height:s,bottom:a,right:l}=n;return{top:r,left:i,width:o,height:s,bottom:a,right:l}}function AK(e){return gg(e,{ignoreTransform:!0})}function Jat(e){const t=e.innerWidth,n=e.innerHeight;return{top:0,left:0,right:t,bottom:n,width:t,height:n}}function Qat(e,t){return t===void 0&&(t=fs(e).getComputedStyle(e)),t.position==="fixed"}function elt(e,t){t===void 0&&(t=fs(e).getComputedStyle(e));const n=/(auto|scroll|overlay)/;return["overflow","overflowX","overflowY"].some(i=>{const o=t[i];return typeof o=="string"?n.test(o):!1})}function qC(e,t){const n=[];function r(i){if(t!=null&&n.length>=t||!i)return n;if(bI(i)&&i.scrollingElement!=null&&!n.includes(i.scrollingElement))return n.push(i.scrollingElement),n;if(!ov(i)||gle(i)||n.includes(i))return n;const o=fs(e).getComputedStyle(i);return i!==e&&elt(i,o)&&n.push(i),Qat(i,o)?n:r(i.parentNode)}return e?r(e):n}function Cle(e){const[t]=qC(e,1);return t??null}function XA(e){return!WC||!e?null:pg(e)?e:yI(e)?bI(e)||e===mg(e).scrollingElement?window:ov(e)?e:null:null}function Ele(e){return pg(e)?e.scrollX:e.scrollLeft}function Ale(e){return pg(e)?e.scrollY:e.scrollTop}function QD(e){return{x:Ele(e),y:Ale(e)}}var Xi;(function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"})(Xi||(Xi={}));function kle(e){return!WC||!e?!1:e===document.scrollingElement}function _le(e){const t={x:0,y:0},n=kle(e)?{height:window.innerHeight,width:window.innerWidth}:{height:e.clientHeight,width:e.clientWidth},r={x:e.scrollWidth-n.width,y:e.scrollHeight-n.height},i=e.scrollTop<=t.y,o=e.scrollLeft<=t.x,s=e.scrollTop>=r.y,a=e.scrollLeft>=r.x;return{isTop:i,isLeft:o,isBottom:s,isRight:a,maxScroll:r,minScroll:t}}const tlt={x:.2,y:.2};function nlt(e,t,n,r,i){let{top:o,left:s,right:a,bottom:l}=n;r===void 0&&(r=10),i===void 0&&(i=tlt);const{isTop:c,isBottom:u,isLeft:f,isRight:h}=_le(e),g={x:0,y:0},y={x:0,y:0},b={height:t.height*i.y,width:t.width*i.x};return!c&&o<=t.top+b.height?(g.y=Xi.Backward,y.y=r*Math.abs((t.top+b.height-o)/b.height)):!u&&l>=t.bottom-b.height&&(g.y=Xi.Forward,y.y=r*Math.abs((t.bottom-b.height-l)/b.height)),!h&&a>=t.right-b.width?(g.x=Xi.Forward,y.x=r*Math.abs((t.right-b.width-a)/b.width)):!f&&s<=t.left+b.width&&(g.x=Xi.Backward,y.x=r*Math.abs((t.left+b.width-s)/b.width)),{direction:g,speed:y}}function rlt(e){if(e===document.scrollingElement){const{innerWidth:o,innerHeight:s}=window;return{top:0,left:0,right:o,bottom:s,width:o,height:s}}const{top:t,left:n,right:r,bottom:i}=e.getBoundingClientRect();return{top:t,left:n,right:r,bottom:i,width:e.clientWidth,height:e.clientHeight}}function Dle(e){return e.reduce((t,n)=>tm(t,QD(n)),sl)}function ilt(e){return e.reduce((t,n)=>t+Ele(n),0)}function olt(e){return e.reduce((t,n)=>t+Ale(n),0)}function slt(e,t){if(t===void 0&&(t=gg),!e)return;const{top:n,left:r,bottom:i,right:o}=t(e);Cle(e)&&(i<=0||o<=0||n>=window.innerHeight||r>=window.innerWidth)&&e.scrollIntoView({block:"center",inline:"center"})}const alt=[["x",["left","right"],ilt],["y",["top","bottom"],olt]];class SI{constructor(t,n){this.rect=void 0,this.width=void 0,this.height=void 0,this.top=void 0,this.bottom=void 0,this.right=void 0,this.left=void 0;const r=qC(n),i=Dle(r);this.rect={...t},this.width=t.width,this.height=t.height;for(const[o,s,a]of alt)for(const l of s)Object.defineProperty(this,l,{get:()=>{const c=a(r),u=i[o]-c;return this.rect[l]+u},enumerable:!0});Object.defineProperty(this,"rect",{enumerable:!1})}}class jy{constructor(t){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach(n=>{var r;return(r=this.target)==null?void 0:r.removeEventListener(...n)})},this.target=t}add(t,n,r){var i;(i=this.target)==null||i.addEventListener(t,n,r),this.listeners.push([t,n,r])}}function llt(e){const{EventTarget:t}=fs(e);return e instanceof t?e:mg(e)}function ZA(e,t){const n=Math.abs(e.x),r=Math.abs(e.y);return typeof t=="number"?Math.sqrt(n**2+r**2)>t:"x"in t&&"y"in t?n>t.x&&r>t.y:"x"in t?n>t.x:"y"in t?r>t.y:!1}var ta;(function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"})(ta||(ta={}));function kK(e){e.preventDefault()}function clt(e){e.stopPropagation()}var $n;(function(e){e.Space="Space",e.Down="ArrowDown",e.Right="ArrowRight",e.Left="ArrowLeft",e.Up="ArrowUp",e.Esc="Escape",e.Enter="Enter",e.Tab="Tab"})($n||($n={}));const Ole={start:[$n.Space,$n.Enter],cancel:[$n.Esc],end:[$n.Space,$n.Enter,$n.Tab]},ult=(e,t)=>{let{currentCoordinates:n}=t;switch(e.code){case $n.Right:return{...n,x:n.x+25};case $n.Left:return{...n,x:n.x-25};case $n.Down:return{...n,y:n.y+25};case $n.Up:return{...n,y:n.y-25}}};class wI{constructor(t){this.props=void 0,this.autoScrollEnabled=!1,this.referenceCoordinates=void 0,this.listeners=void 0,this.windowListeners=void 0,this.props=t;const{event:{target:n}}=t;this.props=t,this.listeners=new jy(mg(n)),this.windowListeners=new jy(fs(n)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(ta.Resize,this.handleCancel),this.windowListeners.add(ta.VisibilityChange,this.handleCancel),setTimeout(()=>this.listeners.add(ta.Keydown,this.handleKeyDown))}handleStart(){const{activeNode:t,onStart:n}=this.props,r=t.node.current;r&&slt(r),n(sl)}handleKeyDown(t){if(xI(t)){const{active:n,context:r,options:i}=this.props,{keyboardCodes:o=Ole,coordinateGetter:s=ult,scrollBehavior:a="smooth"}=i,{code:l}=t;if(o.end.includes(l)){this.handleEnd(t);return}if(o.cancel.includes(l)){this.handleCancel(t);return}const{collisionRect:c}=r.current,u=c?{x:c.left,y:c.top}:sl;this.referenceCoordinates||(this.referenceCoordinates=u);const f=s(t,{active:n,context:r.current,currentCoordinates:u});if(f){const h=ib(f,u),g={x:0,y:0},{scrollableAncestors:y}=r.current;for(const b of y){const v=t.code,{isTop:S,isRight:C,isLeft:w,isBottom:A,maxScroll:E,minScroll:D}=_le(b),O=rlt(b),T={x:Math.min(v===$n.Right?O.right-O.width/2:O.right,Math.max(v===$n.Right?O.left:O.left+O.width/2,f.x)),y:Math.min(v===$n.Down?O.bottom-O.height/2:O.bottom,Math.max(v===$n.Down?O.top:O.top+O.height/2,f.y))},I=v===$n.Right&&!C||v===$n.Left&&!w,N=v===$n.Down&&!A||v===$n.Up&&!S;if(I&&T.x!==f.x){const j=b.scrollLeft+h.x,R=v===$n.Right&&j<=E.x||v===$n.Left&&j>=D.x;if(R&&!h.y){b.scrollTo({left:j,behavior:a});return}R?g.x=b.scrollLeft-j:g.x=v===$n.Right?b.scrollLeft-E.x:b.scrollLeft-D.x,g.x&&b.scrollBy({left:-g.x,behavior:a});break}else if(N&&T.y!==f.y){const j=b.scrollTop+h.y,R=v===$n.Down&&j<=E.y||v===$n.Up&&j>=D.y;if(R&&!h.x){b.scrollTo({top:j,behavior:a});return}R?g.y=b.scrollTop-j:g.y=v===$n.Down?b.scrollTop-E.y:b.scrollTop-D.y,g.y&&b.scrollBy({top:-g.y,behavior:a});break}}this.handleMove(t,tm(ib(f,this.referenceCoordinates),g))}}}handleMove(t,n){const{onMove:r}=this.props;t.preventDefault(),r(n)}handleEnd(t){const{onEnd:n}=this.props;t.preventDefault(),this.detach(),n()}handleCancel(t){const{onCancel:n}=this.props;t.preventDefault(),this.detach(),n()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll()}}wI.activators=[{eventName:"onKeyDown",handler:(e,t,n)=>{let{keyboardCodes:r=Ole,onActivation:i}=t,{active:o}=n;const{code:s}=e.nativeEvent;if(r.start.includes(s)){const a=o.activatorNode.current;return a&&e.target!==a?!1:(e.preventDefault(),i?.({event:e.nativeEvent}),!0)}return!1}}];function _K(e){return!!(e&&"distance"in e)}function DK(e){return!!(e&&"delay"in e)}class CI{constructor(t,n,r){var i;r===void 0&&(r=llt(t.event.target)),this.props=void 0,this.events=void 0,this.autoScrollEnabled=!0,this.document=void 0,this.activated=!1,this.initialCoordinates=void 0,this.timeoutId=null,this.listeners=void 0,this.documentListeners=void 0,this.windowListeners=void 0,this.props=t,this.events=n;const{event:o}=t,{target:s}=o;this.props=t,this.events=n,this.document=mg(s),this.documentListeners=new jy(this.document),this.listeners=new jy(r),this.windowListeners=new jy(fs(s)),this.initialCoordinates=(i=JD(o))!=null?i:sl,this.handleStart=this.handleStart.bind(this),this.handleMove=this.handleMove.bind(this),this.handleEnd=this.handleEnd.bind(this),this.handleCancel=this.handleCancel.bind(this),this.handleKeydown=this.handleKeydown.bind(this),this.removeTextSelection=this.removeTextSelection.bind(this),this.attach()}attach(){const{events:t,props:{options:{activationConstraint:n,bypassActivationConstraint:r}}}=this;if(this.listeners.add(t.move.name,this.handleMove,{passive:!1}),this.listeners.add(t.end.name,this.handleEnd),t.cancel&&this.listeners.add(t.cancel.name,this.handleCancel),this.windowListeners.add(ta.Resize,this.handleCancel),this.windowListeners.add(ta.DragStart,kK),this.windowListeners.add(ta.VisibilityChange,this.handleCancel),this.windowListeners.add(ta.ContextMenu,kK),this.documentListeners.add(ta.Keydown,this.handleKeydown),n){if(r!=null&&r({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(DK(n)){this.timeoutId=setTimeout(this.handleStart,n.delay),this.handlePending(n);return}if(_K(n)){this.handlePending(n);return}}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),this.timeoutId!==null&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handlePending(t,n){const{active:r,onPending:i}=this.props;i(r,t,this.initialCoordinates,n)}handleStart(){const{initialCoordinates:t}=this,{onStart:n}=this.props;t&&(this.activated=!0,this.documentListeners.add(ta.Click,clt,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(ta.SelectionChange,this.removeTextSelection),n(t))}handleMove(t){var n;const{activated:r,initialCoordinates:i,props:o}=this,{onMove:s,options:{activationConstraint:a}}=o;if(!i)return;const l=(n=JD(t))!=null?n:sl,c=ib(i,l);if(!r&&a){if(_K(a)){if(a.tolerance!=null&&ZA(c,a.tolerance))return this.handleCancel();if(ZA(c,a.distance))return this.handleStart()}if(DK(a)&&ZA(c,a.tolerance))return this.handleCancel();this.handlePending(a,c);return}t.cancelable&&t.preventDefault(),s(l)}handleEnd(){const{onAbort:t,onEnd:n}=this.props;this.detach(),this.activated||t(this.props.active),n()}handleCancel(){const{onAbort:t,onCancel:n}=this.props;this.detach(),this.activated||t(this.props.active),n()}handleKeydown(t){t.code===$n.Esc&&this.handleCancel()}removeTextSelection(){var t;(t=this.document.getSelection())==null||t.removeAllRanges()}}const dlt={cancel:{name:"pointercancel"},move:{name:"pointermove"},end:{name:"pointerup"}};class EI extends CI{constructor(t){const{event:n}=t,r=mg(n.target);super(t,dlt,r)}}EI.activators=[{eventName:"onPointerDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return!n.isPrimary||n.button!==0?!1:(r?.({event:n}),!0)}}];const flt={move:{name:"mousemove"},end:{name:"mouseup"}};var eO;(function(e){e[e.RightClick=2]="RightClick"})(eO||(eO={}));class hlt extends CI{constructor(t){super(t,flt,mg(t.event.target))}}hlt.activators=[{eventName:"onMouseDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return n.button===eO.RightClick?!1:(r?.({event:n}),!0)}}];const JA={cancel:{name:"touchcancel"},move:{name:"touchmove"},end:{name:"touchend"}};class plt extends CI{constructor(t){super(t,JA)}static setup(){return window.addEventListener(JA.move.name,t,{capture:!1,passive:!1}),function(){window.removeEventListener(JA.move.name,t)};function t(){}}}plt.activators=[{eventName:"onTouchStart",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;const{touches:i}=n;return i.length>1?!1:(r?.({event:n}),!0)}}];var $y;(function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"})($y||($y={}));var AS;(function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"})(AS||(AS={}));function mlt(e){let{acceleration:t,activator:n=$y.Pointer,canScroll:r,draggingRect:i,enabled:o,interval:s=5,order:a=AS.TreeOrder,pointerCoordinates:l,scrollableAncestors:c,scrollableAncestorRects:u,delta:f,threshold:h}=e;const g=ylt({delta:f,disabled:!o}),[y,b]=_at(),v=_.useRef({x:0,y:0}),S=_.useRef({x:0,y:0}),C=_.useMemo(()=>{switch(n){case $y.Pointer:return l?{top:l.y,bottom:l.y,left:l.x,right:l.x}:null;case $y.DraggableRect:return i}},[n,i,l]),w=_.useRef(null),A=_.useCallback(()=>{const D=w.current;if(!D)return;const O=v.current.x*S.current.x,T=v.current.y*S.current.y;D.scrollBy(O,T)},[]),E=_.useMemo(()=>a===AS.TreeOrder?[...c].reverse():c,[a,c]);_.useEffect(()=>{if(!o||!c.length||!C){b();return}for(const D of E){if(r?.(D)===!1)continue;const O=c.indexOf(D),T=u[O];if(!T)continue;const{direction:I,speed:N}=nlt(D,T,C,t,h);for(const j of["x","y"])g[j][I[j]]||(N[j]=0,I[j]=0);if(N.x>0||N.y>0){b(),w.current=D,y(A,s),v.current=N,S.current=I;return}}v.current={x:0,y:0},S.current={x:0,y:0},b()},[t,A,r,b,o,s,JSON.stringify(C),JSON.stringify(g),y,c,E,u,JSON.stringify(h)])}const glt={x:{[Xi.Backward]:!1,[Xi.Forward]:!1},y:{[Xi.Backward]:!1,[Xi.Forward]:!1}};function ylt(e){let{delta:t,disabled:n}=e;const r=ZD(t);return sv(i=>{if(n||!r||!i)return glt;const o={x:Math.sign(t.x-r.x),y:Math.sign(t.y-r.y)};return{x:{[Xi.Backward]:i.x[Xi.Backward]||o.x===-1,[Xi.Forward]:i.x[Xi.Forward]||o.x===1},y:{[Xi.Backward]:i.y[Xi.Backward]||o.y===-1,[Xi.Forward]:i.y[Xi.Forward]||o.y===1}}},[n,t,r])}function blt(e,t){const n=t!=null?e.get(t):void 0,r=n?n.node.current:null;return sv(i=>{var o;return t==null?null:(o=r??i)!=null?o:null},[r,t])}function vlt(e,t){return _.useMemo(()=>e.reduce((n,r)=>{const{sensor:i}=r,o=i.activators.map(s=>({eventName:s.eventName,handler:t(s.handler,r)}));return[...n,...o]},[]),[e,t])}var sb;(function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"})(sb||(sb={}));var tO;(function(e){e.Optimized="optimized"})(tO||(tO={}));const OK=new Map;function xlt(e,t){let{dragging:n,dependencies:r,config:i}=t;const[o,s]=_.useState(null),{frequency:a,measure:l,strategy:c}=i,u=_.useRef(e),f=v(),h=rb(f),g=_.useCallback(function(S){S===void 0&&(S=[]),!h.current&&s(C=>C===null?S:C.concat(S.filter(w=>!C.includes(w))))},[h]),y=_.useRef(null),b=sv(S=>{if(f&&!n)return OK;if(!S||S===OK||u.current!==e||o!=null){const C=new Map;for(let w of e){if(!w)continue;if(o&&o.length>0&&!o.includes(w.id)&&w.rect.current){C.set(w.id,w.rect.current);continue}const A=w.node.current,E=A?new SI(l(A),A):null;w.rect.current=E,E&&C.set(w.id,E)}return C}return S},[e,o,n,f,l]);return _.useEffect(()=>{u.current=e},[e]),_.useEffect(()=>{f||g()},[n,f]),_.useEffect(()=>{o&&o.length>0&&s(null)},[JSON.stringify(o)]),_.useEffect(()=>{f||typeof a!="number"||y.current!==null||(y.current=setTimeout(()=>{g(),y.current=null},a))},[a,f,g,...r]),{droppableRects:b,measureDroppableContainers:g,measuringScheduled:o!=null};function v(){switch(c){case sb.Always:return!1;case sb.BeforeDragging:return n;default:return!n}}}function Tle(e,t){return sv(n=>e?n||(typeof t=="function"?t(e):e):null,[t,e])}function Slt(e,t){return Tle(e,t)}function wlt(e){let{callback:t,disabled:n}=e;const r=vI(t),i=_.useMemo(()=>{if(n||typeof window>"u"||typeof window.MutationObserver>"u")return;const{MutationObserver:o}=window;return new o(r)},[r,n]);return _.useEffect(()=>()=>i?.disconnect(),[i]),i}function GC(e){let{callback:t,disabled:n}=e;const r=vI(t),i=_.useMemo(()=>{if(n||typeof window>"u"||typeof window.ResizeObserver>"u")return;const{ResizeObserver:o}=window;return new o(r)},[n]);return _.useEffect(()=>()=>i?.disconnect(),[i]),i}function Clt(e){return new SI(gg(e),e)}function TK(e,t,n){t===void 0&&(t=Clt);const[r,i]=_.useState(null);function o(){i(l=>{if(!e)return null;if(e.isConnected===!1){var c;return(c=l??n)!=null?c:null}const u=t(e);return JSON.stringify(l)===JSON.stringify(u)?l:u})}const s=wlt({callback(l){if(e)for(const c of l){const{type:u,target:f}=c;if(u==="childList"&&f instanceof HTMLElement&&f.contains(e)){o();break}}}}),a=GC({callback:o});return yc(()=>{o(),e?(a?.observe(e),s?.observe(document.body,{childList:!0,subtree:!0})):(a?.disconnect(),s?.disconnect())},[e]),r}function Elt(e){const t=Tle(e);return wle(e,t)}const MK=[];function Alt(e){const t=_.useRef(e),n=sv(r=>e?r&&r!==MK&&e&&t.current&&e.parentNode===t.current.parentNode?r:qC(e):MK,[e]);return _.useEffect(()=>{t.current=e},[e]),n}function klt(e){const[t,n]=_.useState(null),r=_.useRef(e),i=_.useCallback(o=>{const s=XA(o.target);s&&n(a=>a?(a.set(s,QD(s)),new Map(a)):null)},[]);return _.useEffect(()=>{const o=r.current;if(e!==o){s(o);const a=e.map(l=>{const c=XA(l);return c?(c.addEventListener("scroll",i,{passive:!0}),[c,QD(c)]):null}).filter(l=>l!=null);n(a.length?new Map(a):null),r.current=e}return()=>{s(e),s(o)};function s(a){a.forEach(l=>{const c=XA(l);c?.removeEventListener("scroll",i)})}},[i,e]),_.useMemo(()=>e.length?t?Array.from(t.values()).reduce((o,s)=>tm(o,s),sl):Dle(e):sl,[e,t])}function RK(e,t){t===void 0&&(t=[]);const n=_.useRef(null);return _.useEffect(()=>{n.current=null},t),_.useEffect(()=>{const r=e!==sl;r&&!n.current&&(n.current=e),!r&&n.current&&(n.current=null)},[e]),n.current?ib(e,n.current):sl}function _lt(e){_.useEffect(()=>{if(!WC)return;const t=e.map(n=>{let{sensor:r}=n;return r.setup==null?void 0:r.setup()});return()=>{for(const n of t)n?.()}},e.map(t=>{let{sensor:n}=t;return n}))}function Dlt(e,t){return _.useMemo(()=>e.reduce((n,r)=>{let{eventName:i,handler:o}=r;return n[i]=s=>{o(s,t)},n},{}),[e,t])}function Mle(e){return _.useMemo(()=>e?Jat(e):null,[e])}const IK=[];function Olt(e,t){t===void 0&&(t=gg);const[n]=e,r=Mle(n?fs(n):null),[i,o]=_.useState(IK);function s(){o(()=>e.length?e.map(l=>kle(l)?r:new SI(t(l),l)):IK)}const a=GC({callback:s});return yc(()=>{a?.disconnect(),s(),e.forEach(l=>a?.observe(l))},[e]),i}function Tlt(e){if(!e)return null;if(e.children.length>1)return e;const t=e.children[0];return ov(t)?t:e}function Mlt(e){let{measure:t}=e;const[n,r]=_.useState(null),i=_.useCallback(c=>{for(const{target:u}of c)if(ov(u)){r(f=>{const h=t(u);return f?{...f,width:h.width,height:h.height}:h});break}},[t]),o=GC({callback:i}),s=_.useCallback(c=>{const u=Tlt(c);o?.disconnect(),u&&o?.observe(u),r(u?t(u):null)},[t,o]),[a,l]=CS(s);return _.useMemo(()=>({nodeRef:a,rect:n,setRef:l}),[n,a,l])}const Rlt=[{sensor:EI,options:{}},{sensor:wI,options:{}}],Ilt={current:{}},A4={draggable:{measure:AK},droppable:{measure:AK,strategy:sb.WhileDragging,frequency:tO.Optimized},dragOverlay:{measure:gg}};class Ly extends Map{get(t){var n;return t!=null&&(n=super.get(t))!=null?n:void 0}toArray(){return Array.from(this.values())}getEnabled(){return this.toArray().filter(t=>{let{disabled:n}=t;return!n})}getNodeFor(t){var n,r;return(n=(r=this.get(t))==null?void 0:r.node.current)!=null?n:void 0}}const Plt={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new Ly,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:ES},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:A4,measureDroppableContainers:ES,windowRect:null,measuringScheduled:!1},jlt={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:ES,draggableNodes:new Map,over:null,measureDroppableContainers:ES},KC=_.createContext(jlt),Rle=_.createContext(Plt);function $lt(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new Ly}}}function Llt(e,t){switch(t.type){case Li.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:t.initialCoordinates,active:t.active}};case Li.DragMove:return e.draggable.active==null?e:{...e,draggable:{...e.draggable,translate:{x:t.coordinates.x-e.draggable.initialCoordinates.x,y:t.coordinates.y-e.draggable.initialCoordinates.y}}};case Li.DragEnd:case Li.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case Li.RegisterDroppable:{const{element:n}=t,{id:r}=n,i=new Ly(e.droppable.containers);return i.set(r,n),{...e,droppable:{...e.droppable,containers:i}}}case Li.SetDroppableDisabled:{const{id:n,key:r,disabled:i}=t,o=e.droppable.containers.get(n);if(!o||r!==o.key)return e;const s=new Ly(e.droppable.containers);return s.set(n,{...o,disabled:i}),{...e,droppable:{...e.droppable,containers:s}}}case Li.UnregisterDroppable:{const{id:n,key:r}=t,i=e.droppable.containers.get(n);if(!i||r!==i.key)return e;const o=new Ly(e.droppable.containers);return o.delete(n),{...e,droppable:{...e.droppable,containers:o}}}default:return e}}function Nlt(e){let{disabled:t}=e;const{active:n,activatorEvent:r,draggableNodes:i}=_.useContext(KC),o=ZD(r),s=ZD(n?.id);return _.useEffect(()=>{if(!t&&!r&&o&&s!=null){if(!xI(o)||document.activeElement===o.target)return;const a=i.get(s);if(!a)return;const{activatorNode:l,node:c}=a;if(!l.current&&!c.current)return;requestAnimationFrame(()=>{for(const u of[l.current,c.current]){if(!u)continue;const f=Tat(u);if(f){f.focus();break}}})}},[r,t,i,s,o]),null}function Flt(e,t){let{transform:n,...r}=t;return e!=null&&e.length?e.reduce((i,o)=>o({transform:i,...r}),n):n}function Blt(e){return _.useMemo(()=>({draggable:{...A4.draggable,...e?.draggable},droppable:{...A4.droppable,...e?.droppable},dragOverlay:{...A4.dragOverlay,...e?.dragOverlay}}),[e?.draggable,e?.droppable,e?.dragOverlay])}function zlt(e){let{activeNode:t,measure:n,initialRect:r,config:i=!0}=e;const o=_.useRef(!1),{x:s,y:a}=typeof i=="boolean"?{x:i,y:i}:i;yc(()=>{if(!s&&!a||!t){o.current=!1;return}if(o.current||!r)return;const c=t?.node.current;if(!c||c.isConnected===!1)return;const u=n(c),f=wle(u,r);if(s||(f.x=0),a||(f.y=0),o.current=!0,Math.abs(f.x)>0||Math.abs(f.y)>0){const h=Cle(c);h&&h.scrollBy({top:f.y,left:f.x})}},[t,s,a,r,n])}const Ile=_.createContext({...sl,scaleX:1,scaleY:1});var xd;(function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"})(xd||(xd={}));const Hlt=_.memo(function(t){var n,r,i,o;let{id:s,accessibility:a,autoScroll:l=!0,children:c,sensors:u=Rlt,collisionDetection:f=Wat,measuring:h,modifiers:g,...y}=t;const b=_.useReducer(Llt,void 0,$lt),[v,S]=b,[C,w]=$at(),[A,E]=_.useState(xd.Uninitialized),D=A===xd.Initialized,{draggable:{active:O,nodes:T,translate:I},droppable:{containers:N}}=v,j=O!=null?T.get(O):null,R=_.useRef({initial:null,translated:null}),L=_.useMemo(()=>{var _t;return O!=null?{id:O,data:(_t=j?.data)!=null?_t:Ilt,rect:R}:null},[O,j]),$=_.useRef(null),[z,F]=_.useState(null),[G,V]=_.useState(null),U=rb(y,Object.values(y)),X=av("DndDescribedBy",s),B=_.useMemo(()=>N.getEnabled(),[N]),W=Blt(h),{droppableRects:Y,measureDroppableContainers:H,measuringScheduled:K}=xlt(B,{dragging:D,dependencies:[I.x,I.y],config:W.droppable}),Q=blt(T,O),Z=_.useMemo(()=>G?JD(G):null,[G]),J=yr(),ie=Slt(Q,W.draggable.measure);zlt({activeNode:O!=null?T.get(O):null,config:J.layoutShiftCompensation,initialRect:ie,measure:W.draggable.measure});const ce=TK(Q,W.draggable.measure,ie),te=TK(Q?Q.parentElement:null),ne=_.useRef({activatorEvent:null,active:null,activeNode:Q,collisionRect:null,collisions:null,droppableRects:Y,draggableNodes:T,draggingNode:null,draggingNodeRect:null,droppableContainers:N,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),oe=N.getNodeFor((n=ne.current.over)==null?void 0:n.id),ue=Mlt({measure:W.dragOverlay.measure}),pe=(r=ue.nodeRef.current)!=null?r:Q,we=D?(i=ue.rect)!=null?i:ce:null,ke=!!(ue.nodeRef.current&&ue.rect),Ae=Elt(ke?null:ce),Fe=Mle(pe?fs(pe):null),Ie=Alt(D?oe??Q:null),st=Olt(Ie),Ge=Flt(g,{transform:{x:I.x-Ae.x,y:I.y-Ae.y,scaleX:1,scaleY:1},activatorEvent:G,active:L,activeNodeRect:ce,containerNodeRect:te,draggingNodeRect:we,over:ne.current.over,overlayNodeRect:ue.rect,scrollableAncestors:Ie,scrollableAncestorRects:st,windowRect:Fe}),It=Z?tm(Z,I):null,pt=klt(Ie),Be=RK(pt),Re=RK(pt,[ce]),ze=tm(Ge,Be),Ze=we?Kat(we,Ge):null,nt=L&&Ze?f({active:L,collisionRect:Ze,droppableRects:Y,droppableContainers:B,pointerCoordinates:It}):null,ot=Sle(nt,"id"),[Ye,Lt]=_.useState(null),Nt=ke?Ge:tm(Ge,Re),Dt=qat(Nt,(o=Ye?.rect)!=null?o:null,ce),Xn=_.useRef(null),rn=_.useCallback((_t,Pt)=>{let{sensor:Jt,options:Pn}=Pt;if($.current==null)return;const on=T.get($.current);if(!on)return;const xt=_t.nativeEvent,pn=new Jt({active:$.current,activeNode:on,event:xt,options:Pn,context:ne,onAbort(br){if(!T.get(br))return;const{onDragAbort:ae}=U.current,he={id:br};ae?.(he),C({type:"onDragAbort",event:he})},onPending(br,ei,ae,he){if(!T.get(br))return;const{onDragPending:Le}=U.current,He={id:br,constraint:ei,initialCoordinates:ae,offset:he};Le?.(He),C({type:"onDragPending",event:He})},onStart(br){const ei=$.current;if(ei==null)return;const ae=T.get(ei);if(!ae)return;const{onDragStart:he}=U.current,ve={activatorEvent:xt,active:{id:ei,data:ae.data,rect:R}};Dd.unstable_batchedUpdates(()=>{he?.(ve),E(xd.Initializing),S({type:Li.DragStart,initialCoordinates:br,active:ei}),C({type:"onDragStart",event:ve}),F(Xn.current),V(xt)})},onMove(br){S({type:Li.DragMove,coordinates:br})},onEnd:Qr(Li.DragEnd),onCancel:Qr(Li.DragCancel)});Xn.current=pn;function Qr(br){return async function(){const{active:ae,collisions:he,over:ve,scrollAdjustedTranslate:Le}=ne.current;let He=null;if(ae&&Le){const{cancelDrop:gt}=U.current;He={activatorEvent:xt,active:ae,collisions:he,delta:Le,over:ve},br===Li.DragEnd&&typeof gt=="function"&&await Promise.resolve(gt(He))&&(br=Li.DragCancel)}$.current=null,Dd.unstable_batchedUpdates(()=>{S({type:br}),E(xd.Uninitialized),Lt(null),F(null),V(null),Xn.current=null;const gt=br===Li.DragEnd?"onDragEnd":"onDragCancel";if(He){const rt=U.current[gt];rt?.(He),C({type:gt,event:He})}})}}},[T]),lt=_.useCallback((_t,Pt)=>(Jt,Pn)=>{const on=Jt.nativeEvent,xt=T.get(Pn);if($.current!==null||!xt||on.dndKit||on.defaultPrevented)return;const pn={active:xt};_t(Jt,Pt.options,pn)===!0&&(on.dndKit={capturedBy:Pt.sensor},$.current=Pn,rn(Jt,Pt))},[T,rn]),Ht=vlt(u,lt);_lt(u),yc(()=>{ce&&A===xd.Initializing&&E(xd.Initialized)},[ce,A]),_.useEffect(()=>{const{onDragMove:_t}=U.current,{active:Pt,activatorEvent:Jt,collisions:Pn,over:on}=ne.current;if(!Pt||!Jt)return;const xt={active:Pt,activatorEvent:Jt,collisions:Pn,delta:{x:ze.x,y:ze.y},over:on};Dd.unstable_batchedUpdates(()=>{_t?.(xt),C({type:"onDragMove",event:xt})})},[ze.x,ze.y]),_.useEffect(()=>{const{active:_t,activatorEvent:Pt,collisions:Jt,droppableContainers:Pn,scrollAdjustedTranslate:on}=ne.current;if(!_t||$.current==null||!Pt||!on)return;const{onDragOver:xt}=U.current,pn=Pn.get(ot),Qr=pn&&pn.rect.current?{id:pn.id,rect:pn.rect.current,data:pn.data,disabled:pn.disabled}:null,br={active:_t,activatorEvent:Pt,collisions:Jt,delta:{x:on.x,y:on.y},over:Qr};Dd.unstable_batchedUpdates(()=>{Lt(Qr),xt?.(br),C({type:"onDragOver",event:br})})},[ot]),yc(()=>{ne.current={activatorEvent:G,active:L,activeNode:Q,collisionRect:Ze,collisions:nt,droppableRects:Y,draggableNodes:T,draggingNode:pe,draggingNodeRect:we,droppableContainers:N,over:Ye,scrollableAncestors:Ie,scrollAdjustedTranslate:ze},R.current={initial:we,translated:Ze}},[L,Q,nt,Ze,T,pe,we,Y,N,Ye,Ie,ze]),mlt({...J,delta:I,draggingRect:Ze,pointerCoordinates:It,scrollableAncestors:Ie,scrollableAncestorRects:st});const _n=_.useMemo(()=>({active:L,activeNode:Q,activeNodeRect:ce,activatorEvent:G,collisions:nt,containerNodeRect:te,dragOverlay:ue,draggableNodes:T,droppableContainers:N,droppableRects:Y,over:Ye,measureDroppableContainers:H,scrollableAncestors:Ie,scrollableAncestorRects:st,measuringConfiguration:W,measuringScheduled:K,windowRect:Fe}),[L,Q,ce,G,nt,te,ue,T,N,Y,Ye,H,Ie,st,W,K,Fe]),Gn=_.useMemo(()=>({activatorEvent:G,activators:Ht,active:L,activeNodeRect:ce,ariaDescribedById:{draggable:X},dispatch:S,draggableNodes:T,over:Ye,measureDroppableContainers:H}),[G,Ht,L,ce,S,X,T,Ye,H]);return qt.createElement(ble.Provider,{value:w},qt.createElement(KC.Provider,{value:Gn},qt.createElement(Rle.Provider,{value:_n},qt.createElement(Ile.Provider,{value:Dt},c)),qt.createElement(Nlt,{disabled:a?.restoreFocus===!1})),qt.createElement(Fat,{...a,hiddenTextDescribedById:X}));function yr(){const _t=z?.autoScrollEnabled===!1,Pt=typeof l=="object"?l.enabled===!1:l===!1,Jt=D&&!_t&&!Pt;return typeof l=="object"?{...l,enabled:Jt}:{enabled:Jt}}}),Ult=_.createContext(null),PK="button",Vlt="Draggable";function Wlt(e){let{id:t,data:n,disabled:r=!1,attributes:i}=e;const o=av(Vlt),{activators:s,activatorEvent:a,active:l,activeNodeRect:c,ariaDescribedById:u,draggableNodes:f,over:h}=_.useContext(KC),{role:g=PK,roleDescription:y="draggable",tabIndex:b=0}=i??{},v=l?.id===t,S=_.useContext(v?Ile:Ult),[C,w]=CS(),[A,E]=CS(),D=Dlt(s,t),O=rb(n);yc(()=>(f.set(t,{id:t,key:o,node:C,activatorNode:A,data:O}),()=>{const I=f.get(t);I&&I.key===o&&f.delete(t)}),[f,t]);const T=_.useMemo(()=>({role:g,tabIndex:b,"aria-disabled":r,"aria-pressed":v&&g===PK?!0:void 0,"aria-roledescription":y,"aria-describedby":u.draggable}),[r,g,b,v,y,u.draggable]);return{active:l,activatorEvent:a,activeNodeRect:c,attributes:T,isDragging:v,listeners:r?void 0:D,node:C,over:h,setNodeRef:w,setActivatorNodeRef:E,transform:S}}function qlt(){return _.useContext(Rle)}const Glt="Droppable",Klt={timeout:25};function Ylt(e){let{data:t,disabled:n=!1,id:r,resizeObserverConfig:i}=e;const o=av(Glt),{active:s,dispatch:a,over:l,measureDroppableContainers:c}=_.useContext(KC),u=_.useRef({disabled:n}),f=_.useRef(!1),h=_.useRef(null),g=_.useRef(null),{disabled:y,updateMeasurementsFor:b,timeout:v}={...Klt,...i},S=rb(b??r),C=_.useCallback(()=>{if(!f.current){f.current=!0;return}g.current!=null&&clearTimeout(g.current),g.current=setTimeout(()=>{c(Array.isArray(S.current)?S.current:[S.current]),g.current=null},v)},[v]),w=GC({callback:C,disabled:y||!s}),A=_.useCallback((T,I)=>{w&&(I&&(w.unobserve(I),f.current=!1),T&&w.observe(T))},[w]),[E,D]=CS(A),O=rb(t);return _.useEffect(()=>{!w||!E.current||(w.disconnect(),f.current=!1,w.observe(E.current))},[E,w]),_.useEffect(()=>(a({type:Li.RegisterDroppable,element:{id:r,key:o,disabled:n,node:E,rect:h,data:O}}),()=>a({type:Li.UnregisterDroppable,key:o,id:r})),[r]),_.useEffect(()=>{n!==u.current.disabled&&(a({type:Li.SetDroppableDisabled,id:r,key:o,disabled:n}),u.current.disabled=n)},[r,o,n,a]),{active:s,rect:h,isOver:l?.id===r,node:E,over:l,setNodeRef:D}}function AI(e,t,n){const r=e.slice();return r.splice(n<0?r.length+n:n,0,r.splice(t,1)[0]),r}function Xlt(e,t){return e.reduce((n,r,i)=>{const o=t.get(r);return o&&(n[i]=o),n},Array(e.length))}function A5(e){return e!==null&&e>=0}function Zlt(e,t){if(e===t)return!0;if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}function Jlt(e){return typeof e=="boolean"?{draggable:e,droppable:e}:e}const Ple=e=>{let{rects:t,activeIndex:n,overIndex:r,index:i}=e;const o=AI(t,r,n),s=t[i],a=o[i];return!a||!s?null:{x:a.left-s.left,y:a.top-s.top,scaleX:a.width/s.width,scaleY:a.height/s.height}},k5={scaleX:1,scaleY:1},Qlt=e=>{var t;let{activeIndex:n,activeNodeRect:r,index:i,rects:o,overIndex:s}=e;const a=(t=o[n])!=null?t:r;if(!a)return null;if(i===n){const c=o[s];return c?{x:0,y:n<s?c.top+c.height-(a.top+a.height):c.top-a.top,...k5}:null}const l=ect(o,i,n);return i>n&&i<=s?{x:0,y:-a.height-l,...k5}:i<n&&i>=s?{x:0,y:a.height+l,...k5}:{x:0,y:0,...k5}};function ect(e,t,n){const r=e[t],i=e[t-1],o=e[t+1];return r?n<t?i?r.top-(i.top+i.height):o?o.top-(r.top+r.height):0:o?o.top-(r.top+r.height):i?r.top-(i.top+i.height):0:0}const jle="Sortable",$le=qt.createContext({activeIndex:-1,containerId:jle,disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:Ple,disabled:{draggable:!1,droppable:!1}});function tct(e){let{children:t,id:n,items:r,strategy:i=Ple,disabled:o=!1}=e;const{active:s,dragOverlay:a,droppableRects:l,over:c,measureDroppableContainers:u}=qlt(),f=av(jle,n),h=a.rect!==null,g=_.useMemo(()=>r.map(D=>typeof D=="object"&&"id"in D?D.id:D),[r]),y=s!=null,b=s?g.indexOf(s.id):-1,v=c?g.indexOf(c.id):-1,S=_.useRef(g),C=!Zlt(g,S.current),w=v!==-1&&b===-1||C,A=Jlt(o);yc(()=>{C&&y&&u(g)},[C,g,y,u]),_.useEffect(()=>{S.current=g},[g]);const E=_.useMemo(()=>({activeIndex:b,containerId:f,disabled:A,disableTransforms:w,items:g,overIndex:v,useDragOverlay:h,sortedRects:Xlt(g,l),strategy:i}),[b,f,A.draggable,A.droppable,w,g,v,l,h,i]);return qt.createElement($le.Provider,{value:E},t)}const nct=e=>{let{id:t,items:n,activeIndex:r,overIndex:i}=e;return AI(n,r,i).indexOf(t)},rct=e=>{let{containerId:t,isSorting:n,wasDragging:r,index:i,items:o,newIndex:s,previousItems:a,previousContainerId:l,transition:c}=e;return!c||!r||a!==o&&i===s?!1:n?!0:s!==i&&t===l},ict={duration:200,easing:"ease"},Lle="transform",oct=ob.Transition.toString({property:Lle,duration:0,easing:"linear"}),sct={roleDescription:"sortable"};function act(e){let{disabled:t,index:n,node:r,rect:i}=e;const[o,s]=_.useState(null),a=_.useRef(n);return yc(()=>{if(!t&&n!==a.current&&r.current){const l=i.current;if(l){const c=gg(r.current,{ignoreTransform:!0}),u={x:l.left-c.left,y:l.top-c.top,scaleX:l.width/c.width,scaleY:l.height/c.height};(u.x||u.y)&&s(u)}}n!==a.current&&(a.current=n)},[t,n,r,i]),_.useEffect(()=>{o&&s(null)},[o]),o}function lct(e){let{animateLayoutChanges:t=rct,attributes:n,disabled:r,data:i,getNewIndex:o=nct,id:s,strategy:a,resizeObserverConfig:l,transition:c=ict}=e;const{items:u,containerId:f,activeIndex:h,disabled:g,disableTransforms:y,sortedRects:b,overIndex:v,useDragOverlay:S,strategy:C}=_.useContext($le),w=cct(r,g),A=u.indexOf(s),E=_.useMemo(()=>({sortable:{containerId:f,index:A,items:u},...i}),[f,i,A,u]),D=_.useMemo(()=>u.slice(u.indexOf(s)),[u,s]),{rect:O,node:T,isOver:I,setNodeRef:N}=Ylt({id:s,data:E,disabled:w.droppable,resizeObserverConfig:{updateMeasurementsFor:D,...l}}),{active:j,activatorEvent:R,activeNodeRect:L,attributes:$,setNodeRef:z,listeners:F,isDragging:G,over:V,setActivatorNodeRef:U,transform:X}=Wlt({id:s,data:E,attributes:{...sct,...n},disabled:w.draggable}),B=kat(N,z),W=!!j,Y=W&&!y&&A5(h)&&A5(v),H=!S&&G,K=H&&Y?X:null,Z=Y?K??(a??C)({rects:b,activeNodeRect:L,activeIndex:h,overIndex:v,index:A}):null,J=A5(h)&&A5(v)?o({id:s,items:u,activeIndex:h,overIndex:v}):A,ie=j?.id,ce=_.useRef({activeId:ie,items:u,newIndex:J,containerId:f}),te=u!==ce.current.items,ne=t({active:j,containerId:f,isDragging:G,isSorting:W,id:s,index:A,items:u,newIndex:ce.current.newIndex,previousItems:ce.current.items,previousContainerId:ce.current.containerId,transition:c,wasDragging:ce.current.activeId!=null}),oe=act({disabled:!ne,index:A,node:T,rect:O});return _.useEffect(()=>{W&&ce.current.newIndex!==J&&(ce.current.newIndex=J),f!==ce.current.containerId&&(ce.current.containerId=f),u!==ce.current.items&&(ce.current.items=u)},[W,J,f,u]),_.useEffect(()=>{if(ie===ce.current.activeId)return;if(ie!=null&&ce.current.activeId==null){ce.current.activeId=ie;return}const pe=setTimeout(()=>{ce.current.activeId=ie},50);return()=>clearTimeout(pe)},[ie]),{active:j,activeIndex:h,attributes:$,data:E,rect:O,index:A,newIndex:J,items:u,isOver:I,isSorting:W,isDragging:G,listeners:F,node:T,overIndex:v,over:V,setNodeRef:B,setActivatorNodeRef:U,setDroppableNodeRef:N,setDraggableNodeRef:z,transform:oe??Z,transition:ue()};function ue(){if(oe||te&&ce.current.newIndex===A)return oct;if(!(H&&!xI(R)||!c)&&(W||ne))return ob.Transition.toString({...c,property:Lle})}}function cct(e,t){var n,r;return typeof e=="boolean"?{draggable:e,droppable:!1}:{draggable:(n=e?.draggable)!=null?n:t.draggable,droppable:(r=e?.droppable)!=null?r:t.droppable}}function kS(e){if(!e)return!1;const t=e.data.current;return!!(t&&"sortable"in t&&typeof t.sortable=="object"&&"containerId"in t.sortable&&"items"in t.sortable&&"index"in t.sortable)}const uct=[$n.Down,$n.Right,$n.Up,$n.Left],dct=(e,t)=>{let{context:{active:n,collisionRect:r,droppableRects:i,droppableContainers:o,over:s,scrollableAncestors:a}}=t;if(uct.includes(e.code)){if(e.preventDefault(),!n||!r)return;const l=[];o.getEnabled().forEach(f=>{if(!f||f!=null&&f.disabled)return;const h=i.get(f.id);if(h)switch(e.code){case $n.Down:r.top<h.top&&l.push(f);break;case $n.Up:r.top>h.top&&l.push(f);break;case $n.Left:r.left>h.left&&l.push(f);break;case $n.Right:r.left<h.left&&l.push(f);break}});const c=Uat({collisionRect:r,droppableRects:i,droppableContainers:l});let u=Sle(c,"id");if(u===s?.id&&c.length>1&&(u=c[1].id),u!=null){const f=o.get(n.id),h=o.get(u),g=h?i.get(h.id):null,y=h?.node.current;if(y&&g&&f&&h){const v=qC(y).some((D,O)=>a[O]!==D),S=Nle(f,h),C=fct(f,h),w=v||!S?{x:0,y:0}:{x:C?r.width-g.width:0,y:C?r.height-g.height:0},A={x:g.left,y:g.top};return w.x&&w.y?A:ib(A,w)}}}};function Nle(e,t){return!kS(e)||!kS(t)?!1:e.data.current.sortable.containerId===t.data.current.sortable.containerId}function fct(e,t){return!kS(e)||!kS(t)||!Nle(e,t)?!1:e.data.current.sortable.index<t.data.current.sortable.index}const hct=({bridge:e,index:t})=>{const{attributes:n,listeners:r,setNodeRef:i,transform:o,transition:s,isDragging:a}=lct({id:e.id}),[l,c]=_.useState(!1);_.useEffect(()=>{_w(e.id).then(c)},[e.id]);const u={transform:ob.Transform.toString(o),transition:s,opacity:a?.5:1};return m.jsx(er,{ref:i,style:u,variant:"outlined",sx:{cursor:"grab","&:active":{cursor:"grabbing"},bgcolor:a?"action.selected":"background.paper",width:"fit-content"},children:m.jsxs(gr,{sx:{display:"flex",alignItems:"center",gap:1.5,py:1,"&:last-child":{pb:1}},children:[m.jsx(le,{...n,...r,sx:{display:"flex",alignItems:"center",color:"text.secondary"},children:m.jsx(qCe,{})}),m.jsx(Ct,{label:t+1,size:"small",color:"primary",sx:{minWidth:32,fontWeight:"bold"}}),l?m.jsx(le,{component:"img",src:r2(e.id),alt:e.name,sx:{width:40,height:40,borderRadius:"50%",objectFit:"cover",boxShadow:2}}):m.jsx(rl,{sx:{bgcolor:OT(e),width:40,height:40,boxShadow:2},children:(()=>{const f=DT(e);return m.jsx(f,{sx:{fontSize:24}})})()}),m.jsxs(le,{sx:{flex:1},children:[m.jsx(re,{variant:"subtitle1",fontWeight:500,children:e.name}),m.jsxs(re,{variant:"caption",color:"text.secondary",children:["Port: ",e.port," • Priority: ",e.priority??100]})]})]})})},pct=()=>{const e=Tu(),{content:t,isLoading:n}=qm(),r=pCe(),[i,o]=_.useState([]),[s,a]=_.useState(!1);_.useEffect(()=>{if(t){const h=[...t].sort((g,y)=>{const b=g.priority??100,v=y.priority??100;return b-v});o(h),a(!1)}},[t]);const l=Bat(wK(EI),wK(wI,{coordinateGetter:dct})),c=_.useCallback(h=>{const{active:g,over:y}=h;y&&g.id!==y.id&&(o(b=>{const v=b.findIndex(C=>C.id===g.id),S=b.findIndex(C=>C.id===y.id);return AI(b,v,S)}),a(!0))},[]),u=_.useCallback(async()=>{const h=i.map((g,y)=>({id:g.id,priority:(y+1)*10}));try{await r(h),e.show({message:"Startup order saved successfully",severity:"success"}),a(!1)}catch(g){e.show({message:g instanceof Error?g.message:"Failed to save startup order",severity:"error"})}},[i,r,e]),f=_.useMemo(()=>i.map(h=>h.id),[i]);return n?m.jsx(re,{children:"Loading..."}):m.jsxs(zt,{spacing:3,children:[m.jsx(cw,{items:[{name:"Bridges",to:jt.bridges},{name:"Startup Order",to:jt.startup}]}),m.jsxs(le,{display:"flex",alignItems:"center",gap:2,children:[m.jsx(om,{color:"primary",fontSize:"large"}),m.jsxs(le,{children:[m.jsx(re,{variant:"h5",fontWeight:600,children:"Startup Order"}),m.jsx(re,{variant:"body2",color:"text.secondary",children:"Drag and drop bridges to set the startup order. Lower positions start first."})]})]}),s&&m.jsx(kn,{severity:"info",action:m.jsx(kt,{color:"inherit",size:"small",startIcon:m.jsx(r6,{}),onClick:u,children:"Save Changes"}),children:"You have unsaved changes to the startup order."}),m.jsx(Hlt,{sensors:l,collisionDetection:Hat,onDragEnd:c,children:m.jsx(tct,{items:f,strategy:Qlt,children:m.jsx(zt,{spacing:1,children:i.map((h,g)=>m.jsx(hct,{bridge:h,index:g},h.id))})})}),i.length===0&&m.jsx(re,{color:"text.secondary",textAlign:"center",py:4,children:"No bridges configured yet."}),s&&i.length>0&&m.jsx(le,{display:"flex",justifyContent:"flex-end",children:m.jsx(kt,{variant:"contained",startIcon:m.jsx(r6,{}),onClick:u,children:"Save Startup Order"})})]})},QA="https://riddix.github.io/home-assistant-matter-hub",jt={dashboard:"/",bridges:"/bridges",bridge:e=>`/bridges/${e}`,createBridge:"/bridges/create",editBridge:e=>`/bridges/${e}/edit`,devices:"/devices",networkMap:"/network-map",health:"/health",labels:"/labels",lockCredentials:"/lock-credentials",settings:"/settings",startup:"/startup",githubRepository:"https://github.com/riddix/home-assistant-matter-hub/",documentation:QA,faq:{multiFabric:`${QA}/connect-multiple-fabrics`,bridgeConfig:`${QA}/bridge-configuration`}},mct=[{path:"",element:m.jsx(C2e,{}),children:[{path:"",element:m.jsx(n9e,{})},{path:jt.bridges,element:m.jsx(Q8e,{})},{path:jt.createBridge,element:m.jsx(VQe,{})},{path:jt.bridge(":bridgeId"),element:m.jsx(kCe,{})},{path:jt.editBridge(":bridgeId"),element:m.jsx(WQe,{})},{path:jt.devices,element:m.jsx(x9e,{})},{path:jt.networkMap,element:m.jsx(Sat,{})},{path:jt.health,element:m.jsx(QQe,{})},{path:jt.labels,element:m.jsx(ret,{})},{path:jt.lockCredentials,element:m.jsx(uet,{})},{path:jt.settings,element:m.jsx(Aat,{})},{path:jt.startup,element:m.jsx(pct,{})}]}],gct={items:{isInitialized:!1,isLoading:!1}},yct=HO(gct,e=>{e.addCase(Fo.pending,t=>{t.items.isLoading=!0}).addCase(Fo.rejected,(t,n)=>{t.items.isInitialized=!0,t.items.isLoading=!1,t.items.content=void 0,t.items.error=n.error}).addCase(Fo.fulfilled,(t,n)=>{t.items.isInitialized=!0,t.items.isLoading=!1,t.items.content=n.payload,t.items.error=void 0}).addCase(LX.fulfilled,(t,n)=>{t.items.content?.push(n.payload)}).addCase(FX.fulfilled,(t,n)=>{const r=t.items.content?.findIndex(i=>i.id===n.payload.id)??-1;r!==-1&&(t.items.content[r]=n.payload)}).addCase(BX.fulfilled,(t,n)=>{const r=t.items.content?.findIndex(i=>i.id===n.payload.id)??-1;r!==-1&&(t.items.content[r]=n.payload)}).addCase(NX.fulfilled,(t,n)=>{if(t.items.content){const r=t.items.content.findIndex(i=>i.id===n.meta.arg);r!==-1&&t.items.content.splice(r,1)}}).addCase(zX,(t,n)=>{t.items.isInitialized=!0,t.items.isLoading=!1,t.items.content=n.payload,t.items.error=void 0}).addCase(HX,(t,n)=>{if(t.items.content){const r=t.items.content.findIndex(i=>i.id===n.payload.id);r!==-1?t.items.content[r]=n.payload:t.items.content.push(n.payload)}})}),bct={byBridge:{}},vct=HO(bct,e=>{e.addCase(du.pending,(t,n)=>{t.byBridge[n.meta.arg]=ek(t.byBridge[n.meta.arg],n)}).addCase(du.rejected,(t,n)=>{t.byBridge[n.meta.arg]=ek(t.byBridge[n.meta.arg],n)}).addCase(du.fulfilled,(t,n)=>{t.byBridge[n.meta.arg]=ek(t.byBridge[n.meta.arg],n)})}),xct={isInitialized:!1,isLoading:!1,content:void 0,error:void 0},ek=HO(xct,e=>{e.addCase(du.pending,t=>{t.isLoading=!0}).addCase(du.rejected,(t,n)=>{t.isInitialized=!0,t.isLoading=!1,t.content=void 0,t.error=n.error}).addCase(du.fulfilled,(t,n)=>{t.isInitialized=!0,t.isLoading=!1,t.content=n.payload,t.error=void 0})}),Sct=i2e({reducer:{bridges:yct,devices:vct}}),kI=zme({createStyledComponent:me("div",{name:"MuiContainer",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,t[`maxWidth${ye(String(n.maxWidth))}`],n.fixed&&t.fixed,n.disableGutters&&t.disableGutters]}}),useThemeProps:e=>it({props:e,name:"MuiContainer"})});function wct(e){return Qe("MuiToolbar",e)}tt("MuiToolbar",["root","gutters","regular","dense"]);const Cct=e=>{const{classes:t,disableGutters:n,variant:r}=e;return et({root:["root",!n&&"gutters",r]},wct,t)},Ect=me("div",{name:"MuiToolbar",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,!n.disableGutters&&t.gutters,t[n.variant]]}})(qe(({theme:e})=>({position:"relative",display:"flex",alignItems:"center",variants:[{props:({ownerState:t})=>!t.disableGutters,style:{paddingLeft:e.spacing(2),paddingRight:e.spacing(2),[e.breakpoints.up("sm")]:{paddingLeft:e.spacing(3),paddingRight:e.spacing(3)}}},{props:{variant:"dense"},style:{minHeight:48}},{props:{variant:"regular"},style:e.mixins.toolbar}]}))),Fle=_.forwardRef(function(t,n){const r=it({props:t,name:"MuiToolbar"}),{className:i,component:o="div",disableGutters:s=!1,variant:a="regular",...l}=r,c={...r,component:o,disableGutters:s,variant:a},u=Cct(c);return m.jsx(Ect,{as:o,className:Oe(u.root,i),ref:n,ownerState:c,...l})}),Act=[{name:"GitHub",url:jt.githubRepository},{name:"Documentation",url:jt.documentation}],kct=()=>m.jsxs(kI,{sx:{mt:16,mb:4},children:[m.jsx(gi,{sx:{mt:4,mb:4}}),m.jsx(Je,{container:!0,spacing:2,justifyContent:"center",children:Act.map((e,t)=>m.jsx(Je,{size:{xs:12,sm:"auto"},children:m.jsx(kt,{fullWidth:!0,size:"small",variant:"outlined",component:lw,href:e.url,target:"_blank",children:e.name})},t.toString()))})]});function _ct(e){return Qe("MuiAppBar",e)}tt("MuiAppBar",["root","positionFixed","positionAbsolute","positionSticky","positionStatic","positionRelative","colorDefault","colorPrimary","colorSecondary","colorInherit","colorTransparent","colorError","colorInfo","colorSuccess","colorWarning"]);const Dct=e=>{const{color:t,position:n,classes:r}=e,i={root:["root",`color${ye(t)}`,`position${ye(n)}`]};return et(i,_ct,r)},jK=(e,t)=>e?`${e.replace(")","")}, ${t})`:t,Oct=me(Lr,{name:"MuiAppBar",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,t[`position${ye(n.position)}`],t[`color${ye(n.color)}`]]}})(qe(({theme:e})=>({display:"flex",flexDirection:"column",width:"100%",boxSizing:"border-box",flexShrink:0,variants:[{props:{position:"fixed"},style:{position:"fixed",zIndex:(e.vars||e).zIndex.appBar,top:0,left:"auto",right:0,"@media print":{position:"absolute"}}},{props:{position:"absolute"},style:{position:"absolute",zIndex:(e.vars||e).zIndex.appBar,top:0,left:"auto",right:0}},{props:{position:"sticky"},style:{position:"sticky",zIndex:(e.vars||e).zIndex.appBar,top:0,left:"auto",right:0}},{props:{position:"static"},style:{position:"static"}},{props:{position:"relative"},style:{position:"relative"}},{props:{color:"inherit"},style:{"--AppBar-color":"inherit",color:"var(--AppBar-color)"}},{props:{color:"default"},style:{"--AppBar-background":e.vars?e.vars.palette.AppBar.defaultBg:e.palette.grey[100],"--AppBar-color":e.vars?e.vars.palette.text.primary:e.palette.getContrastText(e.palette.grey[100]),...e.applyStyles("dark",{"--AppBar-background":e.vars?e.vars.palette.AppBar.defaultBg:e.palette.grey[900],"--AppBar-color":e.vars?e.vars.palette.text.primary:e.palette.getContrastText(e.palette.grey[900])})}},...Object.entries(e.palette).filter(Nn(["contrastText"])).map(([t])=>({props:{color:t},style:{"--AppBar-background":(e.vars??e).palette[t].main,"--AppBar-color":(e.vars??e).palette[t].contrastText}})),{props:t=>t.enableColorOnDark===!0&&!["inherit","transparent"].includes(t.color),style:{backgroundColor:"var(--AppBar-background)",color:"var(--AppBar-color)"}},{props:t=>t.enableColorOnDark===!1&&!["inherit","transparent"].includes(t.color),style:{backgroundColor:"var(--AppBar-background)",color:"var(--AppBar-color)",...e.applyStyles("dark",{backgroundColor:e.vars?jK(e.vars.palette.AppBar.darkBg,"var(--AppBar-background)"):null,color:e.vars?jK(e.vars.palette.AppBar.darkColor,"var(--AppBar-color)"):null})}},{props:{color:"transparent"},style:{"--AppBar-background":"transparent","--AppBar-color":"inherit",backgroundColor:"var(--AppBar-background)",color:"var(--AppBar-color)",...e.applyStyles("dark",{backgroundImage:"none"})}}]}))),Tct=_.forwardRef(function(t,n){const r=it({props:t,name:"MuiAppBar"}),{className:i,color:o="primary",enableColorOnDark:s=!1,position:a="fixed",...l}=r,c={...r,color:o,position:a,enableColorOnDark:s},u=Dct(c);return m.jsx(Oct,{square:!0,component:"header",ownerState:c,elevation:4,className:Oe(u.root,i,a==="fixed"&&"mui-fixed"),ref:n,...l})});function Mct(e,t,n){const r=t.getBoundingClientRect(),i=n&&n.getBoundingClientRect(),o=tl(t);let s;if(t.fakeTransform)s=t.fakeTransform;else{const c=o.getComputedStyle(t);s=c.getPropertyValue("-webkit-transform")||c.getPropertyValue("transform")}let a=0,l=0;if(s&&s!=="none"&&typeof s=="string"){const c=s.split("(")[1].split(")")[0].split(",");a=parseInt(c[4],10),l=parseInt(c[5],10)}return e==="left"?i?`translateX(${i.right+a-r.left}px)`:`translateX(${o.innerWidth+a-r.left}px)`:e==="right"?i?`translateX(-${r.right-i.left-a}px)`:`translateX(-${r.left+r.width-a}px)`:e==="up"?i?`translateY(${i.bottom+l-r.top}px)`:`translateY(${o.innerHeight+l-r.top}px)`:i?`translateY(-${r.top-i.top+r.height-l}px)`:`translateY(-${r.top+r.height-l}px)`}function Rct(e){return typeof e=="function"?e():e}function _5(e,t,n){const r=Rct(n),i=Mct(e,t,r);i&&(t.style.webkitTransform=i,t.style.transform=i)}const Ict=_.forwardRef(function(t,n){const r=_a(),i={enter:r.transitions.easing.easeOut,exit:r.transitions.easing.sharp},o={enter:r.transitions.duration.enteringScreen,exit:r.transitions.duration.leavingScreen},{addEndListener:s,appear:a=!0,children:l,container:c,direction:u="down",easing:f=i,in:h,onEnter:g,onEntered:y,onEntering:b,onExit:v,onExited:S,onExiting:C,style:w,timeout:A=o,TransitionComponent:E=Da,...D}=t,O=_.useRef(null),T=Tr(pf(l),O,n),I=V=>U=>{V&&(U===void 0?V(O.current):V(O.current,U))},N=I((V,U)=>{_5(u,V,c),$O(V),g&&g(V,U)}),j=I((V,U)=>{const X=Kd({timeout:A,style:w,easing:f},{mode:"enter"});V.style.webkitTransition=r.transitions.create("-webkit-transform",{...X}),V.style.transition=r.transitions.create("transform",{...X}),V.style.webkitTransform="none",V.style.transform="none",b&&b(V,U)}),R=I(y),L=I(C),$=I(V=>{const U=Kd({timeout:A,style:w,easing:f},{mode:"exit"});V.style.webkitTransition=r.transitions.create("-webkit-transform",U),V.style.transition=r.transitions.create("transform",U),_5(u,V,c),v&&v(V)}),z=I(V=>{V.style.webkitTransition="",V.style.transition="",S&&S(V)}),F=V=>{s&&s(O.current,V)},G=_.useCallback(()=>{O.current&&_5(u,O.current,c)},[u,c]);return _.useEffect(()=>{if(h||u==="down"||u==="right")return;const V=RO(()=>{O.current&&_5(u,O.current,c)}),U=tl(O.current);return U.addEventListener("resize",V),()=>{V.clear(),U.removeEventListener("resize",V)}},[u,h,c]),_.useEffect(()=>{h||G()},[h,G]),m.jsx(E,{nodeRef:O,onEnter:N,onEntered:R,onEntering:j,onExit:$,onExited:z,onExiting:L,addEndListener:F,appear:a,in:h,timeout:A,...D,children:(V,{ownerState:U,...X})=>_.cloneElement(l,{ref:T,style:{visibility:V==="exited"&&!h?"hidden":void 0,...w,...l.props.style},...X})})});function Pct(e){return Qe("MuiDrawer",e)}tt("MuiDrawer",["root","docked","paper","anchorLeft","anchorRight","anchorTop","anchorBottom","paperAnchorLeft","paperAnchorRight","paperAnchorTop","paperAnchorBottom","paperAnchorDockedLeft","paperAnchorDockedRight","paperAnchorDockedTop","paperAnchorDockedBottom","modal"]);const Ble=(e,t)=>{const{ownerState:n}=e;return[t.root,(n.variant==="permanent"||n.variant==="persistent")&&t.docked,n.variant==="temporary"&&t.modal]},jct=e=>{const{classes:t,anchor:n,variant:r}=e,i={root:["root",`anchor${ye(n)}`],docked:[(r==="permanent"||r==="persistent")&&"docked"],modal:["modal"],paper:["paper",`paperAnchor${ye(n)}`,r!=="temporary"&&`paperAnchorDocked${ye(n)}`]};return et(i,Pct,t)},$ct=me(QO,{name:"MuiDrawer",slot:"Root",overridesResolver:Ble})(qe(({theme:e})=>({zIndex:(e.vars||e).zIndex.drawer}))),Lct=me("div",{shouldForwardProp:ro,name:"MuiDrawer",slot:"Docked",skipVariantsResolver:!1,overridesResolver:Ble})({flex:"0 0 auto"}),Nct=me(Lr,{name:"MuiDrawer",slot:"Paper",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.paper,t[`paperAnchor${ye(n.anchor)}`],n.variant!=="temporary"&&t[`paperAnchorDocked${ye(n.anchor)}`]]}})(qe(({theme:e})=>({overflowY:"auto",display:"flex",flexDirection:"column",height:"100%",flex:"1 0 auto",zIndex:(e.vars||e).zIndex.drawer,WebkitOverflowScrolling:"touch",position:"fixed",top:0,outline:0,variants:[{props:{anchor:"left"},style:{left:0}},{props:{anchor:"top"},style:{top:0,left:0,right:0,height:"auto",maxHeight:"100%"}},{props:{anchor:"right"},style:{right:0}},{props:{anchor:"bottom"},style:{top:"auto",left:0,bottom:0,right:0,height:"auto",maxHeight:"100%"}},{props:({ownerState:t})=>t.anchor==="left"&&t.variant!=="temporary",style:{borderRight:`1px solid ${(e.vars||e).palette.divider}`}},{props:({ownerState:t})=>t.anchor==="top"&&t.variant!=="temporary",style:{borderBottom:`1px solid ${(e.vars||e).palette.divider}`}},{props:({ownerState:t})=>t.anchor==="right"&&t.variant!=="temporary",style:{borderLeft:`1px solid ${(e.vars||e).palette.divider}`}},{props:({ownerState:t})=>t.anchor==="bottom"&&t.variant!=="temporary",style:{borderTop:`1px solid ${(e.vars||e).palette.divider}`}}]}))),zle={left:"right",right:"left",top:"down",bottom:"up"};function Fct(e){return["left","right"].includes(e)}function Bct({direction:e},t){return e==="rtl"&&Fct(t)?zle[t]:t}const zct=_.forwardRef(function(t,n){const r=it({props:t,name:"MuiDrawer"}),i=_a(),o=hf(),s={enter:i.transitions.duration.enteringScreen,exit:i.transitions.duration.leavingScreen},{anchor:a="left",BackdropProps:l,children:c,className:u,elevation:f=16,hideBackdrop:h=!1,ModalProps:{BackdropProps:g,...y}={},onClose:b,open:v=!1,PaperProps:S={},SlideProps:C,TransitionComponent:w,transitionDuration:A=s,variant:E="temporary",slots:D={},slotProps:O={},...T}=r,I=_.useRef(!1);_.useEffect(()=>{I.current=!0},[]);const N=Bct({direction:o?"rtl":"ltr"},a),R={...r,anchor:a,elevation:f,open:v,variant:E,...T},L=jct(R),$={slots:{transition:w,...D},slotProps:{paper:S,transition:C,...O,backdrop:IO(O.backdrop||{...l,...g},{transitionDuration:A})}},[z,F]=ct("root",{ref:n,elementType:$ct,className:Oe(L.root,L.modal,u),shouldForwardComponentProp:!0,ownerState:R,externalForwardedProps:{...$,...T,...y},additionalProps:{open:v,onClose:b,hideBackdrop:h,slots:{backdrop:$.slots.backdrop},slotProps:{backdrop:$.slotProps.backdrop}}}),[G,V]=ct("paper",{elementType:Nct,shouldForwardComponentProp:!0,className:Oe(L.paper,S.className),ownerState:R,externalForwardedProps:$,additionalProps:{elevation:E==="temporary"?f:0,square:!0,...E==="temporary"&&{role:"dialog","aria-modal":"true"}}}),[U,X]=ct("docked",{elementType:Lct,ref:n,className:Oe(L.root,L.docked,u),ownerState:R,externalForwardedProps:$,additionalProps:T}),[B,W]=ct("transition",{elementType:Ict,ownerState:R,externalForwardedProps:$,additionalProps:{in:v,direction:zle[N],timeout:A,appear:I.current}}),Y=m.jsx(G,{...V,children:c});if(E==="permanent")return m.jsx(U,{...X,children:Y});const H=m.jsx(B,{...W,children:Y});return E==="persistent"?m.jsx(U,{...X,children:H}):m.jsx(z,{...F,children:H})}),Hct=qY({themeId:ca}),tk={error:"#d32f2f",warn:"#ed6c02",info:"#0288d1",debug:"#7b1fa2"},Uct={error:yf,warn:ow,info:ZO,debug:Aw},Vct=({open:e,onClose:t})=>{const[n,r]=_.useState([]),[i,o]=_.useState(!0),[s,a]=_.useState("error,warn,info".split(",")),[l,c]=_.useState(""),[u,f]=_.useState(!0),h=_.useCallback(async()=>{try{const S=new URLSearchParams({level:s.join(","),limit:"500",...l&&{search:l}}),C=await fetch(`api/logs?${S}`);if(C.ok){const w=await C.json();r(w.entries)}}catch(S){console.error("Failed to fetch logs:",S)}finally{o(!1)}},[s,l]);_.useEffect(()=>{e&&h()},[e,h]),_.useEffect(()=>{if(!u||!e)return;const S=setInterval(h,5e3);return()=>clearInterval(S)},[u,e,h]);const g=S=>{a(Array.isArray(S.target.value)?S.target.value:[S.target.value])},y=S=>{c(S.target.value)},b=async()=>{try{await fetch("api/logs",{method:"DELETE"}),r([])}catch(S){console.error("Failed to clear logs:",S)}},v=S=>{const C=Uct[S]||ZO;return m.jsx(C,{sx:{fontSize:16,color:tk[S]}})};return m.jsxs(vu,{open:e,onClose:t,maxWidth:"lg",fullWidth:!0,children:[m.jsxs(Su,{sx:{display:"flex",alignItems:"center",gap:1},children:[m.jsx(Aw,{}),"System Logs",m.jsx(le,{sx:{flexGrow:1}}),m.jsx(bn,{title:"Auto Refresh",children:m.jsx(Ct,{label:u?"Auto":"Manual",color:u?"success":"default",size:"small",onClick:()=>f(!u),sx:{cursor:"pointer"}})}),m.jsx(Fn,{onClick:t,children:m.jsx(FCe,{})})]}),m.jsxs(xu,{children:[m.jsx(zt,{spacing:2,sx:{mb:2},children:m.jsxs(zt,{direction:"row",spacing:2,alignItems:"center",children:[m.jsxs(Xa,{size:"small",sx:{minWidth:200},children:[m.jsx(uu,{children:"Log Level"}),m.jsxs(Ua,{value:s,label:"Log Level",onChange:g,multiple:!0,renderValue:S=>m.jsx(le,{sx:{display:"flex",flexWrap:"wrap",gap:.5},children:(Array.isArray(S)?S:[S]).map(C=>m.jsx(Ct,{label:C.toUpperCase(),size:"small",sx:{backgroundColor:tk[C],color:"white"}},C))}),children:[m.jsx(rr,{value:"error",children:"Error"}),m.jsx(rr,{value:"warn",children:"Warning"}),m.jsx(rr,{value:"info",children:"Info"}),m.jsx(rr,{value:"debug",children:"Debug"})]})]}),m.jsx(zr,{size:"small",placeholder:"Search logs...",value:l,onChange:y,sx:{flexGrow:1}}),m.jsx(kt,{variant:"outlined",onClick:h,children:"Refresh"}),m.jsx(kt,{variant:"outlined",color:"error",onClick:b,children:"Clear"})]})}),m.jsx(le,{sx:{height:400,overflow:"auto",backgroundColor:"background.paper",border:1,borderColor:"divider",borderRadius:1,p:1},children:i?m.jsx(le,{sx:{display:"flex",justifyContent:"center",p:4},children:m.jsx(re,{children:"Loading logs..."})}):n.length===0?m.jsx(le,{sx:{display:"flex",justifyContent:"center",p:4},children:m.jsx(re,{color:"text.secondary",children:"No logs found"})}):m.jsx(zt,{spacing:1,children:n.map((S,C)=>m.jsxs(le,{sx:{p:1,borderRadius:1,backgroundColor:"action.hover",fontFamily:"monospace",fontSize:"0.875rem",wordBreak:"break-all"},children:[m.jsxs(le,{sx:{display:"flex",alignItems:"center",gap:1,mb:.5},children:[v(S.level),m.jsx(re,{variant:"caption",color:"text.secondary",children:new Date(S.timestamp).toLocaleString()}),m.jsx(Ct,{label:S.level.toUpperCase(),size:"small",sx:{backgroundColor:tk[S.level],color:"white",fontSize:"0.7rem",height:20}})]}),m.jsx(re,{sx:{ml:3},children:S.message}),S.context&&m.jsx(re,{sx:{ml:3,color:"text.secondary",fontSize:"0.8rem"},children:JSON.stringify(S.context,null,2)})]},`${S.timestamp}-${S.level}-${C}`))})})]}),m.jsx(Xd,{children:m.jsx(kt,{onClick:t,children:"Close"})})]})};function $K(){const{isConnected:e}=S2e(),[t,n]=_.useState(null),[r,i]=_.useState(!1);_.useEffect(()=>{const y=async()=>{try{const v=await fetch("api/health");if(v.ok){const S=await v.json();n(S),i(!1)}else i(!0)}catch{i(!0)}};y();const b=setInterval(y,3e4);return()=>clearInterval(b)},[]);const o=y=>{const b=Math.floor(y/3600),v=Math.floor(y%3600/60);return b>0?`${b}h ${v}m`:`${v}m`},s=t?.status==="healthy"&&!r,a=t?.services?.bridges,l=a&&a.total>0&&a.running===a.total,c=a&&a.total===0,u=t?m.jsxs(le,{sx:{p:.5},children:[m.jsxs("div",{children:[m.jsx("strong",{children:"Version:"})," ",t.version??"Unknown"]}),m.jsxs("div",{children:[m.jsx("strong",{children:"Uptime:"})," ",o(t.uptime??0)]}),t.services?.bridges&&m.jsxs("div",{children:[m.jsx("strong",{children:"Bridges:"})," ",t.services.bridges.running??0,"/",t.services.bridges.total??0," running",(t.services.bridges.stopped??0)>0&&` (${t.services.bridges.stopped} stopped)`]}),t.services?.homeAssistant&&m.jsxs("div",{children:[m.jsx("strong",{children:"Home Assistant:"})," ",t.services.homeAssistant.connected?"Connected":"Disconnected"]}),m.jsxs("div",{children:[m.jsx("strong",{children:"WebSocket:"})," ",e?"Connected":"Disconnected"]})]}):"Loading health status...",f=()=>r||!s?m.jsx(yf,{fontSize:"small"}):l?m.jsx(Mu,{fontSize:"small"}):m.jsx(fw,{fontSize:"small"}),h=()=>r||!s?"error":!l||!e?"warning":"success",g=()=>r?"Error":s?e?c?"No Bridges":l?"Online":"Starting":"Offline":"Unhealthy";return m.jsx(bn,{title:u,arrow:!0,children:m.jsx(Ct,{icon:f(),label:g(),color:h(),size:"small",variant:"filled",sx:{borderRadius:1,fontWeight:600,"& .MuiChip-icon":{color:"inherit"}}})})}const Wct=e=>_.createElement("svg",{viewBox:"0 0 91 89",xmlSpace:"preserve",xmlns:"http://www.w3.org/2000/svg",...e},_.createElement("g",{style:{display:"inline"}},_.createElement("path",{style:{fill:"#18bcf2",fillOpacity:1,strokeWidth:.266194},d:"m 49.149143,1.473171 38.513568,38.536435 c 0,0 1.248354,1.186052 2.207681,3.092371 0.959329,1.906323 1.10864,4.600698 1.10864,4.600698 v 36.786372 c 0,0 -0.01549,1.748506 -1.49842,3.050572 -1.482931,1.302064 -3.333077,1.362947 -3.333077,1.362947 l -81.325658,7.7e-5 c 0,0 -1.7523855,-0.0091 -3.17112,-1.352526 C -0.07808495,85.913164 0.05953025,84.487808 0.05953025,84.487808 V 47.704546 c 0,0 -0.0018381,-2.218618 0.95921785,-4.315832 0.9610554,-2.097209 2.3010618,-3.355005 2.3010618,-3.355005 L 41.545959,1.4719546 c 0,0 1.465224,-1.46837077 3.753488,-1.46837077 2.288268,0 3.849696,1.46958717 3.849696,1.46958717 z"}),_.createElement("path",{style:{fill:"#ffffff",fillOpacity:1,strokeWidth:.175841},d:"m 31.689717,32.051124 c 2.813363,2.331095 6.157331,3.89845 9.721813,4.556421 V 17.180647 l 3.873694,-2.282955 3.870527,2.282955 V 36.60772 c 3.565364,-0.658847 6.910387,-2.226204 9.725159,-4.556417 l 7.032345,4.154609 c -11.437354,11.557779 -29.852321,11.557779 -41.290025,0 z m 8.546732,49.60988 C 44.314996,65.760441 35.09933,49.470196 19.574984,45.139543 v 8.312381 c 3.383916,1.32244 6.386113,3.496288 8.728705,6.320026 L 11.83076,69.485301 v 4.56907 l 3.873697,2.270836 16.469936,-9.713534 c 1.224356,3.48294 1.56683,7.225375 0.996449,10.879778 z M 70.977694,45.139543 c -15.515726,4.34014 -24.72189,20.626696 -20.643519,36.521461 l 7.047658,-4.15742 c -0.569325,-3.654411 -0.2265,-7.3965 0.996449,-10.87979 l 16.457611,9.701233 3.870711,-2.283125 v -4.55677 L 62.233673,59.77195 c 2.342772,-2.822684 5.34497,-4.996533 8.728708,-6.320026 z"}))),qct="home-assistant-matter-hub",Gct={name:qct};function Kct(){const[e,t]=_.useState("2.1.0-alpha.409");return _.useEffect(()=>{fetch("api/health").then(n=>n.ok?n.json():null).then(n=>{n?.version&&t(n.version)}).catch(()=>{})},[]),_.useMemo(()=>({name:Gct.name,version:e}),[e])}const Yct=e=>{const t=Kct();return m.jsxs(le,{component:Du,to:jt.dashboard,sx:{display:"flex",alignItems:"center",justifyContent:e.large?"flex-start":"center",flexGrow:1,textDecoration:"none",color:"inherit"},children:[m.jsx(Wct,{style:{height:"40px"}}),m.jsx(re,{variant:"inherit",component:"span",sx:{mr:1,ml:1},children:t.name.split("-").map(ye).join("-")}),e.large&&m.jsx(re,{variant:"caption",component:"span",children:t.version})]})},Xct=()=>{const e=Hct("(min-width:600px)"),{mode:t,setMode:n}=YS(),[r,i]=_.useState(!1),[o,s]=_.useState(!1),a=Zh(),l=()=>{n(t==="dark"?"light":"dark")},c=[{label:"Dashboard",icon:m.jsx(Jk,{}),to:jt.dashboard},{label:"Bridges",icon:m.jsx(hy,{}),to:jt.bridges},{label:"All Devices",icon:m.jsx(ss,{}),to:jt.devices},{label:"Network Map",icon:m.jsx(t6,{}),to:jt.networkMap},{label:"Startup Order",icon:m.jsx(om,{}),to:jt.startup},{label:"Lock Credentials",icon:m.jsx(sc,{}),to:jt.lockCredentials},{label:"Filter Reference",icon:m.jsx(n6,{}),to:jt.labels},{label:"Settings",icon:m.jsx(hm,{}),to:jt.settings},{label:t==="dark"?"Light Mode":"Dark Mode",icon:t==="dark"?m.jsx(e8e,{}):m.jsx(HCe,{}),onClick:l},{label:"System Logs",icon:m.jsx(Aw,{}),onClick:()=>i(!0)},{label:"Health Dashboard",icon:m.jsx(K4,{}),to:jt.health}],u=f=>{s(!1),f.onClick?f.onClick():f.to&&a(f.to)};return m.jsxs(le,{children:[m.jsx(Tct,{sx:{height:"72px"},children:m.jsx(Fle,{sx:{paddingLeft:"0 !important",paddingRight:"0 !important"},children:m.jsxs(kI,{sx:{padding:2,height:"100%",display:"flex",justifyContent:"space-between",alignItems:"center"},children:[m.jsx(Yct,{large:e}),e?m.jsxs(le,{sx:{display:"flex",alignItems:"center",gap:1},children:[c.map(f=>f.to?m.jsx(bn,{title:f.label,children:m.jsx(Fn,{component:Du,to:f.to,sx:{color:"inherit"},children:f.icon})},f.label):m.jsx(bn,{title:f.label,children:m.jsx(Fn,{onClick:f.onClick,sx:{color:"inherit"},children:f.icon})},f.label)),m.jsx($K,{})]}):m.jsxs(le,{sx:{display:"flex",alignItems:"center",gap:.5},children:[m.jsx($K,{}),m.jsx(Fn,{onClick:()=>s(!0),sx:{color:"inherit"},children:m.jsx(t8e,{})})]})]})})}),m.jsx(zct,{anchor:"right",open:o,onClose:()=>s(!1),children:m.jsx(bc,{sx:{width:250},children:c.map(f=>m.jsxs(tbe,{onClick:()=>u(f),children:[m.jsx(Ul,{children:f.icon}),m.jsx(Ha,{primary:f.label})]},f.label))})}),m.jsx(Vct,{open:r,onClose:()=>i(!1)})]})},Zct=()=>m.jsxs(le,{children:[m.jsx(Xct,{}),m.jsx(Fle,{}),m.jsx(kI,{sx:{p:2},children:m.jsx(hY,{})}),m.jsx(kct,{})]}),Jct=qS({colorSchemes:{light:{palette:{primary:{main:"#1976d2",light:"#42a5f5",dark:"#1565c0"},secondary:{main:"#9c27b0",light:"#ba68c8",dark:"#7b1fa2"},background:{default:"#f5f5f5",paper:"#ffffff"}}},dark:{palette:{primary:{main:"#90caf9",light:"#e3f2fd",dark:"#42a5f5"},secondary:{main:"#ce93d8",light:"#f3e5f5",dark:"#ab47bc"},background:{default:"#121212",paper:"#1e1e1e"}}}},typography:{fontFamily:'"Roboto", "Helvetica", "Arial", sans-serif',h1:{fontSize:"2.5rem",fontWeight:500},h2:{fontSize:"2rem",fontWeight:500},h3:{fontSize:"1.75rem",fontWeight:500},h4:{fontSize:"1.5rem",fontWeight:500},h5:{fontSize:"1.25rem",fontWeight:500},h6:{fontSize:"1rem",fontWeight:500}},shape:{borderRadius:8},components:{MuiCard:{styleOverrides:{root:{transition:"transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out","&:hover":{transform:"translateY(-2px)",boxShadow:"0 4px 20px rgba(0,0,0,0.12)"}}}},MuiButton:{styleOverrides:{root:{textTransform:"none",fontWeight:500}}},MuiChip:{styleOverrides:{root:{fontWeight:500}}},MuiAppBar:{styleOverrides:{root:{backgroundImage:"none"}}}}});let k4=document.getElementsByTagName("base")[0]?.href?.replace(/\/$/,"");k4?.startsWith("http")&&(k4=new URL(k4).pathname);const Qct=Nhe([{path:"/",element:m.jsx(Zct,{}),children:mct}],{basename:k4});nde.createRoot(document.getElementById("root")).render(m.jsx(_.StrictMode,{children:m.jsx(vde,{store:Sct,children:m.jsxs(Jge,{theme:Jct,children:[m.jsx(Gge,{}),m.jsx(aX,{styles:{".rjsf-field-array > .MuiFormControl-root > .MuiPaper-root > .MuiBox-root > .MuiGrid-root > .MuiGrid-root:has(> .MuiBox-root > .MuiPaper-root > .MuiBox-root > .rjsf-field)":{overflow:"initial !important",flexGrow:1}}}),m.jsx(w2e,{children:m.jsx(hye,{children:m.jsx(Xhe,{router:Qct})})})]})})}));
|
|
499
|
+
`},Nat={onDragStart(e){let{active:t}=e;return"Picked up draggable item "+t.id+"."},onDragOver(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was moved over droppable area "+n.id+".":"Draggable item "+t.id+" is no longer over a droppable area."},onDragEnd(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was dropped over droppable area "+n.id:"Draggable item "+t.id+" was dropped."},onDragCancel(e){let{active:t}=e;return"Dragging was cancelled. Draggable item "+t.id+" was dropped."}};function Fat(e){let{announcements:t=Nat,container:n,hiddenTextDescribedById:r,screenReaderInstructions:i=Lat}=e;const{announce:o,announcement:s}=Pat(),a=av("DndLiveRegion"),[l,c]=_.useState(!1);if(_.useEffect(()=>{c(!0)},[]),jat(_.useMemo(()=>({onDragStart(f){let{active:h}=f;o(t.onDragStart({active:h}))},onDragMove(f){let{active:h,over:g}=f;t.onDragMove&&o(t.onDragMove({active:h,over:g}))},onDragOver(f){let{active:h,over:g}=f;o(t.onDragOver({active:h,over:g}))},onDragEnd(f){let{active:h,over:g}=f;o(t.onDragEnd({active:h,over:g}))},onDragCancel(f){let{active:h,over:g}=f;o(t.onDragCancel({active:h,over:g}))}}),[o,t])),!l)return null;const u=qt.createElement(qt.Fragment,null,qt.createElement(Rat,{id:r,value:i.draggable}),qt.createElement(Iat,{id:a,announcement:s}));return n?Dd.createPortal(u,n):u}var Li;(function(e){e.DragStart="dragStart",e.DragMove="dragMove",e.DragEnd="dragEnd",e.DragCancel="dragCancel",e.DragOver="dragOver",e.RegisterDroppable="registerDroppable",e.SetDroppableDisabled="setDroppableDisabled",e.UnregisterDroppable="unregisterDroppable"})(Li||(Li={}));function ES(){}function wK(e,t){return _.useMemo(()=>({sensor:e,options:t??{}}),[e,t])}function Bat(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return _.useMemo(()=>[...t].filter(r=>r!=null),[...t])}const sl=Object.freeze({x:0,y:0});function vle(e,t){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}function xle(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return n-r}function zat(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return r-n}function CK(e){let{left:t,top:n,height:r,width:i}=e;return[{x:t,y:n},{x:t+i,y:n},{x:t,y:n+r},{x:t+i,y:n+r}]}function Sle(e,t){if(!e||e.length===0)return null;const[n]=e;return n[t]}function EK(e,t,n){return t===void 0&&(t=e.left),n===void 0&&(n=e.top),{x:t+e.width*.5,y:n+e.height*.5}}const Hat=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const i=EK(t,t.left,t.top),o=[];for(const s of r){const{id:a}=s,l=n.get(a);if(l){const c=vle(EK(l),i);o.push({id:a,data:{droppableContainer:s,value:c}})}}return o.sort(xle)},Uat=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const i=CK(t),o=[];for(const s of r){const{id:a}=s,l=n.get(a);if(l){const c=CK(l),u=i.reduce((h,g,y)=>h+vle(c[y],g),0),f=Number((u/4).toFixed(4));o.push({id:a,data:{droppableContainer:s,value:f}})}}return o.sort(xle)};function Vat(e,t){const n=Math.max(t.top,e.top),r=Math.max(t.left,e.left),i=Math.min(t.left+t.width,e.left+e.width),o=Math.min(t.top+t.height,e.top+e.height),s=i-r,a=o-n;if(r<i&&n<o){const l=t.width*t.height,c=e.width*e.height,u=s*a,f=u/(l+c-u);return Number(f.toFixed(4))}return 0}const Wat=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const i=[];for(const o of r){const{id:s}=o,a=n.get(s);if(a){const l=Vat(a,t);l>0&&i.push({id:s,data:{droppableContainer:o,value:l}})}}return i.sort(zat)};function qat(e,t,n){return{...e,scaleX:t&&n?t.width/n.width:1,scaleY:t&&n?t.height/n.height:1}}function wle(e,t){return e&&t?{x:e.left-t.left,y:e.top-t.top}:sl}function Gat(e){return function(n){for(var r=arguments.length,i=new Array(r>1?r-1:0),o=1;o<r;o++)i[o-1]=arguments[o];return i.reduce((s,a)=>({...s,top:s.top+e*a.y,bottom:s.bottom+e*a.y,left:s.left+e*a.x,right:s.right+e*a.x}),{...n})}}const Kat=Gat(1);function Yat(e){if(e.startsWith("matrix3d(")){const t=e.slice(9,-1).split(/, /);return{x:+t[12],y:+t[13],scaleX:+t[0],scaleY:+t[5]}}else if(e.startsWith("matrix(")){const t=e.slice(7,-1).split(/, /);return{x:+t[4],y:+t[5],scaleX:+t[0],scaleY:+t[3]}}return null}function Xat(e,t,n){const r=Yat(t);if(!r)return e;const{scaleX:i,scaleY:o,x:s,y:a}=r,l=e.left-s-(1-i)*parseFloat(n),c=e.top-a-(1-o)*parseFloat(n.slice(n.indexOf(" ")+1)),u=i?e.width/i:e.width,f=o?e.height/o:e.height;return{width:u,height:f,top:c,right:l+u,bottom:c+f,left:l}}const Zat={ignoreTransform:!1};function gg(e,t){t===void 0&&(t=Zat);let n=e.getBoundingClientRect();if(t.ignoreTransform){const{transform:c,transformOrigin:u}=fs(e).getComputedStyle(e);c&&(n=Xat(n,c,u))}const{top:r,left:i,width:o,height:s,bottom:a,right:l}=n;return{top:r,left:i,width:o,height:s,bottom:a,right:l}}function AK(e){return gg(e,{ignoreTransform:!0})}function Jat(e){const t=e.innerWidth,n=e.innerHeight;return{top:0,left:0,right:t,bottom:n,width:t,height:n}}function Qat(e,t){return t===void 0&&(t=fs(e).getComputedStyle(e)),t.position==="fixed"}function elt(e,t){t===void 0&&(t=fs(e).getComputedStyle(e));const n=/(auto|scroll|overlay)/;return["overflow","overflowX","overflowY"].some(i=>{const o=t[i];return typeof o=="string"?n.test(o):!1})}function qC(e,t){const n=[];function r(i){if(t!=null&&n.length>=t||!i)return n;if(bI(i)&&i.scrollingElement!=null&&!n.includes(i.scrollingElement))return n.push(i.scrollingElement),n;if(!ov(i)||gle(i)||n.includes(i))return n;const o=fs(e).getComputedStyle(i);return i!==e&&elt(i,o)&&n.push(i),Qat(i,o)?n:r(i.parentNode)}return e?r(e):n}function Cle(e){const[t]=qC(e,1);return t??null}function XA(e){return!WC||!e?null:pg(e)?e:yI(e)?bI(e)||e===mg(e).scrollingElement?window:ov(e)?e:null:null}function Ele(e){return pg(e)?e.scrollX:e.scrollLeft}function Ale(e){return pg(e)?e.scrollY:e.scrollTop}function QD(e){return{x:Ele(e),y:Ale(e)}}var Xi;(function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"})(Xi||(Xi={}));function kle(e){return!WC||!e?!1:e===document.scrollingElement}function _le(e){const t={x:0,y:0},n=kle(e)?{height:window.innerHeight,width:window.innerWidth}:{height:e.clientHeight,width:e.clientWidth},r={x:e.scrollWidth-n.width,y:e.scrollHeight-n.height},i=e.scrollTop<=t.y,o=e.scrollLeft<=t.x,s=e.scrollTop>=r.y,a=e.scrollLeft>=r.x;return{isTop:i,isLeft:o,isBottom:s,isRight:a,maxScroll:r,minScroll:t}}const tlt={x:.2,y:.2};function nlt(e,t,n,r,i){let{top:o,left:s,right:a,bottom:l}=n;r===void 0&&(r=10),i===void 0&&(i=tlt);const{isTop:c,isBottom:u,isLeft:f,isRight:h}=_le(e),g={x:0,y:0},y={x:0,y:0},b={height:t.height*i.y,width:t.width*i.x};return!c&&o<=t.top+b.height?(g.y=Xi.Backward,y.y=r*Math.abs((t.top+b.height-o)/b.height)):!u&&l>=t.bottom-b.height&&(g.y=Xi.Forward,y.y=r*Math.abs((t.bottom-b.height-l)/b.height)),!h&&a>=t.right-b.width?(g.x=Xi.Forward,y.x=r*Math.abs((t.right-b.width-a)/b.width)):!f&&s<=t.left+b.width&&(g.x=Xi.Backward,y.x=r*Math.abs((t.left+b.width-s)/b.width)),{direction:g,speed:y}}function rlt(e){if(e===document.scrollingElement){const{innerWidth:o,innerHeight:s}=window;return{top:0,left:0,right:o,bottom:s,width:o,height:s}}const{top:t,left:n,right:r,bottom:i}=e.getBoundingClientRect();return{top:t,left:n,right:r,bottom:i,width:e.clientWidth,height:e.clientHeight}}function Dle(e){return e.reduce((t,n)=>tm(t,QD(n)),sl)}function ilt(e){return e.reduce((t,n)=>t+Ele(n),0)}function olt(e){return e.reduce((t,n)=>t+Ale(n),0)}function slt(e,t){if(t===void 0&&(t=gg),!e)return;const{top:n,left:r,bottom:i,right:o}=t(e);Cle(e)&&(i<=0||o<=0||n>=window.innerHeight||r>=window.innerWidth)&&e.scrollIntoView({block:"center",inline:"center"})}const alt=[["x",["left","right"],ilt],["y",["top","bottom"],olt]];class SI{constructor(t,n){this.rect=void 0,this.width=void 0,this.height=void 0,this.top=void 0,this.bottom=void 0,this.right=void 0,this.left=void 0;const r=qC(n),i=Dle(r);this.rect={...t},this.width=t.width,this.height=t.height;for(const[o,s,a]of alt)for(const l of s)Object.defineProperty(this,l,{get:()=>{const c=a(r),u=i[o]-c;return this.rect[l]+u},enumerable:!0});Object.defineProperty(this,"rect",{enumerable:!1})}}class jy{constructor(t){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach(n=>{var r;return(r=this.target)==null?void 0:r.removeEventListener(...n)})},this.target=t}add(t,n,r){var i;(i=this.target)==null||i.addEventListener(t,n,r),this.listeners.push([t,n,r])}}function llt(e){const{EventTarget:t}=fs(e);return e instanceof t?e:mg(e)}function ZA(e,t){const n=Math.abs(e.x),r=Math.abs(e.y);return typeof t=="number"?Math.sqrt(n**2+r**2)>t:"x"in t&&"y"in t?n>t.x&&r>t.y:"x"in t?n>t.x:"y"in t?r>t.y:!1}var ta;(function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"})(ta||(ta={}));function kK(e){e.preventDefault()}function clt(e){e.stopPropagation()}var $n;(function(e){e.Space="Space",e.Down="ArrowDown",e.Right="ArrowRight",e.Left="ArrowLeft",e.Up="ArrowUp",e.Esc="Escape",e.Enter="Enter",e.Tab="Tab"})($n||($n={}));const Ole={start:[$n.Space,$n.Enter],cancel:[$n.Esc],end:[$n.Space,$n.Enter,$n.Tab]},ult=(e,t)=>{let{currentCoordinates:n}=t;switch(e.code){case $n.Right:return{...n,x:n.x+25};case $n.Left:return{...n,x:n.x-25};case $n.Down:return{...n,y:n.y+25};case $n.Up:return{...n,y:n.y-25}}};class wI{constructor(t){this.props=void 0,this.autoScrollEnabled=!1,this.referenceCoordinates=void 0,this.listeners=void 0,this.windowListeners=void 0,this.props=t;const{event:{target:n}}=t;this.props=t,this.listeners=new jy(mg(n)),this.windowListeners=new jy(fs(n)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(ta.Resize,this.handleCancel),this.windowListeners.add(ta.VisibilityChange,this.handleCancel),setTimeout(()=>this.listeners.add(ta.Keydown,this.handleKeyDown))}handleStart(){const{activeNode:t,onStart:n}=this.props,r=t.node.current;r&&slt(r),n(sl)}handleKeyDown(t){if(xI(t)){const{active:n,context:r,options:i}=this.props,{keyboardCodes:o=Ole,coordinateGetter:s=ult,scrollBehavior:a="smooth"}=i,{code:l}=t;if(o.end.includes(l)){this.handleEnd(t);return}if(o.cancel.includes(l)){this.handleCancel(t);return}const{collisionRect:c}=r.current,u=c?{x:c.left,y:c.top}:sl;this.referenceCoordinates||(this.referenceCoordinates=u);const f=s(t,{active:n,context:r.current,currentCoordinates:u});if(f){const h=ib(f,u),g={x:0,y:0},{scrollableAncestors:y}=r.current;for(const b of y){const v=t.code,{isTop:S,isRight:C,isLeft:w,isBottom:A,maxScroll:E,minScroll:D}=_le(b),O=rlt(b),T={x:Math.min(v===$n.Right?O.right-O.width/2:O.right,Math.max(v===$n.Right?O.left:O.left+O.width/2,f.x)),y:Math.min(v===$n.Down?O.bottom-O.height/2:O.bottom,Math.max(v===$n.Down?O.top:O.top+O.height/2,f.y))},I=v===$n.Right&&!C||v===$n.Left&&!w,N=v===$n.Down&&!A||v===$n.Up&&!S;if(I&&T.x!==f.x){const j=b.scrollLeft+h.x,R=v===$n.Right&&j<=E.x||v===$n.Left&&j>=D.x;if(R&&!h.y){b.scrollTo({left:j,behavior:a});return}R?g.x=b.scrollLeft-j:g.x=v===$n.Right?b.scrollLeft-E.x:b.scrollLeft-D.x,g.x&&b.scrollBy({left:-g.x,behavior:a});break}else if(N&&T.y!==f.y){const j=b.scrollTop+h.y,R=v===$n.Down&&j<=E.y||v===$n.Up&&j>=D.y;if(R&&!h.x){b.scrollTo({top:j,behavior:a});return}R?g.y=b.scrollTop-j:g.y=v===$n.Down?b.scrollTop-E.y:b.scrollTop-D.y,g.y&&b.scrollBy({top:-g.y,behavior:a});break}}this.handleMove(t,tm(ib(f,this.referenceCoordinates),g))}}}handleMove(t,n){const{onMove:r}=this.props;t.preventDefault(),r(n)}handleEnd(t){const{onEnd:n}=this.props;t.preventDefault(),this.detach(),n()}handleCancel(t){const{onCancel:n}=this.props;t.preventDefault(),this.detach(),n()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll()}}wI.activators=[{eventName:"onKeyDown",handler:(e,t,n)=>{let{keyboardCodes:r=Ole,onActivation:i}=t,{active:o}=n;const{code:s}=e.nativeEvent;if(r.start.includes(s)){const a=o.activatorNode.current;return a&&e.target!==a?!1:(e.preventDefault(),i?.({event:e.nativeEvent}),!0)}return!1}}];function _K(e){return!!(e&&"distance"in e)}function DK(e){return!!(e&&"delay"in e)}class CI{constructor(t,n,r){var i;r===void 0&&(r=llt(t.event.target)),this.props=void 0,this.events=void 0,this.autoScrollEnabled=!0,this.document=void 0,this.activated=!1,this.initialCoordinates=void 0,this.timeoutId=null,this.listeners=void 0,this.documentListeners=void 0,this.windowListeners=void 0,this.props=t,this.events=n;const{event:o}=t,{target:s}=o;this.props=t,this.events=n,this.document=mg(s),this.documentListeners=new jy(this.document),this.listeners=new jy(r),this.windowListeners=new jy(fs(s)),this.initialCoordinates=(i=JD(o))!=null?i:sl,this.handleStart=this.handleStart.bind(this),this.handleMove=this.handleMove.bind(this),this.handleEnd=this.handleEnd.bind(this),this.handleCancel=this.handleCancel.bind(this),this.handleKeydown=this.handleKeydown.bind(this),this.removeTextSelection=this.removeTextSelection.bind(this),this.attach()}attach(){const{events:t,props:{options:{activationConstraint:n,bypassActivationConstraint:r}}}=this;if(this.listeners.add(t.move.name,this.handleMove,{passive:!1}),this.listeners.add(t.end.name,this.handleEnd),t.cancel&&this.listeners.add(t.cancel.name,this.handleCancel),this.windowListeners.add(ta.Resize,this.handleCancel),this.windowListeners.add(ta.DragStart,kK),this.windowListeners.add(ta.VisibilityChange,this.handleCancel),this.windowListeners.add(ta.ContextMenu,kK),this.documentListeners.add(ta.Keydown,this.handleKeydown),n){if(r!=null&&r({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(DK(n)){this.timeoutId=setTimeout(this.handleStart,n.delay),this.handlePending(n);return}if(_K(n)){this.handlePending(n);return}}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),this.timeoutId!==null&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handlePending(t,n){const{active:r,onPending:i}=this.props;i(r,t,this.initialCoordinates,n)}handleStart(){const{initialCoordinates:t}=this,{onStart:n}=this.props;t&&(this.activated=!0,this.documentListeners.add(ta.Click,clt,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(ta.SelectionChange,this.removeTextSelection),n(t))}handleMove(t){var n;const{activated:r,initialCoordinates:i,props:o}=this,{onMove:s,options:{activationConstraint:a}}=o;if(!i)return;const l=(n=JD(t))!=null?n:sl,c=ib(i,l);if(!r&&a){if(_K(a)){if(a.tolerance!=null&&ZA(c,a.tolerance))return this.handleCancel();if(ZA(c,a.distance))return this.handleStart()}if(DK(a)&&ZA(c,a.tolerance))return this.handleCancel();this.handlePending(a,c);return}t.cancelable&&t.preventDefault(),s(l)}handleEnd(){const{onAbort:t,onEnd:n}=this.props;this.detach(),this.activated||t(this.props.active),n()}handleCancel(){const{onAbort:t,onCancel:n}=this.props;this.detach(),this.activated||t(this.props.active),n()}handleKeydown(t){t.code===$n.Esc&&this.handleCancel()}removeTextSelection(){var t;(t=this.document.getSelection())==null||t.removeAllRanges()}}const dlt={cancel:{name:"pointercancel"},move:{name:"pointermove"},end:{name:"pointerup"}};class EI extends CI{constructor(t){const{event:n}=t,r=mg(n.target);super(t,dlt,r)}}EI.activators=[{eventName:"onPointerDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return!n.isPrimary||n.button!==0?!1:(r?.({event:n}),!0)}}];const flt={move:{name:"mousemove"},end:{name:"mouseup"}};var eO;(function(e){e[e.RightClick=2]="RightClick"})(eO||(eO={}));class hlt extends CI{constructor(t){super(t,flt,mg(t.event.target))}}hlt.activators=[{eventName:"onMouseDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return n.button===eO.RightClick?!1:(r?.({event:n}),!0)}}];const JA={cancel:{name:"touchcancel"},move:{name:"touchmove"},end:{name:"touchend"}};class plt extends CI{constructor(t){super(t,JA)}static setup(){return window.addEventListener(JA.move.name,t,{capture:!1,passive:!1}),function(){window.removeEventListener(JA.move.name,t)};function t(){}}}plt.activators=[{eventName:"onTouchStart",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;const{touches:i}=n;return i.length>1?!1:(r?.({event:n}),!0)}}];var $y;(function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"})($y||($y={}));var AS;(function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"})(AS||(AS={}));function mlt(e){let{acceleration:t,activator:n=$y.Pointer,canScroll:r,draggingRect:i,enabled:o,interval:s=5,order:a=AS.TreeOrder,pointerCoordinates:l,scrollableAncestors:c,scrollableAncestorRects:u,delta:f,threshold:h}=e;const g=ylt({delta:f,disabled:!o}),[y,b]=_at(),v=_.useRef({x:0,y:0}),S=_.useRef({x:0,y:0}),C=_.useMemo(()=>{switch(n){case $y.Pointer:return l?{top:l.y,bottom:l.y,left:l.x,right:l.x}:null;case $y.DraggableRect:return i}},[n,i,l]),w=_.useRef(null),A=_.useCallback(()=>{const D=w.current;if(!D)return;const O=v.current.x*S.current.x,T=v.current.y*S.current.y;D.scrollBy(O,T)},[]),E=_.useMemo(()=>a===AS.TreeOrder?[...c].reverse():c,[a,c]);_.useEffect(()=>{if(!o||!c.length||!C){b();return}for(const D of E){if(r?.(D)===!1)continue;const O=c.indexOf(D),T=u[O];if(!T)continue;const{direction:I,speed:N}=nlt(D,T,C,t,h);for(const j of["x","y"])g[j][I[j]]||(N[j]=0,I[j]=0);if(N.x>0||N.y>0){b(),w.current=D,y(A,s),v.current=N,S.current=I;return}}v.current={x:0,y:0},S.current={x:0,y:0},b()},[t,A,r,b,o,s,JSON.stringify(C),JSON.stringify(g),y,c,E,u,JSON.stringify(h)])}const glt={x:{[Xi.Backward]:!1,[Xi.Forward]:!1},y:{[Xi.Backward]:!1,[Xi.Forward]:!1}};function ylt(e){let{delta:t,disabled:n}=e;const r=ZD(t);return sv(i=>{if(n||!r||!i)return glt;const o={x:Math.sign(t.x-r.x),y:Math.sign(t.y-r.y)};return{x:{[Xi.Backward]:i.x[Xi.Backward]||o.x===-1,[Xi.Forward]:i.x[Xi.Forward]||o.x===1},y:{[Xi.Backward]:i.y[Xi.Backward]||o.y===-1,[Xi.Forward]:i.y[Xi.Forward]||o.y===1}}},[n,t,r])}function blt(e,t){const n=t!=null?e.get(t):void 0,r=n?n.node.current:null;return sv(i=>{var o;return t==null?null:(o=r??i)!=null?o:null},[r,t])}function vlt(e,t){return _.useMemo(()=>e.reduce((n,r)=>{const{sensor:i}=r,o=i.activators.map(s=>({eventName:s.eventName,handler:t(s.handler,r)}));return[...n,...o]},[]),[e,t])}var sb;(function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"})(sb||(sb={}));var tO;(function(e){e.Optimized="optimized"})(tO||(tO={}));const OK=new Map;function xlt(e,t){let{dragging:n,dependencies:r,config:i}=t;const[o,s]=_.useState(null),{frequency:a,measure:l,strategy:c}=i,u=_.useRef(e),f=v(),h=rb(f),g=_.useCallback(function(S){S===void 0&&(S=[]),!h.current&&s(C=>C===null?S:C.concat(S.filter(w=>!C.includes(w))))},[h]),y=_.useRef(null),b=sv(S=>{if(f&&!n)return OK;if(!S||S===OK||u.current!==e||o!=null){const C=new Map;for(let w of e){if(!w)continue;if(o&&o.length>0&&!o.includes(w.id)&&w.rect.current){C.set(w.id,w.rect.current);continue}const A=w.node.current,E=A?new SI(l(A),A):null;w.rect.current=E,E&&C.set(w.id,E)}return C}return S},[e,o,n,f,l]);return _.useEffect(()=>{u.current=e},[e]),_.useEffect(()=>{f||g()},[n,f]),_.useEffect(()=>{o&&o.length>0&&s(null)},[JSON.stringify(o)]),_.useEffect(()=>{f||typeof a!="number"||y.current!==null||(y.current=setTimeout(()=>{g(),y.current=null},a))},[a,f,g,...r]),{droppableRects:b,measureDroppableContainers:g,measuringScheduled:o!=null};function v(){switch(c){case sb.Always:return!1;case sb.BeforeDragging:return n;default:return!n}}}function Tle(e,t){return sv(n=>e?n||(typeof t=="function"?t(e):e):null,[t,e])}function Slt(e,t){return Tle(e,t)}function wlt(e){let{callback:t,disabled:n}=e;const r=vI(t),i=_.useMemo(()=>{if(n||typeof window>"u"||typeof window.MutationObserver>"u")return;const{MutationObserver:o}=window;return new o(r)},[r,n]);return _.useEffect(()=>()=>i?.disconnect(),[i]),i}function GC(e){let{callback:t,disabled:n}=e;const r=vI(t),i=_.useMemo(()=>{if(n||typeof window>"u"||typeof window.ResizeObserver>"u")return;const{ResizeObserver:o}=window;return new o(r)},[n]);return _.useEffect(()=>()=>i?.disconnect(),[i]),i}function Clt(e){return new SI(gg(e),e)}function TK(e,t,n){t===void 0&&(t=Clt);const[r,i]=_.useState(null);function o(){i(l=>{if(!e)return null;if(e.isConnected===!1){var c;return(c=l??n)!=null?c:null}const u=t(e);return JSON.stringify(l)===JSON.stringify(u)?l:u})}const s=wlt({callback(l){if(e)for(const c of l){const{type:u,target:f}=c;if(u==="childList"&&f instanceof HTMLElement&&f.contains(e)){o();break}}}}),a=GC({callback:o});return yc(()=>{o(),e?(a?.observe(e),s?.observe(document.body,{childList:!0,subtree:!0})):(a?.disconnect(),s?.disconnect())},[e]),r}function Elt(e){const t=Tle(e);return wle(e,t)}const MK=[];function Alt(e){const t=_.useRef(e),n=sv(r=>e?r&&r!==MK&&e&&t.current&&e.parentNode===t.current.parentNode?r:qC(e):MK,[e]);return _.useEffect(()=>{t.current=e},[e]),n}function klt(e){const[t,n]=_.useState(null),r=_.useRef(e),i=_.useCallback(o=>{const s=XA(o.target);s&&n(a=>a?(a.set(s,QD(s)),new Map(a)):null)},[]);return _.useEffect(()=>{const o=r.current;if(e!==o){s(o);const a=e.map(l=>{const c=XA(l);return c?(c.addEventListener("scroll",i,{passive:!0}),[c,QD(c)]):null}).filter(l=>l!=null);n(a.length?new Map(a):null),r.current=e}return()=>{s(e),s(o)};function s(a){a.forEach(l=>{const c=XA(l);c?.removeEventListener("scroll",i)})}},[i,e]),_.useMemo(()=>e.length?t?Array.from(t.values()).reduce((o,s)=>tm(o,s),sl):Dle(e):sl,[e,t])}function RK(e,t){t===void 0&&(t=[]);const n=_.useRef(null);return _.useEffect(()=>{n.current=null},t),_.useEffect(()=>{const r=e!==sl;r&&!n.current&&(n.current=e),!r&&n.current&&(n.current=null)},[e]),n.current?ib(e,n.current):sl}function _lt(e){_.useEffect(()=>{if(!WC)return;const t=e.map(n=>{let{sensor:r}=n;return r.setup==null?void 0:r.setup()});return()=>{for(const n of t)n?.()}},e.map(t=>{let{sensor:n}=t;return n}))}function Dlt(e,t){return _.useMemo(()=>e.reduce((n,r)=>{let{eventName:i,handler:o}=r;return n[i]=s=>{o(s,t)},n},{}),[e,t])}function Mle(e){return _.useMemo(()=>e?Jat(e):null,[e])}const IK=[];function Olt(e,t){t===void 0&&(t=gg);const[n]=e,r=Mle(n?fs(n):null),[i,o]=_.useState(IK);function s(){o(()=>e.length?e.map(l=>kle(l)?r:new SI(t(l),l)):IK)}const a=GC({callback:s});return yc(()=>{a?.disconnect(),s(),e.forEach(l=>a?.observe(l))},[e]),i}function Tlt(e){if(!e)return null;if(e.children.length>1)return e;const t=e.children[0];return ov(t)?t:e}function Mlt(e){let{measure:t}=e;const[n,r]=_.useState(null),i=_.useCallback(c=>{for(const{target:u}of c)if(ov(u)){r(f=>{const h=t(u);return f?{...f,width:h.width,height:h.height}:h});break}},[t]),o=GC({callback:i}),s=_.useCallback(c=>{const u=Tlt(c);o?.disconnect(),u&&o?.observe(u),r(u?t(u):null)},[t,o]),[a,l]=CS(s);return _.useMemo(()=>({nodeRef:a,rect:n,setRef:l}),[n,a,l])}const Rlt=[{sensor:EI,options:{}},{sensor:wI,options:{}}],Ilt={current:{}},A4={draggable:{measure:AK},droppable:{measure:AK,strategy:sb.WhileDragging,frequency:tO.Optimized},dragOverlay:{measure:gg}};class Ly extends Map{get(t){var n;return t!=null&&(n=super.get(t))!=null?n:void 0}toArray(){return Array.from(this.values())}getEnabled(){return this.toArray().filter(t=>{let{disabled:n}=t;return!n})}getNodeFor(t){var n,r;return(n=(r=this.get(t))==null?void 0:r.node.current)!=null?n:void 0}}const Plt={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new Ly,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:ES},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:A4,measureDroppableContainers:ES,windowRect:null,measuringScheduled:!1},jlt={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:ES,draggableNodes:new Map,over:null,measureDroppableContainers:ES},KC=_.createContext(jlt),Rle=_.createContext(Plt);function $lt(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new Ly}}}function Llt(e,t){switch(t.type){case Li.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:t.initialCoordinates,active:t.active}};case Li.DragMove:return e.draggable.active==null?e:{...e,draggable:{...e.draggable,translate:{x:t.coordinates.x-e.draggable.initialCoordinates.x,y:t.coordinates.y-e.draggable.initialCoordinates.y}}};case Li.DragEnd:case Li.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case Li.RegisterDroppable:{const{element:n}=t,{id:r}=n,i=new Ly(e.droppable.containers);return i.set(r,n),{...e,droppable:{...e.droppable,containers:i}}}case Li.SetDroppableDisabled:{const{id:n,key:r,disabled:i}=t,o=e.droppable.containers.get(n);if(!o||r!==o.key)return e;const s=new Ly(e.droppable.containers);return s.set(n,{...o,disabled:i}),{...e,droppable:{...e.droppable,containers:s}}}case Li.UnregisterDroppable:{const{id:n,key:r}=t,i=e.droppable.containers.get(n);if(!i||r!==i.key)return e;const o=new Ly(e.droppable.containers);return o.delete(n),{...e,droppable:{...e.droppable,containers:o}}}default:return e}}function Nlt(e){let{disabled:t}=e;const{active:n,activatorEvent:r,draggableNodes:i}=_.useContext(KC),o=ZD(r),s=ZD(n?.id);return _.useEffect(()=>{if(!t&&!r&&o&&s!=null){if(!xI(o)||document.activeElement===o.target)return;const a=i.get(s);if(!a)return;const{activatorNode:l,node:c}=a;if(!l.current&&!c.current)return;requestAnimationFrame(()=>{for(const u of[l.current,c.current]){if(!u)continue;const f=Tat(u);if(f){f.focus();break}}})}},[r,t,i,s,o]),null}function Flt(e,t){let{transform:n,...r}=t;return e!=null&&e.length?e.reduce((i,o)=>o({transform:i,...r}),n):n}function Blt(e){return _.useMemo(()=>({draggable:{...A4.draggable,...e?.draggable},droppable:{...A4.droppable,...e?.droppable},dragOverlay:{...A4.dragOverlay,...e?.dragOverlay}}),[e?.draggable,e?.droppable,e?.dragOverlay])}function zlt(e){let{activeNode:t,measure:n,initialRect:r,config:i=!0}=e;const o=_.useRef(!1),{x:s,y:a}=typeof i=="boolean"?{x:i,y:i}:i;yc(()=>{if(!s&&!a||!t){o.current=!1;return}if(o.current||!r)return;const c=t?.node.current;if(!c||c.isConnected===!1)return;const u=n(c),f=wle(u,r);if(s||(f.x=0),a||(f.y=0),o.current=!0,Math.abs(f.x)>0||Math.abs(f.y)>0){const h=Cle(c);h&&h.scrollBy({top:f.y,left:f.x})}},[t,s,a,r,n])}const Ile=_.createContext({...sl,scaleX:1,scaleY:1});var xd;(function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"})(xd||(xd={}));const Hlt=_.memo(function(t){var n,r,i,o;let{id:s,accessibility:a,autoScroll:l=!0,children:c,sensors:u=Rlt,collisionDetection:f=Wat,measuring:h,modifiers:g,...y}=t;const b=_.useReducer(Llt,void 0,$lt),[v,S]=b,[C,w]=$at(),[A,E]=_.useState(xd.Uninitialized),D=A===xd.Initialized,{draggable:{active:O,nodes:T,translate:I},droppable:{containers:N}}=v,j=O!=null?T.get(O):null,R=_.useRef({initial:null,translated:null}),L=_.useMemo(()=>{var _t;return O!=null?{id:O,data:(_t=j?.data)!=null?_t:Ilt,rect:R}:null},[O,j]),$=_.useRef(null),[z,F]=_.useState(null),[G,V]=_.useState(null),U=rb(y,Object.values(y)),X=av("DndDescribedBy",s),B=_.useMemo(()=>N.getEnabled(),[N]),W=Blt(h),{droppableRects:Y,measureDroppableContainers:H,measuringScheduled:K}=xlt(B,{dragging:D,dependencies:[I.x,I.y],config:W.droppable}),Q=blt(T,O),Z=_.useMemo(()=>G?JD(G):null,[G]),J=yr(),ie=Slt(Q,W.draggable.measure);zlt({activeNode:O!=null?T.get(O):null,config:J.layoutShiftCompensation,initialRect:ie,measure:W.draggable.measure});const ce=TK(Q,W.draggable.measure,ie),te=TK(Q?Q.parentElement:null),ne=_.useRef({activatorEvent:null,active:null,activeNode:Q,collisionRect:null,collisions:null,droppableRects:Y,draggableNodes:T,draggingNode:null,draggingNodeRect:null,droppableContainers:N,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),oe=N.getNodeFor((n=ne.current.over)==null?void 0:n.id),ue=Mlt({measure:W.dragOverlay.measure}),pe=(r=ue.nodeRef.current)!=null?r:Q,we=D?(i=ue.rect)!=null?i:ce:null,ke=!!(ue.nodeRef.current&&ue.rect),Ae=Elt(ke?null:ce),Fe=Mle(pe?fs(pe):null),Ie=Alt(D?oe??Q:null),st=Olt(Ie),Ge=Flt(g,{transform:{x:I.x-Ae.x,y:I.y-Ae.y,scaleX:1,scaleY:1},activatorEvent:G,active:L,activeNodeRect:ce,containerNodeRect:te,draggingNodeRect:we,over:ne.current.over,overlayNodeRect:ue.rect,scrollableAncestors:Ie,scrollableAncestorRects:st,windowRect:Fe}),It=Z?tm(Z,I):null,pt=klt(Ie),Be=RK(pt),Re=RK(pt,[ce]),ze=tm(Ge,Be),Ze=we?Kat(we,Ge):null,nt=L&&Ze?f({active:L,collisionRect:Ze,droppableRects:Y,droppableContainers:B,pointerCoordinates:It}):null,ot=Sle(nt,"id"),[Ye,Lt]=_.useState(null),Nt=ke?Ge:tm(Ge,Re),Dt=qat(Nt,(o=Ye?.rect)!=null?o:null,ce),Xn=_.useRef(null),rn=_.useCallback((_t,Pt)=>{let{sensor:Jt,options:Pn}=Pt;if($.current==null)return;const on=T.get($.current);if(!on)return;const xt=_t.nativeEvent,pn=new Jt({active:$.current,activeNode:on,event:xt,options:Pn,context:ne,onAbort(br){if(!T.get(br))return;const{onDragAbort:ae}=U.current,he={id:br};ae?.(he),C({type:"onDragAbort",event:he})},onPending(br,ei,ae,he){if(!T.get(br))return;const{onDragPending:Le}=U.current,He={id:br,constraint:ei,initialCoordinates:ae,offset:he};Le?.(He),C({type:"onDragPending",event:He})},onStart(br){const ei=$.current;if(ei==null)return;const ae=T.get(ei);if(!ae)return;const{onDragStart:he}=U.current,ve={activatorEvent:xt,active:{id:ei,data:ae.data,rect:R}};Dd.unstable_batchedUpdates(()=>{he?.(ve),E(xd.Initializing),S({type:Li.DragStart,initialCoordinates:br,active:ei}),C({type:"onDragStart",event:ve}),F(Xn.current),V(xt)})},onMove(br){S({type:Li.DragMove,coordinates:br})},onEnd:Qr(Li.DragEnd),onCancel:Qr(Li.DragCancel)});Xn.current=pn;function Qr(br){return async function(){const{active:ae,collisions:he,over:ve,scrollAdjustedTranslate:Le}=ne.current;let He=null;if(ae&&Le){const{cancelDrop:gt}=U.current;He={activatorEvent:xt,active:ae,collisions:he,delta:Le,over:ve},br===Li.DragEnd&&typeof gt=="function"&&await Promise.resolve(gt(He))&&(br=Li.DragCancel)}$.current=null,Dd.unstable_batchedUpdates(()=>{S({type:br}),E(xd.Uninitialized),Lt(null),F(null),V(null),Xn.current=null;const gt=br===Li.DragEnd?"onDragEnd":"onDragCancel";if(He){const rt=U.current[gt];rt?.(He),C({type:gt,event:He})}})}}},[T]),lt=_.useCallback((_t,Pt)=>(Jt,Pn)=>{const on=Jt.nativeEvent,xt=T.get(Pn);if($.current!==null||!xt||on.dndKit||on.defaultPrevented)return;const pn={active:xt};_t(Jt,Pt.options,pn)===!0&&(on.dndKit={capturedBy:Pt.sensor},$.current=Pn,rn(Jt,Pt))},[T,rn]),Ht=vlt(u,lt);_lt(u),yc(()=>{ce&&A===xd.Initializing&&E(xd.Initialized)},[ce,A]),_.useEffect(()=>{const{onDragMove:_t}=U.current,{active:Pt,activatorEvent:Jt,collisions:Pn,over:on}=ne.current;if(!Pt||!Jt)return;const xt={active:Pt,activatorEvent:Jt,collisions:Pn,delta:{x:ze.x,y:ze.y},over:on};Dd.unstable_batchedUpdates(()=>{_t?.(xt),C({type:"onDragMove",event:xt})})},[ze.x,ze.y]),_.useEffect(()=>{const{active:_t,activatorEvent:Pt,collisions:Jt,droppableContainers:Pn,scrollAdjustedTranslate:on}=ne.current;if(!_t||$.current==null||!Pt||!on)return;const{onDragOver:xt}=U.current,pn=Pn.get(ot),Qr=pn&&pn.rect.current?{id:pn.id,rect:pn.rect.current,data:pn.data,disabled:pn.disabled}:null,br={active:_t,activatorEvent:Pt,collisions:Jt,delta:{x:on.x,y:on.y},over:Qr};Dd.unstable_batchedUpdates(()=>{Lt(Qr),xt?.(br),C({type:"onDragOver",event:br})})},[ot]),yc(()=>{ne.current={activatorEvent:G,active:L,activeNode:Q,collisionRect:Ze,collisions:nt,droppableRects:Y,draggableNodes:T,draggingNode:pe,draggingNodeRect:we,droppableContainers:N,over:Ye,scrollableAncestors:Ie,scrollAdjustedTranslate:ze},R.current={initial:we,translated:Ze}},[L,Q,nt,Ze,T,pe,we,Y,N,Ye,Ie,ze]),mlt({...J,delta:I,draggingRect:Ze,pointerCoordinates:It,scrollableAncestors:Ie,scrollableAncestorRects:st});const _n=_.useMemo(()=>({active:L,activeNode:Q,activeNodeRect:ce,activatorEvent:G,collisions:nt,containerNodeRect:te,dragOverlay:ue,draggableNodes:T,droppableContainers:N,droppableRects:Y,over:Ye,measureDroppableContainers:H,scrollableAncestors:Ie,scrollableAncestorRects:st,measuringConfiguration:W,measuringScheduled:K,windowRect:Fe}),[L,Q,ce,G,nt,te,ue,T,N,Y,Ye,H,Ie,st,W,K,Fe]),Gn=_.useMemo(()=>({activatorEvent:G,activators:Ht,active:L,activeNodeRect:ce,ariaDescribedById:{draggable:X},dispatch:S,draggableNodes:T,over:Ye,measureDroppableContainers:H}),[G,Ht,L,ce,S,X,T,Ye,H]);return qt.createElement(ble.Provider,{value:w},qt.createElement(KC.Provider,{value:Gn},qt.createElement(Rle.Provider,{value:_n},qt.createElement(Ile.Provider,{value:Dt},c)),qt.createElement(Nlt,{disabled:a?.restoreFocus===!1})),qt.createElement(Fat,{...a,hiddenTextDescribedById:X}));function yr(){const _t=z?.autoScrollEnabled===!1,Pt=typeof l=="object"?l.enabled===!1:l===!1,Jt=D&&!_t&&!Pt;return typeof l=="object"?{...l,enabled:Jt}:{enabled:Jt}}}),Ult=_.createContext(null),PK="button",Vlt="Draggable";function Wlt(e){let{id:t,data:n,disabled:r=!1,attributes:i}=e;const o=av(Vlt),{activators:s,activatorEvent:a,active:l,activeNodeRect:c,ariaDescribedById:u,draggableNodes:f,over:h}=_.useContext(KC),{role:g=PK,roleDescription:y="draggable",tabIndex:b=0}=i??{},v=l?.id===t,S=_.useContext(v?Ile:Ult),[C,w]=CS(),[A,E]=CS(),D=Dlt(s,t),O=rb(n);yc(()=>(f.set(t,{id:t,key:o,node:C,activatorNode:A,data:O}),()=>{const I=f.get(t);I&&I.key===o&&f.delete(t)}),[f,t]);const T=_.useMemo(()=>({role:g,tabIndex:b,"aria-disabled":r,"aria-pressed":v&&g===PK?!0:void 0,"aria-roledescription":y,"aria-describedby":u.draggable}),[r,g,b,v,y,u.draggable]);return{active:l,activatorEvent:a,activeNodeRect:c,attributes:T,isDragging:v,listeners:r?void 0:D,node:C,over:h,setNodeRef:w,setActivatorNodeRef:E,transform:S}}function qlt(){return _.useContext(Rle)}const Glt="Droppable",Klt={timeout:25};function Ylt(e){let{data:t,disabled:n=!1,id:r,resizeObserverConfig:i}=e;const o=av(Glt),{active:s,dispatch:a,over:l,measureDroppableContainers:c}=_.useContext(KC),u=_.useRef({disabled:n}),f=_.useRef(!1),h=_.useRef(null),g=_.useRef(null),{disabled:y,updateMeasurementsFor:b,timeout:v}={...Klt,...i},S=rb(b??r),C=_.useCallback(()=>{if(!f.current){f.current=!0;return}g.current!=null&&clearTimeout(g.current),g.current=setTimeout(()=>{c(Array.isArray(S.current)?S.current:[S.current]),g.current=null},v)},[v]),w=GC({callback:C,disabled:y||!s}),A=_.useCallback((T,I)=>{w&&(I&&(w.unobserve(I),f.current=!1),T&&w.observe(T))},[w]),[E,D]=CS(A),O=rb(t);return _.useEffect(()=>{!w||!E.current||(w.disconnect(),f.current=!1,w.observe(E.current))},[E,w]),_.useEffect(()=>(a({type:Li.RegisterDroppable,element:{id:r,key:o,disabled:n,node:E,rect:h,data:O}}),()=>a({type:Li.UnregisterDroppable,key:o,id:r})),[r]),_.useEffect(()=>{n!==u.current.disabled&&(a({type:Li.SetDroppableDisabled,id:r,key:o,disabled:n}),u.current.disabled=n)},[r,o,n,a]),{active:s,rect:h,isOver:l?.id===r,node:E,over:l,setNodeRef:D}}function AI(e,t,n){const r=e.slice();return r.splice(n<0?r.length+n:n,0,r.splice(t,1)[0]),r}function Xlt(e,t){return e.reduce((n,r,i)=>{const o=t.get(r);return o&&(n[i]=o),n},Array(e.length))}function A5(e){return e!==null&&e>=0}function Zlt(e,t){if(e===t)return!0;if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}function Jlt(e){return typeof e=="boolean"?{draggable:e,droppable:e}:e}const Ple=e=>{let{rects:t,activeIndex:n,overIndex:r,index:i}=e;const o=AI(t,r,n),s=t[i],a=o[i];return!a||!s?null:{x:a.left-s.left,y:a.top-s.top,scaleX:a.width/s.width,scaleY:a.height/s.height}},k5={scaleX:1,scaleY:1},Qlt=e=>{var t;let{activeIndex:n,activeNodeRect:r,index:i,rects:o,overIndex:s}=e;const a=(t=o[n])!=null?t:r;if(!a)return null;if(i===n){const c=o[s];return c?{x:0,y:n<s?c.top+c.height-(a.top+a.height):c.top-a.top,...k5}:null}const l=ect(o,i,n);return i>n&&i<=s?{x:0,y:-a.height-l,...k5}:i<n&&i>=s?{x:0,y:a.height+l,...k5}:{x:0,y:0,...k5}};function ect(e,t,n){const r=e[t],i=e[t-1],o=e[t+1];return r?n<t?i?r.top-(i.top+i.height):o?o.top-(r.top+r.height):0:o?o.top-(r.top+r.height):i?r.top-(i.top+i.height):0:0}const jle="Sortable",$le=qt.createContext({activeIndex:-1,containerId:jle,disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:Ple,disabled:{draggable:!1,droppable:!1}});function tct(e){let{children:t,id:n,items:r,strategy:i=Ple,disabled:o=!1}=e;const{active:s,dragOverlay:a,droppableRects:l,over:c,measureDroppableContainers:u}=qlt(),f=av(jle,n),h=a.rect!==null,g=_.useMemo(()=>r.map(D=>typeof D=="object"&&"id"in D?D.id:D),[r]),y=s!=null,b=s?g.indexOf(s.id):-1,v=c?g.indexOf(c.id):-1,S=_.useRef(g),C=!Zlt(g,S.current),w=v!==-1&&b===-1||C,A=Jlt(o);yc(()=>{C&&y&&u(g)},[C,g,y,u]),_.useEffect(()=>{S.current=g},[g]);const E=_.useMemo(()=>({activeIndex:b,containerId:f,disabled:A,disableTransforms:w,items:g,overIndex:v,useDragOverlay:h,sortedRects:Xlt(g,l),strategy:i}),[b,f,A.draggable,A.droppable,w,g,v,l,h,i]);return qt.createElement($le.Provider,{value:E},t)}const nct=e=>{let{id:t,items:n,activeIndex:r,overIndex:i}=e;return AI(n,r,i).indexOf(t)},rct=e=>{let{containerId:t,isSorting:n,wasDragging:r,index:i,items:o,newIndex:s,previousItems:a,previousContainerId:l,transition:c}=e;return!c||!r||a!==o&&i===s?!1:n?!0:s!==i&&t===l},ict={duration:200,easing:"ease"},Lle="transform",oct=ob.Transition.toString({property:Lle,duration:0,easing:"linear"}),sct={roleDescription:"sortable"};function act(e){let{disabled:t,index:n,node:r,rect:i}=e;const[o,s]=_.useState(null),a=_.useRef(n);return yc(()=>{if(!t&&n!==a.current&&r.current){const l=i.current;if(l){const c=gg(r.current,{ignoreTransform:!0}),u={x:l.left-c.left,y:l.top-c.top,scaleX:l.width/c.width,scaleY:l.height/c.height};(u.x||u.y)&&s(u)}}n!==a.current&&(a.current=n)},[t,n,r,i]),_.useEffect(()=>{o&&s(null)},[o]),o}function lct(e){let{animateLayoutChanges:t=rct,attributes:n,disabled:r,data:i,getNewIndex:o=nct,id:s,strategy:a,resizeObserverConfig:l,transition:c=ict}=e;const{items:u,containerId:f,activeIndex:h,disabled:g,disableTransforms:y,sortedRects:b,overIndex:v,useDragOverlay:S,strategy:C}=_.useContext($le),w=cct(r,g),A=u.indexOf(s),E=_.useMemo(()=>({sortable:{containerId:f,index:A,items:u},...i}),[f,i,A,u]),D=_.useMemo(()=>u.slice(u.indexOf(s)),[u,s]),{rect:O,node:T,isOver:I,setNodeRef:N}=Ylt({id:s,data:E,disabled:w.droppable,resizeObserverConfig:{updateMeasurementsFor:D,...l}}),{active:j,activatorEvent:R,activeNodeRect:L,attributes:$,setNodeRef:z,listeners:F,isDragging:G,over:V,setActivatorNodeRef:U,transform:X}=Wlt({id:s,data:E,attributes:{...sct,...n},disabled:w.draggable}),B=kat(N,z),W=!!j,Y=W&&!y&&A5(h)&&A5(v),H=!S&&G,K=H&&Y?X:null,Z=Y?K??(a??C)({rects:b,activeNodeRect:L,activeIndex:h,overIndex:v,index:A}):null,J=A5(h)&&A5(v)?o({id:s,items:u,activeIndex:h,overIndex:v}):A,ie=j?.id,ce=_.useRef({activeId:ie,items:u,newIndex:J,containerId:f}),te=u!==ce.current.items,ne=t({active:j,containerId:f,isDragging:G,isSorting:W,id:s,index:A,items:u,newIndex:ce.current.newIndex,previousItems:ce.current.items,previousContainerId:ce.current.containerId,transition:c,wasDragging:ce.current.activeId!=null}),oe=act({disabled:!ne,index:A,node:T,rect:O});return _.useEffect(()=>{W&&ce.current.newIndex!==J&&(ce.current.newIndex=J),f!==ce.current.containerId&&(ce.current.containerId=f),u!==ce.current.items&&(ce.current.items=u)},[W,J,f,u]),_.useEffect(()=>{if(ie===ce.current.activeId)return;if(ie!=null&&ce.current.activeId==null){ce.current.activeId=ie;return}const pe=setTimeout(()=>{ce.current.activeId=ie},50);return()=>clearTimeout(pe)},[ie]),{active:j,activeIndex:h,attributes:$,data:E,rect:O,index:A,newIndex:J,items:u,isOver:I,isSorting:W,isDragging:G,listeners:F,node:T,overIndex:v,over:V,setNodeRef:B,setActivatorNodeRef:U,setDroppableNodeRef:N,setDraggableNodeRef:z,transform:oe??Z,transition:ue()};function ue(){if(oe||te&&ce.current.newIndex===A)return oct;if(!(H&&!xI(R)||!c)&&(W||ne))return ob.Transition.toString({...c,property:Lle})}}function cct(e,t){var n,r;return typeof e=="boolean"?{draggable:e,droppable:!1}:{draggable:(n=e?.draggable)!=null?n:t.draggable,droppable:(r=e?.droppable)!=null?r:t.droppable}}function kS(e){if(!e)return!1;const t=e.data.current;return!!(t&&"sortable"in t&&typeof t.sortable=="object"&&"containerId"in t.sortable&&"items"in t.sortable&&"index"in t.sortable)}const uct=[$n.Down,$n.Right,$n.Up,$n.Left],dct=(e,t)=>{let{context:{active:n,collisionRect:r,droppableRects:i,droppableContainers:o,over:s,scrollableAncestors:a}}=t;if(uct.includes(e.code)){if(e.preventDefault(),!n||!r)return;const l=[];o.getEnabled().forEach(f=>{if(!f||f!=null&&f.disabled)return;const h=i.get(f.id);if(h)switch(e.code){case $n.Down:r.top<h.top&&l.push(f);break;case $n.Up:r.top>h.top&&l.push(f);break;case $n.Left:r.left>h.left&&l.push(f);break;case $n.Right:r.left<h.left&&l.push(f);break}});const c=Uat({collisionRect:r,droppableRects:i,droppableContainers:l});let u=Sle(c,"id");if(u===s?.id&&c.length>1&&(u=c[1].id),u!=null){const f=o.get(n.id),h=o.get(u),g=h?i.get(h.id):null,y=h?.node.current;if(y&&g&&f&&h){const v=qC(y).some((D,O)=>a[O]!==D),S=Nle(f,h),C=fct(f,h),w=v||!S?{x:0,y:0}:{x:C?r.width-g.width:0,y:C?r.height-g.height:0},A={x:g.left,y:g.top};return w.x&&w.y?A:ib(A,w)}}}};function Nle(e,t){return!kS(e)||!kS(t)?!1:e.data.current.sortable.containerId===t.data.current.sortable.containerId}function fct(e,t){return!kS(e)||!kS(t)||!Nle(e,t)?!1:e.data.current.sortable.index<t.data.current.sortable.index}const hct=({bridge:e,index:t})=>{const{attributes:n,listeners:r,setNodeRef:i,transform:o,transition:s,isDragging:a}=lct({id:e.id}),[l,c]=_.useState(!1);_.useEffect(()=>{_w(e.id).then(c)},[e.id]);const u={transform:ob.Transform.toString(o),transition:s,opacity:a?.5:1};return m.jsx(er,{ref:i,style:u,variant:"outlined",sx:{cursor:"grab","&:active":{cursor:"grabbing"},bgcolor:a?"action.selected":"background.paper",width:"fit-content"},children:m.jsxs(gr,{sx:{display:"flex",alignItems:"center",gap:1.5,py:1,"&:last-child":{pb:1}},children:[m.jsx(le,{...n,...r,sx:{display:"flex",alignItems:"center",color:"text.secondary"},children:m.jsx(qCe,{})}),m.jsx(Ct,{label:t+1,size:"small",color:"primary",sx:{minWidth:32,fontWeight:"bold"}}),l?m.jsx(le,{component:"img",src:r2(e.id),alt:e.name,sx:{width:40,height:40,borderRadius:"50%",objectFit:"cover",boxShadow:2}}):m.jsx(rl,{sx:{bgcolor:OT(e),width:40,height:40,boxShadow:2},children:(()=>{const f=DT(e);return m.jsx(f,{sx:{fontSize:24}})})()}),m.jsxs(le,{sx:{flex:1},children:[m.jsx(re,{variant:"subtitle1",fontWeight:500,children:e.name}),m.jsxs(re,{variant:"caption",color:"text.secondary",children:["Port: ",e.port," • Priority: ",e.priority??100]})]})]})})},pct=()=>{const e=Tu(),{content:t,isLoading:n}=qm(),r=pCe(),[i,o]=_.useState([]),[s,a]=_.useState(!1);_.useEffect(()=>{if(t){const h=[...t].sort((g,y)=>{const b=g.priority??100,v=y.priority??100;return b-v});o(h),a(!1)}},[t]);const l=Bat(wK(EI),wK(wI,{coordinateGetter:dct})),c=_.useCallback(h=>{const{active:g,over:y}=h;y&&g.id!==y.id&&(o(b=>{const v=b.findIndex(C=>C.id===g.id),S=b.findIndex(C=>C.id===y.id);return AI(b,v,S)}),a(!0))},[]),u=_.useCallback(async()=>{const h=i.map((g,y)=>({id:g.id,priority:(y+1)*10}));try{await r(h),e.show({message:"Startup order saved successfully",severity:"success"}),a(!1)}catch(g){e.show({message:g instanceof Error?g.message:"Failed to save startup order",severity:"error"})}},[i,r,e]),f=_.useMemo(()=>i.map(h=>h.id),[i]);return n?m.jsx(re,{children:"Loading..."}):m.jsxs(zt,{spacing:3,children:[m.jsx(cw,{items:[{name:"Bridges",to:jt.bridges},{name:"Startup Order",to:jt.startup}]}),m.jsxs(le,{display:"flex",alignItems:"center",gap:2,children:[m.jsx(om,{color:"primary",fontSize:"large"}),m.jsxs(le,{children:[m.jsx(re,{variant:"h5",fontWeight:600,children:"Startup Order"}),m.jsx(re,{variant:"body2",color:"text.secondary",children:"Drag and drop bridges to set the startup order. Lower positions start first."})]})]}),s&&m.jsx(kn,{severity:"info",action:m.jsx(kt,{color:"inherit",size:"small",startIcon:m.jsx(r6,{}),onClick:u,children:"Save Changes"}),children:"You have unsaved changes to the startup order."}),m.jsx(Hlt,{sensors:l,collisionDetection:Hat,onDragEnd:c,children:m.jsx(tct,{items:f,strategy:Qlt,children:m.jsx(zt,{spacing:1,children:i.map((h,g)=>m.jsx(hct,{bridge:h,index:g},h.id))})})}),i.length===0&&m.jsx(re,{color:"text.secondary",textAlign:"center",py:4,children:"No bridges configured yet."}),s&&i.length>0&&m.jsx(le,{display:"flex",justifyContent:"flex-end",children:m.jsx(kt,{variant:"contained",startIcon:m.jsx(r6,{}),onClick:u,children:"Save Startup Order"})})]})},QA="https://riddix.github.io/home-assistant-matter-hub",jt={dashboard:"/",bridges:"/bridges",bridge:e=>`/bridges/${e}`,createBridge:"/bridges/create",editBridge:e=>`/bridges/${e}/edit`,devices:"/devices",networkMap:"/network-map",health:"/health",labels:"/labels",lockCredentials:"/lock-credentials",settings:"/settings",startup:"/startup",githubRepository:"https://github.com/riddix/home-assistant-matter-hub/",documentation:QA,faq:{multiFabric:`${QA}/connect-multiple-fabrics`,bridgeConfig:`${QA}/bridge-configuration`}},mct=[{path:"",element:m.jsx(C2e,{}),children:[{path:"",element:m.jsx(n9e,{})},{path:jt.bridges,element:m.jsx(Q8e,{})},{path:jt.createBridge,element:m.jsx(VQe,{})},{path:jt.bridge(":bridgeId"),element:m.jsx(kCe,{})},{path:jt.editBridge(":bridgeId"),element:m.jsx(WQe,{})},{path:jt.devices,element:m.jsx(x9e,{})},{path:jt.networkMap,element:m.jsx(Sat,{})},{path:jt.health,element:m.jsx(QQe,{})},{path:jt.labels,element:m.jsx(ret,{})},{path:jt.lockCredentials,element:m.jsx(uet,{})},{path:jt.settings,element:m.jsx(Aat,{})},{path:jt.startup,element:m.jsx(pct,{})}]}],gct={items:{isInitialized:!1,isLoading:!1}},yct=HO(gct,e=>{e.addCase(Fo.pending,t=>{t.items.isLoading=!0}).addCase(Fo.rejected,(t,n)=>{t.items.isInitialized=!0,t.items.isLoading=!1,t.items.content=void 0,t.items.error=n.error}).addCase(Fo.fulfilled,(t,n)=>{t.items.isInitialized=!0,t.items.isLoading=!1,t.items.content=n.payload,t.items.error=void 0}).addCase(LX.fulfilled,(t,n)=>{t.items.content?.push(n.payload)}).addCase(FX.fulfilled,(t,n)=>{const r=t.items.content?.findIndex(i=>i.id===n.payload.id)??-1;r!==-1&&(t.items.content[r]=n.payload)}).addCase(BX.fulfilled,(t,n)=>{const r=t.items.content?.findIndex(i=>i.id===n.payload.id)??-1;r!==-1&&(t.items.content[r]=n.payload)}).addCase(NX.fulfilled,(t,n)=>{if(t.items.content){const r=t.items.content.findIndex(i=>i.id===n.meta.arg);r!==-1&&t.items.content.splice(r,1)}}).addCase(zX,(t,n)=>{t.items.isInitialized=!0,t.items.isLoading=!1,t.items.content=n.payload,t.items.error=void 0}).addCase(HX,(t,n)=>{if(t.items.content){const r=t.items.content.findIndex(i=>i.id===n.payload.id);r!==-1?t.items.content[r]=n.payload:t.items.content.push(n.payload)}})}),bct={byBridge:{}},vct=HO(bct,e=>{e.addCase(du.pending,(t,n)=>{t.byBridge[n.meta.arg]=ek(t.byBridge[n.meta.arg],n)}).addCase(du.rejected,(t,n)=>{t.byBridge[n.meta.arg]=ek(t.byBridge[n.meta.arg],n)}).addCase(du.fulfilled,(t,n)=>{t.byBridge[n.meta.arg]=ek(t.byBridge[n.meta.arg],n)})}),xct={isInitialized:!1,isLoading:!1,content:void 0,error:void 0},ek=HO(xct,e=>{e.addCase(du.pending,t=>{t.isLoading=!0}).addCase(du.rejected,(t,n)=>{t.isInitialized=!0,t.isLoading=!1,t.content=void 0,t.error=n.error}).addCase(du.fulfilled,(t,n)=>{t.isInitialized=!0,t.isLoading=!1,t.content=n.payload,t.error=void 0})}),Sct=i2e({reducer:{bridges:yct,devices:vct}}),kI=zme({createStyledComponent:me("div",{name:"MuiContainer",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,t[`maxWidth${ye(String(n.maxWidth))}`],n.fixed&&t.fixed,n.disableGutters&&t.disableGutters]}}),useThemeProps:e=>it({props:e,name:"MuiContainer"})});function wct(e){return Qe("MuiToolbar",e)}tt("MuiToolbar",["root","gutters","regular","dense"]);const Cct=e=>{const{classes:t,disableGutters:n,variant:r}=e;return et({root:["root",!n&&"gutters",r]},wct,t)},Ect=me("div",{name:"MuiToolbar",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,!n.disableGutters&&t.gutters,t[n.variant]]}})(qe(({theme:e})=>({position:"relative",display:"flex",alignItems:"center",variants:[{props:({ownerState:t})=>!t.disableGutters,style:{paddingLeft:e.spacing(2),paddingRight:e.spacing(2),[e.breakpoints.up("sm")]:{paddingLeft:e.spacing(3),paddingRight:e.spacing(3)}}},{props:{variant:"dense"},style:{minHeight:48}},{props:{variant:"regular"},style:e.mixins.toolbar}]}))),Fle=_.forwardRef(function(t,n){const r=it({props:t,name:"MuiToolbar"}),{className:i,component:o="div",disableGutters:s=!1,variant:a="regular",...l}=r,c={...r,component:o,disableGutters:s,variant:a},u=Cct(c);return m.jsx(Ect,{as:o,className:Oe(u.root,i),ref:n,ownerState:c,...l})}),Act=[{name:"GitHub",url:jt.githubRepository},{name:"Documentation",url:jt.documentation}],kct=()=>m.jsxs(kI,{sx:{mt:16,mb:4},children:[m.jsx(gi,{sx:{mt:4,mb:4}}),m.jsx(Je,{container:!0,spacing:2,justifyContent:"center",children:Act.map((e,t)=>m.jsx(Je,{size:{xs:12,sm:"auto"},children:m.jsx(kt,{fullWidth:!0,size:"small",variant:"outlined",component:lw,href:e.url,target:"_blank",children:e.name})},t.toString()))})]});function _ct(e){return Qe("MuiAppBar",e)}tt("MuiAppBar",["root","positionFixed","positionAbsolute","positionSticky","positionStatic","positionRelative","colorDefault","colorPrimary","colorSecondary","colorInherit","colorTransparent","colorError","colorInfo","colorSuccess","colorWarning"]);const Dct=e=>{const{color:t,position:n,classes:r}=e,i={root:["root",`color${ye(t)}`,`position${ye(n)}`]};return et(i,_ct,r)},jK=(e,t)=>e?`${e.replace(")","")}, ${t})`:t,Oct=me(Lr,{name:"MuiAppBar",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,t[`position${ye(n.position)}`],t[`color${ye(n.color)}`]]}})(qe(({theme:e})=>({display:"flex",flexDirection:"column",width:"100%",boxSizing:"border-box",flexShrink:0,variants:[{props:{position:"fixed"},style:{position:"fixed",zIndex:(e.vars||e).zIndex.appBar,top:0,left:"auto",right:0,"@media print":{position:"absolute"}}},{props:{position:"absolute"},style:{position:"absolute",zIndex:(e.vars||e).zIndex.appBar,top:0,left:"auto",right:0}},{props:{position:"sticky"},style:{position:"sticky",zIndex:(e.vars||e).zIndex.appBar,top:0,left:"auto",right:0}},{props:{position:"static"},style:{position:"static"}},{props:{position:"relative"},style:{position:"relative"}},{props:{color:"inherit"},style:{"--AppBar-color":"inherit",color:"var(--AppBar-color)"}},{props:{color:"default"},style:{"--AppBar-background":e.vars?e.vars.palette.AppBar.defaultBg:e.palette.grey[100],"--AppBar-color":e.vars?e.vars.palette.text.primary:e.palette.getContrastText(e.palette.grey[100]),...e.applyStyles("dark",{"--AppBar-background":e.vars?e.vars.palette.AppBar.defaultBg:e.palette.grey[900],"--AppBar-color":e.vars?e.vars.palette.text.primary:e.palette.getContrastText(e.palette.grey[900])})}},...Object.entries(e.palette).filter(Nn(["contrastText"])).map(([t])=>({props:{color:t},style:{"--AppBar-background":(e.vars??e).palette[t].main,"--AppBar-color":(e.vars??e).palette[t].contrastText}})),{props:t=>t.enableColorOnDark===!0&&!["inherit","transparent"].includes(t.color),style:{backgroundColor:"var(--AppBar-background)",color:"var(--AppBar-color)"}},{props:t=>t.enableColorOnDark===!1&&!["inherit","transparent"].includes(t.color),style:{backgroundColor:"var(--AppBar-background)",color:"var(--AppBar-color)",...e.applyStyles("dark",{backgroundColor:e.vars?jK(e.vars.palette.AppBar.darkBg,"var(--AppBar-background)"):null,color:e.vars?jK(e.vars.palette.AppBar.darkColor,"var(--AppBar-color)"):null})}},{props:{color:"transparent"},style:{"--AppBar-background":"transparent","--AppBar-color":"inherit",backgroundColor:"var(--AppBar-background)",color:"var(--AppBar-color)",...e.applyStyles("dark",{backgroundImage:"none"})}}]}))),Tct=_.forwardRef(function(t,n){const r=it({props:t,name:"MuiAppBar"}),{className:i,color:o="primary",enableColorOnDark:s=!1,position:a="fixed",...l}=r,c={...r,color:o,position:a,enableColorOnDark:s},u=Dct(c);return m.jsx(Oct,{square:!0,component:"header",ownerState:c,elevation:4,className:Oe(u.root,i,a==="fixed"&&"mui-fixed"),ref:n,...l})});function Mct(e,t,n){const r=t.getBoundingClientRect(),i=n&&n.getBoundingClientRect(),o=tl(t);let s;if(t.fakeTransform)s=t.fakeTransform;else{const c=o.getComputedStyle(t);s=c.getPropertyValue("-webkit-transform")||c.getPropertyValue("transform")}let a=0,l=0;if(s&&s!=="none"&&typeof s=="string"){const c=s.split("(")[1].split(")")[0].split(",");a=parseInt(c[4],10),l=parseInt(c[5],10)}return e==="left"?i?`translateX(${i.right+a-r.left}px)`:`translateX(${o.innerWidth+a-r.left}px)`:e==="right"?i?`translateX(-${r.right-i.left-a}px)`:`translateX(-${r.left+r.width-a}px)`:e==="up"?i?`translateY(${i.bottom+l-r.top}px)`:`translateY(${o.innerHeight+l-r.top}px)`:i?`translateY(-${r.top-i.top+r.height-l}px)`:`translateY(-${r.top+r.height-l}px)`}function Rct(e){return typeof e=="function"?e():e}function _5(e,t,n){const r=Rct(n),i=Mct(e,t,r);i&&(t.style.webkitTransform=i,t.style.transform=i)}const Ict=_.forwardRef(function(t,n){const r=_a(),i={enter:r.transitions.easing.easeOut,exit:r.transitions.easing.sharp},o={enter:r.transitions.duration.enteringScreen,exit:r.transitions.duration.leavingScreen},{addEndListener:s,appear:a=!0,children:l,container:c,direction:u="down",easing:f=i,in:h,onEnter:g,onEntered:y,onEntering:b,onExit:v,onExited:S,onExiting:C,style:w,timeout:A=o,TransitionComponent:E=Da,...D}=t,O=_.useRef(null),T=Tr(pf(l),O,n),I=V=>U=>{V&&(U===void 0?V(O.current):V(O.current,U))},N=I((V,U)=>{_5(u,V,c),$O(V),g&&g(V,U)}),j=I((V,U)=>{const X=Kd({timeout:A,style:w,easing:f},{mode:"enter"});V.style.webkitTransition=r.transitions.create("-webkit-transform",{...X}),V.style.transition=r.transitions.create("transform",{...X}),V.style.webkitTransform="none",V.style.transform="none",b&&b(V,U)}),R=I(y),L=I(C),$=I(V=>{const U=Kd({timeout:A,style:w,easing:f},{mode:"exit"});V.style.webkitTransition=r.transitions.create("-webkit-transform",U),V.style.transition=r.transitions.create("transform",U),_5(u,V,c),v&&v(V)}),z=I(V=>{V.style.webkitTransition="",V.style.transition="",S&&S(V)}),F=V=>{s&&s(O.current,V)},G=_.useCallback(()=>{O.current&&_5(u,O.current,c)},[u,c]);return _.useEffect(()=>{if(h||u==="down"||u==="right")return;const V=RO(()=>{O.current&&_5(u,O.current,c)}),U=tl(O.current);return U.addEventListener("resize",V),()=>{V.clear(),U.removeEventListener("resize",V)}},[u,h,c]),_.useEffect(()=>{h||G()},[h,G]),m.jsx(E,{nodeRef:O,onEnter:N,onEntered:R,onEntering:j,onExit:$,onExited:z,onExiting:L,addEndListener:F,appear:a,in:h,timeout:A,...D,children:(V,{ownerState:U,...X})=>_.cloneElement(l,{ref:T,style:{visibility:V==="exited"&&!h?"hidden":void 0,...w,...l.props.style},...X})})});function Pct(e){return Qe("MuiDrawer",e)}tt("MuiDrawer",["root","docked","paper","anchorLeft","anchorRight","anchorTop","anchorBottom","paperAnchorLeft","paperAnchorRight","paperAnchorTop","paperAnchorBottom","paperAnchorDockedLeft","paperAnchorDockedRight","paperAnchorDockedTop","paperAnchorDockedBottom","modal"]);const Ble=(e,t)=>{const{ownerState:n}=e;return[t.root,(n.variant==="permanent"||n.variant==="persistent")&&t.docked,n.variant==="temporary"&&t.modal]},jct=e=>{const{classes:t,anchor:n,variant:r}=e,i={root:["root",`anchor${ye(n)}`],docked:[(r==="permanent"||r==="persistent")&&"docked"],modal:["modal"],paper:["paper",`paperAnchor${ye(n)}`,r!=="temporary"&&`paperAnchorDocked${ye(n)}`]};return et(i,Pct,t)},$ct=me(QO,{name:"MuiDrawer",slot:"Root",overridesResolver:Ble})(qe(({theme:e})=>({zIndex:(e.vars||e).zIndex.drawer}))),Lct=me("div",{shouldForwardProp:ro,name:"MuiDrawer",slot:"Docked",skipVariantsResolver:!1,overridesResolver:Ble})({flex:"0 0 auto"}),Nct=me(Lr,{name:"MuiDrawer",slot:"Paper",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.paper,t[`paperAnchor${ye(n.anchor)}`],n.variant!=="temporary"&&t[`paperAnchorDocked${ye(n.anchor)}`]]}})(qe(({theme:e})=>({overflowY:"auto",display:"flex",flexDirection:"column",height:"100%",flex:"1 0 auto",zIndex:(e.vars||e).zIndex.drawer,WebkitOverflowScrolling:"touch",position:"fixed",top:0,outline:0,variants:[{props:{anchor:"left"},style:{left:0}},{props:{anchor:"top"},style:{top:0,left:0,right:0,height:"auto",maxHeight:"100%"}},{props:{anchor:"right"},style:{right:0}},{props:{anchor:"bottom"},style:{top:"auto",left:0,bottom:0,right:0,height:"auto",maxHeight:"100%"}},{props:({ownerState:t})=>t.anchor==="left"&&t.variant!=="temporary",style:{borderRight:`1px solid ${(e.vars||e).palette.divider}`}},{props:({ownerState:t})=>t.anchor==="top"&&t.variant!=="temporary",style:{borderBottom:`1px solid ${(e.vars||e).palette.divider}`}},{props:({ownerState:t})=>t.anchor==="right"&&t.variant!=="temporary",style:{borderLeft:`1px solid ${(e.vars||e).palette.divider}`}},{props:({ownerState:t})=>t.anchor==="bottom"&&t.variant!=="temporary",style:{borderTop:`1px solid ${(e.vars||e).palette.divider}`}}]}))),zle={left:"right",right:"left",top:"down",bottom:"up"};function Fct(e){return["left","right"].includes(e)}function Bct({direction:e},t){return e==="rtl"&&Fct(t)?zle[t]:t}const zct=_.forwardRef(function(t,n){const r=it({props:t,name:"MuiDrawer"}),i=_a(),o=hf(),s={enter:i.transitions.duration.enteringScreen,exit:i.transitions.duration.leavingScreen},{anchor:a="left",BackdropProps:l,children:c,className:u,elevation:f=16,hideBackdrop:h=!1,ModalProps:{BackdropProps:g,...y}={},onClose:b,open:v=!1,PaperProps:S={},SlideProps:C,TransitionComponent:w,transitionDuration:A=s,variant:E="temporary",slots:D={},slotProps:O={},...T}=r,I=_.useRef(!1);_.useEffect(()=>{I.current=!0},[]);const N=Bct({direction:o?"rtl":"ltr"},a),R={...r,anchor:a,elevation:f,open:v,variant:E,...T},L=jct(R),$={slots:{transition:w,...D},slotProps:{paper:S,transition:C,...O,backdrop:IO(O.backdrop||{...l,...g},{transitionDuration:A})}},[z,F]=ct("root",{ref:n,elementType:$ct,className:Oe(L.root,L.modal,u),shouldForwardComponentProp:!0,ownerState:R,externalForwardedProps:{...$,...T,...y},additionalProps:{open:v,onClose:b,hideBackdrop:h,slots:{backdrop:$.slots.backdrop},slotProps:{backdrop:$.slotProps.backdrop}}}),[G,V]=ct("paper",{elementType:Nct,shouldForwardComponentProp:!0,className:Oe(L.paper,S.className),ownerState:R,externalForwardedProps:$,additionalProps:{elevation:E==="temporary"?f:0,square:!0,...E==="temporary"&&{role:"dialog","aria-modal":"true"}}}),[U,X]=ct("docked",{elementType:Lct,ref:n,className:Oe(L.root,L.docked,u),ownerState:R,externalForwardedProps:$,additionalProps:T}),[B,W]=ct("transition",{elementType:Ict,ownerState:R,externalForwardedProps:$,additionalProps:{in:v,direction:zle[N],timeout:A,appear:I.current}}),Y=m.jsx(G,{...V,children:c});if(E==="permanent")return m.jsx(U,{...X,children:Y});const H=m.jsx(B,{...W,children:Y});return E==="persistent"?m.jsx(U,{...X,children:H}):m.jsx(z,{...F,children:H})}),Hct=qY({themeId:ca}),tk={error:"#d32f2f",warn:"#ed6c02",info:"#0288d1",debug:"#7b1fa2"},Uct={error:yf,warn:ow,info:ZO,debug:Aw},Vct=({open:e,onClose:t})=>{const[n,r]=_.useState([]),[i,o]=_.useState(!0),[s,a]=_.useState("error,warn,info".split(",")),[l,c]=_.useState(""),[u,f]=_.useState(!0),h=_.useCallback(async()=>{try{const S=new URLSearchParams({level:s.join(","),limit:"500",...l&&{search:l}}),C=await fetch(`api/logs?${S}`);if(C.ok){const w=await C.json();r(w.entries)}}catch(S){console.error("Failed to fetch logs:",S)}finally{o(!1)}},[s,l]);_.useEffect(()=>{e&&h()},[e,h]),_.useEffect(()=>{if(!u||!e)return;const S=setInterval(h,5e3);return()=>clearInterval(S)},[u,e,h]);const g=S=>{a(Array.isArray(S.target.value)?S.target.value:[S.target.value])},y=S=>{c(S.target.value)},b=async()=>{try{await fetch("api/logs",{method:"DELETE"}),r([])}catch(S){console.error("Failed to clear logs:",S)}},v=S=>{const C=Uct[S]||ZO;return m.jsx(C,{sx:{fontSize:16,color:tk[S]}})};return m.jsxs(vu,{open:e,onClose:t,maxWidth:"lg",fullWidth:!0,children:[m.jsxs(Su,{sx:{display:"flex",alignItems:"center",gap:1},children:[m.jsx(Aw,{}),"System Logs",m.jsx(le,{sx:{flexGrow:1}}),m.jsx(bn,{title:"Auto Refresh",children:m.jsx(Ct,{label:u?"Auto":"Manual",color:u?"success":"default",size:"small",onClick:()=>f(!u),sx:{cursor:"pointer"}})}),m.jsx(Fn,{onClick:t,children:m.jsx(FCe,{})})]}),m.jsxs(xu,{children:[m.jsx(zt,{spacing:2,sx:{mb:2},children:m.jsxs(zt,{direction:"row",spacing:2,alignItems:"center",children:[m.jsxs(Xa,{size:"small",sx:{minWidth:200},children:[m.jsx(uu,{children:"Log Level"}),m.jsxs(Ua,{value:s,label:"Log Level",onChange:g,multiple:!0,renderValue:S=>m.jsx(le,{sx:{display:"flex",flexWrap:"wrap",gap:.5},children:(Array.isArray(S)?S:[S]).map(C=>m.jsx(Ct,{label:C.toUpperCase(),size:"small",sx:{backgroundColor:tk[C],color:"white"}},C))}),children:[m.jsx(rr,{value:"error",children:"Error"}),m.jsx(rr,{value:"warn",children:"Warning"}),m.jsx(rr,{value:"info",children:"Info"}),m.jsx(rr,{value:"debug",children:"Debug"})]})]}),m.jsx(zr,{size:"small",placeholder:"Search logs...",value:l,onChange:y,sx:{flexGrow:1}}),m.jsx(kt,{variant:"outlined",onClick:h,children:"Refresh"}),m.jsx(kt,{variant:"outlined",color:"error",onClick:b,children:"Clear"})]})}),m.jsx(le,{sx:{height:400,overflow:"auto",backgroundColor:"background.paper",border:1,borderColor:"divider",borderRadius:1,p:1},children:i?m.jsx(le,{sx:{display:"flex",justifyContent:"center",p:4},children:m.jsx(re,{children:"Loading logs..."})}):n.length===0?m.jsx(le,{sx:{display:"flex",justifyContent:"center",p:4},children:m.jsx(re,{color:"text.secondary",children:"No logs found"})}):m.jsx(zt,{spacing:1,children:n.map((S,C)=>m.jsxs(le,{sx:{p:1,borderRadius:1,backgroundColor:"action.hover",fontFamily:"monospace",fontSize:"0.875rem",wordBreak:"break-all"},children:[m.jsxs(le,{sx:{display:"flex",alignItems:"center",gap:1,mb:.5},children:[v(S.level),m.jsx(re,{variant:"caption",color:"text.secondary",children:new Date(S.timestamp).toLocaleString()}),m.jsx(Ct,{label:S.level.toUpperCase(),size:"small",sx:{backgroundColor:tk[S.level],color:"white",fontSize:"0.7rem",height:20}})]}),m.jsx(re,{sx:{ml:3},children:S.message}),S.context&&m.jsx(re,{sx:{ml:3,color:"text.secondary",fontSize:"0.8rem"},children:JSON.stringify(S.context,null,2)})]},`${S.timestamp}-${S.level}-${C}`))})})]}),m.jsx(Xd,{children:m.jsx(kt,{onClick:t,children:"Close"})})]})};function $K(){const{isConnected:e}=S2e(),[t,n]=_.useState(null),[r,i]=_.useState(!1);_.useEffect(()=>{const y=async()=>{try{const v=await fetch("api/health");if(v.ok){const S=await v.json();n(S),i(!1)}else i(!0)}catch{i(!0)}};y();const b=setInterval(y,3e4);return()=>clearInterval(b)},[]);const o=y=>{const b=Math.floor(y/3600),v=Math.floor(y%3600/60);return b>0?`${b}h ${v}m`:`${v}m`},s=t?.status==="healthy"&&!r,a=t?.services?.bridges,l=a&&a.total>0&&a.running===a.total,c=a&&a.total===0,u=t?m.jsxs(le,{sx:{p:.5},children:[m.jsxs("div",{children:[m.jsx("strong",{children:"Version:"})," ",t.version??"Unknown"]}),m.jsxs("div",{children:[m.jsx("strong",{children:"Uptime:"})," ",o(t.uptime??0)]}),t.services?.bridges&&m.jsxs("div",{children:[m.jsx("strong",{children:"Bridges:"})," ",t.services.bridges.running??0,"/",t.services.bridges.total??0," running",(t.services.bridges.stopped??0)>0&&` (${t.services.bridges.stopped} stopped)`]}),t.services?.homeAssistant&&m.jsxs("div",{children:[m.jsx("strong",{children:"Home Assistant:"})," ",t.services.homeAssistant.connected?"Connected":"Disconnected"]}),m.jsxs("div",{children:[m.jsx("strong",{children:"WebSocket:"})," ",e?"Connected":"Disconnected"]})]}):"Loading health status...",f=()=>r||!s?m.jsx(yf,{fontSize:"small"}):l?m.jsx(Mu,{fontSize:"small"}):m.jsx(fw,{fontSize:"small"}),h=()=>r||!s?"error":!l||!e?"warning":"success",g=()=>r?"Error":s?e?c?"No Bridges":l?"Online":"Starting":"Offline":"Unhealthy";return m.jsx(bn,{title:u,arrow:!0,children:m.jsx(Ct,{icon:f(),label:g(),color:h(),size:"small",variant:"filled",sx:{borderRadius:1,fontWeight:600,"& .MuiChip-icon":{color:"inherit"}}})})}const Wct=e=>_.createElement("svg",{viewBox:"0 0 91 89",xmlSpace:"preserve",xmlns:"http://www.w3.org/2000/svg",...e},_.createElement("g",{style:{display:"inline"}},_.createElement("path",{style:{fill:"#18bcf2",fillOpacity:1,strokeWidth:.266194},d:"m 49.149143,1.473171 38.513568,38.536435 c 0,0 1.248354,1.186052 2.207681,3.092371 0.959329,1.906323 1.10864,4.600698 1.10864,4.600698 v 36.786372 c 0,0 -0.01549,1.748506 -1.49842,3.050572 -1.482931,1.302064 -3.333077,1.362947 -3.333077,1.362947 l -81.325658,7.7e-5 c 0,0 -1.7523855,-0.0091 -3.17112,-1.352526 C -0.07808495,85.913164 0.05953025,84.487808 0.05953025,84.487808 V 47.704546 c 0,0 -0.0018381,-2.218618 0.95921785,-4.315832 0.9610554,-2.097209 2.3010618,-3.355005 2.3010618,-3.355005 L 41.545959,1.4719546 c 0,0 1.465224,-1.46837077 3.753488,-1.46837077 2.288268,0 3.849696,1.46958717 3.849696,1.46958717 z"}),_.createElement("path",{style:{fill:"#ffffff",fillOpacity:1,strokeWidth:.175841},d:"m 31.689717,32.051124 c 2.813363,2.331095 6.157331,3.89845 9.721813,4.556421 V 17.180647 l 3.873694,-2.282955 3.870527,2.282955 V 36.60772 c 3.565364,-0.658847 6.910387,-2.226204 9.725159,-4.556417 l 7.032345,4.154609 c -11.437354,11.557779 -29.852321,11.557779 -41.290025,0 z m 8.546732,49.60988 C 44.314996,65.760441 35.09933,49.470196 19.574984,45.139543 v 8.312381 c 3.383916,1.32244 6.386113,3.496288 8.728705,6.320026 L 11.83076,69.485301 v 4.56907 l 3.873697,2.270836 16.469936,-9.713534 c 1.224356,3.48294 1.56683,7.225375 0.996449,10.879778 z M 70.977694,45.139543 c -15.515726,4.34014 -24.72189,20.626696 -20.643519,36.521461 l 7.047658,-4.15742 c -0.569325,-3.654411 -0.2265,-7.3965 0.996449,-10.87979 l 16.457611,9.701233 3.870711,-2.283125 v -4.55677 L 62.233673,59.77195 c 2.342772,-2.822684 5.34497,-4.996533 8.728708,-6.320026 z"}))),qct="home-assistant-matter-hub",Gct={name:qct};function Kct(){const[e,t]=_.useState("2.1.0-alpha.410");return _.useEffect(()=>{fetch("api/health").then(n=>n.ok?n.json():null).then(n=>{n?.version&&t(n.version)}).catch(()=>{})},[]),_.useMemo(()=>({name:Gct.name,version:e}),[e])}const Yct=e=>{const t=Kct();return m.jsxs(le,{component:Du,to:jt.dashboard,sx:{display:"flex",alignItems:"center",justifyContent:e.large?"flex-start":"center",flexGrow:1,textDecoration:"none",color:"inherit"},children:[m.jsx(Wct,{style:{height:"40px"}}),m.jsx(re,{variant:"inherit",component:"span",sx:{mr:1,ml:1},children:t.name.split("-").map(ye).join("-")}),e.large&&m.jsx(re,{variant:"caption",component:"span",children:t.version})]})},Xct=()=>{const e=Hct("(min-width:600px)"),{mode:t,setMode:n}=YS(),[r,i]=_.useState(!1),[o,s]=_.useState(!1),a=Zh(),l=()=>{n(t==="dark"?"light":"dark")},c=[{label:"Dashboard",icon:m.jsx(Jk,{}),to:jt.dashboard},{label:"Bridges",icon:m.jsx(hy,{}),to:jt.bridges},{label:"All Devices",icon:m.jsx(ss,{}),to:jt.devices},{label:"Network Map",icon:m.jsx(t6,{}),to:jt.networkMap},{label:"Startup Order",icon:m.jsx(om,{}),to:jt.startup},{label:"Lock Credentials",icon:m.jsx(sc,{}),to:jt.lockCredentials},{label:"Filter Reference",icon:m.jsx(n6,{}),to:jt.labels},{label:"Settings",icon:m.jsx(hm,{}),to:jt.settings},{label:t==="dark"?"Light Mode":"Dark Mode",icon:t==="dark"?m.jsx(e8e,{}):m.jsx(HCe,{}),onClick:l},{label:"System Logs",icon:m.jsx(Aw,{}),onClick:()=>i(!0)},{label:"Health Dashboard",icon:m.jsx(K4,{}),to:jt.health}],u=f=>{s(!1),f.onClick?f.onClick():f.to&&a(f.to)};return m.jsxs(le,{children:[m.jsx(Tct,{sx:{height:"72px"},children:m.jsx(Fle,{sx:{paddingLeft:"0 !important",paddingRight:"0 !important"},children:m.jsxs(kI,{sx:{padding:2,height:"100%",display:"flex",justifyContent:"space-between",alignItems:"center"},children:[m.jsx(Yct,{large:e}),e?m.jsxs(le,{sx:{display:"flex",alignItems:"center",gap:1},children:[c.map(f=>f.to?m.jsx(bn,{title:f.label,children:m.jsx(Fn,{component:Du,to:f.to,sx:{color:"inherit"},children:f.icon})},f.label):m.jsx(bn,{title:f.label,children:m.jsx(Fn,{onClick:f.onClick,sx:{color:"inherit"},children:f.icon})},f.label)),m.jsx($K,{})]}):m.jsxs(le,{sx:{display:"flex",alignItems:"center",gap:.5},children:[m.jsx($K,{}),m.jsx(Fn,{onClick:()=>s(!0),sx:{color:"inherit"},children:m.jsx(t8e,{})})]})]})})}),m.jsx(zct,{anchor:"right",open:o,onClose:()=>s(!1),children:m.jsx(bc,{sx:{width:250},children:c.map(f=>m.jsxs(tbe,{onClick:()=>u(f),children:[m.jsx(Ul,{children:f.icon}),m.jsx(Ha,{primary:f.label})]},f.label))})}),m.jsx(Vct,{open:r,onClose:()=>i(!1)})]})},Zct=()=>m.jsxs(le,{children:[m.jsx(Xct,{}),m.jsx(Fle,{}),m.jsx(kI,{sx:{p:2},children:m.jsx(hY,{})}),m.jsx(kct,{})]}),Jct=qS({colorSchemes:{light:{palette:{primary:{main:"#1976d2",light:"#42a5f5",dark:"#1565c0"},secondary:{main:"#9c27b0",light:"#ba68c8",dark:"#7b1fa2"},background:{default:"#f5f5f5",paper:"#ffffff"}}},dark:{palette:{primary:{main:"#90caf9",light:"#e3f2fd",dark:"#42a5f5"},secondary:{main:"#ce93d8",light:"#f3e5f5",dark:"#ab47bc"},background:{default:"#121212",paper:"#1e1e1e"}}}},typography:{fontFamily:'"Roboto", "Helvetica", "Arial", sans-serif',h1:{fontSize:"2.5rem",fontWeight:500},h2:{fontSize:"2rem",fontWeight:500},h3:{fontSize:"1.75rem",fontWeight:500},h4:{fontSize:"1.5rem",fontWeight:500},h5:{fontSize:"1.25rem",fontWeight:500},h6:{fontSize:"1rem",fontWeight:500}},shape:{borderRadius:8},components:{MuiCard:{styleOverrides:{root:{transition:"transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out","&:hover":{transform:"translateY(-2px)",boxShadow:"0 4px 20px rgba(0,0,0,0.12)"}}}},MuiButton:{styleOverrides:{root:{textTransform:"none",fontWeight:500}}},MuiChip:{styleOverrides:{root:{fontWeight:500}}},MuiAppBar:{styleOverrides:{root:{backgroundImage:"none"}}}}});let k4=document.getElementsByTagName("base")[0]?.href?.replace(/\/$/,"");k4?.startsWith("http")&&(k4=new URL(k4).pathname);const Qct=Nhe([{path:"/",element:m.jsx(Zct,{}),children:mct}],{basename:k4});nde.createRoot(document.getElementById("root")).render(m.jsx(_.StrictMode,{children:m.jsx(vde,{store:Sct,children:m.jsxs(Jge,{theme:Jct,children:[m.jsx(Gge,{}),m.jsx(aX,{styles:{".rjsf-field-array > .MuiFormControl-root > .MuiPaper-root > .MuiBox-root > .MuiGrid-root > .MuiGrid-root:has(> .MuiBox-root > .MuiPaper-root > .MuiBox-root > .rjsf-field)":{overflow:"initial !important",flexGrow:1}}}),m.jsx(w2e,{children:m.jsx(hye,{children:m.jsx(Xhe,{router:Qct})})})]})})}));
|
package/dist/frontend/index.html
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
<!-- BASE -->
|
|
9
9
|
<base href="/" />
|
|
10
10
|
<!-- /BASE -->
|
|
11
|
-
<script type="module" crossorigin src="./assets/index-
|
|
11
|
+
<script type="module" crossorigin src="./assets/index-BQZcCehD.js"></script>
|
|
12
12
|
<link rel="stylesheet" crossorigin href="./assets/index-BNdBOwwe.css">
|
|
13
13
|
</head>
|
|
14
14
|
<body>
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@riddix/hamh",
|
|
3
3
|
"description": "",
|
|
4
|
-
"version": "2.1.0-alpha.
|
|
4
|
+
"version": "2.1.0-alpha.410",
|
|
5
5
|
"private": false,
|
|
6
6
|
"type": "module",
|
|
7
7
|
"bin": {
|
|
@@ -57,9 +57,9 @@
|
|
|
57
57
|
},
|
|
58
58
|
"devDependencies": {
|
|
59
59
|
"@types/lodash-es": "^4.17.12",
|
|
60
|
-
"@home-assistant-matter-hub/backend": "2.1.0-alpha.
|
|
61
|
-
"@home-assistant-matter-hub/
|
|
62
|
-
"@home-assistant-matter-hub/
|
|
60
|
+
"@home-assistant-matter-hub/backend": "2.1.0-alpha.410",
|
|
61
|
+
"@home-assistant-matter-hub/frontend": "2.1.0-alpha.410",
|
|
62
|
+
"@home-assistant-matter-hub/common": "2.1.0-alpha.410"
|
|
63
63
|
},
|
|
64
64
|
"nx": {
|
|
65
65
|
"targets": {
|