diff --git a/.prettierrc b/.prettierrc
index 738126a..0465684 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -1,7 +1,6 @@
 {
   "semi": false,
   "singleQuote": false,
-  "trailingComma": "none",
   "bracketSpacing": true,
   "bracketSameLine": false,
   "arrowParens": "avoid"
diff --git a/app/about/sections/conclusion.tsx b/app/about/sections/conclusion.tsx
index ec00209..620135d 100644
--- a/app/about/sections/conclusion.tsx
+++ b/app/about/sections/conclusion.tsx
@@ -14,8 +14,8 @@ export default function Conclusion() {
           tokens.colors.accent.dimmer + "75",
           tokens.colors.accent.dimmer + "25 30%",
           tokens.colors.transparent + " 50%",
-          tokens.colors.transparent
-        )
+          tokens.colors.transparent,
+        ),
       }}
       center
       className="border-t-2 border-default"
diff --git a/app/about/sections/header.tsx b/app/about/sections/header.tsx
index c6fe217..0fde6c8 100644
--- a/app/about/sections/header.tsx
+++ b/app/about/sections/header.tsx
@@ -9,7 +9,7 @@ import { useCallback } from "react"
 const toHex = (num: number): string => num.toString(16).padStart(2, "0")
 
 export default function Header({
-  percentage
+  percentage,
 }: {
   percentage: MotionValue<number>
 }) {
@@ -19,33 +19,33 @@ export default function Header({
         0,
         tokens.colors.root + `${toHex(100 + p * 100)}`,
         tokens.colors.root + `${toHex(50 + p * 100)} ${10 + p * 10}%`,
-        `transparent ${20 + p * 20}%`
+        `transparent ${20 + p * 20}%`,
       ),
       gr.radial(
         `circle at 50% ${100 - 90 * p}%`,
         tokens.colors.red[500] + "55",
         tokens.colors.red[500] + "25 30%",
         "transparent 70%",
-        "transparent"
+        "transparent",
       ),
       gr.rRadial(
         `circle at 50% ${150 - 90 * p}%`,
         ...gr.stack(
           ["transparent", 400 - 150 * p],
-          [tokens.colors.outline.dimmest + "25", 404 - 150 * p]
-        )
-      )
+          [tokens.colors.outline.dimmest + "25", 404 - 150 * p],
+        ),
+      ),
     )
   }, [])
 
   const smoothPercentage = useSpring(percentage, {
-    mass: 0.05
+    mass: 0.05,
   })
 
   const background = useTransform(
     smoothPercentage,
     [0, 1],
-    [backgroundImage(0), backgroundImage(1)]
+    [backgroundImage(0), backgroundImage(1)],
   )
 
   const translateY = useTransform(smoothPercentage, [0, 1], ["0%", "-50%"])
diff --git a/app/about/sections/inspiration.tsx b/app/about/sections/inspiration.tsx
index 93e2ad6..d15fb56 100644
--- a/app/about/sections/inspiration.tsx
+++ b/app/about/sections/inspiration.tsx
@@ -15,14 +15,14 @@ export default function Inspiration() {
             tokens.colors.accent.dimmest + "45",
             tokens.colors.accent.dimmest + "15 20%",
             tokens.colors.transparent + " 50%",
-            tokens.colors.transparent
+            tokens.colors.transparent,
           ),
           gr.radial(
             "circle at 100% 50%",
             tokens.colors.accent.dimmest + "45",
             tokens.colors.accent.dimmest + "15 20%",
             tokens.colors.transparent + " 50%",
-            tokens.colors.transparent
+            tokens.colors.transparent,
           ),
           gr.linear(
             0,
@@ -32,9 +32,9 @@ export default function Inspiration() {
             tokens.colors.accent.dimmest + "45",
             tokens.colors.accent.dimmest + "15",
             tokens.colors.root + " 70%",
-            tokens.colors.root
-          )
-        )
+            tokens.colors.root,
+          ),
+        ),
       }}
       className="border-t-2 border-default"
     >
diff --git a/app/about/sections/intro.tsx b/app/about/sections/intro.tsx
index edb7dc6..e6e6df8 100644
--- a/app/about/sections/intro.tsx
+++ b/app/about/sections/intro.tsx
@@ -9,12 +9,12 @@ import { MotionValue, useSpring, useTransform } from "framer-motion"
 import { styled } from "react-tailwind-variants"
 
 export default function Intro({
-  percentage
+  percentage,
 }: {
   percentage: MotionValue<number>
 }) {
   const smoothPercentage = useSpring(percentage, {
-    mass: 0.05
+    mass: 0.05,
   })
 
   const slideWidgetsX = useTransform(smoothPercentage, [0, 1], ["0", "-100%"])
@@ -27,8 +27,8 @@ export default function Intro({
           tokens.colors.default + "ac",
           tokens.colors.default + "87 20%",
           tokens.colors.root + " 85%",
-          tokens.colors.root
-        )
+          tokens.colors.root,
+        ),
       }}
       center
       className="border-t-2 border-default"
@@ -53,7 +53,7 @@ export default function Intro({
             gap={4}
             center
             style={{
-              translateX: slideWidgetsX
+              translateX: slideWidgetsX,
             }}
           >
             <CompareItem
@@ -64,22 +64,22 @@ export default function Intro({
                 values: [
                   [
                     "code-llama",
-                    { value: 0.288, type: MetaPropertyType.Number }
+                    { value: 0.288, type: MetaPropertyType.Number },
                   ],
                   [
                     "mistral-7b",
-                    { value: 0.305, type: MetaPropertyType.Number }
+                    { value: 0.305, type: MetaPropertyType.Number },
                   ],
                   [
                     "gemini pro",
-                    { value: 0.677, type: MetaPropertyType.Number }
+                    { value: 0.677, type: MetaPropertyType.Number },
                   ],
                   ["PaLM 8b", { value: 0.036, type: MetaPropertyType.Number }],
                   [
                     "code-davinci-002",
-                    { value: 0.658, type: MetaPropertyType.Number }
-                  ]
-                ]
+                    { value: 0.658, type: MetaPropertyType.Number },
+                  ],
+                ],
               }}
             />
             <CompareItem
@@ -91,18 +91,21 @@ export default function Intro({
                   ["gpt-4", { value: 8192, type: MetaPropertyType.Number }],
                   [
                     "gpt-3.5-turbo",
-                    { value: 4096, type: MetaPropertyType.Number }
+                    { value: 4096, type: MetaPropertyType.Number },
                   ],
                   [
                     "gpt-4-turbo-preview",
-                    { value: 128000, type: MetaPropertyType.Number }
+                    { value: 128000, type: MetaPropertyType.Number },
                   ],
                   [
                     "replit-code-v1-3b",
-                    { value: 32000, type: MetaPropertyType.Number }
+                    { value: 32000, type: MetaPropertyType.Number },
+                  ],
+                  [
+                    "llama-2-7b",
+                    { value: 4000, type: MetaPropertyType.Number },
                   ],
-                  ["llama-2-7b", { value: 4000, type: MetaPropertyType.Number }]
-                ]
+                ],
               }}
             />
             <CompareItem
@@ -115,29 +118,29 @@ export default function Intro({
                     "gpt-4",
                     {
                       value: "multimodal",
-                      type: MetaPropertyType.String
-                    }
+                      type: MetaPropertyType.String,
+                    },
                   ],
                   [
                     "dalle-2",
-                    { value: "text-to-image", type: MetaPropertyType.String }
+                    { value: "text-to-image", type: MetaPropertyType.String },
                   ],
                   [
                     "sora",
-                    { value: "text-to-video", type: MetaPropertyType.String }
+                    { value: "text-to-video", type: MetaPropertyType.String },
                   ],
                   [
                     "CodeLlama-70b-hf",
                     {
                       value: "code generation",
-                      type: MetaPropertyType.String
-                    }
+                      type: MetaPropertyType.String,
+                    },
                   ],
                   [
                     "musicgen-small",
-                    { value: "text-to-music", type: MetaPropertyType.String }
-                  ]
-                ]
+                    { value: "text-to-music", type: MetaPropertyType.String },
+                  ],
+                ],
               }}
             />
           </WidgetContainer>
@@ -149,9 +152,9 @@ export default function Intro({
 
 const { WidgetGutter, WidgetContainer } = {
   WidgetGutter: styled("div", {
-    base: "w-full px-4 h-[256px] relative"
+    base: "w-full px-4 h-[256px] relative",
   }),
   WidgetContainer: styled(MotionFlex, {
-    base: "absolute top-0 left-0 *:shrink-0"
-  })
+    base: "absolute top-0 left-0 *:shrink-0",
+  }),
 }
diff --git a/app/admin/actions/remove-contributor.ts b/app/admin/actions/remove-contributor.ts
index fcfcf2a..32f2c5e 100644
--- a/app/admin/actions/remove-contributor.ts
+++ b/app/admin/actions/remove-contributor.ts
@@ -10,12 +10,12 @@ import { EmbedBuilder, WebhookClient } from "discord.js"
 import { z } from "zod"
 
 const webhook = new WebhookClient({
-  url: process.env.DISCORD_WEBHOOK_URL_ADMIN
+  url: process.env.DISCORD_WEBHOOK_URL_ADMIN,
 })
 
 const removeContributorInput = z.object({
   userId: z.number(),
-  reason: z.string().min(3).max(255)
+  reason: z.string().min(3).max(255),
 })
 
 export type RemoveContributorInput = z.infer<typeof removeContributorInput>
@@ -33,8 +33,8 @@ export async function removeContributor(e: RemoveContributorInput) {
 
     const contributor = await prisma.user.findFirst({
       where: {
-        id: userId
-      }
+        id: userId,
+      },
     })
 
     if (!contributor) throw new Error("Contributor not found")
@@ -48,8 +48,8 @@ export async function removeContributor(e: RemoveContributorInput) {
     await prisma.user.update({
       where: { id: userId },
       data: {
-        role: UserRole.user
-      }
+        role: UserRole.user,
+      },
     })
 
     await resend.emails.send({
@@ -60,10 +60,10 @@ export async function removeContributor(e: RemoveContributorInput) {
       html: baseEmail({
         title: "Your contributor status has been removed",
         paragraphs: [
-          `Your contributor status has been revoked by an administrator for this reason: "${reason}". If you have any questions or if you believe this was done in error, you may respond directly to this email.`
+          `Your contributor status has been revoked by an administrator for this reason: "${reason}". If you have any questions or if you believe this was done in error, you may respond directly to this email.`,
         ],
-        buttonLinks: []
-      })
+        buttonLinks: [],
+      }),
     })
 
     const embed = new EmbedBuilder()
@@ -72,16 +72,16 @@ export async function removeContributor(e: RemoveContributorInput) {
       .setColor(0xef4444)
 
     await webhook.send({
-      embeds: [embed]
+      embeds: [embed],
     })
 
     return {
-      success: true
+      success: true,
     }
   } catch (error) {
     return {
       success: false,
-      message: formatError(error)
+      message: formatError(error),
     }
   }
 }
diff --git a/app/admin/actions/remove-llm.ts b/app/admin/actions/remove-llm.ts
index 52aba6d..53b05c5 100644
--- a/app/admin/actions/remove-llm.ts
+++ b/app/admin/actions/remove-llm.ts
@@ -9,12 +9,12 @@ import { EmbedBuilder, WebhookClient } from "discord.js"
 import { z } from "zod"
 
 const webhook = new WebhookClient({
-  url: process.env.DISCORD_WEBHOOK_URL_ADMIN
+  url: process.env.DISCORD_WEBHOOK_URL_ADMIN,
 })
 
 const removeLLMInput = z.object({
   llmId: z.number(),
-  reason: z.string().min(3).max(255)
+  reason: z.string().min(3).max(255),
 })
 
 export type RemoveLLMInput = z.infer<typeof removeLLMInput>
@@ -32,31 +32,31 @@ export async function removeLLM(e: RemoveLLMInput) {
 
     const llm = await prisma.lLM.findFirst({
       where: {
-        id: llmId
+        id: llmId,
       },
       include: {
         fields: true,
         votes: true,
-        user: true
-      }
+        user: true,
+      },
     })
 
     if (!llm) throw new Error("LLM not found")
 
     await prisma.field.deleteMany({
       where: {
-        llmId
-      }
+        llmId,
+      },
     })
 
     await prisma.vote.deleteMany({
       where: {
-        llmId
-      }
+        llmId,
+      },
     })
 
     await prisma.lLM.delete({
-      where: { id: llmId }
+      where: { id: llmId },
     })
 
     await resend.emails.send({
@@ -67,32 +67,32 @@ export async function removeLLM(e: RemoveLLMInput) {
       html: baseEmail({
         title: `Your LLM "${llm.name}" has been removed`,
         paragraphs: [
-          `Your LLM with the name "${llm.name}" has been removed from LLM Arena by an administrator for this reason: "${reason}". If you have any questions or if you believe this was done in error, you may respond directly to this email.`
+          `Your LLM with the name "${llm.name}" has been removed from LLM Arena by an administrator for this reason: "${reason}". If you have any questions or if you believe this was done in error, you may respond directly to this email.`,
         ],
-        buttonLinks: []
-      })
+        buttonLinks: [],
+      }),
     })
 
     const embed = new EmbedBuilder()
       .setTitle(`[LLM Removed] ${llm.name}`)
       .setFields({
         name: "Reason",
-        value: reason
+        value: reason,
       })
       .setDescription(`${llm.votes.length} votes • ${llm.fields.length} fields`)
       .setColor(0xef4444)
 
     await webhook.send({
-      embeds: [embed]
+      embeds: [embed],
     })
 
     return {
-      success: true
+      success: true,
     }
   } catch (error) {
     return {
       success: false,
-      message: formatError(error)
+      message: formatError(error),
     }
   }
 }
diff --git a/app/admin/actions/remove-vote.ts b/app/admin/actions/remove-vote.ts
index e06a4f8..41f6692 100644
--- a/app/admin/actions/remove-vote.ts
+++ b/app/admin/actions/remove-vote.ts
@@ -10,12 +10,12 @@ import { EmbedBuilder, WebhookClient } from "discord.js"
 import { z } from "zod"
 
 const webhook = new WebhookClient({
-  url: process.env.DISCORD_WEBHOOK_URL_ADMIN
+  url: process.env.DISCORD_WEBHOOK_URL_ADMIN,
 })
 
 const removeVoteInput = z.object({
   voteId: z.number(),
-  reason: z.string().min(3).max(255)
+  reason: z.string().min(3).max(255),
 })
 
 export type RemoveVoteInput = z.infer<typeof removeVoteInput>
@@ -33,27 +33,27 @@ export async function removeVote(e: RemoveVoteInput) {
 
     const vote = await prisma.vote.findFirst({
       where: {
-        id: voteId
+        id: voteId,
       },
       include: {
-        user: true
-      }
+        user: true,
+      },
     })
 
     if (!vote?.comment)
       throw new Error("Cannot remove a vote lacking a comment")
 
     await prisma.vote.delete({
-      where: { id: voteId }
+      where: { id: voteId },
     })
 
     const llm = await prisma.lLM.findFirst({
       where: {
-        id: vote.llmId
+        id: vote.llmId,
       },
       include: {
-        votes: true
-      }
+        votes: true,
+      },
     })
 
     if (!llm) throw new Error("LLM not found")
@@ -62,11 +62,11 @@ export async function removeVote(e: RemoveVoteInput) {
 
     await prisma.lLM.update({
       where: {
-        id: llm.id
+        id: llm.id,
       },
       data: {
-        status: consensus.status
-      }
+        status: consensus.status,
+      },
     })
 
     const embed = new EmbedBuilder()
@@ -75,24 +75,24 @@ export async function removeVote(e: RemoveVoteInput) {
       .setDescription(`"${vote.comment}"`)
       .setFields({
         name: "Reason",
-        value: reason
+        value: reason,
       })
       .setFooter({
-        text: `- ${vote.user.handle}`
+        text: `- ${vote.user.handle}`,
       })
       .setColor(0xef4444)
 
     await webhook.send({
-      embeds: [embed]
+      embeds: [embed],
     })
 
     return {
-      success: true
+      success: true,
     }
   } catch (error) {
     return {
       success: false,
-      message: formatError(error)
+      message: formatError(error),
     }
   }
 }
diff --git a/app/admin/actions/update-pending-contributor.ts b/app/admin/actions/update-pending-contributor.ts
index 3c9b492..bce2455 100644
--- a/app/admin/actions/update-pending-contributor.ts
+++ b/app/admin/actions/update-pending-contributor.ts
@@ -10,16 +10,16 @@ import { EmbedBuilder, WebhookClient } from "discord.js"
 import { z } from "zod"
 
 const webhook = new WebhookClient({
-  url: process.env.DISCORD_WEBHOOK_URL_ADMIN
+  url: process.env.DISCORD_WEBHOOK_URL_ADMIN,
 })
 
 const updatePendingContributorInput = z.object({
   userId: z.number(),
-  status: z.nativeEnum(VoteStatus)
+  status: z.nativeEnum(VoteStatus),
 })
 
 export async function updatePendingContributor(
-  input: z.infer<typeof updatePendingContributorInput>
+  input: z.infer<typeof updatePendingContributorInput>,
 ): Promise<
   | {
       success: true
@@ -40,7 +40,7 @@ export async function updatePendingContributor(
     const { status, userId } = updatePendingContributorInput.parse(input)
 
     const userToUpdate = await prisma.user.findFirst({
-      where: { id: userId }
+      where: { id: userId },
     })
 
     if (!userToUpdate) throw new Error("User not found")
@@ -52,8 +52,8 @@ export async function updatePendingContributor(
       where: { id: userId },
       data: {
         role:
-          status === VoteStatus.approve ? UserRole.contributor : UserRole.user
-      }
+          status === VoteStatus.approve ? UserRole.contributor : UserRole.user,
+      },
     })
 
     if (status === VoteStatus.approve) {
@@ -67,15 +67,15 @@ export async function updatePendingContributor(
           paragraphs: [
             "Congratulations! We've approved your request to become a contributor to LLM Arena.",
             'To get started, check out the <a href="https://github.com/IroncladDev/llm-arena/blob/main/docs/contributor-guide.md">Contributor Guide</a>',
-            `Join the <a href="${process.env.DISCORD_INVITE}">Discord Server</a> to stay up-to-date on announcements, updates, and more.`
+            `Join the <a href="${process.env.DISCORD_INVITE}">Discord Server</a> to stay up-to-date on announcements, updates, and more.`,
           ],
           buttonLinks: [
             {
               href: "https://github.com/IroncladDev/llm-arena/blob/main/docs/contributor-guide.md",
-              text: "Start Contributing"
-            }
-          ]
-        })
+              text: "Start Contributing",
+            },
+          ],
+        }),
       })
     } else {
       await resend.emails.send({
@@ -87,22 +87,22 @@ export async function updatePendingContributor(
           title: "Contribution Request Denied",
           paragraphs: [
             "Thanks for your interest in contributing to LLM Arena. At the moment we've decided not to move forward with your request.",
-            "If you have any questions, you may respond to this email directly."
+            "If you have any questions, you may respond to this email directly.",
           ],
-          buttonLinks: []
-        })
+          buttonLinks: [],
+        }),
       })
     }
 
     const embed = new EmbedBuilder()
       .setTitle(
-        `[Contributor ${status === VoteStatus.approve ? "Accepted" : "Rejected"}] ${userToUpdate.handle}`
+        `[Contributor ${status === VoteStatus.approve ? "Accepted" : "Rejected"}] ${userToUpdate.handle}`,
       )
       .setURL(`https://github.com/${userToUpdate.handle}`)
       .setColor(status === VoteStatus.approve ? 0x34d399 : 0xef4444)
 
     await webhook.send({
-      embeds: [embed]
+      embeds: [embed],
     })
 
     return { success: true }
diff --git a/app/admin/content.tsx b/app/admin/content.tsx
index 71cddd9..3d07747 100644
--- a/app/admin/content.tsx
+++ b/app/admin/content.tsx
@@ -44,7 +44,7 @@ export default function AdminPage({ waitlist }: { waitlist: Array<User> }) {
 
 const UserRow = ({
   user,
-  setUsers
+  setUsers,
 }: {
   user: User
   setUsers: React.Dispatch<React.SetStateAction<User[]>>
@@ -52,7 +52,7 @@ const UserRow = ({
   const submit = async (status: VoteStatus) => {
     const res = await updatePendingContributor({
       status,
-      userId: user.id
+      userId: user.id,
     })
 
     if (res.success) {
diff --git a/app/admin/page.tsx b/app/admin/page.tsx
index 79e1ebf..d73d441 100644
--- a/app/admin/page.tsx
+++ b/app/admin/page.tsx
@@ -16,8 +16,8 @@ export default async function Admin() {
 
   const waitlist = await prisma.user.findMany({
     where: {
-      role: "pending"
-    }
+      role: "pending",
+    },
   })
 
   return <AdminPage waitlist={waitlist} />
diff --git a/app/api/auth/[...nextauth]/route.ts b/app/api/auth/[...nextauth]/route.ts
index dd9eb6d..8c7ce3e 100644
--- a/app/api/auth/[...nextauth]/route.ts
+++ b/app/api/auth/[...nextauth]/route.ts
@@ -6,8 +6,8 @@ const authOptions: AuthOptions = {
   providers: [
     GithubProvider({
       clientId: process.env.GITHUB_ID!,
-      clientSecret: process.env.GITHUB_SECRET!
-    })
+      clientSecret: process.env.GITHUB_SECRET!,
+    }),
   ],
   callbacks: {
     async signIn({ user, account, profile }) {
@@ -17,8 +17,8 @@ const authOptions: AuthOptions = {
 
       const existingUser = await prisma.user.findFirst({
         where: {
-          handle
-        }
+          handle,
+        },
       })
 
       if (existingUser) return true
@@ -27,8 +27,8 @@ const authOptions: AuthOptions = {
         data: {
           handle,
           provider: account.provider as "github",
-          email: user.email as string
-        }
+          email: user.email as string,
+        },
       })
 
       if (newUser) {
@@ -36,8 +36,8 @@ const authOptions: AuthOptions = {
       } else {
         return false
       }
-    }
-  }
+    },
+  },
 }
 
 const handler = NextAuth(authOptions)
diff --git a/app/api/meta-search/route.ts b/app/api/meta-search/route.ts
index 4281e04..5b017e1 100644
--- a/app/api/meta-search/route.ts
+++ b/app/api/meta-search/route.ts
@@ -15,9 +15,9 @@ export async function GET(request: Request) {
 
     const mostUsed = await prisma.metaProperty.findMany({
       orderBy: {
-        useCount: "desc"
+        useCount: "desc",
       },
-      take: 10
+      take: 10,
     })
 
     if (!query) {
@@ -27,13 +27,13 @@ export async function GET(request: Request) {
     const results = await prisma.metaProperty.findMany({
       where: {
         name: {
-          contains: query
-        }
+          contains: query,
+        },
       },
       orderBy: {
-        useCount: "desc"
+        useCount: "desc",
       },
-      take: 10
+      take: 10,
     })
 
     return Response.json(results)
diff --git a/app/api/search/route.ts b/app/api/search/route.ts
index 33d6c3b..3069ada 100644
--- a/app/api/search/route.ts
+++ b/app/api/search/route.ts
@@ -33,22 +33,22 @@ export async function POST(req: Request) {
           searchBy.name && {
             name: advanced
               ? {
-                  search: query
+                  search: query,
                 }
               : {
                   contains: query,
-                  mode: "insensitive"
-                }
+                  mode: "insensitive",
+                },
           },
           searchBy.sourceDescription && {
             sourceDescription: advanced
               ? {
-                  search: query
+                  search: query,
                 }
               : {
                   contains: query,
-                  mode: "insensitive"
-                }
+                  mode: "insensitive",
+                },
           },
           searchBy.fields && {
             fields: {
@@ -56,44 +56,44 @@ export async function POST(req: Request) {
                 metaProperty: {
                   name: advanced
                     ? {
-                        search: query
+                        search: query,
                       }
                     : {
                         contains: query,
-                        mode: "insensitive"
-                      }
-                }
-              }
-            }
-          }
-        ].filter(Boolean) as Array<Prisma.LLMWhereInput>
+                        mode: "insensitive",
+                      },
+                },
+              },
+            },
+          },
+        ].filter(Boolean) as Array<Prisma.LLMWhereInput>,
       },
       take: Math.min(limit, 100),
       skip,
       include: {
         fields: {
           include: {
-            metaProperty: true
-          }
+            metaProperty: true,
+          },
         },
         votes: true,
-        user: true
+        user: true,
       },
       orderBy: {
-        createdAt: status === LLMStatus.pending ? "asc" : "desc"
-      }
+        createdAt: status === LLMStatus.pending ? "asc" : "desc",
+      },
     })
 
     return Response.json({
       success: true,
-      data: results
+      data: results,
     })
   } catch (err) {
     console.error(err)
 
     return Response.json({
       success: false,
-      error: formatError(err)
+      error: formatError(err),
     })
   }
 }
diff --git a/app/api/search/types.ts b/app/api/search/types.ts
index 514bb0a..62344a0 100644
--- a/app/api/search/types.ts
+++ b/app/api/search/types.ts
@@ -10,13 +10,13 @@ export const searchInput = z.object({
   searchBy: z.object({
     name: z.boolean().default(true),
     sourceDescription: z.boolean().default(true),
-    fields: z.boolean().default(true)
-  })
+    fields: z.boolean().default(true),
+  }),
 })
 
 export type SearchInput = z.infer<typeof searchInput>
 
