feat(web): panneaux IDE Git / Sessions / Groupes

components/ide/GitPanel.vue : CommitPanel ciblant le worktree actif (ide.activeContext), chargement des changements + abonnement disque (watchWorktree) ré-abonné au changement de worktree ; sélection d'un fichier ouvre un onglet diff. SessionsPanel : sessions vivantes -> ouverture dans le dock. GroupsPanel : groupes (getters) avec passerelle vers la vue Groupes.

PrimarySidebar aiguille désormais Explorer/Git/Sessions/Groupes vers ces panneaux (fin des placeholders). vue-tsc + build web verts.

packages/web/src/components/ide/PrimarySidebar.vue

@@ -4,32 +4,18 @@
     :style="{ width: `${ide.leftWidth}px` }"
   >
     <ProjectTree v-if="ide.activeActivity === 'explorer'" />
-    <!-- Git / Sessions / Groupes : panneaux dédiés livrés en B6 ; placeholder pour l'instant. -->
-    <div v-else class="flex h-full items-center justify-center p-4">
-      <EmptyState :icon="placeholder.icon" :title="placeholder.title" :hint="t('ide.comingSoon')" />
-    </div>
+    <GitPanel v-else-if="ide.activeActivity === 'git'" />
+    <SessionsPanel v-else-if="ide.activeActivity === 'sessions'" />
+    <GroupsPanel v-else />
   </aside>
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import { useI18n } from 'vue-i18n';
-import { Boxes, GitCompare, SquareTerminal } from '@lucide/vue';
 import { useIdeStore } from '../../stores/ide';
 import ProjectTree from './ProjectTree.vue';
-import EmptyState from '../ui/EmptyState.vue';
+import GitPanel from './GitPanel.vue';
+import SessionsPanel from './SessionsPanel.vue';
+import GroupsPanel from './GroupsPanel.vue';
 
-const { t } = useI18n();
 const ide = useIdeStore();
-
-const placeholder = computed(() => {
-  switch (ide.activeActivity) {
-    case 'git':
-      return { icon: GitCompare, title: t('ide.activity.git') };
-    case 'sessions':
-      return { icon: SquareTerminal, title: t('ide.activity.sessions') };
-    default:
-      return { icon: Boxes, title: t('ide.activity.groups') };
-  }
-});
 </script>