split up

src/providers/Runtime.tsx

@@ -21,14 +21,7 @@ export function RuntimeProvider({
 
     const input = message.content[0].text;
     const humanMessage: HumanMessage = { type: "human", content: input };
-    // TODO: I dont think I need to do this, since we're passing stream.messages into the state hook, and it should update when we call `submit`
-    // setMessages((currentConversation) => [
-    //   ...currentConversation,
-    //   humanMessage,
-    // ]);
-
     stream.submit({ messages: [humanMessage] });
-    console.log("Sent message", humanMessage);
   };
 
   const runtime = useExternalStoreRuntime({

src/providers/Stream.tsx

@@ -6,7 +6,6 @@ import type {
   RemoveUIMessage,
 } from "@langchain/langgraph-sdk/react-ui/types";
 
-// Define the type for the context value
 type StreamContextType = ReturnType<
   typeof useStream<
     { messages: Message[]; ui: UIMessage[] },
@@ -18,10 +17,8 @@ type StreamContextType = ReturnType<
   >
 >;
 
-// Create the context with a default undefined value
 const StreamContext = createContext<StreamContextType | undefined>(undefined);
 
-// Create a provider component
 export const StreamProvider: React.FC<{ children: ReactNode }> = ({
   children,
 }) => {
@@ -37,8 +34,6 @@ export const StreamProvider: React.FC<{ children: ReactNode }> = ({
     assistantId: "agent",
   });
 
-  console.log("StreamProvider", streamValue);
-
   return (
     <StreamContext.Provider value={streamValue}>
       {children}