-export type LLMWithRelations<T = Vote> = LLM & {
+export type LLMWithRelations<T extends Vote = Vote> = LLM & {
   fields: Array<Field & { metaProperty: MetaProperty }>
   votes: Array<T>
   user: User
diff --git a/app/changes/actions/get-change-requests.ts b/app/changes/actions/get-change-requests.ts
new file mode 100644
index 0000000..4ee96db
--- /dev/null
+++ b/app/changes/actions/get-change-requests.ts
@@ -0,0 +1,29 @@
+"use server"
+import { ChangeRequestWithVote } from "@/app/llms/components/LLMOverlay"
+import prisma from "@/lib/server/prisma"
+
+export async function getChangeRequests(): Promise<
+  Array<ChangeRequestWithVote>
+> {
+  const changeRequests = await prisma.changeRequest.findMany({
+    where: {
+      status: "pending",
+    },
+    include: {
+      user: true,
+      votes: {
+        include: {
+          user: true,
+        },
+      },
+      field: true,
+      metaProperty: true,
+      llm: true,
+    },
+    orderBy: {
+      id: "asc",
+    },
+  })
+
+  return changeRequests
+}
diff --git a/app/changes/components/ChangeRequestItem.tsx b/app/changes/components/ChangeRequestItem.tsx
new file mode 100644
index 0000000..468a69c
--- /dev/null
+++ b/app/changes/components/ChangeRequestItem.tsx
@@ -0,0 +1,252 @@
+import { ChangeRequestWithVote } from "@/app/llms/components/LLMOverlay"
+import { Table } from "@/app/llms/components/LLMOverlay/Fields"
+import { useCurrentUser } from "@/components/providers/CurrentUserProvider"
+import { Button } from "@/components/ui/button"
+import Flex from "@/components/ui/flex"
+import Text from "@/components/ui/text"
+import determineConsensus from "@/lib/consensus"
+import { abbrNumber } from "@/lib/numbers"
+import { ChangeRequestType, MetaPropertyType, VoteStatus } from "@prisma/client"
+import {
+  GitPullRequestIcon,
+  PlusIcon,
+  ThumbsDownIcon,
+  ThumbsUpIcon,
+  TrashIcon,
+} from "lucide-react"
+import { usePathname, useRouter } from "next/navigation"
+import { styled } from "react-tailwind-variants"
+import { castVote } from "./actions/cast-vote"
+
+export default function ChangeRequestItem({
+  refetch,
+  request,
+  isOnLLM = false,
+}: {
+  request: ChangeRequestWithVote
+  refetch: () => void
+  isOnLLM?: boolean
+}) {
+  const user = useCurrentUser()
+  const router = useRouter()
+  const pathname = usePathname()
+
+  const { approvals, rejections } = determineConsensus(request.votes)
+
+  const userVote = request.votes.find(x => x.user.id === user?.id)
+  const hasUserVoted = Boolean(userVote)
+
+  const requestValue = request.newValue ?? request.field?.value
+  const requestNote = request.newNote ?? request.field?.note
+
+  const handleCastVote = async (action: VoteStatus) => {
+    const res = await castVote({
+      changeRequestId: request.id,
+      action,
+    })
+
+    if (!res.success) {
+      alert(res.message)
+
+      return
+    }
+
+    refetch()
+  }
+
+  return (
+    <Container>
+      <Flex gap={2} align="center">
+        <TypeIndicator status={request.type}>
+          {request.type === ChangeRequestType.add ? (
+            <PlusIcon />
+          ) : request.type === ChangeRequestType.edit ? (
+            <GitPullRequestIcon />
+          ) : (
+            <TrashIcon />
+          )}
+        </TypeIndicator>
+        <Text color="dimmer" className="grow">
+          <a
+            href={`https://github.com/${request.user.handle}`}
+            target="_blank"
+            className="underline text-accent"
+          >
+            {request.user.handle}
+          </a>{" "}
+          requested to {request.type} <code>{request.metaProperty.name}</code>{" "}
+          {isOnLLM ? null : (
+            <>
+              on{" "}
+              <a
+                className="underline text-accent cursor-pointer"
+                onClick={() =>
+                  router.push(pathname + "?llm=" + request.llm.id, {
+                    scroll: false,
+                  })
+                }
+              >
+                {request.llm.name}
+              </a>
+            </>
+          )}
+        </Text>
+        <VoteButton
+          size="sm"
+          variant="elevated"
+          status={
+            hasUserVoted
+              ? userVote?.status === VoteStatus.approve
+                ? "approved"
+                : "deselected"
+              : "default"
+          }
+          disabled={hasUserVoted}
+          onClick={() => handleCastVote("approve")}
+        >
+          <ThumbsUpIcon className="w-3 h-3" />
+          <Text size="xs">{approvals}</Text>
+        </VoteButton>
+        <VoteButton
+          size="sm"
+          variant="elevated"
+          status={
+            hasUserVoted
+              ? userVote?.status === VoteStatus.reject
+                ? "rejected"
+                : "deselected"
+              : "default"
+          }
+          disabled={hasUserVoted}
+          onClick={() => handleCastVote("reject")}
+        >
+          <ThumbsDownIcon className="w-3 h-3" />
+          <Text size="xs">{rejections}</Text>
+        </VoteButton>
+      </Flex>
+      <Flex col>
+        <Table.Container>
+          {request.type === "edit" && request.field && (
+            <Table.Row>
+              <Table.Cell
+                variant={
+                  requestNote !== request.field?.note ? "delete" : "default"
+                }
+              >
+                <Table.CellContent>
+                  <Text weight="medium" color="dimmer" size="sm">
+                    {request.metaProperty.name}
+                  </Text>
+                  {request.field.note && (
+                    <Text size="xs" color="dimmest">
+                      {request.field.note}
+                    </Text>
+                  )}
+                </Table.CellContent>
+              </Table.Cell>
+              <Table.Cell>
+                <Table.CellContent>
+                  <Text weight="medium" color="dimmer">
+                    {request.metaProperty.type}
+                  </Text>
+                </Table.CellContent>
+              </Table.Cell>
+              <Table.Cell
+                variant={
+                  requestValue !== request.field?.value ? "delete" : "default"
+                }
+              >
+                <Table.CellContent>
+                  <Text color="dimmer" multiline>
+                    {request.metaProperty.type === MetaPropertyType.Number
+                      ? abbrNumber(Number(request.field.value))
+                      : request.field.value}
+                  </Text>
+                </Table.CellContent>
+              </Table.Cell>
+            </Table.Row>
+          )}
+          <Table.Row>
+            <Table.Cell
+              variant={
+                request.type !== "edit"
+                  ? request.type
+                  : requestNote !== request.field?.note
+                    ? "add"
+                    : "default"
+              }
+            >
+              <Table.CellContent>
+                <Text weight="medium" color="dimmer" size="sm">
+                  {request.metaProperty.name}
+                </Text>
+                {requestNote && (
+                  <Text size="xs" color="dimmest">
+                    {requestNote}
+                  </Text>
+                )}
+              </Table.CellContent>
+            </Table.Cell>
+            <Table.Cell
+              variant={request.type !== "edit" ? request.type : "default"}
+            >
+              <Table.CellContent>
+                <Text weight="medium" color="dimmer">
+                  {request.metaProperty.type}
+                </Text>
+              </Table.CellContent>
+            </Table.Cell>
+            <Table.Cell
+              variant={
+                request.type !== "edit"
+                  ? request.type
+                  : requestValue !== request.field?.value
+                    ? "add"
+                    : "default"
+              }
+            >
+              <Table.CellContent>
+                <Text color="dimmer" multiline>
+                  {request.metaProperty.type === MetaPropertyType.Number
+                    ? abbrNumber(Number(requestValue))
+                    : requestValue}
+                </Text>
+              </Table.CellContent>
+            </Table.Cell>
+          </Table.Row>
+        </Table.Container>
+      </Flex>
+      <Text multiline color="dimmer">
+        {request.sourceDescription}
+      </Text>
+    </Container>
+  )
+}
+
+const { Container, VoteButton, TypeIndicator } = {
+  Container: styled("div", {
+    base: "flex flex-col gap-2 rounded-lg bg-higher p-2",
+  }),
+  VoteButton: styled(Button, {
+    base: "gap-1",
+    variants: {
+      status: {
+        approved:
+          "border-emerald-500 focus:border-emerald-500 text-emerald-500",
+        rejected: "border-rose-500 focus:border-rose-500 text-rose-500",
+        default: "",
+        deselected: "opacity-50",
+      },
+    },
+  }),
+  TypeIndicator: styled("div", {
+    base: "rounded-full p-1.5 w-7 h-7 flex items-center justify-center",
+    variants: {
+      status: {
+        [ChangeRequestType.add]: "bg-emerald-500/15 text-emerald-500",
+        [ChangeRequestType.edit]: "bg-yellow-500/15 text-yellow-500",
+        [ChangeRequestType.delete]: "bg-rose-500/15 text-rose-500",
+      },
+    },
+  }),
+}
diff --git a/app/changes/components/actions/cast-vote.ts b/app/changes/components/actions/cast-vote.ts
new file mode 100644
index 0000000..74e3d19
--- /dev/null
+++ b/app/changes/components/actions/cast-vote.ts
@@ -0,0 +1,168 @@
+"use server"
+
+import determineConsensus from "@/lib/consensus"
+import { siteUrl } from "@/lib/env"
+import { formatError } from "@/lib/errors"
+import prisma from "@/lib/server/prisma"
+import { requireContributorOrAdmin } from "@/lib/server/utils/auth"
+import { getSession } from "@/lib/server/utils/session"
+import { LLMStatus, VoteStatus } from "@prisma/client"
+import { EmbedBuilder, WebhookClient } from "discord.js"
+import { z } from "zod"
+
+const webhook = new WebhookClient({
+  url: process.env.DISCORD_WEBHOOK_URL_PUBLIC,
+})
+
+const castVoteInput = z.object({
+  changeRequestId: z.number(),
+  action: z.nativeEnum(VoteStatus),
+})
+
+type CastVoteReturn =
+  | {
+      success: true
+    }
+  | {
+      success: false
+      message: string
+    }
+
+export async function castVote(
+  input: z.infer<typeof castVoteInput>,
+): Promise<CastVoteReturn> {
+  const res = await getSession()
+
+  try {
+    if (!res?.user) throw new Error("Unauthorized")
+
+    const { user } = res
+    requireContributorOrAdmin(user)
+
+    const { changeRequestId, action } = castVoteInput.parse(input)
+
+    const request = await prisma.changeRequest.findFirst({
+      where: {
+        id: changeRequestId,
+      },
+      include: {
+        votes: true,
+        metaProperty: {
+          select: {
+            name: true,
+          },
+        },
+        llm: {
+          select: {
+            name: true,
+          },
+        },
+      },
+    })
+
+    if (!request) throw new Error("Change Request not found")
+
+    if (request.status !== LLMStatus.pending)
+      throw new Error("Change Request Has already been " + request.status)
+
+    const existingVote = await prisma.changeRequestVote.findFirst({
+      where: {
+        changeRequestId,
+        userId: user.id,
+      },
+    })
+
+    if (existingVote)
+      throw new Error("You have already voted on this Change Request")
+
+    const newVote = await prisma.changeRequestVote.create({
+      data: {
+        changeRequestId,
+        userId: user.id,
+        status: action,
+      },
+    })
+
+    if (!newVote) throw new Error("Failed to cast vote")
+
+    const consensus = determineConsensus([...request.votes, newVote])
+
+    if (consensus.status !== request.status)
+      await prisma.changeRequest.update({
+        where: {
+          id: changeRequestId,
+        },
+        data: {
+          status: consensus.status,
+        },
+      })
+
+    if (consensus.status === "approved") {
+      if (request.type === "delete" && request.fieldId) {
+        await prisma.field.delete({
+          where: {
+            id: request.fieldId,
+          },
+        })
+      } else if (
+        request.type === "edit" &&
+        request.fieldId &&
+        (request.newNote || request.newValue)
+      ) {
+        await prisma.field.update({
+          where: { id: request.fieldId },
+          data: {
+            ...(request.newNote
+              ? {
+                  note: request.newNote,
+                }
+              : {}),
+            ...(request.newValue
+              ? {
+                  value: request.newValue,
+                }
+              : {}),
+          },
+        })
+      } else if (request.newValue) {
+        await prisma.field.create({
+          data: {
+            llmId: request.llmId,
+            note: request.newNote,
+            value: request.newValue,
+            metaPropertyId: request.metaPropertyId,
+          },
+        })
+      }
+    }
+
+    if (consensus.status !== LLMStatus.pending) {
+      const allVotes = [...request.votes, newVote]
+
+      const embed = new EmbedBuilder()
+        .setTitle(
+          `[Change Request ${consensus.status}] ${request.type} ${request.metaProperty.name} on ${request.llm.name}`,
+        )
+        .setURL(new URL("/llms?llm=" + request.llmId, siteUrl).toString())
+        .setDescription(
+          `${consensus.status} after ${allVotes.filter(v => v.status === VoteStatus.approve).length} approvals, ${allVotes.filter(v => v.status === VoteStatus.reject).length} rejections.`,
+        )
+        .setColor(consensus.status === "approved" ? 0x34d399 : 0xef4444)
+
+      await webhook.send({
+        embeds: [embed],
+      })
+    }
+
+    return {
+      success: true,
+    }
+  } catch (e) {
+    console.error(e)
+
+    return {
+      success: false,
+      message: formatError(e),
+    }
+  }
+}
diff --git a/app/changes/content.tsx b/app/changes/content.tsx
new file mode 100644
index 0000000..327abf4
--- /dev/null
+++ b/app/changes/content.tsx
@@ -0,0 +1,54 @@
+"use client"
+
+import { Container } from "@/components/container"
+import Navbar from "@/components/navbar"
+import Flex from "@/components/ui/flex"
+import Text from "@/components/ui/text"
+import { useState } from "react"
+import { styled } from "react-tailwind-variants"
+import LLMOverlay, {
+  ChangeRequestWithVote,
+} from "../llms/components/LLMOverlay"
+import { getChangeRequests } from "./actions/get-change-requests"
+import ChangeRequestItem from "./components/ChangeRequestItem"
+
+export default function ChangesPage({
+  initialRequests,
+}: {
+  initialRequests: ChangeRequestWithVote[]
+}) {
+  const [changeRequests, setChangeRequests] =
+    useState<ChangeRequestWithVote[]>(initialRequests)
+
+  const refetch = async () => {
+    setChangeRequests(await getChangeRequests())
+  }
+
+  return (
+    <Container>
+      <Navbar />
+      <Content>
+        <Header>
+          <Text size="h2" weight="bold">
+            Change Requests
+          </Text>
+        </Header>
+        <Flex col gap={2}>
+          {changeRequests.map(r => (
+            <ChangeRequestItem key={r.id} request={r} refetch={refetch} />
+          ))}
+        </Flex>
+      </Content>
+      <LLMOverlay />
+    </Container>
+  )
+}
+
+const { Content, Header } = {
+  Content: styled("div", {
+    base: "flex flex-col gap-4 max-w-2xl self-center min-h-screen h-full w-full p-4",
+  }),
+  Header: styled("div", {
+    base: "flex items-center gap-4 justify-between pb-4 border-b-2 border-outline-dimmest",
+  }),
+}
diff --git a/app/changes/page.tsx b/app/changes/page.tsx
new file mode 100644
index 0000000..088c8f3
--- /dev/null
+++ b/app/changes/page.tsx
@@ -0,0 +1,20 @@
+import { getSession } from "@/lib/server/utils/session"
+import { notFound, redirect } from "next/navigation"
+import { getChangeRequests } from "./actions/get-change-requests"
+import ChangesPage from "./content"
+
+export default async function LLMs() {
+  const { user } = await getSession()
+
+  if (!user) {
+    return redirect("/login")
+  }
+
+  if (user.role !== "admin" && user.role !== "contributor") {
+    return notFound()
+  }
+
+  const initialRequests = await getChangeRequests()
+
+  return <ChangesPage initialRequests={initialRequests} />
+}
diff --git a/app/compare/content.tsx b/app/compare/content.tsx
index c7eb3d6..79ced64 100644
--- a/app/compare/content.tsx
+++ b/app/compare/content.tsx
@@ -16,7 +16,7 @@ import { useURLState } from "./state"
 import { LLMWithMetadata, ModeEnum } from "./types"
 
 export default function Content({
-  initialLLMs
+  initialLLMs,
 }: {
   initialLLMs: Array<LLMWithMetadata>
 }) {
@@ -47,7 +47,7 @@ export default function Content({
           llms={llms}
           setLLMs={items => {
             set({
-              llms: items.map(x => x.id).join(",")
+              llms: items.map(x => x.id).join(","),
             })
             setLLMs(items)
           }}
@@ -99,12 +99,12 @@ export default function Content({
 
 const { ContentContainer, SidebarButton, Footer } = {
   ContentContainer: styled("div", {
-    base: "flex flex-col gap-4 grow relative"
+    base: "flex flex-col gap-4 grow relative",
   }),
   SidebarButton: styled(Button, {
-    base: "absolute top-2 left-2 md:hidden"
+    base: "absolute top-2 left-2 md:hidden",
   }),
   Footer: styled("footer", {
-    base: "flex items-center justify-between p-4 gap-2 bg-gradient-to-b from-root/0 via-root to-root absolute bottom-0 left-0 right-0"
-  })
+    base: "flex items-center justify-between p-4 gap-2 bg-gradient-to-b from-root/0 via-root to-root absolute bottom-0 left-0 right-0",
+  }),
 }
diff --git a/app/compare/error.tsx b/app/compare/error.tsx
index 32c2bce..a76352d 100644
--- a/app/compare/error.tsx
+++ b/app/compare/error.tsx
@@ -9,7 +9,7 @@ import Link from "next/link"
 import { styled } from "react-tailwind-variants"
 
 export default function Error({
-  error: { message }
+  error: { message },
 }: {
   error: Error & { digest?: string }
 }) {
@@ -22,8 +22,8 @@ export default function Error({
           tokens.colors.default,
           tokens.colors.default + " 25%",
           tokens.colors.transparent + " 70%",
-          tokens.colors.transparent
-        )
+          tokens.colors.transparent,
+        ),
       }}
     >
       <Content>
@@ -43,6 +43,6 @@ export default function Error({
 
 const { Content } = {
   Content: styled("div", {
-    base: "flex flex-col gap-4 p-6 border-2 rounded-xl border-outline-dimmest bg-root/50 shadow-xl max-w-[360px] w-full items-center"
-  })
+    base: "flex flex-col gap-4 p-6 border-2 rounded-xl border-outline-dimmest bg-root/50 shadow-xl max-w-[360px] w-full items-center",
+  }),
 }
diff --git a/app/compare/item/boolean-table.tsx b/app/compare/item/boolean-table.tsx
index 5fe2238..bfe9bb7 100644
--- a/app/compare/item/boolean-table.tsx
+++ b/app/compare/item/boolean-table.tsx
@@ -6,14 +6,14 @@ import { FilterEnum, themeData } from "../types"
 import Table from "./tables"
 
 export default function BooleanTable({
-  field
+  field,
 }: {
   field: ComparableFieldGroup
 }) {
   const { theme, filters } = useURLState()
 
   const {
-    foreground: [fg1]
+    foreground: [fg1],
   } = themeData[theme]
 
   const fields = filters.includes(FilterEnum.nullFields)
diff --git a/app/compare/item/index.tsx b/app/compare/item/index.tsx
index 7eebc89..1b5b9f8 100644
--- a/app/compare/item/index.tsx
+++ b/app/compare/item/index.tsx
@@ -15,7 +15,7 @@ import StringTable from "./string-table"
 
 export default function CompareItem({
   field,
-  rect
+  rect,
 }: {
   field: ComparableFieldGroup
   rect?: DOMRect
@@ -26,7 +26,7 @@ export default function CompareItem({
   const { view, theme, setOmmittedField, mode, padding } = useURLState()
 
   const {
-    foreground: [, fg2]
+    foreground: [, fg2],
   } = themeData[theme]
 
   return (
@@ -40,9 +40,9 @@ export default function CompareItem({
               flexGrow: 0,
               flexShrink: 0,
               width: customWidth,
-              flexBasis: customWidth
+              flexBasis: customWidth,
             }
-          : {})
+          : {}),
       }}
       ref={ref}
     >
@@ -96,17 +96,17 @@ const { Container, OptionButton, DragHandle, DragHandleBar } = {
     variants: {
       variant: {
         grid: "",
-        list: "self-center"
-      }
-    }
+        list: "self-center",
+      },
+    },
   }),
   OptionButton: styled("button", {
-    base: "absolute top-2 right-2 opacity-0 group-hover/item:opacity-100 transition-opacity"
+    base: "absolute top-2 right-2 opacity-0 group-hover/item:opacity-100 transition-opacity",
   }),
   DragHandle: styled(MotionDiv, {
-    base: "flex items-center justify-center w-2 h-full absolute top-0 bottom-0 opacity-0 group-hover/item:opacity-50 transition-opacity right-0"
+    base: "flex items-center justify-center w-2 h-full absolute top-0 bottom-0 opacity-0 group-hover/item:opacity-50 transition-opacity right-0",
   }),
   DragHandleBar: styled("div", {
-    base: "bg-foreground-dimmest/50 rounded-full w-[2px] h-12 cursor-ew-resize active:bg-foreground-dimmest/25"
-  })
+    base: "bg-foreground-dimmest/50 rounded-full w-[2px] h-12 cursor-ew-resize active:bg-foreground-dimmest/25",
+  }),
 }
diff --git a/app/compare/item/numeric-chart.tsx b/app/compare/item/numeric-chart.tsx
index 1e331ac..77a5521 100644
--- a/app/compare/item/numeric-chart.tsx
+++ b/app/compare/item/numeric-chart.tsx
@@ -9,14 +9,14 @@ import { FilterEnum, themeData } from "../types"
 import Table from "./tables"
 
 export default function NumericChart({
-  field
+  field,
 }: {
   field: ComparableFieldGroup
 }) {
   const { theme, filters } = useURLState()
 
   const {
-    foreground: [fg1, fg2]
+    foreground: [fg1, fg2],
   } = themeData[theme]
 
   const rows = filters.includes(FilterEnum.nullFields)
@@ -58,7 +58,7 @@ export default function NumericChart({
                   borderColor:
                     value === null
                       ? tokens.colors.foreground.dimmest + "9f"
-                      : fg1
+                      : fg1,
                 }}
               />
               <BarValue
@@ -79,16 +79,16 @@ export default function NumericChart({
 
 const { Bar, BarContainer, BarValue } = {
   Bar: styled("div", {
-    base: "h-5 rounded-r-md my-0.5 border-2 border-l-0"
+    base: "h-5 rounded-r-md my-0.5 border-2 border-l-0",
   }),
   BarContainer: styled("div", {
-    base: "flex gap-2 items-center w-full absolute top-1/2 transform -translate-y-1/2"
+    base: "flex gap-2 items-center w-full absolute top-1/2 transform -translate-y-1/2",
   }),
   BarValue: styled(Text, {
     variants: {
       isNullValue: {
-        true: "opacity-50"
-      }
-    }
-  })
+        true: "opacity-50",
+      },
+    },
+  }),
 }
diff --git a/app/compare/item/string-table.tsx b/app/compare/item/string-table.tsx
index b445eaa..2ac68ad 100644
--- a/app/compare/item/string-table.tsx
+++ b/app/compare/item/string-table.tsx
@@ -5,14 +5,14 @@ import { FilterEnum, themeData } from "../types"
 import Table from "./tables"
 
 export default function StringTable({
-  field
+  field,
 }: {
   field: ComparableFieldGroup
 }) {
   const { theme, filters } = useURLState()
 
   const {
-    foreground: [fg1]
+    foreground: [fg1],
   } = themeData[theme]
 
   const fields = filters.includes(FilterEnum.nullFields)
diff --git a/app/compare/item/tables.tsx b/app/compare/item/tables.tsx
index 72dffe0..79c9e6c 100644
--- a/app/compare/item/tables.tsx
+++ b/app/compare/item/tables.tsx
@@ -2,17 +2,17 @@ import { styled } from "react-tailwind-variants"
 
 const Table = {
   Container: styled("div", {
-    base: "table w-full"
+    base: "table w-full",
   }),
   Row: styled("div", {
-    base: "table-row"
+    base: "table-row",
   }),
   Cell: styled("div", {
-    base: "table-cell h-6 align-middle h-6 px-1 first:pl-0 last:pr-0 last:w-full relative last:border-l-2"
+    base: "table-cell h-6 align-middle h-6 px-1 first:pl-0 last:pr-0 last:w-full relative last:border-l-2",
   }),
   CellContent: styled("div", {
-    base: "flex flex-col h-6 first:pl-0 px-2 justify-center relative"
-  })
+    base: "flex flex-col h-6 first:pl-0 px-2 justify-center relative",
+  }),
 }
 
 export default Table
diff --git a/app/compare/llms.tsx b/app/compare/llms.tsx
index b1b3638..6a30473 100644
--- a/app/compare/llms.tsx
+++ b/app/compare/llms.tsx
@@ -28,35 +28,35 @@ const LLMContainer = forwardRef<
   const containerWidth = useMotionValue(Number(width))
 
   const springPadding = useSpring(padding, {
-    mass: 0.05
+    mass: 0.05,
   })
 
   const {
     background,
-    foreground: [, fg2]
+    foreground: [, fg2],
   } = themeData[theme]
 
   const items = allItems
     .filter(l =>
-      filter.includes(FilterEnum.standalone) ? true : l.nonNullCount > 1
+      filter.includes(FilterEnum.standalone) ? true : l.nonNullCount > 1,
     )
     .filter(l =>
       filter.includes(FilterEnum.number)
         ? true
-        : l.type !== MetaPropertyType.Number
+        : l.type !== MetaPropertyType.Number,
     )
     .filter(l =>
       filter.includes(FilterEnum.string)
         ? true
-        : l.type !== MetaPropertyType.String
+        : l.type !== MetaPropertyType.String,
     )
     .filter(l =>
       filter.includes(FilterEnum.boolean)
         ? true
-        : l.type !== MetaPropertyType.Boolean
+        : l.type !== MetaPropertyType.Boolean,
     )
     .filter(l =>
-      filter.includes(FilterEnum.nullFields) ? true : l.nonNullCount > 0
+      filter.includes(FilterEnum.nullFields) ? true : l.nonNullCount > 0,
     )
     .filter(l => !ommitted.includes(l.name))
 
@@ -71,7 +71,7 @@ const LLMContainer = forwardRef<
           style={{
             background: gr.radial(...background),
             width: containerWidth,
-            borderColor: fg2
+            borderColor: fg2,
           }}
           ref={ref}
         >
@@ -84,7 +84,7 @@ const LLMContainer = forwardRef<
               if (!box) return
 
               let newWidth = Math.round(
-                (box.left + box.width / 2 - info.point.x) * 2 + padding
+                (box.left + box.width / 2 - info.point.x) * 2 + padding,
               )
 
               containerWidth.set(newWidth)
@@ -100,12 +100,12 @@ const LLMContainer = forwardRef<
               paddingLeft: springPadding,
               paddingRight: springPadding,
               // not animating since it would cause issues with animating the gap
-              paddingBottom: spacing
+              paddingBottom: spacing,
             }}
           >
             <HeaderWidget
               style={{
-                borderColor: fg2 + "65"
+                borderColor: fg2 + "65",
               }}
             >
               <Text size="lg" weight="bold" center multiline asChild>
@@ -131,7 +131,7 @@ const LLMContainer = forwardRef<
               paddingRight: springPadding,
               paddingBottom: springPadding,
               // gap can't be animated, using the direct state value
-              gap: spacing
+              gap: spacing,
             }}
           >
             {items.map((x, i) => (
@@ -147,7 +147,7 @@ const LLMContainer = forwardRef<
               if (!box) return
 
               const newWidth = Math.round(
-                (info.point.x - (box.left + box.width / 2)) * 2 + padding
+                (info.point.x - (box.left + box.width / 2)) * 2 + padding,
               )
 
               containerWidth.set(newWidth)
@@ -171,41 +171,41 @@ const {
   DisplayContainer,
   HeaderWidget,
   DragHandle,
-  DragHandleBar
+  DragHandleBar,
 } = {
   Container: styled(MotionDiv, {
-    base: "relative grow basis-0"
+    base: "relative grow basis-0",
   }),
   Overflow: styled("div", {
-    base: "absolute left-0 top-1/2 -translate-y-1/2 overflow-y-auto max-h-full w-full flex justify-center px-4 py-8 pb-[96px]"
+    base: "absolute left-0 top-1/2 -translate-y-1/2 overflow-y-auto max-h-full w-full flex justify-center px-4 py-8 pb-[96px]",
   }),
   DisplayContainer: styled(MotionDiv, {
-    base: "flex flex-col border-2 rounded-xl max-w-[1600px] min-w-[360px] h-full bg-root relative group/outer"
+    base: "flex flex-col border-2 rounded-xl max-w-[1600px] min-w-[360px] h-full bg-root relative group/outer",
   }),
   HeaderWidget: styled("div", {
-    base: "flex flex-col gap-2 border-2 rounded-lg bg-root/50 w-full p-4"
+    base: "flex flex-col gap-2 border-2 rounded-lg bg-root/50 w-full p-4",
   }),
   ItemsContainer: styled(MotionDiv, {
     base: "flex rounded-xl w-full h-full",
     variants: {
       view: {
         grid: "flex-row flex-wrap",
-        list: "flex-col"
-      }
-    }
+        list: "flex-col",
+      },
+    },
   }),
   DragHandle: styled(MotionDiv, {
     base: "flex items-center justify-center md:opacity-0 group-hover/outer:opacity-100 cursor-ew-resize z-10 absolute top-0 bottom-0 h-full transition-opacity",
     variants: {
       position: {
         left: "left-0",
-        right: "right-0"
-      }
-    }
+        right: "right-0",
+      },
+    },
   }),
   DragHandleBar: styled("div", {
-    base: "bg-white/10 rounded-full w-[4px] h-24 cursor-ew-resize active:bg-white/5 transition-colors"
-  })
+    base: "bg-white/10 rounded-full w-[4px] h-24 cursor-ew-resize active:bg-white/5 transition-colors",
+  }),
 }
 
 export default LLMContainer
diff --git a/app/compare/page.tsx b/app/compare/page.tsx
index ae7462a..287745c 100644
--- a/app/compare/page.tsx
+++ b/app/compare/page.tsx
@@ -4,7 +4,7 @@ import Content from "./content"
 import { optionsSchema, OptionsType } from "./state"
 
 export default async function ComparePage({
-  searchParams
+  searchParams,
 }: {
   searchParams: OptionsType
 }) {
@@ -20,17 +20,17 @@ export default async function ComparePage({
     const llms = await prisma.lLM.findMany({
       where: {
         id: {
-          in: ids
-        }
+          in: ids,
+        },
       },
       include: {
         fields: {
           include: {
-            metaProperty: true
-          }
+            metaProperty: true,
+          },
         },
-        user: true
-      }
+        user: true,
+      },
     })
 
     return <Content initialLLMs={llms} />
@@ -40,7 +40,7 @@ export default async function ComparePage({
 }
 
 export async function generateMetadata({
-  searchParams
+  searchParams,
 }: {
   searchParams: OptionsType
 }) {
@@ -50,9 +50,9 @@ export async function generateMetadata({
     const llms = await prisma.lLM.findMany({
       where: {
         id: {
-          in: params.llms.split(",").map(Number)
-        }
-      }
+          in: params.llms.split(",").map(Number),
+        },
+      },
     })
 
     let title: string
@@ -78,12 +78,12 @@ export async function generateMetadata({
 
     return {
       title,
-      description
+      description,
     }
   } catch {
     return {
       title: "Error",
-      description: "An error occurred"
+      description: "An error occurred",
     }
   }
 }
diff --git a/app/compare/search.tsx b/app/compare/search.tsx
index cd730a9..3de5c31 100644
--- a/app/compare/search.tsx
+++ b/app/compare/search.tsx
@@ -29,7 +29,7 @@ const LLMSearch = forwardRef<
       const res = await fetch(searchUrl)
 
       return await res.json()
-    }
+    },
   })
 
   const sortSelected = (llm: LLMWithMetadata) =>
@@ -44,7 +44,7 @@ const LLMSearch = forwardRef<
     highlightedIndex,
     getItemProps,
     setInputValue,
-    reset
+    reset,
   } = useCombobox({
     items,
     defaultHighlightedIndex: 0,
@@ -62,7 +62,7 @@ const LLMSearch = forwardRef<
         setInputValue("")
         reset()
       }
-    }
+    },
   })
 
   return (
@@ -103,57 +103,57 @@ const {
   Item,
   ItemInfo,
   ItemIcon,
-  EmptyState
+  EmptyState,
 } = {
   Search: styled("div", {
-    base: "flex relative basis-0 w-full min-w-0 grow"
+    base: "flex relative basis-0 w-full min-w-0 grow",
   }),
   DownshiftPopover: styled("div", {
     base: "w-full rounded-lg border-2 border-outline-dimmer/75 absolute top-12 left-0 bg-default z-10 shadow-lg",
     variants: {
       inputSize: {
         default: "top-12",
-        lg: "top-14"
+        lg: "top-14",
       },
       loading: {
-        true: "animate-pulse"
-      }
+        true: "animate-pulse",
+      },
     },
     defaultVariants: {
-      inputSize: "default"
-    }
+      inputSize: "default",
+    },
   }),
   ItemsContainer: styled("ul", {
     base: "flex-col hidden",
     variants: {
       visible: {
-        true: "flex"
-      }
-    }
+        true: "flex",
+      },
+    },
   }),
   Item: styled("li", {
     base: "flex gap-2 justify-between p-2 first:rounded-t-md last:rounded-b-md",
     variants: {
       highlighted: {
-        true: "bg-higher"
-      }
-    }
+        true: "bg-higher",
+      },
+    },
   }),
   ItemInfo: styled("div", {
-    base: "flex gap-2 items-center"
+    base: "flex gap-2 items-center",
   }),
   ItemIcon: styled(Hexagon, {
     base: "w-4 h-4",
     variants: {
       selected: {
         true: "text-accent-dimmer fill-accent-dimmest/50",
-        false: "text-foreground-dimmest"
-      }
-    }
+        false: "text-foreground-dimmest",
+      },
+    },
   }),
   EmptyState: styled("div", {
-    base: "flex justify-center items-center p-4"
-  })
+    base: "flex justify-center items-center p-4",
+  }),
 }
 
 export default LLMSearch
diff --git a/app/compare/search/route.ts b/app/compare/search/route.ts
index 31e935a..708c00d 100644
--- a/app/compare/search/route.ts
+++ b/app/compare/search/route.ts
@@ -15,20 +15,20 @@ export async function GET(req: Request) {
       where: {
         status: LLMStatus.approved,
         id: {
-          notIn: idsToExclude
+          notIn: idsToExclude,
         },
         OR: [
           {
             name: {
               contains: query,
-              mode: "insensitive"
-            }
+              mode: "insensitive",
+            },
           },
           {
             sourceDescription: {
               contains: query,
-              mode: "insensitive"
-            }
+              mode: "insensitive",
+            },
           },
           {
             fields: {
@@ -36,23 +36,23 @@ export async function GET(req: Request) {
                 metaProperty: {
                   name: {
                     contains: query,
-                    mode: "insensitive"
-                  }
-                }
-              }
-            }
-          }
-        ].filter(Boolean) as Array<Prisma.LLMWhereInput>
+                    mode: "insensitive",
+                  },
+                },
+              },
+            },
+          },
+        ].filter(Boolean) as Array<Prisma.LLMWhereInput>,
       },
       take: 10,
       include: {
         fields: {
           include: {
-            metaProperty: true
-          }
+            metaProperty: true,
+          },
         },
-        user: true
-      }
+        user: true,
+      },
     })
 
     return Response.json(results)
