Update Langflow Chat bundle to v1.0.6 and add start_open prop to ChatWidget component

anovazzi1 · anovazzi1 · commit a536350fa93f · 2025-01-21T11:59:44.000-03:00
diff --git a/public/index.html b/public/index.html
@@ -7,7 +7,7 @@
 </head>
 <body style="width: 100vh; height: 100vh; ">
         <langflow-chat window_title="Langflow Chat" 
-        flow_id="be1e92a7-b194-4b03-a36e-a95c94995bcc"
+        flow_id="4317421c-d4b5-4a22-bc7b-05e8af053b0e"
         host_url="http://localhost:7860"
         width="700"
         ></langflow-chat>
diff --git a/src/chatWidget/chatWindow/index.tsx b/src/chatWidget/chatWindow/index.tsx
@@ -125,11 +125,21 @@ export default function ChatWindow({
                 });
               })
             } else {
-              addMessage({
-                message: "Multiple outputs were detected in the response. Please, define the output_component to specify the intended response.",
-                isSend: false,
-                error: true,
-              });
+              flowOutputs
+                .sort((a, b) => {
+                  // Get the earliest timestamp from each flowOutput's outputs
+                  const aTimestamp = Math.min(...Object.values(a.outputs).map((output: any) => Date.parse(output.message?.timestamp)));
+                  const bTimestamp = Math.min(...Object.values(b.outputs).map((output: any) => Date.parse(output.message?.timestamp)));
+                  return aTimestamp - bTimestamp; // Sort descending (newest first)
+                })
+                .forEach((flowOutput) => {
+                  Object.values(flowOutput.outputs).forEach((output: any) => {
+                    addMessage({
+                      message: extractMessageFromOutput(output),
+                      isSend: false,
+                    });
+                  });
+                });
             }
           }
           if (res.data && res.data.session_id) {
@@ -171,11 +181,11 @@ export default function ChatWindow({
   /* Refocus the User input whenever a new response is returned from the LLM */
 
   useEffect(() => {
-      // after a slight delay
-      setTimeout(() => {
-        inputRef.current?.focus();
-      }, 100);
-  }, [messages,open]);
+    // after a slight delay
+    setTimeout(() => {
+      inputRef.current?.focus();
+    }, 100);
+  }, [messages, open]);
 
   return (
     <div
