show similarity source in filter button when doing similarity search

web/src/components/overlay/detail/ReviewDetailDialog.tsx

@@ -343,7 +343,7 @@ function EventItem({
                           event_id: event.id,
                         }).toString();
 
-                        navigate(`/search?${similaritySearchParams}`);
+                        navigate(`/explore?${similaritySearchParams}`);
                       }}
                     >
                       <FaImages className="size-4 text-white" />

web/src/pages/Explore.tsx

@@ -7,6 +7,7 @@ import {
   PartialSearchResult,
   SearchFilter,
   SearchResult,
+  SearchSource,
 } from "@/types/search";
 import { TimeRange } from "@/types/timeline";
 import { RecordingView } from "@/views/recording/RecordingView";
@@ -64,6 +65,27 @@ export default function Explore() {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
+  useEffect(() => {
+    let newFilter = searchFilter;
+
+    if (similaritySearch) {
+      newFilter = {
+        ...searchFilter,
+        search_type: ["similarity"] as SearchSource[],
+      };
+    } else {
+      if (searchFilter?.search_type?.includes("similarity" as SearchSource)) {
+        newFilter = {
+          ...searchFilter,
+          search_type: undefined,
+        };
+      }
+    }
+    if (newFilter) {
+      setSearchFilter(newFilter);
+    }
+  }, [similaritySearch, searchFilter, setSearchFilter]);
+
   useEffect(() => {
     if (similaritySearch) {
       setSimilaritySearch(undefined);