diff --git a/app/compare/search/types.ts b/app/compare/search/types.ts
index 3b6eecd..f8f9754 100644
--- a/app/compare/search/types.ts
+++ b/app/compare/search/types.ts
@@ -1,7 +1,7 @@
 import { z } from "zod"
 
 export const searchInput = z.object({
-  query: z.string()
+  query: z.string(),
 })
 
 export type SearchInput = z.infer<typeof searchInput>
diff --git a/app/compare/sidebar.tsx b/app/compare/sidebar.tsx
index 0bd5607..89351f8 100644
--- a/app/compare/sidebar.tsx
+++ b/app/compare/sidebar.tsx
@@ -5,7 +5,7 @@ import {
   DropdownMenuCheckboxItem,
   DropdownMenuContent,
   DropdownMenuItem,
-  DropdownMenuTrigger
+  DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu"
 import Flex from "@/components/ui/flex"
 import {
@@ -13,13 +13,13 @@ import {
   SelectContent,
   SelectItem,
   SelectTrigger,
-  SelectValue
+  SelectValue,
 } from "@/components/ui/select"
 import {
   Slider,
   SliderRange,
   SliderThumb,
-  SliderTrack
+  SliderTrack,
 } from "@/components/ui/slider"
 import Text from "@/components/ui/text"
 import gr from "@/lib/gradients"
@@ -34,7 +34,7 @@ import {
   PencilIcon,
   ShareIcon,
   XIcon,
-  icons
+  icons,
 } from "lucide-react"
 import { createElement, useEffect, useState } from "react"
 import { styled } from "react-tailwind-variants"
@@ -48,7 +48,7 @@ import {
   ViewEnum,
   filterData,
   themeData,
-  viewData
+  viewData,
 } from "./types"
 
 export default function Sidebar({
@@ -72,7 +72,7 @@ export default function Sidebar({
     padding,
     spacing,
     ommitted,
-    setOmmittedField
+    setOmmittedField,
   } = useURLState()
 
   const [hasActed, setHasActed] = useState(false)
@@ -94,8 +94,8 @@ export default function Sidebar({
 
       await navigator.clipboard.write([
         new ClipboardItem({
-          "image/png": blob
-        })
+          "image/png": blob,
+        }),
       ])
 
       setHasActed(true)
@@ -165,7 +165,7 @@ export default function Sidebar({
               <SelectItem key={key} value={key}>
                 <Flex gap={2} align="center">
                   {createElement(icons[option.icon], {
-                    className: "w-4 h-4"
+                    className: "w-4 h-4",
                   })}
                   <Text>{option.label}</Text>
                 </Flex>
@@ -202,7 +202,7 @@ export default function Sidebar({
                 onSelect={() =>
                   setFilterValue(
                     key as FilterEnum,
-                    !filters.includes(key as FilterEnum)
+                    !filters.includes(key as FilterEnum),
                   )
                 }
                 key={i}
@@ -409,27 +409,27 @@ const {
   ThemeColor,
   ShareOption,
   OmmittedField,
-  LLMListItem
+  LLMListItem,
 } = {
   SidebarContainer: styled("div", {
     base: "flex flex-col gap-4 p-4 bg-default border-r-2 border-outline-dimmer max-md:border-r-0 md:max-w-[320px] max-w-screen max-md:absolute max-md:inset-0 h-screen overflow-y-auto grow z-10",
     variants: {
       open: {
         true: "",
-        false: "max-md:hidden"
-      }
-    }
+        false: "max-md:hidden",
+      },
+    },
   }),
   ThemeColor: styled("div", {
-    base: "w-4 h-4 rounded-full shrink-0"
+    base: "w-4 h-4 rounded-full shrink-0",
   }),
   ShareOption: styled(DropdownMenuItem, {
-    base: "flex gap-2 items-center pl-2"
+    base: "flex gap-2 items-center pl-2",
   }),
   OmmittedField: styled("button", {
-    base: "flex gap-1 items-center border border-outline-dimmer rounded-md px-2 py-1 hover:border-accent-dimmer transition-colors text-foreground-dimmer hover:text-accent"
+    base: "flex gap-1 items-center border border-outline-dimmer rounded-md px-2 py-1 hover:border-accent-dimmer transition-colors text-foreground-dimmer hover:text-accent",
   }),
   LLMListItem: styled("div", {
-    base: "flex items-center gap-2 border-2 border-outline-dimmest rounded-lg px-2 py-1"
-  })
+    base: "flex items-center gap-2 border-2 border-outline-dimmest rounded-lg px-2 py-1",
+  }),
 }
diff --git a/app/compare/state.ts b/app/compare/state.ts
index 404bd18..ed4835b 100644
--- a/app/compare/state.ts
+++ b/app/compare/state.ts
@@ -20,11 +20,11 @@ export const optionsSchema = z.object({
         return (
           options.length === 0 ||
           options.every(option =>
-            Object.values(FilterEnum).includes(option as FilterEnum)
+            Object.values(FilterEnum).includes(option as FilterEnum),
           )
         )
       },
-      { message: "Invalid filter option" }
+      { message: "Invalid filter option" },
     )
     .optional(),
   // Omit particular meta fields
@@ -38,14 +38,14 @@ export const optionsSchema = z.object({
         return fields.length === 0 || fields.every(x => /[a-z0-9\_]*/.test(x))
       },
       {
-        message: "Invalid ommitted field"
-      }
+        message: "Invalid ommitted field",
+      },
     )
     .optional(),
   mode: z.nativeEnum(ModeEnum).optional(),
   padding: z.string().optional(),
   spacing: z.string().optional(),
-  width: z.string().optional()
+  width: z.string().optional(),
 })
 
 export type OptionsType = z.infer<typeof optionsSchema>
@@ -59,15 +59,15 @@ export function useURLState() {
     theme = ThemeEnum.crimson,
     view = ViewEnum.grid,
     filter = [FilterEnum.number, FilterEnum.string, FilterEnum.boolean].join(
-      ","
+      ",",
     ),
     mode = ModeEnum.view,
     padding = "24",
     spacing = "16",
     width = "1600",
-    omit
+    omit,
   }: OptionsType = Object.fromEntries(
-    searchParams.entries()
+    searchParams.entries(),
   ) as unknown as OptionsType
 
   const set = (arg: Partial<OptionsType>, replace: boolean = false) => {
@@ -101,7 +101,7 @@ export function useURLState() {
 
     url.searchParams.set(
       "filter",
-      fts.length > 0 ? fts.filter(x => !!FilterEnum[x]).join(",") : ""
+      fts.length > 0 ? fts.filter(x => !!FilterEnum[x]).join(",") : "",
     )
 
     router.push(url.pathname + url.search, { scroll: false })
@@ -116,7 +116,7 @@ export function useURLState() {
 
     url.searchParams.set(
       "omit",
-      omtd.length > 0 ? omtd.filter(x => x.length > 0).join(",") : ""
+      omtd.length > 0 ? omtd.filter(x => x.length > 0).join(",") : "",
     )
 
     router.push(url.pathname + url.search, { scroll: false })
@@ -136,6 +136,6 @@ export function useURLState() {
     setOmmittedField,
     padding: Number(padding),
     spacing: Number(spacing),
-    width: Number(width)
+    width: Number(width),
   }
 }
diff --git a/app/compare/types.ts b/app/compare/types.ts
index 3af119f..ab0f9dc 100644
--- a/app/compare/types.ts
+++ b/app/compare/types.ts
@@ -9,7 +9,7 @@ export type LLMWithMetadata = LLM & {
 
 export enum ViewEnum {
   grid = "grid",
-  list = "list"
+  list = "list",
 }
 
 export enum ThemeEnum {
@@ -18,7 +18,7 @@ export enum ThemeEnum {
   amber = "amber",
   cerulean = "cerulean",
   amethyst = "amethyst",
-  evergreen = "evergreen"
+  evergreen = "evergreen",
 }
 
 export enum FilterEnum {
@@ -26,12 +26,12 @@ export enum FilterEnum {
   string = "string",
   boolean = "boolean",
   nullFields = "nullFields",
-  standalone = "standalone"
+  standalone = "standalone",
 }
 
 export enum ModeEnum {
   view = "view",
-  edit = "edit"
+  edit = "edit",
 }
 
 interface ControlOption {
@@ -48,35 +48,35 @@ interface ThemeOption {
 export const viewData: Record<ViewEnum, ControlOption> = {
   [ViewEnum.grid]: {
     icon: "LayoutGrid",
-    label: "Grid"
+    label: "Grid",
   },
   [ViewEnum.list]: {
     icon: "StretchHorizontal",
-    label: "List"
-  }
+    label: "List",
+  },
 }
 
 export const filterData: Record<FilterEnum, ControlOption> = {
   [FilterEnum.number]: {
     icon: "Hash",
-    label: "Number"
+    label: "Number",
   },
   [FilterEnum.string]: {
     icon: "Type",
-    label: "String"
+    label: "String",
   },
   [FilterEnum.boolean]: {
     icon: "ThumbsUp",
-    label: "Boolean"
+    label: "Boolean",
   },
   [FilterEnum.nullFields]: {
     icon: "CircleDashed",
-    label: "Null Fields"
+    label: "Null Fields",
   },
   [FilterEnum.standalone]: {
     icon: "BarChart",
-    label: "Standalone"
-  }
+    label: "Standalone",
+  },
 }
 
 export const themeData: Record<ThemeEnum, ThemeOption> = {
@@ -85,9 +85,9 @@ export const themeData: Record<ThemeEnum, ThemeOption> = {
     background: [
       "circle at 75% -10%",
       tokens.colors.accent.dimmest,
-      tokens.colors.root
+      tokens.colors.root,
     ],
-    label: "Crimson"
+    label: "Crimson",
   },
   [ThemeEnum.amber]: {
     foreground: [tokens.colors.amber[500], tokens.colors.amber[600]],
@@ -97,14 +97,14 @@ export const themeData: Record<ThemeEnum, ThemeOption> = {
       tokens.colors.yellow[700] + " 30%",
       tokens.colors.yellow[900] + " 50%",
       tokens.colors.root + " 90%",
-      tokens.colors.root
+      tokens.colors.root,
     ],
-    label: "Amber"
+    label: "Amber",
   },
   [ThemeEnum.evergreen]: {
     foreground: [tokens.colors.green[500], tokens.colors.green[700]],
     background: [tokens.colors.emerald[800], tokens.colors.emerald[950]],
-    label: "Evergreen"
+    label: "Evergreen",
   },
   [ThemeEnum.cerulean]: {
     foreground: [tokens.colors.teal[500], tokens.colors.teal[700]],
@@ -113,9 +113,9 @@ export const themeData: Record<ThemeEnum, ThemeOption> = {
       tokens.colors.teal[800],
       tokens.colors.teal[900] + " 20%",
       tokens.colors.cyan[900] + " 70%",
-      tokens.colors.cyan[950]
+      tokens.colors.cyan[950],
     ],
-    label: "Cerulean"
+    label: "Cerulean",
   },
   [ThemeEnum.amethyst]: {
     foreground: [tokens.colors.indigo[500], tokens.colors.indigo[700]],
@@ -125,9 +125,9 @@ export const themeData: Record<ThemeEnum, ThemeOption> = {
       tokens.colors.violet[800] + "95 20%",
       tokens.colors.blue[950] + " 70%",
       tokens.colors.blue[800] + " 90%",
-      tokens.colors.blue[500]
+      tokens.colors.blue[500],
     ],
-    label: "Amethyst"
+    label: "Amethyst",
   },
   [ThemeEnum.midnight]: {
     foreground: [tokens.colors.outline.default, tokens.colors.outline.dimmer],
@@ -135,8 +135,8 @@ export const themeData: Record<ThemeEnum, ThemeOption> = {
       "circle at 75% -10%",
       tokens.colors.highest,
       tokens.colors.default,
-      tokens.colors.root
+      tokens.colors.root,
     ],
-    label: "Midnight"
-  }
+    label: "Midnight",
+  },
 }
diff --git a/app/contribute/cta.tsx b/app/contribute/cta.tsx
index a9599b1..8ce5085 100644
--- a/app/contribute/cta.tsx
+++ b/app/contribute/cta.tsx
@@ -15,16 +15,16 @@ export default function Cta() {
           gr.radial(
             `circle at 50% 100%`,
             tokens.colors.red[500] + "35",
-            "transparent"
+            "transparent",
           ),
           gr.rRadial(
             "circle at 50% 110%",
             ...gr.stack(
               ["transparent", 300],
-              [tokens.colors.outline.dimmest + "85", 302]
-            )
-          )
-        )
+              [tokens.colors.outline.dimmest + "85", 302],
+            ),
+          ),
+        ),
       }}
     >
       <Content col grow width="full" center gap={8}>
@@ -44,5 +44,5 @@ export default function Cta() {
 }
 
 const Content = styled(Flex, {
-  base: "max-w-screen-md max-md:max-w-screen max-md:px-4 py-16 self-center"
+  base: "max-w-screen-md max-md:max-w-screen max-md:px-4 py-16 self-center",
 })
diff --git a/app/contribute/function.tsx b/app/contribute/function.tsx
index eba74dd..f323df0 100644
--- a/app/contribute/function.tsx
+++ b/app/contribute/function.tsx
@@ -8,7 +8,7 @@ import { MotionValue, useSpring, useTransform } from "framer-motion"
 import { styled } from "react-tailwind-variants"
 
 export default function Function({
-  percentage
+  percentage,
 }: {
   percentage: MotionValue<number>
 }) {
@@ -18,7 +18,7 @@ export default function Function({
   const translateX = useTransform(
     smoothPercentage,
     [0, 1],
-    ["calc(0px - 0%)", `calc(${box?.width || 768}px - 100%)`]
+    ["calc(0px - 0%)", `calc(${box?.width || 768}px - 100%)`],
   )
 
   return (
@@ -40,9 +40,9 @@ export default function Function({
                 style={{
                   backgroundImage: gr.merge(
                     gr.linear(0, tokens.colors.root + "85", "transparent"),
-                    "url(/images/1-data.png)"
+                    "url(/images/1-data.png)",
                   ),
-                  backgroundColor: tokens.colors.default
+                  backgroundColor: tokens.colors.default,
                 }}
               />
             </Step>
@@ -58,9 +58,9 @@ export default function Function({
                 style={{
                   backgroundImage: gr.merge(
                     gr.linear(0, tokens.colors.root + "85", "transparent"),
-                    "url(/images/2-src.png)"
+                    "url(/images/2-src.png)",
                   ),
-                  backgroundColor: tokens.colors.default
+                  backgroundColor: tokens.colors.default,
                 }}
               />
             </Step>
@@ -75,9 +75,9 @@ export default function Function({
                 style={{
                   backgroundImage: gr.merge(
                     gr.linear(0, tokens.colors.root + "85", "transparent"),
-                    "url(/images/3-approval.png)"
+                    "url(/images/3-approval.png)",
                   ),
-                  backgroundColor: tokens.colors.default
+                  backgroundColor: tokens.colors.default,
                 }}
               />
             </Step>
@@ -93,9 +93,9 @@ export default function Function({
                 style={{
                   backgroundImage: gr.merge(
                     gr.linear(0, tokens.colors.root + "85", "transparent"),
-                    "url(/images/4-comparison.png)"
+                    "url(/images/4-comparison.png)",
                   ),
-                  backgroundColor: tokens.colors.root
+                  backgroundColor: tokens.colors.root,
                 }}
               />
             </Step>
@@ -108,18 +108,18 @@ export default function Function({
 
 const { Content, StepContainer, Steps, Step, Preview } = {
   Content: styled(Flex, {
-    base: "max-w-screen-md self-center py-16 px-4"
+    base: "max-w-screen-md self-center py-16 px-4",
   }),
   StepContainer: styled("div", {
-    base: "grow relative"
+    base: "grow relative",
   }),
   Steps: styled(MotionDiv, {
-    base: "absolute top-0 left-0 w-auto h-full flex gap-4"
+    base: "absolute top-0 left-0 w-auto h-full flex gap-4",
   }),
   Step: styled("div", {
-    base: "h-full border-2 border-outline-dimmest rounded-xl p-8 grow min-w-[360px] w-[60vw] max-w-[600px] flex flex-col gap-4"
+    base: "h-full border-2 border-outline-dimmest rounded-xl p-8 grow min-w-[360px] w-[60vw] max-w-[600px] flex flex-col gap-4",
   }),
   Preview: styled("div", {
-    base: "grow bg-center bg-cover bg-contain bg-no-repeat rounded-xl p-2 rounded-lg border border-outline-dimmest"
-  })
+    base: "grow bg-center bg-cover bg-contain bg-no-repeat rounded-xl p-2 rounded-lg border border-outline-dimmest",
+  }),
 }
diff --git a/app/contribute/header.tsx b/app/contribute/header.tsx
index 16db016..8252211 100644
--- a/app/contribute/header.tsx
+++ b/app/contribute/header.tsx
@@ -9,7 +9,7 @@ import { useCallback } from "react"
 import { styled } from "react-tailwind-variants"
 
 export default function Header({
-  percentage
+  percentage,
 }: {
   percentage: MotionValue<number>
 }) {
@@ -23,33 +23,33 @@ export default function Header({
       gr.radial(
         `circle at 50% ${lightY}%`,
         tokens.colors.red[500] + "35",
-        "transparent"
+        "transparent",
       ),
       gr.rLinear(
         -5 + rotateFactor,
         ...gr.stack(
           ["transparent", 200 + sizeFactor],
-          [tokens.colors.outline.dimmest, 202 + sizeFactor]
-        )
+          [tokens.colors.outline.dimmest, 202 + sizeFactor],
+        ),
       ),
       gr.rLinear(
         -95 + rotateFactor,
         ...gr.stack(
           ["transparent", 200 + sizeFactor],
-          [tokens.colors.outline.dimmest, 202 + sizeFactor]
-        )
-      )
+          [tokens.colors.outline.dimmest, 202 + sizeFactor],
+        ),
+      ),
     )
   }, [])
 
   const smoothPercentage = useSpring(percentage, {
-    mass: 0.05
+    mass: 0.05,
   })
 
   const background = useTransform(
     smoothPercentage,
     [0, 1],
-    [backgroundImage(0), backgroundImage(1)]
+    [backgroundImage(0), backgroundImage(1)],
   )
   const translateY = useTransform(smoothPercentage, [0, 1], ["0%", "-100%"])
 
@@ -82,9 +82,9 @@ export default function Header({
 
 const { Content, DownButton } = {
   Content: styled(Flex, {
-    base: "max-w-screen-md max-md:max-w-screen max-md:p-4 self-center"
+    base: "max-w-screen-md max-md:max-w-screen max-md:p-4 self-center",
   }),
   DownButton: styled(Button, {
-    base: "h-16 w-16 rounded-full"
-  })
+    base: "h-16 w-16 rounded-full",
+  }),
 }
diff --git a/app/contribute/intro.tsx b/app/contribute/intro.tsx
index e59ab59..4f1f6e3 100644
--- a/app/contribute/intro.tsx
+++ b/app/contribute/intro.tsx
@@ -61,7 +61,7 @@ const FadeIn = ({ children }: { children: React.ReactNode }) => {
       gap={4}
       initial={{ opacity: 0 }}
       whileInView={{
-        opacity: 1
+        opacity: 1,
       }}
       viewport={{ margin: "0px 0px 200px 0px", amount: 0.5 }}
     >
diff --git a/app/contribute/join/actions.ts b/app/contribute/join/actions.ts
index c7997aa..96cf0af 100644
--- a/app/contribute/join/actions.ts
+++ b/app/contribute/join/actions.ts
@@ -7,7 +7,7 @@ import { formatDistanceToNow } from "date-fns"
 import { EmbedBuilder, WebhookClient } from "discord.js"
 
 const webhook = new WebhookClient({
-  url: process.env.DISCORD_WEBHOOK_URL_ADMIN
+  url: process.env.DISCORD_WEBHOOK_URL_ADMIN,
 })
 
 export async function joinAsContributor() {
@@ -22,19 +22,19 @@ export async function joinAsContributor() {
 
     await prisma.user.update({
       where: { id: user.id },
-      data: { role: "pending" }
+      data: { role: "pending" },
     })
 
     const pendingUsers = await prisma.user.findMany({
       where: { role: "pending" },
       orderBy: { updatedAt: "asc" },
-      take: 100
+      take: 100,
     })
 
     if (pendingUsers.length % 5 === 0) {
       const embed = new EmbedBuilder()
         .setTitle(
-          `[Reminder] ${pendingUsers.length === 100 ? "100+" : pendingUsers.length} pending users on waitlist`
+          `[Reminder] ${pendingUsers.length === 100 ? "100+" : pendingUsers.length} pending users on waitlist`,
         )
         .setDescription("Longest-waiting users:")
         .setURL(new URL("/admin", siteUrl).toString())
@@ -42,13 +42,13 @@ export async function joinAsContributor() {
 
       const fields = pendingUsers.slice(0, 5).map(u => ({
         name: u.handle,
-        value: `Waiting for ${formatDistanceToNow(u.updatedAt)}`
+        value: `Waiting for ${formatDistanceToNow(u.updatedAt)}`,
       }))
 
       embed.addFields(fields)
 
       await webhook.send({
-        embeds: [embed]
+        embeds: [embed],
       })
     }
 
diff --git a/app/contribute/join/content.tsx b/app/contribute/join/content.tsx
index 9275805..374fa70 100644
--- a/app/contribute/join/content.tsx
+++ b/app/contribute/join/content.tsx
@@ -35,14 +35,14 @@ export default function ContributorLoginPage() {
           tokens.colors.red[600] + "aa",
           tokens.colors.red[600] + "65 20%",
           "transparent 70%",
-          "transparent"
+          "transparent",
         ),
         gr.rRadial(
           "circle at 50% 50%",
           ...gr.stack(
             [colors.clear, `${25 + (1 - p) * 25}vw`],
-            [colors.outline.dimmest, `calc(${25 + (1 - p) * 25}vw + 2px)`]
-          )
+            [colors.outline.dimmest, `calc(${25 + (1 - p) * 25}vw + 2px)`],
+          ),
         ),
         gr.linear(
           90,
@@ -51,8 +51,8 @@ export default function ContributorLoginPage() {
             [colors.outline.dimmest, `calc(50% - ${hw - 2}px)`],
             [colors.clear, `calc(50% + ${hw}px)`],
             [colors.outline.dimmest, `calc(50% + ${hw + 2}px)`],
-            [colors.clear, `calc(50% + ${hh + 2}px)`]
-          )
+            [colors.clear, `calc(50% + ${hh + 2}px)`],
+          ),
         ),
         gr.linear(
           ...gr.stack(
@@ -60,18 +60,18 @@ export default function ContributorLoginPage() {
             [colors.outline.dimmest, `calc(50% - ${hh - 2}px)`],
             [colors.clear, `calc(50% + ${hh}px)`],
             [colors.outline.dimmest, `calc(50% + ${hh + 2}px)`],
-            [colors.clear, `calc(50% + ${hh + 2}px)`]
-          )
+            [colors.clear, `calc(50% + ${hh + 2}px)`],
+          ),
         ),
-        gr.linear(135, colors.root, "#292524")
+        gr.linear(135, colors.root, "#292524"),
       )
     },
-    [box]
+    [box],
   )
 
   const initialBackground = useMotionValue(gradient(0))
   const background = useSpring(initialBackground, {
-    damping: 25
+    damping: 25,
   })
 
   useEffect(() => {
@@ -87,7 +87,7 @@ export default function ContributorLoginPage() {
       animate={{ opacity: 1 }}
       exit={{ opacity: 0 }}
       style={{
-        background
+        background,
       }}
     >
       <Content ref={ref}>
@@ -136,5 +136,5 @@ export default function ContributorLoginPage() {
 }
 
 const Content = styled(MotionDiv, {
-  base: "border-2 border-outline-dimmer bg-gradient-to-b from-higher to-root rounded-xl p-6 flex flex-col gap-3 shadow-lg shadow-black/50 max-w-sm"
+  base: "border-2 border-outline-dimmer bg-gradient-to-b from-higher to-root rounded-xl p-6 flex flex-col gap-3 shadow-lg shadow-black/50 max-w-sm",
 })
diff --git a/app/contribute/waitlist/content.tsx b/app/contribute/waitlist/content.tsx
index ff59270..6ba9912 100644
--- a/app/contribute/waitlist/content.tsx
+++ b/app/contribute/waitlist/content.tsx
@@ -23,30 +23,30 @@ export default function WaitlistPage({ position }: { position: number }) {
         tokens.colors.red[600] + "88",
         tokens.colors.red[600] + "44 30%",
         "transparent 70%",
-        "transparent"
+        "transparent",
       ),
       gr.radial(
         `circle at ${p * 100 - 50}% ${100 - p * 50}%`,
         tokens.colors.red[600] + "44",
         tokens.colors.red[600] + "22 50%",
         "transparent 70%",
-        "transparent"
+        "transparent",
       ),
       gr.rRadial(
         "circle at 0% 100%",
         ...gr.stack(
           ["transparent", `calc(${60 - 40 * p}% - 2px)`],
-          [colors.outline.dimmest, `calc(${60 - 40 * p}%)`]
-        )
+          [colors.outline.dimmest, `calc(${60 - 40 * p}%)`],
+        ),
       ),
       gr.radial(
         `circle at 50% ${50 * p}%`,
         ...gr.stack(
           [colors.clear, "calc(60% - 2px)"],
           [colors.outline.dimmest, "calc(60%)"],
-          [colors.clear, "100%"]
-        )
-      )
+          [colors.clear, "100%"],
+        ),
+      ),
     )
   }, [])
 
@@ -67,7 +67,7 @@ export default function WaitlistPage({ position }: { position: number }) {
       animate={{ opacity: 1 }}
       exit={{ opacity: 0 }}
       style={{
-        background
+        background,
       }}
     >
       <Content>
@@ -89,5 +89,5 @@ export default function WaitlistPage({ position }: { position: number }) {
 }
 
 const Content = styled(MotionDiv, {
-  base: "border-2 border-outline-dimmer bg-gradient-to-b from-higher to-root rounded-xl p-6 flex flex-col gap-3 shadow-lg shadow-black/50 max-w-sm"
+  base: "border-2 border-outline-dimmer bg-gradient-to-b from-higher to-root rounded-xl p-6 flex flex-col gap-3 shadow-lg shadow-black/50 max-w-sm",
 })
diff --git a/app/contribute/waitlist/page.tsx b/app/contribute/waitlist/page.tsx
index 6d5632c..4b2340b 100644
--- a/app/contribute/waitlist/page.tsx
+++ b/app/contribute/waitlist/page.tsx
@@ -22,8 +22,8 @@ export default async function Login() {
     where: {
       role: "pending",
       id: { lte: user.id },
-      createdAt: { lt: new Date() }
-    }
+      createdAt: { lt: new Date() },
+    },
   })
 
   return <WaitlistPage position={waitlistNumber} />
diff --git a/app/home/selector.tsx b/app/home/selector.tsx
index 9a89865..bcb9a30 100644
--- a/app/home/selector.tsx
+++ b/app/home/selector.tsx
@@ -8,7 +8,7 @@ import {
   ExternalLinkIcon,
   HexagonIcon,
   PlusIcon,
-  XIcon
+  XIcon,
 } from "lucide-react"
 import { useRouter } from "next/navigation"
 import { useEffect, useRef, useState } from "react"
@@ -110,7 +110,7 @@ export default function Selector() {
         disabled={llms.length < 2}
         onClick={() => {
           router.push(
-            `/compare?llms=${llms.map(x => x.id).join(",")}&mode=edit`
+            `/compare?llms=${llms.map(x => x.id).join(",")}&mode=edit`,
           )
         }}
       >
@@ -166,18 +166,18 @@ export default function Selector() {
 const { LLMItem, IconContainer, SpecsContainer, CloseButton, PlaceholderLLM } =
   {
     LLMItem: styled("div", {
-      base: "flex flex-col rounded-xl border-2 border-outline-dimmer bg-default grow basis-0 max-w-[320px] min-w-[160px] shadow-md cursor-pointer hover:border-accent-dimmest transition-colors"
+      base: "flex flex-col rounded-xl border-2 border-outline-dimmer bg-default grow basis-0 max-w-[320px] min-w-[160px] shadow-md cursor-pointer hover:border-accent-dimmest transition-colors",
     }),
     IconContainer: styled("div", {
-      base: "flex items-center justify-center py-4 bg-root rounded-t-xl relative"
+      base: "flex items-center justify-center py-4 bg-root rounded-t-xl relative",
     }),
     SpecsContainer: styled("div", {
-      base: "flex flex-col gap-1 items-center w-full rounded-b-lg px-4 py-2"
+      base: "flex flex-col gap-1 items-center w-full rounded-b-lg px-4 py-2",
     }),
     CloseButton: styled("button", {
-      base: "absolute top-2 right-2 w-4 h-4"
+      base: "absolute top-2 right-2 w-4 h-4",
     }),
     PlaceholderLLM: styled("label", {
-      base: "flex flex-col gap-2 rounded-xl max-w-[320px] min-w-[160px] items-center align-self-stretch justify-center min-h-[124px] grow basis-0 border-2 border-dashed border-outline-dimmest text-outline-dimmer hover:text-foreground-dimmest hover:border-outline-dimmer transition-colors cursor-pointer"
-    })
+      base: "flex flex-col gap-2 rounded-xl max-w-[320px] min-w-[160px] items-center align-self-stretch justify-center min-h-[124px] grow basis-0 border-2 border-dashed border-outline-dimmest text-outline-dimmer hover:text-foreground-dimmest hover:border-outline-dimmer transition-colors cursor-pointer",
+    }),
   }
diff --git a/app/layout.tsx b/app/layout.tsx
index 545bc8d..543b759 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -12,7 +12,7 @@ const inter = Inter({ subsets: ["latin"] })
 export { metadata } from "./metadata"
 
 export default async function RootLayout({
-  children
+  children,
 }: {
   children: React.ReactNode
 }) {
diff --git a/app/llms/actions.ts b/app/llms/actions.ts
index c58282f..63766ae 100644
--- a/app/llms/actions.ts
+++ b/app/llms/actions.ts
@@ -11,39 +11,37 @@ import { EmbedBuilder, WebhookClient } from "discord.js"
 import { z } from "zod"
 
 const webhook = new WebhookClient({
-  url: process.env.DISCORD_WEBHOOK_URL_PUBLIC
+  url: process.env.DISCORD_WEBHOOK_URL_PUBLIC,
 })
 
 const castVoteInput = z
   .object({
-    llmId: z.string(),
+    llmId: z.number(),
     comment: z.string().nullish(),
-    action: z.nativeEnum(VoteStatus)
+    action: z.nativeEnum(VoteStatus),
   })
   .superRefine((data, ctx) => {
     if (data.action === VoteStatus.reject && !data.comment) {
       ctx.addIssue({
         code: z.ZodIssueCode.custom,
         message: "required when rejecting an LLM",
-        path: ["comment"]
-      })
-    }
-
-    if (isNaN(Number(data.llmId))) {
-      ctx.addIssue({
-        code: z.ZodIssueCode.custom,
-        message: "Invalid ID",
-        path: ["llmId"]
+        path: ["comment"],
       })
     }
   })
 
-type CastVoteReturn = {
-  success: boolean
-  message?: string
-} | null
+type CastVoteReturn =
+  | {
+      success: true
+    }
+  | {
+      success: false
+      message: string
+    }
 
-export async function castVoteAction(_prevState: CastVoteReturn, e: FormData) {
+export async function castVote(
+  input: z.infer<typeof castVoteInput>,
+): Promise<CastVoteReturn> {
   const res = await getSession()
 
   try {
@@ -52,19 +50,15 @@ export async function castVoteAction(_prevState: CastVoteReturn, e: FormData) {
     const { user } = res
     requireContributorOrAdmin(user)
 
-    const { llmId, comment, action } = castVoteInput.parse(
-      Object.fromEntries(e.entries())
-    )
-
-    const id = Number(llmId)
+    const { llmId, comment, action } = castVoteInput.parse(input)
 
     const llm = await prisma.lLM.findFirst({
       where: {
-        id
+        id: llmId,
       },
       include: {
-        votes: true
-      }
+        votes: true,
+      },
     })
 
     if (!llm) throw new Error("LLM not found")
@@ -74,9 +68,9 @@ export async function castVoteAction(_prevState: CastVoteReturn, e: FormData) {
 
     const existingVote = await prisma.vote.findFirst({
       where: {
-        llmId: id,
-        userId: user.id
-      }
+        llmId,
+        userId: user.id,
+      },
     })
 
     if (existingVote) throw new Error("You have already voted on this LLM")
@@ -84,10 +78,10 @@ export async function castVoteAction(_prevState: CastVoteReturn, e: FormData) {
     const newVote = await prisma.vote.create({
       data: {
         comment,
-        llmId: id,
+        llmId,
         userId: user.id,
-        status: action
-      }
+        status: action,
+      },
     })
 
     if (!newVote) throw new Error("Failed to cast vote")
@@ -96,11 +90,11 @@ export async function castVoteAction(_prevState: CastVoteReturn, e: FormData) {
 
     await prisma.lLM.update({
       where: {
-        id
+        id: llmId,
       },
       data: {
-        status: consensus.status
-      }
+        status: consensus.status,
+      },
     })
 
     if (consensus.status !== LLMStatus.pending) {
@@ -110,24 +104,24 @@ export async function castVoteAction(_prevState: CastVoteReturn, e: FormData) {
         .setTitle(`[LLM ${consensus.status}] ${llm.name}`)
         .setURL(new URL("/llms?llm=" + llm.id, siteUrl).toString())
         .setDescription(
-          `${consensus.status} after ${allVotes.length} votes. ${allVotes.filter(v => v.status === VoteStatus.approve).length} approvals, ${allVotes.filter(v => v.status === VoteStatus.reject).length} rejections.`
+          `${consensus.status} after ${allVotes.filter(v => v.status === VoteStatus.approve).length} approvals, ${allVotes.filter(v => v.status === VoteStatus.reject).length} rejections.`,
         )
         .setColor(consensus.status === "approved" ? 0x34d399 : 0xef4444)
 
       await webhook.send({
-        embeds: [embed]
+        embeds: [embed],
       })
     }
 
     return {
-      success: true
+      success: true,
     }
   } catch (e) {
     console.error(e)
 
     return {
       success: false,
-      message: formatError(e)
+      message: formatError(e),
     }
   }
 }
diff --git a/app/llms/components/FieldTable.tsx b/app/llms/components/FieldTable.tsx
index aadf3f3..7c269f8 100644
--- a/app/llms/components/FieldTable.tsx
+++ b/app/llms/components/FieldTable.tsx
@@ -5,7 +5,7 @@ import { styled } from "react-tailwind-variants"
 
 export default function FieldTable({
   fields,
-  capLength
+  capLength,
 }: {
   fields: Array<Field & { metaProperty: MetaProperty }>
   capLength?: number
@@ -57,15 +57,15 @@ export default function FieldTable({
 
 const Table = {
   Container: styled("div", {
-    base: "table border border-outline-dimmer w-full max-w-[640px]"
+    base: "table border border-outline-dimmer w-full max-w-[640px]",
   }),
   Row: styled("div", {
-    base: "table-row"
+    base: "table-row",
   }),
   Cell: styled("div", {
-    base: "table-cell min-h-10 first:max-w-[200px] last:w-full border border-outline-dimmer align-middle"
+    base: "table-cell min-h-10 first:max-w-[200px] last:w-full border border-outline-dimmer align-middle",
   }),
   CellContent: styled("div", {
-    base: "flex flex-col h-full min-h-10 px-2 justify-center"
-  })
+    base: "flex flex-col h-full min-h-10 px-2 justify-center",
+  }),
 }
diff --git a/app/llms/components/LLMItem.tsx b/app/llms/components/LLMItem.tsx
index f3c4bd0..b739a41 100644
--- a/app/llms/components/LLMItem.tsx
+++ b/app/llms/components/LLMItem.tsx
@@ -10,7 +10,7 @@ import FieldTable from "./FieldTable"
 
 export default function LLMItem({
   query,
-  llm
+  llm,
 }: {
   query: string
   llm: LLMWithRelations
@@ -30,7 +30,7 @@ export default function LLMItem({
       (acc, node, i) => {
         acc.push({
           text: node,
-          highlighted: false
+          highlighted: false,
         })
 
         if (i < splitText.length - 1 && matches) {
@@ -39,7 +39,7 @@ export default function LLMItem({
 
         return acc
       },
-      [] as Array<{ text: string; highlighted: boolean }>
+      [] as Array<{ text: string; highlighted: boolean }>,
     )
   }
 
@@ -58,7 +58,7 @@ export default function LLMItem({
               </span>
             ) : (
               <Fragment key={i}>{text}</Fragment>
-            )
+            ),
           )}
         </Text>
         <Text color="dimmer" size="sm">
@@ -69,7 +69,7 @@ export default function LLMItem({
             .sort(
               (a, b) =>
                 Number(b.status === VoteStatus.approve) -
-                Number(a.status === VoteStatus.approve)
+                Number(a.status === VoteStatus.approve),
             )
             .map((vote, i) => (
               <StatusVote key={i} status={vote.status} />
@@ -106,7 +106,7 @@ export default function LLMItem({
                   </span>
                 ) : (
                   text
-                )
+                ),
             )}
           </Text>
         </Flex>
@@ -122,16 +122,16 @@ const {
   ContentOverlay,
   StatusBadge,
   StatusBar,
-  StatusVote
+  StatusVote,
 } = {
   Container: styled("div", {
-    base: "flex flex-col gap-2 p-2 rounded-lg border-2 border-outline-dimmest bg-default hover:border-accent-dimmer cursor-pointer transition-colors"
+    base: "flex flex-col gap-2 p-2 rounded-lg border-2 border-outline-dimmest bg-default hover:border-accent-dimmer cursor-pointer transition-colors",
   }),
   Content: styled("div", {
-    base: "flex gap-2 items-start w-full overflow-hidden relative max-h-[200px]"
+    base: "flex gap-2 items-start w-full overflow-hidden relative max-h-[200px]",
   }),
   ContentOverlay: styled("div", {
-    base: `absolute inset-0 bg-gradient-to-t from-default via-transparent via-transparent to-transparent flex flex-col justify-end max-h-[200px]`
+    base: `absolute inset-0 bg-gradient-to-t from-default via-transparent via-transparent to-transparent flex flex-col justify-end max-h-[200px]`,
   }),
   StatusBadge: styled("div", {
     base: "rounded-md px-1.5 py-0.5 text-xs",
@@ -139,20 +139,20 @@ const {
       status: {
         pending: "bg-amber-500/25 text-amber-300/75",
         approved: "bg-emerald-500/25 text-emerald-300/75",
-        rejected: "bg-rose-500/25 text-rose-300/75"
-      }
-    }
+        rejected: "bg-rose-500/25 text-rose-300/75",
+      },
+    },
   }),
   StatusBar: styled("div", {
-    base: "rounded-full h-1.5 w-[120px] bg-higher flex"
+    base: "rounded-full h-1.5 w-[120px] bg-higher flex",
   }),
   StatusVote: styled("div", {
     base: "grow basis-0 h-full first:rounded-l-full last:rounded-r-full shadow-[2px_0_0_2px,-2px_0_0_2px]",
     variants: {
       status: {
         approve: "bg-emerald-600 shadow-emerald-600/10",
-        reject: "bg-rose-600 shadow-rose-600/10"
-      }
-    }
-  })
+        reject: "bg-rose-600 shadow-rose-600/10",
+      },
+    },
+  }),
 }
diff --git a/app/llms/components/LLMOverlay/Fields.tsx b/app/llms/components/LLMOverlay/Fields.tsx
new file mode 100644
index 0000000..bb8314d
--- /dev/null
+++ b/app/llms/components/LLMOverlay/Fields.tsx
@@ -0,0 +1,142 @@
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu"
+import Text from "@/components/ui/text"
+import { abbrNumber } from "@/lib/numbers"
+import {
+  ChangeRequestType,
+  Field,
+  MetaProperty,
+  MetaPropertyType,
+} from "@prisma/client"
+import { GitPullRequestIcon, MoreVerticalIcon, TrashIcon } from "lucide-react"
+import { useState } from "react"
+import { styled } from "react-tailwind-variants"
+import { OverlayLLM } from "."
+import RequestAddDialog from "./dialogs/RequestAdd"
+import RequestChangeDialog from "./dialogs/RequestChange"
+import RequestDeletionDialog from "./dialogs/RequestDeletion"
+
+export type FieldWithMeta = Field & { metaProperty: MetaProperty }
+
+export default function Fields({
+  llm: { fields, ...llm },
+  refetch,
+}: {
+  llm: OverlayLLM
+  refetch: () => void
+}) {
+  const [fieldToChange, setFieldToChange] = useState<FieldWithMeta | null>(null)
+  const [fieldToDelete, setFieldToDelete] = useState<FieldWithMeta | null>(null)
+
+  return (
+    <Wrapper>
+      <Table.Container>
+        {fields.map((field, i) => (
+          <Table.Row key={i}>
+            <Table.Cell>
+              <Table.CellContent>
+                <Text weight="medium" color="dimmer" size="sm">
+                  {field.metaProperty.name}
+                </Text>
+                {field.note && (
+                  <Text size="xs" color="dimmest">
+                    {field.note}
+                  </Text>
+                )}
+              </Table.CellContent>
+            </Table.Cell>
+            <Table.Cell>
+              <Table.CellContent>
+                <Text weight="medium" color="dimmer">
+                  {field.metaProperty.type}
+                </Text>
+              </Table.CellContent>
+            </Table.Cell>
+            <Table.Cell>
+              <Table.CellContent className="relative">
+                <Text color="dimmer" multiline>
+                  {field.metaProperty.type === MetaPropertyType.Number
+                    ? abbrNumber(Number(field.value))
+                    : field.value}
+                </Text>
+                <DropdownMenu>
+                  <DropdownMenuTrigger asChild>
+                    <OptionsButton>
+                      <MoreVerticalIcon className="w-4 h-4" />
+                    </OptionsButton>
+                  </DropdownMenuTrigger>
+                  <DropdownMenuContent>
+                    <DropdownMenuItem
+                      className="pl-2 flex gap-2 items-center"
+                      onSelect={() => setFieldToChange(field)}
+                    >
+                      <GitPullRequestIcon className="w-4 h-4" />
+                      Request Changes
+                    </DropdownMenuItem>
+                    <DropdownMenuItem
+                      className="pl-2 flex gap-2 items-center"
+                      onSelect={() => setFieldToDelete(field)}
+                    >
+                      <TrashIcon className="w-4 h-4" />
+                      Request Deletion
+                    </DropdownMenuItem>
+                  </DropdownMenuContent>
+                </DropdownMenu>
+              </Table.CellContent>
+            </Table.Cell>
+          </Table.Row>
+        ))}
+      </Table.Container>
+      <RequestAddDialog llm={llm} refetch={refetch} />
+      <RequestChangeDialog
+        field={fieldToChange}
+        setField={setFieldToChange}
+        llm={llm}
+        refetch={refetch}
+      />
+      <RequestDeletionDialog
+        llm={llm}
+        refetch={refetch}
+        field={fieldToDelete}
+        setField={setFieldToDelete}
+      />
+    </Wrapper>
+  )
+}
+
+const { Wrapper, OptionsButton, ...Table } = {
+  Wrapper: styled("div", {
+    base: "flex flex-col",
+  }),
+  Container: styled("div", {
+    base: "table border w-full max-w-[640px] border-outline-dimmer",
+  }),
+  Row: styled("div", {
+    base: "table-row group",
+  }),
+  Cell: styled("div", {
+    base: "table-cell min-h-10 first:max-w-[200px] last:w-full border align-middle",
+    variants: {
+      variant: {
+        [ChangeRequestType.delete]: "border-accent/30 bg-accent-dimmer/15",
+        [ChangeRequestType.add]: "bg-emerald-700/15 border-emerald-500/30",
+        default: "border-outline-dimmer",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }),
+  CellContent: styled("div", {
+    base: "flex flex-col h-full min-h-10 px-2 justify-center",
+  }),
+  OptionsButton: styled("button", {
+    base: "absolute right-0 top-1/2 -translate-y-1/2 flex items-center justify-center px-1 opacity-0 group/item group-hover:opacity-100 transition-opacity",
+  }),
+}
+
+export { Table }
diff --git a/app/llms/components/LLMOverlay/Header.tsx b/app/llms/components/LLMOverlay/Header.tsx
index 4518818..ba9c600 100644
--- a/app/llms/components/LLMOverlay/Header.tsx
+++ b/app/llms/components/LLMOverlay/Header.tsx
@@ -5,7 +5,7 @@ import { XIcon } from "lucide-react"
 
 export default function Header({
   children = null,
-  className
+  className,
 }: {
   children?: React.ReactNode
   className?: string
diff --git a/app/llms/components/LLMOverlay/VoteSection.tsx b/app/llms/components/LLMOverlay/VoteSection.tsx
deleted file mode 100644
index a204cd2..0000000
--- a/app/llms/components/LLMOverlay/VoteSection.tsx
+++ /dev/null
@@ -1,188 +0,0 @@
-import { LLMWithRelations } from "@/app/api/search/types"
-import { useCurrentUser } from "@/components/providers/CurrentUserProvider"
-import { Button } from "@/components/ui/button"
-import Flex from "@/components/ui/flex"
-import Text from "@/components/ui/text"
-import { Textarea } from "@/components/ui/textarea"
-import { User, Vote, VoteStatus } from "@prisma/client"
-import { InfoIcon, ThumbsDownIcon, ThumbsUpIcon } from "lucide-react"
-import { Dispatch, SetStateAction, useEffect, useState } from "react"
-import { useFormState } from "react-dom"
-import { styled } from "react-tailwind-variants"
-import { castVoteAction } from "../../actions"
-
-export default function VoteSection({
-  llm,
-  setTab,
-  refetch
-}: {
-  llm: LLMWithRelations<Vote & { user: User }>
-  setTab: Dispatch<SetStateAction<"votes" | "vote">>
-  refetch: () => void
-}) {
-  const [state, castVote] = useFormState(castVoteAction, null)
-  const [comment, setComment] = useState("")
-  const [action, setAction] = useState<VoteStatus>(VoteStatus.approve)
-
-  const user = useCurrentUser()
-
-  const hasVoted = llm.votes.some(vote => vote.userId === user?.id)
-  const isOwner = llm.user.id === user?.id
-  const isConsensusAchieved = llm.status !== "pending"
-
-  const isDisabled = hasVoted || isOwner
-
-  useEffect(() => {
-    if (state?.success) {
-      setTab("votes")
-      refetch()
-    }
-  }, [state, setTab, refetch])
-
-  return (
-    <Flex col gap={2} className="relative">
-      <Text weight="medium" color={hasVoted ? "dimmest" : "default"}>
-        <label htmlFor="comment">
-          Comment{action === VoteStatus.approve ? " (Optional)" : ""}
-        </label>
-      </Text>
-      <form action={castVote}>
-        <input
-          type="hidden"
-          name="llmId"
-          value={llm.id}
-          disabled={isDisabled}
-        />
-        <input
-          type="hidden"
-          name="action"
-          value={action}
-          disabled={isDisabled}
-        />
-        <Textarea
-          name="comment"
-          value={comment}
-          onChange={e => setComment(e.target.value)}
-          placeholder={
-            action === VoteStatus.approve
-              ? "The metadata provided is accurate and complete"
-              : "The metadata provided is inaccurate/incomplete: ..."
-          }
-          rows={4}
-          disabled={isDisabled}
-        />
-
-        <Flex gap={2} justify="between" align="center">
-          <StatusButtons action={action}>
-            <ApproveButton
-              onClick={() => setAction(VoteStatus.approve)}
-              active={action === VoteStatus.approve}
-              size="sm"
-              type="button"
-              disabled={isDisabled}
-            >
-              <ThumbsUp active={action === VoteStatus.approve} />
-              Approve
-            </ApproveButton>
-            <RejectButton
-              onClick={() => setAction(VoteStatus.reject)}
-              active={action === VoteStatus.reject}
-              size="sm"
-              type="button"
-              disabled={isDisabled}
-            >
-              <ThumbsDown active={action === VoteStatus.reject} />
-              Reject
-            </RejectButton>
-          </StatusButtons>
-          <Button type="submit" variant="elevated" disabled={isDisabled}>
-            Submit
-          </Button>
-        </Flex>
-      </form>
-
-      {state?.message && (
-        <ErrorContainer>
-          <InfoIcon className="text-rose-600 w-4 h-4" />
-          <Text className="text-rose-600 w-full" multiline>
-            <em>{state.message}</em>
-          </Text>
-        </ErrorContainer>
-      )}
-
-      {isDisabled ? (
-        <DisabledOverlay>
-          <Text weight="medium" color="dimmer">
-            {hasVoted
-              ? "You have already voted on this LLM"
-              : "You cannot vote on your own LLM"}
-          </Text>
-        </DisabledOverlay>
-      ) : isConsensusAchieved ? (
-        <DisabledOverlay>
-          <Text weight="medium" color="dimmer">
-            This LLM has been {llm.status}
-          </Text>
-        </DisabledOverlay>
-      ) : null}
-    </Flex>
-  )
-}
-
-const {
-  DisabledOverlay,
-  StatusButtons,
-  ApproveButton,
-  RejectButton,
-  ThumbsUp,
-  ThumbsDown,
-  ErrorContainer
-} = {
-  DisabledOverlay: styled("div", {
-    base: "absolute inset-0 bg-overlay flex flex-col items-center justify-center"
-  }),
-  StatusButtons: styled("div", {
-    base: "flex gap-1 border-2 p-1 rounded-xl",
-    variants: {
-      action: {
-        approve: "border-emerald-500/30",
-        reject: "border-rose-500/30"
-      }
-    }
-  }),
-  ApproveButton: styled(Button, {
-    base: "bg-transparent border-transparent opacity-50 hover:opacity-100 hover:border-transparent transition-opacity rounded-lg",
-    variants: {
-      active: {
-        true: "opacity-100 bg-higher"
-      }
-    }
-  }),
-  RejectButton: styled(Button, {
-    base: "bg-transparent border-transparent opacity-50 hover:opacity-100 hover:border-transparent transition-opacity rounded-lg",
-    variants: {
-      active: {
-        true: "opacity-100 bg-higher"
-      }
-    }
-  }),
-  ThumbsUp: styled(ThumbsUpIcon, {
-    base: "w-4 h-4 text-foreground-dimmest",
-    variants: {
-      active: {
-        true: "text-emerald-500"
-      }
-    }
-  }),
-  ThumbsDown: styled(ThumbsDownIcon, {
-    base: "w-4 h-4 text-foreground-dimmest",
-    variants: {
-      active: {
-        true: "text-rose-500"
-      }
-    }
-  }),
-  ErrorContainer: styled("div", {
-    base: "flex gap-2 items-center px-2 py-1 bg-rose-500/10 border-2 border-rose-500/30 rounded-lg"
-  })
-}
diff --git a/app/llms/components/LLMOverlay/Votes.tsx b/app/llms/components/LLMOverlay/Votes.tsx
index ec4974a..b757dbd 100644
--- a/app/llms/components/LLMOverlay/Votes.tsx
+++ b/app/llms/components/LLMOverlay/Votes.tsx
@@ -1,6 +1,5 @@
 import { removeContributor } from "@/app/admin/actions/remove-contributor"
 import { removeVote } from "@/app/admin/actions/remove-vote"
-import { LLMWithRelations } from "@/app/api/search/types"
 import { MotionDiv } from "@/components/motion"
 import { useCurrentUser } from "@/components/providers/CurrentUserProvider"
 import { Button } from "@/components/ui/button"
@@ -8,119 +7,193 @@ import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
-  DropdownMenuTrigger
+  DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu"
 import Flex from "@/components/ui/flex"
+import { Input } from "@/components/ui/input"
 import Text from "@/components/ui/text"
 import determineConsensus from "@/lib/consensus"
 import { User, Vote, VoteStatus } from "@prisma/client"
-import { MoreVerticalIcon, ThumbsDown, ThumbsUp } from "lucide-react"
+import { MoreVerticalIcon, ThumbsDownIcon, ThumbsUpIcon } from "lucide-react"
+import { useState } from "react"
 import { styled } from "react-tailwind-variants"
+import { OverlayLLM, StatusBadge } from "."
+import { castVote } from "../../actions"
 
 export default function Votes({
   llm,
-  refetch
+  refetch,
 }: {
-  llm: LLMWithRelations<Vote & { user: User }>
+  llm: OverlayLLM
   refetch: () => void
 }) {
+  const [voteStatus, setVoteStatus] = useState<VoteStatus | null>(null)
+  const [comment, setComment] = useState("")
+
+  const user = useCurrentUser()
+
   const { status, approvals, rejections, ...consensus } = determineConsensus(
-    llm.votes
+    llm.votes,
   )
 
+  const userVote = llm.votes.find(x => x.user.id === user?.id)
+  const hasUserVoted = Boolean(userVote)
+
   const comments = llm.votes.filter(x => x.comment)
 
   const approvePercent = Math.round((approvals / llm.votes.length) * 100)
   const rejectPercent = Math.round((rejections / llm.votes.length) * 100)
 
+  const handleSubmitVote = async () => {
+    if (!voteStatus) return
+
+    const res = await castVote({
+      llmId: llm.id,
+      action: voteStatus,
+      comment,
+    })
+
+    if (res.success) {
+      refetch()
+    } else {
+      alert(res.message)
+    }
+  }
+
   return (
-    <Flex col gap={2} className="min-h-[160px]">
-      <VoteStats status={status}>
-        {llm.votes.length > 0 ? (
-          <>
-            <Flex gap={2} align="center" justify="between">
-              <Text
-                color={status === "approved" ? "default" : "dimmer"}
-                weight={status === "approved" ? "bold" : "default"}
+    <Flex col gap={2}>
+      {status === "pending" ? (
+        <VoteStats>
+          <Flex col>
+            <Flex align="center" gap={2}>
+              <VoteButton
+                size="sm"
+                variant="elevated"
+                status={
+                  hasUserVoted
+                    ? userVote?.status === VoteStatus.approve
+                      ? "approved"
+                      : "default"
+                    : voteStatus === VoteStatus.approve
+                      ? "approved"
+                      : voteStatus === VoteStatus.reject
+                        ? "deselected"
+                        : "default"
+                }
+                disabled={hasUserVoted}
+                onClick={() => setVoteStatus(VoteStatus.approve)}
               >
-                {status === "approved" ? "Approved" : "Approvals"} ({approvals})
-              </Text>
+                <ThumbsUpIcon className="w-4 h-4" />
+                <Text>{approvals}</Text>
+              </VoteButton>
+              <VoteButton
+                size="sm"
+                variant="elevated"
+                status={
+                  hasUserVoted
+                    ? userVote?.status === VoteStatus.reject
+                      ? "rejected"
+                      : "default"
+                    : voteStatus === VoteStatus.reject
+                      ? "rejected"
+                      : voteStatus === VoteStatus.approve
+                        ? "deselected"
+                        : "default"
+                }
+                disabled={hasUserVoted}
+                onClick={() => setVoteStatus(VoteStatus.reject)}
+              >
+                <ThumbsDownIcon className="w-4 h-4" />
+                <Text>{rejections}</Text>
+              </VoteButton>
               <Indicator>
-                <IndicatorBar
-                  status="approve"
-                  animate={{
-                    width: `${approvePercent}%`
-                  }}
-                  initial={{
-                    width: `0%`
-                  }}
-                />
+                {approvePercent > 0 && (
+                  <IndicatorBar
+                    status="approve"
+                    animate={{
+                      width: `${approvePercent}%`,
+                    }}
+                    initial={{
+                      width: `0%`,
+                    }}
+                  />
+                )}
+                {rejectPercent > 0 && (
+                  <IndicatorBar
+                    status="reject"
+                    animate={{
+                      width: `${rejectPercent}%`,
+                    }}
+                    initial={{
+                      width: `0%`,
+                    }}
+                  />
+                )}
               </Indicator>
-              <Text color="dimmer">{approvePercent}%</Text>
             </Flex>
-            <Flex gap={2} align="center" justify="between">
-              <Text
-                color={status === "rejected" ? "default" : "dimmer"}
-                weight={status === "rejected" ? "bold" : "default"}
-              >
-                {status === "rejected" ? "Rejected" : "Rejections"} (
-                {rejections})
+          </Flex>
+          {voteStatus && !hasUserVoted && (
+            <Flex col gap={1}>
+              <Text className="pl-2" color="dimmer">
+                Add a comment (
+                {voteStatus === VoteStatus.approve ? "optional" : "required"})
               </Text>
-              <Indicator>
-                <IndicatorBar
-                  status="reject"
-                  animate={{
-                    width: `${rejectPercent}%`
-                  }}
-                  initial={{
-                    width: `0%`
-                  }}
+              <Flex align="center" gap={2}>
+                <Input
+                  value={comment}
+                  onChange={e => setComment(e.target.value)}
+                  placeholder={
+                    voteStatus === VoteStatus.approve
+                      ? "The info provided is accurate..."
+                      : "The info provided is inaccurate..."
+                  }
+                  variant="elevated"
                 />
-              </Indicator>
-              <Text color="dimmer">{rejectPercent}%</Text>
-            </Flex>
-            {status === "pending" && "remainingApprovals" in consensus && (
-              <Flex
-                gap={2}
-                align="center"
-                justify="between"
-                className="border-t border-outline-dimmest pt-2"
-              >
-                <Text color="dimmer" size="sm">
-                  {llm.votes.length < 4
-                    ? "Four votes required until approved/rejected"
-                    : approvals >= rejections
-                      ? `${consensus.remainingApprovals} more approvals required`
-                      : `${consensus.remainingRejections} more rejections required`}
-                </Text>
-                <PendingBadge>Pending</PendingBadge>
+                <Button variant="elevated" onClick={handleSubmitVote}>
+                  Submit
+                </Button>
               </Flex>
-            )}
-          </>
-        ) : (
-          <Text className="text-center" color="dimmer">
-            No votes yet
+            </Flex>
+          )}
+          {status === "pending" && "remainingApprovals" in consensus && (
+            <Flex
+              gap={2}
+              align="center"
+              justify="between"
+              className="border-t border-outline-dimmest pt-2"
+            >
+              <Text color="dimmer" size="sm">
+                {llm.votes.length < 4
+                  ? "Minimum four votes required"
+                  : approvals >= rejections
+                    ? `${consensus.remainingApprovals} more approvals required`
+                    : `${consensus.remainingRejections} more rejections required`}
+              </Text>
+              <PendingBadge>Pending</PendingBadge>
+            </Flex>
+          )}
+        </VoteStats>
+      ) : (
+        <Flex row gap={2} center p={2}>
+          <StatusBadge status={status}>{status}</StatusBadge>
+          <Text center color="dimmer">
+            • {approvals} Approvals • {rejections} Rejections
           </Text>
-        )}
-      </VoteStats>
+        </Flex>
+      )}
 
       {comments.length > 0 && (
-        <>
-          <Text weight="bold" color="dimmer">
-            Comments
+        <Flex col gap={2}>
+          <Text weight="medium" color="dimmer">
+            Votes with Comments
           </Text>
 
-          <Flex col gap={2} className="min-h=[160px]">
+          <Flex col gap={4} className="min-h=[160px]">
             {comments.map((vote, i) => (
-              <VoteComment
-                key={i}
-                vote={vote}
-                status={vote.status}
-                refetch={refetch}
-              />
+              <VoteComment key={i} vote={vote} refetch={refetch} />
             ))}
           </Flex>
-        </>
+        </Flex>
       )}
     </Flex>
   )
@@ -128,131 +201,155 @@ export default function Votes({
 
 function VoteComment({
   vote,
-  status,
-  refetch
+  refetch,
 }: {
   vote: Vote & { user: User }
-  status: VoteStatus
   refetch: () => void
 }) {
   const user = useCurrentUser()
 
-  return (
-    <VoteContainer status={status}>
-      <div className="grow pt-0.5">
-        <Text weight="bold">
-          {status === VoteStatus.approve ? (
-            <ThumbsUp
-              size={16}
-              className="inline-block align-middle mr-2 text-emerald-500 pt-0.5"
-            />
-          ) : (
-            <ThumbsDown
-              size={16}
-              className="inline-block align-middle mr-2 text-rose-500 pt-0.5"
-            />
-          )}
-          {vote.user.handle}:{" "}
-        </Text>
-        <Text color="dimmer" multiline markdown>
-          {vote.comment}
-        </Text>
-      </div>
-      {user?.role === "admin" && (
-        <DropdownMenu>
-          <DropdownMenuTrigger asChild>
-            <Button size="icon" className="shrink-0" variant="ghostElevated">
-              <MoreVerticalIcon size={16} />
-            </Button>
-          </DropdownMenuTrigger>
-          <DropdownMenuContent>
-            <DropdownMenuItem
-              onSelect={async () => {
-                const reason = prompt(
-                  "Please provide a reason why you are removing the vote"
-                )
+  const handleRemoveVote = async () => {
+    const reason = prompt(
+      "Please provide a reason why you are removing the vote",
+    )
 
-                if (!reason) return
+    if (!reason) return
 
-                const res = await removeVote({ voteId: vote.id, reason })
+    const res = await removeVote({ voteId: vote.id, reason })
 
-                if (res.success) {
-                  refetch()
-                } else {
-                  alert(res.message)
-                }
-              }}
-            >
-              Remove Vote
-            </DropdownMenuItem>
-            <DropdownMenuItem
-              onSelect={async () => {
-                const reason = prompt(
-                  "Please provide a reason why you are removing the vote and contributor"
-                )
+    if (res.success) {
+      refetch()
+    } else {
+      alert(res.message)
+    }
+  }
 
-                if (!reason) return
+  const handleRemoveVoteAndContributor = async () => {
+    const reason = prompt(
+      "Please provide a reason why you are removing the vote and contributor",
+    )
 
-                const res = await removeVote({ voteId: vote.id, reason })
+    if (!reason) return
 
-                if (!res.success) {
-                  return alert(res.message)
-                }
+    const res = await removeVote({ voteId: vote.id, reason })
+
+    if (!res.success) {
+      return alert(res.message)
+    }
 
-                const revokeRes = await removeContributor({
-                  userId: vote.userId,
-                  reason
-                })
+    const revokeRes = await removeContributor({
+      userId: vote.userId,
+      reason,
+    })
 
-                if (!revokeRes.success) {
-                  return alert(revokeRes.message)
-                }
+    if (!revokeRes.success) {
+      return alert(revokeRes.message)
+    }
+
+    refetch()
+  }
 
-                refetch()
-              }}
+  return (
+    <Flex col gap={1}>
+      <VoteCommentContent>
+        <Flex align="center" gap={2}>
+          <StatusIndicator status={vote.status}>
+            {vote.status === VoteStatus.approve ? (
+              <ThumbsUpIcon />
+            ) : (
+              <ThumbsDownIcon />
+            )}
+          </StatusIndicator>
+          <Text>
+            <a
+              href={`https://github.com/${vote.user.handle}`}
+              target="_blank"
+              className="underline text-accent"
             >
-              Remove & Revoke Contributor
-            </DropdownMenuItem>
-          </DropdownMenuContent>
-        </DropdownMenu>
-      )}
-    </VoteContainer>
+              {vote.user.handle}
+            </a>
+          </Text>
+          {user?.role === "admin" && (
+            <Flex grow justify="end">
+              <DropdownMenu>
+                <DropdownMenuTrigger asChild>
+                  <Button
+                    size="icon"
+                    className="bg-higher shrink-0 w-4 h-4 hover:bg-higher text-foreground-dimmer hover:text-foreground"
+                    variant="ghost"
+                  >
+                    <MoreVerticalIcon size={16} />
+                  </Button>
+                </DropdownMenuTrigger>
+                <DropdownMenuContent>
+                  <DropdownMenuItem onSelect={handleRemoveVote}>
+                    Remove Vote
+                  </DropdownMenuItem>
+                  <DropdownMenuItem onSelect={handleRemoveVoteAndContributor}>
+                    Remove & Revoke Contributor
+                  </DropdownMenuItem>
+                </DropdownMenuContent>
+              </DropdownMenu>
+            </Flex>
+          )}
+        </Flex>
+        <Text multiline markdown color="dimmer">
+          {vote.comment}
+        </Text>
+      </VoteCommentContent>
+    </Flex>
   )
 }
 
-const { VoteStats, Indicator, IndicatorBar, VoteContainer, PendingBadge } = {
+const {
+  VoteStats,
+  Indicator,
+  IndicatorBar,
+  PendingBadge,
+  VoteCommentContent,
+  VoteButton,
+  StatusIndicator,
+} = {
+  VoteCommentContent: styled("div", {
+    base: "p-2 bg-higher rounded-lg",
+  }),
   VoteStats: styled("div", {
-    base: "flex flex-col gap-2 p-2 rounded-lg border-2",
-    variants: {
-      status: {
-        approved: "border-emerald-500/30",
-        rejected: "border-rose-500/30",
-        pending: "border-outline-dimmest"
-      }
-    }
+    base: "flex flex-col gap-2 p-2 rounded-lg border-2 border-outline-dimmer",
   }),
   Indicator: styled("div", {
-    base: "grow rounded-lg h-2 max-w-[240px] bg-higher"
+    base: "grow flex rounded-lg h-2 bg-higher",
   }),
   IndicatorBar: styled(MotionDiv, {
-    base: "h-2 rounded-lg",
+    base: "h-2 first:rounded-l-lg last:rounded-r-lg grow-0 shrink-0",
     variants: {
       status: {
         approve: "bg-emerald-500",
-        reject: "bg-rose-500"
-      }
-    }
+        reject: "bg-rose-500",
+      },
+    },
   }),
-  VoteContainer: styled("div", {
-    base: "flex gap-2 px-2 pt-1 pb-2 rounded-lg border-2 bg-higher",
+  PendingBadge: styled("div", {
+    base: "rounded-md px-1.5 py-0.5 text-xs bg-amber-500/25 text-amber-300/75",
+  }),
+  VoteButton: styled(Button, {
+    base: "min-w-[64px]",
     variants: {
       status: {
-        approve: "border-emerald-500/30",
-        reject: "border-rose-500/30"
-      }
-    }
+        approved:
+          "border-emerald-500 focus:border-emerald-500 text-emerald-500",
+        rejected: "border-rose-500 focus:border-rose-500 text-rose-500",
+        default: "",
+        deselected: "opacity-50",
+      },
+    },
+  }),
+  StatusIndicator: styled("div", {
+    base: "rounded-full p-1.5 w-7 h-7 flex items-center justify-center",
+    variants: {
+      status: {
+        [VoteStatus.approve]: "bg-emerald-500/15 text-emerald-500",
+        [VoteStatus.reject]: "bg-rose-500/15 text-rose-500",
+      },
+    },
   }),
-  PendingBadge: styled("div", {
-    base: "rounded-md px-1.5 py-0.5 text-xs bg-amber-500/25 text-amber-300/75"
-  })
 }
diff --git a/app/llms/components/LLMOverlay/dialogs/RequestAdd.tsx b/app/llms/components/LLMOverlay/dialogs/RequestAdd.tsx
new file mode 100644
index 0000000..1ef53cb
--- /dev/null
+++ b/app/llms/components/LLMOverlay/dialogs/RequestAdd.tsx
@@ -0,0 +1,130 @@
+import { LLMWithRelations } from "@/app/api/search/types"
+import { MetaFieldRow } from "@/app/submit/components/MetaField"
+import { MetaField } from "@/app/submit/content"
+import { Button } from "@/components/ui/button"
+import { Dialog, DialogContent, DialogTrigger } from "@/components/ui/dialog"
+import Flex from "@/components/ui/flex"
+import Text from "@/components/ui/text"
+import { Textarea } from "@/components/ui/textarea"
+import { MetaPropertyType } from "@prisma/client"
+import { DialogClose } from "@radix-ui/react-dialog"
+import { PlusIcon } from "lucide-react"
+import { useState } from "react"
+import { styled } from "react-tailwind-variants"
+import requestAddField, { RequestAddResult } from "./actions/request-add"
+
+export default function RequestAddDialog({
+  llm,
+  refetch,
+}: {
+  llm: Omit<LLMWithRelations, "fields">
+  refetch: () => void
+}) {
+  const [open, setOpen] = useState(false)
+  const [sourceDescription, setSourceDescription] = useState("")
+  const [metaField, setMetaField] = useState<MetaField>({
+    property: null,
+    id: Math.random(),
+    type: MetaPropertyType.Number,
+    name: "",
+    value: "",
+  })
+
+  const reset = () => {
+    setOpen(false)
+    setSourceDescription("")
+    setMetaField({
+      property: null,
+      id: Math.random(),
+      type: MetaPropertyType.Number,
+      name: "",
+      value: "",
+    })
+  }
+
+  const handleRequestAddField = async () => {
+    let res: RequestAddResult
+
+    if (metaField.property) {
+      res = await requestAddField({
+        llmId: llm.id,
+        metaPropertyId: metaField.property.id,
+        value: String(metaField.value),
+        note: metaField.note,
+        sourceDescription,
+      })
+    } else {
+      res = await requestAddField({
+        llmId: llm.id,
+        name: metaField.name,
+        value: String(metaField.value),
+        type: metaField.type,
+        note: metaField.note,
+        sourceDescription,
+      })
+    }
+
+    if (!res.success) {
+      alert(res.message)
+
+      return
+    }
+
+    refetch()
+    reset()
+  }
+
+  return (
+    <Dialog open={open} onOpenChange={setOpen}>
+      <DialogTrigger asChild>
+        <AddFieldButton>
+          <PlusIcon className="w-4 h-4" />
+          <Text color="dimmer">Add a Field</Text>
+        </AddFieldButton>
+      </DialogTrigger>
+      <DialogContent>
+        <Flex col gap={1}>
+          <Text size="lg" weight="medium">
+            Request to add a field
+          </Text>
+          <Text color="dimmer" multiline>
+            If a metadata field is missing, you can request to add one
+          </Text>
+        </Flex>
+        <Flex col>
+          <MetaFieldRow
+            field={metaField}
+            metadata={[]}
+            onChange={args => {
+              console.log(args)
+              setMetaField(f => ({ ...f, ...args }))
+            }}
+          />
+        </Flex>
+        <Flex col gap={1}>
+          <Text weight="medium">Source Description</Text>
+          <Text color="dimmer" size="xs">
+            Provide one or more sources that include the additonal field
+          </Text>
+          <Textarea
+            value={sourceDescription}
+            onChange={e => setSourceDescription(e.target.value)}
+            placeholder="Additional benchmark is included in research paper https://..."
+          />
+        </Flex>
+        <Flex gap={2} align="center" justify="end">
+          <DialogClose>
+            <Button>Cancel</Button>
+          </DialogClose>
+          <Button variant="highlightElevated" onClick={handleRequestAddField}>
+            Submit
+          </Button>
+        </Flex>
+      </DialogContent>
+    </Dialog>
+  )
+}
+
+const AddFieldButton = styled("button", {
+  base: "flex w-full items-center justify-center text-foreground-dimmer hover:bg-higher gap-2 p-2",
+})
diff --git a/app/llms/components/LLMOverlay/dialogs/RequestChange.tsx b/app/llms/components/LLMOverlay/dialogs/RequestChange.tsx
new file mode 100644
index 0000000..56d2b55
--- /dev/null
+++ b/app/llms/components/LLMOverlay/dialogs/RequestChange.tsx
@@ -0,0 +1,117 @@
+import { LLMWithRelations } from "@/app/api/search/types"
+import { MetaFieldRow } from "@/app/submit/components/MetaField"
+import { MetaField } from "@/app/submit/content"
+import { Button } from "@/components/ui/button"
+import { Dialog, DialogContent } from "@/components/ui/dialog"
+import Flex from "@/components/ui/flex"
+import Text from "@/components/ui/text"
+import { Textarea } from "@/components/ui/textarea"
+import { Dispatch, SetStateAction, useEffect, useState } from "react"
+import { FieldWithMeta } from "../Fields"
+import requestChangeField from "./actions/request-change"
+
+export default function RequestChangeDialog({
+  field,
+  setField,
+  llm,
+  refetch,
+}: {
+  field: FieldWithMeta | null
+  setField: Dispatch<SetStateAction<FieldWithMeta | null>>
+  llm: Omit<LLMWithRelations, "fields">
+  refetch: () => void
+}) {
+  const [sourceDescription, setSourceDescription] = useState("")
+  const [metaField, setMetaField] = useState<MetaField | null>(null)
+
+  const reset = () => {
+    setSourceDescription("")
+    setMetaField(null)
+    setField(null)
+  }
+
+  const handleRequestChange = async () => {
+    if (!metaField || !field) return
+
+    console.log(metaField)
+
+    const res = await requestChangeField({
+      llmId: llm.id,
+      fieldId: field.id,
+      value: metaField.value ? String(metaField.value) : null,
+      note: metaField.note ?? null,
+      sourceDescription,
+    })
+
+    if (!res.success) {
+      alert(res.message)
+
+      return
+    }
+
+    refetch()
+    reset()
+  }
+
+  useEffect(() => {
+    if (field)
+      setMetaField({
+        id: field.id,
+        value: String(field.value),
+        type: field.metaProperty.type,
+        name: field.metaProperty.name,
+        note: field.note || undefined,
+      })
+  }, [field])
+
+  return (
+    <Dialog open={Boolean(field)} onOpenChange={() => setField(null)}>
+      <DialogContent>
+        <Flex col gap={1}>
+          <Text size="lg" weight="medium">
+            Request Changes
+          </Text>
+          <Text color="dimmer" multiline>
+            Request to change the value of a potentially inaccurate metadata
+            field
+          </Text>
+        </Flex>
+        <Flex col>
+          {metaField && (
+            <MetaFieldRow
+              field={metaField}
+              metadata={[]}
+              onChange={f =>
+                setMetaField({
+                  ...metaField,
+                  ...f,
+                  ...(typeof f.value !== "undefined" ? { value: f.value } : {}),
+                })
+              }
+              canChangeName={false}
+              canChangeType={false}
+            />
+          )}
+        </Flex>
+        <Flex col gap={1}>
+          <Text weight="medium">Source Description</Text>
+          <Text color="dimmer" size="xs">
+            Provide one or more sources that include the correct value of this
+            field
+          </Text>
+          <Textarea
+            value={sourceDescription}
+            onChange={e => setSourceDescription(e.target.value)}
+            placeholder="The field's value is incorrect according to https://..."
+          />
+        </Flex>
+        <Flex row justify="end" align="center" gap={2}>
+          <Button onClick={() => setField(null)}>Cancel</Button>
+          <Button variant="highlightElevated" onClick={handleRequestChange}>
+            Submit
+          </Button>
+        </Flex>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/app/llms/components/LLMOverlay/dialogs/RequestDeletion.tsx b/app/llms/components/LLMOverlay/dialogs/RequestDeletion.tsx
new file mode 100644
index 0000000..a3ccbfd
--- /dev/null
+++ b/app/llms/components/LLMOverlay/dialogs/RequestDeletion.tsx
@@ -0,0 +1,120 @@
+import { LLMWithRelations } from "@/app/api/search/types"
+import { Button } from "@/components/ui/button"
+import { Dialog, DialogContent } from "@/components/ui/dialog"
+import Flex from "@/components/ui/flex"
+import Text from "@/components/ui/text"
+import { Textarea } from "@/components/ui/textarea"
+import { abbrNumber } from "@/lib/numbers"
+import { MetaPropertyType } from "@prisma/client"
+import { Dispatch, SetStateAction, useState } from "react"
+import { FieldWithMeta, Table } from "../Fields"
+import requestDeleteField from "./actions/request-deletion"
+
+export default function RequestDeletionDialog({
+  field,
+  setField,
+  llm,
+  refetch,
+}: {
+  field: FieldWithMeta | null
+  setField: Dispatch<SetStateAction<FieldWithMeta | null>>
+  llm: Omit<LLMWithRelations, "fields">
+  refetch: () => void
+}) {
+  const [sourceDescription, setSourceDescription] = useState("")
+
+  const reset = () => {
+    setSourceDescription("")
+    setField(null)
+  }
+
+  const handleRequestDeletion = async () => {
+    if (!field) return
+
+    const res = await requestDeleteField({
+      fieldId: field.id,
+      llmId: llm.id,
+      sourceDescription,
+    })
+
+    if (!res.success) {
+      alert(res.message)
+
+      return
+    }
+
+    refetch()
+    reset()
+  }
+
+  return (
+    <Dialog open={Boolean(field)} onOpenChange={() => setField(null)}>
+      <DialogContent>
+        <Flex col gap={1}>
+          <Text size="lg" weight="medium">
+            Request Deletion
+          </Text>
+          <Text color="dimmer" multiline>
+            Deletion Requests are useful for removing duplicate or nonexistant
+            fields on an LLM
+          </Text>
+        </Flex>
+        {field && (
+          <Table.Container>
+            <Table.Row>
+              <Table.Cell>
+                <Table.CellContent>
+                  <Text weight="medium" color="dimmer" size="sm">
+                    {field.metaProperty.name}
+                  </Text>
+                  {field.note && (
+                    <Text size="xs" color="dimmest">
+                      {field.note}
+                    </Text>
+                  )}
+                </Table.CellContent>
+              </Table.Cell>
+              <Table.Cell>
+                <Table.CellContent>
+                  <Text weight="medium" color="dimmer">
+                    {field.metaProperty.type}
+                  </Text>
+                </Table.CellContent>
+              </Table.Cell>
+              <Table.Cell>
+                <Table.CellContent>
+                  <Text color="dimmer" multiline>
+                    {field.metaProperty.type === MetaPropertyType.Number
+                      ? abbrNumber(Number(field.value))
+                      : field.value}
+                  </Text>
+                </Table.CellContent>
+              </Table.Cell>
+            </Table.Row>
+          </Table.Container>
+        )}
+        <Flex col gap={1}>
+          <Text asChild weight="medium">
+            <label htmlFor="delete-request-reason">Source Description</label>
+          </Text>
+          <Text size="xs" color="dimmer" multiline className="pl-1">
+            Provide one or more sources to back the reasoning of this deletion
+            request
+          </Text>
+          <Textarea
+            id="delete-request-reason"
+            placeholder="Benchmark not shown on research paper https://..."
+            value={sourceDescription}
+            onChange={e => setSourceDescription(e.target.value)}
+          />
+        </Flex>
+        <Flex row gap={2} align="center" justify="end">
+          <Button onClick={() => setField(null)}>Cancel</Button>
+          <Button variant="highlightElevated" onClick={handleRequestDeletion}>
+            Request Deletion
+          </Button>
+        </Flex>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/app/llms/components/LLMOverlay/dialogs/actions/request-add.ts b/app/llms/components/LLMOverlay/dialogs/actions/request-add.ts
new file mode 100644
index 0000000..5727391
--- /dev/null
+++ b/app/llms/components/LLMOverlay/dialogs/actions/request-add.ts
@@ -0,0 +1,115 @@
+"use server"
+
+import { formatError } from "@/lib/errors"
+import prisma from "@/lib/server/prisma"
+import { getSession } from "@/lib/server/utils/session"
+import { ChangeRequestType, MetaPropertyType } from "@prisma/client"
+import { z } from "zod"
+
+const requestAddInput = z.object({
+  llmId: z.number(),
+  metaPropertyId: z.number().optional(),
+  name: z.string().optional(),
+  value: z.string(),
+  note: z.string().optional(),
+  type: z.nativeEnum(MetaPropertyType).optional(),
+  sourceDescription: z.string(),
+})
+
+interface InputExistingProperty {
+  llmId: number
+  sourceDescription: string
+  value: string
+  note?: string
+  metaPropertyId: number
+}
+
+interface InputNewProperty {
+  llmId: number
+  value: string
+  sourceDescription: string
+  name: string
+  note?: string
+  type: MetaPropertyType
+}
+
+type RequestAddInput = InputNewProperty | InputExistingProperty
+
+export type RequestAddResult =
+  | {
+      success: true
+    }
+  | {
+      success: false
+      message: string
+    }
+
+export default async function requestAddField(
+  requestAddArgs: RequestAddInput,
+): Promise<RequestAddResult> {
+  const res = await getSession()
+
+  try {
+    if (!res.user) throw new Error("Unauthorized")
+
+    const input = requestAddInput.parse(requestAddArgs) as RequestAddInput
+
+    console.log(input)
+
+    const llm = await prisma.lLM.findFirst({
+      where: {
+        id: input.llmId,
+      },
+    })
+
+    if (!llm) throw new Error("LLM Not Found")
+
+    if ("metaPropertyId" in input) {
+      const metaProperty = await prisma.metaProperty.findFirst({
+        where: {
+          id: input.metaPropertyId,
+        },
+      })
+
+      if (!metaProperty) throw new Error("Existing Meta Property not found")
+
+      await prisma.changeRequest.create({
+        data: {
+          llmId: input.llmId,
+          type: ChangeRequestType.add,
+          userId: res.user.id,
+          sourceDescription: input.sourceDescription,
+          newValue: input.value,
+          newNote: input.note,
+          metaPropertyId: metaProperty.id,
+        },
+      })
+
+      return {
+        success: true,
+      }
+    }
+
+    const metaProperty = await prisma.metaProperty.create({
+      data: { type: input.type, name: input.name },
+    })
+
+    await prisma.changeRequest.create({
+      data: {
+        llmId: input.llmId,
+        type: ChangeRequestType.add,
+        userId: res.user.id,
+        sourceDescription: input.sourceDescription,
+        newValue: input.value,
+        newNote: input.note,
+        metaPropertyId: metaProperty.id,
+      },
+    })
+
+    return {
+      success: true,
+    }
+  } catch (e) {
+    return { success: false, message: formatError(e) }
+  }
+}
diff --git a/app/llms/components/LLMOverlay/dialogs/actions/request-change.ts b/app/llms/components/LLMOverlay/dialogs/actions/request-change.ts
new file mode 100644
index 0000000..eadd160
--- /dev/null
+++ b/app/llms/components/LLMOverlay/dialogs/actions/request-change.ts
@@ -0,0 +1,78 @@
+"use server"
+
+import { formatError } from "@/lib/errors"
+import prisma from "@/lib/server/prisma"
+import { getSession } from "@/lib/server/utils/session"
+import { ChangeRequest, ChangeRequestType } from "@prisma/client"
+import { z } from "zod"
+
+const requestChangeInput = z.object({
+  llmId: z.number(),
+  fieldId: z.number(),
+  value: z.string().nullable(),
+  note: z.string().nullable(),
+  sourceDescription: z.string(),
+})
+
+export type RequestAddResult =
+  | {
+      success: true
+    }
+  | {
+      success: false
+      message: string
+    }
+
+export default async function requestChangeField(
+  requestAddArgs: z.infer<typeof requestChangeInput>,
+): Promise<RequestAddResult> {
+  const res = await getSession()
+
+  try {
+    if (!res.user) throw new Error("Unauthorized")
+
+    const { llmId, fieldId, value, note, sourceDescription } =
+      requestChangeInput.parse(requestAddArgs)
+
+    const llm = await prisma.lLM.findFirst({
+      where: {
+        id: llmId,
+      },
+      include: {
+        fields: true,
+      },
+    })
+
+    if (!llm) throw new Error("LLM Not Found")
+
+    const fieldToChange = llm.fields.find(f => f.id === fieldId)
+
+    if (!fieldToChange) throw new Error("Field not found")
+
+    const changeRequestData: Omit<
+      ChangeRequest,
+      "id" | "createdAt" | "status"
+    > = {
+      llmId,
+      fieldId,
+      type: ChangeRequestType.edit,
+      userId: res.user.id,
+      sourceDescription,
+      newValue: fieldToChange.value,
+      newNote: fieldToChange.note,
+      metaPropertyId: fieldToChange.metaPropertyId,
+    }
+
+    if (note && typeof note === "string") changeRequestData.newNote = note
+
+    if (value && typeof value === "string") changeRequestData.newValue = value
+
+    await prisma.changeRequest.create({ data: changeRequestData })
+
+    return {
+      success: true,
+    }
+  } catch (e) {
+    return { success: false, message: formatError(e) }
+  }
+}
diff --git a/app/llms/components/LLMOverlay/dialogs/actions/request-deletion.ts b/app/llms/components/LLMOverlay/dialogs/actions/request-deletion.ts
new file mode 100644
index 0000000..b9319fd
--- /dev/null
+++ b/app/llms/components/LLMOverlay/dialogs/actions/request-deletion.ts
@@ -0,0 +1,67 @@
+"use server"
+
+import { formatError } from "@/lib/errors"
+import prisma from "@/lib/server/prisma"
+import { getSession } from "@/lib/server/utils/session"
+import { ChangeRequestType } from "@prisma/client"
+import { z } from "zod"
+
+const requestDeleteInput = z.object({
+  llmId: z.number(),
+  fieldId: z.number(),
+  sourceDescription: z.string(),
+})
+
+export type RequestAddResult =
+  | {
+      success: true
+    }
+  | {
+      success: false
+      message: string
+    }
+
+export default async function requestDeleteField(
+  requestDeleteArgs: z.infer<typeof requestDeleteInput>,
+): Promise<RequestAddResult> {
+  const res = await getSession()
+
+  try {
+    if (!res.user) throw new Error("Unauthorized")
+
+    const { fieldId, llmId, sourceDescription } =
+      requestDeleteInput.parse(requestDeleteArgs)
+
+    const llm = await prisma.lLM.findFirst({
+      where: {
+        id: llmId,
+      },
+      include: {
+        fields: true,
+      },
+    })
+
+    if (!llm) throw new Error("LLM Not Found")
+
+    const fieldToDelete = llm.fields.find(f => f.id === fieldId)
+
+    if (!fieldToDelete) throw new Error("Field not found")
+
+    await prisma.changeRequest.create({
+      data: {
+        llmId,
+        type: ChangeRequestType.delete,
+        userId: res.user.id,
+        fieldId,
+        sourceDescription: sourceDescription,
+        metaPropertyId: fieldToDelete.metaPropertyId,
+      },
+    })
+
+    return {
+      success: true,
+    }
+  } catch (e) {
+    return { success: false, message: formatError(e) }
+  }
+}
diff --git a/app/llms/components/LLMOverlay/index.tsx b/app/llms/components/LLMOverlay/index.tsx
index ff87ff5..cd1bedd 100644
--- a/app/llms/components/LLMOverlay/index.tsx
+++ b/app/llms/components/LLMOverlay/index.tsx
@@ -3,30 +3,51 @@
 import { removeContributor } from "@/app/admin/actions/remove-contributor"
 import { removeLLM } from "@/app/admin/actions/remove-llm"
 import { LLMWithRelations } from "@/app/api/search/types"
+import ChangeRequestItem from "@/app/changes/components/ChangeRequestItem"
 import { useCurrentUser } from "@/components/providers/CurrentUserProvider"
 import { Button } from "@/components/ui/button"
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
-  DropdownMenuTrigger
+  DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu"
 import Flex from "@/components/ui/flex"
 import { Sheet, SheetContent } from "@/components/ui/sheet"
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
 import Text from "@/components/ui/text"
-import { User, Vote } from "@prisma/client"
+import {
+  ChangeRequest,
+  ChangeRequestVote,
+  Field,
+  LLM,
+  MetaProperty,
+  User,
+  Vote,
+} from "@prisma/client"
 import { useQuery } from "@tanstack/react-query"
 import { ExternalLinkIcon, MoreVerticalIcon } from "lucide-react"
 import { usePathname, useRouter, useSearchParams } from "next/navigation"
 import { useEffect, useState } from "react"
-import FieldTable from "../FieldTable"
+import { styled } from "react-tailwind-variants"
 import ErrorState from "./Error"
+import Fields from "./Fields"
 import Header from "./Header"
 import Loading from "./Loading"
-import VoteSection from "./VoteSection"
 import Votes from "./Votes"
 
+export type ChangeRequestWithVote = ChangeRequest & {
+  user: User
+  votes: Array<ChangeRequestVote & { user: User }>
+  field?: Field | null
+  metaProperty: MetaProperty
+  llm: LLM
+}
+
+export type OverlayLLM = LLMWithRelations<Vote & { user: User }> & {
+  changeRequests: Array<ChangeRequestWithVote>
+}
+
 export default function LLMOverlay() {
   const params = useSearchParams()
   const router = useRouter()
@@ -34,7 +55,7 @@ export default function LLMOverlay() {
   const currentUser = useCurrentUser()
 
   const [isOpen, setIsOpen] = useState(false)
-  const [tab, setTab] = useState<"votes" | "vote">("votes")
+  const [tab, setTab] = useState<"status" | "changes">("status")
 
   const llmId = params.get("llm")
 
@@ -42,8 +63,8 @@ export default function LLMOverlay() {
     data: llm,
     isLoading,
     error,
-    refetch
-  } = useQuery<LLMWithRelations<Vote & { user: User }>>({
+    refetch,
+  } = useQuery<OverlayLLM>({
     queryKey: ["llmSheet", llmId],
     queryFn: async () => {
       try {
@@ -58,9 +79,57 @@ export default function LLMOverlay() {
         throw err
       }
     },
-    retry: false
+    retry: false,
   })
 
+  const handleAdminRemoveLLM = async () => {
+    if (!llm) return
+
+    const reason = prompt(
+      "Please provide a reason why you are removing the LLM",
+    )
+
+    if (!reason) return
+
+    const res = await removeLLM({ llmId: llm.id, reason })
+
+    if (res.success) {
+      setIsOpen(false)
+      window.location.href = "/llms"
+    } else alert(res.message)
+  }
+
+  const handleAdminRemoveLLMAndContributor = async () => {
+    if (!llm) return
+
+    const reason = prompt(
+      "Please provide a reason why you are removing the LLM and contributor",
+    )
+
+    if (!reason) return
+
+    const res1 = await removeLLM({ llmId: llm.id, reason })
+
+    if (res1.message) {
+      alert(res1.message)
+
+      return
+    }
+
+    const res2 = await removeContributor({
+      userId: llm.user.id,
+      reason,
+    })
+
+    if (res2.message) {
+      alert(res2.message)
+
+      return
+    }
+
+    window.location.href = "/llms"
+  }
+
   useEffect(() => {
     if (Boolean(llmId && !isNaN(Number(llmId)))) {
       setIsOpen(true)
@@ -83,15 +152,12 @@ export default function LLMOverlay() {
         {llm && (
           <Flex col gap={4} height="auto">
             <Header>
-              <Text
-                size="lg"
-                weight="semibold"
-                multiline
-                maxLines={2}
-                className="grow"
-              >
-                {llm.name}
-              </Text>
+              <Flex grow align="center" gap={2}>
+                <Text size="lg" weight="semibold" multiline maxLines={2}>
+                  {llm.name}
+                </Text>
+                <StatusBadge status={llm.status}>{llm.status}</StatusBadge>
+              </Flex>
 
               {currentUser?.role === "admin" && (
                 <DropdownMenu>
@@ -101,53 +167,11 @@ export default function LLMOverlay() {
                     </Button>
                   </DropdownMenuTrigger>
                   <DropdownMenuContent>
-                    <DropdownMenuItem
-                      onSelect={async () => {
-                        const reason = prompt(
-                          "Please provide a reason why you are removing the LLM"
-                        )
-
-                        if (!reason) return
-
-                        const res = await removeLLM({ llmId: llm.id, reason })
-
-                        if (res.success) {
-                          setIsOpen(false)
-                          window.location.href = "/llms"
-                        } else alert(res.message)
-                      }}
-                    >
+                    <DropdownMenuItem onSelect={handleAdminRemoveLLM}>
                       Remove LLM
                     </DropdownMenuItem>
                     <DropdownMenuItem
-                      onSelect={async () => {
-                        const reason = prompt(
-                          "Please provide a reason why you are removing the LLM and contributor"
-                        )
-
-                        if (!reason) return
-
-                        const res1 = await removeLLM({ llmId: llm.id, reason })
-
-                        if (res1.message) {
-                          alert(res1.message)
-
-                          return
-                        }
-
-                        const res2 = await removeContributor({
-                          userId: llm.user.id,
-                          reason
-                        })
-
-                        if (res2.message) {
-                          alert(res2.message)
-
-                          return
-                        }
-
-                        window.location.href = "/llms"
-                      }}
+                      onSelect={handleAdminRemoveLLMAndContributor}
                     >
                       Remove & Revoke Contributor
                     </DropdownMenuItem>
@@ -158,7 +182,7 @@ export default function LLMOverlay() {
 
             <Flex col gap={2}>
               <Text weight="medium">Metadata Fields</Text>
-              <FieldTable fields={llm.fields} />
+              <Fields llm={llm} refetch={refetch} />
             </Flex>
 
             <Flex col gap={2}>
@@ -184,28 +208,54 @@ export default function LLMOverlay() {
 
             <hr />
 
-            <Flex col gap={2}>
-              <Tabs
-                value={tab}
-                onValueChange={t => setTab(t as "votes" | "vote")}
-              >
-                <TabsList>
-                  <TabsTrigger value="votes">
-                    Votes ({llm.votes.length})
-                  </TabsTrigger>
-                  <TabsTrigger value="vote">Add a Vote</TabsTrigger>
-                </TabsList>
-                <TabsContent value="votes">
-                  <Votes llm={llm} refetch={refetch} />
-                </TabsContent>
-                <TabsContent value="vote">
-                  <VoteSection llm={llm} setTab={setTab} refetch={refetch} />
-                </TabsContent>
-              </Tabs>
-            </Flex>
+            {llm.changeRequests.length > 0 ? (
+              <Flex col gap={2}>
+                <Tabs
+                  value={tab}
+                  onValueChange={t => setTab(t as "status" | "changes")}
+                >
+                  <TabsList>
+                    <TabsTrigger value="status">Votes</TabsTrigger>
+                    <TabsTrigger value="changes">
+                      Change Requests ({llm.changeRequests.length})
+                    </TabsTrigger>
+                  </TabsList>
+                  <TabsContent value="status">
+                    <Flex col gap={1}>
+                      <Votes llm={llm} refetch={refetch} />
+                    </Flex>
+                  </TabsContent>
+                  <TabsContent value="changes">
+                    <Flex col gap={1}>
+                      {llm.changeRequests.map(r => (
+                        <ChangeRequestItem
+                          isOnLLM
+                          key={r.id}
+                          request={r}
+                          refetch={refetch}
+                        />
+                      ))}
+                    </Flex>
+                  </TabsContent>
+                </Tabs>
+              </Flex>
+            ) : (
+              <Votes llm={llm} refetch={refetch} />
+            )}
           </Flex>
         )}
       </SheetContent>
     </Sheet>
   )
 }
+
+export const StatusBadge = styled("div", {
+  base: "rounded-md px-1.5 py-0.5 text-xs",
+  variants: {
+    status: {
+      pending: "bg-amber-500/25 text-amber-300/75",
+      approved: "bg-emerald-500/25 text-emerald-300/75",
+      rejected: "bg-rose-500/25 text-rose-300/75",
+    },
+  },
+})
diff --git a/app/llms/components/LLMSearchFilter.tsx b/app/llms/components/LLMSearchFilter.tsx
index 9c96cb9..9918dbb 100644
--- a/app/llms/components/LLMSearchFilter.tsx
+++ b/app/llms/components/LLMSearchFilter.tsx
@@ -5,14 +5,14 @@ import Flex from "@/components/ui/flex"
 import {
   Popover,
   PopoverContent,
-  PopoverTrigger
+  PopoverTrigger,
 } from "@/components/ui/popover"
 import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"
 import Text from "@/components/ui/text"
 import {
   Tooltip,
   TooltipContent,
-  TooltipTrigger
+  TooltipTrigger,
 } from "@/components/ui/tooltip"
 import { InfoIcon, SlidersHorizontal } from "lucide-react"
 import { Dispatch, SetStateAction } from "react"
@@ -22,7 +22,7 @@ export default function LLMSearchFilter({
   search,
   setSearch,
   searchBy,
-  setSearchBy
+  setSearchBy,
 }: {
   search: Omit<SearchInput, "searchBy" | "limit">
   setSearch: Dispatch<SetStateAction<Omit<SearchInput, "searchBy" | "limit">>>
@@ -58,7 +58,7 @@ export default function LLMSearchFilter({
               onCheckedChange={checked =>
                 setSearchBy({
                   ...searchBy,
-                  sourceDescription: Boolean(checked)
+                  sourceDescription: Boolean(checked),
                 })
               }
             />
@@ -127,7 +127,7 @@ export default function LLMSearchFilter({
             onValueChange={value =>
               setSearch({
                 ...search,
-                status: value as SearchInput["status"]
+                status: value as SearchInput["status"],
               })
             }
           >
@@ -163,5 +163,5 @@ export default function LLMSearchFilter({
 }
 
 const FilterField = styled("div", {
-  base: "flex items-center gap-2 pl-2"
+  base: "flex items-center gap-2 pl-2",
 })
diff --git a/app/llms/content.tsx b/app/llms/content.tsx
index f384895..83dc117 100644
--- a/app/llms/content.tsx
+++ b/app/llms/content.tsx
@@ -17,15 +17,15 @@ export default function LLMsPage() {
   const [searchBy, setSearchBy] = useState<SearchInput["searchBy"]>({
     name: true,
     sourceDescription: true,
-    fields: true
+    fields: true,
   })
   const [search, setSearch] = useState<Omit<SearchInput, "searchBy" | "limit">>(
     {
       query: "",
       advanced: false,
       status: "pending",
-      skip: 0
-    }
+      skip: 0,
+    },
   )
 
   const { data: llms } = useQuery<Array<LLMWithRelations>>({
@@ -35,17 +35,17 @@ export default function LLMsPage() {
         const res = await fetch("/api/search", {
           method: "POST",
           headers: {
-            "Content-Type": "application/json"
+            "Content-Type": "application/json",
           },
           body: JSON.stringify({
             searchBy,
-            ...search
-          })
+            ...search,
+          }),
         })
           .then(res => res.json())
           .catch(err => ({
             success: false,
-            error: (err as Error).message
+            error: (err as Error).message,
           }))
 
         if (res.success) {
@@ -59,7 +59,7 @@ export default function LLMsPage() {
         return []
       }
     },
-    placeholderData: keepPreviousData
+    placeholderData: keepPreviousData,
   })
 
   return (
@@ -95,9 +95,9 @@ export default function LLMsPage() {
 
 const { Content, Header } = {
   Content: styled("div", {
-    base: "flex flex-col gap-4 max-w-3xl self-center min-h-screen h-full w-full p-4"
+    base: "flex flex-col gap-4 max-w-3xl self-center min-h-screen h-full w-full p-4",
   }),
   Header: styled("div", {
-    base: "flex items-center gap-4 justify-between pb-4 border-b-2 border-outline-dimmest"
-  })
+    base: "flex items-center gap-4 justify-between pb-4 border-b-2 border-outline-dimmest",
+  }),
 }
diff --git a/app/llms/llm/route.ts b/app/llms/llm/route.ts
index e9ac7f6..9d160df 100644
--- a/app/llms/llm/route.ts
+++ b/app/llms/llm/route.ts
@@ -20,21 +20,42 @@ export async function GET(req: Request) {
 
     const llm = await prisma.lLM.findFirst({
       where: {
-        id
+        id,
       },
       include: {
         fields: {
           include: {
-            metaProperty: true
-          }
+            metaProperty: true,
+          },
         },
         votes: {
           include: {
-            user: true
-          }
+            user: true,
+          },
         },
-        user: true
-      }
+        changeRequests: {
+          where: {
+            status: "pending",
+          },
+          include: {
+            user: true,
+            votes: {
+              include: {
+                user: true,
+              },
+            },
+            field: true,
+            metaProperty: true,
+            llm: true,
+          },
+          orderBy: {
+            votes: {
+              _count: "desc",
+            },
+          },
+        },
+        user: true,
+      },
     })
 
     if (!llm) {
@@ -43,12 +64,12 @@ export async function GET(req: Request) {
 
     return Response.json({
       data: llm,
-      success: true
+      success: true,
     })
   } catch (e) {
     return Response.json({
       message: formatError(e),
-      success: false
+      success: false,
     })
   }
 }
diff --git a/app/login/content.tsx b/app/login/content.tsx
index 0037c9a..90e0779 100644
--- a/app/login/content.tsx
+++ b/app/login/content.tsx
@@ -31,14 +31,14 @@ export default function LoginPage() {
           tokens.colors.red[600] + "aa",
           tokens.colors.red[600] + "65 20%",
           "transparent 70%",
-          "transparent"
+          "transparent",
         ),
         gr.rRadial(
           "circle at 50% 50%",
           ...gr.stack(
             [colors.clear, `${25 + (1 - p) * 25}vw`],
-            [colors.outline.dimmest, `calc(${25 + (1 - p) * 25}vw + 2px)`]
-          )
+            [colors.outline.dimmest, `calc(${25 + (1 - p) * 25}vw + 2px)`],
+          ),
         ),
         gr.linear(
           90,
@@ -47,8 +47,8 @@ export default function LoginPage() {
             [colors.outline.dimmest, `calc(50% - ${hw - 2}px)`],
             [colors.clear, `calc(50% + ${hw}px)`],
             [colors.outline.dimmest, `calc(50% + ${hw + 2}px)`],
-            [colors.clear, `calc(50% + ${hh + 2}px)`]
-          )
+            [colors.clear, `calc(50% + ${hh + 2}px)`],
+          ),
         ),
         gr.linear(
           ...gr.stack(
@@ -56,18 +56,18 @@ export default function LoginPage() {
             [colors.outline.dimmest, `calc(50% - ${hh - 2}px)`],
             [colors.clear, `calc(50% + ${hh}px)`],
             [colors.outline.dimmest, `calc(50% + ${hh + 2}px)`],
-            [colors.clear, `calc(50% + ${hh + 2}px)`]
-          )
+            [colors.clear, `calc(50% + ${hh + 2}px)`],
+          ),
         ),
-        gr.linear(135, colors.root, "#292524")
+        gr.linear(135, colors.root, "#292524"),
       )
     },
-    [box]
+    [box],
   )
 
   const initialBackground = useMotionValue(gradient(0))
   const background = useSpring(initialBackground, {
-    damping: 25
+    damping: 25,
   })
 
   useEffect(() => {
@@ -83,7 +83,7 @@ export default function LoginPage() {
       animate={{ opacity: 1 }}
       exit={{ opacity: 0 }}
       style={{
-        background
+        background,
       }}
     >
       <Content ref={ref}>
@@ -94,7 +94,7 @@ export default function LoginPage() {
           onClick={async () => {
             setLoading(true)
             await signIn("github", {
-              callbackUrl: "/contribute/join"
+              callbackUrl: "/contribute/join",
             })
           }}
           variant="highlightElevated"
@@ -114,5 +114,5 @@ export default function LoginPage() {
 }
 
 const Content = styled(MotionDiv, {
-  base: "border-2 border-outline-dimmer bg-gradient-to-b from-higher to-root rounded-xl p-6 flex flex-col gap-3 shadow-lg shadow-black/50 max-w-sm min-w-[360px] justify-center items-center"
+  base: "border-2 border-outline-dimmer bg-gradient-to-b from-higher to-root rounded-xl p-6 flex flex-col gap-3 shadow-lg shadow-black/50 max-w-sm min-w-[360px] justify-center items-center",
 })
diff --git a/app/metadata.ts b/app/metadata.ts
index e8f4be5..664ce05 100644
--- a/app/metadata.ts
+++ b/app/metadata.ts
@@ -14,7 +14,7 @@ export const metadata: Metadata = {
   keywords: ["Compare", "LLMs", "AI", "Models"],
   authors: [
     { name: "IroncladDev", url: "https://x.com/IroncladDev" },
-    { name: "Amjad Masad", url: "https://x.com/amasad" }
+    { name: "Amjad Masad", url: "https://x.com/amasad" },
   ],
   applicationName: name,
   creator: "IroncladDev",
@@ -23,13 +23,13 @@ export const metadata: Metadata = {
     card: "summary_large_image",
     title,
     description,
-    images: [coverImage]
+    images: [coverImage],
   },
   robots: {
     "max-image-preview": "large",
     index: true,
     follow: true,
-    nocache: true
+    nocache: true,
   },
   openGraph: {
     title,
@@ -40,9 +40,9 @@ export const metadata: Metadata = {
       {
         url: coverImage,
         width: 1664,
-        height: 1040
-      }
+        height: 1040,
+      },
     ],
-    type: "website"
-  }
+    type: "website",
+  },
 }
diff --git a/app/page.tsx b/app/page.tsx
index 4ca2e2b..6c7a58b 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -18,9 +18,9 @@ export default function Page() {
             tokens.colors.default,
             tokens.colors.default + " 25%",
             tokens.colors.transparent + " 70%",
-            tokens.colors.transparent
-          )
-        )
+            tokens.colors.transparent,
+          ),
+        ),
       }}
     >
       <SelectorContainer>
@@ -33,8 +33,8 @@ export default function Page() {
             tokens.colors.red[500] + "45",
             tokens.colors.red[500] + "15 30%",
             tokens.colors.transparent + " 70%",
-            tokens.colors.transparent
-          )
+            tokens.colors.transparent,
+          ),
         }}
       >
         <FooterLinks>
@@ -74,24 +74,24 @@ const {
   Footer,
   FooterLink,
   FooterLinks,
-  AuthorLink
+  AuthorLink,
 } = {
   Content: styled(Container, {
-    base: "flex flex-col h-screen"
+    base: "flex flex-col h-screen",
   }),
   SelectorContainer: styled("div", {
-    base: "flex flex-col items-center justify-center grow p-4"
+    base: "flex flex-col items-center justify-center grow p-4",
   }),
   Footer: styled("footer", {
-    base: "flex flex-col gap-6 items-center w-full p-8"
+    base: "flex flex-col gap-6 items-center w-full p-8",
   }),
   FooterLinks: styled("div", {
-    base: "flex gap-8 items-center justify-center w-full"
+    base: "flex gap-8 items-center justify-center w-full",
   }),
   FooterLink: styled(Text, {
-    base: "text-accent-dimmer hover:text-accent transition-colors"
+    base: "text-accent-dimmer hover:text-accent transition-colors",
   }),
   AuthorLink: styled("a", {
-    base: "text-accent-dimmer hover:text-accent transition-colors"
-  })
+    base: "text-accent-dimmer hover:text-accent transition-colors",
+  }),
 }
diff --git a/app/submit/actions.ts b/app/submit/actions.ts
index 9c65677..0ecccd4 100644
--- a/app/submit/actions.ts
+++ b/app/submit/actions.ts
@@ -10,13 +10,13 @@ import {
   LLMStatus,
   MetaProperty,
   MetaPropertyType,
-  UserRole
+  UserRole,
 } from "@prisma/client"
 import { EmbedBuilder, WebhookClient } from "discord.js"
 import { z } from "zod"
 
 const webhook = new WebhookClient({
-  url: process.env.DISCORD_WEBHOOK_URL_PUBLIC
+  url: process.env.DISCORD_WEBHOOK_URL_PUBLIC,
 })
 
 export type SubmitReturn = {
@@ -39,7 +39,7 @@ export async function submit(_prevState: SubmitReturn, e: FormData) {
       throw new Error("Unauthorized")
 
     const { name, description, metadata } = formInput.parse(
-      Object.fromEntries(e.entries())
+      Object.fromEntries(e.entries()),
     )
     const meta = z.array(metaField).parse(JSON.parse(metadata))
 
@@ -62,8 +62,8 @@ export async function submit(_prevState: SubmitReturn, e: FormData) {
       },
       {
         names: {} as Record<string, boolean>,
-        hasDuplicates: false
-      }
+        hasDuplicates: false,
+      },
     )
 
     if (hasDuplicates)
@@ -73,10 +73,10 @@ export async function submit(_prevState: SubmitReturn, e: FormData) {
       where: {
         name: {
           equals: name,
-          mode: "insensitive"
+          mode: "insensitive",
         },
-        status: LLMStatus.approved
-      }
+        status: LLMStatus.approved,
+      },
     })
 
     if (existingLLM)
@@ -86,8 +86,8 @@ export async function submit(_prevState: SubmitReturn, e: FormData) {
       data: {
         name,
         sourceDescription: description,
-        userId: user.id
-      }
+        userId: user.id,
+      },
     })
 
     for (const field of meta) {
@@ -97,25 +97,25 @@ export async function submit(_prevState: SubmitReturn, e: FormData) {
             value: String(field.value),
             metaPropertyId: property.id,
             llmId: llm.id,
-            note: field.note
-          }
+            note: field.note,
+          },
         })
 
         await prisma.metaProperty.update({
           where: {
-            id: property.id
+            id: property.id,
           },
           data: {
-            useCount: property.useCount + 1
-          }
+            useCount: property.useCount + 1,
+          },
         })
       }
 
       if (field.property) {
         const existingProperty = await prisma.metaProperty.findFirst({
           where: {
-            id: field.property.id
-          }
+            id: field.property.id,
+          },
         })
 
         // Ensure the existing property matches the field
@@ -129,8 +129,8 @@ export async function submit(_prevState: SubmitReturn, e: FormData) {
         // Avoid creating duplicate properties with the same name
         const existingProperty = await prisma.metaProperty.findFirst({
           where: {
-            name: field.name
-          }
+            name: field.name,
+          },
         })
 
         if (existingProperty) {
@@ -141,8 +141,8 @@ export async function submit(_prevState: SubmitReturn, e: FormData) {
           const property = await prisma.metaProperty.create({
             data: {
               type: field.type,
-              name: field.name
-            }
+              name: field.name,
+            },
           })
 
           await prisma.field.create({
@@ -150,8 +150,8 @@ export async function submit(_prevState: SubmitReturn, e: FormData) {
               value: String(field.value),
               metaPropertyId: property.id,
               llmId: llm.id,
-              note: field.note
-            }
+              note: field.note,
+            },
           })
         }
       }
@@ -170,26 +170,26 @@ export async function submit(_prevState: SubmitReturn, e: FormData) {
     if (meta.length > 5) {
       fieldsToAdd.push({
         name: "...",
-        value: `${meta.length - 5} more`
+        value: `${meta.length - 5} more`,
       })
     }
 
     embed.addFields(fieldsToAdd)
 
     await webhook.send({
-      embeds: [embed]
+      embeds: [embed],
     })
 
     return {
       success: true,
       data: {
-        llm
-      }
+        llm,
+      },
     }
   } catch (e) {
     return {
       success: false,
-      message: formatError(e)
+      message: formatError(e),
     }
   }
 }
@@ -197,7 +197,7 @@ export async function submit(_prevState: SubmitReturn, e: FormData) {
 const metaProperty = z.enum([
   MetaPropertyType.Number,
   MetaPropertyType.String,
-  MetaPropertyType.Boolean
+  MetaPropertyType.Boolean,
 ])
 
 const property = z.object({
@@ -205,7 +205,7 @@ const property = z.object({
   name: z.string(),
   type: metaProperty,
   useCount: z.number(),
-  createdAt: z.string()
+  createdAt: z.string(),
 })
 
 const metaField = z.object({
@@ -213,11 +213,11 @@ const metaField = z.object({
   value: z.union([z.string(), z.number(), z.boolean()]),
   name: z.string().min(1).max(64),
   property: property.nullish(),
-  note: z.string().min(1).max(64).optional()
+  note: z.string().min(1).max(64).optional(),
 })
 
 const formInput = z.object({
   name: z.string().min(3).max(64),
   metadata: z.string(),
-  description: z.string().min(16).max(2048)
+  description: z.string().min(16).max(2048),
 })
diff --git a/app/submit/components/MetaField.tsx b/app/submit/components/MetaField.tsx
index 77304fa..3ed1337 100644
--- a/app/submit/components/MetaField.tsx
+++ b/app/submit/components/MetaField.tsx
@@ -6,13 +6,13 @@ import {
   SelectContent,
   SelectItem,
   SelectTrigger,
-  SelectValue
+  SelectValue,
 } from "@/components/ui/select"
 import Text from "@/components/ui/text"
 import {
   Tooltip,
   TooltipContent,
-  TooltipTrigger
+  TooltipTrigger,
 } from "@/components/ui/tooltip"
 import { MetaProperty, MetaPropertyType } from "@prisma/client"
 import { useQuery } from "@tanstack/react-query"
@@ -26,12 +26,16 @@ export function MetaFieldRow({
   onChange,
   onDelete,
   metadata,
-  field: { value, name, type, property, note }
+  field: { value, name, type, property, note },
+  canChangeName = true,
+  canChangeType = true,
 }: {
   onChange: (args: Partial<MetaField>) => void
-  onDelete: () => void
+  onDelete?: () => void
   metadata: Array<MetaField>
   field: MetaField
+  canChangeName?: boolean
+  canChangeType?: boolean
 }) {
   const valueRef = useRef<HTMLInputElement>(null)
   const selectRef = useRef<HTMLButtonElement>(null)
@@ -43,11 +47,11 @@ export function MetaFieldRow({
     queryKey: ["metadataProperties", name],
     queryFn: async () => {
       const res = await fetch(
-        "/api/meta-search?query=" + encodeURIComponent(name)
+        "/api/meta-search?query=" + encodeURIComponent(name),
       )
 
       return await res.json()
-    }
+    },
   })
 
   const items = useMemo(() => {
@@ -56,11 +60,11 @@ export function MetaFieldRow({
       name,
       type,
       useCount: 0,
-      createdAt: new Date()
+      createdAt: new Date(),
     }
 
     const filteredResults = results?.filter(
-      x => !metadata.some(y => y.property?.id === x.id)
+      x => !metadata.some(y => y.property?.id === x.id),
     )
 
     if (filteredResults && name.length > 2) {
@@ -85,7 +89,7 @@ export function MetaFieldRow({
     getMenuProps,
     getInputProps,
     highlightedIndex,
-    getItemProps
+    getItemProps,
   } = useCombobox({
     items,
     defaultHighlightedIndex: 0,
@@ -96,7 +100,7 @@ export function MetaFieldRow({
           .toLowerCase()
           .replace(/[\s-]+/g, "_")
           .replace(/[^\w_]|_/g, match => (match === "_" ? "_" : ""))
-          .replace(/_+/g, "_")
+          .replace(/_+/g, "_"),
       })
     },
     itemToString: item => (item ? item.name : ""),
@@ -106,14 +110,14 @@ export function MetaFieldRow({
           onChange({
             name,
             type: selectedItem.type,
-            property: null
+            property: null,
           })
           selectRef.current?.focus()
         } else {
           onChange({
             name: selectedItem.name,
             type: selectedItem.type,
-            property: selectedItem
+            property: selectedItem,
           })
 
           if (selectedItem.type === MetaPropertyType.Boolean) {
@@ -125,7 +129,7 @@ export function MetaFieldRow({
           }
         }
       }
-    }
+    },
   })
 
   const handleValueChange = (v: MetaPropertyType) => {
@@ -138,7 +142,7 @@ export function MetaFieldRow({
           ? Boolean(value)
           : v === MetaPropertyType.Number
             ? Number(value) || 0
-            : String(value)
+            : String(value),
     })
   }
 
@@ -157,6 +161,7 @@ export function MetaFieldRow({
             placeholder="key_name"
             required
             groupItem
+            disabled={!canChangeName}
           />
           {typeof note === "string" ? null : (
             <Tooltip>
@@ -203,7 +208,7 @@ export function MetaFieldRow({
         <InputContainer>
           <Select
             value={property ? property.type : type}
-            disabled={!!property}
+            disabled={!!property || !canChangeType}
             onValueChange={handleValueChange}
           >
             <SelectTypeTrigger ref={selectRef}>
@@ -238,7 +243,7 @@ export function MetaFieldRow({
             ref={valueRef}
             onChange={e =>
               onChange({
-                value: e.target.value
+                value: e.target.value,
               })
             }
             hidden={type !== MetaPropertyType.String}
@@ -253,14 +258,16 @@ export function MetaFieldRow({
             hidden={type !== MetaPropertyType.Number}
           />
         </InputContainer>
-        <Button
-          className="border border-outline-dimmest rounded-none h-full"
-          size="icon"
-          type="button"
-          onClick={onDelete}
-        >
-          <XIcon className="w-4 h-4 text-foreground-dimmer" />
-        </Button>
+        {typeof onDelete === "function" && (
+          <Button
+            className="border border-outline-dimmest rounded-none h-full"
+            size="icon"
+            type="button"
+            onClick={onDelete}
+          >
+            <XIcon className="w-4 h-4 text-foreground-dimmer" />
+          </Button>
+        )}
       </MetaFieldContainer>
       {typeof note === "string" && (
         <NoteContainer>
@@ -299,86 +306,86 @@ const {
   DownshiftEmpty,
   ItemsContainer,
   Item,
-  NumberValueInput
+  NumberValueInput,
 } = {
   MetaFieldContainer: styled("div", {
-    base: "flex items-center w-full relative border-x first:border-t last:border-b border-outline-dimmest"
+    base: "flex items-center w-full relative border-x first:border-t last:border-b border-outline-dimmest",
   }),
   InputContainer: styled("div", {
     base: "grow shrink-0 basis-0 w-full !inline-block relative",
     variants: {
       group: {
-        true: "group"
-      }
-    }
+        true: "group",
+      },
+    },
   }),
   DownshiftPopover: styled("div", {
-    base: "w-full max-w-xs rounded-lg border-2 border-outline-dimmer absolute top-12 left-0 bg-default z-10 shadow-lg z-30"
+    base: "w-full max-w-xs rounded-lg border-2 border-outline-dimmer absolute top-12 left-0 bg-default z-10 shadow-lg z-30",
   }),
   ItemsContainer: styled("ul", {
     base: "flex-col hidden",
     variants: {
       visible: {
-        true: "flex"
-      }
-    }
+        true: "flex",
+      },
+    },
   }),
   Item: styled("li", {
     base: "flex gap-2 justify-between px-2 py-1 first:rounded-t-md last:rounded-b-md",
     variants: {
       highlighted: {
-        true: "bg-higher"
-      }
-    }
+        true: "bg-higher",
+      },
+    },
   }),
   DownshiftEmpty: styled("div", {
     base: "gap-2 p-2 items-center justify-center hidden",
     variants: {
       visible: {
-        true: "flex"
-      }
-    }
+        true: "flex",
+      },
+    },
   }),
   NoteContainer: styled("div", {
-    base: "flex w-full border-y border-l border-outline-dimmest"
+    base: "flex w-full border-y border-l border-outline-dimmest",
   }),
   NoteContent: styled("div", {
-    base: "flex justify-start h-6 relative w-[calc(100%/3+32px/3*2)] border-x border-outline-dimmest"
+    base: "flex justify-start h-6 relative w-[calc(100%/3+32px/3*2)] border-x border-outline-dimmest",
   }),
   Input: styled(InputComponent, {
     base: "grow shrink-0 basis-0 rounded-none border",
     variants: {
       groupItem: {
-        true: "group/item"
+        true: "group/item",
       },
       hidden: {
-        true: "hidden"
-      }
-    }
+        true: "hidden",
+      },
+    },
   }),
   SelectTypeTrigger: styled(SelectTrigger, {
     base: "grow shrink-0 basis-0 rounded-none border w-full",
     variants: {
       hidden: {
-        true: "hidden"
-      }
-    }
+        true: "hidden",
+      },
+    },
   }),
   AddNoteButton: styled("button", {
-    base: "absolute right-2 top-1/2 -translate-y-1/2 flex p-1 rounded text-foreground-dimmest hidden group-focus-within:block z-10"
+    base: "absolute right-2 top-1/2 -translate-y-1/2 flex p-1 rounded text-foreground-dimmest hidden group-focus-within:block group-hover:block z-10",
   }),
   NoteInput: styled(InputComponent, {
-    base: "grow shrink-0 basis-0 rounded-none border h-full text-xs text-foreground-dimmer border-0 outline outline-outline-dimmest focus:outline-accent-dimmer z-20"
+    base: "grow shrink-0 basis-0 rounded-none border h-full text-xs text-foreground-dimmer border-0 outline outline-outline-dimmest focus:outline-accent-dimmer z-20",
   }),
   RemoveNoteButton: styled(Button, {
-    base: "rounded-none h-full z-10 border-r border-l-2 border-y-0 hover:border-outline-dimmest"
+    base: "rounded-none h-full z-10 border-r border-l-2 border-y-0 hover:border-outline-dimmest",
   }),
   NumberValueInput: styled(NumberInput, {
     base: "border rounded-none grow shrink-0 basis-0 w-full",
     variants: {
       hidden: {
-        true: "hidden"
-      }
-    }
-  })
+        true: "hidden",
+      },
+    },
+  }),
 }
diff --git a/app/submit/content.tsx b/app/submit/content.tsx
index 03cb73f..800c115 100644
--- a/app/submit/content.tsx
+++ b/app/submit/content.tsx
@@ -26,7 +26,7 @@ export type MetaField = {
 }
 
 export default function Content({
-  commonMeta
+  commonMeta,
 }: {
   commonMeta: MetaProperty[]
 }) {
@@ -43,8 +43,8 @@ export default function Content({
           ? ""
           : m.type === MetaPropertyType.Boolean
             ? true
-            : 0
-    }))
+            : 0,
+    })),
   )
 
   const appendNewField = () => {
@@ -55,8 +55,8 @@ export default function Content({
         type: MetaPropertyType.Number,
         value: "",
         id: Math.random(),
-        property: null
-      }
+        property: null,
+      },
     ])
   }
 
@@ -121,7 +121,7 @@ export default function Content({
                       onChange={(args: Partial<MetaField>) => {
                         setMetadata(newMetadata => {
                           return newMetadata.map((m, j) =>
-                            j === i ? { ...m, ...args } : m
+                            j === i ? { ...m, ...args } : m,
                           )
                         })
                       }}
@@ -230,28 +230,28 @@ const {
   FormFields,
   FormField,
   Label,
-  AgreementContainer
+  AgreementContainer,
 } = {
   MetaHeaders: styled("div", {
-    base: "flex items-center ml-3 w-[calc(100%-70px)]"
+    base: "flex items-center ml-3 w-[calc(100%-70px)]",
   }),
   MetaPropertyContainer: styled("div", {
-    base: "flex flex-col mx-3"
+    base: "flex flex-col mx-3",
   }),
   EmptyMetaContainer: styled("div", {
-    base: "flex flex-col p-4 items-center justify-center border-2 border-dashed border-outline-dimmer min-h-[160px] rounded-lg gap-2"
+    base: "flex flex-col p-4 items-center justify-center border-2 border-dashed border-outline-dimmer min-h-[160px] rounded-lg gap-2",
   }),
   FormContent: styled("form", {
-    base: "w-full max-w-3xl flex flex-col gap-4 py-6 px-4"
+    base: "w-full max-w-3xl flex flex-col gap-4 py-6 px-4",
   }),
   FormFields: styled("div", { base: "flex flex-col" }),
   FormField: styled("div", {
-    base: "flex flex-col gap-1 p-2 w-full"
+    base: "flex flex-col gap-1 p-2 w-full",
   }),
   Label: styled("label", {
-    base: "text-lg font-medium text-foreground-dimmer pl-2"
+    base: "text-lg font-medium text-foreground-dimmer pl-2",
   }),
   AgreementContainer: styled("label", {
-    base: "flex items-center gap-2 pl-3"
-  })
+    base: "flex items-center gap-2 pl-3",
+  }),
 }
diff --git a/app/submit/page.tsx b/app/submit/page.tsx
index 9e52b78..26b0d80 100644
--- a/app/submit/page.tsx
+++ b/app/submit/page.tsx
@@ -16,9 +16,9 @@ export default async function Page() {
 
   const commonMeta = await prisma.metaProperty.findMany({
     orderBy: {
-      useCount: "desc"
+      useCount: "desc",
     },
-    take: 3
+    take: 3,
   })
 
   return <Content commonMeta={commonMeta || []} />
diff --git a/components/NumberInput.tsx b/components/NumberInput.tsx
index 701702a..8470cc5 100644
--- a/components/NumberInput.tsx
+++ b/components/NumberInput.tsx
@@ -63,11 +63,11 @@ NumberInput.displayName = "NumberInput"
 
 const { Container, AlertButton } = {
   Container: styled("div", {
-    base: "flex basis-[33px] shrink-0 w-full grow relative items-center"
+    base: "flex basis-[33px] shrink-0 w-full grow relative items-center",
   }),
   AlertButton: styled("button", {
-    base: "absolute right-2 text-amber-500 bg-amber-500/15 hover:bg-amber-500/25 hover:text-amber-400 p-1 rounded-md"
-  })
+    base: "absolute right-2 text-amber-500 bg-amber-500/15 hover:bg-amber-500/25 hover:text-amber-400 p-1 rounded-md",
+  }),
 }
 
 export default NumberInput
diff --git a/components/container.tsx b/components/container.tsx
index aee48a5..5230291 100644
--- a/components/container.tsx
+++ b/components/container.tsx
@@ -5,22 +5,22 @@ export const Container = styled("div", {
   base: "min-h-screen flex flex-col w-screen",
   variants: {
     center: {
-      true: "items-center justify-center"
-    }
+      true: "items-center justify-center",
+    },
   },
   defaultVariants: {
-    center: false
-  }
+    center: false,
+  },
 })
 
 export const MotionContainer = styled(MotionDiv, {
   base: "min-h-screen flex flex-col w-screen",
   variants: {
     center: {
-      true: "items-center justify-center"
-    }
+      true: "items-center justify-center",
+    },
   },
   defaultVariants: {
-    center: false
-  }
+    center: false,
+  },
 })
diff --git a/components/llm-icon.tsx b/components/llm-icon.tsx
index 8b476bd..c2c3da1 100644
--- a/components/llm-icon.tsx
+++ b/components/llm-icon.tsx
@@ -8,19 +8,19 @@ const LLMIcon = styled(Hexagon, {
       accent: "text-accent-dimmer",
       default: "text-foreground",
       dimmer: "text-foreground-dimmer",
-      dimmest: "text-foreground-dimmest"
+      dimmest: "text-foreground-dimmest",
     },
     size: {
       sm: "w-4 h-4",
       default: "w-6 h-6",
       md: "w-8 h-8",
-      lg: "w-12 h-12"
-    }
+      lg: "w-12 h-12",
+    },
   },
   defaultVariants: {
     color: "accent",
-    size: "default"
-  }
+    size: "default",
+  },
 })
 
 export default LLMIcon
