fix right side panel initial state

Author: Aniket-Engg

apps/remix-ide/src/app/components/right-side-panel.tsx

@@ -39,8 +39,19 @@ export class RightSidePanel extends AbstractPanel {
       }
     })
 
+    // Initialize isHidden state from localStorage
     const rightSidePanelState = window.localStorage.getItem('rightSidePanelState')
-    if (!rightSidePanelState) window.localStorage.setItem('rightSidePanelState', JSON.stringify({}))
+    if (rightSidePanelState) {
+      try {
+        const state = JSON.parse(rightSidePanelState)
+        this.isHidden = state.isHidden || false
+      } catch (e) {
+        this.isHidden = false
+      }
+    } else {
+      this.isHidden = false
+      window.localStorage.setItem('rightSidePanelState', JSON.stringify({}))
+    }
   }
 
   async pinView (profile, view) {
@@ -114,6 +125,14 @@ export class RightSidePanel extends AbstractPanel {
       this.emit('rightSidePanelHidden')
       this.events.emit('rightSidePanelHidden')
     }
+    // Persist the hidden state to localStorage
+    const activePlugin = this.currentFocus()
+    if (activePlugin && this.plugins[activePlugin]) {
+      const profile = this.plugins[activePlugin].profile
+      window.localStorage.setItem('rightSidePanelState', JSON.stringify({ pluginProfile: profile, isHidden: this.isHidden }))
+    }
+    // Re-render to update the toggle icon
+    this.renderComponent()
   }
 
   isPanelHidden() {

libs/remix-ui/app/src/lib/remix-app/remix-app.tsx

@@ -152,6 +152,14 @@ const RemixApp = (props: IRemixAppUi) => {
       props.app.rightSidePanel.events.on('pinnedPlugin', (profile, isHidden) => {
         if (!isHidden) setHidePinnedPanel(false)
       })
+
+      props.app.rightSidePanel.events.on('rightSidePanelShown', () => {
+        setHidePinnedPanel(false)
+      })
+
+      props.app.rightSidePanel.events.on('rightSidePanelHidden', () => {
+        setHidePinnedPanel(true)
+      })
     }
 
     setInterval(() => {