release: git-arboretum 3.4.0 (visibilité temps réel, historisation), desktop 0.2.0 (Windows, logo), vscode 0.4.1, site 0.4.0

Tout est additif : PROTOCOL_VERSION inchangé, aucune rupture d'API. Temps réel réellement armé - `pinSession` n'était appelé nulle part : une session vivante épingle désormais le watcher FS de son worktree (`WorktreeManager.syncSessionPin` + `resolveWorktreeForCwd`), donc un worktree où un agent écrit se rafraîchit même si personne ne le regarde (mesuré ~350 ms). - Les abonnements `watch` sortent de `GitPanel`, démonté dès qu'on quitte son onglet, ce qui coupait le seul abonnement de toute l'app : `composables/useWatchedWorktrees.ts` (monté dans App.vue) suit le worktree actif et les dépôts dépliés, borné à 40. - Une coupure WS ne laisse plus l'UI sur des listes périmées : rechargement complet au retour. - `worktree_changes` alimente `worktrees.changeVersion`, consommé par l'arbre de fichiers, le diff (son `:version` était câblé à 0) et l'éditeur, qui recharge un tampon propre ou lève la bannière de conflit avant la sauvegarde au lieu d'attendre le 409. Corrélation session ↔ worktree par contenance (`@arboretum/shared/path-match.ts`) - Un terminal lancé dans un sous-répertoire (« Démarrer le projet ») ou une session de groupe reliée par `--add-dir` apparaissent enfin sous leur worktree ; le worktree le plus spécifique gagne. - Règle unique partagée par le daemon, le web et l'extension. Historisation - `commitLog` / `commitDiff` purs, `GET /repos/:id/worktrees/log` et `diff?commit=` (hash strictement validé, mêmes bornes que les diffs de fichiers). - `CommitHistory.vue` sous le panneau Git : commits, marquage des non poussés, diff déplié sur place. Visibilité - Compteurs git complets sur chaque worktree de l'arbre et du panneau Groupes (ils n'existaient qu'en barre de statut, pour le seul worktree actif), avec upstream et dernier commit en infobulle ; `locked`, `prunable` et un dépôt invalide sont désormais visibles. - Le panneau Groupes montre sa composition réelle (dépôts, worktrees, sessions) et teinte l'explorateur. Polish visuel - Les toasts d'erreur, persistants, s'empilaient derrière les modals : téléportés au-dessus. - Sur mobile, ouvrir un terminal ou changer d'activité n'avait aucun effet visible. - Tailles de panneaux clampées sur la fenêtre, barres d'onglets sans scrollbar parasite, états de chargement et d'erreur dans les trois panneaux, accessibilité des 11 modals centralisée dans ModalHost, splitters au clavier, numéros de diff collants, `window.confirm` remplacé. Windows (daemon et packaging) - `where.exe`, PowerShell comme shell de lancement, askpass `.cmd` (clone/push HTTPS par PAT), `taskkill /T`, `%APPDATA%`, `arboretum install` via tâche planifiée. - Scripts de build exécutables sur un hôte Windows (`npm.cmd`, extraction sans `unzip` ni `bash`). - Job CI `windows-latest` conditionné par ENABLE_WINDOWS_BUILD ; procédure runner dans docs/CI_RUNNERS.md. Logo Debian : cause racine - Une icône unique de 895×895 atterrissait dans `hicolor/895x895`, répertoire absent d'`index.theme` donc ignoré par la spécification freedesktop ; et `executableName` dérivait du nom scopé du paquet (`@arboretumdesktop`). Jeu d'icônes standard généré + `executableName: arboretum`, plus `deb.synopsis` (description courte vide dans apt) et `Section: devel`. - Runtime Node embarqué élagué : 205 → 118 Mo. - Auto-update réparé : la release flottante `desktop-latest` que les binaires interrogent n'existait pas. Doc et vitrine - README/README.fr : installation par plateforme, mode serveur web (nginx, LAN), dépannage, variables d'environnement, flags manquants. - Doc in-app réécrite (elle renvoyait aux pages Worktrees et Sessions supprimées). - Section « Accès distant » dans les Réglages ; le 403 BAD_ORIGIN nomme le flag à ajouter. - Site : prérequis et registre npm privé (le `npx` affiché renvoyait un 404), téléchargements réels par plateforme, section « trois façons de l'utiliser », navigation complétée, 16 clés i18n mortes purgées. Vérifications : 483 tests unitaires, 14 acceptances E2E vertes (dont p14/p15 nouvelles), captures de rendu sans erreur console (nouveau `verify-ui.mjs`), .deb reconstruit et contrôlé (icônes aux tailles standard, entrée .desktop valide).
2026-08-04 13:02:11 +02:00
parent a7e04278fd
commit 63f2697745
127 changed files with 4232 additions and 577 deletions
@@ -5,12 +5,12 @@
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="color-scheme" content="dark" />
    <meta name="theme-color" content="#09090b" />
