fix: stabilize agent UI and SCADA card

features/agent/components/streaming-token-response.tsx

@@ -1,14 +1,7 @@
 "use client";
 
-import { useEffect, useState } from "react";
-
 import { cn } from "@/lib/utils";
 import { MessageResponse } from "@/shared/ai-elements/message";
-import {
-  createStreamingMarkdownBufferState,
-  resolveStreamingMarkdownDisplayContent,
-  takeNextStreamingMarkdownChunk,
-} from "./streaming-token-response-state";
 
 type StreamingTokenResponseProps = {
   content: string;
@@ -18,66 +11,26 @@ type StreamingTokenResponseProps = {
   messageId?: string;
 };
 
-const STREAMING_MARKDOWN_FRAME_MS = 45;
-
 export function StreamingTokenResponse({
   content,
   streaming,
   streamDone = !streaming,
   className,
-  messageId,
 }: StreamingTokenResponseProps) {
-  const [displayContent, setDisplayContent] = useState(() =>
-    streamDone ? content : ""
-  );
-
-  useEffect(() => {
-    setDisplayContent((currentDisplayContent) =>
-      resolveStreamingMarkdownDisplayContent(
-        content,
-        currentDisplayContent,
-        streamDone
-      )
-    );
-  }, [content, messageId, streamDone]);
-
-  useEffect(() => {
-    if (streamDone || !streaming) {
-      return;
-    }
-
-    const showNextChunk = () => {
-      setDisplayContent((currentDisplayContent) => {
-        const { chunk, state } = takeNextStreamingMarkdownChunk(
-          createStreamingMarkdownBufferState(content, currentDisplayContent)
-        );
-
-        if (chunk || state.displayContent !== currentDisplayContent) {
-          return state.displayContent;
-        }
-
-        return currentDisplayContent;
-      });
-    };
-
-    showNextChunk();
-    const timer = window.setInterval(showNextChunk, STREAMING_MARKDOWN_FRAME_MS);
-
-    return () => window.clearInterval(timer);
-  }, [content, streamDone, streaming]);
-
-  if (!displayContent) {
+  if (!content) {
     return null;
   }
 
+  const isAnimating = streaming && !streamDone;
+
   return (
     <MessageResponse
       className={cn("agent-streaming-response", className)}
-      isAnimating={streaming}
+      isAnimating={isAnimating}
       mode="streaming"
       parseIncompleteMarkdown={true}
     >
-      {displayContent}
+      {content}
     </MessageResponse>
   );
 }