Mamba Chat — Streaming Chat UI
AI/ML
TypeScriptReactViteVercel AI SDKDexieRadix UIshadcn/uiTailwind CSSRechartsShiki
A modern, feature-rich AI chatbot SPA built with React and TypeScript. Mamba Chat delivers a polished conversational experience with real-time streaming, rich interactive content, and offline-first persistence, and connects to a Mamba Server backend.
The architecture emphasizes clean separation of concerns: a service-layer pattern abstracts the AI backend (with mock and real transports), a repository pattern via custom hooks handles data access, and context-based state management ties it together.
Key capabilities:
- Character-by-character streaming with rich content blocks — interactive forms, charts, code snippets, and cards — rendered from AI tool calls
- Offline-first storage of conversations and messages in IndexedDB via Dexie, with automatic conversation-title generation
- Multi-model architecture, dark/light theming with flash prevention, and a mobile-first responsive layout