> ## Documentation Index
> Fetch the complete documentation index at: https://langchain-5e9cc07a-preview-opensw-1783454697-4d4e2b4.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Agents

An agent is a model calling tools in a loop until a given task is complete.

<img src="https://mintcdn.com/langchain-5e9cc07a-preview-opensw-1783454697-4d4e2b4/z0Pp5jx-uyk7ZMok/oss/images/core_agent_loop.svg?fit=max&auto=format&n=z0Pp5jx-uyk7ZMok&q=85&s=9ca99def81aa72b79ee47d899dc5ff63" alt="Core agent loop diagram" style={{height: "300px", width: "auto", justifyContent: "center"}} className="rounded-lg block mx-auto" width="1060" height="760" data-path="oss/images/core_agent_loop.svg" />

<Note>
  **Agent = Model + Harness**

  The job of a harness: get the model the right context at the right time for the given task.
</Note>

A harness is everything around that loop: the model, its prompt, its tools, and any middleware that shapes its behavior.

[`create_agent`](https://reference.langchain.com/javascript/langchain/index/createAgent) is a highly configurable harness. At its simplest, you can create one with:

<CodeGroup>
  ```ts Google theme={null}
  import { createAgent } from "langchain";

  var agent = createAgent({ model: "google-genai:gemini-3.5-flash", tools });
  ```

  ```ts OpenAI theme={null}
  import { createAgent } from "langchain";

  var agent = createAgent({ model: "openai:gpt-5.5", tools });
  ```

  ```ts Anthropic theme={null}
  import { createAgent } from "langchain";

  var agent = createAgent({ model: "anthropic:claude-sonnet-4-6", tools });
  ```

  ```ts OpenRouter theme={null}
  import { createAgent } from "langchain";

  var agent = createAgent({ model: "openrouter:openrouter:z-ai/glm-5.2", tools });
  ```

  ```ts Fireworks theme={null}
  import { createAgent } from "langchain";

  var agent = createAgent({ model: "fireworks:accounts/fireworks/models/glm-5p2", tools });
  ```

  ```ts Baseten theme={null}
  import { createAgent } from "langchain";

  var agent = createAgent({ model: "baseten:zai-org/GLM-5.2", tools });
  ```

  ```ts Ollama theme={null}
  import { createAgent } from "langchain";

  var agent = createAgent({ model: "ollama:north-mini-code-1.0", tools });
  ```
</CodeGroup>

Building on that, you can configure the basics directly with the `model=`, `tools=`, and `system_prompt=` parameters. For more advanced capabilities, extend the harness with [middleware](#configure-the-harness).

## Core components

<img src="https://mintcdn.com/langchain-5e9cc07a-preview-opensw-1783454697-4d4e2b4/z0Pp5jx-uyk7ZMok/oss/images/agent_model_harness.svg?fit=max&auto=format&n=z0Pp5jx-uyk7ZMok&q=85&s=9e6f6f59b282498f303c3da0a7d5d32b" alt="Agent model and harness components diagram" style={{height: "280px", width: "auto", justifyContent: "center"}} className="rounded-lg block mx-auto" width="1200" height="760" data-path="oss/images/agent_model_harness.svg" />

### Model

Pass a model identifier string (`"provider:model"`) or an initialized model instance to select the model for your agent. See [Models](/oss/javascript/langchain/models) for parameters, provider setup, and dynamic model selection.

<CodeGroup>
  ```ts Google theme={null}
  import { createAgent } from "langchain";

  var agent = createAgent({ model: "google-genai:gemini-3.5-flash", tools });
  ```

  ```ts OpenAI theme={null}
  import { createAgent } from "langchain";

  var agent = createAgent({ model: "openai:gpt-5.5", tools });
  ```

  ```ts Anthropic theme={null}
  import { createAgent } from "langchain";

  var agent = createAgent({ model: "anthropic:claude-sonnet-4-6", tools });
  ```

  ```ts OpenRouter theme={null}
  import { createAgent } from "langchain";

  var agent = createAgent({ model: "openrouter:openrouter:z-ai/glm-5.2", tools });
  ```

  ```ts Fireworks theme={null}
  import { createAgent } from "langchain";

  var agent = createAgent({ model: "fireworks:accounts/fireworks/models/glm-5p2", tools });
  ```

  ```ts Baseten theme={null}
  import { createAgent } from "langchain";

  var agent = createAgent({ model: "baseten:zai-org/GLM-5.2", tools });
  ```

  ```ts Ollama theme={null}
  import { createAgent } from "langchain";

  var agent = createAgent({ model: "ollama:north-mini-code-1.0", tools });
  ```
</CodeGroup>

### Tools

To provide the agent with tools, pass any Python callable, LangChain tool, or tool dict. See [Tools](/oss/javascript/langchain/tools) for tool definition, context access, and dynamic tool selection.

<CodeGroup>
  ```ts Google theme={null}
  import { tool } from "langchain";
  import * as z from "zod";

  var search = tool(({ query }) => `Results for: ${query}`, {
    name: "search",
    description: "Search for information",
    schema: z.object({ query: z.string() }),
  });

  var agent = createAgent({ model: "google-genai:gemini-3.5-flash", tools: [search] });
  ```

  ```ts OpenAI theme={null}
  import { tool } from "langchain";
  import * as z from "zod";

  var search = tool(({ query }) => `Results for: ${query}`, {
    name: "search",
    description: "Search for information",
    schema: z.object({ query: z.string() }),
  });

  var agent = createAgent({ model: "openai:gpt-5.5", tools: [search] });
  ```

  ```ts Anthropic theme={null}
  import { tool } from "langchain";
  import * as z from "zod";

  var search = tool(({ query }) => `Results for: ${query}`, {
    name: "search",
    description: "Search for information",
    schema: z.object({ query: z.string() }),
  });

  var agent = createAgent({ model: "anthropic:claude-sonnet-4-6", tools: [search] });
  ```

  ```ts OpenRouter theme={null}
  import { tool } from "langchain";
  import * as z from "zod";

  var search = tool(({ query }) => `Results for: ${query}`, {
    name: "search",
    description: "Search for information",
    schema: z.object({ query: z.string() }),
  });

  var agent = createAgent({ model: "openrouter:openrouter:z-ai/glm-5.2", tools: [search] });
  ```

  ```ts Fireworks theme={null}
  import { tool } from "langchain";
  import * as z from "zod";

  var search = tool(({ query }) => `Results for: ${query}`, {
    name: "search",
    description: "Search for information",
    schema: z.object({ query: z.string() }),
  });

  var agent = createAgent({ model: "fireworks:accounts/fireworks/models/glm-5p2", tools: [search] });
  ```

  ```ts Baseten theme={null}
  import { tool } from "langchain";
  import * as z from "zod";

  var search = tool(({ query }) => `Results for: ${query}`, {
    name: "search",
    description: "Search for information",
    schema: z.object({ query: z.string() }),
  });

  var agent = createAgent({ model: "baseten:zai-org/GLM-5.2", tools: [search] });
  ```

  ```ts Ollama theme={null}
  import { tool } from "langchain";
  import * as z from "zod";

  var search = tool(({ query }) => `Results for: ${query}`, {
    name: "search",
    description: "Search for information",
    schema: z.object({ query: z.string() }),
  });

  var agent = createAgent({ model: "ollama:north-mini-code-1.0", tools: [search] });
  ```
</CodeGroup>

### System prompt

Shape how the agent approaches tasks. The system prompt parameter accepts a string or `SystemMessage`. For dynamic prompts at runtime, use [middleware](/oss/javascript/langchain/middleware).

<CodeGroup>
  ```ts Google theme={null}
  var agent = createAgent({
    model: "google-genai:gemini-3.5-flash",
    tools,
    systemPrompt: "You are a helpful assistant. Be concise and accurate.",
  });
  ```

  ```ts OpenAI theme={null}
  var agent = createAgent({
    model: "openai:gpt-5.5",
    tools,
    systemPrompt: "You are a helpful assistant. Be concise and accurate.",
  });
  ```

  ```ts Anthropic theme={null}
  var agent = createAgent({
    model: "anthropic:claude-sonnet-4-6",
    tools,
    systemPrompt: "You are a helpful assistant. Be concise and accurate.",
  });
  ```

  ```ts OpenRouter theme={null}
  var agent = createAgent({
    model: "openrouter:openrouter:z-ai/glm-5.2",
    tools,
    systemPrompt: "You are a helpful assistant. Be concise and accurate.",
  });
  ```

  ```ts Fireworks theme={null}
  var agent = createAgent({
    model: "fireworks:accounts/fireworks/models/glm-5p2",
    tools,
    systemPrompt: "You are a helpful assistant. Be concise and accurate.",
  });
  ```

  ```ts Baseten theme={null}
  var agent = createAgent({
    model: "baseten:zai-org/GLM-5.2",
    tools,
    systemPrompt: "You are a helpful assistant. Be concise and accurate.",
  });
  ```

  ```ts Ollama theme={null}
  var agent = createAgent({
    model: "ollama:north-mini-code-1.0",
    tools,
    systemPrompt: "You are a helpful assistant. Be concise and accurate.",
  });
  ```
</CodeGroup>

### Structured output

Return a validated schema from the agent using `response_format=`. See [Structured output](/oss/javascript/langchain/structured-output) for strategies and examples.

<CodeGroup>
  ```ts Google theme={null}
  const Answer = z.object({ summary: z.string(), confidence: z.number() });

  var agent = createAgent({
    model: "google-genai:gemini-3.5-flash",
    tools,
    responseFormat: Answer,
  });
  const result = await agent.invoke({
    messages: [{ role: "user", content: "Summarize AI trends" }],
  });
  result.structuredResponse; // { summary: ..., confidence: ... }
  ```

  ```ts OpenAI theme={null}
  const Answer = z.object({ summary: z.string(), confidence: z.number() });

  var agent = createAgent({
    model: "openai:gpt-5.5",
    tools,
    responseFormat: Answer,
  });
  const result = await agent.invoke({
    messages: [{ role: "user", content: "Summarize AI trends" }],
  });
  result.structuredResponse; // { summary: ..., confidence: ... }
  ```

  ```ts Anthropic theme={null}
  const Answer = z.object({ summary: z.string(), confidence: z.number() });

  var agent = createAgent({
    model: "anthropic:claude-sonnet-4-6",
    tools,
    responseFormat: Answer,
  });
  const result = await agent.invoke({
    messages: [{ role: "user", content: "Summarize AI trends" }],
  });
  result.structuredResponse; // { summary: ..., confidence: ... }
  ```

  ```ts OpenRouter theme={null}
  const Answer = z.object({ summary: z.string(), confidence: z.number() });

  var agent = createAgent({
    model: "openrouter:openrouter:z-ai/glm-5.2",
    tools,
    responseFormat: Answer,
  });
  const result = await agent.invoke({
    messages: [{ role: "user", content: "Summarize AI trends" }],
  });
  result.structuredResponse; // { summary: ..., confidence: ... }
  ```

  ```ts Fireworks theme={null}
  const Answer = z.object({ summary: z.string(), confidence: z.number() });

  var agent = createAgent({
    model: "fireworks:accounts/fireworks/models/glm-5p2",
    tools,
    responseFormat: Answer,
  });
  const result = await agent.invoke({
    messages: [{ role: "user", content: "Summarize AI trends" }],
  });
  result.structuredResponse; // { summary: ..., confidence: ... }
  ```

  ```ts Baseten theme={null}
  const Answer = z.object({ summary: z.string(), confidence: z.number() });

  var agent = createAgent({
    model: "baseten:zai-org/GLM-5.2",
    tools,
    responseFormat: Answer,
  });
  const result = await agent.invoke({
    messages: [{ role: "user", content: "Summarize AI trends" }],
  });
  result.structuredResponse; // { summary: ..., confidence: ... }
  ```

  ```ts Ollama theme={null}
  const Answer = z.object({ summary: z.string(), confidence: z.number() });

  var agent = createAgent({
    model: "ollama:north-mini-code-1.0",
    tools,
    responseFormat: Answer,
  });
  const result = await agent.invoke({
    messages: [{ role: "user", content: "Summarize AI trends" }],
  });
  result.structuredResponse; // { summary: ..., confidence: ... }
  ```
</CodeGroup>

## Invocation

<Tip>
  Trace each step of this loop, debug tool calls, and evaluate agent outputs with [LangSmith](https://smith.langchain.com?utm_source=docs\&utm_medium=cta\&utm_campaign=langsmith-signup\&utm_content=oss-langchain-agents). Follow the [tracing quickstart](/langsmith/trace-with-langchain) to get set up. We recommend you also set up [LangSmith Engine](/langsmith/engine) which monitors your traces, detects issues, and proposes fixes.
</Tip>

You can invoke an agent with a message. Behind the scenes that passes an update to the agent's [`State`](/oss/javascript/langgraph/graph-api#state). All agents include a [sequence of messages](/oss/javascript/langgraph/use-graph-api#messagesvalue) in their state; to invoke the agent, pass a new message along with a `thread_id` so the agent can persist and resume conversation history:

<CodeGroup>
  ```ts Google theme={null}
  import { AIMessage } from "@langchain/core/messages";
  import { createAgent } from "langchain";
  import { MemorySaver } from "@langchain/langgraph";

  const agent = createAgent({
    model: "google-genai:gemini-3.5-flash",
    tools: [],
    checkpointer: new MemorySaver(),
  });

  const config = { configurable: { thread_id: crypto.randomUUID() } };

  let result = await agent.invoke(
    {
      messages: [
        { role: "user", content: "What's the weather in San Francisco?" },
      ],
    },
    config,
  );

  // A follow-up turn on the same conversation: reuse the same thread_id to keep history
  result = await agent.invoke(
    { messages: [{ role: "user", content: "What about tomorrow?" }] },
    config,
  );
  ```

  ```ts OpenAI theme={null}
  import { AIMessage } from "@langchain/core/messages";
  import { createAgent } from "langchain";
  import { MemorySaver } from "@langchain/langgraph";

  const agent = createAgent({
    model: "openai:gpt-5.5",
    tools: [],
    checkpointer: new MemorySaver(),
  });

  const config = { configurable: { thread_id: crypto.randomUUID() } };

  let result = await agent.invoke(
    {
      messages: [
        { role: "user", content: "What's the weather in San Francisco?" },
      ],
    },
    config,
  );

  // A follow-up turn on the same conversation: reuse the same thread_id to keep history
  result = await agent.invoke(
    { messages: [{ role: "user", content: "What about tomorrow?" }] },
    config,
  );
  ```

  ```ts Anthropic theme={null}
  import { AIMessage } from "@langchain/core/messages";
  import { createAgent } from "langchain";
  import { MemorySaver } from "@langchain/langgraph";

  const agent = createAgent({
    model: "anthropic:claude-sonnet-4-6",
    tools: [],
    checkpointer: new MemorySaver(),
  });

  const config = { configurable: { thread_id: crypto.randomUUID() } };

  let result = await agent.invoke(
    {
      messages: [
        { role: "user", content: "What's the weather in San Francisco?" },
      ],
    },
    config,
  );

  // A follow-up turn on the same conversation: reuse the same thread_id to keep history
  result = await agent.invoke(
    { messages: [{ role: "user", content: "What about tomorrow?" }] },
    config,
  );
  ```

  ```ts OpenRouter theme={null}
  import { AIMessage } from "@langchain/core/messages";
  import { createAgent } from "langchain";
  import { MemorySaver } from "@langchain/langgraph";

  const agent = createAgent({
    model: "openrouter:openrouter:z-ai/glm-5.2",
    tools: [],
    checkpointer: new MemorySaver(),
  });

  const config = { configurable: { thread_id: crypto.randomUUID() } };

  let result = await agent.invoke(
    {
      messages: [
        { role: "user", content: "What's the weather in San Francisco?" },
      ],
    },
    config,
  );

  // A follow-up turn on the same conversation: reuse the same thread_id to keep history
  result = await agent.invoke(
    { messages: [{ role: "user", content: "What about tomorrow?" }] },
    config,
  );
  ```

  ```ts Fireworks theme={null}
  import { AIMessage } from "@langchain/core/messages";
  import { createAgent } from "langchain";
  import { MemorySaver } from "@langchain/langgraph";

  const agent = createAgent({
    model: "fireworks:accounts/fireworks/models/glm-5p2",
    tools: [],
    checkpointer: new MemorySaver(),
  });

  const config = { configurable: { thread_id: crypto.randomUUID() } };

  let result = await agent.invoke(
    {
      messages: [
        { role: "user", content: "What's the weather in San Francisco?" },
      ],
    },
    config,
  );

  // A follow-up turn on the same conversation: reuse the same thread_id to keep history
  result = await agent.invoke(
    { messages: [{ role: "user", content: "What about tomorrow?" }] },
    config,
  );
  ```

  ```ts Baseten theme={null}
  import { AIMessage } from "@langchain/core/messages";
  import { createAgent } from "langchain";
  import { MemorySaver } from "@langchain/langgraph";

  const agent = createAgent({
    model: "baseten:zai-org/GLM-5.2",
    tools: [],
    checkpointer: new MemorySaver(),
  });

  const config = { configurable: { thread_id: crypto.randomUUID() } };

  let result = await agent.invoke(
    {
      messages: [
        { role: "user", content: "What's the weather in San Francisco?" },
      ],
    },
    config,
  );

  // A follow-up turn on the same conversation: reuse the same thread_id to keep history
  result = await agent.invoke(
    { messages: [{ role: "user", content: "What about tomorrow?" }] },
    config,
  );
  ```

  ```ts Ollama theme={null}
  import { AIMessage } from "@langchain/core/messages";
  import { createAgent } from "langchain";
  import { MemorySaver } from "@langchain/langgraph";

  const agent = createAgent({
    model: "ollama:north-mini-code-1.0",
    tools: [],
    checkpointer: new MemorySaver(),
  });

  const config = { configurable: { thread_id: crypto.randomUUID() } };

  let result = await agent.invoke(
    {
      messages: [
        { role: "user", content: "What's the weather in San Francisco?" },
      ],
    },
    config,
  );

  // A follow-up turn on the same conversation: reuse the same thread_id to keep history
  result = await agent.invoke(
    { messages: [{ role: "user", content: "What about tomorrow?" }] },
    config,
  );
  ```
</CodeGroup>

<Note>
  Persisting conversation history with `thread_id` requires the agent to be configured with a [checkpointer](/oss/javascript/langchain/long-term-memory). When deployed on [LangSmith](/langsmith/deployment), a checkpointer is provisioned automatically. Locally, pass one explicitly, for example `create_agent(..., checkpointer=InMemorySaver())`.
</Note>

If you also need to pass per-run configuration (such as a user ID, API keys, or feature flags) to tools and middleware, pass it as `context` alongside the config. Define the shape of that data with `contextSchema` and access it through `runtime.context`:

<CodeGroup>
  ```ts Google theme={null}
  import * as z from "zod";
  import { AIMessage } from "@langchain/core/messages";
  import { createAgent } from "langchain";
  import { MemorySaver } from "@langchain/langgraph";

  const contextSchema = z.object({
    user_id: z.string(),
  });

  const agent = createAgent({
    model: "google-genai:gemini-3.5-flash",
    tools: [],
    contextSchema,
    checkpointer: new MemorySaver(),
  });

  const result = await agent.invoke(
    {
      messages: [
        { role: "user", content: "What's the weather in San Francisco?" },
      ],
    },
    {
      configurable: { thread_id: crypto.randomUUID() },
      context: { user_id: "user-123" },
    },
  );
  ```

  ```ts OpenAI theme={null}
  import * as z from "zod";
  import { AIMessage } from "@langchain/core/messages";
  import { createAgent } from "langchain";
  import { MemorySaver } from "@langchain/langgraph";

  const contextSchema = z.object({
    user_id: z.string(),
  });

  const agent = createAgent({
    model: "openai:gpt-5.5",
    tools: [],
    contextSchema,
    checkpointer: new MemorySaver(),
  });

  const result = await agent.invoke(
    {
      messages: [
        { role: "user", content: "What's the weather in San Francisco?" },
      ],
    },
    {
      configurable: { thread_id: crypto.randomUUID() },
      context: { user_id: "user-123" },
    },
  );
  ```

  ```ts Anthropic theme={null}
  import * as z from "zod";
  import { AIMessage } from "@langchain/core/messages";
  import { createAgent } from "langchain";
  import { MemorySaver } from "@langchain/langgraph";

  const contextSchema = z.object({
    user_id: z.string(),
  });

  const agent = createAgent({
    model: "anthropic:claude-sonnet-4-6",
    tools: [],
    contextSchema,
    checkpointer: new MemorySaver(),
  });

  const result = await agent.invoke(
    {
      messages: [
        { role: "user", content: "What's the weather in San Francisco?" },
      ],
    },
    {
      configurable: { thread_id: crypto.randomUUID() },
      context: { user_id: "user-123" },
    },
  );
  ```

  ```ts OpenRouter theme={null}
  import * as z from "zod";
  import { AIMessage } from "@langchain/core/messages";
  import { createAgent } from "langchain";
  import { MemorySaver } from "@langchain/langgraph";

  const contextSchema = z.object({
    user_id: z.string(),
  });

  const agent = createAgent({
    model: "openrouter:openrouter:z-ai/glm-5.2",
    tools: [],
    contextSchema,
    checkpointer: new MemorySaver(),
  });

  const result = await agent.invoke(
    {
      messages: [
        { role: "user", content: "What's the weather in San Francisco?" },
      ],
    },
    {
      configurable: { thread_id: crypto.randomUUID() },
      context: { user_id: "user-123" },
    },
  );
  ```

  ```ts Fireworks theme={null}
  import * as z from "zod";
  import { AIMessage } from "@langchain/core/messages";
  import { createAgent } from "langchain";
  import { MemorySaver } from "@langchain/langgraph";

  const contextSchema = z.object({
    user_id: z.string(),
  });

  const agent = createAgent({
    model: "fireworks:accounts/fireworks/models/glm-5p2",
    tools: [],
    contextSchema,
    checkpointer: new MemorySaver(),
  });

  const result = await agent.invoke(
    {
      messages: [
        { role: "user", content: "What's the weather in San Francisco?" },
      ],
    },
    {
      configurable: { thread_id: crypto.randomUUID() },
      context: { user_id: "user-123" },
    },
  );
  ```

  ```ts Baseten theme={null}
  import * as z from "zod";
  import { AIMessage } from "@langchain/core/messages";
  import { createAgent } from "langchain";
  import { MemorySaver } from "@langchain/langgraph";

  const contextSchema = z.object({
    user_id: z.string(),
  });

  const agent = createAgent({
    model: "baseten:zai-org/GLM-5.2",
    tools: [],
    contextSchema,
    checkpointer: new MemorySaver(),
  });

  const result = await agent.invoke(
    {
      messages: [
        { role: "user", content: "What's the weather in San Francisco?" },
      ],
    },
    {
      configurable: { thread_id: crypto.randomUUID() },
      context: { user_id: "user-123" },
    },
  );
  ```

  ```ts Ollama theme={null}
  import * as z from "zod";
  import { AIMessage } from "@langchain/core/messages";
  import { createAgent } from "langchain";
  import { MemorySaver } from "@langchain/langgraph";

  const contextSchema = z.object({
    user_id: z.string(),
  });

  const agent = createAgent({
    model: "ollama:north-mini-code-1.0",
    tools: [],
    contextSchema,
    checkpointer: new MemorySaver(),
  });

  const result = await agent.invoke(
    {
      messages: [
        { role: "user", content: "What's the weather in San Francisco?" },
      ],
    },
    {
      configurable: { thread_id: crypto.randomUUID() },
      context: { user_id: "user-123" },
    },
  );
  ```
</CodeGroup>

`thread_id` scopes the *conversation* (message history, checkpoints), while `context` carries *per-run* data your tools and middleware read at invocation time. Both are commonly passed together. See [tool context](/oss/javascript/langchain/tools#context) and [Runtime](/oss/javascript/langchain/runtime) for more.

## Streaming

`invoke` returns the final response at the end of a run. If an agent executes multiple tool calls, users often need progress updates before completion. Use streaming to surface intermediate messages and tool activity as they happen.

```ts theme={null}
const stream = await agent.streamEvents(
  {
    messages: [
      {
        role: "user",
        content: "Search for AI news and summarize the findings",
      },
    ],
  },
  { version: "v3" },
);

for await (const snapshot of stream.values) {
  // Each snapshot contains the full state at that point
  const latestMessage = snapshot.messages.at(-1);
  if (latestMessage?.content) {
    if (latestMessage.type === "human") {
      console.log(`User: ${latestMessage.content}`);
    } else if (latestMessage.type === "ai") {
      console.log(`Agent: ${latestMessage.content}`);
    }
  } else if (latestMessage?.tool_calls?.length) {
    const toolCallNames = latestMessage.tool_calls.map((tc) => tc.name);
    console.log(`Calling tools: ${toolCallNames.join(", ")}`);
  }
}
```

<Tip>
  For streaming modes, event types, and UI patterns, see [Streaming](/oss/javascript/langchain/streaming).
</Tip>

## Configure the harness

`create_agent` is highly extensible. Middleware is the primitive for customization: each piece handles one concern, hooks into the agent loop at the right moment, and composes freely with any other. Take exactly what your use case needs and skip the rest.

Common patterns are prebuilt as first-class middleware. You can build anything else as [custom middleware](/oss/javascript/langchain/middleware/custom).

<img src="https://mintcdn.com/langchain-5e9cc07a-preview-opensw-1783454697-4d4e2b4/z0Pp5jx-uyk7ZMok/oss/images/agent_harness_capabilities.svg?fit=max&auto=format&n=z0Pp5jx-uyk7ZMok&q=85&s=28e8b4e7a4db9971eec81cbaf23c800c" alt="Agent harness capabilities by category" style={{height: "300px", width: "auto", justifyContent: "center"}} className="rounded-lg block mx-auto" width="1500" height="360" data-path="oss/images/agent_harness_capabilities.svg" />

As agents take on complex work, they need support across a few key areas. The middleware ecosystem provides:

<CardGroup cols={2}>
  <Card title="Execution environment" icon="bolt" href="#execution-environment">
    Tools, filesystem, sandboxes, and code execution
  </Card>

  <Card title="Context management" icon="database" href="#context-management">
    Summarization, memory, skills, and prompt caching
  </Card>

  <Card title="Planning and delegation" icon="sitemap" href="#planning-and-delegation">
    Todo lists and subagents for parallel, isolated work
  </Card>

  <Card title="Fault tolerance" icon="shield" href="#fault-tolerance">
    Retries, fallbacks, and call limits
  </Card>

  <Card title="Guardrails" icon="lock" href="#guardrails">
    PII detection and content controls
  </Card>

  <Card title="Steering" icon="user" href="#steering">
    Human-in-the-loop approval before high-impact actions
  </Card>
</CardGroup>

<Tip>
  `create_deep_agent` pre-assembles this stack for long-running coding and research tasks (filesystem, summarization, subagents, and prompt caching included by default). See [Deep Agents](/oss/javascript/deepagents/harness) for the full prebuilt harness.
</Tip>

### Execution environment

Agents are especially useful when they can take action rather than just generate text. The execution environment gives the agent a workspace: tools it can call, a filesystem for reading and writing files across turns, and code execution for running scripts or shell commands.

<CodeGroup>
  ```ts Google theme={null}
  import { createAgent } from "langchain";
  import { createFilesystemMiddleware, StateBackend } from "deepagents";

  var agent = createAgent({
    model: "google-genai:gemini-3.5-flash",
    tools: [search],
    middleware: [createFilesystemMiddleware({ backend: new StateBackend() })],
  });
  ```

  ```ts OpenAI theme={null}
  import { createAgent } from "langchain";
  import { createFilesystemMiddleware, StateBackend } from "deepagents";

  var agent = createAgent({
    model: "openai:gpt-5.5",
    tools: [search],
    middleware: [createFilesystemMiddleware({ backend: new StateBackend() })],
  });
  ```

  ```ts Anthropic theme={null}
  import { createAgent } from "langchain";
  import { createFilesystemMiddleware, StateBackend } from "deepagents";

  var agent = createAgent({
    model: "anthropic:claude-sonnet-4-6",
    tools: [search],
    middleware: [createFilesystemMiddleware({ backend: new StateBackend() })],
  });
  ```

  ```ts OpenRouter theme={null}
  import { createAgent } from "langchain";
  import { createFilesystemMiddleware, StateBackend } from "deepagents";

  var agent = createAgent({
    model: "openrouter:openrouter:z-ai/glm-5.2",
    tools: [search],
    middleware: [createFilesystemMiddleware({ backend: new StateBackend() })],
  });
  ```

  ```ts Fireworks theme={null}
  import { createAgent } from "langchain";
  import { createFilesystemMiddleware, StateBackend } from "deepagents";

  var agent = createAgent({
    model: "fireworks:accounts/fireworks/models/glm-5p2",
    tools: [search],
    middleware: [createFilesystemMiddleware({ backend: new StateBackend() })],
  });
  ```

  ```ts Baseten theme={null}
  import { createAgent } from "langchain";
  import { createFilesystemMiddleware, StateBackend } from "deepagents";

  var agent = createAgent({
    model: "baseten:zai-org/GLM-5.2",
    tools: [search],
    middleware: [createFilesystemMiddleware({ backend: new StateBackend() })],
  });
  ```

  ```ts Ollama theme={null}
  import { createAgent } from "langchain";
  import { createFilesystemMiddleware, StateBackend } from "deepagents";

  var agent = createAgent({
    model: "ollama:north-mini-code-1.0",
    tools: [search],
    middleware: [createFilesystemMiddleware({ backend: new StateBackend() })],
  });
  ```
</CodeGroup>

See [`FilesystemMiddleware`](https://reference.langchain.com/javascript/deepagents/middleware/createFilesystemMiddleware), [Sandboxes](/oss/javascript/deepagents/sandboxes), [Interpreters](/oss/javascript/deepagents/interpreters).

### Context management

Every model call has a fixed context window. As an agent runs, that window fills with accumulating history, tool results, and intermediate steps. Summarization compresses history before overflow hits; memory loads persistent instructions at startup so knowledge carries across sessions; skills surface domain knowledge on demand rather than loading everything upfront.

```ts theme={null}
import { createAgent } from "langchain";
import {
  StateBackend,
  createFilesystemMiddleware,
  createSkillsMiddleware,
  createSummarizationMiddleware,
} from "deepagents";

var backend = new StateBackend();
const model = "anthropic:claude-sonnet-4-6";

var agent = createAgent({
  model,
  tools: [search],
  middleware: [
    createFilesystemMiddleware({ backend }),
    createSummarizationMiddleware({ model, backend }),
    createSkillsMiddleware({ backend, sources: ["./skills/"] }),
  ],
});
```

See [`SummarizationMiddleware`](https://reference.langchain.com/javascript/langchain/index/summarizationMiddleware), [`MemoryMiddleware`](https://reference.langchain.com/javascript/deepagents/middleware/createMemoryMiddleware), [Skills](/oss/javascript/langchain/multi-agent/skills), [Context engineering](/oss/javascript/deepagents/context-engineering).

### Planning and delegation

Complex tasks often exceed what one context window can handle. Delegation lets the main agent break work into pieces, hand them to subagents that each run in their own isolated context, and stay focused on coordination rather than execution. Work can run in parallel; the main agent's context stays clean.

<CodeGroup>
  ```ts Google theme={null}
  import { createAgent, todoListMiddleware, tool } from "langchain";
  import {
    createFilesystemMiddleware,
    createSubAgentMiddleware,
    StateBackend,
  } from "deepagents";
  import * as z from "zod";

  var search = tool(({ query }) => `Search results for: ${query}`, {
    name: "search",
    description: "Search for a query and return a short summary.",
    schema: z.object({ query: z.string() }),
  });

  var backend = new StateBackend();

  var agent = createAgent({
    model: "google-genai:gemini-3.5-flash",
    tools: [search],
    middleware: [
      createFilesystemMiddleware({ backend }),
      todoListMiddleware(),
      createSubAgentMiddleware({
        defaultModel: "anthropic:claude-sonnet-4-6",
        defaultTools: [],
        subagents: [
          {
            name: "researcher",
            description: "Searches and returns a structured summary.",
            systemPrompt:
              "Use the search tool to research the question and summarize key points.",
            tools: [search],
            model: "anthropic:claude-sonnet-4-6",
            middleware: [],
          },
        ],
      }),
    ],
  });
  ```

  ```ts OpenAI theme={null}
  import { createAgent, todoListMiddleware, tool } from "langchain";
  import {
    createFilesystemMiddleware,
    createSubAgentMiddleware,
    StateBackend,
  } from "deepagents";
  import * as z from "zod";

  var search = tool(({ query }) => `Search results for: ${query}`, {
    name: "search",
    description: "Search for a query and return a short summary.",
    schema: z.object({ query: z.string() }),
  });

  var backend = new StateBackend();

  var agent = createAgent({
    model: "openai:gpt-5.5",
    tools: [search],
    middleware: [
      createFilesystemMiddleware({ backend }),
      todoListMiddleware(),
      createSubAgentMiddleware({
        defaultModel: "anthropic:claude-sonnet-4-6",
        defaultTools: [],
        subagents: [
          {
            name: "researcher",
            description: "Searches and returns a structured summary.",
            systemPrompt:
              "Use the search tool to research the question and summarize key points.",
            tools: [search],
            model: "anthropic:claude-sonnet-4-6",
            middleware: [],
          },
        ],
      }),
    ],
  });
  ```

  ```ts Anthropic theme={null}
  import { createAgent, todoListMiddleware, tool } from "langchain";
  import {
    createFilesystemMiddleware,
    createSubAgentMiddleware,
    StateBackend,
  } from "deepagents";
  import * as z from "zod";

  var search = tool(({ query }) => `Search results for: ${query}`, {
    name: "search",
    description: "Search for a query and return a short summary.",
    schema: z.object({ query: z.string() }),
  });

  var backend = new StateBackend();

  var agent = createAgent({
    model: "anthropic:claude-sonnet-4-6",
    tools: [search],
    middleware: [
      createFilesystemMiddleware({ backend }),
      todoListMiddleware(),
      createSubAgentMiddleware({
        defaultModel: "anthropic:claude-sonnet-4-6",
        defaultTools: [],
        subagents: [
          {
            name: "researcher",
            description: "Searches and returns a structured summary.",
            systemPrompt:
              "Use the search tool to research the question and summarize key points.",
            tools: [search],
            model: "anthropic:claude-sonnet-4-6",
            middleware: [],
          },
        ],
      }),
    ],
  });
  ```

  ```ts OpenRouter theme={null}
  import { createAgent, todoListMiddleware, tool } from "langchain";
  import {
    createFilesystemMiddleware,
    createSubAgentMiddleware,
    StateBackend,
  } from "deepagents";
  import * as z from "zod";

  var search = tool(({ query }) => `Search results for: ${query}`, {
    name: "search",
    description: "Search for a query and return a short summary.",
    schema: z.object({ query: z.string() }),
  });

  var backend = new StateBackend();

  var agent = createAgent({
    model: "openrouter:openrouter:z-ai/glm-5.2",
    tools: [search],
    middleware: [
      createFilesystemMiddleware({ backend }),
      todoListMiddleware(),
      createSubAgentMiddleware({
        defaultModel: "anthropic:claude-sonnet-4-6",
        defaultTools: [],
        subagents: [
          {
            name: "researcher",
            description: "Searches and returns a structured summary.",
            systemPrompt:
              "Use the search tool to research the question and summarize key points.",
            tools: [search],
            model: "anthropic:claude-sonnet-4-6",
            middleware: [],
          },
        ],
      }),
    ],
  });
  ```

  ```ts Fireworks theme={null}
  import { createAgent, todoListMiddleware, tool } from "langchain";
  import {
    createFilesystemMiddleware,
    createSubAgentMiddleware,
    StateBackend,
  } from "deepagents";
  import * as z from "zod";

  var search = tool(({ query }) => `Search results for: ${query}`, {
    name: "search",
    description: "Search for a query and return a short summary.",
    schema: z.object({ query: z.string() }),
  });

  var backend = new StateBackend();

  var agent = createAgent({
    model: "fireworks:accounts/fireworks/models/glm-5p2",
    tools: [search],
    middleware: [
      createFilesystemMiddleware({ backend }),
      todoListMiddleware(),
      createSubAgentMiddleware({
        defaultModel: "anthropic:claude-sonnet-4-6",
        defaultTools: [],
        subagents: [
          {
            name: "researcher",
            description: "Searches and returns a structured summary.",
            systemPrompt:
              "Use the search tool to research the question and summarize key points.",
            tools: [search],
            model: "anthropic:claude-sonnet-4-6",
            middleware: [],
          },
        ],
      }),
    ],
  });
  ```

  ```ts Baseten theme={null}
  import { createAgent, todoListMiddleware, tool } from "langchain";
  import {
    createFilesystemMiddleware,
    createSubAgentMiddleware,
    StateBackend,
  } from "deepagents";
  import * as z from "zod";

  var search = tool(({ query }) => `Search results for: ${query}`, {
    name: "search",
    description: "Search for a query and return a short summary.",
    schema: z.object({ query: z.string() }),
  });

  var backend = new StateBackend();

  var agent = createAgent({
    model: "baseten:zai-org/GLM-5.2",
    tools: [search],
    middleware: [
      createFilesystemMiddleware({ backend }),
      todoListMiddleware(),
      createSubAgentMiddleware({
        defaultModel: "anthropic:claude-sonnet-4-6",
        defaultTools: [],
        subagents: [
          {
            name: "researcher",
            description: "Searches and returns a structured summary.",
            systemPrompt:
              "Use the search tool to research the question and summarize key points.",
            tools: [search],
            model: "anthropic:claude-sonnet-4-6",
            middleware: [],
          },
        ],
      }),
    ],
  });
  ```

  ```ts Ollama theme={null}
  import { createAgent, todoListMiddleware, tool } from "langchain";
  import {
    createFilesystemMiddleware,
    createSubAgentMiddleware,
    StateBackend,
  } from "deepagents";
  import * as z from "zod";

  var search = tool(({ query }) => `Search results for: ${query}`, {
    name: "search",
    description: "Search for a query and return a short summary.",
    schema: z.object({ query: z.string() }),
  });

  var backend = new StateBackend();

  var agent = createAgent({
    model: "ollama:north-mini-code-1.0",
    tools: [search],
    middleware: [
      createFilesystemMiddleware({ backend }),
      todoListMiddleware(),
      createSubAgentMiddleware({
        defaultModel: "anthropic:claude-sonnet-4-6",
        defaultTools: [],
        subagents: [
          {
            name: "researcher",
            description: "Searches and returns a structured summary.",
            systemPrompt:
              "Use the search tool to research the question and summarize key points.",
            tools: [search],
            model: "anthropic:claude-sonnet-4-6",
            middleware: [],
          },
        ],
      }),
    ],
  });
  ```
</CodeGroup>

See [Subagents](/oss/javascript/langchain/multi-agent/subagents).

### Name your agent

Optionally use an identifier for the agent. This is especially useful when embedding the agent as a subgraph in [multi-agent](/oss/javascript/langchain/multi-agent) systems.

<CodeGroup>
  ```ts Google theme={null}
  var agent = createAgent({
    model: "google-genai:gemini-3.5-flash",
    tools,
    name: "research_assistant",
  });
  ```

  ```ts OpenAI theme={null}
  var agent = createAgent({
    model: "openai:gpt-5.5",
    tools,
    name: "research_assistant",
  });
  ```

  ```ts Anthropic theme={null}
  var agent = createAgent({
    model: "anthropic:claude-sonnet-4-6",
    tools,
    name: "research_assistant",
  });
  ```

  ```ts OpenRouter theme={null}
  var agent = createAgent({
    model: "openrouter:openrouter:z-ai/glm-5.2",
    tools,
    name: "research_assistant",
  });
  ```

  ```ts Fireworks theme={null}
  var agent = createAgent({
    model: "fireworks:accounts/fireworks/models/glm-5p2",
    tools,
    name: "research_assistant",
  });
  ```

  ```ts Baseten theme={null}
  var agent = createAgent({
    model: "baseten:zai-org/GLM-5.2",
    tools,
    name: "research_assistant",
  });
  ```

  ```ts Ollama theme={null}
  var agent = createAgent({
    model: "ollama:north-mini-code-1.0",
    tools,
    name: "research_assistant",
  });
  ```
</CodeGroup>

### Fault tolerance

Agents in production encounter failures that rarely appear in development: rate limits, model timeouts, transient API errors. Fault tolerance middleware handles these at the infrastructure level so your tools and business logic don't need try/catch around every call.

<CodeGroup>
  ```ts Google theme={null}
  import {
    createAgent,
    modelRetryMiddleware,
    tool,
    toolRetryMiddleware,
  } from "langchain";
  import * as z from "zod";

  var search = tool(({ query }) => `Search results for: ${query}`, {
    name: "search",
    description: "Search for a query and return a short summary.",
    schema: z.object({ query: z.string() }),
  });

  var agent = createAgent({
    model: "google-genai:gemini-3.5-flash",
    tools: [search],
    middleware: [
      modelRetryMiddleware({ maxRetries: 3 }),
      toolRetryMiddleware({ maxRetries: 2 }),
    ],
  });
  ```

  ```ts OpenAI theme={null}
  import {
    createAgent,
    modelRetryMiddleware,
    tool,
    toolRetryMiddleware,
  } from "langchain";
  import * as z from "zod";

  var search = tool(({ query }) => `Search results for: ${query}`, {
    name: "search",
    description: "Search for a query and return a short summary.",
    schema: z.object({ query: z.string() }),
  });

  var agent = createAgent({
    model: "openai:gpt-5.5",
    tools: [search],
    middleware: [
      modelRetryMiddleware({ maxRetries: 3 }),
      toolRetryMiddleware({ maxRetries: 2 }),
    ],
  });
  ```

  ```ts Anthropic theme={null}
  import {
    createAgent,
    modelRetryMiddleware,
    tool,
    toolRetryMiddleware,
  } from "langchain";
  import * as z from "zod";

  var search = tool(({ query }) => `Search results for: ${query}`, {
    name: "search",
    description: "Search for a query and return a short summary.",
    schema: z.object({ query: z.string() }),
  });

  var agent = createAgent({
    model: "anthropic:claude-sonnet-4-6",
    tools: [search],
    middleware: [
      modelRetryMiddleware({ maxRetries: 3 }),
      toolRetryMiddleware({ maxRetries: 2 }),
    ],
  });
  ```

  ```ts OpenRouter theme={null}
  import {
    createAgent,
    modelRetryMiddleware,
    tool,
    toolRetryMiddleware,
  } from "langchain";
  import * as z from "zod";

  var search = tool(({ query }) => `Search results for: ${query}`, {
    name: "search",
    description: "Search for a query and return a short summary.",
    schema: z.object({ query: z.string() }),
  });

  var agent = createAgent({
    model: "openrouter:openrouter:z-ai/glm-5.2",
    tools: [search],
    middleware: [
      modelRetryMiddleware({ maxRetries: 3 }),
      toolRetryMiddleware({ maxRetries: 2 }),
    ],
  });
  ```

  ```ts Fireworks theme={null}
  import {
    createAgent,
    modelRetryMiddleware,
    tool,
    toolRetryMiddleware,
  } from "langchain";
  import * as z from "zod";

  var search = tool(({ query }) => `Search results for: ${query}`, {
    name: "search",
    description: "Search for a query and return a short summary.",
    schema: z.object({ query: z.string() }),
  });

  var agent = createAgent({
    model: "fireworks:accounts/fireworks/models/glm-5p2",
    tools: [search],
    middleware: [
      modelRetryMiddleware({ maxRetries: 3 }),
      toolRetryMiddleware({ maxRetries: 2 }),
    ],
  });
  ```

  ```ts Baseten theme={null}
  import {
    createAgent,
    modelRetryMiddleware,
    tool,
    toolRetryMiddleware,
  } from "langchain";
  import * as z from "zod";

  var search = tool(({ query }) => `Search results for: ${query}`, {
    name: "search",
    description: "Search for a query and return a short summary.",
    schema: z.object({ query: z.string() }),
  });

  var agent = createAgent({
    model: "baseten:zai-org/GLM-5.2",
    tools: [search],
    middleware: [
      modelRetryMiddleware({ maxRetries: 3 }),
      toolRetryMiddleware({ maxRetries: 2 }),
    ],
  });
  ```

  ```ts Ollama theme={null}
  import {
    createAgent,
    modelRetryMiddleware,
    tool,
    toolRetryMiddleware,
  } from "langchain";
  import * as z from "zod";

  var search = tool(({ query }) => `Search results for: ${query}`, {
    name: "search",
    description: "Search for a query and return a short summary.",
    schema: z.object({ query: z.string() }),
  });

  var agent = createAgent({
    model: "ollama:north-mini-code-1.0",
    tools: [search],
    middleware: [
      modelRetryMiddleware({ maxRetries: 3 }),
      toolRetryMiddleware({ maxRetries: 2 }),
    ],
  });
  ```
</CodeGroup>

See [`modelRetryMiddleware`](https://reference.langchain.com/javascript/langchain/index/modelRetryMiddleware), [`toolRetryMiddleware`](https://reference.langchain.com/javascript/langchain/index/toolRetryMiddleware), [Prebuilt middleware](/oss/javascript/langchain/middleware/built-in).

### Guardrails

Some policies can't live in a prompt—they need to be enforced deterministically regardless of what the model does. Guardrails intercept data as it flows through the agent loop, applying compliance rules or content policies before tool results reach the model's context.

<CodeGroup>
  ```ts Google theme={null}
  import { createAgent, piiMiddleware, tool } from "langchain";
  import * as z from "zod";

  var search = tool(({ query }) => `Search results for: ${query}`, {
    name: "search",
    description: "Search for a query and return a short summary.",
    schema: z.object({ query: z.string() }),
  });

  var agent = createAgent({
    model: "google-genai:gemini-3.5-flash",
    tools: [search],
    middleware: [piiMiddleware("email")],
  });
  ```

  ```ts OpenAI theme={null}
  import { createAgent, piiMiddleware, tool } from "langchain";
  import * as z from "zod";

  var search = tool(({ query }) => `Search results for: ${query}`, {
    name: "search",
    description: "Search for a query and return a short summary.",
    schema: z.object({ query: z.string() }),
  });

  var agent = createAgent({
    model: "openai:gpt-5.5",
    tools: [search],
    middleware: [piiMiddleware("email")],
  });
  ```

  ```ts Anthropic theme={null}
  import { createAgent, piiMiddleware, tool } from "langchain";
  import * as z from "zod";

  var search = tool(({ query }) => `Search results for: ${query}`, {
    name: "search",
    description: "Search for a query and return a short summary.",
    schema: z.object({ query: z.string() }),
  });

  var agent = createAgent({
    model: "anthropic:claude-sonnet-4-6",
    tools: [search],
    middleware: [piiMiddleware("email")],
  });
  ```

  ```ts OpenRouter theme={null}
  import { createAgent, piiMiddleware, tool } from "langchain";
  import * as z from "zod";

  var search = tool(({ query }) => `Search results for: ${query}`, {
    name: "search",
    description: "Search for a query and return a short summary.",
    schema: z.object({ query: z.string() }),
  });

  var agent = createAgent({
    model: "openrouter:openrouter:z-ai/glm-5.2",
    tools: [search],
    middleware: [piiMiddleware("email")],
  });
  ```

  ```ts Fireworks theme={null}
  import { createAgent, piiMiddleware, tool } from "langchain";
  import * as z from "zod";

  var search = tool(({ query }) => `Search results for: ${query}`, {
    name: "search",
    description: "Search for a query and return a short summary.",
    schema: z.object({ query: z.string() }),
  });

  var agent = createAgent({
    model: "fireworks:accounts/fireworks/models/glm-5p2",
    tools: [search],
    middleware: [piiMiddleware("email")],
  });
  ```

  ```ts Baseten theme={null}
  import { createAgent, piiMiddleware, tool } from "langchain";
  import * as z from "zod";

  var search = tool(({ query }) => `Search results for: ${query}`, {
    name: "search",
    description: "Search for a query and return a short summary.",
    schema: z.object({ query: z.string() }),
  });

  var agent = createAgent({
    model: "baseten:zai-org/GLM-5.2",
    tools: [search],
    middleware: [piiMiddleware("email")],
  });
  ```

  ```ts Ollama theme={null}
  import { createAgent, piiMiddleware, tool } from "langchain";
  import * as z from "zod";

  var search = tool(({ query }) => `Search results for: ${query}`, {
    name: "search",
    description: "Search for a query and return a short summary.",
    schema: z.object({ query: z.string() }),
  });

  var agent = createAgent({
    model: "ollama:north-mini-code-1.0",
    tools: [search],
    middleware: [piiMiddleware("email")],
  });
  ```
</CodeGroup>

See [`piiMiddleware`](https://reference.langchain.com/javascript/langchain/index/piiMiddleware), [Prebuilt middleware](/oss/javascript/langchain/middleware/built-in).

### Steering

Full autonomy isn't always appropriate. Steering lets you place humans at specific decision points—before destructive writes, expensive API calls, or anything requiring judgment—without restructuring your agent. The agent pauses and waits; a human approves, edits, or rejects; execution continues.

<CodeGroup>
  ```ts Google theme={null}
  import { createAgent, humanInTheLoopMiddleware, tool } from "langchain";
  import * as z from "zod";

  var search = tool(({ query }) => `Search results for: ${query}`, {
    name: "search",
    description: "Search for a query and return a short summary.",
    schema: z.object({ query: z.string() }),
  });

  var agent = createAgent({
    model: "google-genai:gemini-3.5-flash",
    tools: [search],
    middleware: [humanInTheLoopMiddleware({ interruptOn: { writeFile: true } })],
  });
  ```

  ```ts OpenAI theme={null}
  import { createAgent, humanInTheLoopMiddleware, tool } from "langchain";
  import * as z from "zod";

  var search = tool(({ query }) => `Search results for: ${query}`, {
    name: "search",
    description: "Search for a query and return a short summary.",
    schema: z.object({ query: z.string() }),
  });

  var agent = createAgent({
    model: "openai:gpt-5.5",
    tools: [search],
    middleware: [humanInTheLoopMiddleware({ interruptOn: { writeFile: true } })],
  });
  ```

  ```ts Anthropic theme={null}
  import { createAgent, humanInTheLoopMiddleware, tool } from "langchain";
  import * as z from "zod";

  var search = tool(({ query }) => `Search results for: ${query}`, {
    name: "search",
    description: "Search for a query and return a short summary.",
    schema: z.object({ query: z.string() }),
  });

  var agent = createAgent({
    model: "anthropic:claude-sonnet-4-6",
    tools: [search],
    middleware: [humanInTheLoopMiddleware({ interruptOn: { writeFile: true } })],
  });
  ```

  ```ts OpenRouter theme={null}
  import { createAgent, humanInTheLoopMiddleware, tool } from "langchain";
  import * as z from "zod";

  var search = tool(({ query }) => `Search results for: ${query}`, {
    name: "search",
    description: "Search for a query and return a short summary.",
    schema: z.object({ query: z.string() }),
  });

  var agent = createAgent({
    model: "openrouter:openrouter:z-ai/glm-5.2",
    tools: [search],
    middleware: [humanInTheLoopMiddleware({ interruptOn: { writeFile: true } })],
  });
  ```

  ```ts Fireworks theme={null}
  import { createAgent, humanInTheLoopMiddleware, tool } from "langchain";
  import * as z from "zod";

  var search = tool(({ query }) => `Search results for: ${query}`, {
    name: "search",
    description: "Search for a query and return a short summary.",
    schema: z.object({ query: z.string() }),
  });

  var agent = createAgent({
    model: "fireworks:accounts/fireworks/models/glm-5p2",
    tools: [search],
    middleware: [humanInTheLoopMiddleware({ interruptOn: { writeFile: true } })],
  });
  ```

  ```ts Baseten theme={null}
  import { createAgent, humanInTheLoopMiddleware, tool } from "langchain";
  import * as z from "zod";

  var search = tool(({ query }) => `Search results for: ${query}`, {
    name: "search",
    description: "Search for a query and return a short summary.",
    schema: z.object({ query: z.string() }),
  });

  var agent = createAgent({
    model: "baseten:zai-org/GLM-5.2",
    tools: [search],
    middleware: [humanInTheLoopMiddleware({ interruptOn: { writeFile: true } })],
  });
  ```

  ```ts Ollama theme={null}
  import { createAgent, humanInTheLoopMiddleware, tool } from "langchain";
  import * as z from "zod";

  var search = tool(({ query }) => `Search results for: ${query}`, {
    name: "search",
    description: "Search for a query and return a short summary.",
    schema: z.object({ query: z.string() }),
  });

  var agent = createAgent({
    model: "ollama:north-mini-code-1.0",
    tools: [search],
    middleware: [humanInTheLoopMiddleware({ interruptOn: { writeFile: true } })],
  });
  ```
</CodeGroup>

See [`humanInTheLoopMiddleware`](https://reference.langchain.com/javascript/langchain/middleware/humanInTheLoopMiddleware), [Human-in-the-loop](/oss/javascript/langchain/human-in-the-loop).

### Middleware resources

<CardGroup cols={3}>
  <Card title="Middleware overview" icon="route" href="/oss/javascript/langchain/middleware/overview" arrow>
    How the middleware stack works and when hooks fire
  </Card>

  <Card title="Prebuilt middleware" icon="package" href="/oss/javascript/langchain/middleware/built-in" arrow>
    Full reference with configuration examples
  </Card>

  <Card title="Custom middleware" icon="code" href="/oss/javascript/langchain/middleware/custom" arrow>
    Write your own hooks for business logic, PII scrubbing, and more
  </Card>
</CardGroup>

***

<div className="source-links">
  <Callout icon="terminal-2">
    [Connect these docs](/use-these-docs) to Claude, VSCode, and more via MCP for real-time answers.
  </Callout>

  <Callout icon="edit">
    [Edit this page on GitHub](https://github.com/langchain-ai/docs/edit/main/src/oss/langchain/agents.mdx) or [file an issue](https://github.com/langchain-ai/docs/issues/new/choose).
  </Callout>
</div>
