diff --git a/apps/web/package.json b/apps/web/package.json
index 75e525c5..1dd4a432 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -45,6 +45,7 @@
     "@radix-ui/react-select": "^1.2.2",
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-switch": "^1.0.2",
+    "@radix-ui/react-tabs": "^1.1.0",
     "@radix-ui/react-tooltip": "^1.0.5",
     "@react-email/button": "0.0.5",
     "@react-email/container": "0.0.5",
@@ -99,6 +100,7 @@
     "next-themes": "^0.2.1",
     "nextjs-cors": "^2.1.2",
     "nodemailer": "^6.9.1",
+    "nuqs": "^1.17.8",
     "octokit": "^2.0.18",
     "rate-limiter-flexible": "^5.0.3",
     "react": "18.2.0",
diff --git a/apps/web/src/components/DashboardSection.tsx b/apps/web/src/components/DashboardSection.tsx
index 58304d13..a0a64aa7 100644
--- a/apps/web/src/components/DashboardSection.tsx
+++ b/apps/web/src/components/DashboardSection.tsx
@@ -9,7 +9,7 @@ export function DashboardSection({
 }) {
   return (
     <section
-      className={twMerge("rounded-lg bg-secondary px-6 py-3", className)}
+      className={twMerge("rounded-lg bg-secondary p-6 h-full", className)}
     >
       {children}
     </section>
diff --git a/apps/web/src/components/Layout.tsx b/apps/web/src/components/Layout.tsx
index 9d40fdba..5f02ed82 100644
--- a/apps/web/src/components/Layout.tsx
+++ b/apps/web/src/components/Layout.tsx
@@ -96,7 +96,7 @@ export const Layout = ({ children }: { children: ReactNode }) => {
           />
         </nav>
         <main className="relative w-full flex-1 overflow-y-auto overflow-x-hidden text-white">
-          <div className="p-8 lg:p-10">{children}</div>
+          <div className="p-8 lg:p-10 h-full">{children}</div>
         </main>
       </div>
     </>
diff --git a/apps/web/src/components/analytics/EventGraph.tsx b/apps/web/src/components/analytics/EventGraph.tsx
index 200c2274..5b4456dd 100644
--- a/apps/web/src/components/analytics/EventGraph.tsx
+++ b/apps/web/src/components/analytics/EventGraph.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import * as React from "react";
-import { Area, AreaChart, CartesianGrid, XAxis } from "recharts";
+import { LineChart, CartesianGrid, XAxis, YAxis, Line } from "recharts";
 
 import {
   Card,
@@ -52,9 +52,6 @@ export function EventGraph({
     ) as Record<string, { label: string; color: string }>;
 
     return {
-      visitors: {
-        label: "Visitors",
-      },
       ...variantsConfig,
     } satisfies ChartConfig;
   }, [variants]);
@@ -72,7 +69,7 @@ export function EventGraph({
           config={chartConfig}
           className="aspect-auto h-[250px] w-full"
         >
-          <AreaChart data={events}>
+          <LineChart data={events} accessibilityLayer syncId="events">
             <defs>
               {variants.map((variant) => (
                 <linearGradient
@@ -99,34 +96,35 @@ export function EventGraph({
             <CartesianGrid vertical={false} />
             <XAxis
               dataKey="date"
-              tickLine={false}
-              axisLine={false}
+              // tickLine={false}
+              // axisLine={false}
               tickMargin={8}
               minTickGap={32}
               tickFormatter={(value) => {
                 return dayjs(value).format(getFormattingByInterval(interval));
               }}
             />
+            <YAxis />
             <ChartTooltip
-              cursor={false}
               labelFormatter={(value) => {
                 return dayjs(value).format(getFormattingByInterval(interval));
               }}
-              content={<ChartTooltipContent indicator="dot" />}
+              content={<ChartTooltipContent indicator="line" />}
             />
             {variants.map((variant) => (
-              <Area
+              <Line
                 key={variant}
                 dataKey={variant}
-                type="natural"
+                type="monotone"
                 fill={`url(#fill${variant})`}
                 stroke={`var(--color-${variant})`}
-                stackId="a"
+                strokeWidth={2}
+                dot={false}
               />
             ))}
 
             <ChartLegend content={<ChartLegendContent />} />
-          </AreaChart>
+          </LineChart>
         </ChartContainer>
       </CardContent>
     </Card>
diff --git a/apps/web/src/components/ui/tabs.tsx b/apps/web/src/components/ui/tabs.tsx
new file mode 100644
index 00000000..0f63bb78
--- /dev/null
+++ b/apps/web/src/components/ui/tabs.tsx
@@ -0,0 +1,53 @@
+import * as React from "react"
+import * as TabsPrimitive from "@radix-ui/react-tabs"
+
+import { cn } from "lib/utils"
+
+const Tabs = TabsPrimitive.Root
+
+const TabsList = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.List>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.List
+    ref={ref}
+    className={cn(
+      "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
+      className
+    )}
+    {...props}
+  />
+))
+TabsList.displayName = TabsPrimitive.List.displayName
+
+const TabsTrigger = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.Trigger
+    ref={ref}
+    className={cn(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-sm 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]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+      className
+    )}
+    {...props}
+  />
+))
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName
+
+const TabsContent = React.forwardRef<
+  React.ElementRef<typeof TabsPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>
+>(({ className, ...props }, ref) => (
+  <TabsPrimitive.Content
+    ref={ref}
+    className={cn(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      className
+    )}
+    {...props}
+  />
+))
+TabsContent.displayName = TabsPrimitive.Content.displayName
+
+export { Tabs, TabsList, TabsTrigger, TabsContent }
diff --git a/apps/web/src/pages/projects/[projectId]/settings.tsx b/apps/web/src/pages/projects/[projectId]/settings.tsx
index c3ff540a..ce0a7c9d 100644
--- a/apps/web/src/pages/projects/[projectId]/settings.tsx
+++ b/apps/web/src/pages/projects/[projectId]/settings.tsx
@@ -13,24 +13,42 @@ import { Progress } from "components/Progress";
 import { RemoveUserModal } from "components/RemoveUserModal";
 import { Button } from "components/ui/button";
 import { Input } from "components/ui/input";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "components/ui/tabs";
 import dayjs from "dayjs";
 import { getFlagCount } from "lib/flags";
 import { getProjectPaidPlan, useAbbyStripe } from "lib/stripe";
 import { useTracking } from "lib/tracking";
 import type { GetStaticPaths, GetStaticProps } from "next";
 import { useSession } from "next-auth/react";
-import Link from "next/link";
 import { useRouter } from "next/router";
 import type { NextPageWithLayout } from "pages/_app";
 import { type FormEvent, useRef, useState } from "react";
 import { toast } from "react-hot-toast";
 import { getLimitByPlan } from "server/common/plans";
 import { trpc } from "utils/trpc";
+import { parseAsStringLiteral, useQueryState } from "nuqs";
+import Link from "next/link";
+
+const SETTINGS_TABS = {
+  General: "general",
+  Team: "team",
+  Billing: "billing",
+  Danger: "danger",
+} as const;
 
 const SettingsPage: NextPageWithLayout = () => {
   const [userToRemove, setUserToRemove] = useState<User | null>(null);
   const [isShowDeleteModal, setisShowDeleteModal] = useState(false);
   const inviteEmailRef = useRef<HTMLInputElement>(null);
+  const [currentTab, setCurrentTab] = useQueryState(
+    "tab",
+    parseAsStringLiteral([
+      SETTINGS_TABS.General,
+      SETTINGS_TABS.Team,
+      SETTINGS_TABS.Billing,
+      SETTINGS_TABS.Danger,
+    ] as const).withDefault(SETTINGS_TABS.General)
+  );
   const router = useRouter();
   const trackEvent = useTracking();
 
@@ -95,251 +113,278 @@ const SettingsPage: NextPageWithLayout = () => {
   const isPlanWithStripe = projectPlan !== null && projectPlan !== "BETA";
 
   return (
-    <main className="space-y-8 text-pink-50">
+    <main className="space-y-8 text-pink-50 h-full">
       <h1 className="text-3xl font-bold">Project Settings</h1>
       {isLoading || isError ? (
         <FullPageLoadingSpinner />
       ) : (
-        <>
-          <DashboardSection>
-            <DashboardSectionTitle className="mb-8">
-              General Details
-            </DashboardSectionTitle>
-            <div className="flex flex-col space-y-4">
-              <div className="flex">
-                <label className="flex flex-col">
-                  Name
-                  <div className="col flex space-x-5">
+        <Tabs
+          value={currentTab}
+          onValueChange={(newTab) =>
+            setCurrentTab(
+              newTab as (typeof SETTINGS_TABS)[keyof typeof SETTINGS_TABS]
+            )
+          }
+          className="w-full h-full"
+        >
+          <TabsList>
+            {Object.entries(SETTINGS_TABS).map(([key, value]) => (
+              <TabsTrigger key={value} value={value}>
+                {key}
+              </TabsTrigger>
+            ))}
+          </TabsList>
+          <TabsContent value={SETTINGS_TABS.General}>
+            <DashboardSection>
+              <DashboardSectionTitle className="mb-8">
+                General Details
+              </DashboardSectionTitle>
+              <div className="flex flex-col space-y-4">
+                <div className="flex">
+                  <label className="flex flex-col">
+                    Name
+                    <div className="col flex space-x-5">
+                      <Input
+                        ref={projectNameRef}
+                        className="w-52 px-3 py-2"
+                        type="text"
+                        defaultValue={data.project.name}
+                      />
+                      <DashboardButton
+                        className="px-12"
+                        onClick={() => {
+                          if (!projectNameRef.current?.value) return;
+                          updateProjectName({
+                            name: projectNameRef.current?.value,
+                            projectId,
+                          });
+                        }}
+                      >
+                        Save
+                      </DashboardButton>
+                    </div>
+                  </label>
+                </div>
+              </div>
+            </DashboardSection>
+          </TabsContent>
+          <TabsContent value="team">
+            <DashboardSection>
+              <DashboardSectionTitle>Members</DashboardSectionTitle>
+              <DashboardSectionSubtitle>
+                Members have access to this project
+              </DashboardSectionSubtitle>
+              <div className="mt-8 divide-y divide-pink-50/20">
+                {data.project.users.map(({ user, role }) => (
+                  <div key={user.id} className="py-3">
+                    <div className="flex items-center justify-between space-x-2">
+                      <div className="flex space-x-2">
+                        <span>{user.email}</span>
+                        <span
+                          className={clsx(
+                            "rounded-md px-2 py-0.5 text-sm capitalize",
+                            {
+                              "bg-green-400 text-black": role === ROLE.ADMIN,
+                              "bg-orange-200 text-black": role === ROLE.USER,
+                            }
+                          )}
+                        >
+                          {role.toLowerCase()}
+                        </span>
+                      </div>
+                      {role !== ROLE.ADMIN && (
+                        <Button
+                          variant="link"
+                          title="Remove User"
+                          onClick={() => setUserToRemove(user)}
+                        >
+                          Remove User
+                        </Button>
+                      )}
+                    </div>
+                  </div>
+                ))}
+                <form className="pt-4" onSubmit={onInvite}>
+                  <label htmlFor="newUserEmail" className=" font-semibold">
+                    Invite a new User:
+                  </label>
+                  <div className="mt-2 flex space-x-5">
                     <Input
-                      ref={projectNameRef}
-                      className="w-52 px-3 py-2"
-                      type="text"
-                      defaultValue={data.project.name}
-                    />
-                    <DashboardButton
-                      className="px-12"
-                      onClick={() => {
-                        if (!projectNameRef.current?.value) return;
-                        updateProjectName({
-                          name: projectNameRef.current?.value,
-                          projectId,
-                        });
-                      }}
-                    >
-                      Save
-                    </DashboardButton>
+                      ref={inviteEmailRef}
+                      id="newUserEmail"
+                      type="email"
+                      className="w-80 max-w-full"
+                      placeholder="abby@tryabby.com"
+                    />{" "}
+                    <DashboardButton className="px-12">Invite</DashboardButton>
                   </div>
-                </label>
+                  <small className="mt-1 text-xs text-gray-400">
+                    Note: You can only invite users with an existing account.
+                  </small>
+                </form>
               </div>
-              <p>Current Plan:</p>
-              <div className="flex flex-col space-y-5">
-                <div className="flex w-52 items-center justify-center rounded-lg border bg-background px-3 py-2">
-                  <span>{projectPlan ?? "Free"}</span>
-                </div>
-                <div className="flex space-x-5">
-                  <DashboardButton
-                    className="px-3 py-2"
-                    onClick={async () => {
-                      trackEvent("Plan Upgrade Clicked", {
-                        props: { Plan: "STARTUP" },
-                      });
-                      redirectToCheckout(projectId, "STARTUP");
-                    }}
-                  >
-                    Upgrade to Startup
-                  </DashboardButton>
-                  <DashboardButton
-                    className="px-3"
-                    onClick={async () => {
-                      trackEvent("Plan Upgrade Clicked", {
-                        props: { Plan: "PRO" },
-                      });
-                      redirectToCheckout(projectId, "PRO");
-                    }}
-                  >
-                    Upgrade to Pro
-                  </DashboardButton>
-                  <Link href={`/projects/${projectId}/redeem`}>
-                    <DashboardButton className="px-3 py-2">
-                      Redeem Coupon
-                    </DashboardButton>
-                  </Link>
-                  {data.project.stripeCustomerId !== null &&
-                    projectPlan !== null && (
+            </DashboardSection>
+          </TabsContent>
+          <TabsContent value="billing">
+            <DashboardSection>
+              <DashboardSectionTitle>Usage</DashboardSectionTitle>
+              <DashboardSectionSubtitle className="mb-8">
+                Current Billing Cycle (
+                {dayjs(data.project.currentPeriodEnd)
+                  .subtract(30, "days")
+                  .format("MMM DD")}{" "}
+                - {dayjs(data.project.currentPeriodEnd).format("MMM DD")})
+              </DashboardSectionSubtitle>
+              <div className="flex flex-col space-y-4">
+                <div>
+                  <p>Current Plan:</p>
+                  <div className="flex flex-col space-y-5">
+                    <div className="flex w-52 items-center justify-center rounded-lg border bg-background px-3 py-2">
+                      <span>{projectPlan ?? "Free"}</span>
+                    </div>
+                    <div className="flex space-x-5">
+                      <DashboardButton
+                        className="px-3 py-2"
+                        onClick={async () => {
+                          trackEvent("Plan Upgrade Clicked", {
+                            props: { Plan: "STARTUP" },
+                          });
+                          redirectToCheckout(projectId, "STARTUP");
+                        }}
+                      >
+                        Upgrade to Startup
+                      </DashboardButton>
                       <DashboardButton
                         className="px-3"
                         onClick={async () => {
-                          redirectToBillingPortal(projectId);
+                          trackEvent("Plan Upgrade Clicked", {
+                            props: { Plan: "PRO" },
+                          });
+                          redirectToCheckout(projectId, "PRO");
                         }}
                       >
-                        Manage
+                        Upgrade to Pro
                       </DashboardButton>
-                    )}
-                </div>
-              </div>
-            </div>
-          </DashboardSection>
-          <DashboardSection>
-            <DashboardSectionTitle>Members</DashboardSectionTitle>
-            <DashboardSectionSubtitle>
-              Members have access to this project
-            </DashboardSectionSubtitle>
-            <div className="mt-8 divide-y divide-pink-50/20">
-              {data.project.users.map(({ user, role }) => (
-                <div key={user.id} className="py-3">
-                  <div className="flex items-center justify-between space-x-2">
-                    <div className="flex space-x-2">
-                      <span>{user.email}</span>
-                      <span
-                        className={clsx(
-                          "rounded-md px-2 py-0.5 text-sm capitalize",
-                          {
-                            "bg-green-400 text-black": role === ROLE.ADMIN,
-                            "bg-orange-200 text-black": role === ROLE.USER,
-                          }
+                      <Link href={`/projects/${projectId}/redeem`}>
+                        <DashboardButton className="px-3 py-2">
+                          Redeem Coupon
+                        </DashboardButton>
+                      </Link>
+                      {data.project.stripeCustomerId !== null &&
+                        projectPlan !== null && (
+                          <DashboardButton
+                            className="px-3"
+                            onClick={async () => {
+                              redirectToBillingPortal(projectId);
+                            }}
+                          >
+                            Manage
+                          </DashboardButton>
                         )}
-                      >
-                        {role.toLowerCase()}
-                      </span>
-                    </div>{" "}
-                    {role !== ROLE.ADMIN && (
-                      <Button
-                        variant="link"
-                        title="Remove User"
-                        onClick={() => setUserToRemove(user)}
-                      >
-                        Remove User
-                      </Button>
-                    )}
+                    </div>
                   </div>
                 </div>
-              ))}
-              <form className="pt-4" onSubmit={onInvite}>
-                <label htmlFor="newUserEmail" className=" font-semibold">
-                  Invite a new User:
-                </label>
-                <div className="mt-2 flex space-x-5">
-                  <Input
-                    ref={inviteEmailRef}
-                    id="newUserEmail"
-                    type="email"
-                    className="w-80 max-w-full"
-                    placeholder="abby@tryabby.com"
-                  />{" "}
-                  <DashboardButton className="px-12">Invite</DashboardButton>
+                <div>
+                  <h3 className="mb-1">A/B Tests:</h3>
+                  <Progress
+                    currentValue={data.project.tests.length}
+                    maxValue={limits?.tests ?? Number.POSITIVE_INFINITY}
+                  />
+                  <p className="mt-2">
+                    {data.project.tests.length} /{" "}
+                    {limits?.tests === Number.POSITIVE_INFINITY
+                      ? "∞"
+                      : limits?.tests}{" "}
+                    A/B Test
+                    {data.project.tests.length === 1 ? "" : "s"} used
+                  </p>
+                </div>
+                <div>
+                  <h3 className="mb-1">Flags:</h3>
+                  <Progress
+                    currentValue={getFlagCount(data.project.featureFlags ?? [])}
+                    maxValue={limits?.flags ?? Number.POSITIVE_INFINITY}
+                  />
+                  <p className="mt-2">
+                    {getFlagCount(data.project.featureFlags ?? [])} /{" "}
+                    {limits?.flags === Number.POSITIVE_INFINITY
+                      ? "∞"
+                      : limits?.flags}{" "}
+                    Flag
+                    {getFlagCount(data.project.featureFlags ?? []) === 1
+                      ? ""
+                      : "s"}{" "}
+                    used
+                  </p>
+                </div>
+                <div>
+                  <h3 className="mb-1">Environments:</h3>
+                  <Progress
+                    currentValue={data.project.environments.length}
+                    maxValue={limits?.environments ?? Number.POSITIVE_INFINITY}
+                  />
+                  <p className="mt-2">
+                    {data.project.environments.length} /{" "}
+                    {limits?.environments === Number.POSITIVE_INFINITY
+                      ? "∞"
+                      : limits?.environments}{" "}
+                    Environment
+                    {data.project.environments.length === 1 ? "" : "s"} used
+                  </p>
+                </div>
+                <div>
+                  <h3 className="mb-1">Monthly Events:</h3>
+                  <Progress
+                    currentValue={data.project.eventsThisPeriod}
+                    maxValue={
+                      limits?.eventsPerMonth ?? Number.POSITIVE_INFINITY
+                    }
+                  />
+                  <p className="mt-2">
+                    {data.project.eventsThisPeriod} /{" "}
+                    {limits?.eventsPerMonth === Number.POSITIVE_INFINITY
+                      ? "∞"
+                      : limits?.eventsPerMonth}{" "}
+                    Events
+                  </p>
                 </div>
-                <small className="mt-1 text-xs text-gray-400">
-                  Note: You can only invite users with an existing account.
-                </small>
-              </form>
-            </div>
-          </DashboardSection>
-          <DashboardSection>
-            <DashboardSectionTitle>Usage</DashboardSectionTitle>
-            <DashboardSectionSubtitle className="mb-8">
-              Current Billing Cycle (
-              {dayjs(data.project.currentPeriodEnd)
-                .subtract(30, "days")
-                .format("MMM DD")}{" "}
-              - {dayjs(data.project.currentPeriodEnd).format("MMM DD")})
-            </DashboardSectionSubtitle>
-            <div className="flex flex-col space-y-4">
-              <div>
-                <h3 className="mb-1">A/B Tests:</h3>
-                <Progress
-                  currentValue={data.project.tests.length}
-                  maxValue={limits?.tests ?? Number.POSITIVE_INFINITY}
-                />
-                <p className="mt-2">
-                  {data.project.tests.length} /{" "}
-                  {limits?.tests === Number.POSITIVE_INFINITY
-                    ? "∞"
-                    : limits?.tests}{" "}
-                  A/B Test
-                  {data.project.tests.length === 1 ? "" : "s"} used
-                </p>
-              </div>
-              <div>
-                <h3 className="mb-1">Flags:</h3>
-                <Progress
-                  currentValue={getFlagCount(data.project.featureFlags ?? [])}
-                  maxValue={limits?.flags ?? Number.POSITIVE_INFINITY}
-                />
-                <p className="mt-2">
-                  {getFlagCount(data.project.featureFlags ?? [])} /{" "}
-                  {limits?.flags === Number.POSITIVE_INFINITY
-                    ? "∞"
-                    : limits?.flags}{" "}
-                  Flag
-                  {getFlagCount(data.project.featureFlags ?? []) === 1
-                    ? ""
-                    : "s"}{" "}
-                  used
-                </p>
               </div>
-              <div>
-                <h3 className="mb-1">Environments:</h3>
-                <Progress
-                  currentValue={data.project.environments.length}
-                  maxValue={limits?.environments ?? Number.POSITIVE_INFINITY}
-                />
-                <p className="mt-2">
-                  {data.project.environments.length} /{" "}
-                  {limits?.environments === Number.POSITIVE_INFINITY
-                    ? "∞"
-                    : limits?.environments}{" "}
-                  Environment
-                  {data.project.environments.length === 1 ? "" : "s"} used
+            </DashboardSection>
+          </TabsContent>
+          <TabsContent value="danger">
+            <DashboardSection>
+              <DashboardSectionTitle>Danger Zone</DashboardSectionTitle>
+              <DashboardSectionSubtitle className="mb-8">
+                Delete this project and all of its data
+              </DashboardSectionSubtitle>
+
+              <Button
+                onClick={deleteProject}
+                disabled={
+                  isPlanWithStripe ||
+                  !user?.role ||
+                  user.role !== ROLE.ADMIN ||
+                  session.data?.user?.projectIds === null ||
+                  session.data?.user?.projectIds.length === 1
+                }
+                variant="destructive"
+              >
+                Delete Project
+              </Button>
+              {isPlanWithStripe && (
+                <p className="mt-2 text-sm text-gray-400">
+                  You must downgrade to the free plan before deleting this
+                  project.
                 </p>
-              </div>
-              <div>
-                <h3 className="mb-1">Monthly Events:</h3>
-                <Progress
-                  currentValue={data.project.eventsThisPeriod}
-                  maxValue={limits?.eventsPerMonth ?? Number.POSITIVE_INFINITY}
-                />
-                <p className="mt-2">
-                  {data.project.eventsThisPeriod} /{" "}
-                  {limits?.eventsPerMonth === Number.POSITIVE_INFINITY
-                    ? "∞"
-                    : limits?.eventsPerMonth}{" "}
-                  Events
+              )}
+              {session.data?.user?.projectIds.length === 1 && (
+                <p className="mt-2 text-sm text-gray-400">
+                  You must create a new project before deleting this project.
                 </p>
-              </div>
-            </div>
-          </DashboardSection>
-          <DashboardSection>
-            <DashboardSectionTitle>Danger Zone</DashboardSectionTitle>
-            <DashboardSectionSubtitle className="mb-8">
-              Delete this project and all of its data
-            </DashboardSectionSubtitle>
-
-            <Button
-              onClick={deleteProject}
-              disabled={
-                isPlanWithStripe ||
-                !user?.role ||
-                user.role !== ROLE.ADMIN ||
-                session.data?.user?.projectIds === null ||
-                session.data?.user?.projectIds.length === 1
-              }
-              variant="destructive"
-            >
-              Delete Project
-            </Button>
-            {isPlanWithStripe && (
-              <p className="mt-2 text-sm text-gray-400">
-                You must downgrade to the free plan before deleting this
-                project.
-              </p>
-            )}
-            {session.data?.user?.projectIds.length === 1 && (
-              <p className="mt-2 text-sm text-gray-400">
-                You must create a new project before deleting this project.
-              </p>
-            )}
-          </DashboardSection>
-        </>
+              )}
+            </DashboardSection>
+          </TabsContent>
+        </Tabs>
       )}
       <RemoveUserModal
         isOpen={userToRemove !== null}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d5c8963f..3d7b581b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -154,6 +154,9 @@ importers:
       '@radix-ui/react-switch':
         specifier: ^1.0.2
         version: 1.0.3(@types/react-dom@18.0.5)(@types/react@18.0.14)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-tabs':
+        specifier: ^1.1.0
+        version: 1.1.0(@types/react-dom@18.0.5)(@types/react@18.0.14)(react-dom@18.2.0)(react@18.2.0)
       '@radix-ui/react-tooltip':
         specifier: ^1.0.5
         version: 1.0.6(@types/react-dom@18.0.5)(@types/react@18.0.14)(react-dom@18.2.0)(react@18.2.0)
@@ -316,6 +319,9 @@ importers:
       nodemailer:
         specifier: ^6.9.1
         version: 6.9.3
+      nuqs:
+        specifier: ^1.17.8
+        version: 1.17.8(next@14.1.1)
       octokit:
         specifier: ^2.0.18
         version: 2.0.19
@@ -657,7 +663,7 @@ importers:
         version: link:../tsconfig
       tsup:
         specifier: ^6.5.0
-        version: 6.7.0(typescript@5.5.4)
+        version: 6.7.0(ts-node@10.9.1)(typescript@5.5.4)
       typescript:
         specifier: 5.5.4
         version: 5.5.4
@@ -803,7 +809,7 @@ importers:
         version: link:../tsconfig
       tsup:
         specifier: ^6.5.0
-        version: 6.7.0(typescript@5.5.4)
+        version: 6.7.0(ts-node@10.9.1)(typescript@5.5.4)
       typescript:
         specifier: 5.5.4
         version: 5.5.4
@@ -849,7 +855,7 @@ importers:
         version: link:../tsconfig
       tsup:
         specifier: ^6.5.0
-        version: 6.7.0(typescript@5.5.4)
+        version: 6.7.0(ts-node@10.9.1)(typescript@5.5.4)
       typescript:
         specifier: 5.5.4
         version: 5.5.4
@@ -913,7 +919,7 @@ importers:
         version: link:../tsconfig
       tsup:
         specifier: ^6.5.0
-        version: 6.7.0(typescript@5.5.4)
+        version: 6.7.0(ts-node@10.9.1)(typescript@5.5.4)
       typescript:
         specifier: 5.5.4
         version: 5.5.4
@@ -977,7 +983,7 @@ importers:
         version: link:../tsconfig
       tsup:
         specifier: ^6.5.0
-        version: 6.7.0(typescript@5.5.4)
+        version: 6.7.0(ts-node@10.9.1)(typescript@5.5.4)
       typescript:
         specifier: 5.5.4
         version: 5.5.4
@@ -8495,6 +8501,10 @@ packages:
       '@babel/runtime': 7.23.6
     dev: false
 
+  /@radix-ui/primitive@1.1.0:
+    resolution: {integrity: sha512-4Z8dn6Upk0qk4P74xBhZ6Hd/w0mPEzOOLxy4xiPXOXqjF7jZS0VAKk7/x/H6FyY2zCkYJqePf1G5KmkmNJ4RBA==}
+    dev: false
+
   /@radix-ui/react-arrow@1.0.3(@types/react-dom@18.0.5)(@types/react@18.0.14)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-wSP+pHsB/jQRaL6voubsQ/ZlrGBHHrOjmBnr19hxYgtS0WvAFwZhK2WP/YY5yF9uKECCEEDGxuLxq1NBK51wFA==}
     peerDependencies:
@@ -8564,6 +8574,29 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
+  /@radix-ui/react-collection@1.1.0(@types/react-dom@18.0.5)(@types/react@18.0.14)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-GZsZslMJEyo1VKm5L1ZJY8tGDxZNPAoUeQUIbKeJfoi7Q4kmig5AsgLMYYuyYbfjd8fBmFORAIwYAkXMnXZgZw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.0.14)(react@18.2.0)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.0.14)(react@18.2.0)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.0.5)(@types/react@18.0.14)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-slot': 1.1.0(@types/react@18.0.14)(react@18.2.0)
+      '@types/react': 18.0.14
+      '@types/react-dom': 18.0.5
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@radix-ui/react-compose-refs@1.0.0(react@18.2.0):
     resolution: {integrity: sha512-0KaSv6sx787/hK3eF53iOkiSLwAGlFMx5lotrqD2pTjB18KbybKoEIgkNZTKC60YECDQTKGTRcDBILwZVqVKvA==}
     peerDependencies:
@@ -8587,6 +8620,19 @@ packages:
       react: 18.2.0
     dev: false
 
+  /@radix-ui/react-compose-refs@1.1.0(@types/react@18.0.14)(react@18.2.0):
+    resolution: {integrity: sha512-b4inOtiaOnYf9KWyO3jAeeCG6FeyfY6ldiEPanbUjWd+xIk5wZeHa8yVwmrJ2vderhu/BQvzCrJI0lHd+wIiqw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@types/react': 18.0.14
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-context@1.0.0(react@18.2.0):
     resolution: {integrity: sha512-1pVM9RfOQ+n/N5PJK33kRSKsr1glNxomxONs5c49MliinBY6Yw2Q995qfBUUo0/Mbg05B/sGA0gkgPI7kmSHBg==}
     peerDependencies:
@@ -8610,6 +8656,19 @@ packages:
       react: 18.2.0
     dev: false
 
+  /@radix-ui/react-context@1.1.0(@types/react@18.0.14)(react@18.2.0):
+    resolution: {integrity: sha512-OKrckBy+sMEgYM/sMmqmErVn0kZqrHPJze+Ql3DzYsDDp0hl0L62nx/2122/Bvps1qz645jlcu2tD9lrRSdf8A==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@types/react': 18.0.14
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-dialog@1.0.0(@types/react@18.0.14)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-Yn9YU+QlHYLWwV1XfKiqnGVpWYWk6MeBVM6x/bcoyPvxgjQGoeT35482viLPctTMWoMw0PoHgqfSox7Ig+957Q==}
     peerDependencies:
@@ -8685,6 +8744,19 @@ packages:
       react: 18.2.0
     dev: false
 
+  /@radix-ui/react-direction@1.1.0(@types/react@18.0.14)(react@18.2.0):
+    resolution: {integrity: sha512-BUuBvgThEiAXh2DWu93XsT+a3aWrGqolGlqqw5VU1kG7p/ZH2cuDlM1sRLNnY3QcBS69UIz2mcKhMxDsdewhjg==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@types/react': 18.0.14
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-dismissable-layer@1.0.0(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-n7kDRfx+LB1zLueRDvZ1Pd0bxdJWDUZNQ/GWoxDn2prnuJKRdxsjulejX/ePkOsLi2tTm6P24mDqlMSgQpsT6g==}
     peerDependencies:
@@ -8894,6 +8966,20 @@ packages:
       react: 18.2.0
     dev: false
 
+  /@radix-ui/react-id@1.1.0(@types/react@18.0.14)(react@18.2.0):
+    resolution: {integrity: sha512-EJUrI8yYh7WOjNOqpoJaf1jlFIH2LvtgAl+YcFqNCa+4hj64ZXmPkAKOFs/ukjz3byN6bdb/AVUqHkI8/uWWMA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.0.14)(react@18.2.0)
+      '@types/react': 18.0.14
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-label@2.0.2(@types/react-dom@18.0.5)(@types/react@18.0.14)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-N5ehvlM7qoTLx7nWPodsPYPgMzA5WM8zZChQg8nyFJKnDO5WHdba1vv5/H6IO5LtJMfD2Q3wh1qHFGNtK0w3bQ==}
     peerDependencies:
@@ -9171,6 +9257,27 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
+  /@radix-ui/react-presence@1.1.0(@types/react-dom@18.0.5)(@types/react@18.0.14)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-Gq6wuRN/asf9H/E/VzdKoUtT8GC9PQc9z40/vEr0VCJ4u5XvvhWIrSsCB6vD2/cH7ugTdSfYq9fLJCcM00acrQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.0.14)(react@18.2.0)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.0.14)(react@18.2.0)
+      '@types/react': 18.0.14
+      '@types/react-dom': 18.0.5
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@radix-ui/react-primitive@1.0.0(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-EyXe6mnRlHZ8b6f4ilTDrXmkLShICIuOTTj0GX4w1rp+wSxf3+TD05u1UOITC8VsJ2a9nwHvdXtOXEOl0Cw/zQ==}
     peerDependencies:
@@ -9204,6 +9311,26 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
+  /@radix-ui/react-primitive@2.0.0(@types/react-dom@18.0.5)(@types/react@18.0.14)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@radix-ui/react-slot': 1.1.0(@types/react@18.0.14)(react@18.2.0)
+      '@types/react': 18.0.14
+      '@types/react-dom': 18.0.5
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@radix-ui/react-radio-group@1.1.3(@types/react-dom@18.0.5)(@types/react@18.0.14)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-x+yELayyefNeKeTx4fjK6j99Fs6c4qKm3aY38G3swQVTN6xMpsrbigC0uHs2L//g8q4qR7qOcww8430jJmi2ag==}
     peerDependencies:
@@ -9263,6 +9390,34 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
+  /@radix-ui/react-roving-focus@1.1.0(@types/react-dom@18.0.5)(@types/react@18.0.14)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-EA6AMGeq9AEeQDeSH0aZgG198qkfHSbvWTf1HvoDmOB5bBG/qTxjYMWUKMnYiV6J/iP/J8MEFSuB2zRU2n7ODA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@radix-ui/primitive': 1.1.0
+      '@radix-ui/react-collection': 1.1.0(@types/react-dom@18.0.5)(@types/react@18.0.14)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.0.14)(react@18.2.0)
+      '@radix-ui/react-context': 1.1.0(@types/react@18.0.14)(react@18.2.0)
+      '@radix-ui/react-direction': 1.1.0(@types/react@18.0.14)(react@18.2.0)
+      '@radix-ui/react-id': 1.1.0(@types/react@18.0.14)(react@18.2.0)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.0.5)(@types/react@18.0.14)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.0.14)(react@18.2.0)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.0.14)(react@18.2.0)
+      '@types/react': 18.0.14
+      '@types/react-dom': 18.0.5
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@radix-ui/react-select@1.2.2(@types/react-dom@18.0.5)(@types/react@18.0.14)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-zI7McXr8fNaSrUY9mZe4x/HC0jTLY9fWNhO1oLWYMQGDXuV4UCivIGTxwioSzO0ZCYX9iSLyWmAh/1TOmX3Cnw==}
     peerDependencies:
