From de2cf6ba56dc3edafe2ffb55a4f65a13f7899ec4 Mon Sep 17 00:00:00 2001
From: dimakis <dimitri.saridakis@gmail.com>
Date: Sat, 4 Jul 2026 15:58:45 +0100
Subject: [PATCH 1/2] fix(task-board): add spawn kill switch to mobile task
 board page

The toggle was only in TaskBoardSection (desktop collapsible view).
The mobile full-page TaskBoard at pages/TaskBoard.tsx was missing it.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/src/pages/TaskBoard.tsx | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/frontend/src/pages/TaskBoard.tsx b/frontend/src/pages/TaskBoard.tsx
index 140e68c6..40b62db5 100644
--- a/frontend/src/pages/TaskBoard.tsx
+++ b/frontend/src/pages/TaskBoard.tsx
@@ -74,6 +74,7 @@ export function TaskBoard() {
     pauseLoop,
     resumeLoop,
     stopLoop,
+    setSpawnEnabled,
     approveTask,
     rejectTask,
     approveSpec,
@@ -104,10 +105,18 @@ export function TaskBoard() {
   const goals = tasks.filter((t) => !t.parentId);
 
   const t1Count = countT1Recursive(tasks);
+  const { spawnEnabled } = loopStatus;
 
   return (
     <div className="task-board-page">
       <PageHeader title="Tasks" badge={t1Count > 0 ? t1Count : tasks.length || undefined}>
+        <button
+          className={`task-board-add-btn ${spawnEnabled ? 'cc-spawn-enabled' : 'cc-spawn-disabled'}`}
+          onClick={() => setSpawnEnabled(!spawnEnabled)}
+          title={spawnEnabled ? 'Disable session spawning' : 'Enable session spawning'}
+        >
+          {spawnEnabled ? '\u26A1' : '\u26D4'}
+        </button>
         <button
           className={`task-board-sort-btn${showAll ? '' : ' task-board-sort-btn--active'}`}
           onClick={() => setShowAll(!showAll)}

From 76e44446c77327df5f6f9e10f4c8606508ea40e5 Mon Sep 17 00:00:00 2001
From: dimakis <dimitri.saridakis@gmail.com>
Date: Sat, 4 Jul 2026 16:01:34 +0100
Subject: [PATCH 2/2] fix(ui): restore opaque header + session banner from PR
 #404

PR #441's squash merge was based on a branch that predated PR #404,
silently reverting three CSS fixes:
- .chat-header: lost position:relative, z-index:20, box-shadow
- .chat-messages: top padding reverted (content bleeds under header)
- .session-banner: background reverted to undefined --bg-primary

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/src/styles/global.css | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/src/styles/global.css b/frontend/src/styles/global.css
index 2dfa0444..ebaf88c7 100644
--- a/frontend/src/styles/global.css
+++ b/frontend/src/styles/global.css
@@ -1483,6 +1483,9 @@ textarea:focus {
   background: var(--surface);
   border-bottom: 1px solid var(--border);
   flex-shrink: 0;
+  position: relative;
+  z-index: 20;
+  box-shadow: 0 4px 0 0 var(--surface);
   transition:
     max-height 0.2s,
     padding 0.2s,
@@ -1674,7 +1677,7 @@ textarea:focus {
   flex: 1;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
-  padding: var(--space-4) var(--space-3);
+  padding: 0 var(--space-3) var(--space-4);
   display: flex;
   flex-direction: column;
   gap: var(--space-3);
@@ -2435,8 +2438,10 @@ textarea:focus {
   position: sticky;
   top: 0;
   z-index: 10;
+  margin: -1px calc(-1 * var(--space-3)) 0;
+  padding: 0 var(--space-3);
   border-bottom: 1px solid var(--border);
-  background: var(--bg-primary);
+  background: var(--surface);
 }
 
 .session-banner-header {