pi-mega-compact 0.14.0 → 0.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/extensions/dashboard-server/api-contracts/endpoints/registry.js +6 -0
- package/dist/extensions/dashboard-server/routes-cache.js +17 -5
- package/dist/extensions/dashboard-server/routes-game.js +60 -0
- package/dist/extensions/dashboard-server/routes.js +1 -1
- package/dist/extensions/dashboard-server/server.js +3 -1
- package/dist/extensions/mega-runtime/capture-model.js +15 -2
- package/dist/extensions/mega-runtime/runtime-snapshot.js +26 -0
- package/dist/extensions/mega-runtime/runtime.js +1 -0
- package/extensions/dashboard-client/dist/assets/AreaChart-rJdaOUlj.js +2 -0
- package/extensions/dashboard-client/dist/assets/AreaChart-rJdaOUlj.js.map +1 -0
- package/extensions/dashboard-client/dist/assets/BarChart-DOfc8me9.js +2 -0
- package/extensions/dashboard-client/dist/assets/BarChart-DOfc8me9.js.map +1 -0
- package/extensions/dashboard-client/dist/assets/{CacheTab-CDyZqMO-.js → CacheTab-EhqkEglo.js} +2 -2
- package/extensions/dashboard-client/dist/assets/{CacheTab-CDyZqMO-.js.map → CacheTab-EhqkEglo.js.map} +1 -1
- package/extensions/dashboard-client/dist/assets/{EventsTab-ByPYMJVG.js → EventsTab-BUACwWXf.js} +2 -2
- package/extensions/dashboard-client/dist/assets/{EventsTab-ByPYMJVG.js.map → EventsTab-BUACwWXf.js.map} +1 -1
- package/extensions/dashboard-client/dist/assets/{HealthTab-CeHQR0py.js → HealthTab-CDEYVRBb.js} +2 -2
- package/extensions/dashboard-client/dist/assets/{HealthTab-CeHQR0py.js.map → HealthTab-CDEYVRBb.js.map} +1 -1
- package/extensions/dashboard-client/dist/assets/{MaintenanceTab-ceTD_c1A.js → MaintenanceTab-DtanIeCQ.js} +2 -2
- package/extensions/dashboard-client/dist/assets/{MaintenanceTab-ceTD_c1A.js.map → MaintenanceTab-DtanIeCQ.js.map} +1 -1
- package/extensions/dashboard-client/dist/assets/{MemoryMapTab-CRUdVR7u.js → MemoryMapTab-BGEhL7OG.js} +2 -2
- package/extensions/dashboard-client/dist/assets/{MemoryMapTab-CRUdVR7u.js.map → MemoryMapTab-BGEhL7OG.js.map} +1 -1
- package/extensions/dashboard-client/dist/assets/MetricsTab-Cktozn4s.js +2 -0
- package/extensions/dashboard-client/dist/assets/MetricsTab-Cktozn4s.js.map +1 -0
- package/extensions/dashboard-client/dist/assets/OverviewTab-08v6Ayuf.js +16 -0
- package/extensions/dashboard-client/dist/assets/OverviewTab-08v6Ayuf.js.map +1 -0
- package/extensions/dashboard-client/dist/assets/{ReposTab-DUrP7Efa.js → ReposTab-Bg72Ozdc.js} +2 -2
- package/extensions/dashboard-client/dist/assets/{ReposTab-DUrP7Efa.js.map → ReposTab-Bg72Ozdc.js.map} +1 -1
- package/extensions/dashboard-client/dist/assets/SessionsTab-BcTK9Lg6.js +2 -0
- package/extensions/dashboard-client/dist/assets/{SessionsTab-Cg-IsijD.js.map → SessionsTab-BcTK9Lg6.js.map} +1 -1
- package/extensions/dashboard-client/dist/assets/{SetupTab-ZE1daXjN.js → SetupTab-Bt-Ru1xp.js} +2 -2
- package/extensions/dashboard-client/dist/assets/{SetupTab-ZE1daXjN.js.map → SetupTab-Bt-Ru1xp.js.map} +1 -1
- package/extensions/dashboard-client/dist/assets/{TimeSavedCard-BkTgi3Af.js → TimeSavedCard-ic_LjJ79.js} +2 -2
- package/extensions/dashboard-client/dist/assets/{TimeSavedCard-BkTgi3Af.js.map → TimeSavedCard-ic_LjJ79.js.map} +1 -1
- package/extensions/dashboard-client/dist/assets/{TurnsTab-CZvudHQF.js → TurnsTab-D9AZTMgG.js} +4 -4
- package/extensions/dashboard-client/dist/assets/{TurnsTab-CZvudHQF.js.map → TurnsTab-D9AZTMgG.js.map} +1 -1
- package/extensions/dashboard-client/dist/assets/WikiTab-hRcJPi_m.js +2 -0
- package/extensions/dashboard-client/dist/assets/{WikiTab-BVAnGp8_.js.map → WikiTab-hRcJPi_m.js.map} +1 -1
- package/extensions/dashboard-client/dist/assets/{button-CUrzhi2A.js → button-BdAtIbVu.js} +2 -2
- package/extensions/dashboard-client/dist/assets/{button-CUrzhi2A.js.map → button-BdAtIbVu.js.map} +1 -1
- package/extensions/dashboard-client/dist/assets/{card-BsfojHfp.js → card-BFYc_QrK.js} +2 -2
- package/extensions/dashboard-client/dist/assets/{card-BsfojHfp.js.map → card-BFYc_QrK.js.map} +1 -1
- package/extensions/dashboard-client/dist/assets/generateCategoricalChart-BwzyqytT.js +70 -0
- package/extensions/dashboard-client/dist/assets/generateCategoricalChart-BwzyqytT.js.map +1 -0
- package/extensions/dashboard-client/dist/assets/{index-OM3w-l2T.js → index-pmtEr3sb.js} +8 -8
- package/extensions/dashboard-client/dist/assets/index-pmtEr3sb.js.map +1 -0
- package/extensions/dashboard-client/dist/assets/index-za_gmEmQ.css +1 -0
- package/extensions/dashboard-client/dist/assets/{switch-qSz2Un3t.js → switch-DEyGlFwJ.js} +2 -2
- package/extensions/dashboard-client/dist/assets/{switch-qSz2Un3t.js.map → switch-DEyGlFwJ.js.map} +1 -1
- package/extensions/dashboard-client/dist/assets/{toggle-DyBKcLe-.js → toggle-pDMBQYQj.js} +2 -2
- package/extensions/dashboard-client/dist/assets/{toggle-DyBKcLe-.js.map → toggle-pDMBQYQj.js.map} +1 -1
- package/extensions/dashboard-client/dist/assets/{useSSE-DqVouqww.js → useSSE-BKaC4dao.js} +2 -2
- package/extensions/dashboard-client/dist/assets/{useSSE-DqVouqww.js.map → useSSE-BKaC4dao.js.map} +1 -1
- package/extensions/dashboard-client/dist/index.html +2 -2
- package/extensions/dashboard-client/package-lock.json +56 -0
- package/extensions/dashboard-client/package.json +3 -0
- package/extensions/dashboard-client/src/api/client.ts +11 -0
- package/extensions/dashboard-client/src/components/SessionContextGauges.tsx +14 -8
- package/extensions/dashboard-client/src/components/WidgetDetailModal.tsx +69 -0
- package/extensions/dashboard-client/src/components/charts/PerfBarChart.tsx +89 -0
- package/extensions/dashboard-client/src/components/charts/PerfLineChart.tsx +108 -0
- package/extensions/dashboard-client/src/components/layout/AppShell.tsx +1 -1
- package/extensions/dashboard-client/src/components/ui/SortableCard.tsx +75 -0
- package/extensions/dashboard-client/src/hooks/useCardPositions.ts +74 -0
- package/extensions/dashboard-client/src/styles/base.css +2 -4
- package/extensions/dashboard-client/src/styles/session-gauges.css +28 -15
- package/extensions/dashboard-client/src/tabs/OverviewTab.tsx +310 -79
- package/extensions/dashboard-client/src/types/card.ts +40 -0
- package/extensions/dashboard-client/tailwind.config.js +1 -1
- package/extensions/dashboard-server/api-contracts/endpoints/registry.ts +10 -0
- package/extensions/dashboard-server/api-contracts/endpoints/types.ts +36 -0
- package/extensions/dashboard-server/api-contracts/endpoints.ts +3 -0
- package/extensions/dashboard-server/api-contracts/index.ts +3 -0
- package/extensions/dashboard-server/routes-cache.ts +17 -5
- package/extensions/dashboard-server/routes-game.ts +72 -0
- package/extensions/dashboard-server/routes.ts +1 -0
- package/extensions/dashboard-server/server.ts +2 -0
- package/extensions/mega-runtime/capture-model.ts +14 -2
- package/extensions/mega-runtime/runtime-snapshot.ts +40 -0
- package/extensions/mega-runtime/runtime.ts +1 -0
- package/package.json +1 -1
- package/extensions/dashboard-client/dist/assets/AreaChart-C68tGr2J.js +0 -70
- package/extensions/dashboard-client/dist/assets/AreaChart-C68tGr2J.js.map +0 -1
- package/extensions/dashboard-client/dist/assets/MetricsTab-DP7Kmdu9.js +0 -2
- package/extensions/dashboard-client/dist/assets/MetricsTab-DP7Kmdu9.js.map +0 -1
- package/extensions/dashboard-client/dist/assets/OverviewTab-4CGP0djv.js +0 -2
- package/extensions/dashboard-client/dist/assets/OverviewTab-4CGP0djv.js.map +0 -1
- package/extensions/dashboard-client/dist/assets/SessionsTab-Cg-IsijD.js +0 -2
- package/extensions/dashboard-client/dist/assets/WikiTab-BVAnGp8_.js +0 -2
- package/extensions/dashboard-client/dist/assets/index-CUA6EDRF.css +0 -1
- package/extensions/dashboard-client/dist/assets/index-OM3w-l2T.js.map +0 -1
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{j as e,u as A,r as k,f as B,B as E,s as G,h as I,N as z}from"./index-OM3w-l2T.js";import{C as n,a as h,b as u,c}from"./card-BsfojHfp.js";import{g as D,L as $,X as j,Y as v,f as L,B as w,R as g,C as b,T as y,A as H,a as K,b as R}from"./AreaChart-C68tGr2J.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 U({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(u,{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 p(s,a){return s==null||typeof s!="number"?"—":s.toFixed(a)}function T(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 f({title:s,children:a}){return e.jsxs(n,{className:"electric-hover",children:[e.jsx(h,{children:e.jsx(u,{children:s})}),e.jsx(c,{children:a})]})}function O({perf:s}){const a=`${p(s.cpu_user_ms.latest,1)} / ${p(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(f,{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(f,{title:"Throughput",children:[e.jsx(r,{label:"TPS (avg)",value:p(s.tps.avg,1)}),e.jsx(r,{label:"Cache hit %",value:`${p(s.cache_hit_pct.avg,1)}%`})]}),e.jsxs(f,{title:"Process",children:[e.jsx(r,{label:"RSS",value:`${p(s.rss_mb.latest,1)} MB`}),e.jsx(r,{label:"Heap",value:`${p(s.heap_mb.latest,1)} MB`}),e.jsx(r,{label:"CPU user / sys",value:a})]}),e.jsxs(f,{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(f,{title:"TUI lag proxy",children:[e.jsx(r,{label:"Live-trim fires",value:T(s.diag?.liveTrimFires)}),e.jsx(r,{label:"Cache replays",value:T(s.diag?.liveTrimReplays)}),e.jsx(r,{label:"Fast-gate skips",value:T(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 X({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."})]})}var W=D({chartName:"LineChart",GraphicalChild:$,axisComponents:[{axisType:"xAxis",AxisComp:j},{axisType:"yAxis",AxisComp:v}],formatAxisMap:L}),M=D({chartName:"BarChart",GraphicalChild:w,defaultTooltipEventType:"axis",validateTooltipEventTypes:["axis","item"],axisComponents:[{axisType:"xAxis",AxisComp:j},{axisType:"yAxis",AxisComp:v}],formatAxisMap:L});const i="#8b949e",_="#30363d",C={background:"#161b22",border:"1px solid #30363d",borderRadius:"6px",color:"#e6edf3",fontSize:12};function Y(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 Q=({metrics:s})=>{const{data:a,loading:t}=A(k.useMemo(()=>()=>B(),[]),{pollInterval:3e4}),l=s??a,o=k.useMemo(()=>l?Y(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:P}=l;return e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx(V,{totals:S,flags:P}),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(u,{children:"HyDE Recall Lift"})}),e.jsx(c,{children:e.jsx(g,{width:"100%",height:200,children:e.jsxs(M,{data:o,margin:{top:8,right:12,left:0,bottom:0},children:[e.jsx(b,{strokeDasharray:"3 3",stroke:_}),e.jsx(j,{dataKey:"day",stroke:i,tick:{fontSize:11}}),e.jsx(v,{stroke:i,tick:{fontSize:11},width:40}),e.jsx(y,{contentStyle:C}),e.jsx(w,{dataKey:"avgLift",name:"avg lift",fill:"#58a6ff",isAnimationActive:!1})]})})})]}),e.jsxs(n,{children:[e.jsx(h,{children:e.jsx(u,{children:"CRAG Quality"})}),e.jsx(c,{children:e.jsx(g,{width:"100%",height:200,children:e.jsxs(W,{data:o,margin:{top:8,right:12,left:0,bottom:0},children:[e.jsx(b,{strokeDasharray:"3 3",stroke:_}),e.jsx(j,{dataKey:"day",stroke:i,tick:{fontSize:11}}),e.jsx(v,{stroke:i,tick:{fontSize:11},width:40,domain:[0,1]}),e.jsx(y,{contentStyle:C}),e.jsx($,{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(u,{children:"Recall Latency (avg gen ms)"})}),e.jsx(c,{children:e.jsx(g,{width:"100%",height:200,children:e.jsxs(M,{data:o,margin:{top:8,right:12,left:0,bottom:0},children:[e.jsx(b,{strokeDasharray:"3 3",stroke:_}),e.jsx(j,{dataKey:"day",stroke:i,tick:{fontSize:11}}),e.jsx(v,{stroke:i,tick:{fontSize:11},width:40}),e.jsx(y,{contentStyle:C}),e.jsx(w,{dataKey:"avgGenMs",name:"gen ms",fill:"#d29922",isAnimationActive:!1})]})})})]}),e.jsxs(n,{children:[e.jsx(h,{children:e.jsx(u,{children:"HyDE vs Base Turn Volume"})}),e.jsx(c,{children:e.jsx(g,{width:"100%",height:200,children:e.jsxs(H,{data:o,margin:{top:8,right:12,left:0,bottom:0},children:[e.jsx(b,{strokeDasharray:"3 3",stroke:_}),e.jsx(j,{dataKey:"day",stroke:i,tick:{fontSize:11}}),e.jsx(v,{stroke:i,tick:{fontSize:11},width:40}),e.jsx(y,{contentStyle:C}),e.jsx(K,{wrapperStyle:{fontSize:11}}),e.jsx(R,{type:"monotone",dataKey:"hydeTurns",name:"hyde turns",stackId:"1",stroke:"#58a6ff",fill:"#58a6ff",fillOpacity:.5,isAnimationActive:!1}),e.jsx(R,{type:"monotone",dataKey:"baseTurns",name:"base turns",stackId:"1",stroke:"#8b949e",fill:"#8b949e",fillOpacity:.4,isAnimationActive:!1})]})})})]})]})]})};function V({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(F,{label:"HyDE",on:a.hydeEnabled}),e.jsx(F,{label:"Recall metrics",on:a.recallMetricsEnabled})]})]})})]})}function F({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(E,{variant:a?"success":"danger",children:a?"on":"off"})]})}function ee(){const{data:s,error:a}=A(k.useCallback(()=>G({minutes:30}),[]),{pollInterval:1e4}),{data:t}=A(k.useCallback(()=>I(),[]),{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(X,{name:t.model.name,providerName:t.model.providerName,provider:t.model.provider,inputRate:t.model.inputRate,outputRate:t.model.outputRate}),e.jsx(U,{perf:s}),e.jsx(O,{perf:s}),e.jsxs("div",{className:"text-xs text-muted-foreground",children:[s.sampleCount," samples · updated ",s.updatedAt]}),z()&&e.jsx(Q,{})]}):e.jsx("div",{className:"tab-stub",children:"Loading perf…"})}export{ee as default};
|
|
2
|
-
//# sourceMappingURL=MetricsTab-DP7Kmdu9.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MetricsTab-DP7Kmdu9.js","sources":["../../src/components/PerfChart.tsx","../../src/components/PerfCards.tsx","../../src/components/ModelBadge.tsx","../../node_modules/recharts/es6/chart/LineChart.js","../../node_modules/recharts/es6/chart/BarChart.js","../../src/components/RagDashboard.tsx","../../src/tabs/MetricsTab.tsx"],"sourcesContent":["/**\n * dashboard-client/src/components/PerfChart.tsx — perf stat chart.\n *\n * The /api/perf endpoint returns rolling-window aggregates (not time-series),\n * so this renders a stat-card \"chart\": p50/p95 latency bars, TPS, cache hit %,\n * db recompute + disk write. Each metric shows a normalized bar + numeric.\n */\n\nimport type React from \"react\";\nimport type { PerfResponse } from \"@contracts\";\nimport { Card, CardContent, CardHeader, CardTitle } from \"../components/ui/card\";\n\nexport interface PerfChartProps {\n\tperf: PerfResponse;\n}\n\nfunction fmtMs(n: number): string {\n\treturn n >= 1000 ? `${(n / 1000).toFixed(1)}s` : `${n.toFixed(0)}ms`;\n}\n\ninterface BarProps {\n\t/** Current value. */\n\tvalue: number;\n\t/** Value that represents 100% bar fill (the \"max\" reference). */\n\tmax: number;\n\t/** Color class. */\n\tcolorClass: string;\n}\n\nfunction Bar({ value, max, colorClass }: BarProps): React.ReactElement {\n\tconst pct = max > 0 ? Math.max(0, Math.min(100, (value / max) * 100)) : 0;\n\treturn (\n\t\t<div className=\"perf-bar-track\">\n\t\t\t<div\n\t\t\t\tclassName={`perf-bar-fill ${colorClass}`}\n\t\t\t\tstyle={{ width: `${pct}%` }}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nexport function PerfChart({ perf }: PerfChartProps): React.ReactElement {\n\t// Reference maxes: p95 is the upper bound for latency bars; rates scale to a\n\t// reasonable reference (tok/s) so bars are visually meaningful even with\n\t// small samples. cache_hit_pct is already 0-100.\n\tconst latencyMax = Math.max(\n\t\tperf.turn_latency_ms.p95,\n\t\tperf.provider_latency_ms.p95,\n\t\t1,\n\t);\n\tconst tpsRef = Math.max(perf.tps.avg, 1);\n\n\treturn (\n\t\t<Card>\n\t\t\t<CardHeader className=\"flex-row items-center justify-between space-y-0\">\n\t\t\t\t<CardTitle>Performance</CardTitle>\n\t\t\t\t<span className=\"text-xs text-muted-foreground\">\n\t\t\t\t\t{perf.windowMinutes}min window · {perf.sampleCount} samples\n\t\t\t\t</span>\n\t\t\t</CardHeader>\n\t\t\t<CardContent>\n\t\t\t<div className=\"perf-grid\">\n\t\t\t\t<div className=\"perf-metric\">\n\t\t\t\t\t<span className=\"perf-label\">Turn latency p50 / p95</span>\n\t\t\t\t\t<span className=\"perf-value\">\n\t\t\t\t\t\t{fmtMs(perf.turn_latency_ms.p50)} /{\" \"}\n\t\t\t\t\t\t{fmtMs(perf.turn_latency_ms.p95)}\n\t\t\t\t\t</span>\n\t\t\t\t\t<Bar\n\t\t\t\t\t\tvalue={perf.turn_latency_ms.p95}\n\t\t\t\t\t\tmax={latencyMax}\n\t\t\t\t\t\tcolorClass=\"perf-blue\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"perf-metric\">\n\t\t\t\t\t<span className=\"perf-label\">Provider latency p50 / p95</span>\n\t\t\t\t\t<span className=\"perf-value\">\n\t\t\t\t\t\t{fmtMs(perf.provider_latency_ms.p50)} /{\" \"}\n\t\t\t\t\t\t{fmtMs(perf.provider_latency_ms.p95)}\n\t\t\t\t\t</span>\n\t\t\t\t\t<Bar\n\t\t\t\t\t\tvalue={perf.provider_latency_ms.p95}\n\t\t\t\t\t\tmax={latencyMax}\n\t\t\t\t\t\tcolorClass=\"perf-purple\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"perf-metric\">\n\t\t\t\t\t<span className=\"perf-label\">Tokens/sec (avg)</span>\n\t\t\t\t\t<span className=\"perf-value\">{perf.tps.avg.toFixed(1)}</span>\n\t\t\t\t\t<Bar value={perf.tps.avg} max={tpsRef} colorClass=\"perf-green\" />\n\t\t\t\t</div>\n\t\t\t\t<div className=\"perf-metric\">\n\t\t\t\t\t<span className=\"perf-label\">Cache hit (avg / latest)</span>\n\t\t\t\t\t<span className=\"perf-value\">\n\t\t\t\t\t\t{perf.cache_hit_pct.avg.toFixed(1)}% /{\" \"}\n\t\t\t\t\t\t{perf.cache_hit_pct.latest.toFixed(1)}%\n\t\t\t\t\t</span>\n\t\t\t\t\t<Bar\n\t\t\t\t\t\tvalue={perf.cache_hit_pct.avg}\n\t\t\t\t\t\tmax={100}\n\t\t\t\t\t\tcolorClass=\"perf-green\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"perf-metric\">\n\t\t\t\t\t<span className=\"perf-label\">DB recompute p95</span>\n\t\t\t\t\t<span className=\"perf-value\">{fmtMs(perf.db_recompute_ms.p95)}</span>\n\t\t\t\t\t<Bar\n\t\t\t\t\t\tvalue={perf.db_recompute_ms.p95}\n\t\t\t\t\t\tmax={latencyMax}\n\t\t\t\t\t\tcolorClass=\"perf-yellow\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"perf-metric\">\n\t\t\t\t\t<span className=\"perf-label\">Disk write p95</span>\n\t\t\t\t\t<span className=\"perf-value\">{fmtMs(perf.disk_write_ms.p95)}</span>\n\t\t\t\t\t<Bar\n\t\t\t\t\t\tvalue={perf.disk_write_ms.p95}\n\t\t\t\t\t\tmax={latencyMax}\n\t\t\t\t\t\tcolorClass=\"perf-yellow\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div className=\"perf-resources\">\n\t\t\t\t<div className=\"perf-metric\">\n\t\t\t\t\t<span className=\"perf-label\">RSS</span>\n\t\t\t\t\t<span className=\"perf-value\">{perf.rss_mb.latest.toFixed(0)} MB</span>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"perf-metric\">\n\t\t\t\t\t<span className=\"perf-label\">Heap</span>\n\t\t\t\t\t<span className=\"perf-value\">\n\t\t\t\t\t\t{perf.heap_mb.latest.toFixed(0)} MB\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"perf-metric\">\n\t\t\t\t\t<span className=\"perf-label\">CPU user</span>\n\t\t\t\t\t<span className=\"perf-value\">\n\t\t\t\t\t\t{(perf.cpu_user_ms.latest / 1000).toFixed(1)}s\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"perf-metric\">\n\t\t\t\t\t<span className=\"perf-label\">CPU sys</span>\n\t\t\t\t\t<span className=\"perf-value\">\n\t\t\t\t\t\t{(perf.cpu_sys_ms.latest / 1000).toFixed(1)}s\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{perf.diag && (\n\t\t\t\t<div className=\"perf-diag\">\n\t\t\t\t\t<span className=\"perf-label\">\n\t\t\t\t\t\tFast-gate fires: {perf.diag.ctxFastGate}\n\t\t\t\t\t</span>\n\t\t\t\t\t<span className=\"perf-label\">\n\t\t\t\t\t\tLive trim fires: {perf.diag.liveTrimFires}\n\t\t\t\t\t</span>\n\t\t\t\t\t<span className=\"perf-label\">\n\t\t\t\t\t\tLive trim replays: {perf.diag.liveTrimReplays}\n\t\t\t\t\t</span>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t</CardContent>\n\t\t</Card>\n\t);\n}\n","/**\n * dashboard-client/src/components/PerfCards.tsx — 5 perf metric cards.\n *\n * Mirrors the old html.ts perf grid: model latency, throughput, process,\n * snapshot cost, and TUI lag proxy. Uses the existing perf-metric CSS\n * classes from repos-metrics.css plus metrics-extra.css for card headers.\n */\n\nimport type React from \"react\";\nimport type { PerfResponse } from \"@contracts\";\nimport {\n\tCard,\n\tCardContent,\n\tCardHeader,\n\tCardTitle,\n} from \"../components/ui/card\";\n\n/** Format milliseconds (em-dash for null/undefined). */\nfunction fmtMs(v: number | null | undefined): string {\n\treturn v == null ? \"\\u2014\" : v >= 100 ? `${Math.round(v)}ms` : `${v.toFixed(1)}ms`;\n}\n\n/** Format a number with fixed decimals (em-dash for null/non-number). */\nfunction fmtNum(v: number | null | undefined, dec: number): string {\n\treturn v == null || typeof v !== \"number\" ? \"\\u2014\" : v.toFixed(dec);\n}\n\n/** Format a diag counter (em-dash for null). */\nfunction fmtDiag(v: number | null | undefined): string {\n\treturn v == null ? \"\\u2014\" : String(v);\n}\n\ninterface PerfCardsProps {\n\tperf: PerfResponse;\n}\n\n/** A single stat row inside a perf card. */\nfunction Stat({ label, value }: { label: string; value: string }): React.ReactElement {\n\treturn (\n\t\t<div className=\"flex items-baseline justify-between border-b border-border py-1 text-sm\">\n\t\t\t<span className=\"text-xs text-muted-foreground\">{label}</span>\n\t\t\t<span className=\"font-semibold\">{value}</span>\n\t\t</div>\n\t);\n}\n\n/** Card wrapper with a title. */\nfunction PerfCard({ title, children }: { title: string; children: React.ReactNode }): React.ReactElement {\n\treturn (\n\t\t<Card className=\"electric-hover\">\n\t\t\t<CardHeader>\n\t\t\t\t<CardTitle>{title}</CardTitle>\n\t\t\t</CardHeader>\n\t\t\t<CardContent>{children}</CardContent>\n\t\t</Card>\n\t);\n}\n\nexport function PerfCards({ perf }: PerfCardsProps): React.ReactElement {\n\tconst cpuTxt = `${fmtNum(perf.cpu_user_ms.latest, 1)} / ${fmtNum(perf.cpu_sys_ms.latest, 1)} ms`;\n\n\treturn (\n\t\t<div className=\"grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3\">\n\t\t\t<PerfCard title=\"Model latency\">\n\t\t\t\t<Stat label=\"Turn p50\" value={fmtMs(perf.turn_latency_ms.p50)} />\n\t\t\t\t<Stat label=\"Turn p95\" value={fmtMs(perf.turn_latency_ms.p95)} />\n\t\t\t\t<Stat label=\"Provider p50\" value={fmtMs(perf.provider_latency_ms.p50)} />\n\t\t\t\t<Stat label=\"Provider p95\" value={fmtMs(perf.provider_latency_ms.p95)} />\n\t\t\t</PerfCard>\n\n\t\t\t<PerfCard title=\"Throughput\">\n\t\t\t\t<Stat label=\"TPS (avg)\" value={fmtNum(perf.tps.avg, 1)} />\n\t\t\t\t<Stat\n\t\t\t\t\tlabel=\"Cache hit %\"\n\t\t\t\t\tvalue={`${fmtNum(perf.cache_hit_pct.avg, 1)}%`}\n\t\t\t\t/>\n\t\t\t</PerfCard>\n\n\t\t\t<PerfCard title=\"Process\">\n\t\t\t\t<Stat label=\"RSS\" value={`${fmtNum(perf.rss_mb.latest, 1)} MB`} />\n\t\t\t\t<Stat label=\"Heap\" value={`${fmtNum(perf.heap_mb.latest, 1)} MB`} />\n\t\t\t\t<Stat label=\"CPU user / sys\" value={cpuTxt} />\n\t\t\t</PerfCard>\n\n\t\t\t<PerfCard title=\"Snapshot cost\">\n\t\t\t\t<Stat label=\"DB recompute p50\" value={fmtMs(perf.db_recompute_ms.p50)} />\n\t\t\t\t<Stat label=\"DB recompute p95\" value={fmtMs(perf.db_recompute_ms.p95)} />\n\t\t\t\t<Stat label=\"Disk write p50\" value={fmtMs(perf.disk_write_ms.p50)} />\n\t\t\t</PerfCard>\n\n\t\t\t<PerfCard title=\"TUI lag proxy\">\n\t\t\t\t<Stat label=\"Live-trim fires\" value={fmtDiag(perf.diag?.liveTrimFires)} />\n\t\t\t\t<Stat label=\"Cache replays\" value={fmtDiag(perf.diag?.liveTrimReplays)} />\n\t\t\t\t<Stat label=\"Fast-gate skips\" value={fmtDiag(perf.diag?.ctxFastGate)} />\n\t\t\t\t<span className=\"text-xs text-muted-foreground\">skip vs recompute vs replay cadence</span>\n\t\t\t</PerfCard>\n\t\t</div>\n\t);\n}\n","/**\n * dashboard-client/src/components/ModelBadge.tsx — model + provider + rates.\n *\n * Shows the active model name, provider, and input/output rates.\n * Tooltips copied verbatim from html.ts. Used in the Metrics tab header.\n */\n\nimport type React from \"react\";\n\nexport interface ModelBadgeProps {\n\t/** Model name/identifier. */\n\tname: string;\n\t/** Human-readable provider name. */\n\tproviderName: string;\n\t/** Machine-readable provider identifier. */\n\tprovider: string;\n\t/** USD per input token (from model pricing). */\n\tinputRate: number;\n\t/** USD per output token (from model pricing). */\n\toutputRate: number;\n}\n\nfunction Field({\n\tlabel,\n\tvalue,\n\ttitle,\n}: {\n\tlabel: string;\n\tvalue: string;\n\ttitle?: string;\n}): React.ReactElement {\n\treturn (\n\t\t<div className=\"model-field\" title={title}>\n\t\t\t<span className=\"model-field-label\">{label}</span>\n\t\t\t<span className=\"model-field-value\">{value}</span>\n\t\t</div>\n\t);\n}\n\nexport function ModelBadge({\n\tname,\n\tproviderName,\n\tprovider,\n\tinputRate,\n\toutputRate,\n}: ModelBadgeProps): React.ReactElement {\n\tconst providerDisplay = providerName || provider || \"—\";\n\treturn (\n\t\t<div className=\"model-badge\">\n\t\t\t<Field\n\t\t\t\tlabel=\"Model\"\n\t\t\t\tvalue={name}\n\t\t\t\ttitle=\"The model pi is currently using — its pricing drives the cost figure.\"\n\t\t\t/>\n\t\t\t<Field\n\t\t\t\tlabel=\"Provider\"\n\t\t\t\tvalue={providerDisplay}\n\t\t\t\ttitle=\"The provider serving the model.\"\n\t\t\t/>\n\t\t\t<Field\n\t\t\t\tlabel=\"Input Rate\"\n\t\t\t\tvalue={`$${inputRate.toFixed(6)}`}\n\t\t\t\ttitle=\"USD per input token, from the model's pricing.\"\n\t\t\t/>\n\t\t\t<Field\n\t\t\t\tlabel=\"Output Rate\"\n\t\t\t\tvalue={`$${outputRate.toFixed(6)}`}\n\t\t\t\ttitle=\"USD per output token, from the model's pricing.\"\n\t\t\t/>\n\t\t</div>\n\t);\n}\n","/**\n * @fileOverview Line Chart\n */\nimport { generateCategoricalChart } from './generateCategoricalChart';\nimport { Line } from '../cartesian/Line';\nimport { XAxis } from '../cartesian/XAxis';\nimport { YAxis } from '../cartesian/YAxis';\nimport { formatAxisMap } from '../util/CartesianUtils';\nexport var LineChart = generateCategoricalChart({\n chartName: 'LineChart',\n GraphicalChild: Line,\n axisComponents: [{\n axisType: 'xAxis',\n AxisComp: XAxis\n }, {\n axisType: 'yAxis',\n AxisComp: YAxis\n }],\n formatAxisMap: formatAxisMap\n});","/**\n * @fileOverview Bar Chart\n */\nimport { generateCategoricalChart } from './generateCategoricalChart';\nimport { Bar } from '../cartesian/Bar';\nimport { XAxis } from '../cartesian/XAxis';\nimport { YAxis } from '../cartesian/YAxis';\nimport { formatAxisMap } from '../util/CartesianUtils';\nexport var BarChart = generateCategoricalChart({\n chartName: 'BarChart',\n GraphicalChild: Bar,\n defaultTooltipEventType: 'axis',\n validateTooltipEventTypes: ['axis', 'item'],\n axisComponents: [{\n axisType: 'xAxis',\n AxisComp: XAxis\n }, {\n axisType: 'yAxis',\n AxisComp: YAxis\n }],\n formatAxisMap: formatAxisMap\n});","/**\n * dashboard-client/src/components/RagDashboard.tsx — full RAG metrics section\n * (H3.2). Rendered in the Metrics tab.\n *\n * Fetches /api/rag-metrics and renders:\n * 1. Stat row: telemetry turns, HyDE-ran count, avg lift, pass rate.\n * 2. HyDE Recall Lift Bar (BarChart over daily avg lift).\n * 3. CRAG Quality Line (LineChart over daily avg score).\n * 4. Per-flag status dots (hydeEnabled, recallMetricsEnabled).\n * 5. Recall Latency Stacked Bar (hyde vs base turn counts) + Hit-Rate Area.\n *\n * PREVENT-PI-004: relative-path fetch to the same-origin dashboard server.\n * recharts is bundled into this localhost-served static bundle (no runtime\n * network calls).\n */\n\nimport type React from \"react\";\nimport { useMemo } from \"react\";\nimport { useApi } from \"../hooks/useApi\";\nimport { fetchRagMetrics } from \"../api/client\";\nimport type { RagMetricsResponse } from \"@contracts\";\n\n/** Daily-aggregate row shape (derived from the rag-metrics contract). */\ntype DailyTelemetry = RagMetricsResponse[\"daily\"][number];\nimport {\n\tResponsiveContainer,\n\tBarChart,\n\tBar,\n\tLineChart,\n\tLine,\n\tAreaChart,\n\tArea,\n\tXAxis,\n\tYAxis,\n\tCartesianGrid,\n\tTooltip,\n\tLegend,\n} from \"recharts\";\nimport { Card, CardHeader, CardTitle, CardContent } from \"./ui/card\";\nimport { Badge } from \"./ui/badge\";\n\nconst AXIS = \"#8b949e\";\nconst GRID = \"#30363d\";\nconst TOOLTIP = {\n\tbackground: \"#161b22\",\n\tborder: \"1px solid #30363d\",\n\tborderRadius: \"6px\",\n\tcolor: \"#e6edf3\",\n\tfontSize: 12,\n} as const;\n\n/** One row per day, with lead/lag-safe derived series for the charts. */\ninterface DailyRow {\n\tday: string;\n\tavgLift: number;\n\tavgScore: number;\n\tavgGenMs: number;\n\tpassRate: number;\n\thydeTurns: number;\n\tbaseTurns: number;\n\trecallCount: number;\n}\n\nfunction toRows(daily: DailyTelemetry[]): DailyRow[] {\n\treturn daily.map((d) => {\n\t\tconst baseTurns = Math.max(0, d.recallCount - d.hydeRanCount);\n\t\treturn {\n\t\t\tday: d.day.slice(5), // \"MM-DD\"\n\t\t\tavgLift: d.avgLift ?? 0,\n\t\t\tavgScore: d.avgScore ?? 0,\n\t\t\tavgGenMs: d.avgGenMs ?? 0,\n\t\t\tpassRate: d.avgScore == null ? 0 : d.avgScore,\n\t\t\thydeTurns: d.hydeRanCount,\n\t\t\tbaseTurns,\n\t\t\trecallCount: d.recallCount,\n\t\t};\n\t});\n}\n\nexport interface RagDashboardProps {\n\t/** Optional pre-fetched metrics; when absent, the card fetches inline. */\n\tmetrics?: RagMetricsResponse | null;\n}\n\nexport const RagDashboard: React.FC<RagDashboardProps> = ({ metrics }) => {\n\tconst { data, loading } = useApi<RagMetricsResponse>(\n\t\tuseMemo(() => () => fetchRagMetrics(), []),\n\t\t{ pollInterval: 30_000 },\n\t);\n\tconst m = metrics ?? data;\n\tconst rows = useMemo(() => (m ? toRows(m.daily) : []), [m]);\n\n\tif (loading && !m) {\n\t\treturn <div className=\"text-sm text-muted-foreground\">Loading RAG metrics…</div>;\n\t}\n\tif (!m) {\n\t\treturn (\n\t\t\t<div className=\"text-sm text-muted-foreground\">\n\t\t\t\tNo RAG metrics available yet. They appear once turns record HyDE/recall\n\t\t\t\ttelemetry.\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst { totals, flags } = m;\n\n\treturn (\n\t\t<div className=\"flex flex-col gap-4\">\n\t\t\t<StatRow totals={totals} flags={flags} />\n\n\t\t\t<div className=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n\t\t\t\t<Card>\n\t\t\t\t\t<CardHeader>\n\t\t\t\t\t\t<CardTitle>HyDE Recall Lift</CardTitle>\n\t\t\t\t\t</CardHeader>\n\t\t\t\t\t<CardContent>\n\t\t\t\t\t\t<ResponsiveContainer width=\"100%\" height={200}>\n\t\t\t\t\t\t\t<BarChart data={rows} margin={{ top: 8, right: 12, left: 0, bottom: 0 }}>\n\t\t\t\t\t\t\t\t<CartesianGrid strokeDasharray=\"3 3\" stroke={GRID} />\n\t\t\t\t\t\t\t\t<XAxis dataKey=\"day\" stroke={AXIS} tick={{ fontSize: 11 }} />\n\t\t\t\t\t\t\t\t<YAxis stroke={AXIS} tick={{ fontSize: 11 }} width={40} />\n\t\t\t\t\t\t\t\t<Tooltip contentStyle={TOOLTIP} />\n\t\t\t\t\t\t\t\t<Bar dataKey=\"avgLift\" name=\"avg lift\" fill=\"#58a6ff\" isAnimationActive={false} />\n\t\t\t\t\t\t\t</BarChart>\n\t\t\t\t\t\t</ResponsiveContainer>\n\t\t\t\t\t</CardContent>\n\t\t\t\t</Card>\n\n\t\t\t\t<Card>\n\t\t\t\t\t<CardHeader>\n\t\t\t\t\t\t<CardTitle>CRAG Quality</CardTitle>\n\t\t\t\t\t</CardHeader>\n\t\t\t\t\t<CardContent>\n\t\t\t\t\t\t<ResponsiveContainer width=\"100%\" height={200}>\n\t\t\t\t\t\t\t<LineChart data={rows} margin={{ top: 8, right: 12, left: 0, bottom: 0 }}>\n\t\t\t\t\t\t\t\t<CartesianGrid strokeDasharray=\"3 3\" stroke={GRID} />\n\t\t\t\t\t\t\t\t<XAxis dataKey=\"day\" stroke={AXIS} tick={{ fontSize: 11 }} />\n\t\t\t\t\t\t\t\t<YAxis stroke={AXIS} tick={{ fontSize: 11 }} width={40} domain={[0, 1]} />\n\t\t\t\t\t\t\t\t<Tooltip contentStyle={TOOLTIP} />\n\t\t\t\t\t\t\t\t<Line type=\"monotone\" dataKey=\"avgScore\" name=\"avg score\" stroke=\"#3fb950\" dot={false} strokeWidth={2} isAnimationActive={false} />\n\t\t\t\t\t\t\t</LineChart>\n\t\t\t\t\t\t</ResponsiveContainer>\n\t\t\t\t\t</CardContent>\n\t\t\t\t</Card>\n\n\t\t\t\t<Card>\n\t\t\t\t\t<CardHeader>\n\t\t\t\t\t\t<CardTitle>Recall Latency (avg gen ms)</CardTitle>\n\t\t\t\t\t</CardHeader>\n\t\t\t\t\t<CardContent>\n\t\t\t\t\t\t<ResponsiveContainer width=\"100%\" height={200}>\n\t\t\t\t\t\t\t<BarChart data={rows} margin={{ top: 8, right: 12, left: 0, bottom: 0 }}>\n\t\t\t\t\t\t\t\t<CartesianGrid strokeDasharray=\"3 3\" stroke={GRID} />\n\t\t\t\t\t\t\t\t<XAxis dataKey=\"day\" stroke={AXIS} tick={{ fontSize: 11 }} />\n\t\t\t\t\t\t\t\t<YAxis stroke={AXIS} tick={{ fontSize: 11 }} width={40} />\n\t\t\t\t\t\t\t\t<Tooltip contentStyle={TOOLTIP} />\n\t\t\t\t\t\t\t\t<Bar dataKey=\"avgGenMs\" name=\"gen ms\" fill=\"#d29922\" isAnimationActive={false} />\n\t\t\t\t\t\t\t</BarChart>\n\t\t\t\t\t\t</ResponsiveContainer>\n\t\t\t\t\t</CardContent>\n\t\t\t\t</Card>\n\n\t\t\t\t<Card>\n\t\t\t\t\t<CardHeader>\n\t\t\t\t\t\t<CardTitle>HyDE vs Base Turn Volume</CardTitle>\n\t\t\t\t\t</CardHeader>\n\t\t\t\t\t<CardContent>\n\t\t\t\t\t\t<ResponsiveContainer width=\"100%\" height={200}>\n\t\t\t\t\t\t\t<AreaChart data={rows} margin={{ top: 8, right: 12, left: 0, bottom: 0 }}>\n\t\t\t\t\t\t\t\t<CartesianGrid strokeDasharray=\"3 3\" stroke={GRID} />\n\t\t\t\t\t\t\t\t<XAxis dataKey=\"day\" stroke={AXIS} tick={{ fontSize: 11 }} />\n\t\t\t\t\t\t\t\t<YAxis stroke={AXIS} tick={{ fontSize: 11 }} width={40} />\n\t\t\t\t\t\t\t\t<Tooltip contentStyle={TOOLTIP} />\n\t\t\t\t\t\t\t\t<Legend wrapperStyle={{ fontSize: 11 }} />\n\t\t\t\t\t\t\t\t<Area type=\"monotone\" dataKey=\"hydeTurns\" name=\"hyde turns\" stackId=\"1\" stroke=\"#58a6ff\" fill=\"#58a6ff\" fillOpacity={0.5} isAnimationActive={false} />\n\t\t\t\t\t\t\t\t<Area type=\"monotone\" dataKey=\"baseTurns\" name=\"base turns\" stackId=\"1\" stroke=\"#8b949e\" fill=\"#8b949e\" fillOpacity={0.4} isAnimationActive={false} />\n\t\t\t\t\t\t\t</AreaChart>\n\t\t\t\t\t\t</ResponsiveContainer>\n\t\t\t\t\t</CardContent>\n\t\t\t\t</Card>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nfunction StatRow({\n\ttotals,\n\tflags,\n}: {\n\ttotals: RagMetricsResponse[\"totals\"];\n\tflags: RagMetricsResponse[\"flags\"];\n}): React.ReactElement {\n\tconst stats: Array<{ label: string; value: string; hint: string }> = [\n\t\t{\n\t\t\tlabel: \"Telemetry turns\",\n\t\t\tvalue: String(totals.telemetryTurns),\n\t\t\thint: \"turns with HyDE or recall data\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"HyDE ran\",\n\t\t\tvalue: String(totals.hydeRanTurns),\n\t\t\thint: \"turns where HyDE generated a doc\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"Avg lift\",\n\t\t\tvalue: `${totals.avgLift.toFixed(2)}×`,\n\t\t\thint: \"fused / raw hit breadth\",\n\t\t},\n\t\t{\n\t\t\tlabel: \"Pass rate\",\n\t\t\tvalue: `${Math.round(totals.recentPassRate * 100)}%`,\n\t\t\thint: totals.avgScore == null ? \"no scored turns\" : `avg score ${totals.avgScore.toFixed(2)}`,\n\t\t},\n\t];\n\n\treturn (\n\t\t<div className=\"grid grid-cols-2 gap-4 lg:grid-cols-5\">\n\t\t\t{stats.map((s) => (\n\t\t\t\t<Card key={s.label}>\n\t\t\t\t\t<CardContent>\n\t\t\t\t\t\t<div className=\"text-xs text-muted-foreground\">{s.label}</div>\n\t\t\t\t\t\t<div className=\"font-heading text-2xl font-semibold text-foreground\">\n\t\t\t\t\t\t\t{s.value}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"mt-0.5 text-xs text-muted-foreground\">{s.hint}</div>\n\t\t\t\t\t</CardContent>\n\t\t\t\t</Card>\n\t\t\t))}\n\t\t\t<Card>\n\t\t\t\t<CardContent>\n\t\t\t\t\t<div className=\"text-xs text-muted-foreground\">Flags</div>\n\t\t\t\t\t<div className=\"mt-1 flex flex-col gap-1 text-xs\">\n\t\t\t\t\t\t<FlagDot label=\"HyDE\" on={flags.hydeEnabled} />\n\t\t\t\t\t\t<FlagDot label=\"Recall metrics\" on={flags.recallMetricsEnabled} />\n\t\t\t\t\t</div>\n\t\t\t\t</CardContent>\n\t\t\t</Card>\n\t\t</div>\n\t);\n}\n\nfunction FlagDot({ label, on }: { label: string; on: boolean }): React.ReactElement {\n\treturn (\n\t\t<span className=\"flex items-center gap-1.5\">\n\t\t\t<span\n\t\t\t\tclassName={`inline-block h-2 w-2 rounded-full ${on ? \"bg-success\" : \"bg-danger\"}`}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t/>\n\t\t\t{label}:{\" \"}\n\t\t\t<Badge variant={on ? \"success\" : \"danger\"}>{on ? \"on\" : \"off\"}</Badge>\n\t\t</span>\n\t);\n}\n","/**\n * dashboard-client/src/tabs/MetricsTab.tsx — Metrics tab (C2).\n *\n * Fetches /api/perf (rolling-window aggregates) + /api/snapshot (for model).\n * Renders ModelBadge + PerfChart + 5 perf cards (latency, throughput, process,\n * snapshot cost, TUI lag proxy). Polls every 10s.\n */\n\nimport type React from \"react\";\nimport { useCallback } from \"react\";\nimport { useApi } from \"../hooks/useApi\";\nimport { fetchPerf, fetchSnapshot } from \"../api/client\";\nimport type { PerfResponse, SnapshotResponse } from \"@contracts\";\nimport { NEW_UI } from \"../config\";\nimport { PerfChart } from \"../components/PerfChart\";\nimport { PerfCards } from \"../components/PerfCards\";\nimport { ModelBadge } from \"../components/ModelBadge\";\nimport { RagDashboard } from \"../components/RagDashboard\";\n\nexport default function MetricsTab(): React.ReactElement {\n\tconst { data: perf, error: perfErr } = useApi<PerfResponse>(\n\t\tuseCallback(() => fetchPerf({ minutes: 30 }), []),\n\t\t{ pollInterval: 10_000 },\n\t);\n\tconst { data: snapshot } = useApi<SnapshotResponse>(\n\t\tuseCallback(() => fetchSnapshot(), []),\n\t\t{ pollInterval: 10_000 },\n\t);\n\n\tif (perfErr && !perf) {\n\t\treturn (\n\t\t\t<div className=\"tab-stub\">Error loading perf: {perfErr.message}</div>\n\t\t);\n\t}\n\tif (!perf) {\n\t\treturn <div className=\"tab-stub\">Loading perf…</div>;\n\t}\n\n\treturn (\n\t\t<div className=\"flex flex-col gap-4\">\n\t\t\t{snapshot?.model && (\n\t\t\t\t<ModelBadge\n\t\t\t\t\tname={snapshot.model.name}\n\t\t\t\t\tproviderName={snapshot.model.providerName}\n\t\t\t\t\tprovider={snapshot.model.provider}\n\t\t\t\t\tinputRate={snapshot.model.inputRate}\n\t\t\t\t\toutputRate={snapshot.model.outputRate}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<PerfChart perf={perf} />\n\t\t\t<PerfCards perf={perf} />\n\t\t\t<div className=\"text-xs text-muted-foreground\">\n\t\t\t\t{perf.sampleCount} samples · updated {perf.updatedAt}\n\t\t\t</div>\n\t\t\t{NEW_UI() && <RagDashboard />}\n\t\t</div>\n\t);\n}\n"],"names":["fmtMs","n","Bar","value","max","colorClass","pct","jsx","PerfChart","perf","latencyMax","tpsRef","Card","jsxs","CardHeader","CardTitle","CardContent","v","fmtNum","dec","fmtDiag","Stat","label","PerfCard","title","children","PerfCards","cpuTxt","Field","ModelBadge","name","providerName","provider","inputRate","outputRate","providerDisplay","LineChart","generateCategoricalChart","Line","XAxis","YAxis","formatAxisMap","BarChart","AXIS","GRID","TOOLTIP","toRows","daily","d","baseTurns","RagDashboard","metrics","data","loading","useApi","useMemo","fetchRagMetrics","m","rows","totals","flags","StatRow","ResponsiveContainer","CartesianGrid","Tooltip","AreaChart","Legend","Area","stats","s","FlagDot","on","Badge","MetricsTab","perfErr","useCallback","fetchPerf","snapshot","fetchSnapshot","NEW_UI"],"mappings":"yQAgBA,SAASA,EAAMC,EAAmB,CACjC,OAAOA,GAAK,IAAO,IAAIA,EAAI,KAAM,QAAQ,CAAC,CAAC,IAAM,GAAGA,EAAE,QAAQ,CAAC,CAAC,IACjE,CAWA,SAASC,EAAI,CAAE,MAAAC,EAAO,IAAAC,EAAK,WAAAC,GAA4C,CACtE,MAAMC,EAAMF,EAAM,EAAI,KAAK,IAAI,EAAG,KAAK,IAAI,IAAMD,EAAQC,EAAO,GAAG,CAAC,EAAI,EACxE,OACCG,EAAAA,IAAC,MAAA,CAAI,UAAU,iBACd,SAAAA,EAAAA,IAAC,MAAA,CACA,UAAW,iBAAiBF,CAAU,GACtC,MAAO,CAAE,MAAO,GAAGC,CAAG,GAAA,CAAI,CAAA,EAE5B,CAEF,CAEO,SAASE,EAAU,CAAE,KAAAC,GAA4C,CAIvE,MAAMC,EAAa,KAAK,IACvBD,EAAK,gBAAgB,IACrBA,EAAK,oBAAoB,IACzB,CAAA,EAEKE,EAAS,KAAK,IAAIF,EAAK,IAAI,IAAK,CAAC,EAEvC,cACEG,EAAA,CACA,SAAA,CAAAC,EAAAA,KAACC,EAAA,CAAW,UAAU,kDACrB,SAAA,CAAAP,EAAAA,IAACQ,GAAU,SAAA,aAAA,CAAW,EACtBF,EAAAA,KAAC,OAAA,CAAK,UAAU,gCACd,SAAA,CAAAJ,EAAK,cAAc,gBAAcA,EAAK,YAAY,UAAA,CAAA,CACpD,CAAA,EACD,SACCO,EAAA,CACD,SAAA,CAAAH,EAAAA,KAAC,MAAA,CAAI,UAAU,YACd,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,cACd,SAAA,CAAAN,EAAAA,IAAC,OAAA,CAAK,UAAU,aAAa,SAAA,yBAAsB,EACnDM,EAAAA,KAAC,OAAA,CAAK,UAAU,aACd,SAAA,CAAAb,EAAMS,EAAK,gBAAgB,GAAG,EAAE,KAAG,IACnCT,EAAMS,EAAK,gBAAgB,GAAG,CAAA,EAChC,EACAF,EAAAA,IAACL,EAAA,CACA,MAAOO,EAAK,gBAAgB,IAC5B,IAAKC,EACL,WAAW,WAAA,CAAA,CACZ,EACD,EACAG,EAAAA,KAAC,MAAA,CAAI,UAAU,cACd,SAAA,CAAAN,EAAAA,IAAC,OAAA,CAAK,UAAU,aAAa,SAAA,6BAA0B,EACvDM,EAAAA,KAAC,OAAA,CAAK,UAAU,aACd,SAAA,CAAAb,EAAMS,EAAK,oBAAoB,GAAG,EAAE,KAAG,IACvCT,EAAMS,EAAK,oBAAoB,GAAG,CAAA,EACpC,EACAF,EAAAA,IAACL,EAAA,CACA,MAAOO,EAAK,oBAAoB,IAChC,IAAKC,EACL,WAAW,aAAA,CAAA,CACZ,EACD,EACAG,EAAAA,KAAC,MAAA,CAAI,UAAU,cACd,SAAA,CAAAN,EAAAA,IAAC,OAAA,CAAK,UAAU,aAAa,SAAA,mBAAgB,EAC7CA,EAAAA,IAAC,QAAK,UAAU,aAAc,WAAK,IAAI,IAAI,QAAQ,CAAC,CAAA,CAAE,EACtDA,EAAAA,IAACL,GAAI,MAAOO,EAAK,IAAI,IAAK,IAAKE,EAAQ,WAAW,YAAA,CAAa,CAAA,EAChE,EACAE,EAAAA,KAAC,MAAA,CAAI,UAAU,cACd,SAAA,CAAAN,EAAAA,IAAC,OAAA,CAAK,UAAU,aAAa,SAAA,2BAAwB,EACrDM,EAAAA,KAAC,OAAA,CAAK,UAAU,aACd,SAAA,CAAAJ,EAAK,cAAc,IAAI,QAAQ,CAAC,EAAE,MAAI,IACtCA,EAAK,cAAc,OAAO,QAAQ,CAAC,EAAE,GAAA,EACvC,EACAF,EAAAA,IAACL,EAAA,CACA,MAAOO,EAAK,cAAc,IAC1B,IAAK,IACL,WAAW,YAAA,CAAA,CACZ,EACD,EACAI,EAAAA,KAAC,MAAA,CAAI,UAAU,cACd,SAAA,CAAAN,EAAAA,IAAC,OAAA,CAAK,UAAU,aAAa,SAAA,mBAAgB,EAC7CA,EAAAA,IAAC,QAAK,UAAU,aAAc,WAAME,EAAK,gBAAgB,GAAG,EAAE,EAC9DF,EAAAA,IAACL,EAAA,CACA,MAAOO,EAAK,gBAAgB,IAC5B,IAAKC,EACL,WAAW,aAAA,CAAA,CACZ,EACD,EACAG,EAAAA,KAAC,MAAA,CAAI,UAAU,cACd,SAAA,CAAAN,EAAAA,IAAC,OAAA,CAAK,UAAU,aAAa,SAAA,iBAAc,EAC3CA,EAAAA,IAAC,QAAK,UAAU,aAAc,WAAME,EAAK,cAAc,GAAG,EAAE,EAC5DF,EAAAA,IAACL,EAAA,CACA,MAAOO,EAAK,cAAc,IAC1B,IAAKC,EACL,WAAW,aAAA,CAAA,CACZ,CAAA,CACD,CAAA,EACD,EACAG,EAAAA,KAAC,MAAA,CAAI,UAAU,iBACd,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,cACd,SAAA,CAAAN,EAAAA,IAAC,OAAA,CAAK,UAAU,aAAa,SAAA,MAAG,EAChCM,EAAAA,KAAC,OAAA,CAAK,UAAU,aAAc,SAAA,CAAAJ,EAAK,OAAO,OAAO,QAAQ,CAAC,EAAE,KAAA,CAAA,CAAG,CAAA,EAChE,EACAI,EAAAA,KAAC,MAAA,CAAI,UAAU,cACd,SAAA,CAAAN,EAAAA,IAAC,OAAA,CAAK,UAAU,aAAa,SAAA,OAAI,EACjCM,EAAAA,KAAC,OAAA,CAAK,UAAU,aACd,SAAA,CAAAJ,EAAK,QAAQ,OAAO,QAAQ,CAAC,EAAE,KAAA,CAAA,CACjC,CAAA,EACD,EACAI,EAAAA,KAAC,MAAA,CAAI,UAAU,cACd,SAAA,CAAAN,EAAAA,IAAC,OAAA,CAAK,UAAU,aAAa,SAAA,WAAQ,EACrCM,EAAAA,KAAC,OAAA,CAAK,UAAU,aACb,SAAA,EAAAJ,EAAK,YAAY,OAAS,KAAM,QAAQ,CAAC,EAAE,GAAA,CAAA,CAC9C,CAAA,EACD,EACAI,EAAAA,KAAC,MAAA,CAAI,UAAU,cACd,SAAA,CAAAN,EAAAA,IAAC,OAAA,CAAK,UAAU,aAAa,SAAA,UAAO,EACpCM,EAAAA,KAAC,OAAA,CAAK,UAAU,aACb,SAAA,EAAAJ,EAAK,WAAW,OAAS,KAAM,QAAQ,CAAC,EAAE,GAAA,CAAA,CAC7C,CAAA,CAAA,CACD,CAAA,EACD,EACCA,EAAK,MACLI,OAAC,MAAA,CAAI,UAAU,YACd,SAAA,CAAAA,EAAAA,KAAC,OAAA,CAAK,UAAU,aAAa,SAAA,CAAA,oBACVJ,EAAK,KAAK,WAAA,EAC7B,EACAI,EAAAA,KAAC,OAAA,CAAK,UAAU,aAAa,SAAA,CAAA,oBACVJ,EAAK,KAAK,aAAA,EAC7B,EACAI,EAAAA,KAAC,OAAA,CAAK,UAAU,aAAa,SAAA,CAAA,sBACRJ,EAAK,KAAK,eAAA,CAAA,CAC/B,CAAA,CAAA,CACD,CAAA,CAAA,CAED,CAAA,EACD,CAEF,CChJA,SAAST,EAAMiB,EAAsC,CACpD,OAAOA,GAAK,KAAO,IAAWA,GAAK,IAAM,GAAG,KAAK,MAAMA,CAAC,CAAC,KAAO,GAAGA,EAAE,QAAQ,CAAC,CAAC,IAChF,CAGA,SAASC,EAAOD,EAA8BE,EAAqB,CAClE,OAAOF,GAAK,MAAQ,OAAOA,GAAM,SAAW,IAAWA,EAAE,QAAQE,CAAG,CACrE,CAGA,SAASC,EAAQH,EAAsC,CACtD,OAAOA,GAAK,KAAO,IAAW,OAAOA,CAAC,CACvC,CAOA,SAASI,EAAK,CAAE,MAAAC,EAAO,MAAAnB,GAA+D,CACrF,OACCU,EAAAA,KAAC,MAAA,CAAI,UAAU,0EACd,SAAA,CAAAN,EAAAA,IAAC,OAAA,CAAK,UAAU,gCAAiC,SAAAe,EAAM,EACvDf,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAiB,SAAAJ,CAAA,CAAM,CAAA,EACxC,CAEF,CAGA,SAASoB,EAAS,CAAE,MAAAC,EAAO,SAAAC,GAA8E,CACxG,OACCZ,EAAAA,KAACD,EAAA,CAAK,UAAU,iBACf,SAAA,CAAAL,MAACO,EAAA,CACA,SAAAP,EAAAA,IAACQ,EAAA,CAAW,SAAAS,CAAA,CAAM,EACnB,EACAjB,MAACS,GAAa,SAAAS,CAAA,CAAS,CAAA,EACxB,CAEF,CAEO,SAASC,EAAU,CAAE,KAAAjB,GAA4C,CACvE,MAAMkB,EAAS,GAAGT,EAAOT,EAAK,YAAY,OAAQ,CAAC,CAAC,MAAMS,EAAOT,EAAK,WAAW,OAAQ,CAAC,CAAC,MAE3F,OACCI,EAAAA,KAAC,MAAA,CAAI,UAAU,uDACd,SAAA,CAAAA,EAAAA,KAACU,EAAA,CAAS,MAAM,gBACf,SAAA,CAAAhB,EAAAA,IAACc,EAAA,CAAK,MAAM,WAAW,MAAOrB,EAAMS,EAAK,gBAAgB,GAAG,EAAG,EAC/DF,EAAAA,IAACc,GAAK,MAAM,WAAW,MAAOrB,EAAMS,EAAK,gBAAgB,GAAG,EAAG,EAC/DF,EAAAA,IAACc,GAAK,MAAM,eAAe,MAAOrB,EAAMS,EAAK,oBAAoB,GAAG,EAAG,EACvEF,MAACc,GAAK,MAAM,eAAe,MAAOrB,EAAMS,EAAK,oBAAoB,GAAG,CAAA,CAAG,CAAA,EACxE,EAEAI,EAAAA,KAACU,EAAA,CAAS,MAAM,aACf,SAAA,CAAAhB,EAAAA,IAACc,EAAA,CAAK,MAAM,YAAY,MAAOH,EAAOT,EAAK,IAAI,IAAK,CAAC,CAAA,CAAG,EACxDF,EAAAA,IAACc,EAAA,CACA,MAAM,cACN,MAAO,GAAGH,EAAOT,EAAK,cAAc,IAAK,CAAC,CAAC,GAAA,CAAA,CAC5C,EACD,EAEAI,EAAAA,KAACU,EAAA,CAAS,MAAM,UACf,SAAA,CAAAhB,EAAAA,IAACc,EAAA,CAAK,MAAM,MAAM,MAAO,GAAGH,EAAOT,EAAK,OAAO,OAAQ,CAAC,CAAC,KAAA,CAAO,EAChEF,EAAAA,IAACc,EAAA,CAAK,MAAM,OAAO,MAAO,GAAGH,EAAOT,EAAK,QAAQ,OAAQ,CAAC,CAAC,KAAA,CAAO,EAClEF,EAAAA,IAACc,EAAA,CAAK,MAAM,iBAAiB,MAAOM,CAAA,CAAQ,CAAA,EAC7C,EAEAd,EAAAA,KAACU,EAAA,CAAS,MAAM,gBACf,SAAA,CAAAhB,EAAAA,IAACc,EAAA,CAAK,MAAM,mBAAmB,MAAOrB,EAAMS,EAAK,gBAAgB,GAAG,EAAG,EACvEF,EAAAA,IAACc,GAAK,MAAM,mBAAmB,MAAOrB,EAAMS,EAAK,gBAAgB,GAAG,EAAG,EACvEF,MAACc,GAAK,MAAM,iBAAiB,MAAOrB,EAAMS,EAAK,cAAc,GAAG,CAAA,CAAG,CAAA,EACpE,EAEAI,EAAAA,KAACU,EAAA,CAAS,MAAM,gBACf,SAAA,CAAAhB,EAAAA,IAACc,EAAA,CAAK,MAAM,kBAAkB,MAAOD,EAAQX,EAAK,MAAM,aAAa,EAAG,EACxEF,EAAAA,IAACc,GAAK,MAAM,gBAAgB,MAAOD,EAAQX,EAAK,MAAM,eAAe,EAAG,EACxEF,EAAAA,IAACc,GAAK,MAAM,kBAAkB,MAAOD,EAAQX,EAAK,MAAM,WAAW,EAAG,EACtEF,EAAAA,IAAC,OAAA,CAAK,UAAU,gCAAgC,SAAA,qCAAA,CAAmC,CAAA,CAAA,CACpF,CAAA,EACD,CAEF,CC5EA,SAASqB,EAAM,CACd,MAAAN,EACA,MAAAnB,EACA,MAAAqB,CACD,EAIuB,CACtB,OACCX,EAAAA,KAAC,MAAA,CAAI,UAAU,cAAc,MAAAW,EAC5B,SAAA,CAAAjB,EAAAA,IAAC,OAAA,CAAK,UAAU,oBAAqB,SAAAe,EAAM,EAC3Cf,EAAAA,IAAC,OAAA,CAAK,UAAU,oBAAqB,SAAAJ,CAAA,CAAM,CAAA,EAC5C,CAEF,CAEO,SAAS0B,EAAW,CAC1B,KAAAC,EACA,aAAAC,EACA,SAAAC,EACA,UAAAC,EACA,WAAAC,CACD,EAAwC,CACvC,MAAMC,EAAkBJ,GAAgBC,GAAY,IACpD,OACCnB,EAAAA,KAAC,MAAA,CAAI,UAAU,cACd,SAAA,CAAAN,EAAAA,IAACqB,EAAA,CACA,MAAM,QACN,MAAOE,EACP,MAAM,uEAAA,CAAA,EAEPvB,EAAAA,IAACqB,EAAA,CACA,MAAM,WACN,MAAOO,EACP,MAAM,iCAAA,CAAA,EAEP5B,EAAAA,IAACqB,EAAA,CACA,MAAM,aACN,MAAO,IAAIK,EAAU,QAAQ,CAAC,CAAC,GAC/B,MAAM,gDAAA,CAAA,EAEP1B,EAAAA,IAACqB,EAAA,CACA,MAAM,cACN,MAAO,IAAIM,EAAW,QAAQ,CAAC,CAAC,GAChC,MAAM,iDAAA,CAAA,CACP,EACD,CAEF,CC/DO,IAAIE,EAAYC,EAAyB,CAC9C,UAAW,YACX,eAAgBC,EAChB,eAAgB,CAAC,CACf,SAAU,QACV,SAAUC,CACd,EAAK,CACD,SAAU,QACV,SAAUC,CACd,CAAG,EACD,cAAeC,CACjB,CAAC,ECXUC,EAAWL,EAAyB,CAC7C,UAAW,WACX,eAAgBnC,EAChB,wBAAyB,OACzB,0BAA2B,CAAC,OAAQ,MAAM,EAC1C,eAAgB,CAAC,CACf,SAAU,QACV,SAAUqC,CACd,EAAK,CACD,SAAU,QACV,SAAUC,CACd,CAAG,EACD,cAAeC,CACjB,CAAC,ECoBD,MAAME,EAAO,UACPC,EAAO,UACPC,EAAU,CACf,WAAY,UACZ,OAAQ,oBACR,aAAc,MACd,MAAO,UACP,SAAU,EACX,EAcA,SAASC,EAAOC,EAAqC,CACpD,OAAOA,EAAM,IAAKC,GAAM,CACvB,MAAMC,EAAY,KAAK,IAAI,EAAGD,EAAE,YAAcA,EAAE,YAAY,EAC5D,MAAO,CACN,IAAKA,EAAE,IAAI,MAAM,CAAC,EAClB,QAASA,EAAE,SAAW,EACtB,SAAUA,EAAE,UAAY,EACxB,SAAUA,EAAE,UAAY,EACxB,SAAUA,EAAE,UAAY,KAAO,EAAIA,EAAE,SACrC,UAAWA,EAAE,aACb,UAAAC,EACA,YAAaD,EAAE,WAAA,CAEjB,CAAC,CACF,CAOO,MAAME,EAA4C,CAAC,CAAE,QAAAC,KAAc,CACzE,KAAM,CAAE,KAAAC,EAAM,QAAAC,CAAA,EAAYC,EACzBC,EAAAA,QAAQ,IAAM,IAAMC,EAAA,EAAmB,EAAE,EACzC,CAAE,aAAc,GAAA,CAAO,EAElBC,EAAIN,GAAWC,EACfM,EAAOH,EAAAA,QAAQ,IAAOE,EAAIX,EAAOW,EAAE,KAAK,EAAI,CAAA,EAAK,CAACA,CAAC,CAAC,EAE1D,GAAIJ,GAAW,CAACI,EACf,OAAOlD,EAAAA,IAAC,MAAA,CAAI,UAAU,gCAAgC,SAAA,uBAAoB,EAE3E,GAAI,CAACkD,EACJ,OACClD,EAAAA,IAAC,MAAA,CAAI,UAAU,gCAAgC,SAAA,qFAG/C,EAIF,KAAM,CAAE,OAAAoD,EAAQ,MAAAC,CAAA,EAAUH,EAE1B,OACC5C,EAAAA,KAAC,MAAA,CAAI,UAAU,sBACd,SAAA,CAAAN,EAAAA,IAACsD,EAAA,CAAQ,OAAAF,EAAgB,MAAAC,CAAA,CAAc,EAEvC/C,EAAAA,KAAC,MAAA,CAAI,UAAU,wCACd,SAAA,CAAAA,OAACD,EAAA,CACA,SAAA,CAAAL,MAACO,EAAA,CACA,SAAAP,EAAAA,IAACQ,EAAA,CAAU,SAAA,kBAAA,CAAgB,EAC5B,EACAR,EAAAA,IAACS,GACA,SAAAT,EAAAA,IAACuD,EAAA,CAAoB,MAAM,OAAO,OAAQ,IACzC,SAAAjD,EAAAA,KAAC6B,EAAA,CAAS,KAAMgB,EAAM,OAAQ,CAAE,IAAK,EAAG,MAAO,GAAI,KAAM,EAAG,OAAQ,CAAA,EACnE,SAAA,CAAAnD,EAAAA,IAACwD,EAAA,CAAc,gBAAgB,MAAM,OAAQnB,EAAM,EACnDrC,EAAAA,IAACgC,EAAA,CAAM,QAAQ,MAAM,OAAQI,EAAM,KAAM,CAAE,SAAU,EAAA,CAAG,CAAG,EAC3DpC,EAAAA,IAACiC,EAAA,CAAM,OAAQG,EAAM,KAAM,CAAE,SAAU,EAAA,EAAM,MAAO,EAAA,CAAI,EACxDpC,EAAAA,IAACyD,EAAA,CAAQ,aAAcnB,CAAA,CAAS,EAChCtC,EAAAA,IAACL,GAAI,QAAQ,UAAU,KAAK,WAAW,KAAK,UAAU,kBAAmB,EAAA,CAAO,CAAA,CAAA,CACjF,EACD,CAAA,CACD,CAAA,EACD,SAECU,EAAA,CACA,SAAA,CAAAL,MAACO,EAAA,CACA,SAAAP,EAAAA,IAACQ,EAAA,CAAU,SAAA,cAAA,CAAY,EACxB,EACAR,EAAAA,IAACS,GACA,SAAAT,EAAAA,IAACuD,EAAA,CAAoB,MAAM,OAAO,OAAQ,IACzC,SAAAjD,EAAAA,KAACuB,EAAA,CAAU,KAAMsB,EAAM,OAAQ,CAAE,IAAK,EAAG,MAAO,GAAI,KAAM,EAAG,OAAQ,CAAA,EACpE,SAAA,CAAAnD,EAAAA,IAACwD,EAAA,CAAc,gBAAgB,MAAM,OAAQnB,EAAM,EACnDrC,EAAAA,IAACgC,EAAA,CAAM,QAAQ,MAAM,OAAQI,EAAM,KAAM,CAAE,SAAU,EAAA,CAAG,CAAG,EAC3DpC,EAAAA,IAACiC,EAAA,CAAM,OAAQG,EAAM,KAAM,CAAE,SAAU,EAAA,EAAM,MAAO,GAAI,OAAQ,CAAC,EAAG,CAAC,EAAG,EACxEpC,EAAAA,IAACyD,EAAA,CAAQ,aAAcnB,CAAA,CAAS,EAChCtC,EAAAA,IAAC+B,EAAA,CAAK,KAAK,WAAW,QAAQ,WAAW,KAAK,YAAY,OAAO,UAAU,IAAK,GAAO,YAAa,EAAG,kBAAmB,EAAA,CAAO,CAAA,CAAA,CAClI,EACD,CAAA,CACD,CAAA,EACD,SAEC1B,EAAA,CACA,SAAA,CAAAL,MAACO,EAAA,CACA,SAAAP,EAAAA,IAACQ,EAAA,CAAU,SAAA,6BAAA,CAA2B,EACvC,EACAR,EAAAA,IAACS,GACA,SAAAT,EAAAA,IAACuD,EAAA,CAAoB,MAAM,OAAO,OAAQ,IACzC,SAAAjD,EAAAA,KAAC6B,EAAA,CAAS,KAAMgB,EAAM,OAAQ,CAAE,IAAK,EAAG,MAAO,GAAI,KAAM,EAAG,OAAQ,CAAA,EACnE,SAAA,CAAAnD,EAAAA,IAACwD,EAAA,CAAc,gBAAgB,MAAM,OAAQnB,EAAM,EACnDrC,EAAAA,IAACgC,EAAA,CAAM,QAAQ,MAAM,OAAQI,EAAM,KAAM,CAAE,SAAU,EAAA,CAAG,CAAG,EAC3DpC,EAAAA,IAACiC,EAAA,CAAM,OAAQG,EAAM,KAAM,CAAE,SAAU,EAAA,EAAM,MAAO,EAAA,CAAI,EACxDpC,EAAAA,IAACyD,EAAA,CAAQ,aAAcnB,CAAA,CAAS,EAChCtC,EAAAA,IAACL,GAAI,QAAQ,WAAW,KAAK,SAAS,KAAK,UAAU,kBAAmB,EAAA,CAAO,CAAA,CAAA,CAChF,EACD,CAAA,CACD,CAAA,EACD,SAECU,EAAA,CACA,SAAA,CAAAL,MAACO,EAAA,CACA,SAAAP,EAAAA,IAACQ,EAAA,CAAU,SAAA,0BAAA,CAAwB,EACpC,EACAR,EAAAA,IAACS,GACA,SAAAT,EAAAA,IAACuD,EAAA,CAAoB,MAAM,OAAO,OAAQ,IACzC,SAAAjD,EAAAA,KAACoD,EAAA,CAAU,KAAMP,EAAM,OAAQ,CAAE,IAAK,EAAG,MAAO,GAAI,KAAM,EAAG,OAAQ,CAAA,EACpE,SAAA,CAAAnD,EAAAA,IAACwD,EAAA,CAAc,gBAAgB,MAAM,OAAQnB,EAAM,EACnDrC,EAAAA,IAACgC,EAAA,CAAM,QAAQ,MAAM,OAAQI,EAAM,KAAM,CAAE,SAAU,EAAA,CAAG,CAAG,EAC3DpC,EAAAA,IAACiC,EAAA,CAAM,OAAQG,EAAM,KAAM,CAAE,SAAU,EAAA,EAAM,MAAO,EAAA,CAAI,EACxDpC,EAAAA,IAACyD,EAAA,CAAQ,aAAcnB,CAAA,CAAS,QAC/BqB,EAAA,CAAO,aAAc,CAAE,SAAU,IAAM,QACvCC,EAAA,CAAK,KAAK,WAAW,QAAQ,YAAY,KAAK,aAAa,QAAQ,IAAI,OAAO,UAAU,KAAK,UAAU,YAAa,GAAK,kBAAmB,GAAO,QACnJA,EAAA,CAAK,KAAK,WAAW,QAAQ,YAAY,KAAK,aAAa,QAAQ,IAAI,OAAO,UAAU,KAAK,UAAU,YAAa,GAAK,kBAAmB,EAAA,CAAO,CAAA,CAAA,CACrJ,EACD,CAAA,CACD,CAAA,CAAA,CACD,CAAA,CAAA,CACD,CAAA,EACD,CAEF,EAEA,SAASN,EAAQ,CAChB,OAAAF,EACA,MAAAC,CACD,EAGuB,CACtB,MAAMQ,EAA+D,CACpE,CACC,MAAO,kBACP,MAAO,OAAOT,EAAO,cAAc,EACnC,KAAM,gCAAA,EAEP,CACC,MAAO,WACP,MAAO,OAAOA,EAAO,YAAY,EACjC,KAAM,kCAAA,EAEP,CACC,MAAO,WACP,MAAO,GAAGA,EAAO,QAAQ,QAAQ,CAAC,CAAC,IACnC,KAAM,yBAAA,EAEP,CACC,MAAO,YACP,MAAO,GAAG,KAAK,MAAMA,EAAO,eAAiB,GAAG,CAAC,IACjD,KAAMA,EAAO,UAAY,KAAO,kBAAoB,aAAaA,EAAO,SAAS,QAAQ,CAAC,CAAC,EAAA,CAC5F,EAGD,OACC9C,EAAAA,KAAC,MAAA,CAAI,UAAU,wCACb,SAAA,CAAAuD,EAAM,IAAKC,GACX9D,MAACK,EAAA,CACA,gBAACI,EAAA,CACA,SAAA,CAAAT,EAAAA,IAAC,MAAA,CAAI,UAAU,gCAAiC,SAAA8D,EAAE,MAAM,EACxD9D,EAAAA,IAAC,MAAA,CAAI,UAAU,sDACb,WAAE,MACJ,EACAA,EAAAA,IAAC,MAAA,CAAI,UAAU,uCAAwC,WAAE,IAAA,CAAK,CAAA,CAAA,CAC/D,CAAA,EAPU8D,EAAE,KAQb,CACA,EACD9D,EAAAA,IAACK,EAAA,CACA,SAAAC,EAAAA,KAACG,EAAA,CACA,SAAA,CAAAT,EAAAA,IAAC,MAAA,CAAI,UAAU,gCAAgC,SAAA,QAAK,EACpDM,EAAAA,KAAC,MAAA,CAAI,UAAU,mCACd,SAAA,CAAAN,EAAAA,IAAC+D,EAAA,CAAQ,MAAM,OAAO,GAAIV,EAAM,YAAa,QAC5CU,EAAA,CAAQ,MAAM,iBAAiB,GAAIV,EAAM,oBAAA,CAAsB,CAAA,CAAA,CACjE,CAAA,CAAA,CACD,CAAA,CACD,CAAA,EACD,CAEF,CAEA,SAASU,EAAQ,CAAE,MAAAhD,EAAO,GAAAiD,GAA0D,CACnF,OACC1D,EAAAA,KAAC,OAAA,CAAK,UAAU,4BACf,SAAA,CAAAN,EAAAA,IAAC,OAAA,CACA,UAAW,qCAAqCgE,EAAK,aAAe,WAAW,GAC/E,cAAY,MAAA,CAAA,EAEZjD,EAAM,IAAE,IACTf,EAAAA,IAACiE,GAAM,QAASD,EAAK,UAAY,SAAW,SAAAA,EAAK,KAAO,KAAA,CAAM,CAAA,EAC/D,CAEF,CCzOA,SAAwBE,IAAiC,CACxD,KAAM,CAAE,KAAMhE,EAAM,MAAOiE,GAAYpB,EACtCqB,EAAAA,YAAY,IAAMC,EAAU,CAAE,QAAS,EAAA,CAAI,EAAG,EAAE,EAChD,CAAE,aAAc,GAAA,CAAO,EAElB,CAAE,KAAMC,CAAA,EAAavB,EAC1BqB,cAAY,IAAMG,EAAA,EAAiB,EAAE,EACrC,CAAE,aAAc,GAAA,CAAO,EAGxB,OAAIJ,GAAW,CAACjE,EAEdI,EAAAA,KAAC,MAAA,CAAI,UAAU,WAAW,SAAA,CAAA,uBAAqB6D,EAAQ,OAAA,EAAQ,EAG5DjE,EAKJI,EAAAA,KAAC,MAAA,CAAI,UAAU,sBACb,SAAA,CAAAgE,GAAU,OACVtE,EAAAA,IAACsB,EAAA,CACA,KAAMgD,EAAS,MAAM,KACrB,aAAcA,EAAS,MAAM,aAC7B,SAAUA,EAAS,MAAM,SACzB,UAAWA,EAAS,MAAM,UAC1B,WAAYA,EAAS,MAAM,UAAA,CAAA,EAG7BtE,MAACC,GAAU,KAAAC,EAAY,EACvBF,MAACmB,GAAU,KAAAjB,EAAY,EACvBI,EAAAA,KAAC,MAAA,CAAI,UAAU,gCACb,SAAA,CAAAJ,EAAK,YAAY,sBAAoBA,EAAK,SAAA,EAC5C,EACCsE,EAAA,GAAYxE,MAAC2C,EAAA,CAAA,CAAa,CAAA,EAC5B,EApBO3C,EAAAA,IAAC,MAAA,CAAI,UAAU,WAAW,SAAA,gBAAa,CAsBhD","x_google_ignoreList":[3,4]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{j as e,u as _,r as C,f as B,a as U,B as K,N as z}from"./index-OM3w-l2T.js";import{u as V}from"./useSSE-DqVouqww.js";import{C as p,a as k,b as N,c as f}from"./card-BsfojHfp.js";import{f as v,a as I}from"./format-COjDIVGj.js";import{C as q,T as X}from"./TimeSavedCard-BkTgi3Af.js";const E=["#58a6ff","#3fb950","#d29922","#f85149","#bc8cff","#ff7b72","#79c0ff","#56d4dd","#e3b341","#a5d6ff","#7ee787","#ffa657"];function J(s){let t=5381;for(let n=0;n<s.length;n++)t=(t<<5)+t+s.charCodeAt(n)>>>0;return t}function Q(s){return s?E[J(s)%E.length]:E[0]}function Y(s){if(!s)return"(unknown)";const t=s.replace(/[\\/]+$/,"");if(!t)return"(unknown)";const n=t.split(/[\\/]/);return n[n.length-1]||t}function Z(s){const t=new Map;for(const r of s){const i=r.repoRoot??"__null__",u=r.tokens??0,m=t.get(i);if(m)m.tokens+=u;else{const c=Y(r.repoRoot);t.set(i,{repoRoot:r.repoRoot,basename:c,tokens:u,color:Q(c)})}}const n=[...t.values()],o=n.reduce((r,i)=>r+i.tokens,0),l=s.reduce((r,i)=>Math.max(r,i.ctxWindow),0);return{repos:n,totalTokens:o,maxWindow:l,sessionCount:s.length}}function F(s){return s>=1e5?`${(s/1e3).toFixed(0)}k`:s.toLocaleString()}function L({children:s}){return e.jsxs(p,{className:"electric-hover",children:[e.jsx(k,{children:e.jsx(N,{children:"Context per Repo (live)"})}),e.jsx(f,{children:s})]})}function ee({sessions:s,loading:t,error:n}){if(n)return e.jsx(L,{children:e.jsxs("span",{className:"text-sm text-muted-foreground",children:["Error loading sessions: ",n.message]})});if(t&&!s)return e.jsx(L,{children:e.jsx("span",{className:"text-sm text-muted-foreground",children:"Loading sessions…"})});const o=s?.sessions??[],{repos:l,totalTokens:r,maxWindow:i,sessionCount:u}=Z(o);if(l.length===0)return e.jsx(L,{children:e.jsx("span",{className:"text-sm text-muted-foreground",children:"No active sessions."})});const m=i>0?Math.round(r/i*100):0;return e.jsxs(L,{children:[e.jsx("div",{className:"repo-stack-bar",role:"group","aria-label":"Per-repo context usage",children:l.map(c=>{const a=r>0?c.tokens/r*100:0,x=r>0?a:0,d=`${c.basename}: ${F(c.tokens)} tokens (${a.toFixed(1)}% of total)`;return e.jsx("div",{className:"repo-stack-segment",style:{width:`${Math.max(x,.5)}%`,backgroundColor:c.color},title:d,"aria-label":d},c.repoRoot??"__null__")})}),e.jsxs("p",{className:"repo-stack-total",children:[F(r)," tokens across ",l.length," ",l.length===1?"repo":"repos"," /"," ",u," ",u===1?"session":"sessions"," ",e.jsxs("span",{className:"pct",children:["— ",m,"% of combined max window"]})]}),e.jsx("div",{className:"repo-stack-legend",children:l.map(c=>{const a=r>0?c.tokens/r*100:0;return e.jsxs("div",{className:"repo-stack-legend-item",children:[e.jsx("span",{className:"repo-stack-legend-swatch",style:{backgroundColor:c.color}}),e.jsx("span",{className:"repo-stack-legend-name",children:c.basename}),e.jsxs("span",{children:[F(c.tokens)," (",a.toFixed(0),"%)"]})]},c.repoRoot??"__null__")})})]})}function se(s){return s>=90?"gauge-red":s>=70?"gauge-yellow":"gauge-green"}function te(s){return s==null?"?":s>=1e5?`${(s/1e3).toFixed(0)}k`:s.toLocaleString()}function ne(s){if(!s)return"(unknown)";const t=s.replace(/[\\/]+$/,"");if(!t)return"(unknown)";const n=t.split(/[\\/]/);return n[n.length-1]||t}function ae(s){const t=Math.max(0,Math.round(s/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 oe({data:s}){const t=s.percent??0,n=Math.max(t,1),o=se(t),l=te(s.tokens),r=s.contextWindow.toLocaleString(),i=`${l} / ${r} tokens`;return e.jsxs("div",{className:`session-gauge ${s.isSelf?"session-gauge-self":""}`,children:[e.jsxs("div",{className:"session-gauge-head",children:[e.jsx("span",{className:"session-gauge-label",children:s.label}),e.jsxs("span",{className:"session-gauge-pct",children:[t,"%"]})]}),e.jsx("div",{className:`gauge-bar ${o}`,role:"meter","aria-valuenow":t,"aria-valuemin":0,"aria-valuemax":100,"aria-label":`${s.label}: ${t}%`,children:e.jsx("div",{className:"gauge-fill",style:{width:`${n}%`}})}),e.jsx("p",{className:"gauge-label session-gauge-sub",children:i}),s.sublabel&&e.jsx("p",{className:"session-gauge-meta",children:s.sublabel})]})}function re({sessions:s,loading:t,error:n,launcherSessionId:o,launcher:l}){const r=Date.now(),i=[{key:"self",label:"this session",sublabel:"",tokens:l.tokens,percent:l.percent,contextWindow:l.contextWindow,isSelf:!0}],u=(s?.sessions??[]).filter(a=>a.sessionId!==o);u.sort((a,x)=>x.lastSeen-a.lastSeen);for(const a of u)i.push({key:a.sessionId,label:ne(a.repoRoot),sublabel:`pid ${a.pid} · ${ae(r-a.lastSeen)}${a.model?` · ${a.model}`:""}`,tokens:a.tokens,percent:a.percent,contextWindow:a.ctxWindow||0,isSelf:!1});const m=n&&!s,c=t&&!s;return e.jsxs(p,{className:"electric-hover",children:[e.jsx(k,{children:e.jsx(N,{children:"Context per Session (live)"})}),e.jsx(f,{children:m?e.jsxs("div",{className:"text-sm text-muted-foreground",children:["Error loading sessions: ",n.message]}):c?e.jsx("div",{className:"text-sm text-muted-foreground",children:"Loading sessions…"}):e.jsx("div",{className:"grid grid-cols-1 gap-3 sm:grid-cols-2",children:i.map(a=>e.jsx(oe,{data:a},a.key))})})]})}function O({state:s,label:t}){const n=s==="on"?"bullet-on":s==="na"?"bullet-na":"bullet-off";return e.jsxs("div",{className:`bullet ${n}`,children:[e.jsx("span",{className:"bullet-dot","aria-hidden":"true"}),e.jsx("span",{className:"bullet-label",children:t})]})}function le({armed:s,ready:t}){const n=s?"on":"off",o=t?"on":s?"off":"na",l=t?"THRESHOLD EXCEEDED — compacting next event":s?"past fast gate — monitoring token count":"idle — below fast gate";return e.jsxs("div",{className:"card trigger-status",children:[e.jsx("h3",{children:"Trigger Status"}),e.jsxs("div",{className:"bullet-row",children:[e.jsx(O,{state:n,label:"Armed"}),e.jsx(O,{state:o,label:"Ready"})]}),e.jsx("p",{className:"trigger-state-text",children:l})]})}function ie(s){return s>=.9?"meter-green":s>=.6?"meter-yellow":"meter-red"}function h({label:s,value:t,title:n}){return e.jsxs("div",{className:"ov-stat-row",children:[e.jsx("span",{className:"ov-stat-label",title:n,children:s}),e.jsx("span",{className:"ov-stat-value",children:t})]})}function ce(s){const t=s.compressionPct,n=ie(t),o=Math.max(t*100,.5),l=`${v(t)} tokens saved · dedup: ${v(s.dedupPct)}`;return e.jsxs("div",{className:"card vector-store-card",children:[e.jsx("h3",{children:"Vector Store (session)"}),e.jsx(h,{label:"Checkpoints",value:s.checkpointCount.toLocaleString(),title:"A saved summary of a chunk of your conversation that was compacted to free up space."}),e.jsx(h,{label:"Original (dropped)",value:s.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'."}),e.jsx(h,{label:"Kept (summaries)",value:s.tokensOut.toLocaleString(),title:"Compact summaries we are currently holding as 'memory' for this session (the 'out'). Smaller is better."}),e.jsx(h,{label:"Freed",value:s.tokensFreed.toLocaleString(),title:"Conversation space freed = dropped − kept (the 'saved')."}),e.jsx(h,{label:"Injected",value:s.injectedCount,title:"How many times old context was automatically brought back into the conversation because it was relevant to what you were doing."}),e.jsx(h,{label:"Recall Relevance",value:v(s.dedupHitRate),title:"Of the times we recalled old context, how often it was actually on-topic."}),e.jsx(h,{label:"Storage Dedup",value:v(s.storageDedupRate),title:"How often new content matched something we already had, so we skipped storing a duplicate copy. Higher = less wasted space."}),e.jsx(h,{label:"Collapsed",value:s.dedupCollapsed,title:"How many duplicate chunks we collapsed into one instead of storing separately."}),e.jsx(h,{label:"Last ID",value:s.lastCheckpointId??"—",title:"The ID of the most recent saved checkpoint."}),e.jsxs("div",{className:"ov-compression-meter",children:[e.jsx("div",{className:"meter-track",children:e.jsx("div",{className:`meter-fill ${n}`,style:{width:`${o}%`}})}),e.jsx("span",{className:"meter-sub",children:l})]})]})}function de(s){return s>=.9?"meter-green":s>=.6?"meter-yellow":"meter-red"}function g({label:s,value:t}){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:t})]})}function ue(s){const t=s.compressionPct,n=de(t),o=Math.max(t*100,.5),l=`${v(t)} tokens saved · dedup: ${v(s.dedupPct)}`;return e.jsxs(p,{className:"electric-hover",children:[e.jsx(k,{children:e.jsx(N,{children:"Repo (all sessions)"})}),e.jsxs(f,{children:[e.jsx(g,{label:"Checkpoints",value:s.checkpointCount.toLocaleString()}),e.jsx(g,{label:"Original",value:s.tokensIn.toLocaleString()}),e.jsx(g,{label:"Kept",value:s.tokensOut.toLocaleString()}),e.jsx(g,{label:"Freed",value:s.tokensFreed.toLocaleString()}),e.jsx(g,{label:"Sessions",value:s.sessionCount.toLocaleString()}),e.jsx(g,{label:"Collapsed",value:s.dedupCollapsed}),e.jsx(g,{label:"Storage Dedup",value:v(s.storageDedupRate)}),e.jsxs("div",{children:[e.jsx("div",{className:"mt-2 h-2 w-full overflow-hidden rounded-full bg-bg-elevated",children:e.jsx("div",{className:`meter-fill h-full ${n}`,style:{width:`${o}%`}})}),e.jsx("span",{className:"mt-1 block text-xs text-muted-foreground",children:l})]})]})]})}function me(s){return e.jsxs("div",{className:"card data-safety-card",children:[e.jsx("h3",{children:"🛡 Data Safety"}),e.jsxs("div",{className:"ov-stat-row",children:[e.jsx("span",{className:"ov-stat-label",children:"Regions Retained"}),e.jsx("span",{className:"ov-stat-value",children:s.regionsRetained.toLocaleString()})]}),e.jsxs("div",{className:"ov-stat-row",children:[e.jsx("span",{className:"ov-stat-label",children:"Compressed-Original"}),e.jsx("span",{className:"ov-stat-value",children:I(s.compressedOriginalBytes)})]}),e.jsxs("div",{className:"ov-stat-row",children:[e.jsx("span",{className:"ov-stat-label",children:"Dedup Duplicates"}),e.jsx("span",{className:"ov-stat-value",children:s.duplicatesCollapsed.toLocaleString()})]}),e.jsxs("div",{className:"ov-stat-row",children:[e.jsx("span",{className:"ov-stat-label",children:"Permanently Deleted"}),e.jsx("span",{className:"ov-stat-value ov-value-ok",children:I(s.bytesPermanentlyDeleted)})]}),e.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 j({label:s,value:t,title:n}){return e.jsxs("div",{className:"ov-stat-row",children:[e.jsx("span",{className:"ov-stat-label",title:n,children:s}),e.jsx("span",{className:"ov-stat-value",children:t})]})}function xe(s){const t=`${Math.round((s.pressure??0)*100)}%`;let n=s.thresholdTokens.toLocaleString();return s.tierPct!=null&&s.contextWindow>0&&(n+=` (${Math.round(s.tierPct*100)}% of ${s.contextWindow.toLocaleString()})`),e.jsxs("div",{className:"card config-summary-card",children:[e.jsx("h3",{children:"Configuration"}),e.jsx(j,{label:"Tier",value:`${s.tier} (live)`,title:"Live pressure band — climbs low→mega as context fills the window."}),e.jsx(j,{label:"Preset",value:s.presetTier,title:"The env-resolved base compaction preset (low/medium/high/ultra/mega) that set the token threshold."}),e.jsx(j,{label:"Pressure",value:t,title:"Live pressure = currentTokens / threshold — % of the model context window (threshold fires at the tier's % of window)."}),e.jsx(j,{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."}),e.jsx(j,{label:"Fast Gate",value:`${s.fastGatePct}%`,title:"Fast-gate arming floor — the live trim arms once context passes this % of the window."}),e.jsx(j,{label:"Auto",value:s.auto?"enabled":"disabled"}),e.jsx(j,{label:"Anchor",value:String(s.anchorUserMessages)})]})}function D({label:s,value:t,title:n}){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",title:n,children:s}),e.jsx("span",{className:"font-semibold",children:t})]})}function he(s){const t=s.repoTokensFreed||0;let n=0,o="0";if(s.inputRate&&t>0){n=t*s.inputRate;const i=s.contextWindow||0;o=i>0?(t/i).toFixed(1):"0"}const l=`≈ $${n.toFixed(4)} saved`,r=`${o} context-windows extended`;return e.jsxs(p,{className:"electric-hover",children:[e.jsx(k,{children:e.jsx(N,{children:"💰 Model & Cost Savings"})}),e.jsxs(f,{children:[e.jsx("div",{className:"text-neon text-xl font-semibold",children:l}),e.jsx("div",{className:"mb-2 text-xs text-muted-foreground",children:r}),e.jsx(D,{label:"Model",value:s.name,title:"The model pi is currently using — its pricing drives the cost figure."}),e.jsx(D,{label:"Provider",value:s.provider,title:"The provider serving the model."}),e.jsx(D,{label:"Input Rate",value:`$${s.inputRate.toFixed(6)}`,title:"USD per input token, from the model's pricing."}),e.jsx(D,{label:"Output Rate",value:`$${s.outputRate.toFixed(6)}`,title:"USD per output token, from the model's pricing."})]})]})}function pe(s){const{activeAgents:t,currentTurn:n}=s,o=t>0?`▶ ${t} running`:"idle";return e.jsxs(p,{className:"electric-hover",children:[e.jsx(k,{children:e.jsx(N,{children:"Crew / Agents"})}),e.jsxs(f,{children:[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:"Active Agents"}),e.jsx("span",{className:"font-semibold",children:t})]}),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:"Current Turn"}),e.jsx("span",{className:"font-semibold",children:n})]}),e.jsxs("div",{className:"flex items-baseline justify-between py-1 text-sm",children:[e.jsx("span",{className:"text-xs text-muted-foreground",children:"Status"}),e.jsx("span",{className:"font-semibold",children:o})]})]})]})}const fe=[e.jsxs("li",{children:[e.jsx("b",{children:"Original (dropped)"}),' — everything compacted away (including duplicates caught by dedup). The "in."']},"1"),e.jsxs("li",{children:[e.jsx("b",{children:"Kept (summaries)"}),' — compact summaries still held as "memory" (the "out").']},"2"),e.jsxs("li",{children:[e.jsx("b",{children:"Freed"})," = dropped − kept — tokens saved so far (higher = better)."]},"3"),e.jsxs("li",{children:[e.jsx("b",{children:"Compression %"})," — Freed ÷ Dropped — the headline efficiency number. Higher = more space reclaimed."]},"4"),e.jsxs("li",{children:[e.jsx("b",{children:"Storage dedup %"})," — how often new content matched something already saved, so no duplicate copy was written."]},"5"),e.jsxs("li",{children:[e.jsx("b",{children:"Data safety"})," — every compacted region is kept verbatim (compressed). Nothing is permanently deleted; you can restore any of it."]},"6")];function ge(){return e.jsx(p,{children:e.jsx(f,{children:e.jsxs("details",{children:[e.jsx("summary",{className:"cursor-pointer text-sm font-semibold",children:"What these numbers mean"}),e.jsx("ol",{className:"mt-2 list-decimal space-y-1 pl-5 text-sm",children:fe}),e.jsx("p",{className:"mt-2 text-xs text-muted-foreground",children:"Hover any label above for a quick explanation."})]})})})}const je=()=>{const{data:s}=_(C.useMemo(()=>()=>B(),[]),{pollInterval:3e4});if(!s)return e.jsx(p,{children:e.jsx(f,{className:"text-sm text-muted-foreground",children:"Loading RAG health…"})});const{totals:t,flags:n}=s,o=n.hydeEnabled||n.recallMetricsEnabled;return e.jsxs(p,{children:[e.jsx(k,{children:e.jsxs(N,{className:"flex items-center gap-2",children:[e.jsx("span",{className:`inline-block h-2 w-2 rounded-full ${o?"bg-success":"bg-muted-foreground"}`,"aria-hidden":"true"}),"RAG Health"]})}),e.jsx(f,{children:o?e.jsxs("dl",{className:"grid grid-cols-2 gap-x-4 gap-y-2 text-sm",children:[e.jsxs("div",{children:[e.jsx("dt",{className:"text-xs text-muted-foreground",children:"Pass rate"}),e.jsxs("dd",{className:"font-semibold text-foreground",children:[Math.round(t.recentPassRate*100),"%"]})]}),e.jsxs("div",{children:[e.jsx("dt",{className:"text-xs text-muted-foreground",children:"Avg lift"}),e.jsxs("dd",{className:"font-semibold text-foreground",children:[t.avgLift.toFixed(2),"×"]})]}),e.jsxs("div",{children:[e.jsx("dt",{className:"text-xs text-muted-foreground",children:"Telemetry turns"}),e.jsx("dd",{className:"font-semibold text-foreground",children:t.telemetryTurns})]}),e.jsxs("div",{children:[e.jsx("dt",{className:"text-xs text-muted-foreground",children:"HyDE ran"}),e.jsx("dd",{className:"font-semibold text-foreground",children:t.hydeRanTurns})]})]}):e.jsx("div",{className:"text-sm text-muted-foreground",children:"All RAG recall feature flags are off."})})]})};function ve(s){return s.type==="session_sample"}function be(s){if(!s)return"never";try{return new Date(s).toLocaleString()}catch{return s}}function Ce({snapshot:s,loading:t,error:n}){const{data:o,error:l,loading:r,refetch:i}=_(C.useCallback(()=>U(),[]),{pollInterval:2e3}),{events:u}=V(),m=C.useMemo(()=>u.filter(ve),[u]),c=C.useMemo(()=>m.length===0?null:m[m.length-1].ts,[m]);if(C.useEffect(()=>{c!=null&&i()},[c,i]),t&&!s)return e.jsx("div",{className:"tab-stub",children:"Loading snapshot…"});if(n&&!s)return e.jsxs("div",{className:"tab-stub",children:["Error: ",n.message]});if(!s)return e.jsx("div",{className:"tab-stub",children:"No snapshot data."});const a=s,{context:x,compression:d,trigger:w,session:M,store:S,tier:H,updatedAt:G}=a,y=a.config,W=a.crew,T=a.integrity,R=a.cacheHits,A=a.compacts,$=a.timeSaved,P=a.repo,b=a.model;return e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(K,{variant:"accent",children:H}),e.jsxs("span",{className:"text-xs text-muted-foreground",children:["updated ",be(G)]})]}),e.jsxs("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3",children:[e.jsx(re,{sessions:o,loading:r,error:l,launcherSessionId:M.id,launcher:{tokens:x.tokens,percent:x.percent,contextWindow:x.contextWindow}}),e.jsx(ee,{sessions:o,loading:r,error:l}),e.jsx(le,{armed:w.armed,ready:w.ready,currentTokens:w.currentTokens,thresholdTokens:w.thresholdTokens,fastGatePct:w.fastGatePct}),e.jsx(ce,{checkpointCount:S.checkpointCount,tokensIn:d.session.tokensIn,tokensOut:d.session.tokensOut,tokensFreed:d.session.tokensFreed,injectedCount:S.injectedCount,dedupHitRate:S.dedupHitRate,storageDedupRate:S.storageDedupRate,dedupCollapsed:S.dedupCollapsed,lastCheckpointId:M.lastCheckpointId,compressionPct:d.session.compressionPct,dedupPct:d.session.dedupPct}),e.jsx(ue,{checkpointCount:P.checkpointCount,tokensIn:d.repo.tokensIn,tokensOut:d.repo.tokensOut,tokensFreed:d.repo.tokensFreed,sessionCount:P.sessionCount,dedupCollapsed:P.dedupCollapsed,storageDedupRate:P.storageDedupRate,compressionPct:d.repo.compressionPct,dedupPct:d.repo.dedupPct}),e.jsx(me,{regionsRetained:T.regionsRetained,compressedOriginalBytes:T.compressedOriginalBytes,duplicatesCollapsed:T.duplicatesCollapsed,bytesPermanentlyDeleted:T.bytesPermanentlyDeleted}),e.jsx(xe,{tier:H,presetTier:a.presetTier,pressure:a.pressure,thresholdTokens:y.thresholdTokens,tierPct:y.tierPct,contextWindow:x.contextWindow,fastGatePct:y.fastGatePct,auto:y.auto,anchorUserMessages:y.anchorUserMessages}),b&&e.jsx(he,{name:b.name,provider:b.providerName||b.provider,inputRate:b.inputRate,outputRate:b.outputRate,repoTokensFreed:d.repo.tokensFreed,contextWindow:x.contextWindow}),e.jsx(pe,{activeAgents:W.activeAgents,currentTurn:W.currentTurn}),e.jsx(q,{cacheHitsSession:R.session,cacheHitsTotal:R.total,tokensSavedSession:R.sessionTokensSaved,tokensSavedTotal:R.totalTokensSaved,compactionsSession:A.session,compactionsTotal:A.total}),e.jsx(X,{compactSessionSec:$.compact.sessionSec,compactTotalSec:$.compact.totalSec,cacheHitSessionSec:$.cacheHit.sessionSec,cacheHitTotalSec:$.cacheHit.totalSec}),z()&&e.jsx(je,{}),e.jsx(ge,{})]})]})}export{Ce as default};
|
|
2
|
-
//# sourceMappingURL=OverviewTab-4CGP0djv.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OverviewTab-4CGP0djv.js","sources":["../../src/components/RepoContextStack.tsx","../../src/components/SessionContextGauges.tsx","../../src/components/TriggerStatus.tsx","../../src/components/VectorStoreCard.tsx","../../src/components/RepoAllSessionsCard.tsx","../../src/components/DataSafetyCard.tsx","../../src/components/ConfigSummaryCard.tsx","../../src/components/CacheStatusPerModel.tsx","../../src/components/SessionInfo.tsx","../../src/components/LegendCard.tsx","../../src/tabs/SetupTab/RagHealthCard.tsx","../../src/tabs/OverviewTab.tsx"],"sourcesContent":["/**\n * dashboard-client/src/components/RepoContextStack.tsx — Stacked per-repo context bar (S40).\n *\n * Horizontal stacked bar: one colored segment per active repo, aggregating\n * that repo's active sessions' token counts. Renders a combined total line\n * and a legend mapping each repo (basename of repoRoot) to its segment color\n * + token count + % of total.\n *\n * Stable per-repo colors: the repoRoot basename is hashed to a deterministic\n * index into a fixed palette array, so the same repo always gets the same\n * color across renders/tabs (mirrors SessionsMemoryChart's stable-color\n * contract from S39).\n *\n * PREVENT-PI-004: this is a pure presentational component — no fetch, no\n * network. Data is passed in by the parent (OverviewTab) via\n * useApi(fetchSessions) + useSSE() for real-time updates.\n */\n\nimport type React from \"react\";\nimport type { ActiveSession, SessionsResponse } from \"@contracts\";\nimport { Card, CardContent, CardHeader, CardTitle } from \"../components/ui/card\";\n\nexport interface RepoContextStackProps {\n\t/** Active sessions from /api/sessions (may be null while loading). */\n\tsessions: SessionsResponse | null;\n\t/** Whether the initial fetch is in flight. */\n\tloading: boolean;\n\t/** Fetch error, if any. */\n\terror: Error | null;\n}\n\n// ─── Stable color palette ─────────────────────────────────────────────────────\n// Fixed set of hex colors used for stable per-repo coloring. The hash function\n// maps a repoRoot basename to a deterministic palette index so the same repo\n// always renders the same color.\nconst REPO_PALETTE: ReadonlyArray<string> = [\n\t\"#58a6ff\", // blue\n\t\"#3fb950\", // green\n\t\"#d29922\", // yellow\n\t\"#f85149\", // red\n\t\"#bc8cff\", // purple\n\t\"#ff7b72\", // salmon\n\t\"#79c0ff\", // light blue\n\t\"#56d4dd\", // cyan\n\t\"#e3b341\", // gold\n\t\"#a5d6ff\", // pale blue\n\t\"#7ee787\", // mint\n\t\"#ffa657\", // orange\n];\n\n/**\n * Simple deterministic string hash (djb2 variant). Returns a non-negative\n * 32-bit integer.\n */\nfunction hashString(str: string): number {\n\tlet hash = 5381;\n\tfor (let i = 0; i < str.length; i++) {\n\t\thash = ((hash << 5) + hash + str.charCodeAt(i)) >>> 0;\n\t}\n\treturn hash;\n}\n\n/**\n * Pick a stable color for a repoRoot basename. Falls back to \"(unknown)\" if\n * the basename is empty.\n */\nfunction colorForRepo(basename: string): string {\n\tif (!basename) return REPO_PALETTE[0];\n\treturn REPO_PALETTE[hashString(basename) % REPO_PALETTE.length];\n}\n\n/**\n * Extract the basename from a repoRoot path. Uses `\"/\"` as the universal\n * separator on all OSes (repoRoot is an absolute path from the dashboard\n * server; on Windows pi actually uses forward-slash normalized paths anyway).\n */\nfunction repoBasename(repoRoot: string | null): string {\n\tif (!repoRoot) return \"(unknown)\";\n\tconst trimmed = repoRoot.replace(/[\\\\/]+$/, \"\");\n\tif (!trimmed) return \"(unknown)\";\n\tconst parts = trimmed.split(/[\\\\/]/);\n\tconst last = parts[parts.length - 1];\n\treturn last || trimmed;\n}\n\n// ─── Aggregation ─────────────────────────────────────────────────────────────\n\ninterface RepoAggregate {\n\trepoRoot: string | null;\n\tbasename: string;\n\ttokens: number;\n\tcolor: string;\n}\n\nfunction aggregateRepos(sessions: ReadonlyArray<ActiveSession>): {\n\trepos: RepoAggregate[];\n\ttotalTokens: number;\n\tmaxWindow: number;\n\tsessionCount: number;\n} {\n\tconst map = new Map<string, RepoAggregate>();\n\tfor (const s of sessions) {\n\t\tconst key = s.repoRoot ?? \"__null__\";\n\t\tconst tokens = s.tokens ?? 0;\n\t\tconst existing = map.get(key);\n\t\tif (existing) {\n\t\t\texisting.tokens += tokens;\n\t\t} else {\n\t\t\tconst basename = repoBasename(s.repoRoot);\n\t\t\tmap.set(key, {\n\t\t\t\trepoRoot: s.repoRoot,\n\t\t\t\tbasename,\n\t\t\t\ttokens,\n\t\t\t\tcolor: colorForRepo(basename),\n\t\t\t});\n\t\t}\n\t}\n\tconst repos = [...map.values()];\n\tconst totalTokens = repos.reduce((sum, r) => sum + r.tokens, 0);\n\t// Combined max window: the largest ctxWindow among the active sessions.\n\t// This mirrors SessionsTab's SummaryTiles combined-% logic.\n\tconst maxWindow = sessions.reduce(\n\t\t(max, s) => Math.max(max, s.ctxWindow),\n\t\t0,\n\t);\n\treturn {\n\t\trepos,\n\t\ttotalTokens,\n\t\tmaxWindow,\n\t\tsessionCount: sessions.length,\n\t};\n}\n\nfunction fmtTokens(n: number): string {\n\tif (n >= 100_000) return `${(n / 1000).toFixed(0)}k`;\n\treturn n.toLocaleString();\n}\n\nfunction StackCard({ children }: { 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>Context per Repo (live)</CardTitle>\n\t\t\t</CardHeader>\n\t\t\t<CardContent>{children}</CardContent>\n\t\t</Card>\n\t);\n}\n\nexport function RepoContextStack({\n\tsessions,\n\tloading,\n\terror,\n}: RepoContextStackProps): React.ReactElement | null {\n\tif (error) {\n\t\treturn (\n\t\t\t<StackCard>\n\t\t\t\t<span className=\"text-sm text-muted-foreground\">\n\t\t\t\t\tError loading sessions: {error.message}\n\t\t\t\t</span>\n\t\t\t</StackCard>\n\t\t);\n\t}\n\n\tif (loading && !sessions) {\n\t\treturn (\n\t\t\t<StackCard>\n\t\t\t\t<span className=\"text-sm text-muted-foreground\">Loading sessions…</span>\n\t\t\t</StackCard>\n\t\t);\n\t}\n\n\tconst activeSessions = sessions?.sessions ?? [];\n\tconst { repos, totalTokens, maxWindow, sessionCount } =\n\t\taggregateRepos(activeSessions);\n\n\tif (repos.length === 0) {\n\t\treturn (\n\t\t\t<StackCard>\n\t\t\t\t<span className=\"text-sm text-muted-foreground\">No active sessions.</span>\n\t\t\t</StackCard>\n\t\t);\n\t}\n\n\tconst combinedPct =\n\t\tmaxWindow > 0 ? Math.round((totalTokens / maxWindow) * 100) : 0;\n\n\treturn (\n\t\t<StackCard>\n\t\t\t<div\n\t\t\t\tclassName=\"repo-stack-bar\"\n\t\t\t\trole=\"group\"\n\t\t\t\taria-label=\"Per-repo context usage\"\n\t\t\t>\n\t\t\t\t{repos.map((r) => {\n\t\t\t\t\tconst pctOfTotal =\n\t\t\t\t\t\ttotalTokens > 0 ? (r.tokens / totalTokens) * 100 : 0;\n\t\t\t\t\tconst widthPct = totalTokens > 0 ? pctOfTotal : 0;\n\t\t\t\t\tconst tooltip =\n\t\t\t\t\t\t`${r.basename}: ${fmtTokens(r.tokens)} tokens ` +\n\t\t\t\t\t\t`(${pctOfTotal.toFixed(1)}% of total)`;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={r.repoRoot ?? \"__null__\"}\n\t\t\t\t\t\t\tclassName=\"repo-stack-segment\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\twidth: `${Math.max(widthPct, 0.5)}%`,\n\t\t\t\t\t\t\t\tbackgroundColor: r.color,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\ttitle={tooltip}\n\t\t\t\t\t\t\taria-label={tooltip}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t\t<p className=\"repo-stack-total\">\n\t\t\t\t{fmtTokens(totalTokens)} tokens across {repos.length}{\" \"}\n\t\t\t\t{repos.length === 1 ? \"repo\" : \"repos\"} /{\" \"}\n\t\t\t\t{sessionCount}{\" \"}\n\t\t\t\t{sessionCount === 1 ? \"session\" : \"sessions\"}{\" \"}\n\t\t\t\t<span className=\"pct\">— {combinedPct}% of combined max window</span>\n\t\t\t</p>\n\t\t\t<div className=\"repo-stack-legend\">\n\t\t\t\t{repos.map((r) => {\n\t\t\t\t\tconst pctOfTotal =\n\t\t\t\t\t\ttotalTokens > 0 ? (r.tokens / totalTokens) * 100 : 0;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={r.repoRoot ?? \"__null__\"}\n\t\t\t\t\t\t\tclassName=\"repo-stack-legend-item\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclassName=\"repo-stack-legend-swatch\"\n\t\t\t\t\t\t\t\tstyle={{ backgroundColor: r.color }}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<span className=\"repo-stack-legend-name\">{r.basename}</span>\n\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t{fmtTokens(r.tokens)} ({pctOfTotal.toFixed(0)}%)\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</StackCard>\n\t);\n}\n","/**\n * dashboard-client/src/components/SessionContextGauges.tsx — Per-session context gauges (S40).\n *\n * Replaces the single launcher-only ContextGauge on the Overview tab with a\n * wrapping grid of compact gauges, one per active pi session. The launcher's\n * own session is always shown first + highlighted (\"this session\"), sourced\n * from the live snapshot (always available, never depends on heartbeat\n * timing). Other active sessions come from /api/sessions, sorted by lastSeen\n * descending, each labeled with repo basename + PID.\n *\n * Reuses the existing .gauge-bar / .gauge-fill / .gauge-{green,yellow,red}\n * classes from overview-events.css so the fill bars match the original\n * ContextGauge styling.\n *\n * PREVENT-PI-004: pure presentational component — no fetch, no network. Data\n * is passed in by the parent (OverviewTab) via its useApi(fetchSessions) +\n * useSSE() for real-time updates.\n */\n\nimport type React from \"react\";\nimport type { ActiveSession, SessionsResponse } from \"@contracts\";\nimport { Card, CardContent, CardHeader, CardTitle } from \"../components/ui/card\";\n\nexport interface SessionContextGaugesProps {\n\t/** Active sessions from /api/sessions (may be null while loading). */\n\tsessions: SessionsResponse | null;\n\t/** Whether the initial fetch is in flight. */\n\tloading: boolean;\n\t/** Fetch error, if any. */\n\terror: Error | null;\n\t/** Launcher's own session ID (from snapshot.session.id), to exclude it\n\t * from the \"other sessions\" list (it's always rendered separately). */\n\tlauncherSessionId: string | null;\n\t/** Launcher's own context values (from snapshot — always available). */\n\tlauncher: {\n\t\ttokens: number | null;\n\t\tpercent: number | null;\n\t\tcontextWindow: number;\n\t};\n}\n\nfunction severityClass(percent: number): string {\n\tif (percent >= 90) return \"gauge-red\";\n\tif (percent >= 70) return \"gauge-yellow\";\n\treturn \"gauge-green\";\n}\n\nfunction fmtTokens(n: number | null): string {\n\tif (n == null) return \"?\";\n\tif (n >= 100_000) return `${(n / 1000).toFixed(0)}k`;\n\treturn n.toLocaleString();\n}\n\nfunction repoBasename(repoRoot: string | null): string {\n\tif (!repoRoot) return \"(unknown)\";\n\tconst trimmed = repoRoot.replace(/[\\\\/]+$/, \"\");\n\tif (!trimmed) return \"(unknown)\";\n\tconst parts = trimmed.split(/[\\\\/]/);\n\treturn parts[parts.length - 1] || trimmed;\n}\n\nfunction fmtAge(ms: number): string {\n\tconst s = Math.max(0, Math.round(ms / 1000));\n\tif (s < 60) return `${s}s ago`;\n\tconst m = Math.floor(s / 60);\n\tif (m < 60) return `${m}m ago`;\n\tconst h = Math.floor(m / 60);\n\treturn `${h}h ${m % 60}m ago`;\n}\n\ninterface GaugeData {\n\tkey: string;\n\tlabel: string;\n\tsublabel: string;\n\ttokens: number | null;\n\tpercent: number | null;\n\tcontextWindow: number;\n\tisSelf: boolean;\n}\n\n/** A single compact gauge: header label, fill bar, tokens/window sublabel. */\nfunction SessionGauge({ data }: { data: GaugeData }): React.ReactElement {\n\tconst pct = data.percent ?? 0;\n\tconst fillWidth = Math.max(pct, 1);\n\tconst cls = severityClass(pct);\n\tconst tokStr = fmtTokens(data.tokens);\n\tconst windowStr = data.contextWindow.toLocaleString();\n\tconst sublabel = `${tokStr} / ${windowStr} tokens`;\n\treturn (\n\t\t<div className={`session-gauge ${data.isSelf ? \"session-gauge-self\" : \"\"}`}>\n\t\t\t<div className=\"session-gauge-head\">\n\t\t\t\t<span className=\"session-gauge-label\">{data.label}</span>\n\t\t\t\t<span className=\"session-gauge-pct\">{pct}%</span>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclassName={`gauge-bar ${cls}`}\n\t\t\t\trole=\"meter\"\n\t\t\t\taria-valuenow={pct}\n\t\t\t\taria-valuemin={0}\n\t\t\t\taria-valuemax={100}\n\t\t\t\taria-label={`${data.label}: ${pct}%`}\n\t\t\t>\n\t\t\t\t<div className=\"gauge-fill\" style={{ width: `${fillWidth}%` }} />\n\t\t\t</div>\n\t\t\t<p className=\"gauge-label session-gauge-sub\">{sublabel}</p>\n\t\t\t{data.sublabel && <p className=\"session-gauge-meta\">{data.sublabel}</p>}\n\t\t</div>\n\t);\n}\n\nexport function SessionContextGauges({\n\tsessions,\n\tloading,\n\terror,\n\tlauncherSessionId,\n\tlauncher,\n}: SessionContextGaugesProps): React.ReactElement {\n\tconst now = Date.now();\n\n\t// Launcher gauge (always rendered, sourced from the snapshot).\n\tconst gauges: GaugeData[] = [\n\t\t{\n\t\t\tkey: \"self\",\n\t\t\tlabel: \"this session\",\n\t\t\tsublabel: \"\",\n\t\t\ttokens: launcher.tokens,\n\t\t\tpercent: launcher.percent,\n\t\t\tcontextWindow: launcher.contextWindow,\n\t\t\tisSelf: true,\n\t\t},\n\t];\n\n\t// Other active sessions (exclude the launcher by sessionId to avoid dup).\n\tconst others: ActiveSession[] = (sessions?.sessions ?? []).filter(\n\t\t(s) => s.sessionId !== launcherSessionId,\n\t);\n\t// Sort by lastSeen descending (most recent first).\n\tothers.sort((a, b) => b.lastSeen - a.lastSeen);\n\tfor (const s of others) {\n\t\tgauges.push({\n\t\t\tkey: s.sessionId,\n\t\t\tlabel: repoBasename(s.repoRoot),\n\t\t\tsublabel: `pid ${s.pid} · ${fmtAge(now - s.lastSeen)}${\n\t\t\t\ts.model ? ` · ${s.model}` : \"\"\n\t\t\t}`,\n\t\t\ttokens: s.tokens,\n\t\t\tpercent: s.percent,\n\t\t\tcontextWindow: s.ctxWindow || 0,\n\t\t\tisSelf: false,\n\t\t});\n\t}\n\n\tconst hasError = error && !sessions;\n\tconst showLoading = loading && !sessions;\n\n\treturn (\n\t\t<Card className=\"electric-hover\">\n\t\t\t<CardHeader>\n\t\t\t\t<CardTitle>Context per Session (live)</CardTitle>\n\t\t\t</CardHeader>\n\t\t\t<CardContent>\n\t\t\t{hasError ? (\n\t\t\t\t<div className=\"text-sm text-muted-foreground\">\n\t\t\t\t\tError loading sessions: {error!.message}\n\t\t\t\t</div>\n\t\t\t) : showLoading ? (\n\t\t\t\t<div className=\"text-sm text-muted-foreground\">Loading sessions…</div>\n\t\t\t) : (\n\t\t\t\t<div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n\t\t\t\t\t{gauges.map((g) => (\n\t\t\t\t\t\t<SessionGauge key={g.key} data={g} />\n\t\t\t\t\t))}\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/TriggerStatus.tsx — trigger armed/ready status.\n *\n * Two bullets (Armed, Ready) + state text.\n * Ready bullet shows \"na\" (yellow) when not armed.\n * State text: ready → \"THRESHOLD EXCEEDED — compacting next event\",\n * armed → \"past fast gate — monitoring token count\",\n * idle → \"idle — below fast gate\".\n */\n\nimport type React from \"react\";\n\nexport interface TriggerStatusProps {\n\t/** Whether the trigger is armed (waiting for threshold). */\n\tarmed: boolean;\n\t/** Whether the trigger is ready to fire (pressure at/above threshold). */\n\tready: boolean;\n\t/** Current context token count, or null if unknown. */\n\tcurrentTokens: number | null;\n\t/** Token threshold for firing. */\n\tthresholdTokens: number;\n\t/** Fast-gate pressure threshold (percent, 0–100). */\n\tfastGatePct: number;\n}\n\ntype BulletState = \"on\" | \"off\" | \"na\";\n\nfunction Bullet({\n\tstate,\n\tlabel,\n}: {\n\tstate: BulletState;\n\tlabel: string;\n}): React.ReactElement {\n\tconst cls =\n\t\tstate === \"on\" ? \"bullet-on\" : state === \"na\" ? \"bullet-na\" : \"bullet-off\";\n\treturn (\n\t\t<div className={`bullet ${cls}`}>\n\t\t\t<span className=\"bullet-dot\" aria-hidden=\"true\" />\n\t\t\t<span className=\"bullet-label\">{label}</span>\n\t\t</div>\n\t);\n}\n\nexport function TriggerStatus({\n\tarmed,\n\tready,\n}: TriggerStatusProps): React.ReactElement {\n\t// tr-armed: on if armed, off if not\n\t// tr-ready: on if ready, na (yellow) if not armed, off if armed but not ready\n\tconst armedState: BulletState = armed ? \"on\" : \"off\";\n\tconst readyState: BulletState = ready\n\t\t? \"on\"\n\t\t: !armed\n\t\t\t? \"na\"\n\t\t\t: \"off\";\n\n\tconst stateText = ready\n\t\t? \"THRESHOLD EXCEEDED — compacting next event\"\n\t\t: armed\n\t\t\t? \"past fast gate — monitoring token count\"\n\t\t\t: \"idle — below fast gate\";\n\n\treturn (\n\t\t<div className=\"card trigger-status\">\n\t\t\t<h3>Trigger Status</h3>\n\t\t\t<div className=\"bullet-row\">\n\t\t\t\t<Bullet state={armedState} label=\"Armed\" />\n\t\t\t\t<Bullet state={readyState} label=\"Ready\" />\n\t\t\t</div>\n\t\t\t<p className=\"trigger-state-text\">{stateText}</p>\n\t\t</div>\n\t);\n}\n","/**\n * dashboard-client/src/components/VectorStoreCard.tsx — Vector Store (session) card.\n *\n * 9 fields: Checkpoints, Original (dropped), Kept (summaries), Freed,\n * Injected, Recall Relevance %, Storage Dedup %, Collapsed, Last ID.\n * Plus a compression meter bar (green ≥90%, yellow ≥60%, red <60%).\n *\n * NOTE: dedupHitRate, storageDedupRate, compressionPct, dedupPct are\n * 0–1 fractions at runtime (despite contract saying 0–100).\n * Tooltips copied verbatim from html.ts.\n */\n\nimport type React from \"react\";\nimport { fmtPctFromFraction } from \"../utils/format\";\n\nexport interface VectorStoreCardProps {\n\tcheckpointCount: number;\n\t/** Original tokens dropped into compaction (session). */\n\ttokensIn: number;\n\t/** Kept summary tokens (session). */\n\ttokensOut: number;\n\t/** Tokens freed = dropped − kept (session). */\n\ttokensFreed: number;\n\t/** Recall injection count. */\n\tinjectedCount: number;\n\t/** Recall relevance — 0–1 fraction. */\n\tdedupHitRate: number;\n\t/** Storage dedup rate — 0–1 fraction. */\n\tstorageDedupRate: number;\n\t/** Duplicate chunks collapsed. */\n\tdedupCollapsed: number;\n\t/** Last checkpoint ID or null. */\n\tlastCheckpointId: string | null;\n\t/** Session compression ratio — 0–1 fraction. */\n\tcompressionPct: number;\n\t/** Session dedup contribution — 0–1 fraction. */\n\tdedupPct: number;\n}\n\n/** Compression meter colour class (inverse of context: high = good). */\nfunction compressClass(sp: number): string {\n\tif (sp >= 0.9) return \"meter-green\";\n\tif (sp >= 0.6) return \"meter-yellow\";\n\treturn \"meter-red\";\n}\n\n/** Stat row with optional tooltip. */\nfunction StatRow({\n\tlabel,\n\tvalue,\n\ttitle,\n}: {\n\tlabel: string;\n\tvalue: string | number;\n\ttitle?: string;\n}): React.ReactElement {\n\treturn (\n\t\t<div className=\"ov-stat-row\">\n\t\t\t<span className=\"ov-stat-label\" title={title}>\n\t\t\t\t{label}\n\t\t\t</span>\n\t\t\t<span className=\"ov-stat-value\">{value}</span>\n\t\t</div>\n\t);\n}\n\nexport function VectorStoreCard(\n\tprops: VectorStoreCardProps,\n): React.ReactElement {\n\tconst sp = props.compressionPct;\n\tconst barCls = compressClass(sp);\n\tconst barWidth = Math.max(sp * 100, 0.5);\n\tconst compressSub = `${fmtPctFromFraction(sp)} tokens saved · dedup: ${fmtPctFromFraction(props.dedupPct)}`;\n\n\treturn (\n\t\t<div className=\"card vector-store-card\">\n\t\t\t<h3>Vector Store (session)</h3>\n\t\t\t<StatRow\n\t\t\t\tlabel=\"Checkpoints\"\n\t\t\t\tvalue={props.checkpointCount.toLocaleString()}\n\t\t\t\ttitle=\"A saved summary of a chunk of your conversation that was compacted to free up space.\"\n\t\t\t/>\n\t\t\t<StatRow\n\t\t\t\tlabel=\"Original (dropped)\"\n\t\t\t\tvalue={props.tokensIn.toLocaleString()}\n\t\t\t\ttitle=\"Total size of the original conversation text dropped into compaction this session, including redundant regions skipped by dedup. This is the 'in'.\"\n\t\t\t/>\n\t\t\t<StatRow\n\t\t\t\tlabel=\"Kept (summaries)\"\n\t\t\t\tvalue={props.tokensOut.toLocaleString()}\n\t\t\t\ttitle=\"Compact summaries we are currently holding as 'memory' for this session (the 'out'). Smaller is better.\"\n\t\t\t/>\n\t\t\t<StatRow\n\t\t\t\tlabel=\"Freed\"\n\t\t\t\tvalue={props.tokensFreed.toLocaleString()}\n\t\t\t\ttitle=\"Conversation space freed = dropped − kept (the 'saved').\"\n\t\t\t/>\n\t\t\t<StatRow\n\t\t\t\tlabel=\"Injected\"\n\t\t\t\tvalue={props.injectedCount}\n\t\t\t\ttitle=\"How many times old context was automatically brought back into the conversation because it was relevant to what you were doing.\"\n\t\t\t/>\n\t\t\t<StatRow\n\t\t\t\tlabel=\"Recall Relevance\"\n\t\t\t\tvalue={fmtPctFromFraction(props.dedupHitRate)}\n\t\t\t\ttitle=\"Of the times we recalled old context, how often it was actually on-topic.\"\n\t\t\t/>\n\t\t\t<StatRow\n\t\t\t\tlabel=\"Storage Dedup\"\n\t\t\t\tvalue={fmtPctFromFraction(props.storageDedupRate)}\n\t\t\t\ttitle=\"How often new content matched something we already had, so we skipped storing a duplicate copy. Higher = less wasted space.\"\n\t\t\t/>\n\t\t\t<StatRow\n\t\t\t\tlabel=\"Collapsed\"\n\t\t\t\tvalue={props.dedupCollapsed}\n\t\t\t\ttitle=\"How many duplicate chunks we collapsed into one instead of storing separately.\"\n\t\t\t/>\n\t\t\t<StatRow\n\t\t\t\tlabel=\"Last ID\"\n\t\t\t\tvalue={props.lastCheckpointId ?? \"—\"}\n\t\t\t\ttitle=\"The ID of the most recent saved checkpoint.\"\n\t\t\t/>\n\t\t\t<div className=\"ov-compression-meter\">\n\t\t\t\t<div className=\"meter-track\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={`meter-fill ${barCls}`}\n\t\t\t\t\t\tstyle={{ width: `${barWidth}%` }}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<span className=\"meter-sub\">{compressSub}</span>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n","/**\n * dashboard-client/src/components/RepoAllSessionsCard.tsx — Repo (all sessions) card.\n *\n * 7 fields: Checkpoints, Original, Kept, Freed, Sessions, Collapsed, Storage Dedup.\n * Plus a compression meter bar (green ≥90%, yellow ≥60%, red <60%).\n *\n * NOTE: storageDedupRate, compressionPct, dedupPct are 0–1 fractions\n * at runtime (despite contract saying 0–100).\n */\n\nimport type React from \"react\";\nimport { fmtPctFromFraction } from \"../utils/format\";\nimport { Card, CardContent, CardHeader, CardTitle } from \"../components/ui/card\";\n\nexport interface RepoAllSessionsCardProps {\n\tcheckpointCount: number;\n\t/** Original tokens dropped (repo-level). */\n\ttokensIn: number;\n\t/** Kept summary tokens (repo-level). */\n\ttokensOut: number;\n\t/** Tokens freed (repo-level). */\n\ttokensFreed: number;\n\t/** Number of sessions. */\n\tsessionCount: number;\n\t/** Duplicate chunks collapsed (repo-level). */\n\tdedupCollapsed: number;\n\t/** Storage dedup rate — 0–1 fraction. */\n\tstorageDedupRate: number;\n\t/** Repo compression ratio — 0–1 fraction. */\n\tcompressionPct: number;\n\t/** Repo dedup contribution — 0–1 fraction. */\n\tdedupPct: number;\n}\n\nfunction compressClass(sp: number): string {\n\tif (sp >= 0.9) return \"meter-green\";\n\tif (sp >= 0.6) return \"meter-yellow\";\n\treturn \"meter-red\";\n}\n\nfunction StatRow({\n\tlabel,\n\tvalue,\n}: {\n\tlabel: string;\n\tvalue: string | number;\n}): 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\nexport function RepoAllSessionsCard(\n\tprops: RepoAllSessionsCardProps,\n): React.ReactElement {\n\tconst sp = props.compressionPct;\n\tconst barCls = compressClass(sp);\n\tconst barWidth = Math.max(sp * 100, 0.5);\n\tconst compressSub = `${fmtPctFromFraction(sp)} tokens saved · dedup: ${fmtPctFromFraction(props.dedupPct)}`;\n\n\treturn (\n\t\t<Card className=\"electric-hover\">\n\t\t\t<CardHeader>\n\t\t\t\t<CardTitle>Repo (all sessions)</CardTitle>\n\t\t\t</CardHeader>\n\t\t\t<CardContent>\n\t\t\t<StatRow\n\t\t\t\tlabel=\"Checkpoints\"\n\t\t\t\tvalue={props.checkpointCount.toLocaleString()}\n\t\t\t/>\n\t\t\t<StatRow\n\t\t\t\tlabel=\"Original\"\n\t\t\t\tvalue={props.tokensIn.toLocaleString()}\n\t\t\t/>\n\t\t\t<StatRow\n\t\t\t\tlabel=\"Kept\"\n\t\t\t\tvalue={props.tokensOut.toLocaleString()}\n\t\t\t/>\n\t\t\t<StatRow\n\t\t\t\tlabel=\"Freed\"\n\t\t\t\tvalue={props.tokensFreed.toLocaleString()}\n\t\t\t/>\n\t\t\t<StatRow\n\t\t\t\tlabel=\"Sessions\"\n\t\t\t\tvalue={props.sessionCount.toLocaleString()}\n\t\t\t/>\n\t\t\t<StatRow label=\"Collapsed\" value={props.dedupCollapsed} />\n\t\t\t<StatRow\n\t\t\t\tlabel=\"Storage Dedup\"\n\t\t\t\tvalue={fmtPctFromFraction(props.storageDedupRate)}\n\t\t\t/>\n\t\t\t<div>\n\t\t\t\t<div className=\"mt-2 h-2 w-full overflow-hidden rounded-full bg-bg-elevated\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={`meter-fill h-full ${barCls}`}\n\t\t\t\t\t\tstyle={{ width: `${barWidth}%` }}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<span className=\"mt-1 block text-xs text-muted-foreground\">{compressSub}</span>\n\t\t\t</div>\n\t\t\t</CardContent>\n\t\t</Card>\n\t);\n}\n","/**\n * dashboard-client/src/components/DataSafetyCard.tsx — Data Safety / Shield.\n *\n * 4 fields: Regions Retained, Compressed-Original bytes, Dedup Duplicates,\n * Permanently Deleted (always 0B, shown in green).\n * Plus the safe-note text (verbatim from html.ts).\n */\n\nimport type React from \"react\";\nimport { fmtBytes } from \"../utils/format\";\n\nexport interface DataSafetyCardProps {\n\tregionsRetained: number;\n\t/** Original byte size of compressed data (bytes). */\n\tcompressedOriginalBytes: number;\n\t/** Number of duplicate chunks collapsed. */\n\tduplicatesCollapsed: number;\n\t/** Bytes permanently deleted (always 0). */\n\tbytesPermanentlyDeleted: number;\n}\n\nexport function DataSafetyCard(\n\tprops: DataSafetyCardProps,\n): React.ReactElement {\n\treturn (\n\t\t<div className=\"card data-safety-card\">\n\t\t\t<h3>🛡 Data Safety</h3>\n\t\t\t<div className=\"ov-stat-row\">\n\t\t\t\t<span className=\"ov-stat-label\">Regions Retained</span>\n\t\t\t\t<span className=\"ov-stat-value\">\n\t\t\t\t\t{props.regionsRetained.toLocaleString()}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<div className=\"ov-stat-row\">\n\t\t\t\t<span className=\"ov-stat-label\">Compressed-Original</span>\n\t\t\t\t<span className=\"ov-stat-value\">\n\t\t\t\t\t{fmtBytes(props.compressedOriginalBytes)}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<div className=\"ov-stat-row\">\n\t\t\t\t<span className=\"ov-stat-label\">Dedup Duplicates</span>\n\t\t\t\t<span className=\"ov-stat-value\">\n\t\t\t\t\t{props.duplicatesCollapsed.toLocaleString()}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<div className=\"ov-stat-row\">\n\t\t\t\t<span className=\"ov-stat-label\">Permanently Deleted</span>\n\t\t\t\t<span className=\"ov-stat-value ov-value-ok\">\n\t\t\t\t\t{fmtBytes(props.bytesPermanentlyDeleted)}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<p className=\"safe-note\">\n\t\t\t\tEvery compacted region is kept verbatim (compressed). "Drop" =\n\t\t\t\tremoved from the live window only. We never delete your data.\n\t\t\t</p>\n\t\t</div>\n\t);\n}\n","/**\n * dashboard-client/src/components/ConfigSummaryCard.tsx — Configuration summary.\n *\n * 7 fields with tooltips (verbatim from html.ts):\n * Tier (live), Preset, Pressure, Threshold, Fast Gate, Auto, Anchor.\n *\n * NOTE: pressure and tierPct are 0–1 fractions at runtime.\n * fastGatePct is 0–100 at runtime.\n */\n\nimport type React from \"react\";\n\nexport interface ConfigSummaryCardProps {\n\t/** Current tier name. */\n\ttier: string;\n\t/** Preset tier name. */\n\tpresetTier: string;\n\t/** Live pressure — 0–1 fraction. */\n\tpressure: number;\n\t/** Token threshold. */\n\tthresholdTokens: number;\n\t/** Tier percentage — 0–1 fraction (runtime-only field). */\n\ttierPct?: number;\n\t/** Context window size. */\n\tcontextWindow: number;\n\t/** Fast-gate percentage — 0–100. */\n\tfastGatePct: number;\n\t/** Whether auto-compaction is enabled. */\n\tauto: boolean;\n\t/** Number of anchor user messages. */\n\tanchorUserMessages: number;\n}\n\nfunction StatRow({\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=\"ov-stat-row\">\n\t\t\t<span className=\"ov-stat-label\" title={title}>\n\t\t\t\t{label}\n\t\t\t</span>\n\t\t\t<span className=\"ov-stat-value\">{value}</span>\n\t\t</div>\n\t);\n}\n\nexport function ConfigSummaryCard(\n\tprops: ConfigSummaryCardProps,\n): React.ReactElement {\n\tconst pressurePct = `${Math.round((props.pressure ?? 0) * 100)}%`;\n\n\tlet thresholdTxt = props.thresholdTokens.toLocaleString();\n\tif (props.tierPct != null && props.contextWindow > 0) {\n\t\tthresholdTxt += ` (${Math.round(props.tierPct * 100)}% of ${props.contextWindow.toLocaleString()})`;\n\t}\n\n\treturn (\n\t\t<div className=\"card config-summary-card\">\n\t\t\t<h3>Configuration</h3>\n\t\t\t<StatRow\n\t\t\t\tlabel=\"Tier\"\n\t\t\t\tvalue={`${props.tier} (live)`}\n\t\t\t\ttitle=\"Live pressure band — climbs low→mega as context fills the window.\"\n\t\t\t/>\n\t\t\t<StatRow\n\t\t\t\tlabel=\"Preset\"\n\t\t\t\tvalue={props.presetTier}\n\t\t\t\ttitle=\"The env-resolved base compaction preset (low/medium/high/ultra/mega) that set the token threshold.\"\n\t\t\t/>\n\t\t\t<StatRow\n\t\t\t\tlabel=\"Pressure\"\n\t\t\t\tvalue={pressurePct}\n\t\t\t\ttitle=\"Live pressure = currentTokens / threshold — % of the model context window (threshold fires at the tier's % of window).\"\n\t\t\t/>\n\t\t\t<StatRow\n\t\t\t\tlabel=\"Threshold\"\n\t\t\t\tvalue={thresholdTxt}\n\t\t\t\ttitle=\"Compaction threshold = tierPct × model context window — mega-compact trims BELOW pi's native ~80% auto-compact for any model size.\"\n\t\t\t/>\n\t\t\t<StatRow\n\t\t\t\tlabel=\"Fast Gate\"\n\t\t\t\tvalue={`${props.fastGatePct}%`}\n\t\t\t\ttitle=\"Fast-gate arming floor — the live trim arms once context passes this % of the window.\"\n\t\t\t/>\n\t\t\t<StatRow\n\t\t\t\tlabel=\"Auto\"\n\t\t\t\tvalue={props.auto ? \"enabled\" : \"disabled\"}\n\t\t\t/>\n\t\t\t<StatRow\n\t\t\t\tlabel=\"Anchor\"\n\t\t\t\tvalue={String(props.anchorUserMessages)}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n","/**\n * dashboard-client/src/components/CacheStatusPerModel.tsx — Model & Cost Savings card.\n *\n * Shows $ saved, context-windows extended, Model, Provider, Input Rate, Output Rate.\n * Tooltips copied verbatim from html.ts.\n */\n\nimport type React from \"react\";\nimport { Card, CardContent, CardHeader, CardTitle } from \"../components/ui/card\";\n\nexport interface ModelCostCardProps {\n\t/** Model name. */\n\tname: string;\n\t/** Provider display name (providerName fallback to provider). */\n\tprovider: string;\n\t/** USD per input token. */\n\tinputRate: number;\n\t/** USD per output token. */\n\toutputRate: number;\n\t/** Tokens freed (repo-level) used for cost calc. */\n\trepoTokensFreed: number;\n\t/** Context window size used for windows calc. */\n\tcontextWindow: number;\n}\n\nfunction StatRow({\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=\"flex items-baseline justify-between border-b border-border py-1 text-sm\">\n\t\t\t<span className=\"text-xs text-muted-foreground\" title={title}>\n\t\t\t\t{label}\n\t\t\t</span>\n\t\t\t<span className=\"font-semibold\">{value}</span>\n\t\t</div>\n\t);\n}\n\nexport function CacheStatusPerModel(\n\tprops: ModelCostCardProps,\n): React.ReactElement {\n\tconst repoSaved = props.repoTokensFreed || 0;\n\tlet usd = 0;\n\tlet windows = \"0\";\n\n\tif (props.inputRate && repoSaved > 0) {\n\t\tusd = repoSaved * props.inputRate;\n\t\tconst win = props.contextWindow || 0;\n\t\twindows = win > 0 ? (repoSaved / win).toFixed(1) : \"0\";\n\t}\n\n\tconst usdStr = `≈ $${usd.toFixed(4)} saved`;\n\tconst windowsStr = `${windows} context-windows extended`;\n\n\treturn (\n\t\t<Card className=\"electric-hover\">\n\t\t\t<CardHeader>\n\t\t\t\t<CardTitle>💰 Model & Cost Savings</CardTitle>\n\t\t\t</CardHeader>\n\t\t\t<CardContent>\n\t\t\t\t<div className=\"text-neon text-xl font-semibold\">{usdStr}</div>\n\t\t\t\t<div className=\"mb-2 text-xs text-muted-foreground\">{windowsStr}</div>\n\t\t\t\t<StatRow\n\t\t\t\t\tlabel=\"Model\"\n\t\t\t\t\tvalue={props.name}\n\t\t\t\t\ttitle=\"The model pi is currently using — its pricing drives the cost figure.\"\n\t\t\t\t/>\n\t\t\t\t<StatRow\n\t\t\t\t\tlabel=\"Provider\"\n\t\t\t\t\tvalue={props.provider}\n\t\t\t\t\ttitle=\"The provider serving the model.\"\n\t\t\t\t/>\n\t\t\t\t<StatRow\n\t\t\t\t\tlabel=\"Input Rate\"\n\t\t\t\t\tvalue={`$${props.inputRate.toFixed(6)}`}\n\t\t\t\t\ttitle=\"USD per input token, from the model's pricing.\"\n\t\t\t\t/>\n\t\t\t\t<StatRow\n\t\t\t\t\tlabel=\"Output Rate\"\n\t\t\t\t\tvalue={`$${props.outputRate.toFixed(6)}`}\n\t\t\t\t\ttitle=\"USD per output token, from the model's pricing.\"\n\t\t\t\t/>\n\t\t\t</CardContent>\n\t\t</Card>\n\t);\n}\n","/**\n * dashboard-client/src/components/SessionInfo.tsx — Crew / Agents card.\n *\n * Shows Active Agents, Current Turn, and Status.\n */\n\nimport type React from \"react\";\nimport { Card, CardContent, CardHeader, CardTitle } from \"../components/ui/card\";\n\nexport interface SessionInfoProps {\n\t/** Number of active crew agents. */\n\tactiveAgents: number;\n\t/** Current turn index in the crew round-robin. */\n\tcurrentTurn: number;\n}\n\nexport function SessionInfo(\n\tprops: SessionInfoProps,\n): React.ReactElement {\n\tconst { activeAgents, currentTurn } = props;\n\tconst status =\n\t\tactiveAgents > 0 ? `▶ ${activeAgents} running` : \"idle\";\n\n\treturn (\n\t\t<Card className=\"electric-hover\">\n\t\t\t<CardHeader>\n\t\t\t\t<CardTitle>Crew / Agents</CardTitle>\n\t\t\t</CardHeader>\n\t\t\t<CardContent>\n\t\t\t\t<div className=\"flex items-baseline justify-between border-b border-border py-1 text-sm\">\n\t\t\t\t\t<span className=\"text-xs text-muted-foreground\">Active Agents</span>\n\t\t\t\t\t<span className=\"font-semibold\">{activeAgents}</span>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"flex items-baseline justify-between border-b border-border py-1 text-sm\">\n\t\t\t\t\t<span className=\"text-xs text-muted-foreground\">Current Turn</span>\n\t\t\t\t\t<span className=\"font-semibold\">{currentTurn}</span>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"flex items-baseline justify-between py-1 text-sm\">\n\t\t\t\t\t<span className=\"text-xs text-muted-foreground\">Status</span>\n\t\t\t\t\t<span className=\"font-semibold\">{status}</span>\n\t\t\t\t</div>\n\t\t\t</CardContent>\n\t\t</Card>\n\t);\n}\n","/**\n * dashboard-client/src/components/LegendCard.tsx — \"What these numbers mean\" legend.\n *\n * Collapsible <details> with the legend list (verbatim from html.ts).\n * Full-width card (grid-column: 1 / -1).\n */\n\nimport type React from \"react\";\nimport { Card, CardContent } from \"../components/ui/card\";\n\nconst LEGEND_ITEMS: ReadonlyArray<React.ReactNode> = [\n\t<li key=\"1\">\n\t\t<b>Original (dropped)</b> — everything compacted away (including\n\t\tduplicates caught by dedup). The "in."\n\t</li>,\n\t<li key=\"2\">\n\t\t<b>Kept (summaries)</b> — compact summaries still held as "memory"\n\t\t(the "out").\n\t</li>,\n\t<li key=\"3\">\n\t\t<b>Freed</b> = dropped − kept — tokens saved so far (higher = better).\n\t</li>,\n\t<li key=\"4\">\n\t\t<b>Compression %</b> — Freed ÷ Dropped — the headline efficiency\n\t\tnumber. Higher = more space reclaimed.\n\t</li>,\n\t<li key=\"5\">\n\t\t<b>Storage dedup %</b> — how often new content matched something\n\t\talready saved, so no duplicate copy was written.\n\t</li>,\n\t<li key=\"6\">\n\t\t<b>Data safety</b> — every compacted region is kept verbatim\n\t\t(compressed). Nothing is permanently deleted; you can restore any of\n\t\tit.\n\t</li>,\n];\n\nexport function LegendCard(): React.ReactElement {\n\treturn (\n\t\t<Card>\n\t\t\t<CardContent>\n\t\t\t\t<details>\n\t\t\t\t\t<summary className=\"cursor-pointer text-sm font-semibold\">\n\t\t\t\t\t\tWhat these numbers mean\n\t\t\t\t\t</summary>\n\t\t\t\t\t<ol className=\"mt-2 list-decimal space-y-1 pl-5 text-sm\">\n\t\t\t\t\t\t{LEGEND_ITEMS}\n\t\t\t\t\t</ol>\n\t\t\t\t\t<p className=\"mt-2 text-xs text-muted-foreground\">\n\t\t\t\t\t\tHover any label above for a quick explanation.\n\t\t\t\t\t</p>\n\t\t\t\t</details>\n\t\t\t</CardContent>\n\t\t</Card>\n\t);\n}\n","/**\n * SetupTab/RagHealthCard.tsx — mini RAG health summary for the Overview tab\n * (H3.2). Shows pass rate, avg lift, and an on/off indicator dot, fetched\n * inline from /api/rag-metrics.\n *\n * PREVENT-PI-004: relative-path fetch to the same-origin dashboard server.\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\";\nimport { Card, CardHeader, CardTitle, CardContent } from \"../../components/ui/card\";\n\nexport const RagHealthCard: React.FC = () => {\n\tconst { data: m } = useApi<RagMetricsResponse>(\n\t\tuseMemo(() => () => fetchRagMetrics(), []),\n\t\t{ pollInterval: 30_000 },\n\t);\n\n\tif (!m) {\n\t\treturn (\n\t\t\t<Card>\n\t\t\t\t<CardContent className=\"text-sm text-muted-foreground\">Loading RAG health…</CardContent>\n\t\t\t</Card>\n\t\t);\n\t}\n\n\tconst { totals, flags } = m;\n\tconst active = flags.hydeEnabled || flags.recallMetricsEnabled;\n\n\treturn (\n\t\t<Card>\n\t\t\t<CardHeader>\n\t\t\t\t<CardTitle className=\"flex items-center gap-2\">\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName={`inline-block h-2 w-2 rounded-full ${active ? \"bg-success\" : \"bg-muted-foreground\"}`}\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t/>\n\t\t\t\t\tRAG Health\n\t\t\t\t</CardTitle>\n\t\t\t</CardHeader>\n\t\t\t<CardContent>\n\t\t\t\t{!active ? (\n\t\t\t\t\t<div className=\"text-sm text-muted-foreground\">\n\t\t\t\t\t\tAll RAG recall feature flags are off.\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<dl className=\"grid grid-cols-2 gap-x-4 gap-y-2 text-sm\">\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<dt className=\"text-xs text-muted-foreground\">Pass rate</dt>\n\t\t\t\t\t\t\t<dd className=\"font-semibold text-foreground\">\n\t\t\t\t\t\t\t\t{Math.round(totals.recentPassRate * 100)}%\n\t\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<dt className=\"text-xs text-muted-foreground\">Avg lift</dt>\n\t\t\t\t\t\t\t<dd className=\"font-semibold text-foreground\">\n\t\t\t\t\t\t\t\t{totals.avgLift.toFixed(2)}×\n\t\t\t\t\t\t\t</dd>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<dt className=\"text-xs text-muted-foreground\">Telemetry turns</dt>\n\t\t\t\t\t\t\t<dd className=\"font-semibold text-foreground\">{totals.telemetryTurns}</dd>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<dt className=\"text-xs text-muted-foreground\">HyDE ran</dt>\n\t\t\t\t\t\t\t<dd className=\"font-semibold text-foreground\">{totals.hydeRanTurns}</dd>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</dl>\n\t\t\t\t)}\n\t\t\t</CardContent>\n\t\t</Card>\n\t);\n};\n\nexport default RagHealthCard;\n","/**\n * dashboard-client/src/tabs/OverviewTab.tsx — Overview tab (full spec).\n *\n * Renders all 11 cards from the spec:\n * 1. Context Window (ContextGauge)\n * 2. Trigger Status (TriggerStatus)\n * 3. Vector Store (session) (VectorStoreCard)\n * 4. Repo (all sessions) (RepoAllSessionsCard)\n * 5. Data Safety (DataSafetyCard)\n * 6. Configuration (ConfigSummaryCard)\n * 7. Model & Cost Savings (CacheStatusPerModel)\n * 8. Crew / Agents (SessionInfo)\n * 9. Cache Hits & Compactions (CacheHitsCard)\n * 10. Time Saved (TimeSavedCard)\n * 11. Legend (LegendCard)\n *\n * All data comes from the snapshot prop passed by App.tsx.\n */\n\nimport type React from \"react\";\nimport { useCallback, useEffect, useMemo } from \"react\";\nimport { useApi } from \"../hooks/useApi\";\nimport { useSSE } from \"../hooks/useSSE\";\nimport { fetchSessions } from \"../api/client\";\nimport type {\n\tSnapshotResponse,\n\tSseEvent,\n\tSseSessionSample,\n\tSessionsResponse,\n} from \"@contracts\";\nimport type { RuntimeSnapshot } from \"../utils/types\";\nimport { RepoContextStack } from \"../components/RepoContextStack\";\nimport { SessionContextGauges } from \"../components/SessionContextGauges\";\nimport { TriggerStatus } from \"../components/TriggerStatus\";\nimport { VectorStoreCard } from \"../components/VectorStoreCard\";\nimport { RepoAllSessionsCard } from \"../components/RepoAllSessionsCard\";\nimport { DataSafetyCard } from \"../components/DataSafetyCard\";\nimport { ConfigSummaryCard } from \"../components/ConfigSummaryCard\";\nimport { CacheStatusPerModel } from \"../components/CacheStatusPerModel\";\nimport { SessionInfo } from \"../components/SessionInfo\";\nimport { CacheHitsCard } from \"../components/CacheHitsCard\";\nimport { TimeSavedCard } from \"../components/TimeSavedCard\";\nimport { LegendCard } from \"../components/LegendCard\";\nimport { Badge } from \"../components/ui/badge\";\nimport { NEW_UI } from \"../config\";\nimport RagHealthCard from \"./SetupTab/RagHealthCard\";\n\n/** Type guard: narrows an SSE event to a session_sample event. */\nfunction isSessionSample(e: SseEvent): e is SseSessionSample {\n\treturn e.type === \"session_sample\";\n}\n\nexport interface OverviewTabProps {\n\tsnapshot: SnapshotResponse | null;\n\tloading: boolean;\n\terror: Error | null;\n}\n\nfunction formatUpdatedAt(ts: string | null): string {\n\tif (!ts) return \"never\";\n\ttry {\n\t\treturn new Date(ts).toLocaleString();\n\t} catch {\n\t\treturn ts;\n\t}\n}\n\nexport default function OverviewTab({\n\tsnapshot,\n\tloading,\n\terror,\n}: OverviewTabProps): React.ReactElement {\n\t// S40: real-time per-repo context via /api/sessions + SSE. Mirrors the\n\t// SessionsTab pattern: 2s poll + session_sample SSE refetch.\n\tconst {\n\t\tdata: sessionsData,\n\t\terror: sessionsErr,\n\t\tloading: sessionsLoading,\n\t\trefetch: refetchSessions,\n\t} = useApi<SessionsResponse>(\n\t\tuseCallback(() => fetchSessions(), []),\n\t\t{ pollInterval: 2_000 },\n\t);\n\n\tconst { events } = useSSE();\n\n\tconst sampleEvents = useMemo(() => events.filter(isSessionSample), [events]);\n\tconst lastSampleTs = useMemo(() => {\n\t\tif (sampleEvents.length === 0) return null;\n\t\treturn sampleEvents[sampleEvents.length - 1].ts;\n\t}, [sampleEvents]);\n\n\tuseEffect(() => {\n\t\tif (lastSampleTs == null) return;\n\t\trefetchSessions();\n\t}, [lastSampleTs, refetchSessions]);\n\n\tif (loading && !snapshot)\n\t\treturn <div className=\"tab-stub\">Loading snapshot…</div>;\n\tif (error && !snapshot)\n\t\treturn <div className=\"tab-stub\">Error: {error.message}</div>;\n\tif (!snapshot) return <div className=\"tab-stub\">No snapshot data.</div>;\n\n\t// Cast to RuntimeSnapshot for tierPct (runtime-only field).\n\tconst d = snapshot as RuntimeSnapshot;\n\tconst { context, compression, trigger, session, store, tier, updatedAt } = d;\n\tconst cfg = d.config;\n\tconst crew = d.crew;\n\tconst integrity = d.integrity;\n\tconst cacheHits = d.cacheHits;\n\tconst compacts = d.compacts;\n\tconst timeSaved = d.timeSaved;\n\tconst repo = d.repo;\n\tconst model = d.model;\n\n\treturn (\n\t\t<div className=\"flex flex-col gap-4\">\n\t\t\t<div className=\"flex items-center justify-between\">\n\t\t\t\t<Badge variant=\"accent\">{tier}</Badge>\n\t\t\t\t<span className=\"text-xs text-muted-foreground\">\n\t\t\t\t\tupdated {formatUpdatedAt(updatedAt)}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t\t<div className=\"grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3\">\n\t\t\t\t<SessionContextGauges\n\t\t\t\t\tsessions={sessionsData}\n\t\t\t\t\tloading={sessionsLoading}\n\t\t\t\t\terror={sessionsErr}\n\t\t\t\t\tlauncherSessionId={session.id}\n\t\t\t\t\tlauncher={{\n\t\t\t\t\t\ttokens: context.tokens,\n\t\t\t\t\t\tpercent: context.percent,\n\t\t\t\t\t\tcontextWindow: context.contextWindow,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<RepoContextStack\n\t\t\t\t\tsessions={sessionsData}\n\t\t\t\t\tloading={sessionsLoading}\n\t\t\t\t\terror={sessionsErr}\n\t\t\t\t/>\n\t\t\t\t<TriggerStatus\n\t\t\t\t\tarmed={trigger.armed}\n\t\t\t\t\tready={trigger.ready}\n\t\t\t\t\tcurrentTokens={trigger.currentTokens}\n\t\t\t\t\tthresholdTokens={trigger.thresholdTokens}\n\t\t\t\t\tfastGatePct={trigger.fastGatePct}\n\t\t\t\t/>\n\t\t\t\t<VectorStoreCard\n\t\t\t\t\tcheckpointCount={store.checkpointCount}\n\t\t\t\t\ttokensIn={compression.session.tokensIn}\n\t\t\t\t\ttokensOut={compression.session.tokensOut}\n\t\t\t\t\ttokensFreed={compression.session.tokensFreed}\n\t\t\t\t\tinjectedCount={store.injectedCount}\n\t\t\t\t\tdedupHitRate={store.dedupHitRate}\n\t\t\t\t\tstorageDedupRate={store.storageDedupRate}\n\t\t\t\t\tdedupCollapsed={store.dedupCollapsed}\n\t\t\t\t\tlastCheckpointId={session.lastCheckpointId}\n\t\t\t\t\tcompressionPct={compression.session.compressionPct}\n\t\t\t\t\tdedupPct={compression.session.dedupPct}\n\t\t\t\t/>\n\t\t\t\t<RepoAllSessionsCard\n\t\t\t\t\tcheckpointCount={repo.checkpointCount}\n\t\t\t\t\ttokensIn={compression.repo.tokensIn}\n\t\t\t\t\ttokensOut={compression.repo.tokensOut}\n\t\t\t\t\ttokensFreed={compression.repo.tokensFreed}\n\t\t\t\t\tsessionCount={repo.sessionCount}\n\t\t\t\t\tdedupCollapsed={repo.dedupCollapsed}\n\t\t\t\t\tstorageDedupRate={repo.storageDedupRate}\n\t\t\t\t\tcompressionPct={compression.repo.compressionPct}\n\t\t\t\t\tdedupPct={compression.repo.dedupPct}\n\t\t\t\t/>\n\t\t\t\t<DataSafetyCard\n\t\t\t\t\tregionsRetained={integrity.regionsRetained}\n\t\t\t\t\tcompressedOriginalBytes={integrity.compressedOriginalBytes}\n\t\t\t\t\tduplicatesCollapsed={integrity.duplicatesCollapsed}\n\t\t\t\t\tbytesPermanentlyDeleted={integrity.bytesPermanentlyDeleted}\n\t\t\t\t/>\n\t\t\t\t<ConfigSummaryCard\n\t\t\t\t\ttier={tier}\n\t\t\t\t\tpresetTier={d.presetTier}\n\t\t\t\t\tpressure={d.pressure}\n\t\t\t\t\tthresholdTokens={cfg.thresholdTokens}\n\t\t\t\t\ttierPct={cfg.tierPct}\n\t\t\t\t\tcontextWindow={context.contextWindow}\n\t\t\t\t\tfastGatePct={cfg.fastGatePct}\n\t\t\t\t\tauto={cfg.auto}\n\t\t\t\t\tanchorUserMessages={cfg.anchorUserMessages}\n\t\t\t\t/>\n\t\t\t\t{model && (\n\t\t\t\t\t<CacheStatusPerModel\n\t\t\t\t\t\tname={model.name}\n\t\t\t\t\t\tprovider={model.providerName || model.provider}\n\t\t\t\t\t\tinputRate={model.inputRate}\n\t\t\t\t\t\toutputRate={model.outputRate}\n\t\t\t\t\t\trepoTokensFreed={compression.repo.tokensFreed}\n\t\t\t\t\t\tcontextWindow={context.contextWindow}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<SessionInfo\n\t\t\t\t\tactiveAgents={crew.activeAgents}\n\t\t\t\t\tcurrentTurn={crew.currentTurn}\n\t\t\t\t/>\n\t\t\t\t<CacheHitsCard\n\t\t\t\t\tcacheHitsSession={cacheHits.session}\n\t\t\t\t\tcacheHitsTotal={cacheHits.total}\n\t\t\t\t\ttokensSavedSession={cacheHits.sessionTokensSaved}\n\t\t\t\t\ttokensSavedTotal={cacheHits.totalTokensSaved}\n\t\t\t\t\tcompactionsSession={compacts.session}\n\t\t\t\t\tcompactionsTotal={compacts.total}\n\t\t\t\t/>\n\t\t\t\t<TimeSavedCard\n\t\t\t\t\tcompactSessionSec={timeSaved.compact.sessionSec}\n\t\t\t\t\tcompactTotalSec={timeSaved.compact.totalSec}\n\t\t\t\t\tcacheHitSessionSec={timeSaved.cacheHit.sessionSec}\n\t\t\t\t\tcacheHitTotalSec={timeSaved.cacheHit.totalSec}\n\t\t\t\t/>\n\t\t\t\t{NEW_UI() && <RagHealthCard />}\n\t\t\t\t<LegendCard />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"names":["REPO_PALETTE","hashString","str","hash","i","colorForRepo","basename","repoBasename","repoRoot","trimmed","parts","aggregateRepos","sessions","map","s","key","tokens","existing","repos","totalTokens","sum","r","maxWindow","max","fmtTokens","n","StackCard","children","jsxs","Card","jsx","CardHeader","CardTitle","CardContent","RepoContextStack","loading","error","activeSessions","sessionCount","combinedPct","pctOfTotal","widthPct","tooltip","severityClass","percent","fmtAge","ms","m","SessionGauge","data","pct","fillWidth","cls","tokStr","windowStr","sublabel","SessionContextGauges","launcherSessionId","launcher","now","gauges","others","b","hasError","showLoading","g","Bullet","state","label","TriggerStatus","armed","ready","armedState","readyState","stateText","compressClass","sp","StatRow","value","title","VectorStoreCard","props","barCls","barWidth","compressSub","fmtPctFromFraction","RepoAllSessionsCard","DataSafetyCard","fmtBytes","ConfigSummaryCard","pressurePct","thresholdTxt","CacheStatusPerModel","repoSaved","usd","windows","win","usdStr","windowsStr","SessionInfo","activeAgents","currentTurn","status","LEGEND_ITEMS","LegendCard","RagHealthCard","useApi","useMemo","fetchRagMetrics","totals","flags","active","isSessionSample","e","formatUpdatedAt","ts","OverviewTab","snapshot","sessionsData","sessionsErr","sessionsLoading","refetchSessions","useCallback","fetchSessions","events","useSSE","sampleEvents","lastSampleTs","useEffect","d","context","compression","trigger","session","store","tier","updatedAt","cfg","crew","integrity","cacheHits","compacts","timeSaved","repo","model","Badge","CacheHitsCard","TimeSavedCard","NEW_UI"],"mappings":"8RAmCA,MAAMA,EAAsC,CAC3C,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,SACD,EAMA,SAASC,EAAWC,EAAqB,CACxC,IAAIC,EAAO,KACX,QAASC,EAAI,EAAGA,EAAIF,EAAI,OAAQE,IAC/BD,GAASA,GAAQ,GAAKA,EAAOD,EAAI,WAAWE,CAAC,IAAO,EAErD,OAAOD,CACR,CAMA,SAASE,EAAaC,EAA0B,CAC/C,OAAKA,EACEN,EAAaC,EAAWK,CAAQ,EAAIN,EAAa,MAAM,EADxCA,EAAa,CAAC,CAErC,CAOA,SAASO,EAAaC,EAAiC,CACtD,GAAI,CAACA,EAAU,MAAO,YACtB,MAAMC,EAAUD,EAAS,QAAQ,UAAW,EAAE,EAC9C,GAAI,CAACC,EAAS,MAAO,YACrB,MAAMC,EAAQD,EAAQ,MAAM,OAAO,EAEnC,OADaC,EAAMA,EAAM,OAAS,CAAC,GACpBD,CAChB,CAWA,SAASE,EAAeC,EAKtB,CACD,MAAMC,MAAU,IAChB,UAAWC,KAAKF,EAAU,CACzB,MAAMG,EAAMD,EAAE,UAAY,WACpBE,EAASF,EAAE,QAAU,EACrBG,EAAWJ,EAAI,IAAIE,CAAG,EAC5B,GAAIE,EACHA,EAAS,QAAUD,MACb,CACN,MAAMV,EAAWC,EAAaO,EAAE,QAAQ,EACxCD,EAAI,IAAIE,EAAK,CACZ,SAAUD,EAAE,SACZ,SAAAR,EACA,OAAAU,EACA,MAAOX,EAAaC,CAAQ,CAAA,CAC5B,CACF,CACD,CACA,MAAMY,EAAQ,CAAC,GAAGL,EAAI,QAAQ,EACxBM,EAAcD,EAAM,OAAO,CAACE,EAAKC,IAAMD,EAAMC,EAAE,OAAQ,CAAC,EAGxDC,EAAYV,EAAS,OAC1B,CAACW,EAAKT,IAAM,KAAK,IAAIS,EAAKT,EAAE,SAAS,EACrC,CAAA,EAED,MAAO,CACN,MAAAI,EACA,YAAAC,EACA,UAAAG,EACA,aAAcV,EAAS,MAAA,CAEzB,CAEA,SAASY,EAAUC,EAAmB,CACrC,OAAIA,GAAK,IAAgB,IAAIA,EAAI,KAAM,QAAQ,CAAC,CAAC,IAC1CA,EAAE,eAAA,CACV,CAEA,SAASC,EAAU,CAAE,SAAAC,GAA+D,CACnF,OACCC,EAAAA,KAACC,EAAA,CAAK,UAAU,iBACf,SAAA,CAAAC,MAACC,EAAA,CACA,SAAAD,EAAAA,IAACE,EAAA,CAAU,SAAA,yBAAA,CAAuB,EACnC,EACAF,MAACG,GAAa,SAAAN,CAAA,CAAS,CAAA,EACxB,CAEF,CAEO,SAASO,GAAiB,CAChC,SAAAtB,EACA,QAAAuB,EACA,MAAAC,CACD,EAAqD,CACpD,GAAIA,EACH,OACCN,EAAAA,IAACJ,EAAA,CACA,SAAAE,EAAAA,KAAC,OAAA,CAAK,UAAU,gCAAgC,SAAA,CAAA,2BACtBQ,EAAM,OAAA,CAAA,CAChC,CAAA,CACD,EAIF,GAAID,GAAW,CAACvB,EACf,aACEc,EAAA,CACA,SAAAI,EAAAA,IAAC,QAAK,UAAU,gCAAgC,6BAAiB,CAAA,CAClE,EAIF,MAAMO,EAAiBzB,GAAU,UAAY,CAAA,EACvC,CAAE,MAAAM,EAAO,YAAAC,EAAa,UAAAG,EAAW,aAAAgB,CAAA,EACtC3B,EAAe0B,CAAc,EAE9B,GAAInB,EAAM,SAAW,EACpB,aACEQ,EAAA,CACA,SAAAI,EAAAA,IAAC,QAAK,UAAU,gCAAgC,+BAAmB,CAAA,CACpE,EAIF,MAAMS,EACLjB,EAAY,EAAI,KAAK,MAAOH,EAAcG,EAAa,GAAG,EAAI,EAE/D,cACEI,EAAA,CACA,SAAA,CAAAI,EAAAA,IAAC,MAAA,CACA,UAAU,iBACV,KAAK,QACL,aAAW,yBAEV,SAAAZ,EAAM,IAAKG,GAAM,CACjB,MAAMmB,EACLrB,EAAc,EAAKE,EAAE,OAASF,EAAe,IAAM,EAC9CsB,EAAWtB,EAAc,EAAIqB,EAAa,EAC1CE,EACL,GAAGrB,EAAE,QAAQ,KAAKG,EAAUH,EAAE,MAAM,CAAC,YACjCmB,EAAW,QAAQ,CAAC,CAAC,cAC1B,OACCV,EAAAA,IAAC,MAAA,CAEA,UAAU,qBACV,MAAO,CACN,MAAO,GAAG,KAAK,IAAIW,EAAU,EAAG,CAAC,IACjC,gBAAiBpB,EAAE,KAAA,EAEpB,MAAOqB,EACP,aAAYA,CAAA,EAPPrB,EAAE,UAAY,UAAA,CAUtB,CAAC,CAAA,CAAA,EAEFO,EAAAA,KAAC,IAAA,CAAE,UAAU,mBACX,SAAA,CAAAJ,EAAUL,CAAW,EAAE,kBAAgBD,EAAM,OAAQ,IACrDA,EAAM,SAAW,EAAI,OAAS,QAAQ,KAAG,IACzCoB,EAAc,IACdA,IAAiB,EAAI,UAAY,WAAY,IAC9CV,EAAAA,KAAC,OAAA,CAAK,UAAU,MAAM,SAAA,CAAA,KAAGW,EAAY,0BAAA,CAAA,CAAwB,CAAA,EAC9D,QACC,MAAA,CAAI,UAAU,oBACb,SAAArB,EAAM,IAAKG,GAAM,CACjB,MAAMmB,EACLrB,EAAc,EAAKE,EAAE,OAASF,EAAe,IAAM,EACpD,OACCS,EAAAA,KAAC,MAAA,CAEA,UAAU,yBAEV,SAAA,CAAAE,EAAAA,IAAC,OAAA,CACA,UAAU,2BACV,MAAO,CAAE,gBAAiBT,EAAE,KAAA,CAAM,CAAA,EAEnCS,EAAAA,IAAC,OAAA,CAAK,UAAU,yBAA0B,WAAE,SAAS,SACpD,OAAA,CACC,SAAA,CAAAN,EAAUH,EAAE,MAAM,EAAE,KAAGmB,EAAW,QAAQ,CAAC,EAAE,IAAA,CAAA,CAC/C,CAAA,CAAA,EAVKnB,EAAE,UAAY,UAAA,CAatB,CAAC,CAAA,CACF,CAAA,EACD,CAEF,CC5MA,SAASsB,GAAcC,EAAyB,CAC/C,OAAIA,GAAW,GAAW,YACtBA,GAAW,GAAW,eACnB,aACR,CAEA,SAASpB,GAAUC,EAA0B,CAC5C,OAAIA,GAAK,KAAa,IAClBA,GAAK,IAAgB,IAAIA,EAAI,KAAM,QAAQ,CAAC,CAAC,IAC1CA,EAAE,eAAA,CACV,CAEA,SAASlB,GAAaC,EAAiC,CACtD,GAAI,CAACA,EAAU,MAAO,YACtB,MAAMC,EAAUD,EAAS,QAAQ,UAAW,EAAE,EAC9C,GAAI,CAACC,EAAS,MAAO,YACrB,MAAMC,EAAQD,EAAQ,MAAM,OAAO,EACnC,OAAOC,EAAMA,EAAM,OAAS,CAAC,GAAKD,CACnC,CAEA,SAASoC,GAAOC,EAAoB,CACnC,MAAMhC,EAAI,KAAK,IAAI,EAAG,KAAK,MAAMgC,EAAK,GAAI,CAAC,EAC3C,GAAIhC,EAAI,GAAI,MAAO,GAAGA,CAAC,QACvB,MAAMiC,EAAI,KAAK,MAAMjC,EAAI,EAAE,EAC3B,OAAIiC,EAAI,GAAW,GAAGA,CAAC,QAEhB,GADG,KAAK,MAAMA,EAAI,EAAE,CAChB,KAAKA,EAAI,EAAE,OACvB,CAaA,SAASC,GAAa,CAAE,KAAAC,GAAiD,CACxE,MAAMC,EAAMD,EAAK,SAAW,EACtBE,EAAY,KAAK,IAAID,EAAK,CAAC,EAC3BE,EAAMT,GAAcO,CAAG,EACvBG,EAAS7B,GAAUyB,EAAK,MAAM,EAC9BK,EAAYL,EAAK,cAAc,eAAA,EAC/BM,EAAW,GAAGF,CAAM,MAAMC,CAAS,UACzC,OACC1B,OAAC,OAAI,UAAW,iBAAiBqB,EAAK,OAAS,qBAAuB,EAAE,GACvE,SAAA,CAAArB,EAAAA,KAAC,MAAA,CAAI,UAAU,qBACd,SAAA,CAAAE,EAAAA,IAAC,OAAA,CAAK,UAAU,sBAAuB,SAAAmB,EAAK,MAAM,EAClDrB,EAAAA,KAAC,OAAA,CAAK,UAAU,oBAAqB,SAAA,CAAAsB,EAAI,GAAA,CAAA,CAAC,CAAA,EAC3C,EACApB,EAAAA,IAAC,MAAA,CACA,UAAW,aAAasB,CAAG,GAC3B,KAAK,QACL,gBAAeF,EACf,gBAAe,EACf,gBAAe,IACf,aAAY,GAAGD,EAAK,KAAK,KAAKC,CAAG,IAEjC,SAAApB,EAAAA,IAAC,MAAA,CAAI,UAAU,aAAa,MAAO,CAAE,MAAO,GAAGqB,CAAS,GAAA,CAAI,CAAG,CAAA,CAAA,EAEhErB,EAAAA,IAAC,IAAA,CAAE,UAAU,gCAAiC,SAAAyB,EAAS,EACtDN,EAAK,UAAYnB,EAAAA,IAAC,KAAE,UAAU,qBAAsB,WAAK,QAAA,CAAS,CAAA,EACpE,CAEF,CAEO,SAAS0B,GAAqB,CACpC,SAAA5C,EACA,QAAAuB,EACA,MAAAC,EACA,kBAAAqB,EACA,SAAAC,CACD,EAAkD,CACjD,MAAMC,EAAM,KAAK,IAAA,EAGXC,EAAsB,CAC3B,CACC,IAAK,OACL,MAAO,eACP,SAAU,GACV,OAAQF,EAAS,OACjB,QAASA,EAAS,QAClB,cAAeA,EAAS,cACxB,OAAQ,EAAA,CACT,EAIKG,GAA2BjD,GAAU,UAAY,CAAA,GAAI,OACzDE,GAAMA,EAAE,YAAc2C,CAAA,EAGxBI,EAAO,KAAK,CAAC,EAAGC,IAAMA,EAAE,SAAW,EAAE,QAAQ,EAC7C,UAAWhD,KAAK+C,EACfD,EAAO,KAAK,CACX,IAAK9C,EAAE,UACP,MAAOP,GAAaO,EAAE,QAAQ,EAC9B,SAAU,OAAOA,EAAE,GAAG,MAAM+B,GAAOc,EAAM7C,EAAE,QAAQ,CAAC,GACnDA,EAAE,MAAQ,MAAMA,EAAE,KAAK,GAAK,EAC7B,GACA,OAAQA,EAAE,OACV,QAASA,EAAE,QACX,cAAeA,EAAE,WAAa,EAC9B,OAAQ,EAAA,CACR,EAGF,MAAMiD,EAAW3B,GAAS,CAACxB,EACrBoD,EAAc7B,GAAW,CAACvB,EAEhC,OACCgB,EAAAA,KAACC,EAAA,CAAK,UAAU,iBACf,SAAA,CAAAC,MAACC,EAAA,CACA,SAAAD,EAAAA,IAACE,EAAA,CAAU,SAAA,4BAAA,CAA0B,EACtC,QACCC,EAAA,CACA,SAAA8B,EACAnC,OAAC,MAAA,CAAI,UAAU,gCAAgC,SAAA,CAAA,2BACrBQ,EAAO,OAAA,CAAA,CACjC,EACG4B,EACHlC,MAAC,MAAA,CAAI,UAAU,gCAAgC,SAAA,mBAAA,CAAiB,EAEhEA,EAAAA,IAAC,MAAA,CAAI,UAAU,wCACb,WAAO,IAAKmC,GACZnC,EAAAA,IAACkB,GAAA,CAAyB,KAAMiB,GAAbA,EAAE,GAAc,CACnC,CAAA,CACF,CAAA,CAED,CAAA,EACD,CAEF,CCtJA,SAASC,EAAO,CACf,MAAAC,EACA,MAAAC,CACD,EAGuB,CACtB,MAAMhB,EACLe,IAAU,KAAO,YAAcA,IAAU,KAAO,YAAc,aAC/D,OACCvC,EAAAA,KAAC,MAAA,CAAI,UAAW,UAAUwB,CAAG,GAC5B,SAAA,CAAAtB,EAAAA,IAAC,OAAA,CAAK,UAAU,aAAa,cAAY,OAAO,EAChDA,EAAAA,IAAC,OAAA,CAAK,UAAU,eAAgB,SAAAsC,CAAA,CAAM,CAAA,EACvC,CAEF,CAEO,SAASC,GAAc,CAC7B,MAAAC,EACA,MAAAC,CACD,EAA2C,CAG1C,MAAMC,EAA0BF,EAAQ,KAAO,MACzCG,EAA0BF,EAC7B,KACCD,EAEA,MADA,KAGEI,EAAYH,EACf,6CACAD,EACC,0CACA,yBAEJ,OACC1C,EAAAA,KAAC,MAAA,CAAI,UAAU,sBACd,SAAA,CAAAE,EAAAA,IAAC,MAAG,SAAA,gBAAA,CAAc,EAClBF,EAAAA,KAAC,MAAA,CAAI,UAAU,aACd,SAAA,CAAAE,EAAAA,IAACoC,EAAA,CAAO,MAAOM,EAAY,MAAM,QAAQ,EACzC1C,EAAAA,IAACoC,EAAA,CAAO,MAAOO,EAAY,MAAM,OAAA,CAAQ,CAAA,EAC1C,EACA3C,EAAAA,IAAC,IAAA,CAAE,UAAU,qBAAsB,SAAA4C,CAAA,CAAU,CAAA,EAC9C,CAEF,CCjCA,SAASC,GAAcC,EAAoB,CAC1C,OAAIA,GAAM,GAAY,cAClBA,GAAM,GAAY,eACf,WACR,CAGA,SAASC,EAAQ,CAChB,MAAAT,EACA,MAAAU,EACA,MAAAC,CACD,EAIuB,CACtB,OACCnD,EAAAA,KAAC,MAAA,CAAI,UAAU,cACd,SAAA,CAAAE,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,MAAAiD,EAC9B,SAAAX,EACF,EACAtC,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAiB,SAAAgD,CAAA,CAAM,CAAA,EACxC,CAEF,CAEO,SAASE,GACfC,EACqB,CACrB,MAAML,EAAKK,EAAM,eACXC,EAASP,GAAcC,CAAE,EACzBO,EAAW,KAAK,IAAIP,EAAK,IAAK,EAAG,EACjCQ,EAAc,GAAGC,EAAmBT,CAAE,CAAC,0BAA0BS,EAAmBJ,EAAM,QAAQ,CAAC,GAEzG,OACCrD,EAAAA,KAAC,MAAA,CAAI,UAAU,yBACd,SAAA,CAAAE,EAAAA,IAAC,MAAG,SAAA,wBAAA,CAAsB,EAC1BA,EAAAA,IAAC+C,EAAA,CACA,MAAM,cACN,MAAOI,EAAM,gBAAgB,eAAA,EAC7B,MAAM,sFAAA,CAAA,EAEPnD,EAAAA,IAAC+C,EAAA,CACA,MAAM,qBACN,MAAOI,EAAM,SAAS,eAAA,EACtB,MAAM,oJAAA,CAAA,EAEPnD,EAAAA,IAAC+C,EAAA,CACA,MAAM,mBACN,MAAOI,EAAM,UAAU,eAAA,EACvB,MAAM,yGAAA,CAAA,EAEPnD,EAAAA,IAAC+C,EAAA,CACA,MAAM,QACN,MAAOI,EAAM,YAAY,eAAA,EACzB,MAAM,0DAAA,CAAA,EAEPnD,EAAAA,IAAC+C,EAAA,CACA,MAAM,WACN,MAAOI,EAAM,cACb,MAAM,iIAAA,CAAA,EAEPnD,EAAAA,IAAC+C,EAAA,CACA,MAAM,mBACN,MAAOQ,EAAmBJ,EAAM,YAAY,EAC5C,MAAM,2EAAA,CAAA,EAEPnD,EAAAA,IAAC+C,EAAA,CACA,MAAM,gBACN,MAAOQ,EAAmBJ,EAAM,gBAAgB,EAChD,MAAM,6HAAA,CAAA,EAEPnD,EAAAA,IAAC+C,EAAA,CACA,MAAM,YACN,MAAOI,EAAM,eACb,MAAM,gFAAA,CAAA,EAEPnD,EAAAA,IAAC+C,EAAA,CACA,MAAM,UACN,MAAOI,EAAM,kBAAoB,IACjC,MAAM,6CAAA,CAAA,EAEPrD,EAAAA,KAAC,MAAA,CAAI,UAAU,uBACd,SAAA,CAAAE,EAAAA,IAAC,MAAA,CAAI,UAAU,cACd,SAAAA,EAAAA,IAAC,MAAA,CACA,UAAW,cAAcoD,CAAM,GAC/B,MAAO,CAAE,MAAO,GAAGC,CAAQ,GAAA,CAAI,CAAA,EAEjC,EACArD,EAAAA,IAAC,OAAA,CAAK,UAAU,YAAa,SAAAsD,CAAA,CAAY,CAAA,CAAA,CAC1C,CAAA,EACD,CAEF,CCnGA,SAAST,GAAcC,EAAoB,CAC1C,OAAIA,GAAM,GAAY,cAClBA,GAAM,GAAY,eACf,WACR,CAEA,SAASC,EAAQ,CAChB,MAAAT,EACA,MAAAU,CACD,EAGuB,CACtB,OACClD,EAAAA,KAAC,MAAA,CAAI,UAAU,0EACd,SAAA,CAAAE,EAAAA,IAAC,OAAA,CAAK,UAAU,gCAAiC,SAAAsC,EAAM,EACvDtC,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAiB,SAAAgD,CAAA,CAAM,CAAA,EACxC,CAEF,CAEO,SAASQ,GACfL,EACqB,CACrB,MAAML,EAAKK,EAAM,eACXC,EAASP,GAAcC,CAAE,EACzBO,EAAW,KAAK,IAAIP,EAAK,IAAK,EAAG,EACjCQ,EAAc,GAAGC,EAAmBT,CAAE,CAAC,0BAA0BS,EAAmBJ,EAAM,QAAQ,CAAC,GAEzG,OACCrD,EAAAA,KAACC,EAAA,CAAK,UAAU,iBACf,SAAA,CAAAC,MAACC,EAAA,CACA,SAAAD,EAAAA,IAACE,EAAA,CAAU,SAAA,qBAAA,CAAmB,EAC/B,SACCC,EAAA,CACD,SAAA,CAAAH,EAAAA,IAAC+C,EAAA,CACA,MAAM,cACN,MAAOI,EAAM,gBAAgB,eAAA,CAAe,CAAA,EAE7CnD,EAAAA,IAAC+C,EAAA,CACA,MAAM,WACN,MAAOI,EAAM,SAAS,eAAA,CAAe,CAAA,EAEtCnD,EAAAA,IAAC+C,EAAA,CACA,MAAM,OACN,MAAOI,EAAM,UAAU,eAAA,CAAe,CAAA,EAEvCnD,EAAAA,IAAC+C,EAAA,CACA,MAAM,QACN,MAAOI,EAAM,YAAY,eAAA,CAAe,CAAA,EAEzCnD,EAAAA,IAAC+C,EAAA,CACA,MAAM,WACN,MAAOI,EAAM,aAAa,eAAA,CAAe,CAAA,QAEzCJ,EAAA,CAAQ,MAAM,YAAY,MAAOI,EAAM,eAAgB,EACxDnD,EAAAA,IAAC+C,EAAA,CACA,MAAM,gBACN,MAAOQ,EAAmBJ,EAAM,gBAAgB,CAAA,CAAA,SAEhD,MAAA,CACA,SAAA,CAAAnD,EAAAA,IAAC,MAAA,CAAI,UAAU,8DACd,SAAAA,EAAAA,IAAC,MAAA,CACA,UAAW,qBAAqBoD,CAAM,GACtC,MAAO,CAAE,MAAO,GAAGC,CAAQ,GAAA,CAAI,CAAA,EAEjC,EACArD,EAAAA,IAAC,OAAA,CAAK,UAAU,2CAA4C,SAAAsD,CAAA,CAAY,CAAA,CAAA,CACzE,CAAA,CAAA,CACA,CAAA,EACD,CAEF,CCrFO,SAASG,GACfN,EACqB,CACrB,OACCrD,EAAAA,KAAC,MAAA,CAAI,UAAU,wBACd,SAAA,CAAAE,EAAAA,IAAC,MAAG,SAAA,gBAAA,CAAc,EAClBF,EAAAA,KAAC,MAAA,CAAI,UAAU,cACd,SAAA,CAAAE,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,mBAAgB,QAC/C,OAAA,CAAK,UAAU,gBACd,SAAAmD,EAAM,gBAAgB,gBAAe,CACvC,CAAA,EACD,EACArD,EAAAA,KAAC,MAAA,CAAI,UAAU,cACd,SAAA,CAAAE,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,sBAAmB,QAClD,OAAA,CAAK,UAAU,gBACd,SAAA0D,EAASP,EAAM,uBAAuB,CAAA,CACxC,CAAA,EACD,EACArD,EAAAA,KAAC,MAAA,CAAI,UAAU,cACd,SAAA,CAAAE,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,mBAAgB,QAC/C,OAAA,CAAK,UAAU,gBACd,SAAAmD,EAAM,oBAAoB,gBAAe,CAC3C,CAAA,EACD,EACArD,EAAAA,KAAC,MAAA,CAAI,UAAU,cACd,SAAA,CAAAE,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,SAAA,sBAAmB,QAClD,OAAA,CAAK,UAAU,4BACd,SAAA0D,EAASP,EAAM,uBAAuB,CAAA,CACxC,CAAA,EACD,EACAnD,EAAAA,IAAC,IAAA,CAAE,UAAU,YAAY,SAAA,8HAAA,CAGzB,CAAA,EACD,CAEF,CCxBA,SAAS+C,EAAQ,CAChB,MAAAT,EACA,MAAAU,EACA,MAAAC,CACD,EAIuB,CACtB,OACCnD,EAAAA,KAAC,MAAA,CAAI,UAAU,cACd,SAAA,CAAAE,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAgB,MAAAiD,EAC9B,SAAAX,EACF,EACAtC,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAiB,SAAAgD,CAAA,CAAM,CAAA,EACxC,CAEF,CAEO,SAASW,GACfR,EACqB,CACrB,MAAMS,EAAc,GAAG,KAAK,OAAOT,EAAM,UAAY,GAAK,GAAG,CAAC,IAE9D,IAAIU,EAAeV,EAAM,gBAAgB,eAAA,EACzC,OAAIA,EAAM,SAAW,MAAQA,EAAM,cAAgB,IAClDU,GAAgB,KAAK,KAAK,MAAMV,EAAM,QAAU,GAAG,CAAC,QAAQA,EAAM,cAAc,eAAA,CAAgB,KAIhGrD,EAAAA,KAAC,MAAA,CAAI,UAAU,2BACd,SAAA,CAAAE,EAAAA,IAAC,MAAG,SAAA,eAAA,CAAa,EACjBA,EAAAA,IAAC+C,EAAA,CACA,MAAM,OACN,MAAO,GAAGI,EAAM,IAAI,UACpB,MAAM,mEAAA,CAAA,EAEPnD,EAAAA,IAAC+C,EAAA,CACA,MAAM,SACN,MAAOI,EAAM,WACb,MAAM,oGAAA,CAAA,EAEPnD,EAAAA,IAAC+C,EAAA,CACA,MAAM,WACN,MAAOa,EACP,MAAM,wHAAA,CAAA,EAEP5D,EAAAA,IAAC+C,EAAA,CACA,MAAM,YACN,MAAOc,EACP,MAAM,oIAAA,CAAA,EAEP7D,EAAAA,IAAC+C,EAAA,CACA,MAAM,YACN,MAAO,GAAGI,EAAM,WAAW,IAC3B,MAAM,uFAAA,CAAA,EAEPnD,EAAAA,IAAC+C,EAAA,CACA,MAAM,OACN,MAAOI,EAAM,KAAO,UAAY,UAAA,CAAA,EAEjCnD,EAAAA,IAAC+C,EAAA,CACA,MAAM,SACN,MAAO,OAAOI,EAAM,kBAAkB,CAAA,CAAA,CACvC,EACD,CAEF,CC3EA,SAASJ,EAAQ,CAChB,MAAAT,EACA,MAAAU,EACA,MAAAC,CACD,EAIuB,CACtB,OACCnD,EAAAA,KAAC,MAAA,CAAI,UAAU,0EACd,SAAA,CAAAE,EAAAA,IAAC,OAAA,CAAK,UAAU,gCAAgC,MAAAiD,EAC9C,SAAAX,EACF,EACAtC,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAiB,SAAAgD,CAAA,CAAM,CAAA,EACxC,CAEF,CAEO,SAASc,GACfX,EACqB,CACrB,MAAMY,EAAYZ,EAAM,iBAAmB,EAC3C,IAAIa,EAAM,EACNC,EAAU,IAEd,GAAId,EAAM,WAAaY,EAAY,EAAG,CACrCC,EAAMD,EAAYZ,EAAM,UACxB,MAAMe,EAAMf,EAAM,eAAiB,EACnCc,EAAUC,EAAM,GAAKH,EAAYG,GAAK,QAAQ,CAAC,EAAI,GACpD,CAEA,MAAMC,EAAS,MAAMH,EAAI,QAAQ,CAAC,CAAC,SAC7BI,EAAa,GAAGH,CAAO,4BAE7B,OACCnE,EAAAA,KAACC,EAAA,CAAK,UAAU,iBACf,SAAA,CAAAC,MAACC,EAAA,CACA,SAAAD,EAAAA,IAACE,EAAA,CAAU,SAAA,yBAAA,CAA2B,EACvC,SACCC,EAAA,CACA,SAAA,CAAAH,EAAAA,IAAC,MAAA,CAAI,UAAU,kCAAmC,SAAAmE,EAAO,EACzDnE,EAAAA,IAAC,MAAA,CAAI,UAAU,qCAAsC,SAAAoE,EAAW,EAChEpE,EAAAA,IAAC+C,EAAA,CACA,MAAM,QACN,MAAOI,EAAM,KACb,MAAM,uEAAA,CAAA,EAEPnD,EAAAA,IAAC+C,EAAA,CACA,MAAM,WACN,MAAOI,EAAM,SACb,MAAM,iCAAA,CAAA,EAEPnD,EAAAA,IAAC+C,EAAA,CACA,MAAM,aACN,MAAO,IAAII,EAAM,UAAU,QAAQ,CAAC,CAAC,GACrC,MAAM,gDAAA,CAAA,EAEPnD,EAAAA,IAAC+C,EAAA,CACA,MAAM,cACN,MAAO,IAAII,EAAM,WAAW,QAAQ,CAAC,CAAC,GACtC,MAAM,iDAAA,CAAA,CACP,CAAA,CACD,CAAA,EACD,CAEF,CC3EO,SAASkB,GACflB,EACqB,CACrB,KAAM,CAAE,aAAAmB,EAAc,YAAAC,CAAA,EAAgBpB,EAChCqB,EACLF,EAAe,EAAI,KAAKA,CAAY,WAAa,OAElD,OACCxE,EAAAA,KAACC,EAAA,CAAK,UAAU,iBACf,SAAA,CAAAC,MAACC,EAAA,CACA,SAAAD,EAAAA,IAACE,EAAA,CAAU,SAAA,eAAA,CAAa,EACzB,SACCC,EAAA,CACA,SAAA,CAAAL,EAAAA,KAAC,MAAA,CAAI,UAAU,0EACd,SAAA,CAAAE,EAAAA,IAAC,OAAA,CAAK,UAAU,gCAAgC,SAAA,gBAAa,EAC7DA,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAiB,SAAAsE,CAAA,CAAa,CAAA,EAC/C,EACAxE,EAAAA,KAAC,MAAA,CAAI,UAAU,0EACd,SAAA,CAAAE,EAAAA,IAAC,OAAA,CAAK,UAAU,gCAAgC,SAAA,eAAY,EAC5DA,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAiB,SAAAuE,CAAA,CAAY,CAAA,EAC9C,EACAzE,EAAAA,KAAC,MAAA,CAAI,UAAU,mDACd,SAAA,CAAAE,EAAAA,IAAC,OAAA,CAAK,UAAU,gCAAgC,SAAA,SAAM,EACtDA,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAiB,SAAAwE,CAAA,CAAO,CAAA,CAAA,CACzC,CAAA,CAAA,CACD,CAAA,EACD,CAEF,CClCA,MAAMC,GAA+C,QACnD,KAAA,CACA,SAAA,CAAAzE,EAAAA,IAAC,KAAE,SAAA,oBAAA,CAAkB,EAAI,gFAAA,CAAA,EADlB,GAGR,SACC,KAAA,CACA,SAAA,CAAAA,EAAAA,IAAC,KAAE,SAAA,kBAAA,CAAgB,EAAI,0DAAA,CAAA,EADhB,GAGR,SACC,KAAA,CACA,SAAA,CAAAA,EAAAA,IAAC,KAAE,SAAA,OAAA,CAAK,EAAI,4DAAA,CAAA,EADL,GAER,SACC,KAAA,CACA,SAAA,CAAAA,EAAAA,IAAC,KAAE,SAAA,eAAA,CAAa,EAAI,qFAAA,CAAA,EADb,GAGR,SACC,KAAA,CACA,SAAA,CAAAA,EAAAA,IAAC,KAAE,SAAA,iBAAA,CAAe,EAAI,6FAAA,CAAA,EADf,GAGR,SACC,KAAA,CACA,SAAA,CAAAA,EAAAA,IAAC,KAAE,SAAA,aAAA,CAAW,EAAI,qHAAA,CAAA,EADX,GAIR,CACD,EAEO,SAAS0E,IAAiC,CAChD,OACC1E,MAACD,EAAA,CACA,SAAAC,EAAAA,IAACG,EAAA,CACA,gBAAC,UAAA,CACA,SAAA,CAAAH,EAAAA,IAAC,UAAA,CAAQ,UAAU,uCAAuC,SAAA,0BAE1D,EACAA,EAAAA,IAAC,KAAA,CAAG,UAAU,2CACZ,SAAAyE,GACF,EACAzE,EAAAA,IAAC,IAAA,CAAE,UAAU,qCAAqC,SAAA,gDAAA,CAElD,CAAA,CAAA,CACD,EACD,EACD,CAEF,CCxCO,MAAM2E,GAA0B,IAAM,CAC5C,KAAM,CAAE,KAAM1D,CAAA,EAAM2D,EACnBC,EAAAA,QAAQ,IAAM,IAAMC,EAAA,EAAmB,EAAE,EACzC,CAAE,aAAc,GAAA,CAAO,EAGxB,GAAI,CAAC7D,EACJ,aACElB,EAAA,CACA,SAAAC,EAAAA,IAACG,GAAY,UAAU,gCAAgC,+BAAmB,CAAA,CAC3E,EAIF,KAAM,CAAE,OAAA4E,EAAQ,MAAAC,CAAA,EAAU/D,EACpBgE,EAASD,EAAM,aAAeA,EAAM,qBAE1C,cACEjF,EAAA,CACA,SAAA,CAAAC,MAACC,EAAA,CACA,SAAAH,EAAAA,KAACI,EAAA,CAAU,UAAU,0BACpB,SAAA,CAAAF,EAAAA,IAAC,OAAA,CACA,UAAW,qCAAqCiF,EAAS,aAAe,qBAAqB,GAC7F,cAAY,MAAA,CAAA,EACX,YAAA,CAAA,CAEH,CAAA,CACD,EACAjF,EAAAA,IAACG,EAAA,CACC,SAAC8E,EAKDnF,EAAAA,KAAC,KAAA,CAAG,UAAU,2CACb,SAAA,CAAAA,OAAC,MAAA,CACA,SAAA,CAAAE,EAAAA,IAAC,KAAA,CAAG,UAAU,gCAAgC,SAAA,YAAS,EACvDF,EAAAA,KAAC,KAAA,CAAG,UAAU,gCACZ,SAAA,CAAA,KAAK,MAAMiF,EAAO,eAAiB,GAAG,EAAE,GAAA,CAAA,CAC1C,CAAA,EACD,SACC,MAAA,CACA,SAAA,CAAA/E,EAAAA,IAAC,KAAA,CAAG,UAAU,gCAAgC,SAAA,WAAQ,EACtDF,EAAAA,KAAC,KAAA,CAAG,UAAU,gCACZ,SAAA,CAAAiF,EAAO,QAAQ,QAAQ,CAAC,EAAE,GAAA,CAAA,CAC5B,CAAA,EACD,SACC,MAAA,CACA,SAAA,CAAA/E,EAAAA,IAAC,KAAA,CAAG,UAAU,gCAAgC,SAAA,kBAAe,EAC7DA,EAAAA,IAAC,KAAA,CAAG,UAAU,gCAAiC,WAAO,cAAA,CAAe,CAAA,EACtE,SACC,MAAA,CACA,SAAA,CAAAA,EAAAA,IAAC,KAAA,CAAG,UAAU,gCAAgC,SAAA,WAAQ,EACtDA,EAAAA,IAAC,KAAA,CAAG,UAAU,gCAAiC,WAAO,YAAA,CAAa,CAAA,CAAA,CACpE,CAAA,CAAA,CACD,EAzBAA,EAAAA,IAAC,MAAA,CAAI,UAAU,gCAAgC,SAAA,uCAAA,CAE/C,CAuBA,CAEF,CAAA,EACD,CAEF,EC3BA,SAASkF,GAAgBC,EAAoC,CAC5D,OAAOA,EAAE,OAAS,gBACnB,CAQA,SAASC,GAAgBC,EAA2B,CACnD,GAAI,CAACA,EAAI,MAAO,QAChB,GAAI,CACH,OAAO,IAAI,KAAKA,CAAE,EAAE,eAAA,CACrB,MAAQ,CACP,OAAOA,CACR,CACD,CAEA,SAAwBC,GAAY,CACnC,SAAAC,EACA,QAAAlF,EACA,MAAAC,CACD,EAAyC,CAGxC,KAAM,CACL,KAAMkF,EACN,MAAOC,EACP,QAASC,EACT,QAASC,CAAA,EACNf,EACHgB,cAAY,IAAMC,EAAA,EAAiB,EAAE,EACrC,CAAE,aAAc,GAAA,CAAM,EAGjB,CAAE,OAAAC,CAAA,EAAWC,EAAA,EAEbC,EAAenB,EAAAA,QAAQ,IAAMiB,EAAO,OAAOZ,EAAe,EAAG,CAACY,CAAM,CAAC,EACrEG,EAAepB,EAAAA,QAAQ,IACxBmB,EAAa,SAAW,EAAU,KAC/BA,EAAaA,EAAa,OAAS,CAAC,EAAE,GAC3C,CAACA,CAAY,CAAC,EAOjB,GALAE,EAAAA,UAAU,IAAM,CACXD,GAAgB,MACpBN,EAAA,CACD,EAAG,CAACM,EAAcN,CAAe,CAAC,EAE9BtF,GAAW,CAACkF,EACf,OAAOvF,EAAAA,IAAC,MAAA,CAAI,UAAU,WAAW,SAAA,oBAAiB,EACnD,GAAIM,GAAS,CAACiF,EACb,OAAOzF,EAAAA,KAAC,MAAA,CAAI,UAAU,WAAW,SAAA,CAAA,UAAQQ,EAAM,OAAA,EAAQ,EACxD,GAAI,CAACiF,EAAU,aAAQ,MAAA,CAAI,UAAU,WAAW,SAAA,oBAAiB,EAGjE,MAAMY,EAAIZ,EACJ,CAAE,QAAAa,EAAS,YAAAC,EAAa,QAAAC,EAAS,QAAAC,EAAS,MAAAC,EAAO,KAAAC,EAAM,UAAAC,GAAcP,EACrEQ,EAAMR,EAAE,OACRS,EAAOT,EAAE,KACTU,EAAYV,EAAE,UACdW,EAAYX,EAAE,UACdY,EAAWZ,EAAE,SACba,EAAYb,EAAE,UACdc,EAAOd,EAAE,KACTe,EAAQf,EAAE,MAEhB,OACCrG,EAAAA,KAAC,MAAA,CAAI,UAAU,sBACd,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,oCACd,SAAA,CAAAE,EAAAA,IAACmH,EAAA,CAAM,QAAQ,SAAU,SAAAV,EAAK,EAC9B3G,EAAAA,KAAC,OAAA,CAAK,UAAU,gCAAgC,SAAA,CAAA,WACtCsF,GAAgBsB,CAAS,CAAA,CAAA,CACnC,CAAA,EACD,EACA5G,EAAAA,KAAC,MAAA,CAAI,UAAU,uDACd,SAAA,CAAAE,EAAAA,IAAC0B,GAAA,CACA,SAAU8D,EACV,QAASE,EACT,MAAOD,EACP,kBAAmBc,EAAQ,GAC3B,SAAU,CACT,OAAQH,EAAQ,OAChB,QAASA,EAAQ,QACjB,cAAeA,EAAQ,aAAA,CACxB,CAAA,EAEDpG,EAAAA,IAACI,GAAA,CACA,SAAUoF,EACV,QAASE,EACT,MAAOD,CAAA,CAAA,EAERzF,EAAAA,IAACuC,GAAA,CACA,MAAO+D,EAAQ,MACf,MAAOA,EAAQ,MACf,cAAeA,EAAQ,cACvB,gBAAiBA,EAAQ,gBACzB,YAAaA,EAAQ,WAAA,CAAA,EAEtBtG,EAAAA,IAACkD,GAAA,CACA,gBAAiBsD,EAAM,gBACvB,SAAUH,EAAY,QAAQ,SAC9B,UAAWA,EAAY,QAAQ,UAC/B,YAAaA,EAAY,QAAQ,YACjC,cAAeG,EAAM,cACrB,aAAcA,EAAM,aACpB,iBAAkBA,EAAM,iBACxB,eAAgBA,EAAM,eACtB,iBAAkBD,EAAQ,iBAC1B,eAAgBF,EAAY,QAAQ,eACpC,SAAUA,EAAY,QAAQ,QAAA,CAAA,EAE/BrG,EAAAA,IAACwD,GAAA,CACA,gBAAiByD,EAAK,gBACtB,SAAUZ,EAAY,KAAK,SAC3B,UAAWA,EAAY,KAAK,UAC5B,YAAaA,EAAY,KAAK,YAC9B,aAAcY,EAAK,aACnB,eAAgBA,EAAK,eACrB,iBAAkBA,EAAK,iBACvB,eAAgBZ,EAAY,KAAK,eACjC,SAAUA,EAAY,KAAK,QAAA,CAAA,EAE5BrG,EAAAA,IAACyD,GAAA,CACA,gBAAiBoD,EAAU,gBAC3B,wBAAyBA,EAAU,wBACnC,oBAAqBA,EAAU,oBAC/B,wBAAyBA,EAAU,uBAAA,CAAA,EAEpC7G,EAAAA,IAAC2D,GAAA,CACA,KAAA8C,EACA,WAAYN,EAAE,WACd,SAAUA,EAAE,SACZ,gBAAiBQ,EAAI,gBACrB,QAASA,EAAI,QACb,cAAeP,EAAQ,cACvB,YAAaO,EAAI,YACjB,KAAMA,EAAI,KACV,mBAAoBA,EAAI,kBAAA,CAAA,EAExBO,GACAlH,EAAAA,IAAC8D,GAAA,CACA,KAAMoD,EAAM,KACZ,SAAUA,EAAM,cAAgBA,EAAM,SACtC,UAAWA,EAAM,UACjB,WAAYA,EAAM,WAClB,gBAAiBb,EAAY,KAAK,YAClC,cAAeD,EAAQ,aAAA,CAAA,EAGzBpG,EAAAA,IAACqE,GAAA,CACA,aAAcuC,EAAK,aACnB,YAAaA,EAAK,WAAA,CAAA,EAEnB5G,EAAAA,IAACoH,EAAA,CACA,iBAAkBN,EAAU,QAC5B,eAAgBA,EAAU,MAC1B,mBAAoBA,EAAU,mBAC9B,iBAAkBA,EAAU,iBAC5B,mBAAoBC,EAAS,QAC7B,iBAAkBA,EAAS,KAAA,CAAA,EAE5B/G,EAAAA,IAACqH,EAAA,CACA,kBAAmBL,EAAU,QAAQ,WACrC,gBAAiBA,EAAU,QAAQ,SACnC,mBAAoBA,EAAU,SAAS,WACvC,iBAAkBA,EAAU,SAAS,QAAA,CAAA,EAErCM,KAAYtH,EAAAA,IAAC2E,GAAA,EAAc,QAC3BD,GAAA,CAAA,CAAW,CAAA,CAAA,CACb,CAAA,EACD,CAEF"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as d,j as e,u as b,a as M,w as A}from"./index-OM3w-l2T.js";import{u as C}from"./useSSE-DqVouqww.js";import{C as c,c as x}from"./card-BsfojHfp.js";import{R as I,A as T,C as D,X as L,Y as E,T as F,a as W,b as R,L as z}from"./AreaChart-C68tGr2J.js";import{T as P}from"./toggle-DyBKcLe-.js";function O(s,i){const n=new Map,o=s.map(t=>t.sessionId);for(const t of s)for(const r of t.data){let a=n.get(r.ts);if(!a){a={ts:r.ts,total:0};for(const l of o)a[l]=0;n.set(r.ts,a)}a[t.sessionId]=r.tokens}for(const t of i){let r=n.get(t.ts);if(!r){r={ts:t.ts,total:0};for(const a of o)r[a]=0;n.set(t.ts,r)}r.total=t.tokens}return[...n.values()].sort((t,r)=>t.ts-r.ts)}function v(s){return new Date(s).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",second:"2-digit"})}function k(s){const i=Number(s);return Number.isFinite(i)?i.toLocaleString():String(s)}function N(s){return`grad-${s.replace(/[^a-zA-Z0-9_-]/g,"_")}`}function G({series:s,totals:i}){const n=d.useMemo(()=>O(s,i),[s,i]);return s.length===0?e.jsx(c,{children:e.jsx(x,{children:"No token samples in this window yet."})}):e.jsx(c,{children:e.jsx(x,{children:e.jsx(I,{width:"100%",height:360,children:e.jsxs(T,{data:n,margin:{top:8,right:16,left:0,bottom:0},children:[e.jsx("defs",{children:s.map(o=>e.jsxs("linearGradient",{id:N(o.sessionId),x1:"0",y1:"0",x2:"0",y2:"1",children:[e.jsx("stop",{offset:"5%",stopColor:o.color,stopOpacity:.7}),e.jsx("stop",{offset:"95%",stopColor:o.color,stopOpacity:.25})]},`${o.sessionId}-grad`))}),e.jsx(D,{strokeDasharray:"3 3",stroke:"#30363d"}),e.jsx(L,{dataKey:"ts",type:"number",domain:["dataMin","dataMax"],tickFormatter:o=>v(o),stroke:"#8b949e",tick:{fontSize:11},scale:"time"}),e.jsx(E,{stroke:"#8b949e",tick:{fontSize:11},width:56,tickFormatter:o=>k(o)}),e.jsx(F,{labelFormatter:o=>v(o),formatter:o=>[k(o),"tokens"],contentStyle:{background:"#161b22",border:"1px solid #30363d",borderRadius:"6px",color:"#e6edf3"},labelStyle:{color:"#8b949e",fontSize:12}}),e.jsx(W,{wrapperStyle:{fontSize:12}}),s.map(o=>e.jsx(R,{type:"monotone",dataKey:o.sessionId,name:o.label,stackId:"1",stroke:o.color,fill:`url(#${N(o.sessionId)})`,fillOpacity:1,isAnimationActive:!1,dot:!1},o.sessionId)),e.jsx(z,{type:"monotone",dataKey:"total",name:"Total",stroke:"#e6edf3",strokeWidth:1.5,strokeDasharray:"4 2",dot:!1,isAnimationActive:!1})]})})})})}const y=["PID","Repo","Model","Context %","Tokens / Window","Last Heartbeat","State Dir","Trend"];function K(s){const i=Math.max(0,Math.round(s/1e3));if(i<60)return`${i}s ago`;const n=Math.floor(i/60);return n<60?`${n}m ${i%60}s ago`:`${Math.floor(n/60)}h ${n%60}m ago`}function S(s){return s==null?"—":s>=1e5?`${(s/1e3).toFixed(0)}k`:s>=1e3?`${(s/1e3).toFixed(1)}k`:s.toLocaleString()}function X(s){return s==null?"sessions-pct-ok":s>=85?"sessions-pct-err":s>=60?"sessions-pct-warn":"sessions-pct-ok"}function _(s){return s==null?"—":`${Math.round(s)}%`}function B(s,i){return s==null?"—":`${S(s)} / ${S(i)}`}function H({points:s,color:i}){if(s.length<2)return e.jsx("span",{className:"sessions-sparkline-empty",children:"—"});const n=Math.min(...s),t=Math.max(...s)-n||1,r=64,a=18,l=r/(s.length-1),m=s.map((u,h)=>{const j=h*l,p=a-(u-n)/t*a;return`${h===0?"M":"L"} ${j.toFixed(1)} ${p.toFixed(1)}`});return e.jsx("svg",{className:"sessions-sparkline",width:r,height:a,viewBox:`0 0 ${r} ${a}`,role:"img","aria-label":"token trend",children:e.jsx("path",{d:m.join(" "),fill:"none",stroke:i,strokeWidth:"1.5",strokeLinejoin:"round",strokeLinecap:"round"})})}function Y(s){const i=new Map;for(const n of s)i.set(n.sessionId,n);return i}function Z({sessions:s,series:i}){const n=Y(i),o=Date.now();return e.jsx(c,{children:e.jsx(x,{children:e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full border-collapse text-sm",children:[e.jsx("thead",{children:e.jsx("tr",{children:y.map((t,r)=>e.jsx("th",{className:`border-b border-border px-3 py-2 text-left font-medium text-muted-foreground${r>=3&&r!==6?" text-right":""}`,children:t},t))})}),e.jsxs("tbody",{children:[s.length===0&&e.jsx("tr",{children:e.jsx("td",{colSpan:y.length,className:"px-3 py-4 text-muted-foreground",children:"No active sessions."})}),s.map(t=>{const r=n.get(t.sessionId),a=r?.data.map(m=>m.tokens)??[],l=r?.color??"#58a6ff";return e.jsxs("tr",{className:"border-b border-border/50 hover:bg-bg-elevated/40",children:[e.jsx("td",{className:"px-3 py-2 text-right font-mono",children:t.pid}),e.jsx("td",{className:"px-3 py-2",title:t.repoRoot??void 0,children:t.displayName||t.repoRoot||"—"}),e.jsx("td",{className:"px-3 py-2",children:t.model??"—"}),e.jsx("td",{className:"px-3 py-2 text-right",children:e.jsx("span",{className:`sessions-pct-pill ${X(t.percent)}`,children:_(t.percent)})}),e.jsx("td",{className:"px-3 py-2 text-right",children:B(t.tokens,t.ctxWindow)}),e.jsx("td",{className:"px-3 py-2 text-right",children:K(o-t.lastSeen)}),e.jsx("td",{title:t.stateDir??void 0,className:"px-3 py-2 font-mono text-muted-foreground",children:t.stateDir?t.stateDir.split("/").pop()||t.stateDir:"—"}),e.jsx("td",{className:"px-3 py-2",children:e.jsx(H,{points:a,color:l})})]},`${t.pid}:${t.sessionId}`)})]})]})})})})}function q(s){return s.type==="session_sample"}const w=[{value:5,label:"5m"},{value:15,label:"15m"},{value:30,label:"30m"},{value:60,label:"60m"}];function J({sessions:s}){const i=s.sessions.length,n=s.sessions.reduce((r,a)=>r+(a.tokens??0),0),o=s.sessions.reduce((r,a)=>Math.max(r,a.ctxWindow),0),t=o>0?n/o*100:0;return e.jsxs("div",{className:"grid grid-cols-2 gap-4 md:grid-cols-4",children:[e.jsx(c,{children:e.jsxs(x,{children:[e.jsx("span",{className:"text-xs text-muted-foreground",children:"Active sessions"}),e.jsx("div",{className:"text-xl font-semibold",children:i})]})}),e.jsx(c,{children:e.jsxs(x,{children:[e.jsx("span",{className:"text-xs text-muted-foreground",children:"Combined tokens"}),e.jsx("div",{className:"text-xl font-semibold",children:n>=1e5?`${(n/1e3).toFixed(0)}k`:n.toLocaleString()})]})}),e.jsx(c,{children:e.jsxs(x,{children:[e.jsx("span",{className:"text-xs text-muted-foreground",children:"Combined % of max window"}),e.jsxs("div",{className:"text-xl font-semibold",children:[Math.round(t),"%"]})]})}),e.jsx(c,{children:e.jsxs(x,{children:[e.jsx("span",{className:"text-xs text-muted-foreground",children:"Pruned (stale)"}),e.jsx("div",{className:"text-xl font-semibold",children:s.pruned})]})})]})}function te(){const[s,i]=d.useState(30),{data:n,error:o,refetch:t}=b(d.useCallback(()=>M(),[]),{pollInterval:2e3}),{data:r,error:a,refetch:l}=b(d.useCallback(()=>A(s),[s]),{pollInterval:2e3}),{events:m}=C(),u=d.useMemo(()=>m.filter(q),[m]),h=d.useMemo(()=>u.length===0?null:u[u.length-1].ts,[u]);if(d.useEffect(()=>{h!=null&&(t(),l())},[h,t,l]),o&&!n)return e.jsxs("div",{className:"tab-stub",children:["Error loading sessions: ",o.message]});if(a&&!r)return e.jsxs("div",{className:"tab-stub",children:["Error loading timeseries: ",a.message]});if(!n)return e.jsx("div",{className:"tab-stub",children:"Loading sessions…"});const j=n.sessions,p=r?.series??[],g=r?.totals??[],$=w.find(f=>f.value===s)?.label??`${s}m`;return e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("h2",{className:"font-heading text-lg font-semibold",children:"Session Memory Graph"}),e.jsx("div",{className:"flex gap-2",children:w.map(f=>e.jsx(P,{pressed:s===f.value,onClick:()=>i(f.value),children:f.label},f.value))})]}),j.length===0?e.jsx("div",{className:"text-sm text-muted-foreground",children:"No active sessions."}):e.jsxs(e.Fragment,{children:[e.jsx(J,{sessions:n}),e.jsx(G,{series:p,totals:g}),e.jsx("h2",{className:"font-heading text-lg font-semibold",children:"Active Sessions"}),e.jsx(Z,{sessions:j,series:p}),e.jsxs("div",{className:"text-xs text-muted-foreground",children:[p.length," series · ",g.length," timestamps ·"," ",$," window · updated"," ",r?.updatedAt??n.updatedAt]})]})]})}export{te as default};
|
|
2
|
-
//# sourceMappingURL=SessionsTab-Cg-IsijD.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as c,j as e,A as H,D as K,E as U,u as w,F as Y,G as Q,H as z,B as y,I as X}from"./index-OM3w-l2T.js";import{B as v}from"./button-CUrzhi2A.js";import{T as A}from"./toggle-DyBKcLe-.js";import{C as N,c as k}from"./card-BsfojHfp.js";import{u as J}from"./useSSE-DqVouqww.js";function Z(t,o){const m=t.length>14?t.slice(0,14)+"…":t;return o?`${m} (${o})`:m}function ee({topicId:t,others:o,members:m,onMutated:i}){const[n,a]=c.useState(null),[d,h]=c.useState(""),[l,u]=c.useState(""),[r,s]=c.useState([]),[p,b]=c.useState(!1),[g,f]=c.useState(null);function j(x){a(x),f(null),h(""),u(""),s([])}async function q(){b(!0),f(null);try{if(n==="rename")await H(t,d);else if(n==="merge"){if(!l){f("Pick a target topic."),b(!1);return}await K(t,l)}else if(n==="split"){if(r.length===0){f("Pick at least one memory."),b(!1);return}await U(t,r)}a(null),i()}catch(x){f(x instanceof Error?x.message:String(x))}finally{b(!1)}}return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex gap-2",children:[e.jsx(v,{variant:"outline",size:"sm",onClick:()=>j("rename"),children:"Rename"}),e.jsx(v,{variant:"outline",size:"sm",onClick:()=>j("merge"),children:"Merge into…"}),e.jsx(v,{variant:"outline",size:"sm",onClick:()=>j("split"),children:"Split"})]}),n&&e.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",onClick:()=>a(null),children:e.jsxs("div",{className:"w-full max-w-md rounded-lg border border-border bg-bg-card p-5 shadow-xl",role:"dialog","aria-modal":"true","aria-label":n,onClick:x=>x.stopPropagation(),children:[e.jsx("h3",{className:"mb-3 font-heading text-base font-semibold text-foreground",children:n==="rename"?"Rename topic":n==="merge"?"Merge into…":"Split topic"}),n==="rename"&&e.jsx("input",{type:"text",value:d,placeholder:"New label (empty = back to auto)","aria-label":"New topic label",autoFocus:!0,onChange:x=>h(x.target.value),className:"w-full rounded-md border border-border bg-bg-elevated/50 px-3 py-2 text-sm outline-none transition-colors focus:border-primary"}),n==="merge"&&e.jsxs("select",{value:l,"aria-label":"Target topic",onChange:x=>u(x.target.value),className:"w-full rounded-md border border-border bg-bg-elevated/50 px-3 py-2 text-sm outline-none transition-colors focus:border-primary",children:[e.jsx("option",{value:"",children:"Pick a target topic…"}),o.map(x=>e.jsx("option",{value:x.id,children:x.label},x.id))]}),n==="split"&&e.jsx("div",{className:"max-h-56 overflow-auto rounded-md border border-border/60",children:m.map(x=>e.jsxs("label",{className:"flex cursor-pointer items-center gap-2 border-b border-border/40 px-3 py-2 text-sm last:border-0 hover:bg-bg-elevated/40",children:[e.jsx("input",{type:"checkbox",checked:r.includes(x.memoryId),onChange:G=>{s(I=>G.target.checked?[...I,x.memoryId]:I.filter(V=>V!==x.memoryId))},className:"accent-primary"}),e.jsx("span",{className:"font-mono text-xs text-muted-foreground",children:Z(x.memoryId,x.method)})]},x.memoryId))}),g&&e.jsx("p",{className:"mt-3 text-sm text-danger",children:g}),e.jsxs("div",{className:"mt-4 flex justify-end gap-2",children:[e.jsx(v,{variant:"ghost",size:"sm",onClick:()=>a(null),children:"Cancel"}),e.jsx(v,{size:"sm",onClick:q,disabled:p,children:p?"…":"Confirm"})]})]})})]})}const L=720,M=56,T=10,R=3;function C(t){return t?new Date(t).toLocaleDateString():"—"}function te({topicId:t}){const{data:o,error:m}=w(c.useCallback(()=>Y(t),[t]),{});if(m)return e.jsx("div",{className:"rounded-lg border border-border bg-bg-card p-4 text-sm text-muted-foreground",children:"Timeline unavailable."});if(!o)return e.jsx("div",{className:"rounded-lg border border-border bg-bg-card p-4 text-sm text-muted-foreground",children:"Loading timeline…"});const{buckets:i,total:n}=o,a=Math.max(...i.map(l=>l.count),1),d=i.length*(T+R),h=Math.min(1,(L-24)/Math.max(d,1));return e.jsxs("div",{className:"rounded-lg border border-border bg-bg-card p-4",children:[e.jsxs("h3",{className:"mb-2 font-heading text-sm font-semibold text-muted-foreground",children:["Memory timeline"," ",e.jsxs("span",{className:"font-normal text-xs",children:["(",n," memory",n!==1?"ies":"y"," · daily buckets)"]})]}),i.length===0?e.jsx("p",{className:"text-sm text-muted-foreground",children:"No timeline data yet."}):e.jsxs(e.Fragment,{children:[e.jsx("svg",{width:"100%",height:M,viewBox:`0 0 ${Math.max(L,d*h)} ${M}`,role:"img","aria-label":"Memory additions over time",children:i.map((l,u)=>{const r=u*(T+R)*h,s=Math.max(3,l.count/a*(M-20));return e.jsx("rect",{x:r,y:M-6-s,width:Math.max(2,T*h),height:s,rx:2,fill:"hsl(var(--primary))",opacity:.85,children:e.jsx("title",{children:`${C(l.bucket)}: ${l.count}`})},`${l.bucket}-${u}`)})}),e.jsxs("p",{className:"mt-1 text-xs text-muted-foreground",children:["First display: ",C(i[0].bucket)," · last:",C(i[i.length-1].bucket)]})]})]})}function B(t){return t?new Date(t).toLocaleString():"—"}const re={"kmeans+tfidf":"kmeans",merge:"merge",split:"split",manual:"manual"};function se({topicId:t,onBack:o}){const[m,i]=c.useState(0),n=c.useCallback(()=>i(s=>s+1),[]),{data:a,error:d,loading:h}=w(c.useCallback(()=>Q(t),[t,m]),{}),{data:l}=w(c.useCallback(()=>z(),[]),{}),u=c.useMemo(()=>{const s=new Map;for(const p of l?.topics??[])s.set(p.id,p.label);return s},[l]);if(d&&!a)return e.jsxs("div",{className:"rounded-lg border border-border bg-bg-card p-6 text-sm text-danger",children:["Error loading topic: ",d.message]});if(h&&!a)return e.jsx("div",{className:"rounded-lg border border-border bg-bg-card p-6 text-sm text-muted-foreground",children:"Loading topic…"});if(!a)return e.jsx("div",{className:"rounded-lg border border-border bg-bg-card p-6 text-sm text-muted-foreground",children:"No topic data available."});const r=(l?.topics??[]).filter(s=>s.id!==t).map(s=>({id:s.id,label:s.label}));return e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(v,{variant:"outline",size:"sm",onClick:o,children:"← Wiki"}),e.jsx("h2",{className:"font-heading text-lg font-semibold",children:a.topic.label}),a.topic.edited&&e.jsx(y,{variant:"outline",children:"edited"}),e.jsxs(y,{variant:"default",children:[a.provenance.length," memories"]})]}),e.jsx(ee,{topicId:t,others:r,members:a.provenance,onMutated:n})]}),a.summary&&e.jsx(N,{children:e.jsxs(k,{children:[e.jsx("h3",{className:"mb-1 font-heading text-sm font-semibold text-muted-foreground",children:"Summary"}),e.jsx("p",{className:"text-sm leading-relaxed text-foreground/90",children:a.summary})]})}),a.keyMemories.length>0&&e.jsx(N,{children:e.jsxs(k,{children:[e.jsx("h3",{className:"mb-2 font-heading text-sm font-semibold text-muted-foreground",children:"Key memories"}),e.jsx("ul",{className:"flex flex-col gap-2",children:a.keyMemories.map(s=>e.jsxs("li",{className:"rounded-md border border-border/60 bg-bg-elevated/40 p-3 text-sm",children:[e.jsx("p",{className:"line-clamp-3 text-foreground/90",children:s.content}),e.jsxs("p",{className:"mt-1 text-xs text-muted-foreground",children:[s.memoryId," · ",B(s.timestamp)]})]},s.memoryId))})]})}),e.jsx(te,{topicId:t}),a.provenance.length>0&&e.jsx(N,{children:e.jsxs(k,{children:[e.jsx("h3",{className:"mb-2 font-heading text-sm font-semibold text-muted-foreground",children:"Provenance"}),e.jsx("div",{className:"max-h-72 overflow-auto rounded-md border border-border/60",children:e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{className:"sticky top-0 bg-bg-card",children:e.jsxs("tr",{className:"border-b border-border text-left text-xs uppercase text-muted-foreground",children:[e.jsx("th",{className:"px-3 py-2 font-medium",children:"Memory"}),e.jsx("th",{className:"px-3 py-2 font-medium",children:"Session"}),e.jsx("th",{className:"px-3 py-2 font-medium",children:"Assigned"}),e.jsx("th",{className:"px-3 py-2 font-medium",children:"Method"})]})}),e.jsx("tbody",{children:a.provenance.map(s=>e.jsxs("tr",{className:"border-b border-border/40 last:border-0",children:[e.jsx("td",{className:"px-3 py-1.5 font-mono text-xs",children:s.memoryId}),e.jsx("td",{className:"px-3 py-1.5 text-xs text-muted-foreground",children:s.sessionId||"unknown"}),e.jsx("td",{className:"px-3 py-1.5 text-xs text-muted-foreground",children:B(s.assignedAt)}),e.jsx("td",{className:"px-3 py-1.5",children:e.jsx(y,{variant:"outline",children:re[s.method]??s.method})})]},s.memoryId))})]})})]})}),a.relatedTopicIds.length>0&&e.jsx(N,{children:e.jsxs(k,{children:[e.jsx("h3",{className:"mb-2 font-heading text-sm font-semibold text-muted-foreground",children:"Related topics"}),e.jsx("div",{className:"flex flex-wrap gap-2",children:a.relatedTopicIds.map(s=>e.jsx(y,{variant:"accent",children:u.get(s)??s},s))})]})})]})}const O=900,E=560,F=6e4,D=.012,W=.012,$=.8,S=2,ne=.02,oe=250;function ae(t){return t==="merge"?"#f59e0b":"#22c55e"}function le(t){return t.map((o,m)=>{const i=2*Math.PI*m/Math.max(t.length,1);return{id:o.id,label:o.label,memoryCount:o.memoryCount,pos:{x:Math.cos(i)*220+O/2,y:Math.sin(i)*220+E/2},vx:0,vy:0}})}function ie(t){const{nodes:o,edges:m}=t;for(let i=0;i<o.length;i++){const n=o[i];let a=0,d=0;for(let l=0;l<o.length;l++){if(i===l)continue;const u=n.pos.x-o[l].pos.x,r=n.pos.y-o[l].pos.y,s=u*u+r*r||1,p=Math.sqrt(s);a+=u/p*(F/s),d+=r/p*(F/s)}for(const l of m){let u;if(l.source===i)u=l.target;else if(l.target===i)u=l.source;else continue;const r=o[u].pos.x-n.pos.x,s=o[u].pos.y-n.pos.y;a+=r*D,d+=s*D}a-=n.pos.x*W,d-=n.pos.y*W,n.vx=(n.vx+a)*$,n.vy=(n.vy+d)*$;const h=Math.sqrt(n.vx*n.vx+n.vy*n.vy);h>S&&(n.vx=n.vx/h*S,n.vy=n.vy/h*S),h>ne&&(n.pos.x+=n.vx,n.pos.y+=n.vy)}}function de({data:t}){const o=c.useRef(null),m=c.useRef(0),[,i]=c.useState(0),[n,a]=c.useState(0);c.useEffect(()=>{const r=le(t.nodes),s=new Map(r.map((g,f)=>[g.id,f])),p=t.edges.map(g=>{const f=s.get(g.source),j=s.get(g.target);return f===void 0||j===void 0||f===j?null:{source:f,target:j,kind:g.kind}}).filter(g=>g!==null),b=new Map;for(const g of t.edges)b.set(g.source,Math.max(b.get(g.source)??0,g.at)),b.set(g.target,Math.max(b.get(g.target)??0,g.at));return o.current={nodes:r,edges:p,timeByActivity:b},i(1),()=>cancelAnimationFrame(m.current)},[t]),c.useEffect(()=>{if(!o.current)return;let r=0;const s=()=>{!o.current||r>=oe||(ie(o.current),r++,i(r),m.current=requestAnimationFrame(s))};return m.current=requestAnimationFrame(s),()=>cancelAnimationFrame(m.current)},[t]);const d=o.current,h=Math.max(t.buckets.length-1,0),l=c.useMemo(()=>{if(t.buckets.length===0)return null;const r=Math.min(n,t.buckets.length-1);return t.buckets[r].bucket},[n,t.buckets]);if(!d||t.nodes.length===0)return e.jsx("div",{className:"rounded-lg border border-border bg-bg-card p-6 text-sm text-muted-foreground",children:"No evolution data yet. Merge or split topics to see connections, then check back after a rebuild."});const u=l==null||!d.timeByActivity?null:new Set([...d.timeByActivity.entries()].filter(([,r])=>r<=l).map(([r])=>r));return e.jsxs("div",{className:"flex flex-col gap-3",children:[t.buckets.length>1&&e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("input",{type:"range",min:0,max:h,value:n,onChange:r=>a(Number(r.target.value)),className:"w-full accent-primary","aria-label":"Scrub through topic activity time"}),e.jsx("span",{className:"whitespace-nowrap text-xs text-muted-foreground",children:l?new Date(l).toLocaleDateString():"all"})]}),e.jsxs("svg",{width:"100%",height:E,viewBox:`0 0 ${O} ${E}`,role:"img","aria-label":"Topic evolution graph",className:"rounded-lg border border-border/60 bg-bg-card",children:[d.edges.map((r,s)=>{const p=d.nodes[r.source],b=d.nodes[r.target];return e.jsx("line",{x1:p.pos.x,y1:p.pos.y,x2:b.pos.x,y2:b.pos.y,stroke:ae(r.kind),strokeWidth:1.5,strokeDasharray:r.kind==="split"?"4 3":void 0,opacity:.5},`edge-${s}`)}),d.nodes.map((r,s)=>{const p=u==null||u.size===0||u.has(r.id),b=Math.min(32,8+r.memoryCount*3);return e.jsxs("g",{opacity:p?1:.15,children:[e.jsx("circle",{cx:r.pos.x,cy:r.pos.y,r:b,fill:"hsl(var(--primary) / 0.18)",stroke:"hsl(var(--primary))",strokeWidth:1.5}),e.jsx("text",{x:r.pos.x,y:r.pos.y+4,textAnchor:"middle",fontSize:"10px",fill:"hsl(var(--foreground))",className:"pointer-events-none",children:r.label.length>16?r.label.slice(0,15)+"…":r.label})]},`node-${s}`)})]}),e.jsxs("div",{className:"flex items-center gap-4 text-xs text-muted-foreground",children:[e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"inline-block h-0.5 w-6 bg-amber-500"})," merge"]}),e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"inline-block h-0.5 w-6 border-t border-dashed border-green-500"}),"split"]}),e.jsxs("span",{children:[t.nodes.length," nodes · ",t.edges.length," curation events"]})]})]})}function ce(t){return t.type==="wiki_rebuilt"}function me(){const{data:t,error:o,loading:m,refetch:i}=w(c.useCallback(()=>X(),[]),{pollInterval:6e4}),{events:n}=J(),a=c.useMemo(()=>{const d=n.filter(ce);return d.length===0?null:d[d.length-1].ts},[n]);return c.useEffect(()=>{a!=null&&i()},[a,i]),o&&!t?e.jsxs("div",{className:"rounded-lg border border-border bg-bg-card p-6 text-sm text-danger",children:["Error loading evolution graph: ",o.message]}):m&&!t?e.jsx("div",{className:"rounded-lg border border-border bg-bg-card p-6 text-sm text-muted-foreground",children:"Loading evolution graph…"}):e.jsx(N,{children:e.jsxs(k,{children:[e.jsx("h3",{className:"mb-2 font-heading text-sm font-semibold text-muted-foreground",children:"Topic evolution"}),t?e.jsx(de,{data:t}):e.jsx("p",{className:"text-sm text-muted-foreground",children:"No data yet."})]})})}const ue={label:"accent",merge:"warning",split:"default"};function _(t){return t?new Date(t).toLocaleString():"—"}function P({view:t,onChange:o}){return e.jsxs("div",{className:"flex gap-1",children:[e.jsx(A,{pressed:t==="list",onClick:()=>o("list"),children:"Topics"}),e.jsx(A,{pressed:t==="evolution",onClick:()=>o("evolution"),children:"Evolution"})]})}function xe({entry:t,onOpen:o}){return e.jsxs("tr",{className:"border-b border-border/60 last:border-0 hover:bg-bg-elevated/40",children:[e.jsx("td",{className:"py-2 pr-3",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"font-medium text-foreground",children:t.label}),t.edited&&e.jsx(y,{variant:"outline",children:"edited"})]})}),e.jsx("td",{className:"py-2 pr-3 text-sm text-muted-foreground",children:t.memoryCount}),e.jsx("td",{className:"py-2 pr-3",children:e.jsx("div",{className:"flex flex-wrap gap-1",children:t.overrideKinds.map(m=>e.jsx(y,{variant:ue[m]??"default",children:m},m))})}),e.jsx("td",{className:"py-2 pr-3 text-xs text-muted-foreground",children:_(t.lastUpdated)}),e.jsx("td",{className:"py-2 text-right",children:e.jsx(v,{variant:"outline",size:"sm",onClick:()=>o(t.id),children:"Open"})})]})}function je(){const{data:t,loading:o,error:m}=w(c.useCallback(()=>z(),[]),{pollInterval:3e4}),[i,n]=c.useState("list"),[a,d]=c.useState(""),[h,l]=c.useState(null),u=c.useMemo(()=>{if(!t)return[];const r=a.trim().toLowerCase();return r?t.topics.filter(s=>s.label.toLowerCase().includes(r)):t.topics},[t,a]);return h?e.jsx(se,{topicId:h,onBack:()=>l(null)}):i==="evolution"?e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx(P,{view:i,onChange:n}),e.jsx(me,{})]}):m&&!t?e.jsxs("div",{className:"rounded-lg border border-border bg-bg-card p-6 text-sm text-danger",children:["Error loading wiki: ",m.message]}):o&&!t?e.jsx("div",{className:"rounded-lg border border-border bg-bg-card p-6 text-sm text-muted-foreground",children:"Loading wiki…"}):t?t.totalTopics===0?e.jsxs("div",{className:"rounded-lg border border-border bg-bg-card p-6 text-sm text-muted-foreground",children:[e.jsx("h3",{className:"mb-2 font-heading text-base text-foreground",children:"Wiki"}),e.jsx("p",{children:"No topics yet. Topics are auto-generated after every Nth compaction from real memory embeddings (k-means + TF-IDF)."}),e.jsx("p",{className:"mt-2",children:"Check back after a few more compaction cycles."})]}):e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsxs("div",{className:"flex flex-wrap items-end justify-between gap-2",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(P,{view:i,onChange:n}),e.jsxs("div",{children:[e.jsx("h2",{className:"font-heading text-lg font-semibold",children:"Wiki"}),e.jsxs("p",{className:"text-sm text-muted-foreground",children:[t.totalTopics," topic",t.totalTopics!==1?"s":""," ·"," ",t.totalMemories," assigned memori",t.totalMemories!==1?"es":"y",t.lastRebuildAt!=null&&e.jsxs(e.Fragment,{children:[" · last rebuild ",_(t.lastRebuildAt)]})]})]})]}),e.jsx("input",{type:"search",placeholder:"Filter topics by label…","aria-label":"Filter topics by label",value:a,onChange:r=>d(r.target.value),className:"w-64 rounded-md border border-border bg-bg-elevated/50 px-3 py-2 text-sm outline-none transition-colors focus:border-primary"})]}),e.jsx("div",{className:"overflow-x-auto rounded-lg border border-border bg-bg-card",children:e.jsxs("table",{className:"w-full table-fixed text-sm",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b border-border text-left text-xs uppercase text-muted-foreground",children:[e.jsx("th",{className:"w-1/3 px-4 py-2 font-medium",children:"Label"}),e.jsx("th",{className:"w-16 py-2 font-medium",children:"Memories"}),e.jsx("th",{className:"w-40 py-2 font-medium",children:"Badges"}),e.jsx("th",{className:"w-40 py-2 font-medium",children:"Last updated"}),e.jsx("th",{className:"w-20 py-2"})]})}),e.jsxs("tbody",{children:[u.map(r=>e.jsx(xe,{entry:r,onOpen:l},r.id)),u.length===0&&e.jsx("tr",{children:e.jsxs("td",{colSpan:5,className:"px-4 py-6 text-center text-muted-foreground",children:['No topics match "',a,'".']})})]})]})})]}):e.jsx("div",{className:"rounded-lg border border-border bg-bg-card p-6 text-sm text-muted-foreground",children:"No wiki data available."})}export{je as default};
|
|
2
|
-
//# sourceMappingURL=WikiTab-BVAnGp8_.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,ui-monospace,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--bg: 222 47% 5%;--bg-card: 222 32% 8%;--bg-elevated: 222 28% 12%;--border: 217 33% 17%;--foreground: 210 40% 98%;--muted: 215 20% 65%;--primary: 217 91% 60%;--primary-glow: 217 91% 60%;--success: 142 71% 45%;--warning: 38 92% 50%;--danger: 0 84% 60%;--accent: 280 100% 70%;--radius: .75rem}*{border-color:hsl(var(--border))}html{background-color:hsl(var(--bg));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:hsl(var(--bg));font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:hsl(var(--foreground));margin:0}h1,h2,h3,h4,h5,h6{font-family:JetBrains Mono,ui-monospace,monospace}:where(button,[role=tab],a):focus-visible{outline:2px solid hsl(var(--primary) / .6);outline-offset:2px}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:1.5rem;padding-left:1.5rem}@media (min-width: 1600px){.container{max-width:1600px}}.glass-panel{position:relative;border-radius:var(--radius);border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--bg-card) / .7);--tw-backdrop-blur: blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);box-shadow:inset 0 1px hsl(var(--border) / .5),var(--tw-shadow, 0 8px 30px -12px hsl(var(--bg) / .6))}.electric-hover{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.electric-hover:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:hsl(var(--primary) / .7);box-shadow:0 0 20px -4px hsl(var(--primary-glow) / .45)}.electric-hover:focus-visible{outline:2px solid hsl(var(--primary) / .6);outline-offset:2px}.glow-primary{box-shadow:0 0 20px -4px hsl(var(--primary-glow) / .5)}.text-neon{color:hsl(var(--primary))}.gradient-text{background:linear-gradient(120deg,hsl(var(--primary)),hsl(var(--accent)));-webkit-background-clip:text;background-clip:text;color:transparent}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-3{left:.75rem;right:.75rem}.bottom-16{bottom:4rem}.bottom-3{bottom:.75rem}.left-2{left:.5rem}.right-2{right:.5rem}.top-0{top:0}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-0\.5{height:.125rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-2{height:.5rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.max-h-40{max-height:10rem}.max-h-48{max-height:12rem}.max-h-56{max-height:14rem}.max-h-72{max-height:18rem}.max-h-96{max-height:24rem}.max-h-\[85vh\]{max-height:85vh}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-1\/3{width:33.333333%}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-9{width:2.25rem}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[8rem\]{min-width:8rem}.max-w-3xl{max-width:48rem}.max-w-\[1600px\]{max-width:1600px}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-0\.5{row-gap:.125rem}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-border>:not([hidden])~:not([hidden]){border-color:hsl(var(--border))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-accent\/40{border-color:hsl(var(--accent) / .4)}.border-amber-500\/30{border-color:#f59e0b4d}.border-border{border-color:hsl(var(--border))}.border-border\/40{border-color:hsl(var(--border) / .4)}.border-border\/50{border-color:hsl(var(--border) / .5)}.border-border\/60{border-color:hsl(var(--border) / .6)}.border-danger\/40{border-color:hsl(var(--danger) / .4)}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-primary\/40{border-color:hsl(var(--primary) / .4)}.border-primary\/50{border-color:hsl(var(--primary) / .5)}.border-red-500\/50{border-color:#ef444480}.border-success\/40{border-color:hsl(var(--success) / .4)}.border-transparent{border-color:transparent}.border-warning\/40{border-color:hsl(var(--warning) / .4)}.bg-accent\/15{background-color:hsl(var(--accent) / .15)}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-amber-500\/5{background-color:#f59e0b0d}.bg-background{background-color:hsl(var(--bg))}.bg-bg-card{background-color:hsl(var(--bg-card))}.bg-bg-elevated{background-color:hsl(var(--bg-elevated))}.bg-bg-elevated\/20{background-color:hsl(var(--bg-elevated) / .2)}.bg-bg-elevated\/40{background-color:hsl(var(--bg-elevated) / .4)}.bg-bg-elevated\/50{background-color:hsl(var(--bg-elevated) / .5)}.bg-bg-elevated\/60{background-color:hsl(var(--bg-elevated) / .6)}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-current{background-color:currentColor}.bg-danger{background-color:hsl(var(--danger))}.bg-danger\/15{background-color:hsl(var(--danger) / .15)}.bg-foreground,.bg-muted-foreground{background-color:hsl(var(--foreground))}.bg-primary{background-color:hsl(var(--primary))}.bg-primary\/10{background-color:hsl(var(--primary) / .1)}.bg-primary\/15{background-color:hsl(var(--primary) / .15)}.bg-success{background-color:hsl(var(--success))}.bg-success\/15{background-color:hsl(var(--success) / .15)}.bg-transparent{background-color:transparent}.bg-warning\/10{background-color:hsl(var(--warning) / .1)}.bg-warning\/15{background-color:hsl(var(--warning) / .15)}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pl-5{padding-left:1.25rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.font-heading,.font-mono{font-family:JetBrains Mono,ui-monospace,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.text-accent{color:hsl(var(--accent))}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-danger{color:hsl(var(--danger))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-foreground{color:hsl(var(--foreground))}.text-foreground\/90{color:hsl(var(--foreground) / .9)}.text-muted{color:hsl(var(--muted))}.text-muted-foreground{color:hsl(var(--foreground))}.text-muted-foreground\/60{color:hsl(var(--foreground) / .6)}.text-primary-foreground{--tw-text-opacity: 1;color:hsl(222 47% 5% / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-success{color:hsl(var(--success))}.text-warning{color:hsl(var(--warning))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.accent-primary{accent-color:hsl(var(--primary))}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-panel{--tw-shadow: 0 8px 30px -12px hsl(var(--bg) / .6);--tw-shadow-colored: 0 8px 30px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.focus\:text-neon:focus{color:hsl(var(--primary))}.data-\[state\=active\]\:text-neon[data-state=active]{color:hsl(var(--primary))}.placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--foreground))}.last\:border-0:last-child{border-width:0px}.hover\:bg-bg-elevated:hover{background-color:hsl(var(--bg-elevated))}.hover\:bg-bg-elevated\/40:hover{background-color:hsl(var(--bg-elevated) / .4)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-red-500\/10:hover{background-color:#ef44441a}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-red-300:hover{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.focus\:border-primary:focus{border-color:hsl(var(--primary))}.focus\:bg-primary\/15:focus{background-color:hsl(var(--primary) / .15)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-primary\/60:focus{--tw-ring-color: hsl(var(--primary) / .6)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-primary\/60:focus-visible{--tw-ring-color: hsl(var(--primary) / .6)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0\.5[data-state=unchecked]{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=active\]\:bg-primary\/15[data-state=active]{background-color:hsl(var(--primary) / .15)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:hsl(var(--primary))}.data-\[state\=unchecked\]\:bg-bg-elevated[data-state=unchecked]{background-color:hsl(var(--bg-elevated))}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:pb-4{padding-bottom:1rem}}@media (min-width: 1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}:root{--bg: #0d1117;--panel: #161b22;--border: #30363d;--text: #e6edf3;--muted: #8b949e;--accent: #58a6ff;--ok: #3fb950;--warn: #d29922;--err: #f85149;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(13px,.9vw,16px)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.dashboard-app{max-width:min(1600px,96vw);margin:0 auto;padding:clamp(8px,2vw,24px)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:clamp(8px,1.5vw,16px)}.dashboard-header h1{font-size:clamp(16px,1.4vw,22px);font-weight:600;margin:0 0 clamp(8px,1vw,16px)}.dashboard-header .tier,.dashboard-header .version-pill{display:inline-block;margin-left:8px;padding:2px 8px;font-size:clamp(10px,.8vw,12px);border-radius:10px;background:var(--panel);border:1px solid var(--border);color:var(--muted)}.dashboard-header .tier{color:var(--accent)}.tab-bar{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:clamp(8px,1vw,16px);overflow-x:auto;flex-wrap:nowrap}.tab-bar button{background:none;border:none;color:var(--muted);padding:8px 14px;cursor:pointer;font-size:clamp(12px,.85vw,14px);border-bottom:2px solid transparent;white-space:nowrap}.tab-bar button.active{color:var(--text);border-bottom-color:var(--accent)}.tab-bar button:hover{color:var(--text)}.tab-bar .advanced-toggle{background:none;border:none;color:var(--muted);padding:8px 14px;cursor:pointer;font-size:clamp(12px,.85vw,14px);border-bottom:2px solid transparent;white-space:nowrap;margin-left:6px}.tab-bar .advanced-toggle:hover{color:var(--text)}.tab-bar .advanced-toggle[aria-expanded=true]{color:var(--text);border-bottom-color:var(--border)}.tab-bar .advanced-tabs{display:flex;gap:4px;flex-basis:100%;border-top:1px dashed var(--border);padding-top:6px;margin-top:-1px}.dashboard-content{min-height:400px}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:48px;color:var(--muted)}.error-fallback{padding:24px;border:1px solid var(--err);border-radius:8px;background:#f8514914}.error-fallback button{margin-top:12px;padding:6px 14px;background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:6px;cursor:pointer}.tab-stub{padding:32px;color:var(--muted);border:1px dashed var(--border);border-radius:8px;text-align:center}.repos{width:100%;border-collapse:collapse;font-size:clamp(12px,.8vw,14px)}.repos th,.repos td{padding:6px 10px;border-bottom:1px solid var(--border-soft, var(--border));text-align:left}.repos th{background:var(--bg);position:sticky;top:0}.table-wrap{overflow-x:auto}@media (max-width: 640px){.card-grid{grid-template-columns:1fr}.tab-bar button{padding:6px 10px;font-size:12px}}@media (min-width: 641px) and (max-width: 1024px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1025px){.card-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (min-width: 1601px){.dashboard-app{max-width:min(1800px,96vw)}.card-grid{grid-template-columns:repeat(4,1fr)}}.overview-tab{display:flex;flex-direction:column;gap:12px}.overview-header{display:flex;align-items:center;gap:12px}.tier-pill{padding:2px 10px;font-size:12px;border-radius:10px;background:var(--panel);border:1px solid var(--border);color:var(--accent)}.updated{color:var(--muted);font-size:12px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.card{padding:14px 16px;background:var(--panel);border:1px solid var(--border);border-radius:8px}.card h3{margin:0 0 10px;font-size:13px;color:var(--muted);font-weight:600}.gauge-bar{height:10px;background:var(--bg);border-radius:5px;overflow:hidden;border:1px solid var(--border)}.gauge-fill{height:100%;transition:width .4s ease}.gauge-green .gauge-fill{background:var(--ok)}.gauge-yellow .gauge-fill{background:var(--warn)}.gauge-red .gauge-fill{background:var(--err)}.gauge-label{margin:8px 0 0;font-size:12px;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:11px;color:var(--muted);text-transform:uppercase}.stat-value{font-size:16px;font-weight:600}.stat-highlight .stat-value{color:var(--ok)}.bullet-row{display:flex;gap:14px;margin-bottom:8px}.bullet{display:flex;align-items:center;gap:6px;font-size:13px}.bullet-dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.bullet-on .bullet-dot{background:var(--ok);box-shadow:0 0 6px var(--ok)}.bullet-off .bullet-dot{background:var(--border)}.bullet-on .bullet-label{color:var(--text)}.bullet-off .bullet-label{color:var(--muted)}.trigger-detail{margin:4px 0;font-size:12px;color:var(--muted)}.state-badge{display:inline-block;padding:2px 10px;font-size:12px;border-radius:10px;background:var(--bg);border:1px solid var(--border)}.state-idle,.state-none{color:var(--muted)}.state-compacting{color:var(--warn);border-color:var(--warn)}.persisted-tag{margin-left:8px;font-size:11px;color:var(--ok)}.events-tab{display:flex;flex-direction:column;gap:10px}.events-header{display:flex;align-items:center;gap:14px}.sse-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.sse-dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.sse-connected .sse-dot{background:var(--ok);box-shadow:0 0 6px var(--ok)}.sse-connecting .sse-dot{background:var(--warn)}.sse-disconnected .sse-dot,.sse-error .sse-dot{background:var(--err)}.event-count{color:var(--muted);font-size:12px}.event-filters{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px}.filter-chip{padding:3px 10px;font-size:11px;border:1px solid var(--border);background:var(--bg);color:var(--muted);border-radius:12px;cursor:pointer}.filter-chip.active{color:var(--text);border-color:var(--accent);background:var(--panel)}.event-list{list-style:none;margin:0;padding:0;max-height:60vh;overflow-y:auto}.event-row{display:grid;grid-template-columns:70px 150px 1fr;gap:8px;padding:6px 10px;border-bottom:1px solid var(--border);font-size:12px;cursor:pointer}.event-row:hover{background:var(--panel)}.ev-time{color:var(--muted)}.ev-type{font-size:11px;padding:1px 6px;border-radius:8px;background:var(--bg);border:1px solid var(--border);color:var(--muted);text-align:center}.ev-compact .ev-type{color:var(--accent);border-color:var(--accent)}.ev-trigger .ev-type{color:var(--warn);border-color:var(--warn)}.ev-tier .ev-type{color:var(--muted)}.ev-checkpoint .ev-type{color:var(--ok);border-color:var(--ok)}.ev-recall .ev-type{color:#d2a8ff;border-color:#d2a8ff}.ev-config .ev-type{color:var(--text)}.ev-crew .ev-type{color:#79c0ff;border-color:#79c0ff}.ev-game .ev-type{color:var(--warn)}.ev-summary{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ev-detail{grid-column:1 / -1;margin:6px 0 0;padding:8px;background:var(--bg);border-radius:4px;font-size:11px;color:var(--muted);white-space:pre-wrap}.event-empty{padding:24px;color:var(--muted);text-align:center}@media (max-width: 768px){.card-grid{grid-template-columns:1fr}.event-row{grid-template-columns:60px 110px 1fr;font-size:11px}}.summary-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:16px}.tile{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:var(--panel);border:1px solid var(--border);border-radius:8px}.tile-label{font-size:11px;color:var(--muted);text-transform:uppercase}.tile-value{font-size:20px;font-weight:600}.tile-highlight .tile-value{color:var(--ok)}.repo-table-wrap{overflow-x:auto}.repo-search{width:100%;padding:8px 10px;margin-bottom:10px;background:var(--panel);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px}.repo-table{width:100%;border-collapse:collapse;font-size:13px}.repo-table th{text-align:left;padding:6px 10px;border-bottom:1px solid var(--border)}.repo-table td{padding:8px 10px;border-bottom:1px solid var(--border)}.repo-table tr{cursor:pointer}.repo-table tbody tr:hover{background:var(--panel)}.sort-header{background:none;border:none;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;padding:0}.sort-header.active-asc,.sort-header.active-desc{color:var(--text)}.sort-arrow{color:var(--accent)}.repo-name{font-weight:600}.repo-model{color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:20px 24px;max-width:560px;width:90%;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:18px}.modal-close{background:none;border:none;color:var(--muted);font-size:22px;cursor:pointer;padding:0 4px}.modal-close:hover{color:var(--text)}.modal-path{font-size:11px;color:var(--muted);margin:4px 0 12px;word-break:break-all}.modal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.modal-stat{display:flex;flex-direction:column;gap:2px}.modal-label{font-size:11px;color:var(--muted);text-transform:uppercase}.modal-value{font-size:16px;font-weight:600}.modal-highlight .modal-value{color:var(--ok)}.modal-card h3{font-size:13px;color:var(--muted);margin:16px 0 6px}.modal-dl{display:grid;grid-template-columns:130px 1fr;gap:4px 12px;margin:0}.modal-dl dt{color:var(--muted);font-size:12px}.modal-dl dd{margin:0;font-size:13px}.model-badge{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:8px;padding:12px 14px;background:var(--panel);border:1px solid var(--border);border-radius:8px;margin-bottom:12px}.model-field{display:flex;flex-direction:column;gap:2px}.model-field-label{font-size:11px;color:var(--muted);text-transform:uppercase}.model-field-value{font-size:14px;font-weight:600}.perf-chart{display:flex;flex-direction:column;gap:12px}.perf-header{display:flex;justify-content:space-between;align-items:center}.perf-header h3{margin:0;font-size:13px;color:var(--muted)}.perf-window{font-size:11px;color:var(--muted)}.perf-grid,.perf-resources{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.perf-resources{padding-top:10px;border-top:1px solid var(--border)}.perf-metric{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--panel);border:1px solid var(--border);border-radius:6px}.perf-label{font-size:11px;color:var(--muted)}.perf-value{font-size:15px;font-weight:600}.perf-bar-track{height:6px;background:var(--bg);border-radius:3px;overflow:hidden}.perf-bar-fill{height:100%;transition:width .4s ease}.perf-blue .perf-bar-fill{background:var(--accent)}.perf-purple .perf-bar-fill{background:#d2a8ff}.perf-green .perf-bar-fill{background:var(--ok)}.perf-yellow .perf-bar-fill{background:var(--warn)}.perf-diag{display:flex;flex-wrap:wrap;gap:14px;padding-top:10px;border-top:1px solid var(--border)}@media (max-width: 768px){.modal-grid,.model-badge{grid-template-columns:1fr 1fr}}.section-header{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:20px 0 10px;font-weight:600}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.active-repos-table,.savings-table{width:100%;border-collapse:collapse;font-size:13px}.active-repos-table th,.savings-table th{text-align:left;padding:6px 10px;border-bottom:1px solid var(--border);white-space:nowrap}.active-repos-table th.num,.savings-table th.num{text-align:right}.active-repos-table td,.savings-table td{padding:6px 10px;border-bottom:1px solid var(--border);white-space:nowrap}.active-repos-table td.num,.savings-table td.num{text-align:right;font-family:monospace}.active-repos-table tbody tr:hover,.savings-table tbody tr:hover{background:var(--panel)}.savings-table .repo-model{font-weight:600}.repo-empty{text-align:center;color:var(--muted);padding:24px}.active-repos-section{margin-bottom:8px}.savings-by-model{margin-bottom:16px}@media (max-width: 640px){.active-repos-table{min-width:900px}.savings-table{min-width:1200px}}@media (min-width: 641px) and (max-width: 1024px){.savings-table{min-width:1000px}}.overview-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.ov-stat-row{display:flex;justify-content:space-between;align-items:baseline;padding:4px 0;border-bottom:1px solid var(--border);font-size:clamp(13px,1vw,17px)}.ov-stat-label{color:var(--muted);font-size:12px;cursor:help}.ov-stat-value{font-weight:600;color:var(--text);font-family:monospace}.ov-stat-value-green{color:var(--ok)}.ov-stat-value-yellow{color:var(--warn)}.ov-stat-value-red{color:var(--err)}.ov-value-ok{color:var(--ok)!important}.ov-compression-meter{margin-top:10px}.meter-track{height:clamp(6px,.6vw,10px);background:var(--bg);border-radius:5px;overflow:hidden;border:1px solid var(--border)}.meter-fill{height:100%;transition:width .4s ease;border-radius:4px}.meter-green{background:var(--ok)}.meter-yellow{background:var(--warn)}.meter-red{background:var(--err)}.meter-sub{display:block;margin-top:4px;font-size:11px;color:var(--muted)}.bullet-na .bullet-dot{background:var(--warn);box-shadow:0 0 6px var(--warn)}.bullet-na .bullet-label{color:var(--warn)}.trigger-state-text{margin:6px 0 0;font-size:12px;color:var(--muted)}.data-safety-card .safe-note{margin:10px 0 0;padding:8px;font-size:11px;color:var(--muted);background:#3fb9500f;border-radius:6px;border:1px solid rgba(63,185,80,.2)}.model-cost-card .ov-cost-usd{font-size:clamp(16px,1.4vw,22px);font-weight:700;color:#a371f7;margin-bottom:2px}.model-cost-card .ov-cost-sub{font-size:12px;color:var(--muted);margin-bottom:8px}.crew-card .ov-stat-value{font-family:inherit}.legend-card{grid-column:1 / -1}.legend-card details{cursor:pointer}.legend-card summary{font-size:13px;color:var(--muted);font-weight:600;margin-bottom:4px}.legend-list{margin:8px 0;padding-left:20px;font-size:12px;color:var(--muted);line-height:1.6}.legend-list li{margin-bottom:4px}.legend-list b{color:var(--text)}.legend-note{font-size:11px;color:var(--dim);font-style:italic}.cache-tab{display:flex;flex-direction:column;gap:12px}@media (max-width: 640px){.overview-card-grid{grid-template-columns:1fr}}@media (min-width: 1025px){.overview-card-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1601px){.overview-card-grid{grid-template-columns:repeat(4,1fr);font-size:clamp(13px,.9vw,16px)}}.config-tab{display:flex;flex-direction:column;gap:16px}.config-settings,.config-display{padding:14px 16px;background:var(--panel);border:1px solid var(--border);border-radius:8px}.config-settings h3,.config-display h3{margin:0 0 12px;font-size:clamp(12px,1vw,14px);color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.settings-row{margin-bottom:10px}.settings-row:last-child{margin-bottom:0}.settings-row label{display:flex;align-items:center;gap:8px;font-size:clamp(13px,.9vw,15px);color:var(--text);cursor:pointer}.settings-row select{padding:4px 8px;font-size:clamp(12px,.85vw,14px);background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:4px;cursor:pointer}.settings-row select:disabled{opacity:.5;cursor:not-allowed}.settings-row input[type=checkbox]{width:16px;height:16px;cursor:pointer}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px}.config-item{display:flex;flex-direction:column;gap:3px;padding:8px 10px;background:var(--bg);border:1px solid var(--border);border-radius:6px}.config-label{font-size:clamp(11px,.75vw,13px);color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.config-value{font-size:clamp(13px,1vw,16px);font-weight:600;color:var(--text)}.event-category-filter{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.category-chip{padding:3px 10px;font-size:clamp(11px,.75vw,13px);border:1px solid var(--border);background:var(--bg);color:var(--muted);border-radius:12px;cursor:pointer;text-transform:capitalize;transition:color .15s,border-color .15s,background .15s}.category-chip:hover{color:var(--text)}.category-chip.active{color:var(--text);border-color:var(--accent);background:var(--panel)}@media (max-width: 640px){.config-grid{grid-template-columns:1fr}.settings-row label{flex-direction:column;align-items:flex-start;gap:4px}.settings-row select{width:100%}}:root{--mega: #f0883e;--mega-gold: #ffd700;--game-blue: #1f6feb;--game-purple: #a371f7}.game-tab{display:flex;flex-direction:column;gap:12px}.game-mode-on{--accent: var(--mega)}.mega-cache-banner{display:block;background:linear-gradient(135deg,var(--mega),var(--mega-gold));color:#1a1006;font-weight:700;padding:10px 14px;border-radius:8px;margin:12px 0;font-size:clamp(13px,1vw,16px);animation:mega-banner-shimmer 3s ease-in-out infinite}@keyframes mega-banner-shimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.15)}}.mega-cache-toast{display:none;position:fixed;top:16px;left:50%;transform:translate(-50%);background:var(--mega);color:#1a1006;font-weight:700;padding:10px 18px;border-radius:8px;z-index:1000;box-shadow:0 4px 20px #0008;max-width:92vw}.mega-cache-toast.show{display:block;animation:mega-flash .6s ease-in-out 2}@keyframes mega-flash{0%{background:transparent}25%{background:var(--mega-gold)}to{background:transparent}}.achievement-tile{display:none;background:linear-gradient(135deg,var(--mega),var(--mega-gold));color:#1a1006;font-weight:700;padding:12px 16px;border-radius:8px;margin:12px 0;box-shadow:0 0 16px #f0883e88;font-size:clamp(13px,1vw,16px)}.achievement-tile.unlocked{display:block}.achievement-tile .ach-detail{display:block;font-weight:500;font-size:12px;margin-top:4px}.game-leaderboards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.lb-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:14px}.lb-card h3{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:0 0 10px;font-weight:600;display:flex;align-items:center;gap:4px}.lb-card table{width:100%;border-collapse:collapse;font-size:13px}.lb-card td{padding:4px 8px;border-bottom:1px solid var(--border)}.lb-card td.num{text-align:right;font-family:monospace;color:var(--text);font-weight:600}.lb-card .lb-meta{color:var(--muted);font-size:11px;margin-left:6px}.lb-empty{color:var(--muted);font-size:12px;padding:8px 0}.lvl-badge{display:inline-block;background:var(--game-blue);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;margin-left:8px}.repos-badge-line{margin-top:8px}.repos-badge{display:inline-block;background:var(--game-blue);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px}.game-empty{color:var(--muted);font-style:italic;padding:12px 0}.ach-section{position:relative}.ach-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin:8px 0 16px}.ach-tile{padding:10px 12px;border-radius:8px;border:1px solid var(--border);font-size:12px;background:var(--panel)}.ach-tile.unlocked{background:linear-gradient(135deg,var(--mega),var(--mega-gold));color:#1a1006;font-weight:700;box-shadow:0 0 12px #f0883e66}.ach-tile.locked{opacity:.55}.ach-tile.just-unlocked{animation:ach-unlock-pulse .6s ease-out}.ach-tile .ach-detail{display:block;font-weight:500;font-size:11px;margin-top:3px}@keyframes ach-unlock-pulse{0%{transform:scale(.9);opacity:.4}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.ach-toast{display:none;position:fixed;top:16px;left:50%;transform:translate(-50%);background:var(--game-blue);color:#fff;font-weight:700;padding:10px 18px;border-radius:8px;z-index:1000;box-shadow:0 4px 20px #0008;max-width:92vw}.ach-toast.show{display:block}.achievements-tab{display:flex;flex-direction:column;gap:12px}.achievements-tab h2{font-size:clamp(16px,1.4vw,22px);margin:0}@media (max-width: 640px){.game-leaderboards{grid-template-columns:1fr}}@media (min-width: 1601px){.game-leaderboards{gap:20px}}.sessions-tab{display:flex;flex-direction:column;gap:14px}.sessions-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0}.sessions-toolbar h2{margin:0;font-size:14px;font-weight:600;color:var(--text)}.sessions-window-select{display:inline-flex;gap:2px;padding:2px;background:var(--panel);border:1px solid var(--border);border-radius:6px}.sessions-window-btn{padding:4px 10px;background:transparent;border:none;border-radius:4px;color:var(--muted);font-size:12px;cursor:pointer;transition:background .15s,color .15s}.sessions-window-btn:hover{color:var(--text)}.sessions-window-btn.active{background:var(--accent);color:#0d1117;font-weight:600}.sessions-summary-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.sessions-chart{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px}.sessions-chart-empty,.sessions-empty{display:flex;align-items:center;justify-content:center;min-height:160px;color:var(--muted);font-size:14px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:32px;text-align:center}.sessions-table-scroll{overflow-x:auto;background:var(--panel);border:1px solid var(--border);border-radius:8px}.sessions-table{width:100%;border-collapse:collapse;font-size:13px}.sessions-table th,.sessions-table td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.sessions-table th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);background:#ffffff05;position:sticky;top:0}.sessions-table td.num{text-align:right;font-variant-numeric:tabular-nums}.sessions-table tr:last-child td{border-bottom:none}.sessions-table tr:hover td{background:#58a6ff0f}.sessions-empty-row td{color:var(--muted);font-style:italic;text-align:center}.sessions-pct-pill{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.sessions-pct-ok{background:#3fb95026;color:var(--ok)}.sessions-pct-warn{background:#d2992226;color:var(--warn)}.sessions-pct-err{background:#f8514926;color:var(--err)}.sessions-sparkline{display:inline-block;vertical-align:middle}.sessions-sparkline-empty{color:var(--muted);font-size:11px}.sessions-meta{font-size:11px;color:var(--muted)}.sessions-footer{font-size:11px;color:var(--muted);margin-top:6px}@media (max-width: 640px){.sessions-summary-tiles{grid-template-columns:1fr}.sessions-table th,.sessions-table td{font-size:12px;padding:6px 8px}}.repo-stack-card{display:flex;flex-direction:column;gap:10px}.repo-stack-card h3{margin:0;font-size:14px;font-weight:600;color:var(--text)}.repo-stack-bar{display:flex;width:100%;height:22px;border-radius:6px;overflow:hidden;border:1px solid var(--border);background:var(--bg)}.repo-stack-segment{height:100%;min-width:2px;transition:opacity .15s,filter .15s}.repo-stack-segment:hover{opacity:.85;filter:brightness(1.15)}.repo-stack-total{font-size:13px;color:var(--text);font-variant-numeric:tabular-nums}.repo-stack-total .pct{color:var(--muted)}.repo-stack-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px}.repo-stack-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.repo-stack-legend-swatch{flex-shrink:0;width:12px;height:12px;border-radius:3px;border:1px solid var(--border)}.repo-stack-legend-name{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 640px){.repo-stack-legend{grid-template-columns:1fr}}.session-gauges-card{grid-column:1 / -1}.session-gauges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.session-gauge{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:6px}.session-gauge-self{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg))}.session-gauge-head{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.session-gauge-label{font-size:12px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.session-gauge-self .session-gauge-label{color:var(--accent)}.session-gauge-pct{font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap}.session-gauges-grid .gauge-bar{height:8px}.session-gauge-sub{margin:0}.session-gauge-meta{margin:0;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 640px){.session-gauges-grid{grid-template-columns:1fr}}.maintenance-tab{display:flex;flex-direction:column;gap:12px}.card-header{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:10px;display:flex;align-items:center;gap:8px}.card-body{font-size:13px}.stat-section{margin-bottom:12px}.stat-section:last-child{margin-bottom:0}.stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.stat-row{display:flex;justify-content:space-between;align-items:baseline;padding:3px 0;border-bottom:1px solid var(--border);font-size:13px}.num{text-align:right;font-family:monospace;font-weight:600}.compact-table{width:100%;border-collapse:collapse;font-size:13px}.compact-table th{text-align:left;padding:4px 6px;border-bottom:1px solid var(--border);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.compact-table th.num{text-align:right}.compact-table td{padding:3px 6px;border-bottom:1px solid var(--border)}.compact-table td.num{text-align:right;font-family:monospace;font-weight:600}.compact-table tbody tr:last-child td{border-bottom:none}.text-muted{color:var(--muted)}.text-error{color:var(--err)}.text-ok{color:var(--ok)}.text-warn{color:var(--warn)}.text-mono{font-family:monospace;font-size:12px}.badge{display:inline-block;padding:1px 8px;font-size:10px;font-weight:700;border-radius:8px;text-transform:uppercase;letter-spacing:.3px}.badge-ok{background:color-mix(in srgb,var(--ok) 20%,transparent);color:var(--ok);border:1px solid var(--ok)}.badge-bad{background:color-mix(in srgb,var(--err) 20%,transparent);color:var(--err);border:1px solid var(--err)}.badge-warn{background:color-mix(in srgb,var(--warn) 20%,transparent);color:var(--warn);border:1px solid var(--warn)}.action-grid{display:grid;grid-template-columns:1fr;gap:8px}.action-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:6px}.action-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.action-label{font-size:13px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}.action-desc{font-size:11px;color:var(--muted)}.action-result{font-size:11px;margin-top:2px}.action-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn{padding:5px 14px;font-size:12px;font-weight:600;border:none;border-radius:6px;cursor:pointer;white-space:nowrap;transition:opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#0d1117}.btn-danger{background:var(--err);color:#fff}.days-input{width:60px;padding:4px 6px;font-size:12px;background:var(--panel);border:1px solid var(--border);border-radius:4px;color:var(--text);text-align:center}.days-input:disabled{opacity:.5}@media (max-width: 640px){.action-item{flex-direction:column;align-items:stretch;gap:8px}.action-controls{justify-content:flex-end}}.ov-stripe-health-summary{display:flex;gap:12px;align-items:center;margin-bottom:12px;font-size:clamp(11px,.85vw,14px);flex-wrap:wrap}.ov-stripe-health-badge{display:inline-block;padding:2px 10px;border-radius:10px;background:var(--panel);border:1px solid var(--border);font-weight:600;text-transform:capitalize}.ov-text-green{color:var(--ok)}.ov-text-yellow{color:var(--warn)}.ov-text-orange{color:#d4761e}.ov-text-red{color:var(--err)}.ov-text-gray,.ov-stripe-health-score,.ov-stripe-churn,.ov-stripe-total{color:var(--muted)}.ov-stripe-bars{display:flex;flex-direction:column;gap:6px}.ov-stripe-row{display:grid;grid-template-columns:80px 1fr 40px 48px;align-items:center;gap:8px;font-size:clamp(11px,.8vw,13px)}.ov-stripe-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.ov-bar-track{height:18px;background:var(--bg);border-radius:4px;overflow:hidden;position:relative}.ov-bar-fill{height:100%;border-radius:4px;transition:width .5s ease;min-width:2px}.ov-bar-green{background:var(--ok)}.ov-bar-blue{background:var(--accent)}.ov-bar-teal{background:#3d9cb0}.ov-bar-yellow{background:var(--warn)}.ov-bar-gray{background:var(--muted)}.ov-bar-red{background:var(--err)}.ov-bar-orange{background:#d4761e}.ov-bar-latest{box-shadow:0 0 6px #ffffff80}.ov-stripe-count{text-align:right;color:var(--text);font-variant-numeric:tabular-nums}.ov-stripe-stability{color:var(--muted);font-size:clamp(10px,.75vw,12px)}.ov-stripe-footer{margin-top:10px;font-size:clamp(10px,.75vw,12px);color:var(--muted);display:flex;gap:8px}.ov-perf-summary{display:flex;gap:14px;align-items:center;margin-bottom:10px;font-size:clamp(11px,.85vw,14px);flex-wrap:wrap}.ov-perf-stat strong{font-variant-numeric:tabular-nums}.ov-sparkline{display:flex;align-items:flex-end;gap:3px;height:60px;padding:4px 2px;margin-bottom:6px}.ov-sparkline-bar{flex:1;min-width:4px;border-radius:2px 2px 0 0;transition:height .4s ease}.ov-empty-state{font-size:clamp(11px,.8vw,13px);color:var(--muted);padding:16px 0;text-align:center}.ov-card-footer{font-size:clamp(10px,.75vw,12px);color:var(--muted);margin-top:4px}.ov-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:clamp(8px,1.5vw,16px)}.ov-card-title{margin:0 0 10px;font-size:clamp(13px,.9vw,15px);font-weight:600}
|