♻️ (chatView, flowStore): refactor message handling for consistency

src/frontend/src/modals/IOModal/components/chatView/index.tsx

@@ -62,14 +62,11 @@ export default function ChatView({
     const chatMessages: ChatMessageType[] = chatOutputResponses
       .sort((a, b) => Date.parse(a.timestamp) - Date.parse(b.timestamp))
       //
-      .filter(
+      .filter((output) => output.data.message)
-        (output) =>
-          output?.data?.messages && output?.data?.messages?.length > 0,
-      )
       .map((output, index) => {
         try {
           const { sender, message, sender_name, stream_url, files } = output
-            ?.data?.messages[0] as ChatOutputType;
+            .data.message as ChatOutputType;
 
           const is_ai = sender === "Machine" || sender === null;
           return {

src/frontend/src/stores/flowStore.ts

@@ -90,7 +90,7 @@ const useFlowStore = create<FlowStoreType>((set, get) => ({
       }
       //update data results
       else {
-        newFlowPool[nodeId][index].data.messages[0] = data as
+        newFlowPool[nodeId][index].data.message = data as
           | ChatOutputType
           | ChatInputType;
       }

src/frontend/src/types/api/index.ts

@@ -167,6 +167,7 @@ export type VertexDataTypeAPI = {
   timedelta?: number;
   duration?: string;
   artifacts?: any;
+  message: ChatOutputType | ChatInputType;
 };
 
 export type CodeErrorDataTypeAPI = {