react-zeugma 6.9.0 → 6.9.1

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { U as UseZeugmaOptions, Z as ZeugmaController, a as ZeugmaProps, S as SplitDirection, T as TreeNode, b as SplitNode, R as RenderTabProps, c as TabDetails } from './types-u7NTLFqJ.cjs';
-export { D as DragOverlayActiveItem, P as PaneNode, d as ZeugmaClassNames } from './types-u7NTLFqJ.cjs';
+import { U as UseZeugmaOptions, Z as ZeugmaController, a as ZeugmaProps, S as SplitDirection, T as TreeNode, b as SplitNode, R as RenderTabProps, c as TabDetails } from './types-V7PXu-Mo.cjs';
+export { D as DragOverlayActiveItem, P as PaneNode, d as ZeugmaClassNames } from './types-V7PXu-Mo.cjs';
 import React from 'react';
 
 declare function useZeugma(options: UseZeugmaOptions): ZeugmaController;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { U as UseZeugmaOptions, Z as ZeugmaController, a as ZeugmaProps, S as SplitDirection, T as TreeNode, b as SplitNode, R as RenderTabProps, c as TabDetails } from './types-u7NTLFqJ.js';
-export { D as DragOverlayActiveItem, P as PaneNode, d as ZeugmaClassNames } from './types-u7NTLFqJ.js';
+import { U as UseZeugmaOptions, Z as ZeugmaController, a as ZeugmaProps, S as SplitDirection, T as TreeNode, b as SplitNode, R as RenderTabProps, c as TabDetails } from './types-V7PXu-Mo.js';
+export { D as DragOverlayActiveItem, P as PaneNode, d as ZeugmaClassNames } from './types-V7PXu-Mo.js';
 import React from 'react';
 
 declare function useZeugma(options: UseZeugmaOptions): ZeugmaController;

package/dist/index.js

