ryugi-artifacts 1.40.0 → 1.41.0

package/dist/viewer/{Canvas-CvaP3Qdq.js → Canvas-DePSeScS.js}

@@ -1 +1 @@
-import{i as e,n as t}from"./rolldown-runtime-COiEfhsA.js";import{i as n}from"./useSystemTheme-BVZLLsnc.js";import{n as r,t as i}from"./jsx-runtime-CldxteV5.js";import{dt as a}from"./use-presence-9dVDVxFO.js";import{t as o}from"./maximize-2-DcJIGEuQ.js";import{t as s}from"./react-CeYd-wP1.js";import{t as c}from"./useTranslation-Ci5tOdAN.js";import{l}from"./view-BL5bZDxq.js";var u={name:`repeat`,size:24,node:[[`path`,{d:`m17 2 4 4-4 4`,key:`nntrym`}],[`path`,{d:`M3 11v-1a4 4 0 0 1 4-4h14`,key:`84bu3i`}],[`path`,{d:`m7 22-4-4 4-4`,key:`1wqhfi`}],[`path`,{d:`M21 13v1a4 4 0 0 1-4 4H3`,key:`1rx37r`}]]};u.node;var d=a(u),f=e(r(),1);function p(e,t){let n=new Set(e);return n.delete(t)||n.add(t),n}var m=(e,t)=>(e[t]??0)>0,h=(e,t)=>e.interactive===!0&&m(t,e.file),g=(e,t,n,r)=>`${e}${t}?v=${n}${r>0?`&r=${r}`:``}`,_=i(),v=160,y=[1,1.5,2,.5],b=e=>{let t=Math.max(0,Math.floor(Number.isFinite(e)?e:0));return`${Math.floor(t/60)}:${String(t%60).padStart(2,`0`)}`};function x({playing:e}){return(0,_.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`currentColor`,"aria-hidden":`true`,children:[!1,!0].map(t=>(0,_.jsx)(s.g,{initial:!1,animate:{opacity:+(e===t),scale:e===t?1:.25,filter:e===t?`blur(0px)`:`blur(4px)`},transition:{type:`spring`,duration:.3,bounce:0},style:{transformOrigin:`12px 12px`},children:t?(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(`rect`,{x:`6`,y:`4`,width:`4`,height:`16`,rx:`1`}),(0,_.jsx)(`rect`,{x:`14`,y:`4`,width:`4`,height:`16`,rx:`1`})]}):(0,_.jsx)(`path`,{d:`M8 4.6c-.9-.5-2 .1-2 1.1v12.6c0 1 1.1 1.6 2 1.1l11-6.3c.9-.5.9-1.7 0-2.2Z`})},String(t)))})}function S({src:e,title:t,barScale:n,barWidth:r,onExpand:i}){let{t:a}=c(),s=(0,f.useRef)(null),l=(0,f.useRef)(null),[u,p]=(0,f.useState)(!1),[m,h]=(0,f.useState)(0),[g,S]=(0,f.useState)(0),[C,w]=(0,f.useState)(1),[T,E]=(0,f.useState)(!1),[D,O]=(0,f.useState)(!1);(0,f.useEffect)(()=>{let e=s.current;if(!e)return;let t=()=>{O(!1),h(e.currentTime),S(e.duration),p(!e.paused)},n=[`loadedmetadata`,`timeupdate`,`play`,`pause`,`ended`,`seeked`],r=()=>O(!0);for(let r of n)e.addEventListener(r,t);return e.addEventListener(`error`,r),()=>{for(let r of n)e.removeEventListener(r,t);e.removeEventListener(`error`,r)}},[]);let k=()=>{let e=s.current;e&&(e.paused?e.play().catch(()=>p(!e.paused)):e.pause())},A=()=>{let e=y[(y.indexOf(C)+1)%y.length];s.current&&(s.current.playbackRate=e),w(e)},j=()=>{s.current&&(s.current.loop=!T),E(!T)},M=e=>{let t=s.current;if(!t||!Number.isFinite(t.duration)||t.duration<=0)return;let n=e.currentTarget.getBoundingClientRect();t.currentTime=Math.min(1,Math.max(0,(e.clientX-n.left)/n.width))*t.duration,h(t.currentTime)};return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(`video`,{ref:s,src:e,title:t,muted:!0,playsInline:!0,preload:`metadata`,className:`x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq x19kjcj4 x1r1mewj x47corl`}),(0,_.jsx)(`button`,{type:`button`,"data-video-surface":!0,"aria-label":a(u?`video.pauseTitle`:`video.playTitle`,{title:t}),onPointerDown:e=>{l.current={x:e.clientX,y:e.clientY}},onClick:e=>{(!e.detail||!l.current||Math.hypot(e.clientX-l.current.x,e.clientY-l.current.y)<4)&&k(),l.current=null},onKeyDown:e=>{(e.key===` `||e.key===`Enter`)&&e.stopPropagation()},className:`x10l6tqk x10a8y8t xh8yej3 x5yr21d x1717udv xc342km xjbqb8w x1ypdohk x1t137rt x9v5kkp x1de99jn x1fwhx9p x1v57pqu`}),D&&(0,_.jsx)(`div`,{className:`x10l6tqk x10a8y8t xrvj5dj x1ku5rj1 x1tamke2 x15cjo92 x160uoy xqfszdh x4z9k3i x2b8uid x47corl`,children:a(`video.failed`)}),r>=v&&(0,_.jsxs)(`div`,{"data-chrome":`video-controls`,onPointerDown:e=>e.stopPropagation(),className:`x10l6tqk xu96u03 xdsb8wn xc9qbxq x9f619 x78zum5 x6s0dn4 x1v2ro7d xaope02 x1hj3fc7 x15cjo92 x178xt8z x13fuv20 x1jrcaa3 xjmch63 x1fao0z8 x1j6dyjg x67bb7w xt0e3qv x87ps6o`,style:{width:r,transform:`scale(${n})`},children:[(0,_.jsx)(`button`,{type:`button`,"aria-label":a(u?`video.pause`:`video.play`),onClick:k,className:`x2lah0s xrvj5dj x1ku5rj1 x1717udv xc342km xjbqb8w x1a853yn x1iih0q2 xjb2p0i x1j6dyjg x1ypdohk`,children:(0,_.jsx)(x,{playing:u})}),(0,_.jsxs)(`span`,{className:`x2lah0s xss6m8b`,children:[b(m),` / `,b(g)]}),(0,_.jsxs)(`div`,{role:`slider`,"aria-label":a(`video.progress`),"aria-valuemin":0,"aria-valuemax":Math.round(g||0),"aria-valuenow":Math.round(m),tabIndex:0,onPointerDown:e=>{e.currentTarget.setPointerCapture?.(e.pointerId),M(e)},onPointerMove:e=>{e.buttons===1&&M(e)},className:`x1n2onr6 x98rzlu x1v9usgg x78zum5 x6s0dn4 x1ypdohk`,children:[(0,_.jsx)(`span`,{className:`x10l6tqk xu96u03 x3m8u43 xuoj239 x1ooz4j5`}),(0,_.jsx)(`span`,{className:`x10l6tqk xu96u03 xuoj239 x83z2og`,style:{width:`${g>0?m/g*100:0}%`}})]}),(0,_.jsxs)(`button`,{type:`button`,"aria-label":a(`video.speed`),onClick:A,className:`x2lah0s xrvj5dj x1ku5rj1 x1717udv xc342km xjbqb8w x1a853yn x1iih0q2 xjb2p0i x1j6dyjg x1ypdohk x17s4nb9 x1s688f`,children:[C,`×`]}),(0,_.jsx)(`button`,{type:`button`,"aria-label":a(`video.loop`),"aria-pressed":T,onClick:j,...{0:{className:`x2lah0s xrvj5dj x1ku5rj1 x1717udv xc342km xjbqb8w x1a853yn x1iih0q2 xjb2p0i x1j6dyjg x1ypdohk`},1:{className:`x2lah0s xrvj5dj x1ku5rj1 x1717udv xc342km xjbqb8w xjb2p0i x1j6dyjg x1ypdohk xh3659q xtntqbz`}}[!T|0],children:(0,_.jsx)(d,{size:14})}),i&&(0,_.jsx)(`button`,{type:`button`,"aria-label":a(`video.expand`),onClick:i,className:`x2lah0s xrvj5dj x1ku5rj1 x1717udv xc342km xjbqb8w x1a853yn x1iih0q2 xjb2p0i x1j6dyjg x1ypdohk`,children:(0,_.jsx)(o,{size:13})})]})]})}function C({id:e,board:t,src:n,zoom:r,onExpand:i}){return t.type===`video`?(0,_.jsx)(S,{src:n,title:t.title??e,barScale:1/r,barWidth:t.w*r,onExpand:i}):(0,_.jsx)(`img`,{src:n,alt:t.title??e,draggable:!1,className:`x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq x19kjcj4 x83z2og x47corl`})}function w(e,t){let n=e;for(;n.length>1;)n=n.slice(0,-1).map((e,r)=>({x:e.x+(n[r+1].x-e.x)*t,y:e.y+(n[r+1].y-e.y)*t}));return n[0]}function T(e,t,n){let r=t.x-e.x,i=t.y-e.y,a=-i,o=r;a<0&&(a=-a,o=-o);let s=(t,n)=>({x:e.x+r*t+a*n,y:e.y+i*t+o*n}),c=[e,s(.2,0),s(.3,-.5),s(1.55,1.25),s(1.35,.1),t];if(n!==void 0){let t=(n-135)*Math.PI/180,a=Math.hypot(r,i)*.2;c[1]={x:e.x+Math.cos(t)*a,y:e.y+Math.sin(t)*a}}let l=c.slice(0,-1).map((e,t)=>({x:5*(c[t+1].x-e.x),y:5*(c[t+1].y-e.y)})),u=[0],d=e;for(let e=1;e<=600;e++){let t=w(c,e/600);u.push(u[e-1]+Math.hypot(t.x-d.x,t.y-d.y)),d=t}let f=u[600];return{length:f,at(e){let t=Math.max(0,Math.min(1,e))*f,n=0,r=600;for(;r-n>1;){let e=n+r>>1;u[e]<t?n=e:r=e}let i=u[r]-u[n],a=(n+(i?(t-u[n])/i:0))/600,o=w(l,a);return{...w(c,a),angle:Math.atan2(o.y,o.x)*180/Math.PI+135}}}}var E=`M6.2 3.6C5 2.7 3.4 3.6 3.6 5.1L6 22.7C6.2 24.3 8.2 24.8 9.1 23.5L13 18.3C13.4 17.8 14 17.5 14.6 17.5L21.1 17.3C22.7 17.2 23.4 15.2 22.2 14.3Z`,D=[{distance:22,size:6,opacity:.5},{distance:29,size:4.3,opacity:.3},{distance:35,size:3,opacity:.15}];function O({x:e,y:t,zoom:n,agent:r,title:i}){let a=(0,f.useRef)(null),o=(0,f.useRef)(null),s=(0,f.useRef)(null),c=(0,f.useRef)(null),l=(0,f.useRef)(!1),u=(0,f.useRef)(n),d=e=>`translate(${e.x}px, ${e.y}px) scale(${1/u.current})`,p=e=>`translate(-3.43px, -3.43px) rotate(${e}deg)`,m=e=>{if(c.current=e,a.current&&(a.current.style.transform=d(e)),o.current&&(o.current.style.transform=p(e.angle)),!s.current)return;s.current.style.opacity=l.current?`1`:`0`;let t=(e.angle-135)*Math.PI/180;D.forEach(({distance:e,size:n},r)=>{let i=s.current.children[r];i.style.transform=`translate(${-Math.cos(t)*e-n/2}px, ${-Math.sin(t)*e-n/2}px)`})};(0,f.useLayoutEffect)(()=>{u.current=n,c.current&&m(c.current)},[n]),(0,f.useLayoutEffect)(()=>{let n=matchMedia(`(prefers-reduced-motion: reduce)`),r=c.current,i=0,a=()=>{cancelAnimationFrame(i),i=0,l.current=!1,m({x:e,y:t,angle:c.current?.angle??0})};if(!r||n.matches||Math.hypot(e-r.x,t-r.y)*u.current<2)a();else{let n=T(r,{x:e,y:t},l.current?r.angle:void 0),a=Math.min(1800,900+n.length*u.current*1.2),o=performance.now(),s=o;l.current=!0;let d=e=>{let t=Math.min(1,Math.max(0,(e-o)/a)),r=n.at(t**3*(t*(t*6-15)+10)),u=c.current.angle;r.angle=u+(((r.angle-u)%360+540)%360-180)*(1-Math.exp(-(e-s)/80)),s=e,l.current=t<1,m(r),i=t<1?requestAnimationFrame(d):0};i=requestAnimationFrame(d)}let o=()=>{n.matches&&a()};return n.addEventListener(`change`,o),()=>{cancelAnimationFrame(i),n.removeEventListener(`change`,o)}},[e,t]);let h=c.current??{x:e,y:t,angle:0};return(0,_.jsxs)(`div`,{ref:a,role:`status`,"aria-label":`${r} last worked on ${i}`,className:`x10l6tqk xu96u03 x13vifvy x1u8a7rm x47corl x1hj3fc7`,style:{transform:d(h)},children:[(0,_.jsx)(`div`,{ref:s,"data-trail":``,"aria-hidden":`true`,className:`x10l6tqk xu96u03 x13vifvy x19991ni x13dflua`,style:{opacity:0},children:D.map(({size:e,opacity:t})=>(0,_.jsx)(`div`,{className:`x10l6tqk xu96u03 x13vifvy x16rqkct x18t3gi2`,style:{width:e,height:e,opacity:t}},e))}),(0,_.jsxs)(`svg`,{ref:o,width:`24`,height:`24`,viewBox:`0 0 28 28`,"aria-hidden":`true`,className:`x1lliihq xqqlr9g x1h6g33g`,style:{transform:p(h.angle)},children:[(0,_.jsx)(`path`,{d:E,fill:`none`,stroke:`#fff`,strokeWidth:`4`,strokeLinejoin:`round`}),(0,_.jsx)(`path`,{d:E,className:`x5sgsw0`})]}),(0,_.jsxs)(`span`,{"data-cursor-ring":``,className:`x10l6tqk x1trqr8e xv4lvxq x78zum5 x6s0dn4 x1219o5k x1w2h69v x25sj25 x7mq5nd x1e6avla xyq41xo xfungia x1j6dyjg x1xlr1w8 x152skdk xuxw1ft x14wndiz`,children:[(0,_.jsx)(`svg`,{width:`9`,height:`9`,viewBox:`0 0 12 12`,"aria-hidden":`true`,children:(0,_.jsx)(`path`,{d:`M6 1Q6.8 5.2 11 6Q6.8 6.8 6 11Q5.2 6.8 1 6Q5.2 5.2 6 1Z`,fill:`#fff`})}),r]})]})}var k=t({Canvas:()=>N});function A(e){if(!e)return{backgroundColor:`#fff6db`,color:`#3d2e00`};let t=e.length===4?e.slice(1).split(``).map(e=>e+e).join(``):e.slice(1),[n,r,i]=[0,2,4].map(e=>{let n=parseInt(t.slice(e,e+2),16)/255;return n<=.04045?n/12.92:((n+.055)/1.055)**2.4});return{backgroundColor:e,color:.2126*n+.7152*r+.0722*i>.179?`#000`:`#fff`}}var j={visibility:`hidden`};function M({image:e,showImage:t,hideFrame:n,frame:r,onError:i}){let[a,o]=(0,f.useState)(null),[s,c]=(0,f.useState)(!1),[l,u]=(0,f.useState)(!1),d=(0,f.useRef)(t);(0,f.useEffect)(()=>{if(!t||!a){c(!1);return}let e=requestAnimationFrame(()=>c(!0));return()=>cancelAnimationFrame(e)},[t,a]),(0,f.useEffect)(()=>{let e=d.current;if(d.current=t,t||!e)return;u(!0);let n=requestAnimationFrame(()=>{n=requestAnimationFrame(()=>u(!1))});return()=>cancelAnimationFrame(n)},[t]);let p=t||l,m=e?a&&a!==e?[a,e]:[e]:[];return(0,_.jsxs)(_.Fragment,{children:[r?.(n&&s),m.map(t=>(0,_.jsx)(`img`,{alt:``,src:t,decoding:`async`,draggable:!1,onLoad:t===e?t=>{(t.currentTarget.decode?.()??Promise.resolve()).catch(()=>void 0).then(()=>o(e))}:void 0,onError:t===e?()=>i(e):void 0,style:p&&t===a?void 0:j,className:`x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq x47corl`},t))]})}function N({view:e,renders:t,boards:r,notes:i,contentBase:a,versions:o,pending:s,playing:c,replays:u,inspecting:d,frameRef:f,frameLoaded:p,live:v,writing:y,agent:b,onExpand:x,onImageError:S}){let w=y;if(v){w=void 0;let e=0;for(let[t,i]of r){let r=o[i.file]??0;n(i)||s.has(t)||r<=e||(w=t,e=r)}}let T=r.find(([e])=>e===w)?.[1];return(0,_.jsxs)(`div`,{className:`x10l6tqk xu96u03 x13vifvy x1hj3fc7`,style:{transform:`translate(${e.x}px, ${e.y}px) scale(${e.k})`},children:[r.map(([r,i])=>{let l=m(o,i.file)&&!s.has(r),v=l?t.get(r):void 0,b=n(i),w=b?!!v&&(v.tier!==`empty`||c.has(r)):!!v?.mounted,T=b?null:v?.image??null,E=r===y,D={left:i.x,top:i.y,width:i.w,height:i.h};return(0,_.jsx)(`div`,{"data-board":r,"aria-busy":E||void 0,...{0:{className:`x10l6tqk`},2:{className:`x10l6tqk x78zum5 x6s0dn4 xl56j7k xb3r6kr xahzvm9 x1qgsegg xaatb59 x1tjb3dp x47corl`},1:{className:`x10l6tqk xaatb59 xc6r98 xkizt71`},3:{className:`x10l6tqk x78zum5 x6s0dn4 xl56j7k xb3r6kr xahzvm9 x1qgsegg x47corl xaatb59 xc6r98 xkizt71`}}[!w<<1|!!E],style:{...D,...E?{outlineWidth:2/e.k}:{}},children:w&&b?(0,_.jsx)(C,{id:r,board:i,src:g(a,i.file,o[i.file]??0,0),zoom:e.k,onExpand:x&&(()=>x(r))}):(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(M,{image:T,showImage:!w||!!v?.overlay,hideFrame:!!v?.hidden,onError:e=>S?.(r,e),frame:w?e=>(0,_.jsx)(`iframe`,{ref:f(r),onLoad:()=>p(r),style:e?j:void 0,title:i.title??r,src:g(a,i.file,o[i.file]??0,u[r]??0),sandbox:`allow-scripts`,...{0:{className:`x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq xc342km x83z2og x47corl x1qgsegg xaatb59 x1tjb3dp`},2:{className:`x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq xc342km x83z2og x1qgsegg xaatb59 x1tjb3dp x67bb7w`},1:{className:`x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq xc342km x83z2og xaatb59 x67bb7w x1de99jn xc6r98`},3:{className:`x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq xc342km x83z2og xaatb59 x67bb7w x1de99jn xc6r98`}}[!!d<<1|!!(h(i,o)&&c.has(r))]}):null}),!l&&(0,_.jsx)(`span`,{className:`x1bo0w0s xqfszdh xfifm61`,children:E?`Drawing…`:`Waiting…`})]})},r)}),i.map(([t,n])=>n.kind===`title`?(0,_.jsx)(`h2`,{className:`x10l6tqk x1ghz6dp x1xlr1w8 x1uo3zyz xjat59b xo2rkog x1bd091l`,style:{left:n.x,top:n.y,width:n.w,whiteSpace:n.w===void 0?`nowrap`:`normal`,fontSize:n.size??96,transform:`scale(${l(n.size??96,e.k)})`},children:n.text},t):(0,_.jsx)(`div`,{className:`x10l6tqk x12oqio5 x126k92a xj0a0fe x8zfma2`,style:{left:n.x,top:n.y,width:n.w??240,padding:16,fontSize:18,lineHeight:`27px`,...A(n.color)},children:n.text},t)),T&&(0,_.jsx)(O,{x:T.x+Math.min(64,T.w*.15),y:T.y+Math.min(80,T.h*.2),zoom:e.k,agent:b??`Agent`,title:T.title??w})]})}export{m as a,S as i,k as n,h as o,C as r,p as s,N as t};
+import{i as e,n as t}from"./rolldown-runtime-COiEfhsA.js";import{i as n}from"./useSystemTheme-BVZLLsnc.js";import{n as r,t as i}from"./jsx-runtime-CldxteV5.js";import{dt as a}from"./use-presence-9dVDVxFO.js";import{t as o}from"./maximize-2-DcJIGEuQ.js";import{t as s}from"./react-CeYd-wP1.js";import{t as c}from"./useTranslation-Ci5tOdAN.js";import{l}from"./view-CmbqrCLE.js";var u={name:`repeat`,size:24,node:[[`path`,{d:`m17 2 4 4-4 4`,key:`nntrym`}],[`path`,{d:`M3 11v-1a4 4 0 0 1 4-4h14`,key:`84bu3i`}],[`path`,{d:`m7 22-4-4 4-4`,key:`1wqhfi`}],[`path`,{d:`M21 13v1a4 4 0 0 1-4 4H3`,key:`1rx37r`}]]};u.node;var d=a(u),f=e(r(),1);function p(e,t){let n=new Set(e);return n.delete(t)||n.add(t),n}var m=(e,t)=>(e[t]??0)>0,h=(e,t)=>e.interactive===!0&&m(t,e.file),g=(e,t,n,r)=>`${e}${t}?v=${n}${r>0?`&r=${r}`:``}`,_=i(),v=160,y=[1,1.5,2,.5],b=e=>{let t=Math.max(0,Math.floor(Number.isFinite(e)?e:0));return`${Math.floor(t/60)}:${String(t%60).padStart(2,`0`)}`};function x({playing:e}){return(0,_.jsx)(`svg`,{width:`16`,height:`16`,viewBox:`0 0 24 24`,fill:`currentColor`,"aria-hidden":`true`,children:[!1,!0].map(t=>(0,_.jsx)(s.g,{initial:!1,animate:{opacity:+(e===t),scale:e===t?1:.25,filter:e===t?`blur(0px)`:`blur(4px)`},transition:{type:`spring`,duration:.3,bounce:0},style:{transformOrigin:`12px 12px`},children:t?(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(`rect`,{x:`6`,y:`4`,width:`4`,height:`16`,rx:`1`}),(0,_.jsx)(`rect`,{x:`14`,y:`4`,width:`4`,height:`16`,rx:`1`})]}):(0,_.jsx)(`path`,{d:`M8 4.6c-.9-.5-2 .1-2 1.1v12.6c0 1 1.1 1.6 2 1.1l11-6.3c.9-.5.9-1.7 0-2.2Z`})},String(t)))})}function S({src:e,title:t,barScale:n,barWidth:r,onExpand:i}){let{t:a}=c(),s=(0,f.useRef)(null),l=(0,f.useRef)(null),[u,p]=(0,f.useState)(!1),[m,h]=(0,f.useState)(0),[g,S]=(0,f.useState)(0),[C,w]=(0,f.useState)(1),[T,E]=(0,f.useState)(!1),[D,O]=(0,f.useState)(!1);(0,f.useEffect)(()=>{let e=s.current;if(!e)return;let t=()=>{O(!1),h(e.currentTime),S(e.duration),p(!e.paused)},n=[`loadedmetadata`,`timeupdate`,`play`,`pause`,`ended`,`seeked`],r=()=>O(!0);for(let r of n)e.addEventListener(r,t);return e.addEventListener(`error`,r),()=>{for(let r of n)e.removeEventListener(r,t);e.removeEventListener(`error`,r)}},[]);let k=()=>{let e=s.current;e&&(e.paused?e.play().catch(()=>p(!e.paused)):e.pause())},A=()=>{let e=y[(y.indexOf(C)+1)%y.length];s.current&&(s.current.playbackRate=e),w(e)},j=()=>{s.current&&(s.current.loop=!T),E(!T)},M=e=>{let t=s.current;if(!t||!Number.isFinite(t.duration)||t.duration<=0)return;let n=e.currentTarget.getBoundingClientRect();t.currentTime=Math.min(1,Math.max(0,(e.clientX-n.left)/n.width))*t.duration,h(t.currentTime)};return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(`video`,{ref:s,src:e,title:t,muted:!0,playsInline:!0,preload:`metadata`,className:`x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq x19kjcj4 x1r1mewj x47corl`}),(0,_.jsx)(`button`,{type:`button`,"data-video-surface":!0,"aria-label":a(u?`video.pauseTitle`:`video.playTitle`,{title:t}),onPointerDown:e=>{l.current={x:e.clientX,y:e.clientY}},onClick:e=>{(!e.detail||!l.current||Math.hypot(e.clientX-l.current.x,e.clientY-l.current.y)<4)&&k(),l.current=null},onKeyDown:e=>{(e.key===` `||e.key===`Enter`)&&e.stopPropagation()},className:`x10l6tqk x10a8y8t xh8yej3 x5yr21d x1717udv xc342km xjbqb8w x1ypdohk x1t137rt x9v5kkp x1de99jn x1fwhx9p x1v57pqu`}),D&&(0,_.jsx)(`div`,{className:`x10l6tqk x10a8y8t xrvj5dj x1ku5rj1 x1tamke2 x15cjo92 x160uoy xqfszdh x4z9k3i x2b8uid x47corl`,children:a(`video.failed`)}),r>=v&&(0,_.jsxs)(`div`,{"data-chrome":`video-controls`,onPointerDown:e=>e.stopPropagation(),className:`x10l6tqk xu96u03 xdsb8wn xc9qbxq x9f619 x78zum5 x6s0dn4 x1v2ro7d xaope02 x1hj3fc7 x15cjo92 x178xt8z x13fuv20 x1jrcaa3 xjmch63 x1fao0z8 x1j6dyjg x67bb7w xt0e3qv x87ps6o`,style:{width:r,transform:`scale(${n})`},children:[(0,_.jsx)(`button`,{type:`button`,"aria-label":a(u?`video.pause`:`video.play`),onClick:k,className:`x2lah0s xrvj5dj x1ku5rj1 x1717udv xc342km xjbqb8w x1a853yn x1iih0q2 xjb2p0i x1j6dyjg x1ypdohk`,children:(0,_.jsx)(x,{playing:u})}),(0,_.jsxs)(`span`,{className:`x2lah0s xss6m8b`,children:[b(m),` / `,b(g)]}),(0,_.jsxs)(`div`,{role:`slider`,"aria-label":a(`video.progress`),"aria-valuemin":0,"aria-valuemax":Math.round(g||0),"aria-valuenow":Math.round(m),tabIndex:0,onPointerDown:e=>{e.currentTarget.setPointerCapture?.(e.pointerId),M(e)},onPointerMove:e=>{e.buttons===1&&M(e)},className:`x1n2onr6 x98rzlu x1v9usgg x78zum5 x6s0dn4 x1ypdohk`,children:[(0,_.jsx)(`span`,{className:`x10l6tqk xu96u03 x3m8u43 xuoj239 x1ooz4j5`}),(0,_.jsx)(`span`,{className:`x10l6tqk xu96u03 xuoj239 x83z2og`,style:{width:`${g>0?m/g*100:0}%`}})]}),(0,_.jsxs)(`button`,{type:`button`,"aria-label":a(`video.speed`),onClick:A,className:`x2lah0s xrvj5dj x1ku5rj1 x1717udv xc342km xjbqb8w x1a853yn x1iih0q2 xjb2p0i x1j6dyjg x1ypdohk x17s4nb9 x1s688f`,children:[C,`×`]}),(0,_.jsx)(`button`,{type:`button`,"aria-label":a(`video.loop`),"aria-pressed":T,onClick:j,...{0:{className:`x2lah0s xrvj5dj x1ku5rj1 x1717udv xc342km xjbqb8w x1a853yn x1iih0q2 xjb2p0i x1j6dyjg x1ypdohk`},1:{className:`x2lah0s xrvj5dj x1ku5rj1 x1717udv xc342km xjbqb8w xjb2p0i x1j6dyjg x1ypdohk xh3659q xtntqbz`}}[!T|0],children:(0,_.jsx)(d,{size:14})}),i&&(0,_.jsx)(`button`,{type:`button`,"aria-label":a(`video.expand`),onClick:i,className:`x2lah0s xrvj5dj x1ku5rj1 x1717udv xc342km xjbqb8w x1a853yn x1iih0q2 xjb2p0i x1j6dyjg x1ypdohk`,children:(0,_.jsx)(o,{size:13})})]})]})}function C({id:e,board:t,src:n,zoom:r,onExpand:i}){return t.type===`video`?(0,_.jsx)(S,{src:n,title:t.title??e,barScale:1/r,barWidth:t.w*r,onExpand:i}):(0,_.jsx)(`img`,{src:n,alt:t.title??e,draggable:!1,className:`x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq x19kjcj4 x83z2og x47corl`})}function w(e,t){let n=e;for(;n.length>1;)n=n.slice(0,-1).map((e,r)=>({x:e.x+(n[r+1].x-e.x)*t,y:e.y+(n[r+1].y-e.y)*t}));return n[0]}function T(e,t,n){let r=t.x-e.x,i=t.y-e.y,a=-i,o=r;a<0&&(a=-a,o=-o);let s=(t,n)=>({x:e.x+r*t+a*n,y:e.y+i*t+o*n}),c=[e,s(.2,0),s(.3,-.5),s(1.55,1.25),s(1.35,.1),t];if(n!==void 0){let t=(n-135)*Math.PI/180,a=Math.hypot(r,i)*.2;c[1]={x:e.x+Math.cos(t)*a,y:e.y+Math.sin(t)*a}}let l=c.slice(0,-1).map((e,t)=>({x:5*(c[t+1].x-e.x),y:5*(c[t+1].y-e.y)})),u=[0],d=e;for(let e=1;e<=600;e++){let t=w(c,e/600);u.push(u[e-1]+Math.hypot(t.x-d.x,t.y-d.y)),d=t}let f=u[600];return{length:f,at(e){let t=Math.max(0,Math.min(1,e))*f,n=0,r=600;for(;r-n>1;){let e=n+r>>1;u[e]<t?n=e:r=e}let i=u[r]-u[n],a=(n+(i?(t-u[n])/i:0))/600,o=w(l,a);return{...w(c,a),angle:Math.atan2(o.y,o.x)*180/Math.PI+135}}}}var E=`M6.2 3.6C5 2.7 3.4 3.6 3.6 5.1L6 22.7C6.2 24.3 8.2 24.8 9.1 23.5L13 18.3C13.4 17.8 14 17.5 14.6 17.5L21.1 17.3C22.7 17.2 23.4 15.2 22.2 14.3Z`,D=[{distance:22,size:6,opacity:.5},{distance:29,size:4.3,opacity:.3},{distance:35,size:3,opacity:.15}];function O({x:e,y:t,zoom:n,agent:r,title:i}){let a=(0,f.useRef)(null),o=(0,f.useRef)(null),s=(0,f.useRef)(null),c=(0,f.useRef)(null),l=(0,f.useRef)(!1),u=(0,f.useRef)(n),d=e=>`translate(${e.x}px, ${e.y}px) scale(${1/u.current})`,p=e=>`translate(-3.43px, -3.43px) rotate(${e}deg)`,m=e=>{if(c.current=e,a.current&&(a.current.style.transform=d(e)),o.current&&(o.current.style.transform=p(e.angle)),!s.current)return;s.current.style.opacity=l.current?`1`:`0`;let t=(e.angle-135)*Math.PI/180;D.forEach(({distance:e,size:n},r)=>{let i=s.current.children[r];i.style.transform=`translate(${-Math.cos(t)*e-n/2}px, ${-Math.sin(t)*e-n/2}px)`})};(0,f.useLayoutEffect)(()=>{u.current=n,c.current&&m(c.current)},[n]),(0,f.useLayoutEffect)(()=>{let n=matchMedia(`(prefers-reduced-motion: reduce)`),r=c.current,i=0,a=()=>{cancelAnimationFrame(i),i=0,l.current=!1,m({x:e,y:t,angle:c.current?.angle??0})};if(!r||n.matches||Math.hypot(e-r.x,t-r.y)*u.current<2)a();else{let n=T(r,{x:e,y:t},l.current?r.angle:void 0),a=Math.min(1800,900+n.length*u.current*1.2),o=performance.now(),s=o;l.current=!0;let d=e=>{let t=Math.min(1,Math.max(0,(e-o)/a)),r=n.at(t**3*(t*(t*6-15)+10)),u=c.current.angle;r.angle=u+(((r.angle-u)%360+540)%360-180)*(1-Math.exp(-(e-s)/80)),s=e,l.current=t<1,m(r),i=t<1?requestAnimationFrame(d):0};i=requestAnimationFrame(d)}let o=()=>{n.matches&&a()};return n.addEventListener(`change`,o),()=>{cancelAnimationFrame(i),n.removeEventListener(`change`,o)}},[e,t]);let h=c.current??{x:e,y:t,angle:0};return(0,_.jsxs)(`div`,{ref:a,role:`status`,"aria-label":`${r} last worked on ${i}`,className:`x10l6tqk xu96u03 x13vifvy x1u8a7rm x47corl x1hj3fc7`,style:{transform:d(h)},children:[(0,_.jsx)(`div`,{ref:s,"data-trail":``,"aria-hidden":`true`,className:`x10l6tqk xu96u03 x13vifvy x19991ni x13dflua`,style:{opacity:0},children:D.map(({size:e,opacity:t})=>(0,_.jsx)(`div`,{className:`x10l6tqk xu96u03 x13vifvy x16rqkct x18t3gi2`,style:{width:e,height:e,opacity:t}},e))}),(0,_.jsxs)(`svg`,{ref:o,width:`24`,height:`24`,viewBox:`0 0 28 28`,"aria-hidden":`true`,className:`x1lliihq xqqlr9g x1h6g33g`,style:{transform:p(h.angle)},children:[(0,_.jsx)(`path`,{d:E,fill:`none`,stroke:`#fff`,strokeWidth:`4`,strokeLinejoin:`round`}),(0,_.jsx)(`path`,{d:E,className:`x5sgsw0`})]}),(0,_.jsxs)(`span`,{"data-cursor-ring":``,className:`x10l6tqk x1trqr8e xv4lvxq x78zum5 x6s0dn4 x1219o5k x1w2h69v x25sj25 x7mq5nd x1e6avla xyq41xo xfungia x1j6dyjg x1xlr1w8 x152skdk xuxw1ft x14wndiz`,children:[(0,_.jsx)(`svg`,{width:`9`,height:`9`,viewBox:`0 0 12 12`,"aria-hidden":`true`,children:(0,_.jsx)(`path`,{d:`M6 1Q6.8 5.2 11 6Q6.8 6.8 6 11Q5.2 6.8 1 6Q5.2 5.2 6 1Z`,fill:`#fff`})}),r]})]})}var k=t({Canvas:()=>N});function A(e){if(!e)return{backgroundColor:`#fff6db`,color:`#3d2e00`};let t=e.length===4?e.slice(1).split(``).map(e=>e+e).join(``):e.slice(1),[n,r,i]=[0,2,4].map(e=>{let n=parseInt(t.slice(e,e+2),16)/255;return n<=.04045?n/12.92:((n+.055)/1.055)**2.4});return{backgroundColor:e,color:.2126*n+.7152*r+.0722*i>.179?`#000`:`#fff`}}var j={visibility:`hidden`};function M({image:e,showImage:t,hideFrame:n,frame:r,onError:i}){let[a,o]=(0,f.useState)(null),[s,c]=(0,f.useState)(!1),[l,u]=(0,f.useState)(!1),d=(0,f.useRef)(t);(0,f.useEffect)(()=>{if(!t||!a){c(!1);return}let e=requestAnimationFrame(()=>c(!0));return()=>cancelAnimationFrame(e)},[t,a]),(0,f.useEffect)(()=>{let e=d.current;if(d.current=t,t||!e)return;u(!0);let n=requestAnimationFrame(()=>{n=requestAnimationFrame(()=>u(!1))});return()=>cancelAnimationFrame(n)},[t]);let p=t||l,m=e?a&&a!==e?[a,e]:[e]:[];return(0,_.jsxs)(_.Fragment,{children:[r?.(n&&s),m.map(t=>(0,_.jsx)(`img`,{alt:``,src:t,decoding:`async`,draggable:!1,onLoad:t===e?t=>{(t.currentTarget.decode?.()??Promise.resolve()).catch(()=>void 0).then(()=>o(e))}:void 0,onError:t===e?()=>i(e):void 0,style:p&&t===a?void 0:j,className:`x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq x47corl`},t))]})}function N({view:e,renders:t,boards:r,notes:i,contentBase:a,versions:o,pending:s,playing:c,replays:u,inspecting:d,frameRef:f,frameLoaded:p,live:v,writing:y,agent:b,onExpand:x,onImageError:S}){let w=y;if(v){w=void 0;let e=0;for(let[t,i]of r){let r=o[i.file]??0;n(i)||s.has(t)||r<=e||(w=t,e=r)}}let T=r.find(([e])=>e===w)?.[1];return(0,_.jsxs)(`div`,{className:`x10l6tqk xu96u03 x13vifvy x1hj3fc7`,style:{transform:`translate(${e.x}px, ${e.y}px) scale(${e.k})`},children:[r.map(([r,i])=>{let l=m(o,i.file)&&!s.has(r),v=l?t.get(r):void 0,b=n(i),w=b?!!v&&(v.tier!==`empty`||c.has(r)):!!v?.mounted,T=b?null:v?.image??null,E=r===y,D={left:i.x,top:i.y,width:i.w,height:i.h};return(0,_.jsx)(`div`,{"data-board":r,"aria-busy":E||void 0,...{0:{className:`x10l6tqk`},2:{className:`x10l6tqk x78zum5 x6s0dn4 xl56j7k xb3r6kr xahzvm9 x1qgsegg xaatb59 x1tjb3dp x47corl`},1:{className:`x10l6tqk xaatb59 xc6r98 xkizt71`},3:{className:`x10l6tqk x78zum5 x6s0dn4 xl56j7k xb3r6kr xahzvm9 x1qgsegg x47corl xaatb59 xc6r98 xkizt71`}}[!w<<1|!!E],style:{...D,...E?{outlineWidth:2/e.k}:{}},children:w&&b?(0,_.jsx)(C,{id:r,board:i,src:g(a,i.file,o[i.file]??0,0),zoom:e.k,onExpand:x&&(()=>x(r))}):(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(M,{image:T,showImage:!w||!!v?.overlay,hideFrame:!!v?.hidden,onError:e=>S?.(r,e),frame:w?e=>(0,_.jsx)(`iframe`,{ref:f(r),onLoad:()=>p(r),style:e?j:void 0,title:i.title??r,src:g(a,i.file,o[i.file]??0,u[r]??0),sandbox:`allow-scripts`,...{0:{className:`x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq xc342km x83z2og x47corl x1qgsegg xaatb59 x1tjb3dp`},2:{className:`x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq xc342km x83z2og x1qgsegg xaatb59 x1tjb3dp x67bb7w`},1:{className:`x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq xc342km x83z2og xaatb59 x67bb7w x1de99jn xc6r98`},3:{className:`x10l6tqk x10a8y8t xh8yej3 x5yr21d x1lliihq xc342km x83z2og xaatb59 x67bb7w x1de99jn xc6r98`}}[!!d<<1|!!(h(i,o)&&c.has(r))]}):null}),!l&&(0,_.jsx)(`span`,{className:`x1bo0w0s xqfszdh xfifm61`,children:E?`Drawing…`:`Waiting…`})]})},r)}),i.map(([t,n])=>n.kind===`title`?(0,_.jsx)(`h2`,{className:`x10l6tqk x1ghz6dp x1xlr1w8 x1uo3zyz xjat59b xo2rkog x1bd091l`,style:{left:n.x,top:n.y,width:n.w,whiteSpace:n.w===void 0?`nowrap`:`normal`,fontSize:n.size??96,transform:`scale(${l(n.size??96,e.k)})`},children:n.text},t):(0,_.jsx)(`div`,{className:`x10l6tqk x12oqio5 x126k92a xj0a0fe x8zfma2`,style:{left:n.x,top:n.y,width:n.w??240,padding:16,fontSize:18,lineHeight:`27px`,...A(n.color)},children:n.text},t)),T&&(0,_.jsx)(O,{x:T.x+Math.min(64,T.w*.15),y:T.y+Math.min(80,T.h*.2),zoom:e.k,agent:b??`Agent`,title:T.title??w})]})}export{m as a,S as i,k as n,h as o,C as r,p as s,N as t};

