From e6108c94f13f29f55c3754a97b3c192c95c28687 Mon Sep 17 00:00:00 2001
From: gsxdsm <gsxdsm@users.noreply.github.com>
Date: Mon, 30 Mar 2026 23:27:50 -0700
Subject: [PATCH] =?UTF-8?q?feat(KB-261):=20complete=20Step=201=20=E2=80=94?=
 =?UTF-8?q?=20add=20Git=20button=20to=20Header?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/dashboard/app/components/Header.tsx | 28 +++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/packages/dashboard/app/components/Header.tsx b/packages/dashboard/app/components/Header.tsx
index 07c785909..e9dcd04f4 100644
--- a/packages/dashboard/app/components/Header.tsx
+++ b/packages/dashboard/app/components/Header.tsx
@@ -1,5 +1,5 @@
 import { useState, useEffect, useRef, useCallback } from "react";
-import { Settings, Pause, Play, Square, LayoutGrid, List, Terminal, Lightbulb, Search, X, Activity, MoreHorizontal, Clock, Folder, History } from "lucide-react";
+import { Settings, Pause, Play, Square, LayoutGrid, List, Terminal, Lightbulb, Search, X, Activity, MoreHorizontal, Clock, Folder, History, GitBranch } from "lucide-react";
 
 // GitHub logo icon (Octocat mark) - uses currentColor for theme compatibility
 function GitHubLogo({ size = 16 }: { size?: number }) {
@@ -23,6 +23,7 @@ interface HeaderProps {
   onOpenUsage?: () => void;
   onOpenActivityLog?: () => void;
   onOpenSchedules?: () => void;
+  onOpenGitManager?: () => void;
   onToggleTerminal?: () => void;
   onToggleFiles?: () => void;
   filesOpen?: boolean;
@@ -60,6 +61,7 @@ export function Header({
   onOpenUsage,
   onOpenActivityLog,
   onOpenSchedules,
+  onOpenGitManager,
   onToggleTerminal,
   onToggleFiles,
   filesOpen,
@@ -302,6 +304,18 @@ export function Header({
           </button>
         )}
 
+        {/* Git Manager button - desktop only */}
+        {!isMobile && onOpenGitManager && (
+          <button
+            className="btn-icon"
+            onClick={onOpenGitManager}
+            title="Git Manager"
+            data-testid="git-manager-btn"
+          >
+            <GitBranch size={16} />
+          </button>
+        )}
+
         {/* Pause button (soft pause) - always inline */}
         <button
           className={`btn-icon${enginePaused ? " btn-icon--paused" : ""}`}
@@ -373,6 +387,18 @@ export function Header({
                 <span>Browse Files</span>
               </button>
             )}
+            {/* Git Manager - in overflow on mobile */}
+            {onOpenGitManager && (
+              <button
+                className="mobile-overflow-item"
+                onClick={() => handleOverflowAction(onOpenGitManager)}
+                role="menuitem"
+                data-testid="overflow-git-btn"
+              >
+                <GitBranch size={16} />
+                <span>Git Manager</span>
+              </button>
+            )}
             <button
               className="mobile-overflow-item"
               onClick={() => handleOverflowAction(onOpenGitHubImport)}