diff --git a/components/navbar.tsx b/components/navbar.tsx
index 608efe3..b0ad189 100644
--- a/components/navbar.tsx
+++ b/components/navbar.tsx
@@ -3,10 +3,11 @@
 import { UserRole } from "@prisma/client"
 import {
   ExternalLink,
+  GitPullRequestIcon,
+  HexagonIcon,
   HomeIcon,
-  ListIcon,
   PlusIcon,
-  SettingsIcon
+  SettingsIcon,
 } from "lucide-react"
 import Link from "next/link"
 import { usePathname } from "next/navigation"
@@ -31,11 +32,18 @@ export default function Navbar() {
 
           <NavLink asChild highlighted={pathname === "/llms"}>
             <Link href="/llms">
-              <ListIcon className="w-4 h-4" />
+              <HexagonIcon className="w-4 h-4" />
               LLMs
             </Link>
           </NavLink>
 
+          <NavLink asChild highlighted={pathname === "/changes"}>
+            <Link href="/changes">
+              <GitPullRequestIcon className="w-4 h-4" />
+              Change Requests
+            </Link>
+          </NavLink>
+
           {user.role === UserRole.admin && (
             <NavLink asChild highlighted={pathname === "/admin"}>
               <Link href="/admin">
@@ -76,17 +84,17 @@ export default function Navbar() {
 
 const { Container, Content, NavLink } = {
   Container: styled("div", {
-    base: "flex items-center justify-center p-4 w-full border-b-2 border-b-higher bg-default"
+    base: "flex items-center justify-center p-4 w-full border-b-2 border-b-higher bg-default",
   }),
   Content: styled("div", {
-    base: "max-w-[1024px] flex flex-wrap justify-center items-center divide-x-2 divide-higher gap-y-2"
+    base: "max-w-[1024px] flex flex-wrap justify-center items-center divide-x-2 divide-higher gap-y-2",
   }),
   NavLink: styled("a", {
     base: "text-foreground-dimmer text-xs hover:text-accent-dimmer transition-colors px-4 inline-flex items-center gap-1",
     variants: {
       highlighted: {
-        true: "text-accent"
-      }
-    }
-  })
+        true: "text-accent",
+      },
+    },
+  }),
 }
