feat: deploy Kalpana RIF O(1) Studio with Needle-in-a-Haystack benchmarks, layer architecture, and Swagger API

index.html

@@ -461,6 +461,19 @@
             </div>
           </div>
 
+          <!-- End-to-End System Architecture Flow Card -->
+          <div class="content-card" style="margin-top: 1.5rem;">
+            <div class="card-head">
+              <h3>🌐 End-to-End System Architecture & Dataflow Diagram</h3>
+            </div>
+            <div style="background: #080c18; border: 1px solid var(--border); border-radius: 8px; padding: 1.5rem; text-align: center;">
+              <img src="https://raw.githubusercontent.com/maduperera/Kalpana-EmbedToKV/main/assets/kalpana_architecture.png" alt="Kalpana System Architecture Flow" style="max-width: 100%; max-height: 620px; object-fit: contain; border-radius: 6px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5); background: #ffffff; padding: 12px;">
+              <div style="font-size: 0.85rem; color: var(--text-muted); margin-top: 1rem; line-height: 1.5;">
+                Complete pipeline: <strong>Data Source</strong> (PDFs / Conversation Logs) ➔ <strong>Text Extractor</strong> ➔ <strong>Sentence Transformer</strong> ➔ <strong>Holographic RIF Engine (O(1))</strong> ➔ <strong>Context Manager</strong> ➔ <strong>Generative LLM</strong> ➔ <strong>User Response</strong>.
+              </div>
+            </div>
+          </div>
+
           <!-- 32-Layer Stack Visual Diagram Card -->
           <div class="content-card" style="margin-top: 1.5rem;">
             <div class="card-head">