Sprint 1 : scaffolding complet de Glibredecision

Plateforme de decisions collectives pour Duniter/G1.
Backend FastAPI async + PostgreSQL (14 tables, 8 routers, 6 services,
moteur de vote avec formule d'inertie WoT/Smith/TechComm).
Frontend Nuxt 4 + Nuxt UI v3 + Pinia (9 pages, 5 stores).
Infrastructure Docker + Woodpecker CI + Traefik.
Documentation technique et utilisateur (15 fichiers).
Seed : Licence G1, Engagement Forgeron v2.0.0, 4 protocoles de vote.
30 tests unitaires (formules, mode params, vote nuance) -- tous verts.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

frontend/app/pages/decisions/[id].vue

@@ -0,0 +1,271 @@
+<script setup lang="ts">
+const route = useRoute()
+const decisions = useDecisionsStore()
+
+const decisionId = computed(() => route.params.id as string)
+
+onMounted(async () => {
+  await decisions.fetchById(decisionId.value)
+})
+
+onUnmounted(() => {
+  decisions.clearCurrent()
+})
+
+watch(decisionId, async (newId) => {
+  if (newId) {
+    await decisions.fetchById(newId)
+  }
+})
+
+const statusColor = (status: string) => {
+  switch (status) {
+    case 'active':
+    case 'in_progress': return 'success'
+    case 'draft': return 'warning'
+    case 'completed': return 'info'
+    case 'closed': return 'neutral'
+    case 'pending': return 'warning'
+    default: return 'neutral'
+  }
+}
+
+const statusLabel = (status: string) => {
+  switch (status) {
+    case 'active': return 'Actif'
+    case 'in_progress': return 'En cours'
+    case 'draft': return 'Brouillon'
+    case 'completed': return 'Termine'
+    case 'closed': return 'Ferme'
+    case 'pending': return 'En attente'
+    default: return status
+  }
+}
+
+const typeLabel = (decisionType: string) => {
+  switch (decisionType) {
+    case 'runtime_upgrade': return 'Runtime upgrade'
+    case 'document_change': return 'Modification de document'
+    case 'mandate_vote': return 'Vote de mandat'
+    case 'custom': return 'Personnalise'
+    default: return decisionType
+  }
+}
+
+const stepTypeLabel = (stepType: string) => {
+  switch (stepType) {
+    case 'qualification': return 'Qualification'
+    case 'review': return 'Revue'
+    case 'vote': return 'Vote'
+    case 'execution': return 'Execution'
+    case 'reporting': return 'Compte rendu'
+    default: return stepType
+  }
+}
+
+const stepTypeIcon = (stepType: string) => {
+  switch (stepType) {
+    case 'qualification': return 'i-lucide-check-square'
+    case 'review': return 'i-lucide-eye'
+    case 'vote': return 'i-lucide-vote'
+    case 'execution': return 'i-lucide-play'
+    case 'reporting': return 'i-lucide-file-text'
+    default: return 'i-lucide-circle'
+  }
+}
+
+function formatDate(dateStr: string): string {
+  return new Date(dateStr).toLocaleDateString('fr-FR', {
+    day: 'numeric',
+    month: 'long',
+    year: 'numeric',
+  })
+}
+
+const sortedSteps = computed(() => {
+  if (!decisions.current) return []
+  return [...decisions.current.steps].sort((a, b) => a.step_order - b.step_order)
+})
+</script>
+
+<template>
+  <div class="space-y-6">
+    <!-- Back link -->
+    <div>
+      <UButton
+        to="/decisions"
+        variant="ghost"
+        color="neutral"
+        icon="i-lucide-arrow-left"
+        label="Retour aux decisions"
+        size="sm"
+      />
+    </div>
+
+    <!-- Loading state -->
+    <template v-if="decisions.loading">
+      <div class="space-y-4">
+        <USkeleton class="h-8 w-96" />
+        <USkeleton class="h-4 w-64" />
+        <div class="space-y-3 mt-8">
+          <USkeleton v-for="i in 4" :key="i" class="h-20 w-full" />
+        </div>
+      </div>
+    </template>
+
+    <!-- Error state -->
+    <template v-else-if="decisions.error">
+      <UCard>
+        <div class="flex items-center gap-3 text-red-500">
+          <UIcon name="i-lucide-alert-circle" class="text-xl" />
+          <p>{{ decisions.error }}</p>
+        </div>
+      </UCard>
+    </template>
+
+    <!-- Decision detail -->
+    <template v-else-if="decisions.current">
+      <!-- Header -->
+      <div>
+        <h1 class="text-2xl font-bold text-gray-900 dark:text-white">
+          {{ decisions.current.title }}
+        </h1>
+        <div class="flex items-center gap-3 mt-2">
+          <UBadge variant="subtle" color="primary">
+            {{ typeLabel(decisions.current.decision_type) }}
+          </UBadge>
+          <UBadge :color="statusColor(decisions.current.status)" variant="subtle">
+            {{ statusLabel(decisions.current.status) }}
+          </UBadge>
+        </div>
+      </div>
+
+      <!-- Description & Context -->
+      <UCard v-if="decisions.current.description || decisions.current.context">
+        <div class="space-y-4">
+          <div v-if="decisions.current.description">
+            <h3 class="text-sm font-semibold text-gray-500 uppercase tracking-wide mb-1">Description</h3>
+            <p class="text-sm text-gray-700 dark:text-gray-300 whitespace-pre-wrap">
+              {{ decisions.current.description }}
+            </p>
+          </div>
+          <div v-if="decisions.current.context">
+            <h3 class="text-sm font-semibold text-gray-500 uppercase tracking-wide mb-1">Contexte</h3>
+            <p class="text-sm text-gray-700 dark:text-gray-300 whitespace-pre-wrap">
+              {{ decisions.current.context }}
+            </p>
+          </div>
+        </div>
+      </UCard>
+
+      <!-- Metadata -->
+      <UCard>
+        <div class="grid grid-cols-2 md:grid-cols-3 gap-4 text-sm">
+          <div>
+            <p class="text-gray-500">Cree le</p>
+            <p class="font-medium text-gray-900 dark:text-white">
+              {{ formatDate(decisions.current.created_at) }}
+            </p>
+          </div>
+          <div>
+            <p class="text-gray-500">Mis a jour le</p>
+            <p class="font-medium text-gray-900 dark:text-white">
+              {{ formatDate(decisions.current.updated_at) }}
+            </p>
+          </div>
+          <div>
+            <p class="text-gray-500">Nombre d'etapes</p>
+            <p class="font-medium text-gray-900 dark:text-white">
+              {{ decisions.current.steps.length }}
+            </p>
+          </div>
+        </div>
+      </UCard>
+
+      <!-- Steps timeline -->
+      <div>
+        <h2 class="text-lg font-semibold text-gray-900 dark:text-white mb-4">
+          Etapes du processus
+        </h2>
+
+        <div v-if="sortedSteps.length === 0" class="text-center py-8">
+          <UIcon name="i-lucide-list-checks" class="text-4xl text-gray-400 mb-3" />
+          <p class="text-gray-500">Aucune etape definie pour cette decision</p>
+        </div>
+
+        <div v-else class="relative">
+          <!-- Timeline line -->
+          <div class="absolute left-4 top-0 bottom-0 w-0.5 bg-gray-200 dark:bg-gray-700" />
+
+          <!-- Steps -->
+          <div class="space-y-4">
+            <div
+              v-for="(step, index) in sortedSteps"
+              :key="step.id"
+              class="relative pl-12"
+            >
+              <!-- Timeline dot -->
+              <div
+                class="absolute left-2 w-5 h-5 rounded-full border-2 flex items-center justify-center"
+                :class="{
+                  'bg-green-500 border-green-500': step.status === 'completed',
+                  'bg-primary border-primary': step.status === 'active' || step.status === 'in_progress',
+                  'bg-yellow-400 border-yellow-400': step.status === 'pending',
+                  'bg-white dark:bg-gray-900 border-gray-300 dark:border-gray-600': step.status === 'draft',
+                }"
+              >
+                <UIcon
+                  v-if="step.status === 'completed'"
+                  name="i-lucide-check"
+                  class="text-white text-xs"
+                />
+              </div>
+
+              <UCard>
+                <div class="space-y-2">
+                  <div class="flex items-center justify-between">
+                    <div class="flex items-center gap-2">
+                      <UIcon :name="stepTypeIcon(step.step_type)" class="text-gray-500" />
+                      <span class="text-sm font-mono text-gray-400">Etape {{ step.step_order }}</span>
+                      <UBadge variant="subtle" color="neutral" size="xs">
+                        {{ stepTypeLabel(step.step_type) }}
+                      </UBadge>
+                    </div>
+                    <UBadge :color="statusColor(step.status)" variant="subtle" size="xs">
+                      {{ statusLabel(step.status) }}
+                    </UBadge>
+                  </div>
+
+                  <h3 v-if="step.title" class="font-medium text-gray-900 dark:text-white">
+                    {{ step.title }}
+                  </h3>
+
+                  <p v-if="step.description" class="text-sm text-gray-600 dark:text-gray-400">
+                    {{ step.description }}
+                  </p>
+
+                  <div v-if="step.outcome" class="flex items-center gap-2 mt-2">
+                    <UIcon name="i-lucide-flag" class="text-gray-400" />
+                    <span class="text-sm text-gray-600 dark:text-gray-400">
+                      Resultat : {{ step.outcome }}
+                    </span>
+                  </div>
+
+                  <div v-if="step.vote_session_id" class="mt-2">
+                    <UButton
+                      size="xs"
+                      variant="soft"
+                      color="primary"
+                      icon="i-lucide-vote"
+                      label="Voir la session de vote"
+                    />
+                  </div>
+                </div>
+              </UCard>
+            </div>
+          </div>
+        </div>
+      </div>
+    </template>
+  </div>
+</template>

