Report Abuse

Basic Information

Agent Chat UI is a Next.js application that provides a chat interface for interacting with any LangGraph server that exposes a messages key. It is intended to be run locally for development or deployed as a frontend to connect users to a LangGraph assistant by supplying a deployment URL, an assistant/graph ID, and optionally a LangSmith API key for authenticated servers. The repository includes an easy quickstart via an npx create-agent-chat-app command, instructions to install dependencies with pnpm, and a development server command. It also documents environment variables that bypass the initial setup form so the app can be preconfigured for production. The README explains both a simple API passthrough proxy option and an advanced custom authentication option for production deployments.

Links

Categorization

App Details

Features
Provides a responsive chat interface built with Next.js for LangGraph servers. Setup tooling includes an npx create-agent-chat-app quickstart, pnpm install and pnpm dev scripts, and .env usage with NEXT_PUBLIC_API_URL and NEXT_PUBLIC_ASSISTANT_ID to preconfigure the UI. Message visibility controls include a langsmith:nostream tag to prevent live streaming and a do-not-render- prefix plus langsmith:do-not-render tag to permanently hide messages. Artifact rendering is supported via a side panel using a provided useArtifact hook and an Artifact component so auxiliary content can be shown alongside chat threads. Production guidance covers an API Passthrough proxy approach with required environment variables and an advanced custom authentication path that shows how to pass tokens via a useTypedStream hook.
Use Cases
This repository helps developers and teams quickly provide a user-facing chat frontend for existing LangGraph agents, removing the need to build a custom UI from scratch. It streamlines local development with clear install and run steps and lets maintainers preconfigure deployments via environment variables so end users skip setup. Built-in controls for hiding or suppressing streamed messages improve privacy and UX for sensitive outputs. Artifact rendering enables richer interactions by exposing auxiliary content in a side panel. The README also offers production patterns: a simple API proxy to avoid exposing secret keys and an advanced custom-auth approach for client-authenticated requests, helping operators choose an option that fits their security and deployment needs.

Please fill the required fields*