@thangnm.nip/irouter 0.0.19 → 0.0.22

package/app/.next/static/chunks/app/(dashboard)/dashboard/employees/[keyId]/page-b9277030c5883e7b.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5184],{29499:(e,t,s)=>{"use strict";s.d(t,{A:()=>n});var a=s(95155),l=s(12115),r=s(31474);function n({isOpen:e,onClose:t,title:s,children:i,width:d="md",className:o}){let c={sm:"w-[400px]",md:"w-[500px]",lg:"w-[600px]",xl:"w-[800px]",full:"w-full"};return((0,l.useEffect)(()=>(e?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[e]),(0,l.useEffect)(()=>{let s=s=>{"Escape"===s.key&&e&&t()};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[e,t]),e)?(0,a.jsxs)("div",{className:"fixed inset-0 z-50",children:[(0,a.jsx)("div",{className:"absolute inset-0 bg-black/50 backdrop-blur-sm transition-opacity cursor-pointer",onClick:t,"aria-hidden":"true"}),(0,a.jsxs)("div",{className:(0,r.cn)("absolute right-0 top-0 h-full bg-surface shadow-2xl flex flex-col","animate-in slide-in-from-right duration-200","border-l border-black/10 dark:border-white/10",c[d]||c.md,o),children:[(0,a.jsxs)("div",{className:"flex items-center justify-between p-6 border-b border-black/5 dark:border-white/5 flex-shrink-0",children:[(0,a.jsx)("div",{className:"flex items-center gap-3",children:s&&(0,a.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:s})}),(0,a.jsx)("button",{type:"button",onClick:t,className:"p-1.5 rounded-lg text-text-muted hover:bg-black/5 dark:hover:bg-white/5 transition-colors",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"close"})})]}),(0,a.jsx)("div",{className:"flex-1 overflow-y-auto p-6",children:i})]})]}):null}},50378:(e,t,s)=>{"use strict";s.d(t,{A:()=>n});var a=s(95155),l=s(31474),r=s(92542);function n({currentPage:e,pageSize:t,totalItems:s,onPageChange:i,onPageSizeChange:d,className:o}){let c=Math.ceil(s/t),x=s>0?(e-1)*t+1:0,m=Math.min(e*t,s),p=(()=>{let t=[],s=Math.max(1,e-2),a=Math.min(c,s+5-1);a-s+1<5&&(s=Math.max(1,a-5+1));for(let e=s;e<=a;e++)t.push(e);return t})();return(0,a.jsxs)("div",{className:(0,l.cn)("flex flex-col sm:flex-row items-center justify-between gap-4 py-4",o),children:[s>0&&(0,a.jsxs)("div",{className:"text-sm text-text-muted",children:["Showing ",(0,a.jsx)("span",{className:"font-medium text-text-main",children:x})," to"," ",(0,a.jsx)("span",{className:"font-medium text-text-main",children:m})," of"," ",(0,a.jsx)("span",{className:"font-medium text-text-main",children:s})," results"]}),(0,a.jsxs)("div",{className:"flex items-center gap-4",children:[d&&(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"text-sm text-text-muted",children:"Rows:"}),(0,a.jsx)("select",{value:t,onChange:e=>d(Number(e.target.value)),className:(0,l.cn)("h-9 rounded-lg border border-black/10 dark:border-white/10 bg-surface","text-sm text-text-main focus:outline-none focus:ring-2 focus:ring-primary/20","cursor-pointer"),children:[10,20,50].map(e=>(0,a.jsx)("option",{value:e,children:e},e))})]}),c>1&&(0,a.jsxs)("div",{className:"flex items-center gap-1",children:[(0,a.jsx)(r.default,{variant:"outline",size:"sm",onClick:()=>i(e-1),disabled:1===e,className:"w-9 px-0",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"chevron_left"})}),p[0]>1&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(r.default,{variant:"ghost",size:"sm",onClick:()=>i(1),className:"w-9 px-0",children:"1"}),p[0]>2&&(0,a.jsx)("span",{className:"text-text-muted px-1",children:"..."})]}),p.map(t=>(0,a.jsx)(r.default,{variant:e===t?"primary":"ghost",size:"sm",onClick:()=>i(t),className:"w-9 px-0",children:t},t)),p[p.length-1]<c&&(0,a.jsxs)(a.Fragment,{children:[p[p.length-1]<c-1&&(0,a.jsx)("span",{className:"text-text-muted px-1",children:"..."}),(0,a.jsx)(r.default,{variant:"ghost",size:"sm",onClick:()=>i(c),className:"w-9 px-0",children:c})]}),(0,a.jsx)(r.default,{variant:"outline",size:"sm",onClick:()=>i(e+1),disabled:e===c,className:"w-9 px-0",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"chevron_right"})})]})]})]})}},52229:(e,t,s)=>{Promise.resolve().then(s.bind(s,71086))},71086:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>D});var a=s(95155),l=s(12115),r=s(73321),n=s(35497),i=s(84588),d=s(56061),o=s(33041),c=s(1728),x=s(90639),m=s(28408),p=s(32539),h=s(59656),u=s(65671),f=s(54736);let j=e=>new Intl.NumberFormat().format(e||0),g=e=>`$${(e||0).toFixed(4)}`;function b({keyId:e}){let t,[s,r]=(0,l.useState)(null),[n,N]=(0,l.useState)(!0),[y,v]=(0,l.useState)(null),[k,w]=(0,l.useState)([]),[C,S]=(0,l.useState)("tokens"),R=(0,l.useCallback)(async()=>{if(y){N(!0);try{let t=`from=${encodeURIComponent(y.from)}&to=${encodeURIComponent(y.to)}`,[s,a]=await Promise.all([fetch(`/api/employees/${e}/stats?${t}`),fetch(`/api/usage/chart?${t}&apiKey=${e}`)]);if(s.ok){let e=await s.json();r(e)}if(a.ok){let e=await a.json();w(e)}}catch(e){console.error("Failed to fetch:",e)}finally{N(!1)}}},[e,y]);(0,l.useEffect)(()=>{R()},[R]);let{modelRows:q,providerRows:T}=(0,l.useMemo)(()=>s?{modelRows:Object.entries(s.byModel||{}).map(([e,t])=>({name:e,provider:t.provider||"—",requests:t.requests||0,promptTokens:t.promptTokens||0,completionTokens:t.completionTokens||0,cost:t.cost||0})).sort((e,t)=>t.cost-e.cost),providerRows:Object.entries(s.byProvider||{}).map(([e,t])=>({name:e,requests:t.requests||0,promptTokens:t.promptTokens||0,completionTokens:t.completionTokens||0,cost:t.cost||0})).sort((e,t)=>t.cost-e.cost)}:{modelRows:[],providerRows:[]},[s]),{employee:$,stats:P}=s||{};return(0,a.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,a.jsx)("div",{className:"flex items-center gap-2 self-end",children:(0,a.jsx)(o.default,{defaultPreset:"last7",onChange:v})}),n?(0,a.jsx)("div",{className:"flex items-center justify-center py-12 text-text-muted",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[32px] animate-spin",children:"progress_activity"})}):s?.employee?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(i.default,{className:"p-4 flex items-center gap-4 flex-wrap",children:[(0,a.jsx)("div",{className:"flex items-center justify-center size-12 rounded-full bg-primary/10 text-primary shrink-0",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[24px]",children:"person"})}),(0,a.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,a.jsx)("h2",{className:"text-xl font-bold truncate",children:$.name||"Unnamed"}),(0,a.jsxs)("div",{className:"flex items-center gap-3 mt-1 flex-wrap",children:[(0,a.jsx)("code",{className:"text-xs bg-bg-subtle px-2 py-0.5 rounded",children:$.apiKey}),(0,a.jsx)(d.default,{variant:$.isActive?"success":"error",size:"sm",children:$.isActive?"Active":"Inactive"}),(0,a.jsxs)("span",{className:"text-xs text-text-muted",children:["Created ",$.createdAt?new Date($.createdAt).toLocaleDateString():"Unknown"]}),P?.lastActive&&(t=(Date.now()-new Date(P.lastActive))/6e4,(0,a.jsxs)("span",{className:"text-xs flex items-center gap-1",children:[(0,a.jsx)("span",{className:`inline-block size-1.5 rounded-full ${t<1?"bg-green-500":t<=60?"bg-blue-400":"bg-red-500"} ${t<=60?"animate-pulse":""}`}),(0,a.jsx)("span",{className:"text-text-muted",children:"Last Active:"}),(0,a.jsx)("span",{className:`font-semibold ${t<1?"text-green-500":t<=60?"text-blue-400":"text-red-400"}`,children:(e=>{if(!e)return"Unknown";let t=new Date,s=new Date(e),a=Math.floor((t-s)/1e3),l=Math.floor(a/60),r=Math.floor(l/60),n=Math.floor(r/24);return a<60?"JUST NOW":l<60?`${l} min ago`:r<24?`${r} hour${r>1?"s":""} ago`:1===n?"Yesterday":n<7?`${n} days ago`:s.toLocaleDateString()})(P.lastActive)})]}))]})]})]}),(0,a.jsxs)("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[(0,a.jsxs)(i.default,{className:"px-4 py-3 flex flex-col gap-1",children:[(0,a.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Total Requests"}),(0,a.jsx)("span",{className:"text-2xl font-bold",children:j(P.totalRequests)})]}),(0,a.jsxs)(i.default,{className:"px-4 py-3 flex flex-col gap-1",children:[(0,a.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Input Tokens"}),(0,a.jsx)("span",{className:"text-2xl font-bold text-primary",children:j(P.totalPromptTokens)})]}),(0,a.jsxs)(i.default,{className:"px-4 py-3 flex flex-col gap-1",children:[(0,a.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Output Tokens"}),(0,a.jsx)("span",{className:"text-2xl font-bold text-success",children:j(P.totalCompletionTokens)})]}),(0,a.jsxs)(i.default,{className:"px-4 py-3 flex flex-col gap-1",children:[(0,a.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Est. Cost"}),(0,a.jsxs)("span",{className:"text-2xl font-bold text-warning",children:["~",g(P.totalCost)]})]})]}),k.length>0&&(0,a.jsxs)(i.default,{className:"p-4 flex flex-col gap-3",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsx)("h3",{className:"font-semibold text-sm text-text-muted uppercase",children:"Usage Trend"}),(0,a.jsxs)("div",{className:"flex items-center gap-1 bg-bg-subtle rounded-lg p-1 border border-border",children:[(0,a.jsx)("button",{onClick:()=>S("tokens"),className:`px-3 py-1 rounded-md text-sm font-medium transition-colors ${"tokens"===C?"bg-primary text-white shadow-sm":"text-text-muted"}`,children:"Tokens"}),(0,a.jsx)("button",{onClick:()=>S("cost"),className:`px-3 py-1 rounded-md text-sm font-medium transition-colors ${"cost"===C?"bg-primary text-white shadow-sm":"text-text-muted"}`,children:"Cost"})]})]}),(0,a.jsx)(c.u,{width:"100%",height:220,children:(0,a.jsxs)(x.Q,{data:k,margin:{top:4,right:8,left:0,bottom:0},children:[(0,a.jsx)("defs",{children:(0,a.jsxs)("linearGradient",{id:"empGrad",x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,a.jsx)("stop",{offset:"5%",stopColor:"tokens"===C?"#6366f1":"#f59e0b",stopOpacity:.3}),(0,a.jsx)("stop",{offset:"95%",stopColor:"tokens"===C?"#6366f1":"#f59e0b",stopOpacity:0})]})}),(0,a.jsx)(m.d,{strokeDasharray:"3 3",strokeOpacity:.1}),(0,a.jsx)(p.W,{dataKey:"label",tick:{fontSize:10,fill:"currentColor",fillOpacity:.5},tickLine:!1,axisLine:!1}),(0,a.jsx)(h.h,{tick:{fontSize:10,fill:"currentColor",fillOpacity:.5},tickLine:!1,axisLine:!1,tickFormatter:"cost"===C?e=>`$${e.toFixed(2)}`:e=>e>=1e3?`${(e/1e3).toFixed(0)}K`:e,width:50}),(0,a.jsx)(u.m,{contentStyle:{backgroundColor:"var(--color-bg)",border:"1px solid var(--color-border)",borderRadius:"8px",fontSize:"12px"},formatter:e=>["cost"===C?`$${e.toFixed(4)}`:j(e),"cost"===C?"Cost":"Tokens"]}),(0,a.jsx)(f.Gk,{type:"monotone",dataKey:C,stroke:"tokens"===C?"#6366f1":"#f59e0b",fill:"url(#empGrad)",strokeWidth:2})]})})]}),q.length>0&&(0,a.jsxs)(i.default,{className:"overflow-hidden",children:[(0,a.jsx)("div",{className:"p-4 border-b border-border bg-bg-subtle/50",children:(0,a.jsx)("h3",{className:"font-semibold text-sm",children:"Usage by Model"})}),(0,a.jsx)("div",{className:"overflow-x-auto",children:(0,a.jsxs)("table",{className:"w-full text-sm text-left",children:[(0,a.jsx)("thead",{className:"bg-bg-subtle/30 text-text-muted uppercase text-xs",children:(0,a.jsxs)("tr",{children:[(0,a.jsx)("th",{className:"px-6 py-3",children:"Model"}),(0,a.jsx)("th",{className:"px-6 py-3",children:"Provider"}),(0,a.jsx)("th",{className:"px-6 py-3 text-right",children:"Requests"}),(0,a.jsx)("th",{className:"px-6 py-3 text-right",children:"Input Tokens"}),(0,a.jsx)("th",{className:"px-6 py-3 text-right",children:"Output Tokens"}),(0,a.jsx)("th",{className:"px-6 py-3 text-right",children:"Cost"})]})}),(0,a.jsx)("tbody",{className:"divide-y divide-border",children:q.map(e=>(0,a.jsxs)("tr",{className:"hover:bg-bg-subtle/50 transition-colors",children:[(0,a.jsx)("td",{className:"px-6 py-3 font-medium",children:e.name}),(0,a.jsx)("td",{className:"px-6 py-3 text-text-muted",children:e.provider}),(0,a.jsx)("td",{className:"px-6 py-3 text-right",children:j(e.requests)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right text-primary",children:j(e.promptTokens)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right text-success",children:j(e.completionTokens)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right font-medium text-warning",children:g(e.cost)})]},e.name))})]})})]}),T.length>0&&(0,a.jsxs)(i.default,{className:"overflow-hidden",children:[(0,a.jsx)("div",{className:"p-4 border-b border-border bg-bg-subtle/50",children:(0,a.jsx)("h3",{className:"font-semibold text-sm",children:"Usage by Provider"})}),(0,a.jsx)("div",{className:"overflow-x-auto",children:(0,a.jsxs)("table",{className:"w-full text-sm text-left",children:[(0,a.jsx)("thead",{className:"bg-bg-subtle/30 text-text-muted uppercase text-xs",children:(0,a.jsxs)("tr",{children:[(0,a.jsx)("th",{className:"px-6 py-3",children:"Provider"}),(0,a.jsx)("th",{className:"px-6 py-3 text-right",children:"Requests"}),(0,a.jsx)("th",{className:"px-6 py-3 text-right",children:"Input Tokens"}),(0,a.jsx)("th",{className:"px-6 py-3 text-right",children:"Output Tokens"}),(0,a.jsx)("th",{className:"px-6 py-3 text-right",children:"Cost"})]})}),(0,a.jsx)("tbody",{className:"divide-y divide-border",children:T.map(e=>(0,a.jsxs)("tr",{className:"hover:bg-bg-subtle/50 transition-colors",children:[(0,a.jsx)("td",{className:"px-6 py-3 font-medium",children:e.name}),(0,a.jsx)("td",{className:"px-6 py-3 text-right",children:j(e.requests)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right text-primary",children:j(e.promptTokens)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right text-success",children:j(e.completionTokens)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right font-medium text-warning",children:g(e.cost)})]},e.name))})]})})]})]}):(0,a.jsx)("div",{className:"text-text-muted text-center py-12",children:"Employee not found."})]})}var N=s(92542),y=s(29499),v=s(50378),k=s(31474),w=s(52679);let C=null;async function S(){if(C)return C;try{let e=await fetch("/api/provider-nodes"),t=(await e.json()).nodes||[],s={};for(let e of t)s[e.id]=e.name;C={...w.Q2,...s}}catch{C={...w.Q2}}return C}function R(e,t){if(!e||!t)return e;let s=t[e];if("string"==typeof s)return s;if(s?.name)return s.name;let a=(0,w.zt)(e)||w.Q2[e];return a?.name||e}function q({title:e,children:t,defaultOpen:s=!1,icon:r=null,actions:n=null}){let[i,d]=(0,l.useState)(s);return(0,a.jsxs)("div",{className:"border border-black/5 dark:border-white/5 rounded-lg overflow-hidden",children:[(0,a.jsxs)("div",{className:"flex items-center bg-black/[0.02] dark:bg-white/[0.02]",children:[(0,a.jsxs)("button",{type:"button",onClick:()=>d(!i),className:"flex-1 flex items-center justify-between p-3 hover:bg-black/[0.04] dark:hover:bg-white/[0.04] transition-colors",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[r&&(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px] text-text-muted",children:r}),(0,a.jsx)("span",{className:"font-semibold text-sm text-text-main",children:e})]}),(0,a.jsx)("span",{className:(0,k.cn)("material-symbols-outlined text-[20px] text-text-muted transition-transform duration-200",i?"rotate-90":""),children:"chevron_right"})]}),n&&(0,a.jsx)("div",{className:"pr-3 flex items-center gap-1",children:n})]}),i&&(0,a.jsx)("div",{className:"p-4 border-t border-black/5 dark:border-white/5",children:t})]})}function T({detailId:e,field:t,label:s}){let l=async()=>{let s=`/api/usage/request-details/${encodeURIComponent(e)}/download?field=${t}`;try{let a=await fetch(s);if(!a.ok)return;let l=await a.blob(),r=document.createElement("a");r.href=URL.createObjectURL(l),r.download=`${t}_${e.substring(0,20)}.json`,document.body.appendChild(r),r.click(),document.body.removeChild(r),URL.revokeObjectURL(r.href)}catch(e){console.error("Download failed:",e)}};return(0,a.jsxs)("button",{type:"button",onClick:l,title:`Download ${s} as JSON`,className:(0,k.cn)("flex items-center gap-1 px-2 py-1 rounded-md text-xs font-medium","text-primary hover:bg-primary/10 transition-colors"),children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"download"}),(0,a.jsx)("span",{className:"hidden sm:inline",children:"Download"})]})}function $({data:e}){return e&&("object"!=typeof e||0!==Object.keys(e).length)?e._truncated?(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsxs)("p",{className:"text-xs text-amber-500 font-medium",children:["⚠️ Content truncated (original: ",e._originalSize?.toLocaleString()," chars)"]}),(0,a.jsx)("pre",{className:"text-xs text-text-muted bg-black/[0.02] dark:bg-white/[0.02] p-3 rounded-lg overflow-auto max-h-[300px] custom-scrollbar font-mono whitespace-pre-wrap",children:e._preview||"—"})]}):(0,a.jsx)("pre",{className:"text-xs text-text-muted bg-black/[0.02] dark:bg-white/[0.02] p-3 rounded-lg overflow-auto max-h-[400px] custom-scrollbar font-mono whitespace-pre-wrap",children:"string"==typeof e?e:JSON.stringify(e,null,2)}):(0,a.jsx)("p",{className:"text-text-muted text-sm italic",children:"No data"})}function P(e){return e||0===e?e<1e3?`${Math.round(e)}ms`:`${(e/1e3).toFixed(2)}s`:"—"}let I=e=>new Intl.NumberFormat().format(e||0);function O({keyId:e}){let[t,s]=(0,l.useState)([]),[r,n]=(0,l.useState)({page:1,pageSize:20,totalItems:0,totalPages:0}),[d,c]=(0,l.useState)(!1),[x,m]=(0,l.useState)(null),[p,h]=(0,l.useState)(!1),[u,f]=(0,l.useState)([]),[j,g]=(0,l.useState)(null),[b,w]=(0,l.useState)({provider:"",startDate:"",endDate:""}),C=(0,l.useCallback)(async()=>{try{let e=await fetch("/api/usage/providers"),t=await e.json();f(t.providers||[]);let s=await S();g(s)}catch(e){console.error("Failed to fetch providers:",e)}},[]),D=(0,l.useCallback)(async()=>{c(!0);try{let t=new URLSearchParams({page:r.page.toString(),pageSize:r.pageSize.toString(),apiKeyId:e});b.provider&&t.append("provider",b.provider),b.startDate&&t.append("startDate",b.startDate),b.endDate&&t.append("endDate",b.endDate);let a=await fetch(`/api/usage/request-details?${t}`);if(a.ok){let e=await a.json();s(e.details||[]),n(t=>({...t,...e.pagination}))}}catch(e){console.error("Failed to fetch request details:",e)}finally{c(!1)}},[e,r.page,r.pageSize,b]);(0,l.useEffect)(()=>{C()},[C]),(0,l.useEffect)(()=>{D()},[D]);let[_,z]=(0,l.useState)(!1),F=async e=>{m(e),h(!0),z(!0);try{let t=await fetch(`/api/usage/request-details/${encodeURIComponent(e.id)}`);if(t.ok){let e=await t.json();m(e)}}catch(e){console.error("Failed to load full detail:",e)}finally{z(!1)}};return(0,a.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between flex-wrap gap-4",children:[(0,a.jsx)("div",{className:"flex flex-col gap-2",children:(0,a.jsxs)("select",{id:"emp-provider-filter",value:b.provider,onChange:e=>w({...b,provider:e.target.value}),className:(0,k.cn)("h-9 px-3 rounded-lg border border-black/10 dark:border-white/10 bg-surface","text-sm text-text-main focus:outline-none focus:ring-2 focus:ring-primary/20","cursor-pointer min-w-[150px]"),children:[(0,a.jsx)("option",{value:"",children:"All Providers"}),u.map(e=>(0,a.jsx)("option",{value:e.id,children:e.name},e.id))]})}),(0,a.jsx)(o.default,{defaultPreset:"last7",onChange:e=>{w(t=>({...t,startDate:e.from,endDate:e.to}))}})]}),(0,a.jsxs)(i.default,{className:"overflow-hidden",children:[(0,a.jsx)("div",{className:"overflow-x-auto",children:(0,a.jsxs)("table",{className:"w-full text-sm text-left",children:[(0,a.jsx)("thead",{className:"bg-bg-subtle/30 text-text-muted uppercase text-xs",children:(0,a.jsxs)("tr",{children:[(0,a.jsx)("th",{className:"px-6 py-3",children:"Timestamp"}),(0,a.jsx)("th",{className:"px-6 py-3",children:"Model"}),(0,a.jsx)("th",{className:"px-6 py-3",children:"Provider"}),(0,a.jsx)("th",{className:"px-6 py-3 text-right",children:"Input"}),(0,a.jsx)("th",{className:"px-6 py-3 text-right",children:"Output"}),(0,a.jsx)("th",{className:"px-6 py-3 text-right",children:"Cost"}),(0,a.jsx)("th",{className:"px-6 py-3 text-center",children:"Status"}),(0,a.jsx)("th",{className:"px-6 py-3 text-center",children:"Detail"})]})}),(0,a.jsx)("tbody",{className:"divide-y divide-border",children:d?(0,a.jsx)("tr",{children:(0,a.jsx)("td",{colSpan:8,className:"px-6 py-8 text-center text-text-muted",children:(0,a.jsx)("span",{className:"material-symbols-outlined animate-spin",children:"progress_activity"})})}):0===t.length?(0,a.jsx)("tr",{children:(0,a.jsx)("td",{colSpan:8,className:"px-6 py-8 text-center text-text-muted",children:"No requests found for this employee."})}):t.map((e,t)=>(0,a.jsxs)("tr",{className:"hover:bg-bg-subtle/50 transition-colors",children:[(0,a.jsx)("td",{className:"px-6 py-3 whitespace-nowrap text-text-muted",children:new Date(e.timestamp).toLocaleString()}),(0,a.jsx)("td",{className:"px-6 py-3 font-medium",children:e.model||"—"}),(0,a.jsx)("td",{className:"px-6 py-3 text-text-muted",children:R(e.provider,j)||"—"}),(0,a.jsx)("td",{className:"px-6 py-3 text-right text-primary",children:I(e.tokens?.prompt_tokens||e.promptTokens||0)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right text-success",children:I(e.tokens?.completion_tokens||e.completionTokens||0)}),(0,a.jsxs)("td",{className:"px-6 py-3 text-right text-warning font-medium",children:["$",(e.cost||0).toFixed(4)]}),(0,a.jsx)("td",{className:"px-6 py-3 text-center",children:(0,a.jsx)("span",{className:(0,k.cn)("inline-flex items-center px-2 py-0.5 rounded text-xs font-medium","success"===e.status||"200"===e.status?"bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400":"error"===e.status||e.status&&e.status.startsWith?.("4")||e.status?.startsWith?.("5")?"bg-red-100 dark:bg-red-900/30 text-red-700 dark:text-red-400":"bg-gray-100 dark:bg-gray-900/30 text-gray-700 dark:text-gray-400"),children:e.status||"—"})}),(0,a.jsx)("td",{className:"px-6 py-3 text-center",children:(0,a.jsx)(N.default,{variant:"ghost",size:"sm",onClick:()=>F(e),children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"visibility"})})})]},`${e.id||e.timestamp}-${t}`))})]})}),r.totalPages>1&&(0,a.jsx)("div",{className:"p-4 border-t border-border",children:(0,a.jsx)(v.A,{currentPage:r.page,totalPages:r.totalPages,totalItems:r.totalItems,pageSize:r.pageSize,onPageChange:e=>{n(t=>({...t,page:e}))},onPageSizeChange:e=>{n(t=>({...t,pageSize:e,page:1}))}})})]}),(0,a.jsx)(y.A,{isOpen:p,onClose:()=>{h(!1),m(null)},title:"Request Detail",width:"xl",children:x&&(0,a.jsxs)("div",{className:"space-y-4 p-4",children:[(0,a.jsxs)("div",{className:"grid grid-cols-2 gap-3 text-sm",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-text-muted",children:"Model:"}),(0,a.jsx)("p",{className:"font-medium",children:x.model||"—"})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-text-muted",children:"Provider:"}),(0,a.jsx)("p",{className:"font-medium",children:R(x.provider,j)||"—"})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-text-muted",children:"Timestamp:"}),(0,a.jsx)("p",{className:"font-medium",children:new Date(x.timestamp).toLocaleString()})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-text-muted",children:"Status:"}),(0,a.jsx)("p",{className:"font-medium",children:x.status||"—"})]}),x.latency&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-text-muted",children:"TTFT:"}),(0,a.jsx)("p",{className:"font-medium",children:P(x.latency?.ttft)})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-text-muted",children:"Total Latency:"}),(0,a.jsx)("p",{className:"font-medium",children:P(x.latency?.total)})]})]})]}),(0,a.jsxs)("div",{className:"grid grid-cols-2 gap-3 text-sm bg-bg-subtle/50 p-3 rounded-lg",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-text-muted",children:"Input Tokens:"}),(0,a.jsx)("p",{className:"font-bold text-primary",children:I(x.tokens?.prompt_tokens||x.promptTokens||0)})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"text-text-muted",children:"Output Tokens:"}),(0,a.jsx)("p",{className:"font-bold text-success",children:I(x.tokens?.completion_tokens||x.completionTokens||0)})]})]}),_?(0,a.jsxs)("div",{className:"flex items-center justify-center py-8 text-text-muted",children:[(0,a.jsx)("span",{className:"material-symbols-outlined animate-spin text-[24px]",children:"progress_activity"}),(0,a.jsx)("span",{className:"ml-2 text-sm",children:"Loading request details…"})]}):(0,a.jsxs)(a.Fragment,{children:[x.request&&Object.keys(x.request).length>0&&(0,a.jsx)(q,{title:"Client Request",icon:"upload",defaultOpen:!0,actions:(0,a.jsx)(T,{detailId:x.id,field:"request",label:"Client Request"}),children:(0,a.jsx)($,{data:x.request})}),x.providerRequest&&("string"==typeof x.providerRequest?(0,a.jsx)(q,{title:"Provider Request",icon:"send",actions:(0,a.jsx)(T,{detailId:x.id,field:"provider_request",label:"Provider Request"}),children:(0,a.jsx)("pre",{className:"text-xs text-text-muted whitespace-pre-wrap",children:x.providerRequest})}):Object.keys(x.providerRequest).length>0&&(0,a.jsx)(q,{title:"Provider Request",icon:"send",actions:(0,a.jsx)(T,{detailId:x.id,field:"provider_request",label:"Provider Request"}),children:(0,a.jsx)($,{data:x.providerRequest})})),x.providerResponse&&("string"==typeof x.providerResponse?(0,a.jsx)(q,{title:"Provider Response",icon:"download",actions:(0,a.jsx)(T,{detailId:x.id,field:"provider_response",label:"Provider Response"}),children:(0,a.jsx)("pre",{className:"text-xs text-text-muted whitespace-pre-wrap",children:x.providerResponse})}):Object.keys(x.providerResponse).length>0&&(0,a.jsx)(q,{title:"Provider Response",icon:"download",actions:(0,a.jsx)(T,{detailId:x.id,field:"provider_response",label:"Provider Response"}),children:(0,a.jsx)($,{data:x.providerResponse})})),x.response&&Object.keys(x.response).length>0&&(0,a.jsx)(q,{title:"Client Response",icon:"reply",actions:(0,a.jsx)(T,{detailId:x.id,field:"response",label:"Client Response"}),children:(0,a.jsx)($,{data:x.response})})]})]})})]})}function D({params:e}){let t=(0,l.use)(e);return(0,a.jsx)(l.Suspense,{fallback:(0,a.jsx)(n.Qv,{}),children:(0,a.jsx)(_,{keyId:t.keyId})})}function _({keyId:e}){let t=(0,r.useSearchParams)(),s=(0,r.useRouter)(),[i,d]=(0,l.useState)(!1),o=t.get("tab"),c=o&&["overview","requests"].includes(o)?o:"overview";return(0,a.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,a.jsxs)("button",{onClick:()=>s.push("/dashboard/employees"),className:"flex items-center gap-2 text-text-muted hover:text-text transition-colors text-sm self-start",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"arrow_back"}),"Back to Employees"]}),(0,a.jsx)(n.Iz,{options:[{value:"overview",label:"Overview"},{value:"requests",label:"Request Details"}],value:c,onChange:a=>{if(a===c)return;d(!0);let l=new URLSearchParams(t);l.set("tab",a),s.push(`/dashboard/employees/${e}?${l.toString()}`,{scroll:!1}),setTimeout(()=>d(!1),300)}}),i?(0,a.jsx)(n.Qv,{}):(0,a.jsxs)(a.Fragment,{children:["overview"===c&&(0,a.jsx)(b,{keyId:e}),"requests"===c&&(0,a.jsx)(O,{keyId:e})]})]})}}},e=>{e.O(0,[2574,3862,548,2652,5497,8441,3794,7358],()=>e(e.s=52229)),_N_E=e.O()}]);

package/app/.next/static/chunks/app/(dashboard)/dashboard/employees/page-b81aecb1b36caa33.js

@@ -0,0 +1,11 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7979],{22644:(e,t,s)=>{Promise.resolve().then(s.bind(s,53891))},53891:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>ea});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),x=s(56061),m=s(14051),u=s.n(m),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 j={provider:g,router:y,apikey:b};function v({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()||"",x=n?.toLowerCase()||"",m=(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(x?[x]:[]),[x]),b=(0,a.useMemo)(()=>l.map(e=>`${e.keyName||""}:${e.provider||""}`).join(","),[l]),{nodes:y,edges:k,minRequiredWidth:N}=(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=[],x=[],m=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()<m||(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,m=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:m},draggable:!1}),x.push({id:`e-key-${l}`,source:l,sourceHandle:"right",target:"router",targetHandle:"left",animated:p,style:p?{stroke:m,strokeWidth:2.5,opacity:.9}:c?{stroke:m,strokeWidth:2,opacity:.7}:{stroke:"var(--color-border)",strokeWidth:1,opacity:.2}})})});let j=[];for(let t=0;t<n;t+=7)j.push(e.slice(t,t+7));j.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}),m=s.has(e.provider?.toLowerCase()),u=!m&&r.has(e.provider?.toLowerCase()),h=!m&&a.has(e.provider?.toLowerCase()),b=`provider-${e.provider}`,y=p[e.provider?.toLowerCase()]||new Set,j=y.size>0,v="var(--color-border)",k=1,N=.2,w=!1;h?(v="#ef4444",k=2.5,N=.9):m?(v="#22c55e",k=2.5,N=.9,w=!0):j?(v=g[[...y][0]]||"#6366f1",k=2,N=.7):u&&(v="#f59e0b",k=2,N=.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:m},draggable:!1}),x.push({id:`e-prov-${b}`,source:"router",sourceHandle:"right",target:b,targetHandle:"left",animated:w,style:{stroke:v,strokeWidth:k,opacity:N}})})});let v=b.length>0?-25-c-(y-1)*160-80:-90;return{nodes:d,edges:x,minRequiredWidth:Math.max(800,(j.length>0?-25+c+40+(j.length-1)*160+90:40)-v+10)}})(e,t,u,h,g,l,m),[e,t,c,d,x,b,m]),w=(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:N,height:"100%"},children:(0,r.jsx)(p.Gc,{nodes:y,edges:k,nodeTypes:j,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},w)})})}v.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 k=s(10124);function N({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%); }
+        }
+        .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 w=s(1728),S=s(48035),C=s(28408),$=s(32539),q=s(59656),F=s(65671),T=s(24696),E=s(67389);let D=["#079A8B","#F57C00","#3B82F6","#EF4444","#8B5CF6","#EC4899","#22C55E","#F59E0B"],R=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",L=e=>`$${(e||0).toFixed(2)}`;function M(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:M(e)})}function A({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:[R(e.promptTokens),"↑"]})," ",(0,r.jsxs)("span",{className:"text-success",children:[R(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 B({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:M(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)(B,{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 P(){let[e,t]=(0,a.useState)(null),[s,l]=(0,a.useState)(!0),[o,n]=(0,a.useState)(null),[i,x]=(0,a.useState)("cost"),[m,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&&x(e)}},[]);let j=e=>{x(e),localStorage.setItem("9router-emp-chart-view",e)},[I,M]=(0,a.useState)([]),[O,B]=(0,a.useState)([]),[P,K]=(0,a.useState)({activeRequests:[],recentRequests:[],errorProvider:"",activeKeyNames:[]}),U=(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(U(),y(20),!f)return;let e=setInterval(()=>{U(!0),y(20)},2e4);return()=>clearInterval(e)},[U,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;M(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&&B(e.keys)}).catch(()=>{}),fetch("/api/usage/stats?period=7d").then(e=>e.ok?e.json():null).then(e=>{e&&K({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);K({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:_}=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)(N,{value:_.totalEmployees,format:R})}),(0,r.jsxs)("span",{className:"text-xs text-text-muted",children:[(0,r.jsx)(N,{value:_.activeEmployees,format:R})," 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)(N,{value:_.totalRequests,format:R})})]}),(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)(N,{value:_.totalPromptTokens,format:R})})]}),(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)(N,{value:_.totalCompletionTokens,format:R})})]}),(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)(N,{value:_.totalCost,format:L})]})]})]}),(0,r.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-[4fr_1fr] gap-4 items-stretch",children:[(0,r.jsx)(v,{providers:I,apiKeys:O,activeRequests:P.activeRequests,recentRequests:P.recentRequests,lastProvider:P.recentRequests?.[0]?.provider||"",errorProvider:P.errorProvider,activeKeyNames:P.activeKeyNames}),(0,r.jsx)(z,{employees:e?.employees||[],recentRequests:P.recentRequests})]}),(0,r.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-3 gap-4 items-stretch",children:[(0,r.jsx)(A,{requests:P.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)(w.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)(F.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=>[R(e),"Requests"],labelFormatter:(e,t)=>t?.[0]?.payload?.fullName||e}),(0,r.jsx)(T.yP,{dataKey:"requests",radius:[0,4,4,0],maxBarSize:32,children:p.slice(0,8).map((e,t)=>(0,r.jsx)(E.f,{fill:D[t%D.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 Provider"})}),m.length>0?(0,r.jsx)("div",{className:"flex-1 min-h-0 w-full",children:(0,r.jsx)(w.u,{width:"100%",height:"100%",children:(0,r.jsxs)(S.E,{data:m.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)(F.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=>[R(e),"Requests"],labelFormatter:(e,t)=>t?.[0]?.payload?.fullName||e}),(0,r.jsx)(T.yP,{dataKey:"requests",radius:[0,4,4,0],maxBarSize:32,children:m.slice(0,8).map((e,t)=>(0,r.jsx)(E.f,{fill:D[t%D.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:()=>j("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:()=>j("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)(w.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)(F.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)}`:R(e),"cost"===i?"Cost":"Tokens"],labelFormatter:(e,t)=>t?.[0]?.payload?.fullName||e}),(0,r.jsx)(T.yP,{dataKey:"value",radius:[4,4,0,0],maxBarSize:40,children:W.map((e,t)=>(0,r.jsx)(E.f,{fill:D[t%D.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)(k.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."})]})}var K=s(96647);let U=["#079A8B","#F57C00","#3B82F6","#EF4444","#8B5CF6","#EC4899","#22C55E","#F59E0B","#06B6D4","#6366F1","#14B8A6","#E11D48","#84CC16","#A855F7","#0EA5E9","#D946EF","#f43f5e","#be123c","#9333ea","#7c3aed","#4f46e5","#2563eb","#0284c7","#0891b2","#0d9488","#059669","#16a34a","#65a30d","#ca8a04","#d97706","#ea580c","#dc2626","#b91c1c","#9f1239","#6d28d9","#4338ca","#1d4ed8","#0369a1","#0e7490","#047857","#15803d","#4d7c0f"],W=e=>new Intl.NumberFormat().format(e||0),_=e=>e?e>=1e9?`${(e/1e9).toFixed(1)}B`:e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}K`:String(Math.round(e)):"0";function H({active:e,payload:t,label:s,viewMode:a}){if(!e||!t?.length)return null;let l="cost"===a?"":"tokens"===a?" tokens":" reqs",o="cost"===a?e=>`$${(e||0).toFixed(4)}`:W,n=t.reduce((e,t)=>e+(t.value||0),0);return(0,r.jsxs)("div",{style:{backgroundColor:"var(--color-bg)",border:"1px solid var(--color-border)",borderRadius:"8px",padding:"10px 14px",fontSize:"12px",color:"var(--color-text)",maxHeight:300,overflowY:"auto"},children:[(0,r.jsx)("p",{style:{fontWeight:600,marginBottom:6,color:"var(--color-text-muted)"},children:s}),t.filter(e=>e.value>0).sort((e,t)=>t.value-e.value).map((e,t)=>(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:6,marginBottom:2},children:[(0,r.jsx)("span",{style:{width:8,height:8,borderRadius:2,backgroundColor:e.color,flexShrink:0}}),(0,r.jsx)("span",{style:{flex:1,opacity:.8},children:e.dataKey}),(0,r.jsxs)("span",{style:{fontWeight:600},children:[o(e.value),l]})]},t)),(0,r.jsxs)("div",{style:{borderTop:"1px solid var(--color-border)",marginTop:6,paddingTop:4,fontWeight:700},children:["Total: ",o(n),l]})]})}let Q=[{key:"name",label:"Employee",align:"left"},{key:"isActive",label:"Status",align:"center"},{key:"totalRequests",label:"Requests",align:"right"},{key:"totalPromptTokens",label:"Input ↑",align:"right"},{key:"totalCompletionTokens",label:"Output ↓",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 X(){let e=(0,l.useRouter)(),[t,s]=(0,a.useState)(null),[o,n]=(0,a.useState)(null),[i,m]=(0,a.useState)(!0),[u,p]=(0,a.useState)(""),[h,f]=(0,a.useState)("lastActive"),[g,b]=(0,a.useState)("desc"),[y,j]=(0,a.useState)("tokens"),[v,k]=(0,a.useState)({buckets:[],keys:[]}),[N,D]=(0,a.useState)(!0),[R,I]=(0,a.useState)("hour"),[L,M]=(0,a.useState)("");(0,a.useEffect)(()=>{{let e=localStorage.getItem("9router-emp-sort-key"),t=localStorage.getItem("9router-emp-sort-dir"),s=localStorage.getItem("9router-emp-filter"),r=localStorage.getItem("9router-emp-detail-view");e&&f(e),t&&b(t),null!==s&&p(s),r&&j(r)}},[]);let O=(0,a.useCallback)(async()=>{if(t){m(!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{m(!1)}}},[t]),A=(0,a.useCallback)(async()=>{if(t){D(!0);try{let e=`startDate=${encodeURIComponent(t.from)}&endDate=${encodeURIComponent(t.to)}&groupBy=account&interval=${R}`,s=await fetch(`/api/usage/request-details/aggregate?${e}`);s.ok&&k(await s.json())}catch(e){console.error("Failed to fetch aggregate:",e)}finally{D(!1)}}},[t,R]);(0,a.useEffect)(()=>{O()},[O]),(0,a.useEffect)(()=>{A()},[A]);let B=o?.employees||[],z=(0,a.useMemo)(()=>{let e=[...B];if(L){let t=L.toLowerCase();e=e.filter(e=>e.name?.toLowerCase().includes(t))}return u&&(e=e.filter(e=>e.name?.toLowerCase().includes(u.toLowerCase()))),e.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})},[B,u,L,h,g]),{barData:P,topAccounts:X}=(0,a.useMemo)(()=>{let{buckets:e}=v;if(!e?.length)return{barData:[],topAccounts:[]};let t={},s=L.toLowerCase();for(let r of e)for(let[e,a]of Object.entries(r.groups||{}))(!s||e.toLowerCase().includes(s))&&(t[e]||(t[e]=0),t[e]+="cost"===y?a.cost:"tokens"===y?a.tokens:a.requests);let r=Object.entries(t).sort(([,e],[,t])=>t-e).slice(0,15).map(([e])=>e);return{barData:e.map(e=>{let t=new Date(e.hour),s={hour:"day"===R?`${String(t.getMonth()+1).padStart(2,"0")}/${String(t.getDate()).padStart(2,"0")}`:`${String(t.getHours()).padStart(2,"0")}:00
+${String(t.getMonth()+1).padStart(2,"0")}/${String(t.getDate()).padStart(2,"0")}`,_ts:e.hour};for(let t of r){let r=e.groups?.[t];"cost"===y?s[t]=r?.cost||0:"tokens"===y?s[t]=r?.tokens||0:s[t]=r?.requests||0}return s}),topAccounts:r}},[v,y,R,L]),Y=(0,a.useMemo)(()=>{if(!B.length)return[];let e=[...B];if(L){let t=L.toLowerCase();e=e.filter(e=>e.name?.toLowerCase().includes(t))}return e.map(e=>({name:e.name||"Unnamed",tokens:(e.totalPromptTokens||0)+(e.totalCompletionTokens||0),cost:e.totalCost||0,requests:e.totalRequests||0})).sort((e,t)=>t[y]-e[y])},[B,L,y]);return(0,r.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between flex-wrap gap-3",children:[(0,r.jsx)("input",{type:"text",placeholder:"Filter by account...",value:L,onChange:e=>M(e.target.value),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.jsxs)("div",{className:"flex items-center gap-4 flex-wrap",children:[(0,r.jsx)("div",{className:"flex items-center gap-1 bg-bg-subtle rounded-lg p-1 border border-border",children:[{value:"hour",label:"By Hour"},{value:"day",label:"By Day"}].map(e=>(0,r.jsx)("button",{onClick:()=>I(e.value),className:`px-3 py-1 rounded-md text-sm font-medium transition-colors ${R===e.value?"bg-primary text-white shadow-sm":"text-text-muted hover:text-text hover:bg-bg-hover"}`,children:e.label},e.value))}),(0,r.jsx)("div",{className:"flex items-center gap-1 bg-bg-subtle rounded-lg p-1 border border-border",children:[{value:"tokens",label:"Tokens"},{value:"cost",label:"Cost"},{value:"requests",label:"Requests"}].map(e=>(0,r.jsx)("button",{onClick:()=>{var t;j(t=e.value),localStorage.setItem("9router-emp-detail-view",t)},className:`px-3 py-1 rounded-md text-sm font-medium transition-colors ${y===e.value?"bg-primary text-white shadow-sm":"text-text-muted hover:text-text hover:bg-bg-hover"}`,children:e.label},e.value))}),(0,r.jsx)(c.default,{defaultPreset:"last7",onChange:s})]})]}),!i&&Y.length>0&&(0,r.jsxs)(d.default,{className:"p-4",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,r.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wide",children:"Total by Account"}),(0,r.jsxs)("span",{className:"text-xs text-text-muted",children:[Y.length," account",Y.length>1?"s":""]})]}),(0,r.jsx)("div",{style:{width:"100%",height:400},children:(0,r.jsx)(w.u,{width:"100%",height:"100%",children:(0,r.jsxs)(S.E,{data:Y,margin:{top:4,right:8,left:0,bottom:60},children:[(0,r.jsx)(C.d,{strokeDasharray:"3 3",strokeOpacity:.1,vertical:!1}),(0,r.jsx)($.W,{dataKey:"name",tick:{fontSize:10,fill:"currentColor",fillOpacity:.6},tickLine:!1,axisLine:!1,angle:-45,textAnchor:"end",height:70,interval:0}),(0,r.jsx)(q.h,{tick:{fontSize:10,fill:"currentColor",fillOpacity:.5},tickLine:!1,axisLine:!1,width:60,tickFormatter:"cost"===y?e=>`$${e.toFixed(2)}`:_}),(0,r.jsx)(F.m,{content:(0,r.jsx)(H,{viewMode:y}),cursor:{fill:"var(--color-bg-hover)",opacity:.5}}),(0,r.jsx)(T.yP,{dataKey:y,radius:[4,4,0,0],maxBarSize:40,animationDuration:400,children:Y.map((e,t)=>(0,r.jsx)(E.f,{fill:U[t%U.length],fillOpacity:.85},t))})]})})})]}),(0,r.jsxs)(d.default,{className:"p-4",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,r.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wide",children:"Hourly Usage by Account"}),!N&&X.length>0&&(0,r.jsxs)("span",{className:"text-xs text-text-muted",children:[X.length," account",X.length>1?"s":""]})]}),N?(0,r.jsx)("div",{className:"flex items-center justify-center py-16 text-text-muted",children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[32px] animate-spin",children:"progress_activity"})}):0===P.length?(0,r.jsx)("div",{className:"flex items-center justify-center py-16 text-text-muted text-sm",children:"No data for selected range"}):(0,r.jsx)(w.u,{width:"100%",height:400,children:(0,r.jsxs)(S.E,{data:P,margin:{top:4,right:8,left:0,bottom:50},children:[(0,r.jsx)(C.d,{strokeDasharray:"3 3",strokeOpacity:.1}),(0,r.jsx)($.W,{dataKey:"hour",tick:{fontSize:10,fill:"currentColor",fillOpacity:.5},tickLine:!1,axisLine:!1,interval:"preserveStartEnd",angle:-45,textAnchor:"end",height:60}),(0,r.jsx)(q.h,{tick:{fontSize:10,fill:"currentColor",fillOpacity:.5},tickLine:!1,axisLine:!1,width:60,tickFormatter:"cost"===y?e=>`$${e.toFixed(2)}`:_}),(0,r.jsx)(F.m,{content:(0,r.jsx)(H,{viewMode:y})}),(0,r.jsx)(K.s,{wrapperStyle:{fontSize:11,paddingTop:8},iconType:"square",iconSize:10}),X.map((e,t)=>(0,r.jsx)(T.yP,{dataKey:e,stackId:"a",fill:U[t%U.length],radius:t===X.length-1?[2,2,0,0]:[0,0,0,0],maxBarSize:40},e))]})})]}),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:Q.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:[z.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)(x.default,{variant:t.isActive?"success":"error",size:"sm",children:t.isActive?"Active":"Inactive"})}),(0,r.jsx)("td",{className:"px-6 py-3 text-right",style:{color:"#8B5CF6"},children:W(t.totalRequests)}),(0,r.jsxs)("td",{className:"px-6 py-3 text-right text-primary",children:[W(t.totalPromptTokens),"↑"]}),(0,r.jsxs)("td",{className:"px-6 py-3 text-right text-red-500",children:[W(t.totalCompletionTokens),"↓"]}),(0,r.jsx)("td",{className:"px-6 py-3 text-right font-medium",children:W(t.totalTokens)}),(0,r.jsx)("td",{className:"px-6 py-3 text-right font-medium text-green-500",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===z.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."})})]})]})})})]})}let Y=["#3B82F6","#EF4444","#22C55E","#F59E0B","#8B5CF6","#EC4899","#06B6D4","#F97316","#6366F1","#14B8A6","#E11D48","#84CC16","#A855F7","#0EA5E9","#D946EF","#FB923C"],V=["#079A8B","#F57C00","#3B82F6","#EF4444","#8B5CF6","#EC4899","#22C55E","#F59E0B","#06B6D4","#6366F1","#14B8A6","#E11D48","#84CC16","#A855F7","#0EA5E9","#D946EF"],J=e=>new Intl.NumberFormat().format(e||0),G=e=>e?e>=1e9?`${(e/1e9).toFixed(1)}B`:e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}K`:String(Math.round(e)):"0",Z=e=>`$${(e||0).toFixed(4)}`;function ee({timestamp:e}){let t,[,s]=(0,a.useState)(0);return(0,a.useEffect)(()=>{let e=setInterval(()=>s(e=>e+1),5e3);return()=>clearInterval(e)},[]),(0,r.jsx)(r.Fragment,{children:(t=Math.floor((Date.now()-new Date(e))/1e3))<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 et({active:e,payload:t,label:s,viewMode:a}){if(!e||!t?.length)return null;let l="cost"===a?"":"tokens"===a?" tokens":" reqs",o="cost"===a?Z:J,n=t.reduce((e,t)=>e+(t.value||0),0);return(0,r.jsxs)("div",{style:{backgroundColor:"var(--color-bg)",border:"1px solid var(--color-border)",borderRadius:"8px",padding:"10px 14px",fontSize:"12px",color:"var(--color-text)",maxHeight:300,overflowY:"auto"},children:[(0,r.jsx)("p",{style:{fontWeight:600,marginBottom:6,color:"var(--color-text-muted)"},children:s}),t.filter(e=>e.value>0).sort((e,t)=>t.value-e.value).map((e,t)=>(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:6,marginBottom:2},children:[(0,r.jsx)("span",{style:{width:8,height:8,borderRadius:2,backgroundColor:e.color,flexShrink:0}}),(0,r.jsx)("span",{style:{flex:1,opacity:.8},children:e.dataKey}),(0,r.jsxs)("span",{style:{fontWeight:600},children:[o(e.value),l]})]},t)),(0,r.jsxs)("div",{style:{borderTop:"1px solid var(--color-border)",marginTop:6,paddingTop:4,fontWeight:700},children:["Total: ",o(n),l]})]})}function es(){let[e,t]=(0,a.useState)(null),[s,l]=(0,a.useState)("tokens"),[o,n]=(0,a.useState)({buckets:[],keys:[]}),[i,x]=(0,a.useState)({details:[],pagination:{}}),[m,u]=(0,a.useState)(!0),[p,h]=(0,a.useState)(!0),[f,g]=(0,a.useState)(1),[b,y]=(0,a.useState)([]),[j,v]=(0,a.useState)("hour"),[k,N]=(0,a.useState)(""),[D,R]=(0,a.useState)({buckets:[],keys:[]}),[I,L]=(0,a.useState)(!0);(0,a.useEffect)(()=>{fetch("/api/keys").then(e=>e.ok?e.json():null).then(e=>{e?.keys&&y(e.keys)}).catch(()=>{})},[]);let M=(0,a.useMemo)(()=>{let e={};for(let t of b)t.key&&(e[t.key]=t.name||t.label||t.key);return e},[b]);(0,a.useEffect)(()=>{{let e=localStorage.getItem("9router-model-report-view");e&&l(e)}},[]);let O=(0,a.useCallback)(async()=>{if(e){u(!0);try{let t=`startDate=${encodeURIComponent(e.from)}&endDate=${encodeURIComponent(e.to)}&interval=${j}`,s=await fetch(`/api/usage/request-details/aggregate?${t}`);s.ok&&n(await s.json())}catch(e){console.error("Failed to fetch aggregate:",e)}finally{u(!1)}}},[e,j]),A=(0,a.useCallback)(async()=>{if(e){h(!0);try{let t=`startDate=${encodeURIComponent(e.from)}&endDate=${encodeURIComponent(e.to)}&page=${f}&pageSize=50`,s=await fetch(`/api/usage/request-details?${t}`);s.ok&&x(await s.json())}catch(e){console.error("Failed to fetch details:",e)}finally{h(!1)}}},[e,f]);(0,a.useEffect)(()=>{O()},[O]),(0,a.useEffect)(()=>{A()},[A]);let B=(0,a.useCallback)(async()=>{if(e){L(!0);try{let t=`startDate=${encodeURIComponent(e.from)}&endDate=${encodeURIComponent(e.to)}&groupBy=connection&interval=${j}`,s=await fetch(`/api/usage/request-details/aggregate?${t}`);s.ok&&R(await s.json())}catch(e){console.error("Failed to fetch provider aggregate:",e)}finally{L(!1)}}},[e,j]);(0,a.useEffect)(()=>{B()},[B]),(0,a.useEffect)(()=>{g(1)},[e]);let{barData:z,topModels:P}=(0,a.useMemo)(()=>{let{buckets:e,keys:t}=o;if(!e?.length)return{barData:[],topModels:[]};let r={},a=k.toLowerCase();for(let t of e)for(let[e,l]of Object.entries(t.groups||{}))(!a||e.toLowerCase().includes(a))&&(r[e]||(r[e]=0),r[e]+="cost"===s?l.cost:"tokens"===s?l.tokens:l.requests);let l=Object.entries(r).sort(([,e],[,t])=>t-e).slice(0,15).map(([e])=>e);return{barData:e.map(e=>{let t=new Date(e.hour),r={hour:"day"===j?`${String(t.getMonth()+1).padStart(2,"0")}/${String(t.getDate()).padStart(2,"0")}`:`${String(t.getHours()).padStart(2,"0")}:00
+${String(t.getMonth()+1).padStart(2,"0")}/${String(t.getDate()).padStart(2,"0")}`,_ts:e.hour};for(let t of l){let a=e.groups?.[t];"cost"===s?r[t]=a?.cost||0:"tokens"===s?r[t]=a?.tokens||0:r[t]=a?.requests||0}return r}),topModels:l}},[o,s,j,k]),U=(0,a.useMemo)(()=>{let{buckets:e}=o;if(!e?.length)return[];let t={},r=k.toLowerCase();for(let s of e)for(let[e,a]of Object.entries(s.groups||{}))(!r||e.toLowerCase().includes(r))&&(t[e]||(t[e]={model:e,requests:0,cost:0,promptTokens:0,completionTokens:0,tokens:0}),t[e].requests+=a.requests||0,t[e].cost+=a.cost||0,t[e].promptTokens+=a.promptTokens||0,t[e].completionTokens+=a.completionTokens||0,t[e].tokens+=a.tokens||0);return Object.values(t).sort((e,t)=>"cost"===s?t.cost-e.cost:"requests"===s?t.requests-e.requests:t.tokens-e.tokens)},[o,s,k]),W=(0,a.useMemo)(()=>U.reduce((e,t)=>({requests:e.requests+t.requests,cost:e.cost+t.cost,promptTokens:e.promptTokens+t.promptTokens,completionTokens:e.completionTokens+t.completionTokens,tokens:e.tokens+t.tokens}),{requests:0,cost:0,promptTokens:0,completionTokens:0,tokens:0}),[U]),_=(0,a.useMemo)(()=>{let{buckets:e}=D;if(!e?.length)return[];let t={};for(let s of e)for(let[e,r]of Object.entries(s.groups||{}))t[e]||(t[e]={name:e,requests:0,cost:0,tokens:0}),t[e].requests+=r.requests||0,t[e].cost+=r.cost||0,t[e].tokens+=r.tokens||0;return Object.values(t).sort((e,t)=>t.requests-e.requests)},[D]),{details:H,pagination:Q}=i;return(0,r.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between flex-wrap gap-3",children:[(0,r.jsx)("input",{type:"text",placeholder:"Filter by model...",value:k,onChange:e=>N(e.target.value),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.jsxs)("div",{className:"flex items-center gap-4 flex-wrap",children:[(0,r.jsx)("div",{className:"flex items-center gap-1 bg-bg-subtle rounded-lg p-1 border border-border",children:[{value:"hour",label:"By Hour"},{value:"day",label:"By Day"}].map(e=>(0,r.jsx)("button",{onClick:()=>v(e.value),className:`px-3 py-1 rounded-md text-sm font-medium transition-colors ${j===e.value?"bg-primary text-white shadow-sm":"text-text-muted hover:text-text hover:bg-bg-hover"}`,children:e.label},e.value))}),(0,r.jsx)("div",{className:"flex items-center gap-1 bg-bg-subtle rounded-lg p-1 border border-border",children:[{value:"tokens",label:"Tokens"},{value:"cost",label:"Cost"},{value:"requests",label:"Requests"}].map(e=>(0,r.jsx)("button",{onClick:()=>{var t;l(t=e.value),localStorage.setItem("9router-model-report-view",t)},className:`px-3 py-1 rounded-md text-sm font-medium transition-colors ${s===e.value?"bg-primary text-white shadow-sm":"text-text-muted hover:text-text hover:bg-bg-hover"}`,children:e.label},e.value))}),(0,r.jsx)(c.default,{defaultPreset:"last7",onChange:t})]})]}),!I&&_.length>0&&(0,r.jsxs)(d.default,{className:"p-4",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,r.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wide",children:"By Account"}),(0,r.jsxs)("span",{className:"text-xs text-text-muted",children:[_.length," account",_.length>1?"s":""]})]}),(0,r.jsx)("div",{style:{width:"100%",height:Math.max(200,40*_.length+40)},children:(0,r.jsx)(w.u,{width:"100%",height:"100%",children:(0,r.jsxs)(S.E,{data:_.map(e=>({name:e.name?.length>14?e.name.slice(0,14)+"…":e.name,fullName:e.name,tokens:e.tokens,cost:e.cost,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:"cost"===s?e=>`$${e.toFixed(2)}`:G}),(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)(F.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"===s?Z(e):J(e),"tokens"===s?"Tokens":"cost"===s?"Cost":"Requests"],labelFormatter:(e,t)=>t?.[0]?.payload?.fullName||e}),(0,r.jsx)(T.yP,{dataKey:s,radius:[0,4,4,0],maxBarSize:32,children:_.map((e,t)=>(0,r.jsx)(E.f,{fill:V[t%V.length]},t))})]})})})]}),(0,r.jsxs)(d.default,{className:"p-4",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between mb-3",children:[(0,r.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wide",children:"Hourly Usage by Model"}),!m&&P.length>0&&(0,r.jsxs)("span",{className:"text-xs text-text-muted",children:[P.length," model",P.length>1?"s":""]})]}),m?(0,r.jsx)("div",{className:"flex items-center justify-center py-16 text-text-muted",children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[32px] animate-spin",children:"progress_activity"})}):0===z.length?(0,r.jsx)("div",{className:"flex items-center justify-center py-16 text-text-muted text-sm",children:"No data for selected range"}):(0,r.jsx)(w.u,{width:"100%",height:400,children:(0,r.jsxs)(S.E,{data:z,margin:{top:4,right:8,left:0,bottom:50},children:[(0,r.jsx)(C.d,{strokeDasharray:"3 3",strokeOpacity:.1}),(0,r.jsx)($.W,{dataKey:"hour",tick:{fontSize:10,fill:"currentColor",fillOpacity:.5},tickLine:!1,axisLine:!1,interval:"preserveStartEnd",angle:-45,textAnchor:"end",height:60}),(0,r.jsx)(q.h,{tick:{fontSize:10,fill:"currentColor",fillOpacity:.5},tickLine:!1,axisLine:!1,width:60,tickFormatter:"cost"===s?e=>`$${e.toFixed(2)}`:G}),(0,r.jsx)(F.m,{content:(0,r.jsx)(et,{viewMode:s})}),(0,r.jsx)(K.s,{wrapperStyle:{fontSize:11,paddingTop:8},iconType:"square",iconSize:10}),P.map((e,t)=>(0,r.jsx)(T.yP,{dataKey:e,stackId:"a",fill:Y[t%Y.length],radius:t===P.length-1?[2,2,0,0]:[0,0,0,0],maxBarSize:40},e))]})})]}),!m&&U.length>0&&(0,r.jsxs)(d.default,{className:"flex flex-col overflow-hidden",padding:"sm",children:[(0,r.jsxs)("div",{className:"px-1 py-2 border-b border-border shrink-0 flex items-center justify-between",children:[(0,r.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wide",children:"Model Statistics"}),(0,r.jsxs)("span",{className:"text-xs text-text-muted",children:[U.length," model",U.length>1?"s":""]})]}),(0,r.jsx)("div",{className:"overflow-x-auto custom-scrollbar",children:(0,r.jsxs)("table",{className:"w-full text-xs border-collapse min-w-[500px]",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-2 px-3 text-left font-semibold text-text-muted",children:"Model"}),(0,r.jsx)("th",{className:"py-2 px-3 text-right font-semibold",style:{color:"#8B5CF6"},children:"Requests"}),(0,r.jsx)("th",{className:"py-2 px-3 text-right font-semibold text-primary",children:"Input ↑"}),(0,r.jsx)("th",{className:"py-2 px-3 text-right font-semibold text-red-500",children:"Output ↓"}),(0,r.jsx)("th",{className:"py-2 px-3 text-right font-semibold text-text-muted",children:"Total Tokens"}),(0,r.jsx)("th",{className:"py-2 px-3 text-right font-semibold text-green-500",children:"Cost"})]})}),(0,r.jsx)("tbody",{className:"divide-y divide-border/50",children:U.map((e,t)=>(0,r.jsxs)("tr",{className:"hover:bg-bg-subtle transition-colors",children:[(0,r.jsxs)("td",{className:"py-2 px-3 font-mono font-medium flex items-center gap-2",children:[(0,r.jsx)("span",{className:"inline-block w-2.5 h-2.5 rounded-sm shrink-0",style:{backgroundColor:Y[P.indexOf(e.model)%Y.length]||"#666"}}),(0,r.jsx)("span",{className:"truncate max-w-[200px]",title:e.model,children:e.model})]}),(0,r.jsx)("td",{className:"py-2 px-3 text-right whitespace-nowrap",style:{color:"#8B5CF6"},children:J(e.requests)}),(0,r.jsxs)("td",{className:"py-2 px-3 text-right text-primary whitespace-nowrap",children:[J(e.promptTokens),"↑"]}),(0,r.jsxs)("td",{className:"py-2 px-3 text-right text-red-500 whitespace-nowrap",children:[J(e.completionTokens),"↓"]}),(0,r.jsx)("td",{className:"py-2 px-3 text-right whitespace-nowrap font-medium",children:G(e.tokens)}),(0,r.jsx)("td",{className:"py-2 px-3 text-right text-green-500 whitespace-nowrap",children:Z(e.cost)})]},e.model))}),(0,r.jsx)("tfoot",{children:(0,r.jsxs)("tr",{className:"border-t-2 border-border bg-bg-subtle/50 font-semibold",children:[(0,r.jsx)("td",{className:"py-2 px-3",children:"Total"}),(0,r.jsx)("td",{className:"py-2 px-3 text-right",style:{color:"#8B5CF6"},children:J(W.requests)}),(0,r.jsxs)("td",{className:"py-2 px-3 text-right text-primary",children:[J(W.promptTokens),"↑"]}),(0,r.jsxs)("td",{className:"py-2 px-3 text-right text-red-500",children:[J(W.completionTokens),"↓"]}),(0,r.jsx)("td",{className:"py-2 px-3 text-right font-medium",children:G(W.tokens)}),(0,r.jsx)("td",{className:"py-2 px-3 text-right text-green-500",children:Z(W.cost)})]})})]})})]}),(0,r.jsxs)(d.default,{className:"flex flex-col overflow-hidden",padding:"sm",children:[(0,r.jsxs)("div",{className:"px-1 py-2 border-b border-border shrink-0 flex items-center justify-between",children:[(0,r.jsx)("span",{className:"text-xs font-semibold text-text-muted uppercase tracking-wide",children:"Request Details"}),Q?.totalItems>0&&(0,r.jsxs)("span",{className:"text-xs text-text-muted",children:[J(Q.totalItems)," total"]})]}),p?(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"})}):H?.length?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:"flex-1 overflow-x-auto custom-scrollbar",children:(0,r.jsxs)("table",{className:"w-full text-xs border-collapse min-w-[640px]",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-2 px-2 text-left font-semibold text-text-muted w-2"}),(0,r.jsx)("th",{className:"py-2 px-2 text-left font-semibold text-text-muted",children:"Model"}),(0,r.jsx)("th",{className:"py-2 px-2 text-left font-semibold text-text-muted",children:"API Key"}),(0,r.jsx)("th",{className:"py-2 px-2 text-right font-semibold text-text-muted",children:"Input"}),(0,r.jsx)("th",{className:"py-2 px-2 text-right font-semibold text-text-muted",children:"Output"}),(0,r.jsx)("th",{className:"py-2 px-2 text-right font-semibold text-text-muted",children:"Cost"}),(0,r.jsx)("th",{className:"py-2 px-2 text-right font-semibold text-text-muted",children:"When"})]})}),(0,r.jsx)("tbody",{className:"divide-y divide-border/50",children:H.map((e,t)=>{let s="success"===e.status||"ok"===e.status,a=e.tokens?.prompt_tokens||0,l=e.tokens?.completion_tokens||0,o=e.apiKey?M[e.apiKey]||e.apiKey.slice(0,8)+"…":"—";return(0,r.jsxs)("tr",{className:"hover:bg-bg-subtle transition-colors",children:[(0,r.jsx)("td",{className:"py-2 px-2",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-2 px-2 font-mono truncate max-w-[180px]",title:e.model,children:e.model||"—"}),(0,r.jsx)("td",{className:"py-2 px-2 truncate max-w-[120px] text-secondary",title:o,children:o}),(0,r.jsxs)("td",{className:"py-2 px-2 text-right text-primary whitespace-nowrap",children:[J(a),"↑"]}),(0,r.jsxs)("td",{className:"py-2 px-2 text-right text-red-500 whitespace-nowrap",children:[J(l),"↓"]}),(0,r.jsx)("td",{className:"py-2 px-2 text-right text-green-500 whitespace-nowrap",children:e.cost?Z(e.cost):"—"}),(0,r.jsx)("td",{className:"py-2 px-2 text-right text-text-muted whitespace-nowrap",children:(0,r.jsx)(ee,{timestamp:e.timestamp})})]},e.id||t)})})]})}),Q?.totalPages>1&&(0,r.jsxs)("div",{className:"flex items-center justify-between px-2 py-2 border-t border-border",children:[(0,r.jsxs)("span",{className:"text-xs text-text-muted",children:["Page ",Q.page," of ",Q.totalPages]}),(0,r.jsxs)("div",{className:"flex gap-1",children:[(0,r.jsx)("button",{onClick:()=>g(e=>Math.max(1,e-1)),disabled:!Q.hasPrev,className:"px-2 py-1 rounded text-xs font-medium border border-border hover:bg-bg-hover disabled:opacity-30 disabled:cursor-not-allowed transition-colors",children:"← Prev"}),(0,r.jsx)("button",{onClick:()=>g(e=>e+1),disabled:!Q.hasNext,className:"px-2 py-1 rounded text-xs font-medium border border-border hover:bg-bg-hover disabled:opacity-30 disabled:cursor-not-allowed transition-colors",children:"Next →"})]})]})]}):(0,r.jsx)("div",{className:"flex items-center justify-center py-12 text-text-muted text-sm",children:"No requests for selected range"})]})]})}var er=s(43810);function ea(){return(0,r.jsx)(a.Suspense,{fallback:(0,r.jsx)(o.Qv,{}),children:(0,r.jsx)(el,{})})}function el(){let e=(0,l.useSearchParams)(),t=(0,l.useRouter)(),[s,n]=(0,a.useState)(!1),[i,c]=(0,a.useState)("overview"),[d,x]=(0,a.useState)(!1);return((0,a.useEffect)(()=>{x(!0);let s=e.get("tab");if(s&&["overview","details","models","quota"].includes(s))c(s),localStorage.setItem("9router-emp-tab",s);else{let s=localStorage.getItem("9router-emp-tab");if(s&&["overview","details","models","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:"By Account"},{value:"models",label:"By Model"},{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)(P,{})}),"details"===i&&(0,r.jsx)(X,{}),"models"===i&&(0,r.jsx)(a.Suspense,{fallback:(0,r.jsx)(o.Qv,{}),children:(0,r.jsx)(es,{})}),"quota"===i&&(0,r.jsx)(a.Suspense,{fallback:(0,r.jsx)(o.Qv,{}),children:(0,r.jsx)(er.default,{})})]})]}):(0,r.jsx)(o.Qv,{})}}},e=>{e.O(0,[2574,3862,548,8222,2652,5497,3810,8441,3794,7358],()=>e(e.s=22644)),_N_E=e.O()}]);

