From 9324ec69454d8ed663af481c784ea37e12b32eb4 Mon Sep 17 00:00:00 2001
From: Jared Palmer <jared@jaredpalmer.com>
Date: Fri, 15 Nov 2024 12:45:51 -0500
Subject: [PATCH 1/2] Switch to vercel's biome setuo

---
 app/(auth)/actions.ts                |   4 +-
 app/(auth)/auth.ts                   |   5 +-
 app/(auth)/login/page.tsx            |   2 +-
 app/(auth)/register/page.tsx         |   2 +-
 app/(chat)/actions.ts                |   2 +-
 app/(chat)/api/chat/route.ts         |   4 +-
 app/(chat)/api/files/upload/route.ts |   4 +-
 app/(chat)/chat/[id]/page.tsx        |   2 +-
 app/layout.tsx                       |   1 -
 biome.json                           |  58 ------------
 biome.jsonc                          | 131 +++++++++++++++++++++++++++
 components/app-sidebar.tsx           |   9 +-
 components/block-stream-handler.tsx  |   2 +-
 components/block.tsx                 |  20 ++--
 components/chat.tsx                  |   2 +-
 components/diffview.tsx              |   4 +-
 components/editor.tsx                |  12 +--
 components/markdown.tsx              |   2 +-
 components/message-actions.tsx       |   8 +-
 components/message.tsx               |   4 +-
 components/model-selector.tsx        |   4 +-
 components/multimodal-input.tsx      |  12 +--
 components/sidebar-history.tsx       |   2 +-
 components/sidebar-toggle.tsx        |   1 -
 components/suggestion.tsx            |   5 +-
 components/toolbar.tsx               |  11 +--
 components/ui/alert-dialog.tsx       |  10 +-
 components/ui/button.tsx             |   4 +-
 components/ui/card.tsx               |   4 +-
 components/ui/dropdown-menu.tsx      |  14 +--
 components/ui/input.tsx              |   4 +-
 components/ui/label.tsx              |   2 +-
 components/ui/select.tsx             |  12 +--
 components/ui/separator.tsx          |   6 +-
 components/ui/sheet.tsx              |   8 +-
 components/ui/sidebar.tsx            |  54 ++++++-----
 components/ui/textarea.tsx           |   4 +-
 components/ui/tooltip.tsx            |   2 +-
 components/version-footer.tsx        |  12 +--
 components/weather.tsx               |  16 ++--
 drizzle.config.ts                    |   1 +
 hooks/use-mobile.tsx                 |   2 +-
 lib/db/queries.ts                    |  10 +-
 lib/db/schema.ts                     |   6 +-
 lib/editor/config.ts                 |   2 +-
 lib/editor/diff.js                   |  42 ++++-----
 lib/editor/functions.tsx             |  10 +-
 lib/editor/suggestions.tsx           |   8 +-
 lib/utils.ts                         |  18 ++--
 package.json                         |   2 +-
 50 files changed, 324 insertions(+), 242 deletions(-)
 delete mode 100644 biome.json
 create mode 100644 biome.jsonc

