diff --git a/.github/workflows.yml b/.github/workflows.yml
new file mode 100644
index 0000000..5b6e442
--- /dev/null
+++ b/.github/workflows.yml
@@ -0,0 +1,25 @@
+name: Lint
+on:
+  push:
+
+jobs:
+  build:
+    runs-on: ubuntu-22.04
+    strategy:
+      matrix:
+        node-version: [20]
+    steps:
+    - uses: actions/checkout@v4
+    - name: Install pnpm
+      uses: pnpm/action-setup@v4
+      with:
+        version: 9
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v4
+      with:
+        node-version: ${{ matrix.node-version }}
+        cache: 'pnpm'
+    - name: Install dependencies
+      run: pnpm install
+    - name: Run lint
+      run: pnpm lint
\ No newline at end of file
diff --git a/ai/custom-middleware.ts b/ai/custom-middleware.ts
index 7f60117..00f17e7 100644
--- a/ai/custom-middleware.ts
+++ b/ai/custom-middleware.ts
@@ -1,3 +1,3 @@
-import { Experimental_LanguageModelV1Middleware } from 'ai';
+import type { Experimental_LanguageModelV1Middleware } from 'ai';
 
 export const customMiddleware: Experimental_LanguageModelV1Middleware = {};
diff --git a/app/(auth)/actions.ts b/app/(auth)/actions.ts
index 4197bd4..c2a5afe 100644
--- a/app/(auth)/actions.ts
+++ b/app/(auth)/actions.ts
@@ -65,16 +65,15 @@ export const register = async (
 
     if (user) {
       return { status: 'user_exists' } as RegisterActionState;
-    } else {
-      await createUser(validatedData.email, validatedData.password);
-      await signIn('credentials', {
-        email: validatedData.email,
-        password: validatedData.password,
-        redirect: false,
-      });
-
-      return { status: 'success' };
     }
+    await createUser(validatedData.email, validatedData.password);
+    await signIn('credentials', {
+      email: validatedData.email,
+      password: validatedData.password,
+      redirect: false,
+    });
+
+    return { status: 'success' };
   } catch (error) {
     if (error instanceof z.ZodError) {
       return { status: 'invalid_data' };
diff --git a/app/(auth)/auth.ts b/app/(auth)/auth.ts
index d49fefe..3d8e738 100644
--- a/app/(auth)/auth.ts
+++ b/app/(auth)/auth.ts
@@ -1,5 +1,5 @@
 import { compare } from 'bcrypt-ts';
-import NextAuth, { User, Session } from 'next-auth';
+import NextAuth, { type User, type Session } from 'next-auth';
 import Credentials from 'next-auth/providers/credentials';
 
 import { getUser } from '@/lib/db/queries';
@@ -20,11 +20,13 @@ export const {
   providers: [
     Credentials({
       credentials: {},
+      // biome-ignore lint/suspicious/noExplicitAny: TODO
       async authorize({ email, password }: any) {
-        let users = await getUser(email);
+        const users = await getUser(email);
         if (users.length === 0) return null;
-        let passwordsMatch = await compare(password, users[0].password!);
-        if (passwordsMatch) return users[0] as any;
+        const passwordsMatch = await compare(password, users[0].password!);
+        // biome-ignore lint/suspicious/noExplicitAny: TODO
+        return users[0] as any;
       },
     }),
   ],
@@ -41,6 +43,7 @@ export const {
       token,
     }: {
       session: ExtendedSession;
+      // biome-ignore lint/suspicious/noExplicitAny: TODO
       token: any;
     }) {
       if (session.user) {
diff --git a/app/(auth)/login/page.tsx b/app/(auth)/login/page.tsx
index a8e5d8c..e1577dc 100644
--- a/app/(auth)/login/page.tsx
+++ b/app/(auth)/login/page.tsx
@@ -8,7 +8,7 @@ import { toast } from 'sonner';
 import { AuthForm } from '@/components/auth-form';
 import { SubmitButton } from '@/components/submit-button';
 
-import { login, LoginActionState } from '../actions';
+import { login, type LoginActionState } from '../actions';
 
 export default function Page() {
   const router = useRouter();
diff --git a/app/(chat)/actions.ts b/app/(chat)/actions.ts
index 9a1c8fa..e67e36a 100644
--- a/app/(chat)/actions.ts
+++ b/app/(chat)/actions.ts
@@ -1,6 +1,6 @@
 'use server';
 
-import { CoreMessage, CoreUserMessage, generateText } from 'ai';
+import { CoreMessage, type CoreUserMessage, generateText } from 'ai';
 import { cookies } from 'next/headers';
 
 import { customModel } from '@/ai';
diff --git a/app/(chat)/api/chat/route.ts b/app/(chat)/api/chat/route.ts
index f3b54f7..4f9e01f 100644
--- a/app/(chat)/api/chat/route.ts
+++ b/app/(chat)/api/chat/route.ts
@@ -1,6 +1,6 @@
 import {
   convertToCoreMessages,
-  Message,
+  type Message,
   StreamData,
   streamObject,
   streamText,
@@ -20,7 +20,7 @@ import {
   saveMessages,
   saveSuggestions,
 } from '@/lib/db/queries';
-import { Suggestion } from '@/lib/db/schema';
+import type { Suggestion } from '@/lib/db/schema';
 import {
   generateUUID,
   getMostRecentUserMessage,
@@ -118,7 +118,7 @@ export async function POST(request: Request) {
         }),
         execute: async ({ title }) => {
           const id = generateUUID();
-          let draftText: string = '';
+          let draftText = '';
 
           streamingData.append({
             type: 'id',
@@ -158,7 +158,7 @@ export async function POST(request: Request) {
 
           streamingData.append({ type: 'finish', content: '' });
 
-          if (session.user && session.user.id) {
+          if (session.user?.id) {
             await saveDocument({
               id,
               title,
@@ -170,7 +170,7 @@ export async function POST(request: Request) {
           return {
             id,
             title,
-            content: `A document was created and is now visible to the user.`,
+            content: 'A document was created and is now visible to the user.',
           };
         },
       },
@@ -192,7 +192,7 @@ export async function POST(request: Request) {
           }
 
           const { content: currentContent } = document;
-          let draftText: string = '';
+          let draftText = '';
 
           streamingData.append({
             type: 'clear',
@@ -236,7 +236,7 @@ export async function POST(request: Request) {
 
           streamingData.append({ type: 'finish', content: '' });
 
-          if (session.user && session.user.id) {
+          if (session.user?.id) {
             await saveDocument({
               id,
               title: document.title,
@@ -268,7 +268,7 @@ export async function POST(request: Request) {
             };
           }
 
-          let suggestions: Array<
+          const suggestions: Array<
             Omit<Suggestion, 'userId' | 'createdAt' | 'documentCreatedAt'>
           > = [];
 
@@ -305,7 +305,7 @@ export async function POST(request: Request) {
             suggestions.push(suggestion);
           }
 
-          if (session.user && session.user.id) {
+          if (session.user?.id) {
             const userId = session.user.id;
 
             await saveSuggestions({
@@ -327,7 +327,7 @@ export async function POST(request: Request) {
       },
     },
     onFinish: async ({ responseMessages }) => {
-      if (session.user && session.user.id) {
+      if (session.user?.id) {
         try {
           const responseMessagesWithoutIncompleteToolCalls =
             sanitizeResponseMessages(responseMessages);
diff --git a/app/(chat)/api/document/route.ts b/app/(chat)/api/document/route.ts
index 885d39c..9ba2bac 100644
--- a/app/(chat)/api/document/route.ts
+++ b/app/(chat)/api/document/route.ts
@@ -51,7 +51,7 @@ export async function POST(request: Request) {
   const { content, title }: { content: string; title: string } =
     await request.json();
 
-  if (session.user && session.user.id) {
+  if (session.user?.id) {
     const document = await saveDocument({
       id,
       content,
@@ -60,9 +60,8 @@ export async function POST(request: Request) {
     });
 
     return Response.json(document, { status: 200 });
-  } else {
-    return new Response('Unauthorized', { status: 401 });
   }
+  return new Response('Unauthorized', { status: 401 });
 }
 
 export async function PATCH(request: Request) {
diff --git a/app/(chat)/api/files/upload/route.ts b/app/(chat)/api/files/upload/route.ts
index ab1016b..b753750 100644
--- a/app/(chat)/api/files/upload/route.ts
+++ b/app/(chat)/api/files/upload/route.ts
@@ -4,9 +4,10 @@ import { z } from 'zod';
 
 import { auth } from '@/app/(auth)/auth';
 
+// Use Blob instead of File since File is not available in Node.js environment
 const FileSchema = z.object({
   file: z
-    .instanceof(File)
+    .instanceof(Blob)
     .refine((file) => file.size <= 5 * 1024 * 1024, {
       message: 'File size should be less than 5MB',
     })
@@ -32,7 +33,7 @@ export async function POST(request: Request) {
 
   try {
     const formData = await request.formData();
-    const file = formData.get('file') as File;
+    const file = formData.get('file') as Blob;
 
     if (!file) {
       return NextResponse.json({ error: 'No file uploaded' }, { status: 400 });
@@ -48,7 +49,8 @@ export async function POST(request: Request) {
       return NextResponse.json({ error: errorMessage }, { status: 400 });
     }
 
-    const filename = file.name;
+    // Get filename from formData since Blob doesn't have name property
+    const filename = (formData.get('file') as File).name;
     const fileBuffer = await file.arrayBuffer();
 
     try {
diff --git a/app/(chat)/chat/[id]/page.tsx b/app/(chat)/chat/[id]/page.tsx
index 060962b..4c175e0 100644
--- a/app/(chat)/chat/[id]/page.tsx
+++ b/app/(chat)/chat/[id]/page.tsx
@@ -8,7 +8,7 @@ import { Chat as PreviewChat } from '@/components/chat';
 import { getChatById, getMessagesByChatId } from '@/lib/db/queries';
 import { convertToUIMessages } from '@/lib/utils';
 
-export default async function Page(props: { params: Promise<any> }) {
+export default async function Page(props: { params: Promise<{ id: string }> }) {
   const params = await props.params;
   const { id } = params;
   const chat = await getChatById({ id });
diff --git a/app/layout.tsx b/app/layout.tsx
index 8a29480..d0d4c45 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,4 +1,4 @@
-import { Metadata } from 'next';
+import type { Metadata } from 'next';
 import { Toaster } from 'sonner';
 
 import { ThemeProvider } from '@/components/theme-provider';
@@ -51,6 +51,7 @@ export default async function RootLayout({
     >
       <head>
         <script
+          // biome-ignore lint/security/noDangerouslySetInnerHtml: <explanation>
           dangerouslySetInnerHTML={{
             __html: THEME_COLOR_SCRIPT,
           }}
diff --git a/components/app-sidebar.tsx b/components/app-sidebar.tsx
index b753004..e7dddbe 100644
--- a/components/app-sidebar.tsx
+++ b/components/app-sidebar.tsx
@@ -1,8 +1,7 @@
 'use client';
 
-import Link from 'next/link';
+import type { User } from 'next-auth';
 import { useRouter } from 'next/navigation';
-import { type User } from 'next-auth';
 
 import { PlusIcon } from '@/components/icons';
 import { SidebarHistory } from '@/components/sidebar-history';
diff --git a/components/auth-form.tsx b/components/auth-form.tsx
index 9584736..009eed2 100644
--- a/components/auth-form.tsx
+++ b/components/auth-form.tsx
@@ -8,7 +8,9 @@ export function AuthForm({
   children,
   defaultEmail = '',
 }: {
-  action: any;
+  action: NonNullable<
+    string | ((formData: FormData) => void | Promise<void>) | undefined
+  >;
   children: React.ReactNode;
   defaultEmail?: string;
 }) {
diff --git a/components/block-stream-handler.tsx b/components/block-stream-handler.tsx
index 541b5ea..73f50e1 100644
--- a/components/block-stream-handler.tsx
+++ b/components/block-stream-handler.tsx
@@ -1,7 +1,7 @@
-import { JSONValue } from 'ai';
-import { Dispatch, memo, SetStateAction } from 'react';
+import type { JSONValue } from 'ai';
+import { type Dispatch, memo, type SetStateAction } from 'react';
 
-import { UIBlock } from './block';
+import type { UIBlock } from './block';
 import { useBlockStream } from './use-block-stream';
 
 interface BlockStreamHandlerProps {
diff --git a/components/block.tsx b/components/block.tsx
index d0de976..dae0eb3 100644
--- a/components/block.tsx
+++ b/components/block.tsx
@@ -1,10 +1,15 @@
-import { Attachment, ChatRequestOptions, CreateMessage, Message } from 'ai';
+import type {
+  Attachment,
+  ChatRequestOptions,
+  CreateMessage,
+  Message,
+} from 'ai';
 import cx from 'classnames';
 import { formatDistance } from 'date-fns';
 import { AnimatePresence, motion } from 'framer-motion';
 import {
-  Dispatch,
-  SetStateAction,
+  type Dispatch,
+  type SetStateAction,
   useCallback,
   useEffect,
   useState,
@@ -17,7 +22,7 @@ import {
   useWindowSize,
 } from 'usehooks-ts';
 
-import { Document, Suggestion, Vote } from '@/lib/db/schema';
+import type { Document, Suggestion, Vote } from '@/lib/db/schema';
 import { fetcher } from '@/lib/utils';
 
 import { DiffView } from './diffview';
@@ -168,9 +173,8 @@ export function Block({
             };
 
             return [...currentDocuments, newDocument];
-          } else {
-            return currentDocuments;
           }
+          return currentDocuments;
         },
         { revalidate: false }
       );
diff --git a/components/chat-header.tsx b/components/chat-header.tsx
index c8e0070..2e6be7c 100644
--- a/components/chat-header.tsx
+++ b/components/chat-header.tsx
@@ -8,7 +8,6 @@ import { ModelSelector } from '@/components/model-selector';
 import { SidebarToggle } from '@/components/sidebar-toggle';
 import { Button } from '@/components/ui/button';
 import { BetterTooltip } from '@/components/ui/tooltip';
-
 import { PlusIcon, VercelIcon } from './icons';
 import { useSidebar } from './ui/sidebar';
 
diff --git a/components/chat.tsx b/components/chat.tsx
index c36a02a..0054b2c 100644
--- a/components/chat.tsx
+++ b/components/chat.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { Attachment, Message } from 'ai';
+import type { Attachment, Message } from 'ai';
 import { useChat } from 'ai/react';
 import { AnimatePresence } from 'framer-motion';
 import { useState } from 'react';
@@ -10,10 +10,10 @@ import { useWindowSize } from 'usehooks-ts';
 import { ChatHeader } from '@/components/chat-header';
 import { PreviewMessage, ThinkingMessage } from '@/components/message';
 import { useScrollToBottom } from '@/components/use-scroll-to-bottom';
-import { Vote } from '@/lib/db/schema';
+import type { Vote } from '@/lib/db/schema';
 import { fetcher } from '@/lib/utils';
 
-import { Block, UIBlock } from './block';
+import { Block, type UIBlock } from './block';
 import { BlockStreamHandler } from './block-stream-handler';
 import { MultimodalInput } from './multimodal-input';
 import { Overview } from './overview';
@@ -129,7 +129,7 @@ export function Chat({
       </div>
 
       <AnimatePresence>
-        {block && block.isVisible && (
+        {block?.isVisible && (
           <Block
             chatId={id}
             input={input}
diff --git a/components/diffview.tsx b/components/diffview.tsx
index 2bf5687..d3b2368 100644
--- a/components/diffview.tsx
+++ b/components/diffview.tsx
@@ -1,8 +1,8 @@
 import OrderedMap from 'orderedmap';
 import {
   Schema,
-  Node as ProsemirrorNode,
-  MarkSpec,
+  type Node as ProsemirrorNode,
+  type MarkSpec,
   DOMParser,
 } from 'prosemirror-model';
 import { schema } from 'prosemirror-schema-basic';
diff --git a/components/document.tsx b/components/document.tsx
index 796b136..df36076 100644
--- a/components/document.tsx
+++ b/components/document.tsx
@@ -1,6 +1,6 @@
-import { SetStateAction } from 'react';
+import type { SetStateAction } from 'react';
 
-import { UIBlock } from './block';
+import type { UIBlock } from './block';
 import { FileIcon, LoaderIcon, MessageIcon, PencilEditIcon } from './icons';
 
 const getActionText = (type: 'create' | 'update' | 'request-suggestions') => {
@@ -18,7 +18,7 @@ const getActionText = (type: 'create' | 'update' | 'request-suggestions') => {
 
 interface DocumentToolResultProps {
   type: 'create' | 'update' | 'request-suggestions';
-  result: any;
+  result: { id: string; title: string };
   block: UIBlock;
   setBlock: (value: SetStateAction<UIBlock>) => void;
 }
@@ -70,7 +70,7 @@ export function DocumentToolResult({
 
 interface DocumentToolCallProps {
   type: 'create' | 'update' | 'request-suggestions';
-  args: any;
+  args: { title: string };
 }
 
 export function DocumentToolCall({ type, args }: DocumentToolCallProps) {
diff --git a/components/editor.tsx b/components/editor.tsx
index 6d657b8..e023e23 100644
--- a/components/editor.tsx
+++ b/components/editor.tsx
@@ -6,7 +6,7 @@ import { EditorState } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
 import React, { memo, useEffect, useRef } from 'react';
 
-import { Suggestion } from '@/lib/db/schema';
+import type { Suggestion } from '@/lib/db/schema';
 import {
   documentSchema,
   handleTransaction,
@@ -122,7 +122,7 @@ function PureEditor({
   }, [content, status]);
 
   useEffect(() => {
-    if (editorRef.current && editorRef.current.state.doc && content) {
+    if (editorRef.current?.state.doc && content) {
       const projectedSuggestions = projectWithPositions(
         editorRef.current.state.doc,
         suggestions
@@ -147,24 +147,14 @@ function PureEditor({
 }
 
 function areEqual(prevProps: EditorProps, nextProps: EditorProps) {
-  if (prevProps.suggestions !== nextProps.suggestions) {
-    return false;
-  } else if (prevProps.currentVersionIndex !== nextProps.currentVersionIndex) {
-    return false;
-  } else if (prevProps.isCurrentVersion !== nextProps.isCurrentVersion) {
-    return false;
-  } else if (
-    prevProps.status === 'streaming' &&
-    nextProps.status === 'streaming'
-  ) {
-    return false;
-  } else if (prevProps.content !== nextProps.content) {
-    return false;
-  } else if (prevProps.saveContent !== nextProps.saveContent) {
-    return false;
-  }
-
-  return true;
+  return (
+    prevProps.suggestions === nextProps.suggestions &&
+    prevProps.currentVersionIndex === nextProps.currentVersionIndex &&
+    prevProps.isCurrentVersion === nextProps.isCurrentVersion &&
+    !(prevProps.status === 'streaming' && nextProps.status === 'streaming') &&
+    prevProps.content === nextProps.content &&
+    prevProps.saveContent === nextProps.saveContent
+  );
 }
 
 export const Editor = memo(PureEditor, areEqual);
diff --git a/components/icons.tsx b/components/icons.tsx
index 7d83ee6..df896ce 100644
--- a/components/icons.tsx
+++ b/components/icons.tsx
@@ -12,7 +12,7 @@ export const BotIcon = () => {
         clipRule="evenodd"
         d="M8.75 2.79933C9.19835 2.53997 9.5 2.05521 9.5 1.5C9.5 0.671573 8.82843 0 8 0C7.17157 0 6.5 0.671573 6.5 1.5C6.5 2.05521 6.80165 2.53997 7.25 2.79933V5H7C4.027 5 1.55904 7.16229 1.08296 10H0V13H1V14.5V16H2.5H13.5H15V14.5V13H16V10H14.917C14.441 7.16229 11.973 5 9 5H8.75V2.79933ZM7 6.5C4.51472 6.5 2.5 8.51472 2.5 11V14.5H13.5V11C13.5 8.51472 11.4853 6.5 9 6.5H7ZM7.25 11.25C7.25 12.2165 6.4665 13 5.5 13C4.5335 13 3.75 12.2165 3.75 11.25C3.75 10.2835 4.5335 9.5 5.5 9.5C6.4665 9.5 7.25 10.2835 7.25 11.25ZM10.5 13C11.4665 13 12.25 12.2165 12.25 11.25C12.25 10.2835 11.4665 9.5 10.5 9.5C9.5335 9.5 8.75 10.2835 8.75 11.25C8.75 12.2165 9.5335 13 10.5 13Z"
         fill="currentColor"
-      ></path>
+      />
     </svg>
   );
 };
@@ -32,7 +32,7 @@ export const UserIcon = () => {
         clipRule="evenodd"
         d="M7.75 0C5.95507 0 4.5 1.45507 4.5 3.25V3.75C4.5 5.54493 5.95507 7 7.75 7H8.25C10.0449 7 11.5 5.54493 11.5 3.75V3.25C11.5 1.45507 10.0449 0 8.25 0H7.75ZM6 3.25C6 2.2835 6.7835 1.5 7.75 1.5H8.25C9.2165 1.5 10 2.2835 10 3.25V3.75C10 4.7165 9.2165 5.5 8.25 5.5H7.75C6.7835 5.5 6 4.7165 6 3.75V3.25ZM2.5 14.5V13.1709C3.31958 11.5377 4.99308 10.5 6.82945 10.5H9.17055C11.0069 10.5 12.6804 11.5377 13.5 13.1709V14.5H2.5ZM6.82945 9C4.35483 9 2.10604 10.4388 1.06903 12.6857L1 12.8353V13V15.25V16H1.75H14.25H15V15.25V13V12.8353L14.931 12.6857C13.894 10.4388 11.6452 9 9.17055 9H6.82945Z"
         fill="currentColor"
-      ></path>
+      />
     </svg>
   );
 };
@@ -51,7 +51,7 @@ export const AttachmentIcon = () => {
         clipRule="evenodd"
         d="M14.5 6.5V13.5C14.5 14.8807 13.3807 16 12 16H4C2.61929 16 1.5 14.8807 1.5 13.5V1.5V0H3H8H9.08579C9.351 0 9.60536 0.105357 9.79289 0.292893L14.2071 4.70711C14.3946 4.89464 14.5 5.149 14.5 5.41421V6.5ZM13 6.5V13.5C13 14.0523 12.5523 14.5 12 14.5H4C3.44772 14.5 3 14.0523 3 13.5V1.5H8V5V6.5H9.5H13ZM9.5 2.12132V5H12.3787L9.5 2.12132Z"
         fill="currentColor"
-      ></path>
+      />
     </svg>
   );
 };
@@ -70,7 +70,7 @@ export const VercelIcon = ({ size = 17 }) => {
         clipRule="evenodd"
         d="M8 1L16 15H0L8 1Z"
         fill="currentColor"
-      ></path>
+      />
     </svg>
   );
 };
@@ -90,11 +90,11 @@ export const GitIcon = () => {
           clipRule="evenodd"
           d="M8 0C3.58 0 0 3.57879 0 7.99729C0 11.5361 2.29 14.5251 5.47 15.5847C5.87 15.6547 6.02 15.4148 6.02 15.2049C6.02 15.0149 6.01 14.3851 6.01 13.7154C4 14.0852 3.48 13.2255 3.32 12.7757C3.23 12.5458 2.84 11.836 2.5 11.6461C2.22 11.4961 1.82 11.1262 2.49 11.1162C3.12 11.1062 3.57 11.696 3.72 11.936C4.44 13.1455 5.59 12.8057 6.05 12.5957C6.12 12.0759 6.33 11.726 6.56 11.5261C4.78 11.3262 2.92 10.6364 2.92 7.57743C2.92 6.70773 3.23 5.98797 3.74 5.42816C3.66 5.22823 3.38 4.40851 3.82 3.30888C3.82 3.30888 4.49 3.09895 6.02 4.1286C6.66 3.94866 7.34 3.85869 8.02 3.85869C8.7 3.85869 9.38 3.94866 10.02 4.1286C11.55 3.08895 12.22 3.30888 12.22 3.30888C12.66 4.40851 12.38 5.22823 12.3 5.42816C12.81 5.98797 13.12 6.69773 13.12 7.57743C13.12 10.6464 11.25 11.3262 9.47 11.5261C9.76 11.776 10.01 12.2558 10.01 13.0056C10.01 14.0752 10 14.9349 10 15.2049C10 15.4148 10.15 15.6647 10.55 15.5847C12.1381 15.0488 13.5182 14.0284 14.4958 12.6673C15.4735 11.3062 15.9996 9.67293 16 7.99729C16 3.57879 12.42 0 8 0Z"
           fill="currentColor"
-        ></path>
+        />
       </g>
       <defs>
         <clipPath id="clip0_872_3147">
-          <rect width="16" height="16" fill="white"></rect>
+          <rect width="16" height="16" fill="white" />
         </clipPath>
       </defs>
     </svg>
@@ -115,7 +115,7 @@ export const BoxIcon = ({ size = 16 }: { size: number }) => {
         clipRule="evenodd"
         d="M8 0.154663L8.34601 0.334591L14.596 3.58459L15 3.79466V4.25V11.75V12.2053L14.596 12.4154L8.34601 15.6654L8 15.8453L7.65399 15.6654L1.40399 12.4154L1 12.2053V11.75V4.25V3.79466L1.40399 3.58459L7.65399 0.334591L8 0.154663ZM2.5 11.2947V5.44058L7.25 7.81559V13.7647L2.5 11.2947ZM8.75 13.7647L13.5 11.2947V5.44056L8.75 7.81556V13.7647ZM8 1.84534L12.5766 4.22519L7.99998 6.51352L3.42335 4.2252L8 1.84534Z"
         fill="currentColor"
-      ></path>
+      />
     </svg>
   );
 };
@@ -134,7 +134,7 @@ export const HomeIcon = ({ size = 16 }: { size: number }) => {
         clipRule="evenodd"
         d="M12.5 6.56062L8.00001 2.06062L3.50001 6.56062V13.5L6.00001 13.5V11C6.00001 9.89539 6.89544 8.99996 8.00001 8.99996C9.10458 8.99996 10 9.89539 10 11V13.5L12.5 13.5V6.56062ZM13.78 5.71933L8.70711 0.646409C8.31659 0.255886 7.68342 0.255883 7.2929 0.646409L2.21987 5.71944C2.21974 5.71957 2.21961 5.7197 2.21949 5.71982L0.469676 7.46963L-0.0606537 7.99996L1.00001 9.06062L1.53034 8.53029L2.00001 8.06062V14.25V15H2.75001L6.00001 15H7.50001H8.50001H10L13.25 15H14V14.25V8.06062L14.4697 8.53029L15 9.06062L16.0607 7.99996L15.5303 7.46963L13.7806 5.71993C13.7804 5.71973 13.7802 5.71953 13.78 5.71933ZM8.50001 11V13.5H7.50001V11C7.50001 10.7238 7.72386 10.5 8.00001 10.5C8.27615 10.5 8.50001 10.7238 8.50001 11Z"
         fill="currentColor"
-      ></path>
+      />
     </svg>
   );
 };
@@ -155,7 +155,7 @@ export const GPSIcon = ({ size = 16 }: { size: number }) => {
         strokeLinecap="round"
         strokeLinejoin="bevel"
         fill="transparent"
-      ></path>
+      />
     </svg>
   );
 };
@@ -174,7 +174,7 @@ export const InvoiceIcon = ({ size = 16 }: { size: number }) => {
         clipRule="evenodd"
         d="M13 15.1L12 14.5L10.1524 15.8857C10.0621 15.9534 9.93791 15.9534 9.8476 15.8857L8 14.5L6.14377 15.8922C6.05761 15.9568 5.94008 15.9601 5.85047 15.9003L3.75 14.5L3 15L2.83257 15.1116L1.83633 15.7758L1.68656 15.8756C1.60682 15.9288 1.5 15.8716 1.5 15.7758V15.5958V14.3985V14.1972V1.5V0H3H8H9.08579C9.351 0 9.60536 0.105357 9.79289 0.292893L14.2071 4.70711C14.3946 4.89464 14.5 5.149 14.5 5.41421V6.5V14.2507V14.411V15.5881V15.7881C14.5 15.8813 14.3982 15.9389 14.3183 15.891L14.1468 15.7881L13.1375 15.1825L13 15.1ZM12.3787 5L9.5 2.12132V5H12.3787ZM8 1.5V5V6.5H9.5H13V13.3507L12.7717 13.2138L11.9069 12.6948L11.1 13.3L10 14.125L8.9 13.3L8 12.625L7.1 13.3L5.94902 14.1632L4.58205 13.2519L3.75 12.6972L3 13.1972V1.5H8Z"
         fill="currentColor"
-      ></path>
+      />
     </svg>
   );
 };
@@ -191,7 +191,7 @@ export const LogoOpenAI = ({ size = 16 }: { size?: number }) => {
       <path
         d="M14.9449 6.54871C15.3128 5.45919 15.1861 4.26567 14.5978 3.27464C13.7131 1.75461 11.9345 0.972595 10.1974 1.3406C9.42464 0.481584 8.3144 -0.00692594 7.15045 7.42132e-05C5.37487 -0.00392587 3.79946 1.1241 3.2532 2.79113C2.11256 3.02164 1.12799 3.72615 0.551837 4.72468C-0.339497 6.24071 -0.1363 8.15175 1.05451 9.45178C0.686626 10.5413 0.813308 11.7348 1.40162 12.7258C2.28637 14.2459 4.06498 15.0279 5.80204 14.6599C6.5743 15.5189 7.68504 16.0074 8.849 15.9999C10.6256 16.0044 12.2015 14.8754 12.7478 13.2069C13.8884 12.9764 14.873 12.2718 15.4491 11.2733C16.3394 9.75728 16.1357 7.84774 14.9454 6.54771L14.9449 6.54871ZM8.85001 14.9544C8.13907 14.9554 7.45043 14.7099 6.90468 14.2604C6.92951 14.2474 6.97259 14.2239 7.00046 14.2069L10.2293 12.3668C10.3945 12.2743 10.4959 12.1008 10.4949 11.9133V7.42173L11.8595 8.19925C11.8742 8.20625 11.8838 8.22025 11.8858 8.23625V11.9558C11.8838 13.6099 10.5263 14.9509 8.85001 14.9544ZM2.32133 12.2028C1.9651 11.5958 1.8369 10.8843 1.95902 10.1938C1.98284 10.2078 2.02489 10.2333 2.05479 10.2503L5.28366 12.0903C5.44733 12.1848 5.65003 12.1848 5.81421 12.0903L9.75604 9.84429V11.3993C9.75705 11.4153 9.74945 11.4308 9.73678 11.4408L6.47295 13.3004C5.01915 14.1264 3.1625 13.6354 2.32184 12.2028H2.32133ZM1.47155 5.24819C1.82626 4.64017 2.38619 4.17516 3.05305 3.93366C3.05305 3.96116 3.05152 4.00966 3.05152 4.04366V7.72424C3.05051 7.91124 3.15186 8.08475 3.31654 8.17725L7.25838 10.4228L5.89376 11.2003C5.88008 11.2093 5.86285 11.2108 5.84765 11.2043L2.58331 9.34327C1.13255 8.51426 0.63494 6.68272 1.47104 5.24869L1.47155 5.24819ZM12.6834 7.82274L8.74157 5.57669L10.1062 4.79968C10.1199 4.79068 10.1371 4.78918 10.1523 4.79568L13.4166 6.65522C14.8699 7.48373 15.3681 9.31827 14.5284 10.7523C14.1732 11.3593 13.6138 11.8243 12.9474 12.0663V8.27575C12.9489 8.08875 12.8481 7.91574 12.6839 7.82274H12.6834ZM14.0414 5.8057C14.0176 5.7912 13.9756 5.7662 13.9457 5.7492L10.7168 3.90916C10.5531 3.81466 10.3504 3.81466 10.1863 3.90916L6.24442 6.15521V4.60017C6.2434 4.58417 6.251 4.56867 6.26367 4.55867L9.52751 2.70063C10.9813 1.87311 12.84 2.36563 13.6781 3.80066C14.0323 4.40667 14.1605 5.11618 14.0404 5.8057H14.0414ZM5.50257 8.57726L4.13744 7.79974C4.12275 7.79274 4.11312 7.77874 4.11109 7.76274V4.04316C4.11211 2.38713 5.47368 1.0451 7.15197 1.0461C7.86189 1.0461 8.54902 1.2921 9.09476 1.74011C9.06993 1.75311 9.02737 1.77661 8.99899 1.79361L5.77012 3.63365C5.60493 3.72615 5.50358 3.89916 5.50459 4.08666L5.50257 8.57626V8.57726ZM6.24391 7.00022L7.99972 5.9997L9.75553 6.99972V9.00027L7.99972 10.0003L6.24391 9.00027V7.00022Z"
         fill="currentColor"
-      ></path>
+      />
     </svg>
   );
 };
@@ -209,19 +209,19 @@ export const LogoGoogle = ({ size = 16 }: { size?: number }) => {
       <path
         d="M8.15991 6.54543V9.64362H12.4654C12.2763 10.64 11.709 11.4837 10.8581 12.0509L13.4544 14.0655C14.9671 12.6692 15.8399 10.6182 15.8399 8.18188C15.8399 7.61461 15.789 7.06911 15.6944 6.54552L8.15991 6.54543Z"
         fill="#4285F4"
-      ></path>
+      />
       <path
         d="M3.6764 9.52268L3.09083 9.97093L1.01807 11.5855C2.33443 14.1963 5.03241 16 8.15966 16C10.3196 16 12.1305 15.2873 13.4542 14.0655L10.8578 12.0509C10.1451 12.5309 9.23598 12.8219 8.15966 12.8219C6.07967 12.8219 4.31245 11.4182 3.67967 9.5273L3.6764 9.52268Z"
         fill="#34A853"
-      ></path>
+      />
       <path
         d="M1.01803 4.41455C0.472607 5.49087 0.159912 6.70543 0.159912 7.99995C0.159912 9.29447 0.472607 10.509 1.01803 11.5854C1.01803 11.5926 3.6799 9.51991 3.6799 9.51991C3.5199 9.03991 3.42532 8.53085 3.42532 7.99987C3.42532 7.46889 3.5199 6.95983 3.6799 6.47983L1.01803 4.41455Z"
         fill="#FBBC05"
-      ></path>
+      />
       <path
         d="M8.15982 3.18545C9.33802 3.18545 10.3853 3.59271 11.2216 4.37818L13.5125 2.0873C12.1234 0.792777 10.3199 0 8.15982 0C5.03257 0 2.33443 1.79636 1.01807 4.41455L3.67985 6.48001C4.31254 4.58908 6.07983 3.18545 8.15982 3.18545Z"
         fill="#EA4335"
-      ></path>
+      />
     </svg>
   );
 };
@@ -241,7 +241,7 @@ export const LogoAnthropic = () => {
       <path
         d="M66.5,0H52.4l25.7,65h14.1L66.5,0z M25.7,0L0,65h14.4l5.3-13.6h26.9L51.8,65h14.4L40.5,0C40.5,0,25.7,0,25.7,0z
 		M24.3,39.3l8.8-22.8l8.8,22.8H24.3z"
-      ></path>
+      />
     </svg>
   );
 };
@@ -260,7 +260,7 @@ export const RouteIcon = ({ size = 16 }: { size?: number }) => {
         clipRule="evenodd"
         d="M7.53033 0.719661L7 0.189331L5.93934 1.24999L6.46967 1.78032L6.68934 1.99999H3.375C1.51104 1.99999 0 3.51103 0 5.37499C0 7.23895 1.51104 8.74999 3.375 8.74999H12.625C13.6605 8.74999 14.5 9.58946 14.5 10.625C14.5 11.6605 13.6605 12.5 12.625 12.5H4.88555C4.56698 11.4857 3.61941 10.75 2.5 10.75C1.11929 10.75 0 11.8693 0 13.25C0 14.6307 1.11929 15.75 2.5 15.75C3.61941 15.75 4.56698 15.0143 4.88555 14H12.625C14.489 14 16 12.489 16 10.625C16 8.76103 14.489 7.24999 12.625 7.24999H3.375C2.33947 7.24999 1.5 6.41052 1.5 5.37499C1.5 4.33946 2.33947 3.49999 3.375 3.49999H6.68934L6.46967 3.71966L5.93934 4.24999L7 5.31065L7.53033 4.78032L8.85355 3.4571C9.24408 3.06657 9.24408 2.43341 8.85355 2.04288L7.53033 0.719661ZM2.5 14.25C3.05228 14.25 3.5 13.8023 3.5 13.25C3.5 12.6977 3.05228 12.25 2.5 12.25C1.94772 12.25 1.5 12.6977 1.5 13.25C1.5 13.8023 1.94772 14.25 2.5 14.25ZM14.5 2.74999C14.5 3.30228 14.0523 3.74999 13.5 3.74999C12.9477 3.74999 12.5 3.30228 12.5 2.74999C12.5 2.19771 12.9477 1.74999 13.5 1.74999C14.0523 1.74999 14.5 2.19771 14.5 2.74999ZM16 2.74999C16 4.1307 14.8807 5.24999 13.5 5.24999C12.1193 5.24999 11 4.1307 11 2.74999C11 1.36928 12.1193 0.249991 13.5 0.249991C14.8807 0.249991 16 1.36928 16 2.74999Z"
         fill="currentColor"
-      ></path>
+      />
     </svg>
   );
 };
@@ -279,7 +279,7 @@ export const FileIcon = ({ size = 16 }: { size?: number }) => {
         clipRule="evenodd"
         d="M14.5 13.5V6.5V5.41421C14.5 5.149 14.3946 4.89464 14.2071 4.70711L9.79289 0.292893C9.60536 0.105357 9.351 0 9.08579 0H8H3H1.5V1.5V13.5C1.5 14.8807 2.61929 16 4 16H12C13.3807 16 14.5 14.8807 14.5 13.5ZM13 13.5V6.5H9.5H8V5V1.5H3V13.5C3 14.0523 3.44772 14.5 4 14.5H12C12.5523 14.5 13 14.0523 13 13.5ZM9.5 5V2.12132L12.3787 5H9.5ZM5.13 5.00062H4.505V6.25062H5.13H6H6.625V5.00062H6H5.13ZM4.505 8H5.13H11H11.625V9.25H11H5.13H4.505V8ZM5.13 11H4.505V12.25H5.13H11H11.625V11H11H5.13Z"
         fill="currentColor"
-      ></path>
+      />
     </svg>
   );
 };
@@ -294,65 +294,65 @@ export const LoaderIcon = ({ size = 16 }: { size?: number }) => {
       style={{ color: 'currentcolor' }}
     >
       <g clipPath="url(#clip0_2393_1490)">
-        <path d="M8 0V4" stroke="currentColor" strokeWidth="1.5"></path>
+        <path d="M8 0V4" stroke="currentColor" strokeWidth="1.5" />
         <path
           opacity="0.5"
           d="M8 16V12"
           stroke="currentColor"
           strokeWidth="1.5"
-        ></path>
+        />
         <path
           opacity="0.9"
           d="M3.29773 1.52783L5.64887 4.7639"
           stroke="currentColor"
           strokeWidth="1.5"
-        ></path>
+        />
         <path
           opacity="0.1"
           d="M12.7023 1.52783L10.3511 4.7639"
           stroke="currentColor"
           strokeWidth="1.5"
-        ></path>
+        />
         <path
           opacity="0.4"
           d="M12.7023 14.472L10.3511 11.236"
           stroke="currentColor"
           strokeWidth="1.5"
-        ></path>
+        />
         <path
           opacity="0.6"
           d="M3.29773 14.472L5.64887 11.236"
           stroke="currentColor"
           strokeWidth="1.5"
-        ></path>
+        />
         <path
           opacity="0.2"
           d="M15.6085 5.52783L11.8043 6.7639"
           stroke="currentColor"
           strokeWidth="1.5"
-        ></path>
+        />
         <path
           opacity="0.7"
           d="M0.391602 10.472L4.19583 9.23598"
           stroke="currentColor"
           strokeWidth="1.5"
-        ></path>
+        />
         <path
           opacity="0.3"
           d="M15.6085 10.4722L11.8043 9.2361"
           stroke="currentColor"
           strokeWidth="1.5"
-        ></path>
+        />
         <path
           opacity="0.8"
           d="M0.391602 5.52783L4.19583 6.7639"
           stroke="currentColor"
           strokeWidth="1.5"
-        ></path>
+        />
       </g>
       <defs>
         <clipPath id="clip0_2393_1490">
-          <rect width="16" height="16" fill="white"></rect>
+          <rect width="16" height="16" fill="white" />
         </clipPath>
       </defs>
     </svg>
@@ -374,7 +374,7 @@ export const UploadIcon = ({ size = 16 }: { size?: number }) => {
         clipRule="evenodd"
         d="M1.5 4.875C1.5 3.01104 3.01104 1.5 4.875 1.5C6.20018 1.5 7.34838 2.26364 7.901 3.37829C8.1902 3.96162 8.79547 4.5 9.60112 4.5H12.25C13.4926 4.5 14.5 5.50736 14.5 6.75C14.5 7.42688 14.202 8.03329 13.7276 8.44689L13.1622 8.93972L14.1479 10.0704L14.7133 9.57758C15.5006 8.89123 16 7.8785 16 6.75C16 4.67893 14.3211 3 12.25 3H9.60112C9.51183 3 9.35322 2.93049 9.2449 2.71201C8.44888 1.1064 6.79184 0 4.875 0C2.18261 0 0 2.18261 0 4.875V6.40385C0 7.69502 0.598275 8.84699 1.52982 9.59656L2.11415 10.0667L3.0545 8.89808L2.47018 8.42791C1.87727 7.95083 1.5 7.22166 1.5 6.40385V4.875ZM7.29289 7.39645C7.68342 7.00592 8.31658 7.00592 8.70711 7.39645L11.7803 10.4697L12.3107 11L11.25 12.0607L10.7197 11.5303L8.75 9.56066V15.25V16H7.25V15.25V9.56066L5.28033 11.5303L4.75 12.0607L3.68934 11L4.21967 10.4697L7.29289 7.39645Z"
         fill="currentColor"
-      ></path>
+      />
     </svg>
   );
 };
@@ -393,7 +393,7 @@ export const MenuIcon = ({ size = 16 }: { size?: number }) => {
         clipRule="evenodd"
         d="M1 2H1.75H14.25H15V3.5H14.25H1.75H1V2ZM1 12.5H1.75H14.25H15V14H14.25H1.75H1V12.5ZM1.75 7.25H1V8.75H1.75H14.25H15V7.25H14.25H1.75Z"
         fill="currentColor"
-      ></path>
+      />
     </svg>
   );
 };
@@ -412,7 +412,7 @@ export const PencilEditIcon = ({ size = 16 }: { size?: number }) => {
         clipRule="evenodd"
         d="M11.75 0.189331L12.2803 0.719661L15.2803 3.71966L15.8107 4.24999L15.2803 4.78032L5.15901 14.9016C4.45575 15.6049 3.50192 16 2.50736 16H0.75H0V15.25V13.4926C0 12.4981 0.395088 11.5442 1.09835 10.841L11.2197 0.719661L11.75 0.189331ZM11.75 2.31065L9.81066 4.24999L11.75 6.18933L13.6893 4.24999L11.75 2.31065ZM2.15901 11.9016L8.75 5.31065L10.6893 7.24999L4.09835 13.841C3.67639 14.2629 3.1041 14.5 2.50736 14.5H1.5V13.4926C1.5 12.8959 1.73705 12.3236 2.15901 11.9016ZM9 16H16V14.5H9V16Z"
         fill="currentColor"
-      ></path>
+      />
     </svg>
   );
 };
@@ -431,7 +431,7 @@ export const CheckedSquare = ({ size = 16 }: { size?: number }) => {
         clipRule="evenodd"
         d="M15 16H1C0.447715 16 0 15.5523 0 15V1C0 0.447715 0.447716 0 1 0L15 8.17435e-06C15.5523 8.47532e-06 16 0.447724 16 1.00001V15C16 15.5523 15.5523 16 15 16ZM11.7803 6.28033L12.3107 5.75L11.25 4.68934L10.7197 5.21967L6.5 9.43935L5.28033 8.21967L4.75001 7.68934L3.68934 8.74999L4.21967 9.28033L5.96967 11.0303C6.11032 11.171 6.30109 11.25 6.5 11.25C6.69891 11.25 6.88968 11.171 7.03033 11.0303L11.7803 6.28033Z"
         fill="currentColor"
-      ></path>
+      />
     </svg>
   );
 };
@@ -472,7 +472,7 @@ export const MoreIcon = ({ size = 16 }: { size?: number }) => {
         clipRule="evenodd"
         d="M8 4C7.17157 4 6.5 3.32843 6.5 2.5C6.5 1.67157 7.17157 1 8 1C8.82843 1 9.5 1.67157 9.5 2.5C9.5 3.32843 8.82843 4 8 4ZM8 9.5C7.17157 9.5 6.5 8.82843 6.5 8C6.5 7.17157 7.17157 6.5 8 6.5C8.82843 6.5 9.5 7.17157 9.5 8C9.5 8.82843 8.82843 9.5 8 9.5ZM6.5 13.5C6.5 14.3284 7.17157 15 8 15C8.82843 15 9.5 14.3284 9.5 13.5C9.5 12.6716 8.82843 12 8 12C7.17157 12 6.5 12.6716 6.5 13.5Z"
         fill="currentColor"
-      ></path>
+      />
     </svg>
   );
 };
@@ -491,7 +491,7 @@ export const TrashIcon = ({ size = 16 }: { size?: number }) => {
         clipRule="evenodd"
         d="M6.75 2.75C6.75 2.05964 7.30964 1.5 8 1.5C8.69036 1.5 9.25 2.05964 9.25 2.75V3H6.75V2.75ZM5.25 3V2.75C5.25 1.23122 6.48122 0 8 0C9.51878 0 10.75 1.23122 10.75 2.75V3H12.9201H14.25H15V4.5H14.25H13.8846L13.1776 13.6917C13.0774 14.9942 11.9913 16 10.6849 16H5.31508C4.00874 16 2.92263 14.9942 2.82244 13.6917L2.11538 4.5H1.75H1V3H1.75H3.07988H5.25ZM4.31802 13.5767L3.61982 4.5H12.3802L11.682 13.5767C11.6419 14.0977 11.2075 14.5 10.6849 14.5H5.31508C4.79254 14.5 4.3581 14.0977 4.31802 13.5767Z"
         fill="currentColor"
-      ></path>
+      />
     </svg>
   );
 };
@@ -510,7 +510,7 @@ export const InfoIcon = ({ size = 16 }: { size?: number }) => {
         clipRule="evenodd"
         d="M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM6.25002 7H7.00002H7.75C8.30229 7 8.75 7.44772 8.75 8V11.5V12.25H7.25V11.5V8.5H7.00002H6.25002V7ZM8 6C8.55229 6 9 5.55228 9 5C9 4.44772 8.55229 4 8 4C7.44772 4 7 4.44772 7 5C7 5.55228 7.44772 6 8 6Z"
         fill="currentColor"
-      ></path>
+      />
     </svg>
   );
 };
@@ -529,7 +529,7 @@ export const ArrowUpIcon = ({ size = 16 }: { size?: number }) => {
         clipRule="evenodd"
         d="M8.70711 1.39644C8.31659 1.00592 7.68342 1.00592 7.2929 1.39644L2.21968 6.46966L1.68935 6.99999L2.75001 8.06065L3.28034 7.53032L7.25001 3.56065V14.25V15H8.75001V14.25V3.56065L12.7197 7.53032L13.25 8.06065L14.3107 6.99999L13.7803 6.46966L8.70711 1.39644Z"
         fill="currentColor"
-      ></path>
+      />
     </svg>
   );
 };
@@ -547,7 +547,7 @@ export const StopIcon = ({ size = 16 }: { size?: number }) => {
         clipRule="evenodd"
         d="M3 3H13V13H3V3Z"
         fill="currentColor"
-      ></path>
+      />
     </svg>
   );
 };
@@ -567,7 +567,7 @@ export const PaperclipIcon = ({ size = 16 }: { size?: number }) => {
         clipRule="evenodd"
         d="M10.8591 1.70735C10.3257 1.70735 9.81417 1.91925 9.437 2.29643L3.19455 8.53886C2.56246 9.17095 2.20735 10.0282 2.20735 10.9222C2.20735 11.8161 2.56246 12.6734 3.19455 13.3055C3.82665 13.9376 4.68395 14.2927 5.57786 14.2927C6.47178 14.2927 7.32908 13.9376 7.96117 13.3055L14.2036 7.06304L14.7038 6.56287L15.7041 7.56321L15.204 8.06337L8.96151 14.3058C8.06411 15.2032 6.84698 15.7074 5.57786 15.7074C4.30875 15.7074 3.09162 15.2032 2.19422 14.3058C1.29682 13.4084 0.792664 12.1913 0.792664 10.9222C0.792664 9.65305 1.29682 8.43592 2.19422 7.53852L8.43666 1.29609C9.07914 0.653606 9.95054 0.292664 10.8591 0.292664C11.7678 0.292664 12.6392 0.653606 13.2816 1.29609C13.9241 1.93857 14.2851 2.80997 14.2851 3.71857C14.2851 4.62718 13.9241 5.49858 13.2816 6.14106L13.2814 6.14133L7.0324 12.3835C7.03231 12.3836 7.03222 12.3837 7.03213 12.3838C6.64459 12.7712 6.11905 12.9888 5.57107 12.9888C5.02297 12.9888 4.49731 12.7711 4.10974 12.3835C3.72217 11.9959 3.50444 11.4703 3.50444 10.9222C3.50444 10.3741 3.72217 9.8484 4.10974 9.46084L4.11004 9.46054L9.877 3.70039L10.3775 3.20051L11.3772 4.20144L10.8767 4.70131L5.11008 10.4612C5.11005 10.4612 5.11003 10.4612 5.11 10.4613C4.98779 10.5835 4.91913 10.7493 4.91913 10.9222C4.91913 11.0951 4.98782 11.2609 5.11008 11.3832C5.23234 11.5054 5.39817 11.5741 5.57107 11.5741C5.74398 11.5741 5.9098 11.5054 6.03206 11.3832L6.03233 11.3829L12.2813 5.14072C12.2814 5.14063 12.2815 5.14054 12.2816 5.14045C12.6586 4.7633 12.8704 4.25185 12.8704 3.71857C12.8704 3.18516 12.6585 2.6736 12.2813 2.29643C11.9041 1.91925 11.3926 1.70735 10.8591 1.70735Z"
         fill="currentColor"
-      ></path>
+      />
     </svg>
   );
 };
@@ -586,7 +586,7 @@ export const MoreHorizontalIcon = ({ size = 16 }: { size?: number }) => {
         clipRule="evenodd"
         d="M4 8C4 8.82843 3.32843 9.5 2.5 9.5C1.67157 9.5 1 8.82843 1 8C1 7.17157 1.67157 6.5 2.5 6.5C3.32843 6.5 4 7.17157 4 8ZM9.5 8C9.5 8.82843 8.82843 9.5 8 9.5C7.17157 9.5 6.5 8.82843 6.5 8C6.5 7.17157 7.17157 6.5 8 6.5C8.82843 6.5 9.5 7.17157 9.5 8ZM13.5 9.5C14.3284 9.5 15 8.82843 15 8C15 7.17157 14.3284 6.5 13.5 6.5C12.6716 6.5 12 7.17157 12 8C12 8.82843 12.6716 9.5 13.5 9.5Z"
         fill="currentColor"
-      ></path>
+      />
     </svg>
   );
 };
@@ -605,7 +605,7 @@ export const MessageIcon = ({ size = 16 }: { size?: number }) => {
         clipRule="evenodd"
         d="M2.8914 10.4028L2.98327 10.6318C3.22909 11.2445 3.5 12.1045 3.5 13C3.5 13.3588 3.4564 13.7131 3.38773 14.0495C3.69637 13.9446 4.01409 13.8159 4.32918 13.6584C4.87888 13.3835 5.33961 13.0611 5.70994 12.7521L6.22471 12.3226L6.88809 12.4196C7.24851 12.4724 7.61994 12.5 8 12.5C11.7843 12.5 14.5 9.85569 14.5 7C14.5 4.14431 11.7843 1.5 8 1.5C4.21574 1.5 1.5 4.14431 1.5 7C1.5 8.18175 1.94229 9.29322 2.73103 10.2153L2.8914 10.4028ZM2.8135 15.7653C1.76096 16 1 16 1 16C1 16 1.43322 15.3097 1.72937 14.4367C1.88317 13.9834 2 13.4808 2 13C2 12.3826 1.80733 11.7292 1.59114 11.1903C0.591845 10.0221 0 8.57152 0 7C0 3.13401 3.58172 0 8 0C12.4183 0 16 3.13401 16 7C16 10.866 12.4183 14 8 14C7.54721 14 7.10321 13.9671 6.67094 13.9038C6.22579 14.2753 5.66881 14.6656 5 15C4.23366 15.3832 3.46733 15.6195 2.8135 15.7653Z"
         fill="currentColor"
-      ></path>
+      />
     </svg>
   );
 };
@@ -623,7 +623,7 @@ export const CrossIcon = ({ size = 16 }: { size?: number }) => (
       clipRule="evenodd"
       d="M12.4697 13.5303L13 14.0607L14.0607 13L13.5303 12.4697L9.06065 7.99999L13.5303 3.53032L14.0607 2.99999L13 1.93933L12.4697 2.46966L7.99999 6.93933L3.53032 2.46966L2.99999 1.93933L1.93933 2.99999L2.46966 3.53032L6.93933 7.99999L2.46966 12.4697L1.93933 13L2.99999 14.0607L3.53032 13.5303L7.99999 9.06065L12.4697 13.5303Z"
       fill="currentColor"
-    ></path>
+    />
   </svg>
 );
 
@@ -640,7 +640,7 @@ export const UndoIcon = ({ size = 16 }: { size?: number }) => (
       clipRule="evenodd"
       d="M13.5 8C13.5 4.96643 11.0257 2.5 7.96452 2.5C5.42843 2.5 3.29365 4.19393 2.63724 6.5H5.25H6V8H5.25H0.75C0.335787 8 0 7.66421 0 7.25V2.75V2H1.5V2.75V5.23347C2.57851 2.74164 5.06835 1 7.96452 1C11.8461 1 15 4.13001 15 8C15 11.87 11.8461 15 7.96452 15C5.62368 15 3.54872 13.8617 2.27046 12.1122L1.828 11.5066L3.03915 10.6217L3.48161 11.2273C4.48831 12.6051 6.12055 13.5 7.96452 13.5C11.0257 13.5 13.5 11.0336 13.5 8Z"
       fill="currentColor"
-    ></path>
+    />
   </svg>
 );
 
@@ -657,7 +657,7 @@ export const RedoIcon = ({ size = 16 }: { size?: number }) => (
       clipRule="evenodd"
       d="M2.5 8C2.5 4.96643 4.97431 2.5 8.03548 2.5C10.5716 2.5 12.7064 4.19393 13.3628 6.5H10.75H10V8H10.75H15.25C15.6642 8 16 7.66421 16 7.25V2.75V2H14.5V2.75V5.23347C13.4215 2.74164 10.9316 1 8.03548 1C4.1539 1 1 4.13001 1 8C1 11.87 4.1539 15 8.03548 15C10.3763 15 12.4513 13.8617 13.7295 12.1122L14.172 11.5066L12.9609 10.6217L12.5184 11.2273C11.5117 12.6051 9.87945 13.5 8.03548 13.5C4.97431 13.5 2.5 11.0336 2.5 8Z"
       fill="currentColor"
-    ></path>
+    />
   </svg>
 );
 
@@ -674,7 +674,7 @@ export const DeltaIcon = ({ size = 16 }: { size?: number }) => (
       clipRule="evenodd"
       d="M2.67705 15H1L1.75 13.5L6.16147 4.67705L6.15836 4.67082L6.16667 4.66667L7.16147 2.67705L8 1L8.83853 2.67705L14.25 13.5L15 15H13.3229H2.67705ZM7 6.3541L10.5729 13.5H3.42705L7 6.3541Z"
       fill="currentColor"
-    ></path>
+    />
   </svg>
 );
 
@@ -691,7 +691,7 @@ export const PenIcon = ({ size = 16 }: { size?: number }) => (
       clipRule="evenodd"
       d="M8.75 0.189331L9.28033 0.719661L15.2803 6.71966L15.8107 7.24999L15.2803 7.78032L13.7374 9.32322C13.1911 9.8696 12.3733 9.97916 11.718 9.65188L9.54863 13.5568C8.71088 15.0648 7.12143 16 5.39639 16H0.75H0V15.25V10.6036C0 8.87856 0.935237 7.28911 2.4432 6.45136L6.34811 4.28196C6.02084 3.62674 6.13039 2.80894 6.67678 2.26255L8.21967 0.719661L8.75 0.189331ZM7.3697 5.43035L10.5696 8.63029L8.2374 12.8283C7.6642 13.8601 6.57668 14.5 5.39639 14.5H2.56066L5.53033 11.5303L4.46967 10.4697L1.5 13.4393V10.6036C1.5 9.42331 2.1399 8.33579 3.17166 7.76259L7.3697 5.43035ZM12.6768 8.26256C12.5791 8.36019 12.4209 8.36019 12.3232 8.26255L12.0303 7.96966L8.03033 3.96966L7.73744 3.67677C7.63981 3.57914 7.63981 3.42085 7.73744 3.32321L8.75 2.31065L13.6893 7.24999L12.6768 8.26256Z"
       fill="currentColor"
-    ></path>
+    />
   </svg>
 );
 
@@ -708,7 +708,7 @@ export const SummarizeIcon = ({ size = 16 }: { size?: number }) => (
       clipRule="evenodd"
       d="M1.75 12H1V10.5H1.75H5.25H6V12H5.25H1.75ZM1.75 7.75H1V6.25H1.75H4.25H5V7.75H4.25H1.75ZM1.75 3.5H1V2H1.75H7.25H8V3.5H7.25H1.75ZM12.5303 14.7803C12.2374 15.0732 11.7626 15.0732 11.4697 14.7803L9.21967 12.5303L8.68934 12L9.75 10.9393L10.2803 11.4697L11.25 12.4393V2.75V2H12.75V2.75V12.4393L13.7197 11.4697L14.25 10.9393L15.3107 12L14.7803 12.5303L12.5303 14.7803Z"
       fill="currentColor"
-    ></path>
+    />
   </svg>
 );
 
@@ -725,7 +725,7 @@ export const SidebarLeftIcon = ({ size = 16 }: { size?: number }) => (
       clipRule="evenodd"
       d="M6.245 2.5H14.5V12.5C14.5 13.0523 14.0523 13.5 13.5 13.5H6.245V2.5ZM4.995 2.5H1.5V12.5C1.5 13.0523 1.94772 13.5 2.5 13.5H4.995V2.5ZM0 1H1.5H14.5H16V2.5V12.5C16 13.8807 14.8807 15 13.5 15H2.5C1.11929 15 0 13.8807 0 12.5V2.5V1Z"
       fill="currentColor"
-    ></path>
+    />
   </svg>
 );
 
@@ -742,7 +742,7 @@ export const PlusIcon = ({ size = 16 }: { size?: number }) => (
       clipRule="evenodd"
       d="M8.75 1.75V1H7.25V1.75V6.75H2.25H1.5V8.25H2.25H7.25V13.25V14H8.75V13.25V8.25H13.75H14.5V6.75H13.75H8.75V1.75Z"
       fill="currentColor"
-    ></path>
+    />
   </svg>
 );
 
@@ -759,7 +759,7 @@ export const CopyIcon = ({ size = 16 }: { size?: number }) => (
       clipRule="evenodd"
       d="M2.75 0.5C1.7835 0.5 1 1.2835 1 2.25V9.75C1 10.7165 1.7835 11.5 2.75 11.5H3.75H4.5V10H3.75H2.75C2.61193 10 2.5 9.88807 2.5 9.75V2.25C2.5 2.11193 2.61193 2 2.75 2H8.25C8.38807 2 8.5 2.11193 8.5 2.25V3H10V2.25C10 1.2835 9.2165 0.5 8.25 0.5H2.75ZM7.75 4.5C6.7835 4.5 6 5.2835 6 6.25V13.75C6 14.7165 6.7835 15.5 7.75 15.5H13.25C14.2165 15.5 15 14.7165 15 13.75V6.25C15 5.2835 14.2165 4.5 13.25 4.5H7.75ZM7.5 6.25C7.5 6.11193 7.61193 6 7.75 6H13.25C13.3881 6 13.5 6.11193 13.5 6.25V13.75C13.5 13.8881 13.3881 14 13.25 14H7.75C7.61193 14 7.5 13.8881 7.5 13.75V6.25Z"
       fill="currentColor"
-    ></path>
+    />
   </svg>
 );
 
@@ -776,7 +776,7 @@ export const ThumbUpIcon = ({ size = 16 }: { size?: number }) => (
       clipRule="evenodd"
       d="M6.89531 2.23972C6.72984 2.12153 6.5 2.23981 6.5 2.44315V5.25001C6.5 6.21651 5.7165 7.00001 4.75 7.00001H2.5V13.5H12.1884C12.762 13.5 13.262 13.1096 13.4011 12.5532L14.4011 8.55318C14.5984 7.76425 14.0017 7.00001 13.1884 7.00001H9.25H8.5V6.25001V3.51458C8.5 3.43384 8.46101 3.35807 8.39531 3.31114L6.89531 2.23972ZM5 2.44315C5 1.01975 6.6089 0.191779 7.76717 1.01912L9.26717 2.09054C9.72706 2.41904 10 2.94941 10 3.51458V5.50001H13.1884C14.9775 5.50001 16.2903 7.18133 15.8563 8.91698L14.8563 12.917C14.5503 14.1412 13.4503 15 12.1884 15H1.75H1V14.25V6.25001V5.50001H1.75H4.75C4.88807 5.50001 5 5.38808 5 5.25001V2.44315Z"
       fill="currentColor"
-    ></path>
+    />
   </svg>
 );
 
@@ -793,7 +793,7 @@ export const ThumbDownIcon = ({ size = 16 }: { size?: number }) => (
       clipRule="evenodd"
       d="M6.89531 13.7603C6.72984 13.8785 6.5 13.7602 6.5 13.5569V10.75C6.5 9.7835 5.7165 9 4.75 9H2.5V2.5H12.1884C12.762 2.5 13.262 2.89037 13.4011 3.44683L14.4011 7.44683C14.5984 8.23576 14.0017 9 13.1884 9H9.25H8.5V9.75V12.4854C8.5 12.5662 8.46101 12.6419 8.39531 12.6889L6.89531 13.7603ZM5 13.5569C5 14.9803 6.6089 15.8082 7.76717 14.9809L9.26717 13.9095C9.72706 13.581 10 13.0506 10 12.4854V10.5H13.1884C14.9775 10.5 16.2903 8.81868 15.8563 7.08303L14.8563 3.08303C14.5503 1.85882 13.4503 1 12.1884 1H1.75H1V1.75V9.75V10.5H1.75H4.75C4.88807 10.5 5 10.6119 5 10.75V13.5569Z"
       fill="currentColor"
-    ></path>
+    />
   </svg>
 );
 
@@ -810,7 +810,7 @@ export const ChevronDownIcon = ({ size = 16 }: { size?: number }) => (
       clipRule="evenodd"
       d="M12.0607 6.74999L11.5303 7.28032L8.7071 10.1035C8.31657 10.4941 7.68341 10.4941 7.29288 10.1035L4.46966 7.28032L3.93933 6.74999L4.99999 5.68933L5.53032 6.21966L7.99999 8.68933L10.4697 6.21966L11 5.68933L12.0607 6.74999Z"
       fill="currentColor"
-    ></path>
+    />
   </svg>
 );
 
@@ -825,15 +825,15 @@ export const SparklesIcon = ({ size = 16 }: { size?: number }) => (
     <path
       d="M2.5 0.5V0H3.5V0.5C3.5 1.60457 4.39543 2.5 5.5 2.5H6V3V3.5H5.5C4.39543 3.5 3.5 4.39543 3.5 5.5V6H3H2.5V5.5C2.5 4.39543 1.60457 3.5 0.5 3.5H0V3V2.5H0.5C1.60457 2.5 2.5 1.60457 2.5 0.5Z"
       fill="currentColor"
-    ></path>
+    />
     <path
       d="M14.5 4.5V5H13.5V4.5C13.5 3.94772 13.0523 3.5 12.5 3.5H12V3V2.5H12.5C13.0523 2.5 13.5 2.05228 13.5 1.5V1H14H14.5V1.5C14.5 2.05228 14.9477 2.5 15.5 2.5H16V3V3.5H15.5C14.9477 3.5 14.5 3.94772 14.5 4.5Z"
       fill="currentColor"
-    ></path>
+    />
     <path
       d="M8.40706 4.92939L8.5 4H9.5L9.59294 4.92939C9.82973 7.29734 11.7027 9.17027 14.0706 9.40706L15 9.5V10.5L14.0706 10.5929C11.7027 10.8297 9.82973 12.7027 9.59294 15.0706L9.5 16H8.5L8.40706 15.0706C8.17027 12.7027 6.29734 10.8297 3.92939 10.5929L3 10.5V9.5L3.92939 9.40706C6.29734 9.17027 8.17027 7.29734 8.40706 4.92939Z"
       fill="currentColor"
-    ></path>
+    />
   </svg>
 );
 
@@ -851,7 +851,7 @@ export const CheckCirclFillIcon = ({ size = 16 }: { size?: number }) => {
         clipRule="evenodd"
         d="M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM11.5303 6.53033L12.0607 6L11 4.93934L10.4697 5.46967L6.5 9.43934L5.53033 8.46967L5 7.93934L3.93934 9L4.46967 9.53033L5.96967 11.0303C6.26256 11.3232 6.73744 11.3232 7.03033 11.0303L11.5303 6.53033Z"
         fill="currentColor"
-      ></path>
+      />
     </svg>
   );
 };
diff --git a/components/markdown.tsx b/components/markdown.tsx
index 7556738..214c54c 100644
--- a/components/markdown.tsx
+++ b/components/markdown.tsx
@@ -1,13 +1,15 @@
 import Link from 'next/link';
 import React, { memo } from 'react';
-import ReactMarkdown from 'react-markdown';
+import ReactMarkdown, { type Components } from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 
 const NonMemoizedMarkdown = ({ children }: { children: string }) => {
-  const components = {
-    code: ({ node, inline, className, children, ...props }: any) => {
+  const components: Partial<Components> = {
+    // @ts-expect-error
+    code: ({ node, inline, className, children, ...props }) => {
       const match = /language-(\w+)/.exec(className || '');
       return !inline && match ? (
+        // @ts-expect-error
         <pre
           {...props}
           className={`${className} text-sm w-[80dvw] md:max-w-[500px] overflow-x-scroll bg-zinc-100 p-3 rounded-lg mt-2 dark:bg-zinc-800`}
@@ -23,36 +25,37 @@ const NonMemoizedMarkdown = ({ children }: { children: string }) => {
         </code>
       );
     },
-    ol: ({ node, children, ...props }: any) => {
+    ol: ({ node, children, ...props }) => {
       return (
         <ol className="list-decimal list-outside ml-4" {...props}>
           {children}
         </ol>
       );
     },
-    li: ({ node, children, ...props }: any) => {
+    li: ({ node, children, ...props }) => {
       return (
         <li className="py-1" {...props}>
           {children}
         </li>
       );
     },
-    ul: ({ node, children, ...props }: any) => {
+    ul: ({ node, children, ...props }) => {
       return (
         <ul className="list-decimal list-outside ml-4" {...props}>
           {children}
         </ul>
       );
     },
-    strong: ({ node, children, ...props }: any) => {
+    strong: ({ node, children, ...props }) => {
       return (
         <span className="font-semibold" {...props}>
           {children}
         </span>
       );
     },
-    a: ({ node, children, ...props }: any) => {
+    a: ({ node, children, ...props }) => {
       return (
+        // @ts-expect-error
         <Link
           className="text-blue-500 hover:underline"
           target="_blank"
@@ -63,42 +66,42 @@ const NonMemoizedMarkdown = ({ children }: { children: string }) => {
         </Link>
       );
     },
-    h1: ({ node, children, ...props }: any) => {
+    h1: ({ node, children, ...props }) => {
       return (
         <h1 className="text-3xl font-semibold mt-6 mb-2" {...props}>
           {children}
         </h1>
       );
     },
-    h2: ({ node, children, ...props }: any) => {
+    h2: ({ node, children, ...props }) => {
       return (
         <h2 className="text-2xl font-semibold mt-6 mb-2" {...props}>
           {children}
         </h2>
       );
     },
-    h3: ({ node, children, ...props }: any) => {
+    h3: ({ node, children, ...props }) => {
       return (
         <h3 className="text-xl font-semibold mt-6 mb-2" {...props}>
           {children}
         </h3>
       );
     },
-    h4: ({ node, children, ...props }: any) => {
+    h4: ({ node, children, ...props }) => {
       return (
         <h4 className="text-lg font-semibold mt-6 mb-2" {...props}>
           {children}
         </h4>
       );
     },
-    h5: ({ node, children, ...props }: any) => {
+    h5: ({ node, children, ...props }) => {
       return (
         <h5 className="text-base font-semibold mt-6 mb-2" {...props}>
           {children}
         </h5>
       );
     },
-    h6: ({ node, children, ...props }: any) => {
+    h6: ({ node, children, ...props }) => {
       return (
         <h6 className="text-sm font-semibold mt-6 mb-2" {...props}>
           {children}
diff --git a/components/message-actions.tsx b/components/message-actions.tsx
index 3d0e257..7724c5f 100644
--- a/components/message-actions.tsx
+++ b/components/message-actions.tsx
@@ -1,9 +1,9 @@
-import { Message } from 'ai';
+import type { Message } from 'ai';
 import { toast } from 'sonner';
 import { useSWRConfig } from 'swr';
 import { useCopyToClipboard } from 'usehooks-ts';
 
-import { Vote } from '@/lib/db/schema';
+import type { Vote } from '@/lib/db/schema';
 import { getMessageIdFromAnnotations } from '@/lib/utils';
 
 import { CopyIcon, ThumbDownIcon, ThumbUpIcon } from './icons';
@@ -57,7 +57,7 @@ export function MessageActions({
           <TooltipTrigger asChild>
             <Button
               className="py-1 px-2 h-fit text-muted-foreground !pointer-events-auto"
-              disabled={vote && vote.isUpvoted}
+              disabled={vote?.isUpvoted}
               variant="outline"
               onClick={async () => {
                 const messageId = getMessageIdFromAnnotations(message);
diff --git a/components/message.tsx b/components/message.tsx
index 137beb9..6119ee2 100644
--- a/components/message.tsx
+++ b/components/message.tsx
@@ -1,13 +1,13 @@
 'use client';
 
-import { Message } from 'ai';
+import type { Message } from 'ai';
 import cx from 'classnames';
 import { motion } from 'framer-motion';
-import { Dispatch, SetStateAction } from 'react';
+import type { Dispatch, SetStateAction } from 'react';
 
-import { Vote } from '@/lib/db/schema';
+import type { Vote } from '@/lib/db/schema';
 
-import { UIBlock } from './block';
+import type { UIBlock } from './block';
 import { DocumentToolCall, DocumentToolResult } from './document';
 import { SparklesIcon } from './icons';
 import { Markdown } from './markdown';
@@ -93,29 +93,28 @@ export const PreviewMessage = ({
                       )}
                     </div>
                   );
-                } else {
-                  return (
-                    <div
-                      key={toolCallId}
-                      className={cx({
-                        skeleton: ['getWeather'].includes(toolName),
-                      })}
-                    >
-                      {toolName === 'getWeather' ? (
-                        <Weather />
-                      ) : toolName === 'createDocument' ? (
-                        <DocumentToolCall type="create" args={args} />
-                      ) : toolName === 'updateDocument' ? (
-                        <DocumentToolCall type="update" args={args} />
-                      ) : toolName === 'requestSuggestions' ? (
-                        <DocumentToolCall
-                          type="request-suggestions"
-                          args={args}
-                        />
-                      ) : null}
-                    </div>
-                  );
                 }
+                return (
+                  <div
+                    key={toolCallId}
+                    className={cx({
+                      skeleton: ['getWeather'].includes(toolName),
+                    })}
+                  >
+                    {toolName === 'getWeather' ? (
+                      <Weather />
+                    ) : toolName === 'createDocument' ? (
+                      <DocumentToolCall type="create" args={args} />
+                    ) : toolName === 'updateDocument' ? (
+                      <DocumentToolCall type="update" args={args} />
+                    ) : toolName === 'requestSuggestions' ? (
+                      <DocumentToolCall
+                        type="request-suggestions"
+                        args={args}
+                      />
+                    ) : null}
+                  </div>
+                );
               })}
             </div>
           )}
diff --git a/components/multimodal-input.tsx b/components/multimodal-input.tsx
index 06ab049..92ebc5d 100644
--- a/components/multimodal-input.tsx
+++ b/components/multimodal-input.tsx
@@ -1,16 +1,22 @@
 'use client';
 
-import { Attachment, ChatRequestOptions, CreateMessage, Message } from 'ai';
+import type {
+  Attachment,
+  ChatRequestOptions,
+  CreateMessage,
+  Message,
+} from 'ai';
 import cx from 'classnames';
 import { motion } from 'framer-motion';
-import React, {
+import type React from 'react';
+import {
   useRef,
   useEffect,
   useState,
   useCallback,
-  Dispatch,
-  SetStateAction,
-  ChangeEvent,
+  type Dispatch,
+  type SetStateAction,
+  type ChangeEvent,
 } from 'react';
 import { toast } from 'sonner';
 import { useLocalStorage, useWindowSize } from 'usehooks-ts';
@@ -142,7 +148,7 @@ export function MultimodalInput({
     formData.append('file', file);
 
     try {
-      const response = await fetch(`/api/files/upload`, {
+      const response = await fetch('/api/files/upload', {
         method: 'POST',
         body: formData,
       });
@@ -156,10 +162,9 @@ export function MultimodalInput({
           name: pathname,
           contentType: contentType,
         };
-      } else {
-        const { error } = await response.json();
-        toast.error(error);
       }
+      const { error } = await response.json();
+      toast.error(error);
     } catch (error) {
       toast.error('Failed to upload file, please try again!');
     }
@@ -203,7 +208,7 @@ export function MultimodalInput({
                 animate={{ opacity: 1, y: 0 }}
                 exit={{ opacity: 0, y: 20 }}
                 transition={{ delay: 0.05 * index }}
-                key={index}
+                key={`suggested-action-${suggestedAction.title}-${index}`}
                 className={index > 1 ? 'hidden sm:block' : 'block'}
               >
                 <Button
diff --git a/components/preview-attachment.tsx b/components/preview-attachment.tsx
index f4c2b35..8024e30 100644
--- a/components/preview-attachment.tsx
+++ b/components/preview-attachment.tsx
@@ -1,4 +1,4 @@
-import { Attachment } from 'ai';
+import type { Attachment } from 'ai';
 
 import { LoaderIcon } from './icons';
 
@@ -25,10 +25,10 @@ export const PreviewAttachment = ({
               className="rounded-md size-full object-cover"
             />
           ) : (
-            <div className=""></div>
+            <div className="" />
           )
         ) : (
-          <div className=""></div>
+          <div className="" />
         )}
 
         {isUploading && (
diff --git a/components/sidebar-history.tsx b/components/sidebar-history.tsx
index fe90330..a3949c7 100644
--- a/components/sidebar-history.tsx
+++ b/components/sidebar-history.tsx
@@ -3,7 +3,7 @@
 import { isToday, isYesterday, subMonths, subWeeks } from 'date-fns';
 import Link from 'next/link';
 import { useParams, usePathname, useRouter } from 'next/navigation';
-import { type User } from 'next-auth';
+import type { User } from 'next-auth';
 import { useEffect, useState } from 'react';
 import { toast } from 'sonner';
 import useSWR from 'swr';
@@ -34,7 +34,7 @@ import {
   SidebarMenuItem,
   useSidebar,
 } from '@/components/ui/sidebar';
-import { Chat } from '@/lib/db/schema';
+import type { Chat } from '@/lib/db/schema';
 import { fetcher } from '@/lib/utils';
 
 type GroupedChats = {
diff --git a/components/sidebar-toggle.tsx b/components/sidebar-toggle.tsx
index 332d3f7..2e840cf 100644
--- a/components/sidebar-toggle.tsx
+++ b/components/sidebar-toggle.tsx
@@ -1,6 +1,6 @@
-import { ComponentProps } from 'react';
+import type { ComponentProps } from 'react';
 
-import { SidebarTrigger, useSidebar } from '@/components/ui/sidebar';
+import { type SidebarTrigger, useSidebar } from '@/components/ui/sidebar';
 import { BetterTooltip } from '@/components/ui/tooltip';
 import { cn } from '@/lib/utils';
 
diff --git a/components/sidebar-user-nav.tsx b/components/sidebar-user-nav.tsx
index eb88ba5..cb41ec7 100644
--- a/components/sidebar-user-nav.tsx
+++ b/components/sidebar-user-nav.tsx
@@ -1,7 +1,7 @@
 'use client';
 import { ChevronUp } from 'lucide-react';
 import Image from 'next/image';
-import { type User } from 'next-auth';
+import type { User } from 'next-auth';
 import { signOut } from 'next-auth/react';
 import { useTheme } from 'next-themes';
 
@@ -51,6 +51,7 @@ export function SidebarUserNav({ user }: { user: User }) {
             <DropdownMenuSeparator />
             <DropdownMenuItem asChild>
               <button
+                type="button"
                 className="w-full cursor-pointer"
                 onClick={() => {
                   signOut({
diff --git a/components/submit-button.tsx b/components/submit-button.tsx
index 526c32e..1ec6acb 100644
--- a/components/submit-button.tsx
+++ b/components/submit-button.tsx
@@ -30,9 +30,9 @@ export function SubmitButton({
         </span>
       )}
 
-      <span aria-live="polite" className="sr-only" role="status">
+      <output aria-live="polite" className="sr-only">
         {pending || isSuccessful ? 'Loading' : 'Submit form'}
-      </span>
+      </output>
     </Button>
   );
 }
diff --git a/components/suggestion.tsx b/components/suggestion.tsx
index b0a9dfe..55b6f2b 100644
--- a/components/suggestion.tsx
+++ b/components/suggestion.tsx
@@ -4,7 +4,7 @@ import { AnimatePresence, motion } from 'framer-motion';
 import { useState } from 'react';
 import { useWindowSize } from 'usehooks-ts';
 
-import { UISuggestion } from '@/lib/editor/suggestions';
+import type { UISuggestion } from '@/lib/editor/suggestions';
 
 import { CrossIcon, MessageIcon } from './icons';
 import { Button } from './ui/button';
diff --git a/components/theme-provider.tsx b/components/theme-provider.tsx
index 1f84abd..5b192cb 100644
--- a/components/theme-provider.tsx
+++ b/components/theme-provider.tsx
@@ -1,7 +1,7 @@
 'use client';
 
 import { ThemeProvider as NextThemesProvider } from 'next-themes';
-import { type ThemeProviderProps } from 'next-themes/dist/types';
+import type { ThemeProviderProps } from 'next-themes/dist/types';
 
 export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
   return <NextThemesProvider {...props}>{children}</NextThemesProvider>;
diff --git a/components/toolbar.tsx b/components/toolbar.tsx
index 559a289..3f1f49c 100644
--- a/components/toolbar.tsx
+++ b/components/toolbar.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { ChatRequestOptions, CreateMessage, Message } from 'ai';
+import type { ChatRequestOptions, CreateMessage, Message } from 'ai';
 import cx from 'classnames';
 import {
   AnimatePresence,
@@ -8,9 +8,15 @@ import {
   useMotionValue,
   useTransform,
 } from 'framer-motion';
-import { Dispatch, SetStateAction, useEffect, useRef, useState } from 'react';
+import {
+  type Dispatch,
+  type SetStateAction,
+  useEffect,
+  useRef,
+  useState,
+} from 'react';
 import { useOnClickOutside } from 'usehooks-ts';
-
+import { nanoid } from 'nanoid';
 import {
   Tooltip,
   TooltipContent,
@@ -142,6 +148,8 @@ const Tool = ({
   );
 };
 
+const randomArr = [...Array(6)].map((x) => nanoid(5));
+
 const ReadingLevelSelector = ({
   setSelectedTool,
   append,
@@ -182,9 +190,9 @@ const ReadingLevelSelector = ({
 
   return (
     <div className="relative flex flex-col justify-end items-center">
-      {[...Array(6)].map((_, index) => (
+      {randomArr.map((id) => (
         <motion.div
-          key={`dot-${index}`}
+          key={id}
           className="size-[40px] flex flex-row items-center justify-center"
           initial={{ opacity: 0 }}
           animate={{ opacity: 1 }}
@@ -336,7 +344,7 @@ export const Toolbar = ({
   setMessages: Dispatch<SetStateAction<Message[]>>;
 }) => {
   const toolbarRef = useRef<HTMLDivElement>(null);
-  const timeoutRef = useRef<NodeJS.Timeout>();
+  const timeoutRef = useRef<ReturnType<typeof setTimeout>>();
 
   const [selectedTool, setSelectedTool] = useState<string | null>(null);
   const [isAnimating, setIsAnimating] = useState(false);
diff --git a/components/ui/sidebar.tsx b/components/ui/sidebar.tsx
index 1000e7f..6dfc9b2 100644
--- a/components/ui/sidebar.tsx
+++ b/components/ui/sidebar.tsx
@@ -2,7 +2,7 @@
 
 import * as React from 'react';
 import { Slot } from '@radix-ui/react-slot';
-import { VariantProps, cva } from 'class-variance-authority';
+import { type VariantProps, cva } from 'class-variance-authority';
 import { PanelLeft } from 'lucide-react';
 
 import { useIsMobile } from '@/hooks/use-mobile';
diff --git a/components/use-block-stream.tsx b/components/use-block-stream.tsx
index bcc0454..46d669f 100644
--- a/components/use-block-stream.tsx
+++ b/components/use-block-stream.tsx
@@ -1,10 +1,10 @@
-import { JSONValue } from 'ai';
-import { Dispatch, SetStateAction, useEffect, useState } from 'react';
+import type { JSONValue } from 'ai';
+import { type Dispatch, type SetStateAction, useEffect, useState } from 'react';
 import { useSWRConfig } from 'swr';
 
-import { Suggestion } from '@/lib/db/schema';
+import type { Suggestion } from '@/lib/db/schema';
 
-import { UIBlock } from './block';
+import type { UIBlock } from './block';
 
 type StreamingDelta = {
   type: 'text-delta' | 'title' | 'id' | 'suggestion' | 'clear' | 'finish';
diff --git a/components/use-scroll-to-bottom.ts b/components/use-scroll-to-bottom.ts
index f5d0334..e45a8a5 100644
--- a/components/use-scroll-to-bottom.ts
+++ b/components/use-scroll-to-bottom.ts
@@ -1,4 +1,4 @@
-import { useEffect, useRef, RefObject } from 'react';
+import { useEffect, useRef, type RefObject } from 'react';
 
 export function useScrollToBottom<T extends HTMLElement>(): [
   RefObject<T>,
diff --git a/components/version-footer.tsx b/components/version-footer.tsx
index f92d642..994cfa5 100644
--- a/components/version-footer.tsx
+++ b/components/version-footer.tsx
@@ -6,10 +6,10 @@ import { useState } from 'react';
 import { useSWRConfig } from 'swr';
 import { useWindowSize } from 'usehooks-ts';
 
-import { Document } from '@/lib/db/schema';
+import type { Document } from '@/lib/db/schema';
 import { getDocumentTimestampByIndex } from '@/lib/utils';
 
-import { UIBlock } from './block';
+import type { UIBlock } from './block';
 import { LoaderIcon } from './icons';
 import { Button } from './ui/button';
 
diff --git a/lib/db/queries.ts b/lib/db/queries.ts
index 7a9da62..46879db 100644
--- a/lib/db/queries.ts
+++ b/lib/db/queries.ts
@@ -8,11 +8,11 @@ import postgres from 'postgres';
 import {
   user,
   chat,
-  User,
+  type User,
   document,
-  Suggestion,
+  type Suggestion,
   suggestion,
-  Message,
+  type Message,
   message,
   vote,
 } from './schema';
@@ -20,8 +20,8 @@ import {
 // Optionally, if not using email/pass login, you can
 // use the Drizzle adapter for Auth.js / NextAuth
 // https://authjs.dev/reference/adapter/drizzle
-let client = postgres(`${process.env.POSTGRES_URL!}?sslmode=require`);
-let db = drizzle(client);
+const client = postgres(`${process.env.POSTGRES_URL!}?sslmode=require`);
+const db = drizzle(client);
 
 export async function getUser(email: string): Promise<Array<User>> {
   try {
@@ -33,8 +33,8 @@ export async function getUser(email: string): Promise<Array<User>> {
 }
 
 export async function createUser(email: string, password: string) {
-  let salt = genSaltSync(10);
-  let hash = hashSync(password, salt);
+  const salt = genSaltSync(10);
+  const hash = hashSync(password, salt);
 
   try {
     return await db.insert(user).values({ email, password: hash });
@@ -141,15 +141,14 @@ export async function voteMessage({
     if (existingVote) {
       return await db
         .update(vote)
-        .set({ isUpvoted: type === 'up' ? true : false })
+        .set({ isUpvoted: type === 'up' })
         .where(and(eq(vote.messageId, messageId), eq(vote.chatId, chatId)));
-    } else {
-      return await db.insert(vote).values({
-        chatId,
-        messageId,
-        isUpvoted: type === 'up' ? true : false,
-      });
     }
+    return await db.insert(vote).values({
+      chatId,
+      messageId,
+      isUpvoted: type === 'up',
+    });
   } catch (error) {
     console.error('Failed to upvote message in database', error);
     throw error;
diff --git a/lib/db/schema.ts b/lib/db/schema.ts
index 0b334c6..c8865a6 100644
--- a/lib/db/schema.ts
+++ b/lib/db/schema.ts
@@ -1,4 +1,4 @@
-import { InferSelectModel } from 'drizzle-orm';
+import type { InferSelectModel } from 'drizzle-orm';
 import {
   pgTable,
   varchar,
diff --git a/lib/editor/config.ts b/lib/editor/config.ts
index 6219555..48c3b38 100644
--- a/lib/editor/config.ts
+++ b/lib/editor/config.ts
@@ -2,9 +2,9 @@ import { textblockTypeInputRule } from 'prosemirror-inputrules';
 import { Schema } from 'prosemirror-model';
 import { schema } from 'prosemirror-schema-basic';
 import { addListNodes } from 'prosemirror-schema-list';
-import { Transaction } from 'prosemirror-state';
-import { EditorView } from 'prosemirror-view';
-import { MutableRefObject } from 'react';
+import type { Transaction } from 'prosemirror-state';
+import type { EditorView } from 'prosemirror-view';
+import type { MutableRefObject } from 'react';
 
 import { buildContentFromDocument } from './functions';
 
diff --git a/lib/editor/diff.js b/lib/editor/diff.js
index 445a3da..7dd8731 100644
--- a/lib/editor/diff.js
+++ b/lib/editor/diff.js
@@ -248,18 +248,16 @@ export const patchTextNodes = (schema, oldNode, newNode) => {
   });
 
   // Map diffs to nodes
-  const res = diffs
-    .map(([type, sentences]) => {
-      return sentences.map((sentence) => {
-        const node = createTextNode(
-          schema,
-          sentence,
-          type !== DiffType.Unchanged ? [createDiffMark(schema, type)] : []
-        );
-        return node;
-      });
-    })
-    .flat();
+  const res = diffs.flatMap(([type, sentences]) => {
+    return sentences.map((sentence) => {
+      const node = createTextNode(
+        schema,
+        sentence,
+        type !== DiffType.Unchanged ? [createDiffMark(schema, type)] : []
+      );
+      return node;
+    });
+  });
 
   return res;
 };
@@ -278,28 +276,26 @@ const sentencesToChars = (oldSentences, newSentences) => {
   const chars1 = oldSentences
     .map((sentence) => {
       const line = sentence;
-      if (lineHash.hasOwnProperty(line)) {
-        return String.fromCharCode(lineHash[line]);
-      } else {
-        lineHash[line] = lineStart;
-        lineArray[lineStart] = line;
-        lineStart++;
+      if (line in lineHash) {
         return String.fromCharCode(lineHash[line]);
       }
+      lineHash[line] = lineStart;
+      lineArray[lineStart] = line;
+      lineStart++;
+      return String.fromCharCode(lineHash[line]);
     })
     .join('');
 
   const chars2 = newSentences
     .map((sentence) => {
       const line = sentence;
-      if (lineHash.hasOwnProperty(line)) {
-        return String.fromCharCode(lineHash[line]);
-      } else {
-        lineHash[line] = lineStart;
-        lineArray[lineStart] = line;
-        lineStart++;
+      if (line in lineHash) {
         return String.fromCharCode(lineHash[line]);
       }
+      lineHash[line] = lineStart;
+      lineArray[lineStart] = line;
+      lineStart++;
+      return String.fromCharCode(lineHash[line]);
     })
     .join('');
 
diff --git a/lib/editor/functions.tsx b/lib/editor/functions.tsx
index 6d0d394..9ceb441 100644
--- a/lib/editor/functions.tsx
+++ b/lib/editor/functions.tsx
@@ -1,14 +1,14 @@
 'use client';
 
 import { defaultMarkdownSerializer } from 'prosemirror-markdown';
-import { DOMParser, Node } from 'prosemirror-model';
-import { Decoration, DecorationSet, EditorView } from 'prosemirror-view';
+import { DOMParser, type Node } from 'prosemirror-model';
+import { Decoration, DecorationSet, type EditorView } from 'prosemirror-view';
 import { renderToString } from 'react-dom/server';
 
 import { Markdown } from '@/components/markdown';
 
 import { documentSchema } from './config';
-import { createSuggestionWidget, UISuggestion } from './suggestions';
+import { createSuggestionWidget, type UISuggestion } from './suggestions';
 
 export const buildDocumentFromContent = (content: string) => {
   const parser = DOMParser.fromSchema(documentSchema);
@@ -28,7 +28,7 @@ export const createDecorations = (
 ) => {
   const decorations: Array<Decoration> = [];
 
-  suggestions.forEach((suggestion) => {
+  for (const suggestion of suggestions) {
     decorations.push(
       Decoration.inline(
         suggestion.selectionStart,
@@ -56,7 +56,7 @@ export const createDecorations = (
         }
       )
     );
-  });
+  }
 
   return DecorationSet.create(view.state.doc, decorations);
 };
diff --git a/lib/editor/suggestions.tsx b/lib/editor/suggestions.tsx
index 84d69e6..ee02a45 100644
--- a/lib/editor/suggestions.tsx
+++ b/lib/editor/suggestions.tsx
@@ -1,10 +1,14 @@
-import { Node } from 'prosemirror-model';
-import { PluginKey, Plugin } from 'prosemirror-state';
-import { Decoration, DecorationSet, EditorView } from 'prosemirror-view';
+import type { Node } from 'prosemirror-model';
+import { Plugin, PluginKey } from 'prosemirror-state';
+import {
+  type Decoration,
+  DecorationSet,
+  type EditorView,
+} from 'prosemirror-view';
 import { createRoot } from 'react-dom/client';
 
 import { Suggestion as PreviewSuggestion } from '@/components/suggestion';
-import { Suggestion } from '@/lib/db/schema';
+import type { Suggestion } from '@/lib/db/schema';
 
 export interface UISuggestion extends Suggestion {
   selectionStart: number;
@@ -77,7 +81,7 @@ export function createSuggestionWidget(
   const onApply = () => {
     const { state, dispatch } = view;
 
-    let decorationTransaction = state.tr;
+    const decorationTransaction = state.tr;
     const currentState = suggestionsPluginKey.getState(state);
     const currentDecorations = currentState?.decorations;
 
diff --git a/lib/utils.ts b/lib/utils.ts
index 0366981..3c0c3c5 100644
--- a/lib/utils.ts
+++ b/lib/utils.ts
@@ -1,14 +1,14 @@
-import {
+import type {
   CoreAssistantMessage,
   CoreMessage,
   CoreToolMessage,
   Message,
   ToolInvocation,
 } from 'ai';
-import { clsx, type ClassValue } from 'clsx';
+import { type ClassValue, clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 
-import { Message as DBMessage, Document } from '@/lib/db/schema';
+import type { Message as DBMessage, Document } from '@/lib/db/schema';
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
@@ -44,7 +44,7 @@ export function getLocalStorage(key: string) {
 }
 
 export function generateUUID(): string {
-  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
     const r = (Math.random() * 16) | 0;
     const v = c === 'x' ? r : (r & 0x3) | 0x8;
     return v.toString(16);
@@ -96,7 +96,7 @@ export function convertToUIMessages(
     }
 
     let textContent = '';
-    let toolInvocations: Array<ToolInvocation> = [];
+    const toolInvocations: Array<ToolInvocation> = [];
 
     if (typeof message.content === 'string') {
       textContent = message.content;
@@ -129,7 +129,7 @@ export function convertToUIMessages(
 export function sanitizeResponseMessages(
   messages: Array<CoreToolMessage | CoreAssistantMessage>
 ): Array<CoreToolMessage | CoreAssistantMessage> {
-  let toolResultIds: Array<string> = [];
+  const toolResultIds: Array<string> = [];
 
   for (const message of messages) {
     if (message.role === 'tool') {
@@ -171,7 +171,7 @@ export function sanitizeUIMessages(messages: Array<Message>): Array<Message> {
 
     if (!message.toolInvocations) return message;
 
-    let toolResultIds: Array<string> = [];
+    const toolResultIds: Array<string> = [];
 
     for (const toolInvocation of message.toolInvocations) {
       if (toolInvocation.state === 'result') {
diff --git a/package.json b/package.json
index b464d0f..f2ee3c1 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
-    "lint:fix": "next lint --fix",
+    "lint:fix": "next lint --fix && biome lint --write --unsafe",
     "format": "biome format --write",
     "db:generate": "drizzle-kit generate",
     "db:migrate": "npx tsx lib/db/migrate.ts",
@@ -40,6 +40,7 @@
     "framer-motion": "^11.3.19",
     "geist": "^1.3.1",
     "lucide-react": "^0.446.0",
+    "nanoid": "^5.0.8",
     "next": "15.0.3-canary.2",
     "next-auth": "5.0.0-beta.25",
     "next-themes": "^0.3.0",
@@ -82,6 +83,6 @@
     "postcss": "^8",
     "tailwindcss": "^3.4.1",
     "tsx": "^4.19.1",
-    "typescript": "^5"
+    "typescript": "^5.6.3"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3ff414b..2e5eebd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -86,6 +86,9 @@ importers:
       lucide-react:
         specifier: ^0.446.0
         version: 0.446.0(react@19.0.0-rc-45804af1-20241021)
+      nanoid:
+        specifier: ^5.0.8
+        version: 5.0.8
       next:
         specifier: 15.0.3-canary.2
         version: 15.0.3-canary.2(@opentelemetry/api@1.9.0)(react-dom@19.0.0-rc-45804af1-20241021(react@19.0.0-rc-45804af1-20241021))(react@19.0.0-rc-45804af1-20241021)
@@ -208,7 +211,7 @@ importers:
         specifier: ^4.19.1
         version: 4.19.2
       typescript:
-        specifier: ^5
+        specifier: ^5.6.3
         version: 5.6.3
 
 packages: