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/persisted-ref.test.ts

@@ -0,0 +1,47 @@
+// persistedRef : lecture initiale depuis localStorage, repli sur défaut, réécriture, robustesse.
+import { describe, it, expect, beforeEach } from 'vitest';
+import { nextTick } from 'vue';
+import { persistedRef } from '../src/lib/persisted-ref';
+
+function fakeStorage() {
+  const m = new Map<string, string>();
+  return {
+    getItem: (k: string) => (m.has(k) ? (m.get(k) as string) : null),
+    setItem: (k: string, v: string) => void m.set(k, v),
+    removeItem: (k: string) => void m.delete(k),
+    clear: () => m.clear(),
+  };
+}
+
+describe('persistedRef', () => {
+  beforeEach(() => {
+    (globalThis as unknown as { localStorage: unknown }).localStorage = fakeStorage();
+  });
+
+  it('lit la valeur initiale depuis localStorage si présente', () => {
+    localStorage.setItem('k', JSON.stringify(42));
+    expect(persistedRef('k', 0).value).toBe(42);
+  });
+
+  it('retombe sur le défaut si la clé est absente', () => {
+    expect(persistedRef('missing', 7).value).toBe(7);
+  });
+
+  it('retombe sur le défaut si le JSON est corrompu', () => {
+    localStorage.setItem('bad', '{not json');
+    expect(persistedRef('bad', 'def').value).toBe('def');
+  });
+
+  it('réécrit en localStorage au changement', async () => {
+    const r = persistedRef('w', 1);
+    r.value = 99;
+    await nextTick();
+    expect(JSON.parse(localStorage.getItem('w') as string)).toBe(99);
+  });
+
+  it('ne jette pas si localStorage est absent (env node sans DOM)', () => {
+    delete (globalThis as unknown as { localStorage?: unknown }).localStorage;
+    expect(() => persistedRef('x', 5)).not.toThrow();
+    expect(persistedRef('x', 5).value).toBe(5);
+  });
+});

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);
+  });
+});