update

app/src/content/embeds/color-picker.html

@@ -146,7 +146,7 @@
           const rgb = base.rgb().map(v => Math.round(v));
           currentRgb.textContent = `RGB ${rgb[0]}, ${rgb[1]}, ${rgb[2]}`;
         }
-        // Appliquer au thème (toujours, pour refléter la sélection)
+        // Apply to theme (always, to reflect the selection)
         const hoverL = Math.max(0, Math.min(100, L - 8));
         const hoverHex = chroma.lch(hoverL, C, h).hex();
         const rootEl = document.documentElement;
@@ -171,7 +171,7 @@
         updateUI(hue, adjusting);
       });
 
-      // Init depuis la couleur de thème si disponible
+      // Init from theme color if available
       try {
         const cssPrimary = getComputedStyle(document.documentElement).getPropertyValue('--primary-color').trim();
         if (cssPrimary) {
@@ -203,7 +203,7 @@
       if (slider) {
         slider.addEventListener('mousedown', onDown);
         slider.addEventListener('touchstart', onDown, { passive: false });
-        // Minimal support clavier (←/→, ⇧ pour pas trop saccader)
+        // Minimal keyboard support (←/→, Shift for larger steps)
         slider.addEventListener('keydown', (e) => {
           const step = e.shiftKey ? 10 : 2;
           if (e.key === 'ArrowLeft') { e.preventDefault(); const { hue } = bus.get(); const h = hue - step; updateUI(h, true); bus.publish(instanceId, h, true); bus.publish(instanceId, h, false); }

app/src/content/embeds/d3-pie.html

@@ -78,8 +78,8 @@
 
       // Layout
       let width=800, height=450; const margin = { top: 0, right: 24, bottom: 32, left: 24 };
-      const CAPTION_GAP = 28;   // espace entre titre et donut (augmenté)
-      const LEGEND_GAP = 8;     // espace entre donut et légende (réduit)
+      const CAPTION_GAP = 28;   // gap between title and donut (larger)
+      const LEGEND_GAP = 8;     // gap between donut and legend (smaller)
       const updateSize = () => {
         width = container.clientWidth || 800;
         height = Math.max(260, Math.round(width/3.4));
@@ -127,7 +127,7 @@
         const cellWidth = (pieAreaWidth - gapX * (cols - 1)) / cols;
         const cellHeight = innerHeight - 6; // room for captions
         const radius = Math.max(30, Math.min(cellWidth, cellHeight) * 0.42);
-        const innerR = Math.round(radius * 0.28); // donut, trou modéré
+        const innerR = Math.round(radius * 0.28); // donut, moderate hole
 
         const pie = d3.pie().sort(null).value(d => d.value).padAngle(0.02);
         const arc = d3.arc().innerRadius(innerR).outerRadius(radius).cornerRadius(3);

app/src/content/embeds/heatmap.html

@@ -1,5 +1,5 @@
 <div class="d3-train-diagram" style="width:100%;margin:10px 0;"></div>
-<div class="caption">Survolez les blocs pour afficher une explication.</div>
+<div class="caption">Hover blocks to show an explanation.</div>
 <style>
   .d3-train-diagram + .caption { margin-top: 8px; font-size: 14px; color: var(--muted-color); }
 </style>
@@ -31,12 +31,12 @@
         { key: 'updated', label: 'Updated', color: '#7c3aed' },
       ];
       const hoverText = {
-        model: 'Chaque bloc représente un sous-module du modèle.',
-        forward: 'Propagation avant: calcul des activations couche par couche.',
-        backward: 'Rétropropagation: calcul des gradients via la chaîne.',
-        gradients: 'Accumulateurs de gradients pour chaque couche.',
-        optimization: 'Étape d’optimisation: mise à jour des poids.',
-        updated: 'Paramètres mis à jour, prêts pour l’itération suivante.'
+        model: 'Each block represents a submodule of the model.',
+        forward: 'Forward pass: compute activations layer by layer.',
+        backward: 'Backpropagation: compute gradients through the chain.',
+        gradients: 'Gradient accumulators for each layer.',
+        optimization: 'Optimization step: update the weights.',
+        updated: 'Parameters updated, ready for the next iteration.'
       };
 
       // SVG

app/src/content/embeds/palettes.html

@@ -115,7 +115,7 @@
           const baseH = base.get('hsl.h') || 0;
           const L0 = Math.max(40, Math.min(85, lc[0] || 70));
           const C0 = Math.max(45, Math.min(75, lc[1] || 70));
-          const MIN_DELTA = 18; // distance minimale en Lab
+          const MIN_DELTA = 18; // minimal distance in Lab
 
           const seen = new Set();
           const results = [];
@@ -138,7 +138,7 @@
             if (!seen.has(hex.toLowerCase())) { results.push(hex); seen.add(hex.toLowerCase()); }
           };
 
-          // Base en premier
+          // Base first
           pushHex(base);
 
           const total = Math.max(6, Math.min(10, count || 6));
@@ -161,7 +161,7 @@
               }
             }
             if (!accepted) {
-              // Réduction de chroma si nécessaire
+              // Reduce chroma if necessary
               let cTry = C0 - 10;
               let trials = 0;
               while (!accepted && cTry >= 30 && trials < 6) {