From 70081d5ff8cc8ba580102f88368d52371c951d22 Mon Sep 17 00:00:00 2001
From: April M <36110273+aimurphy@users.noreply.github.com>
Date: Fri, 21 Nov 2025 10:40:59 -0800
Subject: [PATCH] switch back diagram with minitoc hidden

---
 docs/docs/get-started/what-is-openrag.mdx | 60 ++++++++++++++++-------
 1 file changed, 43 insertions(+), 17 deletions(-)

diff --git a/docs/docs/get-started/what-is-openrag.mdx b/docs/docs/get-started/what-is-openrag.mdx
index 43d6c037..218c21ed 100644
--- a/docs/docs/get-started/what-is-openrag.mdx
+++ b/docs/docs/get-started/what-is-openrag.mdx
@@ -27,26 +27,52 @@ Ready to get started? Try the [quickstart](/quickstart) to install OpenRAG and s
 OpenRAG deploys and orchestrates a lightweight, container-based architecture that combines **Langflow**, **OpenSearch**, and **Docling** into a cohesive RAG platform.
 
 ```mermaid
-flowchart TD
-    subgraph Containers
-    backend[OpenRAG Backend] --> langflow[Langflow]
-    langflow <--> opensearch[OpenSearch]
-    backend <--> frontend[OpenRAG frontend]
+%%{init: {'theme': 'dark', 'flowchart': {'useMaxWidth': false, 'width': '100%'}}}%%
+flowchart LR
+    %% Encapsulate the entire diagram in a rectangle with black background
+    subgraph DiagramContainer["OpenRAG Architecture"]
+        style DiagramContainer fill:#000000,stroke:#ffffff,color:white,stroke-width:2px
+        %% Define subgraphs for the different sections
+        subgraph LocalService["Local Service"]
+            DoclingSrv[Docling Serve]
+            style DoclingSrv fill:#a8d1ff,stroke:#0066cc,color:black,stroke-width:2px
+        end
+        subgraph Containers
+            Backend["OpenRAG Backend"]
+            style Backend fill:#e6ffe6,stroke:#006600,color:black,stroke-width:2px
+            Langflow
+            style Langflow fill:#e6ffe6,stroke:#006600,color:black,stroke-width:2px
+            OpenSearch
+            style OpenSearch fill:#e6ffe6,stroke:#006600,color:black,stroke-width:2px
+            Frontend["OpenRAG Frontend"]
+            style Frontend fill:#ffcc99,stroke:#ff6600,color:black,stroke-width:2px
+        end
+        subgraph ThirdParty["Third Party Services"]
+            GoogleDrive["Google Drive"]
+            style GoogleDrive fill:#f2e6ff,stroke:#6600cc,color:black,stroke-width:2px
+            OneDrive
+            style OneDrive fill:#f2e6ff,stroke:#6600cc,color:black,stroke-width:2px
+            SharePoint["SharePoint"]
+            style SharePoint fill:#f2e6ff,stroke:#6600cc,color:black,stroke-width:2px
+            More[...]
+            style More fill:#f2e6ff,stroke:#6600cc,color:black,stroke-width:2px
+        end
+        %% Define connections
+        DoclingSrv --> Backend
+        GoogleDrive --> Backend
+        OneDrive --> Backend
+        SharePoint --> Backend
+        More --> Backend
+        Backend --> Langflow
+        Langflow <--> OpenSearch
+        Backend <--> Frontend
+        %% Style subgraphs
+        style LocalService fill:#333333,stroke:#666666,color:white,stroke-width:2px
+        style Containers fill:#444444,stroke:#666666,color:white,stroke-width:2px
+        style ThirdParty fill:#333333,stroke:#666666,color:white,stroke-width:2px
     end
-    subgraph local [Local services]
-    docling[Docling Serve]
-    end
-    subgraph ext [External connectors]
-    drive1[Google Drive]
-    drive2[OneDrive]
-    drive3[SharePoint]
-    drive4[Others]
-    end
-    local --> backend
-    ext --> backend
 ```
 
-<br/>
 * The **OpenRAG Backend** is the central orchestration service that coordinates all other components.
 
 * **Langflow** provides a visual workflow engine for building AI agents, and connects to **OpenSearch** for vector storage and retrieval.