@jheavenknows/bluerouter 4.0.62 → 4.0.64

package/app/.next-cli-build/static/chunks/7055-e70807a3a34c0ede.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7055],{5020:(e,t,n)=>{n.d(t,{FN:()=>l,gj:()=>r}),n(39768);let r=e=>{let t,{containerNodeRect:n,draggingNodeRect:r,transform:l}=e;return r&&n?(t={...l},r.top+l.y<=n.top?t.y=n.top-r.top:r.bottom+l.y>=n.top+n.height&&(t.y=n.top+n.height-r.bottom),r.left+l.x<=n.left?t.x=n.left-r.left:r.right+l.x>=n.left+n.width&&(t.x=n.left+n.width-r.right),t):l},l=e=>{let{transform:t}=e;return{...t,x:0}}},39768:(e,t,n)=>{n.d(t,{$$:()=>p,Es:()=>f,KG:()=>b,Ks:()=>R,Ll:()=>o,Re:()=>C,Sw:()=>i,TW:()=>h,WQ:()=>D,YG:()=>x,YN:()=>v,ZC:()=>y,_q:()=>g,ag:()=>T,e_:()=>S,jn:()=>l,kx:()=>M,l6:()=>a,lk:()=>m,sb:()=>c,wz:()=>s,xZ:()=>d,zk:()=>u});var r=n(12115);function l(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return(0,r.useMemo)(()=>e=>{t.forEach(t=>t(e))},t)}let i="u">typeof window&&void 0!==window.document&&void 0!==window.document.createElement;function a(e){let t=Object.prototype.toString.call(e);return"[object Window]"===t||"[object global]"===t}function o(e){return"nodeType"in e}function u(e){var t,n;return e?a(e)?e:o(e)&&null!=(t=null==(n=e.ownerDocument)?void 0:n.defaultView)?t:window:window}function s(e){let{Document:t}=u(e);return e instanceof t}function c(e){return!a(e)&&e instanceof u(e).HTMLElement}function d(e){return e instanceof u(e).SVGElement}function h(e){return e?a(e)?e.document:o(e)?s(e)?e:c(e)||d(e)?e.ownerDocument:document:document:document}let f=i?r.useLayoutEffect:r.useEffect;function g(e){let t=(0,r.useRef)(e);return f(()=>{t.current=e}),(0,r.useCallback)(function(){for(var e=arguments.length,n=Array(e),r=0;r<e;r++)n[r]=arguments[r];return null==t.current?void 0:t.current(...n)},[])}function p(){let e=(0,r.useRef)(null);return[(0,r.useCallback)((t,n)=>{e.current=setInterval(t,n)},[]),(0,r.useCallback)(()=>{null!==e.current&&(clearInterval(e.current),e.current=null)},[])]}function v(e,t){void 0===t&&(t=[e]);let n=(0,r.useRef)(e);return f(()=>{n.current!==e&&(n.current=e)},t),n}function b(e,t){let n=(0,r.useRef)();return(0,r.useMemo)(()=>{let t=e(n.current);return n.current=t,t},[...t])}function m(e){let t=g(e),n=(0,r.useRef)(null),l=(0,r.useCallback)(e=>{e!==n.current&&(null==t||t(e,n.current)),n.current=e},[]);return[n,l]}function y(e){let t=(0,r.useRef)();return(0,r.useEffect)(()=>{t.current=e},[e]),t.current}let w={};function x(e,t){return(0,r.useMemo)(()=>{if(t)return t;let n=null==w[e]?0:w[e]+1;return w[e]=n,e+"-"+n},[e,t])}function E(e){return function(t){for(var n=arguments.length,r=Array(n>1?n-1:0),l=1;l<n;l++)r[l-1]=arguments[l];return r.reduce((t,n)=>{for(let[r,l]of Object.entries(n)){let n=t[r];null!=n&&(t[r]=n+e*l)}return t},{...t})}}let D=E(1),C=E(-1);function M(e){if(!e)return!1;let{KeyboardEvent:t}=u(e.target);return t&&e instanceof t}function S(e){if(function(e){if(!e)return!1;let{TouchEvent:t}=u(e.target);return t&&e instanceof t}(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"clientX"in e&&"clientY"in e?{x:e.clientX,y:e.clientY}:null}let R=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[R.Translate.toString(e),R.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:r}=e;return t+" "+n+"ms "+r}}}),k="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function T(e){return e.matches(k)?e:e.querySelector(k)}},44923:(e,t,n)=>{n.d(t,{Mp:()=>eG,vL:()=>p,uN:()=>eg,AN:()=>ey,fp:()=>j,y$:()=>U,Sj:()=>H,Vy:()=>F,sl:()=>J,fF:()=>eJ,PM:()=>eV,zM:()=>eZ,MS:()=>I,FR:()=>z});var r,l,i,a,o,u,s,c,d,h,f,g,p,v,b,m,y,w,x,E=n(12115),D=n(47650),C=n(39768);let M={display:"none"};function S(e){let{id:t,value:n}=e;return E.createElement("div",{id:t,style:M},n)}function R(e){let{id:t,announcement:n,ariaLiveType:r="assertive"}=e;return E.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)}let k=(0,E.createContext)(null),T={draggable:"\n    To pick up a draggable item, press the space bar.\n    While dragging, use the arrow keys to move the item.\n    Press space again to drop the item in its new position, or press escape to cancel.\n  "},L={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 N(e){var t;let n,{announcements:r=L,container:l,hiddenTextDescribedById:i,screenReaderInstructions:a=T}=e,{announce:o,announcement:u}=function(){let[e,t]=(0,E.useState)("");return{announce:(0,E.useCallback)(e=>{null!=e&&t(e)},[]),announcement:e}}(),s=(0,C.YG)("DndLiveRegion"),[c,d]=(0,E.useState)(!1);if((0,E.useEffect)(()=>{d(!0)},[]),t=(0,E.useMemo)(()=>({onDragStart(e){let{active:t}=e;o(r.onDragStart({active:t}))},onDragMove(e){let{active:t,over:n}=e;r.onDragMove&&o(r.onDragMove({active:t,over:n}))},onDragOver(e){let{active:t,over:n}=e;o(r.onDragOver({active:t,over:n}))},onDragEnd(e){let{active:t,over:n}=e;o(r.onDragEnd({active:t,over:n}))},onDragCancel(e){let{active:t,over:n}=e;o(r.onDragCancel({active:t,over:n}))}}),[o,r]),n=(0,E.useContext)(k),(0,E.useEffect)(()=>{if(!n)throw Error("useDndMonitor must be used within a children of <DndContext>");return n(t)},[t,n]),!c)return null;let h=E.createElement(E.Fragment,null,E.createElement(S,{id:i,value:a.draggable}),E.createElement(R,{id:s,announcement:u}));return l?(0,D.createPortal)(h,l):h}function O(){}function I(e,t){return(0,E.useMemo)(()=>({sensor:e,options:null!=t?t:{}}),[e,t])}function z(){for(var e=arguments.length,t=Array(e),n=0;n<e;n++)t[n]=arguments[n];return(0,E.useMemo)(()=>[...t].filter(e=>null!=e),[...t])}(r=h||(h={})).DragStart="dragStart",r.DragMove="dragMove",r.DragEnd="dragEnd",r.DragCancel="dragCancel",r.DragOver="dragOver",r.RegisterDroppable="registerDroppable",r.SetDroppableDisabled="setDroppableDisabled",r.UnregisterDroppable="unregisterDroppable";let A=Object.freeze({x:0,y:0});function P(e,t){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}function W(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return n-r}function Y(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return r-n}function B(e){let{left:t,top:n,height:r,width:l}=e;return[{x:t,y:n},{x:t+l,y:n},{x:t,y:n+r},{x:t+l,y:n+r}]}function F(e,t){if(!e||0===e.length)return null;let[n]=e;return t?n[t]:n}function K(e,t,n){return void 0===t&&(t=e.left),void 0===n&&(n=e.top),{x:t+.5*e.width,y:n+.5*e.height}}let j=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e,l=K(t,t.left,t.top),i=[];for(let e of r){let{id:t}=e,r=n.get(t);if(r){let n=P(K(r),l);i.push({id:t,data:{droppableContainer:e,value:n}})}}return i.sort(W)},U=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e,l=B(t),i=[];for(let e of r){let{id:t}=e,r=n.get(t);if(r){let n=B(r),a=Number((l.reduce((e,t,r)=>e+P(n[r],t),0)/4).toFixed(4));i.push({id:t,data:{droppableContainer:e,value:a}})}}return i.sort(W)},_=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e,l=[];for(let e of r){let{id:r}=e,i=n.get(r);if(i){let n=function(e,t){let n=Math.max(t.top,e.top),r=Math.max(t.left,e.left),l=Math.min(t.left+t.width,e.left+e.width),i=Math.min(t.top+t.height,e.top+e.height);if(r<l&&n<i){let a=t.width*t.height,o=e.width*e.height,u=(l-r)*(i-n);return Number((u/(a+o-u)).toFixed(4))}return 0}(i,t);n>0&&l.push({id:r,data:{droppableContainer:e,value:n}})}}return l.sort(Y)};function X(e,t){return e&&t?{x:e.left-t.left,y:e.top-t.top}:A}let G=function(e){for(var t=arguments.length,n=Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return n.reduce((e,t)=>({...e,top:e.top+ +t.y,bottom:e.bottom+ +t.y,left:e.left+ +t.x,right:e.right+ +t.x}),{...e})},q={ignoreTransform:!1};function H(e,t){void 0===t&&(t=q);let n=e.getBoundingClientRect();if(t.ignoreTransform){let{transform:t,transformOrigin:r}=(0,C.zk)(e).getComputedStyle(e);t&&(n=function(e,t,n){let r=function(e){if(e.startsWith("matrix3d(")){let t=e.slice(9,-1).split(/, /);return{x:+t[12],y:+t[13],scaleX:+t[0],scaleY:+t[5]}}if(e.startsWith("matrix(")){let t=e.slice(7,-1).split(/, /);return{x:+t[4],y:+t[5],scaleX:+t[0],scaleY:+t[3]}}return null}(t);if(!r)return e;let{scaleX:l,scaleY:i,x:a,y:o}=r,u=e.left-a-(1-l)*parseFloat(n),s=e.top-o-(1-i)*parseFloat(n.slice(n.indexOf(" ")+1)),c=l?e.width/l:e.width,d=i?e.height/i:e.height;return{width:c,height:d,top:s,right:u+c,bottom:s+d,left:u}}(n,t,r))}let{top:r,left:l,width:i,height:a,bottom:o,right:u}=n;return{top:r,left:l,width:i,height:a,bottom:o,right:u}}function V(e){return H(e,{ignoreTransform:!0})}function J(e,t){let n=[];return e?function r(l){var i,a;let o;if(null!=t&&n.length>=t||!l)return n;if((0,C.wz)(l)&&null!=l.scrollingElement&&!n.includes(l.scrollingElement))return n.push(l.scrollingElement),n;if(!(0,C.sb)(l)||(0,C.xZ)(l)||n.includes(l))return n;let u=(0,C.zk)(e).getComputedStyle(l);return(l!==e&&(void 0===(i=u)&&(i=(0,C.zk)(l).getComputedStyle(l)),o=/(auto|scroll|overlay)/,["overflow","overflowX","overflowY"].some(e=>{let t=i[e];return"string"==typeof t&&o.test(t)}))&&n.push(l),void 0===(a=u)&&(a=(0,C.zk)(l).getComputedStyle(l)),"fixed"===a.position)?n:r(l.parentNode)}(e):n}function Q(e){let[t]=J(e,1);return null!=t?t:null}function Z(e){return C.Sw&&e?(0,C.l6)(e)?e:(0,C.Ll)(e)?(0,C.wz)(e)||e===(0,C.TW)(e).scrollingElement?window:(0,C.sb)(e)?e:null:null:null}function $(e){return(0,C.l6)(e)?e.scrollX:e.scrollLeft}function ee(e){return(0,C.l6)(e)?e.scrollY:e.scrollTop}function et(e){return{x:$(e),y:ee(e)}}function en(e){return!!C.Sw&&!!e&&e===document.scrollingElement}function er(e){let t={x:0,y:0},n=en(e)?{height:window.innerHeight,width:window.innerWidth}:{height:e.clientHeight,width:e.clientWidth},r={x:e.scrollWidth-n.width,y:e.scrollHeight-n.height},l=e.scrollTop<=t.y,i=e.scrollLeft<=t.x;return{isTop:l,isLeft:i,isBottom:e.scrollTop>=r.y,isRight:e.scrollLeft>=r.x,maxScroll:r,minScroll:t}}(l=f||(f={}))[l.Forward=1]="Forward",l[l.Backward=-1]="Backward";let el={x:.2,y:.2};function ei(e){return e.reduce((e,t)=>(0,C.WQ)(e,et(t)),A)}let ea=[["x",["left","right"],function(e){return e.reduce((e,t)=>e+$(t),0)}],["y",["top","bottom"],function(e){return e.reduce((e,t)=>e+ee(t),0)}]];class eo{constructor(e,t){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 n=J(t),r=ei(n);for(const[t,l,i]of(this.rect={...e},this.width=e.width,this.height=e.height,ea))for(const e of l)Object.defineProperty(this,e,{get:()=>{let l=i(n),a=r[t]-l;return this.rect[e]+a},enumerable:!0});Object.defineProperty(this,"rect",{enumerable:!1})}}class eu{constructor(e){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach(e=>{var t;return null==(t=this.target)?void 0:t.removeEventListener(...e)})},this.target=e}add(e,t,n){var r;null==(r=this.target)||r.addEventListener(e,t,n),this.listeners.push([e,t,n])}}function es(e,t){let n=Math.abs(e.x),r=Math.abs(e.y);return"number"==typeof t?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}function ec(e){e.preventDefault()}function ed(e){e.stopPropagation()}(i=g||(g={})).Click="click",i.DragStart="dragstart",i.Keydown="keydown",i.ContextMenu="contextmenu",i.Resize="resize",i.SelectionChange="selectionchange",i.VisibilityChange="visibilitychange",(a=p||(p={})).Space="Space",a.Down="ArrowDown",a.Right="ArrowRight",a.Left="ArrowLeft",a.Up="ArrowUp",a.Esc="Escape",a.Enter="Enter",a.Tab="Tab";let eh={start:[p.Space,p.Enter],cancel:[p.Esc],end:[p.Space,p.Enter,p.Tab]},ef=(e,t)=>{let{currentCoordinates:n}=t;switch(e.code){case p.Right:return{...n,x:n.x+25};case p.Left:return{...n,x:n.x-25};case p.Down:return{...n,y:n.y+25};case p.Up:return{...n,y:n.y-25}}};class eg{constructor(e){this.props=void 0,this.autoScrollEnabled=!1,this.referenceCoordinates=void 0,this.listeners=void 0,this.windowListeners=void 0,this.props=e;const{event:{target:t}}=e;this.props=e,this.listeners=new eu((0,C.TW)(t)),this.windowListeners=new eu((0,C.zk)(t)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(g.Resize,this.handleCancel),this.windowListeners.add(g.VisibilityChange,this.handleCancel),setTimeout(()=>this.listeners.add(g.Keydown,this.handleKeyDown))}handleStart(){let{activeNode:e,onStart:t}=this.props,n=e.node.current;n&&function(e,t){if(void 0===t&&(t=H),!e)return;let{top:n,left:r,bottom:l,right:i}=t(e);Q(e)&&(l<=0||i<=0||n>=window.innerHeight||r>=window.innerWidth)&&e.scrollIntoView({block:"center",inline:"center"})}(n),t(A)}handleKeyDown(e){if((0,C.kx)(e)){let{active:t,context:n,options:r}=this.props,{keyboardCodes:l=eh,coordinateGetter:i=ef,scrollBehavior:a="smooth"}=r,{code:o}=e;if(l.end.includes(o))return void this.handleEnd(e);if(l.cancel.includes(o))return void this.handleCancel(e);let{collisionRect:u}=n.current,s=u?{x:u.left,y:u.top}:A;this.referenceCoordinates||(this.referenceCoordinates=s);let c=i(e,{active:t,context:n.current,currentCoordinates:s});if(c){let t=(0,C.Re)(c,s),r={x:0,y:0},{scrollableAncestors:l}=n.current;for(let n of l){let l=e.code,{isTop:i,isRight:o,isLeft:u,isBottom:s,maxScroll:d,minScroll:h}=er(n),f=function(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:l}=e.getBoundingClientRect();return{top:t,left:n,right:r,bottom:l,width:e.clientWidth,height:e.clientHeight}}(n),g={x:Math.min(l===p.Right?f.right-f.width/2:f.right,Math.max(l===p.Right?f.left:f.left+f.width/2,c.x)),y:Math.min(l===p.Down?f.bottom-f.height/2:f.bottom,Math.max(l===p.Down?f.top:f.top+f.height/2,c.y))},v=l===p.Right&&!o||l===p.Left&&!u,b=l===p.Down&&!s||l===p.Up&&!i;if(v&&g.x!==c.x){let e=n.scrollLeft+t.x,i=l===p.Right&&e<=d.x||l===p.Left&&e>=h.x;if(i&&!t.y)return void n.scrollTo({left:e,behavior:a});i?r.x=n.scrollLeft-e:r.x=l===p.Right?n.scrollLeft-d.x:n.scrollLeft-h.x,r.x&&n.scrollBy({left:-r.x,behavior:a});break}if(b&&g.y!==c.y){let e=n.scrollTop+t.y,i=l===p.Down&&e<=d.y||l===p.Up&&e>=h.y;if(i&&!t.x)return void n.scrollTo({top:e,behavior:a});i?r.y=n.scrollTop-e:r.y=l===p.Down?n.scrollTop-d.y:n.scrollTop-h.y,r.y&&n.scrollBy({top:-r.y,behavior:a});break}}this.handleMove(e,(0,C.WQ)((0,C.Re)(c,this.referenceCoordinates),r))}}}handleMove(e,t){let{onMove:n}=this.props;e.preventDefault(),n(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()}}function ep(e){return!!(e&&"distance"in e)}function ev(e){return!!(e&&"delay"in e)}eg.activators=[{eventName:"onKeyDown",handler:(e,t,n)=>{let{keyboardCodes:r=eh,onActivation:l}=t,{active:i}=n,{code:a}=e.nativeEvent;if(r.start.includes(a)){let t=i.activatorNode.current;return(!t||e.target===t)&&(e.preventDefault(),null==l||l({event:e.nativeEvent}),!0)}return!1}}];class eb{constructor(e,t,n){var r;void 0===n&&(n=function(e){let{EventTarget:t}=(0,C.zk)(e);return e instanceof t?e:(0,C.TW)(e)}(e.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=e,this.events=t;const{event:l}=e,{target:i}=l;this.props=e,this.events=t,this.document=(0,C.TW)(i),this.documentListeners=new eu(this.document),this.listeners=new eu(n),this.windowListeners=new eu((0,C.zk)(i)),this.initialCoordinates=null!=(r=(0,C.e_)(l))?r:A,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,bypassActivationConstraint:n}}}=this;if(this.listeners.add(e.move.name,this.handleMove,{passive:!1}),this.listeners.add(e.end.name,this.handleEnd),e.cancel&&this.listeners.add(e.cancel.name,this.handleCancel),this.windowListeners.add(g.Resize,this.handleCancel),this.windowListeners.add(g.DragStart,ec),this.windowListeners.add(g.VisibilityChange,this.handleCancel),this.windowListeners.add(g.ContextMenu,ec),this.documentListeners.add(g.Keydown,this.handleKeydown),t){if(null!=n&&n({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(ev(t)){this.timeoutId=setTimeout(this.handleStart,t.delay),this.handlePending(t);return}if(ep(t))return void this.handlePending(t)}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),null!==this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handlePending(e,t){let{active:n,onPending:r}=this.props;r(n,e,this.initialCoordinates,t)}handleStart(){let{initialCoordinates:e}=this,{onStart:t}=this.props;e&&(this.activated=!0,this.documentListeners.add(g.Click,ed,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(g.SelectionChange,this.removeTextSelection),t(e))}handleMove(e){var t;let{activated:n,initialCoordinates:r,props:l}=this,{onMove:i,options:{activationConstraint:a}}=l;if(!r)return;let o=null!=(t=(0,C.e_)(e))?t:A,u=(0,C.Re)(r,o);if(!n&&a){if(ep(a)){if(null!=a.tolerance&&es(u,a.tolerance))return this.handleCancel();if(es(u,a.distance))return this.handleStart()}return ev(a)&&es(u,a.tolerance)?this.handleCancel():void this.handlePending(a,u)}e.cancelable&&e.preventDefault(),i(o)}handleEnd(){let{onAbort:e,onEnd:t}=this.props;this.detach(),this.activated||e(this.props.active),t()}handleCancel(){let{onAbort:e,onCancel:t}=this.props;this.detach(),this.activated||e(this.props.active),t()}handleKeydown(e){e.code===p.Esc&&this.handleCancel()}removeTextSelection(){var e;null==(e=this.document.getSelection())||e.removeAllRanges()}}let em={cancel:{name:"pointercancel"},move:{name:"pointermove"},end:{name:"pointerup"}};class ey extends eb{constructor(e){const{event:t}=e;super(e,em,(0,C.TW)(t.target))}}ey.activators=[{eventName:"onPointerDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return!!n.isPrimary&&0===n.button&&(null==r||r({event:n}),!0)}}];let ew={move:{name:"mousemove"},end:{name:"mouseup"}};(o=v||(v={}))[o.RightClick=2]="RightClick";class ex extends eb{constructor(e){super(e,ew,(0,C.TW)(e.event.target))}}ex.activators=[{eventName:"onMouseDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return n.button!==v.RightClick&&(null==r||r({event:n}),!0)}}];let eE={cancel:{name:"touchcancel"},move:{name:"touchmove"},end:{name:"touchend"}};class eD extends eb{constructor(e){super(e,eE)}static setup(){return window.addEventListener(eE.move.name,e,{capture:!1,passive:!1}),function(){window.removeEventListener(eE.move.name,e)};function e(){}}}eD.activators=[{eventName:"onTouchStart",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t,{touches:l}=n;return!(l.length>1)&&(null==r||r({event:n}),!0)}}],(u=b||(b={}))[u.Pointer=0]="Pointer",u[u.DraggableRect=1]="DraggableRect",(s=m||(m={}))[s.TreeOrder=0]="TreeOrder",s[s.ReversedTreeOrder=1]="ReversedTreeOrder";let eC={x:{[f.Backward]:!1,[f.Forward]:!1},y:{[f.Backward]:!1,[f.Forward]:!1}};(c=y||(y={}))[c.Always=0]="Always",c[c.BeforeDragging=1]="BeforeDragging",c[c.WhileDragging=2]="WhileDragging",(w||(w={})).Optimized="optimized";let eM=new Map;function eS(e,t){return(0,C.KG)(n=>e?n||("function"==typeof t?t(e):e):null,[t,e])}function eR(e){let{callback:t,disabled:n}=e,r=(0,C._q)(t),l=(0,E.useMemo)(()=>{if(n||"u"<typeof window||void 0===window.ResizeObserver)return;let{ResizeObserver:e}=window;return new e(r)},[n]);return(0,E.useEffect)(()=>()=>null==l?void 0:l.disconnect(),[l]),l}function ek(e){return new eo(H(e),e)}function eT(e,t,n){void 0===t&&(t=ek);let[r,l]=(0,E.useState)(null);function i(){l(r=>{if(!e)return null;if(!1===e.isConnected){var l;return null!=(l=null!=r?r:n)?l:null}let i=t(e);return JSON.stringify(r)===JSON.stringify(i)?r:i})}let a=function(e){let{callback:t,disabled:n}=e,r=(0,C._q)(t),l=(0,E.useMemo)(()=>{if(n||"u"<typeof window||void 0===window.MutationObserver)return;let{MutationObserver:e}=window;return new e(r)},[r,n]);return(0,E.useEffect)(()=>()=>null==l?void 0:l.disconnect(),[l]),l}({callback(t){if(e)for(let n of t){let{type:t,target:r}=n;if("childList"===t&&r instanceof HTMLElement&&r.contains(e)){i();break}}}}),o=eR({callback:i});return(0,C.Es)(()=>{i(),e?(null==o||o.observe(e),null==a||a.observe(document.body,{childList:!0,subtree:!0})):(null==o||o.disconnect(),null==a||a.disconnect())},[e]),r}let eL=[];function eN(e,t){void 0===t&&(t=[]);let n=(0,E.useRef)(null);return(0,E.useEffect)(()=>{n.current=null},t),(0,E.useEffect)(()=>{let t=e!==A;t&&!n.current&&(n.current=e),!t&&n.current&&(n.current=null)},[e]),n.current?(0,C.Re)(e,n.current):A}function eO(e){return(0,E.useMemo)(()=>{let t,n;return e?(t=e.innerWidth,{top:0,left:0,right:t,bottom:n=e.innerHeight,width:t,height:n}):null},[e])}let eI=[],ez=[{sensor:ey,options:{}},{sensor:eg,options:{}}],eA={current:{}},eP={draggable:{measure:V},droppable:{measure:V,strategy:y.WhileDragging,frequency:w.Optimized},dragOverlay:{measure:H}};class eW extends Map{get(e){var t;return null!=e&&null!=(t=super.get(e))?t:void 0}toArray(){return Array.from(this.values())}getEnabled(){return this.toArray().filter(e=>{let{disabled:t}=e;return!t})}getNodeFor(e){var t,n;return null!=(t=null==(n=this.get(e))?void 0:n.node.current)?t:void 0}}let eY={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new eW,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:O},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:eP,measureDroppableContainers:O,windowRect:null,measuringScheduled:!1},eB={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:O,draggableNodes:new Map,over:null,measureDroppableContainers:O},eF=(0,E.createContext)(eB),eK=(0,E.createContext)(eY);function ej(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new eW}}}function eU(e,t){switch(t.type){case h.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:t.initialCoordinates,active:t.active}};case h.DragMove:if(null==e.draggable.active)return e;return{...e,draggable:{...e.draggable,translate:{x:t.coordinates.x-e.draggable.initialCoordinates.x,y:t.coordinates.y-e.draggable.initialCoordinates.y}}};case h.DragEnd:case h.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case h.RegisterDroppable:{let{element:n}=t,{id:r}=n,l=new eW(e.droppable.containers);return l.set(r,n),{...e,droppable:{...e.droppable,containers:l}}}case h.SetDroppableDisabled:{let{id:n,key:r,disabled:l}=t,i=e.droppable.containers.get(n);if(!i||r!==i.key)return e;let a=new eW(e.droppable.containers);return a.set(n,{...i,disabled:l}),{...e,droppable:{...e.droppable,containers:a}}}case h.UnregisterDroppable:{let{id:n,key:r}=t,l=e.droppable.containers.get(n);if(!l||r!==l.key)return e;let i=new eW(e.droppable.containers);return i.delete(n),{...e,droppable:{...e.droppable,containers:i}}}default:return e}}function e_(e){let{disabled:t}=e,{active:n,activatorEvent:r,draggableNodes:l}=(0,E.useContext)(eF),i=(0,C.ZC)(r),a=(0,C.ZC)(null==n?void 0:n.id);return(0,E.useEffect)(()=>{if(!t&&!r&&i&&null!=a){if(!(0,C.kx)(i)||document.activeElement===i.target)return;let e=l.get(a);if(!e)return;let{activatorNode:t,node:n}=e;(t.current||n.current)&&requestAnimationFrame(()=>{for(let e of[t.current,n.current]){if(!e)continue;let t=(0,C.ag)(e);if(t){t.focus();break}}})}},[r,t,l,a,i]),null}let eX=(0,E.createContext)({...A,scaleX:1,scaleY:1});(d=x||(x={}))[d.Uninitialized=0]="Uninitialized",d[d.Initializing=1]="Initializing",d[d.Initialized=2]="Initialized";let eG=(0,E.memo)(function(e){var t,n,r,l,i,a,o,u;let s,c,d,g,p,v,w,M,{id:S,accessibility:R,autoScroll:T=!0,children:L,sensors:O=ez,collisionDetection:I=_,measuring:z,modifiers:P,...W}=e,[Y,B]=(0,E.useReducer)(eU,void 0,ej),[K,j]=function(){let[e]=(0,E.useState)(()=>new Set),t=(0,E.useCallback)(t=>(e.add(t),()=>e.delete(t)),[e]);return[(0,E.useCallback)(t=>{let{type:n,event:r}=t;e.forEach(e=>{var t;return null==(t=e[n])?void 0:t.call(e,r)})},[e]),t]}(),[U,q]=(0,E.useState)(x.Uninitialized),V=U===x.Initialized,{draggable:{active:$,nodes:ee,translate:ea},droppable:{containers:eu}}=Y,es=null!=$?ee.get($):null,ec=(0,E.useRef)({initial:null,translated:null}),ed=(0,E.useMemo)(()=>{var e;return null!=$?{id:$,data:null!=(e=null==es?void 0:es.data)?e:eA,rect:ec}:null},[$,es]),eh=(0,E.useRef)(null),[ef,eg]=(0,E.useState)(null),[ep,ev]=(0,E.useState)(null),eb=(0,C.YN)(W,Object.values(W)),em=(0,C.YG)("DndDescribedBy",S),ey=(0,E.useMemo)(()=>eu.getEnabled(),[eu]),ew=(0,E.useMemo)(()=>({draggable:{...eP.draggable,...null==z?void 0:z.draggable},droppable:{...eP.droppable,...null==z?void 0:z.droppable},dragOverlay:{...eP.dragOverlay,...null==z?void 0:z.dragOverlay}}),[null==z?void 0:z.draggable,null==z?void 0:z.droppable,null==z?void 0:z.dragOverlay]),{droppableRects:ex,measureDroppableContainers:eE,measuringScheduled:eD}=function(e,t){let{dragging:n,dependencies:r,config:l}=t,[i,a]=(0,E.useState)(null),{frequency:o,measure:u,strategy:s}=l,c=(0,E.useRef)(e),d=function(){switch(s){case y.Always:return!1;case y.BeforeDragging:return n;default:return!n}}(),h=(0,C.YN)(d),f=(0,E.useCallback)(function(e){void 0===e&&(e=[]),h.current||a(t=>null===t?e:t.concat(e.filter(e=>!t.includes(e))))},[h]),g=(0,E.useRef)(null),p=(0,C.KG)(t=>{if(d&&!n)return eM;if(!t||t===eM||c.current!==e||null!=i){let t=new Map;for(let n of e){if(!n)continue;if(i&&i.length>0&&!i.includes(n.id)&&n.rect.current){t.set(n.id,n.rect.current);continue}let e=n.node.current,r=e?new eo(u(e),e):null;n.rect.current=r,r&&t.set(n.id,r)}return t}return t},[e,i,n,d,u]);return(0,E.useEffect)(()=>{c.current=e},[e]),(0,E.useEffect)(()=>{d||f()},[n,d]),(0,E.useEffect)(()=>{i&&i.length>0&&a(null)},[JSON.stringify(i)]),(0,E.useEffect)(()=>{d||"number"!=typeof o||null!==g.current||(g.current=setTimeout(()=>{f(),g.current=null},o))},[o,d,f,...r]),{droppableRects:p,measureDroppableContainers:f,measuringScheduled:null!=i}}(ey,{dragging:V,dependencies:[ea.x,ea.y],config:ew.droppable}),ek=(p=(g=null!=$?ee.get($):void 0)?g.node.current:null,(0,C.KG)(e=>{var t;return null==$?null:null!=(t=null!=p?p:e)?t:null},[p,$])),eW=(0,E.useMemo)(()=>ep?(0,C.e_)(ep):null,[ep]),eY=(s=(null==ef?void 0:ef.autoScrollEnabled)===!1,c="object"==typeof T?!1===T.enabled:!1===T,d=V&&!s&&!c,"object"==typeof T?{...T,enabled:d}:{enabled:d}),eB=eS(ek,ew.draggable.measure);!function(e){let{activeNode:t,measure:n,initialRect:r,config:l=!0}=e,i=(0,E.useRef)(!1),{x:a,y:o}="boolean"==typeof l?{x:l,y:l}:l;(0,C.Es)(()=>{if(!a&&!o||!t){i.current=!1;return}if(i.current||!r)return;let e=null==t?void 0:t.node.current;if(!e||!1===e.isConnected)return;let l=X(n(e),r);if(a||(l.x=0),o||(l.y=0),i.current=!0,Math.abs(l.x)>0||Math.abs(l.y)>0){let t=Q(e);t&&t.scrollBy({top:l.y,left:l.x})}},[t,a,o,r,n])}({activeNode:null!=$?ee.get($):null,config:eY.layoutShiftCompensation,initialRect:eB,measure:ew.draggable.measure});let eG=eT(ek,ew.draggable.measure,eB),eq=eT(ek?ek.parentElement:null),eH=(0,E.useRef)({activatorEvent:null,active:null,activeNode:ek,collisionRect:null,collisions:null,droppableRects:ex,draggableNodes:ee,draggingNode:null,draggingNodeRect:null,droppableContainers:eu,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),eV=eu.getNodeFor(null==(t=eH.current.over)?void 0:t.id),eJ=function(e){let{measure:t}=e,[n,r]=(0,E.useState)(null),l=eR({callback:(0,E.useCallback)(e=>{for(let{target:n}of e)if((0,C.sb)(n)){r(e=>{let r=t(n);return e?{...e,width:r.width,height:r.height}:r});break}},[t])}),i=(0,E.useCallback)(e=>{let n=function(e){if(!e)return null;if(e.children.length>1)return e;let t=e.children[0];return(0,C.sb)(t)?t:e}(e);null==l||l.disconnect(),n&&(null==l||l.observe(n)),r(n?t(n):null)},[t,l]),[a,o]=(0,C.lk)(i);return(0,E.useMemo)(()=>({nodeRef:a,rect:n,setRef:o}),[n,a,o])}({measure:ew.dragOverlay.measure}),eQ=null!=(n=eJ.nodeRef.current)?n:ek,eZ=V?null!=(r=eJ.rect)?r:eG:null,e$=!!(eJ.nodeRef.current&&eJ.rect),e0=(v=eS(i=e$?null:eG),X(i,v)),e1=eO(eQ?(0,C.zk)(eQ):null),e2=(a=V?null!=eV?eV:ek:null,w=(0,E.useRef)(a),M=(0,C.KG)(e=>a?e&&e!==eL&&a&&w.current&&a.parentNode===w.current.parentNode?e:J(a):eL,[a]),(0,E.useEffect)(()=>{w.current=a},[a]),M),e5=function(e,t){void 0===t&&(t=H);let[n]=e,r=eO(n?(0,C.zk)(n):null),[l,i]=(0,E.useState)(eI);function a(){i(()=>e.length?e.map(e=>en(e)?r:new eo(t(e),e)):eI)}let o=eR({callback:a});return(0,C.Es)(()=>{null==o||o.disconnect(),a(),e.forEach(e=>null==o?void 0:o.observe(e))},[e]),l}(e2),e3=function(e,t){let{transform:n,...r}=t;return null!=e&&e.length?e.reduce((e,t)=>t({transform:e,...r}),n):n}(P,{transform:{x:ea.x-e0.x,y:ea.y-e0.y,scaleX:1,scaleY:1},activatorEvent:ep,active:ed,activeNodeRect:eG,containerNodeRect:eq,draggingNodeRect:eZ,over:eH.current.over,overlayNodeRect:eJ.rect,scrollableAncestors:e2,scrollableAncestorRects:e5,windowRect:e1}),e6=eW?(0,C.WQ)(eW,ea):null,e4=function(e){let[t,n]=(0,E.useState)(null),r=(0,E.useRef)(e),l=(0,E.useCallback)(e=>{let t=Z(e.target);t&&n(e=>e?(e.set(t,et(t)),new Map(e)):null)},[]);return(0,E.useEffect)(()=>{let t=r.current;if(e!==t){i(t);let a=e.map(e=>{let t=Z(e);return t?(t.addEventListener("scroll",l,{passive:!0}),[t,et(t)]):null}).filter(e=>null!=e);n(a.length?new Map(a):null),r.current=e}return()=>{i(e),i(t)};function i(e){e.forEach(e=>{let t=Z(e);null==t||t.removeEventListener("scroll",l)})}},[l,e]),(0,E.useMemo)(()=>e.length?t?Array.from(t.values()).reduce((e,t)=>(0,C.WQ)(e,t),A):ei(e):A,[e,t])}(e2),e7=eN(e4),e9=eN(e4,[eG]),e8=(0,C.WQ)(e3,e7),te=eZ?G(eZ,e3):null,tt=ed&&te?I({active:ed,collisionRect:te,droppableRects:ex,droppableContainers:ey,pointerCoordinates:e6}):null,tn=F(tt,"id"),[tr,tl]=(0,E.useState)(null),ti=(o=e$?e3:(0,C.WQ)(e3,e9),u=null!=(l=null==tr?void 0:tr.rect)?l:null,{...o,scaleX:u&&eG?u.width/eG.width:1,scaleY:u&&eG?u.height/eG.height:1}),ta=(0,E.useRef)(null),to=(0,E.useCallback)((e,t)=>{let{sensor:n,options:r}=t;if(null==eh.current)return;let l=ee.get(eh.current);if(!l)return;let i=e.nativeEvent,a=new n({active:eh.current,activeNode:l,event:i,options:r,context:eH,onAbort(e){if(!ee.get(e))return;let{onDragAbort:t}=eb.current,n={id:e};null==t||t(n),K({type:"onDragAbort",event:n})},onPending(e,t,n,r){if(!ee.get(e))return;let{onDragPending:l}=eb.current,i={id:e,constraint:t,initialCoordinates:n,offset:r};null==l||l(i),K({type:"onDragPending",event:i})},onStart(e){let t=eh.current;if(null==t)return;let n=ee.get(t);if(!n)return;let{onDragStart:r}=eb.current,l={activatorEvent:i,active:{id:t,data:n.data,rect:ec}};(0,D.unstable_batchedUpdates)(()=>{null==r||r(l),q(x.Initializing),B({type:h.DragStart,initialCoordinates:e,active:t}),K({type:"onDragStart",event:l}),eg(ta.current),ev(i)})},onMove(e){B({type:h.DragMove,coordinates:e})},onEnd:o(h.DragEnd),onCancel:o(h.DragCancel)});function o(e){return async function(){let{active:t,collisions:n,over:r,scrollAdjustedTranslate:l}=eH.current,a=null;if(t&&l){let{cancelDrop:o}=eb.current;a={activatorEvent:i,active:t,collisions:n,delta:l,over:r},e===h.DragEnd&&"function"==typeof o&&await Promise.resolve(o(a))&&(e=h.DragCancel)}eh.current=null,(0,D.unstable_batchedUpdates)(()=>{B({type:e}),q(x.Uninitialized),tl(null),eg(null),ev(null),ta.current=null;let t=e===h.DragEnd?"onDragEnd":"onDragCancel";if(a){let e=eb.current[t];null==e||e(a),K({type:t,event:a})}})}}ta.current=a},[ee]),tu=(0,E.useCallback)((e,t)=>(n,r)=>{let l=n.nativeEvent,i=ee.get(r);null!==eh.current||!i||l.dndKit||l.defaultPrevented||!0===e(n,t.options,{active:i})&&(l.dndKit={capturedBy:t.sensor},eh.current=r,to(n,t))},[ee,to]),ts=(0,E.useMemo)(()=>O.reduce((e,t)=>{let{sensor:n}=t;return[...e,...n.activators.map(e=>({eventName:e.eventName,handler:tu(e.handler,t)}))]},[]),[O,tu]);(0,E.useEffect)(()=>{if(!C.Sw)return;let e=O.map(e=>{let{sensor:t}=e;return null==t.setup?void 0:t.setup()});return()=>{for(let t of e)null==t||t()}},O.map(e=>{let{sensor:t}=e;return t})),(0,C.Es)(()=>{eG&&U===x.Initializing&&q(x.Initialized)},[eG,U]),(0,E.useEffect)(()=>{let{onDragMove:e}=eb.current,{active:t,activatorEvent:n,collisions:r,over:l}=eH.current;if(!t||!n)return;let i={active:t,activatorEvent:n,collisions:r,delta:{x:e8.x,y:e8.y},over:l};(0,D.unstable_batchedUpdates)(()=>{null==e||e(i),K({type:"onDragMove",event:i})})},[e8.x,e8.y]),(0,E.useEffect)(()=>{let{active:e,activatorEvent:t,collisions:n,droppableContainers:r,scrollAdjustedTranslate:l}=eH.current;if(!e||null==eh.current||!t||!l)return;let{onDragOver:i}=eb.current,a=r.get(tn),o=a&&a.rect.current?{id:a.id,rect:a.rect.current,data:a.data,disabled:a.disabled}:null,u={active:e,activatorEvent:t,collisions:n,delta:{x:l.x,y:l.y},over:o};(0,D.unstable_batchedUpdates)(()=>{tl(o),null==i||i(u),K({type:"onDragOver",event:u})})},[tn]),(0,C.Es)(()=>{eH.current={activatorEvent:ep,active:ed,activeNode:ek,collisionRect:te,collisions:tt,droppableRects:ex,draggableNodes:ee,draggingNode:eQ,draggingNodeRect:eZ,droppableContainers:eu,over:tr,scrollableAncestors:e2,scrollAdjustedTranslate:e8},ec.current={initial:eZ,translated:te}},[ed,ek,tt,te,ee,eQ,eZ,ex,eu,tr,e2,e8]),function(e){let{acceleration:t,activator:n=b.Pointer,canScroll:r,draggingRect:l,enabled:i,interval:a=5,order:o=m.TreeOrder,pointerCoordinates:u,scrollableAncestors:s,scrollableAncestorRects:c,delta:d,threshold:h}=e,g=function(e){let{delta:t,disabled:n}=e,r=(0,C.ZC)(t);return(0,C.KG)(e=>{if(n||!r||!e)return eC;let l={x:Math.sign(t.x-r.x),y:Math.sign(t.y-r.y)};return{x:{[f.Backward]:e.x[f.Backward]||-1===l.x,[f.Forward]:e.x[f.Forward]||1===l.x},y:{[f.Backward]:e.y[f.Backward]||-1===l.y,[f.Forward]:e.y[f.Forward]||1===l.y}}},[n,t,r])}({delta:d,disabled:!i}),[p,v]=(0,C.$$)(),y=(0,E.useRef)({x:0,y:0}),w=(0,E.useRef)({x:0,y:0}),x=(0,E.useMemo)(()=>{switch(n){case b.Pointer:return u?{top:u.y,bottom:u.y,left:u.x,right:u.x}:null;case b.DraggableRect:return l}},[n,l,u]),D=(0,E.useRef)(null),M=(0,E.useCallback)(()=>{let e=D.current;if(!e)return;let t=y.current.x*w.current.x,n=y.current.y*w.current.y;e.scrollBy(t,n)},[]),S=(0,E.useMemo)(()=>o===m.TreeOrder?[...s].reverse():s,[o,s]);(0,E.useEffect)(()=>{if(!i||!s.length||!x)return void v();for(let e of S){if((null==r?void 0:r(e))===!1)continue;let n=c[s.indexOf(e)];if(!n)continue;let{direction:l,speed:i}=function(e,t,n,r,l){let{top:i,left:a,right:o,bottom:u}=n;void 0===r&&(r=10),void 0===l&&(l=el);let{isTop:s,isBottom:c,isLeft:d,isRight:h}=er(e),g={x:0,y:0},p={x:0,y:0},v={height:t.height*l.y,width:t.width*l.x};return!s&&i<=t.top+v.height?(g.y=f.Backward,p.y=r*Math.abs((t.top+v.height-i)/v.height)):!c&&u>=t.bottom-v.height&&(g.y=f.Forward,p.y=r*Math.abs((t.bottom-v.height-u)/v.height)),!h&&o>=t.right-v.width?(g.x=f.Forward,p.x=r*Math.abs((t.right-v.width-o)/v.width)):!d&&a<=t.left+v.width&&(g.x=f.Backward,p.x=r*Math.abs((t.left+v.width-a)/v.width)),{direction:g,speed:p}}(e,n,x,t,h);for(let e of["x","y"])g[e][l[e]]||(i[e]=0,l[e]=0);if(i.x>0||i.y>0){v(),D.current=e,p(M,a),y.current=i,w.current=l;return}}y.current={x:0,y:0},w.current={x:0,y:0},v()},[t,M,r,v,i,a,JSON.stringify(x),JSON.stringify(g),p,s,S,c,JSON.stringify(h)])}({...eY,delta:ea,draggingRect:te,pointerCoordinates:e6,scrollableAncestors:e2,scrollableAncestorRects:e5});let tc=(0,E.useMemo)(()=>({active:ed,activeNode:ek,activeNodeRect:eG,activatorEvent:ep,collisions:tt,containerNodeRect:eq,dragOverlay:eJ,draggableNodes:ee,droppableContainers:eu,droppableRects:ex,over:tr,measureDroppableContainers:eE,scrollableAncestors:e2,scrollableAncestorRects:e5,measuringConfiguration:ew,measuringScheduled:eD,windowRect:e1}),[ed,ek,eG,ep,tt,eq,eJ,ee,eu,ex,tr,eE,e2,e5,ew,eD,e1]),td=(0,E.useMemo)(()=>({activatorEvent:ep,activators:ts,active:ed,activeNodeRect:eG,ariaDescribedById:{draggable:em},dispatch:B,draggableNodes:ee,over:tr,measureDroppableContainers:eE}),[ep,ts,ed,eG,B,em,ee,tr,eE]);return E.createElement(k.Provider,{value:j},E.createElement(eF.Provider,{value:td},E.createElement(eK.Provider,{value:tc},E.createElement(eX.Provider,{value:ti},L)),E.createElement(e_,{disabled:(null==R?void 0:R.restoreFocus)===!1})),E.createElement(N,{...R,hiddenTextDescribedById:em}))}),eq=(0,E.createContext)(null),eH="button";function eV(e){let{id:t,data:n,disabled:r=!1,attributes:l}=e,i=(0,C.YG)("Draggable"),{activators:a,activatorEvent:o,active:u,activeNodeRect:s,ariaDescribedById:c,draggableNodes:d,over:h}=(0,E.useContext)(eF),{role:f=eH,roleDescription:g="draggable",tabIndex:p=0}=null!=l?l:{},v=(null==u?void 0:u.id)===t,b=(0,E.useContext)(v?eX:eq),[m,y]=(0,C.lk)(),[w,x]=(0,C.lk)(),D=(0,E.useMemo)(()=>a.reduce((e,n)=>{let{eventName:r,handler:l}=n;return e[r]=e=>{l(e,t)},e},{}),[a,t]),M=(0,C.YN)(n);return(0,C.Es)(()=>(d.set(t,{id:t,key:i,node:m,activatorNode:w,data:M}),()=>{let e=d.get(t);e&&e.key===i&&d.delete(t)}),[d,t]),{active:u,activatorEvent:o,activeNodeRect:s,attributes:(0,E.useMemo)(()=>({role:f,tabIndex:p,"aria-disabled":r,"aria-pressed":!!v&&f===eH||void 0,"aria-roledescription":g,"aria-describedby":c.draggable}),[r,f,p,v,g,c.draggable]),isDragging:v,listeners:r?void 0:D,node:m,over:h,setNodeRef:y,setActivatorNodeRef:x,transform:b}}function eJ(){return(0,E.useContext)(eK)}let eQ={timeout:25};function eZ(e){let{data:t,disabled:n=!1,id:r,resizeObserverConfig:l}=e,i=(0,C.YG)("Droppable"),{active:a,dispatch:o,over:u,measureDroppableContainers:s}=(0,E.useContext)(eF),c=(0,E.useRef)({disabled:n}),d=(0,E.useRef)(!1),f=(0,E.useRef)(null),g=(0,E.useRef)(null),{disabled:p,updateMeasurementsFor:v,timeout:b}={...eQ,...l},m=(0,C.YN)(null!=v?v:r),y=eR({callback:(0,E.useCallback)(()=>{if(!d.current){d.current=!0;return}null!=g.current&&clearTimeout(g.current),g.current=setTimeout(()=>{s(Array.isArray(m.current)?m.current:[m.current]),g.current=null},b)},[b]),disabled:p||!a}),w=(0,E.useCallback)((e,t)=>{y&&(t&&(y.unobserve(t),d.current=!1),e&&y.observe(e))},[y]),[x,D]=(0,C.lk)(w),M=(0,C.YN)(t);return(0,E.useEffect)(()=>{y&&x.current&&(y.disconnect(),d.current=!1,y.observe(x.current))},[x,y]),(0,E.useEffect)(()=>(o({type:h.RegisterDroppable,element:{id:r,key:i,disabled:n,node:x,rect:f,data:M}}),()=>o({type:h.UnregisterDroppable,key:i,id:r})),[r]),(0,E.useEffect)(()=>{n!==c.current.disabled&&(o({type:h.SetDroppableDisabled,id:r,key:i,disabled:n}),c.current.disabled=n)},[r,i,n,o]),{active:a,rect:f,isOver:(null==u?void 0:u.id)===r,node:x,over:u,setNodeRef:D}}},87256:(e,t,n)=>{n.d(t,{JR:()=>D,_G:()=>c,be:()=>a,gB:()=>f,gl:()=>w});var r=n(12115),l=n(44923),i=n(39768);function a(e,t,n){let r=e.slice();return r.splice(n<0?r.length+n:n,0,r.splice(t,1)[0]),r}function o(e){return null!==e&&e>=0}let u=e=>{let{rects:t,activeIndex:n,overIndex:r,index:l}=e,i=a(t,r,n),o=t[l],u=i[l];return u&&o?{x:u.left-o.left,y:u.top-o.top,scaleX:u.width/o.width,scaleY:u.height/o.height}:null},s={scaleX:1,scaleY:1},c=e=>{var t,n,r,l;let i,a,o,{activeIndex:u,activeNodeRect:c,index:d,rects:h,overIndex:f}=e,g=null!=(t=h[u])?t:c;if(!g)return null;if(d===u){let e=h[f];return e?{x:0,y:u<f?e.top+e.height-(g.top+g.height):e.top-g.top,...s}:null}let p=(n=h,r=d,l=u,i=n[r],a=n[r-1],o=n[r+1],i?l<r?a?i.top-(a.top+a.height):o?o.top-(i.top+i.height):0:o?o.top-(i.top+i.height):a?i.top-(a.top+a.height):0:0);return d>u&&d<=f?{x:0,y:-g.height-p,...s}:d<u&&d>=f?{x:0,y:g.height+p,...s}:{x:0,y:0,...s}},d="Sortable",h=r.createContext({activeIndex:-1,containerId:d,disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:u,disabled:{draggable:!1,droppable:!1}});function f(e){let{children:t,id:n,items:a,strategy:o=u,disabled:s=!1}=e,{active:c,dragOverlay:f,droppableRects:g,over:p,measureDroppableContainers:v}=(0,l.fF)(),b=(0,i.YG)(d,n),m=null!==f.rect,y=(0,r.useMemo)(()=>a.map(e=>"object"==typeof e&&"id"in e?e.id:e),[a]),w=null!=c,x=c?y.indexOf(c.id):-1,E=p?y.indexOf(p.id):-1,D=(0,r.useRef)(y),C=!function(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}(y,D.current),M=-1!==E&&-1===x||C,S="boolean"==typeof s?{draggable:s,droppable:s}:s;(0,i.Es)(()=>{C&&w&&v(y)},[C,y,w,v]),(0,r.useEffect)(()=>{D.current=y},[y]);let R=(0,r.useMemo)(()=>({activeIndex:x,containerId:b,disabled:S,disableTransforms:M,items:y,overIndex:E,useDragOverlay:m,sortedRects:y.reduce((e,t,n)=>{let r=g.get(t);return r&&(e[n]=r),e},Array(y.length)),strategy:o}),[x,b,S.draggable,S.droppable,M,y,E,g,m,o]);return r.createElement(h.Provider,{value:R},t)}let g=e=>{let{id:t,items:n,activeIndex:r,overIndex:l}=e;return a(n,r,l).indexOf(t)},p=e=>{let{containerId:t,isSorting:n,wasDragging:r,index:l,items:i,newIndex:a,previousItems:o,previousContainerId:u,transition:s}=e;return!!s&&!!r&&(o===i||l!==a)&&(!!n||a!==l&&t===u)},v={duration:200,easing:"ease"},b="transform",m=i.Ks.Transition.toString({property:b,duration:0,easing:"linear"}),y={roleDescription:"sortable"};function w(e){var t,n,a,u;let{animateLayoutChanges:s=p,attributes:c,disabled:d,data:f,getNewIndex:w=g,id:x,strategy:E,resizeObserverConfig:D,transition:C=v}=e,{items:M,containerId:S,activeIndex:R,disabled:k,disableTransforms:T,sortedRects:L,overIndex:N,useDragOverlay:O,strategy:I}=(0,r.useContext)(h),z=(t=d,n=k,"boolean"==typeof t?{draggable:t,droppable:!1}:{draggable:null!=(a=null==t?void 0:t.draggable)?a:n.draggable,droppable:null!=(u=null==t?void 0:t.droppable)?u:n.droppable}),A=M.indexOf(x),P=(0,r.useMemo)(()=>({sortable:{containerId:S,index:A,items:M},...f}),[S,f,A,M]),W=(0,r.useMemo)(()=>M.slice(M.indexOf(x)),[M,x]),{rect:Y,node:B,isOver:F,setNodeRef:K}=(0,l.zM)({id:x,data:P,disabled:z.droppable,resizeObserverConfig:{updateMeasurementsFor:W,...D}}),{active:j,activatorEvent:U,activeNodeRect:_,attributes:X,setNodeRef:G,listeners:q,isDragging:H,over:V,setActivatorNodeRef:J,transform:Q}=(0,l.PM)({id:x,data:P,attributes:{...y,...c},disabled:z.draggable}),Z=(0,i.jn)(K,G),$=!!j,ee=$&&!T&&o(R)&&o(N),et=!O&&H,en=et&&ee?Q:null,er=ee?null!=en?en:(null!=E?E:I)({rects:L,activeNodeRect:_,activeIndex:R,overIndex:N,index:A}):null,el=o(R)&&o(N)?w({id:x,items:M,activeIndex:R,overIndex:N}):A,ei=null==j?void 0:j.id,ea=(0,r.useRef)({activeId:ei,items:M,newIndex:el,containerId:S}),eo=M!==ea.current.items,eu=s({active:j,containerId:S,isDragging:H,isSorting:$,id:x,index:A,items:M,newIndex:ea.current.newIndex,previousItems:ea.current.items,previousContainerId:ea.current.containerId,transition:C,wasDragging:null!=ea.current.activeId}),es=function(e){let{disabled:t,index:n,node:a,rect:o}=e,[u,s]=(0,r.useState)(null),c=(0,r.useRef)(n);return(0,i.Es)(()=>{if(!t&&n!==c.current&&a.current){let e=o.current;if(e){let t=(0,l.Sj)(a.current,{ignoreTransform:!0}),n={x:e.left-t.left,y:e.top-t.top,scaleX:e.width/t.width,scaleY:e.height/t.height};(n.x||n.y)&&s(n)}}n!==c.current&&(c.current=n)},[t,n,a,o]),(0,r.useEffect)(()=>{u&&s(null)},[u]),u}({disabled:!eu,index:A,node:B,rect:Y});return(0,r.useEffect)(()=>{$&&ea.current.newIndex!==el&&(ea.current.newIndex=el),S!==ea.current.containerId&&(ea.current.containerId=S),M!==ea.current.items&&(ea.current.items=M)},[$,el,S,M]),(0,r.useEffect)(()=>{if(ei===ea.current.activeId)return;if(ei&&!ea.current.activeId){ea.current.activeId=ei;return}let e=setTimeout(()=>{ea.current.activeId=ei},50);return()=>clearTimeout(e)},[ei]),{active:j,activeIndex:R,attributes:X,data:P,rect:Y,index:A,newIndex:el,items:M,isOver:F,isSorting:$,isDragging:H,listeners:q,node:B,overIndex:N,over:V,setNodeRef:Z,setActivatorNodeRef:J,setDroppableNodeRef:K,setDraggableNodeRef:G,transform:null!=es?es:er,transition:es||eo&&ea.current.newIndex===A?m:(!et||(0,i.kx)(U))&&C&&($||eu)?i.Ks.Transition.toString({...C,property:b}):void 0}}function x(e){if(!e)return!1;let t=e.data.current;return!!t&&"sortable"in t&&"object"==typeof t.sortable&&"containerId"in t.sortable&&"items"in t.sortable&&"index"in t.sortable}let E=[l.vL.Down,l.vL.Right,l.vL.Up,l.vL.Left],D=(e,t)=>{let{context:{active:n,collisionRect:r,droppableRects:a,droppableContainers:o,over:u,scrollableAncestors:s}}=t;if(E.includes(e.code)){if(e.preventDefault(),!n||!r)return;let t=[];o.getEnabled().forEach(n=>{if(!n||null!=n&&n.disabled)return;let i=a.get(n.id);if(i)switch(e.code){case l.vL.Down:r.top<i.top&&t.push(n);break;case l.vL.Up:r.top>i.top&&t.push(n);break;case l.vL.Left:r.left>i.left&&t.push(n);break;case l.vL.Right:r.left<i.left&&t.push(n)}});let h=(0,l.y$)({active:n,collisionRect:r,droppableRects:a,droppableContainers:t,pointerCoordinates:null}),f=(0,l.Vy)(h,"id");if(f===(null==u?void 0:u.id)&&h.length>1&&(f=h[1].id),null!=f){let e=o.get(n.id),t=o.get(f),u=t?a.get(t.id):null,h=null==t?void 0:t.node.current;if(h&&u&&e&&t){var c,d;let n=(0,l.sl)(h).some((e,t)=>s[t]!==e),a=C(e,t),o=(c=e,d=t,!!x(c)&&!!x(d)&&!!C(c,d)&&c.data.current.sortable.index<d.data.current.sortable.index),f=n||!a?{x:0,y:0}:{x:o?r.width-u.width:0,y:o?r.height-u.height:0},g={x:u.left,y:u.top};return f.x&&f.y?g:(0,i.Re)(g,f)}}}};function C(e,t){return!!x(e)&&!!x(t)&&e.data.current.sortable.containerId===t.data.current.sortable.containerId}}}]);

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/analytics/page-3a0a6ebaa031c050.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8978],{14051:(e,t,s)=>{e.exports=s(34701)()},34701:(e,t,s)=>{"use strict";var r=s(82114);function n(){}function l(){}l.resetWarningCache=n,e.exports=function(){function e(e,t,s,n,l,a){if(a!==r){var i=Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw i.name="Invariant Violation",i}}function t(){return e}e.isRequired=e;var s={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:l,resetWarningCache:n};return s.PropTypes=s,s}},39944:(e,t,s)=>{Promise.resolve().then(s.bind(s,70959))},70959:(e,t,s)=>{"use strict";s.d(t,{default:()=>Y});var r=s(95155),n=s(12115),l=s(94027);let a=[{value:"today",label:"H\xf4m nay"},{value:"todayWorking",label:"H\xf4m nay (Working time)"},{value:"yesterday",label:"H\xf4m qua"},{value:"yesterdayWorking",label:"H\xf4m qua (Working time)"},{value:"24h",label:"24 giờ"},{value:"thisWeek",label:"Tuần n\xe0y"},{value:"lastWeek",label:"Tuần trước"},{value:"7d",label:"7 ng\xe0y"},{value:"thisMonth",label:"Th\xe1ng n\xe0y"},{value:"lastMonth",label:"Th\xe1ng trước"},{value:"30d",label:"30 ng\xe0y"},{value:"60d",label:"60 ng\xe0y"},{value:"all",label:"Tất cả"},{value:"custom",label:"T\xf9y chọn"}],i=[{value:"overview",label:"Tổng quan",icon:"dashboard"},{value:"apiKeys",label:"API keys",icon:"vpn_key"},{value:"clients",label:"Client/User",icon:"groups"},{value:"sources",label:"Source IP / Tool",icon:"hub"},{value:"providers",label:"Provider / Model",icon:"dns"},{value:"experience",label:"Trải nghiệm",icon:"speed"},{value:"errors",label:"Lỗi & bất thường",icon:"warning"},{value:"raw",label:"Raw usage",icon:"table"}];function o(e,t=0){return Number(e||0).toLocaleString("vi-VN",{maximumFractionDigits:t})}function d(e){let t=Number(e||0);return Intl.NumberFormat("vi-VN",{notation:"compact",maximumFractionDigits:1}).format(t)}function c(e){let t=100*Number(e||0);return`${t.toLocaleString("vi-VN",{maximumFractionDigits:1})}%`}function x(e){let t=Number(e||0);return t?`$${t.toLocaleString("vi-VN",{minimumFractionDigits:4,maximumFractionDigits:6})}`:"$0"}function m(e){if(null==e||Number.isNaN(Number(e)))return"-";let t=Number(e);return t>=1e3?`${(t/1e3).toLocaleString("vi-VN",{maximumFractionDigits:2})}s`:`${t.toLocaleString("vi-VN",{maximumFractionDigits:0})}ms`}function u(e,t="/s"){if(null==e||Number.isNaN(Number(e)))return"-";let s=Number(e);return`${s.toLocaleString("vi-VN",{maximumFractionDigits:s>=10?1:2})}${t}`}function h(e){return null==e||Number.isNaN(Number(e))?"-":`${Number(e).toLocaleString("vi-VN",{maximumFractionDigits:0})}/100`}function p(e){if(!e)return null;let t=String(e).trim();return new Date(/^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}(?:\.\d+)?$/.test(t)?`${t.replace(" ","T")}Z`:t)}function b(e){if(!e)return"-";try{let t=p(e);if(!t||Number.isNaN(t.getTime()))return String(e);return t.toLocaleString("vi-VN",{day:"2-digit",month:"2-digit",year:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit",hour12:!1})}catch{return String(e)}}function g(e){if(!e)return"";try{let t=p(e);if(!t||Number.isNaN(t.getTime()))return String(e);return t.toLocaleString("vi-VN",{month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",hour12:!1})}catch{return String(e)}}function j(...e){return e.filter(Boolean).join(" ")}function v(){try{return Intl.DateTimeFormat().resolvedOptions().timeZone||"UTC"}catch{return"UTC"}}function k(e,t={}){let s=new URLSearchParams;return Object.entries({...e,...t}).forEach(([e,t])=>{let r=String(t??"").trim();r&&s.set(e,r)}),s.toString()}function y({children:e,className:t=""}){return(0,r.jsx)("div",{className:j("min-w-0 rounded-2xl border border-border bg-surface p-5 shadow-sm",t),children:e})}function f({icon:e,label:t,value:s,hint:n,tone:l="blue"}){return(0,r.jsx)(y,{className:"min-h-[126px]",children:(0,r.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-sm font-medium text-text-muted",children:t}),(0,r.jsx)("div",{className:"mt-2 text-2xl font-semibold text-text-main",children:s}),n?(0,r.jsx)("div",{className:"mt-2 text-xs text-text-muted",children:n}):null]}),(0,r.jsx)("div",{className:j("flex h-10 w-10 items-center justify-center rounded-xl",{blue:"bg-blue-500/10 text-blue-600 dark:text-blue-300",green:"bg-green-500/10 text-green-600 dark:text-green-300",red:"bg-red-500/10 text-red-600 dark:text-red-300",amber:"bg-amber-500/10 text-amber-600 dark:text-amber-300",purple:"bg-purple-500/10 text-purple-600 dark:text-purple-300",slate:"bg-slate-500/10 text-slate-600 dark:text-slate-300"}[l]||"bg-blue-500/10 text-blue-600 dark:text-blue-300"),children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[22px]",children:e})})]})})}function N({label:e,children:t}){return(0,r.jsxs)("label",{className:"space-y-1.5 text-xs font-medium text-text-muted",children:[(0,r.jsx)("span",{children:e}),t]})}function T({value:e,onChange:t,children:s}){return(0,r.jsx)("select",{value:e||"",onChange:e=>t(e.target.value),className:"h-10 w-full rounded-xl border border-border bg-background px-3 text-sm text-text-main outline-none transition focus:border-primary/60 focus:ring-2 focus:ring-primary/20",children:s})}function w({value:e,onChange:t,placeholder:s="",type:n="text"}){return(0,r.jsx)("input",{value:e||"",type:n,onChange:e=>t(e.target.value),placeholder:s,className:"h-10 w-full rounded-xl border border-border bg-background px-3 text-sm text-text-main outline-none transition placeholder:text-text-muted/60 focus:border-primary/60 focus:ring-2 focus:ring-primary/20"})}function q(){return(0,r.jsxs)("div",{className:"space-y-4",children:[(0,r.jsx)("div",{className:"grid gap-4 md:grid-cols-2 xl:grid-cols-4",children:Array.from({length:8}).map((e,t)=>(0,r.jsx)("div",{className:"h-32 animate-pulse rounded-2xl border border-border bg-surface"},t))}),(0,r.jsx)("div",{className:"h-80 animate-pulse rounded-2xl border border-border bg-surface"})]})}function R({title:e="Kh\xf4ng c\xf3 dữ liệu",description:t="Kh\xf4ng t\xecm thấy dữ liệu theo bộ lọc hiện tại."}){return(0,r.jsxs)("div",{className:"flex min-h-[180px] flex-col items-center justify-center rounded-2xl border border-dashed border-border bg-surface/60 p-8 text-center",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-4xl text-text-muted",children:"database_off"}),(0,r.jsx)("div",{className:"mt-3 text-sm font-semibold text-text-main",children:e}),(0,r.jsx)("div",{className:"mt-1 max-w-xl text-sm text-text-muted",children:t})]})}function P({data:e=[],valueKey:t="totalTokens",secondaryKey:s="requests",height:n=220}){let l=e||[],a=Math.max(...l.map(e=>Number(e[t]||0)),1),i=Math.max(...l.map(e=>Number(e[s]||0)),1);return 0===l.length?(0,r.jsx)(R,{description:"Chưa c\xf3 time-series trong khoảng thời gian n\xe0y."}):(0,r.jsx)("div",{className:"overflow-x-auto",children:(0,r.jsxs)("div",{className:"min-w-[720px]",children:[(0,r.jsx)("div",{className:"flex items-end gap-1",style:{height:n},children:l.map((e,l)=>{let d=Math.max(2,Number(e[t]||0)/a*(n-42)),c=Math.max(2,Number(e[s]||0)/i*(n-42));return(0,r.jsx)("div",{className:"group flex flex-1 flex-col items-center justify-end gap-1",children:(0,r.jsxs)("div",{className:"relative flex h-full w-full max-w-[34px] items-end justify-center gap-0.5",children:[(0,r.jsx)("div",{className:"w-2 rounded-t bg-primary/70",style:{height:d}}),(0,r.jsx)("div",{className:"w-2 rounded-t bg-amber-500/70",style:{height:c}}),(0,r.jsxs)("div",{className:"pointer-events-none absolute bottom-full left-1/2 z-20 hidden w-56 -translate-x-1/2 rounded-xl border border-border bg-surface p-3 text-left text-xs shadow-xl group-hover:block",children:[(0,r.jsx)("div",{className:"font-semibold text-text-main",children:g(e.label)}),(0,r.jsxs)("div",{className:"mt-1 text-text-muted",children:["Request: ",o(e.requests)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:["Input token: ",o(e.promptTokens)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:["Output token: ",o(e.completionTokens)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:["Tổng token: ",o(e.totalTokens)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:["Lỗi: ",o(e.errors)]})]})]})},`${e.label}-${l}`)})}),(0,r.jsxs)("div",{className:"mt-3 flex justify-between gap-2 text-[11px] text-text-muted",children:[(0,r.jsx)("span",{children:g(l[0]?.label)}),(0,r.jsx)("span",{children:g(l[Math.floor(l.length/2)]?.label)}),(0,r.jsx)("span",{children:g(l[l.length-1]?.label)})]})]})})}function S(){return(0,r.jsxs)("div",{className:"flex flex-wrap gap-3 text-xs text-text-muted",children:[(0,r.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,r.jsx)("span",{className:"h-2.5 w-2.5 rounded-sm bg-primary/70"}),"Token"]}),(0,r.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,r.jsx)("span",{className:"h-2.5 w-2.5 rounded-sm bg-amber-500/70"}),"Request"]})]})}function I({columns:e,rows:t,empty:s="Kh\xf4ng c\xf3 dữ liệu"}){return t&&0!==t.length?(0,r.jsx)("div",{className:"overflow-x-auto overflow-y-auto rounded-2xl border border-border",style:{maxHeight:"500px"},children:(0,r.jsxs)("table",{className:"min-w-full divide-y divide-border text-sm",children:[(0,r.jsx)("thead",{className:"bg-background/70",children:(0,r.jsx)("tr",{children:e.map(e=>(0,r.jsx)("th",{className:j("whitespace-nowrap px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-text-muted",e.className),children:e.label},e.key))})}),(0,r.jsx)("tbody",{className:"divide-y divide-border bg-surface",children:t.map((t,s)=>(0,r.jsx)("tr",{className:"hover:bg-background/60",children:e.map(e=>(0,r.jsx)("td",{className:j("whitespace-nowrap px-4 py-3 align-top text-text-main",e.className),children:e.render?e.render(t,s):t[e.key]??"-"},e.key))},t.key||t.id||`${t.label}-${s}`))})]})}):(0,r.jsx)(R,{title:s})}function L({items:e=[]}){return e&&0!==e.length?(0,r.jsx)("div",{className:"flex max-w-[360px] flex-wrap gap-1.5",children:e.slice(0,3).map(e=>(0,r.jsxs)("span",{className:"rounded-full bg-primary/10 px-2 py-0.5 text-xs text-primary",children:[e.label||e.key," \xb7 ",o(e.count??e.requests??e.totalTokens??0)]},e.key))}):(0,r.jsx)("span",{className:"text-text-muted",children:"-"})}function M({row:e}){return(0,r.jsxs)("div",{className:"space-y-1 text-xs",children:[(0,r.jsxs)("div",{className:"font-semibold text-text-main",children:[d(e.totalTokens)," token"]}),(0,r.jsxs)("div",{className:"text-text-muted",children:["In ",d(e.promptTokens)," / Out ",d(e.completionTokens)]})]})}function C({value:e}){let t=Number(e||0);return(0,r.jsx)("span",{className:j("rounded-full px-2 py-1 text-xs font-semibold",t>=.2?"bg-red-500/10 text-red-600 dark:text-red-300":t>=.05?"bg-amber-500/10 text-amber-600 dark:text-amber-300":"bg-green-500/10 text-green-600 dark:text-green-300"),children:c(t)})}function A({level:e,label:t}){let s=String(e||"none");return(0,r.jsx)("span",{className:j("rounded-full px-2 py-1 text-xs font-semibold",{fast:"bg-green-500/10 text-green-700 dark:text-green-300",ok:"bg-blue-500/10 text-blue-700 dark:text-blue-300",slow:"bg-amber-500/10 text-amber-700 dark:text-amber-300",very_slow:"bg-red-500/10 text-red-700 dark:text-red-300",low_sample:"bg-amber-500/10 text-amber-700 dark:text-amber-300",none:"bg-slate-500/10 text-slate-700 dark:text-slate-300"}[s]||"bg-slate-500/10 text-slate-700 dark:text-slate-300"),children:t||"-"})}function $({level:e,label:t}){let s=String(e||"normal");return(0,r.jsx)("span",{className:j("rounded-full px-2 py-1 text-xs font-semibold",{critical:"bg-red-500/10 text-red-700 dark:text-red-300",high:"bg-amber-500/10 text-amber-700 dark:text-amber-300",medium:"bg-blue-500/10 text-blue-700 dark:text-blue-300",normal:"bg-green-500/10 text-green-700 dark:text-green-300",none:"bg-slate-500/10 text-slate-700 dark:text-slate-300"}[s]||"bg-slate-500/10 text-slate-700 dark:text-slate-300"),children:t||"-"})}function O({value:e}){let t=String(e||"unknown"),s={gateway:{label:"Gateway",cls:"bg-purple-500/10 text-purple-700 dark:text-purple-300"},upstream:{label:"Upstream",cls:"bg-red-500/10 text-red-700 dark:text-red-300"},client:{label:"Client",cls:"bg-slate-500/10 text-slate-700 dark:text-slate-300"},rate_limit:{label:"Rate limit",cls:"bg-amber-500/10 text-amber-700 dark:text-amber-300"},unknown:{label:"Unknown",cls:"bg-zinc-500/10 text-zinc-700 dark:text-zinc-300"}}[t]||{label:t,cls:"bg-zinc-500/10 text-zinc-700 dark:text-zinc-300"};return(0,r.jsx)("span",{className:j("rounded-full px-2 py-1 text-xs font-semibold",s.cls),children:s.label})}function K({row:e}){let t=e.sampleMessage||e.errorMessageShort||"";return t?(0,r.jsx)("span",{className:"block max-w-[360px] truncate text-xs text-text-muted",title:t,children:t}):(0,r.jsx)("span",{className:"text-text-muted",children:"-"})}function F({icon:e,label:t,value:s,hint:n,tone:l="slate"}){return(0,r.jsx)("div",{className:j("rounded-2xl border p-4 shadow-sm",{red:"border-red-500/20 bg-red-500/10 text-red-700 dark:text-red-300",amber:"border-amber-500/20 bg-amber-500/10 text-amber-700 dark:text-amber-300",purple:"border-purple-500/20 bg-purple-500/10 text-purple-700 dark:text-purple-300",slate:"border-border bg-surface text-text-main",green:"border-green-500/20 bg-green-500/10 text-green-700 dark:text-green-300"}[l]||"border-border bg-surface text-text-main"),children:(0,r.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-xs font-semibold uppercase tracking-wide opacity-75",children:t}),(0,r.jsx)("div",{className:"mt-2 text-2xl font-bold",children:o(s)}),n?(0,r.jsx)("div",{className:"mt-1 text-xs opacity-80",children:n}):null]}),(0,r.jsx)("span",{className:"material-symbols-outlined text-[24px] opacity-80",children:e})]})})}function E({anomaly:e}){let t="danger"===e.level?"border-red-500/30 bg-red-500/10 text-red-700 dark:text-red-300":"border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-300",s="danger"===e.level?"error":"warning";return(0,r.jsx)("div",{className:j("rounded-2xl border p-4",t),children:(0,r.jsxs)("div",{className:"flex gap-3",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[22px]",children:s}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold",children:e.title}),(0,r.jsx)("div",{className:"mt-1 text-sm opacity-90",children:e.detail})]})]})})}function _({notes:e=[]}){return e.length?(0,r.jsx)("div",{className:"space-y-2 rounded-2xl border border-blue-500/20 bg-blue-500/10 p-4 text-sm text-blue-700 dark:text-blue-300",children:e.map((e,t)=>(0,r.jsxs)("div",{className:"flex gap-2",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"info"}),(0,r.jsx)("span",{children:e})]},t))}):null}function U(e){let t=e=>String(e).padStart(2,"0");return`${e.getFullYear()}-${t(e.getMonth()+1)}-${t(e.getDate())}T${t(e.getHours())}:${t(e.getMinutes())}`}function D({filters:e,setFilters:t,options:s,onRefresh:n,onExportCsv:l,loading:i,showProviderFilters:o=!0}){let d=(e,s)=>{let r=null;t(t=>{if("period"===e&&"custom"===s){let e,n;return r={...t,period:s,...((n=new Date(e=new Date)).setHours(8,0,0,0),{dateFrom:U(n),dateTo:U(e)})}}return{...t,[e]:s}}),r&&n?.(r)};return(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"grid gap-3 md:grid-cols-2 xl:grid-cols-6",children:[(0,r.jsx)(N,{label:"Khoảng thời gian",children:(0,r.jsx)(T,{value:e.period,onChange:e=>d("period",e),children:a.map(e=>(0,r.jsx)("option",{value:e.value,children:e.label},e.value))})}),(0,r.jsx)(N,{label:"Từ ng\xe0y",children:(0,r.jsx)(w,{type:"datetime-local",value:e.dateFrom,onChange:e=>d("dateFrom",e)})}),(0,r.jsx)(N,{label:"Đến ng\xe0y",children:(0,r.jsx)(w,{type:"datetime-local",value:e.dateTo,onChange:e=>d("dateTo",e)})}),o?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(N,{label:"Provider",children:(0,r.jsxs)(T,{value:e.provider,onChange:e=>d("provider",e),children:[(0,r.jsx)("option",{value:"",children:"Tất cả provider"}),(s.providers||[]).map(e=>{let t="string"==typeof e?e:e.value,s="string"==typeof e?e:e.label||e.value;return(0,r.jsx)("option",{value:t,children:s},t)})]})}),(0,r.jsx)(N,{label:"Model",children:(0,r.jsxs)(T,{value:e.model,onChange:e=>d("model",e),children:[(0,r.jsx)("option",{value:"",children:"Tất cả model"}),(s.models||[]).map(e=>(0,r.jsx)("option",{value:e,children:e},e))]})}),(0,r.jsx)(N,{label:"Provider account",children:(0,r.jsxs)(T,{value:e.connectionId,onChange:e=>d("connectionId",e),children:[(0,r.jsx)("option",{value:"",children:"Tất cả account"}),(s.connections||[]).map(e=>(0,r.jsx)("option",{value:e.value,children:e.label},e.value))]})})]}):null,(0,r.jsx)(N,{label:"API key",children:(0,r.jsxs)(T,{value:e.apiKey,onChange:e=>d("apiKey",e),children:[(0,r.jsx)("option",{value:"",children:"Tất cả API key"}),(s.apiKeys||[]).map(e=>(0,r.jsx)("option",{value:e.value,children:e.label},e.value))]})}),(0,r.jsx)(N,{label:"Source IP",children:(0,r.jsx)(w,{value:e.clientIp,onChange:e=>d("clientIp",e),placeholder:"172.16.253.1"})}),(0,r.jsx)(N,{label:"Source tool",children:(0,r.jsx)(w,{value:e.sourceTool,onChange:e=>d("sourceTool",e),placeholder:"copilot, antigravity..."})}),(0,r.jsx)(N,{label:"Endpoint",children:(0,r.jsxs)(T,{value:e.endpoint,onChange:e=>d("endpoint",e),children:[(0,r.jsx)("option",{value:"",children:"Tất cả endpoint"}),(s.endpoints||[]).map(e=>(0,r.jsx)("option",{value:e,children:e},e))]})}),(0,r.jsx)(N,{label:"Status",children:(0,r.jsxs)(T,{value:e.status,onChange:e=>d("status",e),children:[(0,r.jsx)("option",{value:"",children:"Tất cả status"}),(s.statuses||[]).map(e=>(0,r.jsx)("option",{value:e,children:e},e))]})}),(0,r.jsx)(N,{label:"Session / keyword",children:(0,r.jsx)(w,{value:e.sessionId||e.keyword,onChange:e=>d("keyword",e),placeholder:"session, prompt, error..."})})]}),(0,r.jsxs)("div",{className:"mt-4 flex flex-wrap items-center justify-between gap-3",children:[(0,r.jsx)("div",{className:"text-xs text-text-muted",children:"Token/cost lấy từ UsageHistory. Source IP/tool/session lấy từ Prompt Logs."}),(0,r.jsxs)("div",{className:"flex flex-wrap gap-2",children:[(0,r.jsx)("button",{onClick:()=>t({period:"today",dateFrom:"",dateTo:"",provider:"",model:"",connectionId:"",status:"",endpoint:"",apiKey:"",clientIp:"",sourceTool:"",sessionId:"",keyword:""}),className:"rounded-xl border border-border px-3 py-2 text-sm font-medium text-text-main hover:bg-background",children:"Reset"}),(0,r.jsxs)("button",{onClick:l,className:"rounded-xl border border-border px-3 py-2 text-sm font-medium text-text-main hover:bg-background",children:[(0,r.jsx)("span",{className:"material-symbols-outlined mr-1 align-[-4px] text-[18px]",children:"download"}),"Export CSV"]}),(0,r.jsxs)("button",{onClick:()=>n?.(),disabled:i,className:"rounded-xl bg-primary px-4 py-2 text-sm font-semibold text-white shadow-sm disabled:opacity-60",children:[(0,r.jsx)("span",{className:"material-symbols-outlined mr-1 align-[-4px] text-[18px]",children:"refresh"}),i?"Đang tải...":"Refresh"]})]})]})]})}function H({data:e}){let t=e.overview||{},s=e.latency||{},n=e.experience||{};return(0,r.jsxs)("div",{className:"space-y-5",children:[(0,r.jsxs)("div",{className:"grid gap-4 md:grid-cols-2 xl:grid-cols-4",children:[(0,r.jsx)(f,{icon:"call_made",label:"Tổng request",value:o(t.requests),hint:`${o(t.requestsPerMinute,2)} request/ph\xfat`}),(0,r.jsx)(f,{icon:"check_circle",label:"Th\xe0nh c\xf4ng",value:o(t.success),hint:`Tỷ lệ lỗi ${c(t.errorRate)}`,tone:"green"}),(0,r.jsx)(f,{icon:"dns",label:"Lỗi server/provider",value:o(t.serverErrorEvents),hint:`Server-impacting ${c(t.serverErrorRate)} \xb7 client ${o(t.clientErrorEvents)}`,tone:t.serverErrorEvents?"red":"green"}),(0,r.jsx)(f,{icon:"speed",label:"Trải nghiệm",value:h(n.score),hint:`${n.label||"-"} \xb7 ${o(n.samples)} mẫu`,tone:n.tone||"purple"}),(0,r.jsx)(f,{icon:"timer",label:"Latency P95",value:m(n.p95LatencyMs||s.p95Ms),hint:`AVG ${m(n.avgLatencyMs||s.avgMs)} \xb7 P50 ${m(n.p50LatencyMs||s.p50Ms)}`,tone:"purple"}),(0,r.jsx)(f,{icon:"bolt",label:"TTFT P95",value:m(n.p95TtftMs),hint:"Thời gian chờ token đầu ti\xean",tone:n.slowTtftRate>=.2?"amber":"blue"}),(0,r.jsx)(f,{icon:"input",label:"Input P95",value:d(n.p95PromptTokens||0),hint:`Avg ${d(n.avgPromptTokens||t.avgPromptTokens)} \xb7 >=30k ${c(n.longInputRate)}`}),(0,r.jsx)(f,{icon:"psychology_alt",label:"Auto-off thinking",value:c(e.thinkingAnalytics?.autoOffRate),hint:`${o(e.thinkingAnalytics?.autoOffRequests||0)} request bị tắt theo policy`,tone:(e.thinkingAnalytics?.autoOffRate||0)>=.3?"amber":"slate"}),(0,r.jsx)(f,{icon:"data_object",label:"Large context >=50k",value:c(e.largeContextAnalytics?.gte50kRate),hint:`>=100k ${c(e.largeContextAnalytics?.gte100kRate)}`,tone:(e.largeContextAnalytics?.gte50kRate||0)>=.3?"amber":"slate"}),(0,r.jsx)(f,{icon:"person_alert",label:"Top user nặng",value:t.topHeavyUser||"-",hint:`Chiếm ${c(t.topHeavyUserTokenShare)} tổng token`,tone:t.topHeavyUserTokenShare>=.35?"amber":"slate"}),(0,r.jsx)(f,{icon:"running_with_errors",label:"Request chậm",value:c(n.slowRequestRate),hint:`>= ${m(n.thresholds?.slowLatencyMs||45e3)} \xb7 max ${m(n.maxLatencyMs)}`,tone:n.slowRequestRate>=.2?"amber":"green"}),(0,r.jsx)(f,{icon:"output",label:"Output tokens",value:d(t.completionTokens),hint:`Avg ${o(t.avgCompletionTokens,1)} / request`}),(0,r.jsx)(f,{icon:"token",label:"Tổng tokens",value:d(t.totalTokens),hint:`${d(t.tokensPerMinute)} token/ph\xfat`,tone:"amber"}),(0,r.jsx)(f,{icon:"speed",label:"Output speed",value:u(n.decodeTokensPerSecond," tok/s"),hint:`Latency/10k input ${m(n.latencyMsPer10kInputTokens)}`,tone:"slate"}),(0,r.jsx)(f,{icon:"payments",label:"Cost ước t\xednh",value:x(t.cost),hint:"Dựa tr\xean pricing đ\xe3 cấu h\xecnh",tone:"green"})]}),(0,r.jsxs)("div",{className:"grid min-w-0 gap-5 xl:grid-cols-[2fr_1fr]",children:[(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"mb-4 flex flex-wrap items-center justify-between gap-3",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Tần suất request & token theo thời gian"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Cột xanh l\xe0 token, cột v\xe0ng l\xe0 số request trong từng bucket thời gian."})]}),(0,r.jsx)(S,{})]}),(0,r.jsx)(P,{data:e.timeSeries||[]})]}),(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"T\xf3m tắt active"}),(0,r.jsx)("div",{className:"mt-4 space-y-3",children:[["API key đang d\xf9ng",t.activeApiKeys],["Provider active",t.activeProviders],["Model active",t.activeModels],["Endpoint active",t.activeEndpoints],["Cached tokens",t.cachedTokens],["Reasoning tokens",t.reasoningTokens],["Latency AVG",m(n.avgLatencyMs||s.avgMs)],["Latency P50",m(n.p50LatencyMs||s.p50Ms)],["Latency P99",m(n.p99LatencyMs||s.p99Ms)],["TTFT P95",m(n.p95TtftMs)],["Input P95",d(n.p95PromptTokens||0)],["Long input >=30k",c(n.longInputRate)]].map(([e,t])=>(0,r.jsxs)("div",{className:"flex items-center justify-between rounded-xl bg-background px-3 py-2",children:[(0,r.jsx)("span",{className:"text-sm text-text-muted",children:e}),(0,r.jsx)("span",{className:"font-semibold text-text-main",children:"number"==typeof t?o(t):t})]},e))})]})]}),(0,r.jsxs)("div",{className:"grid gap-5 xl:grid-cols-2",children:[(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Top API key d\xf9ng nhiều token"}),(0,r.jsx)(I,{rows:(e.clientRequests?.topApiKeysByTokens||e.groups?.apiKeys||[]).slice(0,8),columns:[{key:"name",label:"API key",render:e=>(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold",children:e.name||e.label}),(0,r.jsxs)("div",{className:"text-xs text-text-muted",children:[e.fingerprint||e.apiKeyFingerprint,e.ownerUser||e.apiKeyOwner?` \xb7 ${e.ownerUser||e.apiKeyOwner}`:""]})]})},{key:"requests",label:"Req",render:e=>o(e.requests)},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(M,{row:e})},{key:"input",label:"P95/Max input",render:e=>(0,r.jsxs)("div",{className:"text-xs",children:[(0,r.jsx)("div",{children:d(e.p95PromptTokens||0)}),(0,r.jsxs)("div",{className:"text-text-muted",children:["max ",d(e.maxPromptTokens||0)]})]})}]})]}),(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Top Source IP d\xf9ng nhiều token"}),(0,r.jsx)(I,{rows:(e.clientRequests?.topSourceIpsByTokens||[]).slice(0,8),columns:[{key:"label",label:"Source IP",render:e=>(0,r.jsx)("span",{className:"font-mono text-xs",children:e.label})},{key:"requests",label:"Req",render:e=>o(e.requests)},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(M,{row:e})},{key:"heavy",label:"Nặng",render:e=>(0,r.jsxs)("span",{className:"text-xs text-text-muted",children:[o(e.heavyRequests||0)," req"]})}],empty:"Kh\xf4ng c\xf3 Source IP c\xf3 token trong khoảng lọc."})]})]})]})}function V({data:e}){let t=e.clientRequests||{},s=t.summary||{},n=t.topHeavyUsers||[],l=t.topProblemClients||[],a=t.topApiKeysByTokens||[],i=t.topSourceIpsByTokens||[];t.topSourceIpsByHeavyRequests;let x=t.inputBuckets||[],u=e=>(0,r.jsxs)("div",{className:"min-w-[220px]",children:[(0,r.jsx)("div",{className:"font-semibold text-text-main",children:e.label}),(0,r.jsx)("div",{className:"mt-1 text-xs text-text-muted",children:e.ownerUser?`Owner ${e.ownerUser}`:e.apiKeyName||"Kh\xf4ng c\xf3 owner"}),(0,r.jsx)("div",{className:"font-mono text-[11px] text-text-muted",children:e.apiKeyFingerprint||e.primaryClientIp||e.key})]}),h=e=>(0,r.jsxs)("div",{className:"space-y-1 text-xs",children:[(0,r.jsxs)("div",{children:["Nặng ",o(e.heavyRequests)," \xb7 ",c(e.heavyRequestRate)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:["P95 input ",d(e.p95PromptTokens)," \xb7 Max ",d(e.maxPromptTokens)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:[">=70k ",o(e.extremeInputRequests)," \xb7 ",c(e.extremeInputRate)]})]});return(0,r.jsxs)("div",{className:"space-y-5",children:[(0,r.jsxs)("div",{className:"grid gap-4 md:grid-cols-2 xl:grid-cols-4",children:[(0,r.jsx)(f,{icon:"person_alert",label:"Top user nặng nhất",value:s.topUserLabel||"-",hint:`${d(s.topUserTokens)} token \xb7 ${c(s.topUserTokenShare)} tổng token`,tone:s.topUserTokenShare>=.35?"amber":"slate"}),(0,r.jsx)(f,{icon:"vpn_key",label:"Top API key nhiều token",value:s.topApiKeyLabel||"-",hint:`${d(s.topApiKeyTokens)} token \xb7 ${c(s.topApiKeyTokenShare)} tổng token`,tone:s.topApiKeyTokenShare>=.35?"amber":"blue"}),(0,r.jsx)(f,{icon:"lan",label:"Top IP nhiều token",value:s.topSourceIpLabel||"-",hint:`${d(s.topSourceIpTokens)} token \xb7 ${c(s.topSourceIpTokenShare)} tổng token`,tone:s.topSourceIpTokenShare>=.35?"amber":"purple"}),(0,r.jsx)(f,{icon:"input",label:"Input d\xe0i >=30k",value:c(s.longInputBucketShare||0),hint:`>=70k ${c(s.extremeInputShare||0)}`,tone:(s.extremeInputShare||0)>=.1?"amber":"green"}),(0,r.jsx)(f,{icon:"groups",label:"User/API key được theo d\xf5i",value:o(s.trackedUsers||0),hint:"Theo owner/API key fingerprint/source IP",tone:"blue"}),(0,r.jsx)(f,{icon:"network_check",label:"Top IP request nặng",value:s.topSourceIpHeavyLabel||"-",hint:`${o(s.topSourceIpHeavyRequests||0)} request >=30k input/total`,tone:s.topSourceIpHeavyRequests?"amber":"slate"}),(0,r.jsx)(f,{icon:"report",label:"Client lỗi nhiều",value:o(s.problemClients||0),hint:"Nh\xf3m user/API key c\xf3 error rows",tone:s.problemClients?"amber":"green"})]}),(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"mb-4 flex flex-wrap items-start justify-between gap-3",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Top user/API key gửi request nặng nhất"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Xếp theo tổng input/output token của request th\xe0nh c\xf4ng c\xf3 token. D\xf9ng để ph\xe1t hiện user VS Code/agent đang tạo tải long-context lớn."})]}),(0,r.jsx)("span",{className:"rounded-full bg-primary/10 px-3 py-1 text-xs font-semibold text-primary",children:"Kh\xf4ng hiển thị full bearer token"})]}),(0,r.jsx)(I,{rows:n,columns:[{key:"user",label:"User/API key",render:u},{key:"quality",label:"\xc1p lực",render:e=>(0,r.jsx)($,{level:e.level,label:e.pressureLabel})},{key:"requests",label:"Req",render:e=>o(e.requests)},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(M,{row:e})},{key:"input",label:"Input pressure",render:e=>(0,r.jsxs)("div",{className:"space-y-1 text-xs",children:[(0,r.jsxs)("div",{children:["Avg ",d(e.avgPromptTokens)," \xb7 P95 ",d(e.p95PromptTokens)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:["Max ",d(e.maxPromptTokens)," \xb7 >=30k ",c(e.longInputRate)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:[">=50k ",c(e.hugeInputRate)," \xb7 >=70k ",c(e.extremeInputRate)]})]})},{key:"latency",label:"Latency / TTFT",render:e=>(0,r.jsxs)("div",{className:"space-y-1 text-xs",children:[(0,r.jsxs)("div",{children:["P95 ",m(e.p95LatencyMs)," \xb7 Max ",m(e.maxLatencyMs)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:["TTFT P95 ",m(e.p95TtftMs)," \xb7 Slow ",c(e.slowRequestRate)]})]})},{key:"topModels",label:"Top model",render:e=>(0,r.jsx)(L,{items:e.topModels})},{key:"topIps",label:"IP / Tool",render:e=>(0,r.jsxs)("div",{className:"space-y-1",children:[(0,r.jsx)(L,{items:e.topIps}),(0,r.jsx)(L,{items:e.topTools})]})},{key:"meta",label:"Meta",render:e=>(0,r.jsxs)("div",{className:"space-y-1 text-xs text-text-muted",children:[(0,r.jsxs)("div",{children:["Key ",o(e.apiKeyCount)," \xb7 IP ",o(e.sourceIpCount)," \xb7 Tool ",o(e.sourceToolCount)]}),(0,r.jsxs)("div",{children:["Session ",o(e.sessionCount)," \xb7 Last ",b(e.lastSeen)]})]})}],empty:"Kh\xf4ng c\xf3 request th\xe0nh c\xf4ng c\xf3 token trong khoảng lọc."})]}),(0,r.jsxs)("div",{className:"grid gap-5 xl:grid-cols-2",children:[(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"mb-4",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Top API key d\xf9ng nhiều token nhất"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Xếp theo tổng input + output token từ UsageHistory, kh\xf4ng lộ full bearer token."})]}),(0,r.jsx)(I,{rows:a,columns:[{key:"apiKey",label:"API key",render:e=>(0,r.jsxs)("div",{className:"min-w-[220px]",children:[(0,r.jsx)("div",{className:"font-semibold text-text-main",children:e.label}),(0,r.jsx)("div",{className:"mt-1 text-xs text-text-muted",children:e.apiKeyOwner?`Owner ${e.apiKeyOwner}`:e.apiKeyName||e.primarySourceTool||"-"}),(0,r.jsx)("div",{className:"font-mono text-[11px] text-text-muted",children:e.apiKeyFingerprint||e.primaryClientIp||e.key})]})},{key:"requests",label:"Req",render:e=>o(e.requests)},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(M,{row:e})},{key:"input",label:"Input nặng",render:h},{key:"meta",label:"Nguồn",render:e=>(0,r.jsxs)("div",{className:"text-xs text-text-muted",children:[(0,r.jsxs)("div",{children:["IP ",o(e.sourceIpCount)," \xb7 Tool ",o(e.sourceToolCount)]}),(0,r.jsxs)("div",{children:["Model ",o(e.modelCount)," \xb7 Provider ",o(e.providerCount)]})]})},{key:"lastSeen",label:"Last seen",render:e=>b(e.lastSeen)}],empty:"Kh\xf4ng c\xf3 API key c\xf3 token trong khoảng lọc."})]}),(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"mb-4",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Top Source IP d\xf9ng nhiều token nhất"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Dựa tr\xean UsageHistory n\xean c\xf3 input/output token, kh\xe1c với bảng Source IP từ Prompt Logs chỉ đếm log."})]}),(0,r.jsx)(I,{rows:i,columns:[{key:"ip",label:"Source IP",render:e=>(0,r.jsxs)("div",{className:"min-w-[180px]",children:[(0,r.jsx)("div",{className:"font-mono text-sm font-semibold text-text-main",children:e.label}),(0,r.jsxs)("div",{className:"mt-1 text-xs text-text-muted",children:["Tool ",o(e.sourceToolCount)," \xb7 API key ",o(e.apiKeyCount)]}),(0,r.jsxs)("div",{className:"text-xs text-text-muted",children:["Model ",o(e.modelCount)," \xb7 Provider ",o(e.providerCount)]})]})},{key:"requests",label:"Req",render:e=>o(e.requests)},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(M,{row:e})},{key:"input",label:"Input nặng",render:h},{key:"lastSeen",label:"Last seen",render:e=>b(e.lastSeen)}],empty:"Kh\xf4ng c\xf3 Source IP c\xf3 token trong khoảng lọc."})]})]}),(0,r.jsxs)("div",{className:"grid gap-5 xl:grid-cols-2",children:[(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"mb-4",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Ph\xe2n bố request theo k\xedch thước input"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Gi\xfap admin biết workload đang l\xe0 chat ngắn hay long-context VS Code/agent."})]}),(0,r.jsx)(I,{rows:x,columns:[{key:"label",label:"Input bucket",render:e=>(0,r.jsx)("span",{className:"font-mono text-xs",children:e.label})},{key:"requests",label:"Req",render:e=>o(e.requests)},{key:"share",label:"Tỷ trọng",render:e=>c(e.share)},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(M,{row:e})},{key:"latency",label:"Latency P95/MAX",render:e=>(0,r.jsxs)("div",{className:"text-xs",children:[(0,r.jsxs)("div",{children:[m(e.p95LatencyMs)," / ",m(e.maxLatencyMs)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:["TTFT P95 ",m(e.p95TtftMs)]})]})}],empty:"Kh\xf4ng c\xf3 dữ liệu bucket input."})]}),(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"mb-4",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Client/API key lỗi nhiều"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"D\xf9ng để ph\xe1t hiện sai endpoint/model/auth/policy hoặc client tool cấu h\xecnh sai."})]}),(0,r.jsx)(I,{rows:l,columns:[{key:"user",label:"Client",render:u},{key:"requests",label:"Req",render:e=>o(e.requests)},{key:"errors",label:"Lỗi",render:e=>o(e.errors)},{key:"errorRate",label:"Error %",render:e=>(0,r.jsx)(C,{value:e.errorRate})},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(M,{row:e})},{key:"source",label:"IP/Tool",render:e=>(0,r.jsxs)("div",{className:"text-xs",children:[(0,r.jsx)("div",{className:"font-mono",children:e.primaryClientIp||"-"}),(0,r.jsx)("div",{className:"text-text-muted",children:e.primarySourceTool||"-"})]})},{key:"lastSeen",label:"Last seen",render:e=>b(e.lastSeen)}],empty:"Kh\xf4ng c\xf3 client lỗi theo bộ lọc hiện tại."})]})]}),(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"mb-4",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"G\xf3c nh\xecn monitor client n\xean d\xf9ng"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"C\xe1c chỉ số n\xe0y bổ sung cho latency/model để admin ph\xe2n biệt server chậm hay client gửi request qu\xe1 nặng."})]}),(0,r.jsx)("div",{className:"grid gap-3 text-sm md:grid-cols-2 xl:grid-cols-3",children:[["Token/user","X\xe1c định user/API key tạo tải lớn nhất, hữu \xedch cho quota v\xe0 hướng dẫn workflow VS Code."],["Input bucket","Nếu phần lớn request nằm ở 30k-70k+, P95/P99 cao chủ yếu do prompt eval/context d\xe0i."],["TTFT theo user","TTFT cao cho một user thường l\xe0 input d\xe0i hoặc chờ slot, kh\xf4ng nhất thiết provider lỗi."],["Error theo client","T\xe1ch lỗi sai endpoint/model/API key khỏi lỗi server/provider để kh\xf4ng cảnh b\xe1o nhầm."],["Source IP/tool","Ph\xe1t hiện m\xe1y/tool gửi request nhiều hoặc cấu h\xecnh sai."],["Top request nặng","D\xf9ng Raw usage để drill-down request cụ thể khi một user k\xe9o tải hệ thống."]].map(([e,t])=>(0,r.jsxs)("div",{className:"rounded-xl border border-border bg-background p-3",children:[(0,r.jsx)("div",{className:"font-semibold text-text-main",children:e}),(0,r.jsx)("div",{className:"mt-1 text-xs text-text-muted",children:t})]},e))})]})]})}function B({data:e}){return(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"mb-4",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Thống k\xea theo API key"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Kh\xf4ng hiển thị full bearer token. Dashboard chỉ d\xf9ng fingerprint/masked key."})]}),(0,r.jsx)(I,{rows:e.groups?.apiKeys||[],columns:[{key:"name",label:"API key",render:e=>(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold",children:e.name}),(0,r.jsxs)("div",{className:"text-xs text-text-muted",children:[e.fingerprint,e.ownerUser?` \xb7 Owner: ${e.ownerUser}`:""]})]})},{key:"requests",label:"Requests",render:e=>o(e.requests)},{key:"success",label:"OK/Lỗi",render:e=>(0,r.jsxs)("div",{className:"text-xs",children:[(0,r.jsxs)("div",{className:"text-green-600",children:["OK ",o(e.success)]}),(0,r.jsxs)("div",{className:"text-red-600",children:["Lỗi ",o(e.errors)]})]})},{key:"tokens",label:"In/Out token",render:e=>(0,r.jsx)(M,{row:e})},{key:"cost",label:"Cost",render:e=>x(e.cost)},{key:"errorRate",label:"Error %",render:e=>(0,r.jsx)(C,{value:e.errorRate})},{key:"topModels",label:"Top model",render:e=>(0,r.jsx)(L,{items:e.topModels})},{key:"topProviders",label:"Top provider",render:e=>(0,r.jsx)(L,{items:e.topProviders})},{key:"lastSeen",label:"Last seen",render:e=>b(e.lastSeen)}]})]})}function G({data:e}){let t=e.clientRequests?.topSourceIpsByTokens||[],s=e.clientRequests?.topSourceIpsByHeavyRequests||[],n=e=>(0,r.jsxs)("div",{className:"min-w-[180px]",children:[(0,r.jsx)("div",{className:"font-mono text-sm font-semibold text-text-main",children:e.label}),(0,r.jsxs)("div",{className:"mt-1 text-xs text-text-muted",children:["API key ",o(e.apiKeyCount)," \xb7 Tool ",o(e.sourceToolCount)]}),(0,r.jsxs)("div",{className:"text-xs text-text-muted",children:["Model ",o(e.modelCount)," \xb7 Provider ",o(e.providerCount)]})]});return(0,r.jsxs)("div",{className:"grid gap-5 xl:grid-cols-2",children:[(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"mb-4",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Top IP d\xf9ng nhiều token nhất"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Aggregate từ UsageHistory, xếp theo tổng input + output token."})]}),(0,r.jsx)(I,{rows:t,columns:[{key:"ip",label:"Source IP",render:n},{key:"requests",label:"Req",render:e=>o(e.requests)},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(M,{row:e})},{key:"lastSeen",label:"Last seen",render:e=>b(e.lastSeen)}],empty:"Kh\xf4ng c\xf3 Source IP c\xf3 token trong khoảng lọc."})]}),(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"mb-4",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Top IP gửi request nặng nhất"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Xếp theo số request input/total token từ 30k trở l\xean, sau đ\xf3 theo max/P95 input."})]}),(0,r.jsx)(I,{rows:s,columns:[{key:"ip",label:"Source IP",render:n},{key:"requests",label:"Req",render:e=>o(e.requests)},{key:"heavy",label:"Request nặng",render:e=>(0,r.jsxs)("div",{className:"space-y-1 text-xs",children:[(0,r.jsxs)("div",{children:["Nặng ",o(e.heavyRequests)," \xb7 ",c(e.heavyRequestRate)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:["P95 input ",d(e.p95PromptTokens)," \xb7 Max ",d(e.maxPromptTokens)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:[">=70k ",o(e.extremeInputRequests)," \xb7 ",c(e.extremeInputRate)]})]})},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(M,{row:e})},{key:"lastSeen",label:"Last seen",render:e=>b(e.lastSeen)}],empty:"Kh\xf4ng c\xf3 Source IP gửi request nặng trong khoảng lọc."})]}),(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Source IP từ Prompt Logs"}),(0,r.jsx)(I,{rows:e.promptLogs?.topClientIps||[],columns:[{key:"label",label:"IP",render:e=>(0,r.jsx)("span",{className:"font-mono text-xs",children:e.label})},{key:"requests",label:"Logs",render:e=>o(e.requests)},{key:"errors",label:"Lỗi",render:e=>o(e.errors)},{key:"errorRate",label:"Error %",render:e=>(0,r.jsx)(C,{value:e.errorRate})},{key:"topTools",label:"Tools",render:e=>(0,r.jsx)(L,{items:e.topTools})},{key:"topModels",label:"Models",render:e=>(0,r.jsx)(L,{items:e.topModels})},{key:"lastSeen",label:"Last seen",render:e=>b(e.lastSeen)}]})]}),(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Source tool"}),(0,r.jsx)(I,{rows:e.promptLogs?.topSourceTools||[],columns:[{key:"label",label:"Tool",render:e=>(0,r.jsx)("span",{className:"font-semibold",children:e.label})},{key:"requests",label:"Logs",render:e=>o(e.requests)},{key:"errors",label:"Lỗi",render:e=>o(e.errors)},{key:"errorRate",label:"Error %",render:e=>(0,r.jsx)(C,{value:e.errorRate})},{key:"topIps",label:"Top IP",render:e=>(0,r.jsx)(L,{items:e.topIps})},{key:"topModels",label:"Top model",render:e=>(0,r.jsx)(L,{items:e.topModels})},{key:"lastSeen",label:"Last seen",render:e=>b(e.lastSeen)}]})]}),(0,r.jsxs)(y,{className:"xl:col-span-2",children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Session nhiều hoạt động"}),(0,r.jsx)(I,{rows:e.promptLogs?.topSessions||[],columns:[{key:"label",label:"Session",render:e=>(0,r.jsx)("span",{className:"font-mono text-xs",children:e.label})},{key:"requests",label:"Logs",render:e=>o(e.requests)},{key:"errors",label:"Lỗi",render:e=>o(e.errors)},{key:"topIps",label:"IP",render:e=>(0,r.jsx)(L,{items:e.topIps})},{key:"topTools",label:"Tool",render:e=>(0,r.jsx)(L,{items:e.topTools})},{key:"topModels",label:"Model",render:e=>(0,r.jsx)(L,{items:e.topModels})},{key:"lastSeen",label:"Last seen",render:e=>b(e.lastSeen)}]})]})]})}function z({data:e}){return(0,r.jsxs)("div",{className:"space-y-5",children:[(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Provider"}),(0,r.jsx)(I,{rows:e.groups?.providers||[],columns:[{key:"label",label:"Provider",render:e=>(0,r.jsx)("span",{className:"font-semibold",children:e.label})},{key:"requests",label:"Requests",render:e=>o(e.requests)},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(M,{row:e})},{key:"cost",label:"Cost",render:e=>x(e.cost)},{key:"errorRate",label:"Error %",render:e=>(0,r.jsx)(C,{value:e.errorRate})},{key:"topModels",label:"Top model",render:e=>(0,r.jsx)(L,{items:e.topModels})},{key:"lastSeen",label:"Last seen",render:e=>b(e.lastSeen)}]})]}),(0,r.jsxs)("div",{className:"grid gap-5 xl:grid-cols-2",children:[(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Model"}),(0,r.jsx)(I,{rows:e.groups?.models||[],columns:[{key:"label",label:"Model",render:e=>(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold",children:e.model}),(0,r.jsx)("div",{className:"text-xs text-text-muted",children:e.providerLabel||e.provider})]})},{key:"requests",label:"Req",render:e=>o(e.requests)},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(M,{row:e})},{key:"errorRate",label:"Lỗi",render:e=>(0,r.jsx)(C,{value:e.errorRate})}]})]}),(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Provider account / connection"}),(0,r.jsx)(I,{rows:e.groups?.providerAccounts||[],columns:[{key:"label",label:"Account",render:e=>(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold",children:e.label}),(0,r.jsx)("div",{className:"text-xs text-text-muted",children:e.providerLabel||e.provider||e.connectionId})]})},{key:"requests",label:"Req",render:e=>o(e.requests)},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(M,{row:e})},{key:"errorRate",label:"Lỗi",render:e=>(0,r.jsx)(C,{value:e.errorRate})}]})]})]}),(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Endpoint"}),(0,r.jsx)(I,{rows:e.groups?.endpoints||[],columns:[{key:"label",label:"Endpoint",render:e=>(0,r.jsx)("span",{className:"font-mono text-xs",children:e.label})},{key:"requests",label:"Requests",render:e=>o(e.requests)},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(M,{row:e})},{key:"cost",label:"Cost",render:e=>x(e.cost)},{key:"errorRate",label:"Error %",render:e=>(0,r.jsx)(C,{value:e.errorRate})},{key:"lastSeen",label:"Last seen",render:e=>b(e.lastSeen)}]})]})]})}function W({data:e}){let t=e.experience||{},s=t.thresholds||{},n=e.thinkingAnalytics||{},l=e.largeContextAnalytics||{},a=t.byModel||[],i=t.slowestRequests||[];return(0,r.jsxs)("div",{className:"space-y-5",children:[(0,r.jsxs)("div",{className:"grid gap-4 md:grid-cols-2 xl:grid-cols-4",children:[(0,r.jsx)(f,{icon:"verified",label:"Đ\xe1nh gi\xe1 tổng",value:h(t.score),hint:`${t.label||"-"} \xb7 ${o(t.samples)} mẫu success c\xf3 token`,tone:t.tone||"slate"}),(0,r.jsx)(f,{icon:"timer",label:"Latency AVG / P95",value:`${m(t.avgLatencyMs)} / ${m(t.p95LatencyMs)}`,hint:`P50 ${m(t.p50LatencyMs)} \xb7 P99 ${m(t.p99LatencyMs)}`,tone:"purple"}),(0,r.jsx)(f,{icon:"bolt",label:"TTFT AVG / P95",value:`${m(t.avgTtftMs)} / ${m(t.p95TtftMs)}`,hint:"TTFT cao thường l\xe0 queue/prompt eval/input d\xe0i",tone:t.slowTtftRate>=.2?"amber":"blue"}),(0,r.jsx)(f,{icon:"keyboard_double_arrow_up",label:"Input AVG / P95",value:`${d(t.avgPromptTokens)} / ${d(t.p95PromptTokens)}`,hint:`>=30k ${c(t.longInputRate)} \xb7 >=50k ${c(t.hugeInputRate)}`}),(0,r.jsx)(f,{icon:"running_with_errors",label:"Slow request",value:c(t.slowRequestRate),hint:`Latency >= ${m(s.slowLatencyMs||45e3)} \xb7 rất chậm ${c(t.verySlowRequestRate)}`,tone:t.slowRequestRate>=.2?"amber":"green"}),(0,r.jsx)(f,{icon:"pending_actions",label:"Slow TTFT",value:c(t.slowTtftRate),hint:`TTFT >= ${m(s.slowTtftMs||2e4)}`,tone:t.slowTtftRate>=.2?"amber":"green"}),(0,r.jsx)(f,{icon:"speed",label:"Output tốc độ",value:u(t.decodeTokensPerSecond," tok/s"),hint:`Output/latency ${u(t.outputTokensPerSecond," tok/s")}`,tone:"slate"}),(0,r.jsx)(f,{icon:"data_usage",label:"Latency / 10k input",value:m(t.latencyMsPer10kInputTokens),hint:"Hữu \xedch khi VS Code gửi 30k–70k token",tone:"slate"}),(0,r.jsx)(f,{icon:"psychology_alt",label:"Thinking auto-off",value:c(n.autoOffRate),hint:`${o(n.autoOffRequests||0)} / ${o(n.totalRequests||0)} request`,tone:(n.autoOffRate||0)>=.3?"amber":"green"}),(0,r.jsx)(f,{icon:"toggle_off",label:"Thinking OFF",value:c(n.thinkingOffRate),hint:`ON ${c(n.thinkingOnRate)} \xb7 unknown ${c(n.unknownRate)}`,tone:(n.thinkingOffRate||0)>=.5?"blue":"slate"}),(0,r.jsx)(f,{icon:"data_object",label:"Large context",value:c(l.gte50kRate),hint:`>=30k ${c(l.gte30kRate)} \xb7 >=100k ${c(l.gte100kRate)}`,tone:(l.gte50kRate||0)>=.3?"amber":"slate"})]}),(0,r.jsxs)("div",{className:"grid gap-5 xl:grid-cols-2",children:[(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"mb-4",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Thinking Analytics"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Theo d\xf5i request bật/tắt thinking v\xe0 tỷ lệ auto-off do vượt ngưỡng prompt chars."})]}),(0,r.jsx)("div",{className:"grid gap-3 md:grid-cols-2",children:[["Thinking ON",o(n.thinkingOnRequests||0),c(n.thinkingOnRate)],["Thinking OFF",o(n.thinkingOffRequests||0),c(n.thinkingOffRate)],["Auto-off hit",o(n.autoOffRequests||0),c(n.autoOffRate)],["C\xf3 ngưỡng auto-off",o(n.thresholdConfiguredRequests||0),`hit ${c(n.autoOffEligibleHitRate)}`]].map(([e,t,s])=>(0,r.jsxs)("div",{className:"rounded-2xl bg-background p-4",children:[(0,r.jsx)("div",{className:"text-xs font-semibold uppercase tracking-wide text-text-muted",children:e}),(0,r.jsx)("div",{className:"mt-2 text-xl font-semibold text-text-main",children:t}),(0,r.jsx)("div",{className:"mt-1 text-xs text-text-muted",children:s})]},e))}),(0,r.jsx)("div",{className:"mt-4",children:(0,r.jsx)(I,{rows:n.byModel||[],empty:"Chưa c\xf3 dữ liệu thinking trong khoảng lọc.",columns:[{key:"model",label:"Model",render:e=>(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold",children:e.model}),(0,r.jsx)("div",{className:"text-xs text-text-muted",children:e.provider})]})},{key:"requests",label:"Req",render:e=>o(e.requests)},{key:"autoOff",label:"Auto-off",render:e=>(0,r.jsxs)("div",{className:"text-xs",children:[(0,r.jsx)("div",{children:o(e.autoOffRequests)}),(0,r.jsx)("div",{className:"text-text-muted",children:c(e.autoOffRate)})]})},{key:"thinking",label:"ON/OFF",render:e=>(0,r.jsxs)("div",{className:"text-xs",children:[(0,r.jsxs)("div",{children:["ON ",o(e.thinkingOnRequests)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:["OFF ",o(e.thinkingOffRequests)]})]})},{key:"chars",label:"Chars avg/max",render:e=>(0,r.jsxs)("div",{className:"text-xs",children:[(0,r.jsx)("div",{children:d(e.avgPromptChars)}),(0,r.jsxs)("div",{className:"text-text-muted",children:["max ",d(e.maxPromptChars)]})]})}]})})]}),(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"mb-4",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Large Context Analytics"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Bucket theo request size, ưu ti\xean prompt chars; nếu chưa c\xf3 chars th\xec fallback prompt tokens."})]}),(0,r.jsx)("div",{className:"grid gap-3 md:grid-cols-3",children:[[">=30k",l.gte30kRequests,l.gte30kRate],[">=50k",l.gte50kRequests,l.gte50kRate],[">=100k",l.gte100kRequests,l.gte100kRate]].map(([e,t,s])=>(0,r.jsxs)("div",{className:"rounded-2xl bg-background p-4",children:[(0,r.jsx)("div",{className:"text-xs font-semibold uppercase tracking-wide text-text-muted",children:e}),(0,r.jsx)("div",{className:"mt-2 text-xl font-semibold text-text-main",children:o(t||0)}),(0,r.jsx)("div",{className:"mt-1 text-xs text-text-muted",children:c(s)})]},e))}),(0,r.jsx)("div",{className:"mt-4",children:(0,r.jsx)(I,{rows:l.buckets||[],empty:"Chưa c\xf3 large context buckets trong khoảng lọc.",columns:[{key:"label",label:"Bucket",render:e=>(0,r.jsx)("span",{className:"font-semibold",children:e.label})},{key:"requests",label:"Req",render:e=>(0,r.jsxs)("div",{className:"text-xs",children:[(0,r.jsx)("div",{children:o(e.requests)}),(0,r.jsx)("div",{className:"text-text-muted",children:c(e.share)})]})},{key:"chars",label:"Size avg/max",render:e=>(0,r.jsxs)("div",{className:"text-xs",children:[(0,r.jsx)("div",{children:d(e.avgRequestSize)}),(0,r.jsxs)("div",{className:"text-text-muted",children:["max ",d(e.maxRequestSize)]})]})},{key:"latency",label:"Latency/TTFT",render:e=>(0,r.jsxs)("div",{className:"text-xs",children:[(0,r.jsx)("div",{children:m(e.avgLatencyMs)}),(0,r.jsxs)("div",{className:"text-text-muted",children:["TTFT ",m(e.avgTtftMs)]})]})},{key:"autoOff",label:"Auto-off",render:e=>(0,r.jsxs)("div",{className:"text-xs",children:[(0,r.jsx)("div",{children:o(e.autoOffRequests)}),(0,r.jsx)("div",{className:"text-text-muted",children:c(e.autoOffRate)})]})}]})})]})]}),(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"mb-4",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"C\xe1ch đọc trải nghiệm user"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Nh\xf3m n\xe0y chỉ t\xednh request th\xe0nh c\xf4ng c\xf3 token v\xe0 latency > 0. Error/pending/success 0-token kh\xf4ng trộn v\xe0o tốc độ model. TTFT l\xe0 thời gian tới token đầu ti\xean; với VS Code input 30k–70k, TTFT cao thường phản \xe1nh chờ slot hoặc prompt eval d\xe0i."})]}),(0,r.jsxs)("div",{className:"grid gap-3 md:grid-cols-3",children:[(0,r.jsxs)("div",{className:"rounded-2xl bg-background p-4",children:[(0,r.jsx)("div",{className:"text-xs font-semibold uppercase tracking-wide text-text-muted",children:"Nhanh/chậm thực tế"}),(0,r.jsx)("div",{className:"mt-2 text-sm text-text-main",children:"Latency AVG/P50/P95/MAX cho biết user phải chờ bao l\xe2u để request ho\xe0n tất."})]}),(0,r.jsxs)("div",{className:"rounded-2xl bg-background p-4",children:[(0,r.jsx)("div",{className:"text-xs font-semibold uppercase tracking-wide text-text-muted",children:"Queue hoặc prompt eval"}),(0,r.jsx)("div",{className:"mt-2 text-sm text-text-main",children:"TTFT cao + input P95 cao l\xe0 t\xedn hiệu request d\xe0i, hết slot hoặc upstream đang queue."})]}),(0,r.jsxs)("div",{className:"rounded-2xl bg-background p-4",children:[(0,r.jsx)("div",{className:"text-xs font-semibold uppercase tracking-wide text-text-muted",children:"VS Code / agent"}),(0,r.jsx)("div",{className:"mt-2 text-sm text-text-main",children:"Theo d\xf5i tỷ lệ input >=30k/50k/70k để biết P95/P99 cao c\xf3 phải do context cực d\xe0i hay kh\xf4ng."})]})]})]}),(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Chất lượng phản hồi theo provider/model"}),(0,r.jsx)(I,{rows:a,empty:"Chưa c\xf3 mẫu latency cho model trong khoảng lọc.",columns:[{key:"model",label:"Model",render:e=>(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold",children:e.model}),(0,r.jsx)("div",{className:"text-xs text-text-muted",children:e.providerLabel||e.provider})]})},{key:"quality",label:"Đ\xe1nh gi\xe1",render:e=>(0,r.jsxs)("div",{className:"space-y-1",children:[(0,r.jsx)(A,{level:e.level,label:e.labelQuality}),(0,r.jsx)("div",{className:"text-xs text-text-muted",children:h(e.score)})]})},{key:"samples",label:"Mẫu",render:e=>o(e.samples)},{key:"latency",label:"Latency P50/P95/MAX",render:e=>(0,r.jsxs)("div",{className:"text-xs",children:[(0,r.jsxs)("div",{children:[m(e.p50LatencyMs)," / ",m(e.p95LatencyMs)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:["max ",m(e.maxLatencyMs)]})]})},{key:"ttft",label:"TTFT P95",render:e=>m(e.p95TtftMs)},{key:"input",label:"Input avg/P95",render:e=>(0,r.jsxs)("div",{className:"text-xs",children:[(0,r.jsxs)("div",{children:[d(e.avgPromptTokens)," / ",d(e.p95PromptTokens)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:[">=30k ",c(e.longInputRate)]})]})},{key:"slow",label:"Chậm",render:e=>(0,r.jsx)(C,{value:e.slowRequestRate})},{key:"speed",label:"Output tok/s",render:e=>u(e.outputTokensPerSecond," tok/s")}]})]}),(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Request chậm nhất"}),(0,r.jsx)(I,{rows:i,empty:"Kh\xf4ng c\xf3 request chậm trong khoảng lọc.",columns:[{key:"timestamp",label:"Time",render:e=>b(e.timestamp)},{key:"model",label:"Model",render:e=>(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold",children:e.model}),(0,r.jsx)("div",{className:"text-xs text-text-muted",children:e.providerLabel||e.provider})]})},{key:"latency",label:"Latency / TTFT",render:e=>(0,r.jsxs)("div",{className:"text-xs",children:[(0,r.jsx)("div",{className:"font-semibold",children:m(e.latencyMs)}),(0,r.jsxs)("div",{className:"text-text-muted",children:["TTFT ",m(e.ttftMs)]})]})},{key:"tokens",label:"In / Out",render:e=>(0,r.jsx)(M,{row:e})},{key:"apiKeyName",label:"API key",render:e=>(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{children:e.apiKeyName}),(0,r.jsx)("div",{className:"font-mono text-xs text-text-muted",children:e.apiKeyFingerprint})]})},{key:"sourceTool",label:"Tool/IP",render:e=>(0,r.jsxs)("div",{className:"text-xs",children:[(0,r.jsx)("div",{children:e.sourceTool||"-"}),(0,r.jsx)("div",{className:"font-mono text-text-muted",children:e.clientIp||"-"})]})},{key:"endpoint",label:"Endpoint",render:e=>(0,r.jsx)("span",{className:"font-mono text-xs",children:e.endpoint||"-"})}]})]})]})}function X({data:e}){let t=e.requestErrors||{},s=t.summary||{},n=e.overview||{},l=Number(n.serverErrorRate||0),a=Number(n.clientErrorRate||0),i=Number(n.rateLimitErrorRate||0),d=[{key:"faultOwner",label:"Loại",render:e=>(0,r.jsx)(O,{value:e.faultOwner})},{key:"status",label:"Status",render:e=>(0,r.jsx)("span",{className:"rounded-full bg-red-500/10 px-2 py-1 text-xs font-semibold text-red-600 dark:text-red-300",children:e.status})},{key:"provider",label:"Provider",render:e=>e.providerLabel||e.provider},{key:"model",label:"Model"},{key:"endpoint",label:"Endpoint",render:e=>(0,r.jsx)("span",{className:"font-mono text-xs",children:e.endpoint})},{key:"requests",label:"Lỗi",render:e=>o(e.errors||e.requests)},{key:"errorType",label:"Type",render:e=>(0,r.jsx)("span",{className:"font-mono text-xs",children:e.errorType||e.errorCode||"-"})},{key:"sampleMessage",label:"Sample",render:e=>(0,r.jsx)(K,{row:e})},{key:"lastSeen",label:"Last seen",render:e=>b(e.lastSeen)}];return(0,r.jsxs)("div",{className:"space-y-5",children:[(0,r.jsxs)("div",{className:"grid gap-4 md:grid-cols-2 xl:grid-cols-5",children:[(0,r.jsx)(F,{icon:"dns",label:"Server/provider",value:s.serverImpacting||0,hint:`${c(l)} tr\xean tổng request`,tone:s.serverImpacting?"red":"green"}),(0,r.jsx)(F,{icon:"cloud_off",label:"Upstream",value:s.upstream||0,hint:"Provider/model server, timeout, network, 5xx",tone:s.upstream?"red":"green"}),(0,r.jsx)(F,{icon:"router",label:"Gateway",value:s.gateway||0,hint:"Lỗi nội bộ BlueRouter/gateway",tone:s.gateway?"purple":"green"}),(0,r.jsx)(F,{icon:"integration_instructions",label:"Client/request",value:s.client||0,hint:`${c(a)} do endpoint/model/body/auth`,tone:s.client?"slate":"green"}),(0,r.jsx)(F,{icon:"speed",label:"Rate/quota",value:s.rateLimit||0,hint:`${c(i)} rate-limit/quota`,tone:s.rateLimit?"amber":"green"})]}),(0,r.jsx)("div",{className:"rounded-2xl border border-blue-500/20 bg-blue-500/10 p-4 text-sm text-blue-700 dark:text-blue-300",children:(0,r.jsxs)("div",{className:"flex gap-3",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[22px]",children:"rule_settings"}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold",children:"Ph\xe2n loại lỗi đ\xe3 t\xe1ch client khỏi server/provider"}),(0,r.jsxs)("div",{className:"mt-1 opacity-90",children:["Cảnh b\xe1o vận h\xe0nh n\xean ưu ti\xean nh\xf3m ",(0,r.jsx)("b",{children:"Server/provider"})," gồm gateway, upstream, timeout, network v\xe0 5xx. Nh\xf3m ",(0,r.jsx)("b",{children:"Client/request"})," vẫn được log đầy đủ nhưng thường l\xe0 sai endpoint, model, auth, JSON/body hoặc context."]})]})]})}),e.anomalies?.length?(0,r.jsx)("div",{className:"grid gap-4 xl:grid-cols-2",children:e.anomalies.map((e,t)=>(0,r.jsx)(E,{anomaly:e},t))}):(0,r.jsxs)("div",{className:"rounded-2xl border border-green-500/20 bg-green-500/10 p-4 text-sm text-green-700 dark:text-green-300",children:[(0,r.jsx)("span",{className:"material-symbols-outlined mr-2 align-[-5px]",children:"check_circle"}),"Chưa ph\xe1t hiện bất thường server/provider r\xf5 r\xe0ng theo bộ lọc hiện tại."]}),(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"mb-4 flex flex-wrap items-start justify-between gap-3",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Lỗi server/provider cần xử l\xfd"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Chỉ gồm gateway/upstream/server-impacting errors. Đ\xe2y l\xe0 bảng quan trọng nhất cho vận h\xe0nh."})]}),(0,r.jsxs)("span",{className:"rounded-full bg-red-500/10 px-3 py-1 text-xs font-semibold text-red-600 dark:text-red-300",children:[o(s.serverImpacting||0)," lỗi"]})]}),(0,r.jsx)(I,{rows:t.topServerErrors||[],columns:d,empty:"Kh\xf4ng c\xf3 lỗi server/provider trong khoảng lọc."})]}),(0,r.jsxs)("div",{className:"grid gap-5 xl:grid-cols-2",children:[(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"mb-4",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Lỗi client/request sai"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Sai endpoint, model, auth, JSON/body, context length. D\xf9ng để hướng dẫn client sửa request."})]}),(0,r.jsx)(I,{rows:t.topClientErrors||[],columns:d.filter(e=>!["sampleMessage"].includes(e.key)),empty:"Kh\xf4ng c\xf3 lỗi client/request trong khoảng lọc."})]}),(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"mb-4",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Ph\xe2n bố loại lỗi"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"T\xe1ch nguồn chịu tr\xe1ch nhiệm để kh\xf4ng nhầm lỗi client th\xe0nh lỗi server."})]}),(0,r.jsx)(I,{rows:t.byFaultOwner||[],columns:[{key:"faultOwner",label:"Loại",render:e=>(0,r.jsx)(O,{value:e.faultOwner||e.key})},{key:"requests",label:"Số lỗi",render:e=>o(e.requests)},{key:"lastSeen",label:"Last seen",render:e=>b(e.lastSeen)}],empty:"Kh\xf4ng c\xf3 lỗi để ph\xe2n loại."})]})]}),t.topRateLimitErrors?.length?(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Rate limit / quota"}),(0,r.jsx)(I,{rows:t.topRateLimitErrors||[],columns:d})]}):null,(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Tất cả lỗi raw theo status/provider/model/endpoint"}),(0,r.jsx)(I,{rows:[...e.groups?.errors||[]].sort((e,t)=>new Date(p(t.lastSeen)||0)-new Date(p(e.lastSeen)||0)||Number(t.errors||t.requests||0)-Number(e.errors||e.requests||0)),columns:[{key:"faultOwner",label:"Loại",render:e=>(0,r.jsx)(O,{value:e.faultOwner})},{key:"status",label:"Status",render:e=>(0,r.jsx)("span",{className:"rounded-full bg-red-500/10 px-2 py-1 text-xs font-semibold text-red-600 dark:text-red-300",children:e.status})},{key:"provider",label:"Provider",render:e=>e.providerLabel||e.provider},{key:"model",label:"Model"},{key:"endpoint",label:"Endpoint",render:e=>(0,r.jsx)("span",{className:"font-mono text-xs",children:e.endpoint})},{key:"requests",label:"Lỗi",render:e=>o(e.errors||e.requests)},{key:"apiKey",label:"API key",render:e=>(0,r.jsx)("span",{className:"font-mono text-xs",children:e.apiKey})},{key:"lastSeen",label:"Last seen",render:e=>b(e.lastSeen)}]})]}),(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Status distribution"}),(0,r.jsx)(I,{rows:e.groups?.statuses||[],columns:[{key:"label",label:"Status"},{key:"requests",label:"Requests",render:e=>o(e.requests)},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(M,{row:e})},{key:"errorRate",label:"Error %",render:e=>(0,r.jsx)(C,{value:e.errorRate})}]})]})]})}function Z({data:e}){return(0,r.jsxs)("div",{className:"space-y-5",children:[(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Top request nặng token"}),(0,r.jsx)(I,{rows:e.heavyRequests||[],columns:[{key:"timestamp",label:"Time",render:e=>b(e.timestamp)},{key:"model",label:"Model",render:e=>(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold",children:e.model}),(0,r.jsx)("div",{className:"text-xs text-text-muted",children:e.providerLabel||e.provider})]})},{key:"apiKeyName",label:"API key",render:e=>(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{children:e.apiKeyName}),(0,r.jsx)("div",{className:"font-mono text-xs text-text-muted",children:e.apiKeyFingerprint})]})},{key:"accountName",label:"Account"},{key:"endpoint",label:"Endpoint",render:e=>(0,r.jsx)("span",{className:"font-mono text-xs",children:e.endpoint})},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(M,{row:e})},{key:"status",label:"Status"}]})]}),(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Recent usage"}),(0,r.jsx)(I,{rows:e.recentUsage||[],columns:[{key:"timestamp",label:"Time",render:e=>b(e.timestamp)},{key:"provider",label:"Provider",render:e=>e.providerLabel||e.provider},{key:"model",label:"Model"},{key:"apiKeyName",label:"API key"},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(M,{row:e})},{key:"cost",label:"Cost",render:e=>x(e.cost)},{key:"status",label:"Status"}]})]})]})}function Y(){let{isAdmin:e,isMonitorAdmin:t}=(0,l.s)(),[s,a]=(0,n.useState)({period:"today",dateFrom:"",dateTo:"",provider:"",model:"",connectionId:"",status:"",endpoint:"",apiKey:"",clientIp:"",sourceTool:"",sessionId:"",keyword:""}),[o,d]=(0,n.useState)(null),[c,x]=(0,n.useState)(!0),[m,u]=(0,n.useState)(""),[h,p]=(0,n.useState)("overview"),[g,y]=(0,n.useState)(!1),f=function(e,t=450){let[s,r]=(0,n.useState)(e);return(0,n.useEffect)(()=>{let s=setTimeout(()=>r(e),t);return()=>clearTimeout(s)},[e,t]),s}(s,450),N=(0,n.useRef)(0),T=(0,n.useCallback)(async({clear:e=!1,filtersOverride:t=null}={})=>{let s=N.current+1;N.current=s,e&&d(null),x(!0),u("");try{let e=t||f,r=k(e,{timeZone:v()}),n=await fetch(`/api/dashboard/analytics?${r}`,{cache:"no-store"}),l=await n.json().catch(()=>({}));if(s!==N.current)return;if(!n.ok)throw Error(l.error||"Kh\xf4ng tải được dữ liệu analytics");d(l)}catch(e){if(s!==N.current)return;u(e.message||"Kh\xf4ng tải được dữ liệu analytics")}finally{s===N.current&&x(!1)}},[f]);(0,n.useEffect)(()=>{T({clear:!0})},[T]),(0,n.useEffect)(()=>{if(!g)return;let e=setInterval(()=>T(),1e4);return()=>clearInterval(e)},[g,T]);let w=o?.options||{},P=(0,n.useMemo)(()=>o?.generatedAt?b(o.generatedAt):"-",[o]);return(0,r.jsxs)("div",{className:"space-y-5 p-4 md:p-6",children:[(0,r.jsxs)("div",{className:"flex flex-wrap items-start justify-between gap-4",children:[(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 text-primary",children:[(0,r.jsx)("span",{className:"material-symbols-outlined",children:"monitoring"}),(0,r.jsx)("span",{className:"text-sm font-semibold uppercase tracking-wide",children:"BlueRouter Analytics"})]}),(0,r.jsx)("h1",{className:"mt-2 text-2xl font-bold text-text-main",children:"Thống k\xea sử dụng Gateway"}),(0,r.jsx)("p",{className:"mt-1 max-w-3xl text-sm text-text-muted",children:"Theo d\xf5i tần suất request, input/output token, API key, provider, model, endpoint, Source IP, source tool v\xe0 lỗi vận h\xe0nh."})]}),(0,r.jsxs)("div",{className:"flex items-center gap-3 rounded-2xl border border-border bg-surface px-4 py-3 text-sm text-text-muted",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"schedule"}),(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{children:["Generated: ",P]}),(0,r.jsxs)("label",{className:"mt-1 flex cursor-pointer items-center gap-2 text-xs",children:[(0,r.jsx)("input",{type:"checkbox",checked:g,onChange:e=>y(e.target.checked)}),"Auto refresh 10s"]})]})]})]}),(0,r.jsx)(D,{filters:s,setFilters:a,options:w,onRefresh:e=>T({filtersOverride:e||s}),onExportCsv:()=>{let e=k(s,{format:"csv",timeZone:v()});window.open(`/api/dashboard/analytics?${e}`,"_blank","noopener,noreferrer")},loading:c,showProviderFilters:e||t}),m?(0,r.jsxs)("div",{className:"rounded-2xl border border-red-500/30 bg-red-500/10 p-4 text-sm text-red-700 dark:text-red-300",children:[(0,r.jsx)("span",{className:"material-symbols-outlined mr-2 align-[-5px]",children:"error"}),m]}):null,o?.qualityNotes?.length?(0,r.jsx)(_,{notes:o.qualityNotes}):null,(0,r.jsx)("div",{className:"flex flex-wrap gap-2 rounded-2xl border border-border bg-surface p-2",children:i.map(e=>(0,r.jsxs)("button",{onClick:()=>p(e.value),className:j("flex items-center gap-2 rounded-xl px-3 py-2 text-sm font-medium transition",h===e.value?"bg-primary text-white shadow-sm":"text-text-muted hover:bg-background hover:text-text-main"),children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:e.icon}),e.label]},e.value))}),c&&!o?(0,r.jsx)(q,{}):null,!c&&o&&o.overview?.requests===0&&0===(o.promptLogs?.total||0)?(0,r.jsx)(R,{title:"Chưa c\xf3 dữ liệu analytics",description:"Kh\xf4ng c\xf3 UsageHistory hoặc Prompt Logs theo bộ lọc hiện tại."}):null,o?(0,r.jsxs)(r.Fragment,{children:["overview"===h?(0,r.jsx)(H,{data:o}):null,"apiKeys"===h?(0,r.jsx)(B,{data:o}):null,"clients"===h?(0,r.jsx)(V,{data:o}):null,"sources"===h?(0,r.jsx)(G,{data:o}):null,"providers"===h?(0,r.jsx)(z,{data:o}):null,"experience"===h?(0,r.jsx)(W,{data:o}):null,"errors"===h?(0,r.jsx)(X,{data:o}):null,"raw"===h?(0,r.jsx)(Z,{data:o}):null]}):null]})}},82114:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},94027:(e,t,s)=>{"use strict";s.d(t,{Y:()=>o,s:()=>d});var r=s(95155),n=s(12115),l=s(14051),a=s.n(l);let i=(0,n.createContext)(null);function o({children:e}){let[t,s]=(0,n.useState)(null),[l,a]=(0,n.useState)(!0),[d,c]=(0,n.useState)(""),x=(0,n.useCallback)(async()=>{a(!0),c("");try{let e=await fetch("/api/auth/status",{cache:"no-store"}),t=await e.json().catch(()=>({}));if(!e.ok)throw Error(t?.error||"Kh\xf4ng tải được trạng th\xe1i đăng nhập");return s(t||{}),t||{}}catch(e){return c(e?.message||"Kh\xf4ng tải được trạng th\xe1i đăng nhập"),s({}),{}}finally{a(!1)}},[]);(0,n.useEffect)(()=>{let e=!1;return(async()=>{a(!0),c("");try{let t=await fetch("/api/auth/status",{cache:"no-store"}),r=await t.json().catch(()=>({}));if(e)return;if(!t.ok)throw Error(r?.error||"Kh\xf4ng tải được trạng th\xe1i đăng nhập");s(r||{})}catch(t){e||(c(t?.message||"Kh\xf4ng tải được trạng th\xe1i đăng nhập"),s({}))}finally{e||a(!1)}})(),()=>{e=!0}},[]);let m=(0,n.useMemo)(()=>{let e,s,r,n;return s=(e=t&&"object"==typeof t?t:{}).displayName||e.oidcName||e.oidcEmail||e.userId||"",r=!0===e.isAdmin,n=!0===e.isMonitorAdmin,{status:e,displayName:s,userId:e.userId||"",loginMethod:e.loginMethod||"",role:e.role||"guest",isAdmin:r,isMonitorAdmin:n,canManageApiKeys:!0===e.canManageApiKeys||r||n,canUseMonitorAdminTabs:!0===e.canUseMonitorAdminTabs||r||n}},[t]),u=(0,n.useMemo)(()=>({...m,loading:l,error:d,reload:x}),[m,l,d,x]);return(0,r.jsx)(i.Provider,{value:u,children:e})}function d(){let e=(0,n.useContext)(i);return e||{status:{},displayName:"",userId:"",loginMethod:"",role:"admin",isAdmin:!0,isMonitorAdmin:!1,canManageApiKeys:!0,canUseMonitorAdminTabs:!0,loading:!1,error:"",reload:async()=>({})}}o.propTypes={children:a().node}}},e=>{e.O(0,[8441,3794,7358],()=>e(e.s=39944)),_N_E=e.O()}]);

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/combos/page-14c1378dcec106c5.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3649],{20061:(e,t,n)=>{Promise.resolve().then(n.bind(n,47295))},47295:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>X});var a=n(95155),r=n(12115),s=n(44923),l=n(87256),i=n(39768),o=n(5020),d=n(35497),c=n(11059),m=n(28777),u=n(52679);let x=/^[a-zA-Z0-9_.\-]+$/,p=[{value:"global",label:"To\xe0n cục / h\xe0nh vi hiện tại",description:"Giữ h\xe0nh vi hiện tại: mọi request d\xf9ng chung v\xf2ng xoay combo to\xe0n cục."},{value:"client_ip",label:"IP client",description:"Giữ c\xf9ng model khởi đầu cho c\xf9ng IP client cho đến khi hết TTL."},{value:"client_session",label:"IP client + phi\xean chat",description:"Ph\xf9 hợp nhất cho c\xf4ng cụ chat. Giữ c\xf9ng model cho c\xf9ng m\xe1y v\xe0 c\xf9ng phi\xean chat."}],h=[{value:"fallback",label:"Ưu ti\xean fallback",description:"Thử model trong combo theo đ\xfang thứ tự hiển thị, lỗi th\xec fallback."},{value:"round-robin",label:"Round Robin",description:"Lu\xe2n phi\xean model đang bật được thử đầu ti\xean. C\xe1c t\xf9y chọn giữ d\xednh b\xean dưới vẫn được \xe1p dụng."},{value:"least-latency",label:"Độ trễ thấp nhất",description:"Ưu ti\xean target c\xf3 điểm health/độ trễ tốt nhất. Hữu \xedch cho LAN Ollama."},{value:"p2c",label:"P2C",description:"Power of Two Choices: lấy mẫu hai target khỏe rồi chọn target \xedt bận hơn."}],b=[{card:"border-sky-100 bg-sky-50/55 dark:border-sky-400/15 dark:bg-sky-950/10",panel:"border-sky-100/80 bg-white/80 dark:border-sky-400/15 dark:bg-zinc-950/60"},{card:"border-slate-200 bg-slate-50/80 dark:border-slate-500/15 dark:bg-slate-900/35",panel:"border-slate-200/80 bg-white/80 dark:border-slate-500/15 dark:bg-zinc-950/60"},{card:"border-emerald-100 bg-emerald-50/45 dark:border-emerald-400/15 dark:bg-emerald-950/10",panel:"border-emerald-100/80 bg-white/80 dark:border-emerald-400/15 dark:bg-zinc-950/60"},{card:"border-violet-100 bg-violet-50/45 dark:border-violet-400/15 dark:bg-violet-950/10",panel:"border-violet-100/80 bg-white/80 dark:border-violet-400/15 dark:bg-zinc-950/60"}],g=Object.freeze({temperature:.3,top_p:.95,presence_penalty:0,max_tokens:4096,reasoning_budget:0,thinkingMode:"off",forceThinkingOffAboveChars:5e4}),f=Object.freeze({temperature:.2,top_p:.95,presence_penalty:0,max_tokens:4096}),y=[{value:"inherit",label:"Theo request gốc",description:"Giữ nguy\xean request gốc, kh\xf4ng inject thinking."},{value:"off",label:"Tắt thinking",description:"Gửi chat_template_kwargs.enable_thinking = false."},{value:"on",label:"Bật thinking",description:"Gửi chat_template_kwargs.enable_thinking = true."}],v=[{value:"inherit",label:"Theo cấu h\xecnh hệ thống",description:"Sử dụng ch\xednh s\xe1ch lưu Prompt Logs chung của hệ thống."},{value:"enabled",label:"Lưu đầy đủ nội dung",description:"Cho ph\xe9p quản trị vi\xean xem lại to\xe0n bộ prompt v\xe0 phản hồi của c\xe1c request thuộc combo n\xe0y."},{value:"disabled",label:"Chỉ lưu thống k\xea",description:"Kh\xf4ng lưu nội dung hội thoại. Chỉ lưu metadata, model, provider, token, thời gian xử l\xfd v\xe0 c\xe1c thống k\xea vận h\xe0nh."}];function k(e){return e&&"object"==typeof e&&!Array.isArray(e)}function j(e,t){return Object.prototype.hasOwnProperty.call(e||{},t)}function N(e,{min:t,max:n,precision:a=3}={}){if(null==e||""===e)return;let r=Number(e);if(Number.isFinite(r))return Number(Math.min(n,Math.max(t,r)).toFixed(a))}function _(e,{min:t,max:n}={}){let a=N(e,{min:t,max:n,precision:0});return void 0===a?void 0:Math.trunc(a)}function C(e){let t=O(e).toLowerCase();return"enabled"===t||"disabled"===t?t:"inherit"}function w(e={}){let t=k(e)?e:{},n={};if(j(t,"temperature")){let e=N(t.temperature,{min:0,max:2});void 0!==e&&(n.temperature=e)}if(j(t,"top_p")||j(t,"topP")){let e=N(t.top_p??t.topP,{min:.01,max:1});void 0!==e&&(n.top_p=e)}let a=t.presence_penalty??t.presencePenalty??t["presence-penalty"];if(j(t,"presence_penalty")||j(t,"presencePenalty")||j(t,"presence-penalty")){let e=N(a,{min:-2,max:2});void 0!==e&&(n.presence_penalty=e)}let r=t.max_tokens??t.maxTokens??t.max_token;if(j(t,"max_tokens")||j(t,"maxTokens")||j(t,"max_token")){let e=_(r,{min:1,max:262144});void 0!==e&&(n.max_tokens=e)}return n}function T(e={}){let t=k(e)?e:{},n={};if(j(t,"temperature")){let e=N(t.temperature,{min:0,max:2});void 0!==e&&(n.temperature=e)}if(j(t,"top_p")){let e=N(t.top_p,{min:.01,max:1});void 0!==e&&(n.top_p=e)}let a=t.presence_penalty??t.presencePenalty??t["presence-penalty"];if(j(t,"presence_penalty")||j(t,"presencePenalty")||j(t,"presence-penalty")){let e=N(a,{min:-2,max:2});void 0!==e&&(n.presence_penalty=e)}let r=t.max_tokens??t.maxTokens??t.max_token;if(j(t,"max_tokens")||j(t,"maxTokens")||j(t,"max_token")){let e=_(r,{min:1,max:262144});void 0!==e&&(n.max_tokens=e)}let s=t.reasoning_budget??t.reasoningBudget??t["reasoning-budget"];if(j(t,"reasoning_budget")||j(t,"reasoningBudget")||j(t,"reasoning-budget")){let e=_(s,{min:0,max:262144});void 0!==e&&(n.reasoning_budget=e)}let l=t.forceThinkingOffAboveChars??t.forceThinkingOffChars??t.force_thinking_off_above_chars;if(j(t,"forceThinkingOffAboveChars")||j(t,"forceThinkingOffChars")||j(t,"force_thinking_off_above_chars")){let e=_(l,{min:0,max:1e6});void 0!==e&&(n.forceThinkingOffAboveChars=e)}let i=t.forceThinkingOffRequestOverrides??t.forceThinkingOffOverrides??t.autoOffRequestOverrides;if(j(t,"forceThinkingOffRequestOverrides")||j(t,"forceThinkingOffOverrides")||j(t,"autoOffRequestOverrides")){let e=w(i);Object.keys(e).length>0&&(n.forceThinkingOffRequestOverrides=e)}let o=function(e){if(!0===e)return"on";if(!1===e)return"off";let t=O(e).toLowerCase();return["on","true","1","enable","enabled"].includes(t)?"on":["off","false","0","disable","disabled"].includes(t)?"off":void 0}(t.thinkingMode??t.thinking);return o&&(n.thinkingMode=o),n}function O(e){return String(e||"").trim()}function S(e={}){return Array.isArray(e.disabledModels)?[...new Set(e.disabledModels.map(e=>O(e)).filter(Boolean))]:[]}function $(e={}){let t=e.fallbackStrategy||"fallback";return{...e,fallbackStrategy:t,stickyScope:e.stickyScope||"global",stickyTtlMinutes:Number(e.stickyTtlMinutes||120),stickyFallbackToClientIp:!1!==e.stickyFallbackToClientIp,lanHealthEnabled:!1!==e.lanHealthEnabled,healthCheckPath:e.healthCheckPath||"/api/tags",healthCheckIntervalMs:Number(e.healthCheckIntervalMs||15e3),requiredTags:Array.isArray(e.requiredTags)?e.requiredTags:[],modelTagRules:e.modelTagRules||e.modelTags||e.tagRules||{},disabledModels:S(e),requestOverrides:T(e.requestOverrides||{}),contentLoggingMode:C(e.contentLoggingMode)}}function M(e={}){let t={...e};t.disabledModels=S(e),"fallback"===(t.fallbackStrategy||"fallback")&&delete t.fallbackStrategy,t.disabledModels.length||delete t.disabledModels;let n=C(t.contentLoggingMode);"inherit"===n?delete t.contentLoggingMode:t.contentLoggingMode=n,t.requiredTags?.length||delete t.requiredTags;let a=T(t.requestOverrides||{});return Object.keys(a).length?t.requestOverrides=a:delete t.requestOverrides,t.modelTagRules&&0!==Object.keys(t.modelTagRules).length||delete t.modelTagRules,"/api/tags"===t.healthCheckPath&&delete t.healthCheckPath,15e3===Number(t.healthCheckIntervalMs)&&delete t.healthCheckIntervalMs,!0===t.lanHealthEnabled&&delete t.lanHealthEnabled,Object.keys(t).length?t:null}function q(e=[]){return Array.isArray(e)?e.join(", "):String(e||"")}function L(e=""){return String(e||"").split(/[\n,;]+/).map(e=>e.trim()).filter(Boolean)}function E(e={}){return e&&"object"==typeof e?Object.entries(e).map(([e,t])=>`${e}: ${Array.isArray(t)?t.join(", "):String(t||"")}`).join("\n"):""}function A(e){return"string"==typeof e?e:e&&"object"==typeof e&&(e.value||e.model||e.id)||""}function P(e={}){let t=O(e.provider);return O(e.providerSpecificData?.prefix)||O(e.prefix)||O((0,u.wG)(t))||t}function R(e={}){return O(e.email)||O(e.accountName)||O(e.displayName)||O(e.name)||O(e.providerSpecificData?.nodeName)||O(e.id)}function I(e){return e&&"object"==typeof e?O(e.connectionId||e.connection_id):""}function B(e){let t=A(e),n=I(e);return t?n?`${t}@@${n}`:t:""}function z(e){return"string"==typeof e?e:e&&"object"==typeof e?O(e.label)||O(e.displayName)||O(e.name)||A(e):""}function D(e){if(!e||"object"!=typeof e)return A(e);let t=A(e);return t?Object.fromEntries(Object.entries({model:t,connectionId:I(e)||void 0,label:z(e)||void 0,provider:O(e.provider)||void 0,accountName:O(e.accountName||e.account_name)||void 0,weight:Number(e.weight||0)>0?Number(e.weight):void 0}).filter(([,e])=>void 0!==e&&""!==e)):""}function F(e,t=!0){let n=D(e),a=B(n);return{value:a,enabled:t,target:n,label:z(n)||a,subtitle:function(e){if(!e||"object"!=typeof e)return"";let t=I(e),n=A(e);return t?`T\xe0i khoản cố định • ${t}${n?` • ${n}`:""}`:""}(n)}}function G(e={}){return O(e.defaultModel)||O(e.providerSpecificData?.defaultModel)||O(e.model)||""}function H(e,t,n,a=""){let r=O(n);!r||t.has(r)||(t.add(r),e.push({value:r,label:O(a)||r}))}function K(e={},t={}){let n=[],a=new Set,r=O(e.provider),s=[...new Set([P(e),O((0,u.wG)(r)),r].filter(Boolean))];for(let e of(0,m.KC)(r)||[])e?.type&&"llm"!==e.type||H(n,a,e.id,e.name||e.id);for(let[e,r]of Object.entries(t||{})){let t=O(r),l=s.find(e=>e&&t.startsWith(`${e}/`));if(!l)continue;let i=t.slice(l.length+1);H(n,a,i,e||i)}return H(n,a,G(e),"Model mặc định"),n}function J(e={},{disabledModels:t=[],requestOverrides:n,contentLoggingMode:a}={}){let r={...e},s=[...new Set((t||[]).map(e=>O(e)).filter(Boolean))];if(s.length>0?r.disabledModels=s:delete r.disabledModels,void 0!==n){let e=T(n||{});Object.keys(e).length?r.requestOverrides=e:delete r.requestOverrides}if(void 0!==a){let e=C(a);"inherit"===e?delete r.contentLoggingMode:r.contentLoggingMode=e}return M(r)}function X(){let[e,t]=(0,r.useState)([]),[n,s]=(0,r.useState)(!0),[l,i]=(0,r.useState)(!1),[o,m]=(0,r.useState)(null),[u,x]=(0,r.useState)([]),[p,h]=(0,r.useState)(!1),[b,g]=(0,r.useState)(!1),[f,y]=(0,r.useState)({}),[v,k]=(0,r.useState)(""),[j,N]=(0,r.useState)(null),{copied:_,copy:C}=(0,c.C)();(0,r.useEffect)(()=>{w()},[]),(0,r.useEffect)(()=>{if(0===e.length){v&&k("");return}let t=e.some(e=>e.name===v);v&&t||k(e[0].name)},[e,v]);let w=async()=>{try{let e=await fetch("/api/dashboard/combos",{cache:"no-store"}),n=await e.json();e.ok&&(t(n.combos||[]),y(n.comboStrategies||{}))}catch(e){console.log("Error fetching combo data:",e)}finally{s(!1)}},T=async()=>{if(!p&&!b){g(!0);try{let e=await fetch("/api/providers",{cache:"no-store"}),t=await e.json();e.ok&&(x(t.connections||[]),h(!0))}catch(e){console.log("Error loading provider accounts:",e)}finally{g(!1)}}},O=async()=>{i(!0),T()},S=async e=>{m(e),T()},q=async e=>{await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({comboStrategies:e})}),y(e)},L=async e=>{let{disabledModels:t=[],requestOverrides:n,contentLoggingMode:a,...r}=e;try{let e=await fetch("/api/combos",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(r)});if(e.ok){let e=J({},{disabledModels:t,requestOverrides:n,contentLoggingMode:a});e&&await q({...f,[r.name]:e}),await w(),k(r.name),i(!1)}else{let t=await e.json();alert(t.error||"Tạo combo thất bại")}}catch(e){console.log("Error creating combo:",e)}},E=async(e,t)=>{let{disabledModels:n=[],requestOverrides:a,contentLoggingMode:r,...s}=t,l=o?.name;try{let t=await fetch(`/api/combos/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(s)});if(t.ok){let e={...f};l&&l!==s.name&&e[l]&&(e[s.name]=e[l],delete e[l]);let t=J(e[s.name]||{},{disabledModels:n,requestOverrides:a,contentLoggingMode:r});t?e[s.name]=t:delete e[s.name],await q(e),await w(),k(s.name),m(null)}else{let e=await t.json();alert(e.error||"Cập nhật combo thất bại")}}catch(e){console.log("Error updating combo:",e)}},A=async n=>{let a=e.find(e=>e.id===n);N({title:"X\xf3a combo",message:"Bạn c\xf3 chắc muốn x\xf3a combo n\xe0y?",onConfirm:async()=>{N(null);try{if((await fetch(`/api/combos/${n}`,{method:"DELETE"})).ok){if(a?.name&&f[a.name]){let e={...f};delete e[a.name],await q(e)}t(e=>{let t=e.filter(e=>e.id!==n);return a?.name===v&&k(t[0]?.name||""),t})}}catch(e){console.log("Error deleting combo:",e)}}})},P=async(e,t)=>{try{let n={...f};if(t)n[e]=$(n[e]);else{let t=function(e={}){return M({...e,fallbackStrategy:"fallback"})}(n[e]||{});t?n[e]=t:delete n[e]}await q(n)}catch(e){console.log("Error updating combo strategy:",e)}},R=async(e,t)=>{try{let n={...f},a=M({...$(n[e]),...t});a?n[e]=a:delete n[e],await q(n)}catch(e){console.log("Error updating combo routing settings:",e)}},I=e.find(e=>e.name===v)||e[0]||null,B=I?Math.max(0,e.findIndex(e=>e.id===I.id)):0;return n?(0,a.jsx)("div",{className:"grid gap-4",children:[1,2,3].map(e=>(0,a.jsx)("div",{className:"h-36 animate-pulse rounded-2xl border border-border bg-surface"},e))}):(0,a.jsxs)("div",{className:"space-y-6",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h1",{className:"text-2xl font-bold text-text-main",children:"Combo model"}),(0,a.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Tạo combo model với fallback, round-robin, độ trễ thấp nhất, P2C v\xe0 routing theo trạng th\xe1i health của LAN Ollama."})]}),(0,a.jsxs)("button",{type:"button",onClick:O,className:"inline-flex items-center justify-center gap-2 rounded-xl bg-primary px-4 py-2 text-sm font-medium text-white hover:opacity-90",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"add"}),"Tạo combo"]})]}),0===e.length?(0,a.jsxs)("div",{className:"rounded-2xl border border-dashed border-border bg-surface p-12 text-center",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-4xl text-text-muted",children:"layers"}),(0,a.jsx)("h2",{className:"mt-3 text-lg font-semibold text-text-main",children:"Chưa c\xf3 combo n\xe0o"}),(0,a.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Tạo combo model c\xf3 hỗ trợ fallback."}),(0,a.jsx)("button",{type:"button",onClick:O,className:"mt-4 rounded-xl bg-primary px-4 py-2 text-sm font-medium text-white hover:opacity-90",children:"Tạo combo"})]}):(0,a.jsxs)("div",{className:"space-y-4",children:[(0,a.jsx)("div",{className:"rounded-2xl border border-border bg-surface/80 p-4 shadow-sm dark:bg-zinc-950/70",children:(0,a.jsxs)("div",{className:"flex flex-col gap-3 lg:flex-row lg:items-end lg:justify-between",children:[(0,a.jsxs)("label",{className:"block min-w-0 flex-1",children:[(0,a.jsx)("span",{className:"mb-1 block text-xs font-semibold uppercase tracking-wide text-text-muted",children:"Combo đang xem"}),(0,a.jsx)("select",{value:I?.name||"",onChange:e=>k(e.target.value),className:"w-full rounded-xl border border-border bg-white px-4 py-2.5 text-sm font-semibold text-text-main outline-none transition focus:border-primary dark:bg-zinc-900",children:e.map(e=>(0,a.jsxs)("option",{value:e.name,children:[e.name," • ",(e.models||[]).length," model"]},e.id))})]}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2 text-xs text-text-muted",children:[(0,a.jsxs)("span",{className:"rounded-full bg-background px-3 py-1 dark:bg-zinc-900",children:["Tổng ",e.length," combo"]}),I?(0,a.jsxs)("span",{className:"rounded-full bg-primary/10 px-3 py-1 font-medium text-primary",children:["Đang hiển thị: ",I.name]}):null]})]})}),I?(0,a.jsx)(U,{combo:I,comboIndex:B,copied:_,onCopy:C,onEdit:()=>S(I),onDelete:()=>A(I.id),comboStrategy:f[I.name]||{},onToggleRoundRobin:e=>P(I.name,e),onUpdateComboStrategy:e=>R(I.name,e)},I.id):null]}),(0,a.jsx)(ee,{isOpen:l,comboStrategy:{},onClose:()=>i(!1),onSave:L,activeProviders:u,providersLoading:b}),(0,a.jsx)(ee,{isOpen:!!o,combo:o,comboStrategy:f[o?.name]||{},onClose:()=>m(null),onSave:e=>E(o.id,e),activeProviders:u,providersLoading:b}),(0,a.jsx)(d.uo,{isOpen:!!j,onClose:()=>N(null),onConfirm:j?.onConfirm,title:j?.title||"X\xe1c nhận",message:j?.message,variant:"danger"})]})}function U({combo:e,comboIndex:t=0,copied:n,onCopy:s,onEdit:l,onDelete:i,comboStrategy:o={},onToggleRoundRobin:d,onUpdateComboStrategy:c}){let m=$(o||{}),u=m.fallbackStrategy||"fallback",x=h.find(e=>e.value===u)||h[0],g=m.stickyScope||"global",f=p.find(e=>e.value===g)||p[0],y=S(o),v=b[t%b.length],[k,j]=(0,r.useState)(q(m.requiredTags)),[N,_]=(0,r.useState)(E(m.modelTagRules));return(0,r.useEffect)(()=>{j(q(m.requiredTags)),_(E(m.modelTagRules))},[e.name,JSON.stringify(m.requiredTags||[]),JSON.stringify(m.modelTagRules||{})]),(0,a.jsxs)("div",{className:`rounded-2xl border p-5 shadow-sm transition-colors ${v.card}`,children:[(0,a.jsxs)("div",{className:"flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between",children:[(0,a.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-primary",children:"layers"}),(0,a.jsx)("h3",{className:"truncate text-lg font-semibold text-text-main",children:e.name})]}),(0,a.jsxs)("p",{className:"mt-1 text-sm text-text-muted",children:[(e.models||[]).length," model đang bật",y.length>0?` • ${y.length} đ\xe3 tắt`:""]})]}),(0,a.jsxs)("div",{className:"flex items-center gap-1",children:[(0,a.jsx)(W,{icon:n===`combo-${e.id}`?"check":"content_copy",title:"Copy t\xean combo",onClick:()=>s(e.name,`combo-${e.id}`)}),(0,a.jsx)(W,{icon:"edit",title:"Chỉnh sửa",onClick:l}),(0,a.jsx)(W,{icon:"delete",title:"X\xf3a",onClick:i,danger:!0})]})]}),(0,a.jsxs)("div",{className:"mt-4 flex flex-wrap gap-2",children:[0===(e.models||[]).length?(0,a.jsx)("span",{className:"rounded-lg bg-background px-2 py-1 text-xs text-text-muted",children:"Chưa c\xf3 model đang bật"}):(e.models||[]).slice(0,5).map((e,t)=>(0,a.jsx)("span",{className:"rounded-lg bg-background px-2 py-1 font-mono text-xs text-text-main",children:z(e)},`${B(e)}-${t}`)),(e.models||[]).length>5&&(0,a.jsxs)("span",{className:"rounded-lg bg-background px-2 py-1 text-xs text-text-muted",children:["+",e.models.length-5," model nữa"]}),y.length>0&&(0,a.jsxs)("span",{className:"rounded-lg bg-red-500/10 px-2 py-1 text-xs text-red-500",children:[y.length," đ\xe3 tắt"]}),(function(e={}){let t=T(e),n=[];if(void 0!==t.temperature&&n.push(`temp ${t.temperature}`),void 0!==t.top_p&&n.push(`top_p ${t.top_p}`),void 0!==t.presence_penalty&&n.push(`presence ${t.presence_penalty}`),void 0!==t.max_tokens&&n.push(`max ${t.max_tokens}`),void 0!==t.reasoning_budget&&n.push(`reasoning ${t.reasoning_budget}`),t.forceThinkingOffAboveChars>0){let e=t.forceThinkingOffRequestOverrides||{},a=[];void 0!==e.temperature&&a.push(`temp ${e.temperature}`),void 0!==e.top_p&&a.push(`top_p ${e.top_p}`),void 0!==e.presence_penalty&&a.push(`presence ${e.presence_penalty}`),void 0!==e.max_tokens&&a.push(`max ${e.max_tokens}`),n.push(`auto off >${t.forceThinkingOffAboveChars} chars${a.length?` (${a.join(", ")})`:""}`)}return"off"===t.thinkingMode&&n.push("thinking off"),"on"===t.thinkingMode&&n.push("thinking on"),n})(m.requestOverrides).map(e=>(0,a.jsx)("span",{className:"rounded-lg bg-primary/10 px-2 py-1 text-xs font-medium text-primary",children:e},e)),"inherit"!==m.contentLoggingMode?(0,a.jsxs)("span",{className:`rounded-lg px-2 py-1 text-xs font-medium ${"disabled"===m.contentLoggingMode?"bg-amber-500/10 text-amber-600":"bg-emerald-500/10 text-emerald-600"}`,children:["prompt logs ",m.contentLoggingMode]}):null]}),(0,a.jsxs)("div",{className:`mt-5 rounded-xl border p-4 ${v.panel}`,children:[(0,a.jsxs)("div",{className:"flex flex-col gap-3 md:flex-row md:items-center md:justify-between",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h4",{className:"font-semibold text-text-main",children:"Chiến lược routing"}),(0,a.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:x.description})]}),(0,a.jsx)("select",{value:u,onChange:e=>c({fallbackStrategy:e.target.value}),className:"rounded-lg border border-border bg-surface px-3 py-2 text-sm text-text-main outline-none focus:border-primary",children:h.map(e=>(0,a.jsx)("option",{value:e.value,children:e.label},e.value))})]}),(0,a.jsx)(Y,{value:m.requestOverrides||{},onChange:e=>c({requestOverrides:e}),compact:!0}),(0,a.jsx)(V,{value:m.contentLoggingMode,onChange:e=>c({contentLoggingMode:e}),compact:!0}),("least-latency"===u||"p2c"===u)&&(0,a.jsxs)("div",{className:"mt-4 rounded-xl border border-primary/15 bg-surface p-3",children:[(0,a.jsxs)("label",{className:"flex items-start gap-2 text-sm text-text-muted",children:[(0,a.jsx)("input",{type:"checkbox",checked:!1!==m.lanHealthEnabled,onChange:e=>c({lanHealthEnabled:e.target.checked}),className:"mt-0.5 h-3.5 w-3.5 accent-primary"}),(0,a.jsxs)("span",{children:[(0,a.jsx)("span",{className:"font-medium text-text-main",children:"Routing theo trạng th\xe1i health LAN"}),(0,a.jsx)("span",{className:"mt-1 block text-xs",children:"D\xf9ng dữ liệu health v\xe0 circuit breaker khi xếp hạng target trong combo."})]})]}),(0,a.jsxs)("div",{className:"mt-3 grid gap-3 md:grid-cols-2",children:[(0,a.jsxs)("label",{className:"block",children:[(0,a.jsx)("span",{className:"mb-1 block text-xs font-medium text-text-muted",children:"Đường dẫn health"}),(0,a.jsx)("input",{value:m.healthCheckPath||"/api/tags",onChange:e=>c({healthCheckPath:e.target.value||"/api/tags"}),placeholder:"/api/tags",className:"w-full rounded-lg border border-border bg-background px-2 py-1.5 font-mono text-xs text-text-main outline-none focus:border-primary"})]}),(0,a.jsxs)("label",{className:"block",children:[(0,a.jsx)("span",{className:"mb-1 block text-xs font-medium text-text-muted",children:"Chu kỳ kiểm tra (ms)"}),(0,a.jsx)("input",{type:"number",min:"1000",value:m.healthCheckIntervalMs||15e3,onChange:e=>c({healthCheckIntervalMs:Number(e.target.value)||15e3}),className:"w-full rounded-lg border border-border bg-background px-2 py-1.5 text-xs text-text-main outline-none focus:border-primary"})]})]}),(0,a.jsxs)("div",{className:"mt-3 grid gap-3 md:grid-cols-2",children:[(0,a.jsxs)("label",{className:"block",children:[(0,a.jsx)("span",{className:"mb-1 block text-xs font-medium text-text-muted",children:"Tag endpoint bắt buộc"}),(0,a.jsx)("input",{value:k,onChange:e=>j(e.target.value),onBlur:()=>c({requiredTags:L(k)}),onKeyDown:e=>"Enter"===e.key&&e.currentTarget.blur(),placeholder:"gpu, vram:8gb",className:"w-full rounded-lg border border-border bg-background px-2 py-1.5 font-mono text-xs text-text-main outline-none focus:border-primary"}),(0,a.jsx)("span",{className:"mt-1 block text-[11px] text-text-muted",children:"Mọi endpoint được route đều phải c\xf3 c\xe1c tag n\xe0y."})]}),(0,a.jsxs)("label",{className:"block",children:[(0,a.jsx)("span",{className:"mb-1 block text-xs font-medium text-text-muted",children:"Quy tắc tag theo model"}),(0,a.jsx)("textarea",{value:N,onChange:e=>_(e.target.value),onBlur:()=>c({modelTagRules:function(e=""){let t={};for(let n of String(e||"").split(/\n+/)){let e=n.trim();if(!e)continue;let a=e.indexOf(":");if(-1===a)continue;let r=e.slice(0,a).trim(),s=L(e.slice(a+1));r&&s.length&&(t[r]=s)}return t}(N)}),placeholder:"qwen3:32b: gpu, vram:16gb\nqwen3:8b: model_support:qwen3:8b",rows:3,className:"w-full rounded-lg border border-border bg-background px-2 py-1.5 font-mono text-xs text-text-main outline-none focus:border-primary"})]})]})]}),"round-robin"===u&&(0,a.jsxs)("div",{className:"mt-4 rounded-xl border border-primary/15 bg-surface p-3",children:[(0,a.jsxs)("div",{className:"mb-3 flex items-center justify-between gap-3",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-sm font-semibold text-primary",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"sticky_note_2"}),"Round Robin giữ d\xednh"]}),(0,a.jsxs)("label",{className:"flex items-center gap-2 text-xs text-text-muted",children:[(0,a.jsx)("input",{type:"checkbox",checked:"round-robin"===u,onChange:e=>d(e.target.checked),className:"h-3.5 w-3.5 accent-primary"}),"Bật"]})]}),(0,a.jsxs)("div",{className:"grid gap-3 md:grid-cols-2",children:[(0,a.jsxs)("label",{className:"block",children:[(0,a.jsx)("span",{className:"mb-1 block text-xs font-medium text-text-muted",children:"Chế độ giữ d\xednh"}),(0,a.jsx)("select",{value:g,onChange:e=>c({stickyScope:e.target.value}),className:"w-full rounded-lg border border-border bg-background px-2 py-1.5 text-xs text-text-main outline-none focus:border-primary",children:p.map(e=>(0,a.jsx)("option",{value:e.value,children:e.label},e.value))}),(0,a.jsx)("span",{className:"mt-1 block text-[11px] text-text-muted",children:f.description})]}),(0,a.jsxs)("label",{className:"block",children:[(0,a.jsx)("span",{className:"mb-1 block text-xs font-medium text-text-muted",children:"TTL giữ d\xednh (ph\xfat)"}),(0,a.jsx)("input",{type:"number",min:"1",value:m.stickyTtlMinutes||120,onChange:e=>c({stickyTtlMinutes:Number(e.target.value)||120}),className:"w-full rounded-lg border border-border bg-background px-2 py-1.5 text-xs text-text-main outline-none focus:border-primary"})]})]}),(0,a.jsxs)("label",{className:"mt-3 flex items-start gap-2 text-xs text-text-muted",children:[(0,a.jsx)("input",{type:"checkbox",checked:!1!==m.stickyFallbackToClientIp,onChange:e=>c({stickyFallbackToClientIp:e.target.checked}),className:"mt-0.5 h-3.5 w-3.5 accent-primary"}),"Nếu thiếu chat session id, fallback về IP client thay v\xec xoay to\xe0n cục."]})]})]})]})}function W({icon:e,title:t,onClick:n,danger:r=!1}){return(0,a.jsx)("button",{type:"button",onClick:e=>{e.stopPropagation(),n?.()},className:`rounded-lg p-2 transition ${r?"text-red-500 hover:bg-red-500/10":"text-text-muted hover:bg-background hover:text-primary"}`,title:t,"aria-label":t,children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:e})})}function Q({id:e,index:t,model:n,subtitle:s="",enabled:o,isFirst:d,isLast:c,onEdit:m,onMoveUp:u,onMoveDown:x,onRemove:p,onToggleEnabled:h}){let{attributes:b,listeners:g,setNodeRef:f,transform:y,isDragging:v}=(0,l.gl)({id:e}),k={transform:i.Ks.Transform.toString(y),opacity:v?.4:1,zIndex:v?999:void 0},[j,N]=(0,r.useState)(!1),[_,C]=(0,r.useState)(n);(0,r.useEffect)(()=>{C(n)},[n]);let w=()=>{let e=_.trim();e&&e!==n?m(e):C(n),N(!1)};return(0,a.jsxs)("div",{ref:f,style:k,className:`flex items-center gap-3 rounded-xl border p-3 transition ${o?"border-border bg-background":"border-red-200 bg-red-50/70 opacity-75 dark:border-red-500/30 dark:bg-red-500/10"}`,children:[(0,a.jsx)("button",{type:"button",className:"cursor-grab text-text-muted active:cursor-grabbing",...b,...g,title:"K\xe9o để sắp xếp lại",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"drag_indicator"})}),(0,a.jsx)("span",{className:`flex h-7 w-7 shrink-0 items-center justify-center rounded-full text-xs font-semibold ${o?"bg-primary/10 text-primary":"bg-red-100 text-red-600 dark:bg-red-500/20 dark:text-red-300"}`,children:t+1}),j?(0,a.jsx)("input",{autoFocus:!0,value:_,onChange:e=>C(e.target.value),onBlur:w,onKeyDown:e=>{"Enter"===e.key&&w(),"Escape"===e.key&&(C(n),N(!1))},className:"min-w-0 flex-1 rounded border border-primary/40 bg-background px-2 py-1 font-mono text-xs text-text-main outline-none"}):(0,a.jsxs)("button",{type:"button",onClick:()=>N(!0),className:"min-w-0 flex-1 text-left",title:"Bấm để sửa model",children:[(0,a.jsx)("span",{className:`block truncate font-mono text-xs ${o?"text-text-main":"text-text-muted line-through"}`,children:n}),s?(0,a.jsx)("span",{className:"mt-0.5 block truncate text-[11px] text-text-muted",children:s}):null]}),(0,a.jsx)("button",{type:"button",onClick:h,className:`rounded-lg p-1.5 transition ${o?"text-green-600 hover:bg-green-500/10":"text-red-500 hover:bg-red-500/10"}`,title:o?"Tắt model trong combo":"Bật model trong combo",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:o?"toggle_on":"toggle_off"})}),(0,a.jsx)("button",{type:"button",onClick:u,disabled:d,className:"rounded-lg p-1.5 text-text-muted transition hover:bg-surface disabled:opacity-30",title:"Di chuyển l\xean",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"arrow_upward"})}),(0,a.jsx)("button",{type:"button",onClick:x,disabled:c,className:"rounded-lg p-1.5 text-text-muted transition hover:bg-surface disabled:opacity-30",title:"Di chuyển xuống",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"arrow_downward"})}),(0,a.jsx)("button",{type:"button",onClick:p,className:"rounded-lg p-1.5 text-red-500 transition hover:bg-red-500/10",title:"X\xf3a",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"close"})})]})}function V({value:e="inherit",onChange:t,compact:n=!1}){let r=C(e),s=v.find(e=>e.value===r)||v[0];return(0,a.jsx)("div",{className:n?"mt-4 rounded-xl border border-amber-500/15 bg-surface p-3":"rounded-xl border border-amber-500/15 bg-amber-500/5 p-4",children:(0,a.jsxs)("div",{className:"grid gap-3 md:grid-cols-[minmax(0,1fr)_280px] md:items-center",children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-sm font-semibold text-text-main",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px] text-amber-500",children:"manage_search"}),"Prompt Logs cho combo n\xe0y"]}),(0,a.jsx)("p",{className:"mt-1 text-xs text-text-muted",children:s.description}),"disabled"===r?(0,a.jsx)("p",{className:"mt-1 text-[11px] font-medium text-amber-600",children:"Khi chạy request, Prompt Logs sẽ chỉ ghi metadata v\xe0 hiển thị [promptlogs disabled on this combo]."}):null]}),(0,a.jsx)("select",{value:r,onChange:e=>t?.(C(e.target.value)),className:"w-full rounded-lg border border-border bg-surface px-3 py-2 text-sm text-text-main outline-none focus:border-primary",children:v.map(e=>(0,a.jsx)("option",{value:e.value,children:e.label},e.value))})]})})}function Z({icon:e,label:t,children:n,active:r,muted:s=!1,className:l=""}){return(0,a.jsxs)("label",{className:`rounded-lg border p-3 transition ${r?"border-primary/30 bg-background shadow-sm":"border-border bg-background/60"} ${l}`,children:[(0,a.jsxs)("span",{className:"mb-2 flex items-center justify-between gap-2 text-xs font-medium text-text-main",children:[(0,a.jsxs)("span",{className:"flex min-w-0 items-center gap-1.5",children:[(0,a.jsx)("span",{className:`material-symbols-outlined text-[16px] ${r?"text-primary":"text-text-muted"}`,children:e}),(0,a.jsx)("span",{className:"truncate",children:t})]}),n?.toggle]}),n?.control,n?.hint?(0,a.jsx)("span",{className:"mt-1 block text-[11px] text-text-muted",children:n.hint}):null]})}function Y({value:e={},onChange:t,compact:n=!1}){let r=T(e),s=void 0!==r.temperature,l=void 0!==r.top_p,i=void 0!==r.presence_penalty,o=void 0!==r.max_tokens,d=void 0!==r.reasoning_budget,c=void 0!==r.forceThinkingOffAboveChars,m=r.forceThinkingOffRequestOverrides||{},u=void 0!==m.temperature,x=void 0!==m.top_p,p=void 0!==m.presence_penalty,h=void 0!==m.max_tokens,b=u||x||p||h,v=r.thinkingMode||"inherit",k="inherit"!==v,j=s||l||i||o,N=k||d||c||b,_=e=>{t?.(T({...r,...e}))},C=(e,n,a)=>{if(!n){let n={...r};delete n[e],"forceThinkingOffAboveChars"===e&&delete n.forceThinkingOffRequestOverrides,t?.(T(n));return}_({[e]:a})},O=e=>{_({forceThinkingOffRequestOverrides:w({...m,...e})})},S=(e,t,n)=>{let a={...m};if(!t){delete a[e],_({forceThinkingOffRequestOverrides:a});return}O({[e]:n})},$="w-full rounded-lg border border-border bg-surface px-2 py-1.5 text-sm text-text-main outline-none focus:border-primary disabled:opacity-50";return(0,a.jsxs)("div",{className:n?"mt-4 rounded-xl border border-sky-500/15 bg-surface p-3":"rounded-xl border border-sky-500/15 bg-sky-500/5 p-4",children:[(0,a.jsxs)("div",{className:"mb-3 flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between",children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-sm font-semibold text-text-main",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px] text-sky-500",children:"tune"}),"Tham số request Local endpoint"]}),(0,a.jsxs)("p",{className:"mt-1 text-xs text-text-muted",children:["Chỉ inject khi combo route 100% tới local endpoint: ",(0,a.jsx)("span",{className:"font-mono",children:"llama.cpp"}),", ",(0,a.jsx)("span",{className:"font-mono",children:"vLLM"})," hoặc ",(0,a.jsx)("span",{className:"font-mono",children:"Ollama"}),". Nếu combo mix local + cloud/provider kh\xe1c, BlueRouter bỏ qua block n\xe0y v\xe0 giữ nguy\xean request gốc."]})]}),!function(e={}){return Object.keys(T(e)).length>0}(r)?(0,a.jsx)("span",{className:"inline-flex shrink-0 items-center rounded-full bg-background px-2 py-1 text-[11px] font-semibold text-text-muted",children:"Kh\xf4ng override"}):(0,a.jsx)("span",{className:"inline-flex shrink-0 items-center rounded-full bg-primary/10 px-2 py-1 text-[11px] font-semibold text-primary",children:"C\xf3 override"})]}),(0,a.jsxs)("div",{className:"grid gap-3 xl:grid-cols-2",children:[(0,a.jsxs)("div",{className:`rounded-xl border p-3 ${j?"border-primary/20 bg-primary/5":"border-border bg-background/40"}`,children:[(0,a.jsxs)("div",{className:"mb-3 flex items-center gap-2 text-xs font-semibold text-primary",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"graphic_eq"}),"Sampling ",(0,a.jsx)("span",{className:"font-normal text-text-muted",children:"(điều khiển lựa chọn token)"})]}),(0,a.jsxs)("div",{className:"grid gap-3 sm:grid-cols-2 2xl:grid-cols-3",children:[(0,a.jsx)(Z,{icon:"thermostat",label:"Temperature",active:s,children:{toggle:(0,a.jsx)("input",{type:"checkbox",checked:s,onChange:e=>C("temperature",e.target.checked,g.temperature),className:"h-3.5 w-3.5 accent-primary"}),control:(0,a.jsx)("input",{type:"number",min:"0",max:"2",step:"0.05",disabled:!s,value:s?r.temperature:g.temperature,onChange:e=>_({temperature:e.target.value}),className:$}),hint:"0 = ổn định, 2 = s\xe1ng tạo."}}),(0,a.jsx)(Z,{icon:"filter_alt",label:"top_p",active:l,children:{toggle:(0,a.jsx)("input",{type:"checkbox",checked:l,onChange:e=>C("top_p",e.target.checked,g.top_p),className:"h-3.5 w-3.5 accent-primary"}),control:(0,a.jsx)("input",{type:"number",min:"0.01",max:"1",step:"0.01",disabled:!l,value:l?r.top_p:g.top_p,onChange:e=>_({top_p:e.target.value}),className:$}),hint:"0.01–1.0; 0.9–0.95 thường hợp coder/chat."}}),(0,a.jsx)(Z,{icon:"repeat",label:"presence_penalty",active:i,children:{toggle:(0,a.jsx)("input",{type:"checkbox",checked:i,onChange:e=>C("presence_penalty",e.target.checked,g.presence_penalty),className:"h-3.5 w-3.5 accent-primary"}),control:(0,a.jsx)("input",{type:"number",min:"-2",max:"2",step:"0.05",disabled:!i,value:i?r.presence_penalty:g.presence_penalty,onChange:e=>_({presence_penalty:e.target.value}),className:$}),hint:"-2–2; coder thường để 0, chỉ tăng nhẹ nếu hay lặp."}}),(0,a.jsx)(Z,{icon:"output",label:"max_tokens",active:o,className:"sm:col-span-2 2xl:col-span-1",children:{toggle:(0,a.jsx)("input",{type:"checkbox",checked:o,onChange:e=>C("max_tokens",e.target.checked,g.max_tokens),className:"h-3.5 w-3.5 accent-primary"}),control:(0,a.jsx)("input",{type:"number",min:"1",max:"262144",step:"1",disabled:!o,value:o?r.max_tokens:g.max_tokens,onChange:e=>_({max_tokens:e.target.value}),className:$}),hint:"Giới hạn output cho request."}})]})]}),(0,a.jsxs)("div",{className:`rounded-xl border p-3 ${N?"border-primary/20 bg-primary/5":"border-border bg-background/40"}`,children:[(0,a.jsxs)("div",{className:"mb-3 flex items-center gap-2 text-xs font-semibold text-primary",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"psychology"}),"Thinking ",(0,a.jsx)("span",{className:"font-normal text-text-muted",children:"(suy luận nội bộ)"})]}),(0,a.jsxs)("div",{className:"grid gap-3 sm:grid-cols-2 2xl:grid-cols-3",children:[(0,a.jsxs)("label",{className:`rounded-lg border p-3 transition ${k?"border-primary/30 bg-background shadow-sm":"border-border bg-background/60"}`,children:[(0,a.jsxs)("span",{className:"mb-2 flex items-center gap-1.5 text-xs font-medium text-text-main",children:[(0,a.jsx)("span",{className:`material-symbols-outlined text-[16px] ${k?"text-primary":"text-text-muted"}`,children:"psychology_alt"}),"Thinking"]}),(0,a.jsx)("select",{value:v,onChange:e=>_({thinkingMode:"inherit"===e.target.value?void 0:e.target.value}),className:"w-full rounded-lg border border-border bg-surface px-2 py-1.5 text-sm text-text-main outline-none focus:border-primary",children:y.map(e=>(0,a.jsx)("option",{value:e.value,children:e.label},e.value))}),(0,a.jsx)("span",{className:"mt-1 block text-[11px] text-text-muted",children:y.find(e=>e.value===v)?.description||y[0].description})]}),(0,a.jsx)(Z,{icon:"account_balance_wallet",label:"reasoning_budget",active:d,children:{toggle:(0,a.jsx)("input",{type:"checkbox",checked:d,onChange:e=>C("reasoning_budget",e.target.checked,g.reasoning_budget),className:"h-3.5 w-3.5 accent-primary"}),control:(0,a.jsx)("input",{type:"number",min:"0",max:"262144",step:"1",disabled:!d,value:d?r.reasoning_budget:g.reasoning_budget,onChange:e=>_({reasoning_budget:e.target.value}),className:$}),hint:"Chỉ d\xf9ng cho llama.cpp/vLLM local; runtime sẽ map đ\xfang field."}}),(0,a.jsx)(Z,{icon:"speed",label:"Auto tắt thinking nếu prompt chars >=",active:c||b,className:"sm:col-span-2 2xl:col-span-3",children:{toggle:(0,a.jsx)("input",{type:"checkbox",checked:c,onChange:e=>C("forceThinkingOffAboveChars",e.target.checked,g.forceThinkingOffAboveChars),className:"h-3.5 w-3.5 accent-primary"}),control:(0,a.jsxs)("div",{className:"space-y-3",children:[(0,a.jsx)("input",{type:"number",min:"0",max:"1000000",step:"1000",disabled:!c,value:c?r.forceThinkingOffAboveChars:g.forceThinkingOffAboveChars,onChange:e=>_({forceThinkingOffAboveChars:e.target.value}),className:$}),(0,a.jsxs)("div",{className:"rounded-lg border border-border bg-surface/70 p-2",children:[(0,a.jsxs)("div",{className:"mb-2 flex items-center gap-1.5 text-[11px] font-semibold text-text-main",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[15px] text-primary",children:"tune"}),"Override ri\xeang khi auto-off được k\xedch hoạt"]}),(0,a.jsxs)("div",{className:"grid gap-2 sm:grid-cols-2",children:[(0,a.jsxs)("label",{className:"space-y-1",children:[(0,a.jsxs)("span",{className:"flex items-center justify-between text-[11px] font-medium text-text-main",children:["temp",(0,a.jsx)("input",{type:"checkbox",checked:u,disabled:!c,onChange:e=>S("temperature",e.target.checked,f.temperature),className:"h-3.5 w-3.5 accent-primary disabled:opacity-50"})]}),(0,a.jsx)("input",{type:"number",min:"0",max:"2",step:"0.05",disabled:!c||!u,value:u?m.temperature:f.temperature,onChange:e=>O({temperature:e.target.value}),className:$})]}),(0,a.jsxs)("label",{className:"space-y-1",children:[(0,a.jsxs)("span",{className:"flex items-center justify-between text-[11px] font-medium text-text-main",children:["top_p",(0,a.jsx)("input",{type:"checkbox",checked:x,disabled:!c,onChange:e=>S("top_p",e.target.checked,f.top_p),className:"h-3.5 w-3.5 accent-primary disabled:opacity-50"})]}),(0,a.jsx)("input",{type:"number",min:"0.01",max:"1",step:"0.01",disabled:!c||!x,value:x?m.top_p:f.top_p,onChange:e=>O({top_p:e.target.value}),className:$})]}),(0,a.jsxs)("label",{className:"space-y-1",children:[(0,a.jsxs)("span",{className:"flex items-center justify-between text-[11px] font-medium text-text-main",children:["presence_penalty",(0,a.jsx)("input",{type:"checkbox",checked:p,disabled:!c,onChange:e=>S("presence_penalty",e.target.checked,f.presence_penalty),className:"h-3.5 w-3.5 accent-primary disabled:opacity-50"})]}),(0,a.jsx)("input",{type:"number",min:"-2",max:"2",step:"0.05",disabled:!c||!p,value:p?m.presence_penalty:f.presence_penalty,onChange:e=>O({presence_penalty:e.target.value}),className:$})]}),(0,a.jsxs)("label",{className:"space-y-1",children:[(0,a.jsxs)("span",{className:"flex items-center justify-between text-[11px] font-medium text-text-main",children:["max_tokens",(0,a.jsx)("input",{type:"checkbox",checked:h,disabled:!c,onChange:e=>S("max_tokens",e.target.checked,f.max_tokens),className:"h-3.5 w-3.5 accent-primary disabled:opacity-50"})]}),(0,a.jsx)("input",{type:"number",min:"1",max:"262144",step:"1",disabled:!c||!h,value:h?m.max_tokens:f.max_tokens,onChange:e=>O({max_tokens:e.target.value}),className:$})]})]})]})]}),hint:"Khi prompt vượt ngưỡng, thinking bị tắt trước; c\xe1c field ri\xeang b\xean tr\xean chỉ inject nếu được tick."}})]})]})]})]})}function ee({isOpen:e,combo:t,comboStrategy:n={},onClose:i,onSave:c,activeProviders:m,providersLoading:p=!1,kindFilter:h=null}){let[b,f]=(0,r.useState)(t?.name||""),[y,v]=(0,r.useState)([]),[k,j]=(0,r.useState)(!1),[N,_]=(0,r.useState)(!1),[w,$]=(0,r.useState)(""),[M,q]=(0,r.useState)({}),[L,E]=(0,r.useState)(""),[A,I]=(0,r.useState)(""),[z,H]=(0,r.useState)(()=>t?T(n?.requestOverrides||{}):T(g)),[J,X]=(0,r.useState)(()=>C(n?.contentLoggingMode)),U=n||{},W=(0,s.FR)((0,s.MS)(s.AN,{activationConstraint:{distance:5}}),(0,s.MS)(s.uN,{coordinateGetter:l.JR}));(0,r.useEffect)(()=>{e&&(f(t?.name||""),v(function(e,t={}){let n=(e?.models||[]).map(e=>F(e,!0)).filter(e=>e.value),a=new Set(n.map(e=>e.value));return[...n,...S(t).filter(e=>!a.has(e)).map(e=>F(e,!1)).filter(e=>e.value)]}(t,U)),$(""),E(""),I(""),H(t?T(U.requestOverrides||{}):T(g)),X(C(U.contentLoggingMode)))},[e,t?.id,t?.name,U.contentLoggingMode]),(0,r.useEffect)(()=>{e&&Z()},[e]);let Z=async()=>{try{let e=await fetch("/api/models/alias",{cache:"no-store"});if(!e.ok)return;let t=await e.json();q(t.aliases||{})}catch(e){console.error("Error fetching modal data:",e)}},et=y.map((e,t)=>({uid:`item-${t}-${e.value}`,row:e})),en=y.map(e=>e.value),ea=y.filter(e=>e.enabled).length,er=y.filter(e=>!e.enabled).length,es=(m||[]).filter(e=>e?.isActive!==!1),el=es.find(e=>e.id===L)||null,ei=el?K(el,M):[],eo=ei[0]?.value||(el?G(el):""),ed=e=>e.trim()?x.test(e)?($(""),!0):($("Chỉ cho ph\xe9p chữ, số, dấu -, _ v\xe0 ."),!1):($("Bắt buộc nhập t\xean"),!1),ec=async()=>{if(!ed(b))return;let{models:e,disabledModels:t}=function(e=[]){let t=[],n=new Set;for(let a of e){let e=O(a?.value||B(a?.target));!e||n.has(e)||(n.add(e),t.push({...a,value:e,enabled:a?.enabled!==!1,target:D(a?.target||a?.value)}))}return{models:t.filter(e=>e.enabled).map(e=>e.target).filter(Boolean),disabledModels:t.filter(e=>!e.enabled).map(e=>e.value)}}(y);_(!0),await c({name:b.trim(),models:e,disabledModels:t,requestOverrides:T(z),contentLoggingMode:J}),_(!1)};if(!e)return null;let em=!!t;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"fixed inset-0 z-[100] flex items-center justify-center bg-black/45 p-3 backdrop-blur-[1px] sm:p-4",children:(0,a.jsxs)("div",{className:"flex max-h-[92vh] w-full max-w-7xl flex-col overflow-hidden rounded-2xl border border-border bg-white shadow-2xl dark:bg-zinc-950",children:[(0,a.jsxs)("div",{className:"flex items-start justify-between border-b border-border px-5 py-4 sm:px-6",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h2",{className:"text-xl font-semibold text-text-main",children:em?"Chỉnh sửa combo":"Tạo combo"}),(0,a.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Chọn model, tắt tạm thời khi cần v\xe0 sắp xếp thứ tự ưu ti\xean fallback đang bật."})]}),(0,a.jsx)("button",{type:"button",onClick:i,className:"rounded-lg p-1 text-text-muted transition hover:bg-surface hover:text-text-main",children:(0,a.jsx)("span",{className:"material-symbols-outlined",children:"close"})})]}),(0,a.jsxs)("div",{className:"min-h-0 flex-1 space-y-5 overflow-y-auto bg-white px-5 py-4 dark:bg-zinc-950 sm:px-6",children:[(0,a.jsxs)("label",{className:"block",children:[(0,a.jsx)("span",{className:"mb-2 block text-sm font-semibold text-text-main",children:"T\xean"}),(0,a.jsx)("input",{value:b,onChange:e=>{let t=e.target.value;f(t),t?ed(t):$("")},placeholder:"premium-coding",className:`w-full rounded-xl border bg-white px-4 py-2.5 text-text-main outline-none transition focus:border-primary dark:bg-zinc-900 ${w?"border-red-400":"border-border"}`}),(0,a.jsx)("span",{className:`mt-1 block text-xs ${w?"text-red-500":"text-text-muted"}`,children:w||"Chỉ cho ph\xe9p chữ, số, dấu -, _ v\xe0 ."})]}),(0,a.jsx)(Y,{value:z,onChange:H,defaultEnabled:!em}),(0,a.jsx)(V,{value:J,onChange:X}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"mb-3 flex items-center justify-between gap-3",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-sm font-semibold text-text-main",children:"Danh s\xe1ch model"}),(0,a.jsxs)("p",{className:"mt-1 text-xs text-text-muted",children:[ea," đang bật",er>0?`, ${er} đ\xe3 tắt`:"",". Model đ\xe3 tắt vẫn nằm trong combo nhưng kh\xf4ng được route."]})]}),(0,a.jsxs)("button",{type:"button",onClick:()=>j(!0),className:"inline-flex items-center gap-1 rounded-lg border border-border px-3 py-1.5 text-xs font-medium text-primary hover:border-primary/50",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"add"}),"Th\xeam model"]})]}),(0,a.jsxs)("div",{className:"mb-4 rounded-xl border border-primary/15 bg-primary/5 p-3",children:[(0,a.jsxs)("div",{className:"mb-2 flex items-center gap-2 text-xs font-semibold uppercase tracking-wide text-primary",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"account_tree"}),"Th\xeam target theo provider account"]}),(0,a.jsx)("p",{className:"mb-3 text-xs text-text-muted",children:"Cố định bước combo n\xe0y v\xe0o một provider account cụ thể. Danh s\xe1ch account chỉ được load khi mở modal để trang combo nhẹ hơn."}),(0,a.jsxs)("div",{className:"grid gap-2 md:grid-cols-[minmax(0,1.5fr)_minmax(0,1fr)_auto]",children:[(0,a.jsxs)("select",{value:L,onChange:e=>{let t=e.target.value,n=es.find(e=>e.id===t),a=n?K(n,M):[];E(t),I(a[0]?.value||G(n||{})||"")},className:"min-w-0 rounded-lg border border-border bg-background px-3 py-2 text-xs text-text-main outline-none focus:border-primary",children:[(0,a.jsx)("option",{value:"",children:p?"Đang tải provider account...":"Chọn provider account"}),es.map(e=>{let t=P(e),n=R(e),r=n&&n!==t?`${t} / ${n}`:t;return(0,a.jsx)("option",{value:e.id,children:r},e.id)})]}),(0,a.jsxs)("select",{value:A,onChange:e=>I(e.target.value),disabled:!L||0===ei.length,className:"min-w-0 rounded-lg border border-border bg-background px-3 py-2 font-mono text-xs text-text-main outline-none focus:border-primary disabled:cursor-not-allowed disabled:opacity-60",children:[(0,a.jsx)("option",{value:"",children:L?ei.length>0?"Chọn model":"Kh\xf4ng t\xecm thấy model của provider":"Chọn account trước"}),ei.map(e=>(0,a.jsx)("option",{value:e.value,children:e.label},`${e.value}-${e.label}`))]}),(0,a.jsxs)("button",{type:"button",onClick:()=>{if(!el)return;let e=function(e,t){let n=P(e),a=function(e={}){let t=O(e.provider),n=P(e);return(0,u.mq)(t)||(0,u.gb)(t)?n||t:t||n}(e),r=R(e),s=O(t||G(e));if(!n||!e?.id||!s)return null;let l=s.includes("/"),i=l?s:`${n}/${s}`,o=l&&s.startsWith(`${n}/`)?s.slice(n.length+1):s,d=r&&r!==a?`${a}/${r}/${o}`:`${a}/${o}`;return{model:i,connectionId:e.id,provider:a||n,accountName:r||void 0,label:d}}(el,A||eo);if(!e)return void alert("H\xe3y chọn provider account v\xe0 model cho target cố định n\xe0y.");let t=F(e,!0);v(e=>{let n=e.findIndex(e=>e.value===t.value);if(-1!==n){let a=[...e];return a[n]={...a[n],...t,enabled:!0},a}return[...e,t]}),I("")},disabled:!L||!A,className:"inline-flex items-center justify-center gap-1 rounded-lg bg-primary px-3 py-2 text-xs font-semibold text-white disabled:opacity-50",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"add_link"}),"Th\xeam account"]})]})]}),0===y.length?(0,a.jsxs)("div",{className:"rounded-xl border border-dashed border-border p-8 text-center text-text-muted",children:[(0,a.jsx)("span",{className:"material-symbols-outlined",children:"layers"}),(0,a.jsx)("p",{className:"mt-2 text-sm",children:"Chưa th\xeam model n\xe0o"})]}):(0,a.jsx)(s.Mp,{sensors:W,collisionDetection:s.fp,modifiers:[o.FN,o.gj],onDragEnd:e=>{let{active:t,over:n}=e;if(n&&t.id!==n.id){let e=et.findIndex(e=>e.uid===t.id),a=et.findIndex(e=>e.uid===n.id);-1!==e&&-1!==a&&v(t=>(0,l.be)(t,e,a))}},children:(0,a.jsx)(l.gB,{items:et.map(e=>e.uid),strategy:l._G,children:(0,a.jsx)("div",{className:"space-y-3",children:et.map(({uid:e,row:t},n)=>(0,a.jsx)(Q,{id:e,index:n,model:t.label||t.value,subtitle:t.subtitle,enabled:t.enabled,isFirst:0===n,isLast:n===y.length-1,onEdit:e=>{let t=e.trim();if(!t)return;let a=[...y],r=a[n];if(r?.target&&"object"==typeof r.target){let e=D({...r.target,model:t});a[n]=F(e,!1!==r.enabled)}else a[n]=F(t,r?.enabled!==!1);v(a)},onMoveUp:()=>{if(0===n)return;let e=[...y];[e[n-1],e[n]]=[e[n],e[n-1]],v(e)},onMoveDown:()=>{if(n===y.length-1)return;let e=[...y];[e[n],e[n+1]]=[e[n+1],e[n]],v(e)},onToggleEnabled:()=>{let e=[...y];e[n]={...e[n],enabled:!e[n].enabled},v(e)},onRemove:()=>v(y.filter((e,t)=>t!==n))},e))})})})]})]}),(0,a.jsxs)("div",{className:"flex justify-end gap-3 border-t border-border bg-white px-5 py-4 dark:bg-zinc-950 sm:px-6",children:[(0,a.jsx)("button",{type:"button",onClick:i,className:"rounded-xl border border-border px-4 py-2 text-sm font-medium text-text-main hover:bg-surface",children:"Hủy"}),(0,a.jsx)("button",{type:"button",onClick:ec,disabled:N,className:"rounded-xl bg-primary px-4 py-2 text-sm font-medium text-white hover:opacity-90 disabled:opacity-50",children:N?"Đang lưu...":em?"Lưu":"Tạo"})]})]})}),(0,a.jsx)(d.rq,{isOpen:k,onClose:()=>j(!1),onSelect:e=>{let t=e.value;v(e=>{let n=e.findIndex(e=>e.value===t);if(-1!==n){let t=[...e];return t[n]={...t[n],enabled:!0},t}return[...e,F(t,!0)]})},onDeselect:e=>{v(t=>t.filter(t=>t.value!==e.value))},activeProviders:m,modelAliases:M,title:"Th\xeam model v\xe0o combo",kindFilter:h,addedModelValues:en,closeOnSelect:!1})]})}}},e=>{e.O(0,[2574,3862,2649,7055,620,5497,8441,3794,7358],()=>e(e.s=20061)),_N_E=e.O()}]);