react-dockable-desktop 4.3.0 → 5.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -1,8 +1,8 @@
1
- "use strict";var Fo=Object.create;var Kt=Object.defineProperty;var _o=Object.getOwnPropertyDescriptor;var Ho=Object.getOwnPropertyNames;var Bo=Object.getPrototypeOf,$o=Object.prototype.hasOwnProperty;var Yo=(e,t)=>{for(var n in t)Kt(e,n,{get:t[n],enumerable:!0})},Ln=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of Ho(t))!$o.call(e,s)&&s!==n&&Kt(e,s,{get:()=>t[s],enumerable:!(r=_o(t,s))||r.enumerable});return e};var gn=(e,t,n)=>(n=e!=null?Fo(Bo(e)):{},Ln(t||!e||!e.__esModule?Kt(n,"default",{value:e,enumerable:!0}):n,e)),Xo=e=>Ln(Kt({},"__esModule",{value:!0}),e);var Rr={};Yo(Rr,{ConfirmationForm:()=>et,ContextMenu:()=>tn,ContextMenuProvider:()=>nn,DefaultContextMenuAdapter:()=>ct,DockableDesktopProvider:()=>ro,FormContainerContext:()=>Ut,FormContainerProvider:()=>Ue,LeftPanelRenderer:()=>so,ModalStackRenderer:()=>io,PanelContributionProvider:()=>ln,PanelFloatingWindow:()=>Sn,PanelOverlayRoot:()=>ko,PanelProvider:()=>rn,PanelRegistry:()=>zt,PanelRegistryClass:()=>lt,PanelToolbar:()=>So,PanelToolbarItem:()=>zo,PanelToolbarSeparator:()=>Lo,RightPanelRenderer:()=>ao,SidePanelRenderer:()=>lo,Sidebar:()=>go,ToastContainer:()=>yo,Toolbar:()=>bo,ToolbarButton:()=>Io,ToolbarCenter:()=>Wo,ToolbarProvider:()=>Ft,ToolbarSearchInput:()=>Do,ToolbarSpacer:()=>No,ToolbarToggle:()=>Eo,WindowManager:()=>jn,WindowManagerProvider:()=>Qt,WorkspaceClient:()=>an,defaultPredefinedMessages:()=>bt,formatLabel:()=>be,sidebarSectionToTab:()=>Rn,toast:()=>vo,useActivePanelContribution:()=>cn,useFormContainer:()=>ht,useFormatMessage:()=>$e,useMergedSidebarTabs:()=>to,useMergedToolbarItems:()=>eo,usePanelActions:()=>Qe,usePanelContext:()=>Fn,usePanelContextMenu:()=>_n,usePanelContribution:()=>Qn,usePanelFloatingWindow:()=>Oo,usePanelFloatingWindowManager:()=>Ao,usePanelId:()=>Wt,usePanelState:()=>qe,usePredefinedMessages:()=>Xe,useRegistry:()=>yt,useShowContextMenu:()=>$n,useSidebar:()=>fo,useSidebarTab:()=>mo,useStyleClasses:()=>Ve,useToolbar:()=>_t,useWindowManagerActions:()=>Pt,useWindowManagerState:()=>_e});module.exports=Xo(Rr);var V=gn(require("react"),1),Pn=require("react-dom");var F=require("react");var jt=require("react"),Go={requestClose:()=>{console.warn("FormContainerContract: requestClose called but no container is present")},setDirty:()=>{},onCloseRequested:()=>()=>{},setTitle:()=>{},setIcon:()=>{},containerType:"standalone",instanceId:"standalone",onClose:()=>()=>{},onMinimize:()=>()=>{},onRestore:()=>()=>{},onResize:()=>()=>{},requestMinimize:()=>{},getDimensions:()=>null,onActivate:()=>()=>{},onDeactivate:()=>()=>{},onContainerTypeChange:()=>()=>{}},Ut=(0,jt.createContext)(Go),Ue=Ut.Provider,ht=()=>(0,jt.useContext)(Ut);var lt=class{registry=new Map;register(t,n,r){this.registry.set(t,{Component:n,defaultOptions:r})}get(t){return this.registry.get(t)}getRegisteredIds(){return Array.from(this.registry.keys())}},zt=new lt;var bt={floatWindow:{id:"dockable-desktop-floatWindow",defaultMessage:"Float Window"},minimizePanel:{id:"dockable-desktop-minimizePanel",defaultMessage:"Minimize Panel"},closeTab:{id:"dockable-desktop-closeTab",defaultMessage:"Close Tab"},restorePanel:{id:"dockable-desktop-restorePanel",defaultMessage:"Restore Panel"},maximizePanel:{id:"dockable-desktop-maximizePanel",defaultMessage:"Maximize Panel"},closePanel:{id:"dockable-desktop-closePanel",defaultMessage:"Close Panel"},dockWindow:{id:"dockable-desktop-dockWindow",defaultMessage:"Dock Window"},minimize:{id:"dockable-desktop-minimize",defaultMessage:"Minimize"},maximize:{id:"dockable-desktop-maximize",defaultMessage:"Maximize"},restoreSize:{id:"dockable-desktop-restoreSize",defaultMessage:"Restore Size"},close:{id:"dockable-desktop-close",defaultMessage:"Close"},closeEmptyGroup:{id:"dockable-desktop-closeEmptyGroup",defaultMessage:"Close empty split group"},unsavedChangesTitle:{id:"dockable-desktop-unsavedChangesTitle",defaultMessage:"Unsaved Changes"},unsavedChangesMessage:{id:"dockable-desktop-unsavedChangesMessage",defaultMessage:'"{title}" has unsaved changes. Do you want to discard your changes and close?'},discardChanges:{id:"dockable-desktop-discardChanges",defaultMessage:"Discard Changes"},cancel:{id:"dockable-desktop-cancel",defaultMessage:"Cancel"},yes:{id:"dockable-desktop-yes",defaultMessage:"Yes"},no:{id:"dockable-desktop-no",defaultMessage:"No"},ok:{id:"dockable-desktop-ok",defaultMessage:"OK"},closePanelTooltip:{id:"dockable-desktop-closePanelTooltip",defaultMessage:"Close panel"},closeTooltip:{id:"dockable-desktop-closeTooltip",defaultMessage:"Close"}};var Je=require("react/jsx-runtime"),vt=(0,F.createContext)(null),Jt=(0,F.createContext)(null),zn=(0,F.createContext)(null),Wn=(0,F.createContext)(null),Dn=(0,F.createContext)(bt),On=(0,F.createContext)({}),Ve=()=>(0,F.useContext)(On),An=(0,F.createContext)(zt),yt=()=>(0,F.useContext)(An),fn=class{listeners={};subscribe(t,n){return this.listeners[t]||(this.listeners[t]=[]),this.listeners[t].push(n),()=>{this.listeners[t]=this.listeners[t].filter(r=>r!==n)}}publish(t,n){this.listeners[t]&&this.listeners[t].forEach(r=>r(n))}},Vo={type:"leaf",id:"group-default",panels:[],activePanelId:null};function qo(e){if(e)try{let t=JSON.parse(e);if(t.gridRoot&&Array.isArray(t.floating)&&Array.isArray(t.minimized)&&t.panels)return{gridRoot:t.gridRoot,floating:t.floating,minimized:t.minimized,panels:t.panels,activePanelId:Object.keys(t.panels)[0]??null}}catch{}return{gridRoot:Vo,floating:[],minimized:[],panels:{},activePanelId:null}}var Qt=({children:e,client:t,formatMessage:n,predefinedMessages:r,dir:s,modalClass:b,modalBodyClass:z,sidePanelClass:m,sidePanelBodyClass:M,windowClass:P,windowBodyClass:y})=>{let g=(0,F.useRef)(t?.registry??zt).current,H=t?.config.formatMessage??n,I=t?.config.predefinedMessages??r,k=t?.config.dir??s,[E,a]=(0,F.useState)(()=>({...qo(t?.initialState??null),draggedPanelId:null,dir:k||"ltr",isRtl:k==="rtl",splitRatio:Math.min(.9,Math.max(.1,t?.config.defaultSplitRatio??.5)),edgeSplitRatio:Math.min(.9,Math.max(.1,t?.config.defaultEdgeSplitRatio??.2))})),w=(0,F.useRef)(E);w.current=E;let u=(0,F.useRef)(new Set);(0,F.useEffect)(()=>{u.current.forEach(o=>o())},[E]);let v=(0,F.useCallback)(()=>w.current,[]),C=(0,F.useCallback)(o=>(u.current.add(o),()=>u.current.delete(o)),[]),B=(0,F.useRef)({}),T=(0,F.useMemo)(()=>({...bt,...I}),[I]),O=(0,F.useRef)(new fn),l=(0,F.useRef)(1e3),L=(0,F.useCallback)((o,h)=>O.current.subscribe(o,h),[]),G=(0,F.useCallback)((o,h)=>{O.current.publish(o,h)},[]),q=(0,F.useCallback)((o,h)=>{let c=typeof o.x=="string"?parseFloat(o.x):o.x,d=typeof o.y=="string"?parseFloat(o.y):o.y,A=typeof o.width=="string"?parseFloat(o.width):o.width,S=typeof o.height=="string"?parseFloat(o.height):o.height;isNaN(c)&&(c=300),isNaN(d)&&(d=150),isNaN(A)&&(A=450),isNaN(S)&&(S=350);let ee=Ce=>h.some(i=>{let W=typeof i.x=="string"?parseFloat(i.x):i.x,x=typeof i.y=="string"?parseFloat(i.y):i.y;return!i.maximized&&Math.abs(W-Ce.x)<20&&Math.abs(x-Ce.y)<20}),re=0;for(;ee({x:c,y:d})&&re<10;)c+=30,d+=30,re++;let ne=Math.max(100,window.innerWidth||1024),se=Math.max(100,window.innerHeight||768);return(c+A>ne||d+S>se)&&(c=100+re%5*30,d=100+re%5*30),c=Math.max(0,Math.min(c,ne-100)),d=Math.max(0,Math.min(d,se-40)),{x:c,y:d,width:A,height:S}},[]),ae=(0,F.useCallback)(o=>{a(h=>{let c=h.panels[o];if(!c)return h;if(c.state==="floating"){let d=h.floating.find(S=>S.id===o);if(!d)return h;let A=!h.floating.some(S=>S.z>d.z);return A&&h.activePanelId===o?h:(A||(l.current+=1),{...h,floating:h.floating.map(S=>S.id===o?{...S,z:A?d.z:l.current}:S),activePanelId:o})}else if(c.state==="docked"){if(h.activePanelId===o)return h;let d=A=>A.type==="leaf"?A.panels.includes(o)?{...A,activePanelId:o}:A:{...A,children:A.children.map(d)};return{...h,gridRoot:d(h.gridRoot),activePanelId:o}}return h.activePanelId===o?h:{...h,activePanelId:o}})},[]),U=(o,h)=>{if(o.type==="leaf"){let c=o.panels.indexOf(h);if(c===-1)return o;let d=o.panels.filter(ee=>ee!==h),A=o.activePanelId===h?d[c]||d[c-1]||d[0]||null:o.activePanelId,S={...o,panels:d,activePanelId:A};return d.length===0&&!o.keepOnEmpty?null:S}else{let c=o.children.map(S=>U(S,h)).filter(S=>S!==null);if(c.length===0)return null;if(c.length===1)return c[0];let d=o.sizes.slice(0,c.length),A=d.reduce((S,ee)=>S+ee,0);return{...o,children:c,sizes:d.map(S=>S/A)}}},ie=(o,h,c)=>{if(o.type==="leaf"){if(o.id===h){let d=o.panels.includes(c)?o.panels:[...o.panels,c];return{...o,panels:d,activePanelId:c}}return o}else return{...o,children:o.children.map(d=>ie(d,h,c))}},ye=o=>{if(o.type==="leaf")return o.id;for(let h of o.children){let c=ye(h);if(c)return c}return null},ge=(0,F.useCallback)((o,h,c)=>{let d=!(o in w.current.panels),A=c?.focus!==!1;a(S=>{let ee=S.panels[o],re=g.get(h),ne=c?.title||c?.title||re?.defaultOptions?.title||o,se=c?.initialTarget||re?.defaultOptions?.initialTarget||"docked",Ce=re?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},i=A?o:S.activePanelId;if(ee)if(ee.state==="minimized"){let D=S.minimized.filter($=>$.id!==o);if(se==="floating"||!S.gridRoot){l.current+=1;let $=q(Ce,S.floating);return{...S,minimized:D,floating:[...S.floating,{...$,id:o,z:l.current}],panels:{...S.panels,[o]:{...ee,state:"floating"}},activePanelId:i}}else{let $=ye(S.gridRoot)||"group-default";return{...S,minimized:D,gridRoot:ie(S.gridRoot,$,o),panels:{...S.panels,[o]:{...ee,state:"docked"}},activePanelId:i}}}else{if(ee.state==="floating")return A&&ae(o),S;{let D=$=>$.type==="leaf"?$.panels.includes(o)?{...$,activePanelId:o}:$:{...$,children:$.children.map(D)};return{...S,gridRoot:D(S.gridRoot),activePanelId:i}}}let x={id:o,title:ne,component:h,state:se==="tabbed"?"docked":se},R={...S.panels,[o]:x};if(se==="floating"){l.current+=1;let D=q(Ce,S.floating),$=c?.anchor??re?.defaultOptions?.defaultAnchor??null;return{...S,floating:[...S.floating,{...D,id:o,z:l.current,anchor:$}],panels:R,activePanelId:i}}else{let D=ye(S.gridRoot)||"group-default";return{...S,gridRoot:ie(S.gridRoot,D,o),panels:R,activePanelId:i}}}),d&&O.current.publish("panel:opened",{id:o,component:h})},[q,ae]),te=(0,F.useCallback)(o=>{let h=o in w.current.panels;a(c=>{let d=c.panels[o];if(!d||g.get(d.component)?.defaultOptions?.canClose===!1)return c;delete B.current[o];let S={...c.panels};delete S[o];let ee=U(c.gridRoot,o);return{...c,gridRoot:ee||{type:"leaf",id:"group-default",panels:[],activePanelId:null},floating:c.floating.filter(re=>re.id!==o),minimized:c.minimized.filter(re=>re.id!==o),panels:S}}),h&&O.current.publish("panel:closed",{id:o})},[]),N=(0,F.useCallback)((o,h)=>{B.current[o]=h},[]),f=(0,F.useCallback)(o=>{delete B.current[o]},[]),X=(0,F.useCallback)((o,h,c)=>{a(d=>{let A=d.panels[o];return A?{...d,panels:{...d.panels,[o]:{...A,dirty:h,dirtyOptions:c}}}:d})},[]),Q=(0,F.useCallback)((o,h)=>{a(c=>{let d=c.panels[o];return d?{...c,panels:{...c.panels,[o]:{...d,title:h}}}:c})},[]),j=(0,F.useCallback)(async(o,h)=>{if(h?.force){te(o);return}let c=B.current[o];if(c&&!await c())return;let d=w.current.panels[o];if(d?.dirty)if(h?.onConfirm){if(!await h.onConfirm(d.dirtyOptions))return}else return;te(o)},[te]),fe=(0,F.useCallback)(o=>{let h=w.current.panels[o]?.state!=="minimized"&&o in w.current.panels;a(c=>{let d=c.panels[o];if(!d||d.state==="minimized"||g.get(d.component)?.defaultOptions?.canMinimize===!1)return c;let S,ee;if(d.state==="floating"){let ne=c.floating.find(se=>se.id===o);ne&&(S={x:Number(ne.x),y:Number(ne.y),width:Number(ne.width),height:Number(ne.height),anchor:ne.anchor??null})}else if(d.state==="docked"){let ne=se=>{if(se.type==="leaf")return se.panels.includes(o)?se.id:null;for(let Ce of se.children){let i=ne(Ce);if(i)return i}return null};ee=ne(c.gridRoot)??void 0}let re=U(c.gridRoot,o);return{...c,gridRoot:re||{type:"leaf",id:"group-default",panels:[],activePanelId:null},floating:c.floating.filter(ne=>ne.id!==o),minimized:[...c.minimized,{id:o,title:d.title,component:d.component}],panels:{...c.panels,[o]:{...d,state:"minimized",previousState:d.state,lastFloatingRect:S,lastLeafId:ee}}}}),h&&O.current.publish("panel:minimized",{id:o})},[]),Pe=(0,F.useCallback)(o=>{let h=w.current.panels[o]?.state==="minimized";a(c=>{let d=c.panels[o];if(!d||d.state!=="minimized")return c;let A=c.minimized.filter(ee=>ee.id!==o);if((d.previousState||"docked")==="floating"){l.current+=1;let ee=g.get(d.component),re=d.lastFloatingRect||ee?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},ne=q(re,c.floating);return{...c,minimized:A,floating:[...c.floating,{...ne,id:o,z:l.current,anchor:d.lastFloatingRect?.anchor??null}],panels:{...c.panels,[o]:{...d,state:"floating"}}}}else{let ee=(Ce,i)=>Ce.type==="leaf"?Ce.id===i:Ce.children.some(W=>ee(W,i)),re=d.lastLeafId&&ee(c.gridRoot,d.lastLeafId),ne=g.get(d.component),se=ne?.defaultOptions?.canDrag!==!1;if(re)return{...c,minimized:A,gridRoot:ie(c.gridRoot,d.lastLeafId,o),panels:{...c.panels,[o]:{...d,state:"docked"}}};if(se){l.current+=1;let Ce=d.lastFloatingRect||ne?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},i=q(Ce,c.floating);return{...c,minimized:A,floating:[...c.floating,{...i,id:o,z:l.current,anchor:d.lastFloatingRect?.anchor??null}],panels:{...c.panels,[o]:{...d,state:"floating"}}}}else{let Ce=ye(c.gridRoot)||"group-default";return{...c,minimized:A,gridRoot:ie(c.gridRoot,Ce,o),panels:{...c.panels,[o]:{...d,state:"docked"}}}}}}),h&&O.current.publish("panel:restored",{id:o})},[q]),Re=(0,F.useCallback)((o,h,c)=>{a(d=>{let A=d.panels[o];if(!A||g.get(A.component)?.defaultOptions?.canDrag===!1)return d;let ee=g.get(A.component),re=h||ee?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},ne=U(d.gridRoot,o);l.current+=1;let se=q(re,d.floating);return{...d,gridRoot:ne||{type:"leaf",id:"group-default",panels:[],activePanelId:null},floating:[...d.floating,{...se,id:o,z:l.current,anchor:c??null}],panels:{...d.panels,[o]:{...A,state:"floating"}}}})},[q]),ze=(0,F.useCallback)((o,h)=>{a(c=>{let d=c.panels[o];if(!d)return c;let A=c.floating.filter(re=>re.id!==o),S=U(c.gridRoot,o),ee=h||ye(S||c.gridRoot)||"group-default";return{...c,gridRoot:ie(S||c.gridRoot,ee,o),floating:A,panels:{...c.panels,[o]:{...d,state:"docked"}}}})},[]),Ee=(o,h,c,d,A)=>{if(o.type==="leaf"){if(o.id===h){let S={type:"leaf",id:`group-split-${Date.now()}-${Math.floor(Math.random()*1e3)}`,panels:[c],activePanelId:c},ee=d==="left"||d==="right"?"horizontal":"vertical",re=d==="left"||d==="top"?[S,o]:[o,S],ne=d==="left"||d==="top"?[A,1-A]:[1-A,A];return{type:"branch",orientation:ee,sizes:ne,children:re}}return o}else return{...o,children:o.children.map(S=>Ee(S,h,c,d,A))}},Fe=(0,F.useCallback)(o=>{a(h=>({...h,draggedPanelId:o}))},[]),Mt=(0,F.useCallback)((o,h,c)=>{a(d=>{let A=d.panels[o];if(!A)return d;let S=d.floating.filter(ne=>ne.id!==o),ee=U(d.gridRoot,o),re;return c==="center"?re=ie(ee||d.gridRoot,h,o):re=Ee(ee||d.gridRoot,h,o,c,d.splitRatio),{...d,gridRoot:re,floating:S,panels:{...d.panels,[o]:{...A,state:"docked"}},draggedPanelId:null}})},[]),Tt=(0,F.useCallback)((o,h)=>{a(c=>{let d=c.panels[o];if(!d)return c;let A=c.floating.filter(i=>i.id!==o),S=U(c.gridRoot,o),ee={type:"leaf",id:`group-edge-${Date.now()}-${Math.floor(Math.random()*1e3)}`,panels:[o],activePanelId:o},re=h==="left"||h==="right"?"horizontal":"vertical",ne=h==="left"||h==="top"?[ee,S||c.gridRoot]:[S||c.gridRoot,ee],se=c.edgeSplitRatio,Ce={type:"branch",orientation:re,sizes:h==="left"||h==="top"?[se,1-se]:[1-se,se],children:ne};return{...c,gridRoot:Ce,floating:A,panels:{...c.panels,[o]:{...d,state:"docked"}},draggedPanelId:null}})},[]),Ht=(0,F.useCallback)((o,h,c)=>{a(d=>{let A=d.panels[o];if(!A)return d;let S=U(d.gridRoot,o),ee=se=>{if(se.type==="leaf"){if(se.id===h){let Ce=se.panels.filter(x=>x!==o),i=Math.max(0,Math.min(c,Ce.length)),W=[...Ce];return W.splice(i,0,o),{...se,panels:W,activePanelId:o}}return se}else return{...se,children:se.children.map(ee)}},re=ee(S||d.gridRoot),ne=d.floating.filter(se=>se.id!==o);return{...d,gridRoot:re,floating:ne,panels:{...d.panels,[o]:{...A,state:"docked"}},draggedPanelId:null}})},[]),ut=(0,F.useCallback)(o=>{a(h=>{let c=A=>{if(A.type==="leaf")return A.id===o&&A.canClose!==!1?null:A;{let S=A.children.map(ne=>c(ne)).filter(ne=>ne!==null);if(S.length===0)return null;if(S.length===1)return S[0];let ee=A.sizes.slice(0,S.length),re=ee.reduce((ne,se)=>ne+se,0);return{...A,children:S,sizes:ee.map(ne=>ne/re)}}},d=c(h.gridRoot);return{...h,gridRoot:d||{type:"leaf",id:"group-default",panels:[],activePanelId:null}}})},[]),We=(0,F.useCallback)(o=>{a(h=>({...h,floating:h.floating.map(c=>c.id===o?{...c,maximized:!c.maximized}:c)}))},[]),Bt=(0,F.useCallback)((o,h)=>{let c=(d,A)=>{if(d.type==="leaf")return d;if(A===o.length)return{...d,sizes:h};let S=o[A],ee=d.children.map((re,ne)=>ne===S?c(re,A+1):re);return{...d,children:ee}};a(d=>({...d,gridRoot:c(d.gridRoot,0)}))},[]),$t=(0,F.useCallback)((o,h)=>{a(c=>({...c,floating:c.floating.map(d=>d.id===o?{...d,...h}:d)}))},[]),pt=(0,F.useCallback)(()=>JSON.stringify({gridRoot:w.current.gridRoot,floating:w.current.floating,minimized:w.current.minimized,panels:w.current.panels}),[]),ot=(0,F.useCallback)(o=>{try{let h=JSON.parse(o);if(h.gridRoot&&h.floating&&h.minimized&&h.panels){let c=h.floating.map(A=>{if("stickyRight"in A||"stickyBottom"in A){let S=A.stickyRight&&A.stickyBottom?"bottom-right":A.stickyRight?"top-right":A.stickyBottom?"bottom-left":null,{stickyRight:ee,stickyBottom:re,...ne}=A;return{...ne,anchor:S}}return A}),d=Object.keys(h.panels)[0]||null;return a(A=>({...A,gridRoot:h.gridRoot,floating:c,minimized:h.minimized,panels:h.panels,draggedPanelId:null,activePanelId:d})),!0}return!1}catch(h){return console.error("Failed to parse layout configuration:",h),!1}},[]),kt=(0,F.useCallback)(o=>{a(h=>h.activePanelId===o?h:{...h,activePanelId:o})},[]),Yt=(0,F.useCallback)(o=>{a(h=>h.dir===o?h:{...h,dir:o,isRtl:o==="rtl"})},[]),Ke=(0,F.useCallback)(o=>o in w.current.panels,[]),Ge=(0,F.useCallback)(()=>Object.keys(w.current.panels),[]);(0,F.useEffect)(()=>{k&&a(o=>o.dir===k?o:{...o,dir:k,isRtl:k==="rtl"})},[k]);let St=(0,F.useRef)(new Map),It=(0,F.useRef)(null),Et=(0,F.useCallback)(o=>(It.current=o,()=>{It.current=null}),[]),rt=(0,F.useCallback)(o=>{It.current?.(o)},[]),it=(0,F.useCallback)((o,h)=>(St.current.set(o,h),()=>{St.current.delete(o)}),[]),st=(0,F.useCallback)(o=>St.current.get(o)?.()??[],[]),je=(0,F.useMemo)(()=>({openPanel:ge,closePanel:te,minimizePanel:fe,restorePanel:Pe,floatPanel:Re,dockPanel:ze,maximizePanel:We,updateSplitSizes:Bt,updateFloatingPosition:$t,focusPanel:ae,isOpen:Ke,getOpenPanelIds:Ge,saveLayout:pt,loadLayout:ot,publish:G,subscribe:L,setDraggedPanelId:Fe,dockPanelToGroup:Mt,movePanelOrder:Ht,closeLeafGroup:ut,registerCloseGuard:N,unregisterCloseGuard:f,setPanelDirty:X,updatePanelTitle:Q,requestClosePanel:j,dockPanelToWorkspaceEdge:Tt,setActivePanel:kt,setDirection:Yt,registerPanelContextMenu:it,getPanelContextMenuItems:st,showContextMenu:rt,registerContextMenuFn:Et}),[ge,te,fe,Pe,Re,ze,We,Bt,$t,ae,Ke,Ge,pt,ot,G,L,Fe,Mt,Ht,ut,N,f,X,Q,j,Tt,kt,Yt,it,st,rt,Et]),Xt=o=>{let h=o.defaultMessage||o.id;return o.values&&Object.entries(o.values).forEach(([c,d])=>{h=h.replace(`{${c}}`,String(d))}),h},un=(0,F.useMemo)(()=>({modalClass:b,modalBodyClass:z,sidePanelClass:m,sidePanelBodyClass:M,windowClass:P,windowBodyClass:y}),[b,z,m,M,P,y]);(0,F.useEffect)(()=>{if(process.env.NODE_ENV==="development")try{getComputedStyle(document.documentElement).getPropertyValue("--rdd-styles-loaded").trim()!=="1"&&console.error(`[react-dockable-desktop] styles.css is not imported.
1
+ "use strict";var Fo=Object.create;var Kt=Object.defineProperty;var _o=Object.getOwnPropertyDescriptor;var Ho=Object.getOwnPropertyNames;var Bo=Object.getPrototypeOf,$o=Object.prototype.hasOwnProperty;var Go=(e,t)=>{for(var n in t)Kt(e,n,{get:t[n],enumerable:!0})},En=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let f of Ho(t))!$o.call(e,f)&&f!==n&&Kt(e,f,{get:()=>t[f],enumerable:!(o=_o(t,f))||o.enumerable});return e};var fn=(e,t,n)=>(n=e!=null?Fo(Bo(e)):{},En(t||!e||!e.__esModule?Kt(n,"default",{value:e,enumerable:!0}):n,e)),Yo=e=>En(Kt({},"__esModule",{value:!0}),e);var Tr={};Go(Tr,{ConfirmationForm:()=>Ze,ContextMenu:()=>Jt,ContextMenuProvider:()=>Qt,DefaultContextMenuAdapter:()=>ct,DockableDesktopProvider:()=>so,FormContainerContext:()=>qt,FormContainerProvider:()=>Ke,LeftPanelRenderer:()=>lo,ModalStackRenderer:()=>ao,PanelContributionProvider:()=>an,PanelFloatingWindow:()=>In,PanelOverlayRoot:()=>So,PanelProvider:()=>tn,PanelRegistry:()=>Nt,PanelRegistryClass:()=>lt,PanelToolbar:()=>ko,PanelToolbarItem:()=>No,PanelToolbarSeparator:()=>Lo,RightPanelRenderer:()=>co,SidePanelRenderer:()=>uo,Sidebar:()=>mo,ToastContainer:()=>xo,Toolbar:()=>yo,ToolbarButton:()=>Io,ToolbarCenter:()=>Do,ToolbarProvider:()=>Ft,ToolbarSearchInput:()=>Wo,ToolbarSpacer:()=>zo,ToolbarToggle:()=>Eo,WindowManager:()=>Jn,WindowManagerProvider:()=>Zt,WorkspaceClient:()=>sn,computeResizedRect:()=>Mt,defaultPredefinedMessages:()=>yt,formatLabel:()=>ge,isSerializable:()=>dt,sidebarSectionToTab:()=>Mn,startPointerDrag:()=>$e,toast:()=>Po,useActivePanelContribution:()=>ln,useColorScheme:()=>on,useFormContainer:()=>at,useFormatMessage:()=>De,useMergedSidebarTabs:()=>oo,useMergedToolbarItems:()=>no,usePanelActions:()=>je,usePanelContext:()=>Hn,usePanelContextMenu:()=>Bn,usePanelContribution:()=>to,usePanelFloatingWindow:()=>Oo,usePanelFloatingWindowManager:()=>Ao,usePanelId:()=>Dt,usePanelSize:()=>Ln,usePanelState:()=>Be,usePredefinedMessages:()=>Ae,useRegistry:()=>xt,useShowContextMenu:()=>Yn,useSidebar:()=>ho,useSidebarTab:()=>bo,useStyleClasses:()=>He,useToolbar:()=>_t,useWindowManagerActions:()=>Ct,useWindowManagerState:()=>Ee});module.exports=Yo(Tr);var K=fn(require("react"),1),xn=require("react-dom");var W=require("react");var vt=require("react"),Xo={requestClose:()=>{console.warn("FormContainerContract: requestClose called but no container is present")},setDirty:()=>{},onCloseRequested:()=>()=>{},registerStateProvider:()=>()=>{},setTitle:()=>{},setIcon:()=>{},containerType:"standalone",instanceId:"standalone",onClose:()=>()=>{},onMinimize:()=>()=>{},onRestore:()=>()=>{},onResize:()=>()=>{},requestMinimize:()=>{},getDimensions:()=>null,onActivate:()=>()=>{},onDeactivate:()=>()=>{},onContainerTypeChange:()=>()=>{}},qt=(0,vt.createContext)(Xo),Ke=qt.Provider,at=()=>(0,vt.useContext)(qt),Ln=()=>{let{onResize:e,getDimensions:t}=at();return(0,vt.useSyncExternalStore)(n=>e?e(()=>n()):()=>{},()=>t?t():null)};var lt=class{registry=new Map;register(t,n,o){this.registry.set(t,{Component:n,defaultOptions:o})}get(t){return this.registry.get(t)}getRegisteredIds(){return Array.from(this.registry.keys())}},Nt=new lt;var yt={floatWindow:{id:"dockable-desktop-floatWindow",defaultMessage:"Float Window"},minimizePanel:{id:"dockable-desktop-minimizePanel",defaultMessage:"Minimize Panel"},closeTab:{id:"dockable-desktop-closeTab",defaultMessage:"Close Tab"},restorePanel:{id:"dockable-desktop-restorePanel",defaultMessage:"Restore Panel"},maximizePanel:{id:"dockable-desktop-maximizePanel",defaultMessage:"Maximize Panel"},closePanel:{id:"dockable-desktop-closePanel",defaultMessage:"Close Panel"},dockWindow:{id:"dockable-desktop-dockWindow",defaultMessage:"Dock Window"},minimize:{id:"dockable-desktop-minimize",defaultMessage:"Minimize"},maximize:{id:"dockable-desktop-maximize",defaultMessage:"Maximize"},restoreSize:{id:"dockable-desktop-restoreSize",defaultMessage:"Restore Size"},close:{id:"dockable-desktop-close",defaultMessage:"Close"},closeEmptyGroup:{id:"dockable-desktop-closeEmptyGroup",defaultMessage:"Close empty split group"},unsavedChangesTitle:{id:"dockable-desktop-unsavedChangesTitle",defaultMessage:"Unsaved Changes"},unsavedChangesMessage:{id:"dockable-desktop-unsavedChangesMessage",defaultMessage:'"{title}" has unsaved changes. Do you want to discard your changes and close?'},discardChanges:{id:"dockable-desktop-discardChanges",defaultMessage:"Discard Changes"},cancel:{id:"dockable-desktop-cancel",defaultMessage:"Cancel"},yes:{id:"dockable-desktop-yes",defaultMessage:"Yes"},no:{id:"dockable-desktop-no",defaultMessage:"No"},ok:{id:"dockable-desktop-ok",defaultMessage:"OK"},closePanelTooltip:{id:"dockable-desktop-closePanelTooltip",defaultMessage:"Close panel"},closeTooltip:{id:"dockable-desktop-closeTooltip",defaultMessage:"Close"}};var zn=require("react");function dt(e){if(e===null)return!0;if(e===void 0)return!1;let t=typeof e;if(t==="string"||t==="number"||t==="boolean")return!0;if(t==="function"||t==="symbol"||t==="bigint")return!1;if(e instanceof Date)return!0;if((0,zn.isValidElement)(e))return!1;if(Array.isArray(e))return e.every(dt);let n=Object.getPrototypeOf(e);return n!==Object.prototype&&n!==null?!1:Object.values(e).every(dt)}var qe=require("react/jsx-runtime"),Pt=(0,W.createContext)(null),jt=(0,W.createContext)(null),Dn=(0,W.createContext)(null),Wn=(0,W.createContext)(null),On=(0,W.createContext)(yt),An=(0,W.createContext)({}),He=()=>(0,W.useContext)(An),Fn=(0,W.createContext)(Nt),xt=()=>(0,W.useContext)(Fn),mn=class{listeners={};subscribe(t,n){return this.listeners[t]||(this.listeners[t]=[]),this.listeners[t].push(n),()=>{this.listeners[t]=this.listeners[t].filter(o=>o!==n)}}publish(t,n){this.listeners[t]&&this.listeners[t].forEach(o=>o(n))}},Vo={type:"leaf",id:"group-default",panels:[],activePanelId:null};function _n(e){if(!e||!e.gridRoot||!Array.isArray(e.floating)||!Array.isArray(e.minimized)||!e.panels)return null;let t=e.floating.map(n=>{if("stickyRight"in n||"stickyBottom"in n){let o=n.stickyRight&&n.stickyBottom?"bottom-right":n.stickyRight?"top-right":n.stickyBottom?"bottom-left":null,{stickyRight:f,stickyBottom:s,...k}=n;return{...k,anchor:o}}return n});return{gridRoot:e.gridRoot,floating:t,minimized:e.minimized,panels:e.panels}}function Ko(e){if(e)try{let t=_n(JSON.parse(e));if(t)return{...t,activePanelId:Object.keys(t.panels)[0]??null}}catch{}return{gridRoot:Vo,floating:[],minimized:[],panels:{},activePanelId:null}}var Zt=({children:e,client:t,formatMessage:n,predefinedMessages:o,dir:f,modalClass:s,modalBodyClass:k,sidePanelClass:b,sidePanelBodyClass:T,windowClass:w,windowBodyClass:x,zIndexBase:v})=>{let S=(0,W.useRef)(t?.registry??Nt).current,I=t?.config.formatMessage??n,N=t?.config.predefinedMessages??o,z=t?.config.dir??f,d=t?.config.zIndexBase??v??1e3,[E,R]=(0,W.useState)(()=>({...Ko(t?.initialState??null),draggedPanelId:null,dir:z||"ltr",isRtl:z==="rtl",splitRatio:Math.min(.9,Math.max(.1,t?.config.defaultSplitRatio??.5)),edgeSplitRatio:Math.min(.9,Math.max(.1,t?.config.defaultEdgeSplitRatio??.2))})),L=(0,W.useRef)(E);L.current=E;let g=(0,W.useRef)(new Set);(0,W.useEffect)(()=>{g.current.forEach(i=>i())},[E]);let P=(0,W.useCallback)(()=>L.current,[]),H=(0,W.useCallback)(i=>(g.current.add(i),()=>g.current.delete(i)),[]),B=(0,W.useRef)({}),l=(0,W.useRef)({}),D=(0,W.useMemo)(()=>({...yt,...N}),[N]),X=(0,W.useRef)(new mn),j=(0,W.useRef)(d);(0,W.useEffect)(()=>(document.documentElement.style.setProperty("--rdd-z-base",String(d)),()=>{document.documentElement.style.removeProperty("--rdd-z-base")}),[d]);let U=(0,W.useCallback)((i,y)=>X.current.subscribe(i,y),[]),pe=(0,W.useCallback)((i,y)=>{X.current.publish(i,y)},[]),ee=(0,W.useCallback)((i,y)=>{let c=typeof i.x=="string"?parseFloat(i.x):i.x,a=typeof i.y=="string"?parseFloat(i.y):i.y,G=typeof i.width=="string"?parseFloat(i.width):i.width,r=typeof i.height=="string"?parseFloat(i.height):i.height;isNaN(c)&&(c=300),isNaN(a)&&(a=150),isNaN(G)&&(G=450),isNaN(r)&&(r=350);let C=M=>y.some(A=>{let F=typeof A.x=="string"?parseFloat(A.x):A.x,Z=typeof A.y=="string"?parseFloat(A.y):A.y;return!A.maximized&&Math.abs(F-M.x)<20&&Math.abs(Z-M.y)<20}),p=0;for(;C({x:c,y:a})&&p<10;)c+=30,a+=30,p++;let u=Math.max(100,window.innerWidth||1024),h=Math.max(100,window.innerHeight||768);return(c+G>u||a+r>h)&&(c=100+p%5*30,a=100+p%5*30),c=Math.max(0,Math.min(c,u-100)),a=Math.max(0,Math.min(a,h-40)),{x:c,y:a,width:G,height:r}},[]),he=(0,W.useCallback)(i=>{R(y=>{let c=y.panels[i];if(!c)return y;if(c.state==="floating"){let a=y.floating.find(r=>r.id===i);if(!a)return y;let G=!y.floating.some(r=>r.z>a.z);return G&&y.activePanelId===i?y:(G||(j.current+=1),{...y,floating:y.floating.map(r=>r.id===i?{...r,z:G?a.z:j.current}:r),activePanelId:i})}else if(c.state==="docked"){if(y.activePanelId===i)return y;let a=G=>G.type==="leaf"?G.panels.includes(i)?{...G,activePanelId:i}:G:{...G,children:G.children.map(a)};return{...y,gridRoot:a(y.gridRoot),activePanelId:i}}return y.activePanelId===i?y:{...y,activePanelId:i}})},[]),le=(i,y)=>{if(i.type==="leaf"){let c=i.panels.indexOf(y);if(c===-1)return i;let a=i.panels.filter(C=>C!==y),G=i.activePanelId===y?a[c]||a[c-1]||a[0]||null:i.activePanelId,r={...i,panels:a,activePanelId:G};return a.length===0&&!i.keepOnEmpty?null:r}else{let c=i.children.map(r=>le(r,y)).filter(r=>r!==null);if(c.length===0)return null;if(c.length===1)return c[0];let a=i.sizes.slice(0,c.length),G=a.reduce((r,C)=>r+C,0);return{...i,children:c,sizes:a.map(r=>r/G)}}},$=(i,y,c)=>{if(i.type==="leaf"){if(i.id===y){let a=i.panels.includes(c)?i.panels:[...i.panels,c];return{...i,panels:a,activePanelId:c}}return i}else return{...i,children:i.children.map(a=>$(a,y,c))}},O=i=>{if(i.type==="leaf")return i.id;for(let y of i.children){let c=O(y);if(c)return c}return null},_=(0,W.useCallback)((i,y,c)=>{let a=i;if(c?.dedupeKey!==void 0){let h=Object.values(L.current.panels).find(M=>M.component===y&&M.dedupeKey===c.dedupeKey);h&&(a=h.id)}let G=!(a in L.current.panels),r=a!==i,C=c?.focus!==!1,u=c?.props!==void 0?dt(c.props):!0;R(h=>{let M=h.panels[a],A=S.get(y),F=c?.title||c?.title||A?.defaultOptions?.title||a,Z=c?.initialTarget||A?.defaultOptions?.initialTarget||"docked",se=A?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},J=C?a:h.activePanelId;if(M)if(M.state==="minimized"){let ae=h.minimized.filter(de=>de.id!==a);if(Z==="floating"||!h.gridRoot){j.current+=1;let de=ee(se,h.floating);return{...h,minimized:ae,floating:[...h.floating,{...de,id:a,z:j.current}],panels:{...h.panels,[a]:{...M,state:"floating"}},activePanelId:J}}else{let de=O(h.gridRoot)||"group-default";return{...h,minimized:ae,gridRoot:$(h.gridRoot,de,a),panels:{...h.panels,[a]:{...M,state:"docked"}},activePanelId:J}}}else{if(M.state==="floating")return C&&he(a),h;{let ae=de=>de.type==="leaf"?de.panels.includes(a)?{...de,activePanelId:a}:de:{...de,children:de.children.map(ae)};return{...h,gridRoot:ae(h.gridRoot),activePanelId:J}}}let ce={id:a,title:F,component:y,state:Z==="tabbed"?"docked":Z,props:c?.props,serializable:u,dedupeKey:c?.dedupeKey},te={...h.panels,[a]:ce};if(Z==="floating"){j.current+=1;let ae=ee(se,h.floating),de=c?.anchor??A?.defaultOptions?.defaultAnchor??null;return{...h,floating:[...h.floating,{...ae,id:a,z:j.current,anchor:de}],panels:te,activePanelId:J}}else{let ae=O(h.gridRoot)||"group-default";return{...h,gridRoot:$(h.gridRoot,ae,a),panels:te,activePanelId:J}}}),G&&X.current.publish("panel:opened",{id:a,component:y}),(G||r)&&X.current.publish("layout:changed",{})},[ee,he]),q=(0,W.useCallback)(i=>{let y=i in L.current.panels;R(c=>{let a=c.panels[i];if(!a||S.get(a.component)?.defaultOptions?.canClose===!1)return c;delete B.current[i],delete l.current[i];let r={...c.panels};delete r[i];let C=le(c.gridRoot,i);return{...c,gridRoot:C||{type:"leaf",id:"group-default",panels:[],activePanelId:null},floating:c.floating.filter(p=>p.id!==i),minimized:c.minimized.filter(p=>p.id!==i),panels:r}}),y&&(X.current.publish("panel:closed",{id:i}),X.current.publish("layout:changed",{}))},[]),Y=(0,W.useCallback)((i,y)=>{B.current[i]=y},[]),ne=(0,W.useCallback)(i=>{delete B.current[i]},[]),me=(0,W.useCallback)((i,y)=>{l.current[i]=y},[]),ve=(0,W.useCallback)(i=>{delete l.current[i]},[]),ze=(0,W.useCallback)((i,y,c)=>{R(a=>{let G=a.panels[i];return G?{...a,panels:{...a.panels,[i]:{...G,dirty:y,dirtyOptions:c}}}:a})},[]),Fe=(0,W.useCallback)((i,y)=>{R(c=>{let a=c.panels[i];return a?{...c,panels:{...c.panels,[i]:{...a,title:y}}}:c})},[]),Ne=(0,W.useCallback)(async(i,y)=>{if(y?.force){q(i);return}let c=B.current[i];if(c&&!await c())return;let a=L.current.panels[i];if(a?.dirty)if(y?.onConfirm){if(!await y.onConfirm(a.dirtyOptions))return}else return;q(i)},[q]),Oe=(0,W.useCallback)(i=>{let y=L.current.panels[i]?.state!=="minimized"&&i in L.current.panels;R(c=>{let a=c.panels[i];if(!a||a.state==="minimized"||S.get(a.component)?.defaultOptions?.canMinimize===!1)return c;let r,C;if(a.state==="floating"){let u=c.floating.find(h=>h.id===i);u&&(r={x:Number(u.x),y:Number(u.y),width:Number(u.width),height:Number(u.height),anchor:u.anchor??null})}else if(a.state==="docked"){let u=h=>{if(h.type==="leaf")return h.panels.includes(i)?h.id:null;for(let M of h.children){let A=u(M);if(A)return A}return null};C=u(c.gridRoot)??void 0}let p=le(c.gridRoot,i);return{...c,gridRoot:p||{type:"leaf",id:"group-default",panels:[],activePanelId:null},floating:c.floating.filter(u=>u.id!==i),minimized:[...c.minimized,{id:i,title:a.title,component:a.component}],panels:{...c.panels,[i]:{...a,state:"minimized",previousState:a.state,lastFloatingRect:r,lastLeafId:C}}}}),y&&(X.current.publish("panel:minimized",{id:i}),X.current.publish("layout:changed",{}))},[]),Qe=(0,W.useCallback)(i=>{let y=L.current.panels[i]?.state==="minimized";R(c=>{let a=c.panels[i];if(!a||a.state!=="minimized")return c;let G=c.minimized.filter(C=>C.id!==i);if((a.previousState||"docked")==="floating"){j.current+=1;let C=S.get(a.component),p=a.lastFloatingRect||C?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},u=ee(p,c.floating);return{...c,minimized:G,floating:[...c.floating,{...u,id:i,z:j.current,anchor:a.lastFloatingRect?.anchor??null}],panels:{...c.panels,[i]:{...a,state:"floating"}}}}else{let C=(M,A)=>M.type==="leaf"?M.id===A:M.children.some(F=>C(F,A)),p=a.lastLeafId&&C(c.gridRoot,a.lastLeafId),u=S.get(a.component),h=u?.defaultOptions?.canDrag!==!1;if(p)return{...c,minimized:G,gridRoot:$(c.gridRoot,a.lastLeafId,i),panels:{...c.panels,[i]:{...a,state:"docked"}}};if(h){j.current+=1;let M=a.lastFloatingRect||u?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},A=ee(M,c.floating);return{...c,minimized:G,floating:[...c.floating,{...A,id:i,z:j.current,anchor:a.lastFloatingRect?.anchor??null}],panels:{...c.panels,[i]:{...a,state:"floating"}}}}else{let M=O(c.gridRoot)||"group-default";return{...c,minimized:G,gridRoot:$(c.gridRoot,M,i),panels:{...c.panels,[i]:{...a,state:"docked"}}}}}}),y&&(X.current.publish("panel:restored",{id:i}),X.current.publish("layout:changed",{}))},[ee]),et=(0,W.useCallback)((i,y,c)=>{R(a=>{let G=a.panels[i];if(!G||S.get(G.component)?.defaultOptions?.canDrag===!1)return a;let C=S.get(G.component),p=y||C?.defaultOptions?.favoritePosition||{x:300,y:150,width:450,height:350},u=le(a.gridRoot,i);j.current+=1;let h=ee(p,a.floating);return{...a,gridRoot:u||{type:"leaf",id:"group-default",panels:[],activePanelId:null},floating:[...a.floating,{...h,id:i,z:j.current,anchor:c??null}],panels:{...a.panels,[i]:{...G,state:"floating"}}}})},[ee]),kt=(0,W.useCallback)((i,y)=>{R(c=>{let a=c.panels[i];if(!a)return c;let G=c.floating.filter(p=>p.id!==i),r=le(c.gridRoot,i),C=y||O(r||c.gridRoot)||"group-default";return{...c,gridRoot:$(r||c.gridRoot,C,i),floating:G,panels:{...c.panels,[i]:{...a,state:"docked"}}}})},[]),Ht=(i,y,c,a,G)=>{if(i.type==="leaf"){if(i.id===y){let r={type:"leaf",id:`group-split-${Date.now()}-${Math.floor(Math.random()*1e3)}`,panels:[c],activePanelId:c},C=a==="left"||a==="right"?"horizontal":"vertical",p=a==="left"||a==="top"?[r,i]:[i,r],u=a==="left"||a==="top"?[G,1-G]:[1-G,G];return{type:"branch",orientation:C,sizes:u,children:p}}return i}else return{...i,children:i.children.map(r=>Ht(r,y,c,a,G))}},pt=(0,W.useCallback)(i=>{R(y=>({...y,draggedPanelId:i}))},[]),Te=(0,W.useCallback)((i,y,c)=>{R(a=>{let G=a.panels[i];if(!G)return a;let r=a.floating.filter(u=>u.id!==i),C=le(a.gridRoot,i),p;return c==="center"?p=$(C||a.gridRoot,y,i):p=Ht(C||a.gridRoot,y,i,c,a.splitRatio),{...a,gridRoot:p,floating:r,panels:{...a.panels,[i]:{...G,state:"docked"}},draggedPanelId:null}})},[]),Bt=(0,W.useCallback)((i,y)=>{R(c=>{let a=c.panels[i];if(!a)return c;let G=c.floating.filter(A=>A.id!==i),r=le(c.gridRoot,i),C={type:"leaf",id:`group-edge-${Date.now()}-${Math.floor(Math.random()*1e3)}`,panels:[i],activePanelId:i},p=y==="left"||y==="right"?"horizontal":"vertical",u=y==="left"||y==="top"?[C,r||c.gridRoot]:[r||c.gridRoot,C],h=c.edgeSplitRatio,M={type:"branch",orientation:p,sizes:y==="left"||y==="top"?[h,1-h]:[1-h,h],children:u};return{...c,gridRoot:M,floating:G,panels:{...c.panels,[i]:{...a,state:"docked"}},draggedPanelId:null}})},[]),$t=(0,W.useCallback)((i,y,c)=>{R(a=>{let G=a.panels[i];if(!G)return a;let r=le(a.gridRoot,i),C=h=>{if(h.type==="leaf"){if(h.id===y){let M=h.panels.filter(Z=>Z!==i),A=Math.max(0,Math.min(c,M.length)),F=[...M];return F.splice(A,0,i),{...h,panels:F,activePanelId:i}}return h}else return{...h,children:h.children.map(C)}},p=C(r||a.gridRoot),u=a.floating.filter(h=>h.id!==i);return{...a,gridRoot:p,floating:u,panels:{...a.panels,[i]:{...G,state:"docked"}},draggedPanelId:null}})},[]),gt=(0,W.useCallback)(i=>{R(y=>{let c=G=>{if(G.type==="leaf")return G.id===i&&G.canClose!==!1?null:G;{let r=G.children.map(u=>c(u)).filter(u=>u!==null);if(r.length===0)return null;if(r.length===1)return r[0];let C=G.sizes.slice(0,r.length),p=C.reduce((u,h)=>u+h,0);return{...G,children:r,sizes:C.map(u=>u/p)}}},a=c(y.gridRoot);return{...y,gridRoot:a||{type:"leaf",id:"group-default",panels:[],activePanelId:null}}})},[]),tt=(0,W.useCallback)(i=>{R(y=>({...y,floating:y.floating.map(c=>c.id===i?{...c,maximized:!c.maximized}:c)}))},[]),It=(0,W.useCallback)((i,y)=>{let c=(a,G)=>{if(a.type==="leaf")return a;if(G===i.length)return{...a,sizes:y};let r=i[G],C=a.children.map((p,u)=>u===r?c(p,G+1):p);return{...a,children:C}};R(a=>({...a,gridRoot:c(a.gridRoot,0)}))},[]),Gt=(0,W.useCallback)((i,y)=>{R(c=>({...c,floating:c.floating.map(a=>a.id===i?{...a,...y}:a)}))},[]),Ye=(0,W.useCallback)(()=>{let i=L.current.panels,y=[],c={};for(let[p,u]of Object.entries(i)){let h=l.current[p],M=h?.(),A=h!==void 0&&M!==void 0,F=A?M:u.props,Z=A?dt(M):u.serializable;Z?c[p]=A?{...u,props:F,serializable:Z}:u:y.push(p)}let a=L.current.gridRoot,G=L.current.floating,r=L.current.minimized;for(let p of y)a=le(a,p)||{type:"leaf",id:"group-default",panels:[],activePanelId:null},G=G.filter(u=>u.id!==p),r=r.filter(u=>u.id!==p);return y.length>0&&X.current.publish("layout:panels-excluded",{panels:y.map(p=>({id:p,component:i[p].component}))}),JSON.stringify({version:2,gridRoot:a,floating:G,minimized:r,panels:c})},[]),_e=(0,W.useCallback)(i=>{try{let y=_n(JSON.parse(i));if(!y)return!1;let c=Object.keys(y.panels)[0]||null;return R(a=>({...a,gridRoot:y.gridRoot,floating:y.floating,minimized:y.minimized,panels:y.panels,draggedPanelId:null,activePanelId:c})),!0}catch(y){return console.error("Failed to parse layout configuration:",y),!1}},[]),Yt=(0,W.useCallback)(i=>{R(y=>y.activePanelId===i?y:{...y,activePanelId:i})},[]),Xt=(0,W.useCallback)(i=>{R(y=>y.dir===i?y:{...y,dir:i,isRtl:i==="rtl"})},[]),Et=(0,W.useCallback)(i=>i in L.current.panels,[]),nt=(0,W.useCallback)(()=>Object.keys(L.current.panels),[]),ot=(0,W.useCallback)((i,y)=>Object.values(L.current.panels).find(a=>a.component===i&&a.dedupeKey===y)?.id??null,[]);(0,W.useEffect)(()=>{z&&R(i=>i.dir===z?i:{...i,dir:z,isRtl:z==="rtl"})},[z]);let Xe=(0,W.useRef)(new Map),Ve=(0,W.useRef)(null),Lt=(0,W.useCallback)(i=>(Ve.current=i,()=>{Ve.current=null}),[]),Vt=(0,W.useCallback)(i=>{Ve.current?.(i)},[]),zt=(0,W.useCallback)((i,y)=>(Xe.current.set(i,y),()=>{Xe.current.delete(i)}),[]),rt=(0,W.useCallback)(i=>Xe.current.get(i)?.()??[],[]),ft=(0,W.useMemo)(()=>({openPanel:_,closePanel:q,minimizePanel:Oe,restorePanel:Qe,floatPanel:et,dockPanel:kt,maximizePanel:tt,updateSplitSizes:It,updateFloatingPosition:Gt,focusPanel:he,isOpen:Et,getOpenPanelIds:nt,findPanelId:ot,saveLayout:Ye,loadLayout:_e,publish:pe,subscribe:U,setDraggedPanelId:pt,dockPanelToGroup:Te,movePanelOrder:$t,closeLeafGroup:gt,registerCloseGuard:Y,unregisterCloseGuard:ne,registerStateProvider:me,unregisterStateProvider:ve,setPanelDirty:ze,updatePanelTitle:Fe,requestClosePanel:Ne,dockPanelToWorkspaceEdge:Bt,setActivePanel:Yt,setDirection:Xt,registerPanelContextMenu:zt,getPanelContextMenuItems:rt,showContextMenu:Vt,registerContextMenuFn:Lt}),[_,q,Oe,Qe,et,kt,tt,It,Gt,he,Et,nt,ot,Ye,_e,pe,U,pt,Te,$t,gt,Y,ne,me,ve,ze,Fe,Ne,Bt,Yt,Xt,zt,rt,Vt,Lt]),it=i=>{let y=i.defaultMessage||i.id;return i.values&&Object.entries(i.values).forEach(([c,a])=>{y=y.replace(`{${c}}`,String(a))}),y},cn=(0,W.useMemo)(()=>({modalClass:s,modalBodyClass:k,sidePanelClass:b,sidePanelBodyClass:T,windowClass:w,windowBodyClass:x}),[s,k,b,T,w,x]);(0,W.useEffect)(()=>{if(process.env.NODE_ENV==="development")try{getComputedStyle(document.documentElement).getPropertyValue("--rdd-styles-loaded").trim()!=="1"&&console.error(`[react-dockable-desktop] styles.css is not imported.
2
2
  Add this to your entry file (main.tsx / index.tsx):
3
3
  import 'react-dockable-desktop/styles.css'
4
- Without it the workspace renders as a black screen with no console errors.`)}catch{}},[]),(0,F.useEffect)(()=>{if(t)return t._connect(je),()=>{t._disconnect()}},[t,je]);let Gt=(0,F.useMemo)(()=>({getSnapshot:v,subscribeToState:C}),[v,C]);return(0,Je.jsx)(On.Provider,{value:un,children:(0,Je.jsx)(An.Provider,{value:g,children:(0,Je.jsx)(Wn.Provider,{value:Gt,children:(0,Je.jsx)(vt.Provider,{value:E,children:(0,Je.jsx)(Jt.Provider,{value:je,children:(0,Je.jsx)(zn.Provider,{value:H||Xt,children:(0,Je.jsx)(Dn.Provider,{value:T,children:e})})})})})})})},Nn=e=>()=>{};function _e(e){let t=(0,F.useContext)(vt),n=(0,F.useContext)(Wn),r=(0,F.useRef)(e);r.current=e;let s=(0,F.useSyncExternalStore)(e?n?.subscribeToState??Nn:Nn,()=>{let b=n?.getSnapshot()??t;return r.current?r.current(b):b},()=>{let b=n?.getSnapshot()??t;return r.current?r.current(b):b});if(!t)throw new Error("useWindowManagerState must be used within WindowManagerProvider");return e?s:t}var Pt=()=>{let e=(0,F.useContext)(Jt);if(!e)throw new Error("useWindowManagerActions must be used within WindowManagerProvider");return e},mn=()=>{let e=(0,F.useContext)(Jt);if(!e)throw new Error("useWindowManagerActionsInternal must be used within WindowManagerProvider");return e},$e=()=>(0,F.useContext)(zn)||(t=>{let n=t.defaultMessage||t.id;return t.values&&Object.entries(t.values).forEach(([r,s])=>{n=n.replace(`{${r}}`,String(s))}),n}),be=(e,t)=>e?typeof e=="string"?e:t(e):"",Fn=()=>{let{publish:e,subscribe:t}=Pt();return{publish:e,subscribe:t}},Xe=()=>(0,F.useContext)(Dn),Wt=()=>ht().instanceId;function _n(e){let t=(0,F.useContext)(Jt),n=Wt(),r=(0,F.useRef)(e);r.current=e,(0,F.useEffect)(()=>{if(!(!t?.registerPanelContextMenu||!n))return t.registerPanelContextMenu(n,()=>r.current)},[n,t?.registerPanelContextMenu])}var ve=gn(require("react"),1),hn=require("react-dom"),de=require("react/jsx-runtime");function Zo(e){return e?"touches"in e&&e.touches.length>0?{x:e.touches[0].clientX,y:e.touches[0].clientY}:{x:e.clientX,y:e.clientY}:{x:0,y:0}}function xt(e,t){return typeof e=="string"?e:t?t(e):e.defaultMessage??e.id}function bn(e){return"separator"in e}function en(e){return!bn(e)&&"items"in e}var Bn=(0,ve.forwardRef)(({items:e,x:t,y:n,theme:r,fmt:s,onClose:b,onMouseEnter:z,onMouseLeave:m},M)=>((0,ve.useLayoutEffect)(()=>{let P=M?.current;if(!P)return;let y=P.getBoundingClientRect(),g=8;y.right>window.innerWidth-g&&(P.style.left=`${Math.max(g,window.innerWidth-y.width-g)}px`,P.style.right="auto"),y.bottom>window.innerHeight-g&&(P.style.top=`${Math.max(g,window.innerHeight-y.height-g)}px`),y.left<g&&(P.style.left=`${g}px`,P.style.right="auto"),y.top<g&&(P.style.top=`${g}px`)}),(0,hn.createPortal)((0,de.jsx)("div",{ref:M,className:`dw-context-menu dw-context-menu--${r} dw-context-menu--submenu`,style:{position:"fixed",left:t,top:n,zIndex:9501},role:"menu",onMouseEnter:z,onMouseLeave:m,children:e.map((P,y)=>{if(bn(P))return(0,de.jsx)("hr",{className:"dw-context-menu__separator",role:"separator"},y);let g=P,H=g.checkbox&&g.checkbox.active!==!1,I=H&&g.checkbox.value,k=g.disabled===!0||(H?g.checkbox.enabled===!1:!1);return(0,de.jsxs)("button",{type:"button",className:`dw-context-menu__item${k?" dw-context-menu__item--disabled":""}`,title:g.title?xt(g.title,s):void 0,disabled:k,"data-cy-action":g.cyAction,onClick:()=>{k||(g.action?.(),b())},role:"menuitem","aria-checked":H?I:void 0,children:[g.icon?(0,de.jsx)("span",{className:"dw-context-menu__icon",children:g.icon}):(0,de.jsx)("span",{className:"dw-context-menu__icon","aria-hidden":"true"}),(0,de.jsx)("span",{className:"dw-context-menu__label",children:xt(g.label,s)}),H&&(0,de.jsx)("span",{className:`dw-context-menu__checkbox${I?" dw-context-menu__checkbox--checked":""}`,"aria-hidden":"true",children:(0,de.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,de.jsx)("rect",{x:"0.75",y:"0.75",width:"10.5",height:"10.5",rx:"2",fill:"none",stroke:"currentColor",strokeWidth:"1.5"}),I&&(0,de.jsx)("path",{d:"M2.5 6 L4.5 8.5 L9.5 3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})})]},y)})}),document.body)));Bn.displayName="ContextMenuSubMenuPanel";var Hn={visible:!1,x:0,y:0,items:[]},tn=(0,ve.forwardRef)(({theme:e="dark",formatMessageProvider:t,onShow:n,onHide:r,onOpenChange:s,className:b,style:z},m)=>{let[M,P]=(0,ve.useState)(Hn),[y,g]=(0,ve.useState)(null),H=(0,ve.useRef)(null),I=(0,ve.useRef)(null),k=(0,ve.useRef)(new Map),E=(0,ve.useRef)({open:null,close:null}),a=ve.default.useCallback(()=>{P(Hn),g(null),E.current.open&&clearTimeout(E.current.open),E.current.close&&clearTimeout(E.current.close),E.current.open=null,E.current.close=null,r?.(),s?.(!1)},[r,s]);if((0,ve.useImperativeHandle)(m,()=>({show({event:l,x:L,y:G,items:q}){let ae=l?Zo(l):{x:L??0,y:G??0};k.current.clear(),P({visible:!0,x:ae.x,y:ae.y,items:q}),g(null),n?.(),s?.(!0)}}),[n,s]),(0,ve.useEffect)(()=>{if(!M.visible)return;let l=L=>{H.current?.contains(L.target)||I.current?.contains(L.target)||a()};return document.addEventListener("pointerdown",l,{capture:!0}),window.addEventListener("click",l),()=>{document.removeEventListener("pointerdown",l,{capture:!0}),window.removeEventListener("click",l)}},[M.visible,a]),(0,ve.useEffect)(()=>{if(!M.visible)return;let l=L=>{L.key==="Escape"&&a()};return document.addEventListener("keydown",l),()=>document.removeEventListener("keydown",l)},[M.visible,a]),(0,ve.useLayoutEffect)(()=>{if(!M.visible||!H.current)return;let l=H.current,L=l.getBoundingClientRect(),G=8;L.right>window.innerWidth-G&&(l.style.left=`${Math.max(G,window.innerWidth-L.width-G)}px`),L.bottom>window.innerHeight-G&&(l.style.top=`${Math.max(G,window.innerHeight-L.height-G)}px`),L.left<G&&(l.style.left=`${G}px`),L.top<G&&(l.style.top=`${G}px`)},[M.visible]),!M.visible)return null;let w=t,u=0,v=0;if(y!==null){let l=k.current.get(y);if(l){let L=l.getBoundingClientRect();u=document.documentElement.dir==="rtl"?window.innerWidth-L.left+2:L.right+2,v=L.top}}function C(){E.current.open&&(clearTimeout(E.current.open),E.current.open=null)}function B(){E.current.close&&(clearTimeout(E.current.close),E.current.close=null)}function T(l,L){B(),y!==null&&y!==l&&(C(),g(null)),en(L)&&L.items?.length?(C(),E.current.open=setTimeout(()=>{g(l)},150)):en(L)||(C(),y!==null&&(E.current.close=setTimeout(()=>g(null),200)))}function O(l){C(),en(l)&&l.items?.length&&(E.current.close=setTimeout(()=>g(null),200))}return(0,hn.createPortal)((0,de.jsxs)(de.Fragment,{children:[(0,de.jsx)("div",{ref:H,className:`dw-context-menu dw-context-menu--${e}${b?` ${b}`:""}`,style:{position:"fixed",left:M.x,top:M.y,zIndex:9500,...z},role:"menu","aria-orientation":"vertical",children:M.items.map((l,L)=>{if(bn(l))return(0,de.jsx)("hr",{className:"dw-context-menu__separator",role:"separator"},L);if(en(l))return(0,de.jsxs)("button",{ref:ie=>{k.current.set(L,ie)},type:"button",className:`dw-context-menu__item dw-context-menu__item--has-submenu${y===L?" dw-context-menu__item--submenu-open":""}`,title:l.title?xt(l.title,w):void 0,onMouseEnter:()=>T(L,l),onMouseLeave:()=>O(l),role:"menuitem","aria-haspopup":"true","aria-expanded":y===L,children:[(0,de.jsx)("span",{className:"dw-context-menu__icon","aria-hidden":"true"}),(0,de.jsx)("span",{className:"dw-context-menu__label",children:xt(l.label,w)}),(0,de.jsx)("span",{className:"dw-context-menu__chevron","aria-hidden":"true",children:"\u203A"})]},L);let G=l,q=G.checkbox&&G.checkbox.active!==!1,ae=q&&G.checkbox.value,U=G.disabled===!0||(q?G.checkbox.enabled===!1:!1);return(0,de.jsxs)("button",{ref:ie=>{k.current.set(L,ie)},type:"button",className:`dw-context-menu__item${U?" dw-context-menu__item--disabled":""}`,title:G.title?xt(G.title,w):void 0,disabled:U,"data-cy-action":G.cyAction,onClick:()=>{U||(G.action?.(),a())},onMouseEnter:()=>T(L,l),onMouseLeave:()=>O(l),role:"menuitem","aria-checked":q?ae:void 0,children:[G.icon?(0,de.jsx)("span",{className:"dw-context-menu__icon",children:G.icon}):(0,de.jsx)("span",{className:"dw-context-menu__icon","aria-hidden":"true"}),(0,de.jsx)("span",{className:"dw-context-menu__label",children:xt(G.label,w)}),q&&(0,de.jsx)("span",{className:`dw-context-menu__checkbox${ae?" dw-context-menu__checkbox--checked":""}`,"aria-hidden":"true",children:(0,de.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,de.jsx)("rect",{x:"0.75",y:"0.75",width:"10.5",height:"10.5",rx:"2",fill:ae?"currentColor":"none",stroke:"currentColor",strokeWidth:"1.5"}),ae&&(0,de.jsx)("path",{d:"M2.5 6 L4.5 8.5 L9.5 3.5",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})})]},L)})}),y!==null&&(()=>{let l=M.items[y];return(0,de.jsx)(Bn,{ref:I,items:l.items??[],x:u,y:v,theme:e,fmt:w,onClose:a,onMouseEnter:()=>B(),onMouseLeave:()=>{E.current.close=setTimeout(()=>g(null),200)}})})()]}),document.body)});tn.displayName="ContextMenu";var ct={Component:tn},wt=ve.default.createContext(null),nn=({adapter:e=ct,children:t,...n})=>{let r=(0,ve.useRef)(null),[s,b]=ve.default.useState(!1),z=ve.default.useCallback(m=>{r.current?.show(m)},[]);return(0,de.jsxs)(wt.Provider,{value:{show:z,isOpen:s},children:[t,(0,de.jsx)(e.Component,{ref:r,...n,onShow:()=>{b(!0),n.onShow?.()},onHide:()=>{b(!1),n.onHide?.()}})]})};function $n(){let e=ve.default.useContext(wt);if(!e)throw new Error("useShowContextMenu must be used within a ContextMenuProvider");return e.show}var xe=require("react"),yn=require("react/jsx-runtime"),Ko=0,vn=()=>`panel-${++Ko}-${Date.now()}`,on=new Map,Yn={leftPanel:null,rightPanel:null,modals:[]},Xn=(0,xe.createContext)(null),Gn=(0,xe.createContext)(null),rn=({children:e})=>{let[t,n]=(0,xe.useState)(Yn),r=(0,xe.useRef)(t);r.current=t;let s=(0,xe.useCallback)((a,w)=>{on.set(a,w)},[]),b=(0,xe.useCallback)(a=>{on.delete(a)},[]),z=(0,xe.useCallback)(async(a,w,u={})=>{let v=r.current.leftPanel;if(v){let T=on.get(v.id);if(T&&!await T())return null}let C=vn(),B={id:C,Component:a,props:w,containerType:"left-panel",options:u};return n(T=>({...T,leftPanel:B})),C},[]),m=(0,xe.useCallback)(async(a,w,u={})=>{let v=r.current.rightPanel;if(v){let T=on.get(v.id);if(T&&!await T())return null}let C=vn(),B={id:C,Component:a,props:w,containerType:"right-panel",options:u};return n(T=>({...T,rightPanel:B})),C},[]),M=(0,xe.useCallback)((a,w,u={})=>{let v=vn(),C=w.title,B={...u,title:u.title||C||"Confirmation"},T={id:v,Component:a,props:w,containerType:"modal",options:B};return n(O=>({...O,modals:[...O.modals,T]})),v},[]),P=(0,xe.useCallback)(a=>{n(w=>({leftPanel:w.leftPanel?.id===a?null:w.leftPanel,rightPanel:w.rightPanel?.id===a?null:w.rightPanel,modals:w.modals.filter(u=>u.id!==a)}))},[]),y=(0,xe.useCallback)(()=>{n(Yn)},[]),g=(0,xe.useCallback)(()=>{n(a=>({...a,modals:[]}))},[]),H=(0,xe.useCallback)(a=>t.leftPanel?.id===a?t.leftPanel:t.rightPanel?.id===a?t.rightPanel:t.modals.find(w=>w.id===a),[t]),I=(0,xe.useCallback)((a,w)=>{n(u=>({leftPanel:u.leftPanel?.id===a?{...u.leftPanel,...w}:u.leftPanel,rightPanel:u.rightPanel?.id===a?{...u.rightPanel,...w}:u.rightPanel,modals:u.modals.map(v=>v.id===a?{...v,...w}:v)}))},[]),k=(0,xe.useCallback)((a,w,u)=>{I(a,{dirty:w,dirtyOptions:u})},[I]),E=(0,xe.useMemo)(()=>({openLeftPanel:z,openRightPanel:m,openModal:M,close:P,closeAll:y,closeAllModals:g,getInstance:H,updateInstance:I,setDirty:k,registerCloseHandler:s,unregisterCloseHandler:b}),[z,m,M,P,y,g,H,I,k,s,b]);return(0,yn.jsx)(Xn.Provider,{value:t,children:(0,yn.jsx)(Gn.Provider,{value:E,children:e})})},qe=()=>{let e=(0,xe.useContext)(Xn);if(!e)throw new Error("usePanelState must be used within PanelProvider");return e},Qe=()=>{let e=(0,xe.useContext)(Gn);if(!e)throw new Error("usePanelActions must be used within PanelProvider");return e};var Dt=require("react");var Ye=require("react/jsx-runtime"),jo=({title:e,message:t,alert:n,alertType:r="info",useYesNoTitles:s=!1,onOK:b,onCancel:z})=>{let{requestClose:m,setIcon:M,setTitle:P}=ht(),y=$e(),g=Xe(),H=(0,Dt.useRef)(null);(0,Dt.useEffect)(()=>{if(e){let u=typeof e=="string"?e:y(e);P(u)}M&&M((0,Ye.jsx)("span",{children:"\u2753"}))},[e,P,M,y]),(0,Dt.useEffect)(()=>{H.current?.focus()},[]);let I=typeof t=="string"?t:y(t),k=y(s?g.no:g.cancel),E=y(s?g.yes:g.ok),a=u=>{u.preventDefault(),b?.(),m()},w=()=>{z?.(),m()};return(0,Ye.jsxs)("form",{onSubmit:a,className:"confirmation-form-body",children:[n&&(0,Ye.jsxs)("div",{className:`confirmation-alert confirmation-alert-${r}`,children:[(0,Ye.jsx)("span",{children:"\u2139\uFE0F"}),(0,Ye.jsx)("span",{children:n})]}),(0,Ye.jsx)("div",{style:{fontSize:"0.9rem",color:"inherit",lineHeight:1.5},children:I}),(0,Ye.jsx)("hr",{style:{marginTop:"0.5rem",marginBottom:"0.5rem",opacity:.1}}),(0,Ye.jsxs)("div",{className:"confirmation-actions",children:[(0,Ye.jsx)("button",{type:"button",className:"dw-btn dw-btn-sm dw-btn-outline",onClick:w,children:k}),(0,Ye.jsx)("button",{type:"submit",className:"dw-btn dw-btn-sm dw-btn-primary",ref:H,children:E})]})]})},et=jo;function Ot(e){return e==="top-left"?"top-right":e==="top-right"?"top-left":e==="bottom-left"?"bottom-right":"bottom-left"}var p=require("react/jsx-runtime"),Vn=(e,t)=>{if(!e)return null;if(e.type==="leaf")return e.id===t?e:null;for(let n of e.children){let r=Vn(n,t);if(r)return r}return null},At=new Map,sn="preserved-dom-container",xn=(0,p.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:[(0,p.jsx)("rect",{x:"3",y:"3",width:"7",height:"9",rx:"1"}),(0,p.jsx)("rect",{x:"14",y:"3",width:"7",height:"5",rx:"1"}),(0,p.jsx)("rect",{x:"14",y:"12",width:"7",height:"9",rx:"1"}),(0,p.jsx)("rect",{x:"3",y:"16",width:"7",height:"5",rx:"1"})]}),Ct={float:(0,p.jsx)("span",{className:"wm-menu-icon",children:(0,p.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:[(0,p.jsx)("rect",{x:"2",y:"8",width:"14",height:"14",rx:"1"}),(0,p.jsx)("rect",{x:"8",y:"2",width:"14",height:"14",rx:"1"})]})}),minimize:(0,p.jsx)("span",{className:"wm-menu-icon",children:(0,p.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",style:{display:"block"},children:(0,p.jsx)("line",{x1:"4",y1:"18",x2:"20",y2:"18"})})}),restore:(0,p.jsx)("span",{className:"wm-menu-icon",children:(0,p.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:(0,p.jsx)("rect",{x:"4",y:"4",width:"16",height:"16",rx:"1"})})}),maximize:(0,p.jsx)("span",{className:"wm-menu-icon",children:(0,p.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:(0,p.jsx)("rect",{x:"2",y:"2",width:"20",height:"20",rx:"1"})})}),close:(0,p.jsx)("span",{className:"wm-menu-icon",children:(0,p.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:(0,p.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})},qn=e=>{let t=At.get(e);return t||(t=document.createElement("div"),t.style.width="100%",t.style.height="100%",At.set(e,t)),t},Uo=(e,t,n)=>{let r=n.get(t);if(!r)return console.warn(`[react-dockable-desktop] Panel "${e}" references component key "${t}" which is not registered. Add it to the WorkspaceClient panels config:
5
- new WorkspaceClient({ panels: { "${t}": { component: YourComponent } } })`),(0,p.jsxs)("div",{className:"dw-unregistered-panel",style:{border:"2px dashed #dc3545"},children:[(0,p.jsx)("h6",{style:{fontWeight:700,marginBottom:"0.25rem"},children:"\u26A0\uFE0F Component Unregistered"}),(0,p.jsxs)("span",{style:{fontSize:"0.875rem",color:"var(--text-secondary, #94a3b8)"},children:["Key: ",t]})]});let s=r.Component;return(0,p.jsx)(s,{panelId:e})},wn=new Map,tt=new Map,dt=e=>{let t=tt.get(e);return t||(t={onClose:new Set,onMinimize:new Set,onRestore:new Set,onResize:new Set,onActivate:new Set,onDeactivate:new Set,onContainerTypeChange:new Set},tt.set(e,t)),t},Zn=({panelId:e})=>{let t=(0,V.useRef)(null);return(0,V.useEffect)(()=>{let n=t.current;if(!n)return;let r=qn(e);n.appendChild(r);let s=new ResizeObserver(b=>{for(let z of b){let{width:m,height:M}=z.contentRect;if(m>0&&M>0){wn.set(e,{width:m,height:M});let P=tt.get(e);P&&P.onResize.forEach(y=>y(m,M))}}});return s.observe(n),()=>{s.disconnect();let b=document.getElementById(sn);b||(b=document.createElement("div"),b.id=sn,b.style.display="none",document.body.appendChild(b)),b.appendChild(r)}},[e]),(0,p.jsx)("div",{ref:t,style:{width:"100%",height:"100%"}})},Jo=({panelId:e})=>{let t=_e(),n=yt(),r=$e(),s=(0,V.useRef)(null),b=t.panels[e],z=b?n.get(b.component):null,m=z?.defaultOptions?.disableLivePreview||!1,M=wn.get(e)||{width:800,height:500},P=M.width,y=M.height,I=Math.min(220/P,140/y);if((0,V.useEffect)(()=>{if(m)return;let k=s.current;if(!k)return;let E=At.get(e);if(E)return k.appendChild(E),()=>{let a=document.getElementById(sn);a||(a=document.createElement("div"),a.id=sn,a.style.display="none",document.body.appendChild(a)),a.appendChild(E)}},[e,m]),m){let k=P*I,E=y*I,a=b?.title||z?.defaultOptions?.title||"Panel",w=be(a,r),u=(Array.from(w)[0]||"P").toUpperCase();return(0,p.jsx)("div",{className:"taskbar-item-preview-frame",style:{width:`${k}px`,height:`${E}px`,display:"flex",alignItems:"center",justifyContent:"center",background:"rgba(108, 117, 125, 0.15)",border:"1px dashed var(--taskbar-item-border, rgba(255, 255, 255, 0.15))"},children:(0,p.jsx)("div",{style:{fontSize:"2rem",fontWeight:600,color:"var(--panel-title-color, var(--panel-text, rgba(255, 255, 255, 0.85)))",userSelect:"none"},children:u})})}return(0,p.jsx)("div",{className:"taskbar-item-preview-frame",style:{width:`${P*I}px`,height:`${y*I}px`},children:(0,p.jsx)("div",{ref:s,className:"taskbar-item-preview-host",style:{width:`${P}px`,height:`${y}px`,transform:`scale(${I})`,transformOrigin:"top left",position:"absolute",top:0,left:0,"--preview-scale":I}})})},Qo=({panelId:e,children:t})=>{let n=_e(),{requestClosePanel:r,setPanelDirty:s,registerCloseGuard:b,unregisterCloseGuard:z,updatePanelTitle:m,minimizePanel:M}=Pt(),P=n.minimized.some(u=>u.id===e),y=(0,V.useRef)(P);(0,V.useEffect)(()=>{let u=tt.get(e);u&&(P&&!y.current?u.onMinimize.forEach(v=>v()):!P&&y.current&&u.onRestore.forEach(v=>v()),y.current=P)},[P,e]);let g=n.activePanelId===e,H=(0,V.useRef)(g);(0,V.useEffect)(()=>{let u=H.current;H.current=g;let v=tt.get(e);v&&(g&&!u?v.onActivate.forEach(C=>C()):!g&&u&&v.onDeactivate.forEach(C=>C()))},[g,e]);let I=n.panels[e]?.state,k=I==="floating"?"floating-window":"dockable-panel",E=(0,V.useRef)(k);(0,V.useEffect)(()=>{if(I==="minimized")return;let u=E.current;E.current=k;let v=tt.get(e);v&&k!==u&&v.onContainerTypeChange.forEach(C=>C(k))},[k,I,e]),(0,V.useEffect)(()=>()=>{let u=tt.get(e);u&&(H.current&&u.onDeactivate.forEach(v=>v()),u.onClose.forEach(v=>v()),tt.delete(e))},[e]);let a=(0,V.useRef)(k),w=V.default.useMemo(()=>({requestClose:u=>r(e,u),setDirty:u=>s(e,u),onCloseRequested:u=>(b(e,u),()=>z(e)),setTitle:u=>m(e,u),instanceId:e,containerType:a.current,onClose:u=>{let v=dt(e);return v.onClose.add(u),()=>v.onClose.delete(u)},onMinimize:u=>{let v=dt(e);return v.onMinimize.add(u),()=>v.onMinimize.delete(u)},onRestore:u=>{let v=dt(e);return v.onRestore.add(u),()=>v.onRestore.delete(u)},onResize:u=>{let v=dt(e);return v.onResize.add(u),()=>v.onResize.delete(u)},requestMinimize:()=>M(e),getDimensions:()=>wn.get(e)??null,onActivate:u=>{let v=dt(e);return v.onActivate.add(u),()=>v.onActivate.delete(u)},onDeactivate:u=>{let v=dt(e);return v.onDeactivate.add(u),()=>v.onDeactivate.delete(u)},onContainerTypeChange:u=>{let v=dt(e);return v.onContainerTypeChange.add(u),()=>v.onContainerTypeChange.delete(u)}}),[e,r,s,b,z,m,M]);return(0,p.jsx)(Ue,{value:w,children:t})},Kn=({node:e,path:t,onTabRightClick:n,activeDropZone:r,onHoverDropZone:s,onTabDragStart:b,hoveredTab:z,onTabHover:m,defaultPanelIcon:M,onRequestClosePanel:P})=>{let{updateSplitSizes:y}=Pt();if(e.type==="leaf")return(0,p.jsx)(er,{leaf:e,onTabRightClick:n,activeDropZone:r,onHoverDropZone:s,onTabDragStart:b,hoveredTab:z,onTabHover:m,defaultPanelIcon:M,onRequestClosePanel:P});let g=e.orientation==="horizontal",H=(I,k)=>{k.preventDefault();let E=k.currentTarget;E.setPointerCapture(k.pointerId);let a=g?k.clientX:k.clientY,w=[...e.sizes];E.classList.add("active"),document.body.classList.add("resizing-active",g?"resizing-col-active":"resizing-row-active");let u=E.parentElement,v=u?g?u.clientWidth:u.clientHeight:g?1e3:800,C=T=>{let l=((g?T.clientX:T.clientY)-a)/v,L=[...w];L[I]+=l,L[I+1]-=l,L[I]>.1&&L[I+1]>.1&&y(t,L)},B=()=>{E.classList.remove("active"),document.body.classList.remove("resizing-active","resizing-row-active","resizing-col-active"),E.removeEventListener("pointermove",C),E.removeEventListener("pointerup",B),E.removeEventListener("pointercancel",B)};E.addEventListener("pointermove",C),E.addEventListener("pointerup",B),E.addEventListener("pointercancel",B)};return(0,p.jsx)("div",{style:{display:"flex",flexDirection:g?"row":"column",width:"100%",height:"100%",overflow:"hidden",position:"relative"},children:e.children.map((I,k)=>{let E=e.sizes[k]*100;return(0,p.jsxs)(V.default.Fragment,{children:[(0,p.jsx)("div",{style:{flexGrow:e.sizes[k],flexBasis:`${E}%`,overflow:"hidden",position:"relative",minWidth:0,minHeight:0},children:(0,p.jsx)(Kn,{node:I,path:[...t,k],onTabRightClick:n,activeDropZone:r,onHoverDropZone:s,onTabDragStart:b,hoveredTab:z,onTabHover:m,defaultPanelIcon:M,onRequestClosePanel:P})}),k<e.children.length-1&&(0,p.jsx)("div",{onPointerDown:a=>H(k,a),style:{cursor:g?"col-resize":"row-resize",width:g?"1px":"100%",height:g?"100%":"1px",zIndex:20},className:"resizer-bar"})]},k)})})},er=({leaf:e,onTabRightClick:t,activeDropZone:n,onHoverDropZone:r,onTabDragStart:s,hoveredTab:b,onTabHover:z,defaultPanelIcon:m,onRequestClosePanel:M})=>{let P=_e(),y=yt(),{openPanel:g,closeLeafGroup:H,setActivePanel:I}=mn(),k=$e(),E=Xe(),{windowClass:a,windowBodyClass:w}=Ve(),u=(0,V.useRef)(null),[v,C]=(0,V.useState)({left:!1,right:!1}),B=(0,V.useCallback)(()=>{let l=u.current;l&&C({left:l.scrollLeft>0,right:l.scrollLeft<l.scrollWidth-l.clientWidth-1})},[]);(0,V.useEffect)(()=>{let l=u.current;if(!l)return;l.addEventListener("scroll",B,{passive:!0});let L=new ResizeObserver(B);return L.observe(l),B(),()=>{l.removeEventListener("scroll",B),L.disconnect()}},[B]);let T=l=>{u.current?.scrollBy({left:l==="left"?-120:120,behavior:"smooth"})},O=l=>{g(l,P.panels[l].component),I(l)};return(0,p.jsxs)("div",{"data-active-panel-id":e.activePanelId||"",className:`workspace-panel ${a??""}`,style:{overflow:"hidden",position:"relative"},children:[(0,p.jsxs)("div",{className:"workspace-tab-bar",style:{minHeight:"38px"},children:[v.left&&(0,p.jsx)("button",{className:"tab-scroll-btn tab-scroll-btn-left",onPointerDown:l=>l.stopPropagation(),onClick:()=>T("left"),tabIndex:-1,"aria-label":"Scroll tabs left",children:"\u2039"}),(0,p.jsx)("div",{ref:u,className:"tab-headers-container",style:{scrollbarWidth:"none"},onPointerMove:l=>{P.draggedPanelId&&l.target===l.currentTarget&&z(e.id,"EMPTY",e.panels.length,"right")},onPointerLeave:l=>{P.draggedPanelId&&l.target===l.currentTarget&&z(e.id,"",-1,null)},children:e.panels.map((l,L)=>{let G=P.panels[l];if(!G)return null;let q=e.activePanelId===l,ae=P.activePanelId===l,ie=y.get(G.component)?.defaultOptions,ye=b&&b.leafId===e.id&&b.panelId===l,ge=L===e.panels.length-1,te=b&&b.leafId===e.id&&b.panelId==="EMPTY"&&ge,N=ye?b.side==="left"?"drag-hover-left":"drag-hover-right":te?"drag-hover-right":"",f=q?ae?"active workspace-tab-active-focused":"active workspace-tab-active-unfocused":"workspace-tab-inactive";return(0,p.jsxs)("div",{"data-tab-id":l,"data-leaf-id":e.id,"data-tab-index":String(L),onClick:()=>O(l),onPointerDown:X=>{ie?.canDrag!==!1&&s(l,X)},onContextMenu:X=>t(l,X),onPointerMove:X=>{if(P.draggedPanelId&&X.pointerType!=="touch"){let Q=X.currentTarget.getBoundingClientRect(),fe=X.clientX-Q.left<Q.width/2?"left":"right";z(e.id,l,L,fe)}},onPointerLeave:()=>{P.draggedPanelId&&z(e.id,"",-1,null)},className:`workspace-tab ${f} ${N}`,style:{cursor:ie?.canDrag===!1?"default":"pointer"},children:[(0,p.jsxs)("span",{className:"text-truncate",style:{maxWidth:"120px",display:"flex",alignItems:"center"},children:[(0,p.jsx)("span",{className:"workspace-tab-icon",children:ie?.icon||m||xn}),(0,p.jsxs)("span",{children:[be(G.title,k),G.dirty?" *":""]})]}),ie?.renderHeaderActions&&(0,p.jsx)("span",{className:"tab-header-actions",onClick:X=>X.stopPropagation(),onPointerDown:X=>X.stopPropagation(),children:ie.renderHeaderActions(l)}),ie?.canClose!==!1&&(0,p.jsx)("span",{onClick:X=>{X.stopPropagation(),M(l)},title:be(E.closeTab,k),className:"close-tab-x",style:{width:"18px",height:"18px",...ie?.renderHeaderActions?{}:{marginInlineStart:"auto"}},children:(0,p.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,p.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]},l)})}),v.right&&(0,p.jsx)("button",{className:"tab-scroll-btn tab-scroll-btn-right",onPointerDown:l=>l.stopPropagation(),onClick:()=>T("right"),tabIndex:-1,"aria-label":"Scroll tabs right",children:"\u203A"}),e.panels.length===0&&e.keepOnEmpty&&e.canClose!==!1&&(0,p.jsx)("span",{onClick:()=>H(e.id),className:"close-tab-x header-close-empty-group",style:{width:"18px",height:"18px",cursor:"pointer"},title:be(E.closeEmptyGroup,k),children:(0,p.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,p.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),(0,p.jsxs)("div",{className:`dw-panel-body ${w??""}`,style:{position:"relative",overflow:"hidden"},children:[e.activePanelId&&P.panels[e.activePanelId]?(0,p.jsx)(Zn,{panelId:e.activePanelId},e.activePanelId):(0,p.jsx)("div",{className:"empty-leaf-placeholder",children:(0,p.jsx)("span",{children:"Empty Workspace Section"})}),P.draggedPanelId!==null&&(0,p.jsx)("div",{className:"dock-drop-zone-overlay",children:(0,p.jsxs)("div",{className:"dock-target-cross",children:[(0,p.jsx)("div",{"data-leaf-id":e.id,"data-drop-zone":"top",onPointerEnter:()=>r(e.id,"top"),onPointerLeave:()=>r(e.id,null),className:"dock-target-box dock-target-top",children:"\u25B2"}),(0,p.jsx)("div",{"data-leaf-id":e.id,"data-drop-zone":"bottom",onPointerEnter:()=>r(e.id,"bottom"),onPointerLeave:()=>r(e.id,null),className:"dock-target-box dock-target-bottom",children:"\u25BC"}),(0,p.jsx)("div",{"data-leaf-id":e.id,"data-drop-zone":"left",onPointerEnter:()=>r(e.id,"left"),onPointerLeave:()=>r(e.id,null),className:"dock-target-box dock-target-left",children:"\u25C0"}),(0,p.jsx)("div",{"data-leaf-id":e.id,"data-drop-zone":"right",onPointerEnter:()=>r(e.id,"right"),onPointerLeave:()=>r(e.id,null),className:"dock-target-box dock-target-right",children:"\u25B6"}),(0,p.jsx)("div",{"data-leaf-id":e.id,"data-drop-zone":"center",onPointerEnter:()=>r(e.id,"center"),onPointerLeave:()=>r(e.id,null),className:"dock-target-box dock-target-center",children:"\u25A3"})]})}),P.draggedPanelId!==null&&n!==null&&n.leafId===e.id&&(0,p.jsx)("div",{className:"dock-preview-highlight",style:(()=>{let l=n.position,L=`${P.splitRatio*100}%`,G=`${(1-P.splitRatio)*100}%`;return{left:l==="right"?G:"0",top:l==="bottom"?G:"0",width:l==="left"||l==="right"?L:"100%",height:l==="top"||l==="bottom"?L:"100%"}})()})]})]})},tr=({skin:e="vscode",defaultPanelIcon:t,taskbarVisibility:n="always",contextMenuAdapter:r=ct})=>{let s=_e(),b=yt(),{restorePanel:z,minimizePanel:m,requestClosePanel:M,maximizePanel:P,updateFloatingPosition:y,focusPanel:g,floatPanel:H,setDraggedPanelId:I,dockPanelToGroup:k,movePanelOrder:E,dockPanelToWorkspaceEdge:a,setActivePanel:w,getPanelContextMenuItems:u,showContextMenu:v,registerContextMenuFn:C}=mn(),{openModal:B}=Qe(),T=$e(),O=Xe(),l=V.default.useCallback(i=>{let W=s.panels[i];M(i,{onConfirm:x=>new Promise(R=>{let D=x||W?.dirtyOptions,$=W?be(W.title,T):"Panel";B(et,{title:D?.title||O.unsavedChangesTitle,message:D?.message||{id:O.unsavedChangesMessage.id,defaultMessage:O.unsavedChangesMessage.defaultMessage,values:{title:$}},alert:D?.alert,alertType:D?.alertType||"danger",useYesNoTitles:!0,onOK:()=>R(!0),onCancel:()=>R(!1)},{size:"small"})})})},[M,s.panels,T,B,O]),{windowClass:L,windowBodyClass:G}=Ve(),q=(0,V.useContext)(wt),ae=(0,V.useRef)(null);(0,V.useEffect)(()=>C(q!==null?i=>q.show(i):i=>ae.current?.show(i)),[q,C]);let U=(0,V.useRef)(null),[ie,ye]=(0,V.useState)(!1),ge=(0,V.useRef)(null),te=(0,V.useRef)(s.minimized.length),[N,f]=(0,V.useState)(null),X=(0,V.useRef)(null),Q=(0,V.useRef)("mouse"),[j,fe]=(0,V.useState)(!1),Pe=q!==null?q.isOpen:j;(0,V.useEffect)(()=>()=>{X.current&&clearTimeout(X.current)},[]),(0,V.useEffect)(()=>{N&&(s.minimized.some(W=>W.id===N.id)||f(null))},[s.minimized,N]),(0,V.useEffect)(()=>{if(!N?.fromTouch)return;let i=W=>{W.pointerType!=="touch"||document.querySelector(".taskbar-item-tooltip")?.contains(W.target)||f(null)};return document.addEventListener("pointerdown",i,{capture:!0}),()=>document.removeEventListener("pointerdown",i,{capture:!0})},[N?.fromTouch]);let[Re,ze]=(0,V.useState)(null),Ee=(0,V.useRef)(null),[Fe,Mt]=(0,V.useState)({x:0,y:0}),[Tt,Ht]=(0,V.useState)(null),ut=(0,V.useRef)(null),We=i=>{Ht(i),ut.current=i},[Bt,$t]=(0,V.useState)(null),pt=(0,V.useRef)(null),ot=i=>{$t(i),pt.current=i},kt=(0,V.useContext)(vt)?.isRtl??!1,[Yt,Ke]=(0,V.useState)(null),Ge=(0,V.useRef)(null),St=(i,W,x,R)=>{let D=R?{leafId:i,panelId:W,index:x,side:R}:null;Ke(D),Ge.current=D},It=(i,W)=>{let x=W?{leafId:i,position:W}:null;ze(x),Ee.current=x},Et=(i,W)=>{let x=document.elementsFromPoint(i,W),R=!1,D=!1,$=!1;for(let Z of x)if(Z instanceof HTMLElement){if(!R&&Z.dataset.dropZone){let _=Z.dataset.leafId;if(_){let oe=Z.dataset.dropZone;ze({leafId:_,position:oe}),Ee.current={leafId:_,position:oe},R=!0}}if(!$&&Z.dataset.tabId){let _=Z.dataset.leafId,oe=parseInt(Z.dataset.tabIndex||"0",10);if(_){let pe=Z.getBoundingClientRect(),J=i-pe.left<pe.width/2?"left":"right";Ke({leafId:_,panelId:Z.dataset.tabId,index:oe,side:J}),Ge.current={leafId:_,panelId:Z.dataset.tabId,index:oe,side:J},$=!0}}if(!D&&Z.dataset.edgeTrigger&&(We(Z.dataset.edgeTrigger),D=!0),R&&D&&$)break}R||(ze(null),Ee.current=null),D||We(null),$||(Ke(null),Ge.current=null)},rt=300,it=8,st=()=>{I(null),ze(null),Ee.current=null,Ke(null),Ge.current=null,We(null)},je=i=>s.isRtl?i==="left"?"right":i==="right"?"left":i:i,Xt=(i,W)=>{let x=Ee.current,R=Ge.current,D=ut.current,$=pt.current;if(D)a(i,je(D));else if(R){let Z=R.index;R.side==="right"&&(Z+=1);let _=Vn(s.gridRoot,R.leafId);if(_){let oe=_.panels.indexOf(i);oe!==-1&&oe<Z&&(Z-=1)}E(i,R.leafId,Z)}else x?k(i,x.leafId,je(x.position)):$?H(i,void 0,kt?Ot($):$):H(i,{x:W.clientX-150,y:W.clientY-15,width:450,height:350});ot(null),st()},un=(i,W)=>{if(W.pointerType==="mouse"&&W.button!==0)return;let x=W.currentTarget,R=W.clientX,D=W.clientY;if(W.pointerType==="touch"){let $=W.pointerId,Z=!1,_=()=>{Z=!0,clearTimeout(pe),x.removeEventListener("pointermove",oe),x.removeEventListener("pointerup",_),x.removeEventListener("pointercancel",_)},oe=J=>{Math.hypot(J.clientX-R,J.clientY-D)>it&&_()},pe=setTimeout(()=>{if(Z)return;x.removeEventListener("pointermove",oe),x.removeEventListener("pointerup",_),x.removeEventListener("pointercancel",_);try{x.setPointerCapture($)}catch{return}x.classList.add("long-press-active"),navigator.vibrate&&navigator.vibrate(10);let J=!1,le=Me=>{J||(J=!0,I(i)),Mt({x:Me.clientX,y:Me.clientY}),Et(Me.clientX,Me.clientY)},me=Me=>{x.classList.remove("long-press-active"),x.removeEventListener("pointermove",le),x.removeEventListener("pointerup",me),x.removeEventListener("pointercancel",ce),J?Xt(i,Me):Gt(i,Me)},ce=()=>{x.classList.remove("long-press-active"),x.removeEventListener("pointermove",le),x.removeEventListener("pointerup",me),x.removeEventListener("pointercancel",ce),J&&st()};x.addEventListener("pointermove",le),x.addEventListener("pointerup",me),x.addEventListener("pointercancel",ce)},rt);x.addEventListener("pointermove",oe),x.addEventListener("pointerup",_),x.addEventListener("pointercancel",_)}else{let $=!1,Z=oe=>{let pe=oe.clientX-R,J=oe.clientY-D;!$&&(Math.abs(pe)>5||Math.abs(J)>5)&&($=!0,I(i)),$&&Mt({x:oe.clientX,y:oe.clientY})},_=oe=>{window.removeEventListener("pointermove",Z),window.removeEventListener("pointerup",_),$&&Xt(i,oe)};window.addEventListener("pointermove",Z),window.addEventListener("pointerup",_)}},Gt=(i,W)=>{W.preventDefault();let x=s.panels[i];if(!x)return;let D=b.get(x.component)?.defaultOptions,$=[];if(D?.canDrag!==!1&&$.push({label:be(O.floatWindow,T),icon:Ct.float,action:()=>H(i)}),D?.canMinimize!==!1&&$.push({label:be(O.minimizePanel,T),icon:Ct.minimize,action:()=>m(i)}),$.length>0&&D?.canClose!==!1&&$.push({separator:!0}),D?.canClose!==!1&&$.push({label:be(O.closeTab,T),icon:Ct.close,action:()=>l(i)}),$.length===0)return;let Z=u(i),_=Z.length>0?[...$,{separator:!0},...Z]:$;v({event:W,items:_})},o=(i,W)=>{W.preventDefault(),f(null),v({event:W,items:[{label:be(O.restorePanel,T),icon:Ct.restore,action:()=>z(i)},{label:be(O.maximizePanel,T),icon:Ct.maximize,action:()=>P(i)},{separator:!0},{label:be(O.closePanel,T),icon:Ct.close,action:()=>l(i)}]})};(0,V.useEffect)(()=>{let i=Object.keys(s.panels);for(let W of Array.from(At.keys()))i.includes(W)||At.delete(W)},[s.panels]),(0,V.useEffect)(()=>{let i=()=>{s.draggedPanelId!==null&&(I(null),ze(null),Ke(null))};return window.addEventListener("blur",i),()=>{window.removeEventListener("blur",i)}},[s.draggedPanelId]);let h=(0,V.useRef)(null),[c,d]=(0,V.useState)({width:1024,height:768});(0,V.useEffect)(()=>{let i=h.current;if(!i)return;let W=!1,x=new ResizeObserver(R=>{if(!R||R.length===0)return;let D=R[0].contentRect;if(process.env.NODE_ENV==="development"&&D.height<10&&!W){W=!0;let $=i,Z=i.parentElement;for(;Z&&Z!==document.documentElement&&Z.getBoundingClientRect().height<10;){$=Z;Z=Z.parentElement}let _=$.tagName.toLowerCase(),oe=$.id?` id="${$.id}"`:"",pe=$.className?` class="${$.className}"`:"",J=$===i?"the WindowManager container itself":`a wrapper element: <${_}${oe}${pe}>`;console.warn(`[react-dockable-desktop] Workspace height is 0px \u2014 the workspace will be invisible.
4
+ Without it the workspace renders as a black screen with no console errors.`)}catch{}},[]),(0,W.useEffect)(()=>{if(t)return t._connect(ft),()=>{t._disconnect()}},[t,ft]);let un=(0,W.useMemo)(()=>({getSnapshot:P,subscribeToState:H}),[P,H]);return(0,qe.jsx)(An.Provider,{value:cn,children:(0,qe.jsx)(Fn.Provider,{value:S,children:(0,qe.jsx)(Wn.Provider,{value:un,children:(0,qe.jsx)(Pt.Provider,{value:E,children:(0,qe.jsx)(jt.Provider,{value:ft,children:(0,qe.jsx)(Dn.Provider,{value:I||it,children:(0,qe.jsx)(On.Provider,{value:D,children:e})})})})})})})},Nn=e=>()=>{};function Ee(e){let t=(0,W.useContext)(Pt),n=(0,W.useContext)(Wn),o=(0,W.useRef)(e);o.current=e;let f=(0,W.useSyncExternalStore)(e?n?.subscribeToState??Nn:Nn,()=>{let s=n?.getSnapshot()??t;return o.current?o.current(s):s},()=>{let s=n?.getSnapshot()??t;return o.current?o.current(s):s});if(!t)throw new Error("useWindowManagerState must be used within WindowManagerProvider");return e?f:t}var Ct=()=>{let e=(0,W.useContext)(jt);if(!e)throw new Error("useWindowManagerActions must be used within WindowManagerProvider");return e},hn=()=>{let e=(0,W.useContext)(jt);if(!e)throw new Error("useWindowManagerActionsInternal must be used within WindowManagerProvider");return e},De=()=>(0,W.useContext)(Dn)||(t=>{let n=t.defaultMessage||t.id;return t.values&&Object.entries(t.values).forEach(([o,f])=>{n=n.replace(`{${o}}`,String(f))}),n}),ge=(e,t)=>e?typeof e=="string"?e:t(e):"",Hn=()=>{let{publish:e,subscribe:t}=Ct();return{publish:e,subscribe:t}},Ae=()=>(0,W.useContext)(On),Dt=()=>at().instanceId;function Bn(e){let t=(0,W.useContext)(jt),n=Dt(),o=(0,W.useRef)(e);o.current=e,(0,W.useEffect)(()=>{if(!(!t?.registerPanelContextMenu||!n))return t.registerPanelContextMenu(n,()=>o.current)},[n,t?.registerPanelContextMenu])}var fe=fn(require("react"),1),bn=require("react-dom"),re=require("react/jsx-runtime");function qo(e){return e?"touches"in e&&e.touches.length>0?{x:e.touches[0].clientX,y:e.touches[0].clientY}:{x:e.clientX,y:e.clientY}:{x:0,y:0}}function wt(e,t){return typeof e=="string"?e:t?t(e):e.defaultMessage??e.id}function vn(e){return"separator"in e}function Ut(e){return!vn(e)&&"items"in e}var Gn=(0,fe.forwardRef)(({items:e,x:t,y:n,theme:o,fmt:f,onClose:s,onMouseEnter:k,onMouseLeave:b},T)=>((0,fe.useLayoutEffect)(()=>{let w=T?.current;if(!w)return;let x=w.getBoundingClientRect(),v=8;x.right>window.innerWidth-v&&(w.style.left=`${Math.max(v,window.innerWidth-x.width-v)}px`,w.style.right="auto"),x.bottom>window.innerHeight-v&&(w.style.top=`${Math.max(v,window.innerHeight-x.height-v)}px`),x.left<v&&(w.style.left=`${v}px`,w.style.right="auto"),x.top<v&&(w.style.top=`${v}px`)}),(0,bn.createPortal)((0,re.jsx)("div",{ref:T,className:`rdd-context-menu rdd-context-menu--${o} rdd-context-menu--submenu`,style:{position:"fixed",left:t,top:n,zIndex:9501},role:"menu",onMouseEnter:k,onMouseLeave:b,children:e.map((w,x)=>{if(vn(w))return(0,re.jsx)("hr",{className:"rdd-context-menu__separator",role:"separator"},x);let v=w,S=v.checkbox&&v.checkbox.active!==!1,I=S&&v.checkbox.value,N=v.disabled===!0||(S?v.checkbox.enabled===!1:!1);return(0,re.jsxs)("button",{type:"button",className:`rdd-context-menu__item${N?" rdd-context-menu__item--disabled":""}`,title:v.title?wt(v.title,f):void 0,disabled:N,"data-cy-action":v.cyAction,onClick:()=>{N||(v.action?.(),s())},role:"menuitem","aria-checked":S?I:void 0,children:[v.icon?(0,re.jsx)("span",{className:"rdd-context-menu__icon",children:v.icon}):(0,re.jsx)("span",{className:"rdd-context-menu__icon","aria-hidden":"true"}),(0,re.jsx)("span",{className:"rdd-context-menu__label",children:wt(v.label,f)}),S&&(0,re.jsx)("span",{className:`rdd-context-menu__checkbox${I?" rdd-context-menu__checkbox--checked":""}`,"aria-hidden":"true",children:(0,re.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,re.jsx)("rect",{x:"0.75",y:"0.75",width:"10.5",height:"10.5",rx:"2",fill:"none",stroke:"currentColor",strokeWidth:"1.5"}),I&&(0,re.jsx)("path",{d:"M2.5 6 L4.5 8.5 L9.5 3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})})]},x)})}),document.body)));Gn.displayName="ContextMenuSubMenuPanel";var $n={visible:!1,x:0,y:0,items:[]},Jt=(0,fe.forwardRef)(({theme:e="dark",formatMessageProvider:t,onShow:n,onHide:o,onOpenChange:f,className:s,style:k},b)=>{let[T,w]=(0,fe.useState)($n),[x,v]=(0,fe.useState)(null),S=(0,fe.useRef)(null),I=(0,fe.useRef)(null),N=(0,fe.useRef)(new Map),z=(0,fe.useRef)({open:null,close:null}),d=fe.default.useCallback(()=>{w($n),v(null),z.current.open&&clearTimeout(z.current.open),z.current.close&&clearTimeout(z.current.close),z.current.open=null,z.current.close=null,o?.(),f?.(!1)},[o,f]);if((0,fe.useImperativeHandle)(b,()=>({show({event:l,x:D,y:X,items:j}){let U=l?qo(l):{x:D??0,y:X??0};N.current.clear(),w({visible:!0,x:U.x,y:U.y,items:j}),v(null),n?.(),f?.(!0)}}),[n,f]),(0,fe.useEffect)(()=>{if(!T.visible)return;let l=D=>{S.current?.contains(D.target)||I.current?.contains(D.target)||d()};return document.addEventListener("pointerdown",l,{capture:!0}),window.addEventListener("click",l),()=>{document.removeEventListener("pointerdown",l,{capture:!0}),window.removeEventListener("click",l)}},[T.visible,d]),(0,fe.useEffect)(()=>{if(!T.visible)return;let l=D=>{D.key==="Escape"&&d()};return document.addEventListener("keydown",l),()=>document.removeEventListener("keydown",l)},[T.visible,d]),(0,fe.useLayoutEffect)(()=>{if(!T.visible||!S.current)return;let l=S.current,D=l.getBoundingClientRect(),X=8;D.right>window.innerWidth-X&&(l.style.left=`${Math.max(X,window.innerWidth-D.width-X)}px`),D.bottom>window.innerHeight-X&&(l.style.top=`${Math.max(X,window.innerHeight-D.height-X)}px`),D.left<X&&(l.style.left=`${X}px`),D.top<X&&(l.style.top=`${X}px`)},[T.visible]),!T.visible)return null;let E=t,R=0,L=0;if(x!==null){let l=N.current.get(x);if(l){let D=l.getBoundingClientRect();R=document.documentElement.dir==="rtl"?window.innerWidth-D.left+2:D.right+2,L=D.top}}function g(){z.current.open&&(clearTimeout(z.current.open),z.current.open=null)}function P(){z.current.close&&(clearTimeout(z.current.close),z.current.close=null)}function H(l,D){P(),x!==null&&x!==l&&(g(),v(null)),Ut(D)&&D.items?.length?(g(),z.current.open=setTimeout(()=>{v(l)},150)):Ut(D)||(g(),x!==null&&(z.current.close=setTimeout(()=>v(null),200)))}function B(l){g(),Ut(l)&&l.items?.length&&(z.current.close=setTimeout(()=>v(null),200))}return(0,bn.createPortal)((0,re.jsxs)(re.Fragment,{children:[(0,re.jsx)("div",{ref:S,className:`rdd-context-menu rdd-context-menu--${e}${s?` ${s}`:""}`,style:{position:"fixed",left:T.x,top:T.y,zIndex:9500,...k},role:"menu","aria-orientation":"vertical",children:T.items.map((l,D)=>{if(vn(l))return(0,re.jsx)("hr",{className:"rdd-context-menu__separator",role:"separator"},D);if(Ut(l))return(0,re.jsxs)("button",{ref:ee=>{N.current.set(D,ee)},type:"button",className:`rdd-context-menu__item rdd-context-menu__item--has-submenu${x===D?" rdd-context-menu__item--submenu-open":""}`,title:l.title?wt(l.title,E):void 0,onMouseEnter:()=>H(D,l),onMouseLeave:()=>B(l),role:"menuitem","aria-haspopup":"true","aria-expanded":x===D,children:[(0,re.jsx)("span",{className:"rdd-context-menu__icon","aria-hidden":"true"}),(0,re.jsx)("span",{className:"rdd-context-menu__label",children:wt(l.label,E)}),(0,re.jsx)("span",{className:"rdd-context-menu__chevron","aria-hidden":"true",children:"\u203A"})]},D);let X=l,j=X.checkbox&&X.checkbox.active!==!1,U=j&&X.checkbox.value,pe=X.disabled===!0||(j?X.checkbox.enabled===!1:!1);return(0,re.jsxs)("button",{ref:ee=>{N.current.set(D,ee)},type:"button",className:`rdd-context-menu__item${pe?" rdd-context-menu__item--disabled":""}`,title:X.title?wt(X.title,E):void 0,disabled:pe,"data-cy-action":X.cyAction,onClick:()=>{pe||(X.action?.(),d())},onMouseEnter:()=>H(D,l),onMouseLeave:()=>B(l),role:"menuitem","aria-checked":j?U:void 0,children:[X.icon?(0,re.jsx)("span",{className:"rdd-context-menu__icon",children:X.icon}):(0,re.jsx)("span",{className:"rdd-context-menu__icon","aria-hidden":"true"}),(0,re.jsx)("span",{className:"rdd-context-menu__label",children:wt(X.label,E)}),j&&(0,re.jsx)("span",{className:`rdd-context-menu__checkbox${U?" rdd-context-menu__checkbox--checked":""}`,"aria-hidden":"true",children:(0,re.jsxs)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,re.jsx)("rect",{x:"0.75",y:"0.75",width:"10.5",height:"10.5",rx:"2",fill:U?"currentColor":"none",stroke:"currentColor",strokeWidth:"1.5"}),U&&(0,re.jsx)("path",{d:"M2.5 6 L4.5 8.5 L9.5 3.5",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})})]},D)})}),x!==null&&(()=>{let l=T.items[x];return(0,re.jsx)(Gn,{ref:I,items:l.items??[],x:R,y:L,theme:e,fmt:E,onClose:d,onMouseEnter:()=>P(),onMouseLeave:()=>{z.current.close=setTimeout(()=>v(null),200)}})})()]}),document.body)});Jt.displayName="ContextMenu";var ct={Component:Jt},Rt=fe.default.createContext(null),Qt=({adapter:e=ct,children:t,...n})=>{let o=(0,fe.useRef)(null),[f,s]=fe.default.useState(!1),k=fe.default.useCallback(b=>{o.current?.show(b)},[]);return(0,re.jsxs)(Rt.Provider,{value:{show:k,isOpen:f},children:[t,(0,re.jsx)(e.Component,{ref:o,...n,onShow:()=>{s(!0),n.onShow?.()},onHide:()=>{s(!1),n.onHide?.()}})]})};function Yn(){let e=fe.default.useContext(Rt);if(!e)throw new Error("useShowContextMenu must be used within a ContextMenuProvider");return e.show}var be=require("react"),Pn=require("react/jsx-runtime"),jo=0,yn=()=>`panel-${++jo}-${Date.now()}`,en=new Map,Xn={leftPanel:null,rightPanel:null,modals:[]},Vn=(0,be.createContext)(null),Kn=(0,be.createContext)(null),tn=({children:e})=>{let[t,n]=(0,be.useState)(Xn),o=(0,be.useRef)(t);o.current=t;let f=(0,be.useCallback)((d,E)=>{en.set(d,E)},[]),s=(0,be.useCallback)(d=>{en.delete(d)},[]),k=(0,be.useCallback)(async(d,E,R={})=>{let L=o.current.leftPanel;if(L){let H=en.get(L.id);if(H&&!await H())return null}let g=yn(),P={id:g,Component:d,props:E,containerType:"left-panel",options:R};return n(H=>({...H,leftPanel:P})),g},[]),b=(0,be.useCallback)(async(d,E,R={})=>{let L=o.current.rightPanel;if(L){let H=en.get(L.id);if(H&&!await H())return null}let g=yn(),P={id:g,Component:d,props:E,containerType:"right-panel",options:R};return n(H=>({...H,rightPanel:P})),g},[]),T=(0,be.useCallback)((d,E,R={})=>{let L=yn(),g=E.title,P={...R,title:R.title||g||"Confirmation"},H={id:L,Component:d,props:E,containerType:"modal",options:P};return n(B=>({...B,modals:[...B.modals,H]})),L},[]),w=(0,be.useCallback)(d=>{n(E=>({leftPanel:E.leftPanel?.id===d?null:E.leftPanel,rightPanel:E.rightPanel?.id===d?null:E.rightPanel,modals:E.modals.filter(R=>R.id!==d)}))},[]),x=(0,be.useCallback)(()=>{n(Xn)},[]),v=(0,be.useCallback)(()=>{n(d=>({...d,modals:[]}))},[]),S=(0,be.useCallback)(d=>t.leftPanel?.id===d?t.leftPanel:t.rightPanel?.id===d?t.rightPanel:t.modals.find(E=>E.id===d),[t]),I=(0,be.useCallback)((d,E)=>{n(R=>({leftPanel:R.leftPanel?.id===d?{...R.leftPanel,...E}:R.leftPanel,rightPanel:R.rightPanel?.id===d?{...R.rightPanel,...E}:R.rightPanel,modals:R.modals.map(L=>L.id===d?{...L,...E}:L)}))},[]),N=(0,be.useCallback)((d,E,R)=>{I(d,{dirty:E,dirtyOptions:R})},[I]),z=(0,be.useMemo)(()=>({openLeftPanel:k,openRightPanel:b,openModal:T,close:w,closeAll:x,closeAllModals:v,getInstance:S,updateInstance:I,setDirty:N,registerCloseHandler:f,unregisterCloseHandler:s}),[k,b,T,w,x,v,S,I,N,f,s]);return(0,Pn.jsx)(Vn.Provider,{value:t,children:(0,Pn.jsx)(Kn.Provider,{value:z,children:e})})},Be=()=>{let e=(0,be.useContext)(Vn);if(!e)throw new Error("usePanelState must be used within PanelProvider");return e},je=()=>{let e=(0,be.useContext)(Kn);if(!e)throw new Error("usePanelActions must be used within PanelProvider");return e};var Wt=require("react");var We=require("react/jsx-runtime"),Zo=({title:e,message:t,alert:n,alertType:o="info",useYesNoTitles:f=!1,onOK:s,onCancel:k})=>{let{requestClose:b,setIcon:T,setTitle:w}=at(),x=De(),v=Ae(),S=(0,Wt.useRef)(null);(0,Wt.useEffect)(()=>{if(e){let R=typeof e=="string"?e:x(e);w(R)}T&&T((0,We.jsx)("span",{children:"\u2753"}))},[e,w,T,x]),(0,Wt.useEffect)(()=>{S.current?.focus()},[]);let I=typeof t=="string"?t:x(t),N=x(f?v.no:v.cancel),z=x(f?v.yes:v.ok),d=R=>{R.preventDefault(),s?.(),b()},E=()=>{k?.(),b()};return(0,We.jsxs)("form",{onSubmit:d,className:"rdd-confirmation-form-body",children:[n&&(0,We.jsxs)("div",{className:`rdd-confirmation-alert confirmation-alert-${o}`,children:[(0,We.jsx)("span",{children:"\u2139\uFE0F"}),(0,We.jsx)("span",{children:n})]}),(0,We.jsx)("div",{style:{fontSize:"0.9rem",color:"inherit",lineHeight:1.5},children:I}),(0,We.jsx)("hr",{style:{marginTop:"0.5rem",marginBottom:"0.5rem",opacity:.1}}),(0,We.jsxs)("div",{className:"rdd-confirmation-actions",children:[(0,We.jsx)("button",{type:"button",className:"rdd-btn rdd-btn-sm rdd-btn-outline",onClick:E,children:N}),(0,We.jsx)("button",{type:"submit",className:"rdd-btn rdd-btn-sm rdd-btn-primary",ref:S,children:z})]})]})},Ze=Zo;function Ot(e){return e==="top-left"?"top-right":e==="top-right"?"top-left":e==="bottom-left"?"bottom-right":"bottom-left"}function $e(e){let{element:t,pointerId:n,startClientX:o,startClientY:f,captureStart:s,onMove:k,onEnd:b,activeClasses:T}=e;t.setPointerCapture(n),T?.forEach(({el:S,classes:I})=>S.classList.add(...I));let w=s(),x=S=>{k(S.clientX-o,S.clientY-f,w)},v=()=>{T?.forEach(({el:S,classes:I})=>S.classList.remove(...I)),t.removeEventListener("pointermove",x),t.removeEventListener("pointerup",v),t.removeEventListener("pointercancel",v),b?.(w)};t.addEventListener("pointermove",x),t.addEventListener("pointerup",v),t.addEventListener("pointercancel",v)}function Mt(e,t,n,o,f){let{minW:s,minH:k,maxW:b,maxH:T,minX:w,minY:x}=f,{x:v,y:S,w:I,h:N}=o;if(e.includes("e")&&(I=Math.max(s,Math.min(o.w+t,b??1/0))),e.includes("w")){let z=o.w-s,d=w!=null?-(o.x-w):-1/0,E=Math.max(d,Math.min(t,z));I=o.w-E,v=o.x+E}if(e.includes("s")&&(N=Math.max(k,Math.min(o.h+n,T??1/0))),e.includes("n")){let z=o.h-k,d=x!=null?-(o.y-x):-1/0,E=Math.max(d,Math.min(n,z));N=o.h-E,S=o.y+E}return{x:v,y:S,w:I,h:N}}var nn=require("react");function on(){let[e,t]=(0,nn.useState)(()=>document.documentElement.getAttribute("data-color-scheme")==="light"?"light":"dark");return(0,nn.useEffect)(()=>{let n=()=>{t(document.documentElement.getAttribute("data-color-scheme")==="light"?"light":"dark")};n();let o=new MutationObserver(n);return o.observe(document.documentElement,{attributes:!0,attributeFilter:["data-color-scheme"]}),()=>o.disconnect()},[]),e}var m=require("react/jsx-runtime"),qn=(e,t)=>{if(!e)return null;if(e.type==="leaf")return e.id===t?e:null;for(let n of e.children){let o=qn(n,t);if(o)return o}return null},At=new Map,rn="preserved-dom-container",Cn=(0,m.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:[(0,m.jsx)("rect",{x:"3",y:"3",width:"7",height:"9",rx:"1"}),(0,m.jsx)("rect",{x:"14",y:"3",width:"7",height:"5",rx:"1"}),(0,m.jsx)("rect",{x:"14",y:"12",width:"7",height:"9",rx:"1"}),(0,m.jsx)("rect",{x:"3",y:"16",width:"7",height:"5",rx:"1"})]}),Tt={float:(0,m.jsx)("span",{className:"rdd-menu-icon",children:(0,m.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:[(0,m.jsx)("rect",{x:"2",y:"8",width:"14",height:"14",rx:"1"}),(0,m.jsx)("rect",{x:"8",y:"2",width:"14",height:"14",rx:"1"})]})}),minimize:(0,m.jsx)("span",{className:"rdd-menu-icon",children:(0,m.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",style:{display:"block"},children:(0,m.jsx)("line",{x1:"4",y1:"18",x2:"20",y2:"18"})})}),restore:(0,m.jsx)("span",{className:"rdd-menu-icon",children:(0,m.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:(0,m.jsx)("rect",{x:"4",y:"4",width:"16",height:"16",rx:"1"})})}),maximize:(0,m.jsx)("span",{className:"rdd-menu-icon",children:(0,m.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:(0,m.jsx)("rect",{x:"2",y:"2",width:"20",height:"20",rx:"1"})})}),close:(0,m.jsx)("span",{className:"rdd-menu-icon",children:(0,m.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",style:{display:"block"},children:(0,m.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})},jn=e=>{let t=At.get(e);return t||(t=document.createElement("div"),t.style.width="100%",t.style.height="100%",At.set(e,t)),t},Uo=(e,t,n)=>{let o=t.component,f=n.get(o);if(!f)return console.warn(`[react-dockable-desktop] Panel "${e}" references component key "${o}" which is not registered. Add it to the WorkspaceClient panels config:
5
+ new WorkspaceClient({ panels: { "${o}": { component: YourComponent } } })`),(0,m.jsxs)("div",{className:"rdd-unregistered-panel",style:{border:"2px dashed #dc3545"},children:[(0,m.jsx)("h6",{style:{fontWeight:700,marginBottom:"0.25rem"},children:"\u26A0\uFE0F Component Unregistered"}),(0,m.jsxs)("span",{style:{fontSize:"0.875rem",color:"var(--rdd-text-secondary, #94a3b8)"},children:["Key: ",o]})]});let s=f.Component;return(0,m.jsx)(s,{...t.props??{},panelId:e})},wn=new Map,Ue=new Map,ut=e=>{let t=Ue.get(e);return t||(t={onClose:new Set,onMinimize:new Set,onRestore:new Set,onResize:new Set,onActivate:new Set,onDeactivate:new Set,onContainerTypeChange:new Set},Ue.set(e,t)),t},Zn=({panelId:e})=>{let t=(0,K.useRef)(null);return(0,K.useEffect)(()=>{let n=t.current;if(!n)return;let o=jn(e);n.appendChild(o);let f=new ResizeObserver(s=>{for(let k of s){let{width:b,height:T}=k.contentRect;if(b>0&&T>0){wn.set(e,{width:b,height:T});let w=Ue.get(e);w&&w.onResize.forEach(x=>x(b,T))}}});return f.observe(n),()=>{f.disconnect();let s=document.getElementById(rn);s||(s=document.createElement("div"),s.id=rn,s.style.display="none",document.body.appendChild(s)),s.appendChild(o)}},[e]),(0,m.jsx)("div",{ref:t,style:{width:"100%",height:"100%"}})},Jo=({panelId:e})=>{let t=Ee(),n=xt(),o=De(),f=(0,K.useRef)(null),s=t.panels[e],k=s?n.get(s.component):null,b=k?.defaultOptions?.disableLivePreview||!1,T=wn.get(e)||{width:800,height:500},w=T.width,x=T.height,I=Math.min(220/w,140/x);if((0,K.useEffect)(()=>{if(b)return;let N=f.current;if(!N)return;let z=At.get(e);if(z)return N.appendChild(z),()=>{let d=document.getElementById(rn);d||(d=document.createElement("div"),d.id=rn,d.style.display="none",document.body.appendChild(d)),d.appendChild(z)}},[e,b]),b){let N=w*I,z=x*I,d=s?.title||k?.defaultOptions?.title||"Panel",E=ge(d,o),R=(Array.from(E)[0]||"P").toUpperCase();return(0,m.jsx)("div",{className:"rdd-taskbar-item-preview-frame",style:{width:`${N}px`,height:`${z}px`,display:"flex",alignItems:"center",justifyContent:"center",background:"rgba(108, 117, 125, 0.15)",border:"1px dashed var(--rdd-taskbar-item-border, rgba(255, 255, 255, 0.15))"},children:(0,m.jsx)("div",{style:{fontSize:"2rem",fontWeight:600,color:"var(--rdd-panel-title-color, var(--rdd-panel-text, rgba(255, 255, 255, 0.85)))",userSelect:"none"},children:R})})}return(0,m.jsx)("div",{className:"rdd-taskbar-item-preview-frame",style:{width:`${w*I}px`,height:`${x*I}px`},children:(0,m.jsx)("div",{ref:f,className:"rdd-taskbar-item-preview-host",style:{width:`${w}px`,height:`${x}px`,transform:`scale(${I})`,transformOrigin:"top left",position:"absolute",top:0,left:0,"--rdd-preview-scale":I}})})},Qo=({panelId:e,children:t})=>{let n=Ee(),{requestClosePanel:o,setPanelDirty:f,registerCloseGuard:s,unregisterCloseGuard:k,registerStateProvider:b,unregisterStateProvider:T,updatePanelTitle:w,minimizePanel:x}=Ct(),v=n.minimized.some(g=>g.id===e),S=(0,K.useRef)(v);(0,K.useEffect)(()=>{let g=Ue.get(e);g&&(v&&!S.current?g.onMinimize.forEach(P=>P()):!v&&S.current&&g.onRestore.forEach(P=>P()),S.current=v)},[v,e]);let I=n.activePanelId===e,N=(0,K.useRef)(I);(0,K.useEffect)(()=>{let g=N.current;N.current=I;let P=Ue.get(e);P&&(I&&!g?P.onActivate.forEach(H=>H()):!I&&g&&P.onDeactivate.forEach(H=>H()))},[I,e]);let z=n.panels[e]?.state,d=z==="floating"?"floating-window":"dockable-panel",E=(0,K.useRef)(d);(0,K.useEffect)(()=>{if(z==="minimized")return;let g=E.current;E.current=d;let P=Ue.get(e);P&&d!==g&&P.onContainerTypeChange.forEach(H=>H(d))},[d,z,e]),(0,K.useEffect)(()=>()=>{let g=Ue.get(e);g&&(N.current&&g.onDeactivate.forEach(P=>P()),g.onClose.forEach(P=>P()),Ue.delete(e))},[e]);let R=(0,K.useRef)(d),L=K.default.useMemo(()=>({requestClose:g=>o(e,g),setDirty:g=>f(e,g),onCloseRequested:g=>(s(e,g),()=>k(e)),registerStateProvider:g=>(b(e,g),()=>T(e)),setTitle:g=>w(e,g),instanceId:e,containerType:R.current,onClose:g=>{let P=ut(e);return P.onClose.add(g),()=>P.onClose.delete(g)},onMinimize:g=>{let P=ut(e);return P.onMinimize.add(g),()=>P.onMinimize.delete(g)},onRestore:g=>{let P=ut(e);return P.onRestore.add(g),()=>P.onRestore.delete(g)},onResize:g=>{let P=ut(e);return P.onResize.add(g),()=>P.onResize.delete(g)},requestMinimize:()=>x(e),getDimensions:()=>wn.get(e)??null,onActivate:g=>{let P=ut(e);return P.onActivate.add(g),()=>P.onActivate.delete(g)},onDeactivate:g=>{let P=ut(e);return P.onDeactivate.add(g),()=>P.onDeactivate.delete(g)},onContainerTypeChange:g=>{let P=ut(e);return P.onContainerTypeChange.add(g),()=>P.onContainerTypeChange.delete(g)}}),[e,o,f,s,k,b,T,w,x]);return(0,m.jsx)(Ke,{value:L,children:t})},Un=({node:e,path:t,onTabRightClick:n,activeDropZone:o,onHoverDropZone:f,onTabDragStart:s,hoveredTab:k,onTabHover:b,defaultPanelIcon:T,onRequestClosePanel:w})=>{let{updateSplitSizes:x}=Ct();if(e.type==="leaf")return(0,m.jsx)(er,{leaf:e,onTabRightClick:n,activeDropZone:o,onHoverDropZone:f,onTabDragStart:s,hoveredTab:k,onTabHover:b,defaultPanelIcon:T,onRequestClosePanel:w});let v=e.orientation==="horizontal",S=(I,N)=>{N.preventDefault();let z=N.currentTarget,d=z.parentElement,E=d?v?d.clientWidth:d.clientHeight:v?1e3:800;$e({element:z,pointerId:N.pointerId,startClientX:N.clientX,startClientY:N.clientY,captureStart:()=>[...e.sizes],activeClasses:[{el:z,classes:["rdd-active"]},{el:document.body,classes:["rdd-resizing-active",v?"rdd-resizing-col-active":"rdd-resizing-row-active"]}],onMove:(R,L,g)=>{let P=(v?R:L)/E,H=[...g];H[I]+=P,H[I+1]-=P,H[I]>.1&&H[I+1]>.1&&x(t,H)}})};return(0,m.jsx)("div",{style:{display:"flex",flexDirection:v?"row":"column",width:"100%",height:"100%",overflow:"hidden",position:"relative"},children:e.children.map((I,N)=>{let z=e.sizes[N]*100;return(0,m.jsxs)(K.default.Fragment,{children:[(0,m.jsx)("div",{style:{flexGrow:e.sizes[N],flexBasis:`${z}%`,overflow:"hidden",position:"relative",minWidth:0,minHeight:0},children:(0,m.jsx)(Un,{node:I,path:[...t,N],onTabRightClick:n,activeDropZone:o,onHoverDropZone:f,onTabDragStart:s,hoveredTab:k,onTabHover:b,defaultPanelIcon:T,onRequestClosePanel:w})}),N<e.children.length-1&&(0,m.jsx)("div",{onPointerDown:d=>S(N,d),style:{cursor:v?"col-resize":"row-resize",width:v?"1px":"100%",height:v?"100%":"1px",zIndex:20},className:"rdd-resizer-bar"})]},N)})})},er=({leaf:e,onTabRightClick:t,activeDropZone:n,onHoverDropZone:o,onTabDragStart:f,hoveredTab:s,onTabHover:k,defaultPanelIcon:b,onRequestClosePanel:T})=>{let w=Ee(),x=xt(),{openPanel:v,closeLeafGroup:S,setActivePanel:I}=hn(),N=De(),z=Ae(),{windowClass:d,windowBodyClass:E}=He(),R=(0,K.useRef)(null),[L,g]=(0,K.useState)({left:!1,right:!1}),P=(0,K.useCallback)(()=>{let l=R.current;l&&g({left:l.scrollLeft>0,right:l.scrollLeft<l.scrollWidth-l.clientWidth-1})},[]);(0,K.useEffect)(()=>{let l=R.current;if(!l)return;l.addEventListener("scroll",P,{passive:!0});let D=new ResizeObserver(P);return D.observe(l),P(),()=>{l.removeEventListener("scroll",P),D.disconnect()}},[P]);let H=l=>{R.current?.scrollBy({left:l==="left"?-120:120,behavior:"smooth"})},B=l=>{v(l,w.panels[l].component),I(l)};return(0,m.jsxs)("div",{"data-active-panel-id":e.activePanelId||"",className:`rdd-workspace-panel ${d??""}`,style:{overflow:"hidden",position:"relative"},children:[(0,m.jsxs)("div",{className:"rdd-workspace-tab-bar",style:{minHeight:"38px"},children:[L.left&&(0,m.jsx)("button",{className:"rdd-tab-scroll-btn rdd-tab-scroll-btn-left",onPointerDown:l=>l.stopPropagation(),onClick:()=>H("left"),tabIndex:-1,"aria-label":"Scroll tabs left",children:"\u2039"}),(0,m.jsx)("div",{ref:R,className:"rdd-tab-headers-container",style:{scrollbarWidth:"none"},onPointerMove:l=>{w.draggedPanelId&&l.target===l.currentTarget&&k(e.id,"EMPTY",e.panels.length,"right")},onPointerLeave:l=>{w.draggedPanelId&&l.target===l.currentTarget&&k(e.id,"",-1,null)},children:e.panels.map((l,D)=>{let X=w.panels[l];if(!X)return null;let j=e.activePanelId===l,U=w.activePanelId===l,ee=x.get(X.component)?.defaultOptions,he=s&&s.leafId===e.id&&s.panelId===l,le=D===e.panels.length-1,$=s&&s.leafId===e.id&&s.panelId==="EMPTY"&&le,O=he?s.side==="left"?"rdd-drag-hover-left":"rdd-drag-hover-right":$?"rdd-drag-hover-right":"",_=j?U?"rdd-active rdd-workspace-tab-active-focused":"rdd-active rdd-workspace-tab-active-unfocused":"rdd-workspace-tab-inactive";return(0,m.jsxs)("div",{"data-tab-id":l,"data-leaf-id":e.id,"data-tab-index":String(D),onClick:()=>B(l),onPointerDown:q=>{ee?.canDrag!==!1&&f(l,q)},onContextMenu:q=>t(l,q),onPointerMove:q=>{if(w.draggedPanelId&&q.pointerType!=="touch"){let Y=q.currentTarget.getBoundingClientRect(),me=q.clientX-Y.left<Y.width/2?"left":"right";k(e.id,l,D,me)}},onPointerLeave:()=>{w.draggedPanelId&&k(e.id,"",-1,null)},className:`rdd-workspace-tab ${_} ${O}`,style:{cursor:ee?.canDrag===!1?"default":"pointer"},children:[(0,m.jsxs)("span",{className:"rdd-text-truncate",style:{maxWidth:"120px",display:"flex",alignItems:"center"},children:[(0,m.jsx)("span",{className:"rdd-workspace-tab-icon",children:ee?.icon||b||Cn}),(0,m.jsxs)("span",{children:[ge(X.title,N),X.dirty?" *":""]})]}),ee?.renderHeaderActions&&(0,m.jsx)("span",{className:"rdd-tab-header-actions",onClick:q=>q.stopPropagation(),onPointerDown:q=>q.stopPropagation(),children:ee.renderHeaderActions(l)}),ee?.canClose!==!1&&(0,m.jsx)("span",{onClick:q=>{q.stopPropagation(),T(l)},title:ge(z.closeTab,N),className:"rdd-close-tab-x",style:{width:"18px",height:"18px",...ee?.renderHeaderActions?{}:{marginInlineStart:"auto"}},children:(0,m.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,m.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]},l)})}),L.right&&(0,m.jsx)("button",{className:"rdd-tab-scroll-btn rdd-tab-scroll-btn-right",onPointerDown:l=>l.stopPropagation(),onClick:()=>H("right"),tabIndex:-1,"aria-label":"Scroll tabs right",children:"\u203A"}),e.panels.length===0&&e.keepOnEmpty&&e.canClose!==!1&&(0,m.jsx)("span",{onClick:()=>S(e.id),className:"rdd-close-tab-x rdd-header-close-empty-group",style:{width:"18px",height:"18px",cursor:"pointer"},title:ge(z.closeEmptyGroup,N),children:(0,m.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,m.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),(0,m.jsxs)("div",{className:`rdd-panel-body ${E??""}`,style:{position:"relative",overflow:"hidden"},children:[e.activePanelId&&w.panels[e.activePanelId]?(0,m.jsx)(Zn,{panelId:e.activePanelId},e.activePanelId):(0,m.jsx)("div",{className:"rdd-empty-leaf-placeholder",children:(0,m.jsx)("span",{children:"Empty Workspace Section"})}),w.draggedPanelId!==null&&(0,m.jsx)("div",{className:"rdd-dock-drop-zone-overlay",children:(0,m.jsxs)("div",{className:"rdd-dock-target-cross",children:[(0,m.jsx)("div",{"data-leaf-id":e.id,"data-drop-zone":"top",onPointerEnter:()=>o(e.id,"top"),onPointerLeave:()=>o(e.id,null),className:"rdd-dock-target-box rdd-dock-target-top",children:"\u25B2"}),(0,m.jsx)("div",{"data-leaf-id":e.id,"data-drop-zone":"bottom",onPointerEnter:()=>o(e.id,"bottom"),onPointerLeave:()=>o(e.id,null),className:"rdd-dock-target-box rdd-dock-target-bottom",children:"\u25BC"}),(0,m.jsx)("div",{"data-leaf-id":e.id,"data-drop-zone":"left",onPointerEnter:()=>o(e.id,"left"),onPointerLeave:()=>o(e.id,null),className:"rdd-dock-target-box rdd-dock-target-left",children:"\u25C0"}),(0,m.jsx)("div",{"data-leaf-id":e.id,"data-drop-zone":"right",onPointerEnter:()=>o(e.id,"right"),onPointerLeave:()=>o(e.id,null),className:"rdd-dock-target-box rdd-dock-target-right",children:"\u25B6"}),(0,m.jsx)("div",{"data-leaf-id":e.id,"data-drop-zone":"center",onPointerEnter:()=>o(e.id,"center"),onPointerLeave:()=>o(e.id,null),className:"rdd-dock-target-box rdd-dock-target-center",children:"\u25A3"})]})}),w.draggedPanelId!==null&&n!==null&&n.leafId===e.id&&(0,m.jsx)("div",{className:"rdd-dock-preview-highlight",style:(()=>{let l=n.position,D=`${w.splitRatio*100}%`,X=`${(1-w.splitRatio)*100}%`;return{left:l==="right"?X:"0",top:l==="bottom"?X:"0",width:l==="left"||l==="right"?D:"100%",height:l==="top"||l==="bottom"?D:"100%"}})()})]})]})},tr=({skin:e="vscode",defaultPanelIcon:t,taskbarVisibility:n="always",contextMenuAdapter:o=ct,animations:f=!0})=>{let s=Ee(),k=xt(),{restorePanel:b,minimizePanel:T,requestClosePanel:w,maximizePanel:x,updateFloatingPosition:v,focusPanel:S,floatPanel:I,setDraggedPanelId:N,dockPanelToGroup:z,movePanelOrder:d,dockPanelToWorkspaceEdge:E,setActivePanel:R,getPanelContextMenuItems:L,showContextMenu:g,registerContextMenuFn:P}=hn(),{openModal:H}=je(),B=De(),l=Ae(),D=K.default.useCallback(r=>{let C=s.panels[r];w(r,{onConfirm:p=>new Promise(u=>{let h=p||C?.dirtyOptions,M=C?ge(C.title,B):"Panel";H(Ze,{title:h?.title||l.unsavedChangesTitle,message:h?.message||{id:l.unsavedChangesMessage.id,defaultMessage:l.unsavedChangesMessage.defaultMessage,values:{title:M}},alert:h?.alert,alertType:h?.alertType||"danger",useYesNoTitles:!0,onOK:()=>u(!0),onCancel:()=>u(!1)},{size:"small"})})})},[w,s.panels,B,H,l]),{windowClass:X,windowBodyClass:j}=He(),U=(0,K.useContext)(Rt),pe=(0,K.useRef)(null);(0,K.useEffect)(()=>P(U!==null?r=>U.show(r):r=>pe.current?.show(r)),[U,P]);let ee=(0,K.useRef)(null),[he,le]=(0,K.useState)(!1),$=(0,K.useRef)(null),O=(0,K.useRef)(s.minimized.length),[_,q]=(0,K.useState)(null),Y=(0,K.useRef)(null),ne=(0,K.useRef)("mouse"),[me,ve]=(0,K.useState)(!1),ze=U!==null?U.isOpen:me;(0,K.useEffect)(()=>()=>{Y.current&&clearTimeout(Y.current)},[]),(0,K.useEffect)(()=>{_&&(s.minimized.some(C=>C.id===_.id)||q(null))},[s.minimized,_]),(0,K.useEffect)(()=>{if(!_?.fromTouch)return;let r=C=>{C.pointerType!=="touch"||document.querySelector(".rdd-taskbar-item-tooltip")?.contains(C.target)||q(null)};return document.addEventListener("pointerdown",r,{capture:!0}),()=>document.removeEventListener("pointerdown",r,{capture:!0})},[_?.fromTouch]);let[Fe,Ne]=(0,K.useState)(null),Oe=(0,K.useRef)(null),[Qe,et]=(0,K.useState)({x:0,y:0}),[kt,Ht]=(0,K.useState)(null),pt=(0,K.useRef)(null),Te=r=>{Ht(r),pt.current=r},[Bt,$t]=(0,K.useState)(null),gt=(0,K.useRef)(null),tt=r=>{$t(r),gt.current=r},It=(0,K.useContext)(Pt)?.isRtl??!1,[Gt,Ye]=(0,K.useState)(null),_e=(0,K.useRef)(null),Yt=(r,C,p,u)=>{let h=u?{leafId:r,panelId:C,index:p,side:u}:null;Ye(h),_e.current=h},Xt=(r,C)=>{let p=C?{leafId:r,position:C}:null;Ne(p),Oe.current=p},Et=(r,C)=>{let p=document.elementsFromPoint(r,C),u=!1,h=!1,M=!1;for(let A of p)if(A instanceof HTMLElement){if(!u&&A.dataset.dropZone){let F=A.dataset.leafId;if(F){let Z=A.dataset.dropZone;Ne({leafId:F,position:Z}),Oe.current={leafId:F,position:Z},u=!0}}if(!M&&A.dataset.tabId){let F=A.dataset.leafId,Z=parseInt(A.dataset.tabIndex||"0",10);if(F){let se=A.getBoundingClientRect(),J=r-se.left<se.width/2?"left":"right";Ye({leafId:F,panelId:A.dataset.tabId,index:Z,side:J}),_e.current={leafId:F,panelId:A.dataset.tabId,index:Z,side:J},M=!0}}if(!h&&A.dataset.edgeTrigger&&(Te(A.dataset.edgeTrigger),h=!0),u&&h&&M)break}u||(Ne(null),Oe.current=null),h||Te(null),M||(Ye(null),_e.current=null)},nt=300,ot=8,Xe=()=>{N(null),Ne(null),Oe.current=null,Ye(null),_e.current=null,Te(null)},Ve=r=>s.isRtl?r==="left"?"right":r==="right"?"left":r:r,Lt=(r,C)=>{let p=Oe.current,u=_e.current,h=pt.current,M=gt.current;if(h)E(r,Ve(h));else if(u){let A=u.index;u.side==="right"&&(A+=1);let F=qn(s.gridRoot,u.leafId);if(F){let Z=F.panels.indexOf(r);Z!==-1&&Z<A&&(A-=1)}d(r,u.leafId,A)}else p?z(r,p.leafId,Ve(p.position)):M?I(r,void 0,It?Ot(M):M):I(r,{x:C.clientX-150,y:C.clientY-15,width:450,height:350});tt(null),Xe()},Vt=(r,C)=>{if(C.pointerType==="mouse"&&C.button!==0)return;let p=C.currentTarget,u=C.clientX,h=C.clientY;if(C.pointerType==="touch"){let M=C.pointerId,A=!1,F=()=>{A=!0,clearTimeout(se),p.removeEventListener("pointermove",Z),p.removeEventListener("pointerup",F),p.removeEventListener("pointercancel",F)},Z=J=>{Math.hypot(J.clientX-u,J.clientY-h)>ot&&F()},se=setTimeout(()=>{if(A)return;p.removeEventListener("pointermove",Z),p.removeEventListener("pointerup",F),p.removeEventListener("pointercancel",F);try{p.setPointerCapture(M)}catch{return}p.classList.add("rdd-long-press-active"),navigator.vibrate&&navigator.vibrate(10);let J=!1,oe=ae=>{J||(J=!0,N(r)),et({x:ae.clientX,y:ae.clientY}),Et(ae.clientX,ae.clientY)},ce=ae=>{p.classList.remove("rdd-long-press-active"),p.removeEventListener("pointermove",oe),p.removeEventListener("pointerup",ce),p.removeEventListener("pointercancel",te),J?Lt(r,ae):zt(r,ae)},te=()=>{p.classList.remove("rdd-long-press-active"),p.removeEventListener("pointermove",oe),p.removeEventListener("pointerup",ce),p.removeEventListener("pointercancel",te),J&&Xe()};p.addEventListener("pointermove",oe),p.addEventListener("pointerup",ce),p.addEventListener("pointercancel",te)},nt);p.addEventListener("pointermove",Z),p.addEventListener("pointerup",F),p.addEventListener("pointercancel",F)}else{let M=!1,A=Z=>{let se=Z.clientX-u,J=Z.clientY-h;!M&&(Math.abs(se)>5||Math.abs(J)>5)&&(M=!0,N(r)),M&&et({x:Z.clientX,y:Z.clientY})},F=Z=>{window.removeEventListener("pointermove",A),window.removeEventListener("pointerup",F),M&&Lt(r,Z)};window.addEventListener("pointermove",A),window.addEventListener("pointerup",F)}},zt=(r,C)=>{C.preventDefault();let p=s.panels[r];if(!p)return;let h=k.get(p.component)?.defaultOptions,M=[];if(h?.canDrag!==!1&&M.push({label:ge(l.floatWindow,B),icon:Tt.float,action:()=>I(r)}),h?.canMinimize!==!1&&M.push({label:ge(l.minimizePanel,B),icon:Tt.minimize,action:()=>T(r)}),M.length>0&&h?.canClose!==!1&&M.push({separator:!0}),h?.canClose!==!1&&M.push({label:ge(l.closeTab,B),icon:Tt.close,action:()=>D(r)}),M.length===0)return;let A=L(r),F=A.length>0?[...M,{separator:!0},...A]:M;g({event:C,items:F})},rt=(r,C)=>{C.preventDefault(),q(null),g({event:C,items:[{label:ge(l.restorePanel,B),icon:Tt.restore,action:()=>b(r)},{label:ge(l.maximizePanel,B),icon:Tt.maximize,action:()=>x(r)},{separator:!0},{label:ge(l.closePanel,B),icon:Tt.close,action:()=>D(r)}]})};(0,K.useEffect)(()=>{let r=Object.keys(s.panels);for(let C of Array.from(At.keys()))r.includes(C)||At.delete(C)},[s.panels]),(0,K.useEffect)(()=>{let r=()=>{s.draggedPanelId!==null&&(N(null),Ne(null),Ye(null))};return window.addEventListener("blur",r),()=>{window.removeEventListener("blur",r)}},[s.draggedPanelId]);let ft=(0,K.useRef)(null),[it,cn]=(0,K.useState)({width:1024,height:768});(0,K.useEffect)(()=>{let r=ft.current;if(!r)return;let C=!1,p=new ResizeObserver(u=>{if(!u||u.length===0)return;let h=u[0].contentRect;if(process.env.NODE_ENV==="development"&&h.height<10&&!C){C=!0;let M=r,A=r.parentElement;for(;A&&A!==document.documentElement&&A.getBoundingClientRect().height<10;){M=A;A=A.parentElement}let F=M.tagName.toLowerCase(),Z=M.id?` id="${M.id}"`:"",se=M.className?` class="${M.className}"`:"",J=M===r?"the WindowManager container itself":`a wrapper element: <${F}${Z}${se}>`;console.warn(`[react-dockable-desktop] Workspace height is 0px \u2014 the workspace will be invisible.
6
6
 
7
7
  Zero height found at: ${J}
8
8
 
@@ -20,5 +20,5 @@ Fix options:
20
20
  .layout { display: flex; flex-direction: column; height: 100vh; }
21
21
  .workspace { flex: 1; min-height: 0; }
22
22
 
23
- 3. Verify styles.css is imported \u2014 it anchors html, body, #root to 100% height.`)}d({width:Math.max(100,D.width),height:Math.max(100,D.height)})});return x.observe(i),()=>{x.disconnect()}},[]),(0,V.useEffect)(()=>{let i=c.width,W=c.height;s.floating.forEach(x=>{let R=typeof x.width=="string"?parseFloat(x.width):x.width,D=typeof x.height=="string"?parseFloat(x.height):x.height,$=typeof x.x=="string"?parseFloat(x.x):x.x,Z=typeof x.y=="string"?parseFloat(x.y):x.y,_=R,oe=D,pe=$,J=Z,le=!1;if(_>i&&(_=Math.max(200,i-20),le=!0),oe>W&&(oe=Math.max(150,W-40),le=!0),!x.anchor){let me=i-100;pe>me&&(pe=Math.max(0,me),le=!0);let ce=W-40;J>ce&&(J=Math.max(0,ce),le=!0)}le&&y(x.id,{x:pe,y:J,width:_,height:oe})})},[c,s.floating,y]),(0,V.useEffect)(()=>{let i=W=>{if(W.button!==0)return;let x=W.target;if(!x||typeof x.closest!="function")return;let R=x.closest(".floating-window");if(R){let $=R.getAttribute("data-window-id");$&&(w($),g($));return}let D=x.closest(".workspace-panel");if(D){let $=D.getAttribute("data-active-panel-id");$&&w($)}};return document.addEventListener("pointerdown",i),()=>{document.removeEventListener("pointerdown",i)}},[g,w]);let A=(i,W)=>{let x=s.floating.find(J=>J.id===i);if(!x||x.maximized)return;g(i);let R=W.currentTarget,D=R.closest(".floating-window"),$=W.clientX,Z=W.clientY,_=D?D.offsetLeft:0,oe=D?D.offsetTop:0,pe=()=>{let J=Ee.current,le=Ge.current,me=ut.current,ce=pt.current;if(ce)y(i,{anchor:kt?Ot(ce):ce});else if(me)a(i,je(me));else if(le){let Me=le.index;le.side==="right"&&(Me+=1),E(i,le.leafId,Me)}else J&&k(i,J.leafId,je(J.position));ot(null),st()};if(W.pointerType==="touch"){let J=W.pointerId,le=!1,me=()=>{le=!0,clearTimeout(Me),R.removeEventListener("pointermove",ce),R.removeEventListener("pointerup",me),R.removeEventListener("pointercancel",me)},ce=Be=>{Math.hypot(Be.clientX-$,Be.clientY-Z)>it&&me()},Me=setTimeout(()=>{if(le)return;R.removeEventListener("pointermove",ce),R.removeEventListener("pointerup",me),R.removeEventListener("pointercancel",me);try{R.setPointerCapture(J)}catch{return}R.classList.add("long-press-active"),I(i);let Be=gt=>{let pn=gt.clientX-$,Vt=gt.clientY-Z;y(i,{x:_+pn,y:oe+Vt,anchor:null}),Et(gt.clientX,gt.clientY)},Ne=()=>{R.classList.remove("long-press-active"),R.removeEventListener("pointermove",Be),R.removeEventListener("pointerup",Ne),R.removeEventListener("pointercancel",at),pe()},at=()=>{R.classList.remove("long-press-active"),R.removeEventListener("pointermove",Be),R.removeEventListener("pointerup",Ne),R.removeEventListener("pointercancel",at),st()};R.addEventListener("pointermove",Be),R.addEventListener("pointerup",Ne),R.addEventListener("pointercancel",at)},rt);R.addEventListener("pointermove",ce),R.addEventListener("pointerup",me),R.addEventListener("pointercancel",me)}else{let J=!1,le=ce=>{let Me=ce.clientX-$,Be=ce.clientY-Z;!J&&(Math.abs(Me)>5||Math.abs(Be)>5)&&(J=!0,I(i)),J&&y(i,{x:_+Me,y:oe+Be,anchor:null})},me=()=>{window.removeEventListener("pointermove",le),window.removeEventListener("pointerup",me),J&&pe()};window.addEventListener("pointermove",le),window.addEventListener("pointerup",me)}},S=(i,W,x)=>{x.stopPropagation();let R=s.floating.find(Zt=>Zt.id===i);if(!R||R.maximized)return;g(i);let D=x.currentTarget;D.setPointerCapture(x.pointerId);let $=x.clientX,Z=x.clientY,_=D.closest(".floating-window"),oe=_?_.offsetWidth:400,pe=_?_.offsetHeight:300,J=_?_.offsetLeft:0,le=_?_.offsetTop:0,me=c.width,ce=c.height,Me=typeof R.x=="string"?parseFloat(R.x):R.x,Be=typeof R.y=="string"?parseFloat(R.y):R.y,Ne=typeof R.width=="string"?parseFloat(R.width):R.width,at=typeof R.height=="string"?parseFloat(R.height):R.height,gt=W==="se"&&Math.abs(Me+Ne-me)<4,pn=W==="se"&&Math.abs(Be+at-ce)<4,Vt=Zt=>{let In=Zt.clientX-$,En=Zt.clientY-Z,Lt=J,Nt=le,ft=oe,mt=pe;W.includes("e")&&(ft=Math.max(200,oe+In)),W.includes("w")&&(ft=Math.max(200,oe-In),Lt=J+oe-ft),W.includes("s")&&(mt=Math.max(150,pe+En)),W.includes("n")&&(mt=Math.max(150,pe-En),Nt=le+pe-mt),gt&&(Lt=me-ft,Lt<0&&(Lt=0,ft=me)),pn&&(Nt=ce-mt,Nt<0&&(Nt=0,mt=ce)),y(i,{x:Lt,y:Nt,width:ft,height:mt})},qt=()=>{D.removeEventListener("pointermove",Vt),D.removeEventListener("pointerup",qt),D.removeEventListener("pointercancel",qt)};D.addEventListener("pointermove",Vt),D.addEventListener("pointerup",qt),D.addEventListener("pointercancel",qt)},ee=i=>{if(U.current){let W=i==="left"?-150:150;U.current.scrollBy({left:W,behavior:"smooth"})}},re=(0,V.useCallback)(()=>{ge.current&&clearTimeout(ge.current),ye(!0)},[]),ne=(0,V.useCallback)(()=>{ge.current=setTimeout(()=>ye(!1),400)},[]);(0,V.useEffect)(()=>{n==="autohide"&&s.minimized.length>te.current&&(ge.current&&clearTimeout(ge.current),ye(!0),ge.current=setTimeout(()=>ye(!1),2e3)),te.current=s.minimized.length},[s.minimized.length,n]);let[se,Ce]=(0,V.useState)("dark");return(0,V.useEffect)(()=>{let i=()=>{let x=document.documentElement.getAttribute("data-color-scheme")==="light"?"light":"dark";Ce(x)};i();let W=new MutationObserver(i);return W.observe(document.documentElement,{attributes:!0,attributeFilter:["data-color-scheme"]}),()=>W.disconnect()},[]),(0,V.useEffect)(()=>(e?document.documentElement.setAttribute("data-workspace-skin",e):document.documentElement.removeAttribute("data-workspace-skin"),()=>{document.documentElement.removeAttribute("data-workspace-skin")}),[e]),(0,p.jsxs)("div",{"data-workspace-skin":e,"data-color-scheme":se,style:{display:"flex",flexDirection:"column",position:"relative",width:"100%",height:"100%",overflow:"hidden",userSelect:"none"},dir:s.dir,children:[(0,p.jsxs)("div",{ref:h,className:s.draggedPanelId?"dragging-active":void 0,style:{flexGrow:1,width:"100%",position:"relative",overflow:"hidden"},children:[s.draggedPanelId!==null&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)("div",{"data-edge-trigger":"left",className:"workspace-edge-trigger edge-trigger-left",onPointerEnter:()=>We("left"),onPointerLeave:()=>We(null)}),(0,p.jsx)("div",{"data-edge-trigger":"right",className:"workspace-edge-trigger edge-trigger-right",onPointerEnter:()=>We("right"),onPointerLeave:()=>We(null)}),(0,p.jsx)("div",{"data-edge-trigger":"top",className:"workspace-edge-trigger edge-trigger-top",onPointerEnter:()=>We("top"),onPointerLeave:()=>We(null)}),(0,p.jsx)("div",{"data-edge-trigger":"bottom",className:"workspace-edge-trigger edge-trigger-bottom",onPointerEnter:()=>We("bottom"),onPointerLeave:()=>We(null)})]}),s.draggedPanelId!==null&&["top-left","top-right","bottom-left","bottom-right"].map(i=>(0,p.jsx)("div",{className:`fw-corner-zone fw-corner-zone--${i}${Bt===i?" fw-corner-zone--hovered":""}`,onPointerEnter:()=>{ot(i),We(null)},onPointerLeave:()=>ot(null),"aria-hidden":"true"},i)),s.draggedPanelId!==null&&Tt!==null&&(0,p.jsx)("div",{className:"workspace-edge-preview",style:(()=>{let i=`${s.edgeSplitRatio*100}%`;switch(Tt){case"left":return{left:0,top:0,bottom:0,width:i};case"right":return{right:0,top:0,bottom:0,width:i};case"top":return{top:0,left:0,right:0,height:i};case"bottom":return{bottom:0,left:0,right:0,height:i}}})()}),(0,p.jsx)("div",{style:{width:"100%",height:"100%",overflow:"hidden",position:"relative"},children:s.gridRoot?(0,p.jsx)(Kn,{node:s.gridRoot,path:[],onTabRightClick:Gt,activeDropZone:Re,onHoverDropZone:It,onTabDragStart:un,hoveredTab:Yt,onTabHover:St,defaultPanelIcon:t,onRequestClosePanel:l}):(0,p.jsx)("div",{className:"empty-workspace-grid",children:"Grid Empty"})}),s.floating.map(i=>{let W=s.panels[i.id];if(!W)return null;let x=i.maximized,R=s.draggedPanelId===i.id,D=s.activePanelId===i.id,Z=b.get(W.component)?.defaultOptions;return(0,p.jsxs)("div",{"data-window-id":i.id,dir:s.dir,onPointerDownCapture:()=>{w(i.id),g(i.id)},className:`floating-window ${x?"maximized":""} ${D?"v2-window-focused":""} ${L??""}`,style:(()=>{let pe=typeof i.width=="number"?`${i.width}px`:i.width,J=typeof i.height=="number"?`${i.height}px`:i.height;if(x)return{position:"absolute",left:0,top:0,width:"100%",height:"100%",zIndex:i.z,pointerEvents:R?"none":"auto"};if(i.anchor){let le=s.floating.filter(Ne=>Ne.anchor===i.anchor&&!Ne.maximized),me=le.findIndex(Ne=>Ne.id===i.id),ce=8;for(let Ne=0;Ne<me;Ne++){let at=typeof le[Ne].height=="number"?le[Ne].height:parseFloat(le[Ne].height);ce+=at+8}let Me=i.anchor.startsWith("top");return{position:"absolute",[i.anchor.endsWith("-right")?"insetInlineEnd":"insetInlineStart"]:8,[Me?"top":"bottom"]:ce,width:pe,height:J,zIndex:i.z,transition:R?"none":"top 0.2s ease, bottom 0.2s ease",pointerEvents:R?"none":"auto"}}return{position:"absolute",left:typeof i.x=="number"?`${i.x}px`:i.x,top:typeof i.y=="number"?`${i.y}px`:i.y,width:pe,height:J,zIndex:i.z,pointerEvents:R?"none":"auto"}})(),children:[(0,p.jsxs)("div",{onDoubleClick:()=>P(i.id),onPointerDown:_=>{Z?.canDrag!==!1&&A(i.id,_)},className:"floating-window-titlebar cursor-move",style:{cursor:x||Z?.canDrag===!1?"default":"move"},children:[(0,p.jsxs)("span",{className:"floating-window-title",children:[(0,p.jsx)("span",{className:"window-title-icon",children:Z?.icon||t||xn}),(0,p.jsxs)("span",{children:[be(W.title,T),W.dirty?" *":""]})]}),(0,p.jsxs)("div",{className:"fw-titlebar-actions",style:{gap:"var(--header-button-gap, 4px)"},onPointerDown:_=>_.stopPropagation(),children:[Z?.renderHeaderActions&&(0,p.jsx)("div",{className:"window-header-actions",children:Z.renderHeaderActions(i.id)}),u(i.id).length>0&&(0,p.jsx)("button",{type:"button",className:"custom-tab-btn btn-more-actions",title:"More actions",onClick:_=>{_.stopPropagation();let oe=u(i.id);oe.length!==0&&v({event:_,items:oe})},children:(0,p.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"currentColor",style:{display:"block"},children:[(0,p.jsx)("circle",{cx:"12",cy:"5",r:"2"}),(0,p.jsx)("circle",{cx:"12",cy:"12",r:"2"}),(0,p.jsx)("circle",{cx:"12",cy:"19",r:"2"})]})}),(0,p.jsx)("button",{type:"button",title:x?be(O.restoreSize,T):be(O.maximize,T),onClick:()=>P(i.id),className:"custom-tab-btn btn-maximize-tab",children:(0,p.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,p.jsx)("rect",{x:"4",y:"4",width:"16",height:"16",rx:"1.5"})})}),Z?.canMinimize!==!1&&(0,p.jsx)("button",{type:"button",title:be(O.minimize,T),onClick:()=>m(i.id),className:"custom-tab-btn btn-minimize-tab",children:(0,p.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",children:(0,p.jsx)("path",{d:"M5 12h14"})})}),Z?.canClose!==!1&&(0,p.jsx)("button",{type:"button",title:be(O.close,T),onClick:()=>l(i.id),className:"custom-tab-btn btn-close-tab",children:(0,p.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",children:(0,p.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]})]}),(0,p.jsx)("div",{className:G??void 0,style:{flexGrow:1,width:"100%",overflow:"hidden",position:"relative",isolation:"isolate"},children:(0,p.jsx)(Zn,{panelId:i.id},i.id)}),!x&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)("div",{onPointerDown:_=>S(i.id,"n",_),className:"resize-handle resize-n"}),(0,p.jsx)("div",{onPointerDown:_=>S(i.id,"ne",_),className:"resize-handle resize-ne"}),(0,p.jsx)("div",{onPointerDown:_=>S(i.id,"e",_),className:"resize-handle resize-e"}),(0,p.jsx)("div",{onPointerDown:_=>S(i.id,"se",_),className:"resize-handle resize-se"}),(0,p.jsx)("div",{onPointerDown:_=>S(i.id,"s",_),className:"resize-handle resize-s"}),(0,p.jsx)("div",{onPointerDown:_=>S(i.id,"sw",_),className:"resize-handle resize-sw"}),(0,p.jsx)("div",{onPointerDown:_=>S(i.id,"w",_),className:"resize-handle resize-w"}),(0,p.jsx)("div",{onPointerDown:_=>S(i.id,"nw",_),className:"resize-handle resize-nw"})]})]},i.id)})]}),(n==="always"||s.minimized.length>0)&&(0,p.jsxs)("div",{className:["taskbar-footer-container",`taskbar-mode-${n}`,n==="autohide"&&ie?"taskbar-expanded":""].filter(Boolean).join(" "),style:{height:"48px",zIndex:100},onPointerEnter:n==="autohide"?re:void 0,onPointerLeave:n==="autohide"?ne:void 0,children:[n==="autohide"&&(0,p.jsx)("div",{className:"taskbar-peek-handle"}),(0,p.jsx)("button",{type:"button",onClick:()=>ee("left"),className:"taskbar-nav-btn",style:{display:s.minimized.length>4?"block":"none"},children:"\u25C0"}),(0,p.jsx)("div",{ref:U,className:"taskbar-items-container",style:{scrollSnapType:"x mandatory"},children:s.minimized.map(i=>{let x=b.get(i.component)?.defaultOptions?.icon||t||xn;return(0,p.jsx)("div",{onClick:()=>{Q.current!=="touch"&&(f(null),z(i.id))},onContextMenu:R=>o(i.id,R),onPointerDown:R=>{if(Q.current=R.pointerType,R.pointerType!=="touch")return;let D=R.currentTarget,$=R.clientX,Z=R.clientY,_=R.pointerId,oe=!1,pe=()=>{oe=!0,clearTimeout(me),D.removeEventListener("pointermove",le),D.removeEventListener("pointerup",J),D.removeEventListener("pointercancel",pe)},J=()=>{pe();let ce=D.getBoundingClientRect();N?.id===i.id?(z(i.id),f(null)):f({id:i.id,rect:ce,title:i.title,component:i.component,fromTouch:!0})},le=ce=>{Math.hypot(ce.clientX-$,ce.clientY-Z)>it&&pe()},me=setTimeout(()=>{if(oe)return;D.removeEventListener("pointermove",le),D.removeEventListener("pointerup",J),D.removeEventListener("pointercancel",pe);try{D.setPointerCapture(_)}catch{return}navigator.vibrate&&navigator.vibrate(10);let ce=Me=>{D.removeEventListener("pointerup",ce),D.removeEventListener("pointercancel",ce),o(i.id,Me)};D.addEventListener("pointerup",ce),D.addEventListener("pointercancel",ce)},rt);D.addEventListener("pointermove",le),D.addEventListener("pointerup",J),D.addEventListener("pointercancel",pe)},onPointerEnter:R=>{if(R.pointerType==="touch"||Pe)return;X.current&&clearTimeout(X.current);let D=R.currentTarget.getBoundingClientRect();R.clientX>=D.left&&R.clientX<=D.right&&R.clientY>=D.top&&R.clientY<=D.bottom&&f({id:i.id,rect:D,title:i.title,component:i.component})},onPointerLeave:R=>{R.pointerType!=="touch"&&(X.current=setTimeout(()=>{f(null)},150))},className:"taskbar-glassmorphic-item",style:{backdropFilter:"blur(6px)",transition:"all 0.2s",cursor:"pointer",scrollSnapAlign:"start",width:"38px",height:"38px",position:"relative",padding:0},children:(0,p.jsx)("span",{className:"taskbar-item-icon",children:x})},i.id)})}),N&&(0,Pn.createPortal)((0,p.jsxs)("div",{className:"taskbar-item-tooltip",dir:s.dir,style:{position:"fixed",left:`${N.rect.left+N.rect.width/2}px`,top:`${N.rect.top-8}px`,transform:"translateX(-50%) translateY(-100%)",opacity:1,pointerEvents:"auto",zIndex:999999},onPointerEnter:()=>{X.current&&clearTimeout(X.current)},onPointerLeave:i=>{i.pointerType!=="touch"&&f(null)},onClick:()=>{z(N.id),f(null)},onContextMenu:i=>o(N.id,i),onPointerDown:i=>{if(i.pointerType!=="touch")return;let W=N.id,x=i.currentTarget,R=i.clientX,D=i.clientY,$=i.pointerId,Z=!1,_=()=>{Z=!0,clearTimeout(pe),x.removeEventListener("pointermove",oe),x.removeEventListener("pointerup",_),x.removeEventListener("pointercancel",_)},oe=J=>{Math.hypot(J.clientX-R,J.clientY-D)>it&&_()},pe=setTimeout(()=>{if(Z)return;x.removeEventListener("pointermove",oe),x.removeEventListener("pointerup",_),x.removeEventListener("pointercancel",_);try{x.setPointerCapture($)}catch{return}navigator.vibrate&&navigator.vibrate(10);let J=le=>{x.removeEventListener("pointerup",J),x.removeEventListener("pointercancel",J),o(W,le)};x.addEventListener("pointerup",J),x.addEventListener("pointercancel",J)},rt);x.addEventListener("pointermove",oe),x.addEventListener("pointerup",_),x.addEventListener("pointercancel",_)},children:[(0,p.jsxs)("div",{className:"tooltip-header-row",children:[(0,p.jsxs)("span",{className:"tooltip-title-text text-truncate",style:{maxWidth:"140px"},children:[be(N.title,T),s.panels[N.id]?.dirty?" *":""]}),(0,p.jsx)("span",{onClick:i=>{i.stopPropagation(),l(N.id),f(null)},title:be(O.closePanel,T),className:"tooltip-close-x",children:(0,p.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,p.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),(0,p.jsx)(Jo,{panelId:N.id})]}),document.body),(0,p.jsx)("button",{type:"button",onClick:()=>ee("right"),className:"taskbar-nav-btn",style:{display:s.minimized.length>4?"block":"none"},children:"\u25B6"})]}),Object.keys(s.panels).map(i=>{let W=s.panels[i];if(!W)return null;let x=qn(i);return(0,Pn.createPortal)((0,p.jsx)(Qo,{panelId:i,children:(0,p.jsx)("div",{style:{width:"100%",height:"100%"},dir:s.dir,children:Uo(i,W.component,b)})}),x,i)}),q===null&&(0,p.jsx)(r.Component,{ref:ae,theme:"dark",formatMessageProvider:T,onShow:()=>fe(!0),onHide:()=>fe(!1)}),s.draggedPanelId!==null&&!s.floating.some(i=>i.id===s.draggedPanelId)&&(0,p.jsxs)("div",{className:"drag-ghost-tab",style:{left:Fe.x+12,top:Fe.y+12,zIndex:1e5},children:["\u{1F4C4} ",be(s.panels[s.draggedPanelId]?.title,T)||"Tab"]})]})},jn=tr;var an=class{registry;initialState;config;_actions=null;_initialized=!1;_pendingCalls=[];_pendingOpenPanelIds=new Set;_pendingSubscriptions=[];_disconnectedWarnTimer=null;constructor(t={}){if(this.registry=new lt,this.initialState=t.initialState??null,this.config={formatMessage:t.formatMessage,predefinedMessages:t.predefinedMessages,dir:t.dir,defaultSplitRatio:t.defaultSplitRatio,defaultEdgeSplitRatio:t.defaultEdgeSplitRatio},t.panels)for(let[n,r]of Object.entries(t.panels))this.registry.register(n,r.component,r.defaultOptions)}_connect(t){this._actions=t,this._disconnectedWarnTimer!==null&&(clearTimeout(this._disconnectedWarnTimer),this._disconnectedWarnTimer=null),this._initialized||(this._initialized=!0);for(let r of this._pendingSubscriptions)r.unsub=t.subscribe(r.event,r.callback);let n=this._pendingCalls.splice(0);for(let r of n)r(t)}_disconnect(){this._actions=null;for(let t of this._pendingSubscriptions)t.unsub?.(),t.unsub=null}get isConnected(){return this._actions!==null}_startWarnTimer(){this._disconnectedWarnTimer===null&&(this._disconnectedWarnTimer=setTimeout(()=>{!this.isConnected&&this._pendingCalls.length>0&&console.error("[react-dockable-desktop] WorkspaceClient has "+this._pendingCalls.length+" queued call(s) but was never connected to a WindowManagerProvider. Did you forget client={workspace} on <WindowManagerProvider>?")},process.env.NODE_ENV==="production"?5e3:1e3))}_dispatch(t){this._actions?t(this._actions):(this._pendingCalls.push(t),this._startWarnTimer())}_subscribeRaw(t,n){if(this._actions)return this._actions.subscribe(t,n);let r={event:t,callback:n,unsub:null};return this._pendingSubscriptions.push(r),()=>{r.unsub?.(),r.unsub=null;let s=this._pendingSubscriptions.indexOf(r);s!==-1&&this._pendingSubscriptions.splice(s,1)}}openPanel(...t){if(this._actions){this._actions.openPanel(...t);return}let n=t[0];this._pendingOpenPanelIds.has(n)||(this._pendingOpenPanelIds.add(n),this._pendingCalls.push(r=>{this._pendingOpenPanelIds.delete(n),r.openPanel(...t)}),this._startWarnTimer())}closePanel(t){this._dispatch(n=>n.closePanel(t))}minimizePanel(t){this._dispatch(n=>n.minimizePanel(t))}restorePanel(t){this._dispatch(n=>n.restorePanel(t))}floatPanel(...t){this._dispatch(n=>n.floatPanel(...t))}dockPanel(...t){this._dispatch(n=>n.dockPanel(...t))}maximizePanel(t){this._dispatch(n=>n.maximizePanel(t))}focusPanel(t){this._dispatch(n=>n.focusPanel(t))}isOpen(t){return this._actions?.isOpen(t)??!1}getOpenPanelIds(){return this._actions?.getOpenPanelIds()??[]}saveLayout(){return this._actions?.saveLayout()??""}loadLayout(t){return this._actions?this._actions.loadLayout(t):(this._pendingCalls.push(n=>{n.loadLayout(t)}),!1)}setDirection(t){this._dispatch(n=>n.setDirection(t))}publish(t,n){this._dispatch(r=>r.publish(t,n))}subscribe(t,n){return this._subscribeRaw(t,n)}onPanelOpen(t){return this._subscribeRaw("panel:opened",n=>{let r=n;t(r.id,r.component)})}onPanelClose(t){return this._subscribeRaw("panel:closed",n=>{t(n.id)})}onPanelMinimize(t){return this._subscribeRaw("panel:minimized",n=>{t(n.id)})}onPanelRestore(t){return this._subscribeRaw("panel:restored",n=>{t(n.id)})}};var oo=require("react");var Ze=require("react"),Jn=require("react/jsx-runtime"),Un=(0,Ze.createContext)(null),Ft=({children:e})=>{let[t,n]=(0,Ze.useState)({}),[r,s]=(0,Ze.useState)({}),b=(0,Ze.useMemo)(()=>({getActiveInGroup:z=>t[z]??null,setActiveInGroup:(z,m)=>n(M=>({...M,[z]:m})),isModifierActive:z=>r[z]??!1,setModifierActive:(z,m)=>s(M=>({...M,[z]:m})),toggleModifier:z=>s(m=>({...m,[z]:!m[z]}))}),[t,r]);return(0,Jn.jsx)(Un.Provider,{value:b,children:e})};function _t(){let e=(0,Ze.useContext)(Un);return e||(console.warn("useToolbar() called outside <DockableDesktopProvider>. Returning no-op."),{getActiveInGroup:()=>null,setActiveInGroup:()=>{},isModifierActive:()=>!1,setModifierActive:()=>{},toggleModifier:()=>{}})}var De=require("react");var no=require("react/jsx-runtime");function nr(){let e=new Map,t=new Set,n=()=>t.forEach(r=>r());return{publish(r,s){return e.set(r,s),n(),()=>{e.get(r)===s&&(e.delete(r),n())}},get(r){return e.get(r)??null},subscribe(r){return t.add(r),()=>t.delete(r)}}}var Cn=(0,De.createContext)(null),ln=({children:e})=>{let t=(0,De.useMemo)(()=>nr(),[]);return(0,no.jsx)(Cn.Provider,{value:t,children:e})};function Qn(e){let t=Wt(),n=(0,De.useContext)(Cn),r=(0,De.useRef)(null);n||console.warn("usePanelContribution() called outside <PanelContributionProvider>. Returning no-op."),(0,De.useLayoutEffect)(()=>{if(n)return r.current?.(),r.current=n.publish(t,e),()=>{r.current?.(),r.current=null}},[n,t,e])}function cn(){let e=_e(s=>s.activePanelId),t=(0,De.useContext)(Cn);t||console.warn("useActivePanelContribution() called outside <PanelContributionProvider>. Returning null.");let n=(0,De.useCallback)(s=>t?t.subscribe(s):()=>{},[t]),r=()=>t&&e?t.get(e):null;return(0,De.useSyncExternalStore)(n,r,r)}function Rn(e,t=null){return{id:e.id,label:e.label,icon:e.icon??t,renderContent:()=>e.content}}function eo(e){let t=cn();return t?.toolbarItems?.length?[...e,{type:"separator"},...t.toolbarItems]:e}function to(e,t=null){let n=cn();return n?.sidebarSections?.length?[...e,...n.sidebarSections.map(r=>Rn(r,t))]:e}var Rt=require("react/jsx-runtime"),ro=({contextMenuAdapter:e=ct,...t})=>{let n=(0,oo.useContext)(wt),r=(0,Rt.jsx)(Ft,{children:(0,Rt.jsx)(Qt,{...t,children:(0,Rt.jsx)(ln,{children:(0,Rt.jsx)(rn,{children:t.children})})})});return n!==null?r:(0,Rt.jsx)(nn,{adapter:e,formatMessageProvider:t.formatMessage,children:r})};var Oe=require("react");var Se=require("react/jsx-runtime"),or=({modal:e,index:t,isTopmost:n})=>{let{close:r,openModal:s,updateInstance:b,setDirty:z}=Qe(),m=$e(),M=Xe(),{dir:P}=_e(),{modalClass:y,modalBodyClass:g}=Ve(),H=(0,Oe.useRef)(null),{id:I,Component:k,props:E,options:a,dirty:w,dirtyOptions:u}=e,v=a,[C,B]=(0,Oe.useState)(v.icon||null),T=(0,Oe.useRef)(v);T.current=v;let O=be(v.title,m),l=(0,Oe.useCallback)(async f=>{if(f?.force){r(I);return}if(H.current){if(!await H.current())return;r(I);return}if(w){s(et,{title:u?.title||M.unsavedChangesTitle,message:u?.message||{id:M.unsavedChangesMessage.id,defaultMessage:M.unsavedChangesMessage.defaultMessage,values:{title:O}},alert:u?.alert,alertType:u?.alertType||"danger",useYesNoTitles:!0,onOK:()=>r(I)},{size:"small"});return}r(I)},[r,s,I,w,u,O,M]),L=(0,Oe.useCallback)((f,X)=>z(I,f,X),[z,I]),G=(0,Oe.useCallback)(f=>b(I,{options:{...T.current,title:f}}),[b,I]),q=(0,Oe.useCallback)(f=>B(f),[]),ae=(0,Oe.useCallback)(f=>(H.current=f,()=>{H.current=null}),[]),U=(0,Oe.useMemo)(()=>({requestClose:l,setDirty:L,setTitle:G,setIcon:q,onCloseRequested:ae,containerType:"modal",instanceId:I}),[l,L,G,q,ae,I]),ie=w?`${O} *`:O,ye=v.size?`v2-modal-size-${v.size}`:"v2-modal-size-auto",ge=v.closable!==!1;(0,Oe.useEffect)(()=>{if(!n||!ge)return;let f=X=>{X.key==="Escape"&&(X.stopPropagation(),l())};return document.addEventListener("keydown",f),()=>document.removeEventListener("keydown",f)},[l,ge,n]);let N=1e4+t*10;return(0,Se.jsxs)("div",{className:"v2-modal-overlay",style:{zIndex:N},dir:P,children:[(0,Se.jsx)("div",{className:"v2-modal-curtain",onClick:ge?()=>l():void 0}),(0,Se.jsxs)("div",{className:`v2-modal-window ${ye} ${y??""}`,children:[(0,Se.jsxs)("div",{className:"v2-modal-header",children:[C&&(0,Se.jsx)("div",{className:"v2-modal-icon",children:C}),(0,Se.jsx)("h4",{className:"v2-modal-title",children:ie}),ge&&(0,Se.jsx)("button",{className:"v2-modal-close-button",onClick:()=>l(),title:m(M.closeTooltip),type:"button",children:(0,Se.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,Se.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),(0,Se.jsx)("div",{className:`v2-modal-body ${g??""}`,children:(0,Se.jsx)(Ue,{value:U,children:(0,Se.jsx)(k,{...E,panelId:I})})})]})]})},rr=()=>{let{modals:e}=qe();return e.length===0?null:(0,Se.jsx)(Se.Fragment,{children:e.map((t,n)=>(0,Se.jsx)(or,{modal:t,index:n,isTopmost:n===e.length-1},t.id))})},io=rr;var Le=require("react");var Te=require("react/jsx-runtime"),dn=({panel:e,position:t,defaultWidth:n})=>{let{close:r,openModal:s,updateInstance:b,setDirty:z,registerCloseHandler:m,unregisterCloseHandler:M}=Qe(),{modals:P}=qe(),y=$e(),g=Xe(),{dir:H}=_e(),{sidePanelClass:I,sidePanelBodyClass:k}=Ve(),E=(0,Le.useRef)(null),{id:a,Component:w,props:u,options:v,dirty:C,dirtyOptions:B}=e,T=v,[O,l]=(0,Le.useState)(T.icon||null),L=(0,Le.useRef)(T);L.current=T;let G=be(T.title,y),q=(0,Le.useCallback)(async Q=>{if(Q?.force){r(a);return}if(E.current){if(!await E.current())return;r(a);return}if(C){s(et,{title:B?.title||g.unsavedChangesTitle,message:B?.message||{id:g.unsavedChangesMessage.id,defaultMessage:g.unsavedChangesMessage.defaultMessage,values:{title:G}},alert:B?.alert,alertType:B?.alertType||"danger",useYesNoTitles:!0,onOK:()=>r(a)},{size:"small"});return}r(a)},[r,s,a,C,B,G,g]),ae=(0,Le.useCallback)(async()=>E.current?await E.current():!C,[C]);(0,Le.useEffect)(()=>(m(a,ae),()=>M(a)),[a,ae,m,M]);let U=(0,Le.useCallback)((Q,j)=>z(a,Q,j),[z,a]),ie=(0,Le.useCallback)(Q=>b(a,{options:{...L.current,title:Q}}),[b,a]),ye=(0,Le.useCallback)(Q=>l(Q),[]),ge=(0,Le.useCallback)(Q=>(E.current=Q,()=>{E.current=null}),[]),te=(0,Le.useMemo)(()=>({requestClose:q,setDirty:U,setTitle:ie,setIcon:ye,onCloseRequested:ge,containerType:t==="left"?"left-panel":"right-panel",instanceId:a}),[q,U,ie,ye,ge,t,a]),N=C?`${G} *`:G;(0,Le.useEffect)(()=>{let Q=j=>{j.key==="Escape"&&P.length===0&&q()};return document.addEventListener("keydown",Q),()=>document.removeEventListener("keydown",Q)},[q,P.length]);let f=T.width||n||400,X=typeof f=="number"?`${f}px`:f;return(0,Te.jsx)("div",{className:`v2-side-panel v2-side-panel-${t} v2-side-panel-visible ${I??""}`,style:{width:X},dir:H,children:(0,Te.jsxs)("div",{className:"v2-side-panel-window",children:[(0,Te.jsxs)("div",{className:"v2-side-panel-header",children:[O&&(0,Te.jsx)("div",{className:"v2-side-panel-icon",children:O}),(0,Te.jsx)("h4",{className:"v2-side-panel-title",children:N}),(0,Te.jsx)("button",{className:"v2-side-panel-close-button",onClick:()=>q(),title:y(g.closeTooltip),type:"button",children:(0,Te.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,Te.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),(0,Te.jsx)("div",{className:`v2-side-panel-body ${k??""}`,children:(0,Te.jsx)(Ue,{value:te,children:(0,Te.jsx)(w,{...u,panelId:a})})})]})})},ir=({defaultWidth:e})=>{let{leftPanel:t,rightPanel:n}=qe();return(0,Te.jsxs)(Te.Fragment,{children:[t&&(0,Te.jsx)(dn,{panel:t,position:"left",defaultWidth:e},t.id),n&&(0,Te.jsx)(dn,{panel:n,position:"right",defaultWidth:e},n.id)]})},so=({defaultWidth:e})=>{let{leftPanel:t}=qe();return t?(0,Te.jsx)(dn,{panel:t,position:"left",defaultWidth:e},t.id):null},ao=({defaultWidth:e})=>{let{rightPanel:t}=qe();return t?(0,Te.jsx)(dn,{panel:t,position:"right",defaultWidth:e},t.id):null},lo=ir;var ue=require("react"),ke=require("react/jsx-runtime"),uo=(0,ue.createContext)(null),po=(0,ue.createContext)(null);function sr({tabId:e,onClose:t,onOpen:n,setActiveTabId:r,children:s}){let b=(0,ue.useMemo)(()=>({tabId:e,onClose:t,onOpen:n,openTab:z=>r(z)}),[e,t,n,r]);return(0,ke.jsx)(po.Provider,{value:b,children:s})}var co=(0,ue.memo)(function({tabs:t,activeTabId:n,isVisible:r,position:s,onTabClick:b}){return(0,ke.jsx)("div",{style:{width:r?"56px":"0px",height:"100%",overflow:"hidden",transition:"width 0.25s cubic-bezier(0.4, 0, 0.2, 1)",flexShrink:0},children:(0,ke.jsx)("div",{className:`sidebar-tabs-strip ${s}`,style:{width:"56px",height:"100%"},children:t.map(z=>{let m=n===z.id;return(0,ke.jsx)("button",{type:"button",onClick:()=>b(z.id),className:`sidebar-tab-btn${m?" active":""}`,title:z.label,"aria-pressed":m,children:z.icon},z.id)})})})});function ar({position:e,currentWidth:t,minWidth:n,maxWidth:r,onWidthChange:s,rootRef:b}){return(0,ke.jsx)("div",{className:"resizer-bar",style:{cursor:"col-resize",width:"1px",height:"100%",flexShrink:0,zIndex:20},onPointerDown:m=>{m.preventDefault();let M=m.currentTarget;M.setPointerCapture(m.pointerId);let P=m.clientX,y=t;M.classList.add("active"),document.body.classList.add("resizing-active","resizing-col-active"),b.current?.classList.add("sidebar-resizing");let g=I=>{let k=I.clientX-P,E=e==="right"?y-k:y+k;s(Math.max(n,Math.min(r,E)))},H=()=>{M.classList.remove("active"),document.body.classList.remove("resizing-active","resizing-col-active"),b.current?.classList.remove("sidebar-resizing"),M.removeEventListener("pointermove",g),M.removeEventListener("pointerup",H),M.removeEventListener("pointercancel",H)};M.addEventListener("pointermove",g),M.addEventListener("pointerup",H),M.addEventListener("pointercancel",H)}})}var go=(0,ue.forwardRef)(function({position:t="right",tabs:n,defaultWidth:r,minWidth:s=150,maxWidth:b=600,onWidthChange:z,drawerWidth:m,activeTabId:M,onActiveTabChange:P,visible:y,onVisibilityChange:g,stripVisible:H,onStripVisibilityChange:I,children:k},E){let a=M!==void 0,[w,u]=(0,ue.useState)(()=>r!==void 0?r:m!==void 0&&parseInt(m,10)||220),v=(0,ue.useCallback)(j=>{u(j),z?.(j)},[z]),[C,B]=(0,ue.useState)(null),T=a?M:C,[O,l]=(0,ue.useState)(()=>new Set),L=(0,ue.useMemo)(()=>{let j=new Set(O);T&&j.add(T);for(let fe of n)fe.eagerMount&&j.add(fe.id);return j},[O,T,n]),G=(0,ue.useRef)(T??null);(0,ue.useEffect)(()=>{G.current=T??null},[T]);let q=(0,ue.useRef)(w);(0,ue.useEffect)(()=>{q.current=w},[w]);let ae=(0,ue.useRef)(null),U=(0,ue.useCallback)(j=>{l(j!==null?fe=>{if(fe.has(j))return fe;let Pe=new Set(fe);return Pe.add(j),Pe}:fe=>{let Pe=!1,Re=new Set(fe);for(let ze of fe){let Ee=n.find(Fe=>Fe.id===ze);Ee&&!Ee.eagerMount&&!Ee.preserveState&&(Re.delete(ze),Pe=!0)}return Pe?Re:fe}),a||B(j),P?.(j)},[a,P,n]);(0,ue.useImperativeHandle)(E,()=>({openTab:j=>U(j),closeDrawer:()=>U(null),getActiveTab:()=>G.current,show:()=>g?.(!0),hide:()=>g?.(!1),toggle:()=>g?.(y===!1),showStrip:()=>I?.(!0),hideStrip:()=>I?.(!1),setWidth:j=>v(Math.max(s,Math.min(b,j))),getWidth:()=>q.current}),[U,y,g,I,v,s,b]);let ie=(0,ue.useCallback)(j=>{U(T===j?null:j)},[T,U]),ye=(0,ue.useCallback)(()=>U(null),[U]),ge=(0,ue.useMemo)(()=>({openTab:j=>U(j),closeDrawer:()=>U(null),getActiveTab:()=>G.current}),[U]),te=y!==!1,N=te&&H!==!1,f=te&&T!=null,X=(0,ke.jsx)("div",{className:`sidebar-content-drawer ${t}`,style:{flexBasis:f?`${w}px`:"0px",flexShrink:1,flexGrow:0,minWidth:f?`${s}px`:"0px",maxWidth:f?`${b}px`:"0px",overflow:"hidden",transition:"flex-basis 0.2s cubic-bezier(0.4, 0, 0.2, 1), min-width 0.2s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1)"},children:n.map(j=>{if(!L.has(j.id))return null;let Pe=T===j.id,Re=()=>U(j.id);return(0,ke.jsxs)("div",{style:{display:Pe?"flex":"none",flexDirection:"column",height:"100%",width:"100%"},children:[(0,ke.jsx)("div",{className:"sidebar-drawer-header",children:(0,ke.jsx)("span",{className:"sidebar-header-title",children:j.label})}),(0,ke.jsx)("div",{className:"sidebar-drawer-body",children:(0,ke.jsx)(sr,{tabId:j.id,onClose:ye,onOpen:Re,setActiveTabId:U,children:j.renderContent(j.id,ye,Re)})})]},j.id)})}),Q=f?(0,ke.jsx)(ar,{position:t,currentWidth:w,minWidth:s,maxWidth:b,onWidthChange:v,rootRef:ae}):null;return(0,ke.jsx)(uo.Provider,{value:ge,children:(0,ke.jsxs)("div",{ref:ae,style:{display:"flex",flexDirection:"row",width:"100%",height:"100%",overflow:"hidden"},children:[t==="left"&&(0,ke.jsx)(co,{tabs:n,activeTabId:T,isVisible:N,position:t,onTabClick:ie}),t==="left"&&X,t==="left"&&Q,(0,ke.jsx)("div",{style:{flex:"1 1 0%",minWidth:0,overflow:"hidden"},children:k}),t==="right"&&Q,t==="right"&&X,t==="right"&&(0,ke.jsx)(co,{tabs:n,activeTabId:T,isVisible:N,position:t,onTabClick:ie})]})})});function fo(){let e=(0,ue.useContext)(uo);return e||(console.warn("useSidebar() called outside a <Sidebar> tree. Returning no-op."),{openTab:()=>{},closeDrawer:()=>{},getActiveTab:()=>null})}function mo(){let e=(0,ue.useContext)(po);return e||(console.warn("useSidebarTab() called outside a <Sidebar> tab renderContent tree. Returning no-op."),{tabId:"",onOpen:()=>{},onClose:()=>{},openTab:()=>{}})}var Ae=require("react"),ho=require("react-dom");var Ie=require("react/jsx-runtime");function lr(e,t,n=!1,r=8){switch(t){case"left":return n?{right:window.innerWidth-e.left+r,top:e.top}:{left:e.right+r,top:e.top};case"right":return n?{left:e.right+r,top:e.top}:{right:window.innerWidth-e.left+r,top:e.top};case"top":return n?{top:e.bottom+r,right:window.innerWidth-e.right}:{top:e.bottom+r,left:e.left};case"bottom":return n?{bottom:window.innerHeight-e.top+r,right:window.innerWidth-e.right}:{bottom:window.innerHeight-e.top+r,left:e.left}}}function cr({item:e,position:t,toolbar:n}){let[r,s]=(0,Ae.useState)(!1),[b,z]=(0,Ae.useState)(null),m=(0,Ae.useRef)(null),M=(0,Ae.useRef)(null),P=e.activeItemId!==void 0,y=P?e.activeItemId:n.getActiveInGroup(e.id),g=e.items.find(a=>!("type"in a)&&a.id===y),H=y!==null,I=g?.icon??e.defaultIcon,k=g?.label??e.label,E=()=>{e.disabled||(!r&&m.current&&z(m.current.getBoundingClientRect()),s(a=>!a))};return(0,Ae.useLayoutEffect)(()=>{if(!r||!M.current)return;let a=M.current,w=a.getBoundingClientRect(),u=8;w.right>window.innerWidth-u&&(a.style.left=`${Math.max(u,window.innerWidth-w.width-u)}px`,a.style.right="auto"),w.left<u&&(a.style.left=`${u}px`,a.style.right="auto"),w.bottom>window.innerHeight-u&&(a.style.top=`${Math.max(u,window.innerHeight-w.height-u)}px`,a.style.bottom="auto"),w.top<u&&(a.style.top=`${u}px`,a.style.bottom="auto")},[r]),(0,Ae.useEffect)(()=>{if(!r)return;let a=w=>{let u=w.target;m.current?.contains(u)||M.current?.contains(u)||s(!1)};return document.addEventListener("mousedown",a),()=>document.removeEventListener("mousedown",a)},[r]),(0,Ae.useEffect)(()=>{if(!r)return;let a=w=>{w.key==="Escape"&&s(!1)};return document.addEventListener("keydown",a),()=>document.removeEventListener("keydown",a)},[r]),(0,Ie.jsxs)(Ie.Fragment,{children:[(0,Ie.jsx)("button",{ref:m,type:"button",className:`toolbar-btn toolbar-btn-group${H?" active":""}`,title:k,"aria-label":k,"aria-expanded":r,"aria-haspopup":"menu",disabled:e.disabled,onClick:E,children:I}),r&&b&&(0,ho.createPortal)((0,Ie.jsx)("div",{ref:M,className:`toolbar-group-flyout ${t}`,style:lr(b,t,document.documentElement.dir==="rtl"),role:"menu",children:e.items.map((a,w)=>{if("type"in a)return(0,Ie.jsx)("div",{className:"toolbar-group-flyout-sep",role:"separator"},`sep-${w}`);let u=y===a.id;return(0,Ie.jsxs)("button",{type:"button",className:`toolbar-group-flyout-item${u?" active":""}`,disabled:a.disabled,role:"menuitem","aria-pressed":u,onClick:()=>{P?e.onActiveItemChange?.(a.id):n.setActiveInGroup(e.id,a.id),a.onActivate?.(a.id),s(!1)},children:[(0,Ie.jsx)("span",{className:"toolbar-group-flyout-icon",children:a.icon}),(0,Ie.jsx)("span",{className:"toolbar-group-flyout-label",children:a.label}),a.shortcut&&(0,Ie.jsx)("span",{className:"toolbar-group-flyout-shortcut",children:a.shortcut})]},a.id)})}),document.body)]})}function dr(e,t,n,r){switch(e.type){case"separator":return(0,Ie.jsx)("div",{className:"toolbar-separator",role:"separator"},`sep-${t}`);case"action":return(0,Ie.jsx)("button",{type:"button",className:"toolbar-btn toolbar-btn-action",title:e.label,"aria-label":e.label,disabled:e.disabled,onClick:e.onClick,children:e.icon},e.id);case"radio":{let s=n.getActiveInGroup(e.group)===e.id;return(0,Ie.jsx)("button",{type:"button",className:`toolbar-btn toolbar-btn-radio${s?" active":""}`,title:e.label,"aria-label":e.label,"aria-pressed":s,disabled:e.disabled,onClick:()=>{n.setActiveInGroup(e.group,e.id),e.onActivate?.(e.id)},children:e.icon},e.id)}case"toggle":{let s=e.active!==void 0,b=s?e.active:n.isModifierActive(e.id);return(0,Ie.jsx)("button",{type:"button",className:`toolbar-btn toolbar-btn-toggle${b?" active":""}`,title:e.label,"aria-label":e.label,"aria-pressed":b,disabled:e.disabled,onClick:()=>{s||n.toggleModifier(e.id),e.onToggle?.(!b)},children:e.icon},e.id)}case"group":return(0,Ie.jsx)(cr,{item:e,position:r,toolbar:n},e.id)}}var bo=(0,Ae.forwardRef)(function({position:t="left",items:n,visible:r,onVisibilityChange:s,className:b,style:z},m){let M=_t(),P=t==="left"||t==="right";(0,Ae.useImperativeHandle)(m,()=>({show:()=>s?.(!0),hide:()=>s?.(!1),toggle:()=>s?.(r===!1)}),[r,s]);let y=r!==!1?{}:P?{width:"0px"}:{height:"0px"};return(0,Ie.jsx)("div",{className:`toolbar-strip ${t}${b?` ${b}`:""}`,role:"toolbar","aria-orientation":P?"vertical":"horizontal",style:{...y,...z},children:n.map((g,H)=>dr(g,H,M,t))})});var we=require("react"),Tn=require("react-dom"),he=require("react/jsx-runtime"),kn=class{listeners=new Set;counter=0;subscribe(t){this.listeners.add(t)}unsubscribe(t){this.listeners.delete(t)}show(t,n={}){let r=n.id??`toast-${++this.counter}`;return this.emit({kind:"show",id:r,message:t,rawOpts:{...n,id:r}}),r}update(t,n,r){this.emit({kind:"update",id:t,message:n,patch:r})}dismiss(t){this.emit({kind:"dismiss",id:t})}emit(t){this.listeners.forEach(n=>n(t))}},He=new kn,vo=Object.assign((e,t)=>He.show(e,t),{info:(e,t)=>He.show(e,{...t,type:"info"}),success:(e,t)=>He.show(e,{...t,type:"success"}),warning:(e,t)=>He.show(e,{...t,type:"warning"}),error:(e,t)=>He.show(e,{...t,type:"error"}),dismiss:e=>He.dismiss(e),promise:(e,t,n)=>{let r=He.show(t.pending,{...n,type:"info",duration:0});return e.then(s=>{let b=typeof t.success=="function"?t.success(s):t.success;He.update(r,b,{type:"success",duration:n?.duration??5e3})},s=>{let b=typeof t.error=="function"?t.error(s):t.error;He.update(r,b,{type:"error",duration:n?.duration??5e3})}),e}}),ur=()=>(0,he.jsxs)("svg",{className:"dw-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[(0,he.jsx)("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"1.5"}),(0,he.jsx)("path",{d:"M8 5v.01M8 7.5v3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),pr=()=>(0,he.jsxs)("svg",{className:"dw-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[(0,he.jsx)("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"1.5"}),(0,he.jsx)("path",{d:"M5 8l2 2 4-4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),gr=()=>(0,he.jsxs)("svg",{className:"dw-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[(0,he.jsx)("path",{d:"M8 2.5L14 13.5H2L8 2.5z",stroke:"currentColor",strokeWidth:"1.5",strokeLinejoin:"round"}),(0,he.jsx)("path",{d:"M8 7v2.5M8 11.5v.01",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),fr=()=>(0,he.jsxs)("svg",{className:"dw-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[(0,he.jsx)("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"1.5"}),(0,he.jsx)("path",{d:"M5.5 5.5l5 5M10.5 5.5l-5 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),mr=()=>(0,he.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:(0,he.jsx)("path",{d:"M4 4l8 8M12 4l-8 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})}),hr={info:(0,he.jsx)(ur,{}),success:(0,he.jsx)(pr,{}),warning:(0,he.jsx)(gr,{}),error:(0,he.jsx)(fr,{})};function br({id:e,message:t,options:n,exiting:r,isLeft:s,showProgress:b,pauseOnHover:z,animation:m,onDismiss:M,onExited:P}){let y=(0,we.useRef)(null),g=(0,we.useRef)(null),H=(0,we.useRef)(n.duration),I=(0,we.useRef)(0),[k,E]=(0,we.useState)(!1),a=m==="none"?"dw-toast--visible":m==="fade"?"dw-toast--fade-entering":s?"dw-toast--entering-left":"dw-toast--entering",[w,u]=(0,we.useState)(a);(0,we.useLayoutEffect)(()=>{y.current&&(y.current.style.maxHeight=`${y.current.offsetHeight}px`)},[]),(0,we.useEffect)(()=>{if(m==="none")return;let l=requestAnimationFrame(()=>u("dw-toast--visible"));return()=>cancelAnimationFrame(l)},[]);let v=(0,we.useCallback)(l=>{l<=0||(I.current=Date.now(),g.current=setTimeout(()=>M(e),l))},[e,M]);(0,we.useEffect)(()=>(g.current&&clearTimeout(g.current),H.current=n.duration,v(n.duration),()=>{g.current&&clearTimeout(g.current)}),[n.duration,v]),(0,we.useEffect)(()=>{if(!r)return;let l=y.current;if(!l||m==="none"){P(e);return}let L=q=>{q.propertyName==="max-height"&&P(e)};l.addEventListener("transitionend",L);let G=setTimeout(()=>P(e),520);return()=>{l.removeEventListener("transitionend",L),clearTimeout(G)}},[r,e,P,m]);let C=()=>{!z||n.duration===0||(g.current&&(clearTimeout(g.current),g.current=null,H.current=Math.max(0,H.current-(Date.now()-I.current))),E(!0))},B=()=>{!z||n.duration===0||(E(!1),v(H.current))},T=["dw-toast",n.type&&`dw-toast--${n.type}`,w,r&&"dw-toast--exiting",k&&"dw-toast--paused"].filter(Boolean).join(" "),O=n.icon!==void 0?n.icon:n.type?hr[n.type]:null;return(0,he.jsxs)("div",{ref:y,role:"status","aria-live":"polite",className:T,onMouseEnter:C,onMouseLeave:B,children:[O&&O,(0,he.jsx)("div",{className:"dw-toast__body",children:n.content!==void 0?n.content:t}),n.closable&&(0,he.jsx)("button",{type:"button",className:"dw-toast__close",onClick:()=>M(e),"aria-label":"Close notification",children:(0,he.jsx)(mr,{})}),b&&n.duration>0&&(0,he.jsx)("div",{className:"dw-toast__progress",style:{animationDuration:`${n.duration}ms`}})]})}function Mn(e,t,n){return{id:e.id,type:e.type??"info",duration:e.duration??t,closable:e.closable??n,icon:e.icon,content:e.content,onClose:e.onClose}}function yo({position:e="top-right",maxVisible:t=3,defaultDuration:n=5e3,defaultClosable:r=!0,pauseOnHover:s=!0,animation:b="slide",newestOnTop:z=!1,progressBar:m=!1,width:M=320,adapter:P}){let[y,g]=(0,we.useState)([]),H=(0,we.useRef)([]),I=(0,we.useRef)(y);I.current=y;let k=(0,we.useCallback)(v=>{g(C=>C.map(B=>B.id===v?{...B,exiting:!0}:B)),I.current.find(C=>C.id===v)?.options.onClose?.()},[]),E=(0,we.useCallback)(v=>{let C=H.current.shift()??null;g(B=>{let T=B.filter(l=>l.id!==v);if(!C)return T;let O=Mn(C.rawOpts,n,r);return[...T,{id:C.id,message:C.message,options:O,exiting:!1}]})},[n,r]);if((0,we.useEffect)(()=>{if(P)return;let v=C=>{if(C.kind==="show"){let B=Mn(C.rawOpts,n,r),T={id:C.id,message:C.message,options:B,exiting:!1},O={id:C.id,message:C.message,rawOpts:C.rawOpts};g(l=>l.find(q=>q.id===C.id)?l.map(q=>q.id===C.id?{...q,message:C.message,options:B}:q):l.filter(q=>!q.exiting).length<t?[...l,T]:(H.current.some(q=>q.id===O.id)||H.current.push(O),l))}else C.kind==="update"?(g(B=>B.map(T=>{if(T.id!==C.id)return T;let O={...T.options,...C.patch,id:T.id};return{...T,message:C.message,options:O}})),H.current=H.current.map(B=>B.id!==C.id?B:{...B,message:C.message,rawOpts:{...B.rawOpts,...C.patch}})):C.kind==="dismiss"&&(C.id===void 0?(g(B=>B.map(T=>({...T,exiting:!0}))),H.current=[]):I.current.some(T=>T.id===C.id)?k(C.id):H.current=H.current.filter(T=>T.id!==C.id))};return He.subscribe(v),()=>He.unsubscribe(v)},[P,t,n,r,k]),(0,we.useEffect)(()=>{if(!P)return;let v=C=>{if(C.kind==="show"){let B=Mn(C.rawOpts,n,r);P.show(C.id,C.message,B)}else C.kind==="update"?P.update(C.id,C.message,C.patch):C.kind==="dismiss"&&P.dismiss(C.id)};return He.subscribe(v),()=>He.unsubscribe(v)},[P,n,r]),P){if(!P.Container)return null;let v=P.Container;return(0,Tn.createPortal)((0,he.jsx)(v,{position:e}),document.body)}let a=e.endsWith("left"),w="";z===!0&&(w="dw-toast-container--newest-top"),z===!1&&(w="dw-toast-container--newest-bottom");let u=["dw-toast-container",`dw-toast-container--${e}`,w].filter(Boolean).join(" ");return(0,Tn.createPortal)((0,he.jsx)("div",{className:u,style:{width:M},"aria-label":"Notifications","aria-live":"polite",children:y.map(v=>(0,he.jsx)(br,{id:v.id,message:v.message,options:v.options,exiting:v.exiting,isLeft:a,showProgress:m,pauseOnHover:s,animation:b,onDismiss:k,onExited:E},v.id))}),document.body)}var Y=gn(require("react"),1),Co=require("react-dom");var K=require("react/jsx-runtime"),vr=["top-left","top-right","bottom-left","bottom-right"],Ro=(0,Y.createContext)(null),Mo=(0,Y.createContext)(null),To=(0,Y.createContext)(null),nt=80;function yr(e,t,n){let r=e.getBoundingClientRect(),s=t-r.left,b=n-r.top;return s<nt&&b<nt?"top-left":s>r.width-nt&&b<nt?"top-right":s<nt&&b>r.height-nt?"bottom-left":s>r.width-nt&&b>r.height-nt?"bottom-right":null}function ko({children:e,className:t,style:n}){let[r,s]=(0,Y.useState)({}),[b,z]=(0,Y.useState)({}),[m,M]=(0,Y.useState)({"top-left":[],"top-right":[],"bottom-left":[],"bottom-right":[]}),[P,y]=(0,Y.useState)({}),[g,H]=(0,Y.useState)(null),[I,k]=(0,Y.useState)(null),[E,a]=(0,Y.useState)(null),[w,u]=(0,Y.useState)(()=>new Map),v=(0,Y.useRef)(100),C=(0,Y.useRef)(null),B=(0,Y.useCallback)((te,N)=>(s(f=>({...f,[te]:N})),()=>s(f=>{let X={...f};return delete X[te],X})),[]),T=(0,Y.useCallback)(te=>{v.current+=1;let N=v.current;z(f=>({...f,[te]:N})),a(te)},[]),O=(0,Y.useCallback)((te,N)=>{M(f=>{let X={"top-left":f["top-left"].filter(Q=>Q!==te),"top-right":f["top-right"].filter(Q=>Q!==te),"bottom-left":f["bottom-left"].filter(Q=>Q!==te),"bottom-right":f["bottom-right"].filter(Q=>Q!==te)};return X[N]=[...X[N],te],X})},[]),l=(0,Y.useCallback)(te=>{M(N=>({"top-left":N["top-left"].filter(f=>f!==te),"top-right":N["top-right"].filter(f=>f!==te),"bottom-left":N["bottom-left"].filter(f=>f!==te),"bottom-right":N["bottom-right"].filter(f=>f!==te)}))},[]),L=(0,Y.useCallback)((te,N)=>{y(f=>f[te]===N?f:{...f,[te]:N})},[]),G=(0,Y.useCallback)((te,N)=>{u(f=>{let X=new Map(f);return X.set(te,N),X})},[]),q=(0,Y.useCallback)(te=>{u(N=>{let f=new Map(N);return f.delete(te),f})},[]),ae=(0,Y.useCallback)(()=>{u(new Map)},[]),U=(0,Y.useMemo)(()=>Array.from(w.keys()),[w]),ie=(0,Y.useMemo)(()=>({registerToolbar:B,insetTop:r.top??0,insetBottom:r.bottom??0}),[B,r]),ye=(0,Y.useMemo)(()=>({managedWindowIds:U,openManaged:G,closeManaged:q,closeAllManaged:ae}),[U,G,q,ae]),ge=(0,Y.useMemo)(()=>({topId:E,zOrders:b,focusWindow:T,containerRef:C,stacks:m,dockedSizes:P,dockWindow:O,undockWindow:l,reportDockedSize:L,draggingId:g,setDraggingId:H,hoveredZone:I,setHoveredZone:k,insetTop:r.top??0,insetBottom:r.bottom??0}),[E,b,T,m,P,O,l,L,g,I,r]);return(0,K.jsx)(Ro.Provider,{value:ie,children:(0,K.jsx)(Mo.Provider,{value:ye,children:(0,K.jsx)(To.Provider,{value:ge,children:(0,K.jsxs)("div",{ref:C,className:`dw-panel-overlay-root${g!==null?" dragging-active":""}${t?" "+t:""}`,style:n,children:[e,g!==null&&(0,K.jsx)(Pr,{hoveredZone:I}),Array.from(w.entries()).map(([te,N])=>(0,K.jsx)(Sn,{id:te,title:N.title,icon:N.icon,open:!0,onClose:()=>q(te),defaultAnchor:N.anchor??"top-right",defaultWidth:N.width??320,defaultHeight:N.height??240,children:N.content},te))]})})})})}function Pr({hoveredZone:e}){return(0,K.jsx)(K.Fragment,{children:vr.map(t=>(0,K.jsx)("div",{className:`dw-panel-float-dropzone dw-panel-float-dropzone--${t}${e===t?" dw-panel-float-dropzone--hovered":""}`,"aria-hidden":"true"},t))})}function So({position:e,variant:t="transparent",buttonVariant:n="ghost",buttonSize:r,style:s,className:b,children:z}){let m=(0,Y.useContext)(Ro),M=(0,Y.useRef)(null),P=(0,Y.useRef)(null);(0,Y.useLayoutEffect)(()=>{let k=M.current;if(!k||!m)return;let E=e==="top"||e==="bottom"?k.offsetHeight:k.offsetWidth;return P.current?.(),P.current=m.registerToolbar(e,E),()=>{P.current?.(),P.current=null}},[e,m?.registerToolbar]);let y={position:"absolute",zIndex:5,pointerEvents:"none",boxSizing:"border-box"};e==="top"?(y.top=0,y.left=0,y.right=0):e==="bottom"?(y.bottom=0,y.left=0,y.right=0):e==="left"?(y.insetInlineStart=0,y.top=m?.insetTop??0,y.bottom=m?.insetBottom??0):(y.insetInlineEnd=0,y.top=m?.insetTop??0,y.bottom=m?.insetBottom??0);let H=e==="left"||e==="right"?{...(m?.insetTop??0)>0?{paddingTop:0}:{},...(m?.insetBottom??0)>0?{paddingBottom:0}:{}}:{},I=r!=null?{"--panel-toolbar-btn-size":`${r}px`}:{};return(0,K.jsx)("div",{ref:M,className:`dw-panel-toolbar dw-panel-toolbar--${e}${b?" "+b:""}`,"data-variant":t,"data-btn-variant":n,style:{...y,...H,...I,...s},children:z})}function Io({icon:e,onClick:t,disabled:n,title:r,variant:s}){return(0,K.jsx)("button",{type:"button",className:"dw-panel-toolbar-btn",onClick:t,disabled:n,title:r,"aria-label":r,...s?{"data-variant":s}:{},children:e})}function Eo({icon:e,active:t,onToggle:n,disabled:r,title:s,variant:b}){return(0,K.jsx)("button",{type:"button",className:`dw-panel-toolbar-btn${t?" dw-panel-toolbar-btn--active":""}`,onClick:n,disabled:r,title:s,"aria-label":s,"aria-pressed":t,...b?{"data-variant":b}:{},children:e})}function Lo(){return(0,K.jsx)("span",{className:"dw-panel-toolbar__sep","aria-hidden":"true"})}function No(){return(0,K.jsx)("span",{className:"dw-panel-toolbar__spacer","aria-hidden":"true"})}function zo({children:e}){return(0,K.jsx)("span",{className:"dw-panel-toolbar__item",children:e})}function Wo({children:e}){return(0,K.jsx)("div",{className:"dw-panel-toolbar__center",children:e})}function Do({placeholder:e="Search\u2026",onSearch:t,onSelect:n}){let[r,s]=(0,Y.useState)(!1),[b,z]=(0,Y.useState)(""),[m,M]=(0,Y.useState)([]),[P,y]=(0,Y.useState)(null),g=(0,Y.useRef)(null),H=(0,Y.useRef)(null),I=(0,Y.useRef)(null),k=(0,Y.useRef)(null),E=()=>{s(!0),setTimeout(()=>H.current?.focus(),0)},a=()=>{s(!1),z(""),M([]),y(null),I.current?.abort(),k.current&&clearTimeout(k.current)},w=O=>{let l=O.target.value;if(z(l),I.current?.abort(),k.current&&clearTimeout(k.current),!l.trim()){M([]),y(null);return}k.current=setTimeout(async()=>{let L=new AbortController;I.current=L;try{let G=await t(l,L.signal);if(!L.signal.aborted){M(G);let q=g.current;if(q&&G.length>0){let ae=q.getBoundingClientRect(),U=Math.max(ae.width,240),ie=ae.left;ie+U>window.innerWidth-8&&(ie=window.innerWidth-U-8),y({top:ae.bottom+4,left:ie,width:U})}else y(null)}}catch{}},300)},u=O=>{n(O),a()},v=O=>{g.current?.contains(O.relatedTarget)||a()},C=O=>{O.key==="Escape"&&a()},B=(0,Y.useMemo)(()=>{let O={};for(let l of m){let L=l.group??"";O[L]||(O[L]=[]),O[L].push(l)}return O},[m]),T=(0,K.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,K.jsx)("circle",{cx:"6.5",cy:"6.5",r:"4.5"}),(0,K.jsx)("line",{x1:"10",y1:"10",x2:"14",y2:"14"})]});return r?(0,K.jsxs)("div",{ref:g,className:"dw-panel-toolbar-search dw-panel-toolbar-search--open",onBlur:v,children:[(0,K.jsx)("button",{type:"button",className:"dw-panel-toolbar-btn",onClick:a,"aria-label":"Close search",title:"Close search",children:T}),(0,K.jsx)("input",{ref:H,className:"dw-panel-toolbar-search__input",type:"text",value:b,onChange:w,onKeyDown:C,placeholder:e,autoComplete:"off"}),P&&m.length>0&&(0,Co.createPortal)((0,K.jsx)("div",{className:"dw-panel-toolbar-search__dropdown",style:{position:"fixed",top:P.top,left:P.left,width:P.width,zIndex:9502},onMouseDown:O=>O.preventDefault(),children:Object.entries(B).map(([O,l])=>(0,K.jsxs)(Y.default.Fragment,{children:[O&&(0,K.jsx)("div",{className:"dw-panel-toolbar-search__group",children:O}),l.map(L=>(0,K.jsxs)("button",{type:"button",className:"dw-panel-toolbar-search__item",onClick:()=>u(L),children:[L.icon&&(0,K.jsx)("span",{className:"dw-panel-toolbar-search__item-icon",children:L.icon}),(0,K.jsx)("span",{className:"dw-panel-toolbar-search__item-label",children:L.label}),L.description&&(0,K.jsx)("span",{className:"dw-panel-toolbar-search__item-desc",children:L.description})]},L.id))]},O||"__default__"))}),document.body)]}):(0,K.jsx)("div",{ref:g,className:"dw-panel-toolbar-search",children:(0,K.jsx)("button",{type:"button",className:"dw-panel-toolbar-btn",onClick:E,title:"Search","aria-label":"Search",children:T})})}function Sn(e){let t=(0,Y.useContext)(To);return e.open?(0,K.jsx)(wr,{ctx:t,...e},e.id):null}var Po=120,xo=60,wo=8,xr=8;function wr({id:e,title:t,icon:n,defaultAnchor:r,defaultWidth:s,defaultHeight:b,children:z,ctx:m,onClose:M}){let P=(0,Y.useContext)(vt)?.isRtl??!1,[y,g]=(0,Y.useState)("docked"),[H,I]=(0,Y.useState)(r),[k,E]=(0,Y.useState)(null),[a,w]=(0,Y.useState)({w:s,h:b}),u=(0,Y.useRef)(null),v=(0,Y.useRef)(y);v.current=y;let C=(0,Y.useRef)(k);C.current=k;let B=(0,Y.useRef)(a);B.current=a;let T=(0,Y.useRef)(null),O=(0,Y.useRef)(null);(0,Y.useLayoutEffect)(()=>(m?.dockWindow(e,r),()=>{m?.undockWindow(e)}),[]),(0,Y.useEffect)(()=>{m?.reportDockedSize(e,a.h)},[a.h]);let l=m?.zOrders[e]??101,L=!m||m.topId===e,G=()=>{let N=u.current?.offsetParent;return{cw:N?.clientWidth??9999,ch:N?.clientHeight??9999}},q=()=>{m?.focusWindow(e)},ae=N=>{if(N.button!==0)return;N.preventDefault();let f,X;if(v.current==="docked"){let Q=u.current,j=m?.containerRef?.current;if(Q&&j){let fe=Q.getBoundingClientRect(),Pe=j.getBoundingClientRect();f=fe.left-Pe.left,X=fe.top-Pe.top}else f=wo,X=m?.insetTop??0;m?.undockWindow(e),g("free"),E({x:f,y:X})}else f=C.current?.x??0,X=C.current?.y??0;T.current={mouseX:N.clientX,mouseY:N.clientY,posX:f,posY:X,hasDragged:!1},u.current?.setPointerCapture(N.pointerId)},U=N=>f=>{if(f.button!==0)return;f.preventDefault(),f.stopPropagation();let X=0,Q=0;if(v.current==="free")X=C.current?.x??0,Q=C.current?.y??0;else{let j=u.current,fe=j?.offsetParent;if(j&&fe){let Pe=j.getBoundingClientRect(),Re=fe.getBoundingClientRect();X=Pe.left-Re.left,Q=Pe.top-Re.top}}O.current={dir:N,mouseX:f.clientX,mouseY:f.clientY,startX:X,startY:Q,w:B.current.w,h:B.current.h},u.current?.setPointerCapture(f.pointerId)},ie=N=>{if(T.current){let f=T.current;if(!f.hasDragged){if(Math.abs(N.clientX-f.mouseX)+Math.abs(N.clientY-f.mouseY)<4)return;f.hasDragged=!0,m?.setDraggingId(e)}let{cw:X,ch:Q}=G(),j=Math.max(0,Math.min(f.posX+N.clientX-f.mouseX,X-B.current.w)),fe=Math.max(0,Math.min(f.posY+N.clientY-f.mouseY,Q-B.current.h));E({x:j,y:fe});let Pe=m?.containerRef?.current;if(Pe){let Re=yr(Pe,N.clientX,N.clientY);m?.setHoveredZone(Re&&P?Ot(Re):Re)}}else if(O.current){let f=O.current,X=N.clientX-f.mouseX,Q=N.clientY-f.mouseY,{cw:j,ch:fe}=G(),Pe=f.startX,Re=f.startY,ze=f.w,Ee=f.h;if(f.dir.includes("e")&&(ze=Math.max(Po,Math.min(f.w+X,j-f.startX))),f.dir.includes("s")&&(Ee=Math.max(xo,Math.min(f.h+Q,fe-f.startY))),f.dir.includes("n")){let Fe=Math.max(-f.startY,Math.min(Q,f.h-xo));Ee=f.h-Fe,Re=f.startY+Fe}if(f.dir.includes("w")){let Fe=Math.max(-f.startX,Math.min(X,f.w-Po));ze=f.w-Fe,Pe=f.startX+Fe}w({w:ze,h:Ee}),v.current==="free"&&E({x:Pe,y:Re})}},ye=()=>{if(T.current){let N=m?.hoveredZone;N&&(m?.dockWindow(e,N),I(N),g("docked"),E(null)),m?.setHoveredZone(null),m?.setDraggingId(null)}T.current=null,O.current=null},ge;if(y==="docked"&&m){let N=m.stacks[H]??[],f=N.indexOf(e),X=0;for(let Q=0;Q<f;Q++)X+=(m.dockedSizes[N[Q]]??b)+xr;ge={width:a.w,height:a.h,zIndex:l,transition:"top 0.2s ease, bottom 0.2s ease",opacity:f===-1?0:void 0,pointerEvents:f===-1?"none":void 0},ge[H.endsWith("-right")?"insetInlineEnd":"insetInlineStart"]=wo,H.startsWith("top-")?ge.top=m.insetTop+X:ge.bottom=m.insetBottom+X}else ge={left:k?.x??0,top:k?.y??0,width:a.w,height:a.h,zIndex:l};return(0,K.jsxs)("div",{ref:u,dir:P?"rtl":"ltr",className:`dw-panel-float${L?" dw-panel-float--active":""}`,style:ge,onPointerDown:q,onPointerMove:ie,onPointerUp:ye,children:[(0,K.jsxs)("div",{className:"dw-panel-float__header",onPointerDown:ae,children:[n&&(0,K.jsx)("span",{className:"dw-panel-float__icon",children:n}),(0,K.jsx)("span",{className:"dw-panel-float__title",children:t}),(0,K.jsx)("button",{type:"button",className:"dw-panel-float__close",onClick:M,onPointerDown:N=>N.stopPropagation(),title:"Close","aria-label":"Close",children:(0,K.jsxs)("svg",{width:"8",height:"8",viewBox:"0 0 10 10",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",children:[(0,K.jsx)("line",{x1:"1",y1:"1",x2:"9",y2:"9"}),(0,K.jsx)("line",{x1:"9",y1:"1",x2:"1",y2:"9"})]})})]}),(0,K.jsx)("div",{className:"dw-panel-float__body",children:z}),y==="free"&&(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)("div",{className:"resize-handle resize-n",onPointerDown:U("n")}),(0,K.jsx)("div",{className:"resize-handle resize-ne",onPointerDown:U("ne")}),(0,K.jsx)("div",{className:"resize-handle resize-nw",onPointerDown:U("nw")})]}),(0,K.jsx)("div",{className:"resize-handle resize-e",onPointerDown:U("e")}),(0,K.jsx)("div",{className:"resize-handle resize-se",onPointerDown:U("se")}),(0,K.jsx)("div",{className:"resize-handle resize-s",onPointerDown:U("s")}),(0,K.jsx)("div",{className:"resize-handle resize-sw",onPointerDown:U("sw")}),(0,K.jsx)("div",{className:"resize-handle resize-w",onPointerDown:U("w")})]})}function Oo(){let[e,t]=(0,Y.useState)(!1),n=(0,Y.useCallback)(()=>{t(!0)},[]),r=(0,Y.useCallback)(()=>{t(!1)},[]);return{isOpen:e,open:n,close:r}}var Cr=[];function Ao(){let e=(0,Y.useContext)(Mo),t=e?.managedWindowIds??Cr;return(0,Y.useMemo)(()=>({open:(n,r)=>e?.openManaged(n,r),close:n=>e?.closeManaged(n),closeAll:()=>e?.closeAllManaged(),isOpen:n=>t.includes(n),openIds:t}),[e,t])}0&&(module.exports={ConfirmationForm,ContextMenu,ContextMenuProvider,DefaultContextMenuAdapter,DockableDesktopProvider,FormContainerContext,FormContainerProvider,LeftPanelRenderer,ModalStackRenderer,PanelContributionProvider,PanelFloatingWindow,PanelOverlayRoot,PanelProvider,PanelRegistry,PanelRegistryClass,PanelToolbar,PanelToolbarItem,PanelToolbarSeparator,RightPanelRenderer,SidePanelRenderer,Sidebar,ToastContainer,Toolbar,ToolbarButton,ToolbarCenter,ToolbarProvider,ToolbarSearchInput,ToolbarSpacer,ToolbarToggle,WindowManager,WindowManagerProvider,WorkspaceClient,defaultPredefinedMessages,formatLabel,sidebarSectionToTab,toast,useActivePanelContribution,useFormContainer,useFormatMessage,useMergedSidebarTabs,useMergedToolbarItems,usePanelActions,usePanelContext,usePanelContextMenu,usePanelContribution,usePanelFloatingWindow,usePanelFloatingWindowManager,usePanelId,usePanelState,usePredefinedMessages,useRegistry,useShowContextMenu,useSidebar,useSidebarTab,useStyleClasses,useToolbar,useWindowManagerActions,useWindowManagerState});
23
+ 3. Verify styles.css is imported \u2014 it anchors html, body, #root to 100% height.`)}cn({width:Math.max(100,h.width),height:Math.max(100,h.height)})});return p.observe(r),()=>{p.disconnect()}},[]),(0,K.useEffect)(()=>{let r=it.width,C=it.height;s.floating.forEach(p=>{let u=typeof p.width=="string"?parseFloat(p.width):p.width,h=typeof p.height=="string"?parseFloat(p.height):p.height,M=typeof p.x=="string"?parseFloat(p.x):p.x,A=typeof p.y=="string"?parseFloat(p.y):p.y,F=u,Z=h,se=M,J=A,oe=!1;if(F>r&&(F=Math.max(200,r-20),oe=!0),Z>C&&(Z=Math.max(150,C-40),oe=!0),!p.anchor){let ce=r-100;se>ce&&(se=Math.max(0,ce),oe=!0);let te=C-40;J>te&&(J=Math.max(0,te),oe=!0)}oe&&v(p.id,{x:se,y:J,width:F,height:Z})})},[it,s.floating,v]),(0,K.useEffect)(()=>{let r=C=>{if(C.button!==0)return;let p=C.target;if(!p||typeof p.closest!="function")return;let u=p.closest(".rdd-floating-window");if(u){let M=u.getAttribute("data-window-id");M&&(R(M),S(M));return}let h=p.closest(".rdd-workspace-panel");if(h){let M=h.getAttribute("data-active-panel-id");M&&R(M)}};return document.addEventListener("pointerdown",r),()=>{document.removeEventListener("pointerdown",r)}},[S,R]);let un=(r,C)=>{let p=s.floating.find(J=>J.id===r);if(!p||p.maximized)return;S(r);let u=C.currentTarget,h=u.closest(".rdd-floating-window"),M=C.clientX,A=C.clientY,F=h?h.offsetLeft:0,Z=h?h.offsetTop:0,se=()=>{let J=Oe.current,oe=_e.current,ce=pt.current,te=gt.current;if(te)v(r,{anchor:It?Ot(te):te});else if(ce)E(r,Ve(ce));else if(oe){let ae=oe.index;oe.side==="right"&&(ae+=1),d(r,oe.leafId,ae)}else J&&z(r,J.leafId,Ve(J.position));tt(null),Xe()};if(C.pointerType==="touch"){let J=C.pointerId,oe=!1,ce=()=>{oe=!0,clearTimeout(ae),u.removeEventListener("pointermove",te),u.removeEventListener("pointerup",ce),u.removeEventListener("pointercancel",ce)},te=de=>{Math.hypot(de.clientX-M,de.clientY-A)>ot&&ce()},ae=setTimeout(()=>{if(oe)return;u.removeEventListener("pointermove",te),u.removeEventListener("pointerup",ce),u.removeEventListener("pointercancel",ce);try{u.setPointerCapture(J)}catch{return}u.classList.add("rdd-long-press-active"),N(r);let de=mt=>{let ht=mt.clientX-M,bt=mt.clientY-A;v(r,{x:F+ht,y:Z+bt,anchor:null}),Et(mt.clientX,mt.clientY)},Me=()=>{u.classList.remove("rdd-long-press-active"),u.removeEventListener("pointermove",de),u.removeEventListener("pointerup",Me),u.removeEventListener("pointercancel",st),se()},st=()=>{u.classList.remove("rdd-long-press-active"),u.removeEventListener("pointermove",de),u.removeEventListener("pointerup",Me),u.removeEventListener("pointercancel",st),Xe()};u.addEventListener("pointermove",de),u.addEventListener("pointerup",Me),u.addEventListener("pointercancel",st)},nt);u.addEventListener("pointermove",te),u.addEventListener("pointerup",ce),u.addEventListener("pointercancel",ce)}else{let J=!1,oe=te=>{let ae=te.clientX-M,de=te.clientY-A;!J&&(Math.abs(ae)>5||Math.abs(de)>5)&&(J=!0,N(r)),J&&v(r,{x:F+ae,y:Z+de,anchor:null})},ce=()=>{window.removeEventListener("pointermove",oe),window.removeEventListener("pointerup",ce),J&&se()};window.addEventListener("pointermove",oe),window.addEventListener("pointerup",ce)}},i=(r,C,p)=>{p.stopPropagation();let u=s.floating.find(de=>de.id===r);if(!u||u.maximized)return;S(r);let h=p.currentTarget,M=h.closest(".rdd-floating-window"),A={x:M?M.offsetLeft:0,y:M?M.offsetTop:0,w:M?M.offsetWidth:400,h:M?M.offsetHeight:300},F=it.width,Z=it.height,se=typeof u.x=="string"?parseFloat(u.x):u.x,J=typeof u.y=="string"?parseFloat(u.y):u.y,oe=typeof u.width=="string"?parseFloat(u.width):u.width,ce=typeof u.height=="string"?parseFloat(u.height):u.height,te=C==="se"&&Math.abs(se+oe-F)<4,ae=C==="se"&&Math.abs(J+ce-Z)<4;$e({element:h,pointerId:p.pointerId,startClientX:p.clientX,startClientY:p.clientY,captureStart:()=>A,onMove:(de,Me,st)=>{let mt=Mt(C,de,Me,st,{minW:200,minH:150}),{x:ht,y:bt,w:pn,h:gn}=mt;te&&(ht=F-pn,ht<0&&(ht=0,pn=F)),ae&&(bt=Z-gn,bt<0&&(bt=0,gn=Z)),v(r,{x:ht,y:bt,width:pn,height:gn})}})},y=r=>{if(ee.current){let C=r==="left"?-150:150;ee.current.scrollBy({left:C,behavior:"smooth"})}},c=(0,K.useCallback)(()=>{$.current&&clearTimeout($.current),le(!0)},[]),a=(0,K.useCallback)(()=>{$.current=setTimeout(()=>le(!1),400)},[]);(0,K.useEffect)(()=>{n==="autohide"&&s.minimized.length>O.current&&($.current&&clearTimeout($.current),le(!0),$.current=setTimeout(()=>le(!1),2e3)),O.current=s.minimized.length},[s.minimized.length,n]);let G=on();return(0,K.useEffect)(()=>(e?document.documentElement.setAttribute("data-workspace-skin",e):document.documentElement.removeAttribute("data-workspace-skin"),()=>{document.documentElement.removeAttribute("data-workspace-skin")}),[e]),(0,K.useEffect)(()=>(G==="light"?document.documentElement.setAttribute("data-color-scheme","light"):document.documentElement.removeAttribute("data-color-scheme"),()=>{document.documentElement.removeAttribute("data-color-scheme")}),[G]),(0,K.useEffect)(()=>(f?document.documentElement.classList.remove("rdd-no-animations"):document.documentElement.classList.add("rdd-no-animations"),()=>{document.documentElement.classList.remove("rdd-no-animations")}),[f]),(0,m.jsxs)("div",{className:`rdd-workspace${f?"":" rdd-no-animations"}`,"data-workspace-skin":e,"data-color-scheme":G,style:{display:"flex",flexDirection:"column",position:"relative",width:"100%",height:"100%",overflow:"hidden",userSelect:"none"},dir:s.dir,children:[(0,m.jsxs)("div",{ref:ft,className:s.draggedPanelId?"rdd-dragging-active":void 0,style:{flexGrow:1,width:"100%",position:"relative",overflow:"hidden"},children:[s.draggedPanelId!==null&&(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)("div",{"data-edge-trigger":"left",className:"rdd-workspace-edge-trigger rdd-edge-trigger-left",onPointerEnter:()=>Te("left"),onPointerLeave:()=>Te(null)}),(0,m.jsx)("div",{"data-edge-trigger":"right",className:"rdd-workspace-edge-trigger rdd-edge-trigger-right",onPointerEnter:()=>Te("right"),onPointerLeave:()=>Te(null)}),(0,m.jsx)("div",{"data-edge-trigger":"top",className:"rdd-workspace-edge-trigger rdd-edge-trigger-top",onPointerEnter:()=>Te("top"),onPointerLeave:()=>Te(null)}),(0,m.jsx)("div",{"data-edge-trigger":"bottom",className:"rdd-workspace-edge-trigger rdd-edge-trigger-bottom",onPointerEnter:()=>Te("bottom"),onPointerLeave:()=>Te(null)})]}),s.draggedPanelId!==null&&["top-left","top-right","bottom-left","bottom-right"].map(r=>(0,m.jsx)("div",{className:`rdd-corner-zone rdd-corner-zone--${r}${Bt===r?" rdd-corner-zone--hovered":""}`,onPointerEnter:()=>{tt(r),Te(null)},onPointerLeave:()=>tt(null),"aria-hidden":"true"},r)),s.draggedPanelId!==null&&kt!==null&&(0,m.jsx)("div",{className:"rdd-workspace-edge-preview",style:(()=>{let r=`${s.edgeSplitRatio*100}%`;switch(kt){case"left":return{left:0,top:0,bottom:0,width:r};case"right":return{right:0,top:0,bottom:0,width:r};case"top":return{top:0,left:0,right:0,height:r};case"bottom":return{bottom:0,left:0,right:0,height:r}}})()}),(0,m.jsx)("div",{style:{width:"100%",height:"100%",overflow:"hidden",position:"relative"},children:s.gridRoot?(0,m.jsx)(Un,{node:s.gridRoot,path:[],onTabRightClick:zt,activeDropZone:Fe,onHoverDropZone:Xt,onTabDragStart:Vt,hoveredTab:Gt,onTabHover:Yt,defaultPanelIcon:t,onRequestClosePanel:D}):(0,m.jsx)("div",{className:"rdd-empty-workspace-grid",children:"Grid Empty"})}),s.floating.map(r=>{let C=s.panels[r.id];if(!C)return null;let p=r.maximized,u=s.draggedPanelId===r.id,h=s.activePanelId===r.id,A=k.get(C.component)?.defaultOptions;return(0,m.jsxs)("div",{"data-window-id":r.id,dir:s.dir,onPointerDownCapture:()=>{R(r.id),S(r.id)},className:`rdd-floating-window ${p?"rdd-maximized":""} ${h?"rdd-window-focused":""} ${X??""}`,style:(()=>{let se=typeof r.width=="number"?`${r.width}px`:r.width,J=typeof r.height=="number"?`${r.height}px`:r.height;if(p)return{position:"absolute",left:0,top:0,width:"100%",height:"100%",zIndex:r.z,pointerEvents:u?"none":"auto"};if(r.anchor){let oe=s.floating.filter(Me=>Me.anchor===r.anchor&&!Me.maximized),ce=oe.findIndex(Me=>Me.id===r.id),te=8;for(let Me=0;Me<ce;Me++){let st=typeof oe[Me].height=="number"?oe[Me].height:parseFloat(oe[Me].height);te+=st+8}let ae=r.anchor.startsWith("top");return{position:"absolute",[r.anchor.endsWith("-right")?"insetInlineEnd":"insetInlineStart"]:8,[ae?"top":"bottom"]:te,width:se,height:J,zIndex:r.z,transition:u?"none":"top 0.2s ease, bottom 0.2s ease",pointerEvents:u?"none":"auto"}}return{position:"absolute",left:typeof r.x=="number"?`${r.x}px`:r.x,top:typeof r.y=="number"?`${r.y}px`:r.y,width:se,height:J,zIndex:r.z,pointerEvents:u?"none":"auto"}})(),children:[(0,m.jsxs)("div",{onDoubleClick:()=>x(r.id),onPointerDown:F=>{A?.canDrag!==!1&&un(r.id,F)},className:"rdd-floating-window-titlebar rdd-cursor-move",style:{cursor:p||A?.canDrag===!1?"default":"move"},children:[(0,m.jsxs)("span",{className:"rdd-floating-window-title",children:[(0,m.jsx)("span",{className:"rdd-window-title-icon",children:A?.icon||t||Cn}),(0,m.jsxs)("span",{children:[ge(C.title,B),C.dirty?" *":""]})]}),(0,m.jsxs)("div",{className:"rdd-titlebar-actions",style:{gap:"var(--rdd-header-button-gap, 4px)"},onPointerDown:F=>F.stopPropagation(),children:[A?.renderHeaderActions&&(0,m.jsx)("div",{className:"rdd-window-header-actions",children:A.renderHeaderActions(r.id)}),L(r.id).length>0&&(0,m.jsx)("button",{type:"button",className:"rdd-custom-tab-btn rdd-btn-more-actions",title:"More actions",onClick:F=>{F.stopPropagation();let Z=L(r.id);Z.length!==0&&g({event:F,items:Z})},children:(0,m.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"currentColor",style:{display:"block"},children:[(0,m.jsx)("circle",{cx:"12",cy:"5",r:"2"}),(0,m.jsx)("circle",{cx:"12",cy:"12",r:"2"}),(0,m.jsx)("circle",{cx:"12",cy:"19",r:"2"})]})}),(0,m.jsx)("button",{type:"button",title:p?ge(l.restoreSize,B):ge(l.maximize,B),onClick:()=>x(r.id),className:"rdd-custom-tab-btn rdd-btn-maximize-tab",children:(0,m.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,m.jsx)("rect",{x:"4",y:"4",width:"16",height:"16",rx:"1.5"})})}),A?.canMinimize!==!1&&(0,m.jsx)("button",{type:"button",title:ge(l.minimize,B),onClick:()=>T(r.id),className:"rdd-custom-tab-btn rdd-btn-minimize-tab",children:(0,m.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",children:(0,m.jsx)("path",{d:"M5 12h14"})})}),A?.canClose!==!1&&(0,m.jsx)("button",{type:"button",title:ge(l.close,B),onClick:()=>D(r.id),className:"rdd-custom-tab-btn rdd-btn-close-tab",children:(0,m.jsx)("svg",{width:"10",height:"10",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"3",children:(0,m.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]})]}),(0,m.jsx)("div",{className:j??void 0,style:{flexGrow:1,width:"100%",overflow:"hidden",position:"relative",isolation:"isolate"},children:(0,m.jsx)(Zn,{panelId:r.id},r.id)}),!p&&(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)("div",{onPointerDown:F=>i(r.id,"n",F),className:"rdd-resize-handle rdd-resize-n"}),(0,m.jsx)("div",{onPointerDown:F=>i(r.id,"ne",F),className:"rdd-resize-handle rdd-resize-ne"}),(0,m.jsx)("div",{onPointerDown:F=>i(r.id,"e",F),className:"rdd-resize-handle rdd-resize-e"}),(0,m.jsx)("div",{onPointerDown:F=>i(r.id,"se",F),className:"rdd-resize-handle rdd-resize-se"}),(0,m.jsx)("div",{onPointerDown:F=>i(r.id,"s",F),className:"rdd-resize-handle rdd-resize-s"}),(0,m.jsx)("div",{onPointerDown:F=>i(r.id,"sw",F),className:"rdd-resize-handle rdd-resize-sw"}),(0,m.jsx)("div",{onPointerDown:F=>i(r.id,"w",F),className:"rdd-resize-handle rdd-resize-w"}),(0,m.jsx)("div",{onPointerDown:F=>i(r.id,"nw",F),className:"rdd-resize-handle rdd-resize-nw"})]})]},r.id)})]}),(n==="always"||s.minimized.length>0)&&(0,m.jsxs)("div",{className:["rdd-taskbar-footer-container",`taskbar-mode-${n}`,n==="autohide"&&he?"rdd-taskbar-expanded":""].filter(Boolean).join(" "),style:{height:"48px",zIndex:100},onPointerEnter:n==="autohide"?c:void 0,onPointerLeave:n==="autohide"?a:void 0,children:[n==="autohide"&&(0,m.jsx)("div",{className:"rdd-taskbar-peek-handle"}),(0,m.jsx)("button",{type:"button",onClick:()=>y("left"),className:"rdd-taskbar-nav-btn",style:{display:s.minimized.length>4?"block":"none"},children:"\u25C0"}),(0,m.jsx)("div",{ref:ee,className:"rdd-taskbar-items-container",style:{scrollSnapType:"x mandatory"},children:s.minimized.map(r=>{let p=k.get(r.component)?.defaultOptions?.icon||t||Cn;return(0,m.jsx)("div",{onClick:()=>{ne.current!=="touch"&&(q(null),b(r.id))},onContextMenu:u=>rt(r.id,u),onPointerDown:u=>{if(ne.current=u.pointerType,u.pointerType!=="touch")return;let h=u.currentTarget,M=u.clientX,A=u.clientY,F=u.pointerId,Z=!1,se=()=>{Z=!0,clearTimeout(ce),h.removeEventListener("pointermove",oe),h.removeEventListener("pointerup",J),h.removeEventListener("pointercancel",se)},J=()=>{se();let te=h.getBoundingClientRect();_?.id===r.id?(b(r.id),q(null)):q({id:r.id,rect:te,title:r.title,component:r.component,fromTouch:!0})},oe=te=>{Math.hypot(te.clientX-M,te.clientY-A)>ot&&se()},ce=setTimeout(()=>{if(Z)return;h.removeEventListener("pointermove",oe),h.removeEventListener("pointerup",J),h.removeEventListener("pointercancel",se);try{h.setPointerCapture(F)}catch{return}navigator.vibrate&&navigator.vibrate(10);let te=ae=>{h.removeEventListener("pointerup",te),h.removeEventListener("pointercancel",te),rt(r.id,ae)};h.addEventListener("pointerup",te),h.addEventListener("pointercancel",te)},nt);h.addEventListener("pointermove",oe),h.addEventListener("pointerup",J),h.addEventListener("pointercancel",se)},onPointerEnter:u=>{if(u.pointerType==="touch"||ze)return;Y.current&&clearTimeout(Y.current);let h=u.currentTarget.getBoundingClientRect();u.clientX>=h.left&&u.clientX<=h.right&&u.clientY>=h.top&&u.clientY<=h.bottom&&q({id:r.id,rect:h,title:r.title,component:r.component})},onPointerLeave:u=>{u.pointerType!=="touch"&&(Y.current=setTimeout(()=>{q(null)},150))},className:"rdd-taskbar-glassmorphic-item",style:{backdropFilter:"blur(6px)",transition:"all 0.2s",cursor:"pointer",scrollSnapAlign:"start",width:"38px",height:"38px",position:"relative",padding:0},children:(0,m.jsx)("span",{className:"rdd-taskbar-item-icon",children:p})},r.id)})}),_&&(0,xn.createPortal)((0,m.jsxs)("div",{className:"rdd-taskbar-item-tooltip",dir:s.dir,style:{position:"fixed",left:`${_.rect.left+_.rect.width/2}px`,top:`${_.rect.top-8}px`,transform:"translateX(-50%) translateY(-100%)",opacity:1,pointerEvents:"auto",zIndex:999999},onPointerEnter:()=>{Y.current&&clearTimeout(Y.current)},onPointerLeave:r=>{r.pointerType!=="touch"&&q(null)},onClick:()=>{b(_.id),q(null)},onContextMenu:r=>rt(_.id,r),onPointerDown:r=>{if(r.pointerType!=="touch")return;let C=_.id,p=r.currentTarget,u=r.clientX,h=r.clientY,M=r.pointerId,A=!1,F=()=>{A=!0,clearTimeout(se),p.removeEventListener("pointermove",Z),p.removeEventListener("pointerup",F),p.removeEventListener("pointercancel",F)},Z=J=>{Math.hypot(J.clientX-u,J.clientY-h)>ot&&F()},se=setTimeout(()=>{if(A)return;p.removeEventListener("pointermove",Z),p.removeEventListener("pointerup",F),p.removeEventListener("pointercancel",F);try{p.setPointerCapture(M)}catch{return}navigator.vibrate&&navigator.vibrate(10);let J=oe=>{p.removeEventListener("pointerup",J),p.removeEventListener("pointercancel",J),rt(C,oe)};p.addEventListener("pointerup",J),p.addEventListener("pointercancel",J)},nt);p.addEventListener("pointermove",Z),p.addEventListener("pointerup",F),p.addEventListener("pointercancel",F)},children:[(0,m.jsxs)("div",{className:"rdd-tooltip-header-row",children:[(0,m.jsxs)("span",{className:"rdd-tooltip-title-text rdd-text-truncate",style:{maxWidth:"140px"},children:[ge(_.title,B),s.panels[_.id]?.dirty?" *":""]}),(0,m.jsx)("span",{onClick:r=>{r.stopPropagation(),D(_.id),q(null)},title:ge(l.closePanel,B),className:"rdd-tooltip-close-x",children:(0,m.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,m.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),(0,m.jsx)(Jo,{panelId:_.id})]}),document.body),(0,m.jsx)("button",{type:"button",onClick:()=>y("right"),className:"rdd-taskbar-nav-btn",style:{display:s.minimized.length>4?"block":"none"},children:"\u25B6"})]}),Object.keys(s.panels).map(r=>{let C=s.panels[r];if(!C)return null;let p=jn(r);return(0,xn.createPortal)((0,m.jsx)(Qo,{panelId:r,children:(0,m.jsx)("div",{style:{width:"100%",height:"100%"},dir:s.dir,children:Uo(r,C,k)})}),p,r)}),U===null&&(0,m.jsx)(o.Component,{ref:pe,theme:"dark",formatMessageProvider:B,onShow:()=>ve(!0),onHide:()=>ve(!1)}),s.draggedPanelId!==null&&!s.floating.some(r=>r.id===s.draggedPanelId)&&(0,m.jsxs)("div",{className:"rdd-drag-ghost-tab",style:{left:Qe.x+12,top:Qe.y+12,zIndex:1e5},children:["\u{1F4C4} ",ge(s.panels[s.draggedPanelId]?.title,B)||"Tab"]})]})},Jn=tr;var sn=class{registry;initialState;config;_actions=null;_initialized=!1;_pendingCalls=[];_pendingOpenPanelIds=new Set;_pendingSubscriptions=[];_disconnectedWarnTimer=null;constructor(t={}){if(this.registry=new lt,this.initialState=t.initialState??null,this.config={formatMessage:t.formatMessage,predefinedMessages:t.predefinedMessages,dir:t.dir,defaultSplitRatio:t.defaultSplitRatio,defaultEdgeSplitRatio:t.defaultEdgeSplitRatio,zIndexBase:t.zIndexBase},t.panels)for(let[n,o]of Object.entries(t.panels))this.registry.register(n,o.component,o.defaultOptions)}_connect(t){this._actions=t,this._disconnectedWarnTimer!==null&&(clearTimeout(this._disconnectedWarnTimer),this._disconnectedWarnTimer=null),this._initialized||(this._initialized=!0);for(let o of this._pendingSubscriptions)o.unsub=t.subscribe(o.event,o.callback);let n=this._pendingCalls.splice(0);for(let o of n)o(t)}_disconnect(){this._actions=null;for(let t of this._pendingSubscriptions)t.unsub?.(),t.unsub=null}get isConnected(){return this._actions!==null}_startWarnTimer(){this._disconnectedWarnTimer===null&&(this._disconnectedWarnTimer=setTimeout(()=>{!this.isConnected&&this._pendingCalls.length>0&&console.error("[react-dockable-desktop] WorkspaceClient has "+this._pendingCalls.length+" queued call(s) but was never connected to a WindowManagerProvider. Did you forget client={workspace} on <WindowManagerProvider>?")},process.env.NODE_ENV==="production"?5e3:1e3))}_dispatch(t){this._actions?t(this._actions):(this._pendingCalls.push(t),this._startWarnTimer())}_subscribeRaw(t,n){if(this._actions)return this._actions.subscribe(t,n);let o={event:t,callback:n,unsub:null};return this._pendingSubscriptions.push(o),()=>{o.unsub?.(),o.unsub=null;let f=this._pendingSubscriptions.indexOf(o);f!==-1&&this._pendingSubscriptions.splice(f,1)}}openPanel(...t){if(this._actions){this._actions.openPanel(...t);return}let n=t[0];this._pendingOpenPanelIds.has(n)||(this._pendingOpenPanelIds.add(n),this._pendingCalls.push(o=>{this._pendingOpenPanelIds.delete(n),o.openPanel(...t)}),this._startWarnTimer())}closePanel(t){this._dispatch(n=>n.closePanel(t))}minimizePanel(t){this._dispatch(n=>n.minimizePanel(t))}restorePanel(t){this._dispatch(n=>n.restorePanel(t))}floatPanel(...t){this._dispatch(n=>n.floatPanel(...t))}dockPanel(...t){this._dispatch(n=>n.dockPanel(...t))}maximizePanel(t){this._dispatch(n=>n.maximizePanel(t))}focusPanel(t){this._dispatch(n=>n.focusPanel(t))}isOpen(t){return this._actions?.isOpen(t)??!1}getOpenPanelIds(){return this._actions?.getOpenPanelIds()??[]}findPanelId(t,n){return this._actions?.findPanelId(t,n)??null}saveLayout(){return this._actions?.saveLayout()??""}loadLayout(t){return this._actions?this._actions.loadLayout(t):(this._pendingCalls.push(n=>{n.loadLayout(t)}),!1)}setDirection(t){this._dispatch(n=>n.setDirection(t))}updateSplitSizes(t,n){this._dispatch(o=>o.updateSplitSizes(t,n))}updateFloatingPosition(t,n){this._dispatch(o=>o.updateFloatingPosition(t,n))}setDraggedPanelId(t){this._dispatch(n=>n.setDraggedPanelId(t))}dockPanelToGroup(t,n,o){this._dispatch(f=>f.dockPanelToGroup(t,n,o))}movePanelOrder(t,n,o){this._dispatch(f=>f.movePanelOrder(t,n,o))}closeLeafGroup(t){this._dispatch(n=>n.closeLeafGroup(t))}registerCloseGuard(t,n){this._dispatch(o=>o.registerCloseGuard(t,n))}unregisterCloseGuard(t){this._dispatch(n=>n.unregisterCloseGuard(t))}registerStateProvider(t,n){this._dispatch(o=>o.registerStateProvider(t,n))}unregisterStateProvider(t){this._dispatch(n=>n.unregisterStateProvider(t))}setPanelDirty(t,n,o){this._dispatch(f=>f.setPanelDirty(t,n,o))}updatePanelTitle(t,n){this._dispatch(o=>o.updatePanelTitle(t,n))}requestClosePanel(t,n){return this._actions?this._actions.requestClosePanel(t,n):(this._pendingCalls.push(o=>{o.requestClosePanel(t,n)}),Promise.resolve())}dockPanelToWorkspaceEdge(t,n){this._dispatch(o=>o.dockPanelToWorkspaceEdge(t,n))}showContextMenu(t){this._dispatch(n=>n.showContextMenu(t))}publish(t,n){this._dispatch(o=>o.publish(t,n))}subscribe(t,n){return this._subscribeRaw(t,n)}onPanelOpen(t){return this._subscribeRaw("panel:opened",n=>{let o=n;t(o.id,o.component)})}onPanelClose(t){return this._subscribeRaw("panel:closed",n=>{t(n.id)})}onPanelMinimize(t){return this._subscribeRaw("panel:minimized",n=>{t(n.id)})}onPanelRestore(t){return this._subscribeRaw("panel:restored",n=>{t(n.id)})}onLayoutChanged(t){return this._subscribeRaw("layout:changed",()=>t())}onPanelsExcluded(t){return this._subscribeRaw("layout:panels-excluded",n=>{t(n.panels)})}};var io=require("react");var Ge=require("react"),eo=require("react/jsx-runtime"),Qn=(0,Ge.createContext)(null),Ft=({children:e})=>{let[t,n]=(0,Ge.useState)({}),[o,f]=(0,Ge.useState)({}),s=(0,Ge.useMemo)(()=>({getActiveInGroup:k=>t[k]??null,setActiveInGroup:(k,b)=>n(T=>({...T,[k]:b})),isModifierActive:k=>o[k]??!1,setModifierActive:(k,b)=>f(T=>({...T,[k]:b})),toggleModifier:k=>f(b=>({...b,[k]:!b[k]}))}),[t,o]);return(0,eo.jsx)(Qn.Provider,{value:s,children:e})};function _t(){let e=(0,Ge.useContext)(Qn);if(!e)throw new Error("useToolbar must be used within DockableDesktopProvider");return e}var Se=require("react");var ro=require("react/jsx-runtime");function nr(){let e=new Map,t=new Set,n=()=>t.forEach(o=>o());return{publish(o,f){return e.set(o,f),n(),()=>{e.get(o)===f&&(e.delete(o),n())}},get(o){return e.get(o)??null},subscribe(o){return t.add(o),()=>t.delete(o)}}}var Rn=(0,Se.createContext)(null),an=({children:e})=>{let t=(0,Se.useMemo)(()=>nr(),[]);return(0,ro.jsx)(Rn.Provider,{value:t,children:e})};function to(e){let t=Dt(),n=(0,Se.useContext)(Rn),o=(0,Se.useRef)(null);if(!n)throw new Error("usePanelContribution must be used within PanelContributionProvider");(0,Se.useLayoutEffect)(()=>{if(n)return o.current?.(),o.current=n.publish(t,e),()=>{o.current?.(),o.current=null}},[n,t,e])}function ln(){let e=Ee(f=>f.activePanelId),t=(0,Se.useContext)(Rn);if(!t)throw new Error("useActivePanelContribution must be used within PanelContributionProvider");let n=(0,Se.useCallback)(f=>t?t.subscribe(f):()=>{},[t]),o=()=>t&&e?t.get(e):null;return(0,Se.useSyncExternalStore)(n,o,o)}function Mn(e,t=null){return{id:e.id,label:e.label,icon:e.icon??t,renderContent:()=>e.content}}function no(e){let t=ln();return t?.toolbarItems?.length?[...e,{type:"separator"},...t.toolbarItems]:e}function oo(e,t=null){let n=ln();return n?.sidebarSections?.length?[...e,...n.sidebarSections.map(o=>Mn(o,t))]:e}var St=require("react/jsx-runtime"),so=({contextMenuAdapter:e=ct,...t})=>{let n=(0,io.useContext)(Rt),o=(0,St.jsx)(Ft,{children:(0,St.jsx)(Zt,{...t,children:(0,St.jsx)(an,{children:(0,St.jsx)(tn,{children:t.children})})})});return n!==null?o:(0,St.jsx)(Qt,{adapter:e,formatMessageProvider:t.formatMessage,children:o})};var ke=require("react");var Ce=require("react/jsx-runtime"),or=({modal:e,index:t,isTopmost:n})=>{let{close:o,openModal:f,updateInstance:s,setDirty:k}=je(),b=De(),T=Ae(),{dir:w}=Ee(),{modalClass:x,modalBodyClass:v}=He(),S=(0,ke.useRef)(null),{id:I,Component:N,props:z,options:d,dirty:E,dirtyOptions:R}=e,L=d,[g,P]=(0,ke.useState)(L.icon||null),H=(0,ke.useRef)(L);H.current=L;let B=ge(L.title,b),l=(0,ke.useCallback)(async O=>{if(O?.force){o(I);return}if(S.current){if(!await S.current())return;o(I);return}if(E){f(Ze,{title:R?.title||T.unsavedChangesTitle,message:R?.message||{id:T.unsavedChangesMessage.id,defaultMessage:T.unsavedChangesMessage.defaultMessage,values:{title:B}},alert:R?.alert,alertType:R?.alertType||"danger",useYesNoTitles:!0,onOK:()=>o(I)},{size:"small"});return}o(I)},[o,f,I,E,R,B,T]),D=(0,ke.useCallback)((O,_)=>k(I,O,_),[k,I]),X=(0,ke.useCallback)(O=>s(I,{options:{...H.current,title:O}}),[s,I]),j=(0,ke.useCallback)(O=>P(O),[]),U=(0,ke.useCallback)(O=>(S.current=O,()=>{S.current=null}),[]),pe=(0,ke.useMemo)(()=>({requestClose:l,setDirty:D,setTitle:X,setIcon:j,onCloseRequested:U,containerType:"modal",instanceId:I}),[l,D,X,j,U,I]),ee=E?`${B} *`:B,he=L.size?`rdd-modal-size-${L.size}`:"rdd-modal-size-auto",le=L.closable!==!1;(0,ke.useEffect)(()=>{if(!n||!le)return;let O=_=>{_.key==="Escape"&&(_.stopPropagation(),l())};return document.addEventListener("keydown",O),()=>document.removeEventListener("keydown",O)},[l,le,n]);let $=`calc(var(--rdd-z-base, 1000) + 9000 + ${t*10})`;return(0,Ce.jsxs)("div",{className:"rdd-modal-overlay",style:{zIndex:$},dir:w,children:[(0,Ce.jsx)("div",{className:"rdd-modal-curtain",onClick:le?()=>l():void 0}),(0,Ce.jsxs)("div",{className:`rdd-modal-window ${he} ${x??""}`,children:[(0,Ce.jsxs)("div",{className:"rdd-modal-header",children:[g&&(0,Ce.jsx)("div",{className:"rdd-modal-icon",children:g}),(0,Ce.jsx)("h4",{className:"rdd-modal-title",children:ee}),le&&(0,Ce.jsx)("button",{className:"rdd-modal-close-button",onClick:()=>l(),title:b(T.closeTooltip),type:"button",children:(0,Ce.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,Ce.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),(0,Ce.jsx)("div",{className:`rdd-modal-body ${v??""}`,children:(0,Ce.jsx)(Ke,{value:pe,children:(0,Ce.jsx)(N,{...z,panelId:I})})})]})]})},rr=()=>{let{modals:e}=Be();return e.length===0?null:(0,Ce.jsx)(Ce.Fragment,{children:e.map((t,n)=>(0,Ce.jsx)(or,{modal:t,index:n,isTopmost:n===e.length-1},t.id))})},ao=rr;var Re=require("react");var Pe=require("react/jsx-runtime"),dn=({panel:e,position:t,defaultWidth:n})=>{let{close:o,openModal:f,updateInstance:s,setDirty:k,registerCloseHandler:b,unregisterCloseHandler:T}=je(),{modals:w}=Be(),x=De(),v=Ae(),{dir:S}=Ee(),{sidePanelClass:I,sidePanelBodyClass:N}=He(),z=(0,Re.useRef)(null),{id:d,Component:E,props:R,options:L,dirty:g,dirtyOptions:P}=e,H=L,[B,l]=(0,Re.useState)(H.icon||null),D=(0,Re.useRef)(H);D.current=H;let X=ge(H.title,x),j=(0,Re.useCallback)(async Y=>{if(Y?.force){o(d);return}if(z.current){if(!await z.current())return;o(d);return}if(g){f(Ze,{title:P?.title||v.unsavedChangesTitle,message:P?.message||{id:v.unsavedChangesMessage.id,defaultMessage:v.unsavedChangesMessage.defaultMessage,values:{title:X}},alert:P?.alert,alertType:P?.alertType||"danger",useYesNoTitles:!0,onOK:()=>o(d)},{size:"small"});return}o(d)},[o,f,d,g,P,X,v]),U=(0,Re.useCallback)(async()=>z.current?await z.current():!g,[g]);(0,Re.useEffect)(()=>(b(d,U),()=>T(d)),[d,U,b,T]);let pe=(0,Re.useCallback)((Y,ne)=>k(d,Y,ne),[k,d]),ee=(0,Re.useCallback)(Y=>s(d,{options:{...D.current,title:Y}}),[s,d]),he=(0,Re.useCallback)(Y=>l(Y),[]),le=(0,Re.useCallback)(Y=>(z.current=Y,()=>{z.current=null}),[]),$=(0,Re.useMemo)(()=>({requestClose:j,setDirty:pe,setTitle:ee,setIcon:he,onCloseRequested:le,containerType:t==="left"?"left-panel":"right-panel",instanceId:d}),[j,pe,ee,he,le,t,d]),O=g?`${X} *`:X;(0,Re.useEffect)(()=>{let Y=ne=>{ne.key==="Escape"&&w.length===0&&j()};return document.addEventListener("keydown",Y),()=>document.removeEventListener("keydown",Y)},[j,w.length]);let _=H.width||n||400,q=typeof _=="number"?`${_}px`:_;return(0,Pe.jsx)("div",{className:`rdd-side-panel rdd-side-panel-${t} rdd-side-panel-visible ${I??""}`,style:{width:q},dir:S,children:(0,Pe.jsxs)("div",{className:"rdd-side-panel-window",children:[(0,Pe.jsxs)("div",{className:"rdd-side-panel-header",children:[B&&(0,Pe.jsx)("div",{className:"rdd-side-panel-icon",children:B}),(0,Pe.jsx)("h4",{className:"rdd-side-panel-title",children:O}),(0,Pe.jsx)("button",{className:"rdd-side-panel-close-button",onClick:()=>j(),title:x(v.closeTooltip),type:"button",children:(0,Pe.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",children:(0,Pe.jsx)("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),(0,Pe.jsx)("div",{className:`rdd-side-panel-body ${N??""}`,children:(0,Pe.jsx)(Ke,{value:$,children:(0,Pe.jsx)(E,{...R,panelId:d})})})]})})},ir=({defaultWidth:e})=>{let{leftPanel:t,rightPanel:n}=Be();return(0,Pe.jsxs)(Pe.Fragment,{children:[t&&(0,Pe.jsx)(dn,{panel:t,position:"left",defaultWidth:e},t.id),n&&(0,Pe.jsx)(dn,{panel:n,position:"right",defaultWidth:e},n.id)]})},lo=({defaultWidth:e})=>{let{leftPanel:t}=Be();return t?(0,Pe.jsx)(dn,{panel:t,position:"left",defaultWidth:e},t.id):null},co=({defaultWidth:e})=>{let{rightPanel:t}=Be();return t?(0,Pe.jsx)(dn,{panel:t,position:"right",defaultWidth:e},t.id):null},uo=ir;var ie=require("react");var xe=require("react/jsx-runtime"),go=(0,ie.createContext)(null),fo=(0,ie.createContext)(null);function sr({tabId:e,onClose:t,onOpen:n,setActiveTabId:o,children:f}){let s=(0,ie.useMemo)(()=>({tabId:e,onClose:t,onOpen:n,openTab:k=>o(k)}),[e,t,n,o]);return(0,xe.jsx)(fo.Provider,{value:s,children:f})}var po=(0,ie.memo)(function({tabs:t,activeTabId:n,isVisible:o,position:f,onTabClick:s}){return(0,xe.jsx)("div",{style:{width:o?"56px":"0px",height:"100%",overflow:"hidden",transition:"width 0.25s cubic-bezier(0.4, 0, 0.2, 1)",flexShrink:0},children:(0,xe.jsx)("div",{className:`rdd-sidebar-tabs-strip rdd-${f}`,style:{width:"56px",height:"100%"},children:t.map(k=>{let b=n===k.id;return(0,xe.jsx)("button",{type:"button",onClick:()=>s(k.id),className:`rdd-sidebar-tab-btn${b?" rdd-active":""}`,title:k.label,"aria-pressed":b,children:k.icon},k.id)})})})});function ar({position:e,currentWidth:t,minWidth:n,maxWidth:o,onWidthChange:f,rootRef:s}){return(0,xe.jsx)("div",{className:"rdd-resizer-bar",style:{cursor:"col-resize",width:"1px",height:"100%",flexShrink:0,zIndex:20},onPointerDown:b=>{b.preventDefault();let T=b.currentTarget,w=[{el:T,classes:["rdd-active"]},{el:document.body,classes:["rdd-resizing-active","rdd-resizing-col-active"]}];s.current&&w.push({el:s.current,classes:["rdd-sidebar-resizing"]}),$e({element:T,pointerId:b.pointerId,startClientX:b.clientX,startClientY:b.clientY,captureStart:()=>t,activeClasses:w,onMove:(x,v,S)=>{let I=e==="right"?S-x:S+x;f(Math.max(n,Math.min(o,I)))}})}})}var mo=(0,ie.forwardRef)(function({position:t="right",tabs:n,defaultWidth:o,minWidth:f=150,maxWidth:s=600,onWidthChange:k,activeTabId:b,onActiveTabChange:T,visible:w,onVisibilityChange:x,stripVisible:v,onStripVisibilityChange:S,children:I},N){let z=b!==void 0,[d,E]=(0,ie.useState)(()=>o??280),R=(0,ie.useCallback)(Y=>{E(Y),k?.(Y)},[k]),[L,g]=(0,ie.useState)(null),P=z?b:L,[H,B]=(0,ie.useState)(()=>new Set),l=(0,ie.useMemo)(()=>{let Y=new Set(H);P&&Y.add(P);for(let ne of n)ne.eagerMount&&Y.add(ne.id);return Y},[H,P,n]),D=(0,ie.useRef)(P??null);(0,ie.useEffect)(()=>{D.current=P??null},[P]);let X=(0,ie.useRef)(d);(0,ie.useEffect)(()=>{X.current=d},[d]);let j=(0,ie.useRef)(null),U=(0,ie.useCallback)(Y=>{B(Y!==null?ne=>{if(ne.has(Y))return ne;let me=new Set(ne);return me.add(Y),me}:ne=>{let me=!1,ve=new Set(ne);for(let ze of ne){let Fe=n.find(Ne=>Ne.id===ze);Fe&&!Fe.eagerMount&&!Fe.preserveState&&(ve.delete(ze),me=!0)}return me?ve:ne}),z||g(Y),T?.(Y)},[z,T,n]);(0,ie.useImperativeHandle)(N,()=>({openTab:Y=>U(Y),closeDrawer:()=>U(null),getActiveTab:()=>D.current,show:()=>x?.(!0),hide:()=>x?.(!1),toggle:()=>x?.(w===!1),showStrip:()=>S?.(!0),hideStrip:()=>S?.(!1),setWidth:Y=>R(Math.max(f,Math.min(s,Y))),getWidth:()=>X.current}),[U,w,x,S,R,f,s]);let pe=(0,ie.useCallback)(Y=>{U(P===Y?null:Y)},[P,U]),ee=(0,ie.useCallback)(()=>U(null),[U]),he=(0,ie.useMemo)(()=>({openTab:Y=>U(Y),closeDrawer:()=>U(null),getActiveTab:()=>D.current}),[U]),le=w!==!1,$=le&&v!==!1,O=le&&P!=null,_=(0,xe.jsx)("div",{className:`rdd-sidebar-content-drawer rdd-${t}`,style:{flexBasis:O?`${d}px`:"0px",flexShrink:1,flexGrow:0,minWidth:O?`${f}px`:"0px",maxWidth:O?`${s}px`:"0px",overflow:"hidden",transition:"flex-basis 0.2s cubic-bezier(0.4, 0, 0.2, 1), min-width 0.2s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.2s cubic-bezier(0.4, 0, 0.2, 1)"},children:n.map(Y=>{if(!l.has(Y.id))return null;let me=P===Y.id,ve=()=>U(Y.id);return(0,xe.jsxs)("div",{style:{display:me?"flex":"none",flexDirection:"column",height:"100%",width:"100%"},children:[(0,xe.jsx)("div",{className:"rdd-sidebar-drawer-header",children:(0,xe.jsx)("span",{className:"rdd-sidebar-header-title",children:Y.label})}),(0,xe.jsx)("div",{className:"rdd-sidebar-drawer-body",children:(0,xe.jsx)(sr,{tabId:Y.id,onClose:ee,onOpen:ve,setActiveTabId:U,children:Y.renderContent(Y.id,ee,ve)})})]},Y.id)})}),q=O?(0,xe.jsx)(ar,{position:t,currentWidth:d,minWidth:f,maxWidth:s,onWidthChange:R,rootRef:j}):null;return(0,xe.jsx)(go.Provider,{value:he,children:(0,xe.jsxs)("div",{ref:j,style:{display:"flex",flexDirection:"row",width:"100%",height:"100%",overflow:"hidden"},children:[t==="left"&&(0,xe.jsx)(po,{tabs:n,activeTabId:P,isVisible:$,position:t,onTabClick:pe}),t==="left"&&_,t==="left"&&q,(0,xe.jsx)("div",{style:{flex:"1 1 0%",minWidth:0,overflow:"hidden"},children:I}),t==="right"&&q,t==="right"&&_,t==="right"&&(0,xe.jsx)(po,{tabs:n,activeTabId:P,isVisible:$,position:t,onTabClick:pe})]})})});function ho(){let e=(0,ie.useContext)(go);if(!e)throw new Error("useSidebar must be used within Sidebar");return e}function bo(){let e=(0,ie.useContext)(fo);if(!e)throw new Error("useSidebarTab must be used within a Sidebar tab renderContent tree");return e}var Ie=require("react"),vo=require("react-dom");var we=require("react/jsx-runtime");function lr(e,t,n=!1,o=8){switch(t){case"left":return n?{right:window.innerWidth-e.left+o,top:e.top}:{left:e.right+o,top:e.top};case"right":return n?{left:e.right+o,top:e.top}:{right:window.innerWidth-e.left+o,top:e.top};case"top":return n?{top:e.bottom+o,right:window.innerWidth-e.right}:{top:e.bottom+o,left:e.left};case"bottom":return n?{bottom:window.innerHeight-e.top+o,right:window.innerWidth-e.right}:{bottom:window.innerHeight-e.top+o,left:e.left}}}function dr({item:e,position:t,toolbar:n}){let[o,f]=(0,Ie.useState)(!1),[s,k]=(0,Ie.useState)(null),b=(0,Ie.useRef)(null),T=(0,Ie.useRef)(null),w=e.activeItemId!==void 0,x=w?e.activeItemId:n.getActiveInGroup(e.id),v=e.items.find(d=>!("type"in d)&&d.id===x),S=x!==null,I=v?.icon??e.defaultIcon,N=v?.label??e.label,z=()=>{e.disabled||(!o&&b.current&&k(b.current.getBoundingClientRect()),f(d=>!d))};return(0,Ie.useLayoutEffect)(()=>{if(!o||!T.current)return;let d=T.current,E=d.getBoundingClientRect(),R=8;E.right>window.innerWidth-R&&(d.style.left=`${Math.max(R,window.innerWidth-E.width-R)}px`,d.style.right="auto"),E.left<R&&(d.style.left=`${R}px`,d.style.right="auto"),E.bottom>window.innerHeight-R&&(d.style.top=`${Math.max(R,window.innerHeight-E.height-R)}px`,d.style.bottom="auto"),E.top<R&&(d.style.top=`${R}px`,d.style.bottom="auto")},[o]),(0,Ie.useEffect)(()=>{if(!o)return;let d=E=>{let R=E.target;b.current?.contains(R)||T.current?.contains(R)||f(!1)};return document.addEventListener("mousedown",d),()=>document.removeEventListener("mousedown",d)},[o]),(0,Ie.useEffect)(()=>{if(!o)return;let d=E=>{E.key==="Escape"&&f(!1)};return document.addEventListener("keydown",d),()=>document.removeEventListener("keydown",d)},[o]),(0,we.jsxs)(we.Fragment,{children:[(0,we.jsx)("button",{ref:b,type:"button",className:`rdd-toolbar-btn rdd-toolbar-btn-group${S?" rdd-active":""}`,title:N,"aria-label":N,"aria-expanded":o,"aria-haspopup":"menu",disabled:e.disabled,onClick:z,children:I}),o&&s&&(0,vo.createPortal)((0,we.jsx)("div",{ref:T,className:`rdd-toolbar-group-flyout rdd-${t}`,style:lr(s,t,document.documentElement.dir==="rtl"),role:"menu",children:e.items.map((d,E)=>{if("type"in d)return(0,we.jsx)("div",{className:"rdd-toolbar-group-flyout-sep",role:"separator"},`sep-${E}`);let R=x===d.id;return(0,we.jsxs)("button",{type:"button",className:`rdd-toolbar-group-flyout-item${R?" rdd-active":""}`,disabled:d.disabled,role:"menuitem","aria-pressed":R,onClick:()=>{w?e.onActiveItemChange?.(d.id):n.setActiveInGroup(e.id,d.id),d.onActivate?.(d.id),f(!1)},children:[(0,we.jsx)("span",{className:"rdd-toolbar-group-flyout-icon",children:d.icon}),(0,we.jsx)("span",{className:"rdd-toolbar-group-flyout-label",children:d.label}),d.shortcut&&(0,we.jsx)("span",{className:"rdd-toolbar-group-flyout-shortcut",children:d.shortcut})]},d.id)})}),document.body)]})}function cr(e,t,n,o){switch(e.type){case"separator":return(0,we.jsx)("div",{className:"rdd-toolbar-separator",role:"separator"},`sep-${t}`);case"action":return(0,we.jsx)("button",{type:"button",className:"rdd-toolbar-btn rdd-toolbar-btn-action",title:e.label,"aria-label":e.label,disabled:e.disabled,onClick:e.onClick,children:e.icon},e.id);case"radio":{let f=n.getActiveInGroup(e.group)===e.id;return(0,we.jsx)("button",{type:"button",className:`rdd-toolbar-btn rdd-toolbar-btn-radio${f?" rdd-active":""}`,title:e.label,"aria-label":e.label,"aria-pressed":f,disabled:e.disabled,onClick:()=>{n.setActiveInGroup(e.group,e.id),e.onActivate?.(e.id)},children:e.icon},e.id)}case"toggle":{let f=e.active!==void 0,s=f?e.active:n.isModifierActive(e.id);return(0,we.jsx)("button",{type:"button",className:`rdd-toolbar-btn rdd-toolbar-btn-toggle${s?" rdd-active":""}`,title:e.label,"aria-label":e.label,"aria-pressed":s,disabled:e.disabled,onClick:()=>{f||n.toggleModifier(e.id),e.onToggle?.(!s)},children:e.icon},e.id)}case"group":return(0,we.jsx)(dr,{item:e,position:o,toolbar:n},e.id)}}var yo=(0,Ie.forwardRef)(function({position:t="left",items:n,visible:o,onVisibilityChange:f,className:s,style:k},b){let T=_t(),w=t==="left"||t==="right";(0,Ie.useImperativeHandle)(b,()=>({show:()=>f?.(!0),hide:()=>f?.(!1),toggle:()=>f?.(o===!1)}),[o,f]);let x=o!==!1?{}:w?{width:"0px"}:{height:"0px"};return(0,we.jsx)("div",{className:`rdd-toolbar-strip rdd-${t}${s?` ${s}`:""}`,role:"toolbar","aria-orientation":w?"vertical":"horizontal",style:{...x,...k},children:n.map((v,S)=>cr(v,S,T,t))})});var ye=require("react"),Sn=require("react-dom"),ue=require("react/jsx-runtime"),kn=class{listeners=new Set;counter=0;subscribe(t){this.listeners.add(t)}unsubscribe(t){this.listeners.delete(t)}show(t,n={}){let o=n.id??`toast-${++this.counter}`;return this.emit({kind:"show",id:o,message:t,rawOpts:{...n,id:o}}),o}update(t,n,o){this.emit({kind:"update",id:t,message:n,patch:o})}dismiss(t){this.emit({kind:"dismiss",id:t})}emit(t){this.listeners.forEach(n=>n(t))}},Le=new kn,Po=Object.assign((e,t)=>Le.show(e,t),{info:(e,t)=>Le.show(e,{...t,type:"info"}),success:(e,t)=>Le.show(e,{...t,type:"success"}),warning:(e,t)=>Le.show(e,{...t,type:"warning"}),error:(e,t)=>Le.show(e,{...t,type:"error"}),dismiss:e=>Le.dismiss(e),promise:(e,t,n)=>{let o=Le.show(t.pending,{...n,type:"info",duration:0});return e.then(f=>{let s=typeof t.success=="function"?t.success(f):t.success;Le.update(o,s,{type:"success",duration:n?.duration??5e3})},f=>{let s=typeof t.error=="function"?t.error(f):t.error;Le.update(o,s,{type:"error",duration:n?.duration??5e3})}),e}}),ur=()=>(0,ue.jsxs)("svg",{className:"rdd-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[(0,ue.jsx)("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"1.5"}),(0,ue.jsx)("path",{d:"M8 5v.01M8 7.5v3.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),pr=()=>(0,ue.jsxs)("svg",{className:"rdd-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[(0,ue.jsx)("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"1.5"}),(0,ue.jsx)("path",{d:"M5 8l2 2 4-4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),gr=()=>(0,ue.jsxs)("svg",{className:"rdd-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[(0,ue.jsx)("path",{d:"M8 2.5L14 13.5H2L8 2.5z",stroke:"currentColor",strokeWidth:"1.5",strokeLinejoin:"round"}),(0,ue.jsx)("path",{d:"M8 7v2.5M8 11.5v.01",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),fr=()=>(0,ue.jsxs)("svg",{className:"rdd-toast__icon",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[(0,ue.jsx)("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"1.5"}),(0,ue.jsx)("path",{d:"M5.5 5.5l5 5M10.5 5.5l-5 5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),mr=()=>(0,ue.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:(0,ue.jsx)("path",{d:"M4 4l8 8M12 4l-8 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})}),hr={info:(0,ue.jsx)(ur,{}),success:(0,ue.jsx)(pr,{}),warning:(0,ue.jsx)(gr,{}),error:(0,ue.jsx)(fr,{})};function br({id:e,message:t,options:n,exiting:o,isLeft:f,showProgress:s,pauseOnHover:k,animation:b,onDismiss:T,onExited:w}){let x=(0,ye.useRef)(null),v=(0,ye.useRef)(null),S=(0,ye.useRef)(n.duration),I=(0,ye.useRef)(0),[N,z]=(0,ye.useState)(!1),d=b==="none"?"rdd-toast--visible":b==="fade"?"rdd-toast--fade-entering":f?"rdd-toast--entering-left":"rdd-toast--entering",[E,R]=(0,ye.useState)(d);(0,ye.useLayoutEffect)(()=>{x.current&&(x.current.style.maxHeight=`${x.current.offsetHeight}px`)},[]),(0,ye.useEffect)(()=>{if(b==="none")return;let l=requestAnimationFrame(()=>R("rdd-toast--visible"));return()=>cancelAnimationFrame(l)},[]);let L=(0,ye.useCallback)(l=>{l<=0||(I.current=Date.now(),v.current=setTimeout(()=>T(e),l))},[e,T]);(0,ye.useEffect)(()=>(v.current&&clearTimeout(v.current),S.current=n.duration,L(n.duration),()=>{v.current&&clearTimeout(v.current)}),[n.duration,L]),(0,ye.useEffect)(()=>{if(!o)return;let l=x.current;if(!l||b==="none"){w(e);return}let D=j=>{j.propertyName==="max-height"&&w(e)};l.addEventListener("transitionend",D);let X=setTimeout(()=>w(e),520);return()=>{l.removeEventListener("transitionend",D),clearTimeout(X)}},[o,e,w,b]);let g=()=>{!k||n.duration===0||(v.current&&(clearTimeout(v.current),v.current=null,S.current=Math.max(0,S.current-(Date.now()-I.current))),z(!0))},P=()=>{!k||n.duration===0||(z(!1),L(S.current))},H=["rdd-toast",n.type&&`rdd-toast--${n.type}`,E,o&&"rdd-toast--exiting",N&&"rdd-toast--paused"].filter(Boolean).join(" "),B=n.icon!==void 0?n.icon:n.type?hr[n.type]:null;return(0,ue.jsxs)("div",{ref:x,role:"status","aria-live":"polite",className:H,onMouseEnter:g,onMouseLeave:P,children:[B&&B,(0,ue.jsx)("div",{className:"rdd-toast__body",children:n.content!==void 0?n.content:t}),n.closable&&(0,ue.jsx)("button",{type:"button",className:"rdd-toast__close",onClick:()=>T(e),"aria-label":"Close notification",children:(0,ue.jsx)(mr,{})}),s&&n.duration>0&&(0,ue.jsx)("div",{className:"rdd-toast__progress",style:{animationDuration:`${n.duration}ms`}})]})}function Tn(e,t,n){return{id:e.id,type:e.type??"info",duration:e.duration??t,closable:e.closable??n,icon:e.icon,content:e.content,onClose:e.onClose}}function xo({position:e="top-right",maxVisible:t=3,defaultDuration:n=5e3,defaultClosable:o=!0,pauseOnHover:f=!0,animation:s="slide",newestOnTop:k=!1,progressBar:b=!1,width:T=320,adapter:w}){let[x,v]=(0,ye.useState)([]),S=(0,ye.useRef)([]),I=(0,ye.useRef)(x);I.current=x;let N=(0,ye.useCallback)(L=>{v(g=>g.map(P=>P.id===L?{...P,exiting:!0}:P)),I.current.find(g=>g.id===L)?.options.onClose?.()},[]),z=(0,ye.useCallback)(L=>{let g=S.current.shift()??null;v(P=>{let H=P.filter(l=>l.id!==L);if(!g)return H;let B=Tn(g.rawOpts,n,o);return[...H,{id:g.id,message:g.message,options:B,exiting:!1}]})},[n,o]);if((0,ye.useEffect)(()=>{if(w)return;let L=g=>{if(g.kind==="show"){let P=Tn(g.rawOpts,n,o),H={id:g.id,message:g.message,options:P,exiting:!1},B={id:g.id,message:g.message,rawOpts:g.rawOpts};v(l=>l.find(j=>j.id===g.id)?l.map(j=>j.id===g.id?{...j,message:g.message,options:P}:j):l.filter(j=>!j.exiting).length<t?[...l,H]:(S.current.some(j=>j.id===B.id)||S.current.push(B),l))}else g.kind==="update"?(v(P=>P.map(H=>{if(H.id!==g.id)return H;let B={...H.options,...g.patch,id:H.id};return{...H,message:g.message,options:B}})),S.current=S.current.map(P=>P.id!==g.id?P:{...P,message:g.message,rawOpts:{...P.rawOpts,...g.patch}})):g.kind==="dismiss"&&(g.id===void 0?(v(P=>P.map(H=>({...H,exiting:!0}))),S.current=[]):I.current.some(H=>H.id===g.id)?N(g.id):S.current=S.current.filter(H=>H.id!==g.id))};return Le.subscribe(L),()=>Le.unsubscribe(L)},[w,t,n,o,N]),(0,ye.useEffect)(()=>{if(!w)return;let L=g=>{if(g.kind==="show"){let P=Tn(g.rawOpts,n,o);w.show(g.id,g.message,P)}else g.kind==="update"?w.update(g.id,g.message,g.patch):g.kind==="dismiss"&&w.dismiss(g.id)};return Le.subscribe(L),()=>Le.unsubscribe(L)},[w,n,o]),w){if(!w.Container)return null;let L=w.Container;return(0,Sn.createPortal)((0,ue.jsx)(L,{position:e}),document.body)}let d=e.endsWith("left"),E="";k===!0&&(E="rdd-toast-container--newest-top"),k===!1&&(E="rdd-toast-container--newest-bottom");let R=["rdd-toast-container",`rdd-toast-container--${e}`,E].filter(Boolean).join(" ");return(0,Sn.createPortal)((0,ue.jsx)("div",{className:R,style:{width:T},"aria-label":"Notifications","aria-live":"polite",children:x.map(L=>(0,ue.jsx)(br,{id:L.id,message:L.message,options:L.options,exiting:L.exiting,isLeft:d,showProgress:b,pauseOnHover:f,animation:s,onDismiss:N,onExited:z},L.id))}),document.body)}var V=fn(require("react"),1),wo=require("react-dom");var Q=require("react/jsx-runtime"),vr=["top-left","top-right","bottom-left","bottom-right"],Ro=(0,V.createContext)(null),Mo=(0,V.createContext)(null),To=(0,V.createContext)(null),Je=80;function yr(e,t,n){let o=e.getBoundingClientRect(),f=t-o.left,s=n-o.top;return f<Je&&s<Je?"top-left":f>o.width-Je&&s<Je?"top-right":f<Je&&s>o.height-Je?"bottom-left":f>o.width-Je&&s>o.height-Je?"bottom-right":null}function So({children:e,className:t,style:n}){let[o,f]=(0,V.useState)({}),[s,k]=(0,V.useState)({}),[b,T]=(0,V.useState)({"top-left":[],"top-right":[],"bottom-left":[],"bottom-right":[]}),[w,x]=(0,V.useState)({}),[v,S]=(0,V.useState)(null),[I,N]=(0,V.useState)(null),[z,d]=(0,V.useState)(null),[E,R]=(0,V.useState)(()=>new Map),L=(0,V.useRef)(100),g=(0,V.useRef)(null),P=(0,V.useCallback)(($,O)=>(f(_=>({..._,[$]:O})),()=>f(_=>{let q={..._};return delete q[$],q})),[]),H=(0,V.useCallback)($=>{L.current+=1;let O=L.current;k(_=>({..._,[$]:O})),d($)},[]),B=(0,V.useCallback)(($,O)=>{T(_=>{let q={"top-left":_["top-left"].filter(Y=>Y!==$),"top-right":_["top-right"].filter(Y=>Y!==$),"bottom-left":_["bottom-left"].filter(Y=>Y!==$),"bottom-right":_["bottom-right"].filter(Y=>Y!==$)};return q[O]=[...q[O],$],q})},[]),l=(0,V.useCallback)($=>{T(O=>({"top-left":O["top-left"].filter(_=>_!==$),"top-right":O["top-right"].filter(_=>_!==$),"bottom-left":O["bottom-left"].filter(_=>_!==$),"bottom-right":O["bottom-right"].filter(_=>_!==$)}))},[]),D=(0,V.useCallback)(($,O)=>{x(_=>_[$]===O?_:{..._,[$]:O})},[]),X=(0,V.useCallback)(($,O)=>{R(_=>{let q=new Map(_);return q.set($,O),q})},[]),j=(0,V.useCallback)($=>{R(O=>{let _=new Map(O);return _.delete($),_})},[]),U=(0,V.useCallback)(()=>{R(new Map)},[]),pe=(0,V.useMemo)(()=>Array.from(E.keys()),[E]),ee=(0,V.useMemo)(()=>({registerToolbar:P,insetTop:o.top??0,insetBottom:o.bottom??0}),[P,o]),he=(0,V.useMemo)(()=>({managedWindowIds:pe,openManaged:X,closeManaged:j,closeAllManaged:U}),[pe,X,j,U]),le=(0,V.useMemo)(()=>({topId:z,zOrders:s,focusWindow:H,containerRef:g,stacks:b,dockedSizes:w,dockWindow:B,undockWindow:l,reportDockedSize:D,draggingId:v,setDraggingId:S,hoveredZone:I,setHoveredZone:N,insetTop:o.top??0,insetBottom:o.bottom??0}),[z,s,H,b,w,B,l,D,v,I,o]);return(0,Q.jsx)(Ro.Provider,{value:ee,children:(0,Q.jsx)(Mo.Provider,{value:he,children:(0,Q.jsx)(To.Provider,{value:le,children:(0,Q.jsxs)("div",{ref:g,className:`rdd-panel-overlay-root${v!==null?" rdd-dragging-active":""}${t?" "+t:""}`,style:n,children:[e,v!==null&&(0,Q.jsx)(Pr,{hoveredZone:I}),Array.from(E.entries()).map(([$,O])=>(0,Q.jsx)(In,{id:$,title:O.title,icon:O.icon,open:!0,onClose:()=>j($),defaultAnchor:O.anchor??"top-right",defaultWidth:O.width??320,defaultHeight:O.height??240,children:O.content},$))]})})})})}function Pr({hoveredZone:e}){return(0,Q.jsx)(Q.Fragment,{children:vr.map(t=>(0,Q.jsx)("div",{className:`rdd-panel-float-dropzone rdd-panel-float-dropzone--${t}${e===t?" rdd-panel-float-dropzone--hovered":""}`,"aria-hidden":"true"},t))})}function ko({position:e,variant:t="transparent",buttonVariant:n="ghost",buttonSize:o,style:f,className:s,children:k}){let b=(0,V.useContext)(Ro),T=(0,V.useRef)(null),w=(0,V.useRef)(null);(0,V.useLayoutEffect)(()=>{let N=T.current;if(!N||!b)return;let z=e==="top"||e==="bottom"?N.offsetHeight:N.offsetWidth;return w.current?.(),w.current=b.registerToolbar(e,z),()=>{w.current?.(),w.current=null}},[e,b?.registerToolbar]);let x={position:"absolute",zIndex:5,pointerEvents:"none",boxSizing:"border-box"};e==="top"?(x.top=0,x.left=0,x.right=0):e==="bottom"?(x.bottom=0,x.left=0,x.right=0):e==="left"?(x.insetInlineStart=0,x.top=b?.insetTop??0,x.bottom=b?.insetBottom??0):(x.insetInlineEnd=0,x.top=b?.insetTop??0,x.bottom=b?.insetBottom??0);let S=e==="left"||e==="right"?{...(b?.insetTop??0)>0?{paddingTop:0}:{},...(b?.insetBottom??0)>0?{paddingBottom:0}:{}}:{},I=o!=null?{"--rdd-panel-toolbar-btn-size":`${o}px`}:{};return(0,Q.jsx)("div",{ref:T,className:`rdd-panel-toolbar rdd-panel-toolbar--${e}${s?" "+s:""}`,"data-variant":t,"data-btn-variant":n,style:{...x,...S,...I,...f},children:k})}function Io({icon:e,onClick:t,disabled:n,title:o,variant:f}){return(0,Q.jsx)("button",{type:"button",className:"rdd-panel-toolbar-btn",onClick:t,disabled:n,title:o,"aria-label":o,...f?{"data-variant":f}:{},children:e})}function Eo({icon:e,active:t,onToggle:n,disabled:o,title:f,variant:s}){return(0,Q.jsx)("button",{type:"button",className:`rdd-panel-toolbar-btn${t?" rdd-panel-toolbar-btn--active":""}`,onClick:n,disabled:o,title:f,"aria-label":f,"aria-pressed":t,...s?{"data-variant":s}:{},children:e})}function Lo(){return(0,Q.jsx)("span",{className:"rdd-panel-toolbar__sep","aria-hidden":"true"})}function zo(){return(0,Q.jsx)("span",{className:"rdd-panel-toolbar__spacer","aria-hidden":"true"})}function No({children:e}){return(0,Q.jsx)("span",{className:"rdd-panel-toolbar__item",children:e})}function Do({children:e}){return(0,Q.jsx)("div",{className:"rdd-panel-toolbar__center",children:e})}function Wo({placeholder:e="Search\u2026",onSearch:t,onSelect:n}){let[o,f]=(0,V.useState)(!1),[s,k]=(0,V.useState)(""),[b,T]=(0,V.useState)([]),[w,x]=(0,V.useState)(null),v=(0,V.useRef)(null),S=(0,V.useRef)(null),I=(0,V.useRef)(null),N=(0,V.useRef)(null),z=()=>{f(!0),setTimeout(()=>S.current?.focus(),0)},d=()=>{f(!1),k(""),T([]),x(null),I.current?.abort(),N.current&&clearTimeout(N.current)},E=B=>{let l=B.target.value;if(k(l),I.current?.abort(),N.current&&clearTimeout(N.current),!l.trim()){T([]),x(null);return}N.current=setTimeout(async()=>{let D=new AbortController;I.current=D;try{let X=await t(l,D.signal);if(!D.signal.aborted){T(X);let j=v.current;if(j&&X.length>0){let U=j.getBoundingClientRect(),pe=Math.max(U.width,240),ee=U.left;ee+pe>window.innerWidth-8&&(ee=window.innerWidth-pe-8),x({top:U.bottom+4,left:ee,width:pe})}else x(null)}}catch{}},300)},R=B=>{n(B),d()},L=B=>{v.current?.contains(B.relatedTarget)||d()},g=B=>{B.key==="Escape"&&d()},P=(0,V.useMemo)(()=>{let B={};for(let l of b){let D=l.group??"";B[D]||(B[D]=[]),B[D].push(l)}return B},[b]),H=(0,Q.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,Q.jsx)("circle",{cx:"6.5",cy:"6.5",r:"4.5"}),(0,Q.jsx)("line",{x1:"10",y1:"10",x2:"14",y2:"14"})]});return o?(0,Q.jsxs)("div",{ref:v,className:"rdd-panel-toolbar-search rdd-panel-toolbar-search--open",onBlur:L,children:[(0,Q.jsx)("button",{type:"button",className:"rdd-panel-toolbar-btn",onClick:d,"aria-label":"Close search",title:"Close search",children:H}),(0,Q.jsx)("input",{ref:S,className:"rdd-panel-toolbar-search__input",type:"text",value:s,onChange:E,onKeyDown:g,placeholder:e,autoComplete:"off"}),w&&b.length>0&&(0,wo.createPortal)((0,Q.jsx)("div",{className:"rdd-panel-toolbar-search__dropdown",style:{position:"fixed",top:w.top,left:w.left,width:w.width,zIndex:9502},onMouseDown:B=>B.preventDefault(),children:Object.entries(P).map(([B,l])=>(0,Q.jsxs)(V.default.Fragment,{children:[B&&(0,Q.jsx)("div",{className:"rdd-panel-toolbar-search__group",children:B}),l.map(D=>(0,Q.jsxs)("button",{type:"button",className:"rdd-panel-toolbar-search__item",onClick:()=>R(D),children:[D.icon&&(0,Q.jsx)("span",{className:"rdd-panel-toolbar-search__item-icon",children:D.icon}),(0,Q.jsx)("span",{className:"rdd-panel-toolbar-search__item-label",children:D.label}),D.description&&(0,Q.jsx)("span",{className:"rdd-panel-toolbar-search__item-desc",children:D.description})]},D.id))]},B||"__default__"))}),document.body)]}):(0,Q.jsx)("div",{ref:v,className:"rdd-panel-toolbar-search",children:(0,Q.jsx)("button",{type:"button",className:"rdd-panel-toolbar-btn",onClick:z,title:"Search","aria-label":"Search",children:H})})}function In(e){let t=(0,V.useContext)(To);return e.open?(0,Q.jsx)(Rr,{ctx:t,...e},e.id):null}var xr=120,Cr=60,Co=8,wr=8;function Rr({id:e,title:t,icon:n,defaultAnchor:o,defaultWidth:f,defaultHeight:s,children:k,ctx:b,onClose:T}){let w=(0,V.useContext)(Pt)?.isRtl??!1,[x,v]=(0,V.useState)("docked"),[S,I]=(0,V.useState)(o),[N,z]=(0,V.useState)(null),[d,E]=(0,V.useState)({w:f,h:s}),R=(0,V.useRef)(null),L=(0,V.useRef)(x);L.current=x;let g=(0,V.useRef)(N);g.current=N;let P=(0,V.useRef)(d);P.current=d;let H=(0,V.useRef)(null);(0,V.useLayoutEffect)(()=>(b?.dockWindow(e,o),()=>{b?.undockWindow(e)}),[]),(0,V.useEffect)(()=>{b?.reportDockedSize(e,d.h)},[d.h]);let B=b?.zOrders[e]??101,l=!b||b.topId===e,D=()=>{let $=R.current?.offsetParent;return{cw:$?.clientWidth??9999,ch:$?.clientHeight??9999}},X=()=>{b?.focusWindow(e)},j=$=>{if($.button!==0)return;$.preventDefault();let O,_;if(L.current==="docked"){let q=R.current,Y=b?.containerRef?.current;if(q&&Y){let ne=q.getBoundingClientRect(),me=Y.getBoundingClientRect();O=ne.left-me.left,_=ne.top-me.top}else O=Co,_=b?.insetTop??0;b?.undockWindow(e),v("free"),z({x:O,y:_})}else O=g.current?.x??0,_=g.current?.y??0;H.current={mouseX:$.clientX,mouseY:$.clientY,posX:O,posY:_,hasDragged:!1},R.current?.setPointerCapture($.pointerId)},U=$=>O=>{if(O.button!==0)return;O.preventDefault(),O.stopPropagation();let _=0,q=0;if(L.current==="free")_=g.current?.x??0,q=g.current?.y??0;else{let ne=R.current,me=ne?.offsetParent;if(ne&&me){let ve=ne.getBoundingClientRect(),ze=me.getBoundingClientRect();_=ve.left-ze.left,q=ve.top-ze.top}}let Y={x:_,y:q,w:P.current.w,h:P.current.h};$e({element:O.currentTarget,pointerId:O.pointerId,startClientX:O.clientX,startClientY:O.clientY,captureStart:()=>Y,onMove:(ne,me,ve)=>{let{cw:ze,ch:Fe}=D(),{x:Ne,y:Oe,w:Qe,h:et}=Mt($,ne,me,ve,{minW:xr,minH:Cr,maxW:ze-ve.x,maxH:Fe-ve.y,minX:0,minY:0});E({w:Qe,h:et}),L.current==="free"&&z({x:Ne,y:Oe})}})},pe=$=>{if(H.current){let O=H.current;if(!O.hasDragged){if(Math.abs($.clientX-O.mouseX)+Math.abs($.clientY-O.mouseY)<4)return;O.hasDragged=!0,b?.setDraggingId(e)}let{cw:_,ch:q}=D(),Y=Math.max(0,Math.min(O.posX+$.clientX-O.mouseX,_-P.current.w)),ne=Math.max(0,Math.min(O.posY+$.clientY-O.mouseY,q-P.current.h));z({x:Y,y:ne});let me=b?.containerRef?.current;if(me){let ve=yr(me,$.clientX,$.clientY);b?.setHoveredZone(ve&&w?Ot(ve):ve)}}},ee=()=>{if(H.current){let $=b?.hoveredZone;$&&(b?.dockWindow(e,$),I($),v("docked"),z(null)),b?.setHoveredZone(null),b?.setDraggingId(null)}H.current=null},he;if(x==="docked"&&b){let $=b.stacks[S]??[],O=$.indexOf(e),_=0;for(let q=0;q<O;q++)_+=(b.dockedSizes[$[q]]??s)+wr;he={width:d.w,height:d.h,zIndex:B,transition:"top 0.2s ease, bottom 0.2s ease",opacity:O===-1?0:void 0,pointerEvents:O===-1?"none":void 0},he[S.endsWith("-right")?"insetInlineEnd":"insetInlineStart"]=Co,S.startsWith("top-")?he.top=b.insetTop+_:he.bottom=b.insetBottom+_}else he={left:N?.x??0,top:N?.y??0,width:d.w,height:d.h,zIndex:B};return(0,Q.jsxs)("div",{ref:R,dir:w?"rtl":"ltr",className:`rdd-panel-float${l?" rdd-panel-float--active":""}`,style:he,onPointerDown:X,onPointerMove:pe,onPointerUp:ee,children:[(0,Q.jsxs)("div",{className:"rdd-panel-float__header",onPointerDown:j,children:[n&&(0,Q.jsx)("span",{className:"rdd-panel-float__icon",children:n}),(0,Q.jsx)("span",{className:"rdd-panel-float__title",children:t}),(0,Q.jsx)("button",{type:"button",className:"rdd-panel-float__close",onClick:T,onPointerDown:$=>$.stopPropagation(),title:"Close","aria-label":"Close",children:(0,Q.jsxs)("svg",{width:"8",height:"8",viewBox:"0 0 10 10",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",children:[(0,Q.jsx)("line",{x1:"1",y1:"1",x2:"9",y2:"9"}),(0,Q.jsx)("line",{x1:"9",y1:"1",x2:"1",y2:"9"})]})})]}),(0,Q.jsx)("div",{className:"rdd-panel-float__body",children:k}),x==="free"&&(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)("div",{className:"rdd-resize-handle rdd-resize-n",onPointerDown:U("n")}),(0,Q.jsx)("div",{className:"rdd-resize-handle rdd-resize-ne",onPointerDown:U("ne")}),(0,Q.jsx)("div",{className:"rdd-resize-handle rdd-resize-nw",onPointerDown:U("nw")})]}),(0,Q.jsx)("div",{className:"rdd-resize-handle rdd-resize-e",onPointerDown:U("e")}),(0,Q.jsx)("div",{className:"rdd-resize-handle rdd-resize-se",onPointerDown:U("se")}),(0,Q.jsx)("div",{className:"rdd-resize-handle rdd-resize-s",onPointerDown:U("s")}),(0,Q.jsx)("div",{className:"rdd-resize-handle rdd-resize-sw",onPointerDown:U("sw")}),(0,Q.jsx)("div",{className:"rdd-resize-handle rdd-resize-w",onPointerDown:U("w")})]})}function Oo(){let[e,t]=(0,V.useState)(!1),n=(0,V.useCallback)(()=>{t(!0)},[]),o=(0,V.useCallback)(()=>{t(!1)},[]);return{isOpen:e,open:n,close:o}}var Mr=[];function Ao(){let e=(0,V.useContext)(Mo),t=e?.managedWindowIds??Mr;return(0,V.useMemo)(()=>({open:(n,o)=>e?.openManaged(n,o),close:n=>e?.closeManaged(n),closeAll:()=>e?.closeAllManaged(),isOpen:n=>t.includes(n),openIds:t}),[e,t])}0&&(module.exports={ConfirmationForm,ContextMenu,ContextMenuProvider,DefaultContextMenuAdapter,DockableDesktopProvider,FormContainerContext,FormContainerProvider,LeftPanelRenderer,ModalStackRenderer,PanelContributionProvider,PanelFloatingWindow,PanelOverlayRoot,PanelProvider,PanelRegistry,PanelRegistryClass,PanelToolbar,PanelToolbarItem,PanelToolbarSeparator,RightPanelRenderer,SidePanelRenderer,Sidebar,ToastContainer,Toolbar,ToolbarButton,ToolbarCenter,ToolbarProvider,ToolbarSearchInput,ToolbarSpacer,ToolbarToggle,WindowManager,WindowManagerProvider,WorkspaceClient,computeResizedRect,defaultPredefinedMessages,formatLabel,isSerializable,sidebarSectionToTab,startPointerDrag,toast,useActivePanelContribution,useColorScheme,useFormContainer,useFormatMessage,useMergedSidebarTabs,useMergedToolbarItems,usePanelActions,usePanelContext,usePanelContextMenu,usePanelContribution,usePanelFloatingWindow,usePanelFloatingWindowManager,usePanelId,usePanelSize,usePanelState,usePredefinedMessages,useRegistry,useShowContextMenu,useSidebar,useSidebarTab,useStyleClasses,useToolbar,useWindowManagerActions,useWindowManagerState});
24
24
  //# sourceMappingURL=index.cjs.map