diff --git a/components/overflow.tsx b/components/overflow.tsx
index 481f439..a826d0c 100644
--- a/components/overflow.tsx
+++ b/components/overflow.tsx
@@ -1,15 +1,15 @@
 import { styled } from "react-tailwind-variants"
 
 const OverflowContainer = styled("div", {
-  base: "grow relative"
+  base: "grow relative",
 })
 
 const OverflowContent = styled("div", {
-  base: "absolute inset-0 flex flex-col overflow-y-auto"
+  base: "absolute inset-0 flex flex-col overflow-y-auto",
 })
 
 export default function OverflowScroll(
-  props: React.ComponentProps<typeof OverflowContent>
+  props: React.ComponentProps<typeof OverflowContent>,
 ) {
   return (
     <OverflowContainer>
diff --git a/components/providers/CurrentUserProvider.tsx b/components/providers/CurrentUserProvider.tsx
index 82111b5..42ac57b 100644
--- a/components/providers/CurrentUserProvider.tsx
+++ b/components/providers/CurrentUserProvider.tsx
@@ -7,7 +7,7 @@ const CurrentUserContext = createContext<User | null>(null)
 
 export function CurrentUserProvider({
   children,
-  user
+  user,
 }: {
   children: ReactNode
   user: User | null
diff --git a/components/providers/QueryClientProvider.tsx b/components/providers/QueryClientProvider.tsx
index 2262920..8f36f7e 100644
--- a/components/providers/QueryClientProvider.tsx
+++ b/components/providers/QueryClientProvider.tsx
@@ -2,13 +2,13 @@
 
 import {
   QueryClient,
-  QueryClientProvider as TanstackQueryClientProvider
+  QueryClientProvider as TanstackQueryClientProvider,
 } from "@tanstack/react-query"
 
 const client = new QueryClient()
 
 export function QueryClientProvider({
-  children
+  children,
 }: {
   children: React.ReactNode
 }) {
diff --git a/components/scroll-section.tsx b/components/scroll-section.tsx
index 4b07598..8673300 100644
--- a/components/scroll-section.tsx
+++ b/components/scroll-section.tsx
@@ -2,13 +2,13 @@ import {
   MotionValue,
   useMotionValue,
   useMotionValueEvent,
-  useScroll
+  useScroll,
 } from "framer-motion"
 import { useRef } from "react"
 
 export default function ScrollSection({
   height,
-  children
+  children,
 }: {
   height: string
   children: (percentage: MotionValue<number>) => React.ReactNode
diff --git a/components/ui/button.tsx b/components/ui/button.tsx
index 8f1a243..67600d3 100644
--- a/components/ui/button.tsx
+++ b/components/ui/button.tsx
@@ -18,19 +18,19 @@ const Button = styled("button", {
       outline:
         "border-2 border-outline-dimmest hover:border-outline-dimmer text-foreground-dimmer",
       outlineHighlight:
-        "border-2 border-outline-dimmest hover:border-red-900/50 hover:border-accent-dimmest"
+        "border-2 border-outline-dimmest hover:border-red-900/50 hover:border-accent-dimmest",
     },
     size: {
       default: "h-10 px-4 py-2",
       sm: "h-8 rounded-md px-2 py-1 text-xs",
       lg: "h-12 rounded-xl px-8 text-base",
-      icon: "h-8 w-8"
-    }
+      icon: "h-8 w-8",
+    },
   },
   defaultVariants: {
     variant: "default",
-    size: "default"
-  }
+    size: "default",
+  },
 })
 
 export { Button }
diff --git a/components/ui/checkbox.tsx b/components/ui/checkbox.tsx
index 8599a77..784e142 100644
--- a/components/ui/checkbox.tsx
+++ b/components/ui/checkbox.tsx
@@ -18,11 +18,11 @@ const Checkbox = React.forwardRef<
 Checkbox.displayName = CheckboxPrimitive.Root.displayName
 
 const CheckboxBase = styled(CheckboxPrimitive.Root, {
-  base: `peer h-5 w-5 shrink-0 rounded border-2 border-outline-dimmer bg-highest disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-accent-dimmest data-[state=checked]:text-foreground data-[state=checked]:border-accent-dimmer transition-colors`
+  base: `peer h-5 w-5 shrink-0 rounded border-2 border-outline-dimmer bg-highest disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-accent-dimmest data-[state=checked]:text-foreground data-[state=checked]:border-accent-dimmer transition-colors`,
 })
 
 const CheckboxIndicator = styled(CheckboxPrimitive.Indicator, {
-  base: `flex items-center justify-center text-current`
+  base: `flex items-center justify-center text-current`,
 })
 
 export { Checkbox }
diff --git a/components/ui/dialog.tsx b/components/ui/dialog.tsx
new file mode 100644
index 0000000..a075ec8
--- /dev/null
+++ b/components/ui/dialog.tsx
@@ -0,0 +1,53 @@
+"use client"
+
+import * as DialogPrimitive from "@radix-ui/react-dialog"
+import { XIcon } from "lucide-react"
+import * as React from "react"
+import { styled } from "react-tailwind-variants"
+import { Button } from "./button"
+
+const Dialog = DialogPrimitive.Root
+
+const DialogTrigger = DialogPrimitive.Trigger
+
+const DialogPortal = DialogPrimitive.Portal
+
+const DialogOverlay = styled(DialogPrimitive.Overlay, {
+  base: `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 outline-none`,
+})
+
+const DialogContent = React.forwardRef<
+  React.ElementRef<typeof DialogContentBase>,
+  React.ComponentPropsWithoutRef<typeof DialogContentBase>
+>(({ children, ...props }, ref) => (
+  <DialogPortal>
+    <DialogOverlay />
+    <DialogContentBase ref={ref} {...props}>
+      {children}
+      <DialogClose asChild>
+        <Button size="icon">
+          <XIcon className="w-4 h-4" />
+          <span className="sr-only">Close</span>
+        </Button>
+      </DialogClose>
+    </DialogContentBase>
+  </DialogPortal>
+))
+DialogContent.displayName = DialogPrimitive.Content.displayName
+
+const DialogContentBase = styled(DialogPrimitive.Content, {
+  base: `fixed left-[50%] top-[50%] z-50 flex flex-col gap-4 w-full max-w-lg translate-x-[-50%] translate-y-[-50%] border border-outline-dimmer bg-default 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`,
+})
+
+const DialogClose = styled(DialogPrimitive.Close, {
+  base: "absolute right-4 top-4",
+})
+
+export {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogOverlay,
+  DialogPortal,
+  DialogTrigger,
+}
diff --git a/components/ui/dropdown-menu.tsx b/components/ui/dropdown-menu.tsx
index 2efb257..0c4dd2a 100644
--- a/components/ui/dropdown-menu.tsx
+++ b/components/ui/dropdown-menu.tsx
@@ -17,23 +17,23 @@ const DropdownMenuContent = styled(DropdownMenuPrimitive.Content, {
   variants: {
     elevated: {
       true: "border-accent-dimmer bg-higher",
-      false: "border-accent-dimmest bg-default"
-    }
-  }
+      false: "border-accent-dimmest bg-default",
+    },
+  },
 })
 
 const DropdownMenuItem = styled(DropdownMenuPrimitive.Item, {
   base: `relative flex w-full cursor-pointer select-none items-center rounded-md py-1.5 pl-8 pr-2 text-sm outline-none text-foreground-dimmer focus:bg-highest focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 transition-colors`,
   variants: {
     inset: {
-      true: "pl-8"
-    }
-  }
+      true: "pl-8",
+    },
+  },
 })
 
 const DropdownMenuCheckboxItemBase = styled(
   DropdownMenuPrimitive.CheckboxItem,
-  extractVariantsConfig(DropdownMenuItem)
+  extractVariantsConfig(DropdownMenuItem),
 )
 
 const DropdownMenuCheckboxItem = React.forwardRef<
