feat(p8): vue IDE /workspace (arbre + Monaco + diff + terminal)

- backend: garde-fou conflit d'édition par mtime (GET renvoie mtime, PUT refuse en 409 STALE_FILE si baseMtime périmé)
- lib: wt-key (base64url du chemin worktree), diff-parse (parseur pur du diff unifié → hunks)
- composables: useMonaco (import dynamique → chunk isolé), useWorkspaceLayout (largeurs/panneau persistés)
- components/workspace: GitStatusBadge, FileTree+FileTreeNode (lazy fs/list includeFiles), ChangedFilesPanel, DiffViewer (coloration +/-), MonacoEditor (Ctrl+S + bannière conflit reload/overwrite)
- views/WorkspaceView: 3 colonnes desktop redimensionnables + SegmentedControl mobile, header live (GitStatusBadge), watchWorktree → refresh diff/changements, terminal de la session corrélée
- router meta 'ide' + route /workspace/:repoId/:wt ; App.vue plein écran sans AppShell ; WorktreeCard bouton « Ouvrir l'IDE »
- deps: monaco-editor (lazy, vendor-monaco isolé, 0 impact bundle initial) ; vite manualChunks
- i18n EN+FR (workspace/editor/diff/git) ; tests diff-parse + wt-key ; acceptance-p8.mjs (mtime/409 + diff)

packages/web/src/composables/useWorkspaceLayout.ts

@@ -0,0 +1,33 @@
+// Disposition de la vue IDE persistée en localStorage : largeurs des colonnes (desktop) et
+// panneau actif (mobile). Refs réactives ; chaque changement est réécrit en localStorage.
+import { ref, watch, type Ref } from 'vue';
+
+export type MobilePanel = 'files' | 'editor' | 'diff' | 'terminal';
+
+function persistedRef<T>(key: string, initial: T): Ref<T> {
+  let start = initial;
+  try {
+    const raw = localStorage.getItem(key);
+    if (raw != null) start = JSON.parse(raw) as T;
+  } catch {
+    /* localStorage indisponible / JSON corrompu : on garde le défaut */
+  }
+  const r = ref(start) as Ref<T>;
+  watch(r, (v) => {
+    try {
+      localStorage.setItem(key, JSON.stringify(v));
+    } catch {
+      /* quota / mode privé : silencieux */
+    }
+  });
+  return r;
+}
+
+export function useWorkspaceLayout() {
+  // largeurs en px des colonnes latérales ; la colonne centrale (éditeur/diff) flexe.
+  const leftWidth = persistedRef<number>('arb.ws.leftWidth', 280);
+  const rightWidth = persistedRef<number>('arb.ws.rightWidth', 460);
+  // `string` (et non MobilePanel) pour rester compatible avec le v-model de SegmentedControl.
+  const mobilePanel = persistedRef<string>('arb.ws.mobilePanel', 'files');
+  return { leftWidth, rightWidth, mobilePanel };
+}