langserve assistant ui

Langserve-Assistant-UI

Un projet de démonstration qui combine Langserve, Langgraph et Fastapi pour créer un agent d'IA avec une interface utilisateur moderne. Le projet utilise Assistant-UI et Next.js Vercel AI SDK pour une interface de chat transparente.

Aperçu

Ce projet présente:

• Un agent Langgraph fonctionnant sur un serveur Fastapi à l'aide de Langserve
• Réponse en temps réel Streaming au frontend
• Une interface utilisateur de chat moderne construite avec Assistant-UI et Next.js
• Démontrer comment intégrer des outils et des API externes

Condition préalable

• Python 3.11
• Node.js v20.18.0
• NPM V10.9.2
• Fil v1.22.22

Structure du projet

 langserve-assistant-ui/
├── backend/         # FastAPI + LangServe server
└── frontend/        # Next.js + assistant-ui client

Instructions de configuration

Configurer des variables d'environnement

Allez sur ./backend et créez un fichier .env . Suivez l'exemple dans .env.example .

Configuration du backend

Le backend est construit à l'aide de la CLI de Langchain et utilise create_react_agent de LangGraph pour la création d'agent.

 cd backend
poetry install
poetry run python -m app.server

Configuration du frontend

Le frontend est généré à l'aide de l'outil CLI Assistant-UI et implémente le crochet UseChat de Vercel AI SDK avec le composant de thread de l'assistant-UI.

 cd frontend
yarn install
yarn dev

Caractéristiques et exemples

Interaction d'outil direct

Vous pouvez interroger les outils directement en utilisant des invites simples:

 Example: "What is the stock price of Apple?"

Interactions basées sur des agents

L'agent peut traiter des requêtes plus complexes nécessitant plusieurs étapes:

 Example: "What is the weather in San Francisco?"

Détails techniques

• Backend : Fastapi + Langserve pour les points de terminaison API et l'hébergement d'agent
• Frontend : next.js + Vercel Ai SDK pour les réponses en streaming
• Composants d'interface utilisateur : Assistant-UI pour les composants de l'interface de chat
• Cadre d'agent : Langgraph pour l'orchestration d'agent

Contributif

N'hésitez pas à ouvrir des problèmes ou à soumettre des demandes de traction si vous avez des suggestions d'amélioration.