1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2435],{82435:(e,t,s)=>{s.r(t),s.d(t,{default:()=>g});var r=s(95155),i=s(12115),o=s(14051),n=s.n(o),a=s(21742),l=s(48035),d=s(77496),c=s(32539),x=s(59656),m=s(97944),u=s(45639),p=s(67389),h=s(84588);let b=["#6366f1","#14b8a6","#f59e0b","#ef4444","#8b5cf6","#06b6d4","#10b981","#f97316"],f=e=>e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}K`:String(e||0);function g({byProvider:e}){let[t,s]=(0,i.useState)("tokens"),o=(0,i.useMemo)(()=>e?Object.entries(e).map(([e,t])=>({name:e,tokens:(t.promptTokens||0)+(t.completionTokens||0),requests:t.requests||0})).filter(e=>e[t]>0).sort((e,s)=>s[t]-e[t]):[],[e,t]),n="tokens"===t?f:String,k="tokens"===t?"Tokens":"Requests";return(0,r.jsxs)(h.default,{className:"flex min-w-0 flex-col gap-3 p-3 sm:p-4",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,r.jsx)("span",{className:"text-sm font-semibold text-text-muted uppercase tracking-wide",children:"By Provider"}),(0,r.jsxs)("div",{className:"grid grid-cols-2 items-center gap-1 rounded-lg border border-border bg-bg-subtle p-1",children:[(0,r.jsx)("button",{onClick:()=>s("tokens"),className:`px-2.5 py-0.5 rounded-md text-xs font-medium transition-colors ${"tokens"===t?"bg-primary text-white shadow-sm":"text-text-muted hover:text-text hover:bg-bg-hover"}`,children:"Tokens"}),(0,r.jsx)("button",{onClick:()=>s("requests"),className:`px-2.5 py-0.5 rounded-md text-xs font-medium transition-colors ${"requests"===t?"bg-primary text-white shadow-sm":"text-text-muted hover:text-text hover:bg-bg-hover"}`,children:"Requests"})]})]}),o.length?(0,r.jsx)(a.u,{width:"100%",height:180,children:(0,r.jsxs)(l.E,{data:o,margin:{top:4,right:8,left:0,bottom:4},children:[(0,r.jsx)(d.d,{strokeDasharray:"3 3",strokeOpacity:.1,vertical:!1}),(0,r.jsx)(c.W,{dataKey:"name",tick:{fontSize:10,fill:"currentColor",fillOpacity:.6},tickLine:!1,axisLine:!1,interval:0,tickFormatter:e=>e.length>10?e.slice(0,10)+"â¦":e}),(0,r.jsx)(x.h,{tick:{fontSize:10,fill:"currentColor",fillOpacity:.5},tickLine:!1,axisLine:!1,tickFormatter:n,width:44}),(0,r.jsx)(m.m,{contentStyle:{backgroundColor:"var(--color-bg)",border:"1px solid var(--color-border)",borderRadius:"8px",fontSize:"12px"},formatter:e=>[n(e),k]}),(0,r.jsx)(u.yP,{dataKey:t,radius:[4,4,0,0],children:o.map((e,t)=>(0,r.jsx)(p.f,{fill:b[t%b.length],fillOpacity:.85},t))})]})}):(0,r.jsx)("div",{className:"h-44 flex items-center justify-center text-text-muted text-sm",children:"No provider usage yet"})]})}g.propTypes={byProvider:n().object}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.