claude-session-dashboard 0.3.1 → 0.4.0

package/dist/server/assets/{_tanstack-start-manifest_v-CVdzOaof.js → _tanstack-start-manifest_v-8fGraPRa.js}

@@ -1,4 +1,4 @@
-const tsrStartManifest = () => ({ "routes": { "__root__": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/__root.tsx", "children": ["/", "/_dashboard"], "preloads": ["/assets/main-CkUc_xJ0.js"], "assets": [] }, "/": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/index.tsx" }, "/_dashboard": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/_dashboard.tsx", "children": ["/_dashboard/settings", "/_dashboard/stats", "/_dashboard/sessions/$sessionId", "/_dashboard/sessions/"], "assets": [], "preloads": ["/assets/_dashboard-C-1YOzkf.js", "/assets/createServerFn-B5mibSc4.js", "/assets/sessions.queries-C-HTNzuR.js"] }, "/_dashboard/settings": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/_dashboard/settings.tsx", "assets": [], "preloads": ["/assets/settings-D56cUmNH.js", "/assets/settings.types-l5MKKuAK.js"] }, "/_dashboard/stats": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/_dashboard/stats.tsx", "assets": [], "preloads": ["/assets/stats-BunIdzj_.js", "/assets/format-Bsprb3az.js", "/assets/useSessionCost-BDldLkTA.js", "/assets/settings.types-l5MKKuAK.js"] }, "/_dashboard/sessions/$sessionId": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/_dashboard/sessions/$sessionId.tsx", "assets": [], "preloads": ["/assets/_sessionId-C4jQeEqE.js", "/assets/format-Bsprb3az.js", "/assets/useSessionCost-BDldLkTA.js", "/assets/settings.types-l5MKKuAK.js"] }, "/_dashboard/sessions/": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/_dashboard/sessions/index.tsx", "assets": [], "preloads": ["/assets/index-C83jHUdL.js", "/assets/format-Bsprb3az.js"] } }, "clientEntry": "/assets/main-CkUc_xJ0.js" });
+const tsrStartManifest = () => ({ "routes": { "__root__": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/__root.tsx", "children": ["/", "/_dashboard"], "preloads": ["/assets/main-CT7cRkW3.js"], "assets": [] }, "/": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/index.tsx" }, "/_dashboard": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/_dashboard.tsx", "children": ["/_dashboard/settings", "/_dashboard/stats", "/_dashboard/sessions/$sessionId", "/_dashboard/sessions/"], "assets": [], "preloads": ["/assets/_dashboard-CAikP08_.js", "/assets/createServerFn-wbChEQBm.js", "/assets/sessions.queries-jGqvP0O9.js"] }, "/_dashboard/settings": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/_dashboard/settings.tsx", "assets": [], "preloads": ["/assets/settings-CR-1d6g6.js", "/assets/settings.types-BEt_cHU1.js"] }, "/_dashboard/stats": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/_dashboard/stats.tsx", "assets": [], "preloads": ["/assets/stats-7Tm8ZX4J.js", "/assets/format-Bsprb3az.js", "/assets/useSessionCost-CGXrAUii.js", "/assets/settings.types-BEt_cHU1.js"] }, "/_dashboard/sessions/$sessionId": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/_dashboard/sessions/$sessionId.tsx", "assets": [], "preloads": ["/assets/_sessionId-C3iR5Lrv.js", "/assets/format-Bsprb3az.js", "/assets/useSessionCost-CGXrAUii.js", "/assets/settings.types-BEt_cHU1.js"] }, "/_dashboard/sessions/": { "filePath": "/home/runner/work/claude-session-dashboard/claude-session-dashboard/apps/web/src/routes/_dashboard/sessions/index.tsx", "assets": [], "preloads": ["/assets/index-Bk56JBgW.js", "/assets/format-Bsprb3az.js"] } }, "clientEntry": "/assets/main-CT7cRkW3.js" });
 export {
   tsrStartManifest
 };

package/dist/server/server.js

@@ -423,7 +423,7 @@ function getResponse() {
   return event.res;
 }
 async function getStartManifest(matchedRoutes) {
-  const { tsrStartManifest } = await import("./assets/_tanstack-start-manifest_v-CVdzOaof.js");
+  const { tsrStartManifest } = await import("./assets/_tanstack-start-manifest_v-8fGraPRa.js");
   const startManifest = tsrStartManifest();
   const rootRoute = startManifest.routes[rootRouteId] = startManifest.routes[rootRouteId] || {};
   rootRoute.assets = rootRoute.assets || [];
@@ -1229,6 +1229,7 @@ function createStartHandler(cbOrOptions) {
         );
         const ctx2 = await executeMiddleware([...middlewares2, serverFnHandler], {
           request,
+          pathname: url.pathname,
           context: createNullProtoObject(requestOpts?.context)
         });
         return handleRedirectResponse(ctx2.response, request, getRouter);
@@ -1305,7 +1306,11 @@ function createStartHandler(cbOrOptions) {
       );
       const ctx = await executeMiddleware(
         [...middlewares, requestHandlerMiddleware],
-        { request, context: createNullProtoObject(requestOpts?.context) }
+        {
+          request,
+          pathname: url.pathname,
+          context: createNullProtoObject(requestOpts?.context)
+        }
       );
       return handleRedirectResponse(ctx.response, request, getRouter);
     } finally {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-session-dashboard",
-  "version": "0.3.1",
+  "version": "0.4.0",
   "description": "Local observability dashboard for Claude Code sessions",
   "type": "module",
   "license": "MIT",
@@ -52,15 +52,15 @@
     "date-fns": "^4.1.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "recharts": "^2.15.3",
-    "zod": "^3.24.0"
+    "recharts": "^3.7.0",
+    "zod": "^4.3.6"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.2",
     "@playwright/test": "^1.58.2",
     "@tailwindcss/vite": "^4.1.0",
     "@testing-library/react": "^16.3.2",
-    "@types/node": "^22.15.0",
+    "@types/node": "^25.2.3",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.0",
     "@vitejs/plugin-react": "^5.1.0",
@@ -74,7 +74,7 @@
     "typescript": "^5.8.0",
     "typescript-eslint": "^8.55.0",
     "vite": "^7.3.0",
-    "vite-tsconfig-paths": "^4.3.0",
+    "vite-tsconfig-paths": "^6.1.1",
     "vitest": "^4.0.18"
   }
 }

package/dist/client/assets/_sessionId-C4jQeEqE.js

