diff --git a/src/app/c/[chatId]/page.tsx b/src/app/c/[chatId]/page.tsx
index c913b40..39b93f0 100644
--- a/src/app/c/[chatId]/page.tsx
+++ b/src/app/c/[chatId]/page.tsx
@@ -4,9 +4,7 @@ import ChatWindow from '@/components/ChatWindow';
 import React from 'react';
 
 const Page = () => {
-  return (
-    <ChatWindow />
-  );
+  return <ChatWindow />;
 };
 
 export default Page;
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 5fb86cf..2f3bd36 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,9 +7,7 @@ export const metadata: Metadata = {
 };
 
 const Home = () => {
-  return (
-    <ChatWindow />
-  );
+  return <ChatWindow />;
 };
 
 export default Home;
diff --git a/src/components/MessageInputActions/ChatModelSelector.tsx b/src/components/MessageInputActions/ChatModelSelector.tsx
index 35f7001..de6f467 100644
--- a/src/components/MessageInputActions/ChatModelSelector.tsx
+++ b/src/components/MessageInputActions/ChatModelSelector.tsx
@@ -31,17 +31,21 @@ const ModelSelector = () => {
 
         const data: { providers: MinimalProvider[] } = await res.json();
 
-        const currentProviderIndex = data.providers.findIndex((p: MinimalProvider) => { 
-          return p.id === chatModelProvider?.providerId
-        })
+        const currentProviderIndex = data.providers.findIndex(
+          (p: MinimalProvider) => {
+            return p.id === chatModelProvider?.providerId;
+          },
+        );
 
         if (currentProviderIndex === -1) {
           setProviders(data.providers);
           return;
         }
-        
-        const selectedProvider = data.providers[currentProviderIndex]
-        const remainingProviders = data.providers.filter((_, index) => index !== currentProviderIndex)
+
+        const selectedProvider = data.providers[currentProviderIndex];
+        const remainingProviders = data.providers.filter(
+          (_, index) => index !== currentProviderIndex,
+        );
 
         setProviders([selectedProvider, ...remainingProviders]);
       } catch (error) {
@@ -150,7 +154,8 @@ const ModelSelector = () => {
                                 size={15}
                                 className={cn(
                                   'shrink-0',
-                                  chatModelProvider?.providerId === provider.id &&
+                                  chatModelProvider?.providerId ===
+                                    provider.id &&
                                     chatModelProvider?.key === model.key
                                     ? 'text-sky-500'
                                     : 'text-black/50 dark:text-white/50 group-hover:text-black/70 group-hover:dark:text-white/70',
@@ -159,7 +164,8 @@ const ModelSelector = () => {
                               <p
                                 className={cn(
                                   'text-sm truncate',
-                                  chatModelProvider?.providerId === provider.id &&
+                                  chatModelProvider?.providerId ===
+                                    provider.id &&
                                     chatModelProvider?.key === model.key
                                     ? 'text-sky-500 font-medium'
                                     : 'text-black/70 dark:text-white/70 group-hover:text-black dark:group-hover:text-white',
diff --git a/src/components/Settings/Sections/Models/ModelSelect.tsx b/src/components/Settings/Sections/Models/ModelSelect.tsx
index 96eaa55..75117b3 100644
--- a/src/components/Settings/Sections/Models/ModelSelect.tsx
+++ b/src/components/Settings/Sections/Models/ModelSelect.tsx
@@ -27,7 +27,7 @@ const ModelSelect = ({
       if (type === 'chat') {
         const providerId = newValue.split('/')[0];
         const modelKey = newValue.split('/').slice(1).join('/');
-        
+
         localStorage.setItem('chatModelProviderId', providerId);
         localStorage.setItem('chatModelKey', modelKey);
 
@@ -39,14 +39,8 @@ const ModelSelect = ({
         const providerId = newValue.split('/')[0];
         const modelKey = newValue.split('/').slice(1).join('/');
 
-        localStorage.setItem(
-          'embeddingModelProviderId',
-          providerId,
-        );
-        localStorage.setItem(
-          'embeddingModelKey',
-          modelKey,
-        );
+        localStorage.setItem('embeddingModelProviderId', providerId);
+        localStorage.setItem('embeddingModelKey', modelKey);
 
         setEmbeddingModelProvider({
           providerId: providerId,
diff --git a/src/lib/hooks/useChat.tsx b/src/lib/hooks/useChat.tsx
index 84225a5..c41ede4 100644
--- a/src/lib/hooks/useChat.tsx
+++ b/src/lib/hooks/useChat.tsx
@@ -262,22 +262,18 @@ export const chatContext = createContext<ChatContext>({
   optimizationMode: '',
   chatModelProvider: { key: '', providerId: '' },
   embeddingModelProvider: { key: '', providerId: '' },
-  rewrite: () => { },
-  sendMessage: async () => { },
-  setFileIds: () => { },
-  setFiles: () => { },
-  setFocusMode: () => { },
-  setOptimizationMode: () => { },
-  setChatModelProvider: () => { },
-  setEmbeddingModelProvider: () => { },
+  rewrite: () => {},
+  sendMessage: async () => {},
+  setFileIds: () => {},
+  setFiles: () => {},
+  setFocusMode: () => {},
+  setOptimizationMode: () => {},
+  setChatModelProvider: () => {},
+  setEmbeddingModelProvider: () => {},
 });
 
-export const ChatProvider = ({
-  children,
-}: {
-  children: React.ReactNode;
-}) => {
-  const params: { chatId: string } = useParams()
+export const ChatProvider = ({ children }: { children: React.ReactNode }) => {
+  const params: { chatId: string } = useParams();
   const searchParams = useSearchParams();
   const initialMessage = searchParams.get('q');