@rho-workspace/rho 0.5.6 → 0.5.7

package/dist/web/assets/choices-D-YfnFP6.js

@@ -1 +0,0 @@
-import{r as e}from"./rolldown-runtime-XKyaHtl9.js";import{n as t,t as n}from"./react-Dss-ouuy.js";import{r}from"./markdown-0ngRuTpW.js";import{N as i}from"./canvas-D8rDdfDz.js";import{J as a,K as o,_t as s,mt as c,pt as l}from"./index-BpL_Kl_s.js";import{a as u,i as d,n as f,o as p,r as m,t as h}from"./notes-meaning-DcVGUBBY.js";var g=e(n(),1),_=(e,t)=>e.length>t?e.slice(0,t-1).trimEnd()+`…`:e;function v(e){let{process:t,meanings:n,traces:r}=e,i=new Map(e.files.map(e=>[e.path,e])),o=f(n),s=e.described??new Map,l=new Map,u=new Map,d=new Map,p=[],m=(e,t,n,r,i,a,o)=>{let s=t+`>`+n+`:`+r;e.has(s)||e.set(s,{id:s,from:t,to:n,label:r,basis:i,at:a,turn:o})},h=e=>t.nodes.filter(t=>t.kind===`file`&&t.path===e).flatMap(e=>e.versions??(e.resource?[{resource:e.resource,capturedAt:e.capturedAt??e.at}]:[])).sort((e,t)=>e.capturedAt-t.capturedAt),g=(e,n)=>t.nodes.find(t=>t.kind===`file`&&t.path===e&&(!n||t.resource?.version===n||t.versions?.some(e=>e.resource.version===n))),v=(t,n,a,u)=>{let d=`m:f:`+t,f=l.get(d);if(!f){let p=i.get(t),m=u?.files.find(e=>e.path===t)?.kept??null,g=h(t).at(-1),_=m??(g?{resource:g.resource,at:g.capturedAt}:null),v=c(t,o,s),y=o.get(t);f={id:d,kind:`file`,title:t.split(`/`).at(-1)??t,path:t,at:a,category:p?.category??e.kindOf(t),exists:!!p,bytes:p?.bytes,modifiedAt:p?.modifiedAt,..._?{resource:_.resource,capturedAt:_.at}:{gap:`No version of this file was kept in the Agent's record.`},events:[{key:d,at:a,node:d,turn:n,action:`write`,label:`Named in the notes`}],meaning:{session:``,conversationId:null,...v?{description:{...v,...v.source===`notes`&&y?{trace:r.get(y.statement)}:{}}}:{}}},l.set(d,f)}return f};n.forEach(n=>{let a=n.statements;if(!a.length)return;let o=`m:`+(n.conversationId??`notes-`+n.line),s=t.turns.find(e=>e.conversationId===n.conversationId),c=a.map(e=>r.get(e)?.written?.at).filter(e=>e!==void 0),f=c.length?Math.min(...c):s?.start??0;p.push({id:o,conversationId:n.conversationId??``,title:n.title,agent:s?.agent??`Notes`,start:f,end:Math.max(f,...c),running:!1});let h=e=>r.get(e)?.written?.at??f,g=e=>({session:n.title,conversationId:n.conversationId,...e?{statement:e,trace:r.get(e)}:{}}),y=a.filter(e=>e.kind===`todo`),b=a.find(e=>e.kind===`question`),C={id:`q:`+o,kind:`question`,title:_(b?.text||n.title,160),text:b?.text||n.title,at:b?h(b):f,turn:o,conversationId:n.conversationId??void 0,agent:s?.agent,events:[],meaning:{...g(b),...y.length?{todos:{done:y.filter(e=>e.done).length,total:y.length}}:{}}};l.set(C.id,C);let w=new Map;a.forEach((e,i)=>{if(e.kind!==`finding`&&e.kind!==`choice`)return;let a={id:`m:s:`+o+`:`+e.line,kind:e.kind,title:_(e.text,220),text:e.text,at:h(e),turn:o,conversationId:n.conversationId??void 0,events:[{key:`m:s:`+o+`:`+e.line,at:h(e),node:`m:s:`+o+`:`+e.line,turn:o,action:`write`,label:`Written in the notes`}],meaning:g(e)};l.set(a.id,a),w.set(i,a),m(u,C.id,a.id,e.kind===`finding`?`found`:`chose`,`declared`,h(e),o);for(let t of e.links)m(u,a.id,v(t,o,h(e),r.get(e)).id,e.kind===`finding`?`rests on`:`gives`,`declared`,h(e),o);for(let t of e.alternatives??[])for(let n of t.links)m(u,a.id,v(n,o,h(e),r.get(e)).id,`instead gives`,`declared`,h(e),o);let s=r.get(e)?.written;s&&t.nodes.some(e=>e.id===`q:`+s.turn)&&m(d,a.id,`q:`+s.turn,`written in`,`observed`,s.at,o)}),a.forEach(e=>{if(e.kind!==`figure`)return;let t=e.of===void 0?void 0:w.get(e.of);for(let n of e.links)m(u,(t??C).id,v(n,o,h(e),r.get(e)).id,t?`shown in`:`shows`,`declared`,h(e),o)});let T=()=>new Set([...u.values()].map(e=>e.to));for(let e of a)if(e.kind===`file`)for(let t of e.links){let n=v(t,o,h(e),r.get(e));!T().has(n.id)&&n.category!==`code`&&n.category!==`data`&&m(u,C.id,n.id,`made`,`declared`,h(e),o)}let E=a.filter(e=>e.kind===`method`||e.kind===`file`);for(let t of E){let n=t.links.filter(t=>(i.get(t)?.category??e.kindOf(t))===`code`),a=t.links.filter(t=>(i.get(t)?.category??e.kindOf(t))===`data`);for(let e of n)for(let n of a)m(u,v(e,o,h(t),r.get(t)).id,v(n,o,h(t),r.get(t)).id,`reads`,`declared`,h(t),o)}n.conversationId&&x(o,C,n.conversationId),S(o,n.conversationId);for(let e of E)for(let t of e.links){let n=v(t,o,h(e),r.get(e));T().has(n.id)||m(u,C.id,n.id,n.category===`data`?`uses data`:`uses`,`declared`,h(e),o)}});let y=new Set(n.map(e=>e.conversationId));for(let e of new Set([...s.values()].map(e=>e.conversationId))){if(y.has(e)||!b(e).length)continue;let n=`m:`+e,r=t.turns.find(t=>t.conversationId===e),i=t.nodes.find(t=>t.kind===`question`&&t.conversationId===e),a=b(e).map(e=>Date.parse(e.observedAt)),o=r?.start??Math.min(...a);p.push({id:n,conversationId:e,title:r?.title??`Conversation`,agent:r?.agent??`Agent`,start:o,end:Math.max(o,...a),running:!1});let s={id:`q:`+n,kind:`question`,title:_(i?.text??r?.title??`Conversation`,160),text:i?.text??r?.title??``,at:o,turn:n,conversationId:e,agent:r?.agent,events:[],meaning:{session:r?.title??`Conversation`,conversationId:e,...i?{message:{id:i.id,at:i.at}}:{}}};l.set(s.id,s),x(n,s,e),S(n,e)}function b(t){return[...s.values()].filter(n=>n.conversationId===t&&[`results`,`figures`].includes(i.get(n.path)?.category??e.kindOf(n.path)??``))}function x(e,t,n){for(let r of b(n)){if(l.has(`m:f:`+r.path))continue;let n=Date.parse(r.observedAt),i=v(r.path,e,n);m(u,t.id,i.id,`made`,`observed`,n,e)}}function S(e,n){let r=e=>!n||e.turn.startsWith(n+`/`),i=new Map(t.nodes.map(e=>[e.id,e])),a=!0;for(;a;){a=!1;for(let n of[...l.values()])if(n.kind===`file`&&n.path&&n.events[0]?.turn===e){for(let o of t.edges.filter(e=>r(e)&&i.get(e.to)?.path===n.path)){let r=i.get(o.from);if(r?.kind===`run`)for(let s of t.edges.filter(e=>e.to===r.id&&(e.label===`runs`||e.label===`named`))){let t=i.get(s.from);if(!t?.path||t.path===n.path)continue;let r=l.size,c=v(t.path,e,s.at);m(u,n.id,c.id,s.label===`runs`?`made by`:`named with`,o.basis,o.at,e),l.size>r&&(a=!0)}}if(n.category===`code`)for(let o of t.edges.filter(e=>r(e)&&e.label===`runs`&&i.get(e.from)?.path===n.path))for(let r of t.edges.filter(e=>e.to===o.to&&e.label===`named`)){let t=i.get(r.from);if(!t?.path||t.path===n.path)continue;let o=l.size;m(u,n.id,v(t.path,e,r.at).id,`reads`,`named`,r.at,e),l.size>o&&(a=!0)}}}}for(let e of l.values()){if(e.kind!==`file`||!e.path)continue;let t=g(e.path,e.resource?.version)??g(e.path);t&&m(d,e.id,t.id,`kept as`,`observed`,e.capturedAt??e.at,e.events[0].turn)}let C=`m:f:`+a,w=e=>e.from!==C&&e.to!==C;return{nodes:[...l.values()].filter(e=>e.id!==C),edges:[...u.values()].filter(w),turns:p,traces:[...d.values()].filter(w)}}function y(e,t,n){return n===`process`||!t||!t.nodes.length?e:n===`meaning`?{...e,nodes:t.nodes,edges:t.edges,turns:t.turns,events:[],live:null,omittedNodes:0}:{...e,nodes:[...t.nodes,...e.nodes],edges:[...t.edges,...t.traces,...e.edges],turns:[...t.turns,...e.turns]}}var b={versions:24},x=new Map;function S(e,t,n,r,a,d=[]){let p=t.project.id,h=(0,g.useMemo)(()=>n.nodes.filter(e=>e.kind===`file`&&e.path===`project-notes.md`).flatMap(e=>(e.versions??(e.resource?[{resource:e.resource,capturedAt:e.capturedAt??e.at}]:[])).map(t=>({...t,turn:e.events.find(e=>e.action===`capture`&&e.key.endsWith(`:`+t.resource.id))?.turn??e.events[0]?.turn??``}))).sort((e,t)=>e.capturedAt-t.capturedAt).slice(-b.versions),[n]),_=h.map(e=>e.resource.version).join(`,`),[y,S]=(0,g.useState)([]);return(0,g.useEffect)(()=>{let t=!0;return Promise.all(h.map(t=>{let n=p+`:`+t.resource.id+`@`+t.resource.version;return x.has(n)||x.set(n,s(e,p,t.resource,o.maxTitleBytes).then(e=>new TextDecoder().decode(e)).catch(()=>(x.delete(n),``))),x.get(n).then(e=>({text:e,at:t.capturedAt,turn:t.turn,conversationId:t.turn.split(`/`)[0]??``,resource:t.resource}))})).then(e=>{t&&S(e.filter(e=>e.text))}),()=>{t=!1}},[e,p,_]),(0,g.useMemo)(()=>{let e=m(a.length>o.maxTitleBytes?``:a),t=e=>n.nodes.filter(t=>t.kind===`file`&&t.path===e).flatMap(e=>e.versions??(e.resource?[{resource:e.resource,capturedAt:e.capturedAt??e.at}]:[])).map(e=>({at:e.capturedAt,resource:e.resource})),s=e=>{let t=r.find(t=>t.path===e);return t?.modifiedAt?Date.parse(t.modifiedAt):null},p=new Map;for(let n of e)for(let e of n.statements)p.set(e,u(e,y,t,s));let g=l(d),_=f(e);return{meanings:e,traces:p,layer:v({process:n,meanings:e,traces:p,files:r,kindOf:e=>i(e),described:g}),descriptions:_,versions:{read:y.length,kept:h.length},holds:e=>c(e,_,g)}},[a,y,n,r,d])}var C=t();function w({statement:e,trace:t,conversationId:n,client:i,projectId:a,onPath:o,onSent:s}){let[c,l]=(0,g.useState)(null),u=e=>t?.files.find(t=>t.path===e)?.later,f=e=>e.map(e=>(0,C.jsxs)(`button`,{className:`work-file`,title:e+(u(e)===`kept`?` · a newer version was kept since this was written`:u(e)===`written`?` · written again since this was written`:``),onClick:()=>o(e),children:[(0,C.jsx)(r,{name:/\.(png|jpe?g|svg)$/i.test(e)?`image`:/\.(csv|tsv)$/i.test(e)?`table`:`file`,size:13}),(0,C.jsx)(`span`,{children:e.split(`/`).at(-1)}),u(e)&&(0,C.jsx)(`small`,{children:`changed since`})]},e)),{topic:m,rest:_}=d(p(e.text,e.links)),v=e.alternatives??[];return(0,C.jsx)(`div`,{className:`choice`+(m?``:` untitled`),children:(0,C.jsxs)(`div`,{className:`choice-grid`,children:[m&&(0,C.jsx)(`p`,{className:`choice-topic`,children:m}),(0,C.jsxs)(`div`,{className:`choice-body`,children:[(0,C.jsx)(`p`,{className:`choice-taken`,children:_}),e.links.length>0&&(0,C.jsx)(`div`,{className:`choice-foot`,children:f(e.links)}),v.map((t,r)=>(0,C.jsxs)(`div`,{className:`choice-other`,children:[(0,C.jsxs)(`p`,{children:[(0,C.jsx)(`span`,{className:`choice-other-label`,children:`Other option`}),h(p(t.text,t.links))]}),t.links.length>0&&(0,C.jsx)(`div`,{className:`choice-foot`,children:f(t.links)}),n&&c!==r&&(0,C.jsx)(`button`,{className:`text-button choice-instead`,onClick:()=>l(r),children:`Use this instead…`}),n&&c===r&&(0,C.jsx)(T,{conversationId:n,client:i,projectId:a,taken:e.text,option:t.text,onCancel:()=>l(null),onSent:e=>{l(null),s?.(e)}})]},r))]})]})})}function T({conversationId:e,client:t,projectId:n,taken:r,option:i,onCancel:a,onSent:o}){let[s,c]=(0,g.useState)(`Use this option instead: “${i}” (in place of “${r}”). Redo what depends on it and update the notes.`),[l,u]=(0,g.useState)(!1),[d,f]=(0,g.useState)(``),p=(0,g.useRef)(null);async function m(){if(s.trim()&&!l){p.current?.text!==s&&(p.current={text:s,changeId:`choice-`+crypto.randomUUID()}),u(!0),f(``);try{await t.call(`conversation.send`,{projectId:n,conversationId:e,changeId:p.current.changeId,text:s}),p.current=null,o(e)}catch(e){f(e instanceof Error?e.message:`The message could not be sent.`)}finally{u(!1)}}}return(0,C.jsxs)(`form`,{className:`choice-send`,onSubmit:e=>{e.preventDefault(),m()},onKeyDown:e=>{e.key===`Escape`&&a()},children:[(0,C.jsx)(`textarea`,{rows:3,value:s,"aria-label":`Message to the Agent`,onChange:e=>c(e.target.value),autoFocus:!0}),d&&(0,C.jsx)(`p`,{className:`inline-error`,role:`alert`,children:d}),(0,C.jsxs)(`div`,{className:`choice-send-actions`,children:[(0,C.jsx)(`button`,{type:`button`,onClick:a,children:`Cancel`}),(0,C.jsx)(`button`,{type:`submit`,className:`primary`,disabled:l||!s.trim(),children:l?`Sending…`:`Send to the Agent`})]})]})}export{S as n,y as r,w as t};

package/dist/web/assets/graph-lENgfQNH.js

