From e402468fc74127e2fd8deaa37c8e3046dc68c7e2 Mon Sep 17 00:00:00 2001
From: Roo Code <roomote@roocode.com>
Date: Thu, 21 Aug 2025 23:16:25 +0000
Subject: [PATCH] fix: correct version indicator placement on welcome screen

- Moved VersionIndicator to be a direct child of the main welcome screen container
- This ensures proper absolute positioning relative to the entire welcome area
- Fixes layout issue where the version indicator was misaligned due to nested container positioning
---
 webview-ui/src/components/chat/ChatView.tsx | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/webview-ui/src/components/chat/ChatView.tsx b/webview-ui/src/components/chat/ChatView.tsx
index 5bc0715e25..1721424d84 100644
--- a/webview-ui/src/components/chat/ChatView.tsx
+++ b/webview-ui/src/components/chat/ChatView.tsx
@@ -1814,6 +1814,16 @@ const ChatViewComponent: React.ForwardRefRenderFunction<ChatViewRef, ChatViewPro
 				</>
 			) : (
 				<div className="flex-1 min-h-0 overflow-y-auto flex flex-col gap-4 relative">
+					{/* Version indicator in top-right corner - only on welcome screen */}
+					<VersionIndicator
+						onClick={() => {
+							setShowAnnouncementModal(true)
+							onVersionIndicatorClick?.()
+						}}
+						showBadge={hasNewAnnouncement}
+						className="absolute top-2 right-3 z-10"
+					/>
+
 					{/* Moved Task Bar Header Here */}
 					{tasks.length !== 0 && (
 						<div className="flex text-vscode-descriptionForeground w-full mx-auto px-5 pt-3">
@@ -1829,16 +1839,6 @@ const ChatViewComponent: React.ForwardRefRenderFunction<ChatViewRef, ChatViewPro
 					)}
 					<div
 						className={` w-full flex flex-col gap-4 m-auto ${isExpanded && tasks.length > 0 ? "mt-0" : ""} px-3.5 min-[370px]:px-10 pt-5 transition-all duration-300`}>
-						{/* Version indicator in top-right corner - only on welcome screen */}
-						<VersionIndicator
-							onClick={() => {
-								setShowAnnouncementModal(true)
-								onVersionIndicatorClick?.()
-							}}
-							showBadge={hasNewAnnouncement}
-							className="absolute top-2 right-3 z-10"
-						/>
-
 						<RooHero />
 						{telemetrySetting === "unset" && <TelemetryBanner />}