ontowave 1.0.4 → 1.0.6

package/dist/ontowave.js

@@ -579,6 +579,114 @@
       color: #155724;
     }
     
+    /* === FIX #1: STYLES TABLEAUX === */
+    .ontowave-table {
+      width: 100%;
+      border-collapse: collapse;
+      margin: 16px 0;
+      font-size: 14px;
+      box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+    }
+    
+    .ontowave-table th {
+      background: #f6f8fa;
+      padding: 12px 16px;
+      font-weight: 600;
+      border: 1px solid #d0d7de;
+      color: #24292f;
+    }
+    
+    .ontowave-table td {
+      padding: 12px 16px;
+      border: 1px solid #d0d7de;
+      color: #24292f;
+    }
+    
+    .ontowave-table tbody tr:nth-child(even) {
+      background: #f6f8fa;
+    }
+    
+    .ontowave-table tbody tr:hover {
+      background: #eaeef2;
+    }
+    /* === FIN FIX #1 === */
+    
+    /* === FIX #4: STYLES CODE SOURCE PLANTUML + DIAGRAMME === */
+    .ontowave-plantuml-container {
+      margin: 20px 0;
+    }
+    
+    .ontowave-plantuml-source {
+      margin-bottom: 30px;
+      border: 1px solid #d0d7de;
+      border-radius: 6px;
+      overflow: hidden;
+    }
+    
+    .ontowave-plantuml-source h3 {
+      margin: 0;
+      padding: 12px 16px;
+      background: #f6f8fa;
+      border-bottom: 1px solid #d0d7de;
+      font-size: 16px;
+      font-weight: 600;
+      color: #24292f;
+    }
+    
+    .ontowave-plantuml-source pre {
+      margin: 0;
+      background: #ffffff;
+      padding: 16px;
+      overflow-x: auto;
+      max-height: 500px;
+      overflow-y: auto;
+    }
+    
+    .ontowave-plantuml-source code {
+      font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+      font-size: 13px;
+      line-height: 1.6;
+    }
+    
+    .ontowave-plantuml-render {
+      /* Bordure désactivée à la demande de l'utilisateur */
+      /* border: 1px solid #d0d7de; */
+      /* border-radius: 6px; */
+      overflow: hidden;
+      background: #ffffff;
+    }
+    
+    .ontowave-plantuml-render h3 {
+      margin: 0;
+      padding: 12px 16px;
+      background: #f6f8fa;
+      border-bottom: 1px solid #d0d7de;
+      font-size: 16px;
+      font-weight: 600;
+      color: #24292f;
+    }
+    
+    .ontowave-plantuml-render img {
+      padding: 20px;
+      display: block;
+      margin: 0 auto;
+    }
+    
+    /* Styles pour les liens dans les SVG PlantUML */
+    .plantuml-diagram a.ontowave-internal-link {
+      transition: opacity 0.2s;
+    }
+    
+    .plantuml-diagram a.ontowave-internal-link:hover {
+      opacity: 0.7;
+    }
+    
+    .plantuml-diagram svg {
+      max-width: 100%;
+      height: auto;
+    }
+    /* === FIN FIX #4 === */
+    
     @media (max-width: 768px) {
       .ontowave-header {
         padding: 1rem;
@@ -617,6 +725,54 @@
       this.prismLoaded = false;
       this.currentPage = null;
       this.currentLanguage = null; // Langue courante stockée
+      
+      // === CACHE SVG POUR PERFORMANCE ===
+      this.svgCache = new Map(); // Cache: URL -> {svg: string, timestamp: number}
+      this.svgCacheTTL = 5 * 60 * 1000; // 5 minutes par défaut
+      this.svgCacheEnabled = config.svgCache !== false; // Activé par défaut
+    }
+
+    /**
+     * Récupère un SVG du cache s'il est valide
+     */
+    getCachedSVG(url) {
+      if (!this.svgCacheEnabled) return null;
+      
+      const cached = this.svgCache.get(url);
+      if (!cached) return null;
+      
+      // Vérifier si le cache est expiré
+      const now = Date.now();
+      if (now - cached.timestamp > this.svgCacheTTL) {
+        this.svgCache.delete(url);
+        return null;
+      }
+      
+      console.log('✅ SVG récupéré du cache:', url);
+      return cached.svg;
+    }
+
+    /**
+     * Ajoute un SVG au cache
+     */
+    cacheSVG(url, svg) {
+      if (!this.svgCacheEnabled) return;
+      
+      this.svgCache.set(url, {
+        svg: svg,
+        timestamp: Date.now()
+      });
+      
+      console.log('💾 SVG mis en cache:', url, `(${this.svgCache.size} entrées)`);
+    }
+
+    /**
+     * Vide le cache SVG
+     */
+    clearSVGCache() {
+      const count = this.svgCache.size;
+      this.svgCache.clear();
+      console.log(`🗑️ Cache SVG vidé (${count} entrées supprimées)`);
     }
 
     getCurrentLanguage() {
@@ -994,6 +1150,12 @@
         script.onload = () => {
           console.log('🎨 Prism core loaded');
           
+          // FIX: Préparer des stubs pour éviter les erreurs de dépendances circulaires
+          // Certains composants Prism essaient de lire des propriétés avant qu'elles soient définies
+          if (!window.Prism.languages.javascript) {
+            window.Prism.languages.javascript = { 'class-name': null };
+          }
+          
           // Charger les langages essentiels et attendre leur chargement
           const essentialLanguages = ['markup', 'css', 'javascript'];
           let loadedCount = 0;
@@ -1012,19 +1174,79 @@
               console.log('✅ Prism ready with essential languages');
               resolve();
               
-              // Charger les langages supplémentaires en arrière-plan
-              const additionalLanguages = ['python', 'java', 'bash', 'json', 'yaml', 'typescript'];
-              additionalLanguages.forEach(lang => {
-                const langScript = document.createElement('script');
-                langScript.src = `https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-${lang}.min.js`;
-                langScript.onload = () => {
-                  console.log(`🔤 Additional Prism language loaded: ${lang}`);
+              // === FIX #4: DÉFINITION LANGAGE PLANTUML POUR PRISM ===
+              // PlantUML n'a pas de plugin officiel, on crée la définition
+              if (window.Prism && window.Prism.languages) {
+                window.Prism.languages.plantuml = {
+                  'comment': /'[^\n]*/,
+                  'keyword': /@startuml|@enduml|@startmindmap|@endmindmap|@startsalt|@endsalt|@startgantt|@endgantt|participant|actor|boundary|control|entity|database|collections|queue|as|title|note|over|left|right|end|alt|else|opt|loop|par|break|critical|group|autonumber|activate|deactivate|destroy|create|hide|show|class|interface|abstract|enum|extends|implements|package|namespace|skinparam|style|sprite/,
+                  'string': {
+                    pattern: /"(?:\\.|[^\\"\r\n])*"/,
+                    greedy: true
+                  },
+                  'arrow': /(?:--|->|o-|-o|\*-|-\*|\.-|-\.)/,
+                  'operator': /[:=[\](){}|]/,
+                  'tag': /#[a-zA-Z0-9]+/,
+                  'function': /\[\[.*?\]\]/,
+                  'number': /\b\d+\b/,
+                  'punctuation': /[,;]/
                 };
-                langScript.onerror = () => {
-                  console.warn(`⚠️ Failed to load Prism language: ${lang}`);
+                console.log('🏭 PlantUML language definition added to Prism');
+              }
+              // === FIN FIX #4 ===
+              
+              // Charger les langages supplémentaires en arrière-plan (séquentiellement pour respecter les dépendances)
+              // Attendre que JavaScript soit complètement prêt avant de charger TypeScript qui l'étend
+              setTimeout(() => {
+                // Langages qui n'étendent PAS JavaScript (chargement sûr)
+                const safeLanguages = ['python', 'java', 'bash', 'json', 'yaml', 'mermaid'];
+                // TypeScript sera chargé EN DERNIER après vérification
+                
+                let loadIndex = 0;
+                
+                const loadNextLanguage = () => {
+                  if (loadIndex >= safeLanguages.length) {
+                    console.log('✅ All safe Prism languages loaded');
+                    // Maintenant charger TypeScript avec vérification
+                    loadTypescript();
+                    return;
+                  }
+                  
+                  const lang = safeLanguages[loadIndex++];
+                  const langScript = document.createElement('script');
+                  langScript.src = `https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-${lang}.min.js`;
+                  langScript.onload = () => {
+                    console.log(`🔤 Additional Prism language loaded: ${lang}`);
+                    // Petit délai entre chaque langage pour éviter les conflits
+                    setTimeout(loadNextLanguage, 10);
+                  };
+                  langScript.onerror = () => {
+                    console.warn(`⚠️ Failed to load Prism language: ${lang}`);
+                    loadNextLanguage(); // Continuer même en cas d'erreur
+                  };
+                  document.head.appendChild(langScript);
                 };
-                document.head.appendChild(langScript);
-              });
+                
+                const loadTypescript = () => {
+                  // Vérifier que JavaScript est complet avant de charger TypeScript
+                  if (!window.Prism.languages.javascript || !window.Prism.languages.javascript['class-name']) {
+                    console.warn('⚠️ JavaScript grammar incomplete, skipping TypeScript');
+                    return;
+                  }
+                  
+                  const tsScript = document.createElement('script');
+                  tsScript.src = 'https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-typescript.min.js';
+                  tsScript.onload = () => {
+                    console.log('🔤 Additional Prism language loaded: typescript');
+                  };
+                  tsScript.onerror = () => {
+                    console.warn('⚠️ Failed to load Prism language: typescript');
+                  };
+                  document.head.appendChild(tsScript);
+                };
+                
+                loadNextLanguage(); // Démarrer le chargement séquentiel
+              }, 100); // Attendre 100ms pour que JavaScript soit stable
             }
           };
           
@@ -1354,6 +1576,39 @@
     async loadInitialPage() {
       const currentHash = location.hash.replace('#', '');
       
+      // === FIX #3: DÉTECTION AUTOMATIQUE LANGUE NAVIGATEUR ===
+      // Détecter la langue du navigateur si pas de hash et pas de langue explicite
+      if (!currentHash && this.config.languages && this.config.languages.supported) {
+        const browserLang = navigator.language.split('-')[0].toLowerCase(); // 'en-US' → 'en'
+        console.log('🌍 Browser language detected:', browserLang);
+        
+        const supportedLangs = this.config.languages.supported.split(',').map(l => l.trim().toLowerCase());
+        const fallbackLang = this.config.languages.fallback || 'fr';
+        
+        // Vérifier si la langue du navigateur est supportée et différente du fallback
+        if (supportedLangs.includes(browserLang) && browserLang !== fallbackLang) {
+          console.log(`🌍 Auto-redirecting to browser language: ${browserLang}`);
+          
+          // Construire le nom de page dans la langue du navigateur
+          const basePage = this.config.defaultPage.replace(/\.([a-z]{2})\.md$/, '.md').replace(/\.md$/, '');
+          const langPage = `${basePage}.${browserLang}.md`;
+          
+          // Vérifier si la page existe
+          try {
+            const testResponse = await fetch(this.config.baseUrl + langPage, { method: 'HEAD' });
+            if (testResponse.ok) {
+              console.log(`🌍 Language page found: ${langPage}`);
+              location.hash = '#' + langPage;
+              await this.loadPage(langPage);
+              return;
+            }
+          } catch (e) {
+            console.log(`🌍 Language page not found: ${langPage}, using fallback`);
+          }
+        }
+      }
+      // === FIN FIX #3 ===
+      
       // Mode multilingue : redirection automatique si pas de hash
       if (this.isMultilingualMode() && !currentHash) {
         const defaultSource = this.config.sources[this.config.defaultLocale];
@@ -1430,16 +1685,63 @@
           throw new Error(`HTTP ${response.status}: ${response.statusText}`);
         }
 
-        const markdown = await response.text();
-        console.log('✅ Content loaded:', markdown.length, 'characters');
+        const content = await response.text();
+        console.log('✅ Content loaded:', content.length, 'characters');
 
-        // Rendre le markdown
-        const html = await this.renderMarkdown(markdown);
+        // === FIX #2A: SUPPORT FICHIERS .PUML (avec coloration Prism) ===
+        let html;
+        if (pagePath.endsWith('.puml')) {
+          // Fichier PlantUML direct
+          console.log('🏭 Processing .puml file');
+          
+          // Fonction d'encodage PlantUML (réutiliser celle existante)
+          function encodePlantUML(text) {
+            const utf8Encoder = new TextEncoder();
+            const utf8Bytes = utf8Encoder.encode(text);
+            let hex = '';
+            for (let i = 0; i < utf8Bytes.length; i++) {
+              hex += utf8Bytes[i].toString(16).padStart(2, '0');
+            }
+            return 'h' + hex;
+          }
+          
+          const encodedContent = encodePlantUML(content);
+          const plantUMLUrl = `${this.config.plantuml.server}/${this.config.plantuml.format}/~${encodedContent}`;
+          
+          // Échapper le code source pour l'affichage
+          const escapedContent = content.replace(/</g, '&lt;').replace(/>/g, '&gt;');
+          
+          // === FIX #4: CODE SOURCE COLORÉ + DIAGRAMME (SVG inline) ===
+          html = `
+            <div class="ontowave-plantuml-container">
+              <div class="ontowave-plantuml-source">
+                <h3>📝 Code Source PlantUML</h3>
+                <pre><code class="language-plantuml">${escapedContent}</code></pre>
+              </div>
+              <div class="ontowave-plantuml-render">
+                <h3>🎨 Diagramme Rendu</h3>
+                <div class="plantuml-diagram" data-plantuml-url="${plantUMLUrl}">⏳ Chargement diagramme PlantUML...</div>
+              </div>
+            </div>
+          `;
+        } else {
+          // Fichier markdown classique
+          html = await this.renderMarkdown(content);
+        }
+        // === FIN FIX #2A ===
+        
         contentDiv.innerHTML = html;
+        
+        // Supprimer explicitement tous les éléments de loading restants
+        const loadingElements = document.querySelectorAll('.ontowave-loading');
+        loadingElements.forEach(el => el.remove());
 
-        // Traiter les diagrammes
+        // Traiter les diagrammes Mermaid
         await this.processDiagrams(contentDiv);
 
+        // Traiter les diagrammes PlantUML (SVG inline)
+        await this.processPlantUML(contentDiv);
+
         // Traiter la coloration syntaxique
         await this.processPrism(contentDiv);
 
@@ -1475,6 +1777,53 @@
       // Rendu markdown corrigé avec support complet
       let html = markdown;
       
+      // === FIX #1: SUPPORT TABLEAUX MARKDOWN ===
+      // Traiter les tableaux AVANT les blocs de code
+      html = html.replace(/\n(\|[^\n]+\|\n)+/gm, (match) => {
+        const lines = match.trim().split('\n');
+        if (lines.length < 2) return match;
+        
+        // Ligne 1 = headers, Ligne 2 = alignements, Reste = données
+        const headers = lines[0].split('|').map(h => h.trim()).filter(h => h);
+        const alignments = lines[1].split('|').map(a => a.trim()).filter(a => a);
+        const rows = lines.slice(2).map(line => 
+          line.split('|').map(cell => cell.trim()).filter(cell => cell !== '')
+        );
+        
+        // Déterminer alignements: :--- = left, :---: = center, ---: = right
+        const aligns = alignments.map(a => {
+          if (a.startsWith(':') && a.endsWith(':')) return 'center';
+          if (a.endsWith(':')) return 'right';
+          return 'left';
+        });
+        
+        // Générer HTML table
+        let table = '<table class="ontowave-table">';
+        
+        // Headers
+        table += '<thead><tr>';
+        headers.forEach((header, i) => {
+          const align = aligns[i] || 'left';
+          table += `<th style="text-align: ${align}">${header}</th>`;
+        });
+        table += '</tr></thead>';
+        
+        // Body
+        table += '<tbody>';
+        rows.forEach(row => {
+          table += '<tr>';
+          row.forEach((cell, i) => {
+            const align = aligns[i] || 'left';
+            table += `<td style="text-align: ${align}">${cell}</td>`;
+          });
+          table += '</tr>';
+        });
+        table += '</tbody></table>';
+        
+        return '\n' + table + '\n';
+      });
+      // === FIN FIX #1 ===
+      
       // Traiter les blocs de code AVANT les autres transformations
       const codeBlocks = [];
       html = html.replace(/```(\w+)([\s\S]*?)```/g, (match, language, content) => {
@@ -1483,32 +1832,27 @@
         
         if (language === 'mermaid') {
           const id = 'mermaid-' + Math.random().toString(36).substr(2, 9);
-          codeBlocks.push(`<div class="ontowave-mermaid">
-            <div style="margin-bottom: 8px; font-weight: bold; color: #586069;">🧜‍♀️ Diagramme Mermaid</div>
-            <div class="mermaid" id="${id}">${trimmedContent}</div>
-          </div>`);
+          codeBlocks.push(`<div class="mermaid" id="${id}">${trimmedContent}</div>`);
         } else if (language === 'plantuml') {
           const id = 'plantuml-' + Math.random().toString(36).substr(2, 9);
           
+          // === NOUVEAU: SVG INLINE DIRECT (comme Mermaid) ===
           // Fonction d'encodage PlantUML avec support UTF-8
           function encodePlantUML(text) {
-            // Encoder le texte en UTF-8 puis en hexadécimal
             const utf8Encoder = new TextEncoder();
             const utf8Bytes = utf8Encoder.encode(text);
             let hex = '';
             for (let i = 0; i < utf8Bytes.length; i++) {
               hex += utf8Bytes[i].toString(16).padStart(2, '0');
             }
-            return 'h' + hex; // Le préfixe ~h sera ajouté dans l'URL
+            return 'h' + hex;
           }
           
           const encodedContent = encodePlantUML(trimmedContent);
           const plantUMLUrl = `${this.config.plantuml.server}/${this.config.plantuml.format}/~${encodedContent}`;
-          codeBlocks.push(`<div class="ontowave-plantuml" id="${id}">
-            <div style="margin-bottom: 8px; font-weight: bold; color: #586069;">🏭 Diagramme PlantUML</div>
-            <img src="${plantUMLUrl}" alt="Diagramme PlantUML" style="max-width: 100%; height: auto;" 
-                 onerror="this.parentElement.innerHTML='<div style=\\'color: #d73a49; padding: 20px;\\'>❌ Erreur de rendu PlantUML</div>'" />
-          </div>`);
+          
+          // Placeholder pour le SVG qui sera chargé de manière asynchrone
+          codeBlocks.push(`<div class="plantuml-diagram" id="${id}" data-plantuml-url="${plantUMLUrl}">⏳ Chargement diagramme PlantUML...</div>`);
         } else {
           const codeClass = this.prismLoaded ? `language-${language}` : '';
           console.log(`📝 Processing code block: language="${language}", prismLoaded=${this.prismLoaded}, class="${codeClass}"`);
@@ -1835,6 +2179,101 @@ td:empty::before {
       }
     }
 
+    // === NOUVEAU: TRAITEMENT SVG PLANTUML INLINE ===
+    async processPlantUML(container) {
+      const plantUMLElements = container.querySelectorAll('.plantuml-diagram[data-plantuml-url]');
+      if (plantUMLElements.length === 0) return;
+
+      console.log('🌱 Processing', plantUMLElements.length, 'PlantUML diagrams');
+
+      // Traiter tous les diagrammes en parallèle pour la performance
+      const promises = Array.from(plantUMLElements).map(async (element) => {
+        const plantUMLUrl = element.getAttribute('data-plantuml-url');
+        
+        try {
+          let svgText;
+          
+          // === CACHE SVG ===
+          const cachedSVG = this.getCachedSVG(plantUMLUrl);
+          if (cachedSVG) {
+            svgText = cachedSVG;
+          } else {
+            // Fetch le SVG depuis le serveur PlantUML
+            const response = await fetch(plantUMLUrl);
+            if (!response.ok) {
+              throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+            }
+            
+            svgText = await response.text();
+            
+            // Mettre en cache
+            this.cacheSVG(plantUMLUrl, svgText);
+          }
+          
+          // Parser le SVG
+          const temp = document.createElement('div');
+          temp.innerHTML = svgText;
+          const svg = temp.querySelector('svg');
+          
+          if (!svg) {
+            throw new Error('No SVG found in response');
+          }
+          
+          // Appliquer les styles au SVG
+          svg.style.maxWidth = '100%';
+          svg.style.height = 'auto';
+          svg.style.display = 'block';
+          svg.style.margin = '0 auto';
+          
+          // === GESTION DES LIENS CLIQUABLES ===
+          const links = svg.querySelectorAll('a[href]');
+          console.log(`🔗 Found ${links.length} links in PlantUML diagram`);
+          
+          links.forEach(link => {
+            const href = link.getAttribute('href');
+            
+            // Si c'est un lien interne (.md, .html, .puml), utiliser le router OntoWave
+            if (href && (href.endsWith('.md') || href.endsWith('.html') || href.endsWith('.puml'))) {
+              link.addEventListener('click', (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                console.log(`🔗 Navigating to: ${href}`);
+                this.loadPage(href);
+              });
+              
+              // Style hover pour indiquer que c'est cliquable
+              link.style.cursor = 'pointer';
+              link.setAttribute('class', (link.getAttribute('class') || '') + ' ontowave-internal-link');
+            }
+          });
+          
+          // Remplacer le placeholder par le SVG
+          element.innerHTML = '';
+          element.appendChild(svg);
+          
+          console.log('✅ PlantUML diagram rendered with', links.length, 'clickable links');
+          
+        } catch (error) {
+          console.error('❌ Failed to load PlantUML diagram:', error);
+          element.innerHTML = `
+            <div style="color: #d73a49; padding: 20px; background: #fff5f5; border: 1px solid #feb2b2; border-radius: 6px;">
+              <strong>❌ Erreur de rendu PlantUML</strong>
+              <p style="margin: 5px 0; font-size: 14px;">${error.message}</p>
+              <details style="margin-top: 10px;">
+                <summary style="cursor: pointer; color: #0366d6;">Détails techniques</summary>
+                <pre style="background: #f6f8fa; padding: 10px; margin-top: 5px; border-radius: 4px; overflow-x: auto; font-size: 12px;">URL: ${plantUMLUrl}</pre>
+              </details>
+            </div>
+          `;
+        }
+      });
+
+      // Attendre que tous les diagrammes soient traités
+      await Promise.all(promises);
+      console.log('✅ All PlantUML diagrams processed');
+    }
+    // === FIN TRAITEMENT PLANTUML ===
+
     async processPrism(container) {
       console.log('🔍 processPrism called - prismLoaded:', this.prismLoaded, 'window.Prism:', !!window.Prism);
       
@@ -1843,6 +2282,23 @@ td:empty::before {
         return;
       }
 
+      // Attendre que JavaScript soit chargé (langage essentiel)
+      if (!window.Prism.languages || !window.Prism.languages.javascript) {
+        console.log('⏳ JavaScript not loaded yet, waiting...');
+        // Attendre maximum 2 secondes
+        for (let i = 0; i < 20; i++) {
+          await new Promise(resolve => setTimeout(resolve, 100));
+          if (window.Prism.languages && window.Prism.languages.javascript) {
+            console.log('✅ JavaScript language now available');
+            break;
+          }
+        }
+        
+        if (!window.Prism.languages || !window.Prism.languages.javascript) {
+          console.warn('⚠️ JavaScript language still not available after waiting');
+        }
+      }
+
       try {
         // Vérifier les langages disponibles
         console.log('🔤 Available Prism languages:', window.Prism.languages ? Object.keys(window.Prism.languages) : 'none');
@@ -1916,6 +2372,11 @@ td:empty::before {
       }
     }
 
+    // === ANCIENNE FONCTION SUPPRIMÉE ===
+    // attachPlantUMLLinks() n'est plus nécessaire car on insère directement le SVG inline
+    // Les liens sont attachés dans processPlantUML()
+    // === FIN SUPPRESSION ===
+
     showConfigurationInterface() {
       const contentDiv = document.getElementById('ontowave-content');
       if (!contentDiv) return;

package/dist/ontowave.min.js

@@ -1,4 +1,4 @@
-(d=>{let o={fr:{menuHome:"Accueil",menuGallery:"Galerie",menuConfiguration:"Configuration",configTitle:"OntoWave - Configuration Complète",configGeneral:"Général",configSiteTitle:"Titre du site :",configDefaultPage:"Page par défaut :",configBaseUrl:"URL de base :",configLanguages:"Langues et Localisation",configSupportedLanguages:"Langues supportées (séparées par des virgules) :",configFallbackLanguage:"Langue de fallback :",configNavigation:"Navigation et Interface",configShowGallery:"Afficher la galerie d'exemples",configHomeButton:"Bouton Accueil",configBreadcrumb:"Fil d'Ariane (breadcrumb)",configToc:"Table des matières",configMermaid:"Diagrammes Mermaid",configMermaidTheme:"Thème Mermaid :",configMermaidAuto:"Démarrage automatique",configMermaidMaxWidth:"Utiliser la largeur maximale",configPlantuml:"Diagrammes PlantUML",configPlantumlServer:"Serveur PlantUML :",configPlantumlFormat:"Format de sortie :",configPrism:"Coloration Syntaxique (Prism.js)",configPrismTheme:"Thème Prism :",configPrismAutoload:"Chargement automatique",configUI:"Interface Utilisateur",configUITheme:"Thème de l'interface :",configUIResponsive:"Design responsive",configUIAnimations:"Animations et transitions",configApply:"Appliquer Configuration",configDownloadHTML:"Télécharger HTML",configDownloadJS:"Télécharger ontowave.min.js",configReset:"Réinitialiser",configLanguageNote:"Laissez vide pour un site monolingue"},en:{menuHome:"Home",menuGallery:"Gallery",menuConfiguration:"Configuration",configTitle:"OntoWave - Complete Configuration",configGeneral:"General",configSiteTitle:"Site title:",configDefaultPage:"Default page:",configBaseUrl:"Base URL:",configLanguages:"Languages and Localization",configSupportedLanguages:"Supported languages (comma separated):",configFallbackLanguage:"Fallback language:",configNavigation:"Navigation and Interface",configShowGallery:"Show examples gallery",configHomeButton:"Home button",configBreadcrumb:"Breadcrumb navigation",configToc:"Table of contents",configMermaid:"Mermaid Diagrams",configMermaidTheme:"Mermaid theme:",configMermaidAuto:"Auto start",configMermaidMaxWidth:"Use maximum width",configPlantuml:"PlantUML Diagrams",configPlantumlServer:"PlantUML server:",configPlantumlFormat:"Output format:",configPrism:"Syntax Highlighting (Prism.js)",configPrismTheme:"Prism theme:",configPrismAutoload:"Auto loading",configUI:"User Interface",configUITheme:"Interface theme:",configUIResponsive:"Responsive design",configUIAnimations:"Animations and transitions",configApply:"Apply Configuration",configDownloadHTML:"Download HTML",configDownloadJS:"Download ontowave.min.js",configReset:"Reset",configLanguageNote:"Leave empty for monolingual site"}},t={title:"OntoWave Documentation",baseUrl:"/",defaultPage:"index.md",containerId:"ontowave-container",locales:["fr","en"],fallbackLocale:"en",showGallery:!1,mermaid:{theme:"default",startOnLoad:!0,flowchart:{useMaxWidth:!0},sequence:{useMaxWidth:!0},gantt:{useMaxWidth:!0},journey:{useMaxWidth:!0}},plantuml:{server:"https://www.plantuml.com/plantuml",format:"svg"},prism:{theme:"default",autoload:!0},navigation:{showHome:!0,showBreadcrumb:!0,showToc:!0},ui:{theme:"default",responsive:!0,animations:!0,languageButtons:"menu"}};class n{constructor(e={}){this.config={...t,...e},e.i18n&&(e.i18n.supported&&(this.config.locales=e.i18n.supported),e.i18n.default)&&(this.config.fallbackLocale=e.i18n.default),this.container=null,this.mermaidLoaded=!1,this.prismLoaded=!1,this.currentPage=null,this.currentLanguage=null}getCurrentLanguage(){if(this.currentLanguage)return this.currentLanguage;var e=document.getElementById("lang-fr"),t=document.getElementById("lang-en");if(e&&t){if(e.classList.contains("visible")||!e.classList.contains("hidden")&&"none"!==e.style.display)return"fr";if(t.classList.contains("visible")||!t.classList.contains("hidden")&&"none"!==t.style.display)return"en"}e=document.getElementById("btn-fr"),t=document.getElementById("btn-en");if(e&&t){if(e.classList.contains("active"))return"fr";if(t.classList.contains("active"))return"en"}return this.resolveLocale()||"en"}t(e,t=null){t=t||this.getCurrentLanguage();return(o[t]||o.en)[e]||e}updateInterfaceTexts(e=null){let t=e||this.getCurrentLanguage();console.log("🌐 Interface texts updating for language:",t);e=document.querySelector('.ontowave-menu-option[onclick*="goHome"]'),e&&(e.innerHTML="🏠 "+this.t("menuHome",t)),e=document.querySelector('.ontowave-menu-option[onclick*="gallery.html"]'),e&&(e.innerHTML="🎨 "+this.t("menuGallery",t)),e=document.querySelector('.ontowave-menu-option[onclick*="toggleConfigurationPanel"]'),e&&(e.innerHTML="⚙️ "+this.t("menuConfiguration",t)),e=document.getElementById("ontowave-config-panel");if(e){let n=document.getElementById("config-title-full")?.value||this.config.title,i=document.getElementById("config-defaultPage-full")?.value||this.config.defaultPage,a=document.getElementById("config-baseUrl-full")?.value||this.config.baseUrl;e.remove();e=document.querySelector('.ontowave-menu-option[onclick*="toggleConfigurationPanel"]');e&&e.classList.remove("selected"),setTimeout(()=>{this.toggleConfigurationPanel(null,t),setTimeout(()=>{var e=document.getElementById("config-title-full"),t=document.getElementById("config-defaultPage-full"),o=document.getElementById("config-baseUrl-full");e&&(e.value=n),t&&(t.value=i),o&&(o.value=a)},100)},50)}console.log("🌐 Interface texts updated for language:",t)}switchLanguage(e){this.currentLanguage=e,this.updateLanguageButtonsState(e),this.updateInterfaceTexts(e);e=(this.config.sources||{})[e]||this.config.defaultPage;e&&this.loadPage(e)}updateLanguageButtonsState(e=null){let t=e||this.getCurrentLanguage();document.querySelectorAll(".ontowave-lang-btn").forEach(e=>{e.classList.remove("active"),e.textContent.includes(t.toUpperCase())&&e.classList.add("active")}),document.querySelectorAll(".ontowave-fixed-lang-btn").forEach(e=>{e.classList.remove("active"),e.textContent.includes(t.toUpperCase())&&e.classList.add("active")}),console.log("🌐 État des boutons de langue mis à jour pour:",t)}goHome(){var e=this.getCurrentLanguage(),e=(this.config.sources||{})[e]||this.config.defaultPage;this.loadPage(e)}getBrowserLocales(){var e=[];return navigator.languages&&e.push(...navigator.languages),navigator.language&&e.push(navigator.language),navigator.userLanguage&&e.push(navigator.userLanguage),[...new Set(e)]}resolveLocale(){var e=this.getBrowserLocales(),o=this.config.locales||[],t=this.config.defaultLocale||this.config.fallbackLocale;if(console.log("🌐 Browser locales:",e),console.log("🌐 Supported locales:",o),console.log("🌐 Default locale:",t),0===o.length)return null;var n,i,a,l=d.location.hash||d.location.pathname;console.log("🔍 Current URL:",l);for(n of o)if(new RegExp(`\\.${n}\\.(md|html)`).test(l))return console.log("🎯 Page language detected from URL:",n,"in",l),n;for(i of e)if(o.includes(i))return console.log("🎯 Exact browser match found:",i),i;for(a of e){var r;a.split("-")[0];for(r of e){let t=r.split("-")[0];var s=o.find(e=>e.startsWith(t));if(s)return console.log("🎯 Prefix match found:",r,"->",s),s}if(t&&o.includes(t))return console.log("🎯 Using configured default locale:",t),t}var c=o[0];return console.log("🎯 Using fallback locale:",c),c}isMultilingualMode(){return this.config.locales&&0<this.config.locales.length&&this.config.sources}generatePageCandidates(e){var t,o=this.resolveLocale(),n=[];return o?(t=e.replace(/\.md$/,""),n.push(t+`.${o}.md`),o.includes("-")&&(o=o.split("-")[0],n.push(t+`.${o}.md`)),n.push(e),console.log("📄 Page candidates for",e,":",n)):n.push(e),n}async init(){try{await this.loadConfigFromScript(),this.injectStyles(),await this.loadMermaid(),await this.loadPrism(),this.createInterface(),this.currentLanguage=this.resolveLocale(),this.initializeNavigation(),this.updateLanguageButtonsState(),await this.loadInitialPage(),console.log("✅ OntoWave successfully initialized")}catch(e){console.error("❌ OntoWave initialization failed:",e),this.showError("Erreur d'initialisation OntoWave: "+e.message)}}async loadConfigFromScript(){if(d.ontoWaveConfig)this.config={...this.config,...d.ontoWaveConfig},console.log("📄 Configuration loaded from window.ontoWaveConfig"),console.log("📄 Final config:",this.config);else{var e=document.getElementById("ontowave-config");if(e&&"application/json"===e.type)try{var t=JSON.parse(e.textContent);this.config={...this.config,...t},console.log("📄 Configuration loaded from script tag"),console.log("📄 Final config:",this.config)}catch(e){console.warn("⚠️ Invalid JSON in ontowave-config script tag:",e)}}}injectStyles(){var e=document.createElement("style");e.textContent=`
+(d=>{let o={fr:{menuHome:"Accueil",menuGallery:"Galerie",menuConfiguration:"Configuration",configTitle:"OntoWave - Configuration Complète",configGeneral:"Général",configSiteTitle:"Titre du site :",configDefaultPage:"Page par défaut :",configBaseUrl:"URL de base :",configLanguages:"Langues et Localisation",configSupportedLanguages:"Langues supportées (séparées par des virgules) :",configFallbackLanguage:"Langue de fallback :",configNavigation:"Navigation et Interface",configShowGallery:"Afficher la galerie d'exemples",configHomeButton:"Bouton Accueil",configBreadcrumb:"Fil d'Ariane (breadcrumb)",configToc:"Table des matières",configMermaid:"Diagrammes Mermaid",configMermaidTheme:"Thème Mermaid :",configMermaidAuto:"Démarrage automatique",configMermaidMaxWidth:"Utiliser la largeur maximale",configPlantuml:"Diagrammes PlantUML",configPlantumlServer:"Serveur PlantUML :",configPlantumlFormat:"Format de sortie :",configPrism:"Coloration Syntaxique (Prism.js)",configPrismTheme:"Thème Prism :",configPrismAutoload:"Chargement automatique",configUI:"Interface Utilisateur",configUITheme:"Thème de l'interface :",configUIResponsive:"Design responsive",configUIAnimations:"Animations et transitions",configApply:"Appliquer Configuration",configDownloadHTML:"Télécharger HTML",configDownloadJS:"Télécharger ontowave.min.js",configReset:"Réinitialiser",configLanguageNote:"Laissez vide pour un site monolingue"},en:{menuHome:"Home",menuGallery:"Gallery",menuConfiguration:"Configuration",configTitle:"OntoWave - Complete Configuration",configGeneral:"General",configSiteTitle:"Site title:",configDefaultPage:"Default page:",configBaseUrl:"Base URL:",configLanguages:"Languages and Localization",configSupportedLanguages:"Supported languages (comma separated):",configFallbackLanguage:"Fallback language:",configNavigation:"Navigation and Interface",configShowGallery:"Show examples gallery",configHomeButton:"Home button",configBreadcrumb:"Breadcrumb navigation",configToc:"Table of contents",configMermaid:"Mermaid Diagrams",configMermaidTheme:"Mermaid theme:",configMermaidAuto:"Auto start",configMermaidMaxWidth:"Use maximum width",configPlantuml:"PlantUML Diagrams",configPlantumlServer:"PlantUML server:",configPlantumlFormat:"Output format:",configPrism:"Syntax Highlighting (Prism.js)",configPrismTheme:"Prism theme:",configPrismAutoload:"Auto loading",configUI:"User Interface",configUITheme:"Interface theme:",configUIResponsive:"Responsive design",configUIAnimations:"Animations and transitions",configApply:"Apply Configuration",configDownloadHTML:"Download HTML",configDownloadJS:"Download ontowave.min.js",configReset:"Reset",configLanguageNote:"Leave empty for monolingual site"}},t={title:"OntoWave Documentation",baseUrl:"/",defaultPage:"index.md",containerId:"ontowave-container",locales:["fr","en"],fallbackLocale:"en",showGallery:!1,mermaid:{theme:"default",startOnLoad:!0,flowchart:{useMaxWidth:!0},sequence:{useMaxWidth:!0},gantt:{useMaxWidth:!0},journey:{useMaxWidth:!0}},plantuml:{server:"https://www.plantuml.com/plantuml",format:"svg"},prism:{theme:"default",autoload:!0},navigation:{showHome:!0,showBreadcrumb:!0,showToc:!0},ui:{theme:"default",responsive:!0,animations:!0,languageButtons:"menu"}};class n{constructor(e={}){this.config={...t,...e},e.i18n&&(e.i18n.supported&&(this.config.locales=e.i18n.supported),e.i18n.default)&&(this.config.fallbackLocale=e.i18n.default),this.container=null,this.mermaidLoaded=!1,this.prismLoaded=!1,this.currentPage=null,this.currentLanguage=null,this.svgCache=new Map,this.svgCacheTTL=3e5,this.svgCacheEnabled=!1!==e.svgCache}getCachedSVG(e){var t;return this.svgCacheEnabled&&(t=this.svgCache.get(e))?Date.now()-t.timestamp>this.svgCacheTTL?(this.svgCache.delete(e),null):(console.log("✅ SVG récupéré du cache:",e),t.svg):null}cacheSVG(e,t){this.svgCacheEnabled&&(this.svgCache.set(e,{svg:t,timestamp:Date.now()}),console.log("💾 SVG mis en cache:",e,`(${this.svgCache.size} entrées)`))}clearSVGCache(){var e=this.svgCache.size;this.svgCache.clear(),console.log(`🗑️ Cache SVG vidé (${e} entrées supprimées)`)}getCurrentLanguage(){if(this.currentLanguage)return this.currentLanguage;var e=document.getElementById("lang-fr"),t=document.getElementById("lang-en");if(e&&t){if(e.classList.contains("visible")||!e.classList.contains("hidden")&&"none"!==e.style.display)return"fr";if(t.classList.contains("visible")||!t.classList.contains("hidden")&&"none"!==t.style.display)return"en"}e=document.getElementById("btn-fr"),t=document.getElementById("btn-en");if(e&&t){if(e.classList.contains("active"))return"fr";if(t.classList.contains("active"))return"en"}return this.resolveLocale()||"en"}t(e,t=null){t=t||this.getCurrentLanguage();return(o[t]||o.en)[e]||e}updateInterfaceTexts(e=null){let t=e||this.getCurrentLanguage();console.log("🌐 Interface texts updating for language:",t);e=document.querySelector('.ontowave-menu-option[onclick*="goHome"]'),e&&(e.innerHTML="🏠 "+this.t("menuHome",t)),e=document.querySelector('.ontowave-menu-option[onclick*="gallery.html"]'),e&&(e.innerHTML="🎨 "+this.t("menuGallery",t)),e=document.querySelector('.ontowave-menu-option[onclick*="toggleConfigurationPanel"]'),e&&(e.innerHTML="⚙️ "+this.t("menuConfiguration",t)),e=document.getElementById("ontowave-config-panel");if(e){let n=document.getElementById("config-title-full")?.value||this.config.title,a=document.getElementById("config-defaultPage-full")?.value||this.config.defaultPage,i=document.getElementById("config-baseUrl-full")?.value||this.config.baseUrl;e.remove();e=document.querySelector('.ontowave-menu-option[onclick*="toggleConfigurationPanel"]');e&&e.classList.remove("selected"),setTimeout(()=>{this.toggleConfigurationPanel(null,t),setTimeout(()=>{var e=document.getElementById("config-title-full"),t=document.getElementById("config-defaultPage-full"),o=document.getElementById("config-baseUrl-full");e&&(e.value=n),t&&(t.value=a),o&&(o.value=i)},100)},50)}console.log("🌐 Interface texts updated for language:",t)}switchLanguage(e){this.currentLanguage=e,this.updateLanguageButtonsState(e),this.updateInterfaceTexts(e);e=(this.config.sources||{})[e]||this.config.defaultPage;e&&this.loadPage(e)}updateLanguageButtonsState(e=null){let t=e||this.getCurrentLanguage();document.querySelectorAll(".ontowave-lang-btn").forEach(e=>{e.classList.remove("active"),e.textContent.includes(t.toUpperCase())&&e.classList.add("active")}),document.querySelectorAll(".ontowave-fixed-lang-btn").forEach(e=>{e.classList.remove("active"),e.textContent.includes(t.toUpperCase())&&e.classList.add("active")}),console.log("🌐 État des boutons de langue mis à jour pour:",t)}goHome(){var e=this.getCurrentLanguage(),e=(this.config.sources||{})[e]||this.config.defaultPage;this.loadPage(e)}getBrowserLocales(){var e=[];return navigator.languages&&e.push(...navigator.languages),navigator.language&&e.push(navigator.language),navigator.userLanguage&&e.push(navigator.userLanguage),[...new Set(e)]}resolveLocale(){var e=this.getBrowserLocales(),o=this.config.locales||[],t=this.config.defaultLocale||this.config.fallbackLocale;if(console.log("🌐 Browser locales:",e),console.log("🌐 Supported locales:",o),console.log("🌐 Default locale:",t),0===o.length)return null;var n,a,i,l=d.location.hash||d.location.pathname;console.log("🔍 Current URL:",l);for(n of o)if(new RegExp(`\\.${n}\\.(md|html)`).test(l))return console.log("🎯 Page language detected from URL:",n,"in",l),n;for(a of e)if(o.includes(a))return console.log("🎯 Exact browser match found:",a),a;for(i of e){var r;i.split("-")[0];for(r of e){let t=r.split("-")[0];var s=o.find(e=>e.startsWith(t));if(s)return console.log("🎯 Prefix match found:",r,"->",s),s}if(t&&o.includes(t))return console.log("🎯 Using configured default locale:",t),t}var c=o[0];return console.log("🎯 Using fallback locale:",c),c}isMultilingualMode(){return this.config.locales&&0<this.config.locales.length&&this.config.sources}generatePageCandidates(e){var t,o=this.resolveLocale(),n=[];return o?(t=e.replace(/\.md$/,""),n.push(t+`.${o}.md`),o.includes("-")&&(o=o.split("-")[0],n.push(t+`.${o}.md`)),n.push(e),console.log("📄 Page candidates for",e,":",n)):n.push(e),n}async init(){try{await this.loadConfigFromScript(),this.injectStyles(),await this.loadMermaid(),await this.loadPrism(),this.createInterface(),this.currentLanguage=this.resolveLocale(),this.initializeNavigation(),this.updateLanguageButtonsState(),await this.loadInitialPage(),console.log("✅ OntoWave successfully initialized")}catch(e){console.error("❌ OntoWave initialization failed:",e),this.showError("Erreur d'initialisation OntoWave: "+e.message)}}async loadConfigFromScript(){if(d.ontoWaveConfig)this.config={...this.config,...d.ontoWaveConfig},console.log("📄 Configuration loaded from window.ontoWaveConfig"),console.log("📄 Final config:",this.config);else{var e=document.getElementById("ontowave-config");if(e&&"application/json"===e.type)try{var t=JSON.parse(e.textContent);this.config={...this.config,...t},console.log("📄 Configuration loaded from script tag"),console.log("📄 Final config:",this.config)}catch(e){console.warn("⚠️ Invalid JSON in ontowave-config script tag:",e)}}}injectStyles(){var e=document.createElement("style");e.textContent=`
     .ontowave-container {
       font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
       line-height: 1.6;
@@ -452,6 +452,114 @@
       color: #155724;
     }
     
+    /* === FIX #1: STYLES TABLEAUX === */
+    .ontowave-table {
+      width: 100%;
+      border-collapse: collapse;
+      margin: 16px 0;
+      font-size: 14px;
+      box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+    }
+    
+    .ontowave-table th {
+      background: #f6f8fa;
+      padding: 12px 16px;
+      font-weight: 600;
+      border: 1px solid #d0d7de;
+      color: #24292f;
+    }
+    
+    .ontowave-table td {
+      padding: 12px 16px;
+      border: 1px solid #d0d7de;
+      color: #24292f;
+    }
+    
+    .ontowave-table tbody tr:nth-child(even) {
+      background: #f6f8fa;
+    }
+    
+    .ontowave-table tbody tr:hover {
+      background: #eaeef2;
+    }
+    /* === FIN FIX #1 === */
+    
+    /* === FIX #4: STYLES CODE SOURCE PLANTUML + DIAGRAMME === */
+    .ontowave-plantuml-container {
+      margin: 20px 0;
+    }
+    
+    .ontowave-plantuml-source {
+      margin-bottom: 30px;
+      border: 1px solid #d0d7de;
+      border-radius: 6px;
+      overflow: hidden;
+    }
+    
+    .ontowave-plantuml-source h3 {
+      margin: 0;
+      padding: 12px 16px;
+      background: #f6f8fa;
+      border-bottom: 1px solid #d0d7de;
+      font-size: 16px;
+      font-weight: 600;
+      color: #24292f;
+    }
+    
+    .ontowave-plantuml-source pre {
+      margin: 0;
+      background: #ffffff;
+      padding: 16px;
+      overflow-x: auto;
+      max-height: 500px;
+      overflow-y: auto;
+    }
+    
+    .ontowave-plantuml-source code {
+      font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+      font-size: 13px;
+      line-height: 1.6;
+    }
+    
+    .ontowave-plantuml-render {
+      /* Bordure désactivée à la demande de l'utilisateur */
+      /* border: 1px solid #d0d7de; */
+      /* border-radius: 6px; */
+      overflow: hidden;
+      background: #ffffff;
+    }
+    
+    .ontowave-plantuml-render h3 {
+      margin: 0;
+      padding: 12px 16px;
+      background: #f6f8fa;
+      border-bottom: 1px solid #d0d7de;
+      font-size: 16px;
+      font-weight: 600;
+      color: #24292f;
+    }
+    
+    .ontowave-plantuml-render img {
+      padding: 20px;
+      display: block;
+      margin: 0 auto;
+    }
+    
+    /* Styles pour les liens dans les SVG PlantUML */
+    .plantuml-diagram a.ontowave-internal-link {
+      transition: opacity 0.2s;
+    }
+    
+    .plantuml-diagram a.ontowave-internal-link:hover {
+      opacity: 0.7;
+    }
+    
+    .plantuml-diagram svg {
+      max-width: 100%;
+      height: auto;
+    }
+    /* === FIN FIX #4 === */
+    
     @media (max-width: 768px) {
       .ontowave-header {
         padding: 1rem;
@@ -469,7 +577,7 @@
         padding: 1rem;
       }
     }
-  `,document.head.appendChild(e)}async loadMermaid(){return new Promise(e=>{var t;d.mermaid?(this.mermaidLoaded=!0,this.initializeMermaid(),e()):((t=document.createElement("script")).src="https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.min.js",t.onload=()=>{this.mermaidLoaded=!0,this.initializeMermaid(),e()},t.onerror=()=>{console.warn("⚠️ Failed to load Mermaid library"),e()},document.head.appendChild(t))})}initializeMermaid(){d.mermaid&&(d.mermaid.initialize(this.config.mermaid),console.log("🎨 Mermaid initialized"))}async loadPrism(){return new Promise(n=>{if(d.Prism)return this.prismLoaded=!0,console.log("🎨 Prism already loaded"),n();var e=document.createElement("link"),e=(e.rel="stylesheet",e.href="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/themes/prism.min.css",document.head.appendChild(e),document.createElement("script"));e.src="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-core.min.js",e.onload=()=>{console.log("🎨 Prism core loaded");let e=["markup","css","javascript"],t=0,o=()=>{t++,console.log(`🔤 Essential language loaded: ${t}/`+e.length),t>=e.length&&(d.Prism.languages.markup&&(d.Prism.languages.html=d.Prism.languages.markup,console.log("🔤 HTML alias created from markup")),this.prismLoaded=!0,console.log("✅ Prism ready with essential languages"),n(),["python","java","bash","json","yaml","typescript"].forEach(e=>{var t=document.createElement("script");t.src=`https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-${e}.min.js`,t.onload=()=>{console.log("🔤 Additional Prism language loaded: "+e)},t.onerror=()=>{console.warn("⚠️ Failed to load Prism language: "+e)},document.head.appendChild(t)}))};e.forEach(e=>{var t=document.createElement("script");t.src=`https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-${e}.min.js`,t.onload=o,t.onerror=()=>{console.warn("⚠️ Failed to load essential Prism language: "+e),o()},document.head.appendChild(t)})},e.onerror=()=>{console.warn("⚠️ Failed to load Prism library"),n()},document.head.appendChild(e)})}createInterface(t=null){this.container=document.getElementById(this.config.containerId),this.container||(this.container=document.createElement("div"),this.container.id=this.config.containerId,document.body.appendChild(this.container)),this.container.className="ontowave-container";var e=this.config.showGallery?`<span class="ontowave-menu-option" onclick="window.location.href='gallery.html'">🎨 ${this.t("menuGallery",t)}</span>`:"",o=this.config.ui?.languageButtons||"menu",o=this.config.locales&&1<this.config.locales.length&&("menu"===o||"both"===o)?this.config.locales.map(e=>`<span class="ontowave-menu-option ontowave-lang-btn${(t||this.getCurrentLanguage())===e?" active":""}" onclick="event.stopPropagation(); window.OntoWave.instance.switchLanguage('${e}');">🌐 ${e.toUpperCase()}</span>`).join(""):"";this.container.innerHTML=`
+  `,document.head.appendChild(e)}async loadMermaid(){return new Promise(e=>{var t;d.mermaid?(this.mermaidLoaded=!0,this.initializeMermaid(),e()):((t=document.createElement("script")).src="https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.min.js",t.onload=()=>{this.mermaidLoaded=!0,this.initializeMermaid(),e()},t.onerror=()=>{console.warn("⚠️ Failed to load Mermaid library"),e()},document.head.appendChild(t))})}initializeMermaid(){d.mermaid&&(d.mermaid.initialize(this.config.mermaid),console.log("🎨 Mermaid initialized"))}async loadPrism(){return new Promise(n=>{if(d.Prism)return this.prismLoaded=!0,console.log("🎨 Prism already loaded"),n();var e=document.createElement("link"),e=(e.rel="stylesheet",e.href="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/themes/prism.min.css",document.head.appendChild(e),document.createElement("script"));e.src="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-core.min.js",e.onload=()=>{console.log("🎨 Prism core loaded"),d.Prism.languages.javascript||(d.Prism.languages.javascript={"class-name":null});let e=["markup","css","javascript"],t=0,o=()=>{t++,console.log(`🔤 Essential language loaded: ${t}/`+e.length),t>=e.length&&(d.Prism.languages.markup&&(d.Prism.languages.html=d.Prism.languages.markup,console.log("🔤 HTML alias created from markup")),this.prismLoaded=!0,console.log("✅ Prism ready with essential languages"),n(),d.Prism&&d.Prism.languages&&(d.Prism.languages.plantuml={comment:/'[^\n]*/,keyword:/@startuml|@enduml|@startmindmap|@endmindmap|@startsalt|@endsalt|@startgantt|@endgantt|participant|actor|boundary|control|entity|database|collections|queue|as|title|note|over|left|right|end|alt|else|opt|loop|par|break|critical|group|autonumber|activate|deactivate|destroy|create|hide|show|class|interface|abstract|enum|extends|implements|package|namespace|skinparam|style|sprite/,string:{pattern:/"(?:\\.|[^\\"\r\n])*"/,greedy:!0},arrow:/(?:--|->|o-|-o|\*-|-\*|\.-|-\.)/,operator:/[:=[\](){}|]/,tag:/#[a-zA-Z0-9]+/,function:/\[\[.*?\]\]/,number:/\b\d+\b/,punctuation:/[,;]/},console.log("🏭 PlantUML language definition added to Prism")),setTimeout(()=>{let o=["python","java","bash","json","yaml","mermaid"],n=0,a=()=>{if(n>=o.length)console.log("✅ All safe Prism languages loaded"),e();else{let e=o[n++];var t=document.createElement("script");t.src=`https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-${e}.min.js`,t.onload=()=>{console.log("🔤 Additional Prism language loaded: "+e),setTimeout(a,10)},t.onerror=()=>{console.warn("⚠️ Failed to load Prism language: "+e),a()},document.head.appendChild(t)}},e=()=>{var e;d.Prism.languages.javascript&&d.Prism.languages.javascript["class-name"]?((e=document.createElement("script")).src="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-typescript.min.js",e.onload=()=>{console.log("🔤 Additional Prism language loaded: typescript")},e.onerror=()=>{console.warn("⚠️ Failed to load Prism language: typescript")},document.head.appendChild(e)):console.warn("⚠️ JavaScript grammar incomplete, skipping TypeScript")};a()},100))};e.forEach(e=>{var t=document.createElement("script");t.src=`https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-${e}.min.js`,t.onload=o,t.onerror=()=>{console.warn("⚠️ Failed to load essential Prism language: "+e),o()},document.head.appendChild(t)})},e.onerror=()=>{console.warn("⚠️ Failed to load Prism library"),n()},document.head.appendChild(e)})}createInterface(t=null){this.container=document.getElementById(this.config.containerId),this.container||(this.container=document.createElement("div"),this.container.id=this.config.containerId,document.body.appendChild(this.container)),this.container.className="ontowave-container";var e=this.config.showGallery?`<span class="ontowave-menu-option" onclick="window.location.href='gallery.html'">🎨 ${this.t("menuGallery",t)}</span>`:"",o=this.config.ui?.languageButtons||"menu",o=this.config.locales&&1<this.config.locales.length&&("menu"===o||"both"===o)?this.config.locales.map(e=>`<span class="ontowave-menu-option ontowave-lang-btn${(t||this.getCurrentLanguage())===e?" active":""}" onclick="event.stopPropagation(); window.OntoWave.instance.switchLanguage('${e}');">🌐 ${e.toUpperCase()}</span>`).join(""):"";this.container.innerHTML=`
         <div class="ontowave-floating-menu" id="ontowave-floating-menu" title="OntoWave Menu">
           <span class="ontowave-menu-icon" id="ontowave-menu-icon">&#127754;</span>
           <div class="ontowave-menu-content" id="ontowave-menu-content">
@@ -497,18 +605,22 @@
             <li><strong>Navigation:</strong> Hash préservé</li>
           </ul>
         </div>
-      `,this.createFixedLanguageButtons(t)}createFixedLanguageButtons(e=null){var t=document.getElementById("ontowave-fixed-lang-buttons"),t=(t&&t.remove(),this.config.ui?.languageButtons||"menu");if(this.config.locales&&1<this.config.locales.length&&("fixed"===t||"both"===t)){let n=e||this.getCurrentLanguage();var e=document.createElement("div"),o=(e.id="ontowave-fixed-lang-buttons",e.className="ontowave-fixed-lang-buttons",this.config.locales.map(e=>{var t=n===e?" active":"",o=this.getLanguageFlag(e);return`<button class="ontowave-fixed-lang-btn${t}" onclick="window.OntoWave.instance.switchLanguage('${e}')" title="Changer en ${e.toUpperCase()}">${o} ${e.toUpperCase()}</button>`}).join(""));e.innerHTML=o,document.body.appendChild(e),console.log("🌐 Boutons de langue fixés créés:",this.config.locales,"Mode:",t)}}getLanguageFlag(e){return{fr:"🇫🇷",en:"🇬🇧",es:"🇪🇸",de:"🇩🇪",it:"🇮🇹",pt:"🇵🇹",zh:"🇨🇳",ja:"🇯🇵",ko:"🇰🇷",ru:"🇷🇺"}[e]||"🌐"}initializeNavigation(){d.addEventListener("hashchange",()=>{var e=location.hash.replace("#","")||this.config.defaultPage;this.loadPage(e)}),this.createDefaultNavigation(),this.initializeFloatingMenu()}initializeFloatingMenu(){let l=document.getElementById("ontowave-floating-menu");var e=document.getElementById("ontowave-menu-icon");if(l&&e){let o=!1,i=!1,a={x:0,y:0};function t(){!o&&!document.querySelector(".ontowave-config-panel")?l.classList.remove("no-drag"):(l.classList.add("no-drag"),i=!1,document.body.style.userSelect="",document.body.style.cursor="")}function n(){i=!1,l.style.cursor="move",document.body.style.userSelect="",document.body.style.cursor=""}d.ontowaveUpdateDragState=t,e.addEventListener("click",e=>{e.stopPropagation(),(o=!o)?l.classList.add("expanded"):l.classList.remove("expanded"),t()}),document.addEventListener("click",e=>{!l.contains(e.target)&&o&&(o=!1,l.classList.remove("expanded"),t())}),l.addEventListener("mousedown",e=>{var t;o||document.querySelector(".ontowave-config-panel")||e.target.closest("a, .ontowave-menu-option")||(i=!0,t=l.getBoundingClientRect(),a.x=e.clientX-t.left,a.y=e.clientY-t.top,l.style.cursor="grabbing",document.body.style.userSelect="none",e.preventDefault(),e.stopPropagation())}),document.addEventListener("mousemove",e=>{var t,o,n;i&&(t=e.clientX-a.x,e=e.clientY-a.y,o=d.innerWidth-l.offsetWidth,n=d.innerHeight-l.offsetHeight,l.style.left=Math.max(0,Math.min(o,t))+"px",l.style.top=Math.max(0,Math.min(n,e))+"px")}),document.addEventListener("mouseup",()=>{i&&(i=!1,l.style.cursor="move",document.body.style.userSelect="")}),document.addEventListener("visibilitychange",n),d.addEventListener("blur",n),d.addEventListener("focus",n),d.resetOntoWaveDragState=n,l.addEventListener("touchstart",e=>{var t;e.target.closest("a, .ontowave-menu-option")||(e=e.touches[0],t=l.getBoundingClientRect(),a.x=e.clientX-t.left,a.y=e.clientY-t.top,i=!0)}),document.addEventListener("touchmove",e=>{var t,o,n;i&&(e.preventDefault(),t=(e=e.touches[0]).clientX-a.x,e=e.clientY-a.y,o=d.innerWidth-l.offsetWidth,n=d.innerHeight-l.offsetHeight,l.style.left=Math.max(0,Math.min(o,t))+"px",l.style.top=Math.max(0,Math.min(n,e))+"px")}),document.addEventListener("touchend",()=>{i=!1}),t(),this.enhanceMenuOptionClicks()}}enhanceMenuOptionClicks(){var e=document.querySelector('.ontowave-menu-option[onclick*="toggleConfigurationPanel"]');e&&e.addEventListener("click",e=>{e.preventDefault(),e.stopPropagation(),console.log("Configuration button clicked via event listener"),this.toggleConfigurationPanel(e)},{capture:!0})}createDefaultNavigation(){var e=document.getElementById("ontowave-nav-grid");e&&(e.innerHTML=[{href:"index.md",icon:"🏠",label:"Accueil"},{href:"en/index.md",icon:"🇬🇧",label:"English"},{href:"fr/index.md",icon:"🇫🇷",label:"Français"},{href:"demo/mermaid.md",icon:"🧜‍♀️",label:"Démo Mermaid"},{href:"demo/plantuml.md",icon:"🏭",label:"PlantUML"},{href:"demo/advanced-shapes.md",icon:"🎯",label:"Formes Avancées"}].map(e=>`
+      `,this.createFixedLanguageButtons(t)}createFixedLanguageButtons(e=null){var t=document.getElementById("ontowave-fixed-lang-buttons"),t=(t&&t.remove(),this.config.ui?.languageButtons||"menu");if(this.config.locales&&1<this.config.locales.length&&("fixed"===t||"both"===t)){let n=e||this.getCurrentLanguage();var e=document.createElement("div"),o=(e.id="ontowave-fixed-lang-buttons",e.className="ontowave-fixed-lang-buttons",this.config.locales.map(e=>{var t=n===e?" active":"",o=this.getLanguageFlag(e);return`<button class="ontowave-fixed-lang-btn${t}" onclick="window.OntoWave.instance.switchLanguage('${e}')" title="Changer en ${e.toUpperCase()}">${o} ${e.toUpperCase()}</button>`}).join(""));e.innerHTML=o,document.body.appendChild(e),console.log("🌐 Boutons de langue fixés créés:",this.config.locales,"Mode:",t)}}getLanguageFlag(e){return{fr:"🇫🇷",en:"🇬🇧",es:"🇪🇸",de:"🇩🇪",it:"🇮🇹",pt:"🇵🇹",zh:"🇨🇳",ja:"🇯🇵",ko:"🇰🇷",ru:"🇷🇺"}[e]||"🌐"}initializeNavigation(){d.addEventListener("hashchange",()=>{var e=location.hash.replace("#","")||this.config.defaultPage;this.loadPage(e)}),this.createDefaultNavigation(),this.initializeFloatingMenu()}initializeFloatingMenu(){let l=document.getElementById("ontowave-floating-menu");var e=document.getElementById("ontowave-menu-icon");if(l&&e){let o=!1,a=!1,i={x:0,y:0};function t(){!o&&!document.querySelector(".ontowave-config-panel")?l.classList.remove("no-drag"):(l.classList.add("no-drag"),a=!1,document.body.style.userSelect="",document.body.style.cursor="")}function n(){a=!1,l.style.cursor="move",document.body.style.userSelect="",document.body.style.cursor=""}d.ontowaveUpdateDragState=t,e.addEventListener("click",e=>{e.stopPropagation(),(o=!o)?l.classList.add("expanded"):l.classList.remove("expanded"),t()}),document.addEventListener("click",e=>{!l.contains(e.target)&&o&&(o=!1,l.classList.remove("expanded"),t())}),l.addEventListener("mousedown",e=>{var t;o||document.querySelector(".ontowave-config-panel")||e.target.closest("a, .ontowave-menu-option")||(a=!0,t=l.getBoundingClientRect(),i.x=e.clientX-t.left,i.y=e.clientY-t.top,l.style.cursor="grabbing",document.body.style.userSelect="none",e.preventDefault(),e.stopPropagation())}),document.addEventListener("mousemove",e=>{var t,o,n;a&&(t=e.clientX-i.x,e=e.clientY-i.y,o=d.innerWidth-l.offsetWidth,n=d.innerHeight-l.offsetHeight,l.style.left=Math.max(0,Math.min(o,t))+"px",l.style.top=Math.max(0,Math.min(n,e))+"px")}),document.addEventListener("mouseup",()=>{a&&(a=!1,l.style.cursor="move",document.body.style.userSelect="")}),document.addEventListener("visibilitychange",n),d.addEventListener("blur",n),d.addEventListener("focus",n),d.resetOntoWaveDragState=n,l.addEventListener("touchstart",e=>{var t;e.target.closest("a, .ontowave-menu-option")||(e=e.touches[0],t=l.getBoundingClientRect(),i.x=e.clientX-t.left,i.y=e.clientY-t.top,a=!0)}),document.addEventListener("touchmove",e=>{var t,o,n;a&&(e.preventDefault(),t=(e=e.touches[0]).clientX-i.x,e=e.clientY-i.y,o=d.innerWidth-l.offsetWidth,n=d.innerHeight-l.offsetHeight,l.style.left=Math.max(0,Math.min(o,t))+"px",l.style.top=Math.max(0,Math.min(n,e))+"px")}),document.addEventListener("touchend",()=>{a=!1}),t(),this.enhanceMenuOptionClicks()}}enhanceMenuOptionClicks(){var e=document.querySelector('.ontowave-menu-option[onclick*="toggleConfigurationPanel"]');e&&e.addEventListener("click",e=>{e.preventDefault(),e.stopPropagation(),console.log("Configuration button clicked via event listener"),this.toggleConfigurationPanel(e)},{capture:!0})}createDefaultNavigation(){var e=document.getElementById("ontowave-nav-grid");e&&(e.innerHTML=[{href:"index.md",icon:"🏠",label:"Accueil"},{href:"en/index.md",icon:"🇬🇧",label:"English"},{href:"fr/index.md",icon:"🇫🇷",label:"Français"},{href:"demo/mermaid.md",icon:"🧜‍♀️",label:"Démo Mermaid"},{href:"demo/plantuml.md",icon:"🏭",label:"PlantUML"},{href:"demo/advanced-shapes.md",icon:"🎯",label:"Formes Avancées"}].map(e=>`
         <a href="#${e.href}" class="ontowave-nav-item" onclick="window.OntoWave.loadPage('${e.href}')">
           ${e.icon} ${e.label}
         </a>
-      `).join(""))}async loadInitialPage(){var e=location.hash.replace("#","");if(this.isMultilingualMode()&&!e){var t=this.config.sources[this.config.defaultLocale];if(console.log("🌐 Multilingual mode detected"),console.log("🌐 Default locale:",this.config.defaultLocale),console.log("🌐 Default source:",t),console.log("🌐 Sources config:",this.config.sources),t)return console.log("🌐 Multilingual mode: redirecting to",t),void(location.hash="#"+t)}var o,t=e||this.config.defaultPage;if("index.md"===t){let e=!1;for(o of this.generatePageCandidates(t))try{if((await fetch(this.config.baseUrl+o,{method:"HEAD"})).ok){await this.loadPage(o),e=!0;break}}catch(e){continue}e||(console.log("📄 No index file found, showing configuration"),this.showConfigurationInterface())}else await this.loadPage(t)}async loadPage(t){var e=document.getElementById("ontowave-content");if(e){console.log("📄 Loading page:",t),this.currentPage=t,d.resetOntoWaveDragState&&d.resetOntoWaveDragState(),location.hash!=="#"+t&&(location.hash="#"+t),this.updateBreadcrumb(t),e.innerHTML='<div class="ontowave-loading">⏳ Chargement de '+t+"...</div>";try{var o=await fetch(this.config.baseUrl+t);if(!o.ok)throw new Error(`HTTP ${o.status}: `+o.statusText);var n=await o.text(),i=(console.log("✅ Content loaded:",n.length,"characters"),await this.renderMarkdown(n));e.innerHTML=i,await this.processDiagrams(e),await this.processPrism(e)}catch(e){console.error("❌ Failed to load page:",e),this.showError(`Impossible de charger ${t}: `+e.message)}}}updateBreadcrumb(e){var t=document.getElementById("ontowave-breadcrumb");if(t&&this.config.navigation.showBreadcrumb){let o=e.split("/"),n=['<a href="#'+this.config.defaultPage+'">🏠 Accueil</a>'],i="";o.forEach((e,t)=>{t===o.length-1?n.push("<span>"+e.replace(".md","")+"</span>"):(i+=(i?"/":"")+e,n.push('<a href="#'+i+'/index.md">'+e+"</a>"))}),t.innerHTML=n.join(" <span>›</span> "),t.style.display="block"}}async renderMarkdown(e){let o=e,l=[];return o=(o=o.replace(/```(\w+)([\s\S]*?)```/g,(e,t,o)=>{var n,i,o=o.trim(),a=`__CODE_BLOCK_${l.length}__`;return"mermaid"===t?(n="mermaid-"+Math.random().toString(36).substr(2,9),l.push(`<div class="ontowave-mermaid">
-            <div style="margin-bottom: 8px; font-weight: bold; color: #586069;">🧜‍♀️ Diagramme Mermaid</div>
-            <div class="mermaid" id="${n}">${o}</div>
-          </div>`)):"plantuml"===t?(n="plantuml-"+Math.random().toString(36).substr(2,9),i=(e=>{var t=(new TextEncoder).encode(e);let o="";for(let e=0;e<t.length;e++)o+=t[e].toString(16).padStart(2,"0");return"h"+o})(o),i=`${this.config.plantuml.server}/${this.config.plantuml.format}/~`+i,l.push(`<div class="ontowave-plantuml" id="${n}">
-            <div style="margin-bottom: 8px; font-weight: bold; color: #586069;">🏭 Diagramme PlantUML</div>
-            <img src="${i}" alt="Diagramme PlantUML" style="max-width: 100%; height: auto;" 
-                 onerror="this.parentElement.innerHTML='<div style=\\'color: #d73a49; padding: 20px;\\'>❌ Erreur de rendu PlantUML</div>'" />
-          </div>`)):(n=this.prismLoaded?"language-"+t:"",console.log(`📝 Processing code block: language="${t}", prismLoaded=${this.prismLoaded}, class="${n}"`),i=o.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;"),l.push(`<pre class="ontowave-code"><code class="${n}">${i}</code></pre>`)),a})).replace(/^###### (.+)$/gm,"<h6>$1</h6>").replace(/^##### (.+)$/gm,"<h5>$1</h5>").replace(/^#### (.+)$/gm,"<h4>$1</h4>").replace(/^### (.+)$/gm,"<h3>$1</h3>").replace(/^## (.+)$/gm,"<h2>$1</h2>").replace(/^# (.+)$/gm,"<h1>$1</h1>").replace(/^---+$/gm,"<hr>").replace(/!\[([^\]]*)\]\(([^)]+)\)/g,'<img src="$2" alt="$1">').replace(/\[([^\]]+)\]\(([^)]+\.html[^)]*)\)/g,'<a href="$2">$1</a>').replace(/\[([^\]]+)\]\((https?:\/\/[^)]+)\)/g,'<a href="$2" target="_blank">$1</a>').replace(/\[([^\]]+)\]\(([^)]+\.(tar\.gz|zip|pdf|doc|docx|xls|xlsx|ppt|pptx|txt|csv|json|xml|js|css|png|jpg|jpeg|gif|svg|webp)[^)]*)\)/g,'<a href="$2" download>$1</a>').replace(/\[([^\]]+)\]\(([^)]+)\)/g,'<a href="#$2" onclick="window.OntoWave.loadPage(\'$2\')">$1</a>').replace(/\*\*(.+?)\*\*/g,"<strong>$1</strong>").replace(/\*(.+?)\*/g,"<em>$1</em>").replace(/`([^`]+)`/g,"<code>$1</code>"),o=(o=this.renderAdvancedTables(o)).split("\n\n").map(e=>e.trim()).filter(e=>0<e.length).map(e=>e.match(/^<(h[1-6]|hr|div|pre)/)?e:`<p>${e.replace(/\n/g,"<br>")}</p>`).join("\n"),l.forEach((e,t)=>{o=o.replace(`__CODE_BLOCK_${t}__`,e)}),o}renderAdvancedTables(e){let l=!1;return e=e.replace(/(\|[^|\n]*\|[^|\n]*\|[^\n]*\n\|[-:| ]+\|[^\n]*\n(?:\|[^\n]*\n?)*)/g,e=>{var t=e.trim().split("\n");if(t.length<2)return e;var o=t[0],n=t[1],t=t.slice(2);if(!o.includes("|")||!n.includes("|"))return e;l=!0;e=o.split("|").map(e=>e.trim()).filter(e=>e);let i=n.split("|").map(e=>e.trim()).filter(e=>e).map(e=>e.startsWith(":")&&e.endsWith(":")?"center":e.endsWith(":")?"right":(e.startsWith(":"),"left"));o=t.map(e=>e.split("|").map(e=>e.trim()).filter(e=>e)).filter(e=>0<e.length);let a="<table>";return a+="<thead><tr>",e.forEach((e,t)=>{t=i[t]||"left";a+=`<th class="text-${t}">${e}</th>`}),a=a+"</tr></thead>"+"<tbody>",o.forEach(e=>{a+="<tr>",e.forEach((e,t)=>{t=i[t]||"left";a+=`<td class="text-${t}">${e}</td>`}),a+="</tr>"}),a+="</tbody></table>"}),l&&this.injectTableStyles(),e}injectTableStyles(){var e;document.getElementById("ontowave-table-styles")||((e=document.createElement("style")).id="ontowave-table-styles",e.textContent=`
+      `).join(""))}async loadInitialPage(){var e=location.hash.replace("#","");if(!e&&this.config.languages&&this.config.languages.supported){var t=navigator.language.split("-")[0].toLowerCase(),o=(console.log("🌍 Browser language detected:",t),this.config.languages.supported.split(",").map(e=>e.trim().toLowerCase())),n=this.config.languages.fallback||"fr";if(o.includes(t)&&t!==n){console.log("🌍 Auto-redirecting to browser language: "+t);o=this.config.defaultPage.replace(/\.([a-z]{2})\.md$/,".md").replace(/\.md$/,"")+`.${t}.md`;try{if((await fetch(this.config.baseUrl+o,{method:"HEAD"})).ok)return console.log("🌍 Language page found: "+o),location.hash="#"+o,void await this.loadPage(o)}catch(e){console.log(`🌍 Language page not found: ${o}, using fallback`)}}}if(this.isMultilingualMode()&&!e){n=this.config.sources[this.config.defaultLocale];if(console.log("🌐 Multilingual mode detected"),console.log("🌐 Default locale:",this.config.defaultLocale),console.log("🌐 Default source:",n),console.log("🌐 Sources config:",this.config.sources),n)return console.log("🌐 Multilingual mode: redirecting to",n),void(location.hash="#"+n)}var a,t=e||this.config.defaultPage;if("index.md"===t){let e=!1;for(a of this.generatePageCandidates(t))try{if((await fetch(this.config.baseUrl+a,{method:"HEAD"})).ok){await this.loadPage(a),e=!0;break}}catch(e){continue}e||(console.log("📄 No index file found, showing configuration"),this.showConfigurationInterface())}else await this.loadPage(t)}async loadPage(t){var o=document.getElementById("ontowave-content");if(o){console.log("📄 Loading page:",t),this.currentPage=t,d.resetOntoWaveDragState&&d.resetOntoWaveDragState(),location.hash!=="#"+t&&(location.hash="#"+t),this.updateBreadcrumb(t),o.innerHTML='<div class="ontowave-loading">⏳ Chargement de '+t+"...</div>";try{var n=await fetch(this.config.baseUrl+t);if(!n.ok)throw new Error(`HTTP ${n.status}: `+n.statusText);var a,i,l=await n.text();console.log("✅ Content loaded:",l.length,"characters");let e;e=t.endsWith(".puml")?(console.log("🏭 Processing .puml file"),a=(e=>{var t=(new TextEncoder).encode(e);let o="";for(let e=0;e<t.length;e++)o+=t[e].toString(16).padStart(2,"0");return"h"+o})(l),i=`${this.config.plantuml.server}/${this.config.plantuml.format}/~`+a,`
+            <div class="ontowave-plantuml-container">
+              <div class="ontowave-plantuml-source">
+                <h3>📝 Code Source PlantUML</h3>
+                <pre><code class="language-plantuml">${l.replace(/</g,"&lt;").replace(/>/g,"&gt;")}</code></pre>
+              </div>
+              <div class="ontowave-plantuml-render">
+                <h3>🎨 Diagramme Rendu</h3>
+                <div class="plantuml-diagram" data-plantuml-url="${i}">⏳ Chargement diagramme PlantUML...</div>
+              </div>
+            </div>
+          `):await this.renderMarkdown(l),o.innerHTML=e,document.querySelectorAll(".ontowave-loading").forEach(e=>e.remove()),await this.processDiagrams(o),await this.processPlantUML(o),await this.processPrism(o)}catch(e){console.error("❌ Failed to load page:",e),this.showError(`Impossible de charger ${t}: `+e.message)}}}updateBreadcrumb(e){var t=document.getElementById("ontowave-breadcrumb");if(t&&this.config.navigation.showBreadcrumb){let o=e.split("/"),n=['<a href="#'+this.config.defaultPage+'">🏠 Accueil</a>'],a="";o.forEach((e,t)=>{t===o.length-1?n.push("<span>"+e.replace(".md","")+"</span>"):(a+=(a?"/":"")+e,n.push('<a href="#'+a+'/index.md">'+e+"</a>"))}),t.innerHTML=n.join(" <span>›</span> "),t.style.display="block"}}async renderMarkdown(e){let o=e,l=(o=o.replace(/\n(\|[^\n]+\|\n)+/gm,e=>{var t=e.trim().split("\n");if(t.length<2)return e;var e=t[0].split("|").map(e=>e.trim()).filter(e=>e),o=t[1].split("|").map(e=>e.trim()).filter(e=>e),t=t.slice(2).map(e=>e.split("|").map(e=>e.trim()).filter(e=>""!==e));let n=o.map(e=>e.startsWith(":")&&e.endsWith(":")?"center":e.endsWith(":")?"right":"left"),a='<table class="ontowave-table">';return a+="<thead><tr>",e.forEach((e,t)=>{t=n[t]||"left";a+=`<th style="text-align: ${t}">${e}</th>`}),a=a+"</tr></thead>"+"<tbody>",t.forEach(e=>{a+="<tr>",e.forEach((e,t)=>{t=n[t]||"left";a+=`<td style="text-align: ${t}">${e}</td>`}),a+="</tr>"}),"\n"+(a+="</tbody></table>")+"\n"}),[]);return o=(o=o.replace(/```(\w+)([\s\S]*?)```/g,(e,t,o)=>{var n,a,o=o.trim(),i=`__CODE_BLOCK_${l.length}__`;return"mermaid"===t?(n="mermaid-"+Math.random().toString(36).substr(2,9),l.push(`<div class="mermaid" id="${n}">${o}</div>`)):"plantuml"===t?(n="plantuml-"+Math.random().toString(36).substr(2,9),a=(e=>{var t=(new TextEncoder).encode(e);let o="";for(let e=0;e<t.length;e++)o+=t[e].toString(16).padStart(2,"0");return"h"+o})(o),a=`${this.config.plantuml.server}/${this.config.plantuml.format}/~`+a,l.push(`<div class="plantuml-diagram" id="${n}" data-plantuml-url="${a}">⏳ Chargement diagramme PlantUML...</div>`)):(n=this.prismLoaded?"language-"+t:"",console.log(`📝 Processing code block: language="${t}", prismLoaded=${this.prismLoaded}, class="${n}"`),a=o.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;"),l.push(`<pre class="ontowave-code"><code class="${n}">${a}</code></pre>`)),i})).replace(/^###### (.+)$/gm,"<h6>$1</h6>").replace(/^##### (.+)$/gm,"<h5>$1</h5>").replace(/^#### (.+)$/gm,"<h4>$1</h4>").replace(/^### (.+)$/gm,"<h3>$1</h3>").replace(/^## (.+)$/gm,"<h2>$1</h2>").replace(/^# (.+)$/gm,"<h1>$1</h1>").replace(/^---+$/gm,"<hr>").replace(/!\[([^\]]*)\]\(([^)]+)\)/g,'<img src="$2" alt="$1">').replace(/\[([^\]]+)\]\(([^)]+\.html[^)]*)\)/g,'<a href="$2">$1</a>').replace(/\[([^\]]+)\]\((https?:\/\/[^)]+)\)/g,'<a href="$2" target="_blank">$1</a>').replace(/\[([^\]]+)\]\(([^)]+\.(tar\.gz|zip|pdf|doc|docx|xls|xlsx|ppt|pptx|txt|csv|json|xml|js|css|png|jpg|jpeg|gif|svg|webp)[^)]*)\)/g,'<a href="$2" download>$1</a>').replace(/\[([^\]]+)\]\(([^)]+)\)/g,'<a href="#$2" onclick="window.OntoWave.loadPage(\'$2\')">$1</a>').replace(/\*\*(.+?)\*\*/g,"<strong>$1</strong>").replace(/\*(.+?)\*/g,"<em>$1</em>").replace(/`([^`]+)`/g,"<code>$1</code>"),o=(o=this.renderAdvancedTables(o)).split("\n\n").map(e=>e.trim()).filter(e=>0<e.length).map(e=>e.match(/^<(h[1-6]|hr|div|pre)/)?e:`<p>${e.replace(/\n/g,"<br>")}</p>`).join("\n"),l.forEach((e,t)=>{o=o.replace(`__CODE_BLOCK_${t}__`,e)}),o}renderAdvancedTables(e){let l=!1;return e=e.replace(/(\|[^|\n]*\|[^|\n]*\|[^\n]*\n\|[-:| ]+\|[^\n]*\n(?:\|[^\n]*\n?)*)/g,e=>{var t=e.trim().split("\n");if(t.length<2)return e;var o=t[0],n=t[1],t=t.slice(2);if(!o.includes("|")||!n.includes("|"))return e;l=!0;e=o.split("|").map(e=>e.trim()).filter(e=>e);let a=n.split("|").map(e=>e.trim()).filter(e=>e).map(e=>e.startsWith(":")&&e.endsWith(":")?"center":e.endsWith(":")?"right":(e.startsWith(":"),"left"));o=t.map(e=>e.split("|").map(e=>e.trim()).filter(e=>e)).filter(e=>0<e.length);let i="<table>";return i+="<thead><tr>",e.forEach((e,t)=>{t=a[t]||"left";i+=`<th class="text-${t}">${e}</th>`}),i=i+"</tr></thead>"+"<tbody>",o.forEach(e=>{i+="<tr>",e.forEach((e,t)=>{t=a[t]||"left";i+=`<td class="text-${t}">${e}</td>`}),i+="</tr>"}),i+="</tbody></table>"}),l&&this.injectTableStyles(),e}injectTableStyles(){var e;document.getElementById("ontowave-table-styles")||((e=document.createElement("style")).id="ontowave-table-styles",e.textContent=`
 table {
     border-collapse: collapse;
     width: 100%;
@@ -570,7 +682,16 @@ td:empty::before {
         padding: 8px 12px;
         min-width: 100px;
     }
-}`,document.head.appendChild(e),console.log("✅ Styles CSS tableaux injectés dans le DOM"))}async processDiagrams(t){if(this.mermaidLoaded&&d.mermaid){let o=t.querySelectorAll(".mermaid");if(0!==o.length){console.log("🎨 Processing",o.length,"Mermaid diagrams");try{o.forEach(e=>{e.removeAttribute("data-processed")}),await d.mermaid.run(),console.log("✅ Mermaid diagrams rendered successfully"),setTimeout(()=>{var e=t.querySelectorAll(".mermaid svg");console.log("🎨 SVG elements found:",e.length),0===e.length&&0<o.length&&(console.log("⚠️ Retrying Mermaid rendering..."),o.forEach(e=>{e.removeAttribute("data-processed")}),d.mermaid.init(void 0,o))},1e3)}catch(t){console.error("❌ Mermaid rendering error:",t),o.forEach(e=>{e.querySelector("svg")||(e.innerHTML=`<div style="color: #d73a49; padding: 10px;">❌ Erreur de rendu Mermaid: ${t.message}</div><pre style="background: #f8f8f8; padding: 10px; margin-top: 10px; border-radius: 4px;"><code>${e.textContent}</code></pre>`)})}}}}async processPrism(e){if(console.log("🔍 processPrism called - prismLoaded:",this.prismLoaded,"window.Prism:",!!d.Prism),d.Prism)try{console.log("🔤 Available Prism languages:",d.Prism.languages?Object.keys(d.Prism.languages):"none");var t=e.querySelectorAll('code[class*="language-"]'),o=(console.log("🎨 Found",t.length,"code blocks with language classes"),t.forEach((e,t)=>{console.log(`🔍 Code block ${t}:`),console.log(`  - class: "${e.className}"`),console.log("  - content length: "+e.textContent?.length),console.log(`  - content preview: "${e.textContent?.substring(0,50)}..."`),console.log("  - parent visible: "+("none"!==d.getComputedStyle(e.parentElement).display)),console.log("  - element visible: "+("none"!==d.getComputedStyle(e).display))}),e.querySelectorAll("code"));if(console.log("📝 Total code blocks found:",o.length),0<t.length){var n=t[0];console.log("🧪 Testing manual highlighting on first element...");var i=n.className.split(" ").find(e=>e.startsWith("language-")),a=i?i.replace("language-",""):"unknown";if(console.log(`🔤 Language detected: "${a}"`),console.log("🔤 Language available in Prism: "+!(!d.Prism.languages||!d.Prism.languages[a])),d.Prism.languages&&d.Prism.languages[a]){console.log("🧪 Attempting manual highlight...");var l=n.textContent;try{var r=d.Prism.highlight(l,d.Prism.languages[a],a);console.log("🎨 Manual highlight result length: "+r.length),console.log(`🎨 Manual highlight preview: "${r.substring(0,100)}..."`),n.innerHTML=r,console.log("✅ Manual highlight applied")}catch(e){console.error("❌ Manual highlight failed:",e)}}d.Prism.highlightAllUnder(e),console.log("✅ Prism syntax highlighting applied to",t.length,"blocks");var s=e.querySelectorAll(".token");console.log("🎨 Tokens created after highlighting:",s.length),0<s.length&&s.forEach((e,t)=>{console.log(`Token ${t}: "${e.textContent}" (class: ${e.className})`)})}else console.log("⚠️ No code blocks with language classes found for Prism")}catch(e){console.error("❌ Prism highlighting error:",e)}else console.log("🎨 Prism not available, skipping syntax highlighting")}showConfigurationInterface(){var e,t=document.getElementById("ontowave-content");t&&(e=JSON.stringify(this.config,null,2).replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;"),t.innerHTML=`
+}`,document.head.appendChild(e),console.log("✅ Styles CSS tableaux injectés dans le DOM"))}async processDiagrams(t){if(this.mermaidLoaded&&d.mermaid){let o=t.querySelectorAll(".mermaid");if(0!==o.length){console.log("🎨 Processing",o.length,"Mermaid diagrams");try{o.forEach(e=>{e.removeAttribute("data-processed")}),await d.mermaid.run(),console.log("✅ Mermaid diagrams rendered successfully"),setTimeout(()=>{var e=t.querySelectorAll(".mermaid svg");console.log("🎨 SVG elements found:",e.length),0===e.length&&0<o.length&&(console.log("⚠️ Retrying Mermaid rendering..."),o.forEach(e=>{e.removeAttribute("data-processed")}),d.mermaid.init(void 0,o))},1e3)}catch(t){console.error("❌ Mermaid rendering error:",t),o.forEach(e=>{e.querySelector("svg")||(e.innerHTML=`<div style="color: #d73a49; padding: 10px;">❌ Erreur de rendu Mermaid: ${t.message}</div><pre style="background: #f8f8f8; padding: 10px; margin-top: 10px; border-radius: 4px;"><code>${e.textContent}</code></pre>`)})}}}}async processPlantUML(e){var e=e.querySelectorAll(".plantuml-diagram[data-plantuml-url]");0!==e.length&&(console.log("🌱 Processing",e.length,"PlantUML diagrams"),e=Array.from(e).map(async t=>{var o=t.getAttribute("data-plantuml-url");try{let e;var n=this.getCachedSVG(o);if(n)e=n;else{var a=await fetch(o);if(!a.ok)throw new Error(`HTTP ${a.status}: `+a.statusText);e=await a.text(),this.cacheSVG(o,e)}var i=document.createElement("div"),l=(i.innerHTML=e,i.querySelector("svg"));if(!l)throw new Error("No SVG found in response");l.style.maxWidth="100%",l.style.height="auto",l.style.display="block",l.style.margin="0 auto";var r=l.querySelectorAll("a[href]");console.log(`🔗 Found ${r.length} links in PlantUML diagram`),r.forEach(e=>{let t=e.getAttribute("href");t&&(t.endsWith(".md")||t.endsWith(".html")||t.endsWith(".puml"))&&(e.addEventListener("click",e=>{e.preventDefault(),e.stopPropagation(),console.log("🔗 Navigating to: "+t),this.loadPage(t)}),e.style.cursor="pointer",e.setAttribute("class",(e.getAttribute("class")||"")+" ontowave-internal-link"))}),t.innerHTML="",t.appendChild(l),console.log("✅ PlantUML diagram rendered with",r.length,"clickable links")}catch(e){console.error("❌ Failed to load PlantUML diagram:",e),t.innerHTML=`
+            <div style="color: #d73a49; padding: 20px; background: #fff5f5; border: 1px solid #feb2b2; border-radius: 6px;">
+              <strong>❌ Erreur de rendu PlantUML</strong>
+              <p style="margin: 5px 0; font-size: 14px;">${e.message}</p>
+              <details style="margin-top: 10px;">
+                <summary style="cursor: pointer; color: #0366d6;">Détails techniques</summary>
+                <pre style="background: #f6f8fa; padding: 10px; margin-top: 5px; border-radius: 4px; overflow-x: auto; font-size: 12px;">URL: ${o}</pre>
+              </details>
+            </div>
+          `}}),await Promise.all(e),console.log("✅ All PlantUML diagrams processed"))}async processPrism(e){if(console.log("🔍 processPrism called - prismLoaded:",this.prismLoaded,"window.Prism:",!!d.Prism),d.Prism){if(!d.Prism.languages||!d.Prism.languages.javascript){console.log("⏳ JavaScript not loaded yet, waiting...");for(let e=0;e<20;e++)if(await new Promise(e=>setTimeout(e,100)),d.Prism.languages&&d.Prism.languages.javascript){console.log("✅ JavaScript language now available");break}d.Prism.languages&&d.Prism.languages.javascript||console.warn("⚠️ JavaScript language still not available after waiting")}try{console.log("🔤 Available Prism languages:",d.Prism.languages?Object.keys(d.Prism.languages):"none");var t=e.querySelectorAll('code[class*="language-"]'),o=(console.log("🎨 Found",t.length,"code blocks with language classes"),t.forEach((e,t)=>{console.log(`🔍 Code block ${t}:`),console.log(`  - class: "${e.className}"`),console.log("  - content length: "+e.textContent?.length),console.log(`  - content preview: "${e.textContent?.substring(0,50)}..."`),console.log("  - parent visible: "+("none"!==d.getComputedStyle(e.parentElement).display)),console.log("  - element visible: "+("none"!==d.getComputedStyle(e).display))}),e.querySelectorAll("code"));if(console.log("📝 Total code blocks found:",o.length),0<t.length){var n=t[0];console.log("🧪 Testing manual highlighting on first element...");var a=n.className.split(" ").find(e=>e.startsWith("language-")),i=a?a.replace("language-",""):"unknown";if(console.log(`🔤 Language detected: "${i}"`),console.log("🔤 Language available in Prism: "+!(!d.Prism.languages||!d.Prism.languages[i])),d.Prism.languages&&d.Prism.languages[i]){console.log("🧪 Attempting manual highlight...");var l=n.textContent;try{var r=d.Prism.highlight(l,d.Prism.languages[i],i);console.log("🎨 Manual highlight result length: "+r.length),console.log(`🎨 Manual highlight preview: "${r.substring(0,100)}..."`),n.innerHTML=r,console.log("✅ Manual highlight applied")}catch(e){console.error("❌ Manual highlight failed:",e)}}d.Prism.highlightAllUnder(e),console.log("✅ Prism syntax highlighting applied to",t.length,"blocks");var s=e.querySelectorAll(".token");console.log("🎨 Tokens created after highlighting:",s.length),0<s.length&&s.forEach((e,t)=>{console.log(`Token ${t}: "${e.textContent}" (class: ${e.className})`)})}else console.log("⚠️ No code blocks with language classes found for Prism")}catch(e){console.error("❌ Prism highlighting error:",e)}}else console.log("🎨 Prism not available, skipping syntax highlighting")}showConfigurationInterface(){var e,t=document.getElementById("ontowave-content");t&&(e=JSON.stringify(this.config,null,2).replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;"),t.innerHTML=`
         <div class="ontowave-config-interface">
           <div class="config-header">
             <h1>🌊 OntoWave Configuration</h1>
@@ -658,7 +779,7 @@ ${e}
             </div>
           </div>
         </div>
-      `,this.addConfigStyles(),this.populateConfigForm(),this.updateGeneratedCode())}populateConfigForm(){var e=document.getElementById("config-title"),t=document.getElementById("config-defaultPage"),o=document.getElementById("config-locales"),n=document.getElementById("config-showGallery"),i=document.getElementById("config-mermaidTheme");e&&(e.value=this.config.title),t&&(t.value=this.config.defaultPage),o&&(o.value=this.config.locales.join(", ")),n&&(n.checked=this.config.showGallery),i&&(i.value=this.config.mermaid.theme)}addConfigStyles(){var e;document.getElementById("ontowave-config-styles")||((e=document.createElement("style")).id="ontowave-config-styles",e.textContent=`
+      `,this.addConfigStyles(),this.populateConfigForm(),this.updateGeneratedCode())}populateConfigForm(){var e=document.getElementById("config-title"),t=document.getElementById("config-defaultPage"),o=document.getElementById("config-locales"),n=document.getElementById("config-showGallery"),a=document.getElementById("config-mermaidTheme");e&&(e.value=this.config.title),t&&(t.value=this.config.defaultPage),o&&(o.value=this.config.locales.join(", ")),n&&(n.checked=this.config.showGallery),a&&(a.value=this.config.mermaid.theme)}addConfigStyles(){var e;document.getElementById("ontowave-config-styles")||((e=document.createElement("style")).id="ontowave-config-styles",e.textContent=`
         .ontowave-config-interface {
           max-width: 1200px;
           margin: 0 auto;
@@ -793,7 +914,7 @@ ${e}
             gap: 20px;
           }
         }
-      `,document.head.appendChild(e))}updateConfigFromForm(){var e=document.getElementById("config-title").value,t=document.getElementById("config-defaultPage").value,o=document.getElementById("config-locales").value.split(",").map(e=>e.trim()).filter(e=>0<e.length),n=document.getElementById("config-showGallery").checked,i=document.getElementById("config-mermaidTheme").value;this.config.title=e,this.config.defaultPage=t,this.config.locales=o,this.config.showGallery=n,this.config.mermaid.theme=i,console.log("📝 Configuration updated:",this.config),document.title=this.config.title,this.updateGeneratedCode(),this.showNotification("✅ Configuration mise à jour")}updateGeneratedCode(){var e={title:this.config.title,baseUrl:this.config.baseUrl,defaultPage:this.config.defaultPage,locales:this.config.locales,fallbackLocale:this.config.fallbackLocale,showGallery:this.config.showGallery,mermaid:{theme:this.config.mermaid.theme}},e=JSON.stringify(e,null,2).replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;"),e=`&lt;!DOCTYPE html&gt;
+      `,document.head.appendChild(e))}updateConfigFromForm(){var e=document.getElementById("config-title").value,t=document.getElementById("config-defaultPage").value,o=document.getElementById("config-locales").value.split(",").map(e=>e.trim()).filter(e=>0<e.length),n=document.getElementById("config-showGallery").checked,a=document.getElementById("config-mermaidTheme").value;this.config.title=e,this.config.defaultPage=t,this.config.locales=o,this.config.showGallery=n,this.config.mermaid.theme=a,console.log("📝 Configuration updated:",this.config),document.title=this.config.title,this.updateGeneratedCode(),this.showNotification("✅ Configuration mise à jour")}updateGeneratedCode(){var e={title:this.config.title,baseUrl:this.config.baseUrl,defaultPage:this.config.defaultPage,locales:this.config.locales,fallbackLocale:this.config.fallbackLocale,showGallery:this.config.showGallery,mermaid:{theme:this.config.mermaid.theme}},e=JSON.stringify(e,null,2).replace(/"/g,"&quot;").replace(/</g,"&lt;").replace(/>/g,"&gt;"),e=`&lt;!DOCTYPE html&gt;
 &lt;html&gt;
 &lt;head&gt;
     &lt;meta charset="UTF-8"&gt;
@@ -834,7 +955,7 @@ ${e}
             from { transform: translateX(100%); opacity: 0; }
             to { transform: translateX(0); opacity: 1; }
           }
-        `,document.head.appendChild(e)),document.body.appendChild(t),setTimeout(()=>{t.style.animation="slideIn 0.3s ease reverse",setTimeout(()=>{t.parentNode&&t.parentNode.removeChild(t)},300)},3e3)}showError(e){var t=document.getElementById("ontowave-content");t&&(t.innerHTML=`<div class="ontowave-error">❌ ${e}</div>`)}toggleConfigurationPanel(o,n=null){o&&(o.preventDefault(),o.stopPropagation());o=n||this.getCurrentLanguage(),console.log("⚙️ Opening config panel with locale:",o),n=document.querySelector(".ontowave-menu-content");if(n){var i=document.querySelector('.ontowave-menu-option[onclick*="toggleConfigurationPanel"]');let t=document.getElementById("ontowave-config-panel");if(t){t.remove(),i&&i.classList.remove("selected");let e=document.getElementById("ontowave-floating-menu");e&&e.classList.remove("has-config-panel"),"function"==typeof d.ontowaveUpdateDragState&&d.ontowaveUpdateDragState(),void console.log("Config panel closed")}else{i&&i.classList.add("selected"),(t=document.createElement("div")).id="ontowave-config-panel",t.className="ontowave-config-panel",t.innerHTML=`
+        `,document.head.appendChild(e)),document.body.appendChild(t),setTimeout(()=>{t.style.animation="slideIn 0.3s ease reverse",setTimeout(()=>{t.parentNode&&t.parentNode.removeChild(t)},300)},3e3)}showError(e){var t=document.getElementById("ontowave-content");t&&(t.innerHTML=`<div class="ontowave-error">❌ ${e}</div>`)}toggleConfigurationPanel(o,n=null){o&&(o.preventDefault(),o.stopPropagation());o=n||this.getCurrentLanguage(),console.log("⚙️ Opening config panel with locale:",o),n=document.querySelector(".ontowave-menu-content");if(n){var a=document.querySelector('.ontowave-menu-option[onclick*="toggleConfigurationPanel"]');let t=document.getElementById("ontowave-config-panel");if(t){t.remove(),a&&a.classList.remove("selected");let e=document.getElementById("ontowave-floating-menu");e&&e.classList.remove("has-config-panel"),"function"==typeof d.ontowaveUpdateDragState&&d.ontowaveUpdateDragState(),void console.log("Config panel closed")}else{a&&a.classList.add("selected"),(t=document.createElement("div")).id="ontowave-config-panel",t.className="ontowave-config-panel",t.innerHTML=`
         <div class="config-panel-content">
           <div class="config-full-panel">
             <h3>🌊 ${this.t("configTitle",o)}</h3>
@@ -1019,7 +1140,7 @@ ${e}
             </div>
           </div>
         </div>
-      `,this.addConfigPanelStyles(),n.appendChild(t);let e=document.getElementById("ontowave-floating-menu");e&&e.classList.add("has-config-panel"),"function"==typeof d.ontowaveUpdateDragState&&d.ontowaveUpdateDragState(),this.updateGeneratedCodeMini(),console.log("Config panel opened")}}else console.error("Menu content not found")}updateConfigFromFullPanel(){var e=document.getElementById("config-title-full")?.value||this.config.title,t=document.getElementById("config-defaultPage-full")?.value||this.config.defaultPage,o=document.getElementById("config-baseUrl-full")?.value||this.config.baseUrl,n=document.getElementById("config-locales-full")?.value.split(",").map(e=>e.trim()).filter(e=>0<e.length)||this.config.locales,i=document.getElementById("config-fallbackLocale-full")?.value||this.config.fallbackLocale,a=document.getElementById("config-showGallery-full")?.checked||!1,l=!1!==document.getElementById("config-navHome-full")?.checked,r=!1!==document.getElementById("config-navBreadcrumb-full")?.checked,s=!1!==document.getElementById("config-navToc-full")?.checked,c=document.getElementById("config-mermaidTheme-full")?.value||"default",d=!1!==document.getElementById("config-mermaidStart-full")?.checked,g=!1!==document.getElementById("config-mermaidMaxWidth-full")?.checked,m=document.getElementById("config-plantumlServer-full")?.value||"https://www.plantuml.com/plantuml",u=document.getElementById("config-plantumlFormat-full")?.value||"svg",f=document.getElementById("config-prismTheme-full")?.value||"default",p=!1!==document.getElementById("config-prismAutoload-full")?.checked,h=document.getElementById("config-uiTheme-full")?.value||"default",v=!1!==document.getElementById("config-uiResponsive-full")?.checked,b=!1!==document.getElementById("config-uiAnimations-full")?.checked;this.config.title=e,this.config.defaultPage=t,this.config.baseUrl=o,this.config.locales=n,this.config.fallbackLocale=i,this.config.showGallery=a,this.config.navigation={showHome:l,showBreadcrumb:r,showToc:s},this.config.mermaid={theme:c,startOnLoad:d,flowchart:{useMaxWidth:g},sequence:{useMaxWidth:g},gantt:{useMaxWidth:g},journey:{useMaxWidth:g}},this.config.plantuml={server:m,format:u},this.config.prism={theme:f,autoload:p},this.config.ui={theme:h,responsive:v,animations:b},document.title=this.config.title,this.showNotification("Configuration appliquée avec succès ! 🎉"),console.log("Configuration mise à jour:",this.config)}resetConfigToDefaults(){var e;confirm("Voulez-vous vraiment réinitialiser toute la configuration aux valeurs par défaut ?")&&(Object.assign(this.config,{title:"OntoWave Documentation",baseUrl:"/",defaultPage:"index.md",locales:[],fallbackLocale:"en",showGallery:!1,mermaid:{theme:"default",startOnLoad:!0,flowchart:{useMaxWidth:!0},sequence:{useMaxWidth:!0},gantt:{useMaxWidth:!0},journey:{useMaxWidth:!0}},plantuml:{server:"https://www.plantuml.com/plantuml",format:"svg"},prism:{theme:"default",autoload:!0},navigation:{showHome:!0,showBreadcrumb:!0,showToc:!0},ui:{theme:"default",responsive:!0,animations:!0}}),(e=document.getElementById("ontowave-config-panel"))&&(e.remove(),"function"==typeof d.ontowaveUpdateDragState&&d.ontowaveUpdateDragState(),setTimeout(()=>this.toggleConfigurationPanel(),100)),this.showNotification("Configuration réinitialisée ! 🔄"))}updateConfigFromPanel(){var e=document.getElementById("config-title-mini")?.value||this.config.title,t=document.getElementById("config-locales-mini")?.value.split(",").map(e=>e.trim()).filter(e=>0<e.length)||this.config.locales,o=document.getElementById("config-showGallery-mini")?.checked||this.config.showGallery;this.config.title=e,this.config.locales=t,this.config.showGallery=o,document.title=this.config.title,this.updateGeneratedCodeMini(),this.showNotification("✅ Configuration mise à jour")}downloadConfigFromPanel(){var e={title:this.config.title,baseUrl:this.config.baseUrl,defaultPage:this.config.defaultPage,locales:this.config.locales,fallbackLocale:this.config.fallbackLocale,showGallery:this.config.showGallery,mermaid:{theme:this.config.mermaid.theme}},e=JSON.stringify(e,null,2),e=`<!DOCTYPE html>
+      `,this.addConfigPanelStyles(),n.appendChild(t);let e=document.getElementById("ontowave-floating-menu");e&&e.classList.add("has-config-panel"),"function"==typeof d.ontowaveUpdateDragState&&d.ontowaveUpdateDragState(),this.updateGeneratedCodeMini(),console.log("Config panel opened")}}else console.error("Menu content not found")}updateConfigFromFullPanel(){var e=document.getElementById("config-title-full")?.value||this.config.title,t=document.getElementById("config-defaultPage-full")?.value||this.config.defaultPage,o=document.getElementById("config-baseUrl-full")?.value||this.config.baseUrl,n=document.getElementById("config-locales-full")?.value.split(",").map(e=>e.trim()).filter(e=>0<e.length)||this.config.locales,a=document.getElementById("config-fallbackLocale-full")?.value||this.config.fallbackLocale,i=document.getElementById("config-showGallery-full")?.checked||!1,l=!1!==document.getElementById("config-navHome-full")?.checked,r=!1!==document.getElementById("config-navBreadcrumb-full")?.checked,s=!1!==document.getElementById("config-navToc-full")?.checked,c=document.getElementById("config-mermaidTheme-full")?.value||"default",d=!1!==document.getElementById("config-mermaidStart-full")?.checked,g=!1!==document.getElementById("config-mermaidMaxWidth-full")?.checked,m=document.getElementById("config-plantumlServer-full")?.value||"https://www.plantuml.com/plantuml",u=document.getElementById("config-plantumlFormat-full")?.value||"svg",f=document.getElementById("config-prismTheme-full")?.value||"default",p=!1!==document.getElementById("config-prismAutoload-full")?.checked,h=document.getElementById("config-uiTheme-full")?.value||"default",v=!1!==document.getElementById("config-uiResponsive-full")?.checked,b=!1!==document.getElementById("config-uiAnimations-full")?.checked;this.config.title=e,this.config.defaultPage=t,this.config.baseUrl=o,this.config.locales=n,this.config.fallbackLocale=a,this.config.showGallery=i,this.config.navigation={showHome:l,showBreadcrumb:r,showToc:s},this.config.mermaid={theme:c,startOnLoad:d,flowchart:{useMaxWidth:g},sequence:{useMaxWidth:g},gantt:{useMaxWidth:g},journey:{useMaxWidth:g}},this.config.plantuml={server:m,format:u},this.config.prism={theme:f,autoload:p},this.config.ui={theme:h,responsive:v,animations:b},document.title=this.config.title,this.showNotification("Configuration appliquée avec succès ! 🎉"),console.log("Configuration mise à jour:",this.config)}resetConfigToDefaults(){var e;confirm("Voulez-vous vraiment réinitialiser toute la configuration aux valeurs par défaut ?")&&(Object.assign(this.config,{title:"OntoWave Documentation",baseUrl:"/",defaultPage:"index.md",locales:[],fallbackLocale:"en",showGallery:!1,mermaid:{theme:"default",startOnLoad:!0,flowchart:{useMaxWidth:!0},sequence:{useMaxWidth:!0},gantt:{useMaxWidth:!0},journey:{useMaxWidth:!0}},plantuml:{server:"https://www.plantuml.com/plantuml",format:"svg"},prism:{theme:"default",autoload:!0},navigation:{showHome:!0,showBreadcrumb:!0,showToc:!0},ui:{theme:"default",responsive:!0,animations:!0}}),(e=document.getElementById("ontowave-config-panel"))&&(e.remove(),"function"==typeof d.ontowaveUpdateDragState&&d.ontowaveUpdateDragState(),setTimeout(()=>this.toggleConfigurationPanel(),100)),this.showNotification("Configuration réinitialisée ! 🔄"))}updateConfigFromPanel(){var e=document.getElementById("config-title-mini")?.value||this.config.title,t=document.getElementById("config-locales-mini")?.value.split(",").map(e=>e.trim()).filter(e=>0<e.length)||this.config.locales,o=document.getElementById("config-showGallery-mini")?.checked||this.config.showGallery;this.config.title=e,this.config.locales=t,this.config.showGallery=o,document.title=this.config.title,this.updateGeneratedCodeMini(),this.showNotification("✅ Configuration mise à jour")}downloadConfigFromPanel(){var e={title:this.config.title,baseUrl:this.config.baseUrl,defaultPage:this.config.defaultPage,locales:this.config.locales,fallbackLocale:this.config.fallbackLocale,showGallery:this.config.showGallery,mermaid:{theme:this.config.mermaid.theme}},e=JSON.stringify(e,null,2),e=`<!DOCTYPE html>
 <html>
 <head>
     <meta charset="UTF-8">
@@ -1337,4 +1458,4 @@ ${e}
           max-height: 300px;
           overflow-y: auto;
         }
-      `,document.head.appendChild(e))}navigate(e){this.loadPage(e)}getConfig(){return{...this.config}}updateConfig(e){this.config={...this.config,...e},console.log("📝 Configuration updated")}}async function i(){try{var e,t=await fetch("./config.json");if(t.ok)return e=await t.json(),console.log("📁 Configuration chargée depuis config.json:",e),e}catch(e){console.log("📁 Pas de config.json trouvé, utilisation de la configuration par défaut")}return{}}document.addEventListener("DOMContentLoaded",async()=>{let e=d.OntoWaveConfig||{};e=d.OntoWaveConfig?{...await i(),...d.OntoWaveConfig}:await i(),d.OntoWave={instance:new n(e)},await d.OntoWave.instance.init(),console.log("🌊 OntoWave initialisé automatiquement")}),d.OntoWaveClass=n})(window);
+      `,document.head.appendChild(e))}navigate(e){this.loadPage(e)}getConfig(){return{...this.config}}updateConfig(e){this.config={...this.config,...e},console.log("📝 Configuration updated")}}async function a(){try{var e,t=await fetch("./config.json");if(t.ok)return e=await t.json(),console.log("📁 Configuration chargée depuis config.json:",e),e}catch(e){console.log("📁 Pas de config.json trouvé, utilisation de la configuration par défaut")}return{}}document.addEventListener("DOMContentLoaded",async()=>{let e=d.OntoWaveConfig||{};e=d.OntoWaveConfig?{...await a(),...d.OntoWaveConfig}:await a(),d.OntoWave={instance:new n(e)},await d.OntoWave.instance.init(),console.log("🌊 OntoWave initialisé automatiquement")}),d.OntoWaveClass=n})(window);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ontowave",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "Lightweight JavaScript library for creating interactive documentation from Markdown with multilingual support, Prism syntax highlighting, Mermaid diagrams, and PlantUML rendering",
   "main": "dist/ontowave.js",
   "unpkg": "dist/ontowave.min.js",