undo craft

Author: jmelahman

web/src/app/craft/components/BuildMessageList.tsx

@@ -16,19 +16,13 @@ import {
 } from "@/app/craft/types/displayTypes";
 import { isWorkingToolCall } from "@/app/craft/utils/streamItemHelpers";
 
-function BlinkingBar() {
+/**
+ * BlinkingDot - Pulsing gray circle for loading state
+ * Matches the main chat UI's loading indicator
+ */
+function BlinkingDot() {
   return (
-    <span
-      className="flex-none bg-theme-primary-05 inline-block rounded-sm w-[2px] h-4 ml-2 mt-2"
-      style={{ animation: "blink-bar 1s step-end infinite" }}
-    >
-      <style>{`
-        @keyframes blink-bar {
-          0%, 100% { opacity: 1; }
-          50% { opacity: 0; }
-        }
-      `}</style>
-    </span>
+    <span className="animate-pulse flex-none bg-theme-primary-05 inline-block rounded-full h-3 w-3 ml-2 mt-2" />
   );
 }
 
@@ -213,15 +207,15 @@ export default function BuildMessageList({
             <div className="flex-1 flex flex-col gap-3 min-w-0">
               {!hasStreamItems ? (
                 // Loading state - no content yet, show blinking dot like main chat
-                <BlinkingBar />
+                <BlinkingDot />
               ) : (
                 <>
                   {/* Render stream items in FIFO order */}
                   {renderStreamItems(streamItems, true)}
 
                   {/* Streaming indicator when actively streaming text */}
                   {isStreaming && hasStreamItems && !hasActiveTools && (
-                    <BlinkingBar />
+                    <BlinkingDot />
                   )}
                 </>
               )}