@bryanhu/codexly 0.17.0 → 0.19.0

package/dist/web/assets/workbench-inspector-changes-DXrYXxmV.js

@@ -0,0 +1,2 @@
+import{a as e}from"./rolldown-runtime-CNC7AqOf.js";import{i as t,t as n}from"./react-runtime-DaCTDC27.js";import{l as r,o as i,r as a}from"./initial-deps-CTprc_pY.js";import{E as o,Q as s,U as c,W as l,a as u,at as d,nt as f}from"./initial-deps-DqJTHr9A.js";import{t as p}from"./file-pen-line-B05lVjWh.js";import{r as m,x as h}from"./prompt-input-controls-j_r9SnuL.js";import{n as g,r as _,t as v}from"./file-navigation-view-preference-BRWa_l_a.js";import{t as y}from"./sparkles-BLY9rqMO.js";import{t as b}from"./upload-D_8Uk8f-.js";import{$t as x,A as S,Ct as C,D as w,G as T,Gt as E,H as D,J as ee,K as te,Mt as ne,O as re,R as ie,U as O,W as k,Wt as A,X as ae,Y as oe,_t as j,at as M,ct as N,dt as P,k as se,lt as F,ot as I,q as ce,ut as L,vt as R,wt as z}from"./index-DwEl9mCY.js";import{t as le}from"./button-group-DLm5MGrs.js";var B=s(`file-minus-corner`,[[`path`,{d:`M20 14V8a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12`,key:`l9p8hp`}],[`path`,{d:`M14 2v5a1 1 0 0 0 1 1h5`,key:`wfsgrz`}],[`path`,{d:`M14 18h6`,key:`1m8k6r`}]]),V=e(t(),1),H=n(),U=u(`min-w-0 text-foreground outline-none transition-[border-color,box-shadow] placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50`,{defaultVariants:{variant:`default`},variants:{variant:{default:`min-h-20 w-full resize-y rounded-control bg-control px-3 py-2 text-body focus-visible:shadow-focus`,embedded:`flex-1 resize-none bg-transparent`}}});function W({className:e,variant:t=`default`,...n}){return(0,H.jsx)(`textarea`,{className:R(U({className:e,variant:t})),"data-slot":`textarea`,"data-variant":t,...n})}function ue({className:e,...t}){return(0,H.jsx)(`div`,{className:R(`group/input-group flex w-full min-w-0 items-center`,e),"data-slot":`input-group`,role:`group`,...t})}function de({align:e=`inline-start`,className:t,...n}){return(0,H.jsx)(`div`,{className:R(`flex shrink-0 items-center`,t),"data-align":e,"data-slot":`input-group-addon`,role:`group`,...n})}function fe({className:e,...t}){return(0,H.jsx)(W,{className:R(`min-w-0 flex-1`,e),"data-slot":`input-group-control`,variant:`embedded`,...t})}function G(e){return[...e].sort((e,t)=>e.kind===t.kind?e.name.localeCompare(t.name,`en`):e.kind===`file`?-1:1)}function K(e){let t=[e.name],n=e;for(;n.children.size===1;){let e=n.children.values().next().value;if(e?.kind!==`folder`)break;t.push(e.name),n=e}return{children:G([...n.children.values()].map(e=>e.kind===`folder`?K(e):e)),kind:`folder`,name:t.join(`/`),path:n.path}}function q(e){let t={children:new Map,kind:`folder`,name:``,path:``};for(let n of e){let e=n.path.split(`/`),r=e.pop();if(r===void 0)continue;let i=t;for(let t of e){let e=i.path===``?t:`${i.path}/${t}`,n=i.children.get(t);if(n?.kind===`folder`){i=n;continue}let r={children:new Map,kind:`folder`,name:t,path:e};i.children.set(t,r),i=r}i.children.set(r,{kind:`file`,name:r,path:n.path,status:n.kind})}return G([...t.children.values()].map(e=>e.kind===`folder`?K(e):e))}function J(e,t){for(let n of e)n.kind===`folder`&&(t.add(n.path),J(n.children,t))}function Y(e){return e===`create`?`text-diff-added`:e===`delete`?`text-danger`:`text-warning`}function X(e){let t=R(`size-3.5`,Y(e));return e===`create`?(0,H.jsx)(h,{"aria-hidden":`true`,className:t}):e===`delete`?(0,H.jsx)(B,{"aria-hidden":`true`,className:t}):(0,H.jsx)(p,{"aria-hidden":`true`,className:t})}function Z(e){return e===`create`?`A`:e===`delete`?`D`:`M`}function Q({changesByPath:e,disabled:t,label:n,nodes:r,onOpenFileDiff:i,onTogglePath:a,selectedPaths:o}){return r.map(r=>{if(r.kind===`folder`)return(0,H.jsx)(F,{name:r.name,path:r.path,children:(0,H.jsx)(Q,{changesByPath:e,disabled:t,label:n,nodes:r.children,onOpenFileDiff:i,onTogglePath:a,selectedPaths:o})},r.path);let s=o.has(r.path),c=e.get(r.path);return(0,H.jsxs)(N,{"aria-label":r.path,className:Y(r.status),icon:X(r.status),name:r.name,onClick:()=>{c!==void 0&&i(c)},path:r.path,trailing:(0,H.jsx)(`span`,{className:`ml-auto w-3 text-center text-meta font-semibold text-muted-foreground`,children:Z(r.status)}),children:[(0,H.jsx)(`span`,{"aria-hidden":`true`,className:`size-5 shrink-0`}),(0,H.jsx)(M,{"aria-label":`${n}: ${r.path}`,checked:s,disabled:t,onCheckedChange:()=>{a(r.path)},onClick:e=>{e.stopPropagation()}}),(0,H.jsx)(L,{children:X(r.status)}),(0,H.jsx)(P,{title:r.path,children:r.name})]},r.path)})}function $({changes:e,disabled:t=!1,label:n,onOpenFileDiff:r,onSelectedPathsChange:i,selectedPaths:a,viewMode:o=`tree`}){let s=(0,V.useMemo)(()=>q(e),[e]),c=(0,V.useMemo)(()=>new Map(e.map(e=>[e.path,e])),[e]),l=(0,V.useMemo)(()=>[...new Set(e.map(e=>e.path))],[e]),u=(0,V.useMemo)(()=>{let e=new Set;return J(s,e),e},[s]);if(l.length===0)return null;let d=l.filter(e=>a.has(e)).length,f=d===0?!1:d===l.length||`indeterminate`,p=e=>{let t=new Set(a);t.has(e)?t.delete(e):t.add(e),i(t)};return(0,H.jsxs)(`section`,{"aria-label":n,className:`py-0.5`,children:[(0,H.jsxs)(`div`,{className:`flex min-h-7 items-center gap-1.5 px-3`,children:[(0,H.jsx)(M,{"aria-label":n,checked:f,disabled:t||l.length===0,onCheckedChange:e=>{let t=new Set(a);for(let n of l)e===!0?t.add(n):t.delete(n);i(t)}}),(0,H.jsx)(`h3`,{className:`text-label font-semibold text-foreground`,children:n}),(0,H.jsx)(`span`,{className:`ml-auto text-caption text-muted-foreground`,children:l.length})]}),o===`list`?(0,H.jsx)(`div`,{className:`px-1 font-mono text-label`,"data-slot":`commit-changes-list`,role:`list`,children:e.toSorted((e,t)=>e.path.localeCompare(t.path,`en`)).map(e=>(0,H.jsxs)(`div`,{className:`flex min-h-7 items-center gap-1.5 rounded-control px-2 hover:bg-control-hover`,role:`listitem`,children:[(0,H.jsx)(M,{"aria-label":`${n}: ${e.path}`,checked:a.has(e.path),disabled:t,onCheckedChange:()=>{p(e.path)}}),(0,H.jsxs)(`button`,{"aria-label":e.path,className:R(`flex min-w-0 flex-1 items-center gap-1.5 text-left outline-none focus-visible:shadow-focus`,Y(e.kind)),onClick:()=>{r(e)},type:`button`,children:[X(e.kind),(0,H.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,title:e.path,children:e.path}),(0,H.jsx)(`span`,{className:`w-3 text-center text-meta font-semibold text-muted-foreground`,children:Z(e.kind)})]})]},e.path))}):s.length===0?null:(0,H.jsx)(I,{"aria-label":n,className:`px-1`,defaultExpanded:u,children:(0,H.jsx)(Q,{changesByPath:c,disabled:t,label:n,nodes:s,onOpenFileDiff:r,onTogglePath:p,selectedPaths:a})})]})}function pe(e){let t=new Map;for(let n of e.staged)t.set(n.path,{path:n.path,staged:!0,unstaged:!1});for(let n of e.unstaged){let e=t.get(n.path);t.set(n.path,{path:n.path,staged:e?.staged??!1,unstaged:!0})}return[...t.values()].sort((e,t)=>e.path.localeCompare(t.path,`en`))}function me(e){if(e.repositoryMode!==`children`)return[];let t=new Set;for(let n of[...e.staged,...e.unstaged]){let e=n.path.indexOf(`/`);e>0&&t.add(n.path.slice(0,e))}return[...t].toSorted((e,t)=>e.localeCompare(t,`en`))}function he(e,t){return{identity:e,message:``,selectedPaths:new Set(t.map(e=>e.path))}}function ge({error:e=null,gitStatus:t,isCommitting:n=!1,isGenerating:r=!1,isRepositoryLoading:i=!1,onCommit:a,onGenerateMessage:s,onOpenFileDiff:u,onSelectRepository:d=()=>void 0,repositories:p=[],result:h=null,selectedRepository:x=null}){let{t:C}=f(`workbench`),[E,A]=v(`changes`),M=(0,V.useMemo)(()=>pe(t),[t]),N=`${x??`root`}:${t.snapshot}`,[P,F]=(0,V.useState)(()=>he(N,M)),I=(0,V.useRef)(ne());P.identity!==N&&F(he(N,M));let{message:L,selectedPaths:z}=P,B=L.includes(`
+`)?3:1,U=r||n,W=p.length>0||t.repositoryMode===`children`,G=!W||x!==null&&!i&&t.repositoryMode===`root`,K=G&&z.size>0&&!U&&h===null,q=K&&L.trim().length>0,J=()=>I.current.run(async()=>{let e=await s({expectedSnapshot:t.snapshot,paths:[...z],...x===null?{}:{repository:x}});F(t=>({...t,message:e}))}),Y=e=>I.current.run(()=>a({action:e,expectedSnapshot:t.snapshot,message:L,paths:[...z],...x===null?{}:{repository:x}}));return(0,H.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col overflow-hidden`,"data-slot":`commit-changes-panel`,children:[W?(0,H.jsxs)(`div`,{className:`shrink-0 border-b border-separator px-3 py-2`,children:[(0,H.jsx)(`label`,{className:`text-label font-medium`,id:`commit-repository-label`,children:C(`commit.repository`)}),(0,H.jsxs)(T,{disabled:U||h!==null,onValueChange:d,...x===null?{}:{value:x},children:[(0,H.jsx)(oe,{"aria-labelledby":`commit-repository-label`,className:`mt-1 w-full`,children:(0,H.jsx)(ae,{placeholder:C(`commit.selectRepository`)})}),(0,H.jsx)(te,{position:`popper`,children:(0,H.jsx)(ce,{children:p.map(e=>(0,H.jsx)(ee,{value:e,children:e},e))})})]}),i?(0,H.jsx)(`p`,{className:`mt-1 text-caption text-muted-foreground`,role:`status`,children:C(`commit.repositoryLoading`)}):null,p.length===0?(0,H.jsx)(`p`,{className:`mt-1 text-caption text-danger`,role:`alert`,children:C(`commit.repositoryUnavailable`)}):null]}):null,e===null?null:(0,H.jsx)(`p`,{className:`mx-3 mt-2 shrink-0 text-caption text-danger`,role:`alert`,children:e.message}),G?(0,H.jsxs)(H.Fragment,{children:[(0,H.jsxs)(`section`,{className:`shrink-0 px-3 py-2`,children:[(0,H.jsxs)(ue,{className:R(`gap-1 rounded-surface border border-separator-strong bg-panel shadow-sm focus-within:border-brand focus-within:shadow-focus`,B===1?`h-8 max-workbench:h-11`:`h-18 max-workbench:h-21`),children:[(0,H.jsx)(fe,{"aria-label":C(`commit.commitMessage`),className:`h-full min-h-0 overflow-y-auto px-2 py-1.5 text-label leading-5 focus-visible:!outline-none max-workbench:py-3`,disabled:U||h!==null,id:`commit-message`,onChange:e=>{let t=e.currentTarget.value;F(e=>({...e,message:t}))},placeholder:C(`commit.messagePlaceholder`),rows:B,value:L}),(0,H.jsx)(de,{align:`inline-end`,className:`ml-auto`,children:(0,H.jsxs)(D,{children:[(0,H.jsx)(k,{asChild:!0,children:(0,H.jsx)(m,{"aria-label":C(`commit.generateMessage`),className:`size-7 shrink-0 justify-center p-0 [&_svg]:size-3.5 max-workbench:size-11`,disabled:!K,onClick:()=>{J().catch(()=>void 0)},type:`button`,children:r?(0,H.jsx)(o,{"aria-hidden":`true`,className:`animate-spin`}):(0,H.jsx)(y,{"aria-hidden":`true`})})}),(0,H.jsx)(O,{side:`top`,children:C(`commit.generateMessage`)})]})})]}),h===null?(0,H.jsxs)(le,{className:`mt-2 w-full`,children:[(0,H.jsxs)(j,{className:`flex-1 rounded-r-none`,disabled:!q,onClick:()=>{Y(`commit`).catch(()=>void 0)},type:`button`,children:[n?(0,H.jsx)(o,{"aria-hidden":`true`,className:`animate-spin`}):(0,H.jsx)(l,{"aria-hidden":`true`}),C(`commit.commit`)]}),(0,H.jsxs)(w,{children:[(0,H.jsx)(ie,{asChild:!0,children:(0,H.jsx)(j,{"aria-label":C(`commit.commitActions`),className:`w-10 rounded-l-none border-l border-brand-contrast/30 px-0`,disabled:!q,type:`button`,children:(0,H.jsx)(c,{"aria-hidden":`true`})})}),(0,H.jsx)(re,{align:`end`,children:(0,H.jsxs)(se,{children:[(0,H.jsxs)(S,{onSelect:()=>{Y(`commit`).catch(()=>void 0)},children:[(0,H.jsx)(l,{"aria-hidden":`true`,className:`size-3.5`}),C(`commit.commit`)]}),(0,H.jsxs)(S,{onSelect:()=>{Y(`commit_and_push`).catch(()=>void 0)},children:[(0,H.jsx)(b,{"aria-hidden":`true`,className:`size-3.5`}),C(`commit.commitAndPush`)]})]})})]})]}):(0,H.jsx)(`p`,{className:`mt-2 font-mono text-caption text-muted-foreground`,role:`status`,children:h.commitSha.slice(0,7)})]}),(0,H.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col border-t border-separator`,children:[(0,H.jsxs)(`div`,{className:`flex h-8 shrink-0 items-center gap-1 px-3 text-label font-semibold`,children:[(0,H.jsx)(`span`,{children:C(`commit.changes`)}),(0,H.jsx)(`span`,{className:`ml-auto text-caption font-normal text-muted-foreground`,children:C(`commit.totalFiles`,{count:M.length})}),(0,H.jsxs)(D,{children:[(0,H.jsx)(k,{asChild:!0,children:(0,H.jsx)(j,{"aria-label":C(E===`tree`?`diff.showFileList`:`diff.showFileTree`),onClick:()=>{A(E===`tree`?`list`:`tree`)},size:`icon-sm`,type:`button`,variant:`ghost`,children:E===`tree`?(0,H.jsx)(g,{"aria-hidden":`true`,className:`size-3.5`}):(0,H.jsx)(_,{"aria-hidden":`true`,className:`size-3.5`})})}),(0,H.jsx)(O,{children:C(E===`tree`?`diff.showFileList`:`diff.showFileTree`)})]})]}),(0,H.jsxs)(`div`,{className:`min-h-0 flex-1 overflow-y-auto overscroll-contain py-0.5`,"data-slot":`commit-changes-scroll`,children:[(0,H.jsx)($,{changes:t.staged,disabled:U||h!==null,label:C(`commit.staged`),onOpenFileDiff:u,onSelectedPathsChange:e=>{F(t=>({...t,selectedPaths:e}))},selectedPaths:z,viewMode:E}),(0,H.jsx)($,{changes:t.unstaged,disabled:U||h!==null,label:C(`commit.unstaged`),onOpenFileDiff:u,onSelectedPathsChange:e=>{F(t=>({...t,selectedPaths:e}))},selectedPaths:z,viewMode:E})]})]})]}):null]})}function _e(e){return e.pushStatus===`pushed`?`commit.commitAndPushSucceeded`:e.pushStatus===`not_requested`?`commit.commitSucceeded`:null}function ve(e,t,n,r,i,a){let o=r===void 0?[`projects`,t,n,`git-status`]:[`projects`,t,n,`git-status`,r];e.setQueryData(o,i),e.setQueryData([`projects`,t,n,`git-history`,r??null],{pageParams:[void 0],pages:[a]})}function ye({client:e,detailsError:t=null,detailsPending:n=!1,gitStatus:o,onOpenFileDiff:s,projectId:c,rootPath:l}){let{t:u}=f(`workbench`),d=r(),p=a(E(c,l,e)),m=a({...A(c,l,e),meta:{actionNotification:{successMessage:!1}}}),h=(0,V.useMemo)(()=>me(o),[o]),[g,_]=(0,V.useState)(),[v,y]=(0,V.useState)(null),b=v!==null&&h.includes(v)?v:h[0]??null,S=i(x(c,l,b,o.repositoryMode===`children`,e)),w=o.repositoryMode===`root`?o:S.data??o,T=g?.snapshot===w.snapshot?g.result:null;return(0,H.jsx)(ge,{error:t??S.error,gitStatus:w,isCommitting:m.isPending,isGenerating:p.isPending,isRepositoryLoading:n||S.isFetching,onCommit:async e=>{let t=await m.mutateAsync(e);_({result:t,snapshot:t.status.snapshot}),ve(d,c,l,e.repository,t.status,t.history);let n=_e(t);if(n!==null){z(u(n));return}C(Error(t.pushError??u(`commit.commitCompletePushFailed`)))},onGenerateMessage:async e=>(await p.mutateAsync(e)).message,onOpenFileDiff:s,onSelectRepository:e=>{_(void 0),p.reset(),m.reset(),y(e)},repositories:h,result:T,selectedRepository:b})}function be({client:e,detailsError:t,detailsPending:n,detailsStatus:r,gitStatus:i,gitStatusError:a,onOpenFileDiff:o,projectId:s,rootPath:c}){return s!==void 0&&e!==void 0&&i!==void 0?(0,H.jsx)(ye,{client:e,detailsError:t,detailsPending:n,gitStatus:r??i,onOpenFileDiff:o,projectId:s,rootPath:c}):a===null?(0,H.jsx)(`p`,{className:`p-3 text-caption text-muted-foreground`,role:`status`,children:d.t(`inspector.gitLoading`,{ns:`conversation`})}):(0,H.jsx)(`p`,{className:`p-3 text-caption text-danger`,role:`alert`,children:a.message})}export{be as WorkbenchInspectorChanges};

