fix embeds

app/scripts/notion-importer/mdx-converter.mjs

@@ -485,14 +485,36 @@ tableOfContentsAutoCollapse: true
 
 
 /**
- * Add a blank line after each markdown table
+ * Check if a line is a table line
+ * @param {string} line - Line to check
+ * @returns {boolean} - True if it's a table line
+ */
+function isTableLine(line) {
+    const trimmed = line.trim();
+    return trimmed.startsWith('|') && trimmed.endsWith('|');
+}
+
+/**
+ * Check if a line is a list item
+ * @param {string} line - Line to check
+ * @returns {boolean} - True if it's a list item
+ */
+function isListItem(line) {
+    const trimmed = line.trim();
+    // Match: * -, + (bullet points) or 1. 2. 3. (numbered lists)
+    return /^\s*[\*\-\+]\s/.test(trimmed) || /^\s*\d+\.\s/.test(trimmed);
+}
+
+/**
+ * Add a blank line after each markdown table and list
  * @param {string} content - MDX content
- * @returns {string} - Content with blank lines after tables
+ * @returns {string} - Content with blank lines after tables and lists
  */
-function addBlankLineAfterTables(content) {
-    console.log('  📋 Adding blank lines after tables...');
+function addBlankLineAfterTablesAndLists(content) {
+    console.log('  📋 Adding blank lines after tables and lists...');
 
-    let addedCount = 0;
+    let addedTableCount = 0;
+    let addedListCount = 0;
     const lines = content.split('\n');
     const result = [];
 
@@ -500,18 +522,18 @@ function addBlankLineAfterTables(content) {
         result.push(lines[i]);
 
         // Check if current line is the end of a table
-        if (lines[i].trim().startsWith('|') && lines[i].trim().endsWith('|')) {
+        if (isTableLine(lines[i])) {
             // Look ahead to see if this is the last line of a table
             let isLastTableLine = false;
 
             // Check if next line is empty or doesn't start with |
             if (i + 1 >= lines.length ||
                 lines[i + 1].trim() === '' ||
-                !lines[i + 1].trim().startsWith('|')) {
+                !isTableLine(lines[i + 1])) {
 
                 // Look back to find if we're actually inside a table
                 let tableLineCount = 0;
-                for (let j = i; j >= 0 && lines[j].trim().startsWith('|') && lines[j].trim().endsWith('|'); j--) {
+                for (let j = i; j >= 0 && isTableLine(lines[j]); j--) {
                     tableLineCount++;
                 }
 
@@ -522,16 +544,33 @@ function addBlankLineAfterTables(content) {
             }
 
             if (isLastTableLine) {
-                addedCount++;
+                addedTableCount++;
+                result.push(''); // Add blank line
+            }
+        }
+        // Check if current line is the end of a list
+        else if (isListItem(lines[i])) {
+            // Look ahead to see if this is the last line of a list
+            let isLastListItem = false;
+
+            // Check if next line is empty or doesn't start with list marker
+            if (i + 1 >= lines.length ||
+                lines[i + 1].trim() === '' ||
+                !isListItem(lines[i + 1])) {
+                isLastListItem = true;
+            }
+
+            if (isLastListItem) {
+                addedListCount++;
                 result.push(''); // Add blank line
             }
         }
     }
 
-    if (addedCount > 0) {
-        console.log(`    ✅ Added blank line after ${addedCount} table(s)`);
+    if (addedTableCount > 0 || addedListCount > 0) {
+        console.log(`    ✅ Added blank line after ${addedTableCount} table(s) and ${addedListCount} list(s)`);
     } else {
-        console.log('    ℹ️  No tables found to process');
+        console.log('    ℹ️  No tables or lists found to process');
     }
 
     return result.join('\n');
@@ -703,8 +742,8 @@ async function processMdxContent(content, pageId = null, notionToken = null, out
     // Apply essential steps only
     processedContent = await ensureFrontmatter(processedContent, pageId, notionToken);
 
-    // Add blank lines after tables
-    processedContent = addBlankLineAfterTables(processedContent);
+    // Add blank lines after tables and lists
+    processedContent = addBlankLineAfterTablesAndLists(processedContent);
 
     // Transform markdown images to Image components
     processedContent = transformMarkdownImages(processedContent);

app/scripts/notion-importer/test-comment-fix-processed.md

@@ -0,0 +1,30 @@
+## Test des Commentaires Notion
+
+Ce fichier contient des exemples de commentaires Notion mal formatés qui génèrent des ` ` bizarres.
+
+### Exemples de Problèmes
+
+#### Commentaire standalone mal formaté
+[^comment]: Ceci est un commentaire qui devrait être converti en note de bas de page
+
+#### Commentaire inline mal formaté
+Voici du texte normal avec un commentaire inline[^comment] qui traînent dans le contenu.
+
+#### Formatage gras corrompu *Texte en gras * qui a été corrompu par les commentaires.
+
+[^comment] qui devrait rester en gras.
+
+#### Cas qui ne doivent PAS être modifiés TITRE EN GRAS - Ceci doit rester en gras car c'est un titre.
+
+[^comment] - Ceci doit rester en gras car c'est court et important.
+
+[Lien](https://example.com) - Ceci contient des liens et ne doit pas être modifié. 123 - Ceci ne doit pas être modifié car c'est juste des chiffres.
+
+### Résultat Attendu
+
+Après traitement, les commentaires devraient être convertis en notes de bas de page :
+
+- `[^comment]` → `[^comment]: Ceci est un commentaire`
+- `texte [^comment] suite` → `texte[^comment] suite`
+- Les astérisques orphelins devraient être supprimés
+- Le formatage gras légitime devrait être préservé

app/src/content/embeds/gpu-sm-architecture.html

@@ -67,10 +67,10 @@
             const getColors = () => {
                 try {
                     if (window.ColorPalettes && typeof window.ColorPalettes.getColors === 'function') {
-                        return window.ColorPalettes.getColors('categorical', 5);
+                        return window.ColorPalettes.getColors('categorical', 4);
                     }
                 } catch (_) { }
-                return ['#64748b', '#94a3b8', '#cbd5e1', '#e2e8f0', '#f1f5f9'];
+                return ['#64748b', '#94a3b8', '#cbd5e1', '#e2e8f0'];
             };
 
             const colors = getColors();
@@ -78,10 +78,10 @@
             // Background colors - gray tones like training compass
             const bgColors = {
                 sm: 'var(--surface-bg)', // Dark mode ready SM background
-                control: colors[1], // Keep categorical colors for components
-                registers: colors[2],
-                cores: colors[3],
-                cache: colors[4]
+                control: colors[0], // Keep categorical colors for components
+                registers: colors[1],
+                cores: colors[2],
+                cache: colors[3]
             };
 
             // Create diagram container

app/src/styles/components/_mermaid.css

@@ -2,6 +2,32 @@
     color: black !important;
 }
 
+.mermaid .cluster-label .nodeLabel {
+    color: var(--text-color) !important;
+}
+
+/* Styles pour le texte des subgraphs/clusters - gérer les foreignObject */
+.mermaid .cluster-label text,
+.mermaid .cluster-label .nodeLabel text,
+.mermaid .cluster-label foreignObject,
+.mermaid .cluster-label foreignObject div,
+.mermaid .cluster-label foreignObject span {
+    color: var(--text-color) !important;
+    fill: var(--text-color) !important;
+}
+
+/* Styles spécifiques pour les clusters/subgraphs */
+.mermaid .cluster rect {
+    fill: transparent !important;
+    stroke: var(--border-color) !important;
+    stroke-width: 1px !important;
+}
+
+.mermaid .cluster-label {
+    color: var(--text-color) !important;
+    fill: var(--text-color) !important;
+}
+
 /* Masquer le flicker pendant la conversion */
 .mermaid-zoom-wrapper.converting {
     opacity: 0.7;