Update app docs

docs/scheme.mmd

@@ -0,0 +1,58 @@
+---
+config:
+  layout: dagre
+  flowchart:
+    htmlLabels: true
+---
+flowchart TB
+    User(["<span style='font-size:16px;font-weight:bold;'>User</span><br><span style='font-size:13px;color:#01579b;'>Person interacting with system</span>"]) 
+      -- audio stream --> 
+    UI@{ label: "<span style='font-size:16px;font-weight:bold;'>UI Layer</span><br><span style='font-size:13px;color:#0277bd;'>Gradio/Console</span>" }
+
+    UI -- audio stream --> 
+    OpenAI@{ label: "<span style='font-size:17px;font-weight:bold;'>gpt-realtime API</span><br><span style='font-size:13px; color:#7b1fa2;'>Audio+Tool Calls+Vision</span>" }
+
+    OpenAI -- audio stream --> 
+    Motion@{ label: "<span style='font-size:16px;font-weight:bold;'>Motion Control</span><br><span style='font-size:13px;color:#f57f17;'>Audio Sync + Tracking</span>" }
+    
+    OpenAI -- tool calls --> 
+    Handlers@{ label: "<span style='font-size:16px;font-weight:bold;'>Tool Handlers</span><br><span style='font-size:12px;color:#f9a825;'>move_head, camera, head_tracking,<br/>dance, play_emotion, do_nothing</span>" }
+
+    Handlers -- movement 
+    requests --> Motion
+
+    Handlers -- camera frames, face tracking --> 
+    Camera@{ label: "<span style='font-size:16px;font-weight:bold;'>Camera Worker</span><br><span style='font-size:13px;color:#f57f17;'>Frame Buffer + Face Tracking</span>" }
+    
+    Handlers -. image for 
+    analysis .-> OpenAI
+
+    Camera -- face tracking --> Motion
+
+    Camera -. frames .-> 
+    Vision@{ label: "<span style='font-size:16px;font-weight:bold;'>Vision Processor</span><br><span style='font-size:13px;color:#7b1fa2;'>Local VLM (optional)</span>" }
+
+    Vision -. description .-> Handlers
+
+    Robot@{ label: "<span style='font-size:16px;font-weight:bold;'>reachy_mini</span><br><span style='font-size:13px;color:#c62828;'>Robot Control Library</span>" } 
+    -- camera 
+    frames --> Camera
+
+    Motion -- commands --> Robot
+
+    Handlers -- results --> OpenAI
+
+     User:::userStyle
+     UI:::uiStyle
+     OpenAI:::aiStyle
+     Motion:::coreStyle
+     Handlers:::toolStyle
+     Camera:::coreStyle
+     Vision:::aiStyle
+     Robot:::hardwareStyle
+    classDef userStyle fill:#e1f5fe,stroke:#01579b,stroke-width:3px
+    classDef uiStyle fill:#b3e5fc,stroke:#0277bd,stroke-width:2px
+    classDef aiStyle fill:#e1bee7,stroke:#7b1fa2,stroke-width:3px
+    classDef coreStyle fill:#fff9c4,stroke:#f57f17,stroke-width:2px
+    classDef hardwareStyle fill:#ef9a9a,stroke:#c62828,stroke-width:3px
+    classDef toolStyle fill:#fffde7,stroke:#f9a825,stroke-width:1px

index.html

@@ -35,7 +35,7 @@
 					<span>Low-latency voice loop</span>
 					<span>Camera insights on demand</span>
 					<span>Choreographed dances & emotions</span>
-					<span>Personality profiles via web UI</span>
+					<span>MCP server integration</span>
 				</div>
 			</div>
 			<div class="hero-visual">
@@ -76,6 +76,11 @@
 				<h3>Personalities on demand</h3>
 				<p>Switch conversation styles through profiles and decide which tools (dance, camera, tracking) each persona can use.</p>
 			</div>
+			<div class="feature-card">
+				<span class="icon">🔌</span>
+				<h3>MCP server support</h3>
+				<p>Connect to external data via MCP—web search, weather, stock prices, sports scores, news headlines, and more.</p>
+			</div>
 			<div class="feature-card">
 				<span class="icon">🌐</span>
 				<h3>Ready for your setup</h3>
@@ -90,9 +95,10 @@
 				<p class="eyebrow">How it feels</p>
 				<h3>From hello to helpful in seconds</h3>
 				<ul class="story-list">
-					<li><span>👋</span> Say “Hey Reachy” and start chatting—no extra setup in the moment.</li>
+					<li><span>👋</span> Say "Hey Reachy" and start chatting—no extra setup in the moment.</li>
 					<li><span>👀</span> Ask what it sees; it can peek through the camera or keep focus on your face.</li>
 					<li><span>🎭</span> Trigger emotions or dance breaks to keep the conversation lively.</li>
+					<li><span>🔌</span> Query live data—weather, news, stocks—through MCP server connections.</li>
 					<li><span>📝</span> Follow along with live transcripts in the web UI or run audio-only from the console.</li>
 				</ul>
 			</div>
@@ -107,7 +113,7 @@
 					<span class="chip">Face tracking</span>
 					<span class="chip">Camera tool</span>
 					<span class="chip">Dance library</span>
-					<span class="chip">Profiles & tools</span>
+					<span class="chip">MCP tools</span>
 				</div>
 			</div>
 		</div>