Upload 6 files

assets/styles.css

@@ -464,17 +464,17 @@ section {
   animation: pulseGlow 2s ease-in-out infinite;
 }
 .diagram { 
-  display: none !important;
+  display: none;
   opacity: 0;
   transform: translateY(20px);
   transition: all 0.3s ease;
-  min-height: 0;
+  min-height: 300px;
   margin: 0;
   padding: 0;
 }
 
 .diagram.visible { 
-  display: flex !important;
+  display: block;
   opacity: 1;
   transform: translateY(0);
 }
@@ -495,10 +495,8 @@ pre.mermaid svg {
 }
 
 /* Ensure Mermaid diagrams are properly centered */
-.diagram {
-  display: flex;
-  justify-content: center;
-  align-items: center;
+.diagram.visible {
+  display: block;
   width: 100%;
 }
 

index.html

@@ -216,37 +216,37 @@
         <p>Click tabs to switch between layers.</p>
       </div>
       <div class="tabs mb-6" role="tablist" aria-label="Architecture layers">
-        <button class="tab active" data-target="#arch-l1" role="tab" aria-selected="true" aria-controls="arch-l1" id="tab-l1">L1 System</button>
-        <button class="tab" data-target="#arch-l2" role="tab" aria-selected="false" aria-controls="arch-l2" id="tab-l2">L2 RAG Internals</button>
-        <button class="tab" data-target="#arch-l3" role="tab" aria-selected="false" aria-controls="arch-l3" id="tab-l3">L3 Single Turn</button>
+        <button class="tab active" data-target="#arch-l1" role="tab" aria-selected="true" aria-controls="arch-l1" id="tab-l1">System Diagram</button>
+        <button class="tab" data-target="#arch-l2" role="tab" aria-selected="false" aria-controls="arch-l2" id="tab-l2">RAG Internals</button>
+        <button class="tab" data-target="#arch-l3" role="tab" aria-selected="false" aria-controls="arch-l3" id="tab-l3">Sequence Diagram</button>
       </div>
 
       <div id="arch-l1" class="diagram visible" role="tabpanel" aria-labelledby="tab-l1" aria-hidden="false">
-        <pre class="mermaid" aria-label="L1 System Architecture Diagram">
+        <pre class="mermaid" aria-label="System Architecture Diagram">
         flowchart LR
-          U([Clinician UI / EMR]) -->|symptoms, meds, files| MCP[MCP Orchestrator<br/>FastAPI routing, planning, safety, tracing]
-          MCP --> DX[Diagnostics Agent]
-          MCP --> RX[Pharmacology Agent]
-          MCP --> TR[Triage Agent]
-          subgraph RAG[Agentic RAG]
-            QR[Query Router] --> RET[Retriever]
-            RET --> SR[Safety Rails]
+          U(["Clinician UI / EMR"]) -->|"symptoms, meds, files"| MCP["MCP Orchestrator<br/>FastAPI routing, planning, safety, tracing"]
+          MCP --> DX["Diagnostics Agent"]
+          MCP --> RX["Pharmacology Agent"]
+          MCP --> TR["Triage Agent"]
+          subgraph RAG["Agentic RAG"]
+            QR["Query Router"] --> RET["Retriever"]
+            RET --> SR["Safety Rails"]
           end
           DX --> RAG
           RX --> RAG
           TR --> RAG
-          SR --> KB[(Med KB / PubMed)]
-          SR --> EMR[(EMR/EHR summaries)]
-          DX --> FUSE[Evidence Fusion + Self-Consistency]
+          SR --> KB[("Med KB / PubMed")]
+          SR --> EMR[("EMR/EHR summaries")]
+          DX --> FUSE["Evidence Fusion + Self-Consistency"]
           RX --> FUSE
           TR --> FUSE
-          FUSE --> OUT{{Final Report<br/>summary, plan, citations, cautions}}
-          OUT --> QA[Evaluation & QA<br/>MedMCQA, PubMedQA, similarity audits]
+          FUSE --> OUT{{"Final Report<br/>summary, plan, citations, cautions"}}
+          OUT --> QA["Evaluation & QA<br/>MedMCQA, PubMedQA, similarity audits"]
         </pre>
       </div>
 
       <div id="arch-l2" class="diagram" role="tabpanel" aria-labelledby="tab-l2" aria-hidden="true" style="display: none;">
-        <pre class="mermaid" aria-label="L2 RAG Internals Architecture Diagram">
+        <pre class="mermaid" aria-label="RAG Internals Architecture Diagram">
         flowchart LR
           subgraph AGENTIC_RAG["Agentic RAG"]
             IN["Inputs<br/>symptoms, vitals, meds, files, LTM"] --> QR["Query Router"]
@@ -264,7 +264,7 @@
       </div>
 
       <div id="arch-l3" class="diagram" role="tabpanel" aria-labelledby="tab-l3" aria-hidden="true" style="display: none;">
-        <pre class="mermaid" aria-label="L3 Single Turn Sequence Diagram">
+        <pre class="mermaid" aria-label="Single Turn Sequence Diagram">
         sequenceDiagram
           participant C as Clinician
           participant MCP as Orchestrator (MCP)