@@ -1,2 +0,0 @@
-import{r as e}from"./rolldown-runtime-XKyaHtl9.js";import{n as t,t as n}from"./react-Dss-ouuy.js";import{r,t as i}from"./markdown-0ngRuTpW.js";import{N as a,a as o}from"./canvas-D8rDdfDz.js";import{Bt as s,Ft as c,It as l,Nt as u,Pt as d,Ut as f,at as p,ct as m,dt as h,ft as g,ht as _,it as v,m as y,ot as b,rt as x,st as S,vt as C,wt as ee,zt as te}from"./index-BpL_Kl_s.js";import{t as w}from"./work-turns-CT9RVcWY.js";import{t as T}from"./snapshot-CAxBYPvV.js";import{r as ne,t as E}from"./timeline-events-Chj2Gbx7.js";import{n as D,r as re,t as O}from"./choices-D-YfnFP6.js";var k=e(n(),1),A=t(),j=e=>e.kind===`question`?`Question`:e.kind===`run`?`Run`:e.kind===`finding`?`Finding`:e.kind===`choice`?`Choice`:{data:`Data`,code:`Script`,results:`Result`,figures:`Figure`,notes:`Note`}[e.category??``]??`File`,M=e=>e.kind===`question`?`question`:e.kind===`run`?`run`:e.kind===`finding`?`check`:e.kind===`choice`?`updown`:e.category===`figures`?`image`:e.category===`code`?`code`:e.category===`notes`?`document`:e.category?`table`:`file`,N=e=>e.kind===`file`?e.category??`other`:e.kind,P=e=>e.kind===`file`&&!!e.resource&&(/\.(png|jpe?g|svg)$/i.test(e.path)||/\.csv$/i.test(e.path)),ie=(e,t)=>t?{width:228,height:58}:e.meaning?{width:e.kind===`file`?256:300,height:e.kind===`question`?138:e.kind===`finding`||e.kind===`choice`?124:P(e)?/\.csv$/i.test(e.path)?226:212:128}:{width:e.kind===`question`?300:e.kind===`run`?236:256,height:e.kind===`question`?e.answer?160:116:e.kind===`run`?88:P(e)?/\.csv$/i.test(e.path)?198:184:96},F=(e,t)=>e?.written?(t(e.written.conversationId)??`The Agent`)+` · `+x(e.written.at):`Not in the Agent's record`,ae={both:`Meaning + process`,meaning:`Meaning`,process:`Process`},oe=e=>e?e.replace(/```[\s\S]*?```/g,` `).replace(/[#>*_`|]+/g,` `).replace(/\[([^\]]+)\]\([^)]*\)/g,`$1`).replace(/\s+/g,` `).trim().slice(0,220):``,se={read:`Read`,edit:`Edited`,write:`Wrote`,changed:`Changed`,capture:`Kept`,run:`Ran`,ask:`Asked`,answer:`Answered`};function I(e){let t=new Map;for(let n of e.events)n.action!==`ask`&&n.action!==`answer`&&!(n.action===`capture`&&e.versions)&&t.set(n.action,(t.get(n.action)??0)+1);return[...t].map(([e,t])=>(se[e]??e)+(t>1?` `+t+`×`:``)).join(` · `)}var ce={completed:`Answered`,failed:`Failed`,stopped:`Stopped`,running:`Working`,unknown:`Outcome unknown`},le=e=>{e&&(e.scrollTop=e.scrollHeight)},L={returned:`Returned`,requested:`Running`,failed:`Failed`,rejected:`Refused`,unknown:`Outcome unknown`};function R({client:e,snapshot:t,node:n,shown:r}){let i=n.resource?.id+`@`+n.resource?.version,[a,o]=(0,k.useState)(null),s=a?.preview??null;return(0,k.useEffect)(()=>{if(!r||!n.resource||a?.version===i)return;let s=!0;return C(e,t,{path:n.path,bytes:n.bytes,modifiedAt:n.modifiedAt,resource:n.resource?{...n.resource,kind:t.resources.find(e=>e.id===n.resource.id)?.kind??`file`}:void 0}).then(e=>{s&&o({version:i,preview:e})}),()=>{s=!1}},[r,i]),s?s.kind===`image`?(0,A.jsx)(`span`,{className:`graph-preview image`,children:(0,A.jsx)(`img`,{src:s.url,alt:``})}):s.kind===`table`?(0,A.jsxs)(`span`,{className:`graph-preview table`,children:[(0,A.jsxs)(`span`,{className:`graph-table`,style:{gridTemplateColumns:`repeat(${s.columns.length}, minmax(0, 1fr))`},children:[s.columns.map(e=>(0,A.jsx)(`span`,{className:`graph-cell head`,children:e},`h`+e)),s.rows.map((e,t)=>s.columns.map(n=>(0,A.jsx)(`span`,{className:`graph-cell`,children:e[n]===null||e[n]===void 0?``:String(e[n])},t+n)))]}),(0,A.jsxs)(`small`,{children:[s.total.toLocaleString(),` `,s.total===1?`row`:`rows`,` × `,s.width,` `,s.width===1?`column`:`columns`]})]}):(0,A.jsx)(`span`,{className:`graph-preview none`,children:s.note}):(0,A.jsx)(`span`,{className:`graph-preview loading`,"aria-hidden":`true`})}var z={min:.2,max:2},ue=.78;function B({initialResource:e,client:t,snapshot:n,files:i,agentNow:o,following:s,principalId:f,notesText:p=``,onFollow:m,onStopFollowing:h,onStudio:g,workspace:_,onAbout:v,onAgent:y}){let{turns:b,problem:S,loading:C,omitted:ee}=w(t,n),{marks:te}=E(t,n),[T,ne]=(0,k.useState)(()=>Date.now());(0,k.useEffect)(()=>{if(!o?.running)return;let e=setInterval(()=>ne(Date.now()),1e3);return()=>clearInterval(e)},[o?.running]);let O=(0,k.useMemo)(()=>i.files.map(e=>({path:e.path,bytes:e.bytes,modifiedAt:e.modifiedAt,category:e.category})),[i.files]),j=(0,k.useMemo)(()=>d(u({turns:b,files:O,project:n.project,kindOf:a,now:o?.running?T:Date.now()})),[b,O,n.project,o?.running?T:0]),M=D(t,n,j,O,p,b),N=M.layer.nodes.length>0,[F,oe]=(0,k.useState)(()=>{try{let e=localStorage.getItem(`rho.graph.layer.v1`);return e===`meaning`||e===`process`?e:`both`}catch{return`both`}});function se(e){Le.current=!1,oe(e);try{localStorage.setItem(`rho.graph.layer.v1`,e)}catch{}}let I=(0,k.useMemo)(()=>re(j,N?M.layer:null,F),[j,M.layer,N,F]),ce=new Set(N&&F!==`process`?M.layer.turns.map(e=>e.id):[]),le=e=>j.turns.find(t=>t.conversationId===e)?.agent,L=I.nodes.map(e=>e.id+(P(e)?`+`:``)+(e.answer?`a`:``)+(e.meaning?.description?`d`:``)).join(`|`)+`#`+I.edges.map(e=>e.id+`@`+e.turn).join(`|`),R=(0,k.useMemo)(()=>c(I,ie,{x:108,y:26,lane:64}),[L]),B=(0,k.useMemo)(()=>new Map(I.nodes.map(e=>[e.id,e])),[I]),ye=(0,k.useMemo)(()=>new Map(R.items.map(e=>[e.id,e])),[R]),be=I.turns.find(e=>e.running)?.id,xe=be?R.rows.find(e=>e.turn===be)?.lane:void 0,V=e=>e?R.items.find(t=>t.node===e&&t.lane===xe)?.id??e:null,[H,U]=(0,k.useState)(null);(0,k.useEffect)(()=>{if(e){let t=I.nodes.find(t=>(t.versions??(t.resource?[{resource:t.resource}]:[])).some(t=>t.resource.id===e.id&&t.resource.version===e.version));t&&U(t.id)}},[e?.id,e?.version,L]);let W=(0,k.useMemo)(()=>H&&B.has(H)?l(I,H):null,[H,I]),[Ce,we]=(0,k.useState)(``),G=(0,k.useMemo)(()=>{let e=Ce.trim().toLowerCase();return e?new Set(I.nodes.filter(t=>(t.title+` `+(t.path??``)+` `+(t.text??``)+` `+(t.command??``)).toLowerCase().includes(e)).map(e=>e.id)):null},[Ce,I]),[K,Te]=(0,k.useState)(null),[Ee,De]=(0,k.useState)(!1),[Oe,ke]=(0,k.useState)(1),Ae=I.events.map(e=>e.at);(0,k.useEffect)(()=>{if(!Ee)return;let e=I.events,t=K===null?0:e.findIndex(e=>e.at>K);if(t<0||t>=e.length){De(!1),Te(null);return}let n=Math.min(600,Math.max(140,9e3/Math.max(1,e.length)))/Oe,r=setTimeout(()=>Te(e[t].at),K===null?0:n);return()=>clearTimeout(r)},[Ee,K,I.events,Oe]);let je=K===null?null:[...I.events].reverse().find(e=>e.at<=K)??null,Me=(0,k.useRef)(null),[Ne,Pe]=(0,k.useState)(new Set);(0,k.useEffect)(()=>{let e=new Set(I.nodes.map(e=>e.id));if(Me.current){let t=[...e].filter(e=>!Me.current.has(e));if(t.length){Pe(new Set(t));let n=setTimeout(()=>Pe(new Set),1600);return Me.current=e,()=>clearTimeout(n)}}Me.current=e},[I.nodes]);let q=(0,k.useRef)(null),[J,Y]=(0,k.useState)({x:40,y:40,k:1}),[Fe,Ie]=(0,k.useState)(!1),X=(0,k.useRef)(J);X.current=J;let Le=(0,k.useRef)(!1),Re=(0,k.useRef)(!1),ze=e=>{Ie(!0),Y(e),setTimeout(()=>Ie(!1),380)},Be=(0,k.useCallback)((e=!0)=>{let t=q.current?.getBoundingClientRect();if(!t||!R.width)return;let n=Math.max(z.min,Math.min(1,(t.width-96)/R.width,(t.height-120)/R.height)),r={k:n,x:(t.width-R.width*n)/2,y:Math.max(56,(t.height-R.height*n)/2)};e?ze(r):Y(r)},[R]),Ve=R.rows.map(e=>e.turn).join(`,`),He=(0,k.useRef)(Ve);(0,k.useLayoutEffect)(()=>{let e=Ve!==He.current||R.rows.some(e=>e.turn.startsWith(`m:`));He.current=Ve,!Re.current&&!s&&e&&(Le.current=!1)},[R]),(0,k.useEffect)(()=>{H&&(Re.current=!0)},[H]),(0,k.useLayoutEffect)(()=>{if(Le.current||!I.nodes.length)return;let e=q.current?.getBoundingClientRect();if(!e)return;Le.current=!0;let t=Math.min(1,(e.width-96)/R.width,(e.height-120)/R.height),n=R.rows.filter(e=>e.turn.startsWith(`m:`)).at(-1),r=n??R.rows.at(-1);if(t>=ue||!r){Be(!1);return}let i=ue,a=R.height*i<=e.height-120,o=n&&R.placed.get(`q:`+n.turn);Y(o?{k:i,x:32-o.x*i,y:e.height*.35-(o.y+o.height/2)*i}:{k:i,x:32,y:a?(e.height-R.height*i)/2:Math.min(48,e.height-40-(r.y+r.height)*i)})},[I.nodes.length,Be,R]);let Ue=(e,t=!0,n)=>{let r=R.placed.get(e),i=q.current?.getBoundingClientRect();if(!r||!i)return;let a=n??Math.max(X.current.k,ue),o={k:a,x:i.width/2-(r.x+r.width/2)*a,y:i.height/2-(r.y+r.height/2)*a};t?ze(o):Y(o)};(0,k.useEffect)(()=>{if(!s||!I.live||K!==null)return;let e=V(I.live.node),t=R.placed.get(e),n=q.current?.getBoundingClientRect(),r=X.current;if(!t||!n)return;let i=t.x*r.k+r.x,a=t.y*r.k+r.y;(i<24||a<64||i+t.width*r.k>n.width-24||a+t.height*r.k>n.height-24)&&Ue(e)},[s,I.live?.node,R]),(0,k.useEffect)(()=>{let e=q.current;if(!e)return;function t(t){t.preventDefault(),Re.current=!0;let n=X.current;if(t.ctrlKey||t.metaKey){let r=e.getBoundingClientRect(),i=t.clientX-r.left,a=t.clientY-r.top,o=Math.min(z.max,Math.max(z.min,n.k*Math.exp(-t.deltaY*.01)));Y({k:o,x:i-(i-n.x)*o/n.k,y:a-(a-n.y)*o/n.k})}else Y({...n,x:n.x-t.deltaX,y:n.y-t.deltaY});s&&h()}return e.addEventListener(`wheel`,t,{passive:!1}),()=>e.removeEventListener(`wheel`,t)},[s]);let We=(0,k.useRef)(!1);function Ge(e){if(e.button!==0||e.target.closest(`.graph-node, .graph-zoom, .graph-overlay, .graph-legend`))return;let t={x:e.clientX,y:e.clientY,view:X.current},n=e.currentTarget;Re.current=!0,n.setPointerCapture(e.pointerId),We.current=!1;let r=e=>{Math.abs(e.clientX-t.x)+Math.abs(e.clientY-t.y)>3&&(We.current=!0,n.dataset.panning=``),Y({...t.view,x:t.view.x+e.clientX-t.x,y:t.view.y+e.clientY-t.y})},i=()=>{n.removeEventListener(`pointermove`,r),n.removeEventListener(`pointerup`,i),n.removeEventListener(`pointercancel`,i),delete n.dataset.panning,We.current?s&&h():U(null)};n.addEventListener(`pointermove`,r),n.addEventListener(`pointerup`,i),n.addEventListener(`pointercancel`,i)}let Ke=e=>{Re.current=!0;let t=q.current?.getBoundingClientRect(),n=X.current;if(!t)return;let r=Math.min(z.max,Math.max(z.min,n.k*e)),i=t.width/2,a=t.height/2;ze({k:r,x:i-(i-n.x)*r/n.k,y:a-(a-n.y)*r/n.k})};function Z(e,t=!1){U(e),e&&t&&Ue(e)}let[qe,Je]=(0,k.useState)(null);function Ye(e){F===`meaning`&&se(`both`),U(e),Je(e)}(0,k.useEffect)(()=>{qe&&R.placed.has(qe)&&(Ue(qe),Je(null))},[qe,R]);function Xe(e){let t=document.activeElement?.dataset.node;if(e.key===`Escape`){H&&(e.preventDefault(),U(null));return}if(e.key===`+`||e.key===`=`){e.preventDefault(),Ke(1.2);return}if(e.key===`-`){e.preventDefault(),Ke(1/1.2);return}if(e.key===`0`){e.preventDefault(),Be();return}if(!t||![`ArrowLeft`,`ArrowRight`,`ArrowUp`,`ArrowDown`].includes(e.key))return;let n=R.placed.get(t),r;if(e.key===`ArrowRight`)r=R.links.filter(e=>e.from===t).map(e=>e.to).sort((e,t)=>R.placed.get(e).y-R.placed.get(t).y)[0];else if(e.key===`ArrowLeft`)r=R.links.filter(e=>e.to===t).map(e=>e.from).sort((e,t)=>R.placed.get(e).y-R.placed.get(t).y)[0];else{let i=[...R.placed].filter(([,e])=>Math.abs(e.x+e.width/2-n.x-n.width/2)<4).sort((e,t)=>e[1].y-t[1].y).map(([e])=>e);r=i[i.indexOf(t)+(e.key===`ArrowDown`?1:-1)]}if(!r)return;e.preventDefault(),q.current?.querySelector(`[data-node="${CSS.escape(r)}"]`)?.focus();let i=R.placed.get(r),a=q.current.getBoundingClientRect(),o=X.current;(i.x*o.k+o.x<0||i.y*o.k+o.y<48||(i.x+i.width)*o.k+o.x>a.width||(i.y+i.height)*o.k+o.y>a.height)&&Ue(r)}let Ze=J.k>=.62,Qe=e=>K===null||(B.get(e)?.at??0)<=K,$e=e=>K===null||e.at<=K,et=e=>K===null||R.links.some(t=>(t.from===e.id||t.to===e.id)&&t.edge.at<=K),tt=e=>W&&!W.nodes.has(e)||G&&!G.has(e),Q=H?B.get(H):void 0,$=K===null&&o?.running?I.live:null,nt={questions:j.nodes.filter(e=>e.kind===`question`).length,files:j.nodes.filter(e=>e.kind===`file`).length,runs:j.nodes.filter(e=>e.kind===`run`).reduce((e,t)=>e+(t.commands?.length??1),0),findings:M.layer.nodes.filter(e=>e.kind===`finding`).length,choices:M.layer.nodes.filter(e=>e.kind===`choice`).length};return n.conversations?.length?(0,A.jsxs)(`section`,{className:`graph-page`,"aria-labelledby":`graph-title`,children:[(0,A.jsxs)(fe,{counts:nt,omitted:ee+I.omittedTurns,children:[N&&(0,A.jsx)(`div`,{className:`graph-layers`,role:`group`,"aria-label":`Layers`,children:[`both`,`meaning`,`process`].map(e=>(0,A.jsx)(`button`,{"aria-pressed":F===e,onClick:()=>se(e),children:ae[e]},e))}),(0,A.jsxs)(`label`,{className:`graph-search`,children:[(0,A.jsx)(r,{name:`search`,size:15}),(0,A.jsx)(`input`,{type:`search`,placeholder:`Find in this graph`,"aria-label":`Find in this graph`,value:Ce,onChange:e=>we(e.target.value),onKeyDown:e=>{if(e.key===`Enter`&&G?.size){let e=I.nodes.find(e=>G.has(e.id));e&&Z(e.id,!0)}}}),G&&(0,A.jsx)(`small`,{children:G.size})]}),$?.waiting&&(0,A.jsxs)(`button`,{className:`graph-waiting`,onClick:()=>Z($.node,!0),children:[(0,A.jsx)(`span`,{className:`pulse-dot`,"aria-hidden":`true`}),`Needs your choice`]}),o?.running&&(0,A.jsx)(`button`,{className:`follow-toggle`+(s?` on`:``),"aria-pressed":s,title:s?`The graph keeps the Agent in view as it works.`:`Keep the Agent in view as it works.`,onClick:s?h:m,children:s?(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(`span`,{className:`pulse-dot`,"aria-hidden":`true`}),`Following `,o.agent]}):(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(r,{name:`follow`,size:15}),`Follow `,o.agent]})})]}),e&&!C&&!I.nodes.some(t=>t.resource?.id===e.id&&t.resource.version===e.version)&&(0,A.jsx)(`p`,{className:`canvas-note`,children:`The selected result version is outside this retained Graph window. Its review still holds the exact reference.`}),!!I.omittedNodes&&(0,A.jsxs)(`p`,{className:`canvas-note`,children:[I.omittedNodes,` nodes are outside the drawing budget. This is a partial view of the retained work.`]}),S&&(0,A.jsx)(`p`,{className:`inline-error graph-problem`,role:`alert`,children:S}),(0,A.jsxs)(`div`,{className:`graph-body`,children:[(0,A.jsx)(`div`,{ref:q,className:`graph-canvas`+(W?` focusing`:``)+(K===null?``:` replaying`),tabIndex:-1,onPointerDown:Ge,onKeyDown:Xe,children:C?(0,A.jsxs)(`div`,{className:`loading-state`,role:`status`,children:[(0,A.jsx)(`span`,{className:`loading-dot`}),(0,A.jsx)(`span`,{children:`Reading what the Agent did…`})]}):(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)(`div`,{className:`graph-world`+(Fe?` gliding`:``),"data-zoom":Ze?`near`:`far`,style:{transform:`translate(${J.x}px, ${J.y}px) scale(${J.k})`,width:R.width,height:R.height,"--k":J.k},children:[(0,A.jsx)(ge,{layout:R,focus:W,shown:$e,labels:Ze||!!W,dim:tt,live:V($?.node)}),[...R.items].sort((e,t)=>e.lane-t.lane||R.placed.get(e.id).column-R.placed.get(t.id).column||R.placed.get(e.id).y-R.placed.get(t.id).y).map(e=>{let r=R.placed.get(e.id),i=B.get(e.node),a=V($?.node)===e.id?(o?.agent??`Agent`)+` · `+$.label:null,s=R.rows.find(t=>t.lane===ye.get(e.node).lane);return e.proxy?(0,A.jsx)(_e,{item:e,node:i,place:r,home:!s||ce.has(s.turn)?`the notes`:`message `+(R.rows.filter(e=>!ce.has(e.turn)).indexOf(s)+1),dimmed:!!tt(e.node),later:!et(e),selected:H===e.node,live:a,onSelect:()=>Z(e.node,!0)},e.id):i.meaning?(0,A.jsx)(he,{node:i,place:r,client:t,snapshot:n,near:Ze,agentOf:le,selected:H===i.id,dimmed:!!tt(i.id),later:!Qe(i.id),arrived:Ne.has(i.id),onSelect:()=>Z(H===i.id?null:i.id),onOpen:()=>Z(i.id,!0)},e.id):(0,A.jsx)(me,{node:i,place:r,client:t,snapshot:n,near:Ze,selected:H===i.id,dimmed:!!tt(i.id),later:!Qe(i.id)||K!==null&&(i.capturedAt??0)>K,current:je?.node===i.id,arrived:Ne.has(i.id),live:a,onSelect:()=>Z(H===i.id?null:i.id),onOpen:()=>Z(i.id,!0)},e.id)})]}),W&&Q&&(0,A.jsxs)(`div`,{className:`graph-overlay`,children:[(0,A.jsxs)(`span`,{children:[(0,A.jsx)(`strong`,{children:W.nodes.size}),` of `,I.nodes.length,` · the path to and from `,(0,A.jsx)(`strong`,{children:Q.title})]}),(0,A.jsx)(`button`,{className:`small-button`,onClick:()=>U(null),children:`Show everything`})]}),je&&(0,A.jsxs)(`div`,{className:`graph-caption`,role:`status`,"aria-live":`polite`,children:[(0,A.jsx)(`time`,{children:x(je.at,!0)}),(0,A.jsx)(`span`,{children:pe(je,B)})]}),(0,A.jsx)(de,{byId:B,layout:R,view:J,canvas:q,dim:tt,live:V($?.node),onMove:Y}),(0,A.jsxs)(`div`,{className:`graph-zoom`,role:`group`,"aria-label":`Zoom`,children:[(0,A.jsx)(`button`,{className:`icon-button`,"aria-label":`Fit the graph`,title:`Fit (0)`,onClick:()=>Be(),children:(0,A.jsx)(r,{name:`fit`,size:16})}),(0,A.jsx)(`button`,{className:`icon-button`,"aria-label":`Zoom out`,title:`Zoom out (−)`,onClick:()=>Ke(1/1.2),children:(0,A.jsx)(r,{name:`minus`,size:16})}),(0,A.jsxs)(`span`,{className:`graph-zoom-value`,"aria-live":`polite`,children:[Math.round(J.k*100),`%`]}),(0,A.jsx)(`button`,{className:`icon-button`,"aria-label":`Zoom in`,title:`Zoom in (+)`,onClick:()=>Ke(1.2),children:(0,A.jsx)(r,{name:`plus`,size:16})})]}),(0,A.jsxs)(`div`,{className:`graph-legend`,"aria-label":`What the lines mean`,children:[(0,A.jsxs)(`span`,{children:[(0,A.jsx)(`i`,{className:`line reported`}),`The Agent reported it`]}),(0,A.jsxs)(`span`,{children:[(0,A.jsx)(`i`,{className:`line named`}),`Named in a command`]}),(0,A.jsxs)(`span`,{children:[(0,A.jsx)(`i`,{className:`line observed`}),`Seen changing on disk`]}),N&&F!==`process`&&(0,A.jsxs)(`span`,{children:[(0,A.jsx)(`i`,{className:`line declared`}),`Written in the notes`]})]})]})}),Q&&(0,A.jsx)(ve,{node:K!==null&&(Q.capturedAt??0)>K?{...Q,resource:void 0,gap:`This snapshot was captured after the selected replay time.`}:Q,graph:I,byId:B,client:t,snapshot:n,principalId:f,workspace:_,onStudio:g,onAbout:v,onAgent:y,onSelect:e=>Z(e,!0),onTrace:Ye,agentOf:le,process:j,traces:M.layer.traces,onClose:()=>U(null)},Q.id)]}),(I.events.length>0||te.length>0)&&(0,A.jsx)(Se,{graph:I,marks:te,cursor:K,playing:Ee,running:!!o?.running,speed:Oe,onSpeed:ke,onCursor:e=>{De(!1),Te(e)},onPlay:()=>{Ee?De(!1):(K!==null&&K>=Ae.at(-1)&&Te(null),De(!0))}})]}):(0,A.jsxs)(`section`,{className:`graph-page`,children:[(0,A.jsx)(fe,{counts:null}),(0,A.jsxs)(`div`,{className:`studio-empty`,children:[(0,A.jsx)(`span`,{className:`empty-symbol`,children:(0,A.jsx)(r,{name:`graph`,size:26,stroke:1.5})}),(0,A.jsx)(`h2`,{children:`Nothing to draw yet`}),(0,A.jsx)(`p`,{children:`When you ask the Agent something here, the files it reads, the scripts it changes and runs, and what they produce are drawn as one graph.`}),(0,A.jsx)(`div`,{className:`empty-actions`,children:(0,A.jsxs)(`button`,{className:`primary`,onClick:()=>y(),children:[(0,A.jsx)(r,{name:`prompt`,size:17,stroke:1.6}),(0,A.jsx)(`span`,{children:`Ask Agent`})]})})]})]})}function de({byId:e,layout:t,view:n,canvas:r,dim:i,live:a,onMove:o}){let s=r.current?.getBoundingClientRect();if(!s||!t.width||t.width*n.k<=s.width&&t.height*n.k<=s.height&&n.x>=0&&n.y>=0&&n.x+t.width*n.k<=s.width&&n.y+t.height*n.k<=s.height)return null;let c=Math.max(64,Math.min(120,188*t.height/t.width)),l=Math.min(176/t.width,(c-12)/t.height),u=(188-t.width*l)/2,d=(c-t.height*l)/2,f={x:u+-n.x/n.k*l,y:d+-n.y/n.k*l,w:s.width/n.k*l,h:s.height/n.k*l};function p(e){let t=e.currentTarget,r=t.getBoundingClientRect();t.setPointerCapture(e.pointerId);let i=(e,t)=>{let i=(e-r.left-u)/l,a=(t-r.top-d)/l;o({...n,x:s.width/2-i*n.k,y:s.height/2-a*n.k})};i(e.clientX,e.clientY);let a=e=>i(e.clientX,e.clientY),c=()=>{t.removeEventListener(`pointermove`,a),t.removeEventListener(`pointerup`,c)};t.addEventListener(`pointermove`,a),t.addEventListener(`pointerup`,c)}return(0,A.jsx)(`div`,{className:`graph-map`,"aria-hidden":`true`,children:(0,A.jsxs)(`svg`,{width:188,height:c,onPointerDown:p,children:[t.items.map(n=>{let r=t.placed.get(n.id),o=e.get(n.node);return(0,A.jsx)(`rect`,{className:`tone-`+N(o)+(i(o.id)||n.proxy?` off`:``)+(a===n.id?` live`:``),x:u+r.x*l,y:d+r.y*l,width:Math.max(2,r.width*l),height:Math.max(2,r.height*l),rx:1.5},n.id)}),(0,A.jsx)(`rect`,{className:`graph-map-frame`,x:f.x,y:f.y,width:f.w,height:f.h,rx:3})]})})}function fe({counts:e,omitted:t=0,children:n}){let r=e?[e.questions+(e.questions===1?` question`:` questions`),e.files+(e.files===1?` file`:` files`),e.runs+(e.runs===1?` run`:` runs`)].join(` · `):``,i=e&&(e.findings||e.choices)?[e.findings?e.findings+(e.findings===1?` finding`:` findings`):``,e.choices?e.choices+(e.choices===1?` choice`:` choices`):``].filter(Boolean).join(` and `):``;return(0,A.jsxs)(`header`,{className:`graph-head`,children:[(0,A.jsxs)(`div`,{className:`graph-heading`,children:[(0,A.jsx)(`h1`,{id:`graph-title`,children:`Graph`}),(0,A.jsxs)(`p`,{children:[e?`What the Agent did: ${r}.`:`What the Agent did, drawn as one graph.`,i&&` The notes record ${i}.`,t>0&&` ${t} earlier ${t===1?`message is`:`messages are`} not drawn.`]})]}),n&&(0,A.jsx)(`div`,{className:`graph-tools`,children:n})]})}function pe(e,t){let n=t.get(e.node);return n?e.action===`ask`?`Asked: `+n.title:e.action===`answer`?e.label:e.action===`changed`?n.title+` · `+e.label.charAt(0).toLowerCase()+e.label.slice(1):e.label+` `+(n.kind===`run`?n.title:n.path??n.title):e.label}function me({node:e,place:t,client:n,snapshot:i,near:a,selected:o,dimmed:s,later:c,current:l,arrived:u,live:d,onSelect:p,onOpen:m}){let h=e.events.at(-1),g=e.kind===`question`?[e.agent,ce[e.state??``]??e.state,x(e.at)].filter(Boolean).join(` · `):e.kind===`run`?[e.end??L[e.outcome??``]??e.outcome,e.durationMs?f(e.durationMs):null,x(e.at)].filter(Boolean).join(` · `):[e.versions?e.versions.length+` versions`:``,I(e),h?x(h.at):``].filter(Boolean).join(` · `),_=e.path?.includes(`/`)?e.path.split(`/`).slice(0,-1).join(`/`):``,v=`${j(e)}: ${e.kind===`file`?e.path:e.title}. ${g}`;return(0,A.jsxs)(`button`,{className:`graph-node kind-`+e.kind+` tone-`+N(e),"data-node":e.id,style:{left:t.x,top:t.y,width:t.width,height:t.height},"aria-pressed":o,"aria-label":v,"data-dimmed":s||void 0,"data-later":c||void 0,"data-current":l||void 0,"data-arrived":u||void 0,"data-live":d?``:void 0,"data-missing":e.kind===`file`&&!e.exists||void 0,onClick:p,onDoubleClick:m,children:[d&&(0,A.jsxs)(`span`,{className:`graph-flag`+(e.waiting?` waiting`:``),children:[(0,A.jsx)(`span`,{className:`pulse-dot`,"aria-hidden":`true`}),d]}),(0,A.jsxs)(`span`,{className:`graph-node-head`,children:[(0,A.jsx)(`span`,{className:`graph-node-icon`,children:(0,A.jsx)(r,{name:M(e),size:15,stroke:1.8})}),(0,A.jsxs)(`span`,{className:`graph-node-kind`,children:[j(e),_&&(0,A.jsxs)(`span`,{className:`graph-node-folder`,children:[` · `,_]})]})]}),(0,A.jsx)(`strong`,{className:`graph-node-title`,title:e.kind===`question`?e.text:e.path??e.command,children:e.title}),e.kind===`question`&&e.answer&&(0,A.jsx)(`span`,{className:`graph-node-answer`,children:oe(e.answer)}),P(e)&&(e.capturedAt===void 0||!c)&&(0,A.jsx)(R,{client:n,snapshot:i,node:e,shown:a&&!c}),e.kind===`file`&&!e.resource&&(0,A.jsx)(`span`,{className:`graph-node-meta`,children:`Historical version not captured`}),(0,A.jsx)(`span`,{className:`graph-node-meta`,children:e.kind===`file`&&!e.exists?`Not in the folder now`:g})]})}function he({node:e,place:t,client:n,snapshot:i,near:a,agentOf:o,selected:s,dimmed:c,later:l,arrived:u,onSelect:d,onOpen:f}){let p=e.meaning,m=e.kind===`file`,h=m?p.description?.trace:p.trace,g=h?.files.some(e=>e.later===`kept`)?`newer version since`:h?.files.some(e=>e.later===`written`)?`written again since`:``,v=e.path?.includes(`/`)?e.path.split(`/`).slice(0,-1).join(`/`):``,y=m?p.description:void 0,b=m&&!y?`Nothing says what it holds yet`:y?.source===`model`?`Described by ${_(y.model)}${y.strategy===`context`?` from code`:``} · ${x(y.at??0)}${y.earlier?` · earlier version`:``}`:y?.source===`facts`?`Read from the file · ${x(y.at??0)}${y.writing?` · describing…`:``}`:p.message?`Asked ${x(p.message.at)} · no notes yet`:F(h,o),S=e.kind===`question`&&!p.statement&&!p.message?`Section`:j(e);return(0,A.jsxs)(`button`,{className:`graph-node meaning kind-`+e.kind+` tone-`+N(e),"data-node":e.id,style:{left:t.x,top:t.y,width:t.width,height:t.height},"aria-pressed":s,"aria-label":`${S}: ${m?(p.description?.text?p.description.text+`, `:``)+e.path:e.text}. ${b}`,"data-dimmed":c||void 0,"data-later":l||void 0,"data-arrived":u||void 0,"data-missing":m&&!e.exists||void 0,onClick:d,onDoubleClick:f,children:[(0,A.jsxs)(`span`,{className:`graph-node-head`,children:[(0,A.jsx)(`span`,{className:`graph-node-icon`,children:(0,A.jsx)(r,{name:M(e),size:15,stroke:1.8})}),(0,A.jsxs)(`span`,{className:`graph-node-kind`,children:[S,m&&v&&(0,A.jsxs)(`span`,{className:`graph-node-folder`,children:[` · `,v]}),e.kind===`question`&&!p.message&&(0,A.jsxs)(`span`,{className:`graph-node-folder`,children:[` · `,p.session]})]})]}),(0,A.jsx)(`strong`,{className:`graph-node-title meaning-text`+(y?` holds-`+y.source:``),title:m?e.path:e.text,children:m&&y?.text||e.title}),m&&y?.text&&(0,A.jsx)(`span`,{className:`graph-node-path`,children:e.title}),m&&P(e)&&(0,A.jsx)(R,{client:n,snapshot:i,node:e,shown:a&&!l}),(0,A.jsxs)(`span`,{className:`graph-node-meta`,children:[e.kind===`question`&&p.todos?`${p.todos.done} of ${p.todos.total} to-dos done · `:``,b,g&&(0,A.jsxs)(`span`,{className:`meaning-changed`,children:[` · `,g]}),m&&!e.exists&&` · not in the folder now`]})]})}function ge({layout:e,focus:t,shown:n,labels:r,dim:i,live:a}){return(0,A.jsxs)(`svg`,{className:`graph-edges`,width:e.width,height:e.height,"aria-hidden":`true`,style:{overflow:`visible`},children:[(0,A.jsxs)(`defs`,{children:[(0,A.jsx)(`marker`,{id:`graph-arrow`,viewBox:`0 0 10 10`,refX:`9`,refY:`5`,markerWidth:`7`,markerHeight:`7`,orient:`auto-start-reverse`,children:(0,A.jsx)(`path`,{d:`M0 1 9 5 0 9z`,className:`arrow`})}),(0,A.jsx)(`marker`,{id:`graph-arrow-on`,viewBox:`0 0 10 10`,refX:`9`,refY:`5`,markerWidth:`7`,markerHeight:`7`,orient:`auto-start-reverse`,children:(0,A.jsx)(`path`,{d:`M0 1 9 5 0 9z`,className:`arrow on`})})]}),e.rows.slice(1).map(t=>(0,A.jsx)(`line`,{className:`graph-row-rule`,x1:-40,x2:e.width+40,y1:t.y-32,y2:t.y-32},t.turn)),e.links.filter(t=>n(t.edge)&&!(t.edge.label===`ran`&&e.links.some(n=>n.from===t.from&&e.links.some(e=>e.from===n.to&&e.to===t.to)))).map(n=>{let o=n.edge,s=e.placed.get(n.from),c=e.placed.get(n.to),l=s.x+s.width<=c.x,u=l?s.x+s.width:s.x+s.width/2,d=l?s.y+s.height/2:s.y+s.height,f=l?c.x:c.x+c.width/2,p=l?c.y+c.height/2:c.y,m=Math.max(36,(f-u)/2),h=l?`M${u} ${d} C${u+m} ${d} ${f-m} ${p} ${f-2} ${p}`:`M${u} ${d} C${u} ${d+80} ${f} ${p-80} ${f} ${p-2}`,g=!!t?.edges.has(o.id),_=t&&!g||i(o.from)||i(o.to),v=(u+f)/2,y=l?(d+p)/2:(d+p)/2+40;return(0,A.jsxs)(`g`,{"data-label":o.label,className:`graph-edge `+o.basis+(g?` on`:``)+(_?` off`:``)+(a&&n.to===a?` live`:``),children:[(0,A.jsx)(`path`,{d:h,markerEnd:g?`url(#graph-arrow-on)`:`url(#graph-arrow)`}),r&&!_&&(0,A.jsx)(`text`,{x:v,y:y-(o.label.length>12?18:6),textAnchor:`middle`,children:o.label.length>12?o.label.split(/ (?=while|meanwhile)/).map((e,t,n)=>(0,A.jsx)(`tspan`,{x:v,dy:t?13:0,children:e+(t<n.length-1?` `:``)},t)):o.label})]},n.id+n.from)})]})}function _e({item:e,node:t,place:n,home:i,dimmed:a,later:o,selected:s,live:c,onSelect:l}){return(0,A.jsxs)(`button`,{className:`graph-node graph-ref tone-`+N(t),"data-node":e.id,style:{left:n.x,top:n.y,width:n.width,height:n.height},"aria-label":`${t.kind===`file`?t.path:t.title}, from ${i}. Go there`,"aria-pressed":s,"data-dimmed":a||void 0,"data-later":o||void 0,"data-live":c?``:void 0,onClick:l,children:[c&&(0,A.jsxs)(`span`,{className:`graph-flag`+(t.waiting?` waiting`:``),children:[(0,A.jsx)(`span`,{className:`pulse-dot`,"aria-hidden":`true`}),c]}),(0,A.jsxs)(`span`,{className:`graph-node-head`,children:[(0,A.jsx)(`span`,{className:`graph-node-icon`,children:(0,A.jsx)(r,{name:M(t),size:13,stroke:1.8})}),(0,A.jsxs)(`span`,{className:`graph-node-kind`,children:[j(t),` · from `,i]}),(0,A.jsx)(r,{name:`back`,size:12})]}),(0,A.jsx)(`strong`,{className:`graph-node-title`,children:t.title})]})}function ve({node:e,graph:t,process:n,traces:a,byId:s,client:c,snapshot:l,principalId:u,workspace:d,onStudio:p,onAbout:m,onAgent:h,onSelect:g,onTrace:_,agentOf:v,onClose:S}){let C=(0,k.useContext)(y),te=l.annotations.filter(t=>e.resource&&(t.anchor?.resource?.id===e.resource.id&&t.anchor?.resource?.version===e.resource.version||t.messages?.some(t=>t.resources?.some(t=>t.id===e.resource.id&&t.version===e.resource.version)))),[w,ne]=(0,k.useState)(!1),[E,D]=(0,k.useState)(``);async function re(){ne(!0),D(``);try{let t=await o(c,l,d(),e.path);t?p(t.compositionId,t.viewId):D(`Rho has no viewer for this kind of file yet.`)}catch(e){D(e instanceof Error?e.message:`It could not be opened in the workspace.`)}finally{ne(!1)}}let O=t.edges.filter(t=>t.to===e.id),P=t.edges.filter(t=>t.from===e.id),ie=e=>s.get(`q:`+e)?.title??`A message`,F=(e,t)=>e.map(e=>{let n=s.get(t===`from`?e.from:e.to);return(0,A.jsxs)(`li`,{children:[(0,A.jsxs)(`button`,{className:`graph-link`,onClick:()=>g(n.id),children:[(0,A.jsx)(r,{name:M(n),size:14}),(0,A.jsx)(`span`,{children:n.title})]}),(0,A.jsx)(`small`,{className:`graph-basis `+e.basis,children:e.label})]},e.id)}),ae=e.kind===`question`&&e.events.at(-1)?.action===`answer`?b(e.events.at(-1).at-e.at):``;return(0,A.jsxs)(`aside`,{className:`graph-inspector`,"aria-label":j(e)+` `+e.title,children:[(0,A.jsxs)(`header`,{className:`graph-inspector-head`,children:[(0,A.jsx)(`span`,{className:`graph-node-icon tone-`+N(e),children:(0,A.jsx)(r,{name:M(e),size:16,stroke:1.8})}),(0,A.jsxs)(`div`,{children:[(0,A.jsx)(`small`,{children:e.meaning&&e.kind!==`file`?j(e)+` · in the notes`:j(e)}),(0,A.jsx)(`h2`,{title:e.path??e.text,children:e.kind===`file`?e.title:e.kind===`run`?e.commands?e.title:`Ran a command`:e.meaning?e.meaning.session:`You asked`}),e.kind===`file`&&(0,A.jsxs)(`p`,{children:[e.path,e.bytes!==void 0&&e.exists?` · `+ee(e.bytes):``]})]}),(0,A.jsx)(`button`,{className:`icon-button`,"aria-label":`Close`,onClick:S,children:(0,A.jsx)(r,{name:`close`,size:17})})]}),(0,A.jsxs)(`div`,{className:`graph-inspector-body`,children:[e.meaning&&(0,A.jsx)(ye,{node:e,graph:t,process:n,traces:a,client:c,snapshot:l,agentOf:v,onAgent:h,onTrace:_,onSelect:g}),e.kind===`question`&&!e.meaning&&(0,A.jsxs)(`section`,{className:`graph-said`,children:[(0,A.jsx)(`p`,{className:`graph-question`,children:e.text}),(0,A.jsx)(`p`,{className:`graph-facts`,children:[e.agent,ce[e.state??``]??e.state,ae&&`took `+ae,e.model].filter(Boolean).join(` · `)}),e.answer&&(0,A.jsx)(`div`,{className:`graph-answer`,children:(0,A.jsx)(i,{text:e.answer,streaming:e.state===`running`})}),(0,A.jsxs)(`button`,{onClick:()=>h(e.conversationId),children:[(0,A.jsx)(r,{name:`prompt`,size:15}),`Show the conversation`]})]}),e.waiting&&(0,A.jsx)(be,{waiting:e.waiting,client:c,projectId:l.project.id},e.waiting.permission),e.commands&&(0,A.jsxs)(`section`,{className:`graph-said`,children:[(0,A.jsxs)(`p`,{className:`graph-facts`,children:[`Commands that read, ran or changed no project file, for “`,ie(e.turn),`”`]}),(0,A.jsx)(`ol`,{className:`graph-commands`,children:e.commands.map(e=>(0,A.jsx)(`li`,{children:(0,A.jsxs)(`details`,{children:[(0,A.jsxs)(`summary`,{children:[(0,A.jsx)(`code`,{title:e.ran,children:e.command}),(0,A.jsx)(`small`,{children:[e.end??L[e.outcome??``]??e.outcome,e.durationMs?f(e.durationMs):null,x(e.at)].filter(Boolean).join(` · `)})]}),e.output?.text?(0,A.jsx)(`pre`,{className:`graph-output`,children:e.output.text}):(0,A.jsx)(`p`,{className:`muted`,children:`Printed nothing.`})]})},e.id))})]}),e.kind===`run`&&!e.commands&&(0,A.jsxs)(`section`,{className:`graph-said`,children:[(0,A.jsx)(`pre`,{className:`graph-command`,title:e.ran,children:e.command}),(0,A.jsxs)(`p`,{className:`graph-facts`,children:[[e.end??L[e.outcome??``]??e.outcome,e.durationMs?`took `+f(e.durationMs):null,x(e.at,!0)].filter(Boolean).join(` · `),` · for “`,ie(e.turn),`”`]}),e.output&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(`h3`,{className:`caption`,children:e.output.text?e.output.cut?`Printed · last ${e.output.text.split(`
-`).length} of ${e.output.lines} lines`:`Printed`:`Printed nothing`}),e.output.text&&(0,A.jsx)(`pre`,{className:`graph-output`,ref:le,children:e.output.text})]}),e.ran&&e.ran!==e.command&&(0,A.jsxs)(`p`,{className:`graph-facts`,children:[`As run: `,(0,A.jsx)(`code`,{children:e.ran})]})]}),e.kind===`file`&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(`p`,{className:`graph-facts`,children:e.resource?(e.versions?`Newest of ${e.versions.length} versions kept during this message, `:`Version kept `)+new Date(e.capturedAt).toLocaleString()+(e.captureSource===`buffer`?` from the open editor`:e.captureSource===`disk`?` from disk`:``)+` · which step made it is not confirmed`:e.gap}),e.resource&&(0,A.jsx)(T,{client:c,projectId:l.project.id,resource:e.resource,path:e.path}),(0,A.jsx)(`div`,{className:`graph-actions`,children:e.exists&&(0,A.jsxs)(`button`,{className:`primary`,disabled:w,onClick:()=>void re(),children:[(0,A.jsx)(r,{name:`layout`,size:15}),w?`Opening…`:`Open current file in workspace`]})})]}),te.map(e=>(0,A.jsxs)(`button`,{onClick:()=>C?.openReview?.(e.annotationId),children:[`Review: `,e.messages[0].draft.text.slice(0,70)]},e.annotationId)),E&&(0,A.jsx)(`p`,{className:`canvas-note`,role:`alert`,children:E}),e.kind===`file`&&!e.exists&&(0,A.jsx)(`p`,{className:`muted`,children:`This file was not in the project folders when they were last read. It may have been moved or removed.`}),O.length>0&&(0,A.jsxs)(`section`,{children:[(0,A.jsx)(`h3`,{className:`caption`,children:`Comes from`}),(0,A.jsx)(`ul`,{className:`graph-relations`,children:F(O,`from`)})]}),P.length>0&&(0,A.jsxs)(`section`,{children:[(0,A.jsx)(`h3`,{className:`caption`,children:`Leads to`}),(0,A.jsx)(`ul`,{className:`graph-relations`,children:F(P,`to`)})]}),e.kind===`file`&&!e.meaning&&(0,A.jsxs)(`section`,{children:[(0,A.jsx)(`h3`,{className:`caption`,children:`What happened`}),(0,A.jsx)(`ol`,{className:`graph-history`,children:e.events.map(e=>(0,A.jsxs)(`li`,{children:[(0,A.jsx)(`time`,{children:x(e.at)}),(0,A.jsxs)(`span`,{children:[e.label,e.outcome&&e.outcome!==`returned`?` · `+(L[e.outcome]??e.outcome).toLowerCase():``]}),(0,A.jsx)(`button`,{className:`graph-link`,onClick:()=>g(`q:`+e.turn),children:ie(e.turn)})]},e.key))})]})]})]})}function ye({node:e,graph:t,process:n,traces:i,client:a,snapshot:o,agentOf:s,onAgent:c,onTrace:l,onSelect:u}){let d=e.meaning,f=e.kind===`file`,p=f?d.description?.trace:d.trace,m=(0,k.useContext)(y),v=i.find(t=>t.from===e.id&&t.label===`kept as`)?.to,b=p?.written?`q:`+p.written.turn:null,S=b?n.nodes.find(e=>e.id===b):void 0;return(0,A.jsxs)(`section`,{className:`graph-said meaning-said`,children:[f?d.description?(0,A.jsx)(`p`,{className:`meaning-statement`,children:d.description.text}):(0,A.jsx)(`p`,{className:`muted`,children:`The notes do not say what this file holds.`}):e.kind===`choice`&&d.statement?(0,A.jsx)(O,{statement:d.statement,trace:d.trace,conversationId:d.conversationId,client:a,projectId:o.project.id,onPath:e=>m?.openPath?.(e),onSent:e=>c(e)}):(0,A.jsx)(`p`,{className:`meaning-statement`,children:e.text}),e.kind===`question`&&d.todos&&(0,A.jsxs)(`p`,{className:`graph-facts`,children:[d.todos.done,` of `,d.todos.total,` to-dos done`]}),f&&d.description&&d.description.source!==`notes`&&(0,A.jsxs)(`div`,{className:`meaning-trace`,children:[(0,A.jsx)(`h3`,{className:`caption`,children:`Where this comes from`}),(0,A.jsx)(`p`,{className:`graph-facts`,children:d.description.source===`model`?(0,A.jsxs)(A.Fragment,{children:[`Described by `,_(d.description.model),` at `,x(d.description.at??0,!0),` `,g(d.description),d.description.earlier?`, from an earlier version than the facts below`:``,`. A model's sentence; it is not checked. The notes do not say what this file holds yet.`]}):(0,A.jsxs)(A.Fragment,{children:[`Read from the file at `,x(d.description.at??0,!0),d.description.writing?`; a model is writing a sentence about it`:``,`. The notes do not say what this file holds yet.`]})}),d.description.source===`model`&&d.description.why&&(0,A.jsx)(`p`,{className:`graph-facts`,children:d.description.why}),d.description.source===`model`&&d.description.cost&&(0,A.jsx)(`p`,{className:`graph-facts`,children:h(d.description.cost)}),d.description.source===`model`&&d.description.facts&&(0,A.jsxs)(`p`,{className:`graph-facts`,children:[`Facts read from the file: `,d.description.facts]})]}),d.message&&(0,A.jsxs)(`div`,{className:`meaning-trace`,children:[(0,A.jsx)(`h3`,{className:`caption`,children:`Where this comes from`}),(0,A.jsxs)(`p`,{className:`graph-facts`,children:[`Asked at `,x(d.message.at,!0),`. The notes have no section for this conversation yet, so its results are shown by what was read from them.`]}),(0,A.jsx)(`div`,{className:`graph-actions`,children:(0,A.jsxs)(`button`,{onClick:()=>l(d.message.id),children:[(0,A.jsx)(r,{name:`graph`,size:15}),`Show the message`]})})]}),!d.message&&(!f||d.description?.source===`notes`)&&(0,A.jsxs)(`div`,{className:`meaning-trace`,children:[(0,A.jsx)(`h3`,{className:`caption`,children:`Where this comes from`}),(0,A.jsx)(`p`,{className:`graph-facts`,children:p?.written?(0,A.jsxs)(A.Fragment,{children:[`Written by `,s(p.written.conversationId)??`the Agent`,` at `,x(p.written.at,!0),`, first in version `,p.written.version,` of `,p.written.of,` of the notes that the Agent's record kept.`]}):(0,A.jsx)(A.Fragment,{children:`No version of the notes that the Agent's record kept holds this. You or another program wrote it, or the record kept no version since.`})}),p?.files.length?(0,A.jsx)(`ul`,{className:`meaning-files`,children:p.files.map(e=>{let n=t.nodes.find(t=>t.id===`m:f:`+e.path);return(0,A.jsxs)(`li`,{children:[(0,A.jsxs)(`button`,{className:`graph-link`,onClick:()=>n&&u(n.id),children:[(0,A.jsx)(r,{name:`file`,size:13}),(0,A.jsx)(`span`,{children:e.path})]}),(0,A.jsxs)(`small`,{children:[e.kept?`version kept `+x(e.kept.at):`no version kept`,e.later===`kept`?` · a newer version was kept since`:e.later===`written`?` · written again since`:``]})]},e.path)})}):null,(0,A.jsxs)(`div`,{className:`graph-actions`,children:[S&&(0,A.jsxs)(`button`,{onClick:()=>l(S.id),children:[(0,A.jsx)(r,{name:`graph`,size:15}),`Show the message it was written in`]}),v&&(0,A.jsxs)(`button`,{onClick:()=>l(v),children:[(0,A.jsx)(r,{name:`graph`,size:15}),`Show this version in the process`]}),!S&&!v&&d.conversationId&&(0,A.jsxs)(`button`,{onClick:()=>c(d.conversationId),children:[(0,A.jsx)(r,{name:`prompt`,size:15}),`Show the conversation`]})]})]})]})}function be({waiting:e,client:t,projectId:n}){let[r,i]=(0,k.useState)(``),[a,o]=(0,k.useState)(``);function s(r){i(r),o(``),t.call(`conversation.permission`,{projectId:n,conversationId:e.conversationId,turnId:e.turn,permissionId:e.permission,optionId:r}).catch(e=>{i(``),o(e instanceof Error?e.message:`The choice could not be sent.`)})}return(0,A.jsxs)(`section`,{className:`turn-permission graph-choice`,role:`group`,"aria-label":`Agent permission`,children:[(0,A.jsxs)(`p`,{className:`permission-caption`,children:[(0,A.jsx)(`span`,{"aria-hidden":`true`}),`Needs your choice`]}),(0,A.jsx)(`p`,{className:`permission-title`,children:e.title}),(0,A.jsx)(`div`,{children:e.options.map(e=>(0,A.jsx)(`button`,{className:`small-button`,disabled:!!r,onClick:()=>s(e.id),children:e.name},e.id))}),a&&(0,A.jsx)(`p`,{className:`inline-error`,role:`alert`,children:a})]})}var xe=[1e4,3e4,6e4,12e4,3e5,6e5,9e5,18e5,36e5,72e5,216e5],V={failed:`Failed`,stopped:`Stopped`,unknown:`Outcome unknown`};function Se({graph:e,marks:t=[],cursor:n,playing:i,running:a,speed:o,onSpeed:c,onCursor:l,onPlay:u,compact:d=!1}){let f=(0,k.useRef)(null),[h,g]=(0,k.useState)(600),[_,y]=(0,k.useState)(null),[C,ee]=(0,k.useState)(null);(0,k.useLayoutEffect)(()=>{let e=f.current;if(!e)return;let t=new ResizeObserver(()=>g(e.clientWidth));return t.observe(e),g(e.clientWidth),()=>t.disconnect()},[]);let w=(0,k.useMemo)(()=>{let n=[...e.turns.map(e=>({start:e.start,end:e.end})),...t.map(e=>({start:e.at,end:e.end}))].sort((e,t)=>e.start-t.start),r=[];for(let e of n){let t=r.at(-1);t&&e.start<=t.end+3e4?t.end=Math.max(t.end,e.end):r.push({start:e.start,end:Math.max(e.end,e.start+1e3)})}return r},[e.turns,t]),T=(0,k.useMemo)(()=>{let n=[];for(let t of[...e.turns].sort((e,t)=>e.start-t.start)){let e=n.find(e=>e.id===t.conversationId);e?e.turns.push(t):n.push({id:t.conversationId,title:t.title,agent:t.agent,who:`conversation`,start:t.start,turns:[t]})}for(let e of t)n.some(t=>t.id===e.lane)||n.push({id:e.lane,title:e.laneTitle,agent:e.agent??``,who:e.who,start:e.at,turns:[]});let r=e=>e===`person`?0:e===`conversation`?1:2;return n.sort((e,t)=>r(e.who)-r(t.who)||e.start-t.start)},[e.turns,t]),E=(0,k.useMemo)(()=>new Map(T.map((e,t)=>[e.id,t])),[T]),D=(0,k.useMemo)(()=>{let n=new Map(e.turns.map(e=>[e.id,E.get(e.conversationId)??0]));return[...e.events.map(e=>({key:e.key,at:e.at,lane:n.get(e.turn)??0,kind:p(e.action),failed:v(e),event:e})),...t.map(e=>({key:e.key,at:e.at,lane:E.get(e.lane)??0,kind:p(e.action),failed:e.failed,mark:e}))].sort((e,t)=>e.at-t.at)},[e.events,e.turns,t,E]),re=Math.max(100,h-44*Math.max(0,w.length-1)),O=S(w,D,re),j=[],M=0;w.forEach((e,t)=>{j.push(M),M+=O[t]+44});let N=e=>O[e],P=e=>{let t=w.findIndex(t=>e<=t.end),n=t<0?w.length-1:t,r=w[n],i=N(n);return j[n]+Math.min(i,Math.max(0,(e-r.start)/(r.end-r.start)*i))},ie=e=>{for(let t=w.length-1;t>=0;t--)if(e>=j[t]){let n=w[t],r=N(t);return n.start+Math.min(1,Math.max(0,(e-j[t])/r))*(n.end-n.start)}return w[0]?.start??0},F=D.at(-1)?.at??0,ae=n===null?D.length:D.filter(e=>e.at<=n).length;function oe(e){let t=e.currentTarget,n=t.getBoundingClientRect();t.setPointerCapture(e.pointerId),y(null);let r=e=>{let t=ie(e-n.left),r=D.reduce((e,n)=>Math.abs(n.at-t)<Math.abs(e.at-t)?n:e,D[0]);l(Math.abs(P(r.at)-(e-n.left))<8?r.at:t)};r(e.clientX);let i=e=>r(e.clientX),a=()=>{t.removeEventListener(`pointermove`,i),t.removeEventListener(`pointerup`,a),t.removeEventListener(`pointercancel`,a)};t.addEventListener(`pointermove`,i),t.addEventListener(`pointerup`,a),t.addEventListener(`pointercancel`,a)}function se(e){if(e.buttons)return;let t=e.currentTarget.getBoundingClientRect(),n=e.clientX-t.left,r=Math.floor((e.clientY-t.top-0)/24),i=null,a=7;for(let e of D){if(e.lane!==r)continue;let t=Math.abs(P(e.at)-n);t<a&&(i=e,a=t)}y(i?{block:i,x:P(i.at),lane:r}:null)}function I(e){let t=n??F,r=e.key===`ArrowRight`?D.find(e=>e.at>t)?.at??null:e.key===`ArrowLeft`?[...D].reverse().find(e=>e.at<t)?.at??D[0].at:e.key===`Home`?D[0].at:e.key===`End`?null:void 0;r!==void 0&&(e.preventDefault(),l(r))}let ce=n===null?h:P(n),le=e.turns.reduce((e,t)=>e+(t.end-t.start),0),R=m.map(e=>({...e,count:D.filter(t=>t.kind===e.key).length})).filter(e=>e.count>0),z=D.filter(e=>e.failed).length,ue=T.filter(e=>e.who===`conversation`).length,B=t.filter(e=>e.who===`person`).length,de=w.flatMap((e,t)=>{let n=N(t),r=e.end-e.start,i=xe.find(e=>n*e/r>=72)??xe.at(-1),a=[{at:e.start,x:j[t],first:!0}];for(let r=Math.ceil(e.start/i)*i;r<e.end;r+=i){let e=P(r);e-a.at(-1).x>=60&&j[t]+n-e>=24&&a.push({at:r,x:e,first:!1})}return a.map(e=>({...e,label:x(e.at,i<6e4)}))}),fe=w.slice(1).map((e,t)=>({x:j[t+1]-44,length:e.start-w[t].end})),me=(0,k.useMemo)(()=>new Map(e.nodes.map(e=>[e.id,e])),[e.nodes]),he=d?`div`:`footer`,ge=[e.turns.length?`${e.turns.length} ${e.turns.length===1?`message`:`messages`} · ${b(le)}`:``,ue>1?`${ue} conversations`:``,B?`${B} by you`:``].filter(Boolean).join(` · `);return(0,A.jsxs)(he,{className:`graph-timeline`+(d?` compact`:``)+(C?` only-`+C:``),"aria-label":`Timeline`,children:[(0,A.jsxs)(`div`,{className:`tl-head`,children:[!d&&(0,A.jsx)(`button`,{className:`graph-play`,"aria-label":i?`Pause`:`Play the work from the start`,onClick:u,children:(0,A.jsx)(r,{name:i?`pause`:`run`,size:16})}),(0,A.jsxs)(`div`,{className:`graph-timeline-text`,children:[(0,A.jsxs)(`strong`,{children:[D.filter(e=>e.kind!==`ask`&&e.kind!==`answer`).length,` actions`]}),(0,A.jsx)(`span`,{children:ge})]}),(0,A.jsxs)(`div`,{className:`tl-legend`,role:`group`,"aria-label":`Show one kind of action`,children:[R.map(e=>(0,A.jsxs)(`button`,{className:`tl-kind `+e.key,"aria-pressed":C===e.key,onClick:()=>ee(C===e.key?null:e.key),children:[(0,A.jsx)(`i`,{"aria-hidden":`true`}),(0,A.jsx)(`span`,{children:e.label}),(0,A.jsx)(`small`,{children:e.count})]},e.key)),z>0&&(0,A.jsxs)(`span`,{className:`tl-kind failed`,children:[(0,A.jsx)(`i`,{"aria-hidden":`true`}),(0,A.jsx)(`span`,{children:`Failed, refused or unknown`}),(0,A.jsx)(`small`,{children:z})]})]}),!d&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(`div`,{className:`tl-speed`,role:`group`,"aria-label":`Replay speed`,children:[1,2,4].map(e=>(0,A.jsxs)(`button`,{"aria-pressed":o===e,onClick:()=>c(e),children:[e,`×`]},e))}),(0,A.jsx)(`button`,{className:`graph-now`+(n===null?` on`:``),"aria-pressed":n===null,onClick:()=>l(null),children:a?(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(`span`,{className:`pulse-dot`,"aria-hidden":`true`}),`Live`]}):`Now`})]})]}),(0,A.jsxs)(`div`,{className:`tl-body`,children:[(0,A.jsx)(`ol`,{className:`tl-names`,"aria-label":`Who did it`,children:T.map(e=>{let t=e.who===`conversation`?s(e.agent):null,n=e.who===`conversation`&&T.some(t=>t!==e&&t.title===e.title)&&e.turns[0]?x(e.turns[0].start)+` · `+e.title:e.title;return(0,A.jsxs)(`li`,{title:n,"data-who":e.who,children:[t?(0,A.jsx)(te,{brand:t,size:13}):(0,A.jsx)(r,{name:e.who===`person`?`person`:e.who===`other`?`monitor`:`chat`,size:13}),(0,A.jsx)(`span`,{children:n})]},e.id)})}),(0,A.jsxs)(`div`,{className:`tl-plot`,children:[(0,A.jsxs)(`div`,{ref:f,className:`graph-track`,...d?{role:`img`,"aria-label":`${D.length} steps over ${T.length} ${T.length===1?`lane`:`lanes`}`}:{role:`slider`,tabIndex:0,"aria-label":`When`,"aria-valuemin":0,"aria-valuemax":D.length,"aria-valuenow":ae,"aria-valuetext":n===null?`Now · everything`:`${x(n,!0)} · ${ae} of ${D.length}`,onPointerDown:oe,onKeyDown:I},onPointerMove:se,onPointerLeave:()=>y(null),style:{height:T.length*24},children:[T.map((e,n)=>(0,A.jsxs)(`div`,{className:`tl-lane`,style:{top:n*24,height:24},children:[e.turns.map(e=>(0,A.jsx)(`span`,{className:`tl-band`+(e.running?` running`:``),style:{left:P(e.start),width:Math.max(4,P(e.end)-P(e.start))}},e.id)),e.who!==`conversation`&&t.filter(t=>t.lane===e.id).map(e=>(0,A.jsx)(`span`,{className:`tl-band`+(e.outcome===`running`?` running`:``),style:{left:P(e.at),width:Math.max(4,P(e.end)-P(e.at))}},e.key))]},e.id)),fe.map((e,t)=>(0,A.jsx)(`span`,{className:`tl-fold`,style:{left:e.x,width:44,height:T.length*24},"aria-hidden":`true`},t)),D.map(e=>(0,A.jsx)(`i`,{className:`graph-tick tl-block `+e.kind+(e.failed?` failed`:``)+(n!==null&&e.at>n?` later`:``)+(_?.block.key===e.key?` hot`:``),style:{left:P(e.at),top:e.lane*24+5}},e.key)),(0,A.jsx)(`span`,{className:`graph-head-line`,style:{left:ce,height:T.length*24+22},children:n!==null&&(0,A.jsx)(`time`,{children:x(n,!0)})}),_&&(0,A.jsxs)(`div`,{className:`tl-tip`,style:{left:Math.min(Math.max(_.x,110),h-110),top:_.lane*24},role:`tooltip`,children:[(0,A.jsx)(`time`,{children:x(_.block.at,!0)}),_.block.event?(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(`span`,{children:pe(_.block.event,me)}),_.block.failed&&(0,A.jsx)(`small`,{children:L[_.block.event.outcome]})]}):_.block.mark&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(`span`,{children:ne(_.block.mark)}),V[_.block.mark.outcome]&&(0,A.jsx)(`small`,{children:V[_.block.mark.outcome]})]})]})]}),(0,A.jsxs)(`div`,{className:`tl-axis`,"aria-hidden":`true`,children:[de.map(e=>(0,A.jsx)(`span`,{className:e.first?`first`:``,style:{left:e.x},children:e.label},e.at+`:`+e.x)),fe.map((e,t)=>(0,A.jsx)(`small`,{style:{left:e.x+22},title:`A pause of `+b(e.length),children:b(e.length)},t))]})]})]})]})}function H({client:e,snapshot:t,files:n,onOpen:i,onConversations:o}){let{turns:s,loading:c}=w(e,t),{marks:l}=E(e,t),d=(0,k.useMemo)(()=>u({turns:s,files:n.files.map(e=>({path:e.path,bytes:e.bytes,modifiedAt:e.modifiedAt,category:e.category})),project:t.project,kindOf:a,now:Date.now()}),[s,n.files,t.project]);if(c||!d.events.length&&!l.length)return null;let f=d.nodes.filter(e=>e.kind===`file`&&e.events.some(e=>e.action===`edit`||e.action===`write`||e.action===`changed`)).length,p=Math.max(d.events.at(-1)?.at??0,l.at(-1)?.at??0),m=Math.round((new Date().setHours(0,0,0,0)-new Date(p).setHours(0,0,0,0))/864e5),h=(m===0?`today`:m===1?`yesterday`:new Date(p).toLocaleDateString())+` at `+x(p),g=t.conversations?.length??0,_=l.some(e=>e.who===`person`),v=d.events.length?_?`What you and the Agent did`:`What the Agent did`:`What you did`;return(0,A.jsxs)(`section`,{className:`project-section work-strip`,"aria-labelledby":`work-strip-title`,children:[(0,A.jsxs)(`div`,{className:`section-heading`,children:[(0,A.jsxs)(`div`,{children:[(0,A.jsx)(`h2`,{id:`work-strip-title`,children:v}),(0,A.jsxs)(`p`,{className:`work-strip-line`,children:[g>0&&(0,A.jsxs)(A.Fragment,{children:[(0,A.jsxs)(`button`,{className:`text-button`,onClick:o,children:[g,` `,g===1?`conversation`:`conversations`]}),` · `,f,` `,f===1?`file`:`files`,` changed · `]}),`last `,h]})]}),d.events.length>0&&(0,A.jsxs)(`button`,{className:`text-button`,onClick:i,children:[`Open the Graph `,(0,A.jsx)(r,{name:`chevron`,size:12})]})]}),(0,A.jsx)(Se,{graph:d,marks:l,cursor:null,playing:!1,running:!1,speed:1,onSpeed:()=>void 0,onCursor:()=>void 0,onPlay:()=>void 0,compact:!0})]})}export{B as WorkGraph,H as WorkStrip};

