Add render.yaml, fix gemini provider routing, show LLM model in header

- render.yaml: declares LLM_PROVIDER=gemini as versioned config; secrets
(GEMINI_API_KEY, GROQ_API_KEY, etc.) listed as sync:false so they persist
from the Render dashboard without being stored in the repo
- server.py: _choose_provider() now accepts "gemini" from LLM_PROVIDER env var
- simulation.py: get_state_summary() includes llm_provider + llm_model fields
- index.html: header shows active model (e.g. ✦ 2.0-flash) with full name
as tooltip; icon varies by provider (✦ gemini, ⚡ groq, ◆ claude, 🦙 ollama)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

render.yaml

@@ -0,0 +1,28 @@
+services:
+  - type: web
+    name: soci
+    env: python
+    buildCommand: pip install -r requirements.txt
+    startCommand: python -m uvicorn soci.api.server:app --host 0.0.0.0 --port $PORT
+
+    envVars:
+      # ── Non-secret config (declared here, always applied on deploy) ──────────
+      - key: LLM_PROVIDER
+        value: gemini          # gemini | groq | claude | ollama
+
+      - key: GITHUB_STATE_BRANCH
+        value: simulation-state
+      - key: GITHUB_STATE_FILE
+        value: state/autosave.json
+
+      # ── Secrets (values set once in Render dashboard, never stored here) ─────
+      - key: GEMINI_API_KEY
+        sync: false
+      - key: GROQ_API_KEY
+        sync: false
+      - key: ANTHROPIC_API_KEY
+        sync: false
+      - key: GITHUB_TOKEN
+        sync: false
+      - key: GITHUB_REPO
+        sync: false

src/soci/api/server.py

@@ -230,7 +230,7 @@ def _choose_provider() -> str:
     """
     # Check explicit env vars first
     provider = os.environ.get("SOCI_PROVIDER", "").lower() or os.environ.get("LLM_PROVIDER", "").lower()
-    if provider in ("claude", "groq", "ollama"):
+    if provider in ("claude", "groq", "gemini", "ollama"):
         return provider
 
     # Check if keys are available

src/soci/engine/simulation.py

@@ -836,6 +836,8 @@ class Simulation:
                 for aid, a in self.agents.items()
             },
             "active_conversations": len(self.active_conversations),
+            "llm_provider": getattr(self.llm, "provider", "unknown"),
+            "llm_model": getattr(self.llm, "default_model", "unknown"),
             "llm_usage": self.llm.usage.summary(),
         }
 

web/index.html

@@ -240,6 +240,7 @@
     <span><span id="weather-icon"></span> <span id="weather">Sunny</span></span>
     <span id="agent-count"><span class="dot green"></span> 0 agents</span>
     <span id="conv-count">0 convos</span>
+    <span id="llm-model" title="Active LLM model">⚡ —</span>
     <span class="controls">
       <button class="ctrl-btn" id="btn-pause" onclick="togglePause()" title="Pause/Resume">&#x23EF;</button>
       <button class="ctrl-btn" id="btn-slow" onclick="setSpeed(3.0)" title="Slow">&#x1F422;</button>
@@ -2862,6 +2863,19 @@ function processStateData(data) {
   document.getElementById('api-calls').textContent = `API: ${cm?cm[1]:'0'}`;
   document.getElementById('cost').textContent = $m ? `$${$m[1]}` : '$0.00';
 
+  if (data.llm_provider && data.llm_model) {
+    // Compact model label: strip long date suffixes and version noise
+    let label = data.llm_model
+      .replace(/-\d{8}$/, '')          // remove trailing date e.g. -20251001
+      .replace(/-instant$/, '')        // groq suffix
+      .replace(/^gemini-/, '');        // "gemini-2.0-flash" → "2.0-flash"
+    const providerIcon = { gemini: '✦', groq: '⚡', claude: '◆', ollama: '🦙' };
+    const icon = providerIcon[data.llm_provider] || '⚡';
+    const el = document.getElementById('llm-model');
+    el.textContent = `${icon} ${label}`;
+    el.title = `${data.llm_provider}: ${data.llm_model}`;
+  }
+
   agents = data.agents || {};
   renderPlayerPanel();