allyhub 0.2.0-next.0 → 0.2.0-next.2

package/editor-web/assets/chevron-left-BWWKfQPt.js

@@ -0,0 +1 @@
+import{c as e}from"./react-DIqYlXoe.js";var t=e(`chevron-left`,[[`path`,{d:`m15 18-6-6 6-6`,key:`1wnfg3`}]]);export{t};

package/editor-web/assets/{chevron-up-lWCKw7jZ.js → chevron-up-DdzgESXy.js}

@@ -1 +1 @@
-import{c as e}from"./react-ZggY1Y07.js";var t=e(`check`,[[`path`,{d:`M20 6 9 17l-5-5`,key:`1gmf2c`}]]),n=e(`chevron-down`,[[`path`,{d:`m6 9 6 6 6-6`,key:`qrunsl`}]]),r=e(`chevron-up`,[[`path`,{d:`m18 15-6-6-6 6`,key:`153udz`}]]);export{n,t as r,r as t};
+import{c as e}from"./react-DIqYlXoe.js";var t=e(`check`,[[`path`,{d:`M20 6 9 17l-5-5`,key:`1gmf2c`}]]),n=e(`chevron-down`,[[`path`,{d:`m6 9 6 6 6-6`,key:`qrunsl`}]]),r=e(`chevron-up`,[[`path`,{d:`m18 15-6-6-6 6`,key:`153udz`}]]);export{n,t as r,r as t};

package/editor-web/assets/{dist-CmlFikE4.js → dist-CiIDdJZw.js}