@@ -54,7 +54,7 @@ DropdownMenuCheckboxItem.displayName =
 
 const DropdownMenuRadioItemBase = styled(
   DropdownMenuPrimitive.RadioItem,
-  extractVariantsConfig(DropdownMenuItem)
+  extractVariantsConfig(DropdownMenuItem),
 )
 
 const DropdownMenuRadioItem = React.forwardRef<
@@ -82,5 +82,5 @@ export {
   DropdownMenuRadioGroup,
   DropdownMenuRadioItem,
   DropdownMenuSub,
-  DropdownMenuTrigger
+  DropdownMenuTrigger,
 }
diff --git a/components/ui/flex.tsx b/components/ui/flex.tsx
index 33b00ea..6f84652 100644
--- a/components/ui/flex.tsx
+++ b/components/ui/flex.tsx
@@ -10,14 +10,14 @@ const Flex = styled("div", {
       unset: "",
       start: "items-start",
       end: "items-end",
-      center: "items-center"
+      center: "items-center",
     },
     justify: {
       unset: "",
       start: "justify-start",
       end: "justify-end",
       center: "justify-center",
-      between: "justify-between"
+      between: "justify-between",
     },
     gap: {
       unset: "",
@@ -27,7 +27,7 @@ const Flex = styled("div", {
       4: "gap-4",
       6: "gap-6",
       8: "gap-8",
-      16: "gap-16"
+      16: "gap-16",
     },
     p: {
       unset: "",
@@ -37,41 +37,41 @@ const Flex = styled("div", {
       4: "p-4",
       6: "p-6",
       8: "p-8",
-      16: "p-16"
+      16: "p-16",
     },
     center: {
-      true: "justify-center items-center"
+      true: "justify-center items-center",
     },
     row: {
-      true: "flex-row"
+      true: "flex-row",
     },
     col: {
-      true: "flex-col"
+      true: "flex-col",
     },
     grow: {
-      true: "flex-grow"
+      true: "flex-grow",
     },
     wrap: {
-      true: "flex-wrap"
+      true: "flex-wrap",
     },
     noBasis: {
-      true: "basis-0"
+      true: "basis-0",
     },
     shrink: {
       unset: "",
       true: "flex-shrink",
-      false: "flex-shrink-0"
+      false: "flex-shrink-0",
     },
     width: {
       unset: "",
       full: "w-full",
-      auto: "w-auto"
+      auto: "w-auto",
     },
     height: {
       unset: "",
       full: "h-full",
-      auto: "h-auto"
-    }
+      auto: "h-auto",
+    },
   },
   defaultVariants: {
     align: "unset",
@@ -86,8 +86,8 @@ const Flex = styled("div", {
     width: "unset",
     height: "unset",
     p: "unset",
-    noBasis: false
-  }
+    noBasis: false,
+  },
 })
 
 export const MotionFlex = styled(MotionDiv, extractVariantsConfig(Flex))
diff --git a/components/ui/input.tsx b/components/ui/input.tsx
index 191c21b..094b0d8 100644
--- a/components/ui/input.tsx
+++ b/components/ui/input.tsx
@@ -5,15 +5,15 @@ export const Input = styled("input", {
   variants: {
     variant: {
       default: "bg-default text-foreground border-2 border-outline-dimmest",
-      elevated: "bg-higher text-foreground border-2 border-outline-dimmer"
+      elevated: "bg-higher text-foreground border-2 border-outline-dimmer",
     },
     size: {
       default: "h-10 px-4 py-2",
-      lg: "h-12 rounded-xl px-4 text-base"
-    }
+      lg: "h-12 rounded-xl px-4 text-base",
+    },
   },
   defaultVariants: {
     variant: "default",
-    size: "default"
-  }
+    size: "default",
+  },
 })
