Hyprland

src/workspaces/components/Workspace/WorkspaceRenderer.tsx

@@ -8,7 +8,7 @@ type WorkspaceRendererProps = {
   layout: LayoutNode;
   registry: AppRegistry;
   components?: PanelComponents;
-  editing: boolean;
+  interactive?: boolean;
   onSetApp: (panelId: string, appType: string | null) => void;
   onSplit: (panelId: string, direction: 'horizontal' | 'vertical') => void;
   onRemove: (panelId: string) => void;
@@ -19,7 +19,7 @@ export const WorkspaceRenderer = ({
   layout,
   registry,
   components,
-  editing,
+  interactive = false,
   onSetApp,
   onSplit,
   onRemove,
@@ -33,7 +33,7 @@ export const WorkspaceRenderer = ({
         node={layout}
         registry={registry}
         components={components}
-        editing={editing}
+        interactive={interactive}
         totalPanels={totalPanels}
         onSetApp={onSetApp}
         onSplit={onSplit}
@@ -48,7 +48,7 @@ type LayoutNodeRendererProps = {
   node: LayoutNode;
   registry: AppRegistry;
   components?: PanelComponents;
-  editing: boolean;
+  interactive: boolean;
   totalPanels: number;
   onSetApp: (panelId: string, appType: string | null) => void;
   onSplit: (panelId: string, direction: 'horizontal' | 'vertical') => void;
@@ -65,7 +65,7 @@ const LayoutNodeRenderer = ({
   node,
   registry,
   components,
-  editing,
+  interactive,
   totalPanels,
   onSetApp,
   onSplit,
@@ -96,7 +96,7 @@ const LayoutNodeRenderer = ({
         panel={node}
         registry={registry}
         components={components}
-        editing={editing}
+        interactive={interactive}
         isLastPanel={totalPanels <= 1}
         onSetApp={onSetApp}
         onSplit={onSplit}
@@ -118,7 +118,7 @@ const LayoutNodeRenderer = ({
                 node={child.node}
                 registry={registry}
                 components={components}
-                editing={editing}
+                interactive={interactive}
                 totalPanels={totalPanels}
                 onSetApp={onSetApp}
                 onSplit={onSplit}
@@ -133,16 +133,16 @@ const LayoutNodeRenderer = ({
   }
 
   return (
-    <ResizablePanelGroup direction={node.direction} onLayout={handleLayout} className="h-full w-full">
+    <ResizablePanelGroup id={node.id} direction={node.direction} onLayout={handleLayout} className="h-full w-full">
       {node.children.map((child, i) => (
         <ChildEntry key={child.node.id} index={i} total={node.children.length}>
-          <ResizablePanel defaultSize={child.size} minSize={5}>
+          <ResizablePanel id={child.node.id} order={i} defaultSize={child.size} minSize={5}>
             <div className="h-full w-full">
               <LayoutNodeRenderer
                 node={child.node}
                 registry={registry}
                 components={components}
-                editing={editing}
+                interactive={interactive}
                 totalPanels={totalPanels}
                 onSetApp={onSetApp}
                 onSplit={onSplit}