feat(app): lint & beautify

src/app/c/[chatId]/page.tsx

@@ -4,9 +4,7 @@ import ChatWindow from '@/components/ChatWindow';
 import React from 'react';
 
 const Page = () => {
-  return (
+  return <ChatWindow />;
-    <ChatWindow />
-  );
 };
 
 export default Page;

src/app/page.tsx

@@ -7,9 +7,7 @@ export const metadata: Metadata = {
 };
 
 const Home = () => {
-  return (
+  return <ChatWindow />;
-    <ChatWindow />
-  );
 };
 
 export default Home;

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) => { 
+        const currentProviderIndex = data.providers.findIndex(
-          return p.id === chatModelProvider?.providerId
+          (p: MinimalProvider) => {
-        })
+            return p.id === chatModelProvider?.providerId;
+          },
+        );
 
         if (currentProviderIndex === -1) {
           setProviders(data.providers);
           return;
         }
-        
+
-        const selectedProvider = data.providers[currentProviderIndex]
+        const selectedProvider = data.providers[currentProviderIndex];
-        const remainingProviders = data.providers.filter((_, index) => index !== 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',

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(
+        localStorage.setItem('embeddingModelProviderId', providerId);
-          'embeddingModelProviderId',
+        localStorage.setItem('embeddingModelKey', modelKey);
-          providerId,
-        );
-        localStorage.setItem(
-          'embeddingModelKey',
-          modelKey,
-        );
 
         setEmbeddingModelProvider({
           providerId: providerId,

src/lib/hooks/useChat.tsx

@@ -262,22 +262,18 @@ export const chatContext = createContext<ChatContext>({
   optimizationMode: '',
   chatModelProvider: { key: '', providerId: '' },
   embeddingModelProvider: { key: '', providerId: '' },
-  rewrite: () => { },
+  rewrite: () => {},
-  sendMessage: async () => { },
+  sendMessage: async () => {},
-  setFileIds: () => { },
+  setFileIds: () => {},
-  setFiles: () => { },
+  setFiles: () => {},
-  setFocusMode: () => { },
+  setFocusMode: () => {},
-  setOptimizationMode: () => { },
+  setOptimizationMode: () => {},
-  setChatModelProvider: () => { },
+  setChatModelProvider: () => {},
-  setEmbeddingModelProvider: () => { },
+  setEmbeddingModelProvider: () => {},
 });
 
-export const ChatProvider = ({
+export const ChatProvider = ({ children }: { children: React.ReactNode }) => {
-  children,
+  const params: { chatId: string } = useParams();
-}: {
-  children: React.ReactNode;
-}) => {
-  const params: { chatId: string } = useParams()
   const searchParams = useSearchParams();
   const initialMessage = searchParams.get('q');