sparkecoder 0.1.55 → 0.1.57

package/web/.next/standalone/web/src/components/ai-elements/search-tool.tsx

@@ -13,6 +13,7 @@ import {
   FileTextIcon,
   SparklesIcon,
   EyeIcon,
+  LoaderIcon,
 } from "lucide-react";
 import { useState, useEffect, useRef, useMemo } from "react";
 import { SubagentModal } from "./subagent-modal";
@@ -195,10 +196,7 @@ export function SearchTool({
         {/* Status Icon */}
         <div className="shrink-0">
           {isLoading ? (
-            <div className="relative">
-              <SparklesIcon className="size-4 text-blue-500" />
-              <span className="absolute -top-0.5 -right-0.5 size-2 bg-blue-500 rounded-full animate-pulse" />
-            </div>
+            <LoaderIcon className="size-3.5 text-muted-foreground animate-spin" />
           ) : isCompleted && !isError ? (
             <CheckCircleIcon className="size-4 text-green-500" />
           ) : isError ? (
@@ -210,17 +208,17 @@ export function SearchTool({
 
         {/* Main Text */}
         <div className="flex-1 min-w-0">
-          <div className="text-sm">
+          <div className="text-xs">
             {isLoading ? (
-              <span className="text-foreground">
-                SparkeCoder is exploring the codebase
+              <span className="text-muted-foreground">
+                Exploring the codebase
               </span>
             ) : isCompleted && !isError ? (
-              <span className="text-foreground">
+              <span className="text-muted-foreground">
                 Exploration complete
               </span>
             ) : isError ? (
-              <span className="text-red-500">
+              <span className="text-red-500 text-xs">
                 Exploration failed
               </span>
             ) : (