there is no way to make the side panel expand again if minimized

index.html

@@ -53,7 +53,7 @@
                 <button id="toggle-filesystem" class="p-1 rounded hover:bg-gray-700">
                     <i data-feather="chevron-left"></i>
                 </button>
-            </div>
+</div>
             <div class="p-2">
                 <button class="w-full flex items-center gap-2 p-2 rounded hover:bg-gray-700 text-primary-300">
                     <i data-feather="plus" class="w-4 h-4"></i>
@@ -202,20 +202,23 @@
                 `;
             }
         }
-
         // Panel toggle functionality
         document.getElementById('toggle-filesystem').addEventListener('click', function() {
             const panel = document.getElementById('filesystem-panel');
-            panel.classList.toggle('w-64');
-            panel.classList.toggle('w-0');
-            panel.classList.toggle('p-0');
-            this.querySelector('i').setAttribute('data-feather', 
-                panel.classList.contains('w-64') ? 'chevron-left' : 'chevron-right'
-            );
+            const isExpanded = panel.classList.contains('w-64');
+            
+            if (isExpanded) {
+                panel.classList.remove('w-64');
+                panel.classList.add('w-0', 'overflow-hidden');
+                this.querySelector('i').setAttribute('data-feather', 'chevron-right');
+            } else {
+                panel.classList.remove('w-0', 'overflow-hidden');
+                panel.classList.add('w-64');
+                this.querySelector('i').setAttribute('data-feather', 'chevron-left');
+            }
             feather.replace();
         });
-
-        // Mobile menu toggle
+// Mobile menu toggle
         document.getElementById('mobile-menu').addEventListener('click', function() {
             const panel = document.getElementById('filesystem-panel');
             panel.classList.toggle('hidden');