feat(web): infra IDE réutilisable (persisted-ref, splitter, bootstrap temps réel)

Extrait persistedRef dans lib/persisted-ref.ts (partagé, testable en node). Ajoute useSplitter + components/ide/PanelSplitter.vue (poignée de resize générique par pointer events, largeur/hauteur persistable), généralisant le resize souris de WorkspaceView.

Hisse le chargement initial et les abonnements temps réel dans useRealtimeBootstrap (monté par App.vue) : un seul propriétaire actif sur TOUS les layouts, y compris la vue IDE plein écran. AppShell et WorkspaceView n'en portent plus la responsabilité. Tests unitaires persisted-ref et useSplitter (10).

packages/web/test/use-splitter.test.ts

@@ -0,0 +1,25 @@
+// nextSize : calcul de la nouvelle taille d'un panneau (delta, inversion, clamp min/max).
+import { describe, it, expect } from 'vitest';
+import { nextSize } from '../src/composables/useSplitter';
+
+describe('useSplitter · nextSize', () => {
+  it('ajoute le delta de position (sens direct)', () => {
+    expect(nextSize(200, 100, 150, { min: 100, max: 400 })).toBe(250);
+  });
+
+  it('soustrait le delta quand invert (poignée à droite/bas)', () => {
+    expect(nextSize(200, 100, 150, { min: 100, max: 400, invert: true })).toBe(150);
+  });
+
+  it('clampe au maximum', () => {
+    expect(nextSize(380, 100, 200, { min: 100, max: 400 })).toBe(400);
+  });
+
+  it('clampe au minimum', () => {
+    expect(nextSize(120, 200, 100, { min: 100, max: 400 })).toBe(100);
+  });
+
+  it('taille inchangée si la position ne bouge pas', () => {
+    expect(nextSize(300, 150, 150, { min: 100, max: 400 })).toBe(300);
+  });
+});