Files
langflow/components-agents.html
github-merge-queue[bot] dff8ebb9fa deploy: d4fca1fe40
2025-06-20 18:43:03 +00:00

104 lines
46 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="en" dir="ltr" class="docs-wrapper plugin-docs plugin-id-default docs-version-current docs-doc-page docs-doc-id-Components/components-agents" data-has-hydrated="false">
<head>
<meta charset="UTF-8">
<meta name="generator" content="Docusaurus v3.7.0">
<title data-rh="true">Agents | Langflow Documentation</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://docs.langflow.org/components-agents"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docusaurus_version" content="current"><meta data-rh="true" name="docusaurus_tag" content="docs-default-current"><meta data-rh="true" name="docsearch:version" content="current"><meta data-rh="true" name="docsearch:docusaurus_tag" content="docs-default-current"><meta data-rh="true" property="og:title" content="Agents | Langflow Documentation"><meta data-rh="true" name="description" content="Agent components define the behavior and capabilities of AI agents in your flow."><meta data-rh="true" property="og:description" content="Agent components define the behavior and capabilities of AI agents in your flow."><link data-rh="true" rel="icon" href="/img/favicon.ico"><link data-rh="true" rel="canonical" href="https://docs.langflow.org/components-agents"><link data-rh="true" rel="alternate" href="https://docs.langflow.org/components-agents" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.langflow.org/components-agents" hreflang="x-default"><link data-rh="true" rel="preconnect" href="https://UZK6BDPCVY-dsn.algolia.net" crossorigin="anonymous"><link rel="preconnect" href="https://www.google-analytics.com">
<link rel="preconnect" href="https://www.googletagmanager.com">
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SLQFLQ3KPT"></script>
<script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-SLQFLQ3KPT",{})</script>
<link rel="search" type="application/opensearchdescription+xml" title="Langflow Documentation" href="/opensearch.xml">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Sora:wght@550;600&amp;display=swap">
<script>!function(){window.semaphore=window.semaphore||[],window.ketch=function(){window.semaphore.push(arguments)};var e=document.createElement("script");e.type="text/javascript",e.src="https://global.ketchcdn.com/web/v3/config/datastax/langflow_org_web/boot.js",e.defer=e.async=!0,document.getElementsByTagName("head")[0].appendChild(e)}()</script>
<script defer="true">!function(){const e=e=>{if(window.gtag&&e.purposes&&"analytics"in e.purposes&&"targeted_advertising"in e.purposes){const n=!0===e.purposes.analytics?"granted":"denied",t=!0===e.purposes.targeted_advertising?"granted":"denied",a={analytics_storage:n,ad_personalization:t,ad_storage:t,ad_user_data:t};window.gtag("consent","update",a)}};window.ketch&&window.ketch("on","consent",e)}()</script><link rel="stylesheet" href="/assets/css/styles.556d0cc8.css">
<script src="/assets/js/runtime~main.36d0d05a.js" defer="defer"></script>
<script src="/assets/js/main.01cab6af.js" defer="defer"></script>
</head>
<body class="navigation-with-keyboard">
<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();null!==e?t(e):window.matchMedia("(prefers-color-scheme: dark)").matches?t("dark"):(window.matchMedia("(prefers-color-scheme: light)").matches,t("light"))}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top navbarHideable_m1mJ"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/lf-docs-light.svg" alt="Langflow" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/lf-docs-dark.svg" alt="Langflow" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/langflow-ai/langflow" target="_blank" class="navbar__item navbar__link header-github-link"></a><a href="https://twitter.com/langflow_ai" target="_blank" class="navbar__item navbar__link header-twitter-link"></a><a href="https://discord.gg/EqksyE2EX9" target="_blank" class="navbar__item navbar__link header-discord-link"></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite" aria-pressed="false"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search (Command+K)"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><div class="docsWrapper_hBAB"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_sjWU" type="button"></button><div class="docRoot_UBD9"><aside class="theme-doc-sidebar-container docSidebarContainer_YfHR"><div class="sidebarViewport_aRkj"><div class="sidebar_njMd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" href="/"><img src="/img/lf-docs-light.svg" alt="Langflow" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/lf-docs-dark.svg" alt="Langflow" class="themedComponent_mlkZ themedComponent--dark_xIcU"></a><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_SIkG"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/">Welcome to Langflow</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" href="/get-started-installation">Get started</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" href="/basic-prompting">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" href="/concepts-overview">Concepts</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret menu__link--active" role="button" aria-expanded="true" href="/components-agents">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/components-agents">Agents</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components-bundle-components">Bundles</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components-custom-components">Create custom Python components</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components-data">Data</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components-embedding-models">Embeddings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components-helpers">Helpers</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components-io">Inputs and outputs</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components-logic">Logic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components-memories">Memories</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components-models">Models</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components-processing">Processing</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components-prompts">Prompts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components-tools">Tools</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/components-vector-stores">Vector stores</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" href="/agents-overview">Agents</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" href="/mcp-server">Model Context Protocol (MCP)</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" href="/configuration-api-keys">Configuration</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" href="/develop-overview">Develop</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" href="/deployment-overview">Deployment</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" href="/api">API reference</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" href="/integrations-apify">Integrations</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" href="/contributing-community">Contributing</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a href="https://github.com/langflow-ai/langflow/releases/latest" target="_blank" rel="noopener noreferrer" class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false">Changelog</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="false" href="/luna-for-langflow">Support</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 sidebar-ad">
<a href="https://astra.datastax.com/signup?type=langflow" target="_blank" class="menu__link">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cloud"><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"/></svg>
<div class="sidebar-ad-text-container">
<span class="sidebar-ad-text">Use Langflow in the cloud</span>
<span class="sidebar-ad-text sidebar-ad-text-gradient">Sign up for DataStax Langflow</span>
</div>
</a>
</li></ul></nav></div></div></aside><main class="docMainContainer_TBSr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_Z_bl" aria-label="Breadcrumbs"><ul class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_YNFT"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item"><span class="breadcrumbs__link">Components</span><meta itemprop="position" content="1"></li><li itemscope="" itemprop="itemListElement" itemtype="https://schema.org/ListItem" class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link" itemprop="name">Agents</span><meta itemprop="position" content="2"></li></ul></nav><div class="tocCollapsible_ETCw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Agent components in Langflow</h1></header>
<p>Agent components define the behavior and capabilities of AI agents in your flow.</p>
<p>Agents use LLMs as a reasoning engine to decide which of the connected tool components to use to solve a problem.</p>
<p>Tools in agentic functions are essentially functions that the agent can call to perform tasks or access external resources.
A function is wrapped as a <code>Tool</code> object with a common interface the agent understands.
Agents become aware of tools through tool registration where the agent is provided a list of available tools typically at agent initialization. The <code>Tool</code> object&#x27;s description tells the agent what the tool can do.</p>
<p>The agent then uses a connected LLM to reason through the problem to decide which tool is best for the job.</p>
<h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="use-an-agent-in-a-flow">Use an agent in a flow<a href="#use-an-agent-in-a-flow" class="hash-link" aria-label="Direct link to Use an agent in a flow" title="Direct link to Use an agent in a flow"></a></h2>
<p>The <a href="/simple-agent">simple agent starter project</a> uses an <a href="#agent-component">agent component</a> connected to URL and Calculator tools to answer a user&#x27;s questions. The OpenAI LLM acts as a brain for the agent to decide which tool to use. Tools are connected to agent components at the <strong>Tools</strong> port.</p>
<p><img decoding="async" loading="lazy" alt="Simple agent starter flow" src="/assets/images/starter-flow-simple-agent-71d0dec218a5da8e3110c51716f1c91e.png" width="1732" height="1748" class="img_ev3q"></p>
<p>For a multi-agent example see, <a href="/agents-tool-calling-agent-component">Create a problem-solving agent</a>.</p>
<h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="agent-component">Agent component<a href="#agent-component" class="hash-link" aria-label="Direct link to Agent component" title="Direct link to Agent component"></a></h2>
<p>This component creates an agent that can use tools to answer questions and perform tasks based on given instructions.</p>
<p>The component includes an LLM model integration, a system message prompt, and a <strong>Tools</strong> port to connect tools to extend its capabilities.</p>
<p>For more information on this component, see the <a href="/agents-tool-calling-agent-component">tool calling agent documentation</a>.</p>
<details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary>Parameters</summary><div><div class="collapsibleContent_i85q"><p><strong>Inputs</strong></p><table><thead><tr><th>Name</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>agent_llm</td><td>Dropdown</td><td>The provider of the language model that the agent uses to generate responses. Options include OpenAI and other providers or Custom.</td></tr><tr><td>system_prompt</td><td>String</td><td>The system prompt provides initial instructions and context to guide the agent&#x27;s behavior.</td></tr><tr><td>tools</td><td>List</td><td>The list of tools available for the agent to use.</td></tr><tr><td>input_value</td><td>String</td><td>The input task or question for the agent to process.</td></tr><tr><td>add_current_date_tool</td><td>Boolean</td><td>When true this adds a tool to the agent that returns the current date.</td></tr><tr><td>memory</td><td>Memory</td><td>An optional memory configuration for maintaining conversation history.</td></tr><tr><td>max_iterations</td><td>Integer</td><td>The maximum number of iterations the agent can perform.</td></tr><tr><td>handle_parsing_errors</td><td>Boolean</td><td>This determines whether to handle parsing errors during agent execution.</td></tr><tr><td>verbose</td><td>Boolean</td><td>This enables verbose output for detailed logging.</td></tr></tbody></table><p><strong>Outputs</strong></p><table><thead><tr><th>Name</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>response</td><td>Message</td><td>The agent&#x27;s response to the given input task.</td></tr></tbody></table></div></div></details>
<h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="legacy-components">Legacy components<a href="#legacy-components" class="hash-link" aria-label="Direct link to Legacy components" title="Direct link to Legacy components"></a></h2>
<p><strong>Legacy</strong> components are available for use but are no longer supported.</p>
<h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="json-agent">JSON Agent<a href="#json-agent" class="hash-link" aria-label="Direct link to JSON Agent" title="Direct link to JSON Agent"></a></h3>
<p>This component creates a JSON agent from a JSON or YAML file and an LLM.</p>
<details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary>Parameters</summary><div><div class="collapsibleContent_i85q"><p><strong>Inputs</strong></p><table><thead><tr><th>Name</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>llm</td><td>LanguageModel</td><td>The language model to use for the agent.</td></tr><tr><td>path</td><td>File</td><td>The path to the JSON or YAML file.</td></tr></tbody></table><p><strong>Outputs</strong></p><table><thead><tr><th>Name</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>agent</td><td>AgentExecutor</td><td>The JSON agent instance.</td></tr></tbody></table></div></div></details>
<h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="vector-store-agent">Vector Store Agent<a href="#vector-store-agent" class="hash-link" aria-label="Direct link to Vector Store Agent" title="Direct link to Vector Store Agent"></a></h3>
<p>This component creates a Vector Store Agent using LangChain.</p>
<details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary>Parameters</summary><div><div class="collapsibleContent_i85q"><p><strong>Inputs</strong></p><table><thead><tr><th>Name</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>llm</td><td>LanguageModel</td><td>The language model to use for the agent.</td></tr><tr><td>vectorstore</td><td>VectorStoreInfo</td><td>The vector store information for the agent to use.</td></tr></tbody></table><p><strong>Outputs</strong></p><table><thead><tr><th>Name</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>agent</td><td>AgentExecutor</td><td>The Vector Store Agent instance.</td></tr></tbody></table></div></div></details>
<h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="vector-store-router-agent">Vector Store Router Agent<a href="#vector-store-router-agent" class="hash-link" aria-label="Direct link to Vector Store Router Agent" title="Direct link to Vector Store Router Agent"></a></h3>
<p>This component creates a Vector Store Router Agent using LangChain.</p>
<details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary>Parameters</summary><div><div class="collapsibleContent_i85q"><p><strong>Inputs</strong></p><table><thead><tr><th>Name</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>llm</td><td>LanguageModel</td><td>The language model to use for the agent.</td></tr><tr><td>vectorstores</td><td>List[VectorStoreInfo]</td><td>The list of vector store information for the agent to route between.</td></tr></tbody></table><p><strong>Outputs</strong></p><table><thead><tr><th>Name</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>agent</td><td>AgentExecutor</td><td>The Vector Store Router Agent instance.</td></tr></tbody></table></div></div></details>
<h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="moved-components">Moved components<a href="#moved-components" class="hash-link" aria-label="Direct link to Moved components" title="Direct link to Moved components"></a></h2>
<p>The following components are available under <strong>Bundles</strong>.</p>
<h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="crewai-agent">CrewAI Agent<a href="#crewai-agent" class="hash-link" aria-label="Direct link to CrewAI Agent" title="Direct link to CrewAI Agent"></a></h3>
<p>This component represents an Agent of CrewAI allowing for the creation of specialized AI agents with defined roles goals and capabilities within a crew.</p>
<p>For more information, see the <a href="https://docs.crewai.com/core-concepts/Agents/" target="_blank" rel="noopener noreferrer">CrewAI documentation</a>.</p>
<details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary>Parameters</summary><div><div class="collapsibleContent_i85q"><p><strong>Inputs</strong></p><table><thead><tr><th>Name</th><th>Display Name</th><th>Info</th></tr></thead><tbody><tr><td>role</td><td>Role</td><td>The role of the agent.</td></tr><tr><td>goal</td><td>Goal</td><td>The objective of the agent.</td></tr><tr><td>backstory</td><td>Backstory</td><td>The backstory of the agent.</td></tr><tr><td>tools</td><td>Tools</td><td>The tools at the agent&#x27;s disposal.</td></tr><tr><td>llm</td><td>Language Model</td><td>The language model that runs the agent.</td></tr><tr><td>memory</td><td>Memory</td><td>This determines whether the agent should have memory or not.</td></tr><tr><td>verbose</td><td>Verbose</td><td>This enables verbose output.</td></tr><tr><td>allow_delegation</td><td>Allow Delegation</td><td>This determines whether the agent is allowed to delegate tasks to other agents.</td></tr><tr><td>allow_code_execution</td><td>Allow Code Execution</td><td>This determines whether the agent is allowed to execute code.</td></tr><tr><td>kwargs</td><td>kwargs</td><td>Additional keyword arguments for the agent.</td></tr></tbody></table><p><strong>Outputs</strong></p><table><thead><tr><th>Name</th><th>Display Name</th><th>Info</th></tr></thead><tbody><tr><td>output</td><td>Agent</td><td>The constructed CrewAI Agent object.</td></tr></tbody></table></div></div></details>
<h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="hierarchical-crew">Hierarchical Crew<a href="#hierarchical-crew" class="hash-link" aria-label="Direct link to Hierarchical Crew" title="Direct link to Hierarchical Crew"></a></h3>
<p>This component represents a group of agents managing how they should collaborate and the tasks they should perform in a hierarchical structure. This component allows for the creation of a crew with a manager overseeing the task execution.</p>
<p>For more information, see the <a href="https://docs.crewai.com/how-to/Hierarchical/" target="_blank" rel="noopener noreferrer">CrewAI documentation</a>.</p>
<details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary>Parameters</summary><div><div class="collapsibleContent_i85q"><p><strong>Inputs</strong></p><table><thead><tr><th>Name</th><th>Display Name</th><th>Info</th></tr></thead><tbody><tr><td>agents</td><td>Agents</td><td>The list of Agent objects representing the crew members.</td></tr><tr><td>tasks</td><td>Tasks</td><td>The list of HierarchicalTask objects representing the tasks to be executed.</td></tr><tr><td>manager_llm</td><td>Manager LLM</td><td>The language model for the manager agent.</td></tr><tr><td>manager_agent</td><td>Manager Agent</td><td>The specific agent to act as the manager.</td></tr><tr><td>verbose</td><td>Verbose</td><td>This enables verbose output for detailed logging.</td></tr><tr><td>memory</td><td>Memory</td><td>The memory configuration for the crew.</td></tr><tr><td>use_cache</td><td>Use Cache</td><td>This enables caching of results.</td></tr><tr><td>max_rpm</td><td>Max RPM</td><td>This sets the maximum requests per minute.</td></tr><tr><td>share_crew</td><td>Share Crew</td><td>This determines if the crew information is shared among agents.</td></tr><tr><td>function_calling_llm</td><td>Function Calling LLM</td><td>The language model for function calling.</td></tr></tbody></table><p><strong>Outputs</strong></p><table><thead><tr><th>Name</th><th>Display Name</th><th>Info</th></tr></thead><tbody><tr><td>crew</td><td>Crew</td><td>The constructed Crew object with hierarchical task execution.</td></tr></tbody></table></div></div></details>
<h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="csv-agent">CSV Agent<a href="#csv-agent" class="hash-link" aria-label="Direct link to CSV Agent" title="Direct link to CSV Agent"></a></h3>
<p>This component creates a CSV agent from a CSV file and LLM.</p>
<details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary>Parameters</summary><div><div class="collapsibleContent_i85q"><p><strong>Inputs</strong></p><table><thead><tr><th>Name</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>llm</td><td>LanguageModel</td><td>The language model to use for the agent.</td></tr><tr><td>path</td><td>File</td><td>The path to the CSV file.</td></tr><tr><td>agent_type</td><td>String</td><td>The type of agent to create.</td></tr></tbody></table><p><strong>Outputs</strong></p><table><thead><tr><th>Name</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>agent</td><td>AgentExecutor</td><td>The CSV agent instance.</td></tr></tbody></table></div></div></details>
<h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="openai-tools-agent">OpenAI Tools Agent<a href="#openai-tools-agent" class="hash-link" aria-label="Direct link to OpenAI Tools Agent" title="Direct link to OpenAI Tools Agent"></a></h3>
<p>This component creates an OpenAI Tools Agent.</p>
<details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary>Parameters</summary><div><div class="collapsibleContent_i85q"><p><strong>Inputs</strong></p><table><thead><tr><th>Name</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>llm</td><td>LanguageModel</td><td>The language model to use.</td></tr><tr><td>tools</td><td>List of Tools</td><td>The tools to give the agent access to.</td></tr><tr><td>system_prompt</td><td>String</td><td>The system prompt to provide context to the agent.</td></tr><tr><td>input_value</td><td>String</td><td>The user&#x27;s input to the agent.</td></tr><tr><td>memory</td><td>Memory</td><td>The memory for the agent to use for context persistence.</td></tr><tr><td>max_iterations</td><td>Integer</td><td>The maximum number of iterations to allow the agent to execute.</td></tr><tr><td>verbose</td><td>Boolean</td><td>This determines whether to print out the agent&#x27;s intermediate steps.</td></tr><tr><td>handle_parsing_errors</td><td>Boolean</td><td>This determines whether to handle parsing errors in the agent.</td></tr></tbody></table><p><strong>Outputs</strong></p><table><thead><tr><th>Name</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>agent</td><td>AgentExecutor</td><td>The OpenAI Tools agent instance.</td></tr><tr><td>output</td><td>String</td><td>The output from executing the agent on the input.</td></tr></tbody></table></div></div></details>
<h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="openapi-agent">OpenAPI Agent<a href="#openapi-agent" class="hash-link" aria-label="Direct link to OpenAPI Agent" title="Direct link to OpenAPI Agent"></a></h3>
<p>This component creates an agent for interacting with OpenAPI services.</p>
<details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary>Parameters</summary><div><div class="collapsibleContent_i85q"><p><strong>Inputs</strong></p><table><thead><tr><th>Name</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>llm</td><td>LanguageModel</td><td>The language model to use.</td></tr><tr><td>openapi_spec</td><td>String</td><td>The OpenAPI specification for the service.</td></tr><tr><td>base_url</td><td>String</td><td>The base URL for the API.</td></tr><tr><td>headers</td><td>Dict</td><td>The optional headers for API requests.</td></tr><tr><td>agent_executor_kwargs</td><td>Dict</td><td>The optional parameters for the agent executor.</td></tr></tbody></table><p><strong>Outputs</strong></p><table><thead><tr><th>Name</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>agent</td><td>AgentExecutor</td><td>The OpenAPI agent instance.</td></tr></tbody></table></div></div></details>
<h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="sequential-crew">Sequential Crew<a href="#sequential-crew" class="hash-link" aria-label="Direct link to Sequential Crew" title="Direct link to Sequential Crew"></a></h3>
<p>This component represents a group of agents with tasks that are executed sequentially. This component allows for the creation of a crew that performs tasks in a specific order.</p>
<p>For more information, see the <a href="https://docs.crewai.com/how-to/Sequential/" target="_blank" rel="noopener noreferrer">CrewAI documentation</a>.</p>
<details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary>Parameters</summary><div><div class="collapsibleContent_i85q"><p><strong>Inputs</strong></p><table><thead><tr><th>Name</th><th>Display Name</th><th>Info</th></tr></thead><tbody><tr><td>tasks</td><td>Tasks</td><td>The list of SequentialTask objects representing the tasks to be executed.</td></tr><tr><td>verbose</td><td>Verbose</td><td>This enables verbose output for detailed logging.</td></tr><tr><td>memory</td><td>Memory</td><td>The memory configuration for the crew.</td></tr><tr><td>use_cache</td><td>Use Cache</td><td>This enables caching of results.</td></tr><tr><td>max_rpm</td><td>Max RPM</td><td>This sets the maximum requests per minute.</td></tr><tr><td>share_crew</td><td>Share Crew</td><td>This determines if the crew information is shared among agents.</td></tr><tr><td>function_calling_llm</td><td>Function Calling LLM</td><td>The language model for function calling.</td></tr></tbody></table><p><strong>Outputs</strong></p><table><thead><tr><th>Name</th><th>Display Name</th><th>Info</th></tr></thead><tbody><tr><td>crew</td><td>Crew</td><td>The constructed Crew object with sequential task execution.</td></tr></tbody></table></div></div></details>
<h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="sequential-task-agent">Sequential task agent<a href="#sequential-task-agent" class="hash-link" aria-label="Direct link to Sequential task agent" title="Direct link to Sequential task agent"></a></h3>
<p>This component creates a CrewAI Task and its associated Agent allowing for the definition of sequential tasks with specific agent roles and capabilities.</p>
<p>For more information, see the <a href="https://docs.crewai.com/how-to/Sequential/" target="_blank" rel="noopener noreferrer">CrewAI documentation</a>.</p>
<details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary>Parameters</summary><div><div class="collapsibleContent_i85q"><p><strong>Inputs</strong></p><table><thead><tr><th>Name</th><th>Display Name</th><th>Info</th></tr></thead><tbody><tr><td>role</td><td>Role</td><td>The role of the agent.</td></tr><tr><td>goal</td><td>Goal</td><td>The objective of the agent.</td></tr><tr><td>backstory</td><td>Backstory</td><td>The backstory of the agent.</td></tr><tr><td>tools</td><td>Tools</td><td>The tools at the agent&#x27;s disposal.</td></tr><tr><td>llm</td><td>Language Model</td><td>The language model that runs the agent.</td></tr><tr><td>memory</td><td>Memory</td><td>This determines whether the agent should have memory or not.</td></tr><tr><td>verbose</td><td>Verbose</td><td>This enables verbose output.</td></tr><tr><td>allow_delegation</td><td>Allow Delegation</td><td>This determines whether the agent is allowed to delegate tasks to other agents.</td></tr><tr><td>allow_code_execution</td><td>Allow Code Execution</td><td>This determines whether the agent is allowed to execute code.</td></tr><tr><td>agent_kwargs</td><td>Agent kwargs</td><td>The additional kwargs for the agent.</td></tr><tr><td>task_description</td><td>Task Description</td><td>The descriptive text detailing the task&#x27;s purpose and execution.</td></tr><tr><td>expected_output</td><td>Expected Task Output</td><td>The clear definition of the expected task outcome.</td></tr><tr><td>async_execution</td><td>Async Execution</td><td>The boolean flag indicating asynchronous task execution.</td></tr><tr><td>previous_task</td><td>Previous Task</td><td>The previous task in the sequence for chaining.</td></tr></tbody></table><p><strong>Outputs</strong></p><table><thead><tr><th>Name</th><th>Display Name</th><th>Info</th></tr></thead><tbody><tr><td>task_output</td><td>Sequential Task</td><td>The list of SequentialTask objects representing the created tasks.</td></tr></tbody></table></div></div></details>
<h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="sql-agent">SQL Agent<a href="#sql-agent" class="hash-link" aria-label="Direct link to SQL Agent" title="Direct link to SQL Agent"></a></h3>
<p>This component creates an agent for interacting with SQL databases.</p>
<details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary>Parameters</summary><div><div class="collapsibleContent_i85q"><p><strong>Inputs</strong></p><table><thead><tr><th>Name</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>llm</td><td>LanguageModel</td><td>The language model to use.</td></tr><tr><td>database</td><td>Database</td><td>The SQL database connection.</td></tr><tr><td>top_k</td><td>Integer</td><td>The number of results to return from a SELECT query.</td></tr><tr><td>use_tools</td><td>Boolean</td><td>This determines whether to use tools for query execution.</td></tr><tr><td>return_intermediate_steps</td><td>Boolean</td><td>This determines whether to return the agent&#x27;s intermediate steps.</td></tr><tr><td>max_iterations</td><td>Integer</td><td>The maximum number of iterations to run the agent.</td></tr><tr><td>max_execution_time</td><td>Integer</td><td>The maximum execution time in seconds.</td></tr><tr><td>early_stopping_method</td><td>String</td><td>The method to use for early stopping.</td></tr><tr><td>verbose</td><td>Boolean</td><td>This determines whether to print the agent&#x27;s thoughts.</td></tr></tbody></table><p><strong>Outputs</strong></p><table><thead><tr><th>Name</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>agent</td><td>AgentExecutor</td><td>The SQL agent instance.</td></tr></tbody></table></div></div></details>
<h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="tool-calling-agent">Tool Calling Agent<a href="#tool-calling-agent" class="hash-link" aria-label="Direct link to Tool Calling Agent" title="Direct link to Tool Calling Agent"></a></h3>
<p>This component creates an agent for structured tool calling with various language models.</p>
<details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary>Parameters</summary><div><div class="collapsibleContent_i85q"><p><strong>Inputs</strong></p><table><thead><tr><th>Name</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>llm</td><td>LanguageModel</td><td>The language model to use.</td></tr><tr><td>tools</td><td>List[Tool]</td><td>The list of tools available to the agent.</td></tr><tr><td>system_message</td><td>String</td><td>The system message to use for the agent.</td></tr><tr><td>return_intermediate_steps</td><td>Boolean</td><td>This determines whether to return the agent&#x27;s intermediate steps.</td></tr><tr><td>max_iterations</td><td>Integer</td><td>The maximum number of iterations to run the agent.</td></tr><tr><td>max_execution_time</td><td>Integer</td><td>The maximum execution time in seconds.</td></tr><tr><td>early_stopping_method</td><td>String</td><td>The method to use for early stopping.</td></tr><tr><td>verbose</td><td>Boolean</td><td>This determines whether to print the agent&#x27;s thoughts.</td></tr></tbody></table><p><strong>Outputs</strong></p><table><thead><tr><th>Name</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>agent</td><td>AgentExecutor</td><td>The tool calling agent instance.</td></tr></tbody></table></div></div></details>
<h3 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="xml-agent">XML Agent<a href="#xml-agent" class="hash-link" aria-label="Direct link to XML Agent" title="Direct link to XML Agent"></a></h3>
<p>This component creates an XML Agent using LangChain.</p>
<p>The agent uses XML formatting for tool instructions to the Language Model.</p>
<details class="details_lb9f alert alert--info details_b_Ee" data-collapsed="true"><summary>Parameters</summary><div><div class="collapsibleContent_i85q"><p><strong>Inputs</strong></p><table><thead><tr><th>Name</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>llm</td><td>LanguageModel</td><td>The language model to use for the agent.</td></tr><tr><td>user_prompt</td><td>String</td><td>The custom prompt template for the agent with XML formatting instructions.</td></tr><tr><td>tools</td><td>List[Tool]</td><td>The list of tools available to the agent.</td></tr></tbody></table><p><strong>Outputs</strong></p><table><thead><tr><th>Name</th><th>Type</th><th>Description</th></tr></thead><tbody><tr><td>agent</td><td>AgentExecutor</td><td>The XML Agent instance.</td></tr></tbody></table></div></div></details></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/concepts-voice-mode"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Voice mode</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/components-bundle-components"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Bundles</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#use-an-agent-in-a-flow" class="table-of-contents__link toc-highlight">Use an agent in a flow</a></li><li><a href="#agent-component" class="table-of-contents__link toc-highlight">Agent component</a></li><li><a href="#legacy-components" class="table-of-contents__link toc-highlight">Legacy components</a><ul><li><a href="#json-agent" class="table-of-contents__link toc-highlight">JSON Agent</a></li><li><a href="#vector-store-agent" class="table-of-contents__link toc-highlight">Vector Store Agent</a></li><li><a href="#vector-store-router-agent" class="table-of-contents__link toc-highlight">Vector Store Router Agent</a></li></ul></li><li><a href="#moved-components" class="table-of-contents__link toc-highlight">Moved components</a><ul><li><a href="#crewai-agent" class="table-of-contents__link toc-highlight">CrewAI Agent</a></li><li><a href="#hierarchical-crew" class="table-of-contents__link toc-highlight">Hierarchical Crew</a></li><li><a href="#csv-agent" class="table-of-contents__link toc-highlight">CSV Agent</a></li><li><a href="#openai-tools-agent" class="table-of-contents__link toc-highlight">OpenAI Tools Agent</a></li><li><a href="#openapi-agent" class="table-of-contents__link toc-highlight">OpenAPI Agent</a></li><li><a href="#sequential-crew" class="table-of-contents__link toc-highlight">Sequential Crew</a></li><li><a href="#sequential-task-agent" class="table-of-contents__link toc-highlight">Sequential task agent</a></li><li><a href="#sql-agent" class="table-of-contents__link toc-highlight">SQL Agent</a></li><li><a href="#tool-calling-agent" class="table-of-contents__link toc-highlight">Tool Calling Agent</a></li><li><a href="#xml-agent" class="table-of-contents__link toc-highlight">XML Agent</a></li></ul></li></ul></div></div></div></div></main></div></div></div><footer class="footer"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title"></div><ul class="footer__items clean-list"><li class="footer__item"><div class="footer-links">
<span>© 2025 Langflow</span>
<span id="preferenceCenterContainer"> ·&nbsp; <a href="https://langflow.org/preferences">Manage Privacy Choices</a></span>
</div></li></ul></div></div><div class="footer__bottom text--center"><div class="margin-bottom--sm"><img src="/img/lf-docs-light.svg" alt="Langflow" class="footer__logo themedComponent_mlkZ themedComponent--light_NVdE" width="160" height="40"><img src="/img/lf-docs-dark.svg" alt="Langflow" class="footer__logo themedComponent_mlkZ themedComponent--dark_xIcU" width="160" height="40"></div></div></div></footer><div style="position:fixed;right:20px;bottom:20px;z-index:100;display:flex;align-items:center;gap:10px;cursor:pointer"><div style="background-color:#f6f6f6;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,0.1)"><img src="/img/langflow-icon-black-transparent.svg" style="width:40px" alt="Search"></div></div></div>
</body>
</html>