pi-mega-compact 0.15.2 → 0.15.4

package/extensions/dashboard-client/dist/assets/{MetricsTab-vk8Nqg7k.js → MetricsTab-Q0g32AmP.js}

@@ -1,2 +1,2 @@
-import{j as e,u as R,r as C,f as $,B as L,w as P,l as B,N as E}from"./index-tPP7N38D.js";import{C as n,a as h,b as p,c}from"./card-CfCQ36pG.js";import{R as v,C as f,X as g,Y as b,T as y,B as T,L as I,a as z}from"./generateCategoricalChart-CGlLggNu.js";import{B as M,L as G}from"./BarChart-DSbTWZTQ.js";import{A as H,a as F}from"./AreaChart-D0hDLKC1.js";function x(s){return s>=1e3?`${(s/1e3).toFixed(1)}s`:`${s.toFixed(0)}ms`}function m({value:s,max:a,colorClass:t}){const l=a>0?Math.max(0,Math.min(100,s/a*100)):0;return e.jsx("div",{className:"perf-bar-track",children:e.jsx("div",{className:`perf-bar-fill ${t}`,style:{width:`${l}%`}})})}function K({perf:s}){const a=Math.max(s.turn_latency_ms.p95,s.provider_latency_ms.p95,1),t=Math.max(s.tps.avg,1);return e.jsxs(n,{children:[e.jsxs(h,{className:"flex-row items-center justify-between space-y-0",children:[e.jsx(p,{children:"Performance"}),e.jsxs("span",{className:"text-xs text-muted-foreground",children:[s.windowMinutes,"min window · ",s.sampleCount," samples"]})]}),e.jsxs(c,{children:[e.jsxs("div",{className:"perf-grid",children:[e.jsxs("div",{className:"perf-metric",children:[e.jsx("span",{className:"perf-label",children:"Turn latency p50 / p95"}),e.jsxs("span",{className:"perf-value",children:[x(s.turn_latency_ms.p50)," /"," ",x(s.turn_latency_ms.p95)]}),e.jsx(m,{value:s.turn_latency_ms.p95,max:a,colorClass:"perf-blue"})]}),e.jsxs("div",{className:"perf-metric",children:[e.jsx("span",{className:"perf-label",children:"Provider latency p50 / p95"}),e.jsxs("span",{className:"perf-value",children:[x(s.provider_latency_ms.p50)," /"," ",x(s.provider_latency_ms.p95)]}),e.jsx(m,{value:s.provider_latency_ms.p95,max:a,colorClass:"perf-purple"})]}),e.jsxs("div",{className:"perf-metric",children:[e.jsx("span",{className:"perf-label",children:"Tokens/sec (avg)"}),e.jsx("span",{className:"perf-value",children:s.tps.avg.toFixed(1)}),e.jsx(m,{value:s.tps.avg,max:t,colorClass:"perf-green"})]}),e.jsxs("div",{className:"perf-metric",children:[e.jsx("span",{className:"perf-label",children:"Cache hit (avg / latest)"}),e.jsxs("span",{className:"perf-value",children:[s.cache_hit_pct.avg.toFixed(1),"% /"," ",s.cache_hit_pct.latest.toFixed(1),"%"]}),e.jsx(m,{value:s.cache_hit_pct.avg,max:100,colorClass:"perf-green"})]}),e.jsxs("div",{className:"perf-metric",children:[e.jsx("span",{className:"perf-label",children:"DB recompute p95"}),e.jsx("span",{className:"perf-value",children:x(s.db_recompute_ms.p95)}),e.jsx(m,{value:s.db_recompute_ms.p95,max:a,colorClass:"perf-yellow"})]}),e.jsxs("div",{className:"perf-metric",children:[e.jsx("span",{className:"perf-label",children:"Disk write p95"}),e.jsx("span",{className:"perf-value",children:x(s.disk_write_ms.p95)}),e.jsx(m,{value:s.disk_write_ms.p95,max:a,colorClass:"perf-yellow"})]})]}),e.jsxs("div",{className:"perf-resources",children:[e.jsxs("div",{className:"perf-metric",children:[e.jsx("span",{className:"perf-label",children:"RSS"}),e.jsxs("span",{className:"perf-value",children:[s.rss_mb.latest.toFixed(0)," MB"]})]}),e.jsxs("div",{className:"perf-metric",children:[e.jsx("span",{className:"perf-label",children:"Heap"}),e.jsxs("span",{className:"perf-value",children:[s.heap_mb.latest.toFixed(0)," MB"]})]}),e.jsxs("div",{className:"perf-metric",children:[e.jsx("span",{className:"perf-label",children:"CPU user"}),e.jsxs("span",{className:"perf-value",children:[(s.cpu_user_ms.latest/1e3).toFixed(1),"s"]})]}),e.jsxs("div",{className:"perf-metric",children:[e.jsx("span",{className:"perf-label",children:"CPU sys"}),e.jsxs("span",{className:"perf-value",children:[(s.cpu_sys_ms.latest/1e3).toFixed(1),"s"]})]})]}),s.diag&&e.jsxs("div",{className:"perf-diag",children:[e.jsxs("span",{className:"perf-label",children:["Fast-gate fires: ",s.diag.ctxFastGate]}),e.jsxs("span",{className:"perf-label",children:["Live trim fires: ",s.diag.liveTrimFires]}),e.jsxs("span",{className:"perf-label",children:["Live trim replays: ",s.diag.liveTrimReplays]})]})]})]})}function d(s){return s==null?"—":s>=100?`${Math.round(s)}ms`:`${s.toFixed(1)}ms`}function u(s,a){return s==null||typeof s!="number"?"—":s.toFixed(a)}function w(s){return s==null?"—":String(s)}function r({label:s,value:a}){return e.jsxs("div",{className:"flex items-baseline justify-between border-b border-border py-1 text-sm",children:[e.jsx("span",{className:"text-xs text-muted-foreground",children:s}),e.jsx("span",{className:"font-semibold",children:a})]})}function j({title:s,children:a}){return e.jsxs(n,{className:"electric-hover",children:[e.jsx(h,{children:e.jsx(p,{children:s})}),e.jsx(c,{children:a})]})}function U({perf:s}){const a=`${u(s.cpu_user_ms.latest,1)} / ${u(s.cpu_sys_ms.latest,1)} ms`;return e.jsxs("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3",children:[e.jsxs(j,{title:"Model latency",children:[e.jsx(r,{label:"Turn p50",value:d(s.turn_latency_ms.p50)}),e.jsx(r,{label:"Turn p95",value:d(s.turn_latency_ms.p95)}),e.jsx(r,{label:"Provider p50",value:d(s.provider_latency_ms.p50)}),e.jsx(r,{label:"Provider p95",value:d(s.provider_latency_ms.p95)})]}),e.jsxs(j,{title:"Throughput",children:[e.jsx(r,{label:"TPS (avg)",value:u(s.tps.avg,1)}),e.jsx(r,{label:"Cache hit %",value:`${u(s.cache_hit_pct.avg,1)}%`})]}),e.jsxs(j,{title:"Process",children:[e.jsx(r,{label:"RSS",value:`${u(s.rss_mb.latest,1)} MB`}),e.jsx(r,{label:"Heap",value:`${u(s.heap_mb.latest,1)} MB`}),e.jsx(r,{label:"CPU user / sys",value:a})]}),e.jsxs(j,{title:"Snapshot cost",children:[e.jsx(r,{label:"DB recompute p50",value:d(s.db_recompute_ms.p50)}),e.jsx(r,{label:"DB recompute p95",value:d(s.db_recompute_ms.p95)}),e.jsx(r,{label:"Disk write p50",value:d(s.disk_write_ms.p50)})]}),e.jsxs(j,{title:"TUI lag proxy",children:[e.jsx(r,{label:"Live-trim fires",value:w(s.diag?.liveTrimFires)}),e.jsx(r,{label:"Cache replays",value:w(s.diag?.liveTrimReplays)}),e.jsx(r,{label:"Fast-gate skips",value:w(s.diag?.ctxFastGate)}),e.jsx("span",{className:"text-xs text-muted-foreground",children:"skip vs recompute vs replay cadence"})]})]})}function N({label:s,value:a,title:t}){return e.jsxs("div",{className:"model-field",title:t,children:[e.jsx("span",{className:"model-field-label",children:s}),e.jsx("span",{className:"model-field-value",children:a})]})}function O({name:s,providerName:a,provider:t,inputRate:l,outputRate:o}){const S=a||t||"—";return e.jsxs("div",{className:"model-badge",children:[e.jsx(N,{label:"Model",value:s,title:"The model pi is currently using — its pricing drives the cost figure."}),e.jsx(N,{label:"Provider",value:S,title:"The provider serving the model."}),e.jsx(N,{label:"Input Rate",value:`$${l.toFixed(6)}`,title:"USD per input token, from the model's pricing."}),e.jsx(N,{label:"Output Rate",value:`$${o.toFixed(6)}`,title:"USD per output token, from the model's pricing."})]})}const i="#8b949e",_="#30363d",k={background:"#161b22",border:"1px solid #30363d",borderRadius:"6px",color:"#e6edf3",fontSize:12};function X(s){return s.map(a=>{const t=Math.max(0,a.recallCount-a.hydeRanCount);return{day:a.day.slice(5),avgLift:a.avgLift??0,avgScore:a.avgScore??0,avgGenMs:a.avgGenMs??0,passRate:a.avgScore==null?0:a.avgScore,hydeTurns:a.hydeRanCount,baseTurns:t,recallCount:a.recallCount}})}const W=({metrics:s})=>{const{data:a,loading:t}=R(C.useMemo(()=>()=>$(),[]),{pollInterval:3e4}),l=s??a,o=C.useMemo(()=>l?X(l.daily):[],[l]);if(t&&!l)return e.jsx("div",{className:"text-sm text-muted-foreground",children:"Loading RAG metrics…"});if(!l)return e.jsx("div",{className:"text-sm text-muted-foreground",children:"No RAG metrics available yet. They appear once turns record HyDE/recall telemetry."});const{totals:S,flags:A}=l;return e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx(Y,{totals:S,flags:A}),e.jsxs("div",{className:"grid grid-cols-1 gap-4 lg:grid-cols-2",children:[e.jsxs(n,{children:[e.jsx(h,{children:e.jsx(p,{children:"HyDE Recall Lift"})}),e.jsx(c,{children:e.jsx(v,{width:"100%",height:200,children:e.jsxs(M,{data:o,margin:{top:8,right:12,left:0,bottom:0},children:[e.jsx(f,{strokeDasharray:"3 3",stroke:_}),e.jsx(g,{dataKey:"day",stroke:i,tick:{fontSize:11}}),e.jsx(b,{stroke:i,tick:{fontSize:11},width:40}),e.jsx(y,{contentStyle:k}),e.jsx(T,{dataKey:"avgLift",name:"avg lift",fill:"#58a6ff",isAnimationActive:!1})]})})})]}),e.jsxs(n,{children:[e.jsx(h,{children:e.jsx(p,{children:"CRAG Quality"})}),e.jsx(c,{children:e.jsx(v,{width:"100%",height:200,children:e.jsxs(G,{data:o,margin:{top:8,right:12,left:0,bottom:0},children:[e.jsx(f,{strokeDasharray:"3 3",stroke:_}),e.jsx(g,{dataKey:"day",stroke:i,tick:{fontSize:11}}),e.jsx(b,{stroke:i,tick:{fontSize:11},width:40,domain:[0,1]}),e.jsx(y,{contentStyle:k}),e.jsx(I,{type:"monotone",dataKey:"avgScore",name:"avg score",stroke:"#3fb950",dot:!1,strokeWidth:2,isAnimationActive:!1})]})})})]}),e.jsxs(n,{children:[e.jsx(h,{children:e.jsx(p,{children:"Recall Latency (avg gen ms)"})}),e.jsx(c,{children:e.jsx(v,{width:"100%",height:200,children:e.jsxs(M,{data:o,margin:{top:8,right:12,left:0,bottom:0},children:[e.jsx(f,{strokeDasharray:"3 3",stroke:_}),e.jsx(g,{dataKey:"day",stroke:i,tick:{fontSize:11}}),e.jsx(b,{stroke:i,tick:{fontSize:11},width:40}),e.jsx(y,{contentStyle:k}),e.jsx(T,{dataKey:"avgGenMs",name:"gen ms",fill:"#d29922",isAnimationActive:!1})]})})})]}),e.jsxs(n,{children:[e.jsx(h,{children:e.jsx(p,{children:"HyDE vs Base Turn Volume"})}),e.jsx(c,{children:e.jsx(v,{width:"100%",height:200,children:e.jsxs(H,{data:o,margin:{top:8,right:12,left:0,bottom:0},children:[e.jsx(f,{strokeDasharray:"3 3",stroke:_}),e.jsx(g,{dataKey:"day",stroke:i,tick:{fontSize:11}}),e.jsx(b,{stroke:i,tick:{fontSize:11},width:40}),e.jsx(y,{contentStyle:k}),e.jsx(z,{wrapperStyle:{fontSize:11}}),e.jsx(F,{type:"monotone",dataKey:"hydeTurns",name:"hyde turns",stackId:"1",stroke:"#58a6ff",fill:"#58a6ff",fillOpacity:.5,isAnimationActive:!1}),e.jsx(F,{type:"monotone",dataKey:"baseTurns",name:"base turns",stackId:"1",stroke:"#8b949e",fill:"#8b949e",fillOpacity:.4,isAnimationActive:!1})]})})})]})]})]})};function Y({totals:s,flags:a}){const t=[{label:"Telemetry turns",value:String(s.telemetryTurns),hint:"turns with HyDE or recall data"},{label:"HyDE ran",value:String(s.hydeRanTurns),hint:"turns where HyDE generated a doc"},{label:"Avg lift",value:`${s.avgLift.toFixed(2)}×`,hint:"fused / raw hit breadth"},{label:"Pass rate",value:`${Math.round(s.recentPassRate*100)}%`,hint:s.avgScore==null?"no scored turns":`avg score ${s.avgScore.toFixed(2)}`}];return e.jsxs("div",{className:"grid grid-cols-2 gap-4 lg:grid-cols-5",children:[t.map(l=>e.jsx(n,{children:e.jsxs(c,{children:[e.jsx("div",{className:"text-xs text-muted-foreground",children:l.label}),e.jsx("div",{className:"font-heading text-2xl font-semibold text-foreground",children:l.value}),e.jsx("div",{className:"mt-0.5 text-xs text-muted-foreground",children:l.hint})]})},l.label)),e.jsx(n,{children:e.jsxs(c,{children:[e.jsx("div",{className:"text-xs text-muted-foreground",children:"Flags"}),e.jsxs("div",{className:"mt-1 flex flex-col gap-1 text-xs",children:[e.jsx(D,{label:"HyDE",on:a.hydeEnabled}),e.jsx(D,{label:"Recall metrics",on:a.recallMetricsEnabled})]})]})})]})}function D({label:s,on:a}){return e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:`inline-block h-2 w-2 rounded-full ${a?"bg-success":"bg-danger"}`,"aria-hidden":"true"}),s,":"," ",e.jsx(L,{variant:a?"success":"danger",children:a?"on":"off"})]})}function ee(){const{data:s,error:a}=R(C.useCallback(()=>P({minutes:30}),[]),{pollInterval:1e4}),{data:t}=R(C.useCallback(()=>B(),[]),{pollInterval:1e4});return a&&!s?e.jsxs("div",{className:"tab-stub",children:["Error loading perf: ",a.message]}):s?e.jsxs("div",{className:"flex flex-col gap-4",children:[t?.model&&e.jsx(O,{name:t.model.name,providerName:t.model.providerName,provider:t.model.provider,inputRate:t.model.inputRate,outputRate:t.model.outputRate}),e.jsx(K,{perf:s}),e.jsx(U,{perf:s}),e.jsxs("div",{className:"text-xs text-muted-foreground",children:[s.sampleCount," samples · updated ",s.updatedAt]}),E()&&e.jsx(W,{})]}):e.jsx("div",{className:"tab-stub",children:"Loading perf…"})}export{ee as default};
-//# sourceMappingURL=MetricsTab-vk8Nqg7k.js.map
+import{j as e,u as R,r as C,f as $,B as L,w as P,l as B,N as E}from"./index-DRa2d4TF.js";import{C as n,a as h,b as p,c}from"./card-Bwxzo50p.js";import{R as v,C as f,X as g,Y as b,T as y,B as T,L as I,a as z}from"./generateCategoricalChart-C6hlfMYG.js";import{B as M,L as G}from"./BarChart-Cf8DTaXS.js";import{A as H,a as F}from"./AreaChart-CrmTcE7w.js";function x(s){return s>=1e3?`${(s/1e3).toFixed(1)}s`:`${s.toFixed(0)}ms`}function m({value:s,max:a,colorClass:t}){const l=a>0?Math.max(0,Math.min(100,s/a*100)):0;return e.jsx("div",{className:"perf-bar-track",children:e.jsx("div",{className:`perf-bar-fill ${t}`,style:{width:`${l}%`}})})}function K({perf:s}){const a=Math.max(s.turn_latency_ms.p95,s.provider_latency_ms.p95,1),t=Math.max(s.tps.avg,1);return e.jsxs(n,{children:[e.jsxs(h,{className:"flex-row items-center justify-between space-y-0",children:[e.jsx(p,{children:"Performance"}),e.jsxs("span",{className:"text-xs text-muted-foreground",children:[s.windowMinutes,"min window · ",s.sampleCount," samples"]})]}),e.jsxs(c,{children:[e.jsxs("div",{className:"perf-grid",children:[e.jsxs("div",{className:"perf-metric",children:[e.jsx("span",{className:"perf-label",children:"Turn latency p50 / p95"}),e.jsxs("span",{className:"perf-value",children:[x(s.turn_latency_ms.p50)," /"," ",x(s.turn_latency_ms.p95)]}),e.jsx(m,{value:s.turn_latency_ms.p95,max:a,colorClass:"perf-blue"})]}),e.jsxs("div",{className:"perf-metric",children:[e.jsx("span",{className:"perf-label",children:"Provider latency p50 / p95"}),e.jsxs("span",{className:"perf-value",children:[x(s.provider_latency_ms.p50)," /"," ",x(s.provider_latency_ms.p95)]}),e.jsx(m,{value:s.provider_latency_ms.p95,max:a,colorClass:"perf-purple"})]}),e.jsxs("div",{className:"perf-metric",children:[e.jsx("span",{className:"perf-label",children:"Tokens/sec (avg)"}),e.jsx("span",{className:"perf-value",children:s.tps.avg.toFixed(1)}),e.jsx(m,{value:s.tps.avg,max:t,colorClass:"perf-green"})]}),e.jsxs("div",{className:"perf-metric",children:[e.jsx("span",{className:"perf-label",children:"Cache hit (avg / latest)"}),e.jsxs("span",{className:"perf-value",children:[s.cache_hit_pct.avg.toFixed(1),"% /"," ",s.cache_hit_pct.latest.toFixed(1),"%"]}),e.jsx(m,{value:s.cache_hit_pct.avg,max:100,colorClass:"perf-green"})]}),e.jsxs("div",{className:"perf-metric",children:[e.jsx("span",{className:"perf-label",children:"DB recompute p95"}),e.jsx("span",{className:"perf-value",children:x(s.db_recompute_ms.p95)}),e.jsx(m,{value:s.db_recompute_ms.p95,max:a,colorClass:"perf-yellow"})]}),e.jsxs("div",{className:"perf-metric",children:[e.jsx("span",{className:"perf-label",children:"Disk write p95"}),e.jsx("span",{className:"perf-value",children:x(s.disk_write_ms.p95)}),e.jsx(m,{value:s.disk_write_ms.p95,max:a,colorClass:"perf-yellow"})]})]}),e.jsxs("div",{className:"perf-resources",children:[e.jsxs("div",{className:"perf-metric",children:[e.jsx("span",{className:"perf-label",children:"RSS"}),e.jsxs("span",{className:"perf-value",children:[s.rss_mb.latest.toFixed(0)," MB"]})]}),e.jsxs("div",{className:"perf-metric",children:[e.jsx("span",{className:"perf-label",children:"Heap"}),e.jsxs("span",{className:"perf-value",children:[s.heap_mb.latest.toFixed(0)," MB"]})]}),e.jsxs("div",{className:"perf-metric",children:[e.jsx("span",{className:"perf-label",children:"CPU user"}),e.jsxs("span",{className:"perf-value",children:[(s.cpu_user_ms.latest/1e3).toFixed(1),"s"]})]}),e.jsxs("div",{className:"perf-metric",children:[e.jsx("span",{className:"perf-label",children:"CPU sys"}),e.jsxs("span",{className:"perf-value",children:[(s.cpu_sys_ms.latest/1e3).toFixed(1),"s"]})]})]}),s.diag&&e.jsxs("div",{className:"perf-diag",children:[e.jsxs("span",{className:"perf-label",children:["Fast-gate fires: ",s.diag.ctxFastGate]}),e.jsxs("span",{className:"perf-label",children:["Live trim fires: ",s.diag.liveTrimFires]}),e.jsxs("span",{className:"perf-label",children:["Live trim replays: ",s.diag.liveTrimReplays]})]})]})]})}function d(s){return s==null?"—":s>=100?`${Math.round(s)}ms`:`${s.toFixed(1)}ms`}function u(s,a){return s==null||typeof s!="number"?"—":s.toFixed(a)}function w(s){return s==null?"—":String(s)}function r({label:s,value:a}){return e.jsxs("div",{className:"flex items-baseline justify-between border-b border-border py-1 text-sm",children:[e.jsx("span",{className:"text-xs text-muted-foreground",children:s}),e.jsx("span",{className:"font-semibold",children:a})]})}function j({title:s,children:a}){return e.jsxs(n,{className:"electric-hover",children:[e.jsx(h,{children:e.jsx(p,{children:s})}),e.jsx(c,{children:a})]})}function U({perf:s}){const a=`${u(s.cpu_user_ms.latest,1)} / ${u(s.cpu_sys_ms.latest,1)} ms`;return e.jsxs("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3",children:[e.jsxs(j,{title:"Model latency",children:[e.jsx(r,{label:"Turn p50",value:d(s.turn_latency_ms.p50)}),e.jsx(r,{label:"Turn p95",value:d(s.turn_latency_ms.p95)}),e.jsx(r,{label:"Provider p50",value:d(s.provider_latency_ms.p50)}),e.jsx(r,{label:"Provider p95",value:d(s.provider_latency_ms.p95)})]}),e.jsxs(j,{title:"Throughput",children:[e.jsx(r,{label:"TPS (avg)",value:u(s.tps.avg,1)}),e.jsx(r,{label:"Cache hit %",value:`${u(s.cache_hit_pct.avg,1)}%`})]}),e.jsxs(j,{title:"Process",children:[e.jsx(r,{label:"RSS",value:`${u(s.rss_mb.latest,1)} MB`}),e.jsx(r,{label:"Heap",value:`${u(s.heap_mb.latest,1)} MB`}),e.jsx(r,{label:"CPU user / sys",value:a})]}),e.jsxs(j,{title:"Snapshot cost",children:[e.jsx(r,{label:"DB recompute p50",value:d(s.db_recompute_ms.p50)}),e.jsx(r,{label:"DB recompute p95",value:d(s.db_recompute_ms.p95)}),e.jsx(r,{label:"Disk write p50",value:d(s.disk_write_ms.p50)})]}),e.jsxs(j,{title:"TUI lag proxy",children:[e.jsx(r,{label:"Live-trim fires",value:w(s.diag?.liveTrimFires)}),e.jsx(r,{label:"Cache replays",value:w(s.diag?.liveTrimReplays)}),e.jsx(r,{label:"Fast-gate skips",value:w(s.diag?.ctxFastGate)}),e.jsx("span",{className:"text-xs text-muted-foreground",children:"skip vs recompute vs replay cadence"})]})]})}function N({label:s,value:a,title:t}){return e.jsxs("div",{className:"model-field",title:t,children:[e.jsx("span",{className:"model-field-label",children:s}),e.jsx("span",{className:"model-field-value",children:a})]})}function O({name:s,providerName:a,provider:t,inputRate:l,outputRate:o}){const S=a||t||"—";return e.jsxs("div",{className:"model-badge",children:[e.jsx(N,{label:"Model",value:s,title:"The model pi is currently using — its pricing drives the cost figure."}),e.jsx(N,{label:"Provider",value:S,title:"The provider serving the model."}),e.jsx(N,{label:"Input Rate",value:`$${l.toFixed(6)}`,title:"USD per input token, from the model's pricing."}),e.jsx(N,{label:"Output Rate",value:`$${o.toFixed(6)}`,title:"USD per output token, from the model's pricing."})]})}const i="#8b949e",_="#30363d",k={background:"#161b22",border:"1px solid #30363d",borderRadius:"6px",color:"#e6edf3",fontSize:12};function X(s){return s.map(a=>{const t=Math.max(0,a.recallCount-a.hydeRanCount);return{day:a.day.slice(5),avgLift:a.avgLift??0,avgScore:a.avgScore??0,avgGenMs:a.avgGenMs??0,passRate:a.avgScore==null?0:a.avgScore,hydeTurns:a.hydeRanCount,baseTurns:t,recallCount:a.recallCount}})}const W=({metrics:s})=>{const{data:a,loading:t}=R(C.useMemo(()=>()=>$(),[]),{pollInterval:3e4}),l=s??a,o=C.useMemo(()=>l?X(l.daily):[],[l]);if(t&&!l)return e.jsx("div",{className:"text-sm text-muted-foreground",children:"Loading RAG metrics…"});if(!l)return e.jsx("div",{className:"text-sm text-muted-foreground",children:"No RAG metrics available yet. They appear once turns record HyDE/recall telemetry."});const{totals:S,flags:A}=l;return e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx(Y,{totals:S,flags:A}),e.jsxs("div",{className:"grid grid-cols-1 gap-4 lg:grid-cols-2",children:[e.jsxs(n,{children:[e.jsx(h,{children:e.jsx(p,{children:"HyDE Recall Lift"})}),e.jsx(c,{children:e.jsx(v,{width:"100%",height:200,children:e.jsxs(M,{data:o,margin:{top:8,right:12,left:0,bottom:0},children:[e.jsx(f,{strokeDasharray:"3 3",stroke:_}),e.jsx(g,{dataKey:"day",stroke:i,tick:{fontSize:11}}),e.jsx(b,{stroke:i,tick:{fontSize:11},width:40}),e.jsx(y,{contentStyle:k}),e.jsx(T,{dataKey:"avgLift",name:"avg lift",fill:"#58a6ff",isAnimationActive:!1})]})})})]}),e.jsxs(n,{children:[e.jsx(h,{children:e.jsx(p,{children:"CRAG Quality"})}),e.jsx(c,{children:e.jsx(v,{width:"100%",height:200,children:e.jsxs(G,{data:o,margin:{top:8,right:12,left:0,bottom:0},children:[e.jsx(f,{strokeDasharray:"3 3",stroke:_}),e.jsx(g,{dataKey:"day",stroke:i,tick:{fontSize:11}}),e.jsx(b,{stroke:i,tick:{fontSize:11},width:40,domain:[0,1]}),e.jsx(y,{contentStyle:k}),e.jsx(I,{type:"monotone",dataKey:"avgScore",name:"avg score",stroke:"#3fb950",dot:!1,strokeWidth:2,isAnimationActive:!1})]})})})]}),e.jsxs(n,{children:[e.jsx(h,{children:e.jsx(p,{children:"Recall Latency (avg gen ms)"})}),e.jsx(c,{children:e.jsx(v,{width:"100%",height:200,children:e.jsxs(M,{data:o,margin:{top:8,right:12,left:0,bottom:0},children:[e.jsx(f,{strokeDasharray:"3 3",stroke:_}),e.jsx(g,{dataKey:"day",stroke:i,tick:{fontSize:11}}),e.jsx(b,{stroke:i,tick:{fontSize:11},width:40}),e.jsx(y,{contentStyle:k}),e.jsx(T,{dataKey:"avgGenMs",name:"gen ms",fill:"#d29922",isAnimationActive:!1})]})})})]}),e.jsxs(n,{children:[e.jsx(h,{children:e.jsx(p,{children:"HyDE vs Base Turn Volume"})}),e.jsx(c,{children:e.jsx(v,{width:"100%",height:200,children:e.jsxs(H,{data:o,margin:{top:8,right:12,left:0,bottom:0},children:[e.jsx(f,{strokeDasharray:"3 3",stroke:_}),e.jsx(g,{dataKey:"day",stroke:i,tick:{fontSize:11}}),e.jsx(b,{stroke:i,tick:{fontSize:11},width:40}),e.jsx(y,{contentStyle:k}),e.jsx(z,{wrapperStyle:{fontSize:11}}),e.jsx(F,{type:"monotone",dataKey:"hydeTurns",name:"hyde turns",stackId:"1",stroke:"#58a6ff",fill:"#58a6ff",fillOpacity:.5,isAnimationActive:!1}),e.jsx(F,{type:"monotone",dataKey:"baseTurns",name:"base turns",stackId:"1",stroke:"#8b949e",fill:"#8b949e",fillOpacity:.4,isAnimationActive:!1})]})})})]})]})]})};function Y({totals:s,flags:a}){const t=[{label:"Telemetry turns",value:String(s.telemetryTurns),hint:"turns with HyDE or recall data"},{label:"HyDE ran",value:String(s.hydeRanTurns),hint:"turns where HyDE generated a doc"},{label:"Avg lift",value:`${s.avgLift.toFixed(2)}×`,hint:"fused / raw hit breadth"},{label:"Pass rate",value:`${Math.round(s.recentPassRate*100)}%`,hint:s.avgScore==null?"no scored turns":`avg score ${s.avgScore.toFixed(2)}`}];return e.jsxs("div",{className:"grid grid-cols-2 gap-4 lg:grid-cols-5",children:[t.map(l=>e.jsx(n,{children:e.jsxs(c,{children:[e.jsx("div",{className:"text-xs text-muted-foreground",children:l.label}),e.jsx("div",{className:"font-heading text-2xl font-semibold text-foreground",children:l.value}),e.jsx("div",{className:"mt-0.5 text-xs text-muted-foreground",children:l.hint})]})},l.label)),e.jsx(n,{children:e.jsxs(c,{children:[e.jsx("div",{className:"text-xs text-muted-foreground",children:"Flags"}),e.jsxs("div",{className:"mt-1 flex flex-col gap-1 text-xs",children:[e.jsx(D,{label:"HyDE",on:a.hydeEnabled}),e.jsx(D,{label:"Recall metrics",on:a.recallMetricsEnabled})]})]})})]})}function D({label:s,on:a}){return e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:`inline-block h-2 w-2 rounded-full ${a?"bg-success":"bg-danger"}`,"aria-hidden":"true"}),s,":"," ",e.jsx(L,{variant:a?"success":"danger",children:a?"on":"off"})]})}function ee(){const{data:s,error:a}=R(C.useCallback(()=>P({minutes:30}),[]),{pollInterval:1e4}),{data:t}=R(C.useCallback(()=>B(),[]),{pollInterval:1e4});return a&&!s?e.jsxs("div",{className:"tab-stub",children:["Error loading perf: ",a.message]}):s?e.jsxs("div",{className:"flex flex-col gap-4",children:[t?.model&&e.jsx(O,{name:t.model.name,providerName:t.model.providerName,provider:t.model.provider,inputRate:t.model.inputRate,outputRate:t.model.outputRate}),e.jsx(K,{perf:s}),e.jsx(U,{perf:s}),e.jsxs("div",{className:"text-xs text-muted-foreground",children:[s.sampleCount," samples · updated ",s.updatedAt]}),E()&&e.jsx(W,{})]}):e.jsx("div",{className:"tab-stub",children:"Loading perf…"})}export{ee as default};
+//# sourceMappingURL=MetricsTab-Q0g32AmP.js.map