package/dist/viewer/{PreviewLayout-D9BqcBqC.js → PreviewLayout-CY3SbVYw.js}

@@ -1,2 +1,2 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./SnapshotDocument-kHyl0dKv.js","./rolldown-runtime-COiEfhsA.js","./useSystemTheme-BVZLLsnc.js","./jsx-runtime-CldxteV5.js","./index.css","./channel-CgSk2sDt.js","./MenuRoot-CwCVByOp.js","./use-presence-9dVDVxFO.js","./TooltipPopup-Cpm4Cwxn.js","./PopoverPopup-BA537pRU.js","./itemEquality-Dx2kxFQI.js","./ThreadView-Qlz9Ufo7.js","./useTranslation-Ci5tOdAN.js","./imperative-DfjHJwB9.js","./maximize-2-DcJIGEuQ.js","./search-y2-lADui.js","./ordinal-BDEzSJ7C.js","./init-C-OQMol4.js","./string-DqZmcFr9.js","./path-fybaL0A-.js","./math-Bi_r_ZWc.js","./array-BifhSqXX.js","./linear-CNEal4Ob.js","./useSandboxFrame-Bz-L2PEg.js","./index2.css","./Canvas-CvaP3Qdq.js","./react-CeYd-wP1.js","./view-BL5bZDxq.js","./index3.css"])))=>i.map(i=>d[i]);
-import{i as e,n as t}from"./rolldown-runtime-COiEfhsA.js";import{f as n}from"./useSystemTheme-BVZLLsnc.js";import{n as r,t as i}from"./jsx-runtime-CldxteV5.js";import{t as a}from"./useTranslation-Ci5tOdAN.js";import{g as o,h as s,i as c}from"./view-BL5bZDxq.js";var l=e(r(),1),u=i(),d=(0,l.lazy)(()=>n(()=>import(`./shims-DAMrW7mQ.js`).then(()=>n(()=>import(`./SnapshotDocument-kHyl0dKv.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24]),import.meta.url)),[],import.meta.url)),f=(0,l.lazy)(()=>n(async()=>{let{Canvas:e}=await import(`./Canvas-CvaP3Qdq.js`).then(e=>e.n);return{Canvas:e}},__vite__mapDeps([25,1,2,3,4,7,14,26,12,27,28]),import.meta.url).then(({Canvas:e})=>({default:e}))),p=()=>()=>{},m=()=>{},h=new Set;function g({type:e,id:t,data:n,failed:r}){let{t:i}=a(),[g,_]=(0,l.useState)(()=>({width:innerWidth,height:innerHeight}));(0,l.useEffect)(()=>{let e=()=>_({width:innerWidth,height:innerHeight});return addEventListener(`resize`,e),()=>removeEventListener(`resize`,e)},[]);let v=e=>(0,u.jsx)(`div`,{className:`artifact-preview-message`,children:e});if(r)return v(i(`preview.unavailable`));if(!n)return v(i(`preview.loading`));if(e===`html`)return n.warnings?.length?v(i(`preview.waitingPage`)):(0,u.jsx)(`iframe`,{className:`artifact-preview-html`,title:n.title,src:`${n.contentBase}index.html`,sandbox:`allow-scripts`,tabIndex:-1});if(e===`document`)return n.state?(0,u.jsx)(o,{resetKey:n.state,children:(0,u.jsx)(l.Suspense,{fallback:v(i(`preview.loading`)),children:(0,u.jsx)(d,{id:t,state:n.state,contentBase:n.contentBase})})}):v(i(`preview.waitingDocument`));let y=n.canvas,b=y?.activePage??y?.pages[0]?.id,x=b?n.layout?.pages[b]?.bounds:null;if(!y||!b||!x)return v(i(`preview.waitingCanvas`));let S=c(x,g,{top:24,right:24,bottom:24,left:24}),C=Object.entries(y.boards).filter(([,e])=>e.page===b);return(0,u.jsx)(`div`,{className:`artifact-preview-canvas`,children:(0,u.jsx)(o,{resetKey:y,children:(0,u.jsx)(l.Suspense,{fallback:v(i(`preview.loading`)),children:(0,u.jsx)(f,{view:S,renders:s({boards:C.map(([e,t])=>({id:e,...t})),view:S,viewport:g}),boards:C,notes:Object.entries(y.notes??{}).filter(([,e])=>e.page===b),contentBase:n.contentBase,versions:n.versions??{},pending:new Set(n.pending),playing:h,replays:{},inspecting:!1,frameRef:p,frameLoaded:m})})})})}var _=t({PreviewLayout:()=>y});function v(e){let[t,n]=(0,l.useState)(null),[r,i]=(0,l.useState)(!1);return(0,l.useEffect)(()=>{let t=new AbortController;return fetch(e,{signal:t.signal,credentials:`same-origin`}).then(e=>{if(!e.ok)throw Error(`Preview unavailable`);return e.json()}).then(n).catch(()=>{t.signal.aborted||i(!0)}),()=>t.abort()},[e]),{data:t,failed:r}}function y({type:e,id:t}){let{data:n,failed:r}=v(`/api/preview/${e}/${t}`);return(0,u.jsx)(g,{type:e,id:t,data:n,failed:r})}export{_ as n,y as t};
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./SnapshotDocument-kHyl0dKv.js","./rolldown-runtime-COiEfhsA.js","./useSystemTheme-BVZLLsnc.js","./jsx-runtime-CldxteV5.js","./index.css","./channel-CgSk2sDt.js","./MenuRoot-CwCVByOp.js","./use-presence-9dVDVxFO.js","./TooltipPopup-Cpm4Cwxn.js","./PopoverPopup-BA537pRU.js","./itemEquality-Dx2kxFQI.js","./ThreadView-Qlz9Ufo7.js","./useTranslation-Ci5tOdAN.js","./imperative-DfjHJwB9.js","./maximize-2-DcJIGEuQ.js","./search-y2-lADui.js","./ordinal-BDEzSJ7C.js","./init-C-OQMol4.js","./string-DqZmcFr9.js","./path-fybaL0A-.js","./math-Bi_r_ZWc.js","./array-BifhSqXX.js","./linear-CNEal4Ob.js","./useSandboxFrame-Bz-L2PEg.js","./index2.css","./Canvas-DePSeScS.js","./react-CeYd-wP1.js","./view-CmbqrCLE.js","./index3.css"])))=>i.map(i=>d[i]);
+import{i as e,n as t}from"./rolldown-runtime-COiEfhsA.js";import{f as n}from"./useSystemTheme-BVZLLsnc.js";import{n as r,t as i}from"./jsx-runtime-CldxteV5.js";import{t as a}from"./useTranslation-Ci5tOdAN.js";import{_ as o,g as s,i as c}from"./view-CmbqrCLE.js";var l=e(r(),1),u=i(),d=(0,l.lazy)(()=>n(()=>import(`./shims-DAMrW7mQ.js`).then(()=>n(()=>import(`./SnapshotDocument-kHyl0dKv.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24]),import.meta.url)),[],import.meta.url)),f=(0,l.lazy)(()=>n(async()=>{let{Canvas:e}=await import(`./Canvas-DePSeScS.js`).then(e=>e.n);return{Canvas:e}},__vite__mapDeps([25,1,2,3,4,7,14,26,12,27,28]),import.meta.url).then(({Canvas:e})=>({default:e}))),p=()=>()=>{},m=()=>{},h=new Set;function g({type:e,id:t,data:n,failed:r}){let{t:i}=a(),[g,_]=(0,l.useState)(()=>({width:innerWidth,height:innerHeight}));(0,l.useEffect)(()=>{let e=()=>_({width:innerWidth,height:innerHeight});return addEventListener(`resize`,e),()=>removeEventListener(`resize`,e)},[]);let v=e=>(0,u.jsx)(`div`,{className:`artifact-preview-message`,children:e});if(r)return v(i(`preview.unavailable`));if(!n)return v(i(`preview.loading`));if(e===`html`)return n.warnings?.length?v(i(`preview.waitingPage`)):(0,u.jsx)(`iframe`,{className:`artifact-preview-html`,title:n.title,src:`${n.contentBase}index.html`,sandbox:`allow-scripts`,tabIndex:-1});if(e===`document`)return n.state?(0,u.jsx)(o,{resetKey:n.state,children:(0,u.jsx)(l.Suspense,{fallback:v(i(`preview.loading`)),children:(0,u.jsx)(d,{id:t,state:n.state,contentBase:n.contentBase})})}):v(i(`preview.waitingDocument`));let y=n.canvas,b=y?.activePage??y?.pages[0]?.id,x=b?n.layout?.pages[b]?.bounds:null;if(!y||!b||!x)return v(i(`preview.waitingCanvas`));let S=c(x,g,{top:24,right:24,bottom:24,left:24}),C=Object.entries(y.boards).filter(([,e])=>e.page===b);return(0,u.jsx)(`div`,{className:`artifact-preview-canvas`,children:(0,u.jsx)(o,{resetKey:y,children:(0,u.jsx)(l.Suspense,{fallback:v(i(`preview.loading`)),children:(0,u.jsx)(f,{view:S,renders:s({boards:C.map(([e,t])=>({id:e,...t})),view:S,viewport:g}),boards:C,notes:Object.entries(y.notes??{}).filter(([,e])=>e.page===b),contentBase:n.contentBase,versions:n.versions??{},pending:new Set(n.pending),playing:h,replays:{},inspecting:!1,frameRef:p,frameLoaded:m})})})})}var _=t({PreviewLayout:()=>y});function v(e){let[t,n]=(0,l.useState)(null),[r,i]=(0,l.useState)(!1);return(0,l.useEffect)(()=>{let t=new AbortController;return fetch(e,{signal:t.signal,credentials:`same-origin`}).then(e=>{if(!e.ok)throw Error(`Preview unavailable`);return e.json()}).then(n).catch(()=>{t.signal.aborted||i(!0)}),()=>t.abort()},[e]),{data:t,failed:r}}function y({type:e,id:t}){let{data:n,failed:r}=v(`/api/preview/${e}/${t}`);return(0,u.jsx)(g,{type:e,id:t,data:n,failed:r})}export{_ as n,y as t};