From 8042376f9c8343e7427543aba65cc4a7295441f4 Mon Sep 17 00:00:00 2001
From: Johan LEROY <contact@johanleroy.fr>
Date: Fri, 17 Jul 2026 18:28:04 +0200
Subject: [PATCH] =?UTF-8?q?fix(site):=20fid=C3=A9lit=C3=A9=20des=20mockups?=
 =?UTF-8?q?=20au=20nouvel=20IDE=20(HeroMockup,=20ShowcaseSection)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

HeroMockup : entrée de nav « IDE » active en tête (comme AppSidebar), badge version v2.0.0 (au lieu de v1.6.0 figé). ShowcaseSection : entrée « IDE » ajoutée à la barre d'onglets mobile (comme MobileTabBar). Clé i18n mIde (EN/FR). build:site vert, 0 tiret.
---
 packages/site/src/components/HeroMockup.vue      | 8 ++++++--
 packages/site/src/components/ShowcaseSection.vue | 4 ++++
 packages/site/src/i18n/en.ts                     | 1 +
 packages/site/src/i18n/fr.ts                     | 1 +
 4 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/packages/site/src/components/HeroMockup.vue b/packages/site/src/components/HeroMockup.vue
index c2ce549..6af4a55 100644
--- a/packages/site/src/components/HeroMockup.vue
+++ b/packages/site/src/components/HeroMockup.vue
@@ -83,9 +83,13 @@ const dlgOptions = computed(() =>
             <span class="rounded border border-zinc-700 px-[5px] py-px font-mono text-[10px] text-zinc-500">⌘K</span>
           </div>
 
-          <!-- nav primaire -->
+          <!-- nav primaire (fidèle à AppSidebar : IDE actif, puis Worktrees / Sessions / Groups) -->
           <div class="flex flex-col gap-1">
             <div class="flex items-center gap-2.5 rounded-lg bg-zinc-800 px-2.5 py-1.5 text-zinc-100">
+              <svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect width="18" height="18" x="3" y="3" rx="2" /><path d="M3 9h18" /><path d="M9 21V9" /></svg>
+              <span class="flex-1 text-[12.5px] font-medium">{{ t('mIde') }}</span>
+            </div>
+            <div class="flex items-center gap-2.5 rounded-lg px-2.5 py-1.5 text-zinc-400">
               <svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" 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="flex-1 text-[12.5px] font-medium">{{ t('mWorktrees') }}</span>
             </div>
@@ -131,7 +135,7 @@ const dlgOptions = computed(() =>
             <span class="rounded border border-zinc-700 px-1.5 py-px font-mono text-[10px] text-zinc-400">{{ locale.toUpperCase() }}</span>
             <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="#34d399" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10.268 21a2 2 0 0 0 3.464 0" /><path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326" /></svg>
             <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="#71717a" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4" /><polyline points="16 17 21 12 16 7" /><line x1="21" x2="9" y1="12" y2="12" /></svg>
-            <span class="ml-auto font-mono text-[10px] text-zinc-600">v1.6.0</span>
+            <span class="ml-auto font-mono text-[10px] text-zinc-600">v2.0.0</span>
           </div>
         </div>
 
diff --git a/packages/site/src/components/ShowcaseSection.vue b/packages/site/src/components/ShowcaseSection.vue
index da57cfa..695bb91 100644
--- a/packages/site/src/components/ShowcaseSection.vue
+++ b/packages/site/src/components/ShowcaseSection.vue
@@ -230,6 +230,10 @@ const dlgOpts = computed(() => DLG_OPTS[locale.value as AppLocale]);
 
           <!-- barre d'onglets mobile (fidèle à MobileTabBar) -->
           <div class="absolute inset-x-0 bottom-0 flex border-t border-zinc-800 bg-zinc-950/95 backdrop-blur">
+            <div class="flex flex-1 flex-col items-center gap-0.5 py-2 text-zinc-500">
+              <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"><rect width="18" height="18" x="3" y="3" rx="2" /><path d="M3 9h18" /><path d="M9 21V9" /></svg>
+              <span class="text-[10px]">{{ t('mIde') }}</span>
+            </div>
             <div class="flex flex-1 flex-col items-center gap-0.5 py-2 text-zinc-500">
               <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"><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="text-[10px]">{{ t('mWorktrees') }}</span>
diff --git a/packages/site/src/i18n/en.ts b/packages/site/src/i18n/en.ts
index 93a1efd..4342150 100644
--- a/packages/site/src/i18n/en.ts
+++ b/packages/site/src/i18n/en.ts
@@ -81,6 +81,7 @@ export default {
   footTag: 'a garden of branches, one pane of glass.',
   license: 'MIT License',
   coffee: 'Buy me a coffee',
+  mIde: 'IDE',
   mWorktrees: 'Worktrees',
   mSessions: 'Sessions',
   mGroups: 'Groups',
diff --git a/packages/site/src/i18n/fr.ts b/packages/site/src/i18n/fr.ts
index 7e6f304..7d2efb2 100644
--- a/packages/site/src/i18n/fr.ts
+++ b/packages/site/src/i18n/fr.ts
@@ -81,6 +81,7 @@ export default {
   footTag: 'un jardin de branches, une seule vitre.',
   license: 'Licence MIT',
   coffee: 'Paye-moi un café',
+  mIde: 'IDE',
   mWorktrees: 'Worktrees',
   mSessions: 'Sessions',
   mGroups: 'Groupes',