@ahpd/web 0.3.1 → 0.4.0

package/dist/app/assets/SpatialLayout-Cote5YNZ.js

@@ -1 +0,0 @@
-import{t as e}from"./jsx-runtime-BguD1OXD.js";import{t}from"./react-CybPckBe.js";import{t as n}from"./colors-BieSUSt7.js";import{n as r}from"./ScenaProvider-6A3TJumQ.js";import{t as i}from"./ContextMenu-BV1gdog0.js";import{r as a}from"./Icon-CIQ7doud.js";import{r as o}from"./MountTitle-Bx_Vo8tF.js";var s=t(),c=e();function l({className:e,style:t,direction:n=`row`,align:r,justify:i,gap:a,children:o}){let s={...t};return r!==void 0&&(s.alignItems=r),i!==void 0&&(s.justifyContent=i),a!==void 0&&(s.gap=a),(0,c.jsx)(`div`,{className:[`oo-toolbar`,e].filter(Boolean).join(` `),"data-direction":n,style:s,children:o})}var u=(0,s.createContext)(null);function d(){let e=(0,s.useContext)(u);if(!e)throw Error(`useCampus() must be used inside <CampusView>`);return e}var f=(0,s.createContext)(1);function p(){return(0,s.useContext)(f)}var m={n:`ns-resize`,s:`ns-resize`,e:`ew-resize`,w:`ew-resize`,ne:`nesw-resize`,sw:`nesw-resize`,nw:`nwse-resize`,se:`nwse-resize`},h={w:80,h:60};function g(e,t,n,r,i,a){let o=t.x,s=t.y,c=t.w,l=t.h;return e.includes(`w`)&&(o=t.x+n,c=t.w-n),e.includes(`e`)&&(c=t.w+n),e.includes(`n`)&&(s=t.y+r,l=t.h-r),e.includes(`s`)&&(l=t.h+r),c<i.w&&(e.includes(`w`)&&(o=t.x+(t.w-i.w)),c=i.w),l<i.h&&(e.includes(`n`)&&(s=t.y+(t.h-i.h)),l=i.h),isFinite(a)&&(o<-a&&(e.includes(`w`)&&(c=t.x+t.w- -a),o=-a),s<-a&&(e.includes(`n`)&&(l=t.y+t.h- -a),s=-a),o+c>a&&(c=a-o),s+l>a&&(l=a-s)),{x:o,y:s,w:c,h:l}}function _(e,t,n,r){let i=e.x+t,a=e.y+n;return isFinite(r)&&(i=Math.max(-r,Math.min(r-e.w,i)),a=Math.max(-r,Math.min(r-e.h,a))),{...e,x:i,y:a}}function v({bounds:e,onCommit:t,minSize:n=h,resizable:r=!0,movable:i=!0,dragHandle:a=`[data-campus-drag]`,selected:o=!1,zIndex:l,children:u,onPointerDownCapture:f,onClick:m,onContextMenu:v,className:b,style:x,bodyStyle:S}){let{viewportRef:C,maxDepth:w}=d(),T=p(),[E,D]=(0,s.useState)(null),O=(0,s.useRef)(null),k=(0,s.useRef)(null),A=(0,s.useRef)(null);(0,s.useEffect)(()=>{D(null)},[e.x,e.y,e.w,e.h]);function j(){A.current&&=(D(A.current),null),k.current=null}function M(t,n){n.preventDefault(),n.stopPropagation(),n.currentTarget.setPointerCapture(n.pointerId),O.current={mode:t,startX:n.clientX,startY:n.clientY,start:E??e}}function N(e){if(!i)return;let t=e.target;t&&t.closest(a)&&M(`move`,e)}function P(e){let t=O.current;if(!t)return;let r=C.current.scale*T||1,i=(e.clientX-t.startX)/r,a=(e.clientY-t.startY)/r,o=t.mode===`move`?_(t.start,i,a,w):g(t.mode,t.start,i,a,n,w);A.current=o,k.current===null&&(k.current=requestAnimationFrame(j))}function F(n){if(!O.current)return;k.current!==null&&(cancelAnimationFrame(k.current),j()),n.currentTarget.releasePointerCapture(n.pointerId);let r=A.current??E??e;A.current=null,O.current=null,t(r)}let I=E??e,L={position:`absolute`,left:I.x,top:I.y,width:I.w,height:I.h,display:`flex`,flexDirection:`column`,overflow:`hidden`,zIndex:l??(o?10:1),background:`var(--oo-color-canvas)`,border:`1px solid ${o?`var(--oo-color-accent)`:`var(--oo-color-border)`}`,borderRadius:`var(--oo-radius-sm)`,boxShadow:o?`var(--oo-shadow-lg)`:`var(--oo-shadow-md)`,...x};return(0,c.jsxs)(`div`,{className:[`oo-campus-nodus`,b].filter(Boolean).join(` `),"data-selected":o,style:L,onPointerDownCapture:f,onPointerDown:N,onPointerMove:P,onPointerUp:F,onClick:m,onContextMenu:v,children:[(0,c.jsx)(`div`,{style:{flex:1,minHeight:0,display:`flex`,flexDirection:`column`,overflow:`hidden`,...S},children:u}),r?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(y,{mode:`n`,startDrag:M,onPointerMove:P,endDrag:F}),(0,c.jsx)(y,{mode:`s`,startDrag:M,onPointerMove:P,endDrag:F}),(0,c.jsx)(y,{mode:`e`,startDrag:M,onPointerMove:P,endDrag:F}),(0,c.jsx)(y,{mode:`w`,startDrag:M,onPointerMove:P,endDrag:F}),(0,c.jsx)(y,{mode:`nw`,startDrag:M,onPointerMove:P,endDrag:F}),(0,c.jsx)(y,{mode:`ne`,startDrag:M,onPointerMove:P,endDrag:F}),(0,c.jsx)(y,{mode:`sw`,startDrag:M,onPointerMove:P,endDrag:F}),(0,c.jsx)(y,{mode:`se`,startDrag:M,onPointerMove:P,endDrag:F})]}):null]})}function y({mode:e,startDrag:t,onPointerMove:n,endDrag:r}){let i=e.length===2,a;if(i)a={position:`absolute`,width:12,height:12,cursor:m[e],touchAction:`none`,zIndex:1,...e.includes(`n`)?{top:-6}:{bottom:-6},...e.includes(`w`)?{left:-6}:{right:-6}};else{let t=e===`n`||e===`s`;a={position:`absolute`,cursor:m[e],touchAction:`none`,zIndex:1,...t?{left:12,right:12,height:6,...e===`n`?{top:-3}:{bottom:-3}}:{top:12,bottom:12,width:6,...e===`w`?{left:-3}:{right:-3}}}}return(0,c.jsx)(`div`,{className:`oo-campus-nodus-resize oo-campus-nodus-resize--${e}`,onPointerDown:n=>t(e,n),onPointerMove:n,onPointerUp:r,style:a})}function b({zoom:e=1,pan:t,zIndex:n,className:r,style:i,children:a}){let o=t?.x??0,s=t?.y??0,l=o!==0||s!==0||e!==1?`translate(${o}px, ${s}px) scale(${e})`:void 0;return(0,c.jsx)(f.Provider,{value:e,children:(0,c.jsx)(`div`,{className:[`oo-campus-stratum`,r].filter(Boolean).join(` `),style:{position:`absolute`,left:0,top:0,width:0,height:0,transformOrigin:`0 0`,transform:l,zIndex:n,...i},children:a})})}function x({className:e,style:t,children:n}){return n==null||n===!1?null:(0,c.jsx)(`div`,{className:[`oo-campus-velum`,e].filter(Boolean).join(` `),style:{position:`absolute`,inset:0,pointerEvents:`none`,zIndex:30,...t},children:n})}var S=.1,C=4,w=1.1,T=9,E=.95,D=40,O=140;function k(e,t,n){return Math.max(t,Math.min(n,e))}function A(e){return`translate(${e.panX}px, ${e.panY}px) scale(${e.scale})`}function j(e,t,n,r,i){let a=k(e.scale,r,i);if(!isFinite(n))return{...e,scale:a};let{panX:o,panY:s}=e,c=n*a,l=n*a;return o=2*c>=t.w?k(o,t.w-c,c):t.w/2,s=2*l>=t.h?k(s,t.h-l,l):t.h/2,{scale:a,panX:o,panY:s}}function M({viewport:e,onViewportChange:t,maxDepth:n=1/0,minScale:r=S,maxScale:i=C,zoomStep:a=w,showGrid:o=!0,onBackgroundClick:l,onBackgroundContextMenu:d,nodes:f,nodeTypes:p,nodeLayers:m,defaultLayer:h,onNodeCommit:g,onNodeSelect:_,onNodeContextMenu:v,className:y,style:D,children:M,ref:F}){let I=(0,s.useRef)(null),L=(0,s.useRef)(null),R=(0,s.useRef)(a),z=(0,s.useRef)(r),B=(0,s.useRef)(i),V=(0,s.useRef)(Q),[H,U]=(0,s.useState)({w:0,h:0});(0,s.useEffect)(()=>{let e=I.current;if(!e)return;function t(){let t=e.getBoundingClientRect();U({w:t.width,h:t.height})}t();let n=new ResizeObserver(t);return n.observe(e),()=>n.disconnect()},[]);let W=(0,s.useRef)(e),G=(0,s.useRef)(new Set),K=(0,s.useCallback)(e=>(G.current.add(e),()=>{G.current.delete(e)}),[]);function q(){G.current.forEach(e=>e())}function ee(e){let t=L.current;t&&(t.style.transform=A(e))}let te=(0,s.useRef)(t);te.current=t;let J=(0,s.useRef)(null);function ne(){J.current!==null&&window.clearTimeout(J.current),J.current=window.setTimeout(()=>{J.current=null,te.current(W.current)},O)}(0,s.useEffect)(()=>()=>{J.current!==null&&window.clearTimeout(J.current)},[]),(0,s.useEffect)(()=>{let t=W.current;(e.scale!==t.scale||e.panX!==t.panX||e.panY!==t.panY)&&(W.current=e,ee(e),q())},[e]);let Y=(0,s.useRef)(null),X=(0,s.useRef)(null);function Z(e){let t=j(e,H,n,r,i);W.current=t,ee(t),q(),ne()}function Q(e){Y.current=e,X.current===null&&(X.current=requestAnimationFrame(()=>{X.current=null;let e=Y.current;Y.current=null,e&&Z(e)}))}(0,s.useEffect)(()=>{R.current=a,z.current=r,B.current=i,V.current=Q}),(0,s.useEffect)(()=>{let e=I.current;if(!e)return;function t(t){if(!e)return;let n=e.getBoundingClientRect(),r=W.current;if(t.ctrlKey||t.metaKey){t.preventDefault();let e=t.clientX-n.left,i=t.clientY-n.top,a=t.deltaY<0?R.current:1/R.current,o=k(r.scale*a,z.current,B.current),s=(e-r.panX)/r.scale,c=(i-r.panY)/r.scale;V.current({scale:o,panX:e-s*o,panY:i-c*o})}else{t.preventDefault();let e=-(t.shiftKey?t.deltaY:t.deltaX),n=-(t.shiftKey?0:t.deltaY);V.current({scale:r.scale,panX:r.panX+e,panY:r.panY+n})}}return e.addEventListener(`wheel`,t,{passive:!1}),()=>e.removeEventListener(`wheel`,t)},[]);let $=(0,s.useRef)(null);function re(e){return e===I.current||e===L.current}function ie(e){if(!re(e.target))return;e.currentTarget.setPointerCapture(e.pointerId);let t=W.current;$.current={startX:e.clientX,startY:e.clientY,startPanX:t.panX,startPanY:t.panY,moved:!1}}function ae(e){let t=$.current;if(!t)return;let n=e.clientX-t.startX,r=e.clientY-t.startY;!t.moved&&n*n+r*r<T||(!t.moved&&I.current&&(I.current.style.cursor=`grabbing`),t.moved=!0,Q({scale:W.current.scale,panX:t.startPanX+n,panY:t.startPanY+r}))}function oe(e){let t=$.current;t&&(e.currentTarget.releasePointerCapture(e.pointerId),$.current=null,I.current&&(I.current.style.cursor=``),t.moved||l?.())}function se(e){re(e.target)&&d?.(e)}(0,s.useImperativeHandle)(F,()=>({fitToView(e){let t=H;if(t.w===0||t.h===0)return;let a=e??(isFinite(n)?{x:-n,y:-n,w:2*n,h:2*n}:{x:0,y:0,w:0,h:0});if(a.w<=0||a.h<=0)return;let o=k(Math.min(t.w/a.w,t.h/a.h)*E,r,i),s=a.x+a.w/2,c=a.y+a.h/2;Z({scale:o,panX:t.w/2-s*o,panY:t.h/2-c*o})},centerOn(e,t){let n=H,r=W.current;n.w!==0&&n.h!==0&&Z({scale:r.scale,panX:n.w/2-e*r.scale,panY:n.h/2-t*r.scale})},resetViewport(){Z({scale:1,panX:0,panY:0})},zoomBy(e){ce(W.current.scale*e)},zoomToScale(e){ce(e)}}),[H,n,r,i]);function ce(e){let t=H;if(t.w===0||t.h===0)return;let n=W.current,a=k(e,r,i);if(a===n.scale)return;let o=t.w/2,s=t.h/2,c=(o-n.panX)/n.scale,l=(s-n.panY)/n.scale;Z({scale:a,panX:o-c*a,panY:s-l*a})}let le=(0,s.useMemo)(()=>{let e=Object.entries(m??{}).map(([e,t])=>({name:e,config:t})).sort((e,t)=>e.config.index-t.config.index),t=h??e[0]?.name??`default`,n=new Map;for(let e of f??[]){let r=e.layer&&m?.[e.layer]?e.layer:t,i=n.get(r);i?i.push(e):n.set(r,[e])}let r=[],i=new Set;for(let{name:t,config:a}of e)r.push({name:t,config:a,nodes:n.get(t)??[]}),i.add(t);for(let[e,t]of n)i.has(e)||r.push({name:e,config:{index:r.length},nodes:t});return r},[f,m,h]),ue=(0,s.useMemo)(()=>({viewportRef:W,subscribeViewport:K,container:H,maxDepth:n}),[K,H,n]);return(0,c.jsx)(u.Provider,{value:ue,children:(0,c.jsxs)(`div`,{ref:I,className:[`oo-campus`,y].filter(Boolean).join(` `),onPointerDown:ie,onPointerMove:ae,onPointerUp:oe,onContextMenu:se,style:{position:`relative`,width:`100%`,height:`100%`,overflow:`hidden`,background:`var(--oo-color-surface)`,touchAction:`none`,cursor:`default`,...D},children:[o?(0,c.jsx)(P,{}):null,(0,c.jsx)(`div`,{ref:L,className:`oo-campus-world`,style:{position:`absolute`,left:0,top:0,width:0,height:0,transform:A(W.current),transformOrigin:`0 0`},children:le.map(e=>(0,c.jsx)(b,{zoom:e.config.zoom,pan:e.config.pan,zIndex:e.config.index,children:e.nodes.map(e=>{let t=p?.[e.type];return t?(0,c.jsx)(N,{node:e,onCommit:g,onSelect:_,onContextMenu:v,children:(0,c.jsx)(t,{id:e.id,selected:!!e.selected,data:e.data})},e.id):null})},e.name))}),(0,c.jsx)(x,{children:M})]})})}function N({node:e,onCommit:t,onSelect:n,onContextMenu:r,children:i}){return(0,c.jsx)(v,{bounds:e.bounds,selected:e.selected,resizable:e.resizable,movable:e.movable,onCommit:n=>t?.(e.id,n),onPointerDownCapture:()=>{e.selected||n?.(e.id)},onContextMenu:t=>{t.preventDefault(),t.stopPropagation(),n?.(e.id),r?.(e.id,t)},children:i})}function P(){let{viewportRef:e,subscribeViewport:t}=d(),{panX:n,panY:r,scale:i}=(0,s.useSyncExternalStore)(t,()=>e.current),a=D*i,o=a<6?0:a>200?.04:Math.min(.12,a/200);if(o<=0)return null;let l=(n%a+a)%a,u=(r%a+a)%a,f=`rgba(128, 128, 128, ${o})`;return(0,c.jsx)(`div`,{className:`oo-campus-grid`,"aria-hidden":!0,style:{position:`absolute`,inset:0,pointerEvents:`none`,backgroundImage:`linear-gradient(to right, ${f} 1px, transparent 1px),linear-gradient(to bottom, ${f} 1px, transparent 1px)`,backgroundSize:`${a}px ${a}px, ${a}px ${a}px`,backgroundPosition:`${l}px ${u}px, ${l}px ${u}px`}})}var F=160,I=110,L=12,R={bottom:12,right:12};function z({nodes:e,onJumpTo:t,width:r=F,height:i=I,padding:a=L,anchor:o=R,className:l,style:u}){let{viewportRef:f,subscribeViewport:p,container:m}=d(),h=(0,s.useSyncExternalStore)(p,()=>f.current);if(m.w===0||m.h===0)return null;let g=1/0,_=1/0,v=-1/0,y=-1/0;for(let t of e)g=Math.min(g,t.bounds.x),_=Math.min(_,t.bounds.y),v=Math.max(v,t.bounds.x+t.bounds.w),y=Math.max(y,t.bounds.y+t.bounds.h);let b=-h.panX/h.scale,x=-h.panY/h.scale,S=b+m.w/h.scale,C=x+m.h/h.scale;isFinite(g)?(g=Math.min(g,b),_=Math.min(_,x),v=Math.max(v,S),y=Math.max(y,C)):(g=b,_=x,v=S,y=C);let w=Math.max(1,v-g),T=Math.max(1,y-_),E=r-a*2,D=i-a*2,O=Math.min(E/w,D/T);function k(e,t){return[a+(e-g)*O,a+(t-_)*O]}function A(e){let n=e.currentTarget.getBoundingClientRect(),r=e.clientX-n.left,i=e.clientY-n.top;t((r-a)/O+g,(i-a)/O+_)}let[j,M]=k(b,x),N=(S-b)*O,P=(C-x)*O;return(0,c.jsxs)(`div`,{className:[`oo-campus-mappa`,l].filter(Boolean).join(` `),onClick:A,onPointerDown:e=>e.stopPropagation(),style:{position:`absolute`,...o,width:r,height:i,pointerEvents:`auto`,background:`rgba(20, 20, 24, 0.75)`,backdropFilter:`blur(6px)`,WebkitBackdropFilter:`blur(6px)`,borderRadius:`var(--oo-radius-sm, 4px)`,boxShadow:`0 6px 20px rgba(0, 0, 0, 0.32)`,cursor:`crosshair`,zIndex:40,overflow:`hidden`,...u},children:[e.map(e=>{let[t,r]=k(e.bounds.x,e.bounds.y),i=Math.max(2,e.bounds.w*O),a=Math.max(2,e.bounds.h*O);return(0,c.jsx)(`div`,{title:e.id,style:{position:`absolute`,left:t,top:r,width:i,height:a,background:n(e.color,.85),border:e.selected?`1px solid rgba(255, 255, 255, 0.9)`:`1px solid rgba(255, 255, 255, 0.18)`,borderRadius:2,boxSizing:`border-box`}},e.id)}),(0,c.jsx)(`div`,{style:{position:`absolute`,left:j,top:M,width:N,height:P,border:`1px solid rgba(255, 255, 255, 0.9)`,background:`rgba(255, 255, 255, 0.06)`,pointerEvents:`none`,boxSizing:`border-box`}})]})}function B({selected:e,data:t}){let{mount:n,renderMount:i,onClose:s}=t,l=r().components.get(n.component.component)?.props,u=o(n,n.key),d=n.props?.icon??l?.icon,f=n.props?.color??l?.color;return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)(`div`,{className:`oo-spatial-card__header`,"data-campus-drag":!0,"data-color":f,style:{padding:`var(--oo-spacing-xs) var(--oo-spacing-sm)`,borderBottom:`1px solid var(--oo-color-border)`,fontSize:`var(--oo-font-size-xs)`,color:e?`inherit`:`var(--oo-color-muted)`,background:e?`var(--oo-color-active)`:`var(--oo-color-surface)`,display:`flex`,justifyContent:`space-between`,alignItems:`center`,cursor:`grab`,userSelect:`none`,touchAction:`none`,flex:`0 0 auto`},children:[(0,c.jsxs)(`span`,{title:u,style:{display:`inline-flex`,alignItems:`center`,gap:6,minWidth:0},children:[d?(0,c.jsx)(`span`,{className:`oo-spatial-card__icon`,"aria-hidden":!0,children:d}):null,(0,c.jsx)(`span`,{className:`oo-spatial-card__title`,style:{overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},children:u})]}),(0,c.jsx)(`span`,{onPointerDown:e=>e.stopPropagation(),onClick:e=>{e.stopPropagation(),s()},title:`Close`,style:{cursor:`pointer`},children:a.closePanel})]}),(0,c.jsx)(`div`,{className:`oo-spatial-card__body`,style:{flex:1,overflow:`auto`,minHeight:0},children:i(n)})]})}var V=960,H=768,U=36,W=40,G=16,K=8e3;function q(e,t,n){if(n===`grid`&&t>0){let n=Math.max(1,Math.floor(Math.sqrt(t))),r=e%n,i=Math.floor(e/n);return{x:G+r*976,y:G+i*784,w:V,h:H}}return{x:W+e*U,y:W+e*U,w:V,h:H}}var ee={scale:1,panX:0,panY:0},te={},J=1.1,ne={card:B},Y=`input, textarea, select, [contenteditable]:not([contenteditable="false"]), [role="textbox"], [role="combobox"], [role="listbox"], [role="menu"], [role="dialog"], [role="alertdialog"]`;function X({surface:e,mounts:t,state:n,setState:a,renderMount:o,renderEmpty:u,onClose:d,onActivate:f}){let p=r(),[m,h]=(0,s.useState)(null),[g,_]=(0,s.useState)(null),v=n.spatial?.arrangement??`cascade`,y=n.spatial?.bounds??te,b=n.spatial?.selectedKey,x=n.spatial?.viewport??ee,S=(0,s.useRef)({arrangement:v,bounds:y,selectedKey:b,viewport:x});S.current={arrangement:v,bounds:y,selectedKey:b,viewport:x};function C(e){let t={...S.current,...e};S.current=t,a({spatial:t})}function w(e){C({viewport:e})}let T=(0,s.useMemo)(()=>{let e={};return t.forEach((n,r)=>{v===`manual`?e[n.key]=y[n.key]??q(r,t.length,`cascade`):e[n.key]=q(r,t.length,v)}),e},[t,v,y]);function E(e){if(e===`manual`){let e={};for(let n of t)e[n.key]=T[n.key];C({arrangement:`manual`,bounds:e})}else C({arrangement:e,bounds:{}})}function D(e,n){if(S.current.arrangement!==`manual`){let r={};for(let e of t)r[e.key]=T[e.key];r[e]=n,C({arrangement:`manual`,bounds:r,selectedKey:e});return}C({bounds:{...S.current.bounds,[e]:n},selectedKey:e})}let O=(0,s.useRef)(void 0);function k(e){S.current.selectedKey!==e&&(C({selectedKey:e}),O.current=e,e&&f(e))}let A=(0,s.useRef)(null);function j(){if(t.length===0){A.current?.fitToView();return}let e=1/0,n=1/0,r=-1/0,i=-1/0;for(let a of t){let t=T[a.key];t&&(e=Math.min(e,t.x),n=Math.min(n,t.y),r=Math.max(r,t.x+t.w),i=Math.max(i,t.y+t.h))}isFinite(e)&&A.current?.fitToView({x:e,y:n,w:r-e,h:i-n})}function N(){let e=b;if(!e)return;let t=T[e];t&&A.current?.centerOn(t.x+t.w/2,t.y+t.h/2)}function P(e){let t=T[e];t&&A.current?.centerOn(t.x+t.w/2,t.y+t.h/2)}function F(e){let n=t.findIndex(t=>t.key===e);n<0||D(e,q(n,t.length,`cascade`))}let I=(0,s.useRef)({fitToView:j,resetViewport:()=>A.current?.resetViewport(),centerOnSelected:N,setArrangement:E,centerOnCard:P,resetBoundsForCard:F});I.current={fitToView:j,resetViewport:()=>A.current?.resetViewport(),centerOnSelected:N,setArrangement:E,centerOnCard:P,resetBoundsForCard:F};let L=n.activeContainerKey,R=L!==void 0&&t.some(e=>e.key===L);(0,s.useEffect)(()=>{if(L!==void 0&&R){if(O.current===L){O.current=void 0;return}S.current.selectedKey!==L&&C({selectedKey:L}),I.current.centerOnCard(L)}},[L,R]);let B=(0,s.useRef)(null),V=(0,s.useRef)(d);V.current=d,(0,s.useEffect)(()=>{function e(e){if(e.key!==`Escape`||e.defaultPrevented||e.repeat||e.ctrlKey||e.altKey||e.metaKey||e.shiftKey)return;let t=S.current.selectedKey;if(t===void 0)return;let n=e.target instanceof Element?e.target:null;(n===null||n===document.body||B.current?.contains(n))&&(n?.closest(Y)||(e.preventDefault(),V.current(t)))}return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[]),(0,s.useEffect)(()=>{let e=[p.commands.register({id:`surface.fitToView`,title:`Fit to view`,description:`Frame all cards`,icon:`⛶`,color:`blue`,slots:[`surface:context`],when:`$/surface/layoutId == "spatial"`,run:e=>{I.current.fitToView(),e.host?.closeMenu()}}),p.commands.register({id:`surface.resetZoom`,title:`Reset zoom`,icon:`↺`,slots:[`surface:context`],when:`$/surface/layoutId == "spatial"`,run:e=>{I.current.resetViewport(),e.host?.closeMenu()}}),p.commands.register({id:`surface.centerSelected`,title:`Center on selected`,icon:`◎`,color:`teal`,slots:[`surface:context`],when:`$/surface/layoutId == "spatial" && $/surface/hasSelection == true`,run:e=>{I.current.centerOnSelected(),e.host?.closeMenu()}}),p.commands.register({id:`surface.setArrangement.cascade`,title:`Arrange: Cascade`,icon:`▤`,slots:[`surface:context`],when:`$/surface/layoutId == "spatial" && $/surface/arrangement != "cascade"`,run:e=>{I.current.setArrangement(`cascade`),e.host?.closeMenu()}}),p.commands.register({id:`surface.setArrangement.grid`,title:`Arrange: Grid`,icon:`▦`,color:`violet`,slots:[`surface:context`],when:`$/surface/layoutId == "spatial" && $/surface/arrangement != "grid"`,run:e=>{I.current.setArrangement(`grid`),e.host?.closeMenu()}}),p.commands.register({id:`surface.setArrangement.manual`,title:`Arrange: Manual`,icon:`✥`,slots:[`surface:context`],when:`$/surface/layoutId == "spatial" && $/surface/arrangement != "manual"`,run:e=>{I.current.setArrangement(`manual`),e.host?.closeMenu()}}),p.commands.register({id:`card.centerOn`,title:`Center on this card`,icon:`◎`,color:`teal`,slots:[`card:context`],when:`$/surface/layoutId == "spatial"`,run:e=>{let t=e.store.get(`$/tab/key`);t&&(I.current.centerOnCard(t),e.host?.closeMenu())}}),p.commands.register({id:`card.resetBounds`,title:`Reset bounds`,description:`Recompute size + position`,icon:`↺`,slots:[`card:context`],when:`$/surface/layoutId == "spatial"`,run:e=>{let t=e.store.get(`$/tab/key`);t&&(I.current.resetBoundsForCard(t),e.host?.closeMenu())}})];return()=>{for(let t of e)t.dispose()}},[p]);let H=(0,s.useMemo)(()=>t.map(e=>({id:e.key,type:`card`,bounds:T[e.key],selected:e.key===b,data:{mount:e,renderMount:o,onClose:()=>d(e.key)}})),[t,T,b,o,d]),U=t.flatMap(e=>{let t=T[e.key];if(!t)return[];let n=p.components.get(e.component.component)?.opens?.color;return[{id:e.key,bounds:t,color:n,selected:e.key===b}]});function W(e){e.preventDefault(),h({x:e.clientX,y:e.clientY})}return t.length===0?u?.()??null:(0,c.jsxs)(`div`,{ref:B,className:`oo-layout oo-layout--spatial`,style:{display:`flex`,flexDirection:`column`,height:`100%`},children:[(0,c.jsxs)(l,{className:`oo-spatial-toolbar`,children:[(0,c.jsxs)(`label`,{style:{display:`flex`,gap:6,alignItems:`center`},children:[(0,c.jsx)(`span`,{style:{color:`var(--oo-color-muted)`},children:`arrange:`}),(0,c.jsxs)(`select`,{value:v,onChange:e=>E(e.target.value),children:[(0,c.jsx)(`option`,{value:`cascade`,children:`cascade`}),(0,c.jsx)(`option`,{value:`grid`,children:`grid`}),(0,c.jsx)(`option`,{value:`manual`,children:`manual`})]})]}),(0,c.jsx)(`button`,{type:`button`,onClick:()=>A.current?.zoomBy(1/J),title:`Zoom out`,"aria-label":`Zoom out`,children:`−`}),(0,c.jsx)($,{value:x.scale,onCommit:e=>A.current?.zoomToScale(e)}),(0,c.jsx)(`button`,{type:`button`,onClick:()=>A.current?.zoomBy(J),title:`Zoom in`,"aria-label":`Zoom in`,children:`+`}),(0,c.jsx)(`button`,{type:`button`,onClick:j,title:`Fit all cards to viewport`,children:`Fit`}),(0,c.jsx)(`button`,{type:`button`,onClick:()=>A.current?.resetViewport(),title:`Reset zoom + pan`,children:`Reset`}),(0,c.jsxs)(`span`,{style:{color:`var(--oo-color-muted)`,fontSize:`var(--oo-font-size-xs)`},children:[`drag header to move · drag edges to resize · ctrl+wheel zooms · drag empty area to pan · first drag locks to `,(0,c.jsx)(`em`,{children:`manual`})]})]}),(0,c.jsx)(`div`,{style:{flex:1,minHeight:0,position:`relative`},children:(0,c.jsx)(M,{ref:A,viewport:x,onViewportChange:w,maxDepth:K,nodes:H,nodeTypes:ne,onNodeCommit:(e,t)=>D(e,t),onNodeSelect:e=>k(e),onNodeContextMenu:(e,t)=>_({x:t.clientX,y:t.clientY,key:e}),onBackgroundClick:()=>k(void 0),onBackgroundContextMenu:W,children:(0,c.jsx)(z,{nodes:U,onJumpTo:(e,t)=>A.current?.centerOn(e,t)})})}),b?(0,c.jsx)(Z,{mount:t.find(e=>e.key===b),selectedKey:b,onCenter:()=>P(b),onReset:()=>F(b),onClose:()=>d(b),onDeselect:()=>k(void 0)}):null,m?(0,c.jsx)(i,{x:m.x,y:m.y,onClose:()=>h(null),spec:{query:{slot:`surface:context`},footerHints:!0},context:{"$/surface/name":e,"$/surface/layoutId":`spatial`,"$/surface/mountCount":t.length,"$/surface/closedHistory":0,"$/surface/arrangement":v,"$/surface/hasSelection":!!b}}):null,g?(0,c.jsx)(i,{x:g.x,y:g.y,onClose:()=>_(null),spec:{query:{slot:`card:context`},footerHints:!0},context:{"$/surface/name":e,"$/surface/layoutId":`spatial`,"$/surface/mountCount":t.length,"$/surface/closedHistory":0,"$/surface/arrangement":v,"$/tab/key":g.key,"$/tab/index":t.findIndex(e=>e.key===g.key),"$/tab/canSplit":!1,"$/tab/canMove":!1,"$/tab/isActive":g.key===b,"$/tab/isPinned":!1,"$/group/tabCount":t.length}}):null]})}function Z({mount:e,selectedKey:t,onCenter:n,onReset:r,onClose:i,onDeselect:a}){let s=o(e,t);return(0,c.jsxs)(`div`,{className:`oo-spatial-footer`,role:`toolbar`,"aria-label":`Selected card actions`,style:{position:`absolute`,bottom:16,left:`50%`,transform:`translateX(-50%)`,display:`flex`,alignItems:`center`,gap:4,padding:`6px 8px`,background:`rgba(20, 20, 24, 0.78)`,backdropFilter:`blur(8px)`,WebkitBackdropFilter:`blur(8px)`,borderRadius:9999,color:`#fff`,fontSize:`var(--oo-font-size-xs)`,boxShadow:`0 6px 20px rgba(0, 0, 0, 0.32)`,pointerEvents:`auto`,zIndex:50},onPointerDown:e=>e.stopPropagation(),children:[(0,c.jsx)(`span`,{style:{padding:`0 8px`,color:`rgba(255, 255, 255, 0.8)`,maxWidth:220,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},title:s,children:s}),(0,c.jsx)(Q,{icon:`◎`,label:`Center on this card`,onClick:n}),(0,c.jsx)(Q,{icon:`↺`,label:`Reset bounds`,onClick:r}),(0,c.jsx)(Q,{icon:`✕`,label:`Close`,onClick:i,variant:`danger`}),(0,c.jsx)(Q,{icon:`⊗`,label:`Deselect`,onClick:a})]})}function Q({icon:e,label:t,onClick:n,variant:r}){return(0,c.jsx)(`button`,{type:`button`,onClick:n,title:t,"aria-label":t,style:{width:28,height:28,display:`inline-flex`,alignItems:`center`,justifyContent:`center`,border:`none`,borderRadius:`50%`,background:`rgba(255, 255, 255, 0.08)`,color:r===`danger`?`rgb(255, 130, 130)`:`#fff`,cursor:`pointer`,font:`inherit`,lineHeight:1},onMouseEnter:e=>{e.currentTarget.style.background=`rgba(255, 255, 255, 0.18)`},onMouseLeave:e=>{e.currentTarget.style.background=`rgba(255, 255, 255, 0.08)`},children:e})}function $({value:e,onCommit:t}){let n=Math.round(e*100),[r,i]=(0,s.useState)(`${n}`),[a,o]=(0,s.useState)(!1);!a&&r!==`${n}`&&i(`${n}`);function l(){let e=parseInt(r,10);Number.isFinite(e)&&e>0?t(e/100):i(`${n}`),o(!1)}return(0,c.jsx)(`input`,{type:`text`,inputMode:`numeric`,value:a?r:`${n}%`,onFocus:e=>{o(!0),i(`${n}`),requestAnimationFrame(()=>e.target.select?.())},onChange:e=>i(e.target.value.replace(/[^\d]/g,``)),onBlur:l,onKeyDown:e=>{e.key===`Enter`?(e.preventDefault(),e.target.blur()):e.key===`Escape`&&(e.preventDefault(),i(`${n}`),o(!1),e.target.blur())},title:`Zoom percent`,"aria-label":`Zoom percent`,style:{width:56,textAlign:`center`,font:`inherit`,padding:`2px 4px`,border:`1px solid var(--oo-color-border)`,borderRadius:`var(--oo-radius-sm, 4px)`,background:`var(--oo-color-canvas)`,color:`inherit`}})}export{X as SpatialLayout};

package/dist/app/assets/Spinner-B-iOhBZq.js

@@ -1 +0,0 @@
-import{t as e}from"./jsx-runtime-BguD1OXD.js";import{r as t}from"./colors-BieSUSt7.js";var n=e();function r({label:e,size:r=16,color:i,inline:a=!0,style:o,className:s}){let c={"--oo-spinner-size":`${r}px`,"--oo-spinner-color":i?t(i):`var(--oo-color-accent)`,...a?{display:`inline-flex`}:{display:`flex`},...o};return(0,n.jsxs)(`span`,{role:`status`,"aria-live":`polite`,"aria-label":e??`Loading`,className:[`oo-spinner-wrap`,s].filter(Boolean).join(` `),style:c,children:[(0,n.jsx)(`span`,{className:`oo-spinner`,"aria-hidden":!0}),e?(0,n.jsx)(`span`,{className:`oo-spinner__label`,children:e}):null]})}export{r as t};

package/dist/app/assets/SplitLayout-CK5SuMF1.js

@@ -1 +0,0 @@
-import{t as e}from"./jsx-runtime-BguD1OXD.js";import{t}from"./react-CybPckBe.js";import{n}from"./ScenaProvider-6A3TJumQ.js";import{t as r}from"./ContextMenu-BV1gdog0.js";import{r as i}from"./Icon-CIQ7doud.js";import{t as a}from"./Divisor-hrrJK3bw.js";import{t as o}from"./MountTitle-Bx_Vo8tF.js";var s=e(),c=t(),l=.05,u=`application/x-scena-split-index`;function d({surface:e,mounts:t,state:d,setState:p,renderMount:m,renderEmpty:h,onClose:g,onReorder:_}){let v=n(),y=(0,c.useRef)(null),b=d.split?.order??[],x=new Set(b),S=b.map(e=>t.find(t=>t.key===e)).filter(e=>!!e),C=t.filter(e=>!x.has(e.key)),w=[...S,...C],T=w.length>0?1/w.length:1,E=(()=>{let e=d.split?.ratios;return e&&e.length===w.length?e:w.map(()=>T)})();function D(e,t){let n=t;if(w.length<2)return;let r=E.slice(0,n).reduce((e,t)=>e+t,0),i=(E[n]??0)+(E[n+1]??0);if(i<=0)return;let a=f(e-r,l,i-l),o=i-a;o<l&&(o=l,a=i-o);let s=[...E];s[n]=a,s[n+1]=o,p({split:{order:d.split?.order,ratios:s,collapsed:d.split?.collapsed}})}let[O,k]=(0,c.useState)(null),[A,j]=(0,c.useState)(null),[M,N]=(0,c.useState)(null);function P(e,t,n){e.preventDefault(),e.stopPropagation(),j({x:e.clientX,y:e.clientY,key:t,idx:n})}function F(e){e.target===e.currentTarget&&(e.preventDefault(),N({x:e.clientX,y:e.clientY}))}let I={"$/surface/name":e,"$/surface/layoutId":`split`,"$/surface/mountCount":t.length,"$/surface/closedHistory":0,"$/tab/canSplit":!1,"$/tab/canMove":!1,"$/group/canClose":!1,"$/group/canMaximize":!1};function L(e,t){e.dataTransfer.setData(u,String(t)),e.dataTransfer.effectAllowed=`move`}function R(e,t){e.dataTransfer.types.includes(u)&&(e.preventDefault(),e.dataTransfer.dropEffect=`move`,k(t))}function z(){k(null)}function B(e,t){if(!e.dataTransfer.types.includes(u))return;e.preventDefault();let n=Number(e.dataTransfer.getData(u));k(null),Number.isFinite(n)&&n!==t&&_(n,t)}return w.length===0?h?.()??null:(0,s.jsxs)(`div`,{ref:y,className:`oo-layout oo-layout--split`,style:{display:`flex`,flexDirection:`row`,height:`100%`,minHeight:0},onContextMenu:F,children:[w.map((e,t)=>{let n=v.components.get(e.component.component)?.props,r=e.props?.color??n?.color;return(0,s.jsxs)(c.Fragment,{children:[(0,s.jsxs)(`div`,{"data-pane-index":t,"data-drag-over":O===t,"data-color":r,className:`oo-split-pane`,style:{flex:E[t]??T,minWidth:0,overflow:`hidden`,display:`flex`,flexDirection:`column`},children:[(0,s.jsxs)(`div`,{className:`oo-split-pane-header`,draggable:!0,onDragStart:e=>L(e,t),onDragOver:e=>R(e,t),onDragLeave:z,onDrop:e=>B(e,t),onContextMenu:n=>P(n,e.key,t),style:{flex:`0 0 auto`,display:`flex`,alignItems:`center`,justifyContent:`space-between`,padding:`var(--oo-spacing-xs) var(--oo-spacing-sm)`,background:`var(--oo-color-surface)`,borderBottom:`1px solid var(--oo-color-border)`,fontSize:`var(--oo-font-size-xs)`,color:`var(--oo-color-muted)`,cursor:`grab`,userSelect:`none`},children:[(0,s.jsx)(o,{mount:e,fallback:e.key,iconClassName:`oo-split-pane-header__icon`,titleClassName:`oo-split-pane-header__title`}),(0,s.jsx)(`span`,{onClick:t=>{t.stopPropagation(),g(e.key)},title:`Close`,style:{cursor:`pointer`},children:i.closePanel})]}),(0,s.jsx)(`div`,{style:{flex:1,overflow:`auto`,minHeight:0},children:m(e)})]}),t<w.length-1?(0,s.jsx)(a,{id:t,direction:`row`,containerRef:y,onCommit:D}):null]},e.key)}),A?(0,s.jsx)(r,{x:A.x,y:A.y,onClose:()=>j(null),spec:{query:{slot:`tab:context`},footerHints:!0},context:{...I,"$/tab/key":A.key,"$/tab/index":A.idx,"$/tab/isActive":!0,"$/tab/isPinned":!1,"$/group/tabCount":t.length}}):null,M?(0,s.jsx)(r,{x:M.x,y:M.y,onClose:()=>N(null),spec:{query:{slot:`surface:context`},footerHints:!0},context:I}):null]})}function f(e,t,n){return Math.max(t,Math.min(n,e))}export{d as SplitLayout};

package/dist/app/assets/StackLayout-BUdng0sD.js

@@ -1 +0,0 @@
-import{t as e}from"./jsx-runtime-BguD1OXD.js";import{t}from"./react-CybPckBe.js";import{n}from"./ScenaProvider-6A3TJumQ.js";import{t as r}from"./ContextMenu-BV1gdog0.js";import{r as i}from"./Icon-CIQ7doud.js";import{n as a,t as o}from"./MountTitle-Bx_Vo8tF.js";var s=e(),c=t();function l({mounts:e,state:t,setState:o,title:l,icon:u,color:d}){let f=n(),p=t.split?.order??[],m=new Set(p),h=p.map(t=>e.find(e=>e.key===t)).filter(e=>!!e),g=e.filter(e=>!m.has(e.key)),_=[...h,...g],v=new Set(t.stack?.hidden??[]),[y,b]=(0,c.useState)(null);function x(e){o({stack:{...t.stack,hidden:[...e]}})}function S(e){let t=new Set(v);t.has(e)?t.delete(e):t.add(e),x(t)}function C(e){e.stopPropagation();let t=e.currentTarget.getBoundingClientRect();b({x:t.right,y:t.bottom+2})}return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(`div`,{className:`oo-stack-container-header`,"data-color":d,style:{flex:`0 0 auto`,display:`flex`,alignItems:`center`,justifyContent:`space-between`,padding:`var(--oo-spacing-xs) var(--oo-spacing-sm)`,background:`var(--oo-color-surface)`,borderBottom:`1px solid var(--oo-color-border)`,fontSize:`var(--oo-font-size-xs)`,textTransform:`uppercase`,letterSpacing:`0.06em`,color:`var(--oo-color-muted)`,userSelect:`none`,minWidth:0,minHeight:32},children:[(0,s.jsxs)(`span`,{style:{display:`inline-flex`,alignItems:`center`,gap:6},children:[u?(0,s.jsx)(`span`,{className:`oo-stack-container-header__icon`,"aria-hidden":!0,children:u}):null,(0,s.jsx)(`span`,{className:`oo-stack-container-header__title`,children:l})]}),(0,s.jsx)(`button`,{type:`button`,className:`oo-stack-container-header__overflow`,title:`Toggle panes`,"aria-label":`Toggle panes`,onClick:C,style:{background:`transparent`,border:`none`,color:`var(--oo-color-muted)`,cursor:`pointer`,font:`inherit`,padding:`0 4px`},children:i.moreHoriz})]}),y?(0,s.jsx)(r,{x:y.x,y:y.y,onClose:()=>b(null),spec:{footerHints:!0,items:_.map(e=>{let t=f.components.get(e.component.component)?.props,n=!v.has(e.key);return{title:a(f,e),icon:e.props?.icon??t?.icon,color:e.props?.color??t?.color,active:n,onSelect:t=>{S(e.key),t.closeMenu()}}})}}):null]})}var u=`application/x-scena-stack-index`;function d({surface:e,mounts:t,state:a,setState:d,renderMount:f,renderEmpty:p,onClose:m,onReorder:h}){let g=n(),_=a.split?.order??[],v=new Set(_),y=_.map(e=>t.find(t=>t.key===e)).filter(e=>!!e),b=t.filter(e=>!v.has(e.key)),x=[...y,...b],S=new Set(a.stack?.hidden??[]),C=x.filter(e=>!S.has(e.key)),w=a.stack?.container,T=new Set(a.split?.collapsed??[]),[E,D]=(0,c.useState)(null);function O(e){let t=new Set(T);t.has(e)?t.delete(e):t.add(e),d({split:{order:a.split?.order,ratios:a.split?.ratios,collapsed:[...t]}})}function k(e,t){e.dataTransfer.setData(u,String(t)),e.dataTransfer.effectAllowed=`move`}function A(e,t){e.dataTransfer.types.includes(u)&&(e.preventDefault(),e.dataTransfer.dropEffect=`move`,D(t))}function j(){D(null)}function M(e,t){if(!e.dataTransfer.types.includes(u))return;e.preventDefault();let n=Number(e.dataTransfer.getData(u));D(null),Number.isFinite(n)&&n!==t&&h(n,t)}let[N,P]=(0,c.useState)(null),[F,I]=(0,c.useState)(null);function L(e,t,n){e.preventDefault(),e.stopPropagation(),P({x:e.clientX,y:e.clientY,key:t,idx:n})}function R(e){e.target===e.currentTarget&&(e.preventDefault(),I({x:e.clientX,y:e.clientY}))}let z={"$/surface/name":e,"$/surface/layoutId":`stack`,"$/surface/mountCount":t.length,"$/surface/closedHistory":0,"$/tab/canSplit":!1,"$/tab/canMove":t.length>1,"$/group/canClose":!1,"$/group/canMaximize":!1};return C.length===0?p?.()??null:(0,s.jsxs)(`div`,{className:`oo-layout oo-layout--stack`,style:{display:`flex`,flexDirection:`column`,height:`100%`,minHeight:0},onContextMenu:R,children:[(0,s.jsx)(l,{title:w?.title??`Details`,icon:w?.icon,color:w?.color,mounts:t,state:a,setState:d}),C.map((e,t)=>{let n=T.has(e.key),r=g.components.get(e.component.component)?.props,a=e.props?.color??r?.color;return(0,s.jsxs)(`div`,{className:`oo-stack-section`,"data-collapsed":n,"data-drag-over":E===t,"data-color":a,style:{flex:n?`0 0 auto`:1,minHeight:0,display:`flex`,flexDirection:`column`,borderBottom:`1px solid var(--oo-color-border)`},children:[(0,s.jsxs)(`div`,{className:`oo-stack-header`,draggable:!0,onDragStart:e=>k(e,t),onDragOver:e=>A(e,t),onDragLeave:j,onDrop:e=>M(e,t),onClick:()=>O(e.key),onContextMenu:n=>L(n,e.key,t),style:{cursor:`grab`,padding:`var(--oo-spacing-xs) var(--oo-spacing-sm)`,background:`var(--oo-color-surface)`,fontSize:`var(--oo-font-size-xs)`,textTransform:`uppercase`,color:`var(--oo-color-muted)`,display:`flex`,justifyContent:`space-between`,alignItems:`center`,userSelect:`none`},children:[(0,s.jsxs)(`span`,{style:{display:`inline-flex`,alignItems:`center`,gap:6},children:[(0,s.jsx)(`span`,{"aria-hidden":!0,children:n?`▶`:`▼`}),(0,s.jsx)(o,{mount:e,fallback:e.key,iconClassName:`oo-stack-section__icon`,titleClassName:`oo-stack-section__title`})]}),(0,s.jsx)(`span`,{onClick:t=>{t.stopPropagation(),m(e.key)},title:`Close`,style:{cursor:`pointer`},children:i.closePanel})]}),n?null:(0,s.jsx)(`div`,{style:{flex:1,overflow:`auto`,minHeight:0},children:f(e)})]},e.key)}),N?(0,s.jsx)(r,{x:N.x,y:N.y,onClose:()=>P(null),spec:{query:{slot:`tab:context`},footerHints:!0},context:{...z,"$/tab/key":N.key,"$/tab/index":N.idx,"$/tab/isActive":!0,"$/tab/isPinned":!1,"$/group/tabCount":t.length}}):null,F?(0,s.jsx)(r,{x:F.x,y:F.y,onClose:()=>I(null),spec:{query:{slot:`surface:context`},footerHints:!0},context:z}):null]})}export{d as StackLayout};

