Upload 6 files

assets/app.js

@@ -75,24 +75,30 @@ document.querySelectorAll('.tab').forEach(btn => {
   });
 });
 
-// Initialize first tab as active and hide other diagrams
+// Initialize first tab as active and show first diagram
 document.addEventListener('DOMContentLoaded', () => {
-  // Hide all diagrams first
-  document.querySelectorAll('.diagram').forEach(diagram => {
-    diagram.style.display = 'none';
-    diagram.style.opacity = '0';
-    diagram.style.transform = 'translateY(20px)';
-    diagram.classList.remove('visible');
+  // Hide all diagrams except the first one
+  document.querySelectorAll('.diagram').forEach((diagram, index) => {
+    if (index === 0) {
+      // First diagram should be visible
+      diagram.style.display = 'block';
+      diagram.style.opacity = '1';
+      diagram.style.transform = 'translateY(0)';
+      diagram.classList.add('visible');
+      diagram.setAttribute('aria-hidden', 'false');
+    } else {
+      // Other diagrams should be hidden
+      diagram.style.display = 'none';
+      diagram.style.opacity = '0';
+      diagram.style.transform = 'translateY(20px)';
+      diagram.classList.remove('visible');
+      diagram.setAttribute('aria-hidden', 'true');
+    }
   });
   
-  // Show only the first diagram (L1 System)
-  const firstTab = document.querySelector('.tab.active');
-  const firstDiagram = document.querySelector('.diagram.visible');
-  if (firstTab && firstDiagram) {
-    firstDiagram.style.display = 'block';
-    firstDiagram.style.opacity = '1';
-    firstDiagram.style.transform = 'translateY(0)';
-    firstDiagram.classList.add('visible');
+  // Ensure Mermaid diagrams are properly initialized
+  if (window.mermaid) {
+    mermaid.init(undefined, document.querySelectorAll('.mermaid'));
   }
 });
 

index.html

@@ -45,7 +45,11 @@
       startOnLoad: true, 
       theme: 'dark', 
       securityLevel: 'loose',
-      fontFamily: 'Inter, sans-serif'
+      fontFamily: 'Inter, ui-sans-serif, system-ui',
+      flowchart: {
+        useMaxWidth: true,
+        htmlLabels: true
+      }
     });
   </script>
   <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -233,7 +237,6 @@
           end
           DX --> RAG
           RX --> RAG
-          TR --> RAG
           SR --> KB[("Med KB / PubMed")]
           SR --> EMR[("EMR/EHR summaries")]
           DX --> FUSE["Evidence Fusion + Self-Consistency"]
@@ -245,19 +248,19 @@
 
       <div id="arch-l2" class="diagram" role="tabpanel" aria-labelledby="tab-l2" aria-hidden="true" style="display: none;">
         <pre class="mermaid" aria-label="RAG Internals Architecture Diagram">
-      flowchart LR
-        subgraph AGENTIC_RAG[Agentic RAG]
-          IN[Inputs: symptoms, vitals, meds, files, LTM] --> QR[Query Router]
-          QR --> RW[Rewriter / Disambiguator]
-          RW --> RET[Retriever (vector + keyword)]
-          RET -->|top-k| EVID[Evidence Bundle]
-          RET -->|"filter τ"| SR[Safety Rails]
-          SR --> EVID
-          EVID -->|write traces| LTM[VectorDB / LTM]
-          LTM --> RET
-          EVID --> KB[Med KB: PubMed / Guidelines]
-          EVID --> EMR[EMR Summaries]
-        end
+        flowchart LR
+          subgraph AGENTIC_RAG["Agentic RAG"]
+            IN["Inputs<br/>symptoms, vitals, meds, files, LTM"] --> QR["Query Router"]
+            QR --> RW["Rewriter / Disambiguator"]
+            RW --> RET["Retriever (vector + keyword)"]
+            RET -->|"top-k"| EVID["Evidence Bundle"]
+            RET -->|"filter τ"| SR["Safety Rails"]
+            SR --> EVID
+            EVID -->|"write traces"| LTM[("VectorDB / LTM")]
+            LTM --> RET
+            EVID --> KB[("Med KB: PubMed / Guidelines")]
+            EVID --> EMR[("EMR Summaries")]
+          end
         </pre>
       </div>