From 4d8a58b547f5719d7f3f2a1038e9de86321d4ca2 Mon Sep 17 00:00:00 2001
From: matteoscrugli <ma.scrugli@gmail.com>
Date: Mon, 15 Dec 2025 21:29:17 +0100
Subject: [PATCH] Add auto-collapse on mouse leave for toggle sidebar mode
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

In toggle mode, sidebar now collapses automatically when mouse
leaves the sidebar area (after being expanded by click).

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 frontend/src/components/Sidebar.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend/src/components/Sidebar.tsx b/frontend/src/components/Sidebar.tsx
index c625f5c..4874d47 100644
--- a/frontend/src/components/Sidebar.tsx
+++ b/frontend/src/components/Sidebar.tsx
@@ -101,6 +101,10 @@ export default function Sidebar() {
   const handleMouseLeave = () => {
     hoverTimeoutRef.current = setTimeout(() => {
       setIsHovered(false);
+      // In toggle mode, collapse sidebar when mouse leaves (if expanded)
+      if (sidebarMode === 'toggle' && !isCollapsed && !isMobileOpen) {
+        toggleCollapse();
+      }
     }, 100);
   };