From 8b057082bb2b666c9679f24e5fede1fdcb2868d2 Mon Sep 17 00:00:00 2001
From: bracesproul <braceasproul@gmail.com>
Date: Thu, 6 Mar 2025 20:08:53 -0800
Subject: [PATCH 01/13] fix: White out all components below input

---
 src/components/thread/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/thread/index.tsx b/src/components/thread/index.tsx
index 2107630..fab269a 100644
--- a/src/components/thread/index.tsx
+++ b/src/components/thread/index.tsx
@@ -304,7 +304,7 @@ export function Thread() {
               </>
             }
             footer={
-              <div className="sticky flex flex-col items-center gap-8 bottom-8 px-4">
+              <div className="sticky flex flex-col items-center gap-8 bottom-0 px-4 bg-white">
                 {!chatStarted && (
                   <div className="flex gap-3 items-center">
                     <LangGraphLogoSVG className="flex-shrink-0 h-8" />
@@ -316,7 +316,7 @@ export function Thread() {
 
                 <ScrollToBottom className="absolute bottom-full left-1/2 -translate-x-1/2 mb-4 animate-in fade-in-0 zoom-in-95" />
 
-                <div className="bg-background rounded-2xl border shadow-md mx-auto w-full max-w-4xl relative z-10">
+                <div className="bg-background rounded-2xl border shadow-md mx-auto mb-8 w-full max-w-4xl relative z-10">
                   <form
                     onSubmit={handleSubmit}
                     className="grid grid-rows-[1fr_auto] gap-2 max-w-4xl mx-auto"

From deb93930d7ffced1cf2e14aef0c40273f958ff33 Mon Sep 17 00:00:00 2001
From: bracesproul <braceasproul@gmail.com>
Date: Thu, 6 Mar 2025 20:13:52 -0800
Subject: [PATCH 02/13] fix: Render ai message text above tool/gen ui
 components

---
 src/components/thread/messages/ai.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/thread/messages/ai.tsx b/src/components/thread/messages/ai.tsx
index 57c441c..03c321f 100644
--- a/src/components/thread/messages/ai.tsx
+++ b/src/components/thread/messages/ai.tsx
@@ -73,13 +73,13 @@ export function AssistantMessage({
         <ToolResult message={message} />
       ) : (
         <div className="flex flex-col gap-2">
-          {hasToolCalls && <ToolCalls toolCalls={message.tool_calls} />}
-          <CustomComponent message={message} thread={thread} />
           {contentString.length > 0 && (
             <div className="rounded-2xl bg-muted px-4 py-2">
               <MarkdownText>{contentString}</MarkdownText>
             </div>
           )}
+          {hasToolCalls && <ToolCalls toolCalls={message.tool_calls} />}
+          <CustomComponent message={message} thread={thread} />
           <div
             className={cn(
               "flex gap-2 items-center mr-auto transition-opacity",

From c3a53083b5abfa68b86a14ca2f87c4f9b9b2f83e Mon Sep 17 00:00:00 2001
From: Tat Dat Duong <david@duong.cz>
Date: Fri, 7 Mar 2025 10:22:53 +0100
Subject: [PATCH 03/13] Remove _INTERNAL_docker_tag

---
 langgraph.json | 1 -
 1 file changed, 1 deletion(-)

diff --git a/langgraph.json b/langgraph.json
index 4c8d865..fc849e5 100644
--- a/langgraph.json
+++ b/langgraph.json
@@ -6,7 +6,6 @@
   "ui": {
     "agent": "./agent/uis/index.tsx"
   },
-  "_INTERNAL_docker_tag": "20",
   "env": ".env",
   "dependencies": ["."]
 }

From 517e36aad612b984bd5248c038a1ed1cf8fe7a8c Mon Sep 17 00:00:00 2001
From: Tat Dat Duong <david@duong.cz>
Date: Fri, 7 Mar 2025 14:35:45 +0100
Subject: [PATCH 04/13] Do not assume http://localhost:2024

---
 src/components/thread/messages/ai.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/thread/messages/ai.tsx b/src/components/thread/messages/ai.tsx
index 03c321f..f606c1a 100644
--- a/src/components/thread/messages/ai.tsx
+++ b/src/components/thread/messages/ai.tsx
@@ -7,6 +7,7 @@ import { MarkdownText } from "../markdown-text";
 import { LoadExternalComponent } from "@langchain/langgraph-sdk/react-ui";
 import { cn } from "@/lib/utils";
 import { ToolCalls, ToolResult } from "./tool-calls";
+import { StringParam, useQueryParam } from "use-query-params";
 
 function CustomComponent({
   message,
@@ -15,6 +16,7 @@ function CustomComponent({
   message: Message;
   thread: ReturnType<typeof useStreamContext>;
 }) {
+  const [apiUrl] = useQueryParam("apiUrl", StringParam);
   const meta = thread.getMessagesMetadata(message);
   const seenState = meta?.firstSeenState;
   const customComponent = seenState?.values.ui
@@ -33,6 +35,7 @@ function CustomComponent({
     <div key={message.id}>
       {customComponent && (
         <LoadExternalComponent
+          apiUrl={apiUrl ?? undefined}
           assistantId="agent"
           stream={thread}
           message={customComponent}

From 4dc0b511c92a5e9e9ed72a1b5c49568357d00cad Mon Sep 17 00:00:00 2001
From: Tat Dat Duong <david@duong.cz>
Date: Fri, 7 Mar 2025 14:35:51 +0100
Subject: [PATCH 05/13] Add dockerignore

---
 .dockerignore | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 .dockerignore

diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 0000000..d97359f
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,4 @@
+node_modules
+.next
+.git
+.env
\ No newline at end of file

From cb27e5eb4ba7f5f52c44d8f1043424d6a0169478 Mon Sep 17 00:00:00 2001
From: Tat Dat Duong <david@duong.cz>
Date: Fri, 7 Mar 2025 14:46:49 +0100
Subject: [PATCH 06/13] Use `ts` extension instead of `tsx`

---
 agent/{agent.tsx => agent.ts} | 0
 langgraph.json                | 2 +-
 2 files changed, 1 insertion(+), 1 deletion(-)
 rename agent/{agent.tsx => agent.ts} (100%)

diff --git a/agent/agent.tsx b/agent/agent.ts
similarity index 100%
rename from agent/agent.tsx
rename to agent/agent.ts
diff --git a/langgraph.json b/langgraph.json
index fc849e5..0856fb4 100644
--- a/langgraph.json
+++ b/langgraph.json
@@ -1,7 +1,7 @@
 {
   "node_version": "20",
   "graphs": {
-    "agent": "./agent/agent.tsx:graph"
+    "agent": "./agent/agent.ts:graph"
   },
   "ui": {
     "agent": "./agent/uis/index.tsx"

From 2e7587cb9670b37801d21a2ebe0325c4f41a4910 Mon Sep 17 00:00:00 2001
From: Tat Dat Duong <david@duong.cz>
Date: Fri, 7 Mar 2025 14:58:55 +0100
Subject: [PATCH 07/13] Rename to Chat LangGraph

---
 index.html                              | 2 +-
 src/components/thread/history/index.tsx | 2 +-
 src/components/thread/index.tsx         | 8 ++++----
 src/providers/Stream.tsx                | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index 5084932..790eb70 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>LangGraph Chat</title>
+    <title>Chat LangGraph</title>
     <link href="/src/styles.css" rel="stylesheet" />
   </head>
   <body>
diff --git a/src/components/thread/history/index.tsx b/src/components/thread/history/index.tsx
index f0e3169..62a88ee 100644
--- a/src/components/thread/history/index.tsx
+++ b/src/components/thread/history/index.tsx
@@ -97,7 +97,7 @@ export default function ThreadHistory() {
             variant="ghost"
             onClick={() => setChatHistoryOpen((p) => !p)}
           >
-            <PanelRightOpen />
+            <PanelRightOpen className="size-5" />
           </Button>
           <h1 className="text-xl font-semibold tracking-tight">
             Thread History
diff --git a/src/components/thread/index.tsx b/src/components/thread/index.tsx
index fab269a..710144b 100644
--- a/src/components/thread/index.tsx
+++ b/src/components/thread/index.tsx
@@ -218,7 +218,7 @@ export function Thread() {
                 variant="ghost"
                 onClick={() => setChatHistoryOpen((p) => !p)}
               >
-                <PanelRightOpen />
+                <PanelRightOpen className="size-5" />
               </Button>
             )}
           </div>
@@ -233,7 +233,7 @@ export function Thread() {
                     variant="ghost"
                     onClick={() => setChatHistoryOpen((p) => !p)}
                   >
-                    <PanelRightOpen />
+                    <PanelRightOpen className="size-5" />
                   </Button>
                 )}
               </div>
@@ -251,7 +251,7 @@ export function Thread() {
               >
                 <LangGraphLogoSVG width={32} height={32} />
                 <span className="text-xl font-semibold tracking-tight">
-                  LangGraph Chat
+                  Chat LangGraph
                 </span>
               </motion.button>
             </div>
@@ -309,7 +309,7 @@ export function Thread() {
                   <div className="flex gap-3 items-center">
                     <LangGraphLogoSVG className="flex-shrink-0 h-8" />
                     <h1 className="text-2xl font-semibold tracking-tight">
-                      LangGraph Chat
+                      Chat LangGraph
                     </h1>
                   </div>
                 )}
diff --git a/src/providers/Stream.tsx b/src/providers/Stream.tsx
index bd2911a..f1b9027 100644
--- a/src/providers/Stream.tsx
+++ b/src/providers/Stream.tsx
@@ -94,11 +94,11 @@ export const StreamProvider: React.FC<{ children: ReactNode }> = ({
             <div className="flex items-start flex-col gap-2">
               <LangGraphLogoSVG className="h-7" />
               <h1 className="text-xl font-semibold tracking-tight">
-                LangGraph Chat
+                Chat LangGraph
               </h1>
             </div>
             <p className="text-muted-foreground">
-              Welcome to LangGraph Chat! Before you get started, you need to
+              Welcome to Chat LangGraph! Before you get started, you need to
               enter the URL of the deployment and the assistant / graph ID.
             </p>
           </div>

From 9fc221e88a7c9394da1b66e8f891e763943df54a Mon Sep 17 00:00:00 2001
From: Tat Dat Duong <david@duong.cz>
Date: Fri, 7 Mar 2025 15:18:57 +0100
Subject: [PATCH 08/13] Support multiline input

---
 src/components/thread/index.tsx | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/components/thread/index.tsx b/src/components/thread/index.tsx
index 710144b..a1fa7e9 100644
--- a/src/components/thread/index.tsx
+++ b/src/components/thread/index.tsx
@@ -4,7 +4,6 @@ import { motion } from "framer-motion";
 import { cn } from "@/lib/utils";
 import { useStreamContext } from "@/providers/Stream";
 import { useState, FormEvent } from "react";
-import { Input } from "../ui/input";
 import { Button } from "../ui/button";
 import { Checkpoint, Message } from "@langchain/langgraph-sdk";
 import { AssistantMessage, AssistantMessageLoading } from "./messages/ai";
@@ -316,17 +315,24 @@ export function Thread() {
 
                 <ScrollToBottom className="absolute bottom-full left-1/2 -translate-x-1/2 mb-4 animate-in fade-in-0 zoom-in-95" />
 
-                <div className="bg-background rounded-2xl border shadow-md mx-auto mb-8 w-full max-w-4xl relative z-10">
+                <div className="bg-muted rounded-2xl border mx-auto mb-8 w-full max-w-4xl relative z-10">
                   <form
                     onSubmit={handleSubmit}
                     className="grid grid-rows-[1fr_auto] gap-2 max-w-4xl mx-auto"
                   >
-                    <Input
-                      type="text"
+                    <textarea
                       value={input}
                       onChange={(e) => setInput(e.target.value)}
+                      onKeyDown={(e) => {
+                        if (e.key === "Enter" && !e.shiftKey && !e.metaKey) {
+                          e.preventDefault();
+                          const el = e.target as HTMLElement | undefined;
+                          const form = el?.closest("form");
+                          form?.requestSubmit();
+                        }
+                      }}
                       placeholder="Type your message..."
-                      className="px-4 py-6 border-none bg-transparent shadow-none ring-0 outline-none focus:outline-none focus:ring-0"
+                      className="p-3.5 pb-0 border-none bg-transparent field-sizing-content shadow-none ring-0 outline-none focus:outline-none focus:ring-0 resize-none"
                     />
 
                     <div className="flex items-center justify-end p-2 pt-0">
@@ -338,6 +344,7 @@ export function Thread() {
                       ) : (
                         <Button
                           type="submit"
+                          className="transition-all"
                           disabled={isLoading || !input.trim()}
                         >
                           Send

From 13240c7c266df196ce34a85a7fb6374f4477cf8b Mon Sep 17 00:00:00 2001
From: Tat Dat Duong <david@duong.cz>
Date: Fri, 7 Mar 2025 15:28:11 +0100
Subject: [PATCH 09/13] Invert background, add a subtle shadow

---
 src/components/thread/index.tsx          | 4 ++--
 src/components/thread/messages/ai.tsx    | 5 +----
 src/components/thread/messages/human.tsx | 2 +-
 3 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/components/thread/index.tsx b/src/components/thread/index.tsx
index a1fa7e9..2332f30 100644
--- a/src/components/thread/index.tsx
+++ b/src/components/thread/index.tsx
@@ -315,7 +315,7 @@ export function Thread() {
 
                 <ScrollToBottom className="absolute bottom-full left-1/2 -translate-x-1/2 mb-4 animate-in fade-in-0 zoom-in-95" />
 
-                <div className="bg-muted rounded-2xl border mx-auto mb-8 w-full max-w-4xl relative z-10">
+                <div className="bg-muted rounded-2xl border shadow-xs mx-auto mb-8 w-full max-w-4xl relative z-10">
                   <form
                     onSubmit={handleSubmit}
                     className="grid grid-rows-[1fr_auto] gap-2 max-w-4xl mx-auto"
@@ -344,7 +344,7 @@ export function Thread() {
                       ) : (
                         <Button
                           type="submit"
-                          className="transition-all"
+                          className="transition-all shadow-md"
                           disabled={isLoading || !input.trim()}
                         >
                           Send
diff --git a/src/components/thread/messages/ai.tsx b/src/components/thread/messages/ai.tsx
index f606c1a..857085c 100644
--- a/src/components/thread/messages/ai.tsx
+++ b/src/components/thread/messages/ai.tsx
@@ -69,15 +69,12 @@ export function AssistantMessage({
 
   return (
     <div className="flex items-start mr-auto gap-2 group">
-      <Avatar>
-        <AvatarFallback>A</AvatarFallback>
-      </Avatar>
       {isToolResult ? (
         <ToolResult message={message} />
       ) : (
         <div className="flex flex-col gap-2">
           {contentString.length > 0 && (
-            <div className="rounded-2xl bg-muted px-4 py-2">
+            <div className="py-1">
               <MarkdownText>{contentString}</MarkdownText>
             </div>
           )}
diff --git a/src/components/thread/messages/human.tsx b/src/components/thread/messages/human.tsx
index 340a634..7c0b553 100644
--- a/src/components/thread/messages/human.tsx
+++ b/src/components/thread/messages/human.tsx
@@ -84,7 +84,7 @@ export function HumanMessage({
             onSubmit={handleSubmitEdit}
           />
         ) : (
-          <p className="text-right py-1">{contentString}</p>
+          <p className="text-right px-4 py-2 rounded-3xl bg-muted">{contentString}</p>
         )}
 
         <div

From 553412e863d2164b48f2a351426abeebd3c2617e Mon Sep 17 00:00:00 2001
From: Tat Dat Duong <david@duong.cz>
Date: Fri, 7 Mar 2025 15:32:03 +0100
Subject: [PATCH 10/13] Make the content width a bit smaller

---
 agent/uis/stockbroker/portfolio-view/index.tsx       | 2 +-
 agent/uis/stockbroker/stock-price/index.tsx          | 2 +-
 agent/uis/trip-planner/accommodations-list/index.tsx | 2 +-
 src/components/thread/index.tsx                      | 6 +++---
 src/providers/Stream.tsx                             | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/agent/uis/stockbroker/portfolio-view/index.tsx b/agent/uis/stockbroker/portfolio-view/index.tsx
index 42bb140..2eff0be 100644
--- a/agent/uis/stockbroker/portfolio-view/index.tsx
+++ b/agent/uis/stockbroker/portfolio-view/index.tsx
@@ -160,7 +160,7 @@ export default function PortfolioView() {
   const chartData = selectedHolding ? generateChartData(selectedHolding) : [];
 
   return (
-    <div className="w-full max-w-4xl bg-white rounded-xl shadow-lg overflow-hidden border border-gray-200">
+    <div className="w-full max-w-3xl bg-white rounded-xl shadow-lg overflow-hidden border border-gray-200">
       <div className="bg-gradient-to-r from-indigo-700 to-indigo-500 px-6 py-4">
         <div className="flex justify-between items-center">
           <h2 className="text-white font-bold text-xl tracking-tight flex items-center">
diff --git a/agent/uis/stockbroker/stock-price/index.tsx b/agent/uis/stockbroker/stock-price/index.tsx
index 1c1ea52..8bcceca 100644
--- a/agent/uis/stockbroker/stock-price/index.tsx
+++ b/agent/uis/stockbroker/stock-price/index.tsx
@@ -149,7 +149,7 @@ export default function StockPrice(props: {
   };
 
   return (
-    <div className="w-full max-w-4xl rounded-xl shadow-md overflow-hidden border border-gray-200 flex flex-col gap-4 p-3">
+    <div className="w-full max-w-3xl rounded-xl shadow-md overflow-hidden border border-gray-200 flex flex-col gap-4 p-3">
       <div className="flex items-center justify-start gap-4 mb-2 text-lg font-medium text-gray-700">
         <p>{ticker}</p>
         <p>${currentPrice}</p>
diff --git a/agent/uis/trip-planner/accommodations-list/index.tsx b/agent/uis/trip-planner/accommodations-list/index.tsx
index 87e28f2..d360198 100644
--- a/agent/uis/trip-planner/accommodations-list/index.tsx
+++ b/agent/uis/trip-planner/accommodations-list/index.tsx
@@ -320,7 +320,7 @@ export default function AccommodationsList({
           align: "start",
           loop: true,
         }}
-        className="w-full sm:max-w-sm md:max-w-2xl lg:max-w-3xl"
+        className="w-full sm:max-w-sm md:max-w-3xl lg:max-w-3xl"
       >
         <CarouselContent>
           {accommodations.map((accommodation) => (
diff --git a/src/components/thread/index.tsx b/src/components/thread/index.tsx
index 2332f30..d3d3acf 100644
--- a/src/components/thread/index.tsx
+++ b/src/components/thread/index.tsx
@@ -276,7 +276,7 @@ export function Thread() {
               !chatStarted && "flex flex-col items-stretch mt-[25vh]",
               chatStarted && "grid grid-rows-[1fr_auto]",
             )}
-            contentClassName="pt-8 pb-16 px-4 max-w-4xl mx-auto flex flex-col gap-4 w-full"
+            contentClassName="pt-8 pb-16 px-4 max-w-3xl mx-auto flex flex-col gap-4 w-full"
             content={
               <>
                 {messages
@@ -315,10 +315,10 @@ export function Thread() {
 
                 <ScrollToBottom className="absolute bottom-full left-1/2 -translate-x-1/2 mb-4 animate-in fade-in-0 zoom-in-95" />
 
-                <div className="bg-muted rounded-2xl border shadow-xs mx-auto mb-8 w-full max-w-4xl relative z-10">
+                <div className="bg-muted rounded-2xl border shadow-xs mx-auto mb-8 w-full max-w-3xl relative z-10">
                   <form
                     onSubmit={handleSubmit}
-                    className="grid grid-rows-[1fr_auto] gap-2 max-w-4xl mx-auto"
+                    className="grid grid-rows-[1fr_auto] gap-2 max-w-3xl mx-auto"
                   >
                     <textarea
                       value={input}
diff --git a/src/providers/Stream.tsx b/src/providers/Stream.tsx
index f1b9027..4e0df8a 100644
--- a/src/providers/Stream.tsx
+++ b/src/providers/Stream.tsx
@@ -89,7 +89,7 @@ export const StreamProvider: React.FC<{ children: ReactNode }> = ({
   if (!apiUrl || !assistantId) {
     return (
       <div className="flex items-center justify-center min-h-screen w-full p-4">
-        <div className="animate-in fade-in-0 zoom-in-95 flex flex-col border bg-background shadow-lg rounded-lg max-w-2xl">
+        <div className="animate-in fade-in-0 zoom-in-95 flex flex-col border bg-background shadow-lg rounded-lg max-w-3xl">
           <div className="flex flex-col gap-2 mt-14 p-6 border-b">
             <div className="flex items-start flex-col gap-2">
               <LangGraphLogoSVG className="h-7" />

From 5acee514ba4393b7201a17d3b9d195f2c2e802d9 Mon Sep 17 00:00:00 2001
From: Tat Dat Duong <david@duong.cz>
Date: Fri, 7 Mar 2025 15:33:09 +0100
Subject: [PATCH 11/13] Remove placeholder

---
 src/components/thread/messages/ai.tsx | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/components/thread/messages/ai.tsx b/src/components/thread/messages/ai.tsx
index 857085c..3fb3a50 100644
--- a/src/components/thread/messages/ai.tsx
+++ b/src/components/thread/messages/ai.tsx
@@ -108,9 +108,6 @@ export function AssistantMessage({
 export function AssistantMessageLoading() {
   return (
     <div className="flex items-start mr-auto gap-2">
-      <Avatar>
-        <AvatarFallback>A</AvatarFallback>
-      </Avatar>
       <div className="flex items-center gap-1 rounded-2xl bg-muted px-4 py-2 h-8">
         <div className="w-1.5 h-1.5 rounded-full bg-foreground/50 animate-[pulse_1.5s_ease-in-out_infinite]"></div>
         <div className="w-1.5 h-1.5 rounded-full bg-foreground/50 animate-[pulse_1.5s_ease-in-out_0.5s_infinite]"></div>

From eb4d86b6af9e3d8072f0da9a8b8a2fc5067307d5 Mon Sep 17 00:00:00 2001
From: Tat Dat Duong <david@duong.cz>
Date: Fri, 7 Mar 2025 15:46:00 +0100
Subject: [PATCH 12/13] Remove padding, fix build

---
 src/components/thread/index.tsx       | 2 +-
 src/components/thread/messages/ai.tsx | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/thread/index.tsx b/src/components/thread/index.tsx
index d3d3acf..4b4b8de 100644
--- a/src/components/thread/index.tsx
+++ b/src/components/thread/index.tsx
@@ -276,7 +276,7 @@ export function Thread() {
               !chatStarted && "flex flex-col items-stretch mt-[25vh]",
               chatStarted && "grid grid-rows-[1fr_auto]",
             )}
-            contentClassName="pt-8 pb-16 px-4 max-w-3xl mx-auto flex flex-col gap-4 w-full"
+            contentClassName="pt-8 pb-16  max-w-3xl mx-auto flex flex-col gap-4 w-full"
             content={
               <>
                 {messages
diff --git a/src/components/thread/messages/ai.tsx b/src/components/thread/messages/ai.tsx
index 3fb3a50..607d113 100644
--- a/src/components/thread/messages/ai.tsx
+++ b/src/components/thread/messages/ai.tsx
@@ -2,7 +2,6 @@ import { useStreamContext } from "@/providers/Stream";
 import { Checkpoint, Message } from "@langchain/langgraph-sdk";
 import { getContentString } from "../utils";
 import { BranchSwitcher, CommandBar } from "./shared";
-import { Avatar, AvatarFallback } from "@/components/ui/avatar";
 import { MarkdownText } from "../markdown-text";
 import { LoadExternalComponent } from "@langchain/langgraph-sdk/react-ui";
 import { cn } from "@/lib/utils";

From bbbfae7e2c16f9e1df29802f63db3e65e87ec764 Mon Sep 17 00:00:00 2001
From: Brace Sproul <braceasproul@gmail.com>
Date: Fri, 7 Mar 2025 11:27:21 -0800
Subject: [PATCH 13/13] chore: Add warning to readme

---
 README.md | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 387bf84..aceef52 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,7 @@
-# agent-ui demo
+# Chat LangGraph
+
+> [!WARNING]
+> This repo is still a work in progress and is not intended for use. Estimated launch date 03/11. Thank you for your patience.
 
 ## Setup