From 9661aa1dadf2567e42cdb28b3c0277437fc1212f Mon Sep 17 00:00:00 2001
From: Kacper <kacperlachowiczwp.pl@wp.pl>
Date: Mon, 5 Jan 2026 15:22:04 +0100
Subject: [PATCH 1/2] style: update BoardHeader component for improved layout

- Adjusted the spacing and height of the concurrency slider and auto mode toggle containers for better visual consistency.
- Changed class names to enhance the overall design and maintainability of the UI.
---
 apps/ui/src/components/views/board-view/board-header.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/ui/src/components/views/board-view/board-header.tsx b/apps/ui/src/components/views/board-view/board-header.tsx
index bc20f37a..ab7713c7 100644
--- a/apps/ui/src/components/views/board-view/board-header.tsx
+++ b/apps/ui/src/components/views/board-view/board-header.tsx
@@ -61,7 +61,7 @@ export function BoardHeader({
         {/* Concurrency Slider - only show after mount to prevent hydration issues */}
         {isMounted && (
           <div
-            className="flex items-center gap-2 px-3 py-1.5 rounded-lg bg-secondary border border-border"
+            className="flex items-center gap-1.5 px-3 h-8 rounded-md bg-secondary border border-border"
             data-testid="concurrency-slider-container"
           >
             <Bot className="w-4 h-4 text-muted-foreground" />
@@ -86,7 +86,7 @@ export function BoardHeader({
 
         {/* Auto Mode Toggle - only show after mount to prevent hydration issues */}
         {isMounted && (
-          <div className="flex items-center gap-2 px-3 py-1.5 rounded-lg bg-secondary border border-border">
+          <div className="flex items-center gap-1.5 px-3 h-8 rounded-md bg-secondary border border-border">
             <Label htmlFor="auto-mode-toggle" className="text-sm font-medium cursor-pointer">
               Auto Mode
             </Label>

From 5991e99853ab64fb44722d67ccc62dae91349af1 Mon Sep 17 00:00:00 2001
From: Kacper <kacperlachowiczwp.pl@wp.pl>
Date: Mon, 5 Jan 2026 15:26:19 +0100
Subject: [PATCH 2/2] refactor: extract shared className and add data-testid
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Address PR review feedback:
- Extract duplicated className to controlContainerClass constant
- Add data-testid="auto-mode-toggle-container" for testability

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../src/components/views/board-view/board-header.tsx  | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/apps/ui/src/components/views/board-view/board-header.tsx b/apps/ui/src/components/views/board-view/board-header.tsx
index ab7713c7..884cf495 100644
--- a/apps/ui/src/components/views/board-view/board-header.tsx
+++ b/apps/ui/src/components/views/board-view/board-header.tsx
@@ -22,6 +22,10 @@ interface BoardHeaderProps {
   isMounted: boolean;
 }
 
+// Shared styles for header control containers
+const controlContainerClass =
+  'flex items-center gap-1.5 px-3 h-8 rounded-md bg-secondary border border-border';
+
 export function BoardHeader({
   projectName,
   maxConcurrency,
@@ -60,10 +64,7 @@ export function BoardHeader({
 
         {/* Concurrency Slider - only show after mount to prevent hydration issues */}
         {isMounted && (
-          <div
-            className="flex items-center gap-1.5 px-3 h-8 rounded-md bg-secondary border border-border"
-            data-testid="concurrency-slider-container"
-          >
+          <div className={controlContainerClass} data-testid="concurrency-slider-container">
             <Bot className="w-4 h-4 text-muted-foreground" />
             <span className="text-sm font-medium">Agents</span>
             <Slider
@@ -86,7 +87,7 @@ export function BoardHeader({
 
         {/* Auto Mode Toggle - only show after mount to prevent hydration issues */}
         {isMounted && (
-          <div className="flex items-center gap-1.5 px-3 h-8 rounded-md bg-secondary border border-border">
+          <div className={controlContainerClass} data-testid="auto-mode-toggle-container">
             <Label htmlFor="auto-mode-toggle" className="text-sm font-medium cursor-pointer">
               Auto Mode
             </Label>