@@ -9329,6 +9484,20 @@ packages:
       react: 18.2.0
     dev: false
 
+  /@radix-ui/react-slot@1.1.0(@types/react@18.0.14)(react@18.2.0):
+    resolution: {integrity: sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.0.14)(react@18.2.0)
+      '@types/react': 18.0.14
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-switch@1.0.3(@types/react-dom@18.0.5)(@types/react@18.0.14)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-mxm87F88HyHztsI7N+ZUmEoARGkC22YVW5CaC+Byc+HRpuvCrOBPTAnXgf+tZ/7i0Sg/eOePGdMhUKhPaQEqow==}
     peerDependencies:
@@ -9356,6 +9525,33 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: false
 
+  /@radix-ui/react-tabs@1.1.0(@types/react-dom@18.0.5)(@types/react@18.0.14)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-bZgOKB/LtZIij75FSuPzyEti/XBhJH52ExgtdVqjCIh+Nx/FW+LhnbXtbCzIi34ccyMsyOja8T0thCzoHFXNKA==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+    dependencies:
+      '@radix-ui/primitive': 1.1.0
+      '@radix-ui/react-context': 1.1.0(@types/react@18.0.14)(react@18.2.0)
+      '@radix-ui/react-direction': 1.1.0(@types/react@18.0.14)(react@18.2.0)
+      '@radix-ui/react-id': 1.1.0(@types/react@18.0.14)(react@18.2.0)
+      '@radix-ui/react-presence': 1.1.0(@types/react-dom@18.0.5)(@types/react@18.0.14)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.0.5)(@types/react@18.0.14)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-roving-focus': 1.1.0(@types/react-dom@18.0.5)(@types/react@18.0.14)(react-dom@18.2.0)(react@18.2.0)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.0.14)(react@18.2.0)
+      '@types/react': 18.0.14
+      '@types/react-dom': 18.0.5
+      react: 18.2.0
+      react-dom: 18.2.0(react@18.2.0)
+    dev: false
+
   /@radix-ui/react-tooltip@1.0.6(@types/react-dom@18.0.5)(@types/react@18.0.14)(react-dom@18.2.0)(react@18.2.0):
     resolution: {integrity: sha512-DmNFOiwEc2UDigsYj6clJENma58OelxD24O4IODoZ+3sQc3Zb+L8w1EP+y9laTuKCLAysPw4fD6/v0j4KNV8rg==}
     peerDependencies:
