Agent Inbox Langgraphjs Example

Agent Inbox LangGraph.js Example

The repository contains a bare minimum code example to get started with the Agent Inbox with LangGraph.js.

[!TIP] Looking for the Python version of this example repository? Click [here](https://github.com/langchain-ai/agent-inbox-langgraph-example)

Getting Started

To get started, clone the repository:

git clone https://github.com/langchain-ai/agent-inbox-langgraphjs-example.git

cd agent-inbox-langgraphjs-example

Then, install the dependencies:

yarn install

Next, use NPX to pull and run the LangGraph server using the `@langchain/langgraph-cli` package:

npx @langchain/langgraph-cli dev

This may take a second to start. Once the server is running, it should open a new browser tab to the LangGraph Studio through LangSmith. If this does not happen automatically, visit this URL: [https://smith.langchain.com/studio/thread?baseUrl=http%3A%2F%2Flocalhost%3A2024](https://smith.langchain.com/studio/thread?baseUrl=http%3A%2F%2Flocalhost%3A2024)

Now that our LangGraph server is running, we can start a new run in the Studio. To do this, simply enter any string into the `InterruptResponse` field, then click the `Submit` button. This will execute the graph, and interrupt on the `humanNode`. Once the graph has interrupted, we can visit the Agent Inbox site to add your graph, and manage the interrupted thread.

Agent Inbox Setup

Visit [`dev.agentinbox.ai`](https://dev.agentinbox.ai). If it's your first time visiting the site, you'll be prompted to add a new graph.

Enter the following fields into the form:

• Graph/Assistant ID: agent - this corresponds to the ID of the graph defined in the `langgraph.json` file, or the ID of an assistant tied to your graph.
• Deployment URL: http://localhost:2024 - this is the URL of the LangGraph server running locally.
• Name: My Agent - this is the optional name of the graph. You can set this to any value you want, or