From c812f0c673068f2d39b925f86b299905c74f8498 Mon Sep 17 00:00:00 2001
From: bracesproul <braceasproul@gmail.com>
Date: Wed, 5 Mar 2025 12:17:42 -0800
Subject: [PATCH] fix

---
 src/providers/Stream.tsx | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/providers/Stream.tsx b/src/providers/Stream.tsx
index ab46843..db1c7bd 100644
--- a/src/providers/Stream.tsx
+++ b/src/providers/Stream.tsx
@@ -110,7 +110,9 @@ export const StreamProvider: React.FC<{ children: ReactNode }> = ({
             className="flex flex-col gap-6 p-6 bg-muted/50"
           >
             <div className="flex flex-col gap-2">
-              <Label htmlFor="apiUrl">Deployment URL<span className="text-rose-500">*</span></Label>
+              <Label htmlFor="apiUrl">
+                Deployment URL<span className="text-rose-500">*</span>
+              </Label>
               <p className="text-muted-foreground text-sm">
                 This is the URL of your LangGraph deployment. Can be a local, or
                 production deployment.
@@ -120,11 +122,14 @@ export const StreamProvider: React.FC<{ children: ReactNode }> = ({
                 name="apiUrl"
                 className="bg-background"
                 defaultValue={apiUrl ?? "http://localhost:2024"}
+                required
               />
             </div>
 
             <div className="flex flex-col gap-2">
-              <Label htmlFor="assistantId">Assistant / Graph ID<span className="text-rose-500">*</span></Label>
+              <Label htmlFor="assistantId">
+                Assistant / Graph ID<span className="text-rose-500">*</span>
+              </Label>
               <p className="text-muted-foreground text-sm">
                 This is the ID of the graph (can be the graph name), or
                 assistant to fetch threads from, and invoke when actions are
@@ -135,14 +140,17 @@ export const StreamProvider: React.FC<{ children: ReactNode }> = ({
                 name="assistantId"
                 className="bg-background"
                 defaultValue={assistantId ?? "agent"}
+                required
               />
             </div>
 
             <div className="flex flex-col gap-2">
               <Label htmlFor="apiKey">LangSmith API Key</Label>
               <p className="text-muted-foreground text-sm">
-                This is NOT required if This value is stored in your browser's local storage and is only
-                used to authenticate requests sent to your LangGraph server.
+                This is <strong>NOT</strong> required if using a local LangGraph
+                server. This value is stored in your browser's local storage and
+                is only used to authenticate requests sent to your LangGraph
+                server.
               </p>
               <PasswordInput
                 id="apiKey"