package/dist/web/assets/workbench-pet-canvas-C5NL9nOc.js

@@ -0,0 +1 @@
+import{a as e}from"./rolldown-runtime-CNC7AqOf.js";import{i as t,t as n}from"./react-runtime-DaCTDC27.js";import{a as r,n as i}from"./initial-deps-CTprc_pY.js";import{a}from"./initial-deps-Bk3GSWTk.js";import{hn as o}from"./index-DwEl9mCY.js";var s=[`workbench-pets`];function c(e=o){return r({queryFn:({signal:t})=>e.listWorkbenchPets({signal:t}),queryKey:s,staleTime:3e4})}function l(e,t=o){return i({meta:{actionNotification:{successMessage:!1}},mutationFn:async e=>{let n=`workbench-pet-${e}-${globalThis.crypto.randomUUID()}`;return t.downloadWorkbenchPet(e,{idempotencyKey:n})},mutationKey:[`workbench-pets`,`download`],onSuccess:({pets:t})=>{e.setQueryData(s,t)},scope:{id:`workbench-pet-download`}})}var u=e(t(),1);function d(e){return e!==void 0&&e.frames.length>0}function f(e,t){let n=new Set,r=t;for(;!n.has(r);){n.add(r);let t=e[r];if(t!==void 0&&d(t))return t;if(t!==void 0)r=t.fallback;else if(r!==`idle`)r=`idle`;else return}}var p=class{#e;#t;#n=`idle`;#r=!1;#i=0;#a=!1;#o;#s=!0;constructor(e){this.#e=e.animations,this.#t=e.onFrame}play(e){this.#n=e,this.#l()}setReducedMotion(e){this.#a!==e&&(this.#a=e,this.#l())}setVisible(e){this.#s!==e&&(this.#s=e,this.#l())}dispose(){this.#r=!0,this.#i+=1,this.#c()}#c(){this.#o!==void 0&&clearTimeout(this.#o),this.#o=void 0}#l(){if(this.#i+=1,this.#c(),this.#r||!this.#s)return;let e=f(this.#e,this.#n);e!==void 0&&this.#u(e,0,this.#i)}#u(e,t,n){if(n!==this.#i||this.#r||!this.#s)return;let r=e.frames[t];if(r===void 0||(this.#t(r.spriteIndex),this.#a))return;let i=t+1,a=e.loopStart??-1;i>=e.frames.length&&a<0||(this.#o=setTimeout(()=>{this.#o=void 0,this.#u(e,i<e.frames.length?i:a,n)},r.durationMs))}};async function m(e,t){let n=await fetch(e,{credentials:`same-origin`,signal:t});if(!n.ok)throw Error(`Unable to load pet asset: ${String(n.status)}`);return createImageBitmap(await n.blob())}function h(e,t,n,r){let i=e.getContext(`2d`);if(i===null)throw Error(`Canvas 2D context is unavailable`);let a=Math.max(1,e.clientWidth||n.width),o=Math.max(1,e.clientHeight||n.height),s=Math.min(3,Math.max(1,globalThis.devicePixelRatio||1)),c=Math.round(a*s),l=Math.round(o*s);e.width!==c&&(e.width=c),e.height!==l&&(e.height=l);let u=r%n.columns,d=Math.floor(r/n.columns);i.clearRect(0,0,c,l),i.imageSmoothingEnabled=!1,i.drawImage(t,u*n.width,d*n.height,n.width,n.height,0,0,c,l)}var g=n();function _(){let[e,t]=(0,u.useState)(!1);return(0,u.useEffect)(()=>{let e=matchMedia(`(prefers-reduced-motion: reduce)`),n=()=>{t(e.matches)};return n(),e.addEventListener(`change`,n),()=>{e.removeEventListener(`change`,n)}},[]),e}function v({animationName:e,pet:t}){let n=(0,u.useRef)(null),[r,i]=(0,u.useState)(null),[o,s]=(0,u.useState)(!1),c=_(),l=a(t.assetId);return(0,u.useEffect)(()=>{let e=new AbortController,t=!0;return i(null),s(!1),typeof createImageBitmap==`function`?(m(l,e.signal).then(e=>{t?i(e):e.close()}).catch(()=>{t&&!e.signal.aborted&&s(!0)}),()=>{t=!1,e.abort()}):(s(!0),()=>{e.abort()})},[l]),(0,u.useEffect)(()=>()=>{r?.close()},[r]),(0,u.useEffect)(()=>{let i=n.current;if(i===null||r===null)return;let a=0,o=e=>{a=e;try{h(i,r,t.frame,e)}catch{s(!0)}},l=new p({animations:t.animations,onFrame:o});l.setReducedMotion(c),l.setVisible(document.visibilityState===`visible`),l.play(e);let u=new ResizeObserver(()=>{o(a)});u.observe(i);let d=()=>{l.setVisible(document.visibilityState===`visible`)};return document.addEventListener(`visibilitychange`,d),()=>{u.disconnect(),document.removeEventListener(`visibilitychange`,d),l.dispose()}},[e,r,t.animations,t.frame,c]),o?(0,g.jsx)(`span`,{"aria-hidden":`true`,className:`workbench-pet-static-fallback`,style:{backgroundImage:`url(${l})`,backgroundSize:`${String(t.frame.columns*100)}% ${String(t.frame.rows*100)}%`}}):(0,g.jsx)(`canvas`,{"aria-hidden":`true`,className:`workbench-pet-canvas`,ref:n})}export{l as n,c as r,v as t};