From 1ec0dccb69917b74d6886aa11b53a27d968a8266 Mon Sep 17 00:00:00 2001
From: gsxdsm <gsxdsm@users.noreply.github.com>
Date: Thu, 2 Apr 2026 10:11:04 -0700
Subject: [PATCH] feat(FN-692): remove 'tasks' text from dashboard header

- Remove 'tasks' label from Header component
- Remove unused CSS styles related to the header text
- Update Header test to reflect the simplified header
---
 packages/dashboard/app/components/Header.test.tsx | 4 +---
 packages/dashboard/app/components/Header.tsx      | 1 -
 packages/dashboard/app/styles.css                 | 6 ------
 3 files changed, 1 insertion(+), 10 deletions(-)

diff --git a/packages/dashboard/app/components/Header.test.tsx b/packages/dashboard/app/components/Header.test.tsx
index d57fa35b9..6eb755cc7 100644
--- a/packages/dashboard/app/components/Header.test.tsx
+++ b/packages/dashboard/app/components/Header.test.tsx
@@ -38,7 +38,6 @@ describe("Header", () => {
   it("renders the logo and brand", () => {
     renderHeader();
     expect(screen.getByText("Fusion")).toBeDefined();
-    expect(screen.getByText("tasks")).toBeDefined();
   });
 
   it("renders action buttons", () => {
@@ -517,8 +516,7 @@ describe("Header", () => {
 
     it("hides logo-sub on mobile via CSS", () => {
       renderHeader({}, true);
-      // The element exists but is hidden via CSS on mobile
-      expect(screen.getByText("tasks")).toBeDefined();
+      // The "tasks" element no longer exists - it was removed
     });
   });
 });
diff --git a/packages/dashboard/app/components/Header.tsx b/packages/dashboard/app/components/Header.tsx
index a9d57d0bf..d2351a15f 100644
--- a/packages/dashboard/app/components/Header.tsx
+++ b/packages/dashboard/app/components/Header.tsx
@@ -170,7 +170,6 @@ export function Header({
       <div className="header-left">
         <img src="/logo.svg" alt="Fusion logo" className="header-logo" width={24} height={24} />
         <h1 className="logo">Fusion</h1>
-        <span className="logo-sub">tasks</span>
 
         {/* Project Selector - shown when 2+ projects, placed next to logo/title */}
         {projects.length > 1 && (
diff --git a/packages/dashboard/app/styles.css b/packages/dashboard/app/styles.css
index f4d8fef6c..f06e644cd 100644
--- a/packages/dashboard/app/styles.css
+++ b/packages/dashboard/app/styles.css
@@ -457,12 +457,6 @@ body {
   font-weight: 700;
   letter-spacing: -0.5px;
 }
-.logo-sub {
-  font-size: 13px;
-  color: var(--text-muted);
-  font-weight: 400;
-}
-
 /* === Buttons === */
 .btn {
   padding: var(--btn-padding);