1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6700],{16700:(e,t,a)=>{a.r(t),a.d(t,{ApiTokensUsageCharts:()=>f});var s=a(54568),i=a(33971),r=a(48893),n=a(7620),o=a(50564),d=a(53813),h=["axis"],l=(0,n.forwardRef)((e,t)=>n.createElement(d.P,{chartName:"LineChart",defaultTooltipEventType:"axis",validateTooltipEventTypes:h,tooltipPayloadSearcher:o.uN,categoricalChartProps:e,ref:t})),c=a(17879),m=a(2622),x=a(94633),u=a(67887),p=a(54572),j=a(42264),y=a(87342);function f({usageData:e,usageRange:t}){let a=(0,i.c)("workspace.apiTokens");return(0,s.jsxs)("div",{className:"space-y-6",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("h4",{className:"mb-2 text-sm font-medium",children:a("usage.totalRequests")}),(0,s.jsx)(r.u,{width:"100%",height:200,children:(0,s.jsxs)(l,{data:e.timeSeries,children:[(0,s.jsx)(c.d,{strokeDasharray:"3 3"}),(0,s.jsx)(m.W,{dataKey:"hour",tickFormatter:e=>{let a=new Date(e);return"24h"===t?a.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}):a.toLocaleDateString([],{month:"short",day:"numeric"})},fontSize:12}),(0,s.jsx)(x.h,{fontSize:12}),(0,s.jsx)(u.m,{}),(0,s.jsx)(p.N1,{type:"monotone",dataKey:"totalRequests",stroke:"hsl(var(--primary))",strokeWidth:2,dot:!1})]})})]}),e.endpointBreakdown?.length>0&&(0,s.jsxs)("div",{children:[(0,s.jsx)("h4",{className:"mb-2 text-sm font-medium",children:a("usage.byEndpoint")}),(0,s.jsx)(r.u,{width:"100%",height:200,children:(0,s.jsxs)(j.E,{data:e.endpointBreakdown.slice(0,10),children:[(0,s.jsx)(c.d,{strokeDasharray:"3 3"}),(0,s.jsx)(m.W,{dataKey:"endpoint",fontSize:10,angle:-20,textAnchor:"end",height:60}),(0,s.jsx)(x.h,{fontSize:12}),(0,s.jsx)(u.m,{}),(0,s.jsx)(y.yP,{dataKey:"totalRequests",fill:"hsl(var(--primary))",radius:[4,4,0,0]})]})})]})]})}}}]);
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.