-    <!-- Anti-FOUC : applique la préférence de thème (arb-theme) avant le premier paint.
+    <!-- Anti-FOUC : applique la préférence de thème (arb.theme, même clé que l'app) avant le premier paint.
         Doit rester inline/synchrone. Synchronisé avec src/lib/theme.ts. -->
    <script>
      (function () {
        try {
-          var mode = localStorage.getItem('arb-theme') || 'dark';
+          var mode = localStorage.getItem('arb.theme') || 'dark';
          var dark = mode === 'dark' || (mode === 'system' && matchMedia('(prefers-color-scheme: dark)').matches);
          var theme = dark ? 'dark' : 'light';
          var bg = dark ? '#09090b' : '#fafafa';
@@ -1,7 +1,7 @@
 {
  "name": "@arboretum/site",
  "private": true,
-  "version": "0.3.0",
+  "version": "0.4.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
@@ -2,7 +2,7 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://git-arboretum.com/</loc>
-    <lastmod>2026-06-19</lastmod>
+    <lastmod>2026-08-04</lastmod>
    <changefreq>monthly</changefreq>
    <priority>1.0</priority>
  </url>
@@ -9,6 +9,7 @@ import ShowcaseSection from './components/ShowcaseSection.vue';
 import WorkspaceShowcase from './components/WorkspaceShowcase.vue';
 import LaunchShowcase from './components/LaunchShowcase.vue';
 import DownloadSection from './components/DownloadSection.vue';
+import AccessSection from './components/AccessSection.vue';
 import RemoteGitSection from './components/RemoteGitSection.vue';
 import WorkGroupsSection from './components/WorkGroupsSection.vue';
 import HowItWorksSection from './components/HowItWorksSection.vue';
@@ -71,6 +72,7 @@ const glowStyle = {
      <WorkspaceShowcase />
      <LaunchShowcase />
      <DownloadSection />
+      <AccessSection />
      <RemoteGitSection />
      <WorkGroupsSection />
      <HowItWorksSection />
@@ -0,0 +1,74 @@
+<script setup lang="ts">
+// Les trois façons d'utiliser Arboretum. Le « mode serveur web » (le daemon servi à ses propres
+// appareils) n'était décrit nulle part sur le site, alors que c'est l'usage central du produit ; et
+// l'extension VS Code n'avait qu'une carte de fonctionnalité, sans lien ni mode d'emploi.
+import { useI18n } from 'vue-i18n';
+import { DOWNLOADS, DESKTOP_SRC } from '../lib/links';
+
+const { t } = useI18n();
+
+const ways = [
+  {
+    key: 'wayDesktop',
+    body: 'wayDesktopBody',
+    code: null,
+    link: { href: DOWNLOADS.deb, label: 'wayDesktopLink' },
+  },
+  {
+    key: 'wayServer',
+    body: 'wayServerBody',
+    code: 'tailscale serve --bg 7317',
+    link: null,
+  },
+  {
+    key: 'wayVscode',
+    body: 'wayVscodeBody',
+    code: null,
+    link: { href: DOWNLOADS.vsix, label: 'wayVscodeLink' },
+  },
+] as const;
+</script>
+
+<template>
+  <section id="access" class="mx-auto max-w-[1200px] scroll-mt-[84px] px-6 pb-[100px]">
+    <div v-reveal class="mb-[40px] max-w-[720px]">
+      <div class="mb-3 font-mono text-xs uppercase tracking-[0.12em] text-accent">{{ t('wayKicker') }}</div>
+      <h2 class="m-0 mb-4 text-[clamp(26px,3vw,38px)] font-semibold leading-[1.15] tracking-[-0.025em] text-fg">
+        {{ t('wayTitle') }}
+      </h2>
+      <p class="m-0 text-[16.5px] leading-[1.6] text-fg-muted">{{ t('wayBody') }}</p>
+    </div>
+
+    <div v-reveal class="grid gap-4 md:grid-cols-3">
+      <div
+        v-for="w in ways"
+        :key="w.key"
+        class="flex flex-col gap-3 rounded-[14px] border border-border bg-surface-0 p-5 shadow-card"
+      >
+        <h3 class="m-0 text-[15px] font-semibold text-fg">{{ t(w.key) }}</h3>
+        <p class="m-0 flex-1 text-[14px] leading-[1.55] text-fg-muted">{{ t(w.body) }}</p>
+        <code
+          v-if="w.code"
+          class="block overflow-x-auto whitespace-nowrap rounded-lg border border-border bg-surface-1 px-3 py-2 font-mono text-[12.5px] text-fg"
+        >
+          <span class="text-accent">$ </span>{{ w.code }}
+        </code>
+        <a
+          v-if="w.link"
+          :href="w.link.href"
+          class="text-[13.5px] font-medium text-accent no-underline hover:underline"
+        >
+          {{ t(w.link.label) }} →
+        </a>
+      </div>
+    </div>
+
+    <p v-reveal class="mt-6 max-w-[760px] text-[13.5px] leading-[1.6] text-fg-subtle">{{ t('wayOriginNote') }}</p>
+    <p v-reveal class="mt-2 max-w-[760px] text-[13.5px] leading-[1.6] text-fg-subtle">
+      {{ t('wayBuildNote') }}
+      <a :href="DESKTOP_SRC" target="_blank" rel="noopener" class="text-fg-muted underline decoration-border underline-offset-2 hover:text-accent">
+        packages/desktop
+      </a>
+    </p>
+  </section>
+</template>
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useI18n } from 'vue-i18n';
 import { INSTALL_COMMAND } from '../composables/useCopy';
-import { REPO, LICENSE, COFFEE } from '../lib/links';
+import { COFFEE, LICENSE, REPO, VERSIONS } from '../lib/links';
 import IconGitea from './icons/IconGitea.vue';
 import CopyButton from './CopyButton.vue';

@@ -44,6 +44,10 @@ const { t } = useI18n();
          <code class="font-mono text-[12.5px] text-fg-subtle">{{ INSTALL_COMMAND }}</code>
          <CopyButton variant="icon" :text="INSTALL_COMMAND" :label="t('copyCommand')" />
        </div>
+        <!-- Versions publiées : le site n'en affichait aucune, impossible de savoir ce qu'il décrit. -->
+        <span class="font-mono text-[12px] text-fg-subtle">
+          daemon {{ VERSIONS.daemon }} · desktop {{ VERSIONS.desktop }} · vscode {{ VERSIONS.vscode }}
+        </span>
      </div>
    </div>
  </footer>
@@ -7,9 +7,13 @@ import IconGitea from './icons/IconGitea.vue';

 const { t } = useI18n();

+// Les sections #launch (« Démarrer le projet ») et #remotegit (services git distants) existaient sans
+// aucun lien de navigation : elles n'étaient atteignables qu'en scrollant à l'aveugle.
 const navLinks = [
  { href: '#features', key: 'navFeatures' },
  { href: '#workspace', key: 'navWorkspace' },
+  { href: '#launch', key: 'navLaunch' },
+  { href: '#remotegit', key: 'navRemoteGit' },
  { href: '#download', key: 'navDownload' },
  { href: '#how', key: 'navHow' },
  { href: '#security', key: 'navSecurity' },
@@ -1,13 +1,17 @@
 <script setup lang="ts">
+// Téléchargements réels : chaque plateforme porte son lien direct vers l'asset de la release flottante
+// `desktop-latest` (le tag est recréé par la CI à chaque version, les URL restent donc valables).
+// Avant, les trois cartes étaient décoratives et un unique bouton renvoyait vers la page des releases.
 import { useI18n } from 'vue-i18n';
-import { RELEASES, DESKTOP_SRC } from '../lib/links';
+import { DOWNLOADS, DESKTOP_SRC, RELEASES, VERSIONS } from '../lib/links';

 const { t } = useI18n();

 const platforms = [
-  { key: 'dlLinux', hint: 'dlLinuxHint' },
-  { key: 'dlWin', hint: 'dlWinHint' },
-  { key: 'dlMac', hint: 'dlMacHint' },
+  { key: 'dlLinux', hint: 'dlLinuxHint', href: DOWNLOADS.deb },
+  { key: 'dlWin', hint: 'dlWinHint', href: DOWNLOADS.windows },
+  // macOS n'est pas buildé par la CI (aucun runner) : la carte renvoie donc vers les sources.
+  { key: 'dlMac', hint: 'dlMacHint', href: DESKTOP_SRC },
 ] as const;

 const bullets = ['dlNoNode', 'dlBundled', 'dlAutoUpdate'] as const;
@@ -21,22 +25,39 @@ const bullets = ['dlNoNode', 'dlBundled', 'dlAutoUpdate'] as const;
        {{ t('dlTitle') }}
      </h2>
      <p class="m-0 text-[16.5px] leading-[1.6] text-fg-muted">{{ t('dlBody') }}</p>
+      <p class="mt-2 font-mono text-[12.5px] text-fg-subtle">{{ t('dlVersion', { version: VERSIONS.desktop }) }}</p>
    </div>

    <div v-reveal class="grid gap-4 md:grid-cols-3">
-      <div
+      <a
        v-for="p in platforms"
        :key="p.key"
-        class="flex flex-col gap-1 rounded-[14px] border border-border bg-surface-0 p-5 shadow-card"
+        :href="p.href"
+        class="group flex flex-col gap-1 rounded-[14px] border border-border bg-surface-0 p-5 no-underline shadow-card transition-colors hover:border-accent/50 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent/70"
      >
        <div class="flex items-center gap-2 text-fg">
          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-accent" aria-hidden="true"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /><polyline points="7 10 12 15 17 10" /><line x1="12" x2="12" y1="15" y2="3" /></svg>
-          <span class="text-[15px] font-semibold">{{ t(p.key) }}</span>
+          <span class="text-[15px] font-semibold group-hover:text-accent">{{ t(p.key) }}</span>
        </div>
        <span class="pl-[26px] font-mono text-[12.5px] text-fg-subtle">{{ t(p.hint) }}</span>
-      </div>
+      </a>
    </div>

+    <p v-reveal class="mt-3 flex flex-wrap items-center gap-x-4 gap-y-1 text-[13px] text-fg-subtle">
+      <a
+        :href="DOWNLOADS.appImage"
+        class="text-fg-muted underline decoration-border underline-offset-2 hover:text-accent"
+      >
+        {{ t('dlLinuxAlt') }}
+      </a>
+      <a :href="RELEASES" target="_blank" rel="noopener" class="text-fg-muted underline decoration-border underline-offset-2 hover:text-accent">
+        {{ t('dlAllAssets') }}
+      </a>
+      <a :href="DESKTOP_SRC" target="_blank" rel="noopener" class="text-fg-muted underline decoration-border underline-offset-2 hover:text-accent">
+        {{ t('dlSource') }}
+      </a>
+    </p>
+
    <ul v-reveal class="mt-6 flex flex-wrap gap-x-6 gap-y-2">
      <li v-for="b in bullets" :key="b" class="flex items-center gap-2 text-[14px] text-fg-muted">
        <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" class="text-accent" aria-hidden="true"><path d="M20 6 9 17l-5-5" /></svg>
@@ -44,25 +65,9 @@ const bullets = ['dlNoNode', 'dlBundled', 'dlAutoUpdate'] as const;
      </li>
    </ul>

-    <div v-reveal class="mt-7 flex flex-wrap items-center gap-3">
-      <a
-        :href="RELEASES"
-        target="_blank"
-        rel="noopener"
-        class="inline-flex items-center gap-2 rounded-lg bg-accent-solid px-4 py-2.5 text-[14.5px] font-semibold text-white no-underline transition-colors hover:bg-accent-hover focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent/70"
-      >
-        {{ t('dlGet') }}
-      </a>
-      <a
-        :href="DESKTOP_SRC"
-        target="_blank"
-        rel="noopener"
-        class="inline-flex items-center gap-2 rounded-lg border border-border px-4 py-2.5 text-[14.5px] font-medium text-fg-muted no-underline transition-colors hover:border-accent/50 hover:text-accent focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent/70"
-      >
-        {{ t('dlSource') }}
-      </a>
-    </div>
-
-    <p v-reveal class="mt-4 max-w-[720px] text-[13.5px] leading-[1.55] text-fg-subtle">{{ t('dlNote') }}</p>
+    <!-- Premier lancement : ni l'installeur Windows ni l'app macOS ne sont signés. Le dire ICI évite
+         qu'un visiteur conclue à un binaire cassé. -->
+    <p v-reveal class="mt-6 max-w-[720px] text-[13.5px] leading-[1.55] text-fg-subtle">{{ t('dlUnsigned') }}</p>
+    <p v-reveal class="mt-2 max-w-[720px] text-[13.5px] leading-[1.55] text-fg-subtle">{{ t('dlNote') }}</p>
  </section>
 </template>
@@ -127,6 +127,20 @@ const { t } = useI18n();
        </template>
        {{ t('feat16Desc') }}
      </FeatureCard>
+
+      <FeatureCard :title="t('feat17Title')">
+        <template #icon>
+          <svg width="21" height="21" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 3v5h5" /><path d="M3.05 13A9 9 0 1 0 6 5.3L3 8" /><path d="M12 7v5l4 2" /></svg>
+        </template>
+        {{ t('feat17Desc') }}
+      </FeatureCard>
+
+      <FeatureCard :title="t('feat18Title')">
+        <template #icon>
+          <svg width="21" height="21" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 20a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z" /><path d="M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z" /><path d="M12 2v2" /><path d="M12 20v2" /><path d="m4.93 4.93 1.41 1.41" /><path d="m17.66 17.66 1.41 1.41" /><path d="M2 12h2" /><path d="M20 12h2" /></svg>
+        </template>
+        {{ t('feat18Desc') }}
+      </FeatureCard>
    </div>
  </section>
 </template>
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { useI18n } from 'vue-i18n';
 import { INSTALL_COMMAND } from '../composables/useCopy';
+import { NPMRC_LINE } from '../lib/links';
 import CopyButton from './CopyButton.vue';

 const { t } = useI18n();
@@ -15,6 +16,20 @@ const LOCAL_URL = 'http://localhost:7317';
      <h2 class="m-0 text-[clamp(28px,3.4vw,40px)] font-semibold tracking-[-0.025em] text-fg">{{ t('howTitle') }}</h2>
    </div>

+    <!-- Prérequis : le paquet vit sur un registre npm PRIVÉ. Sans cette ligne dans ~/.npmrc, le `npx`
+         de l'étape 1 renvoie un 404. C'était le premier mur pour tout nouvel arrivant. -->
+    <div v-reveal class="mb-4 rounded-xl border border-border bg-surface-1/50 p-[26px]">
+      <h3 class="m-0 mb-2.5 text-lg font-semibold text-fg">{{ t('prereqTitle') }}</h3>
+      <p class="m-0 mb-4 text-[14.5px] leading-[1.55] text-fg-muted">{{ t('prereqDesc') }}</p>
+      <div class="flex items-center gap-2 rounded-lg border border-border bg-surface-0 p-[11px]">
+        <code class="min-w-0 flex-1 overflow-x-auto whitespace-nowrap font-mono text-[12.5px] text-fg">
+          {{ NPMRC_LINE }}
+        </code>
+        <CopyButton variant="icon" :text="NPMRC_LINE" :label="t('copyCommand')" />
+      </div>
+      <p class="m-0 mt-3 text-[13.5px] leading-[1.55] text-fg-subtle">{{ t('prereqNote') }}</p>
+    </div>
+
    <div v-reveal class="grid grid-cols-[repeat(auto-fit,minmax(280px,1fr))] gap-4">
      <div class="rounded-xl border border-border bg-surface-1/50 p-[26px]">
        <div class="mb-[18px] font-mono text-[13px] text-accent">01</div>
@@ -61,6 +61,10 @@ function marker(type: DiffLine['type']): string {
          <span class="flex h-9 w-9 items-center justify-center rounded-lg" :title="t('wsTerminal')">
            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m7 11 2-2-2-2" /><path d="M11 13h4" /><rect width="18" height="18" x="3" y="3" rx="2" /></svg>
          </span>
+          <!-- 4e onglet : Groupes (l'app en a quatre, le mockup n'en montrait que trois) -->
+          <span class="flex h-9 w-9 items-center justify-center rounded-lg" :title="t('wsGroups')">
+            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m7.5 4.27 9 5.15" /><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z" /><path d="m3.3 7 8.7 5 8.7-5" /><path d="M12 22V12" /></svg>
+          </span>
        </nav>

        <!-- arbre unifie : plusieurs projets a la fois -->
@@ -77,6 +81,12 @@ function marker(type: DiffLine['type']): string {
              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 text-fg-subtle" aria-hidden="true"><path d="m6 9 6 6 6-6" /></svg>
              <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="var(--color-accent)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0" aria-hidden="true"><line x1="6" x2="6" y1="3" y2="15" /><circle cx="18" cy="6" r="3" /><circle cx="6" cy="18" r="3" /><path d="M18 9a9 9 0 0 1-9 9" /></svg>
              <span class="truncate text-accent">feat/auth</span>
+              <!-- compteurs git compacts : ahead / indexés / non indexés, comme dans l'app -->
+              <span class="ml-auto flex shrink-0 items-center gap-1 text-[11px]">
+                <span class="text-accent">↑2</span>
+                <span class="text-accent">●1</span>
+                <span class="text-warn">○1</span>
+              </span>
            </div>
            <!-- session claude corrélée -->
            <div class="flex items-center gap-1.5 rounded py-0.5 pr-2 pl-[38px] text-fg-muted">
@@ -94,6 +104,7 @@ function marker(type: DiffLine['type']): string {
            <div class="flex items-center gap-1 rounded py-0.5 pr-2 pl-1.5 text-fg-muted">
              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 text-fg-subtle" aria-hidden="true"><path d="m9 18 6-6-6-6" /></svg>
              <span class="font-medium">web</span>
+              <span class="ml-auto shrink-0 text-[11px] text-warn">○3</span>
            </div>
            <div class="flex items-center gap-1 rounded py-0.5 pr-2 pl-1.5 text-fg-muted">
              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="shrink-0 text-fg-subtle" aria-hidden="true"><path d="m9 18 6-6-6-6" /></svg>
@@ -31,7 +31,7 @@ export const FAQS: Record<AppLocale, FaqItem[]> = {
    },
    {
      q: 'Can I edit files directly?',
-      a: 'Yes. The /workspace view is a real IDE: a file tree, a full Monaco editor with inline diffs, and the correlated session terminal. Stage changes file by file, write a commit message, amend, then push, all from the browser, on any device.',
+      a: 'Yes. The /ide view is a real IDE: a file tree, a full Monaco editor with inline diffs, and the correlated session terminal. Stage changes file by file, write a commit message, amend, then push, all from the browser, on any device.',
    },
    {
      q: 'Can I connect GitHub, GitLab or Gitea and clone?',
@@ -65,7 +65,7 @@ export const FAQS: Record<AppLocale, FaqItem[]> = {
    },
    {
      q: 'Puis-je éditer les fichiers directement ?',
-      a: "Oui. La vue /workspace est un vrai IDE : un arbre de fichiers, un éditeur Monaco complet avec les diffs inline, et le terminal de la session corrélée. Indexez les changements fichier par fichier, rédigez un message de commit, amendez, puis poussez, le tout depuis le navigateur, sur n'importe quel appareil.",
+      a: "Oui. La vue /ide est un vrai IDE : un arbre de fichiers, un éditeur Monaco complet avec les diffs inline, et le terminal de la session corrélée. Indexez les changements fichier par fichier, rédigez un message de commit, amendez, puis poussez, le tout depuis le navigateur, sur n'importe quel appareil.",
    },
    {
      q: 'Puis-je connecter GitHub, GitLab ou Gitea et cloner ?',
@@ -2,6 +2,8 @@
 export default {
  navFeatures: 'Features',
  navWorkspace: 'IDE',
+  navLaunch: 'Start project',
+  navRemoteGit: 'Git services',
  navDownload: 'Download',
  navHow: 'How it works',
  navSecurity: 'Security',
@@ -41,6 +43,10 @@ export default {
  feat10Desc: 'Create a project folder anywhere (optional git init) and start a Claude session in it, from any device.',
  feat16Title: 'Start your project',
  feat16Desc: 'Define your dev commands once (dev server, API, database), then launch each in its own terminal in a single click.',
+  feat17Title: 'Branch history',
+  feat17Desc: 'See what is already committed, which commits are not pushed yet, and unfold the full diff of any of them, right next to what is still uncommitted.',
+  feat18Title: 'Git state at a glance',
+  feat18Desc: 'Every worktree row carries its own counters: ahead/behind, staged, unstaged, conflicts. They refresh on their own while an agent works, no click needed.',
  scAKicker: 'Session supervision',
  scATitle: 'See what needs you, before anything stalls',
  scABody:
@@ -58,6 +64,11 @@ export default {
  grpTitle: 'Drive every repo from one Claude session',
  grpBody:
    'Group the repos that move together: a service, its client, its docs. Launch a single Claude session that spans all of them at once: one conversation, one shared context working across every repo, instead of juggling one agent per repo.',
+  prereqTitle: 'Prerequisites',
+  prereqDesc:
+    'Arboretum is published on a private npm registry. Declare its scope once in your ~/.npmrc, otherwise npm answers 404.',
+  prereqNote:
+    'You also need Node 22.16 or newer (the daemon uses node:sqlite) and the Claude Code CLI on your PATH. The desktop app needs neither: it bundles its own runtime.',
  howKicker: 'How it works',
  howTitle: 'Zero install. Three steps.',
  step1Title: 'Launch the daemon',
@@ -84,20 +95,13 @@ export default {
  footTag: 'a garden of branches, one pane of glass.',
  license: 'MIT License',
  coffee: 'Buy me a coffee',
-  mIde: 'IDE',
  mProjects: 'Projects',
-  mWorktrees: 'Worktrees',
  mExplorer: 'Explorer',
  mEditor: 'Editor',
  mTerminal: 'Terminal',
  mGit: 'Git',
  mSessions: 'Sessions',
  mGroups: 'Groups',
-  mSettings: 'Settings',
-  mHelp: 'Help',
-  mGitea: 'Gitea',
-  mMore: 'More',
-  mSearch: 'Search',
  mAttn: 'Needs attention',
  waiting: 'waiting',
  busy: 'busy',
@@ -139,16 +143,9 @@ export default {
  wsDiff: 'Diff',
  wsFiles: 'Files',
  wsChanges: 'Changes',
-  wsStaged: 'Staged',
  wsTerminal: 'Terminal',
-  wsCommitMsg: 'Implement token refresh',
-  wsCommitPlaceholder: 'Commit message…',
-  wsAmend: 'Amend last commit',
+  wsGroups: 'Groups',
  wsCommitBtn: 'Commit',
-  wsPushBtn: 'Push',
-  wsStage: 'Stage',
-  wsUnstage: 'Unstage',
-  wsDiscard: 'Discard',

  // « Start the project » : lancement multi-terminaux
  launchScKicker: 'Start the project',
@@ -168,7 +165,6 @@ export default {
  rgTested: 'tested',
  rgAddConnection: 'Add connection',
  rgEncrypted: 'Encrypted at rest',
-  rgCloning: 'Cloning',
  rgCloneReceiving: 'Receiving objects',

  // Security pillar (encrypted secrets)
@@ -176,20 +172,43 @@ export default {
  sec5Desc: 'Remote git credentials are encrypted at rest (AES-256-GCM) and never returned in clear by the API.',

  // Desktop app (download)
+  wayKicker: 'Three ways to run it',
+  wayTitle: 'Desktop app, web server, or inside VS Code',
+  wayBody:
+    'The same daemon powers all three. Pick the one that fits the machine you are on, they share the same data.',
+  wayDesktop: 'Desktop app',
+  wayDesktopBody:
+    'A native window that starts the daemon for you, already signed in, with a tray icon and launch-at-login. Nothing to install beyond the app itself.',
+  wayDesktopLink: 'Download',
+  wayServer: 'Self-hosted web server',
+  wayServerBody:
+    'Run the daemon on your workstation and reach its UI from any device you own: laptop, tablet, phone. Tailscale Serve gives you HTTPS inside your tailnet without opening a port, which is also what enables push notifications and PWA install.',
+  wayVscode: 'VS Code extension',
+  wayVscodeBody:
+    'A native extension (not a webview) that connects to the same daemon: live tree of repos, worktrees and sessions, native terminals, a waiting counter with notifications, and git actions.',
+  wayVscodeLink: 'Get the VSIX',
+  wayOriginNote:
+    'One rule to remember when serving it beyond localhost: the daemon rejects any address it was not told about, with a 403. Start it with --allow-origin <your URL> (repeatable) and it is settled. Binding beyond loopback also requires an explicit acknowledgement flag, on purpose.',
+  wayBuildNote: 'Build the desktop app yourself from',
  dlKicker: 'Native desktop app',
  dlTitle: 'Download Arboretum for your desktop',
  dlBody:
    'A native app for Linux, Windows and macOS. It bundles the daemon and its Node runtime, so there is nothing else to install: launch it and your multi-project IDE opens, already signed in. Tray, launch at login and auto-update included. Prefer the terminal? Keep running it in the browser with a single command.',
  dlLinux: 'Linux',
-  dlLinuxHint: 'AppImage and .deb',
+  dlLinuxHint: '.deb (Debian, Ubuntu)',
+  dlLinuxAlt: 'AppImage (other distributions)',
  dlWin: 'Windows',
  dlWinHint: 'NSIS installer and portable',
  dlMac: 'macOS',
-  dlMacHint: 'dmg (best-effort, unsigned)',
+  dlMacHint: 'build from source (unsigned)',
  dlNoNode: 'No Node install needed',
  dlBundled: 'Daemon and runtime bundled',
  dlAutoUpdate: 'Auto-update on Windows and Linux',
+  dlVersion: 'Latest desktop release: {version}',
+  dlAllAssets: 'All release assets',
+  dlUnsigned:
+    'The binaries are not code-signed. On Windows, SmartScreen shows "unknown publisher": choose More info, then Run anyway. On macOS, right-click the app then Open.',
  dlGet: 'Get the app',
  dlSource: 'Build from source',
-  dlNote: 'Installers are published on the releases page once a desktop build is tagged. Until then, build it from source (see packages/desktop).',
+  dlNote: 'macOS builds are produced on demand (no macOS CI runner): build them with npm run dist:mac, or ask for one.',
 };
@@ -2,6 +2,8 @@
 export default {
  navFeatures: 'Fonctionnalités',
  navWorkspace: 'IDE',
+  navLaunch: 'Démarrer',
+  navRemoteGit: 'Services git',
  navDownload: 'Télécharger',
  navHow: 'Comment ça marche',
  navSecurity: 'Sécurité',
@@ -41,6 +43,10 @@ export default {
  feat10Desc: "Créez un dossier de projet où vous voulez (git init optionnel) et lancez-y une session Claude, depuis n'importe quel appareil.",
  feat16Title: 'Démarrez votre projet',
  feat16Desc: 'Définissez vos commandes de démarrage une fois (serveur de dev, API, base de données), puis lancez chacune dans son terminal en un seul clic.',
+  feat17Title: 'Historique de branche',
+  feat17Desc: 'Voyez ce qui est déjà commité, quels commits ne sont pas encore poussés, et dépliez le diff complet de n’importe lequel, juste à côté de ce qui n’est pas commité.',
+  feat18Title: 'État git d’un coup d’œil',
+  feat18Desc: 'Chaque worktree porte ses compteurs : avance/retard, indexés, non indexés, conflits. Ils se rafraîchissent seuls pendant qu’un agent travaille, sans un clic.',
  scAKicker: 'Supervision des sessions',
  scATitle: 'Voyez ce qui vous attend, avant que ça ne bloque',
  scABody:
@@ -58,6 +64,11 @@ export default {
  grpTitle: 'Pilotez tous vos repos depuis une seule session Claude',
  grpBody:
    'Regroupez les repos qui avancent ensemble : un service, son client, sa doc. Lancez une seule session Claude qui les couvre tous à la fois : une conversation, un contexte partagé travaillant à travers chaque repo, au lieu de jongler avec un agent par repo.',
+  prereqTitle: 'Prérequis',
+  prereqDesc:
+    'Arboretum est publié sur un registre npm privé. Déclarez son scope une fois dans votre ~/.npmrc, sinon npm répond 404.',
+  prereqNote:
+    'Il vous faut aussi Node 22.16 ou plus récent (le daemon utilise node:sqlite) et le CLI Claude Code dans votre PATH. L’app de bureau n’a besoin d’aucun des deux : elle embarque son runtime.',
  howKicker: 'Comment ça marche',
  howTitle: 'Zéro install. Trois étapes.',
  step1Title: 'Lancez le daemon',
@@ -84,20 +95,13 @@ export default {
  footTag: 'un jardin de branches, une seule vitre.',
  license: 'Licence MIT',
  coffee: 'Paye-moi un café',
-  mIde: 'IDE',
  mProjects: 'Projets',
-  mWorktrees: 'Worktrees',
  mExplorer: 'Explorateur',
  mEditor: 'Éditeur',
  mTerminal: 'Terminal',
  mGit: 'Git',
  mSessions: 'Sessions',
  mGroups: 'Groupes',
-  mSettings: 'Réglages',
-  mHelp: 'Aide',
-  mGitea: 'Gitea',
-  mMore: 'Plus',
-  mSearch: 'Rechercher',
  mAttn: 'À traiter',
  waiting: 'en attente',
  busy: 'occupée',
@@ -139,16 +143,9 @@ export default {
  wsDiff: 'Diff',
  wsFiles: 'Fichiers',
  wsChanges: 'Changements',
-  wsStaged: 'Indexés',
  wsTerminal: 'Terminal',
-  wsCommitMsg: 'Implémente le rafraîchissement du token',
-  wsCommitPlaceholder: 'Message de commit…',
-  wsAmend: 'Amender le dernier commit',
+  wsGroups: 'Groupes',
  wsCommitBtn: 'Commit',
-  wsPushBtn: 'Push',
-  wsStage: 'Indexer',
-  wsUnstage: 'Désindexer',
-  wsDiscard: 'Annuler',

  // « Démarrer le projet » : lancement multi-terminaux
  launchScKicker: 'Démarrer le projet',
@@ -168,7 +165,6 @@ export default {
  rgTested: 'testée',
  rgAddConnection: 'Ajouter une connexion',
  rgEncrypted: 'Chiffré au repos',
-  rgCloning: 'Clonage',
  rgCloneReceiving: 'Réception des objets',

  // Pilier sécurité (secrets chiffrés)
@@ -176,20 +172,43 @@ export default {
  sec5Desc: "Les identifiants git distants sont chiffrés au repos (AES-256-GCM) et jamais renvoyés en clair par l'API.",

  // App de bureau (téléchargement)
+  wayKicker: 'Trois façons de l’utiliser',
+  wayTitle: 'App de bureau, serveur web, ou dans VS Code',
+  wayBody:
+    'Le même daemon alimente les trois. Choisissez celle qui correspond à la machine où vous êtes : elles partagent les mêmes données.',
+  wayDesktop: 'Application de bureau',
+  wayDesktopBody:
+    'Une fenêtre native qui démarre le daemon pour vous, déjà connectée, avec icône de barre système et lancement au démarrage. Rien à installer d’autre que l’app.',
+  wayDesktopLink: 'Télécharger',
+  wayServer: 'Serveur web auto-hébergé',
+  wayServerBody:
+    'Faites tourner le daemon sur votre poste et ouvrez son interface depuis n’importe quel appareil qui vous appartient : portable, tablette, téléphone. Tailscale Serve fournit HTTPS dans votre tailnet sans ouvrir de port, ce qui active aussi les notifications et l’installation PWA.',
+  wayVscode: 'Extension VS Code',
+  wayVscodeBody:
+    'Une extension native (pas un webview) connectée au même daemon : arbre temps réel des dépôts, worktrees et sessions, terminaux natifs, compteur de sessions en attente avec notifications, et actions git.',
+  wayVscodeLink: 'Obtenir le VSIX',
+  wayOriginNote:
+    'Une règle à retenir dès qu’on sort de localhost : le daemon rejette toute adresse dont on ne lui a pas parlé, avec un 403. Démarrez-le avec --allow-origin <votre URL> (répétable) et c’est réglé. Sortir de la boucle locale demande en outre un flag d’acquittement explicite, volontairement.',
+  wayBuildNote: 'Buildez l’app de bureau vous-même depuis',
  dlKicker: 'App de bureau native',
  dlTitle: 'Téléchargez Arboretum pour votre bureau',
  dlBody:
    "Une app native pour Linux, Windows et macOS. Elle embarque le daemon et son runtime Node : rien d'autre à installer, lancez-la et votre IDE multi-projet s'ouvre, déjà authentifié. Tray, lancement au login et auto-update inclus. Vous préférez le terminal ? Continuez à la lancer dans le navigateur en une commande.",
  dlLinux: 'Linux',
-  dlLinuxHint: 'AppImage et .deb',
+  dlLinuxHint: '.deb (Debian, Ubuntu)',
+  dlLinuxAlt: 'AppImage (autres distributions)',
  dlWin: 'Windows',
  dlWinHint: 'Installeur NSIS et portable',
  dlMac: 'macOS',
-  dlMacHint: 'dmg (best-effort, non signé)',
+  dlMacHint: 'à builder depuis les sources (non signé)',
  dlNoNode: "Pas besoin d'installer Node",
  dlBundled: 'Daemon et runtime embarqués',
  dlAutoUpdate: 'Auto-update sur Windows et Linux',
+  dlVersion: 'Dernière version desktop : {version}',
+  dlAllAssets: 'Tous les fichiers de la release',
+  dlUnsigned:
+    'Les binaires ne sont pas signés. Sous Windows, SmartScreen affiche « éditeur inconnu » : choisissez Informations complémentaires, puis Exécuter quand même. Sous macOS, clic droit sur l’app puis Ouvrir.',
  dlGet: "Obtenir l'app",
  dlSource: 'Builder depuis les sources',
-  dlNote: 'Les installeurs sont publiés sur la page des releases dès qu\'un build desktop est taggé. En attendant, buildez depuis les sources (voir packages/desktop).',
+  dlNote: 'Les builds macOS sont produits à la demande (pas de runner macOS en CI) : construisez-les avec npm run dist:mac, ou demandez-en un.',
 };
@@ -8,3 +8,27 @@ export const COFFEE = 'https://buymeacoffee.com/johanleroy';
 // et sources du paquet Electron pour un build local.
 export const RELEASES = `${REPO}/releases`;
 export const DESKTOP_SRC = `${REPO}/src/branch/main/packages/desktop`;
+
+// Versions publiées, source unique du site (affichées et utilisées pour construire les liens d'assets).
+// À bumper avec les tags de release correspondants.
+export const VERSIONS = {
+  daemon: '3.4.0',
+  desktop: '0.2.0',
+  vscode: '0.4.1',
+} as const;
+
+/**
+ * Lien direct d'un asset de release desktop. Le canal `desktop-latest` est un tag FLOTTANT recréé par la
+ * CI à chaque version : ces URL restent donc valides sans être rééditées à chaque release.
+ */
+const DESKTOP_LATEST = `${REPO}/releases/download/desktop-latest`;
+export const DOWNLOADS = {
+  deb: `${DESKTOP_LATEST}/Arboretum-${VERSIONS.desktop}-amd64.deb`,
+  appImage: `${DESKTOP_LATEST}/Arboretum-${VERSIONS.desktop}-x86_64.AppImage`,
+  windows: `${DESKTOP_LATEST}/Arboretum-${VERSIONS.desktop}-x64.exe`,
+  vsix: `${REPO}/releases/tag/vscode-v${VERSIONS.vscode}`,
+} as const;
+
+/** Registre npm privé à déclarer avant tout `npx` : sans lui, npm renvoie un 404. */
+export const NPM_REGISTRY = 'https://git.lidge.fr/api/packages/johanleroy/npm/';
+export const NPMRC_LINE = '@johanleroy:registry=https://git.lidge.fr/api/packages/johanleroy/npm/';
@@ -1,12 +1,14 @@
 // Thème clair / sombre du site vitrine (aligné sur l'app : lib/theme.ts de packages/web).
-// Singleton module Vue : `themeMode` (persisté en localStorage, clé `arb-theme`), `resolvedTheme`
+// Singleton module Vue : `themeMode` (persisté en localStorage, clé `arb.theme`), `resolvedTheme`
 // (résout `system` via prefers-color-scheme), application au <html> (dataset.theme + metas).
 import { computed, ref, watch, type ComputedRef } from 'vue';

 export type ThemeMode = 'dark' | 'light' | 'system';
 export type ResolvedTheme = 'dark' | 'light';

-const STORAGE_KEY = 'arb-theme';
+// MÊME clé que l'app (packages/web/src/lib/theme.ts) : le site se présente comme aligné sur elle, et
+// un visiteur qui bascule le thème ici retrouve le même sur son instance.
+const STORAGE_KEY = 'arb.theme';
 // Doit rester synchronisé avec --color-surface-0 (style.css) : fond du <html> + metas.
 const BG: Record<ResolvedTheme, string> = { dark: '#09090b', light: '#fafafa' };