package/dist/app/assets/Start-D5KBqSwf.js

@@ -1 +0,0 @@
-import{t as e}from"./jsx-runtime-BguD1OXD.js";import{n as t}from"./ScenaProvider-6A3TJumQ.js";import{t as n}from"./Button-_R1oktDz.js";import{b as r}from"./index-yhQX4tVS.js";var i=e();function a(){let e=t();return(0,i.jsxs)(`div`,{className:`web-start`,children:[(0,i.jsx)(r,{size:72}),(0,i.jsx)(`p`,{className:`web-note`,children:`Start a session, or open one from the list.`}),(0,i.jsx)(n,{label:`New session`,variant:`primary`,onClick:()=>void e.commands.execute(`ahp.newSession`)})]})}export{a as default};

package/dist/app/assets/TabLayout-ByKrZ0yM.js

@@ -1 +0,0 @@
-import{t as e}from"./jsx-runtime-BguD1OXD.js";import{t}from"./react-CybPckBe.js";import{n}from"./ScenaProvider-6A3TJumQ.js";import{t as r}from"./ContextMenu-BV1gdog0.js";import{r as i}from"./Icon-CIQ7doud.js";import{TabTitle as a}from"./TabPanelLayout-B4DWG6Zm.js";var o=e(),s=t(),c=`application/x-scena-tab-index`;function l({surface:e,mounts:t,state:l,renderMount:u,renderEmpty:d,onActivate:f,onClose:p,onReorder:m}){let h=n(),g=l.split?.order??[],_=new Set(g),v=g.map(e=>t.find(t=>t.key===e)).filter(e=>!!e),y=t.filter(e=>!_.has(e.key)),b=[...v,...y],x=b.find(e=>e.key===l.activeContainerKey)??b[b.length-1],S=new Set(l.split?.pinned??[]),C=x?h.commands.list({slot:`view/title`,enabled:!0}):[],w=x?.component.component,T={"$/surface/name":e,"$/tab/key":x?.key,"$/tab/component":typeof w==`string`?w:void 0},E=h.commands.list({slot:`surface/title`}).filter(e=>e.when===void 0||h.when.evaluate(e.when,T)),D=t=>{h.store.set(`$/surface/name`,e),h.store.set(`$/tab/key`,x?.key),h.commands.execute(t)},[O,k]=(0,s.useState)(null),[A,j]=(0,s.useState)(null),[M,N]=(0,s.useState)(null),[P,F]=(0,s.useState)(null),I=(0,s.useRef)(null);(0,s.useEffect)(()=>{let e=I.current;if(!e)return;function t(t){t.deltaY!==0&&(t.preventDefault(),e.scrollLeft+=t.deltaY)}return e.addEventListener(`wheel`,t,{passive:!1}),()=>e.removeEventListener(`wheel`,t)},[]);function L(e,t,n){e.preventDefault(),e.stopPropagation(),j({x:e.clientX,y:e.clientY,tabKey:t,tabIdx:n})}function R(e){let t=e.currentTarget.getBoundingClientRect();N({x:t.right,y:t.bottom+2})}function z(e){e.target===e.currentTarget&&(e.preventDefault(),F({x:e.clientX,y:e.clientY}))}function B(e,t){e.dataTransfer.setData(c,String(t)),e.dataTransfer.effectAllowed=`move`}function V(e,t){e.dataTransfer.types.includes(c)&&(e.preventDefault(),e.dataTransfer.dropEffect=`move`,k(t))}function H(){k(null)}function U(e,t){if(!e.dataTransfer.types.includes(c))return;e.preventDefault();let n=Number(e.dataTransfer.getData(c));k(null),Number.isFinite(n)&&n!==t&&m(n,t)}let W={"$/tab/canSplit":!1,"$/tab/canMove":!1,"$/group/canClose":!1,"$/group/canMaximize":!1,"$/surface/name":e,"$/surface/layoutId":`tab`,"$/surface/mountCount":t.length,"$/surface/closedHistory":0},G=A?b.find(e=>e.key===A.tabKey):void 0,K=G?h.mountMenus.collect(`tab:context`,G):void 0;return(0,o.jsxs)(`div`,{className:`oo-layout oo-layout--tab`,style:{display:`flex`,flexDirection:`column`,height:`100%`},children:[(0,o.jsxs)(`div`,{className:`tab-bar`,children:[(0,o.jsx)(`div`,{className:`tab-bar__strip`,ref:I,children:b.map((t,n)=>{let r=S.has(t.key);return(0,o.jsx)(a,{resourceKey:t.key,m:t,idx:n,isPinned:r,isActive:t===x,dragOverTab:O,onDragStart:e=>B(e,n),onDragOver:e=>V(e,n),onDragLeave:H,onDrop:e=>U(e,n),onClick:()=>f(t.key),onContextMenu:e=>L(e,t.key,n),onClose:e=>{e.stopPropagation(),p(t.key)},onUnpin:n=>{n.stopPropagation(),h.store.set(`$/tab/key`,t.key),h.store.set(`$/surface/name`,e),h.commands.execute(`tab.unpin`)}},t.key)})}),(0,o.jsxs)(`div`,{className:`tab-bar__extras`,children:[C.map((e,t)=>{let n=typeof e.title==`function`?e.title():e.title;return(0,o.jsxs)(`button`,{onClick:()=>h.commands.execute(e.id),title:String(n),children:[e.icon?`${e.icon} `:``,String(n)]},t)}),E.map(e=>{let t=String(typeof e.title==`function`?e.title():e.title);return(0,o.jsx)(`button`,{onClick:()=>D(e.id),title:t,"aria-label":t,children:e.icon??t},e.id)}),(0,o.jsx)(`button`,{className:`tab-bar__more`,title:`Group actions`,"aria-label":`Group actions`,onClick:R,children:i.moreHoriz})]})]}),(0,o.jsx)(`div`,{style:{flex:1,minHeight:0,position:`relative`},onContextMenu:z,children:b.length===0?d?.()??null:b.map(e=>(0,o.jsx)(`div`,{className:`oo-layout__mount`,"data-active":e===x||void 0,style:{height:`100%`,overflow:`auto`,display:e===x?`block`:`none`},children:u(e)},e.key))}),A?(0,o.jsx)(r,{x:A.x,y:A.y,onClose:()=>j(null),spec:{query:{slot:`tab:context`},extraItems:K,footerHints:!0},context:{...W,"$/tab/key":A.tabKey,"$/tab/index":A.tabIdx,"$/tab/isActive":A.tabKey===x?.key,"$/tab/isPinned":S.has(A.tabKey),"$/group/tabCount":b.length}}):null,M?(0,o.jsx)(r,{x:M.x,y:M.y,onClose:()=>N(null),spec:{query:{slot:`tab-group:context`},footerHints:!0},context:{...W,"$/group/tabCount":b.length}}):null,P?(0,o.jsx)(r,{x:P.x,y:P.y,onClose:()=>F(null),spec:{query:{slot:`surface:context`},footerHints:!0},context:W}):null]})}export{l as TabLayout};

