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({ )} + {/* Git Manager button - desktop only */} + {!isMobile && onOpenGitManager && ( + + )} + {/* Pause button (soft pause) - always inline */} )} + {/* Git Manager - in overflow on mobile */} + {onOpenGitManager && ( + + )}