frontend/app/pages/decisions/index.vue

@@ -0,0 +1,190 @@
+<script setup lang="ts">
+const decisions = useDecisionsStore()
+
+const filterType = ref<string | undefined>(undefined)
+const filterStatus = ref<string | undefined>(undefined)
+
+const typeOptions = [
+  { label: 'Tous les types', value: undefined },
+  { label: 'Runtime upgrade', value: 'runtime_upgrade' },
+  { label: 'Modification de document', value: 'document_change' },
+  { label: 'Vote de mandat', value: 'mandate_vote' },
+  { label: 'Personnalise', value: 'custom' },
+]
+
+const statusOptions = [
+  { label: 'Tous les statuts', value: undefined },
+  { label: 'Brouillon', value: 'draft' },
+  { label: 'En cours', value: 'in_progress' },
+  { label: 'Actif', value: 'active' },
+  { label: 'Termine', value: 'completed' },
+  { label: 'Ferme', value: 'closed' },
+]
+
+async function loadDecisions() {
+  await decisions.fetchAll({
+    decision_type: filterType.value,
+    status: filterStatus.value,
+  })
+}
+
+onMounted(() => {
+  loadDecisions()
+})
+
+watch([filterType, filterStatus], () => {
+  loadDecisions()
+})
+
+const statusColor = (status: string) => {
+  switch (status) {
+    case 'active':
+    case 'in_progress': return 'success'
+    case 'draft': return 'warning'
+    case 'completed': return 'info'
+    case 'closed': return 'neutral'
+    default: return 'neutral'
+  }
+}
+
+const statusLabel = (status: string) => {
+  switch (status) {
+    case 'active': return 'Actif'
+    case 'in_progress': return 'En cours'
+    case 'draft': return 'Brouillon'
+    case 'completed': return 'Termine'
+    case 'closed': return 'Ferme'
+    default: return status
+  }
+}
+
+const typeLabel = (decisionType: string) => {
+  switch (decisionType) {
+    case 'runtime_upgrade': return 'Runtime upgrade'
+    case 'document_change': return 'Modif. document'
+    case 'mandate_vote': return 'Vote de mandat'
+    case 'custom': return 'Personnalise'
+    default: return decisionType
+  }
+}
+
+function formatDate(dateStr: string): string {
+  return new Date(dateStr).toLocaleDateString('fr-FR', {
+    day: 'numeric',
+    month: 'short',
+    year: 'numeric',
+  })
+}
+</script>
+
+<template>
+  <div class="space-y-6">
+    <!-- Header -->
+    <div>
+      <h1 class="text-2xl font-bold text-gray-900 dark:text-white">
+        Decisions
+      </h1>
+      <p class="mt-1 text-sm text-gray-600 dark:text-gray-400">
+        Processus de decision collectifs de la communaute
+      </p>
+    </div>
+
+    <!-- Filters -->
+    <div class="flex flex-wrap gap-4">
+      <USelect
+        v-model="filterType"
+        :items="typeOptions"
+        placeholder="Type de decision"
+        class="w-56"
+      />
+      <USelect
+        v-model="filterStatus"
+        :items="statusOptions"
+        placeholder="Statut"
+        class="w-48"
+      />
+    </div>
+
+    <!-- Loading state -->
+    <template v-if="decisions.loading">
+      <div class="space-y-3">
+        <USkeleton v-for="i in 5" :key="i" class="h-12 w-full" />
+      </div>
+    </template>
+
+    <!-- Error state -->
+    <template v-else-if="decisions.error">
+      <UCard>
+        <div class="flex items-center gap-3 text-red-500">
+          <UIcon name="i-lucide-alert-circle" class="text-xl" />
+          <p>{{ decisions.error }}</p>
+        </div>
+      </UCard>
+    </template>
+
+    <!-- Empty state -->
+    <template v-else-if="decisions.list.length === 0">
+      <UCard>
+        <div class="text-center py-8">
+          <UIcon name="i-lucide-scale" class="text-4xl text-gray-400 mb-3" />
+          <p class="text-gray-500">Aucune decision pour le moment</p>
+        </div>
+      </UCard>
+    </template>
+
+    <!-- Decisions table -->
+    <template v-else>
+      <UCard>
+        <div class="overflow-x-auto">
+          <table class="w-full text-sm">
+            <thead>
+              <tr class="border-b border-gray-200 dark:border-gray-700">
+                <th class="text-left px-4 py-3 font-medium text-gray-500 dark:text-gray-400">Titre</th>
+                <th class="text-left px-4 py-3 font-medium text-gray-500 dark:text-gray-400">Type</th>
+                <th class="text-left px-4 py-3 font-medium text-gray-500 dark:text-gray-400">Statut</th>
+                <th class="text-left px-4 py-3 font-medium text-gray-500 dark:text-gray-400">Etapes</th>
+                <th class="text-left px-4 py-3 font-medium text-gray-500 dark:text-gray-400">Date</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr
+                v-for="decision in decisions.list"
+                :key="decision.id"
+                class="border-b border-gray-100 dark:border-gray-800 hover:bg-gray-50 dark:hover:bg-gray-800/50 cursor-pointer"
+                @click="navigateTo(`/decisions/${decision.id}`)"
+              >
+                <td class="px-4 py-3">
+                  <div class="flex items-center gap-2">
+                    <UIcon name="i-lucide-scale" class="text-gray-400" />
+                    <div>
+                      <span class="font-medium text-gray-900 dark:text-white">{{ decision.title }}</span>
+                      <p v-if="decision.description" class="text-xs text-gray-500 mt-0.5 line-clamp-1">
+                        {{ decision.description }}
+                      </p>
+                    </div>
+                  </div>
+                </td>
+                <td class="px-4 py-3">
+                  <UBadge variant="subtle" color="primary" size="xs">
+                    {{ typeLabel(decision.decision_type) }}
+                  </UBadge>
+                </td>
+                <td class="px-4 py-3">
+                  <UBadge :color="statusColor(decision.status)" variant="subtle" size="xs">
+                    {{ statusLabel(decision.status) }}
+                  </UBadge>
+                </td>
+                <td class="px-4 py-3 text-gray-600 dark:text-gray-400">
+                  {{ decision.steps.length }}
+                </td>
+                <td class="px-4 py-3 text-gray-500 text-xs">
+                  {{ formatDate(decision.created_at) }}
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </UCard>
+    </template>
+  </div>
+</template>