From c2d8f2ea1ab1389fd28281e7605cbe890a338f24 Mon Sep 17 00:00:00 2001
From: WenjingWang <jingnvx@outlook.com>
Date: Tue, 17 Mar 2026 09:34:56 +0100
Subject: [PATCH 1/2] feat: hide sidebar on login page

---
 web/src/components/layout/LayoutShell.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/web/src/components/layout/LayoutShell.tsx b/web/src/components/layout/LayoutShell.tsx
index baafa158..285b22cb 100644
--- a/web/src/components/layout/LayoutShell.tsx
+++ b/web/src/components/layout/LayoutShell.tsx
@@ -9,10 +9,12 @@ export function LayoutShell({ children }: { children: React.ReactNode }) {
   const [collapsed, setCollapsed] = useState(true)
   const pathname = usePathname()
   const isAgentBoardFocusPage = pathname.startsWith("/studio/agent-board/")
+  const isAuthPage = pathname === "/login"
+  const hideSidebar = isAgentBoardFocusPage || isAuthPage
 
   return (
     <div className="flex min-h-screen">
-      {!isAgentBoardFocusPage && (
+      {!hideSidebar && (
         <aside
           className={cn(
             "fixed inset-y-0 z-50 hidden flex-col border-r bg-background transition-all duration-200 md:flex",
@@ -25,7 +27,7 @@ export function LayoutShell({ children }: { children: React.ReactNode }) {
       <main
         className={cn(
           "flex-1 transition-all duration-200",
-          !isAgentBoardFocusPage && (collapsed ? "md:pl-14" : "md:pl-56"),
+          !hideSidebar && (collapsed ? "md:pl-14" : "md:pl-56"),
         )}
       >
         {children}

From e560dd81e9ea0d59b15cf853efba10a961227b68 Mon Sep 17 00:00:00 2001
From: WenjingWang <jingnvx@outlook.com>
Date: Tue, 17 Mar 2026 09:40:57 +0100
Subject: [PATCH 2/2] feat: hide sidebar on all auth pages

---
 web/src/components/layout/LayoutShell.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/components/layout/LayoutShell.tsx b/web/src/components/layout/LayoutShell.tsx
index 285b22cb..37bc4b9e 100644
--- a/web/src/components/layout/LayoutShell.tsx
+++ b/web/src/components/layout/LayoutShell.tsx
@@ -9,7 +9,7 @@ export function LayoutShell({ children }: { children: React.ReactNode }) {
   const [collapsed, setCollapsed] = useState(true)
   const pathname = usePathname()
   const isAgentBoardFocusPage = pathname.startsWith("/studio/agent-board/")
-  const isAuthPage = pathname === "/login"
+  const isAuthPage = ["/login", "/register", "/forgot-password"].includes(pathname)
   const hideSidebar = isAgentBoardFocusPage || isAuthPage
 
   return (