package/dist/web/assets/index-B3_OVy91.css

@@ -1 +0,0 @@
-.settings-menu{min-width:0;max-width:100%;display:inline-flex;position:relative}.settings-menu>.setting-chip>svg{opacity:.7;transition:transform .15s;transform:rotate(90deg)}.settings-menu>.setting-chip[aria-expanded=true]{background:var(--color-hover);color:var(--color-ink)}.settings-menu>.setting-chip[aria-expanded=true]>svg{transform:rotate(-90deg)}.menu-pop{z-index:40;border:1px solid var(--color-hairline);background:var(--color-surface);border-radius:12px;flex-direction:column;width:min(300px,100cqw - 32px);max-height:min(62vh,460px);padding:6px;font-size:13px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 12px 32px #141e1929}.menu-pop.wide{width:min(360px,100cqw - 32px);height:min(62vh,460px)}.menu-row,.menu-choice{width:100%;min-height:36px;color:var(--color-ink);text-align:left;background:0 0;border:0;border-radius:8px;justify-content:flex-start;align-items:center;gap:10px;padding:6px 10px;font-weight:400;display:flex}.menu-row:hover,.menu-row:focus-visible,.menu-choice:hover,.menu-choice:focus-visible{background:var(--color-hover);outline:none}.menu-row:active,.menu-choice:active{background:var(--color-pressed)}.menu-label{flex:none}.menu-value{min-width:0;color:var(--color-meta);white-space:nowrap;flex:1;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.menu-value>svg{flex:none}.menu-value>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.menu-row>svg:last-child{color:var(--color-meta);flex:none}.menu-switch{background:var(--color-control-border);border-radius:9px;flex:none;width:30px;height:18px;margin-left:auto;transition:background .15s;position:relative}.menu-switch:after{content:"";background:var(--color-surface);border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #141e1940}.menu-switch.on{background:var(--color-accent)}.menu-switch.on:after{transform:translate(12px)}.menu-divider{background:var(--color-divider);flex:none;height:1px;margin:5px 6px}.menu-head{border-bottom:1px solid var(--color-divider);flex:none;align-items:center;gap:4px;margin:-2px -2px 4px;padding:0 0 6px;font-weight:600;display:flex}.menu-back{width:28px;height:28px;min-height:28px;color:var(--color-muted);background:0 0;border:0;border-radius:7px;flex:none;padding:0}.menu-back:hover,.menu-back:focus-visible{background:var(--color-hover);color:var(--color-ink);outline:none}.menu-choices{overscroll-behavior:contain;flex-direction:column;gap:1px;min-height:0;display:flex;overflow-y:auto}.menu-choice>svg:last-child{color:var(--color-accent);flex:none;margin-left:auto}.menu-choice[aria-checked=true]{font-weight:500}.menu-choice-text{flex-direction:column;gap:1px;min-width:0;display:flex}.menu-choice-text small{color:var(--color-meta);font-size:11.5px;font-weight:400;line-height:1.4}.menu-pop .model-search{border-bottom:1px solid var(--color-divider);flex:none;margin:-2px -2px 4px;padding:4px 8px 8px}.menu-pop .model-list{flex:auto;min-height:0;max-height:none;padding:0}.menu-pop .model-unknown{padding:10px}.outside-agents{flex-direction:column;gap:20px;min-width:0;display:flex;container-type:inline-size}.outside-head h2{letter-spacing:-.25px;font-size:20px;font-weight:650}.outside-head p{max-width:680px;color:var(--color-muted);margin-top:7px;font-size:14px;line-height:1.6}.connect-prompt-card{border:1px solid var(--color-hairline);background:var(--color-well);border-radius:14px;padding:24px}.connect-eyebrow{color:var(--color-muted);font-size:12px;font-weight:600}.connect-request{overflow-wrap:anywhere;max-width:760px;margin:12px 0 20px;font-size:19px;line-height:1.55}.connect-prompt-actions{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.connect-prompt-actions button{white-space:normal;gap:8px;min-height:38px}.connect-prompt-actions>span,.connect-copy-status{color:var(--color-muted);font-size:12px}.connect-copy-status{margin-top:12px}.connect-full-prompt{margin-top:18px}.connect-full-prompt summary,.outside-advanced>summary,.outside-host>summary{cursor:pointer;color:var(--color-muted);font-size:13px}.connect-full-prompt textarea{resize:vertical;border:1px solid var(--color-hairline);background:var(--color-surface);width:100%;color:var(--color-ink);font:12px/1.6 var(--font-mono);border-radius:8px;margin-top:12px;padding:12px;display:block}.connect-explanation{max-width:740px;color:var(--color-muted);font-size:13px;line-height:1.6}.outside-connections h3{margin-bottom:12px;font-size:14px;font-weight:600}.outside-connections ul{border:1px solid var(--color-hairline);border-radius:12px;margin:0;padding:0;list-style:none}.outside-connections li{overflow-wrap:anywhere;min-width:0;padding:16px 18px}.outside-connections li+li{border-top:1px solid var(--color-divider)}.connection-name{flex-wrap:wrap;align-items:baseline;gap:8px 14px;font-size:14px;display:flex}.connection-status{color:var(--color-meta);font-size:12px}.connection-status.verified{color:var(--color-verified)}.connection-status.warn{color:var(--color-amber)}.outside-connections li p{color:var(--color-muted);margin-top:6px;font-size:13px}.outside-connections li small{color:var(--color-meta);margin-top:6px;font-size:12px;display:block}.connections-empty{border:1px dashed var(--color-hairline);color:var(--color-muted);border-radius:12px;align-items:flex-start;gap:12px;padding:20px;font-size:13px;display:flex}.connections-empty>svg{flex:none}.connections-empty strong{color:var(--color-ink);font-weight:500}.connections-empty p{margin-top:6px;line-height:1.55}.outside-advanced>p{max-width:740px;color:var(--color-muted);margin:12px 0;font-size:13px;line-height:1.6}.outside-host[open]>summary{margin-bottom:12px}.seen-sessions{padding:0;font-size:13px;list-style:none}.seen-sessions span{color:var(--color-meta);margin-left:8px}@container (width<=620px){.connect-prompt-card{padding:18px}.connect-request{font-size:17px}.connect-prompt-actions{flex-direction:column;align-items:flex-start}}.agent-page{flex-direction:column;gap:16px;min-width:0;display:flex;container-type:inline-size}.agent-tabs{border-bottom:1px solid var(--color-divider);gap:4px;display:flex}.agent-tabs button{white-space:nowrap;min-height:36px;color:var(--color-muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:6px 12px;font-size:13.5px}.agent-tabs button:hover{color:var(--color-ink);background:0 0}.agent-tabs button[aria-selected=true]{border-bottom-color:var(--color-accent);color:var(--color-ink);font-weight:600}@media (width<=480px){.agent-tabs{gap:0}.agent-tabs button{padding:6px 9px}}.tab-count{background:var(--color-well);color:var(--color-meta);font-variant-numeric:tabular-nums;border-radius:999px;margin-left:2px;padding:0 6px;font-size:11px;font-weight:600}.conversations{flex-direction:column;gap:10px;min-width:0;display:flex}.conv-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.conv-search{flex:240px;align-items:center;max-width:380px;display:flex;position:relative}.conv-search svg{color:var(--color-meta);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.conv-search input{border:1px solid var(--color-control-border);background:var(--color-surface);border-radius:8px;width:100%;min-height:34px;padding:6px 10px 6px 32px}.conv-filter button{gap:6px}.conv-trash-toggle{color:var(--color-muted);gap:6px;margin-left:auto}.conv-trash-toggle.selected{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-strong)}.conv-notice{background:var(--color-well);border-radius:8px;align-items:center;gap:8px;margin:0;padding:7px 12px;font-size:13px;display:flex}.conv-day{flex-direction:column;gap:6px;display:flex}.conv-day-label{color:var(--color-meta);margin:8px 2px 0;font-size:12px;font-weight:600}.conv-rows{border:1px solid var(--color-hairline);background:var(--color-surface);border-radius:12px;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.conv-row+.conv-row{border-top:1px solid var(--color-divider)}.conv-line{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:8px 10px 8px 6px;display:grid}.conv-row:not(.open) .conv-line:hover{background:var(--color-hover)}.conv-row.open>.conv-line{background:var(--color-well)}.conv-toggle{text-align:left;background:0 0;border:0;justify-content:flex-start;align-items:flex-start;gap:12px;min-width:0;padding:6px 8px;font-weight:400}.conv-toggle:hover{background:0 0}.conv-toggle.static{cursor:default;display:flex}.conv-toggle .maker-mark{margin-top:1px}.conv-text{flex-direction:column;gap:3px;min-width:0;display:flex}.conv-title{color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.conv-meta{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:2px 0;font-size:12px;display:flex}.conv-meta>span+span:before{content:"·";color:var(--color-meta);margin:0 6px}.conv-state{align-items:center;gap:5px;font-weight:600;display:inline-flex}.conv-state.running{color:var(--color-accent-strong)}.conv-state.failed,.conv-state.unknown{color:var(--color-failed)}.conv-state.stopped{color:var(--color-amber-text)}.conv-usage{font-variant-numeric:tabular-nums;white-space:nowrap;flex-direction:column;align-items:flex-end;gap:3px;font-size:12.5px;display:flex}.conv-context{color:var(--color-ink);align-items:center;gap:6px;font-weight:600;display:inline-flex}.conv-context small{color:var(--color-meta);margin-left:-4px;font-weight:400}.conv-meter{background:var(--color-hairline);border-radius:2px;width:44px;height:4px;display:inline-block;overflow:hidden}.conv-meter span{background:var(--color-accent);border-radius:2px;height:100%;display:block}.conv-cost{color:var(--color-verified-text);font-weight:600}.conv-actions{align-items:center;gap:2px;display:flex}.conv-continue{min-height:30px;margin-right:4px;padding:4px 12px;font-size:13px}.conv-actions .icon-button{border-radius:7px;width:30px;height:30px;min-height:30px}.conv-actions .icon-button:hover:not(:disabled){background:var(--color-hover);color:var(--color-ink)}.conv-actions .icon-button:disabled{opacity:.35;cursor:default}.conv-chevron svg{transition:transform .15s}.conv-chevron[aria-expanded=true]{background:0 0}.conv-chevron[aria-expanded=true] svg{transform:rotate(90deg)}.conv-details{border-top:1px solid var(--color-divider);grid-template-columns:minmax(240px,340px) minmax(0,1fr);gap:20px;padding:14px 18px 18px 46px;display:grid}.conv-facts{grid-template-columns:74px minmax(0,1fr);align-content:start;gap:7px 12px;margin:0;font-size:12.5px;display:grid}.conv-facts dt{color:var(--color-meta)}.conv-facts dd{overflow-wrap:anywhere;min-width:0;margin:0}.conv-value{color:var(--color-muted);font-family:var(--font-mono);font-size:11.5px}.conv-copy{align-items:center;gap:2px;max-width:100%;display:inline-flex}.conv-copy code{min-width:0;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.conv-copy .icon-button{width:24px;height:24px;min-height:24px}.conv-work{flex-direction:column;gap:8px;min-width:0;display:flex}.conv-work h4{color:var(--color-meta);margin:0;font-size:12px;font-weight:600}.conv-work .work-turns{margin:0}.conv-trash{flex-direction:column;gap:8px;display:flex}.conv-trash-note{color:var(--color-muted);margin:0;font-size:12.5px}.conv-row.trashed .conv-title{color:var(--color-muted)}.conv-confirm{align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.conv-confirm button{min-height:28px;padding:3px 10px;font-size:12.5px}.conv-confirm .danger{border-color:var(--color-failed)}.agents-panel{flex-direction:column;gap:12px;display:flex}.agents-intro{max-width:76ch;color:var(--color-muted);margin:0;font-size:13px;line-height:1.5}.agent-rows{border:1px solid var(--color-hairline);background:var(--color-surface);border-radius:12px;margin:0;padding:0;list-style:none}.agent-row+.agent-row{border-top:1px solid var(--color-divider)}.agent-row-head{grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px 12px 16px;display:grid}.agent-row-mark{background:var(--color-well);border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.agent-row-name{flex-direction:column;gap:3px;min-width:0;display:flex}.agent-row-name>div{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.agent-row-name strong{font-size:15px}.agent-row-version{color:var(--color-meta);font-family:var(--font-mono);font-size:11.5px}.agent-default{background:var(--color-accent-soft);color:var(--color-accent-strong);border-radius:999px;align-self:center;padding:1px 8px;font-size:11px;font-weight:600}.agent-row-status{min-width:0;color:var(--color-muted);align-items:center;gap:7px;font-size:12.5px;display:inline-flex}.agent-row-status .status-dot{background:var(--color-hairline-strong);border-radius:50%;flex:none;width:7px;height:7px}.agent-row-status.ready .status-dot{background:var(--color-verified)}.agent-row-status.busy .status-dot{background:var(--color-amber)}.agent-row-status.failed{color:var(--color-failed)}.agent-row-status.failed .status-dot{background:var(--color-failed)}.agent-row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.agent-row-actions>button{min-height:32px;padding:4px 11px;font-size:13px}.agent-details-toggle svg{transition:transform .15s}.agent-details-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.agent-row-model .setting-chip{border-radius:8px;justify-content:space-between;min-width:210px;min-height:32px;padding:4px 9px 4px 10px;font-size:13px}.agent-model-value{align-items:center;gap:7px;min-width:0;display:inline-flex}.agent-model-value>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.agent-model-value small{color:var(--color-meta);font-size:11px}.agent-details{border-top:1px solid var(--color-divider);flex-direction:column;padding:0 16px 6px 96px;display:flex}.agent-details-empty{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:14px 0;font-size:13px;display:flex}.agent-detail-row{grid-template-columns:128px minmax(0,1fr);gap:14px;padding:13px 0;display:grid}.agent-detail-row+.agent-detail-row{border-top:1px solid var(--color-divider)}.agent-detail-label{color:var(--color-meta);padding-top:5px;font-size:12.5px}.agent-detail-body{flex-direction:column;gap:8px;min-width:0;display:flex}.agent-detail-body.agent-settings-row{flex-direction:row}.agent-detail-note{color:var(--color-muted);margin:0;font-size:12.5px;line-height:1.5}.agent-detail-note .text-button{color:var(--color-accent);margin-left:4px;padding:0;font-size:12.5px;display:inline}.agent-tiers{border:1px solid var(--color-divider);border-radius:8px;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.agent-tiers li{grid-template-columns:150px minmax(110px,170px) minmax(0,1fr) auto;align-items:center;gap:12px;padding:6px 8px 6px 12px;font-size:12.5px;display:grid}.agent-tiers li+li{border-top:1px solid var(--color-divider)}.agent-tiers li.current{background:var(--color-accent-soft)}.agent-tiers code{color:var(--color-muted);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.agent-tier-name{font-weight:600}.agent-tier-runs{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.agent-tiers .small-button.selected{border-color:var(--color-accent);color:var(--color-accent-strong)}.agent-providers{flex-wrap:wrap;gap:6px;display:flex}.agent-provider{border-radius:8px;gap:7px;min-height:30px;padding:3px 10px 3px 7px;font-size:12.5px;position:relative}.agent-provider small{color:var(--color-meta);font-variant-numeric:tabular-nums;font-size:11.5px}.agent-provider.selected{border-color:var(--color-accent);background:var(--color-accent-soft)}.agent-provider.holds:after{content:"";background:var(--color-accent);border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:4px}.agent-model-list{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.agent-model-list button{background:var(--color-well);text-align:left;border-color:#0000;justify-content:flex-start;width:100%;min-height:32px;padding:4px 10px;font-size:12.5px;font-weight:400}.agent-model-list button:hover{border-color:var(--color-control-border)}.agent-model-list button.selected{border-color:var(--color-accent);background:var(--color-accent-soft);font-weight:600}.agent-model-list button>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.agent-model-list button small{color:var(--color-meta);margin-left:auto;font-size:11px}.agent-model-list button svg{color:var(--color-accent-strong);flex:none;margin-left:auto}.agent-model-list button small+svg{margin-left:6px}.maker-mark{flex:none;display:block}.provider-mark{--hue-bg:var(--color-hue-moss);--hue-ink:var(--color-hue-moss-ink);background:var(--hue-bg);color:var(--hue-ink);border-radius:5px;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid}.provider-mark.hue-iris{--hue-bg:var(--color-hue-iris);--hue-ink:var(--color-hue-iris-ink)}.provider-mark.hue-sky{--hue-bg:var(--color-hue-sky);--hue-ink:var(--color-hue-sky-ink)}.provider-mark.hue-clay{--hue-bg:var(--color-hue-clay);--hue-ink:var(--color-hue-clay-ink)}.provider-mark.hue-rose{--hue-bg:var(--color-hue-rose);--hue-ink:var(--color-hue-rose-ink)}@container (width<=820px){.conv-details{grid-template-columns:minmax(0,1fr);padding-left:18px}}@media (width<=900px){.conv-details{grid-template-columns:minmax(0,1fr);padding-left:18px}.agent-details{padding-left:16px}.agent-tiers li{grid-template-columns:110px minmax(0,1fr) auto}.agent-tier-runs{display:none}}@media (width<=767px){.conv-line{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.conv-toggle{flex:100%}.conv-usage{flex-direction:row;flex:none;align-items:center;gap:10px;padding-left:40px}.conv-actions{margin-left:auto}.conv-meter{display:none}.conv-trash-toggle{margin-left:0}.agent-row-head{grid-template-columns:auto auto minmax(0,1fr)}.agent-row-actions{flex-wrap:nowrap;grid-column:3/-1;justify-content:flex-start;min-width:0}.agent-row-model,.agent-row-model .setting-chip{min-width:0}.agent-detail-row{grid-template-columns:minmax(0,1fr);gap:6px}.agent-tiers li{grid-template-columns:minmax(0,1fr) auto}.agent-tiers code{display:none}}@media (prefers-reduced-motion:reduce){.conv-chevron svg,.agent-details-toggle svg{transition:none}}.agents-tab{flex-direction:column;gap:40px;min-width:0;display:flex}.agents-section{flex-direction:column;gap:16px;min-width:0;display:flex}.agents-section-head h2{letter-spacing:-.25px;font-size:20px;font-weight:650}.agents-section-head p{max-width:680px;color:var(--color-muted);margin-top:7px;font-size:14px;line-height:1.6}.agent-radio{background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;min-height:0;padding:0;display:grid}.agent-radio>span{border:1.5px solid var(--color-hairline-strong);background:var(--color-surface);border-radius:50%;width:16px;height:16px;transition:border-color .12s}.agent-radio[aria-checked=true]>span{border:5px solid var(--color-accent)}.agent-radio:not(:disabled):hover>span{border-color:var(--color-accent)}.agent-radio:disabled{cursor:default;opacity:.45}.agent-row.missing .agent-row-mark{opacity:.5;filter:grayscale()}.agent-row.missing strong{color:var(--color-muted)}.agent-row-status.missing{color:var(--color-meta)}.agent-row.default .agent-row-status{color:var(--color-accent-strong)}.conv-state.elsewhere{color:var(--color-amber-text)}.native-row .conv-line{grid-template-columns:minmax(0,1fr) auto}.native-row .conv-continue{min-width:76px}.external-input-owner{color:var(--text-muted);margin:0 0 1.2rem}.external-conversation{min-width:0}.external-turn{border-top:1px solid var(--border);padding:1.4rem 0}.external-turn header{margin-bottom:1rem}.external-turn h4{overflow-wrap:anywhere;margin:0 0 .4rem;font-size:1.1rem}.external-turn small,.external-result small{color:var(--text-muted)}.external-results{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem;margin:1rem 0;display:grid}.external-results h5{grid-column:1/-1;margin:0;font-size:.9rem}.external-result{border:1px solid var(--border);border-radius:8px;gap:.5rem;padding:.8rem;display:grid}.external-result button{overflow-wrap:anywhere;text-align:left}.external-result img{object-fit:contain;max-width:100%;max-height:420px}.external-tools{margin-top:1rem}.external-tools summary{cursor:pointer;overflow-wrap:anywhere;padding:.6rem 0}.external-tools ol{padding-left:1.2rem}.external-tools li{border-top:1px solid var(--border);padding:.2rem 0}.external-tools summary span{color:var(--text-muted);margin-left:1rem;font-size:.85em}.external-tools pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:24rem;font-size:.8rem;overflow:auto}.external-paths{flex-wrap:wrap;gap:.5rem;display:flex}.external-paths small{flex-basis:100%}.external-paths button{overflow-wrap:anywhere;max-width:100%}.external-source{font-size:.85rem}.external-source dd{overflow-wrap:anywhere}.holds-facts .holds-text{color:var(--color-muted)}.holds-by{color:var(--color-meta);white-space:nowrap;margin-left:6px;font-size:11px}.process-holds.holds{align-items:baseline;display:flex}.process-holds .holds-text{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.process-holds .holds-by{text-overflow:ellipsis;flex:0 auto;min-width:0;max-width:35%;overflow:hidden}.notes-panel{border-right:1px solid var(--color-hairline);background:var(--color-surface);flex-direction:column;flex:none;width:clamp(300px,30%,420px);min-height:0;display:flex}.notes-head{border-bottom:1px solid var(--color-hairline);align-items:center;gap:8px;min-height:52px;padding:8px 10px 8px 14px;display:flex}.notes-head>svg{color:var(--color-accent);flex:none}.notes-title{white-space:nowrap;flex-direction:column;min-width:0;line-height:1.25;display:flex}.notes-title strong{text-overflow:ellipsis;color:var(--color-ink);font-size:14px;font-weight:650;overflow:hidden}.notes-save{color:var(--color-meta);font-size:11.5px}.notes-save.failed{color:var(--color-failed)}.notes-modes{align-items:center;margin-left:auto;display:flex}.notes-modes .rho-md-modes{margin-right:0}.notes-modes>:not(.rho-md-modes){display:none}.notes-body{flex-direction:column;flex:1;min-height:0;display:flex}.notes-note{color:var(--color-muted);margin:0;padding:14px 16px;font-size:13px;line-height:1.5}.notes-body .notes-note+.shell-owner{border-top:1px solid var(--color-divider)}.notes-body .rho-md-page{padding:14px 18px 48px;font-size:14px;line-height:1.6}.notes-body .rho-md-page h1{font-size:1.35em}.notes-body .rho-md-page h2{scroll-margin-top:8px;font-size:1.15em}.notes-body .rho-md-page h3{color:var(--color-muted);font-size:1em}.notes-body .rho-md-page img{border:1px solid var(--color-hairline);border-radius:8px;max-width:100%;height:auto}.notes-body .rho-md-page h2.notes-current{border-bottom-color:var(--color-accent);color:var(--color-accent-strong)}.notes-body .rho-md-bar{justify-content:flex-start;padding:6px 10px}.project-rail{--rail-ground:#eef1f0;z-index:6;border-right:1px solid var(--color-hairline);background:var(--rail-ground);flex-direction:column;flex:0 0 60px;align-items:stretch;gap:4px;padding:12px 0;display:flex;position:relative}.project-rail button{width:60px;min-height:44px;color:var(--color-muted);background:0 0;border:0;border-radius:0;padding:0;position:relative}.project-rail button:hover,.project-rail button:active{background:0 0}.project-rail button:focus-visible{outline:none}.project-rail button:focus-visible>:first-child{outline:2px solid var(--color-accent);outline-offset:2px}.rail-home{margin-bottom:6px}.rail-home .brand-mark{border-radius:10px;width:34px;height:34px;font-size:27px}.rail-projects{border-top:1px solid var(--color-hairline);flex-direction:column;gap:4px;margin:0;padding:8px 0 0;list-style:none;display:flex}.rail-project .project-avatar{border-radius:10px;width:36px;height:36px;margin:0 auto;font-size:13px;transition:border-radius .15s}.rail-project:hover .project-avatar,.rail-project[aria-current=page] .project-avatar{border-radius:12px}.rail-project:before,.rail-home:before{content:"";background:var(--color-ink);border-radius:0 3px 3px 0;width:4px;height:0;transition:height .15s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.rail-project:hover:before,.rail-home:hover:before{height:10px}.rail-project[aria-current=page]:before,.rail-home[aria-current=page]:before{height:26px}.rail-state{background:var(--color-accent);width:11px;height:11px;box-shadow:0 0 0 2.5px var(--rail-ground);border-radius:50%;position:absolute;bottom:1px;right:9px}.rail-project.waiting .rail-state{background:var(--color-amber)}.rail-project.working .rail-state:after{content:"";background:var(--color-accent);border-radius:50%;animation:1.8s ease-out infinite rail-pulse;position:absolute;inset:0}@keyframes rail-pulse{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}@media (prefers-reduced-motion:reduce){.rail-project.working .rail-state:after{animation:none}.rail-project .project-avatar,.rail-project:before,.rail-home:before{transition:none}}.rail-add>svg{box-sizing:content-box;border:1px dashed var(--color-control-border);color:var(--color-meta);border-radius:10px;padding:9px}.rail-add:hover>svg{border-style:solid;border-color:var(--color-hairline-strong);color:var(--color-ink)}.rail-access{margin-top:auto}.rail-access>svg{box-sizing:content-box;border-radius:9px;padding:8px}.rail-access:hover>svg,.rail-access[aria-expanded=true]>svg{background:var(--color-hover);color:var(--color-ink)}.project-rail [data-tip]:hover:after,.project-rail [data-tip]:focus-visible:after{content:attr(data-tip);z-index:30;background:var(--color-ink);color:#fff;white-space:nowrap;pointer-events:none;border-radius:6px;padding:5px 9px;font-size:12px;font-weight:500;line-height:1.4;position:absolute;top:50%;left:calc(100% + 2px);transform:translateY(-50%);box-shadow:0 6px 16px #1c2a2433}.drawer:has(.drawer-split){width:min(340px,92vw);padding-left:0}.drawer-split{min-height:100%;display:flex}.drawer-split>.project-rail{flex-basis:60px;margin:-22px 0 -14px;padding-top:22px}.drawer-nav{flex-direction:column;flex:1;min-width:0;padding-left:12px;display:flex}.drawer-split [data-tip]:hover:after,.drawer-split [data-tip]:focus-visible:after{display:none}@media (width<=767px){.app-body>.project-rail{display:none}}:root{--color-canvas:#f6f7f8;--color-surface:#fff;--color-well:#f3f5f5;--color-ink:#202927;--color-muted:#596560;--color-meta:#68736f;--color-hairline:#e1e6e3;--color-divider:#edf0ee;--color-control-border:#cbd3ce;--color-hairline-strong:#bcc8c1;--color-hover:#eef2ef;--color-selected:#e2eee7;--color-pressed:#d5e4dc;--color-accent:#1e6b52;--color-accent-hover:#17553f;--color-accent-strong:#164e3c;--color-accent-soft:#e5f1e9;--color-verified:#328361;--color-verified-text:#246747;--color-verified-soft:#e8f3eb;--color-offline:#75817a;--color-failed:#b13f38;--color-failed-strong:#96362e;--color-amber:#a46b17;--color-amber-text:#7b531a;--color-amber-soft:#fff5e3;--color-amber-line:#ead5ae;--color-hue-moss:#e9f2e6;--color-hue-moss-ink:#3d6743;--color-hue-iris:#edebf7;--color-hue-iris-ink:#554f92;--color-hue-sky:#e6eef7;--color-hue-sky-ink:#3b6288;--color-hue-clay:#f6ece1;--color-hue-clay-ink:#865733;--color-hue-rose:#f8e9ec;--color-hue-rose-ink:#8a4553;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text:var(--color-ink);--text-muted:var(--color-muted);--border:var(--color-hairline);--divider:var(--color-divider);--surface:var(--color-surface);--surface-muted:var(--color-well);--accent:var(--color-accent);--agent:var(--color-accent);--agent-wash:var(--color-accent-soft);--waiting:var(--color-amber);--danger:var(--color-failed);--code-keyword:var(--color-hue-iris-ink);--code-string:var(--color-hue-moss-ink);--code-number:var(--color-hue-clay-ink);--code-function:var(--color-hue-sky-ink);--code-comment:var(--color-meta);--code-mark:var(--color-meta);--code-link:var(--color-accent);font:14px/1.5 var(--font-ui);color:var(--color-ink);background:var(--color-surface);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{border:1px solid var(--color-control-border);background:var(--color-surface);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:6px 12px;font-weight:500;display:inline-flex}button:hover{background:var(--color-hover)}button:active{background:var(--color-pressed)}button:disabled{cursor:not-allowed;opacity:.5}button svg{flex:none}:where(button,summary,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}input,select,textarea{border:1px solid var(--color-control-border);background:var(--color-surface);border-radius:7px;min-width:0;padding:9px 11px}input:not([type=checkbox]),textarea{width:100%}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--color-meta)}label{flex-direction:column;gap:7px;font-weight:500;display:flex}h1,h2,h3,p{margin:0}h1{letter-spacing:-.7px;overflow-wrap:anywhere;font-size:28px;font-weight:650;line-height:1.25}h2{font-size:16px;font-weight:600;line-height:1.5}h3{font-size:14px;font-weight:600}strong,b,th{font-weight:600}small{font-size:12px;line-height:1.5}code,pre{font-family:var(--font-mono)}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;overflow:auto}a{color:var(--color-accent)}summary{cursor:pointer}dl{grid-template-columns:88px minmax(0,1fr);gap:10px 16px;margin:0;display:grid}dt{color:var(--color-meta)}dd{overflow-wrap:anywhere;margin:0}.primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.primary:active{background:var(--color-accent-strong)}.danger,.danger-link{color:var(--color-failed)}.danger-link{background:0 0;border:0;padding:0}.muted,.meta{color:var(--color-muted)}.text-button,.link,.overview-link,.quiet-button{color:var(--color-muted);text-align:left;background:0 0;border:0;padding:4px 6px}.text-button:hover,.link:hover,.overview-link:hover{color:var(--color-accent)}.icon-button{width:34px;height:34px;min-height:34px;color:var(--color-muted);background:0 0;border:0;flex:none;padding:0}.icon-button[aria-expanded=true]{background:var(--color-selected);color:var(--color-accent-strong)}.small-button{min-height:29px;padding:4px 9px;font-size:12px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;background:#fff;padding:10px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.application{flex-direction:column;min-width:320px;height:100dvh;display:flex}.app-body{flex:1;min-height:0;display:flex}.project-nav{border-right:1px solid var(--color-hairline);background:var(--color-canvas);flex-direction:column;flex:0 0 240px;padding:16px 12px 12px;display:flex;overflow:auto}.brand{letter-spacing:-.5px;background:0 0;border:0;justify-content:flex-start;align-self:flex-start;gap:10px;padding:0 10px;font-size:20px}.brand-mark{background:var(--color-accent);color:#fff;border-radius:9px;place-content:center;width:29px;height:29px;padding-bottom:3px;font:25px/1 Georgia,serif;display:grid}.project-switcher{border-color:var(--color-hairline);background:#fff;justify-content:flex-start;min-height:44px;margin:28px 0 20px;padding:10px}.project-switcher>span{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;overflow:hidden}.nav-group{flex-direction:column;gap:3px;display:flex}.nav-row{width:100%;min-height:38px;color:var(--color-muted);text-align:left;background:0 0;border:0;justify-content:flex-start;gap:11px;padding:9px 10px;font-weight:400;display:flex}.nav-row[aria-current=page]{background:var(--color-surface);color:var(--color-ink);box-shadow:0 0 0 1px var(--color-hairline), 0 1px 2px #20392b0d;font-weight:600}.nav-row:hover:not([aria-current=page]){background:var(--color-hover)}.nav-row.within{color:var(--color-ink);font-weight:600}.nav-row>svg{color:var(--color-muted)}.nav-row[aria-current=page]>svg{color:var(--color-accent)}.nav-row-name{overflow-wrap:anywhere;flex:1;min-width:0}.nav-row-count{color:var(--color-meta);font-size:12px}.nav-workspaces{margin-top:28px}.section-label{color:var(--color-meta);letter-spacing:.04em;text-transform:uppercase;padding:0 10px 9px;font-size:11px;font-weight:600;display:block}.navigation-footer{flex-direction:column;margin-top:auto;padding-top:24px;display:flex}.rho-tok-keyword{color:var(--code-keyword)}.rho-tok-string{color:var(--code-string)}.rho-tok-number{color:var(--code-number)}.rho-tok-comment{color:var(--code-comment);font-style:italic}.rho-tok-function{color:var(--code-function)}.rho-tok-strong{font-weight:650}.rho-tok-emphasis{font-style:italic}.rho-tok-strike{text-decoration:line-through}.rho-tok-link{color:var(--code-link)}.rho-tok-mark{color:var(--code-mark)}.rho-tok-quote{color:var(--text-muted)}.rho-tok-invalid{color:var(--danger)}.nav-back{min-height:30px;color:var(--color-muted);background:0 0;border:0;align-self:flex-start;gap:6px;padding:4px 8px;font-size:13px;font-weight:400}.project-card{margin:14px 0 22px;position:relative}.project-card summary{cursor:pointer;border-radius:10px;align-items:center;gap:11px;padding:8px;list-style:none;display:flex}.project-card summary::-webkit-details-marker{display:none}.project-card summary:hover,.project-card[open] summary{background:var(--color-hover)}.project-card summary>svg{color:var(--color-meta)}.project-avatar{background:var(--color-accent);color:#fff;letter-spacing:.02em;border-radius:10px;flex:none;place-content:center;width:38px;height:38px;font-size:14px;font-weight:650;display:grid}.project-avatar.small{border-radius:7px;width:24px;height:24px;font-size:11px}.project-avatar.moss{background:var(--color-hue-moss-ink)}.project-avatar.iris{background:var(--color-hue-iris-ink)}.project-avatar.sky{background:var(--color-hue-sky-ink)}.project-avatar.clay{background:var(--color-hue-clay-ink)}.project-avatar.rose{background:var(--color-hue-rose-ink)}.project-card-name{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.project-card-name small{color:var(--color-meta);letter-spacing:.06em;text-transform:uppercase;font-size:10.5px;font-weight:600}.project-card-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.project-menu{z-index:30;background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:10px;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 10px 30px #20392b1f}.project-menu button{text-align:left;background:0 0;border:0;justify-content:flex-start;gap:9px;font-weight:400}.project-menu button>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-sub{border-left:1px solid var(--color-hairline);flex-direction:column;gap:1px;margin:0 0 4px 21px;padding-left:8px;display:flex}.nav-sub-row{min-height:30px;padding:5px 8px;font-size:13px}.nav-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:1px 7px;font-size:11px;font-weight:600;display:inline-flex}.nav-badge.working{background:var(--color-accent-soft);color:var(--color-accent-strong)}.nav-badge.waiting{background:var(--color-amber-soft);color:var(--color-amber-text);border:1px solid var(--color-amber-line)}.nav-sources{margin-top:26px}.nav-heading{justify-content:space-between;align-items:center;padding-right:2px;display:flex}.nav-heading .section-label{padding-bottom:0}.nav-add{width:26px;min-height:26px;color:var(--color-meta);background:0 0;border:0;padding:0}.nav-sources .nav-group{margin-top:6px}.nav-twisty{color:var(--color-meta);flex:none;transition:transform .15s;display:flex}.nav-row[aria-expanded=true] .nav-twisty{transform:rotate(90deg)}.nav-files{border-left:1px solid var(--color-hairline);scrollbar-width:thin;max-height:min(52vh,440px);margin:1px 0 6px 18px;padding:0 0 0 8px;list-style:none;overflow-y:auto}.nav-folder{color:var(--color-meta);text-overflow:ellipsis;white-space:nowrap;padding:7px 8px 2px;font-size:11px;display:block;overflow:hidden}.nav-file{width:100%;min-height:29px;color:var(--color-muted);text-align:left;background:0 0;border:0;border-radius:6px;justify-content:flex-start;gap:7px;padding:4px 8px;font-size:12.5px;font-weight:400;display:flex}.nav-file>span{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-width:0;line-height:1.35;display:-webkit-box;overflow:hidden}.nav-file>svg{color:var(--color-meta);flex:none;align-self:flex-start;margin-top:2px}.nav-file:hover:not([aria-current=page]){background:var(--color-hover)}.nav-file[aria-current=page]{background:var(--color-surface);color:var(--color-ink);box-shadow:0 0 0 1px var(--color-hairline);font-weight:600}.nav-file[aria-current=page]>svg{color:var(--color-accent)}.nav-files-note{color:var(--color-meta);margin:0 0 6px 26px;padding:3px 8px;font-size:12px}.nav-value{justify-content:space-between;align-items:baseline}.nav-file.nav-value>span{font-family:var(--font-mono);-webkit-line-clamp:1;font-size:12px}.nav-value>small{max-width:50%;color:var(--color-meta);text-overflow:ellipsis;white-space:nowrap;flex:none;font-size:11px;overflow:hidden}div.nav-files-note>.nav-more{margin:4px 0 0 -8px;display:block}.nav-values .nav-files-note.nav-values-none{margin:0;display:block}.nav-more{min-height:28px;color:var(--color-accent-strong);background:0 0;border:0;margin:2px 0;padding:3px 8px;font-size:12px;font-weight:500}.pulse-dot{background:var(--color-verified);border-radius:50%;flex:none;width:7px;height:7px;animation:1.6s ease-out infinite pulse;display:inline-block;box-shadow:0 0 #32836166}.pulse-dot.large{width:12px;height:12px}@keyframes pulse{70%{box-shadow:0 0 0 6px #32836100}to{box-shadow:0 0 #32836100}}.agent-chip{border-radius:999px;gap:8px;max-width:min(420px,38vw);min-height:32px;padding:4px 12px;font-size:12.5px;font-weight:400}.agent-chip strong{white-space:nowrap;font-weight:600}.agent-chip-what{text-overflow:ellipsis;white-space:nowrap;color:var(--color-muted);font-family:var(--font-mono);font-size:11.5px;overflow:hidden}.agent-chip.working{border-color:var(--color-hairline-strong);background:var(--color-surface)}.agent-chip.waiting{border-color:var(--color-amber-line);background:var(--color-amber-soft);color:var(--color-amber-text)}.agent-chip.waiting .pulse-dot{background:var(--color-amber);animation:none}.agent-chip.waiting .agent-chip-what{color:var(--color-amber-text);font-family:var(--font-ui)}.studio-with-notes{flex:1;min-height:0;display:flex}.studio-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;container-type:inline-size}@container (width<=640px){.studio-bar .notes-toggle>span,.studio-bar .view-menu summary>span,.studio-bar .shell-evidence-toggle>span{display:none}}@container (width<=900px){.studio-bar .shell-agent-state{display:none}}@container (width<=760px){.studio-bar:has(.shell-agent) :is(.notes-toggle,.view-menu>summary,.shell-evidence-toggle)>span{display:none}}.studio-bar{border-bottom:1px solid var(--color-hairline);background:var(--color-surface);align-items:center;gap:10px;min-height:52px;padding:8px 14px;display:flex}.studio-title{min-width:56px;color:var(--color-ink);flex:0 auto;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:650;display:flex}.studio-title>span:not(.pulse-dot){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.studio-title>svg{color:var(--color-accent);flex:none}.studio-bar>.steps-slot{flex:none;max-width:45%}.studio-bar>:is(.studio-title,.steps-slot):not(:has(+.steps-slot)){margin-right:auto}.studio-bar :is(.notes-toggle,.view-menu>summary,.shell-bar button){min-height:30px;color:var(--color-ink);background:0 0;border:0;border-radius:7px;flex:none;gap:6px;padding:4px 9px;font-size:12.5px;font-weight:500}.studio-bar :is(.notes-toggle,.view-menu>summary,.shell-bar button):hover{background:var(--color-hover)}.studio-bar :is(.notes-toggle[aria-pressed=true],.view-menu[open]>summary,.shell-evidence-toggle[aria-expanded=true]){background:var(--color-accent-soft);color:var(--color-accent-strong)}.bar-slot{display:contents}.studio-bar .shell-bar{border:0;flex:auto;gap:2px;min-width:0;min-height:0;padding:0;font-size:12.5px}.studio-bar .shell-bar .shell-agent{max-width:60%}.follow-toggle{border-radius:999px;flex:none;gap:7px;min-height:32px;padding:4px 12px;font-size:12.5px}.follow-toggle.on{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-strong)}.canvas-note{background:var(--color-well);border-bottom:1px solid var(--color-hairline);color:var(--color-muted);align-items:center;gap:12px;padding:8px 16px;font-size:12.5px;display:flex}.canvas-note p{overflow-wrap:anywhere;flex:1;min-width:0}.studio-empty{text-align:center;background:var(--color-canvas);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px 24px;display:flex}.studio-empty h2{font-size:17px}.studio-empty p{max-width:460px;color:var(--color-muted);overflow-wrap:anywhere;font-size:13.5px}.source-summary{color:var(--color-meta);font-size:13px}.source-rows{border:1px solid var(--color-hairline);border-radius:12px;margin:0;padding:0;list-style:none;overflow:hidden}.source-rows li+li{border-top:1px solid var(--color-divider)}.source-row{text-align:left;background:0 0;border:0;border-radius:0;justify-content:flex-start;gap:12px;width:100%;padding:10px 14px;font-weight:400}.source-row:hover{background:var(--color-well)}.source-row:focus-visible{outline-offset:-3px}.source-name{flex-direction:column;flex:1;min-width:0;display:flex}.source-name strong{text-overflow:ellipsis;white-space:nowrap;font-weight:550;overflow:hidden}.source-name small{color:var(--color-meta);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.source-meta{color:var(--color-meta);flex:none;font-size:12px}.source-list .file-toolbar{margin-bottom:12px}.work-list{flex-direction:column;gap:18px;display:flex}.work-card{border:1px solid var(--color-hairline);background:var(--color-surface);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.work-head{border-bottom:1px solid var(--color-divider);align-items:center;gap:12px;padding:14px 18px;display:flex}.work-head>div{flex:1;min-width:0}.work-head h2{overflow-wrap:anywhere;font-size:15px;font-weight:650}.work-head p{color:var(--color-meta);margin-top:2px;font-size:12.5px}.work-head>button{flex:none}.work-turns{margin:0;padding:0;list-style:none}.work-turns>li+li{border-top:1px solid var(--color-divider)}.work-earlier{padding:8px 14px}.work-earlier .text-button{font-size:12.5px}.work-turn{flex-direction:column;gap:12px;padding:16px 18px;display:flex}.work-ask{align-items:baseline;gap:12px;display:flex}.work-ask p{background:var(--color-well);min-width:0;color:var(--color-ink);overflow-wrap:anywhere;white-space:pre-wrap;-webkit-line-clamp:4;border-radius:10px;-webkit-box-orient:vertical;flex:1;padding:7px 11px;font-weight:500;display:-webkit-box;overflow:hidden}.work-ask span{color:var(--color-meta);flex:none;font-size:12px}.work-did{flex-direction:column;gap:8px;display:flex}.work-did:empty{display:none}.work-line{align-items:flex-start;gap:10px;display:flex}.work-label{width:74px;color:var(--color-meta);flex:none;padding-top:4px;font-size:12px;font-weight:600}.work-files{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.work-file{border:1px solid var(--color-hairline);background:var(--color-surface);max-width:100%;min-height:28px;color:var(--color-ink);border-radius:7px;gap:6px;padding:3px 9px;font-size:12.5px;font-weight:500}.work-file:hover{border-color:var(--color-hairline-strong);background:var(--color-well)}.work-file>svg{color:var(--color-meta);flex:none}.work-file>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.work-file>small{color:var(--color-meta);flex:none;font-size:11.5px;font-weight:400}.work-commands summary{color:var(--color-muted);cursor:pointer;align-items:center;gap:10px;font-size:12.5px;list-style:none;display:flex}.work-commands summary::-webkit-details-marker{display:none}.work-commands summary .work-label{padding-top:0}.work-commands summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transition:transform .15s;transform:rotate(-45deg)}.work-commands[open] summary:after{transform:rotate(45deg)}.work-commands ul{flex-direction:column;gap:6px;margin:8px 0 8px 84px;padding:0;list-style:none;display:flex}.work-commands li{align-items:flex-start;gap:8px;min-width:0;display:flex}.work-commands code{background:var(--color-well);min-width:0;font:12px/1.5 var(--font-mono);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:6px;flex:1;padding:4px 8px}.work-commands>.work-files{margin-left:84px}.work-outcome{color:var(--color-meta);flex:none;padding-top:4px;font-size:11.5px}.work-outcome.rejected{color:var(--color-amber-text)}.work-outside{color:var(--color-meta);margin-left:84px;font-size:12px}.work-answer{font-size:14px;position:relative}.work-answer.clamped .turn-text{max-height:9.6em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.work-more{color:var(--color-accent-strong);margin-top:4px;font-size:12.5px}.work-problem{color:var(--color-failed-strong);overflow-wrap:anywhere;background:#fbefee;border-radius:8px;align-items:flex-start;gap:8px;padding:9px 12px;font-size:13px;display:flex}.work-problem>svg{flex:none;margin-top:2px}.work-ending{color:var(--color-meta);font-size:12px}.work-state.completed{color:var(--color-verified-text)}.work-state.failed{color:var(--color-failed)}.work-state.running{color:var(--color-accent-strong);font-weight:600}.work-older{align-self:flex-start}.agent-empty .empty-symbol{color:var(--color-accent)}.agent-settings{border:1px solid var(--color-hairline);background:var(--color-surface);border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.agent-settings-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.agent-settings-head h2{font-size:13px;font-weight:600}.agent-choice{background:var(--color-well);border-radius:8px;gap:2px;padding:2px;display:inline-flex}.agent-choice button{min-height:26px;color:var(--color-muted);background:0 0;border:0;border-radius:6px;gap:6px;padding:3px 11px;font-size:12px;font-weight:500}.agent-choice button:hover{color:var(--color-ink)}.agent-choice button.selected{background:var(--color-surface);color:var(--color-ink);font-weight:600;box-shadow:0 1px 2px #141e191f}.agent-settings-row,.composer-settings{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.agent-settings-note{color:var(--color-meta);font-size:12px;line-height:1.5}.agent-settings-note .text-button{font-size:12px}.setting-chip{border:1px solid var(--color-control-border);background:var(--color-surface);max-width:100%;min-height:28px;color:var(--color-ink);cursor:pointer;border-radius:7px;flex-direction:row;align-items:center;gap:6px;padding:3px 8px 3px 10px;font-size:12px;font-weight:400;display:inline-flex;position:relative}.setting-chip:hover{background:var(--color-hover)}.setting-chip:disabled{opacity:.55;cursor:default}.setting-select:has(select:disabled){opacity:.55;cursor:default}.setting-chip-label{color:var(--color-meta);flex:none}.setting-chip-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:220px;overflow:hidden}.setting-select select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.setting-select select:disabled{cursor:default}.setting-select:focus-within{outline:2px solid var(--color-accent);outline-offset:1px}.setting-check input{margin:0}.model-picker{min-width:0;max-width:100%;display:inline-flex;position:relative}.model-popover{z-index:30;border:1px solid var(--color-hairline);background:var(--color-surface);border-radius:10px;flex-direction:column;width:min(360px,100vw - 32px);display:flex;position:absolute;left:0;box-shadow:0 12px 32px #141e1929}.model-popover.down{top:calc(100% + 6px)}.model-popover.up{bottom:calc(100% + 6px)}.model-search{border-bottom:1px solid var(--color-divider);color:var(--color-meta);align-items:center;gap:8px;padding:8px 12px;display:flex}.model-search input{min-width:0;box-shadow:none;background:0 0;border:0;outline:none;flex:1;padding:4px 0;font-size:13px}.model-list{overscroll-behavior:contain;flex:auto;min-height:60px;max-height:320px;padding:5px;position:relative;overflow-y:auto}.model-group{color:var(--color-meta);align-items:center;gap:6px;padding:10px 8px 4px;font-size:11px;display:flex}.model-option{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:7px 8px;font-size:12.5px;display:flex}.model-option.active{background:var(--color-selected)}.model-option[aria-selected=true] .model-name{font-weight:600}.model-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.model-meta{color:var(--color-meta);flex:none;font-size:11px}.model-none{color:var(--color-meta);padding:18px 10px;font-size:12px}.model-unknown{flex-direction:column;align-items:flex-start;gap:8px;padding:14px;font-size:12.5px;display:flex}.model-unknown small{color:var(--color-meta);font-size:11px}.turn-model{color:var(--color-meta)}.composer-settings .setting-chip{width:auto;max-width:100%}.setting-summary{white-space:nowrap;align-items:baseline;gap:7px;min-width:0;display:flex;overflow:hidden}.summary-agent,.summary-effort{color:var(--color-meta);flex:none}.summary-agent{align-items:center;gap:5px;display:inline-flex}.summary-model{text-overflow:ellipsis;min-width:0;overflow:hidden}.agent-outside{border-top:1px solid var(--color-hairline);padding-top:14px}.agent-outside>summary{color:var(--color-muted);cursor:pointer;font-size:13px;font-weight:500}.agent-outside[open]>summary{margin-bottom:14px}@media (width<=767px){.work-head,.work-turn{padding-left:14px;padding-right:14px}.work-line{flex-direction:column;gap:4px}.work-label{width:auto;padding-top:0}.work-commands ul,.work-commands>.work-files,.work-outside{margin-left:0}}.file-preview{background:var(--color-canvas);flex-direction:column;flex:1;min-height:0;display:flex}.preview-bar{border-bottom:1px solid var(--color-hairline);background:var(--color-surface);flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:56px;padding:8px 14px;display:flex}.preview-name{flex-direction:column;flex:160px;min-width:0;line-height:1.3;display:flex}.preview-name h1{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:650;overflow:hidden}.preview-name small{color:var(--color-meta);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.preview-owner-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.preview-owner-header:empty{display:none}:is(.shell-header-slot,.preview-owner-header,.notes-modes){gap:2px}:is(.shell-header-slot,.preview-owner-header,.notes-modes) button{min-height:28px;color:var(--color-muted);white-space:nowrap;box-shadow:none;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:12.5px;font-weight:500;display:inline-flex}:is(.shell-header-slot,.preview-owner-header,.notes-modes) button:hover:not(:disabled){background:var(--color-hover);color:var(--color-ink)}:is(.shell-header-slot,.preview-owner-header,.notes-modes) label:has(>input[type=checkbox]){min-height:28px;color:var(--color-muted);white-space:nowrap;cursor:pointer;border-radius:6px;flex-direction:row;align-items:center;gap:5px;padding:4px 8px;font-size:12.5px;font-weight:500;display:inline-flex}:is(.shell-header-slot,.preview-owner-header,.notes-modes) label:has(>input[type=checkbox]):hover{background:var(--color-hover);color:var(--color-ink)}:is(.shell-header-slot,.preview-owner-header,.notes-modes) button.run-line{color:var(--color-accent-strong);font-weight:600}:is(.shell-header-slot,.preview-owner-header,.notes-modes) [role=group]:has(>button[aria-pressed]){background:var(--color-well);border:0;border-radius:8px;flex:none;gap:0;margin:0 2px;padding:2px;display:inline-flex;overflow:visible}:is(.shell-header-slot,.preview-owner-header,.notes-modes) [role=group]>button[aria-pressed]{min-height:24px;color:var(--color-muted);box-shadow:none;background:0 0;border:0;border-radius:6px;padding:2px 10px;font-size:12px;font-weight:600}:is(.shell-header-slot,.preview-owner-header,.notes-modes) [role=group]>button[aria-pressed=true]{background:var(--color-surface);color:var(--color-ink);box-shadow:0 1px 2px #0000001a}:is(.shell-header-slot,.preview-owner-header,.notes-modes) label>input[type=checkbox]{appearance:none;background:var(--color-hairline-strong);cursor:pointer;border:0;border-radius:2px;flex:none;width:3px;min-width:3px;height:14px;min-height:0;margin:0 2px 0 0;padding:0}:is(.shell-header-slot,.preview-owner-header,.notes-modes) label>input[type=checkbox]:checked{background:var(--agent)}:is(.shell-header-slot,.preview-owner-header,.notes-modes) label:has(>input[type=checkbox]:checked){color:var(--color-ink)}:is(.shell-header-slot,.preview-owner-header,.notes-modes) label>input[type=checkbox]:focus-visible{outline:none}:is(.shell-header-slot,.preview-owner-header,.notes-modes) label:has(>input[type=checkbox]:focus-visible){outline:2px solid var(--color-accent);outline-offset:1px}.preview-nav{border:1px solid var(--color-hairline);border-radius:9px;align-items:center;gap:2px;padding:2px;display:flex}.preview-nav .icon-button{width:30px;height:30px;min-height:30px}.preview-nav .icon-button:disabled{opacity:.35}.preview-position{min-height:30px;color:var(--color-muted);font-variant-numeric:tabular-nums;white-space:nowrap;background:0 0;border:0;padding:2px 8px;font-size:12.5px;font-weight:500}.preview-studio{gap:7px;min-height:34px;padding:4px 12px;font-size:12.5px}@media (width<=767px){.preview-bar{padding:8px 12px}.preview-studio{width:34px;padding:0}.preview-studio>span{display:none}}.preview-body{border:1px solid var(--color-hairline);background:#fff;border-radius:8px;flex-direction:column;flex:1;min-height:0;margin:12px;display:flex;overflow:hidden}.preview-body>*{transition:opacity .12s}.preview-body.switching>*{opacity:.5}.preview-body>.studio-empty,.preview-body>.loading-state{flex:1}.project-heading{flex-direction:column;gap:5px;padding:12px 10px;display:flex}.project-heading>span{color:var(--color-meta);font-size:12px}.app-content{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--color-hairline);background:var(--color-surface);flex:0 0 57px;align-items:center;gap:10px;padding:0 18px;display:flex}.location{align-items:center;gap:7px;min-width:0;display:flex;overflow:hidden}.location-name{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;font-weight:500;overflow:hidden}.crumb{text-overflow:ellipsis;white-space:nowrap;min-width:2.5em;min-height:26px;color:var(--color-meta);background:0 0;border:0;border-radius:6px;flex:0 4 auto;padding:2px 4px;font-weight:400;display:block;overflow:hidden}.crumb:hover{background:var(--color-hover);color:var(--color-ink)}.crumb-sep{color:var(--color-control-border);flex:none}.topbar-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.command-trigger{border:1px solid var(--color-hairline);background:var(--color-surface);min-height:32px;color:var(--color-meta);border-radius:8px;padding:4px 9px;font-size:12px;font-weight:400}.command-trigger:hover{background:var(--color-well)}kbd{border:1px solid var(--color-hairline);min-width:20px;font:11px/1.5 var(--font-ui);color:var(--color-meta);border-radius:4px;justify-content:center;align-items:center;padding:1px 5px;display:inline-flex}.connection{white-space:nowrap;color:var(--color-meta);align-items:center;gap:6px;font-size:12px;display:flex}.status-dot{background:var(--color-offline);border-radius:50%;flex:none;width:6px;height:6px;display:inline-block}.live .status-dot,.status-dot.live{background:var(--color-verified)}.offline .status-dot{background:var(--color-amber)}.agent-toggle{border:1px solid var(--color-accent);background:var(--color-accent);color:#fff;border-radius:8px;gap:6px;min-height:32px;padding:4px 12px 4px 10px;font-size:12.5px;font-weight:600}.agent-toggle:hover{border-color:var(--color-accent-hover);background:var(--color-accent-hover)}.agent-toggle[aria-expanded=true]{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-strong)}.read-only{background:var(--color-well);border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;display:flex}.content-row{flex:1;min-height:0;display:flex;position:relative}.main{flex:1;min-width:0;overflow:auto}.main:focus{outline:none}.workspace-main{flex-direction:column;display:flex;overflow:hidden}.workspace-tools{border-bottom:1px solid var(--color-hairline);align-items:center;gap:14px;min-height:48px;padding:9px 16px;display:flex}.workspace-tools>.text-button svg{transform:rotate(180deg)}.workspace-question{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;overflow:hidden}.view-menu{flex:none;position:relative}.view-menu summary{border-radius:6px;align-items:center;gap:6px;padding:6px 8px;font-size:12px;display:flex}.view-menu summary:hover{background:var(--color-hover)}.view-menu>div{z-index:15;border:1px solid var(--color-hairline);background:#fff;border-radius:9px;min-width:220px;padding:6px;position:absolute;top:100%;right:0;box-shadow:0 8px 28px #20392b1a}.view-menu button{background:0 0;border:0;justify-content:flex-start;width:100%}.offline-bar,.inline-error{background:var(--color-amber-soft);color:var(--color-amber-text);align-items:center;gap:12px;padding:12px 18px;display:flex}.offline-bar p,.inline-error p{overflow-wrap:anywhere;flex:1;min-width:0}.inline-error{border-radius:7px;font-size:13px}.loading-state{color:var(--color-meta);justify-content:center;align-items:center;gap:12px;padding:80px 24px;display:flex}.loading-dot{background:var(--color-accent);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite alternate breathe}@keyframes breathe{to{opacity:.25}}.loading-inline{color:var(--color-meta);padding:12px 0}.home,.project-page,.page-section{width:100%;max-width:1160px;margin:0 auto;padding:44px clamp(20px,4vw,56px) 72px}.home-column{flex-direction:column;gap:20px;display:flex}.home-header,.page-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;display:flex}.home-header h1,.page-heading h1{letter-spacing:-1px;font-size:30px}.page-heading p{color:var(--color-meta);margin-top:7px;font-size:13px}.home-actions{flex-wrap:wrap;gap:8px;display:flex}.home-actions button{min-height:36px}.home-toolbar{align-items:center;gap:12px;display:flex}.search-field{border:1px solid var(--color-hairline);color:var(--color-meta);background:var(--color-surface);border-radius:9px;flex-direction:row;align-items:center;gap:8px;padding:0 11px;font-weight:400;display:flex}.search-field:focus-within{border-color:var(--color-accent)}.search-field input{background:0 0;border:0;outline:none;padding:9px 0}.project-search{width:min(320px,100%)}.project-list{border:1px solid var(--color-hairline);background:var(--color-surface);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.project-row{border:0;border-bottom:1px solid var(--color-divider);text-align:left;border-radius:0;justify-content:flex-start;align-items:center;gap:14px;min-height:76px;padding:14px 18px;font-weight:400;display:flex}.project-row:last-child{border-bottom:0}.project-row:hover{background:var(--color-well)}.project-row:active{background:var(--color-hover)}.project-row:focus-visible{outline-offset:-3px}.project-symbol{background:var(--color-well);width:44px;height:44px;color:var(--color-muted);border-radius:12px;flex:none;place-content:center;display:grid}.project-symbol.moss{background:var(--color-hue-moss);color:var(--color-hue-moss-ink)}.project-symbol.iris{background:var(--color-hue-iris);color:var(--color-hue-iris-ink)}.project-symbol.sky{background:var(--color-hue-sky);color:var(--color-hue-sky-ink)}.project-symbol.clay{background:var(--color-hue-clay);color:var(--color-hue-clay-ink)}.project-symbol.rose{background:var(--color-hue-rose);color:var(--color-hue-rose-ink)}.project-row-name{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.project-row-name strong{font-size:15px}.project-row-name small{color:var(--color-meta);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.project-row-time{color:var(--color-meta);white-space:nowrap;flex:none;font-size:12.5px}.project-row-chevron{color:var(--color-control-border);flex:none;display:flex}.project-row:hover .project-row-chevron{color:var(--color-muted)}.home-empty{text-align:center;min-height:min(58vh,480px);color:var(--color-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 24px;display:flex}.empty-symbol{border:1px solid var(--color-hairline);background:var(--color-surface);width:58px;height:58px;color:var(--color-accent);border-radius:16px;place-content:center;display:grid}.home-empty h2,.empty-state h3{color:var(--color-ink);font-size:17px}.home-empty p{max-width:360px}.home-empty .home-actions{justify-content:center;margin-top:6px}.empty-state{text-align:center;color:var(--color-muted);border:1px solid var(--color-hairline);background:var(--color-canvas);border-radius:9px;flex-direction:column;align-items:center;gap:14px;padding:56px 28px;display:flex}.empty-state p{max-width:340px}.empty-state.compact{background:0 0;border:0;padding:40px 24px}.home-note{color:var(--color-meta)}.project-page{flex-direction:column;gap:30px;display:flex}.empty-project{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:min(54vh,460px);padding:32px 24px;display:flex}.empty-project h2{font-size:17px}.empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.empty-actions button{min-height:36px}.project-question{border:1px solid var(--color-hairline);background:var(--color-surface);border-radius:12px;align-items:center;gap:12px;padding:15px 18px;display:flex}.project-question svg{color:var(--color-accent);flex:none}.project-question h2{overflow-wrap:anywhere;font-size:16px;font-weight:500;line-height:1.5}.project-columns{grid-template-columns:minmax(0,1fr) minmax(230px,.45fr);gap:40px;display:grid}.project-columns.single{grid-template-columns:minmax(0,1fr)}.project-primary{flex-direction:column;gap:34px;min-width:0;display:flex}.project-section{flex-direction:column;gap:16px;min-width:0;display:flex}.section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-heading h2,.project-section h2{font-size:15px}.section-heading .text-button{font-size:12px}.project-work{margin-bottom:28px}.work-session>header{justify-content:space-between;align-items:start;gap:16px;display:flex}.work-session header p{color:var(--color-muted);margin:6px 0 0;font-size:12px}.work-session header button{flex-shrink:0}.work-sessions{gap:16px;min-width:0;display:grid}.work-session{border:1px solid var(--color-hairline);background:var(--color-surface);overflow-wrap:anywhere;border-radius:8px;min-width:0;padding:18px}.work-session h3{margin:0;font-size:14px;line-height:1.5}.session-progress{overflow-wrap:anywhere;font-size:13px;line-height:1.6}.session-title{margin:12px 0 4px;font-weight:500}.session-caption{color:var(--color-muted);margin:12px 0 6px;font-size:12px}.session-plan ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.session-plan li{grid-template-columns:18px minmax(0,1fr);gap:6px;display:grid}.session-plan li[data-status=completed]{color:var(--color-muted)}.session-plan li[data-status=in_progress]>span:first-child{color:var(--color-accent)}.session-usage,.session-basis,.work-native-note,.work-references{color:var(--color-muted);font-size:12px}.session-basis summary{cursor:pointer}.session-basis p{margin:8px 0}.work-native-note{line-height:1.6}.work-native-note button{margin-left:8px}.work-files{overflow-wrap:anywhere;min-width:0}.work-files small{color:var(--color-muted);margin-top:4px;display:block}.work-files details{min-width:0;font-size:12px}.work-files button{white-space:normal;text-align:left}.conversation-progress{border-top:1px solid var(--color-divider);padding:12px 16px;font-size:12px}@media (width<=600px){.work-session>header{flex-direction:column;align-items:stretch}.work-session{padding:14px}}.result-list,.agent-notes,.health-list{margin:0;padding:0;list-style:none}.file-symbol{background:var(--color-well);border:1px solid var(--color-hairline);width:38px;height:38px;color:var(--color-muted);border-radius:10px;flex:none;place-content:center;display:grid}.result-row{border:0;border-bottom:1px solid var(--color-divider);text-align:left;border-radius:0;align-items:center;gap:12px;width:100%;padding:15px 0;font-weight:400;display:flex}.result-name{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.result-name small,.result-state{color:var(--color-meta);font-size:12px}.result-state{text-align:right;max-width:110px}.project-recent{border-left:1px solid var(--color-hairline);min-width:0;padding-left:28px}.activity-list{flex-direction:column;display:flex}button.activity-row{border:0;border-bottom:1px solid var(--color-divider);text-align:left;border-radius:0;justify-content:flex-start;gap:12px;width:100%;padding:16px 4px;font-weight:400}.activity-symbol{background:var(--color-well);width:32px;height:32px;color:var(--color-meta);border-radius:50%;flex:none;place-content:center;display:grid}.activity-symbol.active{color:var(--color-accent);background:var(--color-accent-soft)}.activity-name{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.activity-name small{color:var(--color-meta)}.project-recent .activity-row{flex-wrap:wrap}.project-recent .activity-name{flex-basis:calc(100% - 48px)}.project-recent .activity-row>.state{margin-left:44px}.project-recent .activity-row>svg{margin-left:auto}.project-recent .activity-name strong{font-size:13px}.quiet-empty{color:var(--color-meta);padding:24px 0}.agent-notes li{border-bottom:1px solid var(--color-divider);padding:14px 0}.agent-notes p{color:var(--color-muted);padding-top:5px}.agent-notes small{color:var(--color-meta);margin-top:7px;display:block}.state{white-space:nowrap;color:var(--color-muted);align-items:center;gap:7px;font-size:12px;display:inline-flex}.state:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.state.failed,.state.fail{color:var(--color-failed)}.state.active,.state.pending{color:var(--color-accent)}.state.unknown,.state.unobserved,.state.warn{color:var(--color-amber-text)}.state.good,.state.ok{color:var(--color-verified-text)}.state.superseded,.state.declared,.state.completed{color:var(--color-muted)}.document-list{flex-wrap:wrap;gap:9px;display:flex}.document-link{border-color:var(--color-hairline);justify-content:flex-start;gap:9px;min-width:0}.document-link>span{overflow-wrap:anywhere}.unsaved-dot{background:var(--color-amber);border-radius:50%;width:6px;height:6px}.file-toolbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.folder-location{overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;display:flex}.folder-location svg{transform:rotate(180deg)}.file-toolbar .search-field{max-width:260px}.file-table-wrap{overflow-x:auto}.file-table{border-collapse:collapse;text-align:left;width:100%}.file-table th{color:var(--color-meta);background:var(--color-canvas);padding:10px 12px;font-size:12px;font-weight:500}.file-table th:first-child{border-radius:6px 0 0 6px}.file-table th:nth-child(3){border-radius:0 6px 6px 0}.file-table td{border-bottom:1px solid var(--color-divider);color:var(--color-meta);padding:4px 12px;font-size:12px}.file-table td:first-child{width:72%}.file-open{text-align:left;width:100%;min-height:42px;color:var(--color-ink);overflow-wrap:anywhere;background:0 0;border:0;justify-content:flex-start;padding:8px 0;font-size:14px}.file-open svg{color:var(--color-meta)}.settings-sections{flex-direction:column;gap:40px;max-width:760px;display:flex}.source-folders{flex-direction:column;align-items:flex-start;gap:10px;width:100%;display:flex}.source-folders ul{border:1px solid var(--color-hairline);border-radius:10px;width:100%;margin:0;padding:0;list-style:none;overflow:hidden}.source-folders li{border-bottom:1px solid var(--color-divider);align-items:center;gap:12px;padding:12px 14px;display:flex}.source-folders li:last-child{border-bottom:0}.source-folder-name{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.source-folder-name small{color:var(--color-meta)}.source-empty{border:1px dashed var(--color-control-border);width:100%;color:var(--color-meta);border-radius:10px;align-items:center;gap:10px;padding:14px;display:flex}.source-add{background:var(--color-surface)}.health-list li{border-bottom:1px solid var(--color-divider);align-items:flex-start;gap:16px;padding:16px 0;display:flex}.health-list .state{padding-top:3px}.health-list small{color:var(--color-meta)}.inspector-pane{border-left:1px solid var(--color-hairline);background:#fff;flex-direction:column;flex:0 0 340px;min-height:0;display:flex;overflow:auto}.side-panel{flex-grow:0;flex-shrink:0;position:relative;overflow:visible}.side-panel-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.panel-resizer{z-index:25;cursor:col-resize;touch-action:none;width:10px;position:absolute;top:0;bottom:0;left:-5px}.panel-resizer:after{content:"";width:2px;position:absolute;top:0;bottom:0;left:4px}.panel-resizer:hover:after,.panel-resizer:focus-visible:after,body[data-resizing] .panel-resizer:after{background:var(--color-accent)}.panel-resizer:focus-visible{outline:none}.panel-resizer:focus-visible:after{width:4px;left:3px}body[data-resizing=col]{cursor:col-resize;-webkit-user-select:none;user-select:none}.drawer-heading{border-bottom:1px solid var(--color-hairline);flex:none;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.drawer-heading h2{font-size:14px}.agent-slot{min-height:0}.agent-request{border-bottom:1px solid var(--color-hairline);flex-direction:column;gap:12px;padding:20px;display:flex}.agent-request textarea{min-height:100px;font-size:13px;line-height:1.6}.agent-request-actions{align-items:center;gap:12px;display:flex}.agent-request-actions>span{color:var(--color-meta);flex:1;font-size:11px}.agent-request-actions button{font-size:12px}.agent-request>p{color:var(--color-muted);font-size:12px}.conversation{flex-direction:column;flex:1 0 auto;min-height:0;font-size:14px;display:flex;container-type:inline-size}.conversation-head{z-index:5;border-bottom:1px solid var(--color-divider);background:var(--color-surface);align-items:center;gap:4px;min-width:0;padding:7px 8px;display:flex;position:sticky;top:0}.conversation-head .icon-button{border-radius:8px;width:30px;height:30px;min-height:30px}.conversation-head .icon-button:hover{background:var(--color-hover);color:var(--color-ink)}.conversation-switch{flex:1;min-width:0;display:flex;position:relative}.conversation-title{max-width:100%;min-height:32px;color:var(--color-ink);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:4px 8px;font-weight:400;display:inline-flex}.conversation-title:hover:not(:disabled),.conversation-title[aria-expanded=true]{background:var(--color-hover)}.conversation-title:disabled{opacity:1;cursor:default}.conversation-title>svg{flex:none}.conversation-title strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13.5px;font-weight:600;overflow:hidden}.conversation-title-chevron{color:var(--color-meta);flex:none;transition:transform .15s;display:inline-flex;transform:rotate(90deg)}.conversation-title[aria-expanded=true] .conversation-title-chevron{transform:rotate(-90deg)}.menu-pop.history-pop{width:min(340px,100cqw - 16px);max-height:min(60vh,440px);top:calc(100% + 4px);bottom:auto}.history-list{overscroll-behavior:contain;flex-direction:column;gap:1px;min-height:0;display:flex;overflow-y:auto}.history-row{width:100%;min-height:0;color:var(--color-ink);text-align:left;background:0 0;border:0;border-radius:8px;align-items:flex-start;gap:10px;padding:8px 10px;font-weight:400;display:flex}.history-row:hover,.history-row:focus-visible{background:var(--color-hover);outline:none}.history-row>svg,.history-mark{flex:none;margin-top:2px}.history-mark{background:var(--color-well);border-radius:4px;width:14px;height:14px}.history-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.history-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.history-row[aria-current=true] .history-text strong{font-weight:600}.history-text span{color:var(--color-meta);font-size:11.5px}.history-check{color:var(--color-accent);flex:none;margin-top:2px;display:inline-flex}.conversation-intro{flex-direction:column;gap:24px;padding:28px 20px 16px;display:flex}.intro-lead{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.intro-lead>svg{margin-bottom:6px}.intro-lead p{letter-spacing:-.1px;overflow-wrap:anywhere;font-size:16px;font-weight:600;line-height:1.4}.intro-lead small{color:var(--color-meta);font-size:13px}.conversation-turns{flex-direction:column;gap:30px;margin:0;padding:18px 20px 16px;list-style:none;display:flex}.turn{flex-direction:column;gap:12px;min-width:0;display:flex}.turn-person{align-self:flex-end;max-width:85%}.turn-person p{background:var(--color-well);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:16px 16px 5px;padding:9px 14px;line-height:1.55}.turn-note{color:var(--color-meta);font-size:12px}.turn-work>summary{min-width:0;max-width:100%;color:var(--color-muted);cursor:pointer;border-radius:7px;align-items:center;gap:7px;margin-left:-8px;padding:3px 8px;font-size:13px;list-style:none;display:inline-flex}.turn-work>summary::-webkit-details-marker{display:none}.turn-work>summary:after{content:"";opacity:.6;border-bottom:1.5px solid;border-right:1.5px solid;flex:none;width:5px;height:5px;margin:0 2px 3px 1px;transform:rotate(45deg)}.turn-work[open]>summary:after{margin-bottom:-2px;transform:rotate(-135deg)}.turn-work>summary:hover{background:var(--color-hover);color:var(--color-ink)}.turn-work-label{flex:none;font-weight:500}.turn-work-said{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-meta);overflow:hidden}.turn-work-body{border-left:2px solid var(--color-divider);flex-direction:column;gap:10px;margin:8px 0 0 1px;padding-left:14px;display:flex}.turn-work-body .turn-text{color:var(--color-muted);font-size:13.5px}.turn-text-block{min-width:0}.turn-text{overflow-wrap:anywhere;line-height:1.65}.turn-text>*+*{margin-top:10px}.turn-text p{margin:0}.turn-text>.md-heading:not(:first-child){margin-top:20px}.turn-text>.md-heading+*{margin-top:6px}.md-heading{font-size:14px;font-weight:600;line-height:1.45}.md-heading[data-level="1"],.md-heading[data-level="2"]{letter-spacing:-.2px;font-size:15.5px}.md-list{flex-direction:column;gap:4px;margin:0;padding-left:22px;display:flex}.md-list li{overflow-wrap:anywhere;padding-left:2px}.md-list li::marker{color:var(--color-meta)}ul.md-list{list-style-type:disc}ol.md-list{list-style-type:decimal}.md-code-block{background:var(--color-well);border-radius:10px;overflow:hidden}.md-code-head{min-height:28px;color:var(--color-meta);justify-content:space-between;align-items:center;gap:8px;padding:2px 4px 0 12px;font-size:11.5px;display:flex}.md-code{white-space:pre;margin:0;padding:2px 12px 12px;font-size:12px;line-height:1.55;overflow:auto}.md-table{border:1px solid var(--color-hairline);background:linear-gradient(to right, var(--color-surface) 40%, transparent) left / 28px 100% no-repeat local, linear-gradient(to left, var(--color-surface) 40%, transparent) right / 28px 100% no-repeat local, radial-gradient(farthest-side at 0 50%, color-mix(in srgb, var(--color-ink) 16%, transparent), transparent) left / 12px 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%, color-mix(in srgb, var(--color-ink) 16%, transparent), transparent) right / 12px 100% no-repeat scroll;border-radius:10px;max-width:100%;overflow-x:auto}.md-table table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px;line-height:1.5}.md-table th,.md-table td{border-bottom:1px solid var(--color-divider);text-align:left;vertical-align:top;overflow-wrap:normal;word-break:normal;min-width:4.5em;padding:7px 12px}.md-table td{-webkit-hyphens:none;hyphens:none}.md-table th{color:var(--color-meta);font-size:12px;font-weight:500}.md-table tbody tr:last-child td{border-bottom:0}.md-inline{background:var(--color-well);border-radius:5px;padding:1px 5px;font-size:.86em}.turn-text blockquote{border-left:3px solid var(--color-hairline);color:var(--color-muted);margin:0;padding-left:12px}.md-rule{border:0;border-top:1px solid var(--color-divider);margin:14px 0}.copy-button{width:26px;height:26px;min-height:26px;color:var(--color-meta);border-radius:6px}.copy-button:hover{background:var(--color-hover);color:var(--color-ink)}.stream-caret{vertical-align:-.12em;background:var(--color-accent);border-radius:1px;width:.45em;height:.95em;margin-left:2px;animation:1s step-end infinite stream-caret;display:inline-block}@keyframes stream-caret{50%{opacity:0}}.turn-error{color:var(--color-failed);font-size:13px}.turn-foot{min-height:26px;color:var(--color-meta);flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:-4px;font-size:12px;display:flex}.turn-ending{overflow-wrap:anywhere;align-items:center;gap:7px;min-width:0;display:inline-flex}.turn-ending.failed{color:var(--color-failed)}.turn-ending.running{color:var(--color-accent-strong)}.turn-ending.unknown{color:var(--color-amber-text)}.turn-meta{gap:6px;min-width:0;display:inline-flex}.turn-meta>*+:before{content:"·";margin-right:6px}.turn-model{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:200px;overflow:hidden}.turn-foot .copy-button{margin-left:-4px}.turn-foot .text-button{font-size:12px}.turn-elapsed{font-variant-numeric:tabular-nums}.turn-spinner{border:1.5px solid;border-right-color:#0000;border-radius:50%;flex:none;width:11px;height:11px;animation:.9s linear infinite turn-spin}@keyframes turn-spin{to{transform:rotate(360deg)}}.turn-permission{border:1px solid var(--color-amber-line);background:var(--color-amber-soft);border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.permission-caption{color:var(--color-amber-text);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.permission-caption>span{background:var(--color-amber);border-radius:50%;flex:none;width:6px;height:6px}.permission-title{overflow-wrap:anywhere;margin:0;font-weight:500}.turn-permission pre{border:1px solid var(--color-amber-line);background:var(--color-surface);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;max-height:160px;margin:0;padding:8px 10px;font-size:12px}.turn-permission>div{flex-wrap:wrap;gap:6px;display:flex}.turn-choices{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.turn-choice{min-width:0;color:var(--color-meta);align-items:center;gap:7px;font-size:12.5px;line-height:1.6;display:flex}.turn-choice>svg{color:var(--color-verified);flex:none}.turn-choice-option{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:60%;color:var(--color-muted);flex:0 auto;overflow:hidden}.turn-choice-what{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-mono);flex:1;font-size:11.5px;overflow:hidden}.activity-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.activity-row{min-width:0}.activity-row>p,.activity-row>details>summary{min-width:0;color:var(--color-muted);border-radius:6px;align-items:center;gap:8px;margin:0 0 0 -6px;padding:3px 6px;font-size:13px;line-height:1.5;display:flex}.activity-row>details>summary{cursor:pointer;list-style:none}.activity-row>details>summary::-webkit-details-marker{display:none}.activity-row>details>summary:hover{background:var(--color-hover)}.activity-icon{width:16px;height:16px;color:var(--color-meta);flex:none;place-content:center;display:inline-grid}.activity-icon.requested{color:var(--color-accent);animation:1.4s ease-in-out infinite activity-breathe}.activity-icon.rejected,.activity-icon.failed{color:var(--color-failed)}.activity-icon.unknown{color:var(--color-amber)}@keyframes activity-breathe{50%{opacity:.35}}.activity-verb{flex:none}.activity-target{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-ink);overflow:hidden}.activity-row>details>summary:after{content:"";opacity:0;border-bottom:1.5px solid;border-right:1.5px solid;flex:none;width:5px;height:5px;margin-left:auto;transform:rotate(45deg)}.activity-row>details[open]>summary:after{transform:rotate(-135deg)}.activity-row>details>summary:hover:after,.activity-row>details>summary:focus-visible:after,.activity-row>details[open]>summary:after{opacity:.6}.activity-target.path,.activity-target.command,.activity-target.operation,.activity-target.query{font-family:var(--font-mono);font-size:12px}.activity-target.command,.activity-target.packages{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.activity-row[data-action=execute]>p,.activity-row[data-action=execute]>details>summary{align-items:flex-start}.activity-row[data-action=execute] .activity-icon,.activity-row[data-action=execute]>details>summary:after{margin-top:.2em}.activity-flag{color:var(--color-failed);flex:none;font-size:12px}.activity-flag.unknown{color:var(--color-amber-text)}.activity-duration{color:var(--color-meta);font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-size:12px}.activity-row>details>summary:has(.activity-duration):after{margin-left:0}.activity-details .activity-printed{grid-column:1/-1}.activity-output{background:var(--color-surface);border:1px solid var(--color-hairline);max-height:240px;font:11px/1.45 var(--font-mono);white-space:pre;color:var(--color-ink);border-radius:6px;margin:0;padding:6px 8px;overflow:auto}.activity-cut{color:var(--color-meta);margin-top:4px;display:block}.activity-details{background:var(--color-well);border-radius:8px;grid-template-columns:76px minmax(0,1fr);gap:5px 10px;margin:4px 0 6px 18px;padding:8px 12px;font-size:12px;display:grid}.activity-details dt{color:var(--color-meta)}.activity-details dd{overflow-wrap:anywhere;margin:0}.activity-details code{font-size:11.5px}.activity-group{color:var(--color-meta);font-size:13px}.activity-group>summary{cursor:pointer;border-radius:6px;align-items:flex-start;gap:6px;max-width:100%;margin-left:-6px;padding:3px 6px;list-style:none;display:inline-flex}.activity-group>summary::-webkit-details-marker{display:none}.activity-group>summary:before{content:"";opacity:.65;border-bottom:1.5px solid;border-right:1.5px solid;flex:none;width:5px;height:5px;margin:.55em 5px 0 3px;transform:rotate(-45deg)}.activity-group[open]>summary:before{transform:rotate(45deg)}.activity-group>summary:hover{color:var(--color-ink);background:var(--color-hover)}.activity-group .activity-list{margin-top:2px}.activity-live .activity-row>p,.activity-live .activity-row>details>summary{color:var(--color-muted)}@keyframes activity-pulse{0%{box-shadow:0 0 #1e6b5245}70%{box-shadow:0 0 0 5px #1e6b5200}to{box-shadow:0 0 #1e6b5200}}.conversation-composer{z-index:2;background:var(--color-surface);flex-direction:column;gap:6px;margin-top:auto;padding:6px 14px 10px;display:flex;position:sticky;bottom:0}.conversation-composer [role=alert]{color:var(--color-failed);flex-wrap:wrap;align-items:center;gap:8px;padding:0 4px;font-size:12px;display:flex}.session-notice{color:var(--color-muted);flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:0 4px;font-size:12px;line-height:1.5;display:flex}.session-notice p{flex:260px;margin:0}.session-notice strong{color:var(--color-amber-text);font-weight:600}.session-notice .text-button,.session-command{min-height:0;padding:0;font-size:12px}.session-notice p .text-button{color:var(--color-ink);text-underline-offset:2px;text-decoration:underline}.session-command{color:var(--color-muted);align-items:center;gap:5px;display:inline-flex}.turn-where{color:var(--color-meta)}.outside-results{flex-direction:column;gap:4px;margin:6px 0;padding:0;font-size:12.5px;list-style:none;display:flex}.outside-results li{overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:6px;min-width:0;display:flex}.outside-results small{color:var(--color-meta)}.composer-box{border:1px solid var(--color-control-border);background:var(--color-surface);cursor:text;border-radius:18px;flex-direction:column;gap:4px;padding:11px 8px 8px 14px;display:flex;box-shadow:0 6px 20px #141e190f}.composer-box:focus-within{border-color:var(--color-hairline-strong);box-shadow:0 0 0 3px var(--color-accent-soft), 0 6px 20px #141e190f}.composer-box textarea{resize:none;background:0 0;border:0;border-radius:0;width:100%;min-height:0;max-height:240px;padding:0 6px 2px 0;font-size:14px;line-height:1.55;display:block}.composer-box textarea:focus-visible{outline:none}.composer-bar{cursor:default;align-items:center;gap:8px;min-width:0;display:flex}.composer-bar .composer-settings{flex:1;min-width:0}.composer-bar .settings-menu{margin-left:-8px}.composer-bar .setting-chip{min-height:28px;color:var(--color-muted);background:0 0;border-color:#0000;padding:3px 8px}.composer-bar .setting-chip:hover:not(:disabled){background:var(--color-hover);color:var(--color-ink)}.composer-bar .summary-model{flex:none;max-width:clamp(72px,100cqw - 216px,240px)}.composer-bar .summary-group{text-overflow:ellipsis;max-width:140px;color:var(--color-meta);flex:none;overflow:hidden}.composer-send{background:var(--color-accent);color:#fff;border:0;border-radius:50%;flex:none;width:32px;height:32px;min-height:32px;margin-left:auto;padding:0}.composer-send:hover:not(:disabled){background:var(--color-accent-hover)}.composer-send:disabled{opacity:1;background:var(--color-well);color:var(--color-meta)}.composer-send.stop{background:var(--color-ink)}.composer-send.stop:disabled{background:var(--color-well)}.stop-square{background:currentColor;border-radius:2px;width:10px;height:10px}.jump-latest{border:1px solid var(--color-hairline);background:var(--color-surface);width:32px;height:32px;min-height:32px;color:var(--color-muted);border-radius:50%;padding:0;position:absolute;top:-42px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #141e191f}.jump-latest.unseen:after{content:"";border:2px solid var(--color-surface);background:var(--color-accent);border-radius:50%;width:9px;height:9px;position:absolute;top:-1px;right:-1px}.conversation-plan{font-size:12px;position:relative}.conversation-plan>summary{min-width:0;color:var(--color-meta);cursor:pointer;border-radius:6px;align-items:center;gap:12px;margin:0 -2px;padding:2px 6px;list-style:none;display:flex}.conversation-plan>summary::-webkit-details-marker{display:none}.conversation-plan>summary:hover,.conversation-plan[open]>summary{color:var(--color-ink)}.strip-plan{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.plan-state{background:var(--color-verified);border-radius:50%;flex:none;width:6px;height:6px}.plan-state.in_progress{background:var(--color-accent);animation:1.4s ease-out infinite activity-pulse}.plan-state.pending{background:var(--color-control-border)}.plan-state.completed{background:var(--color-verified)}.strip-plan .plan-state{vertical-align:1px;margin-right:6px;display:inline-block}.strip-usage{font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:6px;display:inline-flex}.strip-usage>span+span:before{content:"·";margin-right:6px}.context-ring circle{fill:none;stroke-width:2.4px}.context-ring circle:first-child{stroke:var(--color-hairline)}.context-ring circle+circle{stroke:var(--color-accent);stroke-linecap:round}.context-ring.high circle+circle{stroke:var(--color-amber)}.session-popover{z-index:30;border:1px solid var(--color-hairline);background:var(--color-surface);border-radius:12px;flex-direction:column;gap:14px;width:min(320px,100% + 8px);max-height:min(60vh,420px);padding:14px 16px 12px;font-size:13px;display:flex;position:absolute;bottom:calc(100% + 8px);right:-4px;overflow:auto;box-shadow:0 12px 32px #141e1929}.session-popover section{flex-direction:column;gap:6px;display:flex}.session-popover section+section{border-top:1px solid var(--color-divider);padding-top:12px}.session-row{color:var(--color-muted);justify-content:space-between;align-items:baseline;gap:12px;display:flex}.session-row strong{color:var(--color-ink);font-variant-numeric:tabular-nums;font-weight:600}.session-bar{background:var(--color-well);border-radius:3px;height:6px;display:block;overflow:hidden}.session-bar>span{background:var(--color-accent);border-radius:3px;height:100%;display:block}.session-bar.high>span{background:var(--color-amber)}.session-note{color:var(--color-meta);font-variant-numeric:tabular-nums;font-size:12px}.session-switch{width:100%;color:var(--color-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0;font-weight:600;display:flex}.session-switch:focus-visible{border-radius:4px}.strip-describe{color:var(--color-meta);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:6px}.session-plan-list ol{flex-direction:column;gap:6px;margin:2px 0 0;padding:0;list-style:none;display:flex}.session-plan-list li{overflow-wrap:anywhere;align-items:baseline;gap:8px;line-height:1.45;display:flex}.session-plan-list li .plan-state{position:relative;top:-1px}.session-plan-list li[data-status=completed]{color:var(--color-meta)}.session-source{border-top:1px solid var(--color-divider);color:var(--color-meta);padding-top:10px;font-size:11.5px}.session-popover>*+.session-describe{border-top:1px solid var(--color-divider);padding-top:12px}@container (width<=420px){.strip-tokens,.composer-bar .summary-group{display:none}.conversation-turns{padding-left:16px;padding-right:16px}}.context-agent-where{font-size:12px}.context-section{border-bottom:1px solid var(--color-hairline);flex-direction:column;gap:14px;padding:20px;font-size:13px;display:flex}.context-section p{color:var(--color-meta);overflow-wrap:anywhere}.context-agent-list{flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.context-agent-list li{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.context-agent-list span{color:var(--color-meta);font-size:12px}.context-slot:empty{display:none}.away{background:var(--color-canvas);place-content:center;min-height:100dvh;padding:24px;display:grid}.standalone{border:1px solid var(--color-hairline);background:#fff;border-radius:14px;flex-direction:column;gap:20px;max-width:480px;padding:40px;display:flex}.standalone .wordmark{color:var(--color-accent);font-size:22px}.standalone h1{font-size:24px}.standalone p{color:var(--color-muted)}.away-detail{overflow-wrap:anywhere;font-size:12px}.away-note{border-top:1px solid var(--color-hairline);padding-top:16px;font-size:12px}dialog{color:var(--color-ink);border:1px solid var(--color-hairline);background:#fff;border-radius:12px;max-width:calc(100% - 32px);max-height:calc(100dvh - 40px);box-shadow:0 20px 80px #18352729}dialog::backdrop{background:#13231c45}.commands{width:620px;margin-top:min(18vh,160px);padding:0}.command-filter{border-bottom:1px solid var(--color-hairline);align-items:center;gap:10px;padding:14px 18px;display:flex}.command-filter input{box-shadow:none;border:0;outline:none;padding:4px 0;font-size:16px}.command-list{max-height:400px;padding:7px;overflow-y:auto}.command-heading{color:var(--color-meta);padding:12px 10px 5px;font-size:11px;display:block}.command-item{cursor:pointer;border-radius:6px;align-items:center;gap:12px;padding:10px;display:flex}.command-item[aria-selected=true]{background:var(--color-selected)}.command-label{flex:1}.command-meta{text-overflow:ellipsis;white-space:nowrap;max-width:180px;color:var(--color-meta);font-size:12px;overflow:hidden}.command-danger{color:var(--color-failed)}.command-none{color:var(--color-meta);padding:30px 15px}.command-footer{border-top:1px solid var(--color-hairline);color:var(--color-meta);justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;font-size:11px;display:flex}.command-keys{flex:none;align-items:center;gap:5px;display:flex}.confirm{width:420px;padding:28px}.confirm p{color:var(--color-muted);margin-top:12px}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.sheet{border-radius:16px;width:520px;padding:0}.sheet::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#16241d33}.sheet-head{justify-content:space-between;align-items:center;gap:12px;padding:22px 24px 0;display:flex}.sheet-head h2{letter-spacing:-.3px;font-size:20px}.sheet-body{flex-direction:column;gap:20px;padding:18px 24px 24px;display:flex}.sheet-body h2{font-size:22px}.field{flex-direction:column;gap:8px;display:flex}.field>span{font-weight:500}.field-hint{color:var(--color-meta);font-size:12px}.project-problem,[aria-invalid=true]{color:var(--color-failed)}[aria-invalid=true]{border-color:var(--color-failed)}.sheet-footer{border-top:1px solid var(--color-hairline);background:var(--color-canvas);border-radius:0 0 16px 16px;justify-content:flex-end;align-items:center;gap:8px;padding:14px 24px;display:flex}.sheet-hint{min-width:0;color:var(--color-meta);flex:1;font-size:12px}.drawer,.context-sheet{border-radius:0;height:100dvh;max-height:100dvh;margin:0;padding:0;position:fixed;top:0;bottom:0}.drawer{background:var(--color-canvas);width:min(310px,90vw);padding:22px 14px 14px}.drawer[open]{flex-direction:column;display:flex}.drawer-close{position:absolute;top:18px;right:12px}.context-sheet{width:min(400px,100vw);max-width:100vw;left:auto;right:0}.context-sheet[open]{flex-direction:column;display:flex;overflow:auto}.run-dialog{width:820px;padding:20px}.run-dialog-close{z-index:1;position:absolute;top:10px;right:10px}@media (width>=1600px){.project-nav{flex-basis:248px}}@media (width<=1150px){.project-nav{flex-basis:216px}.agent-chip-what{display:none}.project-columns{grid-template-columns:minmax(0,1fr);gap:32px}.project-recent{border-left:0;border-top:1px solid var(--color-hairline);padding-top:26px;padding-left:0}.project-recent .activity-row{flex-wrap:nowrap}.project-recent .activity-name{flex-basis:auto}.project-recent .activity-row>.state{margin-left:0}.inspector-pane{z-index:20;width:340px;position:absolute;top:0;bottom:0;right:0;box-shadow:-12px 0 32px #193a2614}.command-trigger>span{display:none}}@media (width<=767px){.app-body>.project-nav{display:none}.topbar{gap:8px;min-height:54px;padding:0 10px}.topbar-actions{gap:6px}.connection-label,.command-trigger kbd,.crumb,.crumb-sep{display:none}.command-trigger{padding:5px}.agent-toggle{padding:5px 8px}.home,.project-page,.page-section{padding:28px 20px}h1{font-size:25px}.home-header,.page-heading{flex-wrap:wrap;gap:20px}.page-heading>div{width:100%}.project-row{gap:12px;min-height:68px;padding:14px}.project-symbol{border-radius:10px;width:38px;height:38px}.project-row-time{display:none}.project-row-name small{font-size:11px}.project-row-name strong{font-size:14px}.project-question{padding:16px}.project-question h2{font-size:16px}.result-state{display:none}.file-toolbar{flex-wrap:wrap;gap:12px}.file-toolbar .search-field{width:100%;max-width:none}.file-table th:nth-child(2),.file-table td:nth-child(2){display:none}.file-table td{padding-inline:8px}.file-open{font-size:13px}button.activity-row{gap:8px}.activity-name strong{font-size:12px}.activity-name small,.activity-row>.state{font-size:11px}.project-recent .activity-row>svg{display:none}.workspace-tools{gap:8px;padding:6px 10px}.agent-chip{max-width:44px;padding:4px 10px}.agent-chip strong,.agent-chip-what{display:none}.studio-bar{gap:6px;padding:6px 10px}.follow-toggle{padding:4px 9px}.studio-with-notes.notes-open>.studio-main{display:none}.studio-with-notes.notes-open>.notes-panel{border-right:0;flex:1;width:auto}.workspace-question,.command-footer .command-keys{display:none}.run-dialog{padding:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.external-reply{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.rho-review{width:100%;max-width:1160px;margin:0 auto;padding:44px clamp(20px,4vw,56px) 72px;line-height:1.6}.rho-review section,.review-reply,.review-question{border-top:1px solid var(--border);margin:24px 0;padding-top:18px}.rho-review h1{letter-spacing:-1px;font-size:30px;line-height:1.25}.rho-review h2{margin-bottom:12px;font-size:17px}.rho-review h3{font-size:15px}.review-choose{flex-wrap:wrap;gap:18px;display:flex}.rho-review select{min-width:180px;max-width:100%;padding:7px}.review-choose label{flex:1;gap:5px;min-width:0;display:grid}.rho-review button,.review-overlay button{font:inherit;border:1px solid var(--border);background:var(--surface);color:inherit;cursor:pointer;border-radius:6px;padding:6px 11px}.rho-review button:disabled{opacity:.5}.rho-review button+button{margin-left:8px}.review-draft{border:1px solid var(--border);border-radius:8px;height:160px;margin:12px 0;overflow:hidden}.review-history{background:var(--surface-muted,#f4f6f5);border-radius:8px;margin:12px 0;padding:12px 16px}.review-history p{white-space:pre-wrap}.review-fields{flex-wrap:wrap;gap:14px;margin:10px 0;display:flex}.review-table-scroll{max-width:100%;margin:15px 0;overflow:auto}.review-table-scroll table{border-collapse:collapse;font-variant-numeric:tabular-nums;white-space:nowrap}.review-table-scroll td,.review-table-scroll th{text-align:right;border-bottom:1px solid var(--border);padding:8px 12px}.review-table-scroll tr[data-changed=true]{background:#fff6df}.review-table-scroll th:first-child{text-align:left}.review-overlay{background:var(--surface,#fff);z-index:1000;border:1px solid var(--border);border-radius:12px;padding:24px;position:fixed;inset:5vh 8vw;overflow:auto;box-shadow:0 0 0 100vmax #0005}.snapshot-view{min-width:0}.snapshot-view img{max-width:100%;height:auto}.snapshot-view pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.snapshot-view p{color:var(--text-muted);font-size:12px}@media (width<=768px){.rho-review{padding:16px}.review-overlay{padding:16px;inset:12px}.review-choose{display:block}.review-choose label{margin:12px 0}.rho-review select{width:100%}}.review-code-diff{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-muted,#f5f7f5);max-height:480px;padding:14px;font-size:13px;overflow:auto}.review-code-diff del{background:#ffe0e0;text-decoration:none}.review-code-diff ins{background:#d5f4dd;text-decoration:none}.review-fields label{flex-direction:row;align-items:center;gap:6px;display:flex}.rho-comparison summary{cursor:pointer;color:var(--text-muted)}.rho-comparison>p{margin:8px 0}.review-overlay::backdrop{background:#14261e59}dialog.review-overlay{border:1px solid var(--border);color:inherit;width:calc(100% - 32px);max-width:1100px;max-height:calc(100dvh - 32px);margin:auto;inset:0;overflow:auto}.rho-review>header p{color:var(--color-meta);margin-top:7px;font-size:13px}.rho-review .review-threads,.rho-review .review-results{border-top:0;margin:30px 0 0;padding-top:0}.rho-review .review-threads h2,.rho-review .review-results h2{margin-bottom:12px;font-size:15px}.review-threads ul,.review-results ul{margin:0;padding:0;list-style:none}.rho-review .review-thread{border:0;border-bottom:1px solid var(--color-divider);text-align:left;background:0 0;border-radius:0;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:11px 14px;font-weight:400;display:flex}.rho-review .review-thread:hover{background:var(--color-hover)}.rho-review .review-thread[aria-pressed=true]{background:var(--color-selected);box-shadow:inset 2px 0 0 var(--color-accent)}.review-thread span{overflow-wrap:anywhere;color:var(--color-ink)}.review-thread small,.review-result small{color:var(--color-meta);font-size:12px}.review-results ul{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.rho-review .review-result{border:1px solid var(--color-hairline);background:var(--color-surface);text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-width:0;padding:12px 14px;font-weight:400;display:flex}.rho-review .review-result:hover{border-color:var(--color-hairline-strong);background:var(--color-hover)}.review-result strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13.5px;font-weight:550;overflow:hidden}.rho-review .review-version{color:var(--color-meta);text-align:left;flex-flow:wrap;justify-content:flex-start;align-self:flex-start;align-items:center;gap:8px;margin-top:14px;font-size:12.5px;font-weight:400;display:flex}.rho-review .review-version select{border:1px solid var(--color-control-border);background:var(--color-surface);min-width:220px;color:var(--color-ink);font:inherit;border-radius:8px;padding:5px 8px}.script-flow{height:100%;min-height:0;container-type:inline-size}.script-flow-split{grid-template-columns:minmax(0,1fr);height:100%;min-height:0;display:grid}.script-flow-split.open{grid-template-columns:minmax(0,1fr) minmax(280px,42%)}.script-flow-editor{min-width:0;height:100%;min-height:0}.script-flow-side{border-left:1px solid var(--color-divider);background:var(--color-canvas);flex-direction:column;gap:8px;min-width:0;min-height:0;padding:10px 12px 14px;display:flex;overflow-y:auto}.cm-flow-here{background:var(--color-accent-soft);box-shadow:inset 3px 0 0 var(--color-accent)}.cm-flow-from{background:var(--color-hue-sky);box-shadow:inset 3px 0 0 var(--color-hue-sky-ink)}.cm-flow-into{background:var(--color-hue-clay);box-shadow:inset 3px 0 0 var(--color-hue-clay-ink)}@container (width<=640px){.script-flow-split.open{grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.script-flow-side{border-top:1px solid var(--color-divider);border-left:0}}.explore-in{color:var(--color-muted);white-space:nowrap;align-items:center;gap:0;font-size:12.5px;font-weight:500;display:inline-flex}span.explore-in>svg{margin:0 5px 0 8px}.explore-in-label{margin-right:1px}.explore-in button.explore-in-language{min-height:28px;color:var(--color-accent-strong);background:0 0;border:0;border-radius:6px;padding:4px 6px;font-size:12.5px;font-weight:600}.explore-in button.explore-in-language:hover:not(:disabled){background:var(--color-hover)}button.explore-in-one{background:0 0;border:0;border-radius:6px;gap:5px;min-height:28px;padding:4px 8px}button.explore-in-one:hover:not(:disabled){background:var(--color-hover);color:var(--color-ink)}.page-add{text-align:left;flex-direction:column;gap:10px;min-width:280px;max-height:min(70vh,560px);display:flex;overflow-y:auto}.page-add>*,.page-add-kind>*{flex-shrink:0}.page-add button{width:100%;min-height:32px;color:var(--color-ink);text-align:left;background:0 0;border:0;border-radius:6px;justify-content:flex-start;align-items:center;gap:8px;padding:5px 8px;font-size:13px;font-weight:400;display:flex}.page-add button:hover{background:var(--color-hover)}.page-add button>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.page-add button>small{max-width:40%;color:var(--color-meta);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;margin-left:auto;font-size:11.5px;overflow:hidden}.page-add button.page-add-notebook{border:1px solid var(--color-hairline-strong);align-items:flex-start;padding:9px 10px}.page-add-notebook>svg{color:var(--color-accent-strong);margin-top:2px}.page-add-notebook>span{white-space:normal;flex-direction:column;gap:1px;display:flex}.page-add-notebook small{color:var(--color-meta);font-size:12px}.page-add-kind{flex-direction:column;display:flex}.page-add-kind h3{color:var(--color-meta);letter-spacing:.3px;text-transform:uppercase;padding:0 8px 3px;font-size:11.5px;font-weight:650}.page-add button.page-add-all{color:var(--color-accent-strong);font-size:12px;font-weight:600}.page-add-note{color:var(--color-meta);padding:0 8px;font-size:12px}.page-empty .page-add{width:min(560px,100%);max-height:none;margin-top:8px}.nav-new{color:var(--color-meta)}.nav-new:hover{color:var(--color-accent-strong)}.notebook-section{max-width:1280px;container-type:inline-size}.plugin-page{flex-direction:column;gap:32px;display:flex}.plugin-page-heading p{color:var(--color-meta);max-width:620px;margin-top:8px}.plugin-group{flex-direction:column;gap:14px;display:flex}.plugin-group>h2{color:var(--color-meta);font-size:13px;font-weight:500}.plugin-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;display:grid}.plugin-card{text-align:left;border:1px solid var(--color-hairline);border-radius:10px;justify-content:flex-start;gap:16px;min-height:100px;padding:20px;font-weight:400}.plugin-symbol{width:42px;height:42px;color:var(--color-accent);background:var(--color-accent-soft);border-radius:10px;flex:none;place-content:center;display:grid}.plugin-symbol.large{border-radius:14px;width:56px;height:56px}.plugin-symbol.large svg{width:28px;height:28px}.plugin-symbol.small{border-radius:5px;width:20px;height:20px}.plugin-symbol.small svg{width:14px;height:14px}.plugin-symbol-text{font-size:23px;font-weight:600}.plugin-symbol.small .plugin-symbol-text{font-size:13px}.plugin-card-copy{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.plugin-card-copy strong{font-size:16px}.plugin-tagline,.plugin-card-state{color:var(--color-meta);font-size:12px}.plugin-chevron{color:var(--color-meta);flex:none}.plugin-card.absent{opacity:.75}.plugin-back{color:var(--color-accent);background:0 0;border:0;align-self:flex-start;padding:3px 0}.plugin-detail{max-width:960px}.plugin-detail-heading{align-items:center;gap:20px;display:flex}.plugin-detail-title{flex:1;justify-content:space-between;align-items:center;gap:16px;display:flex}.plugin-detail-title .plugin-tagline{margin-top:5px;font-size:14px}.plugin-installed{color:var(--color-meta);align-items:center;gap:5px;font-size:12px;display:inline-flex}.plugin-installed svg{color:var(--color-verified)}.plugin-notice{background:var(--color-well);border:1px solid var(--color-hairline);border-radius:8px;padding:18px 20px}.plugin-notice p{color:var(--color-meta);margin-top:5px}.plugin-about{color:var(--color-accent);background:0 0;border:0;margin-top:10px;padding:4px 0}.plugin-prompts{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:9px;padding:20px 22px}.plugin-prompts ul,.plugin-entry-section ul{margin:0;padding:0;list-style:none}.plugin-prompts li{justify-content:space-between;align-items:center;gap:18px;padding:10px 0;display:flex}.plugin-prompts li+li{border-top:1px solid var(--color-hairline)}.plugin-prompts li>span{flex:1;min-width:0}.plugin-prompts button{flex:none;min-height:28px;font-size:12px}.plugin-prompts-note{color:var(--color-meta);margin-top:10px;font-size:12px}.plugin-copy-status{color:var(--color-accent);font-size:12px}.plugin-copy-status:empty{display:none}.plugin-description{color:var(--color-muted);line-height:1.8}.plugin-entry-section h2,.plugin-information h2{border-bottom:1px solid var(--color-hairline);padding-bottom:12px}.plugin-count{color:var(--color-meta);margin-left:6px;font-size:12px;font-weight:400}.plugin-entry-section li{border-bottom:1px solid var(--color-divider);align-items:center;gap:14px;padding:16px 0;display:flex}.plugin-entry-symbol{color:var(--color-meta);flex:none}.plugin-entry-copy{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.plugin-entry-name{font-weight:500}.plugin-entry-description{color:var(--color-meta);font-size:12px}.plugin-markers{flex-wrap:wrap;gap:5px;display:flex}.plugin-marker{background:var(--color-well);color:var(--color-meta);border-radius:4px;padding:2px 6px;font-size:11px}.plugin-view-state,.plugin-view-note{color:var(--color-meta);font-size:12px}.plugin-view-note{margin-top:12px}.plugin-information dl{grid-template-columns:120px minmax(0,1fr);gap:15px;padding-top:18px;font-size:13px}.plugin-link-row{display:contents}.plugin-needs,.plugin-dependency{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.plugin-dependency>span{color:var(--color-meta);font-size:12px}.plugin-needs button{min-height:30px;font-size:12px}.plugin-use{align-items:center;gap:7px;display:flex}@media (width<=767px){.plugin-grid{grid-template-columns:minmax(0,1fr)}.plugin-detail-heading,.plugin-detail-title{flex-direction:column;align-items:flex-start}.plugin-prompts{padding:15px}.plugin-prompts li{align-items:flex-start}.plugin-entry-section li{flex-wrap:wrap}.plugin-information dl{grid-template-columns:85px minmax(0,1fr)}}.third-party-plugins{border-bottom:1px solid var(--border,#ddd);margin:28px 0 36px;padding-bottom:24px}.third-party-plugins h2{margin-bottom:8px}.third-party-plugins header p{max-width:70ch;line-height:1.6}.plugin-install label{margin:16px 0 6px;font-weight:600;display:block}.plugin-install>div{gap:8px;display:flex}.plugin-install input{border:1px solid var(--border,#ccc);background:var(--surface,white);min-width:0;color:inherit;border-radius:6px;flex:1;padding:10px}.third-party-plugins button{border:1px solid var(--border,#ccc);background:var(--surface,white);color:inherit;cursor:pointer;border-radius:6px;padding:8px 12px}.third-party-plugins button:disabled{opacity:.5;cursor:default}.extension-list{gap:12px;display:grid}.extension-list article{border:1px solid var(--border,#ddd);border-radius:10px;padding:18px}.extension-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.extension-heading h3{margin:0}.extension-source,.extension-list dd{overflow-wrap:anywhere;opacity:.8;font-size:12px}.extension-actions{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.extension-list summary,.extension-development summary{cursor:pointer}.extension-development{margin-top:24px;line-height:1.7}.extension-view{border:1px solid var(--border,#ddd);border-radius:10px;margin-top:12px;overflow:hidden}.extension-view iframe{background:#fff;border:0;width:100%;height:570px;display:block}.extension-guide pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface,#fafafa);max-height:480px;padding:16px;overflow:auto}.extension-error{color:#a32c28;overflow-wrap:anywhere}@media (width<=560px){.plugin-install>div{flex-direction:column}.extension-list article{padding:12px}}.extension-discovery{border:1px dashed var(--border,#c6d3ca);border-radius:10px;margin-top:18px;padding:18px}.extension-discovery h3{margin:0}.extension-discovery small{font-size:12px;font-weight:400}.access-card{border:1px solid var(--color-hairline);background:var(--color-surface);border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex}.access-head{align-items:center;gap:11px;min-width:0;display:flex}.access-head>button{flex:none;margin-left:auto}.access-mark{background:var(--color-well);width:32px;height:32px;color:var(--color-muted);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.access-card.live .access-mark{background:var(--color-verified-soft);color:var(--color-verified-text)}.access-card.offline{border-color:var(--color-amber-line)}.access-card.offline .access-mark{background:var(--color-amber-soft);color:var(--color-amber-text)}.access-card.connecting .access-mark svg{animation:1.4s linear infinite access-turn}@keyframes access-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.access-card.connecting .access-mark svg{animation:none}}.access-title{flex-direction:column;gap:1px;min-width:0;display:flex}.access-title strong{color:var(--color-ink);font-size:14px;font-weight:600}.access-title small{color:var(--color-meta);font-size:12px;line-height:1.4}.context-section .access-foot{border-top:1px solid var(--color-divider);color:var(--color-meta);padding-top:10px;font-size:12px;line-height:1.5}.context-section .access-problem{background:var(--color-amber-soft);color:var(--color-amber-text);border-radius:8px;padding:8px 10px;font-size:12px}.context-section .access-scope{background:var(--color-well);color:var(--color-muted);border-radius:8px;align-items:flex-start;gap:8px;padding:8px 10px;font-size:12.5px;line-height:1.45;display:flex}.access-scope>svg{color:var(--color-meta);flex:none;margin-top:1px}.access-scope strong{color:var(--color-ink);font-weight:600}.access-can{flex-direction:column;gap:7px;margin:0;padding:0;font-size:13px;line-height:1.4;list-style:none;display:flex}.access-can li{color:var(--color-ink);align-items:flex-start;gap:9px;display:flex}.access-can li>svg{color:var(--color-verified);flex:none;margin-top:2px}.access-can li.not,.access-can li.not>svg{color:var(--color-meta)}.access-leave{border:1px solid var(--color-hairline);background:var(--color-surface);min-height:30px;color:var(--color-failed);border-radius:8px;align-self:flex-start;gap:7px;padding:5px 11px;font-size:12.5px}.access-leave:hover{border-color:var(--color-failed);background:var(--color-hover)}.context-slot{border-bottom:1px solid var(--color-hairline);--border:var(--color-hairline);--surface:var(--color-surface);--surface-muted:var(--color-well);--text:var(--color-ink);--text-muted:var(--color-meta);padding:8px 4px}