fleetlens 0.4.0 → 0.4.1

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.
Files changed (42) hide show
  1. package/app/apps/web/.next/BUILD_ID +1 -1
  2. package/app/apps/web/.next/build-manifest.json +3 -3
  3. package/app/apps/web/.next/prerender-manifest.json +3 -3
  4. package/app/apps/web/.next/server/app/_global-error.html +1 -1
  5. package/app/apps/web/.next/server/app/_global-error.rsc +1 -1
  6. package/app/apps/web/.next/server/app/_global-error.segments/__PAGE__.segment.rsc +1 -1
  7. package/app/apps/web/.next/server/app/_global-error.segments/_full.segment.rsc +1 -1
  8. package/app/apps/web/.next/server/app/_global-error.segments/_head.segment.rsc +1 -1
  9. package/app/apps/web/.next/server/app/_global-error.segments/_index.segment.rsc +1 -1
  10. package/app/apps/web/.next/server/app/_global-error.segments/_tree.segment.rsc +1 -1
  11. package/app/apps/web/.next/server/app/_not-found/page_client-reference-manifest.js +1 -1
  12. package/app/apps/web/.next/server/app/insights/[key]/page_client-reference-manifest.js +1 -1
  13. package/app/apps/web/.next/server/app/insights/page_client-reference-manifest.js +1 -1
  14. package/app/apps/web/.next/server/app/insights/print/[key]/page_client-reference-manifest.js +1 -1
  15. package/app/apps/web/.next/server/app/page_client-reference-manifest.js +1 -1
  16. package/app/apps/web/.next/server/app/parallelism/page_client-reference-manifest.js +1 -1
  17. package/app/apps/web/.next/server/app/projects/[slug]/page_client-reference-manifest.js +1 -1
  18. package/app/apps/web/.next/server/app/projects/page_client-reference-manifest.js +1 -1
  19. package/app/apps/web/.next/server/app/sessions/[id]/page_client-reference-manifest.js +1 -1
  20. package/app/apps/web/.next/server/app/sessions/page_client-reference-manifest.js +1 -1
  21. package/app/apps/web/.next/server/app/usage/page_client-reference-manifest.js +1 -1
  22. package/app/apps/web/.next/server/chunks/packages_parser_dist_fs_0bc7ptm.js +1 -1
  23. package/app/apps/web/.next/server/chunks/ssr/[root-of-the-server]__0w52fbc._.js +1 -1
  24. package/app/apps/web/.next/server/chunks/ssr/[root-of-the-server]__13itnvx._.js +1 -1
  25. package/app/apps/web/.next/server/chunks/ssr/_0xies90._.js +1 -1
  26. package/app/apps/web/.next/server/chunks/ssr/packages_parser_dist_0-jvt~a._.js +1 -1
  27. package/app/apps/web/.next/server/middleware-build-manifest.js +3 -3
  28. package/app/apps/web/.next/server/pages/500.html +1 -1
  29. package/app/apps/web/.next/server/server-reference-manifest.js +1 -1
  30. package/app/apps/web/.next/server/server-reference-manifest.json +1 -1
  31. package/app/apps/web/.next/static/chunks/0u-n8fz-ms.ee.js +6 -0
  32. package/app/apps/web/.next/static/chunks/{063oimt30jeo9.js → 15w5_bct86ut6.js} +2 -2
  33. package/app/apps/web/app/sessions/[id]/session-view.tsx +450 -21
  34. package/app/apps/web/package.json +1 -1
  35. package/app/apps/web/tsconfig.tsbuildinfo +1 -1
  36. package/dist/daemon-worker.js +87 -0
  37. package/dist/index.js +92 -5
  38. package/package.json +1 -1
  39. package/app/apps/web/.next/static/chunks/03g5dw5eskotd.js +0 -6
  40. /package/app/apps/web/.next/static/{G_4ofKI9v9ARC_lb9JILZ → 95-RytHk7ZQtfpZj5BLST}/_buildManifest.js +0 -0
  41. /package/app/apps/web/.next/static/{G_4ofKI9v9ARC_lb9JILZ → 95-RytHk7ZQtfpZj5BLST}/_clientMiddlewareManifest.js +0 -0
  42. /package/app/apps/web/.next/static/{G_4ofKI9v9ARC_lb9JILZ → 95-RytHk7ZQtfpZj5BLST}/_ssgManifest.js +0 -0
