prevent running button to display twice when cot is false and streaming

libs/react-components/src/messages/Messages.tsx

@@ -1,6 +1,5 @@
 import { MessageContext } from 'contexts/MessageContext';
 import { memo, useContext } from 'react';
-import { isLastMessage } from 'utils/message';
 
 import type { IAction, IMessageElement, IStep } from 'client-types/';
 
@@ -45,7 +44,7 @@ const Messages = memo(
       <>
         {filtered.map((m, i) => {
           const author = m.name;
-          const isLast = isLastMessage(filtered, i);
+          const isLast = filtered.length - 1 === i;
           let messageRunning =
             isRunning === undefined ? messageContext.loading : isRunning;
           if (isRoot) {

libs/react-components/src/messages/components/DetailsButton.tsx

@@ -19,7 +19,7 @@ const DetailsButton = ({ message, opened, onClick, loading }: Props) => {
   const messageContext = useContext(MessageContext);
 
   const nestedCount = message.steps?.length;
-  const nested = !!nestedCount;
+  const nested = !!nestedCount && !messageContext.hideCot;
 
   const lastStep = nested ? message.steps![nestedCount - 1] : undefined;
 

libs/react-components/utils/message.ts

@@ -1,4 +1,4 @@
-import type { IMessageElement, IStep } from 'client-types/';
+import type { IMessageElement } from 'client-types/';
 
 const isForIdMatch = (id: string | number | undefined, forId: string) => {
   if (!forId || !id) {
@@ -80,19 +80,3 @@ export const prepareContent = ({
     refElements
   };
 };
-
-export const isLastMessage = (messages: IStep[], index: number) => {
-  if (messages.length - 1 === index) {
-    return true;
-  }
-
-  for (let i = index + 1; i < messages.length; i++) {
-    if (messages[i].streaming) {
-      continue;
-    } else {
-      return false;
-    }
-  }
-
-  return true;
-};