@@ -1 +1 @@
-import{O as e,a as t,c as n,d as r,j as i,l as a,n as o,r as s,v as c}from"./react-ZggY1Y07.js";import{Z as l,g as u}from"./index-g9RQlyDb.js";var d=n(`corner-up-left`,[[`path`,{d:`M20 20v-7a4 4 0 0 0-4-4H4`,key:`1nkjon`}],[`path`,{d:`M9 14 4 9l5-5`,key:`102s5s`}]]),f=n(`zoom-in`,[[`circle`,{cx:`11`,cy:`11`,r:`8`,key:`4ej97u`}],[`line`,{x1:`21`,x2:`16.65`,y1:`21`,y2:`16.65`,key:`13gj7c`}],[`line`,{x1:`11`,x2:`11`,y1:`8`,y2:`14`,key:`1vmskp`}],[`line`,{x1:`8`,x2:`14`,y1:`11`,y2:`11`,key:`durymu`}]]),p=i(e(),1),m=a(),h=r({en:{title:`3D scenery`,loading:`Loading the scenery`,loadFailed:`The scenery did not load`,zoomIn:`Zoom in`,back:`Back`,size:(e,t,n)=>`${e} × ${t} × ${n} m`},"zh-cn":{title:`3D 布景`,loading:`正在加载布景`,loadFailed:`布景没能加载`,zoomIn:`放大`,back:`返回`,size:(e,t,n)=>`${e} × ${t} × ${n} 米`},"zh-tw":{title:`3D 布景`,loading:`正在載入布景`,loadFailed:`布景無法載入`,zoomIn:`放大`,back:`返回`,size:(e,t,n)=>`${e} × ${t} × ${n} 公尺`},ja:{title:`3D セット`,loading:`セットを読み込み中`,loadFailed:`セットを読み込めませんでした`,zoomIn:`ズームイン`,back:`戻る`,size:(e,t,n)=>`${e} × ${t} × ${n} m`},ko:{title:`3D 세트`,loading:`세트를 불러오는 중`,loadFailed:`세트를 불러오지 못했습니다`,zoomIn:`확대`,back:`뒤로`,size:(e,t,n)=>`${e} × ${t} × ${n} m`},es:{title:`Decorado 3D`,loading:`Cargando el decorado`,loadFailed:`El decorado no se cargó`,zoomIn:`Acercar`,back:`Atrás`,size:(e,t,n)=>`${e} × ${t} × ${n} m`},fr:{title:`Décor 3D`,loading:`Chargement du décor`,loadFailed:`Le décor ne s’est pas chargé`,zoomIn:`Zoomer`,back:`Retour`,size:(e,t,n)=>`${e} × ${t} × ${n} m`},de:{title:`3D-Kulisse`,loading:`Kulisse wird geladen`,loadFailed:`Die Kulisse wurde nicht geladen`,zoomIn:`Heranzoomen`,back:`Zurück`,size:(e,t,n)=>`${e} × ${t} × ${n} m`},it:{title:`Scenografia 3D`,loading:`Caricamento della scenografia`,loadFailed:`Impossibile caricare la scenografia`,zoomIn:`Ingrandisci`,back:`Indietro`,size:(e,t,n)=>`${e} × ${t} × ${n} m`},pt:{title:`Cenário 3D`,loading:`Carregando o cenário`,loadFailed:`O cenário não carregou`,zoomIn:`Aproximar`,back:`Voltar`,size:(e,t,n)=>`${e} × ${t} × ${n} m`},ru:{title:`3D-декорация`,loading:`Загрузка декорации`,loadFailed:`Декорация не загрузилась`,zoomIn:`Приблизить`,back:`Назад`,size:(e,t,n)=>`${e} × ${t} × ${n} м`},tr:{title:`3D dekor`,loading:`Dekor yükleniyor`,loadFailed:`Dekor yüklenmedi`,zoomIn:`Yakınlaştır`,back:`Geri`,size:(e,t,n)=>`${e} × ${t} × ${n} m`},vi:{title:`Bối cảnh 3D`,loading:`Đang tải bối cảnh`,loadFailed:`Không tải được bối cảnh`,zoomIn:`Phóng to`,back:`Quay lại`,size:(e,t,n)=>`${e} × ${t} × ${n} m`},th:{title:`ฉาก 3D`,loading:`กำลังโหลดฉาก`,loadFailed:`โหลดฉากไม่สำเร็จ`,zoomIn:`ซูมเข้า`,back:`ย้อนกลับ`,size:(e,t,n)=>`${e} × ${t} × ${n} ม.`},hi:{title:`3D सेट`,loading:`सेट लोड हो रहा है`,loadFailed:`सेट लोड नहीं हुआ`,zoomIn:`ज़ूम इन`,back:`वापस`,size:(e,t,n)=>`${e} × ${t} × ${n} मी`}}),g=8;function _(e,t,n,r=8){let i={left:n.left+g,top:n.top+g},a={left:Math.max(i.left,n.right-g-t.width),top:Math.max(i.top,n.bottom-g-t.height)},o=e=>Math.max(i.left,Math.min(e,a.left)),s=e=>Math.max(i.top,Math.min(e,a.top)),c=o(e.left),l=e.bottom+r;if(l<=a.top)return{left:c,top:l};let u=e.top-r-t.height;if(u>=i.top)return{left:c,top:u};let d=e.right+r;return{left:d<=a.left?d:o(e.left-r-t.width),top:s((e.top+e.bottom)/2-t.height/2)}}var v=e=>e>=1?e.toFixed(2):e>=.1?e.toFixed(3):e.toFixed(4),y={width:300,height:56},b=e=>[e[0],e[1],e[2]],x=e=>Array.isArray(e)&&e.length===3&&e.every(e=>typeof e==`number`);function S(e){if(typeof e!=`object`||!e)return;let t=e;if(t.allyhub===!0){if(t.type===`error`)return{type:`error`,message:typeof t.message==`string`?t.message:``};if(t.type===`scenery`&&typeof t.event==`object`)return{type:`scenery`,event:t.event}}}function C({className:e}){let n=o(),r=s(),i=h.of(r?.locale),a=r?.item?.dir,g=(0,p.useRef)(null),C=(0,p.useRef)(null),w=(0,p.useRef)(void 0),[T,E]=(0,p.useState)({n:0}),[D,O]=(0,p.useState)(),[k,A]=(0,p.useState)(),j=t(k),[M,N]=(0,p.useState)(),[P,F]=(0,p.useState)(),[I,L]=(0,p.useState)([]),[R,z]=(0,p.useState)(null),[B,V]=(0,p.useState)({hover:null,select:null}),[H,U]=(0,p.useState)(!1);(0,p.useEffect)(()=>{if(a===void 0)return;let e=!0,t=T.from;return c(n,`scenery/viewer`,{item:a,...t?{camera:{position:b(t.position),target:b(t.target)}}:{}}).then(t=>{e&&(O({n:T.n,url:t.url}),A(t.probe))},t=>{e&&F({n:T.n,message:t instanceof Error?t.message:String(t)})}),()=>{e=!1}},[n,a,T]),(0,p.useEffect)(()=>{if(a===void 0)return;let e,t=!0,r=n.on(`files/changed`,t=>{if(t.watch!==e)return;let n=w.current;E(e=>({n:e.n+1,...n?{from:n}:{}}))});return n[`files/watch`]({paths:[a,`components`,`assets`]}).then(r=>{t?e=r.watch:n[`files/unwatch`]({watch:r.watch})},()=>void 0),()=>{t=!1,r(),e!==void 0&&n[`files/unwatch`]({watch:e})}},[n,a]);let W=(0,p.useCallback)(e=>{g.current?.contentWindow?.postMessage({allyhub:!0,command:e},`*`)},[]),G=(0,p.useRef)(null);(0,p.useEffect)(()=>{G.current=R},[R]),(0,p.useEffect)(()=>{let e=e=>{if(!D||e.source!==g.current?.contentWindow)return;let t=S(e.data);if(!t)return;if(t.type===`error`){F({n:D.n,message:t.message});return}let n=t.event;switch(n.type){case`ready`:N(D.n),L(n.cameras),G.current&&W({type:`select`,path:G.current.path});return;case`select`:z(n.object);return;case`camera`:{let e=n.camera;x(e.target)&&(w.current={position:e.position,target:e.target,...e.lens===void 0?{}:{lens:e.lens}}),U(n.framed);return}case`place`:V({hover:n.hover,select:n.select});return;default:return}};return window.addEventListener(`message`,e),()=>{window.removeEventListener(`message`,e)}},[W,D]);let K=(0,p.useCallback)(()=>{R&&W({type:`select`,path:null}),z(null)},[W,R]),[q,J]=(0,p.useState)({width:0,height:0});(0,p.useEffect)(()=>{let e=C.current;if(!e)return;let t=new ResizeObserver(()=>{J({width:e.clientWidth,height:e.clientHeight})});return t.observe(e),()=>{t.disconnect()}},[]);let Y=R?B.select:null,X=R&&Y?_({left:Y.x,top:Y.y,right:Y.x+Y.width,bottom:Y.y+Y.height},y,{left:0,top:0,right:q.width,bottom:q.height}):void 0,Z=D!==void 0&&M===D.n,Q=P?.n===T.n?P.message:void 0;return(0,m.jsxs)(`div`,{ref:C,"data-testid":`scenery-viewer`,className:l(`bg-paper relative size-full overflow-hidden`,e),onKeyDown:e=>{e.key===`Escape`&&R&&K()},children:[D&&j!==void 0&&(0,m.jsx)(`iframe`,{ref:g,src:D.url,title:i.title,...j?{sandbox:`allow-scripts`}:{},"data-testid":`scenery-frame`,...Z?{"data-ready":``}:{},className:l(`absolute inset-0 size-full border-0 transition-opacity`,Z?`opacity-100`:`opacity-0`)},D.n),!Z&&Q===void 0&&(0,m.jsx)(`p`,{className:`text-lead absolute inset-0 grid place-items-center text-sm`,children:i.loading}),Q!==void 0&&(0,m.jsxs)(`div`,{role:`alert`,className:`absolute inset-x-6 top-6 text-sm`,"data-testid":`scenery-error`,children:[(0,m.jsx)(`p`,{className:`text-problem-text`,children:i.loadFailed}),Q&&(0,m.jsx)(`p`,{className:`text-lead mt-1 font-mono text-xs`,children:Q})]}),Z&&B.hover&&(0,m.jsx)(`div`,{"aria-hidden":!0,className:`border-pencil pointer-events-none absolute rounded-sm border border-dashed`,style:{left:B.hover.x,top:B.hover.y,width:B.hover.width,height:B.hover.height}}),Z&&R&&B.select&&(0,m.jsx)(`div`,{"aria-hidden":!0,className:`border-pencil pointer-events-none absolute rounded-sm border-2`,style:{left:B.select.x,top:B.select.y,width:B.select.width,height:B.select.height}}),Z&&(0,m.jsxs)(`div`,{className:`pointer-events-none absolute inset-x-3 bottom-3 flex flex-wrap items-center gap-1.5`,children:[I.map(e=>(0,m.jsx)(u,{size:`sm`,variant:`outline`,className:`bg-card pointer-events-auto`,"data-testid":`scenery-camera`,onClick:()=>{W({type:`camera`,name:e})},children:e},e)),H&&(0,m.jsxs)(u,{size:`sm`,variant:`outline`,className:`bg-card pointer-events-auto ml-auto`,"data-testid":`scenery-back`,onClick:()=>{W({type:`back`})},children:[(0,m.jsx)(d,{size:14}),i.back]})]}),X&&R&&(0,m.jsxs)(`div`,{role:`dialog`,"aria-label":R.path.join(` › `),"data-testid":`scenery-card`,className:`bg-card animate-set-in shadow-overlay absolute z-10 flex items-start gap-2 rounded-lg border p-3`,style:{left:X.left,top:X.top,width:y.width},children:[(0,m.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,m.jsx)(`p`,{className:`truncate text-sm font-semibold`,children:R.path.join(` › `)}),(0,m.jsx)(`p`,{className:`text-lead text-xs`,children:i.size(v(R.size[0]),v(R.size[1]),v(R.size[2]))})]}),(0,m.jsxs)(u,{size:`sm`,variant:`ghost`,"data-testid":`scenery-zoom`,onClick:()=>{W({type:`frame`,path:R.path})},children:[(0,m.jsx)(f,{size:14}),i.zoomIn]})]})]})}export{C as SceneryViewer};
+import{O as e,a as t,c as n,d as r,j as i,l as a,n as o,r as s,v as c}from"./react-DIqYlXoe.js";import{X as l,h as u}from"./index-DYkuF7LX.js";var d=n(`corner-up-left`,[[`path`,{d:`M20 20v-7a4 4 0 0 0-4-4H4`,key:`1nkjon`}],[`path`,{d:`M9 14 4 9l5-5`,key:`102s5s`}]]),f=n(`zoom-in`,[[`circle`,{cx:`11`,cy:`11`,r:`8`,key:`4ej97u`}],[`line`,{x1:`21`,x2:`16.65`,y1:`21`,y2:`16.65`,key:`13gj7c`}],[`line`,{x1:`11`,x2:`11`,y1:`8`,y2:`14`,key:`1vmskp`}],[`line`,{x1:`8`,x2:`14`,y1:`11`,y2:`11`,key:`durymu`}]]),p=i(e(),1),m=a(),h=r({en:{title:`3D scenery`,loading:`Loading the scenery`,loadFailed:`The scenery did not load`,zoomIn:`Zoom in`,back:`Back`,size:(e,t,n)=>`${e} × ${t} × ${n} m`},"zh-cn":{title:`3D 布景`,loading:`正在加载布景`,loadFailed:`布景没能加载`,zoomIn:`放大`,back:`返回`,size:(e,t,n)=>`${e} × ${t} × ${n} 米`},"zh-tw":{title:`3D 布景`,loading:`正在載入布景`,loadFailed:`布景無法載入`,zoomIn:`放大`,back:`返回`,size:(e,t,n)=>`${e} × ${t} × ${n} 公尺`},ja:{title:`3D セット`,loading:`セットを読み込み中`,loadFailed:`セットを読み込めませんでした`,zoomIn:`ズームイン`,back:`戻る`,size:(e,t,n)=>`${e} × ${t} × ${n} m`},ko:{title:`3D 세트`,loading:`세트를 불러오는 중`,loadFailed:`세트를 불러오지 못했습니다`,zoomIn:`확대`,back:`뒤로`,size:(e,t,n)=>`${e} × ${t} × ${n} m`},es:{title:`Decorado 3D`,loading:`Cargando el decorado`,loadFailed:`El decorado no se cargó`,zoomIn:`Acercar`,back:`Atrás`,size:(e,t,n)=>`${e} × ${t} × ${n} m`},fr:{title:`Décor 3D`,loading:`Chargement du décor`,loadFailed:`Le décor ne s’est pas chargé`,zoomIn:`Zoomer`,back:`Retour`,size:(e,t,n)=>`${e} × ${t} × ${n} m`},de:{title:`3D-Kulisse`,loading:`Kulisse wird geladen`,loadFailed:`Die Kulisse wurde nicht geladen`,zoomIn:`Heranzoomen`,back:`Zurück`,size:(e,t,n)=>`${e} × ${t} × ${n} m`},it:{title:`Scenografia 3D`,loading:`Caricamento della scenografia`,loadFailed:`Impossibile caricare la scenografia`,zoomIn:`Ingrandisci`,back:`Indietro`,size:(e,t,n)=>`${e} × ${t} × ${n} m`},pt:{title:`Cenário 3D`,loading:`Carregando o cenário`,loadFailed:`O cenário não carregou`,zoomIn:`Aproximar`,back:`Voltar`,size:(e,t,n)=>`${e} × ${t} × ${n} m`},ru:{title:`3D-декорация`,loading:`Загрузка декорации`,loadFailed:`Декорация не загрузилась`,zoomIn:`Приблизить`,back:`Назад`,size:(e,t,n)=>`${e} × ${t} × ${n} м`},tr:{title:`3D dekor`,loading:`Dekor yükleniyor`,loadFailed:`Dekor yüklenmedi`,zoomIn:`Yakınlaştır`,back:`Geri`,size:(e,t,n)=>`${e} × ${t} × ${n} m`},vi:{title:`Bối cảnh 3D`,loading:`Đang tải bối cảnh`,loadFailed:`Không tải được bối cảnh`,zoomIn:`Phóng to`,back:`Quay lại`,size:(e,t,n)=>`${e} × ${t} × ${n} m`},th:{title:`ฉาก 3D`,loading:`กำลังโหลดฉาก`,loadFailed:`โหลดฉากไม่สำเร็จ`,zoomIn:`ซูมเข้า`,back:`ย้อนกลับ`,size:(e,t,n)=>`${e} × ${t} × ${n} ม.`},hi:{title:`3D सेट`,loading:`सेट लोड हो रहा है`,loadFailed:`सेट लोड नहीं हुआ`,zoomIn:`ज़ूम इन`,back:`वापस`,size:(e,t,n)=>`${e} × ${t} × ${n} मी`}}),g=8;function _(e,t,n,r=8){let i={left:n.left+g,top:n.top+g},a={left:Math.max(i.left,n.right-g-t.width),top:Math.max(i.top,n.bottom-g-t.height)},o=e=>Math.max(i.left,Math.min(e,a.left)),s=e=>Math.max(i.top,Math.min(e,a.top)),c=o(e.left),l=e.bottom+r;if(l<=a.top)return{left:c,top:l};let u=e.top-r-t.height;if(u>=i.top)return{left:c,top:u};let d=e.right+r;return{left:d<=a.left?d:o(e.left-r-t.width),top:s((e.top+e.bottom)/2-t.height/2)}}var v=e=>e>=1?e.toFixed(2):e>=.1?e.toFixed(3):e.toFixed(4),y={width:300,height:56},b=e=>[e[0],e[1],e[2]],x=e=>Array.isArray(e)&&e.length===3&&e.every(e=>typeof e==`number`);function S(e){if(typeof e!=`object`||!e)return;let t=e;if(t.allyhub===!0){if(t.type===`error`)return{type:`error`,message:typeof t.message==`string`?t.message:``};if(t.type===`scenery`&&typeof t.event==`object`)return{type:`scenery`,event:t.event}}}function C({className:e}){let n=o(),r=s(),i=h.of(r?.locale),a=r?.item?.dir,g=(0,p.useRef)(null),C=(0,p.useRef)(null),w=(0,p.useRef)(void 0),[T,E]=(0,p.useState)({n:0}),[D,O]=(0,p.useState)(),[k,A]=(0,p.useState)(),j=t(k),[M,N]=(0,p.useState)(),[P,F]=(0,p.useState)(),[I,L]=(0,p.useState)([]),[R,z]=(0,p.useState)(null),[B,V]=(0,p.useState)({hover:null,select:null}),[H,U]=(0,p.useState)(!1);(0,p.useEffect)(()=>{if(a===void 0)return;let e=!0,t=T.from;return c(n,`scenery/viewer`,{item:a,...t?{camera:{position:b(t.position),target:b(t.target)}}:{}}).then(t=>{e&&(O({n:T.n,url:t.url}),A(t.probe))},t=>{e&&F({n:T.n,message:t instanceof Error?t.message:String(t)})}),()=>{e=!1}},[n,a,T]),(0,p.useEffect)(()=>{if(a===void 0)return;let e,t=!0,r=n.on(`files/changed`,t=>{if(t.watch!==e)return;let n=w.current;E(e=>({n:e.n+1,...n?{from:n}:{}}))});return n[`files/watch`]({paths:[a,`components`,`assets`]}).then(r=>{t?e=r.watch:n[`files/unwatch`]({watch:r.watch})},()=>void 0),()=>{t=!1,r(),e!==void 0&&n[`files/unwatch`]({watch:e})}},[n,a]);let W=(0,p.useCallback)(e=>{g.current?.contentWindow?.postMessage({allyhub:!0,command:e},`*`)},[]),G=(0,p.useRef)(null);(0,p.useEffect)(()=>{G.current=R},[R]),(0,p.useEffect)(()=>{let e=e=>{if(!D||e.source!==g.current?.contentWindow)return;let t=S(e.data);if(!t)return;if(t.type===`error`){F({n:D.n,message:t.message});return}let n=t.event;switch(n.type){case`ready`:N(D.n),L(n.cameras),G.current&&W({type:`select`,path:G.current.path});return;case`select`:z(n.object);return;case`camera`:{let e=n.camera;x(e.target)&&(w.current={position:e.position,target:e.target,...e.lens===void 0?{}:{lens:e.lens}}),U(n.framed);return}case`place`:V({hover:n.hover,select:n.select});return;default:return}};return window.addEventListener(`message`,e),()=>{window.removeEventListener(`message`,e)}},[W,D]);let K=(0,p.useCallback)(()=>{R&&W({type:`select`,path:null}),z(null)},[W,R]),[q,J]=(0,p.useState)({width:0,height:0});(0,p.useEffect)(()=>{let e=C.current;if(!e)return;let t=new ResizeObserver(()=>{J({width:e.clientWidth,height:e.clientHeight})});return t.observe(e),()=>{t.disconnect()}},[]);let Y=R?B.select:null,X=R&&Y?_({left:Y.x,top:Y.y,right:Y.x+Y.width,bottom:Y.y+Y.height},y,{left:0,top:0,right:q.width,bottom:q.height}):void 0,Z=D!==void 0&&M===D.n,Q=P?.n===T.n?P.message:void 0;return(0,m.jsxs)(`div`,{ref:C,"data-testid":`scenery-viewer`,className:l(`bg-paper relative size-full overflow-hidden`,e),onKeyDown:e=>{e.key===`Escape`&&R&&K()},children:[D&&j!==void 0&&(0,m.jsx)(`iframe`,{ref:g,src:D.url,title:i.title,...j?{sandbox:`allow-scripts`}:{},"data-testid":`scenery-frame`,...Z?{"data-ready":``}:{},className:l(`absolute inset-0 size-full border-0 transition-opacity`,Z?`opacity-100`:`opacity-0`)},D.n),!Z&&Q===void 0&&(0,m.jsx)(`p`,{className:`text-lead absolute inset-0 grid place-items-center text-sm`,children:i.loading}),Q!==void 0&&(0,m.jsxs)(`div`,{role:`alert`,className:`absolute inset-x-6 top-6 text-sm`,"data-testid":`scenery-error`,children:[(0,m.jsx)(`p`,{className:`text-problem-text`,children:i.loadFailed}),Q&&(0,m.jsx)(`p`,{className:`text-lead mt-1 font-mono text-xs`,children:Q})]}),Z&&B.hover&&(0,m.jsx)(`div`,{"aria-hidden":!0,className:`border-pencil pointer-events-none absolute rounded-sm border border-dashed`,style:{left:B.hover.x,top:B.hover.y,width:B.hover.width,height:B.hover.height}}),Z&&R&&B.select&&(0,m.jsx)(`div`,{"aria-hidden":!0,className:`border-pencil pointer-events-none absolute rounded-sm border-2`,style:{left:B.select.x,top:B.select.y,width:B.select.width,height:B.select.height}}),Z&&(0,m.jsxs)(`div`,{className:`pointer-events-none absolute inset-x-3 bottom-3 flex flex-wrap items-center gap-1.5`,children:[I.map(e=>(0,m.jsx)(u,{size:`sm`,variant:`outline`,className:`bg-card pointer-events-auto`,"data-testid":`scenery-camera`,onClick:()=>{W({type:`camera`,name:e})},children:e},e)),H&&(0,m.jsxs)(u,{size:`sm`,variant:`outline`,className:`bg-card pointer-events-auto ml-auto`,"data-testid":`scenery-back`,onClick:()=>{W({type:`back`})},children:[(0,m.jsx)(d,{size:14}),i.back]})]}),X&&R&&(0,m.jsxs)(`div`,{role:`dialog`,"aria-label":R.path.join(` › `),"data-testid":`scenery-card`,className:`bg-card animate-set-in shadow-overlay absolute z-10 flex items-start gap-2 rounded-lg border p-3`,style:{left:X.left,top:X.top,width:y.width},children:[(0,m.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,m.jsx)(`p`,{className:`truncate text-sm font-semibold`,children:R.path.join(` › `)}),(0,m.jsx)(`p`,{className:`text-lead text-xs`,children:i.size(v(R.size[0]),v(R.size[1]),v(R.size[2]))})]}),(0,m.jsxs)(u,{size:`sm`,variant:`ghost`,"data-testid":`scenery-zoom`,onClick:()=>{W({type:`frame`,path:R.path})},children:[(0,m.jsx)(f,{size:14}),i.zoomIn]})]})]})}export{C as SceneryViewer};