From 04583ea25adee1da30f259626c5fce359ca0ec0c Mon Sep 17 00:00:00 2001
From: Johan LEROY <johan@beehelp.fr>
Date: Fri, 12 Jun 2026 18:48:07 +0200
Subject: [PATCH] =?UTF-8?q?P3-C:=20badges=20de=20session=20live=20sur=20le?=
 =?UTF-8?q?=20dashboard=20(r=C3=A9solus=20depuis=20le=20store=20sessions)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Les badges busy/waiting/idle des sessions affichées dans les cartes worktree
sont désormais résolus depuis le store des sessions (mis à jour en temps réel),
au lieu de l'instantané embarqué dans le worktree — pour que « quelle session
attend une réponse » reste live sans attendre un worktree_update.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 packages/web/src/components/WorktreeCard.vue | 12 ++++++++++--
 packages/web/src/views/DashboardView.vue     |  5 +++--
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/packages/web/src/components/WorktreeCard.vue b/packages/web/src/components/WorktreeCard.vue
index 88b872a..e098f52 100644
--- a/packages/web/src/components/WorktreeCard.vue
+++ b/packages/web/src/components/WorktreeCard.vue
@@ -21,7 +21,7 @@
         :to="{ name: 'session', params: { id: s.id } }"
         class="flex items-center gap-1 rounded bg-zinc-800/60 px-1.5 py-0.5 transition-colors hover:bg-zinc-800"
       >
-        <SessionStateBadge :session="s" />
+        <SessionStateBadge :session="liveSession(s)" />
         <span class="font-mono text-[11px] text-zinc-400">{{ s.command }}</span>
       </RouterLink>
       <span v-if="worktree.sessions.length === 0" class="text-xs text-zinc-600">{{ t('worktrees.noSession') }}</span>
@@ -43,14 +43,22 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
-import type { WorktreeSummary } from '@arboretum/shared';
+import type { SessionSummary, WorktreeSummary } from '@arboretum/shared';
 import { useWorktreesStore } from '../stores/worktrees';
+import { useSessionsStore } from '../stores/sessions';
 import { ApiError } from '../lib/api';
 import SessionStateBadge from './SessionStateBadge.vue';
 
 const props = defineProps<{ worktree: WorktreeSummary }>();
 const { t } = useI18n();
 const store = useWorktreesStore();
+const sessions = useSessionsStore();
+
+// L'état embarqué dans le worktree est un instantané ; on privilégie la version live du store
+// des sessions (mise à jour en continu) pour que busy/waiting/idle reste temps réel.
+function liveSession(s: SessionSummary): SessionSummary {
+  return sessions.sessions.find((x) => x.id === s.id) ?? s;
+}
 
 const confirming = ref(false);
 const forceNeeded = ref(false);
diff --git a/packages/web/src/views/DashboardView.vue b/packages/web/src/views/DashboardView.vue
index a946ef0..657b102 100644
--- a/packages/web/src/views/DashboardView.vue
+++ b/packages/web/src/views/DashboardView.vue
@@ -55,8 +55,9 @@ const addError = ref<string | null>(null);
 onMounted(() => {
   void store.fetchAll();
   store.startRealtime();
-  // les sessions alimentent la corrélation worktree↔session (cwd) côté serveur ; on suit aussi
-  // leurs mises à jour temps réel pour que les badges d'état se rafraîchissent.
+  // les sessions alimentent la corrélation worktree↔session (cwd) côté serveur ; on charge et on
+  // suit leurs mises à jour temps réel pour que les badges d'état (busy/waiting/idle) restent live.
+  void sessions.fetchSessions();
   sessions.startRealtime();
 });