Что такое AI Chat Platform?
Полная экосистема для создания, управления и аналитики AI-чатов на ваших сайтах
SDK Виджет
Готовый чат-интерфейс с SSE-стримингом, темами и vision — встраивается на сайт одной строкой.
Admin Panel
Эта панель управления: аналитика, обучение AI, настройки провайдеров и интеграций.
Edge Functions
Серверная логика в облаке Supabase — безопасность ключей и низкая задержка (50-200ms).
Multi-Provider
OpenRouter (30+ моделей), Gemini, OpenAI — умный роутинг и fallback при ошибках.
Ключевые возможности
SSE Streaming
Ответы AI приходят посимвольно в реальном времени — как в ChatGPT.
Vision (изображения)
Загрузка и анализ изображений через Gemini — drag&drop, paste, кнопка.
Semantic Search
Embeddings и поиск по базе знаний для точных ответов без галлюцинаций.
Dialog Nodes
Готовые ответы на частые вопросы — без обращения к AI, экономия токенов.
Архитектура системы
Production-ready схема: все запросы идут через Edge Functions, ключи защищены
┌─────────────────────────────────────────────────────────────────┐ │ PRODUCTION АРХИТЕКТУРА │ ├─────────────────────────────────────────────────────────────────┤ │ │ │ 🌐 ВАШ САЙТ (любой хостинг) │ │ └── HTML + <script> SDK Widget │ │ │ │ ↓ data-api-url │ │ │ │ ☁️ SUPABASE EDGE FUNCTIONS (Deno, serverless) │ │ ├── /stream - SSE ответы AI (основной) │ │ ├── /chat - обычный ответ (fallback) │ │ ├── /upload - загрузка изображений │ │ ├── /history - история чата │ │ ├── /ratings - оценка ответов 👍👎 │ │ └── /health - проверка статуса │ │ │ │ ☁️ SUPABASE STORAGE (CDN, 200+ edge locations) │ │ ├── /sdk/v1/dist/ai-chat-widget.js - виджет │ │ ├── /sdk/v1/src/styles/*.css - стили │ │ └── /chat-uploads (private) - изображения юзеров │ │ │ │ 🗄️ SUPABASE DATABASE (PostgreSQL) │ │ ├── sessions - сессии чатов │ │ ├── messages - сообщения с метаданными │ │ ├── agent_configs - system prompts, настройки │ │ ├── dialog_nodes - готовые ответы + embeddings │ │ └── message_ratings- оценки пользователей │ │ │ │ 🤖 AI ПРОВАЙДЕРЫ (внешние) │ │ ├── OpenRouter → Claude, GPT-4, Llama, Mistral... │ │ └── Google Gemini (vision, fallback) │ │ │ └─────────────────────────────────────────────────────────────────┘
Поток данных (SSE Stream)
Как сообщение пользователя превращается в потоковый ответ AI
┌──────────────────────────────────────────────────────────────────┐ │ ПОТОК ДАННЫХ │ ├──────────────────────────────────────────────────────────────────┤ │ │ │ 👤 Пользователь вводит сообщение │ │ ↓ │ │ 📦 SDK Widget │ │ ├── Формирует POST /stream │ │ ├── Добавляет session_id (или создаёт новый) │ │ └── Прикрепляет изображения (если есть) │ │ ↓ │ │ ☁️ Edge Function /stream │ │ ├── 1. Проверяет API Key │ │ ├── 2. Сохраняет user message в DB │ │ ├── 3. Проверяет dialog_nodes (готовые ответы) │ │ ├── 4. Если нет совпадений → запрос к AI │ │ ├── 5. Стримит ответ через SSE │ │ └── 6. Сохраняет AI response в DB │ │ ↓ │ │ 📦 SDK Widget │ │ ├── Получает chunks через EventSource │ │ ├── Рендерит Markdown в реальном времени │ │ └── Показывает кнопки оценки 👍👎 │ │ ↓ │ │ 👤 Пользователь видит ответ посимвольно (~50-200ms latency) │ │ │ └──────────────────────────────────────────────────────────────────┘
Статус проекта
Что уже работает и что в планах