@cartanova/qgrid-cli 1.3.0 → 1.5.0

package/bundle/web-dist/client/assets/routes-DvViUcG1.js

@@ -1,5 +0,0 @@
-import{r as e}from"./rolldown-runtime-Dw2cE7zH.js";import{g as t,u as n}from"./vendor-tanstack-CUxlo6YN.js";import{i as r,n as i,r as a}from"./vendor-react-DH4kUfK2.js";import{i as o}from"./index-CgXTSTgN.js";import{n as s,r as c,t as l}from"./services.generated-CAJQk7Wk.js";var u=e(r()),d=a(),f=e=>(0,d.jsx)(`svg`,{viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`,...e,children:(0,d.jsx)(`path`,{fill:`none`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,d:`M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2`})}),p=e=>(0,d.jsx)(`svg`,{viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`,...e,children:(0,d.jsxs)(`g`,{fill:`none`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,children:[(0,d.jsx)(`path`,{d:`M12 20v2m0-20v2m5 16v2m0-20v2M2 12h2m-2 5h2M2 7h2m16 5h2m-2 5h2M20 7h2M7 20v2M7 2v2`}),(0,d.jsx)(`rect`,{width:16,height:16,x:4,y:4,rx:2}),(0,d.jsx)(`rect`,{width:8,height:8,x:8,y:8,rx:1})]})});function m({label:e,icon:t,children:n}){return(0,d.jsxs)(`div`,{className:`rounded-lg bg-sand-50 px-5 py-4`,children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between mb-2`,children:[(0,d.jsx)(`span`,{className:`text-[10px] uppercase tracking-wider text-sand-400 font-medium`,children:e}),(0,d.jsx)(t,{className:`size-4 text-sand-400`})]}),(0,d.jsx)(`div`,{children:n})]})}function h({data:e,isLoading:t,isError:n}){if(t)return(0,d.jsx)(`div`,{className:`grid grid-cols-1 sm:grid-cols-3 gap-4`,children:Array.from({length:3}).map((e,t)=>(0,d.jsxs)(`div`,{className:`rounded-lg bg-sand-50 px-5 py-4 animate-pulse`,children:[(0,d.jsx)(`div`,{className:`h-3 w-16 bg-sand-200 rounded mb-3`}),(0,d.jsx)(`div`,{className:`h-6 w-12 bg-sand-200 rounded`})]},`skeleton-${t}`))});let r=(n?`offline`:e?.status??`unknown`)===`ok`;return(0,d.jsxs)(`div`,{className:`grid grid-cols-1 sm:grid-cols-3 gap-4`,children:[(0,d.jsx)(m,{label:`Status`,icon:f,children:(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,d.jsx)(`span`,{className:`size-2 rounded-full ${r?`bg-sage-400`:`bg-red-400`}`}),(0,d.jsx)(`span`,{className:`text-base font-semibold text-sand-800`,children:r?`Online`:`Offline`})]})}),(0,d.jsx)(m,{label:`Workers`,icon:p,children:(0,d.jsx)(`span`,{className:`text-base font-semibold text-sand-800`,children:e?.workers??0})}),(0,d.jsx)(m,{label:`Active Tokens`,icon:o,children:(0,d.jsx)(`span`,{className:`text-base font-semibold text-sand-800`,children:e?.activeTokens??0})})]})}var g=e=>(0,d.jsx)(`svg`,{viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`,...e,children:(0,d.jsx)(`path`,{fill:`none`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,d:`m15 18l-6-6l6-6`})}),_=e=>(0,d.jsx)(`svg`,{viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`,...e,children:(0,d.jsx)(`path`,{fill:`none`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,d:`m9 18l6-6l-6-6`})}),v=50;function y(e){let t=new Date(e);return`${String(t.getMonth()+1).padStart(2,`0`)}-${String(t.getDate()).padStart(2,`0`)} ${String(t.getHours()).padStart(2,`0`)}:${String(t.getMinutes()).padStart(2,`0`)}`}function b(e){return e.toLocaleString()}function x(e){let t=e.input_tokens+e.cache_read_tokens+e.cache_creation_tokens;return t===0?`—`:`${Math.round(e.cache_read_tokens/t*100)}%`}function S(e,t=30){return e.length>t?`${e.slice(0,t)}...`:e}function C(){let e=n(),[t,r]=(0,u.useState)(1),[i,a]=(0,u.useState)(``),{data:o}=c.useTokens(`A`),l=(o?.rows??[]).map(e=>e.name).filter(Boolean),{data:f,isLoading:p}=s.useRequestLogs(`A`,{num:v,page:t,orderBy:`id-desc`,...i?{token_name:i}:{}}),m=f?.rows??[],h=f?.total??0,C=Math.ceil(h/v);return(0,d.jsxs)(`div`,{children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-2 mb-3 flex-wrap`,children:[l.length>0&&(0,d.jsxs)(`select`,{value:i,onChange:e=>{a(e.target.value),r(1)},className:`border border-sand-200 rounded-md px-2 py-1 text-xs text-sand-700 bg-white focus:outline-none focus:border-sienna-300`,children:[(0,d.jsx)(`option`,{value:``,children:`All Tokens`}),l.map(e=>(0,d.jsx)(`option`,{value:e,children:e},e))]}),(0,d.jsxs)(`span`,{className:`text-[11px] text-sand-400`,children:[h,` results`]})]}),p?(0,d.jsx)(`div`,{className:`space-y-2`,children:Array.from({length:5}).map((e,t)=>(0,d.jsx)(`div`,{className:`h-8 bg-sand-100 rounded animate-pulse`},`skel-${t}`))}):m.length===0?(0,d.jsx)(`div`,{className:`text-sand-400 text-center py-12 text-sm`,children:`No requests yet.`}):(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(`div`,{className:`rounded-lg bg-sand-50 overflow-hidden`,children:(0,d.jsxs)(`table`,{className:`w-full text-sm`,children:[(0,d.jsx)(`thead`,{children:(0,d.jsxs)(`tr`,{className:`border-b border-sand-200`,children:[(0,d.jsx)(`th`,{className:`text-left px-3 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium`,children:`Date`}),(0,d.jsx)(`th`,{className:`text-left px-3 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium`,children:`Token`}),(0,d.jsx)(`th`,{className:`text-left px-3 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium`,children:`Query`}),(0,d.jsx)(`th`,{className:`text-right px-3 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium`,children:`In`}),(0,d.jsx)(`th`,{className:`text-right px-3 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium`,children:`Out`}),(0,d.jsx)(`th`,{className:`text-right px-3 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium`,children:`C.Read`}),(0,d.jsx)(`th`,{className:`text-right px-3 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium`,children:`C.Write`}),(0,d.jsx)(`th`,{className:`text-right px-3 py-2.5 text-[10px] uppercase tracking-wider text-sand-400 font-medium`,children:`Hit`}),(0,d.jsx)(`th`,{className:`w-8 px-2 py-2.5`})]})}),(0,d.jsx)(`tbody`,{className:`divide-y divide-sand-200/60`,children:m.map(t=>(0,d.jsxs)(`tr`,{className:`transition-colors duration-150 hover:bg-sand-100/60 cursor-pointer`,onClick:()=>e({to:`/requests/show`,search:{id:t.id}}),children:[(0,d.jsx)(`td`,{className:`px-3 py-2.5`,children:(0,d.jsx)(`span`,{className:`text-[10px] text-sand-400 tabular-nums whitespace-nowrap`,children:y(t.created_at)})}),(0,d.jsx)(`td`,{className:`px-3 py-2.5`,children:(0,d.jsx)(`span`,{className:`text-xs text-sand-500`,children:t.token_name})}),(0,d.jsx)(`td`,{className:`px-3 py-2.5`,children:(0,d.jsx)(`span`,{className:`text-sand-800 truncate max-w-48`,title:t.query,children:S(t.query)})}),(0,d.jsx)(`td`,{className:`px-3 py-2.5 text-right tabular-nums text-sand-700`,children:b(t.input_tokens)}),(0,d.jsx)(`td`,{className:`px-3 py-2.5 text-right tabular-nums text-sand-700`,children:b(t.output_tokens)}),(0,d.jsx)(`td`,{className:`px-3 py-2.5 text-right tabular-nums text-sand-700`,children:b(t.cache_read_tokens)}),(0,d.jsx)(`td`,{className:`px-3 py-2.5 text-right tabular-nums text-sand-700`,children:b(t.cache_creation_tokens)}),(0,d.jsx)(`td`,{className:`px-3 py-2.5 text-right tabular-nums text-sand-700`,children:x(t)}),(0,d.jsx)(`td`,{className:`px-2 py-2.5`,children:(0,d.jsx)(_,{className:`size-4 text-sand-400`})})]},t.id))})]})}),C>1&&(0,d.jsxs)(`div`,{className:`flex items-center justify-center gap-3 mt-3`,children:[(0,d.jsx)(`button`,{type:`button`,className:`p-1 rounded text-sand-400 hover:text-sand-600 disabled:opacity-30 transition-colors`,disabled:t===1,onClick:()=>r(e=>e-1),children:(0,d.jsx)(g,{className:`size-4`})}),(0,d.jsxs)(`span`,{className:`text-[11px] text-sand-400 tabular-nums`,children:[t,` / `,C]}),(0,d.jsx)(`button`,{type:`button`,className:`p-1 rounded text-sand-400 hover:text-sand-600 disabled:opacity-30 transition-colors`,disabled:t===C,onClick:()=>r(e=>e+1),children:(0,d.jsx)(_,{className:`size-4`})})]})]})]})}var w=e(i());function T(){var e=[...arguments];return(0,u.useMemo)(()=>t=>{e.forEach(e=>e(t))},e)}var ee=typeof window<`u`&&window.document!==void 0&&window.document.createElement!==void 0;function E(e){let t=Object.prototype.toString.call(e);return t===`[object Window]`||t===`[object global]`}function D(e){return`nodeType`in e}function O(e){return e?E(e)?e:D(e)?e.ownerDocument?.defaultView??window:window:window}function k(e){let{Document:t}=O(e);return e instanceof t}function A(e){return E(e)?!1:e instanceof O(e).HTMLElement}function te(e){return e instanceof O(e).SVGElement}function j(e){return e?E(e)?e.document:D(e)?k(e)?e:A(e)||te(e)?e.ownerDocument:document:document:document}var M=ee?u.useLayoutEffect:u.useEffect;function ne(e){let t=(0,u.useRef)(e);return M(()=>{t.current=e}),(0,u.useCallback)(function(){var e=[...arguments];return t.current==null?void 0:t.current(...e)},[])}function N(){let e=(0,u.useRef)(null);return[(0,u.useCallback)((t,n)=>{e.current=setInterval(t,n)},[]),(0,u.useCallback)(()=>{e.current!==null&&(clearInterval(e.current),e.current=null)},[])]}function P(e,t){let n=(0,u.useRef)();return(0,u.useMemo)(()=>{let t=e(n.current);return n.current=t,t},[...t])}function F(e){let t=ne(e),n=(0,u.useRef)(null);return[n,(0,u.useCallback)(e=>{e!==n.current&&t?.(e,n.current),n.current=e},[])]}var I={};function L(e,t){return(0,u.useMemo)(()=>{if(t)return t;let n=I[e]==null?0:I[e]+1;return I[e]=n,e+`-`+n},[e,t])}function R(e){return function(t){return[...arguments].slice(1).reduce((t,n)=>{let r=Object.entries(n);for(let[n,i]of r){let r=t[n];r!=null&&(t[n]=r+e*i)}return t},{...t})}}var z=R(1),B=R(-1);function re(e){return`clientX`in e&&`clientY`in e}function V(e){if(!e)return!1;let{KeyboardEvent:t}=O(e.target);return t&&e instanceof t}function ie(e){if(!e)return!1;let{TouchEvent:t}=O(e.target);return t&&e instanceof t}function ae(e){if(ie(e)){if(e.touches&&e.touches.length){let{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}else if(e.changedTouches&&e.changedTouches.length){let{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return re(e)?{x:e.clientX,y:e.clientY}:null}var H=Object.freeze({Translate:{toString(e){if(!e)return;let{x:t,y:n}=e;return`translate3d(`+(t?Math.round(t):0)+`px, `+(n?Math.round(n):0)+`px, 0)`}},Scale:{toString(e){if(!e)return;let{scaleX:t,scaleY:n}=e;return`scaleX(`+t+`) scaleY(`+n+`)`}},Transform:{toString(e){if(e)return[H.Translate.toString(e),H.Scale.toString(e)].join(` `)}},Transition:{toString(e){let{property:t,duration:n,easing:r}=e;return t+` `+n+`ms `+r}}}),oe={display:`none`};function U(e){let{id:t,value:n}=e;return u.createElement(`div`,{id:t,style:oe},n)}function se(e){let{id:t,announcement:n,ariaLiveType:r=`assertive`}=e;return u.createElement(`div`,{id:t,style:{position:`fixed`,top:0,left:0,width:1,height:1,margin:-1,border:0,padding:0,overflow:`hidden`,clip:`rect(0 0 0 0)`,clipPath:`inset(100%)`,whiteSpace:`nowrap`},role:`status`,"aria-live":r,"aria-atomic":!0},n)}function ce(){let[e,t]=(0,u.useState)(``);return{announce:(0,u.useCallback)(e=>{e!=null&&t(e)},[]),announcement:e}}var le={draggable:`
-    To pick up a draggable item, press the space bar.
-    While dragging, use the arrow keys to move the item.
-    Press space again to drop the item in its new position, or press escape to cancel.
-  `},W={onDragStart(e){return`Picked up draggable item ${e}.`},onDragOver(e,t){return t?`Draggable item ${e} was moved over droppable area ${t}.`:`Draggable item ${e} is no longer over a droppable area.`},onDragEnd(e,t){return t?`Draggable item ${e} was dropped over droppable area ${t}`:`Draggable item ${e} was dropped.`},onDragCancel(e){return`Dragging was cancelled. Draggable item ${e} was dropped.`}},G;(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`})(G||={});function ue(...e){}var K=class extends Map{get(e){return e==null?void 0:super.get(e)??void 0}toArray(){return Array.from(this.values())}getEnabled(){return this.toArray().filter(({disabled:e})=>!e)}getNodeFor(e){return this.get(e)?.node.current??void 0}},de=(0,u.createContext)({activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,activeNodeClientRect:null,activators:[],ariaDescribedById:{draggable:``},containerNodeRect:null,dispatch:ue,draggableNodes:{},droppableRects:new Map,droppableContainers:new K,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:ue},scrollableAncestors:[],scrollableAncestorRects:[],recomputeLayouts:ue,windowRect:null,willRecomputeLayouts:!1});function fe(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:{},translate:{x:0,y:0}},droppable:{containers:new K}}}function pe(e,t){switch(t.type){case G.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:t.initialCoordinates,active:t.active}};case G.DragMove:return e.draggable.active?{...e,draggable:{...e.draggable,translate:{x:t.coordinates.x-e.draggable.initialCoordinates.x,y:t.coordinates.y-e.draggable.initialCoordinates.y}}}:e;case G.DragEnd:case G.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case G.RegisterDroppable:{let{element:n}=t,{id:r}=n,i=new K(e.droppable.containers);return i.set(r,n),{...e,droppable:{...e.droppable,containers:i}}}case G.SetDroppableDisabled:{let{id:n,key:r,disabled:i}=t,a=e.droppable.containers.get(n);if(!a||r!==a.key)return e;let o=new K(e.droppable.containers);return o.set(n,{...a,disabled:i}),{...e,droppable:{...e.droppable,containers:o}}}case G.UnregisterDroppable:{let{id:n,key:r}=t,i=e.droppable.containers.get(n);if(!i||r!==i.key)return e;let a=new K(e.droppable.containers);return a.delete(n),{...e,droppable:{...e.droppable,containers:a}}}default:return e}}var me=(0,u.createContext)({type:null,event:null});function he({onDragStart:e,onDragMove:t,onDragOver:n,onDragEnd:r,onDragCancel:i}){let a=(0,u.useContext)(me),o=(0,u.useRef)(a);(0,u.useEffect)(()=>{if(a!==o.current){let{type:s,event:c}=a;switch(s){case G.DragStart:e?.(c);break;case G.DragMove:t?.(c);break;case G.DragOver:n?.(c);break;case G.DragCancel:i?.(c);break;case G.DragEnd:r?.(c);break}o.current=a}},[a,e,t,n,r,i])}function ge({announcements:e=W,hiddenTextDescribedById:t,screenReaderInstructions:n}){let{announce:r,announcement:i}=ce(),a=L(`DndLiveRegion`),[o,s]=(0,u.useState)(!1);return(0,u.useEffect)(()=>{s(!0)},[]),he((0,u.useMemo)(()=>({onDragStart({active:t}){r(e.onDragStart(t.id))},onDragMove({active:t,over:n}){e.onDragMove&&r(e.onDragMove(t.id,n?.id))},onDragOver({active:t,over:n}){r(e.onDragOver(t.id,n?.id))},onDragEnd({active:t,over:n}){r(e.onDragEnd(t.id,n?.id))},onDragCancel({active:t}){r(e.onDragCancel(t.id))}}),[r,e])),o?(0,w.createPortal)(u.createElement(u.Fragment,null,u.createElement(U,{id:t,value:n.draggable}),u.createElement(se,{id:a,announcement:i})),document.body):null}var q=Object.freeze({x:0,y:0});function _e(e,t){return Math.sqrt((e.x-t.x)**2+(e.y-t.y)**2)}function J(e,t=e.offsetLeft,n=e.offsetTop){return{x:t+e.width*.5,y:n+e.height*.5}}var Y=({collisionRect:e,droppableContainers:t})=>{let n=J(e,e.left,e.top),r=1/0,i=null;for(let e of t){let{rect:{current:t}}=e;if(t){let a=_e(J(t),n);a<r&&(r=a,i=e.id)}}return i};function ve(e,t,n){return{...e,scaleX:t&&n?t.width/n.width:1,scaleY:t&&n?t.height/n.height:1}}function ye(e,t){return e&&t?{x:e.left-t.left,y:e.top-t.top}:q}function be(e){return function(t,...n){return n.reduce((t,n)=>({...t,top:t.top+e*n.y,bottom:t.bottom+e*n.y,left:t.left+e*n.x,right:t.right+e*n.x,offsetLeft:t.offsetLeft+e*n.x,offsetTop:t.offsetTop+e*n.y}),{...t})}}var xe=be(1);function Se(e,t=window.getComputedStyle(e)){return t.position===`fixed`}function X(e,t=window.getComputedStyle(e)){let n=/(auto|scroll|overlay)/;return[`overflow`,`overflowX`,`overflowY`].find(e=>{let r=t[e];return typeof r==`string`?n.test(r):!1})!=null}function Ce(e){let t=[];function n(e){if(!e)return t;if(k(e)&&e.scrollingElement!=null&&!t.includes(e.scrollingElement))return t.push(e.scrollingElement),t;if(!A(e)||te(e)||t.includes(e))return t;let r=window.getComputedStyle(e);return X(e,r)&&t.push(e),Se(e,r)?t:n(e.parentNode)}return e?n(e.parentNode):t}function we(e){return!ee||!e?null:E(e)?e:D(e)?k(e)||e===j(e).scrollingElement?window:A(e)?e:null:null}function Te(e){return E(e)?{x:e.scrollX,y:e.scrollY}:{x:e.scrollLeft,y:e.scrollTop}}var Z;(function(e){e[e.Forward=1]=`Forward`,e[e.Backward=-1]=`Backward`})(Z||={});function Ee(e){let t={x:0,y:0},n={x:e.scrollWidth-e.clientWidth,y:e.scrollHeight-e.clientHeight};return{isTop:e.scrollTop<=t.y,isLeft:e.scrollLeft<=t.x,isBottom:e.scrollTop>=n.y,isRight:e.scrollLeft>=n.x,maxScroll:n,minScroll:t}}function De(e){return!ee||!e?!1:e===document.scrollingElement}var Oe={x:.2,y:.2};function ke(e,t,{top:n,left:r,right:i,bottom:a},o=10,s=Oe){let{clientHeight:c,clientWidth:l}=e,u=De(e)?{top:0,left:0,right:l,bottom:c,width:l,height:c}:t,{isTop:d,isBottom:f,isLeft:p,isRight:m}=Ee(e),h={x:0,y:0},g={x:0,y:0},_={height:u.height*s.y,width:u.width*s.x};return!d&&n<=u.top+_.height?(h.y=Z.Backward,g.y=o*Math.abs((u.top+_.height-n)/_.height)):!f&&a>=u.bottom-_.height&&(h.y=Z.Forward,g.y=o*Math.abs((u.bottom-_.height-a)/_.height)),!m&&i>=u.right-_.width?(h.x=Z.Forward,g.x=o*Math.abs((u.right-_.width-i)/_.width)):!p&&r<=u.left+_.width&&(h.x=Z.Backward,g.x=o*Math.abs((u.left+_.width-r)/_.width)),{direction:h,speed:g}}function Ae(e){if(e===document.scrollingElement){let{innerWidth:e,innerHeight:t}=window;return{top:0,left:0,right:e,bottom:t,width:e,height:t}}let{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 je(e){return e.reduce((e,t)=>z(e,Te(t)),q)}function Me(e,t,n=q){if(!e||!A(e))return n;let r={x:n.x+e.offsetLeft,y:n.y+e.offsetTop};return e.offsetParent===t?r:Me(e.offsetParent,t,r)}function Ne(e){let{offsetWidth:t,offsetHeight:n}=e,{x:r,y:i}=Me(e,null);return{width:t,height:n,offsetTop:i,offsetLeft:r}}function Pe(e){if(E(e)){let e=window.innerWidth,t=window.innerHeight;return{top:0,left:0,right:e,bottom:t,width:e,height:t,offsetTop:0,offsetLeft:0}}let{offsetTop:t,offsetLeft:n}=Ne(e),{width:r,height:i,top:a,bottom:o,left:s,right:c}=e.getBoundingClientRect();return{width:r,height:i,top:a,bottom:o,right:c,left:s,offsetTop:t,offsetLeft:n}}function Fe(e){let{width:t,height:n,offsetTop:r,offsetLeft:i}=Ne(e),a=je(Ce(e)),o=r-a.y,s=i-a.x;return{width:t,height:n,top:o,bottom:o+n,right:s+t,left:s,offsetTop:r,offsetLeft:i}}function Ie(e,t){let n=Math.max(t.top,e.offsetTop),r=Math.max(t.left,e.offsetLeft),i=Math.min(t.left+t.width,e.offsetLeft+e.width),a=Math.min(t.top+t.height,e.offsetTop+e.height),o=i-r,s=a-n;if(r<i&&n<a){let n=t.width*t.height,r=e.width*e.height,i=o*s,a=i/(n+r-i);return Number(a.toFixed(4))}return 0}var Le=({collisionRect:e,droppableContainers:t})=>{let n=0,r=null;for(let i of t){let{rect:{current:t}}=i;if(t){let a=Ie(t,e);a>n&&(n=a,r=i.id)}}return r},Re;(function(e){e[e.Pointer=0]=`Pointer`,e[e.DraggableRect=1]=`DraggableRect`})(Re||={});var ze;(function(e){e[e.TreeOrder=0]=`TreeOrder`,e[e.ReversedTreeOrder=1]=`ReversedTreeOrder`})(ze||={});function Be({acceleration:e,activator:t=Re.Pointer,canScroll:n,draggingRect:r,enabled:i,interval:a=5,order:o=ze.TreeOrder,pointerCoordinates:s,scrollableAncestors:c,scrollableAncestorRects:l,threshold:d}){let[f,p]=N(),m=(0,u.useRef)({x:1,y:1}),h=(0,u.useMemo)(()=>{switch(t){case Re.Pointer:return s?{top:s.y,bottom:s.y,left:s.x,right:s.x}:null;case Re.DraggableRect:return r}return null},[t,r,s]),g=(0,u.useRef)(q),_=(0,u.useRef)(null),v=(0,u.useCallback)(()=>{let e=_.current;if(!e)return;let t=m.current.x*g.current.x,n=m.current.y*g.current.y;e.scrollBy(t,n)},[]),y=(0,u.useMemo)(()=>o===ze.TreeOrder?[...c].reverse():c,[o,c]);(0,u.useEffect)(()=>{if(!i||!c.length||!h){p();return}for(let t of y){if(n?.(t)===!1)continue;let r=l[c.indexOf(t)];if(!r)continue;let{direction:i,speed:o}=ke(t,r,h,e,d);if(o.x>0||o.y>0){p(),_.current=t,f(v,a),m.current=o,g.current=i;return}}m.current={x:0,y:0},g.current={x:0,y:0},p()},[e,v,n,p,i,a,JSON.stringify(h),f,c,y,l,JSON.stringify(d)])}function Ve(e,t){let n=t===null?void 0:e[t],r=n?n.node.current:null;return P(e=>t===null?null:r??e??null,[r,t])}function He(e,t){return(0,u.useMemo)(()=>e.reduce((e,n)=>{let{sensor:r}=n,i=r.activators.map(e=>({eventName:e.eventName,handler:t(e.handler,n)}));return[...e,...i]},[]),[e,t])}function Ue(e){let t=(0,u.useRef)(e);return M(()=>{t.current!==e&&(t.current=e)},[e]),t}var We;(function(e){e[e.Always=0]=`Always`,e[e.BeforeDragging=1]=`BeforeDragging`,e[e.WhileDragging=2]=`WhileDragging`})(We||={});var Ge;(function(e){e.Optimized=`optimized`})(Ge||={});var Ke=new Map,qe={measure:Ne,strategy:We.WhileDragging,frequency:Ge.Optimized};function Je(e,{dragging:t,dependencies:n,config:r}){let[i,a]=(0,u.useState)(!1),{frequency:o,measure:s,strategy:c}={...qe,...r},l=(0,u.useRef)(e),d=(0,u.useCallback)(()=>a(!0),[]),f=(0,u.useRef)(null),p=h(),m=P(n=>{if(p&&!t)return Ke;if(!n||n===Ke||l.current!==e||i){for(let t of e)t&&(t.rect.current=t.node.current?s(t.node.current):null);return Ye(e)}return n},[e,t,p,s,i]);return(0,u.useEffect)(()=>{l.current=e},[e]),(0,u.useEffect)(()=>{i&&a(!1)},[i]),(0,u.useEffect)(function(){p||requestAnimationFrame(d)},[t,p]),(0,u.useEffect)(function(){p||typeof o!=`number`||f.current!==null||(f.current=setTimeout(()=>{d(),f.current=null},o))},[o,p,d,...n]),{layoutRectMap:m,recomputeLayouts:d,willRecomputeLayouts:i};function h(){switch(c){case We.Always:return!1;case We.BeforeDragging:return t;default:return!t}}}function Ye(e){let t=new Map;if(e)for(let n of e){if(!n)continue;let{id:e,rect:r}=n;r.current!=null&&t.set(e,r.current)}return t}function Xe(e){let[t,n]=(0,u.useState)(null),r=(0,u.useRef)(e),i=(0,u.useCallback)(e=>{let t=we(e.target);t&&n(e=>e?(e.set(t,Te(t)),new Map(e)):null)},[]);return(0,u.useEffect)(()=>{let t=r.current;if(e!==t){a(t);let o=e.map(e=>{let t=we(e);return t?(t.addEventListener(`scroll`,i,{passive:!0}),[t,Te(t)]):null}).filter(e=>e!=null);n(o.length?new Map(o):null),r.current=e}return()=>{a(e),a(t)};function a(e){e.forEach(e=>{we(e)?.removeEventListener(`scroll`,i)})}},[i,e]),(0,u.useMemo)(()=>e.length?t?Array.from(t.values()).reduce((e,t)=>z(e,t),q):je(e):q,[e,t])}var Ze=[];function Qe(e){let t=(0,u.useRef)(e),n=P(n=>e?n&&e&&t.current&&e.parentNode===t.current.parentNode?n:Ce(e):Ze,[e]);return(0,u.useEffect)(()=>{t.current=e},[e]),n}function $e(e){(0,u.useEffect)(()=>{if(!ee)return;let t=e.map(({sensor:e})=>e.setup==null?void 0:e.setup());return()=>{for(let e of t)e?.()}},e.map(({sensor:e})=>e))}function et(e,t){return(0,u.useMemo)(()=>e.reduce((e,{eventName:n,handler:r})=>(e[n]=e=>{r(e,t)},e),{}),[e,t])}var tt=it(Pe),nt=at(Pe);function rt(e,t,n){let r=(0,u.useRef)(e);return P(i=>e?n||!i&&e||e!==r.current?A(e)&&e.parentNode==null?null:t(e):i??null:null,[e,n,t])}function it(e){return(t,n)=>rt(t,e,n)}function at(e){let t=[];return function(n,r){let i=(0,u.useRef)(n);return P(a=>n.length?r||!a&&n.length||n!==i.current?n.map(t=>e(t)):a??t:t,[n,r])}}function ot(e){if(!e)return null;if(e.children.length>1)return e;let t=e.children[0];return A(t)?t:e}function st(e){let{width:t,height:n,offsetLeft:r,offsetTop:i}=Ne(e);return{top:i,bottom:i+n,left:r,right:r+t,width:t,height:n,offsetTop:i,offsetLeft:r}}var ct=it(st);function lt({disabled:e,forceRecompute:t}){let[n,r]=F(),i=ct(e?null:ot(n.current),t);return(0,u.useMemo)(()=>({nodeRef:n,rect:i,setRef:r}),[i,n,r])}function ut(e,t){return(0,u.useMemo)(()=>({sensor:e,options:t??{}}),[e,t])}function dt(...e){return(0,u.useMemo)(()=>[...e].filter(e=>e!=null),[...e])}var ft=class{constructor(e){this.target=e,this.listeners=[],this.removeAll=()=>{this.listeners.forEach(e=>this.target?.removeEventListener(...e))}}add(e,t,n){var r;(r=this.target)==null||r.addEventListener(e,t,n),this.listeners.push([e,t,n])}};function pt(e){let{EventTarget:t}=O(e);return e instanceof t?e:j(e)}function mt(e,t){let 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 Q;(function(e){e.Click=`click`,e.DragStart=`dragstart`,e.Keydown=`keydown`,e.ContextMenu=`contextmenu`,e.Resize=`resize`,e.SelectionChange=`selectionchange`,e.VisibilityChange=`visibilitychange`})(Q||={});function ht(e){e.preventDefault()}function gt(e){e.stopPropagation()}var $;(function(e){e.Space=`Space`,e.Down=`ArrowDown`,e.Right=`ArrowRight`,e.Left=`ArrowLeft`,e.Up=`ArrowUp`,e.Esc=`Escape`,e.Enter=`Enter`})($||={});var _t={start:[$.Space,$.Enter],cancel:[$.Esc],end:[$.Space,$.Enter]},vt=(e,{currentCoordinates:t})=>{switch(e.code){case $.Right:return{...t,x:t.x+25};case $.Left:return{...t,x:t.x-25};case $.Down:return{...t,y:t.y+25};case $.Up:return{...t,y:t.y-25}}},yt=class{constructor(e){this.props=e,this.autoScrollEnabled=!1,this.coordinates=q;let{event:{target:t}}=e;this.props=e,this.listeners=new ft(j(t)),this.windowListeners=new ft(O(t)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(Q.Resize,this.handleCancel),this.windowListeners.add(Q.VisibilityChange,this.handleCancel),setTimeout(()=>this.listeners.add(Q.Keydown,this.handleKeyDown))}handleStart(){let{activeNode:e,onStart:t}=this.props;if(!e.node.current)throw Error(`Active draggable node is undefined`);let n=Pe(e.node.current),r={x:n.left,y:n.top};this.coordinates=r,t(r)}handleKeyDown(e){if(V(e)){let{coordinates:t}=this,{active:n,context:r,options:i}=this.props,{keyboardCodes:a=_t,coordinateGetter:o=vt,scrollBehavior:s=`smooth`}=i,{code:c}=e;if(a.end.includes(c)){this.handleEnd(e);return}if(a.cancel.includes(c)){this.handleCancel(e);return}let l=o(e,{active:n,context:r.current,currentCoordinates:t});if(l){let n={x:0,y:0},{scrollableAncestors:i}=r.current;for(let r of i){let i=e.code,a=B(l,t),{isTop:o,isRight:c,isLeft:u,isBottom:d,maxScroll:f,minScroll:p}=Ee(r),m=Ae(r),h={x:Math.min(i===$.Right?m.right-m.width/2:m.right,Math.max(i===$.Right?m.left:m.left+m.width/2,l.x)),y:Math.min(i===$.Down?m.bottom-m.height/2:m.bottom,Math.max(i===$.Down?m.top:m.top+m.height/2,l.y))},g=i===$.Right&&!c||i===$.Left&&!u,_=i===$.Down&&!d||i===$.Up&&!o;if(g&&h.x!==l.x){if(i===$.Right&&r.scrollLeft+a.x<=f.x||i===$.Left&&r.scrollLeft+a.x>=p.x){r.scrollBy({left:a.x,behavior:s});return}n.x=i===$.Right?r.scrollLeft-f.x:r.scrollLeft-p.x,r.scrollBy({left:-n.x,behavior:s});break}else if(_&&h.y!==l.y){if(i===$.Down&&r.scrollTop+a.y<=f.y||i===$.Up&&r.scrollTop+a.y>=p.y){r.scrollBy({top:a.y,behavior:s});return}n.y=i===$.Down?r.scrollTop-f.y:r.scrollTop-p.y,r.scrollBy({top:-n.y,behavior:s});break}}this.handleMove(e,z(l,n))}}}handleMove(e,t){let{onMove:n}=this.props;e.preventDefault(),n(t),this.coordinates=t}handleEnd(e){let{onEnd:t}=this.props;e.preventDefault(),this.detach(),t()}handleCancel(e){let{onCancel:t}=this.props;e.preventDefault(),this.detach(),t()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll()}};yt.activators=[{eventName:`onKeyDown`,handler:(e,{keyboardCodes:t=_t,onActivation:n})=>{let{code:r}=e.nativeEvent;return t.start.includes(r)?(e.preventDefault(),n?.({event:e.nativeEvent}),!0):!1}}];function bt(e){return!!(e&&`distance`in e)}function xt(e){return!!(e&&`delay`in e)}var St=class{constructor(e,t,n=pt(e.event.target)){this.props=e,this.events=t,this.autoScrollEnabled=!0,this.activated=!1,this.timeoutId=null;let{event:r}=e,{target:i}=r;this.props=e,this.events=t,this.document=j(i),this.documentListeners=new ft(this.document),this.listeners=new ft(n),this.windowListeners=new ft(O(i)),this.initialCoordinates=ae(r),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(){let{events:e,props:{options:{activationConstraint:t}}}=this;if(this.listeners.add(e.move.name,this.handleMove,{passive:!1}),this.listeners.add(e.end.name,this.handleEnd),this.windowListeners.add(Q.Resize,this.handleCancel),this.windowListeners.add(Q.DragStart,ht),this.windowListeners.add(Q.VisibilityChange,this.handleCancel),this.windowListeners.add(Q.ContextMenu,ht),this.documentListeners.add(Q.Keydown,this.handleKeydown),t){if(bt(t))return;if(xt(t)){this.timeoutId=setTimeout(this.handleStart,t.delay);return}}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),this.timeoutId!==null&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handleStart(){let{initialCoordinates:e}=this,{onStart:t}=this.props;e&&(this.activated=!0,this.documentListeners.add(Q.Click,gt,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(Q.SelectionChange,this.removeTextSelection),t(e))}handleMove(e){let{activated:t,initialCoordinates:n,props:r}=this,{onMove:i,options:{activationConstraint:a}}=r;if(!n)return;let o=ae(e),s=B(n,o);if(!t&&a){if(xt(a))return mt(s,a.tolerance)?this.handleCancel():void 0;if(bt(a))return a.tolerance!=null&&mt(s,a.tolerance)?this.handleCancel():mt(s,a.distance)?this.handleStart():void 0}e.cancelable&&e.preventDefault(),i(o)}handleEnd(){let{onEnd:e}=this.props;this.detach(),e()}handleCancel(){let{onCancel:e}=this.props;this.detach(),e()}handleKeydown(e){e.code===$.Esc&&this.handleCancel()}removeTextSelection(){var e;(e=this.document.getSelection())==null||e.removeAllRanges()}},Ct={move:{name:`pointermove`},end:{name:`pointerup`}},wt=class extends St{constructor(e){let{event:t}=e,n=j(t.target);super(e,Ct,n)}};wt.activators=[{eventName:`onPointerDown`,handler:({nativeEvent:e},{onActivation:t})=>!e.isPrimary||e.button!==0?!1:(t?.({event:e}),!0)}];var Tt={move:{name:`mousemove`},end:{name:`mouseup`}},Et;(function(e){e[e.RightClick=2]=`RightClick`})(Et||={});var Dt=class extends St{constructor(e){super(e,Tt,j(e.event.target))}};Dt.activators=[{eventName:`onMouseDown`,handler:({nativeEvent:e},{onActivation:t})=>e.button===Et.RightClick?!1:(t?.({event:e}),!0)}];var Ot={move:{name:`touchmove`},end:{name:`touchend`}},kt=class extends St{constructor(e){super(e,Ot)}static setup(){return window.addEventListener(Ot.move.name,e,{capture:!1,passive:!1}),function(){window.removeEventListener(Ot.move.name,e)};function e(){}}};kt.activators=[{eventName:`onTouchStart`,handler:({nativeEvent:e},{onActivation:t})=>{let{touches:n}=e;return n.length>1?!1:(t?.({event:e}),!0)}}];function At(e,{transform:t,...n}){return e?.length?e.reduce((e,t)=>t({transform:e,...n}),t):t}var jt=[{sensor:wt,options:{}},{sensor:yt,options:{}}],Mt={current:{}},Nt=(0,u.createContext)({...q,scaleX:1,scaleY:1}),Pt=(0,u.memo)(function({id:e,autoScroll:t=!0,announcements:n,children:r,sensors:i=jt,collisionDetection:a=Le,measuring:o,modifiers:s,screenReaderInstructions:c=le,...l}){let[d,f]=(0,u.useReducer)(pe,void 0,fe),[p,m]=(0,u.useState)(()=>({type:null,event:null})),[h,g]=(0,u.useState)(!1),{draggable:{active:_,nodes:v,translate:y},droppable:{containers:b}}=d,x=_?v[_]:null,S=(0,u.useRef)({initial:null,translated:null}),C=(0,u.useMemo)(()=>_==null?null:{id:_,data:x?.data??Mt,rect:S},[_,x]),T=(0,u.useRef)(null),[ee,E]=(0,u.useState)(null),[D,O]=(0,u.useState)(null),k=(0,u.useRef)(l),A=L(`DndDescribedBy`,e),te=(0,u.useMemo)(()=>b.getEnabled(),[b]),{layoutRectMap:j,recomputeLayouts:ne,willRecomputeLayouts:N}=Je(te,{dragging:h,dependencies:[y.x,y.y],config:o?.droppable}),P=Ve(v,_),F=D?ae(D):null,I=rt(P,o?.draggable?.measure??Fe),R=tt(P),B=(0,u.useRef)(null),re=B.current,V=(0,u.useRef)({active:null,activeNode:P,collisionRect:null,droppableRects:j,draggableNodes:v,draggingNodeRect:null,droppableContainers:b,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null,translatedRect:null}),ie=b.getNodeFor(V.current.over?.id),H=tt(P?P.ownerDocument.defaultView:null),oe=tt(P?P.parentElement:null),U=Qe(_?ie??P:null),se=nt(U),ce=lt({disabled:_==null,forceRecompute:N}),W=ce.rect??I,ue=W===I?ye(I,re):q,K=At(s,{transform:{x:y.x-ue.x,y:y.y-ue.y,scaleX:1,scaleY:1},activatorEvent:D,active:C,activeNodeRect:R,containerNodeRect:oe,draggingNodeRect:W,over:V.current.over,overlayNodeRect:ce.rect,scrollableAncestors:U,scrollableAncestorRects:se,windowRect:H}),he=F?z(F,y):null,_e=Xe(U),J=z(K,_e),Y=W?xe(W,K):null,be=Y?xe(Y,_e):null,Se=C&&be?a({active:C,collisionRect:be,droppableContainers:te}):null,[X,Ce]=(0,u.useState)(null),we=ve(K,X?.rect??null,I),Te=(0,u.useCallback)((e,{sensor:t,options:n})=>{if(!T.current)return;let r=v[T.current];if(!r)return;let i=new t({active:T.current,activeNode:r,event:e.nativeEvent,options:n,context:V,onStart(e){let t=T.current;if(!t)return;let n=v[t];if(!n)return;let{onDragStart:r}=k.current,i={active:{id:t,data:n.data,rect:S}};(0,w.unstable_batchedUpdates)(()=>{f({type:G.DragStart,initialCoordinates:e,active:t}),m({type:G.DragStart,event:i})}),r?.(i)},onMove(e){f({type:G.DragMove,coordinates:e})},onEnd:a(G.DragEnd),onCancel:a(G.DragCancel)});(0,w.unstable_batchedUpdates)(()=>{E(i),O(e.nativeEvent)});function a(e){return async function(){let{active:t,over:n,scrollAdjustedTranslate:r}=V.current,i=null;if(t&&r){let{cancelDrop:a}=k.current;i={active:t,delta:r,over:n},e===G.DragEnd&&typeof a==`function`&&await Promise.resolve(a(i))&&(e=G.DragCancel)}if(T.current=null,(0,w.unstable_batchedUpdates)(()=>{f({type:e}),Ce(null),g(!1),E(null),O(null),i&&m({type:e,event:i})}),i){let{onDragCancel:t,onDragEnd:n}=k.current;(e===G.DragEnd?n:t)?.(i)}}}},[f,v]),Z=He(i,(0,u.useCallback)((e,t)=>(n,r)=>{let i=n.nativeEvent;T.current!==null||i.dndKit||i.defaultPrevented||e(n,t.options)===!0&&(i.dndKit={capturedBy:t.sensor},T.current=r,Te(n,t))},[Te]));$e(i),M(()=>{k.current=l},Object.values(l)),(0,u.useEffect)(()=>{_!=null&&g(!0)},[_]),(0,u.useEffect)(()=>{C||(B.current=null),C&&I&&!B.current&&(B.current=I)},[I,C]),(0,u.useEffect)(()=>{let{onDragMove:e}=k.current,{active:t,over:n}=V.current;if(!t)return;let r={active:t,delta:{x:J.x,y:J.y},over:n};m({type:G.DragMove,event:r}),e?.(r)},[J.x,J.y]),(0,u.useEffect)(()=>{let{active:e,droppableContainers:t,scrollAdjustedTranslate:n}=V.current;if(!e||!T.current||!n)return;let{onDragOver:r}=k.current,i=t.get(Se),a=i&&i.rect.current?{id:i.id,rect:i.rect.current,data:i.data,disabled:i.disabled}:null,o={active:e,delta:{x:n.x,y:n.y},over:a};(0,w.unstable_batchedUpdates)(()=>{Ce(a),m({type:G.DragOver,event:o}),r?.(o)})},[Se]),M(()=>{V.current={active:C,activeNode:P,collisionRect:be,droppableRects:j,draggableNodes:v,draggingNodeRect:W,droppableContainers:b,over:X,scrollableAncestors:U,scrollAdjustedTranslate:J,translatedRect:Y},S.current={initial:W,translated:Y}},[C,P,be,v,W,j,b,X,U,J,Y]),Be({...De(),draggingRect:Y,pointerCoordinates:he,scrollableAncestors:U,scrollableAncestorRects:se});let Ee=(0,u.useMemo)(()=>({active:C,activeNode:P,activeNodeRect:I,activeNodeClientRect:R,activatorEvent:D,activators:Z,ariaDescribedById:{draggable:A},containerNodeRect:oe,dispatch:f,dragOverlay:ce,draggableNodes:v,droppableContainers:b,droppableRects:j,over:X,recomputeLayouts:ne,scrollableAncestors:U,scrollableAncestorRects:se,willRecomputeLayouts:N,windowRect:H}),[C,P,R,I,D,Z,oe,ce,f,v,A,b,j,X,ne,U,se,N,H]);return u.createElement(me.Provider,{value:p},u.createElement(de.Provider,{value:Ee},u.createElement(Nt.Provider,{value:we},r)),u.createElement(ge,{announcements:n,hiddenTextDescribedById:A,screenReaderInstructions:c}));function De(){let e=ee?.autoScrollEnabled===!1,n=typeof t==`object`?t.enabled===!1:t===!1,r=!e&&!n;return typeof t==`object`?{...t,enabled:r}:{enabled:r}}}),Ft=(0,u.createContext)(null),It=`button`,Lt=`Droppable`;function Rt({id:e,data:t,disabled:n=!1,attributes:r}){let i=L(Lt),{active:a,activeNodeRect:o,activatorEvent:s,ariaDescribedById:c,draggableNodes:l,droppableRects:d,activators:f,over:p}=(0,u.useContext)(de),{role:m=It,roleDescription:h=`draggable`,tabIndex:g=0}=r??{},_=a?.id===e,v=(0,u.useContext)(_?Nt:Ft),[y,b]=F(),x=et(f,e),S=Ue(t);return(0,u.useEffect)(()=>(l[e]={id:e,key:i,node:y,data:S},()=>{let t=l[e];t&&t.key===i&&delete l[e]}),[l,e]),{active:a,activeNodeRect:o,activatorEvent:s,attributes:(0,u.useMemo)(()=>({role:m,tabIndex:g,"aria-pressed":_&&m===It?!0:void 0,"aria-roledescription":h,"aria-describedby":c.draggable}),[m,g,_,h,c.draggable]),droppableRects:d,isDragging:_,listeners:n?void 0:x,node:y,over:p,setNodeRef:b,transform:v}}function zt(){return(0,u.useContext)(de)}var Bt=`Droppable`;function Vt({data:e,disabled:t=!1,id:n}){let r=L(Bt),{active:i,dispatch:a,over:o}=(0,u.useContext)(de),s=(0,u.useRef)(null),[c,l]=F(),d=Ue(e);return M(()=>(a({type:G.RegisterDroppable,element:{id:n,key:r,disabled:t,node:c,rect:s,data:d}}),()=>a({type:G.UnregisterDroppable,key:r,id:n})),[n]),(0,u.useEffect)(()=>{a({type:G.SetDroppableDisabled,id:n,key:r,disabled:t})},[t]),{active:i,rect:s,isOver:o?.id===n,node:c,over:o,setNodeRef:l}}function Ht(e,t,n){let r=e.slice();return r.splice(n<0?r.length+n:n,0,r.splice(t,1)[0]),r}function Ut(e,t){return e.reduce((e,n,r)=>{let i=t.get(n);return i&&(e[r]=i),e},Array(e.length))}function Wt(e){return e!==null&&e>=0}var Gt=({layoutRects:e,activeIndex:t,overIndex:n,index:r})=>{let i=Ht(e,n,t),a=e[r],o=i[r];return!o||!a?null:{x:o.offsetLeft-a.offsetLeft,y:o.offsetTop-a.offsetTop,scaleX:o.width/a.width,scaleY:o.height/a.height}},Kt=`Sortable`,qt=u.createContext({activeIndex:-1,containerId:Kt,disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:Gt,wasDragging:{current:!1}});function Jt({children:e,id:t,items:n,strategy:r=Gt}){let{active:i,dragOverlay:a,droppableRects:o,over:s,recomputeLayouts:c,willRecomputeLayouts:l}=zt(),d=L(Kt,t),f=a.rect!==null,p=(0,u.useMemo)(()=>n.map(e=>typeof e==`string`?e:e.id),[n]),m=i!=null,h=(0,u.useRef)(!1),g=i?p.indexOf(i.id):-1,_=g!==-1,v=s?p.indexOf(s.id):-1,y=(0,u.useRef)(p),b=Ut(p,o),x=!Yt(p,y.current),S=v!==-1&&g===-1||x;M(()=>{x&&_&&!l&&c()},[x,_,c,l]),(0,u.useEffect)(()=>{y.current=p},[p]),(0,u.useEffect)(()=>{let e=setTimeout(()=>{h.current=m},100);return()=>clearTimeout(e)},[m]);let C=(0,u.useMemo)(()=>({activeIndex:g,containerId:d,disableTransforms:S,items:p,overIndex:v,useDragOverlay:f,sortedRects:b,strategy:r,wasDragging:h}),[g,d,S,p,v,b,f,r,h]);return u.createElement(qt.Provider,{value:C},e)}function Yt(e,t){return e.join()===t.join()}var Xt=({id:e,items:t,activeIndex:n,overIndex:r})=>Ht(t,n,r).indexOf(e),Zt=({containerId:e,isSorting:t,wasDragging:n,index:r,items:i,newIndex:a,previousItems:o,previousContainerId:s,transition:c})=>!c||!n||o!==i&&r===a?!1:t?!0:a!==r&&e===s,Qt={duration:200,easing:`ease`},$t=`transform`,en=H.Transition.toString({property:$t,duration:0,easing:`linear`}),tn={roleDescription:`sortable`};function nn({disabled:e,index:t,node:n,rect:r}){let[i,a]=(0,u.useState)(null),o=(0,u.useRef)(t);return M(()=>{if(!e&&t!==o.current&&n.current){let e=r.current;if(e){let t=Pe(n.current),r={x:e.offsetLeft-t.offsetLeft,y:e.offsetTop-t.offsetTop,scaleX:e.width/t.width,scaleY:e.height/t.height};(r.x||r.y)&&a(r)}}t!==o.current&&(o.current=t)},[e,t,n,r]),(0,u.useEffect)(()=>{i&&requestAnimationFrame(()=>{a(null)})},[i]),i}function rn({animateLayoutChanges:e=Zt,attributes:t,disabled:n,data:r,getNewIndex:i=Xt,id:a,strategy:o,transition:s=Qt}){let{items:c,containerId:l,activeIndex:d,disableTransforms:f,sortedRects:p,overIndex:m,useDragOverlay:h,strategy:g,wasDragging:_}=(0,u.useContext)(qt),v=c.indexOf(a),y=(0,u.useMemo)(()=>({sortable:{containerId:l,index:v,items:c},...r}),[l,r,v,c]),{rect:b,node:x,setNodeRef:S}=Vt({id:a,data:y}),{active:C,activeNodeRect:w,activatorEvent:ee,attributes:E,setNodeRef:D,listeners:O,isDragging:k,over:A,transform:te}=Rt({id:a,data:y,attributes:{...tn,...t},disabled:n}),j=T(S,D),M=!!C,ne=M&&_.current&&!f&&Wt(d)&&Wt(m),N=!h&&k,P=ne?(N&&ne?te:null)??(o??g)({layoutRects:p,activeNodeRect:w,activeIndex:d,overIndex:m,index:v}):null,F=Wt(d)&&Wt(m)?i({id:a,items:c,activeIndex:d,overIndex:m}):v,I=(0,u.useRef)(c),L=c!==I.current,R=(0,u.useRef)(F),z=(0,u.useRef)(l),B=e({active:C,containerId:l,isDragging:k,isSorting:M,id:a,index:v,items:c,newIndex:R.current,previousItems:I.current,previousContainerId:z.current,transition:s,wasDragging:_.current}),re=nn({disabled:!B,index:v,node:x,rect:b});return(0,u.useEffect)(()=>{M&&R.current!==F&&(R.current=F),l!==z.current&&(z.current=l),c!==I.current&&(I.current=c)},[M,F,l,c]),{active:C,attributes:E,activatorEvent:ee,rect:b,index:v,isSorting:M,isDragging:k,listeners:O,node:x,overIndex:m,over:A,setNodeRef:j,setDroppableNodeRef:S,setDraggableNodeRef:D,transform:re??P,transition:V()};function V(){if(re||L&&R.current===v)return en;if(!(N||!s)&&(M||B))return H.Transition.toString({...s,property:$t})}}$.Down,$.Right,$.Up,$.Left;var an=e=>(0,d.jsx)(`svg`,{viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`,...e,children:(0,d.jsxs)(`g`,{fill:`none`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,children:[(0,d.jsx)(`circle`,{cx:9,cy:12,r:1}),(0,d.jsx)(`circle`,{cx:9,cy:5,r:1}),(0,d.jsx)(`circle`,{cx:9,cy:19,r:1}),(0,d.jsx)(`circle`,{cx:15,cy:12,r:1}),(0,d.jsx)(`circle`,{cx:15,cy:5,r:1}),(0,d.jsx)(`circle`,{cx:15,cy:19,r:1})]})});function on(e){return e>=95?`bg-red-500`:e>=80?`bg-amber-400`:`bg-sienna-400`}function sn(e){if(!e)return``;let t=new Date(e).getTime()-Date.now();if(t<=0)return`resetting...`;let n=Math.floor(t/36e5),r=Math.floor(t%36e5/6e4);return n>0?`resets ${n}h ${r}m`:`resets ${r}m`}function cn({label:e,utilization:t,resetsAt:n}){let r=t??0;return(0,d.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,d.jsx)(`span`,{className:`text-xs text-sand-600 w-20 shrink-0`,children:e}),(0,d.jsx)(`div`,{className:`flex-1 h-2 bg-sand-200 rounded-full overflow-hidden`,children:(0,d.jsx)(`div`,{className:`h-full rounded-full transition-all duration-300 ${on(r)}`,style:{width:`${Math.min(r,100)}%`}})}),(0,d.jsxs)(`span`,{className:`text-xs tabular-nums text-sand-700 w-10 text-right`,children:[r,`%`]}),(0,d.jsx)(`span`,{className:`text-[10px] text-sand-400 w-24 text-right`,children:sn(n)})]})}function ln({token:e}){let{data:t,isLoading:n}=l.useUsage(e.name);return n?(0,d.jsxs)(`div`,{className:`animate-pulse space-y-2 py-2`,children:[(0,d.jsx)(`div`,{className:`h-2 w-full bg-sand-200 rounded-full`}),(0,d.jsx)(`div`,{className:`h-2 w-3/4 bg-sand-200 rounded-full`})]}):t?.error?(0,d.jsxs)(`div`,{className:`py-1`,children:[(0,d.jsx)(`p`,{className:`text-[11px] text-amber-600`,children:`Session expired`}),(0,d.jsx)(`p`,{className:`text-[10px] text-sand-400 mt-0.5`,children:`Please re-login via OAuth or update your token`})]}):t?.five_hour?(0,d.jsxs)(`div`,{className:`space-y-1.5 py-1`,children:[t.five_hour&&(0,d.jsx)(cn,{label:`5h`,utilization:t.five_hour.utilization,resetsAt:t.five_hour.resets_at}),t.seven_day&&(0,d.jsx)(cn,{label:`7d All`,utilization:t.seven_day.utilization,resetsAt:t.seven_day.resets_at}),t.seven_day_sonnet&&(0,d.jsx)(cn,{label:`7d Sonnet`,utilization:t.seven_day_sonnet.utilization,resetsAt:t.seven_day_sonnet.resets_at}),t.seven_day_opus&&(0,d.jsx)(cn,{label:`7d Opus`,utilization:t.seven_day_opus.utilization,resetsAt:t.seven_day_opus.resets_at})]}):(0,d.jsx)(`p`,{className:`text-[11px] text-sand-400 py-1`,children:`No usage data`})}function un({token:e}){let{attributes:t,listeners:n,setNodeRef:r,transform:i,transition:a,isDragging:o}=rn({id:String(e.id),transition:{duration:200,easing:`ease`}});return(0,d.jsxs)(`div`,{ref:r,style:{transform:H.Translate.toString(i),transition:a,opacity:o?.5:1,zIndex:o?10:void 0},...t,...n,className:`rounded-lg bg-sand-50 px-4 py-3 select-none cursor-grab active:cursor-grabbing touch-none`,children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-2 mb-2`,children:[(0,d.jsx)(an,{className:`size-3.5 text-sand-300 shrink-0`}),(0,d.jsx)(`span`,{className:`text-sm font-medium text-sand-800 truncate`,children:e.name??`Unnamed`}),(0,d.jsx)(`span`,{className:`text-[10px] px-1.5 py-0.5 rounded-full shrink-0 ${e.active?`bg-sage-100 text-sage-600`:`bg-sand-200 text-sand-500`}`,children:e.active?`Active`:`Inactive`})]}),(0,d.jsx)(ln,{token:e})]})}var dn=8;function fn(){let[e,n]=(0,u.useState)(0),{data:r,isLoading:i}=c.useTokens(`A`,{orderBy:`ord-asc`}),a=t(),o=c.useReorderMutation(),[s,l]=(0,u.useState)([]);(0,u.useEffect)(()=>{r?.rows&&l(r.rows)},[r?.rows]);let f=dt(ut(wt,{activationConstraint:{distance:5}})),p=e=>{let{active:t,over:n}=e;if(!n||t.id===n.id)return;let i=Number(t.id),u=Number(n.id),d=s.findIndex(e=>e.id===i),f=s.findIndex(e=>e.id===u);if(d===-1||f===-1)return;let p=Ht(s,d,f);l(p);let m=c.getTokensQueryOptions(`A`,{orderBy:`ord-asc`}).queryKey,h=a.getQueryData(m);a.setQueryData(m,e=>e&&{...e,rows:p}),o.mutate({ids:p.map(e=>e.id)},{onError:()=>{a.setQueryData(m,h),r?.rows&&l(r.rows)},onSettled:()=>{Promise.all([a.invalidateQueries({queryKey:[`Token`]}),a.invalidateQueries({queryKey:[`Qgrid`]})])}})};if(i)return(0,d.jsx)(`div`,{className:`grid grid-cols-2 gap-3`,children:Array.from({length:4}).map((e,t)=>(0,d.jsxs)(`div`,{className:`rounded-lg bg-sand-50 px-4 py-3 animate-pulse`,children:[(0,d.jsx)(`div`,{className:`h-3 w-16 bg-sand-200 rounded mb-3`}),(0,d.jsx)(`div`,{className:`h-2 w-full bg-sand-200 rounded-full`})]},`skel-${t}`))});if(s.length===0)return(0,d.jsx)(`div`,{className:`rounded-lg bg-sand-50 px-5 py-4`,children:(0,d.jsx)(`p`,{className:`text-sand-400 text-sm`,children:`No tokens registered`})});let m=Math.ceil(s.length/dn),h=Math.min(e,m-1),v=s.slice(h*dn,(h+1)*dn);return(0,d.jsxs)(`div`,{children:[(0,d.jsx)(Pt,{sensors:f,collisionDetection:Y,onDragEnd:p,children:(0,d.jsx)(Jt,{items:v.map(e=>String(e.id)),strategy:Gt,children:(0,d.jsx)(`div`,{className:`grid grid-cols-2 gap-3`,children:v.map(e=>(0,d.jsx)(un,{token:e},e.id))})})}),m>1&&(0,d.jsxs)(`div`,{className:`flex items-center justify-center gap-2 mt-3`,children:[(0,d.jsx)(`button`,{type:`button`,className:`p-0.5 rounded text-sand-400 hover:text-sand-600 disabled:opacity-30 transition-colors`,disabled:h===0,onClick:()=>n(h-1),children:(0,d.jsx)(g,{className:`size-4`})}),(0,d.jsxs)(`span`,{className:`text-[10px] text-sand-400 tabular-nums`,children:[h+1,` / `,m]}),(0,d.jsx)(`button`,{type:`button`,className:`p-0.5 rounded text-sand-400 hover:text-sand-600 disabled:opacity-30 transition-colors`,disabled:h===m-1,onClick:()=>n(h+1),children:(0,d.jsx)(_,{className:`size-4`})})]})]})}function pn(){let{data:e,isLoading:t,isError:n}=l.useHealth();return(0,d.jsxs)(`div`,{className:`space-y-5 max-w-300 mx-auto -translate-x-4`,children:[(0,d.jsx)(`h1`,{className:`text-xl font-medium text-sand-900 tracking-tight`,children:`Dashboard`}),(0,d.jsx)(h,{data:e,isLoading:t,isError:n}),(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`span`,{className:`text-[10px] uppercase tracking-wider text-sand-500 font-medium`,children:`Usage`}),(0,d.jsx)(`div`,{className:`mt-2`,children:(0,d.jsx)(fn,{})})]}),(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`span`,{className:`text-[10px] uppercase tracking-wider text-sand-500 font-medium`,children:`Request Log`}),(0,d.jsx)(`div`,{className:`mt-2`,children:(0,d.jsx)(C,{})})]})]})}export{pn as component};