feat(app): add auto video & image search

ui/components/ChatWindow.tsx

@@ -58,14 +58,17 @@ const useSocket = (
         let embeddingModelProvider = localStorage.getItem(
           'embeddingModelProvider',
         );
-        let openAIBaseURL =
+
-          chatModelProvider === 'custom_openai'
+        const autoImageSearch = localStorage.getItem('autoImageSearch');
-            ? localStorage.getItem('openAIBaseURL')
+        const autoVideoSearch = localStorage.getItem('autoVideoSearch');
-            : null;
+
-        let openAIPIKey =
+        if (!autoImageSearch) {
-          chatModelProvider === 'custom_openai'
+          localStorage.setItem('autoImageSearch', 'true');
-            ? localStorage.getItem('openAIApiKey')
+        }
-            : null;
+
+        if (!autoVideoSearch) {
+          localStorage.setItem('autoVideoSearch', 'false');
+        }
 
         const providers = await fetch(
           `${process.env.NEXT_PUBLIC_API_URL}/models`,
@@ -595,6 +598,17 @@ const ChatWindow = ({ id }: { id?: string }) => {
             }),
           );
         }
+
+        const autoImageSearch = localStorage.getItem('autoImageSearch');
+        const autoVideoSearch = localStorage.getItem('autoVideoSearch');
+
+        if (autoImageSearch === 'true') {
+          document.getElementById('search-images')?.click();
+        }
+
+        if (autoVideoSearch === 'true') {
+          document.getElementById('search-videos')?.click();
+        }
       }
     };
 

ui/components/SearchImages.tsx

@@ -27,6 +27,7 @@ const SearchImages = ({
     <>
       {!loading && images === null && (
         <button
+          id="search-images"
           onClick={async () => {
             setLoading(true);
 

ui/components/SearchVideos.tsx

@@ -42,6 +42,7 @@ const Searchvideos = ({
     <>
       {!loading && videos === null && (
         <button
+          id="search-videos"
           onClick={async () => {
             setLoading(true);