package/extensions/dashboard-client/dist/assets/{MetricsTab-vk8Nqg7k.js.map → MetricsTab-Q0g32AmP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MetricsTab-vk8Nqg7k.js","sources":["../../src/components/PerfChart.tsx","../../src/components/PerfCards.tsx","../../src/components/ModelBadge.tsx","../../src/components/RagDashboard.tsx","../../src/tabs/MetricsTab.tsx"],"sourcesContent":["/**\n * dashboard-client/src/components/PerfChart.tsx — perf stat chart.\n *\n * The /api/perf endpoint returns rolling-window aggregates (not time-series),\n * so this renders a stat-card \"chart\": p50/p95 latency bars, TPS, cache hit %,\n * db recompute + disk write. Each metric shows a normalized bar + numeric.\n */\n\nimport type React from \"react\";\nimport type { PerfResponse } from \"@contracts\";\nimport { Card, CardContent, CardHeader, CardTitle } from \"../components/ui/card\";\n\nexport interface PerfChartProps {\n\tperf: PerfResponse;\n}\n\nfunction fmtMs(n: number): string {\n\treturn n >= 1000 ? `${(n / 1000).toFixed(1)}s` : `${n.toFixed(0)}ms`;\n}\n\ninterface BarProps {\n\t/** Current value. */\n\tvalue: number;\n\t/** Value that represents 100% bar fill (the \"max\" reference). */\n\tmax: number;\n\t/** Color class. */\n\tcolorClass: string;\n}\n\nfunction Bar({ value, max, colorClass }: BarProps): React.ReactElement {\n\tconst pct = max > 0 ? Math.max(0, Math.min(100, (value / max) * 100)) : 0;\n\treturn (\n\t\t<div className=\"perf-bar-track\">\n\t\t\t<div\n\t\t\t\tclassName={`perf-bar-fill ${colorClass}`}\n\t\t\t\tstyle={{ width: `${pct}%` }}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nexport function PerfChart({ perf }: PerfChartProps): React.ReactElement {\n\t// Reference maxes: p95 is the upper bound for latency bars; rates scale to a\n\t// reasonable reference (tok/s) so bars are visually meaningful even with\n\t// small samples. cache_hit_pct is already 0-100.\n\tconst latencyMax = Math.max(\n\t\tperf.turn_latency_ms.p95,\n\t\tperf.provider_latency_ms.p95,\n\t\t1,\n\t);\n\tconst tpsRef = Math.max(perf.tps.avg, 1);\n\n\treturn (\n\t\t<Card>\n\t\t\t<CardHeader className=\"flex-row items-center justify-between space-y-0\">\n\t\t\t\t<CardTitle>Performance</CardTitle>\n\t\t\t\t<span className=\"text-xs text-muted-foreground\">\n\t\t\t\t\t{perf.windowMinutes}min window · {perf.sampleCount} samples\n\t\t\t\t</span>\n\t\t\t</CardHeader>\n\t\t\t<CardContent>\n\t\t\t<div className=\"perf-grid\">\n\t\t\t\t<div className=\"perf-metric\">\n\t\t\t\t\t<span className=\"perf-label\">Turn latency p50 / p95</span>\n\t\t\t\t\t<span className=\"perf-value\">\n\t\t\t\t\t\t{fmtMs(perf.turn_latency_ms.p50)} /{\" \"}\n\t\t\t\t\t\t{fmtMs(perf.turn_latency_ms.p95)}\n\t\t\t\t\t</span>\n\t\t\t\t\t<Bar\n\t\t\t\t\t\tvalue={perf.turn_latency_ms.p95}\n\t\t\t\t\t\tmax={latencyMax}\n\t\t\t\t\t\tcolorClass=\"perf-blue\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"perf-metric\">\n\t\t\t\t\t<span className=\"perf-label\">Provider latency p50 / p95</span>\n\t\t\t\t\t<span className=\"perf-value\">\n\t\t\t\t\t\t{fmtMs(perf.provider_latency_ms.p50)} /{\" \"}\n\t\t\t\t\t\t{fmtMs(perf.provider_latency_ms.p95)}\n\t\t\t\t\t</span>\n\t\t\t\t\t<Bar\n\t\t\t\t\t\tvalue={perf.provider_latency_ms.p95}\n\t\t\t\t\t\tmax={latencyMax}\n\t\t\t\t\t\tcolorClass=\"perf-purple\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"perf-metric\">\n\t\t\t\t\t<span className=\"perf-label\">Tokens/sec (avg)</span>\n\t\t\t\t\t<span className=\"perf-value\">{perf.tps.avg.toFixed(1)}</span>\n\t\t\t\t\t<Bar value={perf.tps.avg} max={tpsRef} colorClass=\"perf-green\" />\n\t\t\t\t</div>\n\t\t\t\t<div className=\"perf-metric\">\n\t\t\t\t\t<span className=\"perf-label\">Cache hit (avg / latest)</span>\n\t\t\t\t\t<span className=\"perf-value\">\n\t\t\t\t\t\t{perf.cache_hit_pct.avg.toFixed(1)}% /{\" \"}\n\t\t\t\t\t\t{perf.cache_hit_pct.latest.toFixed(1)}%\n\t\t\t\t\t</span>\n\t\t\t\t\t<Bar\n\t\t\t\t\t\tvalue={perf.cache_hit_pct.avg}\n\t\t\t\t\t\tmax={100}\n\t\t\t\t\t\tcolorClass=\"perf-green\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"perf-metric\">\n\t\t\t\t\t<span className=\"perf-label\">DB recompute p95</span>\n\t\t\t\t\t<span className=\"perf-value\">{fmtMs(perf.db_recompute_ms.p95)}</span>\n\t\t\t\t\t<Bar\n\t\t\t\t\t\tvalue={perf.db_recompute_ms.p95}\n\t\t\t\t\t\tmax={latencyMax}\n\t\t\t\t\t\tcolorClass=\"perf-yellow\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"perf-metric\">\n\t\t\t\t\t<span className=\"perf-label\">Disk write p95</span>\n\t\t\t\t\t<span className=\"perf-value\">{fmtMs(perf.disk_write_ms.p95)}</span>\n\t\t\t\t\t<Bar\n\t\t\t\t\t\tvalue={perf.disk_write_ms.p95}\n\t\t\t\t\t\tmax={latencyMax}\n\t\t\t\t\t\tcolorClass=\"perf-yellow\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div className=\"perf-resources\">\n\t\t\t\t<div className=\"perf-metric\">\n\t\t\t\t\t<span className=\"perf-label\">RSS</span>\n\t\t\t\t\t<span className=\"perf-value\">{perf.rss_mb.latest.toFixed(0)} MB</span>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"perf-metric\">\n\t\t\t\t\t<span className=\"perf-label\">Heap</span>\n\t\t\t\t\t<span className=\"perf-value\">\n\t\t\t\t\t\t{perf.heap_mb.latest.toFixed(0)} MB\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"perf-metric\">\n\t\t\t\t\t<span className=\"perf-label\">CPU user</span>\n\t\t\t\t\t<span className=\"perf-value\">\n\t\t\t\t\t\t{(perf.cpu_user_ms.latest / 1000).toFixed(1)}s\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"perf-metric\">\n\t\t\t\t\t<span className=\"perf-label\">CPU sys</span>\n\t\t\t\t\t<span className=\"perf-value\">\n\t\t\t\t\t\t{(perf.cpu_sys_ms.latest / 1000).toFixed(1)}s\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{perf.diag && (\n\t\t\t\t<div className=\"perf-diag\">\n\t\t\t\t\t<span className=\"perf-label\">\n\t\t\t\t\t\tFast-gate fires: {perf.diag.ctxFastGate}\n\t\t\t\t\t</span>\n\t\t\t\t\t<span className=\"perf-label\">\n\t\t\t\t\t\tLive trim fires: {perf.diag.liveTrimFires}\n\t\t\t\t\t</span>\n\t\t\t\t\t<span className=\"perf-label\">\n\t\t\t\t\t\tLive trim replays: {perf.diag.liveTrimReplays}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t</CardContent>\n\t\t</Card>\n\t);\n}\n","/**\n * dashboard-client/src/components/PerfCards.tsx — 5 perf metric cards.\n *\n * Mirrors the old html.ts perf grid: model latency, throughput, process,\n * snapshot cost, and TUI lag proxy. Uses the existing perf-metric CSS\n * classes from repos-metrics.css plus metrics-extra.css for card headers.\n */\n\nimport type React from \"react\";\nimport type { PerfResponse } from \"@contracts\";\nimport {\n\tCard,\n\tCardContent,\n\tCardHeader,\n\tCardTitle,\n} from \"../components/ui/card\";\n\n/** Format milliseconds (em-dash for null/undefined). */\nfunction fmtMs(v: number | null | undefined): string {\n\treturn v == null ? \"\\u2014\" : v >= 100 ? `${Math.round(v)}ms` : `${v.toFixed(1)}ms`;\n}\n\n/** Format a number with fixed decimals (em-dash for null/non-number). */\nfunction fmtNum(v: number | null | undefined, dec: number): string {\n\treturn v == null || typeof v !== \"number\" ? \"\\u2014\" : v.toFixed(dec);\n}\n\n/** Format a diag counter (em-dash for null). */\nfunction fmtDiag(v: number | null | undefined): string {\n\treturn v == null ? \"\\u2014\" : String(v);\n}\n\ninterface PerfCardsProps {\n\tperf: PerfResponse;\n}\n\n/** A single stat row inside a perf card. */\nfunction Stat({ label, value }: { label: string; value: string }): React.ReactElement {\n\treturn (\n\t\t<div className=\"flex items-baseline justify-between border-b border-border py-1 text-sm\">\n\t\t\t<span className=\"text-xs text-muted-foreground\">{label}</span>\n\t\t\t<span className=\"font-semibold\">{value}</span>\n\t\t</div>\n\t);\n}\n\n/** Card wrapper with a title. */\nfunction PerfCard({ title, children }: { title: string; children: React.ReactNode }): React.ReactElement {\n\treturn (\n\t\t<Card className=\"electric-hover\">\n\t\t\t<CardHeader>\n\t\t\t\t<CardTitle>{title}</CardTitle>\n\t\t\t</CardHeader>\n\t\t\t<CardContent>{children}</CardContent>\n\t\t</Card>\n\t);\n}\n\nexport function PerfCards({ perf }: PerfCardsProps): React.ReactElement {\n\tconst cpuTxt = `${fmtNum(perf.cpu_user_ms.latest, 1)} / ${fmtNum(perf.cpu_sys_ms.latest, 1)} ms`;\n\n\treturn (\n\t\t<div className=\"grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3\">\n\t\t\t<PerfCard title=\"Model latency\">\n\t\t\t\t<Stat label=\"Turn p50\" value={fmtMs(perf.turn_latency_ms.p50)} />\n\t\t\t\t<Stat label=\"Turn p95\" value={fmtMs(perf.turn_latency_ms.p95)} />\n\t\t\t\t<Stat label=\"Provider p50\" value={fmtMs(perf.provider_latency_ms.p50)} />\n\t\t\t\t<Stat label=\"Provider p95\" value={fmtMs(perf.provider_latency_ms.p95)} />\n\t\t\t</PerfCard>\n\n\t\t\t<PerfCard title=\"Throughput\">\n\t\t\t\t<Stat label=\"TPS (avg)\" value={fmtNum(perf.tps.avg, 1)} />\n\t\t\t\t<Stat\n\t\t\t\t\tlabel=\"Cache hit %\"\n\t\t\t\t\tvalue={`${fmtNum(perf.cache_hit_pct.avg, 1)}%`}\n\t\t\t\t/>\n\t\t\t</PerfCard>\n\n\t\t\t<PerfCard title=\"Process\">\n\t\t\t\t<Stat label=\"RSS\" value={`${fmtNum(perf.rss_mb.latest, 1)} MB`} />\n\t\t\t\t<Stat label=\"Heap\" value={`${fmtNum(perf.heap_mb.latest, 1)} MB`} />\n\t\t\t\t<Stat label=\"CPU user / sys\" value={cpuTxt} />\n\t\t\t</PerfCard>\n\n\t\t\t<PerfCard title=\"Snapshot cost\">\n\t\t\t\t<Stat label=\"DB recompute p50\" value={fmtMs(perf.db_recompute_ms.p50)} />\n\t\t\t\t<Stat label=\"DB recompute p95\" value={fmtMs(perf.db_recompute_ms.p95)} />\n\t\t\t\t<Stat label=\"Disk write p50\" value={fmtMs(perf.disk_write_ms.p50)} />\n\t\t\t</PerfCard>\n\n\t\t\t<PerfCard title=\"TUI lag proxy\">\n\t\t\t\t<Stat label=\"Live-trim fires\" value={fmtDiag(perf.diag?.liveTrimFires)} />\n\t\t\t\t<Stat label=\"Cache replays\" value={fmtDiag(perf.diag?.liveTrimReplays)} />\n\t\t\t\t<Stat label=\"Fast-gate skips\" value={fmtDiag(perf.diag?.ctxFastGate)} />\n\t\t\t\t<span className=\"text-xs text-muted-foreground\">skip vs recompute vs replay cadence</span>\n\t\t\t</PerfCard>\n\t\t</div>\n\t);\n}\n","/**\n * dashboard-client/src/components/ModelBadge.tsx — model + provider + rates.\n *\n * Shows the active model name, provider, and input/output rates.\n * Tooltips copied verbatim from html.ts. Used in the Metrics tab header.\n */\n\nimport type React from \"react\";\n\nexport interface ModelBadgeProps {\n\t/** Model name/identifier. */\n\tname: string;\n\t/** Human-readable provider name. */\n\tproviderName: string;\n\t/** Machine-readable provider identifier. */\n\tprovider: string;\n\t/** USD per input token (from model pricing). */\n\tinputRate: number;\n\t/** USD per output token (from model pricing). */\n\toutputRate: number;\n}\n\nfunction Field({\n\tlabel,\n\tvalue,\n\ttitle,\n}: {\n\tlabel: string;\n\tvalue: string;\n\ttitle?: string;\n}): React.ReactElement {\n\treturn (\n\t\t<div className=\"model-field\" title={title}>\n\t\t\t<span className=\"model-field-label\">{label}</span>\n\t\t\t<span className=\"model-field-value\">{value}</span>\n\t\t</div>\n\t);\n}\n\nexport function ModelBadge({\n\tname,\n\tproviderName,\n\tprovider,\n\tinputRate,\n\toutputRate,\n}: ModelBadgeProps): React.ReactElement {\n\tconst providerDisplay = providerName || provider || \"—\";\n\treturn (\n\t\t<div className=\"model-badge\">\n\t\t\t<Field\n\t\t\t\tlabel=\"Model\"\n\t\t\t\tvalue={name}\n\t\t\t\ttitle=\"The model pi is currently using — its pricing drives the cost figure.\"\n\t\t\t/>\n\t\t\t<Field\n\t\t\t\tlabel=\"Provider\"\n\t\t\t\tvalue={providerDisplay}\n\t\t\t\ttitle=\"The provider serving the model.\"\n\t\t\t/>\n\t\t\t<Field\n\t\t\t\tlabel=\"Input Rate\"\n\t\t\t\tvalue={`$${inputRate.toFixed(6)}`}\n\t\t\t\ttitle=\"USD per input token, from the model's pricing.\"\n\t\t\t/>\n\t\t\t<Field\n\t\t\t\tlabel=\"Output Rate\"\n\t\t\t\tvalue={`$${outputRate.toFixed(6)}`}\n\t\t\t\ttitle=\"USD per output token, from the model's pricing.\"\n\t\t\t/>\n\t\t</div>\n\t);\n}\n","/**\n * dashboard-client/src/components/RagDashboard.tsx — full RAG metrics section\n * (H3.2). Rendered in the Metrics tab.\n *\n * Fetches /api/rag-metrics and renders:\n *   1. Stat row: telemetry turns, HyDE-ran count, avg lift, pass rate.\n *   2. HyDE Recall Lift Bar (BarChart over daily avg lift).\n *   3. CRAG Quality Line (LineChart over daily avg score).\n *   4. Per-flag status dots (hydeEnabled, recallMetricsEnabled).\n *   5. Recall Latency Stacked Bar (hyde vs base turn counts) + Hit-Rate Area.\n *\n * PREVENT-PI-004: relative-path fetch to the same-origin dashboard server.\n * recharts is bundled into this localhost-served static bundle (no runtime\n * network calls).\n */\n\nimport type React from \"react\";\nimport { useMemo } from \"react\";\nimport { useApi } from \"../hooks/useApi\";\nimport { fetchRagMetrics } from \"../api/client\";\nimport type { RagMetricsResponse } from \"@contracts\";\n\n/** Daily-aggregate row shape (derived from the rag-metrics contract). */\ntype DailyTelemetry = RagMetricsResponse[\"daily\"][number];\nimport {\n\tResponsiveContainer,\n\tBarChart,\n\tBar,\n\tLineChart,\n\tLine,\n\tAreaChart,\n\tArea,\n\tXAxis,\n\tYAxis,\n\tCartesianGrid,\n\tTooltip,\n\tLegend,\n} from \"recharts\";\nimport { Card, CardHeader, CardTitle, CardContent } from \"./ui/card\";\nimport { Badge } from \"./ui/badge\";\n\nconst AXIS = \"#8b949e\";\nconst GRID = \"#30363d\";\nconst TOOLTIP = {\n\tbackground: \"#161b22\",\n\tborder: \"1px solid #30363d\",\n\tborderRadius: \"6px\",\n\tcolor: \"#e6edf3\",\n\tfontSize: 12,\n} as const;\n\n/** One row per day, with lead/lag-safe derived series for the charts. */\ninterface DailyRow {\n\tday: string;\n\tavgLift: number;\n\tavgScore: number;\n\tavgGenMs: number;\n\tpassRate: number;\n\thydeTurns: number;\n\tbaseTurns: number;\n\trecallCount: number;\n}\n\nfunction toRows(daily: DailyTelemetry[]): DailyRow[] {\n\treturn daily.map((d) => {\n\t\tconst baseTurns = Math.max(0, d.recallCount - d.hydeRanCount);\n\t\treturn {\n\t\t\tday: d.day.slice(5), // \"MM-DD\"\n\t\t\tavgLift: d.avgLift ?? 0,\n\t\t\tavgScore: d.avgScore ?? 0,\n\t\t\tavgGenMs: d.avgGenMs ?? 0,\n\t\t\tpassRate: d.avgScore == null ? 0 : d.avgScore,\n\t\t\thydeTurns: d.hydeRanCount,\n\t\t\tbaseTurns,\n\t\t\trecallCount: d.recallCount,\n\t\t};\n\t});\n}\n\nexport interface RagDashboardProps {\n\t/** Optional pre-fetched metrics; when absent, the card fetches inline. */\n\tmetrics?: RagMetricsResponse | null;\n}\n\nexport const RagDashboard: React.FC<RagDashboardProps> = ({ metrics }) => {\n\tconst { data, loading } = useApi<RagMetricsResponse>(\n\t\tuseMemo(() => () => fetchRagMetrics(), []),\n\t\t{ pollInterval: 30_000 },\n\t);\n\tconst m = metrics ?? data;\n\tconst rows = useMemo(() => (m ? toRows(m.daily) : []), [m]);\n\n\tif (loading && !m) {\n\t\treturn <div className=\"text-sm text-muted-foreground\">Loading RAG metrics…</div>;\n\t}\n\tif (!m) {\n\t\treturn (\n\t\t\t<div className=\"text-sm text-muted-foreground\">\n\t\t\t\tNo RAG metrics available yet. They appear once turns record HyDE/recall\n\t\t\t\ttelemetry.\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst { totals, flags } = m;\n\n\treturn (\n\t\t<div className=\"flex flex-col gap-4\">\n\t\t\t<StatRow totals={totals} flags={flags} />\n\n\t\t\t<div className=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n\t\t\t\t<Card>\n\t\t\t\t\t<CardHeader>\n\t\t\t\t\t\t<CardTitle>HyDE Recall Lift</CardTitle>\n\t\t\t\t\t</CardHeader>\n\t\t\t\t\t<CardContent>\n\t\t\t\t\t\t<ResponsiveContainer width=\"100%\" height={200}>\n\t\t\t\t\t\t\t<BarChart data={rows} margin={{ top: 8, right: 12, left: 0, bottom: 0 }}>\n\t\t\t\t\t\t\t\t<CartesianGrid strokeDasharray=\"3 3\" stroke={GRID} />\n\t\t\t\t\t\t\t\t<XAxis dataKey=\"day\" stroke={AXIS} tick={{ fontSize: 11 }} />\n\t\t\t\t\t\t\t\t<YAxis stroke={AXIS} tick={{ fontSize: 11 }} width={40} />\n\t\t\t\t\t\t\t\t<Tooltip contentStyle={TOOLTIP} />\n\t\t\t\t\t\t\t\t<Bar dataKey=\"avgLift\" name=\"avg lift\" fill=\"#58a6ff\" isAnimationActive={false} />\n\t\t\t\t\t\t\t</BarChart>\n\t\t\t\t\t\t</ResponsiveContainer>\n\t\t\t\t\t</CardContent>\n\t\t\t\t</Card>\n\n\t\t\t\t<Card>\n\t\t\t\t\t<CardHeader>\n\t\t\t\t\t\t<CardTitle>CRAG Quality</CardTitle>\n\t\t\t\t\t</CardHeader>\n\t\t\t\t\t<CardContent>\n\t\t\t\t\t\t<ResponsiveContainer width=\"100%\" height={200}>\n\t\t\t\t\t\t\t<LineChart data={rows} margin={{ top: 8, right: 12, left: 0, bottom: 0 }}>\n\t\t\t\t\t\t\t\t<CartesianGrid strokeDasharray=\"3 3\" stroke={GRID} />\n\t\t\t\t\t\t\t\t<XAxis dataKey=\"day\" stroke={AXIS} tick={{ fontSize: 11 }} />\n\t\t\t\t\t\t\t\t<YAxis stroke={AXIS} tick={{ fontSize: 11 }} width={40} domain={[0, 1]} />\n\t\t\t\t\t\t\t\t<Tooltip contentStyle={TOOLTIP} />\n\t\t\t\t\t\t\t\t<Line type=\"monotone\" dataKey=\"avgScore\" name=\"avg score\" stroke=\"#3fb950\" dot={false} strokeWidth={2} isAnimationActive={false} />\n\t\t\t\t\t\t\t</LineChart>\n\t\t\t\t\t\t</ResponsiveContainer>\n\t\t\t\t\t</CardContent>\n\t\t\t\t</Card>\n\n\t\t\t\t<Card>\n\t\t\t\t\t<CardHeader>\n\t\t\t\t\t\t<CardTitle>Recall Latency (avg gen ms)</CardTitle>\n\t\t\t\t\t</CardHeader>\n\t\t\t\t\t<CardContent>\n\t\t\t\t\t\t<ResponsiveContainer width=\"100%\" height={200}>\n\t\t\t\t\t\t\t<BarChart data={rows} margin={{ top: 8, right: 12, left: 0, bottom: 0 }}>\n\t\t\t\t\t\t\t\t<CartesianGrid strokeDasharray=\"3 3\" stroke={GRID} />\n\t\t\t\t\t\t\t\t<XAxis dataKey=\"day\" stroke={AXIS} tick={{ fontSize: 11 }} />\n\t\t\t\t\t\t\t\t<YAxis stroke={AXIS} tick={{ fontSize: 11 }} width={40} />\n\t\t\t\t\t\t\t\t<Tooltip contentStyle={TOOLTIP} />\n\t\t\t\t\t\t\t\t<Bar dataKey=\"avgGenMs\" name=\"gen ms\" fill=\"#d29922\" isAnimationActive={false} />\n\t\t\t\t\t\t\t</BarChart>\n\t\t\t\t\t\t</ResponsiveContainer>\n\t\t\t\t\t</CardContent>\n\t\t\t\t</Card>\n\n\t\t\t\t<Card>\n\t\t\t\t\t<CardHeader>\n\t\t\t\t\t\t<CardTitle>HyDE vs Base Turn Volume</CardTitle>\n\t\t\t\t\t</CardHeader>\n\t\t\t\t\t<CardContent>\n\t\t\t\t\t\t<ResponsiveContainer width=\"100%\" height={200}>\n\t\t\t\t\t\t\t<AreaChart data={rows} margin={{ top: 8, right: 12, left: 0, bottom: 0 }}>\n\t\t\t\t\t\t\t\t<CartesianGrid strokeDasharray=\"3 3\" stroke={GRID} />\n\t\t\t\t\t\t\t\t<XAxis dataKey=\"day\" stroke={AXIS} tick={{ fontSize: 11 }} />\n\t\t\t\t\t\t\t\t<YAxis stroke={AXIS} tick={{ fontSize: 11 }} width={40} />\n\t\t\t\t\t\t\t\t<Tooltip contentStyle={TOOLTIP} />\n\t\t\t\t\t\t\t\t<Legend wrapperStyle={{ fontSize: 11 }} />\n\t\t\t\t\t\t\t\t<Area type=\"monotone\" dataKey=\"hydeTurns\" name=\"hyde turns\" stackId=\"1\" stroke=\"#58a6ff\" fill=\"#58a6ff\" fillOpacity={0.5} isAnimationActive={false} />\n\t\t\t\t\t\t\t\t<Area type=\"monotone\" dataKey=\"baseTurns\" name=\"base turns\" stackId=\"1\" stroke=\"#8b949e\" fill=\"#8b949e\" fillOpacity={0.4} isAnimationActive={false} />\n\t\t\t\t\t\t\t</AreaChart>\n\t\t\t\t\t\t</ResponsiveContainer>\n\t\t\t\t\t</CardContent>\n\t\t\t\t</Card>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nfunction StatRow({\n\ttotals,\n\tflags,\n}: {\n\ttotals: RagMetricsResponse[\"totals\"];\n\tflags: RagMetricsResponse[\"flags\"];\n}): React.ReactElement {\n\tconst stats: Array<{ label: string; value: string; hint: string }> = [\n\t\t{\n\t\t\tlabel: \"Telemetry turns\",\n\t\t\tvalue: String(totals.telemetryTurns),\n\t\t\thint: \"turns with HyDE or recall data\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"HyDE ran\",\n\t\t\tvalue: String(totals.hydeRanTurns),\n\t\t\thint: \"turns where HyDE generated a doc\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"Avg lift\",\n\t\t\tvalue: `${totals.avgLift.toFixed(2)}×`,\n\t\t\thint: \"fused / raw hit breadth\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"Pass rate\",\n\t\t\tvalue: `${Math.round(totals.recentPassRate * 100)}%`,\n\t\t\thint: totals.avgScore == null ? \"no scored turns\" : `avg score ${totals.avgScore.toFixed(2)}`,\n\t\t},\n\t];\n\n\treturn (\n\t\t<div className=\"grid grid-cols-2 gap-4 lg:grid-cols-5\">\n\t\t\t{stats.map((s) => (\n\t\t\t\t<Card key={s.label}>\n\t\t\t\t\t<CardContent>\n\t\t\t\t\t\t<div className=\"text-xs text-muted-foreground\">{s.label}</div>\n\t\t\t\t\t\t<div className=\"font-heading text-2xl font-semibold text-foreground\">\n\t\t\t\t\t\t\t{s.value}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"mt-0.5 text-xs text-muted-foreground\">{s.hint}</div>\n\t\t\t\t\t</CardContent>\n\t\t\t\t</Card>\n\t\t\t))}\n\t\t\t<Card>\n\t\t\t\t<CardContent>\n\t\t\t\t\t<div className=\"text-xs text-muted-foreground\">Flags</div>\n\t\t\t\t\t<div className=\"mt-1 flex flex-col gap-1 text-xs\">\n\t\t\t\t\t\t<FlagDot label=\"HyDE\" on={flags.hydeEnabled} />\n\t\t\t\t\t\t<FlagDot label=\"Recall metrics\" on={flags.recallMetricsEnabled} />\n\t\t\t\t\t</div>\n\t\t\t\t</CardContent>\n\t\t\t</Card>\n\t\t</div>\n\t);\n}\n\nfunction FlagDot({ label, on }: { label: string; on: boolean }): React.ReactElement {\n\treturn (\n\t\t<span className=\"flex items-center gap-1.5\">\n\t\t\t<span\n\t\t\t\tclassName={`inline-block h-2 w-2 rounded-full ${on ? \"bg-success\" : \"bg-danger\"}`}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t/>\n\t\t\t{label}:{\" \"}\n\t\t\t<Badge variant={on ? \"success\" : \"danger\"}>{on ? \"on\" : \"off\"}</Badge>\n\t\t</span>\n\t);\n}\n","/**\n * dashboard-client/src/tabs/MetricsTab.tsx — Metrics tab (C2).\n *\n * Fetches /api/perf (rolling-window aggregates) + /api/snapshot (for model).\n * Renders ModelBadge + PerfChart + 5 perf cards (latency, throughput, process,\n * snapshot cost, TUI lag proxy). Polls every 10s.\n */\n\nimport type React from \"react\";\nimport { useCallback } from \"react\";\nimport { useApi } from \"../hooks/useApi\";\nimport { fetchPerf, fetchSnapshot } from \"../api/client\";\nimport type { PerfResponse, SnapshotResponse } from \"@contracts\";\nimport { NEW_UI } from \"../config\";\nimport { PerfChart } from \"../components/PerfChart\";\nimport { PerfCards } from \"../components/PerfCards\";\nimport { ModelBadge } from \"../components/ModelBadge\";\nimport { RagDashboard } from \"../components/RagDashboard\";\n\nexport default function MetricsTab(): React.ReactElement {\n\tconst { data: perf, error: perfErr } = useApi<PerfResponse>(\n\t\tuseCallback(() => fetchPerf({ minutes: 30 }), []),\n\t\t{ pollInterval: 10_000 },\n\t);\n\tconst { data: snapshot } = useApi<SnapshotResponse>(\n\t\tuseCallback(() => fetchSnapshot(), []),\n\t\t{ pollInterval: 10_000 },\n\t);\n\n\tif (perfErr && !perf) {\n\t\treturn (\n\t\t\t<div className=\"tab-stub\">Error loading perf: {perfErr.message}</div>\n\t\t);\n\t}\n\tif (!perf) {\n\t\treturn <div className=\"tab-stub\">Loading perf…</div>;\n\t}\n\n\treturn (\n\t\t<div className=\"flex flex-col gap-4\">\n\t\t\t{snapshot?.model && (\n\t\t\t\t<ModelBadge\n\t\t\t\t\tname={snapshot.model.name}\n\t\t\t\t\tproviderName={snapshot.model.providerName}\n\t\t\t\t\tprovider={snapshot.model.provider}\n\t\t\t\t\tinputRate={snapshot.model.inputRate}\n\t\t\t\t\toutputRate={snapshot.model.outputRate}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<PerfChart perf={perf} />\n\t\t\t<PerfCards perf={perf} />\n\t\t\t<div className=\"text-xs text-muted-foreground\">\n\t\t\t\t{perf.sampleCount} samples · updated {perf.updatedAt}\n\t\t\t</div>\n\t\t\t{NEW_UI() && <RagDashboard />}\n\t\t</div>\n\t);\n}\n"],"names":["fmtMs","n","Bar","value","max","colorClass","pct","jsx","PerfChart","perf","latencyMax","tpsRef","Card","jsxs","CardHeader","CardTitle","CardContent","v","fmtNum","dec","fmtDiag","Stat","label","PerfCard","title","children","PerfCards","cpuTxt","Field","ModelBadge","name","providerName","provider","inputRate","outputRate","providerDisplay","AXIS","GRID","TOOLTIP","toRows","daily","d","baseTurns","RagDashboard","metrics","data","loading","useApi","useMemo","fetchRagMetrics","m","rows","totals","flags","StatRow","ResponsiveContainer","BarChart","CartesianGrid","XAxis","YAxis","Tooltip","LineChart","Line","AreaChart","Legend","Area","stats","s","FlagDot","on","Badge","MetricsTab","perfErr","useCallback","fetchPerf","snapshot","fetchSnapshot","NEW_UI"],"mappings":"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"}
+{"version":3,"file":"MetricsTab-Q0g32AmP.js","sources":["../../src/components/PerfChart.tsx","../../src/components/PerfCards.tsx","../../src/components/ModelBadge.tsx","../../src/components/RagDashboard.tsx","../../src/tabs/MetricsTab.tsx"],"sourcesContent":["/**\n * dashboard-client/src/components/PerfChart.tsx — perf stat chart.\n *\n * The /api/perf endpoint returns rolling-window aggregates (not time-series),\n * so this renders a stat-card \"chart\": p50/p95 latency bars, TPS, cache hit %,\n * db recompute + disk write. Each metric shows a normalized bar + numeric.\n */\n\nimport type React from \"react\";\nimport type { PerfResponse } from \"@contracts\";\nimport { Card, CardContent, CardHeader, CardTitle } from \"../components/ui/card\";\n\nexport interface PerfChartProps {\n\tperf: PerfResponse;\n}\n\nfunction fmtMs(n: number): string {\n\treturn n >= 1000 ? `${(n / 1000).toFixed(1)}s` : `${n.toFixed(0)}ms`;\n}\n\ninterface BarProps {\n\t/** Current value. */\n\tvalue: number;\n\t/** Value that represents 100% bar fill (the \"max\" reference). */\n\tmax: number;\n\t/** Color class. */\n\tcolorClass: string;\n}\n\nfunction Bar({ value, max, colorClass }: BarProps): React.ReactElement {\n\tconst pct = max > 0 ? Math.max(0, Math.min(100, (value / max) * 100)) : 0;\n\treturn (\n\t\t<div className=\"perf-bar-track\">\n\t\t\t<div\n\t\t\t\tclassName={`perf-bar-fill ${colorClass}`}\n\t\t\t\tstyle={{ width: `${pct}%` }}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nexport function PerfChart({ perf }: PerfChartProps): React.ReactElement {\n\t// Reference maxes: p95 is the upper bound for latency bars; rates scale to a\n\t// reasonable reference (tok/s) so bars are visually meaningful even with\n\t// small samples. cache_hit_pct is already 0-100.\n\tconst latencyMax = Math.max(\n\t\tperf.turn_latency_ms.p95,\n\t\tperf.provider_latency_ms.p95,\n\t\t1,\n\t);\n\tconst tpsRef = Math.max(perf.tps.avg, 1);\n\n\treturn (\n\t\t<Card>\n\t\t\t<CardHeader className=\"flex-row items-center justify-between space-y-0\">\n\t\t\t\t<CardTitle>Performance</CardTitle>\n\t\t\t\t<span className=\"text-xs text-muted-foreground\">\n\t\t\t\t\t{perf.windowMinutes}min window · {perf.sampleCount} samples\n\t\t\t\t</span>\n\t\t\t</CardHeader>\n\t\t\t<CardContent>\n\t\t\t<div className=\"perf-grid\">\n\t\t\t\t<div className=\"perf-metric\">\n\t\t\t\t\t<span className=\"perf-label\">Turn latency p50 / p95</span>\n\t\t\t\t\t<span className=\"perf-value\">\n\t\t\t\t\t\t{fmtMs(perf.turn_latency_ms.p50)} /{\" \"}\n\t\t\t\t\t\t{fmtMs(perf.turn_latency_ms.p95)}\n\t\t\t\t\t</span>\n\t\t\t\t\t<Bar\n\t\t\t\t\t\tvalue={perf.turn_latency_ms.p95}\n\t\t\t\t\t\tmax={latencyMax}\n\t\t\t\t\t\tcolorClass=\"perf-blue\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"perf-metric\">\n\t\t\t\t\t<span className=\"perf-label\">Provider latency p50 / p95</span>\n\t\t\t\t\t<span className=\"perf-value\">\n\t\t\t\t\t\t{fmtMs(perf.provider_latency_ms.p50)} /{\" \"}\n\t\t\t\t\t\t{fmtMs(perf.provider_latency_ms.p95)}\n\t\t\t\t\t</span>\n\t\t\t\t\t<Bar\n\t\t\t\t\t\tvalue={perf.provider_latency_ms.p95}\n\t\t\t\t\t\tmax={latencyMax}\n\t\t\t\t\t\tcolorClass=\"perf-purple\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"perf-metric\">\n\t\t\t\t\t<span className=\"perf-label\">Tokens/sec (avg)</span>\n\t\t\t\t\t<span className=\"perf-value\">{perf.tps.avg.toFixed(1)}</span>\n\t\t\t\t\t<Bar value={perf.tps.avg} max={tpsRef} colorClass=\"perf-green\" />\n\t\t\t\t</div>\n\t\t\t\t<div className=\"perf-metric\">\n\t\t\t\t\t<span className=\"perf-label\">Cache hit (avg / latest)</span>\n\t\t\t\t\t<span className=\"perf-value\">\n\t\t\t\t\t\t{perf.cache_hit_pct.avg.toFixed(1)}% /{\" \"}\n\t\t\t\t\t\t{perf.cache_hit_pct.latest.toFixed(1)}%\n\t\t\t\t\t</span>\n\t\t\t\t\t<Bar\n\t\t\t\t\t\tvalue={perf.cache_hit_pct.avg}\n\t\t\t\t\t\tmax={100}\n\t\t\t\t\t\tcolorClass=\"perf-green\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"perf-metric\">\n\t\t\t\t\t<span className=\"perf-label\">DB recompute p95</span>\n\t\t\t\t\t<span className=\"perf-value\">{fmtMs(perf.db_recompute_ms.p95)}</span>\n\t\t\t\t\t<Bar\n\t\t\t\t\t\tvalue={perf.db_recompute_ms.p95}\n\t\t\t\t\t\tmax={latencyMax}\n\t\t\t\t\t\tcolorClass=\"perf-yellow\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"perf-metric\">\n\t\t\t\t\t<span className=\"perf-label\">Disk write p95</span>\n\t\t\t\t\t<span className=\"perf-value\">{fmtMs(perf.disk_write_ms.p95)}</span>\n\t\t\t\t\t<Bar\n\t\t\t\t\t\tvalue={perf.disk_write_ms.p95}\n\t\t\t\t\t\tmax={latencyMax}\n\t\t\t\t\t\tcolorClass=\"perf-yellow\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div className=\"perf-resources\">\n\t\t\t\t<div className=\"perf-metric\">\n\t\t\t\t\t<span className=\"perf-label\">RSS</span>\n\t\t\t\t\t<span className=\"perf-value\">{perf.rss_mb.latest.toFixed(0)} MB</span>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"perf-metric\">\n\t\t\t\t\t<span className=\"perf-label\">Heap</span>\n\t\t\t\t\t<span className=\"perf-value\">\n\t\t\t\t\t\t{perf.heap_mb.latest.toFixed(0)} MB\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"perf-metric\">\n\t\t\t\t\t<span className=\"perf-label\">CPU user</span>\n\t\t\t\t\t<span className=\"perf-value\">\n\t\t\t\t\t\t{(perf.cpu_user_ms.latest / 1000).toFixed(1)}s\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"perf-metric\">\n\t\t\t\t\t<span className=\"perf-label\">CPU sys</span>\n\t\t\t\t\t<span className=\"perf-value\">\n\t\t\t\t\t\t{(perf.cpu_sys_ms.latest / 1000).toFixed(1)}s\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{perf.diag && (\n\t\t\t\t<div className=\"perf-diag\">\n\t\t\t\t\t<span className=\"perf-label\">\n\t\t\t\t\t\tFast-gate fires: {perf.diag.ctxFastGate}\n\t\t\t\t\t</span>\n\t\t\t\t\t<span className=\"perf-label\">\n\t\t\t\t\t\tLive trim fires: {perf.diag.liveTrimFires}\n\t\t\t\t\t</span>\n\t\t\t\t\t<span className=\"perf-label\">\n\t\t\t\t\t\tLive trim replays: {perf.diag.liveTrimReplays}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t</CardContent>\n\t\t</Card>\n\t);\n}\n","/**\n * dashboard-client/src/components/PerfCards.tsx — 5 perf metric cards.\n *\n * Mirrors the old html.ts perf grid: model latency, throughput, process,\n * snapshot cost, and TUI lag proxy. Uses the existing perf-metric CSS\n * classes from repos-metrics.css plus metrics-extra.css for card headers.\n */\n\nimport type React from \"react\";\nimport type { PerfResponse } from \"@contracts\";\nimport {\n\tCard,\n\tCardContent,\n\tCardHeader,\n\tCardTitle,\n} from \"../components/ui/card\";\n\n/** Format milliseconds (em-dash for null/undefined). */\nfunction fmtMs(v: number | null | undefined): string {\n\treturn v == null ? \"\\u2014\" : v >= 100 ? `${Math.round(v)}ms` : `${v.toFixed(1)}ms`;\n}\n\n/** Format a number with fixed decimals (em-dash for null/non-number). */\nfunction fmtNum(v: number | null | undefined, dec: number): string {\n\treturn v == null || typeof v !== \"number\" ? \"\\u2014\" : v.toFixed(dec);\n}\n\n/** Format a diag counter (em-dash for null). */\nfunction fmtDiag(v: number | null | undefined): string {\n\treturn v == null ? \"\\u2014\" : String(v);\n}\n\ninterface PerfCardsProps {\n\tperf: PerfResponse;\n}\n\n/** A single stat row inside a perf card. */\nfunction Stat({ label, value }: { label: string; value: string }): React.ReactElement {\n\treturn (\n\t\t<div className=\"flex items-baseline justify-between border-b border-border py-1 text-sm\">\n\t\t\t<span className=\"text-xs text-muted-foreground\">{label}</span>\n\t\t\t<span className=\"font-semibold\">{value}</span>\n\t\t</div>\n\t);\n}\n\n/** Card wrapper with a title. */\nfunction PerfCard({ title, children }: { title: string; children: React.ReactNode }): React.ReactElement {\n\treturn (\n\t\t<Card className=\"electric-hover\">\n\t\t\t<CardHeader>\n\t\t\t\t<CardTitle>{title}</CardTitle>\n\t\t\t</CardHeader>\n\t\t\t<CardContent>{children}</CardContent>\n\t\t</Card>\n\t);\n}\n\nexport function PerfCards({ perf }: PerfCardsProps): React.ReactElement {\n\tconst cpuTxt = `${fmtNum(perf.cpu_user_ms.latest, 1)} / ${fmtNum(perf.cpu_sys_ms.latest, 1)} ms`;\n\n\treturn (\n\t\t<div className=\"grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3\">\n\t\t\t<PerfCard title=\"Model latency\">\n\t\t\t\t<Stat label=\"Turn p50\" value={fmtMs(perf.turn_latency_ms.p50)} />\n\t\t\t\t<Stat label=\"Turn p95\" value={fmtMs(perf.turn_latency_ms.p95)} />\n\t\t\t\t<Stat label=\"Provider p50\" value={fmtMs(perf.provider_latency_ms.p50)} />\n\t\t\t\t<Stat label=\"Provider p95\" value={fmtMs(perf.provider_latency_ms.p95)} />\n\t\t\t</PerfCard>\n\n\t\t\t<PerfCard title=\"Throughput\">\n\t\t\t\t<Stat label=\"TPS (avg)\" value={fmtNum(perf.tps.avg, 1)} />\n\t\t\t\t<Stat\n\t\t\t\t\tlabel=\"Cache hit %\"\n\t\t\t\t\tvalue={`${fmtNum(perf.cache_hit_pct.avg, 1)}%`}\n\t\t\t\t/>\n\t\t\t</PerfCard>\n\n\t\t\t<PerfCard title=\"Process\">\n\t\t\t\t<Stat label=\"RSS\" value={`${fmtNum(perf.rss_mb.latest, 1)} MB`} />\n\t\t\t\t<Stat label=\"Heap\" value={`${fmtNum(perf.heap_mb.latest, 1)} MB`} />\n\t\t\t\t<Stat label=\"CPU user / sys\" value={cpuTxt} />\n\t\t\t</PerfCard>\n\n\t\t\t<PerfCard title=\"Snapshot cost\">\n\t\t\t\t<Stat label=\"DB recompute p50\" value={fmtMs(perf.db_recompute_ms.p50)} />\n\t\t\t\t<Stat label=\"DB recompute p95\" value={fmtMs(perf.db_recompute_ms.p95)} />\n\t\t\t\t<Stat label=\"Disk write p50\" value={fmtMs(perf.disk_write_ms.p50)} />\n\t\t\t</PerfCard>\n\n\t\t\t<PerfCard title=\"TUI lag proxy\">\n\t\t\t\t<Stat label=\"Live-trim fires\" value={fmtDiag(perf.diag?.liveTrimFires)} />\n\t\t\t\t<Stat label=\"Cache replays\" value={fmtDiag(perf.diag?.liveTrimReplays)} />\n\t\t\t\t<Stat label=\"Fast-gate skips\" value={fmtDiag(perf.diag?.ctxFastGate)} />\n\t\t\t\t<span className=\"text-xs text-muted-foreground\">skip vs recompute vs replay cadence</span>\n\t\t\t</PerfCard>\n\t\t</div>\n\t);\n}\n","/**\n * dashboard-client/src/components/ModelBadge.tsx — model + provider + rates.\n *\n * Shows the active model name, provider, and input/output rates.\n * Tooltips copied verbatim from html.ts. Used in the Metrics tab header.\n */\n\nimport type React from \"react\";\n\nexport interface ModelBadgeProps {\n\t/** Model name/identifier. */\n\tname: string;\n\t/** Human-readable provider name. */\n\tproviderName: string;\n\t/** Machine-readable provider identifier. */\n\tprovider: string;\n\t/** USD per input token (from model pricing). */\n\tinputRate: number;\n\t/** USD per output token (from model pricing). */\n\toutputRate: number;\n}\n\nfunction Field({\n\tlabel,\n\tvalue,\n\ttitle,\n}: {\n\tlabel: string;\n\tvalue: string;\n\ttitle?: string;\n}): React.ReactElement {\n\treturn (\n\t\t<div className=\"model-field\" title={title}>\n\t\t\t<span className=\"model-field-label\">{label}</span>\n\t\t\t<span className=\"model-field-value\">{value}</span>\n\t\t</div>\n\t);\n}\n\nexport function ModelBadge({\n\tname,\n\tproviderName,\n\tprovider,\n\tinputRate,\n\toutputRate,\n}: ModelBadgeProps): React.ReactElement {\n\tconst providerDisplay = providerName || provider || \"—\";\n\treturn (\n\t\t<div className=\"model-badge\">\n\t\t\t<Field\n\t\t\t\tlabel=\"Model\"\n\t\t\t\tvalue={name}\n\t\t\t\ttitle=\"The model pi is currently using — its pricing drives the cost figure.\"\n\t\t\t/>\n\t\t\t<Field\n\t\t\t\tlabel=\"Provider\"\n\t\t\t\tvalue={providerDisplay}\n\t\t\t\ttitle=\"The provider serving the model.\"\n\t\t\t/>\n\t\t\t<Field\n\t\t\t\tlabel=\"Input Rate\"\n\t\t\t\tvalue={`$${inputRate.toFixed(6)}`}\n\t\t\t\ttitle=\"USD per input token, from the model's pricing.\"\n\t\t\t/>\n\t\t\t<Field\n\t\t\t\tlabel=\"Output Rate\"\n\t\t\t\tvalue={`$${outputRate.toFixed(6)}`}\n\t\t\t\ttitle=\"USD per output token, from the model's pricing.\"\n\t\t\t/>\n\t\t</div>\n\t);\n}\n","/**\n * dashboard-client/src/components/RagDashboard.tsx — full RAG metrics section\n * (H3.2). Rendered in the Metrics tab.\n *\n * Fetches /api/rag-metrics and renders:\n *   1. Stat row: telemetry turns, HyDE-ran count, avg lift, pass rate.\n *   2. HyDE Recall Lift Bar (BarChart over daily avg lift).\n *   3. CRAG Quality Line (LineChart over daily avg score).\n *   4. Per-flag status dots (hydeEnabled, recallMetricsEnabled).\n *   5. Recall Latency Stacked Bar (hyde vs base turn counts) + Hit-Rate Area.\n *\n * PREVENT-PI-004: relative-path fetch to the same-origin dashboard server.\n * recharts is bundled into this localhost-served static bundle (no runtime\n * network calls).\n */\n\nimport type React from \"react\";\nimport { useMemo } from \"react\";\nimport { useApi } from \"../hooks/useApi\";\nimport { fetchRagMetrics } from \"../api/client\";\nimport type { RagMetricsResponse } from \"@contracts\";\n\n/** Daily-aggregate row shape (derived from the rag-metrics contract). */\ntype DailyTelemetry = RagMetricsResponse[\"daily\"][number];\nimport {\n\tResponsiveContainer,\n\tBarChart,\n\tBar,\n\tLineChart,\n\tLine,\n\tAreaChart,\n\tArea,\n\tXAxis,\n\tYAxis,\n\tCartesianGrid,\n\tTooltip,\n\tLegend,\n} from \"recharts\";\nimport { Card, CardHeader, CardTitle, CardContent } from \"./ui/card\";\nimport { Badge } from \"./ui/badge\";\n\nconst AXIS = \"#8b949e\";\nconst GRID = \"#30363d\";\nconst TOOLTIP = {\n\tbackground: \"#161b22\",\n\tborder: \"1px solid #30363d\",\n\tborderRadius: \"6px\",\n\tcolor: \"#e6edf3\",\n\tfontSize: 12,\n} as const;\n\n/** One row per day, with lead/lag-safe derived series for the charts. */\ninterface DailyRow {\n\tday: string;\n\tavgLift: number;\n\tavgScore: number;\n\tavgGenMs: number;\n\tpassRate: number;\n\thydeTurns: number;\n\tbaseTurns: number;\n\trecallCount: number;\n}\n\nfunction toRows(daily: DailyTelemetry[]): DailyRow[] {\n\treturn daily.map((d) => {\n\t\tconst baseTurns = Math.max(0, d.recallCount - d.hydeRanCount);\n\t\treturn {\n\t\t\tday: d.day.slice(5), // \"MM-DD\"\n\t\t\tavgLift: d.avgLift ?? 0,\n\t\t\tavgScore: d.avgScore ?? 0,\n\t\t\tavgGenMs: d.avgGenMs ?? 0,\n\t\t\tpassRate: d.avgScore == null ? 0 : d.avgScore,\n\t\t\thydeTurns: d.hydeRanCount,\n\t\t\tbaseTurns,\n\t\t\trecallCount: d.recallCount,\n\t\t};\n\t});\n}\n\nexport interface RagDashboardProps {\n\t/** Optional pre-fetched metrics; when absent, the card fetches inline. */\n\tmetrics?: RagMetricsResponse | null;\n}\n\nexport const RagDashboard: React.FC<RagDashboardProps> = ({ metrics }) => {\n\tconst { data, loading } = useApi<RagMetricsResponse>(\n\t\tuseMemo(() => () => fetchRagMetrics(), []),\n\t\t{ pollInterval: 30_000 },\n\t);\n\tconst m = metrics ?? data;\n\tconst rows = useMemo(() => (m ? toRows(m.daily) : []), [m]);\n\n\tif (loading && !m) {\n\t\treturn <div className=\"text-sm text-muted-foreground\">Loading RAG metrics…</div>;\n\t}\n\tif (!m) {\n\t\treturn (\n\t\t\t<div className=\"text-sm text-muted-foreground\">\n\t\t\t\tNo RAG metrics available yet. They appear once turns record HyDE/recall\n\t\t\t\ttelemetry.\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst { totals, flags } = m;\n\n\treturn (\n\t\t<div className=\"flex flex-col gap-4\">\n\t\t\t<StatRow totals={totals} flags={flags} />\n\n\t\t\t<div className=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n\t\t\t\t<Card>\n\t\t\t\t\t<CardHeader>\n\t\t\t\t\t\t<CardTitle>HyDE Recall Lift</CardTitle>\n\t\t\t\t\t</CardHeader>\n\t\t\t\t\t<CardContent>\n\t\t\t\t\t\t<ResponsiveContainer width=\"100%\" height={200}>\n\t\t\t\t\t\t\t<BarChart data={rows} margin={{ top: 8, right: 12, left: 0, bottom: 0 }}>\n\t\t\t\t\t\t\t\t<CartesianGrid strokeDasharray=\"3 3\" stroke={GRID} />\n\t\t\t\t\t\t\t\t<XAxis dataKey=\"day\" stroke={AXIS} tick={{ fontSize: 11 }} />\n\t\t\t\t\t\t\t\t<YAxis stroke={AXIS} tick={{ fontSize: 11 }} width={40} />\n\t\t\t\t\t\t\t\t<Tooltip contentStyle={TOOLTIP} />\n\t\t\t\t\t\t\t\t<Bar dataKey=\"avgLift\" name=\"avg lift\" fill=\"#58a6ff\" isAnimationActive={false} />\n\t\t\t\t\t\t\t</BarChart>\n\t\t\t\t\t\t</ResponsiveContainer>\n\t\t\t\t\t</CardContent>\n\t\t\t\t</Card>\n\n\t\t\t\t<Card>\n\t\t\t\t\t<CardHeader>\n\t\t\t\t\t\t<CardTitle>CRAG Quality</CardTitle>\n\t\t\t\t\t</CardHeader>\n\t\t\t\t\t<CardContent>\n\t\t\t\t\t\t<ResponsiveContainer width=\"100%\" height={200}>\n\t\t\t\t\t\t\t<LineChart data={rows} margin={{ top: 8, right: 12, left: 0, bottom: 0 }}>\n\t\t\t\t\t\t\t\t<CartesianGrid strokeDasharray=\"3 3\" stroke={GRID} />\n\t\t\t\t\t\t\t\t<XAxis dataKey=\"day\" stroke={AXIS} tick={{ fontSize: 11 }} />\n\t\t\t\t\t\t\t\t<YAxis stroke={AXIS} tick={{ fontSize: 11 }} width={40} domain={[0, 1]} />\n\t\t\t\t\t\t\t\t<Tooltip contentStyle={TOOLTIP} />\n\t\t\t\t\t\t\t\t<Line type=\"monotone\" dataKey=\"avgScore\" name=\"avg score\" stroke=\"#3fb950\" dot={false} strokeWidth={2} isAnimationActive={false} />\n\t\t\t\t\t\t\t</LineChart>\n\t\t\t\t\t\t</ResponsiveContainer>\n\t\t\t\t\t</CardContent>\n\t\t\t\t</Card>\n\n\t\t\t\t<Card>\n\t\t\t\t\t<CardHeader>\n\t\t\t\t\t\t<CardTitle>Recall Latency (avg gen ms)</CardTitle>\n\t\t\t\t\t</CardHeader>\n\t\t\t\t\t<CardContent>\n\t\t\t\t\t\t<ResponsiveContainer width=\"100%\" height={200}>\n\t\t\t\t\t\t\t<BarChart data={rows} margin={{ top: 8, right: 12, left: 0, bottom: 0 }}>\n\t\t\t\t\t\t\t\t<CartesianGrid strokeDasharray=\"3 3\" stroke={GRID} />\n\t\t\t\t\t\t\t\t<XAxis dataKey=\"day\" stroke={AXIS} tick={{ fontSize: 11 }} />\n\t\t\t\t\t\t\t\t<YAxis stroke={AXIS} tick={{ fontSize: 11 }} width={40} />\n\t\t\t\t\t\t\t\t<Tooltip contentStyle={TOOLTIP} />\n\t\t\t\t\t\t\t\t<Bar dataKey=\"avgGenMs\" name=\"gen ms\" fill=\"#d29922\" isAnimationActive={false} />\n\t\t\t\t\t\t\t</BarChart>\n\t\t\t\t\t\t</ResponsiveContainer>\n\t\t\t\t\t</CardContent>\n\t\t\t\t</Card>\n\n\t\t\t\t<Card>\n\t\t\t\t\t<CardHeader>\n\t\t\t\t\t\t<CardTitle>HyDE vs Base Turn Volume</CardTitle>\n\t\t\t\t\t</CardHeader>\n\t\t\t\t\t<CardContent>\n\t\t\t\t\t\t<ResponsiveContainer width=\"100%\" height={200}>\n\t\t\t\t\t\t\t<AreaChart data={rows} margin={{ top: 8, right: 12, left: 0, bottom: 0 }}>\n\t\t\t\t\t\t\t\t<CartesianGrid strokeDasharray=\"3 3\" stroke={GRID} />\n\t\t\t\t\t\t\t\t<XAxis dataKey=\"day\" stroke={AXIS} tick={{ fontSize: 11 }} />\n\t\t\t\t\t\t\t\t<YAxis stroke={AXIS} tick={{ fontSize: 11 }} width={40} />\n\t\t\t\t\t\t\t\t<Tooltip contentStyle={TOOLTIP} />\n\t\t\t\t\t\t\t\t<Legend wrapperStyle={{ fontSize: 11 }} />\n\t\t\t\t\t\t\t\t<Area type=\"monotone\" dataKey=\"hydeTurns\" name=\"hyde turns\" stackId=\"1\" stroke=\"#58a6ff\" fill=\"#58a6ff\" fillOpacity={0.5} isAnimationActive={false} />\n\t\t\t\t\t\t\t\t<Area type=\"monotone\" dataKey=\"baseTurns\" name=\"base turns\" stackId=\"1\" stroke=\"#8b949e\" fill=\"#8b949e\" fillOpacity={0.4} isAnimationActive={false} />\n\t\t\t\t\t\t\t</AreaChart>\n\t\t\t\t\t\t</ResponsiveContainer>\n\t\t\t\t\t</CardContent>\n\t\t\t\t</Card>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nfunction StatRow({\n\ttotals,\n\tflags,\n}: {\n\ttotals: RagMetricsResponse[\"totals\"];\n\tflags: RagMetricsResponse[\"flags\"];\n}): React.ReactElement {\n\tconst stats: Array<{ label: string; value: string; hint: string }> = [\n\t\t{\n\t\t\tlabel: \"Telemetry turns\",\n\t\t\tvalue: String(totals.telemetryTurns),\n\t\t\thint: \"turns with HyDE or recall data\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"HyDE ran\",\n\t\t\tvalue: String(totals.hydeRanTurns),\n\t\t\thint: \"turns where HyDE generated a doc\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"Avg lift\",\n\t\t\tvalue: `${totals.avgLift.toFixed(2)}×`,\n\t\t\thint: \"fused / raw hit breadth\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"Pass rate\",\n\t\t\tvalue: `${Math.round(totals.recentPassRate * 100)}%`,\n\t\t\thint: totals.avgScore == null ? \"no scored turns\" : `avg score ${totals.avgScore.toFixed(2)}`,\n\t\t},\n\t];\n\n\treturn (\n\t\t<div className=\"grid grid-cols-2 gap-4 lg:grid-cols-5\">\n\t\t\t{stats.map((s) => (\n\t\t\t\t<Card key={s.label}>\n\t\t\t\t\t<CardContent>\n\t\t\t\t\t\t<div className=\"text-xs text-muted-foreground\">{s.label}</div>\n\t\t\t\t\t\t<div className=\"font-heading text-2xl font-semibold text-foreground\">\n\t\t\t\t\t\t\t{s.value}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"mt-0.5 text-xs text-muted-foreground\">{s.hint}</div>\n\t\t\t\t\t</CardContent>\n\t\t\t\t</Card>\n\t\t\t))}\n\t\t\t<Card>\n\t\t\t\t<CardContent>\n\t\t\t\t\t<div className=\"text-xs text-muted-foreground\">Flags</div>\n\t\t\t\t\t<div className=\"mt-1 flex flex-col gap-1 text-xs\">\n\t\t\t\t\t\t<FlagDot label=\"HyDE\" on={flags.hydeEnabled} />\n\t\t\t\t\t\t<FlagDot label=\"Recall metrics\" on={flags.recallMetricsEnabled} />\n\t\t\t\t\t</div>\n\t\t\t\t</CardContent>\n\t\t\t</Card>\n\t\t</div>\n\t);\n}\n\nfunction FlagDot({ label, on }: { label: string; on: boolean }): React.ReactElement {\n\treturn (\n\t\t<span className=\"flex items-center gap-1.5\">\n\t\t\t<span\n\t\t\t\tclassName={`inline-block h-2 w-2 rounded-full ${on ? \"bg-success\" : \"bg-danger\"}`}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t/>\n\t\t\t{label}:{\" \"}\n\t\t\t<Badge variant={on ? \"success\" : \"danger\"}>{on ? \"on\" : \"off\"}</Badge>\n\t\t</span>\n\t);\n}\n","/**\n * dashboard-client/src/tabs/MetricsTab.tsx — Metrics tab (C2).\n *\n * Fetches /api/perf (rolling-window aggregates) + /api/snapshot (for model).\n * Renders ModelBadge + PerfChart + 5 perf cards (latency, throughput, process,\n * snapshot cost, TUI lag proxy). Polls every 10s.\n */\n\nimport type React from \"react\";\nimport { useCallback } from \"react\";\nimport { useApi } from \"../hooks/useApi\";\nimport { fetchPerf, fetchSnapshot } from \"../api/client\";\nimport type { PerfResponse, SnapshotResponse } from \"@contracts\";\nimport { NEW_UI } from \"../config\";\nimport { PerfChart } from \"../components/PerfChart\";\nimport { PerfCards } from \"../components/PerfCards\";\nimport { ModelBadge } from \"../components/ModelBadge\";\nimport { RagDashboard } from \"../components/RagDashboard\";\n\nexport default function MetricsTab(): React.ReactElement {\n\tconst { data: perf, error: perfErr } = useApi<PerfResponse>(\n\t\tuseCallback(() => fetchPerf({ minutes: 30 }), []),\n\t\t{ pollInterval: 10_000 },\n\t);\n\tconst { data: snapshot } = useApi<SnapshotResponse>(\n\t\tuseCallback(() => fetchSnapshot(), []),\n\t\t{ pollInterval: 10_000 },\n\t);\n\n\tif (perfErr && !perf) {\n\t\treturn (\n\t\t\t<div className=\"tab-stub\">Error loading perf: {perfErr.message}</div>\n\t\t);\n\t}\n\tif (!perf) {\n\t\treturn <div className=\"tab-stub\">Loading perf…</div>;\n\t}\n\n\treturn (\n\t\t<div className=\"flex flex-col gap-4\">\n\t\t\t{snapshot?.model && (\n\t\t\t\t<ModelBadge\n\t\t\t\t\tname={snapshot.model.name}\n\t\t\t\t\tproviderName={snapshot.model.providerName}\n\t\t\t\t\tprovider={snapshot.model.provider}\n\t\t\t\t\tinputRate={snapshot.model.inputRate}\n\t\t\t\t\toutputRate={snapshot.model.outputRate}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<PerfChart perf={perf} />\n\t\t\t<PerfCards perf={perf} />\n\t\t\t<div className=\"text-xs text-muted-foreground\">\n\t\t\t\t{perf.sampleCount} samples · updated {perf.updatedAt}\n\t\t\t</div>\n\t\t\t{NEW_UI() && <RagDashboard />}\n\t\t</div>\n\t);\n}\n"],"names":["fmtMs","n","Bar","value","max","colorClass","pct","jsx","PerfChart","perf","latencyMax","tpsRef","Card","jsxs","CardHeader","CardTitle","CardContent","v","fmtNum","dec","fmtDiag","Stat","label","PerfCard","title","children","PerfCards","cpuTxt","Field","ModelBadge","name","providerName","provider","inputRate","outputRate","providerDisplay","AXIS","GRID","TOOLTIP","toRows","daily","d","baseTurns","RagDashboard","metrics","data","loading","useApi","useMemo","fetchRagMetrics","m","rows","totals","flags","StatRow","ResponsiveContainer","BarChart","CartesianGrid","XAxis","YAxis","Tooltip","LineChart","Line","AreaChart","Legend","Area","stats","s","FlagDot","on","Badge","MetricsTab","perfErr","useCallback","fetchPerf","snapshot","fetchSnapshot","NEW_UI"],"mappings":"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"}

