Чат-интерфейс на Next.js для общения с любым сервером LangGraph с ключом messages — на Python или TypeScript.
Agent Chat UI — это веб-приложение на Next.js, которое подключается к серверу LangGraph и позволяет общаться с размещённым на нём агентом. Достаточно указать URL развёртывания и ID ассистента или графа: приложение отправляет сообщения и отображает потоковые ответы в окне чата. Оно работает с серверами LangGraph на Python и TypeScript, если в графе используется ключ messages.
Помимо обычного чата, приложение умеет скрывать сообщения из интерфейса с помощью потокового тега на модели или префикса ID, запрещающего отображение, а также показывает артефакты в боковой панели рядом с перепиской. Настроить приложение можно через форму на экране или с помощью переменных окружения, чтобы пропустить форму. Доступна развёрнутая демоверсия, а локальную копию можно запустить командой pnpm dev.
Для production в проекте предусмотрен маршрут API passthrough, который добавляет ключ API LangSmith на сервере, чтобы конечным пользователям не приходилось указывать свой ключ. В документации предупреждают, что этот маршрут не аутентифицирует вызывающих его пользователей, поэтому перед запуском рекомендуется настроить собственную аутентификацию на развёртывании LangGraph.
Создайте проект с помощью команды npx
npx create-agent-chat-appУстановите зависимости с помощью pnpm
pnpm installЗапустите приложение и откройте http://localhost:3000
pnpm devОписание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Демонстрационный проект с открытым исходным кодом на Next.js, воссоздающий Intelligent UI из ChatGPT: ответы модели выводятся потоком в виде интерактивных карт, диаграмм, форм и работающих инструментов на базе OpenUI.
TypeScript SDK для создания приложений с нативной поддержкой агентов, генеративным UI, общим состоянием и сценариями с участием человека в React, Angular, Vue и чат-приложениях.
Локально устанавливаемый интерфейс для опытных пользователей: общение со множеством API LLM, генераторами изображений и голосовыми моделями TTS.
Плагин DSH, который встраивает интерактивные компоненты интерфейса — графики, таблицы, формы, тесты, диаграммы и Mermaid — прямо в ответы ассистента.
Локально-ориентированная AI-среда для общения с несколькими агентами, работы coding-агентов и визуальных сценариев — в виде десктопного приложения или собственного веб-консоли.
Мультииагентный фреймворк на базе LLM с открытым исходным кодом, который моделирует торговую фирму с аналитиками, исследователями, трейдером и агентами по управлению рисками.