@thangnm.nip/irouter 0.0.16 → 0.0.17

package/app/.next/static/chunks/app/(dashboard)/dashboard/employees/{page-82eb0e27b836ec5d.js → page-d04ec4821a34b406.js}

@@ -1,4 +1,4 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7979],{41803:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>Y});var r=s(95155),a=s(12115),l=s(73321),o=s(35497),n=s(98500),i=s.n(n),c=s(33041),d=s(84588),m=s(56061),x=s(14051),u=s.n(x),p=s(81750),h=s(6793);s(53255);var f=s(52679);function g({data:e}){let{label:t,color:s,imageUrl:l,textIcon:o,active:n}=e,[i,c]=(0,a.useState)(!1);return(0,r.jsxs)("div",{className:"flex items-center gap-2.5 px-4 py-2.5 rounded-lg border-2 transition-all duration-300 bg-bg",style:{borderColor:n?s:"var(--color-border)",boxShadow:n?`0 0 16px ${s}40`:"none",minWidth:"150px"},children:[(0,r.jsx)(p.h7,{type:"target",position:h.yX.Left,id:"left",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,r.jsx)("div",{className:"w-8 h-8 rounded-md flex items-center justify-center shrink-0",style:{backgroundColor:`${s}15`},children:i?(0,r.jsx)("span",{className:"text-sm font-bold",style:{color:s},children:o}):(0,r.jsx)("img",{src:l,alt:t,className:"w-6 h-6 rounded-sm object-contain",onError:()=>c(!0)})}),(0,r.jsx)("span",{className:"text-base font-medium truncate",style:{color:n?s:"var(--color-text)"},children:t}),n&&(0,r.jsxs)("span",{className:"relative flex h-2 w-2 shrink-0",children:[(0,r.jsx)("span",{className:"animate-ping absolute inline-flex h-full w-full rounded-full opacity-75",style:{backgroundColor:s}}),(0,r.jsx)("span",{className:"relative inline-flex rounded-full h-2 w-2",style:{backgroundColor:s}})]})]})}function b({data:e}){let{label:t,active:s,color:a="#f59e0b"}=e;return(0,r.jsxs)("div",{className:"flex items-center gap-2 px-4 py-2.5 rounded-lg border-2 transition-all duration-300 bg-bg",style:{borderColor:s?a:"var(--color-border)",boxShadow:s?`0 0 12px ${a}40`:"none",minWidth:"120px"},children:[(0,r.jsx)("div",{className:"w-7 h-7 rounded-md flex items-center justify-center shrink-0",style:{backgroundColor:`${a}15`},children:(0,r.jsx)("svg",{className:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:s?a:"currentColor",style:{color:s?a:void 0},children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.75 5.25a3 3 0 013 3m3 0a6 6 0 01-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1121.75 8.25z"})})}),(0,r.jsx)("span",{className:"text-sm font-medium truncate",style:{color:s?a:"var(--color-text)"},children:t}),s&&(0,r.jsxs)("span",{className:"relative flex h-2 w-2 shrink-0",children:[(0,r.jsx)("span",{className:"animate-ping absolute inline-flex h-full w-full rounded-full opacity-75",style:{backgroundColor:a}}),(0,r.jsx)("span",{className:"relative inline-flex rounded-full h-2 w-2",style:{backgroundColor:a}})]}),(0,r.jsx)(p.h7,{type:"source",position:h.yX.Right,id:"right",className:"!bg-transparent !border-0 !w-0 !h-0"})]})}function y({data:e}){return(0,r.jsxs)("div",{className:"flex items-center justify-center px-5 py-3 rounded-xl border-2 border-primary bg-primary/5 shadow-md min-w-[130px]",children:[(0,r.jsx)(p.h7,{type:"target",position:h.yX.Left,id:"left",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,r.jsx)(p.h7,{type:"source",position:h.yX.Right,id:"right",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,r.jsx)("img",{src:"/favicon.svg",alt:"iRouter",className:"w-6 h-6 mr-2"}),(0,r.jsx)("span",{className:"text-sm font-bold text-primary",children:"iRouter"}),e.activeCount>0&&(0,r.jsx)("span",{className:"ml-2 px-1.5 py-0.5 rounded-full bg-primary text-white text-xs font-bold",children:e.activeCount})]})}g.propTypes={data:u().object.isRequired},b.propTypes={data:u().object.isRequired},y.propTypes={data:u().object.isRequired};let v={provider:g,router:y,apikey:b};function j({providers:e=[],apiKeys:t=[],activeRequests:s=[],recentRequests:l=[],lastProvider:o="",errorProvider:n="",activeKeyNames:i=[]}){let c=(0,a.useMemo)(()=>s.map(e=>e.provider?.toLowerCase()).filter(Boolean).sort().join(","),[s]),d=o?.toLowerCase()||"",m=n?.toLowerCase()||"",x=(0,a.useMemo)(()=>new Set(i),[i]),u=(0,a.useMemo)(()=>new Set(c?c.split(","):[]),[c]),h=(0,a.useMemo)(()=>new Set(d?[d]:[]),[d]),g=(0,a.useMemo)(()=>new Set(m?[m]:[]),[m]),b=(0,a.useMemo)(()=>l.map(e=>`${e.keyName||""}:${e.provider||""}`).join(","),[l]),{nodes:y,edges:N,minRequiredWidth:w}=(0,a.useMemo)(()=>(function(e,t,s,r,a,l,o){t=t.filter(e=>!1!==e.isActive);let n=e.length,i=t.length,c=Math.max(160,240-((Math.ceil(i/7)||1)-1)*20),d=[],m=[],x=Date.now()-36e5,u={},p={};for(let e of l){let t=e.keyName||"",s=e.provider?.toLowerCase()||"";t&&s&&(e.timestamp&&new Date(e.timestamp).getTime()<x||(u[t]||(u[t]=new Set),u[t].add(s),p[s]||(p[s]=new Set),p[s].add(t)))}let h=["#6366f1","#22c55e","#f59e0b","#ef4444","#ec4899","#06b6d4","#8b5cf6","#14b8a6"],g={};t.forEach((e,t)=>{g[e.name||e.key?.slice(0,12)]=h[t%h.length]}),d.push({id:"router",type:"router",position:{x:-90,y:-22},data:{activeCount:s.size},draggable:!1});let b=[];for(let e=0;e<i;e+=7)b.push(t.slice(e,e+7));b.reverse();let y=b.length;b.forEach((e,t)=>{let r=-25-c-(y-1-t)*160,a=0-(e.length-1)*80/2;e.forEach((e,t)=>{let l=`apikey-${e.id}`,n=e.name||e.key?.slice(0,12)+"...",i=u[n],c=!!i,x=g[n]||"#6b7280",p=o.size>0?o.has(n):c&&[...i||[]].some(e=>s.has(e));d.push({id:l,type:"apikey",position:{x:r-80,y:a+80*t-20},data:{label:n,active:p,color:x},draggable:!1}),m.push({id:`e-key-${l}`,source:l,sourceHandle:"right",target:"router",targetHandle:"left",animated:p,style:p?{stroke:x,strokeWidth:2.5,opacity:.9}:c?{stroke:x,strokeWidth:2,opacity:.7}:{stroke:"var(--color-border)",strokeWidth:1,opacity:.2}})})});let v=[];for(let t=0;t<n;t+=7)v.push(e.slice(t,t+7));v.forEach((e,t)=>{let l=-25+c+40+160*t,o=0-(e.length-1)*80/2;e.forEach((e,t)=>{var n,i;let c=(n=e.provider,f.Q2[n]||{color:"#6b7280",name:n}),x=s.has(e.provider?.toLowerCase()),u=!x&&r.has(e.provider?.toLowerCase()),h=!x&&a.has(e.provider?.toLowerCase()),b=`provider-${e.provider}`,y=p[e.provider?.toLowerCase()]||new Set,v=y.size>0,j="var(--color-border)",N=1,w=.2,k=!1;h?(j="#ef4444",N=2.5,w=.9):x?(j="#22c55e",N=2.5,w=.9,k=!0):v?(j=g[[...y][0]]||"#6366f1",N=2,w=.7):u&&(j="#f59e0b",N=2,w=.7),d.push({id:b,type:"provider",position:{x:l-90,y:o+80*t-20},data:{label:(c.name!==e.provider?c.name:null)||e.name||e.provider,color:c.color||"#6b7280",imageUrl:(i=e.provider,`/providers/${i}.png`),textIcon:c.textIcon||(e.provider||"?").slice(0,2).toUpperCase(),active:x},draggable:!1}),m.push({id:`e-prov-${b}`,source:"router",sourceHandle:"right",target:b,targetHandle:"left",animated:k,style:{stroke:j,strokeWidth:N,opacity:w}})})});let j=b.length>0?-25-c-(y-1)*160-80:-90;return{nodes:d,edges:m,minRequiredWidth:Math.max(800,(v.length>0?-25+c+40+(v.length-1)*160+90:40)-j+10)}})(e,t,u,h,g,l,x),[e,t,c,d,m,b,x]),k=(0,a.useMemo)(()=>e.map(e=>e.provider).sort().join(",")+"|"+t.map(e=>e.id).sort().join(","),[e,t]),S=(0,a.useRef)(null),C=(0,a.useCallback)(e=>{S.current=e,setTimeout(()=>e.fitView({padding:.03}),50)},[]);return(0,r.jsx)("div",{className:"w-full rounded-lg border border-border bg-bg-subtle/30 overflow-x-auto custom-scrollbar",style:{height:480},children:0===e.length&&0===t.length?(0,r.jsx)("div",{className:"h-full flex items-center justify-center text-text-muted text-sm",children:"No providers or API keys configured"}):(0,r.jsx)("div",{style:{minWidth:w,height:"100%"},children:(0,r.jsx)(p.Gc,{nodes:y,edges:N,nodeTypes:v,fitView:!0,fitViewOptions:{padding:.03},onInit:C,minZoom:.3,proOptions:{hideAttribution:!0},panOnDrag:!1,zoomOnScroll:!1,zoomOnPinch:!1,zoomOnDoubleClick:!1,preventScrolling:!1,nodesDraggable:!1,nodesConnectable:!1,elementsSelectable:!1},k)})})}j.propTypes={providers:u().arrayOf(u().shape({id:u().string,provider:u().string,name:u().string})),apiKeys:u().arrayOf(u().shape({id:u().string,name:u().string,key:u().string})),activeRequests:u().arrayOf(u().shape({provider:u().string,model:u().string})),recentRequests:u().array,lastProvider:u().string,errorProvider:u().string,activeKeyNames:u().arrayOf(u().string)};var N=s(10124);function w({value:e,format:t=e=>e}){let s="number"==typeof e?e:Number(e)||0,[l,o]=(0,a.useState)(s),[n,i]=(0,a.useState)(s);(0,a.useEffect)(()=>{s!==n&&(o(n),i(s))},[s,n]);let c=l!==n;return(0,r.jsxs)("span",{className:"relative inline-flex flex-col overflow-hidden align-bottom min-w-[1.2em]",children:[(0,r.jsx)("style",{children:`
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7979],{41803:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>V});var r=s(95155),a=s(12115),l=s(73321),o=s(35497),n=s(98500),i=s.n(n),c=s(33041),d=s(84588),m=s(56061),x=s(14051),u=s.n(x),p=s(81750),h=s(6793);s(53255);var f=s(52679);function g({data:e}){let{label:t,color:s,imageUrl:l,textIcon:o,active:n}=e,[i,c]=(0,a.useState)(!1);return(0,r.jsxs)("div",{className:"flex items-center gap-2.5 px-4 py-2.5 rounded-lg border-2 transition-all duration-300 bg-bg",style:{borderColor:n?s:"var(--color-border)",boxShadow:n?`0 0 16px ${s}40`:"none",minWidth:"150px"},children:[(0,r.jsx)(p.h7,{type:"target",position:h.yX.Left,id:"left",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,r.jsx)("div",{className:"w-8 h-8 rounded-md flex items-center justify-center shrink-0",style:{backgroundColor:`${s}15`},children:i?(0,r.jsx)("span",{className:"text-sm font-bold",style:{color:s},children:o}):(0,r.jsx)("img",{src:l,alt:t,className:"w-6 h-6 rounded-sm object-contain",onError:()=>c(!0)})}),(0,r.jsx)("span",{className:"text-base font-medium truncate",style:{color:n?s:"var(--color-text)"},children:t}),n&&(0,r.jsxs)("span",{className:"relative flex h-2 w-2 shrink-0",children:[(0,r.jsx)("span",{className:"animate-ping absolute inline-flex h-full w-full rounded-full opacity-75",style:{backgroundColor:s}}),(0,r.jsx)("span",{className:"relative inline-flex rounded-full h-2 w-2",style:{backgroundColor:s}})]})]})}function b({data:e}){let{label:t,active:s,color:a="#f59e0b"}=e;return(0,r.jsxs)("div",{className:"flex items-center gap-2 px-4 py-2.5 rounded-lg border-2 transition-all duration-300 bg-bg",style:{borderColor:s?a:"var(--color-border)",boxShadow:s?`0 0 12px ${a}40`:"none",minWidth:"120px"},children:[(0,r.jsx)("div",{className:"w-7 h-7 rounded-md flex items-center justify-center shrink-0",style:{backgroundColor:`${a}15`},children:(0,r.jsx)("svg",{className:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:s?a:"currentColor",style:{color:s?a:void 0},children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.75 5.25a3 3 0 013 3m3 0a6 6 0 01-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1121.75 8.25z"})})}),(0,r.jsx)("span",{className:"text-sm font-medium truncate",style:{color:s?a:"var(--color-text)"},children:t}),s&&(0,r.jsxs)("span",{className:"relative flex h-2 w-2 shrink-0",children:[(0,r.jsx)("span",{className:"animate-ping absolute inline-flex h-full w-full rounded-full opacity-75",style:{backgroundColor:a}}),(0,r.jsx)("span",{className:"relative inline-flex rounded-full h-2 w-2",style:{backgroundColor:a}})]}),(0,r.jsx)(p.h7,{type:"source",position:h.yX.Right,id:"right",className:"!bg-transparent !border-0 !w-0 !h-0"})]})}function y({data:e}){return(0,r.jsxs)("div",{className:"flex items-center justify-center px-5 py-3 rounded-xl border-2 border-primary bg-primary/5 shadow-md min-w-[130px]",children:[(0,r.jsx)(p.h7,{type:"target",position:h.yX.Left,id:"left",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,r.jsx)(p.h7,{type:"source",position:h.yX.Right,id:"right",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,r.jsx)("img",{src:"/favicon.svg",alt:"iRouter",className:"w-6 h-6 mr-2"}),(0,r.jsx)("span",{className:"text-sm font-bold text-primary",children:"iRouter"}),e.activeCount>0&&(0,r.jsx)("span",{className:"ml-2 px-1.5 py-0.5 rounded-full bg-primary text-white text-xs font-bold",children:e.activeCount})]})}g.propTypes={data:u().object.isRequired},b.propTypes={data:u().object.isRequired},y.propTypes={data:u().object.isRequired};let v={provider:g,router:y,apikey:b};function j({providers:e=[],apiKeys:t=[],activeRequests:s=[],recentRequests:l=[],lastProvider:o="",errorProvider:n="",activeKeyNames:i=[]}){let c=(0,a.useMemo)(()=>s.map(e=>e.provider?.toLowerCase()).filter(Boolean).sort().join(","),[s]),d=o?.toLowerCase()||"",m=n?.toLowerCase()||"",x=(0,a.useMemo)(()=>new Set(i),[i]),u=(0,a.useMemo)(()=>new Set(c?c.split(","):[]),[c]),h=(0,a.useMemo)(()=>new Set(d?[d]:[]),[d]),g=(0,a.useMemo)(()=>new Set(m?[m]:[]),[m]),b=(0,a.useMemo)(()=>l.map(e=>`${e.keyName||""}:${e.provider||""}`).join(","),[l]),{nodes:y,edges:N,minRequiredWidth:w}=(0,a.useMemo)(()=>(function(e,t,s,r,a,l,o){t=t.filter(e=>!1!==e.isActive);let n=e.length,i=t.length,c=Math.max(160,240-((Math.ceil(i/7)||1)-1)*20),d=[],m=[],x=Date.now()-36e5,u={},p={};for(let e of l){let t=e.keyName||"",s=e.provider?.toLowerCase()||"";t&&s&&(e.timestamp&&new Date(e.timestamp).getTime()<x||(u[t]||(u[t]=new Set),u[t].add(s),p[s]||(p[s]=new Set),p[s].add(t)))}let h=["#6366f1","#22c55e","#f59e0b","#ef4444","#ec4899","#06b6d4","#8b5cf6","#14b8a6"],g={};t.forEach((e,t)=>{g[e.name||e.key?.slice(0,12)]=h[t%h.length]}),d.push({id:"router",type:"router",position:{x:-90,y:-22},data:{activeCount:s.size},draggable:!1});let b=[];for(let e=0;e<i;e+=7)b.push(t.slice(e,e+7));b.reverse();let y=b.length;b.forEach((e,t)=>{let r=-25-c-(y-1-t)*160,a=0-(e.length-1)*80/2;e.forEach((e,t)=>{let l=`apikey-${e.id}`,n=e.name||e.key?.slice(0,12)+"...",i=u[n],c=!!i,x=g[n]||"#6b7280",p=o.size>0?o.has(n):c&&[...i||[]].some(e=>s.has(e));d.push({id:l,type:"apikey",position:{x:r-80,y:a+80*t-20},data:{label:n,active:p,color:x},draggable:!1}),m.push({id:`e-key-${l}`,source:l,sourceHandle:"right",target:"router",targetHandle:"left",animated:p,style:p?{stroke:x,strokeWidth:2.5,opacity:.9}:c?{stroke:x,strokeWidth:2,opacity:.7}:{stroke:"var(--color-border)",strokeWidth:1,opacity:.2}})})});let v=[];for(let t=0;t<n;t+=7)v.push(e.slice(t,t+7));v.forEach((e,t)=>{let l=-25+c+40+160*t,o=0-(e.length-1)*80/2;e.forEach((e,t)=>{var n,i;let c=(n=e.provider,f.Q2[n]||{color:"#6b7280",name:n}),x=s.has(e.provider?.toLowerCase()),u=!x&&r.has(e.provider?.toLowerCase()),h=!x&&a.has(e.provider?.toLowerCase()),b=`provider-${e.provider}`,y=p[e.provider?.toLowerCase()]||new Set,v=y.size>0,j="var(--color-border)",N=1,w=.2,k=!1;h?(j="#ef4444",N=2.5,w=.9):x?(j="#22c55e",N=2.5,w=.9,k=!0):v?(j=g[[...y][0]]||"#6366f1",N=2,w=.7):u&&(j="#f59e0b",N=2,w=.7),d.push({id:b,type:"provider",position:{x:l-90,y:o+80*t-20},data:{label:(c.name!==e.provider?c.name:null)||e.name||e.provider,color:c.color||"#6b7280",imageUrl:(i=e.provider,`/providers/${i}.png`),textIcon:c.textIcon||(e.provider||"?").slice(0,2).toUpperCase(),active:x},draggable:!1}),m.push({id:`e-prov-${b}`,source:"router",sourceHandle:"right",target:b,targetHandle:"left",animated:k,style:{stroke:j,strokeWidth:N,opacity:w}})})});let j=b.length>0?-25-c-(y-1)*160-80:-90;return{nodes:d,edges:m,minRequiredWidth:Math.max(800,(v.length>0?-25+c+40+(v.length-1)*160+90:40)-j+10)}})(e,t,u,h,g,l,x),[e,t,c,d,m,b,x]),k=(0,a.useMemo)(()=>e.map(e=>e.provider).sort().join(",")+"|"+t.map(e=>e.id).sort().join(","),[e,t]),S=(0,a.useRef)(null),C=(0,a.useCallback)(e=>{S.current=e,setTimeout(()=>e.fitView({padding:.03}),50)},[]);return(0,r.jsx)("div",{className:"w-full rounded-lg border border-border bg-bg-subtle/30 overflow-x-auto custom-scrollbar",style:{height:480},children:0===e.length&&0===t.length?(0,r.jsx)("div",{className:"h-full flex items-center justify-center text-text-muted text-sm",children:"No providers or API keys configured"}):(0,r.jsx)("div",{style:{minWidth:w,height:"100%"},children:(0,r.jsx)(p.Gc,{nodes:y,edges:N,nodeTypes:v,fitView:!0,fitViewOptions:{padding:.03},onInit:C,minZoom:.3,proOptions:{hideAttribution:!0},panOnDrag:!1,zoomOnScroll:!1,zoomOnPinch:!1,zoomOnDoubleClick:!1,preventScrolling:!1,nodesDraggable:!1,nodesConnectable:!1,elementsSelectable:!1},k)})})}j.propTypes={providers:u().arrayOf(u().shape({id:u().string,provider:u().string,name:u().string})),apiKeys:u().arrayOf(u().shape({id:u().string,name:u().string,key:u().string})),activeRequests:u().arrayOf(u().shape({provider:u().string,model:u().string})),recentRequests:u().array,lastProvider:u().string,errorProvider:u().string,activeKeyNames:u().arrayOf(u().string)};var N=s(10124);function w({value:e,format:t=e=>e}){let s="number"==typeof e?e:Number(e)||0,[l,o]=(0,a.useState)(s),[n,i]=(0,a.useState)(s);(0,a.useEffect)(()=>{s!==n&&(o(n),i(s))},[s,n]);let c=l!==n;return(0,r.jsxs)("span",{className:"relative inline-flex flex-col overflow-hidden align-bottom min-w-[1.2em]",children:[(0,r.jsx)("style",{children:`
         @keyframes slideUpFade {
           0% { transform: translateY(0%); }
           100% { transform: translateY(-50%); }
@@ -6,4 +6,4 @@
         .animate-flip-board {
           animation: slideUpFade 500ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
         }
-      `}),(0,r.jsx)("span",{className:"invisible opacity-0","aria-hidden":"true",children:t(n)}),c?(0,r.jsxs)("span",{className:"absolute top-0 left-0 w-full h-[200%] flex flex-col animate-flip-board",children:[(0,r.jsx)("span",{className:"h-1/2 w-full flex items-center justify-center text-center leading-none",children:t(l)}),(0,r.jsx)("span",{className:"h-1/2 w-full flex items-center justify-center text-center leading-none",children:t(n)})]},n):(0,r.jsx)("span",{className:"absolute top-0 left-0 w-full h-full flex items-center justify-center text-center leading-none",children:t(n)})]})}var k=s(1728),S=s(48035),C=s(28408),$=s(32539),q=s(59656),A=s(58021),E=s(61567),R=s(67389);let T=["#079A8B","#F57C00","#3B82F6","#EF4444","#8B5CF6","#EC4899","#22C55E","#F59E0B"],L=e=>new Intl.NumberFormat().format(e||0),I=e=>e?e>=1e9?`${(e/1e9).toFixed(1)}B`:e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}K`:String(e):"0",D=e=>`$${(e||0).toFixed(2)}`;function P(e){let t=Math.floor((Date.now()-new Date(e))/1e3);return t<60?`${t}s ago`:t<3600?`${Math.floor(t/60)}m ago`:t<86400?`${Math.floor(t/3600)}h ago`:`${Math.floor(t/86400)}d ago`}function O({timestamp:e}){let[,t]=(0,a.useState)(0);return(0,a.useEffect)(()=>{let e=setInterval(()=>t(e=>e+1),1e3);return()=>clearInterval(e)},[]),(0,r.jsx)(r.Fragment,{children:P(e)})}function M({requests:e=[]}){return(0,r.jsxs)(d.default,{className:"flex flex-col overflow-hidden",padding:"sm",style:{height:480},children:[(0,r.jsx)("div",{className:"px-1 py-2 border-b border-border shrink-0",children:(0,r.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wide",children:"Recent Requests"})}),e.length?(0,r.jsx)("div",{className:"flex-1 overflow-y-auto custom-scrollbar",children:(0,r.jsxs)("table",{className:"w-full text-xs border-collapse",children:[(0,r.jsx)("thead",{className:"sticky top-0 bg-bg z-10",children:(0,r.jsxs)("tr",{className:"border-b border-border",children:[(0,r.jsx)("th",{className:"py-1.5 text-left font-semibold text-text-muted w-2"}),(0,r.jsx)("th",{className:"py-1.5 text-left font-semibold text-text-muted",children:"Model"}),(0,r.jsx)("th",{className:"py-1.5 pl-3 text-left font-semibold text-text-muted",children:"API Key"}),(0,r.jsx)("th",{className:"py-1.5 text-right font-semibold text-text-muted whitespace-nowrap",children:"In / Out"}),(0,r.jsx)("th",{className:"py-1.5 text-right font-semibold text-text-muted",children:"When"})]})}),(0,r.jsx)("tbody",{className:"divide-y divide-border/50",children:e.map((e,t)=>{let s=!e.status||"ok"===e.status||"success"===e.status;return(0,r.jsxs)("tr",{className:"hover:bg-bg-subtle transition-colors",children:[(0,r.jsx)("td",{className:"py-1.5",children:(0,r.jsx)("span",{className:`block w-1.5 h-1.5 rounded-full ${s?"bg-success":"bg-error"}`})}),(0,r.jsx)("td",{className:"py-1.5 font-mono truncate max-w-[120px]",title:e.model,children:e.model}),(0,r.jsx)("td",{className:"py-1.5 pl-3 truncate max-w-[100px] text-secondary",title:e.keyName,children:e.keyName||"—"}),(0,r.jsxs)("td",{className:"py-1.5 text-right whitespace-nowrap",children:[(0,r.jsxs)("span",{className:"text-primary",children:[L(e.promptTokens),"↑"]})," ",(0,r.jsxs)("span",{className:"text-success",children:[L(e.completionTokens),"↓"]})]}),(0,r.jsx)("td",{className:"py-1.5 text-right text-text-muted whitespace-nowrap",children:(0,r.jsx)(O,{timestamp:e.timestamp})})]},t)})})]})}):(0,r.jsx)("div",{className:"flex-1 flex items-center justify-center text-text-muted text-sm",children:"No requests yet."})]})}function F({timestamp:e}){let[,t]=(0,a.useState)(0);(0,a.useEffect)(()=>{let e=setInterval(()=>t(e=>e+1),1e3);return()=>clearInterval(e)},[]);let s=Math.floor((Date.now()-new Date(e))/1e3),l="var(--color-text-muted)";return s<120?l="#22c55e":s<=3600?l="var(--color-primary)":s<86400&&(l="#ef4444"),(0,r.jsx)("span",{style:{color:l},children:P(e)})}function z({employees:e=[],recentRequests:t=[]}){let s=(0,a.useMemo)(()=>{if(!e.length)return[];let s={};for(let e of t)e.keyName&&(!s[e.keyName]||new Date(e.timestamp)>new Date(s[e.keyName]))&&(s[e.keyName]=e.timestamp);return e.map(e=>{let t=s[e.name],r=e.lastActive;return t&&(!r||new Date(t)>new Date(r))&&(r=t),{...e,lastActive:r}}).sort((e,t)=>e.lastActive||t.lastActive?e.lastActive?t.lastActive?new Date(t.lastActive)-new Date(e.lastActive):-1:1:0)},[e,t]);return(0,r.jsxs)(d.default,{className:"flex flex-col overflow-hidden",padding:"sm",style:{height:480},children:[(0,r.jsx)("div",{className:"px-1 py-2 border-b border-border shrink-0",children:(0,r.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wide",children:"Employees"})}),s.length?(0,r.jsx)("div",{className:"flex-1 overflow-y-auto custom-scrollbar",children:(0,r.jsxs)("table",{className:"w-full text-xs border-collapse",children:[(0,r.jsx)("thead",{className:"sticky top-0 bg-bg z-10",children:(0,r.jsxs)("tr",{className:"border-b border-border",children:[(0,r.jsx)("th",{className:"py-1.5 text-left font-semibold text-text-muted w-2"}),(0,r.jsx)("th",{className:"py-1.5 text-left font-semibold text-text-muted",children:"Name"}),(0,r.jsx)("th",{className:"py-1.5 text-right font-semibold text-text-muted whitespace-nowrap",children:"In / Out"}),(0,r.jsx)("th",{className:"py-1.5 text-right font-semibold text-text-muted",children:"Last"})]})}),(0,r.jsx)("tbody",{className:"divide-y divide-border/50",children:s.map((e,t)=>(0,r.jsxs)("tr",{className:"hover:bg-bg-subtle transition-colors",children:[(0,r.jsx)("td",{className:"py-1.5",children:(0,r.jsx)("span",{className:`block w-1.5 h-1.5 rounded-full ${e.isActive?"bg-success":"bg-text-muted"}`})}),(0,r.jsx)("td",{className:"py-1.5 font-medium truncate max-w-[140px]",title:e.name,children:(0,r.jsx)(i(),{href:`/dashboard/employees/${e.keyId}`,className:"text-secondary hover:text-primary transition-colors cursor-pointer",children:e.name})}),(0,r.jsxs)("td",{className:"py-1.5 text-right whitespace-nowrap",children:[(0,r.jsxs)("span",{className:"text-primary",children:[I(e.totalPromptTokens),"↑"]})," ",(0,r.jsxs)("span",{style:{color:"#ef4444"},children:[I(e.totalCompletionTokens),"↓"]})]}),(0,r.jsx)("td",{className:"py-1.5 text-right whitespace-nowrap",children:e.lastActive?(0,r.jsx)(F,{timestamp:e.lastActive}):"—"})]},t))})]})}):(0,r.jsx)("div",{className:"flex-1 flex items-center justify-center text-text-muted text-sm",children:"No employees yet."})]})}function K(){let[e,t]=(0,a.useState)(null),[s,l]=(0,a.useState)(!0),[o,n]=(0,a.useState)(null),[i,m]=(0,a.useState)("cost"),[x,u]=(0,a.useState)([]),[p,h]=(0,a.useState)([]),[f,g]=(0,a.useState)(!0),[b,y]=(0,a.useState)(20);(0,a.useEffect)(()=>{{let e=localStorage.getItem("9router-emp-chart-view");e&&m(e)}},[]);let v=e=>{m(e),localStorage.setItem("9router-emp-chart-view",e)},[I,P]=(0,a.useState)([]),[O,F]=(0,a.useState)([]),[K,U]=(0,a.useState)({activeRequests:[],recentRequests:[],errorProvider:"",activeKeyNames:[]}),_=(0,a.useCallback)(async(e=!1)=>{if(o){e||l(!0);try{let e=`from=${encodeURIComponent(o.from)}&to=${encodeURIComponent(o.to)}`,[s,r]=await Promise.all([fetch(`/api/employees/stats?${e}`),fetch(`/api/usage/stats?${e}`)]);if(s.ok){let e=await s.json();t(e)}if(r.ok){let e=await r.json(),t=e.byAccount||{},s={};for(let e of Object.values(t)){let t=e.accountName||"Unknown";s[t]||(s[t]={name:t,requests:0,cost:0,tokens:0}),s[t].requests+=e.requests||0,s[t].cost+=e.cost||0,s[t].tokens+=(e.promptTokens||0)+(e.completionTokens||0)}u(Object.values(s).sort((e,t)=>t.requests-e.requests));let a=e.byModel||{},l=Object.values(a).map(e=>({name:e.rawModel||"Unknown",provider:e.provider||"",requests:e.requests||0,cost:e.cost||0,tokens:(e.promptTokens||0)+(e.completionTokens||0)})),o={};for(let e of l)o[e.name]||(o[e.name]={name:e.name,requests:0,cost:0,tokens:0}),o[e.name].requests+=e.requests,o[e.name].cost+=e.cost,o[e.name].tokens+=e.tokens;h(Object.values(o).sort((e,t)=>t.requests-e.requests))}}catch(e){console.error("Failed to fetch stats:",e)}finally{e||l(!1)}}},[o]);(0,a.useEffect)(()=>{if(_(),y(20),!f)return;let e=setInterval(()=>{_(!0),y(20)},2e4);return()=>clearInterval(e)},[_,f]),(0,a.useEffect)(()=>{if(!f)return;let e=setInterval(()=>{y(e=>e<=1?20:e-1)},1e3);return()=>clearInterval(e)},[f]),(0,a.useEffect)(()=>{fetch("/api/providers").then(e=>e.ok?e.json():null).then(e=>{if(!e?.connections)return;let t=new Set;P(e.connections.filter(e=>!t.has(e.provider)&&(t.add(e.provider),!0)))}).catch(()=>{}),fetch("/api/keys").then(e=>e.ok?e.json():null).then(e=>{e?.keys&&F(e.keys)}).catch(()=>{}),fetch("/api/usage/stats?period=7d").then(e=>e.ok?e.json():null).then(e=>{e&&U({activeRequests:e.activeRequests||[],recentRequests:e.recentRequests||[],errorProvider:e.errorProvider||"",activeKeyNames:e.activeKeyNames||[]})}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=new EventSource("/api/usage/stream");return e.onmessage=e=>{try{let t=JSON.parse(e.data);U({activeRequests:t.activeRequests||[],recentRequests:t.recentRequests||[],errorProvider:t.errorProvider||"",activeKeyNames:t.activeKeyNames||[]})}catch(e){console.error("[SSE CLIENT] parse error:",e)}},e.onerror=()=>{},()=>e.close()},[]);let W=(0,a.useMemo)(()=>e?.employees?[...e.employees].filter(e=>"cost"===i?e.totalCost>0:e.totalTokens>0).sort((e,t)=>"cost"===i?t.totalCost-e.totalCost:t.totalTokens-e.totalTokens).slice(0,10).map(e=>({name:e.name?.length>12?e.name.slice(0,12)+"…":e.name,fullName:e.name,value:"cost"===i?e.totalCost:e.totalTokens})):[],[e,i]),{summary:B}=e||{};return(0,r.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,r.jsxs)("div",{className:"flex items-center gap-4 self-end flex-wrap",children:[(0,r.jsxs)("button",{onClick:()=>g(e=>!e),className:"flex items-center gap-2 px-3 py-[7px] rounded-lg border border-black/10 dark:border-white/10 hover:bg-black/5 dark:hover:bg-white/5 transition-colors",title:f?"Disable auto-refresh":"Enable auto-refresh",children:[(0,r.jsx)("span",{className:`material-symbols-outlined text-[18px] ${f?"text-primary":"text-text-muted"}`,children:f?"toggle_on":"toggle_off"}),(0,r.jsx)("span",{className:"text-sm text-text-primary",children:"Auto-refresh"}),f&&(0,r.jsxs)("span",{className:"text-xs text-text-muted",children:["(",b,"s)"]})]}),(0,r.jsx)(c.default,{defaultPreset:"last7",onChange:n})]}),s?(0,r.jsx)("div",{className:"flex items-center justify-center py-12 text-text-muted",children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[32px] animate-spin",children:"progress_activity"})}):e?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"grid grid-cols-2 md:grid-cols-5 gap-4",children:[(0,r.jsxs)(d.default,{className:"px-4 py-3 flex flex-col gap-1",children:[(0,r.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Total Employees"}),(0,r.jsx)("span",{className:"text-2xl font-bold",children:(0,r.jsx)(w,{value:B.totalEmployees,format:L})}),(0,r.jsxs)("span",{className:"text-xs text-text-muted",children:[(0,r.jsx)(w,{value:B.activeEmployees,format:L})," active"]})]}),(0,r.jsxs)(d.default,{className:"px-4 py-3 flex flex-col gap-1",children:[(0,r.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Total Requests"}),(0,r.jsx)("span",{className:"text-2xl font-bold text-primary",children:(0,r.jsx)(w,{value:B.totalRequests,format:L})})]}),(0,r.jsxs)(d.default,{className:"px-4 py-3 flex flex-col gap-1",children:[(0,r.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Input Tokens"}),(0,r.jsx)("span",{className:"text-2xl font-bold text-primary",children:(0,r.jsx)(w,{value:B.totalPromptTokens,format:L})})]}),(0,r.jsxs)(d.default,{className:"px-4 py-3 flex flex-col gap-1",children:[(0,r.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Output Tokens"}),(0,r.jsx)("span",{className:"text-2xl font-bold text-red-500",children:(0,r.jsx)(w,{value:B.totalCompletionTokens,format:L})})]}),(0,r.jsxs)(d.default,{className:"px-4 py-3 flex flex-col gap-1",children:[(0,r.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Total Cost"}),(0,r.jsxs)("span",{className:"text-2xl font-bold text-green-500",children:["~",(0,r.jsx)(w,{value:B.totalCost,format:D})]})]})]}),(0,r.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-[4fr_1fr] gap-4 items-stretch",children:[(0,r.jsx)(j,{providers:I,apiKeys:O,activeRequests:K.activeRequests,recentRequests:K.recentRequests,lastProvider:K.recentRequests?.[0]?.provider||"",errorProvider:K.errorProvider,activeKeyNames:K.activeKeyNames}),(0,r.jsx)(z,{employees:e?.employees||[],recentRequests:K.recentRequests})]}),(0,r.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-3 gap-4 items-stretch",children:[(0,r.jsx)(M,{requests:K.recentRequests}),(0,r.jsxs)(d.default,{className:"flex flex-col overflow-hidden",padding:"sm",style:{height:480},children:[(0,r.jsx)("div",{className:"px-1 py-2 border-b border-border shrink-0",children:(0,r.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wide",children:"By Model"})}),p.length>0?(0,r.jsx)("div",{className:"flex-1 min-h-0 w-full",children:(0,r.jsx)(k.u,{width:"100%",height:"100%",children:(0,r.jsxs)(S.E,{data:p.slice(0,8).map(e=>({name:e.name?.length>14?e.name.slice(0,14)+"…":e.name,fullName:e.name,requests:e.requests})),layout:"vertical",margin:{top:5,right:10,left:0,bottom:5},children:[(0,r.jsx)(C.d,{strokeDasharray:"3 3",strokeOpacity:.1,horizontal:!1}),(0,r.jsx)($.W,{type:"number",tick:{fontSize:10,fill:"currentColor",fillOpacity:.5},tickLine:!1,axisLine:!1,tickFormatter:e=>e>=1e3?`${(e/1e3).toFixed(0)}K`:e}),(0,r.jsx)(q.h,{type:"category",dataKey:"name",tick:{fontSize:9,fill:"currentColor",fillOpacity:.6},tickLine:!1,axisLine:!1,width:90}),(0,r.jsx)(A.m,{cursor:!1,contentStyle:{backgroundColor:"var(--color-bg)",border:"1px solid var(--color-border)",borderRadius:"8px",fontSize:"12px",color:"var(--color-text)"},itemStyle:{color:"var(--color-text)"},formatter:e=>[L(e),"Requests"],labelFormatter:(e,t)=>t?.[0]?.payload?.fullName||e}),(0,r.jsx)(E.yP,{dataKey:"requests",radius:[0,4,4,0],maxBarSize:32,children:p.slice(0,8).map((e,t)=>(0,r.jsx)(R.f,{fill:T[t%T.length]},t))})]})})}):(0,r.jsx)("div",{className:"flex-1 flex items-center justify-center text-text-muted text-sm",children:"No data"})]}),(0,r.jsxs)(d.default,{className:"flex flex-col overflow-hidden",padding:"sm",style:{height:480},children:[(0,r.jsx)("div",{className:"px-1 py-2 border-b border-border shrink-0",children:(0,r.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wide",children:"By Account"})}),x.length>0?(0,r.jsx)("div",{className:"flex-1 min-h-0 w-full",children:(0,r.jsx)(k.u,{width:"100%",height:"100%",children:(0,r.jsxs)(S.E,{data:x.slice(0,8).map(e=>({name:e.name?.length>12?e.name.slice(0,12)+"…":e.name,fullName:e.name,requests:e.requests})),layout:"vertical",margin:{top:5,right:10,left:0,bottom:5},children:[(0,r.jsx)(C.d,{strokeDasharray:"3 3",strokeOpacity:.1,horizontal:!1}),(0,r.jsx)($.W,{type:"number",tick:{fontSize:10,fill:"currentColor",fillOpacity:.5},tickLine:!1,axisLine:!1,tickFormatter:e=>e>=1e3?`${(e/1e3).toFixed(0)}K`:e}),(0,r.jsx)(q.h,{type:"category",dataKey:"name",tick:{fontSize:9,fill:"currentColor",fillOpacity:.6},tickLine:!1,axisLine:!1,width:80}),(0,r.jsx)(A.m,{cursor:!1,contentStyle:{backgroundColor:"var(--color-bg)",border:"1px solid var(--color-border)",borderRadius:"8px",fontSize:"12px",color:"var(--color-text)"},itemStyle:{color:"var(--color-text)"},formatter:e=>[L(e),"Requests"],labelFormatter:(e,t)=>t?.[0]?.payload?.fullName||e}),(0,r.jsx)(E.yP,{dataKey:"requests",radius:[0,4,4,0],maxBarSize:32,children:x.slice(0,8).map((e,t)=>(0,r.jsx)(R.f,{fill:T[t%T.length]},t))})]})})}):(0,r.jsx)("div",{className:"flex-1 flex items-center justify-center text-text-muted text-sm",children:"No data"})]})]}),(0,r.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-4",children:[W.length>0?(0,r.jsxs)(d.default,{className:"p-4 flex flex-col gap-3",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between",children:[(0,r.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wide",children:"Employee Comparison"}),(0,r.jsxs)("div",{className:"flex items-center gap-1 bg-bg-subtle rounded-lg p-1 border border-border",children:[(0,r.jsx)("button",{onClick:()=>v("cost"),className:`px-3 py-1 rounded-md text-sm font-medium transition-colors ${"cost"===i?"bg-primary text-white shadow-sm":"text-text-muted hover:text-text hover:bg-bg-hover"}`,children:"Cost"}),(0,r.jsx)("button",{onClick:()=>v("tokens"),className:`px-3 py-1 rounded-md text-sm font-medium transition-colors ${"tokens"===i?"bg-primary text-white shadow-sm":"text-text-muted hover:text-text hover:bg-bg-hover"}`,children:"Tokens"})]})]}),(0,r.jsx)(k.u,{width:"100%",height:250,children:(0,r.jsxs)(S.E,{data:W,margin:{top:4,right:8,left:0,bottom:0},children:[(0,r.jsx)(C.d,{strokeDasharray:"3 3",strokeOpacity:.1}),(0,r.jsx)($.W,{dataKey:"name",tick:{fontSize:11,fill:"currentColor",fillOpacity:.5},tickLine:!1,axisLine:!1}),(0,r.jsx)(q.h,{tick:{fontSize:10,fill:"currentColor",fillOpacity:.5},tickLine:!1,axisLine:!1,tickFormatter:"cost"===i?e=>`$${e.toFixed(2)}`:e=>e>=1e3?`${(e/1e3).toFixed(0)}K`:e,width:55}),(0,r.jsx)(A.m,{cursor:!1,contentStyle:{backgroundColor:"var(--color-bg)",border:"1px solid var(--color-border)",borderRadius:"8px",fontSize:"12px",color:"var(--color-text)"},itemStyle:{color:"var(--color-text)"},formatter:e=>["cost"===i?`$${e.toFixed(4)}`:L(e),"cost"===i?"Cost":"Tokens"],labelFormatter:(e,t)=>t?.[0]?.payload?.fullName||e}),(0,r.jsx)(E.yP,{dataKey:"value",radius:[4,4,0,0],maxBarSize:40,children:W.map((e,t)=>(0,r.jsx)(R.f,{fill:T[t%T.length]},t))})]})})]}):(0,r.jsx)(d.default,{className:"p-4 flex items-center justify-center text-text-muted text-sm h-full",children:"No employee data"}),(0,r.jsx)(N.A,{from:o?.from,to:o?.to})]})]}):(0,r.jsx)("div",{className:"text-text-muted text-center py-12",children:"Failed to load employee data."})]})}let U=e=>new Intl.NumberFormat().format(e||0),_=[{key:"name",label:"Employee",align:"left"},{key:"isActive",label:"Status",align:"center"},{key:"totalRequests",label:"Requests",align:"right"},{key:"totalPromptTokens",label:"Input Tokens",align:"right"},{key:"totalCompletionTokens",label:"Output Tokens",align:"right"},{key:"totalTokens",label:"Total Tokens",align:"right"},{key:"totalCost",label:"Cost",align:"right"},{key:"modelsUsed",label:"Models",align:"right"},{key:"lastActive",label:"Last Active",align:"right"},{key:"apiKey",label:"API Key",align:"center",sortable:!1}];function W(){let e=(0,l.useRouter)(),[t,s]=(0,a.useState)(null),[o,n]=(0,a.useState)(null),[i,x]=(0,a.useState)(!0),[u,p]=(0,a.useState)(""),[h,f]=(0,a.useState)("lastActive"),[g,b]=(0,a.useState)("desc");(0,a.useEffect)(()=>{{let e=localStorage.getItem("9router-emp-sort-key"),t=localStorage.getItem("9router-emp-sort-dir"),s=localStorage.getItem("9router-emp-filter");e&&f(e),t&&b(t),null!==s&&p(s)}},[]);let y=(0,a.useCallback)(async()=>{if(t){x(!0);try{let e=`from=${encodeURIComponent(t.from)}&to=${encodeURIComponent(t.to)}`,s=await fetch(`/api/employees/stats?${e}`);if(s.ok){let e=await s.json();n(e)}}catch(e){console.error("Failed to fetch:",e)}finally{x(!1)}}},[t]);(0,a.useEffect)(()=>{y()},[y]);let v=o?.employees||[],j=(0,a.useMemo)(()=>(u?v.filter(e=>e.name?.toLowerCase().includes(u.toLowerCase())):[...v]).sort((e,t)=>{let s=e[h],r=t[h];return("name"===h?(s=(s||"").toLowerCase(),r=(r||"").toLowerCase()):"isActive"===h?(s=+!!s,r=+!!r):"lastActive"===h?(s=s?new Date(s).getTime():0,r=r?new Date(r).getTime():0):(s=s||0,r=r||0),s<r)?"asc"===g?-1:1:s>r?"asc"===g?1:-1:0}),[v,u,h,g]);return(0,r.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between",children:[(0,r.jsx)("input",{type:"text",placeholder:"Filter by name...",value:u,onChange:e=>{let t=e.target.value;p(t),localStorage.setItem("9router-emp-filter",t)},className:"px-3 py-1.5 rounded-lg border border-border bg-bg text-sm text-text focus:outline-none focus:ring-2 focus:ring-primary/50 w-48"}),(0,r.jsx)(c.default,{defaultPreset:"last7",onChange:s})]}),i?(0,r.jsx)("div",{className:"flex items-center justify-center py-12 text-text-muted",children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[32px] animate-spin",children:"progress_activity"})}):(0,r.jsx)(d.default,{className:"overflow-hidden",children:(0,r.jsx)("div",{className:"overflow-x-auto",children:(0,r.jsxs)("table",{className:"w-full text-sm text-left",children:[(0,r.jsx)("thead",{className:"bg-bg-subtle/30 text-text-muted uppercase text-xs",children:(0,r.jsx)("tr",{children:_.map(e=>{let t=!1!==e.sortable,s=h===e.key,a="center"===e.align?"text-center":"right"===e.align?"text-right":"text-left";return(0,r.jsx)("th",{className:`px-6 py-3 ${a} ${t?"cursor-pointer select-none hover:text-text transition-colors":""}`,onClick:()=>{var s;let r;return t&&(s=e.key,r="desc",void(s===h&&(r="asc"===g?"desc":"asc"),f(s),b(r),localStorage.setItem("9router-emp-sort-key",s),localStorage.setItem("9router-emp-sort-dir",r)))},children:(0,r.jsxs)("span",{className:"inline-flex items-center gap-1",children:[e.label,t&&s&&(0,r.jsx)("span",{className:"text-[10px]",children:"asc"===g?"↑":"↓"}),t&&!s&&(0,r.jsx)("span",{className:"opacity-20 text-[10px]",children:"↕"})]})},e.key)})})}),(0,r.jsxs)("tbody",{className:"divide-y divide-border",children:[j.map(t=>{let s;return(0,r.jsxs)("tr",{onClick:()=>e.push(`/dashboard/employees/${t.keyId}`),className:"hover:bg-bg-subtle/50 transition-colors cursor-pointer",children:[(0,r.jsx)("td",{className:"px-6 py-3 font-medium",children:t.name||"Unnamed"}),(0,r.jsx)("td",{className:"px-6 py-3 text-center",children:(0,r.jsx)(m.default,{variant:t.isActive?"success":"error",size:"sm",children:t.isActive?"Active":"Inactive"})}),(0,r.jsx)("td",{className:"px-6 py-3 text-right",children:U(t.totalRequests)}),(0,r.jsx)("td",{className:"px-6 py-3 text-right text-primary",children:U(t.totalPromptTokens)}),(0,r.jsx)("td",{className:"px-6 py-3 text-right text-success",children:U(t.totalCompletionTokens)}),(0,r.jsx)("td",{className:"px-6 py-3 text-right font-medium",children:U(t.totalTokens)}),(0,r.jsx)("td",{className:"px-6 py-3 text-right font-medium text-warning",children:(s=t.totalCost,`$${(s||0).toFixed(2)}`)}),(0,r.jsx)("td",{className:"px-6 py-3 text-right",children:t.modelsUsed}),(0,r.jsx)("td",{className:"px-6 py-3 text-right whitespace-nowrap",children:(0,r.jsxs)("span",{className:"inline-flex items-center gap-1",children:[t.lastActive&&(0,r.jsx)("span",{className:`inline-block size-1.5 rounded-full ${function(e){if(!e)return"";let t=(Date.now()-new Date(e))/6e4;return t<1?"bg-green-500":t<=60?"bg-blue-400":"bg-red-500"}(t.lastActive)} ${(Date.now()-new Date(t.lastActive))/6e4<=60?"animate-pulse":""}`}),(0,r.jsx)("span",{className:`font-semibold ${function(e){if(!e)return"text-text-muted";let t=(Date.now()-new Date(e))/6e4;return t<1?"text-green-500":t<=60?"text-blue-400":"text-red-400"}(t.lastActive)}`,children:function(e){if(!e)return"Never";let t=Math.floor((Date.now()-new Date(e))/6e4);return t<1?"JUST NOW":t<60?`${t}m ago`:t<1440?`${Math.floor(t/60)}h ago`:new Date(e).toLocaleDateString()}(t.lastActive)})]})}),(0,r.jsx)("td",{className:"px-6 py-3 text-center",children:(0,r.jsx)("code",{className:"text-xs bg-bg-subtle px-2 py-0.5 rounded",children:t.apiKey})})]},t.keyId)}),0===j.length&&(0,r.jsx)("tr",{children:(0,r.jsx)("td",{colSpan:10,className:"px-6 py-8 text-center text-text-muted",children:"No employees found."})})]})]})})})]})}var B=s(57250),H=s(45564);function Q(e,t){return t&&0!==t?!e||e<0?100:e>=t?0:Math.round((t-e)/t*100):0}function X({quotas:e=[]}){return e&&0!==e.length?(0,r.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:e.map((e,t)=>{let s=void 0!==e.remainingPercentage?Math.round(e.remainingPercentage):Q(e.used,e.total),a=s>70?{text:"text-green-600 dark:text-green-400",bg:"bg-green-500",bgLight:"bg-green-500/10",emoji:"\uD83D\uDFE2"}:s>=30?{text:"text-yellow-600 dark:text-yellow-400",bg:"bg-yellow-500",bgLight:"bg-yellow-500/10",emoji:"\uD83D\uDFE1"}:{text:"text-red-600 dark:text-red-400",bg:"bg-red-500",bgLight:"bg-red-500/10",emoji:"\uD83D\uDD34"},l=function(e){if(!e)return"-";try{let t="string"==typeof e?new Date(e):e,s=new Date,r=t-s;if(r<=0)return"-";let a=Math.ceil(r/6e4);if(a<60)return`${a}m`;let l=Math.floor(a/60),o=a%60;if(l<24)return`${l}h ${o}m`;let n=Math.floor(l/24);return`${n}d ${l%24}h ${o}m`}catch(e){return"-"}}(e.resetAt),o=function(e){if(!e)return null;try{let t=new Date(e),s=new Date,r=new Date(s.getFullYear(),s.getMonth(),s.getDate()),a=new Date(r);a.setDate(a.getDate()+1);let l="";l=t>=r&&t<a?"Today":t>=a&&t<new Date(a.getTime()+864e5)?"Tomorrow":t.toLocaleDateString("en-US",{month:"short",day:"numeric"});let o=t.toLocaleTimeString("en-US",{hour:"numeric",minute:"2-digit",hour12:!0});return`${l}, ${o}`}catch{return null}}(e.resetAt);return(0,r.jsxs)("div",{className:"flex flex-col gap-2 p-3 rounded-lg border border-black/5 dark:border-white/5 bg-black/[0.02] dark:bg-white/[0.02]",children:[(0,r.jsxs)("div",{className:"flex items-start justify-between gap-2",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)("span",{className:"text-xs",children:a.emoji}),(0,r.jsx)("span",{className:"text-sm font-medium text-text-primary break-all",children:e.name})]}),(0,r.jsx)("div",{className:"text-right whitespace-nowrap",children:"-"!==l||o?(0,r.jsxs)("div",{className:"flex flex-col items-end",children:["-"!==l&&(0,r.jsxs)("span",{className:"text-xs text-text-primary font-medium",children:["in ",l]}),o&&(0,r.jsx)("span",{className:"text-[10px] text-text-muted",children:o})]}):(0,r.jsx)("span",{className:"text-xs text-text-muted italic",children:"N/A"})})]}),(0,r.jsxs)("div",{className:"space-y-1.5 mt-1",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between text-xs mb-1",children:[(0,r.jsxs)("span",{className:"text-text-muted",children:[e.used.toLocaleString()," / ",e.total>0?e.total.toLocaleString():"∞"]}),(0,r.jsxs)("span",{className:`font-medium ${a.text}`,children:[s,"%"]})]}),(0,r.jsx)("div",{className:`h-1.5 rounded-full overflow-hidden border ${a.bgLight} ${0===s?"border-black/10 dark:border-white/10":"border-transparent"}`,children:(0,r.jsx)("div",{className:`h-full transition-all duration-300 ${a.bg}`,style:{width:`${Math.min(s,100)}%`}})})]})]},t)})}):null}var J=s(92542);function V(){let[e,t]=(0,a.useState)([]),[s,l]=(0,a.useState)({}),[o,n]=(0,a.useState)({}),[i,c]=(0,a.useState)({}),[m,x]=(0,a.useState)(!0),[u,p]=(0,a.useState)(null),[h,g]=(0,a.useState)(!1),[b,y]=(0,a.useState)(60),[v,j]=(0,a.useState)(!0),N=(0,a.useRef)(null),w=(0,a.useRef)(null),k=(0,a.useCallback)(async()=>{try{let e=await fetch("/api/providers/client");if(!e.ok)throw Error("Failed to fetch connections");let s=(await e.json()).connections||[];return t(s),s}catch(e){return console.error("Error fetching connections:",e),t([]),[]}},[]),S=(0,a.useCallback)(async(e,t)=>{n(t=>({...t,[e]:!0})),c(t=>({...t,[e]:null}));try{console.log(`[ProviderLimits] Fetching quota for ${t} (${e})`);let s=await fetch(`/api/usage/${e}`);if(!s.ok){let r=(await s.json().catch(()=>({}))).error||s.statusText;if(404===s.status)return void console.warn(`[ProviderLimits] Connection not found for ${t}, skipping`);if(401===s.status){console.warn(`[ProviderLimits] Auth error for ${t}:`,r),l(t=>({...t,[e]:{quotas:[],message:r}}));return}throw Error(`HTTP ${s.status}: ${r}`)}let r=await s.json();console.log(`[ProviderLimits] Got quota for ${t}:`,r);let a=function(e,t){if(!t||"object"!=typeof t)return[];let s=[];try{switch(e.toLowerCase()){case"github":default:t.quotas&&Object.entries(t.quotas).forEach(([e,t])=>{s.push({name:e,used:t.used||0,total:t.total||0,resetAt:t.resetAt||null})});break;case"antigravity":t.quotas&&Object.entries(t.quotas).forEach(([e,t])=>{s.push({name:t.displayName||e,modelKey:e,used:t.used||0,total:t.total||0,resetAt:t.resetAt||null,remainingPercentage:t.remainingPercentage})});break;case"codex":t.quotas&&Object.entries(t.quotas).forEach(([e,t])=>{s.push({name:e,used:t.used||0,total:t.total||0,resetAt:t.resetAt||null})});break;case"kiro":t.quotas&&Object.entries(t.quotas).forEach(([e,t])=>{s.push({name:e,used:t.used||0,total:t.total||0,resetAt:t.resetAt||null})});break;case"claude":t.message?s.push({name:"error",used:0,total:0,resetAt:null,message:t.message}):t.quotas&&Object.entries(t.quotas).forEach(([e,t])=>{s.push({name:e,used:t.used||0,total:t.total||0,resetAt:t.resetAt||null})})}}catch(t){return console.error(`Error parsing quota data for ${e}:`,t),[]}let r=(0,H.KC)(e);if(r.length>0){let e=new Map(r.map((e,t)=>[e.id,t]));s.sort((t,s)=>{let r=t.modelKey||t.name,a=s.modelKey||s.name;return(e.get(r)??999)-(e.get(a)??999)})}return s}(t,r);l(t=>({...t,[e]:{quotas:a,plan:r.plan||null,message:r.message||null,raw:r}}))}catch(s){console.error(`[ProviderLimits] Error fetching quota for ${t} (${e}):`,s),c(t=>({...t,[e]:s.message||"Failed to fetch quota"}))}finally{n(t=>({...t,[e]:!1}))}},[]),C=(0,a.useCallback)(async(e,t)=>{await S(e,t),p(new Date)},[S]),$=(0,a.useCallback)(async()=>{if(!h){g(!0),y(60);try{let e=(await k()).filter(e=>f.wb.includes(e.provider)&&"oauth"===e.authType);await Promise.all(e.map(e=>S(e.id,e.provider))),p(new Date)}catch(e){console.error("Error refreshing all providers:",e)}finally{g(!1)}}},[h,k,S]);(0,a.useEffect)(()=>{(async()=>{j(!0);let e=await k();j(!1);let t=e.filter(e=>f.wb.includes(e.provider)&&"oauth"===e.authType),s={};t.forEach(e=>{s[e.id]=!0}),n(s),await Promise.all(t.map(e=>S(e.id,e.provider))),p(new Date)})()},[]),(0,a.useEffect)(()=>{if(!m){N.current&&(clearInterval(N.current),N.current=null),w.current&&(clearInterval(w.current),w.current=null);return}return N.current=setInterval(()=>{$()},6e4),w.current=setInterval(()=>{y(e=>e<=1?60:e-1)},1e3),()=>{N.current&&clearInterval(N.current),w.current&&clearInterval(w.current)}},[m,$]),(0,a.useEffect)(()=>{let e=()=>{document.hidden?(N.current&&(clearInterval(N.current),N.current=null),w.current&&(clearInterval(w.current),w.current=null)):m&&(N.current=setInterval($,6e4),w.current=setInterval(()=>{y(e=>e<=1?60:e-1)},1e3))};return document.addEventListener("visibilitychange",e),()=>{document.removeEventListener("visibilitychange",e)}},[m,$]);let q=(0,a.useCallback)(()=>{if(!u)return"Never";let e=Math.floor((new Date-u)/6e4),t=Math.floor(e/60),s=Math.floor(t/24);return s>0?`${s}d ago`:t>0?`${t}h ago`:e>0?`${e}m ago`:"Just now"},[u]),A=[...e.filter(e=>f.wb.includes(e.provider)&&"oauth"===e.authType)].sort((e,t)=>{let s=f.wb.indexOf(e.provider),r=f.wb.indexOf(t.provider);return s!==r?s-r:e.provider.localeCompare(t.provider)});return(A.length,Object.values(s).filter(e=>e?.quotas?.length>0).length,Object.values(s).reduce((e,t)=>t?.quotas?e+ +!!t.quotas.some(e=>30>Q(e.used,e.total)&&e.total>0):e,0),v||0!==A.length)?(0,r.jsxs)("div",{className:"space-y-6",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between flex-wrap gap-4",children:[(0,r.jsxs)("div",{className:"flex items-center gap-3",children:[(0,r.jsx)("h2",{className:"text-xl font-semibold text-text-primary",children:"Provider Limits"}),(0,r.jsxs)("span",{className:"text-sm text-text-muted",children:["Last updated: ",q()]})]}),(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsxs)("button",{onClick:()=>x(e=>!e),className:"flex items-center gap-2 px-3 py-2 rounded-lg border border-black/10 dark:border-white/10 hover:bg-black/5 dark:hover:bg-white/5 transition-colors",title:m?"Disable auto-refresh":"Enable auto-refresh",children:[(0,r.jsx)("span",{className:`material-symbols-outlined text-[18px] ${m?"text-primary":"text-text-muted"}`,children:m?"toggle_on":"toggle_off"}),(0,r.jsx)("span",{className:"text-sm text-text-primary",children:"Auto-refresh"}),m&&(0,r.jsxs)("span",{className:"text-xs text-text-muted",children:["(",b,"s)"]})]}),(0,r.jsx)(J.default,{variant:"secondary",size:"md",icon:"refresh",onClick:$,disabled:h,loading:h,children:"Refresh All"})]})]}),(0,r.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-2 2xl:grid-cols-2 gap-4",children:A.map(e=>{let t=s[e.id],a=o[e.id],l=i[e.id];return(0,r.jsxs)(d.default,{padding:"none",children:[(0,r.jsx)("div",{className:"p-6 border-b border-black/10 dark:border-white/10",children:(0,r.jsxs)("div",{className:"flex items-center justify-between",children:[(0,r.jsxs)("div",{className:"flex items-center gap-3",children:[(0,r.jsx)("div",{className:"w-10 h-10 rounded-lg flex items-center justify-center overflow-hidden",children:(0,r.jsx)(B.A,{src:`/providers/${e.provider}.png`,alt:e.provider,size:40,className:"object-contain",fallbackText:e.provider?.slice(0,2).toUpperCase()||"PR"})}),(0,r.jsxs)("div",{children:[(0,r.jsx)("h3",{className:"text-base font-semibold text-text-primary capitalize",children:e.provider}),e.name&&(0,r.jsx)("p",{className:"text-sm text-text-muted",children:e.name})]})]}),(0,r.jsx)("button",{onClick:()=>C(e.id,e.provider),disabled:a,className:"p-2 rounded-lg hover:bg-black/5 dark:hover:bg-white/5 transition-colors disabled:opacity-50",title:"Refresh quota",children:(0,r.jsx)("span",{className:`material-symbols-outlined text-[20px] text-text-muted ${a?"animate-spin":""}`,children:"refresh"})})]})}),(0,r.jsx)("div",{className:"p-6",children:a?(0,r.jsx)("div",{className:"text-center py-8 text-text-muted",children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[32px] animate-spin",children:"progress_activity"})}):l?(0,r.jsxs)("div",{className:"text-center py-8",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[32px] text-red-500",children:"error"}),(0,r.jsx)("p",{className:"mt-2 text-sm text-text-muted",children:l})]}):t?.message?(0,r.jsx)("div",{className:"text-center py-8",children:(0,r.jsx)("p",{className:"text-sm text-text-muted",children:t.message})}):(0,r.jsx)(X,{quotas:t?.quotas})})]},e.id)})})]}):(0,r.jsx)(d.default,{padding:"lg",children:(0,r.jsxs)("div",{className:"text-center py-12",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[64px] text-text-muted opacity-20",children:"cloud_off"}),(0,r.jsx)("h3",{className:"mt-4 text-lg font-semibold text-text-primary",children:"No Providers Connected"}),(0,r.jsx)("p",{className:"mt-2 text-sm text-text-muted max-w-md mx-auto",children:"Connect to providers with OAuth to track your API quota limits and usage."})]})})}function Y(){return(0,r.jsx)(a.Suspense,{fallback:(0,r.jsx)(o.Qv,{}),children:(0,r.jsx)(G,{})})}function G(){let e=(0,l.useSearchParams)(),t=(0,l.useRouter)(),[s,n]=(0,a.useState)(!1),[i,c]=(0,a.useState)("overview"),[d,m]=(0,a.useState)(!1);return((0,a.useEffect)(()=>{m(!0);let s=e.get("tab");if(s&&["overview","details","quota"].includes(s))c(s),localStorage.setItem("9router-emp-tab",s);else{let s=localStorage.getItem("9router-emp-tab");if(s&&["overview","details","quota"].includes(s)){c(s);let r=new URLSearchParams(e);r.set("tab",s),t.replace(`/dashboard/employees?${r.toString()}`,{scroll:!1})}else c("overview")}},[e,t]),d)?(0,r.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,r.jsx)(o.Iz,{options:[{value:"overview",label:"Overview"},{value:"details",label:"Details"},{value:"quota",label:"Quota Checker"}],value:i,onChange:s=>{if(s===i)return;n(!0),c(s),localStorage.setItem("9router-emp-tab",s);let r=new URLSearchParams(e);r.set("tab",s),t.push(`/dashboard/employees?${r.toString()}`,{scroll:!1}),setTimeout(()=>n(!1),300)}}),s?(0,r.jsx)(o.Qv,{}):(0,r.jsxs)(r.Fragment,{children:["overview"===i&&(0,r.jsx)(a.Suspense,{fallback:(0,r.jsx)(o.Qv,{}),children:(0,r.jsx)(K,{})}),"details"===i&&(0,r.jsx)(W,{}),"quota"===i&&(0,r.jsx)(a.Suspense,{fallback:(0,r.jsx)(o.Qv,{}),children:(0,r.jsx)(V,{})})]})]}):(0,r.jsx)(o.Qv,{})}},70842:(e,t,s)=>{Promise.resolve().then(s.bind(s,41803))}},e=>{e.O(0,[2574,3862,6902,7505,1321,5497,8441,3794,7358],()=>e(e.s=70842)),_N_E=e.O()}]);
+      `}),(0,r.jsx)("span",{className:"invisible opacity-0","aria-hidden":"true",children:t(n)}),c?(0,r.jsxs)("span",{className:"absolute top-0 left-0 w-full h-[200%] flex flex-col animate-flip-board",children:[(0,r.jsx)("span",{className:"h-1/2 w-full flex items-center justify-center text-center leading-none",children:t(l)}),(0,r.jsx)("span",{className:"h-1/2 w-full flex items-center justify-center text-center leading-none",children:t(n)})]},n):(0,r.jsx)("span",{className:"absolute top-0 left-0 w-full h-full flex items-center justify-center text-center leading-none",children:t(n)})]})}var k=s(1728),S=s(48035),C=s(28408),$=s(32539),q=s(59656),A=s(58021),E=s(61567),R=s(67389);let T=["#079A8B","#F57C00","#3B82F6","#EF4444","#8B5CF6","#EC4899","#22C55E","#F59E0B"],L=e=>new Intl.NumberFormat().format(e||0),I=e=>e?e>=1e9?`${(e/1e9).toFixed(1)}B`:e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}K`:String(e):"0",D=e=>`$${(e||0).toFixed(2)}`;function P(e){let t=Math.floor((Date.now()-new Date(e))/1e3);return t<60?`${t}s ago`:t<3600?`${Math.floor(t/60)}m ago`:t<86400?`${Math.floor(t/3600)}h ago`:`${Math.floor(t/86400)}d ago`}function O({timestamp:e}){let[,t]=(0,a.useState)(0);return(0,a.useEffect)(()=>{let e=setInterval(()=>t(e=>e+1),1e3);return()=>clearInterval(e)},[]),(0,r.jsx)(r.Fragment,{children:P(e)})}function M({requests:e=[]}){return(0,r.jsxs)(d.default,{className:"flex flex-col overflow-hidden",padding:"sm",style:{height:480},children:[(0,r.jsx)("div",{className:"px-1 py-2 border-b border-border shrink-0",children:(0,r.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wide",children:"Recent Requests"})}),e.length?(0,r.jsx)("div",{className:"flex-1 overflow-y-auto custom-scrollbar",children:(0,r.jsxs)("table",{className:"w-full text-xs border-collapse",children:[(0,r.jsx)("thead",{className:"sticky top-0 bg-bg z-10",children:(0,r.jsxs)("tr",{className:"border-b border-border",children:[(0,r.jsx)("th",{className:"py-1.5 text-left font-semibold text-text-muted w-2"}),(0,r.jsx)("th",{className:"py-1.5 text-left font-semibold text-text-muted",children:"Model"}),(0,r.jsx)("th",{className:"py-1.5 pl-3 text-left font-semibold text-text-muted",children:"API Key"}),(0,r.jsx)("th",{className:"py-1.5 text-right font-semibold text-text-muted whitespace-nowrap",children:"In / Out"}),(0,r.jsx)("th",{className:"py-1.5 text-right font-semibold text-text-muted",children:"When"})]})}),(0,r.jsx)("tbody",{className:"divide-y divide-border/50",children:e.map((e,t)=>{let s=!e.status||"ok"===e.status||"success"===e.status;return(0,r.jsxs)("tr",{className:"hover:bg-bg-subtle transition-colors",children:[(0,r.jsx)("td",{className:"py-1.5",children:(0,r.jsx)("span",{className:`block w-1.5 h-1.5 rounded-full ${s?"bg-success":"bg-error"}`})}),(0,r.jsx)("td",{className:"py-1.5 font-mono truncate max-w-[120px]",title:e.model,children:e.model}),(0,r.jsx)("td",{className:"py-1.5 pl-3 truncate max-w-[100px] text-secondary",title:e.keyName,children:e.keyName||"—"}),(0,r.jsxs)("td",{className:"py-1.5 text-right whitespace-nowrap",children:[(0,r.jsxs)("span",{className:"text-primary",children:[L(e.promptTokens),"↑"]})," ",(0,r.jsxs)("span",{className:"text-success",children:[L(e.completionTokens),"↓"]})]}),(0,r.jsx)("td",{className:"py-1.5 text-right text-text-muted whitespace-nowrap",children:(0,r.jsx)(O,{timestamp:e.timestamp})})]},t)})})]})}):(0,r.jsx)("div",{className:"flex-1 flex items-center justify-center text-text-muted text-sm",children:"No requests yet."})]})}function F({timestamp:e}){let[,t]=(0,a.useState)(0);(0,a.useEffect)(()=>{let e=setInterval(()=>t(e=>e+1),1e3);return()=>clearInterval(e)},[]);let s=Math.floor((Date.now()-new Date(e))/1e3),l="var(--color-text-muted)";return s<120?l="#22c55e":s<=3600?l="var(--color-primary)":s<86400&&(l="#ef4444"),(0,r.jsx)("span",{style:{color:l},children:P(e)})}function z({employees:e=[],recentRequests:t=[]}){let s=(0,a.useMemo)(()=>{if(!e.length)return[];let s={};for(let e of t)e.keyName&&(!s[e.keyName]||new Date(e.timestamp)>new Date(s[e.keyName]))&&(s[e.keyName]=e.timestamp);return e.map(e=>{let t=s[e.name],r=e.lastActive;return t&&(!r||new Date(t)>new Date(r))&&(r=t),{...e,lastActive:r}}).sort((e,t)=>e.lastActive||t.lastActive?e.lastActive?t.lastActive?new Date(t.lastActive)-new Date(e.lastActive):-1:1:0)},[e,t]);return(0,r.jsxs)(d.default,{className:"flex flex-col overflow-hidden",padding:"sm",style:{height:480},children:[(0,r.jsx)("div",{className:"px-1 py-2 border-b border-border shrink-0",children:(0,r.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wide",children:"Employees"})}),s.length?(0,r.jsx)("div",{className:"flex-1 overflow-y-auto custom-scrollbar",children:(0,r.jsxs)("table",{className:"w-full text-xs border-collapse",children:[(0,r.jsx)("thead",{className:"sticky top-0 bg-bg z-10",children:(0,r.jsxs)("tr",{className:"border-b border-border",children:[(0,r.jsx)("th",{className:"py-1.5 text-left font-semibold text-text-muted w-2"}),(0,r.jsx)("th",{className:"py-1.5 text-left font-semibold text-text-muted",children:"Name"}),(0,r.jsx)("th",{className:"py-1.5 text-right font-semibold text-text-muted whitespace-nowrap",children:"In / Out"}),(0,r.jsx)("th",{className:"py-1.5 text-right font-semibold text-text-muted",children:"Last"})]})}),(0,r.jsx)("tbody",{className:"divide-y divide-border/50",children:s.map((e,t)=>(0,r.jsxs)("tr",{className:"hover:bg-bg-subtle transition-colors",children:[(0,r.jsx)("td",{className:"py-1.5",children:(0,r.jsx)("span",{className:`block w-1.5 h-1.5 rounded-full ${e.isActive?"bg-success":"bg-text-muted"}`})}),(0,r.jsx)("td",{className:"py-1.5 font-medium truncate max-w-[140px]",title:e.name,children:(0,r.jsx)(i(),{href:`/dashboard/employees/${e.keyId}`,className:"text-secondary hover:text-primary transition-colors cursor-pointer",children:e.name})}),(0,r.jsxs)("td",{className:"py-1.5 text-right whitespace-nowrap",children:[(0,r.jsxs)("span",{className:"text-primary",children:[I(e.totalPromptTokens),"↑"]})," ",(0,r.jsxs)("span",{style:{color:"#ef4444"},children:[I(e.totalCompletionTokens),"↓"]})]}),(0,r.jsx)("td",{className:"py-1.5 text-right whitespace-nowrap",children:e.lastActive?(0,r.jsx)(F,{timestamp:e.lastActive}):"—"})]},t))})]})}):(0,r.jsx)("div",{className:"flex-1 flex items-center justify-center text-text-muted text-sm",children:"No employees yet."})]})}function K(){let[e,t]=(0,a.useState)(null),[s,l]=(0,a.useState)(!0),[o,n]=(0,a.useState)(null),[i,m]=(0,a.useState)("cost"),[x,u]=(0,a.useState)([]),[p,h]=(0,a.useState)([]),[f,g]=(0,a.useState)(!0),[b,y]=(0,a.useState)(20);(0,a.useEffect)(()=>{{let e=localStorage.getItem("9router-emp-chart-view");e&&m(e)}},[]);let v=e=>{m(e),localStorage.setItem("9router-emp-chart-view",e)},[I,P]=(0,a.useState)([]),[O,F]=(0,a.useState)([]),[K,U]=(0,a.useState)({activeRequests:[],recentRequests:[],errorProvider:"",activeKeyNames:[]}),_=(0,a.useCallback)(async(e=!1)=>{if(o){e||l(!0);try{let e=`from=${encodeURIComponent(o.from)}&to=${encodeURIComponent(o.to)}`,[s,r]=await Promise.all([fetch(`/api/employees/stats?${e}`),fetch(`/api/usage/stats?${e}`)]);if(s.ok){let e=await s.json();t(e)}if(r.ok){let e=await r.json(),t=e.byAccount||{},s={};for(let e of Object.values(t)){let t=e.accountName||"Unknown";s[t]||(s[t]={name:t,requests:0,cost:0,tokens:0}),s[t].requests+=e.requests||0,s[t].cost+=e.cost||0,s[t].tokens+=(e.promptTokens||0)+(e.completionTokens||0)}u(Object.values(s).sort((e,t)=>t.requests-e.requests));let a=e.byModel||{},l=Object.values(a).map(e=>({name:e.rawModel||"Unknown",provider:e.provider||"",requests:e.requests||0,cost:e.cost||0,tokens:(e.promptTokens||0)+(e.completionTokens||0)})),o={};for(let e of l)o[e.name]||(o[e.name]={name:e.name,requests:0,cost:0,tokens:0}),o[e.name].requests+=e.requests,o[e.name].cost+=e.cost,o[e.name].tokens+=e.tokens;h(Object.values(o).sort((e,t)=>t.requests-e.requests))}}catch(e){console.error("Failed to fetch stats:",e)}finally{e||l(!1)}}},[o]);(0,a.useEffect)(()=>{if(_(),y(20),!f)return;let e=setInterval(()=>{_(!0),y(20)},2e4);return()=>clearInterval(e)},[_,f]),(0,a.useEffect)(()=>{if(!f)return;let e=setInterval(()=>{y(e=>e<=1?20:e-1)},1e3);return()=>clearInterval(e)},[f]),(0,a.useEffect)(()=>{fetch("/api/providers").then(e=>e.ok?e.json():null).then(e=>{if(!e?.connections)return;let t=new Set;P(e.connections.filter(e=>!t.has(e.provider)&&(t.add(e.provider),!0)))}).catch(()=>{}),fetch("/api/keys").then(e=>e.ok?e.json():null).then(e=>{e?.keys&&F(e.keys)}).catch(()=>{}),fetch("/api/usage/stats?period=7d").then(e=>e.ok?e.json():null).then(e=>{e&&U({activeRequests:e.activeRequests||[],recentRequests:e.recentRequests||[],errorProvider:e.errorProvider||"",activeKeyNames:e.activeKeyNames||[]})}).catch(()=>{})},[]),(0,a.useEffect)(()=>{let e=new EventSource("/api/usage/stream");return e.onmessage=e=>{try{let t=JSON.parse(e.data);U({activeRequests:t.activeRequests||[],recentRequests:t.recentRequests||[],errorProvider:t.errorProvider||"",activeKeyNames:t.activeKeyNames||[]})}catch(e){console.error("[SSE CLIENT] parse error:",e)}},e.onerror=()=>{},()=>e.close()},[]);let W=(0,a.useMemo)(()=>e?.employees?[...e.employees].filter(e=>"cost"===i?e.totalCost>0:e.totalTokens>0).sort((e,t)=>"cost"===i?t.totalCost-e.totalCost:t.totalTokens-e.totalTokens).slice(0,10).map(e=>({name:e.name?.length>12?e.name.slice(0,12)+"…":e.name,fullName:e.name,value:"cost"===i?e.totalCost:e.totalTokens})):[],[e,i]),{summary:B}=e||{};return(0,r.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,r.jsxs)("div",{className:"flex items-center gap-4 self-end flex-wrap",children:[(0,r.jsxs)("button",{onClick:()=>g(e=>!e),className:"flex items-center gap-2 px-3 py-[7px] rounded-lg border border-black/10 dark:border-white/10 hover:bg-black/5 dark:hover:bg-white/5 transition-colors",title:f?"Disable auto-refresh":"Enable auto-refresh",children:[(0,r.jsx)("span",{className:`material-symbols-outlined text-[18px] ${f?"text-primary":"text-text-muted"}`,children:f?"toggle_on":"toggle_off"}),(0,r.jsx)("span",{className:"text-sm text-text-primary",children:"Auto-refresh"}),f&&(0,r.jsxs)("span",{className:"text-xs text-text-muted",children:["(",b,"s)"]})]}),(0,r.jsx)(c.default,{defaultPreset:"last7",onChange:n})]}),s?(0,r.jsx)("div",{className:"flex items-center justify-center py-12 text-text-muted",children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[32px] animate-spin",children:"progress_activity"})}):e?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"grid grid-cols-2 md:grid-cols-5 gap-4",children:[(0,r.jsxs)(d.default,{className:"px-4 py-3 flex flex-col gap-1",children:[(0,r.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Total Employees"}),(0,r.jsx)("span",{className:"text-2xl font-bold",children:(0,r.jsx)(w,{value:B.totalEmployees,format:L})}),(0,r.jsxs)("span",{className:"text-xs text-text-muted",children:[(0,r.jsx)(w,{value:B.activeEmployees,format:L})," active"]})]}),(0,r.jsxs)(d.default,{className:"px-4 py-3 flex flex-col gap-1",children:[(0,r.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Total Requests"}),(0,r.jsx)("span",{className:"text-2xl font-bold text-primary",children:(0,r.jsx)(w,{value:B.totalRequests,format:L})})]}),(0,r.jsxs)(d.default,{className:"px-4 py-3 flex flex-col gap-1",children:[(0,r.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Input Tokens"}),(0,r.jsx)("span",{className:"text-2xl font-bold text-primary",children:(0,r.jsx)(w,{value:B.totalPromptTokens,format:L})})]}),(0,r.jsxs)(d.default,{className:"px-4 py-3 flex flex-col gap-1",children:[(0,r.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Output Tokens"}),(0,r.jsx)("span",{className:"text-2xl font-bold text-red-500",children:(0,r.jsx)(w,{value:B.totalCompletionTokens,format:L})})]}),(0,r.jsxs)(d.default,{className:"px-4 py-3 flex flex-col gap-1",children:[(0,r.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Total Cost"}),(0,r.jsxs)("span",{className:"text-2xl font-bold text-green-500",children:["~",(0,r.jsx)(w,{value:B.totalCost,format:D})]})]})]}),(0,r.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-[4fr_1fr] gap-4 items-stretch",children:[(0,r.jsx)(j,{providers:I,apiKeys:O,activeRequests:K.activeRequests,recentRequests:K.recentRequests,lastProvider:K.recentRequests?.[0]?.provider||"",errorProvider:K.errorProvider,activeKeyNames:K.activeKeyNames}),(0,r.jsx)(z,{employees:e?.employees||[],recentRequests:K.recentRequests})]}),(0,r.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-3 gap-4 items-stretch",children:[(0,r.jsx)(M,{requests:K.recentRequests}),(0,r.jsxs)(d.default,{className:"flex flex-col overflow-hidden",padding:"sm",style:{height:480},children:[(0,r.jsx)("div",{className:"px-1 py-2 border-b border-border shrink-0",children:(0,r.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wide",children:"By Model"})}),p.length>0?(0,r.jsx)("div",{className:"flex-1 min-h-0 w-full",children:(0,r.jsx)(k.u,{width:"100%",height:"100%",children:(0,r.jsxs)(S.E,{data:p.slice(0,8).map(e=>({name:e.name?.length>14?e.name.slice(0,14)+"…":e.name,fullName:e.name,requests:e.requests})),layout:"vertical",margin:{top:5,right:10,left:0,bottom:5},children:[(0,r.jsx)(C.d,{strokeDasharray:"3 3",strokeOpacity:.1,horizontal:!1}),(0,r.jsx)($.W,{type:"number",tick:{fontSize:10,fill:"currentColor",fillOpacity:.5},tickLine:!1,axisLine:!1,tickFormatter:e=>e>=1e3?`${(e/1e3).toFixed(0)}K`:e}),(0,r.jsx)(q.h,{type:"category",dataKey:"name",tick:{fontSize:9,fill:"currentColor",fillOpacity:.6},tickLine:!1,axisLine:!1,width:90}),(0,r.jsx)(A.m,{cursor:!1,contentStyle:{backgroundColor:"var(--color-bg)",border:"1px solid var(--color-border)",borderRadius:"8px",fontSize:"12px",color:"var(--color-text)"},itemStyle:{color:"var(--color-text)"},formatter:e=>[L(e),"Requests"],labelFormatter:(e,t)=>t?.[0]?.payload?.fullName||e}),(0,r.jsx)(E.yP,{dataKey:"requests",radius:[0,4,4,0],maxBarSize:32,children:p.slice(0,8).map((e,t)=>(0,r.jsx)(R.f,{fill:T[t%T.length]},t))})]})})}):(0,r.jsx)("div",{className:"flex-1 flex items-center justify-center text-text-muted text-sm",children:"No data"})]}),(0,r.jsxs)(d.default,{className:"flex flex-col overflow-hidden",padding:"sm",style:{height:480},children:[(0,r.jsx)("div",{className:"px-1 py-2 border-b border-border shrink-0",children:(0,r.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wide",children:"By Account"})}),x.length>0?(0,r.jsx)("div",{className:"flex-1 min-h-0 w-full",children:(0,r.jsx)(k.u,{width:"100%",height:"100%",children:(0,r.jsxs)(S.E,{data:x.slice(0,8).map(e=>({name:e.name?.length>12?e.name.slice(0,12)+"…":e.name,fullName:e.name,requests:e.requests})),layout:"vertical",margin:{top:5,right:10,left:0,bottom:5},children:[(0,r.jsx)(C.d,{strokeDasharray:"3 3",strokeOpacity:.1,horizontal:!1}),(0,r.jsx)($.W,{type:"number",tick:{fontSize:10,fill:"currentColor",fillOpacity:.5},tickLine:!1,axisLine:!1,tickFormatter:e=>e>=1e3?`${(e/1e3).toFixed(0)}K`:e}),(0,r.jsx)(q.h,{type:"category",dataKey:"name",tick:{fontSize:9,fill:"currentColor",fillOpacity:.6},tickLine:!1,axisLine:!1,width:80}),(0,r.jsx)(A.m,{cursor:!1,contentStyle:{backgroundColor:"var(--color-bg)",border:"1px solid var(--color-border)",borderRadius:"8px",fontSize:"12px",color:"var(--color-text)"},itemStyle:{color:"var(--color-text)"},formatter:e=>[L(e),"Requests"],labelFormatter:(e,t)=>t?.[0]?.payload?.fullName||e}),(0,r.jsx)(E.yP,{dataKey:"requests",radius:[0,4,4,0],maxBarSize:32,children:x.slice(0,8).map((e,t)=>(0,r.jsx)(R.f,{fill:T[t%T.length]},t))})]})})}):(0,r.jsx)("div",{className:"flex-1 flex items-center justify-center text-text-muted text-sm",children:"No data"})]})]}),(0,r.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-4",children:[W.length>0?(0,r.jsxs)(d.default,{className:"p-4 flex flex-col gap-3",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between",children:[(0,r.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wide",children:"Employee Comparison"}),(0,r.jsxs)("div",{className:"flex items-center gap-1 bg-bg-subtle rounded-lg p-1 border border-border",children:[(0,r.jsx)("button",{onClick:()=>v("cost"),className:`px-3 py-1 rounded-md text-sm font-medium transition-colors ${"cost"===i?"bg-primary text-white shadow-sm":"text-text-muted hover:text-text hover:bg-bg-hover"}`,children:"Cost"}),(0,r.jsx)("button",{onClick:()=>v("tokens"),className:`px-3 py-1 rounded-md text-sm font-medium transition-colors ${"tokens"===i?"bg-primary text-white shadow-sm":"text-text-muted hover:text-text hover:bg-bg-hover"}`,children:"Tokens"})]})]}),(0,r.jsx)(k.u,{width:"100%",height:250,children:(0,r.jsxs)(S.E,{data:W,margin:{top:4,right:8,left:0,bottom:0},children:[(0,r.jsx)(C.d,{strokeDasharray:"3 3",strokeOpacity:.1}),(0,r.jsx)($.W,{dataKey:"name",tick:{fontSize:11,fill:"currentColor",fillOpacity:.5},tickLine:!1,axisLine:!1}),(0,r.jsx)(q.h,{tick:{fontSize:10,fill:"currentColor",fillOpacity:.5},tickLine:!1,axisLine:!1,tickFormatter:"cost"===i?e=>`$${e.toFixed(2)}`:e=>e>=1e3?`${(e/1e3).toFixed(0)}K`:e,width:55}),(0,r.jsx)(A.m,{cursor:!1,contentStyle:{backgroundColor:"var(--color-bg)",border:"1px solid var(--color-border)",borderRadius:"8px",fontSize:"12px",color:"var(--color-text)"},itemStyle:{color:"var(--color-text)"},formatter:e=>["cost"===i?`$${e.toFixed(4)}`:L(e),"cost"===i?"Cost":"Tokens"],labelFormatter:(e,t)=>t?.[0]?.payload?.fullName||e}),(0,r.jsx)(E.yP,{dataKey:"value",radius:[4,4,0,0],maxBarSize:40,children:W.map((e,t)=>(0,r.jsx)(R.f,{fill:T[t%T.length]},t))})]})})]}):(0,r.jsx)(d.default,{className:"p-4 flex items-center justify-center text-text-muted text-sm h-full",children:"No employee data"}),(0,r.jsx)(N.A,{from:o?.from,to:o?.to})]})]}):(0,r.jsx)("div",{className:"text-text-muted text-center py-12",children:"Failed to load employee data."})]})}let U=e=>new Intl.NumberFormat().format(e||0),_=[{key:"name",label:"Employee",align:"left"},{key:"isActive",label:"Status",align:"center"},{key:"totalRequests",label:"Requests",align:"right"},{key:"totalPromptTokens",label:"Input Tokens",align:"right"},{key:"totalCompletionTokens",label:"Output Tokens",align:"right"},{key:"totalTokens",label:"Total Tokens",align:"right"},{key:"totalCost",label:"Cost",align:"right"},{key:"modelsUsed",label:"Models",align:"right"},{key:"lastActive",label:"Last Active",align:"right"},{key:"apiKey",label:"API Key",align:"center",sortable:!1}];function W(){let e=(0,l.useRouter)(),[t,s]=(0,a.useState)(null),[o,n]=(0,a.useState)(null),[i,x]=(0,a.useState)(!0),[u,p]=(0,a.useState)(""),[h,f]=(0,a.useState)("lastActive"),[g,b]=(0,a.useState)("desc");(0,a.useEffect)(()=>{{let e=localStorage.getItem("9router-emp-sort-key"),t=localStorage.getItem("9router-emp-sort-dir"),s=localStorage.getItem("9router-emp-filter");e&&f(e),t&&b(t),null!==s&&p(s)}},[]);let y=(0,a.useCallback)(async()=>{if(t){x(!0);try{let e=`from=${encodeURIComponent(t.from)}&to=${encodeURIComponent(t.to)}`,s=await fetch(`/api/employees/stats?${e}`);if(s.ok){let e=await s.json();n(e)}}catch(e){console.error("Failed to fetch:",e)}finally{x(!1)}}},[t]);(0,a.useEffect)(()=>{y()},[y]);let v=o?.employees||[],j=(0,a.useMemo)(()=>(u?v.filter(e=>e.name?.toLowerCase().includes(u.toLowerCase())):[...v]).sort((e,t)=>{let s=e[h],r=t[h];return("name"===h?(s=(s||"").toLowerCase(),r=(r||"").toLowerCase()):"isActive"===h?(s=+!!s,r=+!!r):"lastActive"===h?(s=s?new Date(s).getTime():0,r=r?new Date(r).getTime():0):(s=s||0,r=r||0),s<r)?"asc"===g?-1:1:s>r?"asc"===g?1:-1:0}),[v,u,h,g]);return(0,r.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between",children:[(0,r.jsx)("input",{type:"text",placeholder:"Filter by name...",value:u,onChange:e=>{let t=e.target.value;p(t),localStorage.setItem("9router-emp-filter",t)},className:"px-3 py-1.5 rounded-lg border border-border bg-bg text-sm text-text focus:outline-none focus:ring-2 focus:ring-primary/50 w-48"}),(0,r.jsx)(c.default,{defaultPreset:"last7",onChange:s})]}),i?(0,r.jsx)("div",{className:"flex items-center justify-center py-12 text-text-muted",children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[32px] animate-spin",children:"progress_activity"})}):(0,r.jsx)(d.default,{className:"overflow-hidden",children:(0,r.jsx)("div",{className:"overflow-x-auto",children:(0,r.jsxs)("table",{className:"w-full text-sm text-left",children:[(0,r.jsx)("thead",{className:"bg-bg-subtle/30 text-text-muted uppercase text-xs",children:(0,r.jsx)("tr",{children:_.map(e=>{let t=!1!==e.sortable,s=h===e.key,a="center"===e.align?"text-center":"right"===e.align?"text-right":"text-left";return(0,r.jsx)("th",{className:`px-6 py-3 ${a} ${t?"cursor-pointer select-none hover:text-text transition-colors":""}`,onClick:()=>{var s;let r;return t&&(s=e.key,r="desc",void(s===h&&(r="asc"===g?"desc":"asc"),f(s),b(r),localStorage.setItem("9router-emp-sort-key",s),localStorage.setItem("9router-emp-sort-dir",r)))},children:(0,r.jsxs)("span",{className:"inline-flex items-center gap-1",children:[e.label,t&&s&&(0,r.jsx)("span",{className:"text-[10px]",children:"asc"===g?"↑":"↓"}),t&&!s&&(0,r.jsx)("span",{className:"opacity-20 text-[10px]",children:"↕"})]})},e.key)})})}),(0,r.jsxs)("tbody",{className:"divide-y divide-border",children:[j.map(t=>{let s;return(0,r.jsxs)("tr",{onClick:()=>e.push(`/dashboard/employees/${t.keyId}`),className:"hover:bg-bg-subtle/50 transition-colors cursor-pointer",children:[(0,r.jsx)("td",{className:"px-6 py-3 font-medium",children:t.name||"Unnamed"}),(0,r.jsx)("td",{className:"px-6 py-3 text-center",children:(0,r.jsx)(m.default,{variant:t.isActive?"success":"error",size:"sm",children:t.isActive?"Active":"Inactive"})}),(0,r.jsx)("td",{className:"px-6 py-3 text-right",children:U(t.totalRequests)}),(0,r.jsx)("td",{className:"px-6 py-3 text-right text-primary",children:U(t.totalPromptTokens)}),(0,r.jsx)("td",{className:"px-6 py-3 text-right text-success",children:U(t.totalCompletionTokens)}),(0,r.jsx)("td",{className:"px-6 py-3 text-right font-medium",children:U(t.totalTokens)}),(0,r.jsx)("td",{className:"px-6 py-3 text-right font-medium text-warning",children:(s=t.totalCost,`$${(s||0).toFixed(2)}`)}),(0,r.jsx)("td",{className:"px-6 py-3 text-right",children:t.modelsUsed}),(0,r.jsx)("td",{className:"px-6 py-3 text-right whitespace-nowrap",children:(0,r.jsxs)("span",{className:"inline-flex items-center gap-1",children:[t.lastActive&&(0,r.jsx)("span",{className:`inline-block size-1.5 rounded-full ${function(e){if(!e)return"";let t=(Date.now()-new Date(e))/6e4;return t<1?"bg-green-500":t<=60?"bg-blue-400":"bg-red-500"}(t.lastActive)} ${(Date.now()-new Date(t.lastActive))/6e4<=60?"animate-pulse":""}`}),(0,r.jsx)("span",{className:`font-semibold ${function(e){if(!e)return"text-text-muted";let t=(Date.now()-new Date(e))/6e4;return t<1?"text-green-500":t<=60?"text-blue-400":"text-red-400"}(t.lastActive)}`,children:function(e){if(!e)return"Never";let t=Math.floor((Date.now()-new Date(e))/6e4);return t<1?"JUST NOW":t<60?`${t}m ago`:t<1440?`${Math.floor(t/60)}h ago`:new Date(e).toLocaleDateString()}(t.lastActive)})]})}),(0,r.jsx)("td",{className:"px-6 py-3 text-center",children:(0,r.jsx)("code",{className:"text-xs bg-bg-subtle px-2 py-0.5 rounded",children:t.apiKey})})]},t.keyId)}),0===j.length&&(0,r.jsx)("tr",{children:(0,r.jsx)("td",{colSpan:10,className:"px-6 py-8 text-center text-text-muted",children:"No employees found."})})]})]})})})]})}var B=s(57250),H=s(45564);function Q(e,t){return t&&0!==t?!e||e<0?100:e>=t?0:Math.round((t-e)/t*100):0}function G({quotas:e=[]}){return e&&0!==e.length?(0,r.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:e.map((e,t)=>{let s=void 0!==e.remainingPercentage?Math.round(e.remainingPercentage):Q(e.used,e.total),a=s>70?{text:"text-green-600 dark:text-green-400",bg:"bg-green-500",bgLight:"bg-green-500/10",emoji:"\uD83D\uDFE2"}:s>=30?{text:"text-yellow-600 dark:text-yellow-400",bg:"bg-yellow-500",bgLight:"bg-yellow-500/10",emoji:"\uD83D\uDFE1"}:{text:"text-red-600 dark:text-red-400",bg:"bg-red-500",bgLight:"bg-red-500/10",emoji:"\uD83D\uDD34"},l=function(e){if(!e)return"-";try{let t="string"==typeof e?new Date(e):e,s=new Date,r=t-s;if(r<=0)return"-";let a=Math.ceil(r/6e4);if(a<60)return`${a}m`;let l=Math.floor(a/60),o=a%60;if(l<24)return`${l}h ${o}m`;let n=Math.floor(l/24);return`${n}d ${l%24}h ${o}m`}catch(e){return"-"}}(e.resetAt),o=function(e){if(!e)return null;try{let t=new Date(e),s=new Date,r=new Date(s.getFullYear(),s.getMonth(),s.getDate()),a=new Date(r);a.setDate(a.getDate()+1);let l="";l=t>=r&&t<a?"Today":t>=a&&t<new Date(a.getTime()+864e5)?"Tomorrow":t.toLocaleDateString("en-US",{month:"short",day:"numeric"});let o=t.toLocaleTimeString("en-US",{hour:"numeric",minute:"2-digit",hour12:!0});return`${l}, ${o}`}catch{return null}}(e.resetAt);return(0,r.jsxs)("div",{className:"flex flex-col gap-2 p-3 rounded-lg border border-black/5 dark:border-white/5 bg-black/[0.02] dark:bg-white/[0.02]",children:[(0,r.jsxs)("div",{className:"flex items-start justify-between gap-2",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)("span",{className:"text-xs",children:a.emoji}),(0,r.jsx)("span",{className:"text-sm font-medium text-text-primary break-all",children:e.name})]}),(0,r.jsx)("div",{className:"text-right whitespace-nowrap",children:"-"!==l||o?(0,r.jsxs)("div",{className:"flex flex-col items-end",children:["-"!==l&&(0,r.jsxs)("span",{className:"text-xs text-text-primary font-medium",children:["in ",l]}),o&&(0,r.jsx)("span",{className:"text-[10px] text-text-muted",children:o})]}):(0,r.jsx)("span",{className:"text-xs text-text-muted italic",children:"N/A"})})]}),(0,r.jsxs)("div",{className:"space-y-1.5 mt-1",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between text-xs mb-1",children:[(0,r.jsxs)("span",{className:"text-text-muted",children:[e.used.toLocaleString()," / ",e.total>0?e.total.toLocaleString():"∞"]}),(0,r.jsxs)("span",{className:`font-medium ${a.text}`,children:[s,"%"]})]}),(0,r.jsx)("div",{className:`h-1.5 rounded-full overflow-hidden border ${a.bgLight} ${0===s?"border-black/10 dark:border-white/10":"border-transparent"}`,children:(0,r.jsx)("div",{className:`h-full transition-all duration-300 ${a.bg}`,style:{width:`${Math.min(s,100)}%`}})})]})]},t)})}):null}var X=s(92542);function J(){let[e,t]=(0,a.useState)([]),[s,l]=(0,a.useState)({}),[o,n]=(0,a.useState)({}),[i,c]=(0,a.useState)({}),[m,x]=(0,a.useState)(!0),[u,p]=(0,a.useState)(null),[h,g]=(0,a.useState)(!1),[b,y]=(0,a.useState)(60),[v,j]=(0,a.useState)(!0),N=(0,a.useRef)(null),w=(0,a.useRef)(null),k=(0,a.useCallback)(async()=>{try{let e=await fetch("/api/providers/client");if(!e.ok)throw Error("Failed to fetch connections");let s=(await e.json()).connections||[];return t(s),s}catch(e){return console.error("Error fetching connections:",e),t([]),[]}},[]),S=(0,a.useCallback)(async(e,t)=>{n(t=>({...t,[e]:!0})),c(t=>({...t,[e]:null}));try{console.log(`[ProviderLimits] Fetching quota for ${t} (${e})`);let s=await fetch(`/api/usage/${e}`);if(!s.ok){let r=(await s.json().catch(()=>({}))).error||s.statusText;if(404===s.status)return void console.warn(`[ProviderLimits] Connection not found for ${t}, skipping`);if(401===s.status){console.warn(`[ProviderLimits] Auth error for ${t}:`,r),l(t=>({...t,[e]:{quotas:[],message:r}}));return}throw Error(`HTTP ${s.status}: ${r}`)}let r=await s.json();console.log(`[ProviderLimits] Got quota for ${t}:`,r);let a=function(e,t){if(!t||"object"!=typeof t)return[];let s=[];try{switch(e.toLowerCase()){case"github":default:t.quotas&&Object.entries(t.quotas).forEach(([e,t])=>{s.push({name:e,used:t.used||0,total:t.total||0,resetAt:t.resetAt||null})});break;case"antigravity":{let e={"gemini-3.1-pro-high":"Gemini 3.1 Pro","gemini-3-flash":"Gemini 3 Flash","claude-opus-4-6-thinking":"Claude"};t.quotas&&Object.entries(t.quotas).forEach(([t,r])=>{e[t]&&s.push({name:e[t],modelKey:t,used:r.used||0,total:r.total||0,resetAt:r.resetAt||null,remainingPercentage:r.remainingPercentage})});break}case"codex":t.quotas&&Object.entries(t.quotas).forEach(([e,t])=>{s.push({name:e,used:t.used||0,total:t.total||0,resetAt:t.resetAt||null})});break;case"kiro":t.quotas&&Object.entries(t.quotas).forEach(([e,t])=>{s.push({name:e,used:t.used||0,total:t.total||0,resetAt:t.resetAt||null})});break;case"claude":t.message?s.push({name:"error",used:0,total:0,resetAt:null,message:t.message}):t.quotas&&Object.entries(t.quotas).forEach(([e,t])=>{s.push({name:e,used:t.used||0,total:t.total||0,resetAt:t.resetAt||null})})}}catch(t){return console.error(`Error parsing quota data for ${e}:`,t),[]}let r=(0,H.KC)(e);if(r.length>0){let e=new Map(r.map((e,t)=>[e.id,t]));s.sort((t,s)=>{let r=t.modelKey||t.name,a=s.modelKey||s.name;return(e.get(r)??999)-(e.get(a)??999)})}return s}(t,r);l(t=>({...t,[e]:{quotas:a,plan:r.plan||null,message:r.message||null,raw:r}}))}catch(s){console.error(`[ProviderLimits] Error fetching quota for ${t} (${e}):`,s),c(t=>({...t,[e]:s.message||"Failed to fetch quota"}))}finally{n(t=>({...t,[e]:!1}))}},[]),C=(0,a.useCallback)(async(e,t)=>{await S(e,t),p(new Date)},[S]),$=(0,a.useCallback)(async()=>{if(!h){g(!0),y(60);try{let e=(await k()).filter(e=>f.wb.includes(e.provider)&&"oauth"===e.authType);await Promise.all(e.map(e=>S(e.id,e.provider))),p(new Date)}catch(e){console.error("Error refreshing all providers:",e)}finally{g(!1)}}},[h,k,S]);(0,a.useEffect)(()=>{(async()=>{j(!0);let e=await k();j(!1);let t=e.filter(e=>f.wb.includes(e.provider)&&"oauth"===e.authType),s={};t.forEach(e=>{s[e.id]=!0}),n(s),await Promise.all(t.map(e=>S(e.id,e.provider))),p(new Date)})()},[]),(0,a.useEffect)(()=>{if(!m){N.current&&(clearInterval(N.current),N.current=null),w.current&&(clearInterval(w.current),w.current=null);return}return N.current=setInterval(()=>{$()},6e4),w.current=setInterval(()=>{y(e=>e<=1?60:e-1)},1e3),()=>{N.current&&clearInterval(N.current),w.current&&clearInterval(w.current)}},[m,$]),(0,a.useEffect)(()=>{let e=()=>{document.hidden?(N.current&&(clearInterval(N.current),N.current=null),w.current&&(clearInterval(w.current),w.current=null)):m&&(N.current=setInterval($,6e4),w.current=setInterval(()=>{y(e=>e<=1?60:e-1)},1e3))};return document.addEventListener("visibilitychange",e),()=>{document.removeEventListener("visibilitychange",e)}},[m,$]);let q=(0,a.useCallback)(()=>{if(!u)return"Never";let e=Math.floor((new Date-u)/6e4),t=Math.floor(e/60),s=Math.floor(t/24);return s>0?`${s}d ago`:t>0?`${t}h ago`:e>0?`${e}m ago`:"Just now"},[u]),A=[...e.filter(e=>f.wb.includes(e.provider)&&"oauth"===e.authType)].sort((e,t)=>{let s=f.wb.indexOf(e.provider),r=f.wb.indexOf(t.provider);return s!==r?s-r:e.provider.localeCompare(t.provider)});return(A.length,Object.values(s).filter(e=>e?.quotas?.length>0).length,Object.values(s).reduce((e,t)=>t?.quotas?e+ +!!t.quotas.some(e=>30>Q(e.used,e.total)&&e.total>0):e,0),v||0!==A.length)?(0,r.jsxs)("div",{className:"space-y-6",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between flex-wrap gap-4",children:[(0,r.jsxs)("div",{className:"flex items-center gap-3",children:[(0,r.jsx)("h2",{className:"text-xl font-semibold text-text-primary",children:"Provider Limits"}),(0,r.jsxs)("span",{className:"text-sm text-text-muted",children:["Last updated: ",q()]})]}),(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsxs)("button",{onClick:()=>x(e=>!e),className:"flex items-center gap-2 px-3 py-2 rounded-lg border border-black/10 dark:border-white/10 hover:bg-black/5 dark:hover:bg-white/5 transition-colors",title:m?"Disable auto-refresh":"Enable auto-refresh",children:[(0,r.jsx)("span",{className:`material-symbols-outlined text-[18px] ${m?"text-primary":"text-text-muted"}`,children:m?"toggle_on":"toggle_off"}),(0,r.jsx)("span",{className:"text-sm text-text-primary",children:"Auto-refresh"}),m&&(0,r.jsxs)("span",{className:"text-xs text-text-muted",children:["(",b,"s)"]})]}),(0,r.jsx)(X.default,{variant:"secondary",size:"md",icon:"refresh",onClick:$,disabled:h,loading:h,children:"Refresh All"})]})]}),(0,r.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-2 2xl:grid-cols-2 gap-4",children:A.map(e=>{let t=s[e.id],a=o[e.id],l=i[e.id];return(0,r.jsxs)(d.default,{padding:"none",children:[(0,r.jsx)("div",{className:"px-4 py-3 border-b border-black/10 dark:border-white/10",children:(0,r.jsxs)("div",{className:"flex items-center justify-between",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,r.jsx)("div",{className:"w-8 h-8 rounded-md flex items-center justify-center overflow-hidden",children:(0,r.jsx)(B.A,{src:`/providers/${e.provider}.png`,alt:e.provider,size:32,className:"object-contain",fallbackText:e.provider?.slice(0,2).toUpperCase()||"PR"})}),(0,r.jsxs)("div",{children:[(0,r.jsx)("h3",{className:"text-sm font-semibold text-text-primary capitalize",children:e.provider}),e.name&&(0,r.jsx)("p",{className:"text-xs text-text-muted",children:e.name})]})]}),(0,r.jsx)("button",{onClick:()=>C(e.id,e.provider),disabled:a,className:"p-1.5 rounded-md hover:bg-black/5 dark:hover:bg-white/5 transition-colors disabled:opacity-50",title:"Refresh quota",children:(0,r.jsx)("span",{className:`material-symbols-outlined text-[18px] text-text-muted ${a?"animate-spin":""}`,children:"refresh"})})]})}),(0,r.jsx)("div",{className:"p-6",children:a?(0,r.jsx)("div",{className:"text-center py-8 text-text-muted",children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[32px] animate-spin",children:"progress_activity"})}):l?(0,r.jsxs)("div",{className:"text-center py-8",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[32px] text-red-500",children:"error"}),(0,r.jsx)("p",{className:"mt-2 text-sm text-text-muted",children:l})]}):t?.message?(0,r.jsx)("div",{className:"text-center py-8",children:(0,r.jsx)("p",{className:"text-sm text-text-muted",children:t.message})}):(0,r.jsx)(G,{quotas:t?.quotas})})]},e.id)})})]}):(0,r.jsx)(d.default,{padding:"lg",children:(0,r.jsxs)("div",{className:"text-center py-12",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[64px] text-text-muted opacity-20",children:"cloud_off"}),(0,r.jsx)("h3",{className:"mt-4 text-lg font-semibold text-text-primary",children:"No Providers Connected"}),(0,r.jsx)("p",{className:"mt-2 text-sm text-text-muted max-w-md mx-auto",children:"Connect to providers with OAuth to track your API quota limits and usage."})]})})}function V(){return(0,r.jsx)(a.Suspense,{fallback:(0,r.jsx)(o.Qv,{}),children:(0,r.jsx)(Y,{})})}function Y(){let e=(0,l.useSearchParams)(),t=(0,l.useRouter)(),[s,n]=(0,a.useState)(!1),[i,c]=(0,a.useState)("overview"),[d,m]=(0,a.useState)(!1);return((0,a.useEffect)(()=>{m(!0);let s=e.get("tab");if(s&&["overview","details","quota"].includes(s))c(s),localStorage.setItem("9router-emp-tab",s);else{let s=localStorage.getItem("9router-emp-tab");if(s&&["overview","details","quota"].includes(s)){c(s);let r=new URLSearchParams(e);r.set("tab",s),t.replace(`/dashboard/employees?${r.toString()}`,{scroll:!1})}else c("overview")}},[e,t]),d)?(0,r.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,r.jsx)(o.Iz,{options:[{value:"overview",label:"Overview"},{value:"details",label:"Details"},{value:"quota",label:"Quota Checker"}],value:i,onChange:s=>{if(s===i)return;n(!0),c(s),localStorage.setItem("9router-emp-tab",s);let r=new URLSearchParams(e);r.set("tab",s),t.push(`/dashboard/employees?${r.toString()}`,{scroll:!1}),setTimeout(()=>n(!1),300)}}),s?(0,r.jsx)(o.Qv,{}):(0,r.jsxs)(r.Fragment,{children:["overview"===i&&(0,r.jsx)(a.Suspense,{fallback:(0,r.jsx)(o.Qv,{}),children:(0,r.jsx)(K,{})}),"details"===i&&(0,r.jsx)(W,{}),"quota"===i&&(0,r.jsx)(a.Suspense,{fallback:(0,r.jsx)(o.Qv,{}),children:(0,r.jsx)(J,{})})]})]}):(0,r.jsx)(o.Qv,{})}},70842:(e,t,s)=>{Promise.resolve().then(s.bind(s,41803))}},e=>{e.O(0,[2574,3862,6902,7505,1321,5497,8441,3794,7358],()=>e(e.s=70842)),_N_E=e.O()}]);

package/app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "9router-app",
-  "version": "0.3.60-i14",
+  "version": "0.3.60-i15",
   "description": "9Router web dashboard",
   "private": true,
   "scripts": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thangnm.nip/irouter",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "description": "9Router CLI - Start and manage 9Router server",
   "bin": {
     "irouter": "./cli.js"