@@ -9411,6 +9607,19 @@ packages:
       react: 18.2.0
     dev: false
 
+  /@radix-ui/react-use-callback-ref@1.1.0(@types/react@18.0.14)(react@18.2.0):
+    resolution: {integrity: sha512-CasTfvsy+frcFkbXtSJ2Zu9JHpN8TYKxkgJGWbjiZhFivxaeW7rMeZt7QELGVLaYVfFMsKHjb7Ak0nMEe+2Vfw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@types/react': 18.0.14
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-use-controllable-state@1.0.0(react@18.2.0):
     resolution: {integrity: sha512-FohDoZvk3mEXh9AWAVyRTYR4Sq7/gavuofglmiXB2g1aKyboUD4YtgWxKj8O5n+Uak52gXQ4wKz5IFST4vtJHg==}
     peerDependencies:
@@ -9436,6 +9645,20 @@ packages:
       react: 18.2.0
     dev: false
 
+  /@radix-ui/react-use-controllable-state@1.1.0(@types/react@18.0.14)(react@18.2.0):
+    resolution: {integrity: sha512-MtfMVJiSr2NjzS0Aa90NPTnvTSg6C/JLCV7ma0W6+OMV78vd8OyRpID+Ng9LxzsPbLeuBnWBA1Nq30AtBIDChw==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@radix-ui/react-use-callback-ref': 1.1.0(@types/react@18.0.14)(react@18.2.0)
+      '@types/react': 18.0.14
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-use-escape-keydown@1.0.0(react@18.2.0):
     resolution: {integrity: sha512-JwfBCUIfhXRxKExgIqGa4CQsiMemo1Xt0W/B4ei3fpzpvPENKpMKQ8mZSB6Acj3ebrAEgi2xiQvcI1PAAodvyg==}
     peerDependencies:
@@ -9484,6 +9707,19 @@ packages:
       react: 18.2.0
     dev: false
 
+  /@radix-ui/react-use-layout-effect@1.1.0(@types/react@18.0.14)(react@18.2.0):
+    resolution: {integrity: sha512-+FPE0rOdziWSrH9athwI1R0HDVbWlEhd+FR+aSDk4uWGmSJ9Z54sdZVDQPZAinJhJXwfT+qnj969mCsT2gfm5w==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+    dependencies:
+      '@types/react': 18.0.14
+      react: 18.2.0
+    dev: false
+
   /@radix-ui/react-use-previous@1.0.1(@types/react@18.0.14)(react@18.2.0):
     resolution: {integrity: sha512-cV5La9DPwiQ7S0gf/0qiD6YgNqM5Fk97Kdrlc5yBcrF3jyEZQwm7vYFqMo4IfeHgJXsRaMvLABFtd0OVEmZhDw==}
     peerDependencies:
@@ -20267,6 +20503,10 @@ packages:
       yallist: 4.0.0
     dev: true
 
+  /mitt@3.0.1:
+    resolution: {integrity: sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==}
+    dev: false
+
   /mixme@0.5.9:
     resolution: {integrity: sha512-VC5fg6ySUscaWUpI4gxCBTQMH2RdUpNrk+MsbpCYtIvf9SBJdiUey4qE7BXviJsJR4nDQxCZ+3yaYNW3guz/Pw==}
     engines: {node: '>= 8.0.0'}
@@ -21150,6 +21390,15 @@ packages:
       boolbase: 1.0.0
     dev: true
 
+  /nuqs@1.17.8(next@14.1.1):
+    resolution: {integrity: sha512-JqsnzO+hJyjJE7ebuhpHMLA2iGY48e2xr0oJQFhj7kjUmDABL2XOup47rxF5TL/5b9jEsmU2t0lAKin1VdK1/A==}
+    peerDependencies:
+      next: '>=13.4 <14.0.2 || ^14.0.3'
+    dependencies:
+      mitt: 3.0.1
+      next: 14.1.1(@babel/core@7.24.7)(react-dom@18.2.0)(react@18.2.0)
+    dev: false
+
   /nwsapi@2.2.5:
     resolution: {integrity: sha512-6xpotnECFy/og7tKSBVmUNft7J3jyXAka4XvG6AUhFWRz+Q/Ljus7znJAA3bxColfQLdS+XsjoodtJfCgeTEFQ==}
     dev: true
@@ -23228,7 +23477,6 @@ packages:
     hasBin: true
     optionalDependencies:
       fsevents: 2.3.3
-    dev: true
 
   /rollup@3.27.1:
     resolution: {integrity: sha512-tXNDFwOkN6C2w5Blj1g6ForKeFw6c1mDu5jxoeDO3/pmYjgt+8yvIFjKzH5FQUq70OKZBkOt0zzv0THXL7vwzQ==}
@@ -23236,6 +23484,7 @@ packages:
     hasBin: true
     optionalDependencies:
       fsevents: 2.3.3
+    dev: true
 
   /rollup@4.18.0:
     resolution: {integrity: sha512-QmJz14PX3rzbJCN1SG4Xe/bAAX2a6NpCP8ab2vfu2GiUr8AQcr2nCV/oEO3yneFarB67zk8ShlIyWb2LGTb3Sg==}
@@ -24994,42 +25243,6 @@ packages:
     dev: true
 
   /tsup@6.7.0(ts-node@10.9.1)(typescript@5.5.4):
-    resolution: {integrity: sha512-L3o8hGkaHnu5TdJns+mCqFsDBo83bJ44rlK7e6VdanIvpea4ArPcU3swWGsLVbXak1PqQx/V+SSmFPujBK+zEQ==}
-    engines: {node: '>=14.18'}
-    hasBin: true
-    peerDependencies:
-      '@swc/core': ^1
-      postcss: ^8.4.12
-      typescript: '>=4.1.0'
-    peerDependenciesMeta:
-      '@swc/core':
-        optional: true
-      postcss:
-        optional: true
-      typescript:
-        optional: true
-    dependencies:
-      bundle-require: 4.0.1(esbuild@0.17.19)
-      cac: 6.7.14
-      chokidar: 3.5.3
-      debug: 4.3.4
-      esbuild: 0.17.19
-      execa: 5.1.1
-      globby: 11.1.0
-      joycon: 3.1.1
-      postcss-load-config: 3.1.4(ts-node@10.9.1)
-      resolve-from: 5.0.0
-      rollup: 3.27.1
-      source-map: 0.8.0-beta.0
-      sucrase: 3.32.0
-      tree-kill: 1.2.2
-      typescript: 5.5.4
-    transitivePeerDependencies:
-      - supports-color
-      - ts-node
-    dev: false
-
-  /tsup@6.7.0(typescript@5.5.4):
     resolution: {integrity: sha512-L3o8hGkaHnu5TdJns+mCqFsDBo83bJ44rlK7e6VdanIvpea4ArPcU3swWGsLVbXak1PqQx/V+SSmFPujBK+zEQ==}
     engines: {node: '>=14.18'}
     hasBin: true
@@ -25063,7 +25276,6 @@ packages:
     transitivePeerDependencies:
       - supports-color
       - ts-node
-    dev: true
 
   /tty-table@4.2.1:
     resolution: {integrity: sha512-xz0uKo+KakCQ+Dxj1D/tKn2FSyreSYWzdkL/BYhgN6oMW808g8QRMuh1atAV9fjTPbWBjfbkKQpI/5rEcnAc7g==}