package/extensions/dashboard-client/dist/assets/OverviewTab-iKiEcOLL.js

@@ -0,0 +1,16 @@
+import{c as cn,j as r,u as dn,r as l,f as Gn,R as K,a as _e,b as Yn,d as Vn,B as qn,N as Jn}from"./index-DRa2d4TF.js";import{u as Qn}from"./useSSE-BxJORWx8.js";import{C as ye,a as Ae,b as Le,c as we}from"./card-Bwxzo50p.js";import{f as De,a as Gt}from"./format-COjDIVGj.js";import{T as Zn,C as er}from"./TimeSavedCard-1_LCFiJp.js";import{R as un,C as fn,X as hn,Y as gn,T as pn,L as tr,B as nr}from"./generateCategoricalChart-C6hlfMYG.js";import{L as rr,B as sr}from"./BarChart-Cf8DTaXS.js";/**
+ * @license lucide-react v0.400.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const or=cn("GripVertical",[["circle",{cx:"9",cy:"12",r:"1",key:"1vctgf"}],["circle",{cx:"9",cy:"5",r:"1",key:"hp0tcf"}],["circle",{cx:"9",cy:"19",r:"1",key:"fkjjf6"}],["circle",{cx:"15",cy:"12",r:"1",key:"1tmaij"}],["circle",{cx:"15",cy:"5",r:"1",key:"19l28e"}],["circle",{cx:"15",cy:"19",r:"1",key:"f4zoj3"}]]);/**
+ * @license lucide-react v0.400.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ir=cn("X",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]),xt=["#58a6ff","#3fb950","#d29922","#f85149","#bc8cff","#ff7b72","#79c0ff","#56d4dd","#e3b341","#a5d6ff","#7ee787","#ffa657"];function ar(e){let t=5381;for(let n=0;n<e.length;n++)t=(t<<5)+t+e.charCodeAt(n)>>>0;return t}function lr(e){return e?xt[ar(e)%xt.length]:xt[0]}function cr(e){if(!e)return"(unknown)";const t=e.replace(/[\\/]+$/,"");if(!t)return"(unknown)";const n=t.split(/[\\/]/);return n[n.length-1]||t}function dr(e){const t=new Map;for(const i of e){const a=i.repoRoot??"__null__",c=i.tokens??0,d=t.get(a);if(d)d.tokens+=c;else{const u=cr(i.repoRoot);t.set(a,{repoRoot:i.repoRoot,basename:u,tokens:c,color:lr(u)})}}const n=[...t.values()],s=n.reduce((i,a)=>i+a.tokens,0),o=e.reduce((i,a)=>Math.max(i,a.ctxWindow),0);return{repos:n,totalTokens:s,maxWindow:o,sessionCount:e.length}}function bt(e){return e>=1e5?`${(e/1e3).toFixed(0)}k`:e.toLocaleString()}function rt({children:e}){return r.jsxs(ye,{className:"electric-hover",children:[r.jsx(Ae,{children:r.jsx(Le,{children:"Context per Repo (live)"})}),r.jsx(we,{children:e})]})}function ur({sessions:e,loading:t,error:n}){if(n)return r.jsx(rt,{children:r.jsxs("span",{className:"text-sm text-muted-foreground",children:["Error loading sessions: ",n.message]})});if(t&&!e)return r.jsx(rt,{children:r.jsx("span",{className:"text-sm text-muted-foreground",children:"Loading sessions…"})});const s=e?.sessions??[],{repos:o,totalTokens:i,maxWindow:a,sessionCount:c}=dr(s);if(o.length===0)return r.jsx(rt,{children:r.jsx("span",{className:"text-sm text-muted-foreground",children:"No active sessions."})});const d=a>0?Math.round(i/a*100):0;return r.jsxs(rt,{children:[r.jsx("div",{className:"repo-stack-bar",role:"group","aria-label":"Per-repo context usage",children:o.map(u=>{const f=i>0?u.tokens/i*100:0,h=i>0?f:0,g=`${u.basename}: ${bt(u.tokens)} tokens (${f.toFixed(1)}% of total)`;return r.jsx("div",{className:"repo-stack-segment",style:{width:`${Math.max(h,.5)}%`,backgroundColor:u.color},title:g,"aria-label":g},u.repoRoot??"__null__")})}),r.jsxs("p",{className:"repo-stack-total",children:[bt(i)," tokens across ",o.length," ",o.length===1?"repo":"repos"," /"," ",c," ",c===1?"session":"sessions"," ",r.jsxs("span",{className:"pct",children:["— ",d,"% of combined max window"]})]}),r.jsx("div",{className:"repo-stack-legend",children:o.map(u=>{const f=i>0?u.tokens/i*100:0;return r.jsxs("div",{className:"repo-stack-legend-item",children:[r.jsx("span",{className:"repo-stack-legend-swatch",style:{backgroundColor:u.color}}),r.jsx("span",{className:"repo-stack-legend-name",children:u.basename}),r.jsxs("span",{children:[bt(u.tokens)," (",f.toFixed(0),"%)"]})]},u.repoRoot??"__null__")})})]})}function fr(e){return e>=90?"gauge-red":e>=70?"gauge-yellow":"gauge-green"}function hr(e){return e==null?"?":e>=1e5?`${(e/1e3).toFixed(0)}k`:e.toLocaleString()}function gr(e){if(!e)return"(unknown)";const t=e.replace(/[\\/]+$/,"");if(!t)return"(unknown)";const n=t.split(/[\\/]/);return n[n.length-1]||t}function pr(e){const t=Math.max(0,Math.round(e/1e3));if(t<60)return`${t}s ago`;const n=Math.floor(t/60);return n<60?`${n}m ago`:`${Math.floor(n/60)}h ${n%60}m ago`}function mr({data:e}){const t=e.percent??0,n=Math.max(t,1),s=fr(t),o=hr(e.tokens),i=e.contextWindow.toLocaleString(),a=`${o} / ${i} tokens`;return r.jsxs("div",{className:`session-gauge ${e.isSelf?"session-gauge-self":""}`,children:[r.jsxs("div",{className:"session-gauge-head",children:[r.jsx("span",{className:"session-gauge-label truncate",title:e.label,children:e.label}),r.jsxs("span",{className:"session-gauge-pct",children:[t,"%"]})]}),r.jsx("div",{className:`gauge-bar ${s}`,role:"meter","aria-valuenow":t,"aria-valuemin":0,"aria-valuemax":100,"aria-label":`${e.label}: ${t}%`,children:r.jsx("div",{className:"gauge-fill",style:{width:`${n}%`}})}),r.jsx("p",{className:"gauge-label session-gauge-sub",children:a}),e.sublabel&&r.jsx("p",{className:"session-gauge-meta truncate",title:e.sublabel,children:e.sublabel})]})}function vr({sessions:e,loading:t,error:n,launcherSessionId:s,launcher:o}){const i=Date.now(),a=[{key:"self",label:"this session",sublabel:"",tokens:o.tokens,percent:o.percent,contextWindow:o.contextWindow,isSelf:!0}],c=(e?.sessions??[]).filter(g=>g.sessionId!==s);c.sort((g,p)=>p.lastSeen-g.lastSeen);const d=new Set,u=c.filter(g=>{if(g.tokens==null&&g.percent==null||g.percent!=null&&g.percent===0&&g.tokens!=null&&g.tokens>0)return!1;const p=g.repoRoot??`(pid:${g.pid})`;return d.has(p)?!1:(d.add(p),!0)});for(const g of u)a.push({key:g.sessionId,label:gr(g.repoRoot),sublabel:`pid ${g.pid} · ${pr(i-g.lastSeen)}${g.model?` · ${g.model}`:""}`,tokens:g.tokens,percent:g.percent,contextWindow:g.ctxWindow||0,isSelf:!1});const f=n&&!e,h=t&&!e;return r.jsxs(ye,{className:"electric-hover session-gauges-card w-full",children:[r.jsx(Ae,{children:r.jsx(Le,{children:"Context per Session (live)"})}),r.jsx(we,{children:f?r.jsxs("div",{className:"text-sm text-muted-foreground",children:["Error loading sessions: ",n.message]}):h?r.jsx("div",{className:"text-sm text-muted-foreground",children:"Loading sessions…"}):r.jsx("div",{className:"session-gauges-scroll",children:r.jsx("div",{className:"session-gauges-grid",children:a.map(g=>r.jsx(mr,{data:g},g.key))})})})]})}function Yt({state:e,label:t}){const n=e==="on"?"bullet-on":e==="na"?"bullet-na":"bullet-off";return r.jsxs("div",{className:`bullet ${n}`,children:[r.jsx("span",{className:"bullet-dot","aria-hidden":"true"}),r.jsx("span",{className:"bullet-label",children:t})]})}function xr({armed:e,ready:t}){const n=e?"on":"off",s=t?"on":e?"off":"na",o=t?"THRESHOLD EXCEEDED — compacting next event":e?"past fast gate — monitoring token count":"idle — below fast gate";return r.jsxs("div",{className:"card trigger-status",children:[r.jsx("h3",{children:"Trigger Status"}),r.jsxs("div",{className:"bullet-row",children:[r.jsx(Yt,{state:n,label:"Armed"}),r.jsx(Yt,{state:s,label:"Ready"})]}),r.jsx("p",{className:"trigger-state-text",children:o})]})}function br(e){return e>=.9?"meter-green":e>=.6?"meter-yellow":"meter-red"}function ue({label:e,value:t,title:n}){return r.jsxs("div",{className:"ov-stat-row",children:[r.jsx("span",{className:"ov-stat-label",title:n,children:e}),r.jsx("span",{className:"ov-stat-value",children:t})]})}function yr(e){const t=e.compressionPct,n=br(t),s=Math.max(t*100,.5),o=`${De(t)} tokens saved · dedup: ${De(e.dedupPct)}`;return r.jsxs("div",{className:"card vector-store-card",children:[r.jsx("h3",{children:"Vector Store (session)"}),r.jsx(ue,{label:"Checkpoints",value:e.checkpointCount.toLocaleString(),title:"A saved summary of a chunk of your conversation that was compacted to free up space."}),r.jsx(ue,{label:"Original (dropped)",value:e.tokensIn.toLocaleString(),title:"Total size of the original conversation text dropped into compaction this session, including redundant regions skipped by dedup. This is the 'in'."}),r.jsx(ue,{label:"Kept (summaries)",value:e.tokensOut.toLocaleString(),title:"Compact summaries we are currently holding as 'memory' for this session (the 'out'). Smaller is better."}),r.jsx(ue,{label:"Freed",value:e.tokensFreed.toLocaleString(),title:"Conversation space freed = dropped − kept (the 'saved')."}),r.jsx(ue,{label:"Injected",value:e.injectedCount,title:"How many times old context was automatically brought back into the conversation because it was relevant to what you were doing."}),r.jsx(ue,{label:"Recall Relevance",value:De(e.dedupHitRate),title:"Of the times we recalled old context, how often it was actually on-topic."}),r.jsx(ue,{label:"Storage Dedup",value:De(e.storageDedupRate),title:"How often new content matched something we already had, so we skipped storing a duplicate copy. Higher = less wasted space."}),r.jsx(ue,{label:"Collapsed",value:e.dedupCollapsed,title:"How many duplicate chunks we collapsed into one instead of storing separately."}),r.jsx(ue,{label:"Last ID",value:e.lastCheckpointId??"—",title:"The ID of the most recent saved checkpoint."}),r.jsxs("div",{className:"ov-compression-meter",children:[r.jsx("div",{className:"meter-track",children:r.jsx("div",{className:`meter-fill ${n}`,style:{width:`${s}%`}})}),r.jsx("span",{className:"meter-sub",children:o})]})]})}function wr(e){return e>=.9?"meter-green":e>=.6?"meter-yellow":"meter-red"}function Se({label:e,value:t}){return r.jsxs("div",{className:"flex items-baseline justify-between border-b border-border py-1 text-sm",children:[r.jsx("span",{className:"text-xs text-muted-foreground",children:e}),r.jsx("span",{className:"font-semibold",children:t})]})}function jr(e){const t=e.compressionPct,n=wr(t),s=Math.max(t*100,.5),o=`${De(t)} tokens saved · dedup: ${De(e.dedupPct)}`;return r.jsxs(ye,{className:"electric-hover",children:[r.jsx(Ae,{children:r.jsx(Le,{children:"Repo (all sessions)"})}),r.jsxs(we,{children:[r.jsx(Se,{label:"Checkpoints",value:e.checkpointCount.toLocaleString()}),r.jsx(Se,{label:"Original",value:e.tokensIn.toLocaleString()}),r.jsx(Se,{label:"Kept",value:e.tokensOut.toLocaleString()}),r.jsx(Se,{label:"Freed",value:e.tokensFreed.toLocaleString()}),r.jsx(Se,{label:"Sessions",value:e.sessionCount.toLocaleString()}),r.jsx(Se,{label:"Collapsed",value:e.dedupCollapsed}),r.jsx(Se,{label:"Storage Dedup",value:De(e.storageDedupRate)}),r.jsxs("div",{children:[r.jsx("div",{className:"mt-2 h-2 w-full overflow-hidden rounded-full bg-bg-elevated",children:r.jsx("div",{className:`meter-fill h-full ${n}`,style:{width:`${s}%`}})}),r.jsx("span",{className:"mt-1 block text-xs text-muted-foreground",children:o})]})]})]})}function Sr(e){return r.jsxs("div",{className:"card data-safety-card",children:[r.jsx("h3",{children:"🛡 Data Safety"}),r.jsxs("div",{className:"ov-stat-row",children:[r.jsx("span",{className:"ov-stat-label",children:"Regions Retained"}),r.jsx("span",{className:"ov-stat-value",children:e.regionsRetained.toLocaleString()})]}),r.jsxs("div",{className:"ov-stat-row",children:[r.jsx("span",{className:"ov-stat-label",children:"Compressed-Original"}),r.jsx("span",{className:"ov-stat-value",children:Gt(e.compressedOriginalBytes)})]}),r.jsxs("div",{className:"ov-stat-row",children:[r.jsx("span",{className:"ov-stat-label",children:"Dedup Duplicates"}),r.jsx("span",{className:"ov-stat-value",children:e.duplicatesCollapsed.toLocaleString()})]}),r.jsxs("div",{className:"ov-stat-row",children:[r.jsx("span",{className:"ov-stat-label",children:"Permanently Deleted"}),r.jsx("span",{className:"ov-stat-value ov-value-ok",children:Gt(e.bytesPermanentlyDeleted)})]}),r.jsx("p",{className:"safe-note",children:'Every compacted region is kept verbatim (compressed). "Drop" = removed from the live window only. We never delete your data.'})]})}function Ce({label:e,value:t,title:n}){return r.jsxs("div",{className:"ov-stat-row",children:[r.jsx("span",{className:"ov-stat-label",title:n,children:e}),r.jsx("span",{className:"ov-stat-value",children:t})]})}function Cr(e){const t=`${Math.round((e.pressure??0)*100)}%`;let n=e.thresholdTokens.toLocaleString();return e.tierPct!=null&&e.contextWindow>0&&(n+=` (${Math.round(e.tierPct*100)}% of ${e.contextWindow.toLocaleString()})`),r.jsxs("div",{className:"card config-summary-card",children:[r.jsx("h3",{children:"Configuration"}),r.jsx(Ce,{label:"Tier",value:`${e.tier} (live)`,title:"Live pressure band — climbs low→mega as context fills the window."}),r.jsx(Ce,{label:"Preset",value:e.presetTier,title:"The env-resolved base compaction preset (low/medium/high/ultra/mega) that set the token threshold."}),r.jsx(Ce,{label:"Pressure",value:t,title:"Live pressure = currentTokens / threshold — % of the model context window (threshold fires at the tier's % of window)."}),r.jsx(Ce,{label:"Threshold",value:n,title:"Compaction threshold = tierPct × model context window — mega-compact trims BELOW pi's native ~80% auto-compact for any model size."}),r.jsx(Ce,{label:"Fast Gate",value:`${e.fastGatePct}%`,title:"Fast-gate arming floor — the live trim arms once context passes this % of the window."}),r.jsx(Ce,{label:"Auto",value:e.auto?"enabled":"disabled"}),r.jsx(Ce,{label:"Anchor",value:String(e.anchorUserMessages)})]})}function st({label:e,value:t,title:n}){return r.jsxs("div",{className:"flex items-baseline justify-between border-b border-border py-1 text-sm",children:[r.jsx("span",{className:"text-xs text-muted-foreground",title:n,children:e}),r.jsx("span",{className:"font-semibold",children:t})]})}function Dr(e){const t=e.repoTokensFreed||0;let n=0,s="0";if(e.inputRate&&t>0){n=t*e.inputRate;const a=e.contextWindow||0;s=a>0?(t/a).toFixed(1):"0"}const o=`≈ $${n.toFixed(4)} saved`,i=`${s} context-windows extended`;return r.jsxs(ye,{className:"electric-hover",children:[r.jsx(Ae,{children:r.jsx(Le,{children:"💰 Model & Cost Savings"})}),r.jsxs(we,{children:[r.jsx("div",{className:"text-neon text-xl font-semibold",children:o}),r.jsx("div",{className:"mb-2 text-xs text-muted-foreground",children:i}),r.jsx(st,{label:"Model",value:e.name,title:"The model pi is currently using — its pricing drives the cost figure."}),r.jsx(st,{label:"Provider",value:e.provider,title:"The provider serving the model."}),r.jsx(st,{label:"Input Rate",value:`$${e.inputRate.toFixed(6)}`,title:"USD per input token, from the model's pricing."}),r.jsx(st,{label:"Output Rate",value:`$${e.outputRate.toFixed(6)}`,title:"USD per output token, from the model's pricing."})]})]})}function Rr(e){const{activeAgents:t,currentTurn:n}=e,s=t>0?`▶ ${t} running`:"idle";return r.jsxs(ye,{className:"electric-hover",children:[r.jsx(Ae,{children:r.jsx(Le,{children:"Crew / Agents"})}),r.jsxs(we,{children:[r.jsxs("div",{className:"flex items-baseline justify-between border-b border-border py-1 text-sm",children:[r.jsx("span",{className:"text-xs text-muted-foreground",children:"Active Agents"}),r.jsx("span",{className:"font-semibold",children:t})]}),r.jsxs("div",{className:"flex items-baseline justify-between border-b border-border py-1 text-sm",children:[r.jsx("span",{className:"text-xs text-muted-foreground",children:"Current Turn"}),r.jsx("span",{className:"font-semibold",children:n})]}),r.jsxs("div",{className:"flex items-baseline justify-between py-1 text-sm",children:[r.jsx("span",{className:"text-xs text-muted-foreground",children:"Status"}),r.jsx("span",{className:"font-semibold",children:s})]})]})]})}const kr=[r.jsxs("li",{children:[r.jsx("b",{children:"Original (dropped)"}),' — everything compacted away (including duplicates caught by dedup). The "in."']},"1"),r.jsxs("li",{children:[r.jsx("b",{children:"Kept (summaries)"}),' — compact summaries still held as "memory" (the "out").']},"2"),r.jsxs("li",{children:[r.jsx("b",{children:"Freed"})," = dropped − kept — tokens saved so far (higher = better)."]},"3"),r.jsxs("li",{children:[r.jsx("b",{children:"Compression %"})," — Freed ÷ Dropped — the headline efficiency number. Higher = more space reclaimed."]},"4"),r.jsxs("li",{children:[r.jsx("b",{children:"Storage dedup %"})," — how often new content matched something already saved, so no duplicate copy was written."]},"5"),r.jsxs("li",{children:[r.jsx("b",{children:"Data safety"})," — every compacted region is kept verbatim (compressed). Nothing is permanently deleted; you can restore any of it."]},"6")];function Nr(){return r.jsx(ye,{children:r.jsx(we,{children:r.jsxs("details",{children:[r.jsx("summary",{className:"cursor-pointer text-sm font-semibold",children:"What these numbers mean"}),r.jsx("ol",{className:"mt-2 list-decimal space-y-1 pl-5 text-sm",children:kr}),r.jsx("p",{className:"mt-2 text-xs text-muted-foreground",children:"Hover any label above for a quick explanation."})]})})})}const Er=()=>{const{data:e}=dn(l.useMemo(()=>()=>Gn(),[]),{pollInterval:3e4});if(!e)return r.jsx(ye,{children:r.jsx(we,{className:"text-sm text-muted-foreground",children:"Loading RAG health…"})});const{totals:t,flags:n}=e,s=n.hydeEnabled||n.recallMetricsEnabled;return r.jsxs(ye,{children:[r.jsx(Ae,{children:r.jsxs(Le,{className:"flex items-center gap-2",children:[r.jsx("span",{className:`inline-block h-2 w-2 rounded-full ${s?"bg-success":"bg-muted-foreground"}`,"aria-hidden":"true"}),"RAG Health"]})}),r.jsx(we,{children:s?r.jsxs("dl",{className:"grid grid-cols-2 gap-x-4 gap-y-2 text-sm",children:[r.jsxs("div",{children:[r.jsx("dt",{className:"text-xs text-muted-foreground",children:"Pass rate"}),r.jsxs("dd",{className:"font-semibold text-foreground",children:[Math.round(t.recentPassRate*100),"%"]})]}),r.jsxs("div",{children:[r.jsx("dt",{className:"text-xs text-muted-foreground",children:"Avg lift"}),r.jsxs("dd",{className:"font-semibold text-foreground",children:[t.avgLift.toFixed(2),"×"]})]}),r.jsxs("div",{children:[r.jsx("dt",{className:"text-xs text-muted-foreground",children:"Telemetry turns"}),r.jsx("dd",{className:"font-semibold text-foreground",children:t.telemetryTurns})]}),r.jsxs("div",{children:[r.jsx("dt",{className:"text-xs text-muted-foreground",children:"HyDE ran"}),r.jsx("dd",{className:"font-semibold text-foreground",children:t.hydeRanTurns})]})]}):r.jsx("div",{className:"text-sm text-muted-foreground",children:"All RAG recall feature flags are off."})})]})};function ot({title:e,open:t,onClose:n,children:s}){return l.useEffect(()=>{if(!t)return;const o=i=>{i.key==="Escape"&&n()};return window.addEventListener("keydown",o),()=>window.removeEventListener("keydown",o)},[t,n]),t?r.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/60 p-4",onClick:n,role:"dialog","aria-modal":"true","aria-label":e,children:r.jsxs("div",{className:"max-h-[80vh] w-full max-w-3xl overflow-y-auto rounded-lg border border-border bg-bg-card p-5",onClick:o=>o.stopPropagation(),children:[r.jsxs("header",{className:"mb-4 flex items-center justify-between gap-4",children:[r.jsx("h2",{className:"font-heading text-lg font-semibold",children:e}),r.jsx("button",{type:"button",className:"text-muted-foreground transition-colors hover:text-foreground",onClick:n,"aria-label":"Close",children:r.jsx(ir,{size:22,strokeWidth:2})})]}),s]})}):r.jsx(r.Fragment,{})}const yt="#8b949e",Tr="#30363d",Mr={background:"#161b22",border:"1px solid #30363d",borderRadius:"6px",color:"#e6edf3"};function Vt(e){return new Date(e).toLocaleTimeString()}function qt(e){return Number.isFinite(e),String(e)}function wt({data:e,label:t="value",color:n="#58a6ff",height:s=280}){if(!e||e.length===0)return r.jsx("p",{className:"py-8 text-center text-sm text-muted-foreground",children:"No data available"});const o=`perf-line-${n.replace(/[^a-zA-Z0-9]/g,"")}`;return r.jsx(un,{width:"100%",height:s,children:r.jsxs(rr,{data:e,margin:{top:8,right:16,left:0,bottom:0},children:[r.jsx("defs",{children:r.jsxs("linearGradient",{id:o,x1:"0",y1:"0",x2:"0",y2:"1",children:[r.jsx("stop",{offset:"5%",stopColor:n,stopOpacity:.7}),r.jsx("stop",{offset:"95%",stopColor:n,stopOpacity:.15})]})}),r.jsx(fn,{strokeDasharray:"3 3",stroke:Tr}),r.jsx(hn,{dataKey:"ts",type:"number",domain:["dataMin","dataMax"],scale:"time",tickFormatter:i=>Vt(i),stroke:yt,tick:{fontSize:11}}),r.jsx(gn,{dataKey:"value",stroke:yt,tick:{fontSize:11},width:56,tickFormatter:i=>qt(i)}),r.jsx(pn,{labelFormatter:i=>Vt(i),formatter:i=>[qt(i),t],contentStyle:Mr,labelStyle:{color:yt,fontSize:12}}),r.jsx(tr,{type:"monotone",dataKey:"value",name:t,stroke:n,strokeWidth:2,dot:!1,fill:`url(#${o})`,isAnimationActive:!1})]})})}const jt="#8b949e",Or="#30363d",Ar={background:"#161b22",border:"1px solid #30363d",borderRadius:"6px",color:"#e6edf3"};function Lr({data:e,color:t="#3fb950",height:n=280,valueFormatter:s}){const o=s??(i=>String(i));return!e||e.length===0?r.jsx("p",{className:"py-8 text-center text-sm text-muted-foreground",children:"No data available"}):r.jsx(un,{width:"100%",height:n,children:r.jsxs(sr,{data:e,margin:{top:8,right:16,left:0,bottom:0},children:[r.jsx(fn,{strokeDasharray:"3 3",stroke:Or}),r.jsx(hn,{dataKey:"label",stroke:jt,tick:{fontSize:11},interval:0,angle:-20,textAnchor:"end",height:56}),r.jsx(gn,{dataKey:"value",stroke:jt,tick:{fontSize:11},width:56,tickFormatter:i=>o(i)}),r.jsx(pn,{formatter:i=>[o(i),"value"],contentStyle:Ar,labelStyle:{color:jt,fontSize:12}}),r.jsx(nr,{dataKey:"value",fill:t,radius:[4,4,0,0],isAnimationActive:!1})]})})}function Ir(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return l.useMemo(()=>s=>{t.forEach(o=>o(s))},t)}const ft=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";function Ie(e){const t=Object.prototype.toString.call(e);return t==="[object Window]"||t==="[object global]"}function Ot(e){return"nodeType"in e}function U(e){var t,n;return e?Ie(e)?e:Ot(e)&&(t=(n=e.ownerDocument)==null?void 0:n.defaultView)!=null?t:window:window}function At(e){const{Document:t}=U(e);return e instanceof t}function Je(e){return Ie(e)?!1:e instanceof U(e).HTMLElement}function mn(e){return e instanceof U(e).SVGElement}function Pe(e){return e?Ie(e)?e.document:Ot(e)?At(e)?e:Je(e)||mn(e)?e.ownerDocument:document:document:document}const ie=ft?l.useLayoutEffect:l.useEffect;function Lt(e){const t=l.useRef(e);return ie(()=>{t.current=e}),l.useCallback(function(){for(var n=arguments.length,s=new Array(n),o=0;o<n;o++)s[o]=arguments[o];return t.current==null?void 0:t.current(...s)},[])}function Pr(){const e=l.useRef(null),t=l.useCallback((s,o)=>{e.current=setInterval(s,o)},[]),n=l.useCallback(()=>{e.current!==null&&(clearInterval(e.current),e.current=null)},[]);return[t,n]}function Ye(e,t){t===void 0&&(t=[e]);const n=l.useRef(e);return ie(()=>{n.current!==e&&(n.current=e)},t),n}function Qe(e,t){const n=l.useRef();return l.useMemo(()=>{const s=e(n.current);return n.current=s,s},[...t])}function lt(e){const t=Lt(e),n=l.useRef(null),s=l.useCallback(o=>{o!==n.current&&t?.(o,n.current),n.current=o},[]);return[n,s]}function kt(e){const t=l.useRef();return l.useEffect(()=>{t.current=e},[e]),t.current}let St={};function Ze(e,t){return l.useMemo(()=>{if(t)return t;const n=St[e]==null?0:St[e]+1;return St[e]=n,e+"-"+n},[e,t])}function vn(e){return function(t){for(var n=arguments.length,s=new Array(n>1?n-1:0),o=1;o<n;o++)s[o-1]=arguments[o];return s.reduce((i,a)=>{const c=Object.entries(a);for(const[d,u]of c){const f=i[d];f!=null&&(i[d]=f+e*u)}return i},{...t})}}const Oe=vn(1),ct=vn(-1);function $r(e){return"clientX"in e&&"clientY"in e}function It(e){if(!e)return!1;const{KeyboardEvent:t}=U(e.target);return t&&e instanceof t}function Fr(e){if(!e)return!1;const{TouchEvent:t}=U(e.target);return t&&e instanceof t}function Nt(e){if(Fr(e)){if(e.touches&&e.touches.length){const{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}else if(e.changedTouches&&e.changedTouches.length){const{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return $r(e)?{x:e.clientX,y:e.clientY}:null}const Ve=Object.freeze({Translate:{toString(e){if(!e)return;const{x:t,y:n}=e;return"translate3d("+(t?Math.round(t):0)+"px, "+(n?Math.round(n):0)+"px, 0)"}},Scale:{toString(e){if(!e)return;const{scaleX:t,scaleY:n}=e;return"scaleX("+t+") scaleY("+n+")"}},Transform:{toString(e){if(e)return[Ve.Translate.toString(e),Ve.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:s}=e;return t+" "+n+"ms "+s}}}),Jt="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function zr(e){return e.matches(Jt)?e:e.querySelector(Jt)}const Br={display:"none"};function Wr(e){let{id:t,value:n}=e;return K.createElement("div",{id:t,style:Br},n)}function Hr(e){let{id:t,announcement:n,ariaLiveType:s="assertive"}=e;const o={position:"fixed",top:0,left:0,width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"};return K.createElement("div",{id:t,style:o,role:"status","aria-live":s,"aria-atomic":!0},n)}function _r(){const[e,t]=l.useState("");return{announce:l.useCallback(s=>{s!=null&&t(s)},[]),announcement:e}}const xn=l.createContext(null);function Xr(e){const t=l.useContext(xn);l.useEffect(()=>{if(!t)throw new Error("useDndMonitor must be used within a children of <DndContext>");return t(e)},[e,t])}function Kr(){const[e]=l.useState(()=>new Set),t=l.useCallback(s=>(e.add(s),()=>e.delete(s)),[e]);return[l.useCallback(s=>{let{type:o,event:i}=s;e.forEach(a=>{var c;return(c=a[o])==null?void 0:c.call(a,i)})},[e]),t]}const Ur={draggable:`
+    To pick up a draggable item, press the space bar.
+    While dragging, use the arrow keys to move the item.
+    Press space again to drop the item in its new position, or press escape to cancel.
+  `},Gr={onDragStart(e){let{active:t}=e;return"Picked up draggable item "+t.id+"."},onDragOver(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was moved over droppable area "+n.id+".":"Draggable item "+t.id+" is no longer over a droppable area."},onDragEnd(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was dropped over droppable area "+n.id:"Draggable item "+t.id+" was dropped."},onDragCancel(e){let{active:t}=e;return"Dragging was cancelled. Draggable item "+t.id+" was dropped."}};function Yr(e){let{announcements:t=Gr,container:n,hiddenTextDescribedById:s,screenReaderInstructions:o=Ur}=e;const{announce:i,announcement:a}=_r(),c=Ze("DndLiveRegion"),[d,u]=l.useState(!1);if(l.useEffect(()=>{u(!0)},[]),Xr(l.useMemo(()=>({onDragStart(h){let{active:g}=h;i(t.onDragStart({active:g}))},onDragMove(h){let{active:g,over:p}=h;t.onDragMove&&i(t.onDragMove({active:g,over:p}))},onDragOver(h){let{active:g,over:p}=h;i(t.onDragOver({active:g,over:p}))},onDragEnd(h){let{active:g,over:p}=h;i(t.onDragEnd({active:g,over:p}))},onDragCancel(h){let{active:g,over:p}=h;i(t.onDragCancel({active:g,over:p}))}}),[i,t])),!d)return null;const f=K.createElement(K.Fragment,null,K.createElement(Wr,{id:s,value:o.draggable}),K.createElement(Hr,{id:c,announcement:a}));return n?_e.createPortal(f,n):f}var I;(function(e){e.DragStart="dragStart",e.DragMove="dragMove",e.DragEnd="dragEnd",e.DragCancel="dragCancel",e.DragOver="dragOver",e.RegisterDroppable="registerDroppable",e.SetDroppableDisabled="setDroppableDisabled",e.UnregisterDroppable="unregisterDroppable"})(I||(I={}));function dt(){}const te=Object.freeze({x:0,y:0});function Vr(e,t){let{data:{value:n}}=e,{data:{value:s}}=t;return s-n}function qr(e,t){if(!e||e.length===0)return null;const[n]=e;return n[t]}function Jr(e,t){const n=Math.max(t.top,e.top),s=Math.max(t.left,e.left),o=Math.min(t.left+t.width,e.left+e.width),i=Math.min(t.top+t.height,e.top+e.height),a=o-s,c=i-n;if(s<o&&n<i){const d=t.width*t.height,u=e.width*e.height,f=a*c,h=f/(d+u-f);return Number(h.toFixed(4))}return 0}const Qr=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:s}=e;const o=[];for(const i of s){const{id:a}=i,c=n.get(a);if(c){const d=Jr(c,t);d>0&&o.push({id:a,data:{droppableContainer:i,value:d}})}}return o.sort(Vr)};function Zr(e,t,n){return{...e,scaleX:t&&n?t.width/n.width:1,scaleY:t&&n?t.height/n.height:1}}function bn(e,t){return e&&t?{x:e.left-t.left,y:e.top-t.top}:te}function es(e){return function(n){for(var s=arguments.length,o=new Array(s>1?s-1:0),i=1;i<s;i++)o[i-1]=arguments[i];return o.reduce((a,c)=>({...a,top:a.top+e*c.y,bottom:a.bottom+e*c.y,left:a.left+e*c.x,right:a.right+e*c.x}),{...n})}}const ts=es(1);function ns(e){if(e.startsWith("matrix3d(")){const t=e.slice(9,-1).split(/, /);return{x:+t[12],y:+t[13],scaleX:+t[0],scaleY:+t[5]}}else if(e.startsWith("matrix(")){const t=e.slice(7,-1).split(/, /);return{x:+t[4],y:+t[5],scaleX:+t[0],scaleY:+t[3]}}return null}function rs(e,t,n){const s=ns(t);if(!s)return e;const{scaleX:o,scaleY:i,x:a,y:c}=s,d=e.left-a-(1-o)*parseFloat(n),u=e.top-c-(1-i)*parseFloat(n.slice(n.indexOf(" ")+1)),f=o?e.width/o:e.width,h=i?e.height/i:e.height;return{width:f,height:h,top:u,right:d+f,bottom:u+h,left:d}}const ss={ignoreTransform:!1};function $e(e,t){t===void 0&&(t=ss);let n=e.getBoundingClientRect();if(t.ignoreTransform){const{transform:u,transformOrigin:f}=U(e).getComputedStyle(e);u&&(n=rs(n,u,f))}const{top:s,left:o,width:i,height:a,bottom:c,right:d}=n;return{top:s,left:o,width:i,height:a,bottom:c,right:d}}function Qt(e){return $e(e,{ignoreTransform:!0})}function os(e){const t=e.innerWidth,n=e.innerHeight;return{top:0,left:0,right:t,bottom:n,width:t,height:n}}function is(e,t){return t===void 0&&(t=U(e).getComputedStyle(e)),t.position==="fixed"}function as(e,t){t===void 0&&(t=U(e).getComputedStyle(e));const n=/(auto|scroll|overlay)/;return["overflow","overflowX","overflowY"].some(o=>{const i=t[o];return typeof i=="string"?n.test(i):!1})}function Pt(e,t){const n=[];function s(o){if(t!=null&&n.length>=t||!o)return n;if(At(o)&&o.scrollingElement!=null&&!n.includes(o.scrollingElement))return n.push(o.scrollingElement),n;if(!Je(o)||mn(o)||n.includes(o))return n;const i=U(e).getComputedStyle(o);return o!==e&&as(o,i)&&n.push(o),is(o,i)?n:s(o.parentNode)}return e?s(e):n}function yn(e){const[t]=Pt(e,1);return t??null}function Ct(e){return!ft||!e?null:Ie(e)?e:Ot(e)?At(e)||e===Pe(e).scrollingElement?window:Je(e)?e:null:null}function wn(e){return Ie(e)?e.scrollX:e.scrollLeft}function jn(e){return Ie(e)?e.scrollY:e.scrollTop}function Et(e){return{x:wn(e),y:jn(e)}}var $;(function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"})($||($={}));function Sn(e){return!ft||!e?!1:e===document.scrollingElement}function Cn(e){const t={x:0,y:0},n=Sn(e)?{height:window.innerHeight,width:window.innerWidth}:{height:e.clientHeight,width:e.clientWidth},s={x:e.scrollWidth-n.width,y:e.scrollHeight-n.height},o=e.scrollTop<=t.y,i=e.scrollLeft<=t.x,a=e.scrollTop>=s.y,c=e.scrollLeft>=s.x;return{isTop:o,isLeft:i,isBottom:a,isRight:c,maxScroll:s,minScroll:t}}const ls={x:.2,y:.2};function cs(e,t,n,s,o){let{top:i,left:a,right:c,bottom:d}=n;s===void 0&&(s=10),o===void 0&&(o=ls);const{isTop:u,isBottom:f,isLeft:h,isRight:g}=Cn(e),p={x:0,y:0},D={x:0,y:0},m={height:t.height*o.y,width:t.width*o.x};return!u&&i<=t.top+m.height?(p.y=$.Backward,D.y=s*Math.abs((t.top+m.height-i)/m.height)):!f&&d>=t.bottom-m.height&&(p.y=$.Forward,D.y=s*Math.abs((t.bottom-m.height-d)/m.height)),!g&&c>=t.right-m.width?(p.x=$.Forward,D.x=s*Math.abs((t.right-m.width-c)/m.width)):!h&&a<=t.left+m.width&&(p.x=$.Backward,D.x=s*Math.abs((t.left+m.width-a)/m.width)),{direction:p,speed:D}}function ds(e){if(e===document.scrollingElement){const{innerWidth:i,innerHeight:a}=window;return{top:0,left:0,right:i,bottom:a,width:i,height:a}}const{top:t,left:n,right:s,bottom:o}=e.getBoundingClientRect();return{top:t,left:n,right:s,bottom:o,width:e.clientWidth,height:e.clientHeight}}function Dn(e){return e.reduce((t,n)=>Oe(t,Et(n)),te)}function us(e){return e.reduce((t,n)=>t+wn(n),0)}function fs(e){return e.reduce((t,n)=>t+jn(n),0)}function hs(e,t){if(t===void 0&&(t=$e),!e)return;const{top:n,left:s,bottom:o,right:i}=t(e);yn(e)&&(o<=0||i<=0||n>=window.innerHeight||s>=window.innerWidth)&&e.scrollIntoView({block:"center",inline:"center"})}const gs=[["x",["left","right"],us],["y",["top","bottom"],fs]];class $t{constructor(t,n){this.rect=void 0,this.width=void 0,this.height=void 0,this.top=void 0,this.bottom=void 0,this.right=void 0,this.left=void 0;const s=Pt(n),o=Dn(s);this.rect={...t},this.width=t.width,this.height=t.height;for(const[i,a,c]of gs)for(const d of a)Object.defineProperty(this,d,{get:()=>{const u=c(s),f=o[i]-u;return this.rect[d]+f},enumerable:!0});Object.defineProperty(this,"rect",{enumerable:!1})}}class Xe{constructor(t){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach(n=>{var s;return(s=this.target)==null?void 0:s.removeEventListener(...n)})},this.target=t}add(t,n,s){var o;(o=this.target)==null||o.addEventListener(t,n,s),this.listeners.push([t,n,s])}}function ps(e){const{EventTarget:t}=U(e);return e instanceof t?e:Pe(e)}function Dt(e,t){const n=Math.abs(e.x),s=Math.abs(e.y);return typeof t=="number"?Math.sqrt(n**2+s**2)>t:"x"in t&&"y"in t?n>t.x&&s>t.y:"x"in t?n>t.x:"y"in t?s>t.y:!1}var Q;(function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"})(Q||(Q={}));function Zt(e){e.preventDefault()}function ms(e){e.stopPropagation()}var N;(function(e){e.Space="Space",e.Down="ArrowDown",e.Right="ArrowRight",e.Left="ArrowLeft",e.Up="ArrowUp",e.Esc="Escape",e.Enter="Enter",e.Tab="Tab"})(N||(N={}));const Rn={start:[N.Space,N.Enter],cancel:[N.Esc],end:[N.Space,N.Enter,N.Tab]},vs=(e,t)=>{let{currentCoordinates:n}=t;switch(e.code){case N.Right:return{...n,x:n.x+25};case N.Left:return{...n,x:n.x-25};case N.Down:return{...n,y:n.y+25};case N.Up:return{...n,y:n.y-25}}};class kn{constructor(t){this.props=void 0,this.autoScrollEnabled=!1,this.referenceCoordinates=void 0,this.listeners=void 0,this.windowListeners=void 0,this.props=t;const{event:{target:n}}=t;this.props=t,this.listeners=new Xe(Pe(n)),this.windowListeners=new Xe(U(n)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(Q.Resize,this.handleCancel),this.windowListeners.add(Q.VisibilityChange,this.handleCancel),setTimeout(()=>this.listeners.add(Q.Keydown,this.handleKeyDown))}handleStart(){const{activeNode:t,onStart:n}=this.props,s=t.node.current;s&&hs(s),n(te)}handleKeyDown(t){if(It(t)){const{active:n,context:s,options:o}=this.props,{keyboardCodes:i=Rn,coordinateGetter:a=vs,scrollBehavior:c="smooth"}=o,{code:d}=t;if(i.end.includes(d)){this.handleEnd(t);return}if(i.cancel.includes(d)){this.handleCancel(t);return}const{collisionRect:u}=s.current,f=u?{x:u.left,y:u.top}:te;this.referenceCoordinates||(this.referenceCoordinates=f);const h=a(t,{active:n,context:s.current,currentCoordinates:f});if(h){const g=ct(h,f),p={x:0,y:0},{scrollableAncestors:D}=s.current;for(const m of D){const v=t.code,{isTop:S,isRight:C,isLeft:j,isBottom:R,maxScroll:k,minScroll:b}=Cn(m),w=ds(m),x={x:Math.min(v===N.Right?w.right-w.width/2:w.right,Math.max(v===N.Right?w.left:w.left+w.width/2,h.x)),y:Math.min(v===N.Down?w.bottom-w.height/2:w.bottom,Math.max(v===N.Down?w.top:w.top+w.height/2,h.y))},M=v===N.Right&&!C||v===N.Left&&!j,O=v===N.Down&&!R||v===N.Up&&!S;if(M&&x.x!==h.x){const E=m.scrollLeft+g.x,_=v===N.Right&&E<=k.x||v===N.Left&&E>=b.x;if(_&&!g.y){m.scrollTo({left:E,behavior:c});return}_?p.x=m.scrollLeft-E:p.x=v===N.Right?m.scrollLeft-k.x:m.scrollLeft-b.x,p.x&&m.scrollBy({left:-p.x,behavior:c});break}else if(O&&x.y!==h.y){const E=m.scrollTop+g.y,_=v===N.Down&&E<=k.y||v===N.Up&&E>=b.y;if(_&&!g.x){m.scrollTo({top:E,behavior:c});return}_?p.y=m.scrollTop-E:p.y=v===N.Down?m.scrollTop-k.y:m.scrollTop-b.y,p.y&&m.scrollBy({top:-p.y,behavior:c});break}}this.handleMove(t,Oe(ct(h,this.referenceCoordinates),p))}}}handleMove(t,n){const{onMove:s}=this.props;t.preventDefault(),s(n)}handleEnd(t){const{onEnd:n}=this.props;t.preventDefault(),this.detach(),n()}handleCancel(t){const{onCancel:n}=this.props;t.preventDefault(),this.detach(),n()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll()}}kn.activators=[{eventName:"onKeyDown",handler:(e,t,n)=>{let{keyboardCodes:s=Rn,onActivation:o}=t,{active:i}=n;const{code:a}=e.nativeEvent;if(s.start.includes(a)){const c=i.activatorNode.current;return c&&e.target!==c?!1:(e.preventDefault(),o?.({event:e.nativeEvent}),!0)}return!1}}];function en(e){return!!(e&&"distance"in e)}function tn(e){return!!(e&&"delay"in e)}class Ft{constructor(t,n,s){var o;s===void 0&&(s=ps(t.event.target)),this.props=void 0,this.events=void 0,this.autoScrollEnabled=!0,this.document=void 0,this.activated=!1,this.initialCoordinates=void 0,this.timeoutId=null,this.listeners=void 0,this.documentListeners=void 0,this.windowListeners=void 0,this.props=t,this.events=n;const{event:i}=t,{target:a}=i;this.props=t,this.events=n,this.document=Pe(a),this.documentListeners=new Xe(this.document),this.listeners=new Xe(s),this.windowListeners=new Xe(U(a)),this.initialCoordinates=(o=Nt(i))!=null?o:te,this.handleStart=this.handleStart.bind(this),this.handleMove=this.handleMove.bind(this),this.handleEnd=this.handleEnd.bind(this),this.handleCancel=this.handleCancel.bind(this),this.handleKeydown=this.handleKeydown.bind(this),this.removeTextSelection=this.removeTextSelection.bind(this),this.attach()}attach(){const{events:t,props:{options:{activationConstraint:n,bypassActivationConstraint:s}}}=this;if(this.listeners.add(t.move.name,this.handleMove,{passive:!1}),this.listeners.add(t.end.name,this.handleEnd),t.cancel&&this.listeners.add(t.cancel.name,this.handleCancel),this.windowListeners.add(Q.Resize,this.handleCancel),this.windowListeners.add(Q.DragStart,Zt),this.windowListeners.add(Q.VisibilityChange,this.handleCancel),this.windowListeners.add(Q.ContextMenu,Zt),this.documentListeners.add(Q.Keydown,this.handleKeydown),n){if(s!=null&&s({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(tn(n)){this.timeoutId=setTimeout(this.handleStart,n.delay),this.handlePending(n);return}if(en(n)){this.handlePending(n);return}}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),this.timeoutId!==null&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handlePending(t,n){const{active:s,onPending:o}=this.props;o(s,t,this.initialCoordinates,n)}handleStart(){const{initialCoordinates:t}=this,{onStart:n}=this.props;t&&(this.activated=!0,this.documentListeners.add(Q.Click,ms,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(Q.SelectionChange,this.removeTextSelection),n(t))}handleMove(t){var n;const{activated:s,initialCoordinates:o,props:i}=this,{onMove:a,options:{activationConstraint:c}}=i;if(!o)return;const d=(n=Nt(t))!=null?n:te,u=ct(o,d);if(!s&&c){if(en(c)){if(c.tolerance!=null&&Dt(u,c.tolerance))return this.handleCancel();if(Dt(u,c.distance))return this.handleStart()}if(tn(c)&&Dt(u,c.tolerance))return this.handleCancel();this.handlePending(c,u);return}t.cancelable&&t.preventDefault(),a(d)}handleEnd(){const{onAbort:t,onEnd:n}=this.props;this.detach(),this.activated||t(this.props.active),n()}handleCancel(){const{onAbort:t,onCancel:n}=this.props;this.detach(),this.activated||t(this.props.active),n()}handleKeydown(t){t.code===N.Esc&&this.handleCancel()}removeTextSelection(){var t;(t=this.document.getSelection())==null||t.removeAllRanges()}}const xs={cancel:{name:"pointercancel"},move:{name:"pointermove"},end:{name:"pointerup"}};class Nn extends Ft{constructor(t){const{event:n}=t,s=Pe(n.target);super(t,xs,s)}}Nn.activators=[{eventName:"onPointerDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:s}=t;return!n.isPrimary||n.button!==0?!1:(s?.({event:n}),!0)}}];const bs={move:{name:"mousemove"},end:{name:"mouseup"}};var Tt;(function(e){e[e.RightClick=2]="RightClick"})(Tt||(Tt={}));class ys extends Ft{constructor(t){super(t,bs,Pe(t.event.target))}}ys.activators=[{eventName:"onMouseDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:s}=t;return n.button===Tt.RightClick?!1:(s?.({event:n}),!0)}}];const Rt={cancel:{name:"touchcancel"},move:{name:"touchmove"},end:{name:"touchend"}};class ws extends Ft{constructor(t){super(t,Rt)}static setup(){return window.addEventListener(Rt.move.name,t,{capture:!1,passive:!1}),function(){window.removeEventListener(Rt.move.name,t)};function t(){}}}ws.activators=[{eventName:"onTouchStart",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:s}=t;const{touches:o}=n;return o.length>1?!1:(s?.({event:n}),!0)}}];var Ke;(function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"})(Ke||(Ke={}));var ut;(function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"})(ut||(ut={}));function js(e){let{acceleration:t,activator:n=Ke.Pointer,canScroll:s,draggingRect:o,enabled:i,interval:a=5,order:c=ut.TreeOrder,pointerCoordinates:d,scrollableAncestors:u,scrollableAncestorRects:f,delta:h,threshold:g}=e;const p=Cs({delta:h,disabled:!i}),[D,m]=Pr(),v=l.useRef({x:0,y:0}),S=l.useRef({x:0,y:0}),C=l.useMemo(()=>{switch(n){case Ke.Pointer:return d?{top:d.y,bottom:d.y,left:d.x,right:d.x}:null;case Ke.DraggableRect:return o}},[n,o,d]),j=l.useRef(null),R=l.useCallback(()=>{const b=j.current;if(!b)return;const w=v.current.x*S.current.x,x=v.current.y*S.current.y;b.scrollBy(w,x)},[]),k=l.useMemo(()=>c===ut.TreeOrder?[...u].reverse():u,[c,u]);l.useEffect(()=>{if(!i||!u.length||!C){m();return}for(const b of k){if(s?.(b)===!1)continue;const w=u.indexOf(b),x=f[w];if(!x)continue;const{direction:M,speed:O}=cs(b,x,C,t,g);for(const E of["x","y"])p[E][M[E]]||(O[E]=0,M[E]=0);if(O.x>0||O.y>0){m(),j.current=b,D(R,a),v.current=O,S.current=M;return}}v.current={x:0,y:0},S.current={x:0,y:0},m()},[t,R,s,m,i,a,JSON.stringify(C),JSON.stringify(p),D,u,k,f,JSON.stringify(g)])}const Ss={x:{[$.Backward]:!1,[$.Forward]:!1},y:{[$.Backward]:!1,[$.Forward]:!1}};function Cs(e){let{delta:t,disabled:n}=e;const s=kt(t);return Qe(o=>{if(n||!s||!o)return Ss;const i={x:Math.sign(t.x-s.x),y:Math.sign(t.y-s.y)};return{x:{[$.Backward]:o.x[$.Backward]||i.x===-1,[$.Forward]:o.x[$.Forward]||i.x===1},y:{[$.Backward]:o.y[$.Backward]||i.y===-1,[$.Forward]:o.y[$.Forward]||i.y===1}}},[n,t,s])}function Ds(e,t){const n=t!=null?e.get(t):void 0,s=n?n.node.current:null;return Qe(o=>{var i;return t==null?null:(i=s??o)!=null?i:null},[s,t])}function Rs(e,t){return l.useMemo(()=>e.reduce((n,s)=>{const{sensor:o}=s,i=o.activators.map(a=>({eventName:a.eventName,handler:t(a.handler,s)}));return[...n,...i]},[]),[e,t])}var qe;(function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"})(qe||(qe={}));var Mt;(function(e){e.Optimized="optimized"})(Mt||(Mt={}));const nn=new Map;function ks(e,t){let{dragging:n,dependencies:s,config:o}=t;const[i,a]=l.useState(null),{frequency:c,measure:d,strategy:u}=o,f=l.useRef(e),h=v(),g=Ye(h),p=l.useCallback(function(S){S===void 0&&(S=[]),!g.current&&a(C=>C===null?S:C.concat(S.filter(j=>!C.includes(j))))},[g]),D=l.useRef(null),m=Qe(S=>{if(h&&!n)return nn;if(!S||S===nn||f.current!==e||i!=null){const C=new Map;for(let j of e){if(!j)continue;if(i&&i.length>0&&!i.includes(j.id)&&j.rect.current){C.set(j.id,j.rect.current);continue}const R=j.node.current,k=R?new $t(d(R),R):null;j.rect.current=k,k&&C.set(j.id,k)}return C}return S},[e,i,n,h,d]);return l.useEffect(()=>{f.current=e},[e]),l.useEffect(()=>{h||p()},[n,h]),l.useEffect(()=>{i&&i.length>0&&a(null)},[JSON.stringify(i)]),l.useEffect(()=>{h||typeof c!="number"||D.current!==null||(D.current=setTimeout(()=>{p(),D.current=null},c))},[c,h,p,...s]),{droppableRects:m,measureDroppableContainers:p,measuringScheduled:i!=null};function v(){switch(u){case qe.Always:return!1;case qe.BeforeDragging:return n;default:return!n}}}function En(e,t){return Qe(n=>e?n||(typeof t=="function"?t(e):e):null,[t,e])}function Ns(e,t){return En(e,t)}function Es(e){let{callback:t,disabled:n}=e;const s=Lt(t),o=l.useMemo(()=>{if(n||typeof window>"u"||typeof window.MutationObserver>"u")return;const{MutationObserver:i}=window;return new i(s)},[s,n]);return l.useEffect(()=>()=>o?.disconnect(),[o]),o}function ht(e){let{callback:t,disabled:n}=e;const s=Lt(t),o=l.useMemo(()=>{if(n||typeof window>"u"||typeof window.ResizeObserver>"u")return;const{ResizeObserver:i}=window;return new i(s)},[n]);return l.useEffect(()=>()=>o?.disconnect(),[o]),o}function Ts(e){return new $t($e(e),e)}function rn(e,t,n){t===void 0&&(t=Ts);const[s,o]=l.useState(null);function i(){o(d=>{if(!e)return null;if(e.isConnected===!1){var u;return(u=d??n)!=null?u:null}const f=t(e);return JSON.stringify(d)===JSON.stringify(f)?d:f})}const a=Es({callback(d){if(e)for(const u of d){const{type:f,target:h}=u;if(f==="childList"&&h instanceof HTMLElement&&h.contains(e)){i();break}}}}),c=ht({callback:i});return ie(()=>{i(),e?(c?.observe(e),a?.observe(document.body,{childList:!0,subtree:!0})):(c?.disconnect(),a?.disconnect())},[e]),s}function Ms(e){const t=En(e);return bn(e,t)}const sn=[];function Os(e){const t=l.useRef(e),n=Qe(s=>e?s&&s!==sn&&e&&t.current&&e.parentNode===t.current.parentNode?s:Pt(e):sn,[e]);return l.useEffect(()=>{t.current=e},[e]),n}function As(e){const[t,n]=l.useState(null),s=l.useRef(e),o=l.useCallback(i=>{const a=Ct(i.target);a&&n(c=>c?(c.set(a,Et(a)),new Map(c)):null)},[]);return l.useEffect(()=>{const i=s.current;if(e!==i){a(i);const c=e.map(d=>{const u=Ct(d);return u?(u.addEventListener("scroll",o,{passive:!0}),[u,Et(u)]):null}).filter(d=>d!=null);n(c.length?new Map(c):null),s.current=e}return()=>{a(e),a(i)};function a(c){c.forEach(d=>{const u=Ct(d);u?.removeEventListener("scroll",o)})}},[o,e]),l.useMemo(()=>e.length?t?Array.from(t.values()).reduce((i,a)=>Oe(i,a),te):Dn(e):te,[e,t])}function on(e,t){t===void 0&&(t=[]);const n=l.useRef(null);return l.useEffect(()=>{n.current=null},t),l.useEffect(()=>{const s=e!==te;s&&!n.current&&(n.current=e),!s&&n.current&&(n.current=null)},[e]),n.current?ct(e,n.current):te}function Ls(e){l.useEffect(()=>{if(!ft)return;const t=e.map(n=>{let{sensor:s}=n;return s.setup==null?void 0:s.setup()});return()=>{for(const n of t)n?.()}},e.map(t=>{let{sensor:n}=t;return n}))}function Is(e,t){return l.useMemo(()=>e.reduce((n,s)=>{let{eventName:o,handler:i}=s;return n[o]=a=>{i(a,t)},n},{}),[e,t])}function Tn(e){return l.useMemo(()=>e?os(e):null,[e])}const an=[];function Ps(e,t){t===void 0&&(t=$e);const[n]=e,s=Tn(n?U(n):null),[o,i]=l.useState(an);function a(){i(()=>e.length?e.map(d=>Sn(d)?s:new $t(t(d),d)):an)}const c=ht({callback:a});return ie(()=>{c?.disconnect(),a(),e.forEach(d=>c?.observe(d))},[e]),o}function $s(e){if(!e)return null;if(e.children.length>1)return e;const t=e.children[0];return Je(t)?t:e}function Fs(e){let{measure:t}=e;const[n,s]=l.useState(null),o=l.useCallback(u=>{for(const{target:f}of u)if(Je(f)){s(h=>{const g=t(f);return h?{...h,width:g.width,height:g.height}:g});break}},[t]),i=ht({callback:o}),a=l.useCallback(u=>{const f=$s(u);i?.disconnect(),f&&i?.observe(f),s(f?t(f):null)},[t,i]),[c,d]=lt(a);return l.useMemo(()=>({nodeRef:c,rect:n,setRef:d}),[n,c,d])}const zs=[{sensor:Nn,options:{}},{sensor:kn,options:{}}],Bs={current:{}},at={draggable:{measure:Qt},droppable:{measure:Qt,strategy:qe.WhileDragging,frequency:Mt.Optimized},dragOverlay:{measure:$e}};class Ue extends Map{get(t){var n;return t!=null&&(n=super.get(t))!=null?n:void 0}toArray(){return Array.from(this.values())}getEnabled(){return this.toArray().filter(t=>{let{disabled:n}=t;return!n})}getNodeFor(t){var n,s;return(n=(s=this.get(t))==null?void 0:s.node.current)!=null?n:void 0}}const Ws={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new Ue,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:dt},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:at,measureDroppableContainers:dt,windowRect:null,measuringScheduled:!1},Hs={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:dt,draggableNodes:new Map,over:null,measureDroppableContainers:dt},gt=l.createContext(Hs),Mn=l.createContext(Ws);function _s(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new Ue}}}function Xs(e,t){switch(t.type){case I.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:t.initialCoordinates,active:t.active}};case I.DragMove:return e.draggable.active==null?e:{...e,draggable:{...e.draggable,translate:{x:t.coordinates.x-e.draggable.initialCoordinates.x,y:t.coordinates.y-e.draggable.initialCoordinates.y}}};case I.DragEnd:case I.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case I.RegisterDroppable:{const{element:n}=t,{id:s}=n,o=new Ue(e.droppable.containers);return o.set(s,n),{...e,droppable:{...e.droppable,containers:o}}}case I.SetDroppableDisabled:{const{id:n,key:s,disabled:o}=t,i=e.droppable.containers.get(n);if(!i||s!==i.key)return e;const a=new Ue(e.droppable.containers);return a.set(n,{...i,disabled:o}),{...e,droppable:{...e.droppable,containers:a}}}case I.UnregisterDroppable:{const{id:n,key:s}=t,o=e.droppable.containers.get(n);if(!o||s!==o.key)return e;const i=new Ue(e.droppable.containers);return i.delete(n),{...e,droppable:{...e.droppable,containers:i}}}default:return e}}function Ks(e){let{disabled:t}=e;const{active:n,activatorEvent:s,draggableNodes:o}=l.useContext(gt),i=kt(s),a=kt(n?.id);return l.useEffect(()=>{if(!t&&!s&&i&&a!=null){if(!It(i)||document.activeElement===i.target)return;const c=o.get(a);if(!c)return;const{activatorNode:d,node:u}=c;if(!d.current&&!u.current)return;requestAnimationFrame(()=>{for(const f of[d.current,u.current]){if(!f)continue;const h=zr(f);if(h){h.focus();break}}})}},[s,t,o,a,i]),null}function Us(e,t){let{transform:n,...s}=t;return e!=null&&e.length?e.reduce((o,i)=>i({transform:o,...s}),n):n}function Gs(e){return l.useMemo(()=>({draggable:{...at.draggable,...e?.draggable},droppable:{...at.droppable,...e?.droppable},dragOverlay:{...at.dragOverlay,...e?.dragOverlay}}),[e?.draggable,e?.droppable,e?.dragOverlay])}function Ys(e){let{activeNode:t,measure:n,initialRect:s,config:o=!0}=e;const i=l.useRef(!1),{x:a,y:c}=typeof o=="boolean"?{x:o,y:o}:o;ie(()=>{if(!a&&!c||!t){i.current=!1;return}if(i.current||!s)return;const u=t?.node.current;if(!u||u.isConnected===!1)return;const f=n(u),h=bn(f,s);if(a||(h.x=0),c||(h.y=0),i.current=!0,Math.abs(h.x)>0||Math.abs(h.y)>0){const g=yn(u);g&&g.scrollBy({top:h.y,left:h.x})}},[t,a,c,s,n])}const On=l.createContext({...te,scaleX:1,scaleY:1});var be;(function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"})(be||(be={}));const Vs=l.memo(function(t){var n,s,o,i;let{id:a,accessibility:c,autoScroll:d=!0,children:u,sensors:f=zs,collisionDetection:h=Qr,measuring:g,modifiers:p,...D}=t;const m=l.useReducer(Xs,void 0,_s),[v,S]=m,[C,j]=Kr(),[R,k]=l.useState(be.Uninitialized),b=R===be.Initialized,{draggable:{active:w,nodes:x,translate:M},droppable:{containers:O}}=v,E=w!=null?x.get(w):null,_=l.useRef({initial:null,translated:null}),G=l.useMemo(()=>{var W;return w!=null?{id:w,data:(W=E?.data)!=null?W:Bs,rect:_}:null},[w,E]),z=l.useRef(null),[fe,ae]=l.useState(null),[P,je]=l.useState(null),X=Ye(D,Object.values(D)),ne=Ze("DndDescribedBy",a),Z=l.useMemo(()=>O.getEnabled(),[O]),B=Gs(g),{droppableRects:y,measureDroppableContainers:L,measuringScheduled:A}=ks(Z,{dragging:b,dependencies:[M.x,M.y],config:B.droppable}),H=Ds(x,w),et=l.useMemo(()=>P?Nt(P):null,[P]),he=Un(),le=Ns(H,B.draggable.measure);Ys({activeNode:w!=null?x.get(w):null,config:he.layoutShiftCompensation,initialRect:le,measure:B.draggable.measure});const T=rn(H,B.draggable.measure,le),Fe=rn(H?H.parentElement:null),re=l.useRef({activatorEvent:null,active:null,activeNode:H,collisionRect:null,collisions:null,droppableRects:y,draggableNodes:x,draggingNode:null,draggingNodeRect:null,droppableContainers:O,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),Re=O.getNodeFor((n=re.current.over)==null?void 0:n.id),ce=Fs({measure:B.dragOverlay.measure}),ke=(s=ce.nodeRef.current)!=null?s:H,Ne=b?(o=ce.rect)!=null?o:T:null,zt=!!(ce.nodeRef.current&&ce.rect),Bt=Ms(zt?null:T),pt=Tn(ke?U(ke):null),ge=Os(b?Re??H:null),tt=Ps(ge),nt=Us(p,{transform:{x:M.x-Bt.x,y:M.y-Bt.y,scaleX:1,scaleY:1},activatorEvent:P,active:G,activeNodeRect:T,containerNodeRect:Fe,draggingNodeRect:Ne,over:re.current.over,overlayNodeRect:ce.rect,scrollableAncestors:ge,scrollableAncestorRects:tt,windowRect:pt}),Wt=et?Oe(et,M):null,Ht=As(ge),zn=on(Ht),Bn=on(Ht,[T]),Ee=Oe(nt,zn),Te=Ne?ts(Ne,nt):null,ze=G&&Te?h({active:G,collisionRect:Te,droppableRects:y,droppableContainers:Z,pointerCoordinates:Wt}):null,_t=qr(ze,"id"),[pe,Xt]=l.useState(null),Wn=zt?nt:Oe(nt,Bn),Hn=Zr(Wn,(i=pe?.rect)!=null?i:null,T),mt=l.useRef(null),Kt=l.useCallback((W,Y)=>{let{sensor:V,options:me}=Y;if(z.current==null)return;const J=x.get(z.current);if(!J)return;const q=W.nativeEvent,se=new V({active:z.current,activeNode:J,event:q,options:me,context:re,onAbort(F){if(!x.get(F))return;const{onDragAbort:oe}=X.current,de={id:F};oe?.(de),C({type:"onDragAbort",event:de})},onPending(F,ve,oe,de){if(!x.get(F))return;const{onDragPending:We}=X.current,xe={id:F,constraint:ve,initialCoordinates:oe,offset:de};We?.(xe),C({type:"onDragPending",event:xe})},onStart(F){const ve=z.current;if(ve==null)return;const oe=x.get(ve);if(!oe)return;const{onDragStart:de}=X.current,Be={activatorEvent:q,active:{id:ve,data:oe.data,rect:_}};_e.unstable_batchedUpdates(()=>{de?.(Be),k(be.Initializing),S({type:I.DragStart,initialCoordinates:F,active:ve}),C({type:"onDragStart",event:Be}),ae(mt.current),je(q)})},onMove(F){S({type:I.DragMove,coordinates:F})},onEnd:Me(I.DragEnd),onCancel:Me(I.DragCancel)});mt.current=se;function Me(F){return async function(){const{active:oe,collisions:de,over:Be,scrollAdjustedTranslate:We}=re.current;let xe=null;if(oe&&We){const{cancelDrop:He}=X.current;xe={activatorEvent:q,active:oe,collisions:de,delta:We,over:Be},F===I.DragEnd&&typeof He=="function"&&await Promise.resolve(He(xe))&&(F=I.DragCancel)}z.current=null,_e.unstable_batchedUpdates(()=>{S({type:F}),k(be.Uninitialized),Xt(null),ae(null),je(null),mt.current=null;const He=F===I.DragEnd?"onDragEnd":"onDragCancel";if(xe){const vt=X.current[He];vt?.(xe),C({type:He,event:xe})}})}}},[x]),_n=l.useCallback((W,Y)=>(V,me)=>{const J=V.nativeEvent,q=x.get(me);if(z.current!==null||!q||J.dndKit||J.defaultPrevented)return;const se={active:q};W(V,Y.options,se)===!0&&(J.dndKit={capturedBy:Y.sensor},z.current=me,Kt(V,Y))},[x,Kt]),Ut=Rs(f,_n);Ls(f),ie(()=>{T&&R===be.Initializing&&k(be.Initialized)},[T,R]),l.useEffect(()=>{const{onDragMove:W}=X.current,{active:Y,activatorEvent:V,collisions:me,over:J}=re.current;if(!Y||!V)return;const q={active:Y,activatorEvent:V,collisions:me,delta:{x:Ee.x,y:Ee.y},over:J};_e.unstable_batchedUpdates(()=>{W?.(q),C({type:"onDragMove",event:q})})},[Ee.x,Ee.y]),l.useEffect(()=>{const{active:W,activatorEvent:Y,collisions:V,droppableContainers:me,scrollAdjustedTranslate:J}=re.current;if(!W||z.current==null||!Y||!J)return;const{onDragOver:q}=X.current,se=me.get(_t),Me=se&&se.rect.current?{id:se.id,rect:se.rect.current,data:se.data,disabled:se.disabled}:null,F={active:W,activatorEvent:Y,collisions:V,delta:{x:J.x,y:J.y},over:Me};_e.unstable_batchedUpdates(()=>{Xt(Me),q?.(F),C({type:"onDragOver",event:F})})},[_t]),ie(()=>{re.current={activatorEvent:P,active:G,activeNode:H,collisionRect:Te,collisions:ze,droppableRects:y,draggableNodes:x,draggingNode:ke,draggingNodeRect:Ne,droppableContainers:O,over:pe,scrollableAncestors:ge,scrollAdjustedTranslate:Ee},_.current={initial:Ne,translated:Te}},[G,H,ze,Te,x,ke,Ne,y,O,pe,ge,Ee]),js({...he,delta:M,draggingRect:Te,pointerCoordinates:Wt,scrollableAncestors:ge,scrollableAncestorRects:tt});const Xn=l.useMemo(()=>({active:G,activeNode:H,activeNodeRect:T,activatorEvent:P,collisions:ze,containerNodeRect:Fe,dragOverlay:ce,draggableNodes:x,droppableContainers:O,droppableRects:y,over:pe,measureDroppableContainers:L,scrollableAncestors:ge,scrollableAncestorRects:tt,measuringConfiguration:B,measuringScheduled:A,windowRect:pt}),[G,H,T,P,ze,Fe,ce,x,O,y,pe,L,ge,tt,B,A,pt]),Kn=l.useMemo(()=>({activatorEvent:P,activators:Ut,active:G,activeNodeRect:T,ariaDescribedById:{draggable:ne},dispatch:S,draggableNodes:x,over:pe,measureDroppableContainers:L}),[P,Ut,G,T,S,ne,x,pe,L]);return K.createElement(xn.Provider,{value:j},K.createElement(gt.Provider,{value:Kn},K.createElement(Mn.Provider,{value:Xn},K.createElement(On.Provider,{value:Hn},u)),K.createElement(Ks,{disabled:c?.restoreFocus===!1})),K.createElement(Yr,{...c,hiddenTextDescribedById:ne}));function Un(){const W=fe?.autoScrollEnabled===!1,Y=typeof d=="object"?d.enabled===!1:d===!1,V=b&&!W&&!Y;return typeof d=="object"?{...d,enabled:V}:{enabled:V}}}),qs=l.createContext(null),ln="button",Js="Draggable";function Qs(e){let{id:t,data:n,disabled:s=!1,attributes:o}=e;const i=Ze(Js),{activators:a,activatorEvent:c,active:d,activeNodeRect:u,ariaDescribedById:f,draggableNodes:h,over:g}=l.useContext(gt),{role:p=ln,roleDescription:D="draggable",tabIndex:m=0}=o??{},v=d?.id===t,S=l.useContext(v?On:qs),[C,j]=lt(),[R,k]=lt(),b=Is(a,t),w=Ye(n);ie(()=>(h.set(t,{id:t,key:i,node:C,activatorNode:R,data:w}),()=>{const M=h.get(t);M&&M.key===i&&h.delete(t)}),[h,t]);const x=l.useMemo(()=>({role:p,tabIndex:m,"aria-disabled":s,"aria-pressed":v&&p===ln?!0:void 0,"aria-roledescription":D,"aria-describedby":f.draggable}),[s,p,m,v,D,f.draggable]);return{active:d,activatorEvent:c,activeNodeRect:u,attributes:x,isDragging:v,listeners:s?void 0:b,node:C,over:g,setNodeRef:j,setActivatorNodeRef:k,transform:S}}function Zs(){return l.useContext(Mn)}const eo="Droppable",to={timeout:25};function no(e){let{data:t,disabled:n=!1,id:s,resizeObserverConfig:o}=e;const i=Ze(eo),{active:a,dispatch:c,over:d,measureDroppableContainers:u}=l.useContext(gt),f=l.useRef({disabled:n}),h=l.useRef(!1),g=l.useRef(null),p=l.useRef(null),{disabled:D,updateMeasurementsFor:m,timeout:v}={...to,...o},S=Ye(m??s),C=l.useCallback(()=>{if(!h.current){h.current=!0;return}p.current!=null&&clearTimeout(p.current),p.current=setTimeout(()=>{u(Array.isArray(S.current)?S.current:[S.current]),p.current=null},v)},[v]),j=ht({callback:C,disabled:D||!a}),R=l.useCallback((x,M)=>{j&&(M&&(j.unobserve(M),h.current=!1),x&&j.observe(x))},[j]),[k,b]=lt(R),w=Ye(t);return l.useEffect(()=>{!j||!k.current||(j.disconnect(),h.current=!1,j.observe(k.current))},[k,j]),l.useEffect(()=>(c({type:I.RegisterDroppable,element:{id:s,key:i,disabled:n,node:k,rect:g,data:w}}),()=>c({type:I.UnregisterDroppable,key:i,id:s})),[s]),l.useEffect(()=>{n!==f.current.disabled&&(c({type:I.SetDroppableDisabled,id:s,key:i,disabled:n}),f.current.disabled=n)},[s,i,n,c]),{active:a,rect:g,isOver:d?.id===s,node:k,over:d,setNodeRef:b}}function An(e,t,n){const s=e.slice();return s.splice(n<0?s.length+n:n,0,s.splice(t,1)[0]),s}function ro(e,t){return e.reduce((n,s,o)=>{const i=t.get(s);return i&&(n[o]=i),n},Array(e.length))}function it(e){return e!==null&&e>=0}function so(e,t){if(e===t)return!0;if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}function oo(e){return typeof e=="boolean"?{draggable:e,droppable:e}:e}const Ln=e=>{let{rects:t,activeIndex:n,overIndex:s,index:o}=e;const i=An(t,s,n),a=t[o],c=i[o];return!c||!a?null:{x:c.left-a.left,y:c.top-a.top,scaleX:c.width/a.width,scaleY:c.height/a.height}},In="Sortable",Pn=K.createContext({activeIndex:-1,containerId:In,disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:Ln,disabled:{draggable:!1,droppable:!1}});function io(e){let{children:t,id:n,items:s,strategy:o=Ln,disabled:i=!1}=e;const{active:a,dragOverlay:c,droppableRects:d,over:u,measureDroppableContainers:f}=Zs(),h=Ze(In,n),g=c.rect!==null,p=l.useMemo(()=>s.map(b=>typeof b=="object"&&"id"in b?b.id:b),[s]),D=a!=null,m=a?p.indexOf(a.id):-1,v=u?p.indexOf(u.id):-1,S=l.useRef(p),C=!so(p,S.current),j=v!==-1&&m===-1||C,R=oo(i);ie(()=>{C&&D&&f(p)},[C,p,D,f]),l.useEffect(()=>{S.current=p},[p]);const k=l.useMemo(()=>({activeIndex:m,containerId:h,disabled:R,disableTransforms:j,items:p,overIndex:v,useDragOverlay:g,sortedRects:ro(p,d),strategy:o}),[m,h,R.draggable,R.droppable,j,p,v,d,g,o]);return K.createElement(Pn.Provider,{value:k},t)}const ao=e=>{let{id:t,items:n,activeIndex:s,overIndex:o}=e;return An(n,s,o).indexOf(t)},lo=e=>{let{containerId:t,isSorting:n,wasDragging:s,index:o,items:i,newIndex:a,previousItems:c,previousContainerId:d,transition:u}=e;return!u||!s||c!==i&&o===a?!1:n?!0:a!==o&&t===d},co={duration:200,easing:"ease"},$n="transform",uo=Ve.Transition.toString({property:$n,duration:0,easing:"linear"}),fo={roleDescription:"sortable"};function ho(e){let{disabled:t,index:n,node:s,rect:o}=e;const[i,a]=l.useState(null),c=l.useRef(n);return ie(()=>{if(!t&&n!==c.current&&s.current){const d=o.current;if(d){const u=$e(s.current,{ignoreTransform:!0}),f={x:d.left-u.left,y:d.top-u.top,scaleX:d.width/u.width,scaleY:d.height/u.height};(f.x||f.y)&&a(f)}}n!==c.current&&(c.current=n)},[t,n,s,o]),l.useEffect(()=>{i&&a(null)},[i]),i}function go(e){let{animateLayoutChanges:t=lo,attributes:n,disabled:s,data:o,getNewIndex:i=ao,id:a,strategy:c,resizeObserverConfig:d,transition:u=co}=e;const{items:f,containerId:h,activeIndex:g,disabled:p,disableTransforms:D,sortedRects:m,overIndex:v,useDragOverlay:S,strategy:C}=l.useContext(Pn),j=po(s,p),R=f.indexOf(a),k=l.useMemo(()=>({sortable:{containerId:h,index:R,items:f},...o}),[h,o,R,f]),b=l.useMemo(()=>f.slice(f.indexOf(a)),[f,a]),{rect:w,node:x,isOver:M,setNodeRef:O}=no({id:a,data:k,disabled:j.droppable,resizeObserverConfig:{updateMeasurementsFor:b,...d}}),{active:E,activatorEvent:_,activeNodeRect:G,attributes:z,setNodeRef:fe,listeners:ae,isDragging:P,over:je,setActivatorNodeRef:X,transform:ne}=Qs({id:a,data:k,attributes:{...fo,...n},disabled:j.draggable}),Z=Ir(O,fe),B=!!E,y=B&&!D&&it(g)&&it(v),L=!S&&P,A=L&&y?ne:null,et=y?A??(c??C)({rects:m,activeNodeRect:G,activeIndex:g,overIndex:v,index:R}):null,he=it(g)&&it(v)?i({id:a,items:f,activeIndex:g,overIndex:v}):R,le=E?.id,T=l.useRef({activeId:le,items:f,newIndex:he,containerId:h}),Fe=f!==T.current.items,re=t({active:E,containerId:h,isDragging:P,isSorting:B,id:a,index:R,items:f,newIndex:T.current.newIndex,previousItems:T.current.items,previousContainerId:T.current.containerId,transition:u,wasDragging:T.current.activeId!=null}),Re=ho({disabled:!re,index:R,node:x,rect:w});return l.useEffect(()=>{B&&T.current.newIndex!==he&&(T.current.newIndex=he),h!==T.current.containerId&&(T.current.containerId=h),f!==T.current.items&&(T.current.items=f)},[B,he,h,f]),l.useEffect(()=>{if(le===T.current.activeId)return;if(le!=null&&T.current.activeId==null){T.current.activeId=le;return}const ke=setTimeout(()=>{T.current.activeId=le},50);return()=>clearTimeout(ke)},[le]),{active:E,activeIndex:g,attributes:z,data:k,rect:w,index:R,newIndex:he,items:f,isOver:M,isSorting:B,isDragging:P,listeners:ae,node:x,overIndex:v,over:je,setNodeRef:Z,setActivatorNodeRef:X,setDroppableNodeRef:O,setDraggableNodeRef:fe,transform:Re??et,transition:ce()};function ce(){if(Re||Fe&&T.current.newIndex===R)return uo;if(!(L&&!It(_)||!u)&&(B||re))return Ve.Transition.toString({...u,property:$n})}}function po(e,t){var n,s;return typeof e=="boolean"?{draggable:e,droppable:!1}:{draggable:(n=e?.draggable)!=null?n:t.draggable,droppable:(s=e?.droppable)!=null?s:t.droppable}}N.Down,N.Right,N.Up,N.Left;const Ge=["trigger","vector","repo-all","data-safety","config","model","crew","cache-hits","time-saved","rag-health","legend"],Fn="mega-compact-card-order";function mo(e){if(!Array.isArray(e)||e.length!==Ge.length)return!1;const t=new Set(Ge),n=new Set;for(const s of e){if(typeof s!="string"||!t.has(s)||n.has(s))return!1;n.add(s)}return!0}function vo(){try{const e=window.localStorage.getItem(Fn);if(e==null)return Ge;const t=JSON.parse(e);return mo(t)?t:Ge}catch{return Ge}}function xo(){const[e,t]=l.useState(vo),n=l.useCallback((s,o)=>{t(i=>{const a=i.indexOf(s),c=i.indexOf(o);if(a===-1||c===-1||a===c)return i;const d=[...i];d.splice(a,1),d.splice(c,0,s);try{window.localStorage.setItem(Fn,JSON.stringify(d))}catch{}return d})},[]);return{order:e,moveCard:n}}function ee({id:e,children:t,onClick:n}){const{attributes:s,listeners:o,setNodeRef:i,transform:a,transition:c,isDragging:d}=go({id:e}),u={transform:Ve.Transform.toString(a),transition:c,opacity:d?.5:1,zIndex:d?10:void 0},f=h=>{n&&(h.key==="Enter"||h.key===" ")&&(h.preventDefault(),n())};return r.jsxs("div",{ref:i,style:u,className:"relative",children:[r.jsx("button",{type:"button","aria-label":`Reorder ${e} card`,className:"absolute right-2 top-2 z-10 cursor-grab rounded p-1 text-muted-foreground/50 hover:bg-foreground/5 hover:text-muted-foreground active:cursor-grabbing",...s,...o,children:r.jsx(or,{size:16})}),n?r.jsx("div",{role:"button",tabIndex:0,onClick:n,onKeyDown:f,className:"cursor-pointer rounded-lg outline-none transition-all duration-200 hover:ring-1 hover:ring-primary/60 focus-visible:ring-1 focus-visible:ring-primary/60",children:t}):r.jsx("div",{children:t})]})}function bo(e){return e.type==="session_sample"}function yo(e){switch(e){case"cache":return"cache_hit_pct";case"vector":return"turn_latency_ms";case"time":return"disk_write_ms";default:return null}}function wo(e){if(!e)return"never";try{return new Date(e).toLocaleString()}catch{return e}}function Eo({snapshot:e,loading:t,error:n}){const{data:s,error:o,loading:i,refetch:a}=dn(l.useCallback(()=>Yn(),[]),{pollInterval:2e3}),{events:c}=Qn(),d=l.useMemo(()=>c.filter(bo),[c]),u=l.useMemo(()=>d.length===0?null:d[d.length-1].ts,[d]);l.useEffect(()=>{u!=null&&a()},[u,a]);const[f,h]=l.useState(null),[g,p]=l.useState([]),[D,m]=l.useState(!1),[v,S]=l.useState(null);l.useEffect(()=>{p([]),S(null);const y=f?yo(f):null;if(y===null){m(!1);return}let L=!1;return m(!0),Vn(y,60).then(A=>{L||p(A.samples.map(H=>({ts:H.ts,value:H.value})))}).catch(A=>{L||S(A instanceof Error?A:new Error(String(A)))}).finally(()=>{L||m(!1)}),()=>{L=!0}},[f]);const{order:C,moveCard:j}=xo(),R=l.useCallback(y=>{const{active:L,over:A}=y;A&&L.id!==A.id&&j(L.id,A.id)},[j]),k=l.useMemo(()=>{const y=e,L=y?.compression,A=y?.model;return[{label:"Tokens freed",value:L?.repo.tokensFreed??0},{label:"Input rate",value:A?A.inputRate:0},{label:"Output rate",value:A?A.outputRate:0}]},[e]);if(t&&!e)return r.jsx("div",{className:"tab-stub",children:"Loading snapshot…"});if(n&&!e)return r.jsxs("div",{className:"tab-stub",children:[r.jsxs("p",{children:["Error loading snapshot: ",n.message]}),r.jsx("p",{className:"text-xs text-muted-foreground mt-2",children:"Auto-retried with backoff and will re-poll every 5s — no action needed."})]});if(!e)return r.jsx("div",{className:"tab-stub",children:"No snapshot data."});const b=e,{context:w,compression:x,trigger:M,session:O,store:E,tier:_,updatedAt:G}=b,z=b.config,fe=b.crew,ae=b.integrity,P=b.cacheHits,je=b.compacts,X=b.timeSaved,ne=b.repo,Z=b.model,B=y=>{switch(y){case"trigger":return r.jsx(ee,{id:y,onClick:()=>h("cache"),children:r.jsx(xr,{armed:M.armed,ready:M.ready,currentTokens:M.currentTokens,thresholdTokens:M.thresholdTokens,fastGatePct:M.fastGatePct})});case"vector":return r.jsx(ee,{id:y,onClick:()=>h("vector"),children:r.jsx(yr,{checkpointCount:E.checkpointCount,tokensIn:x.session.tokensIn,tokensOut:x.session.tokensOut,tokensFreed:x.session.tokensFreed,injectedCount:E.injectedCount,dedupHitRate:E.dedupHitRate,storageDedupRate:E.storageDedupRate,dedupCollapsed:E.dedupCollapsed,lastCheckpointId:O.lastCheckpointId,compressionPct:x.session.compressionPct,dedupPct:x.session.dedupPct})});case"repo-all":return r.jsx(ee,{id:y,children:r.jsx(jr,{checkpointCount:ne.checkpointCount,tokensIn:x.repo.tokensIn,tokensOut:x.repo.tokensOut,tokensFreed:x.repo.tokensFreed,sessionCount:ne.sessionCount,dedupCollapsed:ne.dedupCollapsed,storageDedupRate:ne.storageDedupRate,compressionPct:x.repo.compressionPct,dedupPct:x.repo.dedupPct})});case"data-safety":return r.jsx(ee,{id:y,children:r.jsx(Sr,{regionsRetained:ae.regionsRetained,compressedOriginalBytes:ae.compressedOriginalBytes,duplicatesCollapsed:ae.duplicatesCollapsed,bytesPermanentlyDeleted:ae.bytesPermanentlyDeleted})});case"config":return r.jsx(ee,{id:y,children:r.jsx(Cr,{tier:_,presetTier:b.presetTier,pressure:b.pressure,thresholdTokens:z.thresholdTokens,tierPct:z.tierPct,contextWindow:w.contextWindow,fastGatePct:z.fastGatePct,auto:z.auto,anchorUserMessages:z.anchorUserMessages})});case"model":return Z?r.jsx(ee,{id:y,onClick:()=>h("model"),children:r.jsx(Dr,{name:Z.name,provider:Z.providerName||Z.provider,inputRate:Z.inputRate,outputRate:Z.outputRate,repoTokensFreed:x.repo.tokensFreed,contextWindow:w.contextWindow})}):null;case"crew":return r.jsx(ee,{id:y,children:r.jsx(Rr,{activeAgents:fe.activeAgents,currentTurn:fe.currentTurn})});case"cache-hits":return r.jsx(ee,{id:y,onClick:()=>h("cache"),children:r.jsx(er,{cacheHitsSession:P.session,cacheHitsTotal:P.total,tokensSavedSession:P.sessionTokensSaved,tokensSavedTotal:P.totalTokensSaved,compactionsSession:je.session,compactionsTotal:je.total})});case"time-saved":return r.jsx(ee,{id:y,onClick:()=>h("time"),children:r.jsx(Zn,{compactSessionSec:X.compact.sessionSec,compactTotalSec:X.compact.totalSec,cacheHitSessionSec:X.cacheHit.sessionSec,cacheHitTotalSec:X.cacheHit.totalSec})});case"rag-health":return Jn()?r.jsx(ee,{id:y,children:r.jsx(Er,{})}):null;case"legend":return r.jsx(ee,{id:y,children:r.jsx(Nr,{})})}};return r.jsxs("div",{className:"flex flex-col gap-4",children:[r.jsxs("div",{className:"flex items-center justify-between",children:[r.jsx(qn,{variant:"accent",children:_}),r.jsxs("span",{className:"text-xs text-muted-foreground",children:["updated ",wo(G)]})]}),r.jsxs("div",{className:"grid grid-cols-1 gap-4 lg:grid-cols-2",children:[r.jsx(vr,{sessions:s,loading:i,error:o,launcherSessionId:O.id,launcher:{tokens:w.tokens,percent:w.percent,contextWindow:w.contextWindow}}),r.jsx(ur,{sessions:s,loading:i,error:o})]}),r.jsx(Vs,{onDragEnd:R,children:r.jsx(io,{items:C,children:r.jsx("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3",children:C.map(y=>({cardId:y,node:B(y)})).filter(({node:y})=>y!=null).map(({cardId:y,node:L})=>r.jsx("div",{children:L},y))})})}),r.jsx(ot,{title:"Cache Hits Trend",open:f==="cache",onClose:()=>h(null),children:D?r.jsx("p",{className:"py-8 text-center text-sm text-muted-foreground",children:"Loading…"}):v?r.jsx("p",{className:"py-8 text-center text-sm text-red-400",children:v.message}):r.jsx(wt,{data:g,label:"Cache hit %",color:"#58a6ff"})}),r.jsx(ot,{title:"Turn Latency",open:f==="vector",onClose:()=>h(null),children:D?r.jsx("p",{className:"py-8 text-center text-sm text-muted-foreground",children:"Loading…"}):v?r.jsx("p",{className:"py-8 text-center text-sm text-red-400",children:v.message}):r.jsx(wt,{data:g,label:"Turn latency (ms)",color:"#58a6ff"})}),r.jsx(ot,{title:"Disk Write Time",open:f==="time",onClose:()=>h(null),children:D?r.jsx("p",{className:"py-8 text-center text-sm text-muted-foreground",children:"Loading…"}):v?r.jsx("p",{className:"py-8 text-center text-sm text-red-400",children:v.message}):r.jsx(wt,{data:g,label:"Disk write (ms)",color:"#58a6ff"})}),r.jsx(ot,{title:"Model & Cost",open:f==="model",onClose:()=>h(null),children:r.jsx(Lr,{data:k,color:"#3fb950",valueFormatter:y=>y.toLocaleString()})})]})}export{Eo as default};
+//# sourceMappingURL=OverviewTab-iKiEcOLL.js.map