@openscout/scout 0.2.102 → 0.2.106

package/dist/client/assets/{SessionEmbedScreen-CcQN6xlo.js → SessionEmbedScreen-D0zFmou-.js}

@@ -1 +1 @@
-import{r as o,j as r}from"./index-C8uS5szO.js";import{a as _}from"./api-CaROe5_H.js";import{d as y,S as j}from"./SessionObserve-DaqDhqDI.js";import{u as x}from"./sse-v5QLsOHV.js";import{u as g}from"./tail-events-DQ46QBW1.js";import{ConversationScreen as M}from"./ConversationScreen-tTP6B_F-.js";import{SessionObserveEmbedStatus as N,NATIVE_SESSION_ORIGIN_LABEL as S}from"./SessionObserveEvidence-Drv-D8Oh.js";import{d as w,b as T,s as p}from"./session-ref-lookup-state-SATH_jAP.js";const O=6e4,L=1e3,A=1e4;function u({children:e}){return r.jsx("div",{className:"s-observe-embed-page",children:e})}function d({title:e,detail:s}){return r.jsx(u,{children:r.jsxs("div",{className:"s-observe-embed-empty",children:[r.jsx("div",{className:"s-observe-embed-empty-title",children:e}),s&&r.jsx("div",{className:"s-observe-embed-empty-detail",children:s})]})})}function I({lookup:e}){const s=y({source:e.observe.source,fidelity:e.observe.fidelity,live:e.observe.data.live,eventCount:e.observe.data.events.length});return r.jsxs(u,{children:[r.jsx(N,{source:e.observe.source,fidelity:e.observe.fidelity,sessionId:e.observe.sessionId??e.observe.refId,evidence:s,originLabel:S}),r.jsx(j,{data:e.observe.data,agentId:e.observe.agentId??e.session?.agentId??void 0,sessionId:e.observe.sessionId??e.observe.refId,showRail:!1,observeSource:e.observe.source,observeFidelity:e.observe.fidelity,originLabel:S,defaultPresentation:"conversation"})]})}function f(){const e=typeof window>"u"?"":new URLSearchParams(window.location.search).get("ref")?.trim()??"",[s,v]=o.useState(null),[h,l]=o.useState(!0),[b,m]=o.useState(null),i=o.useRef(null),c=o.useRef(null),a=o.useCallback(async(n=!1)=>{if(!e){l(!1);return}c.current=Date.now(),n||l(!0),m(null);try{const t=await _(`/api/session-ref/${encodeURIComponent(e)}`);v(t)}catch(t){n||v(null),m(t instanceof Error?t.message:String(t))}finally{l(!1)}},[e]);o.useEffect(()=>{c.current=null,a();const n=window.setInterval(()=>{a(!0)},O);return()=>{window.clearInterval(n),i.current&&(clearTimeout(i.current),i.current=null)}},[a]);const E=o.useCallback(()=>{if(i.current)return;const n=w({nowMs:Date.now(),lastRefreshAtMs:c.current,debounceMs:L,minimumIntervalMs:A});i.current=setTimeout(()=>{i.current=null,a(!0)},n)},[a]);return x(n=>{const t=[e,s?.refId,s?.kind==="conversation"?s.conversationId:null,s?.session?.agentId,s?.kind==="observe"?s.observe.agentId:null,s?.kind==="observe"?s.observe.sessionId:null];T(n,t)&&E()}),g(n=>{[e,s?.refId,s?.kind==="observe"?s.observe.sessionId:null,s?.kind==="observe"?s.observe.data.metadata?.session?.externalSessionId:null].some(R=>p(n.sessionId,R))&&E()}),e?b&&!s?r.jsx(d,{title:"Session unavailable",detail:b}):h&&!s?r.jsx(d,{title:"Resolving session",detail:e}):s?s.kind==="conversation"?r.jsx(u,{children:r.jsx(M,{conversationId:s.conversationId,navigate:()=>{},embedded:!0,showBackNav:!1})}):r.jsx(I,{lookup:s}):r.jsx(d,{title:"Session not found",detail:"This session may have ended or its archive is not on this machine."}):r.jsx(d,{title:"No session reference",detail:"This embed needs a ?ref=<sessionId> query parameter."})}const $=Object.freeze(Object.defineProperty({__proto__:null,SessionEmbedObserveContent:I,SessionEmbedScreen:f,default:f},Symbol.toStringTag,{value:"Module"})),z=Object.freeze(Object.defineProperty({__proto__:null,SessionEmbedScreen:f},Symbol.toStringTag,{value:"Module"}));export{$ as S,z as a};
+import{r as o,j as r}from"./index-EsrkGBcv.js";import{a as _}from"./api-DSqpVKC7.js";import{d as y,S as j}from"./SessionObserve-DXxBvejJ.js";import{u as x}from"./sse-BCPRocpq.js";import{u as g}from"./tail-events-d0yAYxR0.js";import{ConversationScreen as M}from"./ConversationScreen-CUfsQ4MR.js";import{SessionObserveEmbedStatus as N,NATIVE_SESSION_ORIGIN_LABEL as S}from"./SessionObserveEvidence-Cuj_KHxR.js";import{d as w,b as T,s as p}from"./session-ref-lookup-state-SATH_jAP.js";const O=6e4,L=1e3,A=1e4;function u({children:e}){return r.jsx("div",{className:"s-observe-embed-page",children:e})}function d({title:e,detail:s}){return r.jsx(u,{children:r.jsxs("div",{className:"s-observe-embed-empty",children:[r.jsx("div",{className:"s-observe-embed-empty-title",children:e}),s&&r.jsx("div",{className:"s-observe-embed-empty-detail",children:s})]})})}function I({lookup:e}){const s=y({source:e.observe.source,fidelity:e.observe.fidelity,live:e.observe.data.live,eventCount:e.observe.data.events.length});return r.jsxs(u,{children:[r.jsx(N,{source:e.observe.source,fidelity:e.observe.fidelity,sessionId:e.observe.sessionId??e.observe.refId,evidence:s,originLabel:S}),r.jsx(j,{data:e.observe.data,agentId:e.observe.agentId??e.session?.agentId??void 0,sessionId:e.observe.sessionId??e.observe.refId,showRail:!1,observeSource:e.observe.source,observeFidelity:e.observe.fidelity,originLabel:S,defaultPresentation:"conversation"})]})}function f(){const e=typeof window>"u"?"":new URLSearchParams(window.location.search).get("ref")?.trim()??"",[s,v]=o.useState(null),[h,l]=o.useState(!0),[b,m]=o.useState(null),i=o.useRef(null),c=o.useRef(null),a=o.useCallback(async(n=!1)=>{if(!e){l(!1);return}c.current=Date.now(),n||l(!0),m(null);try{const t=await _(`/api/session-ref/${encodeURIComponent(e)}`);v(t)}catch(t){n||v(null),m(t instanceof Error?t.message:String(t))}finally{l(!1)}},[e]);o.useEffect(()=>{c.current=null,a();const n=window.setInterval(()=>{a(!0)},O);return()=>{window.clearInterval(n),i.current&&(clearTimeout(i.current),i.current=null)}},[a]);const E=o.useCallback(()=>{if(i.current)return;const n=w({nowMs:Date.now(),lastRefreshAtMs:c.current,debounceMs:L,minimumIntervalMs:A});i.current=setTimeout(()=>{i.current=null,a(!0)},n)},[a]);return x(n=>{const t=[e,s?.refId,s?.kind==="conversation"?s.conversationId:null,s?.session?.agentId,s?.kind==="observe"?s.observe.agentId:null,s?.kind==="observe"?s.observe.sessionId:null];T(n,t)&&E()}),g(n=>{[e,s?.refId,s?.kind==="observe"?s.observe.sessionId:null,s?.kind==="observe"?s.observe.data.metadata?.session?.externalSessionId:null].some(R=>p(n.sessionId,R))&&E()}),e?b&&!s?r.jsx(d,{title:"Session unavailable",detail:b}):h&&!s?r.jsx(d,{title:"Resolving session",detail:e}):s?s.kind==="conversation"?r.jsx(u,{children:r.jsx(M,{conversationId:s.conversationId,navigate:()=>{},embedded:!0,showBackNav:!1})}):r.jsx(I,{lookup:s}):r.jsx(d,{title:"Session not found",detail:"This session may have ended or its archive is not on this machine."}):r.jsx(d,{title:"No session reference",detail:"This embed needs a ?ref=<sessionId> query parameter."})}const $=Object.freeze(Object.defineProperty({__proto__:null,SessionEmbedObserveContent:I,SessionEmbedScreen:f,default:f},Symbol.toStringTag,{value:"Module"})),z=Object.freeze(Object.defineProperty({__proto__:null,SessionEmbedScreen:f},Symbol.toStringTag,{value:"Module"}));export{$ as S,z as a};

package/dist/client/assets/SessionHopMenu-E6VJZrE0.js

@@ -0,0 +1 @@
+import{r as S,j as p}from"./index-EsrkGBcv.js";import{A as L,a as z}from"./Provider-C35yu29I.js";import{p as M,a as E}from"./api-DSqpVKC7.js";import{s as K,f as F,p as P,l as q}from"./terminal-sessions-3RfJpen8.js";import{o as N}from"./openContent-C6XO6kr5.js";import{c as D}from"./createLucideIcon-zZ8Hx7er.js";import{E as $}from"./external-link-CUObqmgX.js";const J=[["path",{d:"m7 11 2-2-2-2",key:"1lz0vl"}],["path",{d:"M11 13h4",key:"1p7l4v"}],["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",ry:"2",key:"1m3agn"}]],W=D("square-terminal",J),Z=["threadId","externalSessionId","conversationId","runtimeSessionId","sessionId"];function B(e){const n=e?.trim();if(!n)return[];const s=n.split(/[\\/]/u).filter(Boolean).at(-1)??n,c=s.endsWith(".jsonl")?s.slice(0,-6):s;if(!c)return[];const r=new Set([c]),a=/^([A-Za-z][A-Za-z0-9_-]{0,15}):(.+)$/u.exec(c);if(a?.[2]&&(r.add(a[2]),a[1]==="session")){const o=/^([A-Za-z][A-Za-z0-9_-]{0,15}):(.+)$/u.exec(a[2]);o?.[2]&&r.add(o[2])}return[...r]}function Y(e){const n=new Set,s=e.agentId?.trim().split(".",1)[0];s?.startsWith("session-")&&n.add(s);for(const c of e.sessionRefs??[])for(const r of B(c))n.add(r);return[...n]}function T(e){const n=e.surfaces.filter(s=>s.state!=="exited");return n.length===0?null:n.find(s=>!s.paneId&&s.state==="live")??n.find(s=>!s.paneId)??n.find(s=>s.state==="live")??n[0]??null}function G(e,n){const s=new Set(Y(n));if(s.size===0)return null;const c=t=>{const l=t.trim().toLowerCase().replace(/_/gu,"-"),m=l==="claude-code"||l==="claude-stream-json"?"claude":l==="codex-app-server"||l==="codex-exec"?"codex":l==="pi-rpc"?"pi":l;return L.includes(m)?m:null},r=new Set;for(const t of n.sessionRefs??[]){const l=/^(?:session:)?([^:/\\]+):/u.exec(t?.trim()??""),m=l?c(l[1]):null;m&&r.add(m)}if(r.size>1)return null;const a=[...r][0],o=e.filter(t=>!a||c(t.harness)===a),f=o.filter(t=>t.origin!=="discovered"),i=[];for(const t of f){if(!t.sourceSessionId||!s.has(t.sourceSessionId))continue;const l=T(t);l&&i.push({session:t,surface:l,via:"sourceSessionId"})}if(i.length>0)return i.length===1?i[0]:null;const u=[];for(const t of f){const l=t.metadata;if(!l||!Z.some(h=>{const x=l[h];return typeof x=="string"&&s.has(x)}))continue;const g=T(t);g&&u.push({session:t,surface:g,via:"metadata"})}if(u.length>0)return u.length===1?u[0]:null;const d=[];for(const t of o){const l=t.surfaces.filter(h=>h.state!=="exited"&&s.has(h.sessionName)),m=l.filter(h=>!h.paneId),g=m.length>0?m:l;for(const h of g)d.push({session:t,surface:h,via:"sessionName"})}return d.length===1?d[0]:null}const U="/api/terminal-sessions?includeDiscovered=1",w=15e3;let v=null;const I=new Set;function V(e){return I.add(e),()=>{I.delete(e)}}let y=null;function k(){return v&&Date.now()-v.at<w?v.sessions:M(U,w)?.sessions??null}function R(){const e=k();return e?Promise.resolve(e):(y??=F({includeDiscovered:!0}).then(n=>{v={at:Date.now(),sessions:n};for(const s of I)s();return n}).finally(()=>{y=null}),y)}function Q(){R().catch(()=>{})}function b(e,n){const s=G(e,n);return s?{session:s.session,surface:s.surface,surfaceKey:K(s.surface),via:s.via}:null}function j(e,n="takeover"){const s=P(e.surfaceKey);return s?`scout://terminal?${new URLSearchParams({session:e.session.id,surface:q(s),mode:n}).toString()}`:null}function O(e,n){return e?{view:"terminal",terminalSessionId:e.session.id,terminalSurfaceKey:e.surfaceKey,mode:"takeover"}:n?{view:"terminal",agentId:n,mode:"takeover"}:null}async function H(e){return E("/api/terminal-sessions/open-local",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({surface:e.surfaceKey})})}async function C(e){await E(`/api/terminal-hosts/herdr/sessions/${encodeURIComponent(e.surface.sessionName)}/focus`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({target:e.surface.paneId??e.surface.sessionName})})}function A(e){return e.surface.backend==="herdr"&&!!e.surface.paneId}function _(e){const n=e.agentId??null,s=S.useMemo(()=>JSON.stringify((e.sessionRefs??[]).filter(Boolean)),[e.sessionRefs]),[c,r]=S.useState(()=>{const o=k();return{key:JSON.stringify([n,s]),resolved:o!==null,target:o?b(o,e):null}}),a=JSON.stringify([n,s]);return S.useEffect(()=>{let o=!0;const f=()=>{const t=k();o&&t&&r({key:a,resolved:!0,target:b(t,e)})},i=()=>{R().then(t=>{o&&r({key:a,resolved:!0,target:b(t,e)})}).catch(()=>{o&&r({key:a,resolved:!0,target:null})})},u=V(f);i();const d=window.setInterval(i,15e3);return()=>{o=!1,u(),window.clearInterval(d)}},[a]),c.key===a?{target:c.target,resolved:c.resolved}:{target:null,resolved:!1}}function X(e){const{target:n,agentId:s,navigate:c,returnTo:r,onError:a,includeWeb:o=!0,emptyFallback:f=!0}=e,i=[],u=o?O(n,s):null;u&&i.push({kind:"action",label:"Open in web terminal",onSelect:()=>N(c,u,{returnTo:r})});const d=n?j(n):null;return d&&i.push({kind:"action",label:"Open in Scout app",onSelect:()=>window.open(d,"_self")}),n&&A(n)?i.push({kind:"action",label:"Focus pane in Herdr",onSelect:()=>{C(n).catch(t=>a?.(t instanceof Error?t.message:"herdr focus failed"))}}):n&&n.surface.attachCommand.length>0&&i.push({kind:"action",label:"Open in terminal app",onSelect:()=>{H(n).catch(t=>a?.(t instanceof Error?t.message:"could not open a terminal"))}}),i.length===0&&f&&i.push({kind:"action",label:"No live terminal for this session",onSelect:()=>{}}),i}function ie({hints:e,navigate:n,returnTo:s,className:c,label:r="Terminal"}){const a=z(),{target:o}=_(e),f=S.useRef(o);f.current=o;const[i,u]=S.useState(null),d=t=>{t.stopPropagation(),a(t,X({target:f.current,agentId:e.agentId,navigate:n,returnTo:s,onError:u}))};return p.jsxs("button",{type:"button",className:c,title:i??"Hop into this session's terminal",onMouseEnter:()=>Q(),onClick:d,children:[p.jsx(W,{size:12,strokeWidth:1.8,"aria-hidden":!0}),i?"Terminal error":r]})}function ce({hints:e,navigate:n,returnTo:s,className:c}){const{target:r,resolved:a}=_(e),[o,f]=S.useState(null),i=e.agentId??null,u=O(r,i),d=r?j(r):null;return!a&&!u||!u?null:p.jsxs("div",{className:c,"aria-label":"terminal actions",children:[r?p.jsxs("span",{className:"s-hop-target",title:`${r.surface.backend} · ${r.surface.sessionName}`,children:[r.surface.backend," · ",r.surface.sessionName]}):null,p.jsx("button",{type:"button",onClick:()=>N(n,u,{returnTo:s}),children:"Open in web terminal"}),d?p.jsxs("a",{href:d,children:["Open in Scout app",p.jsx($,{size:11,strokeWidth:1.8,"aria-hidden":!0})]}):null,r&&A(r)?p.jsx("button",{type:"button",onClick:()=>{f(null),C(r).catch(t=>f(t instanceof Error?t.message:"herdr focus failed"))},children:"Focus in Herdr"}):r&&r.surface.attachCommand.length>0?p.jsx("button",{type:"button",onClick:()=>{f(null),H(r).catch(t=>f(t instanceof Error?t.message:"could not open a terminal"))},children:"Open in terminal app"}):null,o?p.jsx("span",{role:"status",children:o}):null]})}export{ie as S,ce as a,R as g,k as p,b as r,X as s,O as t,Q as w};

package/dist/client/assets/{SessionObserve-BOBJSfs0.css → SessionObserve-CDdJ7fAE.css}

