From ad6fc01045acdeb2e5b97eb92b21fdf21c62d62e Mon Sep 17 00:00:00 2001
From: Stefan de Vogelaere <email@stefandevogelaere.be>
Date: Fri, 23 Jan 2026 02:15:15 +0100
Subject: [PATCH] refactor(ui): simplify Dashboard view header

Remove back button and rename title from "Projects Overview" to "Dashboard"
since the overview is now the main dashboard accessed via sidebar.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 apps/ui/src/components/views/overview-view.tsx | 18 ++++--------------
 1 file changed, 4 insertions(+), 14 deletions(-)

diff --git a/apps/ui/src/components/views/overview-view.tsx b/apps/ui/src/components/views/overview-view.tsx
index 823ca132..156366c9 100644
--- a/apps/ui/src/components/views/overview-view.tsx
+++ b/apps/ui/src/components/views/overview-view.tsx
@@ -5,7 +5,6 @@
  * recent completions, and alerts. Quick navigation to any project or feature.
  */
 
-import { useNavigate } from '@tanstack/react-router';
 import { useMultiProjectStatus } from '@/hooks/use-multi-project-status';
 import { isElectron } from '@/lib/electron';
 import { isMac } from '@/lib/utils';
@@ -25,17 +24,11 @@ import {
   Clock,
   Bot,
   Bell,
-  ArrowLeft,
 } from 'lucide-react';
 
 export function OverviewView() {
-  const navigate = useNavigate();
   const { overview, isLoading, error, refresh } = useMultiProjectStatus(15000); // Refresh every 15s
 
-  const handleBackToDashboard = () => {
-    navigate({ to: '/dashboard' });
-  };
-
   return (
     <div className="flex-1 flex flex-col h-screen content-bg" data-testid="overview-view">
       {/* Header */}
@@ -49,15 +42,12 @@ export function OverviewView() {
         )}
         <div className="px-4 sm:px-8 py-4 flex items-center justify-between">
           <div className="flex items-center gap-3 titlebar-no-drag">
-            <Button variant="ghost" size="icon" onClick={handleBackToDashboard} className="h-8 w-8">
-              <ArrowLeft className="w-4 h-4" />
-            </Button>
             <div className="flex items-center gap-2">
               <div className="w-8 h-8 rounded-lg bg-brand-500/10 flex items-center justify-center">
                 <LayoutDashboard className="w-4 h-4 text-brand-500" />
               </div>
               <div>
-                <h1 className="text-lg font-semibold text-foreground">Projects Overview</h1>
+                <h1 className="text-lg font-semibold text-foreground">Dashboard</h1>
                 <p className="text-xs text-muted-foreground">
                   {overview ? `${overview.aggregate.projectCounts.total} projects` : 'Loading...'}
                 </p>
@@ -222,9 +212,9 @@ export function OverviewView() {
                       <p className="text-sm text-muted-foreground mb-4">
                         Create or open a project to get started
                       </p>
-                      <Button variant="outline" onClick={handleBackToDashboard}>
-                        Go to Dashboard
-                      </Button>
+                      <p className="text-sm text-muted-foreground">
+                        Use the sidebar to create or open a project
+                      </p>
                     </CardContent>
                   </Card>
                 ) : (