fix: hide Fix with AI button while streaming (#2771)

## Summary - Hides the "Fix with AI" button in the `DyadOutput` component while a response is being streamed - Prevents users from triggering conflicting AI fix requests during an ongoing stream - Uses the existing `isStreamingByIdAtom` to track streaming state per chat ## Test plan - Open the app and trigger an error/warning in the output - Start a streaming response - Verify the "Fix with AI" button is hidden during streaming - Verify the button reappears after streaming completes 🤖 Generated with [Claude Code](https://claude.com/claude-code)  --- <a href="https://app.devin.ai/review/dyad-sh/dyad/pull/2771" target="_blank"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://static.devin.ai/assets/gh-open-in-devin-review-dark.svg?v=1"> <img src="https://static.devin.ai/assets/gh-open-in-devin-review-light.svg?v=1" alt="Open with Devin"> </picture> </a>  Co-authored-by: Will Chen <willchen90@gmail.com> Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>

fix: hide Fix with AI button while streaming (#2771)
d5a7b8b1 · wwwillchen-bot · GitHub · ccf97c0f · d5a7b8b1
--- a/src/components/chat/DyadOutput.tsx
+++ b/src/components/chat/DyadOutput.tsx
 import React, { useState } from "react";
 import { AlertTriangle, XCircle, Sparkles } from "lucide-react";
 import { useAtomValue } from "jotai";
-import { selectedChatIdAtom } from "@/atoms/chatAtoms";
+import { selectedChatIdAtom, isStreamingByIdAtom } from "@/atoms/chatAtoms";
 import { useStreamChat } from "@/hooks/useStreamChat";
 import { CopyErrorMessage } from "@/components/CopyErrorMessage";
 import {
@@ -25,6 +25,10 @@ export const DyadOutput: React.FC<DyadOutputProps> = ({
 }) => {
  const [isContentVisible, setIsContentVisible] = useState(false);
  const selectedChatId = useAtomValue(selectedChatIdAtom);
+  const isStreamingById = useAtomValue(isStreamingByIdAtom);
+  const isStreaming = selectedChatId
+    ? (isStreamingById.get(selectedChatId) ?? false)
+    : false;
  const { streamMessage } = useStreamChat();
  // If the type is not warning, it is an error (in case LLM gives a weird "type")
@@ -76,13 +80,15 @@ export const DyadOutput: React.FC<DyadOutputProps> = ({
          <CopyErrorMessage
            errorMessage={children ? `${message}\n${children}` : message}
          />
-          <button
+          {!isStreaming && (
-            onClick={handleAIFix}
+            <button
-            className="cursor-pointer flex items-center justify-center bg-red-600 hover:bg-red-700 dark:bg-red-700 dark:hover:bg-red-800 text-white rounded-md text-xs px-2.5 py-1 h-6 transition-colors"
+              onClick={handleAIFix}
-          >
+              className="cursor-pointer flex items-center justify-center bg-red-600 hover:bg-red-700 dark:bg-red-700 dark:hover:bg-red-800 text-white rounded-md text-xs px-2.5 py-1 h-6 transition-colors"
-            <Sparkles size={13} className="mr-1" />
+            >
-            <span>Fix with AI</span>
+              <Sparkles size={13} className="mr-1" />
-          </button>
+              <span>Fix with AI</span>
+            </button>
+          )}
        </div>
      )}
    </DyadCard>