@@ -1 +1 @@
-.s-observe{display:grid;grid-template-columns:1fr 320px;grid-template-rows:1fr auto;flex:1;min-height:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink)}.s-observe--content-only{grid-template-columns:1fr}.s-observe--content-only .s-observe-stream{max-width:min(1040px,100%)}.s-observe--lane{--lane-glyph-size: var(--text-xl);--lane-glyph-width: 18px;--lane-glyph-color: color-mix(in srgb, var(--accent) 62%, var(--dim));grid-template-rows:1fr;height:100%;min-height:0;background:transparent}.s-observe--lane .s-observe-main{--lane-time-col: 62px;--lane-spine-x: 64px;padding:0 var(--space-lg) var(--space-lg);overflow-x:hidden;scrollbar-width:none!important;-ms-overflow-style:none}.s-observe--lane .s-observe-main::-webkit-scrollbar{display:none;width:0;height:0}.s-observe-lane-trace-meta{position:sticky;top:0;z-index:7;flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:32px;margin:0 calc(-1 * var(--space-lg)) var(--space-xs);padding:var(--space-xs) var(--space-lg);border-bottom:1px solid color-mix(in srgb,var(--ink) 6%,transparent);background:color-mix(in srgb,var(--bg) 97%,var(--surface) 3%);box-shadow:0 1px color-mix(in srgb,var(--ink) 3%,transparent)}.s-observe-lane-trace-meta-leading{display:inline-flex;align-items:center;gap:var(--space-sm);min-width:0;flex:none}.s-observe-lane-trace-meta-label{flex:none;font-family:var(--font-sans);font-size:var(--text-2xs);font-weight:600;letter-spacing:.1em;line-height:var(--leading-none);text-transform:uppercase;color:var(--dim)}.s-observe-lane-trace-mode{position:relative;display:inline-flex;align-items:center;gap:4px;min-height:20px;padding:2px 7px;border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface) 44%,transparent);color:var(--dim);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-xs);line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .14s ease,border-color .14s ease,color .14s ease}.s-observe-lane-trace-mode:hover{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 16%,transparent);background:color-mix(in srgb,var(--surface) 72%,transparent)}.s-observe-lane-trace-mode--concise{color:color-mix(in srgb,var(--accent) 78%,var(--dim));border-color:color-mix(in srgb,var(--accent) 20%,transparent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.s-observe-lane-trace-mode input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.s-observe-lane-trace-mode svg{flex:none;opacity:.9}.s-observe-lane-trace-mode:has(input:focus-visible){outline:2px solid color-mix(in srgb,var(--accent) 48%,transparent);outline-offset:2px}.s-observe-lane-trace-meta-stats{display:flex;align-items:baseline;gap:.35rem;min-width:0;overflow:hidden;white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-xs);color:var(--dim)}.s-observe-lane-trace-meta-window{color:var(--muted)}.s-observe-lane-trace-meta-sep{opacity:.5}.s-observe-lane-trace-meta-tag{flex:none;margin-left:var(--space-2xs);padding:0 var(--space-xs);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--dim);text-transform:lowercase;letter-spacing:var(--tracking-xs);cursor:default}.s-observe--lane .s-observe-stream{max-width:100%;padding:var(--space-xs) var(--space-md) var(--space-lg) calc(var(--lane-time-col) + var(--space-xl))}.s-observe--lane .s-observe-spine{left:var(--lane-spine-x);width:1px;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--accent) 22%,transparent) 8%,color-mix(in srgb,var(--accent) 38%,transparent) 50%,color-mix(in srgb,var(--accent) 22%,transparent) 92%,transparent 100%);opacity:1}.s-observe--lane .s-observe-row--selectable{cursor:pointer}.s-observe--lane .s-observe-row--selectable:hover .s-observe-row-bead{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.s-observe--lane .s-observe-row--selectable:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}.s-observe-row--highlighted>.s-observe-row-bead{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 28%,transparent)}.s-observe-row--highlighted>.s-observe-block{background:color-mix(in srgb,var(--accent) 6%,transparent);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md)}.s-observe-row--highlighted>.s-observe-tool{padding:0}.s-lane-trace-sheet-body .s-observe-row--highlighted{z-index:1}.s-lane-trace-sheet-body .s-observe-row--highlighted>.s-observe-row-bead{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 34%,transparent),0 0 14px color-mix(in srgb,var(--accent) 45%,transparent)}.s-lane-trace-sheet-body .s-observe-row--highlighted>.s-observe-block{background:color-mix(in srgb,var(--accent) 12%,var(--surface, oklch(.178 .005 260)));outline:1px solid color-mix(in srgb,var(--accent) 36%,transparent);outline-offset:0;border-radius:var(--radius-sm);padding:var(--space-md) var(--space-lg);animation:s-observe-row-focus-pulse 1.4s ease-out 1}.s-lane-trace-sheet-body .s-observe-row--highlighted>.s-observe-tool{padding:0}.s-observe-focus-group{position:relative}.s-observe-focus-group--active{margin-bottom:var(--space-lg)}.s-observe-focus-group--active .s-observe-row--focus-anchor{padding-bottom:var(--space-xs);z-index:1}.s-observe-focus-group--active .s-observe-row--focus-anchor>.s-observe-row-bead{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 34%,transparent),0 0 16px color-mix(in srgb,var(--accent) 50%,transparent)}.s-observe-focus-group--active .s-observe-row--focus-anchor>.s-observe-block{background:color-mix(in srgb,var(--accent) 10%,var(--surface, oklch(.178 .005 260)));border-radius:var(--radius-sm) var(--radius-sm) 0 0;outline:1px solid color-mix(in srgb,var(--accent) 34%,transparent);outline-offset:0;padding:var(--space-md) var(--space-lg);animation:none}.s-observe-focus-group--active .s-observe-row--focus-anchor>.s-observe-tool{padding:0}.s-observe-focus-connector{position:relative;left:-14px;width:18px;height:10px;margin-top:-2px;margin-bottom:-1px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);border-bottom-left-radius:6px;pointer-events:none}.s-observe-focus-detail{position:relative}@keyframes s-observe-row-focus-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 42%,transparent)}40%{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 0%,transparent)}to{box-shadow:none}}.s-observe--lane .s-observe-row{padding-bottom:var(--space-md);padding-left:var(--space-sm)}.s-observe--lane .s-observe-row:before{content:"";position:absolute;left:calc(var(--lane-spine-x) + 1px - var(--lane-time-col) - var(--space-lg));top:9px;width:10px;height:1px;background:color-mix(in srgb,var(--accent) 36%,transparent)}@keyframes s-observe-row-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes s-observe-row-tick-enter{0%{width:0;opacity:0}to{width:10px;opacity:1}}.s-observe--lane .s-observe-row--enter{animation:s-observe-row-enter .34s cubic-bezier(.22,1,.36,1) both}.s-observe--lane .s-observe-row--enter:before{animation:s-observe-row-tick-enter .26s cubic-bezier(.22,1,.36,1) both}@media(prefers-reduced-motion:reduce){.s-observe--lane .s-observe-row--enter,.s-observe--lane .s-observe-row--enter:before{animation:none}}.s-observe--lane .s-observe-row:last-child{padding-bottom:var(--space-sm)}.s-observe--lane .s-observe-row--tool-simple{padding-bottom:0}.s-observe--lane .s-observe-row--tool-stacked{margin-top:-3px}.s-observe--lane .s-observe-row--tool-stacked:before{display:none}.s-observe--lane .s-observe-row--tool-stacked .s-observe-row-time{visibility:hidden}.s-observe--lane .s-observe-row--tool-simple>.s-observe-block{margin-top:0}.s-observe--lane .s-observe-row--tool-simple.s-observe-row--selectable{cursor:pointer}.s-observe--lane .s-observe-row--tool-simple.s-observe-row--selectable:hover .s-observe-tool--simple{color:var(--ink)}.s-observe-tool-hover-anchor,.s-observe-row-hover-target{display:block;width:100%;min-width:0}.s-observe--lane .s-observe-row--hover-preview{z-index:2}.s-observe--lane .s-observe-row--hover-preview .s-observe-tool{border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 9%,var(--surface, oklch(.178 .005 260)));outline:1px solid color-mix(in srgb,var(--accent) 28%,transparent);outline-offset:0}.s-observe--lane .s-observe-row--hover-preview .s-observe-tool-cmd-name,.s-observe--lane .s-observe-row--hover-preview .s-observe-tool-cmd-arg{color:var(--ink)}.s-observe-tool-hover-card{--hover-caret-top: 14px;z-index:10050;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border, oklch(.34 .008 260)) 92%,var(--ink, oklch(.965 .006 260)));background:var(--surface, oklch(.178 .005 260));color:var(--ink, oklch(.965 .006 260));box-shadow:0 12px 28px #00000094,0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent);pointer-events:auto;isolation:isolate}.s-observe-tool-hover-card:before,.s-observe-tool-hover-card:after{content:"";position:absolute;top:var(--hover-caret-top);width:0;height:0;transform:translateY(-50%);pointer-events:none}.s-observe-tool-hover-card:after{height:1px;width:10px;border:none;background:color-mix(in srgb,var(--accent) 42%,var(--border, oklch(.34 .012 80)));transform:translateY(-50%)}.s-observe-tool-hover-card--side-right:before{left:-7px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid var(--surface, oklch(.178 .005 260));filter:drop-shadow(-1px 0 0 color-mix(in srgb,var(--accent) 30%,transparent))}.s-observe-tool-hover-card--side-right:after{left:-11px}.s-observe-tool-hover-card--side-left:before{right:-7px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid var(--surface, oklch(.178 .005 260));filter:drop-shadow(1px 0 0 color-mix(in srgb,var(--accent) 30%,transparent))}.s-observe-tool-hover-card--side-left:after{right:-11px}.s-observe-tool-hover-card-cmd{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--ink);line-height:1.35;word-break:break-word}.s-observe-tool-hover-card-meta{margin-top:var(--space-3xs);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--muted)}.s-observe-tool-hover-card-line{margin-top:var(--space-2xs);font-family:var(--font-mono);font-size:var(--text-2xs);line-height:1.4;color:color-mix(in srgb,var(--ink) 72%,var(--muted));white-space:pre-wrap;word-break:break-word}.s-observe-tool-hover-card-hint{margin-top:var(--space-sm);padding-top:var(--space-2xs);border-top:1px solid color-mix(in srgb,var(--ink) 14%,transparent);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-xs);color:color-mix(in srgb,var(--muted) 55%,var(--accent) 45%)}.s-observe--lane .s-observe-row-time{position:absolute;left:calc(-1 * var(--lane-time-col) - var(--space-lg));top:4px;width:var(--lane-time-col);min-width:var(--lane-time-col);max-width:var(--lane-time-col);display:flex;flex-direction:column;align-items:flex-end;font-family:var(--font-mono);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;letter-spacing:.01em;color:color-mix(in srgb,var(--dim) 84%,var(--accent) 16%);text-align:right;white-space:nowrap;padding-right:var(--space-sm)}.s-observe--lane .s-observe-row-clock{font-size:var(--text-2xs);line-height:1.3;letter-spacing:.015em;color:color-mix(in srgb,var(--dim) 90%,transparent)}.s-observe--lane.s-observe--lane-gutter-label{--lane-time-col: 84px;--lane-spine-x: 86px}.s-observe--lane.s-observe--lane-gutter-label .s-observe-row-time{gap:1px}.s-observe--lane.s-observe--lane-gutter-label .s-observe-row-kind{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:var(--text-xs);font-weight:600;line-height:1.25;letter-spacing:.01em;color:color-mix(in srgb,var(--dim) 82%,var(--accent) 18%)}.s-observe--lane.s-observe--lane-gutter-label .s-observe-row-clock{font-size:var(--text-2xs);line-height:1.25;color:color-mix(in srgb,var(--dim) 78%,transparent)}.s-observe--lane .s-observe-row-repeat{font-size:var(--text-2xs);letter-spacing:.02em;color:color-mix(in srgb,var(--dim) 72%,var(--accent) 28%)}.s-observe--lane .s-observe-row-gap{left:calc(var(--lane-spine-x) + 1px - var(--lane-time-col) - var(--space-lg));top:-1px;transform:translate(-50%);font-size:var(--text-2xs);letter-spacing:.02em;color:color-mix(in srgb,var(--dim) 80%,var(--accent) 20%);opacity:.92}.s-observe--lane .s-observe-row-bead{display:none}.s-observe--lane .s-observe-row>.s-observe-block{margin-top:1px;min-width:0;max-width:100%;overflow:hidden}.s-observe--lane .s-observe-note--lane{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-2xs) 0;padding:0;border:0;border-radius:0;background:transparent;line-height:1.35;max-width:100%}.s-observe--lane .s-observe-note--lane .s-observe-note-text{flex:none;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:var(--tracking-xs);text-transform:lowercase;color:var(--dim);word-break:break-word}.s-observe--lane .s-observe-note--lane:after{content:"";flex:1;height:1px;min-width:var(--space-lg);background:color-mix(in srgb,var(--ink) 8%,transparent)}.s-observe--lane .s-observe-row--tech-summary{padding-bottom:var(--space-xs)}.s-observe--lane .s-observe-row--tech-summary:before{width:6px;opacity:.6;background:color-mix(in srgb,var(--dim) 42%,transparent)}.s-observe--lane .s-observe-tech-summary{display:inline-flex;align-items:baseline;gap:var(--space-sm);max-width:100%;min-width:0;padding:2px 8px;border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);border-radius:6px;background:color-mix(in srgb,var(--surface) 34%,transparent);font-family:var(--font-mono);font-size:var(--text-2xs);line-height:1.4;color:var(--dim)}.s-observe--lane .s-observe-tech-summary--toggle{cursor:pointer;text-align:left;transition:border-color .12s ease,background-color .12s ease,color .12s ease}.s-observe--lane .s-observe-tech-summary--toggle:hover,.s-observe--lane .s-observe-tech-summary--toggle:focus-visible{border-color:color-mix(in srgb,var(--accent) 28%,transparent);background:color-mix(in srgb,var(--accent) 8%,var(--surface) 34%);color:color-mix(in srgb,var(--ink) 72%,var(--accent) 28%);outline:none}.s-observe--lane .s-observe-tech-summary--toggle.is-expanded{border-color:color-mix(in srgb,var(--accent) 22%,transparent);background:color-mix(in srgb,var(--accent) 6%,var(--surface) 34%)}.s-observe--lane .s-observe-tech-summary-chevron{flex:none;align-self:center;opacity:.72}.s-observe--lane .s-observe-tech-rollup-details{display:flex;flex-direction:column;gap:0;margin:0 0 var(--space-xs) calc(var(--space-md) + 6px);padding-left:var(--space-md);border-left:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.s-observe--lane .s-observe-tech-summary-count{flex:none;color:color-mix(in srgb,var(--dim) 72%,var(--accent) 28%);font-weight:600}.s-observe--lane .s-observe-tech-summary-detail{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:color-mix(in srgb,var(--dim) 82%,transparent)}.s-observe--lane .s-observe-system--lane{display:flex;flex-direction:column;gap:var(--space-2xs);margin:0;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.45;letter-spacing:.01em;color:var(--muted)}.s-observe--lane .s-observe-system--lane .s-observe-system-line{display:block;min-width:0}.s-observe--lane .s-observe-system--lane .s-observe-system-text{color:var(--muted);word-break:break-word}.s-observe--lane .s-observe-grok-permission{display:inline-flex;align-items:center;gap:var(--space-sm);max-width:100%;padding:2px 8px;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);border-radius:6px;background:color-mix(in srgb,var(--surface) 55%,transparent);line-height:1.35}.s-observe--lane .s-observe-grok-permission-decision{flex:none;font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:lowercase;color:color-mix(in srgb,var(--dim) 82%,var(--accent) 18%)}.s-observe--lane .s-observe-grok-permission-decision.is-allow{color:color-mix(in srgb,var(--accent) 72%,var(--ink) 28%)}.s-observe--lane .s-observe-grok-permission-tool{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);color:var(--ink)}.s-observe--lane .s-observe-grok-phase{display:inline-flex;align-items:center;max-width:100%;padding:1px 7px;border-radius:999px;background:color-mix(in srgb,var(--ink) 5%,transparent);line-height:1.35}.s-observe--lane .s-observe-grok-phase-label{font-size:var(--text-2xs);letter-spacing:.02em;text-transform:lowercase;color:color-mix(in srgb,var(--dim) 88%,var(--accent) 12%)}.s-observe--lane .s-observe-grok-turn{display:inline-flex;align-items:baseline;gap:var(--space-sm);max-width:100%;line-height:1.35}.s-observe--lane .s-observe-grok-turn-num{flex:none;font-size:var(--text-2xs);font-weight:600;letter-spacing:.04em;text-transform:lowercase;color:color-mix(in srgb,var(--dim) 80%,var(--accent) 20%)}.s-observe--lane .s-observe-grok-turn-model{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-2xs);color:var(--muted)}.s-observe--lane .s-observe-system--lane .s-observe-system-detail{margin:0;padding-left:0;font-size:var(--text-2xs);line-height:1.4;color:var(--dim);font-style:normal;word-break:break-word}.s-observe--lane .s-observe-live-sticky{margin:0 0 var(--space-md);padding-left:calc(var(--lane-time-col) + var(--space-lg) + var(--space-sm))}.s-observe--lane .s-observe-follow-btn{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;letter-spacing:.02em;padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-sm);border:0;background:color-mix(in srgb,var(--surface) 72%,transparent)}.s-observe--lane .s-observe-follow-btn--on{color:var(--green);background:color-mix(in srgb,var(--green) 7%,var(--bg))}.s-observe--lane .s-observe-follow-btn--on:hover{color:var(--green);background:color-mix(in srgb,var(--green) 11%,var(--bg))}.s-observe--lane .s-observe-follow-btn:hover{background:color-mix(in srgb,var(--surface) 96%,transparent)}.s-observe--lane .s-observe-copy-btn{display:none}.s-observe--lane .s-observe-message-label{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-accent-title, var(--font-sans));font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--dim) 78%,var(--accent) 22%)}.s-observe--lane .s-observe-message-label:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.85}.s-observe--lane .s-observe-row--kind-ask{padding-top:var(--space-sm);padding-bottom:var(--space-xl)}.s-observe--lane .s-observe-row--kind-ask:before{left:calc(var(--lane-spine-x) + 1px - var(--lane-time-col) - var(--space-lg) - 3px);top:calc(var(--space-sm) + 17px);width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--accent) 62%,var(--dim));box-shadow:0 0 0 4px var(--bg)}.s-observe--lane .s-observe-row.s-observe-row--kind-ask>.s-observe-ask--lane{width:calc(100% + var(--space-sm) + var(--space-md));max-width:none;margin-left:calc(-1 * var(--space-sm));margin-right:calc(-1 * var(--space-md));border-block:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-inline:0;border-radius:0;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 7%,transparent),transparent 58%),color-mix(in srgb,var(--surface) 55%,var(--bg));box-shadow:inset 0 1px color-mix(in srgb,var(--ink) 4%,transparent),inset 0 -1px color-mix(in srgb,var(--bg) 60%,transparent);padding:var(--space-lg) var(--space-xl)}.s-observe--lane .s-observe-ask-head{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.s-observe--lane .s-observe-ask-avatar{width:22px;height:22px;flex:none;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:700;color:var(--scout-chrome-avatar-ink)}.s-observe--lane .s-observe-ask-author{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:650;letter-spacing:.01em;color:color-mix(in srgb,var(--ink) 88%,var(--muted))}.s-observe--lane .s-observe-ask-time{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--dim)}.s-observe--lane .s-observe-ask--lane .s-observe-ask-title{display:-webkit-box;margin-bottom:var(--space-2xs);font-family:var(--font-sans);font-size:var(--text-lg);font-weight:620;line-height:1.42;letter-spacing:0;color:color-mix(in srgb,var(--ink) 94%,var(--muted));-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.s-observe--lane .s-observe-ask--lane .s-observe-ask-text{font-family:var(--font-sans);font-size:var(--text-md);font-weight:400;line-height:1.58;color:color-mix(in srgb,var(--ink) 82%,var(--muted));word-break:break-word}.s-observe--lane .s-observe-ask--lane .s-observe-ask-answer{margin-top:var(--space-xs);padding-top:var(--space-xs);gap:var(--space-sm)}.s-observe--lane .s-observe-ask--lane .s-observe-ask-answer-meta{font-size:var(--text-2xs)}.s-observe--lane .s-observe-ask--lane .s-observe-ask-answer-text{font-size:var(--text-xs);line-height:1.5}.s-observe--lane .s-observe-message--lane{position:relative;overflow:hidden;padding:var(--space-sm) var(--space-md) var(--space-sm) var(--space-lg);border-radius:7px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 55%,transparent),color-mix(in srgb,var(--surface) 32%,transparent));border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--ink) 5%,transparent)}.s-observe--lane .s-observe-message--lane .s-observe-message-label{margin-bottom:var(--space-xs);color:color-mix(in srgb,var(--dim) 70%,var(--accent) 30%)}.s-observe--lane.s-observe--lane-gutter-label .s-observe-message--lane .s-observe-message-label{display:none}.s-observe--lane .s-observe-message--lane .s-observe-message-text{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:400;line-height:1.5;color:color-mix(in srgb,var(--ink) 84%,var(--muted))}.s-observe--lane .s-observe-message--thinking{border-style:dashed;border-color:color-mix(in srgb,var(--accent) 16%,var(--ink) 7%);background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--surface) 28%,transparent) 0,color-mix(in srgb,var(--surface) 28%,transparent) 8px,transparent 8px,transparent 16px),color-mix(in srgb,var(--surface) 24%,transparent);box-shadow:none}.s-observe--lane .s-observe-message--thinking .s-observe-message-label{color:color-mix(in srgb,var(--dim) 78%,var(--accent) 22%)}.s-observe--lane .s-observe-message--thinking .s-observe-message-text{font-family:var(--font-accent-title, var(--font-sans));font-size:var(--text-base, 15px);font-weight:500;font-style:normal;letter-spacing:-.015em;line-height:1.45;color:color-mix(in srgb,var(--ink) 68%,var(--muted))}@media(prefers-reduced-motion:no-preference){.s-observe--lane .s-observe-message--thinking{animation:s-observe-thinking-card 1.8s ease-in-out infinite}}@keyframes s-observe-thinking-card{0%,to{border-color:color-mix(in srgb,var(--accent) 12%,var(--ink) 7%)}50%{border-color:color-mix(in srgb,var(--accent) 24%,var(--ink) 8%)}}.s-observe--lane .s-observe-message--lane .s-observe-lane-expandable-body{align-items:flex-start;gap:var(--space-sm)}.s-observe-lane-expandable{min-width:0}.s-observe-lane-expandable-body{display:flex;align-items:flex-end;gap:var(--space-sm);min-width:0}.s-observe-lane-expandable-text{flex:1;min-width:0}.s-observe-lane-expand{appearance:none;border:0;padding:0;background:transparent;display:inline-flex;flex:none;align-items:center;gap:3px;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.02em;line-height:1;text-transform:lowercase;color:var(--dim);cursor:pointer;opacity:.82}.s-observe-lane-expand:hover,.s-observe-lane-expand:focus-visible{color:var(--muted);opacity:1}.s-observe--lane .s-observe-lane-expandable{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2xs);min-width:0}.s-observe--lane .s-observe-lane-expandable-body{flex-direction:column;align-items:flex-start;width:100%}.s-observe--lane .s-observe-lane-expandable-body .s-observe-lane-expand{align-self:flex-end}.s-observe--lane .s-observe-lane-expandable--open .s-observe-message-text,.s-observe--lane .s-observe-lane-expandable--open .s-observe-ask-text{max-height:min(42vh,360px);overflow:auto}.s-observe-tool-header .s-observe-lane-expand{margin-left:auto;flex:none;align-self:center}.s-observe-tool-stream-preview{margin:0;padding:var(--space-xs) var(--space-lg) var(--space-sm);border-top:1px solid color-mix(in srgb,var(--border) 55%,transparent);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.4;color:var(--dim);white-space:pre-wrap;word-break:break-word;max-height:3.6rem;overflow:hidden}.s-observe--lane .s-observe-tool-diff-inline{display:inline-flex;align-items:baseline;gap:var(--space-2xs);margin-left:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:.01em}.s-observe--lane .s-observe-tool-stream--lane{margin-top:var(--space-2xs);max-height:min(36vh,280px);overflow:auto;white-space:pre-wrap;word-break:break-word}.s-observe--lane .s-observe-tool-result{font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.45}.s-observe--lane .s-observe-row--kind-tool>.s-observe-row-hover-target,.s-observe--lane .s-observe-row--kind-think>.s-observe-block,.s-observe--lane .s-observe-row--kind-system>.s-observe-block,.s-observe--lane .s-observe-row--kind-boot>.s-observe-block,.s-observe--lane .s-observe-row--tech-summary>.s-observe-block{margin-left:var(--space-lg);max-width:calc(100% - var(--space-lg))}.s-observe--lane .s-observe-tool{border:0;border-radius:0;min-width:0;max-width:100%;overflow:hidden;background:color-mix(in srgb,var(--surface) 62%,transparent);transition:background .14s ease,border-color .14s ease}.s-observe--lane .s-observe-tool:hover{border-color:color-mix(in srgb,var(--ink) 14%,transparent);background:color-mix(in srgb,var(--surface) 78%,transparent)}.s-observe--lane .s-observe-tool-header{padding:var(--space-2xs) var(--space-sm);gap:var(--space-sm);align-items:center;min-width:0;overflow:hidden;background:color-mix(in srgb,var(--bg) 35%,transparent)}.s-observe--lane .s-observe-tool-glyph{font-size:var(--lane-glyph-size);width:var(--lane-glyph-width);min-width:var(--lane-glyph-width);flex:none;text-align:center;line-height:1.35;color:var(--lane-glyph-color)}.s-observe--lane .s-observe-tool-cmd-name{color:var(--muted)}.s-observe--lane .s-observe-tool-diff-add,.s-observe--lane .s-observe-diff-line--add{color:color-mix(in srgb,var(--ink) 58%,var(--muted))}.s-observe--lane .s-observe-tool-diff-del,.s-observe--lane .s-observe-diff-line--del{color:color-mix(in srgb,var(--muted) 74%,var(--red) 26%)}.s-observe--lane .s-observe-tool-header--has-body{border-bottom:0}.s-observe--lane .s-observe-tool-diff-preview,.s-observe--lane .s-observe-tool-stream{max-height:3.25rem;overflow:hidden;border-radius:0;background:color-mix(in srgb,var(--bg) 50%,transparent);border:none}.s-observe--lane .s-observe-tool-cmd{flex:1;min-width:0;max-width:100%;font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal}.s-observe--lane .s-observe-tool--simple,.s-observe--lane .s-observe-tool--simple .s-observe-tool-header{background:transparent;border-left:0;padding:0}.s-observe--lane .s-observe-tool--simple .s-observe-tool-header{gap:var(--space-2xs);line-height:1.2;min-height:0}.s-observe--lane .s-observe-tool--simple .s-observe-tool-glyph{font-size:var(--text-lg);width:16px;min-width:16px;line-height:1.25}.s-observe--lane .s-observe-tool--simple .s-observe-tool-cmd{line-height:1.2}.s-observe--lane .s-observe-tool--simple .s-observe-tool-cmd-name{color:var(--ink)}.s-observe--lane .s-observe-tool--simple:hover{background:transparent;border-color:transparent}.s-observe--lane .s-observe-tool--fam-bash,.s-observe--lane .s-observe-tool--fam-bash .s-observe-tool-header{background:transparent;border-left:0;padding:0}.s-observe--lane .s-observe-row:has(.s-observe-tool--fam-bash),.s-observe--lane .s-observe-row:has(.s-observe-tool--fam-code),.s-observe--lane .s-observe-row:has(.s-observe-bash){background:color-mix(in srgb,var(--ink) 2.5%,transparent);border-radius:var(--radius-sm)}[data-scout-theme=light] .s-observe--lane .s-observe-row:has(.s-observe-tool--fam-bash),[data-scout-theme-mode=light] .s-observe--lane .s-observe-row:has(.s-observe-tool--fam-bash),[data-scout-theme=light] .s-observe--lane .s-observe-row:has(.s-observe-bash),[data-scout-theme-mode=light] .s-observe--lane .s-observe-row:has(.s-observe-bash){background:color-mix(in srgb,var(--cat-gold, #a9824f) 4.5%,transparent)}.s-observe--lane .s-observe-tool--fam-bash .s-observe-tool-header,.s-observe--lane .s-observe-tool--fam-bash .s-observe-tool-cmd{display:block;min-width:0;max-width:100%;overflow:hidden}.s-observe--lane .s-observe-bash{--bash-bg: color-mix(in srgb, var(--surface) 72%, var(--bg));--bash-seg: color-mix(in srgb, var(--surface) 82%, var(--ink) 6%);--bash-edge: color-mix(in srgb, var(--ink) 12%, transparent);--bash-shadow: 0 1px 2px color-mix(in srgb, var(--ink) 18%, transparent);--bash-inset: inset 0 1px 0 color-mix(in srgb, var(--ink) 5%, transparent);display:flex;align-items:baseline;width:100%;max-width:100%;padding:2px 9px;border-radius:7px;background:var(--bash-bg);border:1px solid var(--bash-edge);box-shadow:var(--bash-inset),var(--bash-shadow);font-family:var(--font-mono);font-size:var(--text-md);white-space:nowrap;overflow:hidden;cursor:default}[data-scout-theme=light] .s-observe--lane .s-observe-bash,[data-scout-theme-mode=light] .s-observe--lane .s-observe-bash{--bash-bg: color-mix(in srgb, var(--surface) 88%, var(--cat-gold, #a9824f));--bash-seg: color-mix(in srgb, var(--bg) 55%, var(--surface));--bash-edge: color-mix(in srgb, var(--ink) 9%, transparent);--bash-shadow: 0 1px 2px color-mix(in srgb, var(--ink) 7%, transparent);--bash-inset: inset 0 1px 0 color-mix(in srgb, #fff 70%, transparent)}[data-scout-theme=dark] .s-observe--lane .s-observe-bash,[data-scout-theme-mode=dark] .s-observe--lane .s-observe-bash{--bash-bg: color-mix(in srgb, var(--bg) 55%, var(--surface));--bash-seg: color-mix(in srgb, var(--surface) 78%, var(--ink) 8%);--bash-edge: color-mix(in srgb, var(--ink) 14%, transparent);--bash-shadow: 0 1px 3px color-mix(in srgb, #000 45%, transparent);--bash-inset: inset 0 1px 0 color-mix(in srgb, var(--ink) 6%, transparent)}.s-observe--lane .s-observe-bash-prompt{flex:none;margin-right:8px;font-size:var(--lane-glyph-size);font-weight:700;-webkit-user-select:none;user-select:none;color:color-mix(in srgb,var(--accent) 82%,var(--ink) 18%)}.s-observe--lane .s-observe-bash-pl{flex:none;display:inline-flex;align-items:center;margin-right:8px}.s-observe--lane .s-observe-bash-seg{display:inline-flex;align-items:center;padding:1px 5px 1px 7px;background:var(--bash-seg);color:var(--muted);border:1px solid var(--bash-edge);border-right:0;border-radius:3px 0 0 3px;font-size:var(--text-2xs);letter-spacing:var(--tracking-xs)}.s-observe--lane .s-observe-bash-sep{display:inline-block;width:11px;height:11px;flex:none;background:var(--bash-seg);border-top:1px solid var(--bash-edge);border-right:1px solid var(--bash-edge);border-top-right-radius:2px;transform:rotate(45deg);margin-left:-8px}.s-observe--lane .s-observe-bash-cmd{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-observe--lane .s-observe-bash-prog{color:var(--ink);font-weight:650;letter-spacing:-.01em}.s-observe--lane .s-observe-bash-arg{color:color-mix(in srgb,var(--ink) 38%,var(--muted))}.s-observe--lane .s-observe-bash-flag{color:color-mix(in srgb,var(--muted) 65%,color-mix(in srgb,var(--accent) 60%,var(--ink)))}.s-observe--lane .s-observe-bash-dim{color:color-mix(in srgb,var(--dim) 70%,var(--muted))}.s-observe--lane .s-observe-bash-dir{color:color-mix(in srgb,var(--ink) 28%,var(--muted))}.s-observe--lane .s-observe-bash-dir-prefix{color:color-mix(in srgb,var(--dim) 75%,var(--muted))}[data-scout-theme=light] .s-observe--lane .s-observe-bash-flag,[data-scout-theme-mode=light] .s-observe--lane .s-observe-bash-flag{color:color-mix(in srgb,var(--muted) 58%,color-mix(in srgb,var(--cat-gold, #a9824f) 65%,var(--ink)))}.s-observe--lane .s-observe-bash-out{color:var(--s-observe-muted, rgba(255, 255, 255, .52));font-family:var(--s-observe-mono, ui-monospace, monospace);font-size:.92em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(42ch,100%)}.s-observe--lane .s-observe-bash-ok{flex:none;margin-left:9px;color:var(--dim)}.s-observe--lane .s-observe-bash-prog--known{color:var(--ink)}@supports ((-webkit-background-clip: text) or (background-clip: text)){.s-observe--lane .s-observe-bash-prog--known{background:linear-gradient(100deg,var(--ink) 0%,var(--ink) 40%,var(--accent) 50%,var(--ink) 60%,var(--ink) 100%);background-size:240% 100%;background-position:120% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:s-observe-bash-shimmer 1.1s ease-out .2s both}}@keyframes s-observe-bash-shimmer{0%{background-position:120% 0}to{background-position:-40% 0}}@media(prefers-reduced-motion:reduce){.s-observe--lane .s-observe-bash-prog--known{animation:none;-webkit-text-fill-color:var(--ink)}}.s-observe--lane .s-observe-tool-path{display:inline-flex;align-items:baseline;max-width:100%;min-width:0}.s-observe--lane .s-observe-tool-path-dir{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dim)}.s-observe--lane .s-observe-tool-path-base--file{flex:none;white-space:nowrap;color:var(--ink);font-weight:600}.s-observe--lane .s-observe-tool-path-base--read{flex:none;white-space:nowrap;color:var(--muted)}.s-observe--lane .s-observe-tool-needle{color:var(--ink)}.s-observe--lane .s-observe-tool-needle-q{color:var(--dim)}.s-observe--lane .s-observe-tool-count{margin-left:var(--space-2xs);color:var(--dim)}.s-observe--lane .s-observe-tool-host{color:var(--ink)}.s-observe--lane .s-observe-tool-host-path{margin-left:1px;color:var(--dim)}.s-observe--lane .s-observe-tool-agent-name{color:var(--ink)}.s-observe--lane .s-observe-tool--fam-read{background:color-mix(in srgb,var(--surface) 42%,transparent)}.s-observe--lane .s-observe-tool--fam-read .s-observe-tool-glyph{color:color-mix(in srgb,var(--dim) 55%,var(--accent) 20%)}.s-observe--lane .s-observe-tool--fam-file .s-observe-tool-glyph{color:color-mix(in srgb,var(--accent) 70%,var(--ink) 30%)}.s-observe-embed-page{display:flex;flex-direction:column;height:100vh;min-height:0;overflow:hidden;background:var(--bg);color:var(--ink)}.s-observe-embed-page>.s-observe{flex:1;min-height:0}.s-observe-embed-status{display:flex;align-items:center;gap:var(--space-sm);min-height:28px;padding:0 var(--space-xl);border-bottom:1px solid color-mix(in srgb,var(--ink) 8%,transparent);background:color-mix(in srgb,var(--bg) 92%,black);color:var(--dim);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:0;text-transform:uppercase}.s-observe-embed-status span{min-width:0;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-observe-embed-status-source{color:var(--accent)}.s-observe-embed-status-live{margin-left:auto;color:var(--green)}.s-observe-embed-ask{flex:none;padding:var(--space-xl) var(--space-3xl) var(--space-lg);border-bottom:1px solid color-mix(in srgb,var(--ink) 9%,transparent);background:color-mix(in srgb,var(--surface) 56%,var(--bg))}.s-observe-embed-ask-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-xl)}.s-observe-embed-ask-kicker{color:var(--accent);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--tracking-lg);text-transform:uppercase}.s-observe-embed-ask-byline,.s-observe-embed-ask-unknown{display:flex;gap:var(--space-xs);margin-top:3px;color:var(--dim);font-family:var(--font-mono);font-size:var(--text-2xs)}.s-observe-embed-ask-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-sm)}.s-observe-embed-ask-links a{display:inline-flex;align-items:center;gap:4px;color:var(--dim);font-family:var(--font-mono);font-size:var(--text-2xs);text-decoration:none}.s-observe-embed-ask-links a:hover{color:var(--accent)}.s-observe-embed-ask-body{display:-webkit-box;max-width:960px;margin-top:var(--space-md);overflow:hidden;color:var(--ink);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:5}.s-observe-embed-ask-body.is-expanded{display:block;max-height:min(42vh,420px);overflow-y:auto;-webkit-line-clamp:unset}.s-observe-embed-ask-toggle{margin-top:var(--space-sm);padding:0;border:0;background:transparent;color:var(--dim);cursor:pointer;font-family:var(--font-mono);font-size:var(--text-2xs)}.s-observe-embed-ask-toggle:hover{color:var(--accent)}.s-observe-embed-ask--unknown{padding-block:var(--space-md)}@media(max-width:680px){.s-observe-embed-ask{padding-inline:var(--space-xl)}.s-observe-embed-ask-head{flex-direction:column;gap:var(--space-md)}.s-observe-embed-ask-links{justify-content:flex-start}}.s-observe-embed-page .s-observe-main{padding:var(--space-3xl) var(--space-3xl) var(--space-5xl)}.s-observe-embed-page .s-observe-stream{max-width:100%;padding-left:58px}.s-observe-embed-page .s-observe--conversation .s-observe-stream{padding-left:0}.s-observe-embed-status-origin{color:var(--accent)}.s-observe-embed-status-toggle{margin-left:auto}.s-observe-embed-empty{height:100%;display:grid;place-content:center;gap:var(--space-sm);padding:var(--space-4xl);text-align:center}.s-observe-embed-empty-title{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;letter-spacing:var(--tracking-lg);text-transform:uppercase;color:var(--ink)}.s-observe-embed-empty-detail{max-width:320px;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--dim);word-break:break-word}.s-observe-main{grid-column:1;grid-row:1;position:relative;overflow-y:auto;overflow-y:overlay;padding:var(--space-4xl) var(--space-4xl) var(--space-6xl);scrollbar-width:thin;scrollbar-color:transparent transparent}.s-observe-main:hover{scrollbar-color:color-mix(in srgb,var(--ink) 12%,transparent) transparent}.s-observe-evidence-banner,.s-observe-evidence-card{display:flex;align-items:flex-start;gap:var(--space-sm);border:1px solid color-mix(in srgb,var(--border) 84%,transparent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 72%,var(--bg));color:var(--muted)}.s-observe-evidence-banner{max-width:min(790px,calc(100% - 68px));margin:calc(-1 * var(--space-lg)) 0 var(--space-xl) 68px;padding:var(--space-md) var(--space-lg);align-items:center}.s-observe-presentation-toggle{display:inline-flex;flex:none;margin-left:auto;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface) 56%,transparent);overflow:hidden}.s-observe-presentation-toggle-btn{appearance:none;margin:0;padding:4px 9px;border:0;background:transparent;color:var(--dim);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:var(--tracking-xs);line-height:1.2;cursor:pointer}.s-observe-presentation-toggle-btn+.s-observe-presentation-toggle-btn{border-left:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.s-observe-presentation-toggle-btn[aria-pressed=true]{color:var(--ink);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.s-observe-presentation-toggle-btn:hover{color:var(--ink)}.s-observe-presentation-toggle-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.s-observe-evidence-card{padding:var(--space-md)}.s-observe-evidence-banner>span:last-child,.s-observe-evidence-card>span:last-child{display:flex;flex-direction:column;gap:var(--space-3xs);min-width:0}.s-observe-evidence-banner strong,.s-observe-evidence-card strong{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--ink)}.s-observe-evidence-banner small,.s-observe-evidence-card small{font-family:var(--font-mono);font-size:var(--text-2xs);line-height:var(--leading-normal);color:var(--dim)}.s-observe-evidence-dot{flex:none;width:7px;height:7px;margin-top:.34em;border-radius:50%;background:var(--dim)}[data-tone=live]>.s-observe-evidence-dot{background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 12%,transparent)}[data-tone=recorded]>.s-observe-evidence-dot{background:var(--accent)}.s-observe-receipt-view{max-width:min(790px,calc(100% - 68px));margin-left:68px;padding:var(--space-xl);border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 54%,var(--bg));color:var(--dim)}.s-observe-receipt-view-copy{display:flex;flex-direction:column;gap:var(--space-3xs);font-family:var(--font-mono)}.s-observe-receipt-view-copy strong{color:var(--muted);font-size:var(--text-sm);font-weight:600}.s-observe-receipt-view-copy span{font-size:var(--text-xs);line-height:var(--leading-normal)}.s-observe-receipt-list{display:flex;flex-direction:column;gap:var(--space-sm);margin:var(--space-xl) 0 0;padding:var(--space-lg) 0 0;border-top:1px solid color-mix(in srgb,var(--border) 68%,transparent);list-style:none}.s-observe-receipt{display:flex;flex-direction:column;gap:var(--space-3xs);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-normal);color:color-mix(in srgb,var(--muted) 78%,var(--dim))}.s-observe-receipt small{color:color-mix(in srgb,var(--dim) 78%,transparent);font-size:var(--text-2xs)}.s-observe--lane .s-observe-receipt-view{max-width:100%;margin:var(--space-md) 0}[data-tone=unavailable]>.s-observe-evidence-dot{background:var(--amber)}.s-observe-source{display:inline-flex;align-items:center;max-width:min(100%,860px);gap:var(--space-sm);margin:-4px 0 var(--space-lg) 68px;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-tight)}.s-observe-source-label{color:var(--dim);letter-spacing:var(--tracking-lg);text-transform:uppercase}.s-observe-source-link{min-width:0;max-width:min(520px,60vw);padding:0;border:0;background:transparent;color:var(--green);cursor:pointer;font:inherit;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.s-observe-source-link:hover{color:var(--ink);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--green) 60%,transparent);text-underline-offset:3px}.s-observe-stream{position:relative;padding-left:68px;max-width:860px;-webkit-user-select:text;user-select:text}.s-observe-block{position:relative}.s-observe-block--inline{padding-right:32px}.s-observe-copy-btn{position:absolute;top:4px;right:4px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--bg) 85%,transparent);color:var(--muted);cursor:pointer;opacity:0;transition:opacity .12s,color .12s,border-color .12s,background .12s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.s-observe-block:hover .s-observe-copy-btn,.s-observe-copy-btn:focus-visible{opacity:1}.s-observe-copy-btn:hover{color:var(--ink);border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:color-mix(in srgb,var(--bg) 95%,transparent)}.s-observe-copy-btn--copied{opacity:1;color:var(--green);border-color:color-mix(in srgb,var(--green) 50%,var(--border));background:color-mix(in srgb,var(--green) 8%,var(--bg))}.s-observe-copy-btn--inline{position:static;width:18px;height:18px;flex-shrink:0}.s-observe-spine{position:absolute;left:56px;top:0;bottom:0;width:1px;background:var(--border)}.s-observe-row{position:relative;padding-bottom:var(--space-3xl)}.s-observe--conversation .s-observe-main{padding:var(--space-3xl) var(--space-3xl) var(--space-5xl)}.s-observe--conversation .s-observe-evidence-banner{max-width:min(720px,100%);margin:0 auto var(--space-xl)}.s-observe--conversation .s-observe-source{max-width:min(720px,100%);margin:0 auto var(--space-lg)}.s-observe--conversation .s-observe-stream{display:flex;flex-direction:column;gap:var(--space-lg);max-width:min(720px,100%);margin:0 auto;padding-left:0}.s-observe--conversation .s-observe-spine,.s-observe--conversation .s-observe-row-time,.s-observe--conversation .s-observe-row-bead,.s-observe--conversation .s-observe-row-gap,.s-observe--conversation .s-observe-copy-btn{display:none}.s-observe--conversation .s-observe-row{padding-bottom:0}.s-observe--conversation .s-observe-row--kind-ask{align-self:flex-end;width:auto;max-width:min(72%,520px)}.s-observe--conversation .s-observe-ask--conversation{padding:var(--space-md) var(--space-xl);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:var(--radius-2xl);background:color-mix(in srgb,var(--accent) 8%,var(--surface));box-shadow:none}.s-observe--conversation .s-observe-ask--conversation .s-observe-ask-head{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.s-observe--conversation .s-observe-ask--conversation .s-observe-ask-avatar{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;border-radius:50%;color:var(--bg);font-size:var(--text-2xs);font-weight:700}.s-observe--conversation .s-observe-ask--conversation .s-observe-ask-author{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:650;color:var(--ink)}.s-observe--conversation .s-observe-ask--conversation .s-observe-ask-time{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--dim)}.s-observe--conversation .s-observe-ask--conversation .s-observe-ask-title{margin-bottom:0;font-size:var(--text-md);font-weight:500;line-height:1.5}.s-observe--conversation .s-observe-ask--conversation .s-observe-ask-text{margin-top:var(--space-xs);font-size:var(--text-md)}.s-observe--conversation .s-observe-message--conversation{padding:var(--space-sm) 0}.s-observe--conversation .s-observe-message--conversation .s-observe-message-label{margin-bottom:var(--space-xs);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:650;letter-spacing:0;text-transform:none;color:var(--muted)}.s-observe--conversation .s-observe-message--conversation .s-observe-message-text{font-size:var(--text-lg);line-height:var(--leading-normal)}.s-observe--conversation .s-observe-row--tech-summary,.s-observe--conversation .s-observe-row--kind-note,.s-observe--conversation .s-observe-row--kind-system,.s-observe--conversation .s-observe-row--kind-boot,.s-observe--conversation .s-observe-row--kind-tool,.s-observe--conversation .s-observe-row--kind-think{align-self:stretch}.s-observe--conversation .s-observe-tech-summary{display:inline-flex;align-items:baseline;gap:var(--space-sm);max-width:100%;padding:4px 10px;border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface) 44%,transparent);color:var(--dim);font-family:var(--font-mono);font-size:var(--text-2xs)}.s-observe--conversation .s-observe-tech-summary--toggle{appearance:none;cursor:pointer;color:inherit;font:inherit;text-align:left}.s-observe--conversation .s-observe-tech-summary.s-observe-block--inline{padding-right:10px}.s-observe--conversation .s-observe-tech-summary--toggle:hover,.s-observe--conversation .s-observe-tech-summary--toggle.is-expanded{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 16%,transparent)}.s-observe--conversation .s-observe-tech-rollup-details{margin-top:var(--space-sm);padding-left:var(--space-lg);border-left:1px solid color-mix(in srgb,var(--ink) 8%,transparent)}.s-observe-row-gap{position:absolute;left:-42px;top:0;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--dim);letter-spacing:var(--tracking-sm);opacity:.6}.s-observe-row-time{position:absolute;left:-68px;top:2px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--dim);letter-spacing:var(--tracking-sm)}.s-observe-row-bead{position:absolute;left:-14px;top:6px;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 3px var(--bg)}.s-observe-reasoning{min-width:0;max-width:100%}.s-observe-reasoning-header{display:flex;width:100%;min-width:0;min-height:26px;align-items:center;gap:var(--space-sm);padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--dim);font:inherit;text-align:left}.s-observe-reasoning-header--button{cursor:pointer}.s-observe-reasoning-header--button:hover{color:var(--ink)}.s-observe-reasoning-header--button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.s-observe-reasoning-state{display:inline-flex;flex:none;align-items:center;gap:var(--space-xs);color:currentColor;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:var(--tracking-md);text-transform:uppercase}.s-observe-reasoning-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.s-observe-reasoning--live .s-observe-reasoning-state{color:color-mix(in srgb,var(--accent) 66%,var(--dim))}.s-observe-reasoning--live .s-observe-reasoning-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.s-observe-reasoning-preview{min-width:0;flex:1;overflow:hidden;color:color-mix(in srgb,var(--ink) 56%,var(--muted));font-size:var(--text-lg);line-height:var(--leading-normal);text-overflow:ellipsis;white-space:nowrap}.s-observe-reasoning-chevron{flex:none;margin-left:auto;transition:transform .15s cubic-bezier(.2,.7,.2,1)}.s-observe-reasoning--open .s-observe-reasoning-chevron{transform:rotate(180deg)}.s-observe-reasoning-body{display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transition:grid-template-rows .22s cubic-bezier(.2,.7,.2,1),opacity .15s cubic-bezier(.2,.7,.2,1)}.s-observe-reasoning--open .s-observe-reasoning-body{grid-template-rows:1fr;opacity:1}.s-observe-reasoning-body-clip{min-height:0;overflow:hidden}.s-observe-reasoning-body-inner{display:flex;min-width:0;align-items:flex-end;gap:var(--space-sm);padding:var(--space-xs) 0 var(--space-sm) calc(6px + var(--space-sm))}.s-observe-reasoning-text{min-width:0;flex:1;color:color-mix(in srgb,var(--ink) 72%,var(--muted));font-family:var(--font-sans);font-size:var(--text-xl);font-weight:450;line-height:1.5;letter-spacing:-.012em;white-space:pre-wrap;word-break:break-word}.s-observe-reasoning-tools{flex:none;padding-bottom:var(--space-2xs)}.s-observe-reasoning-tools .s-observe-copy-btn{opacity:.72}.s-observe-stream-cursor{display:inline-block;width:2px;height:1.05em;margin-left:var(--space-2xs);background:var(--dim);transform-origin:center;vertical-align:-.16em}.s-observe-stream-cursor[data-receiving]{background:var(--accent)}.s-observe-message--streaming .s-observe-message-text{color:color-mix(in srgb,var(--ink) 90%,var(--muted))}.s-observe-reasoning--compact{padding:var(--space-2xs) 0 var(--space-xs)}.s-observe-reasoning--compact .s-observe-reasoning-header{min-height:22px}.s-observe-reasoning--compact .s-observe-reasoning-preview,.s-observe-reasoning--compact .s-observe-reasoning-text{font-size:var(--text-sm);line-height:1.45}.s-observe-reasoning--compact:not(.s-observe-reasoning--live) .s-observe-reasoning-body-inner{max-height:min(42vh,360px);overflow:auto}@media(prefers-reduced-motion:reduce){.s-observe-reasoning-body,.s-observe-reasoning-chevron{transition:none}}.s-observe-cursor{display:inline-block;width:7px;height:14px;background:var(--dim);margin-left:var(--space-2xs);vertical-align:-2px;animation:s-profile-blink 1s steps(1) infinite}.s-observe-tool{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.s-observe-tool-header{padding:var(--space-sm) var(--space-lg);display:flex;align-items:center;gap:var(--space-md);background:color-mix(in srgb,var(--bg) 50%,var(--surface));min-width:0}.s-observe-tool-header .s-observe-tool-cmd{flex:1;min-width:0}.s-observe-tool-header--has-body{border-bottom:1px solid var(--border)}.s-observe-tool-glyph{font-family:var(--font-mono);font-weight:600;color:var(--accent);font-size:var(--text-lg);width:14px;text-align:center}.s-observe-tool-cmd{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-xs);color:var(--ink)}.s-observe-tool-cmd-name{color:var(--dim)}.s-observe-tool-cmd-arg{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}.s-observe-tool-outcome{margin-left:var(--space-sm);font-size:var(--text-2xs);letter-spacing:var(--tracking-md);text-transform:uppercase}.s-observe-tool-outcome--success{color:var(--green)}.s-observe-tool-result{padding:var(--space-sm) var(--space-xl);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--dim)}.s-observe-tool-diff{padding:var(--space-sm) var(--space-xl);font-family:var(--font-mono);font-size:var(--text-sm)}.s-observe-tool-diff-stats{color:var(--dim);margin-bottom:var(--space-xs)}.s-observe-tool-diff-add{color:var(--green)}.s-observe-tool-diff-del{color:var(--red)}.s-observe-tool-diff-preview{margin:0;padding:var(--space-sm) var(--space-md);background:color-mix(in srgb,var(--bg) 70%,black);border-radius:var(--radius-sm);color:var(--ink);font-size:var(--text-sm);line-height:var(--leading-normal);white-space:pre-wrap;font-family:var(--font-mono)}.s-observe-diff-line--add{color:var(--green)}.s-observe-diff-line--del{color:var(--red)}.s-observe-diff-line--hunk{color:var(--dim)}.s-observe-tool-stream{margin:0;padding:var(--space-sm) var(--space-xl);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--muted);line-height:var(--leading-normal);white-space:pre-wrap}.s-observe-ask{border:1px solid color-mix(in srgb,var(--ink) 12%,var(--border));border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--ink) 4%,transparent),transparent 56%),color-mix(in srgb,var(--surface) 78%,var(--bg));box-shadow:inset 0 1px color-mix(in srgb,var(--ink) 5%,transparent);padding:var(--space-lg) var(--space-xl)}.s-observe-ask-label{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 58%,var(--dim));margin-bottom:var(--space-sm)}.s-observe-ask-label:before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:currentColor;opacity:.8}.s-observe-ask-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-sm)}.s-observe-ask-tag{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:2px 8px;border:1px solid color-mix(in srgb,var(--ink) 13%,transparent);border-radius:999px;background:color-mix(in srgb,var(--ink) 4%,transparent);font-family:var(--font-mono);font-size:var(--text-2xs);line-height:1.5;color:color-mix(in srgb,var(--dim) 84%,var(--muted))}.s-observe-ask-tag svg{flex:none;opacity:.7}.s-observe-ask-tag-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-observe-ask-tag-detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:color-mix(in srgb,var(--ink) 62%,var(--dim))}.s-observe-ask-tag-detail:before{content:"·";margin-right:5px;opacity:.6}.s-observe-ask-title{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:620;line-height:1.42;color:color-mix(in srgb,var(--ink) 94%,var(--muted));margin-bottom:var(--space-sm)}.s-observe-ask-text{font-family:var(--font-sans);font-size:var(--text-md);line-height:1.58;color:color-mix(in srgb,var(--ink) 82%,var(--muted))}.s-observe-ask-answer{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px dashed var(--border);display:flex;gap:var(--space-md);align-items:flex-start}.s-observe-ask-answer-meta{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--dim);flex-shrink:0}.s-observe-ask-answer-text{font-size:var(--text-lg);color:var(--muted);line-height:var(--leading-snug);flex:1}.s-observe-message-label{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-lg);text-transform:uppercase;color:var(--dim);margin-bottom:var(--space-2xs)}.s-observe-message-text{font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--ink)}.s-observe-note{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-2xs) var(--space-md);background:color-mix(in srgb,var(--green) 8%,transparent);border-radius:var(--radius-2xl)}.s-observe-note-icon{color:var(--green);font-size:var(--text-sm)}.s-observe-note-text{font-size:var(--text-md);color:var(--muted)}.s-observe-system{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--dim);letter-spacing:var(--tracking-sm)}.s-observe-system-line{display:inline}.s-observe-system-text{color:inherit}.s-observe-system-arrow{color:color-mix(in srgb,var(--dim) 60%,transparent)}.s-observe-system-detail{margin-top:var(--space-2xs);color:var(--muted);font-style:italic}.s-observe-live-sticky{position:sticky;top:10px;z-index:5;display:flex;justify-content:flex-end;pointer-events:none;margin:-2px -10px var(--space-sm) 0;padding:0}.s-observe-follow-btn{pointer-events:auto;display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-md) var(--space-2xs) var(--space-sm);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--bg) 80%,transparent);color:var(--muted);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-sm);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .15s,border-color .15s,background .15s}.s-observe-follow-btn:hover{color:var(--ink);border-color:color-mix(in srgb,var(--border) 100%,transparent);background:color-mix(in srgb,var(--bg) 92%,transparent)}.s-observe-follow-btn--on{color:var(--green);border-color:color-mix(in srgb,var(--green) 35%,var(--border));background:color-mix(in srgb,var(--green) 6%,var(--bg))}.s-observe-follow-btn--on:hover{color:var(--green);border-color:color-mix(in srgb,var(--green) 50%,var(--border));background:color-mix(in srgb,var(--green) 10%,var(--bg))}.s-observe-rail{grid-column:2;grid-row:1;border-left:1px solid var(--border);overflow-y:auto;overflow-y:overlay;padding:var(--space-4xl) var(--space-3xl) var(--space-4xl);display:flex;flex-direction:column;gap:var(--space-4xl);scrollbar-width:thin;scrollbar-color:transparent transparent}.s-observe-rail--context{grid-column:auto;grid-row:auto;height:100%;min-height:0;border-left:0;padding:var(--space-3xl) var(--space-2xl) var(--space-4xl);background:color-mix(in srgb,var(--bg) 96%,black)}.s-observe-rail:hover{scrollbar-color:color-mix(in srgb,var(--ink) 12%,transparent) transparent}.s-observe-rail-label{display:flex;align-items:baseline;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-sm);font-variant:small-caps;font-weight:500;letter-spacing:var(--tracking-sm);text-transform:none;color:color-mix(in srgb,var(--muted) 62%,var(--dim));margin-bottom:var(--space-md)}.s-observe-ctx-detail{font-family:var(--font-mono);font-size:var(--text-xs);color:color-mix(in srgb,var(--dim) 86%,transparent);margin-top:var(--space-sm);line-height:var(--leading-normal)}.s-observe-empty{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-normal);color:color-mix(in srgb,var(--dim) 78%,transparent)}.s-observe-empty:before{content:"";flex-shrink:0;width:12px;height:1px;background:color-mix(in srgb,var(--dim) 45%,transparent)}.s-observe-detail-list{display:flex;flex-direction:column;gap:1px;border:1px solid color-mix(in srgb,var(--border) 88%,var(--surface));border-radius:var(--radius-lg);overflow:hidden;background:color-mix(in srgb,var(--surface) 90%,var(--bg));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:var(--space-md)}.s-observe-detail-row{display:grid;grid-template-columns:minmax(84px,108px) minmax(0,1fr);gap:var(--space-lg);align-items:start;padding:var(--space-md) var(--space-lg);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 2%,transparent),transparent 28%),color-mix(in srgb,var(--surface) 94%,transparent)}.s-observe-detail-value-wrap{display:flex;align-items:center;gap:var(--space-sm);min-width:0;justify-content:end}.s-observe-detail-value-wrap>.s-observe-detail-value,.s-observe-detail-value-wrap>.s-observe-detail-link{flex:1 1 auto;min-width:0}.s-observe-detail-value-wrap .s-observe-copy-btn--inline{opacity:0}.s-observe-detail-row:hover .s-observe-copy-btn--inline,.s-observe-detail-value-wrap .s-observe-copy-btn--inline:focus-visible,.s-observe-detail-value-wrap .s-observe-copy-btn--inline.s-observe-copy-btn--copied{opacity:1}.s-observe-detail-row+.s-observe-detail-row{border-top:1px solid color-mix(in srgb,var(--border) 82%,var(--surface))}.s-observe-detail-label{font-family:var(--font-mono);font-size:var(--text-2xs);font-variant:small-caps;letter-spacing:var(--tracking-sm);text-transform:none;line-height:var(--leading-snug);color:var(--dim)}.s-observe-detail-value{min-width:0;justify-self:end;text-align:right;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-observe-detail-value--wrap{overflow:visible;text-overflow:clip;white-space:normal;word-break:break-word}.s-observe-detail-link{border:0;background:transparent;cursor:pointer;padding:0}.s-observe-detail-link:hover{color:var(--green);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--green) 55%,transparent);text-underline-offset:3px}.s-observe-path-link-group{display:inline-flex;align-items:baseline;gap:var(--space-2xs)}.s-observe-path-link-external{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:0 var(--space-3xs);border-radius:var(--radius-sm);transition:color .15s ease,background .15s ease}.s-observe-path-link-external:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}.s-observe-detail-value--accent{color:var(--accent)}.s-observe-detail-value--good{color:var(--green)}.s-observe-detail-value--warn{color:var(--amber)}.s-observe-files{display:flex;flex-direction:column;gap:var(--space-2xs)}.s-observe-file{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md)}.s-observe-file--visible{background:var(--surface)}.s-observe-file--hidden{opacity:.35}.s-observe-file-glyph{width:14px;height:14px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-xs);flex-shrink:0}.s-observe-file-path{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--muted);flex:1;min-width:0;padding:0;border:0;background:transparent;cursor:pointer;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.s-observe-file-path:hover{color:var(--ink);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--green) 45%,transparent);text-underline-offset:3px}.s-observe-file-touches{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--dim)}.s-observe-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.s-observe-stats--usage{margin-bottom:var(--space-md)}.s-observe-stat{display:flex;flex-direction:column;gap:var(--space-3xs);padding:var(--space-md) var(--space-lg);border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:var(--radius-lg);background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 5%,transparent),transparent 42%),color-mix(in srgb,var(--surface) 92%,var(--bg));box-shadow:inset 0 1px color-mix(in srgb,white 4%,transparent),0 6px 16px -20px color-mix(in srgb,black 70%,transparent)}.s-observe-stat--quiet{background:color-mix(in srgb,var(--surface) 42%,transparent);border-color:color-mix(in srgb,var(--border) 48%,transparent);box-shadow:none}.s-observe-stat-value{font-family:var(--font-accent-title);font-size:var(--text-4xl);font-variant-numeric:tabular-nums;letter-spacing:0;line-height:var(--leading-none);color:var(--ink)}.s-observe-stat--quiet .s-observe-stat-value{color:color-mix(in srgb,var(--dim) 70%,transparent)}.s-observe-stat-label{font-family:var(--font-mono);font-size:var(--text-2xs);font-variant:small-caps;letter-spacing:var(--tracking-sm);text-transform:none;color:var(--dim)}.s-observe-stat-detail{margin-top:var(--space-2xs);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--dim)}.s-observe-compose{width:100%;max-width:none;margin:0;padding:0}.s-observe-compose-shell{width:100%;border:1px solid color-mix(in srgb,var(--border) 72%,var(--surface));border-radius:var(--radius-xl);background:var(--surface);box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 2%,transparent);transition:border-color .15s ease,box-shadow .15s ease}.s-observe-compose-shell:focus-within{border-color:color-mix(in srgb,var(--accent) 32%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 6%,transparent)}.s-observe-compose-row{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,34px);grid-template-rows:minmax(74px,auto) 34px;align-items:end;column-gap:var(--space-sm);row-gap:var(--space-xs);min-width:0;padding:var(--space-sm)}.s-observe-compose-input{display:block;grid-column:1 / -1;grid-row:1;flex:1;width:100%;min-width:0;min-height:74px;max-height:180px;resize:none;overflow-y:auto;padding:var(--space-sm) var(--space-2xs) var(--space-sm) var(--space-md);border:0;border-radius:0;background:transparent;color:var(--ink);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);outline:none}.s-observe-compose-input:focus{box-shadow:none}.s-observe-compose-input::placeholder{color:var(--dim)}.s-observe-compose-input:disabled{cursor:not-allowed;opacity:.58}.s-observe-compose-tool{grid-column:2;grid-row:2;justify-self:end;width:34px;height:34px;border:1px solid color-mix(in srgb,var(--border) 82%,var(--surface));border-radius:50%;background:color-mix(in srgb,var(--bg) 65%,transparent);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;align-self:flex-end;transition:border-color .12s ease,color .12s ease,background .12s ease,transform .12s ease}.s-observe-compose-row .s-dictation-mic{grid-column:3;grid-row:2;justify-self:end}.s-observe-compose-tool:hover{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 28%,transparent);background:color-mix(in srgb,var(--ink) 6%,transparent)}.s-observe-compose-tool:disabled{cursor:default;opacity:.35}.s-observe-compose-send{grid-column:4;grid-row:2;justify-self:end;width:34px;height:34px;border:0;border-radius:50%;background:var(--ink);color:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;align-self:flex-end;transition:opacity .12s ease,transform .12s ease}.s-observe-compose-send:not(:disabled):hover{transform:scale(1.05)}.s-observe-compose-send:disabled{cursor:default;opacity:.25}.s-observe-compose-status{margin-top:var(--space-sm);color:var(--green);font-family:var(--font-mono);font-size:var(--text-xs)}.s-observe-compose-status--error{color:var(--red)}.s-observe-compose-status--muted{color:var(--dim)}.s-observe-scrubber{grid-column:1 / -1;grid-row:2;border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg) 80%,black);display:flex;flex-direction:column;align-items:stretch;gap:var(--space-sm);padding:var(--space-md) var(--space-3xl) var(--space-lg)}.s-observe-transport{display:flex;align-items:center;gap:var(--space-lg);width:100%}.s-observe-static-evidence{display:flex;align-items:center;gap:var(--space-sm);min-height:32px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted)}.s-observe-static-evidence .s-observe-evidence-dot{margin-top:0}.s-observe-static-evidence small{color:var(--dim)}.s-observe-transport[data-snap] .s-observe-track{background:color-mix(in srgb,var(--ink) 13%,transparent)}.s-observe-play-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--ink);cursor:pointer;font-size:var(--text-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-left:var(--space-3xs);transition:border-color .12s ease,background .12s ease,color .12s ease,box-shadow .12s ease,transform .12s ease}.s-observe-play-btn:hover{border-color:var(--accent)}.s-observe-play-btn[data-state=tail]{border-color:color-mix(in srgb,var(--accent) 82%,var(--border));background:var(--accent);color:#000;box-shadow:inset 0 2px 4px #00000047,0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent);transform:translateY(1px)}.s-observe-play-btn[data-state=playing]{border-color:color-mix(in srgb,var(--accent) 72%,var(--border));background:color-mix(in srgb,var(--accent) 18%,var(--bg));color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 8%,transparent)}.s-observe-play-btn[data-state=paused]{background:color-mix(in srgb,var(--ink) 5%,var(--bg));color:color-mix(in srgb,var(--muted) 82%,var(--ink))}.s-observe-rewind-btn{padding:var(--space-2xs) var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--muted);cursor:pointer;font-size:var(--text-md);flex-shrink:0}.s-observe-rewind-btn:hover{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 30%,transparent)}.s-observe-track-wrap{flex:1;position:relative;height:54px;min-width:0}.s-observe-track-barsHead{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-md);text-transform:uppercase;color:color-mix(in srgb,var(--muted) 72%,var(--dim));pointer-events:none}.s-observe-track-bars{position:absolute;left:0;right:0;top:15px;height:20px;display:grid;grid-template-columns:repeat(48,minmax(1px,1fr));align-items:end;gap:2px;pointer-events:none}.s-observe-track-bar{min-height:0;border-radius:2px 2px 0 0;background:color-mix(in srgb,var(--accent) 42%,transparent);opacity:0}.s-observe-track-bar[data-active]{background:color-mix(in srgb,var(--accent) 68%,transparent)}.s-observe-track-bar[style]{opacity:1}.s-observe-track{position:absolute;left:0;right:0;top:39px;height:8px;background:color-mix(in srgb,var(--ink) 10%,transparent);border-radius:var(--radius-sm);cursor:pointer}.s-observe-track:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.s-observe-track-tick{position:absolute;width:1.5px;opacity:.7}.s-observe-track-played{position:absolute;left:0;top:0;bottom:0;background:var(--accent);border-radius:var(--radius-xs)}.s-observe-track-cursor{position:absolute;top:-4px;transform:translate(-50%);width:3px;height:16px;background:var(--accent);border-radius:var(--radius-xs)}.s-observe-speed-group{display:flex;gap:var(--space-2xs);flex-shrink:0}.s-observe-speed-btn{padding:var(--space-2xs) var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;background:transparent;color:var(--muted)}.s-observe-speed-btn--active{background:var(--accent);color:#000;border-color:var(--accent)}@media(max-width:1080px){.s-observe{grid-template-columns:1fr;grid-template-rows:1fr auto auto}.s-observe-rail{grid-column:1;grid-row:2;border-left:0;border-top:1px solid var(--border);padding:var(--space-3xl);gap:var(--space-3xl)}.s-observe-scrubber{grid-column:1;grid-row:3}.s-observe-compose{margin-left:0}.s-observe-transport{gap:var(--space-sm)}.s-observe-detail-row{grid-template-columns:1fr;gap:var(--space-xs)}.s-observe-detail-value{justify-self:start;text-align:left;white-space:normal}.s-observe-stats{grid-template-columns:1fr 1fr}}.s-observe-session-header{display:flex;flex-direction:column;gap:var(--space-sm)}.s-observe-session-active{display:flex;flex-direction:column;gap:var(--space-2xs)}.s-observe-session-row{display:flex;align-items:center;gap:var(--space-sm)}.s-observe-session-id{font-family:var(--mono);font-size:var(--text-sm);letter-spacing:var(--tracking-sm);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-sm)}.s-observe-session-time{font-size:var(--text-sm);color:var(--dim)}.s-observe-takeover-btn{margin-left:auto;font-family:var(--mono);font-size:var(--text-xs);letter-spacing:var(--tracking-md);text-transform:uppercase;color:var(--green);background:color-mix(in srgb,var(--green) 8%,transparent);border:1px solid color-mix(in srgb,var(--green) 20%,transparent);padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s}.s-observe-takeover-btn:hover{background:color-mix(in srgb,var(--green) 16%,transparent);border-color:color-mix(in srgb,var(--green) 35%,transparent)}.s-observe-pair-btn{margin-left:auto;font-family:var(--mono);font-size:var(--text-xs);letter-spacing:var(--tracking-md);text-transform:uppercase;color:var(--ink);background:transparent;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.s-observe-pair-btn+.s-observe-takeover-btn{margin-left:0}.s-observe-pair-btn:hover{color:var(--green);background:color-mix(in srgb,var(--green) 6%,transparent);border-color:color-mix(in srgb,var(--green) 25%,transparent)}.s-observe-session-history{display:flex;flex-direction:column;gap:var(--space-2xs);padding-top:var(--space-2xs);border-top:1px solid var(--border)}.s-observe-session-history-label{font-size:var(--text-xs);letter-spacing:var(--tracking-md);text-transform:uppercase;color:var(--dim);margin-bottom:var(--space-3xs)}.s-observe-session-past{display:flex;align-items:center;gap:var(--space-sm);opacity:.6}.s-observe-session-past .s-observe-session-id{color:var(--dim);background:color-mix(in srgb,var(--ink) 5%,transparent)}
+.s-observe{display:grid;grid-template-columns:1fr 320px;grid-template-rows:1fr auto;flex:1;min-height:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink)}.s-observe--content-only{grid-template-columns:1fr}.s-observe--content-only .s-observe-stream{max-width:min(1040px,100%)}.s-observe--lane{--lane-glyph-size: var(--text-xl);--lane-glyph-width: 18px;--lane-glyph-color: color-mix(in srgb, var(--accent) 62%, var(--dim));grid-template-rows:1fr;height:100%;min-height:0;background:transparent}.s-observe--lane .s-observe-main{--lane-time-col: 62px;--lane-spine-x: 64px;padding:0 var(--space-lg) var(--space-lg);overflow-x:hidden;scrollbar-width:none!important;-ms-overflow-style:none}.s-observe--lane .s-observe-main::-webkit-scrollbar{display:none;width:0;height:0}.s-observe-lane-trace-meta{position:sticky;top:0;z-index:7;flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:32px;margin:0 calc(-1 * var(--space-lg)) var(--space-xs);padding:var(--space-xs) var(--space-lg);border-bottom:1px solid color-mix(in srgb,var(--ink) 6%,transparent);background:color-mix(in srgb,var(--bg) 97%,var(--surface) 3%);box-shadow:0 1px color-mix(in srgb,var(--ink) 3%,transparent)}.s-observe-lane-trace-meta-leading{display:inline-flex;align-items:center;gap:var(--space-sm);min-width:0;flex:none}.s-observe-lane-trace-meta-label{flex:none;font-family:var(--font-sans);font-size:var(--text-2xs);font-weight:600;letter-spacing:.1em;line-height:var(--leading-none);text-transform:uppercase;color:var(--dim)}.s-observe-lane-trace-mode{position:relative;display:inline-flex;align-items:center;gap:4px;min-height:20px;padding:2px 7px;border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface) 44%,transparent);color:var(--dim);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-xs);line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .14s ease,border-color .14s ease,color .14s ease}.s-observe-lane-trace-mode:hover{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 16%,transparent);background:color-mix(in srgb,var(--surface) 72%,transparent)}.s-observe-lane-trace-mode--concise{color:color-mix(in srgb,var(--accent) 78%,var(--dim));border-color:color-mix(in srgb,var(--accent) 20%,transparent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.s-observe-lane-trace-mode input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.s-observe-lane-trace-mode svg{flex:none;opacity:.9}.s-observe-lane-trace-mode:has(input:focus-visible){outline:2px solid color-mix(in srgb,var(--accent) 48%,transparent);outline-offset:2px}.s-observe-lane-trace-meta-stats{display:flex;align-items:baseline;gap:.35rem;min-width:0;overflow:hidden;white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-xs);color:var(--dim)}.s-observe-lane-trace-meta-window{color:var(--muted)}.s-observe-lane-trace-meta-sep{opacity:.5}.s-observe-lane-trace-meta-tag{flex:none;margin-left:var(--space-2xs);padding:0 var(--space-xs);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--dim);text-transform:lowercase;letter-spacing:var(--tracking-xs);cursor:default}.s-observe--lane .s-observe-stream{max-width:100%;padding:var(--space-xs) var(--space-md) var(--space-lg) calc(var(--lane-time-col) + var(--space-xl))}.s-observe--lane .s-observe-spine{left:var(--lane-spine-x);width:1px;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--accent) 22%,transparent) 8%,color-mix(in srgb,var(--accent) 38%,transparent) 50%,color-mix(in srgb,var(--accent) 22%,transparent) 92%,transparent 100%);opacity:1}.s-observe--lane .s-observe-row--selectable{cursor:pointer}.s-observe--lane .s-observe-row--selectable:hover .s-observe-row-bead{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.s-observe--lane .s-observe-row--selectable:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}.s-observe-row--highlighted>.s-observe-row-bead{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 28%,transparent)}.s-observe-row--highlighted>.s-observe-block{background:color-mix(in srgb,var(--accent) 6%,transparent);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md)}.s-observe-row--highlighted>.s-observe-tool{padding:0}.s-lane-trace-sheet-body .s-observe-row--highlighted{z-index:1}.s-lane-trace-sheet-body .s-observe-row--highlighted>.s-observe-row-bead{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 34%,transparent),0 0 14px color-mix(in srgb,var(--accent) 45%,transparent)}.s-lane-trace-sheet-body .s-observe-row--highlighted>.s-observe-block{background:color-mix(in srgb,var(--accent) 12%,var(--surface, oklch(.178 .005 260)));outline:1px solid color-mix(in srgb,var(--accent) 36%,transparent);outline-offset:0;border-radius:var(--radius-sm);padding:var(--space-md) var(--space-lg);animation:s-observe-row-focus-pulse 1.4s ease-out 1}.s-lane-trace-sheet-body .s-observe-row--highlighted>.s-observe-tool{padding:0}.s-observe-focus-group{position:relative}.s-observe-focus-group--active{margin-bottom:var(--space-lg)}.s-observe-focus-group--active .s-observe-row--focus-anchor{padding-bottom:var(--space-xs);z-index:1}.s-observe-focus-group--active .s-observe-row--focus-anchor>.s-observe-row-bead{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 34%,transparent),0 0 16px color-mix(in srgb,var(--accent) 50%,transparent)}.s-observe-focus-group--active .s-observe-row--focus-anchor>.s-observe-block{background:color-mix(in srgb,var(--accent) 10%,var(--surface, oklch(.178 .005 260)));border-radius:var(--radius-sm) var(--radius-sm) 0 0;outline:1px solid color-mix(in srgb,var(--accent) 34%,transparent);outline-offset:0;padding:var(--space-md) var(--space-lg);animation:none}.s-observe-focus-group--active .s-observe-row--focus-anchor>.s-observe-tool{padding:0}.s-observe-focus-connector{position:relative;left:-14px;width:18px;height:10px;margin-top:-2px;margin-bottom:-1px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);border-bottom-left-radius:6px;pointer-events:none}.s-observe-focus-detail{position:relative}@keyframes s-observe-row-focus-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 42%,transparent)}40%{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 0%,transparent)}to{box-shadow:none}}.s-observe--lane .s-observe-row{padding-bottom:var(--space-md);padding-left:var(--space-sm)}.s-observe--lane .s-observe-row:before{content:"";position:absolute;left:calc(var(--lane-spine-x) + 1px - var(--lane-time-col) - var(--space-lg));top:9px;width:10px;height:1px;background:color-mix(in srgb,var(--accent) 36%,transparent)}@keyframes s-observe-row-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes s-observe-row-tick-enter{0%{width:0;opacity:0}to{width:10px;opacity:1}}.s-observe--lane .s-observe-row--enter{animation:s-observe-row-enter .34s cubic-bezier(.22,1,.36,1) both}.s-observe--lane .s-observe-row--enter:before{animation:s-observe-row-tick-enter .26s cubic-bezier(.22,1,.36,1) both}@media(prefers-reduced-motion:reduce){.s-observe--lane .s-observe-row--enter,.s-observe--lane .s-observe-row--enter:before{animation:none}}.s-observe--lane .s-observe-row:last-child{padding-bottom:var(--space-sm)}.s-observe--lane .s-observe-row--tool-simple{padding-bottom:0}.s-observe--lane .s-observe-row--tool-stacked{margin-top:-3px}.s-observe--lane .s-observe-row--tool-stacked:before{display:none}.s-observe--lane .s-observe-row--tool-stacked .s-observe-row-time{visibility:hidden}.s-observe--lane .s-observe-row--tool-simple>.s-observe-block{margin-top:0}.s-observe--lane .s-observe-row--tool-simple.s-observe-row--selectable{cursor:pointer}.s-observe--lane .s-observe-row--tool-simple.s-observe-row--selectable:hover .s-observe-tool--simple{color:var(--ink)}.s-observe-tool-hover-anchor,.s-observe-row-hover-target{display:block;width:100%;min-width:0}.s-observe--lane .s-observe-row--hover-preview{z-index:2}.s-observe--lane .s-observe-row--hover-preview .s-observe-tool{border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 9%,var(--surface, oklch(.178 .005 260)));outline:1px solid color-mix(in srgb,var(--accent) 28%,transparent);outline-offset:0}.s-observe--lane .s-observe-row--hover-preview .s-observe-tool-cmd-name,.s-observe--lane .s-observe-row--hover-preview .s-observe-tool-cmd-arg{color:var(--ink)}.s-observe-tool-hover-card{--hover-caret-top: 14px;z-index:10050;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border, oklch(.34 .008 260)) 92%,var(--ink, oklch(.965 .006 260)));background:var(--surface, oklch(.178 .005 260));color:var(--ink, oklch(.965 .006 260));box-shadow:0 12px 28px #00000094,0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent);pointer-events:auto;isolation:isolate}.s-observe-tool-hover-card:before,.s-observe-tool-hover-card:after{content:"";position:absolute;top:var(--hover-caret-top);width:0;height:0;transform:translateY(-50%);pointer-events:none}.s-observe-tool-hover-card:after{height:1px;width:10px;border:none;background:color-mix(in srgb,var(--accent) 42%,var(--border, oklch(.34 .012 80)));transform:translateY(-50%)}.s-observe-tool-hover-card--side-right:before{left:-7px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:7px solid var(--surface, oklch(.178 .005 260));filter:drop-shadow(-1px 0 0 color-mix(in srgb,var(--accent) 30%,transparent))}.s-observe-tool-hover-card--side-right:after{left:-11px}.s-observe-tool-hover-card--side-left:before{right:-7px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid var(--surface, oklch(.178 .005 260));filter:drop-shadow(1px 0 0 color-mix(in srgb,var(--accent) 30%,transparent))}.s-observe-tool-hover-card--side-left:after{right:-11px}.s-observe-tool-hover-card-cmd{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--ink);line-height:1.35;word-break:break-word}.s-observe-tool-hover-card-meta{margin-top:var(--space-3xs);font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--muted)}.s-observe-tool-hover-card-line{margin-top:var(--space-2xs);font-family:var(--font-mono);font-size:var(--text-2xs);line-height:1.4;color:color-mix(in srgb,var(--ink) 72%,var(--muted));white-space:pre-wrap;word-break:break-word}.s-observe-tool-hover-card-hint{margin-top:var(--space-sm);padding-top:var(--space-2xs);border-top:1px solid color-mix(in srgb,var(--ink) 14%,transparent);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-xs);color:color-mix(in srgb,var(--muted) 55%,var(--accent) 45%)}.s-observe--lane .s-observe-row-time{position:absolute;left:calc(-1 * var(--lane-time-col) - var(--space-lg));top:4px;width:var(--lane-time-col);min-width:var(--lane-time-col);max-width:var(--lane-time-col);display:flex;flex-direction:column;align-items:flex-end;font-family:var(--font-mono);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;letter-spacing:.01em;color:color-mix(in srgb,var(--dim) 84%,var(--accent) 16%);text-align:right;white-space:nowrap;padding-right:var(--space-sm)}.s-observe--lane .s-observe-row-clock{font-size:var(--text-2xs);line-height:1.3;letter-spacing:.015em;color:color-mix(in srgb,var(--dim) 90%,transparent)}.s-observe--lane.s-observe--lane-gutter-label{--lane-time-col: 84px;--lane-spine-x: 86px}.s-observe--lane.s-observe--lane-gutter-label .s-observe-row-time{gap:1px}.s-observe--lane.s-observe--lane-gutter-label .s-observe-row-kind{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:var(--text-xs);font-weight:600;line-height:1.25;letter-spacing:.01em;color:color-mix(in srgb,var(--dim) 82%,var(--accent) 18%)}.s-observe--lane.s-observe--lane-gutter-label .s-observe-row-clock{font-size:var(--text-2xs);line-height:1.25;color:color-mix(in srgb,var(--dim) 78%,transparent)}.s-observe--lane .s-observe-row-repeat{font-size:var(--text-2xs);letter-spacing:.02em;color:color-mix(in srgb,var(--dim) 72%,var(--accent) 28%)}.s-observe--lane .s-observe-row-gap{left:calc(var(--lane-spine-x) + 1px - var(--lane-time-col) - var(--space-lg));top:-1px;transform:translate(-50%);font-size:var(--text-2xs);letter-spacing:.02em;color:color-mix(in srgb,var(--dim) 80%,var(--accent) 20%);opacity:.92}.s-observe--lane .s-observe-row-bead{display:none}.s-observe--lane .s-observe-row>.s-observe-block{margin-top:1px;min-width:0;max-width:100%;overflow:hidden}.s-observe--lane .s-observe-note--lane{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-2xs) 0;padding:0;border:0;border-radius:0;background:transparent;line-height:1.35;max-width:100%}.s-observe--lane .s-observe-note--lane .s-observe-note-text{flex:none;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:var(--tracking-xs);text-transform:lowercase;color:var(--dim);word-break:break-word}.s-observe--lane .s-observe-note--lane:after{content:"";flex:1;height:1px;min-width:var(--space-lg);background:color-mix(in srgb,var(--ink) 8%,transparent)}.s-observe--lane .s-observe-row--tech-summary{padding-bottom:var(--space-xs)}.s-observe--lane .s-observe-row--tech-summary:before{width:6px;opacity:.6;background:color-mix(in srgb,var(--dim) 42%,transparent)}.s-observe--lane .s-observe-tech-summary{display:inline-flex;align-items:baseline;gap:var(--space-sm);max-width:100%;min-width:0;padding:2px 8px;border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);border-radius:6px;background:color-mix(in srgb,var(--surface) 34%,transparent);font-family:var(--font-mono);font-size:var(--text-2xs);line-height:1.4;color:var(--dim)}.s-observe--lane .s-observe-tech-summary--toggle{cursor:pointer;text-align:left;transition:border-color .12s ease,background-color .12s ease,color .12s ease}.s-observe--lane .s-observe-tech-summary--toggle:hover,.s-observe--lane .s-observe-tech-summary--toggle:focus-visible{border-color:color-mix(in srgb,var(--accent) 28%,transparent);background:color-mix(in srgb,var(--accent) 8%,var(--surface) 34%);color:color-mix(in srgb,var(--ink) 72%,var(--accent) 28%);outline:none}.s-observe--lane .s-observe-tech-summary--toggle.is-expanded{border-color:color-mix(in srgb,var(--accent) 22%,transparent);background:color-mix(in srgb,var(--accent) 6%,var(--surface) 34%)}.s-observe--lane .s-observe-tech-summary-chevron{flex:none;align-self:center;opacity:.72}.s-observe--lane .s-observe-tech-rollup-details{display:flex;flex-direction:column;gap:0;margin:0 0 var(--space-xs) calc(var(--space-md) + 6px);padding-left:var(--space-md);border-left:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.s-observe--lane .s-observe-tech-summary-count{flex:none;color:color-mix(in srgb,var(--dim) 72%,var(--accent) 28%);font-weight:600}.s-observe--lane .s-observe-tech-summary-detail{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:color-mix(in srgb,var(--dim) 82%,transparent)}.s-observe--lane .s-observe-system--lane{display:flex;flex-direction:column;gap:var(--space-2xs);margin:0;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.45;letter-spacing:.01em;color:var(--muted)}.s-observe--lane .s-observe-system--lane .s-observe-system-line{display:block;min-width:0}.s-observe--lane .s-observe-system--lane .s-observe-system-text{color:var(--muted);word-break:break-word}.s-observe--lane .s-observe-grok-permission{display:inline-flex;align-items:center;gap:var(--space-sm);max-width:100%;padding:2px 8px;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);border-radius:6px;background:color-mix(in srgb,var(--surface) 55%,transparent);line-height:1.35}.s-observe--lane .s-observe-grok-permission-decision{flex:none;font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:lowercase;color:color-mix(in srgb,var(--dim) 82%,var(--accent) 18%)}.s-observe--lane .s-observe-grok-permission-decision.is-allow{color:color-mix(in srgb,var(--accent) 72%,var(--ink) 28%)}.s-observe--lane .s-observe-grok-permission-tool{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);color:var(--ink)}.s-observe--lane .s-observe-grok-phase{display:inline-flex;align-items:center;max-width:100%;padding:1px 7px;border-radius:999px;background:color-mix(in srgb,var(--ink) 5%,transparent);line-height:1.35}.s-observe--lane .s-observe-grok-phase-label{font-size:var(--text-2xs);letter-spacing:.02em;text-transform:lowercase;color:color-mix(in srgb,var(--dim) 88%,var(--accent) 12%)}.s-observe--lane .s-observe-grok-turn{display:inline-flex;align-items:baseline;gap:var(--space-sm);max-width:100%;line-height:1.35}.s-observe--lane .s-observe-grok-turn-num{flex:none;font-size:var(--text-2xs);font-weight:600;letter-spacing:.04em;text-transform:lowercase;color:color-mix(in srgb,var(--dim) 80%,var(--accent) 20%)}.s-observe--lane .s-observe-grok-turn-model{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-2xs);color:var(--muted)}.s-observe--lane .s-observe-system--lane .s-observe-system-detail{margin:0;padding-left:0;font-size:var(--text-2xs);line-height:1.4;color:var(--dim);font-style:normal;word-break:break-word}.s-observe--lane .s-observe-live-sticky{margin:0 0 var(--space-md);padding-left:calc(var(--lane-time-col) + var(--space-lg) + var(--space-sm))}.s-observe--lane .s-observe-follow-btn{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;letter-spacing:.02em;padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-sm);border:0;background:color-mix(in srgb,var(--surface) 72%,transparent)}.s-observe--lane .s-observe-follow-btn--on{color:var(--green);background:color-mix(in srgb,var(--green) 7%,var(--bg))}.s-observe--lane .s-observe-follow-btn--on:hover{color:var(--green);background:color-mix(in srgb,var(--green) 11%,var(--bg))}.s-observe--lane .s-observe-follow-btn:hover{background:color-mix(in srgb,var(--surface) 96%,transparent)}.s-observe--lane .s-observe-copy-btn{display:none}.s-observe--lane .s-observe-message-label{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-accent-title, var(--font-sans));font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--dim) 78%,var(--accent) 22%)}.s-observe--lane .s-observe-message-label:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.85}.s-observe--lane .s-observe-row--kind-ask{padding-top:var(--space-sm);padding-bottom:var(--space-xl)}.s-observe--lane .s-observe-row--kind-ask:before{left:calc(var(--lane-spine-x) + 1px - var(--lane-time-col) - var(--space-lg) - 3px);top:calc(var(--space-sm) + 17px);width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--accent) 62%,var(--dim));box-shadow:0 0 0 4px var(--bg)}.s-observe--lane .s-observe-row.s-observe-row--kind-ask>.s-observe-ask--lane{width:calc(100% + var(--space-sm) + var(--space-md));max-width:none;margin-left:calc(-1 * var(--space-sm));margin-right:calc(-1 * var(--space-md));border-block:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-inline:0;border-radius:0;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 7%,transparent),transparent 58%),color-mix(in srgb,var(--surface) 55%,var(--bg));box-shadow:inset 0 1px color-mix(in srgb,var(--ink) 4%,transparent),inset 0 -1px color-mix(in srgb,var(--bg) 60%,transparent);padding:var(--space-lg) var(--space-xl)}.s-observe--lane .s-observe-ask-head{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.s-observe--lane .s-observe-ask-avatar{width:22px;height:22px;flex:none;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:700;color:var(--scout-chrome-avatar-ink)}.s-observe--lane .s-observe-ask-author{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:650;letter-spacing:.01em;color:color-mix(in srgb,var(--ink) 88%,var(--muted))}.s-observe--lane .s-observe-ask-time{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--dim)}.s-observe--lane .s-observe-ask--lane .s-observe-ask-title{display:-webkit-box;margin-bottom:var(--space-2xs);font-family:var(--font-sans);font-size:var(--text-lg);font-weight:620;line-height:1.42;letter-spacing:0;color:color-mix(in srgb,var(--ink) 94%,var(--muted));-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.s-observe--lane .s-observe-ask--lane .s-observe-ask-text{font-family:var(--font-sans);font-size:var(--text-md);font-weight:400;line-height:1.58;color:color-mix(in srgb,var(--ink) 82%,var(--muted));word-break:break-word}.s-observe--lane .s-observe-ask--lane .s-observe-ask-answer{margin-top:var(--space-xs);padding-top:var(--space-xs);gap:var(--space-sm)}.s-observe--lane .s-observe-ask--lane .s-observe-ask-answer-meta{font-size:var(--text-2xs)}.s-observe--lane .s-observe-ask--lane .s-observe-ask-answer-text{font-size:var(--text-xs);line-height:1.5}.s-observe--lane .s-observe-message--lane{position:relative;overflow:hidden;padding:var(--space-sm) var(--space-md) var(--space-sm) var(--space-lg);border-radius:7px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 55%,transparent),color-mix(in srgb,var(--surface) 32%,transparent));border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--ink) 5%,transparent)}.s-observe--lane .s-observe-message--lane .s-observe-message-label{margin-bottom:var(--space-xs);color:color-mix(in srgb,var(--dim) 70%,var(--accent) 30%)}.s-observe--lane.s-observe--lane-gutter-label .s-observe-message--lane .s-observe-message-label{display:none}.s-observe--lane .s-observe-message--lane .s-observe-message-text{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:400;line-height:1.5;color:color-mix(in srgb,var(--ink) 84%,var(--muted))}.s-observe--lane .s-observe-message--thinking{border-style:dashed;border-color:color-mix(in srgb,var(--accent) 16%,var(--ink) 7%);background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--surface) 28%,transparent) 0,color-mix(in srgb,var(--surface) 28%,transparent) 8px,transparent 8px,transparent 16px),color-mix(in srgb,var(--surface) 24%,transparent);box-shadow:none}.s-observe--lane .s-observe-message--thinking .s-observe-message-label{color:color-mix(in srgb,var(--dim) 78%,var(--accent) 22%)}.s-observe--lane .s-observe-message--thinking .s-observe-message-text{font-family:var(--font-accent-title, var(--font-sans));font-size:var(--text-base, 15px);font-weight:500;font-style:normal;letter-spacing:-.015em;line-height:1.45;color:color-mix(in srgb,var(--ink) 68%,var(--muted))}@media(prefers-reduced-motion:no-preference){.s-observe--lane .s-observe-message--thinking{animation:s-observe-thinking-card 1.8s ease-in-out infinite}}@keyframes s-observe-thinking-card{0%,to{border-color:color-mix(in srgb,var(--accent) 12%,var(--ink) 7%)}50%{border-color:color-mix(in srgb,var(--accent) 24%,var(--ink) 8%)}}.s-observe--lane .s-observe-message--lane .s-observe-lane-expandable-body{align-items:flex-start;gap:var(--space-sm)}.s-observe-lane-expandable{min-width:0}.s-observe-lane-expandable-body{display:flex;align-items:flex-end;gap:var(--space-sm);min-width:0}.s-observe-lane-expandable-text{flex:1;min-width:0}.s-observe-lane-expand{appearance:none;border:0;padding:0;background:transparent;display:inline-flex;flex:none;align-items:center;gap:3px;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.02em;line-height:1;text-transform:lowercase;color:var(--dim);cursor:pointer;opacity:.82}.s-observe-lane-expand:hover,.s-observe-lane-expand:focus-visible{color:var(--muted);opacity:1}.s-observe--lane .s-observe-lane-expandable{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2xs);min-width:0}.s-observe--lane .s-observe-lane-expandable-body{flex-direction:column;align-items:flex-start;width:100%}.s-observe--lane .s-observe-lane-expandable-body .s-observe-lane-expand{align-self:flex-end}.s-observe--lane .s-observe-lane-expandable--open .s-observe-message-text,.s-observe--lane .s-observe-lane-expandable--open .s-observe-ask-text{max-height:min(42vh,360px);overflow:auto}.s-observe-tool-header .s-observe-lane-expand{margin-left:auto;flex:none;align-self:center}.s-observe-tool-stream-preview{margin:0;padding:var(--space-xs) var(--space-lg) var(--space-sm);border-top:1px solid color-mix(in srgb,var(--border) 55%,transparent);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.4;color:var(--dim);white-space:pre-wrap;word-break:break-word;max-height:3.6rem;overflow:hidden}.s-observe--lane .s-observe-tool-diff-inline{display:inline-flex;align-items:baseline;gap:var(--space-2xs);margin-left:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:.01em}.s-observe--lane .s-observe-tool-stream--lane{margin-top:var(--space-2xs);max-height:min(36vh,280px);overflow:auto;white-space:pre-wrap;word-break:break-word}.s-observe--lane .s-observe-tool-result{font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.45}.s-observe--lane .s-observe-row--kind-tool>.s-observe-row-hover-target,.s-observe--lane .s-observe-row--kind-think>.s-observe-block,.s-observe--lane .s-observe-row--kind-system>.s-observe-block,.s-observe--lane .s-observe-row--kind-boot>.s-observe-block,.s-observe--lane .s-observe-row--tech-summary>.s-observe-block{margin-left:var(--space-lg);max-width:calc(100% - var(--space-lg))}.s-observe--lane .s-observe-tool{border:0;border-radius:0;min-width:0;max-width:100%;overflow:hidden;background:color-mix(in srgb,var(--surface) 62%,transparent);transition:background .14s ease,border-color .14s ease}.s-observe--lane .s-observe-tool:hover{border-color:color-mix(in srgb,var(--ink) 14%,transparent);background:color-mix(in srgb,var(--surface) 78%,transparent)}.s-observe--lane .s-observe-tool-header{padding:var(--space-2xs) var(--space-sm);gap:var(--space-sm);align-items:center;min-width:0;overflow:hidden;background:color-mix(in srgb,var(--bg) 35%,transparent)}.s-observe--lane .s-observe-tool-glyph{font-size:var(--lane-glyph-size);width:var(--lane-glyph-width);min-width:var(--lane-glyph-width);flex:none;text-align:center;line-height:1.35;color:var(--lane-glyph-color)}.s-observe--lane .s-observe-tool-cmd-name{color:var(--muted)}.s-observe--lane .s-observe-tool-diff-add,.s-observe--lane .s-observe-diff-line--add{color:color-mix(in srgb,var(--ink) 58%,var(--muted))}.s-observe--lane .s-observe-tool-diff-del,.s-observe--lane .s-observe-diff-line--del{color:color-mix(in srgb,var(--muted) 74%,var(--red) 26%)}.s-observe--lane .s-observe-tool-header--has-body{border-bottom:0}.s-observe--lane .s-observe-tool-diff-preview,.s-observe--lane .s-observe-tool-stream{max-height:3.25rem;overflow:hidden;border-radius:0;background:color-mix(in srgb,var(--bg) 50%,transparent);border:none}.s-observe--lane .s-observe-tool-cmd{flex:1;min-width:0;max-width:100%;font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal}.s-observe--lane .s-observe-tool--simple,.s-observe--lane .s-observe-tool--simple .s-observe-tool-header{background:transparent;border-left:0;padding:0}.s-observe--lane .s-observe-tool--simple .s-observe-tool-header{gap:var(--space-2xs);line-height:1.2;min-height:0}.s-observe--lane .s-observe-tool--simple .s-observe-tool-glyph{font-size:var(--text-lg);width:16px;min-width:16px;line-height:1.25}.s-observe--lane .s-observe-tool--simple .s-observe-tool-cmd{line-height:1.2}.s-observe--lane .s-observe-tool--simple .s-observe-tool-cmd-name{color:var(--ink)}.s-observe--lane .s-observe-tool--simple:hover{background:transparent;border-color:transparent}.s-observe--lane .s-observe-tool--fam-bash,.s-observe--lane .s-observe-tool--fam-bash .s-observe-tool-header{background:transparent;border-left:0;padding:0}.s-observe--lane .s-observe-row:has(.s-observe-tool--fam-bash),.s-observe--lane .s-observe-row:has(.s-observe-tool--fam-code),.s-observe--lane .s-observe-row:has(.s-observe-bash){background:color-mix(in srgb,var(--ink) 2.5%,transparent);border-radius:var(--radius-sm)}[data-scout-theme=light] .s-observe--lane .s-observe-row:has(.s-observe-tool--fam-bash),[data-scout-theme-mode=light] .s-observe--lane .s-observe-row:has(.s-observe-tool--fam-bash),[data-scout-theme=light] .s-observe--lane .s-observe-row:has(.s-observe-bash),[data-scout-theme-mode=light] .s-observe--lane .s-observe-row:has(.s-observe-bash){background:color-mix(in srgb,var(--cat-gold, #a9824f) 4.5%,transparent)}.s-observe--lane .s-observe-tool--fam-bash .s-observe-tool-header,.s-observe--lane .s-observe-tool--fam-bash .s-observe-tool-cmd{display:block;min-width:0;max-width:100%;overflow:hidden}.s-observe--lane .s-observe-bash{--bash-bg: color-mix(in srgb, var(--surface) 72%, var(--bg));--bash-seg: color-mix(in srgb, var(--surface) 82%, var(--ink) 6%);--bash-edge: color-mix(in srgb, var(--ink) 12%, transparent);--bash-shadow: 0 1px 2px color-mix(in srgb, var(--ink) 18%, transparent);--bash-inset: inset 0 1px 0 color-mix(in srgb, var(--ink) 5%, transparent);display:flex;align-items:baseline;width:100%;max-width:100%;padding:2px 9px;border-radius:7px;background:var(--bash-bg);border:1px solid var(--bash-edge);box-shadow:var(--bash-inset),var(--bash-shadow);font-family:var(--font-mono);font-size:var(--text-md);white-space:nowrap;overflow:hidden;cursor:default}[data-scout-theme=light] .s-observe--lane .s-observe-bash,[data-scout-theme-mode=light] .s-observe--lane .s-observe-bash{--bash-bg: color-mix(in srgb, var(--surface) 88%, var(--cat-gold, #a9824f));--bash-seg: color-mix(in srgb, var(--bg) 55%, var(--surface));--bash-edge: color-mix(in srgb, var(--ink) 9%, transparent);--bash-shadow: 0 1px 2px color-mix(in srgb, var(--ink) 7%, transparent);--bash-inset: inset 0 1px 0 color-mix(in srgb, #fff 70%, transparent)}[data-scout-theme=dark] .s-observe--lane .s-observe-bash,[data-scout-theme-mode=dark] .s-observe--lane .s-observe-bash{--bash-bg: color-mix(in srgb, var(--bg) 55%, var(--surface));--bash-seg: color-mix(in srgb, var(--surface) 78%, var(--ink) 8%);--bash-edge: color-mix(in srgb, var(--ink) 14%, transparent);--bash-shadow: 0 1px 3px color-mix(in srgb, #000 45%, transparent);--bash-inset: inset 0 1px 0 color-mix(in srgb, var(--ink) 6%, transparent)}.s-observe--lane .s-observe-bash-prompt{flex:none;margin-right:8px;font-size:var(--lane-glyph-size);font-weight:700;-webkit-user-select:none;user-select:none;color:color-mix(in srgb,var(--accent) 82%,var(--ink) 18%)}.s-observe--lane .s-observe-bash-pl{flex:none;display:inline-flex;align-items:center;margin-right:8px}.s-observe--lane .s-observe-bash-seg{display:inline-flex;align-items:center;padding:1px 5px 1px 7px;background:var(--bash-seg);color:var(--muted);border:1px solid var(--bash-edge);border-right:0;border-radius:3px 0 0 3px;font-size:var(--text-2xs);letter-spacing:var(--tracking-xs)}.s-observe--lane .s-observe-bash-sep{display:inline-block;width:11px;height:11px;flex:none;background:var(--bash-seg);border-top:1px solid var(--bash-edge);border-right:1px solid var(--bash-edge);border-top-right-radius:2px;transform:rotate(45deg);margin-left:-8px}.s-observe--lane .s-observe-bash-cmd{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-observe--lane .s-observe-bash-prog{color:var(--ink);font-weight:650;letter-spacing:-.01em}.s-observe--lane .s-observe-bash-arg{color:color-mix(in srgb,var(--ink) 38%,var(--muted))}.s-observe--lane .s-observe-bash-flag{color:color-mix(in srgb,var(--muted) 65%,color-mix(in srgb,var(--accent) 60%,var(--ink)))}.s-observe--lane .s-observe-bash-dim{color:color-mix(in srgb,var(--dim) 70%,var(--muted))}.s-observe--lane .s-observe-bash-dir{color:color-mix(in srgb,var(--ink) 28%,var(--muted))}.s-observe--lane .s-observe-bash-dir-prefix{color:color-mix(in srgb,var(--dim) 75%,var(--muted))}[data-scout-theme=light] .s-observe--lane .s-observe-bash-flag,[data-scout-theme-mode=light] .s-observe--lane .s-observe-bash-flag{color:color-mix(in srgb,var(--muted) 58%,color-mix(in srgb,var(--cat-gold, #a9824f) 65%,var(--ink)))}.s-observe--lane .s-observe-bash-out{color:var(--s-observe-muted, rgba(255, 255, 255, .52));font-family:var(--s-observe-mono, ui-monospace, monospace);font-size:.92em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(42ch,100%)}.s-observe--lane .s-observe-bash-ok{flex:none;margin-left:9px;color:var(--dim)}.s-observe--lane .s-observe-bash-prog--known{color:var(--ink)}@supports ((-webkit-background-clip: text) or (background-clip: text)){.s-observe--lane .s-observe-bash-prog--known{background:linear-gradient(100deg,var(--ink) 0%,var(--ink) 40%,var(--accent) 50%,var(--ink) 60%,var(--ink) 100%);background-size:240% 100%;background-position:120% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:s-observe-bash-shimmer 1.1s ease-out .2s both}}@keyframes s-observe-bash-shimmer{0%{background-position:120% 0}to{background-position:-40% 0}}@media(prefers-reduced-motion:reduce){.s-observe--lane .s-observe-bash-prog--known{animation:none;-webkit-text-fill-color:var(--ink)}}.s-observe--lane .s-observe-tool-path{display:inline-flex;align-items:baseline;max-width:100%;min-width:0}.s-observe--lane .s-observe-tool-path-dir{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dim)}.s-observe--lane .s-observe-tool-path-base--file{flex:none;white-space:nowrap;color:var(--ink);font-weight:600}.s-observe--lane .s-observe-tool-path-base--read{flex:none;white-space:nowrap;color:var(--muted)}.s-observe--lane .s-observe-tool-needle{color:var(--ink)}.s-observe--lane .s-observe-tool-needle-q{color:var(--dim)}.s-observe--lane .s-observe-tool-count{margin-left:var(--space-2xs);color:var(--dim)}.s-observe--lane .s-observe-tool-host{color:var(--ink)}.s-observe--lane .s-observe-tool-host-path{margin-left:1px;color:var(--dim)}.s-observe--lane .s-observe-tool-agent-name{color:var(--ink)}.s-observe--lane .s-observe-tool--fam-read{background:color-mix(in srgb,var(--surface) 42%,transparent)}.s-observe--lane .s-observe-tool--fam-read .s-observe-tool-glyph{color:color-mix(in srgb,var(--dim) 55%,var(--accent) 20%)}.s-observe--lane .s-observe-tool--fam-file .s-observe-tool-glyph{color:color-mix(in srgb,var(--accent) 70%,var(--ink) 30%)}.s-observe-embed-page{display:flex;flex-direction:column;height:100vh;min-height:0;overflow:hidden;background:var(--bg);color:var(--ink)}.s-observe-embed-page>.s-observe{flex:1;min-height:0}.s-observe-embed-status{display:flex;align-items:center;gap:var(--space-sm);min-height:28px;padding:0 var(--space-xl);border-bottom:1px solid color-mix(in srgb,var(--ink) 8%,transparent);background:color-mix(in srgb,var(--bg) 92%,black);color:var(--dim);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:0;text-transform:uppercase}.s-observe-embed-status span{min-width:0;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-observe-embed-status-source{color:var(--accent)}.s-observe-embed-status-live{margin-left:auto;color:var(--green)}.s-observe-embed-ask{flex:none;padding:var(--space-xl) var(--space-3xl) var(--space-lg);border-bottom:1px solid color-mix(in srgb,var(--ink) 9%,transparent);background:color-mix(in srgb,var(--surface) 56%,var(--bg))}.s-observe-embed-ask-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-xl)}.s-observe-embed-ask-kicker{color:var(--accent);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--tracking-lg);text-transform:uppercase}.s-observe-embed-ask-byline,.s-observe-embed-ask-unknown{display:flex;gap:var(--space-xs);margin-top:3px;color:var(--dim);font-family:var(--font-mono);font-size:var(--text-2xs)}.s-observe-embed-ask-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-sm)}.s-observe-embed-ask-links a{display:inline-flex;align-items:center;gap:4px;color:var(--dim);font-family:var(--font-mono);font-size:var(--text-2xs);text-decoration:none}.s-observe-embed-ask-links a:hover{color:var(--accent)}.s-observe-embed-ask-body{display:-webkit-box;max-width:960px;margin-top:var(--space-md);overflow:hidden;color:var(--ink);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:5}.s-observe-embed-ask-body.is-expanded{display:block;max-height:min(42vh,420px);overflow-y:auto;-webkit-line-clamp:unset}.s-observe-embed-ask-toggle{margin-top:var(--space-sm);padding:0;border:0;background:transparent;color:var(--dim);cursor:pointer;font-family:var(--font-mono);font-size:var(--text-2xs)}.s-observe-embed-ask-toggle:hover{color:var(--accent)}.s-observe-embed-ask--unknown{padding-block:var(--space-md)}@media(max-width:680px){.s-observe-embed-ask{padding-inline:var(--space-xl)}.s-observe-embed-ask-head{flex-direction:column;gap:var(--space-md)}.s-observe-embed-ask-links{justify-content:flex-start}}.s-observe-embed-page .s-observe-main{padding:var(--space-3xl) var(--space-3xl) var(--space-5xl)}.s-observe-embed-page .s-observe-stream{max-width:100%;padding-left:58px}.s-observe-embed-page .s-observe--conversation .s-observe-stream{padding-left:0}.s-observe-embed-status-origin{color:var(--accent)}.s-observe-embed-status-toggle{margin-left:auto}.s-observe-embed-empty{height:100%;display:grid;place-content:center;gap:var(--space-sm);padding:var(--space-4xl);text-align:center}.s-observe-embed-empty-title{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;letter-spacing:var(--tracking-lg);text-transform:uppercase;color:var(--ink)}.s-observe-embed-empty-detail{max-width:320px;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--dim);word-break:break-word}.s-observe-main{grid-column:1;grid-row:1;position:relative;overflow-y:auto;overflow-y:overlay;padding:var(--space-4xl) var(--space-4xl) var(--space-6xl);scrollbar-width:thin;scrollbar-color:transparent transparent}.s-observe-main:hover{scrollbar-color:color-mix(in srgb,var(--ink) 12%,transparent) transparent}.s-observe-evidence-banner,.s-observe-evidence-card{display:flex;align-items:flex-start;gap:var(--space-sm);border:1px solid color-mix(in srgb,var(--border) 84%,transparent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 72%,var(--bg));color:var(--muted)}.s-observe-evidence-banner{max-width:min(790px,calc(100% - 68px));margin:calc(-1 * var(--space-lg)) 0 var(--space-xl) 68px;padding:var(--space-md) var(--space-lg);align-items:center}.s-observe-presentation-toggle{display:inline-flex;flex:none;margin-left:auto;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface) 56%,transparent);overflow:hidden}.s-observe-presentation-toggle-btn{appearance:none;margin:0;padding:4px 9px;border:0;background:transparent;color:var(--dim);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:var(--tracking-xs);line-height:1.2;cursor:pointer}.s-observe-presentation-toggle-btn+.s-observe-presentation-toggle-btn{border-left:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.s-observe-presentation-toggle-btn[aria-pressed=true]{color:var(--ink);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.s-observe-presentation-toggle-btn:hover{color:var(--ink)}.s-observe-presentation-toggle-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.s-observe-evidence-card{padding:var(--space-md)}.s-observe-evidence-banner>span:last-child,.s-observe-evidence-card>span:last-child{display:flex;flex-direction:column;gap:var(--space-3xs);min-width:0}.s-observe-evidence-banner strong,.s-observe-evidence-card strong{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--ink)}.s-observe-evidence-banner small,.s-observe-evidence-card small{font-family:var(--font-mono);font-size:var(--text-2xs);line-height:var(--leading-normal);color:var(--dim)}.s-observe-evidence-dot{flex:none;width:7px;height:7px;margin-top:.34em;border-radius:50%;background:var(--dim)}[data-tone=live]>.s-observe-evidence-dot{background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 12%,transparent)}[data-tone=recorded]>.s-observe-evidence-dot{background:var(--accent)}.s-observe-receipt-view{max-width:min(790px,calc(100% - 68px));margin-left:68px;padding:var(--space-xl);border:1px solid color-mix(in srgb,var(--border) 78%,transparent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 54%,var(--bg));color:var(--dim)}.s-observe-receipt-view-copy{display:flex;flex-direction:column;gap:var(--space-3xs);font-family:var(--font-mono)}.s-observe-receipt-view-copy strong{color:var(--muted);font-size:var(--text-sm);font-weight:600}.s-observe-receipt-view-copy span{font-size:var(--text-xs);line-height:var(--leading-normal)}.s-observe-receipt-list{display:flex;flex-direction:column;gap:var(--space-sm);margin:var(--space-xl) 0 0;padding:var(--space-lg) 0 0;border-top:1px solid color-mix(in srgb,var(--border) 68%,transparent);list-style:none}.s-observe-receipt{display:flex;flex-direction:column;gap:var(--space-3xs);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-normal);color:color-mix(in srgb,var(--muted) 78%,var(--dim))}.s-observe-receipt small{color:color-mix(in srgb,var(--dim) 78%,transparent);font-size:var(--text-2xs)}.s-observe--lane .s-observe-receipt-view{max-width:100%;margin:var(--space-md) 0}[data-tone=unavailable]>.s-observe-evidence-dot{background:var(--amber)}.s-observe-source{display:inline-flex;align-items:center;max-width:min(100%,860px);gap:var(--space-sm);margin:-4px 0 var(--space-lg) 68px;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-tight)}.s-observe-source-label{color:var(--dim);letter-spacing:var(--tracking-lg);text-transform:uppercase}.s-observe-source-link{min-width:0;max-width:min(520px,60vw);padding:0;border:0;background:transparent;color:var(--green);cursor:pointer;font:inherit;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.s-observe-source-link:hover{color:var(--ink);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--green) 60%,transparent);text-underline-offset:3px}.s-observe-stream{position:relative;padding-left:68px;max-width:860px;-webkit-user-select:text;user-select:text}.s-observe-block{position:relative}.s-observe-block--inline{padding-right:32px}.s-observe-copy-btn{position:absolute;top:4px;right:4px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--bg) 85%,transparent);color:var(--muted);cursor:pointer;opacity:0;transition:opacity .12s,color .12s,border-color .12s,background .12s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.s-observe-block:hover .s-observe-copy-btn,.s-observe-copy-btn:focus-visible{opacity:1}.s-observe-copy-btn:hover{color:var(--ink);border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:color-mix(in srgb,var(--bg) 95%,transparent)}.s-observe-copy-btn--copied{opacity:1;color:var(--green);border-color:color-mix(in srgb,var(--green) 50%,var(--border));background:color-mix(in srgb,var(--green) 8%,var(--bg))}.s-observe-copy-btn--inline{position:static;width:18px;height:18px;flex-shrink:0}.s-observe-spine{position:absolute;left:56px;top:0;bottom:0;width:1px;background:var(--border)}.s-observe-row{position:relative;padding-bottom:var(--space-3xl)}.s-observe--conversation .s-observe-main{padding:var(--space-3xl) var(--space-3xl) var(--space-5xl)}.s-observe--conversation .s-observe-evidence-banner{max-width:min(720px,100%);margin:0 auto var(--space-xl) 0}.s-observe--conversation .s-observe-source{max-width:min(720px,100%);margin:0 auto var(--space-lg) 0}.s-observe--conversation .s-observe-stream{display:flex;flex-direction:column;gap:var(--space-lg);max-width:min(720px,100%);margin:0 auto 0 0;padding-left:0}.s-observe--conversation .s-observe-spine,.s-observe--conversation .s-observe-row-time,.s-observe--conversation .s-observe-row-bead,.s-observe--conversation .s-observe-row-gap,.s-observe--conversation .s-observe-copy-btn{display:none}.s-observe--conversation .s-observe-row{padding-bottom:0}.s-observe--conversation .s-observe-row--kind-ask{align-self:flex-end;width:auto;max-width:min(72%,520px)}.s-observe--conversation .s-observe-ask--conversation{padding:var(--space-md) var(--space-xl);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:var(--radius-2xl);background:color-mix(in srgb,var(--accent) 8%,var(--surface));box-shadow:none}.s-observe--conversation .s-observe-ask--conversation .s-observe-ask-head{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.s-observe--conversation .s-observe-ask--conversation .s-observe-ask-avatar{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;border-radius:50%;color:var(--bg);font-size:var(--text-2xs);font-weight:700}.s-observe--conversation .s-observe-ask--conversation .s-observe-ask-author{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:650;color:var(--ink)}.s-observe--conversation .s-observe-ask--conversation .s-observe-ask-time{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--dim)}.s-observe--conversation .s-observe-ask--conversation .s-observe-ask-title{margin-bottom:0;font-size:var(--text-md);font-weight:500;line-height:1.5}.s-observe--conversation .s-observe-ask--conversation .s-observe-ask-text{margin-top:var(--space-xs);font-size:var(--text-md)}.s-observe--conversation .s-observe-message--conversation{padding:var(--space-sm) 0}.s-observe--conversation .s-observe-message--conversation .s-observe-message-label{margin-bottom:var(--space-xs);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:650;letter-spacing:0;text-transform:none;color:var(--muted)}.s-observe--conversation .s-observe-message--conversation .s-observe-message-text{font-size:var(--text-lg);line-height:var(--leading-normal)}.s-observe--conversation .s-observe-row--tech-summary,.s-observe--conversation .s-observe-row--kind-note,.s-observe--conversation .s-observe-row--kind-system,.s-observe--conversation .s-observe-row--kind-boot,.s-observe--conversation .s-observe-row--kind-tool,.s-observe--conversation .s-observe-row--kind-think{align-self:stretch}.s-observe--conversation .s-observe-tech-summary{display:inline-flex;align-items:baseline;gap:var(--space-sm);max-width:100%;padding:4px 10px;border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface) 44%,transparent);color:var(--dim);font-family:var(--font-mono);font-size:var(--text-2xs)}.s-observe--conversation .s-observe-tech-summary--toggle{appearance:none;cursor:pointer;color:inherit;font:inherit;text-align:left}.s-observe--conversation .s-observe-tech-summary.s-observe-block--inline{padding-right:10px}.s-observe--conversation .s-observe-tech-summary--toggle:hover,.s-observe--conversation .s-observe-tech-summary--toggle.is-expanded{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 16%,transparent)}.s-observe--conversation .s-observe-tech-rollup-details{margin-top:var(--space-sm);padding-left:var(--space-lg);border-left:1px solid color-mix(in srgb,var(--ink) 8%,transparent)}.s-observe-row-gap{position:absolute;left:-42px;top:0;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--dim);letter-spacing:var(--tracking-sm);opacity:.6}.s-observe-row-time{position:absolute;left:-68px;top:2px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--dim);letter-spacing:var(--tracking-sm)}.s-observe-row-bead{position:absolute;left:-14px;top:6px;width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 3px var(--bg)}.s-observe-reasoning{min-width:0;max-width:100%}.s-observe-reasoning-header{display:flex;width:100%;min-width:0;min-height:26px;align-items:center;gap:var(--space-sm);padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--dim);font:inherit;text-align:left}.s-observe-reasoning-header--button{cursor:pointer}.s-observe-reasoning-header--button:hover{color:var(--ink)}.s-observe-reasoning-header--button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.s-observe-reasoning-state{display:inline-flex;flex:none;align-items:center;gap:var(--space-xs);color:currentColor;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;letter-spacing:var(--tracking-md);text-transform:uppercase}.s-observe-reasoning-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.s-observe-reasoning--live .s-observe-reasoning-state{color:color-mix(in srgb,var(--accent) 66%,var(--dim))}.s-observe-reasoning--live .s-observe-reasoning-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.s-observe-reasoning-preview{min-width:0;flex:1;overflow:hidden;color:color-mix(in srgb,var(--ink) 56%,var(--muted));font-size:var(--text-lg);line-height:var(--leading-normal);text-overflow:ellipsis;white-space:nowrap}.s-observe-reasoning-chevron{flex:none;margin-left:auto;transition:transform .15s cubic-bezier(.2,.7,.2,1)}.s-observe-reasoning--open .s-observe-reasoning-chevron{transform:rotate(180deg)}.s-observe-reasoning-body{display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;transition:grid-template-rows .22s cubic-bezier(.2,.7,.2,1),opacity .15s cubic-bezier(.2,.7,.2,1)}.s-observe-reasoning--open .s-observe-reasoning-body{grid-template-rows:1fr;opacity:1}.s-observe-reasoning-body-clip{min-height:0;overflow:hidden}.s-observe-reasoning-body-inner{display:flex;min-width:0;align-items:flex-end;gap:var(--space-sm);padding:var(--space-xs) 0 var(--space-sm) calc(6px + var(--space-sm))}.s-observe-reasoning-text{min-width:0;flex:1;color:color-mix(in srgb,var(--ink) 72%,var(--muted));font-family:var(--font-sans);font-size:var(--text-xl);font-weight:450;line-height:1.5;letter-spacing:-.012em;white-space:pre-wrap;word-break:break-word}.s-observe-reasoning-tools{flex:none;padding-bottom:var(--space-2xs)}.s-observe-reasoning-tools .s-observe-copy-btn{opacity:.72}.s-observe-stream-cursor{display:inline-block;width:2px;height:1.05em;margin-left:var(--space-2xs);background:var(--dim);transform-origin:center;vertical-align:-.16em}.s-observe-stream-cursor[data-receiving]{background:var(--accent)}.s-observe-message--streaming .s-observe-message-text{color:color-mix(in srgb,var(--ink) 90%,var(--muted))}.s-observe-reasoning--compact{padding:var(--space-2xs) 0 var(--space-xs)}.s-observe-reasoning--compact .s-observe-reasoning-header{min-height:22px}.s-observe-reasoning--compact .s-observe-reasoning-preview,.s-observe-reasoning--compact .s-observe-reasoning-text{font-size:var(--text-sm);line-height:1.45}.s-observe-reasoning--compact:not(.s-observe-reasoning--live) .s-observe-reasoning-body-inner{max-height:min(42vh,360px);overflow:auto}@media(prefers-reduced-motion:reduce){.s-observe-reasoning-body,.s-observe-reasoning-chevron{transition:none}}.s-observe-cursor{display:inline-block;width:7px;height:14px;background:var(--dim);margin-left:var(--space-2xs);vertical-align:-2px;animation:s-profile-blink 1s steps(1) infinite}.s-observe-tool{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.s-observe-tool-header{padding:var(--space-sm) var(--space-lg);display:flex;align-items:center;gap:var(--space-md);background:color-mix(in srgb,var(--bg) 50%,var(--surface));min-width:0}.s-observe-tool-header .s-observe-tool-cmd{flex:1;min-width:0}.s-observe-tool-header--has-body{border-bottom:1px solid var(--border)}.s-observe-tool-glyph{font-family:var(--font-mono);font-weight:600;color:var(--accent);font-size:var(--text-lg);width:14px;text-align:center}.s-observe-tool-cmd{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-xs);color:var(--ink)}.s-observe-tool-cmd-name{color:var(--dim)}.s-observe-tool-cmd-arg{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}.s-observe-tool-outcome{margin-left:var(--space-sm);font-size:var(--text-2xs);letter-spacing:var(--tracking-md);text-transform:uppercase}.s-observe-tool-outcome--success{color:var(--green)}.s-observe-tool-result{padding:var(--space-sm) var(--space-xl);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--dim)}.s-observe-tool-diff{padding:var(--space-sm) var(--space-xl);font-family:var(--font-mono);font-size:var(--text-sm)}.s-observe-tool-diff-stats{color:var(--dim);margin-bottom:var(--space-xs)}.s-observe-tool-diff-add{color:var(--green)}.s-observe-tool-diff-del{color:var(--red)}.s-observe-tool-diff-preview{margin:0;padding:var(--space-sm) var(--space-md);background:color-mix(in srgb,var(--bg) 70%,black);border-radius:var(--radius-sm);color:var(--ink);font-size:var(--text-sm);line-height:var(--leading-normal);white-space:pre-wrap;font-family:var(--font-mono)}.s-observe-diff-line--add{color:var(--green)}.s-observe-diff-line--del{color:var(--red)}.s-observe-diff-line--hunk{color:var(--dim)}.s-observe-tool-stream{margin:0;padding:var(--space-sm) var(--space-xl);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--muted);line-height:var(--leading-normal);white-space:pre-wrap}.s-observe-ask{border:1px solid color-mix(in srgb,var(--ink) 12%,var(--border));border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--ink) 4%,transparent),transparent 56%),color-mix(in srgb,var(--surface) 78%,var(--bg));box-shadow:inset 0 1px color-mix(in srgb,var(--ink) 5%,transparent);padding:var(--space-lg) var(--space-xl)}.s-observe-ask-label{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 58%,var(--dim));margin-bottom:var(--space-sm)}.s-observe-ask-label:before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:currentColor;opacity:.8}.s-observe-ask-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-sm)}.s-observe-ask-tag{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:2px 8px;border:1px solid color-mix(in srgb,var(--ink) 13%,transparent);border-radius:999px;background:color-mix(in srgb,var(--ink) 4%,transparent);font-family:var(--font-sans);font-size:var(--text-2xs);line-height:1.5;color:color-mix(in srgb,var(--dim) 84%,var(--muted))}.s-observe-ask-tag svg{flex:none;opacity:.7}.s-observe-ask-tag-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-observe-ask-tag-detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);color:color-mix(in srgb,var(--ink) 62%,var(--dim))}.s-observe-ask-tag-detail:before{content:"·";margin-right:5px;opacity:.6}.s-observe-ask-title{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:620;line-height:1.42;color:color-mix(in srgb,var(--ink) 94%,var(--muted));margin-bottom:var(--space-sm)}.s-observe-ask-text{font-family:var(--font-sans);font-size:var(--text-md);line-height:1.58;color:color-mix(in srgb,var(--ink) 82%,var(--muted))}.s-observe-ask-answer{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px dashed var(--border);display:flex;gap:var(--space-md);align-items:flex-start}.s-observe-ask-answer-meta{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--dim);flex-shrink:0}.s-observe-ask-answer-text{font-size:var(--text-lg);color:var(--muted);line-height:var(--leading-snug);flex:1}.s-observe-message-label{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-lg);text-transform:uppercase;color:var(--dim);margin-bottom:var(--space-2xs)}.s-observe-message-text{font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--ink)}.s-observe-note{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-2xs) var(--space-md);background:color-mix(in srgb,var(--green) 8%,transparent);border-radius:var(--radius-2xl)}.s-observe-note-icon{color:var(--green);font-size:var(--text-sm)}.s-observe-note-text{font-size:var(--text-md);color:var(--muted)}.s-observe-system{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--dim);letter-spacing:var(--tracking-sm)}.s-observe-system-line{display:inline}.s-observe-system-text{color:inherit}.s-observe-system-arrow{color:color-mix(in srgb,var(--dim) 60%,transparent)}.s-observe-system-detail{margin-top:var(--space-2xs);color:var(--muted);font-style:italic}.s-observe-live-sticky{position:sticky;top:10px;z-index:5;display:flex;justify-content:flex-end;pointer-events:none;margin:-2px -10px var(--space-sm) 0;padding:0}.s-observe-follow-btn{pointer-events:auto;display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-md) var(--space-2xs) var(--space-sm);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background:color-mix(in srgb,var(--bg) 80%,transparent);color:var(--muted);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-sm);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .15s,border-color .15s,background .15s}.s-observe-follow-btn:hover{color:var(--ink);border-color:color-mix(in srgb,var(--border) 100%,transparent);background:color-mix(in srgb,var(--bg) 92%,transparent)}.s-observe-follow-btn--on{color:var(--green);border-color:color-mix(in srgb,var(--green) 35%,var(--border));background:color-mix(in srgb,var(--green) 6%,var(--bg))}.s-observe-follow-btn--on:hover{color:var(--green);border-color:color-mix(in srgb,var(--green) 50%,var(--border));background:color-mix(in srgb,var(--green) 10%,var(--bg))}.s-observe-rail{grid-column:2;grid-row:1;border-left:1px solid var(--border);overflow-y:auto;overflow-y:overlay;padding:var(--space-4xl) var(--space-3xl) var(--space-4xl);display:flex;flex-direction:column;gap:var(--space-4xl);scrollbar-width:thin;scrollbar-color:transparent transparent}.s-observe-rail--context{grid-column:auto;grid-row:auto;height:100%;min-height:0;border-left:0;padding:var(--space-3xl) var(--space-2xl) var(--space-4xl);background:color-mix(in srgb,var(--bg) 96%,black)}.s-observe-rail:hover{scrollbar-color:color-mix(in srgb,var(--ink) 12%,transparent) transparent}.s-observe-rail-label{display:flex;align-items:baseline;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-sm);font-variant:small-caps;font-weight:500;letter-spacing:var(--tracking-sm);text-transform:none;color:color-mix(in srgb,var(--muted) 62%,var(--dim));margin-bottom:var(--space-md)}.s-observe-ctx-detail{font-family:var(--font-mono);font-size:var(--text-xs);color:color-mix(in srgb,var(--dim) 86%,transparent);margin-top:var(--space-sm);line-height:var(--leading-normal)}.s-observe-empty{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-normal);color:color-mix(in srgb,var(--dim) 78%,transparent)}.s-observe-empty:before{content:"";flex-shrink:0;width:12px;height:1px;background:color-mix(in srgb,var(--dim) 45%,transparent)}.s-observe-detail-list{display:flex;flex-direction:column;gap:1px;border:1px solid color-mix(in srgb,var(--border) 88%,var(--surface));border-radius:var(--radius-lg);overflow:hidden;background:color-mix(in srgb,var(--surface) 90%,var(--bg));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:var(--space-md)}.s-observe-detail-row{display:grid;grid-template-columns:minmax(84px,108px) minmax(0,1fr);gap:var(--space-lg);align-items:start;padding:var(--space-md) var(--space-lg);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 2%,transparent),transparent 28%),color-mix(in srgb,var(--surface) 94%,transparent)}.s-observe-detail-value-wrap{display:flex;align-items:center;gap:var(--space-sm);min-width:0;justify-content:end}.s-observe-detail-value-wrap>.s-observe-detail-value,.s-observe-detail-value-wrap>.s-observe-detail-link{flex:1 1 auto;min-width:0}.s-observe-detail-value-wrap .s-observe-copy-btn--inline{opacity:0}.s-observe-detail-row:hover .s-observe-copy-btn--inline,.s-observe-detail-value-wrap .s-observe-copy-btn--inline:focus-visible,.s-observe-detail-value-wrap .s-observe-copy-btn--inline.s-observe-copy-btn--copied{opacity:1}.s-observe-detail-row+.s-observe-detail-row{border-top:1px solid color-mix(in srgb,var(--border) 82%,var(--surface))}.s-observe-detail-label{font-family:var(--font-mono);font-size:var(--text-2xs);font-variant:small-caps;letter-spacing:var(--tracking-sm);text-transform:none;line-height:var(--leading-snug);color:var(--dim)}.s-observe-detail-value{min-width:0;justify-self:end;text-align:right;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-observe-detail-value--wrap{overflow:visible;text-overflow:clip;white-space:normal;word-break:break-word}.s-observe-detail-link{border:0;background:transparent;cursor:pointer;padding:0}.s-observe-detail-link:hover{color:var(--green);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--green) 55%,transparent);text-underline-offset:3px}.s-observe-path-link-group{display:inline-flex;align-items:baseline;gap:var(--space-2xs)}.s-observe-path-link-external{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:0 var(--space-3xs);border-radius:var(--radius-sm);transition:color .15s ease,background .15s ease}.s-observe-path-link-external:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}.s-observe-detail-value--accent{color:var(--accent)}.s-observe-detail-value--good{color:var(--green)}.s-observe-detail-value--warn{color:var(--amber)}.s-observe-files{display:flex;flex-direction:column;gap:var(--space-2xs)}.s-observe-file{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md)}.s-observe-file--visible{background:var(--surface)}.s-observe-file--hidden{opacity:.35}.s-observe-file-glyph{width:14px;height:14px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-xs);flex-shrink:0}.s-observe-file-path{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--muted);flex:1;min-width:0;padding:0;border:0;background:transparent;cursor:pointer;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.s-observe-file-path:hover{color:var(--ink);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--green) 45%,transparent);text-underline-offset:3px}.s-observe-file-touches{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--dim)}.s-observe-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.s-observe-stats--usage{margin-bottom:var(--space-md)}.s-observe-stat{display:flex;flex-direction:column;gap:var(--space-3xs);padding:var(--space-md) var(--space-lg);border:1px solid color-mix(in srgb,var(--border) 88%,transparent);border-radius:var(--radius-lg);background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 5%,transparent),transparent 42%),color-mix(in srgb,var(--surface) 92%,var(--bg));box-shadow:inset 0 1px color-mix(in srgb,white 4%,transparent),0 6px 16px -20px color-mix(in srgb,black 70%,transparent)}.s-observe-stat--quiet{background:color-mix(in srgb,var(--surface) 42%,transparent);border-color:color-mix(in srgb,var(--border) 48%,transparent);box-shadow:none}.s-observe-stat-value{font-family:var(--font-accent-title);font-size:var(--text-4xl);font-variant-numeric:tabular-nums;letter-spacing:0;line-height:var(--leading-none);color:var(--ink)}.s-observe-stat--quiet .s-observe-stat-value{color:color-mix(in srgb,var(--dim) 70%,transparent)}.s-observe-stat-label{font-family:var(--font-mono);font-size:var(--text-2xs);font-variant:small-caps;letter-spacing:var(--tracking-sm);text-transform:none;color:var(--dim)}.s-observe-stat-detail{margin-top:var(--space-2xs);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--dim)}.s-observe-compose{width:100%;max-width:none;margin:0;padding:0}.s-observe-compose-shell{width:100%;border:1px solid color-mix(in srgb,var(--border) 72%,var(--surface));border-radius:var(--radius-xl);background:var(--surface);box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 2%,transparent);transition:border-color .15s ease,box-shadow .15s ease}.s-observe-compose-shell:focus-within{border-color:color-mix(in srgb,var(--accent) 32%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 6%,transparent)}.s-observe-compose-row{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,34px);grid-template-rows:minmax(74px,auto) 34px;align-items:end;column-gap:var(--space-sm);row-gap:var(--space-xs);min-width:0;padding:var(--space-sm)}.s-observe-compose-input{display:block;grid-column:1 / -1;grid-row:1;flex:1;width:100%;min-width:0;min-height:74px;max-height:180px;resize:none;overflow-y:auto;padding:var(--space-sm) var(--space-2xs) var(--space-sm) var(--space-md);border:0;border-radius:0;background:transparent;color:var(--ink);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);outline:none}.s-observe-compose-input:focus{box-shadow:none}.s-observe-compose-input::placeholder{color:var(--dim)}.s-observe-compose-input:disabled{cursor:not-allowed;opacity:.58}.s-observe-compose-tool{grid-column:2;grid-row:2;justify-self:end;width:34px;height:34px;border:1px solid color-mix(in srgb,var(--border) 82%,var(--surface));border-radius:50%;background:color-mix(in srgb,var(--bg) 65%,transparent);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;align-self:flex-end;transition:border-color .12s ease,color .12s ease,background .12s ease,transform .12s ease}.s-observe-compose-row .s-dictation-mic{grid-column:3;grid-row:2;justify-self:end}.s-observe-compose-tool:hover{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 28%,transparent);background:color-mix(in srgb,var(--ink) 6%,transparent)}.s-observe-compose-tool:disabled{cursor:default;opacity:.35}.s-observe-compose-send{grid-column:4;grid-row:2;justify-self:end;width:34px;height:34px;border:0;border-radius:50%;background:var(--ink);color:var(--bg);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;align-self:flex-end;transition:opacity .12s ease,transform .12s ease}.s-observe-compose-send:not(:disabled):hover{transform:scale(1.05)}.s-observe-compose-send:disabled{cursor:default;opacity:.25}.s-observe-compose-status{margin-top:var(--space-sm);color:var(--green);font-family:var(--font-mono);font-size:var(--text-xs)}.s-observe-compose-status--error{color:var(--red)}.s-observe-compose-status--muted{color:var(--dim)}.s-observe-scrubber{grid-column:1 / -1;grid-row:2;border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg) 80%,black);display:flex;flex-direction:column;align-items:stretch;gap:var(--space-sm);padding:var(--space-md) var(--space-3xl) var(--space-lg)}.s-observe-transport{display:flex;align-items:center;gap:var(--space-lg);width:100%}.s-observe-static-evidence{display:flex;align-items:center;gap:var(--space-sm);min-height:32px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted)}.s-observe-static-evidence .s-observe-evidence-dot{margin-top:0}.s-observe-static-evidence small{color:var(--dim)}.s-observe-transport[data-snap] .s-observe-track{background:color-mix(in srgb,var(--ink) 13%,transparent)}.s-observe-play-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--ink);cursor:pointer;font-size:var(--text-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;padding-left:var(--space-3xs);transition:border-color .12s ease,background .12s ease,color .12s ease,box-shadow .12s ease,transform .12s ease}.s-observe-play-btn:hover{border-color:var(--accent)}.s-observe-play-btn[data-state=tail]{border-color:color-mix(in srgb,var(--accent) 82%,var(--border));background:var(--accent);color:#000;box-shadow:inset 0 2px 4px #00000047,0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent);transform:translateY(1px)}.s-observe-play-btn[data-state=playing]{border-color:color-mix(in srgb,var(--accent) 72%,var(--border));background:color-mix(in srgb,var(--accent) 18%,var(--bg));color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 8%,transparent)}.s-observe-play-btn[data-state=paused]{background:color-mix(in srgb,var(--ink) 5%,var(--bg));color:color-mix(in srgb,var(--muted) 82%,var(--ink))}.s-observe-rewind-btn{padding:var(--space-2xs) var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--muted);cursor:pointer;font-size:var(--text-md);flex-shrink:0}.s-observe-rewind-btn:hover{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 30%,transparent)}.s-observe-track-wrap{flex:1;position:relative;height:54px;min-width:0}.s-observe-track-barsHead{position:absolute;left:0;right:0;top:0;display:flex;justify-content:space-between;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-md);text-transform:uppercase;color:color-mix(in srgb,var(--muted) 72%,var(--dim));pointer-events:none}.s-observe-track-bars{position:absolute;left:0;right:0;top:15px;height:20px;display:grid;grid-template-columns:repeat(48,minmax(1px,1fr));align-items:end;gap:2px;pointer-events:none}.s-observe-track-bar{min-height:0;border-radius:2px 2px 0 0;background:color-mix(in srgb,var(--accent) 42%,transparent);opacity:0}.s-observe-track-bar[data-active]{background:color-mix(in srgb,var(--accent) 68%,transparent)}.s-observe-track-bar[style]{opacity:1}.s-observe-track{position:absolute;left:0;right:0;top:39px;height:8px;background:color-mix(in srgb,var(--ink) 10%,transparent);border-radius:var(--radius-sm);cursor:pointer}.s-observe-track:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.s-observe-track-tick{position:absolute;width:1.5px;opacity:.7}.s-observe-track-played{position:absolute;left:0;top:0;bottom:0;background:var(--accent);border-radius:var(--radius-xs)}.s-observe-track-cursor{position:absolute;top:-4px;transform:translate(-50%);width:3px;height:16px;background:var(--accent);border-radius:var(--radius-xs)}.s-observe-speed-group{display:flex;gap:var(--space-2xs);flex-shrink:0}.s-observe-speed-btn{padding:var(--space-2xs) var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);cursor:pointer;background:transparent;color:var(--muted)}.s-observe-speed-btn--active{background:var(--accent);color:#000;border-color:var(--accent)}@media(max-width:1080px){.s-observe{grid-template-columns:1fr;grid-template-rows:1fr auto auto}.s-observe-rail{grid-column:1;grid-row:2;border-left:0;border-top:1px solid var(--border);padding:var(--space-3xl);gap:var(--space-3xl)}.s-observe-scrubber{grid-column:1;grid-row:3}.s-observe-compose{margin-left:0}.s-observe-transport{gap:var(--space-sm)}.s-observe-detail-row{grid-template-columns:1fr;gap:var(--space-xs)}.s-observe-detail-value{justify-self:start;text-align:left;white-space:normal}.s-observe-stats{grid-template-columns:1fr 1fr}}.s-observe-session-header{display:flex;flex-direction:column;gap:var(--space-sm)}.s-observe-session-active{display:flex;flex-direction:column;gap:var(--space-2xs)}.s-observe-session-row{display:flex;align-items:center;gap:var(--space-sm)}.s-observe-session-id{font-family:var(--mono);font-size:var(--text-sm);letter-spacing:var(--tracking-sm);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-sm)}.s-observe-session-time{font-size:var(--text-sm);color:var(--dim)}.s-observe-takeover-btn{margin-left:auto;font-family:var(--mono);font-size:var(--text-xs);letter-spacing:var(--tracking-md);text-transform:uppercase;color:var(--green);background:color-mix(in srgb,var(--green) 8%,transparent);border:1px solid color-mix(in srgb,var(--green) 20%,transparent);padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s}.s-observe-takeover-btn:hover{background:color-mix(in srgb,var(--green) 16%,transparent);border-color:color-mix(in srgb,var(--green) 35%,transparent)}.s-observe-pair-btn{margin-left:auto;font-family:var(--mono);font-size:var(--text-xs);letter-spacing:var(--tracking-md);text-transform:uppercase;color:var(--ink);background:transparent;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);padding:var(--space-2xs) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.s-observe-pair-btn+.s-observe-takeover-btn{margin-left:0}.s-observe-pair-btn:hover{color:var(--green);background:color-mix(in srgb,var(--green) 6%,transparent);border-color:color-mix(in srgb,var(--green) 25%,transparent)}.s-observe-session-history{display:flex;flex-direction:column;gap:var(--space-2xs);padding-top:var(--space-2xs);border-top:1px solid var(--border)}.s-observe-session-history-label{font-size:var(--text-xs);letter-spacing:var(--tracking-md);text-transform:uppercase;color:var(--dim);margin-bottom:var(--space-3xs)}.s-observe-session-past{display:flex;align-items:center;gap:var(--space-sm);opacity:.6}.s-observe-session-past .s-observe-session-id{color:var(--dim);background:color-mix(in srgb,var(--ink) 5%,transparent)}