@@ -7,6 +7,6 @@ module.exports=[3897,(a,b,c)=>{"use strict";var d=/\/\*[^*]*\*+([^/*][^*]*\*+)*\
7
7
  0%, 100% { opacity: 1; }
8
8
  50% { opacity: 0.4; }
9
9
  }
10
- `})]}),!c&&!f&&(0,b.jsxs)("button",{type:"button",onClick:j,style:{position:"fixed",bottom:24,right:32,zIndex:40,display:"flex",alignItems:"center",gap:6,padding:"10px 18px",background:"var(--af-accent)",color:"#fff",border:"none",borderRadius:100,fontSize:12,fontWeight:600,cursor:"pointer",boxShadow:"0 4px 16px rgba(45, 212, 191, 0.3)",transition:"all 0.15s"},onMouseEnter:a=>{a.currentTarget.style.transform="translateY(-2px)",a.currentTarget.style.boxShadow="0 6px 24px rgba(45, 212, 191, 0.4)"},onMouseLeave:a=>{a.currentTarget.style.transform="translateY(0)",a.currentTarget.style.boxShadow="0 4px 16px rgba(45, 212, 191, 0.3)"},children:[(0,b.jsx)(eg.ArrowDown,{size:14}),"Jump to latest"]})]}):null}let ej=(0,e.default)("ExternalLink",[["path",{d:"M15 3h6v6",key:"1q9fwt"}],["path",{d:"M10 14 21 3",key:"gplh6r"}],["path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",key:"a6xqqp"}]]);function ek(a,b){if(0===a.length)return 0;if(b<=a[0].tsMs)return a[0].yPx;if(b>=a[a.length-1].tsMs)return a[a.length-1].yPx;let c=0,d=a.length-1;for(;d-c>1;){let e=c+d>>1;a[e].tsMs<=b?c=e:d=e}let e=a[c],f=a[d];if(f.tsMs===e.tsMs)return e.yPx;let g=(b-e.tsMs)/(f.tsMs-e.tsMs);return e.yPx+g*(f.yPx-e.yPx)}function el(a){switch(a.kind){case"idle-notification":return`${a.teammateId} is idle / available`;case"shutdown-request":return`${a.teammateId} requesting shutdown`;case"shutdown-approved":return`${a.teammateId} shutdown approved`;case"teammate-terminated":return`${a.teammateId} has shut down`;case"task-assignment":return`task assigned to ${a.teammateId}`;default:return a.body.length>120?a.body.slice(0,120)+"…":a.body}}function em({data:a,onPlayheadChange:e,onVisibleTrackIdsChange:f,scrollTarget:g,onTurnClick:h}){let i=(0,d.useRef)(""),j=(0,d.useRef)(null),[k,l]=(0,d.useState)(new Set),m=(0,d.useCallback)(a=>{l(b=>{let c=new Set(b);return c.has(a)?c.delete(a):c.add(a),c})},[]),n=(0,d.useRef)(0),o=(0,d.useRef)(0),p=(0,d.useRef)(0),q=(0,d.useRef)(0),r=(0,d.useRef)(null);(0,d.useEffect)(()=>{if(!g||!j.current)return;let b=j.current,c=Math.max(0,ek(a.yAnchors,g.tsMs)-32-12),d=b.scrollLeft;if(g.trackId){let c=a.tracks.findIndex(a=>a.id===g.trackId);c>0&&(d=Math.max(0,80+241*c-b.clientWidth/2+120))}r.current=d,b.scrollTo({top:c,left:d,behavior:"smooth"})},[g,a.yAnchors,a.tracks]);let s=(0,d.useCallback)(()=>{let b;if(!j.current)return;let c=j.current,d=c.scrollTop,g=c.scrollLeft,h=d-n.current,k=g-o.current;n.current=d,o.current=g,0!==k&&(null!==r.current&&2>Math.abs(g-r.current)?r.current=null:p.current=Date.now());let l=a.yAnchors;if(0===l.length)return void e(null);let m=0,s=l.length-1;for(;s-m>1;){let a=m+s>>1;l[a].yPx<=d?m=a:s=a}let t=l[m],u=l[s];if(u.yPx===t.yPx)b=t.tsMs;else{let a=(d-t.yPx)/(u.yPx-t.yPx);b=t.tsMs+a*(u.tsMs-t.tsMs)}e(b);let v=c.clientWidth,w=g+322,x=g+v,y=[];for(let b=1;b<a.tracks.length;b++){let a=80+241*b;y.push({trackIdx:b,start:a,end:a+240})}let z=a=>{let b=(a.start+a.end)/2;return b>=w&&b<=x},A=y.filter(z),B=A.map(b=>a.tracks[b.trackIdx].id),C=B.join(",");if(C!==i.current&&(i.current=C,f(B)),0===h)return;let D=Date.now();if(D-p.current<800||D-q.current<1200||a.tracks.length<=1||0===A.length)return;let E=c=>{let d=a.tracks[c].turns;if(0===d.length)return!1;let e=0,f=d.length-1;for(;e<=f;){let a=e+f>>1,c=d[a];if(c.endMs<b)e=a+1;else{if(!(c.startMs>b))return!0;f=a-1}}return!1};if(A.some(a=>E(a.trackIdx)))return;let F=-1;for(let a of y)if(!z(a)&&E(a.trackIdx)){F=a.trackIdx;break}if(F<0)return;let G=Math.max(0,80+241*F-322-8);q.current=D,r.current=G,c.scrollLeft=G},[a.tracks,a.yAnchors,e,f]),t=`80px repeat(${a.tracks.length}, minmax(240px, 1fr))`;return(0,b.jsx)("div",{ref:j,onScroll:s,"data-team-scroll":"",style:{position:"relative",flex:1,minHeight:400,overflowY:"auto",overflowX:"auto",scrollBehavior:"smooth",border:"1px solid var(--af-border-subtle)",borderRadius:6,background:"var(--af-surface-elevated)"},children:(0,b.jsxs)("div",{style:{position:"relative",width:80+241*a.tracks.length,minWidth:"100%",height:a.totalHeightPx+72},children:[(0,b.jsxs)("div",{style:{position:"sticky",top:0,display:"grid",gridTemplateColumns:t,gap:1,background:"var(--af-surface-hover)",borderBottom:"1px solid var(--af-border-subtle)",zIndex:5,height:32},children:[(0,b.jsx)("div",{style:{padding:8,fontSize:9,color:"var(--af-text-tertiary)",fontFamily:"ui-monospace, monospace",textTransform:"uppercase",position:"sticky",left:0,zIndex:7,background:"var(--af-surface-hover)",borderRight:"1px solid var(--af-border-subtle)"},children:"Time"}),a.tracks.map((a,d)=>(0,b.jsxs)(c.default,{href:`/sessions/${a.id}`,style:{padding:8,fontSize:11,fontWeight:a.isLead?700:600,color:a.color,fontFamily:"ui-monospace, monospace",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",textDecoration:"none",display:"flex",alignItems:"center",gap:4,...0===d&&{position:"sticky",left:81,zIndex:6,background:"var(--af-surface-hover)",borderRight:"1px solid var(--af-border-subtle)"}},title:`${a.label} — open session`,children:[(0,b.jsx)("span",{style:{overflow:"hidden",textOverflow:"ellipsis"},children:a.isLead?"LEAD":a.label}),(0,b.jsx)(ej,{size:10,style:{opacity:.6,flexShrink:0}})]},a.id))]}),(0,b.jsxs)("div",{style:{position:"relative",display:"grid",gridTemplateColumns:t,gap:1},children:[(0,b.jsx)("div",{style:{position:"sticky",left:0,zIndex:4,background:"var(--af-surface-elevated)",height:a.totalHeightPx+20,borderRight:"1px solid var(--af-border-subtle)"},children:a.timeTicks.map((a,c)=>(0,b.jsx)("div",{title:ep(a.tsMs),style:{position:"absolute",top:a.yPx,left:0,right:0,fontSize:9,color:"var(--af-text-tertiary)",fontFamily:"ui-monospace, monospace",paddingLeft:6,paddingTop:2,borderTop:"1px solid var(--af-border-subtle)"},children:a.label},c))}),a.tracks.map((c,d)=>(0,b.jsxs)("div",{style:{position:0===d?"sticky":"relative",...0===d&&{left:81,zIndex:3,background:"var(--af-surface-elevated)"},height:a.totalHeightPx+20,borderRight:"1px solid var(--af-border-subtle)"},children:[c.turns.map(d=>{let e=ek(a.yAnchors,d.startMs),f=Math.max(40,ek(a.yAnchors,d.endMs)-e-4);return(0,b.jsx)(en,{turn:d,track:c,top:e,height:f,onClick:()=>h(d),isExpanded:k.has(d.id),onToggleExpand:()=>m(d.id)},d.id)}),c.turns.slice(1).map((d,e)=>{let f=c.turns[e],g=d.startMs-f.endMs;if(g<=0||a.idleBands.some(a=>a.startMs<=f.endMs&&a.endMs>=d.startMs))return null;let h=ek(a.yAnchors,f.endMs),i=ek(a.yAnchors,d.startMs)-h;return i<=40?null:(0,b.jsx)("div",{title:`${ep(f.endMs)} → ${ep(d.startMs)}`,style:{position:"absolute",top:h+2,left:8,right:8,height:i-4,pointerEvents:"none",zIndex:0},children:(0,b.jsxs)("span",{style:{position:"sticky",top:38,display:"inline-block",fontSize:10,fontStyle:"italic",fontFamily:"ui-monospace, monospace",color:"var(--af-text-tertiary)"},children:["idle ",(0,d4.formatGap)(g)]})},`idle-${f.id}-${d.id}`)})]},c.id)),a.idleBands.map((a,c)=>(0,b.jsx)(eo,{band:a},c))]})]})})}function en({turn:a,track:c,top:e,height:f,onClick:g,isExpanded:h,onToggleExpand:i}){let[j,k]=(0,d.useState)(!1),l=a.megaRow.summary,m=(0,d4.formatGap)(a.durationMs),n=a.userPrompt&&"event"in a.userPrompt?a.userPrompt.event.teammateMessage:void 0,o=a.userPrompt&&"user"===a.userPrompt.kind?a.userPrompt.displayPreview??a.userPrompt.event.preview??"":"",p=n?`FROM ${n.teammateId}`:"HUMAN",q=n?el(n):o,r=l.firstAgentPreview??"",s=l.finalAgentPreview??"",t=!!s&&s!==r,u=l.toolNames.slice(0,5);return(0,b.jsx)("div",{onClick:g,onMouseEnter:()=>k(!0),onMouseLeave:()=>k(!1),style:{position:"absolute",top:e+2,left:4,right:4,height:h?"auto":f,minHeight:h?Math.max(f,160):void 0,background:j?"var(--af-surface-hover)":"var(--af-surface)",borderLeft:`3px solid ${c.color}`,border:"1px solid var(--af-border-subtle)",borderLeftWidth:3,borderRadius:4,padding:"6px 8px",fontSize:10,lineHeight:1.3,overflow:"visible",clipPath:h?"none":"inset(0)",boxSizing:"border-box",cursor:"pointer",outline:h||j?`1px solid ${c.color}`:"none",boxShadow:h?"0 4px 16px rgba(0,0,0,0.18)":void 0,zIndex:h?5:void 0,transition:"background 0.1s ease"},children:(0,b.jsxs)("div",{style:{position:"sticky",top:40,display:"flex",flexDirection:"column",gap:4},children:[(0,b.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:6,fontSize:9,color:"var(--af-text-tertiary)",fontFamily:"ui-monospace, monospace",flexShrink:0},children:[(0,b.jsxs)("span",{children:[l.agentMessages," msg · ",l.toolCalls," tools",l.errors>0?` \xb7 ${l.errors} err`:""]}),(0,b.jsxs)("span",{style:{display:"flex",alignItems:"center",gap:6},children:[(0,b.jsx)("span",{children:m}),(0,b.jsx)("button",{"data-turn-toggle":!0,"aria-label":h?"Collapse":"Expand",onClick:a=>{a.stopPropagation(),i()},style:{background:"transparent",border:"1px solid var(--af-border-subtle)",color:"var(--af-text-secondary)",width:16,height:16,borderRadius:2,fontSize:9,lineHeight:1,cursor:"pointer",padding:0,display:"flex",alignItems:"center",justifyContent:"center"},children:h?"▲":"▼"})]})]}),q&&(0,b.jsxs)("div",{style:{flexShrink:0},children:[(0,b.jsx)("div",{style:{fontSize:8,color:n?"var(--af-text-tertiary)":c.color,fontWeight:600,letterSpacing:"0.05em",fontStyle:n?"italic":void 0},children:p}),(0,b.jsx)("div",{style:{color:n?"var(--af-text-tertiary)":"var(--af-text)",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},children:q})]}),r&&(0,b.jsxs)("div",{style:{flexShrink:0,minHeight:0},children:[(0,b.jsx)("div",{style:{fontSize:8,color:c.color,fontWeight:600,letterSpacing:"0.05em"},children:"AGENT"}),(0,b.jsx)("div",{style:h?{color:"var(--af-text)",whiteSpace:"pre-wrap",wordBreak:"break-word"}:{color:"var(--af-text)",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",textOverflow:"ellipsis"},children:r})]}),u.length>0&&(0,b.jsx)("div",{style:{display:"flex",gap:3,flexWrap:"wrap",flexShrink:0},children:u.map(a=>(0,b.jsxs)("span",{style:{fontSize:8,padding:"1px 5px",background:"var(--af-surface-hover)",borderRadius:2,color:"var(--af-text-tertiary)"},children:[a.name,a.count>1?` \xd7${a.count}`:""]},a.name))}),t&&(h||f>120)&&(0,b.jsxs)("div",{style:{flexShrink:0,minHeight:0},children:[(0,b.jsx)("div",{style:{fontSize:8,color:c.color,fontWeight:600,letterSpacing:"0.05em"},children:"RESULT"}),(0,b.jsx)("div",{style:h?{color:"var(--af-text)",whiteSpace:"pre-wrap",wordBreak:"break-word"}:{color:"var(--af-text)",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",textOverflow:"ellipsis"},children:s})]}),!o&&!r&&(0,b.jsx)("div",{style:{color:"var(--af-text-tertiary)",fontStyle:"italic"},children:"(no preview)"})]})})}function eo({band:a}){return(0,b.jsx)("div",{title:`${ep(a.startMs)} → ${ep(a.endMs)}`,style:{position:"absolute",top:a.yPx,left:0,right:0,height:a.heightPx,background:"repeating-linear-gradient(135deg, var(--af-surface) 0, var(--af-surface) 6px, var(--af-surface-hover) 6px, var(--af-surface-hover) 12px)",borderTop:"1px solid var(--af-border-subtle)",borderBottom:"1px solid var(--af-border-subtle)",zIndex:4,pointerEvents:"none"},children:(0,b.jsxs)("div",{style:{position:"sticky",left:"50%",top:0,height:"100%",width:"fit-content",transform:"translateX(-50%)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:9,color:"var(--af-text-tertiary)",fontFamily:"ui-monospace, monospace",textTransform:"uppercase",letterSpacing:"0.05em",whiteSpace:"nowrap",padding:"0 8px",background:"var(--af-surface-elevated)",borderRadius:3},children:[(0,d4.formatGap)(a.durationMs)," idle"]})})}function ep(a){return new Date(a).toLocaleString([],{month:"short",day:"numeric",year:"numeric",hour:"numeric",minute:"2-digit",second:"2-digit"})}let eq={user:{label:"User",bg:"rgba(201, 112, 112, 0.18)",fg:"#8B3A3A",mini:"#C97070"},agent:{label:"Agent",bg:"rgba(92, 132, 195, 0.18)",fg:"#2E4A7A",mini:"#5C84C3"},"tool-group":{label:"Tool",bg:"rgba(138, 133, 128, 0.16)",fg:"#44403C",mini:"#8A8580"},interrupt:{label:"Interrupt",bg:"rgba(217, 119, 6, 0.14)",fg:"#78350F",mini:"#D97706"},model:{label:"Model",bg:"rgba(168, 85, 247, 0.12)",fg:"#581C87",mini:"#A855F7"},error:{label:"Error",bg:"rgba(197, 48, 48, 0.18)",fg:"#8B1818",mini:"#C53030"},"task-notification":{label:"Task",bg:"rgba(100, 116, 139, 0.12)",fg:"#475569",mini:"#64748B"}};function er(a){switch(a.kind){case"user":return a.displayPreview??a.event.preview;case"agent":return a.event.preview;case"tool-group":return es(a.toolNames);case"interrupt":return"Interrupted";case"model":var b;return(b=a.event.usage)?`${b.input} input \xb7 ${b.output} output \xb7 ${b.cacheRead} cache read \xb7 ${b.cacheWrite} cache write`:"0 input · 0 output · 0 cache read · 0 cache write";case"error":return a.message;case"task-notification":{let b="success"===a.status?"✓":"failed"===a.status?"✗":"running"===a.status?"…":"•";return`${b} ${a.summary}`}}}function es(a){let b=a.slice(0,4),c=a.length-4,d=b.map(a=>{let b=et(a.name);return a.count>1?`${b} \xd7${a.count}`:b});return c>0&&d.push(`+${c} more`),d.join(" · ")}function et(a){let b=a.match(/^mcp__(?:plugin_)?([^_]+)_(?:\1_)?(.+)$/);if(b)return`${b[1]}.${b[2]}`;let c=a.match(/^mcp__claude_ai_([^_]+)__(.+)$/);return c?`${c[1].toLowerCase()}.${c[2]}`:a}function eu({rows:a,onStepClick:c,showAll:d}){let e=d?a.length:12,f=Math.max(0,a.length-e),g=f>0?a.slice(-e):a,h=f>0?a.length-g.length:0;return(0,b.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:2,paddingLeft:2,borderLeft:"1px solid var(--af-border-subtle)",paddingBlock:2},children:[f>0&&(0,b.jsxs)("div",{style:{fontSize:11,color:"var(--af-text-tertiary)",fontStyle:"italic",paddingLeft:12,paddingBottom:2},children:[f," earlier step",1===f?"":"s"," …"]}),g.map((a,d)=>{let e=h+d;return(0,b.jsx)(ev,{row:a,onClick:c?()=>c(a,e):void 0},d)})]})}function ev({row:a,onClick:c}){let d=eq[a.kind],e="user"===a.kind&&a.event.teammateMessage?"Team Lead":d.label,f=er(a),g=!!c;return(0,b.jsxs)("div",{role:g?"button":void 0,tabIndex:g?0:void 0,onClick:c,onKeyDown:g?a=>{("Enter"===a.key||" "===a.key)&&(a.preventDefault(),c?.())}:void 0,style:{display:"grid",gridTemplateColumns:"46px 1fr",columnGap:8,fontSize:12,lineHeight:1.45,color:"error"===a.kind?"var(--af-danger)":"var(--af-text-secondary)",cursor:g?"pointer":void 0,borderRadius:g?3:void 0,padding:g?"2px 4px":void 0,transition:g?"background 0.1s ease":void 0},onMouseEnter:g?a=>{a.currentTarget.style.background="var(--af-surface-hover)"}:void 0,onMouseLeave:g?a=>{a.currentTarget.style.background=""}:void 0,children:[(0,b.jsx)("span",{style:{fontSize:10,fontWeight:600,background:d.bg,color:d.fg,padding:"1px 6px",borderRadius:3,textAlign:"center",justifySelf:"start",maxWidth:"100%"},children:e}),(0,b.jsx)("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:"tool-group"===a.kind?(0,b.jsxs)("span",{children:[a.toolNames.slice(0,4).map((a,c)=>(0,b.jsxs)("span",{children:[c>0&&(0,b.jsx)("span",{style:{color:"var(--af-text-tertiary)",margin:"0 5px"},children:"·"}),(0,b.jsx)("b",{style:{fontWeight:600},children:et(a.name)}),a.count>1&&(0,b.jsxs)("span",{style:{color:"var(--af-text-tertiary)",fontFamily:"var(--font-mono)",marginLeft:3},children:["×",a.count]})]},a.name)),a.toolNames.length>4&&(0,b.jsxs)("span",{style:{color:"var(--af-text-tertiary)",marginLeft:6,fontSize:10},children:["+",a.toolNames.length-4]})]}):f})]})}function ew({path:a}){let c,d,e,{dir:f,file:g}=(d=(c=a.split("/"))[c.length-1]??a,{dir:((e=c.slice(0,-1).filter(Boolean)).length>3?"…/"+e.slice(-3).join("/"):e.join("/"))||"",file:d});return(0,b.jsxs)("code",{style:{fontSize:11,fontFamily:"var(--font-mono)",color:"var(--af-text)"},children:[f&&(0,b.jsxs)("span",{style:{color:"var(--af-text-tertiary)"},children:[f,"/"]}),(0,b.jsx)("b",{style:{fontWeight:600},children:g})]})}function ex({icon:a,label:c,children:d}){return(0,b.jsxs)("div",{style:{border:"1px solid var(--af-border-subtle)",borderRadius:8,background:"var(--background)",overflow:"hidden"},children:[(0,b.jsxs)("div",{style:{padding:"8px 12px",display:"flex",alignItems:"center",gap:8,borderBottom:d?"1px solid var(--af-border-subtle)":"none",fontSize:12,color:"var(--af-text-secondary)"},children:[(0,b.jsx)("span",{style:{fontSize:13},children:a}),(0,b.jsx)("span",{children:c})]}),d]})}function ey({text:a,maxHeight:c=280}){return(0,b.jsx)("pre",{style:{margin:0,padding:"10px 12px",fontFamily:"var(--font-mono)",fontSize:11.5,lineHeight:1.55,color:"var(--af-text)",whiteSpace:"pre",overflow:"auto",maxHeight:c},children:a})}function ez({oldText:a,newText:c}){let d=a.split("\n"),e=c.split("\n");return(0,b.jsxs)("pre",{style:{margin:0,padding:"10px 12px",fontFamily:"var(--font-mono)",fontSize:11.5,lineHeight:1.55,whiteSpace:"pre",overflow:"auto",maxHeight:320},children:[d.map((a,c)=>(0,b.jsxs)("div",{style:{background:"rgba(220, 38, 38, 0.08)",color:"#991B1B",padding:"0 4px",borderLeft:"3px solid #DC2626"},children:[(0,b.jsx)("span",{style:{opacity:.6,userSelect:"none"},children:"− "}),a||" "]},`o${c}`)),e.map((a,c)=>(0,b.jsxs)("div",{style:{background:"rgba(5, 150, 105, 0.08)",color:"#065F46",padding:"0 4px",borderLeft:"3px solid #059669"},children:[(0,b.jsx)("span",{style:{opacity:.6,userSelect:"none"},children:"+ "}),a||" "]},`n${c}`))]})}function eA({name:a,input:c}){let d=c??{},e=a=>"string"==typeof d[a]?d[a]:void 0,f=a=>"number"==typeof d[a]?d[a]:void 0;if("Write"===a){let a=e("file_path")??"",c=e("content")??"";return(0,b.jsx)(ex,{icon:"📝",label:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("b",{children:"Write"})," ",(0,b.jsx)(ew,{path:a})]}),children:(0,b.jsx)(ey,{text:c})})}if("Edit"===a){let a=e("file_path")??"",c=e("old_string")??"",f=e("new_string")??"",g=!0===d.replace_all;return(0,b.jsx)(ex,{icon:"✏️",label:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("b",{children:"Edit"})," ",(0,b.jsx)(ew,{path:a}),g&&(0,b.jsx)("span",{style:{fontSize:10,color:"var(--af-warning)",background:"var(--af-warning-subtle)",padding:"1px 6px",borderRadius:10},children:"replace all"})]}),children:(0,b.jsx)(ez,{oldText:c,newText:f})})}if("Read"===a){let a=e("file_path")??"",c=f("offset"),d=f("limit"),g=void 0!==c||void 0!==d?` \xb7 lines ${c??1}${void 0!==d?`–${(c??0)+d}`:"…"}`:"";return(0,b.jsx)(ex,{icon:"📖",label:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("b",{children:"Read"})," ",(0,b.jsx)(ew,{path:a}),(0,b.jsx)("span",{style:{color:"var(--af-text-tertiary)"},children:g})]})})}if("Bash"===a){let a=e("command")??"",c=e("description"),f=!0===d.run_in_background;return(0,b.jsx)(ex,{icon:"⚡",label:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("b",{children:"Bash"}),c&&(0,b.jsx)("span",{style:{color:"var(--af-text)",fontStyle:"italic"},children:c}),f&&(0,b.jsx)("span",{style:{fontSize:10,color:"var(--af-info)",background:"var(--af-info-subtle)",padding:"1px 6px",borderRadius:10},children:"background"})]}),children:(0,b.jsx)(ey,{text:a,maxHeight:220})})}if("Grep"===a){let a=e("pattern")??"",c=e("path"),d=e("glob"),f=e("type"),g=e("output_mode");return(0,b.jsx)(ex,{icon:"🔍",label:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("b",{children:"Grep"})," ",(0,b.jsx)("code",{style:{background:"var(--af-border-subtle)",padding:"1px 6px",borderRadius:4,fontFamily:"var(--font-mono)",fontSize:11},children:a}),c&&(0,b.jsxs)(b.Fragment,{children:[" in ",(0,b.jsx)(ew,{path:c})]}),(d||f||g)&&(0,b.jsx)("span",{style:{color:"var(--af-text-tertiary)",fontSize:11,marginLeft:6},children:[d&&`glob=${d}`,f&&`type=${f}`,g&&`mode=${g}`].filter(Boolean).join(" · ")})]})})}if("Glob"===a){let a=e("pattern")??"",c=e("path");return(0,b.jsx)(ex,{icon:"📁",label:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("b",{children:"Glob"})," ",(0,b.jsx)("code",{style:{background:"var(--af-border-subtle)",padding:"1px 6px",borderRadius:4,fontFamily:"var(--font-mono)",fontSize:11},children:a}),c&&(0,b.jsxs)(b.Fragment,{children:[" in ",(0,b.jsx)(ew,{path:c})]})]})})}if("Skill"===a){let a=e("skill")??"",c=e("args");return(0,b.jsx)(ex,{icon:"🧩",label:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)("b",{children:["/",a]}),c&&(0,b.jsx)("span",{style:{color:"var(--af-text-secondary)"},children:c})]})})}if("ToolSearch"===a){let a=e("query")??"",c=f("max_results");return(0,b.jsx)(ex,{icon:"🔎",label:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("b",{children:"ToolSearch"})," ",(0,b.jsx)("code",{style:{background:"var(--af-border-subtle)",padding:"1px 6px",borderRadius:4,fontFamily:"var(--font-mono)",fontSize:11},children:a}),void 0!==c&&(0,b.jsxs)("span",{style:{color:"var(--af-text-tertiary)",fontSize:11},children:["max=",c]})]})})}if("TodoWrite"===a){let a=Array.isArray(d.todos)?d.todos:[];return(0,b.jsx)(ex,{icon:"✅",label:(0,b.jsxs)("b",{children:["TodoWrite · ",a.length," items"]}),children:(0,b.jsx)("div",{style:{padding:"10px 12px",fontSize:12},children:a.map((a,c)=>{let d=String(a.status??"pending"),e="string"==typeof a.content?a.content:"string"==typeof a.activeForm?a.activeForm:"";return(0,b.jsxs)("div",{style:{display:"flex",gap:8,padding:"2px 0",opacity:"completed"===d?.6:1,textDecoration:"completed"===d?"line-through":"none"},children:[(0,b.jsx)("span",{style:{color:"var(--af-text-tertiary)"},children:"completed"===d?"✔":"in_progress"===d?"◐":"○"}),(0,b.jsx)("span",{children:e})]},c)})})})}if(a.startsWith("mcp__")){let d=et(a);return(0,b.jsx)(ex,{icon:"🔌",label:(0,b.jsx)("b",{children:d}),children:(0,b.jsx)(ey,{text:JSON.stringify(c,null,2),maxHeight:200})})}return(0,b.jsx)(ex,{icon:"🔧",label:(0,b.jsx)("b",{children:a}),children:(0,b.jsx)(ey,{text:JSON.stringify(c,null,2),maxHeight:220})})}function eB({turn:a,trackLabel:c,trackColor:e,onClose:f}){let[g,h]=(0,d.useState)({page:"turn"});if((0,d.useEffect)(()=>{h({page:"turn"})},[a?.id]),(0,d.useEffect)(()=>{if(!a)return;let b=a=>{"Escape"===a.key&&("step"===g.page?h({page:"turn"}):f())};return window.addEventListener("keydown",b),()=>window.removeEventListener("keydown",b)},[a,f,g.page]),!a)return null;let i=new Date(a.startMs).toLocaleString(),j=new Date(a.endMs).toLocaleTimeString(),k=(0,d4.formatGap)(a.durationMs);return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{onClick:f,style:{position:"fixed",inset:0,background:"rgba(0,0,0,0.4)",zIndex:1e3}}),(0,b.jsxs)("div",{style:{position:"fixed",top:0,right:0,bottom:0,width:620,maxWidth:"96vw",background:"var(--af-surface-elevated)",borderLeft:"1px solid var(--af-border-subtle)",zIndex:1001,display:"flex",flexDirection:"column",fontSize:12,color:"var(--af-text)"},children:[(0,b.jsxs)("div",{style:{padding:"12px 16px",borderBottom:"1px solid var(--af-border-subtle)",display:"flex",alignItems:"center",justifyContent:"space-between",gap:8,flexShrink:0},children:["step"===g.page?(0,b.jsx)("button",{onClick:()=>h({page:"turn"}),style:{background:"transparent",border:"1px solid var(--af-border-subtle)",color:"var(--af-text-secondary)",padding:"4px 10px",borderRadius:4,cursor:"pointer",fontSize:11,fontFamily:"ui-monospace, monospace"},children:"← Back to turn"}):(0,b.jsxs)("div",{children:[(0,b.jsx)("div",{style:{fontSize:10,fontWeight:700,color:e,letterSpacing:"0.08em",fontFamily:"ui-monospace, monospace"},children:c}),(0,b.jsxs)("div",{style:{fontSize:11,color:"var(--af-text-tertiary)",fontFamily:"ui-monospace, monospace",marginTop:2},children:[i," → ",j," · ",k]})]}),(0,b.jsx)("button",{onClick:f,"aria-label":"Close",style:{background:"transparent",border:"1px solid var(--af-border-subtle)",color:"var(--af-text-secondary)",width:28,height:28,borderRadius:4,cursor:"pointer",fontSize:14,lineHeight:1,flexShrink:0},children:"×"})]}),(0,b.jsx)("div",{style:{flex:1,overflowY:"auto",padding:"14px 18px"},children:"turn"===g.page?(0,b.jsx)(eC,{turn:a.megaRow,userRow:a.userPrompt,color:e,onStepClick:(a,b)=>h({page:"step",row:a,index:b})}):(0,b.jsx)(eI,{row:g.row,color:e})})]})]})}function eC({turn:a,userRow:c,color:d,onStepClick:e}){let f,g,h,i=a.summary,j=i.firstAgentIndex??-1,k=i.finalAgentIndex??-1,l=j>=0?a.rows[j]:void 0,m=k>=0&&k!==j?a.rows[k]:void 0,n=a.rows.filter((a,b)=>b!==j&&(!m||b!==k));return(0,b.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:12},children:[c&&"user"===c.kind&&(g=(f=c.event.teammateMessage)?`From ${f.teammateId}`:"Human",h=f?f.body:c.displayPreview??c.event.preview??"",(0,b.jsx)(eD,{label:g,color:f?"var(--af-text-tertiary)":d,text:h})),l&&"agent"===l.kind&&(0,b.jsx)(eF,{label:"First message",color:d,row:l}),(0,b.jsx)(eH,{summary:i,rows:a.rows,durationMs:a.durationMs}),n.length>0&&(0,b.jsx)(eE,{color:d,rows:n,onStepClick:e}),m&&"agent"===m.kind&&(0,b.jsx)(eF,{label:"Conclusion",color:d,row:m,arrow:!0})]})}function eD({label:a,color:c,text:e}){let[f,i]=(0,d.useState)(!1);return(0,b.jsxs)("div",{onClick:()=>i(a=>!a),style:{padding:"8px 12px",borderRadius:6,background:f?"var(--af-surface-hover)":"transparent",border:`1px solid ${f?"var(--af-border-subtle)":"transparent"}`,cursor:"pointer",transition:"all 0.12s"},children:[(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:6,fontSize:10,color:"var(--af-text-tertiary)",textTransform:"uppercase",letterSpacing:"0.05em",fontWeight:600,fontFamily:"ui-monospace, monospace"},children:[f?(0,b.jsx)(g.ChevronDown,{size:11}):(0,b.jsx)(h.ChevronRight,{size:11}),(0,b.jsx)("span",{style:{color:c},children:a})]}),f?(0,b.jsx)("div",{className:"sl-prose",style:{fontSize:13,marginTop:6},children:(0,b.jsx)(cL,{remarkPlugins:[dX],components:{a:a=>(0,b.jsx)("a",{...a,target:"_blank",rel:"noopener noreferrer",style:{color:"var(--af-accent)",textDecoration:"underline"}})},children:e})}):(0,b.jsx)("div",{style:{marginTop:4,fontSize:13,lineHeight:1.45,color:"var(--af-text)",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:e})]})}function eE({color:a,rows:c,onStepClick:e}){let[f,h]=(0,d.useState)(!1),i=c.length-12;return(0,b.jsxs)("div",{children:[(0,b.jsx)(eG,{color:a,children:"STEPS"}),(0,b.jsx)("div",{style:{marginTop:4},children:(0,b.jsx)(eu,{rows:c,onStepClick:e,showAll:f})}),i>0&&!f&&(0,b.jsxs)("button",{onClick:()=>h(!0),style:{display:"flex",alignItems:"center",justifyContent:"center",gap:6,width:"100%",padding:"6px 10px",marginTop:6,background:"var(--af-surface-hover)",border:"1px solid var(--af-border-subtle)",borderRadius:6,fontSize:11,fontWeight:500,color:"var(--af-text-secondary)",fontFamily:"inherit",cursor:"pointer"},children:[(0,b.jsx)(g.ChevronDown,{size:12}),"Show all ",c.length," steps"]})]})}function eF({label:a,color:c,row:e,arrow:f}){let[i,j]=(0,d.useState)(!1);return(0,b.jsxs)("div",{onClick:()=>j(a=>!a),style:{padding:"8px 12px",borderRadius:6,background:i?"var(--af-surface-hover)":"transparent",border:`1px solid ${i?"var(--af-border-subtle)":"transparent"}`,cursor:"pointer",transition:"all 0.12s",borderTop:f&&!i?"1px dashed var(--af-border-subtle)":void 0},children:[(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:6,fontSize:10,color:"var(--af-text-tertiary)",textTransform:"uppercase",letterSpacing:"0.05em",fontWeight:600,fontFamily:"ui-monospace, monospace"},children:[i?(0,b.jsx)(g.ChevronDown,{size:11}):(0,b.jsx)(h.ChevronRight,{size:11}),(0,b.jsx)("span",{style:{color:c},children:a})]}),i?(0,b.jsx)("div",{className:"sl-prose",style:{fontSize:13,marginTop:6,color:"var(--af-text)",lineHeight:1.5},children:e.event.blocks.filter(a=>"text"===a.type).map((a,c)=>(0,b.jsx)(cL,{remarkPlugins:[dX],components:{a:a=>(0,b.jsx)("a",{...a,target:"_blank",rel:"noopener noreferrer",style:{color:"var(--af-accent)",textDecoration:"underline"}})},children:a.text},c))}):(0,b.jsxs)("div",{style:{marginTop:4,display:"flex",gap:6,alignItems:"flex-start",fontSize:13,lineHeight:1.45,color:"var(--af-text)"},children:[f&&(0,b.jsx)("span",{style:{color:"var(--af-text-tertiary)",marginTop:1,fontSize:11},children:"→"}),(0,b.jsx)("span",{style:{overflow:"hidden",display:"-webkit-box",WebkitLineClamp:3,WebkitBoxOrient:"vertical"},children:e.event.preview})]})]})}function eG({children:a,color:c}){return(0,b.jsx)("div",{style:{fontSize:9,color:c,fontWeight:700,textTransform:"uppercase",letterSpacing:"0.06em",fontFamily:"ui-monospace, monospace"},children:a})}function eH({summary:a,rows:c,durationMs:d}){let e=0,f=0,g=0,h=0,i=0,j=0,k=0;for(let a of c)if("tool-group"===a.kind)for(let b of a.events)switch(b.toolName??""){case"Edit":e++;break;case"Write":f++;break;case"Read":g++;break;case"Bash":h++;break;case"Grep":case"Glob":i++;break;case"Agent":j++;break;default:k++}let l=[];if(e+f>0){let a=e+f;l.push(`Edited ${a} file${1===a?"":"s"}`)}return g>0&&l.push(`read ${g} file${1===g?"":"s"}`),h>0&&l.push(`${h} command${1===h?"":"s"}`),i>0&&l.push(`${i} search${1===i?"":"es"}`),j>0&&l.push(`${j} sub-agent${1===j?"":"s"}`),k>0&&0===l.length&&l.push(`${k} tool call${1===k?"":"s"}`),0===l.length&&a.agentMessages>0&&l.push(`${a.agentMessages} message${1===a.agentMessages?"":"s"}`),(0,b.jsxs)("div",{style:{fontSize:11,color:"var(--af-text-tertiary)",lineHeight:1.5,fontFamily:"ui-monospace, monospace"},children:[l.join(", "),a.errors>0&&(0,b.jsxs)("span",{style:{color:"var(--af-danger)"},children:[l.length>0?", ":"",a.errors," error",1===a.errors?"":"s"]}),void 0!==d&&d>0&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("span",{style:{opacity:.5,marginLeft:6},children:"·"}),(0,b.jsx)("span",{style:{marginLeft:6},children:(0,d4.formatGap)(d)})]})]})}function eI({row:a,color:c}){if("user"===a.kind)return(0,b.jsx)(eJ,{label:"HUMAN",color:c,body:a.displayPreview??a.event.preview??""});if("agent"===a.kind){let d=function(a){if(!a)return"";let b=[];for(let c of a)"text"===c.type&&"string"==typeof c.text&&b.push(c.text);return b.join("\n\n")}(a.event.blocks)||a.event.preview||"";return(0,b.jsx)(eJ,{label:"AGENT",color:c,body:d})}if("tool-group"===a.kind){let c=a.toolNames.slice(0,4).map(a=>{let b=et(a.name);return a.count>1?`${b} \xd7${a.count}`:b}).join(" · "),d=a.toolNames.length>4?` +${a.toolNames.length-4}`:"";return(0,b.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:10},children:[(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8,padding:"8px 0",borderBottom:"1px solid var(--af-border-subtle)"},children:[(0,b.jsx)("span",{style:{fontSize:11,fontWeight:600,padding:"3px 10px",borderRadius:4,background:"rgba(138, 133, 128, 0.16)",color:"#44403C"},children:"Tool"}),(0,b.jsxs)("span",{style:{fontSize:12,color:"var(--af-text-secondary)",fontWeight:500},children:["Tool use · ",c,d]})]}),a.events.map((a,c)=>{let d=(a.blocks??[]).find(a=>"tool_use"===a.type);if(!d)return null;let e=d.name??"?",f=d.input??{};return(0,b.jsxs)("div",{children:[(0,b.jsxs)("div",{style:{fontSize:10,color:"var(--af-text-tertiary)",fontFamily:"ui-monospace, monospace",marginBottom:4},children:["#",c+1]}),(0,b.jsx)(eA,{name:e,input:f})]},c)})]})}return"interrupt"===a.kind?(0,b.jsx)(eJ,{label:"INTERRUPT",color:"#f85149",body:a.event.preview??"[interrupted]"}):"error"===a.kind?(0,b.jsx)(eJ,{label:"ERROR",color:"#f85149",body:a.message}):"model"===a.kind?(0,b.jsx)(eJ,{label:"MODEL CHANGE",color:c,body:a.event.preview??""}):"task-notification"===a.kind?(0,b.jsx)(eJ,{label:`TASK ${a.status.toUpperCase()}`,color:c,body:a.summary}):null}function eJ({label:a,color:c,body:d}){return(0,b.jsxs)("div",{style:{padding:"10px 12px",background:"var(--af-surface-hover)",borderLeft:`3px solid ${c}`,borderRadius:4,marginBottom:6},children:[(0,b.jsx)("div",{style:{fontSize:9,color:c,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:4,fontFamily:"ui-monospace, monospace"},children:a}),d&&(0,b.jsx)("div",{style:{fontSize:12,color:"var(--af-text)",lineHeight:1.5,whiteSpace:"pre-wrap",wordBreak:"break-word"},children:d})]})}function eK({initial:a,teamName:c,playheadMs:e,onPlayheadChange:f,onVisibleTrackIdsChange:g,seekTarget:h}){let[i,j]=(0,d.useState)(null),k=i?a.tracks.find(a=>a.id===i.trackId):null;return(0,b.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:8,padding:16,height:"calc(100vh - 200px)",minHeight:600},children:[(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[(0,b.jsxs)("h2",{style:{fontSize:14,fontWeight:600,margin:0},children:["Team: ",c]}),(0,b.jsxs)("div",{style:{fontSize:11,color:"var(--af-text-tertiary)"},children:[a.tracks.length," agent",1===a.tracks.length?"":"s"]})]}),(0,b.jsx)(em,{data:a,onPlayheadChange:f,onVisibleTrackIdsChange:g,scrollTarget:h,onTurnClick:j}),(0,b.jsx)(eB,{turn:i,trackLabel:k?k.isLead?"LEAD":k.label:"",trackColor:k?.color??"#888",onClose:()=>j(null)})]})}let eL=(0,e.default)("ChevronLeft",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]]);function eM({data:a,playheadMs:e,onSeek:f,expanded:g,onToggleExpanded:i,visibleTrackIds:j}){let k,[l,m]=(0,d.useState)(null),n=a.tracks.length>4,o=a.dayPages??null,[p,q]=(0,d.useState)(0);(0,d.useEffect)(()=>{if(!o||null==e)return;let a=o.findIndex(a=>e>=a.startMs&&e<=a.endMs);-1!==a&&a!==p&&q(a)},[o,e,p]);let r=o?Math.min(Math.max(0,p),o.length-1):0,s=o?o[r]:null,t=s?s.xAnchors:a.xAnchors,u=s?s.minimapIdleBands:a.minimapIdleBands,v=s?s.startMs:a.firstEventMs,w=s?s.endMs:a.lastEventMs;if(g||!n)k=new Set(a.tracks.map(a=>a.id));else{let b=a.tracks[0],c=a.tracks.slice(1);k=new Set(j.length>0?c.filter(a=>j.includes(a.id)).slice(0,3).map(a=>a.id):c.slice(0,3).map(a=>a.id)),b&&k.add(b.id)}let x=a.tracks.length-k.size,y=a=>(function(a,b){if(0===a.length)return 0;if(b<=a[0].tsMs)return a[0].xFrac;if(b>=a[a.length-1].tsMs)return a[a.length-1].xFrac;let c=0,d=a.length-1;for(;d-c>1;){let e=c+d>>1;a[e].tsMs<=b?c=e:d=e}let e=a[c],f=a[d];if(f.tsMs===e.tsMs)return e.xFrac;let g=(b-e.tsMs)/(f.tsMs-e.tsMs);return e.xFrac+g*(f.xFrac-e.xFrac)})(t,a),z=null!=e&&e>=v&&e<=w?Math.max(0,Math.min(1,y(e))):null;return(0,b.jsxs)("div",{style:{position:"sticky",top:0,zIndex:10,background:"var(--af-surface-elevated)",border:"1px solid var(--af-border-subtle)",borderRadius:6,padding:8,marginBottom:8},children:[(0,b.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",fontSize:9,color:"var(--af-text-tertiary)",fontFamily:"ui-monospace, monospace",marginBottom:6,paddingLeft:100,gap:8},children:[(0,b.jsx)("span",{children:eP(v,a.multiDay)}),o&&o.length>1&&(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:4,fontSize:10,fontWeight:600,color:"var(--af-text-secondary)"},children:[(0,b.jsx)("button",{onClick:()=>q(a=>Math.max(0,a-1)),disabled:0===r,"aria-label":"Previous day",style:eO(0===r),children:(0,b.jsx)(eL,{size:11})}),(0,b.jsxs)("span",{style:{minWidth:64,textAlign:"center",fontFamily:"ui-monospace, monospace"},children:[s?.label??""," ",(0,b.jsxs)("span",{style:{opacity:.55},children:["(",r+1,"/",o.length,")"]})]}),(0,b.jsx)("button",{onClick:()=>q(a=>Math.min(o.length-1,a+1)),disabled:r===o.length-1,"aria-label":"Next day",style:eO(r===o.length-1),children:(0,b.jsx)(h.ChevronRight,{size:11})})]}),(0,b.jsx)("span",{children:eP(w,a.multiDay)})]}),(0,b.jsxs)("div",{style:{position:"relative",display:"flex",flexDirection:"column"},children:[u.map((a,c)=>(0,b.jsx)(eQ,{band:a},c)),a.tracks.map(a=>{let d=k.has(a.id);return(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:6,maxHeight:24*!!d,opacity:+!!d,marginBottom:2*!!d,overflow:"hidden",transition:"max-height 280ms ease, opacity 280ms ease, margin-bottom 280ms ease",pointerEvents:d?"auto":"none"},children:[(0,b.jsx)(c.default,{href:`/sessions/${a.id}`,style:{width:94,fontSize:10,fontFamily:"ui-monospace, monospace",color:a.color,fontWeight:a.isLead?700:500,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",textDecoration:"none"},title:`${a.label} — open session`,children:a.isLead?"LEAD":a.label}),(0,b.jsxs)("div",{style:{flex:1,position:"relative",height:24,background:"var(--af-surface-hover)",borderRadius:3,overflow:"hidden",cursor:"pointer",padding:"3px 2px",boxSizing:"border-box"},onClick:b=>{let c;return c=b.currentTarget.getBoundingClientRect(),void f(function(a,b){if(0===a.length)return 0;if(b<=a[0].xFrac)return a[0].tsMs;if(b>=a[a.length-1].xFrac)return a[a.length-1].tsMs;let c=0,d=a.length-1;for(;d-c>1;){let e=c+d>>1;a[e].xFrac<=b?c=e:d=e}let e=a[c],f=a[d];if(f.xFrac===e.xFrac)return e.tsMs;let g=(b-e.xFrac)/(f.xFrac-e.xFrac);return e.tsMs+g*(f.tsMs-e.tsMs)}(t,Math.min(1,Math.max(0,b.clientX-c.left)/Math.max(1,c.width))),a.id)},children:[a.turns.map(c=>{let d=c.endMs<v||c.startMs>w?null:{id:c.id,startMs:Math.max(c.startMs,v),endMs:Math.min(c.endMs,w),original:c};if(!d)return null;let e=y(d.startMs),f=Math.max(.4,(y(d.endMs)-e)*100);return(0,b.jsx)("div",{style:{position:"absolute",left:`calc(${100*e}% + 1px)`,top:3,width:`calc(${f}% - 2px)`,minWidth:4,height:14,background:a.color,opacity:.88,borderRadius:3,border:`1px solid ${a.color}`,boxSizing:"border-box"},onMouseEnter:b=>m({turn:d.original,track:a,clientX:b.clientX,clientY:b.clientY}),onMouseMove:a=>m(b=>b&&b.turn.id===c.id?{...b,clientX:a.clientX,clientY:a.clientY}:b),onMouseLeave:()=>m(null)},c.id)}),a.subagents.map((c,d)=>{if(null==c.startMs)return null;let e=c.startMs+(c.durationMs??0);if(e<v||c.startMs>w)return null;let f=Math.max(c.startMs,v),g=Math.min(e,w),h=y(f),i=Math.max(.2,(y(g)-h)*100)||.4;return(0,b.jsx)("div",{style:{position:"absolute",left:`${100*h}%`,bottom:2,width:`${i}%`,height:3,background:a.color,opacity:.5,borderRadius:1},title:`subagent: ${c.agentType}`},d)})]})]},a.id)})]}),n&&(0,b.jsx)("div",{style:{marginTop:6,paddingLeft:106,display:"flex"},children:(0,b.jsx)("button",{onClick:i,style:{background:"var(--af-surface-hover)",border:"1px solid var(--af-border-subtle)",color:"var(--af-text-secondary)",fontSize:10,fontFamily:"ui-monospace, monospace",padding:"2px 8px",borderRadius:10,cursor:"pointer",lineHeight:1.4},children:g?"Show fewer":`+ ${x} more agent${1===x?"":"s"} — show all`})}),null!=z&&(0,b.jsx)("div",{style:{position:"absolute",top:24,bottom:8,left:106,right:8,pointerEvents:"none"},children:(0,b.jsx)("div",{style:{position:"absolute",top:0,bottom:0,left:`${100*z}%`,width:1,background:"var(--af-text)",opacity:.7}})}),l&&(0,b.jsx)(eN,{hover:l,multiDay:a.multiDay})]})}function eN({hover:a,multiDay:c}){let{turn:d,track:e}=a,f=d.megaRow.summary,g=d.userPrompt&&"event"in d.userPrompt?d.userPrompt.event.teammateMessage:void 0,h=g?`FROM ${g.teammateId}`:"HUMAN",i=g?el(g):d.userPrompt&&"user"===d.userPrompt.kind?d.userPrompt.displayPreview??d.userPrompt.event.preview??"":"",j=f.firstAgentPreview??"",k=f.finalAgentPreview??"",l=k&&k!==j,m=f.toolNames.slice(0,4),n=Math.min(window.innerWidth-360,a.clientX+12),o=Math.max(8,a.clientY-12);return(0,b.jsxs)("div",{style:{position:"fixed",left:n,top:o,width:340,background:"var(--af-surface)",border:"1px solid var(--af-border-subtle)",borderLeft:`3px solid ${e.color}`,borderRadius:4,padding:"8px 10px",fontSize:10,lineHeight:1.4,boxShadow:"0 8px 24px rgba(0,0,0,0.25)",zIndex:100,pointerEvents:"none"},children:[(0,b.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",fontSize:9,fontFamily:"ui-monospace, monospace",color:e.color,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:4},children:[(0,b.jsx)("span",{children:e.isLead?"LEAD":e.label}),(0,b.jsxs)("span",{style:{color:"var(--af-text-tertiary)",fontWeight:500},children:[eP(d.startMs,c)," → ",eP(d.endMs,c)," · ",(0,d4.formatGap)(d.durationMs)]})]}),(0,b.jsxs)("div",{style:{fontSize:9,color:"var(--af-text-tertiary)",marginBottom:6},children:[f.agentMessages," msg · ",f.toolCalls," tools",f.errors>0?` \xb7 ${f.errors} err`:""]}),i&&(0,b.jsxs)("div",{style:{marginBottom:5},children:[(0,b.jsx)("div",{style:{fontSize:8,color:g?"var(--af-text-tertiary)":e.color,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:1,fontStyle:g?"italic":void 0},children:h}),(0,b.jsx)("div",{style:{color:g?"var(--af-text-tertiary)":"var(--af-text)",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:i})]}),j&&(0,b.jsxs)("div",{style:{marginBottom:5},children:[(0,b.jsx)("div",{style:{fontSize:8,color:e.color,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:1},children:"AGENT"}),(0,b.jsx)("div",{style:{color:"var(--af-text)",display:"-webkit-box",WebkitLineClamp:3,WebkitBoxOrient:"vertical",overflow:"hidden"},children:j})]}),m.length>0&&(0,b.jsx)("div",{style:{display:"flex",gap:3,flexWrap:"wrap",marginBottom:5*!!l},children:m.map(a=>(0,b.jsxs)("span",{style:{fontSize:8,padding:"1px 5px",background:"var(--af-surface-hover)",borderRadius:2,color:"var(--af-text-tertiary)"},children:[a.name,a.count>1?` \xd7${a.count}`:""]},a.name))}),l&&(0,b.jsxs)("div",{children:[(0,b.jsx)("div",{style:{fontSize:8,color:e.color,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:1},children:"RESULT"}),(0,b.jsx)("div",{style:{color:"var(--af-text)",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:k})]})]})}function eO(a){return{background:"transparent",border:"1px solid var(--af-border-subtle)",color:a?"var(--af-text-tertiary)":"var(--af-text-secondary)",width:18,height:18,borderRadius:3,display:"flex",alignItems:"center",justifyContent:"center",cursor:a?"default":"pointer",opacity:a?.4:1,padding:0}}function eP(a,b){let c=new Date(a);if(!b)return c.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"});let d=c.toLocaleDateString([],{month:"short",day:"numeric"}),e=c.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"});return`${d} ${e}`}function eQ({band:a}){let[c,e]=(0,d.useState)(!1),f=100*a.xFracStart,g=Math.max(.5,(a.xFracEnd-a.xFracStart)*100);return(0,b.jsx)("div",{onMouseEnter:()=>e(!0),onMouseLeave:()=>e(!1),style:{position:"absolute",top:0,bottom:0,left:`calc(100px + ${f}% * (100% - 100px) / 100%)`,width:`calc(${g}% * (100% - 100px) / 100%)`,background:"repeating-linear-gradient(135deg, transparent 0, transparent 4px, var(--af-border-subtle) 4px, var(--af-border-subtle) 6px)",zIndex:1,cursor:"help"},children:c&&(0,b.jsxs)("div",{style:{position:"absolute",left:"50%",bottom:"calc(100% + 6px)",transform:"translateX(-50%)",background:"#0F172A",color:"#F1F5F9",borderRadius:8,padding:"6px 10px",fontSize:11,pointerEvents:"none",boxShadow:"0 4px 16px rgba(15,23,42,0.22)",zIndex:20,whiteSpace:"nowrap"},children:[(0,b.jsx)("div",{style:{fontWeight:600,marginBottom:1},children:"Idle"}),(0,b.jsx)("div",{style:{opacity:.78,fontFamily:"ui-monospace, monospace",fontSize:10},children:a.label})]})})}let eR=[{value:"turns",label:"Turns"},{value:"meaningful",label:"All actions"},{value:"all",label:"All events"},{value:"user",label:"User only"},{value:"agent",label:"Agent only"},{value:"tool-group",label:"Tool only"},{value:"error",label:"Errors only"}],eS=["transcript","team","debug"];function eT({icon:a,value:c,mono:d,truncate:e}){return(0,b.jsxs)("span",{style:{display:"inline-flex",alignItems:"center",gap:5,fontSize:12,color:"var(--af-text-secondary)",maxWidth:e?260:void 0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:[a&&(0,b.jsx)("span",{style:{display:"inline-flex",color:"var(--af-text-tertiary)"},children:a}),(0,b.jsx)("span",{style:{fontFamily:d?"var(--font-mono)":"inherit",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:c})]})}function eU(){return(0,b.jsx)("span",{style:{color:"var(--af-text-tertiary)",fontSize:11,opacity:.6},children:"·"})}function eV({usage:a}){let[c,e]=(0,d.useState)(!1),f=a??{input:0,output:0,cacheRead:0,cacheWrite:0},g=f.input+f.cacheRead+f.cacheWrite,h=g>0?Math.round(f.cacheRead/g*100):0,i=f.cacheRead+f.cacheWrite;return(0,b.jsxs)("span",{style:{position:"relative",display:"inline-flex",alignItems:"center",gap:6,fontSize:12,color:"var(--af-text-secondary)",cursor:"default",fontFamily:"var(--font-mono)"},onMouseEnter:()=>e(!0),onMouseLeave:()=>e(!1),children:[(0,b.jsxs)("span",{children:[(0,d4.formatTokens)(f.input),(0,b.jsx)("span",{style:{color:"var(--af-text-tertiary)",margin:"0 3px"},children:"in"}),(0,d4.formatTokens)(f.output),(0,b.jsx)("span",{style:{color:"var(--af-text-tertiary)",marginLeft:3},children:"out"})]}),i>0&&(0,b.jsxs)("span",{style:{fontSize:10.5,color:"var(--af-text-tertiary)",paddingLeft:6,borderLeft:"1px solid var(--af-border-subtle)"},children:["+",(0,d4.formatTokens)(i)," cached"]}),c&&(0,b.jsxs)(eW,{style:{bottom:"calc(100% + 6px)",left:0,minWidth:240},children:[(0,b.jsx)(eX,{label:"Input (fresh)",value:f.input.toLocaleString()}),(0,b.jsx)(eX,{label:"Output",value:f.output.toLocaleString()}),(0,b.jsx)(eX,{label:"Cache read",value:`${f.cacheRead.toLocaleString()} (${h}%)`}),(0,b.jsx)(eX,{label:"Cache write",value:f.cacheWrite.toLocaleString()}),(0,b.jsx)("div",{style:{marginTop:6,paddingTop:6,borderTop:"1px solid rgba(241,245,249,0.12)",opacity:.65,fontSize:10,whiteSpace:"normal",lineHeight:1.4},children:"Cache reads are cumulative across all API requests and billed at ~10% of regular input."})]})]})}function eW({children:a,style:c}){return(0,b.jsx)("div",{style:{position:"absolute",zIndex:100,background:"#1A1A1A",color:"#F5F1EC",borderRadius:8,padding:"10px 12px",fontSize:11,fontFamily:"var(--font-mono)",lineHeight:1.5,boxShadow:"0 4px 20px rgba(0,0,0,0.18)",pointerEvents:"none",whiteSpace:"nowrap",...c},children:a})}function eX({label:a,value:c}){return(0,b.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",gap:12},children:[(0,b.jsx)("span",{style:{opacity:.7},children:a}),(0,b.jsx)("span",{children:c})]})}let eY={user:1,agent:1,interrupt:1,error:1,"tool-group":1,model:1,"task-notification":1};function eZ({displayRows:a,durationMs:c,selectedIndex:e,onSelect:f,headerOffset:g,subagents:h,collapsed:i,selectedSubagentId:j,onSelectSubagent:k,prMarkers:l}){let[m,n]=(0,d.useState)(null),[o,p]=(0,d.useState)(null),q=(0,d.useRef)(null);(0,d.useEffect)(()=>{let a=q.current?.closest("main");if(!a)return;let b=`-${g}px 0px -${Math.max(0,a.clientHeight-g-12)}px 0px`,c=new Set,d=new IntersectionObserver(a=>{for(let b of a){let a=b.target;b.isIntersecting?c.add(a):c.delete(a)}(()=>{if(0===c.size)return p(null);let a=null,b=1/0;for(let d of c){let c=d.offsetTop;c<b&&(b=c,a=d)}if(!a)return p(null);let d=Number(a.getAttribute("data-sl-toffset"));p(Number.isNaN(d)?null:d)})()},{root:a,rootMargin:b,threshold:0});for(let b of a.querySelectorAll("[data-sl-row-index]"))d.observe(b);return()=>d.disconnect()},[a.length,g]);let r=Math.max(c,1),s=(0,d.useMemo)(()=>{let b=[],c=[];for(let b of a)if("turn-expanded-header"!==b.kind&&"turn-expanded-footer"!==b.kind)if("turn-collapsed"===b.kind){if(void 0===b.turn.tOffsetMs)continue;c.push({kind:"turn",turn:b.turn,start:b.turn.tOffsetMs,gapMs:b.turn.rows[0]?.gapMs??0})}else{if(void 0===b.row.tOffsetMs)continue;c.push({kind:"row",row:b.row,start:b.row.tOffsetMs,gapMs:b.row.gapMs??0})}for(let a=0;a<c.length;a++){let d=c[a],e=c[a+1],f=d.start;if("row"===d.kind&&"user"===d.row.kind&&d.gapMs>2e3&&b.length>0&&b.push({kind:"idle",start:Math.max(0,f-d.gapMs),end:f,durationMs:d.gapMs}),"turn"===d.kind){let a=f+(d.turn.durationMs??0),c=e?.start,g=void 0!==c?Math.min(a,c):a;b.push({kind:"turn",turn:d.turn,primaryIndex:d.turn.firstPrimaryIndex,start:f,end:Math.max(g,f+1)})}else{let a=e?.start??Math.min(f+800,r);b.push({kind:"row",row:d.row,primaryIndex:dY(d.row),start:f,end:a})}}if(b.length<=600)return b;let d=Math.ceil(b.length/600),e=[];for(let a=0;a<b.length;a+=d){let c=b[a],f=b[Math.min(a+d-1,b.length-1)];"idle"===c.kind?e.push({kind:"idle",start:c.start,end:f.end,durationMs:f.end-c.start}):"turn"===c.kind?e.push({kind:"turn",turn:c.turn,primaryIndex:c.primaryIndex,start:c.start,end:f.end}):e.push({kind:"row",row:c.row,primaryIndex:c.primaryIndex,start:c.start,end:f.end})}return e},[a,r]),t=(0,d.useMemo)(()=>{if(0===s.length)return[];let a=s.map(a=>(a.end-a.start)/r*1400).map(a=>Math.max(a,12)),b=1400/a.reduce((a,b)=>a+b,0),c=[],d=0;for(let e of a){let a=e*b;c.push({x:d,w:a}),d+=a}return c},[s,r]),u=a=>{if(0===s.length)return 0;if(a<=s[0].start)return t[0]?.x??0;for(let b=0;b<s.length;b++){let c=s[b],d=t[b];if(d){if(a<c.start)return d.x;if(a<=c.end){let b=c.end-c.start,e=b>0?(a-c.start)/b:0;return d.x+e*d.w}}}let b=t[t.length-1];return b?b.x+b.w:1400},{laneOf:v,laneCount:w}=(0,d.useMemo)(()=>{if(!h||0===h.length)return{laneOf:new Map,laneCount:0};let a=[...h].sort((a,b)=>(a.startTOffsetMs??0)-(b.startTOffsetMs??0)),b=[],c=new Map;for(let d of a){let a=d.startTOffsetMs??0,e=d.endTOffsetMs??a+1,f=-1;for(let c=0;c<b.length;c++)if(b[c]<=a){f=c;break}-1===f&&(f=b.length,b.push(0)),b[f]=e,c.set(d.agentId,f)}return{laneOf:c,laneCount:b.length}},[h]),x=28+(w>0?6+(w>0?11*w:0):0);return(0,b.jsxs)("div",{ref:q,style:{padding:"8px 10px",position:"relative",background:"var(--af-surface)",border:"1px solid var(--af-border-subtle)",borderRadius:8,marginTop:2},onMouseLeave:()=>n(null),children:[(0,b.jsxs)("svg",{viewBox:`0 0 1400 ${x}`,preserveAspectRatio:"none",style:{width:"100%",height:x,display:"block",overflow:"visible"},children:[(0,b.jsx)("defs",{children:(0,b.jsxs)("pattern",{id:"stripes",patternUnits:"userSpaceOnUse",width:"6",height:"6",patternTransform:"rotate(45)",children:[(0,b.jsx)("rect",{width:"6",height:"6",fill:"rgba(120, 115, 108, 0.04)"}),(0,b.jsx)("line",{x1:"0",y1:"0",x2:"0",y2:"6",stroke:"rgba(120, 115, 108, 0.28)",strokeWidth:"2"})]})}),s.map((a,c)=>{let d,g,h=t[c];if(!h)return null;let i=h.x,j=h.w;if("idle"===a.kind){let d=Math.max(j-3,6);return(0,b.jsx)("rect",{x:i+1.5,y:4,width:d,height:20,fill:"url(#stripes)",stroke:"rgba(120, 115, 108, 0.35)",strokeWidth:"0.6",rx:"3",onMouseEnter:b=>n({clientX:b.clientX,idleMs:a.durationMs})},`idle-${c}`)}let k="turn"===a.kind?"agent":a.row.kind,l=eq[k],m=22*eY[k],o=3+(22-m)/2,p=e===a.primaryIndex;return"row"===a.kind&&("error"===a.row.kind||"interrupt"===a.row.kind)?(d=Math.min(Math.max(j-3,2),5),g=i+Math.max((j-d)/2,1.5)):(d=Math.max(j-3,6),g=i+1.5),(0,b.jsxs)("g",{children:[(0,b.jsx)("rect",{x:g,y:o,width:d,height:m,fill:l.mini,rx:"3",style:{cursor:"pointer"},onClick:()=>f(a.primaryIndex),onMouseEnter:b=>"turn"===a.kind?n({clientX:b.clientX,turn:a.turn}):n({clientX:b.clientX,row:a.row})}),p&&(0,b.jsx)("rect",{x:g-2.5,y:o-2.5,width:d+5,height:m+5,fill:"none",stroke:"#5C84C3",strokeWidth:"2",rx:"5",pointerEvents:"none"})]},`seg-${a.primaryIndex}-${c}`)}),w>0&&h&&(0,b.jsxs)("g",{children:[(0,b.jsx)("line",{x1:0,x2:1400,y1:31,y2:31,stroke:"var(--af-border-subtle)",strokeWidth:"0.6",strokeDasharray:"2 4"}),h.map(a=>{let c=v.get(a.agentId)??0;if(void 0===a.startTOffsetMs||void 0===a.endTOffsetMs)return null;let d=u(a.startTOffsetMs),e=Math.max(u(a.endTOffsetMs)-d,8),f=34+11*c,g=e$(a.agentType,a.runInBackground),h=j===a.agentId;return(0,b.jsxs)("g",{children:[(0,b.jsx)("rect",{x:d,y:f,width:e,height:9,fill:g,stroke:a.runInBackground?"#fff":"transparent",strokeWidth:.5*!!a.runInBackground,strokeDasharray:a.runInBackground?"1.5 1.5":void 0,rx:"2",style:{cursor:"pointer"},onMouseEnter:b=>n({clientX:b.clientX,subagent:a}),onClick:()=>k?.(h?null:a.agentId)}),h&&(0,b.jsx)("rect",{x:d-2,y:f-2,width:e+4,height:13,fill:"none",stroke:"var(--af-accent)",strokeWidth:"1.5",rx:"4",pointerEvents:"none"})]},a.agentId)})]}),l?.map((a,c)=>{if(void 0===a.tOffsetMs)return null;let d=u(a.tOffsetMs);return(0,b.jsxs)("g",{style:{cursor:"pointer"},onMouseEnter:b=>n({clientX:b.clientX,pr:a}),children:[(0,b.jsx)("line",{x1:d,x2:d,y1:0,y2:x,stroke:"#8b5cf6",strokeWidth:"1.5",strokeDasharray:"4 3",opacity:"0.7"}),(0,b.jsx)("rect",{x:d-8,y:0,width:16,height:x,fill:"transparent"}),(0,b.jsx)("polygon",{points:`${d},9 ${d+5},14 ${d},19 ${d-5},14`,fill:"#8b5cf6",stroke:"var(--af-surface)",strokeWidth:"1.5"})]},`pr-${c}`)}),null!==o&&(0,b.jsx)("line",{x1:u(o),x2:u(o),y1:0,y2:x,stroke:"#0F172A",strokeWidth:"1.25",strokeDasharray:"2 2",opacity:"0.65"})]}),m&&(0,b.jsx)(e_,{containerRef:q,clientX:m.clientX,row:m.row,turn:m.turn,idleMs:m.idleMs,subagent:m.subagent,pr:m.pr}),w>0&&h&&(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:10,marginTop:6,fontSize:10,color:"var(--af-text-tertiary)"},children:[(0,b.jsx)("span",{style:{fontWeight:600,textTransform:"uppercase",letterSpacing:"0.04em"},children:"Sub-agents"}),(0,b.jsx)("span",{children:"·"}),(0,b.jsxs)("span",{children:[h.length," run",1===h.length?"":"s"]}),(0,b.jsxs)("span",{style:{marginLeft:8,display:"flex",gap:8,flexWrap:"wrap"},children:[Array.from(new Set(h.map(a=>a.agentType))).map(a=>(0,b.jsxs)("span",{style:{display:"inline-flex",alignItems:"center",gap:4},children:[(0,b.jsx)("span",{style:{display:"inline-block",width:8,height:8,borderRadius:2,background:e$(a,!1)}}),a]},a)),h.some(a=>a.runInBackground)&&(0,b.jsxs)("span",{style:{display:"inline-flex",alignItems:"center",gap:4},children:[(0,b.jsx)("span",{style:{display:"inline-block",width:8,height:8,borderRadius:2,background:"transparent",border:"1px dashed var(--af-text-secondary)"}}),"background"]})]})]})]})}function e$(a,b){let[c,d]={"general-purpose":["#5C84C3","#7BA3DC"],Explore:["#A855F7","#C57BFF"],Plan:["#F59E0B","#FFBD3D"],"code-reviewer":["#34D399","#5EE5B0"],"playwright-qa-verifier":["#22D3EE","#67E8F9"],"claude-code-guide":["#EC4899","#F472B6"]}[a]??["#8A8580","#A8A19A"];return b?d:c}function e_({containerRef:a,clientX:c,row:d,turn:e,idleMs:f,subagent:g,pr:h}){let i=a.current?.getBoundingClientRect(),j={top:"calc(100% + 8px)",left:Math.min(Math.max((i?c-i.left:0)-140,8),(i?.width??1400)-300)};if(g){let a=(0,d4.formatOffset)(g.startTOffsetMs),c=(0,d4.formatOffset)(g.endTOffsetMs),d=void 0!==g.durationMs?(0,d4.formatGap)(g.durationMs):"",e=g.totalUsage.input+g.totalUsage.cacheRead+g.totalUsage.cacheWrite;return(0,b.jsxs)("div",{style:{position:"absolute",...j,zIndex:100,background:"#0F172A",color:"#F1F5F9",borderRadius:10,padding:"12px 14px",fontSize:11,pointerEvents:"none",boxShadow:"0 6px 24px rgba(15,23,42,0.22)",maxWidth:440,minWidth:280,lineHeight:1.45},children:[(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8,marginBottom:8},children:[(0,b.jsx)("span",{style:{fontSize:10,fontWeight:600,padding:"2px 8px",borderRadius:4,background:e$(g.agentType,g.runInBackground),color:"#fff"},children:g.agentType}),g.runInBackground&&(0,b.jsx)("span",{style:{fontSize:9,fontWeight:600,padding:"1px 6px",borderRadius:3,background:"rgba(251, 191, 36, 0.18)",color:"#FBBF24",textTransform:"uppercase",letterSpacing:"0.04em"},children:"background"}),(0,b.jsxs)("span",{style:{fontFamily:"var(--font-mono)",fontSize:10,opacity:.7,marginLeft:"auto"},children:[a," → ",c," · ",d]})]}),(0,b.jsx)("div",{style:{fontWeight:500,marginBottom:6},children:g.description}),(0,b.jsxs)("div",{style:{fontSize:10,opacity:.65,display:"flex",gap:8,paddingTop:6,borderTop:"1px solid rgba(241,245,249,0.08)"},children:[(0,b.jsxs)("span",{children:[g.eventCount," events"]}),(0,b.jsx)("span",{children:"·"}),(0,b.jsxs)("span",{style:{fontFamily:"var(--font-mono)"},children:[(0,d4.formatTokens)(e),"/",(0,d4.formatTokens)(g.totalUsage.output)," tok"]})]}),g.finalPreview&&(0,b.jsxs)("div",{style:{marginTop:6,opacity:.78,fontStyle:"italic",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:["→ ",g.finalPreview]})]})}if(h){let a=h.title?`PR${h.prNumber?` #${h.prNumber}`:""}: ${h.title}`:h.prNumber?`PR #${h.prNumber}`:"PR created";return(0,b.jsxs)("div",{style:{position:"absolute",...j,zIndex:100,background:"#0F172A",color:"#F1F5F9",borderRadius:10,padding:"10px 14px",fontSize:11,pointerEvents:"none",boxShadow:"0 6px 24px rgba(15,23,42,0.22)",maxWidth:360,minWidth:200,lineHeight:1.45},children:[(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8,marginBottom:4},children:[(0,b.jsx)("span",{style:{fontSize:10,fontWeight:600,padding:"2px 8px",borderRadius:4,background:"#8b5cf6",color:"#fff"},children:"PR"}),void 0!==h.tOffsetMs&&(0,b.jsxs)("span",{style:{fontFamily:"var(--font-mono)",fontSize:10,opacity:.7},children:["at ",(0,d4.formatOffset)(h.tOffsetMs)]})]}),(0,b.jsx)("div",{style:{fontWeight:500},children:a})]})}if(void 0!==f)return(0,b.jsxs)("div",{style:{position:"absolute",...j,zIndex:100,background:"#0F172A",color:"#F1F5F9",borderRadius:10,padding:"8px 12px",fontSize:11,pointerEvents:"none",boxShadow:"0 6px 24px rgba(15,23,42,0.22)"},children:[(0,b.jsx)("div",{style:{fontWeight:600,marginBottom:2},children:"Session idle"}),(0,b.jsx)("div",{style:{opacity:.78,fontFamily:"var(--font-mono)"},children:(0,d4.formatGap)(f)})]});if(e){let a=eq.agent,c=e.summary,d=void 0!==e.durationMs?(0,d4.formatGap)(e.durationMs):"",f=(0,d4.formatOffset)(e.tOffsetMs),g=void 0!==e.tOffsetMs&&void 0!==e.durationMs?(0,d4.formatOffset)(e.tOffsetMs+e.durationMs):void 0,h=c.firstAgentPreview&&c.finalAgentPreview&&c.firstAgentPreview!==c.finalAgentPreview,i=c.toolNames.slice(0,3).map(a=>a.count>1?`${et(a.name)} \xd7${a.count}`:et(a.name)).join(" · ");return(0,b.jsxs)("div",{style:{position:"absolute",...j,zIndex:100,background:"#0F172A",color:"#F1F5F9",borderRadius:10,padding:"12px 14px",fontSize:11,pointerEvents:"none",boxShadow:"0 6px 24px rgba(15,23,42,0.22)",maxWidth:440,minWidth:280,lineHeight:1.45},children:[(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8,marginBottom:8},children:[(0,b.jsx)("span",{style:{fontSize:10,fontWeight:600,padding:"2px 8px",borderRadius:4,background:a.mini,color:"#fff"},children:"Turn"}),(0,b.jsx)("span",{style:{fontFamily:"var(--font-mono)",fontSize:10,opacity:.7},children:g?`${f} → ${g}`:f}),d&&(0,b.jsxs)("span",{style:{fontFamily:"var(--font-mono)",fontSize:10,opacity:.55},children:["· ",d]})]}),c.firstAgentPreview&&(0,b.jsx)("div",{style:{opacity:.95,fontWeight:500,display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",marginBottom:6},children:c.firstAgentPreview}),(0,b.jsxs)("div",{style:{fontSize:10,opacity:.65,marginBottom:6*!!h,borderTop:c.firstAgentPreview?"1px solid rgba(241,245,249,0.08)":void 0,paddingTop:6*!!c.firstAgentPreview},children:[c.agentMessages," msg · ",c.toolCalls," tools",c.errors>0?` \xb7 ${c.errors} err`:"",i&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("span",{style:{opacity:.5,margin:"0 4px"},children:"·"}),(0,b.jsx)("span",{style:{fontFamily:"var(--font-mono)"},children:i}),c.toolNames.length>3&&(0,b.jsxs)("span",{style:{opacity:.65},children:[" +",c.toolNames.length-3]})]})]}),h&&c.finalAgentPreview&&(0,b.jsxs)("div",{style:{opacity:.92,display:"flex",gap:6,alignItems:"flex-start",borderTop:"1px solid rgba(241,245,249,0.08)",paddingTop:6},children:[(0,b.jsx)("span",{style:{opacity:.5},children:"→"}),(0,b.jsx)("span",{style:{display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:c.finalAgentPreview})]})]})}if(!d)return null;let k=eq[d.kind],l=er(d);return(0,b.jsxs)("div",{style:{position:"absolute",...j,zIndex:100,background:"#0F172A",color:"#F1F5F9",borderRadius:10,padding:"10px 14px",fontSize:11,pointerEvents:"none",boxShadow:"0 6px 24px rgba(15,23,42,0.22)",maxWidth:360,minWidth:220},children:[(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8,marginBottom:6},children:[(0,b.jsx)("span",{style:{fontSize:10,fontWeight:600,padding:"2px 8px",borderRadius:4,background:k.mini,color:"#fff"},children:k.label}),(0,b.jsx)("span",{style:{fontFamily:"var(--font-mono)",fontSize:10,opacity:.65},children:(0,d4.formatOffset)(d.tOffsetMs)})]}),(0,b.jsx)("div",{style:{lineHeight:1.45,opacity:.92,display:"-webkit-box",WebkitLineClamp:3,WebkitBoxOrient:"vertical",overflow:"hidden"},children:l})]})}function e0({displayRows:a,rowRefs:c,selectedIndex:d,onSelect:e,onToggleTurn:f,stickyOffset:g,isSessionLive:h,team:i}){let j=-1;if(h){for(let b=a.length-1;b>=0;b--)if("turn-collapsed"===a[b].kind){j=b;break}}let k=[];for(let h=0;h<a.length;h++){let l=a[h];if("turn-collapsed"===l.kind){let a=l.turn.firstPrimaryIndex;k.push((0,b.jsx)(e2,{turn:l.turn,stickyOffset:g,onClick:()=>f(a),inProgress:h===j,team:i,refCb:b=>{c.current[a]=b}},`turn-${a}`));continue}if("turn-expanded-header"===l.kind){k.push((0,b.jsx)(e5,{turn:l.turn,onClick:()=>f(l.turn.firstPrimaryIndex)},`turnhead-${l.turn.firstPrimaryIndex}`));continue}if("turn-expanded-footer"===l.kind){k.push((0,b.jsx)(e6,{turn:l.turn,onClick:()=>f(l.turn.firstPrimaryIndex)},`turnfoot-${l.turn.firstPrimaryIndex}`));continue}let m=l.row,n=m.gapMs??0;"user"===m.kind&&n>2e3&&!l.indented&&k.push((0,b.jsx)(e1,{gapMs:n},`idle-${dY(m)}`));let o=dY(m);k.push((0,b.jsx)(e7,{row:m,selected:d===o,onSelect:()=>e(o),stickyOffset:g,indented:l.indented,refCb:a=>{c.current[o]=a}},`row-${o}`))}return(0,b.jsx)("div",{children:k})}function e1({gapMs:a}){return(0,b.jsxs)("div",{style:{margin:"8px 0",padding:"6px 12px",textAlign:"center",background:"repeating-linear-gradient(135deg, rgba(107,101,96,0.04) 0px, rgba(107,101,96,0.04) 6px, rgba(107,101,96,0.12) 6px, rgba(107,101,96,0.12) 12px)",border:"1px solid var(--af-border-subtle)",borderRadius:6,fontSize:11,color:"var(--af-text-tertiary)",letterSpacing:"0.02em"},children:["Session idle · ",(0,d4.formatGap)(a)]})}function e2({turn:a,onClick:c,refCb:e,stickyOffset:f,inProgress:h,team:i}){let j=eq.agent,k=a.summary,l=k.totalTokens.input>0||k.totalTokens.output>0,m=k.firstAgentIndex??-1,n=k.finalAgentIndex??-1,o=m>=0?a.rows[m]:void 0,p=n>=0&&n!==m?a.rows[n]:void 0,q=a.rows.filter((a,b)=>b!==m&&(!p||b!==n)),[r,s]=(0,d.useState)(!1),[t,u]=(0,d.useState)(!1),v=a=>a.stopPropagation();return(0,b.jsxs)("div",{ref:e,"data-sl-row-index":a.firstPrimaryIndex,"data-sl-toffset":a.tOffsetMs??0,style:{display:"grid",gridTemplateColumns:"20px 84px 1fr auto auto",columnGap:12,alignItems:"start",padding:"14px 12px 0 12px",borderBottom:"1px solid var(--af-border-subtle)",transition:"background 0.08s",scrollMarginTop:f},children:[(0,b.jsx)("span",{}),(0,b.jsx)("span",{style:{justifySelf:"start",fontSize:11,fontWeight:600,padding:"3px 10px",borderRadius:4,background:j.bg,color:j.fg,marginTop:2},children:"Agent"}),(0,b.jsxs)("div",{style:{minWidth:0,display:"flex",flexDirection:"column",gap:10,paddingBottom:10},children:[o&&(0,b.jsx)(e3,{label:"First message",row:o,expanded:r,onToggle:a=>{v(a),s(a=>!a)}}),(0,b.jsx)("div",{onClick:v,children:(0,b.jsx)(e4,{summary:k,durationMs:a.durationMs,rows:a.rows,team:i})}),q.length>0&&(0,b.jsx)("div",{onClick:v,children:(0,b.jsx)(eu,{rows:q})}),h&&p?(0,b.jsx)(e3,{label:`In progress \xb7 ${a.rows.length} step${1===a.rows.length?"":"s"} so far`,labelPrefix:(0,b.jsx)("span",{style:{display:"inline-block",width:6,height:6,borderRadius:"50%",background:"#ef4444",animation:"cs-live-pulse 1.6s ease-in-out infinite"}}),row:p,expanded:t,onToggle:a=>{v(a),u(a=>!a)},arrow:!0}):p?(0,b.jsx)(e3,{label:"Conclusion",row:p,expanded:t,onToggle:a=>{v(a),u(a=>!a)},arrow:!0}):null,(0,b.jsxs)("button",{type:"button",onClick:a=>{v(a),c()},style:{display:"flex",alignItems:"center",justifyContent:"center",gap:6,width:"100%",padding:"7px 10px",marginTop:4,background:"var(--af-surface-hover)",border:"1px solid var(--af-border-subtle)",borderRadius:6,fontSize:11,fontWeight:500,color:"var(--af-text-secondary)",fontFamily:"inherit",cursor:"pointer",transition:"all 0.1s"},onMouseEnter:a=>{a.currentTarget.style.background="var(--af-surface-elevated)",a.currentTarget.style.color="var(--af-text)"},onMouseLeave:a=>{a.currentTarget.style.background="var(--af-surface-hover)",a.currentTarget.style.color="var(--af-text-secondary)"},children:[(0,b.jsx)(g.ChevronDown,{size:13}),"Show all ",a.rows.length," step",1===a.rows.length?"":"s"]})]}),(0,b.jsx)("span",{style:{marginTop:3},children:l&&(0,b.jsx)(fa,{usage:k.totalTokens})}),(0,b.jsx)("span",{style:{fontFamily:"var(--font-mono)",fontSize:11,color:"var(--af-text-tertiary)",marginTop:3,minWidth:64,textAlign:"right"},children:(0,d4.formatOffset)(a.tOffsetMs)})]})}function e3({label:a,labelPrefix:c,row:d,expanded:e,onToggle:f,arrow:i}){return(0,b.jsxs)("div",{onClick:f,style:{display:"flex",flexDirection:"column",gap:4,padding:"6px 10px",borderRadius:6,background:e?"var(--af-surface-hover)":"transparent",border:e?"1px solid var(--af-border-subtle)":"1px solid transparent",cursor:"pointer",transition:"all 0.12s",borderTop:i&&!e?"1px dashed var(--af-border-subtle)":void 0},onMouseEnter:a=>{e||(a.currentTarget.style.background="var(--af-surface-hover)")},onMouseLeave:a=>{e||(a.currentTarget.style.background="transparent")},children:[(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:6,fontSize:10,color:"var(--af-text-tertiary)",textTransform:"uppercase",letterSpacing:"0.04em",fontWeight:600},children:[c,e?(0,b.jsx)(g.ChevronDown,{size:11}):(0,b.jsx)(h.ChevronRight,{size:11}),a]}),e?(0,b.jsx)("div",{className:"sl-prose",style:{fontSize:13},children:d.event.blocks.filter(a=>"text"===a.type).map((a,c)=>(0,b.jsx)(cL,{remarkPlugins:[dX],components:{a:a=>(0,b.jsx)("a",{...a,target:"_blank",rel:"noopener noreferrer",style:{color:"var(--af-accent)",textDecoration:"underline"}})},children:a.text},c))}):(0,b.jsxs)("div",{style:{display:"flex",gap:6,alignItems:"flex-start",fontSize:13,lineHeight:1.45,color:"var(--af-text)",fontWeight:500},children:[i&&(0,b.jsx)("span",{style:{color:"var(--af-text-tertiary)",fontSize:11,marginTop:1},children:"→"}),(0,b.jsx)("span",{style:{overflow:"hidden",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical"},children:d.event.preview})]})]})}function e4({summary:a,durationMs:e,rows:f,team:g}){let h,i,j=0,k=0,l=0,m=0,n=0,o=0,p=0,q=0,r=[];for(let a of f)if("tool-group"===a.kind)for(let b of a.events){let a=b.toolName??"",c=b.blocks.find(a=>a&&"tool_use"===a.type)?.input,d="string"==typeof c?.file_path?c.file_path:void 0;switch(a){case"Edit":j++,d&&(i=d);break;case"Write":k++,d&&(i=d);break;case"Read":l++,d&&(i=d);break;case"Bash":m++;break;case"Grep":n++;break;case"Glob":o++;break;case"Agent":{p++;let a="string"==typeof c?.name?c.name:void 0;a&&r.push(a);break}default:q++}}let s=[];if(j>0||k>0){let a=j+k;s.push((0,b.jsx)("span",{children:(0,b.jsxs)("b",{style:{fontWeight:600},children:["Edited ",a," file",1===a?"":"s"]})},"edit"))}if(l>0&&s.push((0,b.jsxs)("span",{children:["read ",(0,b.jsx)("b",{style:{fontWeight:600},children:l})," file",1===l?"":"s"]},"read")),m>0&&s.push((0,b.jsxs)("span",{children:["ran ",(0,b.jsx)("b",{style:{fontWeight:600},children:m})," command",1===m?"":"s"]},"bash")),n+o>0){let a=n+o;s.push((0,b.jsxs)("span",{children:[(0,b.jsx)("b",{style:{fontWeight:600},children:a})," search",1===a?"":"es"]},"search"))}if(p>0){let a=g?new Map(g.tracks.filter(a=>!a.isLead).map(a=>[a.label,a.id])):null;r.length>0&&a&&a.size>0?s.push((0,b.jsxs)("span",{style:{display:"inline-flex",alignItems:"center",gap:4,flexWrap:"wrap"},children:["dispatched"," ",r.map((d,e)=>{let f=a.get(d);return f?(0,b.jsx)(c.default,{href:`/sessions/${f}`,style:{fontSize:10,padding:"1px 7px",background:"var(--af-surface-hover)",border:"1px solid var(--af-border-subtle)",borderRadius:10,color:"var(--af-text-secondary)",textDecoration:"none",fontWeight:600},children:d},e):(0,b.jsx)("span",{style:{fontSize:10,padding:"1px 7px",background:"var(--af-surface-hover)",borderRadius:10,color:"var(--af-text-tertiary)"},children:d},e)})]},"agent")):s.push((0,b.jsxs)("span",{children:["dispatched ",(0,b.jsx)("b",{style:{fontWeight:600},children:p})," sub-agent",1===p?"":"s"]},"agent"))}q>0&&0===s.length&&s.push((0,b.jsxs)("span",{children:[(0,b.jsx)("b",{style:{fontWeight:600},children:q})," tool call",1===q?"":"s"]},"other")),0===s.length&&a.agentMessages>0&&s.push((0,b.jsxs)("span",{children:[a.agentMessages," message",1===a.agentMessages?"":"s"]},"msgs"));let t=i?(h=i.split("/")).length>3?"…/"+h.slice(-3).join("/"):i:void 0;return(0,b.jsxs)("div",{style:{fontSize:11,color:"var(--af-text-tertiary)",lineHeight:1.6},children:[(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:4,flexWrap:"wrap"},children:[s.map((a,c)=>(0,b.jsxs)(d.default.Fragment,{children:[c>0&&(0,b.jsx)("span",{style:{opacity:.5},children:", "}),a]},c)),a.errors>0&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("span",{style:{opacity:.5},children:", "}),(0,b.jsxs)("span",{style:{color:"var(--af-danger)"},children:[a.errors," error",1===a.errors?"":"s"]})]}),void 0!==e&&e>0&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("span",{style:{opacity:.5,marginLeft:4},children:"·"}),(0,b.jsx)("span",{style:{fontFamily:"var(--font-mono)",fontSize:10},children:(0,d4.formatGap)(e)})]})]}),t&&(0,b.jsxs)("div",{style:{fontSize:10,color:"var(--af-text-tertiary)",fontFamily:"var(--font-mono)",marginTop:1,opacity:.75},title:i,children:["└ ",t]})]})}function e5({turn:a,onClick:c}){let d=a.summary;return(0,b.jsxs)("div",{onClick:c,style:{display:"flex",alignItems:"center",gap:8,padding:"6px 12px 6px 18px",marginLeft:12,borderLeft:"2px solid var(--af-accent)",borderBottom:"1px dashed var(--af-border-subtle)",fontSize:11,color:"var(--af-text-tertiary)",cursor:"pointer",background:"rgba(92, 132, 195, 0.04)"},onMouseEnter:a=>{a.currentTarget.style.background="rgba(92, 132, 195, 0.10)",a.currentTarget.style.color="var(--af-text-secondary)"},onMouseLeave:a=>{a.currentTarget.style.background="rgba(92, 132, 195, 0.04)",a.currentTarget.style.color="var(--af-text-tertiary)"},children:[(0,b.jsx)(g.ChevronDown,{size:13}),(0,b.jsxs)("span",{children:["Hide turn · ",d.agentMessages," message",1===d.agentMessages?"":"s"," · ",d.toolCalls," tool",1===d.toolCalls?"":"s",void 0!==a.durationMs?` \xb7 ${(0,d4.formatGap)(a.durationMs)}`:""]})]})}function e6({turn:a,onClick:c}){let d=a.summary;return(0,b.jsxs)("div",{onClick:c,style:{display:"flex",alignItems:"center",gap:8,padding:"7px 12px 7px 18px",marginLeft:12,marginBottom:8,borderLeft:"2px solid var(--af-accent)",borderTop:"1px dashed var(--af-border-subtle)",borderBottomLeftRadius:6,borderBottomRightRadius:6,fontSize:11,color:"var(--af-text-tertiary)",cursor:"pointer",background:"rgba(92, 132, 195, 0.04)"},onMouseEnter:a=>{a.currentTarget.style.background="rgba(92, 132, 195, 0.10)",a.currentTarget.style.color="var(--af-text-secondary)"},onMouseLeave:a=>{a.currentTarget.style.background="rgba(92, 132, 195, 0.04)",a.currentTarget.style.color="var(--af-text-tertiary)"},children:[(0,b.jsx)(i,{size:13}),(0,b.jsxs)("span",{children:["Collapse turn · ",d.agentMessages," message",1===d.agentMessages?"":"s"," · ",d.toolCalls," ","tool",1===d.toolCalls?"":"s",void 0!==a.durationMs?` \xb7 ${(0,d4.formatGap)(a.durationMs)}`:""]})]})}function e7({row:a,selected:c,onSelect:d,refCb:e,stickyOffset:f,indented:g}){let h=eq[a.kind],i=("tool-group"===a.kind?a.events[0]:a.event).usage,j="agent"===a.kind&&i&&(i.input>0||i.output>0),k="user"===a.kind&&a.event.teammateMessage?"Team Lead":h.label,l=er(a);return(0,b.jsxs)("div",{ref:e,onClick:d,"data-sl-row-index":"tool-group"===a.kind?a.events[0].index:a.event.index,"data-sl-toffset":a.tOffsetMs??0,style:{display:"grid",gridTemplateColumns:"20px 84px 1fr auto auto",gap:14,alignItems:"center",padding:"11px 12px",paddingLeft:g?28:12,borderBottom:"1px solid var(--af-border-subtle)",borderLeft:g?"2px solid var(--af-accent)":"2px solid transparent",marginLeft:12*!!g,cursor:"pointer",background:c?"var(--af-accent-subtle)":g?"rgba(92, 132, 195, 0.03)":"transparent",transition:"background 0.08s",scrollMarginTop:f},onMouseEnter:a=>{c||(a.currentTarget.style.background="var(--af-surface-hover)")},onMouseLeave:a=>{c||(a.currentTarget.style.background="transparent")},children:[(0,b.jsx)("span",{}),(0,b.jsx)("span",{style:{justifySelf:"start",fontSize:11,fontWeight:600,padding:"3px 10px",borderRadius:4,background:h.bg,color:h.fg},children:k}),(0,b.jsxs)("span",{style:{fontSize:13,color:"error"===a.kind?"var(--af-danger)":"var(--af-text)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"flex",alignItems:"center",gap:8},children:["tool-group"===a.kind&&(0,b.jsx)(o.Wrench,{size:13,style:{color:"var(--af-text-tertiary)",flexShrink:0}}),(0,b.jsx)("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:"tool-group"===a.kind?(0,b.jsx)(e8,{toolNames:a.toolNames,count:a.count}):l})]}),j&&i?(0,b.jsx)(e9,{usage:i}):(0,b.jsx)("span",{}),(0,b.jsx)("span",{style:{fontFamily:"var(--font-mono)",fontSize:11,color:"var(--af-text-tertiary)",minWidth:64,textAlign:"right"},children:(0,d4.formatOffset)(a.tOffsetMs)})]})}function e8({toolNames:a,count:c}){let d=a.slice(0,4),e=a.length-4;return(0,b.jsxs)("span",{children:[d.map((a,c)=>(0,b.jsxs)("span",{children:[c>0&&(0,b.jsx)("span",{style:{color:"var(--af-text-tertiary)",margin:"0 6px"},children:"·"}),(0,b.jsx)("b",{children:et(a.name)}),a.count>1&&(0,b.jsxs)("span",{style:{color:"var(--af-text-tertiary)",fontWeight:400,marginLeft:4,fontFamily:"var(--font-mono)",fontSize:11},children:["×",a.count]})]},a.name)),e>0&&(0,b.jsxs)("span",{style:{color:"var(--af-text-tertiary)",marginLeft:8,fontSize:11},children:["+",e," more"]}),c>3&&(0,b.jsxs)("span",{style:{color:"var(--af-text-tertiary)",marginLeft:10,fontSize:11,fontFamily:"var(--font-mono)"},children:["(",c," calls)"]})]})}function e9({usage:a}){let[c,e]=(0,d.useState)(!1),f=a.input+a.cacheRead+a.cacheWrite,g=f>0?Math.round(a.cacheRead/f*100):0;return(0,b.jsxs)("span",{style:{position:"relative",fontFamily:"var(--font-mono)",fontSize:11,color:"var(--af-text-secondary)",display:"inline-flex",alignItems:"center",gap:4,whiteSpace:"nowrap"},onMouseEnter:()=>e(!0),onMouseLeave:()=>e(!1),children:[(0,b.jsx)("span",{style:{opacity:.6},children:"▤"}),(0,d4.formatTokens)(f)," / ",(0,d4.formatTokens)(a.output),c&&(0,b.jsxs)(eW,{style:{right:0,top:"calc(100% + 6px)",minWidth:180},children:[(0,b.jsx)(eX,{label:"Input",value:a.input.toLocaleString()}),(0,b.jsx)(eX,{label:"Cache read",value:`${a.cacheRead.toLocaleString()} (${g}%)`}),(0,b.jsx)(eX,{label:"Cache write",value:a.cacheWrite.toLocaleString()}),(0,b.jsx)(eX,{label:"Output",value:a.output.toLocaleString()})]})]})}function fa({usage:a}){let[c,e]=(0,d.useState)(!1),f=a.input+a.cacheRead+a.cacheWrite,g=f>0?Math.round(a.cacheRead/f*100):0;return(0,b.jsxs)("span",{style:{position:"relative",fontFamily:"var(--font-mono)",fontSize:11,color:"var(--af-text-tertiary)",display:"inline-flex",alignItems:"center",gap:4,whiteSpace:"nowrap",cursor:"default"},onMouseEnter:()=>e(!0),onMouseLeave:()=>e(!1),children:[(0,b.jsx)("span",{style:{opacity:.6},children:"▤"}),(0,d4.formatTokens)(a.input)," / ",(0,d4.formatTokens)(a.output),c&&(0,b.jsxs)(eW,{style:{right:0,top:"calc(100% + 6px)",minWidth:220},children:[(0,b.jsx)(eX,{label:"Input (fresh)",value:a.input.toLocaleString()}),(0,b.jsx)(eX,{label:"Output",value:a.output.toLocaleString()}),(0,b.jsx)(eX,{label:"Cache read",value:`${a.cacheRead.toLocaleString()} (${g}%)`}),(0,b.jsx)(eX,{label:"Cache write",value:a.cacheWrite.toLocaleString()}),(0,b.jsx)("div",{style:{marginTop:6,paddingTop:6,borderTop:"1px solid rgba(241,245,249,0.12)",opacity:.65,fontSize:10,whiteSpace:"normal",lineHeight:1.4},children:"Cumulative across all requests in this turn."})]})]})}function fb({events:a}){return(0,b.jsx)("div",{style:{padding:"8px 0"},children:a.map(a=>(0,b.jsxs)("details",{style:{borderBottom:"1px solid var(--af-border-subtle)",padding:"8px 12px"},children:[(0,b.jsxs)("summary",{style:{cursor:"pointer",fontFamily:"var(--font-mono)",fontSize:12,color:"var(--af-text-secondary)"},children:["#",a.index," · ",a.rawType,a.attachmentType?`/${a.attachmentType}`:""," · ",a.timestamp??"(no ts)"]}),(0,b.jsx)("pre",{style:{marginTop:8,padding:12,background:"var(--background)",border:"1px solid var(--af-border-subtle)",borderRadius:6,fontSize:11,overflow:"auto",maxHeight:400,color:"var(--af-text-secondary)"},children:JSON.stringify({type:a.rawType,index:a.index,uuid:a.uuid,parentUuid:a.parentUuid,timestamp:a.timestamp,role:a.role,messageId:a.messageId,stopReason:a.stopReason,model:a.model,requestId:a.requestId,toolName:a.toolName,toolUseId:a.toolUseId,attachmentType:a.attachmentType,usage:a.usage,blocks:a.blocks},null,2)})]},a.index))})}function fc({subagent:a,onClose:c,onJumpToParent:d}){let e=e$(a.agentType,a.runInBackground),f=(0,d4.formatOffset)(a.startTOffsetMs),g=(0,d4.formatOffset)(a.endTOffsetMs),h=void 0!==a.durationMs?(0,d4.formatGap)(a.durationMs):"—",i=a.totalUsage.input+a.totalUsage.cacheRead+a.totalUsage.cacheWrite,j=i>0?Math.round(a.totalUsage.cacheRead/i*100):0;return(0,b.jsxs)("div",{children:[(0,b.jsxs)("div",{style:{padding:"14px 20px",borderBottom:"1px solid var(--af-border-subtle)",display:"flex",alignItems:"center",gap:10,background:"var(--af-surface)",position:"sticky",top:0,zIndex:1,flexWrap:"wrap"},children:[(0,b.jsx)("span",{style:{fontSize:11,fontWeight:600,padding:"3px 10px",borderRadius:4,background:e,color:"#fff"},children:a.agentType}),a.runInBackground&&(0,b.jsx)("span",{style:{fontSize:9,fontWeight:600,padding:"2px 8px",borderRadius:4,background:"var(--af-warning-subtle)",color:"var(--af-warning)",textTransform:"uppercase",letterSpacing:"0.04em"},children:"background"}),(0,b.jsx)("span",{style:{fontSize:14,fontWeight:600,color:"var(--af-text)",flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},title:a.description,children:a.description}),(0,b.jsx)("button",{onClick:c,style:{background:"transparent",border:"none",cursor:"pointer",color:"var(--af-text-tertiary)",padding:4,borderRadius:4},"aria-label":"Close",children:(0,b.jsx)(p.X,{size:16})})]}),(0,b.jsxs)("div",{style:{padding:"10px 20px",fontFamily:"var(--font-mono)",fontSize:11,color:"var(--af-text-tertiary)",borderBottom:"1px solid var(--af-border-subtle)",display:"grid",gridTemplateColumns:"auto 1fr",columnGap:10,rowGap:3},children:[(0,b.jsx)("span",{style:{opacity:.7},children:"range"}),(0,b.jsxs)("span",{style:{color:"var(--af-text-secondary)"},children:[f," → ",g]}),(0,b.jsx)("span",{style:{opacity:.7},children:"duration"}),(0,b.jsx)("span",{style:{color:"var(--af-text-secondary)"},children:h}),a.model&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("span",{style:{opacity:.7},children:"model"}),(0,b.jsx)("span",{style:{color:"var(--af-text-secondary)"},children:a.model})]}),a.parentToolUseId&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("span",{style:{opacity:.7},children:"parent"}),(0,b.jsxs)("span",{style:{color:"var(--af-text-secondary)"},children:[a.parentToolUseId.slice(0,24),"…"]})]})]}),(0,b.jsxs)("div",{style:{padding:"14px 20px",borderBottom:"1px solid var(--af-border-subtle)",display:"grid",gridTemplateColumns:"1fr 1fr 1fr",gap:10},children:[(0,b.jsx)(fd,{label:"Events",value:String(a.eventCount)}),(0,b.jsx)(fd,{label:"Messages",value:String(a.assistantMessageCount??0)}),(0,b.jsx)(fd,{label:"Tool calls",value:String(a.toolCallCount??0)})]}),(0,b.jsxs)("div",{style:{padding:"12px 20px",borderBottom:"1px solid var(--af-border-subtle)",fontSize:11,fontFamily:"var(--font-mono)",color:"var(--af-text-secondary)",display:"flex",flexDirection:"column",gap:3},children:[(0,b.jsx)(fe,{label:"Input (fresh)",value:a.totalUsage.input}),(0,b.jsx)(fe,{label:"Output",value:a.totalUsage.output}),(0,b.jsx)(fe,{label:"Cache read",value:a.totalUsage.cacheRead,suffix:` (${j}%)`}),(0,b.jsx)(fe,{label:"Cache write",value:a.totalUsage.cacheWrite})]}),a.toolCalls&&a.toolCalls.length>0&&(0,b.jsxs)("div",{style:{padding:"14px 20px",borderBottom:"1px solid var(--af-border-subtle)"},children:[(0,b.jsx)("div",{style:{fontSize:10,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.04em",color:"var(--af-text-tertiary)",marginBottom:8},children:"Tools used"}),(0,b.jsx)("div",{style:{display:"flex",flexWrap:"wrap",gap:6},children:a.toolCalls.map(a=>(0,b.jsxs)("span",{style:{display:"inline-flex",alignItems:"center",gap:4,fontSize:11,padding:"2px 8px",borderRadius:4,background:"var(--af-border-subtle)",color:"var(--af-text)",fontFamily:"var(--font-mono)"},children:[(0,b.jsx)("b",{style:{fontWeight:600},children:et(a.name)}),(0,b.jsxs)("span",{style:{color:"var(--af-text-tertiary)"},children:["×",a.count]})]},a.name))})]}),a.prompt&&(0,b.jsxs)("div",{style:{padding:"14px 20px",borderBottom:"1px solid var(--af-border-subtle)"},children:[(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:8},children:[(0,b.jsx)("div",{style:{fontSize:10,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.04em",color:"var(--af-text-tertiary)"},children:"Prompt"}),a.parentToolUseId&&(0,b.jsx)("button",{type:"button",onClick:d,style:{fontSize:10,color:"var(--af-accent)",background:"transparent",border:"none",cursor:"pointer",padding:0},children:"Jump to parent →"})]}),(0,b.jsx)("div",{className:"sl-prose",style:{fontSize:12.5},children:(0,b.jsx)(cL,{remarkPlugins:[dX],components:{a:a=>(0,b.jsx)("a",{...a,target:"_blank",rel:"noopener noreferrer",style:{color:"var(--af-accent)",textDecoration:"underline"}})},children:a.prompt})})]}),a.finalText&&(0,b.jsxs)("div",{style:{padding:"14px 20px"},children:[(0,b.jsx)("div",{style:{fontSize:10,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.04em",color:"var(--af-text-tertiary)",marginBottom:8},children:"Final result"}),(0,b.jsx)("div",{className:"sl-prose",style:{fontSize:13},children:(0,b.jsx)(cL,{remarkPlugins:[dX],components:{a:a=>(0,b.jsx)("a",{...a,target:"_blank",rel:"noopener noreferrer",style:{color:"var(--af-accent)",textDecoration:"underline"}})},children:a.finalText})})]})]})}function fd({label:a,value:c}){return(0,b.jsxs)("div",{children:[(0,b.jsx)("div",{style:{fontSize:9,color:"var(--af-text-tertiary)",textTransform:"uppercase",letterSpacing:"0.04em",fontWeight:600},children:a}),(0,b.jsx)("div",{style:{fontSize:18,fontWeight:700,fontFamily:"var(--font-mono)",color:"var(--af-text)",marginTop:2},children:c})]})}function fe({label:a,value:c,suffix:d}){return(0,b.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",gap:12},children:[(0,b.jsx)("span",{style:{opacity:.7},children:a}),(0,b.jsxs)("span",{children:[c.toLocaleString(),d&&(0,b.jsx)("span",{style:{opacity:.65},children:d})]})]})}function ff({event:a,row:c,onClose:e}){let[f,g]=(0,d.useState)(!1),h=eq[c?.kind??"agent"],i=function(a,b){if(a)switch(a.kind){case"user":case"agent":return"Message";case"tool-group":return`Tool use \xb7 ${es(a.toolNames)}`;case"interrupt":return"Interrupted";case"model":return"Model (zero-usage)";case"error":return"API error";case"task-notification":return`Background task \xb7 ${a.status}`}return b.rawType}(c,a),j=!!a.usage&&(a.usage.input>0||a.usage.output>0);return(0,b.jsxs)("div",{children:[(0,b.jsxs)("div",{style:{padding:"14px 20px",borderBottom:"1px solid var(--af-border-subtle)",display:"flex",alignItems:"center",gap:10,background:"var(--af-surface)",position:"sticky",top:0,zIndex:1},children:[(0,b.jsx)("span",{style:{fontSize:11,fontWeight:600,padding:"3px 10px",borderRadius:4,background:h.bg,color:h.fg},children:h.label}),(0,b.jsx)("span",{style:{fontSize:14,fontWeight:600,color:"var(--af-text)"},children:i}),(0,b.jsx)("button",{onClick:e,style:{marginLeft:"auto",background:"transparent",border:"none",cursor:"pointer",color:"var(--af-text-tertiary)",padding:4,borderRadius:4},children:(0,b.jsx)(p.X,{size:16})})]}),(0,b.jsxs)("div",{style:{padding:"8px 20px",fontFamily:"var(--font-mono)",fontSize:11,color:"var(--af-text-tertiary)",display:"flex",gap:10,alignItems:"center",flexWrap:"wrap",borderBottom:"1px solid var(--af-border-subtle)"},children:[(0,b.jsx)("span",{children:(0,d4.formatOffset)(a.tOffsetMs)}),void 0!==a.gapMs&&a.gapMs>0&&(0,b.jsxs)("span",{children:["· ",(0,d4.formatGap)(a.gapMs)]}),j&&a.usage&&(0,b.jsxs)("span",{style:{color:"var(--af-text-secondary)"},children:["· ",(0,d4.formatTokens)(a.usage.input+a.usage.cacheRead+a.usage.cacheWrite),"/",(0,d4.formatTokens)(a.usage.output)," tokens"]}),(0,b.jsx)("button",{onClick:()=>g(a=>!a),style:{marginLeft:"auto",background:"transparent",border:"none",fontSize:10,color:"var(--af-text-tertiary)",cursor:"pointer",padding:0,fontFamily:"inherit",textDecoration:"underline",textUnderlineOffset:2},children:f?"hide details":"details"})]}),f&&(0,b.jsxs)("div",{style:{padding:"10px 20px 14px",borderBottom:"1px solid var(--af-border-subtle)",fontSize:11,color:"var(--af-text-secondary)",fontFamily:"var(--font-mono)",display:"flex",flexDirection:"column",gap:4},children:[a.model&&(0,b.jsxs)("div",{children:["model: ",a.model]}),a.requestId&&(0,b.jsxs)("div",{children:["request: ",a.requestId]}),a.messageId&&(0,b.jsxs)("div",{children:["message: ",a.messageId]}),a.stopReason&&(0,b.jsxs)("div",{children:["stop_reason: ",a.stopReason]}),a.usage&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{style:{marginTop:6,opacity:.7},children:"tokens"}),(0,b.jsxs)("div",{children:[" input: ",a.usage.input.toLocaleString()]}),(0,b.jsxs)("div",{children:[" output: ",a.usage.output.toLocaleString()]}),(0,b.jsxs)("div",{children:[" cache read: ",a.usage.cacheRead.toLocaleString()]}),(0,b.jsxs)("div",{children:[" ","cache write: ",a.usage.cacheWrite.toLocaleString()]})]})]}),(0,b.jsx)("div",{style:{padding:"18px 22px"},children:(0,b.jsx)(fg,{event:a,row:c})})]})}function fg({event:a,row:c}){if(c?.kind==="user"&&c.displayBlocks)return(0,b.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:12},children:c.displayBlocks.map((a,c)=>(0,b.jsx)(fh,{block:a},c))});if(c?.kind==="task-notification"){let a="success"===c.status?"var(--af-success)":"failed"===c.status?"var(--af-danger)":"var(--af-text-secondary)";return(0,b.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:14},children:[(0,b.jsx)("div",{style:{display:"flex",alignItems:"center",gap:8},children:(0,b.jsx)("span",{style:{fontSize:11,fontWeight:600,padding:"3px 10px",borderRadius:4,background:"success"===c.status?"var(--af-success-subtle)":"failed"===c.status?"var(--af-danger-subtle)":"var(--af-border-subtle)",color:a,textTransform:"uppercase",letterSpacing:"0.03em"},children:c.status})}),(0,b.jsx)("div",{style:{fontSize:13,lineHeight:1.55,color:"var(--af-text)"},children:c.summary}),(c.taskId||c.toolUseId||c.outputFile)&&(0,b.jsxs)("div",{style:{fontSize:11,color:"var(--af-text-secondary)",fontFamily:"var(--font-mono)",display:"flex",flexDirection:"column",gap:4,paddingTop:10,borderTop:"1px solid var(--af-border-subtle)"},children:[c.taskId&&(0,b.jsxs)("div",{children:["task id: ",c.taskId]}),c.toolUseId&&(0,b.jsxs)("div",{children:["tool use: ",c.toolUseId.slice(0,24),"…"]}),c.outputFile&&(0,b.jsxs)("div",{style:{wordBreak:"break-all"},children:["output: ",c.outputFile]})]})]})}return c?.kind==="tool-group"&&c.count>1?(0,b.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:14},children:c.events.map((a,c)=>(0,b.jsxs)("div",{children:[(0,b.jsxs)("div",{style:{fontSize:11,color:"var(--af-text-tertiary)",marginBottom:4,fontFamily:"var(--font-mono)"},children:["#",c+1," · ",(0,d4.formatOffset)(a.tOffsetMs)," · ",a.toolUseId?.slice(0,14),"…"]}),a.blocks.map((a,c)=>(0,b.jsx)(fh,{block:a},c))]},a.index))}):c?.kind==="agent"&&c.groupedEvents.length>1?(0,b.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:12},children:c.groupedEvents.flatMap((a,c)=>a.blocks.map((a,d)=>(0,b.jsx)(fh,{block:a},`${c}-${d}`)))}):(0,b.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:12},children:a.blocks.map((a,c)=>(0,b.jsx)(fh,{block:a},c))})}function fh({block:a}){if("text"===a.type)return(0,b.jsx)("div",{className:"sl-prose",children:(0,b.jsx)(cL,{remarkPlugins:[dX],components:{a:a=>(0,b.jsx)("a",{...a,target:"_blank",rel:"noopener noreferrer",style:{color:"var(--af-accent)",textDecoration:"underline",textUnderlineOffset:2}})},children:a.text})});if("thinking"===a.type)return(0,b.jsxs)("details",{children:[(0,b.jsxs)("summary",{style:{cursor:"pointer",fontSize:11,color:"var(--af-text-tertiary)",marginBottom:6},children:["Thinking · ",a.thinking.length," chars"]}),(0,b.jsx)("div",{style:{fontSize:12,lineHeight:1.6,color:"var(--af-text-secondary)",whiteSpace:"pre-wrap",fontStyle:"italic",borderLeft:"3px solid var(--af-border-subtle)",paddingLeft:12,marginTop:6},children:a.thinking})]});if("tool_use"===a.type)return(0,b.jsx)(eA,{name:a.name,input:a.input});if("tool_result"===a.type){let c="string"==typeof a.content?a.content:JSON.stringify(a.content,null,2);return(0,b.jsx)("pre",{style:{fontSize:12,padding:12,background:"var(--background)",border:"1px solid var(--af-border-subtle)",borderRadius:6,overflow:"auto",whiteSpace:"pre-wrap",color:"var(--af-text)",fontFamily:"var(--font-mono)",maxHeight:500},children:c})}return null}a.s(["SessionView",0,function({session:a,team:e,teamLead:g}){let h,o=()=>"transcript",[p,q]=(0,d.useState)(o),r=a=>{q(a),window.history.replaceState(null,"",`#${a}`)};(0,d.useEffect)(()=>{q(o())},[a.sessionId]),(0,d.useEffect)(()=>{let a=()=>{let a=window.location.hash.replace("#","");eS.includes(a)&&q(a)};return window.addEventListener("hashchange",a),()=>window.removeEventListener("hashchange",a)},[]);let[s,t]=(0,d.useState)(null),[u,v]=(0,d.useState)(null),[w,x]=(0,d.useState)([]),[y,z]=(0,d.useState)(!1),[A,B]=(0,d.useState)("turns"),[C,D]=(0,d.useState)(null),[E,F]=(0,d.useState)(null),[G,H]=(0,d.useState)(!1),[I,J]=(0,d.useState)(new Set),[K,L]=(0,d.useState)(0),M=(0,d.useRef)({}),N=(0,d.useRef)(null),[O,P]=(0,d.useState)(310);(0,d.useEffect)(()=>{let a=N.current;if(!a)return;let b=()=>P(a.offsetHeight);b();let c=new ResizeObserver(b);return c.observe(a),()=>c.disconnect()},[]);let[Q,R]=(0,d.useState)(!1),S=(0,d.useRef)(0);(0,d.useEffect)(()=>{let a=N.current;if(!a)return;let b=a.closest("main");if(!b)return;let c=("team"===p?document.querySelector("[data-team-scroll]"):null)??b,d=c.scrollTop,e=!1,f=0,g=()=>{if(f=0,e||Date.now()-S.current<2e3)return;let a=c.scrollTop,b=a-d;d=a,R(c=>c&&b<0?(e=!0,setTimeout(()=>{e=!1},300),!1):!c&&b>0&&a>150?(e=!0,setTimeout(()=>{e=!1},300),!0):c)},h=()=>{f||(f=requestAnimationFrame(g))};return c.addEventListener("scroll",h,{passive:!0}),()=>{c.removeEventListener("scroll",h),f&&cancelAnimationFrame(f)}},[p]),(0,d.useEffect)(()=>{if(null===C)return;let a=M.current[C];a&&a.scrollIntoView({block:"start",behavior:"auto"})},[K,C]);let{events:T,durationMs:U,totalUsage:V,model:W,eventCount:X,projectName:Y}=a,Z=a.airTimeMs??U,$=a.isTeamLead,_=(0,d.useMemo)(()=>$?T.filter(a=>a.teammateMessage).length:0,[T,$]),aa=(0,d.useMemo)(()=>0===_?T:T.filter(a=>!a.teammateMessage),[T,_]),ab=(()=>{if(!a.lastTimestamp)return!1;let b=Date.parse(a.lastTimestamp);return!Number.isNaN(b)&&Date.now()-b<45e3})(),ac=(0,d.useMemo)(()=>(0,d3.detectPrMarkers)(a),[a]),ad=(0,d.useMemo)(()=>(function(a){let b=new Map;for(let c of a){if(!c.messageId)continue;let a=b.get(c.messageId)??[];a.push(c),b.set(c.messageId,a)}let c=a.filter(a=>{if("system"===a.role||"meta"===a.role||"tool-result"===a.role||"agent-thinking"===a.role)return!1;if("user"===a.role){let b=d2(a.blocks)??"";if(d_.test(b))return!1}return!0}),d=[];for(let a=0;a<c.length;a++){let e=c[a];if("tool-call"===e.role){let b=a;for(;a+1<c.length&&"tool-call"===c[a+1].role;)a++;let e=c.slice(b,a+1),f=[],g=new Map;for(let a of e){let b=a.toolName??"tool";g.has(b)||f.push(b),g.set(b,(g.get(b)??0)+1)}let h=f.map(a=>({name:a,count:g.get(a)??1}));d.push({kind:"tool-group",toolNames:h,count:e.length,events:e,tOffsetMs:e[0].tOffsetMs,gapMs:e[0].gapMs});continue}if("user"===e.role){let a=d2(e.blocks)??"",b=function(a){if(!d1.test(a))return null;let b=b=>{let c=a.match(RegExp(`<${b}>([\\s\\S]*?)<\\/${b}>`));return c?c[1].trim():void 0},c=(b("status")??"").toLowerCase(),d="unknown";return"success"===c||"ok"===c||"done"===c||"completed"===c?d="success":"failed"===c||"error"===c||"fail"===c?d="failed":("running"===c||"in_progress"===c)&&(d="running"),{status:d,summary:b("summary")??"Background task notification",taskId:b("task-id"),toolUseId:b("tool-use-id"),outputFile:b("output-file")}}(a);if(b){d.push({kind:"task-notification",event:e,status:b.status,summary:b.summary,taskId:b.taskId,toolUseId:b.toolUseId,outputFile:b.outputFile,tOffsetMs:e.tOffsetMs,gapMs:e.gapMs});continue}if(dZ.test(a)){d.push({kind:"interrupt",event:e,tOffsetMs:e.tOffsetMs,gapMs:e.gapMs});continue}let c=a.match(d0);if(c){let a=c[1],b=(c[2]??"").trim(),f=b?`${a} ${b}`:a;d.push({kind:"user",event:e,displayPreview:f,displayBlocks:[{type:"text",text:f}],tOffsetMs:e.tOffsetMs,gapMs:e.gapMs});continue}d.push({kind:"user",event:e,tOffsetMs:e.tOffsetMs,gapMs:e.gapMs});continue}if("agent"===e.role){let a=d2(e.blocks)??"";if(function(a){if(!a.usage)return!1;let b=a.usage;return 0===b.input&&0===b.output&&0===b.cacheRead&&0===b.cacheWrite}(e)){d.push({kind:"model",event:e,tOffsetMs:e.tOffsetMs,gapMs:e.gapMs}),d$.test(a)&&a.length<500&&d.push({kind:"error",event:e,message:a,tOffsetMs:e.tOffsetMs,gapMs:0});continue}if(d$.test(a)&&a.length<500){d.push({kind:"error",event:e,message:a,tOffsetMs:e.tOffsetMs,gapMs:e.gapMs});continue}let c=e.messageId?b.get(e.messageId)??[e]:[e];d.push({kind:"agent",event:e,groupedEvents:c,tOffsetMs:e.tOffsetMs,gapMs:e.gapMs});continue}}return d})(aa),[aa]),ae=(0,d.useMemo)(()=>(function(a){let b=[],c=[],d=()=>{let a,d;if(0===c.length)return;let e=0,f=0,g=0,h=new Map,i=new Set,j={input:0,output:0,cacheRead:0,cacheWrite:0};for(let b=0;b<c.length;b++){let d=c[b];if("agent"===d.kind){e++,void 0===a&&(a=b);let c=d.event.messageId,f=d.event.usage;c&&!i.has(c)&&f&&(i.add(c),j.input+=f.input,j.output+=f.output,j.cacheRead+=f.cacheRead,j.cacheWrite+=f.cacheWrite)}else if("tool-group"===d.kind)for(let a of(f+=d.count,d.toolNames))h.set(a.name,(h.get(a.name)??0)+a.count);else"error"===d.kind&&g++}for(let a=c.length-1;a>=0;a--){if("agent"!==c[a].kind)continue;let b=c[a-1];if(b?.kind!=="task-notification"){d=a;break}}if(void 0===d){for(let a=c.length-1;a>=0;a--)if("agent"===c[a].kind){d=a;break}}let k=void 0!==a&&"agent"===c[a].kind?c[a].event.preview:void 0,l=void 0!==d&&"agent"===c[d].kind?c[d].event.preview:void 0,m=Array.from(h.entries()).sort((a,b)=>b[1]-a[1]).map(([a,b])=>({name:a,count:b})),n=c[0],o=c[c.length-1],p=n.tOffsetMs,q=o.tOffsetMs;b.push({kind:"turn",rows:c,firstPrimaryIndex:dY(n),tOffsetMs:p,durationMs:void 0!==p&&void 0!==q?q-p:void 0,summary:{agentMessages:e,toolCalls:f,errors:g,firstAgentPreview:k,finalAgentPreview:l,firstAgentIndex:a,finalAgentIndex:d,toolNames:m,totalTokens:j}}),c=[]};for(let e of a)"user"===e.kind||"interrupt"===e.kind?(d(),b.push(e)):c.push(e);return d(),b})(ad),[ad]),af=(0,d.useMemo)(()=>{let a=new Map;for(let b of ae)if("turn"===b.kind)for(let c of b.rows)a.set(dY(c),b.firstPrimaryIndex);return a},[ae]),ag=(0,d.useMemo)(()=>"turns"===A?function(a,b){let c=[];for(let d of a)if("turn"===d.kind)if(b.has(d.firstPrimaryIndex)){for(let a of(c.push({kind:"turn-expanded-header",turn:d}),d.rows))c.push({kind:"presentation",row:a,indented:!0});c.push({kind:"turn-expanded-footer",turn:d})}else c.push({kind:"turn-collapsed",turn:d});else c.push({kind:"presentation",row:d});return c}(ae,I):"all"===A?(function(a){let b=[];for(let c of a){let a;switch(c.role){case"user":a="user";break;case"agent":case"agent-thinking":a="agent";break;case"tool-call":case"tool-result":a="tool-group";break;case"system":case"meta":a="model"}"tool-group"===a?b.push({kind:"tool-group",toolNames:[{name:c.toolName??c.rawType,count:1}],count:1,events:[c],tOffsetMs:c.tOffsetMs,gapMs:c.gapMs}):"agent"===a?b.push({kind:"agent",event:c,groupedEvents:[c],tOffsetMs:c.tOffsetMs,gapMs:c.gapMs}):"user"===a?b.push({kind:"user",event:c,tOffsetMs:c.tOffsetMs,gapMs:c.gapMs}):b.push({kind:"model",event:c,tOffsetMs:c.tOffsetMs,gapMs:c.gapMs})}return b})(aa).map(a=>({kind:"presentation",row:a})):"meaningful"===A?ad.map(a=>({kind:"presentation",row:a})):ad.filter(a=>"agent"===A?"agent"===a.kind:"tool-group"===A?"tool-group"===a.kind:a.kind===A).map(a=>({kind:"presentation",row:a})),[A,ae,I,ad,aa]),ah=null!==C?aa.find(a=>a.index===C)??null:null,ai=null!==C?ad.find(a=>dY(a)===C)??null:null;function aj(a){if("turns"===A){let b=af.get(a);void 0===b||I.has(b)||J(a=>new Set(a).add(b))}D(a),L(a=>a+1)}return V.input,V.cacheRead,V.cacheWrite,(0,b.jsxs)("div",{style:{padding:0},children:[(0,b.jsxs)("div",{ref:N,style:{position:"sticky",top:0,zIndex:30,background:"var(--background)",borderBottom:"1px solid var(--af-border-subtle)",padding:"18px 40px 0"},children:[(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:12,marginBottom:6},children:[(0,b.jsxs)("div",{style:{fontSize:12,color:"var(--af-text-tertiary)",whiteSpace:"nowrap"},children:[(0,b.jsxs)(c.default,{href:"/sessions",style:{color:"var(--af-text-tertiary)",textDecoration:"none",display:"inline-flex",alignItems:"center",gap:4},children:[(0,b.jsx)(f,{size:12})," Sessions"]}),(0,b.jsx)("span",{style:{margin:"0 8px"},children:"/"}),(0,b.jsxs)("span",{style:{fontFamily:"var(--font-mono)"},children:["sesn_",(0,d4.shortId)(a.id)]}),g&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("span",{style:{margin:"0 8px"},children:"·"}),(0,b.jsxs)(c.default,{href:`/sessions/${g.leadSessionId}#team`,style:{color:"var(--af-accent)",textDecoration:"none",display:"inline-flex",alignItems:"center",gap:4,fontWeight:500},title:`View team lead for ${g.teamName}`,children:[g.agentName," in ",g.teamName," ↗"]})]})]}),(0,b.jsxs)("div",{className:"af-tabs",style:{flexShrink:0,marginLeft:"auto"},children:[(0,b.jsx)("button",{className:`af-tab-btn ${"transcript"===p?"active":""}`,onClick:()=>r("transcript"),children:"Transcript"}),e&&(0,b.jsx)("button",{className:`af-tab-btn ${"team"===p?"active":""}`,onClick:()=>r("team"),children:"Team"}),(0,b.jsx)("button",{className:`af-tab-btn ${"debug"===p?"active":""}`,onClick:()=>r("debug"),children:"Debug"})]}),(0,b.jsx)("button",{onClick:()=>{R(a=>!a),S.current=Date.now()},title:Q?"Show session details":"Hide session details",style:{background:"var(--af-surface-hover)",border:"1px solid var(--af-border-subtle)",borderRadius:4,width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",color:"var(--af-text-secondary)",flexShrink:0,transition:"transform 0.2s ease",transform:Q?"rotate(180deg)":"rotate(0deg)"},children:(0,b.jsx)(i,{size:14})})]}),(0,b.jsxs)("div",{style:{maxHeight:500*!Q,opacity:+!Q,overflow:"hidden",transition:"max-height 0.24s ease, opacity 0.18s ease, margin-bottom 0.24s ease",marginBottom:0,pointerEvents:Q?"none":"auto"},children:[(0,b.jsxs)("div",{className:"flex items-baseline",style:{gap:10,marginBottom:10,flexWrap:"wrap"},children:[(0,b.jsxs)("h1",{style:{fontSize:20,fontWeight:700,letterSpacing:"-0.01em",fontFamily:"var(--font-mono)",margin:0,lineHeight:1.2},children:["sesn_",a.id.replace(/-/g,"").slice(0,22)]}),(0,b.jsx)(d5.LiveBadge,{mtimeIso:a.lastTimestamp,size:"md"}),(0,b.jsx)("span",{style:{fontSize:10.5,padding:"2px 9px",borderRadius:100,background:"var(--af-border-subtle)",color:"var(--af-text-secondary)",fontWeight:500,position:"relative",top:-1},children:"running"===a.status?"Running":"Idle"}),(0,b.jsx)(eU,{}),W&&(0,b.jsx)(eT,{icon:(0,b.jsx)(l,{size:12}),value:W,mono:!0}),(0,b.jsx)(eU,{}),(0,b.jsx)(eT,{icon:(0,b.jsx)(m,{size:12}),value:Y,truncate:!0}),(0,b.jsx)(eU,{}),void 0!==Z&&(0,b.jsx)(eT,{icon:(0,b.jsx)(j.Clock,{size:12}),value:function(a){if(a<1e3)return`${a}ms`;let b=Math.round(a/1e3);if(b<60)return`${b}s`;let c=Math.floor(b/60);return`${c}m ${b%60}s`}(Z)}),(0,b.jsx)(eU,{}),(0,b.jsx)(eV,{usage:V}),(0,b.jsx)(eU,{}),(0,b.jsx)(eT,{value:`${X} events`}),ac.length>0&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(eU,{}),(0,b.jsx)(eT,{icon:(0,b.jsx)(n,{size:12}),value:1===ac.length?ac[0].title?`PR${ac[0].prNumber?` #${ac[0].prNumber}`:""}: ${ac[0].title}`:ac[0].prNumber?`PR #${ac[0].prNumber}`:"1 PR shipped":`${ac.length} PRs shipped`,truncate:!0})]}),(0,b.jsx)("span",{style:{marginLeft:"auto"},children:a.firstTimestamp&&(0,b.jsx)("span",{style:{fontSize:11.5,color:"var(--af-text-tertiary)"},suppressHydrationWarning:!0,children:(0,d4.formatRelative)(a.firstTimestamp)})})]}),(0,b.jsxs)("div",{className:"flex items-center",style:{gap:14,paddingBottom:8},children:[(0,b.jsx)("select",{value:A,onChange:a=>B(a.target.value),className:"sl-compact-select",children:eR.map(a=>(0,b.jsx)("option",{value:a.value,children:a.label},a.value))}),(0,b.jsx)("span",{style:{marginLeft:"auto",fontSize:12,color:"var(--af-text-tertiary)"},children:"turns"===A?`${ae.filter(a=>"turn"===a.kind).length} turns \xb7 ${ad.length} actions`:"meaningful"===A?`${ad.length} rows (of ${aa.length} raw events)`:`${ag.length} rows`}),(0,b.jsxs)("button",{title:"Copy all",style:{background:"transparent",border:"none",color:"var(--af-text-secondary)",fontSize:12,cursor:"pointer",display:"inline-flex",alignItems:"center",gap:6},onClick:()=>{let a=ad.map(a=>`[${a.kind}] ${er(a)}`).join("\n");navigator.clipboard?.writeText(a)},children:[(0,b.jsx)(k,{size:12})," Copy all"]}),(0,b.jsx)(ee,{onClick:()=>{H(a=>!a),D(null),F(null)}})]})]}),(0,b.jsx)("div",{style:{paddingBottom:10*!!Q,transition:"padding-bottom 0.2s ease"},children:"team"===p&&e?(0,b.jsx)(eM,{data:e,playheadMs:s,onSeek:(a,b)=>{v({tsMs:a,trackId:b}),y&&z(!1)},expanded:y,onToggleExpanded:()=>z(a=>!a),visibleTrackIds:w}):(0,b.jsx)(eZ,{displayRows:ag,durationMs:U??0,selectedIndex:C,onSelect:aj,headerOffset:O,subagents:a.subagents,collapsed:Q,prMarkers:ac,selectedSubagentId:E,onSelectSubagent:a=>{F(a),a&&D(null)}})})]}),(0,b.jsx)("div",{style:{padding:"0 40px",paddingRight:ah?484:40,paddingTop:8,transition:"padding-right 0.15s ease"},children:"team"===p&&e?(0,b.jsx)(eK,{initial:e,teamName:e.teamName,playheadMs:s,onPlayheadChange:t,onVisibleTrackIdsChange:x,seekTarget:u}):"transcript"===p?(0,b.jsxs)(b.Fragment,{children:[_>0&&(0,b.jsxs)("div",{style:{fontSize:11,color:"var(--af-text-tertiary, #888)",background:"var(--af-surface-subtle, rgba(255,255,255,0.04))",border:"1px solid var(--af-border-subtle, rgba(255,255,255,0.08))",borderRadius:6,padding:"6px 10px",marginBottom:8},children:[_," inbound team message",1===_?"":"s"," hidden —"," ",(0,b.jsx)("button",{onClick:()=>r("team"),style:{background:"none",border:"none",color:"var(--af-accent)",cursor:"pointer",padding:0,font:"inherit",textDecoration:"underline"},children:"open the Team tab"})," ","to see them."]}),(0,b.jsx)(e0,{displayRows:ag,rowRefs:M,selectedIndex:C,onSelect:D,onToggleTurn:function(a){J(b=>{let c=new Set(b);return c.has(a)?c.delete(a):c.add(a),c})},stickyOffset:O+16,isSessionLive:ab,team:e})]}):(0,b.jsx)(fb,{events:T})}),ah&&(0,b.jsx)("aside",{style:{position:"fixed",top:O,right:0,bottom:0,width:460,borderLeft:"1px solid var(--af-border-subtle)",background:"var(--af-surface)",overflowY:"auto",zIndex:25,boxShadow:"-8px 0 24px rgba(15, 23, 42, 0.05)"},children:(0,b.jsx)(ff,{event:ah,row:ai,onClose:()=>D(null)})}),(h=E?a.subagents?.find(a=>a.agentId===E):void 0)?(0,b.jsx)("aside",{style:{position:"fixed",top:O,right:0,bottom:0,width:460,borderLeft:"1px solid var(--af-border-subtle)",background:"var(--af-surface)",overflowY:"auto",zIndex:26,boxShadow:"-8px 0 24px rgba(15, 23, 42, 0.08)"},children:(0,b.jsx)(fc,{subagent:h,onClose:()=>F(null),onJumpToParent:()=>{if(!h.parentToolUseId)return;let a=T.find(a=>a.blocks.some(a=>a?.type==="tool_use"&&"Agent"===a.name&&a.id===h.parentToolUseId));a&&(F(null),aj(a.index))}})}):null,G&&(0,b.jsx)("aside",{style:{position:"fixed",top:O,right:0,bottom:0,width:460,borderLeft:"1px solid var(--af-border-subtle)",background:"var(--af-surface)",zIndex:27,boxShadow:"-8px 0 24px rgba(15, 23, 42, 0.08)",display:"flex",flexDirection:"column"},children:(0,b.jsx)(ef,{sessionId:a.id,onClose:()=>H(!1)})}),(0,b.jsx)(ei,{isLive:ab})]})}],11839)}];
10
+ `})]}),!c&&!f&&(0,b.jsxs)("button",{type:"button",onClick:j,style:{position:"fixed",bottom:24,right:32,zIndex:40,display:"flex",alignItems:"center",gap:6,padding:"10px 18px",background:"var(--af-accent)",color:"#fff",border:"none",borderRadius:100,fontSize:12,fontWeight:600,cursor:"pointer",boxShadow:"0 4px 16px rgba(45, 212, 191, 0.3)",transition:"all 0.15s"},onMouseEnter:a=>{a.currentTarget.style.transform="translateY(-2px)",a.currentTarget.style.boxShadow="0 6px 24px rgba(45, 212, 191, 0.4)"},onMouseLeave:a=>{a.currentTarget.style.transform="translateY(0)",a.currentTarget.style.boxShadow="0 4px 16px rgba(45, 212, 191, 0.3)"},children:[(0,b.jsx)(eg.ArrowDown,{size:14}),"Jump to latest"]})]}):null}let ej=(0,e.default)("ExternalLink",[["path",{d:"M15 3h6v6",key:"1q9fwt"}],["path",{d:"M10 14 21 3",key:"gplh6r"}],["path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",key:"a6xqqp"}]]);function ek(a,b){if(0===a.length)return 0;if(b<=a[0].tsMs)return a[0].yPx;if(b>=a[a.length-1].tsMs)return a[a.length-1].yPx;let c=0,d=a.length-1;for(;d-c>1;){let e=c+d>>1;a[e].tsMs<=b?c=e:d=e}let e=a[c],f=a[d];if(f.tsMs===e.tsMs)return e.yPx;let g=(b-e.tsMs)/(f.tsMs-e.tsMs);return e.yPx+g*(f.yPx-e.yPx)}function el(a){switch(a.kind){case"idle-notification":return`${a.teammateId} is idle / available`;case"shutdown-request":return`${a.teammateId} requesting shutdown`;case"shutdown-approved":return`${a.teammateId} shutdown approved`;case"teammate-terminated":return`${a.teammateId} has shut down`;case"task-assignment":return`task assigned to ${a.teammateId}`;default:return a.body.length>120?a.body.slice(0,120)+"…":a.body}}function em({data:a,onPlayheadChange:e,onVisibleTrackIdsChange:f,scrollTarget:g,onTurnClick:h}){let i=(0,d.useRef)(""),j=(0,d.useRef)(null),[k,l]=(0,d.useState)(new Set),m=(0,d.useCallback)(a=>{l(b=>{let c=new Set(b);return c.has(a)?c.delete(a):c.add(a),c})},[]),n=(0,d.useRef)(0),o=(0,d.useRef)(0),p=(0,d.useRef)(0),q=(0,d.useRef)(0),r=(0,d.useRef)(null);(0,d.useEffect)(()=>{if(!g||!j.current)return;let b=j.current,c=Math.max(0,ek(a.yAnchors,g.tsMs)-32-12),d=b.scrollLeft;if(g.trackId){let c=a.tracks.findIndex(a=>a.id===g.trackId);c>0&&(d=Math.max(0,80+241*c-b.clientWidth/2+120))}r.current=d,b.scrollTo({top:c,left:d,behavior:"smooth"})},[g,a.yAnchors,a.tracks]);let s=(0,d.useCallback)(()=>{let b;if(!j.current)return;let c=j.current,d=c.scrollTop,g=c.scrollLeft,h=d-n.current,k=g-o.current;n.current=d,o.current=g,0!==k&&(null!==r.current&&2>Math.abs(g-r.current)?r.current=null:p.current=Date.now());let l=a.yAnchors;if(0===l.length)return void e(null);let m=0,s=l.length-1;for(;s-m>1;){let a=m+s>>1;l[a].yPx<=d?m=a:s=a}let t=l[m],u=l[s];if(u.yPx===t.yPx)b=t.tsMs;else{let a=(d-t.yPx)/(u.yPx-t.yPx);b=t.tsMs+a*(u.tsMs-t.tsMs)}e(b);let v=c.clientWidth,w=g+322,x=g+v,y=[];for(let b=1;b<a.tracks.length;b++){let a=80+241*b;y.push({trackIdx:b,start:a,end:a+240})}let z=a=>{let b=(a.start+a.end)/2;return b>=w&&b<=x},A=y.filter(z),B=A.map(b=>a.tracks[b.trackIdx].id),C=B.join(",");if(C!==i.current&&(i.current=C,f(B)),0===h)return;let D=Date.now();if(D-p.current<800||D-q.current<1200||a.tracks.length<=1||0===A.length)return;let E=c=>{let d=a.tracks[c].turns;if(0===d.length)return!1;let e=0,f=d.length-1;for(;e<=f;){let a=e+f>>1,c=d[a];if(c.endMs<b)e=a+1;else{if(!(c.startMs>b))return!0;f=a-1}}return!1};if(A.some(a=>E(a.trackIdx)))return;let F=-1;for(let a of y)if(!z(a)&&E(a.trackIdx)){F=a.trackIdx;break}if(F<0)return;let G=Math.max(0,80+241*F-322-8);q.current=D,r.current=G,c.scrollLeft=G},[a.tracks,a.yAnchors,e,f]),t=`80px repeat(${a.tracks.length}, minmax(240px, 1fr))`;return(0,b.jsx)("div",{ref:j,onScroll:s,"data-team-scroll":"",style:{position:"relative",flex:1,minHeight:400,overflowY:"auto",overflowX:"auto",scrollBehavior:"smooth",border:"1px solid var(--af-border-subtle)",borderRadius:6,background:"var(--af-surface-elevated)"},children:(0,b.jsxs)("div",{style:{position:"relative",width:80+241*a.tracks.length,minWidth:"100%",height:a.totalHeightPx+72},children:[(0,b.jsxs)("div",{style:{position:"sticky",top:0,display:"grid",gridTemplateColumns:t,gap:1,background:"var(--af-surface-hover)",borderBottom:"1px solid var(--af-border-subtle)",zIndex:5,height:32},children:[(0,b.jsx)("div",{style:{padding:8,fontSize:9,color:"var(--af-text-tertiary)",fontFamily:"ui-monospace, monospace",textTransform:"uppercase",position:"sticky",left:0,zIndex:7,background:"var(--af-surface-hover)",borderRight:"1px solid var(--af-border-subtle)"},children:"Time"}),a.tracks.map((a,d)=>(0,b.jsxs)(c.default,{href:`/sessions/${a.id}`,style:{padding:8,fontSize:11,fontWeight:a.isLead?700:600,color:a.color,fontFamily:"ui-monospace, monospace",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",textDecoration:"none",display:"flex",alignItems:"center",gap:4,...0===d&&{position:"sticky",left:81,zIndex:6,background:"var(--af-surface-hover)",borderRight:"1px solid var(--af-border-subtle)"}},title:`${a.label} — open session`,children:[(0,b.jsx)("span",{style:{overflow:"hidden",textOverflow:"ellipsis"},children:a.isLead?"LEAD":a.label}),(0,b.jsx)(ej,{size:10,style:{opacity:.6,flexShrink:0}})]},a.id))]}),(0,b.jsxs)("div",{style:{position:"relative",display:"grid",gridTemplateColumns:t,gap:1},children:[(0,b.jsx)("div",{style:{position:"sticky",left:0,zIndex:4,background:"var(--af-surface-elevated)",height:a.totalHeightPx+20,borderRight:"1px solid var(--af-border-subtle)"},children:a.timeTicks.map((a,c)=>(0,b.jsx)("div",{title:ep(a.tsMs),style:{position:"absolute",top:a.yPx,left:0,right:0,fontSize:9,color:"var(--af-text-tertiary)",fontFamily:"ui-monospace, monospace",paddingLeft:6,paddingTop:2,borderTop:"1px solid var(--af-border-subtle)"},children:a.label},c))}),a.tracks.map((c,d)=>(0,b.jsxs)("div",{style:{position:0===d?"sticky":"relative",...0===d&&{left:81,zIndex:3,background:"var(--af-surface-elevated)"},height:a.totalHeightPx+20,borderRight:"1px solid var(--af-border-subtle)"},children:[c.turns.map(d=>{let e=ek(a.yAnchors,d.startMs),f=Math.max(40,ek(a.yAnchors,d.endMs)-e-4);return(0,b.jsx)(en,{turn:d,track:c,top:e,height:f,onClick:()=>h(d),isExpanded:k.has(d.id),onToggleExpand:()=>m(d.id)},d.id)}),c.turns.slice(1).map((d,e)=>{let f=c.turns[e],g=d.startMs-f.endMs;if(g<=0||a.idleBands.some(a=>a.startMs<=f.endMs&&a.endMs>=d.startMs))return null;let h=ek(a.yAnchors,f.endMs),i=ek(a.yAnchors,d.startMs)-h;return i<=40?null:(0,b.jsx)("div",{title:`${ep(f.endMs)} → ${ep(d.startMs)}`,style:{position:"absolute",top:h+2,left:8,right:8,height:i-4,pointerEvents:"none",zIndex:0},children:(0,b.jsxs)("span",{style:{position:"sticky",top:38,display:"inline-block",fontSize:10,fontStyle:"italic",fontFamily:"ui-monospace, monospace",color:"var(--af-text-tertiary)"},children:["idle ",(0,d4.formatGap)(g)]})},`idle-${f.id}-${d.id}`)})]},c.id)),a.idleBands.map((a,c)=>(0,b.jsx)(eo,{band:a},c))]})]})})}function en({turn:a,track:c,top:e,height:f,onClick:g,isExpanded:h,onToggleExpand:i}){let[j,k]=(0,d.useState)(!1),l=a.megaRow.summary,m=(0,d4.formatGap)(a.durationMs),n=a.userPrompt&&"event"in a.userPrompt?a.userPrompt.event.teammateMessage:void 0,o=a.userPrompt&&"user"===a.userPrompt.kind?a.userPrompt.displayPreview??a.userPrompt.event.preview??"":"",p=n?`FROM ${n.teammateId}`:"HUMAN",q=n?el(n):o,r=l.firstAgentPreview??"",s=l.finalAgentPreview??"",t=!!s&&s!==r,u=l.toolNames.slice(0,5);return(0,b.jsx)("div",{onClick:g,onMouseEnter:()=>k(!0),onMouseLeave:()=>k(!1),style:{position:"absolute",top:e+2,left:4,right:4,height:h?"auto":f,minHeight:h?Math.max(f,160):void 0,background:j?"var(--af-surface-hover)":"var(--af-surface)",borderLeft:`3px solid ${c.color}`,border:"1px solid var(--af-border-subtle)",borderLeftWidth:3,borderRadius:4,padding:"6px 8px",fontSize:10,lineHeight:1.3,overflow:"visible",clipPath:h?"none":"inset(0)",boxSizing:"border-box",cursor:"pointer",outline:h||j?`1px solid ${c.color}`:"none",boxShadow:h?"0 4px 16px rgba(0,0,0,0.18)":void 0,zIndex:h?5:void 0,transition:"background 0.1s ease"},children:(0,b.jsxs)("div",{style:{position:"sticky",top:40,display:"flex",flexDirection:"column",gap:4},children:[(0,b.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:6,fontSize:9,color:"var(--af-text-tertiary)",fontFamily:"ui-monospace, monospace",flexShrink:0},children:[(0,b.jsxs)("span",{children:[l.agentMessages," msg · ",l.toolCalls," tools",l.errors>0?` \xb7 ${l.errors} err`:""]}),(0,b.jsxs)("span",{style:{display:"flex",alignItems:"center",gap:6},children:[(0,b.jsx)("span",{children:m}),(0,b.jsx)("button",{"data-turn-toggle":!0,"aria-label":h?"Collapse":"Expand",onClick:a=>{a.stopPropagation(),i()},style:{background:"transparent",border:"1px solid var(--af-border-subtle)",color:"var(--af-text-secondary)",width:16,height:16,borderRadius:2,fontSize:9,lineHeight:1,cursor:"pointer",padding:0,display:"flex",alignItems:"center",justifyContent:"center"},children:h?"▲":"▼"})]})]}),q&&(0,b.jsxs)("div",{style:{flexShrink:0},children:[(0,b.jsx)("div",{style:{fontSize:8,color:n?"var(--af-text-tertiary)":c.color,fontWeight:600,letterSpacing:"0.05em",fontStyle:n?"italic":void 0},children:p}),(0,b.jsx)("div",{style:{color:n?"var(--af-text-tertiary)":"var(--af-text)",overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},children:q})]}),r&&(0,b.jsxs)("div",{style:{flexShrink:0,minHeight:0},children:[(0,b.jsx)("div",{style:{fontSize:8,color:c.color,fontWeight:600,letterSpacing:"0.05em"},children:"AGENT"}),(0,b.jsx)("div",{style:h?{color:"var(--af-text)",whiteSpace:"pre-wrap",wordBreak:"break-word"}:{color:"var(--af-text)",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",textOverflow:"ellipsis"},children:r})]}),u.length>0&&(0,b.jsx)("div",{style:{display:"flex",gap:3,flexWrap:"wrap",flexShrink:0},children:u.map(a=>(0,b.jsxs)("span",{style:{fontSize:8,padding:"1px 5px",background:"var(--af-surface-hover)",borderRadius:2,color:"var(--af-text-tertiary)"},children:[a.name,a.count>1?` \xd7${a.count}`:""]},a.name))}),t&&(h||f>120)&&(0,b.jsxs)("div",{style:{flexShrink:0,minHeight:0},children:[(0,b.jsx)("div",{style:{fontSize:8,color:c.color,fontWeight:600,letterSpacing:"0.05em"},children:"RESULT"}),(0,b.jsx)("div",{style:h?{color:"var(--af-text)",whiteSpace:"pre-wrap",wordBreak:"break-word"}:{color:"var(--af-text)",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",textOverflow:"ellipsis"},children:s})]}),!o&&!r&&(0,b.jsx)("div",{style:{color:"var(--af-text-tertiary)",fontStyle:"italic"},children:"(no preview)"})]})})}function eo({band:a}){return(0,b.jsx)("div",{title:`${ep(a.startMs)} → ${ep(a.endMs)}`,style:{position:"absolute",top:a.yPx,left:0,right:0,height:a.heightPx,background:"repeating-linear-gradient(135deg, var(--af-surface) 0, var(--af-surface) 6px, var(--af-surface-hover) 6px, var(--af-surface-hover) 12px)",borderTop:"1px solid var(--af-border-subtle)",borderBottom:"1px solid var(--af-border-subtle)",zIndex:4,pointerEvents:"none"},children:(0,b.jsxs)("div",{style:{position:"sticky",left:"50%",top:0,height:"100%",width:"fit-content",transform:"translateX(-50%)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:9,color:"var(--af-text-tertiary)",fontFamily:"ui-monospace, monospace",textTransform:"uppercase",letterSpacing:"0.05em",whiteSpace:"nowrap",padding:"0 8px",background:"var(--af-surface-elevated)",borderRadius:3},children:[(0,d4.formatGap)(a.durationMs)," idle"]})})}function ep(a){return new Date(a).toLocaleString([],{month:"short",day:"numeric",year:"numeric",hour:"numeric",minute:"2-digit",second:"2-digit"})}let eq={user:{label:"User",bg:"rgba(201, 112, 112, 0.18)",fg:"#8B3A3A",mini:"#C97070"},agent:{label:"Agent",bg:"rgba(92, 132, 195, 0.18)",fg:"#2E4A7A",mini:"#5C84C3"},"tool-group":{label:"Tool",bg:"rgba(138, 133, 128, 0.16)",fg:"#44403C",mini:"#8A8580"},interrupt:{label:"Interrupt",bg:"rgba(217, 119, 6, 0.14)",fg:"#78350F",mini:"#D97706"},model:{label:"Model",bg:"rgba(168, 85, 247, 0.12)",fg:"#581C87",mini:"#A855F7"},error:{label:"Error",bg:"rgba(197, 48, 48, 0.18)",fg:"#8B1818",mini:"#C53030"},"task-notification":{label:"Task",bg:"rgba(100, 116, 139, 0.12)",fg:"#475569",mini:"#64748B"}};function er(a){switch(a.kind){case"user":return a.displayPreview??a.event.preview;case"agent":return a.event.preview;case"tool-group":return es(a.toolNames);case"interrupt":return"Interrupted";case"model":var b;return(b=a.event.usage)?`${b.input} input \xb7 ${b.output} output \xb7 ${b.cacheRead} cache read \xb7 ${b.cacheWrite} cache write`:"0 input · 0 output · 0 cache read · 0 cache write";case"error":return a.message;case"task-notification":{let b="success"===a.status?"✓":"failed"===a.status?"✗":"running"===a.status?"…":"•";return`${b} ${a.summary}`}}}function es(a){let b=a.slice(0,4),c=a.length-4,d=b.map(a=>{let b=et(a.name);return a.count>1?`${b} \xd7${a.count}`:b});return c>0&&d.push(`+${c} more`),d.join(" · ")}function et(a){let b=a.match(/^mcp__(?:plugin_)?([^_]+)_(?:\1_)?(.+)$/);if(b)return`${b[1]}.${b[2]}`;let c=a.match(/^mcp__claude_ai_([^_]+)__(.+)$/);return c?`${c[1].toLowerCase()}.${c[2]}`:a}function eu({rows:a,onStepClick:c,showAll:d}){let e=d?a.length:12,f=Math.max(0,a.length-e),g=f>0?a.slice(-e):a,h=f>0?a.length-g.length:0;return(0,b.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:2,paddingLeft:2,borderLeft:"1px solid var(--af-border-subtle)",paddingBlock:2},children:[f>0&&(0,b.jsxs)("div",{style:{fontSize:11,color:"var(--af-text-tertiary)",fontStyle:"italic",paddingLeft:12,paddingBottom:2},children:[f," earlier step",1===f?"":"s"," …"]}),g.map((a,d)=>{let e=h+d;return(0,b.jsx)(ev,{row:a,onClick:c?()=>c(a,e):void 0},d)})]})}function ev({row:a,onClick:c}){let d=eq[a.kind],e="user"===a.kind&&a.event.teammateMessage?"Team Lead":d.label,f=er(a),g=!!c;return(0,b.jsxs)("div",{role:g?"button":void 0,tabIndex:g?0:void 0,onClick:c,onKeyDown:g?a=>{("Enter"===a.key||" "===a.key)&&(a.preventDefault(),c?.())}:void 0,style:{display:"grid",gridTemplateColumns:"46px 1fr",columnGap:8,fontSize:12,lineHeight:1.45,color:"error"===a.kind?"var(--af-danger)":"var(--af-text-secondary)",cursor:g?"pointer":void 0,borderRadius:g?3:void 0,padding:g?"2px 4px":void 0,transition:g?"background 0.1s ease":void 0},onMouseEnter:g?a=>{a.currentTarget.style.background="var(--af-surface-hover)"}:void 0,onMouseLeave:g?a=>{a.currentTarget.style.background=""}:void 0,children:[(0,b.jsx)("span",{style:{fontSize:10,fontWeight:600,background:d.bg,color:d.fg,padding:"1px 6px",borderRadius:3,textAlign:"center",justifySelf:"start",maxWidth:"100%"},children:e}),(0,b.jsx)("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:0},children:"tool-group"===a.kind?(0,b.jsxs)("span",{children:[a.toolNames.slice(0,4).map((a,c)=>(0,b.jsxs)("span",{children:[c>0&&(0,b.jsx)("span",{style:{color:"var(--af-text-tertiary)",margin:"0 5px"},children:"·"}),(0,b.jsx)("b",{style:{fontWeight:600},children:et(a.name)}),a.count>1&&(0,b.jsxs)("span",{style:{color:"var(--af-text-tertiary)",fontFamily:"var(--font-mono)",marginLeft:3},children:["×",a.count]})]},a.name)),a.toolNames.length>4&&(0,b.jsxs)("span",{style:{color:"var(--af-text-tertiary)",marginLeft:6,fontSize:10},children:["+",a.toolNames.length-4]})]}):f})]})}function ew({path:a}){let c,d,e,{dir:f,file:g}=(d=(c=a.split("/"))[c.length-1]??a,{dir:((e=c.slice(0,-1).filter(Boolean)).length>3?"…/"+e.slice(-3).join("/"):e.join("/"))||"",file:d});return(0,b.jsxs)("code",{style:{fontSize:11,fontFamily:"var(--font-mono)",color:"var(--af-text)"},children:[f&&(0,b.jsxs)("span",{style:{color:"var(--af-text-tertiary)"},children:[f,"/"]}),(0,b.jsx)("b",{style:{fontWeight:600},children:g})]})}function ex({icon:a,label:c,children:d}){return(0,b.jsxs)("div",{style:{border:"1px solid var(--af-border-subtle)",borderRadius:8,background:"var(--background)",overflow:"hidden"},children:[(0,b.jsxs)("div",{style:{padding:"8px 12px",display:"flex",alignItems:"center",gap:8,borderBottom:d?"1px solid var(--af-border-subtle)":"none",fontSize:12,color:"var(--af-text-secondary)"},children:[(0,b.jsx)("span",{style:{fontSize:13},children:a}),(0,b.jsx)("span",{children:c})]}),d]})}function ey({text:a,maxHeight:c=280}){return(0,b.jsx)("pre",{style:{margin:0,padding:"10px 12px",fontFamily:"var(--font-mono)",fontSize:11.5,lineHeight:1.55,color:"var(--af-text)",whiteSpace:"pre",overflow:"auto",maxHeight:c},children:a})}function ez({oldText:a,newText:c}){let d=a.split("\n"),e=c.split("\n");return(0,b.jsxs)("pre",{style:{margin:0,padding:"10px 12px",fontFamily:"var(--font-mono)",fontSize:11.5,lineHeight:1.55,whiteSpace:"pre",overflow:"auto",maxHeight:320},children:[d.map((a,c)=>(0,b.jsxs)("div",{style:{background:"rgba(220, 38, 38, 0.08)",color:"#991B1B",padding:"0 4px",borderLeft:"3px solid #DC2626"},children:[(0,b.jsx)("span",{style:{opacity:.6,userSelect:"none"},children:"− "}),a||" "]},`o${c}`)),e.map((a,c)=>(0,b.jsxs)("div",{style:{background:"rgba(5, 150, 105, 0.08)",color:"#065F46",padding:"0 4px",borderLeft:"3px solid #059669"},children:[(0,b.jsx)("span",{style:{opacity:.6,userSelect:"none"},children:"+ "}),a||" "]},`n${c}`))]})}function eA({name:a,input:c}){let d=c??{},e=a=>"string"==typeof d[a]?d[a]:void 0,f=a=>"number"==typeof d[a]?d[a]:void 0;if("Write"===a){let a=e("file_path")??"",c=e("content")??"";return(0,b.jsx)(ex,{icon:"📝",label:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("b",{children:"Write"})," ",(0,b.jsx)(ew,{path:a})]}),children:(0,b.jsx)(ey,{text:c})})}if("Edit"===a){let a=e("file_path")??"",c=e("old_string")??"",f=e("new_string")??"",g=!0===d.replace_all;return(0,b.jsx)(ex,{icon:"✏️",label:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("b",{children:"Edit"})," ",(0,b.jsx)(ew,{path:a}),g&&(0,b.jsx)("span",{style:{fontSize:10,color:"var(--af-warning)",background:"var(--af-warning-subtle)",padding:"1px 6px",borderRadius:10},children:"replace all"})]}),children:(0,b.jsx)(ez,{oldText:c,newText:f})})}if("Read"===a){let a=e("file_path")??"",c=f("offset"),d=f("limit"),g=void 0!==c||void 0!==d?` \xb7 lines ${c??1}${void 0!==d?`–${(c??0)+d}`:"…"}`:"";return(0,b.jsx)(ex,{icon:"📖",label:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("b",{children:"Read"})," ",(0,b.jsx)(ew,{path:a}),(0,b.jsx)("span",{style:{color:"var(--af-text-tertiary)"},children:g})]})})}if("Bash"===a){let a=e("command")??"",c=e("description"),f=!0===d.run_in_background;return(0,b.jsx)(ex,{icon:"⚡",label:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("b",{children:"Bash"}),c&&(0,b.jsx)("span",{style:{color:"var(--af-text)",fontStyle:"italic"},children:c}),f&&(0,b.jsx)("span",{style:{fontSize:10,color:"var(--af-info)",background:"var(--af-info-subtle)",padding:"1px 6px",borderRadius:10},children:"background"})]}),children:(0,b.jsx)(ey,{text:a,maxHeight:220})})}if("Grep"===a){let a=e("pattern")??"",c=e("path"),d=e("glob"),f=e("type"),g=e("output_mode");return(0,b.jsx)(ex,{icon:"🔍",label:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("b",{children:"Grep"})," ",(0,b.jsx)("code",{style:{background:"var(--af-border-subtle)",padding:"1px 6px",borderRadius:4,fontFamily:"var(--font-mono)",fontSize:11},children:a}),c&&(0,b.jsxs)(b.Fragment,{children:[" in ",(0,b.jsx)(ew,{path:c})]}),(d||f||g)&&(0,b.jsx)("span",{style:{color:"var(--af-text-tertiary)",fontSize:11,marginLeft:6},children:[d&&`glob=${d}`,f&&`type=${f}`,g&&`mode=${g}`].filter(Boolean).join(" · ")})]})})}if("Glob"===a){let a=e("pattern")??"",c=e("path");return(0,b.jsx)(ex,{icon:"📁",label:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("b",{children:"Glob"})," ",(0,b.jsx)("code",{style:{background:"var(--af-border-subtle)",padding:"1px 6px",borderRadius:4,fontFamily:"var(--font-mono)",fontSize:11},children:a}),c&&(0,b.jsxs)(b.Fragment,{children:[" in ",(0,b.jsx)(ew,{path:c})]})]})})}if("Skill"===a){let a=e("skill")??"",c=e("args");return(0,b.jsx)(ex,{icon:"🧩",label:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)("b",{children:["/",a]}),c&&(0,b.jsx)("span",{style:{color:"var(--af-text-secondary)"},children:c})]})})}if("ToolSearch"===a){let a=e("query")??"",c=f("max_results");return(0,b.jsx)(ex,{icon:"🔎",label:(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("b",{children:"ToolSearch"})," ",(0,b.jsx)("code",{style:{background:"var(--af-border-subtle)",padding:"1px 6px",borderRadius:4,fontFamily:"var(--font-mono)",fontSize:11},children:a}),void 0!==c&&(0,b.jsxs)("span",{style:{color:"var(--af-text-tertiary)",fontSize:11},children:["max=",c]})]})})}if("TodoWrite"===a){let a=Array.isArray(d.todos)?d.todos:[];return(0,b.jsx)(ex,{icon:"✅",label:(0,b.jsxs)("b",{children:["TodoWrite · ",a.length," items"]}),children:(0,b.jsx)("div",{style:{padding:"10px 12px",fontSize:12},children:a.map((a,c)=>{let d=String(a.status??"pending"),e="string"==typeof a.content?a.content:"string"==typeof a.activeForm?a.activeForm:"";return(0,b.jsxs)("div",{style:{display:"flex",gap:8,padding:"2px 0",opacity:"completed"===d?.6:1,textDecoration:"completed"===d?"line-through":"none"},children:[(0,b.jsx)("span",{style:{color:"var(--af-text-tertiary)"},children:"completed"===d?"✔":"in_progress"===d?"◐":"○"}),(0,b.jsx)("span",{children:e})]},c)})})})}if(a.startsWith("mcp__")){let d=et(a);return(0,b.jsx)(ex,{icon:"🔌",label:(0,b.jsx)("b",{children:d}),children:(0,b.jsx)(ey,{text:JSON.stringify(c,null,2),maxHeight:200})})}return(0,b.jsx)(ex,{icon:"🔧",label:(0,b.jsx)("b",{children:a}),children:(0,b.jsx)(ey,{text:JSON.stringify(c,null,2),maxHeight:220})})}function eB({turn:a,trackLabel:c,trackColor:e,onClose:f}){let[g,h]=(0,d.useState)({page:"turn"});if((0,d.useEffect)(()=>{h({page:"turn"})},[a?.id]),(0,d.useEffect)(()=>{if(!a)return;let b=a=>{"Escape"===a.key&&("step"===g.page?h({page:"turn"}):f())};return window.addEventListener("keydown",b),()=>window.removeEventListener("keydown",b)},[a,f,g.page]),!a)return null;let i=new Date(a.startMs).toLocaleString(),j=new Date(a.endMs).toLocaleTimeString(),k=(0,d4.formatGap)(a.durationMs);return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{onClick:f,style:{position:"fixed",inset:0,background:"rgba(0,0,0,0.4)",zIndex:1e3}}),(0,b.jsxs)("div",{style:{position:"fixed",top:0,right:0,bottom:0,width:620,maxWidth:"96vw",background:"var(--af-surface-elevated)",borderLeft:"1px solid var(--af-border-subtle)",zIndex:1001,display:"flex",flexDirection:"column",fontSize:12,color:"var(--af-text)"},children:[(0,b.jsxs)("div",{style:{padding:"12px 16px",borderBottom:"1px solid var(--af-border-subtle)",display:"flex",alignItems:"center",justifyContent:"space-between",gap:8,flexShrink:0},children:["step"===g.page?(0,b.jsx)("button",{onClick:()=>h({page:"turn"}),style:{background:"transparent",border:"1px solid var(--af-border-subtle)",color:"var(--af-text-secondary)",padding:"4px 10px",borderRadius:4,cursor:"pointer",fontSize:11,fontFamily:"ui-monospace, monospace"},children:"← Back to turn"}):(0,b.jsxs)("div",{children:[(0,b.jsx)("div",{style:{fontSize:10,fontWeight:700,color:e,letterSpacing:"0.08em",fontFamily:"ui-monospace, monospace"},children:c}),(0,b.jsxs)("div",{style:{fontSize:11,color:"var(--af-text-tertiary)",fontFamily:"ui-monospace, monospace",marginTop:2},children:[i," → ",j," · ",k]})]}),(0,b.jsx)("button",{onClick:f,"aria-label":"Close",style:{background:"transparent",border:"1px solid var(--af-border-subtle)",color:"var(--af-text-secondary)",width:28,height:28,borderRadius:4,cursor:"pointer",fontSize:14,lineHeight:1,flexShrink:0},children:"×"})]}),(0,b.jsx)("div",{style:{flex:1,overflowY:"auto",padding:"14px 18px"},children:"turn"===g.page?(0,b.jsx)(eC,{turn:a.megaRow,userRow:a.userPrompt,color:e,onStepClick:(a,b)=>h({page:"step",row:a,index:b})}):(0,b.jsx)(eI,{row:g.row,color:e})})]})]})}function eC({turn:a,userRow:c,color:d,onStepClick:e}){let f,g,h,i=a.summary,j=i.firstAgentIndex??-1,k=i.finalAgentIndex??-1,l=j>=0?a.rows[j]:void 0,m=k>=0&&k!==j?a.rows[k]:void 0,n=a.rows.filter((a,b)=>b!==j&&(!m||b!==k));return(0,b.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:12},children:[c&&"user"===c.kind&&(g=(f=c.event.teammateMessage)?`From ${f.teammateId}`:"Human",h=f?f.body:c.displayPreview??c.event.preview??"",(0,b.jsx)(eD,{label:g,color:f?"var(--af-text-tertiary)":d,text:h})),l&&"agent"===l.kind&&(0,b.jsx)(eF,{label:"First message",color:d,row:l}),(0,b.jsx)(eH,{summary:i,rows:a.rows,durationMs:a.durationMs}),n.length>0&&(0,b.jsx)(eE,{color:d,rows:n,onStepClick:e}),m&&"agent"===m.kind&&(0,b.jsx)(eF,{label:"Conclusion",color:d,row:m,arrow:!0})]})}function eD({label:a,color:c,text:e}){let[f,i]=(0,d.useState)(!1);return(0,b.jsxs)("div",{onClick:()=>i(a=>!a),style:{padding:"8px 12px",borderRadius:6,background:f?"var(--af-surface-hover)":"transparent",border:`1px solid ${f?"var(--af-border-subtle)":"transparent"}`,cursor:"pointer",transition:"all 0.12s"},children:[(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:6,fontSize:10,color:"var(--af-text-tertiary)",textTransform:"uppercase",letterSpacing:"0.05em",fontWeight:600,fontFamily:"ui-monospace, monospace"},children:[f?(0,b.jsx)(g.ChevronDown,{size:11}):(0,b.jsx)(h.ChevronRight,{size:11}),(0,b.jsx)("span",{style:{color:c},children:a})]}),f?(0,b.jsx)("div",{className:"sl-prose",style:{fontSize:13,marginTop:6},children:(0,b.jsx)(cL,{remarkPlugins:[dX],components:{a:a=>(0,b.jsx)("a",{...a,target:"_blank",rel:"noopener noreferrer",style:{color:"var(--af-accent)",textDecoration:"underline"}})},children:e})}):(0,b.jsx)("div",{style:{marginTop:4,fontSize:13,lineHeight:1.45,color:"var(--af-text)",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:e})]})}function eE({color:a,rows:c,onStepClick:e}){let[f,h]=(0,d.useState)(!1),i=c.length-12;return(0,b.jsxs)("div",{children:[(0,b.jsx)(eG,{color:a,children:"STEPS"}),(0,b.jsx)("div",{style:{marginTop:4},children:(0,b.jsx)(eu,{rows:c,onStepClick:e,showAll:f})}),i>0&&!f&&(0,b.jsxs)("button",{onClick:()=>h(!0),style:{display:"flex",alignItems:"center",justifyContent:"center",gap:6,width:"100%",padding:"6px 10px",marginTop:6,background:"var(--af-surface-hover)",border:"1px solid var(--af-border-subtle)",borderRadius:6,fontSize:11,fontWeight:500,color:"var(--af-text-secondary)",fontFamily:"inherit",cursor:"pointer"},children:[(0,b.jsx)(g.ChevronDown,{size:12}),"Show all ",c.length," steps"]})]})}function eF({label:a,color:c,row:e,arrow:f}){let[i,j]=(0,d.useState)(!1);return(0,b.jsxs)("div",{onClick:()=>j(a=>!a),style:{padding:"8px 12px",borderRadius:6,background:i?"var(--af-surface-hover)":"transparent",border:`1px solid ${i?"var(--af-border-subtle)":"transparent"}`,cursor:"pointer",transition:"all 0.12s",borderTop:f&&!i?"1px dashed var(--af-border-subtle)":void 0},children:[(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:6,fontSize:10,color:"var(--af-text-tertiary)",textTransform:"uppercase",letterSpacing:"0.05em",fontWeight:600,fontFamily:"ui-monospace, monospace"},children:[i?(0,b.jsx)(g.ChevronDown,{size:11}):(0,b.jsx)(h.ChevronRight,{size:11}),(0,b.jsx)("span",{style:{color:c},children:a})]}),i?(0,b.jsx)("div",{className:"sl-prose",style:{fontSize:13,marginTop:6,color:"var(--af-text)",lineHeight:1.5},children:e.event.blocks.filter(a=>"text"===a.type).map((a,c)=>(0,b.jsx)(cL,{remarkPlugins:[dX],components:{a:a=>(0,b.jsx)("a",{...a,target:"_blank",rel:"noopener noreferrer",style:{color:"var(--af-accent)",textDecoration:"underline"}})},children:a.text},c))}):(0,b.jsxs)("div",{style:{marginTop:4,display:"flex",gap:6,alignItems:"flex-start",fontSize:13,lineHeight:1.45,color:"var(--af-text)"},children:[f&&(0,b.jsx)("span",{style:{color:"var(--af-text-tertiary)",marginTop:1,fontSize:11},children:"→"}),(0,b.jsx)("span",{style:{overflow:"hidden",display:"-webkit-box",WebkitLineClamp:3,WebkitBoxOrient:"vertical"},children:e.event.preview})]})]})}function eG({children:a,color:c}){return(0,b.jsx)("div",{style:{fontSize:9,color:c,fontWeight:700,textTransform:"uppercase",letterSpacing:"0.06em",fontFamily:"ui-monospace, monospace"},children:a})}function eH({summary:a,rows:c,durationMs:d}){let e=0,f=0,g=0,h=0,i=0,j=0,k=0;for(let a of c)if("tool-group"===a.kind)for(let b of a.events)switch(b.toolName??""){case"Edit":e++;break;case"Write":f++;break;case"Read":g++;break;case"Bash":h++;break;case"Grep":case"Glob":i++;break;case"Agent":j++;break;default:k++}let l=[];if(e+f>0){let a=e+f;l.push(`Edited ${a} file${1===a?"":"s"}`)}return g>0&&l.push(`read ${g} file${1===g?"":"s"}`),h>0&&l.push(`${h} command${1===h?"":"s"}`),i>0&&l.push(`${i} search${1===i?"":"es"}`),j>0&&l.push(`${j} sub-agent${1===j?"":"s"}`),k>0&&0===l.length&&l.push(`${k} tool call${1===k?"":"s"}`),0===l.length&&a.agentMessages>0&&l.push(`${a.agentMessages} message${1===a.agentMessages?"":"s"}`),(0,b.jsxs)("div",{style:{fontSize:11,color:"var(--af-text-tertiary)",lineHeight:1.5,fontFamily:"ui-monospace, monospace"},children:[l.join(", "),a.errors>0&&(0,b.jsxs)("span",{style:{color:"var(--af-danger)"},children:[l.length>0?", ":"",a.errors," error",1===a.errors?"":"s"]}),void 0!==d&&d>0&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("span",{style:{opacity:.5,marginLeft:6},children:"·"}),(0,b.jsx)("span",{style:{marginLeft:6},children:(0,d4.formatGap)(d)})]})]})}function eI({row:a,color:c}){if("user"===a.kind)return(0,b.jsx)(eJ,{label:"HUMAN",color:c,body:a.displayPreview??a.event.preview??""});if("agent"===a.kind){let d=function(a){if(!a)return"";let b=[];for(let c of a)"text"===c.type&&"string"==typeof c.text&&b.push(c.text);return b.join("\n\n")}(a.event.blocks)||a.event.preview||"";return(0,b.jsx)(eJ,{label:"AGENT",color:c,body:d})}if("tool-group"===a.kind){let c=a.toolNames.slice(0,4).map(a=>{let b=et(a.name);return a.count>1?`${b} \xd7${a.count}`:b}).join(" · "),d=a.toolNames.length>4?` +${a.toolNames.length-4}`:"";return(0,b.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:10},children:[(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8,padding:"8px 0",borderBottom:"1px solid var(--af-border-subtle)"},children:[(0,b.jsx)("span",{style:{fontSize:11,fontWeight:600,padding:"3px 10px",borderRadius:4,background:"rgba(138, 133, 128, 0.16)",color:"#44403C"},children:"Tool"}),(0,b.jsxs)("span",{style:{fontSize:12,color:"var(--af-text-secondary)",fontWeight:500},children:["Tool use · ",c,d]})]}),a.events.map((a,c)=>{let d=(a.blocks??[]).find(a=>"tool_use"===a.type);if(!d)return null;let e=d.name??"?",f=d.input??{};return(0,b.jsxs)("div",{children:[(0,b.jsxs)("div",{style:{fontSize:10,color:"var(--af-text-tertiary)",fontFamily:"ui-monospace, monospace",marginBottom:4},children:["#",c+1]}),(0,b.jsx)(eA,{name:e,input:f})]},c)})]})}return"interrupt"===a.kind?(0,b.jsx)(eJ,{label:"INTERRUPT",color:"#f85149",body:a.event.preview??"[interrupted]"}):"error"===a.kind?(0,b.jsx)(eJ,{label:"ERROR",color:"#f85149",body:a.message}):"model"===a.kind?(0,b.jsx)(eJ,{label:"MODEL CHANGE",color:c,body:a.event.preview??""}):"task-notification"===a.kind?(0,b.jsx)(eJ,{label:`TASK ${a.status.toUpperCase()}`,color:c,body:a.summary}):null}function eJ({label:a,color:c,body:d}){return(0,b.jsxs)("div",{style:{padding:"10px 12px",background:"var(--af-surface-hover)",borderLeft:`3px solid ${c}`,borderRadius:4,marginBottom:6},children:[(0,b.jsx)("div",{style:{fontSize:9,color:c,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:4,fontFamily:"ui-monospace, monospace"},children:a}),d&&(0,b.jsx)("div",{style:{fontSize:12,color:"var(--af-text)",lineHeight:1.5,whiteSpace:"pre-wrap",wordBreak:"break-word"},children:d})]})}function eK({initial:a,teamName:c,playheadMs:e,onPlayheadChange:f,onVisibleTrackIdsChange:g,seekTarget:h}){let[i,j]=(0,d.useState)(null),k=i?a.tracks.find(a=>a.id===i.trackId):null;return(0,b.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:8,padding:16,height:"calc(100vh - 200px)",minHeight:600},children:[(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[(0,b.jsxs)("h2",{style:{fontSize:14,fontWeight:600,margin:0},children:["Team: ",c]}),(0,b.jsxs)("div",{style:{fontSize:11,color:"var(--af-text-tertiary)"},children:[a.tracks.length," agent",1===a.tracks.length?"":"s"]})]}),(0,b.jsx)(em,{data:a,onPlayheadChange:f,onVisibleTrackIdsChange:g,scrollTarget:h,onTurnClick:j}),(0,b.jsx)(eB,{turn:i,trackLabel:k?k.isLead?"LEAD":k.label:"",trackColor:k?.color??"#888",onClose:()=>j(null)})]})}let eL=(0,e.default)("ChevronLeft",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]]);function eM({data:a,playheadMs:e,onSeek:f,expanded:g,onToggleExpanded:i,visibleTrackIds:j}){let k,[l,m]=(0,d.useState)(null),n=a.tracks.length>4,o=a.dayPages??null,[p,q]=(0,d.useState)(0);(0,d.useEffect)(()=>{if(!o||null==e)return;let a=o.findIndex(a=>e>=a.startMs&&e<=a.endMs);-1!==a&&a!==p&&q(a)},[o,e,p]);let r=o?Math.min(Math.max(0,p),o.length-1):0,s=o?o[r]:null,t=s?s.xAnchors:a.xAnchors,u=s?s.minimapIdleBands:a.minimapIdleBands,v=s?s.startMs:a.firstEventMs,w=s?s.endMs:a.lastEventMs;if(g||!n)k=new Set(a.tracks.map(a=>a.id));else{let b=a.tracks[0],c=a.tracks.slice(1);k=new Set(j.length>0?c.filter(a=>j.includes(a.id)).slice(0,3).map(a=>a.id):c.slice(0,3).map(a=>a.id)),b&&k.add(b.id)}let x=a.tracks.length-k.size,y=a=>(function(a,b){if(0===a.length)return 0;if(b<=a[0].tsMs)return a[0].xFrac;if(b>=a[a.length-1].tsMs)return a[a.length-1].xFrac;let c=0,d=a.length-1;for(;d-c>1;){let e=c+d>>1;a[e].tsMs<=b?c=e:d=e}let e=a[c],f=a[d];if(f.tsMs===e.tsMs)return e.xFrac;let g=(b-e.tsMs)/(f.tsMs-e.tsMs);return e.xFrac+g*(f.xFrac-e.xFrac)})(t,a),z=null!=e&&e>=v&&e<=w?Math.max(0,Math.min(1,y(e))):null;return(0,b.jsxs)("div",{style:{position:"sticky",top:0,zIndex:10,background:"var(--af-surface-elevated)",border:"1px solid var(--af-border-subtle)",borderRadius:6,padding:8,marginBottom:8},children:[(0,b.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",fontSize:9,color:"var(--af-text-tertiary)",fontFamily:"ui-monospace, monospace",marginBottom:6,paddingLeft:100,gap:8},children:[(0,b.jsx)("span",{children:eP(v,a.multiDay)}),o&&o.length>1&&(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:4,fontSize:10,fontWeight:600,color:"var(--af-text-secondary)"},children:[(0,b.jsx)("button",{onClick:()=>q(a=>Math.max(0,a-1)),disabled:0===r,"aria-label":"Previous day",style:eO(0===r),children:(0,b.jsx)(eL,{size:11})}),(0,b.jsxs)("span",{style:{minWidth:64,textAlign:"center",fontFamily:"ui-monospace, monospace"},children:[s?.label??""," ",(0,b.jsxs)("span",{style:{opacity:.55},children:["(",r+1,"/",o.length,")"]})]}),(0,b.jsx)("button",{onClick:()=>q(a=>Math.min(o.length-1,a+1)),disabled:r===o.length-1,"aria-label":"Next day",style:eO(r===o.length-1),children:(0,b.jsx)(h.ChevronRight,{size:11})})]}),(0,b.jsx)("span",{children:eP(w,a.multiDay)})]}),(0,b.jsxs)("div",{style:{position:"relative",display:"flex",flexDirection:"column"},children:[u.map((a,c)=>(0,b.jsx)(eQ,{band:a},c)),a.tracks.map(a=>{let d=k.has(a.id);return(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:6,maxHeight:24*!!d,opacity:+!!d,marginBottom:2*!!d,overflow:"hidden",transition:"max-height 280ms ease, opacity 280ms ease, margin-bottom 280ms ease",pointerEvents:d?"auto":"none"},children:[(0,b.jsx)(c.default,{href:`/sessions/${a.id}`,style:{width:94,fontSize:10,fontFamily:"ui-monospace, monospace",color:a.color,fontWeight:a.isLead?700:500,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",textDecoration:"none"},title:`${a.label} — open session`,children:a.isLead?"LEAD":a.label}),(0,b.jsxs)("div",{style:{flex:1,position:"relative",height:24,background:"var(--af-surface-hover)",borderRadius:3,overflow:"hidden",cursor:"pointer",padding:"3px 2px",boxSizing:"border-box"},onClick:b=>{let c;return c=b.currentTarget.getBoundingClientRect(),void f(function(a,b){if(0===a.length)return 0;if(b<=a[0].xFrac)return a[0].tsMs;if(b>=a[a.length-1].xFrac)return a[a.length-1].tsMs;let c=0,d=a.length-1;for(;d-c>1;){let e=c+d>>1;a[e].xFrac<=b?c=e:d=e}let e=a[c],f=a[d];if(f.xFrac===e.xFrac)return e.tsMs;let g=(b-e.xFrac)/(f.xFrac-e.xFrac);return e.tsMs+g*(f.tsMs-e.tsMs)}(t,Math.min(1,Math.max(0,b.clientX-c.left)/Math.max(1,c.width))),a.id)},children:[a.turns.map(c=>{let d=c.endMs<v||c.startMs>w?null:{id:c.id,startMs:Math.max(c.startMs,v),endMs:Math.min(c.endMs,w),original:c};if(!d)return null;let e=y(d.startMs),f=Math.max(.4,(y(d.endMs)-e)*100);return(0,b.jsx)("div",{style:{position:"absolute",left:`calc(${100*e}% + 1px)`,top:3,width:`calc(${f}% - 2px)`,minWidth:4,height:14,background:a.color,opacity:.88,borderRadius:3,border:`1px solid ${a.color}`,boxSizing:"border-box"},onMouseEnter:b=>m({turn:d.original,track:a,clientX:b.clientX,clientY:b.clientY}),onMouseMove:a=>m(b=>b&&b.turn.id===c.id?{...b,clientX:a.clientX,clientY:a.clientY}:b),onMouseLeave:()=>m(null)},c.id)}),a.subagents.map((c,d)=>{if(null==c.startMs)return null;let e=c.startMs+(c.durationMs??0);if(e<v||c.startMs>w)return null;let f=Math.max(c.startMs,v),g=Math.min(e,w),h=y(f),i=Math.max(.2,(y(g)-h)*100)||.4;return(0,b.jsx)("div",{style:{position:"absolute",left:`${100*h}%`,bottom:2,width:`${i}%`,height:3,background:a.color,opacity:.5,borderRadius:1},title:`subagent: ${c.agentType}`},d)})]})]},a.id)})]}),n&&(0,b.jsx)("div",{style:{marginTop:6,paddingLeft:106,display:"flex"},children:(0,b.jsx)("button",{onClick:i,style:{background:"var(--af-surface-hover)",border:"1px solid var(--af-border-subtle)",color:"var(--af-text-secondary)",fontSize:10,fontFamily:"ui-monospace, monospace",padding:"2px 8px",borderRadius:10,cursor:"pointer",lineHeight:1.4},children:g?"Show fewer":`+ ${x} more agent${1===x?"":"s"} — show all`})}),null!=z&&(0,b.jsx)("div",{style:{position:"absolute",top:24,bottom:8,left:106,right:8,pointerEvents:"none"},children:(0,b.jsx)("div",{style:{position:"absolute",top:0,bottom:0,left:`${100*z}%`,width:1,background:"var(--af-text)",opacity:.7}})}),l&&(0,b.jsx)(eN,{hover:l,multiDay:a.multiDay})]})}function eN({hover:a,multiDay:c}){let{turn:d,track:e}=a,f=d.megaRow.summary,g=d.userPrompt&&"event"in d.userPrompt?d.userPrompt.event.teammateMessage:void 0,h=g?`FROM ${g.teammateId}`:"HUMAN",i=g?el(g):d.userPrompt&&"user"===d.userPrompt.kind?d.userPrompt.displayPreview??d.userPrompt.event.preview??"":"",j=f.firstAgentPreview??"",k=f.finalAgentPreview??"",l=k&&k!==j,m=f.toolNames.slice(0,4),n=Math.min(window.innerWidth-360,a.clientX+12),o=Math.max(8,a.clientY-12);return(0,b.jsxs)("div",{style:{position:"fixed",left:n,top:o,width:340,background:"var(--af-surface)",border:"1px solid var(--af-border-subtle)",borderLeft:`3px solid ${e.color}`,borderRadius:4,padding:"8px 10px",fontSize:10,lineHeight:1.4,boxShadow:"0 8px 24px rgba(0,0,0,0.25)",zIndex:100,pointerEvents:"none"},children:[(0,b.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",fontSize:9,fontFamily:"ui-monospace, monospace",color:e.color,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:4},children:[(0,b.jsx)("span",{children:e.isLead?"LEAD":e.label}),(0,b.jsxs)("span",{style:{color:"var(--af-text-tertiary)",fontWeight:500},children:[eP(d.startMs,c)," → ",eP(d.endMs,c)," · ",(0,d4.formatGap)(d.durationMs)]})]}),(0,b.jsxs)("div",{style:{fontSize:9,color:"var(--af-text-tertiary)",marginBottom:6},children:[f.agentMessages," msg · ",f.toolCalls," tools",f.errors>0?` \xb7 ${f.errors} err`:""]}),i&&(0,b.jsxs)("div",{style:{marginBottom:5},children:[(0,b.jsx)("div",{style:{fontSize:8,color:g?"var(--af-text-tertiary)":e.color,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:1,fontStyle:g?"italic":void 0},children:h}),(0,b.jsx)("div",{style:{color:g?"var(--af-text-tertiary)":"var(--af-text)",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:i})]}),j&&(0,b.jsxs)("div",{style:{marginBottom:5},children:[(0,b.jsx)("div",{style:{fontSize:8,color:e.color,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:1},children:"AGENT"}),(0,b.jsx)("div",{style:{color:"var(--af-text)",display:"-webkit-box",WebkitLineClamp:3,WebkitBoxOrient:"vertical",overflow:"hidden"},children:j})]}),m.length>0&&(0,b.jsx)("div",{style:{display:"flex",gap:3,flexWrap:"wrap",marginBottom:5*!!l},children:m.map(a=>(0,b.jsxs)("span",{style:{fontSize:8,padding:"1px 5px",background:"var(--af-surface-hover)",borderRadius:2,color:"var(--af-text-tertiary)"},children:[a.name,a.count>1?` \xd7${a.count}`:""]},a.name))}),l&&(0,b.jsxs)("div",{children:[(0,b.jsx)("div",{style:{fontSize:8,color:e.color,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.04em",marginBottom:1},children:"RESULT"}),(0,b.jsx)("div",{style:{color:"var(--af-text)",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:k})]})]})}function eO(a){return{background:"transparent",border:"1px solid var(--af-border-subtle)",color:a?"var(--af-text-tertiary)":"var(--af-text-secondary)",width:18,height:18,borderRadius:3,display:"flex",alignItems:"center",justifyContent:"center",cursor:a?"default":"pointer",opacity:a?.4:1,padding:0}}function eP(a,b){let c=new Date(a);if(!b)return c.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"});let d=c.toLocaleDateString([],{month:"short",day:"numeric"}),e=c.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"});return`${d} ${e}`}function eQ({band:a}){let[c,e]=(0,d.useState)(!1),f=100*a.xFracStart,g=Math.max(.5,(a.xFracEnd-a.xFracStart)*100);return(0,b.jsx)("div",{onMouseEnter:()=>e(!0),onMouseLeave:()=>e(!1),style:{position:"absolute",top:0,bottom:0,left:`calc(100px + ${f}% * (100% - 100px) / 100%)`,width:`calc(${g}% * (100% - 100px) / 100%)`,background:"repeating-linear-gradient(135deg, transparent 0, transparent 4px, var(--af-border-subtle) 4px, var(--af-border-subtle) 6px)",zIndex:1,cursor:"help"},children:c&&(0,b.jsxs)("div",{style:{position:"absolute",left:"50%",bottom:"calc(100% + 6px)",transform:"translateX(-50%)",background:"#0F172A",color:"#F1F5F9",borderRadius:8,padding:"6px 10px",fontSize:11,pointerEvents:"none",boxShadow:"0 4px 16px rgba(15,23,42,0.22)",zIndex:20,whiteSpace:"nowrap"},children:[(0,b.jsx)("div",{style:{fontWeight:600,marginBottom:1},children:"Idle"}),(0,b.jsx)("div",{style:{opacity:.78,fontFamily:"ui-monospace, monospace",fontSize:10},children:a.label})]})})}let eR=[{value:"turns",label:"Turns"},{value:"meaningful",label:"All actions"},{value:"all",label:"All events"},{value:"user",label:"User only"},{value:"agent",label:"Agent only"},{value:"tool-group",label:"Tool only"},{value:"error",label:"Errors only"}],eS=["transcript","team","debug"];function eT({icon:a,value:c,mono:d,truncate:e}){return(0,b.jsxs)("span",{style:{display:"inline-flex",alignItems:"center",gap:5,fontSize:12,color:"var(--af-text-secondary)",maxWidth:e?260:void 0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:[a&&(0,b.jsx)("span",{style:{display:"inline-flex",color:"var(--af-text-tertiary)"},children:a}),(0,b.jsx)("span",{style:{fontFamily:d?"var(--font-mono)":"inherit",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:c})]})}function eU(){return(0,b.jsx)("span",{style:{color:"var(--af-text-tertiary)",fontSize:11,opacity:.6},children:"·"})}function eV({usage:a}){let{ref:c,anchor:d,open:e,close:f}=eW(),g=a??{input:0,output:0,cacheRead:0,cacheWrite:0},h=g.input+g.cacheRead+g.cacheWrite,i=h>0?Math.round(g.cacheRead/h*100):0,j=g.cacheRead+g.cacheWrite;return(0,b.jsxs)("span",{ref:c,style:{display:"inline-flex",alignItems:"center",gap:6,fontSize:12,color:"var(--af-text-secondary)",cursor:"default",fontFamily:"var(--font-mono)"},onMouseEnter:e,onMouseLeave:f,children:[(0,b.jsxs)("span",{children:[(0,d4.formatTokens)(g.input),(0,b.jsx)("span",{style:{color:"var(--af-text-tertiary)",margin:"0 3px"},children:"in"}),(0,d4.formatTokens)(g.output),(0,b.jsx)("span",{style:{color:"var(--af-text-tertiary)",marginLeft:3},children:"out"})]}),j>0&&(0,b.jsxs)("span",{style:{fontSize:10.5,color:"var(--af-text-tertiary)",paddingLeft:6,borderLeft:"1px solid var(--af-border-subtle)"},children:["+",(0,d4.formatTokens)(j)," cached"]}),d&&(0,b.jsxs)(eX,{anchor:d,width:280,children:[(0,b.jsx)(eZ,{label:"Input (fresh)",value:g.input.toLocaleString()}),(0,b.jsx)(eZ,{label:"Output",value:g.output.toLocaleString()}),(0,b.jsx)(eZ,{label:"Cache read",value:`${g.cacheRead.toLocaleString()} (${i}%)`}),(0,b.jsx)(eZ,{label:"Cache write",value:g.cacheWrite.toLocaleString()}),(0,b.jsx)("div",{style:{marginTop:6,paddingTop:6,borderTop:"1px solid rgba(241,245,249,0.12)",opacity:.65,fontSize:10,whiteSpace:"normal",lineHeight:1.4},children:"Cache reads are cumulative across all API requests and billed at ~10% of regular input."})]})]})}function eW(){let a=(0,d.useRef)(null),[b,c]=(0,d.useState)(null);return{ref:a,anchor:b,open:()=>{if(!a.current)return;let b=a.current.getBoundingClientRect();c({top:b.bottom+6,left:b.left})},close:()=>c(null)}}function eX({anchor:a,width:c,children:d}){return(0,b.jsx)("div",{style:{position:"fixed",top:a.top,left:a.left,zIndex:1e3,background:"#1A1A1A",color:"#F5F1EC",padding:"8px 12px",borderRadius:6,fontSize:11,fontFamily:"var(--font-mono)",lineHeight:1.5,pointerEvents:"none",boxShadow:"0 4px 16px rgba(15,23,42,0.24)",width:c},children:d})}function eY({children:a,style:c}){return(0,b.jsx)("div",{style:{position:"absolute",zIndex:100,background:"#1A1A1A",color:"#F5F1EC",borderRadius:8,padding:"10px 12px",fontSize:11,fontFamily:"var(--font-mono)",lineHeight:1.5,boxShadow:"0 4px 20px rgba(0,0,0,0.18)",pointerEvents:"none",whiteSpace:"nowrap",...c},children:a})}function eZ({label:a,value:c}){return(0,b.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",gap:12},children:[(0,b.jsx)("span",{style:{opacity:.7},children:a}),(0,b.jsx)("span",{children:c})]})}let e$={user:1,agent:1,interrupt:1,error:1,"tool-group":1,model:1,"task-notification":1};function e_({displayRows:a,durationMs:c,selectedIndex:e,onSelect:f,headerOffset:g,subagents:h,collapsed:i,selectedSubagentId:j,onSelectSubagent:k,prMarkers:l,coldResumeMarkers:m,model:n}){let[o,p]=(0,d.useState)(null),[q,r]=(0,d.useState)(null),s=(0,d.useRef)(null);(0,d.useEffect)(()=>{let a=s.current?.closest("main");if(!a)return;let b=`-${g}px 0px -${Math.max(0,a.clientHeight-g-12)}px 0px`,c=new Set,d=new IntersectionObserver(a=>{for(let b of a){let a=b.target;b.isIntersecting?c.add(a):c.delete(a)}(()=>{if(0===c.size)return r(null);let a=null,b=1/0;for(let d of c){let c=d.offsetTop;c<b&&(b=c,a=d)}if(!a)return r(null);let d=Number(a.getAttribute("data-sl-toffset"));r(Number.isNaN(d)?null:d)})()},{root:a,rootMargin:b,threshold:0});for(let b of a.querySelectorAll("[data-sl-row-index]"))d.observe(b);return()=>d.disconnect()},[a.length,g]);let t=Math.max(c,1),u=(0,d.useMemo)(()=>{let b=[],c=[];for(let b of a)if("turn-expanded-header"!==b.kind&&"turn-expanded-footer"!==b.kind)if("turn-collapsed"===b.kind){if(void 0===b.turn.tOffsetMs)continue;c.push({kind:"turn",turn:b.turn,start:b.turn.tOffsetMs,gapMs:b.turn.rows[0]?.gapMs??0})}else{if(void 0===b.row.tOffsetMs)continue;c.push({kind:"row",row:b.row,start:b.row.tOffsetMs,gapMs:b.row.gapMs??0})}for(let a=0;a<c.length;a++){let d=c[a],e=c[a+1],f=d.start;if("row"===d.kind&&"user"===d.row.kind&&d.gapMs>2e3&&b.length>0&&b.push({kind:"idle",start:Math.max(0,f-d.gapMs),end:f,durationMs:d.gapMs}),"turn"===d.kind){let a=f+(d.turn.durationMs??0),c=e?.start,g=void 0!==c?Math.min(a,c):a;b.push({kind:"turn",turn:d.turn,primaryIndex:d.turn.firstPrimaryIndex,start:f,end:Math.max(g,f+1)})}else{let a=e?.start??Math.min(f+800,t);b.push({kind:"row",row:d.row,primaryIndex:dY(d.row),start:f,end:a})}}if(b.length<=600)return b;let d=Math.ceil(b.length/600),e=[];for(let a=0;a<b.length;a+=d){let c=b[a],f=b[Math.min(a+d-1,b.length-1)];"idle"===c.kind?e.push({kind:"idle",start:c.start,end:f.end,durationMs:f.end-c.start}):"turn"===c.kind?e.push({kind:"turn",turn:c.turn,primaryIndex:c.primaryIndex,start:c.start,end:f.end}):e.push({kind:"row",row:c.row,primaryIndex:c.primaryIndex,start:c.start,end:f.end})}return e},[a,t]),v=(0,d.useMemo)(()=>{if(0===u.length)return[];let a=u.map(a=>(a.end-a.start)/t*1400).map(a=>Math.max(a,12)),b=1400/a.reduce((a,b)=>a+b,0),c=[],d=0;for(let e of a){let a=e*b;c.push({x:d,w:a}),d+=a}return c},[u,t]),w=a=>{if(0===u.length)return 0;if(a<=u[0].start)return v[0]?.x??0;for(let b=0;b<u.length;b++){let c=u[b],d=v[b];if(d){if(a<c.start)return d.x;if(a<=c.end){let b=c.end-c.start,e=b>0?(a-c.start)/b:0;return d.x+e*d.w}}}let b=v[v.length-1];return b?b.x+b.w:1400},{laneOf:x,laneCount:y}=(0,d.useMemo)(()=>{if(!h||0===h.length)return{laneOf:new Map,laneCount:0};let a=[...h].sort((a,b)=>(a.startTOffsetMs??0)-(b.startTOffsetMs??0)),b=[],c=new Map;for(let d of a){let a=d.startTOffsetMs??0,e=d.endTOffsetMs??a+1,f=-1;for(let c=0;c<b.length;c++)if(b[c]<=a){f=c;break}-1===f&&(f=b.length,b.push(0)),b[f]=e,c.set(d.agentId,f)}return{laneOf:c,laneCount:b.length}},[h]),z=28+(y>0?6+(y>0?11*y:0):0);return(0,b.jsxs)("div",{ref:s,style:{padding:"8px 10px",position:"relative",background:"var(--af-surface)",border:"1px solid var(--af-border-subtle)",borderRadius:8,marginTop:2},onMouseLeave:()=>p(null),children:[(0,b.jsxs)("svg",{viewBox:`0 0 1400 ${z}`,preserveAspectRatio:"none",style:{width:"100%",height:z,display:"block",overflow:"visible"},children:[(0,b.jsx)("defs",{children:(0,b.jsxs)("pattern",{id:"stripes",patternUnits:"userSpaceOnUse",width:"6",height:"6",patternTransform:"rotate(45)",children:[(0,b.jsx)("rect",{width:"6",height:"6",fill:"rgba(120, 115, 108, 0.04)"}),(0,b.jsx)("line",{x1:"0",y1:"0",x2:"0",y2:"6",stroke:"rgba(120, 115, 108, 0.28)",strokeWidth:"2"})]})}),u.map((a,c)=>{let d,g,h=v[c];if(!h)return null;let i=h.x,j=h.w;if("idle"===a.kind){let d=Math.max(j-3,6);return(0,b.jsx)("rect",{x:i+1.5,y:4,width:d,height:20,fill:"url(#stripes)",stroke:"rgba(120, 115, 108, 0.35)",strokeWidth:"0.6",rx:"3",onMouseEnter:b=>p({clientX:b.clientX,idleMs:a.durationMs})},`idle-${c}`)}let k="turn"===a.kind?"agent":a.row.kind,l=eq[k],m=22*e$[k],n=3+(22-m)/2,o=e===a.primaryIndex;return"row"===a.kind&&("error"===a.row.kind||"interrupt"===a.row.kind)?(d=Math.min(Math.max(j-3,2),5),g=i+Math.max((j-d)/2,1.5)):(d=Math.max(j-3,6),g=i+1.5),(0,b.jsxs)("g",{children:[(0,b.jsx)("rect",{x:g,y:n,width:d,height:m,fill:l.mini,rx:"3",style:{cursor:"pointer"},onClick:()=>f(a.primaryIndex),onMouseEnter:b=>"turn"===a.kind?p({clientX:b.clientX,turn:a.turn}):p({clientX:b.clientX,row:a.row})}),o&&(0,b.jsx)("rect",{x:g-2.5,y:n-2.5,width:d+5,height:m+5,fill:"none",stroke:"#5C84C3",strokeWidth:"2",rx:"5",pointerEvents:"none"})]},`seg-${a.primaryIndex}-${c}`)}),y>0&&h&&(0,b.jsxs)("g",{children:[(0,b.jsx)("line",{x1:0,x2:1400,y1:31,y2:31,stroke:"var(--af-border-subtle)",strokeWidth:"0.6",strokeDasharray:"2 4"}),h.map(a=>{let c=x.get(a.agentId)??0;if(void 0===a.startTOffsetMs||void 0===a.endTOffsetMs)return null;let d=w(a.startTOffsetMs),e=Math.max(w(a.endTOffsetMs)-d,8),f=34+11*c,g=e0(a.agentType,a.runInBackground),h=j===a.agentId;return(0,b.jsxs)("g",{children:[(0,b.jsx)("rect",{x:d,y:f,width:e,height:9,fill:g,stroke:a.runInBackground?"#fff":"transparent",strokeWidth:.5*!!a.runInBackground,strokeDasharray:a.runInBackground?"1.5 1.5":void 0,rx:"2",style:{cursor:"pointer"},onMouseEnter:b=>p({clientX:b.clientX,subagent:a}),onClick:()=>k?.(h?null:a.agentId)}),h&&(0,b.jsx)("rect",{x:d-2,y:f-2,width:e+4,height:13,fill:"none",stroke:"var(--af-accent)",strokeWidth:"1.5",rx:"4",pointerEvents:"none"})]},a.agentId)})]}),l?.map((a,c)=>{if(void 0===a.tOffsetMs)return null;let d=w(a.tOffsetMs);return(0,b.jsxs)("g",{style:{cursor:"pointer"},onMouseEnter:b=>p({clientX:b.clientX,pr:a}),children:[(0,b.jsx)("line",{x1:d,x2:d,y1:0,y2:z,stroke:"#8b5cf6",strokeWidth:"1.5",strokeDasharray:"4 3",opacity:"0.7"}),(0,b.jsx)("rect",{x:d-8,y:0,width:16,height:z,fill:"transparent"}),(0,b.jsx)("polygon",{points:`${d},9 ${d+5},14 ${d},19 ${d-5},14`,fill:"#8b5cf6",stroke:"var(--af-surface)",strokeWidth:"1.5"})]},`pr-${c}`)}),m?.map((a,c)=>{let d=w(a.tOffsetMs);return(0,b.jsxs)("g",{style:{cursor:"pointer"},onMouseEnter:b=>p({clientX:b.clientX,cold:a}),children:[(0,b.jsx)("line",{x1:d,x2:d,y1:0,y2:z,stroke:"#D97706",strokeWidth:"1.5",strokeDasharray:"4 3",opacity:"0.75"}),(0,b.jsx)("rect",{x:d-8,y:0,width:16,height:z,fill:"transparent"}),(0,b.jsx)("polygon",{points:`${d},9 ${d+5},14 ${d},19 ${d-5},14`,fill:"#D97706",stroke:"var(--af-surface)",strokeWidth:"1.5"})]},`cold-${c}`)}),null!==q&&(0,b.jsx)("line",{x1:w(q),x2:w(q),y1:0,y2:z,stroke:"#0F172A",strokeWidth:"1.25",strokeDasharray:"2 2",opacity:"0.65"})]}),o&&(0,b.jsx)(e1,{containerRef:s,clientX:o.clientX,row:o.row,turn:o.turn,idleMs:o.idleMs,subagent:o.subagent,pr:o.pr,cold:o.cold,model:n}),y>0&&h&&(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:10,marginTop:6,fontSize:10,color:"var(--af-text-tertiary)"},children:[(0,b.jsx)("span",{style:{fontWeight:600,textTransform:"uppercase",letterSpacing:"0.04em"},children:"Sub-agents"}),(0,b.jsx)("span",{children:"·"}),(0,b.jsxs)("span",{children:[h.length," run",1===h.length?"":"s"]}),(0,b.jsxs)("span",{style:{marginLeft:8,display:"flex",gap:8,flexWrap:"wrap"},children:[Array.from(new Set(h.map(a=>a.agentType))).map(a=>(0,b.jsxs)("span",{style:{display:"inline-flex",alignItems:"center",gap:4},children:[(0,b.jsx)("span",{style:{display:"inline-block",width:8,height:8,borderRadius:2,background:e0(a,!1)}}),a]},a)),h.some(a=>a.runInBackground)&&(0,b.jsxs)("span",{style:{display:"inline-flex",alignItems:"center",gap:4},children:[(0,b.jsx)("span",{style:{display:"inline-block",width:8,height:8,borderRadius:2,background:"transparent",border:"1px dashed var(--af-text-secondary)"}}),"background"]})]})]})]})}function e0(a,b){let[c,d]={"general-purpose":["#5C84C3","#7BA3DC"],Explore:["#A855F7","#C57BFF"],Plan:["#F59E0B","#FFBD3D"],"code-reviewer":["#34D399","#5EE5B0"],"playwright-qa-verifier":["#22D3EE","#67E8F9"],"claude-code-guide":["#EC4899","#F472B6"]}[a]??["#8A8580","#A8A19A"];return b?d:c}function e1({containerRef:a,clientX:c,row:d,turn:e,idleMs:f,subagent:g,pr:h,cold:i,model:j}){let k=a.current?.getBoundingClientRect(),l={top:"calc(100% + 8px)",left:Math.min(Math.max((k?c-k.left:0)-140,8),(k?.width??1400)-300)};if(g){let a=(0,d4.formatOffset)(g.startTOffsetMs),c=(0,d4.formatOffset)(g.endTOffsetMs),d=void 0!==g.durationMs?(0,d4.formatGap)(g.durationMs):"",e=g.totalUsage.input+g.totalUsage.cacheRead+g.totalUsage.cacheWrite;return(0,b.jsxs)("div",{style:{position:"absolute",...l,zIndex:100,background:"#0F172A",color:"#F1F5F9",borderRadius:10,padding:"12px 14px",fontSize:11,pointerEvents:"none",boxShadow:"0 6px 24px rgba(15,23,42,0.22)",maxWidth:440,minWidth:280,lineHeight:1.45},children:[(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8,marginBottom:8},children:[(0,b.jsx)("span",{style:{fontSize:10,fontWeight:600,padding:"2px 8px",borderRadius:4,background:e0(g.agentType,g.runInBackground),color:"#fff"},children:g.agentType}),g.runInBackground&&(0,b.jsx)("span",{style:{fontSize:9,fontWeight:600,padding:"1px 6px",borderRadius:3,background:"rgba(251, 191, 36, 0.18)",color:"#FBBF24",textTransform:"uppercase",letterSpacing:"0.04em"},children:"background"}),(0,b.jsxs)("span",{style:{fontFamily:"var(--font-mono)",fontSize:10,opacity:.7,marginLeft:"auto"},children:[a," → ",c," · ",d]})]}),(0,b.jsx)("div",{style:{fontWeight:500,marginBottom:6},children:g.description}),(0,b.jsxs)("div",{style:{fontSize:10,opacity:.65,display:"flex",gap:8,paddingTop:6,borderTop:"1px solid rgba(241,245,249,0.08)"},children:[(0,b.jsxs)("span",{children:[g.eventCount," events"]}),(0,b.jsx)("span",{children:"·"}),(0,b.jsxs)("span",{style:{fontFamily:"var(--font-mono)"},children:[(0,d4.formatTokens)(e),"/",(0,d4.formatTokens)(g.totalUsage.output)," tok"]})]}),g.finalPreview&&(0,b.jsxs)("div",{style:{marginTop:6,opacity:.78,fontStyle:"italic",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:["→ ",g.finalPreview]})]})}if(i){let a,{trigger:c,gapMs:d,writeTokens:e,compact:f}=i.info,g="compact"===c,h=(0,d4.estimateCost)({input:0,output:0,cacheRead:0,cacheWrite:e},j);a=g?f?.trigger==="auto"?"⚡ AUTO-COMPACT":"⚡ /COMPACT":"⚡ CACHE REBUILD";let k=g?`${(0,d4.formatTokens)(e)} rewritten \xb7 pre-compact ${(0,d4.formatTokens)(f?.preTokens??0)}`:`${(0,d4.formatTokens)(e)} rewritten \xb7 idle ${(0,d4.formatGap)(d)}`;return(0,b.jsxs)("div",{style:{position:"absolute",...l,zIndex:100,background:"#0F172A",color:"#F1F5F9",borderRadius:10,padding:"10px 14px",fontSize:11,pointerEvents:"none",boxShadow:"0 6px 24px rgba(15,23,42,0.22)",maxWidth:340,minWidth:220,lineHeight:1.45},children:[(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8,marginBottom:4},children:[(0,b.jsx)("span",{style:{fontSize:10,fontWeight:600,padding:"2px 8px",borderRadius:4,background:"#D97706",color:"#fff"},children:a}),(0,b.jsxs)("span",{style:{fontFamily:"var(--font-mono)",fontSize:10,opacity:.7},children:["at ",(0,d4.formatOffset)(i.tOffsetMs)]})]}),(0,b.jsxs)("div",{style:{fontWeight:500,fontFamily:"var(--font-mono)"},children:[k,h>=.005&&` \xb7 est. ${(0,d4.formatCost)(h)}`]}),(0,b.jsx)("div",{style:{marginTop:4,fontSize:10,opacity:.65,fontStyle:"italic",whiteSpace:"normal"},children:g?"Conversation was summarized; prefix had to be rewritten into a fresh cache.":"Prompt cache expired during idle; resuming within 5 min keeps it warm."})]})}if(h){let a=h.title?`PR${h.prNumber?` #${h.prNumber}`:""}: ${h.title}`:h.prNumber?`PR #${h.prNumber}`:"PR created";return(0,b.jsxs)("div",{style:{position:"absolute",...l,zIndex:100,background:"#0F172A",color:"#F1F5F9",borderRadius:10,padding:"10px 14px",fontSize:11,pointerEvents:"none",boxShadow:"0 6px 24px rgba(15,23,42,0.22)",maxWidth:360,minWidth:200,lineHeight:1.45},children:[(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8,marginBottom:4},children:[(0,b.jsx)("span",{style:{fontSize:10,fontWeight:600,padding:"2px 8px",borderRadius:4,background:"#8b5cf6",color:"#fff"},children:"PR"}),void 0!==h.tOffsetMs&&(0,b.jsxs)("span",{style:{fontFamily:"var(--font-mono)",fontSize:10,opacity:.7},children:["at ",(0,d4.formatOffset)(h.tOffsetMs)]})]}),(0,b.jsx)("div",{style:{fontWeight:500},children:a})]})}if(void 0!==f)return(0,b.jsxs)("div",{style:{position:"absolute",...l,zIndex:100,background:"#0F172A",color:"#F1F5F9",borderRadius:10,padding:"8px 12px",fontSize:11,pointerEvents:"none",boxShadow:"0 6px 24px rgba(15,23,42,0.22)"},children:[(0,b.jsx)("div",{style:{fontWeight:600,marginBottom:2},children:"Session idle"}),(0,b.jsx)("div",{style:{opacity:.78,fontFamily:"var(--font-mono)"},children:(0,d4.formatGap)(f)})]});if(e){let a=eq.agent,c=e.summary,d=void 0!==e.durationMs?(0,d4.formatGap)(e.durationMs):"",f=(0,d4.formatOffset)(e.tOffsetMs),g=void 0!==e.tOffsetMs&&void 0!==e.durationMs?(0,d4.formatOffset)(e.tOffsetMs+e.durationMs):void 0,h=c.firstAgentPreview&&c.finalAgentPreview&&c.firstAgentPreview!==c.finalAgentPreview,i=c.toolNames.slice(0,3).map(a=>a.count>1?`${et(a.name)} \xd7${a.count}`:et(a.name)).join(" · ");return(0,b.jsxs)("div",{style:{position:"absolute",...l,zIndex:100,background:"#0F172A",color:"#F1F5F9",borderRadius:10,padding:"12px 14px",fontSize:11,pointerEvents:"none",boxShadow:"0 6px 24px rgba(15,23,42,0.22)",maxWidth:440,minWidth:280,lineHeight:1.45},children:[(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8,marginBottom:8},children:[(0,b.jsx)("span",{style:{fontSize:10,fontWeight:600,padding:"2px 8px",borderRadius:4,background:a.mini,color:"#fff"},children:"Turn"}),(0,b.jsx)("span",{style:{fontFamily:"var(--font-mono)",fontSize:10,opacity:.7},children:g?`${f} → ${g}`:f}),d&&(0,b.jsxs)("span",{style:{fontFamily:"var(--font-mono)",fontSize:10,opacity:.55},children:["· ",d]})]}),c.firstAgentPreview&&(0,b.jsx)("div",{style:{opacity:.95,fontWeight:500,display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",marginBottom:6},children:c.firstAgentPreview}),(0,b.jsxs)("div",{style:{fontSize:10,opacity:.65,marginBottom:6*!!h,borderTop:c.firstAgentPreview?"1px solid rgba(241,245,249,0.08)":void 0,paddingTop:6*!!c.firstAgentPreview},children:[c.agentMessages," msg · ",c.toolCalls," tools",c.errors>0?` \xb7 ${c.errors} err`:"",i&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("span",{style:{opacity:.5,margin:"0 4px"},children:"·"}),(0,b.jsx)("span",{style:{fontFamily:"var(--font-mono)"},children:i}),c.toolNames.length>3&&(0,b.jsxs)("span",{style:{opacity:.65},children:[" +",c.toolNames.length-3]})]})]}),h&&c.finalAgentPreview&&(0,b.jsxs)("div",{style:{opacity:.92,display:"flex",gap:6,alignItems:"flex-start",borderTop:"1px solid rgba(241,245,249,0.08)",paddingTop:6},children:[(0,b.jsx)("span",{style:{opacity:.5},children:"→"}),(0,b.jsx)("span",{style:{display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:c.finalAgentPreview})]})]})}if(!d)return null;let m=eq[d.kind],n=er(d);return(0,b.jsxs)("div",{style:{position:"absolute",...l,zIndex:100,background:"#0F172A",color:"#F1F5F9",borderRadius:10,padding:"10px 14px",fontSize:11,pointerEvents:"none",boxShadow:"0 6px 24px rgba(15,23,42,0.22)",maxWidth:360,minWidth:220},children:[(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8,marginBottom:6},children:[(0,b.jsx)("span",{style:{fontSize:10,fontWeight:600,padding:"2px 8px",borderRadius:4,background:m.mini,color:"#fff"},children:m.label}),(0,b.jsx)("span",{style:{fontFamily:"var(--font-mono)",fontSize:10,opacity:.65},children:(0,d4.formatOffset)(d.tOffsetMs)})]}),(0,b.jsx)("div",{style:{lineHeight:1.45,opacity:.92,display:"-webkit-box",WebkitLineClamp:3,WebkitBoxOrient:"vertical",overflow:"hidden"},children:n})]})}function e2({displayRows:a,rowRefs:c,selectedIndex:d,onSelect:e,onToggleTurn:f,stickyOffset:g,isSessionLive:h,team:i,model:j}){let k=-1;if(h){for(let b=a.length-1;b>=0;b--)if("turn-collapsed"===a[b].kind){k=b;break}}let l=[];for(let h=0;h<a.length;h++){let m=a[h];if("turn-collapsed"===m.kind){let a=m.turn.firstPrimaryIndex,d=e4(m);l.push((0,b.jsx)(e9,{turn:m.turn,stickyOffset:g,onClick:()=>f(a),inProgress:h===k,team:i,coldResume:d??void 0,model:j,refCb:b=>{c.current[a]=b}},`turn-${a}`));continue}if("turn-expanded-header"===m.kind){let a=e4(m);l.push((0,b.jsx)(fc,{turn:m.turn,onClick:()=>f(m.turn.firstPrimaryIndex),coldResume:a??void 0,model:j},`turnhead-${m.turn.firstPrimaryIndex}`));continue}if("turn-expanded-footer"===m.kind){l.push((0,b.jsx)(fd,{turn:m.turn,onClick:()=>f(m.turn.firstPrimaryIndex)},`turnfoot-${m.turn.firstPrimaryIndex}`));continue}let n=m.row,o=n.gapMs??0;"user"===n.kind&&o>2e3&&!m.indented&&l.push((0,b.jsx)(e3,{gapMs:o},`idle-${dY(n)}`));let p=dY(n);l.push((0,b.jsx)(fe,{row:n,selected:d===p,onSelect:()=>e(p),stickyOffset:g,indented:m.indented,refCb:a=>{c.current[p]=a}},`row-${p}`))}return(0,b.jsx)("div",{children:l})}function e3({gapMs:a}){return(0,b.jsxs)("div",{style:{margin:"8px 0",padding:"6px 12px",textAlign:"center",background:"repeating-linear-gradient(135deg, rgba(107,101,96,0.04) 0px, rgba(107,101,96,0.04) 6px, rgba(107,101,96,0.12) 6px, rgba(107,101,96,0.12) 12px)",border:"1px solid var(--af-border-subtle)",borderRadius:6,fontSize:11,color:"var(--af-text-tertiary)",letterSpacing:"0.02em"},children:["Session idle · ",(0,d4.formatGap)(a)]})}function e4(a){if("presentation"===a.kind)return e5(a.row);if("turn-collapsed"===a.kind||"turn-expanded-header"===a.kind)for(let b of a.turn.rows){let a=e5(b);if(a)return a}return null}function e5(a){if("agent"===a.kind){if(a.event.coldResume)return a.event.coldResume;for(let b of a.groupedEvents)if(b.coldResume)return b.coldResume}else if("tool-group"===a.kind){for(let b of a.events)if(b.coldResume)return b.coldResume}return null}function e6({info:a,model:c}){let d,{trigger:e,gapMs:f,writeTokens:g,writeRatio:h,compact:i}=a,j=(0,d4.estimateCost)({input:0,output:0,cacheRead:0,cacheWrite:g},c),k="compact"===e;return d=k?i?.trigger==="auto"?"Auto-compact rebuilt the cache":"Conversation compacted · cache rebuilt":`Session resumed cold \xb7 idle ${(0,d4.formatGap)(f)}`,(0,b.jsxs)("div",{style:{padding:"8px 12px",background:"rgba(217, 119, 6, 0.08)",border:"1px solid rgba(217, 119, 6, 0.35)",borderLeft:"3px solid rgba(217, 119, 6, 0.9)",borderRadius:6,fontSize:11.5,color:"var(--af-text-secondary)",lineHeight:1.5},children:[(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:8,fontWeight:600,color:"#78350F",letterSpacing:"0.01em"},children:[(0,b.jsx)("span",{style:{fontSize:13},children:"⚡"}),d]}),(0,b.jsxs)("div",{style:{marginTop:4,fontFamily:"var(--font-mono)",fontSize:11},children:["Rewrote ",(0,b.jsx)("b",{children:(0,d4.formatTokens)(g)})," tokens into prompt cache",j>=.005&&(0,b.jsxs)(b.Fragment,{children:[" ","· est. ",(0,b.jsx)("b",{children:(0,d4.formatCost)(j)})]}),k&&i&&(0,b.jsxs)(b.Fragment,{children:[" ","· pre-compact ",(0,b.jsx)("b",{children:(0,d4.formatTokens)(i.preTokens)})]}),!k&&(0,b.jsxs)(b.Fragment,{children:[" ","· ",h>=.9?"fully cold":"partial"," (",Math.round(100*h),"% write)"]})]}),(0,b.jsx)("div",{style:{marginTop:3,fontSize:10.5,color:"var(--af-text-tertiary)",fontStyle:"italic"},children:k?"Compaction summarizes the conversation, so the prefix must be rewritten into a fresh cache. Any /compact or auto-compact will cost this rewrite.":"Prompt cache expired during idle. Resuming within 5 min keeps the cache warm and avoids the rewrite tax."})]})}function e7({count:a,writeTokens:c,model:d}){let{ref:e,anchor:f,open:g,close:h}=eW(),i=(0,d4.estimateCost)({input:0,output:0,cacheRead:0,cacheWrite:c},d);return(0,b.jsxs)("span",{ref:e,style:{display:"inline-flex",alignItems:"center",gap:5,fontSize:11.5,fontWeight:600,color:"#78350F",background:"rgba(217, 119, 6, 0.12)",padding:"2px 8px",borderRadius:100,cursor:"default"},onMouseEnter:g,onMouseLeave:h,children:[(0,b.jsx)("span",{style:{fontSize:12},children:"⚡"}),a," cache rebuild",1===a?"":"s"," · ",(0,d4.formatTokens)(c)," rewritten",f&&(0,b.jsxs)(eX,{anchor:f,width:320,children:[(0,b.jsx)(eZ,{label:"Cache rebuilds",value:a.toLocaleString()}),(0,b.jsx)(eZ,{label:"Tokens rewritten",value:c.toLocaleString()}),i>=.005&&(0,b.jsx)(eZ,{label:"Est. rebuild cost",value:(0,d4.formatCost)(i)}),(0,b.jsx)("div",{style:{marginTop:6,paddingTop:6,borderTop:"1px solid rgba(241,245,249,0.12)",opacity:.65,fontSize:10,whiteSpace:"normal",lineHeight:1.4},children:"Turns where the whole prompt-cache prefix had to be rewritten. Either the cache expired during a long idle gap, or a /compact (manual or auto) summarized the conversation. Both cost tokens at 1.25× base input price."})]})]})}function e8({info:a,model:c}){let{writeTokens:d}=a,e=(0,d4.estimateCost)({input:0,output:0,cacheRead:0,cacheWrite:d},c);return(0,b.jsxs)("span",{title:`Prompt cache expired during idle; this turn rewrote ${d.toLocaleString()} tokens into cache${e>=.005?` (est. ${(0,d4.formatCost)(e)})`:""}.`,style:{display:"inline-flex",alignItems:"center",gap:4,fontSize:10.5,fontWeight:600,padding:"2px 7px",borderRadius:3,background:"rgba(217, 119, 6, 0.14)",color:"#78350F",letterSpacing:"0.01em",cursor:"default"},children:["⚡ cold resume · ",(0,d4.formatTokens)(d)," rewritten"]})}function e9({turn:a,onClick:c,refCb:e,stickyOffset:f,inProgress:h,team:i,coldResume:j,model:k}){let l=eq.agent,m=a.summary,n=m.totalTokens.input>0||m.totalTokens.output>0,o=m.firstAgentIndex??-1,p=m.finalAgentIndex??-1,q=o>=0?a.rows[o]:void 0,r=p>=0&&p!==o?a.rows[p]:void 0,s=a.rows.filter((a,b)=>b!==o&&(!r||b!==p)),[t,u]=(0,d.useState)(!1),[v,w]=(0,d.useState)(!1),x=a=>a.stopPropagation();return(0,b.jsxs)("div",{ref:e,"data-sl-row-index":a.firstPrimaryIndex,"data-sl-toffset":a.tOffsetMs??0,style:{display:"grid",gridTemplateColumns:"20px 84px 1fr auto auto",columnGap:12,alignItems:"start",padding:"14px 12px 0 12px",borderBottom:"1px solid var(--af-border-subtle)",transition:"background 0.08s",scrollMarginTop:f},children:[(0,b.jsx)("span",{}),(0,b.jsx)("span",{style:{justifySelf:"start",fontSize:11,fontWeight:600,padding:"3px 10px",borderRadius:4,background:l.bg,color:l.fg,marginTop:2},children:"Agent"}),(0,b.jsxs)("div",{style:{minWidth:0,display:"flex",flexDirection:"column",gap:10,paddingBottom:10},children:[j&&(0,b.jsx)("div",{onClick:x,children:(0,b.jsx)(e6,{info:j,model:k})}),q&&(0,b.jsx)(fa,{label:"First message",row:q,expanded:t,onToggle:a=>{x(a),u(a=>!a)}}),(0,b.jsx)("div",{onClick:x,children:(0,b.jsx)(fb,{summary:m,durationMs:a.durationMs,rows:a.rows,team:i})}),s.length>0&&(0,b.jsx)("div",{onClick:x,children:(0,b.jsx)(eu,{rows:s})}),h&&r?(0,b.jsx)(fa,{label:`In progress \xb7 ${a.rows.length} step${1===a.rows.length?"":"s"} so far`,labelPrefix:(0,b.jsx)("span",{style:{display:"inline-block",width:6,height:6,borderRadius:"50%",background:"#ef4444",animation:"cs-live-pulse 1.6s ease-in-out infinite"}}),row:r,expanded:v,onToggle:a=>{x(a),w(a=>!a)},arrow:!0}):r?(0,b.jsx)(fa,{label:"Conclusion",row:r,expanded:v,onToggle:a=>{x(a),w(a=>!a)},arrow:!0}):null,(0,b.jsxs)("button",{type:"button",onClick:a=>{x(a),c()},style:{display:"flex",alignItems:"center",justifyContent:"center",gap:6,width:"100%",padding:"7px 10px",marginTop:4,background:"var(--af-surface-hover)",border:"1px solid var(--af-border-subtle)",borderRadius:6,fontSize:11,fontWeight:500,color:"var(--af-text-secondary)",fontFamily:"inherit",cursor:"pointer",transition:"all 0.1s"},onMouseEnter:a=>{a.currentTarget.style.background="var(--af-surface-elevated)",a.currentTarget.style.color="var(--af-text)"},onMouseLeave:a=>{a.currentTarget.style.background="var(--af-surface-hover)",a.currentTarget.style.color="var(--af-text-secondary)"},children:[(0,b.jsx)(g.ChevronDown,{size:13}),"Show all ",a.rows.length," step",1===a.rows.length?"":"s"]})]}),(0,b.jsx)("span",{style:{marginTop:3},children:n&&(0,b.jsx)(fh,{usage:m.totalTokens})}),(0,b.jsx)("span",{style:{fontFamily:"var(--font-mono)",fontSize:11,color:"var(--af-text-tertiary)",marginTop:3,minWidth:64,textAlign:"right"},children:(0,d4.formatOffset)(a.tOffsetMs)})]})}function fa({label:a,labelPrefix:c,row:d,expanded:e,onToggle:f,arrow:i}){return(0,b.jsxs)("div",{onClick:f,style:{display:"flex",flexDirection:"column",gap:4,padding:"6px 10px",borderRadius:6,background:e?"var(--af-surface-hover)":"transparent",border:e?"1px solid var(--af-border-subtle)":"1px solid transparent",cursor:"pointer",transition:"all 0.12s",borderTop:i&&!e?"1px dashed var(--af-border-subtle)":void 0},onMouseEnter:a=>{e||(a.currentTarget.style.background="var(--af-surface-hover)")},onMouseLeave:a=>{e||(a.currentTarget.style.background="transparent")},children:[(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:6,fontSize:10,color:"var(--af-text-tertiary)",textTransform:"uppercase",letterSpacing:"0.04em",fontWeight:600},children:[c,e?(0,b.jsx)(g.ChevronDown,{size:11}):(0,b.jsx)(h.ChevronRight,{size:11}),a]}),e?(0,b.jsx)("div",{className:"sl-prose",style:{fontSize:13},children:d.event.blocks.filter(a=>"text"===a.type).map((a,c)=>(0,b.jsx)(cL,{remarkPlugins:[dX],components:{a:a=>(0,b.jsx)("a",{...a,target:"_blank",rel:"noopener noreferrer",style:{color:"var(--af-accent)",textDecoration:"underline"}})},children:a.text},c))}):(0,b.jsxs)("div",{style:{display:"flex",gap:6,alignItems:"flex-start",fontSize:13,lineHeight:1.45,color:"var(--af-text)",fontWeight:500},children:[i&&(0,b.jsx)("span",{style:{color:"var(--af-text-tertiary)",fontSize:11,marginTop:1},children:"→"}),(0,b.jsx)("span",{style:{overflow:"hidden",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical"},children:d.event.preview})]})]})}function fb({summary:a,durationMs:e,rows:f,team:g}){let h,i,j=0,k=0,l=0,m=0,n=0,o=0,p=0,q=0,r=[];for(let a of f)if("tool-group"===a.kind)for(let b of a.events){let a=b.toolName??"",c=b.blocks.find(a=>a&&"tool_use"===a.type)?.input,d="string"==typeof c?.file_path?c.file_path:void 0;switch(a){case"Edit":j++,d&&(i=d);break;case"Write":k++,d&&(i=d);break;case"Read":l++,d&&(i=d);break;case"Bash":m++;break;case"Grep":n++;break;case"Glob":o++;break;case"Agent":{p++;let a="string"==typeof c?.name?c.name:void 0;a&&r.push(a);break}default:q++}}let s=[];if(j>0||k>0){let a=j+k;s.push((0,b.jsx)("span",{children:(0,b.jsxs)("b",{style:{fontWeight:600},children:["Edited ",a," file",1===a?"":"s"]})},"edit"))}if(l>0&&s.push((0,b.jsxs)("span",{children:["read ",(0,b.jsx)("b",{style:{fontWeight:600},children:l})," file",1===l?"":"s"]},"read")),m>0&&s.push((0,b.jsxs)("span",{children:["ran ",(0,b.jsx)("b",{style:{fontWeight:600},children:m})," command",1===m?"":"s"]},"bash")),n+o>0){let a=n+o;s.push((0,b.jsxs)("span",{children:[(0,b.jsx)("b",{style:{fontWeight:600},children:a})," search",1===a?"":"es"]},"search"))}if(p>0){let a=g?new Map(g.tracks.filter(a=>!a.isLead).map(a=>[a.label,a.id])):null;r.length>0&&a&&a.size>0?s.push((0,b.jsxs)("span",{style:{display:"inline-flex",alignItems:"center",gap:4,flexWrap:"wrap"},children:["dispatched"," ",r.map((d,e)=>{let f=a.get(d);return f?(0,b.jsx)(c.default,{href:`/sessions/${f}`,style:{fontSize:10,padding:"1px 7px",background:"var(--af-surface-hover)",border:"1px solid var(--af-border-subtle)",borderRadius:10,color:"var(--af-text-secondary)",textDecoration:"none",fontWeight:600},children:d},e):(0,b.jsx)("span",{style:{fontSize:10,padding:"1px 7px",background:"var(--af-surface-hover)",borderRadius:10,color:"var(--af-text-tertiary)"},children:d},e)})]},"agent")):s.push((0,b.jsxs)("span",{children:["dispatched ",(0,b.jsx)("b",{style:{fontWeight:600},children:p})," sub-agent",1===p?"":"s"]},"agent"))}q>0&&0===s.length&&s.push((0,b.jsxs)("span",{children:[(0,b.jsx)("b",{style:{fontWeight:600},children:q})," tool call",1===q?"":"s"]},"other")),0===s.length&&a.agentMessages>0&&s.push((0,b.jsxs)("span",{children:[a.agentMessages," message",1===a.agentMessages?"":"s"]},"msgs"));let t=i?(h=i.split("/")).length>3?"…/"+h.slice(-3).join("/"):i:void 0;return(0,b.jsxs)("div",{style:{fontSize:11,color:"var(--af-text-tertiary)",lineHeight:1.6},children:[(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:4,flexWrap:"wrap"},children:[s.map((a,c)=>(0,b.jsxs)(d.default.Fragment,{children:[c>0&&(0,b.jsx)("span",{style:{opacity:.5},children:", "}),a]},c)),a.errors>0&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("span",{style:{opacity:.5},children:", "}),(0,b.jsxs)("span",{style:{color:"var(--af-danger)"},children:[a.errors," error",1===a.errors?"":"s"]})]}),void 0!==e&&e>0&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("span",{style:{opacity:.5,marginLeft:4},children:"·"}),(0,b.jsx)("span",{style:{fontFamily:"var(--font-mono)",fontSize:10},children:(0,d4.formatGap)(e)})]})]}),t&&(0,b.jsxs)("div",{style:{fontSize:10,color:"var(--af-text-tertiary)",fontFamily:"var(--font-mono)",marginTop:1,opacity:.75},title:i,children:["└ ",t]})]})}function fc({turn:a,onClick:c,coldResume:d,model:e}){let f=a.summary;return(0,b.jsxs)("div",{onClick:c,style:{display:"flex",alignItems:"center",gap:8,padding:"6px 12px 6px 18px",marginLeft:12,borderLeft:"2px solid var(--af-accent)",borderBottom:"1px dashed var(--af-border-subtle)",fontSize:11,color:"var(--af-text-tertiary)",cursor:"pointer",background:"rgba(92, 132, 195, 0.04)"},onMouseEnter:a=>{a.currentTarget.style.background="rgba(92, 132, 195, 0.10)",a.currentTarget.style.color="var(--af-text-secondary)"},onMouseLeave:a=>{a.currentTarget.style.background="rgba(92, 132, 195, 0.04)",a.currentTarget.style.color="var(--af-text-tertiary)"},children:[(0,b.jsx)(g.ChevronDown,{size:13}),(0,b.jsxs)("span",{children:["Hide turn · ",f.agentMessages," message",1===f.agentMessages?"":"s"," · ",f.toolCalls," tool",1===f.toolCalls?"":"s",void 0!==a.durationMs?` \xb7 ${(0,d4.formatGap)(a.durationMs)}`:""]}),d&&(0,b.jsx)("span",{style:{marginLeft:"auto"},children:(0,b.jsx)(e8,{info:d,model:e})})]})}function fd({turn:a,onClick:c}){let d=a.summary;return(0,b.jsxs)("div",{onClick:c,style:{display:"flex",alignItems:"center",gap:8,padding:"7px 12px 7px 18px",marginLeft:12,marginBottom:8,borderLeft:"2px solid var(--af-accent)",borderTop:"1px dashed var(--af-border-subtle)",borderBottomLeftRadius:6,borderBottomRightRadius:6,fontSize:11,color:"var(--af-text-tertiary)",cursor:"pointer",background:"rgba(92, 132, 195, 0.04)"},onMouseEnter:a=>{a.currentTarget.style.background="rgba(92, 132, 195, 0.10)",a.currentTarget.style.color="var(--af-text-secondary)"},onMouseLeave:a=>{a.currentTarget.style.background="rgba(92, 132, 195, 0.04)",a.currentTarget.style.color="var(--af-text-tertiary)"},children:[(0,b.jsx)(i,{size:13}),(0,b.jsxs)("span",{children:["Collapse turn · ",d.agentMessages," message",1===d.agentMessages?"":"s"," · ",d.toolCalls," ","tool",1===d.toolCalls?"":"s",void 0!==a.durationMs?` \xb7 ${(0,d4.formatGap)(a.durationMs)}`:""]})]})}function fe({row:a,selected:c,onSelect:d,refCb:e,stickyOffset:f,indented:g}){let h=eq[a.kind],i=("tool-group"===a.kind?a.events[0]:a.event).usage,j="agent"===a.kind&&i&&(i.input>0||i.output>0),k="user"===a.kind&&a.event.teammateMessage?"Team Lead":h.label,l=er(a);return(0,b.jsxs)("div",{ref:e,onClick:d,"data-sl-row-index":"tool-group"===a.kind?a.events[0].index:a.event.index,"data-sl-toffset":a.tOffsetMs??0,style:{display:"grid",gridTemplateColumns:"20px 84px 1fr auto auto",gap:14,alignItems:"center",padding:"11px 12px",paddingLeft:g?28:12,borderBottom:"1px solid var(--af-border-subtle)",borderLeft:g?"2px solid var(--af-accent)":"2px solid transparent",marginLeft:12*!!g,cursor:"pointer",background:c?"var(--af-accent-subtle)":g?"rgba(92, 132, 195, 0.03)":"transparent",transition:"background 0.08s",scrollMarginTop:f},onMouseEnter:a=>{c||(a.currentTarget.style.background="var(--af-surface-hover)")},onMouseLeave:a=>{c||(a.currentTarget.style.background="transparent")},children:[(0,b.jsx)("span",{}),(0,b.jsx)("span",{style:{justifySelf:"start",fontSize:11,fontWeight:600,padding:"3px 10px",borderRadius:4,background:h.bg,color:h.fg},children:k}),(0,b.jsxs)("span",{style:{fontSize:13,color:"error"===a.kind?"var(--af-danger)":"var(--af-text)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"flex",alignItems:"center",gap:8},children:["tool-group"===a.kind&&(0,b.jsx)(o.Wrench,{size:13,style:{color:"var(--af-text-tertiary)",flexShrink:0}}),(0,b.jsx)("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:"tool-group"===a.kind?(0,b.jsx)(ff,{toolNames:a.toolNames,count:a.count}):l})]}),j&&i?(0,b.jsx)(fg,{usage:i}):(0,b.jsx)("span",{}),(0,b.jsx)("span",{style:{fontFamily:"var(--font-mono)",fontSize:11,color:"var(--af-text-tertiary)",minWidth:64,textAlign:"right"},children:(0,d4.formatOffset)(a.tOffsetMs)})]})}function ff({toolNames:a,count:c}){let d=a.slice(0,4),e=a.length-4;return(0,b.jsxs)("span",{children:[d.map((a,c)=>(0,b.jsxs)("span",{children:[c>0&&(0,b.jsx)("span",{style:{color:"var(--af-text-tertiary)",margin:"0 6px"},children:"·"}),(0,b.jsx)("b",{children:et(a.name)}),a.count>1&&(0,b.jsxs)("span",{style:{color:"var(--af-text-tertiary)",fontWeight:400,marginLeft:4,fontFamily:"var(--font-mono)",fontSize:11},children:["×",a.count]})]},a.name)),e>0&&(0,b.jsxs)("span",{style:{color:"var(--af-text-tertiary)",marginLeft:8,fontSize:11},children:["+",e," more"]}),c>3&&(0,b.jsxs)("span",{style:{color:"var(--af-text-tertiary)",marginLeft:10,fontSize:11,fontFamily:"var(--font-mono)"},children:["(",c," calls)"]})]})}function fg({usage:a}){let[c,e]=(0,d.useState)(!1),f=a.input+a.cacheRead+a.cacheWrite,g=f>0?Math.round(a.cacheRead/f*100):0;return(0,b.jsxs)("span",{style:{position:"relative",fontFamily:"var(--font-mono)",fontSize:11,color:"var(--af-text-secondary)",display:"inline-flex",alignItems:"center",gap:4,whiteSpace:"nowrap"},onMouseEnter:()=>e(!0),onMouseLeave:()=>e(!1),children:[(0,b.jsx)("span",{style:{opacity:.6},children:"▤"}),(0,d4.formatTokens)(f)," / ",(0,d4.formatTokens)(a.output),c&&(0,b.jsxs)(eY,{style:{right:0,top:"calc(100% + 6px)",minWidth:180},children:[(0,b.jsx)(eZ,{label:"Input",value:a.input.toLocaleString()}),(0,b.jsx)(eZ,{label:"Cache read",value:`${a.cacheRead.toLocaleString()} (${g}%)`}),(0,b.jsx)(eZ,{label:"Cache write",value:a.cacheWrite.toLocaleString()}),(0,b.jsx)(eZ,{label:"Output",value:a.output.toLocaleString()})]})]})}function fh({usage:a}){let[c,e]=(0,d.useState)(!1),f=a.input+a.cacheRead+a.cacheWrite,g=f>0?Math.round(a.cacheRead/f*100):0;return(0,b.jsxs)("span",{style:{position:"relative",fontFamily:"var(--font-mono)",fontSize:11,color:"var(--af-text-tertiary)",display:"inline-flex",alignItems:"center",gap:4,whiteSpace:"nowrap",cursor:"default"},onMouseEnter:()=>e(!0),onMouseLeave:()=>e(!1),children:[(0,b.jsx)("span",{style:{opacity:.6},children:"▤"}),(0,d4.formatTokens)(a.input)," / ",(0,d4.formatTokens)(a.output),c&&(0,b.jsxs)(eY,{style:{right:0,top:"calc(100% + 6px)",minWidth:220},children:[(0,b.jsx)(eZ,{label:"Input (fresh)",value:a.input.toLocaleString()}),(0,b.jsx)(eZ,{label:"Output",value:a.output.toLocaleString()}),(0,b.jsx)(eZ,{label:"Cache read",value:`${a.cacheRead.toLocaleString()} (${g}%)`}),(0,b.jsx)(eZ,{label:"Cache write",value:a.cacheWrite.toLocaleString()}),(0,b.jsx)("div",{style:{marginTop:6,paddingTop:6,borderTop:"1px solid rgba(241,245,249,0.12)",opacity:.65,fontSize:10,whiteSpace:"normal",lineHeight:1.4},children:"Cumulative across all requests in this turn."})]})]})}function fi({events:a}){return(0,b.jsx)("div",{style:{padding:"8px 0"},children:a.map(a=>(0,b.jsxs)("details",{style:{borderBottom:"1px solid var(--af-border-subtle)",padding:"8px 12px"},children:[(0,b.jsxs)("summary",{style:{cursor:"pointer",fontFamily:"var(--font-mono)",fontSize:12,color:"var(--af-text-secondary)"},children:["#",a.index," · ",a.rawType,a.attachmentType?`/${a.attachmentType}`:""," · ",a.timestamp??"(no ts)"]}),(0,b.jsx)("pre",{style:{marginTop:8,padding:12,background:"var(--background)",border:"1px solid var(--af-border-subtle)",borderRadius:6,fontSize:11,overflow:"auto",maxHeight:400,color:"var(--af-text-secondary)"},children:JSON.stringify({type:a.rawType,index:a.index,uuid:a.uuid,parentUuid:a.parentUuid,timestamp:a.timestamp,role:a.role,messageId:a.messageId,stopReason:a.stopReason,model:a.model,requestId:a.requestId,toolName:a.toolName,toolUseId:a.toolUseId,attachmentType:a.attachmentType,usage:a.usage,blocks:a.blocks},null,2)})]},a.index))})}function fj({subagent:a,onClose:c,onJumpToParent:d}){let e=e0(a.agentType,a.runInBackground),f=(0,d4.formatOffset)(a.startTOffsetMs),g=(0,d4.formatOffset)(a.endTOffsetMs),h=void 0!==a.durationMs?(0,d4.formatGap)(a.durationMs):"—",i=a.totalUsage.input+a.totalUsage.cacheRead+a.totalUsage.cacheWrite,j=i>0?Math.round(a.totalUsage.cacheRead/i*100):0;return(0,b.jsxs)("div",{children:[(0,b.jsxs)("div",{style:{padding:"14px 20px",borderBottom:"1px solid var(--af-border-subtle)",display:"flex",alignItems:"center",gap:10,background:"var(--af-surface)",position:"sticky",top:0,zIndex:1,flexWrap:"wrap"},children:[(0,b.jsx)("span",{style:{fontSize:11,fontWeight:600,padding:"3px 10px",borderRadius:4,background:e,color:"#fff"},children:a.agentType}),a.runInBackground&&(0,b.jsx)("span",{style:{fontSize:9,fontWeight:600,padding:"2px 8px",borderRadius:4,background:"var(--af-warning-subtle)",color:"var(--af-warning)",textTransform:"uppercase",letterSpacing:"0.04em"},children:"background"}),(0,b.jsx)("span",{style:{fontSize:14,fontWeight:600,color:"var(--af-text)",flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},title:a.description,children:a.description}),(0,b.jsx)("button",{onClick:c,style:{background:"transparent",border:"none",cursor:"pointer",color:"var(--af-text-tertiary)",padding:4,borderRadius:4},"aria-label":"Close",children:(0,b.jsx)(p.X,{size:16})})]}),(0,b.jsxs)("div",{style:{padding:"10px 20px",fontFamily:"var(--font-mono)",fontSize:11,color:"var(--af-text-tertiary)",borderBottom:"1px solid var(--af-border-subtle)",display:"grid",gridTemplateColumns:"auto 1fr",columnGap:10,rowGap:3},children:[(0,b.jsx)("span",{style:{opacity:.7},children:"range"}),(0,b.jsxs)("span",{style:{color:"var(--af-text-secondary)"},children:[f," → ",g]}),(0,b.jsx)("span",{style:{opacity:.7},children:"duration"}),(0,b.jsx)("span",{style:{color:"var(--af-text-secondary)"},children:h}),a.model&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("span",{style:{opacity:.7},children:"model"}),(0,b.jsx)("span",{style:{color:"var(--af-text-secondary)"},children:a.model})]}),a.parentToolUseId&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("span",{style:{opacity:.7},children:"parent"}),(0,b.jsxs)("span",{style:{color:"var(--af-text-secondary)"},children:[a.parentToolUseId.slice(0,24),"…"]})]})]}),(0,b.jsxs)("div",{style:{padding:"14px 20px",borderBottom:"1px solid var(--af-border-subtle)",display:"grid",gridTemplateColumns:"1fr 1fr 1fr",gap:10},children:[(0,b.jsx)(fk,{label:"Events",value:String(a.eventCount)}),(0,b.jsx)(fk,{label:"Messages",value:String(a.assistantMessageCount??0)}),(0,b.jsx)(fk,{label:"Tool calls",value:String(a.toolCallCount??0)})]}),(0,b.jsxs)("div",{style:{padding:"12px 20px",borderBottom:"1px solid var(--af-border-subtle)",fontSize:11,fontFamily:"var(--font-mono)",color:"var(--af-text-secondary)",display:"flex",flexDirection:"column",gap:3},children:[(0,b.jsx)(fl,{label:"Input (fresh)",value:a.totalUsage.input}),(0,b.jsx)(fl,{label:"Output",value:a.totalUsage.output}),(0,b.jsx)(fl,{label:"Cache read",value:a.totalUsage.cacheRead,suffix:` (${j}%)`}),(0,b.jsx)(fl,{label:"Cache write",value:a.totalUsage.cacheWrite})]}),a.toolCalls&&a.toolCalls.length>0&&(0,b.jsxs)("div",{style:{padding:"14px 20px",borderBottom:"1px solid var(--af-border-subtle)"},children:[(0,b.jsx)("div",{style:{fontSize:10,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.04em",color:"var(--af-text-tertiary)",marginBottom:8},children:"Tools used"}),(0,b.jsx)("div",{style:{display:"flex",flexWrap:"wrap",gap:6},children:a.toolCalls.map(a=>(0,b.jsxs)("span",{style:{display:"inline-flex",alignItems:"center",gap:4,fontSize:11,padding:"2px 8px",borderRadius:4,background:"var(--af-border-subtle)",color:"var(--af-text)",fontFamily:"var(--font-mono)"},children:[(0,b.jsx)("b",{style:{fontWeight:600},children:et(a.name)}),(0,b.jsxs)("span",{style:{color:"var(--af-text-tertiary)"},children:["×",a.count]})]},a.name))})]}),a.prompt&&(0,b.jsxs)("div",{style:{padding:"14px 20px",borderBottom:"1px solid var(--af-border-subtle)"},children:[(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:8},children:[(0,b.jsx)("div",{style:{fontSize:10,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.04em",color:"var(--af-text-tertiary)"},children:"Prompt"}),a.parentToolUseId&&(0,b.jsx)("button",{type:"button",onClick:d,style:{fontSize:10,color:"var(--af-accent)",background:"transparent",border:"none",cursor:"pointer",padding:0},children:"Jump to parent →"})]}),(0,b.jsx)("div",{className:"sl-prose",style:{fontSize:12.5},children:(0,b.jsx)(cL,{remarkPlugins:[dX],components:{a:a=>(0,b.jsx)("a",{...a,target:"_blank",rel:"noopener noreferrer",style:{color:"var(--af-accent)",textDecoration:"underline"}})},children:a.prompt})})]}),a.finalText&&(0,b.jsxs)("div",{style:{padding:"14px 20px"},children:[(0,b.jsx)("div",{style:{fontSize:10,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.04em",color:"var(--af-text-tertiary)",marginBottom:8},children:"Final result"}),(0,b.jsx)("div",{className:"sl-prose",style:{fontSize:13},children:(0,b.jsx)(cL,{remarkPlugins:[dX],components:{a:a=>(0,b.jsx)("a",{...a,target:"_blank",rel:"noopener noreferrer",style:{color:"var(--af-accent)",textDecoration:"underline"}})},children:a.finalText})})]})]})}function fk({label:a,value:c}){return(0,b.jsxs)("div",{children:[(0,b.jsx)("div",{style:{fontSize:9,color:"var(--af-text-tertiary)",textTransform:"uppercase",letterSpacing:"0.04em",fontWeight:600},children:a}),(0,b.jsx)("div",{style:{fontSize:18,fontWeight:700,fontFamily:"var(--font-mono)",color:"var(--af-text)",marginTop:2},children:c})]})}function fl({label:a,value:c,suffix:d}){return(0,b.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",gap:12},children:[(0,b.jsx)("span",{style:{opacity:.7},children:a}),(0,b.jsxs)("span",{children:[c.toLocaleString(),d&&(0,b.jsx)("span",{style:{opacity:.65},children:d})]})]})}function fm({event:a,row:c,onClose:e}){let[f,g]=(0,d.useState)(!1),h=eq[c?.kind??"agent"],i=function(a,b){if(a)switch(a.kind){case"user":case"agent":return"Message";case"tool-group":return`Tool use \xb7 ${es(a.toolNames)}`;case"interrupt":return"Interrupted";case"model":return"Model (zero-usage)";case"error":return"API error";case"task-notification":return`Background task \xb7 ${a.status}`}return b.rawType}(c,a),j=!!a.usage&&(a.usage.input>0||a.usage.output>0);return(0,b.jsxs)("div",{children:[(0,b.jsxs)("div",{style:{padding:"14px 20px",borderBottom:"1px solid var(--af-border-subtle)",display:"flex",alignItems:"center",gap:10,background:"var(--af-surface)",position:"sticky",top:0,zIndex:1},children:[(0,b.jsx)("span",{style:{fontSize:11,fontWeight:600,padding:"3px 10px",borderRadius:4,background:h.bg,color:h.fg},children:h.label}),(0,b.jsx)("span",{style:{fontSize:14,fontWeight:600,color:"var(--af-text)"},children:i}),(0,b.jsx)("button",{onClick:e,style:{marginLeft:"auto",background:"transparent",border:"none",cursor:"pointer",color:"var(--af-text-tertiary)",padding:4,borderRadius:4},children:(0,b.jsx)(p.X,{size:16})})]}),(0,b.jsxs)("div",{style:{padding:"8px 20px",fontFamily:"var(--font-mono)",fontSize:11,color:"var(--af-text-tertiary)",display:"flex",gap:10,alignItems:"center",flexWrap:"wrap",borderBottom:"1px solid var(--af-border-subtle)"},children:[(0,b.jsx)("span",{children:(0,d4.formatOffset)(a.tOffsetMs)}),void 0!==a.gapMs&&a.gapMs>0&&(0,b.jsxs)("span",{children:["· ",(0,d4.formatGap)(a.gapMs)]}),j&&a.usage&&(0,b.jsxs)("span",{style:{color:"var(--af-text-secondary)"},children:["· ",(0,d4.formatTokens)(a.usage.input+a.usage.cacheRead+a.usage.cacheWrite),"/",(0,d4.formatTokens)(a.usage.output)," tokens"]}),(0,b.jsx)("button",{onClick:()=>g(a=>!a),style:{marginLeft:"auto",background:"transparent",border:"none",fontSize:10,color:"var(--af-text-tertiary)",cursor:"pointer",padding:0,fontFamily:"inherit",textDecoration:"underline",textUnderlineOffset:2},children:f?"hide details":"details"})]}),f&&(0,b.jsxs)("div",{style:{padding:"10px 20px 14px",borderBottom:"1px solid var(--af-border-subtle)",fontSize:11,color:"var(--af-text-secondary)",fontFamily:"var(--font-mono)",display:"flex",flexDirection:"column",gap:4},children:[a.model&&(0,b.jsxs)("div",{children:["model: ",a.model]}),a.requestId&&(0,b.jsxs)("div",{children:["request: ",a.requestId]}),a.messageId&&(0,b.jsxs)("div",{children:["message: ",a.messageId]}),a.stopReason&&(0,b.jsxs)("div",{children:["stop_reason: ",a.stopReason]}),a.usage&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("div",{style:{marginTop:6,opacity:.7},children:"tokens"}),(0,b.jsxs)("div",{children:[" input: ",a.usage.input.toLocaleString()]}),(0,b.jsxs)("div",{children:[" output: ",a.usage.output.toLocaleString()]}),(0,b.jsxs)("div",{children:[" cache read: ",a.usage.cacheRead.toLocaleString()]}),(0,b.jsxs)("div",{children:[" ","cache write: ",a.usage.cacheWrite.toLocaleString()]})]})]}),(0,b.jsx)("div",{style:{padding:"18px 22px"},children:(0,b.jsx)(fn,{event:a,row:c})})]})}function fn({event:a,row:c}){if(c?.kind==="user"&&c.displayBlocks)return(0,b.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:12},children:c.displayBlocks.map((a,c)=>(0,b.jsx)(fo,{block:a},c))});if(c?.kind==="task-notification"){let a="success"===c.status?"var(--af-success)":"failed"===c.status?"var(--af-danger)":"var(--af-text-secondary)";return(0,b.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:14},children:[(0,b.jsx)("div",{style:{display:"flex",alignItems:"center",gap:8},children:(0,b.jsx)("span",{style:{fontSize:11,fontWeight:600,padding:"3px 10px",borderRadius:4,background:"success"===c.status?"var(--af-success-subtle)":"failed"===c.status?"var(--af-danger-subtle)":"var(--af-border-subtle)",color:a,textTransform:"uppercase",letterSpacing:"0.03em"},children:c.status})}),(0,b.jsx)("div",{style:{fontSize:13,lineHeight:1.55,color:"var(--af-text)"},children:c.summary}),(c.taskId||c.toolUseId||c.outputFile)&&(0,b.jsxs)("div",{style:{fontSize:11,color:"var(--af-text-secondary)",fontFamily:"var(--font-mono)",display:"flex",flexDirection:"column",gap:4,paddingTop:10,borderTop:"1px solid var(--af-border-subtle)"},children:[c.taskId&&(0,b.jsxs)("div",{children:["task id: ",c.taskId]}),c.toolUseId&&(0,b.jsxs)("div",{children:["tool use: ",c.toolUseId.slice(0,24),"…"]}),c.outputFile&&(0,b.jsxs)("div",{style:{wordBreak:"break-all"},children:["output: ",c.outputFile]})]})]})}return c?.kind==="tool-group"&&c.count>1?(0,b.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:14},children:c.events.map((a,c)=>(0,b.jsxs)("div",{children:[(0,b.jsxs)("div",{style:{fontSize:11,color:"var(--af-text-tertiary)",marginBottom:4,fontFamily:"var(--font-mono)"},children:["#",c+1," · ",(0,d4.formatOffset)(a.tOffsetMs)," · ",a.toolUseId?.slice(0,14),"…"]}),a.blocks.map((a,c)=>(0,b.jsx)(fo,{block:a},c))]},a.index))}):c?.kind==="agent"&&c.groupedEvents.length>1?(0,b.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:12},children:c.groupedEvents.flatMap((a,c)=>a.blocks.map((a,d)=>(0,b.jsx)(fo,{block:a},`${c}-${d}`)))}):(0,b.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:12},children:a.blocks.map((a,c)=>(0,b.jsx)(fo,{block:a},c))})}function fo({block:a}){if("text"===a.type)return(0,b.jsx)("div",{className:"sl-prose",children:(0,b.jsx)(cL,{remarkPlugins:[dX],components:{a:a=>(0,b.jsx)("a",{...a,target:"_blank",rel:"noopener noreferrer",style:{color:"var(--af-accent)",textDecoration:"underline",textUnderlineOffset:2}})},children:a.text})});if("thinking"===a.type)return(0,b.jsxs)("details",{children:[(0,b.jsxs)("summary",{style:{cursor:"pointer",fontSize:11,color:"var(--af-text-tertiary)",marginBottom:6},children:["Thinking · ",a.thinking.length," chars"]}),(0,b.jsx)("div",{style:{fontSize:12,lineHeight:1.6,color:"var(--af-text-secondary)",whiteSpace:"pre-wrap",fontStyle:"italic",borderLeft:"3px solid var(--af-border-subtle)",paddingLeft:12,marginTop:6},children:a.thinking})]});if("tool_use"===a.type)return(0,b.jsx)(eA,{name:a.name,input:a.input});if("tool_result"===a.type){let c="string"==typeof a.content?a.content:JSON.stringify(a.content,null,2);return(0,b.jsx)("pre",{style:{fontSize:12,padding:12,background:"var(--background)",border:"1px solid var(--af-border-subtle)",borderRadius:6,overflow:"auto",whiteSpace:"pre-wrap",color:"var(--af-text)",fontFamily:"var(--font-mono)",maxHeight:500},children:c})}return null}a.s(["SessionView",0,function({session:a,team:e,teamLead:g}){let h,o=()=>"transcript",[p,q]=(0,d.useState)(o),r=a=>{q(a),window.history.replaceState(null,"",`#${a}`)};(0,d.useEffect)(()=>{q(o())},[a.sessionId]),(0,d.useEffect)(()=>{let a=()=>{let a=window.location.hash.replace("#","");eS.includes(a)&&q(a)};return window.addEventListener("hashchange",a),()=>window.removeEventListener("hashchange",a)},[]);let[s,t]=(0,d.useState)(null),[u,v]=(0,d.useState)(null),[w,x]=(0,d.useState)([]),[y,z]=(0,d.useState)(!1),[A,B]=(0,d.useState)("turns"),[C,D]=(0,d.useState)(null),[E,F]=(0,d.useState)(null),[G,H]=(0,d.useState)(!1),[I,J]=(0,d.useState)(new Set),[K,L]=(0,d.useState)(0),M=(0,d.useRef)({}),N=(0,d.useRef)(null),[O,P]=(0,d.useState)(310);(0,d.useEffect)(()=>{let a=N.current;if(!a)return;let b=()=>P(a.offsetHeight);b();let c=new ResizeObserver(b);return c.observe(a),()=>c.disconnect()},[]);let[Q,R]=(0,d.useState)(!1),S=(0,d.useRef)(0);(0,d.useEffect)(()=>{let a=N.current;if(!a)return;let b=a.closest("main");if(!b)return;let c=("team"===p?document.querySelector("[data-team-scroll]"):null)??b,d=c.scrollTop,e=!1,f=0,g=()=>{if(f=0,e||Date.now()-S.current<2e3)return;let a=c.scrollTop,b=a-d;d=a,R(c=>c&&b<0?(e=!0,setTimeout(()=>{e=!1},300),!1):!c&&b>0&&a>150?(e=!0,setTimeout(()=>{e=!1},300),!0):c)},h=()=>{f||(f=requestAnimationFrame(g))};return c.addEventListener("scroll",h,{passive:!0}),()=>{c.removeEventListener("scroll",h),f&&cancelAnimationFrame(f)}},[p]),(0,d.useEffect)(()=>{if(null===C)return;let a=M.current[C];a&&a.scrollIntoView({block:"start",behavior:"auto"})},[K,C]);let{events:T,durationMs:U,totalUsage:V,model:W,eventCount:X,projectName:Y}=a,Z=a.airTimeMs??U,$=a.isTeamLead,_=(0,d.useMemo)(()=>$?T.filter(a=>a.teammateMessage).length:0,[T,$]),aa=(0,d.useMemo)(()=>0===_?T:T.filter(a=>!a.teammateMessage),[T,_]),ab=(()=>{if(!a.lastTimestamp)return!1;let b=Date.parse(a.lastTimestamp);return!Number.isNaN(b)&&Date.now()-b<45e3})(),ac=(0,d.useMemo)(()=>(0,d3.detectPrMarkers)(a),[a]),ad=(0,d.useMemo)(()=>{let a=new Set,b=[];for(let c of T)c.coldResume&&c.messageId&&void 0!==c.tOffsetMs&&(a.has(c.messageId)||(a.add(c.messageId),b.push({tOffsetMs:c.tOffsetMs,info:c.coldResume})));return b},[T]),ae=(0,d.useMemo)(()=>(function(a){let b=new Map;for(let c of a){if(!c.messageId)continue;let a=b.get(c.messageId)??[];a.push(c),b.set(c.messageId,a)}let c=a.filter(a=>{if("system"===a.role||"meta"===a.role||"tool-result"===a.role||"agent-thinking"===a.role)return!1;if("user"===a.role){let b=d2(a.blocks)??"";if(d_.test(b))return!1}return!0}),d=[];for(let a=0;a<c.length;a++){let e=c[a];if("tool-call"===e.role){let b=a;for(;a+1<c.length&&"tool-call"===c[a+1].role;)a++;let e=c.slice(b,a+1),f=[],g=new Map;for(let a of e){let b=a.toolName??"tool";g.has(b)||f.push(b),g.set(b,(g.get(b)??0)+1)}let h=f.map(a=>({name:a,count:g.get(a)??1}));d.push({kind:"tool-group",toolNames:h,count:e.length,events:e,tOffsetMs:e[0].tOffsetMs,gapMs:e[0].gapMs});continue}if("user"===e.role){let a=d2(e.blocks)??"",b=function(a){if(!d1.test(a))return null;let b=b=>{let c=a.match(RegExp(`<${b}>([\\s\\S]*?)<\\/${b}>`));return c?c[1].trim():void 0},c=(b("status")??"").toLowerCase(),d="unknown";return"success"===c||"ok"===c||"done"===c||"completed"===c?d="success":"failed"===c||"error"===c||"fail"===c?d="failed":("running"===c||"in_progress"===c)&&(d="running"),{status:d,summary:b("summary")??"Background task notification",taskId:b("task-id"),toolUseId:b("tool-use-id"),outputFile:b("output-file")}}(a);if(b){d.push({kind:"task-notification",event:e,status:b.status,summary:b.summary,taskId:b.taskId,toolUseId:b.toolUseId,outputFile:b.outputFile,tOffsetMs:e.tOffsetMs,gapMs:e.gapMs});continue}if(dZ.test(a)){d.push({kind:"interrupt",event:e,tOffsetMs:e.tOffsetMs,gapMs:e.gapMs});continue}let c=a.match(d0);if(c){let a=c[1],b=(c[2]??"").trim(),f=b?`${a} ${b}`:a;d.push({kind:"user",event:e,displayPreview:f,displayBlocks:[{type:"text",text:f}],tOffsetMs:e.tOffsetMs,gapMs:e.gapMs});continue}d.push({kind:"user",event:e,tOffsetMs:e.tOffsetMs,gapMs:e.gapMs});continue}if("agent"===e.role){let a=d2(e.blocks)??"";if(function(a){if(!a.usage)return!1;let b=a.usage;return 0===b.input&&0===b.output&&0===b.cacheRead&&0===b.cacheWrite}(e)){d.push({kind:"model",event:e,tOffsetMs:e.tOffsetMs,gapMs:e.gapMs}),d$.test(a)&&a.length<500&&d.push({kind:"error",event:e,message:a,tOffsetMs:e.tOffsetMs,gapMs:0});continue}if(d$.test(a)&&a.length<500){d.push({kind:"error",event:e,message:a,tOffsetMs:e.tOffsetMs,gapMs:e.gapMs});continue}let c=e.messageId?b.get(e.messageId)??[e]:[e];d.push({kind:"agent",event:e,groupedEvents:c,tOffsetMs:e.tOffsetMs,gapMs:e.gapMs});continue}}return d})(aa),[aa]),af=(0,d.useMemo)(()=>(function(a){let b=[],c=[],d=()=>{let a,d;if(0===c.length)return;let e=0,f=0,g=0,h=new Map,i=new Set,j={input:0,output:0,cacheRead:0,cacheWrite:0};for(let b=0;b<c.length;b++){let d=c[b];if("agent"===d.kind){e++,void 0===a&&(a=b);let c=d.event.messageId,f=d.event.usage;c&&!i.has(c)&&f&&(i.add(c),j.input+=f.input,j.output+=f.output,j.cacheRead+=f.cacheRead,j.cacheWrite+=f.cacheWrite)}else if("tool-group"===d.kind)for(let a of(f+=d.count,d.toolNames))h.set(a.name,(h.get(a.name)??0)+a.count);else"error"===d.kind&&g++}for(let a=c.length-1;a>=0;a--){if("agent"!==c[a].kind)continue;let b=c[a-1];if(b?.kind!=="task-notification"){d=a;break}}if(void 0===d){for(let a=c.length-1;a>=0;a--)if("agent"===c[a].kind){d=a;break}}let k=void 0!==a&&"agent"===c[a].kind?c[a].event.preview:void 0,l=void 0!==d&&"agent"===c[d].kind?c[d].event.preview:void 0,m=Array.from(h.entries()).sort((a,b)=>b[1]-a[1]).map(([a,b])=>({name:a,count:b})),n=c[0],o=c[c.length-1],p=n.tOffsetMs,q=o.tOffsetMs;b.push({kind:"turn",rows:c,firstPrimaryIndex:dY(n),tOffsetMs:p,durationMs:void 0!==p&&void 0!==q?q-p:void 0,summary:{agentMessages:e,toolCalls:f,errors:g,firstAgentPreview:k,finalAgentPreview:l,firstAgentIndex:a,finalAgentIndex:d,toolNames:m,totalTokens:j}}),c=[]};for(let e of a)"user"===e.kind||"interrupt"===e.kind?(d(),b.push(e)):c.push(e);return d(),b})(ae),[ae]),ag=(0,d.useMemo)(()=>{let a=new Map;for(let b of af)if("turn"===b.kind)for(let c of b.rows)a.set(dY(c),b.firstPrimaryIndex);return a},[af]),ah=(0,d.useMemo)(()=>"turns"===A?function(a,b){let c=[];for(let d of a)if("turn"===d.kind)if(b.has(d.firstPrimaryIndex)){for(let a of(c.push({kind:"turn-expanded-header",turn:d}),d.rows))c.push({kind:"presentation",row:a,indented:!0});c.push({kind:"turn-expanded-footer",turn:d})}else c.push({kind:"turn-collapsed",turn:d});else c.push({kind:"presentation",row:d});return c}(af,I):"all"===A?(function(a){let b=[];for(let c of a){let a;switch(c.role){case"user":a="user";break;case"agent":case"agent-thinking":a="agent";break;case"tool-call":case"tool-result":a="tool-group";break;case"system":case"meta":a="model"}"tool-group"===a?b.push({kind:"tool-group",toolNames:[{name:c.toolName??c.rawType,count:1}],count:1,events:[c],tOffsetMs:c.tOffsetMs,gapMs:c.gapMs}):"agent"===a?b.push({kind:"agent",event:c,groupedEvents:[c],tOffsetMs:c.tOffsetMs,gapMs:c.gapMs}):"user"===a?b.push({kind:"user",event:c,tOffsetMs:c.tOffsetMs,gapMs:c.gapMs}):b.push({kind:"model",event:c,tOffsetMs:c.tOffsetMs,gapMs:c.gapMs})}return b})(aa).map(a=>({kind:"presentation",row:a})):"meaningful"===A?ae.map(a=>({kind:"presentation",row:a})):ae.filter(a=>"agent"===A?"agent"===a.kind:"tool-group"===A?"tool-group"===a.kind:a.kind===A).map(a=>({kind:"presentation",row:a})),[A,af,I,ae,aa]),ai=null!==C?aa.find(a=>a.index===C)??null:null,aj=null!==C?ae.find(a=>dY(a)===C)??null:null;function ak(a){if("turns"===A){let b=ag.get(a);void 0===b||I.has(b)||J(a=>new Set(a).add(b))}D(a),L(a=>a+1)}return V.input,V.cacheRead,V.cacheWrite,(0,b.jsxs)("div",{style:{padding:0},children:[(0,b.jsxs)("div",{ref:N,style:{position:"sticky",top:0,zIndex:30,background:"var(--background)",borderBottom:"1px solid var(--af-border-subtle)",padding:"18px 40px 0"},children:[(0,b.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:12,marginBottom:6},children:[(0,b.jsxs)("div",{style:{fontSize:12,color:"var(--af-text-tertiary)",whiteSpace:"nowrap"},children:[(0,b.jsxs)(c.default,{href:"/sessions",style:{color:"var(--af-text-tertiary)",textDecoration:"none",display:"inline-flex",alignItems:"center",gap:4},children:[(0,b.jsx)(f,{size:12})," Sessions"]}),(0,b.jsx)("span",{style:{margin:"0 8px"},children:"/"}),(0,b.jsxs)("span",{style:{fontFamily:"var(--font-mono)"},children:["sesn_",(0,d4.shortId)(a.id)]}),g&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)("span",{style:{margin:"0 8px"},children:"·"}),(0,b.jsxs)(c.default,{href:`/sessions/${g.leadSessionId}#team`,style:{color:"var(--af-accent)",textDecoration:"none",display:"inline-flex",alignItems:"center",gap:4,fontWeight:500},title:`View team lead for ${g.teamName}`,children:[g.agentName," in ",g.teamName," ↗"]})]})]}),(0,b.jsxs)("div",{className:"af-tabs",style:{flexShrink:0,marginLeft:"auto"},children:[(0,b.jsx)("button",{className:`af-tab-btn ${"transcript"===p?"active":""}`,onClick:()=>r("transcript"),children:"Transcript"}),e&&(0,b.jsx)("button",{className:`af-tab-btn ${"team"===p?"active":""}`,onClick:()=>r("team"),children:"Team"}),(0,b.jsx)("button",{className:`af-tab-btn ${"debug"===p?"active":""}`,onClick:()=>r("debug"),children:"Debug"})]}),(0,b.jsx)("button",{onClick:()=>{R(a=>!a),S.current=Date.now()},title:Q?"Show session details":"Hide session details",style:{background:"var(--af-surface-hover)",border:"1px solid var(--af-border-subtle)",borderRadius:4,width:24,height:24,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",color:"var(--af-text-secondary)",flexShrink:0,transition:"transform 0.2s ease",transform:Q?"rotate(180deg)":"rotate(0deg)"},children:(0,b.jsx)(i,{size:14})})]}),(0,b.jsxs)("div",{style:{maxHeight:500*!Q,opacity:+!Q,overflow:"hidden",transition:"max-height 0.24s ease, opacity 0.18s ease, margin-bottom 0.24s ease",marginBottom:0,pointerEvents:Q?"none":"auto"},children:[(0,b.jsxs)("div",{className:"flex items-baseline",style:{gap:10,marginBottom:10,flexWrap:"wrap"},children:[(0,b.jsxs)("h1",{style:{fontSize:20,fontWeight:700,letterSpacing:"-0.01em",fontFamily:"var(--font-mono)",margin:0,lineHeight:1.2},children:["sesn_",a.id.replace(/-/g,"").slice(0,22)]}),(0,b.jsx)(d5.LiveBadge,{mtimeIso:a.lastTimestamp,size:"md"}),(0,b.jsx)("span",{style:{fontSize:10.5,padding:"2px 9px",borderRadius:100,background:"var(--af-border-subtle)",color:"var(--af-text-secondary)",fontWeight:500,position:"relative",top:-1},children:"running"===a.status?"Running":"Idle"}),(0,b.jsx)(eU,{}),W&&(0,b.jsx)(eT,{icon:(0,b.jsx)(l,{size:12}),value:W,mono:!0}),(0,b.jsx)(eU,{}),(0,b.jsx)(eT,{icon:(0,b.jsx)(m,{size:12}),value:Y,truncate:!0}),(0,b.jsx)(eU,{}),void 0!==Z&&(0,b.jsx)(eT,{icon:(0,b.jsx)(j.Clock,{size:12}),value:function(a){if(a<1e3)return`${a}ms`;let b=Math.round(a/1e3);if(b<60)return`${b}s`;let c=Math.floor(b/60);return`${c}m ${b%60}s`}(Z)}),(0,b.jsx)(eU,{}),(0,b.jsx)(eV,{usage:V}),void 0!==a.coldResumeCount&&a.coldResumeCount>0&&void 0!==a.cacheRebuildTokens&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(eU,{}),(0,b.jsx)(e7,{count:a.coldResumeCount,writeTokens:a.cacheRebuildTokens,model:W})]}),(0,b.jsx)(eU,{}),(0,b.jsx)(eT,{value:`${X} events`}),ac.length>0&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(eU,{}),(0,b.jsx)(eT,{icon:(0,b.jsx)(n,{size:12}),value:1===ac.length?ac[0].title?`PR${ac[0].prNumber?` #${ac[0].prNumber}`:""}: ${ac[0].title}`:ac[0].prNumber?`PR #${ac[0].prNumber}`:"1 PR shipped":`${ac.length} PRs shipped`,truncate:!0})]}),(0,b.jsx)("span",{style:{marginLeft:"auto"},children:a.firstTimestamp&&(0,b.jsx)("span",{style:{fontSize:11.5,color:"var(--af-text-tertiary)"},suppressHydrationWarning:!0,children:(0,d4.formatRelative)(a.firstTimestamp)})})]}),(0,b.jsxs)("div",{className:"flex items-center",style:{gap:14,paddingBottom:8},children:[(0,b.jsx)("select",{value:A,onChange:a=>B(a.target.value),className:"sl-compact-select",children:eR.map(a=>(0,b.jsx)("option",{value:a.value,children:a.label},a.value))}),(0,b.jsx)("span",{style:{marginLeft:"auto",fontSize:12,color:"var(--af-text-tertiary)"},children:"turns"===A?`${af.filter(a=>"turn"===a.kind).length} turns \xb7 ${ae.length} actions`:"meaningful"===A?`${ae.length} rows (of ${aa.length} raw events)`:`${ah.length} rows`}),(0,b.jsxs)("button",{title:"Copy all",style:{background:"transparent",border:"none",color:"var(--af-text-secondary)",fontSize:12,cursor:"pointer",display:"inline-flex",alignItems:"center",gap:6},onClick:()=>{let a=ae.map(a=>`[${a.kind}] ${er(a)}`).join("\n");navigator.clipboard?.writeText(a)},children:[(0,b.jsx)(k,{size:12})," Copy all"]}),(0,b.jsx)(ee,{onClick:()=>{H(a=>!a),D(null),F(null)}})]})]}),(0,b.jsx)("div",{style:{paddingBottom:10*!!Q,transition:"padding-bottom 0.2s ease"},children:"team"===p&&e?(0,b.jsx)(eM,{data:e,playheadMs:s,onSeek:(a,b)=>{v({tsMs:a,trackId:b}),y&&z(!1)},expanded:y,onToggleExpanded:()=>z(a=>!a),visibleTrackIds:w}):(0,b.jsx)(e_,{displayRows:ah,durationMs:U??0,selectedIndex:C,onSelect:ak,headerOffset:O,subagents:a.subagents,collapsed:Q,prMarkers:ac,coldResumeMarkers:ad,model:W,selectedSubagentId:E,onSelectSubagent:a=>{F(a),a&&D(null)}})})]}),(0,b.jsx)("div",{style:{padding:"0 40px",paddingRight:ai?484:40,paddingTop:8,transition:"padding-right 0.15s ease"},children:"team"===p&&e?(0,b.jsx)(eK,{initial:e,teamName:e.teamName,playheadMs:s,onPlayheadChange:t,onVisibleTrackIdsChange:x,seekTarget:u}):"transcript"===p?(0,b.jsxs)(b.Fragment,{children:[_>0&&(0,b.jsxs)("div",{style:{fontSize:11,color:"var(--af-text-tertiary, #888)",background:"var(--af-surface-subtle, rgba(255,255,255,0.04))",border:"1px solid var(--af-border-subtle, rgba(255,255,255,0.08))",borderRadius:6,padding:"6px 10px",marginBottom:8},children:[_," inbound team message",1===_?"":"s"," hidden —"," ",(0,b.jsx)("button",{onClick:()=>r("team"),style:{background:"none",border:"none",color:"var(--af-accent)",cursor:"pointer",padding:0,font:"inherit",textDecoration:"underline"},children:"open the Team tab"})," ","to see them."]}),(0,b.jsx)(e2,{displayRows:ah,rowRefs:M,selectedIndex:C,onSelect:D,onToggleTurn:function(a){J(b=>{let c=new Set(b);return c.has(a)?c.delete(a):c.add(a),c})},stickyOffset:O+16,isSessionLive:ab,team:e,model:W})]}):(0,b.jsx)(fi,{events:T})}),ai&&(0,b.jsx)("aside",{style:{position:"fixed",top:O,right:0,bottom:0,width:460,borderLeft:"1px solid var(--af-border-subtle)",background:"var(--af-surface)",overflowY:"auto",zIndex:25,boxShadow:"-8px 0 24px rgba(15, 23, 42, 0.05)"},children:(0,b.jsx)(fm,{event:ai,row:aj,onClose:()=>D(null)})}),(h=E?a.subagents?.find(a=>a.agentId===E):void 0)?(0,b.jsx)("aside",{style:{position:"fixed",top:O,right:0,bottom:0,width:460,borderLeft:"1px solid var(--af-border-subtle)",background:"var(--af-surface)",overflowY:"auto",zIndex:26,boxShadow:"-8px 0 24px rgba(15, 23, 42, 0.08)"},children:(0,b.jsx)(fj,{subagent:h,onClose:()=>F(null),onJumpToParent:()=>{if(!h.parentToolUseId)return;let a=T.find(a=>a.blocks.some(a=>a?.type==="tool_use"&&"Agent"===a.name&&a.id===h.parentToolUseId));a&&(F(null),ak(a.index))}})}):null,G&&(0,b.jsx)("aside",{style:{position:"fixed",top:O,right:0,bottom:0,width:460,borderLeft:"1px solid var(--af-border-subtle)",background:"var(--af-surface)",zIndex:27,boxShadow:"-8px 0 24px rgba(15, 23, 42, 0.08)",display:"flex",flexDirection:"column"},children:(0,b.jsx)(ef,{sessionId:a.id,onClose:()=>H(!1)})}),(0,b.jsx)(ei,{isLive:ab})]})}],11839)}];
11
11
 
12
12
  //# sourceMappingURL=%5Broot-of-the-server%5D__0w52fbc._.js.map