architecture overview

architecture-overview.png

Output file: images/architecture-overview.png
Title: System architecture

Copy everything inside the fenced block below into Gemini (Imagen). Save the result as architecture-overview.png in the wiki images/ folder.

Visual style for COMSTAR AI wiki documentation:
- Dark charcoal / near-black background (#0B0E12 to #141A22)
- Accent colors: cool cyan (#3DDCFF) and warm amber (#F0A202) only — no purple, no neon magenta
- Clean technical diagram aesthetic: crisp vector-like shapes, subtle grid or soft radial vignette
- Typography in-image: geometric sans, sparse labels, high contrast white/light gray text
- Mood: engineered home AI terminal — precise, calm, slightly industrial, not sci-fi hologram cliché
- No photorealistic faces of private individuals; use silhouettes or generic figures when people appear
- No logos of third-party companies unless abstractly represented as labeled boxes
- Aspect ratio: 16:9 unless noted
- High resolution, sharp edges, suitable for GitHub wiki (readable at ~900px wide)
- Leave modest padding around edges; avoid tiny unreadable text

Clean dual-panel architecture diagram. Left panel labeled "Raspberry Pi 4 — terminal" containing boxes: USB Camera, Microphone, comstar-audio, comstar-bridge (Dart), Chromium kiosk, Speakers/Display. Right panel labeled "AI server — RTX 4000 Ada" containing boxes: agentic-orchestration :8765, Speech STT :8090, Speech TTS :8091, CodeProject.AI :32168. Cyan arrows from bridge to CPAI and AO; amber dashed arrows for hello.speech discovery; solid arrows for STT/TTS HTTP. Minimal labels, clear hierarchy, legend for arrow types.

Avoid: purple gradients, stock "AI brain" tropes, excessive glow bloom, cluttered dashboards, comic-book style, watermarks, illegible micro-text, photoreal private faces, corporate Memphis patterns, cream terracotta aesthetic