pi-mega-compact 0.20.78 → 0.20.80

package/extensions/dashboard-client/dist/assets/{MetricsCards-VUEcgGzo.js → MetricsCards-Bkcv7Nl8.js}

@@ -1,2 +1,2 @@
-import{j as e,u as R,r as C,f as $,B as L,k as P,l as B,N as E}from"./index-iuxgtzEW.js";import{C as n,a as h,b as p,c}from"./card-Cfhz9X31.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-JKjK9_cB.js";import{B as M,L as G}from"./BarChart-C-M0LaFc.js";import{A as H,a as F}from"./AreaChart-BRHEfWhc.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 M};
-//# sourceMappingURL=MetricsCards-VUEcgGzo.js.map
+import{j as e,u as R,r as C,f as $,B as L,k as P,l as B,N as E}from"./index-C3ZUU5vU.js";import{C as n,a as h,b as p,c}from"./card-COtt-Q5y.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-COFUvM7d.js";import{B as M,L as G}from"./BarChart-D_AStVsb.js";import{A as H,a as F}from"./AreaChart-BmntvH86.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 M};
+//# sourceMappingURL=MetricsCards-Bkcv7Nl8.js.map

package/extensions/dashboard-client/dist/assets/{MetricsCards-VUEcgGzo.js.map → MetricsCards-Bkcv7Nl8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MetricsCards-VUEcgGzo.js","sources":["../../src/components/PerfChart.tsx","../../src/components/PerfCards.tsx","../../src/components/ModelBadge.tsx","../../src/components/RagDashboard.tsx","../../src/tabs/CacheTab/MetricsCards.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/CacheTab/MetricsCards.tsx — Performance cards (C2),\n * moved VERBATIM from the top-level MetricsTab.tsx.\n *\n * DASH-0c: the Cache+Performance surface absorbs MetricsTab as a Performance\n * section. This file holds the byte-preserved metrics body (the `MetricsCards`\n * component). The standalone `tabs/MetricsTab.tsx` is reduced to a shell that\n * re-exports it (kept for the #metrics deep-link + rollback symmetry). Only the\n * export name changed (MetricsTab → MetricsCards); the render body is otherwise\n * identical.\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 function MetricsCards(): 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","MetricsCards","perfErr","useCallback","fetchPerf","snapshot","fetchSnapshot","NEW_UI"],"mappings":"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"}
+{"version":3,"file":"MetricsCards-Bkcv7Nl8.js","sources":["../../src/components/PerfChart.tsx","../../src/components/PerfCards.tsx","../../src/components/ModelBadge.tsx","../../src/components/RagDashboard.tsx","../../src/tabs/CacheTab/MetricsCards.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/CacheTab/MetricsCards.tsx — Performance cards (C2),\n * moved VERBATIM from the top-level MetricsTab.tsx.\n *\n * DASH-0c: the Cache+Performance surface absorbs MetricsTab as a Performance\n * section. This file holds the byte-preserved metrics body (the `MetricsCards`\n * component). The standalone `tabs/MetricsTab.tsx` is reduced to a shell that\n * re-exports it (kept for the #metrics deep-link + rollback symmetry). Only the\n * export name changed (MetricsTab → MetricsCards); the render body is otherwise\n * identical.\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 function MetricsCards(): 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","MetricsCards","perfErr","useCallback","fetchPerf","snapshot","fetchSnapshot","NEW_UI"],"mappings":"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"}

package/extensions/dashboard-client/dist/assets/MetricsTab-CAG4VgbM.js

@@ -0,0 +1,2 @@
+import{j as r}from"./index-C3ZUU5vU.js";import{M as t}from"./MetricsCards-Bkcv7Nl8.js";import"./card-COtt-Q5y.js";import"./generateCategoricalChart-COFUvM7d.js";import"./BarChart-D_AStVsb.js";import"./AreaChart-BmntvH86.js";function e(){return r.jsx(t,{})}export{e as default};
+//# sourceMappingURL=MetricsTab-CAG4VgbM.js.map

package/extensions/dashboard-client/dist/assets/{MetricsTab-CKqJ0Zl-.js.map → MetricsTab-CAG4VgbM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MetricsTab-CKqJ0Zl-.js","sources":["../../src/tabs/MetricsTab.tsx"],"sourcesContent":["/**\n * dashboard-client/src/tabs/MetricsTab.tsx — Metrics tab (C2) shell.\n *\n * DASH-0c: the Cache+Performance surface absorbs the metrics body as a\n * Performance section; this file is reduced to a shell that re-exports\n * `MetricsCards` (the byte-preserved body moved to ./CacheTab/MetricsCards.tsx).\n * Kept as a deep-link anchor for #metrics and for rollback symmetry (flag-off\n * renders MetricsTab as a standalone top-level surface). A DASH-0d cleanup deletes\n * this standalone copy after a deep-link audit proves no live consumer points\n * at it. The render body is otherwise identical to the pre-DASH-0c MetricsTab.\n */\n\nimport { MetricsCards } from \"./CacheTab/MetricsCards\";\n\nexport default function MetricsTab(): React.ReactElement {\n\treturn <MetricsCards />;\n}\n"],"names":["MetricsTab","MetricsCards"],"mappings":"gOAcA,SAAwBA,GAAiC,CACxD,aAAQC,EAAA,EAAa,CACtB"}
+{"version":3,"file":"MetricsTab-CAG4VgbM.js","sources":["../../src/tabs/MetricsTab.tsx"],"sourcesContent":["/**\n * dashboard-client/src/tabs/MetricsTab.tsx — Metrics tab (C2) shell.\n *\n * DASH-0c: the Cache+Performance surface absorbs the metrics body as a\n * Performance section; this file is reduced to a shell that re-exports\n * `MetricsCards` (the byte-preserved body moved to ./CacheTab/MetricsCards.tsx).\n * Kept as a deep-link anchor for #metrics and for rollback symmetry (flag-off\n * renders MetricsTab as a standalone top-level surface). A DASH-0d cleanup deletes\n * this standalone copy after a deep-link audit proves no live consumer points\n * at it. The render body is otherwise identical to the pre-DASH-0c MetricsTab.\n */\n\nimport { MetricsCards } from \"./CacheTab/MetricsCards\";\n\nexport default function MetricsTab(): React.ReactElement {\n\treturn <MetricsCards />;\n}\n"],"names":["MetricsTab","MetricsCards"],"mappings":"gOAcA,SAAwBA,GAAiC,CACxD,aAAQC,EAAA,EAAa,CACtB"}

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

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