ryugi-artifacts 1.66.0 → 1.67.0

package/dist/viewer/{AgentStatusPill-B6X8KYhc.js → AgentStatusPill-CkFOocLp.js}

@@ -1 +1 @@
-import{i as e}from"./rolldown-runtime-COiEfhsA.js";import{_ as t}from"./route-DDEGqDvB.js";import{t as n}from"./react-B8SKf8RM.js";import{t as r}from"./jsx-runtime-DePvh3-m.js";import{t as i}from"./useTranslation-BcipDuhp.js";import{a,i as o,t as s}from"./agentLook-BWWdg3j_.js";import"./PhoneSheet-DxyGiHhE.js";import{n as c,t as l}from"./useMedia-CWOjvrMw.js";var u=e(n(),1),d={"needs-approval":0,running:1,thinking:2,"your-turn":3};function f(e,t){let n=e.filter(e=>t!==null&&e.artifacts.includes(t));if(n.length===0)return null;let r=n.sort((e,t)=>d[e.state]-d[t.state]);return{sessions:r,state:r[0].state,count:r.length}}var p={thinking:`agentStatus.thinking`,running:`agentStatus.running`,"your-turn":`agentStatus.yourTurn`,"needs-approval":`agentStatus.needsApproval`},m=r();function h({text:e}){let[t,n]=(0,u.useState)(null),[r,i]=(0,u.useState)(),a=(0,u.useRef)(e),o=(0,u.useRef)(null),s=(0,u.useRef)(null),c=(0,u.useRef)(null);(0,u.useLayoutEffect)(()=>{let e=o.current,t=()=>i(Math.ceil(e.getBoundingClientRect().width));t();let n=new ResizeObserver(t);return n.observe(e),()=>n.disconnect()},[e]),(0,u.useLayoutEffect)(()=>{a.current!==e&&(n(matchMedia(`(prefers-reduced-motion: reduce)`).matches?null:a.current),a.current=e)},[e]),(0,u.useLayoutEffect)(()=>{if(t===null)return;let r=matchMedia(`(prefers-reduced-motion: reduce)`);if(r.matches||typeof c.current?.animate!=`function`){n(null);return}let i=[],a=Math.max(Array.from(t).length,Array.from(e).length),o=!1,l=(e,t)=>{[...e.children].forEach((e,n)=>{i.push(e.animate(t?[{transform:`translateY(6px) rotateX(-90deg)`,opacity:0},{transform:`translateY(0) rotateX(0)`,opacity:1}]:[{transform:`translateY(0) rotateX(0)`,opacity:1},{transform:`translateY(-6px) rotateX(90deg)`,opacity:0}],{duration:360,delay:n*160/Math.max(1,a-1),easing:`cubic-bezier(.22,.75,.2,1)`,fill:`both`}))})};l(s.current,!1),l(c.current,!0),Promise.all(i.map(e=>e.finished.catch(()=>{}))).then(()=>{o||n(null)});let u=()=>{r.matches&&n(null)};return r.addEventListener(`change`,u),()=>{o=!0,i.forEach(e=>e.cancel()),r.removeEventListener(`change`,u)}},[t,e]);let l=e=>Array.from(e,(e,t)=>(0,m.jsx)(`span`,{className:`x1rg5ohu x1sdyfia xlp1x4z`,children:e},t));return(0,m.jsxs)(`span`,{"data-flip-label":``,className:`x1rg5ohu x1n2onr6 x1qx5ct2 x2lah0s x7giv3 x1v2g701 xxymvpz x1d63wz7 x9kvfbb`,style:{width:r},children:[(0,m.jsx)(`span`,{"aria-live":`polite`,className:`x10l6tqk x1i1rx1s xjm9jq1 xb3r6kr x1hyvwdk xuxw1ft`,children:e}),(0,m.jsx)(`span`,{"aria-hidden":`true`,ref:o,className:`x10l6tqk x1o0tod x13vifvy x78zum5 x6s0dn4 x1qx5ct2 xezivpi xlp1x4z x1oyok0e xlshs6z x47corl`,children:l(e)}),t!==null&&(0,m.jsx)(`span`,{"aria-hidden":`true`,ref:s,className:`x10l6tqk x1o0tod x13vifvy x78zum5 x6s0dn4 x1qx5ct2 xezivpi xlp1x4z x1oyok0e`,children:l(t)}),(0,m.jsx)(`span`,{"aria-hidden":`true`,ref:c,className:`x10l6tqk x1o0tod x13vifvy x78zum5 x6s0dn4 x1qx5ct2 xezivpi xlp1x4z x1oyok0e`,children:l(e)})]})}var g=24,_=142,v={pill:{k1xSpc:`x3nfvp2`,kGNEyG:`x6s0dn4`,kOIVth:`x167g77z`,kZKoxP:`x10w6t97`,kB7OPa:`x9f619`,kZCmMZ:`x135b78x`,kwRFfy:`xpdmqnj`,kMzoRj:`xmkeg23`,ksu8eU:`x1y0btm7`,kVAM5u:`x12xov25`,kaIpWk:`x1e6avla`,kWkggS:`x12ilycc`,kMwMTN:`xo2rkog`,kGVxlE:`xgci3ip`,kMv6JI:`xjb2p0i`,kGuDYH:`x4z9k3i`,k63SB2:`xk50ysn`,kLWn49:`xo5v014`,khDVqt:`xuxw1ft`,kkrTdU:`x1ypdohk`,$$css:!0},quiet:{kMwMTN:`x1bo0w0s`,kGVxlE:`x1gnnqk1`,$$css:!0},amber:{kWkggS:`x48nisl`,kVAM5u:`x17a9t29`,kMwMTN:`x14t37xo`,$$css:!0}};function y({agent:e,dim:t,stacked:n}){let r=s(e),i=r.icon?a[r.icon]:null;return(0,m.jsx)(`span`,{...{0:{className:`xvy4d1p xxk0z11 x2lah0s x16rqkct xrvj5dj x1ku5rj1 xryz0cv x1j6dyjg x1s688f`},2:{className:`xvy4d1p xxk0z11 x2lah0s x16rqkct xrvj5dj x1ku5rj1 xryz0cv x1j6dyjg x1s688f xwq05k6`},1:{className:`xvy4d1p xxk0z11 x2lah0s x16rqkct xrvj5dj x1ku5rj1 xryz0cv x1j6dyjg x1s688f x2459kn`},3:{className:`xvy4d1p xxk0z11 x2lah0s x16rqkct xrvj5dj x1ku5rj1 xryz0cv x1j6dyjg x1s688f xwq05k6 x2459kn`}}[!!t<<1|!!n],children:i?(0,m.jsx)(i.Avatar,{shape:`circle`,size:g}):(0,m.jsx)(`span`,{className:`xvy4d1p xxk0z11 x2lah0s x16rqkct xrvj5dj x1ku5rj1 xryz0cv x1j6dyjg x1s688f`,style:{backgroundColor:r.color,color:r.darkInk?o.ink:o.white},children:e.slice(0,1).toUpperCase()})})}function b(e,t){(0,u.useEffect)(()=>{if(!e)return;let n=()=>{document.title.startsWith(t)||(document.title=t+document.title)};n();let r=new MutationObserver(n);return r.observe(document.head,{subtree:!0,childList:!0,characterData:!0}),()=>{r.disconnect(),document.title.startsWith(t)&&(document.title=document.title.slice(t.length))}},[e,t])}var x=e=>e===`needs-approval`?v.amber:e===`your-turn`?v.quiet:null;function S({sessions:e,artifact:n}){let{t:r}=i(),a=c(l),[o,s]=(0,u.useState)(!1),[d,g]=(0,u.useState)(!1),S=f(e,n);if(b(S?.state===`needs-approval`,r(`agentStatus.titlePrefix`)),!S)return null;let C=S.sessions.slice(0,3),w=(o||d)&&S.count>1;return(0,m.jsxs)(`div`,{"data-chrome":`agent-status`,"data-state":S.state,className:`xixxii4 x1oax2jk xy58vm5 x68pp3s x78zum5 xdt5ytf x1cy8zhl x167g77z xqfszdh`,style:a?{bottom:_,left:12}:void 0,onMouseEnter:()=>g(!0),onMouseLeave:()=>g(!1),children:[w&&(0,m.jsx)(`ul`,{className:`x78zum5 xdt5ytf x1jnr06f x1ruevkc xmkeg23 x1y0btm7 x12xov25 x4pepcl x12ilycc xgci3ip x1ghz6dp xe8uvvx`,children:S.sessions.map(e=>(0,m.jsxs)(`li`,{"data-agent-row":``,className:`x78zum5 x6s0dn4 x167g77z x10w6t97 xf159sx xo2rkog x4z9k3i xuxw1ft`,children:[(0,m.jsx)(y,{agent:e.agent,dim:e.state===`your-turn`}),(0,m.jsx)(`span`,{children:e.agent}),(0,m.jsx)(`span`,{className:`xddlp02`,children:r(p[e.state])})]},`${e.host}:${e.id}`))}),(0,m.jsxs)(`button`,{"aria-expanded":S.count>1?w:void 0,type:`button`,...t(v.pill,x(S.state)),onClick:()=>s(e=>!e),children:[(0,m.jsx)(`span`,{className:`x3nfvp2`,children:C.map((e,t)=>(0,m.jsx)(y,{agent:e.agent,dim:S.state===`your-turn`,stacked:t>0},`${e.host}:${e.id}`))}),(0,m.jsx)(h,{text:r(p[S.state])}),S.count>1&&(0,m.jsxs)(`span`,{className:`xddlp02`,children:[`· `,r(`agentStatus.sessions`,{count:S.count})]})]})]})}export{S as AgentStatusPill};
+import{i as e}from"./rolldown-runtime-COiEfhsA.js";import{_ as t}from"./route-Cvbs0pMv.js";import{t as n}from"./react-B8SKf8RM.js";import{t as r}from"./jsx-runtime-DePvh3-m.js";import{t as i}from"./useTranslation-DczhMFuq.js";import{a,i as o,t as s}from"./agentLook-BkD9GF0y.js";import"./PhoneSheet-u7ImxAef.js";import{n as c,t as l}from"./useMedia-CWOjvrMw.js";var u=e(n(),1),d={"needs-approval":0,running:1,thinking:2,"your-turn":3};function f(e,t){let n=e.filter(e=>t!==null&&e.artifacts.includes(t));if(n.length===0)return null;let r=n.sort((e,t)=>d[e.state]-d[t.state]);return{sessions:r,state:r[0].state,count:r.length}}var p={thinking:`agentStatus.thinking`,running:`agentStatus.running`,"your-turn":`agentStatus.yourTurn`,"needs-approval":`agentStatus.needsApproval`},m=r();function h({text:e}){let[t,n]=(0,u.useState)(null),[r,i]=(0,u.useState)(),a=(0,u.useRef)(e),o=(0,u.useRef)(null),s=(0,u.useRef)(null),c=(0,u.useRef)(null);(0,u.useLayoutEffect)(()=>{let e=o.current,t=()=>i(Math.ceil(e.getBoundingClientRect().width));t();let n=new ResizeObserver(t);return n.observe(e),()=>n.disconnect()},[e]),(0,u.useLayoutEffect)(()=>{a.current!==e&&(n(matchMedia(`(prefers-reduced-motion: reduce)`).matches?null:a.current),a.current=e)},[e]),(0,u.useLayoutEffect)(()=>{if(t===null)return;let r=matchMedia(`(prefers-reduced-motion: reduce)`);if(r.matches||typeof c.current?.animate!=`function`){n(null);return}let i=[],a=Math.max(Array.from(t).length,Array.from(e).length),o=!1,l=(e,t)=>{[...e.children].forEach((e,n)=>{i.push(e.animate(t?[{transform:`translateY(6px) rotateX(-90deg)`,opacity:0},{transform:`translateY(0) rotateX(0)`,opacity:1}]:[{transform:`translateY(0) rotateX(0)`,opacity:1},{transform:`translateY(-6px) rotateX(90deg)`,opacity:0}],{duration:360,delay:n*160/Math.max(1,a-1),easing:`cubic-bezier(.22,.75,.2,1)`,fill:`both`}))})};l(s.current,!1),l(c.current,!0),Promise.all(i.map(e=>e.finished.catch(()=>{}))).then(()=>{o||n(null)});let u=()=>{r.matches&&n(null)};return r.addEventListener(`change`,u),()=>{o=!0,i.forEach(e=>e.cancel()),r.removeEventListener(`change`,u)}},[t,e]);let l=e=>Array.from(e,(e,t)=>(0,m.jsx)(`span`,{className:`x1rg5ohu x1sdyfia xlp1x4z`,children:e},t));return(0,m.jsxs)(`span`,{"data-flip-label":``,className:`x1rg5ohu x1n2onr6 x1qx5ct2 x2lah0s x7giv3 x1v2g701 xxymvpz x1d63wz7 x9kvfbb`,style:{width:r},children:[(0,m.jsx)(`span`,{"aria-live":`polite`,className:`x10l6tqk x1i1rx1s xjm9jq1 xb3r6kr x1hyvwdk xuxw1ft`,children:e}),(0,m.jsx)(`span`,{"aria-hidden":`true`,ref:o,className:`x10l6tqk x1o0tod x13vifvy x78zum5 x6s0dn4 x1qx5ct2 xezivpi xlp1x4z x1oyok0e xlshs6z x47corl`,children:l(e)}),t!==null&&(0,m.jsx)(`span`,{"aria-hidden":`true`,ref:s,className:`x10l6tqk x1o0tod x13vifvy x78zum5 x6s0dn4 x1qx5ct2 xezivpi xlp1x4z x1oyok0e`,children:l(t)}),(0,m.jsx)(`span`,{"aria-hidden":`true`,ref:c,className:`x10l6tqk x1o0tod x13vifvy x78zum5 x6s0dn4 x1qx5ct2 xezivpi xlp1x4z x1oyok0e`,children:l(e)})]})}var g=24,_=142,v={pill:{k1xSpc:`x3nfvp2`,kGNEyG:`x6s0dn4`,kOIVth:`x167g77z`,kZKoxP:`x10w6t97`,kB7OPa:`x9f619`,kZCmMZ:`x135b78x`,kwRFfy:`xpdmqnj`,kMzoRj:`xmkeg23`,ksu8eU:`x1y0btm7`,kVAM5u:`x12xov25`,kaIpWk:`x1e6avla`,kWkggS:`x12ilycc`,kMwMTN:`xo2rkog`,kGVxlE:`xgci3ip`,kMv6JI:`xjb2p0i`,kGuDYH:`x4z9k3i`,k63SB2:`xk50ysn`,kLWn49:`xo5v014`,khDVqt:`xuxw1ft`,kkrTdU:`x1ypdohk`,$$css:!0},quiet:{kMwMTN:`x1bo0w0s`,kGVxlE:`x1gnnqk1`,$$css:!0},amber:{kWkggS:`x48nisl`,kVAM5u:`x17a9t29`,kMwMTN:`x14t37xo`,$$css:!0}};function y({agent:e,dim:t,stacked:n}){let r=s(e),i=r.icon?a[r.icon]:null;return(0,m.jsx)(`span`,{...{0:{className:`xvy4d1p xxk0z11 x2lah0s x16rqkct xrvj5dj x1ku5rj1 xryz0cv x1j6dyjg x1s688f`},2:{className:`xvy4d1p xxk0z11 x2lah0s x16rqkct xrvj5dj x1ku5rj1 xryz0cv x1j6dyjg x1s688f xwq05k6`},1:{className:`xvy4d1p xxk0z11 x2lah0s x16rqkct xrvj5dj x1ku5rj1 xryz0cv x1j6dyjg x1s688f x2459kn`},3:{className:`xvy4d1p xxk0z11 x2lah0s x16rqkct xrvj5dj x1ku5rj1 xryz0cv x1j6dyjg x1s688f xwq05k6 x2459kn`}}[!!t<<1|!!n],children:i?(0,m.jsx)(i.Avatar,{shape:`circle`,size:g}):(0,m.jsx)(`span`,{className:`xvy4d1p xxk0z11 x2lah0s x16rqkct xrvj5dj x1ku5rj1 xryz0cv x1j6dyjg x1s688f`,style:{backgroundColor:r.color,color:r.darkInk?o.ink:o.white},children:e.slice(0,1).toUpperCase()})})}function b(e,t){(0,u.useEffect)(()=>{if(!e)return;let n=()=>{document.title.startsWith(t)||(document.title=t+document.title)};n();let r=new MutationObserver(n);return r.observe(document.head,{subtree:!0,childList:!0,characterData:!0}),()=>{r.disconnect(),document.title.startsWith(t)&&(document.title=document.title.slice(t.length))}},[e,t])}var x=e=>e===`needs-approval`?v.amber:e===`your-turn`?v.quiet:null;function S({sessions:e,artifact:n}){let{t:r}=i(),a=c(l),[o,s]=(0,u.useState)(!1),[d,g]=(0,u.useState)(!1),S=f(e,n);if(b(S?.state===`needs-approval`,r(`agentStatus.titlePrefix`)),!S)return null;let C=S.sessions.slice(0,3),w=(o||d)&&S.count>1;return(0,m.jsxs)(`div`,{"data-chrome":`agent-status`,"data-state":S.state,className:`xixxii4 x1oax2jk xy58vm5 x68pp3s x78zum5 xdt5ytf x1cy8zhl x167g77z xqfszdh`,style:a?{bottom:_,left:12}:void 0,onMouseEnter:()=>g(!0),onMouseLeave:()=>g(!1),children:[w&&(0,m.jsx)(`ul`,{className:`x78zum5 xdt5ytf x1jnr06f x1ruevkc xmkeg23 x1y0btm7 x12xov25 x4pepcl x12ilycc xgci3ip x1ghz6dp xe8uvvx`,children:S.sessions.map(e=>(0,m.jsxs)(`li`,{"data-agent-row":``,className:`x78zum5 x6s0dn4 x167g77z x10w6t97 xf159sx xo2rkog x4z9k3i xuxw1ft`,children:[(0,m.jsx)(y,{agent:e.agent,dim:e.state===`your-turn`}),(0,m.jsx)(`span`,{children:e.agent}),(0,m.jsx)(`span`,{className:`xddlp02`,children:r(p[e.state])})]},`${e.host}:${e.id}`))}),(0,m.jsxs)(`button`,{"aria-expanded":S.count>1?w:void 0,type:`button`,...t(v.pill,x(S.state)),onClick:()=>s(e=>!e),children:[(0,m.jsx)(`span`,{className:`x3nfvp2`,children:C.map((e,t)=>(0,m.jsx)(y,{agent:e.agent,dim:S.state===`your-turn`,stacked:t>0},`${e.host}:${e.id}`))}),(0,m.jsx)(h,{text:r(p[S.state])}),S.count>1&&(0,m.jsxs)(`span`,{className:`xddlp02`,children:[`· `,r(`agentStatus.sessions`,{count:S.count})]})]})]})}export{S as AgentStatusPill};