diff --git a/components/ui/popover.tsx b/components/ui/popover.tsx
index 990497d..24cf44f 100644
--- a/components/ui/popover.tsx
+++ b/components/ui/popover.tsx
@@ -24,7 +24,7 @@ const PopoverContent = React.forwardRef<
 PopoverContent.displayName = PopoverPrimitive.Content.displayName
 
 const PopoverContentBase = styled(PopoverPrimitive.Content, {
-  base: `z-50 max-w-xs rounded-md border border-outline-dimmer bg-higher p-2 text-foreground text-sm shadow-md outline-none 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`
+  base: `z-50 max-w-xs rounded-md border border-outline-dimmer bg-higher p-2 text-foreground text-sm shadow-md outline-none 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`,
 })
 
 export { Popover, PopoverContent, PopoverTrigger }
diff --git a/components/ui/radio-group.tsx b/components/ui/radio-group.tsx
index aabc286..e4f03e5 100644
--- a/components/ui/radio-group.tsx
+++ b/components/ui/radio-group.tsx
@@ -6,7 +6,7 @@ import * as React from "react"
 import { styled } from "react-tailwind-variants"
 
 const RadioGroup = styled(RadioGroupPrimitive.Root, {
-  base: `grid gap-2`
+  base: `grid gap-2`,
 })
 
 const RadioGroupItem = React.forwardRef<
@@ -24,11 +24,11 @@ const RadioGroupItem = React.forwardRef<
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName
 
 const RadioGroupItemBase = styled(RadioGroupPrimitive.Item, {
-  base: `aspect-square h-4 w-4 rounded-full border-2 border-outline-dimmer data-[state=checked]:border-accent-dimmest text-accent-dimmer disabled:cursor-not-allowed disabled:opacity-50 transition-colors`
+  base: `aspect-square h-4 w-4 rounded-full border-2 border-outline-dimmer data-[state=checked]:border-accent-dimmest text-accent-dimmer disabled:cursor-not-allowed disabled:opacity-50 transition-colors`,
 })
 
 const RadioGroupIndicatorBase = styled(RadioGroupPrimitive.Indicator, {
-  base: `flex items-center justify-center`
+  base: `flex items-center justify-center`,
 })
 
 export { RadioGroup, RadioGroupItem }
diff --git a/components/ui/select.tsx b/components/ui/select.tsx
index a92212c..dec9e39 100644
--- a/components/ui/select.tsx
+++ b/components/ui/select.tsx
@@ -30,13 +30,13 @@ const SelectTriggerBase = styled(SelectPrimitive.Trigger, {
     elevated: {
       true: "bg-higher border-outline-dimmer focus:border-accent-dimmer data-[state=open]:border-accent-dimmer",
       false:
-        "bg-default border-outline-dimmest focus:border-accent-dimmest data-[state=open]:border-accent-dimmer"
+        "bg-default border-outline-dimmest focus:border-accent-dimmest data-[state=open]:border-accent-dimmer",
     },
     small: {
       true: "h-8 rounded-md",
-      false: "h-10 py-2 rounded-lg"
-    }
-  }
+      false: "h-10 py-2 rounded-lg",
+    },
+  },
 })
 
 const SelectScrollUpButton = React.forwardRef<
@@ -50,7 +50,7 @@ const SelectScrollUpButton = React.forwardRef<
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName
 
 const SelectScrollButtonBase = styled(SelectPrimitive.ScrollUpButton, {
-  base: `flex cursor-default items-center justify-center py-1`
+  base: `flex cursor-default items-center justify-center py-1`,
 })
 
 const SelectScrollDownButton = React.forwardRef<
@@ -86,12 +86,12 @@ const SelectViewportBase = styled(SelectPrimitive.Viewport, {
     position: {
       popper: "h-8 w-full",
       item: "",
-      "item-aligned": ""
-    }
+      "item-aligned": "",
+    },
   },
   defaultVariants: {
-    position: "popper"
-  }
+    position: "popper",
+  },
 })
 
 const SelectContentBase = styled(SelectPrimitive.Content, {
@@ -99,18 +99,18 @@ const SelectContentBase = styled(SelectPrimitive.Content, {
   variants: {
     elevated: {
       true: "border-accent-dimmer bg-higher",
-      false: "border-accent-dimmest bg-default"
+      false: "border-accent-dimmest bg-default",
     },
     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",
       item: "",
-      "item-aligned": ""
-    }
+      "item-aligned": "",
+    },
   },
   defaultVariants: {
-    position: "popper"
-  }
+    position: "popper",
+  },
 })
 
 const SelectItem = React.forwardRef<
@@ -130,11 +130,11 @@ const SelectItem = React.forwardRef<
 SelectItem.displayName = SelectPrimitive.Item.displayName
 
 const SelectItemBase = styled(SelectPrimitive.Item, {
-  base: `relative flex w-full cursor-pointer select-none items-center rounded-md py-1.5 pl-8 pr-2 text-sm outline-none text-foreground-dimmer focus:bg-highest focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 transition-colors`
+  base: `relative flex w-full cursor-pointer select-none items-center rounded-md py-1.5 pl-8 pr-2 text-sm outline-none text-foreground-dimmer focus:bg-highest focus:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 transition-colors`,
 })
 
 const SelectItemIndicatorContainer = styled("span", {
-  base: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center"
+  base: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
 })
 
 export {
@@ -145,5 +145,5 @@ export {
   SelectScrollDownButton,
   SelectScrollUpButton,
   SelectTrigger,
-  SelectValue
+  SelectValue,
 }
diff --git a/components/ui/sheet.tsx b/components/ui/sheet.tsx
index 9424094..6e000f6 100644
--- a/components/ui/sheet.tsx
+++ b/components/ui/sheet.tsx
@@ -13,7 +13,7 @@ const SheetClose = SheetPrimitive.Close
 const SheetPortal = SheetPrimitive.Portal
 
 const SheetOverlay = styled(SheetPrimitive.Overlay, {
-  base: `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 outline-none`
+  base: `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 outline-none`,
 })
 
 const SheetContent = React.forwardRef<
@@ -38,12 +38,12 @@ const SheetContentBase = styled(SheetPrimitive.Content, {
         "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
       left: "inset-y-0 left-0 h-full w-full sm:w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-2xl",
       right:
-        "inset-y-0 right-0 h-full w-full sm:w-3/4 sm:border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-2xl"
-    }
+        "inset-y-0 right-0 h-full w-full sm:w-3/4 sm:border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-2xl",
+    },
   },
   defaultVariants: {
-    side: "right"
-  }
+    side: "right",
+  },
 })
 
 export {
@@ -52,5 +52,5 @@ export {
   SheetContent,
   SheetOverlay,
   SheetPortal,
-  SheetTrigger
+  SheetTrigger,
 }
diff --git a/components/ui/skeleton.tsx b/components/ui/skeleton.tsx
index f429570..22a04a1 100644
--- a/components/ui/skeleton.tsx
+++ b/components/ui/skeleton.tsx
@@ -1,7 +1,7 @@
 import { styled } from "react-tailwind-variants"
 
 const Skeleton = styled("div", {
-  base: `animate-pulse rounded-md bg-higher`
+  base: `animate-pulse rounded-md bg-higher`,
 })
 
 export { Skeleton }
diff --git a/components/ui/slider.tsx b/components/ui/slider.tsx
index 68b412c..0d8900b 100644
--- a/components/ui/slider.tsx
+++ b/components/ui/slider.tsx
@@ -4,17 +4,17 @@ import * as RadixSlider from "@radix-ui/react-slider"
 import { styled } from "react-tailwind-variants"
 
 export const Slider = styled(RadixSlider.Root, {
-  base: "relative flex items-center user-select-none touch-action-none w-full h-5"
+  base: "relative flex items-center user-select-none touch-action-none w-full h-5",
 })
 
 export const SliderTrack = styled(RadixSlider.Track, {
-  base: "bg-highest relative grow rounded-full h-2"
+  base: "bg-highest relative grow rounded-full h-2",
 })
 
 export const SliderRange = styled(RadixSlider.Range, {
-  base: "absolute bg-accent-dimmest rounded-full h-full"
+  base: "absolute bg-accent-dimmest rounded-full h-full",
 })
 
 export const SliderThumb = styled(RadixSlider.Thumb, {
-  base: "block w-4 h-4 bg-accent-dimmer rounded-full ring-offset-0 ring-accent-dimmer/25 focus:ring-4 outline-none"
+  base: "block w-4 h-4 bg-accent-dimmer rounded-full ring-offset-0 ring-accent-dimmer/25 focus:ring-4 outline-none",
 })
diff --git a/components/ui/switch.tsx b/components/ui/switch.tsx
index daf1303..7d4d2a5 100644
--- a/components/ui/switch.tsx
+++ b/components/ui/switch.tsx
@@ -15,11 +15,11 @@ const Switch = React.forwardRef<
 Switch.displayName = SwitchPrimitives.Root.displayName
 
 const SwitchBase = styled(SwitchPrimitives.Root, {
-  base: `peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-accent-dimmest data-[state=unchecked]:bg-higher`
+  base: `peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-accent-dimmest data-[state=unchecked]:bg-higher`,
 })
 
 const SwitchThumb = styled(SwitchPrimitives.Thumb, {
-  base: `pointer-events-none block h-5 w-5 rounded-full bg-foreground shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0`
+  base: `pointer-events-none block h-5 w-5 rounded-full bg-foreground shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0`,
 })
 
 export { Switch }
diff --git a/components/ui/tabs.tsx b/components/ui/tabs.tsx
index 78026a0..0852a74 100644
--- a/components/ui/tabs.tsx
+++ b/components/ui/tabs.tsx
@@ -6,15 +6,15 @@ import { styled } from "react-tailwind-variants"
 const Tabs = TabsPrimitive.Root
 
 const TabsList = styled(TabsPrimitive.List, {
-  base: `inline-flex w-full h-8 items-center justify-center p-0 text-foreground-dimmest`
+  base: `inline-flex w-full h-8 items-center justify-center p-0 text-foreground-dimmest`,
 })
 
 const TabsTrigger = styled(TabsPrimitive.Trigger, {
-  base: `grow inline-flex items-center justify-center whitespace-nowrap rounded-t-xl h-8 px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:text-accent border-b-2 border-outline-dimmest data-[state=active]:border-accent-dimmer`
+  base: `grow inline-flex items-center justify-center whitespace-nowrap rounded-t-xl h-8 px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:text-accent border-b-2 border-outline-dimmest data-[state=active]:border-accent-dimmer basis-0`,
 })
 
 const TabsContent = styled(TabsPrimitive.Content, {
-  base: `mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2`
+  base: `mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2`,
 })
 
 export { Tabs, TabsContent, TabsList, TabsTrigger }
diff --git a/components/ui/text.tsx b/components/ui/text.tsx
index 5f2330b..2b14e8a 100644
--- a/components/ui/text.tsx
+++ b/components/ui/text.tsx
@@ -6,8 +6,8 @@ const clean = (dirty: string) =>
   sanitizeHtml(dirty, {
     allowedTags: ["b", "i", "em", "strong", "a", "code", "br", "s", "strike"],
     allowedAttributes: {
-      a: ["href", "target"]
-    }
+      a: ["href", "target"],
+    },
   })
 
 const TextBase = styled("span", {
@@ -21,41 +21,41 @@ const TextBase = styled("span", {
       xl: "text-xl",
       h1: "text-6xl max-md:text-4xl",
       h2: "text-3xl",
-      display: "text-[80px] max-md:text-[40px]"
+      display: "text-[80px] max-md:text-[40px]",
     },
     color: {
       default: "text-foreground",
       dimmer: "text-foreground-dimmer",
       dimmest: "text-foreground-dimmest",
-      inherit: "text-inherit"
+      inherit: "text-inherit",
     },
     weight: {
       default: "font-normal",
       medium: "font-medium",
       semibold: "font-semibold",
-      bold: "font-bold"
+      bold: "font-bold",
     },
     multiline: {
       true: "",
       false: "truncate",
       "clamp-2": "line-clamp-2",
       "clamp-3": "line-clamp-3",
-      "clamp-4": "line-clamp-4"
+      "clamp-4": "line-clamp-4",
     },
     center: {
-      true: "text-center"
+      true: "text-center",
     },
     paragraph: {
-      true: "max-w-[480px]"
-    }
+      true: "max-w-[480px]",
+    },
   },
   defaultVariants: {
     color: "default",
     size: "sm",
     weight: "default",
     multiline: false,
-    center: false
-  }
+    center: false,
+  },
 })
 
 const Text = ({
@@ -74,8 +74,8 @@ const Text = ({
       WebkitLineClamp: maxLines,
       WebkitBoxOrient: "vertical",
       display: "-webkit-box",
-      overflow: "hidden"
-    })
+      overflow: "hidden",
+    }),
   }
 
   if (markdown && typeof children === "string")
@@ -87,7 +87,7 @@ const Text = ({
         }
         style={styleProp}
         dangerouslySetInnerHTML={{
-          __html: clean(marked(children.replace(/\r?\n/g, "<br/>")) as string)
+          __html: clean(marked(children.replace(/\r?\n/g, "<br/>")) as string),
         }}
       />
     )