package/dist/client/assets/SessionObserve-DXxBvejJ.js

@@ -0,0 +1,12 @@
+import{r as h,j as t}from"./index-EsrkGBcv.js";import{f as Ne}from"./bash-format-BRV5C6Gv.js";import{j as Ls,p as Ye,k as Es}from"./tail-display-DHSNmvor.js";import{l as Rs}from"./lane-edit-display-BjdT9oZl.js";import{f as Ps}from"./lane-tool-detail-Czggx8oM.js";import{useLaneToolHoverCard as Os}from"./LaneToolHoverCard-CJa110yk.js";import{e as As,L as Ie,g as Bs,h as Is,j as _e,o as _s,a as Fe,f as Fs,k as Ds,m as we,b as Xe,l as Ze}from"./lane-observe-CteDwdD-.js";import{b as Ws,c as zs}from"./lane-ask-display-BTVSakyo.js";import{a as Ms}from"./colors-CFlbwC25.js";import{a as Ce}from"./api-DSqpVKC7.js";import{r as Qe}from"./mentions-ByUvhS-v.js";import{a as Hs,g as es,t as Gs,b as qs,d as Us,n as De}from"./time-Dhsh_2EG.js";import{M as ss}from"./message-markup-Zwo3t4cI.js";import{q as Vs}from"./terminal-takeover-Ay5C2c-M.js";import{S as Ks}from"./SessionHopMenu-E6VJZrE0.js";import{x as We,y as Js,z as Ys}from"./NewChatComposer-C97-iTMK.js";import{u as Se}from"./Provider-C35yu29I.js";import{o as Xs}from"./openContent-C6XO6kr5.js";import{O as Zs}from"./ObservedTopologyPanel-CUTIoLZJ.js";import{M as Qs}from"./runtime-picker-DXu2bOTh.js";import"./index-724SdE6r.js";import{ObserveReasoningDisclosure as et,ObserveStreamCursor as ze}from"./ObserveTextFlow-PFnG_10h.js";import{SessionObserveReceiptView as st}from"./SessionObserveEvidence-Cuj_KHxR.js";import{M as tt}from"./message-circle-CxRVKNE-.js";import{W as nt}from"./wrench-DR0i5BU7.js";import{E as at}from"./external-link-CUObqmgX.js";import{C as ts}from"./chevron-up-CETZJzjV.js";import{C as ns}from"./chevron-down-l1mrh5S9.js";import{c as rt}from"./createLucideIcon-zZ8Hx7er.js";const ot=[["path",{d:"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",key:"vktsd0"}],["circle",{cx:"7.5",cy:"7.5",r:".5",fill:"currentColor",key:"kqv944"}]],lt=rt("tag",ot),Te=new Set(["bash","shell","terminal","exec","run","command","exec_command","shell_command","local_shell","container_exec","container.exec"]);function _(e){return(e??"").trim()}function V(e){return[e.kind,_(e.tool),_(e.arg),_(e.text),_(e.detail)].join("|")}function it(e){if(e.kind!=="tool"||!e.tool||e.result)return!1;const s=_(e.arg).toLowerCase();return s==="started"||s.length>0&&s!=="completed"}function ct(e){return e.kind!=="tool"||!e.tool?!1:_(e.arg).toLowerCase()==="completed"||!!e.result?.outcome}const as=/^permission requested · ([A-Za-z][\w-]*)$/i,rs=/^permission ([a-z_]+) · ([A-Za-z][\w-]*)$/i;function $e(e){return e.kind==="system"&&as.test(e.text.trim())}function Le(e){return e.kind==="system"&&rs.test(e.text.trim())}function fe(e){const s=e.text.trim(),n=s.match(as);if(n?.[1])return n[1];const a=s.match(rs);return a?.[2]?a[2]:null}function ua(e){const s=new Set;for(const n of e)if($e(n)){const a=fe(n);a&&s.add(a)}else if(Le(n)){const a=fe(n);a&&s.delete(a)}return s.size>0}function ut(e,s){const n=e.text.trim();return{...e,text:s>1?`${n}
+
+(${s} reasoning updates)`:n}}function dt(e,s){const n=s.tool??e.tool,a=s.result?.outcome,r=e.arg&&e.arg!=="started"&&e.arg!=="completed"?e.arg:s.arg&&s.arg!=="completed"?s.arg:void 0,o=s.stream?.join(`
+`)??"",l=r?o.trim()?`${n} · ${r} · ${o}`:a?`${n} · ${r} · ${a}`:`${n} · ${r}`:s.text.trim()||(a?`${n} completed · ${a}`:`${n} completed`);return{...s,tool:n,arg:r??"completed",text:l,stream:s.stream??e.stream,diff:s.diff??e.diff,detail:s.detail??e.detail,live:s.live??e.live}}function mt(e){if(e.kind!=="tool"||!e.tool)return!1;const s=_(e.tool).toLowerCase();if(!Te.has(s))return!1;const n=_(e.arg);return n.length>0&&n!=="started"&&n!=="completed"}function ht(e){if(e.kind!=="tool")return!1;const s=_(e.tool).toLowerCase();return s==="res"?!!(_(e.arg)||(e.stream?.length??0)>0):Te.has(s)?(e.stream?.length??0)>0:!1}function ft(e){return(e.stream?.length??0)>0?e.stream.join(`
+`):_(e.tool).toLowerCase()==="res"?e.arg??"":""}function bt(e,s){const n=ft(s),a=_(e.arg),r=e.tool??s.tool,o=n.trim()?`${r} · ${a} · ${n}`:e.text;return{...e,id:s.id,t:s.t,at:s.at,result:s.result??e.result,stream:n.trim()?[n]:s.stream??e.stream,diff:s.diff??e.diff,detail:s.detail??e.detail,text:o,live:s.live??e.live}}function Me(e){if(e.kind!=="tool"||e.diff||(e.stream?.length??0)>0)return!1;const s=(e.tool??"").trim(),n=(e.arg??"").trim();if(!s||n==="started"||n==="completed")return!1;const a=e.result?.outcome;if(a!=null&&a!=="success"&&a!==0||e.result&&Object.keys(e.result).length>1)return!1;const r=s.toLowerCase();if(Te.has(r)){if(!n||n.startsWith("{")||n.startsWith("["))return!1;const{dir:o,spans:l}=Ne(n);if(o)return!1;const c=l.filter(u=>u.tier==="prog");return c.length===1&&l.length===1&&c[0].text.length<=64}return n&&n!==s||/\s/u.test(s)?!1:s.length<=64}function pt(e){return Math.max(1,e.repeatCount)}function vt(e){const s=e.result?.outcome;if(s==null)return!1;if(typeof s=="number")return s!==0;const n=s.trim().toLowerCase();return n.length>0&&n!=="0"&&n!=="ok"&&n!=="success"&&n!=="succeeded"&&n!=="completed"}function xt(e){if(e.live||e.kind==="boot")return!0;if(e.kind==="tool")return!!e.diff||vt(e);if(e.kind==="note"){const s=e.text.trim().toLowerCase();return s==="turn started"||s==="turn complete"||s==="turn ended"||s==="[turn_started]"||s==="[turn_ended]"||/^turn \d+\b/u.test(s)}if(e.kind==="system"){const s=e.text.trim();return $e(e)||Le(e)||/\b(?:approval|permission|denied|failed|failure|error|exception|aborted|blocked)\b/i.test(s)}return!1}function gt(e){return e.kind==="ask"||e.kind==="message"?!1:!xt(e)}function le(e,s,n=`${s}s`){return`${e} ${e===1?s:n}`}function jt(e){const s={totalCount:0,toolCount:0,thinkCount:0,noteCount:0,systemCount:0};for(const a of e){const r=pt(a);switch(s.totalCount+=r,a.event.kind){case"tool":s.toolCount+=r;break;case"think":s.thinkCount+=r;break;case"note":s.noteCount+=r;break;case"system":case"boot":s.systemCount+=r;break}}const n=[s.toolCount>0?le(s.toolCount,"tool"):null,s.thinkCount>0?le(s.thinkCount,"reasoning update"):null,s.noteCount>0?le(s.noteCount,"turn marker"):null,s.systemCount>0?le(s.systemCount,"system event"):null].filter(a=>!!a);return{...s,labels:n}}function kt(e){return e.labels.length>0?e.labels.join(" · "):le(e.totalCount,"technical event")}function yt(e){const s=e[0].event,n=e[e.length-1].event,a=jt(e),r=kt(a);return{event:{...n,id:`technical-rollup:${s.id}:${n.id}:${a.totalCount}`,kind:"note",text:r,detail:r,tool:void 0,arg:void 0,diff:void 0,result:void 0,stream:void 0,answer:void 0,answerT:void 0,to:void 0,live:e.some(o=>o.event.live)},repeatCount:1,technicalSummary:a,technicalSourceRows:e}}function Nt(e){const s=[];let n=[];const a=()=>{n.length!==0&&(s.push(yt(n)),n=[])};for(const r of e){if(gt(r.event)){n.push(r);continue}a(),s.push(r)}return a(),s}function wt(e){const s=[];for(let n=0;n<e.length;n+=1){const a=e[n];if(!a)continue;const r=e[n+1];if(r&&$e(a)&&Le(r)&&_(fe(a)).toLowerCase()===_(fe(r)).toLowerCase()){const o={...r,live:r.live??a.live},l=V(o),c=s[s.length-1];c&&V(c.event)===l?(c.repeatCount+=1,c.event=o):s.push({event:o,repeatCount:1}),n+=1;continue}if(r&&it(a)&&ct(r)&&_(a.tool).toLowerCase()===_(r.tool).toLowerCase()){const o=dt(a,r),l=V(o),c=s[s.length-1];c&&V(c.event)===l?(c.repeatCount+=1,c.event=o):s.push({event:o,repeatCount:1}),n+=1;continue}if(r&&mt(a)&&ht(r)&&(a.stream?.length??0)===0){const o=bt(a,r),l=V(o),c=s[s.length-1];c&&V(c.event)===l?(c.repeatCount+=1,c.event=o):s.push({event:o,repeatCount:1}),n+=1;continue}if(a.kind==="think"){let o=a,l=1;for(;e[n+l]?.kind==="think";){const u=e[n+l];if(!u)break;o=u,l+=1}const c=ut(o,l);s.push({event:c,repeatCount:l}),n+=l-1;continue}if(a.kind!=="message"&&a.kind!=="ask"){const o=V(a),l=s[s.length-1];if(l&&V(l.event)===o){l.repeatCount+=1,l.event=a;continue}}s.push({event:a,repeatCount:1})}return s}function Ct(e){return e.source==="broker"||e.source==="unavailable"||!Number.isFinite(e.eventCount)?0:Math.max(0,Math.floor(e.eventCount))}function St(e){return e===0?"No trace events":`${e} event${e===1?"":"s"}`}function os(e){const s=Ct(e),n=St(s);return e.source==="unavailable"?{label:"Trace unavailable",detail:"The session is known to the broker, but no readable event trace was captured.",tone:"unavailable",replayable:!1,traceEventCount:0,eventCountLabel:n,receiptOnly:!1}:e.source==="broker"?{label:"Session setup receipts",detail:"The broker recorded session setup, but no observed trace activity is available.",tone:"reconstructed",replayable:!1,traceEventCount:0,eventCountLabel:n,receiptOnly:!0}:e.fidelity==="timestamped"&&e.source==="live"&&e.live&&s>0?{label:"Live observed events",detail:"New timestamped events will appear here while the session runs.",tone:"live",replayable:s>1,traceEventCount:s,eventCountLabel:n,receiptOnly:!1}:e.fidelity==="timestamped"&&s===0?{label:"Attached · no trace events",detail:"This worker is attached but is not emitting trace events.",tone:"reconstructed",replayable:!1,traceEventCount:0,eventCountLabel:n,receiptOnly:!1}:e.fidelity==="timestamped"?{label:"Recorded event history",detail:"This timeline is replayed from timestamped session history.",tone:"recorded",replayable:s>1,traceEventCount:s,eventCountLabel:n,receiptOnly:!1}:{label:"Reconstructed session evidence",detail:"Lifecycle and session attachment are available; fine-grained activity may be missing.",tone:"reconstructed",replayable:!1,traceEventCount:s,eventCountLabel:n,receiptOnly:!1}}async function Tt(e){await Ce("/api/local-path/reveal",{method:"POST",body:JSON.stringify({path:e.path,...e.basePath?{basePath:e.basePath}:{},...e.agentId?{agentId:e.agentId}:{},...e.sessionId?{sessionId:e.sessionId}:{}})})}const ls={think:"var(--dim)",tool:"var(--accent)",ask:"var(--amber)",message:"var(--muted)",note:"var(--green)",system:"var(--dim)",boot:"var(--dim)"},$t={read:"◎",edit:"✎",bash:"$",grep:"⌕",write:"✎",think:"∿"},Lt=20,is=new Intl.NumberFormat("en-US"),Et=new Intl.NumberFormat("en-US",{notation:"compact",maximumFractionDigits:1});function be(e){if(!Number.isFinite(e)||e<=0)return"0s";const s=Math.floor(e);if(s<60)return`${s}s`;if(s<3600)return`${Math.floor(s/60)}m`;const n=Math.floor(s/3600),a=Math.floor(s%3600/60);return a>0?`${n}h${a}m`:`${n}h`}function Rt(e){return es(e*1e3)||"0:00"}function Pt(e){return!Number.isFinite(e)||e<=0?"0s":be(e)}function pe(e,s){return _s(e,s)}function Ot(e,s,n,a=!1){const r=pe(e,s);return r!==null?a?{label:Fs(r,n),title:Fe(r)}:{label:Gs(r,n),title:Fe(r)}:a?{label:""}:{label:be(e.t)}}function At(e,s){const n=pe(e,s),a=Rt(e.t);return n!==null?{label:Us(n)||be(e.t),title:`${qs(n)} · elapsed ${a}`}:{label:be(e.t),title:`Elapsed ${a} from session start`}}function He(e,s){return e>=Math.max(0,s-Lt)}function re(e){return typeof e!="number"||!Number.isFinite(e)?null:is.format(e)}function K(e){return typeof e!="number"||!Number.isFinite(e)?"—":Math.abs(e)<1e3?is.format(e):Et.format(e).toLowerCase()}function Bt(e){if(!Number.isFinite(e)||e<=0)return"0s";if(e<60)return`${Math.round(e)}s`;const s=Math.round(e),n=Math.floor(s/3600),a=Math.floor(s%3600/60),r=s%60;return n>0?`${n}h ${a}m`:a>=10||r===0?`${a}m`:`${a}m ${r}s`}function Ge(e){return!!e&&Object.keys(e).length>0}function ge(e){return e.filter(s=>!!s)}function ye(e){const n=e.replace(/[\\/]+$/,"").split(/[\\/]/).filter(Boolean);return n[n.length-1]??e}function It(e){Tt(e).catch(s=>{console.warn("Failed to reveal local path",s)})}function J({text:e,label:s="Copy",className:n}){const[a,r]=h.useState(!1),o=h.useRef(null);h.useEffect(()=>()=>{o.current&&clearTimeout(o.current)},[]);const l=h.useCallback(c=>{c.preventDefault(),c.stopPropagation();const u=e,b=()=>{r(!0),o.current&&clearTimeout(o.current),o.current=setTimeout(()=>r(!1),1100)};navigator.clipboard?.writeText?navigator.clipboard.writeText(u).then(b).catch(()=>{qe(u),b()}):(qe(u),b())},[e]);return t.jsx("button",{type:"button",className:`s-observe-copy-btn${a?" s-observe-copy-btn--copied":""}${n?` ${n}`:""}`,onClick:l,"aria-label":s,title:a?"Copied":s,children:a?t.jsx("svg",{width:"11",height:"11",viewBox:"0 0 11 11",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:t.jsx("path",{d:"M2 5.5l2.4 2.4L9 3.4"})}):t.jsxs("svg",{width:"11",height:"11",viewBox:"0 0 11 11",fill:"none",stroke:"currentColor",strokeWidth:"1.2",strokeLinejoin:"round","aria-hidden":"true",children:[t.jsx("rect",{x:"3.4",y:"3.4",width:"6.1",height:"6.1",rx:"1.2"}),t.jsx("path",{d:"M7.6 3.4V2.2a.8.8 0 0 0-.8-.8H2.2a.8.8 0 0 0-.8.8v4.6a.8.8 0 0 0 .8.8h1.2"})]})})}function qe(e){try{const s=document.createElement("textarea");s.value=e,s.style.position="fixed",s.style.opacity="0",s.style.pointerEvents="none",document.body.appendChild(s),s.select(),document.execCommand("copy"),document.body.removeChild(s)}catch(s){console.warn("Clipboard copy failed",s)}}function _t(e){const s=[],n=[e.tool,e.arg].filter(Boolean).join(" ");return n&&s.push(n),e.result&&s.push(Object.entries(e.result).map(([a,r])=>`${a}: ${r}`).join(" · ")),e.diff&&(s.push(`+${e.diff.add}${e.diff.del>0?` -${e.diff.del}`:""}`),e.diff.preview&&s.push(e.diff.preview)),e.stream&&e.stream.length>0&&s.push(e.stream.join(`
+`)),s.join(`
+`)}function cs({expanded:e,onToggle:s,label:n}){const a=e?"less":n??"more";return t.jsxs("button",{type:"button",className:"s-observe-lane-expand",onClick:s,"aria-expanded":e,"aria-label":e?"Show less":"Show more",children:[e?t.jsx(ts,{size:11,strokeWidth:2,"aria-hidden":"true"}):t.jsx(ns,{size:11,strokeWidth:2,"aria-hidden":"true"}),t.jsx("span",{children:a})]})}function us({text:e,className:s,laneMode:n=!1,live:a=!1,renderExpanded:r,renderCollapsed:o}){const[l,c]=h.useState(!1),u=e.trim();if(!n)return t.jsxs("div",{className:s,children:[r?r(u):u,a&&t.jsx(ze,{text:u})]});const b=we(u),m=Xe(u),j=l?r?r(u):u:o?o(m):m;return t.jsx("div",{className:`s-observe-lane-expandable${l?" s-observe-lane-expandable--open":""}`,children:t.jsxs("div",{className:`${s} s-observe-lane-expandable-body`,children:[t.jsxs("span",{className:"s-observe-lane-expandable-text",children:[j,a&&t.jsx(ze,{text:u})]}),b&&t.jsx(cs,{expanded:l,onToggle:()=>c(f=>!f)})]})})}function Ft({event:e,laneMode:s=!1}){const n=e.text??"";return t.jsx(et,{text:n,live:!!e.live,compact:s,copyControl:s?void 0:t.jsx(J,{text:n,label:"Copy reasoning",className:"s-observe-copy-btn--inline"})})}function Dt({preview:e}){const s=e.split(`
+`);return t.jsx("pre",{className:"s-observe-tool-diff-preview",children:s.map((n,a)=>{const r=n[0],o=r==="+"?"add":r==="-"||r==="−"?"del":n.startsWith("@@")?"hunk":"ctx";return t.jsxs("span",{className:`s-observe-diff-line s-observe-diff-line--${o}`,children:[n,a<s.length-1?`
+`:null]},a)})})}function Wt(e){const s=(e??"").toLowerCase();return s==="shell"?"bash":s}function zt(e){const s=e.arg?.trim();if(!(!s||s==="started"||s==="completed"))return s}const Mt={bash:["bash","shell","terminal","exec","run","command","exec_command","shell_command","local_shell","container_exec","container.exec"],read:["read","view","cat","readfile","open","open_file"],file:["write","writefile","create","edit","multiedit","str_replace","strreplace","str_replace_editor","apply_patch","applypatch","patch","patch_apply","update","delete"],search:["grep","glob","search","rg","ripgrep","find","codebase_search","file_search"],fetch:["webfetch","web_fetch","fetch","websearch","web_search","browse","url"],agent:["agent","task","dispatch","subagent"],generic:[]},Ht={bash:"$",read:"◎",file:"✎",search:"⌕",fetch:"⤓",agent:"◇",generic:"▸"};function Gt(e){const s=(e??"").trim().toLowerCase();if(!s)return"generic";for(const n of["bash","read","file","search","fetch","agent"])if(Mt[n].includes(s))return n;return"generic"}function ds(e){return!e||e==="started"||e==="completed"}function qt(e){const s=e.trim().replace(/\/+$/u,""),n=s.lastIndexOf("/");return n<0?{dir:"",base:s}:{dir:s.slice(0,n+1),base:s.slice(n+1)}}function Ut(e,s=2){const n=e.split("/").filter(Boolean);return n.length===0?"":n.length<=s?`${n.join("/")}/`:`…/${n.slice(-s).join("/")}/`}function Vt(e){if(!e)return null;for(const s of["matches","count","results","hits"]){const n=e[s];if(typeof n=="number"&&Number.isFinite(n))return n;if(typeof n=="string"&&/^\d+$/u.test(n.trim()))return Number(n.trim())}return null}function Kt(e){try{const s=new URL(e);return{host:s.host,path:s.pathname+s.search}}catch{return{host:e,path:""}}}function Jt(e){return e.length>=3&&/^(?:ba|z)?sh$/u.test(e[0])&&/^-[a-z]*c$/u.test(e[1])?e.slice(2).join(" "):e.join(" ")}function oe(e,s){const n=e.trim();if(!n.startsWith("{")&&!n.startsWith("["))return null;try{const a=JSON.parse(n);if(a&&typeof a=="object"&&!Array.isArray(a)){const r=a;for(const o of s){const l=r[o];if(typeof l=="string"&&l.trim())return l;if(Array.isArray(l)&&l.every(c=>typeof c=="string"))return Jt(l)}}}catch{}for(const a of s){const r=n.match(new RegExp(`"${a}"\\s*:\\s*"((?:[^"\\\\]|\\\\.)*)`,"u"));if(r?.[1])try{return JSON.parse(`"${r[1]}"`)}catch{return r[1]}}return null}function ms(e){const s=e.match(/\*\*\*\s+(?:Update|Add|Delete|Move|Rename)\s+File:\s*(.+)/u);return s&&s[1].trim().split(/\s*(?:->|=>)\s*/u)[0]?.trim()||null}function hs(e,s){const n=s?.trim();if(!n)return"";switch(e){case"bash":return oe(n,["cmd","command","script","input","code"])??n;case"file":return n.includes("*** ")?ms(n)??n:oe(n,["file_path","path","filename","file"])??n;case"read":return oe(n,["file_path","path","filename","file"])??n;case"search":return oe(n,["pattern","query","glob","regex","q","search"])??n;case"fetch":return oe(n,["url","href","uri"])??n;default:return n}}function Ue({path:e,tone:s}){const n=Rs(e),{dir:a,base:r}=qt(n);return t.jsxs("span",{className:"s-observe-tool-path",title:e,children:[a&&t.jsx("span",{className:"s-observe-tool-path-dir",children:Ut(a)}),t.jsx("span",{className:`s-observe-tool-path-base s-observe-tool-path-base--${s}`,children:r})]})}function Yt({path:e}){const s=e.lastIndexOf("/"),n=s>=0?e.slice(0,s+1):"",a=s>=0?e.slice(s+1):e;return t.jsxs("span",{className:"s-observe-bash-dir",children:[n&&t.jsx("span",{className:"s-observe-bash-dir-prefix",children:n}),a]})}function Xt({command:e,title:s,outcome:n,outputPreview:a,cwd:r,powerline:o}){const{dir:l,spans:c}=Ne(e,{cwd:r,powerline:o});return t.jsxs("span",{className:"s-observe-bash",title:s??e,children:[l&&t.jsxs("span",{className:"s-observe-bash-pl",children:[t.jsx("span",{className:"s-observe-bash-seg",children:l}),t.jsx("span",{className:"s-observe-bash-sep","aria-hidden":!0})]}),t.jsx("span",{className:"s-observe-bash-prompt","aria-hidden":!0,children:"❯"}),c.length>0?t.jsx("span",{className:"s-observe-bash-cmd",children:c.map((u,b)=>{const m=b>0?" ":"";return u.tier==="dir"?t.jsxs("span",{children:[m,t.jsx(Yt,{path:u.text})]},b):t.jsxs("span",{className:`s-observe-bash-${u.tier}${u.known?" s-observe-bash-prog--known":""}${u.flag?" s-observe-bash-flag":""}`,children:[m,u.text]},b)})}):!l&&t.jsx("span",{className:"s-observe-bash-arg",children:"shell"}),a&&t.jsxs("span",{className:"s-observe-bash-out",title:a,children:[" → ",Ze(a,88)]}),n&&t.jsx("span",{className:"s-observe-bash-ok",children:n})]})}function Zt({family:e,event:s}){const n=hs(e,s.arg),a=n.startsWith("{")||n.startsWith("["),r=!!n&&!ds(n)&&!a;switch(e){case"read":return r?t.jsx(Ue,{path:n,tone:"read"}):t.jsx("span",{className:"s-observe-tool-cmd-name",children:"read"});case"file":{const o=r&&n!=="patch"?n:ms(s.detail??"")??"";return o?t.jsx(Ue,{path:o,tone:"file"}):t.jsx("span",{className:"s-observe-tool-cmd-name",children:s.tool??"edit"})}case"search":{if(!r)return t.jsx("span",{className:"s-observe-tool-cmd-name",children:"search"});const o=Vt(s.result);return t.jsxs(t.Fragment,{children:[t.jsxs("span",{className:"s-observe-tool-needle",children:[t.jsx("span",{className:"s-observe-tool-needle-q",children:'"'}),n,t.jsx("span",{className:"s-observe-tool-needle-q",children:'"'})]}),o!=null&&t.jsxs("span",{className:"s-observe-tool-count",children:["· ",o," ",o===1?"match":"matches"]})]})}case"fetch":{if(!r)return t.jsx("span",{className:"s-observe-tool-cmd-name",children:"fetch"});const{host:o,path:l}=Kt(n);return t.jsxs("span",{className:"s-observe-tool-url",title:n,children:[t.jsx("span",{className:"s-observe-tool-host",children:o}),l&&l!=="/"&&t.jsx("span",{className:"s-observe-tool-host-path",children:Ze(l,40)})]})}case"agent":return t.jsx("span",{className:"s-observe-tool-agent-name",children:r?n:s.tool??"agent"});default:return t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"s-observe-tool-cmd-name",children:s.tool}),r?t.jsxs(t.Fragment,{children:[" ",t.jsx("span",{className:"s-observe-tool-cmd-arg",children:n})]}):null]})}}function Qt({event:e,laneMode:s=!1,simple:n=!1,wallLabel:a,wallTitle:r}){const[o,l]=h.useState(!1),c=Gt(e.tool),u=s?Ht[c]:$t[Wt(e.tool)]??"▸",b=s&&c==="bash",m=b?hs("bash",e.arg):"",j=!!m&&!ds(m)&&!m.startsWith("{")&&!m.startsWith("["),f=b&&!n,i=j?Ne(m).spans.find(S=>S.tier==="prog")?.text??m:"",g=zt(e)??e.arg?.trim()??"",O=typeof e.result?.outcome=="string"?e.result.outcome.trim():typeof e.result?.outcome=="number"?String(e.result.outcome):void 0,A=s?void 0:e.stream?.[0]?.trim()||void 0,B=!!(O&&O!=="success"),I=!!(B||e.diff||e.stream),$=!s&&(I||we(g,120,2)),D=!$||o,W=!s&&$&&!o&&e.stream?Xe(e.stream.join(`
+`),180,2):null;return t.jsxs("div",{className:`s-observe-tool s-observe-block${s?` s-observe-tool--lane s-observe-tool--fam-${c}`:""}${s&&n?" s-observe-tool--simple":""}`,children:[t.jsxs("div",{className:`s-observe-tool-header${I&&!s?" s-observe-tool-header--has-body":""}`,children:[(!b||n)&&t.jsx("span",{className:"s-observe-tool-glyph",children:u}),t.jsxs("span",{className:"s-observe-tool-cmd",title:s&&!f?b&&j?m:`${e.tool??""} ${g}`.trim()||void 0:void 0,children:[f?t.jsx(Xt,{command:j?m:"",title:j?m:void 0,outputPreview:A}):b&&n?t.jsx("span",{className:"s-observe-tool-cmd-name",children:i||"shell"}):s?t.jsx(Zt,{family:c,event:e}):t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"s-observe-tool-cmd-name",children:e.tool}),g?t.jsxs(t.Fragment,{children:[" ",t.jsx("span",{className:"s-observe-tool-cmd-arg",children:g})]}):null]}),O==="success"&&t.jsx("span",{className:"s-observe-tool-outcome s-observe-tool-outcome--success",children:"ok"}),!s&&e.diff&&t.jsxs("span",{className:"s-observe-tool-diff-inline","aria-label":`${e.diff.add} additions, ${e.diff.del} deletions`,children:[t.jsxs("span",{className:"s-observe-tool-diff-add",children:["+",e.diff.add]}),t.jsxs("span",{className:"s-observe-tool-diff-del",children:["−",e.diff.del]})]})]}),$&&t.jsx(cs,{expanded:o,onToggle:()=>l(S=>!S),label:e.stream?"output":"details"})]}),W&&t.jsx("pre",{className:"s-observe-tool-stream-preview",children:W}),B&&(s||D)&&e.result&&t.jsx("div",{className:"s-observe-tool-result",children:Object.entries(e.result).map(([S,p])=>`${S}: ${p}`).join(" · ")}),!s&&e.diff&&D&&t.jsxs("div",{className:"s-observe-tool-diff",children:[t.jsxs("div",{className:"s-observe-tool-diff-stats",children:[t.jsxs("span",{className:"s-observe-tool-diff-add",children:["+",e.diff.add]}),e.diff.del>0&&t.jsxs(t.Fragment,{children:[" ",t.jsxs("span",{className:"s-observe-tool-diff-del",children:["−",e.diff.del]})]})]}),t.jsx(Dt,{preview:e.diff.preview})]}),!s&&e.stream&&D&&t.jsx("pre",{className:"s-observe-tool-stream",children:e.stream.join(`
+`)}),!s&&t.jsx(J,{text:_t(e),label:"Copy tool call"})]})}function en({event:e,laneMode:s=!1,conversationMode:n=!1,operatorName:a="you",wallLabel:r,wallTitle:o}){const l=Ws(e),c=l.preview===l.title?"":l.preview,u=s||n,b=(a.trim()[0]??"y").toUpperCase();return t.jsxs("div",{className:["s-observe-ask","s-observe-block",s&&"s-observe-ask--lane",n&&"s-observe-ask--conversation"].filter(Boolean).join(" "),children:[u?t.jsxs("div",{className:"s-observe-ask-head",children:[t.jsx("span",{className:"s-observe-ask-avatar",style:{background:Ms(a)},"aria-hidden":"true",children:b}),t.jsx("span",{className:"s-observe-ask-author",children:a}),r?t.jsx("span",{className:"s-observe-ask-time",title:o,children:r}):null]}):t.jsx("div",{className:"s-observe-ask-label",children:l.label}),l.contextTags.length>0&&t.jsx("div",{className:"s-observe-ask-tags","aria-label":"Attached context",children:l.contextTags.map(m=>t.jsxs("span",{className:"s-observe-ask-tag",title:m.raw,children:[t.jsx(lt,{size:10,strokeWidth:2,"aria-hidden":"true"}),t.jsx("span",{className:"s-observe-ask-tag-name",children:zs(m.name)}),m.detail?t.jsx("span",{className:"s-observe-ask-tag-detail",children:m.detail}):null]},m.name))}),t.jsx("div",{className:"s-observe-ask-title",children:l.title}),c?t.jsx(us,{text:c,className:"s-observe-ask-text",laneMode:s,live:e.live,renderCollapsed:m=>Qe(m),renderExpanded:m=>t.jsx(ss,{text:m})}):e.live?t.jsx("span",{className:"s-observe-cursor"}):null,l.answer&&(!s&&!n||we(l.answer.text))&&t.jsxs("div",{className:"s-observe-ask-answer",children:[t.jsxs("span",{className:"s-observe-ask-answer-meta",children:["↳ ",l.answer.label]}),t.jsx("div",{className:"s-observe-ask-answer-text",children:l.answer.text})]}),!s&&!n&&t.jsx(J,{text:l.copyText,label:"Copy request"})]})}function sn(e){const s=e.to?.trim();return s?s==="human"?"→ you":`→ ${s}`:null}function fs(e){return e.kind==="message"&&(e.text??"").trim().toLowerCase()==="[thinking]"}function tn({event:e,laneMode:s=!1,conversationMode:n=!1,assistantName:a}){const r=e.text??"",o=(s||n)&&fs(e),l=o?"Thinking...":r,c=o?"Agent thinking":n?a?.trim()||"Agent":sn(e);return t.jsxs("div",{className:["s-observe-block",s&&"s-observe-message--lane",n&&"s-observe-message--conversation",o&&"s-observe-message--thinking",e.live&&"s-observe-message--streaming"].filter(Boolean).join(" "),"aria-busy":e.live||void 0,children:[c?t.jsx("div",{className:"s-observe-message-label",children:c}):null,t.jsx(us,{text:l,className:"s-observe-message-text",laneMode:s||n,live:e.live,renderCollapsed:u=>Qe(u),renderExpanded:u=>t.jsx(ss,{text:u})}),!s&&!n&&t.jsx(J,{text:r,label:"Copy message"})]})}function nn({summary:e,expanded:s=!1,onToggle:n}){const a=e.totalCount===1?"technical event":"technical events",r=t.jsxs(t.Fragment,{children:[t.jsxs("span",{className:"s-observe-tech-summary-count",children:[e.totalCount," ",a]}),e.labels.length>0?t.jsx("span",{className:"s-observe-tech-summary-detail",children:e.labels.join(" · ")}):null,n?s?t.jsx(ts,{size:12,strokeWidth:1.8,className:"s-observe-tech-summary-chevron","aria-hidden":!0}):t.jsx(ns,{size:12,strokeWidth:1.8,className:"s-observe-tech-summary-chevron","aria-hidden":!0}):null]});return n?t.jsx("button",{type:"button",className:`s-observe-tech-summary s-observe-tech-summary--toggle s-observe-block s-observe-block--inline${s?" is-expanded":""}`,onClick:o=>{o.stopPropagation(),n()},"aria-expanded":s,"aria-label":s?`Collapse ${e.totalCount} ${a}`:`Expand ${e.totalCount} ${a}`,children:r}):t.jsx("div",{className:"s-observe-tech-summary s-observe-block s-observe-block--inline",children:r})}function an({presentation:e,onChange:s}){return t.jsxs("div",{className:"s-observe-presentation-toggle",role:"group","aria-label":"Session presentation",children:[t.jsx("button",{type:"button",className:"s-observe-presentation-toggle-btn","aria-pressed":e==="conversation",onClick:()=>s("conversation"),children:"Conversation"}),t.jsx("button",{type:"button",className:"s-observe-presentation-toggle-btn","aria-pressed":e==="timeline",onClick:()=>s("timeline"),children:"Trace"})]})}function rn({collapseTechnicalEvents:e,onChange:s}){if(!s)return null;const n=e?"Concise":"Details",a=e?"Show detailed trace events":"Show concise trace summaries",r=e?tt:nt;return t.jsxs("label",{className:`s-observe-lane-trace-mode${e?" s-observe-lane-trace-mode--concise":" s-observe-lane-trace-mode--details"}`,title:a,children:[t.jsx("input",{type:"checkbox",checked:e,onChange:o=>s(o.currentTarget.checked),"aria-label":a}),t.jsx(r,{size:12,strokeWidth:1.8,"aria-hidden":"true"}),t.jsx("span",{children:n})]})}function on(e,s){return e?.trim()?s?!/^[a-z0-9._-]+ · [a-z0-9._-]+$/i.test(e.trim()):!0:!1}const ln={turn_ended:"Turn complete",turn_started:"Turn started"};function cn(e){const s=e.trim(),a=s.match(/^\[(.+)\]$/)?.[1]??s;return ln[a]??a.replace(/_/g," ")}function un({turn:e,model:s}){return t.jsxs("div",{className:"s-observe-grok-turn s-observe-block s-observe-block--inline",children:[t.jsxs("span",{className:"s-observe-grok-turn-num",children:["turn ",e]}),s?t.jsx("span",{className:"s-observe-grok-turn-model",children:s}):null]})}function dn({tool:e,decision:s}){return t.jsxs("div",{className:"s-observe-grok-permission s-observe-block s-observe-block--inline",children:[t.jsx("span",{className:`s-observe-grok-permission-decision is-${s}`,children:s}),t.jsx("span",{className:"s-observe-grok-permission-tool",children:e})]})}function mn({phase:e}){return t.jsx("div",{className:"s-observe-grok-phase s-observe-block s-observe-block--inline",children:t.jsx("span",{className:"s-observe-grok-phase-label",children:Es(e)})})}function hn({event:e,laneMode:s=!1}){if(s){const n=Ye(e.text??"");return n?.kind==="turn"&&typeof n.turn=="number"?t.jsx(un,{turn:n.turn,model:n.model}):t.jsx("div",{className:"s-observe-note s-observe-block s-observe-block--inline s-observe-note--lane",children:t.jsx("span",{className:"s-observe-note-text",children:cn(e.text)})})}return t.jsxs("div",{className:"s-observe-note s-observe-block s-observe-block--inline",children:[t.jsx("span",{className:"s-observe-note-icon","aria-hidden":"true",children:"✓"}),t.jsx("span",{className:"s-observe-note-text",children:e.text}),t.jsx(J,{text:e.text??"",label:"Copy note"})]})}function fn({event:e,laneMode:s=!1}){const n=s?Ye(e.text??""):null;if(n?.kind==="permission"&&n.tool&&n.decision)return t.jsx(dn,{tool:n.tool,decision:n.decision});if(n?.kind==="phase"&&n.phase)return t.jsx(mn,{phase:n.phase});const a=on(e.detail,s),r=a&&e.detail?`${e.text}
+${e.detail}`:e.text??"";return t.jsxs("div",{className:`s-observe-system s-observe-block${s?" s-observe-system--lane":""}`,children:[t.jsxs("div",{className:"s-observe-system-line",children:[!s&&t.jsx("span",{className:"s-observe-system-arrow","aria-hidden":"true",children:"▸ "}),t.jsx("span",{className:"s-observe-system-text",children:e.text})]}),a&&e.detail&&t.jsx("div",{className:"s-observe-system-detail",children:e.detail}),t.jsx(J,{text:r,label:"Copy system event"})]})}const bn={think:"think",tool:"tool",ask:"ask",message:"message",note:"note",system:"system",boot:"boot"};function pn(e){const s=Ls(e);return s||(e.kind==="tool"?e.tool==="res"?"result":e.tool?.trim()||"tool":bn[e.kind]??e.kind)}function Ve(e){return!!e?.closest("button, a, input, textarea, select, [role='slider'], [contenteditable='true']")}function vn({event:e,prevT:s,prevWallMs:n,laneMode:a=!1,conversationMode:r=!1,entering:o=!1,repeatCount:l=1,sessionStartMs:c,nowMs:u=Date.now(),preferWallAge:b=!1,highlighted:m=!1,focusAnchor:j=!1,simpleTool:f=!1,stackedTool:i=!1,laneGutter:d="time",laneOperatorName:g,conversationAssistantName:O,onLaneEventSelect:A,laneToolHover:B,hoverPreviewActive:I=!1,technicalSummary:$,technicalExpanded:D=!1,onTechnicalToggle:W}){const L=e.t-s,S=$?"var(--dim)":ls[e.kind]??"var(--dim)",p=a||r?Ot(e,c,u,b):At(e,c),E=pe(e,c),M=b&&typeof n=="number"&&E!==null?Ds(E-n):null,x=!b&&L>15?`${Pt(L)} gap`:null,C=M??x,N=a&&!!A&&!$,T=["s-observe-row",`s-observe-row--kind-${e.kind}`,o?"s-observe-row--enter":"",N?"s-observe-row--selectable":"",m?"s-observe-row--highlighted":"",j?"s-observe-row--focus-anchor":"",f?"s-observe-row--tool-simple":"",i?"s-observe-row--tool-stacked":"",I?"s-observe-row--hover-preview":"",$?"s-observe-row--tech-summary":""].filter(Boolean).join(" "),k=t.jsxs(t.Fragment,{children:[C?t.jsx("div",{className:"s-observe-row-gap",children:C}):null,t.jsxs("div",{className:"s-observe-row-time",title:p.title,children:[d==="label-time"&&!i?t.jsx("span",{className:"s-observe-row-kind",children:pn(e)}):null,t.jsx("span",{className:"s-observe-row-clock",children:p.label}),l>1&&t.jsxs("span",{className:"s-observe-row-repeat",title:`${l} similar events merged`,children:["×",l]})]}),t.jsx("span",{className:"s-observe-row-bead",style:{background:S}}),$?t.jsx(nn,{summary:$,expanded:D,onToggle:W}):t.jsxs(t.Fragment,{children:[e.kind==="think"&&t.jsx(Ft,{event:e,laneMode:a}),e.kind==="tool"&&t.jsx(Qt,{event:e,laneMode:a,simple:f,wallLabel:f?p.label:void 0,wallTitle:f?p.title:void 0}),e.kind==="ask"&&t.jsx(en,{event:e,laneMode:a,conversationMode:r,operatorName:g??(r?"You":void 0),wallLabel:a||r?p.label:void 0,wallTitle:a||r?p.title:void 0}),e.kind==="message"&&t.jsx(tn,{event:e,laneMode:a,conversationMode:r,assistantName:O}),e.kind==="note"&&t.jsx(hn,{event:e,laneMode:a}),(e.kind==="system"||e.kind==="boot")&&t.jsx(fn,{event:e,laneMode:a})]})]}),R=a&&e.kind==="tool"&&B?B(e,{wallLabel:p.label,wallTitle:p.title,sessionOffset:Ps(e.t)}):null,y=R?t.jsx("div",{ref:R.ref,className:"s-observe-row-hover-target",onMouseEnter:R.onMouseEnter,onMouseLeave:R.onMouseLeave,onFocus:R.onFocus,onBlur:R.onBlur,children:k}):k;return t.jsx("div",{className:T,"data-event-id":e.id,onClick:N?v=>{Ve(v.target)||A?.(e)}:void 0,onKeyDown:N?v=>{v.key!=="Enter"&&v.key!==" "||Ve(v.target)||(v.preventDefault(),A?.(e))}:void 0,role:N?"button":void 0,tabIndex:N?0:void 0,"aria-label":N?e.kind==="tool"?"Open command detail at this step":"Open session detail at this step":void 0,children:y})}function xn(e,s){if(!e)return;const n=e.closest(".s-observe-main");if(n){const a=n.scrollHeight-n.clientHeight;n.scrollTo({top:a,left:n.scrollLeft,behavior:s});return}e.scrollIntoView({behavior:s,block:"end",inline:"nearest"})}function gn({events:e,followEnd:s,laneMode:n=!1,conversationMode:a=!1,sessionStartMs:r,nowMs:o=Date.now(),preferWallAge:l=!1,focusEventId:c,inlineFocusEventId:u,inlineFocusContent:b,onLaneEventSelect:m,laneGutter:j="time",richSimpleTools:f=!1,collapseTechnicalEvents:i=!1,laneOperatorName:d,conversationAssistantName:g}){const O=h.useRef(null),A=h.useRef(s),B=h.useRef(new Set),I=h.useRef(!1),[$,D]=h.useState(()=>new Set),[W,L]=h.useState(()=>new Set),S=h.useCallback(x=>{L(C=>{const N=new Set(C);return N.has(x)?N.delete(x):N.add(x),N})},[]);h.useEffect(()=>{i||L(new Set)},[i]);const p=h.useMemo(()=>{const x=n||a,C=x?wt(e):e.map(T=>({event:T,repeatCount:1}));if(!x)return C;const N=C.filter(T=>T.event.live||!fs(T.event));return i?Nt(N):N},[e,n,a,i]);h.useEffect(()=>{if(!n){I.current=!0;return}const x=B.current;if(!I.current){for(const k of p)x.add(k.event.id);I.current=!0;return}const C=[];for(const k of p)x.has(k.event.id)||(x.add(k.event.id),C.push(k.event.id));if(C.length===0)return;const N=new Set(C);D(N);const T=window.setTimeout(()=>{D(new Set)},380);return()=>window.clearTimeout(T)},[p,s,n]),h.useLayoutEffect(()=>{if(!s){A.current=!1;return}const x=!A.current;A.current=!0,xn(O.current,n||x?"instant":"smooth")},[p.length,s,n]);const E=Os(n),M=(x,C,N,T={})=>{const k=N?.event??null,R=k?pe(k,r):null,y=n&&!x.technicalSummary&&!f&&Me(x.event),v=y&&k!=null&&!N?.technicalSummary&&Me(k),q=!T.suppressInlineFocus&&u===x.event.id&&!!b,z=t.jsx(vn,{event:x.event,prevT:k?.t??0,prevWallMs:R,laneMode:n,conversationMode:a,simpleTool:y,stackedTool:v,laneGutter:j,entering:n&&$.has(x.event.id),repeatCount:x.repeatCount,sessionStartMs:r,nowMs:o,preferWallAge:l,highlighted:!n&&!a&&c===x.event.id,focusAnchor:q,laneOperatorName:d,conversationAssistantName:g,onLaneEventSelect:m,laneToolHover:n?E.bind:void 0,hoverPreviewActive:n&&E.hoveredEventId===x.event.id,technicalSummary:x.technicalSummary,technicalExpanded:T.technicalExpanded,onTechnicalToggle:T.onTechnicalToggle});return t.jsxs("div",{className:`s-observe-focus-group${q?" s-observe-focus-group--active":""}`,"data-focus-group":q?"true":void 0,children:[z,q?t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"s-observe-focus-connector","aria-hidden":!0}),t.jsx("div",{className:"s-observe-focus-detail",children:b})]}):null]},`${x.event.id}:${x.repeatCount}:${C}${T.keySuffix??""}`)};return t.jsxs("div",{className:"s-observe-stream",children:[!a&&t.jsx("div",{className:"s-observe-spine"}),p.map((x,C)=>{const N=C>0?p[C-1]:null,T=x.technicalSourceRows,k=!!(x.technicalSummary&&T&&T.length>0),R=k&&W.has(x.event.id);return k&&R?t.jsxs("div",{className:"s-observe-tech-rollup s-observe-tech-rollup--expanded",children:[M(x,C,N,{technicalExpanded:!0,onTechnicalToggle:()=>S(x.event.id),suppressInlineFocus:!0}),t.jsx("div",{className:"s-observe-tech-rollup-details",children:T.map((y,v)=>{const q=v>0?T[v-1]:null;return M(y,v,q,{keySuffix:`:rollup:${x.event.id}:detail`,suppressInlineFocus:!0})})})]},`${x.event.id}:${x.repeatCount}:${C}:rollup`):M(x,C,N,{onTechnicalToggle:k?()=>S(x.event.id):void 0})}),t.jsx("div",{ref:O}),E.card]})}function jn({data:e,cursor:s}){const r=e.length;if(r<2)return null;const o=276/(r-1),l=e.map((u,b)=>`${b===0?"M":"L"} ${(b*o).toFixed(1)} ${((1-u)*44).toFixed(1)}`).join(" "),c=s*276;return t.jsxs("svg",{viewBox:"0 0 276 44",style:{width:"100%",height:44,display:"block"},children:[t.jsx("defs",{children:t.jsxs("linearGradient",{id:"observeCtxFill",x1:"0",y1:"0",x2:"0",y2:"1",children:[t.jsx("stop",{offset:"0%",stopColor:"var(--accent)",stopOpacity:.25}),t.jsx("stop",{offset:"100%",stopColor:"var(--accent)",stopOpacity:0})]})}),t.jsx("path",{d:`${l} L 276 44 L 0 44 Z`,fill:"url(#observeCtxFill)"}),t.jsx("path",{d:l,fill:"none",stroke:"var(--accent)",strokeWidth:1.2}),t.jsx("line",{x1:c,y1:0,x2:c,y2:44,stroke:"var(--accent)",strokeWidth:1,opacity:.6,strokeDasharray:"2 3"})]})}function kn({state:e}){const s=e==="created"?"var(--green)":e==="modified"?"var(--accent)":"var(--dim)",n=e==="created"?"+":e==="modified"?"~":"◎";return t.jsx("span",{className:"s-observe-file-glyph",style:{background:"color-mix(in srgb, var(--bg) 70%, black)",border:`1px solid color-mix(in srgb, ${s} 40%, var(--border))`,color:s},children:n})}function U({label:e,value:s,detail:n}){const a=s==="0"||s==="—"||s==="";return t.jsxs("div",{className:`s-observe-stat${a?" s-observe-stat--quiet":""}`,children:[t.jsx("div",{className:"s-observe-stat-value",children:s}),t.jsx("div",{className:"s-observe-stat-label",children:e}),n&&t.jsx("div",{className:"s-observe-stat-detail",children:n})]})}function je({children:e="Not captured for this session"}){return t.jsx("div",{className:"s-observe-empty",children:e})}function Ee({path:e,basePath:s,agentId:n,sessionId:a,className:r,children:o}){const{openFilePreview:l}=Se(),c=e.startsWith("/")||e.startsWith("~/")?e:s?`${s.replace(/\/$/,"")}/${e}`:e;return t.jsxs("span",{className:"s-observe-path-link-group",children:[t.jsx("button",{type:"button",className:r,title:`Preview ${e} in Scout`,onClick:()=>l(c),children:o}),t.jsx("button",{type:"button",className:"s-observe-path-link-external",title:`Reveal ${e} in OS`,"aria-label":"Reveal in OS",onClick:()=>It({path:e,basePath:s,agentId:n,sessionId:a}),children:t.jsx(at,{size:11,strokeWidth:1.6})})]})}function yn({path:e,basePath:s,agentId:n,sessionId:a}){return t.jsxs("div",{className:"s-observe-source",children:[t.jsx("span",{className:"s-observe-source-label",children:"Source"}),t.jsx(Ee,{path:e,basePath:s,agentId:n,sessionId:a,className:"s-observe-source-link",children:ye(e)})]})}function ke({rows:e,agentId:s,sessionId:n}){return e.length===0?null:t.jsx("div",{className:"s-observe-detail-list",children:e.map(a=>{const r=`s-observe-detail-value s-observe-detail-value--${a.tone??"default"}${a.wrap?" s-observe-detail-value--wrap":""}`,o=a.display??a.value;return t.jsxs("div",{className:"s-observe-detail-row",children:[t.jsx("div",{className:"s-observe-detail-label",children:a.label}),t.jsxs("div",{className:"s-observe-detail-value-wrap",children:[a.actionPath?t.jsx(Ee,{path:a.actionPath,basePath:a.actionBasePath,agentId:s,sessionId:n,className:`${r} s-observe-detail-link`,children:o}):t.jsx("div",{className:r,title:a.title??(o!==a.value?a.value:void 0),children:o}),t.jsx(J,{text:a.actionPath??a.value,label:`Copy ${a.label.toLowerCase()}`,className:"s-observe-copy-btn--inline"})]})]},a.label)})})}function Nn({events:e,duration:s,cursor:n,onCursor:a,snapTimes:r=[]}){const o=h.useRef(null),l=h.useMemo(()=>Sn(e,s,48),[e,s]),c=l.some(f=>f.count>0),u=l.reduce((f,i)=>f+i.count,0),b=c?`${u} message turn anchors. Click the timeline or use arrow keys to snap between turns.`:"Session timeline",m=h.useCallback(f=>{const i=o.current.getBoundingClientRect(),d=f.clientX-i.left,g=Math.max(0,Math.min(s,d/i.width*s));a(Ke(g,s,r))},[s,a,r]),j=h.useCallback(f=>{if(s<=0)return;const i=s*.01,d=s*.05;let g=n;switch(f.key){case"ArrowLeft":g=r.length?Cn(n,r):n-(f.shiftKey?d:i);break;case"ArrowRight":g=r.length?ps(n,r,s):n+(f.shiftKey?d:i);break;case"PageDown":g=n-d;break;case"PageUp":g=n+d;break;case"Home":g=0;break;case"End":g=s;break;default:return}f.preventDefault(),a(r.length&&(f.key==="PageDown"||f.key==="PageUp")?Ke(g,s,r):Math.max(0,Math.min(s,g)))},[n,s,a,r]);return t.jsxs("div",{className:"s-observe-track-wrap",title:b,children:[c?t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"s-observe-track-barsHead","aria-hidden":!0,children:[t.jsx("span",{children:"Turns"}),t.jsx("span",{children:u})]}),t.jsx("div",{className:"s-observe-track-bars","aria-hidden":!0,children:l.map(f=>t.jsx("span",{className:"s-observe-track-bar","data-active":f.start<=n||void 0,style:{height:`${Tn(f.count,l)}%`}},f.index))})]}):null,t.jsxs("div",{ref:o,className:"s-observe-track",onClick:m,onKeyDown:j,role:"slider",tabIndex:s>0?0:-1,"aria-label":"Session timeline","aria-valuemin":0,"aria-valuemax":s,"aria-valuenow":Math.max(0,Math.min(s,n)),children:[e.map(f=>{const i=f.kind==="tool"?6:f.kind==="think"?4:5;return t.jsx("span",{className:"s-observe-track-tick",style:{left:`${s>0?f.t/s*100:0}%`,top:i===6?-2:-1,height:i,background:ls[f.kind]??"var(--dim)"}},f.id)}),t.jsx("div",{className:"s-observe-track-played",style:{width:`${s>0?n/s*100:0}%`}}),t.jsx("span",{className:"s-observe-track-cursor",style:{left:`${s>0?n/s*100:0}%`}})]})]})}function bs(e){return e.kind==="message"||e.kind==="ask"}function wn(e,s){const n=e.filter(bs).map(a=>Math.max(0,Math.min(s,a.t))).sort((a,r)=>a-r);return Array.from(new Set(n))}function Ke(e,s,n){const a=Math.max(0,Math.min(s,e));if(n.length===0)return a;let r=n[0],o=Math.abs(r-a);for(const l of n){const c=Math.abs(l-a);c<o&&(r=l,o=c)}return r}function ps(e,s,n){return s.find(r=>r>e+.01)??n}function Cn(e,s){for(let n=s.length-1;n>=0;n-=1){const a=s[n];if(a<e-.01)return a}return 0}function Sn(e,s,n){const a=Math.max(1,s),r=Array.from({length:n},(o,l)=>({index:l,count:0,start:l/n*a}));for(const o of e){if(!bs(o))continue;const l=Math.min(n-1,Math.max(0,Math.floor(o.t/a*n)));r[l].count+=1}return r}function Tn(e,s){if(e<=0)return 0;const n=Math.max(1,...s.map(a=>a.count));return Math.max(18,e/n*100)}function $n({events:e,duration:s,cursor:n,mode:a,speed:r,snapTimes:o,onCursor:l,onPlayToggle:c,onSpeedChange:u}){const b=a==="tail"?"Following latest":a==="playing"?"Pause replay":"Play turns";return t.jsxs("div",{className:"s-observe-transport","data-snap":o.length>0||void 0,"data-mode":a,children:[t.jsx("button",{type:"button",className:"s-observe-play-btn","data-state":a,onClick:c,"aria-pressed":a==="tail"||a==="playing","aria-label":b,title:b,children:a==="playing"?"❚❚":"▶"}),t.jsx("button",{type:"button",className:"s-observe-rewind-btn",onClick:()=>{l(0)},"aria-label":"Jump to start",title:"Jump to start",children:"⏮"}),t.jsx(Nn,{events:e,duration:s,cursor:n,onCursor:l,snapTimes:o}),t.jsx("div",{className:"s-observe-speed-group",children:[.5,1,2,4].map(m=>t.jsxs("button",{type:"button",className:`s-observe-speed-btn${r===m?" s-observe-speed-btn--active":""}`,onClick:()=>u(m),children:[m,"×"]},m))})]})}function Je(e){return Hs(e)||"unknown"}function Ln(e,s){const n=De(e),a=De(s);return n===null||a===null?"0:00":es(a-n)||"0:00"}function En({catalog:e,sessionId:s,agentId:n}){const{navigate:a,route:r}=Se(),[o,l]=h.useState(!1),c=e.sessions.find(d=>d.id===e.activeSessionId),u=e.sessions.filter(d=>d.id!==e.activeSessionId&&d.endedAt).sort((d,g)=>(g.endedAt??0)-(d.endedAt??0)).slice(0,5),b=e.activeSessionId??s,m=b?b.slice(0,8):null,j=!!(c?.canTakeover&&e.resumeCommand),f=h.useCallback(()=>{!j||!e.resumeCommand||(Vs({command:e.resumeCommand,cwd:e.resumeCwd,agentId:n}).then(()=>{Xs(a,{view:"terminal",agentId:n},{returnTo:r})}),l(!0))},[j,e.resumeCommand,e.resumeCwd,a,r,n]),i=h.useCallback(()=>{a({view:"agents-v2",agentId:n,tab:"message"})},[a,n]);return t.jsxs("div",{className:"s-observe-session-header",children:[t.jsx("div",{className:"s-observe-session-active",children:t.jsxs("div",{className:"s-observe-session-row",children:[m&&t.jsx("span",{className:"s-observe-session-id",title:b??void 0,children:m}),c&&t.jsxs("span",{className:"s-observe-session-time",children:["started ",Je(c.startedAt)]}),t.jsx("button",{className:"s-observe-pair-btn",onClick:i,title:"Send messages into the live session without taking the terminal",children:"Pair"}),j&&t.jsx("button",{className:"s-observe-takeover-btn",onClick:f,title:e.resumeCommand??void 0,children:o?"Sent":"Takeover"}),t.jsx(Ks,{className:"s-observe-takeover-btn",label:"Terminal ▾",hints:{agentId:n,sessionRefs:[b,s]},navigate:a,returnTo:r})]})}),u.length>0&&t.jsxs("div",{className:"s-observe-session-history",children:[t.jsxs("div",{className:"s-observe-session-history-label",children:[e.sessions.length," session",e.sessions.length!==1?"s":""," total"]}),u.map(d=>t.jsxs("div",{className:"s-observe-session-past",children:[t.jsx("span",{className:"s-observe-session-id",children:d.id.slice(0,8)}),t.jsxs("span",{className:"s-observe-session-time",children:[Je(d.startedAt),d.endedAt?` · ${Ln(d.startedAt,d.endedAt)}`:""]})]},d.id))]})]})}const vs={events:[{id:"observe:empty",t:0,kind:"system",text:"No session trace is available for this agent yet.",detail:"Waiting for a live session or readable history file."}],files:[],contextUsage:[],live:!1};function xs({data:e=vs,agentId:s,sessionId:n,cursor:a,duration:r,surface:o="embedded",observeSource:l,observeFidelity:c}){const{events:u,files:b}=e,[m,j]=h.useState(null);h.useEffect(()=>{if(!s)return;let v=!1;return Ce(`/api/agents/${encodeURIComponent(s)}/session-catalog`).then(q=>{v||j(q)}).catch(()=>{}),()=>{v=!0}},[s]);const f=e.metadata,i=f?.session,d=f?.usage,g=typeof r=="number"&&Number.isFinite(r)&&r>0?r:u.length>0?u[u.length-1].t+30:60,O=typeof a=="number"&&Number.isFinite(a)?a:g,A=u.filter(v=>v.kind==="tool").length,B=u.filter(v=>v.kind==="think").length,I=u.filter(v=>v.kind==="ask").length,$=u.filter(v=>v.kind==="tool"&&v.tool==="read").length,D=u.filter(v=>v.kind==="tool"&&(v.tool==="edit"||v.tool==="write")).length,W=u.length>0?u[u.length-1].t:0,L=typeof d?.contextInputTokens=="number"&&typeof d.contextWindowTokens=="number"&&d.contextWindowTokens>0?Math.max(0,Math.min(100,Math.round(d.contextInputTokens/d.contextWindowTokens*100))):null,S=[{label:"Context input",value:d?.contextInputTokens},{label:"Input",value:d?.inputTokens},{label:"Output",value:d?.outputTokens},{label:"Cache hit",value:d?.cacheReadInputTokens},{label:"Cache write",value:d?.cacheCreationInputTokens},{label:"Total",value:d?.totalTokens},{label:"Reasoning",value:d?.reasoningOutputTokens}].filter(v=>typeof v.value=="number"),p=ge([typeof d?.assistantMessages=="number"?{label:"Assistant msgs",value:re(d.assistantMessages)??"0",tone:"accent"}:null,typeof d?.webSearchRequests=="number"?{label:"Web search",value:re(d.webSearchRequests)??"0"}:null,typeof d?.webFetchRequests=="number"?{label:"Web fetch",value:re(d.webFetchRequests)??"0"}:null,d?.serviceTier?{label:"Service tier",value:d.serviceTier,tone:"good"}:null,d?.speed?{label:"Speed",value:d.speed}:null,d?.planType?{label:"Plan",value:d.planType}:null]),E=ge([typeof d?.contextWindowTokens=="number"?{label:"Model window",value:`${re(d.contextWindowTokens)} tokens`,title:re(d.contextWindowTokens)??void 0,tone:"accent"}:null,L!==null?{label:"Window load",value:`${L}%`,tone:L>=80?"warn":"default"}:null]),M=ge([i?.model?{label:"Model",value:i.model,tone:"accent"}:null,i?.adapterType?{label:"Adapter",value:i.adapterType}:null,i?.gitBranch?{label:"Branch",value:i.gitBranch}:null,i?.cwd?{label:"Workspace",value:i.cwd,display:ye(i.cwd),title:i.cwd,actionPath:i.cwd}:null,i?.entrypoint?{label:"Entrypoint",value:i.entrypoint}:null,i?.cliVersion?{label:"CLI",value:i.cliVersion}:null,i?.permissionMode?{label:"Permissions",value:i.permissionMode}:null,i?.approvalPolicy?{label:"Approval",value:i.approvalPolicy}:null,i?.sandbox?{label:"Sandbox",value:i.sandbox}:null,i?.userType?{label:"User type",value:i.userType}:null,i?.originator?{label:"Originator",value:i.originator}:null,i?.modelProvider?{label:"Provider",value:i.modelProvider}:null,i?.effort?{label:"Effort",value:i.effort}:null,i?.timezone?{label:"Timezone",value:i.timezone}:null,i?.externalSessionId?{label:"External session",value:i.externalSessionId,title:i.externalSessionId}:null,i?.threadId?{label:"Thread",value:i.threadId,title:i.threadId}:null,i?.threadPath?{label:"Thread path",value:i.threadPath,display:ye(i.threadPath),title:i.threadPath,actionPath:i.threadPath,actionBasePath:i.cwd??null}:null,i?.source?{label:"Runtime source",value:i.source}:null]),x=Ge(d),C=Ge(i),N=l??(e.live?"live":"history"),T=c??"timestamped",k=os({source:N,fidelity:T,live:e.live,eventCount:u.length}),R=T==="timestamped",y=k.traceEventCount>0;return t.jsxs("aside",{className:`s-observe-rail${o==="context"?" s-observe-rail--context":""}`,children:[t.jsxs("div",{children:[t.jsx("div",{className:"s-observe-rail-label",children:"Evidence"}),t.jsxs("div",{className:"s-observe-evidence-card","data-tone":k.tone,children:[t.jsx("span",{className:"s-observe-evidence-dot","aria-hidden":"true"}),t.jsxs("span",{children:[t.jsx("strong",{children:k.label}),t.jsx("small",{children:k.detail})]})]})]}),m&&m.sessions.length>0&&t.jsxs("div",{children:[t.jsx("div",{className:"s-observe-rail-label",children:"Session"}),t.jsx(En,{catalog:m,sessionId:n??null,agentId:s})]}),t.jsxs("div",{children:[t.jsx("div",{className:"s-observe-rail-label",children:"Trace stats"}),t.jsxs("div",{className:"s-observe-stats",children:[t.jsx(U,{label:"Turns",value:K(y?i?.turnCount:void 0)}),t.jsx(U,{label:"Tools",value:K(y?A:void 0)}),t.jsx(U,{label:"Thinks",value:K(y?B:void 0)}),t.jsx(U,{label:"Requests",value:K(y?I:void 0)}),t.jsx(U,{label:"Reads",value:K(y?$:void 0)}),t.jsx(U,{label:"Edits",value:K(y?D:void 0)}),t.jsx(U,{label:"Files",value:K(y?b.length:void 0)}),t.jsx(U,{label:"Window",value:R&&y?Bt(W):"—"})]})]}),t.jsxs("div",{children:[t.jsx("div",{className:"s-observe-rail-label",children:"Interacted agents"}),t.jsx(Zs,{topology:f?.topology??null,sessionId:n??f?.session?.externalSessionId??null,size:"rail",maxAgents:4})]}),t.jsxs("div",{children:[t.jsx("div",{className:"s-observe-rail-label",children:"Context window"}),t.jsx(ke,{rows:E,agentId:s??null,sessionId:n??null}),L!==null?t.jsxs(t.Fragment,{children:[t.jsx(jn,{data:[L/100,L/100],cursor:O/g}),t.jsx("div",{className:"s-observe-ctx-detail",children:"Meter uses latest context input divided by the model window."})]}):E.length===0?t.jsx(je,{}):t.jsx("div",{className:"s-observe-ctx-detail",children:"No derived load trace captured."})]}),t.jsxs("div",{children:[t.jsxs("div",{className:"s-observe-rail-label",children:["Files touched · ",b.length]}),t.jsx("div",{className:"s-observe-files",children:b.map(v=>t.jsxs("div",{className:`s-observe-file${v.lastT<=O?" s-observe-file--visible":" s-observe-file--hidden"}`,children:[t.jsx(kn,{state:v.state}),t.jsx(Ee,{path:v.path,basePath:i?.cwd??null,agentId:s??null,sessionId:n??null,className:"s-observe-file-path",children:v.path}),t.jsxs("span",{className:"s-observe-file-touches",children:["×",v.touches]})]},v.path))})]}),t.jsxs("div",{children:[t.jsx("div",{className:"s-observe-rail-label",children:"Usage"}),S.length>0&&t.jsx("div",{className:"s-observe-stats s-observe-stats--usage",children:S.map(v=>t.jsx(U,{label:v.label,value:K(v.value)},v.label))}),p.length>0?t.jsx(ke,{rows:p,agentId:s??null,sessionId:n??null}):!x&&S.length===0?t.jsx(je,{}):null]}),t.jsxs("div",{children:[t.jsx("div",{className:"s-observe-rail-label",children:"Metadata"}),M.length>0?t.jsx(ke,{rows:M,agentId:s??null,sessionId:n??null}):C?null:t.jsx(je,{})]})]})}function Rn({conversationId:e,agentId:s,sessionId:n,invoke:a}){const{navigate:r}=Se(),[o,l]=h.useState(""),[c,u]=h.useState(!1),[b,m]=h.useState(null),[j,f]=h.useState(null),[i,d]=h.useState(()=>e?.trim()||null),g=h.useRef(null);h.useEffect(()=>{d(e?.trim()||null)},[e]);const O=s?.trim()||null,A=n?.trim()||null,B=!!(O&&A),I=!!(a?.projectPath&&a?.sessionId),$=!!(i||B||I),D=$&&o.trim().length>0&&!c,W=async()=>{const L=o.trim();if(!(!L||c)){if(!i&&!B&&!I){f("No writable session target is attached yet.");return}u(!0),m(null),f(null);try{if(i)await Ce("/api/send",{method:"POST",body:JSON.stringify({body:L,conversationId:i,intent:"steer"})}),l(""),m("Sent into this session."),g.current?.focus();else if(B){const p=(await Js({agentId:O,sessionId:A,instructions:L})).conversationId?.trim();p&&d(p),l(""),m("Sent into this session."),g.current?.focus()}else{const p=(await Ys({projectPath:a.projectPath,sessionId:a.sessionId,...a.harness?{harness:a.harness}:{},...a.model?{model:a.model}:{},...a.reasoningEffort?{reasoningEffort:a.reasoningEffort}:{},instructions:L})).conversationId?.trim();l(""),p?(d(p),m("Session invoked — opening conversation."),r({view:"conversation",conversationId:p})):(m("Session invoked."),g.current?.focus())}}catch(S){f(S instanceof Error?S.message:String(S))}finally{u(!1)}}};return t.jsx("div",{className:"s-observe-compose",children:t.jsx(Qs,{renderWhenEmbedded:!0,density:"panel",value:o,onChange:l,onSend:()=>{W()},sending:c,disabled:!$||c,canSend:D,placeholder:$?!i&&!B&&I?"Message this session to invoke it…":"Write into this session…":"This trace is read-only",textareaRef:g,rows:3,showAttach:$,onAttach:()=>g.current?.focus(),attachTitle:"Add context",attachAriaLabel:"Add context",sendTitle:"Send into this session (Cmd+Enter)",sendAriaLabel:"Send into this session",tools:$?j?t.jsx("span",{className:"s-observe-compose-status s-observe-compose-status--error",children:j}):b?t.jsx("span",{className:"s-observe-compose-status",children:b}):null:t.jsx("span",{className:"s-observe-compose-status s-observe-compose-status--muted",children:"No broker conversation or resumable agent session is attached to this trace."})})})}function Pn({data:e,agentId:s,sessionId:n,conversationId:a,observeSource:r,observeFidelity:o,originLabel:l,defaultPresentation:c="timeline",showRail:u=!0,variant:b="default",traceLimit:m,traceWindowMs:j,traceWindowLabel:f,nowMs:i,initialCursorT:d,focusEventId:g,inlineFocusEventId:O,inlineFocusContent:A,onLaneEventSelect:B,surface:I="scout",laneGutter:$,richSimpleTools:D,laneCollapseTechnicalEvents:W,onLaneCollapseTechnicalEventsChange:L,laneOperatorName:S}){const p=b==="lane",E=I==="scope",M=$??(E?"label-time":"time"),x=D??E,C=u&&!E,[N,T]=h.useState(()=>p||E?"timeline":c),k=!p&&!E&&N==="conversation",R=e??vs,{events:y}=R,v=r??(R.live?"live":"history"),z=os({source:v,fidelity:o??"timestamped",live:R.live,eventCount:y.length}),Q=R.metadata?.session?.sessionStart,[gs,js]=h.useState(Date.now),ee=typeof i=="number"?i:gs;h.useEffect(()=>{if(!p||typeof i=="number")return;const w=setInterval(()=>js(Date.now()),1e4);return()=>clearInterval(w)},[p,i]);const P=y.length>0?y[y.length-1].t+30:60,se=typeof d=="number"?Math.max(0,Math.min(P,d)):null,[ie,ce]=h.useState(()=>se??P),[ve,Y]=h.useState(!1),[ue,ks]=h.useState(1),[xe,X]=h.useState(se==null),Re=h.useRef(P),Pe=h.useRef(null),te=h.useMemo(()=>wn(y,P),[y,P]);h.useEffect(()=>{se!=null&&(ce(se),X(!1),Y(!1))},[se,g]),h.useEffect(()=>{ce(w=>{const F=Re.current;Re.current=P;const H=He(w,F);return w>P||H&&xe?P:w})},[P,xe]),h.useEffect(()=>{if(!ve)return;const w=te.length>0?Math.max(220,700/ue):100,F=setInterval(()=>{ce(H=>{if(te.length>0){const he=ps(H,te,P);return he>=P?(X(!0),Y(!1),P):he}const me=H+ue;return me>=P?(X(!0),Y(!1),P):me})},w);return()=>clearInterval(F)},[ve,P,te,ue]);const ne=p&&!!(j&&j>0),ae=(()=>{let w=y.filter(F=>F.t<=ie);if(ne&&j){const F=As(w,Q,ee,j);w=F.length>=Ie?F:w.slice(-Ie)}else p&&m&&m>0&&(w=w.slice(-m));return w})(),Z=h.useMemo(()=>{if(!ne||!j)return null;const w=ae[0]?.id,F=w===void 0?Bs(y,Q,ee,j):Math.max(0,y.findIndex(H=>H.id===w));return Is(ae,Q,ee,j,F)},[y,ee,Q,j,ne,ae]);h.useLayoutEffect(()=>{if(p||!g)return;const w=Pe.current;if(!w)return;const F=w.querySelector('[data-focus-group="true"]')??w.querySelector(`[data-event-id="${g}"]`),H=F?.closest(".s-observe-main");if(F&&H){const me=H.getBoundingClientRect(),he=F.getBoundingClientRect(),$s=H.scrollTop+(he.top-me.top)-16;H.scrollTo({top:Math.max(0,$s),behavior:"instant"});return}F?.scrollIntoView({block:"start",behavior:"instant"})},[g,O,p,ae.length]);const de=He(ie,P)&&xe,ys=de?"tail":ve?"playing":"paused",Ns=h.useCallback(w=>{X(!1),Y(!1),ce(w)},[]),ws=h.useCallback(()=>{de?(X(!1),Y(!1)):(X(!1),Y(w=>!w))},[de]),G=R.metadata?.session,Oe=G?.threadPath??null,Cs=G?.model?.trim()||We(G?.adapterType)||"Agent",Ss=S??"You",Ae=n?.trim()||G?.externalSessionId?.trim()||null,Be=We(G?.adapterType),Ts=!s&&G?.cwd&&Ae&&Be?{projectPath:G.cwd,sessionId:Ae,harness:Be,model:G.model,reasoningEffort:G.effort}:null;return t.jsxs("div",{ref:Pe,className:["s-observe",(!C||p)&&"s-observe--content-only",p&&"s-observe--lane",p&&M==="label-time"&&"s-observe--lane-gutter-label",k&&"s-observe--conversation",E&&"s-observe--scope"].filter(Boolean).join(" "),children:[t.jsxs("main",{className:"s-observe-main",children:[!p&&!E&&t.jsxs("div",{className:"s-observe-evidence-banner","data-tone":z.tone,children:[t.jsx("span",{className:"s-observe-evidence-dot","aria-hidden":"true"}),t.jsxs("span",{children:[t.jsx("strong",{children:l??z.label}),t.jsx("small",{children:l?`${z.label}. ${z.detail}`:z.detail})]}),!z.receiptOnly&&t.jsx(an,{presentation:N,onChange:T})]}),Oe&&!p&&t.jsx(yn,{path:Oe,basePath:G?.cwd??null,agentId:s??null,sessionId:n??null}),!z.receiptOnly&&!E&&ne&&Z?t.jsxs("div",{className:"s-observe-lane-trace-meta",children:[t.jsxs("span",{className:"s-observe-lane-trace-meta-leading",children:[t.jsx("span",{className:"s-observe-lane-trace-meta-label",children:"Trace"}),t.jsx(rn,{collapseTechnicalEvents:!!W,onChange:L})]}),t.jsxs("span",{className:"s-observe-lane-trace-meta-stats",children:[t.jsxs("span",{className:"s-observe-lane-trace-meta-window",children:["last ",f??_e(j??0)]}),t.jsx("span",{className:"s-observe-lane-trace-meta-sep","aria-hidden":"true",children:"·"}),t.jsxs("span",{children:[Z.eventCount," event",Z.eventCount===1?"":"s"]}),Z.spanMs>0?t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"s-observe-lane-trace-meta-sep","aria-hidden":"true",children:"·"}),t.jsxs("span",{children:[_e(Z.spanMs)," span"]})]}):null,Z.truncatedBefore?t.jsx("span",{className:"s-observe-lane-trace-meta-tag",title:"Earlier activity in this window may not be loaded",children:"partial"}):null]})]}):null,z.receiptOnly?t.jsx(st,{events:y}):t.jsx(gn,{events:ae,followEnd:de,laneMode:p,conversationMode:k,sessionStartMs:Q,nowMs:ee,preferWallAge:ne,focusEventId:g,inlineFocusEventId:O,inlineFocusContent:A,onLaneEventSelect:B,laneGutter:M,richSimpleTools:x,collapseTechnicalEvents:k||p&&!!W,laneOperatorName:k?Ss:S,conversationAssistantName:Cs})]}),C&&!p&&t.jsx(xs,{data:R,agentId:s,sessionId:n,cursor:ie,duration:P,observeSource:r,observeFidelity:o}),!E&&!p&&t.jsxs("footer",{className:"s-observe-scrubber",children:[k?null:z.replayable?t.jsx($n,{events:y,duration:P,cursor:ie,mode:ys,speed:ue,snapTimes:te,onCursor:Ns,onPlayToggle:ws,onSpeedChange:ks}):t.jsxs("div",{className:"s-observe-static-evidence",children:[t.jsx("span",{className:"s-observe-evidence-dot","aria-hidden":"true"}),t.jsx("span",{children:z.label}),t.jsx("small",{children:"No timestamped replay is available."})]}),t.jsx(Rn,{conversationId:a,agentId:s,sessionId:n,invoke:Ts})]})]})}const da=Object.freeze(Object.defineProperty({__proto__:null,SessionObserve:Pn,SessionObserveContextRail:xs},Symbol.toStringTag,{value:"Module"}));export{Pn as S,xs as a,da as b,os as d,ua as h};