package/app/.next/static/chunks/app/(dashboard)/dashboard/endpoint/page-b044cbc00d519961.js

@@ -0,0 +1,3 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6099],{95907:(e,t,s)=>{"use strict";s.d(t,{default:()=>c});var l=s(95155),a=s(12115),r=s(14051),i=s.n(r),n=s(35497),o=s(11059);let d=[{icon:"public",title:"Access Anywhere",desc:"Use your API from any network"},{icon:"group",title:"Share Endpoint",desc:"Share URL with team members"},{icon:"code",title:"Use in Cursor/Cline",desc:"Connect AI tools remotely"},{icon:"lock",title:"Encrypted",desc:"End-to-end TLS via Cloudflare"}];function c({machineId:e}){let[t,s]=(0,a.useState)([]),[r,i]=(0,a.useState)(!0),[m,x]=(0,a.useState)(!1),[h,u]=(0,a.useState)(""),[p,y]=(0,a.useState)(null),[b,g]=(0,a.useState)(!1),[f,j]=(0,a.useState)(!1),[k,v]=(0,a.useState)(""),[N,w]=(0,a.useState)(""),[C,S]=(0,a.useState)(""),[T,A]=(0,a.useState)(!1),[E,P]=(0,a.useState)(""),[_,$]=(0,a.useState)(null),[I,O]=(0,a.useState)(!1),[U,D]=(0,a.useState)(!1),[K,R]=(0,a.useState)(new Set),{copied:W,copy:q}=(0,o.C)();(0,a.useEffect)(()=>{J(),F()},[]);let F=async()=>{try{let[e,t]=await Promise.all([fetch("/api/settings"),fetch("/api/tunnel/status")]);if(e.ok){let t=await e.json();g(t.requireApiKey||!1)}if(t.ok){let e=await t.json();j(e.enabled||!1),v(e.tunnelUrl||""),w(e.publicUrl||""),S(e.shortId||"")}}catch(e){console.log("Error loading settings:",e)}},L=async e=>{try{(await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({requireApiKey:e})})).ok&&g(e)}catch(e){console.log("Error updating requireApiKey:",e)}},J=async()=>{try{let e=await fetch("/api/keys"),t=await e.json();e.ok&&s(t.keys||[])}catch(e){console.log("Error fetching data:",e)}finally{i(!1)}},z=async()=>{D(!1),A(!0),$(null),P("Connecting to server...");let e=[{delay:2e3,msg:"Creating tunnel..."},{delay:5e3,msg:"Starting cloudflared..."},{delay:15e3,msg:"Establishing connections..."},{delay:3e4,msg:"Waiting for tunnel ready..."}].map(({delay:e,msg:t})=>setTimeout(()=>P(t),e));try{let t=new AbortController,s=setTimeout(()=>t.abort(),9e4),l=await fetch("/api/tunnel/enable",{method:"POST",signal:t.signal});clearTimeout(s),e.forEach(clearTimeout);let a=await l.json();l.ok?(j(!0),v(a.tunnelUrl||""),w(a.publicUrl||""),S(a.shortId||""),$({type:"success",message:"Tunnel connected!"})):$({type:"error",message:a.error||"Failed to enable tunnel"})}catch(t){e.forEach(clearTimeout),$({type:"error",message:t?.name==="AbortError"?"Tunnel creation timed out":t.message})}finally{A(!1),P("")}},H=async()=>{A(!0),$(null);try{let e=await fetch("/api/tunnel/disable",{method:"POST"}),t=await e.json();e.ok?(j(!1),v(""),w(""),$({type:"success",message:"Tunnel disabled"}),O(!1)):$({type:"error",message:t.error||"Failed to disable tunnel"})}catch(e){$({type:"error",message:e.message})}finally{A(!1)}},M=async()=>{if(h.trim())try{let e=await fetch("/api/keys",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:h})}),t=await e.json();e.ok&&(y(t.key),await J(),u(""),x(!1))}catch(e){console.log("Error creating key:",e)}},Q=async e=>{if(confirm("Delete this API key?"))try{(await fetch(`/api/keys/${e}`,{method:"DELETE"})).ok&&(s(t.filter(t=>t.id!==e)),R(t=>{let s=new Set(t);return s.delete(e),s}))}catch(e){console.log("Error deleting key:",e)}},Z=async(e,t)=>{try{(await fetch(`/api/keys/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({isActive:t})})).ok&&s(s=>s.map(s=>s.id===e?{...s,isActive:t}:s))}catch(e){console.log("Error toggling key:",e)}},[B,G]=(0,a.useState)("/v1");if((0,a.useEffect)(()=>{G(`${window.location.origin}/v1`)},[]),r)return(0,l.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,l.jsx)(n.Qv,{}),(0,l.jsx)(n.Qv,{})]});let V=f&&N?`${N}/v1`:B;return(0,l.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,l.jsxs)(n.Zp,{children:[(0,l.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)("h2",{className:"text-lg font-semibold",children:"API Endpoint"}),(0,l.jsx)("p",{className:"text-sm text-text-muted",children:f?"Using Tunnel":"Using Local Server"})]}),(0,l.jsx)("div",{className:"flex items-center gap-2",children:f?(0,l.jsx)(n.$n,{size:"sm",variant:"secondary",icon:"cloud_off",onClick:()=>O(!0),disabled:T,className:"bg-red-500/10! text-red-500! hover:bg-red-500/20! border-red-500/30!",children:"Disable Tunnel"}):(0,l.jsx)(n.$n,{variant:"primary",icon:"cloud_upload",onClick:()=>D(!0),disabled:T,className:"bg-linear-to-r from-primary to-blue-500 hover:from-primary-hover hover:to-blue-600",children:T?(0,l.jsxs)("span",{className:"flex items-center gap-2",children:[(0,l.jsx)("span",{className:"material-symbols-outlined animate-spin text-sm",children:"progress_activity"}),E||"Creating tunnel..."]}):"Enable Tunnel"})})]}),(0,l.jsxs)("div",{className:"flex gap-2",children:[(0,l.jsx)(n.pd,{value:V,readOnly:!0,className:`flex-1 font-mono text-sm ${f?"animate-border-glow":""}`}),(0,l.jsx)(n.$n,{variant:"secondary",icon:"endpoint_url"===W?"check":"content_copy",onClick:()=>q(V,"endpoint_url"),children:"endpoint_url"===W?"Copied!":"Copy"})]}),_&&(0,l.jsx)("div",{className:`mt-3 p-2 rounded text-sm ${"success"===_.type?"bg-green-500/10 text-green-600 dark:text-green-400":"warning"===_.type?"bg-yellow-500/10 text-yellow-600 dark:text-yellow-400":"bg-red-500/10 text-red-600 dark:text-red-400"}`,children:_.message})]}),(0,l.jsxs)(n.Zp,{children:[(0,l.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,l.jsx)("h2",{className:"text-lg font-semibold",children:"API Keys"}),(0,l.jsx)(n.$n,{icon:"add",onClick:()=>x(!0),children:"Create Key"})]}),(0,l.jsxs)("div",{className:"flex items-center justify-between pb-4 mb-4 border-b border-border",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)("p",{className:"font-medium",children:"Require API key"}),(0,l.jsx)("p",{className:"text-sm text-text-muted",children:"Requests without a valid key will be rejected"})]}),(0,l.jsx)(n.lM,{checked:b,onChange:()=>L(!b)})]}),0===t.length?(0,l.jsxs)("div",{className:"text-center py-12",children:[(0,l.jsx)("div",{className:"inline-flex items-center justify-center w-16 h-16 rounded-full bg-primary/10 text-primary mb-4",children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[32px]",children:"vpn_key"})}),(0,l.jsx)("p",{className:"text-text-main font-medium mb-1",children:"No API keys yet"}),(0,l.jsx)("p",{className:"text-sm text-text-muted mb-4",children:"Create your first API key to get started"}),(0,l.jsx)(n.$n,{icon:"add",onClick:()=>x(!0),children:"Create Key"})]}):(0,l.jsx)("div",{className:"flex flex-col",children:t.map(e=>{var t;return(0,l.jsxs)("div",{className:`group flex items-center justify-between py-3 border-b border-black/[0.03] dark:border-white/[0.03] last:border-b-0 ${!1===e.isActive?"opacity-60":""}`,children:[(0,l.jsxs)("div",{className:"flex-1 min-w-0",children:[(0,l.jsx)("p",{className:"text-sm font-medium",children:e.name}),(0,l.jsxs)("div",{className:"flex items-center gap-2 mt-1",children:[(0,l.jsx)("code",{className:"text-xs text-text-muted font-mono",children:K.has(e.id)?e.key:(t=e.key)?t.length>8?t.slice(0,8)+"...":t:""}),(0,l.jsx)("button",{onClick:()=>{var t;return t=e.id,void R(e=>{let s=new Set(e);return s.has(t)?s.delete(t):s.add(t),s})},className:"p-1 hover:bg-black/5 dark:hover:bg-white/5 rounded text-text-muted hover:text-primary opacity-0 group-hover:opacity-100 transition-all",title:K.has(e.id)?"Hide key":"Show key",children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:K.has(e.id)?"visibility_off":"visibility"})}),(0,l.jsx)("button",{onClick:()=>q(e.key,e.id),className:"p-1 hover:bg-black/5 dark:hover:bg-white/5 rounded text-text-muted hover:text-primary opacity-0 group-hover:opacity-100 transition-all",children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:W===e.id?"check":"content_copy"})})]}),(0,l.jsxs)("p",{className:"text-xs text-text-muted mt-1",children:["Created ",new Date(e.createdAt).toLocaleDateString()]}),!1===e.isActive&&(0,l.jsx)("p",{className:"text-xs text-orange-500 mt-1",children:"Paused"})]}),(0,l.jsxs)("div",{className:"flex items-center gap-2",children:[(0,l.jsx)(n.lM,{size:"sm",checked:e.isActive??!0,onChange:t=>{e.isActive&&!t?confirm(`Pause API key "${e.name}"?
+
+This key will stop working immediately but can be resumed later.`)&&Z(e.id,t):Z(e.id,t)},title:e.isActive?"Pause key":"Resume key"}),(0,l.jsx)("button",{onClick:()=>Q(e.id),className:"p-2 hover:bg-red-500/10 rounded text-red-500 opacity-0 group-hover:opacity-100 transition-all",children:(0,l.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"delete"})})]})]},e.id)})})]}),(0,l.jsx)(n.aF,{isOpen:m,title:"Create API Key",onClose:()=>{x(!1),u("")},children:(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsx)(n.pd,{label:"Key Name",value:h,onChange:e=>u(e.target.value),placeholder:"Production Key"}),(0,l.jsxs)("div",{className:"flex gap-2",children:[(0,l.jsx)(n.$n,{onClick:M,fullWidth:!0,disabled:!h.trim(),children:"Create"}),(0,l.jsx)(n.$n,{onClick:()=>{x(!1),u("")},variant:"ghost",fullWidth:!0,children:"Cancel"})]})]})}),(0,l.jsx)(n.aF,{isOpen:!!p,title:"API Key Created",onClose:()=>y(null),children:(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsxs)("div",{className:"bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg p-4",children:[(0,l.jsx)("p",{className:"text-sm text-yellow-800 dark:text-yellow-200 mb-2 font-medium",children:"Save this key now!"}),(0,l.jsx)("p",{className:"text-sm text-yellow-700 dark:text-yellow-300",children:"This is the only time you will see this key. Store it securely."})]}),(0,l.jsxs)("div",{className:"flex gap-2",children:[(0,l.jsx)(n.pd,{value:p||"",readOnly:!0,className:"flex-1 font-mono text-sm"}),(0,l.jsx)(n.$n,{variant:"secondary",icon:"created_key"===W?"check":"content_copy",onClick:()=>q(p,"created_key"),children:"created_key"===W?"Copied!":"Copy"})]}),(0,l.jsx)(n.$n,{onClick:()=>y(null),fullWidth:!0,children:"Done"})]})}),(0,l.jsx)(n.aF,{isOpen:U,title:"Enable Tunnel",onClose:()=>D(!1),children:(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsx)("div",{className:"bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg p-4",children:(0,l.jsxs)("div",{className:"flex items-start gap-3",children:[(0,l.jsx)("span",{className:"material-symbols-outlined text-blue-600 dark:text-blue-400",children:"cloud_upload"}),(0,l.jsxs)("div",{children:[(0,l.jsx)("p",{className:"text-sm text-blue-800 dark:text-blue-200 font-medium mb-1",children:"Cloudflare Tunnel"}),(0,l.jsx)("p",{className:"text-sm text-blue-700 dark:text-blue-300",children:"Expose your local iRouter to the internet. No port forwarding, no static IP needed. Share endpoint URL with your team or use it in Cursor, Cline, and other AI tools from anywhere."})]})]})}),(0,l.jsx)("div",{className:"grid grid-cols-2 gap-3",children:d.map(e=>(0,l.jsxs)("div",{className:"flex flex-col items-center text-center p-3 rounded-lg bg-sidebar/50",children:[(0,l.jsx)("span",{className:"material-symbols-outlined text-xl text-primary mb-1",children:e.icon}),(0,l.jsx)("p",{className:"text-xs font-semibold",children:e.title}),(0,l.jsx)("p",{className:"text-xs text-text-muted",children:e.desc})]},e.title))}),(0,l.jsx)("p",{className:"text-xs text-text-muted",children:"Requires outbound port 7844 (TCP/UDP). Connection may take 10-30s."}),(0,l.jsxs)("div",{className:"flex gap-2",children:[(0,l.jsx)(n.$n,{onClick:z,fullWidth:!0,className:"bg-linear-to-r from-primary to-blue-500 hover:from-primary-hover hover:to-blue-600 text-white!",children:"Start Tunnel"}),(0,l.jsx)(n.$n,{onClick:()=>D(!1),variant:"ghost",fullWidth:!0,children:"Cancel"})]})]})}),(0,l.jsx)(n.aF,{isOpen:I,title:"Disable Tunnel",onClose:()=>!T&&O(!1),children:(0,l.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,l.jsx)("div",{className:"bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-4",children:(0,l.jsxs)("div",{className:"flex items-start gap-3",children:[(0,l.jsx)("span",{className:"material-symbols-outlined text-red-600 dark:text-red-400",children:"warning"}),(0,l.jsxs)("div",{children:[(0,l.jsx)("p",{className:"text-sm text-red-800 dark:text-red-200 font-medium mb-1",children:"Warning"}),(0,l.jsx)("p",{className:"text-sm text-red-700 dark:text-red-300",children:"The tunnel will be disconnected. Remote access will stop working."})]})]})}),(0,l.jsx)("p",{className:"text-sm text-text-muted",children:"Are you sure you want to disable the tunnel?"}),(0,l.jsxs)("div",{className:"flex gap-2",children:[(0,l.jsx)(n.$n,{onClick:H,fullWidth:!0,disabled:T,className:"bg-red-500! hover:bg-red-600! text-white!",children:T?(0,l.jsxs)("span",{className:"flex items-center gap-2",children:[(0,l.jsx)("span",{className:"material-symbols-outlined animate-spin text-sm",children:"progress_activity"}),"Disabling..."]}):"Disable Tunnel"}),(0,l.jsx)(n.$n,{onClick:()=>O(!1),variant:"ghost",fullWidth:!0,disabled:T,children:"Cancel"})]})]})})]})}c.propTypes={machineId:i().string.isRequired}},96155:(e,t,s)=>{Promise.resolve().then(s.bind(s,95907))}},e=>{e.O(0,[2574,3862,548,2652,5497,8441,3794,7358],()=>e(e.s=96155)),_N_E=e.O()}]);

package/app/.next/static/chunks/app/(dashboard)/dashboard/mitm/{page-84e24e814210e7f3.js → page-d701bcbd09ed4801.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6607],{23879:(e,s,t)=>{"use strict";t.d(s,{default:()=>d});var a=t(95155),n=t(12115),i=t(3534),l=t(28777),c=t(52679),o=t(97397);function d(){let[e,s]=(0,n.useState)([]),[t,d]=(0,n.useState)([]),[r,u]=(0,n.useState)({}),[h,f]=(0,n.useState)(!1),[p,v]=(0,n.useState)(null),[w,g]=(0,n.useState)({running:!1,certExists:!1,dnsStatus:{},hasCachedPassword:!1});(0,n.useEffect)(()=>{y(),S(),k(),x()},[]);let y=async()=>{try{let e=await fetch("/api/providers");if(e.ok){let t=await e.json();s(t.connections||[])}}catch{}},S=async()=>{try{let e=await fetch("/api/keys");if(e.ok){let s=await e.json();d(s.keys||[])}}catch{}},k=async()=>{try{let e=await fetch("/api/models/alias");if(e.ok){let s=await e.json();u(s.aliases||{})}}catch{}},x=async()=>{try{let e=await fetch("/api/settings");if(e.ok){let s=await e.json();f(s.cloudEnabled||!1)}}catch{}},j=()=>e.filter(e=>!1!==e.isActive),E=Object.entries(i.wn);return(0,a.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,a.jsx)(o.tA,{apiKeys:t,cloudEnabled:h,onStatusChange:g}),(0,a.jsx)("div",{className:"flex flex-col gap-2",children:E.map(([e,s])=>(0,a.jsx)(o.kn,{tool:s,isExpanded:p===e,onToggle:()=>v(p===e?null:e),serverRunning:w.running,dnsActive:w.dnsStatus?.[e]||!1,hasCachedPassword:w.hasCachedPassword||!1,apiKeys:t,activeProviders:j(),hasActiveProviders:j().some(e=>(0,l.KC)(e.provider).length>0||(0,c.mq)(e.provider)||(0,c.gb)(e.provider)),modelAliases:r,cloudEnabled:h,onDnsChange:e=>g(s=>({...s,dnsStatus:e.dnsStatus??s.dnsStatus}))},e))})]})}},49425:(e,s,t)=>{Promise.resolve().then(t.bind(t,23879))}},e=>{e.O(0,[2574,3862,548,5772,2652,5497,9242,8441,3794,7358],()=>e(e.s=49425)),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6607],{23879:(e,s,t)=>{"use strict";t.d(s,{default:()=>d});var a=t(95155),n=t(12115),i=t(3534),l=t(28777),c=t(52679),o=t(97397);function d(){let[e,s]=(0,n.useState)([]),[t,d]=(0,n.useState)([]),[r,u]=(0,n.useState)({}),[h,f]=(0,n.useState)(!1),[p,v]=(0,n.useState)(null),[w,g]=(0,n.useState)({running:!1,certExists:!1,dnsStatus:{},hasCachedPassword:!1});(0,n.useEffect)(()=>{y(),S(),k(),x()},[]);let y=async()=>{try{let e=await fetch("/api/providers");if(e.ok){let t=await e.json();s(t.connections||[])}}catch{}},S=async()=>{try{let e=await fetch("/api/keys");if(e.ok){let s=await e.json();d(s.keys||[])}}catch{}},k=async()=>{try{let e=await fetch("/api/models/alias");if(e.ok){let s=await e.json();u(s.aliases||{})}}catch{}},x=async()=>{try{let e=await fetch("/api/settings");if(e.ok){let s=await e.json();f(s.cloudEnabled||!1)}}catch{}},j=()=>e.filter(e=>!1!==e.isActive),E=Object.entries(i.wn);return(0,a.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,a.jsx)(o.tA,{apiKeys:t,cloudEnabled:h,onStatusChange:g}),(0,a.jsx)("div",{className:"flex flex-col gap-2",children:E.map(([e,s])=>(0,a.jsx)(o.kn,{tool:s,isExpanded:p===e,onToggle:()=>v(p===e?null:e),serverRunning:w.running,dnsActive:w.dnsStatus?.[e]||!1,hasCachedPassword:w.hasCachedPassword||!1,apiKeys:t,activeProviders:j(),hasActiveProviders:j().some(e=>(0,l.KC)(e.provider).length>0||(0,c.mq)(e.provider)||(0,c.gb)(e.provider)),modelAliases:r,cloudEnabled:h,onDnsChange:e=>g(s=>({...s,dnsStatus:e.dnsStatus??s.dnsStatus}))},e))})]})}},54999:(e,s,t)=>{Promise.resolve().then(t.bind(t,23879))}},e=>{e.O(0,[2574,3862,548,5772,2652,5497,9242,8441,3794,7358],()=>e(e.s=54999)),_N_E=e.O()}]);

package/app/.next/static/chunks/app/(dashboard)/dashboard/profile/page-e418f4cf1f605f08.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3471],{2552:(e,t,s)=>{Promise.resolve().then(s.bind(s,64561))},64561:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>d});var a=s(95155),r=s(12115),o=s(35497),n=s(1620),i=s(31474),l=s(90620);function d(){let{theme:e,setTheme:t,isDark:s}=(0,n.D)(),[d,c]=(0,r.useState)({fallbackStrategy:"fill-first"}),[m,x]=(0,r.useState)(!0),[p,u]=(0,r.useState)({current:"",new:"",confirm:""}),[h,b]=(0,r.useState)({type:"",message:""}),[y,g]=(0,r.useState)(!1),[f,j]=(0,r.useState)(!1),[N,v]=(0,r.useState)({type:"",message:""}),w=(0,r.useRef)(null),[P,k]=(0,r.useState)({outboundProxyEnabled:!1,outboundProxyUrl:"",outboundNoProxy:""}),[C,S]=(0,r.useState)({type:"",message:""}),[O,E]=(0,r.useState)(!1),[R,T]=(0,r.useState)(!1);(0,r.useEffect)(()=>{fetch("/api/settings").then(e=>e.json()).then(e=>{c(e),k({outboundProxyEnabled:e?.outboundProxyEnabled===!0,outboundProxyUrl:e?.outboundProxyUrl||"",outboundNoProxy:e?.outboundNoProxy||""}),x(!1)}).catch(e=>{console.error("Failed to fetch settings:",e),x(!1)})},[]);let L=async e=>{if(e.preventDefault(),!0===d.outboundProxyEnabled){E(!0),S({type:"",message:""});try{let e=await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({outboundProxyUrl:P.outboundProxyUrl,outboundNoProxy:P.outboundNoProxy})}),t=await e.json();e.ok?(c(e=>({...e,...t})),S({type:"success",message:"Proxy settings applied"})):S({type:"error",message:t.error||"Failed to update proxy settings"})}catch(e){S({type:"error",message:"An error occurred"})}finally{E(!1)}}},F=async()=>{if(!0!==d.outboundProxyEnabled)return;let e=(P.outboundProxyUrl||"").trim();if(!e)return void S({type:"error",message:"Please enter a Proxy URL to test"});T(!0),S({type:"",message:""});try{let t=await fetch("/api/settings/proxy-test",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({proxyUrl:e})}),s=await t.json();t.ok&&s?.ok?S({type:"success",message:`Proxy test OK (${s.status}) in ${s.elapsedMs}ms`}):S({type:"error",message:s?.error||"Proxy test failed"})}catch(e){S({type:"error",message:"An error occurred"})}finally{T(!1)}},U=async e=>{E(!0),S({type:"",message:""});try{let t=await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({outboundProxyEnabled:e})}),s=await t.json();t.ok?(c(e=>({...e,...s})),k(e=>({...e,outboundProxyEnabled:s?.outboundProxyEnabled===!0})),S({type:"success",message:e?"Proxy enabled":"Proxy disabled"})):S({type:"error",message:s.error||"Failed to update proxy settings"})}catch(e){S({type:"error",message:"An error occurred"})}finally{E(!1)}},A=async e=>{if(e.preventDefault(),p.new!==p.confirm)return void b({type:"error",message:"Passwords do not match"});g(!0),b({type:"",message:""});try{let e=await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({currentPassword:p.current,newPassword:p.new})}),t=await e.json();e.ok?(b({type:"success",message:"Password updated successfully"}),u({current:"",new:"",confirm:""})):b({type:"error",message:t.error||"Failed to update password"})}catch(e){b({type:"error",message:"An error occurred"})}finally{g(!1)}},q=async e=>{try{(await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({fallbackStrategy:e})})).ok&&c(t=>({...t,fallbackStrategy:e}))}catch(e){console.error("Failed to update settings:",e)}},J=async e=>{try{(await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({comboStrategy:e})})).ok&&c(t=>({...t,comboStrategy:e}))}catch(e){console.error("Failed to update combo strategy:",e)}},$=async e=>{let t=parseInt(e);if(!isNaN(t)&&!(t<1))try{(await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({stickyRoundRobinLimit:t})})).ok&&c(e=>({...e,stickyRoundRobinLimit:t}))}catch(e){console.error("Failed to update sticky limit:",e)}},D=async e=>{try{(await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({requireLogin:e})})).ok&&c(t=>({...t,requireLogin:e}))}catch(e){console.error("Failed to update require login:",e)}},H=async e=>{try{(await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({observabilityEnabled:e})})).ok&&c(t=>({...t,observabilityEnabled:e}))}catch(e){console.error("Failed to update observabilityEnabled:",e)}},M=async()=>{try{let e=await fetch("/api/settings");if(!e.ok)return;let t=await e.json();c(t)}catch(e){console.error("Failed to reload settings:",e)}},_=async()=>{j(!0),v({type:"",message:""});try{let e=await fetch("/api/settings/database");if(!e.ok){let t=await e.json().catch(()=>({}));throw Error(t.error||"Failed to export database")}let t=await e.json(),s=JSON.stringify(t,null,2),a=new Blob([s],{type:"application/json"}),r=URL.createObjectURL(a),o=document.createElement("a"),n=new Date().toISOString().replace(/[.:]/g,"-");o.href=r,o.download=`9router-backup-${n}.json`,document.body.appendChild(o),o.click(),document.body.removeChild(o),URL.revokeObjectURL(r),v({type:"success",message:"Database backup downloaded"})}catch(e){v({type:"error",message:e.message||"Failed to export database"})}finally{j(!1)}},Z=async e=>{let t=e.target.files?.[0];if(t){j(!0),v({type:"",message:""});try{let e=await t.text(),s=JSON.parse(e),a=await fetch("/api/settings/database",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(s)}),r=await a.json().catch(()=>({}));if(!a.ok)throw Error(r.error||"Failed to import database");await M(),v({type:"success",message:"Database imported successfully"})}catch(e){v({type:"error",message:e.message||"Invalid backup file"})}finally{w.current&&(w.current.value=""),j(!1)}}},I=!0===d.observabilityEnabled;return(0,a.jsx)("div",{className:"max-w-2xl mx-auto",children:(0,a.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,a.jsxs)(o.Zp,{children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,a.jsxs)("div",{className:"flex items-center gap-4",children:[(0,a.jsx)("div",{className:"size-12 rounded-lg bg-green-500/10 text-green-500 flex items-center justify-center",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-2xl",children:"computer"})}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h2",{className:"text-xl font-semibold",children:"Local Mode"}),(0,a.jsx)("p",{className:"text-text-muted",children:"Running on your machine"})]})]}),(0,a.jsx)("div",{className:"inline-flex p-1 rounded-lg bg-black/5 dark:bg-white/5",children:["light","dark","system"].map(s=>(0,a.jsxs)("button",{type:"button",onClick:()=>t(s),className:(0,i.cn)("flex items-center gap-1.5 px-3 py-1.5 rounded-md font-medium transition-all",e===s?"bg-white dark:bg-white/10 text-text-main shadow-sm":"text-text-muted hover:text-text-main"),children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"light"===s?"light_mode":"dark"===s?"dark_mode":"contrast"}),(0,a.jsx)("span",{className:"capitalize text-sm",children:s})]},s))})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-3 pt-4 border-t border-border",children:[(0,a.jsx)("div",{className:"flex items-center justify-between p-3 rounded-lg bg-bg border border-border",children:(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"font-medium",children:"Database Location"}),(0,a.jsx)("p",{className:"text-sm text-text-muted font-mono",children:"~/.9router/db.json"})]})}),(0,a.jsxs)("div",{className:"flex flex-wrap gap-2",children:[(0,a.jsx)(o.$n,{variant:"secondary",icon:"download",onClick:_,loading:f,children:"Download Backup"}),(0,a.jsx)(o.$n,{variant:"outline",icon:"upload",onClick:()=>w.current?.click(),disabled:f,children:"Import Backup"}),(0,a.jsx)("input",{ref:w,type:"file",accept:"application/json,.json",className:"hidden",onChange:Z})]}),N.message&&(0,a.jsx)("p",{className:`text-sm ${"error"===N.type?"text-red-500":"text-green-600 dark:text-green-400"}`,children:N.message})]})]}),(0,a.jsxs)(o.Zp,{children:[(0,a.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[(0,a.jsx)("div",{className:"p-2 rounded-lg bg-primary/10 text-primary",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"shield"})}),(0,a.jsx)("h3",{className:"text-lg font-semibold",children:"Security"})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"font-medium",children:"Require login"}),(0,a.jsx)("p",{className:"text-sm text-text-muted",children:"When ON, dashboard requires password. When OFF, access without login."})]}),(0,a.jsx)(o.lM,{checked:!0===d.requireLogin,onChange:()=>D(!d.requireLogin),disabled:m})]}),!0===d.requireLogin&&(0,a.jsxs)("form",{onSubmit:A,className:"flex flex-col gap-4 pt-4 border-t border-border/50",children:[d.hasPassword&&(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsx)("label",{className:"text-sm font-medium",children:"Current Password"}),(0,a.jsx)(o.pd,{type:"password",placeholder:"Enter current password",value:p.current,onChange:e=>u({...p,current:e.target.value}),required:!0})]}),(0,a.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsx)("label",{className:"text-sm font-medium",children:"New Password"}),(0,a.jsx)(o.pd,{type:"password",placeholder:"Enter new password",value:p.new,onChange:e=>u({...p,new:e.target.value}),required:!0})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsx)("label",{className:"text-sm font-medium",children:"Confirm New Password"}),(0,a.jsx)(o.pd,{type:"password",placeholder:"Confirm new password",value:p.confirm,onChange:e=>u({...p,confirm:e.target.value}),required:!0})]})]}),h.message&&(0,a.jsx)("p",{className:`text-sm ${"error"===h.type?"text-red-500":"text-green-500"}`,children:h.message}),(0,a.jsx)("div",{className:"pt-2",children:(0,a.jsx)(o.$n,{type:"submit",variant:"primary",loading:y,children:d.hasPassword?"Update Password":"Set Password"})})]})]})]}),(0,a.jsxs)(o.Zp,{children:[(0,a.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[(0,a.jsx)("div",{className:"p-2 rounded-lg bg-blue-500/10 text-blue-500",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"route"})}),(0,a.jsx)("h3",{className:"text-lg font-semibold",children:"Routing Strategy"})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"font-medium",children:"Round Robin"}),(0,a.jsx)("p",{className:"text-sm text-text-muted",children:"Cycle through accounts to distribute load"})]}),(0,a.jsx)(o.lM,{checked:"round-robin"===d.fallbackStrategy,onChange:()=>q("round-robin"===d.fallbackStrategy?"fill-first":"round-robin"),disabled:m})]}),"round-robin"===d.fallbackStrategy&&(0,a.jsxs)("div",{className:"flex items-center justify-between pt-2 border-t border-border/50",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"font-medium",children:"Sticky Limit"}),(0,a.jsx)("p",{className:"text-sm text-text-muted",children:"Calls per account before switching"})]}),(0,a.jsx)(o.pd,{type:"number",min:"1",max:"10",value:d.stickyRoundRobinLimit||3,onChange:e=>$(e.target.value),disabled:m,className:"w-20 text-center"})]}),(0,a.jsxs)("div",{className:"flex items-center justify-between pt-4 border-t border-border/50",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"font-medium",children:"Combo Round Robin"}),(0,a.jsx)("p",{className:"text-sm text-text-muted",children:"Cycle through providers in combos instead of always starting with first"})]}),(0,a.jsx)(o.lM,{checked:"round-robin"===d.comboStrategy,onChange:()=>J("round-robin"===d.comboStrategy?"fallback":"round-robin"),disabled:m})]}),(0,a.jsx)("p",{className:"text-xs text-text-muted italic pt-2 border-t border-border/50",children:"round-robin"===d.fallbackStrategy?`Currently distributing requests across all available accounts with ${d.stickyRoundRobinLimit||3} calls per account.`:"Currently using accounts in priority order (Fill First)."})]})]}),(0,a.jsxs)(o.Zp,{children:[(0,a.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[(0,a.jsx)("div",{className:"p-2 rounded-lg bg-purple-500/10 text-purple-500",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"wifi"})}),(0,a.jsx)("h3",{className:"text-lg font-semibold",children:"Network"})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-4",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"font-medium",children:"Outbound Proxy"}),(0,a.jsx)("p",{className:"text-sm text-text-muted",children:"Enable proxy for OAuth + provider outbound requests."})]}),(0,a.jsx)(o.lM,{checked:!0===d.outboundProxyEnabled,onChange:()=>U(!0!==d.outboundProxyEnabled),disabled:m||O})]}),!0===d.outboundProxyEnabled&&(0,a.jsxs)("form",{onSubmit:L,className:"flex flex-col gap-4 pt-2 border-t border-border/50",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,a.jsx)("label",{className:"font-medium",children:"Proxy URL"}),(0,a.jsx)(o.pd,{placeholder:"http://127.0.0.1:7897",value:P.outboundProxyUrl,onChange:e=>k(t=>({...t,outboundProxyUrl:e.target.value})),disabled:m||O}),(0,a.jsx)("p",{className:"text-sm text-text-muted",children:"Leave empty to inherit existing env proxy (if any)."})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-2 pt-2 border-t border-border/50",children:[(0,a.jsx)("label",{className:"font-medium",children:"No Proxy"}),(0,a.jsx)(o.pd,{placeholder:"localhost,127.0.0.1",value:P.outboundNoProxy,onChange:e=>k(t=>({...t,outboundNoProxy:e.target.value})),disabled:m||O}),(0,a.jsx)("p",{className:"text-sm text-text-muted",children:"Comma-separated hostnames/domains to bypass the proxy."})]}),(0,a.jsxs)("div",{className:"pt-2 border-t border-border/50 flex items-center gap-2",children:[(0,a.jsx)(o.$n,{type:"button",variant:"secondary",loading:R,disabled:m||O,onClick:F,children:"Test proxy URL"}),(0,a.jsx)(o.$n,{type:"submit",variant:"primary",loading:O,children:"Apply"})]})]}),C.message&&(0,a.jsx)("p",{className:`text-sm ${"error"===C.type?"text-red-500":"text-green-500"} pt-2 border-t border-border/50`,children:C.message})]})]}),(0,a.jsxs)(o.Zp,{children:[(0,a.jsxs)("div",{className:"flex items-center gap-3 mb-4",children:[(0,a.jsx)("div",{className:"p-2 rounded-lg bg-orange-500/10 text-orange-500",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"monitoring"})}),(0,a.jsx)("h3",{className:"text-lg font-semibold",children:"Observability"})]}),(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:"font-medium",children:"Enable Observability"}),(0,a.jsx)("p",{className:"text-sm text-text-muted",children:"Record request details for inspection in the logs view"})]}),(0,a.jsx)(o.lM,{checked:I,onChange:H,disabled:m})]})]}),(0,a.jsxs)("div",{className:"text-center text-sm text-text-muted py-4",children:[(0,a.jsxs)("p",{children:[l.vQ.name," v",l.vQ.version]}),(0,a.jsx)("p",{className:"mt-1",children:"Local Mode - All data stored on your machine"})]})]})})}}},e=>{e.O(0,[2574,3862,548,2652,5497,8441,3794,7358],()=>e(e.s=2552)),_N_E=e.O()}]);