langserve assistant ui

Langserve-Asistente-ui

Un proyecto de demostración que combina Langserve, Langgraph y Fastapi para crear un agente de IA con una IU moderna. El proyecto utiliza Assistant-UI y Next.js Vercel Ai SDK para una interfaz de chat sin problemas.

Descripción general

Este proyecto muestra:

• Un agente de Langgraph que se ejecuta en un servidor Fastapi usando Langserve
• Respuesta en tiempo real transmitiendo al interfaz
• Una interfaz de usuario de chat moderna construida con Asistente-UI y Next.js
• Demuestre cómo integrar herramientas y API externas

Requisitos previos

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

Estructura de proyectos

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

Instrucciones de configuración

Configurar variables de entorno

Vaya a ./backend y cree el archivo .env . Siga el ejemplo en .env.example .

Configuración de backend

El backend se construye usando la CLI de Langchain y utiliza create_react_agent de Langgraph para la creación de agentes.

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

Configuración de frontend

El frontend se genera utilizando la herramienta CLI Assistant-UI e implementa el gancho Usechat de Vercel Ai SDK con el componente de subproceso de Asistente-UI.

 cd frontend
yarn install
yarn dev

Características y ejemplos

Interacción de herramienta directa

Puede consultar las herramientas directamente utilizando indicaciones simples:

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

Interacciones basadas en agentes

El agente puede procesar consultas más complejas que requieren múltiples pasos:

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

Detalle técnico

• Backend : Fastapi + Langserve para puntos finales de API y alojamiento de agentes
• Frontend : next.js + vicel ai sdk para respuestas de transmisión
• Componentes de UI : Asistente-UI para componentes de la interfaz de chat
• Marco de agente : Langgraph para la orquestación del agente

Que contribuye

No dude en abrir problemas o enviar solicitudes de extracción si tiene sugerencias de mejoras.