1"use strict";(self.rspackChunknewapi_web=self.rspackChunknewapi_web||[]).push([[3296],{67523(e,t,s){s.d(t,{ModelCharts:()=>g});var r=s(72361),a=s(68413),l=s(58246),d=s(6702),n=s(61631),o=s(86119),i=s(77935),u=s(50665),m=s(4288),p=s(96239),c=s(10400);let h=null,f={trend:"spec_model_line",proportion:"spec_pie",top:"spec_rank_bar"};function g(e){let{t}=(0,d.Bd)(),{resolvedTheme:g}=(0,m.D)(),{customization:x}=(0,u.A)(),b=(0,o.P)("--radius-md",`${x.preset}:${x.radius}`),[v,y]=(0,a.useState)(e.defaultChartTab??"trend"),[k,w]=(0,a.useState)(!1),C=(0,a.useRef)(null),j=e.timeGranularity??"hour";(0,a.useEffect)(()=>{e.defaultChartTab&&y(e.defaultChartTab)},[e.defaultChartTab]),(0,a.useEffect)(()=>{(async()=>{w(!1),h||(h=Promise.resolve().then(s.bind(s,59668)).then(e=>e.ThemeManager));let e=await h;C.current=e,e.setCurrentTheme("dark"===g?"dark":"light"),w(!0)})()},[g]);let N=(0,a.useMemo)(()=>(0,c.Mg)(e.loading?[]:e.data,j,t,x.preset,b),[e.data,e.loading,j,t,x.preset,b]),T=N[f[v]],_="string"==typeof T?.type?T.type:v,E=[v,_,e.loading?"loading":"ready",e.data.length,g,x.preset].join("-");return(0,r.jsxs)("div",{className:"overflow-hidden rounded-lg border",children:[(0,r.jsxs)("div",{className:"flex w-full flex-col gap-1.5 border-b px-3 py-2 sm:gap-3 sm:px-5 sm:py-3 lg:flex-row lg:items-center lg:justify-between",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)(n.rW1,{className:"text-muted-foreground/60 size-4"}),(0,r.jsx)("div",{className:"text-sm font-semibold",children:t("Model Call Analytics")}),(0,r.jsxs)("span",{className:"text-muted-foreground text-xs",children:[t("Total:")," ",N.totalCountDisplay]})]}),(0,r.jsx)("div",{className:"bg-muted/60 inline-flex h-7 w-full overflow-x-auto rounded-lg border p-0.5 sm:h-8 sm:w-auto",children:p.Z9.map(e=>(0,r.jsx)("button",{type:"button",onClick:()=>y(e.value),className:`shrink-0 rounded-md px-3 text-xs font-medium transition-colors ${v===e.value?"bg-background text-foreground shadow-sm":"text-muted-foreground hover:text-foreground"}`,children:t(e.labelKey)},e.value))})]}),(0,r.jsx)("div",{className:"h-[300px] p-1.5 sm:h-96 sm:p-2",children:k&&T&&(0,r.jsx)(l.F,{spec:{...T,theme:"dark"===g?"dark":"light",background:"transparent"},option:i.X},E)})]})}},86119(e,t,s){s.d(t,{P:()=>a});var r=s(68413);function a(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"--radius-md",t=arguments.length>1?arguments[1]:void 0,[s,a]=(0,r.useState)();return(0,r.useEffect)(()=>{a(function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"--radius-md";if("u"<typeof document)return;let t=document.createElement("div");t.style.borderRadius=`var(${e})`,t.style.pointerEvents="none",t.style.position="absolute",t.style.visibility="hidden",document.documentElement.appendChild(t);let s=getComputedStyle(t).borderTopLeftRadius;t.remove();let r=Number.parseFloat(s);return Number.isFinite(r)?r:void 0}(e))},[e,t]),s}},77935(e,t,s){s.d(t,{X:()=>r});let r={mode:"desktop-browser"}}}]);
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.