From 910462535344e8e4f2f29288d3e899db4e924873 Mon Sep 17 00:00:00 2001
From: mARTin-B78 <mail@martin-bierschenk.de>
Date: Mon, 11 May 2026 08:56:31 +0200
Subject: [PATCH] fix: true mutual exclusion for left rail vs header toolbar;
 fix rail bottom icons
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. Header left-section (view switcher, days, slot) is now display:none when
   in left-rail mode — previously it was opacity-0 on hover so both were
   visible simultaneously.

2. Left rail bottom now has two distinct buttons:
   - ⚙ Settings (cogwheel) → opens full SettingsSidebar
   - 👤 User → opens UserMenu (same as header avatar, with profile/sign-out)
   Previously a single User icon opened the settings instead.

v1.106.2
---
 package.json                  |  2 +-
 src/components/WeeklyView.tsx | 12 +++++++++---
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 8bd930c..f994ea8 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "my-weekly-todo-list",
-  "version": "1.106.1",
+  "version": "1.106.2",
   "description": "A web-based weekly task management application that organizes to-dos and calendar events in a single, intuitive weekly view",
   "main": "index.js",
   "scripts": {
diff --git a/src/components/WeeklyView.tsx b/src/components/WeeklyView.tsx
index f58f302..3bb438a 100644
--- a/src/components/WeeklyView.tsx
+++ b/src/components/WeeklyView.tsx
@@ -5933,8 +5933,14 @@ export default function WeeklyView() {
                             <button onClick={() => setDarkMode(!darkMode)} style={{ ...railIconBtnStyle }} title={darkMode ? "Light Mode" : "Dark Mode"}>{darkMode ? <Sun size={15} /> : <Moon size={15} />}</button>
                             <div style={{ flex: 1 }} />
                             {railSep}
-                            {/* Settings / User at bottom */}
-                            <button onClick={() => setShowSettings(true)} style={{ ...railIconBtnStyle }} title={profile.language === "de" ? "Einstellungen" : "Settings"}><User size={15} /></button>
+                            {/* Settings (cogwheel) + User menu at bottom */}
+                            <button onClick={() => setShowSettings(true)} style={{ ...railIconBtnStyle }} title={profile.language === "de" ? "Einstellungen" : "Settings"}><Settings size={15} /></button>
+                            <UserMenu
+                                userEmail={session?.user?.email}
+                                onOpenSettings={() => setShowSettings(true)}
+                                language={profile.language}
+                                trigger={<button style={{ ...railIconBtnStyle }} title={profile.language === "de" ? "Benutzerprofil" : "User profile"}><User size={15} /></button>}
+                            />
                         </div>
                     )}
                 </div>
@@ -6080,7 +6086,7 @@ export default function WeeklyView() {
             {/* Desktop Header: Left, Center, Right */}
             <header className="group relative flex items-center justify-between w-full px-4 py-1.5 border-b bg-white dark:bg-gray-900 dark:text-white transition-colors duration-200" style={isMobile ? { display: "none" } : { borderBottomColor: 'var(--line)' }}>
                 {/* LEFT SECTION: View Switcher, Days, Hours, Slot Duration — only shown in top-toolbar mode */}
-                <div className={`weekly-header-controls flex items-center gap-4 ${useLeftRail ? "transition-opacity duration-700 opacity-0 group-hover:opacity-100" : ""}`} style={{ zIndex: 1, ...(showIntroHints ? { opacity: 1 } : {}) }}>
+                <div className="weekly-header-controls flex items-center gap-4" style={{ zIndex: 1, display: useLeftRail ? "none" : undefined, ...(showIntroHints ? { opacity: 1 } : {}) }}>
                     {/* Quick-settings button (top mode only) */}
                     {!useLeftRail && (
                         <button