feat: keep fouce model

ui/app/page.tsx

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

ui/components/ChatWindow.tsx

@@ -5,7 +5,6 @@ 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';
@@ -481,6 +480,18 @@ 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(() => {
@@ -515,7 +526,7 @@ const ChatWindow = ({id}: { id?: string }) => {
     ws.send(
       JSON.stringify({
         type: 'message',
-        userId:userId,
+        userId: userId,
         message: {
           messageId: messageId,
           chatId: chatId!,
@@ -701,7 +712,7 @@ const ChatWindow = ({id}: { id?: string }) => {
             focusMode={focusMode}
             copilotEnabled={copilotEnabled}
             setCopilotEnabled={setCopilotEnabled}
-            setFocusMode={setFocusMode}
+            setFocusMode={handleFocusModeChange}
             optimizationMode={optimizationMode}
             setOptimizationMode={setOptimizationMode}
             fileIds={fileIds}

ui/components/EmptyChatMessageInput.tsx

@@ -88,6 +88,8 @@ 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}
@@ -95,13 +97,12 @@ 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
+            {/*<Optimization*/}
-              optimizationMode={optimizationMode}
+            {/*  optimizationMode={optimizationMode}*/}
-              setOptimizationMode={setOptimizationMode}
+            {/*  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 hidden lg:block">
+            <p className="text-xs font-medium">
               {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 hidden lg:block">Focus</p>
+            <p className="text-xs font-medium">Focus</p>
           </div>
         )}
       </PopoverButton>