root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(KB-646): reorder Header buttons to place Agents before Pause controls

Browse Source 
- Move Workflow Steps, Agents, and Settings buttons before the pause button
- Maintain proper button order: workflow/agents/settings first, then pause/resume
- Keep mobile overflow menu behavior unchanged
- Fixes visual layout where agents button appeared after pause controls
This commit is contained in:
gsxdsm
2026-03-31 19:52:09 -07:00
parent e98cb5c100
commit 3d7c9ef070
1 changed files with 31 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
packages/dashboard/app/components/Header.tsx
View File

@@ -321,6 +321,37 @@ export function Header({
</button>
)}
{/* Workflow Steps - desktop only */}
{!isMobile && onOpenWorkflowSteps && (
<button
className="btn-icon"
onClick={onOpenWorkflowSteps}
title="Workflow Steps"
data-testid="workflow-steps-btn"
>
<Workflow size={16} />
</button>
)}
{/* Agents - desktop only */}
{!isMobile && onOpenAgents && (
<button
className="btn-icon"
onClick={onOpenAgents}
title="Manage Agents"
data-testid="agents-btn"
>
<Bot size={16} />
</button>
)}
{/* Settings - always inline on desktop */}
{!isMobile && (
<button className="btn-icon" onClick={onOpenSettings} title="Settings">
<Settings size={16} />
</button>
)}
{/* Pause button (soft pause) - always inline */}
<button
className={`btn-icon${enginePaused ? " btn-icon--paused" : ""}`}
@@ -355,37 +386,6 @@ export function Header({
</button>
)}
{/* Workflow Steps - desktop only */}
{!isMobile && onOpenWorkflowSteps && (
<button
className="btn-icon"
onClick={onOpenWorkflowSteps}
title="Workflow Steps"
data-testid="workflow-steps-btn"
>
<Workflow size={16} />
</button>
)}
{/* Agents - desktop only */}
{!isMobile && onOpenAgents && (
<button
className="btn-icon"
onClick={onOpenAgents}
title="Manage Agents"
data-testid="agents-btn"
>
<Bot size={16} />
</button>
)}
{/* Settings - always inline on desktop */}
{!isMobile && (
<button className="btn-icon" onClick={onOpenSettings} title="Settings">
<Settings size={16} />
</button>
)}
{/* Mobile overflow menu */}
{isMobile && isOverflowMenuOpen && (
<div