@riddix/hamh 2.1.0-alpha.498 → 2.1.0-alpha.499
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
|
-
`},opt={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 spt(e){let{announcements:t=opt,container:n,hiddenTextDescribedById:r,screenReaderInstructions:i=ipt}=e;const{announce:o,announcement:s}=tpt(),a=$v("DndLiveRegion"),[l,c]=A.useState(!1);if(A.useEffect(()=>{c(!0)},[]),npt(A.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=en.createElement(en.Fragment,null,en.createElement(Qht,{id:r,value:i.draggable}),en.createElement(ept,{id:a,announcement:s}));return n?Hd.createPortal(u,n):u}var Vi;(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"})(Vi||(Vi={}));function ow(){}function qY(e,t){return A.useMemo(()=>({sensor:e,options:t??{}}),[e,t])}function apt(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return A.useMemo(()=>[...t].filter(r=>r!=null),[...t])}const El=Object.freeze({x:0,y:0});function fue(e,t){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}function hue(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return n-r}function lpt(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return r-n}function GY(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 pue(e,t){if(!e||e.length===0)return null;const[n]=e;return n[t]}function KY(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 cpt=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const i=KY(t,t.left,t.top),o=[];for(const s of r){const{id:a}=s,l=n.get(a);if(l){const c=fue(KY(l),i);o.push({id:a,data:{droppableContainer:s,value:c}})}}return o.sort(hue)},upt=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const i=GY(t),o=[];for(const s of r){const{id:a}=s,l=n.get(a);if(l){const c=GY(l),u=i.reduce((p,g,y)=>p+fue(c[y],g),0),d=Number((u/4).toFixed(4));o.push({id:a,data:{droppableContainer:s,value:d}})}}return o.sort(hue)};function dpt(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 fpt=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=dpt(a,t);l>0&&i.push({id:s,data:{droppableContainer:o,value:l}})}}return i.sort(lpt)};function hpt(e,t,n){return{...e,scaleX:t&&n?t.width/n.width:1,scaleY:t&&n?t.height/n.height:1}}function mue(e,t){return e&&t?{x:e.left-t.left,y:e.top-t.top}:El}function ppt(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 mpt=ppt(1);function gpt(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 ypt(e,t,n){const r=gpt(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 bpt={ignoreTransform:!1};function Pg(e,t){t===void 0&&(t=bpt);let n=e.getBoundingClientRect();if(t.ignoreTransform){const{transform:c,transformOrigin:u}=Rs(e).getComputedStyle(e);c&&(n=ypt(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 YY(e){return Pg(e,{ignoreTransform:!0})}function vpt(e){const t=e.innerWidth,n=e.innerHeight;return{top:0,left:0,right:t,bottom:n,width:t,height:n}}function xpt(e,t){return t===void 0&&(t=Rs(e).getComputedStyle(e)),t.position==="fixed"}function Spt(e,t){t===void 0&&(t=Rs(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 T8(e,t){const n=[];function r(i){if(t!=null&&n.length>=t||!i)return n;if(mj(i)&&i.scrollingElement!=null&&!n.includes(i.scrollingElement))return n.push(i.scrollingElement),n;if(!jv(i)||cue(i)||n.includes(i))return n;const o=Rs(e).getComputedStyle(i);return i!==e&&Spt(i,o)&&n.push(i),xpt(i,o)?n:r(i.parentNode)}return e?r(e):n}function gue(e){const[t]=T8(e,1);return t??null}function HA(e){return!O8||!e?null:Ig(e)?e:pj(e)?mj(e)||e===jg(e).scrollingElement?window:jv(e)?e:null:null}function yue(e){return Ig(e)?e.scrollX:e.scrollLeft}function bue(e){return Ig(e)?e.scrollY:e.scrollTop}function GO(e){return{x:yue(e),y:bue(e)}}var ro;(function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"})(ro||(ro={}));function vue(e){return!O8||!e?!1:e===document.scrollingElement}function xue(e){const t={x:0,y:0},n=vue(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 wpt={x:.2,y:.2};function Cpt(e,t,n,r,i){let{top:o,left:s,right:a,bottom:l}=n;r===void 0&&(r=10),i===void 0&&(i=wpt);const{isTop:c,isBottom:u,isLeft:d,isRight:p}=xue(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=ro.Backward,y.y=r*Math.abs((t.top+b.height-o)/b.height)):!u&&l>=t.bottom-b.height&&(g.y=ro.Forward,y.y=r*Math.abs((t.bottom-b.height-l)/b.height)),!p&&a>=t.right-b.width?(g.x=ro.Forward,y.x=r*Math.abs((t.right-b.width-a)/b.width)):!d&&s<=t.left+b.width&&(g.x=ro.Backward,y.x=r*Math.abs((t.left+b.width-s)/b.width)),{direction:g,speed:y}}function Ept(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 Sue(e){return e.reduce((t,n)=>C0(t,GO(n)),El)}function kpt(e){return e.reduce((t,n)=>t+yue(n),0)}function Apt(e){return e.reduce((t,n)=>t+bue(n),0)}function Dpt(e,t){if(t===void 0&&(t=Pg),!e)return;const{top:n,left:r,bottom:i,right:o}=t(e);gue(e)&&(i<=0||o<=0||n>=window.innerHeight||r>=window.innerWidth)&&e.scrollIntoView({block:"center",inline:"center"})}const _pt=[["x",["left","right"],kpt],["y",["top","bottom"],Apt]];class bj{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=T8(n),i=Sue(r);this.rect={...t},this.width=t.width,this.height=t.height;for(const[o,s,a]of _pt)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 o2{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 Opt(e){const{EventTarget:t}=Rs(e);return e instanceof t?e:jg(e)}function UA(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 Ca;(function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"})(Ca||(Ca={}));function XY(e){e.preventDefault()}function Tpt(e){e.stopPropagation()}var qn;(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"})(qn||(qn={}));const wue={start:[qn.Space,qn.Enter],cancel:[qn.Esc],end:[qn.Space,qn.Enter,qn.Tab]},Mpt=(e,t)=>{let{currentCoordinates:n}=t;switch(e.code){case qn.Right:return{...n,x:n.x+25};case qn.Left:return{...n,x:n.x-25};case qn.Down:return{...n,y:n.y+25};case qn.Up:return{...n,y:n.y-25}}};class vj{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 o2(jg(n)),this.windowListeners=new o2(Rs(n)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(Ca.Resize,this.handleCancel),this.windowListeners.add(Ca.VisibilityChange,this.handleCancel),setTimeout(()=>this.listeners.add(Ca.Keydown,this.handleKeyDown))}handleStart(){const{activeNode:t,onStart:n}=this.props,r=t.node.current;r&&Dpt(r),n(El)}handleKeyDown(t){if(yj(t)){const{active:n,context:r,options:i}=this.props,{keyboardCodes:o=wue,coordinateGetter:s=Mpt,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}:El;this.referenceCoordinates||(this.referenceCoordinates=u);const d=s(t,{active:n,context:r.current,currentCoordinates:u});if(d){const p=_b(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:k,maxScroll:E,minScroll:O}=xue(b),_=Ept(b),T={x:Math.min(v===qn.Right?_.right-_.width/2:_.right,Math.max(v===qn.Right?_.left:_.left+_.width/2,d.x)),y:Math.min(v===qn.Down?_.bottom-_.height/2:_.bottom,Math.max(v===qn.Down?_.top:_.top+_.height/2,d.y))},I=v===qn.Right&&!C||v===qn.Left&&!w,P=v===qn.Down&&!k||v===qn.Up&&!S;if(I&&T.x!==d.x){const N=b.scrollLeft+p.x,M=v===qn.Right&&N<=E.x||v===qn.Left&&N>=O.x;if(M&&!p.y){b.scrollTo({left:N,behavior:a});return}M?g.x=b.scrollLeft-N:g.x=v===qn.Right?b.scrollLeft-E.x:b.scrollLeft-O.x,g.x&&b.scrollBy({left:-g.x,behavior:a});break}else if(P&&T.y!==d.y){const N=b.scrollTop+p.y,M=v===qn.Down&&N<=E.y||v===qn.Up&&N>=O.y;if(M&&!p.x){b.scrollTo({top:N,behavior:a});return}M?g.y=b.scrollTop-N:g.y=v===qn.Down?b.scrollTop-E.y:b.scrollTop-O.y,g.y&&b.scrollBy({top:-g.y,behavior:a});break}}this.handleMove(t,C0(_b(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()}}vj.activators=[{eventName:"onKeyDown",handler:(e,t,n)=>{let{keyboardCodes:r=wue,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 JY(e){return!!(e&&"distance"in e)}function ZY(e){return!!(e&&"delay"in e)}class xj{constructor(t,n,r){var i;r===void 0&&(r=Opt(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=jg(s),this.documentListeners=new o2(this.document),this.listeners=new o2(r),this.windowListeners=new o2(Rs(s)),this.initialCoordinates=(i=qO(o))!=null?i:El,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(Ca.Resize,this.handleCancel),this.windowListeners.add(Ca.DragStart,XY),this.windowListeners.add(Ca.VisibilityChange,this.handleCancel),this.windowListeners.add(Ca.ContextMenu,XY),this.documentListeners.add(Ca.Keydown,this.handleKeydown),n){if(r!=null&&r({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(ZY(n)){this.timeoutId=setTimeout(this.handleStart,n.delay),this.handlePending(n);return}if(JY(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(Ca.Click,Tpt,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(Ca.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=qO(t))!=null?n:El,c=_b(i,l);if(!r&&a){if(JY(a)){if(a.tolerance!=null&&UA(c,a.tolerance))return this.handleCancel();if(UA(c,a.distance))return this.handleStart()}if(ZY(a)&&UA(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===qn.Esc&&this.handleCancel()}removeTextSelection(){var t;(t=this.document.getSelection())==null||t.removeAllRanges()}}const Rpt={cancel:{name:"pointercancel"},move:{name:"pointermove"},end:{name:"pointerup"}};class Sj extends xj{constructor(t){const{event:n}=t,r=jg(n.target);super(t,Rpt,r)}}Sj.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 Ipt={move:{name:"mousemove"},end:{name:"mouseup"}};var KO;(function(e){e[e.RightClick=2]="RightClick"})(KO||(KO={}));class jpt extends xj{constructor(t){super(t,Ipt,jg(t.event.target))}}jpt.activators=[{eventName:"onMouseDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return n.button===KO.RightClick?!1:(r?.({event:n}),!0)}}];const VA={cancel:{name:"touchcancel"},move:{name:"touchmove"},end:{name:"touchend"}};class Ppt extends xj{constructor(t){super(t,VA)}static setup(){return window.addEventListener(VA.move.name,t,{capture:!1,passive:!1}),function(){window.removeEventListener(VA.move.name,t)};function t(){}}}Ppt.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 s2;(function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"})(s2||(s2={}));var sw;(function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"})(sw||(sw={}));function $pt(e){let{acceleration:t,activator:n=s2.Pointer,canScroll:r,draggingRect:i,enabled:o,interval:s=5,order:a=sw.TreeOrder,pointerCoordinates:l,scrollableAncestors:c,scrollableAncestorRects:u,delta:d,threshold:p}=e;const g=Npt({delta:d,disabled:!o}),[y,b]=Kht(),v=A.useRef({x:0,y:0}),S=A.useRef({x:0,y:0}),C=A.useMemo(()=>{switch(n){case s2.Pointer:return l?{top:l.y,bottom:l.y,left:l.x,right:l.x}:null;case s2.DraggableRect:return i}},[n,i,l]),w=A.useRef(null),k=A.useCallback(()=>{const O=w.current;if(!O)return;const _=v.current.x*S.current.x,T=v.current.y*S.current.y;O.scrollBy(_,T)},[]),E=A.useMemo(()=>a===sw.TreeOrder?[...c].reverse():c,[a,c]);A.useEffect(()=>{if(!o||!c.length||!C){b();return}for(const O of E){if(r?.(O)===!1)continue;const _=c.indexOf(O),T=u[_];if(!T)continue;const{direction:I,speed:P}=Cpt(O,T,C,t,p);for(const N of["x","y"])g[N][I[N]]||(P[N]=0,I[N]=0);if(P.x>0||P.y>0){b(),w.current=O,y(k,s),v.current=P,S.current=I;return}}v.current={x:0,y:0},S.current={x:0,y:0},b()},[t,k,r,b,o,s,JSON.stringify(C),JSON.stringify(g),y,c,E,u,JSON.stringify(p)])}const Lpt={x:{[ro.Backward]:!1,[ro.Forward]:!1},y:{[ro.Backward]:!1,[ro.Forward]:!1}};function Npt(e){let{delta:t,disabled:n}=e;const r=WO(t);return Pv(i=>{if(n||!r||!i)return Lpt;const o={x:Math.sign(t.x-r.x),y:Math.sign(t.y-r.y)};return{x:{[ro.Backward]:i.x[ro.Backward]||o.x===-1,[ro.Forward]:i.x[ro.Forward]||o.x===1},y:{[ro.Backward]:i.y[ro.Backward]||o.y===-1,[ro.Forward]:i.y[ro.Forward]||o.y===1}}},[n,t,r])}function Fpt(e,t){const n=t!=null?e.get(t):void 0,r=n?n.node.current:null;return Pv(i=>{var o;return t==null?null:(o=r??i)!=null?o:null},[r,t])}function Bpt(e,t){return A.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 Tb;(function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"})(Tb||(Tb={}));var YO;(function(e){e.Optimized="optimized"})(YO||(YO={}));const QY=new Map;function zpt(e,t){let{dragging:n,dependencies:r,config:i}=t;const[o,s]=A.useState(null),{frequency:a,measure:l,strategy:c}=i,u=A.useRef(e),d=v(),p=Db(d),g=A.useCallback(function(S){S===void 0&&(S=[]),!p.current&&s(C=>C===null?S:C.concat(S.filter(w=>!C.includes(w))))},[p]),y=A.useRef(null),b=Pv(S=>{if(d&&!n)return QY;if(!S||S===QY||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 k=w.node.current,E=k?new bj(l(k),k):null;w.rect.current=E,E&&C.set(w.id,E)}return C}return S},[e,o,n,d,l]);return A.useEffect(()=>{u.current=e},[e]),A.useEffect(()=>{d||g()},[n,d]),A.useEffect(()=>{o&&o.length>0&&s(null)},[JSON.stringify(o)]),A.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 Tb.Always:return!1;case Tb.BeforeDragging:return n;default:return!n}}}function Cue(e,t){return Pv(n=>e?n||(typeof t=="function"?t(e):e):null,[t,e])}function Hpt(e,t){return Cue(e,t)}function Upt(e){let{callback:t,disabled:n}=e;const r=gj(t),i=A.useMemo(()=>{if(n||typeof window>"u"||typeof window.MutationObserver>"u")return;const{MutationObserver:o}=window;return new o(r)},[r,n]);return A.useEffect(()=>()=>i?.disconnect(),[i]),i}function M8(e){let{callback:t,disabled:n}=e;const r=gj(t),i=A.useMemo(()=>{if(n||typeof window>"u"||typeof window.ResizeObserver>"u")return;const{ResizeObserver:o}=window;return new o(r)},[n]);return A.useEffect(()=>()=>i?.disconnect(),[i]),i}function Vpt(e){return new bj(Pg(e),e)}function eX(e,t,n){t===void 0&&(t=Vpt);const[r,i]=A.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=Upt({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=M8({callback:o});return Ic(()=>{o(),e?(a?.observe(e),s?.observe(document.body,{childList:!0,subtree:!0})):(a?.disconnect(),s?.disconnect())},[e]),r}function Wpt(e){const t=Cue(e);return mue(e,t)}const tX=[];function qpt(e){const t=A.useRef(e),n=Pv(r=>e?r&&r!==tX&&e&&t.current&&e.parentNode===t.current.parentNode?r:T8(e):tX,[e]);return A.useEffect(()=>{t.current=e},[e]),n}function Gpt(e){const[t,n]=A.useState(null),r=A.useRef(e),i=A.useCallback(o=>{const s=HA(o.target);s&&n(a=>a?(a.set(s,GO(s)),new Map(a)):null)},[]);return A.useEffect(()=>{const o=r.current;if(e!==o){s(o);const a=e.map(l=>{const c=HA(l);return c?(c.addEventListener("scroll",i,{passive:!0}),[c,GO(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=HA(l);c?.removeEventListener("scroll",i)})}},[i,e]),A.useMemo(()=>e.length?t?Array.from(t.values()).reduce((o,s)=>C0(o,s),El):Sue(e):El,[e,t])}function nX(e,t){t===void 0&&(t=[]);const n=A.useRef(null);return A.useEffect(()=>{n.current=null},t),A.useEffect(()=>{const r=e!==El;r&&!n.current&&(n.current=e),!r&&n.current&&(n.current=null)},[e]),n.current?_b(e,n.current):El}function Kpt(e){A.useEffect(()=>{if(!O8)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 Ypt(e,t){return A.useMemo(()=>e.reduce((n,r)=>{let{eventName:i,handler:o}=r;return n[i]=s=>{o(s,t)},n},{}),[e,t])}function Eue(e){return A.useMemo(()=>e?vpt(e):null,[e])}const rX=[];function Xpt(e,t){t===void 0&&(t=Pg);const[n]=e,r=Eue(n?Rs(n):null),[i,o]=A.useState(rX);function s(){o(()=>e.length?e.map(l=>vue(l)?r:new bj(t(l),l)):rX)}const a=M8({callback:s});return Ic(()=>{a?.disconnect(),s(),e.forEach(l=>a?.observe(l))},[e]),i}function Jpt(e){if(!e)return null;if(e.children.length>1)return e;const t=e.children[0];return jv(t)?t:e}function Zpt(e){let{measure:t}=e;const[n,r]=A.useState(null),i=A.useCallback(c=>{for(const{target:u}of c)if(jv(u)){r(d=>{const p=t(u);return d?{...d,width:p.width,height:p.height}:p});break}},[t]),o=M8({callback:i}),s=A.useCallback(c=>{const u=Jpt(c);o?.disconnect(),u&&o?.observe(u),r(u?t(u):null)},[t,o]),[a,l]=iw(s);return A.useMemo(()=>({nodeRef:a,rect:n,setRef:l}),[n,a,l])}const Qpt=[{sensor:Sj,options:{}},{sensor:vj,options:{}}],emt={current:{}},iS={draggable:{measure:YY},droppable:{measure:YY,strategy:Tb.WhileDragging,frequency:YO.Optimized},dragOverlay:{measure:Pg}};class a2 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 tmt={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new a2,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:ow},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:iS,measureDroppableContainers:ow,windowRect:null,measuringScheduled:!1},nmt={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:ow,draggableNodes:new Map,over:null,measureDroppableContainers:ow},R8=A.createContext(nmt),kue=A.createContext(tmt);function rmt(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new a2}}}function imt(e,t){switch(t.type){case Vi.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:t.initialCoordinates,active:t.active}};case Vi.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 Vi.DragEnd:case Vi.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case Vi.RegisterDroppable:{const{element:n}=t,{id:r}=n,i=new a2(e.droppable.containers);return i.set(r,n),{...e,droppable:{...e.droppable,containers:i}}}case Vi.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 a2(e.droppable.containers);return s.set(n,{...o,disabled:i}),{...e,droppable:{...e.droppable,containers:s}}}case Vi.UnregisterDroppable:{const{id:n,key:r}=t,i=e.droppable.containers.get(n);if(!i||r!==i.key)return e;const o=new a2(e.droppable.containers);return o.delete(n),{...e,droppable:{...e.droppable,containers:o}}}default:return e}}function omt(e){let{disabled:t}=e;const{active:n,activatorEvent:r,draggableNodes:i}=A.useContext(R8),o=WO(r),s=WO(n?.id);return A.useEffect(()=>{if(!t&&!r&&o&&s!=null){if(!yj(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=Jht(u);if(d){d.focus();break}}})}},[r,t,i,s,o]),null}function smt(e,t){let{transform:n,...r}=t;return e!=null&&e.length?e.reduce((i,o)=>o({transform:i,...r}),n):n}function amt(e){return A.useMemo(()=>({draggable:{...iS.draggable,...e?.draggable},droppable:{...iS.droppable,...e?.droppable},dragOverlay:{...iS.dragOverlay,...e?.dragOverlay}}),[e?.draggable,e?.droppable,e?.dragOverlay])}function lmt(e){let{activeNode:t,measure:n,initialRect:r,config:i=!0}=e;const o=A.useRef(!1),{x:s,y:a}=typeof i=="boolean"?{x:i,y:i}:i;Ic(()=>{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=mue(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=gue(c);p&&p.scrollBy({top:d.y,left:d.x})}},[t,s,a,r,n])}const Aue=A.createContext({...El,scaleX:1,scaleY:1});var jd;(function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"})(jd||(jd={}));const cmt=A.memo(function(t){var n,r,i,o;let{id:s,accessibility:a,autoScroll:l=!0,children:c,sensors:u=Qpt,collisionDetection:d=fpt,measuring:p,modifiers:g,...y}=t;const b=A.useReducer(imt,void 0,rmt),[v,S]=b,[C,w]=rpt(),[k,E]=A.useState(jd.Uninitialized),O=k===jd.Initialized,{draggable:{active:_,nodes:T,translate:I},droppable:{containers:P}}=v,N=_!=null?T.get(_):null,M=A.useRef({initial:null,translated:null}),$=A.useMemo(()=>{var Tt;return _!=null?{id:_,data:(Tt=N?.data)!=null?Tt:emt,rect:M}:null},[_,N]),L=A.useRef(null),[z,F]=A.useState(null),[V,W]=A.useState(null),q=Db(y,Object.values(y)),X=$v("DndDescribedBy",s),B=A.useMemo(()=>P.getEnabled(),[P]),U=amt(p),{droppableRects:Y,measureDroppableContainers:H,measuringScheduled:G}=zpt(B,{dragging:O,dependencies:[I.x,I.y],config:U.droppable}),Z=Fpt(T,_),se=A.useMemo(()=>V?qO(V):null,[V]),te=pr(),ie=Hpt(Z,U.draggable.measure);lmt({activeNode:_!=null?T.get(_):null,config:te.layoutShiftCompensation,initialRect:ie,measure:U.draggable.measure});const ne=eX(Z,U.draggable.measure,ie),J=eX(Z?Z.parentElement:null),Q=A.useRef({activatorEvent:null,active:null,activeNode:Z,collisionRect:null,collisions:null,droppableRects:Y,draggableNodes:T,draggingNode:null,draggingNodeRect:null,droppableContainers:P,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),ee=P.getNodeFor((n=Q.current.over)==null?void 0:n.id),ae=Zpt({measure:U.dragOverlay.measure}),de=(r=ae.nodeRef.current)!=null?r:Z,me=O?(i=ae.rect)!=null?i:ne:null,Te=!!(ae.nodeRef.current&&ae.rect),Se=Wpt(Te?null:ne),Be=Eue(de?Rs(de):null),Le=qpt(O?ee??Z:null),De=Xpt(Le),Me=smt(g,{transform:{x:I.x-Se.x,y:I.y-Se.y,scaleX:1,scaleY:1},activatorEvent:V,active:$,activeNodeRect:ne,containerNodeRect:J,draggingNodeRect:me,over:Q.current.over,overlayNodeRect:ae.rect,scrollableAncestors:Le,scrollableAncestorRects:De,windowRect:Be}),it=se?C0(se,I):null,Ke=Gpt(Le),ze=nX(Ke),Re=nX(Ke,[ne]),Ve=C0(Me,ze),Ze=me?mpt(me,Me):null,at=$&&Ze?d({active:$,collisionRect:Ze,droppableRects:Y,droppableContainers:B,pointerCoordinates:it}):null,ut=pue(at,"id"),[Je,Bt]=A.useState(null),Ut=Te?Me:C0(Me,Re),Mt=hpt(Ut,(o=Je?.rect)!=null?o:null,ne),Nn=A.useRef(null),ln=A.useCallback((Tt,Lt)=>{let{sensor:rn,options:Mn}=Lt;if(L.current==null)return;const cn=T.get(L.current);if(!cn)return;const Et=Tt.nativeEvent,gn=new rn({active:L.current,activeNode:cn,event:Et,options:Mn,context:Q,onAbort(mt){if(!T.get(mt))return;const{onDragAbort:ce}=q.current,he={id:mt};ce?.(he),C({type:"onDragAbort",event:he})},onPending(mt,Vt,ce,he){if(!T.get(mt))return;const{onDragPending:Pe}=q.current,Ue={id:mt,constraint:Vt,initialCoordinates:ce,offset:he};Pe?.(Ue),C({type:"onDragPending",event:Ue})},onStart(mt){const Vt=L.current;if(Vt==null)return;const ce=T.get(Vt);if(!ce)return;const{onDragStart:he}=q.current,ve={activatorEvent:Et,active:{id:Vt,data:ce.data,rect:M}};Hd.unstable_batchedUpdates(()=>{he?.(ve),E(jd.Initializing),S({type:Vi.DragStart,initialCoordinates:mt,active:Vt}),C({type:"onDragStart",event:ve}),F(Nn.current),W(Et)})},onMove(mt){S({type:Vi.DragMove,coordinates:mt})},onEnd:lt(Vi.DragEnd),onCancel:lt(Vi.DragCancel)});Nn.current=gn;function lt(mt){return async function(){const{active:ce,collisions:he,over:ve,scrollAdjustedTranslate:Pe}=Q.current;let Ue=null;if(ce&&Pe){const{cancelDrop:vt}=q.current;Ue={activatorEvent:Et,active:ce,collisions:he,delta:Pe,over:ve},mt===Vi.DragEnd&&typeof vt=="function"&&await Promise.resolve(vt(Ue))&&(mt=Vi.DragCancel)}L.current=null,Hd.unstable_batchedUpdates(()=>{S({type:mt}),E(jd.Uninitialized),Bt(null),F(null),W(null),Nn.current=null;const vt=mt===Vi.DragEnd?"onDragEnd":"onDragCancel";if(Ue){const ot=q.current[vt];ot?.(Ue),C({type:vt,event:Ue})}})}}},[T]),ht=A.useCallback((Tt,Lt)=>(rn,Mn)=>{const cn=rn.nativeEvent,Et=T.get(Mn);if(L.current!==null||!Et||cn.dndKit||cn.defaultPrevented)return;const gn={active:Et};Tt(rn,Lt.options,gn)===!0&&(cn.dndKit={capturedBy:Lt.sensor},L.current=Mn,ln(rn,Lt))},[T,ln]),Kt=Bpt(u,ht);Kpt(u),Ic(()=>{ne&&k===jd.Initializing&&E(jd.Initialized)},[ne,k]),A.useEffect(()=>{const{onDragMove:Tt}=q.current,{active:Lt,activatorEvent:rn,collisions:Mn,over:cn}=Q.current;if(!Lt||!rn)return;const Et={active:Lt,activatorEvent:rn,collisions:Mn,delta:{x:Ve.x,y:Ve.y},over:cn};Hd.unstable_batchedUpdates(()=>{Tt?.(Et),C({type:"onDragMove",event:Et})})},[Ve.x,Ve.y]),A.useEffect(()=>{const{active:Tt,activatorEvent:Lt,collisions:rn,droppableContainers:Mn,scrollAdjustedTranslate:cn}=Q.current;if(!Tt||L.current==null||!Lt||!cn)return;const{onDragOver:Et}=q.current,gn=Mn.get(ut),lt=gn&&gn.rect.current?{id:gn.id,rect:gn.rect.current,data:gn.data,disabled:gn.disabled}:null,mt={active:Tt,activatorEvent:Lt,collisions:rn,delta:{x:cn.x,y:cn.y},over:lt};Hd.unstable_batchedUpdates(()=>{Bt(lt),Et?.(mt),C({type:"onDragOver",event:mt})})},[ut]),Ic(()=>{Q.current={activatorEvent:V,active:$,activeNode:Z,collisionRect:Ze,collisions:at,droppableRects:Y,draggableNodes:T,draggingNode:de,draggingNodeRect:me,droppableContainers:P,over:Je,scrollableAncestors:Le,scrollAdjustedTranslate:Ve},M.current={initial:me,translated:Ze}},[$,Z,at,Ze,T,de,me,Y,P,Je,Le,Ve]),$pt({...te,delta:I,draggingRect:Ze,pointerCoordinates:it,scrollableAncestors:Le,scrollableAncestorRects:De});const dn=A.useMemo(()=>({active:$,activeNode:Z,activeNodeRect:ne,activatorEvent:V,collisions:at,containerNodeRect:J,dragOverlay:ae,draggableNodes:T,droppableContainers:P,droppableRects:Y,over:Je,measureDroppableContainers:H,scrollableAncestors:Le,scrollableAncestorRects:De,measuringConfiguration:U,measuringScheduled:G,windowRect:Be}),[$,Z,ne,V,at,J,ae,T,P,Y,Je,H,Le,De,U,G,Be]),Xn=A.useMemo(()=>({activatorEvent:V,activators:Kt,active:$,activeNodeRect:ne,ariaDescribedById:{draggable:X},dispatch:S,draggableNodes:T,over:Je,measureDroppableContainers:H}),[V,Kt,$,ne,S,X,T,Je,H]);return en.createElement(due.Provider,{value:w},en.createElement(R8.Provider,{value:Xn},en.createElement(kue.Provider,{value:dn},en.createElement(Aue.Provider,{value:Mt},c)),en.createElement(omt,{disabled:a?.restoreFocus===!1})),en.createElement(spt,{...a,hiddenTextDescribedById:X}));function pr(){const Tt=z?.autoScrollEnabled===!1,Lt=typeof l=="object"?l.enabled===!1:l===!1,rn=O&&!Tt&&!Lt;return typeof l=="object"?{...l,enabled:rn}:{enabled:rn}}}),umt=A.createContext(null),iX="button",dmt="Draggable";function fmt(e){let{id:t,data:n,disabled:r=!1,attributes:i}=e;const o=$v(dmt),{activators:s,activatorEvent:a,active:l,activeNodeRect:c,ariaDescribedById:u,draggableNodes:d,over:p}=A.useContext(R8),{role:g=iX,roleDescription:y="draggable",tabIndex:b=0}=i??{},v=l?.id===t,S=A.useContext(v?Aue:umt),[C,w]=iw(),[k,E]=iw(),O=Ypt(s,t),_=Db(n);Ic(()=>(d.set(t,{id:t,key:o,node:C,activatorNode:k,data:_}),()=>{const I=d.get(t);I&&I.key===o&&d.delete(t)}),[d,t]);const T=A.useMemo(()=>({role:g,tabIndex:b,"aria-disabled":r,"aria-pressed":v&&g===iX?!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:O,node:C,over:p,setNodeRef:w,setActivatorNodeRef:E,transform:S}}function hmt(){return A.useContext(kue)}const pmt="Droppable",mmt={timeout:25};function gmt(e){let{data:t,disabled:n=!1,id:r,resizeObserverConfig:i}=e;const o=$v(pmt),{active:s,dispatch:a,over:l,measureDroppableContainers:c}=A.useContext(R8),u=A.useRef({disabled:n}),d=A.useRef(!1),p=A.useRef(null),g=A.useRef(null),{disabled:y,updateMeasurementsFor:b,timeout:v}={...mmt,...i},S=Db(b??r),C=A.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=M8({callback:C,disabled:y||!s}),k=A.useCallback((T,I)=>{w&&(I&&(w.unobserve(I),d.current=!1),T&&w.observe(T))},[w]),[E,O]=iw(k),_=Db(t);return A.useEffect(()=>{!w||!E.current||(w.disconnect(),d.current=!1,w.observe(E.current))},[E,w]),A.useEffect(()=>(a({type:Vi.RegisterDroppable,element:{id:r,key:o,disabled:n,node:E,rect:p,data:_}}),()=>a({type:Vi.UnregisterDroppable,key:o,id:r})),[r]),A.useEffect(()=>{n!==u.current.disabled&&(a({type:Vi.SetDroppableDisabled,id:r,key:o,disabled:n}),u.current.disabled=n)},[r,o,n,a]),{active:s,rect:p,isOver:l?.id===r,node:E,over:l,setNodeRef:O}}function wj(e,t,n){const r=e.slice();return r.splice(n<0?r.length+n:n,0,r.splice(t,1)[0]),r}function ymt(e,t){return e.reduce((n,r,i)=>{const o=t.get(r);return o&&(n[i]=o),n},Array(e.length))}function n4(e){return e!==null&&e>=0}function bmt(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 vmt(e){return typeof e=="boolean"?{draggable:e,droppable:e}:e}const Due=e=>{let{rects:t,activeIndex:n,overIndex:r,index:i}=e;const o=wj(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}},r4={scaleX:1,scaleY:1},xmt=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,...r4}:null}const l=Smt(o,i,n);return i>n&&i<=s?{x:0,y:-a.height-l,...r4}:i<n&&i>=s?{x:0,y:a.height+l,...r4}:{x:0,y:0,...r4}};function Smt(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 _ue="Sortable",Oue=en.createContext({activeIndex:-1,containerId:_ue,disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:Due,disabled:{draggable:!1,droppable:!1}});function wmt(e){let{children:t,id:n,items:r,strategy:i=Due,disabled:o=!1}=e;const{active:s,dragOverlay:a,droppableRects:l,over:c,measureDroppableContainers:u}=hmt(),d=$v(_ue,n),p=a.rect!==null,g=A.useMemo(()=>r.map(O=>typeof O=="object"&&"id"in O?O.id:O),[r]),y=s!=null,b=s?g.indexOf(s.id):-1,v=c?g.indexOf(c.id):-1,S=A.useRef(g),C=!bmt(g,S.current),w=v!==-1&&b===-1||C,k=vmt(o);Ic(()=>{C&&y&&u(g)},[C,g,y,u]),A.useEffect(()=>{S.current=g},[g]);const E=A.useMemo(()=>({activeIndex:b,containerId:d,disabled:k,disableTransforms:w,items:g,overIndex:v,useDragOverlay:p,sortedRects:ymt(g,l),strategy:i}),[b,d,k.draggable,k.droppable,w,g,v,l,p,i]);return en.createElement(Oue.Provider,{value:E},t)}const Cmt=e=>{let{id:t,items:n,activeIndex:r,overIndex:i}=e;return wj(n,r,i).indexOf(t)},Emt=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},kmt={duration:200,easing:"ease"},Tue="transform",Amt=Ob.Transition.toString({property:Tue,duration:0,easing:"linear"}),Dmt={roleDescription:"sortable"};function _mt(e){let{disabled:t,index:n,node:r,rect:i}=e;const[o,s]=A.useState(null),a=A.useRef(n);return Ic(()=>{if(!t&&n!==a.current&&r.current){const l=i.current;if(l){const c=Pg(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]),A.useEffect(()=>{o&&s(null)},[o]),o}function Omt(e){let{animateLayoutChanges:t=Emt,attributes:n,disabled:r,data:i,getNewIndex:o=Cmt,id:s,strategy:a,resizeObserverConfig:l,transition:c=kmt}=e;const{items:u,containerId:d,activeIndex:p,disabled:g,disableTransforms:y,sortedRects:b,overIndex:v,useDragOverlay:S,strategy:C}=A.useContext(Oue),w=Tmt(r,g),k=u.indexOf(s),E=A.useMemo(()=>({sortable:{containerId:d,index:k,items:u},...i}),[d,i,k,u]),O=A.useMemo(()=>u.slice(u.indexOf(s)),[u,s]),{rect:_,node:T,isOver:I,setNodeRef:P}=gmt({id:s,data:E,disabled:w.droppable,resizeObserverConfig:{updateMeasurementsFor:O,...l}}),{active:N,activatorEvent:M,activeNodeRect:$,attributes:L,setNodeRef:z,listeners:F,isDragging:V,over:W,setActivatorNodeRef:q,transform:X}=fmt({id:s,data:E,attributes:{...Dmt,...n},disabled:w.draggable}),B=Ght(P,z),U=!!N,Y=U&&!y&&n4(p)&&n4(v),H=!S&&V,G=H&&Y?X:null,se=Y?G??(a??C)({rects:b,activeNodeRect:$,activeIndex:p,overIndex:v,index:k}):null,te=n4(p)&&n4(v)?o({id:s,items:u,activeIndex:p,overIndex:v}):k,ie=N?.id,ne=A.useRef({activeId:ie,items:u,newIndex:te,containerId:d}),J=u!==ne.current.items,Q=t({active:N,containerId:d,isDragging:V,isSorting:U,id:s,index:k,items:u,newIndex:ne.current.newIndex,previousItems:ne.current.items,previousContainerId:ne.current.containerId,transition:c,wasDragging:ne.current.activeId!=null}),ee=_mt({disabled:!Q,index:k,node:T,rect:_});return A.useEffect(()=>{U&&ne.current.newIndex!==te&&(ne.current.newIndex=te),d!==ne.current.containerId&&(ne.current.containerId=d),u!==ne.current.items&&(ne.current.items=u)},[U,te,d,u]),A.useEffect(()=>{if(ie===ne.current.activeId)return;if(ie!=null&&ne.current.activeId==null){ne.current.activeId=ie;return}const de=setTimeout(()=>{ne.current.activeId=ie},50);return()=>clearTimeout(de)},[ie]),{active:N,activeIndex:p,attributes:L,data:E,rect:_,index:k,newIndex:te,items:u,isOver:I,isSorting:U,isDragging:V,listeners:F,node:T,overIndex:v,over:W,setNodeRef:B,setActivatorNodeRef:q,setDroppableNodeRef:P,setDraggableNodeRef:z,transform:ee??se,transition:ae()};function ae(){if(ee||J&&ne.current.newIndex===k)return Amt;if(!(H&&!yj(M)||!c)&&(U||Q))return Ob.Transition.toString({...c,property:Tue})}}function Tmt(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 aw(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 Mmt=[qn.Down,qn.Right,qn.Up,qn.Left],Rmt=(e,t)=>{let{context:{active:n,collisionRect:r,droppableRects:i,droppableContainers:o,over:s,scrollableAncestors:a}}=t;if(Mmt.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 qn.Down:r.top<p.top&&l.push(d);break;case qn.Up:r.top>p.top&&l.push(d);break;case qn.Left:r.left>p.left&&l.push(d);break;case qn.Right:r.left<p.left&&l.push(d);break}});const c=upt({collisionRect:r,droppableRects:i,droppableContainers:l});let u=pue(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=T8(y).some((O,_)=>a[_]!==O),S=Mue(d,p),C=Imt(d,p),w=v||!S?{x:0,y:0}:{x:C?r.width-g.width:0,y:C?r.height-g.height:0},k={x:g.left,y:g.top};return w.x&&w.y?k:_b(k,w)}}}};function Mue(e,t){return!aw(e)||!aw(t)?!1:e.data.current.sortable.containerId===t.data.current.sortable.containerId}function Imt(e,t){return!aw(e)||!aw(t)||!Mue(e,t)?!1:e.data.current.sortable.index<t.data.current.sortable.index}const jmt=({bridge:e,index:t})=>{const{attributes:n,listeners:r,setNodeRef:i,transform:o,transition:s,isDragging:a}=Omt({id:e.id}),[l,c]=A.useState(!1);A.useEffect(()=>{uC(e.id).then(c)},[e.id]);const u={transform:Ob.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(Yn,{sx:{display:"flex",alignItems:"center",gap:1.5,py:1,"&:last-child":{pb:1}},children:[h.jsx(le,{...n,...r,sx:{display:"flex",alignItems:"center",color:"text.secondary"},children:h.jsx(kAe,{})}),h.jsx(ft,{label:t+1,size:"small",color:"primary",sx:{minWidth:32,fontWeight:"bold"}}),l?h.jsx(le,{component:"img",src:D2(e.id),alt:e.name,sx:{width:40,height:40,borderRadius:"50%",objectFit:"cover",boxShadow:2}}):h.jsx(xl,{sx:{bgcolor:DM(e),width:40,height:40,boxShadow:2},children:(()=>{const d=AM(e);return h.jsx(d,{sx:{fontSize:24}})})()}),h.jsxs(le,{sx:{flex:1},children:[h.jsx(oe,{variant:"subtitle1",fontWeight:500,children:e.name}),h.jsxs(oe,{variant:"caption",color:"text.secondary",children:["Port: ",e.port," • Priority: ",e.priority??100]})]})]})})},Pmt=()=>{const{t:e}=nn(),t=Pc(),{content:n,isLoading:r}=fg(),i=qke(),[o,s]=A.useState([]),[a,l]=A.useState(!1);A.useEffect(()=>{if(n){const g=[...n].sort((y,b)=>{const v=y.priority??100,S=b.priority??100;return v-S});s(g),l(!1)}},[n]);const c=apt(qY(Sj),qY(vj,{coordinateGetter:Rmt})),u=A.useCallback(g=>{const{active:y,over:b}=g;b&&y.id!==b.id&&(s(v=>{const S=v.findIndex(w=>w.id===y.id),C=v.findIndex(w=>w.id===b.id);return wj(v,S,C)}),l(!0))},[]),d=A.useCallback(async()=>{const g=o.map((y,b)=>({id:y.id,priority:(b+1)*10}));try{await i(g),t.show({message:e("startup.saveSuccess"),severity:"success"}),l(!1)}catch(y){t.show({message:y instanceof Error?y.message:e("startup.saveFailed"),severity:"error"})}},[o,i,t,e]),p=A.useMemo(()=>o.map(g=>g.id),[o]);return r?h.jsxs(oe,{children:[e("common.loading"),"..."]}):h.jsxs(Ft,{spacing:3,children:[h.jsx(Wb,{items:[{name:e("nav.bridges"),to:_t.bridges},{name:e("startup.title"),to:_t.startup}]}),h.jsxs(le,{display:"flex",alignItems:"center",gap:2,children:[h.jsx(cg,{color:"primary",fontSize:"large"}),h.jsxs(le,{children:[h.jsx(oe,{variant:"h5",fontWeight:600,children:e("startup.title")}),h.jsx(oe,{variant:"body2",color:"text.secondary",children:e("startup.description")})]})]}),a&&h.jsx(Ht,{severity:"info",action:h.jsx(We,{color:"inherit",size:"small",startIcon:h.jsx($S,{}),onClick:d,children:e("startup.saveChanges")}),children:e("startup.unsavedChanges")}),h.jsx(cmt,{sensors:c,collisionDetection:cpt,onDragEnd:u,children:h.jsx(wmt,{items:p,strategy:xmt,children:h.jsx(Ft,{spacing:1,children:o.map((g,y)=>h.jsx(jmt,{bridge:g,index:y},g.id))})})}),o.length===0&&h.jsx(oe,{color:"text.secondary",textAlign:"center",py:4,children:e("startup.noBridges")}),a&&o.length>0&&h.jsx(le,{display:"flex",justifyContent:"flex-end",children:h.jsx(We,{variant:"contained",startIcon:h.jsx($S,{}),onClick:d,children:e("startup.saveOrder")})})]})},WA="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",plugins:"/plugins",settings:"/settings",startup:"/startup",githubRepository:"https://github.com/riddix/home-assistant-matter-hub/",documentation:WA,faq:{multiFabric:`${WA}/connect-multiple-fabrics`,bridgeConfig:`${WA}/bridge-configuration`}},$mt=[{path:"",element:h.jsx(W5e,{}),children:[{path:"",element:h.jsx(UDe,{})},{path:_t.bridges,element:h.jsx(LDe,{})},{path:_t.createBridge,element:h.jsx(Iot,{})},{path:_t.areaSetup,element:h.jsx(SSe,{})},{path:_t.bridge(":bridgeId"),element:h.jsx(lAe,{})},{path:_t.editBridge(":bridgeId"),element:h.jsx(jot,{})},{path:_t.devices,element:h.jsx(a_e,{})},{path:_t.networkMap,element:h.jsx(bht,{})},{path:_t.health,element:h.jsx(Jot,{})},{path:_t.labels,element:h.jsx(tst,{})},{path:_t.lockCredentials,element:h.jsx(ast,{})},{path:_t.plugins,element:h.jsx(zht,{})},{path:_t.settings,element:h.jsx(qht,{})},{path:_t.startup,element:h.jsx(Pmt,{})},{path:"*",element:h.jsx(lst,{})}]}],Lmt={items:{isInitialized:!1,isLoading:!1}},Nmt=jT(Lmt,e=>{e.addCase($o.pending,t=>{t.items.isLoading=!0}).addCase($o.rejected,(t,n)=>{t.items.isInitialized=!0,t.items.isLoading=!1,t.items.content=void 0,t.items.error=n.error}).addCase($o.fulfilled,(t,n)=>{t.items.isInitialized=!0,t.items.isLoading=!1,t.items.content=n.payload,t.items.error=void 0}).addCase(wZ.fulfilled,(t,n)=>{t.items.content?.push(n.payload)}).addCase(EZ.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(kZ.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(CZ.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(AZ,(t,n)=>{t.items.isInitialized=!0,t.items.isLoading=!1,t.items.content=n.payload,t.items.error=void 0}).addCase(DZ,(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)}})}),Fmt={byBridge:{}},Bmt=jT(Fmt,e=>{e.addCase(Ou.pending,(t,n)=>{t.byBridge[n.meta.arg]=qA(t.byBridge[n.meta.arg],n)}).addCase(Ou.rejected,(t,n)=>{t.byBridge[n.meta.arg]=qA(t.byBridge[n.meta.arg],n)}).addCase(Ou.fulfilled,(t,n)=>{t.byBridge[n.meta.arg]=qA(t.byBridge[n.meta.arg],n)})}),zmt={isInitialized:!1,isLoading:!1,content:void 0,error:void 0},qA=jT(zmt,e=>{e.addCase(Ou.pending,t=>{t.isLoading=!0}).addCase(Ou.rejected,(t,n)=>{t.isInitialized=!0,t.isLoading=!1,t.content=void 0,t.error=n.error}).addCase(Ou.fulfilled,(t,n)=>{t.isInitialized=!0,t.isLoading=!1,t.content=n.payload,t.error=void 0})}),Hmt=A5e({reducer:{bridges:Nmt,devices:Bmt}}),Cj=uve({createStyledComponent:ge("div",{name:"MuiContainer",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,t[`maxWidth${be(String(n.maxWidth))}`],n.fixed&&t.fixed,n.disableGutters&&t.disableGutters]}}),useThemeProps:e=>st({props:e,name:"MuiContainer"})});function Umt(e){return Qe("MuiToolbar",e)}rt("MuiToolbar",["root","gutters","regular","dense"]);const Vmt=e=>{const{classes:t,disableGutters:n,variant:r}=e;return et({root:["root",!n&&"gutters",r]},Umt,t)},Wmt=ge("div",{name:"MuiToolbar",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,!n.disableGutters&&t.gutters,t[n.variant]]}})(qe(({theme:e})=>({position:"relative",display:"flex",alignItems:"center",variants:[{props:({ownerState:t})=>!t.disableGutters,style:{paddingLeft:e.spacing(2),paddingRight:e.spacing(2),[e.breakpoints.up("sm")]:{paddingLeft:e.spacing(3),paddingRight:e.spacing(3)}}},{props:{variant:"dense"},style:{minHeight:48}},{props:{variant:"regular"},style:e.mixins.toolbar}]}))),Rue=A.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=Vmt(c);return h.jsx(Wmt,{as:o,className:_e(u.root,i),ref:n,ownerState:c,...l})});class qmt extends A.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(le,{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:"60vh",gap:2,p:4,children:[h.jsx(KT,{color:"error",sx:{fontSize:64}}),h.jsx(oe,{variant:"h5",fontWeight:600,children:pi.t("errorBoundary.title")}),h.jsx(oe,{variant:"body2",color:"text.secondary",textAlign:"center",maxWidth:480,children:this.state.error?.message??pi.t("errorBoundary.fallbackMessage")}),h.jsx(We,{variant:"contained",onClick:()=>{this.setState({hasError:!1,error:null}),window.location.reload()},children:pi.t("errorBoundary.reload")})]}):this.props.children}}function Gmt(e){return Qe("MuiFab",e)}const oX=rt("MuiFab",["root","primary","secondary","extended","circular","focusVisible","disabled","colorInherit","sizeSmall","sizeMedium","sizeLarge","info","error","warning","success"]),Kmt=e=>{const{color:t,variant:n,classes:r,size:i}=e,o={root:["root",n,`size${be(i)}`,t==="inherit"?"colorInherit":t]},s=et(o,Gmt,r);return{...r,...s}},Ymt=ge(rs,{name:"MuiFab",slot:"Root",shouldForwardProp:e=>Li(e)||e==="classes",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,t[n.variant],t[`size${be(n.size)}`],n.color==="inherit"&&t.colorInherit,t[be(n.size)],t[n.color]]}})(qe(({theme:e})=>({...e.typography.button,minHeight:36,transition:e.transitions.create(["background-color","box-shadow","border-color"],{duration:e.transitions.duration.short}),borderRadius:"50%",padding:0,minWidth:0,width:56,height:56,zIndex:(e.vars||e).zIndex.fab,boxShadow:(e.vars||e).shadows[6],"&:active":{boxShadow:(e.vars||e).shadows[12]},color:e.vars?e.vars.palette.grey[900]:e.palette.getContrastText?.(e.palette.grey[300]),backgroundColor:(e.vars||e).palette.grey[300],"&:hover":{backgroundColor:(e.vars||e).palette.grey.A100,"@media (hover: none)":{backgroundColor:(e.vars||e).palette.grey[300]},textDecoration:"none"},[`&.${oX.focusVisible}`]:{boxShadow:(e.vars||e).shadows[6]},variants:[{props:{size:"small"},style:{width:40,height:40}},{props:{size:"medium"},style:{width:48,height:48}},{props:{variant:"extended"},style:{borderRadius:48/2,padding:"0 16px",width:"auto",minHeight:"auto",minWidth:48,height:48}},{props:{variant:"extended",size:"small"},style:{width:"auto",padding:"0 8px",borderRadius:34/2,minWidth:34,height:34}},{props:{variant:"extended",size:"medium"},style:{width:"auto",padding:"0 16px",borderRadius:40/2,minWidth:40,height:40}},{props:{color:"inherit"},style:{color:"inherit"}}]})),qe(({theme:e})=>({variants:[...Object.entries(e.palette).filter(Vn(["dark","contrastText"])).map(([t])=>({props:{color:t},style:{color:(e.vars||e).palette[t].contrastText,backgroundColor:(e.vars||e).palette[t].main,"&:hover":{backgroundColor:(e.vars||e).palette[t].dark,"@media (hover: none)":{backgroundColor:(e.vars||e).palette[t].main}}}}))]})),qe(({theme:e})=>({[`&.${oX.disabled}`]:{color:(e.vars||e).palette.action.disabled,boxShadow:(e.vars||e).shadows[0],backgroundColor:(e.vars||e).palette.action.disabledBackground}}))),Xmt=A.forwardRef(function(t,n){const r=st({props:t,name:"MuiFab"}),{children:i,className:o,color:s="default",component:a="button",disabled:l=!1,disableFocusRipple:c=!1,focusVisibleClassName:u,size:d="large",variant:p="circular",...g}=r,y={...r,color:s,component:a,disabled:l,disableFocusRipple:c,size:d,variant:p},b=Kmt(y);return h.jsx(Ymt,{className:_e(b.root,o),component:a,disabled:l,focusRipple:!c,focusVisibleClassName:_e(b.focusVisible,u),ownerState:y,ref:n,...g,classes:b,children:i})}),Jmt=[{code:"en",flag:"🇬🇧",name:"English"},{code:"de",flag:"🇩🇪",name:"Deutsch"},{code:"fr",flag:"🇫🇷",name:"Français"},{code:"es",flag:"🇪🇸",name:"Español"},{code:"it",flag:"🇮🇹",name:"Italiano"},{code:"zh",flag:"🇨🇳",name:"中文"},{code:"th",flag:"🇹🇭",name:"ไทย"},{code:"sv",flag:"🇸🇪",name:"Svenska"}],Zmt="hamh-custom-languages";function Qmt(){try{const e=localStorage.getItem(Zmt);return e?JSON.parse(e).map(n=>({code:n.code,flag:"🌐",name:n.name})):[]}catch{return[]}}const e0t="https://github.com/RiDDiX/home-assistant-matter-hub/issues/new?labels=translation&title=Translation+improvement";function t0t(){const{t:e,i18n:t}=nn(),[n,r]=A.useState(!1),i=A.useRef(null),o=A.useMemo(()=>[...Jmt,...Qmt()],[]),s=t.language?.split("-")[0]??"en",a=A.useCallback(()=>{r(u=>!u)},[]),l=A.useCallback(u=>{t.changeLanguage(u),r(!1)},[t]),c=A.useCallback(()=>{r(!1)},[]);return h.jsx(QJ,{onClickAway:c,children:h.jsxs(le,{children:[h.jsx(Xmt,{ref:i,size:"small",color:"primary",onClick:a,"aria-label":"Change language",sx:{position:"fixed",bottom:24,right:24,zIndex:1300},children:h.jsx(RAe,{})}),h.jsx(Kb,{open:n,anchorEl:i.current,placement:"top-end",transition:!0,sx:{zIndex:1300},children:({TransitionProps:u})=>h.jsx(OS,{...u,timeout:200,children:h.jsxs(Gr,{elevation:8,sx:{mb:1,py:.5,minWidth:160,borderRadius:2,overflow:"hidden"},children:[o.map(d=>h.jsxs(le,{onClick:()=>l(d.code),sx:{display:"flex",alignItems:"center",gap:1.5,px:2,py:1,cursor:"pointer",bgcolor:s===d.code?"action.selected":"transparent","&:hover":{bgcolor:"action.hover"},transition:"background-color 0.15s"},children:[h.jsx(oe,{sx:{fontSize:"1.4rem",lineHeight:1,userSelect:"none"},children:d.flag}),h.jsx(oe,{variant:"body2",fontWeight:s===d.code?600:400,children:d.name})]},d.code)),h.jsx(Dr,{}),h.jsxs(le,{sx:{display:"flex",alignItems:"flex-start",gap:.75,px:2,py:1},children:[h.jsx(FT,{sx:{fontSize:14,mt:.25,color:"text.secondary"}}),h.jsxs(oe,{variant:"caption",color:"text.secondary",sx:{lineHeight:1.4},children:[e("languageSwitcher.disclaimer")," ",h.jsx(Vb,{href:e0t,target:"_blank",rel:"noopener",sx:{fontSize:"inherit"},children:e("languageSwitcher.contribute")})]})]})]})})})]})})}const n0t="home-assistant-matter-hub",r0t={name:n0t};function Iue(){const e="2.1.0-alpha.498",[t,n]=A.useState(null);A.useEffect(()=>{fetch("api/health").then(i=>i.ok?i.json():null).then(i=>{i?.version&&n(i.version)}).catch(()=>{})},[]);const r=A.useMemo(()=>!t||e==="0.0.0-dev"?!1:e!==t,[t]);return A.useMemo(()=>({name:r0t.name,version:t??e,frontendVersion:e,backendVersion:t,versionMismatch:r}),[t,r])}const i0t=()=>{const{t:e}=nn(),t=[{name:e("footer.github"),url:_t.githubRepository},{name:e("footer.documentation"),url:_t.documentation}];return h.jsxs(Cj,{sx:{mt:16,mb:4},children:[h.jsx(Dr,{sx:{mt:4,mb:4}}),h.jsx(dt,{container:!0,spacing:2,justifyContent:"center",children:t.map((n,r)=>h.jsx(dt,{size:{xs:12,sm:"auto"},children:h.jsx(We,{fullWidth:!0,size:"small",variant:"outlined",component:Vb,href:n.url,target:"_blank",children:n.name})},r.toString()))})]})};function o0t(e){return Qe("MuiAppBar",e)}rt("MuiAppBar",["root","positionFixed","positionAbsolute","positionSticky","positionStatic","positionRelative","colorDefault","colorPrimary","colorSecondary","colorInherit","colorTransparent","colorError","colorInfo","colorSuccess","colorWarning"]);const s0t=e=>{const{color:t,position:n,classes:r}=e,i={root:["root",`color${be(t)}`,`position${be(n)}`]};return et(i,o0t,r)},sX=(e,t)=>e?`${e.replace(")","")}, ${t})`:t,a0t=ge(Gr,{name:"MuiAppBar",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,t[`position${be(n.position)}`],t[`color${be(n.color)}`]]}})(qe(({theme:e})=>({display:"flex",flexDirection:"column",width:"100%",boxSizing:"border-box",flexShrink:0,variants:[{props:{position:"fixed"},style:{position:"fixed",zIndex:(e.vars||e).zIndex.appBar,top:0,left:"auto",right:0,"@media print":{position:"absolute"}}},{props:{position:"absolute"},style:{position:"absolute",zIndex:(e.vars||e).zIndex.appBar,top:0,left:"auto",right:0}},{props:{position:"sticky"},style:{position:"sticky",zIndex:(e.vars||e).zIndex.appBar,top:0,left:"auto",right:0}},{props:{position:"static"},style:{position:"static"}},{props:{position:"relative"},style:{position:"relative"}},{props:{color:"inherit"},style:{"--AppBar-color":"inherit",color:"var(--AppBar-color)"}},{props:{color:"default"},style:{"--AppBar-background":e.vars?e.vars.palette.AppBar.defaultBg:e.palette.grey[100],"--AppBar-color":e.vars?e.vars.palette.text.primary:e.palette.getContrastText(e.palette.grey[100]),...e.applyStyles("dark",{"--AppBar-background":e.vars?e.vars.palette.AppBar.defaultBg:e.palette.grey[900],"--AppBar-color":e.vars?e.vars.palette.text.primary:e.palette.getContrastText(e.palette.grey[900])})}},...Object.entries(e.palette).filter(Vn(["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?sX(e.vars.palette.AppBar.darkBg,"var(--AppBar-background)"):null,color:e.vars?sX(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"})}}]}))),l0t=A.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=s0t(c);return h.jsx(a0t,{square:!0,component:"header",ownerState:c,elevation:4,className:_e(u.root,i,a==="fixed"&&"mui-fixed"),ref:n,...l})});function c0t(e,t,n){const r=t.getBoundingClientRect(),i=n&&n.getBoundingClientRect(),o=ia(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 u0t(e){return typeof e=="function"?e():e}function i4(e,t,n){const r=u0t(n),i=c0t(e,t,r);i&&(t.style.webkitTransform=i,t.style.transform=i)}const d0t=A.forwardRef(function(t,n){const r=qi(),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:k=o,TransitionComponent:E=Ga,...O}=t,_=A.useRef(null),T=Br(Mf(l),_,n),I=W=>q=>{W&&(q===void 0?W(_.current):W(_.current,q))},P=I((W,q)=>{i4(u,W,c),OT(W),g&&g(W,q)}),N=I((W,q)=>{const X=hf({timeout:k,style:w,easing:d},{mode:"enter"});W.style.webkitTransition=r.transitions.create("-webkit-transform",{...X}),W.style.transition=r.transitions.create("transform",{...X}),W.style.webkitTransform="none",W.style.transform="none",b&&b(W,q)}),M=I(y),$=I(C),L=I(W=>{const q=hf({timeout:k,style:w,easing:d},{mode:"exit"});W.style.webkitTransition=r.transitions.create("-webkit-transform",q),W.style.transition=r.transitions.create("transform",q),i4(u,W,c),v&&v(W)}),z=I(W=>{W.style.webkitTransition="",W.style.transition="",S&&S(W)}),F=W=>{s&&s(_.current,W)},V=A.useCallback(()=>{_.current&&i4(u,_.current,c)},[u,c]);return A.useEffect(()=>{if(p||u==="down"||u==="right")return;const W=Hb(()=>{_.current&&i4(u,_.current,c)}),q=ia(_.current);return q.addEventListener("resize",W),()=>{W.clear(),q.removeEventListener("resize",W)}},[u,p,c]),A.useEffect(()=>{p||V()},[p,V]),h.jsx(E,{nodeRef:_,onEnter:P,onEntered:M,onEntering:N,onExit:L,onExited:z,onExiting:$,addEndListener:F,appear:a,in:p,timeout:k,...O,children:(W,{ownerState:q,...X})=>A.cloneElement(l,{ref:T,style:{visibility:W==="exited"&&!p?"hidden":void 0,...w,...l.props.style},...X})})});function f0t(e){return Qe("MuiDrawer",e)}rt("MuiDrawer",["root","docked","paper","anchorLeft","anchorRight","anchorTop","anchorBottom","paperAnchorLeft","paperAnchorRight","paperAnchorTop","paperAnchorBottom","paperAnchorDockedLeft","paperAnchorDockedRight","paperAnchorDockedTop","paperAnchorDockedBottom","modal"]);const jue=(e,t)=>{const{ownerState:n}=e;return[t.root,(n.variant==="permanent"||n.variant==="persistent")&&t.docked,n.variant==="temporary"&&t.modal]},h0t=e=>{const{classes:t,anchor:n,variant:r}=e,i={root:["root",`anchor${be(n)}`],docked:[(r==="permanent"||r==="persistent")&&"docked"],modal:["modal"],paper:["paper",`paperAnchor${be(n)}`,r!=="temporary"&&`paperAnchorDocked${be(n)}`]};return et(i,f0t,t)},p0t=ge(JT,{name:"MuiDrawer",slot:"Root",overridesResolver:jue})(qe(({theme:e})=>({zIndex:(e.vars||e).zIndex.drawer}))),m0t=ge("div",{shouldForwardProp:Li,name:"MuiDrawer",slot:"Docked",skipVariantsResolver:!1,overridesResolver:jue})({flex:"0 0 auto"}),g0t=ge(Gr,{name:"MuiDrawer",slot:"Paper",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.paper,t[`paperAnchor${be(n.anchor)}`],n.variant!=="temporary"&&t[`paperAnchorDocked${be(n.anchor)}`]]}})(qe(({theme:e})=>({overflowY:"auto",display:"flex",flexDirection:"column",height:"100%",flex:"1 0 auto",zIndex:(e.vars||e).zIndex.drawer,WebkitOverflowScrolling:"touch",position:"fixed",top:0,outline:0,variants:[{props:{anchor:"left"},style:{left:0}},{props:{anchor:"top"},style:{top:0,left:0,right:0,height:"auto",maxHeight:"100%"}},{props:{anchor:"right"},style:{right:0}},{props:{anchor:"bottom"},style:{top:"auto",left:0,bottom:0,right:0,height:"auto",maxHeight:"100%"}},{props:({ownerState:t})=>t.anchor==="left"&&t.variant!=="temporary",style:{borderRight:`1px solid ${(e.vars||e).palette.divider}`}},{props:({ownerState:t})=>t.anchor==="top"&&t.variant!=="temporary",style:{borderBottom:`1px solid ${(e.vars||e).palette.divider}`}},{props:({ownerState:t})=>t.anchor==="right"&&t.variant!=="temporary",style:{borderLeft:`1px solid ${(e.vars||e).palette.divider}`}},{props:({ownerState:t})=>t.anchor==="bottom"&&t.variant!=="temporary",style:{borderTop:`1px solid ${(e.vars||e).palette.divider}`}}]}))),Pue={left:"right",right:"left",top:"down",bottom:"up"};function y0t(e){return["left","right"].includes(e)}function b0t({direction:e},t){return e==="rtl"&&y0t(t)?Pue[t]:t}const v0t=A.forwardRef(function(t,n){const r=st({props:t,name:"MuiDrawer"}),i=qi(),o=jc(),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:k=s,variant:E="temporary",slots:O={},slotProps:_={},...T}=r,I=A.useRef(!1);A.useEffect(()=>{I.current=!0},[]);const P=b0t({direction:o?"rtl":"ltr"},a),M={...r,anchor:a,elevation:d,open:v,variant:E,...T},$=h0t(M),L={slots:{transition:w,...O},slotProps:{paper:S,transition:C,..._,backdrop:AT(_.backdrop||{...l,...g},{transitionDuration:k})}},[z,F]=ct("root",{ref:n,elementType:p0t,className:_e($.root,$.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,W]=ct("paper",{elementType:g0t,shouldForwardComponentProp:!0,className:_e($.paper,S.className),ownerState:M,externalForwardedProps:L,additionalProps:{elevation:E==="temporary"?d:0,square:!0,...E==="temporary"&&{role:"dialog","aria-modal":"true"}}}),[q,X]=ct("docked",{elementType:m0t,ref:n,className:_e($.root,$.docked,u),ownerState:M,externalForwardedProps:L,additionalProps:T}),[B,U]=ct("transition",{elementType:d0t,ownerState:M,externalForwardedProps:L,additionalProps:{in:v,direction:Pue[P],timeout:k,appear:I.current}}),Y=h.jsx(V,{...W,children:c});if(E==="permanent")return h.jsx(q,{...X,children:Y});const H=h.jsx(B,{...U,children:Y});return E==="persistent"?h.jsx(q,{...X,children:H}):h.jsx(z,{...F,children:H})}),x0t=MJ({themeId:Ma}),S0t={error:jf,warn:Uw,info:YT,debug:lC},w0t=({open:e,onClose:t})=>{const{t:n}=nn(),r=qi(),i=A.useMemo(()=>({error:r.palette.error.main,warn:r.palette.warning.main,info:r.palette.info.main,debug:r.palette.secondary.main}),[r]),[o,s]=A.useState([]),[a,l]=A.useState(!0),[c,u]=A.useState("error,warn,info".split(",")),[d,p]=A.useState(""),[g,y]=A.useState(!0),b=A.useCallback(async()=>{try{const k=new URLSearchParams({level:c.join(","),limit:"500",...d&&{search:d}}),E=await fetch(`api/logs?${k}`);if(E.ok){const O=await E.json();s(O.entries)}}catch(k){console.error("Failed to fetch logs:",k)}finally{l(!1)}},[c,d]);A.useEffect(()=>{e&&b()},[e,b]),A.useEffect(()=>{if(!g||!e)return;const k=setInterval(b,5e3);return()=>clearInterval(k)},[g,e,b]);const v=k=>{u(Array.isArray(k.target.value)?k.target.value:[k.target.value])},S=k=>{p(k.target.value)},C=async()=>{try{await fetch("api/logs",{method:"DELETE"}),s([])}catch(k){console.error("Failed to clear logs:",k)}},w=k=>{const E=S0t[k]||YT;return h.jsx(E,{sx:{fontSize:16,color:i[k]}})};return h.jsxs(Io,{open:e,onClose:t,maxWidth:"lg",fullWidth:!0,children:[h.jsxs(Po,{sx:{display:"flex",alignItems:"center",gap:1},children:[h.jsx(lC,{}),n("logs.title"),h.jsx(le,{sx:{flexGrow:1}}),h.jsx(jt,{title:n("logs.autoRefresh"),children:h.jsx(ft,{label:g?"Auto":"Manual",color:g?"success":"default",size:"small",onClick:()=>y(!g),sx:{cursor:"pointer"}})}),h.jsx(Wt,{onClick:t,children:h.jsx(ree,{})})]}),h.jsxs(jo,{children:[h.jsx(Ft,{spacing:2,sx:{mb:2},children:h.jsxs(Ft,{direction:"row",spacing:2,alignItems:"center",children:[h.jsxs(ws,{size:"small",sx:{minWidth:200},children:[h.jsx(pl,{children:n("logs.logLevel")}),h.jsxs(vs,{value:c,label:n("logs.logLevel"),onChange:v,multiple:!0,renderValue:k=>h.jsx(le,{sx:{display:"flex",flexWrap:"wrap",gap:.5},children:(Array.isArray(k)?k:[k]).map(E=>h.jsx(ft,{label:E.toUpperCase(),size:"small",sx:{backgroundColor:i[E],color:"white"}},E))}),children:[h.jsx(Kn,{value:"error",children:n("logs.error")}),h.jsx(Kn,{value:"warn",children:n("logs.warning")}),h.jsx(Kn,{value:"info",children:n("logs.info")}),h.jsx(Kn,{value:"debug",children:n("logs.debug")})]})]}),h.jsx(tr,{size:"small",placeholder:n("logs.searchPlaceholder"),value:d,onChange:S,sx:{flexGrow:1}}),h.jsx(We,{variant:"outlined",onClick:b,children:n("common.refresh")}),h.jsx(We,{variant:"outlined",color:"error",onClick:C,children:n("common.delete")})]})}),h.jsx(le,{sx:{height:400,overflow:"auto",backgroundColor:"background.paper",border:1,borderColor:"divider",borderRadius:1,p:1},children:a?h.jsx(le,{sx:{display:"flex",justifyContent:"center",p:4},children:h.jsxs(oe,{children:[n("common.loading"),"..."]})}):o.length===0?h.jsx(le,{sx:{display:"flex",justifyContent:"center",p:4},children:h.jsx(oe,{color:"text.secondary",children:n("logs.noResults")})}):h.jsx(Ft,{spacing:1,children:o.map((k,E)=>h.jsxs(le,{sx:{p:1,borderRadius:1,backgroundColor:"action.hover",fontFamily:"monospace",fontSize:"0.875rem",wordBreak:"break-all"},children:[h.jsxs(le,{sx:{display:"flex",alignItems:"center",gap:1,mb:.5},children:[w(k.level),h.jsx(oe,{variant:"caption",color:"text.secondary",children:new Date(k.timestamp).toLocaleString()}),h.jsx(ft,{label:k.level.toUpperCase(),size:"small",sx:{backgroundColor:i[k.level],color:r.palette.getContrastText(i[k.level]??r.palette.grey[500]),fontSize:"0.7rem",height:20}})]}),h.jsx(oe,{sx:{ml:3},children:k.message}),k.context&&h.jsx(oe,{sx:{ml:3,color:"text.secondary",fontSize:"0.8rem"},children:JSON.stringify(k.context,null,2)})]},`${k.timestamp}-${k.level}-${E}`))})})]}),h.jsx(Qo,{children:h.jsx(We,{onClick:t,children:n("common.close")})})]})};function aX(){const{t:e}=nn(),{isConnected:t}=OZ(),[n,r]=A.useState(null),[i,o]=A.useState(!1);A.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(le,{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(jf,{fontSize:"small"}):c?h.jsx(Ka,{fontSize:"small"}):h.jsx(Gw,{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(jt,{title:d,arrow:!0,children:h.jsx(ft,{icon:p(),label:y(),color:g(),size:"small",variant:"filled",sx:{borderRadius:1,fontWeight:600,"& .MuiChip-icon":{color:"inherit"}}})})}const C0t=e=>A.createElement("svg",{viewBox:"0 0 91 89",xmlSpace:"preserve",xmlns:"http://www.w3.org/2000/svg",...e},A.createElement("g",{style:{display:"inline"}},A.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"}),A.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"}))),E0t=e=>{const t=Iue();return h.jsxs(le,{component:Dc,to:_t.dashboard,sx:{display:"flex",alignItems:"center",justifyContent:e.large?"flex-start":"center",flexGrow:1,textDecoration:"none",color:"inherit"},children:[h.jsx(C0t,{style:{height:"40px"}}),h.jsx(oe,{variant:"inherit",component:"span",sx:{mr:1,ml:1},children:t.name.split("-").map(be).join("-")}),e.large&&h.jsx(oe,{variant:"caption",component:"span",children:t.version})]})},k0t=()=>{const e=x0t("(min-width:600px)"),{mode:t,setMode:n}=Mw(),[r,i]=A.useState(!1),[o,s]=A.useState(!1),a=Wu(),l=Of(),c=y=>y?y==="/"?l.pathname==="/":l.pathname.startsWith(y):!1,u=()=>{n(t==="dark"?"light":"dark")},{t:d}=nn(),p=[{label:d("dashboard.title"),icon:h.jsx(vM,{}),to:_t.dashboard},{label:d("nav.bridges"),icon:h.jsx(Ly,{}),to:_t.bridges},{label:d("nav.devices"),icon:h.jsx(sa,{}),to:_t.devices},{label:d("nav.networkMap"),icon:h.jsx(gM,{}),to:_t.networkMap},{label:d("nav.startupOrder"),icon:h.jsx(cg,{}),to:_t.startup},{label:d("nav.lockCredentials"),icon:h.jsx(_u,{}),to:_t.lockCredentials},{label:d("nav.filterReference"),icon:h.jsx(xM,{}),to:_t.labels},{label:"Plugins",icon:h.jsx($y,{}),to:_t.plugins},{label:d("nav.settings"),icon:h.jsx(dg,{}),to:_t.settings},{label:d(t==="dark"?"nav.lightMode":"nav.darkMode"),icon:t==="dark"?h.jsx(jAe,{}):h.jsx(wAe,{}),onClick:u},{label:d("nav.systemLogs"),icon:h.jsx(lC,{}),onClick:()=>i(!0)},{label:d("nav.health"),icon:h.jsx(QT,{}),to:_t.health}],g=y=>{s(!1),y.onClick?y.onClick():y.to&&a(y.to)};return h.jsxs(le,{children:[h.jsx(l0t,{sx:{height:"72px"},children:h.jsx(Rue,{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(E0t,{large:e}),e?h.jsxs(le,{sx:{display:"flex",alignItems:"center",gap:1},children:[p.map(y=>y.to?h.jsx(jt,{title:y.label,children:h.jsx(Wt,{component:Dc,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(jt,{title:y.label,children:h.jsx(Wt,{onClick:y.onClick,sx:{color:"inherit"},children:y.icon})},y.label)),h.jsx(aX,{})]}):h.jsxs(le,{sx:{display:"flex",alignItems:"center",gap:.5},children:[h.jsx(aX,{}),h.jsx(Wt,{onClick:()=>s(!0),sx:{color:"inherit"},children:h.jsx(PAe,{})})]})]})})}),h.jsx(v0t,{anchor:"right",open:o,onClose:()=>s(!1),children:h.jsx(ts,{sx:{width:250},children:p.map(y=>h.jsxs(NSe,{selected:c(y.to),onClick:()=>g(y),children:[h.jsx(Zo,{children:y.icon}),h.jsx(Eo,{primary:y.label})]},y.label))})}),h.jsx(w0t,{open:r,onClose:()=>i(!1)})]})},A0t=()=>{const{versionMismatch:e,frontendVersion:t,backendVersion:n}=Iue(),{isConnected:r}=OZ();return h.jsxs(le,{children:[h.jsx(k0t,{}),h.jsx(Rue,{}),e&&h.jsxs(Ht,{severity:"warning",variant:"filled",sx:{borderRadius:0},action:h.jsx(We,{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(qmt,{children:h.jsx(NX,{})})}),h.jsx(i0t,{}),h.jsx(t0t,{})]})},D0t=_w({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 oS=document.getElementsByTagName("base")[0]?.href?.replace(/\/$/,"");oS?.startsWith("http")&&(oS=new URL(oS).pathname);const _0t=Rme([{path:"/",element:h.jsx(A0t,{}),children:$mt}],{basename:oS});Xfe.createRoot(document.getElementById("root")).render(h.jsx(A.StrictMode,{children:h.jsx(hhe,{store:Hmt,children:h.jsxs(Sxe,{theme:D0t,children:[h.jsx(gxe,{}),h.jsx(qJ,{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(V5e,{children:h.jsx(P3e,{children:h.jsx(Vme,{router:_0t})})})]})})}));
|
|
499
|
+
`},opt={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 spt(e){let{announcements:t=opt,container:n,hiddenTextDescribedById:r,screenReaderInstructions:i=ipt}=e;const{announce:o,announcement:s}=tpt(),a=$v("DndLiveRegion"),[l,c]=A.useState(!1);if(A.useEffect(()=>{c(!0)},[]),npt(A.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=en.createElement(en.Fragment,null,en.createElement(Qht,{id:r,value:i.draggable}),en.createElement(ept,{id:a,announcement:s}));return n?Hd.createPortal(u,n):u}var Vi;(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"})(Vi||(Vi={}));function ow(){}function qY(e,t){return A.useMemo(()=>({sensor:e,options:t??{}}),[e,t])}function apt(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return A.useMemo(()=>[...t].filter(r=>r!=null),[...t])}const El=Object.freeze({x:0,y:0});function fue(e,t){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}function hue(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return n-r}function lpt(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return r-n}function GY(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 pue(e,t){if(!e||e.length===0)return null;const[n]=e;return n[t]}function KY(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 cpt=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const i=KY(t,t.left,t.top),o=[];for(const s of r){const{id:a}=s,l=n.get(a);if(l){const c=fue(KY(l),i);o.push({id:a,data:{droppableContainer:s,value:c}})}}return o.sort(hue)},upt=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const i=GY(t),o=[];for(const s of r){const{id:a}=s,l=n.get(a);if(l){const c=GY(l),u=i.reduce((p,g,y)=>p+fue(c[y],g),0),d=Number((u/4).toFixed(4));o.push({id:a,data:{droppableContainer:s,value:d}})}}return o.sort(hue)};function dpt(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 fpt=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=dpt(a,t);l>0&&i.push({id:s,data:{droppableContainer:o,value:l}})}}return i.sort(lpt)};function hpt(e,t,n){return{...e,scaleX:t&&n?t.width/n.width:1,scaleY:t&&n?t.height/n.height:1}}function mue(e,t){return e&&t?{x:e.left-t.left,y:e.top-t.top}:El}function ppt(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 mpt=ppt(1);function gpt(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 ypt(e,t,n){const r=gpt(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 bpt={ignoreTransform:!1};function Pg(e,t){t===void 0&&(t=bpt);let n=e.getBoundingClientRect();if(t.ignoreTransform){const{transform:c,transformOrigin:u}=Rs(e).getComputedStyle(e);c&&(n=ypt(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 YY(e){return Pg(e,{ignoreTransform:!0})}function vpt(e){const t=e.innerWidth,n=e.innerHeight;return{top:0,left:0,right:t,bottom:n,width:t,height:n}}function xpt(e,t){return t===void 0&&(t=Rs(e).getComputedStyle(e)),t.position==="fixed"}function Spt(e,t){t===void 0&&(t=Rs(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 T8(e,t){const n=[];function r(i){if(t!=null&&n.length>=t||!i)return n;if(mj(i)&&i.scrollingElement!=null&&!n.includes(i.scrollingElement))return n.push(i.scrollingElement),n;if(!jv(i)||cue(i)||n.includes(i))return n;const o=Rs(e).getComputedStyle(i);return i!==e&&Spt(i,o)&&n.push(i),xpt(i,o)?n:r(i.parentNode)}return e?r(e):n}function gue(e){const[t]=T8(e,1);return t??null}function HA(e){return!O8||!e?null:Ig(e)?e:pj(e)?mj(e)||e===jg(e).scrollingElement?window:jv(e)?e:null:null}function yue(e){return Ig(e)?e.scrollX:e.scrollLeft}function bue(e){return Ig(e)?e.scrollY:e.scrollTop}function GO(e){return{x:yue(e),y:bue(e)}}var ro;(function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"})(ro||(ro={}));function vue(e){return!O8||!e?!1:e===document.scrollingElement}function xue(e){const t={x:0,y:0},n=vue(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 wpt={x:.2,y:.2};function Cpt(e,t,n,r,i){let{top:o,left:s,right:a,bottom:l}=n;r===void 0&&(r=10),i===void 0&&(i=wpt);const{isTop:c,isBottom:u,isLeft:d,isRight:p}=xue(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=ro.Backward,y.y=r*Math.abs((t.top+b.height-o)/b.height)):!u&&l>=t.bottom-b.height&&(g.y=ro.Forward,y.y=r*Math.abs((t.bottom-b.height-l)/b.height)),!p&&a>=t.right-b.width?(g.x=ro.Forward,y.x=r*Math.abs((t.right-b.width-a)/b.width)):!d&&s<=t.left+b.width&&(g.x=ro.Backward,y.x=r*Math.abs((t.left+b.width-s)/b.width)),{direction:g,speed:y}}function Ept(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 Sue(e){return e.reduce((t,n)=>C0(t,GO(n)),El)}function kpt(e){return e.reduce((t,n)=>t+yue(n),0)}function Apt(e){return e.reduce((t,n)=>t+bue(n),0)}function Dpt(e,t){if(t===void 0&&(t=Pg),!e)return;const{top:n,left:r,bottom:i,right:o}=t(e);gue(e)&&(i<=0||o<=0||n>=window.innerHeight||r>=window.innerWidth)&&e.scrollIntoView({block:"center",inline:"center"})}const _pt=[["x",["left","right"],kpt],["y",["top","bottom"],Apt]];class bj{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=T8(n),i=Sue(r);this.rect={...t},this.width=t.width,this.height=t.height;for(const[o,s,a]of _pt)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 o2{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 Opt(e){const{EventTarget:t}=Rs(e);return e instanceof t?e:jg(e)}function UA(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 Ca;(function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"})(Ca||(Ca={}));function XY(e){e.preventDefault()}function Tpt(e){e.stopPropagation()}var qn;(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"})(qn||(qn={}));const wue={start:[qn.Space,qn.Enter],cancel:[qn.Esc],end:[qn.Space,qn.Enter,qn.Tab]},Mpt=(e,t)=>{let{currentCoordinates:n}=t;switch(e.code){case qn.Right:return{...n,x:n.x+25};case qn.Left:return{...n,x:n.x-25};case qn.Down:return{...n,y:n.y+25};case qn.Up:return{...n,y:n.y-25}}};class vj{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 o2(jg(n)),this.windowListeners=new o2(Rs(n)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(Ca.Resize,this.handleCancel),this.windowListeners.add(Ca.VisibilityChange,this.handleCancel),setTimeout(()=>this.listeners.add(Ca.Keydown,this.handleKeyDown))}handleStart(){const{activeNode:t,onStart:n}=this.props,r=t.node.current;r&&Dpt(r),n(El)}handleKeyDown(t){if(yj(t)){const{active:n,context:r,options:i}=this.props,{keyboardCodes:o=wue,coordinateGetter:s=Mpt,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}:El;this.referenceCoordinates||(this.referenceCoordinates=u);const d=s(t,{active:n,context:r.current,currentCoordinates:u});if(d){const p=_b(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:k,maxScroll:E,minScroll:O}=xue(b),_=Ept(b),T={x:Math.min(v===qn.Right?_.right-_.width/2:_.right,Math.max(v===qn.Right?_.left:_.left+_.width/2,d.x)),y:Math.min(v===qn.Down?_.bottom-_.height/2:_.bottom,Math.max(v===qn.Down?_.top:_.top+_.height/2,d.y))},I=v===qn.Right&&!C||v===qn.Left&&!w,P=v===qn.Down&&!k||v===qn.Up&&!S;if(I&&T.x!==d.x){const N=b.scrollLeft+p.x,M=v===qn.Right&&N<=E.x||v===qn.Left&&N>=O.x;if(M&&!p.y){b.scrollTo({left:N,behavior:a});return}M?g.x=b.scrollLeft-N:g.x=v===qn.Right?b.scrollLeft-E.x:b.scrollLeft-O.x,g.x&&b.scrollBy({left:-g.x,behavior:a});break}else if(P&&T.y!==d.y){const N=b.scrollTop+p.y,M=v===qn.Down&&N<=E.y||v===qn.Up&&N>=O.y;if(M&&!p.x){b.scrollTo({top:N,behavior:a});return}M?g.y=b.scrollTop-N:g.y=v===qn.Down?b.scrollTop-E.y:b.scrollTop-O.y,g.y&&b.scrollBy({top:-g.y,behavior:a});break}}this.handleMove(t,C0(_b(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()}}vj.activators=[{eventName:"onKeyDown",handler:(e,t,n)=>{let{keyboardCodes:r=wue,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 JY(e){return!!(e&&"distance"in e)}function ZY(e){return!!(e&&"delay"in e)}class xj{constructor(t,n,r){var i;r===void 0&&(r=Opt(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=jg(s),this.documentListeners=new o2(this.document),this.listeners=new o2(r),this.windowListeners=new o2(Rs(s)),this.initialCoordinates=(i=qO(o))!=null?i:El,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(Ca.Resize,this.handleCancel),this.windowListeners.add(Ca.DragStart,XY),this.windowListeners.add(Ca.VisibilityChange,this.handleCancel),this.windowListeners.add(Ca.ContextMenu,XY),this.documentListeners.add(Ca.Keydown,this.handleKeydown),n){if(r!=null&&r({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(ZY(n)){this.timeoutId=setTimeout(this.handleStart,n.delay),this.handlePending(n);return}if(JY(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(Ca.Click,Tpt,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(Ca.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=qO(t))!=null?n:El,c=_b(i,l);if(!r&&a){if(JY(a)){if(a.tolerance!=null&&UA(c,a.tolerance))return this.handleCancel();if(UA(c,a.distance))return this.handleStart()}if(ZY(a)&&UA(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===qn.Esc&&this.handleCancel()}removeTextSelection(){var t;(t=this.document.getSelection())==null||t.removeAllRanges()}}const Rpt={cancel:{name:"pointercancel"},move:{name:"pointermove"},end:{name:"pointerup"}};class Sj extends xj{constructor(t){const{event:n}=t,r=jg(n.target);super(t,Rpt,r)}}Sj.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 Ipt={move:{name:"mousemove"},end:{name:"mouseup"}};var KO;(function(e){e[e.RightClick=2]="RightClick"})(KO||(KO={}));class jpt extends xj{constructor(t){super(t,Ipt,jg(t.event.target))}}jpt.activators=[{eventName:"onMouseDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return n.button===KO.RightClick?!1:(r?.({event:n}),!0)}}];const VA={cancel:{name:"touchcancel"},move:{name:"touchmove"},end:{name:"touchend"}};class Ppt extends xj{constructor(t){super(t,VA)}static setup(){return window.addEventListener(VA.move.name,t,{capture:!1,passive:!1}),function(){window.removeEventListener(VA.move.name,t)};function t(){}}}Ppt.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 s2;(function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"})(s2||(s2={}));var sw;(function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"})(sw||(sw={}));function $pt(e){let{acceleration:t,activator:n=s2.Pointer,canScroll:r,draggingRect:i,enabled:o,interval:s=5,order:a=sw.TreeOrder,pointerCoordinates:l,scrollableAncestors:c,scrollableAncestorRects:u,delta:d,threshold:p}=e;const g=Npt({delta:d,disabled:!o}),[y,b]=Kht(),v=A.useRef({x:0,y:0}),S=A.useRef({x:0,y:0}),C=A.useMemo(()=>{switch(n){case s2.Pointer:return l?{top:l.y,bottom:l.y,left:l.x,right:l.x}:null;case s2.DraggableRect:return i}},[n,i,l]),w=A.useRef(null),k=A.useCallback(()=>{const O=w.current;if(!O)return;const _=v.current.x*S.current.x,T=v.current.y*S.current.y;O.scrollBy(_,T)},[]),E=A.useMemo(()=>a===sw.TreeOrder?[...c].reverse():c,[a,c]);A.useEffect(()=>{if(!o||!c.length||!C){b();return}for(const O of E){if(r?.(O)===!1)continue;const _=c.indexOf(O),T=u[_];if(!T)continue;const{direction:I,speed:P}=Cpt(O,T,C,t,p);for(const N of["x","y"])g[N][I[N]]||(P[N]=0,I[N]=0);if(P.x>0||P.y>0){b(),w.current=O,y(k,s),v.current=P,S.current=I;return}}v.current={x:0,y:0},S.current={x:0,y:0},b()},[t,k,r,b,o,s,JSON.stringify(C),JSON.stringify(g),y,c,E,u,JSON.stringify(p)])}const Lpt={x:{[ro.Backward]:!1,[ro.Forward]:!1},y:{[ro.Backward]:!1,[ro.Forward]:!1}};function Npt(e){let{delta:t,disabled:n}=e;const r=WO(t);return Pv(i=>{if(n||!r||!i)return Lpt;const o={x:Math.sign(t.x-r.x),y:Math.sign(t.y-r.y)};return{x:{[ro.Backward]:i.x[ro.Backward]||o.x===-1,[ro.Forward]:i.x[ro.Forward]||o.x===1},y:{[ro.Backward]:i.y[ro.Backward]||o.y===-1,[ro.Forward]:i.y[ro.Forward]||o.y===1}}},[n,t,r])}function Fpt(e,t){const n=t!=null?e.get(t):void 0,r=n?n.node.current:null;return Pv(i=>{var o;return t==null?null:(o=r??i)!=null?o:null},[r,t])}function Bpt(e,t){return A.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 Tb;(function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"})(Tb||(Tb={}));var YO;(function(e){e.Optimized="optimized"})(YO||(YO={}));const QY=new Map;function zpt(e,t){let{dragging:n,dependencies:r,config:i}=t;const[o,s]=A.useState(null),{frequency:a,measure:l,strategy:c}=i,u=A.useRef(e),d=v(),p=Db(d),g=A.useCallback(function(S){S===void 0&&(S=[]),!p.current&&s(C=>C===null?S:C.concat(S.filter(w=>!C.includes(w))))},[p]),y=A.useRef(null),b=Pv(S=>{if(d&&!n)return QY;if(!S||S===QY||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 k=w.node.current,E=k?new bj(l(k),k):null;w.rect.current=E,E&&C.set(w.id,E)}return C}return S},[e,o,n,d,l]);return A.useEffect(()=>{u.current=e},[e]),A.useEffect(()=>{d||g()},[n,d]),A.useEffect(()=>{o&&o.length>0&&s(null)},[JSON.stringify(o)]),A.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 Tb.Always:return!1;case Tb.BeforeDragging:return n;default:return!n}}}function Cue(e,t){return Pv(n=>e?n||(typeof t=="function"?t(e):e):null,[t,e])}function Hpt(e,t){return Cue(e,t)}function Upt(e){let{callback:t,disabled:n}=e;const r=gj(t),i=A.useMemo(()=>{if(n||typeof window>"u"||typeof window.MutationObserver>"u")return;const{MutationObserver:o}=window;return new o(r)},[r,n]);return A.useEffect(()=>()=>i?.disconnect(),[i]),i}function M8(e){let{callback:t,disabled:n}=e;const r=gj(t),i=A.useMemo(()=>{if(n||typeof window>"u"||typeof window.ResizeObserver>"u")return;const{ResizeObserver:o}=window;return new o(r)},[n]);return A.useEffect(()=>()=>i?.disconnect(),[i]),i}function Vpt(e){return new bj(Pg(e),e)}function eX(e,t,n){t===void 0&&(t=Vpt);const[r,i]=A.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=Upt({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=M8({callback:o});return Ic(()=>{o(),e?(a?.observe(e),s?.observe(document.body,{childList:!0,subtree:!0})):(a?.disconnect(),s?.disconnect())},[e]),r}function Wpt(e){const t=Cue(e);return mue(e,t)}const tX=[];function qpt(e){const t=A.useRef(e),n=Pv(r=>e?r&&r!==tX&&e&&t.current&&e.parentNode===t.current.parentNode?r:T8(e):tX,[e]);return A.useEffect(()=>{t.current=e},[e]),n}function Gpt(e){const[t,n]=A.useState(null),r=A.useRef(e),i=A.useCallback(o=>{const s=HA(o.target);s&&n(a=>a?(a.set(s,GO(s)),new Map(a)):null)},[]);return A.useEffect(()=>{const o=r.current;if(e!==o){s(o);const a=e.map(l=>{const c=HA(l);return c?(c.addEventListener("scroll",i,{passive:!0}),[c,GO(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=HA(l);c?.removeEventListener("scroll",i)})}},[i,e]),A.useMemo(()=>e.length?t?Array.from(t.values()).reduce((o,s)=>C0(o,s),El):Sue(e):El,[e,t])}function nX(e,t){t===void 0&&(t=[]);const n=A.useRef(null);return A.useEffect(()=>{n.current=null},t),A.useEffect(()=>{const r=e!==El;r&&!n.current&&(n.current=e),!r&&n.current&&(n.current=null)},[e]),n.current?_b(e,n.current):El}function Kpt(e){A.useEffect(()=>{if(!O8)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 Ypt(e,t){return A.useMemo(()=>e.reduce((n,r)=>{let{eventName:i,handler:o}=r;return n[i]=s=>{o(s,t)},n},{}),[e,t])}function Eue(e){return A.useMemo(()=>e?vpt(e):null,[e])}const rX=[];function Xpt(e,t){t===void 0&&(t=Pg);const[n]=e,r=Eue(n?Rs(n):null),[i,o]=A.useState(rX);function s(){o(()=>e.length?e.map(l=>vue(l)?r:new bj(t(l),l)):rX)}const a=M8({callback:s});return Ic(()=>{a?.disconnect(),s(),e.forEach(l=>a?.observe(l))},[e]),i}function Jpt(e){if(!e)return null;if(e.children.length>1)return e;const t=e.children[0];return jv(t)?t:e}function Zpt(e){let{measure:t}=e;const[n,r]=A.useState(null),i=A.useCallback(c=>{for(const{target:u}of c)if(jv(u)){r(d=>{const p=t(u);return d?{...d,width:p.width,height:p.height}:p});break}},[t]),o=M8({callback:i}),s=A.useCallback(c=>{const u=Jpt(c);o?.disconnect(),u&&o?.observe(u),r(u?t(u):null)},[t,o]),[a,l]=iw(s);return A.useMemo(()=>({nodeRef:a,rect:n,setRef:l}),[n,a,l])}const Qpt=[{sensor:Sj,options:{}},{sensor:vj,options:{}}],emt={current:{}},iS={draggable:{measure:YY},droppable:{measure:YY,strategy:Tb.WhileDragging,frequency:YO.Optimized},dragOverlay:{measure:Pg}};class a2 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 tmt={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new a2,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:ow},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:iS,measureDroppableContainers:ow,windowRect:null,measuringScheduled:!1},nmt={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:ow,draggableNodes:new Map,over:null,measureDroppableContainers:ow},R8=A.createContext(nmt),kue=A.createContext(tmt);function rmt(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new a2}}}function imt(e,t){switch(t.type){case Vi.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:t.initialCoordinates,active:t.active}};case Vi.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 Vi.DragEnd:case Vi.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case Vi.RegisterDroppable:{const{element:n}=t,{id:r}=n,i=new a2(e.droppable.containers);return i.set(r,n),{...e,droppable:{...e.droppable,containers:i}}}case Vi.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 a2(e.droppable.containers);return s.set(n,{...o,disabled:i}),{...e,droppable:{...e.droppable,containers:s}}}case Vi.UnregisterDroppable:{const{id:n,key:r}=t,i=e.droppable.containers.get(n);if(!i||r!==i.key)return e;const o=new a2(e.droppable.containers);return o.delete(n),{...e,droppable:{...e.droppable,containers:o}}}default:return e}}function omt(e){let{disabled:t}=e;const{active:n,activatorEvent:r,draggableNodes:i}=A.useContext(R8),o=WO(r),s=WO(n?.id);return A.useEffect(()=>{if(!t&&!r&&o&&s!=null){if(!yj(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=Jht(u);if(d){d.focus();break}}})}},[r,t,i,s,o]),null}function smt(e,t){let{transform:n,...r}=t;return e!=null&&e.length?e.reduce((i,o)=>o({transform:i,...r}),n):n}function amt(e){return A.useMemo(()=>({draggable:{...iS.draggable,...e?.draggable},droppable:{...iS.droppable,...e?.droppable},dragOverlay:{...iS.dragOverlay,...e?.dragOverlay}}),[e?.draggable,e?.droppable,e?.dragOverlay])}function lmt(e){let{activeNode:t,measure:n,initialRect:r,config:i=!0}=e;const o=A.useRef(!1),{x:s,y:a}=typeof i=="boolean"?{x:i,y:i}:i;Ic(()=>{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=mue(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=gue(c);p&&p.scrollBy({top:d.y,left:d.x})}},[t,s,a,r,n])}const Aue=A.createContext({...El,scaleX:1,scaleY:1});var jd;(function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"})(jd||(jd={}));const cmt=A.memo(function(t){var n,r,i,o;let{id:s,accessibility:a,autoScroll:l=!0,children:c,sensors:u=Qpt,collisionDetection:d=fpt,measuring:p,modifiers:g,...y}=t;const b=A.useReducer(imt,void 0,rmt),[v,S]=b,[C,w]=rpt(),[k,E]=A.useState(jd.Uninitialized),O=k===jd.Initialized,{draggable:{active:_,nodes:T,translate:I},droppable:{containers:P}}=v,N=_!=null?T.get(_):null,M=A.useRef({initial:null,translated:null}),$=A.useMemo(()=>{var Tt;return _!=null?{id:_,data:(Tt=N?.data)!=null?Tt:emt,rect:M}:null},[_,N]),L=A.useRef(null),[z,F]=A.useState(null),[V,W]=A.useState(null),q=Db(y,Object.values(y)),X=$v("DndDescribedBy",s),B=A.useMemo(()=>P.getEnabled(),[P]),U=amt(p),{droppableRects:Y,measureDroppableContainers:H,measuringScheduled:G}=zpt(B,{dragging:O,dependencies:[I.x,I.y],config:U.droppable}),Z=Fpt(T,_),se=A.useMemo(()=>V?qO(V):null,[V]),te=pr(),ie=Hpt(Z,U.draggable.measure);lmt({activeNode:_!=null?T.get(_):null,config:te.layoutShiftCompensation,initialRect:ie,measure:U.draggable.measure});const ne=eX(Z,U.draggable.measure,ie),J=eX(Z?Z.parentElement:null),Q=A.useRef({activatorEvent:null,active:null,activeNode:Z,collisionRect:null,collisions:null,droppableRects:Y,draggableNodes:T,draggingNode:null,draggingNodeRect:null,droppableContainers:P,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),ee=P.getNodeFor((n=Q.current.over)==null?void 0:n.id),ae=Zpt({measure:U.dragOverlay.measure}),de=(r=ae.nodeRef.current)!=null?r:Z,me=O?(i=ae.rect)!=null?i:ne:null,Te=!!(ae.nodeRef.current&&ae.rect),Se=Wpt(Te?null:ne),Be=Eue(de?Rs(de):null),Le=qpt(O?ee??Z:null),De=Xpt(Le),Me=smt(g,{transform:{x:I.x-Se.x,y:I.y-Se.y,scaleX:1,scaleY:1},activatorEvent:V,active:$,activeNodeRect:ne,containerNodeRect:J,draggingNodeRect:me,over:Q.current.over,overlayNodeRect:ae.rect,scrollableAncestors:Le,scrollableAncestorRects:De,windowRect:Be}),it=se?C0(se,I):null,Ke=Gpt(Le),ze=nX(Ke),Re=nX(Ke,[ne]),Ve=C0(Me,ze),Ze=me?mpt(me,Me):null,at=$&&Ze?d({active:$,collisionRect:Ze,droppableRects:Y,droppableContainers:B,pointerCoordinates:it}):null,ut=pue(at,"id"),[Je,Bt]=A.useState(null),Ut=Te?Me:C0(Me,Re),Mt=hpt(Ut,(o=Je?.rect)!=null?o:null,ne),Nn=A.useRef(null),ln=A.useCallback((Tt,Lt)=>{let{sensor:rn,options:Mn}=Lt;if(L.current==null)return;const cn=T.get(L.current);if(!cn)return;const Et=Tt.nativeEvent,gn=new rn({active:L.current,activeNode:cn,event:Et,options:Mn,context:Q,onAbort(mt){if(!T.get(mt))return;const{onDragAbort:ce}=q.current,he={id:mt};ce?.(he),C({type:"onDragAbort",event:he})},onPending(mt,Vt,ce,he){if(!T.get(mt))return;const{onDragPending:Pe}=q.current,Ue={id:mt,constraint:Vt,initialCoordinates:ce,offset:he};Pe?.(Ue),C({type:"onDragPending",event:Ue})},onStart(mt){const Vt=L.current;if(Vt==null)return;const ce=T.get(Vt);if(!ce)return;const{onDragStart:he}=q.current,ve={activatorEvent:Et,active:{id:Vt,data:ce.data,rect:M}};Hd.unstable_batchedUpdates(()=>{he?.(ve),E(jd.Initializing),S({type:Vi.DragStart,initialCoordinates:mt,active:Vt}),C({type:"onDragStart",event:ve}),F(Nn.current),W(Et)})},onMove(mt){S({type:Vi.DragMove,coordinates:mt})},onEnd:lt(Vi.DragEnd),onCancel:lt(Vi.DragCancel)});Nn.current=gn;function lt(mt){return async function(){const{active:ce,collisions:he,over:ve,scrollAdjustedTranslate:Pe}=Q.current;let Ue=null;if(ce&&Pe){const{cancelDrop:vt}=q.current;Ue={activatorEvent:Et,active:ce,collisions:he,delta:Pe,over:ve},mt===Vi.DragEnd&&typeof vt=="function"&&await Promise.resolve(vt(Ue))&&(mt=Vi.DragCancel)}L.current=null,Hd.unstable_batchedUpdates(()=>{S({type:mt}),E(jd.Uninitialized),Bt(null),F(null),W(null),Nn.current=null;const vt=mt===Vi.DragEnd?"onDragEnd":"onDragCancel";if(Ue){const ot=q.current[vt];ot?.(Ue),C({type:vt,event:Ue})}})}}},[T]),ht=A.useCallback((Tt,Lt)=>(rn,Mn)=>{const cn=rn.nativeEvent,Et=T.get(Mn);if(L.current!==null||!Et||cn.dndKit||cn.defaultPrevented)return;const gn={active:Et};Tt(rn,Lt.options,gn)===!0&&(cn.dndKit={capturedBy:Lt.sensor},L.current=Mn,ln(rn,Lt))},[T,ln]),Kt=Bpt(u,ht);Kpt(u),Ic(()=>{ne&&k===jd.Initializing&&E(jd.Initialized)},[ne,k]),A.useEffect(()=>{const{onDragMove:Tt}=q.current,{active:Lt,activatorEvent:rn,collisions:Mn,over:cn}=Q.current;if(!Lt||!rn)return;const Et={active:Lt,activatorEvent:rn,collisions:Mn,delta:{x:Ve.x,y:Ve.y},over:cn};Hd.unstable_batchedUpdates(()=>{Tt?.(Et),C({type:"onDragMove",event:Et})})},[Ve.x,Ve.y]),A.useEffect(()=>{const{active:Tt,activatorEvent:Lt,collisions:rn,droppableContainers:Mn,scrollAdjustedTranslate:cn}=Q.current;if(!Tt||L.current==null||!Lt||!cn)return;const{onDragOver:Et}=q.current,gn=Mn.get(ut),lt=gn&&gn.rect.current?{id:gn.id,rect:gn.rect.current,data:gn.data,disabled:gn.disabled}:null,mt={active:Tt,activatorEvent:Lt,collisions:rn,delta:{x:cn.x,y:cn.y},over:lt};Hd.unstable_batchedUpdates(()=>{Bt(lt),Et?.(mt),C({type:"onDragOver",event:mt})})},[ut]),Ic(()=>{Q.current={activatorEvent:V,active:$,activeNode:Z,collisionRect:Ze,collisions:at,droppableRects:Y,draggableNodes:T,draggingNode:de,draggingNodeRect:me,droppableContainers:P,over:Je,scrollableAncestors:Le,scrollAdjustedTranslate:Ve},M.current={initial:me,translated:Ze}},[$,Z,at,Ze,T,de,me,Y,P,Je,Le,Ve]),$pt({...te,delta:I,draggingRect:Ze,pointerCoordinates:it,scrollableAncestors:Le,scrollableAncestorRects:De});const dn=A.useMemo(()=>({active:$,activeNode:Z,activeNodeRect:ne,activatorEvent:V,collisions:at,containerNodeRect:J,dragOverlay:ae,draggableNodes:T,droppableContainers:P,droppableRects:Y,over:Je,measureDroppableContainers:H,scrollableAncestors:Le,scrollableAncestorRects:De,measuringConfiguration:U,measuringScheduled:G,windowRect:Be}),[$,Z,ne,V,at,J,ae,T,P,Y,Je,H,Le,De,U,G,Be]),Xn=A.useMemo(()=>({activatorEvent:V,activators:Kt,active:$,activeNodeRect:ne,ariaDescribedById:{draggable:X},dispatch:S,draggableNodes:T,over:Je,measureDroppableContainers:H}),[V,Kt,$,ne,S,X,T,Je,H]);return en.createElement(due.Provider,{value:w},en.createElement(R8.Provider,{value:Xn},en.createElement(kue.Provider,{value:dn},en.createElement(Aue.Provider,{value:Mt},c)),en.createElement(omt,{disabled:a?.restoreFocus===!1})),en.createElement(spt,{...a,hiddenTextDescribedById:X}));function pr(){const Tt=z?.autoScrollEnabled===!1,Lt=typeof l=="object"?l.enabled===!1:l===!1,rn=O&&!Tt&&!Lt;return typeof l=="object"?{...l,enabled:rn}:{enabled:rn}}}),umt=A.createContext(null),iX="button",dmt="Draggable";function fmt(e){let{id:t,data:n,disabled:r=!1,attributes:i}=e;const o=$v(dmt),{activators:s,activatorEvent:a,active:l,activeNodeRect:c,ariaDescribedById:u,draggableNodes:d,over:p}=A.useContext(R8),{role:g=iX,roleDescription:y="draggable",tabIndex:b=0}=i??{},v=l?.id===t,S=A.useContext(v?Aue:umt),[C,w]=iw(),[k,E]=iw(),O=Ypt(s,t),_=Db(n);Ic(()=>(d.set(t,{id:t,key:o,node:C,activatorNode:k,data:_}),()=>{const I=d.get(t);I&&I.key===o&&d.delete(t)}),[d,t]);const T=A.useMemo(()=>({role:g,tabIndex:b,"aria-disabled":r,"aria-pressed":v&&g===iX?!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:O,node:C,over:p,setNodeRef:w,setActivatorNodeRef:E,transform:S}}function hmt(){return A.useContext(kue)}const pmt="Droppable",mmt={timeout:25};function gmt(e){let{data:t,disabled:n=!1,id:r,resizeObserverConfig:i}=e;const o=$v(pmt),{active:s,dispatch:a,over:l,measureDroppableContainers:c}=A.useContext(R8),u=A.useRef({disabled:n}),d=A.useRef(!1),p=A.useRef(null),g=A.useRef(null),{disabled:y,updateMeasurementsFor:b,timeout:v}={...mmt,...i},S=Db(b??r),C=A.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=M8({callback:C,disabled:y||!s}),k=A.useCallback((T,I)=>{w&&(I&&(w.unobserve(I),d.current=!1),T&&w.observe(T))},[w]),[E,O]=iw(k),_=Db(t);return A.useEffect(()=>{!w||!E.current||(w.disconnect(),d.current=!1,w.observe(E.current))},[E,w]),A.useEffect(()=>(a({type:Vi.RegisterDroppable,element:{id:r,key:o,disabled:n,node:E,rect:p,data:_}}),()=>a({type:Vi.UnregisterDroppable,key:o,id:r})),[r]),A.useEffect(()=>{n!==u.current.disabled&&(a({type:Vi.SetDroppableDisabled,id:r,key:o,disabled:n}),u.current.disabled=n)},[r,o,n,a]),{active:s,rect:p,isOver:l?.id===r,node:E,over:l,setNodeRef:O}}function wj(e,t,n){const r=e.slice();return r.splice(n<0?r.length+n:n,0,r.splice(t,1)[0]),r}function ymt(e,t){return e.reduce((n,r,i)=>{const o=t.get(r);return o&&(n[i]=o),n},Array(e.length))}function n4(e){return e!==null&&e>=0}function bmt(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 vmt(e){return typeof e=="boolean"?{draggable:e,droppable:e}:e}const Due=e=>{let{rects:t,activeIndex:n,overIndex:r,index:i}=e;const o=wj(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}},r4={scaleX:1,scaleY:1},xmt=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,...r4}:null}const l=Smt(o,i,n);return i>n&&i<=s?{x:0,y:-a.height-l,...r4}:i<n&&i>=s?{x:0,y:a.height+l,...r4}:{x:0,y:0,...r4}};function Smt(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 _ue="Sortable",Oue=en.createContext({activeIndex:-1,containerId:_ue,disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:Due,disabled:{draggable:!1,droppable:!1}});function wmt(e){let{children:t,id:n,items:r,strategy:i=Due,disabled:o=!1}=e;const{active:s,dragOverlay:a,droppableRects:l,over:c,measureDroppableContainers:u}=hmt(),d=$v(_ue,n),p=a.rect!==null,g=A.useMemo(()=>r.map(O=>typeof O=="object"&&"id"in O?O.id:O),[r]),y=s!=null,b=s?g.indexOf(s.id):-1,v=c?g.indexOf(c.id):-1,S=A.useRef(g),C=!bmt(g,S.current),w=v!==-1&&b===-1||C,k=vmt(o);Ic(()=>{C&&y&&u(g)},[C,g,y,u]),A.useEffect(()=>{S.current=g},[g]);const E=A.useMemo(()=>({activeIndex:b,containerId:d,disabled:k,disableTransforms:w,items:g,overIndex:v,useDragOverlay:p,sortedRects:ymt(g,l),strategy:i}),[b,d,k.draggable,k.droppable,w,g,v,l,p,i]);return en.createElement(Oue.Provider,{value:E},t)}const Cmt=e=>{let{id:t,items:n,activeIndex:r,overIndex:i}=e;return wj(n,r,i).indexOf(t)},Emt=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},kmt={duration:200,easing:"ease"},Tue="transform",Amt=Ob.Transition.toString({property:Tue,duration:0,easing:"linear"}),Dmt={roleDescription:"sortable"};function _mt(e){let{disabled:t,index:n,node:r,rect:i}=e;const[o,s]=A.useState(null),a=A.useRef(n);return Ic(()=>{if(!t&&n!==a.current&&r.current){const l=i.current;if(l){const c=Pg(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]),A.useEffect(()=>{o&&s(null)},[o]),o}function Omt(e){let{animateLayoutChanges:t=Emt,attributes:n,disabled:r,data:i,getNewIndex:o=Cmt,id:s,strategy:a,resizeObserverConfig:l,transition:c=kmt}=e;const{items:u,containerId:d,activeIndex:p,disabled:g,disableTransforms:y,sortedRects:b,overIndex:v,useDragOverlay:S,strategy:C}=A.useContext(Oue),w=Tmt(r,g),k=u.indexOf(s),E=A.useMemo(()=>({sortable:{containerId:d,index:k,items:u},...i}),[d,i,k,u]),O=A.useMemo(()=>u.slice(u.indexOf(s)),[u,s]),{rect:_,node:T,isOver:I,setNodeRef:P}=gmt({id:s,data:E,disabled:w.droppable,resizeObserverConfig:{updateMeasurementsFor:O,...l}}),{active:N,activatorEvent:M,activeNodeRect:$,attributes:L,setNodeRef:z,listeners:F,isDragging:V,over:W,setActivatorNodeRef:q,transform:X}=fmt({id:s,data:E,attributes:{...Dmt,...n},disabled:w.draggable}),B=Ght(P,z),U=!!N,Y=U&&!y&&n4(p)&&n4(v),H=!S&&V,G=H&&Y?X:null,se=Y?G??(a??C)({rects:b,activeNodeRect:$,activeIndex:p,overIndex:v,index:k}):null,te=n4(p)&&n4(v)?o({id:s,items:u,activeIndex:p,overIndex:v}):k,ie=N?.id,ne=A.useRef({activeId:ie,items:u,newIndex:te,containerId:d}),J=u!==ne.current.items,Q=t({active:N,containerId:d,isDragging:V,isSorting:U,id:s,index:k,items:u,newIndex:ne.current.newIndex,previousItems:ne.current.items,previousContainerId:ne.current.containerId,transition:c,wasDragging:ne.current.activeId!=null}),ee=_mt({disabled:!Q,index:k,node:T,rect:_});return A.useEffect(()=>{U&&ne.current.newIndex!==te&&(ne.current.newIndex=te),d!==ne.current.containerId&&(ne.current.containerId=d),u!==ne.current.items&&(ne.current.items=u)},[U,te,d,u]),A.useEffect(()=>{if(ie===ne.current.activeId)return;if(ie!=null&&ne.current.activeId==null){ne.current.activeId=ie;return}const de=setTimeout(()=>{ne.current.activeId=ie},50);return()=>clearTimeout(de)},[ie]),{active:N,activeIndex:p,attributes:L,data:E,rect:_,index:k,newIndex:te,items:u,isOver:I,isSorting:U,isDragging:V,listeners:F,node:T,overIndex:v,over:W,setNodeRef:B,setActivatorNodeRef:q,setDroppableNodeRef:P,setDraggableNodeRef:z,transform:ee??se,transition:ae()};function ae(){if(ee||J&&ne.current.newIndex===k)return Amt;if(!(H&&!yj(M)||!c)&&(U||Q))return Ob.Transition.toString({...c,property:Tue})}}function Tmt(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 aw(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 Mmt=[qn.Down,qn.Right,qn.Up,qn.Left],Rmt=(e,t)=>{let{context:{active:n,collisionRect:r,droppableRects:i,droppableContainers:o,over:s,scrollableAncestors:a}}=t;if(Mmt.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 qn.Down:r.top<p.top&&l.push(d);break;case qn.Up:r.top>p.top&&l.push(d);break;case qn.Left:r.left>p.left&&l.push(d);break;case qn.Right:r.left<p.left&&l.push(d);break}});const c=upt({collisionRect:r,droppableRects:i,droppableContainers:l});let u=pue(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=T8(y).some((O,_)=>a[_]!==O),S=Mue(d,p),C=Imt(d,p),w=v||!S?{x:0,y:0}:{x:C?r.width-g.width:0,y:C?r.height-g.height:0},k={x:g.left,y:g.top};return w.x&&w.y?k:_b(k,w)}}}};function Mue(e,t){return!aw(e)||!aw(t)?!1:e.data.current.sortable.containerId===t.data.current.sortable.containerId}function Imt(e,t){return!aw(e)||!aw(t)||!Mue(e,t)?!1:e.data.current.sortable.index<t.data.current.sortable.index}const jmt=({bridge:e,index:t})=>{const{attributes:n,listeners:r,setNodeRef:i,transform:o,transition:s,isDragging:a}=Omt({id:e.id}),[l,c]=A.useState(!1);A.useEffect(()=>{uC(e.id).then(c)},[e.id]);const u={transform:Ob.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(Yn,{sx:{display:"flex",alignItems:"center",gap:1.5,py:1,"&:last-child":{pb:1}},children:[h.jsx(le,{...n,...r,sx:{display:"flex",alignItems:"center",color:"text.secondary"},children:h.jsx(kAe,{})}),h.jsx(ft,{label:t+1,size:"small",color:"primary",sx:{minWidth:32,fontWeight:"bold"}}),l?h.jsx(le,{component:"img",src:D2(e.id),alt:e.name,sx:{width:40,height:40,borderRadius:"50%",objectFit:"cover",boxShadow:2}}):h.jsx(xl,{sx:{bgcolor:DM(e),width:40,height:40,boxShadow:2},children:(()=>{const d=AM(e);return h.jsx(d,{sx:{fontSize:24}})})()}),h.jsxs(le,{sx:{flex:1},children:[h.jsx(oe,{variant:"subtitle1",fontWeight:500,children:e.name}),h.jsxs(oe,{variant:"caption",color:"text.secondary",children:["Port: ",e.port," • Priority: ",e.priority??100]})]})]})})},Pmt=()=>{const{t:e}=nn(),t=Pc(),{content:n,isLoading:r}=fg(),i=qke(),[o,s]=A.useState([]),[a,l]=A.useState(!1);A.useEffect(()=>{if(n){const g=[...n].sort((y,b)=>{const v=y.priority??100,S=b.priority??100;return v-S});s(g),l(!1)}},[n]);const c=apt(qY(Sj),qY(vj,{coordinateGetter:Rmt})),u=A.useCallback(g=>{const{active:y,over:b}=g;b&&y.id!==b.id&&(s(v=>{const S=v.findIndex(w=>w.id===y.id),C=v.findIndex(w=>w.id===b.id);return wj(v,S,C)}),l(!0))},[]),d=A.useCallback(async()=>{const g=o.map((y,b)=>({id:y.id,priority:(b+1)*10}));try{await i(g),t.show({message:e("startup.saveSuccess"),severity:"success"}),l(!1)}catch(y){t.show({message:y instanceof Error?y.message:e("startup.saveFailed"),severity:"error"})}},[o,i,t,e]),p=A.useMemo(()=>o.map(g=>g.id),[o]);return r?h.jsxs(oe,{children:[e("common.loading"),"..."]}):h.jsxs(Ft,{spacing:3,children:[h.jsx(Wb,{items:[{name:e("nav.bridges"),to:_t.bridges},{name:e("startup.title"),to:_t.startup}]}),h.jsxs(le,{display:"flex",alignItems:"center",gap:2,children:[h.jsx(cg,{color:"primary",fontSize:"large"}),h.jsxs(le,{children:[h.jsx(oe,{variant:"h5",fontWeight:600,children:e("startup.title")}),h.jsx(oe,{variant:"body2",color:"text.secondary",children:e("startup.description")})]})]}),a&&h.jsx(Ht,{severity:"info",action:h.jsx(We,{color:"inherit",size:"small",startIcon:h.jsx($S,{}),onClick:d,children:e("startup.saveChanges")}),children:e("startup.unsavedChanges")}),h.jsx(cmt,{sensors:c,collisionDetection:cpt,onDragEnd:u,children:h.jsx(wmt,{items:p,strategy:xmt,children:h.jsx(Ft,{spacing:1,children:o.map((g,y)=>h.jsx(jmt,{bridge:g,index:y},g.id))})})}),o.length===0&&h.jsx(oe,{color:"text.secondary",textAlign:"center",py:4,children:e("startup.noBridges")}),a&&o.length>0&&h.jsx(le,{display:"flex",justifyContent:"flex-end",children:h.jsx(We,{variant:"contained",startIcon:h.jsx($S,{}),onClick:d,children:e("startup.saveOrder")})})]})},WA="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",plugins:"/plugins",settings:"/settings",startup:"/startup",githubRepository:"https://github.com/riddix/home-assistant-matter-hub/",documentation:WA,faq:{multiFabric:`${WA}/connect-multiple-fabrics`,bridgeConfig:`${WA}/bridge-configuration`}},$mt=[{path:"",element:h.jsx(W5e,{}),children:[{path:"",element:h.jsx(UDe,{})},{path:_t.bridges,element:h.jsx(LDe,{})},{path:_t.createBridge,element:h.jsx(Iot,{})},{path:_t.areaSetup,element:h.jsx(SSe,{})},{path:_t.bridge(":bridgeId"),element:h.jsx(lAe,{})},{path:_t.editBridge(":bridgeId"),element:h.jsx(jot,{})},{path:_t.devices,element:h.jsx(a_e,{})},{path:_t.networkMap,element:h.jsx(bht,{})},{path:_t.health,element:h.jsx(Jot,{})},{path:_t.labels,element:h.jsx(tst,{})},{path:_t.lockCredentials,element:h.jsx(ast,{})},{path:_t.plugins,element:h.jsx(zht,{})},{path:_t.settings,element:h.jsx(qht,{})},{path:_t.startup,element:h.jsx(Pmt,{})},{path:"*",element:h.jsx(lst,{})}]}],Lmt={items:{isInitialized:!1,isLoading:!1}},Nmt=jT(Lmt,e=>{e.addCase($o.pending,t=>{t.items.isLoading=!0}).addCase($o.rejected,(t,n)=>{t.items.isInitialized=!0,t.items.isLoading=!1,t.items.content=void 0,t.items.error=n.error}).addCase($o.fulfilled,(t,n)=>{t.items.isInitialized=!0,t.items.isLoading=!1,t.items.content=n.payload,t.items.error=void 0}).addCase(wZ.fulfilled,(t,n)=>{t.items.content?.push(n.payload)}).addCase(EZ.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(kZ.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(CZ.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(AZ,(t,n)=>{t.items.isInitialized=!0,t.items.isLoading=!1,t.items.content=n.payload,t.items.error=void 0}).addCase(DZ,(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)}})}),Fmt={byBridge:{}},Bmt=jT(Fmt,e=>{e.addCase(Ou.pending,(t,n)=>{t.byBridge[n.meta.arg]=qA(t.byBridge[n.meta.arg],n)}).addCase(Ou.rejected,(t,n)=>{t.byBridge[n.meta.arg]=qA(t.byBridge[n.meta.arg],n)}).addCase(Ou.fulfilled,(t,n)=>{t.byBridge[n.meta.arg]=qA(t.byBridge[n.meta.arg],n)})}),zmt={isInitialized:!1,isLoading:!1,content:void 0,error:void 0},qA=jT(zmt,e=>{e.addCase(Ou.pending,t=>{t.isLoading=!0}).addCase(Ou.rejected,(t,n)=>{t.isInitialized=!0,t.isLoading=!1,t.content=void 0,t.error=n.error}).addCase(Ou.fulfilled,(t,n)=>{t.isInitialized=!0,t.isLoading=!1,t.content=n.payload,t.error=void 0})}),Hmt=A5e({reducer:{bridges:Nmt,devices:Bmt}}),Cj=uve({createStyledComponent:ge("div",{name:"MuiContainer",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,t[`maxWidth${be(String(n.maxWidth))}`],n.fixed&&t.fixed,n.disableGutters&&t.disableGutters]}}),useThemeProps:e=>st({props:e,name:"MuiContainer"})});function Umt(e){return Qe("MuiToolbar",e)}rt("MuiToolbar",["root","gutters","regular","dense"]);const Vmt=e=>{const{classes:t,disableGutters:n,variant:r}=e;return et({root:["root",!n&&"gutters",r]},Umt,t)},Wmt=ge("div",{name:"MuiToolbar",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,!n.disableGutters&&t.gutters,t[n.variant]]}})(qe(({theme:e})=>({position:"relative",display:"flex",alignItems:"center",variants:[{props:({ownerState:t})=>!t.disableGutters,style:{paddingLeft:e.spacing(2),paddingRight:e.spacing(2),[e.breakpoints.up("sm")]:{paddingLeft:e.spacing(3),paddingRight:e.spacing(3)}}},{props:{variant:"dense"},style:{minHeight:48}},{props:{variant:"regular"},style:e.mixins.toolbar}]}))),Rue=A.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=Vmt(c);return h.jsx(Wmt,{as:o,className:_e(u.root,i),ref:n,ownerState:c,...l})});class qmt extends A.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(le,{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:"60vh",gap:2,p:4,children:[h.jsx(KT,{color:"error",sx:{fontSize:64}}),h.jsx(oe,{variant:"h5",fontWeight:600,children:pi.t("errorBoundary.title")}),h.jsx(oe,{variant:"body2",color:"text.secondary",textAlign:"center",maxWidth:480,children:this.state.error?.message??pi.t("errorBoundary.fallbackMessage")}),h.jsx(We,{variant:"contained",onClick:()=>{this.setState({hasError:!1,error:null}),window.location.reload()},children:pi.t("errorBoundary.reload")})]}):this.props.children}}function Gmt(e){return Qe("MuiFab",e)}const oX=rt("MuiFab",["root","primary","secondary","extended","circular","focusVisible","disabled","colorInherit","sizeSmall","sizeMedium","sizeLarge","info","error","warning","success"]),Kmt=e=>{const{color:t,variant:n,classes:r,size:i}=e,o={root:["root",n,`size${be(i)}`,t==="inherit"?"colorInherit":t]},s=et(o,Gmt,r);return{...r,...s}},Ymt=ge(rs,{name:"MuiFab",slot:"Root",shouldForwardProp:e=>Li(e)||e==="classes",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,t[n.variant],t[`size${be(n.size)}`],n.color==="inherit"&&t.colorInherit,t[be(n.size)],t[n.color]]}})(qe(({theme:e})=>({...e.typography.button,minHeight:36,transition:e.transitions.create(["background-color","box-shadow","border-color"],{duration:e.transitions.duration.short}),borderRadius:"50%",padding:0,minWidth:0,width:56,height:56,zIndex:(e.vars||e).zIndex.fab,boxShadow:(e.vars||e).shadows[6],"&:active":{boxShadow:(e.vars||e).shadows[12]},color:e.vars?e.vars.palette.grey[900]:e.palette.getContrastText?.(e.palette.grey[300]),backgroundColor:(e.vars||e).palette.grey[300],"&:hover":{backgroundColor:(e.vars||e).palette.grey.A100,"@media (hover: none)":{backgroundColor:(e.vars||e).palette.grey[300]},textDecoration:"none"},[`&.${oX.focusVisible}`]:{boxShadow:(e.vars||e).shadows[6]},variants:[{props:{size:"small"},style:{width:40,height:40}},{props:{size:"medium"},style:{width:48,height:48}},{props:{variant:"extended"},style:{borderRadius:48/2,padding:"0 16px",width:"auto",minHeight:"auto",minWidth:48,height:48}},{props:{variant:"extended",size:"small"},style:{width:"auto",padding:"0 8px",borderRadius:34/2,minWidth:34,height:34}},{props:{variant:"extended",size:"medium"},style:{width:"auto",padding:"0 16px",borderRadius:40/2,minWidth:40,height:40}},{props:{color:"inherit"},style:{color:"inherit"}}]})),qe(({theme:e})=>({variants:[...Object.entries(e.palette).filter(Vn(["dark","contrastText"])).map(([t])=>({props:{color:t},style:{color:(e.vars||e).palette[t].contrastText,backgroundColor:(e.vars||e).palette[t].main,"&:hover":{backgroundColor:(e.vars||e).palette[t].dark,"@media (hover: none)":{backgroundColor:(e.vars||e).palette[t].main}}}}))]})),qe(({theme:e})=>({[`&.${oX.disabled}`]:{color:(e.vars||e).palette.action.disabled,boxShadow:(e.vars||e).shadows[0],backgroundColor:(e.vars||e).palette.action.disabledBackground}}))),Xmt=A.forwardRef(function(t,n){const r=st({props:t,name:"MuiFab"}),{children:i,className:o,color:s="default",component:a="button",disabled:l=!1,disableFocusRipple:c=!1,focusVisibleClassName:u,size:d="large",variant:p="circular",...g}=r,y={...r,color:s,component:a,disabled:l,disableFocusRipple:c,size:d,variant:p},b=Kmt(y);return h.jsx(Ymt,{className:_e(b.root,o),component:a,disabled:l,focusRipple:!c,focusVisibleClassName:_e(b.focusVisible,u),ownerState:y,ref:n,...g,classes:b,children:i})}),Jmt=[{code:"en",flag:"🇬🇧",name:"English"},{code:"de",flag:"🇩🇪",name:"Deutsch"},{code:"fr",flag:"🇫🇷",name:"Français"},{code:"es",flag:"🇪🇸",name:"Español"},{code:"it",flag:"🇮🇹",name:"Italiano"},{code:"zh",flag:"🇨🇳",name:"中文"},{code:"th",flag:"🇹🇭",name:"ไทย"},{code:"sv",flag:"🇸🇪",name:"Svenska"}],Zmt="hamh-custom-languages";function Qmt(){try{const e=localStorage.getItem(Zmt);return e?JSON.parse(e).map(n=>({code:n.code,flag:"🌐",name:n.name})):[]}catch{return[]}}const e0t="https://github.com/RiDDiX/home-assistant-matter-hub/issues/new?labels=translation&title=Translation+improvement";function t0t(){const{t:e,i18n:t}=nn(),[n,r]=A.useState(!1),i=A.useRef(null),o=A.useMemo(()=>[...Jmt,...Qmt()],[]),s=t.language?.split("-")[0]??"en",a=A.useCallback(()=>{r(u=>!u)},[]),l=A.useCallback(u=>{t.changeLanguage(u),r(!1)},[t]),c=A.useCallback(()=>{r(!1)},[]);return h.jsx(QJ,{onClickAway:c,children:h.jsxs(le,{children:[h.jsx(Xmt,{ref:i,size:"small",color:"primary",onClick:a,"aria-label":"Change language",sx:{position:"fixed",bottom:24,right:24,zIndex:1300},children:h.jsx(RAe,{})}),h.jsx(Kb,{open:n,anchorEl:i.current,placement:"top-end",transition:!0,sx:{zIndex:1300},children:({TransitionProps:u})=>h.jsx(OS,{...u,timeout:200,children:h.jsxs(Gr,{elevation:8,sx:{mb:1,py:.5,minWidth:160,borderRadius:2,overflow:"hidden"},children:[o.map(d=>h.jsxs(le,{onClick:()=>l(d.code),sx:{display:"flex",alignItems:"center",gap:1.5,px:2,py:1,cursor:"pointer",bgcolor:s===d.code?"action.selected":"transparent","&:hover":{bgcolor:"action.hover"},transition:"background-color 0.15s"},children:[h.jsx(oe,{sx:{fontSize:"1.4rem",lineHeight:1,userSelect:"none"},children:d.flag}),h.jsx(oe,{variant:"body2",fontWeight:s===d.code?600:400,children:d.name})]},d.code)),h.jsx(Dr,{}),h.jsxs(le,{sx:{display:"flex",alignItems:"flex-start",gap:.75,px:2,py:1},children:[h.jsx(FT,{sx:{fontSize:14,mt:.25,color:"text.secondary"}}),h.jsxs(oe,{variant:"caption",color:"text.secondary",sx:{lineHeight:1.4},children:[e("languageSwitcher.disclaimer")," ",h.jsx(Vb,{href:e0t,target:"_blank",rel:"noopener",sx:{fontSize:"inherit"},children:e("languageSwitcher.contribute")})]})]})]})})})]})})}const n0t="home-assistant-matter-hub",r0t={name:n0t};function Iue(){const e="2.1.0-alpha.499",[t,n]=A.useState(null);A.useEffect(()=>{fetch("api/health").then(i=>i.ok?i.json():null).then(i=>{i?.version&&n(i.version)}).catch(()=>{})},[]);const r=A.useMemo(()=>!t||e==="0.0.0-dev"?!1:e!==t,[t]);return A.useMemo(()=>({name:r0t.name,version:t??e,frontendVersion:e,backendVersion:t,versionMismatch:r}),[t,r])}const i0t=()=>{const{t:e}=nn(),t=[{name:e("footer.github"),url:_t.githubRepository},{name:e("footer.documentation"),url:_t.documentation}];return h.jsxs(Cj,{sx:{mt:16,mb:4},children:[h.jsx(Dr,{sx:{mt:4,mb:4}}),h.jsx(dt,{container:!0,spacing:2,justifyContent:"center",children:t.map((n,r)=>h.jsx(dt,{size:{xs:12,sm:"auto"},children:h.jsx(We,{fullWidth:!0,size:"small",variant:"outlined",component:Vb,href:n.url,target:"_blank",children:n.name})},r.toString()))})]})};function o0t(e){return Qe("MuiAppBar",e)}rt("MuiAppBar",["root","positionFixed","positionAbsolute","positionSticky","positionStatic","positionRelative","colorDefault","colorPrimary","colorSecondary","colorInherit","colorTransparent","colorError","colorInfo","colorSuccess","colorWarning"]);const s0t=e=>{const{color:t,position:n,classes:r}=e,i={root:["root",`color${be(t)}`,`position${be(n)}`]};return et(i,o0t,r)},sX=(e,t)=>e?`${e.replace(")","")}, ${t})`:t,a0t=ge(Gr,{name:"MuiAppBar",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.root,t[`position${be(n.position)}`],t[`color${be(n.color)}`]]}})(qe(({theme:e})=>({display:"flex",flexDirection:"column",width:"100%",boxSizing:"border-box",flexShrink:0,variants:[{props:{position:"fixed"},style:{position:"fixed",zIndex:(e.vars||e).zIndex.appBar,top:0,left:"auto",right:0,"@media print":{position:"absolute"}}},{props:{position:"absolute"},style:{position:"absolute",zIndex:(e.vars||e).zIndex.appBar,top:0,left:"auto",right:0}},{props:{position:"sticky"},style:{position:"sticky",zIndex:(e.vars||e).zIndex.appBar,top:0,left:"auto",right:0}},{props:{position:"static"},style:{position:"static"}},{props:{position:"relative"},style:{position:"relative"}},{props:{color:"inherit"},style:{"--AppBar-color":"inherit",color:"var(--AppBar-color)"}},{props:{color:"default"},style:{"--AppBar-background":e.vars?e.vars.palette.AppBar.defaultBg:e.palette.grey[100],"--AppBar-color":e.vars?e.vars.palette.text.primary:e.palette.getContrastText(e.palette.grey[100]),...e.applyStyles("dark",{"--AppBar-background":e.vars?e.vars.palette.AppBar.defaultBg:e.palette.grey[900],"--AppBar-color":e.vars?e.vars.palette.text.primary:e.palette.getContrastText(e.palette.grey[900])})}},...Object.entries(e.palette).filter(Vn(["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?sX(e.vars.palette.AppBar.darkBg,"var(--AppBar-background)"):null,color:e.vars?sX(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"})}}]}))),l0t=A.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=s0t(c);return h.jsx(a0t,{square:!0,component:"header",ownerState:c,elevation:4,className:_e(u.root,i,a==="fixed"&&"mui-fixed"),ref:n,...l})});function c0t(e,t,n){const r=t.getBoundingClientRect(),i=n&&n.getBoundingClientRect(),o=ia(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 u0t(e){return typeof e=="function"?e():e}function i4(e,t,n){const r=u0t(n),i=c0t(e,t,r);i&&(t.style.webkitTransform=i,t.style.transform=i)}const d0t=A.forwardRef(function(t,n){const r=qi(),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:k=o,TransitionComponent:E=Ga,...O}=t,_=A.useRef(null),T=Br(Mf(l),_,n),I=W=>q=>{W&&(q===void 0?W(_.current):W(_.current,q))},P=I((W,q)=>{i4(u,W,c),OT(W),g&&g(W,q)}),N=I((W,q)=>{const X=hf({timeout:k,style:w,easing:d},{mode:"enter"});W.style.webkitTransition=r.transitions.create("-webkit-transform",{...X}),W.style.transition=r.transitions.create("transform",{...X}),W.style.webkitTransform="none",W.style.transform="none",b&&b(W,q)}),M=I(y),$=I(C),L=I(W=>{const q=hf({timeout:k,style:w,easing:d},{mode:"exit"});W.style.webkitTransition=r.transitions.create("-webkit-transform",q),W.style.transition=r.transitions.create("transform",q),i4(u,W,c),v&&v(W)}),z=I(W=>{W.style.webkitTransition="",W.style.transition="",S&&S(W)}),F=W=>{s&&s(_.current,W)},V=A.useCallback(()=>{_.current&&i4(u,_.current,c)},[u,c]);return A.useEffect(()=>{if(p||u==="down"||u==="right")return;const W=Hb(()=>{_.current&&i4(u,_.current,c)}),q=ia(_.current);return q.addEventListener("resize",W),()=>{W.clear(),q.removeEventListener("resize",W)}},[u,p,c]),A.useEffect(()=>{p||V()},[p,V]),h.jsx(E,{nodeRef:_,onEnter:P,onEntered:M,onEntering:N,onExit:L,onExited:z,onExiting:$,addEndListener:F,appear:a,in:p,timeout:k,...O,children:(W,{ownerState:q,...X})=>A.cloneElement(l,{ref:T,style:{visibility:W==="exited"&&!p?"hidden":void 0,...w,...l.props.style},...X})})});function f0t(e){return Qe("MuiDrawer",e)}rt("MuiDrawer",["root","docked","paper","anchorLeft","anchorRight","anchorTop","anchorBottom","paperAnchorLeft","paperAnchorRight","paperAnchorTop","paperAnchorBottom","paperAnchorDockedLeft","paperAnchorDockedRight","paperAnchorDockedTop","paperAnchorDockedBottom","modal"]);const jue=(e,t)=>{const{ownerState:n}=e;return[t.root,(n.variant==="permanent"||n.variant==="persistent")&&t.docked,n.variant==="temporary"&&t.modal]},h0t=e=>{const{classes:t,anchor:n,variant:r}=e,i={root:["root",`anchor${be(n)}`],docked:[(r==="permanent"||r==="persistent")&&"docked"],modal:["modal"],paper:["paper",`paperAnchor${be(n)}`,r!=="temporary"&&`paperAnchorDocked${be(n)}`]};return et(i,f0t,t)},p0t=ge(JT,{name:"MuiDrawer",slot:"Root",overridesResolver:jue})(qe(({theme:e})=>({zIndex:(e.vars||e).zIndex.drawer}))),m0t=ge("div",{shouldForwardProp:Li,name:"MuiDrawer",slot:"Docked",skipVariantsResolver:!1,overridesResolver:jue})({flex:"0 0 auto"}),g0t=ge(Gr,{name:"MuiDrawer",slot:"Paper",overridesResolver:(e,t)=>{const{ownerState:n}=e;return[t.paper,t[`paperAnchor${be(n.anchor)}`],n.variant!=="temporary"&&t[`paperAnchorDocked${be(n.anchor)}`]]}})(qe(({theme:e})=>({overflowY:"auto",display:"flex",flexDirection:"column",height:"100%",flex:"1 0 auto",zIndex:(e.vars||e).zIndex.drawer,WebkitOverflowScrolling:"touch",position:"fixed",top:0,outline:0,variants:[{props:{anchor:"left"},style:{left:0}},{props:{anchor:"top"},style:{top:0,left:0,right:0,height:"auto",maxHeight:"100%"}},{props:{anchor:"right"},style:{right:0}},{props:{anchor:"bottom"},style:{top:"auto",left:0,bottom:0,right:0,height:"auto",maxHeight:"100%"}},{props:({ownerState:t})=>t.anchor==="left"&&t.variant!=="temporary",style:{borderRight:`1px solid ${(e.vars||e).palette.divider}`}},{props:({ownerState:t})=>t.anchor==="top"&&t.variant!=="temporary",style:{borderBottom:`1px solid ${(e.vars||e).palette.divider}`}},{props:({ownerState:t})=>t.anchor==="right"&&t.variant!=="temporary",style:{borderLeft:`1px solid ${(e.vars||e).palette.divider}`}},{props:({ownerState:t})=>t.anchor==="bottom"&&t.variant!=="temporary",style:{borderTop:`1px solid ${(e.vars||e).palette.divider}`}}]}))),Pue={left:"right",right:"left",top:"down",bottom:"up"};function y0t(e){return["left","right"].includes(e)}function b0t({direction:e},t){return e==="rtl"&&y0t(t)?Pue[t]:t}const v0t=A.forwardRef(function(t,n){const r=st({props:t,name:"MuiDrawer"}),i=qi(),o=jc(),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:k=s,variant:E="temporary",slots:O={},slotProps:_={},...T}=r,I=A.useRef(!1);A.useEffect(()=>{I.current=!0},[]);const P=b0t({direction:o?"rtl":"ltr"},a),M={...r,anchor:a,elevation:d,open:v,variant:E,...T},$=h0t(M),L={slots:{transition:w,...O},slotProps:{paper:S,transition:C,..._,backdrop:AT(_.backdrop||{...l,...g},{transitionDuration:k})}},[z,F]=ct("root",{ref:n,elementType:p0t,className:_e($.root,$.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,W]=ct("paper",{elementType:g0t,shouldForwardComponentProp:!0,className:_e($.paper,S.className),ownerState:M,externalForwardedProps:L,additionalProps:{elevation:E==="temporary"?d:0,square:!0,...E==="temporary"&&{role:"dialog","aria-modal":"true"}}}),[q,X]=ct("docked",{elementType:m0t,ref:n,className:_e($.root,$.docked,u),ownerState:M,externalForwardedProps:L,additionalProps:T}),[B,U]=ct("transition",{elementType:d0t,ownerState:M,externalForwardedProps:L,additionalProps:{in:v,direction:Pue[P],timeout:k,appear:I.current}}),Y=h.jsx(V,{...W,children:c});if(E==="permanent")return h.jsx(q,{...X,children:Y});const H=h.jsx(B,{...U,children:Y});return E==="persistent"?h.jsx(q,{...X,children:H}):h.jsx(z,{...F,children:H})}),x0t=MJ({themeId:Ma}),S0t={error:jf,warn:Uw,info:YT,debug:lC},w0t=({open:e,onClose:t})=>{const{t:n}=nn(),r=qi(),i=A.useMemo(()=>({error:r.palette.error.main,warn:r.palette.warning.main,info:r.palette.info.main,debug:r.palette.secondary.main}),[r]),[o,s]=A.useState([]),[a,l]=A.useState(!0),[c,u]=A.useState("error,warn,info".split(",")),[d,p]=A.useState(""),[g,y]=A.useState(!0),b=A.useCallback(async()=>{try{const k=new URLSearchParams({level:c.join(","),limit:"500",...d&&{search:d}}),E=await fetch(`api/logs?${k}`);if(E.ok){const O=await E.json();s(O.entries)}}catch(k){console.error("Failed to fetch logs:",k)}finally{l(!1)}},[c,d]);A.useEffect(()=>{e&&b()},[e,b]),A.useEffect(()=>{if(!g||!e)return;const k=setInterval(b,5e3);return()=>clearInterval(k)},[g,e,b]);const v=k=>{u(Array.isArray(k.target.value)?k.target.value:[k.target.value])},S=k=>{p(k.target.value)},C=async()=>{try{await fetch("api/logs",{method:"DELETE"}),s([])}catch(k){console.error("Failed to clear logs:",k)}},w=k=>{const E=S0t[k]||YT;return h.jsx(E,{sx:{fontSize:16,color:i[k]}})};return h.jsxs(Io,{open:e,onClose:t,maxWidth:"lg",fullWidth:!0,children:[h.jsxs(Po,{sx:{display:"flex",alignItems:"center",gap:1},children:[h.jsx(lC,{}),n("logs.title"),h.jsx(le,{sx:{flexGrow:1}}),h.jsx(jt,{title:n("logs.autoRefresh"),children:h.jsx(ft,{label:g?"Auto":"Manual",color:g?"success":"default",size:"small",onClick:()=>y(!g),sx:{cursor:"pointer"}})}),h.jsx(Wt,{onClick:t,children:h.jsx(ree,{})})]}),h.jsxs(jo,{children:[h.jsx(Ft,{spacing:2,sx:{mb:2},children:h.jsxs(Ft,{direction:"row",spacing:2,alignItems:"center",children:[h.jsxs(ws,{size:"small",sx:{minWidth:200},children:[h.jsx(pl,{children:n("logs.logLevel")}),h.jsxs(vs,{value:c,label:n("logs.logLevel"),onChange:v,multiple:!0,renderValue:k=>h.jsx(le,{sx:{display:"flex",flexWrap:"wrap",gap:.5},children:(Array.isArray(k)?k:[k]).map(E=>h.jsx(ft,{label:E.toUpperCase(),size:"small",sx:{backgroundColor:i[E],color:"white"}},E))}),children:[h.jsx(Kn,{value:"error",children:n("logs.error")}),h.jsx(Kn,{value:"warn",children:n("logs.warning")}),h.jsx(Kn,{value:"info",children:n("logs.info")}),h.jsx(Kn,{value:"debug",children:n("logs.debug")})]})]}),h.jsx(tr,{size:"small",placeholder:n("logs.searchPlaceholder"),value:d,onChange:S,sx:{flexGrow:1}}),h.jsx(We,{variant:"outlined",onClick:b,children:n("common.refresh")}),h.jsx(We,{variant:"outlined",color:"error",onClick:C,children:n("common.delete")})]})}),h.jsx(le,{sx:{height:400,overflow:"auto",backgroundColor:"background.paper",border:1,borderColor:"divider",borderRadius:1,p:1},children:a?h.jsx(le,{sx:{display:"flex",justifyContent:"center",p:4},children:h.jsxs(oe,{children:[n("common.loading"),"..."]})}):o.length===0?h.jsx(le,{sx:{display:"flex",justifyContent:"center",p:4},children:h.jsx(oe,{color:"text.secondary",children:n("logs.noResults")})}):h.jsx(Ft,{spacing:1,children:o.map((k,E)=>h.jsxs(le,{sx:{p:1,borderRadius:1,backgroundColor:"action.hover",fontFamily:"monospace",fontSize:"0.875rem",wordBreak:"break-all"},children:[h.jsxs(le,{sx:{display:"flex",alignItems:"center",gap:1,mb:.5},children:[w(k.level),h.jsx(oe,{variant:"caption",color:"text.secondary",children:new Date(k.timestamp).toLocaleString()}),h.jsx(ft,{label:k.level.toUpperCase(),size:"small",sx:{backgroundColor:i[k.level],color:r.palette.getContrastText(i[k.level]??r.palette.grey[500]),fontSize:"0.7rem",height:20}})]}),h.jsx(oe,{sx:{ml:3},children:k.message}),k.context&&h.jsx(oe,{sx:{ml:3,color:"text.secondary",fontSize:"0.8rem"},children:JSON.stringify(k.context,null,2)})]},`${k.timestamp}-${k.level}-${E}`))})})]}),h.jsx(Qo,{children:h.jsx(We,{onClick:t,children:n("common.close")})})]})};function aX(){const{t:e}=nn(),{isConnected:t}=OZ(),[n,r]=A.useState(null),[i,o]=A.useState(!1);A.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(le,{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(jf,{fontSize:"small"}):c?h.jsx(Ka,{fontSize:"small"}):h.jsx(Gw,{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(jt,{title:d,arrow:!0,children:h.jsx(ft,{icon:p(),label:y(),color:g(),size:"small",variant:"filled",sx:{borderRadius:1,fontWeight:600,"& .MuiChip-icon":{color:"inherit"}}})})}const C0t=e=>A.createElement("svg",{viewBox:"0 0 91 89",xmlSpace:"preserve",xmlns:"http://www.w3.org/2000/svg",...e},A.createElement("g",{style:{display:"inline"}},A.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"}),A.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"}))),E0t=e=>{const t=Iue();return h.jsxs(le,{component:Dc,to:_t.dashboard,sx:{display:"flex",alignItems:"center",justifyContent:e.large?"flex-start":"center",flexGrow:1,textDecoration:"none",color:"inherit"},children:[h.jsx(C0t,{style:{height:"40px"}}),h.jsx(oe,{variant:"inherit",component:"span",sx:{mr:1,ml:1},children:t.name.split("-").map(be).join("-")}),e.large&&h.jsx(oe,{variant:"caption",component:"span",children:t.version})]})},k0t=()=>{const e=x0t("(min-width:600px)"),{mode:t,setMode:n}=Mw(),[r,i]=A.useState(!1),[o,s]=A.useState(!1),a=Wu(),l=Of(),c=y=>y?y==="/"?l.pathname==="/":l.pathname.startsWith(y):!1,u=()=>{n(t==="dark"?"light":"dark")},{t:d}=nn(),p=[{label:d("dashboard.title"),icon:h.jsx(vM,{}),to:_t.dashboard},{label:d("nav.bridges"),icon:h.jsx(Ly,{}),to:_t.bridges},{label:d("nav.devices"),icon:h.jsx(sa,{}),to:_t.devices},{label:d("nav.networkMap"),icon:h.jsx(gM,{}),to:_t.networkMap},{label:d("nav.startupOrder"),icon:h.jsx(cg,{}),to:_t.startup},{label:d("nav.lockCredentials"),icon:h.jsx(_u,{}),to:_t.lockCredentials},{label:d("nav.filterReference"),icon:h.jsx(xM,{}),to:_t.labels},{label:"Plugins",icon:h.jsx($y,{}),to:_t.plugins},{label:d("nav.settings"),icon:h.jsx(dg,{}),to:_t.settings},{label:d(t==="dark"?"nav.lightMode":"nav.darkMode"),icon:t==="dark"?h.jsx(jAe,{}):h.jsx(wAe,{}),onClick:u},{label:d("nav.systemLogs"),icon:h.jsx(lC,{}),onClick:()=>i(!0)},{label:d("nav.health"),icon:h.jsx(QT,{}),to:_t.health}],g=y=>{s(!1),y.onClick?y.onClick():y.to&&a(y.to)};return h.jsxs(le,{children:[h.jsx(l0t,{sx:{height:"72px"},children:h.jsx(Rue,{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(E0t,{large:e}),e?h.jsxs(le,{sx:{display:"flex",alignItems:"center",gap:1},children:[p.map(y=>y.to?h.jsx(jt,{title:y.label,children:h.jsx(Wt,{component:Dc,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(jt,{title:y.label,children:h.jsx(Wt,{onClick:y.onClick,sx:{color:"inherit"},children:y.icon})},y.label)),h.jsx(aX,{})]}):h.jsxs(le,{sx:{display:"flex",alignItems:"center",gap:.5},children:[h.jsx(aX,{}),h.jsx(Wt,{onClick:()=>s(!0),sx:{color:"inherit"},children:h.jsx(PAe,{})})]})]})})}),h.jsx(v0t,{anchor:"right",open:o,onClose:()=>s(!1),children:h.jsx(ts,{sx:{width:250},children:p.map(y=>h.jsxs(NSe,{selected:c(y.to),onClick:()=>g(y),children:[h.jsx(Zo,{children:y.icon}),h.jsx(Eo,{primary:y.label})]},y.label))})}),h.jsx(w0t,{open:r,onClose:()=>i(!1)})]})},A0t=()=>{const{versionMismatch:e,frontendVersion:t,backendVersion:n}=Iue(),{isConnected:r}=OZ();return h.jsxs(le,{children:[h.jsx(k0t,{}),h.jsx(Rue,{}),e&&h.jsxs(Ht,{severity:"warning",variant:"filled",sx:{borderRadius:0},action:h.jsx(We,{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(qmt,{children:h.jsx(NX,{})})}),h.jsx(i0t,{}),h.jsx(t0t,{})]})},D0t=_w({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 oS=document.getElementsByTagName("base")[0]?.href?.replace(/\/$/,"");oS?.startsWith("http")&&(oS=new URL(oS).pathname);const _0t=Rme([{path:"/",element:h.jsx(A0t,{}),children:$mt}],{basename:oS});Xfe.createRoot(document.getElementById("root")).render(h.jsx(A.StrictMode,{children:h.jsx(hhe,{store:Hmt,children:h.jsxs(Sxe,{theme:D0t,children:[h.jsx(gxe,{}),h.jsx(qJ,{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(V5e,{children:h.jsx(P3e,{children:h.jsx(Vme,{router:_0t})})})]})})}));
|
package/dist/frontend/index.html
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
<!-- BASE -->
|
|
9
9
|
<base href="/" />
|
|
10
10
|
<!-- /BASE -->
|
|
11
|
-
<script type="module" crossorigin src="./assets/index-
|
|
11
|
+
<script type="module" crossorigin src="./assets/index-BrxQUJ2r.js"></script>
|
|
12
12
|
<link rel="stylesheet" crossorigin href="./assets/index-BNdBOwwe.css">
|
|
13
13
|
</head>
|
|
14
14
|
<body>
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@riddix/hamh",
|
|
3
3
|
"description": "",
|
|
4
|
-
"version": "2.1.0-alpha.
|
|
4
|
+
"version": "2.1.0-alpha.499",
|
|
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/
|
|
61
|
-
"@home-assistant-matter-hub/
|
|
62
|
-
"@home-assistant-matter-hub/
|
|
60
|
+
"@home-assistant-matter-hub/backend": "2.1.0-alpha.499",
|
|
61
|
+
"@home-assistant-matter-hub/frontend": "2.1.0-alpha.499",
|
|
62
|
+
"@home-assistant-matter-hub/common": "2.1.0-alpha.499"
|
|
63
63
|
},
|
|
64
64
|
"nx": {
|
|
65
65
|
"targets": {
|