feat(notes): liens internes, onglet Réseau, living blocks et consentement IA

Rend les liens entre notes visibles et persistants (sync NoteLink au save, auto-save, graphe réseau rafraîchi), ajoute living blocks, Memory Echo, recherche globale, consentement IA explicite et consolide les prototypes design en architectural-grid.

Co-authored-by: Cursor <cursoragent@cursor.com>

memento-note/lib/ai/tools/slides-html-builder.ts

@@ -31,7 +31,8 @@ const RECIPES: Record<string, Recipe> = {
 
 function resolveRecipe(name?: string): Recipe {
   if (!name || name === 'auto') return RECIPES['architectural-saas']
-  const key = name.toLowerCase().replace(/[^a-z]/g, '-').replace(/-+/g, '-').replace(/^-|-$/g, '')
+  // Normalize: underscores to dashes for consistency
+  const key = name.toLowerCase().replace(/[\s_]/g, '-').replace(/-+/g, '-').replace(/^-|-$/g, '')
   return RECIPES[key] ?? RECIPES['architectural-saas']
 }
 
@@ -345,30 +346,45 @@ function renderRadarChart(data: { label: string; value: number }[], r: Recipe):
   const cx = 150, cy = 150, radius = 110
   const max = Math.max(...data.map(d => d.value), 1)
   const angleStep = (2 * Math.PI) / n
+
+  // Choose grid color based on theme darkness
+  const gridColor = r.isDark ? 'rgba(255,255,255,0.15)' : 'rgba(0,0,0,0.15)'
+  const labelColor = r.isDark ? 'rgba(255,255,255,0.7)' : 'rgba(0,0,0,0.7)'
+
   // Grid
   const gridLevels = [0.25, 0.5, 0.75, 1].map(f => {
     const pts = Array.from({ length: n }, (_, i) => {
       const a = i * angleStep - Math.PI / 2
       return `${cx + Math.cos(a) * radius * f},${cy + Math.sin(a) * radius * f}`
     }).join(' ')
-    return `<polygon points="${pts}" fill="none" stroke="${r.svgGrid}" stroke-width="1"/>`
+    return `<polygon points="${pts}" fill="none" stroke="${gridColor}" stroke-width="1"/>`
   }).join('')
+
+  // Axis lines from center
+  const axisLines = Array.from({ length: n }, (_, i) => {
+    const a = i * angleStep - Math.PI / 2
+    return `<line x1="${cx}" y1="${cy}" x2="${cx + Math.cos(a) * radius}" y2="${cy + Math.sin(a) * radius}" stroke="${gridColor}" stroke-width="1"/>`
+  }).join('')
+
   // Data polygon
   const dataPts = data.map((d, i) => {
     const a = i * angleStep - Math.PI / 2
     const r2 = (d.value / max) * radius
     return `${cx + Math.cos(a) * r2},${cy + Math.sin(a) * r2}`
   }).join(' ')
-  // Labels
+
+  // Labels with better contrast
   const labels = data.map((d, i) => {
     const a = i * angleStep - Math.PI / 2
     const lx = cx + Math.cos(a) * (radius + 20)
     const ly = cy + Math.sin(a) * (radius + 20)
-    return `<text x="${lx}" y="${ly}" text-anchor="middle" font-size="10" fill="${r.textMuted}">${esc(d.label)}</text>`
+    return `<text x="${lx}" y="${ly}" text-anchor="middle" font-size="11" font-weight="600" fill="${labelColor}">${esc(d.label)}</text>`
   }).join('')
+
   return `<svg viewBox="0 0 300 300" style="width:100%;max-width:320px;height:auto;margin:0 auto;display:block;">
+    ${axisLines}
     ${gridLevels}
-    <polygon points="${dataPts}" fill="${r.accent1}" fill-opacity="0.15" stroke="${r.accent1}" stroke-width="2"/>
+    <polygon points="${dataPts}" fill="${r.accent1}" fill-opacity="0.2" stroke="${r.accent1}" stroke-width="2.5"/>
     ${labels}
   </svg>`
 }