diff --git a/365085a8-a90a-43f9-a779-f8769ec7eca1.html b/365085a8-a90a-43f9-a779-f8769ec7eca1.html index baad264841..1d66da285b 100644 --- a/365085a8-a90a-43f9-a779-f8769ec7eca1.html +++ b/365085a8-a90a-43f9-a779-f8769ec7eca1.html @@ -7,7 +7,7 @@ - + diff --git a/404.html b/404.html index 05069b2b5d..2667d83d92 100644 --- a/404.html +++ b/404.html @@ -7,7 +7,7 @@ - + diff --git a/assets/js/0575dfc8.c5a0cbd4.js b/assets/js/0575dfc8.14333352.js similarity index 95% rename from assets/js/0575dfc8.c5a0cbd4.js rename to assets/js/0575dfc8.14333352.js index ba4f58a918..d1d94984a8 100644 --- a/assets/js/0575dfc8.c5a0cbd4.js +++ b/assets/js/0575dfc8.14333352.js @@ -1 +1 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[2005],{3112:(e,n,i)=>{i.r(n),i.d(n,{CH:()=>c,assets:()=>d,chCodeConfig:()=>h,contentTitle:()=>s,default:()=>A,frontMatter:()=>o,metadata:()=>a,toc:()=>b});var l=i(4848),r=i(8453),t=i(4754);const o={title:"Global Variables",sidebar_position:0,slug:"/settings-global-variables"},s=void 0,a={id:"Settings/settings-global-variables",title:"Global Variables",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/Settings/settings-global-variables.md",sourceDirName:"Settings",slug:"/settings-global-variables",permalink:"/settings-global-variables",draft:!1,unlisted:!1,tags:[],version:"current",sidebarPosition:0,frontMatter:{title:"Global Variables",sidebar_position:0,slug:"/settings-global-variables"},sidebar:"defaultSidebar",previous:{title:"Railway",permalink:"/deployment-railway"},next:{title:"Project & General Settings",permalink:"/settings-project-general-settings"}},d={},c={annotations:t.hk,InlineCode:t.R0},h={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},b=[{value:"Create and Add a Global Variable",id:"3543d5ef00eb453aa459b97ba85501e5",level:3},{value:"Configure Environment Variables in your .env file",id:"76844a93dbbc4d1ba551ea1a4a89ccdd",level:3}];function g(e){const n={admonition:"admonition",code:"code",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",reactplayer:"reactplayer",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return c||x("CH",!1),c.InlineCode||x("CH.InlineCode",!0),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n",(0,l.jsx)(n.p,{children:'import ReactPlayer from "react-player";'}),"\n",(0,l.jsx)(n.admonition,{type:"info",children:(0,l.jsx)(n.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,l.jsx)(n.p,{children:"Global Variables are a useful feature of Langflow, allowing you to define reusable variables accessed from any Text field in your project."}),"\n",(0,l.jsx)(n.p,{children:(0,l.jsx)(n.strong,{children:"TL;DR"})}),"\n",(0,l.jsxs)(n.ul,{children:["\n",(0,l.jsx)(n.li,{children:"Global Variables are reusable variables accessible from any Text field in your project."}),"\n",(0,l.jsxs)(n.li,{children:["To create one, click the \ud83c\udf10 button in a Text field and then ",(0,l.jsx)(n.strong,{children:"+ Add New Variable"}),"."]}),"\n",(0,l.jsxs)(n.li,{children:["Define the ",(0,l.jsx)(n.strong,{children:"Name"}),", ",(0,l.jsx)(n.strong,{children:"Type"}),", and ",(0,l.jsx)(n.strong,{children:"Value"})," of the variable."]}),"\n",(0,l.jsxs)(n.li,{children:["Click ",(0,l.jsx)(n.strong,{children:"Save Variable"})," to create it."]}),"\n",(0,l.jsx)(n.li,{children:"All Credential Global Variables are encrypted and accessible only by you."}),"\n",(0,l.jsxs)(n.li,{children:["Set ",(0,l.jsx)(c.InlineCode,{codeConfig:h,code:{lines:[{tokens:[{content:"LANGFLOW_STORE_ENVIRONMENT_VARIABLES",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"LANGFLOW_STORE_ENVIRONMENT_VARIABLES"})," to ",(0,l.jsx)(c.InlineCode,{codeConfig:h,code:{lines:[{tokens:[{content:"true",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"true"})," in your ",(0,l.jsx)(n.code,{children:".env"})," file to add all variables in ",(0,l.jsx)(c.InlineCode,{codeConfig:h,code:{lines:[{tokens:[{content:"LANGFLOW_VARIABLES_TO_GET_FROM_ENVIRONMENT",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"LANGFLOW_VARIABLES_TO_GET_FROM_ENVIRONMENT"})," to your user's Global Variables."]}),"\n"]}),"\n",(0,l.jsx)(n.h3,{id:"3543d5ef00eb453aa459b97ba85501e5",children:"Create and Add a Global Variable"}),"\n",(0,l.jsxs)(n.p,{children:["To create and add a global variable, click the \ud83c\udf10 button in a Text field, and then click ",(0,l.jsx)(n.strong,{children:"+ Add New Variable"}),"."]}),"\n",(0,l.jsx)(n.p,{children:"Text fields are where you write text without opening a Text area, and are identified with the \ud83c\udf10 icon."}),"\n",(0,l.jsxs)(n.p,{children:["For example, to create an environment variable for the ",(0,l.jsx)(n.strong,{children:"OpenAI"})," component:"]}),"\n",(0,l.jsxs)(n.ol,{children:["\n",(0,l.jsxs)(n.li,{children:["In the ",(0,l.jsx)(n.strong,{children:"OpenAI API Key"})," text field, click the \ud83c\udf10 button, then ",(0,l.jsx)(n.strong,{children:"Add New Variable"}),"."]}),"\n",(0,l.jsxs)(n.li,{children:["Enter ",(0,l.jsx)(n.code,{children:"openai_api_key"})," in the ",(0,l.jsx)(n.strong,{children:"Variable Name"})," field."]}),"\n",(0,l.jsxs)(n.li,{children:["Paste your OpenAI API Key (",(0,l.jsx)(n.code,{children:"sk-..."}),") in the ",(0,l.jsx)(n.strong,{children:"Value"})," field."]}),"\n",(0,l.jsxs)(n.li,{children:["Select ",(0,l.jsx)(n.strong,{children:"Credential"})," for the ",(0,l.jsx)(n.strong,{children:"Type"}),"."]}),"\n",(0,l.jsxs)(n.li,{children:["Choose ",(0,l.jsx)(n.strong,{children:"OpenAI API Key"})," in the ",(0,l.jsx)(n.strong,{children:"Apply to Fields"})," field to apply this variable to all fields named ",(0,l.jsx)(n.strong,{children:"OpenAI API Key"}),"."]}),"\n",(0,l.jsxs)(n.li,{children:["Click ",(0,l.jsx)(n.strong,{children:"Save Variable"}),"."]}),"\n"]}),"\n",(0,l.jsxs)(n.p,{children:["You now have a ",(0,l.jsx)(n.code,{children:"openai_api_key"})," global environment variable for your Langflow project.\nSubsequently, clicking the \ud83c\udf10 button in a Text field will display the new variable in the dropdown."]}),"\n",(0,l.jsx)(n.admonition,{type:"tip",children:(0,l.jsx)(n.p,{children:"You can also create global variables in Settings > Variables and Secrets."})}),"\n",(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{src:i(4730).A+"",width:"1236",height:"1240"})}),"\n",(0,l.jsxs)(n.p,{children:["To view and manage your project's global environment variables, visit ",(0,l.jsx)(n.strong,{children:"Settings"})," > ",(0,l.jsx)(n.strong,{children:"Variables and Secrets"}),"."]}),"\n",(0,l.jsx)(n.h3,{id:"76844a93dbbc4d1ba551ea1a4a89ccdd",children:"Configure Environment Variables in your .env file"}),"\n",(0,l.jsxs)(n.p,{children:["Setting ",(0,l.jsx)(n.code,{children:"LANGFLOW_STORE_ENVIRONMENT_VARIABLES"})," to ",(0,l.jsx)(n.code,{children:"true"})," in your ",(0,l.jsx)(n.code,{children:".env"})," file (default) adds all variables in ",(0,l.jsx)(n.code,{children:"LANGFLOW_VARIABLES_TO_GET_FROM_ENVIRONMENT"})," to your user's Global Variables."]}),"\n",(0,l.jsx)(n.p,{children:"These variables are accessible like any other Global Variable."}),"\n",(0,l.jsx)(n.admonition,{type:"info",children:(0,l.jsxs)(n.p,{children:["To prevent this behavior, set ",(0,l.jsx)(n.code,{children:"LANGFLOW_STORE_ENVIRONMENT_VARIABLES"})," to ",(0,l.jsx)(n.code,{children:"false"})," in your ",(0,l.jsx)(n.code,{children:".env"})," file."]})}),"\n",(0,l.jsxs)(n.p,{children:["You can specify variables to get from the environment by listing them in ",(0,l.jsx)(n.code,{children:"LANGFLOW_VARIABLES_TO_GET_FROM_ENVIRONMENT"}),"."]}),"\n",(0,l.jsxs)(n.p,{children:["Specify variables as a comma-separated list (e.g., ",(0,l.jsx)(c.InlineCode,{codeConfig:h,code:{lines:[{tokens:[{content:'"VARIABLE1, VARIABLE2"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"VARIABLE1, VARIABLE2"'}),") or a JSON-encoded string (e.g., ",(0,l.jsx)(c.InlineCode,{codeConfig:h,code:{lines:[{tokens:[{content:'\'["VARIABLE1", "VARIABLE2"]\'',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'\'["VARIABLE1", "VARIABLE2"]\''}),")."]}),"\n",(0,l.jsx)(n.p,{children:"The default list of variables includes the ones below and more:"}),"\n",(0,l.jsxs)(n.ul,{children:["\n",(0,l.jsx)(n.li,{children:"ANTHROPIC_API_KEY"}),"\n",(0,l.jsx)(n.li,{children:"ASTRA_DB_API_ENDPOINT"}),"\n",(0,l.jsx)(n.li,{children:"ASTRA_DB_APPLICATION_TOKEN"}),"\n",(0,l.jsx)(n.li,{children:"AZURE_OPENAI_API_KEY"}),"\n",(0,l.jsx)(n.li,{children:"AZURE_OPENAI_API_DEPLOYMENT_NAME"}),"\n",(0,l.jsx)(n.li,{children:"AZURE_OPENAI_API_EMBEDDINGS_DEPLOYMENT_NAME"}),"\n",(0,l.jsx)(n.li,{children:"AZURE_OPENAI_API_INSTANCE_NAME"}),"\n",(0,l.jsx)(n.li,{children:"AZURE_OPENAI_API_VERSION"}),"\n",(0,l.jsx)(n.li,{children:"COHERE_API_KEY"}),"\n",(0,l.jsx)(n.li,{children:"GOOGLE_API_KEY"}),"\n",(0,l.jsx)(n.li,{children:"GROQ_API_KEY"}),"\n",(0,l.jsx)(n.li,{children:"HUGGINGFACEHUB_API_TOKEN"}),"\n",(0,l.jsx)(n.li,{children:"OPENAI_API_KEY"}),"\n",(0,l.jsx)(n.li,{children:"PINECONE_API_KEY"}),"\n",(0,l.jsx)(n.li,{children:"SEARCHAPI_API_KEY"}),"\n",(0,l.jsx)(n.li,{children:"SERPAPI_API_KEY"}),"\n",(0,l.jsx)(n.li,{children:"UPSTASH_VECTOR_REST_URL"}),"\n",(0,l.jsx)(n.li,{children:"UPSTASH_VECTOR_REST_TOKEN"}),"\n",(0,l.jsx)(n.li,{children:"VECTARA_CUSTOMER_ID"}),"\n",(0,l.jsx)(n.li,{children:"VECTARA_CORPUS_ID"}),"\n",(0,l.jsx)(n.li,{children:"VECTARA_API_KEY"}),"\n"]}),"\n",(0,l.jsx)(n.reactplayer,{controls:!0,url:"https://prod-files-secure.s3.us-west-2.amazonaws.com/09f11537-5a5b-4f56-9e8d-de8ebcfae549/7030d3ff-3ecd-44db-8640-9c2295b4e3bc/langflow_global_variables.mp4?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240717%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240717T013013Z&X-Amz-Expires=3600&X-Amz-Signature=a4e71525118033ce6e84c7938703b0656c42333b0788afe460cc8343441e7f24&X-Amz-SignedHeaders=host&x-id=GetObject",children:"\n"})]})}function A(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,l.jsx)(n,{...e,children:(0,l.jsx)(g,{...e})}):g(e)}function x(e,n){throw new Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}},4730:(e,n,i)=>{i.d(n,{A:()=>l});const l=i.p+"assets/images/418277339-098b93e44d60be390c71469029fb4910.png"}}]); \ No newline at end of file +"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[2005],{3112:(e,n,i)=>{i.r(n),i.d(n,{CH:()=>c,assets:()=>d,chCodeConfig:()=>h,contentTitle:()=>o,default:()=>A,frontMatter:()=>a,metadata:()=>s,toc:()=>b});var l=i(4848),r=i(8453),t=i(4754);const a={title:"Global Variables",sidebar_position:0,slug:"/settings-global-variables"},o=void 0,s={id:"Settings/settings-global-variables",title:"Global Variables",description:"This page may contain outdated information. It will be updated as soon as possible.",source:"@site/docs/Settings/settings-global-variables.md",sourceDirName:"Settings",slug:"/settings-global-variables",permalink:"/settings-global-variables",draft:!1,unlisted:!1,tags:[],version:"current",sidebarPosition:0,frontMatter:{title:"Global Variables",sidebar_position:0,slug:"/settings-global-variables"},sidebar:"defaultSidebar",previous:{title:"Railway",permalink:"/deployment-railway"},next:{title:"Project & General Settings",permalink:"/settings-project-general-settings"}},d={},c={annotations:t.hk,InlineCode:t.R0},h={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},b=[{value:"Create and Add a Global Variable",id:"3543d5ef00eb453aa459b97ba85501e5",level:3},{value:"Configure Environment Variables in your .env file",id:"76844a93dbbc4d1ba551ea1a4a89ccdd",level:3}];function g(e){const n={admonition:"admonition",code:"code",h3:"h3",img:"img",li:"li",ol:"ol",p:"p",reactplayer:"reactplayer",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return c||x("CH",!1),c.InlineCode||x("CH.InlineCode",!0),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n",(0,l.jsx)(n.p,{children:'import ReactPlayer from "react-player";'}),"\n",(0,l.jsx)(n.admonition,{type:"info",children:(0,l.jsx)(n.p,{children:"This page may contain outdated information. It will be updated as soon as possible."})}),"\n",(0,l.jsx)(n.p,{children:"Global Variables are a useful feature of Langflow, allowing you to define reusable variables accessed from any Text field in your project."}),"\n",(0,l.jsx)(n.p,{children:(0,l.jsx)(n.strong,{children:"TL;DR"})}),"\n",(0,l.jsxs)(n.ul,{children:["\n",(0,l.jsx)(n.li,{children:"Global Variables are reusable variables accessible from any Text field in your project."}),"\n",(0,l.jsxs)(n.li,{children:["To create one, click the \ud83c\udf10 button in a Text field and then ",(0,l.jsx)(n.strong,{children:"+ Add New Variable"}),"."]}),"\n",(0,l.jsxs)(n.li,{children:["Define the ",(0,l.jsx)(n.strong,{children:"Name"}),", ",(0,l.jsx)(n.strong,{children:"Type"}),", and ",(0,l.jsx)(n.strong,{children:"Value"})," of the variable."]}),"\n",(0,l.jsxs)(n.li,{children:["Click ",(0,l.jsx)(n.strong,{children:"Save Variable"})," to create it."]}),"\n",(0,l.jsx)(n.li,{children:"All Credential Global Variables are encrypted and accessible only by you."}),"\n",(0,l.jsxs)(n.li,{children:["Set ",(0,l.jsx)(c.InlineCode,{codeConfig:h,code:{lines:[{tokens:[{content:"LANGFLOW_STORE_ENVIRONMENT_VARIABLES",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"LANGFLOW_STORE_ENVIRONMENT_VARIABLES"})," to ",(0,l.jsx)(c.InlineCode,{codeConfig:h,code:{lines:[{tokens:[{content:"true",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"true"})," in your ",(0,l.jsx)(n.code,{children:".env"})," file to add all variables in ",(0,l.jsx)(c.InlineCode,{codeConfig:h,code:{lines:[{tokens:[{content:"LANGFLOW_VARIABLES_TO_GET_FROM_ENVIRONMENT",props:{style:{color:"#79C0FF"}}}]}],lang:"jsx"},children:"LANGFLOW_VARIABLES_TO_GET_FROM_ENVIRONMENT"})," to your user's Global Variables."]}),"\n"]}),"\n",(0,l.jsx)(n.h3,{id:"3543d5ef00eb453aa459b97ba85501e5",children:"Create and Add a Global Variable"}),"\n",(0,l.jsxs)(n.p,{children:["To create and add a global variable, click the \ud83c\udf10 button in a Text field, and then click ",(0,l.jsx)(n.strong,{children:"+ Add New Variable"}),"."]}),"\n",(0,l.jsx)(n.p,{children:"Text fields are where you write text without opening a Text area, and are identified with the \ud83c\udf10 icon."}),"\n",(0,l.jsxs)(n.p,{children:["For example, to create an environment variable for the ",(0,l.jsx)(n.strong,{children:"OpenAI"})," component:"]}),"\n",(0,l.jsxs)(n.ol,{children:["\n",(0,l.jsxs)(n.li,{children:["In the ",(0,l.jsx)(n.strong,{children:"OpenAI API Key"})," text field, click the \ud83c\udf10 button, then ",(0,l.jsx)(n.strong,{children:"Add New Variable"}),"."]}),"\n",(0,l.jsxs)(n.li,{children:["Enter ",(0,l.jsx)(n.code,{children:"openai_api_key"})," in the ",(0,l.jsx)(n.strong,{children:"Variable Name"})," field."]}),"\n",(0,l.jsxs)(n.li,{children:["Paste your OpenAI API Key (",(0,l.jsx)(n.code,{children:"sk-..."}),") in the ",(0,l.jsx)(n.strong,{children:"Value"})," field."]}),"\n",(0,l.jsxs)(n.li,{children:["Select ",(0,l.jsx)(n.strong,{children:"Credential"})," for the ",(0,l.jsx)(n.strong,{children:"Type"}),"."]}),"\n",(0,l.jsxs)(n.li,{children:["Choose ",(0,l.jsx)(n.strong,{children:"OpenAI API Key"})," in the ",(0,l.jsx)(n.strong,{children:"Apply to Fields"})," field to apply this variable to all fields named ",(0,l.jsx)(n.strong,{children:"OpenAI API Key"}),"."]}),"\n",(0,l.jsxs)(n.li,{children:["Click ",(0,l.jsx)(n.strong,{children:"Save Variable"}),"."]}),"\n"]}),"\n",(0,l.jsxs)(n.p,{children:["You now have a ",(0,l.jsx)(n.code,{children:"openai_api_key"})," global environment variable for your Langflow project.\nSubsequently, clicking the \ud83c\udf10 button in a Text field will display the new variable in the dropdown."]}),"\n",(0,l.jsx)(n.admonition,{type:"tip",children:(0,l.jsx)(n.p,{children:"You can also create global variables in Settings > Variables and Secrets."})}),"\n",(0,l.jsx)(n.p,{children:(0,l.jsx)(n.img,{src:i(4730).A+"",width:"1236",height:"1240"})}),"\n",(0,l.jsxs)(n.p,{children:["To view and manage your project's global environment variables, visit ",(0,l.jsx)(n.strong,{children:"Settings"})," > ",(0,l.jsx)(n.strong,{children:"Variables and Secrets"}),"."]}),"\n",(0,l.jsx)(n.h3,{id:"76844a93dbbc4d1ba551ea1a4a89ccdd",children:"Configure Environment Variables in your .env file"}),"\n",(0,l.jsxs)(n.p,{children:["Setting ",(0,l.jsx)(n.code,{children:"LANGFLOW_STORE_ENVIRONMENT_VARIABLES"})," to ",(0,l.jsx)(n.code,{children:"true"})," in your ",(0,l.jsx)(n.code,{children:".env"})," file (default) adds all variables in ",(0,l.jsx)(n.code,{children:"LANGFLOW_VARIABLES_TO_GET_FROM_ENVIRONMENT"})," to your user's Global Variables."]}),"\n",(0,l.jsx)(n.p,{children:"These variables are accessible like any other Global Variable."}),"\n",(0,l.jsx)(n.admonition,{type:"info",children:(0,l.jsxs)(n.p,{children:["To prevent this behavior, set ",(0,l.jsx)(n.code,{children:"LANGFLOW_STORE_ENVIRONMENT_VARIABLES"})," to ",(0,l.jsx)(n.code,{children:"false"})," in your ",(0,l.jsx)(n.code,{children:".env"})," file."]})}),"\n",(0,l.jsxs)(n.p,{children:["You can specify variables to get from the environment by listing them in ",(0,l.jsx)(n.code,{children:"LANGFLOW_VARIABLES_TO_GET_FROM_ENVIRONMENT"}),"."]}),"\n",(0,l.jsxs)(n.p,{children:["Specify variables as a comma-separated list (e.g., ",(0,l.jsx)(c.InlineCode,{codeConfig:h,code:{lines:[{tokens:[{content:'"VARIABLE1, VARIABLE2"',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'"VARIABLE1, VARIABLE2"'}),") or a JSON-encoded string (e.g., ",(0,l.jsx)(c.InlineCode,{codeConfig:h,code:{lines:[{tokens:[{content:'\'["VARIABLE1", "VARIABLE2"]\'',props:{style:{color:"#A5D6FF"}}}]}],lang:"jsx"},children:'\'["VARIABLE1", "VARIABLE2"]\''}),")."]}),"\n",(0,l.jsx)(n.p,{children:"The default list of variables includes the ones below and more:"}),"\n",(0,l.jsxs)(n.ul,{children:["\n",(0,l.jsx)(n.li,{children:"ANTHROPIC_API_KEY"}),"\n",(0,l.jsx)(n.li,{children:"ASTRA_DB_API_ENDPOINT"}),"\n",(0,l.jsx)(n.li,{children:"ASTRA_DB_APPLICATION_TOKEN"}),"\n",(0,l.jsx)(n.li,{children:"AZURE_OPENAI_API_KEY"}),"\n",(0,l.jsx)(n.li,{children:"AZURE_OPENAI_API_DEPLOYMENT_NAME"}),"\n",(0,l.jsx)(n.li,{children:"AZURE_OPENAI_API_EMBEDDINGS_DEPLOYMENT_NAME"}),"\n",(0,l.jsx)(n.li,{children:"AZURE_OPENAI_API_INSTANCE_NAME"}),"\n",(0,l.jsx)(n.li,{children:"AZURE_OPENAI_API_VERSION"}),"\n",(0,l.jsx)(n.li,{children:"COHERE_API_KEY"}),"\n",(0,l.jsx)(n.li,{children:"GOOGLE_API_KEY"}),"\n",(0,l.jsx)(n.li,{children:"GROQ_API_KEY"}),"\n",(0,l.jsx)(n.li,{children:"HUGGINGFACEHUB_API_TOKEN"}),"\n",(0,l.jsx)(n.li,{children:"OPENAI_API_KEY"}),"\n",(0,l.jsx)(n.li,{children:"PINECONE_API_KEY"}),"\n",(0,l.jsx)(n.li,{children:"SEARCHAPI_API_KEY"}),"\n",(0,l.jsx)(n.li,{children:"SERPAPI_API_KEY"}),"\n",(0,l.jsx)(n.li,{children:"UPSTASH_VECTOR_REST_URL"}),"\n",(0,l.jsx)(n.li,{children:"UPSTASH_VECTOR_REST_TOKEN"}),"\n",(0,l.jsx)(n.li,{children:"VECTARA_CUSTOMER_ID"}),"\n",(0,l.jsx)(n.li,{children:"VECTARA_CORPUS_ID"}),"\n",(0,l.jsx)(n.li,{children:"VECTARA_API_KEY"}),"\n"]}),"\n",(0,l.jsx)(n.reactplayer,{controls:!0,url:"https://prod-files-secure.s3.us-west-2.amazonaws.com/09f11537-5a5b-4f56-9e8d-de8ebcfae549/7030d3ff-3ecd-44db-8640-9c2295b4e3bc/langflow_global_variables.mp4?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240724%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240724T163322Z&X-Amz-Expires=3600&X-Amz-Signature=0c6c4dd0bbaf21f7d8eca90ffbfd03f5aa27a884ba4c59022bff28b34fe6059e&X-Amz-SignedHeaders=host&x-id=GetObject",children:"\n"})]})}function A(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,l.jsx)(n,{...e,children:(0,l.jsx)(g,{...e})}):g(e)}function x(e,n){throw new Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}},4730:(e,n,i)=>{i.d(n,{A:()=>l});const l=i.p+"assets/images/418277339-098b93e44d60be390c71469029fb4910.png"}}]); \ No newline at end of file diff --git a/assets/js/23d0e682.012d4c57.js b/assets/js/23d0e682.b522434a.js similarity index 97% rename from assets/js/23d0e682.012d4c57.js rename to assets/js/23d0e682.b522434a.js index b06b453fa5..e767f1571e 100644 --- a/assets/js/23d0e682.012d4c57.js +++ b/assets/js/23d0e682.b522434a.js @@ -1 +1 @@ -"use strict";(self.webpackChunklangflow_docs=self.webpackChunklangflow_docs||[]).push([[9461],{6459:(e,t,n)=>{n.r(t),n.d(t,{CH:()=>a,assets:()=>i,chCodeConfig:()=>h,contentTitle:()=>l,default:()=>x,frontMatter:()=>c,metadata:()=>d,toc:()=>p});var o=n(4848),s=n(8453),r=n(4754);const c={title:"API",sidebar_position:2,slug:"/workspace-api"},l=void 0,d={id:"Workspace/workspace-api",title:"API",description:"The\xa0API\xa0section presents code templates for integrating your flow into external applications.",source:"@site/docs/Workspace/workspace-api.md",sourceDirName:"Workspace",slug:"/workspace-api",permalink:"/workspace-api",draft:!1,unlisted:!1,tags:[],version:"current",sidebarPosition:2,frontMatter:{title:"API",sidebar_position:2,slug:"/workspace-api"},sidebar:"defaultSidebar",previous:{title:"Playground",permalink:"/workspace-playground"},next:{title:"Logs",permalink:"/workspace-logs"}},i={},a={annotations:r.hk,Code:r.Cy},h={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:!0,showCopyButton:!0,themeName:"github-dark"},p=[{value:"cURL",id:"4eb287a8424349c4b0b436a6703de5f3",level:3},{value:"Python API",id:"fb7db14e6330418389562ef647aa2354",level:3},{value:"Python Code",id:"7af87438549b4972907ac310a4193067",level:3},{value:"Tweaks",id:"5680600063724590ac2302b4ddeea867",level:3},{value:"Chat Widget",id:"48f121a6cb3243979a341753da0c2700",level:2},{value:"Embed your flow into HTML",id:"6e84db2f2a0d451db6fa03c57e9bf9a4",level:3},{value:"Embed your flow with React",id:"fe5d3b1c42e74e4c84ebc9d1799b7665",level:3},{value:"Embed your flow with Angular",id:"4fd87355b9aa409894acfbb9e1497980",level:3},{value:"Chat Widget Configuration",id:"5ede4bbbd2ac43e29c90f3edb43cba58",level:2}];function u(e){const t={admonition:"admonition",code:"code",em:"em",h2:"h2",h3:"h3",hr:"hr",img:"img",li:"li",p:"p",reactplayer:"reactplayer",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",ul:"ul",...(0,s.R)(),...e.components};return a||j("CH",!1),a.Code||j("CH.Code",!0),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="github-dark"] { --ch-t-colorScheme: dark;--ch-t-foreground: #c9d1d9;--ch-t-background: #0d1117;--ch-t-lighter-inlineBackground: #0d1117e6;--ch-t-editor-background: #0d1117;--ch-t-editor-foreground: #c9d1d9;--ch-t-editor-lineHighlightBackground: #6e76811a;--ch-t-editor-rangeHighlightBackground: #ffffff0b;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #264F78;--ch-t-focusBorder: #1f6feb;--ch-t-tab-activeBackground: #0d1117;--ch-t-tab-activeForeground: #c9d1d9;--ch-t-tab-inactiveBackground: #010409;--ch-t-tab-inactiveForeground: #8b949e;--ch-t-tab-border: #30363d;--ch-t-tab-activeBorder: #0d1117;--ch-t-editorGroup-border: #30363d;--ch-t-editorGroupHeader-tabsBackground: #010409;--ch-t-editorLineNumber-foreground: #6e7681;--ch-t-input-background: #0d1117;--ch-t-input-foreground: #c9d1d9;--ch-t-input-border: #30363d;--ch-t-icon-foreground: #8b949e;--ch-t-sideBar-background: #010409;--ch-t-sideBar-foreground: #c9d1d9;--ch-t-sideBar-border: #30363d;--ch-t-list-activeSelectionBackground: #6e768166;--ch-t-list-activeSelectionForeground: #c9d1d9;--ch-t-list-hoverBackground: #6e76811a;--ch-t-list-hoverForeground: #c9d1d9; }'}}),"\n",(0,o.jsx)(t.p,{children:'import ReactPlayer from "react-player";'}),"\n",(0,o.jsxs)(t.p,{children:["The\xa0",(0,o.jsx)(t.strong,{children:"API"}),"\xa0section presents code templates for integrating your flow into external applications."]}),"\n",(0,o.jsx)(t.p,{children:(0,o.jsx)(t.img,{src:n(9065).A+"",width:"2656",height:"1494"})}),"\n",(0,o.jsx)(t.h3,{id:"4eb287a8424349c4b0b436a6703de5f3",children:"cURL"}),"\n",(0,o.jsxs)(t.p,{children:["The\xa0",(0,o.jsx)(t.strong,{children:"cURL"}),"\xa0tab displays sample code for posting a query to your flow. Modify the\xa0",(0,o.jsx)(t.code,{children:"input_value"}),"\xa0to change your input message. Copy the code and run it to post a query to your flow and get the result."]}),"\n",(0,o.jsx)(t.h3,{id:"fb7db14e6330418389562ef647aa2354",children:"Python API"}),"\n",(0,o.jsxs)(t.p,{children:["The\xa0",(0,o.jsx)(t.strong,{children:"Python API"}),"\xa0tab displays code to interact with your flow using the Python HTTP requests library."]}),"\n",(0,o.jsx)(t.h3,{id:"7af87438549b4972907ac310a4193067",children:"Python Code"}),"\n",(0,o.jsxs)(t.p,{children:["The\xa0",(0,o.jsx)(t.strong,{children:"Python Code"}),"\xa0tab displays code to interact with your flow's\xa0",(0,o.jsx)(t.code,{children:".json"}),"\xa0file using the Langflow runtime."]}),"\n",(0,o.jsx)(t.h3,{id:"5680600063724590ac2302b4ddeea867",children:"Tweaks"}),"\n",(0,o.jsxs)(t.p,{children:["The\xa0",(0,o.jsx)(t.strong,{children:"Tweaks"}),"\xa0tab displays the available parameters for your flow. Modifying the parameters changes the code parameters across all windows. For example, changing the\xa0",(0,o.jsx)(t.strong,{children:"Chat Input"}),"\xa0component's\xa0",(0,o.jsx)(t.code,{children:"input_value"}),"\xa0will change that value across all API calls."]}),"\n",(0,o.jsxs)(t.reactplayer,{controls:!0,url:"https://prod-files-secure.s3.us-west-2.amazonaws.com/09f11537-5a5b-4f56-9e8d-de8ebcfae549/d4b5f648-d99f-47cc-9ac6-986e1c32a71d/langflow_api.mp4?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240717%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240717T012917Z&X-Amz-Expires=3600&X-Amz-Signature=3b839bb021b03c6cc7ef005430c31e49c29a980bd2f2e1e8818fefb281b98e02&X-Amz-SignedHeaders=host&x-id=GetObject",children:["\n",(0,o.jsx)(t.h2,{id:"48f121a6cb3243979a341753da0c2700",children:"Chat Widget"}),"\n",(0,o.jsx)(t.hr,{}),"\n",(0,o.jsxs)(t.p,{children:["The\xa0",(0,o.jsx)(t.strong,{children:"Chat Widget HTML"}),"\xa0tab displays code that can be inserted in the\xa0",(0,o.jsx)(t.code,{children:""}),"\xa0of your HTML to interact with your flow."]}),"\n",(0,o.jsxs)(t.p,{children:["The\xa0",(0,o.jsx)(t.strong,{children:"Langflow Chat Widget"}),"\xa0is a powerful web component that enables communication with a Langflow project. This widget allows for a chat interface embedding, allowing the integration of Langflow into web applications effortlessly."]}),"\n",(0,o.jsx)(t.p,{children:"You can get the HTML code embedded with the chat by clicking the Code button at the Sidebar after building a flow."}),"\n",(0,o.jsx)(t.p,{children:"Clicking the Chat Widget HTML tab, you'll get the code to be inserted. Read below to learn how to use it with HTML, React and Angular."}),"\n",(0,o.jsx)(t.p,{children:(0,o.jsx)(t.img,{src:n(1056).A+"",width:"2974",height:"2006"})}),"\n",(0,o.jsx)(t.h3,{id:"6e84db2f2a0d451db6fa03c57e9bf9a4",children:"Embed your flow into HTML"}),"\n",(0,o.jsxs)(t.p,{children:["The Chat Widget can be embedded into any HTML page, inside a\xa0",(0,o.jsx)(t.code,{children:""}),"\xa0tag, as demonstrated in the video below."]}),"\n",(0,o.jsxs)(t.reactplayer,{controls:!0,url:"https://prod-files-secure.s3.us-west-2.amazonaws.com/09f11537-5a5b-4f56-9e8d-de8ebcfae549/01200476-f343-41e1-8be7-059250e0ce5e/langflow_widget.mp4?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240717%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240717T012917Z&X-Amz-Expires=3600&X-Amz-Signature=914e7a1e2f6b3cf8cac473e7e101d7647d8e3d135d520a8845b0be14b2cc08f2&X-Amz-SignedHeaders=host&x-id=GetObject",children:["\n",(0,o.jsx)(t.h3,{id:"fe5d3b1c42e74e4c84ebc9d1799b7665",children:"Embed your flow with React"}),"\n",(0,o.jsxs)(t.p,{children:["To embed the Chat Widget using React, insert this\xa0",(0,o.jsx)(t.code,{children:" - + diff --git a/components-data.html b/components-data.html index d4359b36a7..73bfa1eb7f 100644 --- a/components-data.html +++ b/components-data.html @@ -7,7 +7,7 @@ - + diff --git a/components-embedding-models.html b/components-embedding-models.html index cd513d1bd2..8d0a96608a 100644 --- a/components-embedding-models.html +++ b/components-embedding-models.html @@ -7,7 +7,7 @@ - + diff --git a/components-helpers.html b/components-helpers.html index d1e837d030..f68dc019ec 100644 --- a/components-helpers.html +++ b/components-helpers.html @@ -7,7 +7,7 @@ - + diff --git a/components-io.html b/components-io.html index eec7e163d7..3b60f65ff8 100644 --- a/components-io.html +++ b/components-io.html @@ -7,7 +7,7 @@ - + diff --git a/components-models.html b/components-models.html index 3fd5d736d2..f3e31d4e74 100644 --- a/components-models.html +++ b/components-models.html @@ -7,7 +7,7 @@ - + diff --git a/components-prompts.html b/components-prompts.html index 0ab624e553..33a0d25703 100644 --- a/components-prompts.html +++ b/components-prompts.html @@ -7,7 +7,7 @@ - + diff --git a/components-vector-stores.html b/components-vector-stores.html index 6515e8cf84..1c3afbcc37 100644 --- a/components-vector-stores.html +++ b/components-vector-stores.html @@ -7,7 +7,7 @@ - + diff --git a/components.html b/components.html index b0df9065f1..c631ac7a5f 100644 --- a/components.html +++ b/components.html @@ -7,7 +7,7 @@ - + diff --git a/configuration-api-keys.html b/configuration-api-keys.html index efec8ed1f8..922a708c05 100644 --- a/configuration-api-keys.html +++ b/configuration-api-keys.html @@ -7,7 +7,7 @@ - + diff --git a/configuration-authentication.html b/configuration-authentication.html index 23aa35c71c..bedecf28ba 100644 --- a/configuration-authentication.html +++ b/configuration-authentication.html @@ -7,7 +7,7 @@ - + diff --git a/configuration-backend-only.html b/configuration-backend-only.html index 45b5915002..b7225226ff 100644 --- a/configuration-backend-only.html +++ b/configuration-backend-only.html @@ -7,7 +7,7 @@ - + diff --git a/configuration-cli.html b/configuration-cli.html index ff795dceff..7932c6052f 100644 --- a/configuration-cli.html +++ b/configuration-cli.html @@ -7,7 +7,7 @@ - + diff --git a/contributing-community.html b/contributing-community.html index c5a2a005d7..c5f7d350a5 100644 --- a/contributing-community.html +++ b/contributing-community.html @@ -7,7 +7,7 @@ - + diff --git a/contributing-github-issues.html b/contributing-github-issues.html index 3c36db52e2..6ea949e28e 100644 --- a/contributing-github-issues.html +++ b/contributing-github-issues.html @@ -7,7 +7,7 @@ - + diff --git a/contributing-how-to-contribute.html b/contributing-how-to-contribute.html index ad2762936d..23268ac2a5 100644 --- a/contributing-how-to-contribute.html +++ b/contributing-how-to-contribute.html @@ -7,7 +7,7 @@ - + diff --git a/contributing-telemetry.html b/contributing-telemetry.html index 46347c226b..a6f294620f 100644 --- a/contributing-telemetry.html +++ b/contributing-telemetry.html @@ -7,7 +7,7 @@ - + diff --git a/deployment-docker.html b/deployment-docker.html index 747e0df4bd..927175d280 100644 --- a/deployment-docker.html +++ b/deployment-docker.html @@ -7,7 +7,7 @@ - + diff --git a/deployment-gcp.html b/deployment-gcp.html index e88f17c87b..8c856a4ef9 100644 --- a/deployment-gcp.html +++ b/deployment-gcp.html @@ -7,7 +7,7 @@ - + diff --git a/deployment-hugging-face-spaces.html b/deployment-hugging-face-spaces.html index cacbed233b..fdb8f90d04 100644 --- a/deployment-hugging-face-spaces.html +++ b/deployment-hugging-face-spaces.html @@ -7,7 +7,7 @@ - + diff --git a/deployment-kubernetes.html b/deployment-kubernetes.html index 8679e1100d..82ac695aae 100644 --- a/deployment-kubernetes.html +++ b/deployment-kubernetes.html @@ -7,7 +7,7 @@ - + diff --git a/deployment-railway.html b/deployment-railway.html index e09b68f8e8..3c7353e9f5 100644 --- a/deployment-railway.html +++ b/deployment-railway.html @@ -7,7 +7,7 @@ - + diff --git a/deployment-render.html b/deployment-render.html index 23d54658f7..a7d14d094b 100644 --- a/deployment-render.html +++ b/deployment-render.html @@ -7,7 +7,7 @@ - + diff --git a/getting-started-common-installation-issues.html b/getting-started-common-installation-issues.html index f0c3ec1c30..53d453417f 100644 --- a/getting-started-common-installation-issues.html +++ b/getting-started-common-installation-issues.html @@ -7,7 +7,7 @@ - + diff --git a/getting-started-installation.html b/getting-started-installation.html index 63c6d583b5..8bf0cbbef5 100644 --- a/getting-started-installation.html +++ b/getting-started-installation.html @@ -7,7 +7,7 @@ - + diff --git a/getting-started-quickstart.html b/getting-started-quickstart.html index 64e36d8f18..c4c5c17928 100644 --- a/getting-started-quickstart.html +++ b/getting-started-quickstart.html @@ -7,7 +7,7 @@ - + diff --git a/guides-chat-memory.html b/guides-chat-memory.html index 0b27bed503..fb7571e7a6 100644 --- a/guides-chat-memory.html +++ b/guides-chat-memory.html @@ -7,7 +7,7 @@ - + diff --git a/guides-data-message.html b/guides-data-message.html index fe07c8ef03..a59e15488d 100644 --- a/guides-data-message.html +++ b/guides-data-message.html @@ -7,7 +7,7 @@ - + diff --git a/guides-new-to-llms.html b/guides-new-to-llms.html index c9937ad314..8d06e88ba8 100644 --- a/guides-new-to-llms.html +++ b/guides-new-to-llms.html @@ -7,7 +7,7 @@ - + diff --git a/index.html b/index.html index 7fed097946..57005f446e 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ - + diff --git a/integrations-langsmith.html b/integrations-langsmith.html index d55999678a..a6f20c8b63 100644 --- a/integrations-langsmith.html +++ b/integrations-langsmith.html @@ -7,7 +7,7 @@ - + diff --git a/integrations-langwatch.html b/integrations-langwatch.html index 9d2dc31cab..c047b57dc2 100644 --- a/integrations-langwatch.html +++ b/integrations-langwatch.html @@ -7,7 +7,7 @@ - + @@ -17,7 +17,7 @@

To integrate with Langflow, just add your LangWatch API as a Langflow environment variable and you are good to go!

Step-by-step Configuration​

    -
  1. Obtain your LangWatch API key from https://app.langwatch.ai/
    2. +
  2. Obtain your LangWatch API key from https://app.langwatch.com/
  3. Add the following key to Langflow .env file:

_10
LANGWATCH_API_KEY="your-api-key"

diff --git a/settings-global-variables.html b/settings-global-variables.html index e9668f4991..5888db09bf 100644 --- a/settings-global-variables.html +++ b/settings-global-variables.html @@ -7,7 +7,7 @@ - + @@ -71,7 +71,7 @@ Subsequently, clicking the 🌐 button in a Text field will display the new vari
  • VECTARA_CORPUS_ID
  • VECTARA_API_KEY
    • - +

    Hi, how can I help you?

    \ No newline at end of file diff --git a/settings-project-general-settings.html b/settings-project-general-settings.html index 1a889bbc36..fe33d043b9 100644 --- a/settings-project-general-settings.html +++ b/settings-project-general-settings.html @@ -7,7 +7,7 @@ - + diff --git a/starter-projects-basic-prompting.html b/starter-projects-basic-prompting.html index 8516a2e03d..82647bb964 100644 --- a/starter-projects-basic-prompting.html +++ b/starter-projects-basic-prompting.html @@ -7,7 +7,7 @@ - + diff --git a/starter-projects-blog-writer.html b/starter-projects-blog-writer.html index e9b4fd4725..bf8c161a4c 100644 --- a/starter-projects-blog-writer.html +++ b/starter-projects-blog-writer.html @@ -7,7 +7,7 @@ - + diff --git a/starter-projects-document-qa.html b/starter-projects-document-qa.html index 9b1e7f4795..c917aa13a6 100644 --- a/starter-projects-document-qa.html +++ b/starter-projects-document-qa.html @@ -7,7 +7,7 @@ - + diff --git a/starter-projects-memory-chatbot.html b/starter-projects-memory-chatbot.html index 479a785b70..6f864dac36 100644 --- a/starter-projects-memory-chatbot.html +++ b/starter-projects-memory-chatbot.html @@ -7,7 +7,7 @@ - + diff --git a/starter-projects-vector-store-rag.html b/starter-projects-vector-store-rag.html index e5814a51e9..2b11d7cdf4 100644 --- a/starter-projects-vector-store-rag.html +++ b/starter-projects-vector-store-rag.html @@ -7,7 +7,7 @@ - + diff --git a/whats-new-a-new-chapter-langflow.html b/whats-new-a-new-chapter-langflow.html index 6a2ad28929..3685d1f890 100644 --- a/whats-new-a-new-chapter-langflow.html +++ b/whats-new-a-new-chapter-langflow.html @@ -7,7 +7,7 @@ - + diff --git a/workspace-api.html b/workspace-api.html index cc20ffdaed..2a725b27a0 100644 --- a/workspace-api.html +++ b/workspace-api.html @@ -7,7 +7,7 @@ - + @@ -23,7 +23,7 @@

    The Python Code tab displays code to interact with your flow's .json file using the Langflow runtime.

    Tweaks​

    The Tweaks tab displays the available parameters for your flow. Modifying the parameters changes the code parameters across all windows. For example, changing the Chat Input component's input_value will change that value across all API calls.

    - +

    Chat Widget​

    The Chat Widget HTML tab displays code that can be inserted in the <body> of your HTML to interact with your flow.

    @@ -33,7 +33,7 @@

    Embed your flow into HTML​

    The Chat Widget can be embedded into any HTML page, inside a <body> tag, as demonstrated in the video below.

    - +

    Embed your flow with React​

    To embed the Chat Widget using React, insert this <script> tag into the React index.html file, inside the <body>tag:


    _10
    <script src="https://cdn.jsdelivr.net/gh/langflow-ai/langflow-embedded-chat@main/dist/build/static/js/bundle.min.js"></script>

    diff --git a/workspace-logs.html b/workspace-logs.html index 56f3c396d8..0a2240ea1f 100644 --- a/workspace-logs.html +++ b/workspace-logs.html @@ -7,7 +7,7 @@ - + diff --git a/workspace-playground.html b/workspace-playground.html index 890c81684e..cc83efba13 100644 --- a/workspace-playground.html +++ b/workspace-playground.html @@ -7,7 +7,7 @@ - + @@ -17,7 +17,7 @@

    tip

    Notice how the Playground's window arrangement changes depending on what components are being used. Langflow can be used for applications that go beyond chat-based interfaces.

    You can also open a flow's Playground without entering its workspace. From My Collections or Langflow Store, click the Playground in one of the projects card.

    - +

    Memory Management​

    Whenever you send a message from the Playground interface, under the Memories Tab you'll see a table of previous interactions for that session.

    diff --git a/workspace.html b/workspace.html index a426f86367..5988eb54a8 100644 --- a/workspace.html +++ b/workspace.html @@ -7,7 +7,7 @@ - +