test: update reasoning toolflow expectations

Author: ammar-agent

src/components/Messages/ReasoningMessage.tsx

@@ -68,7 +68,12 @@ export const ReasoningMessage: React.FC<ReasoningMessageProps> = ({ message, cla
         )}
         onClick={isCollapsible ? toggleExpanded : undefined}
       >
-        <div className="text-thinking-mode flex flex-1 items-center gap-1 text-xs opacity-80 min-w-0">
+        <div
+          className={cn(
+            "flex flex-1 items-center gap-1 min-w-0 text-xs opacity-80",
+            "text-thinking-mode"
+          )}
+        >
           <span className="text-xs">
             <Lightbulb className={cn("size-3.5", isStreaming && "animate-pulse")} />
           </span>
@@ -78,7 +83,7 @@ export const ReasoningMessage: React.FC<ReasoningMessageProps> = ({ message, cla
             ) : isSingleLineTrace ? (
               <MarkdownRenderer
                 content={trimmedContent}
-                className="truncate [&_*]:inline [&_*]:whitespace-nowrap [&_*]:align-baseline"
+                className="truncate [&_*]:inline [&_*]:align-baseline [&_*]:whitespace-nowrap"
                 style={{ fontSize: 12, lineHeight: "18px" }}
               />
             ) : (

tests/e2e/scenarios/toolFlows.spec.ts

@@ -141,7 +141,7 @@ test.describe("tool and reasoning flows", () => {
     }
 
     const transcript = page.getByRole("log", { name: "Conversation transcript" });
-    const thinkingHeader = transcript.getByText("Thought...");
+    const thinkingHeader = transcript.getByText("Thought");
     await expect(thinkingHeader).toBeVisible();
     await thinkingHeader.click();
     await expect(