@codeuxai/codeux 0.8.2 → 0.8.3

package/dashboard/dist/assets/{StatsPage-BODQk1cJ.js → StatsPage-BZl_tzUr.js}

@@ -1 +1 @@
-import{O as e,S as t,_ as n,a as r,h as i,j as a,v as o,w as s,x as c,y as l}from"./vendor-Dl0fhdV0.js";import{t as u}from"./createLucideIcon-BshUfn15.js";import{i as d,n as f,r as p,t as m}from"./list-todo-DJl-wxIV.js";import{t as h}from"./arrow-up-right-CzhTwjos.js";import{n as g,t as _}from"./message-square-DiaHza4H.js";import{n as v,t as y}from"./sliders-horizontal-6rJeI8Qo.js";import{n as b,r as x,t as S}from"./user-DZm9qlWc.js";import{t as C}from"./folder-CpXTXAeA.js";import{t as w}from"./gauge-CRJ-5Qy4.js";import{r as T}from"./project-data-BSCsMQnj.js";import{t as ee}from"./use-reduced-motion-Dxh6NCDM.js";import{Ai as E,Bt as D,Ci as O,Ct as k,Di as A,Dr as te,Er as j,Ft as ne,Gr as M,Gt as N,Ht as P,It as F,Lt as I,Mt as L,Nt as re,Or as ie,Pi as ae,Pt as oe,Qr as se,Rt as R,Sr as z,St as ce,Tr as B,Tt as le,Ut as V,Vr as ue,Vt as de,Wt as fe,Xr as pe,Zr as me,_i as he,_r as ge,ai as _e,cn as ve,di as ye,fi as be,hi as xe,hr as Se,ki as Ce,kt as we,li as Te,mr as Ee,oi as De,or as H,pr as U,vi as Oe,vr as ke,wi as Ae,xr as je,zt as W}from"./index-DddY8OV0.js";import{n as Me,t as Ne}from"./invocation-api-Cb2lPef-.js";import{n as Pe}from"./list-window-BtcrCL8y.js";var Fe=u(`arrow-down-right`,[[`path`,{d:`m7 7 10 10`,key:`1fmybs`}],[`path`,{d:`M17 7v10H7`,key:`6fjiku`}]]),Ie=u(`chart-pie`,[[`path`,{d:`M21 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.95v8a1 1 0 0 0 1 1z`,key:`pzmjnu`}],[`path`,{d:`M21.21 15.89A10 10 0 1 1 8 2.83`,key:`k2fpak`}]]),Le=u(`circle-minus`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M8 12h8`,key:`1wcyev`}]]),Re=u(`clipboard`,[[`rect`,{width:`8`,height:`4`,x:`8`,y:`2`,rx:`1`,ry:`1`,key:`tgr4d6`}],[`path`,{d:`M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2`,key:`116196`}]]),ze=u(`flag`,[[`path`,{d:`M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528`,key:`1jaruq`}]]),Be=u(`rows-3`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}],[`path`,{d:`M21 9H3`,key:`1338ky`}],[`path`,{d:`M21 15H3`,key:`9uk58r`}]]),Ve=u(`square-minus`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}],[`path`,{d:`M8 12h8`,key:`1wcyev`}]]),He=u(`square-plus`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}],[`path`,{d:`M8 12h8`,key:`1wcyev`}],[`path`,{d:`M12 8v8`,key:`napkw2`}]]);c();function Ue(e,t){let[n,r]=l(`composition`),[a,o]=l(null),[c,u]=l(null),[d,f]=l(null),[p,m]=l(null),h=i(e),[g,_]=l(()=>{try{let t=`jules_stats_enabled_series_${e||`default`}`,n=localStorage.getItem(t);if(n)return JSON.parse(n)}catch{}return{}});return s(()=>{if(Object.keys(g).length>0&&h.current===e)try{localStorage.setItem(`jules_stats_enabled_series_${e||`default`}`,JSON.stringify(g))}catch{}},[g,e]),s(()=>{h.current=e;try{let t=`jules_stats_enabled_series_${e||`default`}`,n=localStorage.getItem(t);_(n?JSON.parse(n):{})}catch{}},[e]),s(()=>{t&&(_(e=>{let n=!1,r={...e},i=0,a=new Set(t.chartSeries.map(e=>e.id));for(let e of Object.keys(r))a.has(e)||(delete r[e],n=!0);for(let e of t.chartSeries)r[e.id]===void 0&&(r[e.id]=e.defaultEnabled,n=!0),r[e.id]&&i++;return i===0&&t.chartSeries.length>0&&(r[t.chartSeries[0].id]=!0,n=!0),n?r:e}),o(e=>{if(!e)return null;let n=Math.max(0,t.buckets.length-1);return e.start>n||e.end>n?{start:Math.min(e.start,n),end:Math.min(e.end,n)}:e}))},[t]),s(()=>{o(null),u(null),f(null),m(null)},[e,t?`${t.range.from}-${t.range.to}-${t.range.resolution}`:null]),{visualMode:n,setVisualMode:r,zoomRange:a,setZoomRange:o,hoveredIndex:c,setHoveredIndex:u,dragStartIndex:d,setDragStartIndex:f,dragCurrentIndex:p,setDragCurrentIndex:m,enabledSeries:g,setEnabledSeries:_}}c();function We(e){let[t,r]=l({window:`7d`}),[i,a]=l(()=>{let e=new Date;return e.setDate(e.getDate()-6),e.toISOString().slice(0,10)}),[o,s]=l(()=>new Date().toISOString().slice(0,10)),{stats:c,loading:u,error:d,refresh:f}=k(e,t),p=Ue(e,c||null),m=c?.usage||L,h=n(()=>{let e=oe(c?.buckets||[],e=>e.usage.totalTokens),t=oe(c?.buckets||[],e=>e.usage.activeTimeMs/1e3),n=oe(c?.buckets||[],e=>e.usage.wallTimeMs/1e3),r=c?.purposes.find(e=>e.id===`planning`)||null,{providerSegments:i,sourceSegments:a,tokenSegments:o}=ne(c,m),s=`Unavailable`;return c?m.reportedInvocationCount>0&&m.estimatedInvocationCount===0?s=`Provider reported`:m.reportedInvocationCount>0&&m.estimatedInvocationCount>0?s=`Mixed reported + fallback`:m.estimatedInvocationCount>0&&(s=`Estimated fallback`):s=`No telemetry`,{tokenSeries:e,activeTimeSeries:t,wallTimeSeries:n,planningUsage:r,providerSegments:i,sourceSegments:a,tokenSegments:o,completionConfidence:s}},[c,m]);return{stats:c,loading:u,error:d,refresh:f,usage:m,tokenSeries:h.tokenSeries,activeTimeSeries:h.activeTimeSeries,wallTimeSeries:h.wallTimeSeries,planningUsage:h.planningUsage,activeQuery:t,customFrom:i,setCustomFrom:a,customTo:o,setCustomTo:s,visualMode:p.visualMode,setVisualMode:p.setVisualMode,chartState:p,providerSegments:h.providerSegments,sourceSegments:h.sourceSegments,tokenSegments:h.tokenSegments,applyPresetWindow:e=>{r({window:e})},applyCustomRange:()=>{!i||!o||r({window:`custom`,from:i,to:o})},completionConfidence:h.completionConfidence}}function Ge(e,t){if(e.length<2)return{current:e.reduce((e,n)=>e+t(n),0),previous:0,changePercent:null,direction:`flat`};let n=Math.floor(e.length/2),r=e.slice(0,n).reduce((e,n)=>e+t(n),0),i=e.slice(n).reduce((e,n)=>e+t(n),0);return{current:i,previous:r,changePercent:r>0?(i-r)/r*100:null,direction:i>r?`up`:i<r?`down`:`flat`}}function Ke(e){if(e.changePercent===null)return e.current>0?`new`:`—`;let t=Math.round(Math.abs(e.changePercent));return t===0?`flat`:`${e.changePercent>0?`+`:`-`}${t}%`}function qe(e){if(e.length===0)return``;if(e.length===1){let t=e[0];return`M ${t.x.toFixed(2)} ${t.y.toFixed(2)}`}return e.map((t,n)=>{if(n===0)return`M ${t.x.toFixed(2)} ${t.y.toFixed(2)}`;let r=e[n-1],i=t.x-r.x;return`C ${(r.x+i*.35).toFixed(2)} ${r.y.toFixed(2)} ${(t.x-i*.35).toFixed(2)} ${t.y.toFixed(2)} ${t.x.toFixed(2)} ${t.y.toFixed(2)}`}).join(` `)}function Je(e,t,n){if(e.length===0)return``;let r=e[0],i=e[e.length-1];return`${qe(e)} L ${i.x.toFixed(2)} ${(t-n).toFixed(2)} L ${r.x.toFixed(2)} ${(t-n).toFixed(2)} Z`}function Ye(e,t,n,r){let i=e.length>0?e:[0],a=Math.max(...i,1),o=Math.max(1,t-r*2),s=Math.max(1,n-r*2);return i.map((e,c)=>({x:i.length===1?t/2:r+c/(i.length-1)*o,y:n-r-e/a*s}))}function Xe(e,t,n,r){let i=(r-90)*Math.PI/180;return{x:e+n*Math.cos(i),y:t+n*Math.sin(i)}}function Ze(e,t,n,r,i,a){let o=Xe(e,t,n,i),s=Xe(e,t,n,a),c=Xe(e,t,r,a),l=Xe(e,t,r,i),u=+(a-i>180);return[`M ${o.x.toFixed(2)} ${o.y.toFixed(2)}`,`A ${n} ${n} 0 ${u} 1 ${s.x.toFixed(2)} ${s.y.toFixed(2)}`,`L ${c.x.toFixed(2)} ${c.y.toFixed(2)}`,`A ${r} ${r} 0 ${u} 0 ${l.x.toFixed(2)} ${l.y.toFixed(2)}`,`Z`].join(` `)}function Qe(e){let t=e.reduce((e,t)=>e+Math.max(0,t.value),0);if(t<=0)return[];let n=-90;return e.filter(e=>e.value>0).map(e=>{let r=e.value/t*360,i=n,a=n+r;return n=a,{...e,share:e.value/t*100,startAngle:i,endAngle:a,midAngle:i+r/2,path:Ze(120,120,104,58,i,a)}})}new Intl.DateTimeFormat(`en-US`,{month:`short`,day:`numeric`,timeZone:`UTC`});var $e=new Intl.DateTimeFormat(`en-US`,{month:`short`,day:`numeric`,timeZone:`UTC`});function et(e){let t=new Date(e);return Number.isNaN(t.getTime())?e:`${t.getHours()}:00`}function tt(e){let t=new Date(e);return Number.isNaN(t.getTime())?e:`${t.getHours().toString().padStart(2,`0`)}:${t.getMinutes().toString().padStart(2,`0`)}`}function nt(e){let t=new Date(e);return Number.isNaN(t.getTime())?e:$e.format(t)}function rt(e){if(!e)return 0;let t=new Date(e).getTime();return Number.isNaN(t)?0:t}function it(e){return e.resolution===`5min`?3:e.resolution===`hour`?e.bucketCount>18?3:1:e.resolution===`week`?e.bucketCount>24?4:2:e.bucketCount>20?5:1}function at(e,t){return t.resolution===`5min`?tt(e.bucketStart):t.resolution===`hour`?et(e.bucketStart):t.resolution===`week`?e.label:nt(e.bucketStart)}function ot(e,t){switch(t){case`tokens`:return e.usage.totalTokens;case`active`:return e.usage.activeTimeMs;case`input`:return e.usage.inputTokens;case`output`:return e.usage.outputTokens;case`name`:return e.label.toLowerCase();case`p50`:return e.duration?.p50Ms??0;case`p95`:return e.duration?.p95Ms??0;default:return rt(e.lastActivityAt)}}c();var G=`relative overflow-hidden rounded-[1.9rem] border border-black/[0.06] bg-white/80 p-6 shadow-[0_2px_20px_rgba(0,0,0,0.04)] backdrop-blur-sm dark:border-white/[0.06] dark:bg-void-800/75 dark:shadow-[0_4px_24px_rgba(0,0,0,0.2)]`,K=`rounded-[1.45rem] border border-black/[0.05] bg-white/68 p-4 shadow-[0_10px_24px_rgba(15,23,42,0.045)] backdrop-blur-xl dark:border-white/[0.05] dark:bg-void-900/35 dark:shadow-[0_12px_28px_rgba(0,0,0,0.2)]`,q=`rounded-full border border-black/[0.06] bg-white/70 shadow-[0_1px_3px_rgba(0,0,0,0.04)] backdrop-blur-xl dark:border-white/[0.06] dark:bg-void-900/55 dark:shadow-[0_1px_3px_rgba(0,0,0,0.18)]`,st=`h-11 rounded-2xl border border-black/[0.06] bg-white/72 px-4 text-sm text-slate-700 outline-none transition-colors focus:border-signal-500 dark:border-white/[0.06] dark:bg-void-900/55 dark:text-slate-200`,ct=`group relative overflow-hidden rounded-[1.75rem] border border-black/[0.06] bg-white/80 p-6 shadow-[0_8px_32px_rgba(15,23,42,0.05)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-1 hover:border-amber-500/30 hover:shadow-[0_18px_48px_rgba(255,184,0,0.14)] dark:border-white/[0.06] dark:bg-void-800/75 dark:shadow-[0_12px_32px_rgba(0,0,0,0.25)] dark:hover:border-amber-500/40 dark:hover:bg-void-800/80`,lt=({value:e,onChange:t})=>r(`div`,{role:`group`,"aria-label":`Visual Modes`,className:`inline-flex p-1 ${q}`,children:[{id:`trend`,label:`Trend`,icon:A},{id:`composition`,label:`Composition`,icon:Ie},{id:`models`,label:`Models`,icon:De},{id:`reliability`,label:`Providers`,icon:j},{id:`ledgers`,label:`Ledgers`,icon:M},{id:`system`,label:`System`,icon:z}].map(n=>{let i=n.icon;return r(`button`,{type:`button`,onClick:()=>t(n.id),"aria-pressed":e===n.id,className:`inline-flex items-center gap-2 rounded-full px-4 py-2 text-[10px] font-bold uppercase tracking-[0.2em] transition-all ${e===n.id?`bg-amber-500 text-white shadow-[0_2px_8px_rgba(255,184,0,0.35)] dark:bg-amber-500 dark:text-white`:`text-slate-500 hover:text-slate-900 dark:text-slate-400 dark:hover:text-white`}`,children:[r(i,{className:`h-3.5 w-3.5`,strokeWidth:2}),n.label]},n.id)})}),ut=({label:e,value:t,detail:n,accentHex:i,sparkline:a,signalLabel:o})=>r(fe,{title:e,value:t,trend:r(`div`,{className:`px-3 py-1 text-[10px] font-bold uppercase tracking-[0.16em] text-slate-500 dark:text-slate-400 ${q}`,children:o}),accent:i===`#00E0A0`?`signal`:i===`#FFB800`?`amber`:`cyan`,children:[r(N,{points:a,color:i}),r(`div`,{className:`mt-4 flex flex-col gap-1 border-t border-black/[0.06] pt-4 dark:border-white/[0.06]`,children:r(`div`,{className:`text-xs font-medium text-slate-500 dark:text-slate-400`,children:n})})]}),J=({icon:e,label:t,value:n,tone:i})=>r(`div`,{className:`group relative inline-flex items-center gap-2 overflow-hidden rounded-[14px] border px-3 py-1.5 shadow-[inset_0_1px_0_rgba(255,255,255,0.6),0_2px_8px_rgba(0,0,0,0.04)] backdrop-blur-md transition-all duration-300 hover:-translate-y-0.5 hover:shadow-[inset_0_1px_0_rgba(255,255,255,0.8),0_4px_12px_rgba(0,0,0,0.08)] dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.1),0_4px_12px_rgba(0,0,0,0.2)] ${i}`,children:[r(`div`,{className:`relative flex items-center gap-1.5 opacity-80 transition-opacity group-hover:opacity-100`,children:[r(e,{className:`h-3.5 w-3.5`,strokeWidth:2.5}),r(`span`,{className:`text-[10px] font-bold uppercase tracking-[0.16em]`,children:t})]}),r(`div`,{className:`relative text-[11px] font-black tracking-wide text-slate-900 drop-shadow-sm transition-all group-hover:drop-shadow-md dark:text-white`,children:typeof n==`number`?D(n):n})]});function dt(e){let t=(e||``).toLowerCase();return t.includes(`gemini`)?{icon:B,bg:`bg-indigo-500/10`,text:`text-indigo-600 dark:text-indigo-400`}:t.includes(`claude`)?{icon:Ce,bg:`bg-amber-500/10`,text:`text-amber-600 dark:text-amber-400`}:t.includes(`codex`)?{icon:z,bg:`bg-cyan-500/10`,text:`text-cyan-600 dark:text-cyan-400`}:t.includes(`jules`)?{icon:M,bg:`bg-signal-500/10`,text:`text-signal-600 dark:text-signal-400`}:t.includes(`qwen-code`)?{icon:Te,bg:`bg-violet-500/10`,text:`text-violet-600 dark:text-violet-400`}:t.includes(`opencode`)?{icon:se,bg:`bg-emerald-500/10`,text:`text-emerald-600 dark:text-emerald-400`}:t.includes(`antigravity`)?{icon:Ee,bg:`bg-orange-500/10`,text:`text-orange-600 dark:text-orange-400`}:{icon:E,bg:`bg-slate-500/10`,text:`text-slate-600 dark:text-slate-400`}}var ft=({input:e,cached:t,output:n,reasoning:i,total:a})=>{if(a<=0)return r(`div`,{className:`h-2 w-full rounded-full bg-black/[0.05] dark:bg-white/[0.05]`});let o=e/a*100,s=t/a*100,c=n/a*100,l=i/a*100;return r(`div`,{className:`flex h-2 w-full overflow-hidden rounded-full bg-black/[0.05] dark:bg-white/[0.05]`,children:[o>0&&r(`div`,{className:`h-full bg-signal-500 transition-all duration-500`,style:{width:`${o}%`},title:`Input: ${o.toFixed(1)}%`}),s>0&&r(`div`,{className:`h-full bg-cyan-500 transition-all duration-500`,style:{width:`${s}%`},title:`Cached: ${s.toFixed(1)}%`}),c>0&&r(`div`,{className:`h-full bg-amber-500 transition-all duration-500`,style:{width:`${c}%`},title:`Output: ${c.toFixed(1)}%`}),l>0&&r(`div`,{className:`h-full bg-rose-500 transition-all duration-500`,style:{width:`${l}%`},title:`Reasoning: ${l.toFixed(1)}%`})]})},pt=({insertions:e,deletions:t})=>{let n=e+t;if(n<=0)return r(`div`,{className:`h-2 w-full rounded-full bg-black/[0.05] dark:bg-white/[0.05]`});let i=e/n*100,a=t/n*100;return r(`div`,{className:`flex h-2 w-full overflow-hidden rounded-full bg-black/[0.05] dark:bg-white/[0.05]`,children:[i>0&&r(`div`,{className:`h-full bg-emerald-500 transition-all duration-500`,style:{width:`${i}%`},title:`Insertions: ${i.toFixed(1)}%`}),a>0&&r(`div`,{className:`h-full bg-rose-500 transition-all duration-500`,style:{width:`${a}%`},title:`Deletions: ${a.toFixed(1)}%`})]})},mt=({title:e,eyebrow:t,description:a,centerValue:s,centerLabel:c,segments:u})=>{let d=i(null),f=i(null),[p,m]=l(null),h=n(()=>Qe(u),[u]),g=p===null?null:h[p]||null;return o(()=>{if(!d.current||!f.current)return;let e=Array.from(d.current.querySelectorAll(`[data-donut-item]`)),t=Array.from(d.current.querySelectorAll(`[data-donut-slice]`)),n=U.timeline();return n.fromTo(f.current,{opacity:0,scale:.84,rotate:-14},{opacity:1,scale:1,rotate:0,duration:.85,ease:`power4.out`}),t.length>0&&n.fromTo(t,{opacity:0,scale:.86,transformOrigin:`50% 50%`},{opacity:1,scale:1,duration:.42,stagger:.05,ease:`power3.out`},`-=0.52`),e.length>0&&n.fromTo(e,{opacity:0,y:16},{opacity:1,y:0,duration:.45,stagger:.05,ease:`power3.out`},`-=0.3`),()=>n.kill()},[u.length]),r(`div`,{ref:d,className:`${G} h-full p-6`,children:[r(`div`,{className:`pointer-events-none absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-black/[0.08] to-transparent dark:via-white/[0.14]`}),r(`div`,{className:`relative flex h-full flex-col gap-6`,children:[r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:t}),r(`div`,{className:`mt-2 text-2xl font-black tracking-tight text-slate-900 dark:text-white`,children:e}),r(`div`,{className:`mt-2 text-sm leading-relaxed text-slate-500 dark:text-slate-400`,children:a})]}),r(`div`,{className:`grid gap-6 lg:grid-cols-[240px_minmax(0,1fr)] lg:items-center`,children:[r(`div`,{className:`flex items-center justify-center`,children:r(`div`,{className:`relative h-60 w-60`,children:[r(`div`,{className:`sr-only`,role:`region`,"aria-label":e,children:[a,`. `,u.map(e=>`${e.label}: ${e.value}`).join(`, `)]}),r(`svg`,{ref:f,viewBox:`0 0 240 240`,className:`h-full w-full overflow-visible`,"aria-hidden":`true`,children:[r(`defs`,{children:r(`filter`,{id:`stats-donut-glow`,x:`-40%`,y:`-40%`,width:`180%`,height:`180%`,children:[r(`feGaussianBlur`,{stdDeviation:`8`,result:`blur`}),r(`feColorMatrix`,{in:`blur`,type:`matrix`,values:`1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 0.28 0`}),r(`feBlend`,{in:`SourceGraphic`})]})}),r(`circle`,{cx:`120`,cy:`120`,r:`103`,fill:`rgba(255,255,255,0.04)`,stroke:`rgba(255,255,255,0.08)`}),h.map((e,t)=>{let n=(e.midAngle-90)*Math.PI/180,i=p===t?Math.cos(n)*7:0,a=p===t?Math.sin(n)*7:0;return r(`path`,{"data-donut-slice":!0,d:e.path,fill:e.color,stroke:`rgba(255,255,255,0.12)`,strokeWidth:p===t?3:1.2,filter:p===t?`url(#stats-donut-glow)`:void 0,style:{transform:`translate(${i}px, ${a}px)`,transformOrigin:`120px 120px`,opacity:p===null||p===t?1:.58,transition:`transform 220ms ease, opacity 220ms ease, stroke-width 220ms ease`},onMouseEnter:()=>m(t),onMouseLeave:()=>m(null)},e.label)})]}),r(`div`,{className:`pointer-events-none absolute inset-[24%] rounded-full border border-black/[0.05] bg-white/88 shadow-[inset_0_1px_0_rgba(255,255,255,0.45),0_10px_24px_rgba(15,23,42,0.08)] backdrop-blur-xl dark:border-white/[0.05] dark:bg-void-900/88 dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.05),0_12px_28px_rgba(0,0,0,0.28)]`}),r(`div`,{className:`pointer-events-none absolute inset-0 flex flex-col items-center justify-center`,children:[r(`div`,{className:`text-3xl font-black tracking-tight text-slate-900 dark:text-white`,children:g?D(g.value):s}),r(`div`,{className:`mt-1 text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:g?g.label:c}),r(`div`,{className:`mt-2 text-[11px] font-mono text-slate-500 dark:text-slate-400`,children:g?`${W(g.share)} of visible volume`:`${u.length} lanes`})]})]})}),r(`div`,{className:`space-y-3`,children:u.length===0?r(`div`,{className:`rounded-2xl border border-dashed border-black/[0.08] px-4 py-8 text-center text-sm text-slate-400 dark:border-white/[0.08]`,children:`No telemetry landed in this composition yet.`}):h.map((e,t)=>r(`div`,{"data-donut-item":!0,className:`${K} transition-transform duration-300 ${p===t?`translate-x-1 border-white/[0.12] dark:border-white/[0.12]`:``}`,onMouseEnter:()=>m(t),onMouseLeave:()=>m(null),children:[r(`div`,{className:`flex items-center justify-between gap-4`,children:[r(`div`,{className:`min-w-0`,children:[r(`div`,{className:`flex items-center gap-2`,children:[r(`span`,{className:`h-2.5 w-2.5 rounded-full`,style:{backgroundColor:e.color}}),r(`span`,{className:`truncate text-sm font-semibold ${e.textClassName}`,children:e.label})]}),r(`div`,{className:`mt-1 text-[11px] font-mono text-slate-400 dark:text-slate-500`,children:[W(e.share),` of visible volume`]})]}),r(`div`,{className:`text-right`,children:[r(`div`,{className:`text-sm font-black text-slate-900 dark:text-white`,children:D(e.value)}),r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.14em] text-slate-400`,children:`tokens`})]})]}),r(`div`,{className:`mt-3 h-1.5 rounded-full bg-black/[0.05] dark:bg-white/[0.06]`,children:r(`div`,{className:`h-1.5 rounded-full`,style:{width:`${Math.max(6,e.share)}%`,backgroundColor:e.color,opacity:p===null||p===t?1:.72}})})]},e.label))})]})]})]})},ht=({purposes:e})=>r(`div`,{className:`grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-4`,children:e.slice(0,4).map(e=>{let t=de(e.id);return r(fe,{title:e.label.replace(/_/g,` `),value:D(e.usage.totalTokens),description:`${R(e.usage.activeTimeMs)} active time`,icon:t.icon,accent:t.accent,children:r(`div`,{className:`mt-4 flex flex-wrap gap-2`,children:[r(J,{icon:Fe,label:`In`,value:e.usage.inputTokens,tone:`border-black/[0.06] bg-white/72 text-slate-600 dark:border-white/[0.06] dark:bg-void-900/55 dark:text-slate-300`}),r(J,{icon:h,label:`Out`,value:e.usage.outputTokens,tone:`border-black/[0.06] bg-white/72 text-slate-600 dark:border-white/[0.06] dark:bg-void-900/55 dark:text-slate-300`})]})},e.id)})}),gt=({icon:e,eyebrow:t,title:n,description:i})=>r(`div`,{className:`max-w-3xl`,children:[r(`div`,{className:`inline-flex items-center gap-2 rounded-full border border-black/[0.06] bg-white/72 px-3 py-1 text-[10px] font-bold uppercase tracking-[0.2em] text-slate-500 dark:border-white/[0.06] dark:bg-void-900/55 dark:text-slate-300`,children:[r(e,{className:`h-3.5 w-3.5 text-signal-500`,strokeWidth:2.2}),t]}),r(`div`,{className:`mt-4 text-3xl font-black tracking-tight text-slate-900 dark:text-white`,children:n}),r(`div`,{className:`mt-2 text-sm leading-relaxed text-slate-500 dark:text-slate-400`,children:i})]}),_t=({label:e,active:t,direction:n=null,onClick:i})=>r(`button`,{type:`button`,onClick:i,"aria-pressed":t,className:`inline-flex items-center gap-1 rounded-full px-3 py-2 text-[10px] font-bold uppercase tracking-[0.16em] transition-all ${t?`bg-amber-500/15 border border-amber-500/30 text-amber-600 dark:text-amber-400`:`${q} text-slate-500 dark:text-slate-300`}`,children:[e,t&&n?r(n===`desc`?d:g,{className:`h-3 w-3`,strokeWidth:2.6}):null]}),vt=({series:e,enabledSeries:t,activeIndex:n})=>r(`div`,{className:`grid grid-cols-1 sm:grid-cols-2 xl:flex xl:flex-col gap-4`,children:e.filter(e=>t[e.id]).map(e=>{let t=e.values[n]||0;return r(`div`,{className:`rounded-[1.25rem] border border-[var(--stats-card-border)] bg-[var(--stats-card-bg)]/40 px-5 py-4 shadow-sm transition-all hover:bg-[var(--stats-card-bg)]/60`,children:[r(`div`,{className:`flex items-center gap-3`,children:[r(`span`,{className:`h-2.5 w-2.5 rounded-full ring-2 ring-white/10`,style:{backgroundColor:e.accentHex}}),r(`span`,{className:`text-[10px] font-bold uppercase tracking-[0.25em] text-[var(--stats-label-color)] truncate`,children:e.label})]}),r(`div`,{className:`mt-4 flex items-end justify-between gap-4`,children:[r(`div`,{className:`text-xl font-black text-[var(--stats-value-color)] truncate`,children:e.formatter(t)}),r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-[var(--stats-detail-color)] opacity-70`,children:e.signalLabel||`Metric`})]})]},e.id)})});c();var yt=1e3,bt=72,xt=8,St=({buckets:e,zoomRange:t,onZoomChange:a,accentHex:o=`#00E0A0`})=>{let s=i(null),[c,u]=l(null),[d,f]=l(null),p=n(()=>{let t=e.map(e=>e.usage.totalTokens),n=Ye(t.length>0?t:[0],yt,bt,xt);return{path:qe(n),areaPath:Je(n,bt,xt)}},[e]);if(e.length<2)return null;let m=e.length-1,h=e=>xt+e/m*(yt-xt*2),g=e=>{let t=s.current?.getBoundingClientRect();if(!t||t.width<=0)return 0;let n=(e-t.left)/t.width;return Math.max(0,Math.min(m,Math.round(n*m)))},_=(c!==null&&d!==null?{start:Math.min(c,d),end:Math.max(c,d)}:null)??t;return r(`div`,{className:`mt-3`,children:[r(`div`,{className:`mb-1.5 flex items-center justify-between`,children:[r(`div`,{className:`text-[9px] font-bold uppercase tracking-[0.22em] text-[var(--stats-label-color,theme(colors.slate.400))]`,children:`Overview · drag to zoom, click to reset`}),t?r(`div`,{className:`text-[9px] font-bold uppercase tracking-[0.18em] text-signal-500`,children:[t.end-t.start+1,` of `,e.length,` buckets`]}):null]}),r(`div`,{ref:s,"data-testid":`usage-chart-minimap`,tabIndex:0,className:`relative h-[4.5rem] w-full cursor-crosshair touch-none select-none overflow-hidden rounded-2xl border border-black/[0.05] bg-black/[0.02] dark:border-white/[0.06] dark:bg-white/[0.03] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-signal-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-void-900`,onPointerDown:e=>{e.currentTarget.setPointerCapture(e.pointerId);let t=g(e.clientX);u(t),f(t)},onPointerMove:e=>{c!==null&&f(g(e.clientX))},onPointerUp:e=>{if(c===null)return;let t=g(e.clientX),n=Math.min(c,t),r=Math.max(c,t);u(null),f(null),r-n>=1&&!(n===0&&r===m)?a({start:n,end:r}):n===r&&a(null)},onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),a(null))},children:r(`svg`,{"aria-hidden":`true`,viewBox:`0 0 ${yt} ${bt}`,preserveAspectRatio:`none`,className:`absolute inset-0 h-full w-full`,children:[r(`defs`,{children:r(`linearGradient`,{id:`stats-minimap-fill`,x1:`0`,x2:`0`,y1:`0`,y2:`1`,children:[r(`stop`,{offset:`0%`,"stop-color":o,"stop-opacity":`0.3`}),r(`stop`,{offset:`100%`,"stop-color":o,"stop-opacity":`0.02`})]})}),r(`path`,{d:p.areaPath,fill:`url(#stats-minimap-fill)`}),r(`path`,{d:p.path,fill:`none`,stroke:o,"stroke-width":`2`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"vector-effect":`non-scaling-stroke`}),_?r(`g`,{children:[r(`rect`,{x:`0`,y:`0`,width:Math.max(0,h(_.start)),height:bt,fill:`rgba(15,23,42,0.18)`}),r(`rect`,{x:h(_.end),y:`0`,width:Math.max(0,yt-h(_.end)),height:bt,fill:`rgba(15,23,42,0.18)`}),r(`rect`,{x:h(_.start),y:`1`,width:Math.max(4,h(_.end)-h(_.start)),height:bt-2,fill:`rgba(255, 184, 0, 0.12)`,stroke:`rgba(255, 184, 0, 0.5)`,"stroke-width":`1.5`,rx:`6`,"vector-effect":`non-scaling-stroke`}),r(`rect`,{x:h(_.start)-2,y:bt/2-10,width:`4`,height:`20`,rx:`2`,fill:o}),r(`rect`,{x:h(_.end)-2,y:bt/2-10,width:`4`,height:`20`,rx:`2`,fill:o})]}):null]})})]})};function Ct(e,t,n){return e.slice(t,n+1)}function wt(e,t,n,r,i,a){return e.map((e,o)=>{let s=[`#F43F5E`,`#8B5CF6`,`#10B981`,`#F59E0B`,`#3B82F6`,`#EC4899`,`#14B8A6`],c=e.color||s[o%s.length],l=e.formatter===`duration`?R:e.formatter===`number`?t=>e.id.includes(`cost`)?F(t):re.format(t):e.formatter===`percent`?e=>`${e.toFixed(1)}%`:D,u=t.map((t,r)=>e.data[n+r]||0),d=Ye(u.length>0?u:[0],r,i,a);return{...e,accentHex:c,formatter:l,signalLabel:e.signalLabel||`Metric`,values:u,points:d,path:qe(d),areaPath:Je(d,i,a),max:Math.max(...u.length>0?u:[0],1)}})}function Tt(e){return e.reduce((e,t)=>(e[t.grouping]||(e[t.grouping]=[]),e[t.grouping].push(t),e),{})}function Et(e){let t=Math.max(0,...e.map(e=>e.usage.totalTokens)),n=Math.max(0,...e.map(e=>e.usage.activeTimeMs)),r=Math.max(0,...e.map(e=>e.usage.invocationCount)),i=Math.max(0,...e.map(e=>e.usage.totalCostUsd||0)),a=e.reduce((e,t)=>e+(t.usage.totalCostUsd||0),0);return{peakTokens:t,peakTime:n,peakInvocations:r,averageTokens:e.length>0?Math.round(V(e.map(e=>({id:e.bucketStart,label:e.label,secondaryLabel:null,status:null,purpose:null,provider:null,usage:e.usage,lastActivityAt:e.bucketEnd}))).totalTokens/e.length):0,peakCostUsd:i,totalCostUsd:a}}function Dt(e,t,n,r,i){let a=n??(e.length>0?e.length-1:0),o=e[a]??null,s=t[0]?.points.map(e=>e.x)??[];return{activeIndex:a,activeBucket:o,tooltipLeft:s[a]?(s[a]-r)/Math.max(1,i-r*2)*100:50,xPositions:s}}var Ot=({title:e,description:t})=>r(`div`,{className:`flex flex-col gap-6 xl:flex-row xl:items-start xl:justify-between`,children:r(`div`,{className:`max-w-3xl`,children:[r(`div`,{className:`inline-flex items-center gap-2.5 rounded-full border border-[var(--stats-card-border)] bg-[var(--stats-card-bg)] px-4 py-1.5 text-[10px] font-bold uppercase tracking-[0.2em] text-[var(--stats-detail-color)] shadow-sm`,children:[r(ae,{className:`h-3.5 w-3.5 text-signal-500`,strokeWidth:2.2}),`Usage Graph`]}),r(`div`,{className:`mt-5 text-4xl font-black tracking-tight text-[var(--stats-value-color)]`,children:e}),r(`div`,{className:`mt-3 text-sm leading-relaxed text-[var(--stats-detail-color)] max-w-2xl`,children:t})]})}),kt={menu:`_menu_113pf_1`,content:`_content_113pf_12`,header:`_header_113pf_27`,section:`_section_113pf_36`,label:`_label_113pf_49`,grid:`_grid_113pf_59`,fullGrid:`_fullGrid_113pf_65`};c();var At=({isOpen:e,onClose:t,stats:n,enabledSeries:a,setEnabledSeries:c})=>{let l=i(null),u=i(null);if(o(()=>{if(!l.current)return;let t=U.matchMedia();return t.add(`(prefers-reduced-motion: no-preference)`,()=>{e?U.fromTo(l.current,{opacity:H.dropdown.opacityStart,scale:H.dropdown.scaleStart,y:H.dropdown.yStart},{opacity:H.dropdown.opacityEnd,scale:H.dropdown.scaleEnd,y:H.dropdown.yEnd,duration:H.dropdown.duration,ease:H.dropdown.ease}):U.to(l.current,{opacity:H.dropdown.opacityStart,scale:H.dropdown.scaleStart,y:H.dropdown.yStart,duration:H.dropdown.duration*.8,ease:`power2.in`})}),t.add(`(prefers-reduced-motion: reduce)`,()=>{e?U.set(l.current,{opacity:H.dropdown.opacityEnd,scale:H.dropdown.scaleEnd,y:H.dropdown.yEnd}):U.set(l.current,{opacity:H.dropdown.opacityStart,scale:H.dropdown.scaleStart,y:H.dropdown.yStart})}),e&&u.current?.focus(),()=>t.revert()},[e]),s(()=>{let n=n=>{n.key===`Escape`&&e&&t()};return window.addEventListener(`keydown`,n),()=>window.removeEventListener(`keydown`,n)},[e,t]),!e&&!l.current)return null;let d=Object.values(a).filter(Boolean).length;return r(`div`,{ref:l,className:kt.menu,style:{display:e||l.current&&U.getProperty(l.current,`opacity`)>0?`block`:`none`},children:r(`div`,{className:kt.content,children:[r(`div`,{className:`${kt.header} flex items-center justify-between`,children:[r(`div`,{"aria-live":`polite`,className:`sr-only`,children:[`Showing `,d,` filter`,d===1?``:`s`]}),r(`div`,{className:`flex items-center gap-3`,children:[r(`span`,{className:`text-[11px] font-bold uppercase tracking-[0.2em] text-slate-900 dark:text-white`,children:`Graph Filters`}),d>0&&r(`button`,{type:`button`,onClick:()=>c({}),className:`text-xs text-slate-400 transition-colors hover:text-amber-600 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-amber-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-void-900 rounded`,children:`Reset filters`})]}),r(`button`,{ref:u,type:`button`,onClick:t,"aria-label":`Close graph filters`,className:`rounded-full p-1 text-slate-400 hover:bg-black/[0.05] hover:text-slate-600 dark:hover:bg-white/[0.05] dark:hover:text-slate-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-signal-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-void-900`,children:r(Se,{className:`h-4 w-4`})})]}),n&&r(`div`,{className:kt.section,children:[r(`label`,{className:kt.label,children:`Metric Series`}),r(`div`,{className:`flex max-h-[280px] flex-col gap-2 overflow-y-auto pr-2`,children:(()=>{let e=n.chartSeries.reduce((e,t)=>((e[t.grouping]??=[]).push(t),e),{}),t=[`core`,`purposes`,`providers`,`git`];return[...t.filter(t=>e[t]?.length),...Object.keys(e).filter(n=>!t.includes(n)&&e[n]?.length)].map(t=>r(`div`,{className:`flex flex-col`,children:[r(`div`,{className:`text-[9px] font-bold uppercase tracking-[0.2em] text-slate-400 dark:text-slate-500 mt-3 mb-1 px-1`,children:t===`core`?`Core`:t===`purposes`?`Purposes`:t===`providers`?`Providers`:t===`git`?`Git`:t.charAt(0).toUpperCase()+t.slice(1)}),r(`div`,{className:`flex flex-col gap-2`,children:e[t].map(n=>{let i=a[n.id]||!1,o=d===1&&i,s=e[t].filter(e=>a[e.id]).length;return r(`button`,{type:`button`,onClick:()=>{d===1&&a[n.id]||c(e=>({...e,[n.id]:!e[n.id]}))},"aria-disabled":o?`true`:void 0,"aria-pressed":i,className:`flex items-center justify-between rounded-xl border px-3 py-2 transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-signal-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-void-900 ${i?`border-amber-500/28 bg-amber-500/12 text-amber-700 dark:text-amber-300`:`border-black/[0.05] bg-transparent text-slate-500 hover:border-black/[0.1] dark:border-white/[0.05] dark:text-slate-400`} ${o?`cursor-not-allowed opacity-60`:``}`,children:[r(`div`,{className:`flex items-center gap-2`,children:[r(`span`,{className:`h-2 w-2 rounded-full`,style:{backgroundColor:n.color||`#ccc`}}),r(`span`,{className:`text-[10px] font-bold uppercase tracking-[0.14em]`,children:n.label})]}),i&&r(`div`,{className:`flex items-center gap-1.5`,children:[s>1&&r(`div`,{className:`rounded-full bg-amber-500/20 px-1.5 py-0.5 text-[8px] font-bold text-amber-700 dark:bg-amber-500/30 dark:text-amber-200`,children:[`+`,s-1]}),r(`div`,{className:`h-1.5 w-1.5 rounded-full bg-amber-500`})]})]},n.id)})})]},t))})()})]})]})})};c();function jt(){let[e,n]=l(!1);return{isFiltersOpen:e,toggleFilters:t(()=>{n(e=>!e)},[]),closeFilters:t(()=>{n(!1)},[]),openFilters:t(()=>{n(!0)},[])}}var Mt=({visible:e,left:t,label:n,bucketStart:i,activeSeries:a})=>{if(!e)return null;let o=new Date(i),s=i;return Number.isNaN(o.getTime())||(s=o.getMinutes()===0&&o.getSeconds()===0?new Intl.DateTimeFormat(`en-US`,{month:`short`,day:`2-digit`,hour:`2-digit`,minute:`2-digit`,hour12:!1,timeZone:`UTC`}).format(o).replace(`24:00`,`00:00`):new Intl.DateTimeFormat(`en-US`,{hour:`2-digit`,minute:`2-digit`,hour12:!1,timeZone:`UTC`}).format(o).replace(`24:00`,`00:00`)),r(`div`,{className:`pointer-events-none absolute top-3 z-50 w-64 -translate-x-1/2 rounded-[1.25rem] border border-[var(--stats-card-border)] border-t-2 border-t-amber-500/60 bg-[var(--stats-card-bg)] px-5 py-4 shadow-[var(--stats-card-shadow)] backdrop-blur-2xl transition-all duration-200`,style:{left:`${Math.min(92,Math.max(8,t))}%`},children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.14em] text-slate-400`,children:n}),r(`div`,{className:`mt-2 text-sm font-black text-[var(--stats-value-color)]`,children:s}),r(`div`,{className:`mt-4 space-y-2.5`,children:a.map(e=>r(`div`,{className:`flex items-center justify-between gap-4 text-sm`,children:[r(`div`,{className:`inline-flex items-center gap-2.5 text-[var(--stats-detail-color)]`,children:[r(`span`,{className:`h-2.5 w-2.5 rounded-full ring-2 ring-white/10`,style:{backgroundColor:e.accentHex}}),r(`span`,{className:`font-medium`,children:e.label})]}),r(`div`,{className:`font-black text-[var(--stats-value-color)]`,children:e.value})]},`tooltip-${e.id}`))})]})},Nt=({onReset:e})=>r(`div`,{className:`flex h-[24rem] w-full items-center justify-center px-6`,children:r(`div`,{className:`w-full max-w-lg`,children:r(ve,{status:`warning`,message:`No data for this window. Telemetry will appear once the project starts executing tasks.`,retryAction:e,retryLabel:e?`Reset Filters`:void 0,autoDismiss:!1})})}),Pt=({message:e,onRetry:t})=>r(`div`,{className:`flex h-[24rem] w-full items-center justify-center px-6`,children:r(`div`,{className:`w-full max-w-lg`,children:r(ve,{status:`error`,message:e||`An unexpected error occurred while retrieving graph data. Please try refreshing the page.`,retryAction:t,retryLabel:`Retry`,autoDismiss:!1})})});c();var Ft=({stats:e,loading:t,error:a,refresh:c,chartState:l})=>{let u=i(null),d=i(null),{isFiltersOpen:p,toggleFilters:m,closeFilters:h}=jt(),g=e=>{x(parseInt(e.currentTarget.value,10))},_=e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),b!==null&&y({start:b,end:b}))},{zoomRange:v,setZoomRange:y,hoveredIndex:b,setHoveredIndex:x,dragStartIndex:S,setDragStartIndex:C,dragCurrentIndex:w,setDragCurrentIndex:T,enabledSeries:E,setEnabledSeries:O}=l;ee();let k=e.buckets,A=i({width:1200,height:256}),te=i(e),j=i(v?.start??0),ne=i(v?.end??Math.max(0,k.length-1)),M=i(b);te.current=e,j.current=v?.start??0,ne.current=v?.end??Math.max(0,k.length-1),M.current=b;let N=j.current,P=ne.current,L=n(()=>Ct(k,N,P),[k,N,P]),re=i(L);re.current=L;let ie=n(()=>wt(e.chartSeries,L,N,A.current.width,A.current.height,34),[e.chartSeries,L,N,34]);o(()=>{if(!d.current||typeof ResizeObserver>`u`)return;let e=(e,t)=>{let n=d.current?.querySelector(`svg`);if(!n)return;n.setAttribute(`viewBox`,`0 0 ${e} ${t}`);let r=wt(te.current.chartSeries,re.current,j.current,e,t,34),i=r[0]?.points.map(e=>e.x)??[];n.querySelectorAll(`[data-grid-line]`).forEach((n,r)=>{n.setAttribute(`x2`,String(e-34)),n.setAttribute(`y1`,String(34+(t-68)/4*r)),n.setAttribute(`y2`,String(34+(t-68)/4*r))}),n.querySelectorAll(`[data-chart-area]`).forEach(e=>{let t=e.getAttribute(`data-series-id`),n=r.find(e=>e.id===t);n&&e.setAttribute(`d`,n.areaPath)}),n.querySelectorAll(`[data-chart-path]`).forEach(e=>{let t=e.getAttribute(`data-series-id`),n=r.find(e=>e.id===t);n&&e.setAttribute(`d`,n.path)});let a=n.querySelector(`[data-hover-line]`);a&&M.current!==null&&i[M.current]&&(a.setAttribute(`x1`,String(i[M.current])),a.setAttribute(`x2`,String(i[M.current])),a.setAttribute(`y2`,String(t-34))),n.querySelectorAll(`[data-chart-point]`).forEach(e=>{let t=e.getAttribute(`data-series-id`),n=parseInt(e.getAttribute(`data-point-index`)||`0`,10),i=r.find(e=>e.id===t);i&&i.points[n]&&(e.setAttribute(`cx`,String(i.points[n].x)),e.setAttribute(`cy`,String(i.points[n].y)))}),n.querySelectorAll(`[data-hover-rect]`).forEach(n=>{let r=parseInt(n.getAttribute(`data-rect-index`)||`0`,10),a=i[r];if(a===void 0)return;let o=r===0?34:(i[r-1]+a)/2,s=r===i.length-1?e-34:(a+i[r+1])/2,c=Math.max(8,s-o);n.setAttribute(`x`,String(o)),n.setAttribute(`width`,String(c)),n.setAttribute(`height`,String(t-68))}),n.querySelectorAll(`[data-axis-label]`).forEach(e=>{let n=parseInt(e.getAttribute(`data-label-index`)||`0`,10);i[n]!==void 0&&(e.setAttribute(`x`,String(i[n])),e.setAttribute(`y`,String(t-8)))})},t=new ResizeObserver(t=>{let n=t[0];if(n&&n.contentRect.width>0){let t=n.contentRect.width,r=Math.max(256,n.contentRect.height);(A.current.width!==t||A.current.height!==r)&&(A.current={width:t,height:r},requestAnimationFrame(()=>e(t,r)))}});return t.observe(d.current),()=>t.disconnect()},[34]);let{width:oe,height:se}=A.current;n(()=>Tt(e.chartSeries),[e.chartSeries]),Object.values(E).filter(Boolean).length;let z=ie.filter(e=>E[e.id]),{activeIndex:ce,activeBucket:B,tooltipLeft:le,xPositions:V}=n(()=>Dt(L,ie,b,34,oe),[L,ie,b,34,oe]),ue=S!==null&&w!==null?{start:Math.min(S,w),end:Math.max(S,w)}:null,de=v?`${I(k[v.start]?.bucketStart||null)} to ${I(k[v.end]?.bucketEnd||null)}`:e.range.label,fe=it(e.range),{peakTokens:pe,peakTime:me,peakInvocations:he,averageTokens:ge}=n(()=>Et(L),[L]);return s(()=>{let e=()=>{if(S===null||w===null)return;let e=Math.min(S,w),t=Math.max(S,w);t-e>=1&&y({start:e,end:t}),C(null),T(null)};return globalThis.window.addEventListener(`mouseup`,e),()=>globalThis.window.removeEventListener(`mouseup`,e)},[w,S,k,y,C,T]),o(()=>{if(!u.current)return;let e=Array.from(u.current.querySelectorAll(`[data-chart-path]`)),t=Array.from(u.current.querySelectorAll(`[data-chart-area]`)),n=Array.from(u.current.querySelectorAll(`[data-chart-point]`)),r=Array.from(u.current.querySelectorAll(`[data-chart-card]`)),i=U.matchMedia();return i.add(`(prefers-reduced-motion: no-preference)`,()=>{let i=U.timeline();t.length>0&&U.set(t,{opacity:0}),n.length>0&&U.set(n,{opacity:0,scale:.35,transformOrigin:`center center`}),e.forEach(e=>{let t=typeof e.getTotalLength==`function`?e.getTotalLength():100;U.set(e,{strokeDasharray:`${t} ${t}`,strokeDashoffset:t}),i.to(e,{strokeDashoffset:0,duration:1.05,ease:`power3.out`,clearProps:`strokeDashoffset,strokeDasharray`},0)}),t.length>0&&i.to(t,{opacity:(e,t)=>Number(t.dataset.areaOpacity||`0.3`),duration:.7,stagger:.08,ease:`power2.out`},.18),n.length>0&&i.to(n,{opacity:1,scale:1,duration:.38,stagger:.012,ease:`back.out(1.8)`},.3),r.length>0&&i.fromTo(r,{opacity:0,y:18},{opacity:1,y:0,duration:.55,stagger:.05,ease:`power3.out`},.18)}),i.add(`(prefers-reduced-motion: reduce)`,()=>{t.length>0&&U.set(t,{opacity:(e,t)=>Number(t.dataset.areaOpacity||`0.3`)}),n.length>0&&U.set(n,{opacity:1,scale:1}),e.forEach(e=>{U.set(e,{strokeDasharray:`none`,strokeDashoffset:0,clearProps:`strokeDashoffset,strokeDasharray`})}),r.length>0&&U.set(r,{opacity:1,y:0})}),()=>i.revert()},[E,L.length,e.range.from,e.range.to]),r(`div`,{ref:u,className:`${G} rounded-[2.2rem] p-6 md:p-7 border border-[var(--stats-card-border)] bg-[var(--stats-card-bg)] shadow-[var(--stats-card-shadow)]`,children:r(`div`,{className:`relative flex flex-col gap-8`,children:[r(`div`,{className:`sr-only`,"aria-live":`polite`,"aria-atomic":`true`,children:[r(`h2`,{id:`chart-summary-heading`,className:`sr-only`,children:[`Data Visualization for `,v?`zoomed timeframe`:e.range.label]}),r(`p`,{children:[`Currently showing `,L.length,` buckets.`,B?`Focused bucket: ${B.label}. Tokens: ${B.usage.totalTokens}`:`No bucket focused.`,`Active series: `,z.map(e=>e.label).join(`, `),`. Peak Tokens: `,D(pe),`. Peak Time: `,R(me),`. Average Tokens: `,D(ge),`. Peak Invocations: `,he.toLocaleString(),`.`]}),r(`table`,{className:`sr-only`,children:[r(`thead`,{children:r(`tr`,{children:[r(`th`,{children:`Time`}),z.map(e=>r(`th`,{children:e.label},e.id))]})}),r(`tbody`,{children:L.map((e,t)=>r(`tr`,{children:[r(`td`,{children:e.label}),z.map(e=>r(`td`,{children:e.formatter(e.values[t]??0)},e.id))]},e.bucketStart))})]})]}),r(Ot,{title:v?`Zoomed telemetry window`:e.range.label,description:`Normalized telemetry lines reveal shape instead of forcing tokens, duration, and invocation counts into one scale. Drag across the plot or the overview strip to zoom a timeframe, hover for exact bucket values, and use filters to focus the graph.`}),r(`div`,{className:`relative z-50`,children:r(At,{isOpen:p,onClose:h,stats:e,enabledSeries:E,setEnabledSeries:O})}),r(`div`,{className:`grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 xl:grid-cols-4 gap-4`,children:[r(`div`,{"data-chart-card":!0,className:`${K} border-[var(--stats-card-border)] bg-[var(--stats-card-bg)] p-5`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-[var(--stats-label-color)]`,children:`Peak Tokens`}),r(`div`,{className:`mt-2 text-2xl font-black text-[var(--stats-value-color)]`,children:D(pe)}),r(`div`,{className:`mt-1 text-xs text-[var(--stats-detail-color)]`,children:`Highest bucket in view`})]}),r(`div`,{"data-chart-card":!0,className:`${K} border-[var(--stats-card-border)] bg-[var(--stats-card-bg)] p-5`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-[var(--stats-label-color)]`,children:`Peak Time`}),r(`div`,{className:`mt-2 text-2xl font-black text-[var(--stats-value-color)]`,children:R(me)}),r(`div`,{className:`mt-1 text-xs text-[var(--stats-detail-color)]`,children:`Active model runtime`})]}),r(`div`,{"data-chart-card":!0,className:`${K} border-[var(--stats-card-border)] bg-[var(--stats-card-bg)] p-5`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-[var(--stats-label-color)]`,children:`Average Tokens`}),r(`div`,{className:`mt-2 text-2xl font-black text-[var(--stats-value-color)]`,children:D(ge)}),r(`div`,{className:`mt-1 text-xs text-[var(--stats-detail-color)]`,children:e.range.resolutionLabel})]}),r(`div`,{"data-chart-card":!0,className:`${K} border-[var(--stats-card-border)] bg-[var(--stats-card-bg)] p-5`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-[var(--stats-label-color)]`,children:`Peak Invocations`}),r(`div`,{className:`mt-2 text-2xl font-black text-[var(--stats-value-color)]`,children:he.toLocaleString()}),r(`div`,{className:`mt-1 text-xs text-[var(--stats-detail-color)]`,children:`CLI calls in one bucket`})]})]}),r(`div`,{className:`grid grid-cols-1 gap-8 items-start xl:grid-cols-[minmax(0,1fr)_18rem] 2xl:grid-cols-[minmax(0,1fr)_22rem]`,children:[r(`div`,{className:`${K} flex flex-col border-[var(--stats-card-border)] bg-[var(--stats-card-bg)] p-5 md:p-6`,children:[r(`div`,{className:`mb-6 flex flex-wrap items-center gap-4`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.25em] text-[var(--stats-label-color)]`,children:`Interactive Plot`}),r(`div`,{className:`px-3.5 py-1.5 text-[10px] font-bold uppercase tracking-[0.16em] text-[var(--stats-detail-color)] border-[var(--stats-card-border)] bg-[var(--stats-card-bg)] ${q} truncate max-w-full`,children:`Hover buckets for exact values`}),r(`div`,{className:`px-3.5 py-1.5 text-[10px] font-bold uppercase tracking-[0.16em] text-[var(--stats-detail-color)] border-[var(--stats-card-border)] bg-[var(--stats-card-bg)] ${q} truncate max-w-full`,children:de}),r(`button`,{type:`button`,onClick:m,"aria-expanded":p,className:`group flex items-center gap-2 px-3.5 py-1.5 text-[10px] font-bold uppercase tracking-[0.16em] transition-all border shadow-sm active:scale-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--accent-focus-ring)] ${q} ${p?`border-signal-500/30 bg-signal-500/[0.08] text-signal-500 shadow-signal-500/5`:`border-[var(--stats-card-border)] bg-[var(--stats-card-bg)] text-[var(--stats-detail-color)] hover:bg-[color:var(--fill-muted-hover)] hover:text-[var(--stats-value-color)] hover:border-[var(--stats-value-color)]/20`}`,children:[r(f,{className:`h-3 w-3 transition-colors ${p?`text-signal-500`:`text-[var(--stats-detail-color)] group-hover:text-signal-500`}`,strokeWidth:2.2}),`Filters`]}),v?r(`button`,{type:`button`,onClick:()=>y(null),className:`px-3.5 py-1.5 text-[10px] font-bold uppercase tracking-[0.16em] text-signal-500 transition-all hover:bg-[color:var(--fill-muted)] border border-signal-500/20 rounded-full active:scale-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--accent-focus-ring)]`,children:[`Reset zoom `,r(`span`,{className:`sr-only`,children:[`to `,e.range.label]})]}):null]}),r(`div`,{className:`sr-only`,children:[r(`label`,{htmlFor:`bucket-focus-slider`,children:`Explore chart data across time`}),r(`input`,{id:`bucket-focus-slider`,type:`range`,min:0,max:Math.max(0,L.length-1),value:b??0,onInput:g,onChange:g,onKeyDown:_,"aria-valuetext":B?`${B.label}, ${z.map(e=>`${e.label}: ${e.formatter(e.values[ce]??0)}`).join(`, `)}`:`No bucket focused`})]}),r(`div`,{ref:d,className:`relative flex-1 min-h-[16rem] sm:min-h-[24rem] md:min-h-[30rem] lg:min-h-[36rem] w-full`,children:[a?r(`div`,{className:`absolute inset-0 z-20 flex items-center justify-center bg-[var(--stats-card-bg)]/50 backdrop-blur-sm`,children:r(Pt,{message:a,onRetry:()=>{c().catch(()=>{})}})}):null,t&&!a?r(`div`,{className:`absolute right-4 top-4 z-20 flex items-center gap-2 rounded-full bg-[var(--stats-card-bg)]/80 px-3 py-1.5 shadow-sm backdrop-blur-md border border-[var(--stats-card-border)]`,"aria-busy":`true`,"aria-label":`Loading new data`,children:[r(ae,{className:`h-3.5 w-3.5 animate-pulse text-signal-500`}),r(`span`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-[var(--stats-detail-color)]`,children:`Syncing`})]}):null,r(Mt,{visible:!!B,left:le,label:B?.label||``,bucketStart:B?.bucketStart||``,activeSeries:z.map(e=>({id:e.id,label:e.label,accentHex:e.accentHex,value:e.formatter(e.values[ce]??0)}))}),k.length===0?r(`div`,{className:`absolute inset-0 h-full w-full transition-opacity duration-300 motion-reduce:transition-none ${t?`opacity-60 pointer-events-none`:`opacity-100`}`,children:r(Nt,{})}):r(`svg`,{role:`img`,"aria-labelledby":`chart-summary-heading`,viewBox:`0 0 ${oe} ${se}`,className:`absolute inset-0 h-full w-full overflow-visible transition-opacity duration-300 motion-reduce:transition-none ${t?`opacity-60 pointer-events-none`:`opacity-100`}`,children:[r(`defs`,{children:ie.map(e=>r(`linearGradient`,{id:`stats-area-${e.id}`,x1:`0`,x2:`0`,y1:`0`,y2:`1`,children:[r(`stop`,{offset:`0%`,"stop-color":e.accentHex,"stop-opacity":`0.25`}),r(`stop`,{offset:`100%`,"stop-color":e.accentHex,"stop-opacity":`0`})]},`fill-${e.id}`))}),Array.from({length:5}).map((e,t)=>r(`line`,{x1:34,x2:oe-34,y1:34+(se-68)/4*t,y2:34+(se-68)/4*t,stroke:`currentColor`,strokeOpacity:`0.08`},`grid-${t}`)),ue&&V.length>0?r(`rect`,{x:Math.max(34,V[Math.max(0,ue.start-N)]??34),y:34,width:Math.max(12,(V[Math.max(0,ue.end-N)]??oe-34)-(V[Math.max(0,ue.start-N)]??34)),height:se-68,rx:`18`,fill:`rgba(0,224,160,0.08)`,stroke:`rgba(0,224,160,0.4)`,strokeDasharray:`8 8`}):null,z.map(e=>r(`g`,{children:[r(`path`,{"data-chart-area":!0,"data-area-opacity":e.id===`tokens`?`1`:`0.45`,d:e.areaPath,fill:`url(#stats-area-${e.id})`,opacity:e.id===`tokens`?1:.45}),r(`path`,{"data-chart-path":!0,d:e.path,fill:`none`,stroke:e.accentHex,strokeWidth:e.id===`tokens`?`4.2`:`3.1`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`drop-shadow-[0_4px_12px_rgba(0,0,0,0.12)]`})]},e.id)),b!==null&&V[b]?r(`line`,{x1:V[b],x2:V[b],y1:34,y2:se-34,stroke:`currentColor`,strokeOpacity:`0.18`,strokeDasharray:`6 8`}):null,z.map(e=>e.points.map((t,n)=>r(`circle`,{"data-chart-point":!0,cx:t.x,cy:t.y,r:b===n?6:4,fill:e.accentHex,stroke:`white`,strokeWidth:b===n?2:0,fillOpacity:b===null||b===n?1:.4,style:{transition:`r 0.2s, fill-opacity 0.2s, stroke-width 0.2s`}},`${e.id}-${n}`))),V.map((e,t)=>{let n=t===0?34:(V[t-1]+e)/2,i=t===V.length-1?oe-34:(e+V[t+1])/2,a=Math.max(8,i-n),o=N+t;return r(`rect`,{tabIndex:0,x:n,y:34,width:a,height:se-68,fill:`transparent`,className:`focus:outline-none focus:ring-2 focus:ring-signal-500`,onMouseDown:()=>{C(o),T(o)},onMouseEnter:()=>x(t),onFocus:()=>x(t),onBlur:()=>x(null),"aria-label":k[o]?.label||`Bucket`,onMouseMove:()=>{S!==null&&T(o)},onMouseLeave:()=>x(null),onMouseUp:()=>{if(S===null)return;let e=Math.min(S,o),t=Math.max(S,o);t-e>=1&&y({start:e,end:t}),C(null),T(null)}},`hover-${t}`)}),L.map((t,n)=>n%fe===0||n===L.length-1?r(`text`,{x:V[n]??34,y:se-8,textAnchor:`middle`,className:`fill-[var(--stats-label-color)] text-[9px] font-bold uppercase tracking-[0.25em]`,children:at(t,e.range)},t.bucketStart):null)]})]}),k.length>1?r(St,{buckets:k,zoomRange:v,onZoomChange:y}):null]}),r(`div`,{className:`flex flex-col gap-6 w-full xl:w-auto`,children:[r(vt,{series:ie,enabledSeries:E,activeIndex:ce}),r(`div`,{className:`${K} border-[var(--stats-card-border)] bg-[var(--stats-card-bg)] p-6`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.25em] text-[var(--stats-label-color)]`,children:`Focused Bucket`}),r(`div`,{className:`mt-4 text-2xl font-black tracking-tight text-[var(--stats-value-color)]`,children:B?B.label:`--`}),r(`div`,{className:`mt-2 text-sm leading-relaxed text-[var(--stats-detail-color)]`,children:B?`${I(B.bucketStart)} to ${I(B.bucketEnd)}`:`No bucket data yet.`}),r(`div`,{className:`mt-5 rounded-2xl border border-[var(--stats-card-border)] bg-[var(--stats-card-bg)] px-4 py-3.5 text-[11px] font-bold uppercase tracking-[0.2em] text-[var(--stats-detail-color)] shadow-sm`,children:v?`${L.length} buckets in zoom`:`${e.range.bucketCount} buckets in ${e.range.label.toLowerCase()}`}),B?r(`div`,{className:`mt-6 space-y-4`,children:[B.usage.totalCostUsd>0?r(`div`,{className:`flex items-center justify-between rounded-2xl border border-emerald-500/20 bg-emerald-500/10 px-5 py-4 shadow-sm transition-all hover:bg-emerald-500/[0.15]`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-emerald-600 dark:text-emerald-400`,children:`Total Cost`}),r(`div`,{className:`text-base font-black text-[var(--stats-value-color)]`,children:F(B.usage.totalCostUsd)})]}):null,r(`div`,{className:`flex items-center justify-between rounded-2xl border border-signal-500/20 bg-signal-500/10 px-5 py-4 shadow-sm transition-all hover:bg-signal-500/[0.15]`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-signal-600 dark:text-signal-400`,children:`Tokens`}),r(`div`,{className:`text-base font-black text-[var(--stats-value-color)]`,children:D(B.usage.totalTokens)})]}),r(`div`,{className:`flex items-center justify-between rounded-2xl border border-amber-500/20 bg-amber-500/10 px-5 py-4 shadow-sm transition-all hover:bg-amber-500/[0.15]`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-amber-600 dark:text-amber-400`,children:`Active Time`}),r(`div`,{className:`text-base font-black text-[var(--stats-value-color)]`,children:R(B.usage.activeTimeMs)})]}),r(`div`,{className:`flex items-center justify-between rounded-2xl border border-cyan-500/20 bg-cyan-500/10 px-5 py-4 shadow-sm transition-all hover:bg-cyan-500/[0.15]`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-cyan-600 dark:text-cyan-400`,children:`Invocations`}),r(`div`,{className:`text-base font-black text-[var(--stats-value-color)]`,children:B.usage.invocationCount.toLocaleString()})]})]}):null]})]})]})]})})};function It(e,t){let n=typeof e.reportedInvocationCount==`number`||typeof e.estimatedInvocationCount==`number`,r=t.find(e=>e.source===`reported`&&e.count>0)?`reported`:t.find(e=>e.source===`estimated`&&e.count>0)?`estimated`:`unknown`,i=n?e.reportedInvocationCount&&e.reportedInvocationCount>0?`reported`:e.estimatedInvocationCount&&e.estimatedInvocationCount>0?`estimated`:`unknown`:r;return i===`reported`?{label:`Reported`,tone:`text-status-green dark:text-status-green`}:i===`estimated`?{label:`Estimated`,tone:`text-amber-600 dark:text-amber-400`}:{label:`Unknown`,tone:`text-slate-500 dark:text-slate-400`}}var Y=({label:e,value:t,delta:n,detail:i})=>{let a=n?Ke(n):null,o=n&&a&&a!==`—`,s=!n||n.direction===`flat`?`text-slate-400 dark:text-slate-500`:n.direction===`up`?`text-status-green`:`text-rose-500 dark:text-rose-400`;return r(`div`,{className:`${K} p-4`,children:[r(`div`,{className:`flex items-center justify-between gap-2`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:e}),o?r(`div`,{className:`inline-flex items-center gap-1 text-[10px] font-bold uppercase tracking-[0.12em] ${s}`,children:[n.direction===`up`?r(h,{className:`h-3 w-3`,strokeWidth:2.6}):n.direction===`down`?r(Fe,{className:`h-3 w-3`,strokeWidth:2.6}):null,a]}):null]}),r(`div`,{className:`mt-2 text-2xl font-black text-slate-900 dark:text-white`,children:t}),i?r(`div`,{className:`mt-1 text-[10px] font-bold uppercase tracking-[0.12em] text-slate-400`,children:i}):null]})},Lt=({stats:e,loading:t,error:n,refresh:i,planningUsage:a,chartState:o})=>{let s=e.buckets||[],c=Ge(s,e=>e.usage?.totalTokens||0),l=Ge(s,e=>e.usage?.invocationCount||0),u=Ge(s,e=>e.usage?.activeTimeMs||0),d=e.usage.inputTokens+e.usage.cachedInputTokens,f=e.statusCounts,p=f?f.completed+f.failed+f.cancelled:0;return r(`section`,{className:`space-y-6`,children:[r(`div`,{className:`grid grid-cols-2 gap-4 sm:grid-cols-3 xl:grid-cols-8`,children:[r(Y,{label:`Total Cost`,value:e.usage.totalCostUsd>0?F(e.usage.totalCostUsd):e.usage.totalTokens>0?`No pricing configured`:`$0.00`,delta:void 0,detail:`across all providers`}),r(Y,{label:`Cost per Invocation`,value:e.usage.totalCostUsd>0&&e.usage.invocationCount>0?F(e.usage.totalCostUsd/e.usage.invocationCount):`—`}),r(Y,{label:`Cost per Active Hour`,value:e.usage.totalCostUsd>0&&e.usage.activeTimeMs>0?F(e.usage.totalCostUsd/(e.usage.activeTimeMs/36e5)):`—`}),r(Y,{label:`Peak Bucket Cost`,value:o?.metrics?.peakCostUsd>0?F(o?.metrics?.peakCostUsd):`—`}),r(Y,{label:`Total Tokens`,value:D(e.usage.totalTokens),delta:c,detail:`vs first half of window`}),r(Y,{label:`Invocations`,value:e.usage.invocationCount.toLocaleString(),delta:l,detail:`vs first half of window`}),r(Y,{label:`Active Time`,value:R(e.usage.activeTimeMs),delta:u,detail:`vs first half of window`}),r(Y,{label:`Cache Hit Rate`,value:d>0?W(e.usage.cachedInputTokens/d*100):`—`,detail:`${D(e.usage.cachedInputTokens)} cached`}),r(Y,{label:`Median Latency`,value:e.duration&&e.duration.sampleCount>0?R(e.duration.p50Ms):`—`,detail:e.duration&&e.duration.sampleCount>0?`p95 ${R(e.duration.p95Ms)}`:`no samples`}),r(Y,{label:`Success Rate`,value:p>0?W(f.completed/p*100):`—`,detail:p>0?`${f.failed} failed of ${p}`:`nothing finished yet`}),r(Y,{label:`Output Velocity`,value:e.usage.activeTimeMs>0?`${Math.round(e.usage.outputTokens/Math.max(1,e.usage.activeTimeMs/1e3))} tok/s`:`0 tok/s`}),r(Y,{label:`Reasoning Share`,value:e.usage.reasoningOutputTokens>0?W(e.usage.reasoningOutputTokens/e.usage.outputTokens*100):`—`,detail:`of output tokens`})]}),r(`div`,{className:`flex flex-wrap gap-3`,children:[r(`div`,{className:`self-start px-3 py-1.5 text-[10px] font-bold uppercase tracking-[0.16em] text-amber-500 bg-amber-500/10 ${q}`,children:`Trend`}),r(`div`,{className:`px-3 py-1.5 text-[10px] font-bold uppercase tracking-[0.16em] text-slate-500 ${q}`,children:e.range.label}),r(`div`,{className:`px-3 py-1.5 text-[10px] font-bold uppercase tracking-[0.16em] text-slate-500 ${q}`,children:e.range.resolutionLabel}),r(`div`,{className:`px-3 py-1.5 text-[10px] font-bold uppercase tracking-[0.16em] text-slate-500 ${q}`,children:[e.buckets.length,` buckets`]})]}),r(Ft,{stats:e,loading:t,error:n,refresh:i,chartState:o}),r(`div`,{className:`mt-6`,children:[r(`div`,{className:`flex items-center gap-3`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:`Purpose Activity`}),r(`div`,{className:`px-2 py-0.5 text-[9px] font-bold uppercase tracking-[0.16em] text-slate-500 ${q}`,children:[e.purposes.length,` purposes`]})]}),r(`div`,{className:`mt-2 text-sm leading-relaxed text-slate-500 dark:text-slate-400`,children:`Token volume and active time by invocation purpose over the selected window.`}),r(`div`,{className:`mt-4 flex flex-col gap-2`,children:e.purposes.map(e=>r(`div`,{className:`${ct} flex items-center justify-between`,children:[r(`div`,{className:`text-sm font-bold capitalize text-slate-900 dark:text-white`,children:e.label.replace(/_/g,` `)}),r(`div`,{className:`flex items-center gap-6 text-sm text-slate-500`,children:[r(`div`,{children:[r(`span`,{className:`font-medium text-slate-700 dark:text-slate-300`,children:(e.usage?.invocationCount||0).toLocaleString()}),` invocations`]}),r(`div`,{children:[r(`span`,{className:`font-medium text-slate-700 dark:text-slate-300`,children:R(e.usage?.activeTimeMs||0)}),` active time`]})]})]},e.id))})]})]})},Rt=({stats:e,providerSegments:t,tokenSegments:n})=>{let i=e.usage.inputTokens+e.usage.cachedInputTokens>0?e.usage.cachedInputTokens/(e.usage.inputTokens+e.usage.cachedInputTokens)*100:0,a=[...e.providers].sort((e,t)=>t.usage.totalTokens-e.usage.totalTokens);return r(`section`,{className:`space-y-6`,children:[r(`div`,{className:`grid grid-cols-1 gap-6 2xl:grid-cols-[1.05fr_0.95fr]`,children:[r(mt,{title:`Provider Share`,eyebrow:`Composition`,description:`Provider token split grouped into visible lanes for faster reading at high volume.`,centerValue:String(e.providers.length),centerLabel:`providers`,segments:t}),r(mt,{title:`Token Anatomy`,eyebrow:`Flow Mix`,description:`Input, cached, output, and reasoning balance across the selected telemetry window.`,centerValue:D(e.usage.totalTokens),centerLabel:`token mix`,segments:n})]}),r(`div`,{className:`grid grid-cols-1 gap-6 xl:grid-cols-[1.15fr_0.85fr]`,children:[r(ht,{purposes:e.purposes}),r(`div`,{className:`${G} p-6`,children:[r(`div`,{className:`flex items-center gap-3`,children:[r(je,{className:`h-4 w-4 text-amber-500`,strokeWidth:2}),r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:`Token Flight`})]}),r(`div`,{className:`mt-4 grid grid-cols-2 gap-4`,children:[r(`div`,{className:`rounded-2xl border border-signal-500/16 bg-signal-500/10 p-4`,children:[r(`div`,{className:`inline-flex items-center gap-2 text-[10px] font-bold uppercase tracking-[0.16em] text-signal-600 dark:text-signal-400`,children:[r(Fe,{className:`h-3.5 w-3.5`,strokeWidth:2.1}),`Input`]}),r(`div`,{className:`mt-2 text-2xl font-black text-slate-900 dark:text-white`,children:D(e.usage.inputTokens)}),r(`div`,{className:`mt-1 text-[10px] text-slate-400`,children:[e.usage.totalTokens>0?Math.round(e.usage.inputTokens/e.usage.totalTokens*100):0,`% of total`]})]}),r(`div`,{className:`rounded-2xl border border-cyan-500/16 bg-cyan-500/10 p-4`,children:[r(`div`,{className:`inline-flex items-center gap-2 text-[10px] font-bold uppercase tracking-[0.16em] text-cyan-600 dark:text-cyan-400`,children:[r(v,{className:`h-3.5 w-3.5`,strokeWidth:2.1}),`Cached`]}),r(`div`,{className:`mt-2 text-2xl font-black text-slate-900 dark:text-white`,children:D(e.usage.cachedInputTokens)}),r(`div`,{className:`mt-1 text-[10px] text-slate-400`,children:[e.usage.totalTokens>0?Math.round(e.usage.cachedInputTokens/e.usage.totalTokens*100):0,`% of total`]})]}),r(`div`,{className:`rounded-2xl border border-amber-500/16 bg-amber-500/10 p-4`,children:[r(`div`,{className:`inline-flex items-center gap-2 text-[10px] font-bold uppercase tracking-[0.16em] text-amber-600 dark:text-amber-400`,children:[r(h,{className:`h-3.5 w-3.5`,strokeWidth:2.1}),`Output`]}),r(`div`,{className:`mt-2 text-2xl font-black text-slate-900 dark:text-white`,children:D(e.usage.outputTokens)}),r(`div`,{className:`mt-1 text-[10px] text-slate-400`,children:[e.usage.totalTokens>0?Math.round(e.usage.outputTokens/e.usage.totalTokens*100):0,`% of total`]})]}),r(`div`,{className:`rounded-2xl border border-rose-500/16 bg-rose-500/10 p-4`,children:[r(`div`,{className:`inline-flex items-center gap-2 text-[10px] font-bold uppercase tracking-[0.16em] text-rose-600 dark:text-rose-400`,children:[r(Ce,{className:`h-3.5 w-3.5`,strokeWidth:2.1}),`Reasoning`]}),r(`div`,{className:`mt-2 text-2xl font-black text-slate-900 dark:text-white`,children:D(e.usage.reasoningOutputTokens)}),r(`div`,{className:`mt-1 text-[10px] text-slate-400`,children:[e.usage.totalTokens>0?Math.round(e.usage.reasoningOutputTokens/e.usage.totalTokens*100):0,`% of total`]})]}),r(`div`,{className:`col-span-2 rounded-2xl border border-slate-500/16 bg-slate-500/10 p-4`,children:r(`div`,{className:`flex items-center justify-between gap-4`,children:[r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-600 dark:text-slate-300`,children:`Active Time`}),r(`div`,{className:`mt-2 text-lg font-black text-slate-900 dark:text-white`,children:R(e.usage.activeTimeMs)})]}),r(`div`,{className:`text-right`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-600 dark:text-slate-300`,children:`Wall Time`}),r(`div`,{className:`mt-2 text-lg font-black text-slate-900 dark:text-white`,children:R(e.usage.wallTimeMs??0)})]})]})})]}),r(`div`,{className:`${K} mt-4 p-5`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:`Cache Efficiency`}),r(`div`,{className:`mt-2 text-3xl font-black text-slate-900 dark:text-white`,children:[i.toFixed(1),`%`]}),r(`div`,{className:`mt-1 text-[10px] font-bold uppercase tracking-[0.16em] text-signal-500`,children:[`~`,D(e.usage.cachedInputTokens),` tokens saved`]}),r(`div`,{className:`mt-4`,children:r(ft,{input:e.usage.inputTokens,cached:e.usage.cachedInputTokens,output:e.usage.outputTokens,reasoning:e.usage.reasoningOutputTokens,total:e.usage.totalTokens})})]})]})]}),r(`div`,{className:`space-y-4`,children:[r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:`Provider Activity`}),r(`div`,{className:`mt-2 text-sm leading-relaxed text-slate-500 dark:text-slate-400`,children:`Token output, invocations, and active time per provider over the selected window.`})]}),a.length===0?r(`div`,{className:`rounded-2xl border border-dashed border-black/[0.08] px-4 py-8 text-center text-sm text-slate-400 dark:border-white/[0.08]`,children:`No provider data for this window.`}):r(`div`,{className:`space-y-4`,children:a.map(t=>{let{icon:n,bg:i,text:a}=dt(t.provider),o=t.usage.inputTokens+t.usage.cachedInputTokens,s=o>0?Math.round(t.usage.cachedInputTokens/o*100):null,c=t.usage.invocationCount>0?Math.round(t.usage.totalTokens/t.usage.invocationCount):null,l=(e.models||[]).filter(e=>e.provider===t.id).length;return r(`div`,{className:ct,children:[r(`div`,{className:`grid gap-4 lg:grid-cols-[minmax(0,1.4fr)_repeat(6,minmax(0,auto))] lg:items-start`,children:[r(`div`,{className:`flex min-w-0 items-start gap-4`,children:[r(`div`,{className:`rounded-xl p-2 ${i} ${a}`,children:r(n,{className:`h-4 w-4`,strokeWidth:2.1})}),r(`div`,{className:`min-w-0`,children:[r(`div`,{className:`truncate text-base font-black text-slate-900 dark:text-white`,title:t.label,children:t.label}),r(`div`,{className:`mt-1 text-sm text-slate-500 dark:text-slate-400`,children:t.secondaryLabel??``})]})]}),r(`div`,{className:`text-right`,children:[r(`div`,{className:`text-lg font-black text-slate-900 dark:text-white`,children:t.usage.totalCostUsd>0?F(t.usage.totalCostUsd):`—`}),r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`cost`})]}),r(`div`,{className:`text-right`,children:[r(`div`,{className:`text-lg font-black text-slate-900 dark:text-white`,children:D(t.usage.totalTokens)}),r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`tokens`})]}),r(`div`,{className:`text-right`,children:[r(`div`,{className:`text-lg font-black text-slate-900 dark:text-white`,children:t.usage.invocationCount.toLocaleString()}),r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`calls`})]}),r(`div`,{className:`text-right`,children:[r(`div`,{className:`text-lg font-black text-slate-900 dark:text-white`,children:R(t.usage.activeTimeMs)}),r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`active`})]}),r(`div`,{className:`text-right`,children:[r(`div`,{className:`text-lg font-black text-slate-900 dark:text-white`,children:l}),r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`model count`})]}),r(`div`,{className:`text-right`,children:[r(`div`,{className:`text-lg font-black text-slate-900 dark:text-white`,children:s===null?`—`:`${s}%`}),r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`cache hit`})]}),r(`div`,{className:`text-right`,children:[r(`div`,{className:`text-lg font-black text-slate-900 dark:text-white`,children:c===null?`—`:D(c)}),r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`tok / call`})]})]}),r(`div`,{className:`mt-4`,children:r(ft,{input:t.usage.inputTokens,cached:t.usage.cachedInputTokens,output:t.usage.outputTokens,reasoning:t.usage.reasoningOutputTokens,total:t.usage.totalTokens})})]},t.id)})})]})]})},zt=({stats:e,providerSegments:t,sourceSegments:n})=>{let i=(e.usage.reportedInvocationCount||0)+(e.usage.estimatedInvocationCount||0)+(e.usage.unavailableInvocationCount||0)+(e.usage.unsupportedInvocationCount||0);return r(`section`,{className:`space-y-6`,children:[r(`div`,{className:`grid grid-cols-1 gap-6 2xl:grid-cols-[1.05fr_0.95fr]`,children:[r(mt,{title:`Telemetry Source Mix`,eyebrow:`Reliability`,description:`Provider-reported versus estimated, unavailable, and unsupported usage across the selected window.`,centerValue:String(e.tokenSources.reduce((e,t)=>e+t.count,0)),centerLabel:`invocations`,segments:n}),r(mt,{title:`Provider Share`,eyebrow:`Signal Integrity`,description:`Provider leaders over the selected period, grouped for a cleaner read under high volume.`,centerValue:D(e.usage.totalTokens),centerLabel:`token volume`,segments:t})]}),r(`div`,{className:`grid grid-cols-1 gap-6 xl:grid-cols-[1fr_1fr]`,children:[r(`div`,{className:`${G} p-6`,children:[r(`div`,{className:`flex items-center gap-3`,children:[r(j,{className:`h-4 w-4 text-status-green`,strokeWidth:2}),r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:`Confidence Board`})]}),r(`div`,{className:`mt-4 grid grid-cols-2 gap-4`,children:[r(`div`,{className:`rounded-2xl border border-status-green/16 bg-status-green/10 p-4`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-status-green`,children:`Reported`}),r(`div`,{className:`mt-2 text-2xl font-black text-slate-900 dark:text-white`,children:e.usage.reportedInvocationCount}),r(`div`,{className:`mt-2 h-1 w-full overflow-hidden rounded-full bg-status-green/20`,children:r(`div`,{className:`h-full bg-status-green`,style:{width:`${i>0?(e.usage.reportedInvocationCount||0)/i*100:0}%`}})})]}),r(`div`,{className:`rounded-2xl border border-amber-500/16 bg-amber-500/10 p-4`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-amber-600 dark:text-amber-400`,children:`Estimated`}),r(`div`,{className:`mt-2 text-2xl font-black text-slate-900 dark:text-white`,children:e.usage.estimatedInvocationCount}),r(`div`,{className:`mt-2 h-1 w-full overflow-hidden rounded-full bg-amber-500/20`,children:r(`div`,{className:`h-full bg-amber-500`,style:{width:`${i>0?(e.usage.estimatedInvocationCount||0)/i*100:0}%`}})})]}),r(`div`,{className:`rounded-2xl border border-rose-500/16 bg-rose-500/10 p-4`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-rose-600 dark:text-rose-400`,children:`Unavailable`}),r(`div`,{className:`mt-2 text-2xl font-black text-slate-900 dark:text-white`,children:e.usage.unavailableInvocationCount}),r(`div`,{className:`mt-2 h-1 w-full overflow-hidden rounded-full bg-rose-500/20`,children:r(`div`,{className:`h-full bg-rose-500`,style:{width:`${i>0?(e.usage.unavailableInvocationCount||0)/i*100:0}%`}})})]}),r(`div`,{className:`rounded-2xl border border-slate-500/16 bg-slate-500/10 p-4`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-600 dark:text-slate-300`,children:`Unsupported`}),r(`div`,{className:`mt-2 text-2xl font-black text-slate-900 dark:text-white`,children:e.usage.unsupportedInvocationCount}),r(`div`,{className:`mt-2 h-1 w-full overflow-hidden rounded-full bg-slate-500/20`,children:r(`div`,{className:`h-full bg-slate-500`,style:{width:`${i>0?(e.usage.unsupportedInvocationCount||0)/i*100:0}%`}})})]})]})]}),r(`div`,{className:`${G} p-6`,children:[r(`div`,{className:`flex items-center gap-3`,children:[r(B,{className:`h-4 w-4 text-amber-500`,strokeWidth:2}),r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:`Audit Notes`})]}),r(`div`,{className:`mt-4 space-y-4`,children:[r(`div`,{className:K,children:[r(`div`,{className:`text-sm font-semibold text-slate-900 dark:text-white`,children:`Fallback policy`}),r(`div`,{className:`mt-2 text-sm leading-relaxed text-slate-500 dark:text-slate-400`,children:`Codex and Claude stay visible even when they cannot report authoritative token counts, but the dashboard explicitly keeps those invocations marked as estimated rather than pretending they are exact.`})]}),r(`div`,{className:K,children:[r(`div`,{className:`text-sm font-semibold text-slate-900 dark:text-white`,children:`Reliability signal`}),r(`div`,{className:`mt-2 text-sm leading-relaxed text-slate-500 dark:text-slate-400`,children:`Reliability mode is tuned for operational trust: how much of the window is exact, how much came from fallback, and where unsupported providers still participate in time tracking without token precision.`})]})]})]})]}),r(`div`,{className:`space-y-4`,children:[r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:`Provider Breakdown`}),r(`div`,{className:`mt-2 text-sm leading-relaxed text-slate-500 dark:text-slate-400`,children:`Per-provider token anatomy, invocation volume, compute time, and telemetry reliability for the selected window.`})]}),e.providers.length===0?r(`div`,{className:`rounded-2xl border border-dashed border-black/[0.08] px-4 py-8 text-center text-sm text-slate-400 dark:border-white/[0.08]`,children:`No provider telemetry for this window.`}):r(`div`,{className:`grid grid-cols-1 gap-4 xl:grid-cols-2`,children:e.providers.slice().sort((e,t)=>t.usage.totalTokens-e.usage.totalTokens).map(t=>{let{icon:n,bg:i,text:a}=dt(t.provider),o=t.usage,s=It(o,e.tokenSources),c=(e.models||[]).filter(e=>e.provider===t.id),l=c.reduce((e,t)=>e+t.duration.sampleCount,0),u=l>0?c.reduce((e,t)=>e+t.duration.avgMs*t.duration.sampleCount,0)/l:null,d=c.reduce((e,t)=>e+(t.statusCounts?.failed??0),0),f=t.usage.invocationCount>0?1-d/t.usage.invocationCount:1,p=f>=.95?`text-emerald-600 dark:text-emerald-400 bg-emerald-500/10 border border-emerald-500/20`:f>=.8?`text-amber-600 dark:text-amber-400 bg-amber-500/10 border border-amber-500/20`:`text-red-500 dark:text-red-400 bg-red-500/10 border border-red-500/20`;return r(`div`,{className:`${G} p-5`,children:[r(`div`,{className:`flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between`,children:[r(`div`,{className:`flex min-w-0 items-start gap-3`,children:[r(`div`,{className:`rounded-xl p-2 ${i} ${a}`,children:r(n,{className:`h-4 w-4`,strokeWidth:2.1})}),r(`div`,{className:`min-w-0`,children:[r(`div`,{className:`truncate text-base font-black text-slate-900 dark:text-white`,title:t.label,children:t.label}),r(`div`,{className:`mt-1 text-sm text-slate-500 dark:text-slate-400`,children:t.secondaryLabel??``})]})]}),r(`div`,{className:`flex flex-wrap items-center gap-2 self-start`,children:[r(`div`,{className:`inline-flex items-center gap-2 rounded-full px-3 py-1.5 text-right text-[10px] font-bold uppercase tracking-[0.18em] ${p}`,children:W(f*100)}),r(`div`,{className:`inline-flex min-w-0 items-center gap-2 rounded-full px-3 py-1.5 text-right text-[10px] font-bold uppercase tracking-[0.18em] ${q}`,children:[r(`span`,{className:`truncate text-base font-black normal-case tracking-tight text-slate-900 dark:text-white`,children:D(t.usage.totalTokens)}),r(`span`,{className:`text-slate-400`,children:`tokens`})]})]})]}),r(`div`,{className:`mt-5 grid grid-cols-2 gap-3 lg:grid-cols-4`,children:[r(`div`,{className:`${K} p-4`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Invocations`}),r(`div`,{className:`mt-2 text-lg font-black text-slate-900 dark:text-white`,children:t.usage.invocationCount.toLocaleString()}),r(`div`,{className:`mt-1 text-[10px] font-bold uppercase tracking-[0.14em] text-slate-400`,children:`calls`})]}),r(`div`,{className:`${K} p-4`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Active Time`}),r(`div`,{className:`mt-2 text-lg font-black text-slate-900 dark:text-white`,children:R(t.usage.activeTimeMs)}),r(`div`,{className:`mt-1 text-[10px] font-bold uppercase tracking-[0.14em] text-slate-400`,children:`active`})]}),r(`div`,{className:`${K} p-4`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Efficiency`}),r(`div`,{className:`mt-2 text-lg font-black text-slate-900 dark:text-white`,children:t.usage.invocationCount>0?`${D(Math.round(t.usage.totalTokens/t.usage.invocationCount))}/call`:`—`}),r(`div`,{className:`mt-1 text-[10px] font-bold uppercase tracking-[0.14em] text-slate-400`,children:`avg tokens/call`})]}),r(`div`,{className:`${K} p-4`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Avg Latency`}),r(`div`,{className:`mt-2 text-lg font-black text-slate-900 dark:text-white`,children:u===null?`—`:R(u)}),r(`div`,{className:`mt-1 text-[10px] font-bold uppercase tracking-[0.14em] text-slate-400`,children:l>0?`${l.toLocaleString()} samples`:`no samples`})]})]}),r(`div`,{className:`mt-5`,children:r(ft,{input:t.usage.inputTokens,cached:t.usage.cachedInputTokens,output:t.usage.outputTokens,reasoning:t.usage.reasoningOutputTokens,total:t.usage.totalTokens})}),r(`div`,{className:`mt-4 flex justify-end`,children:r(`div`,{className:`inline-flex items-center rounded-full px-3 py-1.5 text-[10px] font-bold uppercase tracking-[0.18em] ${q} ${s.tone}`,children:s.label})})]},t.id)})})]})]})};c();var Bt=({icon:e,label:t,value:n,valueClassName:i=`text-slate-900 dark:text-white`})=>r(`div`,{className:`flex items-center gap-3 rounded-2xl border border-[var(--stats-card-border)] bg-[var(--stats-card-bg)] px-4 py-3 backdrop-blur-xl`,children:[r(`div`,{className:`flex h-8 w-8 items-center justify-center rounded-xl bg-signal-500/10 text-signal-600 dark:text-signal-400`,children:r(e,{className:`h-3.5 w-3.5`,strokeWidth:2.2})}),r(`div`,{className:`min-w-0`,children:[r(`div`,{className:`truncate text-base font-black leading-tight ${i}`,children:n}),r(`div`,{className:`text-[9px] font-bold uppercase tracking-[0.18em] text-slate-400`,children:t})]})]}),Vt=[`1h`,`24h`,`7d`,`30d`,`all`];function Ht(e){let t=Date.now()-new Date(e).getTime();if(Number.isNaN(t))return``;let n=Math.floor(Math.max(0,t)/1e3);if(n<60)return`just now`;let r=Math.floor(n/60);if(r<60)return`${r} min ago`;let i=Math.floor(r/60);if(i<24)return`${i} hr ago`;let a=Math.floor(i/24);return`${a} day${a>1?`s`:``} ago`}var Ut={trend:`Time-series view of token throughput, invocations, and compute time across the selected window.`,composition:`Provider share, token anatomy, and purpose breakdown for the selected window.`,models:`Per-model performance rankings: latency, velocity, efficiency, and reliability.`,reliability:`Telemetry source quality, provider confidence, and data integrity audit.`,ledgers:`Deep operational ledgers for individual tasks and sprints.`,system:`Live system debug: invocations, errors, sprint state, and external API activity.`},Wt=({selectedProject:e,stats:t,activeQuery:n,customFrom:i,customTo:a,applyPresetWindow:o,setCustomFrom:s,setCustomTo:c,applyCustomRange:u,visualMode:d,setVisualMode:f})=>{let[p,m]=l(``),h=()=>{i&&a&&new Date(i)>new Date(a)?m(`End date must be after start date.`):(m(``),u())},g=t?.usage,_=t?.statusCounts?t.statusCounts.completed+t.statusCounts.failed+t.statusCounts.cancelled:0,v=`text-slate-900 dark:text-white`,y=`—`;if(t?.statusCounts&&_>0){let e=Math.round(t.statusCounts.completed/_*100);y=`${e}%`,v=e>=95?`text-emerald-600 dark:text-emerald-400`:e>=80?`text-amber-600 dark:text-amber-400`:`text-red-500 dark:text-red-400`}return r(`section`,{className:`${G} rounded-[2.5rem] p-8 md:p-10`,children:r(`div`,{className:`relative flex flex-col gap-6 lg:flex-row lg:items-start lg:justify-between`,children:[r(`div`,{className:`max-w-4xl`,children:[r(`div`,{className:`inline-flex items-center gap-2 rounded-full border border-signal-500/20 bg-signal-500/10 px-4 py-2 text-[10px] font-bold uppercase tracking-[0.2em] text-signal-600 dark:text-signal-400`,children:[r(A,{className:`h-3.5 w-3.5`,strokeWidth:2.2}),`Telemetry Atlas`]}),r(`h1`,{className:`mt-6 text-5xl font-black tracking-[-0.06em] text-slate-900 dark:text-white md:text-7xl`,children:`Statistics.`}),r(`p`,{className:`mt-3 max-w-2xl text-sm text-slate-500 dark:text-slate-400`,children:Ut[d]}),r(`div`,{className:`mt-6 flex flex-wrap gap-3`,children:[r(`div`,{className:`px-4 py-2 text-[11px] font-bold uppercase tracking-[0.16em] text-slate-500 dark:text-slate-300 ${q}`,children:e?.name||`No project selected`}),r(`div`,{className:`px-4 py-2 text-[11px] font-bold uppercase tracking-[0.16em] text-slate-500 dark:text-slate-300 ${q}`,children:t?.activeSprint?`Live sprint ${t.activeSprint.sprintNumber??`?`}`:`Historical lens`}),r(`div`,{className:`px-4 py-2 text-[11px] font-bold uppercase tracking-[0.16em] text-slate-500 dark:text-slate-300 ${q}`,children:[`Generated `,t?I(t.generatedAt):`--`]}),t?r(`div`,{className:`px-4 py-2 text-[11px] font-bold uppercase tracking-[0.16em] text-slate-500 dark:text-slate-300 ${q}`,children:t.range.resolutionLabel}):null]}),t?.generatedAt?r(`div`,{className:`mt-3 text-[10px] font-bold uppercase tracking-[0.14em] text-slate-400`,children:[`Updated `,Ht(t.generatedAt)]}):null,g?r(`div`,{className:`mt-6 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 gap-3`,children:[r(Bt,{icon:Ee,label:`Tokens`,value:D(g.totalTokens)}),r(Bt,{icon:ae,label:`Invocations`,value:g.invocationCount.toLocaleString()}),r(Bt,{icon:be,label:`Active Time`,value:R(g.activeTimeMs)}),r(Bt,{icon:j,label:`Success Rate`,value:y,valueClassName:v}),r(Bt,{icon:De,label:`Models`,value:String(t?.models?.length??0)})]}):null]}),r(`div`,{className:`flex flex-col items-start gap-4 lg:items-end lg:justify-end w-full lg:w-auto mt-6 lg:mt-0`,children:[r(`div`,{role:`group`,"aria-label":`Time window presets`,className:`inline-flex flex-wrap p-1 w-full sm:w-auto ${q}`,children:Vt.map(e=>{let t=n.window===e;return r(`button`,{type:`button`,onClick:()=>o(e),"aria-pressed":t,className:`rounded-full px-4 py-2 text-[11px] font-bold uppercase tracking-[0.2em] transition-all border border-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--accent-focus-ring)] ${t?`bg-amber-500/15 border-amber-500/30 text-amber-700 dark:text-amber-300`:`text-slate-500 hover:bg-[color:var(--fill-muted)] hover:text-slate-900 dark:text-slate-400 dark:hover:text-white`}`,children:e===`all`?`All time`:e},e)})}),n.window===`custom`?r(`div`,{className:`w-full flex flex-col gap-2`,children:[r(`div`,{className:`grid w-full gap-3 sm:grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto]`,children:[r(`input`,{type:`date`,"aria-label":`Custom start date`,value:i,onInput:e=>{s(e.currentTarget.value),m(``)},className:`${st} !h-10 !px-3 !text-[12px]`,"aria-invalid":P(i,a)?void 0:`true`,"aria-errormessage":P(i,a)?void 0:`custom-range-error`}),r(`input`,{type:`date`,"aria-label":`Custom end date`,value:a,onInput:e=>{c(e.currentTarget.value),m(``)},className:`${st} !h-10 !px-3 !text-[12px]`,"aria-invalid":P(i,a)?void 0:`true`,"aria-errormessage":P(i,a)?void 0:`custom-range-error`}),r(`button`,{type:`button`,onClick:h,disabled:!i||!a,"aria-disabled":!i||!a?`true`:void 0,className:`inline-flex h-10 items-center justify-center rounded-2xl bg-slate-900 px-4 text-[11px] font-bold uppercase tracking-[0.2em] text-white shadow-[0_10px_24px_rgba(15,23,42,0.08)] transition-transform hover:-translate-y-0.5 dark:bg-white dark:text-void-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-signal-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-void-900 disabled:opacity-50 disabled:cursor-not-allowed`,children:`Apply`})]}),r(`div`,{className:`min-h-[1.25rem]`,children:!P(i,a)&&i&&a&&r(`span`,{id:`custom-range-error`,className:`text-xs text-red-500 dark:text-red-400 font-medium`,role:`alert`,children:`End date cannot be before start date`})}),p?r(`div`,{"aria-live":`polite`,className:`text-xs text-red-500 dark:text-red-400`,children:p}):null]}):null,r(lt,{value:d,onChange:f})]})]})})};c();var Gt={status:[],purpose:[],provider:[],errorCategories:[]},Kt=e=>(e||``).trim().toLowerCase(),X=e=>typeof e==`number`&&Number.isFinite(e)?e:0,qt=e=>{if(!e)return 0;let t=Date.parse(e);return Number.isFinite(t)?t:0},Jt=e=>{if(!e.finishedAt)return 0;let t=qt(e.startedAt),n=qt(e.finishedAt);return Math.max(0,n-t)};function Yt(e){let[r,i]=l([]),[a,o]=l(null),[c,u]=l(null),[d,f]=l(null),[p,m]=l(null),[h,g]=l(null),[_,v]=l(null),[y,b]=l(null),[x,S]=l(Gt),[C,w]=l(``),[T,ee]=l({key:`startedAt`,dir:`desc`}),[E,D]=l(!1),[O,k]=l(null),[A,te]=l(0),[j,ne]=l(0);s(()=>{ne(0)},[x,C,T]),s(()=>{if(!e){i([]),o(null),u(null),f(null),m(null),g(null),v(null),b(null),D(!1),k(null);return}let t=!0;return D(!0),k(null),Me(e,{limit:100,offset:j*100,search:C||void 0,sortKey:[`startedAt`,`durationMs`,`totalTokens`,`costCents`].includes(T.key)?T.key:void 0,sortDir:T.dir,status:x.status.length>0?x.status[0]:void 0,purpose:x.purpose.length>0?x.purpose[0]:void 0,provider:x.provider.length>0?x.provider[0]:void 0,errorCategories:x.errorCategories&&x.errorCategories.length>0?x.errorCategories:void 0}).then(e=>{if(t)if(Array.isArray(e))i(e),o(null),u(null);else if(i(e.items),o(e.totalCount),v(e.availablePurposes||null),b(e.availableProviders||null),e.summary){f(e.summary.externalApiMetrics||null),m(e.summary.sprintStateSummary||null),g(e.summary.errorsByCategory||null);let t=e.summary,n=t.completedCount+t.failedCount+t.cancelledCount,r=t.totalInputTokens+t.totalCachedTokens;u({...t,errorRate:t.failedCount/Math.max(1,t.totalInvocations),successRate:n>0?t.completedCount/n:null,cacheHitRate:r>0?t.totalCachedTokens/r:null})}else u(null),f(null),m(null),g(null)}).catch(e=>{t&&k(e instanceof Error?e.message:String(e))}).finally(()=>{t&&D(!1)}),()=>{t=!1}},[e,A,j,C,T,x]);let M=n(()=>{if(a!==null)return r;let e=Kt(C);return[...r.filter(t=>{if(x.status.length>0&&!x.status.includes(t.status))return!1;let n=(t.type||``).trim();if(x.purpose.length>0&&!x.purpose.includes(n))return!1;let r=(t.provider||``).trim();if(x.provider.length>0&&!x.provider.includes(r))return!1;if(x.errorCategories&&x.errorCategories.length>0){let e=(t.lastErrorMessage||``).toLowerCase(),n=!1;for(let r of x.errorCategories)(r===`timeout`&&e.includes(`timeout`)||r===`rateLimit`&&(e.includes(`rate`)||e.includes(`429`))||r===`modelError`&&e.includes(`model`)||r===`apiError`&&(e.includes(`api`)||e.includes(`http`))||r===`cancelled`&&(e.includes(`cancel`)||t.status===`cancelled`))&&(n=!0);if(!n)return!1}return e.length===0?!0:[t.id,t.model,t.type,t.taskTitle,t.lastErrorMessage,t.errorMessage].map(Kt).join(` `).includes(e)})].sort((e,t)=>{let n=T.dir===`asc`?1:-1,r=0,i=0;switch(T.key){case`startedAt`:r=qt(e.startedAt),i=qt(t.startedAt);break;case`totalTokens`:r=X(e.totalTokens),i=X(t.totalTokens);break;case`durationMs`:r=e.finishedAt?Date.parse(e.finishedAt)-Date.parse(e.startedAt):0,i=t.finishedAt?Date.parse(t.finishedAt)-Date.parse(t.startedAt):0,r=Number.isFinite(r)?r:0,i=Number.isFinite(i)?i:0;break;case`inputTokens`:r=X(e.inputTokens),i=X(t.inputTokens);break;case`outputTokens`:r=X(e.outputTokens),i=X(t.outputTokens);break;default:break}let a=r-i;return a===0?e.id.localeCompare(t.id)*n:a*n})},[r,x,C,T,a]),N=n(()=>{if(c)return c;let e=M.length,t=0,n=0,r=0,i=0,a=0,o=0,s=0,l=0,u=0,d=0,f=[];for(let e of M)if(e.status===`running`?t+=1:e.status===`failed`?n+=1:e.status===`completed`?r+=1:e.status===`cancelled`?i+=1:e.status===`paused`&&(a+=1),o+=X(e.totalTokens),s+=X(e.inputTokens),l+=X(e.outputTokens),u+=X(e.cachedInputTokens),e.finishedAt!==null){let t=Jt(e);d+=t,f.push(t)}f.sort((e,t)=>e-t);let p=f.length,m=p>0?f[Math.min(p-1,Math.max(0,Math.ceil(.95*p)-1))]:0,h=r+n+i,g=s+u;return{totalInvocations:e,runningCount:t,failedCount:n,completedCount:r,cancelledCount:i,pausedCount:a,errorRate:n/Math.max(1,e),successRate:h>0?r/h:null,totalTokens:o,totalInputTokens:s,totalOutputTokens:l,totalCachedTokens:u,cacheHitRate:g>0?u/g:null,avgDurationMs:p>0?d/p:0,p95DurationMs:m}},[M,c]),P=n(()=>{if(_)return _;let e=new Set;for(let t of r){let n=(t.type||``).trim();n&&e.add(n)}return Array.from(e).sort((e,t)=>e.localeCompare(t))},[r,_]),F=n(()=>{if(d)return d;let e={git:{calls:0,avgDurationMs:0},jules:{calls:0,avgDurationMs:0},jira:{calls:0,avgDurationMs:0},other:{calls:0,avgDurationMs:0}},t={git:0,jules:0,jira:0,other:0},n={git:0,jules:0,jira:0,other:0};for(let i of r){let r=(i.type||``).toLowerCase(),a=(i.purpose||``).toLowerCase(),o=(i.provider||``).toLowerCase(),s=r===`coding`||r===`planning`||r===`qa`,c=null;r.includes(`git`)||a.includes(`git`)?c=`git`:o===`jules`||r.includes(`jules`)?c=`jules`:r.includes(`jira`)||a.includes(`jira`)?c=`jira`:s||(c=`other`),c&&(e[c].calls+=1,i.finishedAt&&(t[c]+=Jt(i),n[c]+=1))}for(let r of[`git`,`jules`,`jira`,`other`])n[r]>0&&(e[r].avgDurationMs=t[r]/n[r]);return e},[r,d]),I=n(()=>{if(p)return p;let e=new Map,t=0,n=0,i=0;for(let a of r){let r=a.sprintId||a.projectRunId||``;e.has(r)||e.set(r,{statusCounts:{}});let o=e.get(r);o.statusCounts[a.status]=(o.statusCounts[a.status]||0)+1,t+=1,a.status===`running`&&(n+=1),a.status===`paused`&&(i+=1)}let a=0,o=0,s=0;for(let[t,n]of e.entries()){if(!t)continue;let e=n.statusCounts,r=Object.values(e).reduce((e,t)=>e+t,0);e.running>0&&(a+=1),e.failed>0&&(s+=1),e.completed===r&&r>0&&(o+=1)}return{totalSprints:Array.from(e.keys()).filter(e=>e!==``).length,activeSprints:a,completedSprints:o,failedSprints:s,totalTasks:t,runningTasks:n,blockedTasks:i}},[r,p]),L=n(()=>{if(h)return h;let e={timeout:0,rateLimit:0,apiError:0,modelError:0,cancelled:0,other:0};for(let t of r)if(t.status===`failed`||t.status===`cancelled`){let n=(t.lastErrorMessage||``).toLowerCase();n.includes(`timeout`)?e.timeout+=1:n.includes(`rate`)||n.includes(`429`)?e.rateLimit+=1:n.includes(`model`)?e.modelError+=1:n.includes(`api`)||n.includes(`http`)?e.apiError+=1:n.includes(`cancel`)||t.status===`cancelled`?e.cancelled+=1:e.other+=1}return e},[r,h]);return{invocations:M,allInvocations:r,summaryMetrics:N,availablePurposes:P,availableProviders:n(()=>{if(y)return y;let e=new Set;for(let t of r){let n=(t.provider||``).trim();n&&e.add(n)}return Array.from(e).sort((e,t)=>e.localeCompare(t))},[r,y]),filters:x,setFilters:S,search:C,setSearch:w,sort:T,setSort:ee,loading:E,error:O,refetch:t(()=>{te(e=>e+1)},[]),externalApiMetrics:F,sprintStateSummary:I,errorsByCategory:L,page:j,setPage:ne,hasMore:a===null?!1:j*100+r.length<a,totalCount:a===null?r.length:a}}var Xt=[{value:`running`,label:`Running`,activeClass:`border-blue-500/40 bg-blue-500/15 text-blue-300`},{value:`completed`,label:`Completed`,activeClass:`border-emerald-500/40 bg-emerald-500/15 text-emerald-300`},{value:`failed`,label:`Failed`,activeClass:`border-red-500/40 bg-red-500/15 text-red-300`},{value:`cancelled`,label:`Cancelled`,activeClass:`border-slate-500/40 bg-slate-500/15 text-slate-300`},{value:`paused`,label:`Paused`,activeClass:`border-amber-500/40 bg-amber-500/15 text-amber-300`}];function Zt(e){return e.replace(/_/g,` `).split(` `).filter(Boolean).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(` `)}function Qt(e,t){return e.includes(t)?e.filter(e=>e!==t):[...e,t]}function $t(e,t){return[q,`inline-flex items-center gap-2 px-3.5 py-2 text-[11px] font-bold uppercase tracking-[0.16em] transition-all motion-safe:active:scale-[0.98] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-signal-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-void-900`,e?t:`text-slate-500 hover:bg-black/[0.05] hover:border-black/[0.1] hover:text-slate-900 dark:text-slate-400 dark:hover:bg-white/[0.05] dark:hover:text-white`].join(` `)}var en=({filters:e,onFiltersChange:t,search:n,onSearchChange:i,availablePurposes:a,availableProviders:o,totalCount:s,filteredCount:c,page:l,onPageChange:u,hasMore:d})=>{let f=e.status.length>0||e.purpose.length>0||e.provider.length>0||e.errorCategories&&e.errorCategories.length>0||n!==``;return r(`div`,{className:`${K} flex flex-nowrap items-center gap-3 p-3 overflow-x-auto whitespace-nowrap scrollbar-hide`,children:[r(`div`,{className:`relative min-w-0 w-full lg:flex-1 lg:basis-[18rem]`,children:[r(ie,{className:`pointer-events-none absolute left-4 top-1/2 h-4 w-4 -translate-y-1/2 text-slate-400 dark:text-slate-500`,strokeWidth:2}),r(`input`,{type:`search`,value:n,onInput:e=>i(e.currentTarget.value),placeholder:`Search system stats`,className:`${st} w-full pl-10 pr-10`}),n===``?null:r(`button`,{type:`button`,onClick:()=>i(``),"aria-label":`Clear search`,className:`absolute right-2 top-1/2 inline-flex h-8 w-8 -translate-y-1/2 items-center justify-center rounded-full text-slate-400 transition-colors hover:bg-black/[0.05] hover:text-slate-700 dark:hover:bg-white/[0.06] dark:hover:text-slate-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-signal-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-void-900`,children:r(Se,{className:`h-4 w-4`})})]}),r(`div`,{className:`flex flex-wrap items-center gap-2`,children:[r(`div`,{className:`inline-flex items-center gap-1.5 px-3 py-2 text-[10px] font-bold uppercase tracking-[0.18em] text-slate-500 ${q}`,children:[r(y,{className:`h-3.5 w-3.5`,strokeWidth:2.2}),`Status`]}),Xt.map(n=>{let i=e.status.includes(n.value);return r(`button`,{type:`button`,"aria-pressed":i,onClick:()=>t({...e,status:Qt(e.status,n.value)}),className:$t(i,n.activeClass),children:n.label},n.value)})]}),a.length>0?r(`div`,{className:`flex flex-wrap items-center gap-2`,children:[r(`div`,{className:`px-3 py-2 text-[10px] font-bold uppercase tracking-[0.18em] text-slate-500 ${q}`,children:`Purposes`}),a.map(n=>{let i=e.purpose.includes(n);return r(`button`,{type:`button`,"aria-pressed":i,onClick:()=>t({...e,purpose:Qt(e.purpose,n)}),className:$t(i,`border-signal-500/40 bg-signal-500/15 text-signal-400`),children:Zt(n)},n)})]}):null,o.length>0?r(`div`,{className:`flex flex-wrap items-center gap-2`,children:[r(`div`,{className:`px-3 py-2 text-[10px] font-bold uppercase tracking-[0.18em] text-slate-500 ${q}`,children:`Providers`}),o.map(n=>{let i=e.provider.includes(n);return r(`button`,{type:`button`,"aria-pressed":i,onClick:()=>t({...e,provider:Qt(e.provider,n)}),className:$t(i,`border-indigo-500/40 bg-indigo-500/15 text-indigo-300`),children:Zt(n)},n)})]}):null,r(`div`,{className:`flex flex-wrap items-center gap-2`,children:[r(`div`,{className:`inline-flex items-center gap-1.5 px-3 py-2 text-[10px] font-bold uppercase tracking-[0.18em] text-slate-500 ${q}`,children:`Error Category`}),[`timeout`,`rateLimit`,`apiError`,`modelError`,`cancelled`].map(n=>{let i=e.errorCategories?.includes(n)??!1;return r(`button`,{type:`button`,"aria-pressed":i,onClick:()=>t({...e,errorCategories:Qt(e.errorCategories||[],n)}),className:$t(i,`border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-300`),children:Zt(n)},n)})]}),r(`div`,{className:`flex w-full items-center justify-between gap-2 lg:ml-auto lg:w-auto lg:justify-end`,children:[f?r(`button`,{type:`button`,onClick:()=>{t({status:[],purpose:[],provider:[],errorCategories:[]}),i(``)},className:`text-xs text-slate-400 hover:text-slate-700`,children:`Clear all`}):null,r(`div`,{className:`text-[11px] font-bold uppercase tracking-[0.16em] text-slate-500`,children:[`Showing `,c,` `,`of ${s}`]}),l!==void 0&&u&&r(`div`,{className:`flex items-center gap-2 border-l border-slate-200 pl-4 dark:border-white/10`,children:[r(`button`,{type:`button`,disabled:l===0,onClick:()=>u(l-1),className:`text-xs font-bold text-slate-500 hover:text-slate-700 disabled:opacity-50 dark:text-slate-400 dark:hover:text-slate-300`,children:`Prev`}),r(`span`,{className:`text-[11px] font-bold uppercase tracking-[0.16em] text-slate-500`,children:[`Page `,l+1]}),r(`button`,{type:`button`,disabled:!d,onClick:()=>u(l+1),className:`text-xs font-bold text-slate-500 hover:text-slate-700 disabled:opacity-50 dark:text-slate-400 dark:hover:text-slate-300`,children:`Next`})]})]})]})};c();var tn={system:`rounded-xl bg-slate-900/70 border border-white/[0.06] p-3`,user:`rounded-xl bg-void-800/60 p-3`,assistant:`rounded-xl bg-void-700/50 p-3`,tool:`rounded-xl bg-void-900/80 border border-white/[0.04] p-3 font-mono text-xs`},nn={system:`bg-slate-800 text-slate-200`,user:`bg-sky-500/10 text-sky-300`,assistant:`bg-emerald-500/10 text-emerald-300`,tool:`bg-violet-500/10 text-violet-300`};function rn(e){if(!e.finishedAt)return`running`;let t=Date.parse(e.startedAt),n=Date.parse(e.finishedAt);return!Number.isFinite(t)||!Number.isFinite(n)?`running`:R(Math.max(0,n-t))}function an(e){let t=`inline-flex items-center rounded-full px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.16em]`;switch(e){case`running`:return r(`span`,{className:`${t} bg-blue-500/15 text-blue-300`,children:`Running`});case`completed`:return r(`span`,{className:`${t} bg-emerald-500/15 text-emerald-300`,children:`Completed`});case`failed`:return r(`span`,{className:`${t} bg-red-500/15 text-red-300`,children:`Failed`});case`cancelled`:return r(`span`,{className:`${t} bg-slate-500/15 text-slate-300`,children:`Cancelled`});case`paused`:return r(`span`,{className:`${t} bg-amber-500/15 text-amber-300`,children:`Paused`});default:return r(`span`,{className:`${t} bg-white/10 text-slate-300`,children:e})}}var on=({invocation:e})=>{let[t,i]=l([]),[a,o]=l(!0),[c,u]=l(null),[d,f]=l(!1),[p,m]=l({}),h=e.messageCount??0;s(()=>{let t=!0;return o(!0),u(null),i([]),f(!1),m({}),Ne(e.id).then(e=>{t&&i(e)}).catch(e=>{t&&u(e instanceof Error?e.message:String(e))}).finally(()=>{t&&o(!1)}),()=>{t=!1}},[e.id]);let g=n(()=>d?t:t.slice(0,20),[t,d]),v=e=>{m(t=>({...t,[e]:!t[e]}))};return r(`div`,{className:`mt-2 rounded-2xl bg-slate-950/70 border border-white/[0.05] p-4 space-y-3 w-full min-w-0 max-w-full max-h-[500px] overflow-y-auto`,children:[e.lastErrorMessage?r(`details`,{className:`mb-4 group`,children:[r(`summary`,{className:`cursor-pointer list-none text-sm font-bold uppercase tracking-[0.16em] text-red-500 dark:text-red-400 hover:text-red-600 transition-colors`,children:`Error Summary`}),r(`div`,{className:`mt-2 rounded-2xl bg-red-500/10 border border-red-500/20 p-4 text-sm text-red-600 dark:text-red-300`,children:e.lastErrorMessage})]}):null,r(`div`,{className:`space-y-2`,children:[r(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[r(`div`,{className:`flex flex-wrap items-center gap-2`,children:[r(`div`,{className:`text-[11px] font-bold uppercase tracking-[0.18em] text-slate-400`,children:`Message transcript`}),r(`div`,{className:`text-[11px] text-slate-500`,children:I(e.lastMessageAt)})]}),r(`button`,{type:`button`,onClick:()=>navigator.clipboard.writeText(JSON.stringify(t,null,2)),"aria-label":`Copy as JSON`,className:`text-slate-400 hover:text-slate-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-signal-500 rounded p-1`,children:r(Re,{className:`h-4 w-4`})})]}),r(`div`,{className:`flex flex-wrap items-center gap-2 text-sm`,children:[r(`div`,{className:`rounded-full border border-white/[0.06] bg-white/[0.03] px-2.5 py-1 text-slate-200`,children:e.model||`Unknown model`}),an(e.status),r(`div`,{className:`rounded-full border border-white/[0.06] bg-white/[0.03] px-2.5 py-1 text-slate-300`,children:rn(e)}),r(`div`,{className:`rounded-full border border-white/[0.06] bg-white/[0.03] px-2.5 py-1 text-slate-300`,children:[D(e.totalTokens??0),` total tokens`]}),r(`div`,{className:`rounded-full border border-white/[0.06] bg-white/[0.03] px-2.5 py-1 text-slate-300`,children:[h.toLocaleString(),` messages`]})]}),e.lastErrorMessage?r(`div`,{className:`rounded-xl border border-red-500/20 bg-red-500/10 px-3 py-2 text-sm text-red-300`,children:e.lastErrorMessage}):null]}),a?r(`div`,{className:`flex items-center gap-2 rounded-xl border border-white/[0.05] bg-white/[0.03] px-3 py-3 text-sm text-slate-400`,children:[r(ue,{className:`h-4 w-4 motion-safe:animate-spin`}),`Loading messages`]}):c?r(`div`,{className:`rounded-xl border border-red-500/20 bg-red-500/10 px-3 py-3 text-sm text-red-300`,children:[`Failed to load invocation messages — `,c]}):t.length===0?r(`div`,{className:`rounded-xl border border-white/[0.05] bg-white/[0.03] px-3 py-4 text-sm text-slate-400`,children:`No messages recorded for this invocation`}):r(`div`,{className:`space-y-3`,children:[g.map((t,n)=>{let i=t.role===`system`,a=!!p[t.id],o=i&&!a?{display:`-webkit-box`,WebkitBoxOrient:`vertical`,WebkitLineClamp:5,overflow:`hidden`}:void 0;return r(`div`,{className:`${tn[t.role]} ${n%2==1?`bg-transparent`:`bg-black/[0.015] dark:bg-white/[0.015]`} ${t.role===`error`||t.contentMarkdown?.includes(`Error`)?`border-l-2 border-red-400 text-red-600 dark:text-red-300`:``}`,children:[r(`div`,{className:`flex items-center justify-between gap-3`,children:[r(`div`,{className:`flex items-center gap-2`,children:[r(`span`,{className:`inline-flex h-7 w-7 items-center justify-center rounded-full ${nn[t.role]}`,children:[t.role===`system`?r(te,{className:`h-3.5 w-3.5`}):null,t.role===`user`?r(S,{className:`h-3.5 w-3.5`}):null,t.role===`assistant`?r(E,{className:`h-3.5 w-3.5`}):null,t.role===`tool`?r(Te,{className:`h-3.5 w-3.5`}):null]}),r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.18em] text-slate-400`,children:t.role===`assistant`?e.model||`ASSISTANT`:t.role.toUpperCase()})]}),r(`div`,{className:`text-[10px] text-slate-500`,children:I(t.createdAt)})]}),r(`pre`,{className:`whitespace-pre-wrap break-words text-xs text-slate-300 mt-2 overflow-x-auto`,style:o,children:t.contentMarkdown}),i?r(`button`,{type:`button`,onClick:()=>v(t.id),className:`mt-2 inline-flex items-center gap-1.5 text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400 transition-colors hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-signal-500 rounded px-1`,children:a?`Show less`:`Show more`}):null]},t.id)}),t.length>20&&!d?r(`button`,{type:`button`,onClick:()=>f(!0),className:`inline-flex items-center gap-2 rounded-xl border border-white/[0.08] bg-white/[0.04] px-3 py-2 text-[11px] font-bold uppercase tracking-[0.18em] text-slate-300 transition-colors hover:bg-white/[0.08] hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-signal-500`,children:[r(_e,{className:`h-3.5 w-3.5`}),`Show all `,t.length,` messages`]}):null,r(`div`,{className:`flex items-center gap-2 text-[11px] text-slate-500`,children:[r(_,{className:`h-3.5 w-3.5`}),`Transcript rendered as plain text for readability and safety.`]})]})]})};c(),a();function sn(e,t,r=20){let[i,a]=l(typeof r==`number`?r:Pe(r,e.length));return{visibleInvocations:n(()=>{let n=e.slice(0,i);if(t&&!n.some(e=>e.id===t)){let r=e.find(e=>e.id===t);r&&(n=[...n,r])}return n},[e,i,t]),hasMore:i<e.length,revealMore:()=>a(e=>e+(typeof r==`number`?r:20))}}var cn=({invocations:t,sort:n,onSortChange:i,expandedId:a,onRowExpand:o,loading:s})=>{let c=a===null?null:t.find(e=>e.id===a)??null,{visibleInvocations:l,hasMore:u,revealMore:f}=sn(t,a),m=e=>{n.key===e?i({key:e,dir:n.dir===`asc`?`desc`:`asc`}):i({key:e,dir:`desc`})},h=e=>n.key===e?n.dir===`asc`?r(g,{"aria-label":`sorted ascending`,className:`ml-1 h-3 w-3 text-signal-500`}):r(d,{"aria-label":`sorted descending`,className:`ml-1 h-3 w-3 text-signal-500`}):r(p,{"aria-label":`sortable`,className:`ml-1 h-3 w-3`}),_=e=>{switch(e){case`running`:return r(`div`,{className:`${q} flex items-center gap-1.5 border border-black/[0.06] bg-[color:var(--surface-glass)] px-2 py-1 text-[10px] font-bold uppercase tracking-wider text-blue-600 dark:text-blue-300 dark:border-white/[0.06]`,children:[r(`div`,{className:`h-2 w-2 rounded-full bg-blue-500`}),r(ue,{className:`h-3 w-3 animate-spin`}),`Running`]});case`completed`:return r(`div`,{className:`${q} flex items-center gap-1.5 border border-black/[0.06] bg-[color:var(--surface-glass)] px-2 py-1 text-[10px] font-bold uppercase tracking-wider text-emerald-600 dark:text-emerald-300 dark:border-white/[0.06]`,children:[r(`div`,{className:`h-2 w-2 rounded-full bg-emerald-500`}),r(Oe,{className:`h-3 w-3`}),`Completed`]});case`failed`:return r(`div`,{className:`${q} flex items-center gap-1.5 border border-black/[0.06] bg-[color:var(--surface-glass)] px-2 py-1 text-[10px] font-bold uppercase tracking-wider text-red-600 dark:text-red-300 dark:border-white/[0.06]`,children:[r(`div`,{className:`h-2 w-2 rounded-full bg-red-500`}),r(xe,{className:`h-3 w-3`}),`Failed`]});case`cancelled`:return r(`div`,{className:`${q} flex items-center gap-1.5 border border-black/[0.06] bg-[color:var(--surface-glass)] px-2 py-1 text-[10px] font-bold uppercase tracking-wider text-slate-600 dark:text-slate-300 dark:border-white/[0.06]`,children:[r(`div`,{className:`h-2 w-2 rounded-full bg-slate-500`}),r(Le,{className:`h-3 w-3`}),`Cancelled`]});case`paused`:return r(`div`,{className:`${q} flex items-center gap-1.5 border border-black/[0.06] bg-[color:var(--surface-glass)] px-2 py-1 text-[10px] font-bold uppercase tracking-wider text-amber-600 dark:text-amber-300 dark:border-white/[0.06]`,children:[r(`div`,{className:`h-2 w-2 rounded-full bg-amber-500`}),r(he,{className:`h-3 w-3`}),`Paused`]});default:return r(`div`,{className:`${q} px-2 py-1 text-[10px] font-bold uppercase tracking-wider text-slate-400`,children:e})}};return s?r(`div`,{role:`status`,"aria-label":`Loading invocations`,className:`space-y-3`,children:Array.from({length:6}).map((e,t)=>r(`div`,{className:`${ct} h-20 motion-safe:animate-pulse bg-slate-100/50 dark:bg-white/5`},t))}):t.length===0?r(`div`,{role:`status`,className:`flex flex-col items-center justify-center py-20 text-slate-500`,children:[r(ge,{className:`mb-4 h-10 w-10 opacity-20`}),r(`div`,{className:`text-sm font-medium`,children:`No invocations match the current filters`})]}):r(`div`,{className:`overflow-x-auto`,children:[r(`table`,{className:`w-full border-separate border-spacing-y-2 block lg:table`,children:[r(`thead`,{className:`sticky top-0 z-10 bg-white/90 backdrop-blur-sm dark:bg-void-900/80 hidden lg:table-header-group`,children:r(`tr`,{className:`text-left text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:[r(`th`,{className:`pb-2 pl-6`,children:r(`button`,{type:`button`,onClick:()=>m(`startedAt`),className:`flex items-center hover:text-slate-900 dark:hover:text-white`,children:[`Time `,h(`startedAt`)]})}),r(`th`,{className:`pb-2`,children:`Status`}),r(`th`,{className:`pb-2`,children:`Type`}),r(`th`,{className:`pb-2`,children:`Model`}),r(`th`,{className:`pb-2`,children:r(`button`,{type:`button`,onClick:()=>m(`inputTokens`),className:`flex items-center hover:text-slate-900 dark:hover:text-white`,children:[`In `,h(`inputTokens`)]})}),r(`th`,{className:`pb-2`,children:r(`button`,{type:`button`,onClick:()=>m(`outputTokens`),className:`flex items-center hover:text-slate-900 dark:hover:text-white`,children:[`Out `,h(`outputTokens`)]})}),r(`th`,{className:`pb-2`,children:`Cached`}),r(`th`,{className:`pb-2`,children:r(`button`,{type:`button`,onClick:()=>m(`totalTokens`),className:`flex items-center hover:text-slate-900 dark:hover:text-white`,children:[`Total `,h(`totalTokens`)]})}),r(`th`,{className:`hidden pb-2 md:table-cell`,children:r(`button`,{type:`button`,onClick:()=>m(`durationMs`),className:`flex items-center hover:text-slate-900 dark:hover:text-white`,children:[`Avg Duration `,h(`durationMs`)]})}),r(`th`,{className:`pb-2`,children:`Context`}),r(`th`,{className:`pb-2 pr-6 text-right`,children:`Expand`})]})}),r(`tbody`,{className:`block lg:table-row-group`,children:l.map(t=>{let n=a===t.id,{icon:i,bg:s,text:l}=dt(t.provider),u=t.finishedAt?R(Date.parse(t.finishedAt)-Date.parse(t.startedAt)):`running`;return r(e,{children:[r(`tr`,{className:`block lg:table-row`,children:r(`td`,{colSpan:11,className:`p-0 block lg:table-cell`,children:[r(`div`,{className:`${ct} flex items-center p-4 lg:p-6 ${t.status===`running`?`border-l-2 border-l-blue-400 bg-blue-500/[0.02]`:t.status===`failed`?`border-l-2 border-l-red-400 bg-red-500/[0.02]`:``}`,children:r(`div`,{className:`flex flex-col gap-3 lg:grid lg:w-full lg:grid-cols-[1.2fr_1fr_1fr_1.4fr_0.6fr_0.6fr_0.6fr_0.8fr_0.8fr_1fr_0.4fr] lg:items-center lg:gap-2`,children:[r(`div`,{className:`flex items-center justify-between lg:contents`,children:[r(`div`,{className:`text-[11px] font-mono text-slate-400`,children:I(t.startedAt)}),r(`div`,{className:`flex justify-end lg:hidden`,children:r(`button`,{type:`button`,onClick:()=>o(n?null:t.id),"aria-label":n?`Collapse invocation ${t.id}`:`Expand invocation ${t.id}`,className:`rounded-full p-2 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-signal-500 hover:bg-black/[0.04] dark:hover:bg-white/5 ${n?`text-signal-500`:`text-slate-400`}`,children:r(n?Ae:O,{className:`h-4 w-4`})})})]}),r(`div`,{className:`flex items-center gap-2 lg:contents`,children:[r(`div`,{children:_(t.status)}),r(`div`,{className:`flex`,children:r(`div`,{className:`${q} px-2 py-0.5 text-[10px] font-medium text-slate-500`,children:t.type?.replace(/_/g,` `)||`unknown`})})]}),r(`div`,{className:`mt-3 flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between lg:contents`,children:[r(`div`,{className:`flex items-center gap-2 text-[11px] text-slate-600 dark:text-slate-300`,children:[r(`div`,{className:`rounded-lg p-1.5 ${s} ${l}`,children:r(i,{className:`h-3 w-3`,strokeWidth:2.5})}),r(`span`,{className:`truncate`,children:t.model||`—`})]}),r(`div`,{className:`grid grid-cols-4 gap-2 rounded-lg border border-slate-200/60 bg-slate-50 p-2 dark:border-white/5 dark:bg-white/[0.02] lg:contents lg:border-0 lg:bg-transparent lg:p-0`,children:[r(`div`,{children:[r(`div`,{className:`mb-1 text-[9px] font-bold uppercase text-slate-400 lg:hidden`,children:`In`}),r(`div`,{className:`text-[11px] text-blue-600 dark:text-blue-400`,children:D(t.inputTokens??0)})]}),r(`div`,{children:[r(`div`,{className:`mb-1 text-[9px] font-bold uppercase text-slate-400 lg:hidden`,children:`Out`}),r(`div`,{className:`text-[11px] text-emerald-600 dark:text-emerald-400`,children:D(t.outputTokens??0)})]}),r(`div`,{children:[r(`div`,{className:`mb-1 text-[9px] font-bold uppercase text-slate-400 lg:hidden`,children:`Cached`}),r(`div`,{className:`text-[11px] text-purple-600 dark:text-purple-400`,children:D(t.cachedInputTokens??0)})]}),r(`div`,{children:[r(`div`,{className:`mb-1 text-[9px] font-bold uppercase text-slate-400 lg:hidden`,children:`Total`}),r(`div`,{className:`text-[11px] font-bold text-slate-900 dark:text-white`,children:D(t.totalTokens??0)})]})]}),r(`div`,{className:`hidden md:block text-[11px] ${t.finishedAt?`text-slate-600 dark:text-slate-300`:`text-blue-600 dark:text-blue-400`}`,children:u})]}),r(`div`,{className:`flex flex-wrap gap-1 lg:contents`,children:r(`div`,{className:`flex flex-wrap gap-1`,children:(t.sprintNumber!==null||t.taskKey!==null)&&r(e,{children:[t.sprintNumber!==null&&r(`div`,{className:`rounded-full border border-black/[0.06] bg-white/70 shadow-[0_1px_3px_rgba(0,0,0,0.04)] backdrop-blur-xl dark:border-white/[0.06] dark:bg-void-900/55 dark:shadow-[0_1px_3px_rgba(0,0,0,0.18)] px-1.5 py-0.5 text-[9px] font-bold text-slate-400`,children:[`S`,t.sprintNumber]}),t.taskKey!==null&&r(`div`,{className:`rounded-full border border-black/[0.06] bg-white/70 shadow-[0_1px_3px_rgba(0,0,0,0.04)] backdrop-blur-xl dark:border-white/[0.06] dark:bg-void-900/55 dark:shadow-[0_1px_3px_rgba(0,0,0,0.18)] px-1.5 py-0.5 text-[9px] font-bold text-slate-400`,children:t.taskKey})]})})}),r(`div`,{className:`hidden lg:flex lg:justify-end`,children:r(`button`,{type:`button`,onClick:()=>o(n?null:t.id),"aria-label":n?`Collapse invocation ${t.id}`:`Expand invocation ${t.id}`,className:`rounded-full p-2 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-signal-500 hover:bg-black/[0.04] dark:hover:bg-white/5 ${n?`text-signal-500`:`text-slate-400`}`,children:r(n?Ae:O,{className:`h-4 w-4`})})})]})}),t.status===`failed`&&(t.lastErrorMessage||t.errorMessage)&&r(`div`,{className:`mt-[-8px] px-6 pb-4`,children:r(`div`,{className:`flex items-center gap-1.5 text-[11px] text-red-600 dark:text-red-400`,children:[r(ge,{className:`h-3 w-3 flex-shrink-0`}),r(`span`,{children:t.lastErrorMessage||t.errorMessage})]})})]})},t.id),n&&c?r(`tr`,{className:`block lg:table-row`,children:r(`td`,{colSpan:11,className:`px-0 pb-2 lg:px-6 block lg:table-cell`,children:r(on,{invocation:c})})},`${t.id}-detail`):null]})})})]}),u&&r(`div`,{className:`mt-4 flex justify-center pb-4`,children:r(`button`,{type:`button`,onClick:f,className:`rounded-full bg-slate-100 px-4 py-2 text-xs font-bold text-slate-600 transition-colors hover:bg-slate-200 dark:bg-white/5 dark:text-slate-300 dark:hover:bg-white/10`,children:`Show more invocations`})})]})};c();var Z=({icon:e,label:t,value:n,detail:i,circleClassName:a,valueClassName:o})=>r(`div`,{className:`${K} p-4`,children:[r(`div`,{className:`mb-4 flex h-10 w-10 items-center justify-center rounded-2xl ${a}`,children:r(e,{className:`h-4 w-4`,strokeWidth:2.25})}),r(`div`,{className:`text-3xl font-black tracking-tight ${o||`text-slate-900 dark:text-white`}`,children:n}),r(`div`,{className:`mt-2 text-[11px] font-bold uppercase tracking-[0.16em] text-slate-500`,children:t}),r(`div`,{className:`mt-1 text-[11px] font-medium text-slate-400 dark:text-slate-500`,children:i})]}),ln=[{key:`completedCount`,label:`Completed`,barClassName:`bg-emerald-500`,dotClassName:`bg-emerald-500`},{key:`runningCount`,label:`Running`,barClassName:`bg-blue-500`,dotClassName:`bg-blue-500`},{key:`failedCount`,label:`Failed`,barClassName:`bg-red-500`,dotClassName:`bg-red-500`},{key:`cancelledCount`,label:`Cancelled`,barClassName:`bg-slate-400`,dotClassName:`bg-slate-400`},{key:`pausedCount`,label:`Paused`,barClassName:`bg-amber-500`,dotClassName:`bg-amber-500`}],un=({metrics:e})=>{let t=ln.reduce((t,n)=>t+e[n.key],0);return t===0?null:r(`div`,{className:`${K} p-4`,children:[r(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:`Status Distribution`}),r(`div`,{className:`flex flex-wrap items-center gap-3`,children:ln.filter(t=>e[t.key]>0).map(t=>r(`div`,{className:`inline-flex items-center gap-1.5 text-[10px] font-bold uppercase tracking-[0.14em] text-slate-500 dark:text-slate-400`,children:[r(`span`,{className:`h-2 w-2 rounded-full ${t.dotClassName}`}),t.label,` · `,e[t.key]]},t.key))})]}),r(`div`,{className:`mt-3 flex h-2.5 w-full overflow-hidden rounded-full bg-black/[0.05] dark:bg-white/[0.05]`,children:ln.map(n=>{let i=e[n.key];return i===0?null:r(`div`,{className:`h-full ${n.barClassName} transition-all duration-500`,style:{width:`${i/t*100}%`},title:`${n.label}: ${i}`},n.key)})})]})},dn=({projectId:e})=>{let{invocations:t,allInvocations:i,summaryMetrics:a,availablePurposes:o,availableProviders:s,filters:c,setFilters:u,search:d,setSearch:f,sort:p,setSort:m,loading:h,error:g,refetch:_,externalApiMetrics:y,sprintStateSummary:b,errorsByCategory:x,page:S,setPage:C,hasMore:w,totalCount:T}=Yt(e),[ee,E]=l(null),[O,k]=l(`all`),A=n(()=>{if(O===`errors`)return t.filter(e=>e.status===`failed`||e.status===`cancelled`);if(O===`system`){let e=t.filter(e=>{let t=(e.type||``).toLowerCase();return t.includes(`system`)||t.includes(`message`)});return e.length>0?e:t.filter(e=>!!e.lastErrorMessage)}return t},[O,t]),te=a.successRate===null?`—`:`${Math.round(a.successRate*100)}%`,ne=a.successRate===null?`text-slate-900 dark:text-white`:a.successRate>=.95?`text-emerald-600 dark:text-emerald-400`:a.successRate>=.8?`text-amber-600 dark:text-amber-400`:`text-red-500 dark:text-red-400`,M=b||{totalSprints:0,activeSprints:0,completedSprints:0,failedSprints:0,totalTasks:0,runningTasks:0,blockedTasks:0},N=y||{git:{calls:0,avgDurationMs:0},jules:{calls:0,avgDurationMs:0},jira:{calls:0,avgDurationMs:0},other:{calls:0,avgDurationMs:0}},P=Object.entries(x||{timeout:0,rateLimit:0,apiError:0,modelError:0,cancelled:0,other:0}).filter(([e,t])=>t>0),F=P.reduce((e,[t,n])=>e+n,0);return r(`div`,{className:`space-y-8`,children:[r(`div`,{className:`${G} rounded-[2.2rem] p-6 md:p-7 mb-8`,children:r(gt,{icon:z,eyebrow:`System Telemetry`,title:`Invocations & System Logs`,description:`Full operational log of every invocation across this project — filterable by status, type, and provider, with reliability and latency metrics computed live over the filtered set.`})}),r(`section`,{className:`space-y-4`,children:[r(`div`,{className:`flex items-center gap-3`,children:[r(`div`,{className:`px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.16em] text-amber-500 ${q}`,children:`Sprint Overview`}),r(`div`,{className:`text-xl font-black text-slate-900 dark:text-white`,children:`Active State`})]}),r(`div`,{className:`grid grid-cols-2 gap-3 xl:grid-cols-4`,children:[r(Z,{icon:ae,label:`Total Sprints`,value:M.totalSprints.toLocaleString(),detail:`recorded across logs`,circleClassName:`bg-slate-500/10 text-slate-500 dark:text-slate-400`}),r(Z,{icon:ke,label:`Active Sprints`,value:M.activeSprints>0?M.activeSprints.toLocaleString():`0`,detail:M.activeSprints>0?`${M.runningTasks} tasks live`:r(`span`,{className:`inline-flex items-center rounded-full bg-signal-500 px-2 py-0.5 text-[9px] font-bold text-white`,children:`All settled`}),circleClassName:`bg-blue-500/10 text-blue-500 dark:text-blue-400`}),r(Z,{icon:j,label:`Completed Sprints`,value:M.completedSprints.toLocaleString(),detail:`${M.failedSprints} failed`,circleClassName:`bg-emerald-500/10 text-emerald-500 dark:text-emerald-400`}),r(Z,{icon:v,label:`Total Tasks`,value:M.totalTasks.toLocaleString(),detail:`${M.blockedTasks} blocked`,circleClassName:`bg-cyan-500/10 text-cyan-500 dark:text-cyan-400`})]})]}),r(`section`,{className:`space-y-4`,children:[r(`div`,{className:`flex items-center gap-3`,children:[r(`div`,{className:`px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.16em] text-amber-500 ${q}`,children:`Status Distribution`}),r(`div`,{className:`flex items-center gap-2`,children:[r(`div`,{className:`text-xl font-black text-slate-900 dark:text-white`,children:`Invocations`}),a.runningCount>0&&r(`div`,{className:`h-2 w-2 animate-pulse rounded-full bg-blue-400`})]})]}),r(`div`,{className:`grid grid-cols-2 gap-3 md:grid-cols-3 xl:grid-cols-6 mb-4`,children:[r(Z,{icon:ae,label:`Invocations`,value:a.totalInvocations.toLocaleString(),detail:`${a.completedCount.toLocaleString()} completed`,circleClassName:`bg-signal-500/10 text-signal-500 dark:text-signal-400`}),r(Z,{icon:Ee,label:`Total Tokens`,value:D(a.totalTokens),detail:`${D(a.totalOutputTokens)} output`,circleClassName:`bg-amber-500/10 text-amber-500 dark:text-amber-400`}),r(Z,{icon:j,label:`Success Rate`,value:te,detail:a.failedCount>0?`${a.failedCount} failed`:`no failures`,circleClassName:`bg-emerald-500/10 text-emerald-500 dark:text-emerald-400`,valueClassName:ne}),r(Z,{icon:ye,label:`Avg Duration`,value:R(a.avgDurationMs),detail:a.p95DurationMs>0?`p95 ${R(a.p95DurationMs)}`:`no finished calls`,circleClassName:`bg-cyan-500/10 text-cyan-500 dark:text-cyan-400`}),r(Z,{icon:v,label:`Cache Hits`,value:a.cacheHitRate===null?`—`:`${Math.round(a.cacheHitRate*100)}%`,detail:`${D(a.totalCachedTokens)} cached tokens`,circleClassName:`bg-violet-500/10 text-violet-500 dark:text-violet-400`}),r(Z,{icon:ke,label:`Running`,value:a.runningCount.toLocaleString(),detail:a.runningCount>0?`live right now`:`all settled`,circleClassName:a.runningCount>0?`bg-blue-500/10 text-blue-500 dark:text-blue-400`:`bg-slate-500/10 text-slate-500 dark:text-slate-400`,valueClassName:a.runningCount>0?`text-blue-600 dark:text-blue-300`:void 0})]}),r(un,{metrics:a})]}),r(`section`,{className:`space-y-4`,children:[r(`div`,{className:`flex flex-wrap items-center justify-between gap-4`,children:[r(`div`,{className:`flex items-center gap-3`,children:[r(`div`,{className:`px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.16em] text-amber-500 ${q}`,children:`Error Log`}),r(`div`,{className:`text-xl font-black text-slate-900 dark:text-white`,children:`Failure Analysis`})]}),F>0&&r(`div`,{className:`flex h-8 items-center justify-center rounded-full border-2 border-amber-500/30 bg-amber-500/10 px-3 text-[11px] font-bold text-amber-600 dark:text-amber-400`,children:[F,` total failures`]})]}),P.length===0?r(`div`,{className:`${K} flex flex-col items-center justify-center py-12 text-center`,children:[r(j,{className:`mb-3 h-8 w-8 text-emerald-500/50`}),r(`div`,{className:`text-sm font-bold text-slate-900 dark:text-white`,children:`No Errors Recorded`}),r(`div`,{className:`mt-1 text-sm text-slate-500`,children:`All invocations completed successfully.`})]}):r(`div`,{className:`grid gap-3 lg:grid-cols-2 xl:grid-cols-3`,children:P.map(([e,t])=>{let n=e===`rateLimit`?`Rate Limit`:e===`apiError`?`API Error`:e===`modelError`?`Model Error`:e.charAt(0).toUpperCase()+e.slice(1),i=e===`timeout`?`bg-amber-500`:e===`rateLimit`?`bg-orange-500`:e===`cancelled`?`bg-slate-400`:`bg-red-500`;return r(`div`,{className:`${K} flex items-center justify-between p-4 hover:bg-[color:var(--fill-muted-hover)] transition-colors`,children:[r(`div`,{className:`flex items-center gap-3`,children:[r(`div`,{className:`h-2.5 w-2.5 rounded-full ${i}`}),r(`div`,{className:`text-sm font-bold text-slate-900 dark:text-white`,children:n})]}),r(`div`,{className:`text-lg font-black tracking-tight text-slate-900 dark:text-white`,children:t})]},e)})})]}),r(`section`,{className:`space-y-4`,children:[r(`div`,{className:`flex flex-wrap items-center justify-between gap-4`,children:[r(`div`,{className:`flex items-center gap-3`,children:[r(`div`,{className:`px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.16em] text-amber-500 ${q}`,children:`Invocations`}),r(`div`,{className:`text-xl font-black text-slate-900 dark:text-white`,children:`Detailed Log`})]}),r(`div`,{className:`flex flex-wrap gap-2`,children:Object.entries(N).filter(([e,t])=>t.calls>0).map(([e,t])=>r(`div`,{className:`px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.16em] text-slate-500 ${q}`,children:[e.charAt(0).toUpperCase()+e.slice(1),` · `,t.calls,` calls`]},e))})]}),r(`div`,{className:`space-y-4`,children:[r(`div`,{className:`flex gap-1 rounded-2xl border border-[var(--stats-card-border)] bg-[var(--stats-card-bg)] p-1 self-start`,children:[`all`,`errors`,`system`].map(e=>r(`button`,{type:`button`,onClick:()=>k(e),className:`rounded-xl px-4 py-2 text-[11px] font-bold uppercase tracking-[0.18em] transition-all ${O===e?`bg-amber-500 text-white shadow-sm ring-2 ring-amber-500/30`:`text-slate-500 hover:text-slate-900 dark:text-slate-400 dark:hover:text-white`}`,children:e===`all`?`All`:e===`errors`?`Errors`:`System Msgs`},e))}),r(en,{filters:c,onFiltersChange:u,search:d,onSearchChange:f,availablePurposes:o,availableProviders:s,totalCount:T,filteredCount:A.length,page:S,onPageChange:C,hasMore:w}),g?r(`div`,{className:`rounded-2xl border border-red-500/20 bg-red-500/10 px-4 py-3 text-sm text-red-500 dark:text-red-400`,children:[`Failed to load invocations — `,g]}):null,r(cn,{invocations:A,sort:p,onSortChange:m,expandedId:ee,onRowExpand:e=>E(t=>t===e?null:e),loading:h})]})]})]})};function fn(e){let t=e.inputTokens+e.cachedInputTokens,n=e.activeTimeMs/6e4;return{cacheHitRate:t>0?e.cachedInputTokens/t:null,tokensPerCall:e.invocationCount>0?e.totalTokens/e.invocationCount:null,outputTokensPerMinute:n>0?e.outputTokens/n:null,reasoningShare:e.outputTokens+e.reasoningOutputTokens>0?e.reasoningOutputTokens/(e.outputTokens+e.reasoningOutputTokens):null,outputInputRatio:t>0?e.outputTokens/t:null}}function pn(e){return e===null?`—`:`${(e*100).toFixed(+(e>=.995&&e<1))}%`}function mn(e){return e===null?`neutral`:e>=.95?`strong`:e>=.8?`warn`:`critical`}var hn=3;function gn(e){let t=e.filter(e=>e.usage.invocationCount>=hn),n=t.length>0?t:e,r=n.length>0?n.reduce((e,t)=>t.usage.totalTokens>e.usage.totalTokens?t:e):null,i=n.filter(e=>e.duration.sampleCount>0&&e.duration.p50Ms>0),a=i.length>0?i.reduce((e,t)=>t.duration.p50Ms<e.duration.p50Ms?t:e):null,o=n.filter(e=>e.successRate!==null),s=o.length>0?o.reduce((e,t)=>(t.successRate??0)>(e.successRate??0)?t:e):null,c=n.filter(e=>{let t=fn(e.usage);return t.cacheHitRate!==null&&t.cacheHitRate>0}),l=c.length>0?c.reduce((e,t)=>{let n=fn(e.usage).cacheHitRate??0;return(fn(t.usage).cacheHitRate??0)>n?t:e}):null;return{busiest:r?{model:r,value:`${Sn(r.usage.totalTokens)} tokens`}:null,fastest:a?{model:a,value:`${Cn(a.duration.p50Ms)} median`}:null,mostReliable:s?{model:s,value:`${pn(s.successRate)} success`}:null,bestCache:l?{model:l,value:`${Math.round((fn(l.usage).cacheHitRate??0)*100)}% cache hits`}:null}}var _n=[`rgba(0,224,160,0.9)`,`rgba(255,184,0,0.88)`,`rgba(0,170,255,0.9)`,`rgba(251,113,133,0.88)`,`rgba(139,92,246,0.88)`],vn=[`text-signal-600 dark:text-signal-400`,`text-amber-600 dark:text-amber-400`,`text-cyan-600 dark:text-cyan-400`,`text-rose-600 dark:text-rose-400`,`text-violet-600 dark:text-violet-400`];function yn(e){let t=e.filter(e=>e.usage.invocationCount>=hn),n=(t.length>0?t:e).filter(e=>e.usage.outputTokens>0&&e.usage.activeTimeMs>0);if(n.length===0)return null;let r=n.reduce((e,t)=>{let n=e.usage.outputTokens/Math.max(1,e.usage.activeTimeMs/1e3);return t.usage.outputTokens/Math.max(1,t.usage.activeTimeMs/1e3)>n?t:e});return{model:r,value:`${Math.round(r.usage.outputTokens/Math.max(1,r.usage.activeTimeMs/1e3))} tok/s`}}function bn(e){let t=e.filter(e=>e.usage.invocationCount>=hn),n=(t.length>0?t:e).filter(e=>e.usage.reasoningOutputTokens>0&&e.usage.outputTokens>0);if(n.length===0)return null;let r=n.reduce((e,t)=>{let n=e.usage.reasoningOutputTokens/Math.max(1,e.usage.outputTokens);return t.usage.reasoningOutputTokens/Math.max(1,t.usage.outputTokens)>n?t:e});return{model:r,value:`${Math.round(r.usage.reasoningOutputTokens/Math.max(1,r.usage.outputTokens)*100)}% reasoning`}}function xn(e,t=5){let n=[...e].sort((e,t)=>t.usage.totalTokens-e.usage.totalTokens),r=n.slice(0,t),i=n.slice(t),a=r.map((e,t)=>({label:e.label,value:e.usage.totalTokens,color:_n[t%_n.length],textClassName:vn[t%vn.length]}));return i.length>0&&a.push({label:`Other models`,value:i.reduce((e,t)=>e+t.usage.totalTokens,0),color:`rgba(148,163,184,0.46)`,textClassName:`text-slate-600 dark:text-slate-300`}),a.filter(e=>e.value>0)}function Sn(e){return e>=1e6?`${(e/1e6).toFixed(2)}M`:e>=1e3?`${(e/1e3).toFixed(1)}k`:String(e)}function Cn(e){let t=Math.max(0,Math.round(e/1e3)),n=Math.floor(t/3600),r=Math.floor(t%3600/60),i=t%60;return n>0?`${n}h ${r}m`:r>0?`${r}m ${i}s`:`${i}s`}a();var wn={strong:`border-status-green/30 bg-status-green/10 text-status-green`,warn:`border-amber-500/30 bg-amber-500/10 text-amber-600 dark:text-amber-400`,critical:`border-rose-500/30 bg-rose-500/10 text-rose-600 dark:text-rose-400`,neutral:`border-slate-500/20 bg-slate-500/10 text-slate-500 dark:text-slate-400`},Tn=({icon:e,label:t,highlight:n,tone:i})=>r(`div`,{className:`${K} p-4`,children:[r(`div`,{className:`inline-flex items-center gap-2 text-[10px] font-bold uppercase tracking-[0.18em] ${i}`,children:[r(e,{className:`h-3.5 w-3.5`,strokeWidth:2.2}),t]}),r(`div`,{className:`mt-3 truncate text-lg font-black text-slate-900 dark:text-white`,children:n?n.model.label:`—`}),r(`div`,{className:`mt-1 text-xs font-medium text-slate-500 dark:text-slate-400`,children:n?n.value:`Not enough telemetry yet`})]}),En=({label:e,value:t,detail:n})=>r(`div`,{className:`${K} p-4`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:e}),r(`div`,{className:`mt-2 text-lg font-black text-slate-900 dark:text-white`,children:t}),n?r(`div`,{className:`mt-1 text-[10px] font-bold uppercase tracking-[0.14em] text-slate-400`,children:n}):null]}),Dn=({model:e,rank:t,shareOfTotal:n})=>{let{icon:i,bg:a,text:o}=dt(e.provider),s=fn(e.usage),c=mn(e.successRate);return r(`div`,{className:`${G} p-5`,children:[r(`div`,{className:`flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between`,children:[r(`div`,{className:`flex min-w-0 items-start gap-3`,children:[r(`div`,{className:`rounded-xl p-2 ${a} ${o}`,children:r(i,{className:`h-4 w-4`,strokeWidth:2.1})}),r(`div`,{className:`min-w-0`,children:[r(`div`,{className:`flex items-center gap-2`,children:[r(`span`,{className:`text-[10px] font-black uppercase tracking-[0.2em] text-slate-400`,children:[`#`,t]}),r(`span`,{className:`truncate text-base font-black text-slate-900 dark:text-white`,children:e.label})]}),r(`div`,{className:`mt-1 text-sm text-slate-500 dark:text-slate-400 capitalize`,children:[e.provider,` · `,n>0?`${n.toFixed(1)}% of window volume`:`no token volume`]})]})]}),r(`div`,{className:`flex flex-wrap items-center gap-2 self-start`,children:[r(`div`,{className:`inline-flex items-center gap-1.5 rounded-full px-3 py-1.5 text-[10px] font-bold uppercase tracking-[0.16em] ${q}`,children:[`#`,t,` by volume`]}),r(`div`,{className:`inline-flex items-center gap-2 rounded-full px-3 py-1.5 text-[10px] font-bold uppercase tracking-[0.18em] ${q}`,children:[r(`span`,{className:`text-base font-black normal-case tracking-tight text-slate-900 dark:text-white`,children:D(e.usage.totalTokens)}),r(`span`,{className:`text-slate-400`,children:`tokens`})]}),r(`div`,{className:`inline-flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-[10px] font-bold uppercase tracking-[0.16em] ${wn[c]}`,children:[r(j,{className:`h-3 w-3`,strokeWidth:2.4}),pn(e.successRate)]})]})]}),r(`div`,{className:`mt-5 grid grid-cols-2 gap-3 lg:grid-cols-3`,children:[r(En,{label:`Invocations`,value:e.usage.invocationCount.toLocaleString(),detail:`${e.statusCounts.failed>0?`${e.statusCounts.failed} failed`:`no failures`}`}),r(En,{label:`Median Latency`,value:e.duration.sampleCount>0?R(e.duration.p50Ms):`—`,detail:e.duration.sampleCount>0?`p95 ${R(e.duration.p95Ms)}`:`no samples`}),r(En,{label:`Cache Hit Rate`,value:s.cacheHitRate===null?`—`:`${Math.round(s.cacheHitRate*100)}%`,detail:`${D(e.usage.cachedInputTokens)} cached`}),r(En,{label:`Tokens / Call`,value:s.tokensPerCall===null?`—`:D(Math.round(s.tokensPerCall)),detail:`avg per invocation`}),r(En,{label:`Output Velocity`,value:e.usage.outputTokens>0&&e.usage.activeTimeMs>0?D(Math.round(e.usage.outputTokens/(e.usage.activeTimeMs/1e3)))+`/s`:`—`,detail:`tok/s output`}),r(En,{label:`Reasoning Share`,value:e.usage.reasoningOutputTokens>0&&e.usage.outputTokens>0?W(e.usage.reasoningOutputTokens/e.usage.outputTokens*100):`—`,detail:`of output`})]}),r(`div`,{className:`${K} mt-5 grid grid-cols-2 p-4`,children:[r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`p50`}),r(`div`,{className:`mt-1 text-base font-black text-slate-900 dark:text-white`,children:e.duration.sampleCount>0?R(e.duration.p50Ms):`—`})]}),r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`p95`}),r(`div`,{className:`mt-1 text-base font-black text-slate-900 dark:text-white`,children:e.duration.sampleCount>0?R(e.duration.p95Ms):`—`})]})]}),r(`div`,{className:`mt-5`,children:r(ft,{input:e.usage.inputTokens,cached:e.usage.cachedInputTokens,output:e.usage.outputTokens,reasoning:e.usage.reasoningOutputTokens,total:e.usage.totalTokens})}),r(`div`,{className:`mt-4 flex flex-wrap items-center justify-between gap-3`,children:[r(`div`,{className:`flex flex-wrap gap-2`,children:[r(`span`,{className:`px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.14em] text-status-green ${q}`,children:[e.statusCounts.completed,` completed`]}),e.statusCounts.failed>0?r(`span`,{className:`px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.14em] text-rose-500 dark:text-rose-400 ${q}`,children:[e.statusCounts.failed,` failed`]}):null,e.statusCounts.running>0?r(`span`,{className:`px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.14em] text-cyan-600 dark:text-cyan-400 ${q}`,children:[e.statusCounts.running,` running`]}):null,e.statusCounts.cancelled>0?r(`span`,{className:`px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.14em] text-slate-500 dark:text-slate-400 ${q}`,children:[e.statusCounts.cancelled,` cancelled`]}):null]}),r(`div`,{className:`text-[11px] font-mono text-slate-400 dark:text-slate-500`,children:[`Last active `,I(e.lastActivityAt)]})]})]})},On=({stats:t})=>{let n=t.models||[],i=xn(n),a=gn(n),o=yn(n),s=bn(n),c=n.reduce((e,t)=>e+t.usage.totalTokens,0),l=[...n].sort((e,t)=>t.usage.totalTokens-e.usage.totalTokens);return r(`section`,{className:`space-y-6`,children:[r(`div`,{className:`${G} rounded-[2.2rem] p-6 md:p-7`,children:r(gt,{icon:De,eyebrow:`Model Intelligence`,title:`Model performance & efficiency`,description:`Per-model telemetry across the selected window — token volume, reliability, latency distribution, cache efficiency, and output velocity for every model that participated.`})}),n.length===0?r(`div`,{className:`rounded-2xl border border-dashed border-black/[0.08] px-4 py-12 text-center text-sm text-slate-400 dark:border-white/[0.08]`,children:`No model telemetry landed in this window yet.`}):r(e,{children:[r(`div`,{className:`grid grid-cols-1 gap-6 2xl:grid-cols-[1.05fr_0.95fr]`,children:[r(mt,{title:`Model Share`,eyebrow:`Distribution`,description:`Token volume split across the models active in this window, grouped into visible lanes.`,centerValue:String(n.length),centerLabel:n.length===1?`model`:`models`,segments:i}),r(`div`,{className:`${G} p-6`,children:[r(`div`,{className:`flex items-center gap-3`,children:[r(w,{className:`h-4 w-4 text-signal-500`,strokeWidth:2}),r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:`Efficiency Highlights`})]}),r(`div`,{className:`mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2`,children:[r(Tn,{icon:ke,label:`Busiest`,highlight:a.busiest,tone:`text-signal-600 dark:text-signal-400`}),r(Tn,{icon:be,label:`Fastest`,highlight:a.fastest,tone:`text-cyan-600 dark:text-cyan-400`}),r(Tn,{icon:j,label:`Most Reliable`,highlight:a.mostReliable,tone:`text-emerald-600 dark:text-emerald-400`}),r(Tn,{icon:v,label:`Best Cache Efficiency`,highlight:a.bestCache,tone:`text-amber-600 dark:text-amber-400`}),r(Tn,{icon:Ee,label:`Highest Velocity`,highlight:o,tone:`text-cyan-600 dark:text-cyan-400`}),r(Tn,{icon:Ce,label:`Highest Reasoning`,highlight:s,tone:`text-rose-600 dark:text-rose-400`})]}),r(`div`,{className:`${K} mt-4 p-4`,children:[r(`div`,{className:`flex items-center justify-between gap-4`,children:[r(`div`,{className:`inline-flex items-center gap-2 text-[10px] font-bold uppercase tracking-[0.18em] text-slate-400`,children:[r(ae,{className:`h-3.5 w-3.5`,strokeWidth:2.2}),`Window Volume`]}),r(`div`,{className:`text-lg font-black text-slate-900 dark:text-white`,children:[D(c),` tokens`]})]}),r(`div`,{className:`mt-2 text-xs leading-relaxed text-slate-500 dark:text-slate-400`,children:`Highlights prefer models with at least 3 invocations so a single lucky call can't win a category.`})]})]})]}),r(`div`,{className:`space-y-4`,children:[r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:`Model Leaderboard`}),r(`div`,{className:`mt-2 text-sm leading-relaxed text-slate-500 dark:text-slate-400`,children:`Every model ranked by token volume, with reliability, latency percentiles, and efficiency anatomy per model.`})]}),r(`div`,{className:`grid grid-cols-1 gap-4 xl:grid-cols-2`,children:l.map((e,t)=>r(Dn,{model:e,rank:t+1,shareOfTotal:c>0?e.usage.totalTokens/c*100:0},e.id))})]})]})]})};c();function kn(e,t={}){let{initialCount:n=12,stepCount:r=8,rootMargin:a=`120px 0px 120px 0px`}=t,[o,c]=l(n),u=i(null),d=i(null);return s(()=>{c(Math.min(n,e.length))},[e.length,n]),s(()=>{let t=d.current,n=u.current;if(!n||o>=e.length)return;let i=new IntersectionObserver(t=>{t[0]?.isIntersecting&&c(t=>Math.min(e.length,t+r))},{root:t,rootMargin:a});return i.observe(n),()=>i.disconnect()},[e.length,o,r,a]),{visibleItems:e.slice(0,o),visibleCount:o,hasMore:o<e.length,sentinelRef:u,scrollContainerRef:d}}c();function An(e){let t=e.toLowerCase();return t.includes(`complete`)||t.includes(`done`)||t.includes(`merged`)?`bg-emerald-500/10 text-emerald-600 dark:text-emerald-400`:t.includes(`fail`)||t.includes(`error`)||t.includes(`blocked`)?`bg-rose-500/10 text-rose-600 dark:text-rose-400`:t.includes(`running`)||t.includes(`progress`)||t.includes(`active`)?`bg-blue-500/10 text-blue-600 dark:text-blue-400`:t.includes(`cancel`)||t.includes(`paused`)?`bg-amber-500/10 text-amber-600 dark:text-amber-400`:`bg-slate-500/10 text-slate-500 dark:text-slate-300`}var jn=({icon:e,label:t,value:n,detail:i})=>r(`div`,{className:`${K} p-4`,children:[r(`div`,{className:`inline-flex items-center gap-2 text-[10px] font-bold uppercase tracking-[0.18em] text-slate-400`,children:[r(e,{className:`h-3.5 w-3.5 text-signal-500`,strokeWidth:2.2}),t]}),r(`div`,{className:`mt-2 text-xl font-black tracking-tight text-slate-900 dark:text-white`,children:n}),r(`div`,{className:`mt-1 text-[10px] font-bold uppercase tracking-[0.14em] text-slate-400`,children:i})]}),Mn=({title:e,eyebrow:t,items:i,kindLabel:a,emptyLabel:o,defaultSortKey:s=`tokens`})=>{let[c,u]=l(``),[d,f]=l(s),[p,m]=l(`desc`),g=n(()=>{let e=c.trim().toLowerCase(),t=e.length===0?i:i.filter(t=>[t.label,t.secondaryLabel||``,t.status||``,t.provider||``,t.purpose||``].join(` `).toLowerCase().includes(e)),n=p===`desc`?1:-1;return[...t].sort((e,t)=>{let r=ot(e,d),i=ot(t,d);return typeof r==`string`&&typeof i==`string`?r.localeCompare(i)*(p===`desc`?1:-1):(Number(i)-Number(r))*n})},[i,c,d,p]),_=n(()=>{let e=0,t=0;for(let n of i)e+=n.usage.totalTokens,t+=n.usage.activeTimeMs;return{totalTokens:e,totalActiveMs:t}},[i]),y=n(()=>{let e=0,t=0,n=0,r=0;for(let i of g)e+=i.usage.totalTokens,t+=i.usage.activeTimeMs,n+=i.usage.invocationCount,r=Math.max(r,i.usage.totalTokens);return{tokens:e,activeTimeMs:t,calls:n,leaderTokens:r}},[g]);n(()=>g.reduce((e,t)=>e===null||t.usage.totalTokens>e.usage.totalTokens?t:e,null),[g]);let x=e=>{d===e?m(e=>e===`desc`?`asc`:`desc`):(f(e),m(`desc`))},{visibleItems:S,sentinelRef:C,scrollContainerRef:w}=kn(g,{initialCount:12,stepCount:8});return r(`div`,{className:`${G} p-6`,children:r(`div`,{className:`flex flex-col gap-5`,children:[r(`div`,{className:`flex flex-col gap-4 xl:flex-row xl:items-end xl:justify-between`,children:[r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:t}),r(`div`,{className:`mt-2 text-2xl font-black tracking-tight text-slate-900 dark:text-white`,children:e}),r(`div`,{className:`mt-2 text-sm text-slate-500 dark:text-slate-400`,children:[`Search, sort, and compare `,a,` by recency, tokens, active time, and directional token flow.`]})]}),r(`div`,{className:`px-3 py-1 text-[10px] font-bold uppercase tracking-[0.16em] text-slate-500 dark:text-slate-300 ${q}`,children:[g.length,` `,a]})]}),i.length>0?r(`div`,{className:`${K} p-2`,children:r(`div`,{className:`grid grid-cols-2 gap-3 lg:grid-cols-4`,children:[r(jn,{icon:b,label:`Total`,value:i.length.toLocaleString(),detail:a}),r(jn,{icon:Ee,label:`Avg Tokens`,value:D(_.totalTokens/Math.max(1,i.length)),detail:`per ${a.replace(/s$/,``)}`}),r(jn,{icon:be,label:`Avg Active`,value:R(_.totalActiveMs/Math.max(1,i.length)),detail:`per ${a.replace(/s$/,``)}`}),r(jn,{icon:ae,label:`Most Recent`,value:i[0]?.lastActivityAt?I(i[0].lastActivityAt):`—`,detail:`last activity`})]})}):null,r(`div`,{className:`grid gap-3 xl:grid-cols-[minmax(0,1fr)_auto] xl:items-center`,children:[r(`div`,{className:`relative`,children:[r(ie,{className:`pointer-events-none absolute left-4 top-1/2 h-4 w-4 -translate-y-1/2 text-slate-400 dark:text-slate-500`,strokeWidth:2}),r(`input`,{type:`text`,value:c,onInput:e=>u(e.currentTarget.value),placeholder:`Search ${a}`,className:`${st} w-full pl-10`})]}),r(`div`,{className:`flex flex-wrap gap-2`,children:[[`last`,`Latest`],[`tokens`,`Tokens`],[`active`,`Active`],[`input`,`Input`],[`output`,`Output`],[`name`,`Name`],[`p50`,`p50`],[`p95`,`p95`]].map(([e,t])=>r(_t,{label:t,active:d===e,direction:d===e?p:null,onClick:()=>x(e)},e))})]}),g.length===0?r(`div`,{className:`rounded-2xl border border-dashed border-black/[0.08] px-4 py-12 text-center text-sm text-slate-400 dark:border-white/[0.08]`,children:o}):r(`div`,{ref:w,className:`max-h-[42rem] overflow-y-auto pr-2 dashboard-scrollbar`,children:r(`div`,{className:`space-y-3`,children:[S.map((e,t)=>{let n=y.tokens>0?e.usage.totalTokens/y.tokens*100:0,i=y.leaderTokens>0?e.usage.totalTokens/y.leaderTokens*100:0;return r(`div`,{className:`${ct} !p-5`,children:r(`div`,{className:`flex flex-col gap-4`,children:[r(`div`,{className:`flex items-start justify-between gap-4`,children:[r(`div`,{className:`flex min-w-0 items-start gap-3`,children:[r(`div`,{className:`flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-[var(--stats-card-border)] bg-[var(--stats-card-bg)] text-xs font-black text-slate-900 shadow-sm backdrop-blur-xl dark:text-white`,children:t+1}),r(`div`,{className:`min-w-0`,children:[r(`div`,{className:`truncate text-base font-black tracking-tight text-slate-900 dark:text-white`,children:e.label}),a===`sprints`?r(`div`,{className:`text-[10px] text-slate-400`,children:[D(e.usage.totalTokens/Math.max(1,e.usage.invocationCount)),`/call`]}):null,r(`div`,{className:`mt-1.5 flex flex-wrap items-center gap-2`,children:[e.provider?(()=>{let t=dt(e.provider),n=t.icon;return r(`span`,{className:`inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.14em] ${t.bg} ${t.text} ${q}`,children:[r(n,{className:`h-3 w-3`,strokeWidth:2.5}),e.provider]})})():null,e.purpose?r(`span`,{className:`inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.14em] text-emerald-600 bg-emerald-500/10 dark:text-emerald-400 ${q}`,children:[r(ae,{className:`h-3 w-3`,strokeWidth:2.5}),e.purpose.replace(/_/g,` `)]}):null,e.secondaryLabel?r(`span`,{className:`px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.14em] text-slate-500 dark:text-slate-300 ${q}`,children:e.secondaryLabel}):null,e.status?r(`span`,{className:`px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.14em] ${An(e.status)} ${q}`,children:e.status.replace(/_/g,` `)}):null]})]})]}),r(`div`,{className:`hidden shrink-0 grid-cols-3 gap-6 text-right lg:grid`,children:[r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Tokens`}),r(`div`,{className:`mt-1 text-lg font-black tracking-tight text-slate-900 dark:text-white`,children:D(e.usage.totalTokens)})]}),r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Active`}),r(`div`,{className:`mt-1 text-lg font-black tracking-tight text-slate-900 dark:text-white`,children:R(e.usage.activeTimeMs)})]}),r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Calls`}),r(`div`,{className:`mt-1 text-lg font-black tracking-tight text-slate-900 dark:text-white`,children:e.usage.invocationCount.toLocaleString()})]})]})]}),r(`div`,{className:`grid grid-cols-3 gap-4 lg:hidden`,children:[r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Tokens`}),r(`div`,{className:`mt-1 text-lg font-black tracking-tight text-slate-900 dark:text-white`,children:D(e.usage.totalTokens)})]}),r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Active`}),r(`div`,{className:`mt-1 text-lg font-black tracking-tight text-slate-900 dark:text-white`,children:R(e.usage.activeTimeMs)})]}),r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Calls`}),r(`div`,{className:`mt-1 text-lg font-black tracking-tight text-slate-900 dark:text-white`,children:e.usage.invocationCount.toLocaleString()})]})]}),r(`div`,{className:`flex flex-col gap-2.5`,children:[r(ft,{input:e.usage.inputTokens,cached:e.usage.cachedInputTokens,output:e.usage.outputTokens,reasoning:e.usage.reasoningOutputTokens,total:e.usage.totalTokens}),r(`div`,{className:`h-1 rounded-full bg-black/[0.04] dark:bg-white/[0.05]`,children:r(`div`,{className:`h-1 rounded-full bg-signal-500/60 transition-all duration-500`,style:{width:`${Math.min(100,Math.max(i>0?3:0,i))}%`}})}),r(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[r(`div`,{className:`flex flex-wrap gap-2`,children:[r(J,{icon:Fe,label:`In`,value:e.usage.inputTokens,tone:`border-signal-500/16 bg-signal-500/8 text-signal-600 dark:text-signal-400`}),r(J,{icon:v,label:`Cached`,value:e.usage.cachedInputTokens,tone:`border-cyan-500/16 bg-cyan-500/8 text-cyan-600 dark:text-cyan-400`}),r(J,{icon:h,label:`Out`,value:e.usage.outputTokens,tone:`border-amber-500/16 bg-amber-500/8 text-amber-600 dark:text-amber-400`}),r(J,{icon:Ce,label:`Reason`,value:e.usage.reasoningOutputTokens,tone:`border-rose-500/16 bg-rose-500/8 text-rose-600 dark:text-rose-400`})]}),r(`div`,{className:`flex items-center gap-3 text-[10px] font-bold uppercase tracking-[0.14em] text-slate-400`,children:[r(`span`,{children:[W(n),` of volume`]}),r(`span`,{className:`hidden sm:inline`,children:I(e.lastActivityAt)})]})]})]})]})},e.id)}),S.length<g.length?r(`div`,{ref:C,className:`rounded-2xl border border-dashed border-black/[0.08] px-4 py-4 text-center text-[11px] font-bold uppercase tracking-[0.16em] text-slate-400 dark:border-white/[0.08]`,children:`Loading more telemetry lanes...`}):null]})})]})})};c();var Nn=({title:e,eyebrow:t,items:i,kindLabel:a,emptyLabel:o,defaultSortKey:s=`insertions`})=>{let[c,u]=l(``),[d,f]=l(s),[p,m]=l(`desc`),h=n(()=>{let e=c.trim().toLowerCase(),t=e.length===0?i:i.filter(t=>[t.label,t.secondaryLabel||``].join(` `).toLowerCase().includes(e)),n=p===`desc`?1:-1;return[...t].sort((e,t)=>{let r=0,i=0;return d===`insertions`?(r=e.metrics.insertions,i=t.metrics.insertions):d===`deletions`?(r=e.metrics.deletions,i=t.metrics.deletions):d===`filesChanged`?(r=e.metrics.filesChanged,i=t.metrics.filesChanged):d===`prCount`?(r=e.metrics.prCount,i=t.metrics.prCount):d===`mergedCount`?(r=e.metrics.mergedCount,i=t.metrics.mergedCount):d===`name`&&(r=e.label,i=t.label),typeof r==`string`&&typeof i==`string`?r.localeCompare(i)*(p===`desc`?1:-1):(Number(i)-Number(r))*n})},[i,c,d,p]),g=n(()=>{let e=0,t=0;for(let n of h){let r=n.metrics.insertions+n.metrics.deletions;e+=r,t=Math.max(t,r)}return{churn:e,leaderChurn:t}},[h]),_=e=>{d===e?m(e=>e===`desc`?`asc`:`desc`):(f(e),m(`desc`))},{visibleItems:v,sentinelRef:y,scrollContainerRef:b}=kn(h,{initialCount:12,stepCount:8}),S=i.reduce((e,t)=>e+t.metrics.prCount,0),C=i.reduce((e,t)=>e+t.metrics.mergedCount,0),w=i.reduce((e,t)=>e+t.metrics.insertions,0);return r(`div`,{className:`${G} p-6`,children:r(`div`,{className:`flex flex-col gap-5`,children:[r(`div`,{className:`flex flex-col gap-4 xl:flex-row xl:items-end xl:justify-between`,children:[r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:t}),r(`div`,{className:`mt-2 text-2xl font-black tracking-tight text-slate-900 dark:text-white`,children:e}),r(`div`,{className:`mt-2 text-sm text-slate-500 dark:text-slate-400`,children:[`Search, sort, and compare `,a,` by code churn, PRs opened, and changes merged.`]})]}),r(`div`,{className:`px-3 py-1 text-[10px] font-bold uppercase tracking-[0.16em] text-slate-500 dark:text-slate-300 ${q}`,children:[h.length,` `,a]})]}),r(`div`,{className:`grid grid-cols-2 gap-4 md:grid-cols-4`,children:[r(`div`,{className:`${K} flex flex-col items-center justify-center text-center !p-4`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Total PRs`}),r(`div`,{className:`mt-1 text-xl font-black tracking-tight text-slate-900 dark:text-white`,children:S.toLocaleString()})]}),r(`div`,{className:`${K} flex flex-col items-center justify-center text-center !p-4`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Merged PRs`}),r(`div`,{className:`mt-1 text-xl font-black tracking-tight text-slate-900 dark:text-white`,children:C.toLocaleString()})]}),r(`div`,{className:`${K} flex flex-col items-center justify-center text-center !p-4`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Merge Rate`}),r(`div`,{className:`mt-1 text-xl font-black tracking-tight text-slate-900 dark:text-white`,children:W(C/Math.max(1,S))})]}),r(`div`,{className:`${K} flex flex-col items-center justify-center text-center !p-4`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`+lines`}),r(`div`,{className:`mt-1 text-xl font-black tracking-tight text-slate-900 dark:text-white`,children:w.toLocaleString()})]})]}),r(`div`,{className:`grid gap-3 xl:grid-cols-[minmax(0,1fr)_auto] xl:items-center`,children:[r(`div`,{className:`relative`,children:[r(ie,{className:`pointer-events-none absolute left-4 top-1/2 h-4 w-4 -translate-y-1/2 text-slate-400 dark:text-slate-500`,strokeWidth:2}),r(`input`,{type:`text`,value:c,onInput:e=>u(e.currentTarget.value),placeholder:`Search ${a}`,className:`${st} w-full pl-10`})]}),r(`div`,{className:`flex flex-wrap gap-2`,children:[[`insertions`,`Insertions`],[`deletions`,`Deletions`],[`filesChanged`,`Files`],[`prCount`,`PRs`],[`mergedCount`,`Merged`],[`name`,`Name`]].map(([e,t])=>r(_t,{label:t,active:d===e,direction:d===e?p:null,onClick:()=>_(e)},e))})]}),h.length===0?r(`div`,{className:`rounded-2xl border border-dashed border-black/[0.08] px-4 py-12 text-center text-sm text-slate-400 dark:border-white/[0.08]`,children:o}):r(`div`,{ref:b,className:`max-h-[42rem] overflow-y-auto pr-2 dashboard-scrollbar`,children:r(`div`,{className:`space-y-3`,children:[v.map((e,t)=>{let n=e.metrics.insertions+e.metrics.deletions,i=g.churn>0?n/g.churn*100:0,a=g.leaderChurn>0?n/g.leaderChurn*100:0;return r(`div`,{className:`${ct} !p-5`,children:r(`div`,{className:`flex flex-col gap-4`,children:[r(`div`,{className:`flex items-start justify-between gap-4`,children:[r(`div`,{className:`flex min-w-0 items-start gap-3`,children:[r(`div`,{className:`flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-black/[0.06] bg-white/75 text-xs font-black text-slate-900 shadow-[0_6px_16px_rgba(15,23,42,0.06)] backdrop-blur-xl dark:border-white/[0.06] dark:bg-void-900/55 dark:text-white`,children:t+1}),r(`div`,{className:`min-w-0`,children:[r(`div`,{className:`truncate text-base font-black tracking-tight text-slate-900 dark:text-white`,children:e.label}),r(`div`,{className:`mt-1.5 flex flex-wrap items-center gap-2`,children:[e.secondaryLabel?r(`span`,{className:`px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.14em] text-slate-500 dark:text-slate-300 ${q}`,children:e.secondaryLabel}):null,r(`span`,{className:`px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.14em] text-slate-500 dark:text-slate-300 ${q}`,children:[e.metrics.filesChanged,` Files Changed`]})]})]})]}),r(`div`,{className:`hidden shrink-0 grid-cols-4 gap-6 text-right lg:grid`,children:[r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Code Churn`}),r(`div`,{className:`mt-1 flex items-center justify-end gap-3 text-lg font-black tracking-tight text-slate-900 dark:text-white`,children:[n.toLocaleString(),r(`div`,{className:`w-16 h-1.5`,children:r(pt,{insertions:e.metrics.insertions,deletions:e.metrics.deletions})})]})]}),r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`PRs`}),r(`div`,{className:`mt-1 text-lg font-black tracking-tight text-slate-900 dark:text-white`,children:e.metrics.prCount.toLocaleString()})]}),r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Merged`}),r(`div`,{className:`mt-1 text-lg font-black tracking-tight text-slate-900 dark:text-white`,children:e.metrics.mergedCount.toLocaleString()})]})]})]}),r(`div`,{className:`grid grid-cols-4 gap-4 lg:hidden`,children:[r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Code Churn`}),r(`div`,{className:`mt-1 flex items-center gap-3 text-lg font-black tracking-tight text-slate-900 dark:text-white`,children:[n.toLocaleString(),r(`div`,{className:`w-16 h-1.5`,children:r(pt,{insertions:e.metrics.insertions,deletions:e.metrics.deletions})})]})]}),r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`PRs`}),r(`div`,{className:`mt-1 text-lg font-black tracking-tight text-slate-900 dark:text-white`,children:e.metrics.prCount.toLocaleString()})]}),r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Merged`}),r(`div`,{className:`mt-1 text-lg font-black tracking-tight text-slate-900 dark:text-white`,children:e.metrics.mergedCount.toLocaleString()})]})]}),r(`div`,{className:`flex flex-col gap-2.5`,children:[r(pt,{insertions:e.metrics.insertions,deletions:e.metrics.deletions}),r(`div`,{className:`h-1 rounded-full bg-black/[0.04] dark:bg-white/[0.05]`,children:r(`div`,{className:`h-1 rounded-full bg-emerald-500/60 transition-all duration-500`,style:{width:`${Math.min(100,Math.max(a>0?3:0,a))}%`}})}),r(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[r(`div`,{className:`flex flex-wrap gap-2`,children:[r(J,{icon:He,label:`Insertions`,value:`+${e.metrics.insertions.toLocaleString()}`,tone:`border-emerald-500/16 bg-emerald-500/8 text-emerald-600 dark:text-emerald-400`}),r(J,{icon:Ve,label:`Deletions`,value:`-${e.metrics.deletions.toLocaleString()}`,tone:`border-rose-500/16 bg-rose-500/8 text-rose-600 dark:text-rose-400`}),r(J,{icon:x,label:`Files`,value:e.metrics.filesChanged.toLocaleString(),tone:`border-cyan-500/16 bg-cyan-500/8 text-cyan-600 dark:text-cyan-400`}),r(J,{icon:pe,label:`PRs`,value:e.metrics.prCount.toLocaleString(),tone:`border-amber-500/16 bg-amber-500/8 text-amber-600 dark:text-amber-400`}),r(J,{icon:me,label:`Merged`,value:e.metrics.mergedCount.toLocaleString(),tone:`border-indigo-500/16 bg-indigo-500/8 text-indigo-600 dark:text-indigo-400`})]}),r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.14em] text-slate-400`,children:[W(i),` of churn`]})]})]})]})},e.id)}),v.length<h.length?r(`div`,{ref:y,className:`rounded-2xl border border-dashed border-black/[0.08] px-4 py-4 text-center text-[11px] font-bold uppercase tracking-[0.16em] text-slate-400 dark:border-white/[0.08]`,children:`Loading more telemetry lanes...`}):null]})})]})})},Pn=({gitStats:e})=>{let[t,i]=l(`tasks`),a=n(()=>{let t=e.buckets.map(e=>e.metrics.insertions+e.metrics.deletions);return t.some(e=>e>0)?t:Array(Math.max(e.buckets.length,7)).fill(0)},[e.buckets]),o=n(()=>{let t=e.buckets.map(e=>e.metrics.prCount);return t.some(e=>e>0)?t:Array(Math.max(e.buckets.length,7)).fill(0)},[e.buckets]),s=n(()=>{let t=e.buckets.map(e=>e.metrics.mergedCount);return t.some(e=>e>0)?t:Array(Math.max(e.buckets.length,7)).fill(0)},[e.buckets]);if(!e.totals.insertions&&!e.totals.deletions&&!e.totals.filesChanged&&!e.totals.prCount&&!e.totals.mergedCount&&!e.tasks.length&&!e.sprints.length)return r(`div`,{className:`rounded-[2rem] border border-dashed border-black/[0.08] px-8 py-16 text-center text-sm text-slate-400 dark:border-white/[0.08]`,children:`No git telemetry available in this window.`});let c=[{id:`tasks`,label:`Task Leaderboard`,icon:m},{id:`sprints`,label:`Sprint Leaderboard`,icon:ze}];return r(`div`,{className:`flex flex-col gap-6`,children:[r(`section`,{className:`grid grid-cols-1 gap-5 lg:grid-cols-3`,children:[r(ut,{label:`Code Churn`,value:(e.totals.insertions+e.totals.deletions).toLocaleString(),detail:`+${e.totals.insertions.toLocaleString()} insertions · -${e.totals.deletions.toLocaleString()} deletions`,accentHex:`#10B981`,hoverTint:`group-hover:bg-emerald-500/[0.03]`,sparkline:a,signalLabel:`Lines`}),r(ut,{label:`Pull Requests`,value:e.totals.prCount.toLocaleString(),detail:`${e.totals.filesChanged.toLocaleString()} files changed across ${e.totals.prCount.toLocaleString()} PRs`,accentHex:`#F59E0B`,hoverTint:`group-hover:bg-amber-500/[0.03]`,sparkline:o,signalLabel:`Volume`}),r(ut,{label:`Merges`,value:e.totals.mergedCount.toLocaleString(),detail:`${e.totals.mergedCount.toLocaleString()} PRs merged successfully in this window`,accentHex:`#6366F1`,hoverTint:`group-hover:bg-indigo-500/[0.03]`,sparkline:s,signalLabel:`Confirmed`})]}),r(`div`,{className:`flex gap-1 self-start rounded-2xl border border-black/[0.05] bg-white/68 p-1 dark:border-white/[0.05] dark:bg-void-900/35`,children:c.map(e=>{let n=e.icon,a=t===e.id;return r(`button`,{type:`button`,onClick:()=>i(e.id),"aria-pressed":a,className:`inline-flex items-center gap-2 rounded-xl px-4 py-2 text-[11px] font-bold uppercase tracking-[0.18em] transition-all ${a?`bg-slate-900 text-white shadow-sm dark:bg-white dark:text-void-900`:`text-slate-500 hover:text-slate-900 dark:text-slate-400 dark:hover:text-white`}`,children:[r(n,{className:`h-3.5 w-3.5`,strokeWidth:2.2}),e.label]},e.id)})}),r(`div`,{children:t===`tasks`?r(Nn,{title:`Task Git Telemetry`,eyebrow:`Task Git Ledger`,items:e.tasks,kindLabel:`tasks`,emptyLabel:`No task git telemetry landed in this window yet.`}):r(Nn,{title:`Sprint Git Telemetry`,eyebrow:`Sprint Git Ledger`,items:e.sprints,kindLabel:`sprints`,emptyLabel:`No sprint git telemetry active in this window.`})})]})};c();var Fn=({stats:e})=>{let[t,n]=l(`tasks`);return r(`div`,{className:`flex flex-col gap-6`,children:[r(`div`,{className:`flex gap-1 self-start rounded-2xl border border-black/[0.05] bg-white/68 p-1 dark:border-white/[0.05] dark:bg-void-900/35`,children:[{id:`tasks`,label:`Task Telemetry`,icon:m,badge:`${e.tasks.length} tasks`},{id:`sprints`,label:`Sprint Telemetry`,icon:Be,badge:`${e.sprints.length} sprints`},...e.git?[{id:`git`,label:`Git Telemetry`,icon:se,badge:null}]:[]].map(e=>{let i=e.icon,a=t===e.id;return r(`button`,{type:`button`,onClick:()=>n(e.id),"aria-pressed":a,className:`inline-flex items-center gap-2 rounded-xl px-4 py-2 text-[11px] font-bold uppercase tracking-[0.18em] transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-signal-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-void-900 ${a?`bg-slate-900 text-white shadow-sm dark:bg-white dark:text-void-900`:`text-slate-500 hover:text-slate-900 dark:text-slate-400 dark:hover:text-white`}`,children:[r(i,{className:`h-3.5 w-3.5`,strokeWidth:2.2}),e.label,e.badge===null?null:r(`span`,{className:`px-2 py-0.5 text-[9px] font-black tracking-wider ${q} ${a?`bg-white/20 text-white dark:bg-void-900/15 dark:text-void-900`:`text-slate-500 dark:text-slate-400`}`,children:e.badge})]},e.id)})}),t===`git`&&e.git?r(Pn,{gitStats:e.git}):t===`sprints`?r(Mn,{title:`Sprint Telemetry`,eyebrow:`Sprint Ledger`,items:e.sprints,kindLabel:`sprints`,emptyLabel:`No sprint telemetry active in this window.`}):r(Mn,{title:`Task Telemetry`,eyebrow:`Task Ledger`,items:e.tasks,kindLabel:`tasks`,emptyLabel:`No task telemetry landed in this window yet.`})]})},In={trend:`Time-series and throughput analysis`,composition:`Token utilization and semantic distribution`,models:`Performance and latency breakdown`,reliability:`Telemetry coverage and fallback analysis`,ledgers:`Operational logs and scope execution`,system:`Debug log and system health`},Ln={trend:`Select a time window to see Trend data.`,composition:`Select a time window to see Composition data.`,models:`Select a time window to see Models data.`,reliability:`Select a time window to see Reliability data.`,ledgers:`Select a time window to see Ledgers data.`,system:`Select a time window to see System data.`},Rn=({stats:e,loading:t,error:n,refresh:i,projectId:a,planningUsage:o,providerSegments:s,tokenSegments:c,sourceSegments:l,visualMode:u,chartState:d})=>{let f=e=>r(`div`,{role:`status`,"aria-live":`polite`,className:`${G} flex flex-col items-center justify-center py-20 text-center`,children:[r(`div`,{className:`mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-[1.25rem] border border-amber-500/20 bg-amber-500/10 text-amber-600 dark:text-amber-400`,children:r(M,{className:`h-8 w-8`,strokeWidth:2})}),r(`div`,{className:`text-base font-bold text-slate-900 dark:text-white`,children:`Waiting for Telemetry`}),r(`div`,{className:`mt-2 text-sm text-slate-500 dark:text-slate-400`,children:Ln[e]})]});return r(`div`,{className:`animate-in fade-in duration-200`,children:[r(`div`,{className:`mb-6`,children:r(`div`,{className:`inline-flex items-center gap-2 rounded-full border border-amber-500/20 bg-amber-500/10 px-3 py-1.5 text-[10px] font-bold uppercase tracking-[0.2em] text-amber-600 dark:text-amber-400`,children:[r(M,{className:`h-3 w-3`,strokeWidth:2.5}),In[u]]})}),u===`trend`?e?r(Lt,{stats:e,loading:t,error:n,refresh:i,planningUsage:o,chartState:d}):f(`trend`):null,u===`composition`?e?r(`div`,{className:t?`pointer-events-none opacity-60 transition-opacity motion-reduce:transition-none`:`transition-opacity motion-reduce:transition-none`,children:r(Rt,{stats:e,providerSegments:s,tokenSegments:c})}):f(`composition`):null,u===`models`?e?r(`div`,{className:t?`pointer-events-none opacity-60 transition-opacity motion-reduce:transition-none`:`transition-opacity motion-reduce:transition-none`,children:r(On,{stats:e})}):f(`models`):null,u===`reliability`?e?r(`div`,{className:t?`pointer-events-none opacity-60 transition-opacity motion-reduce:transition-none`:`transition-opacity motion-reduce:transition-none`,children:r(zt,{stats:e,providerSegments:s,sourceSegments:l})}):f(`reliability`):null,u===`ledgers`?e?r(`section`,{className:`space-y-6 ${t?`pointer-events-none opacity-60 transition-opacity motion-reduce:transition-none`:`transition-opacity motion-reduce:transition-none`}`,children:[r(`div`,{className:`${G} rounded-[2.2rem] p-6 md:p-7`,children:r(gt,{icon:M,eyebrow:`Telemetry Ledgers`,title:`Task and sprint telemetry`,description:`Deep operational ledgers for execution scopes, redesigned around search, recency, sort controls, and richer usage breakdowns.`})}),r(Fn,{stats:e})]}):f(`ledgers`):null,u===`system`?e?r(dn,{projectId:a}):f(`system`):null]},u)},zn={taskCoding:`#3B82F6`,ciFix:`#F59E0B`,qaReview:`#8B5CF6`,planning:`#14B8A6`,wallRuntime:`#64748B`},Q=({label:e,value:t,detail:n,accentHex:i,sparkline:a,signalLabel:o})=>{let s=`default`;return i===zn.taskCoding?s=`cyan`:i===zn.ciFix?s=`amber`:i===zn.qaReview?s=`emerald`:i===zn.planning?s=`signal`:i===zn.wallRuntime&&(s=`default`),r(fe,{title:e,value:t,trend:r(`div`,{className:`px-3 py-1 text-[10px] font-bold uppercase tracking-[0.16em] text-slate-500 dark:text-slate-400 ${q}`,children:o}),accent:s,children:[r(N,{points:a,color:i}),r(`div`,{className:`sr-only`,children:[e,` metric sparkline showing activity across the selected window.`]}),r(`div`,{className:`mt-4 flex flex-col gap-1 border-t border-black/[0.06] pt-4 dark:border-white/[0.06]`,children:r(`div`,{className:`text-xs font-medium text-slate-500 dark:text-slate-400`,children:n})})]})};function $(e,t){if(!e)return[0,0,0,0,0,0,0];let n=e.chartSeries?.find(e=>e.id===t);return n&&n.data&&n.data.length>0?n.data:Array(Math.max(e.buckets?.length||7,7)).fill(0)}function Bn(e,t){return $(e,`provider_${t}`)}function Vn(e,t){return $(e,`model_${t}`)}function Hn(e){return{taskCodingTokens:$(e,`purpose_invocations_task_coding`),ciFixTokens:$(e,`purpose_invocations_ci_fix`),qaReviewTokens:$(e,`purpose_invocations_qa_review`),planningTokens:$(e,`purpose_invocations_planning`),wallRuntime:e&&e.buckets&&e.buckets.length>0?e.buckets.map(e=>(e.usage.wallTimeMs||0)/36e5):Array(Math.max(e?.buckets?.length||7,7)).fill(0),coreInputTokens:$(e,`core_input_tokens`),coreOutputTokens:$(e,`core_output_tokens`),gitInsertions:$(e,`git_insertions`),gitDeletions:$(e,`git_deletions`),gitFilesChanged:$(e,`git_files_changed`),gitPrs:$(e,`git_prs`),gitMerges:$(e,`git_merges`)}}c(),a();var Un=({mode:t,stats:n,providerSegments:a,tokenSegments:s,sourceSegments:c})=>{let l=i(null),u=ee(),d=i(t);if(o(()=>{!l.current||u||d.current===t||(U.killTweensOf(l.current.children),U.fromTo(l.current.children,{opacity:0,y:H.fieldStagger.yStart},{opacity:1,y:0,duration:H.fieldStagger.duration,stagger:H.fieldStagger.stagger,ease:H.fieldStagger.ease,clearProps:`all`}),d.current=t)},[t,u]),!n)return null;let f=Hn(n),p=()=>{let t=n.purposes.find(e=>e.id===`task_coding`)?.usage.totalTokens||0,i=n.purposes.find(e=>e.id===`ci_fix`)?.usage.totalTokens||0,a=n.purposes.find(e=>e.id===`qa_review`)?.usage.totalTokens||0,o=n.purposes.find(e=>e.id===`planning`)?.usage.totalTokens||0,s=n.usage.wallTimeMs;return r(e,{children:[r(Q,{label:`Task Coding`,value:D(t),detail:`Total tokens utilized for core code generation tasks`,accentHex:zn.taskCoding,sparkline:f.taskCodingTokens,signalLabel:`Tokens`}),r(Q,{label:`CI Fix`,value:D(i),detail:`Total tokens consumed by CI/CD remediation workflows`,accentHex:zn.ciFix,sparkline:f.ciFixTokens,signalLabel:`Tokens`}),r(Q,{label:`QA Review`,value:D(a),detail:`Total tokens used during code review and quality audits`,accentHex:zn.qaReview,sparkline:f.qaReviewTokens,signalLabel:`Tokens`}),r(Q,{label:`Planning`,value:D(o),detail:`Total tokens allocated to project and sprint planning`,accentHex:zn.planning,sparkline:f.planningTokens,signalLabel:`Tokens`}),r(Q,{label:`Wall Runtime`,value:R(s),detail:`Task-run wall time in the same window, including completed sprint work.`,accentHex:zn.wallRuntime,sparkline:f.wallRuntime,signalLabel:`Task Scope`})]})},m=()=>{let t=a.length,i=a.length>0?a[0]:null;return r(e,{children:[r(Q,{label:`Active Providers`,value:String(t),detail:`Total number of unique model providers utilized in this window`,accentHex:`#10B981`,sparkline:[],signalLabel:`Composition`}),r(Q,{label:`Top Provider`,value:i?i.label:`None`,detail:i?`Leading provider by token volume: ${D(i.value)}`:`No provider data`,accentHex:`#0EA5E9`,sparkline:[],signalLabel:`Composition`}),r(Q,{label:`Input Tokens`,value:D(n.usage.inputTokens||0),detail:`Total number of input tokens processed`,accentHex:`#00E0A0`,sparkline:f.coreInputTokens,signalLabel:`Composition`}),r(Q,{label:`Output Tokens`,value:D(n.usage.outputTokens||0),detail:`Total number of output tokens generated`,accentHex:`#FFB800`,sparkline:f.coreOutputTokens,signalLabel:`Composition`}),r(Q,{label:`Merge Conflicts`,value:String(n.mergeConflictCount||0),detail:`Total number of merge conflicts encountered`,accentHex:`#EF4444`,sparkline:[],signalLabel:`Composition`})]})},h=()=>r(e,{children:(n.providers?.slice(0,4)||[]).map((e,t)=>{let i=[`#10B981`,`#0EA5E9`,`#F59E0B`,`#8B5CF6`];return r(Q,{label:e.label||e.id,value:D(e.usage?.totalTokens||0),detail:`Total tokens processed by ${e.label||e.id}`,accentHex:i[t%i.length],sparkline:Bn(n,e.id),signalLabel:`Providers`},e.id)})}),g=()=>{let t=n.models||[],i=t.length>0?t[0]:null,a=gn(t),o=n.usage.inputTokens+n.usage.cachedInputTokens,s=o>0?n.usage.cachedInputTokens/o*100:0,c=(n.statusCounts?.completed||0)+(n.statusCounts?.failed||0)+(n.statusCounts?.cancelled||0),l=c>0?n.statusCounts.completed/c:null;return r(e,{children:[r(Q,{label:`Active Models`,value:String(t.length),detail:`Distinct models that produced telemetry in this window`,accentHex:`#8B5CF6`,sparkline:[],signalLabel:`Models`}),r(Q,{label:`Top Model`,value:i?i.label:`None`,detail:i?`Leading model by volume: ${D(i.usage.totalTokens)} tokens`:`No model telemetry yet`,accentHex:`#00E0A0`,sparkline:i?Vn(n,i.id):[],signalLabel:`Models`}),r(Q,{label:`Success Rate`,value:pn(l),detail:`Completed share of all finished invocations in this window`,accentHex:`#10B981`,sparkline:[],signalLabel:`Reliability`}),r(Q,{label:`Median Latency`,value:n.duration&&n.duration.sampleCount>0?R(n.duration.p50Ms):`—`,detail:n.duration&&n.duration.sampleCount>0?`p95 ${R(n.duration.p95Ms)} across ${n.duration.sampleCount.toLocaleString()} calls`:`No finished invocations yet`,accentHex:`#0EA5E9`,sparkline:[],signalLabel:`Latency`}),r(Q,{label:`Cache Hit Rate`,value:`${s.toFixed(1)}%`,detail:a.bestCache?`Best: ${a.bestCache.model.label} at ${a.bestCache.value}`:`Cached input share of all prompt tokens`,accentHex:`#FFB800`,sparkline:[],signalLabel:`Efficiency`})]})},_=()=>r(e,{children:[r(Q,{label:`Insertions`,value:D(n.git?.totals?.insertions||0),detail:`Lines added across repositories`,accentHex:`#10B981`,sparkline:f.gitInsertions,signalLabel:`Git Activity`}),r(Q,{label:`Deletions`,value:D(n.git?.totals?.deletions||0),detail:`Lines removed across repositories`,accentHex:`#EF4444`,sparkline:f.gitDeletions,signalLabel:`Git Activity`}),r(Q,{label:`Pull Requests`,value:D(n.git?.totals?.prCount||0),detail:`Total PRs opened`,accentHex:`#0EA5E9`,sparkline:f.gitPrs,signalLabel:`Git Activity`}),r(Q,{label:`Merged Commits`,value:D(n.git?.totals?.mergedCount||0),detail:`Total commits merged to main`,accentHex:`#8B5CF6`,sparkline:f.gitMerges,signalLabel:`Git Activity`}),r(Q,{label:`Files Changed`,value:D(n.git?.totals?.filesChanged||0),detail:`Files modified across repositories`,accentHex:`#3B82F6`,sparkline:f.gitFilesChanged,signalLabel:`Git Activity`})]}),v=null;return t===`trend`?v=p():t===`composition`?v=m():t===`models`?v=g():t===`reliability`?v=h():t===`ledgers`?v=_():t===`system`&&(v=null),r(`section`,{ref:l,className:`grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 gap-5 w-full`,"data-testid":`top-cards-renderer`,children:v})},Wn={pageRoot:`_pageRoot_1q9vu_1`,purposeSection:`_purposeSection_1q9vu_5`,purposeHeader:`_purposeHeader_1q9vu_13`,purposeTitle:`_purposeTitle_1q9vu_17`,purposeDescription:`_purposeDescription_1q9vu_25`,purposeCards:`_purposeCards_1q9vu_33`};c(),a();var Gn=()=>{let t=i(null),n=i(!1),{selectedProject:a}=T();console.log(`DEBUG: selectedProject is:`,a);let s=ee(),{stats:c,loading:l,error:u,refresh:d,usage:f,tokenSeries:p,activeTimeSeries:m,wallTimeSeries:h,planningUsage:g,activeQuery:_,customFrom:v,setCustomFrom:y,customTo:b,setCustomTo:x,visualMode:S,setVisualMode:w,chartState:E,providerSegments:D,sourceSegments:O,tokenSegments:k,applyPresetWindow:A,applyCustomRange:te,completionConfidence:j}=We(a?.id||null);return o(()=>{!t.current||s||!c||n.current||(n.current=!0,U.killTweensOf(t.current.children),U.fromTo(t.current.children,{opacity:0,y:28},{opacity:1,y:0,duration:.8,stagger:.08,ease:`power4.out`}))},[c,s]),r(ce,{containerRef:t,padding:`stats`,className:`gap-8 xl:gap-12 ${Wn.pageRoot}`,role:`region`,"aria-label":`Statistics`,children:[r(Wt,{selectedProject:a,stats:c,activeQuery:_,customFrom:v,customTo:b,applyPresetWindow:A,setCustomFrom:y,setCustomTo:x,applyCustomRange:te,visualMode:S,setVisualMode:w}),a?l&&!c?r(`div`,{className:G,role:`status`,children:r(le,{icon:r(ue,{className:`h-8 w-8 animate-spin`}),title:`Loading telemetry field`,description:`Gathering statistics for ${a.name}...`})}):u&&!c?r(`div`,{className:G,children:r(le,{icon:r(ge,{className:`h-8 w-8 text-rose-500`}),title:u,primaryAction:r(we,{variant:`danger`,size:`sm`,onClick:()=>d(),children:`Retry`})})}):c?r(e,{children:[r(Un,{mode:S,stats:c,providerSegments:D,tokenSegments:k,sourceSegments:O}),r(Rn,{stats:c,loading:l,error:u,refresh:d,projectId:a?.id||``,planningUsage:g,providerSegments:D,tokenSegments:k,sourceSegments:O,visualMode:S,setVisualMode:w,chartState:E})]}):null:r(`div`,{className:G,children:r(le,{icon:r(C,{className:`h-8 w-8`}),title:`Select a project`,description:`Choose a project to load telemetry and execution history.`})})]})};export{Gn as StatsPage};
+import{O as e,S as t,_ as n,a as r,h as i,j as a,v as o,w as s,x as c,y as l}from"./vendor-Dl0fhdV0.js";import{t as u}from"./createLucideIcon-BshUfn15.js";import{i as d,n as f,r as p,t as m}from"./list-todo-DJl-wxIV.js";import{t as h}from"./arrow-up-right-CzhTwjos.js";import{n as g,t as _}from"./message-square-DiaHza4H.js";import{n as v,t as y}from"./sliders-horizontal-6rJeI8Qo.js";import{n as b,r as x,t as S}from"./user-DZm9qlWc.js";import{t as C}from"./folder-CpXTXAeA.js";import{t as w}from"./gauge-CRJ-5Qy4.js";import{r as T}from"./project-data-BSCsMQnj.js";import{t as ee}from"./use-reduced-motion-Dxh6NCDM.js";import{Ai as E,Bt as D,Ci as O,Ct as k,Di as A,Dr as te,Er as j,Ft as ne,Gr as M,Gt as N,Ht as P,It as F,Lt as I,Mt as L,Nt as re,Or as ie,Pi as ae,Pt as oe,Qr as se,Rt as R,Sr as z,St as ce,Tr as B,Tt as le,Ut as V,Vr as ue,Vt as de,Wt as fe,Xr as pe,Zr as me,_i as he,_r as ge,ai as _e,cn as ve,di as ye,fi as be,hi as xe,hr as Se,ki as Ce,kt as we,li as Te,mr as Ee,oi as De,or as H,pr as U,vi as Oe,vr as ke,wi as Ae,xr as je,zt as W}from"./index-DdNzHP9F.js";import{n as Me,t as Ne}from"./invocation-api-Cb2lPef-.js";import{n as Pe}from"./list-window-BtcrCL8y.js";var Fe=u(`arrow-down-right`,[[`path`,{d:`m7 7 10 10`,key:`1fmybs`}],[`path`,{d:`M17 7v10H7`,key:`6fjiku`}]]),Ie=u(`chart-pie`,[[`path`,{d:`M21 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.95v8a1 1 0 0 0 1 1z`,key:`pzmjnu`}],[`path`,{d:`M21.21 15.89A10 10 0 1 1 8 2.83`,key:`k2fpak`}]]),Le=u(`circle-minus`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M8 12h8`,key:`1wcyev`}]]),Re=u(`clipboard`,[[`rect`,{width:`8`,height:`4`,x:`8`,y:`2`,rx:`1`,ry:`1`,key:`tgr4d6`}],[`path`,{d:`M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2`,key:`116196`}]]),ze=u(`flag`,[[`path`,{d:`M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528`,key:`1jaruq`}]]),Be=u(`rows-3`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}],[`path`,{d:`M21 9H3`,key:`1338ky`}],[`path`,{d:`M21 15H3`,key:`9uk58r`}]]),Ve=u(`square-minus`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}],[`path`,{d:`M8 12h8`,key:`1wcyev`}]]),He=u(`square-plus`,[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,key:`afitv7`}],[`path`,{d:`M8 12h8`,key:`1wcyev`}],[`path`,{d:`M12 8v8`,key:`napkw2`}]]);c();function Ue(e,t){let[n,r]=l(`composition`),[a,o]=l(null),[c,u]=l(null),[d,f]=l(null),[p,m]=l(null),h=i(e),[g,_]=l(()=>{try{let t=`jules_stats_enabled_series_${e||`default`}`,n=localStorage.getItem(t);if(n)return JSON.parse(n)}catch{}return{}});return s(()=>{if(Object.keys(g).length>0&&h.current===e)try{localStorage.setItem(`jules_stats_enabled_series_${e||`default`}`,JSON.stringify(g))}catch{}},[g,e]),s(()=>{h.current=e;try{let t=`jules_stats_enabled_series_${e||`default`}`,n=localStorage.getItem(t);_(n?JSON.parse(n):{})}catch{}},[e]),s(()=>{t&&(_(e=>{let n=!1,r={...e},i=0,a=new Set(t.chartSeries.map(e=>e.id));for(let e of Object.keys(r))a.has(e)||(delete r[e],n=!0);for(let e of t.chartSeries)r[e.id]===void 0&&(r[e.id]=e.defaultEnabled,n=!0),r[e.id]&&i++;return i===0&&t.chartSeries.length>0&&(r[t.chartSeries[0].id]=!0,n=!0),n?r:e}),o(e=>{if(!e)return null;let n=Math.max(0,t.buckets.length-1);return e.start>n||e.end>n?{start:Math.min(e.start,n),end:Math.min(e.end,n)}:e}))},[t]),s(()=>{o(null),u(null),f(null),m(null)},[e,t?`${t.range.from}-${t.range.to}-${t.range.resolution}`:null]),{visualMode:n,setVisualMode:r,zoomRange:a,setZoomRange:o,hoveredIndex:c,setHoveredIndex:u,dragStartIndex:d,setDragStartIndex:f,dragCurrentIndex:p,setDragCurrentIndex:m,enabledSeries:g,setEnabledSeries:_}}c();function We(e){let[t,r]=l({window:`7d`}),[i,a]=l(()=>{let e=new Date;return e.setDate(e.getDate()-6),e.toISOString().slice(0,10)}),[o,s]=l(()=>new Date().toISOString().slice(0,10)),{stats:c,loading:u,error:d,refresh:f}=k(e,t),p=Ue(e,c||null),m=c?.usage||L,h=n(()=>{let e=oe(c?.buckets||[],e=>e.usage.totalTokens),t=oe(c?.buckets||[],e=>e.usage.activeTimeMs/1e3),n=oe(c?.buckets||[],e=>e.usage.wallTimeMs/1e3),r=c?.purposes.find(e=>e.id===`planning`)||null,{providerSegments:i,sourceSegments:a,tokenSegments:o}=ne(c,m),s=`Unavailable`;return c?m.reportedInvocationCount>0&&m.estimatedInvocationCount===0?s=`Provider reported`:m.reportedInvocationCount>0&&m.estimatedInvocationCount>0?s=`Mixed reported + fallback`:m.estimatedInvocationCount>0&&(s=`Estimated fallback`):s=`No telemetry`,{tokenSeries:e,activeTimeSeries:t,wallTimeSeries:n,planningUsage:r,providerSegments:i,sourceSegments:a,tokenSegments:o,completionConfidence:s}},[c,m]);return{stats:c,loading:u,error:d,refresh:f,usage:m,tokenSeries:h.tokenSeries,activeTimeSeries:h.activeTimeSeries,wallTimeSeries:h.wallTimeSeries,planningUsage:h.planningUsage,activeQuery:t,customFrom:i,setCustomFrom:a,customTo:o,setCustomTo:s,visualMode:p.visualMode,setVisualMode:p.setVisualMode,chartState:p,providerSegments:h.providerSegments,sourceSegments:h.sourceSegments,tokenSegments:h.tokenSegments,applyPresetWindow:e=>{r({window:e})},applyCustomRange:()=>{!i||!o||r({window:`custom`,from:i,to:o})},completionConfidence:h.completionConfidence}}function Ge(e,t){if(e.length<2)return{current:e.reduce((e,n)=>e+t(n),0),previous:0,changePercent:null,direction:`flat`};let n=Math.floor(e.length/2),r=e.slice(0,n).reduce((e,n)=>e+t(n),0),i=e.slice(n).reduce((e,n)=>e+t(n),0);return{current:i,previous:r,changePercent:r>0?(i-r)/r*100:null,direction:i>r?`up`:i<r?`down`:`flat`}}function Ke(e){if(e.changePercent===null)return e.current>0?`new`:`—`;let t=Math.round(Math.abs(e.changePercent));return t===0?`flat`:`${e.changePercent>0?`+`:`-`}${t}%`}function qe(e){if(e.length===0)return``;if(e.length===1){let t=e[0];return`M ${t.x.toFixed(2)} ${t.y.toFixed(2)}`}return e.map((t,n)=>{if(n===0)return`M ${t.x.toFixed(2)} ${t.y.toFixed(2)}`;let r=e[n-1],i=t.x-r.x;return`C ${(r.x+i*.35).toFixed(2)} ${r.y.toFixed(2)} ${(t.x-i*.35).toFixed(2)} ${t.y.toFixed(2)} ${t.x.toFixed(2)} ${t.y.toFixed(2)}`}).join(` `)}function Je(e,t,n){if(e.length===0)return``;let r=e[0],i=e[e.length-1];return`${qe(e)} L ${i.x.toFixed(2)} ${(t-n).toFixed(2)} L ${r.x.toFixed(2)} ${(t-n).toFixed(2)} Z`}function Ye(e,t,n,r){let i=e.length>0?e:[0],a=Math.max(...i,1),o=Math.max(1,t-r*2),s=Math.max(1,n-r*2);return i.map((e,c)=>({x:i.length===1?t/2:r+c/(i.length-1)*o,y:n-r-e/a*s}))}function Xe(e,t,n,r){let i=(r-90)*Math.PI/180;return{x:e+n*Math.cos(i),y:t+n*Math.sin(i)}}function Ze(e,t,n,r,i,a){let o=Xe(e,t,n,i),s=Xe(e,t,n,a),c=Xe(e,t,r,a),l=Xe(e,t,r,i),u=+(a-i>180);return[`M ${o.x.toFixed(2)} ${o.y.toFixed(2)}`,`A ${n} ${n} 0 ${u} 1 ${s.x.toFixed(2)} ${s.y.toFixed(2)}`,`L ${c.x.toFixed(2)} ${c.y.toFixed(2)}`,`A ${r} ${r} 0 ${u} 0 ${l.x.toFixed(2)} ${l.y.toFixed(2)}`,`Z`].join(` `)}function Qe(e){let t=e.reduce((e,t)=>e+Math.max(0,t.value),0);if(t<=0)return[];let n=-90;return e.filter(e=>e.value>0).map(e=>{let r=e.value/t*360,i=n,a=n+r;return n=a,{...e,share:e.value/t*100,startAngle:i,endAngle:a,midAngle:i+r/2,path:Ze(120,120,104,58,i,a)}})}new Intl.DateTimeFormat(`en-US`,{month:`short`,day:`numeric`,timeZone:`UTC`});var $e=new Intl.DateTimeFormat(`en-US`,{month:`short`,day:`numeric`,timeZone:`UTC`});function et(e){let t=new Date(e);return Number.isNaN(t.getTime())?e:`${t.getHours()}:00`}function tt(e){let t=new Date(e);return Number.isNaN(t.getTime())?e:`${t.getHours().toString().padStart(2,`0`)}:${t.getMinutes().toString().padStart(2,`0`)}`}function nt(e){let t=new Date(e);return Number.isNaN(t.getTime())?e:$e.format(t)}function rt(e){if(!e)return 0;let t=new Date(e).getTime();return Number.isNaN(t)?0:t}function it(e){return e.resolution===`5min`?3:e.resolution===`hour`?e.bucketCount>18?3:1:e.resolution===`week`?e.bucketCount>24?4:2:e.bucketCount>20?5:1}function at(e,t){return t.resolution===`5min`?tt(e.bucketStart):t.resolution===`hour`?et(e.bucketStart):t.resolution===`week`?e.label:nt(e.bucketStart)}function ot(e,t){switch(t){case`tokens`:return e.usage.totalTokens;case`active`:return e.usage.activeTimeMs;case`input`:return e.usage.inputTokens;case`output`:return e.usage.outputTokens;case`name`:return e.label.toLowerCase();case`p50`:return e.duration?.p50Ms??0;case`p95`:return e.duration?.p95Ms??0;default:return rt(e.lastActivityAt)}}c();var G=`relative overflow-hidden rounded-[1.9rem] border border-black/[0.06] bg-white/80 p-6 shadow-[0_2px_20px_rgba(0,0,0,0.04)] backdrop-blur-sm dark:border-white/[0.06] dark:bg-void-800/75 dark:shadow-[0_4px_24px_rgba(0,0,0,0.2)]`,K=`rounded-[1.45rem] border border-black/[0.05] bg-white/68 p-4 shadow-[0_10px_24px_rgba(15,23,42,0.045)] backdrop-blur-xl dark:border-white/[0.05] dark:bg-void-900/35 dark:shadow-[0_12px_28px_rgba(0,0,0,0.2)]`,q=`rounded-full border border-black/[0.06] bg-white/70 shadow-[0_1px_3px_rgba(0,0,0,0.04)] backdrop-blur-xl dark:border-white/[0.06] dark:bg-void-900/55 dark:shadow-[0_1px_3px_rgba(0,0,0,0.18)]`,st=`h-11 rounded-2xl border border-black/[0.06] bg-white/72 px-4 text-sm text-slate-700 outline-none transition-colors focus:border-signal-500 dark:border-white/[0.06] dark:bg-void-900/55 dark:text-slate-200`,ct=`group relative overflow-hidden rounded-[1.75rem] border border-black/[0.06] bg-white/80 p-6 shadow-[0_8px_32px_rgba(15,23,42,0.05)] backdrop-blur-sm transition-all duration-300 hover:-translate-y-1 hover:border-amber-500/30 hover:shadow-[0_18px_48px_rgba(255,184,0,0.14)] dark:border-white/[0.06] dark:bg-void-800/75 dark:shadow-[0_12px_32px_rgba(0,0,0,0.25)] dark:hover:border-amber-500/40 dark:hover:bg-void-800/80`,lt=({value:e,onChange:t})=>r(`div`,{role:`group`,"aria-label":`Visual Modes`,className:`inline-flex p-1 ${q}`,children:[{id:`trend`,label:`Trend`,icon:A},{id:`composition`,label:`Composition`,icon:Ie},{id:`models`,label:`Models`,icon:De},{id:`reliability`,label:`Providers`,icon:j},{id:`ledgers`,label:`Ledgers`,icon:M},{id:`system`,label:`System`,icon:z}].map(n=>{let i=n.icon;return r(`button`,{type:`button`,onClick:()=>t(n.id),"aria-pressed":e===n.id,className:`inline-flex items-center gap-2 rounded-full px-4 py-2 text-[10px] font-bold uppercase tracking-[0.2em] transition-all ${e===n.id?`bg-amber-500 text-white shadow-[0_2px_8px_rgba(255,184,0,0.35)] dark:bg-amber-500 dark:text-white`:`text-slate-500 hover:text-slate-900 dark:text-slate-400 dark:hover:text-white`}`,children:[r(i,{className:`h-3.5 w-3.5`,strokeWidth:2}),n.label]},n.id)})}),ut=({label:e,value:t,detail:n,accentHex:i,sparkline:a,signalLabel:o})=>r(fe,{title:e,value:t,trend:r(`div`,{className:`px-3 py-1 text-[10px] font-bold uppercase tracking-[0.16em] text-slate-500 dark:text-slate-400 ${q}`,children:o}),accent:i===`#00E0A0`?`signal`:i===`#FFB800`?`amber`:`cyan`,children:[r(N,{points:a,color:i}),r(`div`,{className:`mt-4 flex flex-col gap-1 border-t border-black/[0.06] pt-4 dark:border-white/[0.06]`,children:r(`div`,{className:`text-xs font-medium text-slate-500 dark:text-slate-400`,children:n})})]}),J=({icon:e,label:t,value:n,tone:i})=>r(`div`,{className:`group relative inline-flex items-center gap-2 overflow-hidden rounded-[14px] border px-3 py-1.5 shadow-[inset_0_1px_0_rgba(255,255,255,0.6),0_2px_8px_rgba(0,0,0,0.04)] backdrop-blur-md transition-all duration-300 hover:-translate-y-0.5 hover:shadow-[inset_0_1px_0_rgba(255,255,255,0.8),0_4px_12px_rgba(0,0,0,0.08)] dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.1),0_4px_12px_rgba(0,0,0,0.2)] ${i}`,children:[r(`div`,{className:`relative flex items-center gap-1.5 opacity-80 transition-opacity group-hover:opacity-100`,children:[r(e,{className:`h-3.5 w-3.5`,strokeWidth:2.5}),r(`span`,{className:`text-[10px] font-bold uppercase tracking-[0.16em]`,children:t})]}),r(`div`,{className:`relative text-[11px] font-black tracking-wide text-slate-900 drop-shadow-sm transition-all group-hover:drop-shadow-md dark:text-white`,children:typeof n==`number`?D(n):n})]});function dt(e){let t=(e||``).toLowerCase();return t.includes(`gemini`)?{icon:B,bg:`bg-indigo-500/10`,text:`text-indigo-600 dark:text-indigo-400`}:t.includes(`claude`)?{icon:Ce,bg:`bg-amber-500/10`,text:`text-amber-600 dark:text-amber-400`}:t.includes(`codex`)?{icon:z,bg:`bg-cyan-500/10`,text:`text-cyan-600 dark:text-cyan-400`}:t.includes(`jules`)?{icon:M,bg:`bg-signal-500/10`,text:`text-signal-600 dark:text-signal-400`}:t.includes(`qwen-code`)?{icon:Te,bg:`bg-violet-500/10`,text:`text-violet-600 dark:text-violet-400`}:t.includes(`opencode`)?{icon:se,bg:`bg-emerald-500/10`,text:`text-emerald-600 dark:text-emerald-400`}:t.includes(`antigravity`)?{icon:Ee,bg:`bg-orange-500/10`,text:`text-orange-600 dark:text-orange-400`}:{icon:E,bg:`bg-slate-500/10`,text:`text-slate-600 dark:text-slate-400`}}var ft=({input:e,cached:t,output:n,reasoning:i,total:a})=>{if(a<=0)return r(`div`,{className:`h-2 w-full rounded-full bg-black/[0.05] dark:bg-white/[0.05]`});let o=e/a*100,s=t/a*100,c=n/a*100,l=i/a*100;return r(`div`,{className:`flex h-2 w-full overflow-hidden rounded-full bg-black/[0.05] dark:bg-white/[0.05]`,children:[o>0&&r(`div`,{className:`h-full bg-signal-500 transition-all duration-500`,style:{width:`${o}%`},title:`Input: ${o.toFixed(1)}%`}),s>0&&r(`div`,{className:`h-full bg-cyan-500 transition-all duration-500`,style:{width:`${s}%`},title:`Cached: ${s.toFixed(1)}%`}),c>0&&r(`div`,{className:`h-full bg-amber-500 transition-all duration-500`,style:{width:`${c}%`},title:`Output: ${c.toFixed(1)}%`}),l>0&&r(`div`,{className:`h-full bg-rose-500 transition-all duration-500`,style:{width:`${l}%`},title:`Reasoning: ${l.toFixed(1)}%`})]})},pt=({insertions:e,deletions:t})=>{let n=e+t;if(n<=0)return r(`div`,{className:`h-2 w-full rounded-full bg-black/[0.05] dark:bg-white/[0.05]`});let i=e/n*100,a=t/n*100;return r(`div`,{className:`flex h-2 w-full overflow-hidden rounded-full bg-black/[0.05] dark:bg-white/[0.05]`,children:[i>0&&r(`div`,{className:`h-full bg-emerald-500 transition-all duration-500`,style:{width:`${i}%`},title:`Insertions: ${i.toFixed(1)}%`}),a>0&&r(`div`,{className:`h-full bg-rose-500 transition-all duration-500`,style:{width:`${a}%`},title:`Deletions: ${a.toFixed(1)}%`})]})},mt=({title:e,eyebrow:t,description:a,centerValue:s,centerLabel:c,segments:u})=>{let d=i(null),f=i(null),[p,m]=l(null),h=n(()=>Qe(u),[u]),g=p===null?null:h[p]||null;return o(()=>{if(!d.current||!f.current)return;let e=Array.from(d.current.querySelectorAll(`[data-donut-item]`)),t=Array.from(d.current.querySelectorAll(`[data-donut-slice]`)),n=U.timeline();return n.fromTo(f.current,{opacity:0,scale:.84,rotate:-14},{opacity:1,scale:1,rotate:0,duration:.85,ease:`power4.out`}),t.length>0&&n.fromTo(t,{opacity:0,scale:.86,transformOrigin:`50% 50%`},{opacity:1,scale:1,duration:.42,stagger:.05,ease:`power3.out`},`-=0.52`),e.length>0&&n.fromTo(e,{opacity:0,y:16},{opacity:1,y:0,duration:.45,stagger:.05,ease:`power3.out`},`-=0.3`),()=>n.kill()},[u.length]),r(`div`,{ref:d,className:`${G} h-full p-6`,children:[r(`div`,{className:`pointer-events-none absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-black/[0.08] to-transparent dark:via-white/[0.14]`}),r(`div`,{className:`relative flex h-full flex-col gap-6`,children:[r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:t}),r(`div`,{className:`mt-2 text-2xl font-black tracking-tight text-slate-900 dark:text-white`,children:e}),r(`div`,{className:`mt-2 text-sm leading-relaxed text-slate-500 dark:text-slate-400`,children:a})]}),r(`div`,{className:`grid gap-6 lg:grid-cols-[240px_minmax(0,1fr)] lg:items-center`,children:[r(`div`,{className:`flex items-center justify-center`,children:r(`div`,{className:`relative h-60 w-60`,children:[r(`div`,{className:`sr-only`,role:`region`,"aria-label":e,children:[a,`. `,u.map(e=>`${e.label}: ${e.value}`).join(`, `)]}),r(`svg`,{ref:f,viewBox:`0 0 240 240`,className:`h-full w-full overflow-visible`,"aria-hidden":`true`,children:[r(`defs`,{children:r(`filter`,{id:`stats-donut-glow`,x:`-40%`,y:`-40%`,width:`180%`,height:`180%`,children:[r(`feGaussianBlur`,{stdDeviation:`8`,result:`blur`}),r(`feColorMatrix`,{in:`blur`,type:`matrix`,values:`1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 0.28 0`}),r(`feBlend`,{in:`SourceGraphic`})]})}),r(`circle`,{cx:`120`,cy:`120`,r:`103`,fill:`rgba(255,255,255,0.04)`,stroke:`rgba(255,255,255,0.08)`}),h.map((e,t)=>{let n=(e.midAngle-90)*Math.PI/180,i=p===t?Math.cos(n)*7:0,a=p===t?Math.sin(n)*7:0;return r(`path`,{"data-donut-slice":!0,d:e.path,fill:e.color,stroke:`rgba(255,255,255,0.12)`,strokeWidth:p===t?3:1.2,filter:p===t?`url(#stats-donut-glow)`:void 0,style:{transform:`translate(${i}px, ${a}px)`,transformOrigin:`120px 120px`,opacity:p===null||p===t?1:.58,transition:`transform 220ms ease, opacity 220ms ease, stroke-width 220ms ease`},onMouseEnter:()=>m(t),onMouseLeave:()=>m(null)},e.label)})]}),r(`div`,{className:`pointer-events-none absolute inset-[24%] rounded-full border border-black/[0.05] bg-white/88 shadow-[inset_0_1px_0_rgba(255,255,255,0.45),0_10px_24px_rgba(15,23,42,0.08)] backdrop-blur-xl dark:border-white/[0.05] dark:bg-void-900/88 dark:shadow-[inset_0_1px_0_rgba(255,255,255,0.05),0_12px_28px_rgba(0,0,0,0.28)]`}),r(`div`,{className:`pointer-events-none absolute inset-0 flex flex-col items-center justify-center`,children:[r(`div`,{className:`text-3xl font-black tracking-tight text-slate-900 dark:text-white`,children:g?D(g.value):s}),r(`div`,{className:`mt-1 text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:g?g.label:c}),r(`div`,{className:`mt-2 text-[11px] font-mono text-slate-500 dark:text-slate-400`,children:g?`${W(g.share)} of visible volume`:`${u.length} lanes`})]})]})}),r(`div`,{className:`space-y-3`,children:u.length===0?r(`div`,{className:`rounded-2xl border border-dashed border-black/[0.08] px-4 py-8 text-center text-sm text-slate-400 dark:border-white/[0.08]`,children:`No telemetry landed in this composition yet.`}):h.map((e,t)=>r(`div`,{"data-donut-item":!0,className:`${K} transition-transform duration-300 ${p===t?`translate-x-1 border-white/[0.12] dark:border-white/[0.12]`:``}`,onMouseEnter:()=>m(t),onMouseLeave:()=>m(null),children:[r(`div`,{className:`flex items-center justify-between gap-4`,children:[r(`div`,{className:`min-w-0`,children:[r(`div`,{className:`flex items-center gap-2`,children:[r(`span`,{className:`h-2.5 w-2.5 rounded-full`,style:{backgroundColor:e.color}}),r(`span`,{className:`truncate text-sm font-semibold ${e.textClassName}`,children:e.label})]}),r(`div`,{className:`mt-1 text-[11px] font-mono text-slate-400 dark:text-slate-500`,children:[W(e.share),` of visible volume`]})]}),r(`div`,{className:`text-right`,children:[r(`div`,{className:`text-sm font-black text-slate-900 dark:text-white`,children:D(e.value)}),r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.14em] text-slate-400`,children:`tokens`})]})]}),r(`div`,{className:`mt-3 h-1.5 rounded-full bg-black/[0.05] dark:bg-white/[0.06]`,children:r(`div`,{className:`h-1.5 rounded-full`,style:{width:`${Math.max(6,e.share)}%`,backgroundColor:e.color,opacity:p===null||p===t?1:.72}})})]},e.label))})]})]})]})},ht=({purposes:e})=>r(`div`,{className:`grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-4`,children:e.slice(0,4).map(e=>{let t=de(e.id);return r(fe,{title:e.label.replace(/_/g,` `),value:D(e.usage.totalTokens),description:`${R(e.usage.activeTimeMs)} active time`,icon:t.icon,accent:t.accent,children:r(`div`,{className:`mt-4 flex flex-wrap gap-2`,children:[r(J,{icon:Fe,label:`In`,value:e.usage.inputTokens,tone:`border-black/[0.06] bg-white/72 text-slate-600 dark:border-white/[0.06] dark:bg-void-900/55 dark:text-slate-300`}),r(J,{icon:h,label:`Out`,value:e.usage.outputTokens,tone:`border-black/[0.06] bg-white/72 text-slate-600 dark:border-white/[0.06] dark:bg-void-900/55 dark:text-slate-300`})]})},e.id)})}),gt=({icon:e,eyebrow:t,title:n,description:i})=>r(`div`,{className:`max-w-3xl`,children:[r(`div`,{className:`inline-flex items-center gap-2 rounded-full border border-black/[0.06] bg-white/72 px-3 py-1 text-[10px] font-bold uppercase tracking-[0.2em] text-slate-500 dark:border-white/[0.06] dark:bg-void-900/55 dark:text-slate-300`,children:[r(e,{className:`h-3.5 w-3.5 text-signal-500`,strokeWidth:2.2}),t]}),r(`div`,{className:`mt-4 text-3xl font-black tracking-tight text-slate-900 dark:text-white`,children:n}),r(`div`,{className:`mt-2 text-sm leading-relaxed text-slate-500 dark:text-slate-400`,children:i})]}),_t=({label:e,active:t,direction:n=null,onClick:i})=>r(`button`,{type:`button`,onClick:i,"aria-pressed":t,className:`inline-flex items-center gap-1 rounded-full px-3 py-2 text-[10px] font-bold uppercase tracking-[0.16em] transition-all ${t?`bg-amber-500/15 border border-amber-500/30 text-amber-600 dark:text-amber-400`:`${q} text-slate-500 dark:text-slate-300`}`,children:[e,t&&n?r(n===`desc`?d:g,{className:`h-3 w-3`,strokeWidth:2.6}):null]}),vt=({series:e,enabledSeries:t,activeIndex:n})=>r(`div`,{className:`grid grid-cols-1 sm:grid-cols-2 xl:flex xl:flex-col gap-4`,children:e.filter(e=>t[e.id]).map(e=>{let t=e.values[n]||0;return r(`div`,{className:`rounded-[1.25rem] border border-[var(--stats-card-border)] bg-[var(--stats-card-bg)]/40 px-5 py-4 shadow-sm transition-all hover:bg-[var(--stats-card-bg)]/60`,children:[r(`div`,{className:`flex items-center gap-3`,children:[r(`span`,{className:`h-2.5 w-2.5 rounded-full ring-2 ring-white/10`,style:{backgroundColor:e.accentHex}}),r(`span`,{className:`text-[10px] font-bold uppercase tracking-[0.25em] text-[var(--stats-label-color)] truncate`,children:e.label})]}),r(`div`,{className:`mt-4 flex items-end justify-between gap-4`,children:[r(`div`,{className:`text-xl font-black text-[var(--stats-value-color)] truncate`,children:e.formatter(t)}),r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-[var(--stats-detail-color)] opacity-70`,children:e.signalLabel||`Metric`})]})]},e.id)})});c();var yt=1e3,bt=72,xt=8,St=({buckets:e,zoomRange:t,onZoomChange:a,accentHex:o=`#00E0A0`})=>{let s=i(null),[c,u]=l(null),[d,f]=l(null),p=n(()=>{let t=e.map(e=>e.usage.totalTokens),n=Ye(t.length>0?t:[0],yt,bt,xt);return{path:qe(n),areaPath:Je(n,bt,xt)}},[e]);if(e.length<2)return null;let m=e.length-1,h=e=>xt+e/m*(yt-xt*2),g=e=>{let t=s.current?.getBoundingClientRect();if(!t||t.width<=0)return 0;let n=(e-t.left)/t.width;return Math.max(0,Math.min(m,Math.round(n*m)))},_=(c!==null&&d!==null?{start:Math.min(c,d),end:Math.max(c,d)}:null)??t;return r(`div`,{className:`mt-3`,children:[r(`div`,{className:`mb-1.5 flex items-center justify-between`,children:[r(`div`,{className:`text-[9px] font-bold uppercase tracking-[0.22em] text-[var(--stats-label-color,theme(colors.slate.400))]`,children:`Overview · drag to zoom, click to reset`}),t?r(`div`,{className:`text-[9px] font-bold uppercase tracking-[0.18em] text-signal-500`,children:[t.end-t.start+1,` of `,e.length,` buckets`]}):null]}),r(`div`,{ref:s,"data-testid":`usage-chart-minimap`,tabIndex:0,className:`relative h-[4.5rem] w-full cursor-crosshair touch-none select-none overflow-hidden rounded-2xl border border-black/[0.05] bg-black/[0.02] dark:border-white/[0.06] dark:bg-white/[0.03] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-signal-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-void-900`,onPointerDown:e=>{e.currentTarget.setPointerCapture(e.pointerId);let t=g(e.clientX);u(t),f(t)},onPointerMove:e=>{c!==null&&f(g(e.clientX))},onPointerUp:e=>{if(c===null)return;let t=g(e.clientX),n=Math.min(c,t),r=Math.max(c,t);u(null),f(null),r-n>=1&&!(n===0&&r===m)?a({start:n,end:r}):n===r&&a(null)},onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),a(null))},children:r(`svg`,{"aria-hidden":`true`,viewBox:`0 0 ${yt} ${bt}`,preserveAspectRatio:`none`,className:`absolute inset-0 h-full w-full`,children:[r(`defs`,{children:r(`linearGradient`,{id:`stats-minimap-fill`,x1:`0`,x2:`0`,y1:`0`,y2:`1`,children:[r(`stop`,{offset:`0%`,"stop-color":o,"stop-opacity":`0.3`}),r(`stop`,{offset:`100%`,"stop-color":o,"stop-opacity":`0.02`})]})}),r(`path`,{d:p.areaPath,fill:`url(#stats-minimap-fill)`}),r(`path`,{d:p.path,fill:`none`,stroke:o,"stroke-width":`2`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"vector-effect":`non-scaling-stroke`}),_?r(`g`,{children:[r(`rect`,{x:`0`,y:`0`,width:Math.max(0,h(_.start)),height:bt,fill:`rgba(15,23,42,0.18)`}),r(`rect`,{x:h(_.end),y:`0`,width:Math.max(0,yt-h(_.end)),height:bt,fill:`rgba(15,23,42,0.18)`}),r(`rect`,{x:h(_.start),y:`1`,width:Math.max(4,h(_.end)-h(_.start)),height:bt-2,fill:`rgba(255, 184, 0, 0.12)`,stroke:`rgba(255, 184, 0, 0.5)`,"stroke-width":`1.5`,rx:`6`,"vector-effect":`non-scaling-stroke`}),r(`rect`,{x:h(_.start)-2,y:bt/2-10,width:`4`,height:`20`,rx:`2`,fill:o}),r(`rect`,{x:h(_.end)-2,y:bt/2-10,width:`4`,height:`20`,rx:`2`,fill:o})]}):null]})})]})};function Ct(e,t,n){return e.slice(t,n+1)}function wt(e,t,n,r,i,a){return e.map((e,o)=>{let s=[`#F43F5E`,`#8B5CF6`,`#10B981`,`#F59E0B`,`#3B82F6`,`#EC4899`,`#14B8A6`],c=e.color||s[o%s.length],l=e.formatter===`duration`?R:e.formatter===`number`?t=>e.id.includes(`cost`)?F(t):re.format(t):e.formatter===`percent`?e=>`${e.toFixed(1)}%`:D,u=t.map((t,r)=>e.data[n+r]||0),d=Ye(u.length>0?u:[0],r,i,a);return{...e,accentHex:c,formatter:l,signalLabel:e.signalLabel||`Metric`,values:u,points:d,path:qe(d),areaPath:Je(d,i,a),max:Math.max(...u.length>0?u:[0],1)}})}function Tt(e){return e.reduce((e,t)=>(e[t.grouping]||(e[t.grouping]=[]),e[t.grouping].push(t),e),{})}function Et(e){let t=Math.max(0,...e.map(e=>e.usage.totalTokens)),n=Math.max(0,...e.map(e=>e.usage.activeTimeMs)),r=Math.max(0,...e.map(e=>e.usage.invocationCount)),i=Math.max(0,...e.map(e=>e.usage.totalCostUsd||0)),a=e.reduce((e,t)=>e+(t.usage.totalCostUsd||0),0);return{peakTokens:t,peakTime:n,peakInvocations:r,averageTokens:e.length>0?Math.round(V(e.map(e=>({id:e.bucketStart,label:e.label,secondaryLabel:null,status:null,purpose:null,provider:null,usage:e.usage,lastActivityAt:e.bucketEnd}))).totalTokens/e.length):0,peakCostUsd:i,totalCostUsd:a}}function Dt(e,t,n,r,i){let a=n??(e.length>0?e.length-1:0),o=e[a]??null,s=t[0]?.points.map(e=>e.x)??[];return{activeIndex:a,activeBucket:o,tooltipLeft:s[a]?(s[a]-r)/Math.max(1,i-r*2)*100:50,xPositions:s}}var Ot=({title:e,description:t})=>r(`div`,{className:`flex flex-col gap-6 xl:flex-row xl:items-start xl:justify-between`,children:r(`div`,{className:`max-w-3xl`,children:[r(`div`,{className:`inline-flex items-center gap-2.5 rounded-full border border-[var(--stats-card-border)] bg-[var(--stats-card-bg)] px-4 py-1.5 text-[10px] font-bold uppercase tracking-[0.2em] text-[var(--stats-detail-color)] shadow-sm`,children:[r(ae,{className:`h-3.5 w-3.5 text-signal-500`,strokeWidth:2.2}),`Usage Graph`]}),r(`div`,{className:`mt-5 text-4xl font-black tracking-tight text-[var(--stats-value-color)]`,children:e}),r(`div`,{className:`mt-3 text-sm leading-relaxed text-[var(--stats-detail-color)] max-w-2xl`,children:t})]})}),kt={menu:`_menu_113pf_1`,content:`_content_113pf_12`,header:`_header_113pf_27`,section:`_section_113pf_36`,label:`_label_113pf_49`,grid:`_grid_113pf_59`,fullGrid:`_fullGrid_113pf_65`};c();var At=({isOpen:e,onClose:t,stats:n,enabledSeries:a,setEnabledSeries:c})=>{let l=i(null),u=i(null);if(o(()=>{if(!l.current)return;let t=U.matchMedia();return t.add(`(prefers-reduced-motion: no-preference)`,()=>{e?U.fromTo(l.current,{opacity:H.dropdown.opacityStart,scale:H.dropdown.scaleStart,y:H.dropdown.yStart},{opacity:H.dropdown.opacityEnd,scale:H.dropdown.scaleEnd,y:H.dropdown.yEnd,duration:H.dropdown.duration,ease:H.dropdown.ease}):U.to(l.current,{opacity:H.dropdown.opacityStart,scale:H.dropdown.scaleStart,y:H.dropdown.yStart,duration:H.dropdown.duration*.8,ease:`power2.in`})}),t.add(`(prefers-reduced-motion: reduce)`,()=>{e?U.set(l.current,{opacity:H.dropdown.opacityEnd,scale:H.dropdown.scaleEnd,y:H.dropdown.yEnd}):U.set(l.current,{opacity:H.dropdown.opacityStart,scale:H.dropdown.scaleStart,y:H.dropdown.yStart})}),e&&u.current?.focus(),()=>t.revert()},[e]),s(()=>{let n=n=>{n.key===`Escape`&&e&&t()};return window.addEventListener(`keydown`,n),()=>window.removeEventListener(`keydown`,n)},[e,t]),!e&&!l.current)return null;let d=Object.values(a).filter(Boolean).length;return r(`div`,{ref:l,className:kt.menu,style:{display:e||l.current&&U.getProperty(l.current,`opacity`)>0?`block`:`none`},children:r(`div`,{className:kt.content,children:[r(`div`,{className:`${kt.header} flex items-center justify-between`,children:[r(`div`,{"aria-live":`polite`,className:`sr-only`,children:[`Showing `,d,` filter`,d===1?``:`s`]}),r(`div`,{className:`flex items-center gap-3`,children:[r(`span`,{className:`text-[11px] font-bold uppercase tracking-[0.2em] text-slate-900 dark:text-white`,children:`Graph Filters`}),d>0&&r(`button`,{type:`button`,onClick:()=>c({}),className:`text-xs text-slate-400 transition-colors hover:text-amber-600 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-amber-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-void-900 rounded`,children:`Reset filters`})]}),r(`button`,{ref:u,type:`button`,onClick:t,"aria-label":`Close graph filters`,className:`rounded-full p-1 text-slate-400 hover:bg-black/[0.05] hover:text-slate-600 dark:hover:bg-white/[0.05] dark:hover:text-slate-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-signal-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-void-900`,children:r(Se,{className:`h-4 w-4`})})]}),n&&r(`div`,{className:kt.section,children:[r(`label`,{className:kt.label,children:`Metric Series`}),r(`div`,{className:`flex max-h-[280px] flex-col gap-2 overflow-y-auto pr-2`,children:(()=>{let e=n.chartSeries.reduce((e,t)=>((e[t.grouping]??=[]).push(t),e),{}),t=[`core`,`purposes`,`providers`,`git`];return[...t.filter(t=>e[t]?.length),...Object.keys(e).filter(n=>!t.includes(n)&&e[n]?.length)].map(t=>r(`div`,{className:`flex flex-col`,children:[r(`div`,{className:`text-[9px] font-bold uppercase tracking-[0.2em] text-slate-400 dark:text-slate-500 mt-3 mb-1 px-1`,children:t===`core`?`Core`:t===`purposes`?`Purposes`:t===`providers`?`Providers`:t===`git`?`Git`:t.charAt(0).toUpperCase()+t.slice(1)}),r(`div`,{className:`flex flex-col gap-2`,children:e[t].map(n=>{let i=a[n.id]||!1,o=d===1&&i,s=e[t].filter(e=>a[e.id]).length;return r(`button`,{type:`button`,onClick:()=>{d===1&&a[n.id]||c(e=>({...e,[n.id]:!e[n.id]}))},"aria-disabled":o?`true`:void 0,"aria-pressed":i,className:`flex items-center justify-between rounded-xl border px-3 py-2 transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-signal-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-void-900 ${i?`border-amber-500/28 bg-amber-500/12 text-amber-700 dark:text-amber-300`:`border-black/[0.05] bg-transparent text-slate-500 hover:border-black/[0.1] dark:border-white/[0.05] dark:text-slate-400`} ${o?`cursor-not-allowed opacity-60`:``}`,children:[r(`div`,{className:`flex items-center gap-2`,children:[r(`span`,{className:`h-2 w-2 rounded-full`,style:{backgroundColor:n.color||`#ccc`}}),r(`span`,{className:`text-[10px] font-bold uppercase tracking-[0.14em]`,children:n.label})]}),i&&r(`div`,{className:`flex items-center gap-1.5`,children:[s>1&&r(`div`,{className:`rounded-full bg-amber-500/20 px-1.5 py-0.5 text-[8px] font-bold text-amber-700 dark:bg-amber-500/30 dark:text-amber-200`,children:[`+`,s-1]}),r(`div`,{className:`h-1.5 w-1.5 rounded-full bg-amber-500`})]})]},n.id)})})]},t))})()})]})]})})};c();function jt(){let[e,n]=l(!1);return{isFiltersOpen:e,toggleFilters:t(()=>{n(e=>!e)},[]),closeFilters:t(()=>{n(!1)},[]),openFilters:t(()=>{n(!0)},[])}}var Mt=({visible:e,left:t,label:n,bucketStart:i,activeSeries:a})=>{if(!e)return null;let o=new Date(i),s=i;return Number.isNaN(o.getTime())||(s=o.getMinutes()===0&&o.getSeconds()===0?new Intl.DateTimeFormat(`en-US`,{month:`short`,day:`2-digit`,hour:`2-digit`,minute:`2-digit`,hour12:!1,timeZone:`UTC`}).format(o).replace(`24:00`,`00:00`):new Intl.DateTimeFormat(`en-US`,{hour:`2-digit`,minute:`2-digit`,hour12:!1,timeZone:`UTC`}).format(o).replace(`24:00`,`00:00`)),r(`div`,{className:`pointer-events-none absolute top-3 z-50 w-64 -translate-x-1/2 rounded-[1.25rem] border border-[var(--stats-card-border)] border-t-2 border-t-amber-500/60 bg-[var(--stats-card-bg)] px-5 py-4 shadow-[var(--stats-card-shadow)] backdrop-blur-2xl transition-all duration-200`,style:{left:`${Math.min(92,Math.max(8,t))}%`},children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.14em] text-slate-400`,children:n}),r(`div`,{className:`mt-2 text-sm font-black text-[var(--stats-value-color)]`,children:s}),r(`div`,{className:`mt-4 space-y-2.5`,children:a.map(e=>r(`div`,{className:`flex items-center justify-between gap-4 text-sm`,children:[r(`div`,{className:`inline-flex items-center gap-2.5 text-[var(--stats-detail-color)]`,children:[r(`span`,{className:`h-2.5 w-2.5 rounded-full ring-2 ring-white/10`,style:{backgroundColor:e.accentHex}}),r(`span`,{className:`font-medium`,children:e.label})]}),r(`div`,{className:`font-black text-[var(--stats-value-color)]`,children:e.value})]},`tooltip-${e.id}`))})]})},Nt=({onReset:e})=>r(`div`,{className:`flex h-[24rem] w-full items-center justify-center px-6`,children:r(`div`,{className:`w-full max-w-lg`,children:r(ve,{status:`warning`,message:`No data for this window. Telemetry will appear once the project starts executing tasks.`,retryAction:e,retryLabel:e?`Reset Filters`:void 0,autoDismiss:!1})})}),Pt=({message:e,onRetry:t})=>r(`div`,{className:`flex h-[24rem] w-full items-center justify-center px-6`,children:r(`div`,{className:`w-full max-w-lg`,children:r(ve,{status:`error`,message:e||`An unexpected error occurred while retrieving graph data. Please try refreshing the page.`,retryAction:t,retryLabel:`Retry`,autoDismiss:!1})})});c();var Ft=({stats:e,loading:t,error:a,refresh:c,chartState:l})=>{let u=i(null),d=i(null),{isFiltersOpen:p,toggleFilters:m,closeFilters:h}=jt(),g=e=>{x(parseInt(e.currentTarget.value,10))},_=e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),b!==null&&y({start:b,end:b}))},{zoomRange:v,setZoomRange:y,hoveredIndex:b,setHoveredIndex:x,dragStartIndex:S,setDragStartIndex:C,dragCurrentIndex:w,setDragCurrentIndex:T,enabledSeries:E,setEnabledSeries:O}=l;ee();let k=e.buckets,A=i({width:1200,height:256}),te=i(e),j=i(v?.start??0),ne=i(v?.end??Math.max(0,k.length-1)),M=i(b);te.current=e,j.current=v?.start??0,ne.current=v?.end??Math.max(0,k.length-1),M.current=b;let N=j.current,P=ne.current,L=n(()=>Ct(k,N,P),[k,N,P]),re=i(L);re.current=L;let ie=n(()=>wt(e.chartSeries,L,N,A.current.width,A.current.height,34),[e.chartSeries,L,N,34]);o(()=>{if(!d.current||typeof ResizeObserver>`u`)return;let e=(e,t)=>{let n=d.current?.querySelector(`svg`);if(!n)return;n.setAttribute(`viewBox`,`0 0 ${e} ${t}`);let r=wt(te.current.chartSeries,re.current,j.current,e,t,34),i=r[0]?.points.map(e=>e.x)??[];n.querySelectorAll(`[data-grid-line]`).forEach((n,r)=>{n.setAttribute(`x2`,String(e-34)),n.setAttribute(`y1`,String(34+(t-68)/4*r)),n.setAttribute(`y2`,String(34+(t-68)/4*r))}),n.querySelectorAll(`[data-chart-area]`).forEach(e=>{let t=e.getAttribute(`data-series-id`),n=r.find(e=>e.id===t);n&&e.setAttribute(`d`,n.areaPath)}),n.querySelectorAll(`[data-chart-path]`).forEach(e=>{let t=e.getAttribute(`data-series-id`),n=r.find(e=>e.id===t);n&&e.setAttribute(`d`,n.path)});let a=n.querySelector(`[data-hover-line]`);a&&M.current!==null&&i[M.current]&&(a.setAttribute(`x1`,String(i[M.current])),a.setAttribute(`x2`,String(i[M.current])),a.setAttribute(`y2`,String(t-34))),n.querySelectorAll(`[data-chart-point]`).forEach(e=>{let t=e.getAttribute(`data-series-id`),n=parseInt(e.getAttribute(`data-point-index`)||`0`,10),i=r.find(e=>e.id===t);i&&i.points[n]&&(e.setAttribute(`cx`,String(i.points[n].x)),e.setAttribute(`cy`,String(i.points[n].y)))}),n.querySelectorAll(`[data-hover-rect]`).forEach(n=>{let r=parseInt(n.getAttribute(`data-rect-index`)||`0`,10),a=i[r];if(a===void 0)return;let o=r===0?34:(i[r-1]+a)/2,s=r===i.length-1?e-34:(a+i[r+1])/2,c=Math.max(8,s-o);n.setAttribute(`x`,String(o)),n.setAttribute(`width`,String(c)),n.setAttribute(`height`,String(t-68))}),n.querySelectorAll(`[data-axis-label]`).forEach(e=>{let n=parseInt(e.getAttribute(`data-label-index`)||`0`,10);i[n]!==void 0&&(e.setAttribute(`x`,String(i[n])),e.setAttribute(`y`,String(t-8)))})},t=new ResizeObserver(t=>{let n=t[0];if(n&&n.contentRect.width>0){let t=n.contentRect.width,r=Math.max(256,n.contentRect.height);(A.current.width!==t||A.current.height!==r)&&(A.current={width:t,height:r},requestAnimationFrame(()=>e(t,r)))}});return t.observe(d.current),()=>t.disconnect()},[34]);let{width:oe,height:se}=A.current;n(()=>Tt(e.chartSeries),[e.chartSeries]),Object.values(E).filter(Boolean).length;let z=ie.filter(e=>E[e.id]),{activeIndex:ce,activeBucket:B,tooltipLeft:le,xPositions:V}=n(()=>Dt(L,ie,b,34,oe),[L,ie,b,34,oe]),ue=S!==null&&w!==null?{start:Math.min(S,w),end:Math.max(S,w)}:null,de=v?`${I(k[v.start]?.bucketStart||null)} to ${I(k[v.end]?.bucketEnd||null)}`:e.range.label,fe=it(e.range),{peakTokens:pe,peakTime:me,peakInvocations:he,averageTokens:ge}=n(()=>Et(L),[L]);return s(()=>{let e=()=>{if(S===null||w===null)return;let e=Math.min(S,w),t=Math.max(S,w);t-e>=1&&y({start:e,end:t}),C(null),T(null)};return globalThis.window.addEventListener(`mouseup`,e),()=>globalThis.window.removeEventListener(`mouseup`,e)},[w,S,k,y,C,T]),o(()=>{if(!u.current)return;let e=Array.from(u.current.querySelectorAll(`[data-chart-path]`)),t=Array.from(u.current.querySelectorAll(`[data-chart-area]`)),n=Array.from(u.current.querySelectorAll(`[data-chart-point]`)),r=Array.from(u.current.querySelectorAll(`[data-chart-card]`)),i=U.matchMedia();return i.add(`(prefers-reduced-motion: no-preference)`,()=>{let i=U.timeline();t.length>0&&U.set(t,{opacity:0}),n.length>0&&U.set(n,{opacity:0,scale:.35,transformOrigin:`center center`}),e.forEach(e=>{let t=typeof e.getTotalLength==`function`?e.getTotalLength():100;U.set(e,{strokeDasharray:`${t} ${t}`,strokeDashoffset:t}),i.to(e,{strokeDashoffset:0,duration:1.05,ease:`power3.out`,clearProps:`strokeDashoffset,strokeDasharray`},0)}),t.length>0&&i.to(t,{opacity:(e,t)=>Number(t.dataset.areaOpacity||`0.3`),duration:.7,stagger:.08,ease:`power2.out`},.18),n.length>0&&i.to(n,{opacity:1,scale:1,duration:.38,stagger:.012,ease:`back.out(1.8)`},.3),r.length>0&&i.fromTo(r,{opacity:0,y:18},{opacity:1,y:0,duration:.55,stagger:.05,ease:`power3.out`},.18)}),i.add(`(prefers-reduced-motion: reduce)`,()=>{t.length>0&&U.set(t,{opacity:(e,t)=>Number(t.dataset.areaOpacity||`0.3`)}),n.length>0&&U.set(n,{opacity:1,scale:1}),e.forEach(e=>{U.set(e,{strokeDasharray:`none`,strokeDashoffset:0,clearProps:`strokeDashoffset,strokeDasharray`})}),r.length>0&&U.set(r,{opacity:1,y:0})}),()=>i.revert()},[E,L.length,e.range.from,e.range.to]),r(`div`,{ref:u,className:`${G} rounded-[2.2rem] p-6 md:p-7 border border-[var(--stats-card-border)] bg-[var(--stats-card-bg)] shadow-[var(--stats-card-shadow)]`,children:r(`div`,{className:`relative flex flex-col gap-8`,children:[r(`div`,{className:`sr-only`,"aria-live":`polite`,"aria-atomic":`true`,children:[r(`h2`,{id:`chart-summary-heading`,className:`sr-only`,children:[`Data Visualization for `,v?`zoomed timeframe`:e.range.label]}),r(`p`,{children:[`Currently showing `,L.length,` buckets.`,B?`Focused bucket: ${B.label}. Tokens: ${B.usage.totalTokens}`:`No bucket focused.`,`Active series: `,z.map(e=>e.label).join(`, `),`. Peak Tokens: `,D(pe),`. Peak Time: `,R(me),`. Average Tokens: `,D(ge),`. Peak Invocations: `,he.toLocaleString(),`.`]}),r(`table`,{className:`sr-only`,children:[r(`thead`,{children:r(`tr`,{children:[r(`th`,{children:`Time`}),z.map(e=>r(`th`,{children:e.label},e.id))]})}),r(`tbody`,{children:L.map((e,t)=>r(`tr`,{children:[r(`td`,{children:e.label}),z.map(e=>r(`td`,{children:e.formatter(e.values[t]??0)},e.id))]},e.bucketStart))})]})]}),r(Ot,{title:v?`Zoomed telemetry window`:e.range.label,description:`Normalized telemetry lines reveal shape instead of forcing tokens, duration, and invocation counts into one scale. Drag across the plot or the overview strip to zoom a timeframe, hover for exact bucket values, and use filters to focus the graph.`}),r(`div`,{className:`relative z-50`,children:r(At,{isOpen:p,onClose:h,stats:e,enabledSeries:E,setEnabledSeries:O})}),r(`div`,{className:`grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 xl:grid-cols-4 gap-4`,children:[r(`div`,{"data-chart-card":!0,className:`${K} border-[var(--stats-card-border)] bg-[var(--stats-card-bg)] p-5`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-[var(--stats-label-color)]`,children:`Peak Tokens`}),r(`div`,{className:`mt-2 text-2xl font-black text-[var(--stats-value-color)]`,children:D(pe)}),r(`div`,{className:`mt-1 text-xs text-[var(--stats-detail-color)]`,children:`Highest bucket in view`})]}),r(`div`,{"data-chart-card":!0,className:`${K} border-[var(--stats-card-border)] bg-[var(--stats-card-bg)] p-5`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-[var(--stats-label-color)]`,children:`Peak Time`}),r(`div`,{className:`mt-2 text-2xl font-black text-[var(--stats-value-color)]`,children:R(me)}),r(`div`,{className:`mt-1 text-xs text-[var(--stats-detail-color)]`,children:`Active model runtime`})]}),r(`div`,{"data-chart-card":!0,className:`${K} border-[var(--stats-card-border)] bg-[var(--stats-card-bg)] p-5`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-[var(--stats-label-color)]`,children:`Average Tokens`}),r(`div`,{className:`mt-2 text-2xl font-black text-[var(--stats-value-color)]`,children:D(ge)}),r(`div`,{className:`mt-1 text-xs text-[var(--stats-detail-color)]`,children:e.range.resolutionLabel})]}),r(`div`,{"data-chart-card":!0,className:`${K} border-[var(--stats-card-border)] bg-[var(--stats-card-bg)] p-5`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-[var(--stats-label-color)]`,children:`Peak Invocations`}),r(`div`,{className:`mt-2 text-2xl font-black text-[var(--stats-value-color)]`,children:he.toLocaleString()}),r(`div`,{className:`mt-1 text-xs text-[var(--stats-detail-color)]`,children:`CLI calls in one bucket`})]})]}),r(`div`,{className:`grid grid-cols-1 gap-8 items-start xl:grid-cols-[minmax(0,1fr)_18rem] 2xl:grid-cols-[minmax(0,1fr)_22rem]`,children:[r(`div`,{className:`${K} flex flex-col border-[var(--stats-card-border)] bg-[var(--stats-card-bg)] p-5 md:p-6`,children:[r(`div`,{className:`mb-6 flex flex-wrap items-center gap-4`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.25em] text-[var(--stats-label-color)]`,children:`Interactive Plot`}),r(`div`,{className:`px-3.5 py-1.5 text-[10px] font-bold uppercase tracking-[0.16em] text-[var(--stats-detail-color)] border-[var(--stats-card-border)] bg-[var(--stats-card-bg)] ${q} truncate max-w-full`,children:`Hover buckets for exact values`}),r(`div`,{className:`px-3.5 py-1.5 text-[10px] font-bold uppercase tracking-[0.16em] text-[var(--stats-detail-color)] border-[var(--stats-card-border)] bg-[var(--stats-card-bg)] ${q} truncate max-w-full`,children:de}),r(`button`,{type:`button`,onClick:m,"aria-expanded":p,className:`group flex items-center gap-2 px-3.5 py-1.5 text-[10px] font-bold uppercase tracking-[0.16em] transition-all border shadow-sm active:scale-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--accent-focus-ring)] ${q} ${p?`border-signal-500/30 bg-signal-500/[0.08] text-signal-500 shadow-signal-500/5`:`border-[var(--stats-card-border)] bg-[var(--stats-card-bg)] text-[var(--stats-detail-color)] hover:bg-[color:var(--fill-muted-hover)] hover:text-[var(--stats-value-color)] hover:border-[var(--stats-value-color)]/20`}`,children:[r(f,{className:`h-3 w-3 transition-colors ${p?`text-signal-500`:`text-[var(--stats-detail-color)] group-hover:text-signal-500`}`,strokeWidth:2.2}),`Filters`]}),v?r(`button`,{type:`button`,onClick:()=>y(null),className:`px-3.5 py-1.5 text-[10px] font-bold uppercase tracking-[0.16em] text-signal-500 transition-all hover:bg-[color:var(--fill-muted)] border border-signal-500/20 rounded-full active:scale-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--accent-focus-ring)]`,children:[`Reset zoom `,r(`span`,{className:`sr-only`,children:[`to `,e.range.label]})]}):null]}),r(`div`,{className:`sr-only`,children:[r(`label`,{htmlFor:`bucket-focus-slider`,children:`Explore chart data across time`}),r(`input`,{id:`bucket-focus-slider`,type:`range`,min:0,max:Math.max(0,L.length-1),value:b??0,onInput:g,onChange:g,onKeyDown:_,"aria-valuetext":B?`${B.label}, ${z.map(e=>`${e.label}: ${e.formatter(e.values[ce]??0)}`).join(`, `)}`:`No bucket focused`})]}),r(`div`,{ref:d,className:`relative flex-1 min-h-[16rem] sm:min-h-[24rem] md:min-h-[30rem] lg:min-h-[36rem] w-full`,children:[a?r(`div`,{className:`absolute inset-0 z-20 flex items-center justify-center bg-[var(--stats-card-bg)]/50 backdrop-blur-sm`,children:r(Pt,{message:a,onRetry:()=>{c().catch(()=>{})}})}):null,t&&!a?r(`div`,{className:`absolute right-4 top-4 z-20 flex items-center gap-2 rounded-full bg-[var(--stats-card-bg)]/80 px-3 py-1.5 shadow-sm backdrop-blur-md border border-[var(--stats-card-border)]`,"aria-busy":`true`,"aria-label":`Loading new data`,children:[r(ae,{className:`h-3.5 w-3.5 animate-pulse text-signal-500`}),r(`span`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-[var(--stats-detail-color)]`,children:`Syncing`})]}):null,r(Mt,{visible:!!B,left:le,label:B?.label||``,bucketStart:B?.bucketStart||``,activeSeries:z.map(e=>({id:e.id,label:e.label,accentHex:e.accentHex,value:e.formatter(e.values[ce]??0)}))}),k.length===0?r(`div`,{className:`absolute inset-0 h-full w-full transition-opacity duration-300 motion-reduce:transition-none ${t?`opacity-60 pointer-events-none`:`opacity-100`}`,children:r(Nt,{})}):r(`svg`,{role:`img`,"aria-labelledby":`chart-summary-heading`,viewBox:`0 0 ${oe} ${se}`,className:`absolute inset-0 h-full w-full overflow-visible transition-opacity duration-300 motion-reduce:transition-none ${t?`opacity-60 pointer-events-none`:`opacity-100`}`,children:[r(`defs`,{children:ie.map(e=>r(`linearGradient`,{id:`stats-area-${e.id}`,x1:`0`,x2:`0`,y1:`0`,y2:`1`,children:[r(`stop`,{offset:`0%`,"stop-color":e.accentHex,"stop-opacity":`0.25`}),r(`stop`,{offset:`100%`,"stop-color":e.accentHex,"stop-opacity":`0`})]},`fill-${e.id}`))}),Array.from({length:5}).map((e,t)=>r(`line`,{x1:34,x2:oe-34,y1:34+(se-68)/4*t,y2:34+(se-68)/4*t,stroke:`currentColor`,strokeOpacity:`0.08`},`grid-${t}`)),ue&&V.length>0?r(`rect`,{x:Math.max(34,V[Math.max(0,ue.start-N)]??34),y:34,width:Math.max(12,(V[Math.max(0,ue.end-N)]??oe-34)-(V[Math.max(0,ue.start-N)]??34)),height:se-68,rx:`18`,fill:`rgba(0,224,160,0.08)`,stroke:`rgba(0,224,160,0.4)`,strokeDasharray:`8 8`}):null,z.map(e=>r(`g`,{children:[r(`path`,{"data-chart-area":!0,"data-area-opacity":e.id===`tokens`?`1`:`0.45`,d:e.areaPath,fill:`url(#stats-area-${e.id})`,opacity:e.id===`tokens`?1:.45}),r(`path`,{"data-chart-path":!0,d:e.path,fill:`none`,stroke:e.accentHex,strokeWidth:e.id===`tokens`?`4.2`:`3.1`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`drop-shadow-[0_4px_12px_rgba(0,0,0,0.12)]`})]},e.id)),b!==null&&V[b]?r(`line`,{x1:V[b],x2:V[b],y1:34,y2:se-34,stroke:`currentColor`,strokeOpacity:`0.18`,strokeDasharray:`6 8`}):null,z.map(e=>e.points.map((t,n)=>r(`circle`,{"data-chart-point":!0,cx:t.x,cy:t.y,r:b===n?6:4,fill:e.accentHex,stroke:`white`,strokeWidth:b===n?2:0,fillOpacity:b===null||b===n?1:.4,style:{transition:`r 0.2s, fill-opacity 0.2s, stroke-width 0.2s`}},`${e.id}-${n}`))),V.map((e,t)=>{let n=t===0?34:(V[t-1]+e)/2,i=t===V.length-1?oe-34:(e+V[t+1])/2,a=Math.max(8,i-n),o=N+t;return r(`rect`,{tabIndex:0,x:n,y:34,width:a,height:se-68,fill:`transparent`,className:`focus:outline-none focus:ring-2 focus:ring-signal-500`,onMouseDown:()=>{C(o),T(o)},onMouseEnter:()=>x(t),onFocus:()=>x(t),onBlur:()=>x(null),"aria-label":k[o]?.label||`Bucket`,onMouseMove:()=>{S!==null&&T(o)},onMouseLeave:()=>x(null),onMouseUp:()=>{if(S===null)return;let e=Math.min(S,o),t=Math.max(S,o);t-e>=1&&y({start:e,end:t}),C(null),T(null)}},`hover-${t}`)}),L.map((t,n)=>n%fe===0||n===L.length-1?r(`text`,{x:V[n]??34,y:se-8,textAnchor:`middle`,className:`fill-[var(--stats-label-color)] text-[9px] font-bold uppercase tracking-[0.25em]`,children:at(t,e.range)},t.bucketStart):null)]})]}),k.length>1?r(St,{buckets:k,zoomRange:v,onZoomChange:y}):null]}),r(`div`,{className:`flex flex-col gap-6 w-full xl:w-auto`,children:[r(vt,{series:ie,enabledSeries:E,activeIndex:ce}),r(`div`,{className:`${K} border-[var(--stats-card-border)] bg-[var(--stats-card-bg)] p-6`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.25em] text-[var(--stats-label-color)]`,children:`Focused Bucket`}),r(`div`,{className:`mt-4 text-2xl font-black tracking-tight text-[var(--stats-value-color)]`,children:B?B.label:`--`}),r(`div`,{className:`mt-2 text-sm leading-relaxed text-[var(--stats-detail-color)]`,children:B?`${I(B.bucketStart)} to ${I(B.bucketEnd)}`:`No bucket data yet.`}),r(`div`,{className:`mt-5 rounded-2xl border border-[var(--stats-card-border)] bg-[var(--stats-card-bg)] px-4 py-3.5 text-[11px] font-bold uppercase tracking-[0.2em] text-[var(--stats-detail-color)] shadow-sm`,children:v?`${L.length} buckets in zoom`:`${e.range.bucketCount} buckets in ${e.range.label.toLowerCase()}`}),B?r(`div`,{className:`mt-6 space-y-4`,children:[B.usage.totalCostUsd>0?r(`div`,{className:`flex items-center justify-between rounded-2xl border border-emerald-500/20 bg-emerald-500/10 px-5 py-4 shadow-sm transition-all hover:bg-emerald-500/[0.15]`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-emerald-600 dark:text-emerald-400`,children:`Total Cost`}),r(`div`,{className:`text-base font-black text-[var(--stats-value-color)]`,children:F(B.usage.totalCostUsd)})]}):null,r(`div`,{className:`flex items-center justify-between rounded-2xl border border-signal-500/20 bg-signal-500/10 px-5 py-4 shadow-sm transition-all hover:bg-signal-500/[0.15]`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-signal-600 dark:text-signal-400`,children:`Tokens`}),r(`div`,{className:`text-base font-black text-[var(--stats-value-color)]`,children:D(B.usage.totalTokens)})]}),r(`div`,{className:`flex items-center justify-between rounded-2xl border border-amber-500/20 bg-amber-500/10 px-5 py-4 shadow-sm transition-all hover:bg-amber-500/[0.15]`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-amber-600 dark:text-amber-400`,children:`Active Time`}),r(`div`,{className:`text-base font-black text-[var(--stats-value-color)]`,children:R(B.usage.activeTimeMs)})]}),r(`div`,{className:`flex items-center justify-between rounded-2xl border border-cyan-500/20 bg-cyan-500/10 px-5 py-4 shadow-sm transition-all hover:bg-cyan-500/[0.15]`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-cyan-600 dark:text-cyan-400`,children:`Invocations`}),r(`div`,{className:`text-base font-black text-[var(--stats-value-color)]`,children:B.usage.invocationCount.toLocaleString()})]})]}):null]})]})]})]})})};function It(e,t){let n=typeof e.reportedInvocationCount==`number`||typeof e.estimatedInvocationCount==`number`,r=t.find(e=>e.source===`reported`&&e.count>0)?`reported`:t.find(e=>e.source===`estimated`&&e.count>0)?`estimated`:`unknown`,i=n?e.reportedInvocationCount&&e.reportedInvocationCount>0?`reported`:e.estimatedInvocationCount&&e.estimatedInvocationCount>0?`estimated`:`unknown`:r;return i===`reported`?{label:`Reported`,tone:`text-status-green dark:text-status-green`}:i===`estimated`?{label:`Estimated`,tone:`text-amber-600 dark:text-amber-400`}:{label:`Unknown`,tone:`text-slate-500 dark:text-slate-400`}}var Y=({label:e,value:t,delta:n,detail:i})=>{let a=n?Ke(n):null,o=n&&a&&a!==`—`,s=!n||n.direction===`flat`?`text-slate-400 dark:text-slate-500`:n.direction===`up`?`text-status-green`:`text-rose-500 dark:text-rose-400`;return r(`div`,{className:`${K} p-4`,children:[r(`div`,{className:`flex items-center justify-between gap-2`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:e}),o?r(`div`,{className:`inline-flex items-center gap-1 text-[10px] font-bold uppercase tracking-[0.12em] ${s}`,children:[n.direction===`up`?r(h,{className:`h-3 w-3`,strokeWidth:2.6}):n.direction===`down`?r(Fe,{className:`h-3 w-3`,strokeWidth:2.6}):null,a]}):null]}),r(`div`,{className:`mt-2 text-2xl font-black text-slate-900 dark:text-white`,children:t}),i?r(`div`,{className:`mt-1 text-[10px] font-bold uppercase tracking-[0.12em] text-slate-400`,children:i}):null]})},Lt=({stats:e,loading:t,error:n,refresh:i,planningUsage:a,chartState:o})=>{let s=e.buckets||[],c=Ge(s,e=>e.usage?.totalTokens||0),l=Ge(s,e=>e.usage?.invocationCount||0),u=Ge(s,e=>e.usage?.activeTimeMs||0),d=e.usage.inputTokens+e.usage.cachedInputTokens,f=e.statusCounts,p=f?f.completed+f.failed+f.cancelled:0;return r(`section`,{className:`space-y-6`,children:[r(`div`,{className:`grid grid-cols-2 gap-4 sm:grid-cols-3 xl:grid-cols-8`,children:[r(Y,{label:`Total Cost`,value:e.usage.totalCostUsd>0?F(e.usage.totalCostUsd):e.usage.totalTokens>0?`No pricing configured`:`$0.00`,delta:void 0,detail:`across all providers`}),r(Y,{label:`Cost per Invocation`,value:e.usage.totalCostUsd>0&&e.usage.invocationCount>0?F(e.usage.totalCostUsd/e.usage.invocationCount):`—`}),r(Y,{label:`Cost per Active Hour`,value:e.usage.totalCostUsd>0&&e.usage.activeTimeMs>0?F(e.usage.totalCostUsd/(e.usage.activeTimeMs/36e5)):`—`}),r(Y,{label:`Peak Bucket Cost`,value:o?.metrics?.peakCostUsd>0?F(o?.metrics?.peakCostUsd):`—`}),r(Y,{label:`Total Tokens`,value:D(e.usage.totalTokens),delta:c,detail:`vs first half of window`}),r(Y,{label:`Invocations`,value:e.usage.invocationCount.toLocaleString(),delta:l,detail:`vs first half of window`}),r(Y,{label:`Active Time`,value:R(e.usage.activeTimeMs),delta:u,detail:`vs first half of window`}),r(Y,{label:`Cache Hit Rate`,value:d>0?W(e.usage.cachedInputTokens/d*100):`—`,detail:`${D(e.usage.cachedInputTokens)} cached`}),r(Y,{label:`Median Latency`,value:e.duration&&e.duration.sampleCount>0?R(e.duration.p50Ms):`—`,detail:e.duration&&e.duration.sampleCount>0?`p95 ${R(e.duration.p95Ms)}`:`no samples`}),r(Y,{label:`Success Rate`,value:p>0?W(f.completed/p*100):`—`,detail:p>0?`${f.failed} failed of ${p}`:`nothing finished yet`}),r(Y,{label:`Output Velocity`,value:e.usage.activeTimeMs>0?`${Math.round(e.usage.outputTokens/Math.max(1,e.usage.activeTimeMs/1e3))} tok/s`:`0 tok/s`}),r(Y,{label:`Reasoning Share`,value:e.usage.reasoningOutputTokens>0?W(e.usage.reasoningOutputTokens/e.usage.outputTokens*100):`—`,detail:`of output tokens`})]}),r(`div`,{className:`flex flex-wrap gap-3`,children:[r(`div`,{className:`self-start px-3 py-1.5 text-[10px] font-bold uppercase tracking-[0.16em] text-amber-500 bg-amber-500/10 ${q}`,children:`Trend`}),r(`div`,{className:`px-3 py-1.5 text-[10px] font-bold uppercase tracking-[0.16em] text-slate-500 ${q}`,children:e.range.label}),r(`div`,{className:`px-3 py-1.5 text-[10px] font-bold uppercase tracking-[0.16em] text-slate-500 ${q}`,children:e.range.resolutionLabel}),r(`div`,{className:`px-3 py-1.5 text-[10px] font-bold uppercase tracking-[0.16em] text-slate-500 ${q}`,children:[e.buckets.length,` buckets`]})]}),r(Ft,{stats:e,loading:t,error:n,refresh:i,chartState:o}),r(`div`,{className:`mt-6`,children:[r(`div`,{className:`flex items-center gap-3`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:`Purpose Activity`}),r(`div`,{className:`px-2 py-0.5 text-[9px] font-bold uppercase tracking-[0.16em] text-slate-500 ${q}`,children:[e.purposes.length,` purposes`]})]}),r(`div`,{className:`mt-2 text-sm leading-relaxed text-slate-500 dark:text-slate-400`,children:`Token volume and active time by invocation purpose over the selected window.`}),r(`div`,{className:`mt-4 flex flex-col gap-2`,children:e.purposes.map(e=>r(`div`,{className:`${ct} flex items-center justify-between`,children:[r(`div`,{className:`text-sm font-bold capitalize text-slate-900 dark:text-white`,children:e.label.replace(/_/g,` `)}),r(`div`,{className:`flex items-center gap-6 text-sm text-slate-500`,children:[r(`div`,{children:[r(`span`,{className:`font-medium text-slate-700 dark:text-slate-300`,children:(e.usage?.invocationCount||0).toLocaleString()}),` invocations`]}),r(`div`,{children:[r(`span`,{className:`font-medium text-slate-700 dark:text-slate-300`,children:R(e.usage?.activeTimeMs||0)}),` active time`]})]})]},e.id))})]})]})},Rt=({stats:e,providerSegments:t,tokenSegments:n})=>{let i=e.usage.inputTokens+e.usage.cachedInputTokens>0?e.usage.cachedInputTokens/(e.usage.inputTokens+e.usage.cachedInputTokens)*100:0,a=[...e.providers].sort((e,t)=>t.usage.totalTokens-e.usage.totalTokens);return r(`section`,{className:`space-y-6`,children:[r(`div`,{className:`grid grid-cols-1 gap-6 2xl:grid-cols-[1.05fr_0.95fr]`,children:[r(mt,{title:`Provider Share`,eyebrow:`Composition`,description:`Provider token split grouped into visible lanes for faster reading at high volume.`,centerValue:String(e.providers.length),centerLabel:`providers`,segments:t}),r(mt,{title:`Token Anatomy`,eyebrow:`Flow Mix`,description:`Input, cached, output, and reasoning balance across the selected telemetry window.`,centerValue:D(e.usage.totalTokens),centerLabel:`token mix`,segments:n})]}),r(`div`,{className:`grid grid-cols-1 gap-6 xl:grid-cols-[1.15fr_0.85fr]`,children:[r(ht,{purposes:e.purposes}),r(`div`,{className:`${G} p-6`,children:[r(`div`,{className:`flex items-center gap-3`,children:[r(je,{className:`h-4 w-4 text-amber-500`,strokeWidth:2}),r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:`Token Flight`})]}),r(`div`,{className:`mt-4 grid grid-cols-2 gap-4`,children:[r(`div`,{className:`rounded-2xl border border-signal-500/16 bg-signal-500/10 p-4`,children:[r(`div`,{className:`inline-flex items-center gap-2 text-[10px] font-bold uppercase tracking-[0.16em] text-signal-600 dark:text-signal-400`,children:[r(Fe,{className:`h-3.5 w-3.5`,strokeWidth:2.1}),`Input`]}),r(`div`,{className:`mt-2 text-2xl font-black text-slate-900 dark:text-white`,children:D(e.usage.inputTokens)}),r(`div`,{className:`mt-1 text-[10px] text-slate-400`,children:[e.usage.totalTokens>0?Math.round(e.usage.inputTokens/e.usage.totalTokens*100):0,`% of total`]})]}),r(`div`,{className:`rounded-2xl border border-cyan-500/16 bg-cyan-500/10 p-4`,children:[r(`div`,{className:`inline-flex items-center gap-2 text-[10px] font-bold uppercase tracking-[0.16em] text-cyan-600 dark:text-cyan-400`,children:[r(v,{className:`h-3.5 w-3.5`,strokeWidth:2.1}),`Cached`]}),r(`div`,{className:`mt-2 text-2xl font-black text-slate-900 dark:text-white`,children:D(e.usage.cachedInputTokens)}),r(`div`,{className:`mt-1 text-[10px] text-slate-400`,children:[e.usage.totalTokens>0?Math.round(e.usage.cachedInputTokens/e.usage.totalTokens*100):0,`% of total`]})]}),r(`div`,{className:`rounded-2xl border border-amber-500/16 bg-amber-500/10 p-4`,children:[r(`div`,{className:`inline-flex items-center gap-2 text-[10px] font-bold uppercase tracking-[0.16em] text-amber-600 dark:text-amber-400`,children:[r(h,{className:`h-3.5 w-3.5`,strokeWidth:2.1}),`Output`]}),r(`div`,{className:`mt-2 text-2xl font-black text-slate-900 dark:text-white`,children:D(e.usage.outputTokens)}),r(`div`,{className:`mt-1 text-[10px] text-slate-400`,children:[e.usage.totalTokens>0?Math.round(e.usage.outputTokens/e.usage.totalTokens*100):0,`% of total`]})]}),r(`div`,{className:`rounded-2xl border border-rose-500/16 bg-rose-500/10 p-4`,children:[r(`div`,{className:`inline-flex items-center gap-2 text-[10px] font-bold uppercase tracking-[0.16em] text-rose-600 dark:text-rose-400`,children:[r(Ce,{className:`h-3.5 w-3.5`,strokeWidth:2.1}),`Reasoning`]}),r(`div`,{className:`mt-2 text-2xl font-black text-slate-900 dark:text-white`,children:D(e.usage.reasoningOutputTokens)}),r(`div`,{className:`mt-1 text-[10px] text-slate-400`,children:[e.usage.totalTokens>0?Math.round(e.usage.reasoningOutputTokens/e.usage.totalTokens*100):0,`% of total`]})]}),r(`div`,{className:`col-span-2 rounded-2xl border border-slate-500/16 bg-slate-500/10 p-4`,children:r(`div`,{className:`flex items-center justify-between gap-4`,children:[r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-600 dark:text-slate-300`,children:`Active Time`}),r(`div`,{className:`mt-2 text-lg font-black text-slate-900 dark:text-white`,children:R(e.usage.activeTimeMs)})]}),r(`div`,{className:`text-right`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-600 dark:text-slate-300`,children:`Wall Time`}),r(`div`,{className:`mt-2 text-lg font-black text-slate-900 dark:text-white`,children:R(e.usage.wallTimeMs??0)})]})]})})]}),r(`div`,{className:`${K} mt-4 p-5`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:`Cache Efficiency`}),r(`div`,{className:`mt-2 text-3xl font-black text-slate-900 dark:text-white`,children:[i.toFixed(1),`%`]}),r(`div`,{className:`mt-1 text-[10px] font-bold uppercase tracking-[0.16em] text-signal-500`,children:[`~`,D(e.usage.cachedInputTokens),` tokens saved`]}),r(`div`,{className:`mt-4`,children:r(ft,{input:e.usage.inputTokens,cached:e.usage.cachedInputTokens,output:e.usage.outputTokens,reasoning:e.usage.reasoningOutputTokens,total:e.usage.totalTokens})})]})]})]}),r(`div`,{className:`space-y-4`,children:[r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:`Provider Activity`}),r(`div`,{className:`mt-2 text-sm leading-relaxed text-slate-500 dark:text-slate-400`,children:`Token output, invocations, and active time per provider over the selected window.`})]}),a.length===0?r(`div`,{className:`rounded-2xl border border-dashed border-black/[0.08] px-4 py-8 text-center text-sm text-slate-400 dark:border-white/[0.08]`,children:`No provider data for this window.`}):r(`div`,{className:`space-y-4`,children:a.map(t=>{let{icon:n,bg:i,text:a}=dt(t.provider),o=t.usage.inputTokens+t.usage.cachedInputTokens,s=o>0?Math.round(t.usage.cachedInputTokens/o*100):null,c=t.usage.invocationCount>0?Math.round(t.usage.totalTokens/t.usage.invocationCount):null,l=(e.models||[]).filter(e=>e.provider===t.id).length;return r(`div`,{className:ct,children:[r(`div`,{className:`grid gap-4 lg:grid-cols-[minmax(0,1.4fr)_repeat(6,minmax(0,auto))] lg:items-start`,children:[r(`div`,{className:`flex min-w-0 items-start gap-4`,children:[r(`div`,{className:`rounded-xl p-2 ${i} ${a}`,children:r(n,{className:`h-4 w-4`,strokeWidth:2.1})}),r(`div`,{className:`min-w-0`,children:[r(`div`,{className:`truncate text-base font-black text-slate-900 dark:text-white`,title:t.label,children:t.label}),r(`div`,{className:`mt-1 text-sm text-slate-500 dark:text-slate-400`,children:t.secondaryLabel??``})]})]}),r(`div`,{className:`text-right`,children:[r(`div`,{className:`text-lg font-black text-slate-900 dark:text-white`,children:t.usage.totalCostUsd>0?F(t.usage.totalCostUsd):`—`}),r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`cost`})]}),r(`div`,{className:`text-right`,children:[r(`div`,{className:`text-lg font-black text-slate-900 dark:text-white`,children:D(t.usage.totalTokens)}),r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`tokens`})]}),r(`div`,{className:`text-right`,children:[r(`div`,{className:`text-lg font-black text-slate-900 dark:text-white`,children:t.usage.invocationCount.toLocaleString()}),r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`calls`})]}),r(`div`,{className:`text-right`,children:[r(`div`,{className:`text-lg font-black text-slate-900 dark:text-white`,children:R(t.usage.activeTimeMs)}),r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`active`})]}),r(`div`,{className:`text-right`,children:[r(`div`,{className:`text-lg font-black text-slate-900 dark:text-white`,children:l}),r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`model count`})]}),r(`div`,{className:`text-right`,children:[r(`div`,{className:`text-lg font-black text-slate-900 dark:text-white`,children:s===null?`—`:`${s}%`}),r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`cache hit`})]}),r(`div`,{className:`text-right`,children:[r(`div`,{className:`text-lg font-black text-slate-900 dark:text-white`,children:c===null?`—`:D(c)}),r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`tok / call`})]})]}),r(`div`,{className:`mt-4`,children:r(ft,{input:t.usage.inputTokens,cached:t.usage.cachedInputTokens,output:t.usage.outputTokens,reasoning:t.usage.reasoningOutputTokens,total:t.usage.totalTokens})})]},t.id)})})]})]})},zt=({stats:e,providerSegments:t,sourceSegments:n})=>{let i=(e.usage.reportedInvocationCount||0)+(e.usage.estimatedInvocationCount||0)+(e.usage.unavailableInvocationCount||0)+(e.usage.unsupportedInvocationCount||0);return r(`section`,{className:`space-y-6`,children:[r(`div`,{className:`grid grid-cols-1 gap-6 2xl:grid-cols-[1.05fr_0.95fr]`,children:[r(mt,{title:`Telemetry Source Mix`,eyebrow:`Reliability`,description:`Provider-reported versus estimated, unavailable, and unsupported usage across the selected window.`,centerValue:String(e.tokenSources.reduce((e,t)=>e+t.count,0)),centerLabel:`invocations`,segments:n}),r(mt,{title:`Provider Share`,eyebrow:`Signal Integrity`,description:`Provider leaders over the selected period, grouped for a cleaner read under high volume.`,centerValue:D(e.usage.totalTokens),centerLabel:`token volume`,segments:t})]}),r(`div`,{className:`grid grid-cols-1 gap-6 xl:grid-cols-[1fr_1fr]`,children:[r(`div`,{className:`${G} p-6`,children:[r(`div`,{className:`flex items-center gap-3`,children:[r(j,{className:`h-4 w-4 text-status-green`,strokeWidth:2}),r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:`Confidence Board`})]}),r(`div`,{className:`mt-4 grid grid-cols-2 gap-4`,children:[r(`div`,{className:`rounded-2xl border border-status-green/16 bg-status-green/10 p-4`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-status-green`,children:`Reported`}),r(`div`,{className:`mt-2 text-2xl font-black text-slate-900 dark:text-white`,children:e.usage.reportedInvocationCount}),r(`div`,{className:`mt-2 h-1 w-full overflow-hidden rounded-full bg-status-green/20`,children:r(`div`,{className:`h-full bg-status-green`,style:{width:`${i>0?(e.usage.reportedInvocationCount||0)/i*100:0}%`}})})]}),r(`div`,{className:`rounded-2xl border border-amber-500/16 bg-amber-500/10 p-4`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-amber-600 dark:text-amber-400`,children:`Estimated`}),r(`div`,{className:`mt-2 text-2xl font-black text-slate-900 dark:text-white`,children:e.usage.estimatedInvocationCount}),r(`div`,{className:`mt-2 h-1 w-full overflow-hidden rounded-full bg-amber-500/20`,children:r(`div`,{className:`h-full bg-amber-500`,style:{width:`${i>0?(e.usage.estimatedInvocationCount||0)/i*100:0}%`}})})]}),r(`div`,{className:`rounded-2xl border border-rose-500/16 bg-rose-500/10 p-4`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-rose-600 dark:text-rose-400`,children:`Unavailable`}),r(`div`,{className:`mt-2 text-2xl font-black text-slate-900 dark:text-white`,children:e.usage.unavailableInvocationCount}),r(`div`,{className:`mt-2 h-1 w-full overflow-hidden rounded-full bg-rose-500/20`,children:r(`div`,{className:`h-full bg-rose-500`,style:{width:`${i>0?(e.usage.unavailableInvocationCount||0)/i*100:0}%`}})})]}),r(`div`,{className:`rounded-2xl border border-slate-500/16 bg-slate-500/10 p-4`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-600 dark:text-slate-300`,children:`Unsupported`}),r(`div`,{className:`mt-2 text-2xl font-black text-slate-900 dark:text-white`,children:e.usage.unsupportedInvocationCount}),r(`div`,{className:`mt-2 h-1 w-full overflow-hidden rounded-full bg-slate-500/20`,children:r(`div`,{className:`h-full bg-slate-500`,style:{width:`${i>0?(e.usage.unsupportedInvocationCount||0)/i*100:0}%`}})})]})]})]}),r(`div`,{className:`${G} p-6`,children:[r(`div`,{className:`flex items-center gap-3`,children:[r(B,{className:`h-4 w-4 text-amber-500`,strokeWidth:2}),r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:`Audit Notes`})]}),r(`div`,{className:`mt-4 space-y-4`,children:[r(`div`,{className:K,children:[r(`div`,{className:`text-sm font-semibold text-slate-900 dark:text-white`,children:`Fallback policy`}),r(`div`,{className:`mt-2 text-sm leading-relaxed text-slate-500 dark:text-slate-400`,children:`Codex and Claude stay visible even when they cannot report authoritative token counts, but the dashboard explicitly keeps those invocations marked as estimated rather than pretending they are exact.`})]}),r(`div`,{className:K,children:[r(`div`,{className:`text-sm font-semibold text-slate-900 dark:text-white`,children:`Reliability signal`}),r(`div`,{className:`mt-2 text-sm leading-relaxed text-slate-500 dark:text-slate-400`,children:`Reliability mode is tuned for operational trust: how much of the window is exact, how much came from fallback, and where unsupported providers still participate in time tracking without token precision.`})]})]})]})]}),r(`div`,{className:`space-y-4`,children:[r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:`Provider Breakdown`}),r(`div`,{className:`mt-2 text-sm leading-relaxed text-slate-500 dark:text-slate-400`,children:`Per-provider token anatomy, invocation volume, compute time, and telemetry reliability for the selected window.`})]}),e.providers.length===0?r(`div`,{className:`rounded-2xl border border-dashed border-black/[0.08] px-4 py-8 text-center text-sm text-slate-400 dark:border-white/[0.08]`,children:`No provider telemetry for this window.`}):r(`div`,{className:`grid grid-cols-1 gap-4 xl:grid-cols-2`,children:e.providers.slice().sort((e,t)=>t.usage.totalTokens-e.usage.totalTokens).map(t=>{let{icon:n,bg:i,text:a}=dt(t.provider),o=t.usage,s=It(o,e.tokenSources),c=(e.models||[]).filter(e=>e.provider===t.id),l=c.reduce((e,t)=>e+t.duration.sampleCount,0),u=l>0?c.reduce((e,t)=>e+t.duration.avgMs*t.duration.sampleCount,0)/l:null,d=c.reduce((e,t)=>e+(t.statusCounts?.failed??0),0),f=t.usage.invocationCount>0?1-d/t.usage.invocationCount:1,p=f>=.95?`text-emerald-600 dark:text-emerald-400 bg-emerald-500/10 border border-emerald-500/20`:f>=.8?`text-amber-600 dark:text-amber-400 bg-amber-500/10 border border-amber-500/20`:`text-red-500 dark:text-red-400 bg-red-500/10 border border-red-500/20`;return r(`div`,{className:`${G} p-5`,children:[r(`div`,{className:`flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between`,children:[r(`div`,{className:`flex min-w-0 items-start gap-3`,children:[r(`div`,{className:`rounded-xl p-2 ${i} ${a}`,children:r(n,{className:`h-4 w-4`,strokeWidth:2.1})}),r(`div`,{className:`min-w-0`,children:[r(`div`,{className:`truncate text-base font-black text-slate-900 dark:text-white`,title:t.label,children:t.label}),r(`div`,{className:`mt-1 text-sm text-slate-500 dark:text-slate-400`,children:t.secondaryLabel??``})]})]}),r(`div`,{className:`flex flex-wrap items-center gap-2 self-start`,children:[r(`div`,{className:`inline-flex items-center gap-2 rounded-full px-3 py-1.5 text-right text-[10px] font-bold uppercase tracking-[0.18em] ${p}`,children:W(f*100)}),r(`div`,{className:`inline-flex min-w-0 items-center gap-2 rounded-full px-3 py-1.5 text-right text-[10px] font-bold uppercase tracking-[0.18em] ${q}`,children:[r(`span`,{className:`truncate text-base font-black normal-case tracking-tight text-slate-900 dark:text-white`,children:D(t.usage.totalTokens)}),r(`span`,{className:`text-slate-400`,children:`tokens`})]})]})]}),r(`div`,{className:`mt-5 grid grid-cols-2 gap-3 lg:grid-cols-4`,children:[r(`div`,{className:`${K} p-4`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Invocations`}),r(`div`,{className:`mt-2 text-lg font-black text-slate-900 dark:text-white`,children:t.usage.invocationCount.toLocaleString()}),r(`div`,{className:`mt-1 text-[10px] font-bold uppercase tracking-[0.14em] text-slate-400`,children:`calls`})]}),r(`div`,{className:`${K} p-4`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Active Time`}),r(`div`,{className:`mt-2 text-lg font-black text-slate-900 dark:text-white`,children:R(t.usage.activeTimeMs)}),r(`div`,{className:`mt-1 text-[10px] font-bold uppercase tracking-[0.14em] text-slate-400`,children:`active`})]}),r(`div`,{className:`${K} p-4`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Efficiency`}),r(`div`,{className:`mt-2 text-lg font-black text-slate-900 dark:text-white`,children:t.usage.invocationCount>0?`${D(Math.round(t.usage.totalTokens/t.usage.invocationCount))}/call`:`—`}),r(`div`,{className:`mt-1 text-[10px] font-bold uppercase tracking-[0.14em] text-slate-400`,children:`avg tokens/call`})]}),r(`div`,{className:`${K} p-4`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Avg Latency`}),r(`div`,{className:`mt-2 text-lg font-black text-slate-900 dark:text-white`,children:u===null?`—`:R(u)}),r(`div`,{className:`mt-1 text-[10px] font-bold uppercase tracking-[0.14em] text-slate-400`,children:l>0?`${l.toLocaleString()} samples`:`no samples`})]})]}),r(`div`,{className:`mt-5`,children:r(ft,{input:t.usage.inputTokens,cached:t.usage.cachedInputTokens,output:t.usage.outputTokens,reasoning:t.usage.reasoningOutputTokens,total:t.usage.totalTokens})}),r(`div`,{className:`mt-4 flex justify-end`,children:r(`div`,{className:`inline-flex items-center rounded-full px-3 py-1.5 text-[10px] font-bold uppercase tracking-[0.18em] ${q} ${s.tone}`,children:s.label})})]},t.id)})})]})]})};c();var Bt=({icon:e,label:t,value:n,valueClassName:i=`text-slate-900 dark:text-white`})=>r(`div`,{className:`flex items-center gap-3 rounded-2xl border border-[var(--stats-card-border)] bg-[var(--stats-card-bg)] px-4 py-3 backdrop-blur-xl`,children:[r(`div`,{className:`flex h-8 w-8 items-center justify-center rounded-xl bg-signal-500/10 text-signal-600 dark:text-signal-400`,children:r(e,{className:`h-3.5 w-3.5`,strokeWidth:2.2})}),r(`div`,{className:`min-w-0`,children:[r(`div`,{className:`truncate text-base font-black leading-tight ${i}`,children:n}),r(`div`,{className:`text-[9px] font-bold uppercase tracking-[0.18em] text-slate-400`,children:t})]})]}),Vt=[`1h`,`24h`,`7d`,`30d`,`all`];function Ht(e){let t=Date.now()-new Date(e).getTime();if(Number.isNaN(t))return``;let n=Math.floor(Math.max(0,t)/1e3);if(n<60)return`just now`;let r=Math.floor(n/60);if(r<60)return`${r} min ago`;let i=Math.floor(r/60);if(i<24)return`${i} hr ago`;let a=Math.floor(i/24);return`${a} day${a>1?`s`:``} ago`}var Ut={trend:`Time-series view of token throughput, invocations, and compute time across the selected window.`,composition:`Provider share, token anatomy, and purpose breakdown for the selected window.`,models:`Per-model performance rankings: latency, velocity, efficiency, and reliability.`,reliability:`Telemetry source quality, provider confidence, and data integrity audit.`,ledgers:`Deep operational ledgers for individual tasks and sprints.`,system:`Live system debug: invocations, errors, sprint state, and external API activity.`},Wt=({selectedProject:e,stats:t,activeQuery:n,customFrom:i,customTo:a,applyPresetWindow:o,setCustomFrom:s,setCustomTo:c,applyCustomRange:u,visualMode:d,setVisualMode:f})=>{let[p,m]=l(``),h=()=>{i&&a&&new Date(i)>new Date(a)?m(`End date must be after start date.`):(m(``),u())},g=t?.usage,_=t?.statusCounts?t.statusCounts.completed+t.statusCounts.failed+t.statusCounts.cancelled:0,v=`text-slate-900 dark:text-white`,y=`—`;if(t?.statusCounts&&_>0){let e=Math.round(t.statusCounts.completed/_*100);y=`${e}%`,v=e>=95?`text-emerald-600 dark:text-emerald-400`:e>=80?`text-amber-600 dark:text-amber-400`:`text-red-500 dark:text-red-400`}return r(`section`,{className:`${G} rounded-[2.5rem] p-8 md:p-10`,children:r(`div`,{className:`relative flex flex-col gap-6 lg:flex-row lg:items-start lg:justify-between`,children:[r(`div`,{className:`max-w-4xl`,children:[r(`div`,{className:`inline-flex items-center gap-2 rounded-full border border-signal-500/20 bg-signal-500/10 px-4 py-2 text-[10px] font-bold uppercase tracking-[0.2em] text-signal-600 dark:text-signal-400`,children:[r(A,{className:`h-3.5 w-3.5`,strokeWidth:2.2}),`Telemetry Atlas`]}),r(`h1`,{className:`mt-6 text-5xl font-black tracking-[-0.06em] text-slate-900 dark:text-white md:text-7xl`,children:`Statistics.`}),r(`p`,{className:`mt-3 max-w-2xl text-sm text-slate-500 dark:text-slate-400`,children:Ut[d]}),r(`div`,{className:`mt-6 flex flex-wrap gap-3`,children:[r(`div`,{className:`px-4 py-2 text-[11px] font-bold uppercase tracking-[0.16em] text-slate-500 dark:text-slate-300 ${q}`,children:e?.name||`No project selected`}),r(`div`,{className:`px-4 py-2 text-[11px] font-bold uppercase tracking-[0.16em] text-slate-500 dark:text-slate-300 ${q}`,children:t?.activeSprint?`Live sprint ${t.activeSprint.sprintNumber??`?`}`:`Historical lens`}),r(`div`,{className:`px-4 py-2 text-[11px] font-bold uppercase tracking-[0.16em] text-slate-500 dark:text-slate-300 ${q}`,children:[`Generated `,t?I(t.generatedAt):`--`]}),t?r(`div`,{className:`px-4 py-2 text-[11px] font-bold uppercase tracking-[0.16em] text-slate-500 dark:text-slate-300 ${q}`,children:t.range.resolutionLabel}):null]}),t?.generatedAt?r(`div`,{className:`mt-3 text-[10px] font-bold uppercase tracking-[0.14em] text-slate-400`,children:[`Updated `,Ht(t.generatedAt)]}):null,g?r(`div`,{className:`mt-6 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 gap-3`,children:[r(Bt,{icon:Ee,label:`Tokens`,value:D(g.totalTokens)}),r(Bt,{icon:ae,label:`Invocations`,value:g.invocationCount.toLocaleString()}),r(Bt,{icon:be,label:`Active Time`,value:R(g.activeTimeMs)}),r(Bt,{icon:j,label:`Success Rate`,value:y,valueClassName:v}),r(Bt,{icon:De,label:`Models`,value:String(t?.models?.length??0)})]}):null]}),r(`div`,{className:`flex flex-col items-start gap-4 lg:items-end lg:justify-end w-full lg:w-auto mt-6 lg:mt-0`,children:[r(`div`,{role:`group`,"aria-label":`Time window presets`,className:`inline-flex flex-wrap p-1 w-full sm:w-auto ${q}`,children:Vt.map(e=>{let t=n.window===e;return r(`button`,{type:`button`,onClick:()=>o(e),"aria-pressed":t,className:`rounded-full px-4 py-2 text-[11px] font-bold uppercase tracking-[0.2em] transition-all border border-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:var(--accent-focus-ring)] ${t?`bg-amber-500/15 border-amber-500/30 text-amber-700 dark:text-amber-300`:`text-slate-500 hover:bg-[color:var(--fill-muted)] hover:text-slate-900 dark:text-slate-400 dark:hover:text-white`}`,children:e===`all`?`All time`:e},e)})}),n.window===`custom`?r(`div`,{className:`w-full flex flex-col gap-2`,children:[r(`div`,{className:`grid w-full gap-3 sm:grid-cols-[minmax(0,1fr)_minmax(0,1fr)_auto]`,children:[r(`input`,{type:`date`,"aria-label":`Custom start date`,value:i,onInput:e=>{s(e.currentTarget.value),m(``)},className:`${st} !h-10 !px-3 !text-[12px]`,"aria-invalid":P(i,a)?void 0:`true`,"aria-errormessage":P(i,a)?void 0:`custom-range-error`}),r(`input`,{type:`date`,"aria-label":`Custom end date`,value:a,onInput:e=>{c(e.currentTarget.value),m(``)},className:`${st} !h-10 !px-3 !text-[12px]`,"aria-invalid":P(i,a)?void 0:`true`,"aria-errormessage":P(i,a)?void 0:`custom-range-error`}),r(`button`,{type:`button`,onClick:h,disabled:!i||!a,"aria-disabled":!i||!a?`true`:void 0,className:`inline-flex h-10 items-center justify-center rounded-2xl bg-slate-900 px-4 text-[11px] font-bold uppercase tracking-[0.2em] text-white shadow-[0_10px_24px_rgba(15,23,42,0.08)] transition-transform hover:-translate-y-0.5 dark:bg-white dark:text-void-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-signal-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-void-900 disabled:opacity-50 disabled:cursor-not-allowed`,children:`Apply`})]}),r(`div`,{className:`min-h-[1.25rem]`,children:!P(i,a)&&i&&a&&r(`span`,{id:`custom-range-error`,className:`text-xs text-red-500 dark:text-red-400 font-medium`,role:`alert`,children:`End date cannot be before start date`})}),p?r(`div`,{"aria-live":`polite`,className:`text-xs text-red-500 dark:text-red-400`,children:p}):null]}):null,r(lt,{value:d,onChange:f})]})]})})};c();var Gt={status:[],purpose:[],provider:[],errorCategories:[]},Kt=e=>(e||``).trim().toLowerCase(),X=e=>typeof e==`number`&&Number.isFinite(e)?e:0,qt=e=>{if(!e)return 0;let t=Date.parse(e);return Number.isFinite(t)?t:0},Jt=e=>{if(!e.finishedAt)return 0;let t=qt(e.startedAt),n=qt(e.finishedAt);return Math.max(0,n-t)};function Yt(e){let[r,i]=l([]),[a,o]=l(null),[c,u]=l(null),[d,f]=l(null),[p,m]=l(null),[h,g]=l(null),[_,v]=l(null),[y,b]=l(null),[x,S]=l(Gt),[C,w]=l(``),[T,ee]=l({key:`startedAt`,dir:`desc`}),[E,D]=l(!1),[O,k]=l(null),[A,te]=l(0),[j,ne]=l(0);s(()=>{ne(0)},[x,C,T]),s(()=>{if(!e){i([]),o(null),u(null),f(null),m(null),g(null),v(null),b(null),D(!1),k(null);return}let t=!0;return D(!0),k(null),Me(e,{limit:100,offset:j*100,search:C||void 0,sortKey:[`startedAt`,`durationMs`,`totalTokens`,`costCents`].includes(T.key)?T.key:void 0,sortDir:T.dir,status:x.status.length>0?x.status[0]:void 0,purpose:x.purpose.length>0?x.purpose[0]:void 0,provider:x.provider.length>0?x.provider[0]:void 0,errorCategories:x.errorCategories&&x.errorCategories.length>0?x.errorCategories:void 0}).then(e=>{if(t)if(Array.isArray(e))i(e),o(null),u(null);else if(i(e.items),o(e.totalCount),v(e.availablePurposes||null),b(e.availableProviders||null),e.summary){f(e.summary.externalApiMetrics||null),m(e.summary.sprintStateSummary||null),g(e.summary.errorsByCategory||null);let t=e.summary,n=t.completedCount+t.failedCount+t.cancelledCount,r=t.totalInputTokens+t.totalCachedTokens;u({...t,errorRate:t.failedCount/Math.max(1,t.totalInvocations),successRate:n>0?t.completedCount/n:null,cacheHitRate:r>0?t.totalCachedTokens/r:null})}else u(null),f(null),m(null),g(null)}).catch(e=>{t&&k(e instanceof Error?e.message:String(e))}).finally(()=>{t&&D(!1)}),()=>{t=!1}},[e,A,j,C,T,x]);let M=n(()=>{if(a!==null)return r;let e=Kt(C);return[...r.filter(t=>{if(x.status.length>0&&!x.status.includes(t.status))return!1;let n=(t.type||``).trim();if(x.purpose.length>0&&!x.purpose.includes(n))return!1;let r=(t.provider||``).trim();if(x.provider.length>0&&!x.provider.includes(r))return!1;if(x.errorCategories&&x.errorCategories.length>0){let e=(t.lastErrorMessage||``).toLowerCase(),n=!1;for(let r of x.errorCategories)(r===`timeout`&&e.includes(`timeout`)||r===`rateLimit`&&(e.includes(`rate`)||e.includes(`429`))||r===`modelError`&&e.includes(`model`)||r===`apiError`&&(e.includes(`api`)||e.includes(`http`))||r===`cancelled`&&(e.includes(`cancel`)||t.status===`cancelled`))&&(n=!0);if(!n)return!1}return e.length===0?!0:[t.id,t.model,t.type,t.taskTitle,t.lastErrorMessage,t.errorMessage].map(Kt).join(` `).includes(e)})].sort((e,t)=>{let n=T.dir===`asc`?1:-1,r=0,i=0;switch(T.key){case`startedAt`:r=qt(e.startedAt),i=qt(t.startedAt);break;case`totalTokens`:r=X(e.totalTokens),i=X(t.totalTokens);break;case`durationMs`:r=e.finishedAt?Date.parse(e.finishedAt)-Date.parse(e.startedAt):0,i=t.finishedAt?Date.parse(t.finishedAt)-Date.parse(t.startedAt):0,r=Number.isFinite(r)?r:0,i=Number.isFinite(i)?i:0;break;case`inputTokens`:r=X(e.inputTokens),i=X(t.inputTokens);break;case`outputTokens`:r=X(e.outputTokens),i=X(t.outputTokens);break;default:break}let a=r-i;return a===0?e.id.localeCompare(t.id)*n:a*n})},[r,x,C,T,a]),N=n(()=>{if(c)return c;let e=M.length,t=0,n=0,r=0,i=0,a=0,o=0,s=0,l=0,u=0,d=0,f=[];for(let e of M)if(e.status===`running`?t+=1:e.status===`failed`?n+=1:e.status===`completed`?r+=1:e.status===`cancelled`?i+=1:e.status===`paused`&&(a+=1),o+=X(e.totalTokens),s+=X(e.inputTokens),l+=X(e.outputTokens),u+=X(e.cachedInputTokens),e.finishedAt!==null){let t=Jt(e);d+=t,f.push(t)}f.sort((e,t)=>e-t);let p=f.length,m=p>0?f[Math.min(p-1,Math.max(0,Math.ceil(.95*p)-1))]:0,h=r+n+i,g=s+u;return{totalInvocations:e,runningCount:t,failedCount:n,completedCount:r,cancelledCount:i,pausedCount:a,errorRate:n/Math.max(1,e),successRate:h>0?r/h:null,totalTokens:o,totalInputTokens:s,totalOutputTokens:l,totalCachedTokens:u,cacheHitRate:g>0?u/g:null,avgDurationMs:p>0?d/p:0,p95DurationMs:m}},[M,c]),P=n(()=>{if(_)return _;let e=new Set;for(let t of r){let n=(t.type||``).trim();n&&e.add(n)}return Array.from(e).sort((e,t)=>e.localeCompare(t))},[r,_]),F=n(()=>{if(d)return d;let e={git:{calls:0,avgDurationMs:0},jules:{calls:0,avgDurationMs:0},jira:{calls:0,avgDurationMs:0},other:{calls:0,avgDurationMs:0}},t={git:0,jules:0,jira:0,other:0},n={git:0,jules:0,jira:0,other:0};for(let i of r){let r=(i.type||``).toLowerCase(),a=(i.purpose||``).toLowerCase(),o=(i.provider||``).toLowerCase(),s=r===`coding`||r===`planning`||r===`qa`,c=null;r.includes(`git`)||a.includes(`git`)?c=`git`:o===`jules`||r.includes(`jules`)?c=`jules`:r.includes(`jira`)||a.includes(`jira`)?c=`jira`:s||(c=`other`),c&&(e[c].calls+=1,i.finishedAt&&(t[c]+=Jt(i),n[c]+=1))}for(let r of[`git`,`jules`,`jira`,`other`])n[r]>0&&(e[r].avgDurationMs=t[r]/n[r]);return e},[r,d]),I=n(()=>{if(p)return p;let e=new Map,t=0,n=0,i=0;for(let a of r){let r=a.sprintId||a.projectRunId||``;e.has(r)||e.set(r,{statusCounts:{}});let o=e.get(r);o.statusCounts[a.status]=(o.statusCounts[a.status]||0)+1,t+=1,a.status===`running`&&(n+=1),a.status===`paused`&&(i+=1)}let a=0,o=0,s=0;for(let[t,n]of e.entries()){if(!t)continue;let e=n.statusCounts,r=Object.values(e).reduce((e,t)=>e+t,0);e.running>0&&(a+=1),e.failed>0&&(s+=1),e.completed===r&&r>0&&(o+=1)}return{totalSprints:Array.from(e.keys()).filter(e=>e!==``).length,activeSprints:a,completedSprints:o,failedSprints:s,totalTasks:t,runningTasks:n,blockedTasks:i}},[r,p]),L=n(()=>{if(h)return h;let e={timeout:0,rateLimit:0,apiError:0,modelError:0,cancelled:0,other:0};for(let t of r)if(t.status===`failed`||t.status===`cancelled`){let n=(t.lastErrorMessage||``).toLowerCase();n.includes(`timeout`)?e.timeout+=1:n.includes(`rate`)||n.includes(`429`)?e.rateLimit+=1:n.includes(`model`)?e.modelError+=1:n.includes(`api`)||n.includes(`http`)?e.apiError+=1:n.includes(`cancel`)||t.status===`cancelled`?e.cancelled+=1:e.other+=1}return e},[r,h]);return{invocations:M,allInvocations:r,summaryMetrics:N,availablePurposes:P,availableProviders:n(()=>{if(y)return y;let e=new Set;for(let t of r){let n=(t.provider||``).trim();n&&e.add(n)}return Array.from(e).sort((e,t)=>e.localeCompare(t))},[r,y]),filters:x,setFilters:S,search:C,setSearch:w,sort:T,setSort:ee,loading:E,error:O,refetch:t(()=>{te(e=>e+1)},[]),externalApiMetrics:F,sprintStateSummary:I,errorsByCategory:L,page:j,setPage:ne,hasMore:a===null?!1:j*100+r.length<a,totalCount:a===null?r.length:a}}var Xt=[{value:`running`,label:`Running`,activeClass:`border-blue-500/40 bg-blue-500/15 text-blue-300`},{value:`completed`,label:`Completed`,activeClass:`border-emerald-500/40 bg-emerald-500/15 text-emerald-300`},{value:`failed`,label:`Failed`,activeClass:`border-red-500/40 bg-red-500/15 text-red-300`},{value:`cancelled`,label:`Cancelled`,activeClass:`border-slate-500/40 bg-slate-500/15 text-slate-300`},{value:`paused`,label:`Paused`,activeClass:`border-amber-500/40 bg-amber-500/15 text-amber-300`}];function Zt(e){return e.replace(/_/g,` `).split(` `).filter(Boolean).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(` `)}function Qt(e,t){return e.includes(t)?e.filter(e=>e!==t):[...e,t]}function $t(e,t){return[q,`inline-flex items-center gap-2 px-3.5 py-2 text-[11px] font-bold uppercase tracking-[0.16em] transition-all motion-safe:active:scale-[0.98] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-signal-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-void-900`,e?t:`text-slate-500 hover:bg-black/[0.05] hover:border-black/[0.1] hover:text-slate-900 dark:text-slate-400 dark:hover:bg-white/[0.05] dark:hover:text-white`].join(` `)}var en=({filters:e,onFiltersChange:t,search:n,onSearchChange:i,availablePurposes:a,availableProviders:o,totalCount:s,filteredCount:c,page:l,onPageChange:u,hasMore:d})=>{let f=e.status.length>0||e.purpose.length>0||e.provider.length>0||e.errorCategories&&e.errorCategories.length>0||n!==``;return r(`div`,{className:`${K} flex flex-nowrap items-center gap-3 p-3 overflow-x-auto whitespace-nowrap scrollbar-hide`,children:[r(`div`,{className:`relative min-w-0 w-full lg:flex-1 lg:basis-[18rem]`,children:[r(ie,{className:`pointer-events-none absolute left-4 top-1/2 h-4 w-4 -translate-y-1/2 text-slate-400 dark:text-slate-500`,strokeWidth:2}),r(`input`,{type:`search`,value:n,onInput:e=>i(e.currentTarget.value),placeholder:`Search system stats`,className:`${st} w-full pl-10 pr-10`}),n===``?null:r(`button`,{type:`button`,onClick:()=>i(``),"aria-label":`Clear search`,className:`absolute right-2 top-1/2 inline-flex h-8 w-8 -translate-y-1/2 items-center justify-center rounded-full text-slate-400 transition-colors hover:bg-black/[0.05] hover:text-slate-700 dark:hover:bg-white/[0.06] dark:hover:text-slate-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-signal-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-void-900`,children:r(Se,{className:`h-4 w-4`})})]}),r(`div`,{className:`flex flex-wrap items-center gap-2`,children:[r(`div`,{className:`inline-flex items-center gap-1.5 px-3 py-2 text-[10px] font-bold uppercase tracking-[0.18em] text-slate-500 ${q}`,children:[r(y,{className:`h-3.5 w-3.5`,strokeWidth:2.2}),`Status`]}),Xt.map(n=>{let i=e.status.includes(n.value);return r(`button`,{type:`button`,"aria-pressed":i,onClick:()=>t({...e,status:Qt(e.status,n.value)}),className:$t(i,n.activeClass),children:n.label},n.value)})]}),a.length>0?r(`div`,{className:`flex flex-wrap items-center gap-2`,children:[r(`div`,{className:`px-3 py-2 text-[10px] font-bold uppercase tracking-[0.18em] text-slate-500 ${q}`,children:`Purposes`}),a.map(n=>{let i=e.purpose.includes(n);return r(`button`,{type:`button`,"aria-pressed":i,onClick:()=>t({...e,purpose:Qt(e.purpose,n)}),className:$t(i,`border-signal-500/40 bg-signal-500/15 text-signal-400`),children:Zt(n)},n)})]}):null,o.length>0?r(`div`,{className:`flex flex-wrap items-center gap-2`,children:[r(`div`,{className:`px-3 py-2 text-[10px] font-bold uppercase tracking-[0.18em] text-slate-500 ${q}`,children:`Providers`}),o.map(n=>{let i=e.provider.includes(n);return r(`button`,{type:`button`,"aria-pressed":i,onClick:()=>t({...e,provider:Qt(e.provider,n)}),className:$t(i,`border-indigo-500/40 bg-indigo-500/15 text-indigo-300`),children:Zt(n)},n)})]}):null,r(`div`,{className:`flex flex-wrap items-center gap-2`,children:[r(`div`,{className:`inline-flex items-center gap-1.5 px-3 py-2 text-[10px] font-bold uppercase tracking-[0.18em] text-slate-500 ${q}`,children:`Error Category`}),[`timeout`,`rateLimit`,`apiError`,`modelError`,`cancelled`].map(n=>{let i=e.errorCategories?.includes(n)??!1;return r(`button`,{type:`button`,"aria-pressed":i,onClick:()=>t({...e,errorCategories:Qt(e.errorCategories||[],n)}),className:$t(i,`border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-300`),children:Zt(n)},n)})]}),r(`div`,{className:`flex w-full items-center justify-between gap-2 lg:ml-auto lg:w-auto lg:justify-end`,children:[f?r(`button`,{type:`button`,onClick:()=>{t({status:[],purpose:[],provider:[],errorCategories:[]}),i(``)},className:`text-xs text-slate-400 hover:text-slate-700`,children:`Clear all`}):null,r(`div`,{className:`text-[11px] font-bold uppercase tracking-[0.16em] text-slate-500`,children:[`Showing `,c,` `,`of ${s}`]}),l!==void 0&&u&&r(`div`,{className:`flex items-center gap-2 border-l border-slate-200 pl-4 dark:border-white/10`,children:[r(`button`,{type:`button`,disabled:l===0,onClick:()=>u(l-1),className:`text-xs font-bold text-slate-500 hover:text-slate-700 disabled:opacity-50 dark:text-slate-400 dark:hover:text-slate-300`,children:`Prev`}),r(`span`,{className:`text-[11px] font-bold uppercase tracking-[0.16em] text-slate-500`,children:[`Page `,l+1]}),r(`button`,{type:`button`,disabled:!d,onClick:()=>u(l+1),className:`text-xs font-bold text-slate-500 hover:text-slate-700 disabled:opacity-50 dark:text-slate-400 dark:hover:text-slate-300`,children:`Next`})]})]})]})};c();var tn={system:`rounded-xl bg-slate-900/70 border border-white/[0.06] p-3`,user:`rounded-xl bg-void-800/60 p-3`,assistant:`rounded-xl bg-void-700/50 p-3`,tool:`rounded-xl bg-void-900/80 border border-white/[0.04] p-3 font-mono text-xs`},nn={system:`bg-slate-800 text-slate-200`,user:`bg-sky-500/10 text-sky-300`,assistant:`bg-emerald-500/10 text-emerald-300`,tool:`bg-violet-500/10 text-violet-300`};function rn(e){if(!e.finishedAt)return`running`;let t=Date.parse(e.startedAt),n=Date.parse(e.finishedAt);return!Number.isFinite(t)||!Number.isFinite(n)?`running`:R(Math.max(0,n-t))}function an(e){let t=`inline-flex items-center rounded-full px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.16em]`;switch(e){case`running`:return r(`span`,{className:`${t} bg-blue-500/15 text-blue-300`,children:`Running`});case`completed`:return r(`span`,{className:`${t} bg-emerald-500/15 text-emerald-300`,children:`Completed`});case`failed`:return r(`span`,{className:`${t} bg-red-500/15 text-red-300`,children:`Failed`});case`cancelled`:return r(`span`,{className:`${t} bg-slate-500/15 text-slate-300`,children:`Cancelled`});case`paused`:return r(`span`,{className:`${t} bg-amber-500/15 text-amber-300`,children:`Paused`});default:return r(`span`,{className:`${t} bg-white/10 text-slate-300`,children:e})}}var on=({invocation:e})=>{let[t,i]=l([]),[a,o]=l(!0),[c,u]=l(null),[d,f]=l(!1),[p,m]=l({}),h=e.messageCount??0;s(()=>{let t=!0;return o(!0),u(null),i([]),f(!1),m({}),Ne(e.id).then(e=>{t&&i(e)}).catch(e=>{t&&u(e instanceof Error?e.message:String(e))}).finally(()=>{t&&o(!1)}),()=>{t=!1}},[e.id]);let g=n(()=>d?t:t.slice(0,20),[t,d]),v=e=>{m(t=>({...t,[e]:!t[e]}))};return r(`div`,{className:`mt-2 rounded-2xl bg-slate-950/70 border border-white/[0.05] p-4 space-y-3 w-full min-w-0 max-w-full max-h-[500px] overflow-y-auto`,children:[e.lastErrorMessage?r(`details`,{className:`mb-4 group`,children:[r(`summary`,{className:`cursor-pointer list-none text-sm font-bold uppercase tracking-[0.16em] text-red-500 dark:text-red-400 hover:text-red-600 transition-colors`,children:`Error Summary`}),r(`div`,{className:`mt-2 rounded-2xl bg-red-500/10 border border-red-500/20 p-4 text-sm text-red-600 dark:text-red-300`,children:e.lastErrorMessage})]}):null,r(`div`,{className:`space-y-2`,children:[r(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[r(`div`,{className:`flex flex-wrap items-center gap-2`,children:[r(`div`,{className:`text-[11px] font-bold uppercase tracking-[0.18em] text-slate-400`,children:`Message transcript`}),r(`div`,{className:`text-[11px] text-slate-500`,children:I(e.lastMessageAt)})]}),r(`button`,{type:`button`,onClick:()=>navigator.clipboard.writeText(JSON.stringify(t,null,2)),"aria-label":`Copy as JSON`,className:`text-slate-400 hover:text-slate-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-signal-500 rounded p-1`,children:r(Re,{className:`h-4 w-4`})})]}),r(`div`,{className:`flex flex-wrap items-center gap-2 text-sm`,children:[r(`div`,{className:`rounded-full border border-white/[0.06] bg-white/[0.03] px-2.5 py-1 text-slate-200`,children:e.model||`Unknown model`}),an(e.status),r(`div`,{className:`rounded-full border border-white/[0.06] bg-white/[0.03] px-2.5 py-1 text-slate-300`,children:rn(e)}),r(`div`,{className:`rounded-full border border-white/[0.06] bg-white/[0.03] px-2.5 py-1 text-slate-300`,children:[D(e.totalTokens??0),` total tokens`]}),r(`div`,{className:`rounded-full border border-white/[0.06] bg-white/[0.03] px-2.5 py-1 text-slate-300`,children:[h.toLocaleString(),` messages`]})]}),e.lastErrorMessage?r(`div`,{className:`rounded-xl border border-red-500/20 bg-red-500/10 px-3 py-2 text-sm text-red-300`,children:e.lastErrorMessage}):null]}),a?r(`div`,{className:`flex items-center gap-2 rounded-xl border border-white/[0.05] bg-white/[0.03] px-3 py-3 text-sm text-slate-400`,children:[r(ue,{className:`h-4 w-4 motion-safe:animate-spin`}),`Loading messages`]}):c?r(`div`,{className:`rounded-xl border border-red-500/20 bg-red-500/10 px-3 py-3 text-sm text-red-300`,children:[`Failed to load invocation messages — `,c]}):t.length===0?r(`div`,{className:`rounded-xl border border-white/[0.05] bg-white/[0.03] px-3 py-4 text-sm text-slate-400`,children:`No messages recorded for this invocation`}):r(`div`,{className:`space-y-3`,children:[g.map((t,n)=>{let i=t.role===`system`,a=!!p[t.id],o=i&&!a?{display:`-webkit-box`,WebkitBoxOrient:`vertical`,WebkitLineClamp:5,overflow:`hidden`}:void 0;return r(`div`,{className:`${tn[t.role]} ${n%2==1?`bg-transparent`:`bg-black/[0.015] dark:bg-white/[0.015]`} ${t.role===`error`||t.contentMarkdown?.includes(`Error`)?`border-l-2 border-red-400 text-red-600 dark:text-red-300`:``}`,children:[r(`div`,{className:`flex items-center justify-between gap-3`,children:[r(`div`,{className:`flex items-center gap-2`,children:[r(`span`,{className:`inline-flex h-7 w-7 items-center justify-center rounded-full ${nn[t.role]}`,children:[t.role===`system`?r(te,{className:`h-3.5 w-3.5`}):null,t.role===`user`?r(S,{className:`h-3.5 w-3.5`}):null,t.role===`assistant`?r(E,{className:`h-3.5 w-3.5`}):null,t.role===`tool`?r(Te,{className:`h-3.5 w-3.5`}):null]}),r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.18em] text-slate-400`,children:t.role===`assistant`?e.model||`ASSISTANT`:t.role.toUpperCase()})]}),r(`div`,{className:`text-[10px] text-slate-500`,children:I(t.createdAt)})]}),r(`pre`,{className:`whitespace-pre-wrap break-words text-xs text-slate-300 mt-2 overflow-x-auto`,style:o,children:t.contentMarkdown}),i?r(`button`,{type:`button`,onClick:()=>v(t.id),className:`mt-2 inline-flex items-center gap-1.5 text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400 transition-colors hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-signal-500 rounded px-1`,children:a?`Show less`:`Show more`}):null]},t.id)}),t.length>20&&!d?r(`button`,{type:`button`,onClick:()=>f(!0),className:`inline-flex items-center gap-2 rounded-xl border border-white/[0.08] bg-white/[0.04] px-3 py-2 text-[11px] font-bold uppercase tracking-[0.18em] text-slate-300 transition-colors hover:bg-white/[0.08] hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-signal-500`,children:[r(_e,{className:`h-3.5 w-3.5`}),`Show all `,t.length,` messages`]}):null,r(`div`,{className:`flex items-center gap-2 text-[11px] text-slate-500`,children:[r(_,{className:`h-3.5 w-3.5`}),`Transcript rendered as plain text for readability and safety.`]})]})]})};c(),a();function sn(e,t,r=20){let[i,a]=l(typeof r==`number`?r:Pe(r,e.length));return{visibleInvocations:n(()=>{let n=e.slice(0,i);if(t&&!n.some(e=>e.id===t)){let r=e.find(e=>e.id===t);r&&(n=[...n,r])}return n},[e,i,t]),hasMore:i<e.length,revealMore:()=>a(e=>e+(typeof r==`number`?r:20))}}var cn=({invocations:t,sort:n,onSortChange:i,expandedId:a,onRowExpand:o,loading:s})=>{let c=a===null?null:t.find(e=>e.id===a)??null,{visibleInvocations:l,hasMore:u,revealMore:f}=sn(t,a),m=e=>{n.key===e?i({key:e,dir:n.dir===`asc`?`desc`:`asc`}):i({key:e,dir:`desc`})},h=e=>n.key===e?n.dir===`asc`?r(g,{"aria-label":`sorted ascending`,className:`ml-1 h-3 w-3 text-signal-500`}):r(d,{"aria-label":`sorted descending`,className:`ml-1 h-3 w-3 text-signal-500`}):r(p,{"aria-label":`sortable`,className:`ml-1 h-3 w-3`}),_=e=>{switch(e){case`running`:return r(`div`,{className:`${q} flex items-center gap-1.5 border border-black/[0.06] bg-[color:var(--surface-glass)] px-2 py-1 text-[10px] font-bold uppercase tracking-wider text-blue-600 dark:text-blue-300 dark:border-white/[0.06]`,children:[r(`div`,{className:`h-2 w-2 rounded-full bg-blue-500`}),r(ue,{className:`h-3 w-3 animate-spin`}),`Running`]});case`completed`:return r(`div`,{className:`${q} flex items-center gap-1.5 border border-black/[0.06] bg-[color:var(--surface-glass)] px-2 py-1 text-[10px] font-bold uppercase tracking-wider text-emerald-600 dark:text-emerald-300 dark:border-white/[0.06]`,children:[r(`div`,{className:`h-2 w-2 rounded-full bg-emerald-500`}),r(Oe,{className:`h-3 w-3`}),`Completed`]});case`failed`:return r(`div`,{className:`${q} flex items-center gap-1.5 border border-black/[0.06] bg-[color:var(--surface-glass)] px-2 py-1 text-[10px] font-bold uppercase tracking-wider text-red-600 dark:text-red-300 dark:border-white/[0.06]`,children:[r(`div`,{className:`h-2 w-2 rounded-full bg-red-500`}),r(xe,{className:`h-3 w-3`}),`Failed`]});case`cancelled`:return r(`div`,{className:`${q} flex items-center gap-1.5 border border-black/[0.06] bg-[color:var(--surface-glass)] px-2 py-1 text-[10px] font-bold uppercase tracking-wider text-slate-600 dark:text-slate-300 dark:border-white/[0.06]`,children:[r(`div`,{className:`h-2 w-2 rounded-full bg-slate-500`}),r(Le,{className:`h-3 w-3`}),`Cancelled`]});case`paused`:return r(`div`,{className:`${q} flex items-center gap-1.5 border border-black/[0.06] bg-[color:var(--surface-glass)] px-2 py-1 text-[10px] font-bold uppercase tracking-wider text-amber-600 dark:text-amber-300 dark:border-white/[0.06]`,children:[r(`div`,{className:`h-2 w-2 rounded-full bg-amber-500`}),r(he,{className:`h-3 w-3`}),`Paused`]});default:return r(`div`,{className:`${q} px-2 py-1 text-[10px] font-bold uppercase tracking-wider text-slate-400`,children:e})}};return s?r(`div`,{role:`status`,"aria-label":`Loading invocations`,className:`space-y-3`,children:Array.from({length:6}).map((e,t)=>r(`div`,{className:`${ct} h-20 motion-safe:animate-pulse bg-slate-100/50 dark:bg-white/5`},t))}):t.length===0?r(`div`,{role:`status`,className:`flex flex-col items-center justify-center py-20 text-slate-500`,children:[r(ge,{className:`mb-4 h-10 w-10 opacity-20`}),r(`div`,{className:`text-sm font-medium`,children:`No invocations match the current filters`})]}):r(`div`,{className:`overflow-x-auto`,children:[r(`table`,{className:`w-full border-separate border-spacing-y-2 block lg:table`,children:[r(`thead`,{className:`sticky top-0 z-10 bg-white/90 backdrop-blur-sm dark:bg-void-900/80 hidden lg:table-header-group`,children:r(`tr`,{className:`text-left text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:[r(`th`,{className:`pb-2 pl-6`,children:r(`button`,{type:`button`,onClick:()=>m(`startedAt`),className:`flex items-center hover:text-slate-900 dark:hover:text-white`,children:[`Time `,h(`startedAt`)]})}),r(`th`,{className:`pb-2`,children:`Status`}),r(`th`,{className:`pb-2`,children:`Type`}),r(`th`,{className:`pb-2`,children:`Model`}),r(`th`,{className:`pb-2`,children:r(`button`,{type:`button`,onClick:()=>m(`inputTokens`),className:`flex items-center hover:text-slate-900 dark:hover:text-white`,children:[`In `,h(`inputTokens`)]})}),r(`th`,{className:`pb-2`,children:r(`button`,{type:`button`,onClick:()=>m(`outputTokens`),className:`flex items-center hover:text-slate-900 dark:hover:text-white`,children:[`Out `,h(`outputTokens`)]})}),r(`th`,{className:`pb-2`,children:`Cached`}),r(`th`,{className:`pb-2`,children:r(`button`,{type:`button`,onClick:()=>m(`totalTokens`),className:`flex items-center hover:text-slate-900 dark:hover:text-white`,children:[`Total `,h(`totalTokens`)]})}),r(`th`,{className:`hidden pb-2 md:table-cell`,children:r(`button`,{type:`button`,onClick:()=>m(`durationMs`),className:`flex items-center hover:text-slate-900 dark:hover:text-white`,children:[`Avg Duration `,h(`durationMs`)]})}),r(`th`,{className:`pb-2`,children:`Context`}),r(`th`,{className:`pb-2 pr-6 text-right`,children:`Expand`})]})}),r(`tbody`,{className:`block lg:table-row-group`,children:l.map(t=>{let n=a===t.id,{icon:i,bg:s,text:l}=dt(t.provider),u=t.finishedAt?R(Date.parse(t.finishedAt)-Date.parse(t.startedAt)):`running`;return r(e,{children:[r(`tr`,{className:`block lg:table-row`,children:r(`td`,{colSpan:11,className:`p-0 block lg:table-cell`,children:[r(`div`,{className:`${ct} flex items-center p-4 lg:p-6 ${t.status===`running`?`border-l-2 border-l-blue-400 bg-blue-500/[0.02]`:t.status===`failed`?`border-l-2 border-l-red-400 bg-red-500/[0.02]`:``}`,children:r(`div`,{className:`flex flex-col gap-3 lg:grid lg:w-full lg:grid-cols-[1.2fr_1fr_1fr_1.4fr_0.6fr_0.6fr_0.6fr_0.8fr_0.8fr_1fr_0.4fr] lg:items-center lg:gap-2`,children:[r(`div`,{className:`flex items-center justify-between lg:contents`,children:[r(`div`,{className:`text-[11px] font-mono text-slate-400`,children:I(t.startedAt)}),r(`div`,{className:`flex justify-end lg:hidden`,children:r(`button`,{type:`button`,onClick:()=>o(n?null:t.id),"aria-label":n?`Collapse invocation ${t.id}`:`Expand invocation ${t.id}`,className:`rounded-full p-2 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-signal-500 hover:bg-black/[0.04] dark:hover:bg-white/5 ${n?`text-signal-500`:`text-slate-400`}`,children:r(n?Ae:O,{className:`h-4 w-4`})})})]}),r(`div`,{className:`flex items-center gap-2 lg:contents`,children:[r(`div`,{children:_(t.status)}),r(`div`,{className:`flex`,children:r(`div`,{className:`${q} px-2 py-0.5 text-[10px] font-medium text-slate-500`,children:t.type?.replace(/_/g,` `)||`unknown`})})]}),r(`div`,{className:`mt-3 flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between lg:contents`,children:[r(`div`,{className:`flex items-center gap-2 text-[11px] text-slate-600 dark:text-slate-300`,children:[r(`div`,{className:`rounded-lg p-1.5 ${s} ${l}`,children:r(i,{className:`h-3 w-3`,strokeWidth:2.5})}),r(`span`,{className:`truncate`,children:t.model||`—`})]}),r(`div`,{className:`grid grid-cols-4 gap-2 rounded-lg border border-slate-200/60 bg-slate-50 p-2 dark:border-white/5 dark:bg-white/[0.02] lg:contents lg:border-0 lg:bg-transparent lg:p-0`,children:[r(`div`,{children:[r(`div`,{className:`mb-1 text-[9px] font-bold uppercase text-slate-400 lg:hidden`,children:`In`}),r(`div`,{className:`text-[11px] text-blue-600 dark:text-blue-400`,children:D(t.inputTokens??0)})]}),r(`div`,{children:[r(`div`,{className:`mb-1 text-[9px] font-bold uppercase text-slate-400 lg:hidden`,children:`Out`}),r(`div`,{className:`text-[11px] text-emerald-600 dark:text-emerald-400`,children:D(t.outputTokens??0)})]}),r(`div`,{children:[r(`div`,{className:`mb-1 text-[9px] font-bold uppercase text-slate-400 lg:hidden`,children:`Cached`}),r(`div`,{className:`text-[11px] text-purple-600 dark:text-purple-400`,children:D(t.cachedInputTokens??0)})]}),r(`div`,{children:[r(`div`,{className:`mb-1 text-[9px] font-bold uppercase text-slate-400 lg:hidden`,children:`Total`}),r(`div`,{className:`text-[11px] font-bold text-slate-900 dark:text-white`,children:D(t.totalTokens??0)})]})]}),r(`div`,{className:`hidden md:block text-[11px] ${t.finishedAt?`text-slate-600 dark:text-slate-300`:`text-blue-600 dark:text-blue-400`}`,children:u})]}),r(`div`,{className:`flex flex-wrap gap-1 lg:contents`,children:r(`div`,{className:`flex flex-wrap gap-1`,children:(t.sprintNumber!==null||t.taskKey!==null)&&r(e,{children:[t.sprintNumber!==null&&r(`div`,{className:`rounded-full border border-black/[0.06] bg-white/70 shadow-[0_1px_3px_rgba(0,0,0,0.04)] backdrop-blur-xl dark:border-white/[0.06] dark:bg-void-900/55 dark:shadow-[0_1px_3px_rgba(0,0,0,0.18)] px-1.5 py-0.5 text-[9px] font-bold text-slate-400`,children:[`S`,t.sprintNumber]}),t.taskKey!==null&&r(`div`,{className:`rounded-full border border-black/[0.06] bg-white/70 shadow-[0_1px_3px_rgba(0,0,0,0.04)] backdrop-blur-xl dark:border-white/[0.06] dark:bg-void-900/55 dark:shadow-[0_1px_3px_rgba(0,0,0,0.18)] px-1.5 py-0.5 text-[9px] font-bold text-slate-400`,children:t.taskKey})]})})}),r(`div`,{className:`hidden lg:flex lg:justify-end`,children:r(`button`,{type:`button`,onClick:()=>o(n?null:t.id),"aria-label":n?`Collapse invocation ${t.id}`:`Expand invocation ${t.id}`,className:`rounded-full p-2 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-signal-500 hover:bg-black/[0.04] dark:hover:bg-white/5 ${n?`text-signal-500`:`text-slate-400`}`,children:r(n?Ae:O,{className:`h-4 w-4`})})})]})}),t.status===`failed`&&(t.lastErrorMessage||t.errorMessage)&&r(`div`,{className:`mt-[-8px] px-6 pb-4`,children:r(`div`,{className:`flex items-center gap-1.5 text-[11px] text-red-600 dark:text-red-400`,children:[r(ge,{className:`h-3 w-3 flex-shrink-0`}),r(`span`,{children:t.lastErrorMessage||t.errorMessage})]})})]})},t.id),n&&c?r(`tr`,{className:`block lg:table-row`,children:r(`td`,{colSpan:11,className:`px-0 pb-2 lg:px-6 block lg:table-cell`,children:r(on,{invocation:c})})},`${t.id}-detail`):null]})})})]}),u&&r(`div`,{className:`mt-4 flex justify-center pb-4`,children:r(`button`,{type:`button`,onClick:f,className:`rounded-full bg-slate-100 px-4 py-2 text-xs font-bold text-slate-600 transition-colors hover:bg-slate-200 dark:bg-white/5 dark:text-slate-300 dark:hover:bg-white/10`,children:`Show more invocations`})})]})};c();var Z=({icon:e,label:t,value:n,detail:i,circleClassName:a,valueClassName:o})=>r(`div`,{className:`${K} p-4`,children:[r(`div`,{className:`mb-4 flex h-10 w-10 items-center justify-center rounded-2xl ${a}`,children:r(e,{className:`h-4 w-4`,strokeWidth:2.25})}),r(`div`,{className:`text-3xl font-black tracking-tight ${o||`text-slate-900 dark:text-white`}`,children:n}),r(`div`,{className:`mt-2 text-[11px] font-bold uppercase tracking-[0.16em] text-slate-500`,children:t}),r(`div`,{className:`mt-1 text-[11px] font-medium text-slate-400 dark:text-slate-500`,children:i})]}),ln=[{key:`completedCount`,label:`Completed`,barClassName:`bg-emerald-500`,dotClassName:`bg-emerald-500`},{key:`runningCount`,label:`Running`,barClassName:`bg-blue-500`,dotClassName:`bg-blue-500`},{key:`failedCount`,label:`Failed`,barClassName:`bg-red-500`,dotClassName:`bg-red-500`},{key:`cancelledCount`,label:`Cancelled`,barClassName:`bg-slate-400`,dotClassName:`bg-slate-400`},{key:`pausedCount`,label:`Paused`,barClassName:`bg-amber-500`,dotClassName:`bg-amber-500`}],un=({metrics:e})=>{let t=ln.reduce((t,n)=>t+e[n.key],0);return t===0?null:r(`div`,{className:`${K} p-4`,children:[r(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:`Status Distribution`}),r(`div`,{className:`flex flex-wrap items-center gap-3`,children:ln.filter(t=>e[t.key]>0).map(t=>r(`div`,{className:`inline-flex items-center gap-1.5 text-[10px] font-bold uppercase tracking-[0.14em] text-slate-500 dark:text-slate-400`,children:[r(`span`,{className:`h-2 w-2 rounded-full ${t.dotClassName}`}),t.label,` · `,e[t.key]]},t.key))})]}),r(`div`,{className:`mt-3 flex h-2.5 w-full overflow-hidden rounded-full bg-black/[0.05] dark:bg-white/[0.05]`,children:ln.map(n=>{let i=e[n.key];return i===0?null:r(`div`,{className:`h-full ${n.barClassName} transition-all duration-500`,style:{width:`${i/t*100}%`},title:`${n.label}: ${i}`},n.key)})})]})},dn=({projectId:e})=>{let{invocations:t,allInvocations:i,summaryMetrics:a,availablePurposes:o,availableProviders:s,filters:c,setFilters:u,search:d,setSearch:f,sort:p,setSort:m,loading:h,error:g,refetch:_,externalApiMetrics:y,sprintStateSummary:b,errorsByCategory:x,page:S,setPage:C,hasMore:w,totalCount:T}=Yt(e),[ee,E]=l(null),[O,k]=l(`all`),A=n(()=>{if(O===`errors`)return t.filter(e=>e.status===`failed`||e.status===`cancelled`);if(O===`system`){let e=t.filter(e=>{let t=(e.type||``).toLowerCase();return t.includes(`system`)||t.includes(`message`)});return e.length>0?e:t.filter(e=>!!e.lastErrorMessage)}return t},[O,t]),te=a.successRate===null?`—`:`${Math.round(a.successRate*100)}%`,ne=a.successRate===null?`text-slate-900 dark:text-white`:a.successRate>=.95?`text-emerald-600 dark:text-emerald-400`:a.successRate>=.8?`text-amber-600 dark:text-amber-400`:`text-red-500 dark:text-red-400`,M=b||{totalSprints:0,activeSprints:0,completedSprints:0,failedSprints:0,totalTasks:0,runningTasks:0,blockedTasks:0},N=y||{git:{calls:0,avgDurationMs:0},jules:{calls:0,avgDurationMs:0},jira:{calls:0,avgDurationMs:0},other:{calls:0,avgDurationMs:0}},P=Object.entries(x||{timeout:0,rateLimit:0,apiError:0,modelError:0,cancelled:0,other:0}).filter(([e,t])=>t>0),F=P.reduce((e,[t,n])=>e+n,0);return r(`div`,{className:`space-y-8`,children:[r(`div`,{className:`${G} rounded-[2.2rem] p-6 md:p-7 mb-8`,children:r(gt,{icon:z,eyebrow:`System Telemetry`,title:`Invocations & System Logs`,description:`Full operational log of every invocation across this project — filterable by status, type, and provider, with reliability and latency metrics computed live over the filtered set.`})}),r(`section`,{className:`space-y-4`,children:[r(`div`,{className:`flex items-center gap-3`,children:[r(`div`,{className:`px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.16em] text-amber-500 ${q}`,children:`Sprint Overview`}),r(`div`,{className:`text-xl font-black text-slate-900 dark:text-white`,children:`Active State`})]}),r(`div`,{className:`grid grid-cols-2 gap-3 xl:grid-cols-4`,children:[r(Z,{icon:ae,label:`Total Sprints`,value:M.totalSprints.toLocaleString(),detail:`recorded across logs`,circleClassName:`bg-slate-500/10 text-slate-500 dark:text-slate-400`}),r(Z,{icon:ke,label:`Active Sprints`,value:M.activeSprints>0?M.activeSprints.toLocaleString():`0`,detail:M.activeSprints>0?`${M.runningTasks} tasks live`:r(`span`,{className:`inline-flex items-center rounded-full bg-signal-500 px-2 py-0.5 text-[9px] font-bold text-white`,children:`All settled`}),circleClassName:`bg-blue-500/10 text-blue-500 dark:text-blue-400`}),r(Z,{icon:j,label:`Completed Sprints`,value:M.completedSprints.toLocaleString(),detail:`${M.failedSprints} failed`,circleClassName:`bg-emerald-500/10 text-emerald-500 dark:text-emerald-400`}),r(Z,{icon:v,label:`Total Tasks`,value:M.totalTasks.toLocaleString(),detail:`${M.blockedTasks} blocked`,circleClassName:`bg-cyan-500/10 text-cyan-500 dark:text-cyan-400`})]})]}),r(`section`,{className:`space-y-4`,children:[r(`div`,{className:`flex items-center gap-3`,children:[r(`div`,{className:`px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.16em] text-amber-500 ${q}`,children:`Status Distribution`}),r(`div`,{className:`flex items-center gap-2`,children:[r(`div`,{className:`text-xl font-black text-slate-900 dark:text-white`,children:`Invocations`}),a.runningCount>0&&r(`div`,{className:`h-2 w-2 animate-pulse rounded-full bg-blue-400`})]})]}),r(`div`,{className:`grid grid-cols-2 gap-3 md:grid-cols-3 xl:grid-cols-6 mb-4`,children:[r(Z,{icon:ae,label:`Invocations`,value:a.totalInvocations.toLocaleString(),detail:`${a.completedCount.toLocaleString()} completed`,circleClassName:`bg-signal-500/10 text-signal-500 dark:text-signal-400`}),r(Z,{icon:Ee,label:`Total Tokens`,value:D(a.totalTokens),detail:`${D(a.totalOutputTokens)} output`,circleClassName:`bg-amber-500/10 text-amber-500 dark:text-amber-400`}),r(Z,{icon:j,label:`Success Rate`,value:te,detail:a.failedCount>0?`${a.failedCount} failed`:`no failures`,circleClassName:`bg-emerald-500/10 text-emerald-500 dark:text-emerald-400`,valueClassName:ne}),r(Z,{icon:ye,label:`Avg Duration`,value:R(a.avgDurationMs),detail:a.p95DurationMs>0?`p95 ${R(a.p95DurationMs)}`:`no finished calls`,circleClassName:`bg-cyan-500/10 text-cyan-500 dark:text-cyan-400`}),r(Z,{icon:v,label:`Cache Hits`,value:a.cacheHitRate===null?`—`:`${Math.round(a.cacheHitRate*100)}%`,detail:`${D(a.totalCachedTokens)} cached tokens`,circleClassName:`bg-violet-500/10 text-violet-500 dark:text-violet-400`}),r(Z,{icon:ke,label:`Running`,value:a.runningCount.toLocaleString(),detail:a.runningCount>0?`live right now`:`all settled`,circleClassName:a.runningCount>0?`bg-blue-500/10 text-blue-500 dark:text-blue-400`:`bg-slate-500/10 text-slate-500 dark:text-slate-400`,valueClassName:a.runningCount>0?`text-blue-600 dark:text-blue-300`:void 0})]}),r(un,{metrics:a})]}),r(`section`,{className:`space-y-4`,children:[r(`div`,{className:`flex flex-wrap items-center justify-between gap-4`,children:[r(`div`,{className:`flex items-center gap-3`,children:[r(`div`,{className:`px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.16em] text-amber-500 ${q}`,children:`Error Log`}),r(`div`,{className:`text-xl font-black text-slate-900 dark:text-white`,children:`Failure Analysis`})]}),F>0&&r(`div`,{className:`flex h-8 items-center justify-center rounded-full border-2 border-amber-500/30 bg-amber-500/10 px-3 text-[11px] font-bold text-amber-600 dark:text-amber-400`,children:[F,` total failures`]})]}),P.length===0?r(`div`,{className:`${K} flex flex-col items-center justify-center py-12 text-center`,children:[r(j,{className:`mb-3 h-8 w-8 text-emerald-500/50`}),r(`div`,{className:`text-sm font-bold text-slate-900 dark:text-white`,children:`No Errors Recorded`}),r(`div`,{className:`mt-1 text-sm text-slate-500`,children:`All invocations completed successfully.`})]}):r(`div`,{className:`grid gap-3 lg:grid-cols-2 xl:grid-cols-3`,children:P.map(([e,t])=>{let n=e===`rateLimit`?`Rate Limit`:e===`apiError`?`API Error`:e===`modelError`?`Model Error`:e.charAt(0).toUpperCase()+e.slice(1),i=e===`timeout`?`bg-amber-500`:e===`rateLimit`?`bg-orange-500`:e===`cancelled`?`bg-slate-400`:`bg-red-500`;return r(`div`,{className:`${K} flex items-center justify-between p-4 hover:bg-[color:var(--fill-muted-hover)] transition-colors`,children:[r(`div`,{className:`flex items-center gap-3`,children:[r(`div`,{className:`h-2.5 w-2.5 rounded-full ${i}`}),r(`div`,{className:`text-sm font-bold text-slate-900 dark:text-white`,children:n})]}),r(`div`,{className:`text-lg font-black tracking-tight text-slate-900 dark:text-white`,children:t})]},e)})})]}),r(`section`,{className:`space-y-4`,children:[r(`div`,{className:`flex flex-wrap items-center justify-between gap-4`,children:[r(`div`,{className:`flex items-center gap-3`,children:[r(`div`,{className:`px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.16em] text-amber-500 ${q}`,children:`Invocations`}),r(`div`,{className:`text-xl font-black text-slate-900 dark:text-white`,children:`Detailed Log`})]}),r(`div`,{className:`flex flex-wrap gap-2`,children:Object.entries(N).filter(([e,t])=>t.calls>0).map(([e,t])=>r(`div`,{className:`px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.16em] text-slate-500 ${q}`,children:[e.charAt(0).toUpperCase()+e.slice(1),` · `,t.calls,` calls`]},e))})]}),r(`div`,{className:`space-y-4`,children:[r(`div`,{className:`flex gap-1 rounded-2xl border border-[var(--stats-card-border)] bg-[var(--stats-card-bg)] p-1 self-start`,children:[`all`,`errors`,`system`].map(e=>r(`button`,{type:`button`,onClick:()=>k(e),className:`rounded-xl px-4 py-2 text-[11px] font-bold uppercase tracking-[0.18em] transition-all ${O===e?`bg-amber-500 text-white shadow-sm ring-2 ring-amber-500/30`:`text-slate-500 hover:text-slate-900 dark:text-slate-400 dark:hover:text-white`}`,children:e===`all`?`All`:e===`errors`?`Errors`:`System Msgs`},e))}),r(en,{filters:c,onFiltersChange:u,search:d,onSearchChange:f,availablePurposes:o,availableProviders:s,totalCount:T,filteredCount:A.length,page:S,onPageChange:C,hasMore:w}),g?r(`div`,{className:`rounded-2xl border border-red-500/20 bg-red-500/10 px-4 py-3 text-sm text-red-500 dark:text-red-400`,children:[`Failed to load invocations — `,g]}):null,r(cn,{invocations:A,sort:p,onSortChange:m,expandedId:ee,onRowExpand:e=>E(t=>t===e?null:e),loading:h})]})]})]})};function fn(e){let t=e.inputTokens+e.cachedInputTokens,n=e.activeTimeMs/6e4;return{cacheHitRate:t>0?e.cachedInputTokens/t:null,tokensPerCall:e.invocationCount>0?e.totalTokens/e.invocationCount:null,outputTokensPerMinute:n>0?e.outputTokens/n:null,reasoningShare:e.outputTokens+e.reasoningOutputTokens>0?e.reasoningOutputTokens/(e.outputTokens+e.reasoningOutputTokens):null,outputInputRatio:t>0?e.outputTokens/t:null}}function pn(e){return e===null?`—`:`${(e*100).toFixed(+(e>=.995&&e<1))}%`}function mn(e){return e===null?`neutral`:e>=.95?`strong`:e>=.8?`warn`:`critical`}var hn=3;function gn(e){let t=e.filter(e=>e.usage.invocationCount>=hn),n=t.length>0?t:e,r=n.length>0?n.reduce((e,t)=>t.usage.totalTokens>e.usage.totalTokens?t:e):null,i=n.filter(e=>e.duration.sampleCount>0&&e.duration.p50Ms>0),a=i.length>0?i.reduce((e,t)=>t.duration.p50Ms<e.duration.p50Ms?t:e):null,o=n.filter(e=>e.successRate!==null),s=o.length>0?o.reduce((e,t)=>(t.successRate??0)>(e.successRate??0)?t:e):null,c=n.filter(e=>{let t=fn(e.usage);return t.cacheHitRate!==null&&t.cacheHitRate>0}),l=c.length>0?c.reduce((e,t)=>{let n=fn(e.usage).cacheHitRate??0;return(fn(t.usage).cacheHitRate??0)>n?t:e}):null;return{busiest:r?{model:r,value:`${Sn(r.usage.totalTokens)} tokens`}:null,fastest:a?{model:a,value:`${Cn(a.duration.p50Ms)} median`}:null,mostReliable:s?{model:s,value:`${pn(s.successRate)} success`}:null,bestCache:l?{model:l,value:`${Math.round((fn(l.usage).cacheHitRate??0)*100)}% cache hits`}:null}}var _n=[`rgba(0,224,160,0.9)`,`rgba(255,184,0,0.88)`,`rgba(0,170,255,0.9)`,`rgba(251,113,133,0.88)`,`rgba(139,92,246,0.88)`],vn=[`text-signal-600 dark:text-signal-400`,`text-amber-600 dark:text-amber-400`,`text-cyan-600 dark:text-cyan-400`,`text-rose-600 dark:text-rose-400`,`text-violet-600 dark:text-violet-400`];function yn(e){let t=e.filter(e=>e.usage.invocationCount>=hn),n=(t.length>0?t:e).filter(e=>e.usage.outputTokens>0&&e.usage.activeTimeMs>0);if(n.length===0)return null;let r=n.reduce((e,t)=>{let n=e.usage.outputTokens/Math.max(1,e.usage.activeTimeMs/1e3);return t.usage.outputTokens/Math.max(1,t.usage.activeTimeMs/1e3)>n?t:e});return{model:r,value:`${Math.round(r.usage.outputTokens/Math.max(1,r.usage.activeTimeMs/1e3))} tok/s`}}function bn(e){let t=e.filter(e=>e.usage.invocationCount>=hn),n=(t.length>0?t:e).filter(e=>e.usage.reasoningOutputTokens>0&&e.usage.outputTokens>0);if(n.length===0)return null;let r=n.reduce((e,t)=>{let n=e.usage.reasoningOutputTokens/Math.max(1,e.usage.outputTokens);return t.usage.reasoningOutputTokens/Math.max(1,t.usage.outputTokens)>n?t:e});return{model:r,value:`${Math.round(r.usage.reasoningOutputTokens/Math.max(1,r.usage.outputTokens)*100)}% reasoning`}}function xn(e,t=5){let n=[...e].sort((e,t)=>t.usage.totalTokens-e.usage.totalTokens),r=n.slice(0,t),i=n.slice(t),a=r.map((e,t)=>({label:e.label,value:e.usage.totalTokens,color:_n[t%_n.length],textClassName:vn[t%vn.length]}));return i.length>0&&a.push({label:`Other models`,value:i.reduce((e,t)=>e+t.usage.totalTokens,0),color:`rgba(148,163,184,0.46)`,textClassName:`text-slate-600 dark:text-slate-300`}),a.filter(e=>e.value>0)}function Sn(e){return e>=1e6?`${(e/1e6).toFixed(2)}M`:e>=1e3?`${(e/1e3).toFixed(1)}k`:String(e)}function Cn(e){let t=Math.max(0,Math.round(e/1e3)),n=Math.floor(t/3600),r=Math.floor(t%3600/60),i=t%60;return n>0?`${n}h ${r}m`:r>0?`${r}m ${i}s`:`${i}s`}a();var wn={strong:`border-status-green/30 bg-status-green/10 text-status-green`,warn:`border-amber-500/30 bg-amber-500/10 text-amber-600 dark:text-amber-400`,critical:`border-rose-500/30 bg-rose-500/10 text-rose-600 dark:text-rose-400`,neutral:`border-slate-500/20 bg-slate-500/10 text-slate-500 dark:text-slate-400`},Tn=({icon:e,label:t,highlight:n,tone:i})=>r(`div`,{className:`${K} p-4`,children:[r(`div`,{className:`inline-flex items-center gap-2 text-[10px] font-bold uppercase tracking-[0.18em] ${i}`,children:[r(e,{className:`h-3.5 w-3.5`,strokeWidth:2.2}),t]}),r(`div`,{className:`mt-3 truncate text-lg font-black text-slate-900 dark:text-white`,children:n?n.model.label:`—`}),r(`div`,{className:`mt-1 text-xs font-medium text-slate-500 dark:text-slate-400`,children:n?n.value:`Not enough telemetry yet`})]}),En=({label:e,value:t,detail:n})=>r(`div`,{className:`${K} p-4`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:e}),r(`div`,{className:`mt-2 text-lg font-black text-slate-900 dark:text-white`,children:t}),n?r(`div`,{className:`mt-1 text-[10px] font-bold uppercase tracking-[0.14em] text-slate-400`,children:n}):null]}),Dn=({model:e,rank:t,shareOfTotal:n})=>{let{icon:i,bg:a,text:o}=dt(e.provider),s=fn(e.usage),c=mn(e.successRate);return r(`div`,{className:`${G} p-5`,children:[r(`div`,{className:`flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between`,children:[r(`div`,{className:`flex min-w-0 items-start gap-3`,children:[r(`div`,{className:`rounded-xl p-2 ${a} ${o}`,children:r(i,{className:`h-4 w-4`,strokeWidth:2.1})}),r(`div`,{className:`min-w-0`,children:[r(`div`,{className:`flex items-center gap-2`,children:[r(`span`,{className:`text-[10px] font-black uppercase tracking-[0.2em] text-slate-400`,children:[`#`,t]}),r(`span`,{className:`truncate text-base font-black text-slate-900 dark:text-white`,children:e.label})]}),r(`div`,{className:`mt-1 text-sm text-slate-500 dark:text-slate-400 capitalize`,children:[e.provider,` · `,n>0?`${n.toFixed(1)}% of window volume`:`no token volume`]})]})]}),r(`div`,{className:`flex flex-wrap items-center gap-2 self-start`,children:[r(`div`,{className:`inline-flex items-center gap-1.5 rounded-full px-3 py-1.5 text-[10px] font-bold uppercase tracking-[0.16em] ${q}`,children:[`#`,t,` by volume`]}),r(`div`,{className:`inline-flex items-center gap-2 rounded-full px-3 py-1.5 text-[10px] font-bold uppercase tracking-[0.18em] ${q}`,children:[r(`span`,{className:`text-base font-black normal-case tracking-tight text-slate-900 dark:text-white`,children:D(e.usage.totalTokens)}),r(`span`,{className:`text-slate-400`,children:`tokens`})]}),r(`div`,{className:`inline-flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-[10px] font-bold uppercase tracking-[0.16em] ${wn[c]}`,children:[r(j,{className:`h-3 w-3`,strokeWidth:2.4}),pn(e.successRate)]})]})]}),r(`div`,{className:`mt-5 grid grid-cols-2 gap-3 lg:grid-cols-3`,children:[r(En,{label:`Invocations`,value:e.usage.invocationCount.toLocaleString(),detail:`${e.statusCounts.failed>0?`${e.statusCounts.failed} failed`:`no failures`}`}),r(En,{label:`Median Latency`,value:e.duration.sampleCount>0?R(e.duration.p50Ms):`—`,detail:e.duration.sampleCount>0?`p95 ${R(e.duration.p95Ms)}`:`no samples`}),r(En,{label:`Cache Hit Rate`,value:s.cacheHitRate===null?`—`:`${Math.round(s.cacheHitRate*100)}%`,detail:`${D(e.usage.cachedInputTokens)} cached`}),r(En,{label:`Tokens / Call`,value:s.tokensPerCall===null?`—`:D(Math.round(s.tokensPerCall)),detail:`avg per invocation`}),r(En,{label:`Output Velocity`,value:e.usage.outputTokens>0&&e.usage.activeTimeMs>0?D(Math.round(e.usage.outputTokens/(e.usage.activeTimeMs/1e3)))+`/s`:`—`,detail:`tok/s output`}),r(En,{label:`Reasoning Share`,value:e.usage.reasoningOutputTokens>0&&e.usage.outputTokens>0?W(e.usage.reasoningOutputTokens/e.usage.outputTokens*100):`—`,detail:`of output`})]}),r(`div`,{className:`${K} mt-5 grid grid-cols-2 p-4`,children:[r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`p50`}),r(`div`,{className:`mt-1 text-base font-black text-slate-900 dark:text-white`,children:e.duration.sampleCount>0?R(e.duration.p50Ms):`—`})]}),r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`p95`}),r(`div`,{className:`mt-1 text-base font-black text-slate-900 dark:text-white`,children:e.duration.sampleCount>0?R(e.duration.p95Ms):`—`})]})]}),r(`div`,{className:`mt-5`,children:r(ft,{input:e.usage.inputTokens,cached:e.usage.cachedInputTokens,output:e.usage.outputTokens,reasoning:e.usage.reasoningOutputTokens,total:e.usage.totalTokens})}),r(`div`,{className:`mt-4 flex flex-wrap items-center justify-between gap-3`,children:[r(`div`,{className:`flex flex-wrap gap-2`,children:[r(`span`,{className:`px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.14em] text-status-green ${q}`,children:[e.statusCounts.completed,` completed`]}),e.statusCounts.failed>0?r(`span`,{className:`px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.14em] text-rose-500 dark:text-rose-400 ${q}`,children:[e.statusCounts.failed,` failed`]}):null,e.statusCounts.running>0?r(`span`,{className:`px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.14em] text-cyan-600 dark:text-cyan-400 ${q}`,children:[e.statusCounts.running,` running`]}):null,e.statusCounts.cancelled>0?r(`span`,{className:`px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.14em] text-slate-500 dark:text-slate-400 ${q}`,children:[e.statusCounts.cancelled,` cancelled`]}):null]}),r(`div`,{className:`text-[11px] font-mono text-slate-400 dark:text-slate-500`,children:[`Last active `,I(e.lastActivityAt)]})]})]})},On=({stats:t})=>{let n=t.models||[],i=xn(n),a=gn(n),o=yn(n),s=bn(n),c=n.reduce((e,t)=>e+t.usage.totalTokens,0),l=[...n].sort((e,t)=>t.usage.totalTokens-e.usage.totalTokens);return r(`section`,{className:`space-y-6`,children:[r(`div`,{className:`${G} rounded-[2.2rem] p-6 md:p-7`,children:r(gt,{icon:De,eyebrow:`Model Intelligence`,title:`Model performance & efficiency`,description:`Per-model telemetry across the selected window — token volume, reliability, latency distribution, cache efficiency, and output velocity for every model that participated.`})}),n.length===0?r(`div`,{className:`rounded-2xl border border-dashed border-black/[0.08] px-4 py-12 text-center text-sm text-slate-400 dark:border-white/[0.08]`,children:`No model telemetry landed in this window yet.`}):r(e,{children:[r(`div`,{className:`grid grid-cols-1 gap-6 2xl:grid-cols-[1.05fr_0.95fr]`,children:[r(mt,{title:`Model Share`,eyebrow:`Distribution`,description:`Token volume split across the models active in this window, grouped into visible lanes.`,centerValue:String(n.length),centerLabel:n.length===1?`model`:`models`,segments:i}),r(`div`,{className:`${G} p-6`,children:[r(`div`,{className:`flex items-center gap-3`,children:[r(w,{className:`h-4 w-4 text-signal-500`,strokeWidth:2}),r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:`Efficiency Highlights`})]}),r(`div`,{className:`mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2`,children:[r(Tn,{icon:ke,label:`Busiest`,highlight:a.busiest,tone:`text-signal-600 dark:text-signal-400`}),r(Tn,{icon:be,label:`Fastest`,highlight:a.fastest,tone:`text-cyan-600 dark:text-cyan-400`}),r(Tn,{icon:j,label:`Most Reliable`,highlight:a.mostReliable,tone:`text-emerald-600 dark:text-emerald-400`}),r(Tn,{icon:v,label:`Best Cache Efficiency`,highlight:a.bestCache,tone:`text-amber-600 dark:text-amber-400`}),r(Tn,{icon:Ee,label:`Highest Velocity`,highlight:o,tone:`text-cyan-600 dark:text-cyan-400`}),r(Tn,{icon:Ce,label:`Highest Reasoning`,highlight:s,tone:`text-rose-600 dark:text-rose-400`})]}),r(`div`,{className:`${K} mt-4 p-4`,children:[r(`div`,{className:`flex items-center justify-between gap-4`,children:[r(`div`,{className:`inline-flex items-center gap-2 text-[10px] font-bold uppercase tracking-[0.18em] text-slate-400`,children:[r(ae,{className:`h-3.5 w-3.5`,strokeWidth:2.2}),`Window Volume`]}),r(`div`,{className:`text-lg font-black text-slate-900 dark:text-white`,children:[D(c),` tokens`]})]}),r(`div`,{className:`mt-2 text-xs leading-relaxed text-slate-500 dark:text-slate-400`,children:`Highlights prefer models with at least 3 invocations so a single lucky call can't win a category.`})]})]})]}),r(`div`,{className:`space-y-4`,children:[r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:`Model Leaderboard`}),r(`div`,{className:`mt-2 text-sm leading-relaxed text-slate-500 dark:text-slate-400`,children:`Every model ranked by token volume, with reliability, latency percentiles, and efficiency anatomy per model.`})]}),r(`div`,{className:`grid grid-cols-1 gap-4 xl:grid-cols-2`,children:l.map((e,t)=>r(Dn,{model:e,rank:t+1,shareOfTotal:c>0?e.usage.totalTokens/c*100:0},e.id))})]})]})]})};c();function kn(e,t={}){let{initialCount:n=12,stepCount:r=8,rootMargin:a=`120px 0px 120px 0px`}=t,[o,c]=l(n),u=i(null),d=i(null);return s(()=>{c(Math.min(n,e.length))},[e.length,n]),s(()=>{let t=d.current,n=u.current;if(!n||o>=e.length)return;let i=new IntersectionObserver(t=>{t[0]?.isIntersecting&&c(t=>Math.min(e.length,t+r))},{root:t,rootMargin:a});return i.observe(n),()=>i.disconnect()},[e.length,o,r,a]),{visibleItems:e.slice(0,o),visibleCount:o,hasMore:o<e.length,sentinelRef:u,scrollContainerRef:d}}c();function An(e){let t=e.toLowerCase();return t.includes(`complete`)||t.includes(`done`)||t.includes(`merged`)?`bg-emerald-500/10 text-emerald-600 dark:text-emerald-400`:t.includes(`fail`)||t.includes(`error`)||t.includes(`blocked`)?`bg-rose-500/10 text-rose-600 dark:text-rose-400`:t.includes(`running`)||t.includes(`progress`)||t.includes(`active`)?`bg-blue-500/10 text-blue-600 dark:text-blue-400`:t.includes(`cancel`)||t.includes(`paused`)?`bg-amber-500/10 text-amber-600 dark:text-amber-400`:`bg-slate-500/10 text-slate-500 dark:text-slate-300`}var jn=({icon:e,label:t,value:n,detail:i})=>r(`div`,{className:`${K} p-4`,children:[r(`div`,{className:`inline-flex items-center gap-2 text-[10px] font-bold uppercase tracking-[0.18em] text-slate-400`,children:[r(e,{className:`h-3.5 w-3.5 text-signal-500`,strokeWidth:2.2}),t]}),r(`div`,{className:`mt-2 text-xl font-black tracking-tight text-slate-900 dark:text-white`,children:n}),r(`div`,{className:`mt-1 text-[10px] font-bold uppercase tracking-[0.14em] text-slate-400`,children:i})]}),Mn=({title:e,eyebrow:t,items:i,kindLabel:a,emptyLabel:o,defaultSortKey:s=`tokens`})=>{let[c,u]=l(``),[d,f]=l(s),[p,m]=l(`desc`),g=n(()=>{let e=c.trim().toLowerCase(),t=e.length===0?i:i.filter(t=>[t.label,t.secondaryLabel||``,t.status||``,t.provider||``,t.purpose||``].join(` `).toLowerCase().includes(e)),n=p===`desc`?1:-1;return[...t].sort((e,t)=>{let r=ot(e,d),i=ot(t,d);return typeof r==`string`&&typeof i==`string`?r.localeCompare(i)*(p===`desc`?1:-1):(Number(i)-Number(r))*n})},[i,c,d,p]),_=n(()=>{let e=0,t=0;for(let n of i)e+=n.usage.totalTokens,t+=n.usage.activeTimeMs;return{totalTokens:e,totalActiveMs:t}},[i]),y=n(()=>{let e=0,t=0,n=0,r=0;for(let i of g)e+=i.usage.totalTokens,t+=i.usage.activeTimeMs,n+=i.usage.invocationCount,r=Math.max(r,i.usage.totalTokens);return{tokens:e,activeTimeMs:t,calls:n,leaderTokens:r}},[g]);n(()=>g.reduce((e,t)=>e===null||t.usage.totalTokens>e.usage.totalTokens?t:e,null),[g]);let x=e=>{d===e?m(e=>e===`desc`?`asc`:`desc`):(f(e),m(`desc`))},{visibleItems:S,sentinelRef:C,scrollContainerRef:w}=kn(g,{initialCount:12,stepCount:8});return r(`div`,{className:`${G} p-6`,children:r(`div`,{className:`flex flex-col gap-5`,children:[r(`div`,{className:`flex flex-col gap-4 xl:flex-row xl:items-end xl:justify-between`,children:[r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:t}),r(`div`,{className:`mt-2 text-2xl font-black tracking-tight text-slate-900 dark:text-white`,children:e}),r(`div`,{className:`mt-2 text-sm text-slate-500 dark:text-slate-400`,children:[`Search, sort, and compare `,a,` by recency, tokens, active time, and directional token flow.`]})]}),r(`div`,{className:`px-3 py-1 text-[10px] font-bold uppercase tracking-[0.16em] text-slate-500 dark:text-slate-300 ${q}`,children:[g.length,` `,a]})]}),i.length>0?r(`div`,{className:`${K} p-2`,children:r(`div`,{className:`grid grid-cols-2 gap-3 lg:grid-cols-4`,children:[r(jn,{icon:b,label:`Total`,value:i.length.toLocaleString(),detail:a}),r(jn,{icon:Ee,label:`Avg Tokens`,value:D(_.totalTokens/Math.max(1,i.length)),detail:`per ${a.replace(/s$/,``)}`}),r(jn,{icon:be,label:`Avg Active`,value:R(_.totalActiveMs/Math.max(1,i.length)),detail:`per ${a.replace(/s$/,``)}`}),r(jn,{icon:ae,label:`Most Recent`,value:i[0]?.lastActivityAt?I(i[0].lastActivityAt):`—`,detail:`last activity`})]})}):null,r(`div`,{className:`grid gap-3 xl:grid-cols-[minmax(0,1fr)_auto] xl:items-center`,children:[r(`div`,{className:`relative`,children:[r(ie,{className:`pointer-events-none absolute left-4 top-1/2 h-4 w-4 -translate-y-1/2 text-slate-400 dark:text-slate-500`,strokeWidth:2}),r(`input`,{type:`text`,value:c,onInput:e=>u(e.currentTarget.value),placeholder:`Search ${a}`,className:`${st} w-full pl-10`})]}),r(`div`,{className:`flex flex-wrap gap-2`,children:[[`last`,`Latest`],[`tokens`,`Tokens`],[`active`,`Active`],[`input`,`Input`],[`output`,`Output`],[`name`,`Name`],[`p50`,`p50`],[`p95`,`p95`]].map(([e,t])=>r(_t,{label:t,active:d===e,direction:d===e?p:null,onClick:()=>x(e)},e))})]}),g.length===0?r(`div`,{className:`rounded-2xl border border-dashed border-black/[0.08] px-4 py-12 text-center text-sm text-slate-400 dark:border-white/[0.08]`,children:o}):r(`div`,{ref:w,className:`max-h-[42rem] overflow-y-auto pr-2 dashboard-scrollbar`,children:r(`div`,{className:`space-y-3`,children:[S.map((e,t)=>{let n=y.tokens>0?e.usage.totalTokens/y.tokens*100:0,i=y.leaderTokens>0?e.usage.totalTokens/y.leaderTokens*100:0;return r(`div`,{className:`${ct} !p-5`,children:r(`div`,{className:`flex flex-col gap-4`,children:[r(`div`,{className:`flex items-start justify-between gap-4`,children:[r(`div`,{className:`flex min-w-0 items-start gap-3`,children:[r(`div`,{className:`flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-[var(--stats-card-border)] bg-[var(--stats-card-bg)] text-xs font-black text-slate-900 shadow-sm backdrop-blur-xl dark:text-white`,children:t+1}),r(`div`,{className:`min-w-0`,children:[r(`div`,{className:`truncate text-base font-black tracking-tight text-slate-900 dark:text-white`,children:e.label}),a===`sprints`?r(`div`,{className:`text-[10px] text-slate-400`,children:[D(e.usage.totalTokens/Math.max(1,e.usage.invocationCount)),`/call`]}):null,r(`div`,{className:`mt-1.5 flex flex-wrap items-center gap-2`,children:[e.provider?(()=>{let t=dt(e.provider),n=t.icon;return r(`span`,{className:`inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.14em] ${t.bg} ${t.text} ${q}`,children:[r(n,{className:`h-3 w-3`,strokeWidth:2.5}),e.provider]})})():null,e.purpose?r(`span`,{className:`inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.14em] text-emerald-600 bg-emerald-500/10 dark:text-emerald-400 ${q}`,children:[r(ae,{className:`h-3 w-3`,strokeWidth:2.5}),e.purpose.replace(/_/g,` `)]}):null,e.secondaryLabel?r(`span`,{className:`px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.14em] text-slate-500 dark:text-slate-300 ${q}`,children:e.secondaryLabel}):null,e.status?r(`span`,{className:`px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.14em] ${An(e.status)} ${q}`,children:e.status.replace(/_/g,` `)}):null]})]})]}),r(`div`,{className:`hidden shrink-0 grid-cols-3 gap-6 text-right lg:grid`,children:[r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Tokens`}),r(`div`,{className:`mt-1 text-lg font-black tracking-tight text-slate-900 dark:text-white`,children:D(e.usage.totalTokens)})]}),r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Active`}),r(`div`,{className:`mt-1 text-lg font-black tracking-tight text-slate-900 dark:text-white`,children:R(e.usage.activeTimeMs)})]}),r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Calls`}),r(`div`,{className:`mt-1 text-lg font-black tracking-tight text-slate-900 dark:text-white`,children:e.usage.invocationCount.toLocaleString()})]})]})]}),r(`div`,{className:`grid grid-cols-3 gap-4 lg:hidden`,children:[r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Tokens`}),r(`div`,{className:`mt-1 text-lg font-black tracking-tight text-slate-900 dark:text-white`,children:D(e.usage.totalTokens)})]}),r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Active`}),r(`div`,{className:`mt-1 text-lg font-black tracking-tight text-slate-900 dark:text-white`,children:R(e.usage.activeTimeMs)})]}),r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Calls`}),r(`div`,{className:`mt-1 text-lg font-black tracking-tight text-slate-900 dark:text-white`,children:e.usage.invocationCount.toLocaleString()})]})]}),r(`div`,{className:`flex flex-col gap-2.5`,children:[r(ft,{input:e.usage.inputTokens,cached:e.usage.cachedInputTokens,output:e.usage.outputTokens,reasoning:e.usage.reasoningOutputTokens,total:e.usage.totalTokens}),r(`div`,{className:`h-1 rounded-full bg-black/[0.04] dark:bg-white/[0.05]`,children:r(`div`,{className:`h-1 rounded-full bg-signal-500/60 transition-all duration-500`,style:{width:`${Math.min(100,Math.max(i>0?3:0,i))}%`}})}),r(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[r(`div`,{className:`flex flex-wrap gap-2`,children:[r(J,{icon:Fe,label:`In`,value:e.usage.inputTokens,tone:`border-signal-500/16 bg-signal-500/8 text-signal-600 dark:text-signal-400`}),r(J,{icon:v,label:`Cached`,value:e.usage.cachedInputTokens,tone:`border-cyan-500/16 bg-cyan-500/8 text-cyan-600 dark:text-cyan-400`}),r(J,{icon:h,label:`Out`,value:e.usage.outputTokens,tone:`border-amber-500/16 bg-amber-500/8 text-amber-600 dark:text-amber-400`}),r(J,{icon:Ce,label:`Reason`,value:e.usage.reasoningOutputTokens,tone:`border-rose-500/16 bg-rose-500/8 text-rose-600 dark:text-rose-400`})]}),r(`div`,{className:`flex items-center gap-3 text-[10px] font-bold uppercase tracking-[0.14em] text-slate-400`,children:[r(`span`,{children:[W(n),` of volume`]}),r(`span`,{className:`hidden sm:inline`,children:I(e.lastActivityAt)})]})]})]})]})},e.id)}),S.length<g.length?r(`div`,{ref:C,className:`rounded-2xl border border-dashed border-black/[0.08] px-4 py-4 text-center text-[11px] font-bold uppercase tracking-[0.16em] text-slate-400 dark:border-white/[0.08]`,children:`Loading more telemetry lanes...`}):null]})})]})})};c();var Nn=({title:e,eyebrow:t,items:i,kindLabel:a,emptyLabel:o,defaultSortKey:s=`insertions`})=>{let[c,u]=l(``),[d,f]=l(s),[p,m]=l(`desc`),h=n(()=>{let e=c.trim().toLowerCase(),t=e.length===0?i:i.filter(t=>[t.label,t.secondaryLabel||``].join(` `).toLowerCase().includes(e)),n=p===`desc`?1:-1;return[...t].sort((e,t)=>{let r=0,i=0;return d===`insertions`?(r=e.metrics.insertions,i=t.metrics.insertions):d===`deletions`?(r=e.metrics.deletions,i=t.metrics.deletions):d===`filesChanged`?(r=e.metrics.filesChanged,i=t.metrics.filesChanged):d===`prCount`?(r=e.metrics.prCount,i=t.metrics.prCount):d===`mergedCount`?(r=e.metrics.mergedCount,i=t.metrics.mergedCount):d===`name`&&(r=e.label,i=t.label),typeof r==`string`&&typeof i==`string`?r.localeCompare(i)*(p===`desc`?1:-1):(Number(i)-Number(r))*n})},[i,c,d,p]),g=n(()=>{let e=0,t=0;for(let n of h){let r=n.metrics.insertions+n.metrics.deletions;e+=r,t=Math.max(t,r)}return{churn:e,leaderChurn:t}},[h]),_=e=>{d===e?m(e=>e===`desc`?`asc`:`desc`):(f(e),m(`desc`))},{visibleItems:v,sentinelRef:y,scrollContainerRef:b}=kn(h,{initialCount:12,stepCount:8}),S=i.reduce((e,t)=>e+t.metrics.prCount,0),C=i.reduce((e,t)=>e+t.metrics.mergedCount,0),w=i.reduce((e,t)=>e+t.metrics.insertions,0);return r(`div`,{className:`${G} p-6`,children:r(`div`,{className:`flex flex-col gap-5`,children:[r(`div`,{className:`flex flex-col gap-4 xl:flex-row xl:items-end xl:justify-between`,children:[r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.2em] text-slate-400`,children:t}),r(`div`,{className:`mt-2 text-2xl font-black tracking-tight text-slate-900 dark:text-white`,children:e}),r(`div`,{className:`mt-2 text-sm text-slate-500 dark:text-slate-400`,children:[`Search, sort, and compare `,a,` by code churn, PRs opened, and changes merged.`]})]}),r(`div`,{className:`px-3 py-1 text-[10px] font-bold uppercase tracking-[0.16em] text-slate-500 dark:text-slate-300 ${q}`,children:[h.length,` `,a]})]}),r(`div`,{className:`grid grid-cols-2 gap-4 md:grid-cols-4`,children:[r(`div`,{className:`${K} flex flex-col items-center justify-center text-center !p-4`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Total PRs`}),r(`div`,{className:`mt-1 text-xl font-black tracking-tight text-slate-900 dark:text-white`,children:S.toLocaleString()})]}),r(`div`,{className:`${K} flex flex-col items-center justify-center text-center !p-4`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Merged PRs`}),r(`div`,{className:`mt-1 text-xl font-black tracking-tight text-slate-900 dark:text-white`,children:C.toLocaleString()})]}),r(`div`,{className:`${K} flex flex-col items-center justify-center text-center !p-4`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Merge Rate`}),r(`div`,{className:`mt-1 text-xl font-black tracking-tight text-slate-900 dark:text-white`,children:W(C/Math.max(1,S))})]}),r(`div`,{className:`${K} flex flex-col items-center justify-center text-center !p-4`,children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`+lines`}),r(`div`,{className:`mt-1 text-xl font-black tracking-tight text-slate-900 dark:text-white`,children:w.toLocaleString()})]})]}),r(`div`,{className:`grid gap-3 xl:grid-cols-[minmax(0,1fr)_auto] xl:items-center`,children:[r(`div`,{className:`relative`,children:[r(ie,{className:`pointer-events-none absolute left-4 top-1/2 h-4 w-4 -translate-y-1/2 text-slate-400 dark:text-slate-500`,strokeWidth:2}),r(`input`,{type:`text`,value:c,onInput:e=>u(e.currentTarget.value),placeholder:`Search ${a}`,className:`${st} w-full pl-10`})]}),r(`div`,{className:`flex flex-wrap gap-2`,children:[[`insertions`,`Insertions`],[`deletions`,`Deletions`],[`filesChanged`,`Files`],[`prCount`,`PRs`],[`mergedCount`,`Merged`],[`name`,`Name`]].map(([e,t])=>r(_t,{label:t,active:d===e,direction:d===e?p:null,onClick:()=>_(e)},e))})]}),h.length===0?r(`div`,{className:`rounded-2xl border border-dashed border-black/[0.08] px-4 py-12 text-center text-sm text-slate-400 dark:border-white/[0.08]`,children:o}):r(`div`,{ref:b,className:`max-h-[42rem] overflow-y-auto pr-2 dashboard-scrollbar`,children:r(`div`,{className:`space-y-3`,children:[v.map((e,t)=>{let n=e.metrics.insertions+e.metrics.deletions,i=g.churn>0?n/g.churn*100:0,a=g.leaderChurn>0?n/g.leaderChurn*100:0;return r(`div`,{className:`${ct} !p-5`,children:r(`div`,{className:`flex flex-col gap-4`,children:[r(`div`,{className:`flex items-start justify-between gap-4`,children:[r(`div`,{className:`flex min-w-0 items-start gap-3`,children:[r(`div`,{className:`flex h-9 w-9 shrink-0 items-center justify-center rounded-xl border border-black/[0.06] bg-white/75 text-xs font-black text-slate-900 shadow-[0_6px_16px_rgba(15,23,42,0.06)] backdrop-blur-xl dark:border-white/[0.06] dark:bg-void-900/55 dark:text-white`,children:t+1}),r(`div`,{className:`min-w-0`,children:[r(`div`,{className:`truncate text-base font-black tracking-tight text-slate-900 dark:text-white`,children:e.label}),r(`div`,{className:`mt-1.5 flex flex-wrap items-center gap-2`,children:[e.secondaryLabel?r(`span`,{className:`px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.14em] text-slate-500 dark:text-slate-300 ${q}`,children:e.secondaryLabel}):null,r(`span`,{className:`px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.14em] text-slate-500 dark:text-slate-300 ${q}`,children:[e.metrics.filesChanged,` Files Changed`]})]})]})]}),r(`div`,{className:`hidden shrink-0 grid-cols-4 gap-6 text-right lg:grid`,children:[r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Code Churn`}),r(`div`,{className:`mt-1 flex items-center justify-end gap-3 text-lg font-black tracking-tight text-slate-900 dark:text-white`,children:[n.toLocaleString(),r(`div`,{className:`w-16 h-1.5`,children:r(pt,{insertions:e.metrics.insertions,deletions:e.metrics.deletions})})]})]}),r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`PRs`}),r(`div`,{className:`mt-1 text-lg font-black tracking-tight text-slate-900 dark:text-white`,children:e.metrics.prCount.toLocaleString()})]}),r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Merged`}),r(`div`,{className:`mt-1 text-lg font-black tracking-tight text-slate-900 dark:text-white`,children:e.metrics.mergedCount.toLocaleString()})]})]})]}),r(`div`,{className:`grid grid-cols-4 gap-4 lg:hidden`,children:[r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Code Churn`}),r(`div`,{className:`mt-1 flex items-center gap-3 text-lg font-black tracking-tight text-slate-900 dark:text-white`,children:[n.toLocaleString(),r(`div`,{className:`w-16 h-1.5`,children:r(pt,{insertions:e.metrics.insertions,deletions:e.metrics.deletions})})]})]}),r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`PRs`}),r(`div`,{className:`mt-1 text-lg font-black tracking-tight text-slate-900 dark:text-white`,children:e.metrics.prCount.toLocaleString()})]}),r(`div`,{children:[r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.16em] text-slate-400`,children:`Merged`}),r(`div`,{className:`mt-1 text-lg font-black tracking-tight text-slate-900 dark:text-white`,children:e.metrics.mergedCount.toLocaleString()})]})]}),r(`div`,{className:`flex flex-col gap-2.5`,children:[r(pt,{insertions:e.metrics.insertions,deletions:e.metrics.deletions}),r(`div`,{className:`h-1 rounded-full bg-black/[0.04] dark:bg-white/[0.05]`,children:r(`div`,{className:`h-1 rounded-full bg-emerald-500/60 transition-all duration-500`,style:{width:`${Math.min(100,Math.max(a>0?3:0,a))}%`}})}),r(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[r(`div`,{className:`flex flex-wrap gap-2`,children:[r(J,{icon:He,label:`Insertions`,value:`+${e.metrics.insertions.toLocaleString()}`,tone:`border-emerald-500/16 bg-emerald-500/8 text-emerald-600 dark:text-emerald-400`}),r(J,{icon:Ve,label:`Deletions`,value:`-${e.metrics.deletions.toLocaleString()}`,tone:`border-rose-500/16 bg-rose-500/8 text-rose-600 dark:text-rose-400`}),r(J,{icon:x,label:`Files`,value:e.metrics.filesChanged.toLocaleString(),tone:`border-cyan-500/16 bg-cyan-500/8 text-cyan-600 dark:text-cyan-400`}),r(J,{icon:pe,label:`PRs`,value:e.metrics.prCount.toLocaleString(),tone:`border-amber-500/16 bg-amber-500/8 text-amber-600 dark:text-amber-400`}),r(J,{icon:me,label:`Merged`,value:e.metrics.mergedCount.toLocaleString(),tone:`border-indigo-500/16 bg-indigo-500/8 text-indigo-600 dark:text-indigo-400`})]}),r(`div`,{className:`text-[10px] font-bold uppercase tracking-[0.14em] text-slate-400`,children:[W(i),` of churn`]})]})]})]})},e.id)}),v.length<h.length?r(`div`,{ref:y,className:`rounded-2xl border border-dashed border-black/[0.08] px-4 py-4 text-center text-[11px] font-bold uppercase tracking-[0.16em] text-slate-400 dark:border-white/[0.08]`,children:`Loading more telemetry lanes...`}):null]})})]})})},Pn=({gitStats:e})=>{let[t,i]=l(`tasks`),a=n(()=>{let t=e.buckets.map(e=>e.metrics.insertions+e.metrics.deletions);return t.some(e=>e>0)?t:Array(Math.max(e.buckets.length,7)).fill(0)},[e.buckets]),o=n(()=>{let t=e.buckets.map(e=>e.metrics.prCount);return t.some(e=>e>0)?t:Array(Math.max(e.buckets.length,7)).fill(0)},[e.buckets]),s=n(()=>{let t=e.buckets.map(e=>e.metrics.mergedCount);return t.some(e=>e>0)?t:Array(Math.max(e.buckets.length,7)).fill(0)},[e.buckets]);if(!e.totals.insertions&&!e.totals.deletions&&!e.totals.filesChanged&&!e.totals.prCount&&!e.totals.mergedCount&&!e.tasks.length&&!e.sprints.length)return r(`div`,{className:`rounded-[2rem] border border-dashed border-black/[0.08] px-8 py-16 text-center text-sm text-slate-400 dark:border-white/[0.08]`,children:`No git telemetry available in this window.`});let c=[{id:`tasks`,label:`Task Leaderboard`,icon:m},{id:`sprints`,label:`Sprint Leaderboard`,icon:ze}];return r(`div`,{className:`flex flex-col gap-6`,children:[r(`section`,{className:`grid grid-cols-1 gap-5 lg:grid-cols-3`,children:[r(ut,{label:`Code Churn`,value:(e.totals.insertions+e.totals.deletions).toLocaleString(),detail:`+${e.totals.insertions.toLocaleString()} insertions · -${e.totals.deletions.toLocaleString()} deletions`,accentHex:`#10B981`,hoverTint:`group-hover:bg-emerald-500/[0.03]`,sparkline:a,signalLabel:`Lines`}),r(ut,{label:`Pull Requests`,value:e.totals.prCount.toLocaleString(),detail:`${e.totals.filesChanged.toLocaleString()} files changed across ${e.totals.prCount.toLocaleString()} PRs`,accentHex:`#F59E0B`,hoverTint:`group-hover:bg-amber-500/[0.03]`,sparkline:o,signalLabel:`Volume`}),r(ut,{label:`Merges`,value:e.totals.mergedCount.toLocaleString(),detail:`${e.totals.mergedCount.toLocaleString()} PRs merged successfully in this window`,accentHex:`#6366F1`,hoverTint:`group-hover:bg-indigo-500/[0.03]`,sparkline:s,signalLabel:`Confirmed`})]}),r(`div`,{className:`flex gap-1 self-start rounded-2xl border border-black/[0.05] bg-white/68 p-1 dark:border-white/[0.05] dark:bg-void-900/35`,children:c.map(e=>{let n=e.icon,a=t===e.id;return r(`button`,{type:`button`,onClick:()=>i(e.id),"aria-pressed":a,className:`inline-flex items-center gap-2 rounded-xl px-4 py-2 text-[11px] font-bold uppercase tracking-[0.18em] transition-all ${a?`bg-slate-900 text-white shadow-sm dark:bg-white dark:text-void-900`:`text-slate-500 hover:text-slate-900 dark:text-slate-400 dark:hover:text-white`}`,children:[r(n,{className:`h-3.5 w-3.5`,strokeWidth:2.2}),e.label]},e.id)})}),r(`div`,{children:t===`tasks`?r(Nn,{title:`Task Git Telemetry`,eyebrow:`Task Git Ledger`,items:e.tasks,kindLabel:`tasks`,emptyLabel:`No task git telemetry landed in this window yet.`}):r(Nn,{title:`Sprint Git Telemetry`,eyebrow:`Sprint Git Ledger`,items:e.sprints,kindLabel:`sprints`,emptyLabel:`No sprint git telemetry active in this window.`})})]})};c();var Fn=({stats:e})=>{let[t,n]=l(`tasks`);return r(`div`,{className:`flex flex-col gap-6`,children:[r(`div`,{className:`flex gap-1 self-start rounded-2xl border border-black/[0.05] bg-white/68 p-1 dark:border-white/[0.05] dark:bg-void-900/35`,children:[{id:`tasks`,label:`Task Telemetry`,icon:m,badge:`${e.tasks.length} tasks`},{id:`sprints`,label:`Sprint Telemetry`,icon:Be,badge:`${e.sprints.length} sprints`},...e.git?[{id:`git`,label:`Git Telemetry`,icon:se,badge:null}]:[]].map(e=>{let i=e.icon,a=t===e.id;return r(`button`,{type:`button`,onClick:()=>n(e.id),"aria-pressed":a,className:`inline-flex items-center gap-2 rounded-xl px-4 py-2 text-[11px] font-bold uppercase tracking-[0.18em] transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-signal-500 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-void-900 ${a?`bg-slate-900 text-white shadow-sm dark:bg-white dark:text-void-900`:`text-slate-500 hover:text-slate-900 dark:text-slate-400 dark:hover:text-white`}`,children:[r(i,{className:`h-3.5 w-3.5`,strokeWidth:2.2}),e.label,e.badge===null?null:r(`span`,{className:`px-2 py-0.5 text-[9px] font-black tracking-wider ${q} ${a?`bg-white/20 text-white dark:bg-void-900/15 dark:text-void-900`:`text-slate-500 dark:text-slate-400`}`,children:e.badge})]},e.id)})}),t===`git`&&e.git?r(Pn,{gitStats:e.git}):t===`sprints`?r(Mn,{title:`Sprint Telemetry`,eyebrow:`Sprint Ledger`,items:e.sprints,kindLabel:`sprints`,emptyLabel:`No sprint telemetry active in this window.`}):r(Mn,{title:`Task Telemetry`,eyebrow:`Task Ledger`,items:e.tasks,kindLabel:`tasks`,emptyLabel:`No task telemetry landed in this window yet.`})]})},In={trend:`Time-series and throughput analysis`,composition:`Token utilization and semantic distribution`,models:`Performance and latency breakdown`,reliability:`Telemetry coverage and fallback analysis`,ledgers:`Operational logs and scope execution`,system:`Debug log and system health`},Ln={trend:`Select a time window to see Trend data.`,composition:`Select a time window to see Composition data.`,models:`Select a time window to see Models data.`,reliability:`Select a time window to see Reliability data.`,ledgers:`Select a time window to see Ledgers data.`,system:`Select a time window to see System data.`},Rn=({stats:e,loading:t,error:n,refresh:i,projectId:a,planningUsage:o,providerSegments:s,tokenSegments:c,sourceSegments:l,visualMode:u,chartState:d})=>{let f=e=>r(`div`,{role:`status`,"aria-live":`polite`,className:`${G} flex flex-col items-center justify-center py-20 text-center`,children:[r(`div`,{className:`mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-[1.25rem] border border-amber-500/20 bg-amber-500/10 text-amber-600 dark:text-amber-400`,children:r(M,{className:`h-8 w-8`,strokeWidth:2})}),r(`div`,{className:`text-base font-bold text-slate-900 dark:text-white`,children:`Waiting for Telemetry`}),r(`div`,{className:`mt-2 text-sm text-slate-500 dark:text-slate-400`,children:Ln[e]})]});return r(`div`,{className:`animate-in fade-in duration-200`,children:[r(`div`,{className:`mb-6`,children:r(`div`,{className:`inline-flex items-center gap-2 rounded-full border border-amber-500/20 bg-amber-500/10 px-3 py-1.5 text-[10px] font-bold uppercase tracking-[0.2em] text-amber-600 dark:text-amber-400`,children:[r(M,{className:`h-3 w-3`,strokeWidth:2.5}),In[u]]})}),u===`trend`?e?r(Lt,{stats:e,loading:t,error:n,refresh:i,planningUsage:o,chartState:d}):f(`trend`):null,u===`composition`?e?r(`div`,{className:t?`pointer-events-none opacity-60 transition-opacity motion-reduce:transition-none`:`transition-opacity motion-reduce:transition-none`,children:r(Rt,{stats:e,providerSegments:s,tokenSegments:c})}):f(`composition`):null,u===`models`?e?r(`div`,{className:t?`pointer-events-none opacity-60 transition-opacity motion-reduce:transition-none`:`transition-opacity motion-reduce:transition-none`,children:r(On,{stats:e})}):f(`models`):null,u===`reliability`?e?r(`div`,{className:t?`pointer-events-none opacity-60 transition-opacity motion-reduce:transition-none`:`transition-opacity motion-reduce:transition-none`,children:r(zt,{stats:e,providerSegments:s,sourceSegments:l})}):f(`reliability`):null,u===`ledgers`?e?r(`section`,{className:`space-y-6 ${t?`pointer-events-none opacity-60 transition-opacity motion-reduce:transition-none`:`transition-opacity motion-reduce:transition-none`}`,children:[r(`div`,{className:`${G} rounded-[2.2rem] p-6 md:p-7`,children:r(gt,{icon:M,eyebrow:`Telemetry Ledgers`,title:`Task and sprint telemetry`,description:`Deep operational ledgers for execution scopes, redesigned around search, recency, sort controls, and richer usage breakdowns.`})}),r(Fn,{stats:e})]}):f(`ledgers`):null,u===`system`?e?r(dn,{projectId:a}):f(`system`):null]},u)},zn={taskCoding:`#3B82F6`,ciFix:`#F59E0B`,qaReview:`#8B5CF6`,planning:`#14B8A6`,wallRuntime:`#64748B`},Q=({label:e,value:t,detail:n,accentHex:i,sparkline:a,signalLabel:o})=>{let s=`default`;return i===zn.taskCoding?s=`cyan`:i===zn.ciFix?s=`amber`:i===zn.qaReview?s=`emerald`:i===zn.planning?s=`signal`:i===zn.wallRuntime&&(s=`default`),r(fe,{title:e,value:t,trend:r(`div`,{className:`px-3 py-1 text-[10px] font-bold uppercase tracking-[0.16em] text-slate-500 dark:text-slate-400 ${q}`,children:o}),accent:s,children:[r(N,{points:a,color:i}),r(`div`,{className:`sr-only`,children:[e,` metric sparkline showing activity across the selected window.`]}),r(`div`,{className:`mt-4 flex flex-col gap-1 border-t border-black/[0.06] pt-4 dark:border-white/[0.06]`,children:r(`div`,{className:`text-xs font-medium text-slate-500 dark:text-slate-400`,children:n})})]})};function $(e,t){if(!e)return[0,0,0,0,0,0,0];let n=e.chartSeries?.find(e=>e.id===t);return n&&n.data&&n.data.length>0?n.data:Array(Math.max(e.buckets?.length||7,7)).fill(0)}function Bn(e,t){return $(e,`provider_${t}`)}function Vn(e,t){return $(e,`model_${t}`)}function Hn(e){return{taskCodingTokens:$(e,`purpose_invocations_task_coding`),ciFixTokens:$(e,`purpose_invocations_ci_fix`),qaReviewTokens:$(e,`purpose_invocations_qa_review`),planningTokens:$(e,`purpose_invocations_planning`),wallRuntime:e&&e.buckets&&e.buckets.length>0?e.buckets.map(e=>(e.usage.wallTimeMs||0)/36e5):Array(Math.max(e?.buckets?.length||7,7)).fill(0),coreInputTokens:$(e,`core_input_tokens`),coreOutputTokens:$(e,`core_output_tokens`),gitInsertions:$(e,`git_insertions`),gitDeletions:$(e,`git_deletions`),gitFilesChanged:$(e,`git_files_changed`),gitPrs:$(e,`git_prs`),gitMerges:$(e,`git_merges`)}}c(),a();var Un=({mode:t,stats:n,providerSegments:a,tokenSegments:s,sourceSegments:c})=>{let l=i(null),u=ee(),d=i(t);if(o(()=>{!l.current||u||d.current===t||(U.killTweensOf(l.current.children),U.fromTo(l.current.children,{opacity:0,y:H.fieldStagger.yStart},{opacity:1,y:0,duration:H.fieldStagger.duration,stagger:H.fieldStagger.stagger,ease:H.fieldStagger.ease,clearProps:`all`}),d.current=t)},[t,u]),!n)return null;let f=Hn(n),p=()=>{let t=n.purposes.find(e=>e.id===`task_coding`)?.usage.totalTokens||0,i=n.purposes.find(e=>e.id===`ci_fix`)?.usage.totalTokens||0,a=n.purposes.find(e=>e.id===`qa_review`)?.usage.totalTokens||0,o=n.purposes.find(e=>e.id===`planning`)?.usage.totalTokens||0,s=n.usage.wallTimeMs;return r(e,{children:[r(Q,{label:`Task Coding`,value:D(t),detail:`Total tokens utilized for core code generation tasks`,accentHex:zn.taskCoding,sparkline:f.taskCodingTokens,signalLabel:`Tokens`}),r(Q,{label:`CI Fix`,value:D(i),detail:`Total tokens consumed by CI/CD remediation workflows`,accentHex:zn.ciFix,sparkline:f.ciFixTokens,signalLabel:`Tokens`}),r(Q,{label:`QA Review`,value:D(a),detail:`Total tokens used during code review and quality audits`,accentHex:zn.qaReview,sparkline:f.qaReviewTokens,signalLabel:`Tokens`}),r(Q,{label:`Planning`,value:D(o),detail:`Total tokens allocated to project and sprint planning`,accentHex:zn.planning,sparkline:f.planningTokens,signalLabel:`Tokens`}),r(Q,{label:`Wall Runtime`,value:R(s),detail:`Task-run wall time in the same window, including completed sprint work.`,accentHex:zn.wallRuntime,sparkline:f.wallRuntime,signalLabel:`Task Scope`})]})},m=()=>{let t=a.length,i=a.length>0?a[0]:null;return r(e,{children:[r(Q,{label:`Active Providers`,value:String(t),detail:`Total number of unique model providers utilized in this window`,accentHex:`#10B981`,sparkline:[],signalLabel:`Composition`}),r(Q,{label:`Top Provider`,value:i?i.label:`None`,detail:i?`Leading provider by token volume: ${D(i.value)}`:`No provider data`,accentHex:`#0EA5E9`,sparkline:[],signalLabel:`Composition`}),r(Q,{label:`Input Tokens`,value:D(n.usage.inputTokens||0),detail:`Total number of input tokens processed`,accentHex:`#00E0A0`,sparkline:f.coreInputTokens,signalLabel:`Composition`}),r(Q,{label:`Output Tokens`,value:D(n.usage.outputTokens||0),detail:`Total number of output tokens generated`,accentHex:`#FFB800`,sparkline:f.coreOutputTokens,signalLabel:`Composition`}),r(Q,{label:`Merge Conflicts`,value:String(n.mergeConflictCount||0),detail:`Total number of merge conflicts encountered`,accentHex:`#EF4444`,sparkline:[],signalLabel:`Composition`})]})},h=()=>r(e,{children:(n.providers?.slice(0,4)||[]).map((e,t)=>{let i=[`#10B981`,`#0EA5E9`,`#F59E0B`,`#8B5CF6`];return r(Q,{label:e.label||e.id,value:D(e.usage?.totalTokens||0),detail:`Total tokens processed by ${e.label||e.id}`,accentHex:i[t%i.length],sparkline:Bn(n,e.id),signalLabel:`Providers`},e.id)})}),g=()=>{let t=n.models||[],i=t.length>0?t[0]:null,a=gn(t),o=n.usage.inputTokens+n.usage.cachedInputTokens,s=o>0?n.usage.cachedInputTokens/o*100:0,c=(n.statusCounts?.completed||0)+(n.statusCounts?.failed||0)+(n.statusCounts?.cancelled||0),l=c>0?n.statusCounts.completed/c:null;return r(e,{children:[r(Q,{label:`Active Models`,value:String(t.length),detail:`Distinct models that produced telemetry in this window`,accentHex:`#8B5CF6`,sparkline:[],signalLabel:`Models`}),r(Q,{label:`Top Model`,value:i?i.label:`None`,detail:i?`Leading model by volume: ${D(i.usage.totalTokens)} tokens`:`No model telemetry yet`,accentHex:`#00E0A0`,sparkline:i?Vn(n,i.id):[],signalLabel:`Models`}),r(Q,{label:`Success Rate`,value:pn(l),detail:`Completed share of all finished invocations in this window`,accentHex:`#10B981`,sparkline:[],signalLabel:`Reliability`}),r(Q,{label:`Median Latency`,value:n.duration&&n.duration.sampleCount>0?R(n.duration.p50Ms):`—`,detail:n.duration&&n.duration.sampleCount>0?`p95 ${R(n.duration.p95Ms)} across ${n.duration.sampleCount.toLocaleString()} calls`:`No finished invocations yet`,accentHex:`#0EA5E9`,sparkline:[],signalLabel:`Latency`}),r(Q,{label:`Cache Hit Rate`,value:`${s.toFixed(1)}%`,detail:a.bestCache?`Best: ${a.bestCache.model.label} at ${a.bestCache.value}`:`Cached input share of all prompt tokens`,accentHex:`#FFB800`,sparkline:[],signalLabel:`Efficiency`})]})},_=()=>r(e,{children:[r(Q,{label:`Insertions`,value:D(n.git?.totals?.insertions||0),detail:`Lines added across repositories`,accentHex:`#10B981`,sparkline:f.gitInsertions,signalLabel:`Git Activity`}),r(Q,{label:`Deletions`,value:D(n.git?.totals?.deletions||0),detail:`Lines removed across repositories`,accentHex:`#EF4444`,sparkline:f.gitDeletions,signalLabel:`Git Activity`}),r(Q,{label:`Pull Requests`,value:D(n.git?.totals?.prCount||0),detail:`Total PRs opened`,accentHex:`#0EA5E9`,sparkline:f.gitPrs,signalLabel:`Git Activity`}),r(Q,{label:`Merged Commits`,value:D(n.git?.totals?.mergedCount||0),detail:`Total commits merged to main`,accentHex:`#8B5CF6`,sparkline:f.gitMerges,signalLabel:`Git Activity`}),r(Q,{label:`Files Changed`,value:D(n.git?.totals?.filesChanged||0),detail:`Files modified across repositories`,accentHex:`#3B82F6`,sparkline:f.gitFilesChanged,signalLabel:`Git Activity`})]}),v=null;return t===`trend`?v=p():t===`composition`?v=m():t===`models`?v=g():t===`reliability`?v=h():t===`ledgers`?v=_():t===`system`&&(v=null),r(`section`,{ref:l,className:`grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 gap-5 w-full`,"data-testid":`top-cards-renderer`,children:v})},Wn={pageRoot:`_pageRoot_1q9vu_1`,purposeSection:`_purposeSection_1q9vu_5`,purposeHeader:`_purposeHeader_1q9vu_13`,purposeTitle:`_purposeTitle_1q9vu_17`,purposeDescription:`_purposeDescription_1q9vu_25`,purposeCards:`_purposeCards_1q9vu_33`};c(),a();var Gn=()=>{let t=i(null),n=i(!1),{selectedProject:a}=T();console.log(`DEBUG: selectedProject is:`,a);let s=ee(),{stats:c,loading:l,error:u,refresh:d,usage:f,tokenSeries:p,activeTimeSeries:m,wallTimeSeries:h,planningUsage:g,activeQuery:_,customFrom:v,setCustomFrom:y,customTo:b,setCustomTo:x,visualMode:S,setVisualMode:w,chartState:E,providerSegments:D,sourceSegments:O,tokenSegments:k,applyPresetWindow:A,applyCustomRange:te,completionConfidence:j}=We(a?.id||null);return o(()=>{!t.current||s||!c||n.current||(n.current=!0,U.killTweensOf(t.current.children),U.fromTo(t.current.children,{opacity:0,y:28},{opacity:1,y:0,duration:.8,stagger:.08,ease:`power4.out`}))},[c,s]),r(ce,{containerRef:t,padding:`stats`,className:`gap-8 xl:gap-12 ${Wn.pageRoot}`,role:`region`,"aria-label":`Statistics`,children:[r(Wt,{selectedProject:a,stats:c,activeQuery:_,customFrom:v,customTo:b,applyPresetWindow:A,setCustomFrom:y,setCustomTo:x,applyCustomRange:te,visualMode:S,setVisualMode:w}),a?l&&!c?r(`div`,{className:G,role:`status`,children:r(le,{icon:r(ue,{className:`h-8 w-8 animate-spin`}),title:`Loading telemetry field`,description:`Gathering statistics for ${a.name}...`})}):u&&!c?r(`div`,{className:G,children:r(le,{icon:r(ge,{className:`h-8 w-8 text-rose-500`}),title:u,primaryAction:r(we,{variant:`danger`,size:`sm`,onClick:()=>d(),children:`Retry`})})}):c?r(e,{children:[r(Un,{mode:S,stats:c,providerSegments:D,tokenSegments:k,sourceSegments:O}),r(Rn,{stats:c,loading:l,error:u,refresh:d,projectId:a?.id||``,planningUsage:g,providerSegments:D,tokenSegments:k,sourceSegments:O,visualMode:S,setVisualMode:w,chartState:E})]}):null:r(`div`,{className:G,children:r(le,{icon:r(C,{className:`h-8 w-8`}),title:`Select a project`,description:`Choose a project to load telemetry and execution history.`})})]})};export{Gn as StatsPage};