Upgrade react-resizable-panels (#16321)

GitOrigin-RevId: 524257c441fc98ffc0e3da6f1e703ebdfbfbffb7

services/web/frontend/js/features/ide-react/components/layout/main-layout.tsx

@@ -65,7 +65,7 @@ export const MainLayout: FC = () => {
             id="panel-sidebar"
             order={1}
             defaultSize={10}
-            minSize={10}
+            minSize={5}
             maxSize={30}
             collapsible
             onCollapse={handleSidebarCollapse}
@@ -114,7 +114,7 @@ export const MainLayout: FC = () => {
                 id="panel-chat"
                 order={2}
                 defaultSize={20}
-                minSize={10}
+                minSize={5}
                 maxSize={30}
                 collapsible
                 onCollapse={handleChatCollapse}

services/web/frontend/js/features/ide-react/hooks/use-collapsible-panel.ts

@@ -5,29 +5,15 @@ export default function useCollapsiblePanel(
   panelIsOpen: boolean,
   panelRef: RefObject<ImperativePanelHandle>
 ) {
-  // store the expanded height in localStorage when collapsing,
-  // so it can be restored when expanding after reloading the page
+  // collapse the panel when it is toggled closed (including on initial layout)
   useEffect(() => {
     const panelHandle = panelRef.current
 
     if (panelHandle) {
-      const storageKey = `ide-panel.expanded-size.${panelHandle.getId()}`
-      if (!panelIsOpen) {
-        // collapsing, so store the current size if > 0
-        const size = panelHandle.getSize()
-        if (size > 0) {
-          localStorage.setItem(storageKey, String(size))
-        }
-
-        panelHandle.collapse()
+      if (panelIsOpen) {
+        panelHandle.expand()
       } else {
-        const storedKey = localStorage.getItem(storageKey)
-
-        if (storedKey) {
-          panelHandle.resize(Number(storedKey))
-        } else {
-          panelHandle.expand()
-        }
+        panelHandle.collapse()
       }
     }
   }, [panelIsOpen, panelRef])

services/web/package.json

@@ -332,7 +332,7 @@
     "react-i18next": "^13.3.1",
     "react-linkify": "^1.0.0-alpha",
     "react-refresh": "^0.14.0",
-    "react-resizable-panels": "^1.0.1",
+    "react-resizable-panels": "^1.0.3",
     "react2angular": "^4.0.6",
     "react2angular-shared-context": "^1.1.0",
     "requirejs": "^2.3.6",