Merge pull request #319 from traceroot-ai/fix/fix_log_search_ui_func

fix: fix log mode search and make search icon highlighted if searched

Author: zechengz

ui/src/app/explore/page.tsx

@@ -146,6 +146,9 @@ export default function Explore() {
       // Clear selected traces and spans
       setSelectedTraceIds([]);
       setSelectedSpanIds([]);
+      // Clear search terms when switching to log mode
+      setMetadataSearchTerms([]);
+      setLogSearchValue("");
       setIsLogMode(true);
 
       // Rebuild URL with mode=log at the end

ui/src/components/explore/SearchBar.tsx

@@ -215,7 +215,7 @@ const SearchBar: React.FC<SearchBarProps> = ({
           size="icon"
           onClick={() => !disabled && setIsSearchExpanded(true)}
           disabled={disabled}
-          className="w-10 h-10 flex-shrink-0"
+          className={`w-10 h-10 flex-shrink-0 ${criteria.length > 0 ? "bg-zinc-100 dark:bg-zinc-800" : ""}`}
         >
           <Search className="w-4 h-4" />
         </Button>