package/dist/app/assets/TabPanelLayout-B4DWG6Zm.js

@@ -1 +0,0 @@
-import{t as e}from"./jsx-runtime-BguD1OXD.js";import{t}from"./react-CybPckBe.js";import{n}from"./colors-BieSUSt7.js";import{n as r}from"./ScenaProvider-6A3TJumQ.js";import{t as i}from"./ContextMenu-BV1gdog0.js";import{r as a}from"./Icon-CIQ7doud.js";import{t as o}from"./Divisor-hrrJK3bw.js";import{t as s}from"./useStoreLabel-BuZT1So6.js";var c=e(),l=t(),u=`application/x-scena-tab-panel`,d=.2,f=.05;function p(){return`g_${Math.random().toString(36).slice(2,10)}`}function m(e,t){return{kind:`leaf`,id:p(),tabs:e,activeKey:t}}function h(e,t){if(e.kind===`leaf`){for(let n of e.tabs)t.add(n);return}h(e.first,t),h(e.second,t)}function g(e,t){if(e.kind===`leaf`){t.push(e);return}g(e.first,t),g(e.second,t)}function _(e,t){if(e.kind===`leaf`){let n=e.tabs.filter(e=>t.has(e)),r=e.activeKey&&t.has(e.activeKey)?e.activeKey:n[0];return{...e,tabs:n,activeKey:r}}return{...e,first:_(e.first,t),second:_(e.second,t)}}function v(e,t){if(e.kind===`leaf`)return t(e);let n=v(e.first,t),r=v(e.second,t);return n&&r?{...e,first:n,second:r}:n??r}function y(e,t,n){return e.kind===`leaf`?e.id===t?n:e:{...e,first:y(e.first,t,n),second:y(e.second,t,n)}}function b(e,t,n){return e.kind===`leaf`?e:t(e)?{...e,...n}:{...e,first:b(e.first,t,n),second:b(e.second,t,n)}}function x(e,t){if(e.kind===`leaf`){if(t.has(e.id)){let n=p();return t.add(n),{...e,id:n}}return t.add(e.id),e}return{...e,first:x(e.first,t),second:x(e.second,t)}}function S(e,t,n){let r=new Set(t),i=e?x(_(e,r),new Set):m([...t],n),a=new Set;h(i,a);let o=t.filter(e=>!a.has(e));if(o.length>0){let e=[];g(i,e);let t=n&&e.find(e=>e.tabs.includes(n))||e.find(e=>e.tabs.length>0)||e[0];if(t){let e=n&&o.includes(n)?n:o[o.length-1];i=y(i,t.id,{...t,tabs:[...t.tabs,...o],activeKey:e})}}if(n){let e=v(i,e=>e.tabs.includes(n)&&e.activeKey!==n?{...e,activeKey:n}:e);e&&(i=e)}return{tree:i}}function C(e,t){return e===t?!0:!e||!t||e.kind!==t.kind?!1:e.kind===`leaf`&&t.kind===`leaf`?e.id===t.id&&e.activeKey===t.activeKey&&e.tabs.length===t.tabs.length&&e.tabs.every((e,n)=>e===t.tabs[n]):e.kind===`split`&&t.kind===`split`&&e.direction===t.direction&&(e.ratio??.5)===(t.ratio??.5)&&C(e.first,t.first)&&C(e.second,t.second)}function w({leaf:e,ctx:t}){let n=r(),o=e.activeKey??e.tabs[0],[s,f]=(0,l.useState)(null),[p,m]=(0,l.useState)(null),h=(0,l.useRef)(null),g=(0,l.useRef)(null);(0,l.useEffect)(()=>{let e=g.current;if(!e)return;function t(t){t.deltaY!==0&&(t.preventDefault(),e.scrollLeft+=t.deltaY)}return e.addEventListener(`wheel`,t,{passive:!1}),()=>e.removeEventListener(`wheel`,t)},[]),(0,l.useEffect)(()=>{let e=()=>{m(null),f(null)};return window.addEventListener(`dragend`,e),window.addEventListener(`drop`,e),()=>{window.removeEventListener(`dragend`,e),window.removeEventListener(`drop`,e)}},[]);function _(n){let r=v(t.tree,t=>t.id===e.id?{...t,activeKey:n}:t);r&&t.commit(r),t.onActivate(n)}function y(t,n){let r={sourceLeafId:e.id,tabKey:n};t.dataTransfer.setData(u,JSON.stringify(r)),t.dataTransfer.effectAllowed=`move`}function b(e,t){e.dataTransfer.types.includes(u)&&(e.preventDefault(),e.dataTransfer.dropEffect=`move`,f(t))}function x(){f(null)}function S(n,r){if(!n.dataTransfer.types.includes(u))return;n.preventDefault(),f(null);let i=E(n);i&&O(t,i,e.id,r)}function C(e){let t=h.current;if(!t)return null;let n=t.getBoundingClientRect();if(n.width<=0||n.height<=0)return null;let r=(e.clientX-n.left)/n.width,i=(e.clientY-n.top)/n.height;return i<d?`top`:i>.8?`bottom`:r<d?`left`:r>.8?`right`:`center`}function w(e){e.dataTransfer.types.includes(u)&&(e.preventDefault(),e.dataTransfer.dropEffect=`move`,m(C(e)))}function D(e){let t=e.relatedTarget;(!t||!e.currentTarget.contains(t))&&m(null)}function A(n){if(!n.dataTransfer.types.includes(u))return;n.preventDefault();let r=C(n);m(null);let i=E(n);i&&r&&(r===`center`?O(t,i,e.id,e.tabs.length):k(t,i,e.id,r))}let[j,M]=(0,l.useState)(null);function N(e){e.stopPropagation();let t=e.currentTarget.getBoundingClientRect();M({x:t.right-4,y:t.bottom+2})}function F(){M(null)}let[I,L]=(0,l.useState)(null);function R(e,t,n){e.preventDefault(),L({x:e.clientX,y:e.clientY,tabKey:t,tabIdx:n})}function z(){L(null)}let B=I?t.mounts.find(e=>e.key===I.tabKey):void 0,V=B?n.mountMenus.collect(`tab:context`,B):void 0;return(0,c.jsxs)(`div`,{className:`oo-tab-panel-group`,"data-leaf-id":e.id,style:{flex:1,minWidth:0,minHeight:0,display:`flex`,flexDirection:`column`,overflow:`hidden`},children:[(0,c.jsxs)(`div`,{className:`tab-bar`,children:[(0,c.jsx)(`div`,{className:`tab-bar__strip`,ref:g,children:e.tabs.map((e,r)=>{let i=t.mounts.find(t=>t.key===e);return(0,c.jsx)(P,{resourceKey:e,idx:r,m:i,isActive:e===o,isPinned:t.pinned.has(e),dragOverTab:s,onDragStart:t=>y(t,e),onDragOver:e=>b(e,r),onDragLeave:x,onDrop:e=>S(e,r),onClick:()=>_(e),onContextMenu:t=>R(t,e,r),onClose:()=>t.onClose(e),onUnpin:r=>{r.stopPropagation(),n.store.set(`$/tab/key`,e),n.store.set(`$/surface/name`,t.surface),n.commands.execute(`tab.unpin`)}},e)})}),(0,c.jsx)(`div`,{className:`tab-bar__extras`,children:(0,c.jsx)(`button`,{className:`tab-bar__more`,title:`Group actions`,"aria-label":`Group actions`,onClick:N,children:a.moreHoriz})})]}),(0,c.jsxs)(`div`,{ref:h,onDragOver:w,onDragLeave:D,onDrop:A,style:{flex:1,minHeight:0,position:`relative`,overflow:`auto`},children:[e.tabs.length===0?t.mounts.length===0?t.renderEmpty?.()??null:(0,c.jsx)(`div`,{style:{padding:24,color:`var(--oo-color-muted)`},children:`Empty group. Drag a tab here.`}):e.tabs.map(e=>{let n=t.mounts.find(t=>t.key===e);return n?(0,c.jsx)(`div`,{className:`oo-layout__mount`,"data-active":e===o||void 0,style:{position:`absolute`,inset:0,overflow:`auto`,display:e===o?`block`:`none`},children:t.renderMount(n)},e):null}),p?(0,c.jsx)(T,{zone:p}):null]}),j?(0,c.jsx)(i,{x:j.x,y:j.y,onClose:F,spec:{query:{slot:`tab-group:context`},footerHints:!0},context:{"$/surface/name":t.surface,"$/surface/layoutId":`tab-panel`,"$/surface/mountCount":t.mounts.length,"$/surface/closedHistory":0,"$/group/key":e.id,"$/group/tabCount":e.tabs.length,"$/group/canClose":!0,"$/group/canMaximize":!1,"$/tab/canSplit":!0,"$/tab/canMove":t.leafCount>1}}):null,I?(0,c.jsx)(i,{x:I.x,y:I.y,onClose:z,spec:{query:{slot:`tab:context`},extraItems:V,footerHints:!0},context:{"$/surface/name":t.surface,"$/surface/layoutId":`tab-panel`,"$/surface/mountCount":t.mounts.length,"$/surface/closedHistory":0,"$/group/key":e.id,"$/group/tabCount":e.tabs.length,"$/group/canClose":!0,"$/tab/key":I.tabKey,"$/tab/index":I.tabIdx,"$/tab/leafId":e.id,"$/tab/isActive":I.tabKey===o,"$/tab/isPinned":t.pinned.has(I.tabKey),"$/tab/canSplit":!0,"$/tab/canMove":t.leafCount>1}}):null]})}function T({zone:e}){let t={position:`absolute`,pointerEvents:`none`,background:`rgba(59,130,246,0.12)`,border:`2px solid rgba(59,130,246,0.6)`,boxSizing:`border-box`,zIndex:5,transition:`all 80ms ease-out`},n=(()=>{switch(e){case`center`:return{...t,inset:0};case`top`:return{...t,top:0,left:0,right:0,height:`50%`};case`bottom`:return{...t,bottom:0,left:0,right:0,height:`50%`};case`left`:return{...t,top:0,bottom:0,left:0,width:`50%`};case`right`:return{...t,top:0,bottom:0,right:0,width:`50%`}}})();return(0,c.jsx)(`div`,{className:`oo-tab-panel-drop-preview`,style:n})}function E(e){let t=e.dataTransfer.getData(u);if(!t)return null;try{let e=JSON.parse(t);return typeof e.sourceLeafId!=`string`||typeof e.tabKey!=`string`?null:e}catch{return null}}function D(e,t){return v(e,e=>{if(!e.tabs.includes(t))return e;let n=e.tabs.filter(e=>e!==t);return n.length===0?null:{...e,tabs:n,activeKey:e.activeKey===t?n[0]:e.activeKey}})}function O(e,t,n,r){if(t.sourceLeafId===n){let i=v(e.tree,e=>{if(e.id!==n)return e;let i=e.tabs.indexOf(t.tabKey);if(i===-1)return e;let a=[...e.tabs];a.splice(i,1);let o=i<r?r-1:r;return a.splice(o,0,t.tabKey),{...e,tabs:a,activeKey:t.tabKey}});i&&e.commit(i),e.onActivate(t.tabKey);return}let i=D(e.tree,t.tabKey);if(!i)return;let a=v(i,e=>{if(e.id!==n)return e;let i=[...e.tabs],a=Math.max(0,Math.min(r,i.length));return i.splice(a,0,t.tabKey),{...e,tabs:i,activeKey:t.tabKey}});a&&e.commit(a),e.onActivate(t.tabKey)}function k(e,t,n,r){let i=e.tree,a=A(i,t.sourceLeafId);if(a&&a.id===n&&a.tabs.length===1||(i=D(i,t.tabKey),!i))return;let o=A(i,n);if(!o)return;let s=m([t.tabKey],t.tabKey),c=y(i,n,{kind:`split`,direction:r===`left`||r===`right`?`row`:`column`,ratio:.5,first:r===`left`||r===`top`?s:o,second:r===`left`||r===`top`?o:s});e.commit(c),e.onActivate(t.tabKey)}function A(e,t){return e.kind===`leaf`?e.id===t?e:null:A(e.first,t)||A(e.second,t)}function j({node:e,ctx:t}){return e.kind===`leaf`?(0,c.jsx)(w,{leaf:e,ctx:t}):(0,c.jsx)(M,{node:e,ctx:t})}function M({node:e,ctx:t}){let n=(0,l.useRef)(null),r=e.ratio??.5;function i(n){let r=b(t.tree,t=>t===e,{ratio:n});t.commit(r)}let a=e.direction===`row`;return(0,c.jsxs)(`div`,{ref:n,className:`oo-tab-panel-split`,"data-direction":e.direction,style:{display:`flex`,flexDirection:a?`row`:`column`,flex:1,minWidth:0,minHeight:0},children:[(0,c.jsx)(`div`,{style:{flex:r,minWidth:0,minHeight:0,display:`flex`},children:(0,c.jsx)(j,{node:e.first,ctx:t})}),(0,c.jsx)(o,{direction:e.direction===`row`?`row`:`col`,containerRef:n,min:f,max:.95,onCommit:i}),(0,c.jsx)(`div`,{style:{flex:1-r,minWidth:0,minHeight:0,display:`flex`},children:(0,c.jsx)(j,{node:e.second,ctx:t})})]})}function N({surface:e,mounts:t,state:n,setState:r,renderMount:i,renderEmpty:a,onActivate:o,onClose:s}){let u=t.map(e=>e.key),{tree:d}=S(n.tabPanel?.tree,u,n.activeContainerKey);(0,l.useEffect)(()=>{C(n.tabPanel?.tree,d)||r({tabPanel:{tree:d}})});let f=[];g(d,f);let p={surface:e,mounts:t,renderMount:i,renderEmpty:a,onActivate:o,onClose:s,tree:d,commit:e=>r({tabPanel:{tree:e}}),leafCount:f.length,pinned:new Set(n.split?.pinned??[])};return(0,c.jsx)(`div`,{className:`oo-layout oo-layout--tab-panel`,style:{display:`flex`,height:`100%`,minHeight:0},children:(0,c.jsx)(j,{node:d,ctx:p})})}function P({m:e,resourceKey:t,isActive:i,dragOverTab:o,idx:l,onDragStart:u,onDragOver:d,onDragLeave:f,onDrop:p,onClick:m,onContextMenu:h,onClose:g,onUnpin:_,isPinned:v}){let y=r(),b=e?y.components.get(e.component.component)?.props:void 0,x=s(e?.props?.title??b?.title,``,e?.dataContext)||t,S=e?.props?.icon??b?.icon,C=e?.props?.color??b?.color;return(0,c.jsxs)(`div`,{className:`tab-bar__tab`,"data-active":i,"data-drag-over":o===l?`true`:void 0,"data-color":C,"data-pinned":v||void 0,draggable:!0,onDragStart:u,onDragOver:d,onDragLeave:f,onDrop:p,onClick:m,onContextMenu:h,title:x,style:{...C?{"--tab-color":n(C)}:{}},children:[S?(0,c.jsx)(`span`,{className:`tab__icon`,"aria-hidden":!0,children:S}):null,(0,c.jsx)(`span`,{className:`tab__label`,children:x}),v?(0,c.jsx)(`span`,{className:`pin`,onClick:e=>{e.stopPropagation(),_(e)},title:`Unpin`,children:a.pin}):(0,c.jsx)(`span`,{className:`close`,onClick:e=>{e.stopPropagation(),g(e)},title:`Close`,children:a.closePanel})]})}export{N as TabPanelLayout,P as TabTitle};