Merge 311f0e0879 into 46541e6c0c

ui/app/page.tsx

@@ -3,8 +3,8 @@ import { Metadata } from 'next';
 import { Suspense } from 'react';
 
 export const metadata: Metadata = {
-  title: 'MyCounsellor Ai Serach Eengine - Searching Thking with Gemini',
-  description: 'Chat with the internet, chat with MyCounsellor.',
+  title: 'Chat - Perplexica',
+  description: 'Chat with the internet, chat with Perplexica.',
 };
 
 const Home = () => {

ui/components/ChatWindow.tsx

@@ -5,6 +5,7 @@ import {Document} from '@langchain/core/documents';
 import Navbar from './Navbar';
 import Chat from './Chat';
 import EmptyChat from './EmptyChat';
+import crypto from 'crypto';
 import {toast} from 'sonner';
 import {useSearchParams} from 'next/navigation';
 import {getSuggestions} from '@/lib/actions';
@@ -480,18 +481,6 @@ const ChatWindow = ({id}: { id?: string }) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
-  useEffect(() => {
-    const savedFocusMode = localStorage.getItem('focusMode');
-    if (savedFocusMode) {
-      setFocusMode(savedFocusMode);
-    }
-  }, [setFocusMode]);
-
-  const handleFocusModeChange = (mode: string) => {
-    localStorage.setItem('focusMode', mode);
-    setFocusMode(mode);
-  };
-
   const messagesRef = useRef<Message[]>([]);
 
   useEffect(() => {
@@ -712,7 +701,7 @@ const ChatWindow = ({id}: { id?: string }) => {
             focusMode={focusMode}
             copilotEnabled={copilotEnabled}
             setCopilotEnabled={setCopilotEnabled}
-            setFocusMode={handleFocusModeChange}
+            setFocusMode={setFocusMode}
             optimizationMode={optimizationMode}
             setOptimizationMode={setOptimizationMode}
             fileIds={fileIds}

ui/components/EmptyChatMessageInput.tsx

@@ -88,8 +88,6 @@ const EmptyChatMessageInput = ({
         <div className="flex flex-row items-center justify-between mt-4">
           <div className="flex flex-row items-center space-x-2 lg:space-x-4">
             <Focus focusMode={focusMode} setFocusMode={setFocusMode} />
-          </div>
-          <div className="flex flex-row items-center space-x-1 sm:space-x-4">
             <Attach
               fileIds={fileIds}
               setFileIds={setFileIds}
@@ -97,12 +95,13 @@ const EmptyChatMessageInput = ({
               setFiles={setFiles}
               showText
             />
-
+          </div>
+          <div className="flex flex-row items-center space-x-1 sm:space-x-4">
             <CopilotToggle setCopilotEnabled={setCopilotEnabled} copilotEnabled={copilotEnabled}/>
-            {/*<Optimization*/}
-            {/*  optimizationMode={optimizationMode}*/}
-            {/*  setOptimizationMode={setOptimizationMode}*/}
-            {/*/>*/}
+            <Optimization
+              optimizationMode={optimizationMode}
+              setOptimizationMode={setOptimizationMode}
+            />
             <button
               disabled={message.trim().length === 0}
               className="bg-[#24A0ED] text-white disabled:text-black/50 dark:disabled:text-white/50 disabled:bg-[#e0e0dc] dark:disabled:bg-[#ececec21] hover:bg-opacity-85 transition duration-100 rounded-full p-2"

ui/components/MessageInputActions/Focus.tsx

@@ -111,7 +111,7 @@ const Focus = ({
         {focusMode !== 'webSearch' ? (
           <div className="flex flex-row items-center space-x-1">
             {focusModes.find((mode) => mode.key === focusMode)?.icon}
-            <p className="text-xs font-medium">
+            <p className="text-xs font-medium hidden lg:block">
               {focusModes.find((mode) => mode.key === focusMode)?.title}
             </p>
             <ChevronDown size={20} className="-translate-x-1" />
@@ -119,7 +119,7 @@ const Focus = ({
         ) : (
           <div className="flex flex-row items-center space-x-1">
             <ScanEye size={20} />
-            <p className="text-xs font-medium">Focus</p>
+            <p className="text-xs font-medium hidden lg:block">Focus</p>
           </div>
         )}
       </PopoverButton>