diff --git a/docs/docs/how-tos/create-react-agent-hitl.ipynb b/docs/docs/how-tos/create-react-agent-hitl.ipynb
index 8eaa12bb0..d35cced64 100644
--- a/docs/docs/how-tos/create-react-agent-hitl.ipynb
+++ b/docs/docs/how-tos/create-react-agent-hitl.ipynb
@@ -1,336 +1,354 @@
{
- "cells": [
- {
- "cell_type": "markdown",
- "id": "992c4695-ec4f-428d-bd05-fb3b5fbd70f4",
- "metadata": {},
- "source": [
- "# How to add human-in-the-loop processes to the prebuilt ReAct agent\n",
- "\n",
- "This tutorial will show how to add human-in-the-loop processes to the prebuilt ReAct agent. Please see [this tutorial](../create-react-agent) for how to get started with the prebuilt ReAct agent\n",
- "\n",
- "You can add a a breakpoint before tools are called by passing `interrupt_before=[\"tools\"]` to `create_react_agent`. Note that you need to be using a checkpointer for this to work."
- ]
- },
- {
- "cell_type": "markdown",
- "id": "7be3889f-3c17-4fa1-bd2b-84114a2c7247",
- "metadata": {},
- "source": [
- "## Setup\n",
- "\n",
- "First, let's install the required packages and set our API keys"
- ]
- },
- {
- "cell_type": "code",
- "execution_count": 1,
- "id": "a213e11a-5c62-4ddb-a707-490d91add383",
- "metadata": {},
- "outputs": [],
- "source": [
- "%%capture --no-stderr\n",
- "%pip install -U langgraph langchain-openai"
- ]
- },
- {
- "cell_type": "code",
- "execution_count": null,
- "id": "23a1885c-04ab-4750-aefa-105891fddf3e",
- "metadata": {},
- "outputs": [],
- "source": [
- "import getpass\n",
- "import os\n",
- "\n",
- "\n",
- "def _set_env(var: str):\n",
- " if not os.environ.get(var):\n",
- " os.environ[var] = getpass.getpass(f\"{var}: \")\n",
- "\n",
- "\n",
- "_set_env(\"OPENAI_API_KEY\")"
- ]
- },
- {
- "cell_type": "markdown",
- "id": "d4c5c054",
- "metadata": {},
- "source": [
- "\n",
- "
Set up LangSmith for LangGraph development
\n",
- "
\n",
- " Sign up for LangSmith to quickly spot issues and improve the performance of your LangGraph projects. LangSmith lets you use trace data to debug, test, and monitor your LLM apps built with LangGraph — read more about how to get started here. \n",
- "
\n",
- "
\n",
+ "
Set up LangSmith for LangGraph development
\n",
+ "
\n",
+ " Sign up for LangSmith to quickly spot issues and improve the performance of your LangGraph projects. LangSmith lets you use trace data to debug, test, and monitor your LLM apps built with LangGraph — read more about how to get started here. \n",
+ "
\n",
+ "