Feature Idea: Infinite Canvas Grid Layout + Borderless Workspac

[2233admin]

Problem

OpenAlice's current UI uses react-resizable-panels for panel splitting, which is great for fixed-layout
dashboards. However, for more flexible workspace organization, we need drag-and-drop grid layout with
infinite canvas support.

Proposed Solution

Integrate react-grid-layout for a Pinterest-style infinite canvas where users can:

• Drag and rearrange widgets freely
• Resize widgets by dragging corners
• Save/restore custom layouts
• Create multiple named workspaces

Comparison
┌────────────────────┬──────────────────┬────────────────────────┐
│ Feature │ Panels (current) │ Grid Layout (proposed) │
├────────────────────┼──────────────────┼────────────────────────┤
│ Drag to rearrange │ ❌ │ ✅ │
├────────────────────┼──────────────────┼────────────────────────┤
│ Free positioning │ ❌ │ ✅ │
├────────────────────┼──────────────────┼────────────────────────┤
│ Responsive │ ✅ │ ✅ │
├────────────────────┼──────────────────┼────────────────────────┤
│ Layout persistence │ Manual │ ✅ Built-in │
└────────────────────┴──────────────────┴────────────────────────┘

Implementation Notes

• Use zustand to persist layout state
• Support multiple named workspaces
• Add "Reset to default" option

Priority

Medium - enhances UX but not blocking for core trading functionality.