From 316d205593acc179ed9988e1d31be7f3f4a0ac38 Mon Sep 17 00:00:00 2001
From: Yvv <yves@pervier.com>
Date: Sun, 8 Mar 2026 02:12:10 +0100
Subject: [PATCH] =?UTF-8?q?Card=20Protocoles:=20count=20fixe=20+=20section?=
 =?UTF-8?q?=20op=C3=A9rationnelle=20toujours=20visible?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Home: card Protocoles affiche "2 protocoles" (count fixe) + modalités dynamiques
- Protocols: section "Protocoles opérationnels" déplacée hors template conditionnel

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/app/pages/index.vue           |   6 +-
 frontend/app/pages/protocols/index.vue | 118 ++++++++++++-------------
 2 files changed, 62 insertions(+), 62 deletions(-)

diff --git a/frontend/app/pages/index.vue b/frontend/app/pages/index.vue
index ae51df4..6c92db8 100644
--- a/frontend/app/pages/index.vue
+++ b/frontend/app/pages/index.vue
@@ -59,9 +59,9 @@ const entryCards = computed(() => [
     title: 'Protocoles et fonctionnement',
     icon: 'i-lucide-settings',
     to: '/protocols',
-    count: protocols.protocols.length,
-    countLabel: `${protocols.protocols.length} modalité${protocols.protocols.length > 1 ? 's' : ''}`,
-    totalLabel: 'Boîte à outils de vote + workflows',
+    count: 2,
+    countLabel: '2 protocoles',
+    totalLabel: `${protocols.protocols.length} modalités de vote`,
     description: 'Modalités de vote, formules, workflows',
     color: 'var(--mood-tertiary, var(--mood-accent))',
   },
diff --git a/frontend/app/pages/protocols/index.vue b/frontend/app/pages/protocols/index.vue
index 4cccaff..5b13ee8 100644
--- a/frontend/app/pages/protocols/index.vue
+++ b/frontend/app/pages/protocols/index.vue
@@ -294,65 +294,6 @@ const n8nWorkflows = [
         </NuxtLink>
       </div>
 
-      <!-- Operational protocols (workflow templates) -->
-      <div class="proto-ops">
-        <h3 class="proto-ops__title">
-          <UIcon name="i-lucide-git-branch" class="text-sm" />
-          Protocoles opérationnels
-          <span class="proto-ops__count">{{ operationalProtocols.length }}</span>
-        </h3>
-
-        <div
-          v-for="op in operationalProtocols"
-          :key="op.slug"
-          class="proto-ops__card"
-        >
-          <div class="proto-ops__card-head">
-            <div class="proto-ops__card-icon">
-              <UIcon :name="op.icon" class="text-lg" />
-            </div>
-            <div class="proto-ops__card-info">
-              <h4 class="proto-ops__card-name">{{ op.name }}</h4>
-              <p class="proto-ops__card-desc">{{ op.description }}</p>
-              <span class="proto-ops__card-meta">{{ op.instancesLabel }}</span>
-            </div>
-          </div>
-
-          <!-- Linked references -->
-          <div v-if="op.linkedRefs.length > 0" class="proto-ops__refs">
-            <NuxtLink
-              v-for="ref in op.linkedRefs"
-              :key="ref.to"
-              :to="ref.to"
-              class="proto-ops__ref"
-              :class="`proto-ops__ref--${ref.kind}`"
-            >
-              <UIcon :name="ref.icon" class="text-xs" />
-              <span>{{ ref.label }}</span>
-              <UIcon name="i-lucide-arrow-right" class="text-xs proto-ops__ref-arrow" />
-            </NuxtLink>
-          </div>
-
-          <!-- Step timeline -->
-          <div class="proto-ops__timeline">
-            <div
-              v-for="(step, idx) in op.steps"
-              :key="idx"
-              class="proto-ops__step"
-            >
-              <div class="proto-ops__step-dot" :class="`proto-ops__step-dot--${step.type}`">
-                <UIcon :name="step.icon" class="text-xs" />
-              </div>
-              <div class="proto-ops__step-body">
-                <span class="proto-ops__step-label">{{ step.label }}</span>
-                <span class="proto-ops__step-actor">{{ step.actor }}</span>
-              </div>
-              <div v-if="idx < op.steps.length - 1" class="proto-ops__step-line" />
-            </div>
-          </div>
-        </div>
-      </div>
-
       <!-- Formulas table -->
       <div class="proto-formulas">
         <h3 class="proto-formulas__title">
@@ -389,6 +330,65 @@ const n8nWorkflows = [
       </div>
     </template>
 
+    <!-- Operational protocols (always visible, frontend-only data) -->
+    <div class="proto-ops">
+      <h3 class="proto-ops__title">
+        <UIcon name="i-lucide-git-branch" class="text-sm" />
+        Protocoles opérationnels
+        <span class="proto-ops__count">{{ operationalProtocols.length }}</span>
+      </h3>
+
+      <div
+        v-for="op in operationalProtocols"
+        :key="op.slug"
+        class="proto-ops__card"
+      >
+        <div class="proto-ops__card-head">
+          <div class="proto-ops__card-icon">
+            <UIcon :name="op.icon" class="text-lg" />
+          </div>
+          <div class="proto-ops__card-info">
+            <h4 class="proto-ops__card-name">{{ op.name }}</h4>
+            <p class="proto-ops__card-desc">{{ op.description }}</p>
+            <span class="proto-ops__card-meta">{{ op.instancesLabel }}</span>
+          </div>
+        </div>
+
+        <!-- Linked references -->
+        <div v-if="op.linkedRefs.length > 0" class="proto-ops__refs">
+          <NuxtLink
+            v-for="ref in op.linkedRefs"
+            :key="ref.to"
+            :to="ref.to"
+            class="proto-ops__ref"
+            :class="`proto-ops__ref--${ref.kind}`"
+          >
+            <UIcon :name="ref.icon" class="text-xs" />
+            <span>{{ ref.label }}</span>
+            <UIcon name="i-lucide-arrow-right" class="text-xs proto-ops__ref-arrow" />
+          </NuxtLink>
+        </div>
+
+        <!-- Step timeline -->
+        <div class="proto-ops__timeline">
+          <div
+            v-for="(step, idx) in op.steps"
+            :key="idx"
+            class="proto-ops__step"
+          >
+            <div class="proto-ops__step-dot" :class="`proto-ops__step-dot--${step.type}`">
+              <UIcon :name="step.icon" class="text-xs" />
+            </div>
+            <div class="proto-ops__step-body">
+              <span class="proto-ops__step-label">{{ step.label }}</span>
+              <span class="proto-ops__step-actor">{{ step.actor }}</span>
+            </div>
+            <div v-if="idx < op.steps.length - 1" class="proto-ops__step-line" />
+          </div>
+        </div>
+      </div>
+    </div>
+
     <!-- Toolbox sidebar -->
     <template #toolbox>
       <!-- Simulateur -->