(()=>{const k=window.React,y=window.KIND_REGISTRY;if(!k)return;const e=k.createElement,x=k.useState,N=k.useEffect,O=k.useRef,L={success:{label:"Success",c:"var(--app-success,#00d4b8)",dim:"rgba(0,212,184,.12)",bd:"rgba(0,212,184,.35)",anim:!1},failed:{label:"Failed",c:"var(--app-fail,#f43f6c)",dim:"rgba(244,63,108,.12)",bd:"rgba(244,63,108,.35)",anim:!1},"needs-review":{label:"Needs review",c:"var(--app-warn,#f8d974)",dim:"rgba(248,217,116,.12)",bd:"rgba(248,217,116,.4)",anim:!1},running:{label:"Running",c:"var(--app-accent,#00f3ff)",dim:"rgba(0,243,255,.1)",bd:"rgba(0,243,255,.35)",anim:!0}},j={running:{label:"Running",c:"var(--app-accent,#00f3ff)",anim:!0},idle:{label:"Idle",c:"var(--app-ink-soft)",anim:!1},blocked:{label:"Blocked",c:"var(--app-fail,#f43f6c)",anim:!0}},H={HITL:{color:"var(--app-pending,#b06bff)",dim:"rgba(176,107,255,.12)",bd:"rgba(176,107,255,.35)"},Supervised:{color:"var(--app-accent,#00f3ff)",dim:"rgba(0,243,255,.08)",bd:"rgba(0,243,255,.3)"},Autonomous:{color:"var(--app-success,#00d4b8)",dim:"rgba(0,212,184,.1)",bd:"rgba(0,212,184,.3)"}},W={s:{color:"var(--app-success,#00d4b8)",h:"55%"},r:{color:"var(--app-warn,#f8d974)",h:"78%"},f:{color:"var(--app-fail,#f43f6c)",h:"100%"}},R={id:"run-883",trigger:"schedule",agents:["ops-agent-3"],started:"06:18",duration:"live \xB7 4m",outcome:"running",cost:"\u20AC0.11",summary:"Refreshing GA4 funnel; mapping events\u2026",core:{action:"map_events",tool:"bq query",out:"2 / 4 stages"}},S=[{id:"run-882",trigger:"schedule",agents:["ops-agent-3"],started:"06:00",duration:"14m",outcome:"needs-review",cost:"\u20AC0.42",summary:"Wired GA4 funnel; opened PR #128",hero:!0},{id:"run-881",trigger:"webhook",agents:["crm-orchestrator"],started:"05:42",duration:"3m",outcome:"success",cost:"\u20AC0.08",summary:"Qualified 12 inbound leads; synced to CRM",core:{action:"sync_crm",tool:"crm upsert",out:"12 records"}},{id:"run-880",trigger:"manual",agents:["research-prime"],started:"05:20",duration:"22m",outcome:"success",cost:"\u20AC1.14",summary:"Compiled competitor pricing brief from 9 sources",core:{action:"compile_brief",tool:"fs write",out:"brief.md"}},{id:"run-879",trigger:"schedule",agents:["deploy-foreman"],started:"05:00",duration:"6m",outcome:"failed",cost:"\u20AC0.19",summary:"Preview deploy failed \u2014 cluster quota exceeded",core:{action:"deploy_preview",tool:"kubectl apply",out:null},errorLine:"quota exceeded \xB7 0 pods scheduled"},{id:"run-878",trigger:"webhook",agents:["audit-watchdog"],started:"04:38",duration:"8m",outcome:"needs-review",cost:"\u20AC0.31",summary:"ISO scan flagged 2 controls for human review",core:{action:"scan_controls",tool:"audit run",out:"2 flags"},hitlBy:"Priya N.",hitlAt:"04:46"},{id:"run-877",trigger:"schedule",agents:["ops-agent-3","content-mason"],started:"04:00",duration:"17m",outcome:"success",cost:"\u20AC0.63",summary:"Drafted release notes; posted to #launches",core:{action:"post_notes",tool:"slack post",out:"ts.1712"}},{id:"run-876",trigger:"manual",agents:["crm-orchestrator"],started:"03:31",duration:"2m",outcome:"success",cost:"\u20AC0.05",summary:"Re-scored churn risk for 340 accounts",core:{action:"score_churn",tool:"ml predict",out:"340 scored"}},{id:"run-875",trigger:"webhook",agents:["deploy-foreman"],started:"03:02",duration:"11m",outcome:"failed",cost:"\u20AC0.22",summary:"Rollback triggered \u2014 health check regressed",core:{action:"health_check",tool:"probe run",out:null},errorLine:"p99 latency regressed 2.4x \xB7 rolled back"}],q=[{n:1,time:"06:00",dur:"0.4s",action:"ingest_context",reasoning:"Scheduled trigger fired at 06:00. Loaded the workspace GA4 config and the prior funnel spec from context.",tool:"ctx.load",output:"context \xB7 2.1k tokens",status:"ok"},{n:2,time:"06:01",dur:"1.2s",action:"plan",reasoning:"Decomposed the task: map GA4 events, wire the 4-stage funnel, then open a PR for human review before publish.",tool:null,output:"plan \xB7 3 steps",status:"ok"},{n:3,time:"06:03",dur:"2.8s",action:"map_events",reasoning:"Queried the GA4 event stream and resolved funnel stages from raw events.",tool:"bq query",output:"3 / 4 stages",status:"ok"},{n:4,time:"06:05",dur:"0.9s",action:"render_gate",reasoning:"The first render-gate failed \u2014 the checkout_start stage had no matching event mapping.",tool:"render check",output:null,status:"failed",errorLine:"gate red \xB7 1 of 4 stages unmapped"},{n:5,time:"06:07",dur:"2.1s",action:"remediate",reasoning:"Added the missing checkout_start \u2192 begin_checkout mapping and re-ran the gate.",tool:"render check",output:"gate green \xB7 4 / 4",status:"ok"},{n:6,time:"06:10",dur:"1.4s",action:"write_evidence",reasoning:"Wrote the funnel diff and gate evidence so a reviewer can audit exactly what changed.",tool:"fs write",output:"evidence.md",status:"ok"},{n:7,time:"06:13",dur:"3.0s",action:"open_pull_request",reasoning:"render-gate green, evidence written",tool:"gh pr create",hitl:!0,hitlBy:"Maya Okonkwo",hitlAt:"06:14",output:"PR #128",status:"review"}],G=[{name:"ops-agent-3",state:"running",successRate:"94%",autonomy:"HITL",recentRuns:12,lastLine:"Wired GA4 funnel; opened PR #128 \u2014 awaiting your review.",ticks:["s","s","r","s","s","s","r","s"]},{name:"crm-orchestrator",state:"running",successRate:"91%",autonomy:"Autonomous",recentRuns:21,lastLine:"Re-scored churn risk for 340 accounts; all synced.",ticks:["s","s","s","f","s","s","s","s"]},{name:"research-prime",state:"idle",successRate:"98%",autonomy:"Supervised",recentRuns:7,lastLine:"Compiled competitor pricing brief from 9 sources.",ticks:["s","s","s","s","s","s","s","s"]},{name:"audit-watchdog",state:"blocked",successRate:"88%",autonomy:"HITL",recentRuns:4,blockedReason:"awaiting approval on PR #128",lastLine:"ISO scan flagged 2 controls; blocked on human sign-off.",ticks:["s","r","s","f","r","s","s","s"]},{name:"content-mason",state:"idle",successRate:"96%",autonomy:"Supervised",recentRuns:9,lastLine:"Drafted release notes; posted to #launches.",ticks:["s","s","s","s","r","s","s","s"]},{name:"deploy-foreman",state:"running",successRate:"82%",autonomy:"Autonomous",recentRuns:33,lastLine:"Rollback triggered \u2014 health check regressed.",ticks:["s","f","s","s","f","s","s","f"]}],U=["Step-level diff across versions","Gate re-evaluation on the new policy","Cost & latency delta per run","Regression flags on changed outputs"],K=[["all","All"],["running","Running"],["needs-review","Needs review"],["failed","Failed"],["success","Success"]],Y=[["live","Live"],["loading","Loading"],["empty","Empty"],["error","Error"]],Q=[{id:"ev-1",ts:"14:02:11",runTag:"r-372",icon:"edit_note",text:"edit_file services/context-pipeline/index.ts",status:"ok"},{id:"ev-2",ts:"14:02:04",runTag:"r-360",icon:"lock",text:"approval requested: run_migration (destructive)",status:"warn"},{id:"ev-3",ts:"14:01:58",runTag:"r-341",icon:"error",text:"test suite: 2 failures in mcp_handshake_test",status:"fail"},{id:"ev-4",ts:"14:01:40",runTag:"r-355",icon:"task_alt",text:"node transition REVIEW \u2192 awaiting approval",status:"ok"},{id:"ev-5",ts:"14:01:12",runTag:"r-372",icon:"terminal",text:"read_file services/context-pipeline/index.ts",status:"ok"}],X=[{run:"r-372 \xB7 claude-code",tier:"sonnet",cost:"$0.62"},{run:"r-360 \xB7 codex",tier:"opus",cost:"$1.14"},{run:"r-355 \xB7 gemini",tier:"sonnet",cost:"$0.28"},{run:"r-349 \xB7 claude-code",tier:"sonnet",cost:"$0.41"},{run:"r-341 \xB7 codex",tier:"sonnet",cost:"$0.09"}],Z="Session replay is read-only \u2014 scrub any run's transcript, tool calls, and step markers. Source: the session journal.";function ee(t){const o=t.core||{action:"execute_task",tool:"exec",out:"done"},i=t.trigger.charAt(0).toUpperCase()+t.trigger.slice(1),n=[{n:1,time:t.started,dur:"0.4s",action:"ingest_context",reasoning:`${i} trigger fired. Loaded the workspace context and the task spec.`,tool:"ctx.load",output:"context \xB7 2.1k tokens",status:"ok"},{n:2,time:t.started,dur:"1.1s",action:"plan",reasoning:"Decomposed the goal into an ordered, checkpointed set of steps.",tool:null,output:"plan \xB7 3 steps",status:"ok"},{n:3,time:t.started,dur:"2.6s",action:o.action,reasoning:`${t.summary}.`,tool:o.tool,output:t.outcome==="failed"?null:o.out,status:t.outcome==="failed"?"failed":"ok",errorLine:t.errorLine}];return t.outcome==="failed"?n.push({n:4,time:t.started,dur:"0.2s",action:"halt",reasoning:"Unrecoverable error. Run aborted and flagged for a human to inspect \u2014 nothing was published.",tool:null,output:null,status:"failed",errorLine:"run halted \xB7 no artifacts published"}):(n.push({n:4,time:t.started,dur:"1.3s",action:"write_evidence",reasoning:"Wrote an audit trail so a reviewer can verify what changed and why.",tool:"fs write",output:"evidence.md",status:"ok"}),t.outcome==="needs-review"?n.push({n:5,time:t.started,dur:"\u2014",action:"request_approval",reasoning:"Policy requires a human to sign off before this result is published.",tool:null,hitl:!0,hitlBy:t.hitlBy||"Maya Okonkwo",hitlAt:t.hitlAt||t.started,output:"pending sign-off",status:"review"}):t.outcome==="running"?n.push({n:5,time:t.started,dur:"live",action:"in_progress",reasoning:"The agent is still working through its plan.",tool:null,output:null,status:"ok"}):n.push({n:5,time:t.started,dur:"0.8s",action:"publish",reasoning:"All gates green. Committed the result and closed the run.",tool:o.tool,output:o.out||"published",status:"ok"})),n}function ae(t,o){const i={ok:{dim:"rgba(0,243,255,.08)",bd:"rgba(0,243,255,.3)"},failed:{dim:"rgba(244,63,108,.1)",bd:"rgba(244,63,108,.35)"},review:{dim:"rgba(248,217,116,.12)",bd:"rgba(248,217,116,.4)"}},n={ok:"var(--app-accent,#00f3ff)",failed:"var(--app-fail,#f43f6c)",review:"var(--app-warn,#f8d974)"},p=t.status==="failed",r=t.status==="review",f=n[t.status]||n.ok,c=(o.showReasoning??!0)&&!!t.reasoning,b=(o.density??"comfortable")==="compact";return{key:`st-${t.n}`,nn:String(t.n).padStart(2,"0"),action:t.action,isFailedAction:p,time:t.time,dur:t.dur,node:f,nodeAnim:r||t.hitl,cardBg:p?"rgba(244,63,108,.05)":t.hitl?"rgba(248,217,116,.04)":"rgba(255,255,255,.02)",cardBd:p?"rgba(244,63,108,.28)":t.hitl?"rgba(248,217,116,.3)":"var(--app-rule)",padV:b?"11px":"14px",statusLabel:p?"Failed":r?"Awaiting review":"OK",pillDim:i[t.status].dim,pillBd:i[t.status].bd,showReason:c,reasoning:t.reasoning,hasTool:!!t.tool,tool:t.tool,isFailed:p,errorLine:t.errorLine,isHitl:!!t.hitl,hitlBy:t.hitlBy,hitlAt:t.hitlAt,hasOutput:!!t.output,output:t.output,outColor:r?"var(--app-warn,#f8d974)":"var(--app-accent,#00f3ff)",outDim:r?"rgba(248,217,116,.1)":"rgba(0,243,255,.08)",outBd:r?"rgba(248,217,116,.35)":"rgba(0,243,255,.25)"}}function te(t,o){const i=L[t.outcome];return{key:t.id,id:t.id,trigger:t.trigger,started:t.started,duration:t.duration,cost:t.cost,summary:t.summary,agentsLabel:t.agents.join(", "),outcomeLabel:i.label,color:i.c,dotAnim:t.outcome==="running",rowBg:t.outcome==="running"?"rgba(0,243,255,.05)":"rgba(255,255,255,.02)",rowBd:t.outcome==="running"?"rgba(0,243,255,.3)":"var(--app-rule)",open:()=>o(t.id)}}function se(t){const o=j[t.state],i=H[t.autonomy];return{key:t.name,name:t.name,color:o.c,dotAnim:o.anim,stateLabel:o.label,blocked:t.state==="blocked",blockedReason:t.blockedReason,autonomy:t.autonomy,autoColor:i.color,autoDim:i.dim,autoBd:i.bd,successRate:t.successRate,recentRuns:t.recentRuns,lastLine:t.lastLine,ticks:t.ticks.map((n,p)=>({key:`${t.name}-t${p}`,...W[n]}))}}function oe(t,o){const i=L[t.outcome],n=o.filter(d=>d.hitl).length,p=[{key:"trigger",k:"Trigger",v:t.trigger},{key:"agents",k:"Agents",v:t.agents.join(", ")},{key:"started",k:"Started",v:t.started},{key:"duration",k:"Duration",v:t.duration},{key:"steps",k:"Steps",v:String(o.length)},{key:"gates",k:"Human gates",v:String(n)},{key:"cost",k:"Cost",v:t.cost}],r=o.map(d=>d.output).filter(Boolean).filter(d=>/\.(md|json|ya?ml)$|PR #|#\d/.test(d)),f=(r.length?Array.from(new Set(r)):["evidence.md"]).map((d,M)=>({key:`art-${M}`,label:d}));let c;if(t.outcome==="needs-review"){const d=/PR #\d+/.exec(t.summary);c={c:"var(--app-warn,#f8d974)",bd:"rgba(248,217,116,.4)",dim:"rgba(248,217,116,.08)",btn:"rgba(248,217,116,.14)",title:"Awaiting human review",body:`${d?d[0]:"This run"} needs a human to sign off before it is published.`,cta:"Open in review \u2197"}}else t.outcome==="failed"?c={c:"var(--app-fail,#f43f6c)",bd:"rgba(244,63,108,.4)",dim:"rgba(244,63,108,.07)",btn:"rgba(244,63,108,.14)",title:"Run halted",body:"A step failed and the run was aborted. No artifacts were published \u2014 the failure is on the timeline.",cta:"View failed step"}:t.outcome==="running"?c={c:"var(--app-accent,#00f3ff)",bd:"rgba(0,243,255,.4)",dim:"rgba(0,243,255,.06)",btn:"rgba(0,243,255,.14)",title:"Run in progress",body:"The agent is still working through its plan. Steps stream in as they complete.",cta:"Follow live"}:c={c:"var(--app-success,#00d4b8)",bd:"rgba(0,212,184,.4)",dim:"rgba(0,212,184,.07)",btn:"rgba(0,212,184,.14)",title:"Completed",body:"All gates passed and the result was published. Nothing is waiting on a human.",cta:"View artifacts"};const b=o.filter(d=>d.status==="failed").length,h=[{key:"a0",text:`${o.length} steps logged in full, in order`},{key:"a1",text:`${n} human gate${n===1?"":"s"} \u2014 approved & attributed`},{key:"a2",text:"0 hidden or off-log actions"}];return b>0&&h.push({key:"a3",text:`${b} failed step surfaced, not suppressed`}),{id:t.id,summary:t.summary,tone:i,chips:p,artifacts:f,callout:c,audit:h,stepCount:o.length}}function m(t){const{d:o,size:i,stroke:n,children:p}=t;return e("svg",{width:i||14,height:i||14,viewBox:"0 0 24 24",fill:"none",stroke:n||"currentColor",strokeWidth:1.6,strokeLinecap:"round",strokeLinejoin:"round"},p||(o?e("path",{d:o}):null))}function I({planId:t}){const[o,i]=x({lines:[],nextOffset:0,eof:!1}),n=O(null);N(()=>{i({lines:[],nextOffset:0,eof:!1});const r=window.TracingLive;if(!r||typeof r.createTracingPoller!="function"||!t)return;const f=r.createTracingPoller(t,{intervalMs:2e3,limit:500,onUpdate:c=>i(c)});return()=>f.stop()},[t]),N(()=>{const r=n.current;r&&(r.scrollTop=r.scrollHeight)},[o.lines.length]);const p=o.lines.length>0;return e("div",{className:"transcript-pane",key:"transcript"},[e("div",{className:"transcript-head",key:"th"},[e("span",{className:"transcript-lbl",key:"l"},"Raw transcript"),e("span",{className:"transcript-status",key:"s"},o.eof?"\xB7 complete":"\xB7 streaming")]),e("div",{className:"transcript-scroll",key:"scroll",ref:n},p?o.lines.map((r,f)=>e("div",{className:"transcript-line mono",key:`tl${f}`},r)):e("p",{className:"transcript-empty",key:"empty"},"No transcript lines yet."))])}const $="select-suite-style";function ne(){if(document.getElementById($))return;const t=`
    .selsuite{display:flex;flex-direction:column;gap:18px;height:100%;min-height:0;font-size:14px;line-height:1.45;color:var(--app-ink,#e6e3da);font-family:var(--app-font-body,"Inter",system-ui,sans-serif);}
    .selsuite *,.selsuite *::before,.selsuite *::after{box-sizing:border-box;}
    .selsuite button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0;}
    .selsuite .mono{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-variant-numeric:tabular-nums;}
    .selsuite a{color:inherit;}

    /* ---- top control row: view tabs + last-24h mini card ---- */
    .selsuite .top-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;flex:0 0 auto;}
    .selsuite .view-tabs{display:inline-flex;background:var(--app-elevated,#2a2a2e);border:1px solid var(--app-rule);border-radius:8px;padding:3px;gap:2px;}
    .selsuite .view-tabs button{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:6px;font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:500;color:var(--app-ink-soft);}
    .selsuite .view-tabs button.on{background:var(--app-accent-dim);color:var(--app-accent,#00f3ff);}
    .selsuite .view-tabs .p2{font-size:8.5px;padding:1px 6px;border-radius:999px;background:rgba(248,217,116,.12);color:var(--app-warn,#f8d974);border:1px solid rgba(248,217,116,.3);letter-spacing:.05em;margin-left:2px;}
    .selsuite .last24{display:flex;align-items:center;gap:14px;padding:9px 16px;border:1px solid var(--app-rule);border-radius:var(--app-radius,12px);background:var(--app-surface,#1a1a1c);}
    .selsuite .last24-num{font-weight:900;font-size:1.15rem;color:var(--app-ink,#e6e3da);}
    .selsuite .last24-lbl{font-size:11px;color:var(--app-ink-faint);}
    .selsuite .last24-bar{display:flex;height:6px;width:96px;border-radius:999px;overflow:hidden;gap:2px;}
    .selsuite .last24-bar span{border-radius:999px;}
    .selsuite .last24-legend{display:flex;gap:10px;}
    .selsuite .last24-legend span{display:flex;align-items:center;gap:4px;font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:9.5px;color:var(--app-ink-faint);}
    .selsuite .last24-legend i{width:6px;height:6px;border-radius:50%;display:inline-block;}

    /* ---- header (list views) ---- */
    .selsuite .head-overline{display:flex;align-items:center;gap:12px;font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.15rem;color:var(--app-signal,#f43f6c);margin-bottom:11px;}
    .selsuite .head-overline .bar{width:20px;height:2px;background:var(--app-signal,#f43f6c);box-shadow:0 0 8px rgba(244,63,108,.4);}
    .selsuite .head-title{margin:0 0 6px;font-family:var(--app-font-display,"Inter",system-ui,sans-serif);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;font-size:2rem;line-height:1;color:var(--app-ink,#e6e3da);}
    .selsuite .head-title .dot{color:var(--app-signal,#f43f6c);}
    .selsuite .head-sub{margin:0;color:var(--app-ink-soft);font-size:.9rem;}

    /* ---- KPI strip ---- */
    .selsuite .kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;flex:0 0 auto;}
    .selsuite .kpi-tile{padding:16px 18px;background:var(--app-surface,#1a1a1c);border:1px solid var(--app-rule);border-radius:var(--app-radius,12px);}
    .selsuite .kpi-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;}
    .selsuite .kpi-label{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:10px;color:var(--app-ink-faint);text-transform:uppercase;letter-spacing:.14em;}
    .selsuite .kpi-delta{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:10px;padding:2px 7px;border-radius:999px;border:1px solid;text-transform:uppercase;letter-spacing:.05em;}
    .selsuite .kpi-value{font-family:var(--app-font-display,"Inter",system-ui,sans-serif);font-weight:900;font-size:1.7rem;line-height:1;color:var(--app-ink,#e6e3da);margin-bottom:13px;}
    .selsuite .kpi-bar{height:4px;background:rgba(255,255,255,.05);border-radius:999px;overflow:hidden;}
    .selsuite .kpi-bar>span{display:block;height:100%;border-radius:999px;}

    /* ---- runs panel ---- */
    .selsuite .runs-panel{padding:18px 20px;display:flex;flex-direction:column;gap:16px;background:var(--app-surface,#1a1a1c);border:1px solid var(--app-rule);border-radius:var(--app-radius,12px);}
    .selsuite .filters-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;justify-content:space-between;}
    .selsuite .filters-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
    .selsuite .filters-lbl{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:10px;color:var(--app-ink-faint);text-transform:uppercase;letter-spacing:.14em;margin-right:2px;}
    .selsuite .chip-outcome{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;padding:6px 11px;border-radius:999px;border:1px solid;}
    .selsuite .chip-outcome em{opacity:.55;margin-left:6px;font-style:normal;}
    .selsuite .chip-state{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:10px;text-transform:uppercase;letter-spacing:.05em;padding:5px 9px;border-radius:6px;border:1px solid;}

    .selsuite .runs-cols{display:grid;grid-template-columns:132px minmax(0,1fr) 92px 148px 88px 74px 22px;gap:14px;padding:0 12px;}
    .selsuite .runs-cols span{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:10px;color:var(--app-ink-faint);text-transform:uppercase;letter-spacing:.14em;}
    .selsuite .runs-cols span.right{text-align:right;}
    .selsuite .runs-rows{display:flex;flex-direction:column;gap:7px;}
    .selsuite .run-row{display:grid;grid-template-columns:132px minmax(0,1fr) 92px 148px 88px 74px 22px;gap:14px;align-items:center;padding:14px 12px;border-radius:var(--app-radius-sm,6px);cursor:pointer;border:1px solid;transition:all .2s cubic-bezier(.23,1,.32,1);}
    .selsuite .run-row:hover{border-color:rgba(0,243,255,.25)!important;background:rgba(0,243,255,.04)!important;}
    .selsuite .run-outcome{display:flex;align-items:center;gap:9px;}
    .selsuite .run-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;}
    .selsuite .run-outcome-lbl{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:10px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;}
    .selsuite .run-id{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:12.5px;color:var(--app-ink,#e6e3da);font-weight:500;}
    .selsuite .run-summary{font-size:12px;color:var(--app-ink-soft);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .selsuite .run-trigger{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:10px;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:4px;background:var(--app-rule-soft);color:var(--app-ink-faint);justify-self:start;}
    .selsuite .run-agents{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:11px;color:var(--app-accent,#00f3ff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .selsuite .run-started{text-align:right;}
    .selsuite .run-started-t{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:11.5px;color:var(--app-ink,#e6e3da);}
    .selsuite .run-dur{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:10px;color:var(--app-ink-faint);margin-top:2px;}
    .selsuite .run-cost{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:12px;color:var(--app-ink,#e6e3da);text-align:right;}
    .selsuite .run-chevron{color:var(--app-ink-faint);justify-self:end;}

    .selsuite .skel-row{display:grid;grid-template-columns:132px minmax(0,1fr) 92px 148px 88px 74px 22px;gap:14px;align-items:center;padding:16px 12px;border-radius:var(--app-radius-sm,6px);border:1px solid var(--app-rule-soft);}
    .selsuite .skel-bar{height:12px;border-radius:5px;background:linear-gradient(90deg,rgba(255,255,255,.03) 25%,rgba(255,255,255,.08) 37%,rgba(255,255,255,.03) 63%);background-size:400px 100%;animation:selsuiteShimmer 1.4s linear infinite;}
    @keyframes selsuiteShimmer{0%{background-position:-400px 0;}100%{background-position:400px 0;}}
    @keyframes selsuitePulse{0%,100%{opacity:1;}50%{opacity:.4;}}

    .selsuite .state-box{text-align:center;padding:44px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;border-radius:var(--app-radius-sm,6px);}
    .selsuite .state-box.err{border:1px solid rgba(244,63,108,.3);background:rgba(244,63,108,.05);}
    .selsuite .state-box .t{font-family:var(--app-font-display,"Inter",system-ui,sans-serif);font-weight:600;font-size:1.05rem;color:var(--app-ink,#e6e3da);}
    .selsuite .state-box .s{margin:0;font-size:13px;color:var(--app-ink-soft);max-width:38ch;}
    .selsuite .state-box .code{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:11px;color:var(--app-fail,#f43f6c);}
    .selsuite .state-box button{margin-top:4px;padding:8px 18px;border-radius:var(--app-radius-sm,6px);font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;border:1px solid;}

    /* ---- agents roster ---- */
    .selsuite .agents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;}
    .selsuite .agent-card{padding:18px;display:flex;flex-direction:column;gap:14px;background:var(--app-surface,#1a1a1c);border:1px solid var(--app-rule);border-radius:var(--app-radius,12px);transition:all .3s cubic-bezier(.23,1,.32,1);}
    .selsuite .agent-card:hover{border-color:rgba(0,243,255,.2);transform:translateY(-3px);}
    .selsuite .agent-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
    .selsuite .agent-name-row{display:flex;align-items:center;gap:9px;min-width:0;}
    .selsuite .agent-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;}
    .selsuite .agent-name{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:13px;color:var(--app-ink,#e6e3da);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .selsuite .agent-auton{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:9px;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:999px;border:1px solid;flex-shrink:0;}
    .selsuite .agent-state-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
    .selsuite .agent-state{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:10px;text-transform:uppercase;letter-spacing:.05em;}
    .selsuite .agent-blocked{font-size:11px;color:var(--app-ink-soft);}
    .selsuite .agent-stats{display:flex;gap:24px;padding:2px 0;}
    .selsuite .agent-stat-v{font-family:var(--app-font-display,"Inter",system-ui,sans-serif);font-weight:900;font-size:1.4rem;line-height:1;color:var(--app-ink,#e6e3da);}
    .selsuite .agent-stat-k{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:10px;color:var(--app-ink-faint);text-transform:uppercase;letter-spacing:.14em;margin-top:5px;}
    .selsuite .agent-ticks{display:flex;gap:3px;align-items:flex-end;height:20px;}
    .selsuite .agent-ticks span{flex:1;border-radius:1px;}
    .selsuite .agent-last{font-size:12px;color:var(--app-ink-soft);border-top:1px solid var(--app-rule);padding-top:12px;line-height:1.5;}

    /* ---- replays (phase 2) ---- */
    .selsuite .replays-panel{overflow:hidden;background:var(--app-surface,#1a1a1c);border:1px solid var(--app-rule);border-radius:var(--app-radius,12px);}
    .selsuite .replays-grid{display:grid;grid-template-columns:1.05fr .95fr;}
    @media (max-width:820px){.selsuite .replays-grid{grid-template-columns:1fr;}}
    .selsuite .replays-pitch{padding:36px 34px;display:flex;flex-direction:column;gap:18px;}
    .selsuite .p2-badge{align-self:flex-start;font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:10px;text-transform:uppercase;letter-spacing:.12em;padding:4px 11px;border-radius:999px;border:1px solid rgba(248,217,116,.4);background:rgba(248,217,116,.12);color:var(--app-warn,#f8d974);}
    .selsuite .replays-title{margin:0;font-family:var(--app-font-display,"Inter",system-ui,sans-serif);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;font-size:1.8rem;line-height:1;color:var(--app-ink,#e6e3da);}
    .selsuite .replays-title .dot{color:var(--app-signal,#f43f6c);}
    .selsuite .replays-body{margin:0;color:var(--app-ink-soft);font-size:.95rem;line-height:1.6;max-width:46ch;}
    .selsuite .replays-feat{display:flex;flex-direction:column;gap:11px;margin-top:4px;}
    .selsuite .feat-row{display:flex;align-items:center;gap:11px;}
    .selsuite .feat-ic{width:22px;height:22px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(0,243,255,.1);border:1px solid rgba(0,243,255,.25);color:var(--app-accent,#00f3ff);}
    .selsuite .feat-txt{font-size:13px;color:var(--app-ink-soft);}
    .selsuite .replays-ctas{display:flex;gap:12px;margin-top:10px;flex-wrap:wrap;}
    .selsuite .replays-ctas .primary{padding:.65rem 1.2rem;border-radius:var(--app-radius-sm,6px);border:1px solid rgba(0,243,255,.4);background:rgba(0,243,255,.08);color:var(--app-accent,#00f3ff);font-family:var(--app-font-body,"Inter",system-ui,sans-serif);font-weight:700;text-transform:uppercase;font-size:.7rem;letter-spacing:.03em;}
    .selsuite .replays-ctas .ghost{padding:.65rem 1.2rem;border-radius:var(--app-radius-sm,6px);border:1px solid var(--app-rule);color:var(--app-ink-faint);font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;}
    .selsuite .replays-preview{position:relative;border-left:1px solid var(--app-rule);background:rgba(0,0,0,.15);padding:26px;overflow:hidden;}
    .selsuite .preview-blur{filter:blur(1.5px);opacity:.5;pointer-events:none;}
    .selsuite .preview-head{display:flex;justify-content:space-between;margin-bottom:16px;font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:10px;text-transform:uppercase;letter-spacing:.1em;}
    .selsuite .preview-rows{display:flex;flex-direction:column;gap:9px;}
    .selsuite .preview-row{display:flex;gap:10px;align-items:center;padding:11px 13px;border-radius:8px;border:1px solid;}
    .selsuite .preview-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
    .selsuite .preview-name{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:11px;color:var(--app-ink-soft);}
    .selsuite .preview-tag{margin-left:auto;font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:10px;}
    .selsuite .lock-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:rgba(0,0,0,.35);}
    .selsuite .lock-ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(26,26,28,.9);border:1px solid rgba(248,217,116,.35);color:var(--app-warn,#f8d974);}
    .selsuite .lock-lbl{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--app-warn,#f8d974);}

    /* ---- run detail ---- */
    .selsuite .detail-wrap{display:flex;flex-direction:column;gap:20px;}
    .selsuite .back-btn{align-self:flex-start;display:flex;align-items:center;gap:8px;color:var(--app-ink-soft);font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:11px;text-transform:uppercase;letter-spacing:.08em;}
    .selsuite .back-btn:hover{color:var(--app-accent,#00f3ff);}
    .selsuite .detail-head-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
    .selsuite .detail-id{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-weight:500;font-size:1.7rem;letter-spacing:-.01em;color:var(--app-ink,#e6e3da);}
    .selsuite .detail-pill{display:inline-flex;align-items:center;gap:8px;font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:6px 12px;border-radius:999px;border:1px solid;}
    .selsuite .detail-pill i{width:8px;height:8px;border-radius:50%;}
    .selsuite .detail-summary{margin:12px 0 0;color:var(--app-ink-soft);font-size:.95rem;}
    .selsuite .detail-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
    .selsuite .detail-chip{display:inline-flex;align-items:center;gap:7px;font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:10.5px;padding:5px 10px;border-radius:6px;background:rgba(255,255,255,.03);border:1px solid var(--app-rule);color:var(--app-ink-soft);}
    .selsuite .detail-chip .k{color:var(--app-ink-faint);text-transform:uppercase;letter-spacing:.06em;font-size:9px;}

    /* ---- detail sub-tabs: Timeline / Transcript (C12, canvas#477, GAP-5) ---- */
    .selsuite .detail-tabs{display:inline-flex;background:var(--app-elevated,#2a2a2e);border:1px solid var(--app-rule);border-radius:8px;padding:3px;gap:2px;align-self:flex-start;}
    .selsuite .detail-tabs button{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:6px;font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;font-weight:500;color:var(--app-ink-soft);}
    .selsuite .detail-tabs button.on{background:var(--app-accent-dim);color:var(--app-accent,#00f3ff);}

    /* ---- transcript pane: terminal-like dark scrollback (built from
       existing tokens only \u2014 no new design system) ---- */
    .selsuite .transcript-pane{padding:22px 24px;background:var(--app-surface,#1a1a1c);border:1px solid var(--app-rule);border-radius:var(--app-radius,12px);display:flex;flex-direction:column;gap:14px;min-height:0;}
    .selsuite .transcript-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}
    .selsuite .transcript-lbl{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:10px;color:var(--app-ink-faint);text-transform:uppercase;letter-spacing:.14em;}
    .selsuite .transcript-status{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:10px;color:var(--app-ink-faint);text-transform:uppercase;letter-spacing:.08em;}
    .selsuite .transcript-scroll{background:#0a0a0b;border:1px solid var(--app-rule);border-radius:var(--app-radius-sm,6px);padding:14px 16px;max-height:420px;overflow-y:auto;font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:12px;line-height:1.6;color:var(--app-ink-soft);}
    .selsuite .transcript-line{white-space:pre-wrap;word-break:break-all;}
    .selsuite .transcript-line+.transcript-line{margin-top:2px;}
    .selsuite .transcript-empty{margin:0;color:var(--app-ink-faint);font-size:12.5px;}

    .selsuite .detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 316px;gap:22px;align-items:start;}
    @media (max-width:900px){.selsuite .detail-grid{grid-template-columns:1fr;}}
    .selsuite .timeline-card{padding:22px 24px;background:var(--app-surface,#1a1a1c);border:1px solid var(--app-rule);border-radius:var(--app-radius,12px);}
    .selsuite .timeline-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;flex-wrap:wrap;gap:10px;}
    .selsuite .timeline-lbl{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:10px;color:var(--app-ink-faint);text-transform:uppercase;letter-spacing:.14em;}
    .selsuite .timeline-legend{display:flex;gap:14px;flex-wrap:wrap;}
    .selsuite .timeline-legend span{display:flex;align-items:center;gap:6px;font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--app-ink-faint);}
    .selsuite .timeline-legend i{width:8px;height:8px;border-radius:50%;display:inline-block;}
    .selsuite .step-row{display:grid;grid-template-columns:46px minmax(0,1fr);}
    .selsuite .step-rail{position:relative;}
    .selsuite .step-line{position:absolute;left:21px;top:0;bottom:0;width:2px;background:var(--app-rule);}
    .selsuite .step-node{position:absolute;left:14px;top:16px;width:16px;height:16px;border-radius:50%;border:3px solid var(--app-surface,#1a1a1c);z-index:1;}
    .selsuite .step-card{margin-bottom:14px;border:1px solid;border-radius:var(--app-radius-sm,6px);padding:14px 16px;}
    .selsuite .step-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
    .selsuite .step-nn{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:10px;color:var(--app-ink-faint);letter-spacing:.08em;}
    .selsuite .step-action{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:13px;font-weight:500;}
    .selsuite .step-time{margin-left:auto;font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:10px;color:var(--app-ink-faint);}
    .selsuite .step-pill{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:9px;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:999px;border:1px solid;}
    .selsuite .step-reason{display:flex;gap:10px;margin:12px 0;}
    .selsuite .step-reason .bar{width:2px;background:var(--app-rule);border-radius:2px;flex-shrink:0;}
    .selsuite .step-reason p{margin:0;font-size:12.5px;line-height:1.55;color:var(--app-ink-soft);}
    .selsuite .step-tool{display:flex;align-items:center;gap:10px;background:rgba(0,0,0,.2);border:1px solid var(--app-rule);border-radius:6px;padding:8px 11px;margin-bottom:10px;}
    .selsuite .step-tool .tag{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--app-ink-faint);padding:2px 6px;border:1px solid var(--app-rule);border-radius:4px;}
    .selsuite .step-tool .cmd{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:12px;color:var(--app-accent,#00f3ff);}
    .selsuite .step-error{display:flex;align-items:center;gap:9px;background:rgba(244,63,108,.08);border:1px solid rgba(244,63,108,.3);border-radius:6px;padding:9px 11px;margin-bottom:10px;color:var(--app-fail,#f43f6c);}
    .selsuite .step-error span{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:11.5px;}
    .selsuite .step-hitl{display:flex;align-items:center;gap:11px;background:rgba(248,217,116,.1);border:1px solid rgba(248,217,116,.4);border-radius:6px;padding:10px 13px;margin-bottom:10px;box-shadow:0 0 20px rgba(248,217,116,.22);}
    .selsuite .step-hitl .ic{width:26px;height:26px;border-radius:7px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(248,217,116,.14);border:1px solid rgba(248,217,116,.35);color:var(--app-warn,#f8d974);}
    .selsuite .step-hitl .t{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--app-warn,#f8d974);}
    .selsuite .step-hitl .s{font-size:12px;color:var(--app-ink,#e6e3da);margin-top:2px;}
    .selsuite .step-output{display:flex;align-items:center;gap:9px;}
    .selsuite .step-output .lbl{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--app-ink-faint);}
    .selsuite .step-output .val{display:inline-flex;align-items:center;gap:6px;font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:12px;border-radius:5px;padding:4px 9px;border:1px solid;}

    .selsuite .rail-col{display:flex;flex-direction:column;gap:16px;}
    .selsuite .callout-card{border:1px solid;border-radius:var(--app-radius,12px);padding:18px;}
    .selsuite .callout-lbl{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:10px;color:var(--app-ink-faint);text-transform:uppercase;letter-spacing:.14em;margin-bottom:9px;}
    .selsuite .callout-title{font-family:var(--app-font-display,"Inter",system-ui,sans-serif);font-weight:600;font-size:1.05rem;color:var(--app-ink,#e6e3da);margin-bottom:6px;}
    .selsuite .callout-body{margin:0 0 14px;font-size:12.5px;line-height:1.55;color:var(--app-ink-soft);}
    .selsuite .callout-btn{width:100%;padding:9px;border-radius:var(--app-radius-sm,6px);border:1px solid;font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;text-align:center;}
    .selsuite .rail-card{padding:18px;background:var(--app-surface,#1a1a1c);border:1px solid var(--app-rule);border-radius:var(--app-radius,12px);}
    .selsuite .rail-lbl{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:10px;color:var(--app-ink-faint);text-transform:uppercase;letter-spacing:.14em;margin-bottom:12px;}
    .selsuite .art-link{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:var(--app-radius-sm,6px);background:rgba(255,255,255,.02);border:1px solid var(--app-rule);text-decoration:none;margin-bottom:7px;color:var(--app-accent,#00f3ff);}
    .selsuite .art-link:last-child{margin-bottom:0;}
    .selsuite .art-link:hover{border-color:rgba(0,243,255,.25);background:rgba(0,243,255,.03);}
    .selsuite .art-link .lbl{font-family:var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace);font-size:12px;color:var(--app-ink,#e6e3da);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .selsuite .audit-row{display:flex;align-items:flex-start;gap:9px;margin-bottom:11px;}
    .selsuite .audit-row:last-child{margin-bottom:0;}
    .selsuite .audit-ic{width:16px;height:16px;border-radius:4px;flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;background:rgba(0,212,184,.14);color:var(--app-success,#00d4b8);}
    .selsuite .audit-txt{font-size:12.5px;color:var(--app-ink-soft);line-height:1.4;}
    `,o=document.createElement("style");o.id=$,o.textContent=t,document.head.appendChild(o)}function T(t){ne();const[o,i]=x("runs"),[n,p]=x(null),[r,f]=x("all"),[c,b]=x("live"),[h,d]=x("timeline"),M=()=>y&&y.selectRuns&&y.selectRuns.liveData||null,[E,re]=x(M);N(()=>{const a=()=>re(M());return window.addEventListener("select-runs-live-hydrated",a),()=>window.removeEventListener("select-runs-live-hydrated",a)},[]);const P=()=>y&&y.selectAgents&&y.selectAgents.liveData||null,[J,ie]=x(P);N(()=>{const a=()=>ie(P());return window.addEventListener("select-agents-live-hydrated",a),()=>window.removeEventListener("select-agents-live-hydrated",a)},[]);const g=!!n,le={showReasoning:!0,density:"comfortable"};let v=S.slice();c==="live"&&(v=[R,...v]);const pe={all:v.length,running:v.filter(a=>a.outcome==="running").length,"needs-review":v.filter(a=>a.outcome==="needs-review").length,failed:v.filter(a=>a.outcome==="failed").length,success:v.filter(a=>a.outcome==="success").length},ce=v.filter(a=>r==="all"||a.outcome===r),z=c==="loading",w=c==="error",_=c==="empty",de=a=>{d("timeline"),p(a)},C=z||w||_?[]:ce.map(a=>te(a,de)),ue=!z&&!w&&(_||C.length===0),me=!z&&!w&&!_&&C.length>0,D=a=>a?{bg:"rgba(0,243,255,.1)",bd:"rgba(0,243,255,.35)",color:"var(--app-accent,#00f3ff)"}:{bg:"rgba(255,255,255,.02)",bd:"var(--app-rule)",color:"var(--app-ink-soft)"},fe=K.map(([a,s])=>({key:a,label:s,count:pe[a],on:r===a,set:()=>{f(a),p(null)},...D(r===a)})),ge=Y.map(([a,s])=>({key:a,label:s,on:c===a,set:()=>{b(a),p(null)},...D(c===a)})),ye=[{key:"total",label:"Total Runs",value:"142",delta:"+18",color:"var(--app-accent,#00f3ff)",dim:"rgba(0,243,255,.08)",bd:"rgba(0,243,255,.3)",pct:"84%"},{key:"success",label:"Success Rate",value:"91.5%",delta:"+1.2",color:"var(--app-success,#00d4b8)",dim:"rgba(0,212,184,.08)",bd:"rgba(0,212,184,.3)",pct:"91%"},{key:"review",label:"Needs Review",value:"3",delta:"+1",color:"var(--app-warn,#f8d974)",dim:"rgba(248,217,116,.1)",bd:"rgba(248,217,116,.35)",pct:"22%"},{key:"cost",label:"Avg Cost / Run",value:"\u20AC0.27",delta:"\u2212\u20AC0.03",color:"var(--app-accent,#00f3ff)",dim:"rgba(0,243,255,.08)",bd:"rgba(0,243,255,.3)",pct:"46%"}];let l=null,V=[];if(g){const s=[R,...S].find(u=>u.id===n);if(s){const u=s.hero?q:ee(s);V=u.map(Se=>ae(Se,le)),l=oe(s,u)}}let B="Select Stream \xB7 Runs",F="Runs",A="142 runs in the last 24h \xB7 3 need review \xB7 6 failed";o==="agents"?(B="Select Stream \xB7 Agents",F="Agents",A="6 agents \xB7 4 active \xB7 1 blocked on a human gate"):o==="replays"?(B="Select Stream \xB7 Replays",F="Replays",A="Decision-chain replays \u2014 shipping in Phase 2"):o==="events"&&(B="Select Stream \xB7 Events",F="Events",A="Live event tail + per-run cost \u2014 epic #40 \xB7 C9");function xe(){return e("div",{className:"top-row",key:"top"},[e("div",{className:"view-tabs",key:"tabs"},[["runs","Runs",null],["agents","Agents",null],["replays","Replays","P2"],["events","Events",null]].map(([a,s,u])=>e("button",{key:a,className:o===a&&!g?"on":"",onClick:()=>{i(a),p(null)}},[s,u?e("span",{className:"p2",key:"b"},u):null]))),e("div",{className:"last24",key:"l24"},[e("div",{key:"n"},[e("span",{className:"last24-num",key:"v"},"142"),e("span",{className:"last24-lbl",key:"l"}," runs \xB7 Last 24h")]),e("div",{className:"last24-bar",key:"bar"},[e("span",{key:"ok",style:{flex:91,background:"var(--app-success,#00d4b8)"}}),e("span",{key:"rev",style:{flex:5,background:"var(--app-warn,#f8d974)"}}),e("span",{key:"fail",style:{flex:4,background:"var(--app-fail,#f43f6c)"}})]),e("div",{className:"last24-legend",key:"leg"},[e("span",{key:"ok"},[e("i",{key:"d",style:{background:"var(--app-success,#00d4b8)"}}),"OK 133"]),e("span",{key:"rev"},[e("i",{key:"d",style:{background:"var(--app-warn,#f8d974)"}}),"REV 3"]),e("span",{key:"fail"},[e("i",{key:"d",style:{background:"var(--app-fail,#f43f6c)"}}),"FAIL 6"])])])])}function be(){return e("div",{key:"head"},[e("div",{className:"head-overline",key:"ov"},[e("span",{className:"bar",key:"b"}),B]),e("h2",{className:"head-title",key:"t"},[F,e("span",{className:"dot",key:"d"},".")]),e("p",{className:"head-sub",key:"s"},A)])}function ve(){return e("div",{className:"kpi-grid",key:"kpis"},ye.map(a=>e("div",{className:"kpi-tile",key:a.key},[e("div",{className:"kpi-top",key:"top"},[e("span",{className:"kpi-label",key:"l"},a.label),e("span",{className:"kpi-delta",key:"d",style:{borderColor:a.bd,background:a.dim,color:a.color}},a.delta)]),e("div",{className:"kpi-value",key:"v"},a.value),e("div",{className:"kpi-bar",key:"b"},[e("span",{key:"fill",style:{width:a.pct,background:a.color,boxShadow:`0 0 8px ${a.dim}`}})])])))}function ke(){return e("div",{className:"runs-panel",key:"runs"},[e("div",{className:"filters-row",key:"filters"},[e("div",{className:"filters-group",key:"outcome"},[e("span",{className:"filters-lbl",key:"l"},"Outcome"),...fe.map(a=>e("button",{key:a.key,className:"chip-outcome",style:{borderColor:a.bd,background:a.bg,color:a.color},onClick:a.set},[a.label,e("em",{key:"n"},a.count)]))]),e("div",{className:"filters-group",key:"state"},[e("span",{className:"filters-lbl",key:"l"},"Demo state"),...ge.map(a=>e("button",{key:a.key,className:"chip-state",style:{borderColor:a.bd,background:a.bg,color:a.color},onClick:a.set},a.label))])]),e("div",{className:"runs-cols",key:"cols"},[e("span",{key:"1"},"Outcome"),e("span",{key:"2"},"Run"),e("span",{key:"3"},"Trigger"),e("span",{key:"4"},"Agent(s)"),e("span",{className:"right",key:"5"},"Started"),e("span",{className:"right",key:"6"},"Cost"),e("span",{key:"7"})]),w?e("div",{className:"state-box err",key:"err"},[e(m,{key:"ic",size:30,stroke:"var(--app-fail,#f43f6c)",d:"M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z"}),e("div",{className:"t",key:"t"},"Couldn't load runs"),e("p",{className:"s",key:"s"},"The run index returned a 503. Your runs are safe \u2014 this is a display error, no data was lost."),e("div",{className:"code",key:"c"},"error \xB7 RUN_INDEX_UNAVAILABLE (503)"),e("button",{key:"retry",style:{borderColor:"rgba(244,63,108,.4)",background:"rgba(244,63,108,.08)",color:"var(--app-fail,#f43f6c)"},onClick:()=>b("live")},"Retry")]):null,z?e("div",{className:"runs-rows",key:"skel"},[1,2,3,4,5].map(a=>e("div",{className:"skel-row",key:`sk-${a}`},[80,70,90,60,100,80].map((s,u)=>e("div",{key:u,className:"skel-bar",style:{width:`${s}%`}}))))):null,ue&&!w?e("div",{className:"state-box",key:"empty"},[e(m,{key:"ic",size:30,stroke:"var(--app-ink-soft)",d:"M5.5 6.5 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.5-5.5A2 2 0 0 0 16.8 5H7.2a2 2 0 0 0-1.7 1.5z"}),e("div",{className:"t",key:"t"},"No runs match these filters"),e("p",{className:"s",key:"s"},"Nothing in the last 24h fits the current outcome filter. Try widening it."),e("button",{key:"reset",style:{borderColor:"rgba(0,243,255,.35)",background:"rgba(0,243,255,.08)",color:"var(--app-accent,#00f3ff)"},onClick:()=>{f("all"),b("live")}},"Clear filters")]):null,me?e("div",{className:"runs-rows",key:"rows"},C.map(a=>e("div",{key:a.key,className:"run-row",style:{borderColor:a.rowBd,background:a.rowBg},onClick:a.open},[e("div",{className:"run-outcome",key:"o"},[e("span",{key:"dot",className:"run-dot",style:{background:a.color,boxShadow:`0 0 7px ${a.color}`,animation:a.dotAnim?"selsuitePulse 1.4s ease-in-out infinite":"none"}}),e("span",{className:"run-outcome-lbl",key:"lbl",style:{color:a.color}},a.outcomeLabel)]),e("div",{key:"id"},[e("div",{className:"run-id",key:"i"},a.id),e("div",{className:"run-summary",key:"s"},a.summary),typeof window.ScopeBadge=="function"?e(window.ScopeBadge,{key:"scope",item:a,kind:window.KIND_REGISTRY&&window.KIND_REGISTRY.selectRuns}):null]),e("span",{className:"run-trigger",key:"trig"},a.trigger),e("span",{className:"run-agents",key:"ag"},a.agentsLabel),e("div",{className:"run-started",key:"start"},[e("div",{className:"run-started-t",key:"t"},a.started),e("div",{className:"run-dur",key:"d"},a.duration)]),e("span",{className:"run-cost",key:"cost"},a.cost),e(m,{key:"chev",size:13,d:"M9 18l6-6-6-6"})]))):null,E&&E.source?e("div",{className:"runs-live-note",key:"live-note",style:{fontFamily:'var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace)',fontSize:"10px",color:"var(--app-ink-faint)",textTransform:"uppercase",letterSpacing:".08em",padding:"10px 12px 0"}},`live source: ${E.source}`):null])}function he(){return e(k.Fragment,null,e("div",{className:"agents-grid",key:"agents"},G.map(a=>{const s=se(a);return e("div",{className:"agent-card",key:s.key},[e("div",{className:"agent-top",key:"top"},[e("div",{className:"agent-name-row",key:"n"},[e("span",{key:"dot",className:"agent-dot",style:{background:s.color,boxShadow:`0 0 7px ${s.color}`,animation:s.dotAnim?"selsuitePulse 1.6s ease-in-out infinite":"none"}}),e("span",{className:"agent-name",key:"nm"},s.name)]),e("span",{className:"agent-auton",key:"au",style:{borderColor:s.autoBd,background:s.autoDim,color:s.autoColor}},s.autonomy)]),e("div",{className:"agent-state-row",key:"state"},[e("span",{className:"agent-state",key:"s",style:{color:s.color}},s.stateLabel),s.blocked?e("span",{className:"agent-blocked",key:"b"},`\xB7 ${s.blockedReason}`):null]),e("div",{className:"agent-stats",key:"stats"},[e("div",{key:"sr"},[e("div",{className:"agent-stat-v",key:"v"},s.successRate),e("div",{className:"agent-stat-k",key:"k"},"Success")]),e("div",{key:"rr"},[e("div",{className:"agent-stat-v",key:"v"},String(s.recentRuns)),e("div",{className:"agent-stat-k",key:"k"},"Runs \xB7 24h")])]),e("div",{className:"agent-ticks",key:"ticks"},s.ticks.map(u=>e("span",{key:u.key,style:{height:u.h,background:u.color}}))),e("div",{className:"agent-last",key:"last"},s.lastLine)])})),J&&J.source?e("div",{className:"agents-live-note",key:"live-note",style:{fontFamily:'var(--app-font-mono,"JetBrains Mono",SFMono-Regular,monospace)',fontSize:"10px",color:"var(--app-ink-faint)",textTransform:"uppercase",letterSpacing:".08em",gridColumn:"1 / -1",padding:"10px 12px 0"}},`live source: ${J.source}`):null)}function we(){const a=[{key:"p0",name:"map_events",tone:"var(--app-success,#00d4b8)",tag:"= same",border:"rgba(255,255,255,.06)",bg:"rgba(255,255,255,.03)"},{key:"p1",name:"render_gate",tone:"var(--app-accent,#00f3ff)",tag:"~ faster",border:"rgba(0,243,255,.2)",bg:"rgba(0,243,255,.05)"},{key:"p2",name:"open_pull_request",tone:"var(--app-fail,#f43f6c)",tag:"! changed",border:"rgba(244,63,108,.2)",bg:"rgba(244,63,108,.05)"},{key:"p3",name:"request_approval",tone:"var(--app-warn,#f8d974)",tag:"= same",border:"rgba(255,255,255,.06)",bg:"rgba(255,255,255,.03)"}];return e("div",{className:"replays-panel",key:"replays"},[e("div",{className:"replays-grid"},[e("div",{className:"replays-pitch",key:"pitch"},[e("span",{className:"p2-badge",key:"badge"},"Phase 2 \xB7 Roadmap"),e("h3",{className:"replays-title",key:"t"},["Replays",e("span",{className:"dot",key:"d"},".")]),e("p",{className:"replays-body",key:"b"},"Re-run any historical decision chain against a newer agent version and diff every step, tool call, and gate \u2014 see exactly where behavior changed before you ship it."),e("div",{className:"replays-feat",key:"feat"},U.map((s,u)=>e("div",{className:"feat-row",key:`f-${u}`},[e(m,{key:"ic",size:12,className:"feat-ic"},e("path",{d:"M20 6 9 17l-5-5"}))&&e("span",{className:"feat-ic",key:"wrap"},[e(m,{key:"ic2",size:12,d:"M20 6 9 17l-5-5"})]),e("span",{className:"feat-txt",key:"txt"},s)]))),e("div",{className:"replays-ctas",key:"ctas"},[e("button",{className:"primary",key:"notify"},"Notify me when Replays ships"),e("button",{className:"ghost",key:"roadmap"},"View roadmap \u2192")])]),e("div",{className:"replays-preview",key:"preview"},[e("div",{className:"preview-blur",key:"blur"},[e("div",{className:"preview-head",key:"h"},[e("span",{key:"a",style:{color:"var(--app-accent,#00f3ff)"}},"ops-agent v2.3"),e("span",{key:"b",style:{color:"var(--app-warn,#f8d974)"}},"v2.4 \xB7 diff")]),e("div",{className:"preview-rows",key:"rows"},a.map(s=>e("div",{key:s.key,className:"preview-row",style:{borderColor:s.border,background:s.bg}},[e("span",{key:"dot",className:"preview-dot",style:{background:s.tone}}),e("span",{className:"preview-name",key:"n"},s.name),e("span",{className:"preview-tag",key:"tag",style:{color:s.tone}},s.tag)])))]),e("div",{className:"lock-overlay",key:"lock"},[e("span",{className:"lock-ic",key:"ic"},e(m,{key:"svg",size:20,children:[e("rect",{key:"r",x:3,y:11,width:18,height:11,rx:2}),e("path",{key:"p",d:"M7 11V7a5 5 0 0 1 10 0v4"})]})),e("span",{className:"lock-lbl",key:"lbl"},"Locked \xB7 Phase 2")])])])])}function Ne(){const a=window.VIEWS&&typeof window.VIEWS["event-tail"]=="function"?window.VIEWS["event-tail"]:null;return e("div",{className:"runs-panel",key:"events-panel"},[e("div",{key:"hd",style:{fontFamily:'var(--app-font-mono,"JetBrains Mono",monospace)',fontSize:11,letterSpacing:".08em",textTransform:"uppercase",color:"var(--app-ink-faint)"}},"Event tail"),a?e(a,{key:"tail",kind:{costRows:X,replayNote:Z},items:Q}):e("p",{key:"fallback",style:{color:"var(--app-ink-soft)"}},"Event tail is unavailable \u2014 the event-tail archetype did not load.")])}function Re(){if(!l)return e("div",{key:"detail-missing"},"Run not found.");const a=L[S.concat(R).find(s=>s.id===l.id)?[R,...S].find(s=>s.id===l.id).outcome:"success"];return e("div",{className:"detail-wrap",key:"detail"},[e("button",{className:"back-btn",key:"back",onClick:()=>p(null)},[e(m,{key:"ic",size:14,d:"M15 18l-6-6 6-6"}),"All runs"]),e("div",{key:"head"},[e("div",{className:"head-overline",key:"ov"},[e("span",{className:"bar",key:"b"}),"Select Stream \xB7 Run Detail"]),e("div",{className:"detail-head-row",key:"row"},[e("span",{className:"detail-id",key:"id"},l.id),e("span",{className:"detail-pill",key:"pill",style:{borderColor:a.bd,background:a.dim,color:a.c}},[e("i",{key:"dot",style:{background:a.c,boxShadow:`0 0 7px ${a.c}`,animation:a.anim?"selsuitePulse 1.4s ease-in-out infinite":"none"}}),a.label])]),e("p",{className:"detail-summary",key:"sum"},l.summary),e("div",{className:"detail-chips",key:"chips"},l.chips.map(s=>e("span",{className:"detail-chip",key:s.key},[e("span",{className:"k",key:"k"},s.k),s.v])))]),e("div",{className:"detail-tabs",key:"dtabs"},[e("button",{className:h==="timeline"?"on":"",key:"dt-timeline",onClick:()=>d("timeline")},"Timeline"),e("button",{className:h==="transcript"?"on":"",key:"dt-transcript",onClick:()=>d("transcript")},"Transcript")]),h==="transcript"?e(I,{key:"transcript-pane",planId:l.id}):e("div",{className:"detail-grid",key:"grid"},[e("div",{className:"timeline-card",key:"timeline"},[e("div",{className:"timeline-head",key:"th"},[e("span",{className:"timeline-lbl",key:"l"},`Decision Timeline \xB7 ${l.stepCount} steps`),e("div",{className:"timeline-legend",key:"leg"},[e("span",{key:"a"},[e("i",{key:"d",style:{background:"var(--app-accent,#00f3ff)"}}),"Action"]),e("span",{key:"f"},[e("i",{key:"d",style:{background:"var(--app-fail,#f43f6c)"}}),"Failed"]),e("span",{key:"h"},[e("i",{key:"d",style:{background:"var(--app-warn,#f8d974)"}}),"Human gate"])])]),e("div",{key:"steps"},V.map(s=>e("div",{className:"step-row",key:s.key},[e("div",{className:"step-rail",key:"rail"},[e("div",{className:"step-line",key:"line"}),e("div",{className:"step-node",key:"node",style:{background:s.node,boxShadow:`0 0 8px ${s.node}`,animation:s.nodeAnim?"selsuitePulse 2.2s ease-out infinite":"none"}})]),e("div",{className:"step-card",key:"card",style:{borderColor:s.cardBd,background:s.cardBg,padding:`${s.padV} 16px`}},[e("div",{className:"step-top",key:"top"},[e("span",{className:"step-nn",key:"nn"},`STEP ${s.nn}`),e("span",{className:"step-action",key:"action",style:{color:s.isFailedAction?"var(--app-fail,#f43f6c)":"var(--app-ink,#e6e3da)"}},s.action),e("span",{className:"step-time",key:"time"},`${s.time} \xB7 ${s.dur}`),e("span",{className:"step-pill",key:"pill",style:{borderColor:s.pillBd,background:s.pillDim,color:s.node}},s.statusLabel)]),s.showReason?e("div",{className:"step-reason",key:"reason"},[e("span",{className:"bar",key:"b"}),e("p",{key:"p"},s.reasoning)]):null,s.hasTool?e("div",{className:"step-tool",key:"tool"},[e("span",{className:"tag",key:"t"},"Tool"),e("span",{className:"cmd",key:"c"},[e("span",{key:"s",style:{opacity:.5}},"$ "),s.tool])]):null,s.isFailed?e("div",{className:"step-error",key:"err"},[e(m,{key:"ic",size:14,stroke:"var(--app-fail,#f43f6c)",d:"M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z"}),e("span",{key:"t"},s.errorLine)]):null,s.isHitl?e("div",{className:"step-hitl",key:"hitl"},[e("span",{className:"ic",key:"ic"},e(m,{key:"svg",size:14,children:[e("path",{key:"p1",d:"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"}),e("circle",{key:"c",cx:12,cy:7,r:4})]})),e("div",{key:"txt"},[e("div",{className:"t",key:"t"},"Human gate \xB7 Approved"),e("div",{className:"s",key:"s"},`${s.hitlBy} \xB7 ${s.hitlAt}`)])]):null,s.hasOutput?e("div",{className:"step-output",key:"out"},[e("span",{className:"lbl",key:"l"},"Output"),e("span",{className:"val",key:"v",style:{borderColor:s.outBd,background:s.outDim,color:s.outColor}},s.output)]):null])])))]),e("div",{className:"rail-col",key:"rail"},[e("div",{className:"callout-card",key:"callout",style:{borderColor:l.callout.bd,background:l.callout.dim}},[e("div",{className:"callout-lbl",key:"l",style:{color:l.callout.c}},"Next"),e("div",{className:"callout-title",key:"t"},l.callout.title),e("p",{className:"callout-body",key:"b"},l.callout.body),e("button",{className:"callout-btn",key:"btn",style:{borderColor:l.callout.bd,background:l.callout.btn,color:l.callout.c}},l.callout.cta)]),e("div",{className:"rail-card",key:"artifacts"},[e("div",{className:"rail-lbl",key:"l"},"Artifacts"),...l.artifacts.map(s=>e("a",{className:"art-link",key:s.key,href:"#"},[e(m,{key:"ic",size:14,stroke:"var(--app-accent,#00f3ff)",d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),e("span",{className:"lbl",key:"lbl"},s.label),e(m,{key:"ex",size:12,d:"M7 17L17 7M9 7h8v8"})]))]),e("div",{className:"rail-card",key:"audit"},[e("div",{className:"rail-lbl",key:"l"},"Auditability"),...l.audit.map(s=>e("div",{className:"audit-row",key:s.key},[e("span",{className:"audit-ic",key:"ic"},e(m,{key:"svg",size:10,d:"M20 6 9 17l-5-5"})),e("span",{className:"audit-txt",key:"txt"},s.text)]))])])])])}return e("div",{className:"selsuite"},[xe(),g?null:be(),!g&&(o==="runs"||o==="agents"||o==="replays")?ve():null,!g&&o==="runs"?ke():null,!g&&o==="agents"?he():null,!g&&o==="replays"?we():null,!g&&o==="events"?Ne():null,g?Re():null])}T.displayName="SelectSuiteView",window.SELECT_SUITE_VIEW_FN=T,window.TRANSCRIPT_PANE_FN=I,window.VIEWS=window.VIEWS||{},window.VIEWS.selectSuite=T,y&&(y.selectStream={id:"selectStream",label:"Select",workspaceLabel:"Select Stream",workspaceIcon:"hub",description:"Agent-run oversight: filterable Runs list with per-run decision-timeline drilldown, an Agents roster (autonomy, success rate, activity), and a Phase-2 Replays preview.",defaultView:"selectSuite",defaultDetail:"none",agentTreatment:"implicit",primaryAction:{label:"Refresh",kind:"primary",icon:"sync"},secondaryActions:[{label:"Agents roster",icon:"hub"}],heroKpis:[{label:"runs \xB7 24h",value:"142",trend:"up"},{label:"success",value:"91.5%",trend:"up"},{label:"needs review",value:"3",trend:"flat"},{label:"avg cost",value:"\u20AC0.27",trend:"down"}]})})();