From 18748084705dc48994b7378217e0df1e8bfbfe3f Mon Sep 17 00:00:00 2001
From: Guilhem <guilhemlemouel@gmail.com>
Date: Mon, 19 Oct 2026 23:16:37 +0200
Subject: [PATCH] fix: align sidebar home with the header when ai sessions is
 off (#11882)

* fix: align sidebar home with the header when ai sessions is off

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>

* refactor: share the sidebar switch row condition

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 frontend/src/routes/(root)/(logged)/+layout.svelte | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/src/routes/(root)/(logged)/+layout.svelte b/frontend/src/routes/(root)/(logged)/+layout.svelte
index 3fe47a74fc..3084d7dfc2 100644
--- a/frontend/src/routes/(root)/(logged)/+layout.svelte
+++ b/frontend/src/routes/(root)/(logged)/+layout.svelte
@@ -331,6 +331,8 @@
 	const sessionsSwitchShown = $derived(
 		globalAiEnabled && sessionsAllowed && !$copilotInfo.workspaceDisabled
 	)
+	// The rail's top row; the nav below it pads to the page header's height when it is absent.
+	const switchRowShown = $derived(!embedded && sessionsSwitchShown)
 	const askAiShown = $derived(
 		(!globalAiEnabled || !sessionsAllowed) && !$copilotInfo.workspaceDisabled
 	)
@@ -1255,7 +1257,7 @@ outside this layout, and their shortcut must reopen the URL that is their creden
 		<!-- Top row: the workspace ⇄ sessions switch, level with the page header's own
 		     row so the two read as one band. The workspace picker itself lives in that
 		     header, which is why nothing names the workspace here. -->
-		{#if !embedded && sessionsSwitchShown}
+		{#if switchRowShown}
 			<div
 				class="flex-shrink-0 px-2 gap-1 flex {collapsed
 					? 'flex-col items-center py-2'
@@ -1284,8 +1286,10 @@ outside this layout, and their shortcut must reopen the URL that is their creden
 			     Search / workspace items / instance settings) are spaced by the
 			     scroll area's gap rather than each scrolling on its own. -->
 			<SidebarScrollArea color={darkMode ? SIDEBAR_BG_DARK : SIDEBAR_BG}>
-				<!-- Section 1: Home/Runs + Favorites + Search -->
-				<div class="px-2 pt-1 flex flex-col gap-1">
+				<!-- Section 1: Home/Runs + Favorites + Search. Without the switch row above,
+				     Home is the top row and pt-2 centers its h-8 in the page header's h-12
+				     beside the docked rail. -->
+				<div class="px-2 flex flex-col gap-1 {switchRowShown ? 'pt-1' : 'pt-2'}">
 					{@render quickLinks(collapsed)}
 					<Menubar class="flex flex-col gap-1">
 						{#snippet children({ createMenu })}