package/dist/client/assets/SessionObserveEvidence-Cuj_KHxR.js

@@ -0,0 +1 @@
+import{j as e}from"./index-EsrkGBcv.js";import{S as u}from"./SessionContextStrip-CXfs9hUD.js";import"./conversation-model-FxDeWlle.js";import"./agent-state-DDhnFEEP.js";import"./time-Dhsh_2EG.js";import"./conversations-DoAAO6kA.js";import"./HarnessMark-C4naWc16.js";function b(s){return s?s.length>18?`${s.slice(0,8)}...${s.slice(-6)}`:s:"no session"}const m="Native session",x="Scout-managed chat";function R(s){return s.kind==="broker"||s.source==="broker"?x:m}function A({session:s,observe:t,machineId:o,navigate:r}){const i=t.data?.metadata?.session,l=new Set([t.refId,t.sessionId].map(c=>c?.trim()).filter(c=>!!c)),n=!!(s&&(s.sessionId?.trim()&&l.has(s.sessionId.trim())||s.harnessSessionId?.trim()&&l.has(s.harnessSessionId.trim())))?s:null,a=i?.cwd?.trim()||n?.workspaceRoot?.trim()||null,p=a?a.split(/[\\/]/).filter(Boolean).at(-1)??a:null,h=i?.hostName?.trim()||n?.executionNodeName?.trim()||null,d=t.sessionId?.trim()||t.refId;return e.jsx(u,{title:n?.title?.trim()||p||d,harness:i?.adapterType?.trim()||n?.harness||null,model:i?.model?.trim()||n?.model?.trim()||null,hostName:h,workspaceRoot:a,sessionId:d,machineId:o,conversationId:s?.id?.trim()||null,showSessionAction:!1,navigate:r})}function E({source:s,fidelity:t,sessionId:o,evidence:r,originLabel:i=m}){return e.jsxs("div",{className:"s-observe-embed-status","data-tone":r.tone,children:[i?e.jsx("span",{className:"s-observe-embed-status-origin",children:i}):e.jsx("span",{className:"s-observe-embed-status-source",children:s}),e.jsx("span",{children:t}),e.jsx("span",{title:o??void 0,children:b(o)}),e.jsx("span",{children:r.eventCountLabel}),r.tone==="live"&&e.jsx("span",{className:"s-observe-embed-status-live",children:"Live"})]})}function _({events:s}){return e.jsxs("section",{className:"s-observe-receipt-view","aria-label":"Session setup receipts",children:[e.jsxs("div",{className:"s-observe-receipt-view-copy",children:[e.jsx("strong",{children:"No observed trace activity"}),e.jsx("span",{children:"These broker lifecycle records confirm setup only."})]}),s.length>0&&e.jsx("ul",{className:"s-observe-receipt-list",children:s.map(t=>e.jsxs("li",{className:"s-observe-receipt",children:[e.jsx("span",{children:t.text}),t.detail&&e.jsx("small",{children:t.detail})]},t.id))})]})}export{m as NATIVE_SESSION_ORIGIN_LABEL,x as SCOUT_MANAGED_CHAT_ORIGIN_LABEL,E as SessionObserveEmbedStatus,_ as SessionObserveReceiptView,A as SessionRefObserveHeader,R as sessionRefObserveOriginLabel};