diff --git a/components/ui/textarea.tsx b/components/ui/textarea.tsx
index 0860267..3eb7bd4 100644
--- a/components/ui/textarea.tsx
+++ b/components/ui/textarea.tsx
@@ -5,14 +5,14 @@ export const Textarea = styled("textarea", {
   variants: {
     variant: {
       default: "bg-default text-foreground border-2 border-outline-dimmest",
-      elevated: "bg-higher text-foreground border-2 border-outline-dimmer"
+      elevated: "bg-higher text-foreground border-2 border-outline-dimmer",
     },
     size: {
-      default: "px-4 py-2"
-    }
+      default: "px-4 py-2",
+    },
   },
   defaultVariants: {
     variant: "default",
-    size: "default"
-  }
+    size: "default",
+  },
 })
diff --git a/components/ui/tooltip.tsx b/components/ui/tooltip.tsx
index 673a7a5..77391b6 100644
--- a/components/ui/tooltip.tsx
+++ b/components/ui/tooltip.tsx
@@ -20,7 +20,7 @@ const TooltipContent = React.forwardRef<
 TooltipContent.displayName = TooltipPrimitive.Content.displayName
 
 const TooltipContentBase = styled(TooltipPrimitive.Content, {
-  base: `z-50 overflow-hidden rounded-md border border-outline-dimmer bg-higher px-3 py-1.5 text-sm text-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`
+  base: `z-50 overflow-hidden rounded-md border border-outline-dimmer bg-higher px-3 py-1.5 text-sm text-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`,
 })
 
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }
diff --git a/hooks/useElementSize.ts b/hooks/useElementSize.ts
index 2eb3f7d..8b5f5e9 100644
--- a/hooks/useElementSize.ts
+++ b/hooks/useElementSize.ts
@@ -2,7 +2,7 @@ import { RefObject, useCallback, useEffect, useRef, useState } from "react"
 
 const useClientRect = <T extends HTMLElement = HTMLElement>(): [
   RefObject<T>,
-  DOMRect | undefined
+  DOMRect | undefined,
 ] => {
   const elementRef = useRef<T | null>(null)
   const [box, setBox] = useState<DOMRect>()
diff --git a/lib/comparison.ts b/lib/comparison.ts
index e337277..d5ff13d 100644
--- a/lib/comparison.ts
+++ b/lib/comparison.ts
@@ -5,7 +5,7 @@ import { MetaPropertyType } from "@prisma/client"
  * Converts an array of LLMs with metadata to a comparable format grouped by field name
  */
 export function toMutualMetadata(
-  llms: LLMWithMetadata[]
+  llms: LLMWithMetadata[],
 ): Array<ComparableFieldGroup> {
   // Create a map of each field name and all its values
   const fieldsMap = new Map<string, Array<[string, ValuesValue]>>()
@@ -24,8 +24,8 @@ export function toMutualMetadata(
             innerLlm.name,
             {
               value: null,
-              type: metaProperty.type
-            }
+              type: metaProperty.type,
+            },
           ])
         })
 
@@ -41,7 +41,7 @@ export function toMutualMetadata(
             : String(value)
 
       const nullSlot = llmValuesMap.findIndex(
-        ([name, { value }]) => name === llm.name && value === null
+        ([name, { value }]) => name === llm.name && value === null,
       )
 
       // If a null slot for the field name exists, populate it. Otherwise, add a new one
@@ -51,8 +51,8 @@ export function toMutualMetadata(
           {
             value: fieldValue,
             note: note || undefined,
-            type: metaProperty.type
-          }
+            type: metaProperty.type,
+          },
         ]
       } else {
         llmValuesMap.push([
@@ -60,8 +60,8 @@ export function toMutualMetadata(
           {
             value: fieldValue,
             note: note || undefined,
-            type: metaProperty.type
-          }
+            type: metaProperty.type,
+          },
         ])
       }
     })
@@ -75,21 +75,21 @@ export function toMutualMetadata(
           ? -1
           : a.value === null && b.value !== null
             ? 1
-            : 0
+            : 0,
       )
       const nonNullCount = valuesArray.filter(
-        ([, v]) => v.value !== null
+        ([, v]) => v.value !== null,
       ).length
 
       return {
         name,
         values: valuesArray,
         nonNullCount,
-        type: valuesArray[0][1].type
+        type: valuesArray[0][1].type,
       }
     })
     .sort(
-      (a, b) => b.nonNullCount - a.nonNullCount
+      (a, b) => b.nonNullCount - a.nonNullCount,
     ) as Array<ComparableFieldGroup>
 
   return sortedFields
@@ -116,7 +116,7 @@ export type ComparableFieldGroup =
     }
 
 type ValuesValue<
-  T extends string | number | boolean = string | number | boolean
+  T extends string | number | boolean = string | number | boolean,
 > = {
   value: T | null
   note?: string
diff --git a/lib/consensus.ts b/lib/consensus.ts
index a5ff219..cccdf01 100644
--- a/lib/consensus.ts
+++ b/lib/consensus.ts
@@ -1,4 +1,4 @@
-import { Vote, VoteStatus } from "@prisma/client"
+import { VoteStatus } from "@prisma/client"
 
 type DetermineConsensusResult =
   | {
@@ -19,12 +19,14 @@ type DetermineConsensusResult =
       rejections: number
     }
 
-export default function determineConsensus<T extends Vote>(
-  votes: Array<T>
-): DetermineConsensusResult {
+export default function determineConsensus<
+  T extends {
+    status: VoteStatus
+  },
+>(votes: Array<T>): DetermineConsensusResult {
   const totalVotes = votes.length
   const approvals = votes.filter(
-    vote => vote.status === VoteStatus.approve
+    vote => vote.status === VoteStatus.approve,
   ).length
   const rejections = totalVotes - approvals
 
@@ -38,7 +40,7 @@ export default function determineConsensus<T extends Vote>(
     return {
       status: isApproved ? "approved" : "rejected",
       approvals,
-      rejections
+      rejections,
     }
   } else {
     // Calculate the number of remaining approvals/rejections needed to reach consensus
@@ -50,7 +52,7 @@ export default function determineConsensus<T extends Vote>(
       remainingApprovals,
       remainingRejections,
       approvals,
-      rejections
+      rejections,
     }
   }
 }
diff --git a/lib/env.ts b/lib/env.ts
index 9acaa53..10595d1 100644
--- a/lib/env.ts
+++ b/lib/env.ts
@@ -10,7 +10,7 @@ const envSchema = z.object({
   DISCORD_WEBHOOK_URL_PUBLIC: z.string(),
   DISCORD_WEBHOOK_URL_ADMIN: z.string(),
   DISCORD_INVITE: z.string().url(),
-  NEXT_PUBLIC_SITE_URL: z.string().url()
+  NEXT_PUBLIC_SITE_URL: z.string().url(),
 })
 
 envSchema.parse(process.env)
diff --git a/lib/gradients.ts b/lib/gradients.ts
index de4e64b..28f4018 100644
--- a/lib/gradients.ts
+++ b/lib/gradients.ts
@@ -19,11 +19,11 @@ function stack(...stops: Array<[string, number | string]>): Array<string> {
 
         return acc
       },
-      [] as Array<[string, number | string]>
+      [] as Array<[string, number | string]>,
     )
     .map(
       ([color, stop]) =>
-        `${color} ${stop + (typeof stop === "number" ? "px" : "")}`
+        `${color} ${stop + (typeof stop === "number" ? "px" : "")}`,
     )
 }
 
@@ -102,7 +102,7 @@ const gr = {
   merge,
   radial,
   rLinear,
-  rRadial
+  rRadial,
 }
 
 export default gr
diff --git a/lib/numbers.ts b/lib/numbers.ts
index 8e2d526..0129709 100644
--- a/lib/numbers.ts
+++ b/lib/numbers.ts
@@ -4,7 +4,7 @@
  * @param {string | number} input - The input to parse.
  */
 export const parseAbbrNumber = (
-  input: string | number
+  input: string | number,
 ): { success: true; value: number } | { success: false; message: string } => {
   if (typeof input === "number") {
     return { success: true, value: input }
@@ -18,7 +18,7 @@ export const parseAbbrNumber = (
     K: 1000,
     M: 1000000,
     B: 1000000000,
-    T: 1000000000000
+    T: 1000000000000,
   }
 
   const unit = input.match(/[KMBT%]$/)?.[0] as keyof typeof units | undefined
@@ -45,7 +45,7 @@ export const abbrNumber = (input: number): string => {
     { threshold: 1000000000000, symbol: "T" },
     { threshold: 1000000000, symbol: "B" },
     { threshold: 1000000, symbol: "M" },
-    { threshold: 1000, symbol: "K" }
+    { threshold: 1000, symbol: "K" },
   ]
 
   const unit = units.find(u => input >= u.threshold)
diff --git a/lib/server/email.ts b/lib/server/email.ts
index 37c3431..3bf104f 100644
--- a/lib/server/email.ts
+++ b/lib/server/email.ts
@@ -14,6 +14,6 @@ type BaseEmailArgs = {
 export const baseEmail = (args: BaseEmailArgs) =>
   juice(
     Handlebars.compile<BaseEmailArgs>(
-      fs.readFileSync("emails/base.html", "utf8")
-    )(args)
+      fs.readFileSync("emails/base.html", "utf8"),
+    )(args),
   )
diff --git a/lib/server/utils/session.ts b/lib/server/utils/session.ts
index 6379fc4..23f5959 100644
--- a/lib/server/utils/session.ts
+++ b/lib/server/utils/session.ts
@@ -13,8 +13,8 @@ export async function getSession() {
   const user = email
     ? await prisma.user.findFirst({
         where: {
-          email
-        }
+          email,
+        },
       })
     : null
 
diff --git a/next.config.js b/next.config.js
index 7f7b15d..74e6cc4 100644
--- a/next.config.js
+++ b/next.config.js
@@ -6,19 +6,19 @@ module.exports = {
     // Set up the alias for handlebars
     config.resolve.alias["handlebars"] = path.resolve(
       __dirname,
-      "node_modules/handlebars/dist/handlebars.js"
+      "node_modules/handlebars/dist/handlebars.js",
     )
 
     // For Discord.js to work in Server Actions
     config.module.rules.push({
       test: /zlib_sync\.node$/,
-      use: "node-loader"
+      use: "node-loader",
     })
 
     // Make sure to return the modified config
     return config
   },
   env: {
-    NEXT_PUBLIC_SITE_URL: process.env.NEXT_PUBLIC_SITE_URL
-  }
+    NEXT_PUBLIC_SITE_URL: process.env.NEXT_PUBLIC_SITE_URL,
+  },
 }
diff --git a/postcss.config.js b/postcss.config.js
index 85f717c..33ad091 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,6 +1,6 @@
 module.exports = {
   plugins: {
     tailwindcss: {},
-    autoprefixer: {}
-  }
+    autoprefixer: {},
+  },
 }
diff --git a/prisma/migrations/20240406162436_change_requests/migration.sql b/prisma/migrations/20240406162436_change_requests/migration.sql
new file mode 100644
index 0000000..43d4537
--- /dev/null
+++ b/prisma/migrations/20240406162436_change_requests/migration.sql
@@ -0,0 +1,47 @@
+-- CreateEnum
+CREATE TYPE "ChangeRequestType" AS ENUM ('add', 'edit', 'delete');
+
+-- DropIndex
+DROP INDEX "LLM_name_key";
+
+-- CreateTable
+CREATE TABLE "ChangeRequest" (
+    "id" SERIAL NOT NULL,
+    "llmId" INTEGER NOT NULL,
+    "userId" INTEGER NOT NULL,
+    "fieldId" INTEGER,
+    "newValue" TEXT,
+    "type" "ChangeRequestType" NOT NULL,
+    "sourceDescription" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "status" "LLMStatus" NOT NULL,
+
+    CONSTRAINT "ChangeRequest_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "ChangeRequestVote" (
+    "id" SERIAL NOT NULL,
+    "userId" INTEGER NOT NULL,
+    "changeRequestId" INTEGER NOT NULL,
+    "status" "VoteStatus" NOT NULL,
+    "comment" TEXT,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "ChangeRequestVote_pkey" PRIMARY KEY ("id")
+);
+
+-- AddForeignKey
+ALTER TABLE "ChangeRequest" ADD CONSTRAINT "ChangeRequest_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "ChangeRequest" ADD CONSTRAINT "ChangeRequest_llmId_fkey" FOREIGN KEY ("llmId") REFERENCES "LLM"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "ChangeRequest" ADD CONSTRAINT "ChangeRequest_fieldId_fkey" FOREIGN KEY ("fieldId") REFERENCES "Field"("id") ON DELETE SET NULL ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "ChangeRequestVote" ADD CONSTRAINT "ChangeRequestVote_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "ChangeRequestVote" ADD CONSTRAINT "ChangeRequestVote_changeRequestId_fkey" FOREIGN KEY ("changeRequestId") REFERENCES "ChangeRequest"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
diff --git a/prisma/migrations/20240418132219_realign_changereqs/migration.sql b/prisma/migrations/20240418132219_realign_changereqs/migration.sql
new file mode 100644
index 0000000..a03c21b
--- /dev/null
+++ b/prisma/migrations/20240418132219_realign_changereqs/migration.sql
@@ -0,0 +1,2 @@
+-- AlterTable
+ALTER TABLE "ChangeRequest" ALTER COLUMN "status" SET DEFAULT 'pending';
diff --git a/prisma/migrations/20240420123648_newnote/migration.sql b/prisma/migrations/20240420123648_newnote/migration.sql
new file mode 100644
index 0000000..595cbe0
--- /dev/null
+++ b/prisma/migrations/20240420123648_newnote/migration.sql
@@ -0,0 +1,2 @@
+-- AlterTable
+ALTER TABLE "ChangeRequest" ADD COLUMN     "newNote" TEXT;
diff --git a/prisma/migrations/20240420144500_nocomment_crv/migration.sql b/prisma/migrations/20240420144500_nocomment_crv/migration.sql
new file mode 100644
index 0000000..c2f77d5
--- /dev/null
+++ b/prisma/migrations/20240420144500_nocomment_crv/migration.sql
@@ -0,0 +1,8 @@
+/*
+  Warnings:
+
+  - You are about to drop the column `comment` on the `ChangeRequestVote` table. All the data in the column will be lost.
+
+*/
+-- AlterTable
+ALTER TABLE "ChangeRequestVote" DROP COLUMN "comment";
diff --git a/prisma/migrations/20240423131712_change_req_meta/migration.sql b/prisma/migrations/20240423131712_change_req_meta/migration.sql
new file mode 100644
index 0000000..d55c33d
--- /dev/null
+++ b/prisma/migrations/20240423131712_change_req_meta/migration.sql
@@ -0,0 +1,11 @@
+/*
+  Warnings:
+
+  - Added the required column `metaPropertyId` to the `ChangeRequest` table without a default value. This is not possible if the table is not empty.
+
+*/
+-- AlterTable
+ALTER TABLE "ChangeRequest" ADD COLUMN     "metaPropertyId" INTEGER NOT NULL;
+
+-- AddForeignKey
+ALTER TABLE "ChangeRequest" ADD CONSTRAINT "ChangeRequest_metaPropertyId_fkey" FOREIGN KEY ("metaPropertyId") REFERENCES "MetaProperty"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index c886aaf..a379ae7 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -2,9 +2,9 @@
 // learn more about it in the docs: https://pris.ly/d/prisma-schema
 
 generator client {
-  provider = "prisma-client-js"
+  provider        = "prisma-client-js"
   previewFeatures = ["fullTextSearch"]
-  engineType = "binary"
+  engineType      = "binary"
 }
 
 datasource db {
@@ -19,11 +19,13 @@ model User {
   provider  AuthProvider @default(github)
   role      UserRole     @default(user)
   createdAt DateTime     @default(now())
-  updatedAt DateTime     @updatedAt @default(now())
+  updatedAt DateTime     @default(now()) @updatedAt
 
   // Relations
-  votes     Vote[]
-  llms      LLM[]
+  votes              Vote[]
+  llms               LLM[]
+  changeRequestVotes ChangeRequestVote[]
+  changeRequests     ChangeRequest[]
 }
 
 model Vote {
@@ -35,46 +37,88 @@ model Vote {
   createdAt DateTime   @default(now())
 
   // Relations
-  user      User       @relation(fields: [userId], references: [id])
-  llm       LLM        @relation(fields: [llmId], references: [id])
+  user User @relation(fields: [userId], references: [id])
+  llm  LLM  @relation(fields: [llmId], references: [id])
 }
 
 model LLM {
-  id                 Int       @id @default(autoincrement())
-  name               String
-  sourceDescription  String
-  userId             Int
-  status             LLMStatus @default(pending)
-  createdAt          DateTime  @default(now())
+  id                Int       @id @default(autoincrement())
+  name              String
+  sourceDescription String
+  userId            Int
+  status            LLMStatus @default(pending)
+  createdAt         DateTime  @default(now())
 
   // Relations
-  votes              Vote[]
-  user               User      @relation(fields: [userId], references: [id])
-  fields             Field[]
+  votes          Vote[]
+  user           User            @relation(fields: [userId], references: [id])
+  fields         Field[]
+  changeRequests ChangeRequest[]
 }
 
 model MetaProperty {
-  id        Int        @id @default(autoincrement())
+  id        Int              @id @default(autoincrement())
   name      String
   type      MetaPropertyType
-  useCount  Int        @default(1)
-  createdAt DateTime   @default(now())
+  useCount  Int              @default(1)
+  createdAt DateTime         @default(now())
 
   // Relations
-  fields    Field[]
+  fields        Field[]
+  ChangeRequest ChangeRequest[]
 }
 
 model Field {
-  id             Int          @id @default(autoincrement())
+  id             Int      @id @default(autoincrement())
   metaPropertyId Int
   llmId          Int
   value          String
-  createdAt      DateTime     @default(now())
+  createdAt      DateTime @default(now())
   note           String?
 
   // Relations
-  metaProperty   MetaProperty @relation(fields: [metaPropertyId], references: [id])
-  llm            LLM          @relation(fields: [llmId], references: [id])
+  metaProperty   MetaProperty    @relation(fields: [metaPropertyId], references: [id])
+  llm            LLM             @relation(fields: [llmId], references: [id])
+  ChangeRequests ChangeRequest[]
+}
+
+model ChangeRequest {
+  id                Int               @id @default(autoincrement())
+  llmId             Int
+  userId            Int
+  fieldId           Int?
+  metaPropertyId    Int
+  newValue          String?
+  newNote           String?
+  type              ChangeRequestType
+  sourceDescription String
+  createdAt         DateTime          @default(now())
+  status            LLMStatus         @default(pending)
+
+  // Relations
+  user         User                @relation(fields: [userId], references: [id])
+  llm          LLM                 @relation(fields: [llmId], references: [id])
+  field        Field?              @relation(fields: [fieldId], references: [id])
+  metaProperty MetaProperty        @relation(fields: [metaPropertyId], references: [id])
+  votes        ChangeRequestVote[]
+}
+
+model ChangeRequestVote {
+  id              Int        @id @default(autoincrement())
+  userId          Int
+  changeRequestId Int
+  status          VoteStatus
+  createdAt       DateTime   @default(now())
+
+  // Relations
+  user          User          @relation(fields: [userId], references: [id])
+  changeRequest ChangeRequest @relation(fields: [changeRequestId], references: [id])
+}
+
+enum ChangeRequestType {
+  add
+  edit
+  delete
 }
 
 enum AuthProvider {
diff --git a/prisma/seed/changes.ts b/prisma/seed/changes.ts
new file mode 100644
index 0000000..88ebf4c
--- /dev/null
+++ b/prisma/seed/changes.ts
@@ -0,0 +1,113 @@
+import { ChangeRequestType } from "@prisma/client"
+import {
+  adjectives,
+  animals,
+  languages,
+  starWars,
+  uniqueNamesGenerator,
+} from "unique-names-generator"
+import { prisma } from "./client"
+
+export default async function seedChangeRequests() {
+  const llms = await prisma.lLM.findMany({
+    include: {
+      fields: {
+        include: {
+          metaProperty: true,
+        },
+      },
+    },
+  })
+
+  const randomUsers = await prisma.user.findMany({
+    take: 10,
+  })
+
+  const getRandomUser = () =>
+    randomUsers[Math.floor(Math.random() * randomUsers.length)]
+
+  const generateDescription = () =>
+    uniqueNamesGenerator({
+      dictionaries: [adjectives, languages, starWars],
+      separator: " ",
+      style: "lowerCase",
+    })
+
+  const generateNote = () =>
+    uniqueNamesGenerator({
+      dictionaries: [animals],
+      style: "lowerCase",
+    })
+
+  for (const llm of llms) {
+    if (Math.random() > 0.5) continue
+
+    const getRandomField = () =>
+      llm.fields[Math.floor(Math.random() * llm.fields.length)]
+
+    for (let i = 0; i < 5; i++) {
+      const fieldType =
+        Math.random() < 0.33
+          ? ChangeRequestType.add
+          : Math.random() < 0.66
+            ? ChangeRequestType.edit
+            : ChangeRequestType.delete
+
+      let f = getRandomField()
+
+      switch (fieldType) {
+        case ChangeRequestType.add:
+          await prisma.changeRequest.create({
+            data: {
+              llmId: f.llmId,
+              type: ChangeRequestType.add,
+              userId: getRandomUser().id,
+              sourceDescription: generateDescription(),
+              newValue: String(
+                f.metaProperty.type === "Number"
+                  ? Math.floor(Math.random() * 1000)
+                  : f.metaProperty.type === "Boolean"
+                    ? "true"
+                    : generateNote(),
+              ),
+              newNote: generateNote(),
+              metaPropertyId: f.metaPropertyId,
+            },
+          })
+          break
+        case ChangeRequestType.edit:
+          await prisma.changeRequest.create({
+            data: {
+              llmId: f.llmId,
+              fieldId: f.id,
+              type: ChangeRequestType.edit,
+              userId: getRandomUser().id,
+              sourceDescription: generateDescription(),
+              newValue: String(
+                f.metaProperty.type === "Number"
+                  ? Math.floor(Math.random() * 1000)
+                  : f.metaProperty.type === "Boolean"
+                    ? "true"
+                    : generateNote(),
+              ),
+              newNote: generateNote(),
+              metaPropertyId: f.metaPropertyId,
+            },
+          })
+          break
+        case ChangeRequestType.delete:
+          await prisma.changeRequest.create({
+            data: {
+              llmId: f.llmId,
+              type: ChangeRequestType.delete,
+              userId: getRandomUser().id,
+              fieldId: f.id,
+              sourceDescription: generateDescription(),
+              metaPropertyId: f.metaPropertyId,
+            },
+          })
+          break
+      }
+    }
+  }
+}
diff --git a/prisma/seed/index.ts b/prisma/seed/index.ts
index 3c1c899..849ab18 100644
--- a/prisma/seed/index.ts
+++ b/prisma/seed/index.ts
@@ -1,3 +1,4 @@
+import seedChangeRequests from "./changes"
 import { prisma } from "./client"
 import seedLLMs from "./llms"
 import seedMeta from "./meta"
@@ -7,6 +8,7 @@ try {
   await seedUsers()
   await seedLLMs()
   await seedMeta()
+  await seedChangeRequests()
 } catch (error) {
   console.error(error)
 } finally {
diff --git a/prisma/seed/llms.ts b/prisma/seed/llms.ts
index ed5430f..cf8e499 100644
--- a/prisma/seed/llms.ts
+++ b/prisma/seed/llms.ts
@@ -5,29 +5,29 @@ import {
   animals,
   languages,
   starWars,
-  uniqueNamesGenerator
+  uniqueNamesGenerator,
 } from "unique-names-generator"
 import { prisma } from "./client"
 
 export default async function seedLLMs() {
   const contributors = await prisma.user.findMany({
     where: {
-      role: UserRole.contributor
-    }
+      role: UserRole.contributor,
+    },
   })
 
   const generateName = () =>
     uniqueNamesGenerator({
       dictionaries: [adjectives, animals],
       separator: " ",
-      style: "capital"
+      style: "capital",
     }) + ` v${Math.floor(Math.random() * 10)}.${Math.floor(Math.random() * 10)}`
 
   const generateDescription = () =>
     uniqueNamesGenerator({
       dictionaries: [adjectives, languages, starWars],
       separator: " ",
-      style: "lowerCase"
+      style: "lowerCase",
     })
 
   const generateVotes = () => {
@@ -38,7 +38,7 @@ export default async function seedLLMs() {
         Math.random() > 0.5 ? VoteStatus.reject : VoteStatus.approve
 
       const commentText = uniqueNamesGenerator({
-        dictionaries: [adjectives]
+        dictionaries: [adjectives],
       })
 
       return {
@@ -50,7 +50,7 @@ export default async function seedLLMs() {
             ? commentText
             : Math.random() > 0.5
               ? commentText
-              : undefined
+              : undefined,
       }
     }) as Array<Vote>
 
@@ -69,9 +69,9 @@ export default async function seedLLMs() {
           userId: contributor.id,
           status,
           votes: {
-            create: votes
-          }
-        }
+            create: votes,
+          },
+        },
       })
     }
   }
diff --git a/prisma/seed/meta.ts b/prisma/seed/meta.ts
index 7b1fba6..10c2939 100644
--- a/prisma/seed/meta.ts
+++ b/prisma/seed/meta.ts
@@ -2,7 +2,7 @@ import { MetaPropertyType } from "@prisma/client"
 import {
   animals,
   languages,
-  uniqueNamesGenerator
+  uniqueNamesGenerator,
 } from "unique-names-generator"
 import { prisma } from "./client"
 
@@ -11,14 +11,14 @@ export default async function seedMeta() {
     uniqueNamesGenerator({
       dictionaries: [languages, animals],
       separator: "_",
-      style: "lowerCase"
+      style: "lowerCase",
     })
 
   await prisma.metaProperty.createMany({
     data: new Array(20).fill(null).map(() => ({
       name: generateName(),
-      type: MetaPropertyType.Number
-    }))
+      type: MetaPropertyType.Number,
+    })),
   })
 
   const allProperties = await prisma.metaProperty.findMany()
@@ -27,7 +27,7 @@ export default async function seedMeta() {
   const addRandomField = async (llmId: number) => {
     const llm = await prisma.lLM.findFirst({
       where: { id: llmId },
-      include: { fields: true }
+      include: { fields: true },
     })
 
     const property =
@@ -41,8 +41,8 @@ export default async function seedMeta() {
       data: {
         value: String(value),
         metaPropertyId: property.id,
-        llmId: llmId
-      }
+        llmId: llmId,
+      },
     })
   }
 
diff --git a/prisma/seed/users.ts b/prisma/seed/users.ts
index 700b0a7..a1ea5c1 100644
--- a/prisma/seed/users.ts
+++ b/prisma/seed/users.ts
@@ -4,7 +4,7 @@ import {
   adjectives,
   animals,
   colors,
-  uniqueNamesGenerator
+  uniqueNamesGenerator,
 } from "unique-names-generator"
 import { prisma } from "./client"
 
@@ -13,20 +13,20 @@ export default async function seedUsers() {
     uniqueNamesGenerator({
       dictionaries: [adjectives, colors, animals],
       separator: "",
-      style: "capital"
+      style: "capital",
     })
 
   const { handle, email } = await inquirer.prompt([
     {
       type: "input",
       name: "handle",
-      message: "Enter your github handle to create the root user"
+      message: "Enter your github handle to create the root user",
     },
     {
       type: "input",
       name: "email",
-      message: "Enter your github email to create the root user"
-    }
+      message: "Enter your github email to create the root user",
+    },
   ])
 
   await prisma.user.upsert({
@@ -35,14 +35,14 @@ export default async function seedUsers() {
       handle,
       provider: "github",
       email,
-      role: UserRole.admin
+      role: UserRole.admin,
     },
     create: {
       handle,
       provider: "github",
       email,
-      role: UserRole.admin
-    }
+      role: UserRole.admin,
+    },
   })
 
   // Create 20 users with the role "user"
@@ -51,9 +51,9 @@ export default async function seedUsers() {
       handle: generateHandle(),
       provider: "github",
       email: `${generateHandle()}@example.com`,
-      role: UserRole.user
+      role: UserRole.user,
     })),
-    skipDuplicates: true
+    skipDuplicates: true,
   })
 
   // Create 20 users with the role "pending"
@@ -62,9 +62,9 @@ export default async function seedUsers() {
       handle: generateHandle(),
       provider: "github",
       email: `${generateHandle()}@example.com`,
-      role: UserRole.pending
+      role: UserRole.pending,
     })),
-    skipDuplicates: true
+    skipDuplicates: true,
   })
 
   // Create 20 users with the role "contributor"
@@ -73,8 +73,8 @@ export default async function seedUsers() {
       handle: generateHandle(),
       provider: "github",
       email: `${generateHandle()}@example.com`,
-      role: UserRole.contributor
+      role: UserRole.contributor,
     })),
-    skipDuplicates: true
+    skipDuplicates: true,
   })
 }
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 9acc69a..1968d1e 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -12,24 +12,24 @@ export const colors = {
     DEFAULT: "#fafafa",
     default: "#fafafa",
     dimmer: "#a1a1aa",
-    dimmest: "#70707e"
+    dimmest: "#70707e",
   },
 
   outline: {
     DEFAULT: "#53535c",
     default: "#53535c",
     dimmer: "#3f3f46",
-    dimmest: "#27272a"
+    dimmest: "#27272a",
   },
 
   accent: {
     DEFAULT: "#f87171",
     default: "#f87171",
     dimmer: "#b53e3e",
-    dimmest: "#8c2a2a"
+    dimmest: "#8c2a2a",
   },
 
-  clear: "transparent"
+  clear: "transparent",
 }
 
 const config = {
@@ -38,7 +38,7 @@ const config = {
     "./pages/**/*.{ts,tsx}",
     "./components/**/*.{ts,tsx}",
     "./app/**/*.{ts,tsx}",
-    "./src/**/*.{ts,tsx}"
+    "./src/**/*.{ts,tsx}",
   ],
   prefix: "",
   theme: {
@@ -46,28 +46,28 @@ const config = {
       center: true,
       padding: "2rem",
       screens: {
-        "2xl": "1400px"
-      }
+        "2xl": "1400px",
+      },
     },
     extend: {
       colors,
       keyframes: {
         "accordion-down": {
           from: { height: "0" },
-          to: { height: "var(--radix-accordion-content-height)" }
+          to: { height: "var(--radix-accordion-content-height)" },
         },
         "accordion-up": {
           from: { height: "var(--radix-accordion-content-height)" },
-          to: { height: "0" }
-        }
+          to: { height: "0" },
+        },
       },
       animation: {
         "accordion-down": "accordion-down 0.2s ease-out",
-        "accordion-up": "accordion-up 0.2s ease-out"
-      }
-    }
+        "accordion-up": "accordion-up 0.2s ease-out",
+      },
+    },
   },
-  plugins: [require("tailwindcss-animate")]
+  plugins: [require("tailwindcss-animate")],
 } satisfies Config
 
 export const tokens = resolveConfig(config).theme