CINXE.COM

<!DOCTYPE html><html lang="en" class="h-full"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/a34f9d1faa5f3315-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/css/e289bb50f4733543.css" crossorigin="" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/f87fff2ab93d05a7.css" crossorigin="" data-precedence="next"/><link rel="preload" href="/_next/static/chunks/webpack-c5499290af612ab0.js" as="script" fetchPriority="low" crossorigin=""/><script src="/_next/static/chunks/fd9d1056-9f583d4450d833fd.js" async="" crossorigin=""></script><script src="/_next/static/chunks/7864-89868cf8d113930b.js" async="" crossorigin=""></script><script src="/_next/static/chunks/main-app-eaa9411e1157f9c6.js" async="" crossorigin=""></script><title>Chat LangChain</title><meta name="description" content="Chatbot for LangChain"/><meta name="next-size-adjust"/><script src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js" crossorigin="" noModule=""></script></head><body class="__className_d65c78 h-full"><div class="flex flex-col h-full w-full" style="background:rgb(38, 38, 41)"><main class="w-full h-full"><div class="overflow-hidden w-full flex md:flex-row flex-col relative"><div><span><div class="hidden md:flex flex-col w-[260px] h-full"><div class="flex-grow border-r-[1px] border-[#393939] my-6 flex flex-col overflow-hidden"><div class="flex flex-row items-center justify-between border-b-[1px] border-[#393939] pt-3 px-2 mx-4 -mt-4 text-gray-200"><p class="text-lg font-medium">Chat History</p></div><div class="overflow-y-auto flex-grow scrollbar-thin scrollbar-thumb-gray-600 scrollbar-track-transparent"><div class="flex flex-col px-3 pt-3 gap-4"></div></div></div></div><span class="md:hidden flex flex-row gap-2 mt-2 ml-2"><button class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground size-6 w-fit h-fit p-2" type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-:R1illa:" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-history w-6 h-6"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M12 7v5l4 2"></path></svg><span class="sr-only">New chat</span></button></span></span></div><div class="w-full h-full overflow-hidden"><div class="flex flex-col h-screen overflow-hidden w-full"><button class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 border border-input shadow-sm hover:bg-accent hover:text-accent-foreground size-6 p-1 absolute bottom-28 left-1/2 transform -translate-x-1/2 rounded-full disabled:invisible bg-white bg-opacity-75" type="button" disabled="" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-down text-gray-600 hover:text-gray-800 transition-colors ease-in-out"><path d="M12 5v14"></path><path d="m19 12-7 7-7-7"></path></svg><span class="sr-only">Scroll to bottom</span></button><div class="flex items-center justify-center flex-grow my-auto"><div class="flex flex-col items-center mx-4 md:mt-0 mt-24"><div class="flex flex-row gap-1 items-center justify-center"><p class="text-xl sm:text-2xl">Chat LangChain</p><img alt="LangChain Logo" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="rounded-3xl" style="color:transparent;width:auto;height:auto" srcSet="/_next/image?url=%2Fimages%2Flc_logo.jpg&w=32&q=75 1x, /_next/image?url=%2Fimages%2Flc_logo.jpg&w=64&q=75 2x" src="/_next/image?url=%2Fimages%2Flc_logo.jpg&w=64&q=75"/></div><div class="mb-4 sm:mb-[24px] mt-1 sm:mt-2"><button type="button" role="combobox" aria-controls="radix-:R2rlla:" aria-expanded="false" aria-autocomplete="none" dir="ltr" data-state="closed" class="flex h-9 items-center justify-between whitespace-nowrap rounded-md border bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 w-[180px] border-gray-600 text-gray-200"><span style="pointer-events:none"></span><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 opacity-50" aria-hidden="true"><path d="M4.93179 5.43179C4.75605 5.60753 4.75605 5.89245 4.93179 6.06819C5.10753 6.24392 5.39245 6.24392 5.56819 6.06819L7.49999 4.13638L9.43179 6.06819C9.60753 6.24392 9.89245 6.24392 10.0682 6.06819C10.2439 5.89245 10.2439 5.60753 10.0682 5.43179L7.81819 3.18179C7.73379 3.0974 7.61933 3.04999 7.49999 3.04999C7.38064 3.04999 7.26618 3.0974 7.18179 3.18179L4.93179 5.43179ZM10.0682 9.56819C10.2439 9.39245 10.2439 9.10753 10.0682 8.93179C9.89245 8.75606 9.60753 8.75606 9.43179 8.93179L7.49999 10.8636L5.56819 8.93179C5.39245 8.75606 5.10753 8.75606 4.93179 8.93179C4.75605 9.10753 4.75605 9.39245 4.93179 9.56819L7.18179 11.8182C7.35753 11.9939 7.64245 11.9939 7.81819 11.8182L10.0682 9.56819Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path></svg></button><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal"></select></div><div class="md:mb-8 mb-4"><div class="w-full grid grid-cols-1 sm:grid-cols-2 gap-4"><div class="rounded-xl border text-card-foreground shadow w-full bg-[#282828] border-gray-600 cursor-pointer transition-colors ease-in hover:bg-[#2b2b2b]"><h3 class="tracking-tight p-4 text-gray-200 font-normal text-sm">How do I use a RecursiveUrlLoader to load content from a page?</h3></div><div class="rounded-xl border text-card-foreground shadow w-full bg-[#282828] border-gray-600 cursor-pointer transition-colors ease-in hover:bg-[#2b2b2b]"><h3 class="tracking-tight p-4 text-gray-200 font-normal text-sm">How can I define the state schema for my LangGraph graph?</h3></div><div class="rounded-xl border text-card-foreground shadow w-full bg-[#282828] border-gray-600 cursor-pointer transition-colors ease-in hover:bg-[#2b2b2b]"><h3 class="tracking-tight p-4 text-gray-200 font-normal text-sm">How can I run a model locally on my laptop with Ollama?</h3></div><div class="rounded-xl border text-card-foreground shadow w-full bg-[#282828] border-gray-600 cursor-pointer transition-colors ease-in hover:bg-[#2b2b2b]"><h3 class="tracking-tight p-4 text-gray-200 font-normal text-sm">Explain RAG techniques and how LangGraph can implement them.</h3></div></div></div><form class="focus-within:border-aui-ring/20 flex items-center md:justify-left justify-center rounded-lg border px-2.5 py-2.5 shadow-sm transition-all duration-300 ease-in-out bg-[#282828] border-gray-600 w-full"><textarea name="input" placeholder="How can I..." rows="1" class="placeholder:text-gray-400 text-gray-100 max-h-40 flex-1 resize-none border-none bg-transparent px-2 py-2 text-sm outline-none focus:ring-0 disabled:cursor-not-allowed"></textarea><div class="flex-shrink-0"><button class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground shadow hover:bg-primary/90 my-1 size-8 p-2 transition-opacity ease-in" type="button" disabled="" data-state="closed"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-send-horizontal"><path d="M3.714 3.048a.498.498 0 0 0-.683.627l2.843 7.627a2 2 0 0 1 0 1.396l-2.842 7.627a.498.498 0 0 0 .682.627l18-8.5a.5.5 0 0 0 0-.904z"></path><path d="M6 12h16"></path></svg><span class="sr-only">Send</span></button></div></form></div></div></div></div><div role="region" aria-label="Notifications (F8)" tabindex="-1" style="pointer-events:none"><ol tabindex="-1" class="fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]"></ol></div></div></main></div><script src="/_next/static/chunks/webpack-c5499290af612ab0.js" crossorigin="" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/_next/static/media/a34f9d1faa5f3315-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:HL[\"/_next/static/css/e289bb50f4733543.css\",\"style\",{\"crossOrigin\":\"\"}]\n0:\"$L3\"\n"])</script><script>self.__next_f.push([1,"4:HL[\"/_next/static/css/f87fff2ab93d05a7.css\",\"style\",{\"crossOrigin\":\"\"}]\n"])</script><script>self.__next_f.push([1,"5:I{\"id\":76054,\"chunks\":[\"2272:static/chunks/webpack-c5499290af612ab0.js\",\"2971:static/chunks/fd9d1056-9f583d4450d833fd.js\",\"7864:static/chunks/7864-89868cf8d113930b.js\"],\"name\":\"\",\"async\":false}\n7:I{\"id\":41729,\"chunks\":[\"2272:static/chunks/webpack-c5499290af612ab0.js\",\"2971:static/chunks/fd9d1056-9f583d4450d833fd.js\",\"7864:static/chunks/7864-89868cf8d113930b.js\"],\"name\":\"\",\"async\":false}\n8:I{\"id\":81443,\"chunks\":[\"2272:static/chunks/webpack-c5499290af612ab0.js\",\"2971:static/chunks/fd9d1056-9f583d4450d833fd."])</script><script>self.__next_f.push([1,"js\",\"7864:static/chunks/7864-89868cf8d113930b.js\"],\"name\":\"\",\"async\":false}\n9:I{\"id\":18639,\"chunks\":[\"2272:static/chunks/webpack-c5499290af612ab0.js\",\"2971:static/chunks/fd9d1056-9f583d4450d833fd.js\",\"7864:static/chunks/7864-89868cf8d113930b.js\"],\"name\":\"\",\"async\":false}\nb:I{\"id\":65146,\"chunks\":[\"2272:static/chunks/webpack-c5499290af612ab0.js\",\"2971:static/chunks/fd9d1056-9f583d4450d833fd.js\",\"7864:static/chunks/7864-89868cf8d113930b.js\"],\"name\":\"\",\"async\":false}\nc:I{\"id\":34484,\"chunks\":[\"3954:static/chunks"])</script><script>self.__next_f.push([1,"/d3ac728e-ef941dc306c2c4e0.js\",\"9726:static/chunks/ad52076b-9155d6ff4716f828.js\",\"8310:static/chunks/0e5ce63c-c7bc80f0e781fe32.js\",\"7933:static/chunks/7933-37d17a5b62912814.js\",\"1931:static/chunks/app/page-1e269280a713fb14.js\"],\"name\":\"\",\"async\":false}\n"])</script><script>self.__next_f.push([1,"3:[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/e289bb50f4733543.css\",\"precedence\":\"next\",\"crossOrigin\":\"\"}]],[\"$\",\"$L5\",null,{\"buildId\":\"AzKXOs4-HvfRtNR4Hqysp\",\"assetPrefix\":\"\",\"initialCanonicalUrl\":\"/\",\"initialTree\":[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],\"initialHead\":[false,\"$L6\"],\"globalErrorComponent\":\"$7\",\"children\":[null,[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"h-full\",\"children\":[\"$\",\"body\",null,{\"className\":\"__className_d65c78 h-full\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col h-full w-full\",\"style\":{\"background\":\"rgb(38, 38, 41)\"},\"children\":[\"$\",\"$L8\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"loading\":\"$undefined\",\"loadingStyles\":\"$undefined\",\"hasLoading\":false,\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"template\":[\"$\",\"$L9\",null,{}],\"templateStyles\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[],\"childProp\":{\"current\":[\"$La\",[\"$\",\"$Lb\",null,{\"propsForComponent\":{\"params\":{}},\"Component\":\"$c\",\"isStaticGeneration\":true}],null],\"segment\":\"__PAGE__\"},\"styles\":[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/f87fff2ab93d05a7.css\",\"precedence\":\"next\",\"crossOrigin\":\"\"}]]}]}]}]}],null]}]]\n"])</script><script>self.__next_f.push([1,"6:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"1\",{\"children\":\"Chat LangChain\"}],[\"$\",\"meta\",\"2\",{\"name\":\"description\",\"content\":\"Chatbot for LangChain\"}],[\"$\",\"meta\",\"3\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"4\",{\"name\":\"next-size-adjust\"}]]\na:null\n"])</script></body></html>