@@ -1,4 +1,4 @@
-import ge,{createContext,useState,useRef,useEffect,useCallback,useMemo,useContext}from'react';import {useDraggable,DndContext,useDroppable,useSensors,useSensor,pointerWithin,closestCenter,PointerSensor,TouchSensor}from'@dnd-kit/core';import {jsx,Fragment,jsxs}from'react/jsx-runtime';import {createPortal}from'react-dom';function xt({cursor:e,resizerEl:t,onMove:n,onEnd:r}){document.body.classList.add("zeugma-resizing");let o=document.createElement("style");o.id="zeugma-global-cursor-style",o.textContent=`
+import me,{createContext,useState,useRef,useEffect,useContext,useCallback,useMemo}from'react';import {useDraggable,DndContext,useDroppable,useSensors,useSensor,pointerWithin,closestCenter,PointerSensor,TouchSensor}from'@dnd-kit/core';import {jsx,Fragment,jsxs}from'react/jsx-runtime';import {createPortal}from'react-dom';function Ct({cursor:e,resizerEl:t,onMove:n,onEnd:r}){document.body.classList.add("zeugma-resizing");let o=document.createElement("style");o.id="zeugma-global-cursor-style",o.textContent=`
     * {
       cursor: ${e} !important;
       user-select: none !important;
@@ -6,6 +6,6 @@ import ge,{createContext,useState,useRef,useEffect,useCallback,useMemo,useContex
     .zeugma-resizing *:not([role="separator"]) {
       pointer-events: none !important;
     }
-  `,document.head.appendChild(o),t.setAttribute("data-resizing","true");let c=a=>{n(a);},s=()=>{document.body.classList.remove("zeugma-resizing"),t.removeAttribute("data-resizing");let a=document.getElementById("zeugma-global-cursor-style");a&&a.remove(),document.removeEventListener("pointermove",c),document.removeEventListener("pointerup",s),r();};document.addEventListener("pointermove",c),document.addEventListener("pointerup",s);}function ke(e){try{return JSON.stringify(e)}catch{return ""}}var st=createContext(void 0),xe=createContext(void 0),ye=createContext(void 0),lt=createContext(void 0),ae=()=>{let e=useContext(st);if(!e)throw new Error("useZeugmaState must be used within a Zeugma provider");return e},Me=()=>{let e=useContext(xe);if(!e)throw new Error("useZeugmaActions must be used within a Zeugma provider");return e},Ve=()=>{let e=useContext(lt);if(!e)throw new Error("useZeugmaDrag must be used within a Zeugma provider");return e};function wt(e){let t=useRef(null);return useEffect(()=>{if(!e){t.current=null;return}let n=o=>{t.current={x:o.clientX,y:o.clientY};},r=o=>{let c=o.touches[0]||o.changedTouches[0];c&&(t.current={x:c.clientX,y:c.clientY});};return window.addEventListener("pointermove",n,{passive:true}),window.addEventListener("touchmove",r,{passive:true}),()=>{window.removeEventListener("pointermove",n),window.removeEventListener("touchmove",r);}},[e]),t}function Dt(e){useEffect(()=>(e?document.body.style.setProperty("cursor","not-allowed","important"):document.body.style.removeProperty("cursor"),()=>{document.body.style.removeProperty("cursor");}),[e]);}function Ct(){let[e,t]=useState({}),[n,r]=useState({}),o=useRef({}),c=useRef(null),s=useRef({}),a=useRef(null),l=useRef(true);useEffect(()=>(l.current=true,()=>{l.current=false;}),[]);let f=useCallback((u,m,P)=>{l.current&&t(g=>{if(!m){if(P&&g[u]!==P||!g[u])return g;let S={...g};return delete S[u],S}return g[u]===m?g:{...g,[u]:m}});},[]),i=useCallback((u,m)=>{l.current&&r(P=>{if(!m){if(!P[u])return P;let g={...P};return delete g[u],g}return P[u]===m?P:{...P,[u]:m}});},[]),h=useCallback((u,m)=>{o.current[u]=m;},[]),T=useCallback(u=>{c.current=u;},[]),b=useCallback((u,m)=>{s.current[u]=m;},[]);return {portalTargets:useMemo(()=>({...e,...n}),[e,n]),registerPortalTarget:f,registerPopoutTarget:i,registerRenderCallback:h,renderCallbacksRef:o,registerRenderPane:T,renderPaneRef:c,registerTabHeader:b,tabHeadersRef:s,activeIdRef:a}}function Sn(e){let t=new Set;function n(r){r&&(r.type==="pane"?r.tabIds.forEach(o=>{t.add(o);}):r.type==="split"&&(n(r.first),n(r.second)));}return n(e),Array.from(t).sort()}function St(e){return useMemo(()=>Sn(e),[e])}function Et(e){let{onDragStart:t,onDragEnd:n}=e,[r,o]=useState(null),[c,s]=useState(null),a=useCallback(f=>{t&&t(f);},[t]),l=useCallback((f,i,h)=>{n&&n(f,i,h);},[n]);return {overTabId:r,setOverTabId:o,overTabPosition:c,setOverTabPosition:s,handleDragStartInternal:a,handleDragEndInternal:l}}function Nt(e){let n=useContext(ye)?.registerRenderPane;useEffect(()=>{n&&e&&n(e);},[n,e]);}function de(){return "pane-"+Math.random().toString(36).substring(2,11)}function fe(e,t){if(e===null)return null;if(e.type==="pane")return e.id===t?null:e;let n=fe(e.first,t),r=fe(e.second,t);return n===null?r:r===null?n:{...e,first:n,second:r}}function pe(e,t){if(e===null)return null;if(e.type==="pane"){if(e.tabIds.includes(t)){let o=e.tabIds.filter(a=>a!==t);if(o.length===0)return null;let c=e.activeTabId;e.activeTabId===t&&(c=o[0]);let s={...e.tabsMetadata};return delete s[t],{...e,tabIds:o,activeTabId:c,tabsMetadata:Object.keys(s).length>0?s:void 0}}return e}let n=pe(e.first,t),r=pe(e.second,t);return n===null?r:r===null?n:{...e,first:n,second:r}}function Se(e,t,n,r,o){if(e===null)return typeof o=="string"?{type:"pane",id:de(),tabIds:[o],activeTabId:o}:o;if(e.type==="pane"){if(e.id===t){let c=typeof o=="string"?{type:"pane",id:de(),tabIds:[o],activeTabId:o}:o,s=r==="left"||r==="top";return {type:"split",direction:n,first:s?c:e,second:s?e:c,splitPercentage:50}}return e}return {...e,first:Se(e.first,t,n,r,o)||e.first,second:Se(e.second,t,n,r,o)||e.second}}function En(e,t){if(e===null)return t;function n(r,o){return r.type==="pane"?{type:"split",direction:o==="row"?"column":"row",splitPercentage:50,first:r,second:t}:{...r,second:n(r.second,r.direction)}}return n(e,null)}function It(e,t,n,r){if(e===null)return {type:"pane",id:de(),tabIds:[n],activeTabId:n,tabsMetadata:r?{[n]:r}:void 0};let o=t?ee(e,t):null;if(o&&o.type==="pane"){let a=function(l){if(l.type==="pane"&&l.id===t){let f=[...l.tabIds];f.includes(n)||f.push(n);let i=l.tabsMetadata;return r&&(i={...l.tabsMetadata,[n]:r}),{...l,tabIds:f,activeTabId:n,tabsMetadata:i}}return l.type==="split"?{...l,first:a(l.first),second:a(l.second)}:l};return a(e)}let c={type:"pane",id:de(),tabIds:[n],activeTabId:n,tabsMetadata:r?{[n]:r}:void 0};return En(e,c)}function we(e,t,n){return e===null?null:e===t?{...e,splitPercentage:n}:e.type==="split"?{...e,first:we(e.first,t,n)||e.first,second:we(e.second,t,n)||e.second}:e}function ee(e,t){return e===null?null:e.type==="pane"?e.id===t?e:null:e.type==="split"?ee(e.first,t)??ee(e.second,t):null}function W(e,t){return e===null?null:e.type==="pane"?e.tabIds.includes(t)?e:null:e.type==="split"?W(e.first,t)??W(e.second,t):null}function Lt(e,t){return ee(e,t)??W(e,t)}function kt(e,t){let n=W(e,t);if(!n)return null;let r=n.tabIds.indexOf(t);return {id:t,paneId:n.id,isActive:n.activeTabId===t,index:r,metadata:n.tabsMetadata?.[t]}}function Mt(e,t){return W(e,t)?.tabsMetadata?.[t]}function zt(e,t){let n=ee(e,t);return n?.tabsMetadata?.[n.activeTabId]}function Ue(e,t,n){if(e===null)return null;if(e.type==="pane"){if(e.tabIds.includes(t)){let r=e.tabsMetadata||{},o=r[t],c=n(o),s={...r};return c===void 0?delete s[t]:s[t]=c,{...e,tabsMetadata:Object.keys(s).length>0?s:void 0}}return e}return e.type==="split"?{...e,first:Ue(e.first,t,n)??e.first,second:Ue(e.second,t,n)??e.second}:e}function je(e,t,n){if(e===null)return null;if(e.type==="pane"){if(e.id===t){if(n===false){let{locked:r,...o}=e;return o}return {...e,locked:n}}return e}return e.type==="split"?{...e,first:je(e.first,t,n)??e.first,second:je(e.second,t,n)??e.second}:e}function Ee(e,t,n){return e===null?null:e.type==="pane"?e.id===t?e.activeTabId===n?e:{...e,activeTabId:n}:e:e.type==="split"?{...e,first:Ee(e.first,t,n)??e.first,second:Ee(e.second,t,n)??e.second}:e}function At(e,t,n){if(e===null)return null;let o=W(e,t)?.tabsMetadata?.[t],c=pe(e,t);if(c===null)return {type:"pane",id:de(),tabIds:[t],activeTabId:t,tabsMetadata:o?{[t]:o}:void 0};function s(a){if(a.type==="pane"){if(a.id===n){let l=[...a.tabIds];l.includes(t)||l.push(t);let f={...a.tabsMetadata};return o&&(f[t]=o),{...a,tabIds:l,activeTabId:t,tabsMetadata:Object.keys(f).length>0?f:void 0}}return a}return a.type==="split"?{...a,first:s(a.first),second:s(a.second)}:a}return s(c)}function Nn(e,t,n){if(e===null)return null;if(t===n)return e;let r=W(e,t),o=W(e,n);if(!r||!o)return e;let c=r.id,s=o.id,a=r.tabsMetadata?.[t],l=o.tabsMetadata?.[n];function f(i){if(i.type==="pane"){let h=false,T=[...i.tabIds],b=i.activeTabId,d=i.tabsMetadata?{...i.tabsMetadata}:{};if(c===s){if(i.id===c){let u=T.indexOf(t),m=T.indexOf(n);u!==-1&&m!==-1&&(T[u]=n,T[m]=t),b=t,h=true;}}else i.id===c&&(T=T.map(u=>u===t?n:u),b===t&&(b=n),delete d[t],l&&(d[n]=l),h=true),i.id===s&&(T=T.map(u=>u===n?t:u),b===n&&(b=t),delete d[n],a&&(d[t]=a),h=true);return h?{...i,tabIds:T,activeTabId:b,tabsMetadata:Object.keys(d).length>0?d:void 0}:i}return i.type==="split"?{...i,first:f(i.first),second:f(i.second)}:i}return f(e)}function ze(e,t,n,r="before"){if(e===null)return null;if(t===n)return e;if(r==="center")return Nn(e,t,n);let c=W(e,t)?.tabsMetadata?.[t],s=pe(e,t);if(s===null)return {type:"pane",id:de(),tabIds:[t],activeTabId:t,tabsMetadata:c?{[t]:c}:void 0};function a(l){if(l.type==="pane"){if(l.tabIds.includes(n)){let i=[...l.tabIds].filter(b=>b!==t),h=i.indexOf(n);h<0&&(h=0),r==="after"&&(h+=1),i.splice(h,0,t);let T={...l.tabsMetadata};return c&&(T[t]=c),{...l,tabIds:i,activeTabId:t,tabsMetadata:Object.keys(T).length>0?T:void 0}}return l}return l.type==="split"?{...l,first:a(l.first),second:a(l.second)}:l}return a(s)}function ve(e,t=0,n=0,r=100,o=100,c="root"){if(e===null)return {panes:[],splitters:[]};if(e.type==="pane")return {panes:[{paneId:e.id,left:t,top:n,width:r,height:o,node:e}],splitters:[]};let{direction:s,splitPercentage:a,first:l,second:f}=e,h={id:`splitter-${c}-${s}`,currentNode:e,direction:s,left:s==="row"?t+r*(a/100):t,top:s==="column"?n+o*(a/100):n,width:s==="row"?0:r,height:s==="column"?0:o,parentLeft:t,parentTop:n,parentWidth:r,parentHeight:o},T={panes:[],splitters:[]},b={panes:[],splitters:[]};if(s==="row"){let d=r*(a/100);T=ve(l,t,n,d,o,`${c}-L`),b=ve(f,t+d,n,r-d,o,`${c}-R`);}else {let d=o*(a/100);T=ve(l,t,n,r,d,`${c}-T`),b=ve(f,t,n+d,r,o-d,`${c}-B`);}return {panes:[...T.panes,...b.panes],splitters:[h,...T.splitters,...b.splitters]}}function Zt(e,t,n,r="before"){if(e===null)return null;let o=ee(e,t);if(!o)return e;let c=o.tabIds,s=o.activeTabId,a=o.tabsMetadata||{},l=fe(e,t);if(l===null)return o;function f(i){if(i.type==="pane"){if(i.tabIds.includes(n)){let T=[...i.tabIds].filter(u=>!c.includes(u)),b=T.indexOf(n);b<0&&(b=0),r==="after"&&(b+=1),T.splice(b,0,...c);let d={...i.tabsMetadata};for(let u of c)a[u]&&(d[u]=a[u]);return {...i,tabIds:T,activeTabId:s,tabsMetadata:Object.keys(d).length>0?d:void 0}}return i}return i.type==="split"?{...i,first:f(i.first),second:f(i.second)}:i}return f(l)}function Ot(e,t,n,r){if(!((t==="tab"||t==="pane")&&n&&e.includes(n))||!r)return  -1;let s=e.indexOf(n);return r==="before"?s:s+1}function In(e){let{initialLayout:t,layout:n,onChange:r,fullscreenPaneId:o,onFullscreenChange:c,locked:s=false}=e,[a,l]=useState(()=>n!==void 0?n:t??null),[f,i]=useState(()=>n!==void 0?n:t??null),[h,T]=useState(()=>ke(n!==void 0?n:null)),[b,d]=useState(o||null),[u,m]=useState(s),[P,g]=useState([]),[S,E]=useState(null),[k,I]=useState(null),[x,M]=useState(null),F=useRef(null),j=useCallback(p=>{F.current=p;},[]),$=useRef(a);$.current=a;let te=useRef(r);te.current=r;let X=useRef(c);X.current=c;let ne=useCallback(p=>{d(p),X.current?.(p);},[]);if(useEffect(()=>{m(s);},[s]),useEffect(()=>{o!==void 0&&d(o);},[o]),n!==void 0){let p=ke(n);p!==h&&(T(p),l(n),i(n));}let N=useCallback(p=>(...y)=>{let w=$.current,_=p(w,...y);ke(w)!==ke(_)&&($.current=_,l(_),i(_),te.current?.(_));},[]),A=useCallback(N((p,y)=>typeof y=="function"?y(p):y),[N]),U=useCallback(p=>{i(y=>typeof p=="function"?p(y):p);},[]),B=useCallback(p=>{d(null),X.current?.(null),E(null),I(null),M(null),A(p),i(()=>typeof p=="function"?p($.current):p);},[A]),L=useCallback(N((p,y)=>fe(p,y)),[N]),z=useCallback(N((p,y,w,_)=>{let H=pe(p,y)??p;return It(H,w,y,_)}),[N]),v=useCallback(N((p,y,w,_,H)=>{let se=ee(p,y)??W(p,y);if(!se)return p;let V=ee(p,H)??W(p,H)??{type:"pane",id:H,tabIds:[H],activeTabId:H},be=fe(p,V.id);return Se(be,se.id,w,_,V)}),[N]),Z=useCallback(N((p,y,w)=>we(p,y,w)),[N]),R=useCallback(N((p,y,w)=>Ue(p,y,w)),[N]),O=useCallback(N((p,y,w)=>{let _=ee(p,y)??W(p,y);return _?je(p,_.id,w):p}),[N]),ce=useCallback(N((p,y,w)=>{let _=ee(p,y)??W(p,y);return _?Ee(p,_.id,w):p}),[N]),J=useCallback(N((p,y,w)=>{let _=ee(p,w)??W(p,w);return _?At(p,y,_.id):p}),[N]),Y=useCallback(N((p,y,w,_)=>ze(p,y,w,_)),[N]),G=useCallback(N((p,y)=>pe(p,y)),[N]),Q=useCallback(p=>ee($.current,p),[]),D=useCallback(p=>W($.current,p),[]),C=useCallback(p=>kt($.current,p),[]),ie=useCallback(p=>Mt($.current,p),[]),re=useCallback(p=>zt($.current,p),[]),K=useCallback(p=>{g(y=>y.includes(p)?y:[...y,p]);},[]),oe=useCallback(p=>{g(y=>y.includes(p)?y.filter(w=>w!==p):y);},[]);return {layout:a,setLayout:B,_internalSetLayout:U,renderingLayout:f,fullscreenPaneId:b,setFullscreenPaneId:ne,locked:u,setLocked:m,poppedOutTabIds:P,activeId:S,setActiveId:E,activeType:k,setActiveType:I,dismissIntentId:x,setDismissIntentId:M,containerRef:F,setContainerRef:j,removePane:L,addTab:z,updateMetadata:R,updatePaneLock:O,selectTab:ce,mergeTab:J,moveTab:Y,removeTab:G,splitPane:v,updateSplitPercentage:Z,popoutTab:K,dockTab:oe,findPaneById:Q,findPaneContainingTab:D,findTabById:C,getTabMetadata:ie,getActiveTabMetadata:re}}var Ln=()=>{let e=ae(),t=Me();return {layout:e.layout,setLayout:e.setLayout,fullscreenPaneId:e.fullscreenPaneId,setFullscreenPaneId:t.setFullscreenPaneId,locked:e.locked,setLocked:t.setLocked,removePane:t.removePane,addTab:t.addTab,updateMetadata:t.updateMetadata,updatePaneLock:t.updatePaneLock,selectTab:t.selectTab,mergeTab:t.mergeTab,removeTab:t.removeTab,splitPane:t.splitPane,updateSplitPercentage:t.updateSplitPercentage,moveTab:t.moveTab,findPaneById:e.findPaneById,findPaneContainingTab:e.findPaneContainingTab,findTabById:e.findTabById,getTabMetadata:e.getTabMetadata,getActiveTabMetadata:e.getActiveTabMetadata,poppedOutTabIds:e.poppedOutTabIds,popoutTab:t.popoutTab,dockTab:t.dockTab}};var Je=class extends PointerSensor{static activators=[{eventName:"onPointerDown",handler:({nativeEvent:t})=>!t.target?.closest(".drag-cancel")}]},Ye=class extends TouchSensor{static activators=[{eventName:"onTouchStart",handler:({nativeEvent:t})=>!t.target?.closest(".drag-cancel")}]};var _t=e=>{let n=e.active.id.toString().startsWith("tab-header-"),o=pointerWithin(e);if(o.length>0)return [...o].sort((s,a)=>{let l=s.id.toString(),f=a.id.toString(),i=l.startsWith("tab-drop-"),h=f.startsWith("tab-drop-");if(i&&!h)return  -1;if(!i&&h)return 1;let T=l.startsWith("drop-root-"),b=f.startsWith("drop-root-");return T&&!b?-1:!T&&b?1:0});if(n){let c=e.droppableContainers.filter(s=>s.id.toString().startsWith("tab-drop-"));return closestCenter({...e,droppableContainers:c})}return []};function Ae(e){if(e instanceof MouseEvent||e instanceof PointerEvent)return {x:e.clientX,y:e.clientY};if(typeof TouchEvent<"u"&&e instanceof TouchEvent){let t=e.touches[0]||e.changedTouches[0];if(t)return {x:t.clientX,y:t.clientY}}return null}function Ft(e){let{layout:t,_internalSetLayout:n,setLayout:r,activeId:o,setActiveId:c,activeType:s,setActiveType:a,dismissIntentId:l,setDismissIntentId:f,setOverTabId:i,setOverTabPosition:h,containerRef:T,dragActivationDistance:b,enableDragToDismiss:d,dismissThreshold:u,onRemove:m,onDragStart:P,onDragEnd:g,onDismissIntentChange:S,removeTab:E,removePane:k}=e,I=useRef(null),x=wt(o),M=useRef(null),[F,j]=useState(false);return Dt(F),{sensors:useSensors(useSensor(Je,{activationConstraint:{distance:b}}),useSensor(Ye,{activationConstraint:{delay:250,tolerance:5}})),collisionDetection:_t,onDragStart:A=>{let U=A.active.id.toString(),B=U.startsWith("tab-header-"),L=B?U.substring(11):U;c(L),a(B?"tab":"pane"),i(null),h(null);let z=A.activatorEvent;x.current=Ae(z),d&&T.current?I.current=T.current.getBoundingClientRect():I.current=null;let v=t;if(B){let R=W(t,L);R&&(v=Ee(t,R.id,L)||t);}M.current=v;let Z=B?pe(v,L):fe(v,L);n(Z),P&&P(L);},onDragMove:A=>{let{over:U}=A,B=U?.id.toString()||"",L=B.startsWith("drop-locked-");j(D=>D===L?D:L);let z=A.active.id.toString(),v=z.startsWith("tab-header-"),Z=v?z.substring(11):z,R=B.match(/^tab-drop-(.+)$/);if(R&&U&&(v||s==="pane")){let[,D]=R;if(Z!==D){let C="before",ie=U.rect,re=A.activatorEvent,K=null;if(x.current)K=x.current.x;else {let oe=Ae(re);oe&&(K=oe.x+A.delta.x);}if(K!==null){let oe=ie.left+ie.width/2;K>oe&&(C="after");}i(oe=>oe===D?oe:D),h(oe=>oe===C?oe:C);}else i(C=>C===null?C:null),h(C=>C===null?C:null);}else i(D=>D===null?D:null),h(D=>D===null?D:null);if(!d)return;let O=I.current;if(!O){l!==null&&(f(null),S?.(null));return}let ce=A.activatorEvent,J=null,Y=null;if(x.current)J=x.current.x,Y=x.current.y;else {let D=Ae(ce);D&&(J=D.x+A.delta.x,Y=D.y+A.delta.y);}let G=0;if(J!==null&&Y!==null){let D=0,C=0;J<O.left?D=O.left-J:J>O.right&&(D=J-O.right),Y<O.top?C=O.top-Y:Y>O.bottom&&(C=Y-O.bottom),G=Math.sqrt(D*D+C*C);}else {let D=A.active.rect.current.translated;if(D){let C=D.left+D.width/2,ie=D.top+D.height/2,re=0,K=0;C<O.left?re=O.left-C:C>O.right&&(re=C-O.right),ie<O.top?K=O.top-ie:ie>O.bottom&&(K=ie-O.bottom),G=Math.sqrt(re*re+K*K);}}G>u?l!==Z&&(f(Z),S?.(Z)):l!==null&&(f(null),S?.(null));},onDragEnd:A=>{c(null),a(null),j(false),i(null),h(null);let{active:U,over:B}=A,L=U.id.toString(),z=L.startsWith("tab-header-"),v=z?L.substring(11):L,Z=d&&l===v;f(null),S?.(null),I.current=null;let R=M.current||t;if(M.current=null,Z){m?m(v):z?E(v):k(v),g&&g(v,null,null);return}if(!B){n(R),g&&g(v,null,null);return}let O=B.id.toString();if(O.startsWith("drop-locked-")){n(R),g&&g(v,null,null);return}let ce=O.match(/^tab-drop-(.+)$/);if(ce){let[,p]=ce;if(z)if(v!==p){let y="before",w=B.rect,_=A.activatorEvent,H=null;if(x.current)H=x.current.x;else {let V=Ae(_);V&&(H=V.x+A.delta.x);}if(H!==null){let V=w.left+w.width/2;H>V&&(y="after");}let se=ze(R,v,p,y);r(se),g&&g(v,p,{type:"move",position:"center"});}else n(R),g&&g(v,null,null);else {let y="before",w=B.rect,_=A.activatorEvent,H=null;if(x.current)H=x.current.x;else {let V=Ae(_);V&&(H=V.x+A.delta.x);}if(H!==null){let V=w.left+w.width/2;H>V&&(y="after");}let se=Zt(R,v,p,y);r(se),g&&g(v,p,{type:"move",position:"center"});}return}let J=O.match(/^drop-root-(1\/4|1\/3)-(top|bottom|left|right|start|end)$/);if(J){let[,p,y]=J,w=y;w==="start"&&(w="left"),w==="end"&&(w="right");let _=z?pe(R,v):fe(R,v),H;if(z){let V=W(R,v)?.tabsMetadata?.[v];H={type:"pane",id:de(),tabIds:[v],activeTabId:v,tabsMetadata:V?{[v]:V}:void 0};}else H=ee(R,v)??{type:"pane",id:de(),tabIds:[v],activeTabId:v};if(_===null)r(H);else {let se=w==="left"||w==="right",V=w==="left"||w==="top",be=50;p==="1/4"?be=V?25:75:p==="1/3"&&(be=V?100/3:200/3),r({type:"split",direction:se?"row":"column",first:V?H:_,second:V?_:H,splitPercentage:be});}g&&g(v,"root",{type:"split",direction:w==="left"||w==="right"?"row":"column",position:w});return}let Y=O.match(/^drop-(left|right|top|bottom|center)-(.+)$/);if(!Y){n(R),g&&g(v,null,null);return}let[,G,Q]=Y;if(G==="center"){if(z){let p=ee(R,Q);if(p&&p.activeTabId){let y=p.activeTabId,w=ze(R,v,y,"center");r(w),g&&g(v,Q,{type:"move",position:"center"});}else n(R),g&&g(v,null,null);}else n(R),g&&g(v,null,null);return}let D=z?W(R,v):ee(R,v),C=D&&D.id===Q,ie=D&&D.tabIds.length===1;if(v===Q||C&&ie){n(R),g&&g(v,null,null);return}let re=G==="left"||G==="right"?"row":"column",K;if(z){let y=W(R,v)?.tabsMetadata?.[v];K={type:"pane",id:de(),tabIds:[v],activeTabId:v,tabsMetadata:y?{[v]:y}:void 0};}else K=ee(R,v)??{type:"pane",id:de(),tabIds:[v],activeTabId:v};let oe=z?pe(R,v):fe(R,v),Le=Se(oe,Q,re,G,K);r(Le),g&&g(v,Q,{type:"split",direction:re,position:G});},onDragCancel:()=>{c(null),a(null),j(false),i(null),h(null),f(null),S?.(null),I.current=null;let A=M.current||t;M.current=null,n(A),A!==t&&r(A);}}}function Wt({persist:e,layout:t,setLayout:n}){let r=typeof e=="object"?e.enabled!==false:!!e,o=typeof e=="object"&&e.key||"zeugma-layout",[c,s]=useState(false);useEffect(()=>{if(r){let a=localStorage.getItem(o);if(a)try{let l=JSON.parse(a);l&&n(l);}catch(l){console.error("Failed to parse persisted zeugma layout",l);}}s(true);},[r,o,n]),useEffect(()=>{r&&c&&(t?localStorage.setItem(o,JSON.stringify(t)):localStorage.removeItem(o));},[r,o,t,c]);}var De=null,Ut=false,Te=new Set;function me(){if(typeof window>"u")return document;if(De&&De.target){let t=De.target.ownerDocument;if(t&&t!==document)return t}let e=window.event;if(e&&e.target){let n=e.target.ownerDocument;if(n&&n!==document)return n}return window.__zeugmaActivePopoutDocument?window.__zeugmaActivePopoutDocument:document}function Bn(){if(typeof window>"u"||Ut)return;Ut=true;let e=()=>{De=null,globalThis.__zeugmaActivePopoutDocument=null;};["pointerdown","mousedown","click","keydown","focus","touchstart"].forEach(d=>{window.addEventListener(d,e,true);});let n=document.createElement;document.createElement=function(d,u){let m=me();return m&&m!==document?m.createElement(d,u):n.call(document,d,u)};let r=document.body.appendChild;document.body.appendChild=function(d){let u=me();return u&&u!==document?u.body.appendChild(d):r.call(document.body,d)};let o=document.body.removeChild;document.body.removeChild=function(d){let u=me();return u&&u!==document?u.body.removeChild(d):o.call(document.body,d)};let c=document.body.insertBefore;document.body.insertBefore=function(d,u){let m=me();return m&&m!==document?m.body.insertBefore(d,u):c.call(document.body,d,u)};let s=document.body.replaceChild;document.body.replaceChild=function(d,u){let m=me();return m&&m!==document?m.body.replaceChild(d,u):s.call(document.body,d,u)};let a=document.addEventListener;document.addEventListener=function(d,u,m){let P=me();return P&&P!==document?P.addEventListener(d,u,m):a.call(document,d,u,m)};let l=document.removeEventListener;document.removeEventListener=function(d,u,m){l.call(document,d,u,m),Te.forEach(P=>{try{P.removeEventListener(d,u,m);}catch{}});};let f=window.addEventListener;window.addEventListener=function(d,u,m){let P=me();return P&&P!==document&&P.defaultView?P.defaultView.addEventListener(d,u,m):f.call(window,d,u,m)};let i=window.removeEventListener;window.removeEventListener=function(d,u,m){i.call(window,d,u,m),Te.forEach(P=>{try{P.defaultView&&P.defaultView.removeEventListener(d,u,m);}catch{}});};let h=document.getElementById;document.getElementById=function(d){let u=me();if(u&&u!==document)return u.getElementById(d);let m=h.call(document,d);if(m)return m;for(let P of Te)try{let g=P.getElementById(d);if(g)return g}catch{}return null};let T=document.querySelector;document.querySelector=function(d){let u=me();if(u&&u!==document)return u.querySelector(d);let m=T.call(document,d);if(m)return m;for(let P of Te)try{let g=P.querySelector(d);if(g)return g}catch{}return null};let b=document.querySelectorAll;document.querySelectorAll=function(d){let u=me();if(u&&u!==document)return u.querySelectorAll(d);let m=b.call(document,d);if(m.length>0)return m;for(let P of Te)try{let g=P.querySelectorAll(d);if(g.length>0)return g}catch{}return m};}function jt(e){let{poppedOutTabIds:t,registerPopoutTarget:n,findTabById:r,dockTab:o}=e,c=useRef({});useEffect(()=>{let s=c.current;t.forEach(a=>{if(s[a]){try{s[a].focus();}catch{}return}Bn();let f=r(a)?.metadata?.title||`Tab ${a}`,i=window.open("",`zeugma-popout-${a}`,"width=800,height=600");if(!i){console.warn("Failed to open popout window. Check popup blocker."),o(a);return}s[a]=i,Te.add(i.document),i.document.title=f,i.document.head.innerHTML="",Array.from(document.querySelectorAll('style, link[rel="stylesheet"]')).forEach(x=>{let M=x.cloneNode(true);if(x.tagName.toLowerCase()==="link"){let F=x.href;F&&M.setAttribute("href",F);}else if(x.tagName.toLowerCase()==="style")try{let F=x.sheet?.cssRules;if(F&&F.length>0){let j=Array.from(F).map($=>$.cssText).join(`
-`);M.textContent=j;}}catch{}i.document.head.appendChild(M);}),i.document.documentElement.className=document.documentElement.className,i.document.body.className=document.body.className,i.document.body.style.margin="0",i.document.body.style.padding="0",i.document.body.style.height="100vh",i.document.body.style.overflow="hidden";let h=document.getElementById(`zeugma-tab-target-${a}`),T="";h&&(T=window.getComputedStyle(h).backgroundColor,(!T||T==="transparent"||T==="rgba(0, 0, 0, 0)")&&h.parentElement&&(T=window.getComputedStyle(h.parentElement).backgroundColor));let b=window.getComputedStyle(document.documentElement),d=window.getComputedStyle(document.body),u=d.backgroundColor,P=!u||u==="transparent"||u==="rgba(0, 0, 0, 0)"?b.backgroundColor:u,g=T&&T!=="transparent"&&T!=="rgba(0, 0, 0, 0)"?T:P&&P!=="transparent"&&P!=="rgba(0, 0, 0, 0)"?P:"#181b1f";i.document.documentElement.style.backgroundColor=g,i.document.body.style.backgroundColor=g,i.document.body.style.color=d.color||b.color,i.document.body.style.fontFamily=d.fontFamily||b.fontFamily;let S=i.document.createElement("div");S.id=`zeugma-popout-container-${a}`,S.className="grafana-panel h-full w-full overflow-hidden",S.style.width="100%",S.style.height="100%",S.style.border="none",i.document.body.appendChild(S),n?.(a,S);let E=["pointerdown","mousedown","click","keydown","focus","touchstart"],k=x=>{De=x,globalThis.__zeugmaActivePopoutDocument=i.document,queueMicrotask(()=>{De===x&&(De=null,globalThis.__zeugmaActivePopoutDocument=null);});};E.forEach(x=>{i.addEventListener(x,k,true);});let I=()=>{Te.delete(i.document),o(a);};i.addEventListener("beforeunload",I),i.__zeugmaCleanup=()=>{E.forEach(x=>{i.removeEventListener(x,k,true);}),i.removeEventListener("beforeunload",I);};}),Object.keys(s).forEach(a=>{if(!t.includes(a)){let l=s[a];if(delete s[a],n?.(a,null),l){Te.delete(l.document);try{let f=l;f.__zeugmaCleanup&&f.__zeugmaCleanup(),f.close();}catch{}}}});},[t,n,r,o]),useEffect(()=>()=>{let s=c.current;Object.keys(s).forEach(a=>{let l=s[a];if(l){Te.delete(l.document);try{let f=l;f.__zeugmaCleanup&&f.__zeugmaCleanup(),f.close();}catch{}}});},[]);}var Xt=({activeId:e,render:t,className:n})=>{let r=useRef(null);return useEffect(()=>{let o=c=>{r.current&&(r.current.style.transform=`translate(${c.clientX+12}px, ${c.clientY+12}px)`);};return document.addEventListener("pointermove",o),()=>document.removeEventListener("pointermove",o)},[]),jsx("div",{ref:r,className:n,style:{position:"fixed",top:0,left:0,zIndex:9999,pointerEvents:"none"},children:t(e)})};var Un=({popoutDoc:e,children:t})=>{let n=ge.useEffect,r=ge.useLayoutEffect,o=ge.useInsertionEffect;ge.useEffect=(c,s)=>n(()=>{window.__zeugmaActivePopoutDocument=e;try{let a=c();return typeof a=="function"?()=>{window.__zeugmaActivePopoutDocument=e;try{return a()}finally{window.__zeugmaActivePopoutDocument=null;}}:a}finally{window.__zeugmaActivePopoutDocument=null;}},s),ge.useLayoutEffect=(c,s)=>r(()=>{window.__zeugmaActivePopoutDocument=e;try{let a=c();return typeof a=="function"?()=>{window.__zeugmaActivePopoutDocument=e;try{return a()}finally{window.__zeugmaActivePopoutDocument=null;}}:a}finally{window.__zeugmaActivePopoutDocument=null;}},s),o&&(ge.useInsertionEffect=(c,s)=>o(()=>{window.__zeugmaActivePopoutDocument=e;try{let a=c();return typeof a=="function"?()=>{window.__zeugmaActivePopoutDocument=e;try{return a()}finally{window.__zeugmaActivePopoutDocument=null;}}:a}finally{window.__zeugmaActivePopoutDocument=null;}},s)),window.__zeugmaActivePopoutDocument=e;try{return jsx(Fragment,{children:t})}finally{window.__zeugmaActivePopoutDocument=null,ge.useEffect=n,ge.useLayoutEffect=r,o&&(ge.useInsertionEffect=o);}},Yt=ge.memo(({tabDetails:e,target:t,renderWidget:n})=>{let{id:r}=e,[o,c]=useState(false),s=useRef(null);if(useEffect(()=>{c(true);},[]),useEffect(()=>{if(!o||!s.current)return;let f=s.current;if(t)t.ownerDocument.adoptNode(f),t.appendChild(f);else {let i=document.getElementById("zeugma-hidden-portal-container");i||(i=document.createElement("div"),i.id="zeugma-hidden-portal-container",i.style.display="none",document.body.appendChild(i)),document.adoptNode(f),i.appendChild(f);}},[t,o]),useEffect(()=>()=>{s.current&&s.current.remove();},[]),!o)return null;s.current||(s.current=document.createElement("div"),s.current.className=`zeugma-portal-wrapper-${r}`,s.current.style.width="100%",s.current.style.height="100%");let a=s.current;if(!a||!n)return null;let l=n(e);return t&&t.ownerDocument&&t.ownerDocument!==document?createPortal(jsx(Un,{popoutDoc:t.ownerDocument,children:l}),a):createPortal(l,a)},(e,t)=>e.target===t.target&&e.renderWidget===t.renderWidget&&e.tabDetails.id===t.tabDetails.id&&e.tabDetails.paneId===t.tabDetails.paneId&&e.tabDetails.isActive===t.tabDetails.isActive&&e.tabDetails.index===t.tabDetails.index&&e.tabDetails.metadata===t.tabDetails.metadata);var Qt=({activeId:e,activeType:t,dismissIntentId:n,renderDragOverlay:r,renderPaneRef:o,renderPane:c,tabHeadersRef:s,classNames:a})=>{if(r)return jsx(Fragment,{children:r({type:t,id:e,isDismissing:e===n})});if(t==="pane"){let l=o.current||c;if(l)return jsx("div",{className:a.paneDragPreview||"",style:{pointerEvents:"none",width:"420px",height:"260px",overflow:"hidden"},children:l(e)})}else if(t==="tab"){let l=o.current||c;if(l)return jsx("div",{className:a.tabDragPreview||"",style:{pointerEvents:"none",width:"420px",height:"260px",overflow:"hidden"},children:l(e)});let f=s.current[e];if(f){let i=a.tab?typeof a.tab=="function"?a.tab(e):a.tab:"";return jsx("div",{className:`${a.tabDragPreview||""} ${i}`.trim(),style:{display:"inline-flex",position:"relative",pointerEvents:"none",overflow:"hidden"},children:f({isDragging:true,isOver:false})})}}return jsx("div",{style:{pointerEvents:"none",overflow:"hidden",width:"100%",height:"100%"}})};function ut({containerRef:e,isRow:t,direction:n,splitPercentage:r,resizerSize:o,snapThreshold:c,layout:s,currentNode:a,onLayoutChange:l,onResizeStart:f,onResizeEnd:i,parentLeft:h,parentTop:T,parentWidth:b,parentHeight:d}){let{onResizeStart:u,onResize:m,onResizeEnd:P,minSplitPercentage:g=5,maxSplitPercentage:S=95,locked:E=false}=ae();return useCallback(k=>{if(E)return;k.preventDefault();let I=e.current;if(!I)return;f&&f(),u&&u(a);let x=I.getBoundingClientRect(),M=k.clientX,F=k.clientY,j=r,$=k.currentTarget,te=x.left+x.width*(h/100),X=x.top+x.height*(T/100),ne=x.width*(b/100),N=x.height*(d/100),U=Array.from(document.querySelectorAll('div[role="separator"][data-direction]')).filter(L=>L!==$&&L.getAttribute("data-direction")===n).map(L=>{let z=L.getBoundingClientRect();return t?z.left+z.width/2:z.top+z.height/2}),B=j;xt({cursor:t?"col-resize":"row-resize",resizerEl:$,onMove:L=>{let z=t?(L.clientX-M)/ne*100:(L.clientY-F)/N*100,v=j+z,Z=t?te+(ne-o)*(v/100)+o/2:X+(N-o)*(v/100)+o/2,R=1/0,O=null;for(let G of U){let Q=Math.abs(Z-G);Q<c&&Q<R&&(R=Q,O=G);}let ce=v;O!==null&&(ce=t?(O-o/2-te)/(ne-o)*100:(O-o/2-X)/(N-o)*100);let J=Math.max(g,Math.min(S,ce));B=J;let Y=we(s,a,J);if(Y){let{panes:G,splitters:Q}=ve(Y),D=e.current;if(D){for(let C of G)D.style.setProperty(`--pane-left-${C.paneId}`,`${C.left}%`),D.style.setProperty(`--pane-top-${C.paneId}`,`${C.top}%`),D.style.setProperty(`--pane-width-${C.paneId}`,`${C.width}%`),D.style.setProperty(`--pane-height-${C.paneId}`,`${C.height}%`);for(let C of Q)D.style.setProperty(`--splitter-pos-${C.id}`,`${C.direction==="row"?C.left:C.top}%`);}}m&&m(a,J);},onEnd:()=>{let L=we(s,a,B),z=e.current;if(z){let{panes:v,splitters:Z}=ve(L);for(let R of v)z.style.removeProperty(`--pane-left-${R.paneId}`),z.style.removeProperty(`--pane-top-${R.paneId}`),z.style.removeProperty(`--pane-width-${R.paneId}`),z.style.removeProperty(`--pane-height-${R.paneId}`);for(let R of Z)z.style.removeProperty(`--splitter-pos-${R.id}`);}l(L),i&&i(),P&&P(a,B);}});},[e,t,n,r,o,c,s,a,l,f,i,u,m,P,g,S,h,T,b,d])}var Kt=({splitter:e,resizerSize:t,snapThreshold:n,containerRef:r})=>{let{renderingLayout:o,setLayout:c,classNames:s,locked:a}=ae(),[l,f]=useState(false),{currentNode:i,direction:h,left:T,top:b,width:d,height:u,parentLeft:m,parentTop:P,parentWidth:g,parentHeight:S}=e,E=h==="row",k=ut({containerRef:r,isRow:E,direction:h,splitPercentage:i.splitPercentage,resizerSize:t,snapThreshold:n,layout:o,currentNode:i,onLayoutChange:c,onResizeStart:()=>f(true),onResizeEnd:()=>f(false),parentLeft:m,parentTop:P,parentWidth:g,parentHeight:S}),I=E?{position:"absolute",left:`calc(var(--splitter-pos-${e.id}, ${T}%) - ${t/2}px)`,top:`calc(${b}% + ${t/2}px)`,width:`${t}px`,height:`calc(${u}% - ${t}px)`,cursor:a?"default":"col-resize",pointerEvents:a?"none":"auto",zIndex:10,userSelect:"none",touchAction:"none",boxSizing:"border-box"}:{position:"absolute",left:`calc(${T}% + ${t/2}px)`,top:`calc(var(--splitter-pos-${e.id}, ${b}%) - ${t/2}px)`,width:`calc(${d}% - ${t}px)`,height:`${t}px`,cursor:a?"default":"row-resize",pointerEvents:a?"none":"auto",zIndex:10,userSelect:"none",touchAction:"none",boxSizing:"border-box"};return jsx("div",{className:s.resizer||"","data-direction":h,"data-resizing":l||void 0,style:I,onPointerDown:k,role:"separator","aria-valuenow":i.splitPercentage,"aria-valuemin":5,"aria-valuemax":95})},en=ge.memo(({paneId:e,renderPane:t})=>jsx(Fragment,{children:t(e)}),(e,t)=>e.paneId===t.paneId&&e.renderPane===t.renderPane);var dt=({renderPane:e,tree:t,resizerSize:n,snapThreshold:r})=>{Nt(e);let{renderingLayout:o,activeId:c,dismissIntentId:s,setContainerRef:a,fullscreenPaneId:l,snapThreshold:f,locked:i,classNames:h,resizerSize:T}=ae(),b=r!==void 0?r:f??8,d=n!==void 0?n:T??4,u=t!==void 0?t:o,m=useRef(null),{panes:P,splitters:g}=useMemo(()=>u?ve(u):{panes:[],splitters:[]},[u]);if(!u&&t!==void 0)return null;let S=()=>jsxs(Fragment,{children:[P.map(E=>{let k=l===E.paneId;return jsx("div",{style:{position:"absolute",left:k?"0%":`var(--pane-left-${E.paneId}, ${E.left}%)`,top:k?"0%":`var(--pane-top-${E.paneId}, ${E.top}%)`,width:k?"100%":`var(--pane-width-${E.paneId}, ${E.width}%)`,height:k?"100%":`var(--pane-height-${E.paneId}, ${E.height}%)`,overflow:"hidden",zIndex:k?20:1,display:l&&!k?"none":"block",padding:k?"0px":`${d/2}px`,boxSizing:"border-box"},children:jsx(en,{paneId:E.paneId,renderPane:e})},E.paneId)}),!l&&g.map(E=>jsx(Kt,{splitter:E,resizerSize:d,snapThreshold:b,containerRef:m},E.id))]});if(t===void 0){let E=c!==null&&c===s,k=x=>{a(x),m.current=x;},I=`${h.dashboard||""} ${E&&h.dashboardDismissActive||""} ${i&&h.dashboardLocked||""}`.trim();return jsxs("div",{ref:k,className:I,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:[S(),c!==null&&!i&&jsx(on,{activeClassName:h.rootDropPreview??h.dropPreview})]})}return jsx("div",{ref:m,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:S()})};var oo=e=>{let{controller:t,children:n,renderDragOverlay:r,classNames:o={},renderPane:c,resizerSize:s,dragActivationDistance:a=8,snapThreshold:l=8,minSplitPercentage:f=5,maxSplitPercentage:i=95,enableDragToDismiss:h=false,dismissThreshold:T=60,onRemove:b,onDragStart:d,onDragEnd:u,onResizeStart:m,onResize:P,onResizeEnd:g,onDismissIntentChange:S,persist:E=false}=e,k=t,{layout:I,setLayout:x,_internalSetLayout:M,renderingLayout:F,fullscreenPaneId:j,setFullscreenPaneId:$,locked:te,setLocked:X,findPaneById:ne,findPaneContainingTab:N,findTabById:A,getTabMetadata:U,getActiveTabMetadata:B,activeId:L,setActiveId:z,activeType:v,setActiveType:Z,dismissIntentId:R,setDismissIntentId:O,containerRef:ce,setContainerRef:J,removePane:Y,addTab:G,updateMetadata:Q,updatePaneLock:D,selectTab:C,mergeTab:ie,removeTab:re,splitPane:K,updateSplitPercentage:oe,moveTab:Le,poppedOutTabIds:p=[],popoutTab:y,dockTab:w}=k;Wt({persist:E,layout:I,setLayout:x});let{portalTargets:_,registerPortalTarget:H,registerPopoutTarget:se,registerRenderCallback:V,renderCallbacksRef:be,registerRenderPane:nt,renderPaneRef:ot,registerTabHeader:bt,tabHeadersRef:rt,activeIdRef:Be}=Ct();jt({poppedOutTabIds:p,registerPopoutTarget:se,findTabById:A,dockTab:w});let vt=useCallback(ue=>p.includes(ue),[p]),{overTabId:ht,setOverTabId:bn,overTabPosition:Tt,setOverTabPosition:vn,handleDragStartInternal:hn,handleDragEndInternal:Tn}=Et({onDragStart:d,onDragEnd:u}),Pn=Ft({layout:I,_internalSetLayout:M,setLayout:x,activeId:L,setActiveId:z,activeType:v,setActiveType:Z,dismissIntentId:R,setDismissIntentId:O,setOverTabId:bn,setOverTabPosition:vn,containerRef:ce,dragActivationDistance:a,enableDragToDismiss:h,dismissThreshold:T,onRemove:b,onDragStart:hn,onDragEnd:Tn,onDismissIntentChange:S,removeTab:re,removePane:Y}),at=useMemo(()=>o,[o.dashboard,o.dashboardDismissActive,o.pane,o.paneLocked,o.dropPreview,o.rootDropPreview,o.dragOverlay,o.paneDragPreview,o.tabDragPreview,o.resizer,o.dismissPreview,o.dashboardLocked,o.lockedPreview,o.tabDropPreview,o.tabSeparator,o.tabsContainer,o.tab,o.paneContainer,o.paneHeader,o.paneControls,o.paneButton,o.tabCloseButton,o.dragHandle]),Pt=useCallback((ue,He)=>{g&&g(ue,He);},[g]),yn=useMemo(()=>({layout:I,renderingLayout:F,setLayout:x,activeId:L,activeType:v,dismissIntentId:R,setContainerRef:J,fullscreenPaneId:j,classNames:at,onRemove:b,onFullscreenChange:$,snapThreshold:l,onResizeStart:m,onResize:P,onResizeEnd:Pt,minSplitPercentage:f,maxSplitPercentage:i,locked:te,setLocked:X,findPaneById:ne,findPaneContainingTab:N,findTabById:A,getTabMetadata:U,getActiveTabMetadata:B,renderPane:c,resizerSize:s,poppedOutTabIds:p,isTabPoppedOut:vt}),[I,F,L,v,R,J,j,at,b,$,l,m,P,f,i,x,Pt,te,X,ne,N,A,U,B,c,s,p,vt]),xn=useMemo(()=>({overTabId:ht,overTabPosition:Tt}),[ht,Tt]),Rn=useMemo(()=>({removePane:Y,addTab:G,updateMetadata:Q,updatePaneLock:D,selectTab:C,mergeTab:ie,removeTab:re,setFullscreenPaneId:$,setLocked:X,splitPane:K,updateSplitPercentage:oe,moveTab:Le,popoutTab:y,dockTab:w}),[Y,G,Q,D,C,ie,re,$,X,K,oe,Le,y,w]),wn=St(I),Dn=useMemo(()=>({registerPortalTarget:H,registerRenderCallback:V,renderCallbacksRef:be,registerRenderPane:nt,renderPaneRef:ot,registerTabHeader:bt,tabHeadersRef:rt,activeIdRef:Be,registerPopoutTarget:se}),[H,V,be,nt,ot,bt,rt,Be,se]);return Be&&(Be.current=L),jsx(xe.Provider,{value:Rn,children:jsx(st.Provider,{value:yn,children:jsx(lt.Provider,{value:xn,children:jsxs(ye.Provider,{value:Dn,children:[jsx(DndContext,{id:"zeugma-dnd-context",...Pn,children:n}),L&&v&&jsx(Xt,{activeId:L,render:ue=>jsx("div",{style:{transition:"transform 150ms cubic-bezier(0.2, 0, 0, 1)",transform:ue===R?"scale(0.8)":"scale(1)",transformOrigin:"top left"},children:jsx(Qt,{activeId:ue,activeType:v,dismissIntentId:R,renderDragOverlay:r,renderPaneRef:ot,renderPane:c,tabHeadersRef:rt,classNames:at})}),className:`${o.dragOverlay||""} ${L===R&&o.dismissPreview||""}`.trim()}),jsx("div",{id:"zeugma-portal-host",style:{display:"none"},children:wn.map(ue=>{let He=_[ue],yt=A(ue);return yt?jsx(Yt,{tabDetails:yt,target:He||null,renderWidget:be.current[ue]},ue):null})})]})})})})},ro=({renderPane:e,resizerSize:t,snapThreshold:n})=>{if(!e)throw new Error("Zeugma component requires a renderPane prop when used as a standalone renderer.");return jsx(dt,{renderPane:e,resizerSize:t,snapThreshold:n})},ao=e=>{let{children:t,...n}=e,{controller:r}=e;if(!r)throw new Error("Zeugma component requires a controller.");return jsx(oo,{...e,children:t!==void 0?t:jsx(ro,{...n})})};var lo={top:{"1/4":{position:"absolute",top:0,left:0,width:"100%",height:"24px",zIndex:100,pointerEvents:"auto"},"1/3":{position:"absolute",top:"24px",left:0,width:"100%",height:"24px",zIndex:100,pointerEvents:"auto"}},bottom:{"1/4":{position:"absolute",bottom:0,left:0,width:"100%",height:"24px",zIndex:100,pointerEvents:"auto"},"1/3":{position:"absolute",bottom:"24px",left:0,width:"100%",height:"24px",zIndex:100,pointerEvents:"auto"}},left:{"1/4":{position:"absolute",left:0,top:"48px",width:"24px",height:"calc(100% - 96px)",zIndex:100,pointerEvents:"auto"},"1/3":{position:"absolute",left:"24px",top:"48px",width:"24px",height:"calc(100% - 96px)",zIndex:100,pointerEvents:"auto"}},right:{"1/4":{position:"absolute",right:0,top:"48px",width:"24px",height:"calc(100% - 96px)",zIndex:100,pointerEvents:"auto"},"1/3":{position:"absolute",right:"24px",top:"48px",width:"24px",height:"calc(100% - 96px)",zIndex:100,pointerEvents:"auto"}}},co={top:{"1/4":{top:0,left:0,width:"100%",height:"60px",borderBottomLeftRadius:"12px",borderBottomRightRadius:"12px",borderTopLeftRadius:"0px",borderTopRightRadius:"0px"},"1/3":{top:0,left:0,width:"100%",height:"96px",borderBottomLeftRadius:"12px",borderBottomRightRadius:"12px",borderTopLeftRadius:"0px",borderTopRightRadius:"0px"}},bottom:{"1/4":{bottom:0,left:0,width:"100%",height:"60px",borderTopLeftRadius:"12px",borderTopRightRadius:"12px",borderBottomLeftRadius:"0px",borderBottomRightRadius:"0px"},"1/3":{bottom:0,left:0,width:"100%",height:"96px",borderTopLeftRadius:"12px",borderTopRightRadius:"12px",borderBottomLeftRadius:"0px",borderBottomRightRadius:"0px"}},left:{"1/4":{left:0,top:0,width:"60px",height:"100%",borderTopRightRadius:"12px",borderBottomRightRadius:"12px",borderTopLeftRadius:"0px",borderBottomLeftRadius:"0px"},"1/3":{left:0,top:0,width:"96px",height:"100%",borderTopRightRadius:"12px",borderBottomRightRadius:"12px",borderTopLeftRadius:"0px",borderBottomLeftRadius:"0px"}},right:{"1/4":{right:0,top:0,width:"60px",height:"100%",borderTopLeftRadius:"12px",borderBottomLeftRadius:"12px",borderTopRightRadius:"0px",borderBottomRightRadius:"0px"},"1/3":{right:0,top:0,width:"96px",height:"100%",borderTopLeftRadius:"12px",borderBottomLeftRadius:"12px",borderTopRightRadius:"0px",borderBottomRightRadius:"0px"}}},uo=({id:e,fraction:t,edge:n,activeClassName:r})=>{let{setNodeRef:o,isOver:c}=useDroppable({id:e}),s={position:"absolute",pointerEvents:"none",zIndex:101,boxSizing:"border-box",...co[n][t]};return jsxs(Fragment,{children:[jsx("div",{ref:o,style:lo[n][t]}),c&&jsx("div",{className:r,style:s})]})},on=({activeClassName:e})=>jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:99,pointerEvents:"none"},children:[{id:"drop-root-1/4-top",fraction:"1/4",edge:"top"},{id:"drop-root-1/3-top",fraction:"1/3",edge:"top"},{id:"drop-root-1/4-bottom",fraction:"1/4",edge:"bottom"},{id:"drop-root-1/3-bottom",fraction:"1/3",edge:"bottom"},{id:"drop-root-1/4-left",fraction:"1/4",edge:"left"},{id:"drop-root-1/3-left",fraction:"1/3",edge:"left"},{id:"drop-root-1/4-right",fraction:"1/4",edge:"right"},{id:"drop-root-1/3-right",fraction:"1/3",edge:"right"}].map(n=>jsx(uo,{id:n.id,fraction:n.fraction,edge:n.edge,activeClassName:e},n.id))});var Qe=createContext(null);var bo={top:{position:"absolute",top:0,left:0,width:"100%",height:"25%",zIndex:20,pointerEvents:"auto"},bottom:{position:"absolute",bottom:0,left:0,width:"100%",height:"25%",zIndex:20,pointerEvents:"auto"},left:{position:"absolute",top:"25%",left:0,width:"50%",height:"50%",zIndex:20,pointerEvents:"auto"},right:{position:"absolute",top:"25%",right:0,width:"50%",height:"50%",zIndex:20,pointerEvents:"auto"},full:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:20,pointerEvents:"auto",cursor:"not-allowed"},center:{position:"absolute",top:"25%",left:"25%",width:"50%",height:"50%",zIndex:22,pointerEvents:"auto"}},vo={top:{position:"absolute",top:0,left:0,right:0,height:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},bottom:{position:"absolute",bottom:0,left:0,right:0,height:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},left:{position:"absolute",top:0,bottom:0,left:0,width:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},right:{position:"absolute",top:0,bottom:0,right:0,width:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},full:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:21,pointerEvents:"none",boxSizing:"border-box"},center:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:21,pointerEvents:"none",boxSizing:"border-box"}},Ke=({id:e,position:t,activeClassName:n})=>{let{setNodeRef:r,isOver:o}=useDroppable({id:e});return jsxs(Fragment,{children:[jsx("div",{ref:r,style:bo[t]}),o&&jsx("div",{className:n,style:vo[t]})]})};var sn=({children:e,className:t,style:n})=>{let r=useContext(Qe);if(!r)throw new Error("<DragHandle> must be used inside a <Pane>");let{disabled:o,...c}=r;return jsx("div",{className:t,style:{cursor:o?"default":"grab",userSelect:o?"auto":"none",touchAction:o?"auto":"none",...n},...o?{}:c,children:e})};var So=createContext(void 0);var _e=({id:e,locked:t=false,children:n,className:r,style:o})=>{let{locked:c,classNames:s={},fullscreenPaneId:a,poppedOutTabIds:l=[]}=ae(),f=useContext(xe),{overTabId:i}=Ve(),h=useContext(ye);useEffect(()=>(h?.registerTabHeader&&h.registerTabHeader(e,n),()=>{h?.registerTabHeader&&h.activeIdRef?.current!==e&&h.registerTabHeader(e,()=>null);}),[e,n,h]);let T=l.includes(e),b=useContext(ft),d=t||c||(b?.locked??false)||a!==null,{attributes:u,listeners:m,setNodeRef:P,isDragging:g}=useDraggable({id:`tab-header-${e}`,disabled:d}),{setNodeRef:S,isOver:E}=useDroppable({id:`tab-drop-${e}`,disabled:d}),k=U=>{P(U),S(U);},I=E&&i===e,x=b?.tabIds||[],M=x.indexOf(e),F=b?.activeTabId,$=M>0&&e!==F&&x[M-1]!==F?jsx("div",{className:s.tabSeparator}):null,te=b?b.activeTabId===e:false,X=b?.tabsMetadata?.[e],ne=useCallback(()=>{b?.selectTab(e);},[b,e]),N=useCallback(()=>{b?.removeTab(e);},[b,e]),A=useMemo(()=>({tabId:e,isActive:te,isDragging:g,isOver:I,metadata:X,locked:d,selectTab:ne,removeTab:N,isPoppedOut:T,popoutTab:()=>f?.popoutTab(e),dockTab:()=>f?.dockTab(e)}),[e,te,g,I,X,d,ne,N,T,f]);return jsx(So.Provider,{value:A,children:jsxs("div",{ref:k,id:`tab-header-${e}`,className:r,style:{display:"inline-flex",position:"relative",cursor:d?"default":"grab",...o},...d?{}:m,...d?{}:u,children:[$,n({isDragging:g,isOver:I})]})})};var ft=createContext(void 0);var dn=(e,t)=>typeof e=="function"?e(t):e,mt=({tabIds:e,activeTabId:t,locked:n,tabsMetadata:r,selectTab:o,removeTab:c,renderTab:s,classNames:a,styles:l})=>{let f=useContext(et),i=e??f?.tabIds??[],h=t??f?.activeTabId??"",T=n??f?.locked??false,b=r??f?.tabsMetadata,d=o??f?.selectTab??(()=>{}),u=c??f?.removeTab??(()=>{}),{classNames:m={},activeType:P,poppedOutTabIds:g=[]}=ae(),S=useContext(xe),{overTabId:E,overTabPosition:k}=Ve(),I=useMemo(()=>({tabIds:i,activeTabId:h,locked:T,tabsMetadata:b,selectTab:d,removeTab:u}),[i,h,T,b,d,u]),x=Ot(i,P,E,k);return jsx(ft.Provider,{value:I,children:jsxs("div",{className:a?.container,style:{display:"flex",alignItems:"center",height:"100%",...l?.container},children:[i.map((M,F)=>{let j=b?.[M],$=dn(a?.tab,M),te=dn(l?.tab,M),X=F===x;return jsxs(ge.Fragment,{children:[X&&m.tabDropPreview&&jsx("div",{style:{position:"relative",height:"100%",width:0,zIndex:10},children:jsx("div",{className:m.tabDropPreview,style:{position:"absolute",top:0,bottom:0,transform:F===0?"none":"translateX(-50%)"}})}),jsx(_e,{id:M,locked:T,className:$,style:te,children:({isDragging:ne,isOver:N})=>s({id:M,paneId:f?.id??"",isActive:M===h,index:F,isDragging:ne,isOver:N,metadata:j,onSelect:()=>d(M),onRemove:()=>u(M),isPoppedOut:g.includes(M),popout:()=>S?.popoutTab(M),dock:()=>S?.dockTab(M)})})]},M)}),x===i.length&&m.tabDropPreview&&jsx("div",{style:{position:"relative",height:"100%",width:0,zIndex:10},children:jsx("div",{className:m.tabDropPreview,style:{position:"absolute",top:0,bottom:0,transform:"translateX(-100%)"}})})]})})};mt.Tab=_e;var fn=({className:e,style:t,children:n})=>jsx("div",{className:e,style:t,children:n});var et=createContext(void 0),gn=()=>{let e=useContext(et);if(!e)throw new Error("usePaneContext must be used within a Pane component");return e},Oo=({children:e,className:t,style:n})=>{let{activeTabId:r}=gn(),{classNames:o,isTabPoppedOut:c}=ae(),{dockTab:s}=Me(),a=useRef(null),l=useContext(ye);if(!l)throw new Error("PaneContent must be used within a Zeugma provider");let{registerPortalTarget:f,registerRenderCallback:i}=l,h=useMemo(()=>typeof e=="function"?e:()=>e,[e]);i(r,h),useEffect(()=>{let b=a.current;return f(r,b),()=>{f(r,null,b);}},[r,f]);let T=c(r);return jsx("div",{ref:a,id:`zeugma-tab-target-${r}`,className:`${o.tabContentWrapper||""} ${t||""}`.trim(),style:{height:"100%",width:"100%",position:"relative",...n},children:T&&jsxs("div",{className:"zeugma-popout-placeholder",style:{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"12px",padding:"24px",textAlign:"center",backgroundColor:"#161719",color:"#94a3b8",fontSize:"13px",fontWeight:500},children:[jsx("div",{children:"This panel is open in a new window"}),jsx("button",{onClick:()=>s(r),style:{padding:"6px 12px",fontSize:"11px",fontWeight:600,borderRadius:"4px",backgroundColor:"#2563eb",color:"#ffffff",border:"none",cursor:"pointer",boxShadow:"0 1px 3px rgba(0,0,0,0.1)"},onMouseOver:b=>{b.currentTarget.style.backgroundColor="#1d4ed8";},onMouseOut:b=>{b.currentTarget.style.backgroundColor="#2563eb";},children:"Dock Back"})]})})},Ie=({id:e,children:t,style:n,locked:r=false})=>{let{layout:o,renderingLayout:c,activeId:s,activeType:a,classNames:l,fullscreenPaneId:f,onFullscreenChange:i,locked:h,poppedOutTabIds:T=[]}=ae(),{removePane:b,updateMetadata:d,selectTab:u,removeTab:m,popoutTab:P,dockTab:g}=Me(),S=useMemo(()=>{if(a==="tab"&&e===s){let O=W(o,e)?.tabsMetadata?.[e];return {type:"pane",id:e,tabIds:[e],activeTabId:e,tabsMetadata:O?{[e]:O}:void 0}}return Lt(e===s?o:c,e)},[o,c,e,s,a]),E=S?.id??e,k=S?.tabIds??[e],I=S?.activeTabId??e,x=S?.tabsMetadata,M=x?.[e],F=S?.locked??false,j=r||F,$=h||j||f!==null,te=h||j||f!==null,X=s!==null&&s!==e&&(!k.includes(s)||k.length>1)&&!te,{attributes:ne,listeners:N,setNodeRef:A}=useDraggable({id:e,disabled:$}),U=s!==null&&k.includes(s),B=f===e,L=useMemo(()=>({isDragging:U,isFullscreen:B,toggleFullscreen:()=>i?.(B?null:e),remove:()=>{B&&i?.(null),b(E);},metadata:M,updateMetadata:Z=>{d(e,Z);},locked:$,tabIds:k,activeTabId:I,selectTab:Z=>u(E,Z),removeTab:Z=>{B&&Z===I&&i?.(null),m(Z);},tabsMetadata:x,updateTabMetadata:(Z,R)=>{d(Z,R);},isActiveTabPoppedOut:T.includes(I),popoutTab:Z=>P(Z||I),dockTab:Z=>g(Z||I)}),[U,B,i,e,m,M,d,$,k,I,u,E,x,T,P,g]),z=useMemo(()=>$?{disabled:true}:{...N,...ne},[N,ne,$]),v=`${l.pane||""} ${j&&l.paneLocked||""}`.trim();return jsx(et.Provider,{value:{id:e,...L},children:jsx(Qe.Provider,{value:z,children:jsxs("div",{ref:A,id:e,className:v,style:{position:"relative",width:"100%",height:"100%",...n},children:[t,X&&jsxs("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:[["top","bottom","left","right"].map(Z=>jsx(Ke,{id:`drop-${Z}-${e}`,position:Z,activeClassName:l.dropPreview},Z)),a==="tab"&&jsx(Ke,{id:`drop-center-${e}`,position:"center",activeClassName:l.swapPreview??l.dropPreview})]}),s!==null&&s!==e&&te&&jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:jsx(Ke,{id:`drop-locked-${e}`,position:"full",activeClassName:l.lockedPreview||""})})]})})})};Ie.Content=Oo;Ie.DragHandle=sn;Ie.Tabs=mt;Ie.Tab=_e;Ie.Controls=fn;export{Ie as Pane,dt as PaneTree,ao as Zeugma,gn as usePaneContext,ut as useResizer,In as useZeugma,Ln as useZeugmaContext};//# sourceMappingURL=index.js.map
+  `,document.head.appendChild(o),t.setAttribute("data-resizing","true");let s=a=>{n(a);},l=()=>{document.body.classList.remove("zeugma-resizing"),t.removeAttribute("data-resizing");let a=document.getElementById("zeugma-global-cursor-style");a&&a.remove(),document.removeEventListener("pointermove",s),document.removeEventListener("pointerup",l),r();};document.addEventListener("pointermove",s),document.addEventListener("pointerup",l);}function Me(e){try{return JSON.stringify(e)}catch{return ""}}var ct=createContext(void 0),xe=createContext(void 0),ye=createContext(void 0),ut=createContext(void 0),re=()=>{let e=useContext(ct);if(!e)throw new Error("useZeugmaState must be used within a Zeugma provider");return e},ze=()=>{let e=useContext(xe);if(!e)throw new Error("useZeugmaActions must be used within a Zeugma provider");return e},qe=()=>{let e=useContext(ut);if(!e)throw new Error("useZeugmaDrag must be used within a Zeugma provider");return e};function St(e){let t=useRef(null);return useEffect(()=>{if(!e){t.current=null;return}let n=o=>{t.current={x:o.clientX,y:o.clientY};},r=o=>{let s=o.touches[0]||o.changedTouches[0];s&&(t.current={x:s.clientX,y:s.clientY});};return window.addEventListener("pointermove",n,{passive:true}),window.addEventListener("touchmove",r,{passive:true}),()=>{window.removeEventListener("pointermove",n),window.removeEventListener("touchmove",r);}},[e]),t}function Nt(e){useEffect(()=>(e?document.body.style.setProperty("cursor","not-allowed","important"):document.body.style.removeProperty("cursor"),()=>{document.body.style.removeProperty("cursor");}),[e]);}function It(){let[e,t]=useState({}),[n,r]=useState({}),o=useRef({}),s=useRef(null),l=useRef({}),a=useRef(null),c=useRef(true);useEffect(()=>(c.current=true,()=>{c.current=false;}),[]);let f=useCallback((u,m,y)=>{c.current&&t(b=>{if(!m){if(y&&b[u]!==y||!b[u])return b;let S={...b};return delete S[u],S}return b[u]===m?b:{...b,[u]:m}});},[]),i=useCallback((u,m)=>{c.current&&r(y=>{if(!m){if(!y[u])return y;let b={...y};return delete b[u],b}return y[u]===m?y:{...y,[u]:m}});},[]),h=useCallback((u,m)=>{o.current[u]=m;},[]),v=useCallback(u=>{s.current=u;},[]),g=useCallback((u,m)=>{l.current[u]=m;},[]);return {portalTargets:useMemo(()=>({...e,...n}),[e,n]),registerPortalTarget:f,registerPopoutTarget:i,registerRenderCallback:h,renderCallbacksRef:o,registerRenderPane:v,renderPaneRef:s,registerTabHeader:g,tabHeadersRef:l,activeIdRef:a}}function Ln(e){let t=new Set;function n(r){r&&(r.type==="pane"?r.tabIds.forEach(o=>{t.add(o);}):r.type==="split"&&(n(r.first),n(r.second)));}return n(e),Array.from(t).sort()}function Lt(e){return useMemo(()=>Ln(e),[e])}function kt(e){let{onDragStart:t,onDragEnd:n}=e,[r,o]=useState(null),[s,l]=useState(null),a=useCallback(f=>{t&&t(f);},[t]),c=useCallback((f,i,h)=>{n&&n(f,i,h);},[n]);return {overTabId:r,setOverTabId:o,overTabPosition:s,setOverTabPosition:l,handleDragStartInternal:a,handleDragEndInternal:c}}function Mt(e){let n=useContext(ye)?.registerRenderPane;useEffect(()=>{n&&e&&n(e);},[n,e]);}function pe(){return "pane-"+Math.random().toString(36).substring(2,11)}function ge(e,t){if(e===null)return null;if(e.type==="pane")return e.id===t?null:e;let n=ge(e.first,t),r=ge(e.second,t);return n===null?r:r===null?n:{...e,first:n,second:r}}function fe(e,t){if(e===null)return null;if(e.type==="pane"){if(e.tabIds.includes(t)){let o=e.tabIds.filter(a=>a!==t);if(o.length===0)return null;let s=e.activeTabId;e.activeTabId===t&&(s=o[0]);let l={...e.tabsMetadata};return delete l[t],{...e,tabIds:o,activeTabId:s,tabsMetadata:Object.keys(l).length>0?l:void 0}}return e}let n=fe(e.first,t),r=fe(e.second,t);return n===null?r:r===null?n:{...e,first:n,second:r}}function Ee(e,t,n,r,o){if(e===null)return typeof o=="string"?{type:"pane",id:pe(),tabIds:[o],activeTabId:o}:o;if(e.type==="pane"){if(e.id===t){let s=typeof o=="string"?{type:"pane",id:pe(),tabIds:[o],activeTabId:o}:o,l=r==="left"||r==="top";return {type:"split",direction:n,first:l?s:e,second:l?e:s,splitPercentage:50}}return e}return {...e,first:Ee(e.first,t,n,r,o)||e.first,second:Ee(e.second,t,n,r,o)||e.second}}function kn(e,t){if(e===null)return t;function n(r,o){return r.type==="pane"?{type:"split",direction:o==="row"?"column":"row",splitPercentage:50,first:r,second:t}:{...r,second:n(r.second,r.direction)}}return n(e,null)}function zt(e,t,n,r){if(e===null)return {type:"pane",id:pe(),tabIds:[n],activeTabId:n,tabsMetadata:r?{[n]:r}:void 0};let o=t?te(e,t):null;if(o&&o.type==="pane"){let a=function(c){if(c.type==="pane"&&c.id===t){let f=[...c.tabIds];f.includes(n)||f.push(n);let i=c.tabsMetadata;return r&&(i={...c.tabsMetadata,[n]:r}),{...c,tabIds:f,activeTabId:n,tabsMetadata:i}}return c.type==="split"?{...c,first:a(c.first),second:a(c.second)}:c};return a(e)}let s={type:"pane",id:pe(),tabIds:[n],activeTabId:n,tabsMetadata:r?{[n]:r}:void 0};return kn(e,s)}function we(e,t,n){return e===null?null:e===t?{...e,splitPercentage:n}:e.type==="split"?{...e,first:we(e.first,t,n)||e.first,second:we(e.second,t,n)||e.second}:e}function te(e,t){return e===null?null:e.type==="pane"?e.id===t?e:null:e.type==="split"?te(e.first,t)??te(e.second,t):null}function q(e,t){return e===null?null:e.type==="pane"?e.tabIds.includes(t)?e:null:e.type==="split"?q(e.first,t)??q(e.second,t):null}function At(e,t){return te(e,t)??q(e,t)}function Zt(e,t){let n=q(e,t);if(!n)return null;let r=n.tabIds.indexOf(t);return {id:t,paneId:n.id,isActive:n.activeTabId===t,index:r,metadata:n.tabsMetadata?.[t],remountOnPopout:n.tabsMetadata?.[t]?.remountOnPopout}}function Ot(e,t){return q(e,t)?.tabsMetadata?.[t]}function $t(e,t){let n=te(e,t);return n?.tabsMetadata?.[n.activeTabId]}function Xe(e,t,n){if(e===null)return null;if(e.type==="pane"){if(e.tabIds.includes(t)){let r=e.tabsMetadata||{},o=r[t],s=n(o),l={...r};return s===void 0?delete l[t]:l[t]=s,{...e,tabsMetadata:Object.keys(l).length>0?l:void 0}}return e}return e.type==="split"?{...e,first:Xe(e.first,t,n)??e.first,second:Xe(e.second,t,n)??e.second}:e}function Je(e,t,n){if(e===null)return null;if(e.type==="pane"){if(e.id===t){if(n===false){let{locked:r,...o}=e;return o}return {...e,locked:n}}return e}return e.type==="split"?{...e,first:Je(e.first,t,n)??e.first,second:Je(e.second,t,n)??e.second}:e}function Se(e,t,n){return e===null?null:e.type==="pane"?e.id===t?e.activeTabId===n?e:{...e,activeTabId:n}:e:e.type==="split"?{...e,first:Se(e.first,t,n)??e.first,second:Se(e.second,t,n)??e.second}:e}function Ht(e,t,n){if(e===null)return null;let o=q(e,t)?.tabsMetadata?.[t],s=fe(e,t);if(s===null)return {type:"pane",id:pe(),tabIds:[t],activeTabId:t,tabsMetadata:o?{[t]:o}:void 0};function l(a){if(a.type==="pane"){if(a.id===n){let c=[...a.tabIds];c.includes(t)||c.push(t);let f={...a.tabsMetadata};return o&&(f[t]=o),{...a,tabIds:c,activeTabId:t,tabsMetadata:Object.keys(f).length>0?f:void 0}}return a}return a.type==="split"?{...a,first:l(a.first),second:l(a.second)}:a}return l(s)}function Mn(e,t,n){if(e===null)return null;if(t===n)return e;let r=q(e,t),o=q(e,n);if(!r||!o)return e;let s=r.id,l=o.id,a=r.tabsMetadata?.[t],c=o.tabsMetadata?.[n];function f(i){if(i.type==="pane"){let h=false,v=[...i.tabIds],g=i.activeTabId,d=i.tabsMetadata?{...i.tabsMetadata}:{};if(s===l){if(i.id===s){let u=v.indexOf(t),m=v.indexOf(n);u!==-1&&m!==-1&&(v[u]=n,v[m]=t),g=t,h=true;}}else i.id===s&&(v=v.map(u=>u===t?n:u),g===t&&(g=n),delete d[t],c&&(d[n]=c),h=true),i.id===l&&(v=v.map(u=>u===n?t:u),g===n&&(g=t),delete d[n],a&&(d[t]=a),h=true);return h?{...i,tabIds:v,activeTabId:g,tabsMetadata:Object.keys(d).length>0?d:void 0}:i}return i.type==="split"?{...i,first:f(i.first),second:f(i.second)}:i}return f(e)}function Ae(e,t,n,r="before"){if(e===null)return null;if(t===n)return e;if(r==="center")return Mn(e,t,n);let s=q(e,t)?.tabsMetadata?.[t],l=fe(e,t);if(l===null)return {type:"pane",id:pe(),tabIds:[t],activeTabId:t,tabsMetadata:s?{[t]:s}:void 0};function a(c){if(c.type==="pane"){if(c.tabIds.includes(n)){let i=[...c.tabIds].filter(g=>g!==t),h=i.indexOf(n);h<0&&(h=0),r==="after"&&(h+=1),i.splice(h,0,t);let v={...c.tabsMetadata};return s&&(v[t]=s),{...c,tabIds:i,activeTabId:t,tabsMetadata:Object.keys(v).length>0?v:void 0}}return c}return c.type==="split"?{...c,first:a(c.first),second:a(c.second)}:c}return a(l)}function ve(e,t=0,n=0,r=100,o=100,s="root"){if(e===null)return {panes:[],splitters:[]};if(e.type==="pane")return {panes:[{paneId:e.id,left:t,top:n,width:r,height:o,node:e}],splitters:[]};let{direction:l,splitPercentage:a,first:c,second:f}=e,h={id:`splitter-${s}-${l}`,currentNode:e,direction:l,left:l==="row"?t+r*(a/100):t,top:l==="column"?n+o*(a/100):n,width:l==="row"?0:r,height:l==="column"?0:o,parentLeft:t,parentTop:n,parentWidth:r,parentHeight:o},v={panes:[],splitters:[]},g={panes:[],splitters:[]};if(l==="row"){let d=r*(a/100);v=ve(c,t,n,d,o,`${s}-L`),g=ve(f,t+d,n,r-d,o,`${s}-R`);}else {let d=o*(a/100);v=ve(c,t,n,r,d,`${s}-T`),g=ve(f,t,n+d,r,o-d,`${s}-B`);}return {panes:[...v.panes,...g.panes],splitters:[h,...v.splitters,...g.splitters]}}function _t(e,t,n,r="before"){if(e===null)return null;let o=te(e,t);if(!o)return e;let s=o.tabIds,l=o.activeTabId,a=o.tabsMetadata||{},c=ge(e,t);if(c===null)return o;function f(i){if(i.type==="pane"){if(i.tabIds.includes(n)){let v=[...i.tabIds].filter(u=>!s.includes(u)),g=v.indexOf(n);g<0&&(g=0),r==="after"&&(g+=1),v.splice(g,0,...s);let d={...i.tabsMetadata};for(let u of s)a[u]&&(d[u]=a[u]);return {...i,tabIds:v,activeTabId:l,tabsMetadata:Object.keys(d).length>0?d:void 0}}return i}return i.type==="split"?{...i,first:f(i.first),second:f(i.second)}:i}return f(c)}function Bt(e,t,n,r){if(!((t==="tab"||t==="pane")&&n&&e.includes(n))||!r)return  -1;let l=e.indexOf(n);return r==="before"?l:l+1}function zn(e){let{initialLayout:t,layout:n,onChange:r,fullscreenPaneId:o,onFullscreenChange:s,locked:l=false}=e,[a,c]=useState(()=>n!==void 0?n:t??null),[f,i]=useState(()=>n!==void 0?n:t??null),[h,v]=useState(()=>Me(n!==void 0?n:null)),[g,d]=useState(o||null),[u,m]=useState(l),[y,b]=useState([]),[S,N]=useState(null),[z,A]=useState(null),[x,L]=useState(null),F=useRef(null),j=useCallback(p=>{F.current=p;},[]),H=useRef(a);H.current=a;let J=useRef(r);J.current=r;let ne=useRef(s);ne.current=s;let Y=useCallback(p=>{d(p),ne.current?.(p);},[]);if(useEffect(()=>{m(l);},[l]),useEffect(()=>{o!==void 0&&d(o);},[o]),n!==void 0){let p=Me(n);p!==h&&(v(p),c(n),i(n));}let k=useCallback(p=>(...P)=>{let R=H.current,O=p(R,...P);Me(R)!==Me(O)&&(H.current=O,c(O),i(O),J.current?.(O));},[]),Z=useCallback(k((p,P)=>typeof P=="function"?P(p):P),[k]),V=useCallback(p=>{i(P=>typeof p=="function"?p(P):p);},[]),_=useCallback(p=>{d(null),ne.current?.(null),N(null),A(null),L(null),Z(p),i(()=>typeof p=="function"?p(H.current):p);},[Z]),$=useCallback(k((p,P)=>ge(p,P)),[k]),C=useCallback(k((p,P,R,O)=>{let B=fe(p,P)??p;return zt(B,R,P,O)}),[k]),T=useCallback(k((p,P,R,O,B)=>{let le=te(p,P)??q(p,P);if(!le)return p;let W=te(p,B)??q(p,B)??{type:"pane",id:B,tabIds:[B],activeTabId:B},Pe=ge(p,W.id);return Ee(Pe,le.id,R,O,W)}),[k]),M=useCallback(k((p,P,R)=>we(p,P,R)),[k]),w=useCallback(k((p,P,R)=>Xe(p,P,R)),[k]),I=useCallback(k((p,P,R)=>{let O=te(p,P)??q(p,P);return O?Je(p,O.id,R):p}),[k]),ue=useCallback(k((p,P,R)=>{let O=te(p,P)??q(p,P);return O?Se(p,O.id,R):p}),[k]),Q=useCallback(k((p,P,R)=>{let O=te(p,R)??q(p,R);return O?Ht(p,P,O.id):p}),[k]),K=useCallback(k((p,P,R,O)=>Ae(p,P,R,O)),[k]),X=useCallback(k((p,P)=>fe(p,P)),[k]),ee=useCallback(p=>te(H.current,p),[]),D=useCallback(p=>q(H.current,p),[]),E=useCallback(p=>Zt(H.current,p),[]),ae=useCallback(p=>Ot(H.current,p),[]),ie=useCallback(p=>$t(H.current,p),[]),G=useCallback(p=>{b(P=>P.includes(p)?P:[...P,p]);},[]),oe=useCallback(p=>{b(P=>P.includes(p)?P.filter(R=>R!==p):P);},[]);return {layout:a,setLayout:_,_internalSetLayout:V,renderingLayout:f,fullscreenPaneId:g,setFullscreenPaneId:Y,locked:u,setLocked:m,poppedOutTabIds:y,activeId:S,setActiveId:N,activeType:z,setActiveType:A,dismissIntentId:x,setDismissIntentId:L,containerRef:F,setContainerRef:j,removePane:$,addTab:C,updateMetadata:w,updatePaneLock:I,selectTab:ue,mergeTab:Q,moveTab:K,removeTab:X,splitPane:T,updateSplitPercentage:M,popoutTab:G,dockTab:oe,findPaneById:ee,findPaneContainingTab:D,findTabById:E,getTabMetadata:ae,getActiveTabMetadata:ie}}var An=()=>{let e=re(),t=ze();return {layout:e.layout,setLayout:e.setLayout,fullscreenPaneId:e.fullscreenPaneId,setFullscreenPaneId:t.setFullscreenPaneId,locked:e.locked,setLocked:t.setLocked,removePane:t.removePane,addTab:t.addTab,updateMetadata:t.updateMetadata,updatePaneLock:t.updatePaneLock,selectTab:t.selectTab,mergeTab:t.mergeTab,removeTab:t.removeTab,splitPane:t.splitPane,updateSplitPercentage:t.updateSplitPercentage,moveTab:t.moveTab,findPaneById:e.findPaneById,findPaneContainingTab:e.findPaneContainingTab,findTabById:e.findTabById,getTabMetadata:e.getTabMetadata,getActiveTabMetadata:e.getActiveTabMetadata,poppedOutTabIds:e.poppedOutTabIds,popoutTab:t.popoutTab,dockTab:t.dockTab}};var Ge=class extends PointerSensor{static activators=[{eventName:"onPointerDown",handler:({nativeEvent:t})=>!t.target?.closest(".drag-cancel")}]},Qe=class extends TouchSensor{static activators=[{eventName:"onTouchStart",handler:({nativeEvent:t})=>!t.target?.closest(".drag-cancel")}]};var Vt=e=>{let n=e.active.id.toString().startsWith("tab-header-"),o=pointerWithin(e);if(o.length>0)return [...o].sort((l,a)=>{let c=l.id.toString(),f=a.id.toString(),i=c.startsWith("tab-drop-"),h=f.startsWith("tab-drop-");if(i&&!h)return  -1;if(!i&&h)return 1;let v=c.startsWith("drop-root-"),g=f.startsWith("drop-root-");return v&&!g?-1:!v&&g?1:0});if(n){let s=e.droppableContainers.filter(l=>l.id.toString().startsWith("tab-drop-"));return closestCenter({...e,droppableContainers:s})}return []};function Ze(e){if(e instanceof MouseEvent||e instanceof PointerEvent)return {x:e.clientX,y:e.clientY};if(typeof TouchEvent<"u"&&e instanceof TouchEvent){let t=e.touches[0]||e.changedTouches[0];if(t)return {x:t.clientX,y:t.clientY}}return null}function Ut(e){let{layout:t,_internalSetLayout:n,setLayout:r,activeId:o,setActiveId:s,activeType:l,setActiveType:a,dismissIntentId:c,setDismissIntentId:f,setOverTabId:i,setOverTabPosition:h,containerRef:v,dragActivationDistance:g,enableDragToDismiss:d,dismissThreshold:u,onRemove:m,onDragStart:y,onDragEnd:b,onDismissIntentChange:S,removeTab:N,removePane:z}=e,A=useRef(null),x=St(o),L=useRef(null),[F,j]=useState(false);return Nt(F),{sensors:useSensors(useSensor(Ge,{activationConstraint:{distance:g}}),useSensor(Qe,{activationConstraint:{delay:250,tolerance:5}})),collisionDetection:Vt,onDragStart:Z=>{let V=Z.active.id.toString(),_=V.startsWith("tab-header-"),$=_?V.substring(11):V;s($),a(_?"tab":"pane"),i(null),h(null);let C=Z.activatorEvent;x.current=Ze(C),d&&v.current?A.current=v.current.getBoundingClientRect():A.current=null;let T=t;if(_){let w=q(t,$);w&&(T=Se(t,w.id,$)||t);}L.current=T;let M=_?fe(T,$):ge(T,$);n(M),y&&y($);},onDragMove:Z=>{let{over:V}=Z,_=V?.id.toString()||"",$=_.startsWith("drop-locked-");j(D=>D===$?D:$);let C=Z.active.id.toString(),T=C.startsWith("tab-header-"),M=T?C.substring(11):C,w=_.match(/^tab-drop-(.+)$/);if(w&&V&&(T||l==="pane")){let[,D]=w;if(M!==D){let E="before",ae=V.rect,ie=Z.activatorEvent,G=null;if(x.current)G=x.current.x;else {let oe=Ze(ie);oe&&(G=oe.x+Z.delta.x);}if(G!==null){let oe=ae.left+ae.width/2;G>oe&&(E="after");}i(oe=>oe===D?oe:D),h(oe=>oe===E?oe:E);}else i(E=>E===null?E:null),h(E=>E===null?E:null);}else i(D=>D===null?D:null),h(D=>D===null?D:null);if(!d)return;let I=A.current;if(!I){c!==null&&(f(null),S?.(null));return}let ue=Z.activatorEvent,Q=null,K=null;if(x.current)Q=x.current.x,K=x.current.y;else {let D=Ze(ue);D&&(Q=D.x+Z.delta.x,K=D.y+Z.delta.y);}let X=0;if(Q!==null&&K!==null){let D=0,E=0;Q<I.left?D=I.left-Q:Q>I.right&&(D=Q-I.right),K<I.top?E=I.top-K:K>I.bottom&&(E=K-I.bottom),X=Math.sqrt(D*D+E*E);}else {let D=Z.active.rect.current.translated;if(D){let E=D.left+D.width/2,ae=D.top+D.height/2,ie=0,G=0;E<I.left?ie=I.left-E:E>I.right&&(ie=E-I.right),ae<I.top?G=I.top-ae:ae>I.bottom&&(G=ae-I.bottom),X=Math.sqrt(ie*ie+G*G);}}X>u?c!==M&&(f(M),S?.(M)):c!==null&&(f(null),S?.(null));},onDragEnd:Z=>{s(null),a(null),j(false),i(null),h(null);let{active:V,over:_}=Z,$=V.id.toString(),C=$.startsWith("tab-header-"),T=C?$.substring(11):$,M=d&&c===T;f(null),S?.(null),A.current=null;let w=L.current||t;if(L.current=null,M){m?m(T):C?N(T):z(T),b&&b(T,null,null);return}if(!_){n(w),b&&b(T,null,null);return}let I=_.id.toString();if(I.startsWith("drop-locked-")){n(w),b&&b(T,null,null);return}let ue=I.match(/^tab-drop-(.+)$/);if(ue){let[,p]=ue;if(C)if(T!==p){let P="before",R=_.rect,O=Z.activatorEvent,B=null;if(x.current)B=x.current.x;else {let W=Ze(O);W&&(B=W.x+Z.delta.x);}if(B!==null){let W=R.left+R.width/2;B>W&&(P="after");}let le=Ae(w,T,p,P);r(le),b&&b(T,p,{type:"move",position:"center"});}else n(w),b&&b(T,null,null);else {let P="before",R=_.rect,O=Z.activatorEvent,B=null;if(x.current)B=x.current.x;else {let W=Ze(O);W&&(B=W.x+Z.delta.x);}if(B!==null){let W=R.left+R.width/2;B>W&&(P="after");}let le=_t(w,T,p,P);r(le),b&&b(T,p,{type:"move",position:"center"});}return}let Q=I.match(/^drop-root-(1\/4|1\/3)-(top|bottom|left|right|start|end)$/);if(Q){let[,p,P]=Q,R=P;R==="start"&&(R="left"),R==="end"&&(R="right");let O=C?fe(w,T):ge(w,T),B;if(C){let W=q(w,T)?.tabsMetadata?.[T];B={type:"pane",id:pe(),tabIds:[T],activeTabId:T,tabsMetadata:W?{[T]:W}:void 0};}else B=te(w,T)??{type:"pane",id:pe(),tabIds:[T],activeTabId:T};if(O===null)r(B);else {let le=R==="left"||R==="right",W=R==="left"||R==="top",Pe=50;p==="1/4"?Pe=W?25:75:p==="1/3"&&(Pe=W?100/3:200/3),r({type:"split",direction:le?"row":"column",first:W?B:O,second:W?O:B,splitPercentage:Pe});}b&&b(T,"root",{type:"split",direction:R==="left"||R==="right"?"row":"column",position:R});return}let K=I.match(/^drop-(left|right|top|bottom|center)-(.+)$/);if(!K){n(w),b&&b(T,null,null);return}let[,X,ee]=K;if(X==="center"){if(C){let p=te(w,ee);if(p&&p.activeTabId){let P=p.activeTabId,R=Ae(w,T,P,"center");r(R),b&&b(T,ee,{type:"move",position:"center"});}else n(w),b&&b(T,null,null);}else n(w),b&&b(T,null,null);return}let D=C?q(w,T):te(w,T),E=D&&D.id===ee,ae=D&&D.tabIds.length===1;if(T===ee||E&&ae){n(w),b&&b(T,null,null);return}let ie=X==="left"||X==="right"?"row":"column",G;if(C){let P=q(w,T)?.tabsMetadata?.[T];G={type:"pane",id:pe(),tabIds:[T],activeTabId:T,tabsMetadata:P?{[T]:P}:void 0};}else G=te(w,T)??{type:"pane",id:pe(),tabIds:[T],activeTabId:T};let oe=C?fe(w,T):ge(w,T),ke=Ee(oe,ee,ie,X,G);r(ke),b&&b(T,ee,{type:"split",direction:ie,position:X});},onDragCancel:()=>{s(null),a(null),j(false),i(null),h(null),f(null),S?.(null),A.current=null;let Z=L.current||t;L.current=null,n(Z),Z!==t&&r(Z);}}}function Xt({persist:e,layout:t,setLayout:n}){let r=typeof e=="object"?e.enabled!==false:!!e,o=typeof e=="object"&&e.key||"zeugma-layout",[s,l]=useState(false);useEffect(()=>{if(r){let a=localStorage.getItem(o);if(a)try{let c=JSON.parse(a);c&&n(c);}catch(c){console.error("Failed to parse persisted zeugma layout",c);}}l(true);},[r,o,n]),useEffect(()=>{r&&s&&(t?localStorage.setItem(o,JSON.stringify(t)):localStorage.removeItem(o));},[r,o,t,s]);}var De=null,Yt=false,se=new Set,Ne=null;function Wn(){typeof window>"u"||Ne||(Ne=new MutationObserver(e=>{e.forEach(t=>{t.addedNodes.forEach(n=>{n instanceof HTMLElement&&(n.tagName.toLowerCase()==="style"||n.tagName.toLowerCase()==="link")&&se.forEach(r=>{try{let o=n.cloneNode(!0);if(o.tagName.toLowerCase()==="link"){let s=n.href;s&&o.setAttribute("href",s);}r.head.appendChild(o);}catch(o){console.warn("Failed to mirror style node to popout:",o);}});});});}),Ne.observe(document.head,{childList:true}));}function dt(){Ne&&(Ne.disconnect(),Ne=null);}var Gt=e=>{typeof requestAnimationFrame<"u"?requestAnimationFrame(e):setTimeout(e,0);};function be(){if(typeof window>"u")return document;if(De&&De.target){let t=De.target.ownerDocument;if(t&&t!==document)return t}let e=window.event;if(e&&e.target){let n=e.target.ownerDocument;if(n&&n!==document)return n}return window.__zeugmaActivePopoutDocument?window.__zeugmaActivePopoutDocument:document}function qn(){if(typeof window>"u"||Yt)return;Yt=true;let e=()=>{De=null,globalThis.__zeugmaActivePopoutDocument=null;};["pointerdown","mousedown","click","keydown","focus","touchstart"].forEach(d=>{window.addEventListener(d,e,true);});let n=document.createElement;document.createElement=function(d,u){let m=be();return m&&m!==document?m.createElement(d,u):n.call(document,d,u)};let r=document.body.appendChild;document.body.appendChild=function(d){let u=be();return u&&u!==document?u.body.appendChild(d):r.call(document.body,d)};let o=document.body.removeChild;document.body.removeChild=function(d){let u=be();return u&&u!==document?u.body.removeChild(d):o.call(document.body,d)};let s=document.body.insertBefore;document.body.insertBefore=function(d,u){let m=be();return m&&m!==document?m.body.insertBefore(d,u):s.call(document.body,d,u)};let l=document.body.replaceChild;document.body.replaceChild=function(d,u){let m=be();return m&&m!==document?m.body.replaceChild(d,u):l.call(document.body,d,u)};let a=document.addEventListener;document.addEventListener=function(d,u,m){let y=be();return y&&y!==document?y.addEventListener(d,u,m):a.call(document,d,u,m)};let c=document.removeEventListener;document.removeEventListener=function(d,u,m){c.call(document,d,u,m),se.forEach(y=>{try{y.removeEventListener(d,u,m);}catch{}});};let f=window.addEventListener;window.addEventListener=function(d,u,m){let y=be();return y&&y!==document&&y.defaultView?y.defaultView.addEventListener(d,u,m):f.call(window,d,u,m)};let i=window.removeEventListener;window.removeEventListener=function(d,u,m){i.call(window,d,u,m),se.forEach(y=>{try{y.defaultView&&y.defaultView.removeEventListener(d,u,m);}catch{}});};let h=document.getElementById;document.getElementById=function(d){let u=be();if(u&&u!==document)return u.getElementById(d);let m=h.call(document,d);if(m)return m;for(let y of se)try{let b=y.getElementById(d);if(b)return b}catch{}return null};let v=document.querySelector;document.querySelector=function(d){let u=be();if(u&&u!==document)return u.querySelector(d);let m=v.call(document,d);if(m)return m;for(let y of se)try{let b=y.querySelector(d);if(b)return b}catch{}return null};let g=document.querySelectorAll;document.querySelectorAll=function(d){let u=be();if(u&&u!==document)return u.querySelectorAll(d);let m=g.call(document,d);if(m.length>0)return m;for(let y of se)try{let b=y.querySelectorAll(d);if(b.length>0)return b}catch{}return m};}function Qt(e){let{poppedOutTabIds:t,registerPopoutTarget:n,findTabById:r,dockTab:o}=e,s=useRef({});useEffect(()=>{let l=s.current;t.forEach(a=>{if(l[a]){try{l[a].focus();}catch{}return}qn();let f=r(a)?.metadata?.title||`Tab ${a}`,i=window.open("",`zeugma-popout-${a}`,"width=800,height=600");if(!i){console.warn("Failed to open popout window. Check popup blocker."),o(a);return}l[a]=i,se.add(i.document),Wn(),i.document.title=f,i.document.head.innerHTML="",Array.from(document.querySelectorAll('style, link[rel="stylesheet"]')).forEach(x=>{let L=x.cloneNode(true);if(x.tagName.toLowerCase()==="link"){let F=x.href;F&&L.setAttribute("href",F);}else if(x.tagName.toLowerCase()==="style")try{let F=x.sheet?.cssRules;if(F&&F.length>0){let j=Array.from(F).map(H=>H.cssText).join(`
+`);L.textContent=j;}}catch{}i.document.head.appendChild(L);}),i.document.documentElement.className=document.documentElement.className,i.document.body.className=document.body.className,i.document.body.style.margin="0",i.document.body.style.padding="0",i.document.body.style.height="100vh",i.document.body.style.overflow="hidden";let h=document.getElementById(`zeugma-tab-target-${a}`),v="";h&&(v=window.getComputedStyle(h).backgroundColor,(!v||v==="transparent"||v==="rgba(0, 0, 0, 0)")&&h.parentElement&&(v=window.getComputedStyle(h.parentElement).backgroundColor));let g=window.getComputedStyle(document.documentElement),d=window.getComputedStyle(document.body),u=d.backgroundColor,y=!u||u==="transparent"||u==="rgba(0, 0, 0, 0)"?g.backgroundColor:u,b=v&&v!=="transparent"&&v!=="rgba(0, 0, 0, 0)"?v:y&&y!=="transparent"&&y!=="rgba(0, 0, 0, 0)"?y:"#181b1f";i.document.documentElement.style.backgroundColor=b,i.document.body.style.backgroundColor=b,i.document.body.style.color=d.color||g.color,i.document.body.style.fontFamily=d.fontFamily||g.fontFamily;let S=i.document.createElement("div");S.id=`zeugma-popout-container-${a}`,S.className="grafana-panel h-full w-full overflow-hidden",S.style.width="100%",S.style.height="100%",S.style.border="none",i.document.body.appendChild(S),n?.(a,S);let N=["pointerdown","mousedown","click","keydown","focus","touchstart"],z=x=>{De=x,globalThis.__zeugmaActivePopoutDocument=i.document,queueMicrotask(()=>{De===x&&(De=null,globalThis.__zeugmaActivePopoutDocument=null);});};N.forEach(x=>{i.addEventListener(x,z,true);});let A=()=>{se.delete(i.document),se.size===0&&dt(),o(a);};i.addEventListener("beforeunload",A),i.__zeugmaCleanup=()=>{N.forEach(x=>{i.removeEventListener(x,z,true);}),i.removeEventListener("beforeunload",A);};}),Object.keys(l).forEach(a=>{if(!t.includes(a)){let c=l[a];if(delete l[a],n?.(a,null),c){se.delete(c.document),se.size===0&&dt();try{let f=c;f.__zeugmaCleanup&&f.__zeugmaCleanup(),Gt(()=>{try{f.close();}catch{}});}catch{}}}});},[t,n,r,o]),useEffect(()=>()=>{let l=s.current;Object.keys(l).forEach(a=>{let c=l[a];if(c){se.delete(c.document);try{let f=c;f.__zeugmaCleanup&&f.__zeugmaCleanup(),Gt(()=>{try{f.close();}catch{}});}catch{}}}),se.size===0&&dt();},[]);}var Kt=({activeId:e,render:t,className:n})=>{let r=useRef(null);return useEffect(()=>{let o=s=>{r.current&&(r.current.style.transform=`translate(${s.clientX+12}px, ${s.clientY+12}px)`);};return document.addEventListener("pointermove",o),()=>document.removeEventListener("pointermove",o)},[]),jsx("div",{ref:r,className:n,style:{position:"fixed",top:0,left:0,zIndex:9999,pointerEvents:"none"},children:t(e)})};var Qn=({popoutDoc:e,children:t})=>{if(e===document)return jsx(Fragment,{children:t});let n=me.useEffect,r=me.useLayoutEffect,o=me.useInsertionEffect;me.useEffect=(s,l)=>n(()=>{window.__zeugmaActivePopoutDocument=e;try{let a=s();return typeof a=="function"?()=>{window.__zeugmaActivePopoutDocument=e;try{return a()}finally{window.__zeugmaActivePopoutDocument=null;}}:a}finally{window.__zeugmaActivePopoutDocument=null;}},l),me.useLayoutEffect=(s,l)=>r(()=>{window.__zeugmaActivePopoutDocument=e;try{let a=s();return typeof a=="function"?()=>{window.__zeugmaActivePopoutDocument=e;try{return a()}finally{window.__zeugmaActivePopoutDocument=null;}}:a}finally{window.__zeugmaActivePopoutDocument=null;}},l),o&&(me.useInsertionEffect=(s,l)=>o(()=>{window.__zeugmaActivePopoutDocument=e;try{let a=s();return typeof a=="function"?()=>{window.__zeugmaActivePopoutDocument=e;try{return a()}finally{window.__zeugmaActivePopoutDocument=null;}}:a}finally{window.__zeugmaActivePopoutDocument=null;}},l)),window.__zeugmaActivePopoutDocument=e;try{return jsx(Fragment,{children:t})}finally{window.__zeugmaActivePopoutDocument=null,me.useEffect=n,me.useLayoutEffect=r,o&&(me.useInsertionEffect=o);}},tn=me.memo(({tabDetails:e,target:t,renderWidget:n})=>{let{id:r}=e,{renderPopoutWrapper:o}=re(),[s,l]=useState(false),a=useRef(null);if(useEffect(()=>{l(true);},[]),useEffect(()=>{if(!s||!a.current)return;let v=a.current;if(t)t.ownerDocument.adoptNode(v),t.appendChild(v);else {let g=document.getElementById("zeugma-hidden-portal-container");g||(g=document.createElement("div"),g.id="zeugma-hidden-portal-container",g.style.display="none",document.body.appendChild(g)),document.adoptNode(v),g.appendChild(v);}},[t,s]),useEffect(()=>()=>{a.current&&a.current.remove();},[]),!s)return null;a.current||(a.current=document.createElement("div"),a.current.className=`zeugma-portal-wrapper-${r}`,a.current.style.width="100%",a.current.style.height="100%");let c=a.current;if(!c||!n)return null;let f=!!(t&&t.ownerDocument&&t.ownerDocument!==document),i=e.remountOnPopout?f?"-popped":"-docked":"",h=jsx(me.Fragment,{children:n(e)},`${r}${i}`);return f&&t&&t.ownerDocument&&o&&(h=o({tabId:r,document:t.ownerDocument,window:t.ownerDocument.defaultView||window,children:h})),createPortal(jsx(Qn,{popoutDoc:f&&t?t.ownerDocument:document,children:h}),c)},(e,t)=>e.target===t.target&&e.renderWidget===t.renderWidget&&e.tabDetails.id===t.tabDetails.id&&e.tabDetails.paneId===t.tabDetails.paneId&&e.tabDetails.isActive===t.tabDetails.isActive&&e.tabDetails.index===t.tabDetails.index&&e.tabDetails.metadata===t.tabDetails.metadata);var nn=({activeId:e,activeType:t,dismissIntentId:n,renderDragOverlay:r,renderPaneRef:o,renderPane:s,tabHeadersRef:l,classNames:a})=>{if(r)return jsx(Fragment,{children:r({type:t,id:e,isDismissing:e===n})});if(t==="pane"){let c=o.current||s;if(c)return jsx("div",{className:a.paneDragPreview||"",style:{pointerEvents:"none",width:"420px",height:"260px",overflow:"hidden"},children:c(e)})}else if(t==="tab"){let c=o.current||s;if(c)return jsx("div",{className:a.tabDragPreview||"",style:{pointerEvents:"none",width:"420px",height:"260px",overflow:"hidden"},children:c(e)});let f=l.current[e];if(f){let i=a.tab?typeof a.tab=="function"?a.tab(e):a.tab:"";return jsx("div",{className:`${a.tabDragPreview||""} ${i}`.trim(),style:{display:"inline-flex",position:"relative",pointerEvents:"none",overflow:"hidden"},children:f({isDragging:true,isOver:false})})}}return jsx("div",{style:{pointerEvents:"none",overflow:"hidden",width:"100%",height:"100%"}})};function ft({containerRef:e,isRow:t,direction:n,splitPercentage:r,resizerSize:o,snapThreshold:s,layout:l,currentNode:a,onLayoutChange:c,onResizeStart:f,onResizeEnd:i,parentLeft:h,parentTop:v,parentWidth:g,parentHeight:d}){let{onResizeStart:u,onResize:m,onResizeEnd:y,minSplitPercentage:b=5,maxSplitPercentage:S=95,locked:N=false}=re();return useCallback(z=>{if(N)return;z.preventDefault();let A=e.current;if(!A)return;f&&f(),u&&u(a);let x=A.getBoundingClientRect(),L=z.clientX,F=z.clientY,j=r,H=z.currentTarget,J=x.left+x.width*(h/100),ne=x.top+x.height*(v/100),Y=x.width*(g/100),k=x.height*(d/100),V=Array.from(document.querySelectorAll('div[role="separator"][data-direction]')).filter($=>$!==H&&$.getAttribute("data-direction")===n).map($=>{let C=$.getBoundingClientRect();return t?C.left+C.width/2:C.top+C.height/2}),_=j;Ct({cursor:t?"col-resize":"row-resize",resizerEl:H,onMove:$=>{let C=t?($.clientX-L)/Y*100:($.clientY-F)/k*100,T=j+C,M=t?J+(Y-o)*(T/100)+o/2:ne+(k-o)*(T/100)+o/2,w=1/0,I=null;for(let X of V){let ee=Math.abs(M-X);ee<s&&ee<w&&(w=ee,I=X);}let ue=T;I!==null&&(ue=t?(I-o/2-J)/(Y-o)*100:(I-o/2-ne)/(k-o)*100);let Q=Math.max(b,Math.min(S,ue));_=Q;let K=we(l,a,Q);if(K){let{panes:X,splitters:ee}=ve(K),D=e.current;if(D){for(let E of X)D.style.setProperty(`--pane-left-${E.paneId}`,`${E.left}%`),D.style.setProperty(`--pane-top-${E.paneId}`,`${E.top}%`),D.style.setProperty(`--pane-width-${E.paneId}`,`${E.width}%`),D.style.setProperty(`--pane-height-${E.paneId}`,`${E.height}%`);for(let E of ee)D.style.setProperty(`--splitter-pos-${E.id}`,`${E.direction==="row"?E.left:E.top}%`);}}m&&m(a,Q);},onEnd:()=>{let $=we(l,a,_),C=e.current;if(C){let{panes:T,splitters:M}=ve($);for(let w of T)C.style.removeProperty(`--pane-left-${w.paneId}`),C.style.removeProperty(`--pane-top-${w.paneId}`),C.style.removeProperty(`--pane-width-${w.paneId}`),C.style.removeProperty(`--pane-height-${w.paneId}`);for(let w of M)C.style.removeProperty(`--splitter-pos-${w.id}`);}c($),i&&i(),y&&y(a,_);}});},[e,t,n,r,o,s,l,a,c,f,i,u,m,y,b,S,h,v,g,d])}var on=({splitter:e,resizerSize:t,snapThreshold:n,containerRef:r})=>{let{renderingLayout:o,setLayout:s,classNames:l,locked:a}=re(),[c,f]=useState(false),{currentNode:i,direction:h,left:v,top:g,width:d,height:u,parentLeft:m,parentTop:y,parentWidth:b,parentHeight:S}=e,N=h==="row",z=ft({containerRef:r,isRow:N,direction:h,splitPercentage:i.splitPercentage,resizerSize:t,snapThreshold:n,layout:o,currentNode:i,onLayoutChange:s,onResizeStart:()=>f(true),onResizeEnd:()=>f(false),parentLeft:m,parentTop:y,parentWidth:b,parentHeight:S}),A=N?{position:"absolute",left:`calc(var(--splitter-pos-${e.id}, ${v}%) - ${t/2}px)`,top:`calc(${g}% + ${t/2}px)`,width:`${t}px`,height:`calc(${u}% - ${t}px)`,cursor:a?"default":"col-resize",pointerEvents:a?"none":"auto",zIndex:10,userSelect:"none",touchAction:"none",boxSizing:"border-box"}:{position:"absolute",left:`calc(${v}% + ${t/2}px)`,top:`calc(var(--splitter-pos-${e.id}, ${g}%) - ${t/2}px)`,width:`calc(${d}% - ${t}px)`,height:`${t}px`,cursor:a?"default":"row-resize",pointerEvents:a?"none":"auto",zIndex:10,userSelect:"none",touchAction:"none",boxSizing:"border-box"};return jsx("div",{className:l.resizer||"","data-direction":h,"data-resizing":c||void 0,style:A,onPointerDown:z,role:"separator","aria-valuenow":i.splitPercentage,"aria-valuemin":5,"aria-valuemax":95})},rn=me.memo(({paneId:e,renderPane:t})=>jsx(Fragment,{children:t(e)}),(e,t)=>e.paneId===t.paneId&&e.renderPane===t.renderPane);var mt=({renderPane:e,tree:t,resizerSize:n,snapThreshold:r})=>{Mt(e);let{renderingLayout:o,activeId:s,dismissIntentId:l,setContainerRef:a,fullscreenPaneId:c,snapThreshold:f,locked:i,classNames:h,resizerSize:v}=re(),g=r!==void 0?r:f??8,d=n!==void 0?n:v??4,u=t!==void 0?t:o,m=useRef(null),{panes:y,splitters:b}=useMemo(()=>u?ve(u):{panes:[],splitters:[]},[u]);if(!u&&t!==void 0)return null;let S=()=>jsxs(Fragment,{children:[y.map(N=>{let z=c===N.paneId;return jsx("div",{style:{position:"absolute",left:z?"0%":`var(--pane-left-${N.paneId}, ${N.left}%)`,top:z?"0%":`var(--pane-top-${N.paneId}, ${N.top}%)`,width:z?"100%":`var(--pane-width-${N.paneId}, ${N.width}%)`,height:z?"100%":`var(--pane-height-${N.paneId}, ${N.height}%)`,overflow:"hidden",zIndex:z?20:1,display:c&&!z?"none":"block",padding:z?"0px":`${d/2}px`,boxSizing:"border-box"},children:jsx(rn,{paneId:N.paneId,renderPane:e})},N.paneId)}),!c&&b.map(N=>jsx(on,{splitter:N,resizerSize:d,snapThreshold:g,containerRef:m},N.id))]});if(t===void 0){let N=s!==null&&s===l,z=x=>{a(x),m.current=x;},A=`${h.dashboard||""} ${N&&h.dashboardDismissActive||""} ${i&&h.dashboardLocked||""}`.trim();return jsxs("div",{ref:z,className:A,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:[S(),s!==null&&!i&&jsx(ln,{activeClassName:h.rootDropPreview??h.dropPreview})]})}return jsx("div",{ref:m,style:{position:"relative",width:"100%",height:"100%",overflow:"hidden"},children:S()})};var lo=e=>{let{controller:t,children:n,renderDragOverlay:r,classNames:o={},renderPane:s,resizerSize:l,dragActivationDistance:a=8,snapThreshold:c=8,minSplitPercentage:f=5,maxSplitPercentage:i=95,enableDragToDismiss:h=false,dismissThreshold:v=60,onRemove:g,onDragStart:d,onDragEnd:u,onResizeStart:m,onResize:y,onResizeEnd:b,onDismissIntentChange:S,persist:N=false,renderPopoutWrapper:z}=e,A=t,{layout:x,setLayout:L,_internalSetLayout:F,renderingLayout:j,fullscreenPaneId:H,setFullscreenPaneId:J,locked:ne,setLocked:Y,findPaneById:k,findPaneContainingTab:Z,findTabById:V,getTabMetadata:_,getActiveTabMetadata:$,activeId:C,setActiveId:T,activeType:M,setActiveType:w,dismissIntentId:I,setDismissIntentId:ue,containerRef:Q,setContainerRef:K,removePane:X,addTab:ee,updateMetadata:D,updatePaneLock:E,selectTab:ae,mergeTab:ie,removeTab:G,splitPane:oe,updateSplitPercentage:ke,moveTab:p,poppedOutTabIds:P=[],popoutTab:R,dockTab:O}=A;Xt({persist:N,layout:x,setLayout:L});let{portalTargets:B,registerPortalTarget:le,registerPopoutTarget:W,registerRenderCallback:Pe,renderCallbacksRef:Be,registerRenderPane:Tt,renderPaneRef:at,registerTabHeader:Pt,tabHeadersRef:it,activeIdRef:Fe}=It();Qt({poppedOutTabIds:P,registerPopoutTarget:W,findTabById:V,dockTab:O});let yt=useCallback(de=>P.includes(de),[P]),{overTabId:xt,setOverTabId:Pn,overTabPosition:Rt,setOverTabPosition:yn,handleDragStartInternal:xn,handleDragEndInternal:Rn}=kt({onDragStart:d,onDragEnd:u}),wn=Ut({layout:x,_internalSetLayout:F,setLayout:L,activeId:C,setActiveId:T,activeType:M,setActiveType:w,dismissIntentId:I,setDismissIntentId:ue,setOverTabId:Pn,setOverTabPosition:yn,containerRef:Q,dragActivationDistance:a,enableDragToDismiss:h,dismissThreshold:v,onRemove:g,onDragStart:xn,onDragEnd:Rn,onDismissIntentChange:S,removeTab:G,removePane:X}),st=useMemo(()=>o,[o.dashboard,o.dashboardDismissActive,o.pane,o.paneLocked,o.dropPreview,o.rootDropPreview,o.dragOverlay,o.paneDragPreview,o.tabDragPreview,o.resizer,o.dismissPreview,o.dashboardLocked,o.lockedPreview,o.tabDropPreview,o.tabSeparator,o.tabsContainer,o.tab,o.paneContainer,o.paneHeader,o.paneControls,o.paneButton,o.tabCloseButton,o.dragHandle]),wt=useCallback((de,Ve)=>{b&&b(de,Ve);},[b]),Dn=useMemo(()=>({layout:x,renderingLayout:j,setLayout:L,activeId:C,activeType:M,dismissIntentId:I,setContainerRef:K,fullscreenPaneId:H,classNames:st,onRemove:g,onFullscreenChange:J,snapThreshold:c,onResizeStart:m,onResize:y,onResizeEnd:wt,minSplitPercentage:f,maxSplitPercentage:i,locked:ne,setLocked:Y,findPaneById:k,findPaneContainingTab:Z,findTabById:V,getTabMetadata:_,getActiveTabMetadata:$,renderPane:s,resizerSize:l,poppedOutTabIds:P,isTabPoppedOut:yt,renderPopoutWrapper:z}),[x,j,C,M,I,K,H,st,g,J,c,m,y,f,i,L,wt,ne,Y,k,Z,V,_,$,s,l,P,yt,z]),Cn=useMemo(()=>({overTabId:xt,overTabPosition:Rt}),[xt,Rt]),En=useMemo(()=>({removePane:X,addTab:ee,updateMetadata:D,updatePaneLock:E,selectTab:ae,mergeTab:ie,removeTab:G,setFullscreenPaneId:J,setLocked:Y,splitPane:oe,updateSplitPercentage:ke,moveTab:p,popoutTab:R,dockTab:O}),[X,ee,D,E,ae,ie,G,J,Y,oe,ke,p,R,O]),Sn=Lt(x),Nn=useMemo(()=>({registerPortalTarget:le,registerRenderCallback:Pe,renderCallbacksRef:Be,registerRenderPane:Tt,renderPaneRef:at,registerTabHeader:Pt,tabHeadersRef:it,activeIdRef:Fe,registerPopoutTarget:W}),[le,Pe,Be,Tt,at,Pt,it,Fe,W]);return Fe&&(Fe.current=C),jsx(xe.Provider,{value:En,children:jsx(ct.Provider,{value:Dn,children:jsx(ut.Provider,{value:Cn,children:jsxs(ye.Provider,{value:Nn,children:[jsx(DndContext,{id:"zeugma-dnd-context",...wn,children:n}),C&&M&&jsx(Kt,{activeId:C,render:de=>jsx("div",{style:{transition:"transform 150ms cubic-bezier(0.2, 0, 0, 1)",transform:de===I?"scale(0.8)":"scale(1)",transformOrigin:"top left"},children:jsx(nn,{activeId:de,activeType:M,dismissIntentId:I,renderDragOverlay:r,renderPaneRef:at,renderPane:s,tabHeadersRef:it,classNames:st})}),className:`${o.dragOverlay||""} ${C===I&&o.dismissPreview||""}`.trim()}),jsx("div",{id:"zeugma-portal-host",style:{display:"none"},children:Sn.map(de=>{let Ve=B[de],Dt=V(de);return Dt?jsx(tn,{tabDetails:Dt,target:Ve||null,renderWidget:Be.current[de]},de):null})})]})})})})},co=({renderPane:e,resizerSize:t,snapThreshold:n})=>{if(!e)throw new Error("Zeugma component requires a renderPane prop when used as a standalone renderer.");return jsx(mt,{renderPane:e,resizerSize:t,snapThreshold:n})},uo=e=>{let{children:t,...n}=e,{controller:r}=e;if(!r)throw new Error("Zeugma component requires a controller.");return jsx(lo,{...e,children:t!==void 0?t:jsx(co,{...n})})};var mo={top:{"1/4":{position:"absolute",top:0,left:0,width:"100%",height:"24px",zIndex:100,pointerEvents:"auto"},"1/3":{position:"absolute",top:"24px",left:0,width:"100%",height:"24px",zIndex:100,pointerEvents:"auto"}},bottom:{"1/4":{position:"absolute",bottom:0,left:0,width:"100%",height:"24px",zIndex:100,pointerEvents:"auto"},"1/3":{position:"absolute",bottom:"24px",left:0,width:"100%",height:"24px",zIndex:100,pointerEvents:"auto"}},left:{"1/4":{position:"absolute",left:0,top:"48px",width:"24px",height:"calc(100% - 96px)",zIndex:100,pointerEvents:"auto"},"1/3":{position:"absolute",left:"24px",top:"48px",width:"24px",height:"calc(100% - 96px)",zIndex:100,pointerEvents:"auto"}},right:{"1/4":{position:"absolute",right:0,top:"48px",width:"24px",height:"calc(100% - 96px)",zIndex:100,pointerEvents:"auto"},"1/3":{position:"absolute",right:"24px",top:"48px",width:"24px",height:"calc(100% - 96px)",zIndex:100,pointerEvents:"auto"}}},go={top:{"1/4":{top:0,left:0,width:"100%",height:"60px",borderBottomLeftRadius:"12px",borderBottomRightRadius:"12px",borderTopLeftRadius:"0px",borderTopRightRadius:"0px"},"1/3":{top:0,left:0,width:"100%",height:"96px",borderBottomLeftRadius:"12px",borderBottomRightRadius:"12px",borderTopLeftRadius:"0px",borderTopRightRadius:"0px"}},bottom:{"1/4":{bottom:0,left:0,width:"100%",height:"60px",borderTopLeftRadius:"12px",borderTopRightRadius:"12px",borderBottomLeftRadius:"0px",borderBottomRightRadius:"0px"},"1/3":{bottom:0,left:0,width:"100%",height:"96px",borderTopLeftRadius:"12px",borderTopRightRadius:"12px",borderBottomLeftRadius:"0px",borderBottomRightRadius:"0px"}},left:{"1/4":{left:0,top:0,width:"60px",height:"100%",borderTopRightRadius:"12px",borderBottomRightRadius:"12px",borderTopLeftRadius:"0px",borderBottomLeftRadius:"0px"},"1/3":{left:0,top:0,width:"96px",height:"100%",borderTopRightRadius:"12px",borderBottomRightRadius:"12px",borderTopLeftRadius:"0px",borderBottomLeftRadius:"0px"}},right:{"1/4":{right:0,top:0,width:"60px",height:"100%",borderTopLeftRadius:"12px",borderBottomLeftRadius:"12px",borderTopRightRadius:"0px",borderBottomRightRadius:"0px"},"1/3":{right:0,top:0,width:"96px",height:"100%",borderTopLeftRadius:"12px",borderBottomLeftRadius:"12px",borderTopRightRadius:"0px",borderBottomRightRadius:"0px"}}},bo=({id:e,fraction:t,edge:n,activeClassName:r})=>{let{setNodeRef:o,isOver:s}=useDroppable({id:e}),l={position:"absolute",pointerEvents:"none",zIndex:101,boxSizing:"border-box",...go[n][t]};return jsxs(Fragment,{children:[jsx("div",{ref:o,style:mo[n][t]}),s&&jsx("div",{className:r,style:l})]})},ln=({activeClassName:e})=>jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:99,pointerEvents:"none"},children:[{id:"drop-root-1/4-top",fraction:"1/4",edge:"top"},{id:"drop-root-1/3-top",fraction:"1/3",edge:"top"},{id:"drop-root-1/4-bottom",fraction:"1/4",edge:"bottom"},{id:"drop-root-1/3-bottom",fraction:"1/3",edge:"bottom"},{id:"drop-root-1/4-left",fraction:"1/4",edge:"left"},{id:"drop-root-1/3-left",fraction:"1/3",edge:"left"},{id:"drop-root-1/4-right",fraction:"1/4",edge:"right"},{id:"drop-root-1/3-right",fraction:"1/3",edge:"right"}].map(n=>jsx(bo,{id:n.id,fraction:n.fraction,edge:n.edge,activeClassName:e},n.id))});var tt=createContext(null);var yo={top:{position:"absolute",top:0,left:0,width:"100%",height:"25%",zIndex:20,pointerEvents:"auto"},bottom:{position:"absolute",bottom:0,left:0,width:"100%",height:"25%",zIndex:20,pointerEvents:"auto"},left:{position:"absolute",top:"25%",left:0,width:"50%",height:"50%",zIndex:20,pointerEvents:"auto"},right:{position:"absolute",top:"25%",right:0,width:"50%",height:"50%",zIndex:20,pointerEvents:"auto"},full:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:20,pointerEvents:"auto",cursor:"not-allowed"},center:{position:"absolute",top:"25%",left:"25%",width:"50%",height:"50%",zIndex:22,pointerEvents:"auto"}},xo={top:{position:"absolute",top:0,left:0,right:0,height:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},bottom:{position:"absolute",bottom:0,left:0,right:0,height:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},left:{position:"absolute",top:0,bottom:0,left:0,width:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},right:{position:"absolute",top:0,bottom:0,right:0,width:"50%",zIndex:21,pointerEvents:"none",boxSizing:"border-box"},full:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:21,pointerEvents:"none",boxSizing:"border-box"},center:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:21,pointerEvents:"none",boxSizing:"border-box"}},nt=({id:e,position:t,activeClassName:n})=>{let{setNodeRef:r,isOver:o}=useDroppable({id:e});return jsxs(Fragment,{children:[jsx("div",{ref:r,style:yo[t]}),o&&jsx("div",{className:n,style:xo[t]})]})};var dn=({children:e,className:t,style:n})=>{let r=useContext(tt);if(!r)throw new Error("<DragHandle> must be used inside a <Pane>");let{disabled:o,...s}=r;return jsx("div",{className:t,style:{cursor:o?"default":"grab",userSelect:o?"auto":"none",touchAction:o?"auto":"none",...n},...o?{}:s,children:e})};var ko=createContext(void 0);var _e=({id:e,locked:t=false,children:n,className:r,style:o})=>{let{locked:s,classNames:l={},fullscreenPaneId:a,poppedOutTabIds:c=[]}=re(),f=useContext(xe),{overTabId:i}=qe(),h=useContext(ye);useEffect(()=>(h?.registerTabHeader&&h.registerTabHeader(e,n),()=>{h?.registerTabHeader&&h.activeIdRef?.current!==e&&h.registerTabHeader(e,()=>null);}),[e,n,h]);let v=c.includes(e),g=useContext(bt),d=t||s||(g?.locked??false)||a!==null,{attributes:u,listeners:m,setNodeRef:y,isDragging:b}=useDraggable({id:`tab-header-${e}`,disabled:d}),{setNodeRef:S,isOver:N}=useDroppable({id:`tab-drop-${e}`,disabled:d}),z=V=>{y(V),S(V);},A=N&&i===e,x=g?.tabIds||[],L=x.indexOf(e),F=g?.activeTabId,H=L>0&&e!==F&&x[L-1]!==F?jsx("div",{className:l.tabSeparator}):null,J=g?g.activeTabId===e:false,ne=g?.tabsMetadata?.[e],Y=useCallback(()=>{g?.selectTab(e);},[g,e]),k=useCallback(()=>{g?.removeTab(e);},[g,e]),Z=useMemo(()=>({tabId:e,isActive:J,isDragging:b,isOver:A,metadata:ne,locked:d,selectTab:Y,removeTab:k,isPoppedOut:v,popoutTab:()=>f?.popoutTab(e),dockTab:()=>f?.dockTab(e)}),[e,J,b,A,ne,d,Y,k,v,f]);return jsx(ko.Provider,{value:Z,children:jsxs("div",{ref:z,id:`tab-header-${e}`,className:r,style:{display:"inline-flex",position:"relative",cursor:d?"default":"grab",...o},...d?{}:m,...d?{}:u,children:[H,n({isDragging:b,isOver:A})]})})};var bt=createContext(void 0);var gn=(e,t)=>typeof e=="function"?e(t):e,vt=({tabIds:e,activeTabId:t,locked:n,tabsMetadata:r,selectTab:o,removeTab:s,renderTab:l,classNames:a,styles:c})=>{let f=useContext(ot),i=e??f?.tabIds??[],h=t??f?.activeTabId??"",v=n??f?.locked??false,g=r??f?.tabsMetadata,d=o??f?.selectTab??(()=>{}),u=s??f?.removeTab??(()=>{}),{classNames:m={},activeType:y,poppedOutTabIds:b=[]}=re(),S=useContext(xe),{overTabId:N,overTabPosition:z}=qe(),A=useMemo(()=>({tabIds:i,activeTabId:h,locked:v,tabsMetadata:g,selectTab:d,removeTab:u}),[i,h,v,g,d,u]),x=Bt(i,y,N,z);return jsx(bt.Provider,{value:A,children:jsxs("div",{className:a?.container,style:{display:"flex",alignItems:"center",height:"100%",...c?.container},children:[i.map((L,F)=>{let j=g?.[L],H=gn(a?.tab,L),J=gn(c?.tab,L),ne=F===x;return jsxs(me.Fragment,{children:[ne&&m.tabDropPreview&&jsx("div",{style:{position:"relative",height:"100%",width:0,zIndex:10},children:jsx("div",{className:m.tabDropPreview,style:{position:"absolute",top:0,bottom:0,transform:F===0?"none":"translateX(-50%)"}})}),jsx(_e,{id:L,locked:v,className:H,style:J,children:({isDragging:Y,isOver:k})=>l({id:L,paneId:f?.id??"",isActive:L===h,index:F,isDragging:Y,isOver:k,metadata:j,onSelect:()=>d(L),onRemove:()=>u(L),isPoppedOut:b.includes(L),popout:()=>S?.popoutTab(L),dock:()=>S?.dockTab(L)})})]},L)}),x===i.length&&m.tabDropPreview&&jsx("div",{style:{position:"relative",height:"100%",width:0,zIndex:10},children:jsx("div",{className:m.tabDropPreview,style:{position:"absolute",top:0,bottom:0,transform:"translateX(-100%)"}})})]})})};vt.Tab=_e;var vn=({className:e,style:t,children:n})=>jsx("div",{className:e,style:t,children:n});var ot=createContext(void 0),Tn=()=>{let e=useContext(ot);if(!e)throw new Error("usePaneContext must be used within a Pane component");return e},Fo=({children:e,className:t,style:n})=>{let{activeTabId:r}=Tn(),{classNames:o,isTabPoppedOut:s}=re(),{dockTab:l}=ze(),a=useRef(null),c=useContext(ye);if(!c)throw new Error("PaneContent must be used within a Zeugma provider");let{registerPortalTarget:f,registerRenderCallback:i}=c,h=useMemo(()=>typeof e=="function"?e:()=>e,[e]);i(r,h),useEffect(()=>{let g=a.current;return f(r,g),()=>{f(r,null,g);}},[r,f]);let v=s(r);return jsx("div",{ref:a,id:`zeugma-tab-target-${r}`,className:`${o.tabContentWrapper||""} ${t||""}`.trim(),style:{height:"100%",width:"100%",position:"relative",...n},children:v&&jsxs("div",{className:"zeugma-popout-placeholder",style:{position:"absolute",top:0,left:0,right:0,bottom:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"12px",padding:"24px",textAlign:"center",backgroundColor:"#161719",color:"#94a3b8",fontSize:"13px",fontWeight:500},children:[jsx("div",{children:"This panel is open in a new window"}),jsx("button",{onClick:()=>l(r),style:{padding:"6px 12px",fontSize:"11px",fontWeight:600,borderRadius:"4px",backgroundColor:"#2563eb",color:"#ffffff",border:"none",cursor:"pointer",boxShadow:"0 1px 3px rgba(0,0,0,0.1)"},onMouseOver:g=>{g.currentTarget.style.backgroundColor="#1d4ed8";},onMouseOut:g=>{g.currentTarget.style.backgroundColor="#2563eb";},children:"Dock Back"})]})})},Le=({id:e,children:t,style:n,locked:r=false})=>{let{layout:o,renderingLayout:s,activeId:l,activeType:a,classNames:c,fullscreenPaneId:f,onFullscreenChange:i,locked:h,poppedOutTabIds:v=[]}=re(),{removePane:g,updateMetadata:d,selectTab:u,removeTab:m,popoutTab:y,dockTab:b}=ze(),S=useMemo(()=>{if(a==="tab"&&e===l){let I=q(o,e)?.tabsMetadata?.[e];return {type:"pane",id:e,tabIds:[e],activeTabId:e,tabsMetadata:I?{[e]:I}:void 0}}return At(e===l?o:s,e)},[o,s,e,l,a]),N=S?.id??e,z=S?.tabIds??[e],A=S?.activeTabId??e,x=S?.tabsMetadata,L=x?.[e],F=S?.locked??false,j=r||F,H=h||j||f!==null,J=h||j||f!==null,ne=l!==null&&l!==e&&(!z.includes(l)||z.length>1)&&!J,{attributes:Y,listeners:k,setNodeRef:Z}=useDraggable({id:e,disabled:H}),V=l!==null&&z.includes(l),_=f===e,$=useMemo(()=>({isDragging:V,isFullscreen:_,toggleFullscreen:()=>i?.(_?null:e),remove:()=>{_&&i?.(null),g(N);},metadata:L,updateMetadata:M=>{d(e,M);},locked:H,tabIds:z,activeTabId:A,selectTab:M=>u(N,M),removeTab:M=>{_&&M===A&&i?.(null),m(M);},tabsMetadata:x,updateTabMetadata:(M,w)=>{d(M,w);},isActiveTabPoppedOut:v.includes(A),popoutTab:M=>y(M||A),dockTab:M=>b(M||A)}),[V,_,i,e,m,L,d,H,z,A,u,N,x,v,y,b]),C=useMemo(()=>H?{disabled:true}:{...k,...Y},[k,Y,H]),T=`${c.pane||""} ${j&&c.paneLocked||""}`.trim();return jsx(ot.Provider,{value:{id:e,...$},children:jsx(tt.Provider,{value:C,children:jsxs("div",{ref:Z,id:e,className:T,style:{position:"relative",width:"100%",height:"100%",...n},children:[t,ne&&jsxs("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:[["top","bottom","left","right"].map(M=>jsx(nt,{id:`drop-${M}-${e}`,position:M,activeClassName:c.dropPreview},M)),a==="tab"&&jsx(nt,{id:`drop-center-${e}`,position:"center",activeClassName:c.swapPreview??c.dropPreview})]}),l!==null&&l!==e&&J&&jsx("div",{style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:15,pointerEvents:"none"},children:jsx(nt,{id:`drop-locked-${e}`,position:"full",activeClassName:c.lockedPreview||""})})]})})})};Le.Content=Fo;Le.DragHandle=dn;Le.Tabs=vt;Le.Tab=_e;Le.Controls=vn;export{Le as Pane,mt as PaneTree,uo as Zeugma,Tn as usePaneContext,ft as useResizer,zn as useZeugma,An as useZeugmaContext};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map