Sprint 2 : moteur de documents + sanctuaire

Backend:
- CRUD complet documents/items/versions (update, delete, accept, reject, reorder)
- Service IPFS (upload/retrieve/pin via kubo HTTP API)
- Service sanctuaire : pipeline SHA-256 + IPFS + on-chain (system.remark)
- Verification integrite des entrees sanctuaire
- Recherche par reference (document -> entrees sanctuaire)
- Serialisation deterministe des documents pour archivage
- 14 tests unitaires supplementaires (document service)

Frontend:
- 9 composants : StatusBadge, MarkdownRenderer, DiffView, ItemCard,
  ItemVersionDiff, DocumentList, SanctuaryEntry, IPFSLink, ChainAnchor
- Page detail item avec historique des versions et diff
- Page detail sanctuaire avec verification integrite
- Modal de creation de document + proposition de version
- Archivage document vers sanctuaire depuis la page detail

Documentation:
- API reference mise a jour (9 nouveaux endpoints)
- Guides utilisateur documents et sanctuaire enrichis

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

frontend/app/components/common/DiffView.vue

@@ -0,0 +1,51 @@
+<script setup lang="ts">
+const props = defineProps<{
+  diff: string
+}>()
+
+interface DiffLine {
+  text: string
+  type: 'added' | 'removed' | 'header' | 'context'
+}
+
+const parsedLines = computed((): DiffLine[] => {
+  if (!props.diff) return []
+
+  return props.diff.split('\n').map((line) => {
+    if (line.startsWith('@@')) {
+      return { text: line, type: 'header' as const }
+    }
+    if (line.startsWith('+')) {
+      return { text: line, type: 'added' as const }
+    }
+    if (line.startsWith('-')) {
+      return { text: line, type: 'removed' as const }
+    }
+    return { text: line, type: 'context' as const }
+  })
+})
+
+function lineClass(type: DiffLine['type']): string {
+  switch (type) {
+    case 'added':
+      return 'bg-green-50 dark:bg-green-900/20 text-green-800 dark:text-green-300'
+    case 'removed':
+      return 'bg-red-50 dark:bg-red-900/20 text-red-800 dark:text-red-300'
+    case 'header':
+      return 'bg-blue-50 dark:bg-blue-900/20 text-blue-700 dark:text-blue-300 font-semibold'
+    default:
+      return 'text-gray-700 dark:text-gray-300'
+  }
+}
+</script>
+
+<template>
+  <div class="border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden">
+    <pre class="text-xs font-mono leading-relaxed overflow-x-auto"><template
+      v-for="(line, index) in parsedLines"
+      :key="index"
+    ><div
+        :class="['px-4 py-0.5', lineClass(line.type)]"
+      >{{ line.text }}</div></template></pre>
+  </div>
+</template>

frontend/app/components/common/MarkdownRenderer.vue

@@ -0,0 +1,67 @@
+<script setup lang="ts">
+const props = defineProps<{
+  content: string
+}>()
+
+/**
+ * Basic markdown rendering: bold, line breaks, unordered lists.
+ * Returns sanitized HTML string for v-html usage.
+ */
+const renderedHtml = computed(() => {
+  if (!props.content) return ''
+
+  let html = props.content
+
+  // Escape HTML entities to prevent XSS
+  html = html
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+
+  // Convert **bold** to <strong>
+  html = html.replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>')
+
+  // Convert *italic* to <em>
+  html = html.replace(/\*(.+?)\*/g, '<em>$1</em>')
+
+  // Process lines for list items
+  const lines = html.split('\n')
+  const result: string[] = []
+  let inList = false
+
+  for (const line of lines) {
+    const trimmed = line.trim()
+
+    if (trimmed.startsWith('- ')) {
+      if (!inList) {
+        result.push('<ul class="list-disc list-inside space-y-1 my-2">')
+        inList = true
+      }
+      result.push(`<li>${trimmed.slice(2)}</li>`)
+    } else {
+      if (inList) {
+        result.push('</ul>')
+        inList = false
+      }
+      if (trimmed === '') {
+        result.push('<br>')
+      } else {
+        result.push(`<p class="my-1">${line}</p>`)
+      }
+    }
+  }
+
+  if (inList) {
+    result.push('</ul>')
+  }
+
+  return result.join('\n')
+})
+</script>
+
+<template>
+  <div
+    class="prose prose-sm dark:prose-invert max-w-none text-gray-700 dark:text-gray-300 leading-relaxed"
+    v-html="renderedHtml"
+  />
+</template>

frontend/app/components/common/StatusBadge.vue

@@ -0,0 +1,61 @@
+<script setup lang="ts">
+const props = defineProps<{
+  status: string
+  type?: 'document' | 'decision' | 'mandate' | 'version' | 'vote'
+}>()
+
+const statusConfig: Record<string, Record<string, { color: string; label: string }>> = {
+  document: {
+    draft: { color: 'warning', label: 'Brouillon' },
+    active: { color: 'success', label: 'Actif' },
+    archived: { color: 'neutral', label: 'Archive' },
+  },
+  version: {
+    proposed: { color: 'info', label: 'Propose' },
+    voting: { color: 'warning', label: 'En vote' },
+    accepted: { color: 'success', label: 'Accepte' },
+    rejected: { color: 'error', label: 'Rejete' },
+  },
+  decision: {
+    draft: { color: 'warning', label: 'Brouillon' },
+    qualification: { color: 'info', label: 'Qualification' },
+    review: { color: 'info', label: 'Revue' },
+    voting: { color: 'primary', label: 'En vote' },
+    executed: { color: 'success', label: 'Execute' },
+    closed: { color: 'neutral', label: 'Clos' },
+  },
+  mandate: {
+    draft: { color: 'warning', label: 'Brouillon' },
+    candidacy: { color: 'info', label: 'Candidature' },
+    voting: { color: 'primary', label: 'En vote' },
+    active: { color: 'success', label: 'Actif' },
+    reporting: { color: 'info', label: 'Rapport' },
+    completed: { color: 'neutral', label: 'Termine' },
+    revoked: { color: 'error', label: 'Revoque' },
+  },
+  vote: {
+    open: { color: 'success', label: 'Ouvert' },
+    closed: { color: 'warning', label: 'Ferme' },
+    tallied: { color: 'neutral', label: 'Depouille' },
+  },
+}
+
+const resolved = computed(() => {
+  const typeKey = props.type || 'document'
+  const typeMap = statusConfig[typeKey]
+  if (typeMap && typeMap[props.status]) {
+    return typeMap[props.status]
+  }
+  return { color: 'neutral', label: props.status }
+})
+</script>
+
+<template>
+  <UBadge
+    :color="(resolved.color as any)"
+    variant="subtle"
+    size="xs"
+  >
+    {{ resolved.label }}
+  </UBadge>
+</template>