Summary

Enhanced the DraggablePanel component to intelligently handle panel state restoration when the viewport dimensions change between sessions. This prevents panels from being positioned off-screen or with incorrect dimensions after a browser resize.

Key Changes

• Viewport dimension tracking: Save window.innerWidth and window.innerHeight when persisting panel state to detect viewport changes on next load
• Smart resize detection: On mount, compare saved viewport dimensions with current dimensions to determine if a resize occurred
• Three-path restoration logic:
  • No viewport info (legacy saved state): Reset to initial position and save new state with viewport info
  • Viewport changed: Apply smart resize calculation using saved viewport as reference to proportionally adjust panel position and size
  • Viewport unchanged: Restore saved state directly with validation constraints
• Updated PanelState interface: Added optional savedViewportWidth and savedViewportHeight fields to track viewport at save time

Implementation Details

• The smart resize logic reuses the existing handleWindowResizeSmartly() function by temporarily setting prevViewportWidth and prevViewportHeight to the saved dimensions
• Maintains backward compatibility with existing saved states (gracefully handles missing viewport info)
• Ensures panels remain visible and properly constrained within the new viewport dimensions
• zIndex restoration is preserved across all restoration paths