@riddix/hamh 2.1.0-alpha.461 → 2.1.0-alpha.462

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
- `},qut={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 Gut(e){let{announcements:t=qut,container:n,hiddenTextDescribedById:r,screenReaderInstructions:i=Wut}=e;const{announce:o,announcement:s}=Hut(),a=Av("DndLiveRegion"),[l,c]=k.useState(!1);if(k.useEffect(()=>{c(!0)},[]),Uut(k.useMemo(()=>({onDragStart(d){let{active:p}=d;o(t.onDragStart({active:p}))},onDragMove(d){let{active:p,over:g}=d;t.onDragMove&&o(t.onDragMove({active:p,over:g}))},onDragOver(d){let{active:p,over:g}=d;o(t.onDragOver({active:p,over:g}))},onDragEnd(d){let{active:p,over:g}=d;o(t.onDragEnd({active:p,over:g}))},onDragCancel(d){let{active:p,over:g}=d;o(t.onDragCancel({active:p,over:g}))}}),[o,t])),!l)return null;const u=Xt.createElement(Xt.Fragment,null,Xt.createElement(But,{id:r,value:i.draggable}),Xt.createElement(zut,{id:a,announcement:s}));return n?Nd.createPortal(u,n):u}var Bi;(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"})(Bi||(Bi={}));function qS(){}function AY(e,t){return k.useMemo(()=>({sensor:e,options:t??{}}),[e,t])}function Kut(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return k.useMemo(()=>[...t].filter(r=>r!=null),[...t])}const bl=Object.freeze({x:0,y:0});function zce(e,t){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}function Hce(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return n-r}function Yut(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return r-n}function kY(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 Uce(e,t){if(!e||e.length===0)return null;const[n]=e;return n[t]}function _Y(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 Xut=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const i=_Y(t,t.left,t.top),o=[];for(const s of r){const{id:a}=s,l=n.get(a);if(l){const c=zce(_Y(l),i);o.push({id:a,data:{droppableContainer:s,value:c}})}}return o.sort(Hce)},Zut=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const i=kY(t),o=[];for(const s of r){const{id:a}=s,l=n.get(a);if(l){const c=kY(l),u=i.reduce((p,g,y)=>p+zce(c[y],g),0),d=Number((u/4).toFixed(4));o.push({id:a,data:{droppableContainer:s,value:d}})}}return o.sort(Hce)};function Jut(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,d=u/(l+c-u);return Number(d.toFixed(4))}return 0}const Qut=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=Jut(a,t);l>0&&i.push({id:s,data:{droppableContainer:o,value:l}})}}return i.sort(Yut)};function edt(e,t,n){return{...e,scaleX:t&&n?t.width/n.width:1,scaleY:t&&n?t.height/n.height:1}}function Vce(e,t){return e&&t?{x:e.left-t.left,y:e.top-t.top}:bl}function tdt(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 ndt=tdt(1);function rdt(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 idt(e,t,n){const r=rdt(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,d=o?e.height/o:e.height;return{width:u,height:d,top:c,right:l+u,bottom:c+d,left:l}}const odt={ignoreTransform:!1};function _g(e,t){t===void 0&&(t=odt);let n=e.getBoundingClientRect();if(t.ignoreTransform){const{transform:c,transformOrigin:u}=xs(e).getComputedStyle(e);c&&(n=idt(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 DY(e){return _g(e,{ignoreTransform:!0})}function sdt(e){const t=e.innerWidth,n=e.innerHeight;return{top:0,left:0,right:t,bottom:n,width:t,height:n}}function adt(e,t){return t===void 0&&(t=xs(e).getComputedStyle(e)),t.position==="fixed"}function ldt(e,t){t===void 0&&(t=xs(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 b8(e,t){const n=[];function r(i){if(t!=null&&n.length>=t||!i)return n;if(tj(i)&&i.scrollingElement!=null&&!n.includes(i.scrollingElement))return n.push(i.scrollingElement),n;if(!Cv(i)||Nce(i)||n.includes(i))return n;const o=xs(e).getComputedStyle(i);return i!==e&&ldt(i,o)&&n.push(i),adt(i,o)?n:r(i.parentNode)}return e?r(e):n}function Wce(e){const[t]=b8(e,1);return t??null}function kk(e){return!y8||!e?null:Ag(e)?e:ej(e)?tj(e)||e===kg(e).scrollingElement?window:Cv(e)?e:null:null}function qce(e){return Ag(e)?e.scrollX:e.scrollLeft}function Gce(e){return Ag(e)?e.scrollY:e.scrollTop}function IO(e){return{x:qce(e),y:Gce(e)}}var eo;(function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"})(eo||(eo={}));function Kce(e){return!y8||!e?!1:e===document.scrollingElement}function Yce(e){const t={x:0,y:0},n=Kce(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 cdt={x:.2,y:.2};function udt(e,t,n,r,i){let{top:o,left:s,right:a,bottom:l}=n;r===void 0&&(r=10),i===void 0&&(i=cdt);const{isTop:c,isBottom:u,isLeft:d,isRight:p}=Yce(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=eo.Backward,y.y=r*Math.abs((t.top+b.height-o)/b.height)):!u&&l>=t.bottom-b.height&&(g.y=eo.Forward,y.y=r*Math.abs((t.bottom-b.height-l)/b.height)),!p&&a>=t.right-b.width?(g.x=eo.Forward,y.x=r*Math.abs((t.right-b.width-a)/b.width)):!d&&s<=t.left+b.width&&(g.x=eo.Backward,y.x=r*Math.abs((t.left+b.width-s)/b.width)),{direction:g,speed:y}}function ddt(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 Xce(e){return e.reduce((t,n)=>ym(t,IO(n)),bl)}function fdt(e){return e.reduce((t,n)=>t+qce(n),0)}function hdt(e){return e.reduce((t,n)=>t+Gce(n),0)}function pdt(e,t){if(t===void 0&&(t=_g),!e)return;const{top:n,left:r,bottom:i,right:o}=t(e);Wce(e)&&(i<=0||o<=0||n>=window.innerHeight||r>=window.innerWidth)&&e.scrollIntoView({block:"center",inline:"center"})}const mdt=[["x",["left","right"],fdt],["y",["top","bottom"],hdt]];class ij{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=b8(n),i=Xce(r);this.rect={...t},this.width=t.width,this.height=t.height;for(const[o,s,a]of mdt)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 Xy{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 gdt(e){const{EventTarget:t}=xs(e);return e instanceof t?e:kg(e)}function _k(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 ua;(function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"})(ua||(ua={}));function OY(e){e.preventDefault()}function ydt(e){e.stopPropagation()}var Fn;(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"})(Fn||(Fn={}));const Zce={start:[Fn.Space,Fn.Enter],cancel:[Fn.Esc],end:[Fn.Space,Fn.Enter,Fn.Tab]},bdt=(e,t)=>{let{currentCoordinates:n}=t;switch(e.code){case Fn.Right:return{...n,x:n.x+25};case Fn.Left:return{...n,x:n.x-25};case Fn.Down:return{...n,y:n.y+25};case Fn.Up:return{...n,y:n.y-25}}};class oj{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 Xy(kg(n)),this.windowListeners=new Xy(xs(n)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(ua.Resize,this.handleCancel),this.windowListeners.add(ua.VisibilityChange,this.handleCancel),setTimeout(()=>this.listeners.add(ua.Keydown,this.handleKeyDown))}handleStart(){const{activeNode:t,onStart:n}=this.props,r=t.node.current;r&&pdt(r),n(bl)}handleKeyDown(t){if(rj(t)){const{active:n,context:r,options:i}=this.props,{keyboardCodes:o=Zce,coordinateGetter:s=bdt,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}:bl;this.referenceCoordinates||(this.referenceCoordinates=u);const d=s(t,{active:n,context:r.current,currentCoordinates:u});if(d){const p=xb(d,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:E,maxScroll:A,minScroll:D}=Yce(b),O=ddt(b),T={x:Math.min(v===Fn.Right?O.right-O.width/2:O.right,Math.max(v===Fn.Right?O.left:O.left+O.width/2,d.x)),y:Math.min(v===Fn.Down?O.bottom-O.height/2:O.bottom,Math.max(v===Fn.Down?O.top:O.top+O.height/2,d.y))},I=v===Fn.Right&&!C||v===Fn.Left&&!w,$=v===Fn.Down&&!E||v===Fn.Up&&!S;if(I&&T.x!==d.x){const P=b.scrollLeft+p.x,M=v===Fn.Right&&P<=A.x||v===Fn.Left&&P>=D.x;if(M&&!p.y){b.scrollTo({left:P,behavior:a});return}M?g.x=b.scrollLeft-P:g.x=v===Fn.Right?b.scrollLeft-A.x:b.scrollLeft-D.x,g.x&&b.scrollBy({left:-g.x,behavior:a});break}else if($&&T.y!==d.y){const P=b.scrollTop+p.y,M=v===Fn.Down&&P<=A.y||v===Fn.Up&&P>=D.y;if(M&&!p.x){b.scrollTo({top:P,behavior:a});return}M?g.y=b.scrollTop-P:g.y=v===Fn.Down?b.scrollTop-A.y:b.scrollTop-D.y,g.y&&b.scrollBy({top:-g.y,behavior:a});break}}this.handleMove(t,ym(xb(d,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()}}oj.activators=[{eventName:"onKeyDown",handler:(e,t,n)=>{let{keyboardCodes:r=Zce,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 TY(e){return!!(e&&"distance"in e)}function MY(e){return!!(e&&"delay"in e)}class sj{constructor(t,n,r){var i;r===void 0&&(r=gdt(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=kg(s),this.documentListeners=new Xy(this.document),this.listeners=new Xy(r),this.windowListeners=new Xy(xs(s)),this.initialCoordinates=(i=RO(o))!=null?i:bl,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(ua.Resize,this.handleCancel),this.windowListeners.add(ua.DragStart,OY),this.windowListeners.add(ua.VisibilityChange,this.handleCancel),this.windowListeners.add(ua.ContextMenu,OY),this.documentListeners.add(ua.Keydown,this.handleKeydown),n){if(r!=null&&r({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(MY(n)){this.timeoutId=setTimeout(this.handleStart,n.delay),this.handlePending(n);return}if(TY(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(ua.Click,ydt,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(ua.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=RO(t))!=null?n:bl,c=xb(i,l);if(!r&&a){if(TY(a)){if(a.tolerance!=null&&_k(c,a.tolerance))return this.handleCancel();if(_k(c,a.distance))return this.handleStart()}if(MY(a)&&_k(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===Fn.Esc&&this.handleCancel()}removeTextSelection(){var t;(t=this.document.getSelection())==null||t.removeAllRanges()}}const vdt={cancel:{name:"pointercancel"},move:{name:"pointermove"},end:{name:"pointerup"}};class aj extends sj{constructor(t){const{event:n}=t,r=kg(n.target);super(t,vdt,r)}}aj.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 xdt={move:{name:"mousemove"},end:{name:"mouseup"}};var jO;(function(e){e[e.RightClick=2]="RightClick"})(jO||(jO={}));class Sdt extends sj{constructor(t){super(t,xdt,kg(t.event.target))}}Sdt.activators=[{eventName:"onMouseDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return n.button===jO.RightClick?!1:(r?.({event:n}),!0)}}];const Dk={cancel:{name:"touchcancel"},move:{name:"touchmove"},end:{name:"touchend"}};class wdt extends sj{constructor(t){super(t,Dk)}static setup(){return window.addEventListener(Dk.move.name,t,{capture:!1,passive:!1}),function(){window.removeEventListener(Dk.move.name,t)};function t(){}}}wdt.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 Zy;(function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"})(Zy||(Zy={}));var GS;(function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"})(GS||(GS={}));function Cdt(e){let{acceleration:t,activator:n=Zy.Pointer,canScroll:r,draggingRect:i,enabled:o,interval:s=5,order:a=GS.TreeOrder,pointerCoordinates:l,scrollableAncestors:c,scrollableAncestorRects:u,delta:d,threshold:p}=e;const g=Adt({delta:d,disabled:!o}),[y,b]=Put(),v=k.useRef({x:0,y:0}),S=k.useRef({x:0,y:0}),C=k.useMemo(()=>{switch(n){case Zy.Pointer:return l?{top:l.y,bottom:l.y,left:l.x,right:l.x}:null;case Zy.DraggableRect:return i}},[n,i,l]),w=k.useRef(null),E=k.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)},[]),A=k.useMemo(()=>a===GS.TreeOrder?[...c].reverse():c,[a,c]);k.useEffect(()=>{if(!o||!c.length||!C){b();return}for(const D of A){if(r?.(D)===!1)continue;const O=c.indexOf(D),T=u[O];if(!T)continue;const{direction:I,speed:$}=udt(D,T,C,t,p);for(const P of["x","y"])g[P][I[P]]||($[P]=0,I[P]=0);if($.x>0||$.y>0){b(),w.current=D,y(E,s),v.current=$,S.current=I;return}}v.current={x:0,y:0},S.current={x:0,y:0},b()},[t,E,r,b,o,s,JSON.stringify(C),JSON.stringify(g),y,c,A,u,JSON.stringify(p)])}const Edt={x:{[eo.Backward]:!1,[eo.Forward]:!1},y:{[eo.Backward]:!1,[eo.Forward]:!1}};function Adt(e){let{delta:t,disabled:n}=e;const r=MO(t);return Ev(i=>{if(n||!r||!i)return Edt;const o={x:Math.sign(t.x-r.x),y:Math.sign(t.y-r.y)};return{x:{[eo.Backward]:i.x[eo.Backward]||o.x===-1,[eo.Forward]:i.x[eo.Forward]||o.x===1},y:{[eo.Backward]:i.y[eo.Backward]||o.y===-1,[eo.Forward]:i.y[eo.Forward]||o.y===1}}},[n,t,r])}function kdt(e,t){const n=t!=null?e.get(t):void 0,r=n?n.node.current:null;return Ev(i=>{var o;return t==null?null:(o=r??i)!=null?o:null},[r,t])}function _dt(e,t){return k.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 wb;(function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"})(wb||(wb={}));var PO;(function(e){e.Optimized="optimized"})(PO||(PO={}));const RY=new Map;function Ddt(e,t){let{dragging:n,dependencies:r,config:i}=t;const[o,s]=k.useState(null),{frequency:a,measure:l,strategy:c}=i,u=k.useRef(e),d=v(),p=vb(d),g=k.useCallback(function(S){S===void 0&&(S=[]),!p.current&&s(C=>C===null?S:C.concat(S.filter(w=>!C.includes(w))))},[p]),y=k.useRef(null),b=Ev(S=>{if(d&&!n)return RY;if(!S||S===RY||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 E=w.node.current,A=E?new ij(l(E),E):null;w.rect.current=A,A&&C.set(w.id,A)}return C}return S},[e,o,n,d,l]);return k.useEffect(()=>{u.current=e},[e]),k.useEffect(()=>{d||g()},[n,d]),k.useEffect(()=>{o&&o.length>0&&s(null)},[JSON.stringify(o)]),k.useEffect(()=>{d||typeof a!="number"||y.current!==null||(y.current=setTimeout(()=>{g(),y.current=null},a))},[a,d,g,...r]),{droppableRects:b,measureDroppableContainers:g,measuringScheduled:o!=null};function v(){switch(c){case wb.Always:return!1;case wb.BeforeDragging:return n;default:return!n}}}function Jce(e,t){return Ev(n=>e?n||(typeof t=="function"?t(e):e):null,[t,e])}function Odt(e,t){return Jce(e,t)}function Tdt(e){let{callback:t,disabled:n}=e;const r=nj(t),i=k.useMemo(()=>{if(n||typeof window>"u"||typeof window.MutationObserver>"u")return;const{MutationObserver:o}=window;return new o(r)},[r,n]);return k.useEffect(()=>()=>i?.disconnect(),[i]),i}function v8(e){let{callback:t,disabled:n}=e;const r=nj(t),i=k.useMemo(()=>{if(n||typeof window>"u"||typeof window.ResizeObserver>"u")return;const{ResizeObserver:o}=window;return new o(r)},[n]);return k.useEffect(()=>()=>i?.disconnect(),[i]),i}function Mdt(e){return new ij(_g(e),e)}function IY(e,t,n){t===void 0&&(t=Mdt);const[r,i]=k.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=Tdt({callback(l){if(e)for(const c of l){const{type:u,target:d}=c;if(u==="childList"&&d instanceof HTMLElement&&d.contains(e)){o();break}}}}),a=v8({callback:o});return Oc(()=>{o(),e?(a?.observe(e),s?.observe(document.body,{childList:!0,subtree:!0})):(a?.disconnect(),s?.disconnect())},[e]),r}function Rdt(e){const t=Jce(e);return Vce(e,t)}const jY=[];function Idt(e){const t=k.useRef(e),n=Ev(r=>e?r&&r!==jY&&e&&t.current&&e.parentNode===t.current.parentNode?r:b8(e):jY,[e]);return k.useEffect(()=>{t.current=e},[e]),n}function jdt(e){const[t,n]=k.useState(null),r=k.useRef(e),i=k.useCallback(o=>{const s=kk(o.target);s&&n(a=>a?(a.set(s,IO(s)),new Map(a)):null)},[]);return k.useEffect(()=>{const o=r.current;if(e!==o){s(o);const a=e.map(l=>{const c=kk(l);return c?(c.addEventListener("scroll",i,{passive:!0}),[c,IO(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=kk(l);c?.removeEventListener("scroll",i)})}},[i,e]),k.useMemo(()=>e.length?t?Array.from(t.values()).reduce((o,s)=>ym(o,s),bl):Xce(e):bl,[e,t])}function PY(e,t){t===void 0&&(t=[]);const n=k.useRef(null);return k.useEffect(()=>{n.current=null},t),k.useEffect(()=>{const r=e!==bl;r&&!n.current&&(n.current=e),!r&&n.current&&(n.current=null)},[e]),n.current?xb(e,n.current):bl}function Pdt(e){k.useEffect(()=>{if(!y8)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 $dt(e,t){return k.useMemo(()=>e.reduce((n,r)=>{let{eventName:i,handler:o}=r;return n[i]=s=>{o(s,t)},n},{}),[e,t])}function Qce(e){return k.useMemo(()=>e?sdt(e):null,[e])}const $Y=[];function Ldt(e,t){t===void 0&&(t=_g);const[n]=e,r=Qce(n?xs(n):null),[i,o]=k.useState($Y);function s(){o(()=>e.length?e.map(l=>Kce(l)?r:new ij(t(l),l)):$Y)}const a=v8({callback:s});return Oc(()=>{a?.disconnect(),s(),e.forEach(l=>a?.observe(l))},[e]),i}function Ndt(e){if(!e)return null;if(e.children.length>1)return e;const t=e.children[0];return Cv(t)?t:e}function Fdt(e){let{measure:t}=e;const[n,r]=k.useState(null),i=k.useCallback(c=>{for(const{target:u}of c)if(Cv(u)){r(d=>{const p=t(u);return d?{...d,width:p.width,height:p.height}:p});break}},[t]),o=v8({callback:i}),s=k.useCallback(c=>{const u=Ndt(c);o?.disconnect(),u&&o?.observe(u),r(u?t(u):null)},[t,o]),[a,l]=WS(s);return k.useMemo(()=>({nodeRef:a,rect:n,setRef:l}),[n,a,l])}const Bdt=[{sensor:aj,options:{}},{sensor:oj,options:{}}],zdt={current:{}},q4={draggable:{measure:DY},droppable:{measure:DY,strategy:wb.WhileDragging,frequency:PO.Optimized},dragOverlay:{measure:_g}};class Jy 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 Hdt={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new Jy,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:qS},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:q4,measureDroppableContainers:qS,windowRect:null,measuringScheduled:!1},Udt={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:qS,draggableNodes:new Map,over:null,measureDroppableContainers:qS},x8=k.createContext(Udt),eue=k.createContext(Hdt);function Vdt(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new Jy}}}function Wdt(e,t){switch(t.type){case Bi.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:t.initialCoordinates,active:t.active}};case Bi.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 Bi.DragEnd:case Bi.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case Bi.RegisterDroppable:{const{element:n}=t,{id:r}=n,i=new Jy(e.droppable.containers);return i.set(r,n),{...e,droppable:{...e.droppable,containers:i}}}case Bi.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 Jy(e.droppable.containers);return s.set(n,{...o,disabled:i}),{...e,droppable:{...e.droppable,containers:s}}}case Bi.UnregisterDroppable:{const{id:n,key:r}=t,i=e.droppable.containers.get(n);if(!i||r!==i.key)return e;const o=new Jy(e.droppable.containers);return o.delete(n),{...e,droppable:{...e.droppable,containers:o}}}default:return e}}function qdt(e){let{disabled:t}=e;const{active:n,activatorEvent:r,draggableNodes:i}=k.useContext(x8),o=MO(r),s=MO(n?.id);return k.useEffect(()=>{if(!t&&!r&&o&&s!=null){if(!rj(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 d=Nut(u);if(d){d.focus();break}}})}},[r,t,i,s,o]),null}function Gdt(e,t){let{transform:n,...r}=t;return e!=null&&e.length?e.reduce((i,o)=>o({transform:i,...r}),n):n}function Kdt(e){return k.useMemo(()=>({draggable:{...q4.draggable,...e?.draggable},droppable:{...q4.droppable,...e?.droppable},dragOverlay:{...q4.dragOverlay,...e?.dragOverlay}}),[e?.draggable,e?.droppable,e?.dragOverlay])}function Ydt(e){let{activeNode:t,measure:n,initialRect:r,config:i=!0}=e;const o=k.useRef(!1),{x:s,y:a}=typeof i=="boolean"?{x:i,y:i}:i;Oc(()=>{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),d=Vce(u,r);if(s||(d.x=0),a||(d.y=0),o.current=!0,Math.abs(d.x)>0||Math.abs(d.y)>0){const p=Wce(c);p&&p.scrollBy({top:d.y,left:d.x})}},[t,s,a,r,n])}const tue=k.createContext({...bl,scaleX:1,scaleY:1});var Td;(function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"})(Td||(Td={}));const Xdt=k.memo(function(t){var n,r,i,o;let{id:s,accessibility:a,autoScroll:l=!0,children:c,sensors:u=Bdt,collisionDetection:d=Qut,measuring:p,modifiers:g,...y}=t;const b=k.useReducer(Wdt,void 0,Vdt),[v,S]=b,[C,w]=Vut(),[E,A]=k.useState(Td.Uninitialized),D=E===Td.Initialized,{draggable:{active:O,nodes:T,translate:I},droppable:{containers:$}}=v,P=O!=null?T.get(O):null,M=k.useRef({initial:null,translated:null}),F=k.useMemo(()=>{var Ot;return O!=null?{id:O,data:(Ot=P?.data)!=null?Ot:zdt,rect:M}:null},[O,P]),L=k.useRef(null),[z,N]=k.useState(null),[V,U]=k.useState(null),G=vb(y,Object.values(y)),X=Av("DndDescribedBy",s),B=k.useMemo(()=>$.getEnabled(),[$]),W=Kdt(p),{droppableRects:q,measureDroppableContainers:H,measuringScheduled:Y}=Ddt(B,{dragging:D,dependencies:[I.x,I.y],config:W.droppable}),J=kdt(T,O),ne=k.useMemo(()=>V?RO(V):null,[V]),ee=xr(),re=Odt(J,W.draggable.measure);Ydt({activeNode:O!=null?T.get(O):null,config:ee.layoutShiftCompensation,initialRect:re,measure:W.draggable.measure});const le=IY(J,W.draggable.measure,re),te=IY(J?J.parentElement:null),Z=k.useRef({activatorEvent:null,active:null,activeNode:J,collisionRect:null,collisions:null,droppableRects:q,draggableNodes:T,draggingNode:null,draggingNodeRect:null,droppableContainers:$,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),oe=$.getNodeFor((n=Z.current.over)==null?void 0:n.id),ae=Fdt({measure:W.dragOverlay.measure}),fe=(r=ae.nodeRef.current)!=null?r:J,be=D?(i=ae.rect)!=null?i:le:null,De=!!(ae.nodeRef.current&&ae.rect),Oe=Rdt(De?null:le),Ke=Qce(fe?xs(fe):null),xe=Idt(D?oe??J:null),Le=Ldt(xe),Me=Gdt(g,{transform:{x:I.x-Oe.x,y:I.y-Oe.y,scaleX:1,scaleY:1},activatorEvent:V,active:F,activeNodeRect:le,containerNodeRect:te,draggingNodeRect:be,over:Z.current.over,overlayNodeRect:ae.rect,scrollableAncestors:xe,scrollableAncestorRects:Le,windowRect:Ke}),mt=ne?ym(ne,I):null,yt=jdt(xe),ze=PY(yt),je=PY(yt,[le]),He=ym(Me,ze),Je=be?ndt(be,Me):null,rt=F&&Je?d({active:F,collisionRect:Je,droppableRects:q,droppableContainers:B,pointerCoordinates:mt}):null,at=Uce(rt,"id"),[Xe,Ft]=k.useState(null),Bt=De?Me:ym(Me,je),Tt=edt(Bt,(o=Xe?.rect)!=null?o:null,le),er=k.useRef(null),cn=k.useCallback((Ot,$t)=>{let{sensor:rn,options:Ln}=$t;if(L.current==null)return;const un=T.get(L.current);if(!un)return;const Ct=Ot.nativeEvent,vn=new rn({active:L.current,activeNode:un,event:Ct,options:Ln,context:Z,onAbort(Sr){if(!T.get(Sr))return;const{onDragAbort:ue}=G.current,pe={id:Sr};ue?.(pe),C({type:"onDragAbort",event:pe})},onPending(Sr,ri,ue,pe){if(!T.get(Sr))return;const{onDragPending:Fe}=G.current,Ue={id:Sr,constraint:ri,initialCoordinates:ue,offset:pe};Fe?.(Ue),C({type:"onDragPending",event:Ue})},onStart(Sr){const ri=L.current;if(ri==null)return;const ue=T.get(ri);if(!ue)return;const{onDragStart:pe}=G.current,Se={activatorEvent:Ct,active:{id:ri,data:ue.data,rect:M}};Nd.unstable_batchedUpdates(()=>{pe?.(Se),A(Td.Initializing),S({type:Bi.DragStart,initialCoordinates:Sr,active:ri}),C({type:"onDragStart",event:Se}),N(er.current),U(Ct)})},onMove(Sr){S({type:Bi.DragMove,coordinates:Sr})},onEnd:ni(Bi.DragEnd),onCancel:ni(Bi.DragCancel)});er.current=vn;function ni(Sr){return async function(){const{active:ue,collisions:pe,over:Se,scrollAdjustedTranslate:Fe}=Z.current;let Ue=null;if(ue&&Fe){const{cancelDrop:vt}=G.current;Ue={activatorEvent:Ct,active:ue,collisions:pe,delta:Fe,over:Se},Sr===Bi.DragEnd&&typeof vt=="function"&&await Promise.resolve(vt(Ue))&&(Sr=Bi.DragCancel)}L.current=null,Nd.unstable_batchedUpdates(()=>{S({type:Sr}),A(Td.Uninitialized),Ft(null),N(null),U(null),er.current=null;const vt=Sr===Bi.DragEnd?"onDragEnd":"onDragCancel";if(Ue){const it=G.current[vt];it?.(Ue),C({type:vt,event:Ue})}})}}},[T]),ct=k.useCallback((Ot,$t)=>(rn,Ln)=>{const un=rn.nativeEvent,Ct=T.get(Ln);if(L.current!==null||!Ct||un.dndKit||un.defaultPrevented)return;const vn={active:Ct};Ot(rn,$t.options,vn)===!0&&(un.dndKit={capturedBy:$t.sensor},L.current=Ln,cn(rn,$t))},[T,cn]),Vt=_dt(u,ct);Pdt(u),Oc(()=>{le&&E===Td.Initializing&&A(Td.Initialized)},[le,E]),k.useEffect(()=>{const{onDragMove:Ot}=G.current,{active:$t,activatorEvent:rn,collisions:Ln,over:un}=Z.current;if(!$t||!rn)return;const Ct={active:$t,activatorEvent:rn,collisions:Ln,delta:{x:He.x,y:He.y},over:un};Nd.unstable_batchedUpdates(()=>{Ot?.(Ct),C({type:"onDragMove",event:Ct})})},[He.x,He.y]),k.useEffect(()=>{const{active:Ot,activatorEvent:$t,collisions:rn,droppableContainers:Ln,scrollAdjustedTranslate:un}=Z.current;if(!Ot||L.current==null||!$t||!un)return;const{onDragOver:Ct}=G.current,vn=Ln.get(at),ni=vn&&vn.rect.current?{id:vn.id,rect:vn.rect.current,data:vn.data,disabled:vn.disabled}:null,Sr={active:Ot,activatorEvent:$t,collisions:rn,delta:{x:un.x,y:un.y},over:ni};Nd.unstable_batchedUpdates(()=>{Ft(ni),Ct?.(Sr),C({type:"onDragOver",event:Sr})})},[at]),Oc(()=>{Z.current={activatorEvent:V,active:F,activeNode:J,collisionRect:Je,collisions:rt,droppableRects:q,draggableNodes:T,draggingNode:fe,draggingNodeRect:be,droppableContainers:$,over:Xe,scrollableAncestors:xe,scrollAdjustedTranslate:He},M.current={initial:be,translated:Je}},[F,J,rt,Je,T,fe,be,q,$,Xe,xe,He]),Cdt({...ee,delta:I,draggingRect:Je,pointerCoordinates:mt,scrollableAncestors:xe,scrollableAncestorRects:Le});const Tn=k.useMemo(()=>({active:F,activeNode:J,activeNodeRect:le,activatorEvent:V,collisions:rt,containerNodeRect:te,dragOverlay:ae,draggableNodes:T,droppableContainers:$,droppableRects:q,over:Xe,measureDroppableContainers:H,scrollableAncestors:xe,scrollableAncestorRects:Le,measuringConfiguration:W,measuringScheduled:Y,windowRect:Ke}),[F,J,le,V,rt,te,ae,T,$,q,Xe,H,xe,Le,W,Y,Ke]),Xn=k.useMemo(()=>({activatorEvent:V,activators:Vt,active:F,activeNodeRect:le,ariaDescribedById:{draggable:X},dispatch:S,draggableNodes:T,over:Xe,measureDroppableContainers:H}),[V,Vt,F,le,S,X,T,Xe,H]);return Xt.createElement(Bce.Provider,{value:w},Xt.createElement(x8.Provider,{value:Xn},Xt.createElement(eue.Provider,{value:Tn},Xt.createElement(tue.Provider,{value:Tt},c)),Xt.createElement(qdt,{disabled:a?.restoreFocus===!1})),Xt.createElement(Gut,{...a,hiddenTextDescribedById:X}));function xr(){const Ot=z?.autoScrollEnabled===!1,$t=typeof l=="object"?l.enabled===!1:l===!1,rn=D&&!Ot&&!$t;return typeof l=="object"?{...l,enabled:rn}:{enabled:rn}}}),Zdt=k.createContext(null),LY="button",Jdt="Draggable";function Qdt(e){let{id:t,data:n,disabled:r=!1,attributes:i}=e;const o=Av(Jdt),{activators:s,activatorEvent:a,active:l,activeNodeRect:c,ariaDescribedById:u,draggableNodes:d,over:p}=k.useContext(x8),{role:g=LY,roleDescription:y="draggable",tabIndex:b=0}=i??{},v=l?.id===t,S=k.useContext(v?tue:Zdt),[C,w]=WS(),[E,A]=WS(),D=$dt(s,t),O=vb(n);Oc(()=>(d.set(t,{id:t,key:o,node:C,activatorNode:E,data:O}),()=>{const I=d.get(t);I&&I.key===o&&d.delete(t)}),[d,t]);const T=k.useMemo(()=>({role:g,tabIndex:b,"aria-disabled":r,"aria-pressed":v&&g===LY?!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:p,setNodeRef:w,setActivatorNodeRef:A,transform:S}}function eft(){return k.useContext(eue)}const tft="Droppable",nft={timeout:25};function rft(e){let{data:t,disabled:n=!1,id:r,resizeObserverConfig:i}=e;const o=Av(tft),{active:s,dispatch:a,over:l,measureDroppableContainers:c}=k.useContext(x8),u=k.useRef({disabled:n}),d=k.useRef(!1),p=k.useRef(null),g=k.useRef(null),{disabled:y,updateMeasurementsFor:b,timeout:v}={...nft,...i},S=vb(b??r),C=k.useCallback(()=>{if(!d.current){d.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=v8({callback:C,disabled:y||!s}),E=k.useCallback((T,I)=>{w&&(I&&(w.unobserve(I),d.current=!1),T&&w.observe(T))},[w]),[A,D]=WS(E),O=vb(t);return k.useEffect(()=>{!w||!A.current||(w.disconnect(),d.current=!1,w.observe(A.current))},[A,w]),k.useEffect(()=>(a({type:Bi.RegisterDroppable,element:{id:r,key:o,disabled:n,node:A,rect:p,data:O}}),()=>a({type:Bi.UnregisterDroppable,key:o,id:r})),[r]),k.useEffect(()=>{n!==u.current.disabled&&(a({type:Bi.SetDroppableDisabled,id:r,key:o,disabled:n}),u.current.disabled=n)},[r,o,n,a]),{active:s,rect:p,isOver:l?.id===r,node:A,over:l,setNodeRef:D}}function lj(e,t,n){const r=e.slice();return r.splice(n<0?r.length+n:n,0,r.splice(t,1)[0]),r}function ift(e,t){return e.reduce((n,r,i)=>{const o=t.get(r);return o&&(n[i]=o),n},Array(e.length))}function V5(e){return e!==null&&e>=0}function oft(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 sft(e){return typeof e=="boolean"?{draggable:e,droppable:e}:e}const nue=e=>{let{rects:t,activeIndex:n,overIndex:r,index:i}=e;const o=lj(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}},W5={scaleX:1,scaleY:1},aft=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,...W5}:null}const l=lft(o,i,n);return i>n&&i<=s?{x:0,y:-a.height-l,...W5}:i<n&&i>=s?{x:0,y:a.height+l,...W5}:{x:0,y:0,...W5}};function lft(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 rue="Sortable",iue=Xt.createContext({activeIndex:-1,containerId:rue,disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:nue,disabled:{draggable:!1,droppable:!1}});function cft(e){let{children:t,id:n,items:r,strategy:i=nue,disabled:o=!1}=e;const{active:s,dragOverlay:a,droppableRects:l,over:c,measureDroppableContainers:u}=eft(),d=Av(rue,n),p=a.rect!==null,g=k.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=k.useRef(g),C=!oft(g,S.current),w=v!==-1&&b===-1||C,E=sft(o);Oc(()=>{C&&y&&u(g)},[C,g,y,u]),k.useEffect(()=>{S.current=g},[g]);const A=k.useMemo(()=>({activeIndex:b,containerId:d,disabled:E,disableTransforms:w,items:g,overIndex:v,useDragOverlay:p,sortedRects:ift(g,l),strategy:i}),[b,d,E.draggable,E.droppable,w,g,v,l,p,i]);return Xt.createElement(iue.Provider,{value:A},t)}const uft=e=>{let{id:t,items:n,activeIndex:r,overIndex:i}=e;return lj(n,r,i).indexOf(t)},dft=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},fft={duration:200,easing:"ease"},oue="transform",hft=Sb.Transition.toString({property:oue,duration:0,easing:"linear"}),pft={roleDescription:"sortable"};function mft(e){let{disabled:t,index:n,node:r,rect:i}=e;const[o,s]=k.useState(null),a=k.useRef(n);return Oc(()=>{if(!t&&n!==a.current&&r.current){const l=i.current;if(l){const c=_g(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]),k.useEffect(()=>{o&&s(null)},[o]),o}function gft(e){let{animateLayoutChanges:t=dft,attributes:n,disabled:r,data:i,getNewIndex:o=uft,id:s,strategy:a,resizeObserverConfig:l,transition:c=fft}=e;const{items:u,containerId:d,activeIndex:p,disabled:g,disableTransforms:y,sortedRects:b,overIndex:v,useDragOverlay:S,strategy:C}=k.useContext(iue),w=yft(r,g),E=u.indexOf(s),A=k.useMemo(()=>({sortable:{containerId:d,index:E,items:u},...i}),[d,i,E,u]),D=k.useMemo(()=>u.slice(u.indexOf(s)),[u,s]),{rect:O,node:T,isOver:I,setNodeRef:$}=rft({id:s,data:A,disabled:w.droppable,resizeObserverConfig:{updateMeasurementsFor:D,...l}}),{active:P,activatorEvent:M,activeNodeRect:F,attributes:L,setNodeRef:z,listeners:N,isDragging:V,over:U,setActivatorNodeRef:G,transform:X}=Qdt({id:s,data:A,attributes:{...pft,...n},disabled:w.draggable}),B=jut($,z),W=!!P,q=W&&!y&&V5(p)&&V5(v),H=!S&&V,Y=H&&q?X:null,ne=q?Y??(a??C)({rects:b,activeNodeRect:F,activeIndex:p,overIndex:v,index:E}):null,ee=V5(p)&&V5(v)?o({id:s,items:u,activeIndex:p,overIndex:v}):E,re=P?.id,le=k.useRef({activeId:re,items:u,newIndex:ee,containerId:d}),te=u!==le.current.items,Z=t({active:P,containerId:d,isDragging:V,isSorting:W,id:s,index:E,items:u,newIndex:le.current.newIndex,previousItems:le.current.items,previousContainerId:le.current.containerId,transition:c,wasDragging:le.current.activeId!=null}),oe=mft({disabled:!Z,index:E,node:T,rect:O});return k.useEffect(()=>{W&&le.current.newIndex!==ee&&(le.current.newIndex=ee),d!==le.current.containerId&&(le.current.containerId=d),u!==le.current.items&&(le.current.items=u)},[W,ee,d,u]),k.useEffect(()=>{if(re===le.current.activeId)return;if(re!=null&&le.current.activeId==null){le.current.activeId=re;return}const fe=setTimeout(()=>{le.current.activeId=re},50);return()=>clearTimeout(fe)},[re]),{active:P,activeIndex:p,attributes:L,data:A,rect:O,index:E,newIndex:ee,items:u,isOver:I,isSorting:W,isDragging:V,listeners:N,node:T,overIndex:v,over:U,setNodeRef:B,setActivatorNodeRef:G,setDroppableNodeRef:$,setDraggableNodeRef:z,transform:oe??ne,transition:ae()};function ae(){if(oe||te&&le.current.newIndex===E)return hft;if(!(H&&!rj(M)||!c)&&(W||Z))return Sb.Transition.toString({...c,property:oue})}}function yft(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 bft=[Fn.Down,Fn.Right,Fn.Up,Fn.Left],vft=(e,t)=>{let{context:{active:n,collisionRect:r,droppableRects:i,droppableContainers:o,over:s,scrollableAncestors:a}}=t;if(bft.includes(e.code)){if(e.preventDefault(),!n||!r)return;const l=[];o.getEnabled().forEach(d=>{if(!d||d!=null&&d.disabled)return;const p=i.get(d.id);if(p)switch(e.code){case Fn.Down:r.top<p.top&&l.push(d);break;case Fn.Up:r.top>p.top&&l.push(d);break;case Fn.Left:r.left>p.left&&l.push(d);break;case Fn.Right:r.left<p.left&&l.push(d);break}});const c=Zut({collisionRect:r,droppableRects:i,droppableContainers:l});let u=Uce(c,"id");if(u===s?.id&&c.length>1&&(u=c[1].id),u!=null){const d=o.get(n.id),p=o.get(u),g=p?i.get(p.id):null,y=p?.node.current;if(y&&g&&d&&p){const v=b8(y).some((D,O)=>a[O]!==D),S=sue(d,p),C=xft(d,p),w=v||!S?{x:0,y:0}:{x:C?r.width-g.width:0,y:C?r.height-g.height:0},E={x:g.left,y:g.top};return w.x&&w.y?E:xb(E,w)}}}};function sue(e,t){return!KS(e)||!KS(t)?!1:e.data.current.sortable.containerId===t.data.current.sortable.containerId}function xft(e,t){return!KS(e)||!KS(t)||!sue(e,t)?!1:e.data.current.sortable.index<t.data.current.sortable.index}const Sft=({bridge:e,index:t})=>{const{attributes:n,listeners:r,setNodeRef:i,transform:o,transition:s,isDragging:a}=gft({id:e.id}),[l,c]=k.useState(!1);k.useEffect(()=>{Qw(e.id).then(c)},[e.id]);const u={transform:Sb.Transform.toString(o),transition:s,opacity:a?.5:1};return h.jsx($n,{ref:i,style:u,variant:"outlined",sx:{cursor:"grab","&:active":{cursor:"grabbing"},bgcolor:a?"action.selected":"background.paper",width:"fit-content"},children:h.jsxs(Kn,{sx:{display:"flex",alignItems:"center",gap:1.5,py:1,"&:last-child":{pb:1}},children:[h.jsx(se,{...n,...r,sx:{display:"flex",alignItems:"center",color:"text.secondary"},children:h.jsx(Y7e,{})}),h.jsx(pt,{label:t+1,size:"small",color:"primary",sx:{minWidth:32,fontWeight:"bold"}}),l?h.jsx(se,{component:"img",src:v2(e.id),alt:e.name,sx:{width:40,height:40,borderRadius:"50%",objectFit:"cover",boxShadow:2}}):h.jsx(ml,{sx:{bgcolor:fM(e),width:40,height:40,boxShadow:2},children:(()=>{const d=dM(e);return h.jsx(d,{sx:{fontSize:24}})})()}),h.jsxs(se,{sx:{flex:1},children:[h.jsx(ie,{variant:"subtitle1",fontWeight:500,children:e.name}),h.jsxs(ie,{variant:"caption",color:"text.secondary",children:["Port: ",e.port," • Priority: ",e.priority??100]})]})]})})},wft=()=>{const e=Tc(),{content:t,isLoading:n}=ig(),r=g7e(),[i,o]=k.useState([]),[s,a]=k.useState(!1);k.useEffect(()=>{if(t){const p=[...t].sort((g,y)=>{const b=g.priority??100,v=y.priority??100;return b-v});o(p),a(!1)}},[t]);const l=Kut(AY(aj),AY(oj,{coordinateGetter:vft})),c=k.useCallback(p=>{const{active:g,over:y}=p;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 lj(b,v,S)}),a(!0))},[]),u=k.useCallback(async()=>{const p=i.map((g,y)=>({id:g.id,priority:(y+1)*10}));try{await r(p),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]),d=k.useMemo(()=>i.map(p=>p.id),[i]);return n?h.jsx(ie,{children:"Loading..."}):h.jsxs(Lt,{spacing:3,children:[h.jsx(Pb,{items:[{name:"Bridges",to:_t.bridges},{name:"Startup Order",to:_t.startup}]}),h.jsxs(se,{display:"flex",alignItems:"center",gap:2,children:[h.jsx(ng,{color:"primary",fontSize:"large"}),h.jsxs(se,{children:[h.jsx(ie,{variant:"h5",fontWeight:600,children:"Startup Order"}),h.jsx(ie,{variant:"body2",color:"text.secondary",children:"Drag and drop bridges to set the startup order. Lower positions start first."})]})]}),s&&h.jsx(Ht,{severity:"info",action:h.jsx(tt,{color:"inherit",size:"small",startIcon:h.jsx(C6,{}),onClick:u,children:"Save Changes"}),children:"You have unsaved changes to the startup order."}),h.jsx(Xdt,{sensors:l,collisionDetection:Xut,onDragEnd:c,children:h.jsx(cft,{items:d,strategy:aft,children:h.jsx(Lt,{spacing:1,children:i.map((p,g)=>h.jsx(Sft,{bridge:p,index:g},p.id))})})}),i.length===0&&h.jsx(ie,{color:"text.secondary",textAlign:"center",py:4,children:"No bridges configured yet."}),s&&i.length>0&&h.jsx(se,{display:"flex",justifyContent:"flex-end",children:h.jsx(tt,{variant:"contained",startIcon:h.jsx(C6,{}),onClick:u,children:"Save Startup Order"})})]})},Ok="https://riddix.github.io/home-assistant-matter-hub",_t={dashboard:"/",bridges:"/bridges",bridge:e=>`/bridges/${e}`,createBridge:"/bridges/create",areaSetup:"/bridges/area-setup",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:Ok,faq:{multiFabric:`${Ok}/connect-multiple-fabrics`,bridgeConfig:`${Ok}/bridge-configuration`}},Cft=[{path:"",element:h.jsx(mxe,{}),children:[{path:"",element:h.jsx(cAe,{})},{path:_t.bridges,element:h.jsx(rAe,{})},{path:_t.createBridge,element:h.jsx(Qnt,{})},{path:_t.areaSetup,element:h.jsx(W3e,{})},{path:_t.bridge(":bridgeId"),element:h.jsx(R7e,{})},{path:_t.editBridge(":bridgeId"),element:h.jsx(ert,{})},{path:_t.devices,element:h.jsx(_Ae,{})},{path:_t.networkMap,element:h.jsx(Dut,{})},{path:_t.health,element:h.jsx(art,{})},{path:_t.labels,element:h.jsx(drt,{})},{path:_t.lockCredentials,element:h.jsx(yrt,{})},{path:_t.settings,element:h.jsx(Iut,{})},{path:_t.startup,element:h.jsx(wft,{})},{path:"*",element:h.jsx(brt,{})}]}],Eft={items:{isInitialized:!1,isLoading:!1}},Aft=wT(Eft,e=>{e.addCase(Mo.pending,t=>{t.items.isLoading=!0}).addCase(Mo.rejected,(t,n)=>{t.items.isInitialized=!0,t.items.isLoading=!1,t.items.content=void 0,t.items.error=n.error}).addCase(Mo.fulfilled,(t,n)=>{t.items.isInitialized=!0,t.items.isLoading=!1,t.items.content=n.payload,t.items.error=void 0}).addCase(ZZ.fulfilled,(t,n)=>{t.items.content?.push(n.payload)}).addCase(QZ.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(eJ.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(JZ.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(tJ,(t,n)=>{t.items.isInitialized=!0,t.items.isLoading=!1,t.items.content=n.payload,t.items.error=void 0}).addCase(nJ,(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)}})}),kft={byBridge:{}},_ft=wT(kft,e=>{e.addCase(Eu.pending,(t,n)=>{t.byBridge[n.meta.arg]=Tk(t.byBridge[n.meta.arg],n)}).addCase(Eu.rejected,(t,n)=>{t.byBridge[n.meta.arg]=Tk(t.byBridge[n.meta.arg],n)}).addCase(Eu.fulfilled,(t,n)=>{t.byBridge[n.meta.arg]=Tk(t.byBridge[n.meta.arg],n)})}),Dft={isInitialized:!1,isLoading:!1,content:void 0,error:void 0},Tk=wT(Dft,e=>{e.addCase(Eu.pending,t=>{t.isLoading=!0}).addCase(Eu.rejected,(t,n)=>{t.isInitialized=!0,t.isLoading=!1,t.content=void 0,t.error=n.error}).addCase(Eu.fulfilled,(t,n)=>{t.isInitialized=!0,t.isLoading=!1,t.content=n.payload,t.error=void 0})}),Oft=Xve({reducer:{bridges:Aft,devices:_ft}}),cj=Iye({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=>st({props:e,name:"MuiContainer"})});function Tft(e){return Qe("MuiToolbar",e)}nt("MuiToolbar",["root","gutters","regular","dense"]);const Mft=e=>{const{classes:t,disableGutters:n,variant:r}=e;return et({root:["root",!n&&"gutters",r]},Tft,t)},Rft=me("div",{name:"MuiToolbar",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,!n.disableGutters&&t.gutters,t[n.variant]]}})(Ge(({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}]}))),aue=k.forwardRef(function(t,n){const r=st({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=Mft(c);return h.jsx(Rft,{as:o,className:Te(u.root,i),ref:n,ownerState:c,...l})});class Ift extends k.Component{constructor(t){super(t),this.state={hasError:!1,error:null}}static getDerivedStateFromError(t){return{hasError:!0,error:t}}componentDidCatch(t,n){console.error("ErrorBoundary caught:",t,n.componentStack)}render(){return this.state.hasError?h.jsxs(se,{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:"60vh",gap:2,p:4,children:[h.jsx(jT,{color:"error",sx:{fontSize:64}}),h.jsx(ie,{variant:"h5",fontWeight:600,children:oo.t("errorBoundary.title")}),h.jsx(ie,{variant:"body2",color:"text.secondary",textAlign:"center",maxWidth:480,children:this.state.error?.message??oo.t("errorBoundary.fallbackMessage")}),h.jsx(tt,{variant:"contained",onClick:()=>{this.setState({hasError:!1,error:null}),window.location.reload()},children:oo.t("errorBoundary.reload")})]}):this.props.children}}const jft="home-assistant-matter-hub",Pft={name:jft};function lue(){const e="2.1.0-alpha.461",[t,n]=k.useState(null);k.useEffect(()=>{fetch("api/health").then(i=>i.ok?i.json():null).then(i=>{i?.version&&n(i.version)}).catch(()=>{})},[]);const r=k.useMemo(()=>!t||e==="0.0.0-dev"?!1:e!==t,[t]);return k.useMemo(()=>({name:Pft.name,version:t??e,frontendVersion:e,backendVersion:t,versionMismatch:r}),[t,r])}const $ft=[{name:"GitHub",url:_t.githubRepository},{name:"Documentation",url:_t.documentation}],Lft=()=>h.jsxs(cj,{sx:{mt:16,mb:4},children:[h.jsx(di,{sx:{mt:4,mb:4}}),h.jsx(ot,{container:!0,spacing:2,justifyContent:"center",children:$ft.map((e,t)=>h.jsx(ot,{size:{xs:12,sm:"auto"},children:h.jsx(tt,{fullWidth:!0,size:"small",variant:"outlined",component:Ow,href:e.url,target:"_blank",children:e.name})},t.toString()))})]});function Nft(e){return Qe("MuiAppBar",e)}nt("MuiAppBar",["root","positionFixed","positionAbsolute","positionSticky","positionStatic","positionRelative","colorDefault","colorPrimary","colorSecondary","colorInherit","colorTransparent","colorError","colorInfo","colorSuccess","colorWarning"]);const Fft=e=>{const{color:t,position:n,classes:r}=e,i={root:["root",`color${ye(t)}`,`position${ye(n)}`]};return et(i,Nft,r)},NY=(e,t)=>e?`${e.replace(")","")}, ${t})`:t,Bft=me(qr,{name:"MuiAppBar",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,t[`position${ye(n.position)}`],t[`color${ye(n.color)}`]]}})(Ge(({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(zn(["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?NY(e.vars.palette.AppBar.darkBg,"var(--AppBar-background)"):null,color:e.vars?NY(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"})}}]}))),zft=k.forwardRef(function(t,n){const r=st({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=Fft(c);return h.jsx(Bft,{square:!0,component:"header",ownerState:c,elevation:4,className:Te(u.root,i,a==="fixed"&&"mui-fixed"),ref:n,...l})});function Hft(e,t,n){const r=t.getBoundingClientRect(),i=n&&n.getBoundingClientRect(),o=fl(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 Uft(e){return typeof e=="function"?e():e}function q5(e,t,n){const r=Uft(n),i=Hft(e,t,r);i&&(t.style.webkitTransform=i,t.style.transform=i)}const Vft=k.forwardRef(function(t,n){const r=lo(),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:d=i,in:p,onEnter:g,onEntered:y,onEntering:b,onExit:v,onExited:S,onExiting:C,style:w,timeout:E=o,TransitionComponent:A=Ba,...D}=t,O=k.useRef(null),T=Pr(Df(l),O,n),I=U=>G=>{U&&(G===void 0?U(O.current):U(O.current,G))},$=I((U,G)=>{q5(u,U,c),gT(U),g&&g(U,G)}),P=I((U,G)=>{const X=lf({timeout:E,style:w,easing:d},{mode:"enter"});U.style.webkitTransition=r.transitions.create("-webkit-transform",{...X}),U.style.transition=r.transitions.create("transform",{...X}),U.style.webkitTransform="none",U.style.transform="none",b&&b(U,G)}),M=I(y),F=I(C),L=I(U=>{const G=lf({timeout:E,style:w,easing:d},{mode:"exit"});U.style.webkitTransition=r.transitions.create("-webkit-transform",G),U.style.transition=r.transitions.create("transform",G),q5(u,U,c),v&&v(U)}),z=I(U=>{U.style.webkitTransition="",U.style.transition="",S&&S(U)}),N=U=>{s&&s(O.current,U)},V=k.useCallback(()=>{O.current&&q5(u,O.current,c)},[u,c]);return k.useEffect(()=>{if(p||u==="down"||u==="right")return;const U=fT(()=>{O.current&&q5(u,O.current,c)}),G=fl(O.current);return G.addEventListener("resize",U),()=>{U.clear(),G.removeEventListener("resize",U)}},[u,p,c]),k.useEffect(()=>{p||V()},[p,V]),h.jsx(A,{nodeRef:O,onEnter:$,onEntered:M,onEntering:P,onExit:L,onExited:z,onExiting:F,addEndListener:N,appear:a,in:p,timeout:E,...D,children:(U,{ownerState:G,...X})=>k.cloneElement(l,{ref:T,style:{visibility:U==="exited"&&!p?"hidden":void 0,...w,...l.props.style},...X})})});function Wft(e){return Qe("MuiDrawer",e)}nt("MuiDrawer",["root","docked","paper","anchorLeft","anchorRight","anchorTop","anchorBottom","paperAnchorLeft","paperAnchorRight","paperAnchorTop","paperAnchorBottom","paperAnchorDockedLeft","paperAnchorDockedRight","paperAnchorDockedTop","paperAnchorDockedBottom","modal"]);const cue=(e,t)=>{const{ownerState:n}=e;return[t.root,(n.variant==="permanent"||n.variant==="persistent")&&t.docked,n.variant==="temporary"&&t.modal]},qft=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,Wft,t)},Gft=me(LT,{name:"MuiDrawer",slot:"Root",overridesResolver:cue})(Ge(({theme:e})=>({zIndex:(e.vars||e).zIndex.drawer}))),Kft=me("div",{shouldForwardProp:Ui,name:"MuiDrawer",slot:"Docked",skipVariantsResolver:!1,overridesResolver:cue})({flex:"0 0 auto"}),Yft=me(qr,{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)}`]]}})(Ge(({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}`}}]}))),uue={left:"right",right:"left",top:"down",bottom:"up"};function Xft(e){return["left","right"].includes(e)}function Zft({direction:e},t){return e==="rtl"&&Xft(t)?uue[t]:t}const Jft=k.forwardRef(function(t,n){const r=st({props:t,name:"MuiDrawer"}),i=lo(),o=_f(),s={enter:i.transitions.duration.enteringScreen,exit:i.transitions.duration.leavingScreen},{anchor:a="left",BackdropProps:l,children:c,className:u,elevation:d=16,hideBackdrop:p=!1,ModalProps:{BackdropProps:g,...y}={},onClose:b,open:v=!1,PaperProps:S={},SlideProps:C,TransitionComponent:w,transitionDuration:E=s,variant:A="temporary",slots:D={},slotProps:O={},...T}=r,I=k.useRef(!1);k.useEffect(()=>{I.current=!0},[]);const $=Zft({direction:o?"rtl":"ltr"},a),M={...r,anchor:a,elevation:d,open:v,variant:A,...T},F=qft(M),L={slots:{transition:w,...D},slotProps:{paper:S,transition:C,...O,backdrop:hT(O.backdrop||{...l,...g},{transitionDuration:E})}},[z,N]=ut("root",{ref:n,elementType:Gft,className:Te(F.root,F.modal,u),shouldForwardComponentProp:!0,ownerState:M,externalForwardedProps:{...L,...T,...y},additionalProps:{open:v,onClose:b,hideBackdrop:p,slots:{backdrop:L.slots.backdrop},slotProps:{backdrop:L.slotProps.backdrop}}}),[V,U]=ut("paper",{elementType:Yft,shouldForwardComponentProp:!0,className:Te(F.paper,S.className),ownerState:M,externalForwardedProps:L,additionalProps:{elevation:A==="temporary"?d:0,square:!0,...A==="temporary"&&{role:"dialog","aria-modal":"true"}}}),[G,X]=ut("docked",{elementType:Kft,ref:n,className:Te(F.root,F.docked,u),ownerState:M,externalForwardedProps:L,additionalProps:T}),[B,W]=ut("transition",{elementType:Vft,ownerState:M,externalForwardedProps:L,additionalProps:{in:v,direction:uue[$],timeout:E,appear:I.current}}),q=h.jsx(V,{...U,children:c});if(A==="permanent")return h.jsx(G,{...X,children:q});const H=h.jsx(B,{...W,children:q});return A==="persistent"?h.jsx(G,{...X,children:H}):h.jsx(z,{...N,children:H})}),Qft=aZ({themeId:xa}),eht={error:Mf,warn:Tw,info:PT,debug:Xw},tht=({open:e,onClose:t})=>{const n=lo(),r=k.useMemo(()=>({error:n.palette.error.main,warn:n.palette.warning.main,info:n.palette.info.main,debug:n.palette.secondary.main}),[n]),[i,o]=k.useState([]),[s,a]=k.useState(!0),[l,c]=k.useState("error,warn,info".split(",")),[u,d]=k.useState(""),[p,g]=k.useState(!0),y=k.useCallback(async()=>{try{const w=new URLSearchParams({level:l.join(","),limit:"500",...u&&{search:u}}),E=await fetch(`api/logs?${w}`);if(E.ok){const A=await E.json();o(A.entries)}}catch(w){console.error("Failed to fetch logs:",w)}finally{a(!1)}},[l,u]);k.useEffect(()=>{e&&y()},[e,y]),k.useEffect(()=>{if(!p||!e)return;const w=setInterval(y,5e3);return()=>clearInterval(w)},[p,e,y]);const b=w=>{c(Array.isArray(w.target.value)?w.target.value:[w.target.value])},v=w=>{d(w.target.value)},S=async()=>{try{await fetch("api/logs",{method:"DELETE"}),o([])}catch(w){console.error("Failed to clear logs:",w)}},C=w=>{const E=eht[w]||PT;return h.jsx(E,{sx:{fontSize:16,color:r[w]}})};return h.jsxs(qs,{open:e,onClose:t,maxWidth:"lg",fullWidth:!0,children:[h.jsxs(Ks,{sx:{display:"flex",alignItems:"center",gap:1},children:[h.jsx(Xw,{}),"System Logs",h.jsx(se,{sx:{flexGrow:1}}),h.jsx(Gt,{title:"Auto Refresh",children:h.jsx(pt,{label:p?"Auto":"Manual",color:p?"success":"default",size:"small",onClick:()=>g(!p),sx:{cursor:"pointer"}})}),h.jsx(nn,{onClick:t,children:h.jsx(IQ,{})})]}),h.jsxs(Gs,{children:[h.jsx(Lt,{spacing:2,sx:{mb:2},children:h.jsxs(Lt,{direction:"row",spacing:2,alignItems:"center",children:[h.jsxs(Sa,{size:"small",sx:{minWidth:200},children:[h.jsx(bc,{children:"Log Level"}),h.jsxs(ma,{value:l,label:"Log Level",onChange:b,multiple:!0,renderValue:w=>h.jsx(se,{sx:{display:"flex",flexWrap:"wrap",gap:.5},children:(Array.isArray(w)?w:[w]).map(E=>h.jsx(pt,{label:E.toUpperCase(),size:"small",sx:{backgroundColor:r[E],color:"white"}},E))}),children:[h.jsx(ir,{value:"error",children:"Error"}),h.jsx(ir,{value:"warn",children:"Warning"}),h.jsx(ir,{value:"info",children:"Info"}),h.jsx(ir,{value:"debug",children:"Debug"})]})]}),h.jsx(Ir,{size:"small",placeholder:"Search logs...",value:u,onChange:v,sx:{flexGrow:1}}),h.jsx(tt,{variant:"outlined",onClick:y,children:"Refresh"}),h.jsx(tt,{variant:"outlined",color:"error",onClick:S,children:"Clear"})]})}),h.jsx(se,{sx:{height:400,overflow:"auto",backgroundColor:"background.paper",border:1,borderColor:"divider",borderRadius:1,p:1},children:s?h.jsx(se,{sx:{display:"flex",justifyContent:"center",p:4},children:h.jsx(ie,{children:"Loading logs..."})}):i.length===0?h.jsx(se,{sx:{display:"flex",justifyContent:"center",p:4},children:h.jsx(ie,{color:"text.secondary",children:"No logs found"})}):h.jsx(Lt,{spacing:1,children:i.map((w,E)=>h.jsxs(se,{sx:{p:1,borderRadius:1,backgroundColor:"action.hover",fontFamily:"monospace",fontSize:"0.875rem",wordBreak:"break-all"},children:[h.jsxs(se,{sx:{display:"flex",alignItems:"center",gap:1,mb:.5},children:[C(w.level),h.jsx(ie,{variant:"caption",color:"text.secondary",children:new Date(w.timestamp).toLocaleString()}),h.jsx(pt,{label:w.level.toUpperCase(),size:"small",sx:{backgroundColor:r[w.level],color:n.palette.getContrastText(r[w.level]??n.palette.grey[500]),fontSize:"0.7rem",height:20}})]}),h.jsx(ie,{sx:{ml:3},children:w.message}),w.context&&h.jsx(ie,{sx:{ml:3,color:"text.secondary",fontSize:"0.8rem"},children:JSON.stringify(w.context,null,2)})]},`${w.timestamp}-${w.level}-${E}`))})})]}),h.jsx(Ta,{children:h.jsx(tt,{onClick:t,children:"Close"})})]})};function FY(){const{t:e}=Af(),{isConnected:t}=iJ(),[n,r]=k.useState(null),[i,o]=k.useState(!1);k.useEffect(()=>{const b=async()=>{try{const S=await fetch("api/health");if(S.ok){const C=await S.json();r(C),o(!1)}else o(!0)}catch{o(!0)}};b();const v=setInterval(b,3e4);return()=>clearInterval(v)},[]);const s=b=>{const v=Math.floor(b/3600),S=Math.floor(b%3600/60);return v>0?`${v}h ${S}m`:`${S}m`},a=n?.status==="healthy"&&!i,l=n?.services?.bridges,c=l&&l.total>0&&l.running===l.total,u=l&&l.total===0,d=n?h.jsxs(se,{sx:{p:.5},children:[h.jsxs("div",{children:[h.jsxs("strong",{children:[e("health.version"),":"]})," ",n.version??e("status.unknown")]}),h.jsxs("div",{children:[h.jsxs("strong",{children:[e("health.uptime"),":"]})," ",s(n.uptime??0)]}),n.services?.bridges&&h.jsxs("div",{children:[h.jsxs("strong",{children:[e("nav.bridges"),":"]})," ",n.services.bridges.running??0,"/",n.services.bridges.total??0," ",e("common.running").toLowerCase(),(n.services.bridges.stopped??0)>0&&` (${n.services.bridges.stopped} ${e("common.stopped").toLowerCase()})`]}),n.services?.homeAssistant&&h.jsxs("div",{children:[h.jsxs("strong",{children:[e("health.homeAssistant"),":"]})," ",n.services.homeAssistant.connected?e("health.connected"):e("health.disconnected")]}),h.jsxs("div",{children:[h.jsx("strong",{children:"WebSocket:"})," ",e(t?"health.connected":"health.disconnected")]})]}):e("status.loadingHealth"),p=()=>i||!a?h.jsx(Mf,{fontSize:"small"}):c?h.jsx(za,{fontSize:"small"}):h.jsx(Pw,{fontSize:"small"}),g=()=>i||!a?"error":!c||!t?"warning":"success",y=()=>e(i?"status.error":a?t?u?"status.noBridges":c?"common.online":"common.starting":"common.offline":"status.unhealthy");return h.jsx(Gt,{title:d,arrow:!0,children:h.jsx(pt,{icon:p(),label:y(),color:g(),size:"small",variant:"filled",sx:{borderRadius:1,fontWeight:600,"& .MuiChip-icon":{color:"inherit"}}})})}const nht=e=>k.createElement("svg",{viewBox:"0 0 91 89",xmlSpace:"preserve",xmlns:"http://www.w3.org/2000/svg",...e},k.createElement("g",{style:{display:"inline"}},k.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"}),k.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"}))),rht=e=>{const t=lue();return h.jsxs(se,{component:Cc,to:_t.dashboard,sx:{display:"flex",alignItems:"center",justifyContent:e.large?"flex-start":"center",flexGrow:1,textDecoration:"none",color:"inherit"},children:[h.jsx(nht,{style:{height:"40px"}}),h.jsx(ie,{variant:"inherit",component:"span",sx:{mr:1,ml:1},children:t.name.split("-").map(ye).join("-")}),e.large&&h.jsx(ie,{variant:"caption",component:"span",children:t.version})]})},iht=()=>{const e=Qft("(min-width:600px)"),{mode:t,setMode:n}=bw(),[r,i]=k.useState(!1),[o,s]=k.useState(!1),a=Bu(),l=Ef(),c=y=>y?y==="/"?l.pathname==="/":l.pathname.startsWith(y):!1,u=()=>{n(t==="dark"?"light":"dark")},{t:d}=Af(),p=[{label:d("dashboard.title"),icon:h.jsx(oM,{}),to:_t.dashboard},{label:d("nav.bridges"),icon:h.jsx(Dy,{}),to:_t.bridges},{label:d("nav.devices"),icon:h.jsx(Ws,{}),to:_t.devices},{label:"Network Map",icon:h.jsx(nM,{}),to:_t.networkMap},{label:"Startup Order",icon:h.jsx(ng,{}),to:_t.startup},{label:"Lock Credentials",icon:h.jsx(Cu,{}),to:_t.lockCredentials},{label:"Filter Reference",icon:h.jsx(sM,{}),to:_t.labels},{label:d("nav.settings"),icon:h.jsx(Bb,{}),to:_t.settings},{label:t==="dark"?"Light Mode":"Dark Mode",icon:t==="dark"?h.jsx(rEe,{}):h.jsx(q7e,{}),onClick:u},{label:"System Logs",icon:h.jsx(Xw,{}),onClick:()=>i(!0)},{label:d("nav.health"),icon:h.jsx(FT,{}),to:_t.health}],g=y=>{s(!1),y.onClick?y.onClick():y.to&&a(y.to)};return h.jsxs(se,{children:[h.jsx(zft,{sx:{height:"72px"},children:h.jsx(aue,{sx:{paddingLeft:"0 !important",paddingRight:"0 !important"},children:h.jsxs(cj,{sx:{padding:2,height:"100%",display:"flex",justifyContent:"space-between",alignItems:"center"},children:[h.jsx(rht,{large:e}),e?h.jsxs(se,{sx:{display:"flex",alignItems:"center",gap:1},children:[p.map(y=>y.to?h.jsx(Gt,{title:y.label,children:h.jsx(nn,{component:Cc,to:y.to,sx:{color:"inherit",bgcolor:c(y.to)?"rgba(255,255,255,0.15)":"transparent",borderRadius:1},children:y.icon})},y.label):h.jsx(Gt,{title:y.label,children:h.jsx(nn,{onClick:y.onClick,sx:{color:"inherit"},children:y.icon})},y.label)),h.jsx(FY,{})]}):h.jsxs(se,{sx:{display:"flex",alignItems:"center",gap:.5},children:[h.jsx(FY,{}),h.jsx(nn,{onClick:()=>s(!0),sx:{color:"inherit"},children:h.jsx(iEe,{})})]})]})})}),h.jsx(Jft,{anchor:"right",open:o,onClose:()=>s(!1),children:h.jsx(Sl,{sx:{width:250},children:p.map(y=>h.jsxs(l5e,{selected:c(y.to),onClick:()=>g(y),children:[h.jsx(tl,{children:y.icon}),h.jsx(pa,{primary:y.label})]},y.label))})}),h.jsx(tht,{open:r,onClose:()=>i(!1)})]})},oht=()=>{const{versionMismatch:e,frontendVersion:t,backendVersion:n}=lue(),{isConnected:r}=iJ();return h.jsxs(se,{children:[h.jsx(iht,{}),h.jsx(aue,{}),e&&h.jsxs(Ht,{severity:"warning",variant:"filled",sx:{borderRadius:0},action:h.jsx(tt,{color:"inherit",size:"small",onClick:()=>window.location.reload(),children:"Reload"}),children:["Version mismatch: frontend ",t,", backend ",n,". Please reload to get the latest UI."]}),!r&&h.jsx(Ht,{severity:"error",variant:"filled",sx:{borderRadius:0},children:"Connection lost — data may be outdated. Reconnecting…"}),h.jsx(cj,{sx:{p:2},children:h.jsx(Ift,{children:h.jsx(gX,{})})}),h.jsx(Lft,{})]})},sht=mw({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 G4=document.getElementsByTagName("base")[0]?.href?.replace(/\/$/,"");G4?.startsWith("http")&&(G4=new URL(G4).pathname);const aht=a0e([{path:"/",element:h.jsx(oht,{}),children:Cft}],{basename:G4});Afe.createRoot(document.getElementById("root")).render(h.jsx(k.StrictMode,{children:h.jsx(Hfe,{store:Oft,children:h.jsxs(V2e,{theme:sht,children:[h.jsx(F2e,{}),h.jsx(wZ,{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}}}),h.jsx(pxe,{children:h.jsx(ove,{children:h.jsx(v0e,{router:aht})})})]})})}));
499
+ `},qut={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 Gut(e){let{announcements:t=qut,container:n,hiddenTextDescribedById:r,screenReaderInstructions:i=Wut}=e;const{announce:o,announcement:s}=Hut(),a=Av("DndLiveRegion"),[l,c]=k.useState(!1);if(k.useEffect(()=>{c(!0)},[]),Uut(k.useMemo(()=>({onDragStart(d){let{active:p}=d;o(t.onDragStart({active:p}))},onDragMove(d){let{active:p,over:g}=d;t.onDragMove&&o(t.onDragMove({active:p,over:g}))},onDragOver(d){let{active:p,over:g}=d;o(t.onDragOver({active:p,over:g}))},onDragEnd(d){let{active:p,over:g}=d;o(t.onDragEnd({active:p,over:g}))},onDragCancel(d){let{active:p,over:g}=d;o(t.onDragCancel({active:p,over:g}))}}),[o,t])),!l)return null;const u=Xt.createElement(Xt.Fragment,null,Xt.createElement(But,{id:r,value:i.draggable}),Xt.createElement(zut,{id:a,announcement:s}));return n?Nd.createPortal(u,n):u}var Bi;(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"})(Bi||(Bi={}));function qS(){}function AY(e,t){return k.useMemo(()=>({sensor:e,options:t??{}}),[e,t])}function Kut(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return k.useMemo(()=>[...t].filter(r=>r!=null),[...t])}const bl=Object.freeze({x:0,y:0});function zce(e,t){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}function Hce(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return n-r}function Yut(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return r-n}function kY(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 Uce(e,t){if(!e||e.length===0)return null;const[n]=e;return n[t]}function _Y(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 Xut=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const i=_Y(t,t.left,t.top),o=[];for(const s of r){const{id:a}=s,l=n.get(a);if(l){const c=zce(_Y(l),i);o.push({id:a,data:{droppableContainer:s,value:c}})}}return o.sort(Hce)},Zut=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const i=kY(t),o=[];for(const s of r){const{id:a}=s,l=n.get(a);if(l){const c=kY(l),u=i.reduce((p,g,y)=>p+zce(c[y],g),0),d=Number((u/4).toFixed(4));o.push({id:a,data:{droppableContainer:s,value:d}})}}return o.sort(Hce)};function Jut(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,d=u/(l+c-u);return Number(d.toFixed(4))}return 0}const Qut=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=Jut(a,t);l>0&&i.push({id:s,data:{droppableContainer:o,value:l}})}}return i.sort(Yut)};function edt(e,t,n){return{...e,scaleX:t&&n?t.width/n.width:1,scaleY:t&&n?t.height/n.height:1}}function Vce(e,t){return e&&t?{x:e.left-t.left,y:e.top-t.top}:bl}function tdt(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 ndt=tdt(1);function rdt(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 idt(e,t,n){const r=rdt(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,d=o?e.height/o:e.height;return{width:u,height:d,top:c,right:l+u,bottom:c+d,left:l}}const odt={ignoreTransform:!1};function _g(e,t){t===void 0&&(t=odt);let n=e.getBoundingClientRect();if(t.ignoreTransform){const{transform:c,transformOrigin:u}=xs(e).getComputedStyle(e);c&&(n=idt(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 DY(e){return _g(e,{ignoreTransform:!0})}function sdt(e){const t=e.innerWidth,n=e.innerHeight;return{top:0,left:0,right:t,bottom:n,width:t,height:n}}function adt(e,t){return t===void 0&&(t=xs(e).getComputedStyle(e)),t.position==="fixed"}function ldt(e,t){t===void 0&&(t=xs(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 b8(e,t){const n=[];function r(i){if(t!=null&&n.length>=t||!i)return n;if(tj(i)&&i.scrollingElement!=null&&!n.includes(i.scrollingElement))return n.push(i.scrollingElement),n;if(!Cv(i)||Nce(i)||n.includes(i))return n;const o=xs(e).getComputedStyle(i);return i!==e&&ldt(i,o)&&n.push(i),adt(i,o)?n:r(i.parentNode)}return e?r(e):n}function Wce(e){const[t]=b8(e,1);return t??null}function kk(e){return!y8||!e?null:Ag(e)?e:ej(e)?tj(e)||e===kg(e).scrollingElement?window:Cv(e)?e:null:null}function qce(e){return Ag(e)?e.scrollX:e.scrollLeft}function Gce(e){return Ag(e)?e.scrollY:e.scrollTop}function IO(e){return{x:qce(e),y:Gce(e)}}var eo;(function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"})(eo||(eo={}));function Kce(e){return!y8||!e?!1:e===document.scrollingElement}function Yce(e){const t={x:0,y:0},n=Kce(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 cdt={x:.2,y:.2};function udt(e,t,n,r,i){let{top:o,left:s,right:a,bottom:l}=n;r===void 0&&(r=10),i===void 0&&(i=cdt);const{isTop:c,isBottom:u,isLeft:d,isRight:p}=Yce(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=eo.Backward,y.y=r*Math.abs((t.top+b.height-o)/b.height)):!u&&l>=t.bottom-b.height&&(g.y=eo.Forward,y.y=r*Math.abs((t.bottom-b.height-l)/b.height)),!p&&a>=t.right-b.width?(g.x=eo.Forward,y.x=r*Math.abs((t.right-b.width-a)/b.width)):!d&&s<=t.left+b.width&&(g.x=eo.Backward,y.x=r*Math.abs((t.left+b.width-s)/b.width)),{direction:g,speed:y}}function ddt(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 Xce(e){return e.reduce((t,n)=>ym(t,IO(n)),bl)}function fdt(e){return e.reduce((t,n)=>t+qce(n),0)}function hdt(e){return e.reduce((t,n)=>t+Gce(n),0)}function pdt(e,t){if(t===void 0&&(t=_g),!e)return;const{top:n,left:r,bottom:i,right:o}=t(e);Wce(e)&&(i<=0||o<=0||n>=window.innerHeight||r>=window.innerWidth)&&e.scrollIntoView({block:"center",inline:"center"})}const mdt=[["x",["left","right"],fdt],["y",["top","bottom"],hdt]];class ij{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=b8(n),i=Xce(r);this.rect={...t},this.width=t.width,this.height=t.height;for(const[o,s,a]of mdt)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 Xy{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 gdt(e){const{EventTarget:t}=xs(e);return e instanceof t?e:kg(e)}function _k(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 ua;(function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"})(ua||(ua={}));function OY(e){e.preventDefault()}function ydt(e){e.stopPropagation()}var Fn;(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"})(Fn||(Fn={}));const Zce={start:[Fn.Space,Fn.Enter],cancel:[Fn.Esc],end:[Fn.Space,Fn.Enter,Fn.Tab]},bdt=(e,t)=>{let{currentCoordinates:n}=t;switch(e.code){case Fn.Right:return{...n,x:n.x+25};case Fn.Left:return{...n,x:n.x-25};case Fn.Down:return{...n,y:n.y+25};case Fn.Up:return{...n,y:n.y-25}}};class oj{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 Xy(kg(n)),this.windowListeners=new Xy(xs(n)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(ua.Resize,this.handleCancel),this.windowListeners.add(ua.VisibilityChange,this.handleCancel),setTimeout(()=>this.listeners.add(ua.Keydown,this.handleKeyDown))}handleStart(){const{activeNode:t,onStart:n}=this.props,r=t.node.current;r&&pdt(r),n(bl)}handleKeyDown(t){if(rj(t)){const{active:n,context:r,options:i}=this.props,{keyboardCodes:o=Zce,coordinateGetter:s=bdt,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}:bl;this.referenceCoordinates||(this.referenceCoordinates=u);const d=s(t,{active:n,context:r.current,currentCoordinates:u});if(d){const p=xb(d,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:E,maxScroll:A,minScroll:D}=Yce(b),O=ddt(b),T={x:Math.min(v===Fn.Right?O.right-O.width/2:O.right,Math.max(v===Fn.Right?O.left:O.left+O.width/2,d.x)),y:Math.min(v===Fn.Down?O.bottom-O.height/2:O.bottom,Math.max(v===Fn.Down?O.top:O.top+O.height/2,d.y))},I=v===Fn.Right&&!C||v===Fn.Left&&!w,$=v===Fn.Down&&!E||v===Fn.Up&&!S;if(I&&T.x!==d.x){const P=b.scrollLeft+p.x,M=v===Fn.Right&&P<=A.x||v===Fn.Left&&P>=D.x;if(M&&!p.y){b.scrollTo({left:P,behavior:a});return}M?g.x=b.scrollLeft-P:g.x=v===Fn.Right?b.scrollLeft-A.x:b.scrollLeft-D.x,g.x&&b.scrollBy({left:-g.x,behavior:a});break}else if($&&T.y!==d.y){const P=b.scrollTop+p.y,M=v===Fn.Down&&P<=A.y||v===Fn.Up&&P>=D.y;if(M&&!p.x){b.scrollTo({top:P,behavior:a});return}M?g.y=b.scrollTop-P:g.y=v===Fn.Down?b.scrollTop-A.y:b.scrollTop-D.y,g.y&&b.scrollBy({top:-g.y,behavior:a});break}}this.handleMove(t,ym(xb(d,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()}}oj.activators=[{eventName:"onKeyDown",handler:(e,t,n)=>{let{keyboardCodes:r=Zce,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 TY(e){return!!(e&&"distance"in e)}function MY(e){return!!(e&&"delay"in e)}class sj{constructor(t,n,r){var i;r===void 0&&(r=gdt(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=kg(s),this.documentListeners=new Xy(this.document),this.listeners=new Xy(r),this.windowListeners=new Xy(xs(s)),this.initialCoordinates=(i=RO(o))!=null?i:bl,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(ua.Resize,this.handleCancel),this.windowListeners.add(ua.DragStart,OY),this.windowListeners.add(ua.VisibilityChange,this.handleCancel),this.windowListeners.add(ua.ContextMenu,OY),this.documentListeners.add(ua.Keydown,this.handleKeydown),n){if(r!=null&&r({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(MY(n)){this.timeoutId=setTimeout(this.handleStart,n.delay),this.handlePending(n);return}if(TY(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(ua.Click,ydt,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(ua.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=RO(t))!=null?n:bl,c=xb(i,l);if(!r&&a){if(TY(a)){if(a.tolerance!=null&&_k(c,a.tolerance))return this.handleCancel();if(_k(c,a.distance))return this.handleStart()}if(MY(a)&&_k(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===Fn.Esc&&this.handleCancel()}removeTextSelection(){var t;(t=this.document.getSelection())==null||t.removeAllRanges()}}const vdt={cancel:{name:"pointercancel"},move:{name:"pointermove"},end:{name:"pointerup"}};class aj extends sj{constructor(t){const{event:n}=t,r=kg(n.target);super(t,vdt,r)}}aj.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 xdt={move:{name:"mousemove"},end:{name:"mouseup"}};var jO;(function(e){e[e.RightClick=2]="RightClick"})(jO||(jO={}));class Sdt extends sj{constructor(t){super(t,xdt,kg(t.event.target))}}Sdt.activators=[{eventName:"onMouseDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return n.button===jO.RightClick?!1:(r?.({event:n}),!0)}}];const Dk={cancel:{name:"touchcancel"},move:{name:"touchmove"},end:{name:"touchend"}};class wdt extends sj{constructor(t){super(t,Dk)}static setup(){return window.addEventListener(Dk.move.name,t,{capture:!1,passive:!1}),function(){window.removeEventListener(Dk.move.name,t)};function t(){}}}wdt.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 Zy;(function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"})(Zy||(Zy={}));var GS;(function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"})(GS||(GS={}));function Cdt(e){let{acceleration:t,activator:n=Zy.Pointer,canScroll:r,draggingRect:i,enabled:o,interval:s=5,order:a=GS.TreeOrder,pointerCoordinates:l,scrollableAncestors:c,scrollableAncestorRects:u,delta:d,threshold:p}=e;const g=Adt({delta:d,disabled:!o}),[y,b]=Put(),v=k.useRef({x:0,y:0}),S=k.useRef({x:0,y:0}),C=k.useMemo(()=>{switch(n){case Zy.Pointer:return l?{top:l.y,bottom:l.y,left:l.x,right:l.x}:null;case Zy.DraggableRect:return i}},[n,i,l]),w=k.useRef(null),E=k.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)},[]),A=k.useMemo(()=>a===GS.TreeOrder?[...c].reverse():c,[a,c]);k.useEffect(()=>{if(!o||!c.length||!C){b();return}for(const D of A){if(r?.(D)===!1)continue;const O=c.indexOf(D),T=u[O];if(!T)continue;const{direction:I,speed:$}=udt(D,T,C,t,p);for(const P of["x","y"])g[P][I[P]]||($[P]=0,I[P]=0);if($.x>0||$.y>0){b(),w.current=D,y(E,s),v.current=$,S.current=I;return}}v.current={x:0,y:0},S.current={x:0,y:0},b()},[t,E,r,b,o,s,JSON.stringify(C),JSON.stringify(g),y,c,A,u,JSON.stringify(p)])}const Edt={x:{[eo.Backward]:!1,[eo.Forward]:!1},y:{[eo.Backward]:!1,[eo.Forward]:!1}};function Adt(e){let{delta:t,disabled:n}=e;const r=MO(t);return Ev(i=>{if(n||!r||!i)return Edt;const o={x:Math.sign(t.x-r.x),y:Math.sign(t.y-r.y)};return{x:{[eo.Backward]:i.x[eo.Backward]||o.x===-1,[eo.Forward]:i.x[eo.Forward]||o.x===1},y:{[eo.Backward]:i.y[eo.Backward]||o.y===-1,[eo.Forward]:i.y[eo.Forward]||o.y===1}}},[n,t,r])}function kdt(e,t){const n=t!=null?e.get(t):void 0,r=n?n.node.current:null;return Ev(i=>{var o;return t==null?null:(o=r??i)!=null?o:null},[r,t])}function _dt(e,t){return k.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 wb;(function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"})(wb||(wb={}));var PO;(function(e){e.Optimized="optimized"})(PO||(PO={}));const RY=new Map;function Ddt(e,t){let{dragging:n,dependencies:r,config:i}=t;const[o,s]=k.useState(null),{frequency:a,measure:l,strategy:c}=i,u=k.useRef(e),d=v(),p=vb(d),g=k.useCallback(function(S){S===void 0&&(S=[]),!p.current&&s(C=>C===null?S:C.concat(S.filter(w=>!C.includes(w))))},[p]),y=k.useRef(null),b=Ev(S=>{if(d&&!n)return RY;if(!S||S===RY||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 E=w.node.current,A=E?new ij(l(E),E):null;w.rect.current=A,A&&C.set(w.id,A)}return C}return S},[e,o,n,d,l]);return k.useEffect(()=>{u.current=e},[e]),k.useEffect(()=>{d||g()},[n,d]),k.useEffect(()=>{o&&o.length>0&&s(null)},[JSON.stringify(o)]),k.useEffect(()=>{d||typeof a!="number"||y.current!==null||(y.current=setTimeout(()=>{g(),y.current=null},a))},[a,d,g,...r]),{droppableRects:b,measureDroppableContainers:g,measuringScheduled:o!=null};function v(){switch(c){case wb.Always:return!1;case wb.BeforeDragging:return n;default:return!n}}}function Jce(e,t){return Ev(n=>e?n||(typeof t=="function"?t(e):e):null,[t,e])}function Odt(e,t){return Jce(e,t)}function Tdt(e){let{callback:t,disabled:n}=e;const r=nj(t),i=k.useMemo(()=>{if(n||typeof window>"u"||typeof window.MutationObserver>"u")return;const{MutationObserver:o}=window;return new o(r)},[r,n]);return k.useEffect(()=>()=>i?.disconnect(),[i]),i}function v8(e){let{callback:t,disabled:n}=e;const r=nj(t),i=k.useMemo(()=>{if(n||typeof window>"u"||typeof window.ResizeObserver>"u")return;const{ResizeObserver:o}=window;return new o(r)},[n]);return k.useEffect(()=>()=>i?.disconnect(),[i]),i}function Mdt(e){return new ij(_g(e),e)}function IY(e,t,n){t===void 0&&(t=Mdt);const[r,i]=k.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=Tdt({callback(l){if(e)for(const c of l){const{type:u,target:d}=c;if(u==="childList"&&d instanceof HTMLElement&&d.contains(e)){o();break}}}}),a=v8({callback:o});return Oc(()=>{o(),e?(a?.observe(e),s?.observe(document.body,{childList:!0,subtree:!0})):(a?.disconnect(),s?.disconnect())},[e]),r}function Rdt(e){const t=Jce(e);return Vce(e,t)}const jY=[];function Idt(e){const t=k.useRef(e),n=Ev(r=>e?r&&r!==jY&&e&&t.current&&e.parentNode===t.current.parentNode?r:b8(e):jY,[e]);return k.useEffect(()=>{t.current=e},[e]),n}function jdt(e){const[t,n]=k.useState(null),r=k.useRef(e),i=k.useCallback(o=>{const s=kk(o.target);s&&n(a=>a?(a.set(s,IO(s)),new Map(a)):null)},[]);return k.useEffect(()=>{const o=r.current;if(e!==o){s(o);const a=e.map(l=>{const c=kk(l);return c?(c.addEventListener("scroll",i,{passive:!0}),[c,IO(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=kk(l);c?.removeEventListener("scroll",i)})}},[i,e]),k.useMemo(()=>e.length?t?Array.from(t.values()).reduce((o,s)=>ym(o,s),bl):Xce(e):bl,[e,t])}function PY(e,t){t===void 0&&(t=[]);const n=k.useRef(null);return k.useEffect(()=>{n.current=null},t),k.useEffect(()=>{const r=e!==bl;r&&!n.current&&(n.current=e),!r&&n.current&&(n.current=null)},[e]),n.current?xb(e,n.current):bl}function Pdt(e){k.useEffect(()=>{if(!y8)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 $dt(e,t){return k.useMemo(()=>e.reduce((n,r)=>{let{eventName:i,handler:o}=r;return n[i]=s=>{o(s,t)},n},{}),[e,t])}function Qce(e){return k.useMemo(()=>e?sdt(e):null,[e])}const $Y=[];function Ldt(e,t){t===void 0&&(t=_g);const[n]=e,r=Qce(n?xs(n):null),[i,o]=k.useState($Y);function s(){o(()=>e.length?e.map(l=>Kce(l)?r:new ij(t(l),l)):$Y)}const a=v8({callback:s});return Oc(()=>{a?.disconnect(),s(),e.forEach(l=>a?.observe(l))},[e]),i}function Ndt(e){if(!e)return null;if(e.children.length>1)return e;const t=e.children[0];return Cv(t)?t:e}function Fdt(e){let{measure:t}=e;const[n,r]=k.useState(null),i=k.useCallback(c=>{for(const{target:u}of c)if(Cv(u)){r(d=>{const p=t(u);return d?{...d,width:p.width,height:p.height}:p});break}},[t]),o=v8({callback:i}),s=k.useCallback(c=>{const u=Ndt(c);o?.disconnect(),u&&o?.observe(u),r(u?t(u):null)},[t,o]),[a,l]=WS(s);return k.useMemo(()=>({nodeRef:a,rect:n,setRef:l}),[n,a,l])}const Bdt=[{sensor:aj,options:{}},{sensor:oj,options:{}}],zdt={current:{}},q4={draggable:{measure:DY},droppable:{measure:DY,strategy:wb.WhileDragging,frequency:PO.Optimized},dragOverlay:{measure:_g}};class Jy 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 Hdt={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new Jy,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:qS},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:q4,measureDroppableContainers:qS,windowRect:null,measuringScheduled:!1},Udt={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:qS,draggableNodes:new Map,over:null,measureDroppableContainers:qS},x8=k.createContext(Udt),eue=k.createContext(Hdt);function Vdt(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new Jy}}}function Wdt(e,t){switch(t.type){case Bi.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:t.initialCoordinates,active:t.active}};case Bi.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 Bi.DragEnd:case Bi.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case Bi.RegisterDroppable:{const{element:n}=t,{id:r}=n,i=new Jy(e.droppable.containers);return i.set(r,n),{...e,droppable:{...e.droppable,containers:i}}}case Bi.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 Jy(e.droppable.containers);return s.set(n,{...o,disabled:i}),{...e,droppable:{...e.droppable,containers:s}}}case Bi.UnregisterDroppable:{const{id:n,key:r}=t,i=e.droppable.containers.get(n);if(!i||r!==i.key)return e;const o=new Jy(e.droppable.containers);return o.delete(n),{...e,droppable:{...e.droppable,containers:o}}}default:return e}}function qdt(e){let{disabled:t}=e;const{active:n,activatorEvent:r,draggableNodes:i}=k.useContext(x8),o=MO(r),s=MO(n?.id);return k.useEffect(()=>{if(!t&&!r&&o&&s!=null){if(!rj(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 d=Nut(u);if(d){d.focus();break}}})}},[r,t,i,s,o]),null}function Gdt(e,t){let{transform:n,...r}=t;return e!=null&&e.length?e.reduce((i,o)=>o({transform:i,...r}),n):n}function Kdt(e){return k.useMemo(()=>({draggable:{...q4.draggable,...e?.draggable},droppable:{...q4.droppable,...e?.droppable},dragOverlay:{...q4.dragOverlay,...e?.dragOverlay}}),[e?.draggable,e?.droppable,e?.dragOverlay])}function Ydt(e){let{activeNode:t,measure:n,initialRect:r,config:i=!0}=e;const o=k.useRef(!1),{x:s,y:a}=typeof i=="boolean"?{x:i,y:i}:i;Oc(()=>{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),d=Vce(u,r);if(s||(d.x=0),a||(d.y=0),o.current=!0,Math.abs(d.x)>0||Math.abs(d.y)>0){const p=Wce(c);p&&p.scrollBy({top:d.y,left:d.x})}},[t,s,a,r,n])}const tue=k.createContext({...bl,scaleX:1,scaleY:1});var Td;(function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"})(Td||(Td={}));const Xdt=k.memo(function(t){var n,r,i,o;let{id:s,accessibility:a,autoScroll:l=!0,children:c,sensors:u=Bdt,collisionDetection:d=Qut,measuring:p,modifiers:g,...y}=t;const b=k.useReducer(Wdt,void 0,Vdt),[v,S]=b,[C,w]=Vut(),[E,A]=k.useState(Td.Uninitialized),D=E===Td.Initialized,{draggable:{active:O,nodes:T,translate:I},droppable:{containers:$}}=v,P=O!=null?T.get(O):null,M=k.useRef({initial:null,translated:null}),F=k.useMemo(()=>{var Ot;return O!=null?{id:O,data:(Ot=P?.data)!=null?Ot:zdt,rect:M}:null},[O,P]),L=k.useRef(null),[z,N]=k.useState(null),[V,U]=k.useState(null),G=vb(y,Object.values(y)),X=Av("DndDescribedBy",s),B=k.useMemo(()=>$.getEnabled(),[$]),W=Kdt(p),{droppableRects:q,measureDroppableContainers:H,measuringScheduled:Y}=Ddt(B,{dragging:D,dependencies:[I.x,I.y],config:W.droppable}),J=kdt(T,O),ne=k.useMemo(()=>V?RO(V):null,[V]),ee=xr(),re=Odt(J,W.draggable.measure);Ydt({activeNode:O!=null?T.get(O):null,config:ee.layoutShiftCompensation,initialRect:re,measure:W.draggable.measure});const le=IY(J,W.draggable.measure,re),te=IY(J?J.parentElement:null),Z=k.useRef({activatorEvent:null,active:null,activeNode:J,collisionRect:null,collisions:null,droppableRects:q,draggableNodes:T,draggingNode:null,draggingNodeRect:null,droppableContainers:$,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),oe=$.getNodeFor((n=Z.current.over)==null?void 0:n.id),ae=Fdt({measure:W.dragOverlay.measure}),fe=(r=ae.nodeRef.current)!=null?r:J,be=D?(i=ae.rect)!=null?i:le:null,De=!!(ae.nodeRef.current&&ae.rect),Oe=Rdt(De?null:le),Ke=Qce(fe?xs(fe):null),xe=Idt(D?oe??J:null),Le=Ldt(xe),Me=Gdt(g,{transform:{x:I.x-Oe.x,y:I.y-Oe.y,scaleX:1,scaleY:1},activatorEvent:V,active:F,activeNodeRect:le,containerNodeRect:te,draggingNodeRect:be,over:Z.current.over,overlayNodeRect:ae.rect,scrollableAncestors:xe,scrollableAncestorRects:Le,windowRect:Ke}),mt=ne?ym(ne,I):null,yt=jdt(xe),ze=PY(yt),je=PY(yt,[le]),He=ym(Me,ze),Je=be?ndt(be,Me):null,rt=F&&Je?d({active:F,collisionRect:Je,droppableRects:q,droppableContainers:B,pointerCoordinates:mt}):null,at=Uce(rt,"id"),[Xe,Ft]=k.useState(null),Bt=De?Me:ym(Me,je),Tt=edt(Bt,(o=Xe?.rect)!=null?o:null,le),er=k.useRef(null),cn=k.useCallback((Ot,$t)=>{let{sensor:rn,options:Ln}=$t;if(L.current==null)return;const un=T.get(L.current);if(!un)return;const Ct=Ot.nativeEvent,vn=new rn({active:L.current,activeNode:un,event:Ct,options:Ln,context:Z,onAbort(Sr){if(!T.get(Sr))return;const{onDragAbort:ue}=G.current,pe={id:Sr};ue?.(pe),C({type:"onDragAbort",event:pe})},onPending(Sr,ri,ue,pe){if(!T.get(Sr))return;const{onDragPending:Fe}=G.current,Ue={id:Sr,constraint:ri,initialCoordinates:ue,offset:pe};Fe?.(Ue),C({type:"onDragPending",event:Ue})},onStart(Sr){const ri=L.current;if(ri==null)return;const ue=T.get(ri);if(!ue)return;const{onDragStart:pe}=G.current,Se={activatorEvent:Ct,active:{id:ri,data:ue.data,rect:M}};Nd.unstable_batchedUpdates(()=>{pe?.(Se),A(Td.Initializing),S({type:Bi.DragStart,initialCoordinates:Sr,active:ri}),C({type:"onDragStart",event:Se}),N(er.current),U(Ct)})},onMove(Sr){S({type:Bi.DragMove,coordinates:Sr})},onEnd:ni(Bi.DragEnd),onCancel:ni(Bi.DragCancel)});er.current=vn;function ni(Sr){return async function(){const{active:ue,collisions:pe,over:Se,scrollAdjustedTranslate:Fe}=Z.current;let Ue=null;if(ue&&Fe){const{cancelDrop:vt}=G.current;Ue={activatorEvent:Ct,active:ue,collisions:pe,delta:Fe,over:Se},Sr===Bi.DragEnd&&typeof vt=="function"&&await Promise.resolve(vt(Ue))&&(Sr=Bi.DragCancel)}L.current=null,Nd.unstable_batchedUpdates(()=>{S({type:Sr}),A(Td.Uninitialized),Ft(null),N(null),U(null),er.current=null;const vt=Sr===Bi.DragEnd?"onDragEnd":"onDragCancel";if(Ue){const it=G.current[vt];it?.(Ue),C({type:vt,event:Ue})}})}}},[T]),ct=k.useCallback((Ot,$t)=>(rn,Ln)=>{const un=rn.nativeEvent,Ct=T.get(Ln);if(L.current!==null||!Ct||un.dndKit||un.defaultPrevented)return;const vn={active:Ct};Ot(rn,$t.options,vn)===!0&&(un.dndKit={capturedBy:$t.sensor},L.current=Ln,cn(rn,$t))},[T,cn]),Vt=_dt(u,ct);Pdt(u),Oc(()=>{le&&E===Td.Initializing&&A(Td.Initialized)},[le,E]),k.useEffect(()=>{const{onDragMove:Ot}=G.current,{active:$t,activatorEvent:rn,collisions:Ln,over:un}=Z.current;if(!$t||!rn)return;const Ct={active:$t,activatorEvent:rn,collisions:Ln,delta:{x:He.x,y:He.y},over:un};Nd.unstable_batchedUpdates(()=>{Ot?.(Ct),C({type:"onDragMove",event:Ct})})},[He.x,He.y]),k.useEffect(()=>{const{active:Ot,activatorEvent:$t,collisions:rn,droppableContainers:Ln,scrollAdjustedTranslate:un}=Z.current;if(!Ot||L.current==null||!$t||!un)return;const{onDragOver:Ct}=G.current,vn=Ln.get(at),ni=vn&&vn.rect.current?{id:vn.id,rect:vn.rect.current,data:vn.data,disabled:vn.disabled}:null,Sr={active:Ot,activatorEvent:$t,collisions:rn,delta:{x:un.x,y:un.y},over:ni};Nd.unstable_batchedUpdates(()=>{Ft(ni),Ct?.(Sr),C({type:"onDragOver",event:Sr})})},[at]),Oc(()=>{Z.current={activatorEvent:V,active:F,activeNode:J,collisionRect:Je,collisions:rt,droppableRects:q,draggableNodes:T,draggingNode:fe,draggingNodeRect:be,droppableContainers:$,over:Xe,scrollableAncestors:xe,scrollAdjustedTranslate:He},M.current={initial:be,translated:Je}},[F,J,rt,Je,T,fe,be,q,$,Xe,xe,He]),Cdt({...ee,delta:I,draggingRect:Je,pointerCoordinates:mt,scrollableAncestors:xe,scrollableAncestorRects:Le});const Tn=k.useMemo(()=>({active:F,activeNode:J,activeNodeRect:le,activatorEvent:V,collisions:rt,containerNodeRect:te,dragOverlay:ae,draggableNodes:T,droppableContainers:$,droppableRects:q,over:Xe,measureDroppableContainers:H,scrollableAncestors:xe,scrollableAncestorRects:Le,measuringConfiguration:W,measuringScheduled:Y,windowRect:Ke}),[F,J,le,V,rt,te,ae,T,$,q,Xe,H,xe,Le,W,Y,Ke]),Xn=k.useMemo(()=>({activatorEvent:V,activators:Vt,active:F,activeNodeRect:le,ariaDescribedById:{draggable:X},dispatch:S,draggableNodes:T,over:Xe,measureDroppableContainers:H}),[V,Vt,F,le,S,X,T,Xe,H]);return Xt.createElement(Bce.Provider,{value:w},Xt.createElement(x8.Provider,{value:Xn},Xt.createElement(eue.Provider,{value:Tn},Xt.createElement(tue.Provider,{value:Tt},c)),Xt.createElement(qdt,{disabled:a?.restoreFocus===!1})),Xt.createElement(Gut,{...a,hiddenTextDescribedById:X}));function xr(){const Ot=z?.autoScrollEnabled===!1,$t=typeof l=="object"?l.enabled===!1:l===!1,rn=D&&!Ot&&!$t;return typeof l=="object"?{...l,enabled:rn}:{enabled:rn}}}),Zdt=k.createContext(null),LY="button",Jdt="Draggable";function Qdt(e){let{id:t,data:n,disabled:r=!1,attributes:i}=e;const o=Av(Jdt),{activators:s,activatorEvent:a,active:l,activeNodeRect:c,ariaDescribedById:u,draggableNodes:d,over:p}=k.useContext(x8),{role:g=LY,roleDescription:y="draggable",tabIndex:b=0}=i??{},v=l?.id===t,S=k.useContext(v?tue:Zdt),[C,w]=WS(),[E,A]=WS(),D=$dt(s,t),O=vb(n);Oc(()=>(d.set(t,{id:t,key:o,node:C,activatorNode:E,data:O}),()=>{const I=d.get(t);I&&I.key===o&&d.delete(t)}),[d,t]);const T=k.useMemo(()=>({role:g,tabIndex:b,"aria-disabled":r,"aria-pressed":v&&g===LY?!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:p,setNodeRef:w,setActivatorNodeRef:A,transform:S}}function eft(){return k.useContext(eue)}const tft="Droppable",nft={timeout:25};function rft(e){let{data:t,disabled:n=!1,id:r,resizeObserverConfig:i}=e;const o=Av(tft),{active:s,dispatch:a,over:l,measureDroppableContainers:c}=k.useContext(x8),u=k.useRef({disabled:n}),d=k.useRef(!1),p=k.useRef(null),g=k.useRef(null),{disabled:y,updateMeasurementsFor:b,timeout:v}={...nft,...i},S=vb(b??r),C=k.useCallback(()=>{if(!d.current){d.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=v8({callback:C,disabled:y||!s}),E=k.useCallback((T,I)=>{w&&(I&&(w.unobserve(I),d.current=!1),T&&w.observe(T))},[w]),[A,D]=WS(E),O=vb(t);return k.useEffect(()=>{!w||!A.current||(w.disconnect(),d.current=!1,w.observe(A.current))},[A,w]),k.useEffect(()=>(a({type:Bi.RegisterDroppable,element:{id:r,key:o,disabled:n,node:A,rect:p,data:O}}),()=>a({type:Bi.UnregisterDroppable,key:o,id:r})),[r]),k.useEffect(()=>{n!==u.current.disabled&&(a({type:Bi.SetDroppableDisabled,id:r,key:o,disabled:n}),u.current.disabled=n)},[r,o,n,a]),{active:s,rect:p,isOver:l?.id===r,node:A,over:l,setNodeRef:D}}function lj(e,t,n){const r=e.slice();return r.splice(n<0?r.length+n:n,0,r.splice(t,1)[0]),r}function ift(e,t){return e.reduce((n,r,i)=>{const o=t.get(r);return o&&(n[i]=o),n},Array(e.length))}function V5(e){return e!==null&&e>=0}function oft(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 sft(e){return typeof e=="boolean"?{draggable:e,droppable:e}:e}const nue=e=>{let{rects:t,activeIndex:n,overIndex:r,index:i}=e;const o=lj(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}},W5={scaleX:1,scaleY:1},aft=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,...W5}:null}const l=lft(o,i,n);return i>n&&i<=s?{x:0,y:-a.height-l,...W5}:i<n&&i>=s?{x:0,y:a.height+l,...W5}:{x:0,y:0,...W5}};function lft(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 rue="Sortable",iue=Xt.createContext({activeIndex:-1,containerId:rue,disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:nue,disabled:{draggable:!1,droppable:!1}});function cft(e){let{children:t,id:n,items:r,strategy:i=nue,disabled:o=!1}=e;const{active:s,dragOverlay:a,droppableRects:l,over:c,measureDroppableContainers:u}=eft(),d=Av(rue,n),p=a.rect!==null,g=k.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=k.useRef(g),C=!oft(g,S.current),w=v!==-1&&b===-1||C,E=sft(o);Oc(()=>{C&&y&&u(g)},[C,g,y,u]),k.useEffect(()=>{S.current=g},[g]);const A=k.useMemo(()=>({activeIndex:b,containerId:d,disabled:E,disableTransforms:w,items:g,overIndex:v,useDragOverlay:p,sortedRects:ift(g,l),strategy:i}),[b,d,E.draggable,E.droppable,w,g,v,l,p,i]);return Xt.createElement(iue.Provider,{value:A},t)}const uft=e=>{let{id:t,items:n,activeIndex:r,overIndex:i}=e;return lj(n,r,i).indexOf(t)},dft=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},fft={duration:200,easing:"ease"},oue="transform",hft=Sb.Transition.toString({property:oue,duration:0,easing:"linear"}),pft={roleDescription:"sortable"};function mft(e){let{disabled:t,index:n,node:r,rect:i}=e;const[o,s]=k.useState(null),a=k.useRef(n);return Oc(()=>{if(!t&&n!==a.current&&r.current){const l=i.current;if(l){const c=_g(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]),k.useEffect(()=>{o&&s(null)},[o]),o}function gft(e){let{animateLayoutChanges:t=dft,attributes:n,disabled:r,data:i,getNewIndex:o=uft,id:s,strategy:a,resizeObserverConfig:l,transition:c=fft}=e;const{items:u,containerId:d,activeIndex:p,disabled:g,disableTransforms:y,sortedRects:b,overIndex:v,useDragOverlay:S,strategy:C}=k.useContext(iue),w=yft(r,g),E=u.indexOf(s),A=k.useMemo(()=>({sortable:{containerId:d,index:E,items:u},...i}),[d,i,E,u]),D=k.useMemo(()=>u.slice(u.indexOf(s)),[u,s]),{rect:O,node:T,isOver:I,setNodeRef:$}=rft({id:s,data:A,disabled:w.droppable,resizeObserverConfig:{updateMeasurementsFor:D,...l}}),{active:P,activatorEvent:M,activeNodeRect:F,attributes:L,setNodeRef:z,listeners:N,isDragging:V,over:U,setActivatorNodeRef:G,transform:X}=Qdt({id:s,data:A,attributes:{...pft,...n},disabled:w.draggable}),B=jut($,z),W=!!P,q=W&&!y&&V5(p)&&V5(v),H=!S&&V,Y=H&&q?X:null,ne=q?Y??(a??C)({rects:b,activeNodeRect:F,activeIndex:p,overIndex:v,index:E}):null,ee=V5(p)&&V5(v)?o({id:s,items:u,activeIndex:p,overIndex:v}):E,re=P?.id,le=k.useRef({activeId:re,items:u,newIndex:ee,containerId:d}),te=u!==le.current.items,Z=t({active:P,containerId:d,isDragging:V,isSorting:W,id:s,index:E,items:u,newIndex:le.current.newIndex,previousItems:le.current.items,previousContainerId:le.current.containerId,transition:c,wasDragging:le.current.activeId!=null}),oe=mft({disabled:!Z,index:E,node:T,rect:O});return k.useEffect(()=>{W&&le.current.newIndex!==ee&&(le.current.newIndex=ee),d!==le.current.containerId&&(le.current.containerId=d),u!==le.current.items&&(le.current.items=u)},[W,ee,d,u]),k.useEffect(()=>{if(re===le.current.activeId)return;if(re!=null&&le.current.activeId==null){le.current.activeId=re;return}const fe=setTimeout(()=>{le.current.activeId=re},50);return()=>clearTimeout(fe)},[re]),{active:P,activeIndex:p,attributes:L,data:A,rect:O,index:E,newIndex:ee,items:u,isOver:I,isSorting:W,isDragging:V,listeners:N,node:T,overIndex:v,over:U,setNodeRef:B,setActivatorNodeRef:G,setDroppableNodeRef:$,setDraggableNodeRef:z,transform:oe??ne,transition:ae()};function ae(){if(oe||te&&le.current.newIndex===E)return hft;if(!(H&&!rj(M)||!c)&&(W||Z))return Sb.Transition.toString({...c,property:oue})}}function yft(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 bft=[Fn.Down,Fn.Right,Fn.Up,Fn.Left],vft=(e,t)=>{let{context:{active:n,collisionRect:r,droppableRects:i,droppableContainers:o,over:s,scrollableAncestors:a}}=t;if(bft.includes(e.code)){if(e.preventDefault(),!n||!r)return;const l=[];o.getEnabled().forEach(d=>{if(!d||d!=null&&d.disabled)return;const p=i.get(d.id);if(p)switch(e.code){case Fn.Down:r.top<p.top&&l.push(d);break;case Fn.Up:r.top>p.top&&l.push(d);break;case Fn.Left:r.left>p.left&&l.push(d);break;case Fn.Right:r.left<p.left&&l.push(d);break}});const c=Zut({collisionRect:r,droppableRects:i,droppableContainers:l});let u=Uce(c,"id");if(u===s?.id&&c.length>1&&(u=c[1].id),u!=null){const d=o.get(n.id),p=o.get(u),g=p?i.get(p.id):null,y=p?.node.current;if(y&&g&&d&&p){const v=b8(y).some((D,O)=>a[O]!==D),S=sue(d,p),C=xft(d,p),w=v||!S?{x:0,y:0}:{x:C?r.width-g.width:0,y:C?r.height-g.height:0},E={x:g.left,y:g.top};return w.x&&w.y?E:xb(E,w)}}}};function sue(e,t){return!KS(e)||!KS(t)?!1:e.data.current.sortable.containerId===t.data.current.sortable.containerId}function xft(e,t){return!KS(e)||!KS(t)||!sue(e,t)?!1:e.data.current.sortable.index<t.data.current.sortable.index}const Sft=({bridge:e,index:t})=>{const{attributes:n,listeners:r,setNodeRef:i,transform:o,transition:s,isDragging:a}=gft({id:e.id}),[l,c]=k.useState(!1);k.useEffect(()=>{Qw(e.id).then(c)},[e.id]);const u={transform:Sb.Transform.toString(o),transition:s,opacity:a?.5:1};return h.jsx($n,{ref:i,style:u,variant:"outlined",sx:{cursor:"grab","&:active":{cursor:"grabbing"},bgcolor:a?"action.selected":"background.paper",width:"fit-content"},children:h.jsxs(Kn,{sx:{display:"flex",alignItems:"center",gap:1.5,py:1,"&:last-child":{pb:1}},children:[h.jsx(se,{...n,...r,sx:{display:"flex",alignItems:"center",color:"text.secondary"},children:h.jsx(Y7e,{})}),h.jsx(pt,{label:t+1,size:"small",color:"primary",sx:{minWidth:32,fontWeight:"bold"}}),l?h.jsx(se,{component:"img",src:v2(e.id),alt:e.name,sx:{width:40,height:40,borderRadius:"50%",objectFit:"cover",boxShadow:2}}):h.jsx(ml,{sx:{bgcolor:fM(e),width:40,height:40,boxShadow:2},children:(()=>{const d=dM(e);return h.jsx(d,{sx:{fontSize:24}})})()}),h.jsxs(se,{sx:{flex:1},children:[h.jsx(ie,{variant:"subtitle1",fontWeight:500,children:e.name}),h.jsxs(ie,{variant:"caption",color:"text.secondary",children:["Port: ",e.port," • Priority: ",e.priority??100]})]})]})})},wft=()=>{const e=Tc(),{content:t,isLoading:n}=ig(),r=g7e(),[i,o]=k.useState([]),[s,a]=k.useState(!1);k.useEffect(()=>{if(t){const p=[...t].sort((g,y)=>{const b=g.priority??100,v=y.priority??100;return b-v});o(p),a(!1)}},[t]);const l=Kut(AY(aj),AY(oj,{coordinateGetter:vft})),c=k.useCallback(p=>{const{active:g,over:y}=p;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 lj(b,v,S)}),a(!0))},[]),u=k.useCallback(async()=>{const p=i.map((g,y)=>({id:g.id,priority:(y+1)*10}));try{await r(p),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]),d=k.useMemo(()=>i.map(p=>p.id),[i]);return n?h.jsx(ie,{children:"Loading..."}):h.jsxs(Lt,{spacing:3,children:[h.jsx(Pb,{items:[{name:"Bridges",to:_t.bridges},{name:"Startup Order",to:_t.startup}]}),h.jsxs(se,{display:"flex",alignItems:"center",gap:2,children:[h.jsx(ng,{color:"primary",fontSize:"large"}),h.jsxs(se,{children:[h.jsx(ie,{variant:"h5",fontWeight:600,children:"Startup Order"}),h.jsx(ie,{variant:"body2",color:"text.secondary",children:"Drag and drop bridges to set the startup order. Lower positions start first."})]})]}),s&&h.jsx(Ht,{severity:"info",action:h.jsx(tt,{color:"inherit",size:"small",startIcon:h.jsx(C6,{}),onClick:u,children:"Save Changes"}),children:"You have unsaved changes to the startup order."}),h.jsx(Xdt,{sensors:l,collisionDetection:Xut,onDragEnd:c,children:h.jsx(cft,{items:d,strategy:aft,children:h.jsx(Lt,{spacing:1,children:i.map((p,g)=>h.jsx(Sft,{bridge:p,index:g},p.id))})})}),i.length===0&&h.jsx(ie,{color:"text.secondary",textAlign:"center",py:4,children:"No bridges configured yet."}),s&&i.length>0&&h.jsx(se,{display:"flex",justifyContent:"flex-end",children:h.jsx(tt,{variant:"contained",startIcon:h.jsx(C6,{}),onClick:u,children:"Save Startup Order"})})]})},Ok="https://riddix.github.io/home-assistant-matter-hub",_t={dashboard:"/",bridges:"/bridges",bridge:e=>`/bridges/${e}`,createBridge:"/bridges/create",areaSetup:"/bridges/area-setup",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:Ok,faq:{multiFabric:`${Ok}/connect-multiple-fabrics`,bridgeConfig:`${Ok}/bridge-configuration`}},Cft=[{path:"",element:h.jsx(mxe,{}),children:[{path:"",element:h.jsx(cAe,{})},{path:_t.bridges,element:h.jsx(rAe,{})},{path:_t.createBridge,element:h.jsx(Qnt,{})},{path:_t.areaSetup,element:h.jsx(W3e,{})},{path:_t.bridge(":bridgeId"),element:h.jsx(R7e,{})},{path:_t.editBridge(":bridgeId"),element:h.jsx(ert,{})},{path:_t.devices,element:h.jsx(_Ae,{})},{path:_t.networkMap,element:h.jsx(Dut,{})},{path:_t.health,element:h.jsx(art,{})},{path:_t.labels,element:h.jsx(drt,{})},{path:_t.lockCredentials,element:h.jsx(yrt,{})},{path:_t.settings,element:h.jsx(Iut,{})},{path:_t.startup,element:h.jsx(wft,{})},{path:"*",element:h.jsx(brt,{})}]}],Eft={items:{isInitialized:!1,isLoading:!1}},Aft=wT(Eft,e=>{e.addCase(Mo.pending,t=>{t.items.isLoading=!0}).addCase(Mo.rejected,(t,n)=>{t.items.isInitialized=!0,t.items.isLoading=!1,t.items.content=void 0,t.items.error=n.error}).addCase(Mo.fulfilled,(t,n)=>{t.items.isInitialized=!0,t.items.isLoading=!1,t.items.content=n.payload,t.items.error=void 0}).addCase(ZZ.fulfilled,(t,n)=>{t.items.content?.push(n.payload)}).addCase(QZ.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(eJ.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(JZ.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(tJ,(t,n)=>{t.items.isInitialized=!0,t.items.isLoading=!1,t.items.content=n.payload,t.items.error=void 0}).addCase(nJ,(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)}})}),kft={byBridge:{}},_ft=wT(kft,e=>{e.addCase(Eu.pending,(t,n)=>{t.byBridge[n.meta.arg]=Tk(t.byBridge[n.meta.arg],n)}).addCase(Eu.rejected,(t,n)=>{t.byBridge[n.meta.arg]=Tk(t.byBridge[n.meta.arg],n)}).addCase(Eu.fulfilled,(t,n)=>{t.byBridge[n.meta.arg]=Tk(t.byBridge[n.meta.arg],n)})}),Dft={isInitialized:!1,isLoading:!1,content:void 0,error:void 0},Tk=wT(Dft,e=>{e.addCase(Eu.pending,t=>{t.isLoading=!0}).addCase(Eu.rejected,(t,n)=>{t.isInitialized=!0,t.isLoading=!1,t.content=void 0,t.error=n.error}).addCase(Eu.fulfilled,(t,n)=>{t.isInitialized=!0,t.isLoading=!1,t.content=n.payload,t.error=void 0})}),Oft=Xve({reducer:{bridges:Aft,devices:_ft}}),cj=Iye({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=>st({props:e,name:"MuiContainer"})});function Tft(e){return Qe("MuiToolbar",e)}nt("MuiToolbar",["root","gutters","regular","dense"]);const Mft=e=>{const{classes:t,disableGutters:n,variant:r}=e;return et({root:["root",!n&&"gutters",r]},Tft,t)},Rft=me("div",{name:"MuiToolbar",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,!n.disableGutters&&t.gutters,t[n.variant]]}})(Ge(({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}]}))),aue=k.forwardRef(function(t,n){const r=st({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=Mft(c);return h.jsx(Rft,{as:o,className:Te(u.root,i),ref:n,ownerState:c,...l})});class Ift extends k.Component{constructor(t){super(t),this.state={hasError:!1,error:null}}static getDerivedStateFromError(t){return{hasError:!0,error:t}}componentDidCatch(t,n){console.error("ErrorBoundary caught:",t,n.componentStack)}render(){return this.state.hasError?h.jsxs(se,{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:"60vh",gap:2,p:4,children:[h.jsx(jT,{color:"error",sx:{fontSize:64}}),h.jsx(ie,{variant:"h5",fontWeight:600,children:oo.t("errorBoundary.title")}),h.jsx(ie,{variant:"body2",color:"text.secondary",textAlign:"center",maxWidth:480,children:this.state.error?.message??oo.t("errorBoundary.fallbackMessage")}),h.jsx(tt,{variant:"contained",onClick:()=>{this.setState({hasError:!1,error:null}),window.location.reload()},children:oo.t("errorBoundary.reload")})]}):this.props.children}}const jft="home-assistant-matter-hub",Pft={name:jft};function lue(){const e="2.1.0-alpha.462",[t,n]=k.useState(null);k.useEffect(()=>{fetch("api/health").then(i=>i.ok?i.json():null).then(i=>{i?.version&&n(i.version)}).catch(()=>{})},[]);const r=k.useMemo(()=>!t||e==="0.0.0-dev"?!1:e!==t,[t]);return k.useMemo(()=>({name:Pft.name,version:t??e,frontendVersion:e,backendVersion:t,versionMismatch:r}),[t,r])}const $ft=[{name:"GitHub",url:_t.githubRepository},{name:"Documentation",url:_t.documentation}],Lft=()=>h.jsxs(cj,{sx:{mt:16,mb:4},children:[h.jsx(di,{sx:{mt:4,mb:4}}),h.jsx(ot,{container:!0,spacing:2,justifyContent:"center",children:$ft.map((e,t)=>h.jsx(ot,{size:{xs:12,sm:"auto"},children:h.jsx(tt,{fullWidth:!0,size:"small",variant:"outlined",component:Ow,href:e.url,target:"_blank",children:e.name})},t.toString()))})]});function Nft(e){return Qe("MuiAppBar",e)}nt("MuiAppBar",["root","positionFixed","positionAbsolute","positionSticky","positionStatic","positionRelative","colorDefault","colorPrimary","colorSecondary","colorInherit","colorTransparent","colorError","colorInfo","colorSuccess","colorWarning"]);const Fft=e=>{const{color:t,position:n,classes:r}=e,i={root:["root",`color${ye(t)}`,`position${ye(n)}`]};return et(i,Nft,r)},NY=(e,t)=>e?`${e.replace(")","")}, ${t})`:t,Bft=me(qr,{name:"MuiAppBar",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,t[`position${ye(n.position)}`],t[`color${ye(n.color)}`]]}})(Ge(({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(zn(["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?NY(e.vars.palette.AppBar.darkBg,"var(--AppBar-background)"):null,color:e.vars?NY(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"})}}]}))),zft=k.forwardRef(function(t,n){const r=st({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=Fft(c);return h.jsx(Bft,{square:!0,component:"header",ownerState:c,elevation:4,className:Te(u.root,i,a==="fixed"&&"mui-fixed"),ref:n,...l})});function Hft(e,t,n){const r=t.getBoundingClientRect(),i=n&&n.getBoundingClientRect(),o=fl(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 Uft(e){return typeof e=="function"?e():e}function q5(e,t,n){const r=Uft(n),i=Hft(e,t,r);i&&(t.style.webkitTransform=i,t.style.transform=i)}const Vft=k.forwardRef(function(t,n){const r=lo(),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:d=i,in:p,onEnter:g,onEntered:y,onEntering:b,onExit:v,onExited:S,onExiting:C,style:w,timeout:E=o,TransitionComponent:A=Ba,...D}=t,O=k.useRef(null),T=Pr(Df(l),O,n),I=U=>G=>{U&&(G===void 0?U(O.current):U(O.current,G))},$=I((U,G)=>{q5(u,U,c),gT(U),g&&g(U,G)}),P=I((U,G)=>{const X=lf({timeout:E,style:w,easing:d},{mode:"enter"});U.style.webkitTransition=r.transitions.create("-webkit-transform",{...X}),U.style.transition=r.transitions.create("transform",{...X}),U.style.webkitTransform="none",U.style.transform="none",b&&b(U,G)}),M=I(y),F=I(C),L=I(U=>{const G=lf({timeout:E,style:w,easing:d},{mode:"exit"});U.style.webkitTransition=r.transitions.create("-webkit-transform",G),U.style.transition=r.transitions.create("transform",G),q5(u,U,c),v&&v(U)}),z=I(U=>{U.style.webkitTransition="",U.style.transition="",S&&S(U)}),N=U=>{s&&s(O.current,U)},V=k.useCallback(()=>{O.current&&q5(u,O.current,c)},[u,c]);return k.useEffect(()=>{if(p||u==="down"||u==="right")return;const U=fT(()=>{O.current&&q5(u,O.current,c)}),G=fl(O.current);return G.addEventListener("resize",U),()=>{U.clear(),G.removeEventListener("resize",U)}},[u,p,c]),k.useEffect(()=>{p||V()},[p,V]),h.jsx(A,{nodeRef:O,onEnter:$,onEntered:M,onEntering:P,onExit:L,onExited:z,onExiting:F,addEndListener:N,appear:a,in:p,timeout:E,...D,children:(U,{ownerState:G,...X})=>k.cloneElement(l,{ref:T,style:{visibility:U==="exited"&&!p?"hidden":void 0,...w,...l.props.style},...X})})});function Wft(e){return Qe("MuiDrawer",e)}nt("MuiDrawer",["root","docked","paper","anchorLeft","anchorRight","anchorTop","anchorBottom","paperAnchorLeft","paperAnchorRight","paperAnchorTop","paperAnchorBottom","paperAnchorDockedLeft","paperAnchorDockedRight","paperAnchorDockedTop","paperAnchorDockedBottom","modal"]);const cue=(e,t)=>{const{ownerState:n}=e;return[t.root,(n.variant==="permanent"||n.variant==="persistent")&&t.docked,n.variant==="temporary"&&t.modal]},qft=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,Wft,t)},Gft=me(LT,{name:"MuiDrawer",slot:"Root",overridesResolver:cue})(Ge(({theme:e})=>({zIndex:(e.vars||e).zIndex.drawer}))),Kft=me("div",{shouldForwardProp:Ui,name:"MuiDrawer",slot:"Docked",skipVariantsResolver:!1,overridesResolver:cue})({flex:"0 0 auto"}),Yft=me(qr,{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)}`]]}})(Ge(({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}`}}]}))),uue={left:"right",right:"left",top:"down",bottom:"up"};function Xft(e){return["left","right"].includes(e)}function Zft({direction:e},t){return e==="rtl"&&Xft(t)?uue[t]:t}const Jft=k.forwardRef(function(t,n){const r=st({props:t,name:"MuiDrawer"}),i=lo(),o=_f(),s={enter:i.transitions.duration.enteringScreen,exit:i.transitions.duration.leavingScreen},{anchor:a="left",BackdropProps:l,children:c,className:u,elevation:d=16,hideBackdrop:p=!1,ModalProps:{BackdropProps:g,...y}={},onClose:b,open:v=!1,PaperProps:S={},SlideProps:C,TransitionComponent:w,transitionDuration:E=s,variant:A="temporary",slots:D={},slotProps:O={},...T}=r,I=k.useRef(!1);k.useEffect(()=>{I.current=!0},[]);const $=Zft({direction:o?"rtl":"ltr"},a),M={...r,anchor:a,elevation:d,open:v,variant:A,...T},F=qft(M),L={slots:{transition:w,...D},slotProps:{paper:S,transition:C,...O,backdrop:hT(O.backdrop||{...l,...g},{transitionDuration:E})}},[z,N]=ut("root",{ref:n,elementType:Gft,className:Te(F.root,F.modal,u),shouldForwardComponentProp:!0,ownerState:M,externalForwardedProps:{...L,...T,...y},additionalProps:{open:v,onClose:b,hideBackdrop:p,slots:{backdrop:L.slots.backdrop},slotProps:{backdrop:L.slotProps.backdrop}}}),[V,U]=ut("paper",{elementType:Yft,shouldForwardComponentProp:!0,className:Te(F.paper,S.className),ownerState:M,externalForwardedProps:L,additionalProps:{elevation:A==="temporary"?d:0,square:!0,...A==="temporary"&&{role:"dialog","aria-modal":"true"}}}),[G,X]=ut("docked",{elementType:Kft,ref:n,className:Te(F.root,F.docked,u),ownerState:M,externalForwardedProps:L,additionalProps:T}),[B,W]=ut("transition",{elementType:Vft,ownerState:M,externalForwardedProps:L,additionalProps:{in:v,direction:uue[$],timeout:E,appear:I.current}}),q=h.jsx(V,{...U,children:c});if(A==="permanent")return h.jsx(G,{...X,children:q});const H=h.jsx(B,{...W,children:q});return A==="persistent"?h.jsx(G,{...X,children:H}):h.jsx(z,{...N,children:H})}),Qft=aZ({themeId:xa}),eht={error:Mf,warn:Tw,info:PT,debug:Xw},tht=({open:e,onClose:t})=>{const n=lo(),r=k.useMemo(()=>({error:n.palette.error.main,warn:n.palette.warning.main,info:n.palette.info.main,debug:n.palette.secondary.main}),[n]),[i,o]=k.useState([]),[s,a]=k.useState(!0),[l,c]=k.useState("error,warn,info".split(",")),[u,d]=k.useState(""),[p,g]=k.useState(!0),y=k.useCallback(async()=>{try{const w=new URLSearchParams({level:l.join(","),limit:"500",...u&&{search:u}}),E=await fetch(`api/logs?${w}`);if(E.ok){const A=await E.json();o(A.entries)}}catch(w){console.error("Failed to fetch logs:",w)}finally{a(!1)}},[l,u]);k.useEffect(()=>{e&&y()},[e,y]),k.useEffect(()=>{if(!p||!e)return;const w=setInterval(y,5e3);return()=>clearInterval(w)},[p,e,y]);const b=w=>{c(Array.isArray(w.target.value)?w.target.value:[w.target.value])},v=w=>{d(w.target.value)},S=async()=>{try{await fetch("api/logs",{method:"DELETE"}),o([])}catch(w){console.error("Failed to clear logs:",w)}},C=w=>{const E=eht[w]||PT;return h.jsx(E,{sx:{fontSize:16,color:r[w]}})};return h.jsxs(qs,{open:e,onClose:t,maxWidth:"lg",fullWidth:!0,children:[h.jsxs(Ks,{sx:{display:"flex",alignItems:"center",gap:1},children:[h.jsx(Xw,{}),"System Logs",h.jsx(se,{sx:{flexGrow:1}}),h.jsx(Gt,{title:"Auto Refresh",children:h.jsx(pt,{label:p?"Auto":"Manual",color:p?"success":"default",size:"small",onClick:()=>g(!p),sx:{cursor:"pointer"}})}),h.jsx(nn,{onClick:t,children:h.jsx(IQ,{})})]}),h.jsxs(Gs,{children:[h.jsx(Lt,{spacing:2,sx:{mb:2},children:h.jsxs(Lt,{direction:"row",spacing:2,alignItems:"center",children:[h.jsxs(Sa,{size:"small",sx:{minWidth:200},children:[h.jsx(bc,{children:"Log Level"}),h.jsxs(ma,{value:l,label:"Log Level",onChange:b,multiple:!0,renderValue:w=>h.jsx(se,{sx:{display:"flex",flexWrap:"wrap",gap:.5},children:(Array.isArray(w)?w:[w]).map(E=>h.jsx(pt,{label:E.toUpperCase(),size:"small",sx:{backgroundColor:r[E],color:"white"}},E))}),children:[h.jsx(ir,{value:"error",children:"Error"}),h.jsx(ir,{value:"warn",children:"Warning"}),h.jsx(ir,{value:"info",children:"Info"}),h.jsx(ir,{value:"debug",children:"Debug"})]})]}),h.jsx(Ir,{size:"small",placeholder:"Search logs...",value:u,onChange:v,sx:{flexGrow:1}}),h.jsx(tt,{variant:"outlined",onClick:y,children:"Refresh"}),h.jsx(tt,{variant:"outlined",color:"error",onClick:S,children:"Clear"})]})}),h.jsx(se,{sx:{height:400,overflow:"auto",backgroundColor:"background.paper",border:1,borderColor:"divider",borderRadius:1,p:1},children:s?h.jsx(se,{sx:{display:"flex",justifyContent:"center",p:4},children:h.jsx(ie,{children:"Loading logs..."})}):i.length===0?h.jsx(se,{sx:{display:"flex",justifyContent:"center",p:4},children:h.jsx(ie,{color:"text.secondary",children:"No logs found"})}):h.jsx(Lt,{spacing:1,children:i.map((w,E)=>h.jsxs(se,{sx:{p:1,borderRadius:1,backgroundColor:"action.hover",fontFamily:"monospace",fontSize:"0.875rem",wordBreak:"break-all"},children:[h.jsxs(se,{sx:{display:"flex",alignItems:"center",gap:1,mb:.5},children:[C(w.level),h.jsx(ie,{variant:"caption",color:"text.secondary",children:new Date(w.timestamp).toLocaleString()}),h.jsx(pt,{label:w.level.toUpperCase(),size:"small",sx:{backgroundColor:r[w.level],color:n.palette.getContrastText(r[w.level]??n.palette.grey[500]),fontSize:"0.7rem",height:20}})]}),h.jsx(ie,{sx:{ml:3},children:w.message}),w.context&&h.jsx(ie,{sx:{ml:3,color:"text.secondary",fontSize:"0.8rem"},children:JSON.stringify(w.context,null,2)})]},`${w.timestamp}-${w.level}-${E}`))})})]}),h.jsx(Ta,{children:h.jsx(tt,{onClick:t,children:"Close"})})]})};function FY(){const{t:e}=Af(),{isConnected:t}=iJ(),[n,r]=k.useState(null),[i,o]=k.useState(!1);k.useEffect(()=>{const b=async()=>{try{const S=await fetch("api/health");if(S.ok){const C=await S.json();r(C),o(!1)}else o(!0)}catch{o(!0)}};b();const v=setInterval(b,3e4);return()=>clearInterval(v)},[]);const s=b=>{const v=Math.floor(b/3600),S=Math.floor(b%3600/60);return v>0?`${v}h ${S}m`:`${S}m`},a=n?.status==="healthy"&&!i,l=n?.services?.bridges,c=l&&l.total>0&&l.running===l.total,u=l&&l.total===0,d=n?h.jsxs(se,{sx:{p:.5},children:[h.jsxs("div",{children:[h.jsxs("strong",{children:[e("health.version"),":"]})," ",n.version??e("status.unknown")]}),h.jsxs("div",{children:[h.jsxs("strong",{children:[e("health.uptime"),":"]})," ",s(n.uptime??0)]}),n.services?.bridges&&h.jsxs("div",{children:[h.jsxs("strong",{children:[e("nav.bridges"),":"]})," ",n.services.bridges.running??0,"/",n.services.bridges.total??0," ",e("common.running").toLowerCase(),(n.services.bridges.stopped??0)>0&&` (${n.services.bridges.stopped} ${e("common.stopped").toLowerCase()})`]}),n.services?.homeAssistant&&h.jsxs("div",{children:[h.jsxs("strong",{children:[e("health.homeAssistant"),":"]})," ",n.services.homeAssistant.connected?e("health.connected"):e("health.disconnected")]}),h.jsxs("div",{children:[h.jsx("strong",{children:"WebSocket:"})," ",e(t?"health.connected":"health.disconnected")]})]}):e("status.loadingHealth"),p=()=>i||!a?h.jsx(Mf,{fontSize:"small"}):c?h.jsx(za,{fontSize:"small"}):h.jsx(Pw,{fontSize:"small"}),g=()=>i||!a?"error":!c||!t?"warning":"success",y=()=>e(i?"status.error":a?t?u?"status.noBridges":c?"common.online":"common.starting":"common.offline":"status.unhealthy");return h.jsx(Gt,{title:d,arrow:!0,children:h.jsx(pt,{icon:p(),label:y(),color:g(),size:"small",variant:"filled",sx:{borderRadius:1,fontWeight:600,"& .MuiChip-icon":{color:"inherit"}}})})}const nht=e=>k.createElement("svg",{viewBox:"0 0 91 89",xmlSpace:"preserve",xmlns:"http://www.w3.org/2000/svg",...e},k.createElement("g",{style:{display:"inline"}},k.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"}),k.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"}))),rht=e=>{const t=lue();return h.jsxs(se,{component:Cc,to:_t.dashboard,sx:{display:"flex",alignItems:"center",justifyContent:e.large?"flex-start":"center",flexGrow:1,textDecoration:"none",color:"inherit"},children:[h.jsx(nht,{style:{height:"40px"}}),h.jsx(ie,{variant:"inherit",component:"span",sx:{mr:1,ml:1},children:t.name.split("-").map(ye).join("-")}),e.large&&h.jsx(ie,{variant:"caption",component:"span",children:t.version})]})},iht=()=>{const e=Qft("(min-width:600px)"),{mode:t,setMode:n}=bw(),[r,i]=k.useState(!1),[o,s]=k.useState(!1),a=Bu(),l=Ef(),c=y=>y?y==="/"?l.pathname==="/":l.pathname.startsWith(y):!1,u=()=>{n(t==="dark"?"light":"dark")},{t:d}=Af(),p=[{label:d("dashboard.title"),icon:h.jsx(oM,{}),to:_t.dashboard},{label:d("nav.bridges"),icon:h.jsx(Dy,{}),to:_t.bridges},{label:d("nav.devices"),icon:h.jsx(Ws,{}),to:_t.devices},{label:"Network Map",icon:h.jsx(nM,{}),to:_t.networkMap},{label:"Startup Order",icon:h.jsx(ng,{}),to:_t.startup},{label:"Lock Credentials",icon:h.jsx(Cu,{}),to:_t.lockCredentials},{label:"Filter Reference",icon:h.jsx(sM,{}),to:_t.labels},{label:d("nav.settings"),icon:h.jsx(Bb,{}),to:_t.settings},{label:t==="dark"?"Light Mode":"Dark Mode",icon:t==="dark"?h.jsx(rEe,{}):h.jsx(q7e,{}),onClick:u},{label:"System Logs",icon:h.jsx(Xw,{}),onClick:()=>i(!0)},{label:d("nav.health"),icon:h.jsx(FT,{}),to:_t.health}],g=y=>{s(!1),y.onClick?y.onClick():y.to&&a(y.to)};return h.jsxs(se,{children:[h.jsx(zft,{sx:{height:"72px"},children:h.jsx(aue,{sx:{paddingLeft:"0 !important",paddingRight:"0 !important"},children:h.jsxs(cj,{sx:{padding:2,height:"100%",display:"flex",justifyContent:"space-between",alignItems:"center"},children:[h.jsx(rht,{large:e}),e?h.jsxs(se,{sx:{display:"flex",alignItems:"center",gap:1},children:[p.map(y=>y.to?h.jsx(Gt,{title:y.label,children:h.jsx(nn,{component:Cc,to:y.to,sx:{color:"inherit",bgcolor:c(y.to)?"rgba(255,255,255,0.15)":"transparent",borderRadius:1},children:y.icon})},y.label):h.jsx(Gt,{title:y.label,children:h.jsx(nn,{onClick:y.onClick,sx:{color:"inherit"},children:y.icon})},y.label)),h.jsx(FY,{})]}):h.jsxs(se,{sx:{display:"flex",alignItems:"center",gap:.5},children:[h.jsx(FY,{}),h.jsx(nn,{onClick:()=>s(!0),sx:{color:"inherit"},children:h.jsx(iEe,{})})]})]})})}),h.jsx(Jft,{anchor:"right",open:o,onClose:()=>s(!1),children:h.jsx(Sl,{sx:{width:250},children:p.map(y=>h.jsxs(l5e,{selected:c(y.to),onClick:()=>g(y),children:[h.jsx(tl,{children:y.icon}),h.jsx(pa,{primary:y.label})]},y.label))})}),h.jsx(tht,{open:r,onClose:()=>i(!1)})]})},oht=()=>{const{versionMismatch:e,frontendVersion:t,backendVersion:n}=lue(),{isConnected:r}=iJ();return h.jsxs(se,{children:[h.jsx(iht,{}),h.jsx(aue,{}),e&&h.jsxs(Ht,{severity:"warning",variant:"filled",sx:{borderRadius:0},action:h.jsx(tt,{color:"inherit",size:"small",onClick:()=>window.location.reload(),children:"Reload"}),children:["Version mismatch: frontend ",t,", backend ",n,". Please reload to get the latest UI."]}),!r&&h.jsx(Ht,{severity:"error",variant:"filled",sx:{borderRadius:0},children:"Connection lost — data may be outdated. Reconnecting…"}),h.jsx(cj,{sx:{p:2},children:h.jsx(Ift,{children:h.jsx(gX,{})})}),h.jsx(Lft,{})]})},sht=mw({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 G4=document.getElementsByTagName("base")[0]?.href?.replace(/\/$/,"");G4?.startsWith("http")&&(G4=new URL(G4).pathname);const aht=a0e([{path:"/",element:h.jsx(oht,{}),children:Cft}],{basename:G4});Afe.createRoot(document.getElementById("root")).render(h.jsx(k.StrictMode,{children:h.jsx(Hfe,{store:Oft,children:h.jsxs(V2e,{theme:sht,children:[h.jsx(F2e,{}),h.jsx(wZ,{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}}}),h.jsx(pxe,{children:h.jsx(ove,{children:h.jsx(v0e,{router:aht})})})]})})}));
@@ -8,7 +8,7 @@
8
8
  <!-- BASE -->
9
9
  <base href="/" />
10
10
  <!-- /BASE -->
11
- <script type="module" crossorigin src="./assets/index-kbP46QpI.js"></script>
11
+ <script type="module" crossorigin src="./assets/index-BP7kOYJF.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.461",
4
+ "version": "2.1.0-alpha.462",
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/frontend": "2.1.0-alpha.461",
61
- "@home-assistant-matter-hub/common": "2.1.0-alpha.461",
62
- "@home-assistant-matter-hub/backend": "2.1.0-alpha.461"
60
+ "@home-assistant-matter-hub/backend": "2.1.0-alpha.462",
61
+ "@home-assistant-matter-hub/common": "2.1.0-alpha.462",
62
+ "@home-assistant-matter-hub/frontend": "2.1.0-alpha.462"
63
63
  },
64
64
  "nx": {
65
65
  "targets": {