From ec30c69c3eaf5323e50804933671102a8ae704ac Mon Sep 17 00:00:00 2001
From: Hibryda <hibryda@protonmail.com>
Date: Sun, 22 Mar 2026 01:36:46 +0100
Subject: [PATCH] feat(electrobun): add CommsTab and TaskBoardTab to project
 card tabs

---
 ui-electrobun/src/mainview/ProjectCard.svelte | 34 ++++++++++++++++++-
 1 file changed, 33 insertions(+), 1 deletion(-)

diff --git a/ui-electrobun/src/mainview/ProjectCard.svelte b/ui-electrobun/src/mainview/ProjectCard.svelte
index eead916..5571cea 100644
--- a/ui-electrobun/src/mainview/ProjectCard.svelte
+++ b/ui-electrobun/src/mainview/ProjectCard.svelte
@@ -51,6 +51,7 @@
     cloneOf,
     clonesAtMax = false,
     onClone,
+    groupId = 'dev',
   }: Props = $props();
 
   // ── Agent session (reactive from store) ──────────────────────────
@@ -91,7 +92,12 @@
   // Track which project tabs have been activated (PERSISTED-LAZY pattern)
   let activatedTabs = $state<Set<ProjectTab>>(new Set(['model']));
 
-  const ALL_TABS: ProjectTab[] = ['model', 'docs', 'context', 'files', 'ssh', 'memory'];
+  const ALL_TABS: ProjectTab[] = ['model', 'docs', 'context', 'files', 'ssh', 'memory', 'comms', 'tasks'];
+
+  // ── Load last session on mount ──────────────────────────────────────
+  $effect(() => {
+    loadLastSession(id);
+  });
 
   function setTab(tab: ProjectTab) {
     activeTab = tab;
@@ -349,6 +355,32 @@
         <MemoryTab />
       </div>
     {/if}
+
+    <!-- Comms tab (inter-agent messaging) -->
+    {#if activatedTabs.has('comms')}
+      <div
+        id="tabpanel-{id}-comms"
+        class="tab-pane"
+        style:display={activeTab === 'comms' ? 'flex' : 'none'}
+        role="tabpanel"
+        aria-label="Comms"
+      >
+        <CommsTab {groupId} agentId={id} />
+      </div>
+    {/if}
+
+    <!-- Tasks tab (kanban board) -->
+    {#if activatedTabs.has('tasks')}
+      <div
+        id="tabpanel-{id}-tasks"
+        class="tab-pane"
+        style:display={activeTab === 'tasks' ? 'flex' : 'none'}
+        role="tabpanel"
+        aria-label="Tasks"
+      >
+        <TaskBoardTab {groupId} agentId={id} />
+      </div>
+    {/if}
   </div>
 </article>