67router 1.0.3 → 1.0.7

package/app/.next-cli-build/server/chunks/3449.js

@@ -1 +1 @@
-"use strict";exports.id=3449,exports.ids=[3449],exports.modules={63449:(a,b,c)=>{c.r(b),c.d(b,{default:()=>s});var d=c(48249),e=c(67484),f=c(49885),g=c.n(f),h=c(48679),i=c(33503),j=c(5277),k=c(22393),l=c(54206),m=c(48121),n=c(3807),o=c(93237),p=c(17660);let q=["#6366f1","#14b8a6","#f59e0b","#ef4444","#8b5cf6","#06b6d4","#10b981","#f97316"],r=a=>a>=1e6?`${(a/1e6).toFixed(1)}M`:a>=1e3?`${(a/1e3).toFixed(1)}K`:String(a||0);function s({byProvider:a}){let[b,c]=(0,e.useState)("tokens"),f=(0,e.useMemo)(()=>a?Object.entries(a).map(([a,b])=>({name:a,tokens:(b.promptTokens||0)+(b.completionTokens||0),requests:b.requests||0})).filter(a=>a[b]>0).sort((a,c)=>c[b]-a[b]):[],[a,b]),g="tokens"===b?r:String,t="tokens"===b?"Tokens":"Requests";return(0,d.jsxs)(p.default,{className:"flex min-w-0 flex-col gap-3 p-3 sm:p-4",children:[(0,d.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,d.jsx)("span",{className:"text-sm font-semibold text-text-muted uppercase tracking-wide",children:"By Provider"}),(0,d.jsxs)("div",{className:"grid grid-cols-2 items-center gap-1 rounded-lg border border-border bg-bg-subtle p-1",children:[(0,d.jsx)("button",{onClick:()=>c("tokens"),className:`px-2.5 py-0.5 rounded-md text-xs font-medium transition-colors ${"tokens"===b?"bg-primary text-white shadow-sm":"text-text-muted hover:text-text hover:bg-bg-hover"}`,children:"Tokens"}),(0,d.jsx)("button",{onClick:()=>c("requests"),className:`px-2.5 py-0.5 rounded-md text-xs font-medium transition-colors ${"requests"===b?"bg-primary text-white shadow-sm":"text-text-muted hover:text-text hover:bg-bg-hover"}`,children:"Requests"})]})]}),f.length?(0,d.jsx)(h.u,{width:"100%",height:180,children:(0,d.jsxs)(i.E,{data:f,margin:{top:4,right:8,left:0,bottom:4},children:[(0,d.jsx)(j.d,{strokeDasharray:"3 3",strokeOpacity:.1,vertical:!1}),(0,d.jsx)(k.W,{dataKey:"name",tick:{fontSize:10,fill:"currentColor",fillOpacity:.6},tickLine:!1,axisLine:!1,interval:0,tickFormatter:a=>a.length>10?a.slice(0,10)+"…":a}),(0,d.jsx)(l.h,{tick:{fontSize:10,fill:"currentColor",fillOpacity:.5},tickLine:!1,axisLine:!1,tickFormatter:g,width:44}),(0,d.jsx)(m.m,{contentStyle:{backgroundColor:"var(--color-bg)",border:"1px solid var(--color-border)",borderRadius:"8px",fontSize:"12px"},formatter:a=>[g(a),t]}),(0,d.jsx)(n.yP,{dataKey:b,radius:[4,4,0,0],children:f.map((a,b)=>(0,d.jsx)(o.f,{fill:q[b%q.length],fillOpacity:.85},b))})]})}):(0,d.jsx)("div",{className:"h-44 flex items-center justify-center text-text-muted text-sm",children:"No provider usage yet"})]})}s.propTypes={byProvider:g().object}}};
+"use strict";exports.id=3449,exports.ids=[3449],exports.modules={63449:(a,b,c)=>{c.r(b),c.d(b,{default:()=>k});var d=c(48249),e=c(67484),f=c(49885),g=c.n(f),h=c(92592);let i=["from-[#c5a880] to-[#e0c298]","from-[#3b82f6] to-[#60a5fa]","from-[#10b981] to-[#34d399]","from-[#f59e0b] to-[#fbbf24]","from-[#8b5cf6] to-[#a78bfa]","from-[#06b6d4] to-[#22d3ee]"],j=["text-[#c5a880]","text-[#3b82f6]","text-[#10b981]","text-[#f59e0b]","text-[#8b5cf6]","text-[#06b6d4]"];function k({byProvider:a,totalTokens:b=0,totalCachedTokens:c=0}){let f=(0,e.useMemo)(()=>{if(!a)return[];let c=Object.entries(a).map(([a,b])=>{let c=(b.promptTokens||0)+(b.completionTokens||0),d=(0,h.zt)(a)||h.Q2[a],e=d?.name||a;return{id:a,name:e,tokens:c,requests:b.requests||0,cost:b.cost||0}}),d=c.reduce((a,b)=>a+b.tokens,0)||b||1;return c.filter(a=>a.tokens>0||a.requests>0).sort((a,b)=>b.tokens-a.tokens).slice(0,5).map((a,b)=>({...a,share:(a.tokens/d*100).toFixed(1),gradient:i[b%i.length],textColor:j[b%j.length]}))},[a,b]),g=b>0?Math.min(99.9,c/b*100).toFixed(1):"0.0";return(0,d.jsxs)("div",{className:"bg-[#121216] border border-[#23242a] p-6 flex flex-col justify-between shadow-sm h-full",children:[(0,d.jsxs)("div",{className:"flex-1 flex flex-col",children:[(0,d.jsxs)("div",{className:"flex items-center justify-between border-b border-[#23242a] pb-4 mb-4",children:[(0,d.jsx)("h2",{className:"text-sm font-semibold text-[#ededef]",children:"By Provider"}),(0,d.jsx)("span",{className:"text-[11px] text-[#9c9ca4] font-mono",children:"Share"})]}),0===f.length?(0,d.jsx)("div",{className:"py-12 flex-1 flex items-center justify-center text-[#9c9ca4] text-xs",children:"No provider usage recorded yet"}):(0,d.jsx)("div",{className:"space-y-4",children:f.map(a=>{var b;let c;return(0,d.jsxs)("div",{className:"space-y-1.5",children:[(0,d.jsxs)("div",{className:"flex justify-between text-xs font-medium",children:[(0,d.jsx)("span",{className:"text-[#ededef] truncate max-w-[180px]",children:a.name}),(0,d.jsxs)("span",{className:`${a.textColor} font-mono font-semibold`,children:[a.share,"%"]})]}),(0,d.jsx)("div",{className:"w-full bg-[#1c1c24] h-2 overflow-hidden",children:(0,d.jsx)("div",{className:`bg-gradient-to-r ${a.gradient} h-full transition-all duration-500`,style:{width:`${Math.max(2,parseFloat(a.share))}%`}})}),(0,d.jsxs)("div",{className:"flex justify-between text-[10px] text-[#9c9ca4] font-mono",children:[(0,d.jsx)("span",{children:(b=a.tokens)>=1e6?`${(b/1e6).toFixed(2)}M tokens`:b>=1e3?`${(b/1e3).toFixed(1)}k tokens`:`${b||0} tokens`}),(0,d.jsx)("span",{children:(c=a.cost,`$${(c||0).toFixed(2)} est.`)})]})]},a.id)})})]}),(0,d.jsxs)("div",{className:"mt-6 p-3 bg-[#181820] border border-[#23242a] flex items-center justify-between shrink-0",children:[(0,d.jsxs)("div",{className:"flex items-center gap-2.5",children:[(0,d.jsx)("span",{className:"material-symbols-outlined text-base text-[#c5a880]",children:"auto_awesome"}),(0,d.jsxs)("div",{className:"text-xs text-[#ededef]",children:[(0,d.jsx)("div",{className:"font-medium",children:"Auto-Routing Savings"}),(0,d.jsxs)("div",{className:"text-[10px] text-[#9c9ca4]",children:["Saved ~",g,"% via Cache & Fallbacks"]})]})]}),(0,d.jsxs)("span",{className:"text-xs font-bold font-mono text-[#10b981]",children:["+$",(c>0?3e-6*c:0).toFixed(2)]})]})]})}k.propTypes={byProvider:g().object,totalTokens:g().number,totalCachedTokens:g().number}}};