@@ -1,12 +0,0 @@
-import{c as K,r as M,j as e,L as A,h as _,b as Z}from"./main-CkUc_xJ0.js";import{c as J,q as V,u as O}from"./createServerFn-B5mibSc4.js";import{f as C,d as P,b as T,i as H,g as U}from"./format-Bsprb3az.js";import{R as ee,V as se,Y as te,U as ae,a5 as B,W as ne,a6 as le,a7 as re,_ as z,$ as oe,a0 as ie,a8 as ce}from"./useSessionCost-BDldLkTA.js";import{s as de}from"./settings.types-l5MKKuAK.js";import{a as xe}from"./sessions.queries-C-HTNzuR.js";const me=J({method:"GET"}).handler(K("ff8a3161afdfa175e9c519e4146a56ab5bce6e80745e99cfc2191ebbb7a859bb"));function pe(s,a,t){return V({queryKey:["session","detail",s],queryFn:()=>me({data:{sessionId:s,projectPath:a}}),staleTime:t?2e3:3e4,refetchInterval:t?5e3:void 0})}function ue(s,a,t,r){const l=[];for(const o of s)if(o.timestamp){const p=new Date(o.timestamp).getTime();isNaN(p)||l.push(p)}for(const o of a)if(o.timestamp){const p=new Date(o.timestamp).getTime();isNaN(p)||l.push(p)}for(const o of t)if(o.timestamp){const p=new Date(o.timestamp).getTime();isNaN(p)||l.push(p)}if(l.length===0)return{startMs:0,endMs:0,durationMs:0,mainLane:[],agentLanes:[],skillMarkers:[],errorMarkers:[]};const c=Math.min(...l),n=Math.max(...l),m=Math.max(n-c,1);function d(o){return(o-c)/m}const f=new Set(a.map(o=>o.toolUseId)),u=new Set(t.map(o=>o.toolUseId)),y=[];for(const o of s){if(o.type!=="assistant"||o.toolCalls.length===0)continue;const p=new Date(o.timestamp).getTime();if(!isNaN(p))for(const i of o.toolCalls)f.has(i.toolUseId)||u.has(i.toolUseId)||y.push({timestampMs:p,toolName:i.toolName,toolUseId:i.toolUseId,relativeX:d(p)})}const h=a.map(o=>{const p=new Date(o.timestamp).getTime(),i=o.durationMs?p+o.durationMs:p+m*.02,j=[];if(o.toolCalls){const x=Object.entries(o.toolCalls).sort(([,w],[,R])=>R-w),b=x.reduce((w,[,R])=>w+R,0);let g=0;for(const[w,R]of x)for(let F=0;F<R;F++){const q=b>1?g/(b-1):.5,Q=p+(i-p)*q;j.push({toolName:w,count:1,relativeX:d(Q)}),g++}}return{subagentType:o.subagentType,description:o.description,startMs:p,endMs:i,startX:d(p),endX:d(i),durationMs:o.durationMs??null,totalTokens:o.totalTokens??null,totalToolUseCount:o.totalToolUseCount??null,toolDots:j,skills:o.skills?.map(x=>({skill:x.skill,args:x.args}))??[]}}),k=t.map(o=>{const p=new Date(o.timestamp).getTime();return isNaN(p)?null:{skill:o.skill,args:o.args,timestampMs:p,relativeX:d(p)}}).filter(o=>o!==null),v=r.map(o=>{const p=new Date(o.timestamp).getTime();return isNaN(p)?null:{message:o.message,type:o.type,timestampMs:p,relativeX:d(p)}}).filter(o=>o!==null);return{startMs:c,endMs:n,durationMs:m,mainLane:y,agentLanes:h,skillMarkers:k,errorMarkers:v}}function W(s){const a=s.match(/^mcp__[^_]+_[^_]+_[^_]+__(.+)$/);return a?a[1]:s}const he={Read:"#e09070",Grep:"#e09070",Glob:"#e09070",Write:"#34d399",Edit:"#34d399",NotebookEdit:"#34d399",Bash:"#fbbf24",Task:"#818cf8",TaskCreate:"#c084fc",TaskUpdate:"#c084fc",TaskList:"#c084fc",TaskGet:"#c084fc",Skill:"#fcd34d",WebSearch:"#22d3ee",WebFetch:"#22d3ee",EnterPlanMode:"#f472b6",ExitPlanMode:"#f472b6",AskUserQuestion:"#a78bfa"},ge="#9ca3af";function X(s){return he[s]??ge}const S=90,$=16,D=24,N=32,E=8,Y=4;function ye(s,a,t){const r=a-s;if(r<=0)return[];const l=Math.max(3,Math.round(t/120)),c=r/l,n=[5e3,1e4,15e3,3e4,6e4,2*6e4,5*6e4,10*6e4,15*6e4,30*6e4,60*6e4,120*6e4],m=n.find(h=>h>=c)??n[n.length-1],f=r<5*6e4?"HH:mm:ss":"HH:mm",u=Math.ceil(s/m)*m,y=[];for(let h=u;h<=a;h+=m){const k=(h-s)/r;y.push({ms:h,label:C(new Date(h),f),x:S+k*(t-S-$)})}return y}function fe({data:s,width:a,onHover:t}){const r=M.useRef(null),l=a,c=l-S-$,n=s.skillMarkers.length>0,m=s.errorMarkers.length>0;let d=D;const f=d;d+=N;const u=[];for(let i=0;i<s.agentLanes.length;i++)d+=E,u.push(d),d+=N;let y=0;n&&(d+=E,y=d,d+=N);let h=0;m&&(d+=E,h=d,d+=N);const k=Math.max(d+8,80);function v(i){return S+i*c}const o=M.useCallback(i=>{if(!r.current)return{x:0,y:0};const j=r.current.getBoundingClientRect();return{x:i.clientX-j.left,y:i.clientY-j.top}},[]),p=ye(s.startMs,s.endMs,l);return e.jsxs("svg",{ref:r,width:l,height:k,className:"select-none",role:"img","aria-label":"Session timeline showing tool calls, agent runs, and skill invocations",onMouseLeave:()=>t(null,{x:0,y:0}),children:[e.jsx("line",{x1:S,y1:D-4,x2:l-$,y2:D-4,stroke:"#374151",strokeWidth:1}),p.map(i=>e.jsxs("g",{children:[e.jsx("line",{x1:i.x,y1:D-8,x2:i.x,y2:D-4,stroke:"#4b5563",strokeWidth:1}),e.jsx("text",{x:i.x,y:D-12,textAnchor:"middle",className:"fill-gray-500 text-[10px]",children:i.label})]},i.ms)),e.jsx("text",{x:4,y:f+N/2+4,className:"fill-gray-500 text-[11px] font-medium",children:"Main"}),e.jsx("line",{x1:S,y1:f+N/2,x2:l-$,y2:f+N/2,stroke:"#1f2937",strokeWidth:1,strokeDasharray:"2,4"}),s.mainLane.map(i=>e.jsx("circle",{cx:v(i.relativeX),cy:f+N/2,r:Y,fill:X(i.toolName),opacity:.85,className:"cursor-pointer transition-transform hover:opacity-100",onMouseEnter:j=>t({kind:"tool",toolName:i.toolName,timestamp:new Date(i.timestampMs).toISOString(),toolUseId:i.toolUseId},o(j)),onMouseLeave:()=>t(null,{x:0,y:0}),children:e.jsx("title",{children:i.toolName})},i.toolUseId)),s.agentLanes.map((i,j)=>e.jsx(be,{lane:i,y:u[j],toX:v,laneHeight:N,onHover:t,getPosition:o},`${i.subagentType}-${j}`)),n&&e.jsxs(e.Fragment,{children:[e.jsx("text",{x:4,y:y+N/2+4,className:"fill-amber-400/70 text-[11px] font-medium",children:"Skills"}),e.jsx("line",{x1:S,y1:y+N/2,x2:l-$,y2:y+N/2,stroke:"#1f2937",strokeWidth:1,strokeDasharray:"2,4"}),s.skillMarkers.map((i,j)=>{const x=v(i.relativeX),b=y+N/2,g=5;return e.jsx("polygon",{points:`${x},${b-g} ${x+g},${b} ${x},${b+g} ${x-g},${b}`,fill:"#fbbf24",opacity:.85,className:"cursor-pointer hover:opacity-100",onMouseEnter:w=>t({kind:"skill",skill:i.skill,args:i.args,timestamp:new Date(i.timestampMs).toISOString()},o(w)),onMouseLeave:()=>t(null,{x:0,y:0}),children:e.jsxs("title",{children:["/",i.skill]})},`${i.skill}-${j}`)})]}),m&&e.jsxs(e.Fragment,{children:[e.jsx("text",{x:4,y:h+N/2+4,className:"fill-red-400/70 text-[11px] font-medium",children:"Errors"}),e.jsx("line",{x1:S,y1:h+N/2,x2:l-$,y2:h+N/2,stroke:"#1f2937",strokeWidth:1,strokeDasharray:"2,4"}),s.errorMarkers.map((i,j)=>{const x=v(i.relativeX),b=h+N/2,g=5;return e.jsxs("g",{className:"cursor-pointer hover:opacity-100",opacity:.85,onMouseEnter:w=>t({kind:"error",message:i.message,type:i.type,timestamp:new Date(i.timestampMs).toISOString()},o(w)),onMouseLeave:()=>t(null,{x:0,y:0}),children:[e.jsx("line",{x1:x-g,y1:b-g,x2:x+g,y2:b+g,stroke:"#f87171",strokeWidth:2,strokeLinecap:"round"}),e.jsx("line",{x1:x+g,y1:b-g,x2:x-g,y2:b+g,stroke:"#f87171",strokeWidth:2,strokeLinecap:"round"}),e.jsxs("title",{children:[i.type,": ",i.message]})]},`err-${j}`)})]})]})}function be({lane:s,y:a,toX:t,laneHeight:r,onHover:l,getPosition:c}){const n=t(s.startX),m=Math.max(t(s.endX)-n,8),d=a+r/2,f=s.subagentType.length>10?s.subagentType.slice(0,10)+"...":s.subagentType;return e.jsxs("g",{children:[e.jsx("text",{x:4,y:d+4,className:"fill-indigo-400/70 text-[11px] font-medium",children:f}),e.jsx("rect",{x:n,y:a+2,width:m,height:r-4,rx:6,fill:"rgba(99, 102, 241, 0.08)",stroke:"rgba(99, 102, 241, 0.2)",strokeWidth:1,className:"cursor-pointer hover:fill-indigo-500/15",onMouseEnter:u=>l({kind:"agent",agent:s},c(u)),onMouseLeave:()=>l(null,{x:0,y:0}),children:e.jsxs("title",{children:[s.subagentType,": ",s.description]})}),e.jsx("line",{x1:n+4,y1:d,x2:n+m-4,y2:d,stroke:"rgba(99, 102, 241, 0.15)",strokeWidth:1}),s.toolDots.map((u,y)=>e.jsx("circle",{cx:t(u.relativeX),cy:d,r:Y-.5,fill:X(u.toolName),opacity:.75,className:"cursor-pointer hover:opacity-100",onMouseEnter:h=>l({kind:"tool",toolName:u.toolName,timestamp:new Date(s.startMs+(u.relativeX-s.startX)/(s.endX-s.startX)*(s.endMs-s.startMs)).toISOString(),toolUseId:`${s.subagentType}-${u.toolName}-${y}`},c(h)),onMouseLeave:()=>l(null,{x:0,y:0}),children:e.jsxs("title",{children:[u.toolName," (",s.subagentType,")"]})},`${u.toolName}-${y}`)),s.skills&&s.skills.length>0&&s.skills.map((u,y)=>{const h=s.startX+(s.endX-s.startX)/(s.skills.length+1)*(y+1),k=t(h),v=a+6,o=3;return e.jsx("polygon",{points:`${k},${v-o} ${k+o},${v} ${k},${v+o} ${k-o},${v}`,fill:"#fbbf24",opacity:.85,className:"cursor-pointer hover:opacity-100",onMouseEnter:p=>l({kind:"skill",skill:u.skill,args:u.args,timestamp:new Date(s.startMs).toISOString()},c(p)),onMouseLeave:()=>l(null,{x:0,y:0}),children:e.jsxs("title",{children:["/",u.skill," (",s.subagentType,")"]})},`skill-${u.skill}-${y}`)})]})}function je({item:s,position:a}){return e.jsxs("div",{className:"pointer-events-none absolute z-50 rounded-lg border border-gray-700 bg-gray-900 px-3 py-2 text-xs shadow-xl",style:{left:a.x,top:a.y,transform:"translate(-50%, -100%) translateY(-8px)"},children:[s.kind==="tool"&&e.jsxs("div",{children:[e.jsx("div",{className:"font-semibold text-gray-100",children:W(s.toolName)}),e.jsx("div",{className:"text-gray-400",children:C(new Date(s.timestamp),"HH:mm:ss")}),e.jsxs("div",{className:"font-mono text-[10px] text-gray-600",children:[s.toolUseId.slice(0,16),"..."]})]}),s.kind==="agent"&&e.jsxs("div",{children:[e.jsx("div",{className:"font-semibold text-indigo-300",children:s.agent.subagentType}),e.jsx("div",{className:"max-w-48 truncate text-gray-400",children:s.agent.description}),e.jsx("div",{className:"mt-1 flex items-center gap-2 text-gray-500",children:s.agent.durationMs!=null&&e.jsxs("span",{children:[C(new Date(s.agent.startMs),"HH:mm")," -"," ",C(new Date(s.agent.endMs),"HH:mm")," (",P(s.agent.durationMs),")"]})}),e.jsxs("div",{className:"flex items-center gap-2 text-gray-500",children:[s.agent.totalTokens!=null&&e.jsxs("span",{children:[T(s.agent.totalTokens)," tokens"]}),s.agent.totalToolUseCount!=null&&e.jsxs("span",{children:[s.agent.totalToolUseCount," tools"]})]})]}),s.kind==="skill"&&e.jsxs("div",{children:[e.jsxs("div",{className:"font-semibold text-amber-300",children:["/",s.skill]}),s.args&&e.jsx("div",{className:"text-gray-400",children:s.args}),e.jsx("div",{className:"text-gray-500",children:C(new Date(s.timestamp),"HH:mm:ss")})]}),s.kind==="error"&&e.jsxs("div",{children:[e.jsx("div",{className:"font-semibold text-red-400",children:s.type}),e.jsx("div",{className:"max-w-48 truncate text-gray-400",children:s.message}),e.jsx("div",{className:"text-gray-500",children:C(new Date(s.timestamp),"HH:mm:ss")})]})]})}function Ne({toolNames:s}){const a=[...new Set(s)].slice(0,12);return a.length===0?null:e.jsxs("div",{className:"flex flex-wrap items-center gap-x-3 gap-y-1 px-1 text-[10px] text-gray-500",children:[a.map(t=>e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("span",{className:"inline-block h-2 w-2 rounded-full",style:{backgroundColor:X(t)}}),e.jsx("span",{children:W(t)})]},t)),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("span",{className:"inline-block h-2 w-2 rotate-45 bg-amber-400"}),e.jsx("span",{children:"Skill"})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("span",{className:"text-red-400 font-bold leading-none",children:"×"}),e.jsx("span",{children:"Error"})]})]})}function ve({turns:s,agents:a,skills:t,errors:r}){const l=M.useRef(null),[c,n]=M.useState(0),[m,d]=M.useState(1),[f,u]=M.useState(null);M.useEffect(()=>{if(!l.current)return;const x=new ResizeObserver(b=>{const g=b[0];g&&n(g.contentRect.width)});return x.observe(l.current),()=>x.disconnect()},[]);const y=M.useMemo(()=>ue(s,a,t,r),[s,a,t,r]),h=M.useMemo(()=>{const x=y.mainLane.map(g=>g.toolName);for(const g of y.agentLanes)for(const w of g.toolDots)x.push(w.toolName);const b={};for(const g of x)b[g]=(b[g]??0)+1;return Object.entries(b).sort(([,g],[,w])=>w-g).map(([g])=>g)},[y]),k=(x,b)=>{u(x?{item:x,position:b}:null)};if(s.length===0)return e.jsx("div",{className:"py-8 text-center text-sm text-gray-500",children:"No timeline data available"});const v=new Set(a.map(x=>x.toolUseId)),o=new Set(t.map(x=>x.toolUseId));let p=0,i=0,j=0;for(const x of s)if(x.type==="user"&&x.message?.trim()&&p++,x.type==="assistant"){i++;for(const b of x.toolCalls)!v.has(b.toolUseId)&&!o.has(b.toolUseId)&&j++}return e.jsxs("div",{className:"rounded-xl border border-gray-800 bg-gray-900/50 p-4",children:[e.jsxs("div",{className:"mb-3 flex flex-wrap items-center gap-4",children:[e.jsx(I,{label:"User commands",value:p,color:"blue"}),e.jsx(I,{label:"AI responses",value:i,color:"purple"}),j>0&&e.jsx(I,{label:"Tool calls",value:j,color:"gray"}),a.length>0&&e.jsx(I,{label:"Agents",value:a.length,color:"indigo"}),t.length>0&&e.jsx(I,{label:"Skills",value:t.length,color:"amber"}),r.length>0&&e.jsx(I,{label:"Errors",value:r.length,color:"red"})]}),e.jsxs("div",{className:"mb-3 flex items-start justify-between gap-2",children:[e.jsx("div",{className:"flex-1",children:h.length>0&&e.jsx(Ne,{toolNames:h})}),e.jsxs("div",{className:"flex shrink-0 items-center gap-1",children:[e.jsx("button",{type:"button",onClick:()=>d(x=>Math.max(1,x-.5)),disabled:m<=1,className:"rounded bg-gray-800 px-2 py-0.5 text-xs text-gray-300 transition-colors hover:bg-gray-700 disabled:opacity-30",title:"Zoom out",children:"−"}),e.jsx("span",{className:"min-w-[3rem] text-center text-[10px] tabular-nums text-gray-500",children:m===1?"Fit":`${m.toFixed(1)}x`}),e.jsx("button",{type:"button",onClick:()=>d(x=>Math.min(8,x+.5)),disabled:m>=8,className:"rounded bg-gray-800 px-2 py-0.5 text-xs text-gray-300 transition-colors hover:bg-gray-700 disabled:opacity-30",title:"Zoom in",children:"+"}),m>1&&e.jsx("button",{type:"button",onClick:()=>d(1),className:"ml-1 rounded bg-gray-800 px-2 py-0.5 text-[10px] text-gray-400 transition-colors hover:bg-gray-700",title:"Reset zoom",children:"Reset"})]})]}),e.jsx("div",{ref:l,className:"relative overflow-x-auto",children:c>0&&e.jsxs(e.Fragment,{children:[e.jsx(fe,{data:y,width:Math.max(c*m,400),onHover:k}),f&&e.jsx(je,{item:f.item,position:f.position})]})})]})}function I({label:s,value:a,color:t}){const r={blue:"bg-brand-500/15 text-brand-400",purple:"bg-purple-500/15 text-purple-400",gray:"bg-gray-800 text-gray-300",indigo:"bg-indigo-500/15 text-indigo-400",amber:"bg-amber-500/15 text-amber-400",red:"bg-red-500/15 text-red-400"};return e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:`rounded-md px-2 py-1 text-sm font-bold tabular-nums ${r[t]}`,children:a}),e.jsx("span",{className:"text-[11px] text-gray-500",children:s})]})}function ke({contextWindow:s,tokens:a}){const[t,r]=M.useState(!1);if(!s)return e.jsx(we,{tokens:a});const{contextLimit:l,modelName:c,systemOverhead:n,currentContextSize:m,messagesEstimate:d,freeSpace:f,autocompactBuffer:u,usagePercent:y,snapshots:h}=s,k=n/l*100,v=d/l*100,o=u/l*100,p=Math.max(0,100-k-v),i=c.replace(/^claude-/,"").split("-202")[0],j=h.map(x=>({turn:x.turnIndex,context:x.contextSize}));return e.jsxs("div",{className:"rounded-xl border border-gray-800 bg-gray-900/50 p-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("h3",{className:"text-sm font-semibold text-gray-300",children:"Context Window"}),e.jsx("span",{className:"rounded bg-gray-800 px-1.5 py-0.5 text-[10px] font-mono text-gray-400",children:i})]}),e.jsxs("div",{className:"mt-1 flex items-baseline gap-1",children:[e.jsx("span",{className:"text-2xl font-bold text-white",children:T(m)}),e.jsxs("span",{className:"text-sm text-gray-500",children:["/ ",T(l)]}),e.jsxs("span",{className:"text-sm text-gray-400",children:["(",y,"%)"]})]}),e.jsx("p",{className:"text-[10px] text-gray-500",children:"~estimated from token usage"}),e.jsxs("div",{className:"mt-3 flex h-3 overflow-hidden rounded-full bg-gray-800",children:[e.jsx("div",{className:"bg-purple-500",style:{width:`${k}%`},title:`System: ~${T(n)}`}),e.jsx("div",{className:"bg-brand-500",style:{width:`${v}%`},title:`Messages: ~${T(d)}`}),p>0&&e.jsx(e.Fragment,{children:p>o?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"bg-gray-700",style:{width:`${p-o}%`}}),e.jsx("div",{className:"autocompact-stripe",style:{width:`${Math.min(o,p)}%`}})]}):e.jsx("div",{className:"autocompact-stripe",style:{width:`${p}%`}})})]}),e.jsxs("div",{className:"mt-1 flex gap-3 text-[10px] text-gray-500",children:[e.jsxs("span",{className:"flex items-center gap-1",children:[e.jsx("span",{className:"inline-block h-2 w-2 rounded-sm bg-purple-500"}),"system"]}),e.jsxs("span",{className:"flex items-center gap-1",children:[e.jsx("span",{className:"inline-block h-2 w-2 rounded-sm bg-brand-500"}),"messages"]}),e.jsxs("span",{className:"flex items-center gap-1",children:[e.jsx("span",{className:"inline-block h-2 w-2 rounded-sm bg-gray-700"}),"free"]})]}),e.jsxs("div",{className:"mt-3 space-y-1.5",children:[e.jsx(L,{label:"System overhead",value:n,total:l,color:"bg-purple-500",prefix:"~"}),e.jsx(L,{label:"Messages",value:d,total:l,color:"bg-brand-500",prefix:"~"}),e.jsx(L,{label:"Autocompact buffer",value:u,total:l,color:"bg-amber-500"}),e.jsx(L,{label:"Free space",value:f,total:l,color:"bg-gray-600"})]}),j.length>1&&e.jsxs("div",{className:"mt-3",children:[e.jsx("p",{className:"mb-1 text-[10px] text-gray-500",children:"Context growth"}),e.jsx(ee,{width:"100%",height:96,children:e.jsxs(se,{data:j,children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:"contextGrad",x1:"0",y1:"0",x2:"0",y2:"1",children:[e.jsx("stop",{offset:"0%",stopColor:"#d97757",stopOpacity:.3}),e.jsx("stop",{offset:"100%",stopColor:"#d97757",stopOpacity:.05})]})}),e.jsx(te,{domain:[0,l],hide:!0}),e.jsx(ae,{contentStyle:{background:"#1c1c1a",border:"1px solid #3d3b36",borderRadius:"8px",fontSize:"11px"},labelFormatter:x=>`Turn ${x}`,formatter:x=>[T(x),"Context"]}),e.jsx(B,{y:l,stroke:"#ef4444",strokeDasharray:"4 4",strokeOpacity:.5}),e.jsx(B,{y:l-u,stroke:"#f59e0b",strokeDasharray:"2 4",strokeOpacity:.3}),e.jsx(ne,{type:"stepAfter",dataKey:"context",stroke:"#d97757",fill:"url(#contextGrad)",strokeWidth:1.5,dot:!1})]})})]}),e.jsxs("button",{onClick:()=>r(!t),className:"mt-3 flex w-full items-center gap-1 text-xs text-gray-400 hover:text-gray-300 transition-colors",children:[e.jsx("span",{className:"text-[10px]",children:t?"▾":"▸"}),"Token Details"]}),t&&e.jsx(Te,{tokens:a}),e.jsx("style",{children:`
-        .autocompact-stripe {
-          background: repeating-linear-gradient(
-            -45deg,
-            #78716c,
-            #78716c 2px,
-            #f59e0b 2px,
-            #f59e0b 4px
-          );
-          opacity: 0.4;
-        }
-      `})]})}function L({label:s,value:a,total:t,color:r,prefix:l=""}){const c=Math.max(0,Math.min(100,a/t*100));return e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"w-32 text-xs text-gray-400 shrink-0",children:s}),e.jsxs("span",{className:"w-16 text-right text-xs font-mono text-gray-300 shrink-0",children:[l,T(a)]}),e.jsx("div",{className:"flex-1 h-1.5 rounded-full bg-gray-800 overflow-hidden",children:e.jsx("div",{className:`h-full rounded-full ${r}`,style:{width:`${c}%`,opacity:.7}})})]})}function Te({tokens:s}){const a=s.inputTokens+s.outputTokens+s.cacheReadInputTokens+s.cacheCreationInputTokens,t=[{label:"Input",value:s.inputTokens,color:"bg-brand-400"},{label:"Output",value:s.outputTokens,color:"bg-emerald-400"},{label:"Cache Read",value:s.cacheReadInputTokens,color:"bg-amber-400"},{label:"Cache Create",value:s.cacheCreationInputTokens,color:"bg-purple-400"}];return e.jsxs("div",{className:"mt-2 space-y-1.5",children:[t.map(r=>e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-xs text-gray-400",children:r.label}),e.jsx("span",{className:"text-xs font-mono text-gray-300",children:T(r.value)})]},r.label)),a>0&&e.jsx("div",{className:"flex h-2 overflow-hidden rounded-full bg-gray-800",children:t.filter(r=>r.value>0).map(r=>e.jsx("div",{className:`${r.color} opacity-60`,style:{width:`${r.value/a*100}%`}},r.label))})]})}function we({tokens:s}){const a=s.inputTokens+s.outputTokens,t=a+s.cacheReadInputTokens+s.cacheCreationInputTokens,r=[{label:"Input",value:s.inputTokens,color:"text-brand-400"},{label:"Output",value:s.outputTokens,color:"text-emerald-400"},{label:"Cache Read",value:s.cacheReadInputTokens,color:"text-amber-400"},{label:"Cache Create",value:s.cacheCreationInputTokens,color:"text-purple-400"}];return e.jsxs("div",{className:"rounded-xl border border-gray-800 bg-gray-900/50 p-4",children:[e.jsx("h3",{className:"text-sm font-semibold text-gray-300",children:"Token Usage"}),e.jsx("p",{className:"mt-1 text-2xl font-bold text-white",children:T(a)}),e.jsxs("p",{className:"text-[10px] text-gray-500",children:["input + output (",T(t)," incl. cache)"]}),e.jsx("div",{className:"mt-3 space-y-2",children:r.map(l=>e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-xs text-gray-400",children:l.label}),e.jsx("span",{className:`text-xs font-mono ${l.color}`,children:T(l.value)})]},l.label))}),t>0&&e.jsx("div",{className:"mt-3 flex h-2 overflow-hidden rounded-full bg-gray-800",children:r.filter(l=>l.value>0).map(l=>e.jsx("div",{className:`${l.color.replace("text-","bg-")} opacity-60`,style:{width:`${l.value/t*100}%`}},l.label))})]})}function Me({toolFrequency:s}){const a=Object.entries(s).sort(([,r],[,l])=>l-r),t=a[0]?.[1]??1;return a.length===0?e.jsxs("div",{className:"rounded-xl border border-gray-800 bg-gray-900/50 p-4",children:[e.jsx("h3",{className:"text-sm font-semibold text-gray-300",children:"Tool Usage"}),e.jsx("p",{className:"mt-2 text-xs text-gray-500",children:"No tools used"})]}):e.jsxs("div",{className:"rounded-xl border border-gray-800 bg-gray-900/50 p-4",children:[e.jsx("h3",{className:"text-sm font-semibold text-gray-300",children:"Tool Usage"}),e.jsxs("p",{className:"mt-1 text-xs text-gray-500",children:[a.length," tools, ",a.reduce((r,[,l])=>r+l,0)," calls"]}),e.jsx("div",{className:"mt-3 space-y-1.5",children:a.slice(0,15).map(([r,l])=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"w-32 shrink-0 truncate text-xs font-mono text-gray-400",title:r,children:W(r)}),e.jsx("div",{className:"flex-1",children:e.jsx("div",{className:"h-4 rounded bg-brand-500/20",style:{width:`${l/t*100}%`},children:e.jsx("span",{className:"px-1.5 text-xs text-brand-300",children:l})})})]},r))})]})}function Ce({errors:s}){return s.length===0?null:e.jsxs("div",{className:"rounded-xl border border-red-900/50 bg-red-950/20 p-4",children:[e.jsxs("h3",{className:"text-sm font-semibold text-red-400",children:["Errors (",s.length,")"]}),e.jsx("div",{className:"mt-3 max-h-64 space-y-2 overflow-y-auto",children:s.map((a,t)=>e.jsxs("div",{className:"rounded-lg bg-red-950/30 p-2.5",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-xs font-mono text-red-300",children:a.type}),a.timestamp&&e.jsx("span",{className:"text-xs text-gray-500",children:H(a.timestamp)})]}),e.jsx("p",{className:"mt-1 text-xs text-red-200/80",children:a.message})]},t))})]})}function G(s){if(s.tokens)return s.tokens.inputTokens+s.tokens.outputTokens}function Se({agents:s}){const{data:a}=O(de),{agentCosts:t,totalAgentCost:r}=M.useMemo(()=>{if(!a)return{agentCosts:new Map,totalAgentCost:0};const c=le(a),n=new Map;let m=0;for(let d=0;d<s.length;d++){const f=s[d];if(!f.tokens)continue;const y={[f.model??"claude-sonnet-4"]:f.tokens},h=re(y,c);n.set(d,h.totalUSD),m+=h.totalUSD}return{agentCosts:n,totalAgentCost:m}},[a,s]);if(s.length===0)return null;const l=s.reduce((c,n)=>c+(n.totalTokens??G(n)??0),0);return e.jsxs("div",{className:"rounded-xl border border-gray-800 bg-gray-900/50 p-4",children:[e.jsx("h3",{className:"text-sm font-semibold text-gray-300",children:"Agent Dispatches"}),e.jsxs("p",{className:"mt-1 text-xs text-gray-500",children:[s.length," agent dispatch",s.length!==1?"es":"",l>0&&e.jsxs("span",{className:"ml-1 text-indigo-400",children:["(",T(l)," tokens",r>0&&` · ~${U(r)}`,")"]})]}),e.jsx("div",{className:"mt-3 space-y-1",children:s.map((c,n)=>{const m=c.totalTokens??G(c),d=t.get(n);return e.jsxs("div",{className:"flex items-start gap-2 rounded bg-gray-950/40 px-2 py-1.5",children:[e.jsx("span",{className:"shrink-0 rounded bg-indigo-500/20 px-1.5 py-0.5 text-[10px] font-semibold text-indigo-300",children:c.subagentType}),c.model&&e.jsx("span",{className:"shrink-0 rounded bg-gray-800 px-1.5 py-0.5 text-[10px] font-mono text-gray-400",children:c.model.replace(/^claude-/,"").replace(/-\d{8}$/,"")}),e.jsx("span",{className:"min-w-0 flex-1 truncate text-xs text-gray-400",children:c.description}),e.jsxs("div",{className:"flex shrink-0 items-center gap-2",children:[m!=null&&m>0&&e.jsx("span",{className:"text-[10px] font-mono text-indigo-400/80",children:T(m)}),d!=null&&d>0&&e.jsxs("span",{className:"text-[10px] font-mono text-emerald-400/80",children:["~",U(d)]}),c.totalToolUseCount!=null&&e.jsxs("span",{className:"text-[10px] text-gray-500",children:[c.totalToolUseCount," tools"]}),c.durationMs!=null&&e.jsx("span",{className:"text-[10px] text-gray-600",children:P(c.durationMs)}),c.timestamp&&e.jsx("span",{className:"text-[10px] text-gray-600",children:C(new Date(c.timestamp),"HH:mm:ss")})]})]},`a-${n}`)})})]})}function De({agents:s,skills:a}){const{groups:t,totalCount:r}=M.useMemo(()=>{const l=[...a.map(n=>({...n,agentSource:null})),...s.flatMap(n=>(n.skills??[]).map(m=>({...m,agentSource:n.subagentType})))].sort((n,m)=>n.timestamp.localeCompare(m.timestamp)),c=new Map;for(const n of l){let m=c.get(n.skill);m||(m={skill:n.skill,count:0,hasInjected:!1,invocations:[]},c.set(n.skill,m)),m.count++,n.source==="injected"&&(m.hasInjected=!0),m.invocations.push({agentSource:n.agentSource,timestamp:n.timestamp,source:n.source})}return{groups:Array.from(c.values()),totalCount:l.length}},[a,s]);return r===0?null:e.jsxs("div",{className:"rounded-xl border border-gray-800 bg-gray-900/50 p-4",children:[e.jsx("h3",{className:"text-sm font-semibold text-gray-300",children:"Skill Invocations"}),e.jsxs("p",{className:"mt-1 text-xs text-gray-500",children:[t.length," unique skill",t.length!==1?"s":"",","," ",r," invocation",r!==1?"s":""]}),e.jsx("div",{className:"mt-3 space-y-1",children:t.map(l=>e.jsxs("div",{className:"rounded bg-gray-950/40 px-2 py-1.5",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("span",{className:"shrink-0 rounded bg-amber-500/20 px-1.5 py-0.5 text-[10px] font-semibold text-amber-300",children:["/",l.skill]}),e.jsxs("span",{className:"text-[10px] text-gray-500",children:["×",l.count]}),l.hasInjected&&e.jsx("span",{className:"shrink-0 rounded bg-gray-800/40 px-1 py-0.5 text-[9px] text-gray-500",children:"context"})]}),e.jsx("div",{className:"mt-1 ml-2 flex flex-wrap gap-x-1 text-[10px] text-gray-500",children:l.invocations.map((c,n)=>e.jsxs("span",{children:[e.jsx("span",{className:"text-gray-400",children:c.agentSource??"session"}),", ",e.jsx("span",{className:"text-gray-600",children:C(new Date(c.timestamp),"HH:mm:ss")}),n<l.invocations.length-1&&e.jsx("span",{className:"text-gray-700",children:"; "})]},n))})]},l.skill))})]})}const Ie={pending:{label:"Pending",bg:"bg-gray-500/20",text:"text-gray-400"},in_progress:{label:"In Progress",bg:"bg-brand-500/20",text:"text-brand-400"},completed:{label:"Done",bg:"bg-emerald-500/20",text:"text-emerald-400"},deleted:{label:"Deleted",bg:"bg-red-500/20",text:"text-red-400"}};function $e({tasks:s}){if(s.length===0)return null;const a=s.filter(r=>r.status==="completed").length,t=s.filter(r=>r.status!=="deleted").length;return e.jsxs("div",{className:"rounded-xl border border-gray-800 bg-gray-900/50 p-4",children:[e.jsx("h3",{className:"text-sm font-semibold text-gray-300",children:"Tasks"}),e.jsxs("p",{className:"mt-1 text-xs text-gray-500",children:[a,"/",t," completed"]}),e.jsx("div",{className:"mt-3 space-y-1",children:s.map((r,l)=>{const c=Ie[r.status];return e.jsxs("div",{className:"flex items-start gap-2 rounded bg-gray-950/40 px-2 py-1.5",children:[e.jsx("span",{className:`shrink-0 rounded px-1.5 py-0.5 text-[10px] font-semibold ${c.bg} ${c.text}`,children:c.label}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsx("span",{className:"text-xs text-gray-300",children:r.subject}),r.description&&e.jsx("p",{className:"mt-0.5 truncate text-[10px] text-gray-500",children:r.description})]}),r.taskId&&e.jsxs("span",{className:"shrink-0 text-[10px] font-mono text-gray-600",children:["#",r.taskId]}),r.timestamp&&e.jsx("span",{className:"shrink-0 text-[10px] text-gray-600",children:C(new Date(r.timestamp),"HH:mm:ss")})]},r.taskId||l)})})]})}function Ue({tokensByModel:s}){const{cost:a,isLoading:t}=z(s);return t?e.jsx("div",{className:"rounded-xl border border-gray-800 bg-gray-900/50 p-4",children:e.jsx("div",{className:"h-6 w-32 animate-pulse rounded bg-gray-800"})}):!a||a.totalUSD===0?e.jsxs("div",{className:"rounded-xl border border-gray-800 bg-gray-900/50 p-4",children:[e.jsx("h3",{className:"text-sm font-semibold text-gray-300",children:"Cost Estimation"}),e.jsx("p",{className:"mt-2 text-xs text-gray-500",children:"No token data available"})]}):e.jsxs("div",{className:"rounded-xl border border-gray-800 bg-gray-900/50 p-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("h3",{className:"text-sm font-semibold text-gray-300",children:"Cost Estimation"}),e.jsxs("span",{className:"font-mono text-lg font-bold text-white",children:["~",U(a.totalUSD)]})]}),e.jsxs("div",{className:"mt-4",children:[e.jsx("p",{className:"text-xs font-medium text-gray-400",children:"By Category"}),e.jsx(Re,{cost:a}),e.jsx(Le,{cost:a})]}),e.jsxs("div",{className:"mt-4",children:[e.jsx("p",{className:"text-xs font-medium text-gray-400",children:"By Model"}),e.jsx(Ee,{cost:a})]}),e.jsxs("div",{className:"mt-3 flex items-center justify-between border-t border-gray-800 pt-3",children:[e.jsx("p",{className:"text-[10px] text-gray-600",children:"Estimated based on API pricing. Actual costs may vary."}),e.jsx(A,{to:"/settings",className:"text-[10px] text-gray-500 hover:text-gray-300",children:"Configure pricing"})]})]})}function Re({cost:s}){const a=[{label:"Input tokens",value:s.byCategory.input,color:"text-brand-400"},{label:"Output tokens",value:s.byCategory.output,color:"text-emerald-400"},{label:"Cache read",value:s.byCategory.cacheRead,color:"text-amber-400"},{label:"Cache write",value:s.byCategory.cacheWrite,color:"text-purple-400"}];return e.jsx("div",{className:"mt-2 space-y-1",children:a.map(t=>e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"text-xs text-gray-400",children:t.label}),e.jsx("span",{className:`font-mono text-xs ${t.color}`,children:U(t.value)})]},t.label))})}function Le({cost:s}){if(s.totalUSD===0)return null;const a=[{key:"input",value:s.byCategory.input,color:"bg-brand-400"},{key:"output",value:s.byCategory.output,color:"bg-emerald-400"},{key:"cacheRead",value:s.byCategory.cacheRead,color:"bg-amber-400"},{key:"cacheWrite",value:s.byCategory.cacheWrite,color:"bg-purple-400"}];return e.jsx("div",{className:"mt-2 flex h-2 overflow-hidden rounded-full bg-gray-800",children:a.map(t=>{const r=t.value/s.totalUSD*100;return r<.5?null:e.jsx("div",{className:`${t.color} opacity-60`,style:{width:`${r}%`}},t.key)})})}function Ee({cost:s}){const a=Object.values(s.byModel).sort((t,r)=>r.totalCost-t.totalCost);return a.length===0?null:e.jsx("div",{className:"mt-2 space-y-1",children:a.map(t=>{const r=s.totalUSD>0?Math.round(t.totalCost/s.totalUSD*100):0;return e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"font-mono text-xs text-gray-300",children:t.displayName}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"font-mono text-xs text-gray-300",children:U(t.totalCost)}),e.jsxs("span",{className:"text-[10px] text-gray-500",children:["(",r,"%)"]}),e.jsxs("span",{className:"text-[10px] text-gray-600",children:[T(t.tokens.inputTokens+t.tokens.outputTokens+t.tokens.cacheReadInputTokens+t.tokens.cacheCreationInputTokens)," ","tok"]})]})]},t.modelId)})})}function Ae({tokensByModel:s}){const{cost:a,isLoading:t}=z(s);return t||!a||a.totalUSD===0?null:e.jsxs("span",{className:"font-mono text-xs text-emerald-400",title:"Estimated cost based on API pricing",children:["~",U(a.totalUSD)]})}function Oe(){return e.jsxs("div",{className:"mb-4 flex items-center gap-2 rounded-lg border border-emerald-800 bg-emerald-900/30 px-4 py-2 text-sm text-emerald-300",children:[e.jsxs("span",{className:"relative flex h-2 w-2",children:[e.jsx("span",{className:"absolute inline-flex h-full w-full animate-ping rounded-full bg-emerald-400 opacity-75"}),e.jsx("span",{className:"relative inline-flex h-2 w-2 rounded-full bg-emerald-500"})]}),"This session is currently active. Data refreshes automatically."]})}function Pe(s){const{data:a}=O(xe);return a?.some(t=>t.sessionId===s)??!1}function He(){const{sessionId:s}=_.useParams(),{project:a=""}=_.useSearch(),{privacyMode:t,anonymizeProjectName:r,anonymizeBranch:l}=Z(),c=Pe(s),{data:n,isLoading:m,error:d}=O(pe(s,a,c));if(m)return e.jsxs("div",{className:"space-y-4",children:[e.jsx("div",{className:"h-8 w-48 animate-pulse rounded bg-gray-800"}),e.jsx("div",{className:"h-64 animate-pulse rounded-xl bg-gray-900/50"})]});if(d||!n)return e.jsxs("div",{className:"py-12 text-center",children:[e.jsxs("p",{className:"text-sm text-red-400",children:["Failed to load session: ",d?.message??"Not found"]}),e.jsx(A,{to:"/sessions",className:"mt-2 inline-block text-sm text-brand-300 hover:underline",children:"Back to sessions"})]});const f=n.turns[0]?.timestamp,u=n.turns[n.turns.length-1]?.timestamp,y=f&&u?new Date(u).getTime()-new Date(f).getTime():0;return e.jsxs("div",{children:[c&&e.jsx(Oe,{}),e.jsxs("div",{className:"flex items-start justify-between",children:[e.jsxs("div",{children:[e.jsx(A,{to:"/sessions",className:"text-xs text-gray-500 hover:text-gray-300",children:"← Sessions"}),e.jsx("h1",{className:"mt-1 text-xl font-bold text-white",children:t?r(n.projectName):n.projectName}),e.jsxs("div",{className:"mt-1 flex items-center gap-3 text-xs text-gray-400",children:[n.branch&&e.jsx("span",{className:"font-mono",children:l(n.branch)}),f&&e.jsx("span",{children:H(f)}),e.jsx("span",{children:P(y)}),e.jsxs("span",{children:[n.turns.length," turns"]}),e.jsx(Ae,{tokensByModel:n.tokensByModel})]}),n.models.length>0&&e.jsx("div",{className:"mt-1 flex gap-1",children:n.models.map(h=>e.jsx("span",{className:"rounded bg-gray-800 px-1.5 py-0.5 text-[10px] font-mono text-gray-400",children:h.replace(/^claude-/,"").split("-202")[0]},h))})]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(oe,{options:[{label:"Export Session (JSON)",onClick:()=>ie(ce(n),`session-${s.slice(0,8)}.json`,"application/json")}]}),e.jsx("span",{className:"font-mono text-xs text-gray-600",children:s.slice(0,8)})]})]}),e.jsxs("div",{className:"mt-6 grid grid-cols-1 gap-4 md:grid-cols-2",children:[e.jsx(ke,{contextWindow:n.contextWindow,tokens:n.totalTokens}),e.jsx(Me,{toolFrequency:n.toolFrequency})]}),e.jsx("div",{className:"mt-4",children:e.jsx(Ue,{tokensByModel:n.tokensByModel})}),n.agents.length>0&&e.jsx("div",{className:"mt-4",children:e.jsx(Se,{agents:n.agents})}),n.tasks.length>0&&e.jsx("div",{className:"mt-4",children:e.jsx($e,{tasks:n.tasks})}),e.jsx("div",{className:"mt-4",children:e.jsx(Ce,{errors:n.errors})}),e.jsxs("div",{className:"mt-6",children:[e.jsx("h2",{className:"mb-3 text-sm font-semibold text-gray-300",children:"Timeline"}),e.jsx(ve,{turns:n.turns,agents:n.agents,skills:n.skills,errors:n.errors})]}),(n.skills.length>0||n.agents.some(h=>(h.skills?.length??0)>0))&&e.jsx("div",{className:"mt-6",children:e.jsx(De,{agents:n.agents,skills:n.skills})})]})}export{He as component};