diff --git a/app/(auth)/actions.ts b/app/(auth)/actions.ts
index c2a5afe74..84f8ffde4 100644
--- a/app/(auth)/actions.ts
+++ b/app/(auth)/actions.ts
@@ -17,7 +17,7 @@ export interface LoginActionState {
 
 export const login = async (
   _: LoginActionState,
-  formData: FormData
+  formData: FormData,
 ): Promise<LoginActionState> => {
   try {
     const validatedData = authFormSchema.parse({
@@ -53,7 +53,7 @@ export interface RegisterActionState {
 
 export const register = async (
   _: RegisterActionState,
-  formData: FormData
+  formData: FormData,
 ): Promise<RegisterActionState> => {
   try {
     const validatedData = authFormSchema.parse({
diff --git a/app/(auth)/auth.ts b/app/(auth)/auth.ts
index 3d8e738e9..d8a436988 100644
--- a/app/(auth)/auth.ts
+++ b/app/(auth)/auth.ts
@@ -20,12 +20,12 @@ export const {
   providers: [
     Credentials({
       credentials: {},
-      // biome-ignore lint/suspicious/noExplicitAny: TODO
       async authorize({ email, password }: any) {
         const users = await getUser(email);
         if (users.length === 0) return null;
+        // biome-ignore lint: Forbidden non-null assertion.
         const passwordsMatch = await compare(password, users[0].password!);
-        // biome-ignore lint/suspicious/noExplicitAny: TODO
+        if (!passwordsMatch) return null;
         return users[0] as any;
       },
     }),
@@ -43,7 +43,6 @@ 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 e1577dc92..7ff4c73e0 100644
--- a/app/(auth)/login/page.tsx
+++ b/app/(auth)/login/page.tsx
@@ -20,7 +20,7 @@ export default function Page() {
     login,
     {
       status: 'idle',
-    }
+    },
   );
 
   useEffect(() => {
diff --git a/app/(auth)/register/page.tsx b/app/(auth)/register/page.tsx
index df8258350..69e079b5f 100644
--- a/app/(auth)/register/page.tsx
+++ b/app/(auth)/register/page.tsx
@@ -20,7 +20,7 @@ export default function Page() {
     register,
     {
       status: 'idle',
-    }
+    },
   );
 
   useEffect(() => {
diff --git a/app/(chat)/actions.ts b/app/(chat)/actions.ts
index 2b19fc982..0d4b2c996 100644
--- a/app/(chat)/actions.ts
+++ b/app/(chat)/actions.ts
@@ -1,6 +1,6 @@
 'use server';
 
-import { CoreMessage, type CoreUserMessage, generateText } from 'ai';
+import { type CoreUserMessage, generateText } from 'ai';
 import { cookies } from 'next/headers';
 
 import { customModel } from '@/lib/ai';
diff --git a/app/(chat)/api/chat/route.ts b/app/(chat)/api/chat/route.ts
index bf5c5bc1a..2e66effe0 100644
--- a/app/(chat)/api/chat/route.ts
+++ b/app/(chat)/api/chat/route.ts
@@ -104,7 +104,7 @@ export async function POST(request: Request) {
         }),
         execute: async ({ latitude, longitude }) => {
           const response = await fetch(
-            `https://api.open-meteo.com/v1/forecast?latitude=${latitude}&longitude=${longitude}&current=temperature_2m&hourly=temperature_2m&daily=sunrise,sunset&timezone=auto`
+            `https://api.open-meteo.com/v1/forecast?latitude=${latitude}&longitude=${longitude}&current=temperature_2m&hourly=temperature_2m&daily=sunrise,sunset&timezone=auto`,
           );
 
           const weatherData = await response.json();
@@ -350,7 +350,7 @@ export async function POST(request: Request) {
                   content: message.content,
                   createdAt: new Date(),
                 };
-              }
+              },
             ),
           });
         } catch (error) {
diff --git a/app/(chat)/api/files/upload/route.ts b/app/(chat)/api/files/upload/route.ts
index b753750e5..8da795db3 100644
--- a/app/(chat)/api/files/upload/route.ts
+++ b/app/(chat)/api/files/upload/route.ts
@@ -16,7 +16,7 @@ const FileSchema = z.object({
         ['image/jpeg', 'image/png', 'application/pdf'].includes(file.type),
       {
         message: 'File type should be JPEG, PNG, or PDF',
-      }
+      },
     ),
 });
 
@@ -65,7 +65,7 @@ export async function POST(request: Request) {
   } catch (error) {
     return NextResponse.json(
       { error: 'Failed to process request' },
-      { status: 500 }
+      { status: 500 },
     );
   }
 }
diff --git a/app/(chat)/chat/[id]/page.tsx b/app/(chat)/chat/[id]/page.tsx
index 839bc7d16..5d5b06208 100644
--- a/app/(chat)/chat/[id]/page.tsx
+++ b/app/(chat)/chat/[id]/page.tsx
@@ -1,4 +1,4 @@
-import { CoreMessage } from 'ai';
+
 import { cookies } from 'next/headers';
 import { notFound } from 'next/navigation';
 
diff --git a/app/layout.tsx b/app/layout.tsx
index d0d4c4577..287847fb3 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -51,7 +51,6 @@ export default async function RootLayout({
     >
       <head>
         <script
-          // biome-ignore lint/security/noDangerouslySetInnerHtml: <explanation>
           dangerouslySetInnerHTML={{
             __html: THEME_COLOR_SCRIPT,
           }}
diff --git a/biome.json b/biome.json
deleted file mode 100644
index 79636bc81..000000000
--- a/biome.json
+++ /dev/null
@@ -1,58 +0,0 @@
-{
-  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
-  "vcs": { "enabled": false, "clientKind": "git", "useIgnoreFile": true },
-  "files": {
-    "ignoreUnknown": false,
-    "ignore": [
-      "**/pnpm-lock.yaml",
-      "lib/db/migrations",
-      "lib/editor/react-renderer.tsx",
-      "node_modules",
-      ".next",
-      "public",
-      ".vercel"
-    ]
-  },
-  "formatter": {
-    "enabled": true,
-    "useEditorconfig": true,
-    "formatWithErrors": false,
-    "indentStyle": "space",
-    "indentWidth": 2,
-    "lineEnding": "lf",
-    "lineWidth": 80,
-    "attributePosition": "auto",
-    "bracketSpacing": true,
-    "ignore": ["**/pnpm-lock.yaml", "lib/db/drizzle"]
-  },
-  "organizeImports": { "enabled": true },
-  "linter": {
-    "enabled": true,
-    "rules": {
-      "recommended": true,
-      "a11y": {
-        "noSvgWithoutTitle": "off",
-        "useKeyWithClickEvents": "off"
-      },
-      "style": {
-        "noNonNullAssertion": "off"
-      },
-      "correctness": {
-        "useExhaustiveDependencies": "off"
-      }
-    }
-  },
-  "javascript": {
-    "formatter": {
-      "jsxQuoteStyle": "double",
-      "quoteProperties": "asNeeded",
-      "trailingCommas": "es5",
-      "semicolons": "always",
-      "arrowParentheses": "always",
-      "bracketSameLine": false,
-      "quoteStyle": "single",
-      "attributePosition": "auto",
-      "bracketSpacing": true
-    }
-  }
-}
diff --git a/biome.jsonc b/biome.jsonc
new file mode 100644
index 000000000..f2bbd273b
--- /dev/null
+++ b/biome.jsonc
@@ -0,0 +1,131 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+  "files": {
+    "ignoreUnknown": false,
+    "ignore": [
+      "**/pnpm-lock.yaml",
+      "lib/db/migrations",
+      "lib/editor/react-renderer.tsx",
+      "node_modules",
+      ".next",
+      "public",
+      ".vercel"
+    ]
+  },
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "defaultBranch": "main",
+    "useIgnoreFile": true
+  },
+  "formatter": {
+    "enabled": true,
+    "formatWithErrors": false,
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "lineEnding": "lf",
+    "lineWidth": 80,
+    "attributePosition": "auto"
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true,
+      "a11y": {
+        "useHtmlLang": "warn", // Not in recommended ruleset, turning on manually
+        "noHeaderScope": "warn", // Not in recommended ruleset, turning on manually
+        "useValidAriaRole": {
+          "level": "warn",
+          "options": {
+            "ignoreNonDom": false,
+            "allowInvalidRoles": ["none", "text"]
+          }
+        },
+        "useSemanticElements": "off", // Rule is buggy, revisit later
+        "noSvgWithoutTitle": "off", // We do not intend to adhere to this rule
+        "useMediaCaption": "off", // We would need a cultural change to turn this on
+        "noAutofocus": "off", // We're highly intentional about when we use autofocus
+        "noBlankTarget": "off" // Covered by Conformance
+      },
+      "complexity": {
+        "noUselessStringConcat": "warn", // Not in recommended ruleset, turning on manually
+        "noForEach": "off", // forEach is too familiar to ban
+        "noUselessSwitchCase": "off", // Turned off due to developer preferences
+        "noUselessThisAlias": "off" // Turned off due to developer preferences
+      },
+      "correctness": {
+        "noUnusedImports": "warn", // Not in recommended ruleset, turning on manually
+        "useArrayLiterals": "warn", // Not in recommended ruleset, turning on manually
+        "noNewSymbol": "warn", // Not in recommended ruleset, turning on manually
+        "useJsxKeyInIterable": "off", // Rule is buggy, revisit later
+        "useExhaustiveDependencies": "off", // Community feedback on this rule has been poor, we will continue with ESLint
+        "noUnnecessaryContinue": "off" // Turned off due to developer preferences
+      },
+      "security": {
+        "noDangerouslySetInnerHtml": "off" // Covered by Conformance
+      },
+      "style": {
+        "useFragmentSyntax": "warn", // Not in recommended ruleset, turning on manually
+        "noYodaExpression": "warn", // Not in recommended ruleset, turning on manually
+        "useDefaultParameterLast": "warn", // Not in recommended ruleset, turning on manually
+        "useExponentiationOperator": "off", // Obscure and arguably not easily readable
+        "noUnusedTemplateLiteral": "off", // Stylistic opinion
+        "noUselessElse": "off" // Stylistic opinion
+      },
+      "suspicious": {
+        "noExplicitAny": "off" // We trust Vercelians to use any only when necessary
+      },
+      "nursery": {
+        "noStaticElementInteractions": "warn",
+        "noHeadImportInDocument": "warn",
+        "noDocumentImportInPage": "warn",
+        "noDuplicateElseIf": "warn",
+        "noIrregularWhitespace": "warn",
+        "useValidAutocomplete": "warn"
+      }
+    }
+  },
+  "javascript": {
+    "jsxRuntime": "reactClassic",
+    "formatter": {
+      "jsxQuoteStyle": "double",
+      "quoteProperties": "asNeeded",
+      "trailingCommas": "all",
+      "semicolons": "always",
+      "arrowParentheses": "always",
+      "bracketSpacing": true,
+      "bracketSameLine": false,
+      "quoteStyle": "single",
+      "attributePosition": "auto"
+    }
+  },
+  "json": {
+    "formatter": {
+      "enabled": true,
+      "trailingCommas": "none"
+    },
+    "parser": {
+      "allowComments": true,
+      "allowTrailingCommas": false
+    }
+  },
+  "css": {
+    "formatter": { "enabled": false },
+    "linter": { "enabled": false }
+  },
+  "organizeImports": { "enabled": false },
+  "overrides": [
+    // Playwright requires an object destructure, even if empty
+    // https://github.com/microsoft/playwright/issues/30007
+    {
+      "include": ["playwright/**"],
+      "linter": {
+        "rules": {
+          "correctness": {
+            "noEmptyPattern": "off"
+          }
+        }
+      }
+    }
+  ]
+}
diff --git a/components/app-sidebar.tsx b/components/app-sidebar.tsx
index e7dddbeb7..b685b49b3 100644
--- a/components/app-sidebar.tsx
+++ b/components/app-sidebar.tsx
@@ -18,6 +18,7 @@ import {
   useSidebar,
 } from '@/components/ui/sidebar';
 import { BetterTooltip } from '@/components/ui/tooltip';
+import Link from 'next/link';
 
 export function AppSidebar({ user }: { user: User | undefined }) {
   const router = useRouter();
@@ -28,21 +29,21 @@ export function AppSidebar({ user }: { user: User | undefined }) {
       <SidebarHeader>
         <SidebarMenu>
           <div className="flex flex-row justify-between items-center">
-            <div
+            <Link
+              href="/"
               onClick={() => {
                 setOpenMobile(false);
-                router.push('/');
-                router.refresh();
               }}
               className="flex flex-row gap-3 items-center"
             >
               <span className="text-lg font-semibold px-2 hover:bg-muted rounded-md cursor-pointer">
                 Chatbot
               </span>
-            </div>
+            </Link>
             <BetterTooltip content="New Chat" align="start">
               <Button
                 variant="ghost"
+                type="button"
                 className="p-2 h-fit"
                 onClick={() => {
                   setOpenMobile(false);
diff --git a/components/block-stream-handler.tsx b/components/block-stream-handler.tsx
index 73f50e1a4..5402b2c2b 100644
--- a/components/block-stream-handler.tsx
+++ b/components/block-stream-handler.tsx
@@ -23,7 +23,7 @@ export function PureBlockStreamHandler({
 
 function areEqual(
   prevProps: BlockStreamHandlerProps,
-  nextProps: BlockStreamHandlerProps
+  nextProps: BlockStreamHandlerProps,
 ) {
   if (!prevProps.streamingData && !nextProps.streamingData) {
     return true;
diff --git a/components/block.tsx b/components/block.tsx
index dae0eb346..9e3f3ac76 100644
--- a/components/block.tsx
+++ b/components/block.tsx
@@ -80,13 +80,13 @@ export function Block({
   votes: Array<Vote> | undefined;
   append: (
     message: Message | CreateMessage,
-    chatRequestOptions?: ChatRequestOptions
+    chatRequestOptions?: ChatRequestOptions,
   ) => Promise<string | null | undefined>;
   handleSubmit: (
     event?: {
       preventDefault?: () => void;
     },
-    chatRequestOptions?: ChatRequestOptions
+    chatRequestOptions?: ChatRequestOptions,
   ) => void;
 }) {
   const [messagesContainerRef, messagesEndRef] =
@@ -100,7 +100,7 @@ export function Block({
     block && block.status !== 'streaming'
       ? `/api/document?id=${block.documentId}`
       : null,
-    fetcher
+    fetcher,
   );
 
   const { data: suggestions } = useSWR<Array<Suggestion>>(
@@ -110,7 +110,7 @@ export function Block({
     fetcher,
     {
       dedupingInterval: 5000,
-    }
+    },
   );
 
   const [mode, setMode] = useState<'edit' | 'diff'>('edit');
@@ -176,15 +176,15 @@ export function Block({
           }
           return currentDocuments;
         },
-        { revalidate: false }
+        { revalidate: false },
       );
     },
-    [block, mutate]
+    [block, mutate],
   );
 
   const debouncedHandleContentChange = useDebounceCallback(
     handleContentChange,
-    2000
+    2000,
   );
 
   const saveContent = useCallback(
@@ -199,7 +199,7 @@ export function Block({
         }
       }
     },
-    [document, debouncedHandleContentChange, handleContentChange]
+    [document, debouncedHandleContentChange, handleContentChange],
   );
 
   function getDocumentContentById(index: number) {
@@ -430,7 +430,7 @@ export function Block({
                     new Date(),
                     {
                       addSuffix: true,
-                    }
+                    },
                   )}`}
                 </div>
               ) : (
@@ -496,7 +496,7 @@ export function Block({
                     'p-2 h-fit !pointer-events-auto dark:hover:bg-zinc-700',
                     {
                       'bg-muted': mode === 'diff',
-                    }
+                    },
                   )}
                   onClick={() => {
                     handleVersionChange('toggle');
diff --git a/components/chat.tsx b/components/chat.tsx
index 0054b2cac..425ea1513 100644
--- a/components/chat.tsx
+++ b/components/chat.tsx
@@ -66,7 +66,7 @@ export function Chat({
 
   const { data: votes } = useSWR<Array<Vote>>(
     `/api/vote?chatId=${id}`,
-    fetcher
+    fetcher,
   );
 
   const [messagesContainerRef, messagesEndRef] =
diff --git a/components/diffview.tsx b/components/diffview.tsx
index d3b2368d0..4e97b68e2 100644
--- a/components/diffview.tsx
+++ b/components/diffview.tsx
@@ -60,10 +60,10 @@ export const DiffView = ({ oldContent, newContent }: DiffEditorProps) => {
       const parser = DOMParser.fromSchema(diffSchema);
 
       const oldHtmlContent = renderToString(
-        <ReactMarkdown>{oldContent}</ReactMarkdown>
+        <ReactMarkdown>{oldContent}</ReactMarkdown>,
       );
       const newHtmlContent = renderToString(
-        <ReactMarkdown>{newContent}</ReactMarkdown>
+        <ReactMarkdown>{newContent}</ReactMarkdown>,
       );
 
       const oldContainer = document.createElement('div');
diff --git a/components/editor.tsx b/components/editor.tsx
index e023e23b9..f88131fae 100644
--- a/components/editor.tsx
+++ b/components/editor.tsx
@@ -89,7 +89,7 @@ function PureEditor({
   useEffect(() => {
     if (editorRef.current && content) {
       const currentContent = buildContentFromDocument(
-        editorRef.current.state.doc
+        editorRef.current.state.doc,
       );
 
       if (status === 'streaming') {
@@ -98,7 +98,7 @@ function PureEditor({
         const transaction = editorRef.current.state.tr.replaceWith(
           0,
           editorRef.current.state.doc.content.size,
-          newDocument.content
+          newDocument.content,
         );
 
         transaction.setMeta('no-save', true);
@@ -112,7 +112,7 @@ function PureEditor({
         const transaction = editorRef.current.state.tr.replaceWith(
           0,
           editorRef.current.state.doc.content.size,
-          newDocument.content
+          newDocument.content,
         );
 
         transaction.setMeta('no-save', true);
@@ -125,14 +125,14 @@ function PureEditor({
     if (editorRef.current?.state.doc && content) {
       const projectedSuggestions = projectWithPositions(
         editorRef.current.state.doc,
-        suggestions
+        suggestions,
       ).filter(
-        (suggestion) => suggestion.selectionStart && suggestion.selectionEnd
+        (suggestion) => suggestion.selectionStart && suggestion.selectionEnd,
       );
 
       const decorations = createDecorations(
         projectedSuggestions,
-        editorRef.current
+        editorRef.current,
       );
 
       const transaction = editorRef.current.state.tr;
diff --git a/components/markdown.tsx b/components/markdown.tsx
index 214c54c57..26f85966a 100644
--- a/components/markdown.tsx
+++ b/components/markdown.tsx
@@ -119,5 +119,5 @@ const NonMemoizedMarkdown = ({ children }: { children: string }) => {
 
 export const Markdown = memo(
   NonMemoizedMarkdown,
-  (prevProps, nextProps) => prevProps.children === nextProps.children
+  (prevProps, nextProps) => prevProps.children === nextProps.children,
 );
diff --git a/components/message-actions.tsx b/components/message-actions.tsx
index 7724c5f78..42add1e47 100644
--- a/components/message-actions.tsx
+++ b/components/message-actions.tsx
@@ -80,7 +80,7 @@ export function MessageActions({
                         if (!currentVotes) return [];
 
                         const votesWithoutCurrent = currentVotes.filter(
-                          (vote) => vote.messageId !== message.id
+                          (vote) => vote.messageId !== message.id,
                         );
 
                         return [
@@ -92,7 +92,7 @@ export function MessageActions({
                           },
                         ];
                       },
-                      { revalidate: false }
+                      { revalidate: false },
                     );
 
                     return 'Upvoted Response!';
@@ -134,7 +134,7 @@ export function MessageActions({
                         if (!currentVotes) return [];
 
                         const votesWithoutCurrent = currentVotes.filter(
-                          (vote) => vote.messageId !== message.id
+                          (vote) => vote.messageId !== message.id,
                         );
 
                         return [
@@ -146,7 +146,7 @@ export function MessageActions({
                           },
                         ];
                       },
-                      { revalidate: false }
+                      { revalidate: false },
                     );
 
                     return 'Downvoted Response!';
diff --git a/components/message.tsx b/components/message.tsx
index 6119ee243..6340fcaef 100644
--- a/components/message.tsx
+++ b/components/message.tsx
@@ -39,7 +39,7 @@ export const PreviewMessage = ({
     >
       <div
         className={cx(
-          'group-data-[role=user]/message:bg-primary group-data-[role=user]/message:text-primary-foreground flex gap-4 group-data-[role=user]/message:px-3 w-full group-data-[role=user]/message:w-fit group-data-[role=user]/message:ml-auto group-data-[role=user]/message:max-w-2xl group-data-[role=user]/message:py-2 rounded-xl'
+          'group-data-[role=user]/message:bg-primary group-data-[role=user]/message:text-primary-foreground flex gap-4 group-data-[role=user]/message:px-3 w-full group-data-[role=user]/message:w-fit group-data-[role=user]/message:ml-auto group-data-[role=user]/message:max-w-2xl group-data-[role=user]/message:py-2 rounded-xl',
         )}
       >
         {message.role === 'assistant' && (
@@ -158,7 +158,7 @@ export const ThinkingMessage = () => {
           'flex gap-4 group-data-[role=user]/message:px-3 w-full group-data-[role=user]/message:w-fit group-data-[role=user]/message:ml-auto group-data-[role=user]/message:max-w-2xl group-data-[role=user]/message:py-2 rounded-xl',
           {
             'group-data-[role=user]/message:bg-muted': true,
-          }
+          },
         )}
       >
         <div className="size-8 flex items-center rounded-full justify-center ring-1 shrink-0 ring-border">
diff --git a/components/model-selector.tsx b/components/model-selector.tsx
index aac424f31..edad77cac 100644
--- a/components/model-selector.tsx
+++ b/components/model-selector.tsx
@@ -27,7 +27,7 @@ export function ModelSelector({
 
   const selectModel = useMemo(
     () => models.find((model) => model.id === optimisticModelId),
-    [optimisticModelId]
+    [optimisticModelId],
   );
 
   return (
@@ -36,7 +36,7 @@ export function ModelSelector({
         asChild
         className={cn(
           'w-fit data-[state=open]:bg-accent data-[state=open]:text-accent-foreground',
-          className
+          className,
         )}
       >
         <Button variant="outline" className="md:px-2 md:h-[34px]">
diff --git a/components/multimodal-input.tsx b/components/multimodal-input.tsx
index 92ebc5d3e..152e9792f 100644
--- a/components/multimodal-input.tsx
+++ b/components/multimodal-input.tsx
@@ -66,13 +66,13 @@ export function MultimodalInput({
   setMessages: Dispatch<SetStateAction<Array<Message>>>;
   append: (
     message: Message | CreateMessage,
-    chatRequestOptions?: ChatRequestOptions
+    chatRequestOptions?: ChatRequestOptions,
   ) => Promise<string | null | undefined>;
   handleSubmit: (
     event?: {
       preventDefault?: () => void;
     },
-    chatRequestOptions?: ChatRequestOptions
+    chatRequestOptions?: ChatRequestOptions,
   ) => void;
   className?: string;
 }) {
@@ -94,7 +94,7 @@ export function MultimodalInput({
 
   const [localStorageInput, setLocalStorageInput] = useLocalStorage(
     'input',
-    ''
+    '',
   );
 
   useEffect(() => {
@@ -180,7 +180,7 @@ export function MultimodalInput({
         const uploadPromises = files.map((file) => uploadFile(file));
         const uploadedAttachments = await Promise.all(uploadPromises);
         const successfullyUploadedAttachments = uploadedAttachments.filter(
-          (attachment) => attachment !== undefined
+          (attachment) => attachment !== undefined,
         );
 
         setAttachments((currentAttachments) => [
@@ -193,7 +193,7 @@ export function MultimodalInput({
         setUploadQueue([]);
       }
     },
-    [setAttachments]
+    [setAttachments],
   );
 
   return (
@@ -269,7 +269,7 @@ export function MultimodalInput({
         onChange={handleInput}
         className={cx(
           'min-h-[24px] max-h-[calc(75dvh)] overflow-hidden resize-none rounded-xl text-base bg-muted',
-          className
+          className,
         )}
         rows={3}
         autoFocus
diff --git a/components/sidebar-history.tsx b/components/sidebar-history.tsx
index a3949c7f7..3147041d5 100644
--- a/components/sidebar-history.tsx
+++ b/components/sidebar-history.tsx
@@ -213,7 +213,7 @@ export function SidebarHistory({ user }: { user: User | undefined }) {
         lastWeek: [],
         lastMonth: [],
         older: [],
-      } as GroupedChats
+      } as GroupedChats,
     );
   };
 
diff --git a/components/sidebar-toggle.tsx b/components/sidebar-toggle.tsx
index 2e840cf29..62d3e4588 100644
--- a/components/sidebar-toggle.tsx
+++ b/components/sidebar-toggle.tsx
@@ -2,7 +2,6 @@ import type { ComponentProps } from 'react';
 
 import { type SidebarTrigger, useSidebar } from '@/components/ui/sidebar';
 import { BetterTooltip } from '@/components/ui/tooltip';
-import { cn } from '@/lib/utils';
 
 import { SidebarLeftIcon } from './icons';
 import { Button } from './ui/button';
diff --git a/components/suggestion.tsx b/components/suggestion.tsx
index 55b6f2b30..4cbf66d83 100644
--- a/components/suggestion.tsx
+++ b/components/suggestion.tsx
@@ -46,14 +46,15 @@ export const Suggestion = ({
               <div className="size-4 bg-muted-foreground/25 rounded-full" />
               <div className="font-medium">Assistant</div>
             </div>
-            <div
+            <button
+              type="button"
               className="text-xs text-gray-500 cursor-pointer"
               onClick={() => {
                 setIsExpanded(false);
               }}
             >
               <CrossIcon size={12} />
-            </div>
+            </button>
           </div>
           <div>{suggestion.description}</div>
           <Button
diff --git a/components/toolbar.tsx b/components/toolbar.tsx
index 3f1f49c82..f129f8d47 100644
--- a/components/toolbar.tsx
+++ b/components/toolbar.tsx
@@ -32,7 +32,6 @@ import {
   StopIcon,
   SummarizeIcon,
 } from './icons';
-import { Button } from './ui/button';
 
 type ToolProps = {
   type: 'final-polish' | 'request-suggestions' | 'adjust-reading-level';
@@ -45,7 +44,7 @@ type ToolProps = {
   isAnimating: boolean;
   append: (
     message: Message | CreateMessage,
-    chatRequestOptions?: ChatRequestOptions
+    chatRequestOptions?: ChatRequestOptions,
   ) => Promise<string | null | undefined>;
 };
 
@@ -159,7 +158,7 @@ const ReadingLevelSelector = ({
   isAnimating: boolean;
   append: (
     message: Message | CreateMessage,
-    chatRequestOptions?: ChatRequestOptions
+    chatRequestOptions?: ChatRequestOptions,
   ) => Promise<string | null | undefined>;
 }) => {
   const LEVELS = [
@@ -212,7 +211,7 @@ const ReadingLevelSelector = ({
                 {
                   'bg-primary text-primary-foreground': currentLevel !== 2,
                   'bg-background text-foreground': currentLevel === 2,
-                }
+                },
               )}
               style={{ y }}
               drag="y"
@@ -272,7 +271,7 @@ export const Tools = ({
   setSelectedTool: Dispatch<SetStateAction<string | null>>;
   append: (
     message: Message | CreateMessage,
-    chatRequestOptions?: ChatRequestOptions
+    chatRequestOptions?: ChatRequestOptions,
   ) => Promise<string | null | undefined>;
   isAnimating: boolean;
   setIsToolbarVisible: Dispatch<SetStateAction<boolean>>;
@@ -338,7 +337,7 @@ export const Toolbar = ({
   isLoading: boolean;
   append: (
     message: Message | CreateMessage,
-    chatRequestOptions?: ChatRequestOptions
+    chatRequestOptions?: ChatRequestOptions,
   ) => Promise<string | null | undefined>;
   stop: () => void;
   setMessages: Dispatch<SetStateAction<Message[]>>;
diff --git a/components/ui/alert-dialog.tsx b/components/ui/alert-dialog.tsx
index 5cba559b0..d8d2f15dc 100644
--- a/components/ui/alert-dialog.tsx
+++ b/components/ui/alert-dialog.tsx
@@ -19,7 +19,7 @@ const AlertDialogOverlay = React.forwardRef<
   <AlertDialogPrimitive.Overlay
     className={cn(
       'fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
-      className
+      className,
     )}
     {...props}
     ref={ref}
@@ -37,7 +37,7 @@ const AlertDialogContent = React.forwardRef<
       ref={ref}
       className={cn(
         'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg',
-        className
+        className,
       )}
       {...props}
     />
@@ -52,7 +52,7 @@ const AlertDialogHeader = ({
   <div
     className={cn(
       'flex flex-col space-y-2 text-center sm:text-left',
-      className
+      className,
     )}
     {...props}
   />
@@ -66,7 +66,7 @@ const AlertDialogFooter = ({
   <div
     className={cn(
       'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',
-      className
+      className,
     )}
     {...props}
   />
@@ -119,7 +119,7 @@ const AlertDialogCancel = React.forwardRef<
     className={cn(
       buttonVariants({ variant: 'outline' }),
       'mt-2 sm:mt-0',
-      className
+      className,
     )}
     {...props}
   />
diff --git a/components/ui/button.tsx b/components/ui/button.tsx
index c499e5dcb..b0813ef45 100644
--- a/components/ui/button.tsx
+++ b/components/ui/button.tsx
@@ -30,7 +30,7 @@ const buttonVariants = cva(
       variant: 'default',
       size: 'default',
     },
-  }
+  },
 );
 
 export interface ButtonProps
@@ -49,7 +49,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
         {...props}
       />
     );
-  }
+  },
 );
 Button.displayName = 'Button';
 
diff --git a/components/ui/card.tsx b/components/ui/card.tsx
index fca7be46c..3028066c7 100644
--- a/components/ui/card.tsx
+++ b/components/ui/card.tsx
@@ -10,7 +10,7 @@ const Card = React.forwardRef<
     ref={ref}
     className={cn(
       'rounded-lg border bg-card text-card-foreground shadow-sm',
-      className
+      className,
     )}
     {...props}
   />
@@ -37,7 +37,7 @@ const CardTitle = React.forwardRef<
     ref={ref}
     className={cn(
       'text-2xl font-semibold leading-none tracking-tight',
-      className
+      className,
     )}
     {...props}
   />
diff --git a/components/ui/dropdown-menu.tsx b/components/ui/dropdown-menu.tsx
index 2ceb0c7af..05a9a7f1e 100644
--- a/components/ui/dropdown-menu.tsx
+++ b/components/ui/dropdown-menu.tsx
@@ -29,7 +29,7 @@ const DropdownMenuSubTrigger = React.forwardRef<
     className={cn(
       'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent',
       inset && 'pl-8',
-      className
+      className,
     )}
     {...props}
   >
@@ -48,7 +48,7 @@ const DropdownMenuSubContent = React.forwardRef<
     ref={ref}
     className={cn(
       'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
-      className
+      className,
     )}
     {...props}
   />
@@ -66,7 +66,7 @@ const DropdownMenuContent = React.forwardRef<
       sideOffset={sideOffset}
       className={cn(
         'z-50 min-w-[8rem] overflow-hidden rounded-lg border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
-        className
+        className,
       )}
       {...props}
     />
@@ -85,7 +85,7 @@ const DropdownMenuItem = React.forwardRef<
     className={cn(
       'relative flex gap-2 cursor-default select-none items-center rounded-md px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
       inset && 'pl-8',
-      className
+      className,
     )}
     {...props}
   />
@@ -100,7 +100,7 @@ const DropdownMenuCheckboxItem = React.forwardRef<
     ref={ref}
     className={cn(
       'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
-      className
+      className,
     )}
     checked={checked}
     {...props}
@@ -124,7 +124,7 @@ const DropdownMenuRadioItem = React.forwardRef<
     ref={ref}
     className={cn(
       'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
-      className
+      className,
     )}
     {...props}
   >
@@ -149,7 +149,7 @@ const DropdownMenuLabel = React.forwardRef<
     className={cn(
       'px-2 py-1.5 text-sm font-semibold',
       inset && 'pl-8',
-      className
+      className,
     )}
     {...props}
   />
diff --git a/components/ui/input.tsx b/components/ui/input.tsx
index c98211277..ab7eec8e9 100644
--- a/components/ui/input.tsx
+++ b/components/ui/input.tsx
@@ -12,13 +12,13 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
         type={type}
         className={cn(
           'flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
-          className
+          className,
         )}
         ref={ref}
         {...props}
       />
     );
-  }
+  },
 );
 Input.displayName = 'Input';
 
diff --git a/components/ui/label.tsx b/components/ui/label.tsx
index 1e24ec01f..7114fb0cd 100644
--- a/components/ui/label.tsx
+++ b/components/ui/label.tsx
@@ -7,7 +7,7 @@ import { cva, type VariantProps } from 'class-variance-authority';
 import { cn } from '@/lib/utils';
 
 const labelVariants = cva(
-  'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70'
+  'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',
 );
 
 const Label = React.forwardRef<
diff --git a/components/ui/select.tsx b/components/ui/select.tsx
index 9f3ef2157..c8171f705 100644
--- a/components/ui/select.tsx
+++ b/components/ui/select.tsx
@@ -20,7 +20,7 @@ const SelectTrigger = React.forwardRef<
     ref={ref}
     className={cn(
       'flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1',
-      className
+      className,
     )}
     {...props}
   >
@@ -40,7 +40,7 @@ const SelectScrollUpButton = React.forwardRef<
     ref={ref}
     className={cn(
       'flex cursor-default items-center justify-center py-1',
-      className
+      className,
     )}
     {...props}
   >
@@ -57,7 +57,7 @@ const SelectScrollDownButton = React.forwardRef<
     ref={ref}
     className={cn(
       'flex cursor-default items-center justify-center py-1',
-      className
+      className,
     )}
     {...props}
   >
@@ -78,7 +78,7 @@ const SelectContent = React.forwardRef<
         'relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
         position === 'popper' &&
           'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',
-        className
+        className,
       )}
       position={position}
       {...props}
@@ -88,7 +88,7 @@ const SelectContent = React.forwardRef<
         className={cn(
           'p-1',
           position === 'popper' &&
-            'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]'
+            'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]',
         )}
       >
         {children}
@@ -119,7 +119,7 @@ const SelectItem = React.forwardRef<
     ref={ref}
     className={cn(
       'relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
-      className
+      className,
     )}
     {...props}
   >
diff --git a/components/ui/separator.tsx b/components/ui/separator.tsx
index da040615d..8ee9f4f4d 100644
--- a/components/ui/separator.tsx
+++ b/components/ui/separator.tsx
@@ -11,7 +11,7 @@ const Separator = React.forwardRef<
 >(
   (
     { className, orientation = 'horizontal', decorative = true, ...props },
-    ref
+    ref,
   ) => (
     <SeparatorPrimitive.Root
       ref={ref}
@@ -20,11 +20,11 @@ const Separator = React.forwardRef<
       className={cn(
         'shrink-0 bg-border',
         orientation === 'horizontal' ? 'h-[1px] w-full' : 'h-full w-[1px]',
-        className
+        className,
       )}
       {...props}
     />
-  )
+  ),
 );
 Separator.displayName = SeparatorPrimitive.Root.displayName;
 
diff --git a/components/ui/sheet.tsx b/components/ui/sheet.tsx
index 257a927c2..1d2ea9857 100644
--- a/components/ui/sheet.tsx
+++ b/components/ui/sheet.tsx
@@ -22,7 +22,7 @@ const SheetOverlay = React.forwardRef<
   <SheetPrimitive.Overlay
     className={cn(
       'fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
-      className
+      className,
     )}
     {...props}
     ref={ref}
@@ -46,7 +46,7 @@ const sheetVariants = cva(
     defaultVariants: {
       side: 'right',
     },
-  }
+  },
 );
 
 interface SheetContentProps
@@ -81,7 +81,7 @@ const SheetHeader = ({
   <div
     className={cn(
       'flex flex-col space-y-2 text-center sm:text-left',
-      className
+      className,
     )}
     {...props}
   />
@@ -95,7 +95,7 @@ const SheetFooter = ({
   <div
     className={cn(
       'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',
-      className
+      className,
     )}
     {...props}
   />
diff --git a/components/ui/sidebar.tsx b/components/ui/sidebar.tsx
index 6dfc9b22e..153a216ff 100644
--- a/components/ui/sidebar.tsx
+++ b/components/ui/sidebar.tsx
@@ -70,7 +70,7 @@ const SidebarProvider = React.forwardRef<
       children,
       ...props
     },
-    ref
+    ref,
   ) => {
     const isMobile = useIsMobile();
     const [openMobile, setOpenMobile] = React.useState(false);
@@ -91,7 +91,7 @@ const SidebarProvider = React.forwardRef<
         // This sets the cookie to keep the sidebar state.
         document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
       },
-      [setOpenProp, open]
+      [setOpenProp, open],
     );
 
     // Helper to toggle the sidebar.
@@ -131,7 +131,15 @@ const SidebarProvider = React.forwardRef<
         setOpenMobile,
         toggleSidebar,
       }),
-      [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
+      [
+        state,
+        open,
+        setOpen,
+        isMobile,
+        openMobile,
+        setOpenMobile,
+        toggleSidebar,
+      ],
     );
 
     return (
@@ -147,7 +155,7 @@ const SidebarProvider = React.forwardRef<
             }
             className={cn(
               'group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar',
-              className
+              className,
             )}
             data-state={state}
             ref={ref}
@@ -158,7 +166,7 @@ const SidebarProvider = React.forwardRef<
         </TooltipProvider>
       </SidebarContext.Provider>
     );
-  }
+  },
 );
 SidebarProvider.displayName = 'SidebarProvider';
 
@@ -179,7 +187,7 @@ const Sidebar = React.forwardRef<
       children,
       ...props
     },
-    ref
+    ref,
   ) => {
     const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
 
@@ -188,7 +196,7 @@ const Sidebar = React.forwardRef<
         <div
           className={cn(
             'flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground',
-            className
+            className,
           )}
           ref={ref}
           {...props}
@@ -239,7 +247,7 @@ const Sidebar = React.forwardRef<
             'group-data-[side=right]:rotate-180',
             variant === 'floating' || variant === 'inset'
               ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]'
-              : 'group-data-[collapsible=icon]:w-[--sidebar-width-icon]'
+              : 'group-data-[collapsible=icon]:w-[--sidebar-width-icon]',
           )}
         />
         <div
@@ -252,7 +260,7 @@ const Sidebar = React.forwardRef<
             variant === 'floating' || variant === 'inset'
               ? 'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]'
               : 'group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l',
-            className
+            className,
           )}
           {...props}
         >
@@ -265,7 +273,7 @@ const Sidebar = React.forwardRef<
         </div>
       </div>
     );
-  }
+  },
 );
 Sidebar.displayName = 'Sidebar';
 
@@ -315,7 +323,7 @@ const SidebarRail = React.forwardRef<
         'group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar',
         '[[data-side=left][data-collapsible=offcanvas]_&]:-right-2',
         '[[data-side=right][data-collapsible=offcanvas]_&]:-left-2',
-        className
+        className,
       )}
       {...props}
     />
@@ -333,7 +341,7 @@ const SidebarInset = React.forwardRef<
       className={cn(
         'relative flex min-h-svh flex-1 flex-col bg-background',
         'peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow',
-        className
+        className,
       )}
       {...props}
     />
@@ -351,7 +359,7 @@ const SidebarInput = React.forwardRef<
       data-sidebar="input"
       className={cn(
         'h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring',
-        className
+        className,
       )}
       {...props}
     />
@@ -414,7 +422,7 @@ const SidebarContent = React.forwardRef<
       data-sidebar="content"
       className={cn(
         'flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden',
-        className
+        className,
       )}
       {...props}
     />
@@ -450,7 +458,7 @@ const SidebarGroupLabel = React.forwardRef<
       className={cn(
         'duration-200 flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opa] ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',
         'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0',
-        className
+        className,
       )}
       {...props}
     />
@@ -473,7 +481,7 @@ const SidebarGroupAction = React.forwardRef<
         // Increases the hit area of the button on mobile.
         'after:absolute after:-inset-2 after:md:hidden',
         'group-data-[collapsible=icon]:hidden',
-        className
+        className,
       )}
       {...props}
     />
@@ -539,7 +547,7 @@ const sidebarMenuButtonVariants = cva(
       variant: 'default',
       size: 'default',
     },
-  }
+  },
 );
 
 const SidebarMenuButton = React.forwardRef<
@@ -560,7 +568,7 @@ const SidebarMenuButton = React.forwardRef<
       className,
       ...props
     },
-    ref
+    ref,
   ) => {
     const Comp = asChild ? Slot : 'button';
     const { isMobile, state } = useSidebar();
@@ -597,7 +605,7 @@ const SidebarMenuButton = React.forwardRef<
         />
       </Tooltip>
     );
-  }
+  },
 );
 SidebarMenuButton.displayName = 'SidebarMenuButton';
 
@@ -624,7 +632,7 @@ const SidebarMenuAction = React.forwardRef<
         'group-data-[collapsible=icon]:hidden',
         showOnHover &&
           'group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0',
-        className
+        className,
       )}
       {...props}
     />
@@ -646,7 +654,7 @@ const SidebarMenuBadge = React.forwardRef<
       'peer-data-[size=default]/menu-button:top-1.5',
       'peer-data-[size=lg]/menu-button:top-2.5',
       'group-data-[collapsible=icon]:hidden',
-      className
+      className,
     )}
     {...props}
   />
@@ -701,7 +709,7 @@ const SidebarMenuSub = React.forwardRef<
     className={cn(
       'mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5',
       'group-data-[collapsible=icon]:hidden',
-      className
+      className,
     )}
     {...props}
   />
@@ -736,7 +744,7 @@ const SidebarMenuSubButton = React.forwardRef<
         size === 'sm' && 'text-xs',
         size === 'md' && 'text-sm',
         'group-data-[collapsible=icon]:hidden',
-        className
+        className,
       )}
       {...props}
     />
diff --git a/components/ui/textarea.tsx b/components/ui/textarea.tsx
index 4ca06111b..a614304cd 100644
--- a/components/ui/textarea.tsx
+++ b/components/ui/textarea.tsx
@@ -11,13 +11,13 @@ const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
       <textarea
         className={cn(
           'flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
-          className
+          className,
         )}
         ref={ref}
         {...props}
       />
     );
-  }
+  },
 );
 Textarea.displayName = 'Textarea';
 
diff --git a/components/ui/tooltip.tsx b/components/ui/tooltip.tsx
index 813775c60..59cc73585 100644
--- a/components/ui/tooltip.tsx
+++ b/components/ui/tooltip.tsx
@@ -20,7 +20,7 @@ const TooltipContent = React.forwardRef<
     sideOffset={sideOffset}
     className={cn(
       'z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
-      className
+      className,
     )}
     {...props}
   />
diff --git a/components/version-footer.tsx b/components/version-footer.tsx
index 994cfa578..1ca206c5b 100644
--- a/components/version-footer.tsx
+++ b/components/version-footer.tsx
@@ -62,7 +62,7 @@ export const VersionFooter = ({
                 body: JSON.stringify({
                   timestamp: getDocumentTimestampByIndex(
                     documents,
-                    currentVersionIndex
+                    currentVersionIndex,
                   ),
                 }),
               }),
@@ -75,14 +75,14 @@ export const VersionFooter = ({
                           new Date(
                             getDocumentTimestampByIndex(
                               documents,
-                              currentVersionIndex
-                            )
-                          )
-                        )
+                              currentVersionIndex,
+                            ),
+                          ),
+                        ),
                       ),
                     ]
                   : [],
-              }
+              },
             );
           }}
         >
diff --git a/components/weather.tsx b/components/weather.tsx
index fe64f0fb3..ff402a52a 100644
--- a/components/weather.tsx
+++ b/components/weather.tsx
@@ -207,10 +207,10 @@ export function Weather({
   weatherAtLocation?: WeatherAtLocation;
 }) {
   const currentHigh = Math.max(
-    ...weatherAtLocation.hourly.temperature_2m.slice(0, 24)
+    ...weatherAtLocation.hourly.temperature_2m.slice(0, 24),
   );
   const currentLow = Math.min(
-    ...weatherAtLocation.hourly.temperature_2m.slice(0, 24)
+    ...weatherAtLocation.hourly.temperature_2m.slice(0, 24),
   );
 
   const isDay = isWithinInterval(new Date(weatherAtLocation.current.time), {
@@ -235,17 +235,17 @@ export function Weather({
 
   // Find the index of the current time or the next closest time
   const currentTimeIndex = weatherAtLocation.hourly.time.findIndex(
-    (time) => new Date(time) >= new Date(weatherAtLocation.current.time)
+    (time) => new Date(time) >= new Date(weatherAtLocation.current.time),
   );
 
   // Slice the arrays to get the desired number of items
   const displayTimes = weatherAtLocation.hourly.time.slice(
     currentTimeIndex,
-    currentTimeIndex + hoursToShow
+    currentTimeIndex + hoursToShow,
   );
   const displayTemperatures = weatherAtLocation.hourly.temperature_2m.slice(
     currentTimeIndex,
-    currentTimeIndex + hoursToShow
+    currentTimeIndex + hoursToShow,
   );
 
   return (
@@ -257,7 +257,7 @@ export function Weather({
         },
         {
           'bg-indigo-900': !isDay,
-        }
+        },
       )}
     >
       <div className="flex flex-row justify-between items-center">
@@ -270,7 +270,7 @@ export function Weather({
               },
               {
                 'bg-indigo-100': !isDay,
-              }
+              },
             )}
           />
           <div className="text-4xl font-medium text-blue-50">
@@ -296,7 +296,7 @@ export function Weather({
                 },
                 {
                   'bg-indigo-200': !isDay,
-                }
+                },
               )}
             />
             <div className="text-blue-50 text-sm">
diff --git a/drizzle.config.ts b/drizzle.config.ts
index ef25eb861..7c4a8410a 100644
--- a/drizzle.config.ts
+++ b/drizzle.config.ts
@@ -10,6 +10,7 @@ export default defineConfig({
   out: './lib/db/migrations',
   dialect: 'postgresql',
   dbCredentials: {
+    // biome-ignore lint: Forbidden non-null assertion.
     url: process.env.POSTGRES_URL!,
   },
 });
diff --git a/hooks/use-mobile.tsx b/hooks/use-mobile.tsx
index 6be5f6c14..821f8ff4a 100644
--- a/hooks/use-mobile.tsx
+++ b/hooks/use-mobile.tsx
@@ -4,7 +4,7 @@ const MOBILE_BREAKPOINT = 768;
 
 export function useIsMobile() {
   const [isMobile, setIsMobile] = React.useState<boolean | undefined>(
-    undefined
+    undefined,
   );
 
   React.useEffect(() => {
diff --git a/lib/db/queries.ts b/lib/db/queries.ts
index 46879dbc2..68d27ec7b 100644
--- a/lib/db/queries.ts
+++ b/lib/db/queries.ts
@@ -20,6 +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
+
+// biome-ignore lint: Forbidden non-null assertion.
 const client = postgres(`${process.env.POSTGRES_URL!}?sslmode=require`);
 const db = drizzle(client);
 
@@ -232,8 +234,8 @@ export async function deleteDocumentsByIdAfterTimestamp({
       .where(
         and(
           eq(suggestion.documentId, id),
-          gt(suggestion.documentCreatedAt, timestamp)
-        )
+          gt(suggestion.documentCreatedAt, timestamp),
+        ),
       );
 
     return await db
@@ -241,7 +243,7 @@ export async function deleteDocumentsByIdAfterTimestamp({
       .where(and(eq(document.id, id), gt(document.createdAt, timestamp)));
   } catch (error) {
     console.error(
-      'Failed to delete documents by id after timestamp from database'
+      'Failed to delete documents by id after timestamp from database',
     );
     throw error;
   }
@@ -272,7 +274,7 @@ export async function getSuggestionsByDocumentId({
       .where(and(eq(suggestion.documentId, documentId)));
   } catch (error) {
     console.error(
-      'Failed to get suggestions by document version from database'
+      'Failed to get suggestions by document version from database',
     );
     throw error;
   }
diff --git a/lib/db/schema.ts b/lib/db/schema.ts
index c8865a6a5..f1b447afc 100644
--- a/lib/db/schema.ts
+++ b/lib/db/schema.ts
@@ -57,7 +57,7 @@ export const vote = pgTable(
     return {
       pk: primaryKey({ columns: [table.chatId, table.messageId] }),
     };
-  }
+  },
 );
 
 export type Vote = InferSelectModel<typeof vote>;
@@ -77,7 +77,7 @@ export const document = pgTable(
     return {
       pk: primaryKey({ columns: [table.id, table.createdAt] }),
     };
-  }
+  },
 );
 
 export type Document = InferSelectModel<typeof document>;
@@ -103,7 +103,7 @@ export const suggestion = pgTable(
       columns: [table.documentId, table.documentCreatedAt],
       foreignColumns: [document.id, document.createdAt],
     }),
-  })
+  }),
 );
 
 export type Suggestion = InferSelectModel<typeof suggestion>;
diff --git a/lib/editor/config.ts b/lib/editor/config.ts
index 48c3b3859..60d8cf5d6 100644
--- a/lib/editor/config.ts
+++ b/lib/editor/config.ts
@@ -17,7 +17,7 @@ export function headingRule(level: number) {
   return textblockTypeInputRule(
     new RegExp(`^(#{1,${level}})\\s$`),
     documentSchema.nodes.heading,
-    () => ({ level })
+    () => ({ level }),
   );
 }
 
diff --git a/lib/editor/diff.js b/lib/editor/diff.js
index 7dd8731ba..dd9bc920d 100644
--- a/lib/editor/diff.js
+++ b/lib/editor/diff.js
@@ -49,7 +49,7 @@ export const patchDocumentNode = (schema, oldNode, newNode) => {
     const matchedNodes = matchNodes(
       schema,
       diffOldChildren,
-      diffNewChildren
+      diffNewChildren,
     ).sort((a, b) => b.count - a.count);
     const bestMatch = matchedNodes[0];
     if (bestMatch) {
@@ -62,11 +62,11 @@ export const patchDocumentNode = (schema, oldNode, newNode) => {
         ...patchRemainNodes(
           schema,
           oldBeforeMatchChildren,
-          newBeforeMatchChildren
-        )
+          newBeforeMatchChildren,
+        ),
       );
       finalLeftChildren.push(
-        ...diffOldChildren.slice(oldStartIndex, oldEndIndex)
+        ...diffOldChildren.slice(oldStartIndex, oldEndIndex),
       );
 
       const oldAfterMatchChildren = diffOldChildren.slice(oldEndIndex);
@@ -76,17 +76,17 @@ export const patchDocumentNode = (schema, oldNode, newNode) => {
         ...patchRemainNodes(
           schema,
           oldAfterMatchChildren,
-          newAfterMatchChildren
-        )
+          newAfterMatchChildren,
+        ),
       );
     } else {
       finalLeftChildren.push(
-        ...patchRemainNodes(schema, diffOldChildren, diffNewChildren)
+        ...patchRemainNodes(schema, diffOldChildren, diffNewChildren),
       );
     }
   } else {
     finalLeftChildren.push(
-      ...patchRemainNodes(schema, diffOldChildren, diffNewChildren)
+      ...patchRemainNodes(schema, diffOldChildren, diffNewChildren),
     );
   }
 
@@ -155,7 +155,7 @@ const patchRemainNodes = (schema, oldChildren, newChildren) => {
       !isTextNode(rightOldNode) && matchNodeType(rightOldNode, rightNewNode);
     if (Array.isArray(leftOldNode) && Array.isArray(leftNewNode)) {
       finalLeftChildren.push(
-        ...patchTextNodes(schema, leftOldNode, leftNewNode)
+        ...patchTextNodes(schema, leftOldNode, leftNewNode),
       );
       left += 1;
       continue;
@@ -165,7 +165,7 @@ const patchRemainNodes = (schema, oldChildren, newChildren) => {
       const equalityLeft = computeChildEqualityFactor(leftOldNode, leftNewNode);
       const equalityRight = computeChildEqualityFactor(
         rightOldNode,
-        rightNewNode
+        rightNewNode,
       );
       if (equalityLeft < equalityRight) {
         updateLeft = false;
@@ -175,21 +175,21 @@ const patchRemainNodes = (schema, oldChildren, newChildren) => {
     }
     if (updateLeft) {
       finalLeftChildren.push(
-        patchDocumentNode(schema, leftOldNode, leftNewNode)
+        patchDocumentNode(schema, leftOldNode, leftNewNode),
       );
       left += 1;
     } else if (updateRight) {
       finalRightChildren.unshift(
-        patchDocumentNode(schema, rightOldNode, rightNewNode)
+        patchDocumentNode(schema, rightOldNode, rightNewNode),
       );
       right += 1;
     } else {
       // Delete and insert
       finalLeftChildren.push(
-        createDiffNode(schema, leftOldNode, DiffType.Deleted)
+        createDiffNode(schema, leftOldNode, DiffType.Deleted),
       );
       finalLeftChildren.push(
-        createDiffNode(schema, leftNewNode, DiffType.Inserted)
+        createDiffNode(schema, leftNewNode, DiffType.Inserted),
       );
       left += 1;
     }
@@ -202,7 +202,7 @@ const patchRemainNodes = (schema, oldChildren, newChildren) => {
       ...oldChildren
         .slice(left, left + deleteNodeLen)
         .flat()
-        .map((node) => createDiffNode(schema, node, DiffType.Deleted))
+        .map((node) => createDiffNode(schema, node, DiffType.Deleted)),
     );
   }
 
@@ -211,7 +211,7 @@ const patchRemainNodes = (schema, oldChildren, newChildren) => {
       ...newChildren
         .slice(left, left + insertNodeLen)
         .flat()
-        .map((node) => createDiffNode(schema, node, DiffType.Inserted))
+        .map((node) => createDiffNode(schema, node, DiffType.Inserted)),
     );
   }
 
@@ -233,7 +233,7 @@ export const patchTextNodes = (schema, oldNode, newNode) => {
   // Map sentences to unique characters
   const { chars1, chars2, lineArray } = sentencesToChars(
     oldSentences,
-    newSentences
+    newSentences,
   );
 
   // Perform the diff
@@ -253,7 +253,7 @@ export const patchTextNodes = (schema, oldNode, newNode) => {
       const node = createTextNode(
         schema,
         sentence,
-        type !== DiffType.Unchanged ? [createDiffMark(schema, type)] : []
+        type !== DiffType.Unchanged ? [createDiffMark(schema, type)] : [],
       );
       return node;
     });
@@ -427,7 +427,7 @@ export const createNewNode = (oldNode, children) => {
     oldNode.type,
     oldNode.attrs,
     Fragment.fromArray(children),
-    oldNode.marks
+    oldNode.marks,
   );
 };
 
@@ -448,8 +448,8 @@ function mapDocumentNode(node, mapper) {
     Fragment.from(
       node.content.content
         .map((node) => mapDocumentNode(node, mapper))
-        .filter((n) => n)
-    )
+        .filter((n) => n),
+    ),
   );
   return mapper(copy) || copy;
 }
diff --git a/lib/editor/functions.tsx b/lib/editor/functions.tsx
index 9ceb44124..4b6402bd7 100644
--- a/lib/editor/functions.tsx
+++ b/lib/editor/functions.tsx
@@ -24,7 +24,7 @@ export const buildContentFromDocument = (document: Node) => {
 
 export const createDecorations = (
   suggestions: Array<UISuggestion>,
-  view: EditorView
+  view: EditorView,
 ) => {
   const decorations: Array<Decoration> = [];
 
@@ -39,8 +39,8 @@ export const createDecorations = (
         {
           suggestionId: suggestion.id,
           type: 'highlight',
-        }
-      )
+        },
+      ),
     );
 
     decorations.push(
@@ -53,8 +53,8 @@ export const createDecorations = (
         {
           suggestionId: suggestion.id,
           type: 'widget',
-        }
-      )
+        },
+      ),
     );
   }
 
diff --git a/lib/editor/suggestions.tsx b/lib/editor/suggestions.tsx
index ee02a458b..773a41f47 100644
--- a/lib/editor/suggestions.tsx
+++ b/lib/editor/suggestions.tsx
@@ -45,7 +45,7 @@ function findPositionsInDoc(doc: Node, searchText: string): Position | null {
 
 export function projectWithPositions(
   doc: Node,
-  suggestions: Array<Suggestion>
+  suggestions: Array<Suggestion>,
 ): Array<UISuggestion> {
   return suggestions.map((suggestion) => {
     const positions = findPositionsInDoc(doc, suggestion.originalText);
@@ -68,7 +68,7 @@ export function projectWithPositions(
 
 export function createSuggestionWidget(
   suggestion: UISuggestion,
-  view: EditorView
+  view: EditorView,
 ): { dom: HTMLElement; destroy: () => void } {
   const dom = document.createElement('span');
   const root = createRoot(dom);
@@ -90,7 +90,7 @@ export function createSuggestionWidget(
         state.doc,
         currentDecorations.find().filter((decoration: Decoration) => {
           return decoration.spec.suggestionId !== suggestion.id;
-        })
+        }),
       );
 
       decorationTransaction.setMeta(suggestionsPluginKey, {
@@ -103,7 +103,7 @@ export function createSuggestionWidget(
     const textTransaction = view.state.tr.replaceWith(
       suggestion.selectionStart,
       suggestion.selectionEnd,
-      state.schema.text(suggestion.suggestedText)
+      state.schema.text(suggestion.suggestedText),
     );
 
     textTransaction.setMeta('no-debounce', true);
diff --git a/lib/utils.ts b/lib/utils.ts
index 3c0c3c588..60b0299b0 100644
--- a/lib/utils.ts
+++ b/lib/utils.ts
@@ -24,7 +24,7 @@ export const fetcher = async (url: string) => {
 
   if (!res.ok) {
     const error = new Error(
-      'An error occurred while fetching the data.'
+      'An error occurred while fetching the data.',
     ) as ApplicationError;
 
     error.info = await res.json();
@@ -64,7 +64,7 @@ function addToolMessageToChat({
         ...message,
         toolInvocations: message.toolInvocations.map((toolInvocation) => {
           const toolResult = toolMessage.content.find(
-            (tool) => tool.toolCallId === toolInvocation.toolCallId
+            (tool) => tool.toolCallId === toolInvocation.toolCallId,
           );
 
           if (toolResult) {
@@ -85,7 +85,7 @@ function addToolMessageToChat({
 }
 
 export function convertToUIMessages(
-  messages: Array<DBMessage>
+  messages: Array<DBMessage>,
 ): Array<Message> {
   return messages.reduce((chatMessages: Array<Message>, message) => {
     if (message.role === 'tool') {
@@ -127,7 +127,7 @@ export function convertToUIMessages(
 }
 
 export function sanitizeResponseMessages(
-  messages: Array<CoreToolMessage | CoreAssistantMessage>
+  messages: Array<CoreToolMessage | CoreAssistantMessage>,
 ): Array<CoreToolMessage | CoreAssistantMessage> {
   const toolResultIds: Array<string> = [];
 
@@ -151,7 +151,7 @@ export function sanitizeResponseMessages(
         ? toolResultIds.includes(content.toolCallId)
         : content.type === 'text'
           ? content.text.length > 0
-          : true
+          : true,
     );
 
     return {
@@ -161,7 +161,7 @@ export function sanitizeResponseMessages(
   });
 
   return messagesBySanitizedContent.filter(
-    (message) => message.content.length > 0
+    (message) => message.content.length > 0,
   );
 }
 
@@ -182,7 +182,7 @@ export function sanitizeUIMessages(messages: Array<Message>): Array<Message> {
     const sanitizedToolInvocations = message.toolInvocations.filter(
       (toolInvocation) =>
         toolInvocation.state === 'result' ||
-        toolResultIds.includes(toolInvocation.toolCallId)
+        toolResultIds.includes(toolInvocation.toolCallId),
     );
 
     return {
@@ -194,7 +194,7 @@ export function sanitizeUIMessages(messages: Array<Message>): Array<Message> {
   return messagesBySanitizedToolInvocations.filter(
     (message) =>
       message.content.length > 0 ||
-      (message.toolInvocations && message.toolInvocations.length > 0)
+      (message.toolInvocations && message.toolInvocations.length > 0),
   );
 }
 
@@ -205,7 +205,7 @@ export function getMostRecentUserMessage(messages: Array<CoreMessage>) {
 
 export function getDocumentTimestampByIndex(
   documents: Array<Document>,
-  index: number
+  index: number,
 ) {
   if (!documents) return new Date();
   if (index > documents.length) return new Date();
diff --git a/package.json b/package.json
index f2ee3c136..5b0a36a81 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
     "dev": "next dev --turbo",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint",
+    "lint": "next lint && biome lint --write --unsafe",
     "lint:fix": "next lint --fix && biome lint --write --unsafe",
     "format": "biome format --write",
     "db:generate": "drizzle-kit generate",

From 07cf9acf4a401fd3c8e32d18a560535fc0189267 Mon Sep 17 00:00:00 2001
From: Jared Palmer <jared@jaredpalmer.com>
Date: Fri, 15 Nov 2024 12:55:26 -0500
Subject: [PATCH 2/2] Fix lint warnings

---
 app/(chat)/api/history/route.ts |   1 +
 biome.json                      | 129 ++++++++++++++++++++++++++++++++
 components/document.tsx         |   5 +-
 3 files changed, 133 insertions(+), 2 deletions(-)
 create mode 100644 biome.json

diff --git a/app/(chat)/api/history/route.ts b/app/(chat)/api/history/route.ts
index 00d365b87..5b796acba 100644
--- a/app/(chat)/api/history/route.ts
+++ b/app/(chat)/api/history/route.ts
@@ -8,6 +8,7 @@ export async function GET() {
     return Response.json('Unauthorized!', { status: 401 });
   }
 
+  // biome-ignore lint: Forbidden non-null assertion.
   const chats = await getChatsByUserId({ id: session.user.id! });
   return Response.json(chats);
 }
diff --git a/biome.json b/biome.json
new file mode 100644
index 000000000..e9b995a8a
--- /dev/null
+++ b/biome.json
@@ -0,0 +1,129 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+  "files": {
+    "ignoreUnknown": false,
+    "ignore": [
+      "**/pnpm-lock.yaml",
+      "lib/db/migrations",
+      "lib/editor/react-renderer.tsx",
+      "node_modules",
+      ".next",
+      "public",
+      ".vercel"
+    ]
+  },
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "defaultBranch": "main",
+    "useIgnoreFile": true
+  },
+  "formatter": {
+    "enabled": true,
+    "formatWithErrors": false,
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "lineEnding": "lf",
+    "lineWidth": 80,
+    "attributePosition": "auto"
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true,
+      "a11y": {
+        "useHtmlLang": "warn", 
+        "noHeaderScope": "warn", 
+        "useValidAriaRole": {
+          "level": "warn",
+          "options": {
+            "ignoreNonDom": false,
+            "allowInvalidRoles": ["none", "text"]
+          }
+        },
+        "useSemanticElements": "off", 
+        "noSvgWithoutTitle": "off", 
+        "useMediaCaption": "off", 
+        "noAutofocus": "off", 
+        "noBlankTarget": "off" 
+      },
+      "complexity": {
+        "noUselessStringConcat": "warn", 
+        "noForEach": "off", 
+        "noUselessSwitchCase": "off", 
+        "noUselessThisAlias": "off" 
+      },
+      "correctness": {
+        "noUnusedImports": "warn", 
+        "useArrayLiterals": "warn", 
+        "noNewSymbol": "warn", 
+        "useJsxKeyInIterable": "off", 
+        "useExhaustiveDependencies": "off", 
+        "noUnnecessaryContinue": "off" 
+      },
+      "security": {
+        "noDangerouslySetInnerHtml": "off" 
+      },
+      "style": {
+        "useFragmentSyntax": "warn", 
+        "noYodaExpression": "warn", 
+        "useDefaultParameterLast": "warn", 
+        "useExponentiationOperator": "off", 
+        "noUnusedTemplateLiteral": "off", 
+        "noUselessElse": "off" 
+      },
+      "suspicious": {
+        "noExplicitAny": "off" 
+      },
+      "nursery": {
+        "noStaticElementInteractions": "warn",
+        "noHeadImportInDocument": "warn",
+        "noDocumentImportInPage": "warn",
+        "noDuplicateElseIf": "warn",
+        "noIrregularWhitespace": "warn",
+        "useValidAutocomplete": "warn"
+      }
+    }
+  },
+  "javascript": {
+    "jsxRuntime": "reactClassic",
+    "formatter": {
+      "jsxQuoteStyle": "double",
+      "quoteProperties": "asNeeded",
+      "trailingCommas": "all",
+      "semicolons": "always",
+      "arrowParentheses": "always",
+      "bracketSpacing": true,
+      "bracketSameLine": false,
+      "quoteStyle": "single",
+      "attributePosition": "auto"
+    }
+  },
+  "json": {
+    "formatter": {
+      "enabled": true,
+      "trailingCommas": "none"
+    },
+    "parser": {
+      "allowComments": true,
+      "allowTrailingCommas": false
+    }
+  },
+  "css": {
+    "formatter": { "enabled": false },
+    "linter": { "enabled": false }
+  },
+  "organizeImports": { "enabled": false },
+  "overrides": [
+    {
+      "include": ["playwright/**", "tooling/playwright/src/test/test.ts"],
+      "linter": {
+        "rules": {
+          "correctness": {
+            "noEmptyPattern": "off"
+          }
+        }
+      }
+    }
+  ]
+}
diff --git a/components/document.tsx b/components/document.tsx
index df3607653..bb415d98e 100644
--- a/components/document.tsx
+++ b/components/document.tsx
@@ -30,7 +30,8 @@ export function DocumentToolResult({
   setBlock,
 }: DocumentToolResultProps) {
   return (
-    <div
+    <button
+      type="button"
       className="bg-background cursor-pointer border py-2 px-3 rounded-xl w-fit flex flex-row gap-3 items-start"
       onClick={(event) => {
         const rect = event.currentTarget.getBoundingClientRect();
@@ -64,7 +65,7 @@ export function DocumentToolResult({
       <div className="">
         {getActionText(type)} {result.title}
       </div>
-    </div>
+    </button>
   );
 }