diff --git a/.dockerignore b/.dockerignore
index ddbc2b0..e64e2a1 100644
--- a/.dockerignore
+++ b/.dockerignore
@@ -2,3 +2,6 @@ target/
 .git/
 .env
 *.md
+web/.env.local
+web/.next
+web/node_modules
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index 0b745e2..07eb5ef 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,5 @@
 /target
-.env
\ No newline at end of file
+.env
+web/.env.local
+web/.next
+web/node_modules
\ No newline at end of file
diff --git a/Dockerfile b/Dockerfile
index f704718..d460281 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -6,14 +6,15 @@ RUN cargo build --release --bin void-sentinel
 RUN strip target/release/void-sentinel -o /usr/local/bin/void-sentinel
 
 FROM debian:bookworm-slim
-RUN apt-get update &&     apt-get install -y ca-certificates tzdata &&     rm -rf /var/lib/apt/lists/*
+RUN apt-get update && apt-get install -y ca-certificates tzdata && rm -rf /var/lib/apt/lists/*
 
 COPY --from=builder /usr/local/bin/void-sentinel /usr/local/bin/void-sentinel
 
-RUN groupadd -g 1001 appgroup &&     useradd -u 1001 -g appgroup -s /bin/false -m appuser
+RUN groupadd -g 1001 appgroup && useradd -u 1001 -g appgroup -s /bin/false -m appuser
 
 USER appuser
 WORKDIR /app
 
+EXPOSE 8080
 CMD ["/usr/local/bin/void-sentinel"]
 
diff --git a/docker-compose.yml b/docker-compose.yml
index 3c5592f..01db494 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -3,6 +3,7 @@ services:
     build: .
     environment:
       - RUST_LOG
+      - API_KEY
       - DISCORD_TOKEN
       - SURREAL_ADDRESS
       - SURREAL_USER
@@ -10,4 +11,26 @@ services:
       - SURREAL_NS
       - SURREAL_DB
       - NVIDIA_API_KEY
-    restart: unless-stopped
\ No newline at end of file
+      - OLLAMA_SERVER_URL
+      - OLLAMA_MODEL
+      - AI_CHAT_COOLDOWN_MS
+      - BOT_OWNER_ID
+      - IGNORE_RUDE
+      - API_PORT=8080
+    restart: unless-stopped
+
+  web:
+    build: ./web
+    ports:
+      - "3000:3000"
+    environment:
+      - AUTH_SECRET
+      - AUTH_DISCORD_ID
+      - AUTH_DISCORD_SECRET
+      - BOT_API_KEY
+      - APP_URL
+      - BOT_API_URL=http://void-sentinel:8080
+      - NODE_ENV=production
+    depends_on:
+      - void-sentinel
+    restart: unless-stopped
diff --git a/src/api.rs b/src/api.rs
index 66cea5e..9523bbd 100644
--- a/src/api.rs
+++ b/src/api.rs
@@ -1,4 +1,4 @@
-use actix_web::{web, App, HttpServer, HttpResponse, post, get, error, body::EitherBody, dev::{forward_ready, Service, ServiceRequest, ServiceResponse, Transform}};
+use actix_web::{web, App, HttpServer, HttpResponse, post, get, delete, error, body::EitherBody, dev::{forward_ready, Service, ServiceRequest, ServiceResponse, Transform}};
 use futures::future::LocalBoxFuture;
 use futures::FutureExt;
 use serde::{Deserialize, Serialize};
@@ -7,6 +7,7 @@ use std::sync::Arc;
 use surrealdb::Surreal;
 use surrealdb::engine::remote::ws::Client;
 use tracing::{info, warn};
+use chrono;
 
 #[derive(Deserialize)]
 pub struct IsBotThereRequest {
@@ -773,6 +774,134 @@ async fn delete_level_bridger(
     })))
 }
 
+#[derive(Serialize, Deserialize, Debug)]
+pub struct BetaServer {
+    pub guild_id: String,
+    pub added_at: chrono::DateTime<chrono::Utc>,
+    pub added_by: String,
+}
+
+#[get("/api/beta_testing")]
+async fn get_beta_servers(
+    data: web::Data<ApiState>,
+) -> Result<HttpResponse, actix_web::Error> {
+    info!("Processing GET /api/beta_testing request");
+
+    let servers: Vec<BetaServer> = data.db.select("beta_testing").await
+        .map_err(|e| {
+            warn!("Database query error: {}", e);
+            error::ErrorInternalServerError("Database query failed")
+        })?;
+
+    Ok(HttpResponse::Ok().json(servers))
+}
+
+#[derive(Deserialize)]
+pub struct CreateBetaServerRequest {
+    pub guild_id: String,
+}
+
+#[post("/api/beta_testing")]
+async fn create_beta_server(
+    body: web::Json<CreateBetaServerRequest>,
+    data: web::Data<ApiState>,
+) -> Result<HttpResponse, actix_web::Error> {
+    info!("Processing POST /api/beta_testing request for {}", body.guild_id);
+
+    let beta_info = BetaServer {
+        guild_id: body.guild_id.clone(),
+        added_at: chrono::Utc::now(),
+        added_by: "API".to_string(),
+    };
+
+    let _: Option<BetaServer> = data.db
+        .create(("beta_testing", &body.guild_id))
+        .content(beta_info)
+        .await
+        .map_err(|e| {
+            warn!("Database create error: {}", e);
+            error::ErrorInternalServerError("Database create failed")
+        })?;
+
+    Ok(HttpResponse::Created().json(serde_json::json!({
+        "success": true,
+        "message": format!("Server {} added to beta testing", body.guild_id)
+    })))
+}
+
+#[delete("/api/beta_testing/{guild_id}")]
+async fn delete_beta_server(
+    guild_id: web::Path<String>,
+    data: web::Data<ApiState>,
+) -> Result<HttpResponse, actix_web::Error> {
+    let guild_id_value = guild_id.into_inner();
+    info!("Processing DELETE /api/beta_testing/{} request", guild_id_value);
+
+    let _: Option<BetaServer> = data.db
+        .delete(("beta_testing", &guild_id_value))
+        .await
+        .map_err(|e| {
+            warn!("Database delete error: {}", e);
+            error::ErrorInternalServerError("Database delete failed")
+        })?;
+
+    Ok(HttpResponse::Ok().json(serde_json::json!({
+        "success": true,
+        "message": format!("Server {} removed from beta testing", guild_id_value)
+    })))
+}
+
+#[derive(Deserialize)]
+pub struct IsBetaServerRequest {
+    pub guild_ids: Vec<u64>,
+}
+
+#[derive(Serialize)]
+pub struct IsBetaServerResponse {
+    pub results: Vec<bool>,
+}
+
+#[post("/api/is_beta_server")]
+async fn is_beta_server(
+    body: web::Json<IsBetaServerRequest>,
+    data: web::Data<ApiState>,
+) -> Result<HttpResponse, actix_web::Error> {
+    info!("Processing POST /api/is_beta_server with {} IDs", body.guild_ids.len());
+
+    // Optimization: Single query to check all IDs
+    let ids_to_check: Vec<surrealdb::sql::Thing> = body.guild_ids
+        .iter()
+        .map(|gid| surrealdb::sql::Thing::from(("beta_testing".to_string(), gid.to_string())))
+        .collect();
+
+    let sql = "SELECT * FROM beta_testing WHERE id IN $ids";
+    let mut response = data.db.query(sql)
+        .bind(("ids", ids_to_check))
+        .await
+        .map_err(|e| {
+            warn!("Database query error: {}", e);
+            error::ErrorInternalServerError("Database query failed")
+        })?;
+
+    let found_servers: Vec<BetaServer> = response.take(0)
+        .map_err(|e| {
+            warn!("Failed to parse database response: {}", e);
+            error::ErrorInternalServerError("Failed to parse database response")
+        })?;
+
+    let found_ids: std::collections::HashSet<String> = found_servers
+        .into_iter()
+        .map(|s| s.guild_id)
+        .collect();
+
+    let results: Vec<bool> = body.guild_ids
+        .iter()
+        .map(|gid| found_ids.contains(&gid.to_string()))
+        .collect();
+
+    Ok(HttpResponse::Ok().json(IsBetaServerResponse { results }))
+}
+
 pub async fn start_api_server(
     cache: Arc<Cache>,
     db: Surreal<Client>,
@@ -798,6 +927,10 @@ pub async fn start_api_server(
             .service(create_level_bridger)
             .service(update_level_bridger)
             .service(delete_level_bridger)
+            .service(get_beta_servers)
+            .service(create_beta_server)
+            .service(delete_beta_server)
+            .service(is_beta_server)
     })
     .bind(("0.0.0.0", port))?
     .run()
diff --git a/src/commands/beta.rs b/src/commands/beta.rs
new file mode 100644
index 0000000..7ced1b0
--- /dev/null
+++ b/src/commands/beta.rs
@@ -0,0 +1,89 @@
+use crate::{Context, Error};
+
+use serde::{Deserialize, Serialize};
+
+#[derive(Serialize, Deserialize, Debug)]
+struct BetaInfo {
+    guild_id: String,
+    added_at: chrono::DateTime<chrono::Utc>,
+    added_by: String,
+}
+
+/// Add a server to beta testing (Owner only)
+#[poise::command(slash_command, prefix_command, owners_only)]
+pub async fn add_beta_testing(
+    ctx: Context<'_>,
+    #[description = "The server ID to add (defaults to current server)"] server_id: Option<String>,
+) -> Result<(), Error> {
+    let guild_id = if let Some(id) = server_id {
+        id
+    } else if let Some(id) = ctx.guild_id() {
+        id.to_string()
+    } else {
+        ctx.say("Please provide a server ID or run this command in a server.").await?;
+        return Ok(());
+    };
+
+    let db = &ctx.data().db;
+    
+    let beta_info = BetaInfo {
+        guild_id: guild_id.clone(),
+        added_at: chrono::Utc::now(),
+        added_by: ctx.author().id.to_string(),
+    };
+
+    let _: Option<BetaInfo> = db
+        .create(("beta_testing", &guild_id))
+        .content(beta_info)
+        .await?;
+
+    ctx.say(format!("Added server {} to beta testing.", guild_id)).await?;
+
+    Ok(())
+}
+
+/// List all beta testing servers (Owner only)
+#[poise::command(slash_command, prefix_command, owners_only)]
+pub async fn list_beta_testing(ctx: Context<'_>) -> Result<(), Error> {
+    let db = &ctx.data().db;
+
+    let servers: Vec<BetaInfo> = db.select("beta_testing").await?;
+
+    if servers.is_empty() {
+        ctx.say("No servers in beta testing.").await?;
+        return Ok(());
+    }
+
+    let mut response = String::from("**Beta Testing Servers:**\n");
+    for server in servers {
+        response.push_str(&format!("- {} (Added: <t:{}:R>)\n", server.guild_id, server.added_at.timestamp()));
+    }
+
+    ctx.say(response).await?;
+
+    Ok(())
+}
+
+/// Remove a server from beta testing (Owner only)
+#[poise::command(slash_command, prefix_command, owners_only)]
+pub async fn remove_beta_testing(
+    ctx: Context<'_>,
+    #[description = "The server ID to remove (defaults to current server)"] server_id: Option<String>,
+) -> Result<(), Error> {
+    let guild_id = if let Some(id) = server_id {
+        id
+    } else if let Some(id) = ctx.guild_id() {
+        id.to_string()
+    } else {
+        ctx.say("Please provide a server ID or run this command in a server.").await?;
+        return Ok(());
+    };
+
+    let db = &ctx.data().db;
+
+    let _: Option<BetaInfo> = db.delete(("beta_testing", &guild_id)).await?;
+
+    ctx.say(format!("Removed server {} from beta testing.", guild_id)).await?;
+
+    Ok(())
+}
diff --git a/src/commands/mod.rs b/src/commands/mod.rs
index a80fb0b..86f30b8 100644
--- a/src/commands/mod.rs
+++ b/src/commands/mod.rs
@@ -1,3 +1,4 @@
 pub mod fun;
 pub mod level;
 pub mod utility;
+pub mod beta;
diff --git a/src/main.rs b/src/main.rs
index 81e31c6..6ce2cb3 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -100,6 +100,9 @@ async fn main() -> Result<(), Error> {
                 commands::utility::delete_auto_response(),
                 commands::utility::edit_auto_response(),
                 commands::utility::summary(),
+                commands::beta::add_beta_testing(),
+                commands::beta::list_beta_testing(),
+                commands::beta::remove_beta_testing(),
             ],
             prefix_options: poise::PrefixFrameworkOptions {
                 prefix: Some("!".into()),
diff --git a/web/.gitignore b/web/.gitignore
new file mode 100644
index 0000000..5ef6a52
--- /dev/null
+++ b/web/.gitignore
@@ -0,0 +1,41 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
diff --git a/web/Dockerfile b/web/Dockerfile
new file mode 100644
index 0000000..2643948
--- /dev/null
+++ b/web/Dockerfile
@@ -0,0 +1,50 @@
+FROM oven/bun:1 AS base
+
+# Install dependencies only when needed
+FROM base AS deps
+WORKDIR /app
+
+# Install dependencies based on the preferred package manager
+COPY package.json bun.lock ./
+RUN bun install --frozen-lockfile
+
+# Rebuild the source code only when needed
+FROM base AS builder
+WORKDIR /app
+COPY --from=deps /app/node_modules ./node_modules
+COPY . .
+
+# Next.js checks for environment variables during build to inline them
+# We need to make sure we don't need the runtime env vars strictly at build time
+# or provide dummy values if needed.
+# However, usually build works fine without runtime-specific urls if coded correctly.
+ENV NEXT_TELEMETRY_DISABLED 1
+
+RUN bun run build
+
+# Production image, copy all the files and run next
+FROM base AS runner
+WORKDIR /app
+
+ENV NODE_ENV production
+ENV NEXT_TELEMETRY_DISABLED 1
+
+RUN addgroup --system --gid 1001 nodejs
+RUN adduser --system --uid 1001 nextjs
+
+COPY --from=builder /app/public ./public
+
+# Automatically leverage output traces to reduce image size
+# https://nextjs.org/docs/advanced-features/output-file-tracing
+COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
+COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
+
+USER nextjs
+
+EXPOSE 3000
+
+ENV PORT 3000
+# set hostname to localhost
+ENV HOSTNAME "0.0.0.0"
+
+CMD ["bun", "server.js"]
diff --git a/web/README.md b/web/README.md
new file mode 100644
index 0000000..e215bc4
--- /dev/null
+++ b/web/README.md
@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
diff --git a/web/app/api/auth/[...nextauth]/route.ts b/web/app/api/auth/[...nextauth]/route.ts
new file mode 100644
index 0000000..689308c
--- /dev/null
+++ b/web/app/api/auth/[...nextauth]/route.ts
@@ -0,0 +1,2 @@
+import { handlers } from "@/auth" // Referring to the auth.ts we just created
+export const { GET, POST } = handlers
diff --git a/web/app/api/guilds/[guildId]/level_bridger/route.ts b/web/app/api/guilds/[guildId]/level_bridger/route.ts
new file mode 100644
index 0000000..a07ff50
--- /dev/null
+++ b/web/app/api/guilds/[guildId]/level_bridger/route.ts
@@ -0,0 +1,126 @@
+import { auth } from "@/auth";
+import { NextRequest, NextResponse } from "next/server";
+import { getLevelBridges, createLevelBridge, updateLevelBridge, deleteLevelBridge } from "@/lib/discord";
+
+// GET - Fetch level bridges for a guild
+export async function GET(
+    request: NextRequest,
+    { params }: { params: Promise<{ guildId: string }> }
+) {
+    const session = await auth();
+    const { guildId } = await params;
+
+    if (!session?.accessToken) {
+        return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+    }
+
+    try {
+        const bridges = await getLevelBridges(guildId, session.accessToken as string);
+        return NextResponse.json(bridges);
+    } catch (error) {
+        console.error("Error fetching bridges:", error);
+        return NextResponse.json(
+            { error: "Internal server error" },
+            { status: 500 }
+        );
+    }
+}
+
+// POST - Create a new bridge
+export async function POST(
+    request: NextRequest,
+    { params }: { params: Promise<{ guildId: string }> }
+) {
+    const session = await auth();
+    const { guildId } = await params;
+
+    if (!session?.accessToken) {
+        return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+    }
+
+    try {
+        const body = await request.json();
+        const result = await createLevelBridge(guildId, body, session.accessToken as string);
+
+        if (!result.success) {
+            return NextResponse.json(
+                { error: result.error || "Failed to create bridge" },
+                { status: 400, statusText: result.error } // Pass status text sometimes helps debugging
+            );
+        }
+
+        return NextResponse.json({ success: true });
+    } catch (error) {
+        console.error("Error creating bridge:", error);
+        return NextResponse.json(
+            { error: "Internal server error" },
+            { status: 500 }
+        );
+    }
+}
+
+// PUT - Update (or create) a bridge
+export async function PUT(
+    request: NextRequest,
+    { params }: { params: Promise<{ guildId: string }> }
+) {
+    const session = await auth();
+    const { guildId } = await params;
+
+    if (!session?.accessToken) {
+        return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+    }
+
+    try {
+        const body = await request.json();
+        const result = await updateLevelBridge(guildId, body, session.accessToken as string);
+
+        if (!result.success) {
+            return NextResponse.json(
+                { error: result.error || "Failed to update bridge" },
+                { status: 400 }
+            );
+        }
+
+        return NextResponse.json({ success: true });
+    } catch (error) {
+        console.error("Error updating bridge:", error);
+        return NextResponse.json(
+            { error: "Internal server error" },
+            { status: 500 }
+        );
+    }
+}
+
+// DELETE - Delete a bridge
+export async function DELETE(
+    request: NextRequest,
+    { params }: { params: Promise<{ guildId: string }> }
+) {
+    const session = await auth();
+    const { guildId } = await params;
+
+    if (!session?.accessToken) {
+        return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+    }
+
+    try {
+        const body = await request.json();
+        const result = await deleteLevelBridge(guildId, body.in_role_id, session.accessToken as string);
+
+        if (!result.success) {
+            return NextResponse.json(
+                { error: result.error || "Failed to delete bridge" },
+                { status: 400 }
+            );
+        }
+
+        return NextResponse.json({ success: true });
+    } catch (error) {
+        console.error("Error deleting bridge:", error);
+        return NextResponse.json(
+            { error: "Internal server error" },
+            { status: 500 }
+        );
+    }
+}
diff --git a/web/app/api/guilds/[guildId]/roles/route.ts b/web/app/api/guilds/[guildId]/roles/route.ts
new file mode 100644
index 0000000..9075548
--- /dev/null
+++ b/web/app/api/guilds/[guildId]/roles/route.ts
@@ -0,0 +1,27 @@
+import { auth } from "@/auth";
+import { NextRequest, NextResponse } from "next/server";
+import { getGuildRoles } from "@/lib/discord";
+
+// GET - Fetch all roles for a guild
+export async function GET(
+    request: NextRequest,
+    { params }: { params: Promise<{ guildId: string }> }
+) {
+    const session = await auth();
+    const { guildId } = await params;
+
+    if (!session?.accessToken) {
+        return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+    }
+
+    try {
+        const roles = await getGuildRoles(guildId, session.accessToken as string);
+        return NextResponse.json(roles);
+    } catch (error) {
+        console.error("Error fetching roles:", error);
+        return NextResponse.json(
+            { error: "Internal server error" },
+            { status: 500 }
+        );
+    }
+}
diff --git a/web/app/api/guilds/[guildId]/tracks/route.ts b/web/app/api/guilds/[guildId]/tracks/route.ts
new file mode 100644
index 0000000..a2a1680
--- /dev/null
+++ b/web/app/api/guilds/[guildId]/tracks/route.ts
@@ -0,0 +1,126 @@
+import { auth } from "@/auth";
+import { NextRequest, NextResponse } from "next/server";
+import { getLevelTracks, createLevelTrack, updateLevelTrack, deleteLevelTrack } from "@/lib/discord";
+
+// GET - Fetch level tracks for a guild
+export async function GET(
+    request: NextRequest,
+    { params }: { params: Promise<{ guildId: string }> }
+) {
+    const session = await auth();
+    const { guildId } = await params;
+
+    if (!session?.accessToken) {
+        return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+    }
+
+    try {
+        const tracks = await getLevelTracks(guildId, session.accessToken as string);
+        return NextResponse.json(tracks);
+    } catch (error) {
+        console.error("Error fetching tracks:", error);
+        return NextResponse.json(
+            { error: "Internal server error" },
+            { status: 500 }
+        );
+    }
+}
+
+// POST - Create a new track
+export async function POST(
+    request: NextRequest,
+    { params }: { params: Promise<{ guildId: string }> }
+) {
+    const session = await auth();
+    const { guildId } = await params;
+
+    if (!session?.accessToken) {
+        return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+    }
+
+    try {
+        const body = await request.json();
+        const result = await createLevelTrack(guildId, body, session.accessToken as string);
+
+        if (!result.success) {
+            return NextResponse.json(
+                { error: result.error || "Failed to create track" },
+                { status: 400 }
+            );
+        }
+
+        return NextResponse.json({ success: true });
+    } catch (error) {
+        console.error("Error creating track:", error);
+        return NextResponse.json(
+            { error: "Internal server error" },
+            { status: 500 }
+        );
+    }
+}
+
+// PATCH - Update an existing track
+export async function PATCH(
+    request: NextRequest,
+    { params }: { params: Promise<{ guildId: string }> }
+) {
+    const session = await auth();
+    const { guildId } = await params;
+
+    if (!session?.accessToken) {
+        return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+    }
+
+    try {
+        const body = await request.json();
+        const result = await updateLevelTrack(guildId, body, session.accessToken as string);
+
+        if (!result.success) {
+            return NextResponse.json(
+                { error: result.error || "Failed to update track" },
+                { status: 400 }
+            );
+        }
+
+        return NextResponse.json({ success: true });
+    } catch (error) {
+        console.error("Error updating track:", error);
+        return NextResponse.json(
+            { error: "Internal server error" },
+            { status: 500 }
+        );
+    }
+}
+
+// DELETE - Delete a track
+export async function DELETE(
+    request: NextRequest,
+    { params }: { params: Promise<{ guildId: string }> }
+) {
+    const session = await auth();
+    const { guildId } = await params;
+
+    if (!session?.accessToken) {
+        return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
+    }
+
+    try {
+        const body = await request.json();
+        const result = await deleteLevelTrack(guildId, body.track_name, session.accessToken as string);
+
+        if (!result.success) {
+            return NextResponse.json(
+                { error: result.error || "Failed to delete track" },
+                { status: 400 }
+            );
+        }
+
+        return NextResponse.json({ success: true });
+    } catch (error) {
+        console.error("Error deleting track:", error);
+        return NextResponse.json(
+            { error: "Internal server error" },
+            { status: 500 }
+        );
+    }
+}
diff --git a/web/app/api/oauth/callback/route.ts b/web/app/api/oauth/callback/route.ts
new file mode 100644
index 0000000..7d72518
--- /dev/null
+++ b/web/app/api/oauth/callback/route.ts
@@ -0,0 +1,85 @@
+import { NextRequest, NextResponse } from "next/server";
+import { cookies } from "next/headers";
+import { checkBetaServer } from "@/lib/discord";
+
+export const dynamic = 'force-dynamic';
+
+export async function GET(request: NextRequest) {
+    try {
+        const searchParams = request.nextUrl.searchParams;
+        const code = searchParams.get("code");
+        const state = searchParams.get("state");
+        const guildId = searchParams.get("guild_id");
+        const error = searchParams.get("error");
+
+        if (error) {
+            return NextResponse.redirect(new URL("/dashboard?error=access_denied", request.url));
+        }
+
+        if (!code || !state || !guildId) {
+            return NextResponse.redirect(new URL("/dashboard?error=invalid_request", request.url));
+        }
+
+        const cookieStore = await cookies();
+        const storedState = cookieStore.get("oauth_invite_state")?.value;
+        const storedGuildId = cookieStore.get("oauth_invite_guild")?.value;
+
+        // 1. Verify State
+        if (!storedState || state !== storedState) {
+            return NextResponse.redirect(new URL("/dashboard?error=state_mismatch", request.url));
+        }
+
+        // 2. Verify Guild ID Match (Optional but recommended extra layer)
+        if (storedGuildId && guildId !== storedGuildId) {
+            return NextResponse.redirect(new URL("/dashboard?error=guild_mismatch", request.url));
+        }
+
+        // 3. CRITICAL: Check Beta Server Eligibility
+        // We only exchange the code (and thus add the bot) if this check passes.
+        const [isBeta] = await checkBetaServer([guildId]);
+
+        if (!isBeta) {
+            console.warn(`Blocked attempt to add bot to non-beta server: ${guildId}`);
+            return NextResponse.redirect(new URL("/dashboard?error=not_beta_server", request.url));
+        }
+
+        // 4. Exchange Code for Token (Finalize Bot Join)
+        const appUrl = process.env.APP_URL;
+        if (!appUrl) {
+            console.error("APP_URL env var is not set");
+            return NextResponse.redirect(new URL("/dashboard?error=config_error", request.url));
+        }
+        const redirectUri = `${appUrl}/api/oauth/callback`;
+
+        const tokenResponse = await fetch("https://discord.com/api/oauth2/token", {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/x-www-form-urlencoded",
+            },
+            body: new URLSearchParams({
+                client_id: process.env.AUTH_DISCORD_ID as string,
+                client_secret: process.env.AUTH_DISCORD_SECRET as string,
+                grant_type: "authorization_code",
+                code: code,
+                redirect_uri: redirectUri,
+            }),
+        });
+
+        if (!tokenResponse.ok) {
+            const errorText = await tokenResponse.text();
+            console.error("Failed to exchange token:", errorText);
+            return NextResponse.redirect(new URL("/dashboard?error=token_exchange_failed", request.url));
+        }
+
+        // Clean up cookies
+        cookieStore.delete("oauth_invite_state");
+        cookieStore.delete("oauth_invite_guild");
+
+        // Success!
+        return NextResponse.redirect(new URL(`/dashboard?success=bot_added&guild_id=${guildId}`, request.url));
+
+    } catch (error) {
+        console.error("Callback handler error:", error);
+        return NextResponse.redirect(new URL("/dashboard?error=internal_server_error", request.url));
+    }
+}
diff --git a/web/app/api/oauth/invite/route.ts b/web/app/api/oauth/invite/route.ts
new file mode 100644
index 0000000..1556f66
--- /dev/null
+++ b/web/app/api/oauth/invite/route.ts
@@ -0,0 +1,66 @@
+import { NextRequest, NextResponse } from "next/server";
+import { cookies } from "next/headers";
+import crypto from "crypto";
+
+export const dynamic = 'force-dynamic';
+
+export async function GET(request: NextRequest) {
+    try {
+        const searchParams = request.nextUrl.searchParams;
+        const guildId = searchParams.get("guild_id");
+
+        if (!guildId) {
+            return new NextResponse("Missing guild_id", { status: 400 });
+        }
+
+        // Generate a random state for security
+        const state = crypto.randomBytes(16).toString("hex");
+
+        // Set the state in a secure cookie (HttpOnly, Secure, SameSite)
+        // This cookie allows us to verify the callback originated from this flow
+        const cookieStore = await cookies();
+        cookieStore.set("oauth_invite_state", state, {
+            httpOnly: true,
+            secure: process.env.NODE_ENV === "production",
+            sameSite: "lax",
+            maxAge: 300, // 5 minutes to complete the flow
+            path: "/",
+        });
+
+        // Store the target guild ID in a cookie too, to verify against the callback's guild_id
+        // This prevents someone from starting a flow for Guild A and swapping the callback to Guild B (though state mismatch would likely catch it too)
+        cookieStore.set("oauth_invite_guild", guildId, {
+            httpOnly: true,
+            secure: process.env.NODE_ENV === "production",
+            sameSite: "lax",
+            maxAge: 300,
+            path: "/",
+        });
+
+        const appUrl = process.env.APP_URL;
+        if (!appUrl) {
+            console.error("APP_URL env var is not set");
+            return new NextResponse("Configuration Error", { status: 500 });
+        }
+        const redirectUri = `${appUrl}/api/oauth/callback`;
+        const clientId = process.env.AUTH_DISCORD_ID;
+
+        // Construct Discord OAuth2 Authorization URL
+        // We use response_type=code because we enabled "Requires OAuth2 Code Grant" for the bot
+        const params = new URLSearchParams({
+            client_id: clientId as string,
+            permissions: "8", // Administrator (as requested in original link)
+            scope: "bot", // Add 'applications.commands' if needed, but 'bot' is the primary one here
+            redirect_uri: redirectUri,
+            response_type: "code",
+            state: state,
+            guild_id: guildId,
+            disable_guild_select: "true",
+        });
+
+        return NextResponse.redirect(`https://discord.com/oauth2/authorize?${params.toString()}`);
+    } catch (error) {
+        console.error("Failed to initiate invite flow:", error);
+        return new NextResponse("Internal Server Error", { status: 500 });
+    }
+}
diff --git a/web/app/dashboard/[guildId]/DashboardContent.tsx b/web/app/dashboard/[guildId]/DashboardContent.tsx
new file mode 100644
index 0000000..a73986d
--- /dev/null
+++ b/web/app/dashboard/[guildId]/DashboardContent.tsx
@@ -0,0 +1,348 @@
+"use client";
+
+import { useState } from "react";
+import { Menu, X, Trophy, ArrowBigUp } from "lucide-react";
+import LevelingEditor from "@/components/LevelingEditor";
+import type { Guild, LeaderboardMember } from "@/lib/discord";
+
+type TabType = "leaderboard" | "leveling";
+
+interface DashboardContentProps {
+    currentGuild: Guild;
+    leaderboardData: LeaderboardMember[];
+    currentUserRank?: LeaderboardMember;
+    currentUserId?: string;
+}
+
+export default function DashboardContent({
+    currentGuild,
+    leaderboardData,
+    currentUserRank,
+    currentUserId,
+}: DashboardContentProps) {
+    const [activeTab, setActiveTab] = useState<TabType>("leaderboard");
+    const [sidebarOpen, setSidebarOpen] = useState(false);
+
+    const menuItems = [
+        { id: "leaderboard" as TabType, label: "Leaderboard", icon: Trophy },
+        { id: "leveling" as TabType, label: "Leveling", icon: ArrowBigUp },
+    ];
+
+    const handleTabChange = (tab: TabType) => {
+        setActiveTab(tab);
+        setSidebarOpen(false);
+    };
+
+    return (
+        <div className="flex flex-1 pt-16 sm:pt-20 h-screen overflow-hidden">
+            {/* Mobile Menu Button */}
+            <button
+                onClick={() => setSidebarOpen(!sidebarOpen)}
+                className="fixed bottom-4 right-4 z-50 lg:hidden p-3 bg-blue-600 hover:bg-blue-700 text-white rounded-full shadow-lg transition-all"
+            >
+                {sidebarOpen ? <X className="w-6 h-6" /> : <Menu className="w-6 h-6" />}
+            </button>
+
+            {/* Mobile Sidebar Overlay */}
+            {sidebarOpen && (
+                <div
+                    className="fixed inset-0 bg-black/60 z-40 lg:hidden backdrop-blur-sm"
+                    onClick={() => setSidebarOpen(false)}
+                />
+            )}
+
+            {/* Sidebar */}
+            <div
+                className={`fixed lg:relative inset-y-0 left-0 z-40 w-64 flex-shrink-0 bg-black/90 lg:bg-black/20 border-r border-white/10 overflow-y-auto backdrop-blur-md lg:backdrop-blur-sm transform transition-transform duration-300 ease-in-out ${sidebarOpen ? "translate-x-0" : "-translate-x-full lg:translate-x-0"
+                    }`}
+            >
+                <div className="p-4 space-y-2 pt-20 lg:pt-4">
+                    {menuItems.map((item) => {
+                        const Icon = item.icon;
+                        const isActive = activeTab === item.id;
+
+                        return (
+                            <button
+                                key={item.id}
+                                onClick={() => handleTabChange(item.id)}
+                                className={`w-full text-left px-4 py-3 rounded-lg font-medium transition-all flex items-center gap-3 ${isActive
+                                    ? "bg-blue-600/20 text-blue-400 border border-blue-600/30"
+                                    : "text-gray-400 hover:text-white hover:bg-white/5 border border-transparent"
+                                    }`}
+                            >
+                                <Icon className="w-5 h-5" />
+                                {item.label}
+                            </button>
+                        );
+                    })}
+                </div>
+            </div>
+
+            {/* Main Area */}
+            <div className="flex-1 overflow-y-auto bg-transparent p-4 sm:p-6 lg:p-8">
+                <div className="max-w-5xl mx-auto">
+                    {activeTab === "leaderboard" && (
+                        <LeaderboardView
+                            leaderboardData={leaderboardData}
+                            currentUserRank={currentUserRank}
+                            currentUserId={currentUserId}
+                        />
+                    )}
+
+                    {activeTab === "leveling" && (
+                        <LevelingEditor guildId={currentGuild.id} />
+                    )}
+                </div>
+            </div>
+        </div>
+    );
+}
+
+interface LeaderboardViewProps {
+    leaderboardData: LeaderboardMember[];
+    currentUserRank?: LeaderboardMember;
+    currentUserId?: string;
+}
+
+function LeaderboardView({
+    leaderboardData,
+    currentUserRank,
+    currentUserId,
+}: LeaderboardViewProps) {
+    return (
+        <>
+            <div className="mb-6 sm:mb-8">
+                <h2 className="text-2xl sm:text-3xl font-bold text-white mb-4 sm:mb-6">
+                    Leaderboard
+                </h2>
+                {currentUserRank && (
+                    <div className="bg-white/5 border border-white/10 rounded-xl sm:rounded-2xl p-4 sm:p-6 flex flex-col md:flex-row items-center justify-between backdrop-blur-md shadow-2xl relative overflow-hidden group">
+                        {/* Background Glow */}
+                        <div className="absolute top-0 right-0 w-64 h-64 bg-blue-500/5 rounded-full blur-3xl -translate-y-1/2 translate-x-1/2 group-hover:bg-blue-500/10 transition-all duration-700"></div>
+
+                        <div className="flex items-center gap-4 sm:gap-6 relative z-10 mb-4 md:mb-0">
+                            {currentUserRank.avatar ? (
+                                <img
+                                    src={currentUserRank.avatar}
+                                    alt={currentUserRank.username}
+                                    className="w-16 h-16 sm:w-20 sm:h-20 rounded-full border-4 border-white/10 shadow-lg"
+                                />
+                            ) : (
+                                <div className="w-16 h-16 sm:w-20 sm:h-20 rounded-full bg-gray-700 flex items-center justify-center text-white font-bold text-2xl sm:text-3xl border-4 border-white/10 shadow-lg">
+                                    {currentUserRank.username.charAt(0).toUpperCase()}
+                                </div>
+                            )}
+                            <div className="flex flex-col">
+                                <span className="text-xl sm:text-2xl font-bold text-white">
+                                    {currentUserRank.username}
+                                </span>
+                            </div>
+                        </div>
+
+                        <div className="flex bg-black/20 rounded-xl p-3 sm:p-4 gap-4 sm:gap-8 md:gap-16 border border-white/5 relative z-10 w-full md:w-auto justify-center">
+                            <div className="text-center">
+                                <p className="text-gray-400 text-[10px] sm:text-xs uppercase font-bold tracking-wider mb-1">
+                                    Rank
+                                </p>
+                                <p className="text-2xl sm:text-3xl font-black text-white">
+                                    #{currentUserRank.rank}
+                                </p>
+                            </div>
+                            <div className="w-px bg-white/10"></div>
+                            <div className="text-center">
+                                <p className="text-gray-400 text-[10px] sm:text-xs uppercase font-bold tracking-wider mb-1">
+                                    Level
+                                </p>
+                                <p className="text-2xl sm:text-3xl font-black text-yellow-500">
+                                    {currentUserRank.level}
+                                </p>
+                            </div>
+                            <div className="w-px bg-white/10"></div>
+                            <div className="text-center">
+                                <p className="text-gray-400 text-[10px] sm:text-xs uppercase font-bold tracking-wider mb-1">
+                                    Total XP
+                                </p>
+                                <p className="text-2xl sm:text-3xl font-black text-blue-400">
+                                    {currentUserRank.xp.toLocaleString()}
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                )}
+            </div>
+
+            <div className="bg-white/5 backdrop-blur-md border border-white/10 rounded-xl sm:rounded-2xl overflow-hidden shadow-xl">
+                {/* Mobile Card View */}
+                <div className="block sm:hidden">
+                    {leaderboardData.length > 0 ? (
+                        <div className="divide-y divide-white/5">
+                            {leaderboardData.map((member) => {
+                                const isCurrentUser = member.user_id === currentUserId;
+                                let rankColor = "text-blue-400";
+                                if (member.rank === 1)
+                                    rankColor = "text-yellow-400";
+                                if (member.rank === 2)
+                                    rankColor = "text-gray-300";
+                                if (member.rank === 3)
+                                    rankColor = "text-orange-400";
+
+                                return (
+                                    <div
+                                        key={member.user_id}
+                                        className={`p-4 ${isCurrentUser
+                                            ? "bg-blue-600/20"
+                                            : ""
+                                            }`}
+                                    >
+                                        <div className="flex items-center gap-3">
+                                            <span
+                                                className={`font-mono font-bold text-lg w-10 ${rankColor}`}
+                                            >
+                                                #{member.rank}
+                                            </span>
+                                            {member.avatar ? (
+                                                <img
+                                                    src={member.avatar}
+                                                    alt=""
+                                                    className="w-10 h-10 rounded-full bg-gray-700 shadow-md"
+                                                />
+                                            ) : (
+                                                <div className="w-10 h-10 rounded-full bg-gray-700 flex items-center justify-center text-white font-bold">
+                                                    {member.username
+                                                        .charAt(0)
+                                                        .toUpperCase()}
+                                                </div>
+                                            )}
+                                            <div className="flex-1 min-w-0">
+                                                <p
+                                                    className={`font-semibold truncate ${isCurrentUser
+                                                        ? "text-blue-200"
+                                                        : "text-white"
+                                                        }`}
+                                                >
+                                                    {member.username}
+                                                </p>
+                                                {isCurrentUser && (
+                                                    <span className="text-xs text-blue-400">
+                                                        You
+                                                    </span>
+                                                )}
+                                            </div>
+                                            <div className="text-right">
+                                                <p className="font-bold text-yellow-500">
+                                                    Lv. {member.level}
+                                                </p>
+                                                <p className="text-xs text-gray-500 font-mono">
+                                                    {member.xp.toLocaleString()} XP
+                                                </p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                );
+                            })}
+                        </div>
+                    ) : (
+                        <div className="p-12 text-center text-gray-500">
+                            Setup leveling system to see the leaderboard
+                        </div>
+                    )}
+                </div>
+
+                {/* Desktop Table View */}
+                <div className="hidden sm:block overflow-x-auto">
+                    <table className="w-full text-left border-collapse">
+                        <thead>
+                            <tr className="border-b border-white/10 text-gray-400 text-sm uppercase tracking-wider bg-white/5">
+                                <th className="p-4 pl-6">Rank</th>
+                                <th className="p-4">User</th>
+                                <th className="p-4 text-right">Level</th>
+                                <th className="p-4 pr-6 text-right">XP</th>
+                            </tr>
+                        </thead>
+                        <tbody className="text-gray-300">
+                            {leaderboardData.length > 0 ? (
+                                leaderboardData.map((member) => {
+                                    const isCurrentUser =
+                                        member.user_id === currentUserId;
+                                    let rankColor = "text-blue-400";
+                                    if (member.rank === 1)
+                                        rankColor =
+                                            "text-yellow-400 drop-shadow-[0_0_10px_rgba(250,204,21,0.5)]";
+                                    if (member.rank === 2)
+                                        rankColor =
+                                            "text-gray-300 drop-shadow-[0_0_10px_rgba(209,213,219,0.5)]";
+                                    if (member.rank === 3)
+                                        rankColor =
+                                            "text-orange-400 drop-shadow-[0_0_10px_rgba(251,146,60,0.5)]";
+
+                                    return (
+                                        <tr
+                                            key={member.user_id}
+                                            className={`border-b border-white/5 transition-all ${isCurrentUser
+                                                ? "bg-blue-600/20 hover:bg-blue-600/30"
+                                                : "hover:bg-white/5"
+                                                }`}
+                                        >
+                                            <td
+                                                className={`p-4 pl-6 font-mono font-bold text-lg ${rankColor}`}
+                                            >
+                                                #{member.rank}
+                                            </td>
+                                            <td className="p-4">
+                                                <div className="flex items-center gap-4">
+                                                    {member.avatar ? (
+                                                        <img
+                                                            src={member.avatar}
+                                                            alt=""
+                                                            className="w-10 h-10 rounded-full bg-gray-700 shadow-md"
+                                                        />
+                                                    ) : (
+                                                        <div className="w-10 h-10 rounded-full bg-gray-700 flex items-center justify-center text-white font-bold text-lg">
+                                                            {member.username
+                                                                .charAt(0)
+                                                                .toUpperCase()}
+                                                        </div>
+                                                    )}
+                                                    <div className="flex flex-col">
+                                                        <span
+                                                            className={`font-semibold text-lg ${isCurrentUser
+                                                                ? "text-blue-200"
+                                                                : "text-white"
+                                                                }`}
+                                                        >
+                                                            {member.username}
+                                                        </span>
+                                                        {isCurrentUser && (
+                                                            <span className="text-xs text-blue-400 font-medium">
+                                                                You
+                                                            </span>
+                                                        )}
+                                                    </div>
+                                                </div>
+                                            </td>
+                                            <td className="p-4 text-right font-bold text-yellow-500 text-lg">
+                                                {member.level}
+                                            </td>
+                                            <td className="p-4 pr-6 text-right text-gray-500 font-mono">
+                                                {member.xp.toLocaleString()}
+                                            </td>
+                                        </tr>
+                                    );
+                                })
+                            ) : (
+                                <tr>
+                                    <td
+                                        colSpan={4}
+                                        className="p-12 text-center text-gray-500 text-lg"
+                                    >
+                                        Setup leveling system to see the leaderboard
+                                    </td>
+                                </tr>
+                            )}
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </>
+    );
+}
diff --git a/web/app/dashboard/[guildId]/layout.tsx b/web/app/dashboard/[guildId]/layout.tsx
new file mode 100644
index 0000000..4f26915
--- /dev/null
+++ b/web/app/dashboard/[guildId]/layout.tsx
@@ -0,0 +1,134 @@
+import { auth } from "@/auth";
+import { redirect, notFound } from "next/navigation";
+import { getUserGuilds } from "@/lib/discord";
+import ServerSwitcher from "@/components/ServerSwitcher";
+import DashboardSidebar from "@/components/DashboardSidebar";
+
+export default async function DashboardLayout({
+    children,
+    params,
+}: {
+    children: React.ReactNode;
+    params: Promise<{ guildId: string }>;
+}) {
+    const session = await auth();
+    const { guildId } = await params;
+
+    if (!session?.accessToken) {
+        redirect("/");
+    }
+
+    const guilds = await getUserGuilds(session.accessToken as string);
+    const currentGuild = guilds.find((g) => g.id === guildId);
+
+    if (!currentGuild) {
+        notFound();
+    }
+
+    // If bot is not in guild, show the invite page
+    if (!currentGuild.botInGuild) {
+        return (
+            <div className="min-h-screen bg-black/50 relative flex flex-col">
+                {/* Header */}
+                <header className="fixed top-0 left-0 right-0 p-2 sm:p-4 flex justify-between items-start z-50 pointer-events-none">
+                    <div className="pointer-events-auto">
+                        <ServerSwitcher currentGuild={currentGuild} guilds={guilds} />
+                    </div>
+
+                    <div className="flex items-center gap-2 sm:gap-3 bg-white/5 px-3 sm:px-4 py-2 rounded-full border border-white/10 backdrop-blur-md pointer-events-auto">
+                        <div className="text-right hidden sm:block">
+                            <p className="text-sm font-semibold text-white">{session.user?.name}</p>
+                        </div>
+                        {session.user?.image && (
+                            <img
+                                src={session.user.image}
+                                alt="User"
+                                className="w-8 h-8 sm:w-10 sm:h-10 rounded-full border border-blue-500/50"
+                            />
+                        )}
+                    </div>
+                </header>
+
+                {/* Bot Not In Guild Content */}
+                <div className="container mx-auto px-4 py-24 sm:py-32 flex flex-col items-center justify-center flex-1 text-center">
+                    {currentGuild.icon ? (
+                        <img
+                            src={`https://cdn.discordapp.com/icons/${currentGuild.id}/${currentGuild.icon}.png`}
+                            alt={currentGuild.name}
+                            className="w-24 h-24 sm:w-32 sm:h-32 rounded-full mx-auto shadow-[0_0_30px_rgba(59,130,246,0.5)]"
+                        />
+                    ) : (
+                        <div className="w-24 h-24 sm:w-32 sm:h-32 rounded-full mx-auto bg-gray-800 flex items-center justify-center text-3xl sm:text-4xl font-bold text-gray-400 shadow-[0_0_30px_rgba(59,130,246,0.2)]">
+                            {currentGuild.name.substring(0, 2)}
+                        </div>
+                    )}
+
+                    <div className="space-y-2 mt-6">
+                        <h1 className="text-3xl sm:text-5xl font-bold text-white tracking-tight">{currentGuild.name}</h1>
+                        <p className="text-blue-300/80 text-sm sm:text-base">
+                            Void Sentinel is not in this server
+                        </p>
+                    </div>
+
+                    <div className="mt-6 sm:mt-8">
+                        <div className="mt-6 sm:mt-8">
+                            {currentGuild.isBetaServer ? (
+                                <a
+                                    href={`https://discord.com/oauth2/authorize?client_id=${process.env.AUTH_DISCORD_ID}&permissions=8&scope=bot&guild_id=${currentGuild.id}&disable_guild_select=true`}
+                                    target="_blank"
+                                    rel="noopener noreferrer"
+                                    className="inline-flex items-center gap-2 px-6 sm:px-8 py-2.5 sm:py-3 bg-blue-600 hover:bg-blue-700 text-white rounded-full font-bold text-base sm:text-lg transition-all hover:scale-105 shadow-[0_0_20px_rgba(37,99,235,0.5)] hover:shadow-[0_0_40px_rgba(37,99,235,0.6)]"
+                                >
+                                    Add to Server
+                                </a>
+                            ) : (
+                                <button
+                                    disabled
+                                    className="inline-flex items-center gap-2 px-6 sm:px-8 py-2.5 sm:py-3 bg-white/5 text-gray-400 rounded-full font-bold text-base sm:text-lg cursor-not-allowed border border-white/10"
+                                >
+                                    Request Access
+                                </button>
+                            )}
+                        </div>
+                    </div>
+                </div>
+            </div>
+        );
+    }
+
+    return (
+        <div className="min-h-screen bg-black/50 relative flex flex-col">
+            {/* Header */}
+            <header className="fixed top-0 left-0 right-0 p-2 sm:p-4 flex justify-between items-start z-50 pointer-events-none">
+                <div className="pointer-events-auto">
+                    <ServerSwitcher currentGuild={currentGuild} guilds={guilds} />
+                </div>
+
+                <div className="flex items-center gap-2 sm:gap-3 bg-white/5 px-3 sm:px-4 py-2 rounded-full border border-white/10 backdrop-blur-md pointer-events-auto">
+                    <div className="text-right hidden sm:block">
+                        <p className="text-sm font-semibold text-white">{session.user?.name}</p>
+                    </div>
+                    {session.user?.image && (
+                        <img
+                            src={session.user.image}
+                            alt="User"
+                            className="w-8 h-8 sm:w-10 sm:h-10 rounded-full border border-blue-500/50"
+                        />
+                    )}
+                </div>
+            </header>
+
+            {/* Dashboard Content with Sidebar */}
+            <div className="flex flex-1 pt-16 sm:pt-20 h-screen overflow-hidden">
+                <DashboardSidebar guildId={guildId} />
+
+                {/* Main Area */}
+                <div className="flex-1 overflow-y-auto bg-transparent p-4 sm:p-6 lg:p-8">
+                    <div className="max-w-5xl mx-auto">
+                        {children}
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+}
diff --git a/web/app/dashboard/[guildId]/leaderboard/page.tsx b/web/app/dashboard/[guildId]/leaderboard/page.tsx
new file mode 100644
index 0000000..c891154
--- /dev/null
+++ b/web/app/dashboard/[guildId]/leaderboard/page.tsx
@@ -0,0 +1,31 @@
+import { auth } from "@/auth";
+import { redirect, notFound } from "next/navigation";
+import { getUserGuilds, getGuildLeaderboard } from "@/lib/discord";
+import LeaderboardView from "@/components/LeaderboardView";
+
+export default async function LeaderboardPage({ params }: { params: Promise<{ guildId: string }> }) {
+    const session = await auth();
+    const { guildId } = await params;
+
+    if (!session?.accessToken) {
+        redirect("/");
+    }
+
+    const guilds = await getUserGuilds(session.accessToken as string);
+    const currentGuild = guilds.find((g) => g.id === guildId);
+
+    if (!currentGuild || !currentGuild.botInGuild) {
+        notFound();
+    }
+
+    const leaderboardData = await getGuildLeaderboard(currentGuild.id);
+    const currentUserRank = leaderboardData.find(m => m.user_id === session?.user?.id);
+
+    return (
+        <LeaderboardView
+            leaderboardData={leaderboardData}
+            currentUserRank={currentUserRank}
+            currentUserId={session.user?.id}
+        />
+    );
+}
diff --git a/web/app/dashboard/[guildId]/leveling/page.tsx b/web/app/dashboard/[guildId]/leveling/page.tsx
new file mode 100644
index 0000000..1834b1e
--- /dev/null
+++ b/web/app/dashboard/[guildId]/leveling/page.tsx
@@ -0,0 +1,22 @@
+import { auth } from "@/auth";
+import { redirect, notFound } from "next/navigation";
+import { getUserGuilds } from "@/lib/discord";
+import LevelingEditor from "@/components/LevelingEditor";
+
+export default async function LevelingPage({ params }: { params: Promise<{ guildId: string }> }) {
+    const session = await auth();
+    const { guildId } = await params;
+
+    if (!session?.accessToken) {
+        redirect("/");
+    }
+
+    const guilds = await getUserGuilds(session.accessToken as string);
+    const currentGuild = guilds.find((g) => g.id === guildId);
+
+    if (!currentGuild || !currentGuild.botInGuild) {
+        notFound();
+    }
+
+    return <LevelingEditor guildId={currentGuild.id} />;
+}
diff --git a/web/app/dashboard/[guildId]/page.tsx b/web/app/dashboard/[guildId]/page.tsx
new file mode 100644
index 0000000..2936c6c
--- /dev/null
+++ b/web/app/dashboard/[guildId]/page.tsx
@@ -0,0 +1,8 @@
+import { redirect } from "next/navigation";
+
+export default async function ServerDashboard({ params }: { params: Promise<{ guildId: string }> }) {
+    const { guildId } = await params;
+
+    // Redirect to leaderboard by default
+    redirect(`/dashboard/${guildId}/leaderboard`);
+}
diff --git a/web/app/dashboard/page.tsx b/web/app/dashboard/page.tsx
new file mode 100644
index 0000000..b93cfa7
--- /dev/null
+++ b/web/app/dashboard/page.tsx
@@ -0,0 +1,98 @@
+import { auth } from "@/auth"
+import { redirect } from "next/navigation"
+import Link from "next/link"
+import { getUserGuilds } from "@/lib/discord"
+import Toast from "@/components/Toast"
+
+export default async function Dashboard() {
+    const session = await auth()
+
+    if (!session) {
+        redirect("/")
+    }
+
+    // Fetch user's guilds from Discord API
+    let managedGuilds: any[] = [];
+    if (session?.accessToken) {
+        managedGuilds = await getUserGuilds(session.accessToken as string);
+    }
+
+    return (
+        <div className="min-h-screen bg-black/50 relative">
+            <Toast />
+            {/* Header / User Corner */}
+            <div className="absolute top-4 right-4 flex items-center gap-3 bg-white/5 px-4 py-2 rounded-full border border-white/10 backdrop-blur-md z-10">
+                <div className="text-right hidden sm:block">
+                    <p className="text-sm font-semibold text-white">{session.user?.name}</p>
+                </div>
+                {session.user?.image && (
+                    <img
+                        src={session.user.image}
+                        alt="User"
+                        className="w-10 h-10 rounded-full border border-blue-500/50"
+                    />
+                )}
+            </div>
+
+            <div className="container mx-auto px-4 py-20 flex flex-col items-center">
+                <div className="w-full max-w-4xl mb-8 p-4 bg-blue-500/10 border border-blue-500/20 rounded-lg text-center text-blue-200 text-sm">
+                    If you would like to be participating in the beta program of void sentinel, please send a DM to <span className="font-mono bg-blue-500/20 px-1 rounded">_void_x_</span> on discord.
+                </div>
+
+                <h1 className="text-4xl md:text-5xl font-bold tracking-tighter bg-clip-text text-transparent bg-gradient-to-r from-white via-blue-200 to-slate-400 mb-8">
+                    Select a Server
+                </h1>
+
+                {managedGuilds.length === 0 ? (
+                    <div className="text-gray-400 text-center bg-white/5 p-8 rounded-xl border border-white/10 backdrop-blur-sm max-w-lg">
+                        <p className="text-lg mb-2">No servers found where you have management permissions.</p>
+                        <p className="text-sm">Make sure you have "Manage Server" or "Administrator" permissions.</p>
+                    </div>
+                ) : (
+                    <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 w-full max-w-6xl">
+                        {managedGuilds.map((guild: any) => (
+                            <div key={guild.id} className="group relative bg-white/5 hover:bg-white/10 border border-white/10 hover:border-blue-500/50 rounded-xl p-6 transition-all duration-300 hover:-translate-y-1 overflow-hidden block">
+                                <div className="absolute inset-0 bg-gradient-to-br from-blue-500/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity" />
+
+                                <div className="flex flex-col items-center text-center relative z-10">
+                                    {guild.icon ? (
+                                        <img
+                                            src={`https://cdn.discordapp.com/icons/${guild.id}/${guild.icon}.png`}
+                                            alt={guild.name}
+                                            className="w-20 h-20 rounded-full mb-4 shadow-lg group-hover:scale-105 transition-transform"
+                                        />
+                                    ) : (
+                                        <div className="w-20 h-20 rounded-full mb-4 bg-gray-700 flex items-center justify-center text-2xl font-bold text-gray-400 group-hover:text-white transition-colors">
+                                            {guild.name.substring(0, 2)}
+                                        </div>
+                                    )}
+                                    <h3 className="font-semibold text-lg text-white mb-3 truncate w-full">{guild.name}</h3>
+
+                                    {guild.botInGuild ? (
+                                        <Link href={`/dashboard/${guild.id}`} className="px-4 py-2 bg-blue-500/10 hover:bg-blue-500/20 text-blue-300 rounded-lg border border-blue-500/30 transition-colors w-full">
+                                            Manage
+                                        </Link>
+                                    ) : guild.isBetaServer ? (
+                                        <a
+                                            href={`/api/oauth/invite?guild_id=${guild.id}`}
+                                            className="px-4 py-2 bg-white/5 hover:bg-white/10 text-gray-300 rounded-lg border border-white/10 hover:border-white/20 transition-colors w-full flex items-center justify-center gap-2"
+                                        >
+                                            Add to Server
+                                        </a>
+                                    ) : (
+                                        <button
+                                            disabled
+                                            className="px-4 py-2 bg-white/5 text-gray-500 rounded-lg border border-white/5 cursor-not-allowed w-full flex items-center justify-center gap-2"
+                                        >
+                                            Request Access
+                                        </button>
+                                    )}
+                                </div>
+                            </div>
+                        ))}
+                    </div>
+                )}
+            </div>
+        </div>
+    )
+}
diff --git a/web/app/favicon.ico b/web/app/favicon.ico
new file mode 100644
index 0000000..718d6fe
Binary files /dev/null and b/web/app/favicon.ico differ
diff --git a/web/app/globals.css b/web/app/globals.css
new file mode 100644
index 0000000..f329535
--- /dev/null
+++ b/web/app/globals.css
@@ -0,0 +1,161 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+
+@custom-variant dark (&:is(.dark *));
+
+:root {
+  --primary: oklch(0.205 0 0);
+  --secondary: oklch(0.97 0 0);
+  --accent: oklch(0.97 0 0);
+  --radius: 0.625rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-primary: var(--primary);
+  --color-secondary: var(--secondary);
+  --color-accent: var(--accent);
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar: var(--sidebar);
+  --color-chart-5: var(--chart-5);
+  --color-chart-4: var(--chart-4);
+  --color-chart-3: var(--chart-3);
+  --color-chart-2: var(--chart-2);
+  --color-chart-1: var(--chart-1);
+  --color-ring: var(--ring);
+  --color-input: var(--input);
+  --color-border: var(--border);
+  --color-destructive: var(--destructive);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-muted: var(--muted);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-popover: var(--popover);
+  --color-card-foreground: var(--card-foreground);
+  --color-card: var(--card);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --radius-2xl: calc(var(--radius) + 8px);
+  --radius-3xl: calc(var(--radius) + 12px);
+  --radius-4xl: calc(var(--radius) + 16px);
+}
+
+body {
+  font-family: var(--font-sans), Arial, Helvetica, sans-serif;
+  overflow-x: hidden;
+}
+
+::-webkit-scrollbar {
+  width: 8px;
+}
+
+::-webkit-scrollbar-track {
+  background: var(--background);
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--secondary);
+  border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: var(--accent);
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.205 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.922 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.556 0 0);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.556 0 0);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+
+  body {
+    @apply bg-background text-foreground;
+  }
+}
+
+.no-scrollbar::-webkit-scrollbar {
+  display: none !important;
+  width: 0 !important;
+  height: 0 !important;
+}
+
+.no-scrollbar {
+  -ms-overflow-style: none !important;
+  /* IE and Edge */
+  scrollbar-width: none !important;
+  /* Firefox */
+}
\ No newline at end of file
diff --git a/web/app/layout.tsx b/web/app/layout.tsx
new file mode 100644
index 0000000..7a49e11
--- /dev/null
+++ b/web/app/layout.tsx
@@ -0,0 +1,40 @@
+import type { Metadata } from "next";
+import { Geist, Geist_Mono } from "next/font/google";
+import { ThemeProvider } from "@/components/theme-provider"
+import "./globals.css";
+
+const geistSans = Geist({
+  variable: "--font-geist-sans",
+  subsets: ["latin"],
+});
+
+const geistMono = Geist_Mono({
+  variable: "--font-geist-mono",
+  subsets: ["latin"],
+});
+
+export const metadata: Metadata = {
+  title: "Void Sentinel Dashboard",
+  description: "Manage your Void Sentinel bot, configure leveling roles, check leaderboards, and more.",
+  icons: {
+    icon: "/void_sentinel.png",
+  },
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en" suppressHydrationWarning>
+      <body
+        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+      >
+        <ThemeProvider attribute="class" defaultTheme="dark">
+          {children}
+        </ThemeProvider>
+      </body>
+    </html>
+  );
+}
diff --git a/web/app/page.tsx b/web/app/page.tsx
new file mode 100644
index 0000000..8a35770
--- /dev/null
+++ b/web/app/page.tsx
@@ -0,0 +1,18 @@
+import Background from "@/components/Background";
+import Hero from "@/components/Hero";
+import Features from "@/components/Features";
+import Footer from "@/components/Footer";
+import { auth } from "@/auth";
+import { LoginButton } from "@/components/LoginButton";
+
+export default async function Home() {
+  const session = await auth();
+  return (
+    <main className="relative min-h-screen text-white">
+      <Background />
+      <Hero authButton={<LoginButton session={session} />} />
+      <Features />
+      <Footer />
+    </main>
+  );
+}
diff --git a/web/auth.ts b/web/auth.ts
new file mode 100644
index 0000000..4a5e2f2
--- /dev/null
+++ b/web/auth.ts
@@ -0,0 +1,30 @@
+import NextAuth from "next-auth"
+import Discord from "next-auth/providers/discord"
+
+export const { handlers, signIn, signOut, auth } = NextAuth({
+    providers: [
+        Discord({
+            authorization: "https://discord.com/api/oauth2/authorize?scope=identify+email+guilds",
+        }),
+    ],
+    callbacks: {
+        async jwt({ token, account, profile }) {
+            if (account) {
+                token.accessToken = account.access_token
+                token.discordId = account.providerAccountId
+            }
+            if (profile) {
+                token.discordId = profile.id
+            }
+            return token
+        },
+        async session({ session, token }) {
+            // @ts-expect-error - accessToken is not strictly typed in session yet
+            session.accessToken = token.accessToken
+            if (session.user && token.discordId) {
+                session.user.id = token.discordId as string
+            }
+            return session
+        },
+    },
+})
diff --git a/web/bun.lock b/web/bun.lock
new file mode 100644
index 0000000..0f6253b
--- /dev/null
+++ b/web/bun.lock
@@ -0,0 +1,935 @@
+{
+  "lockfileVersion": 1,
+  "configVersion": 1,
+  "workspaces": {
+    "": {
+      "name": "void-sentinel-web",
+      "dependencies": {
+        "@gsap/react": "^2.1.2",
+        "@radix-ui/react-slot": "^1.2.4",
+        "class-variance-authority": "^0.7.1",
+        "clsx": "^2.1.1",
+        "gsap": "^3.14.2",
+        "lucide-react": "^0.562.0",
+        "next": "16.1.1",
+        "next-auth": "^5.0.0-beta.30",
+        "next-themes": "^0.4.6",
+        "react": "19.2.3",
+        "react-dom": "19.2.3",
+        "tailwind-merge": "^3.4.0",
+      },
+      "devDependencies": {
+        "@tailwindcss/postcss": "^4",
+        "@types/node": "^20",
+        "@types/react": "^19",
+        "@types/react-dom": "^19",
+        "eslint": "^9",
+        "eslint-config-next": "16.1.1",
+        "tailwindcss": "^4",
+        "tw-animate-css": "^1.4.0",
+        "typescript": "^5",
+      },
+    },
+  },
+  "trustedDependencies": [
+    "sharp",
+    "unrs-resolver",
+  ],
+  "packages": {
+    "@alloc/quick-lru": ["@alloc/quick-lru@5.2.0", "", {}, "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw=="],
+
+    "@auth/core": ["@auth/core@0.41.0", "", { "dependencies": { "@panva/hkdf": "^1.2.1", "jose": "^6.0.6", "oauth4webapi": "^3.3.0", "preact": "10.24.3", "preact-render-to-string": "6.5.11" }, "peerDependencies": { "@simplewebauthn/browser": "^9.0.1", "@simplewebauthn/server": "^9.0.2", "nodemailer": "^6.8.0" }, "optionalPeers": ["@simplewebauthn/browser", "@simplewebauthn/server", "nodemailer"] }, "sha512-Wd7mHPQ/8zy6Qj7f4T46vg3aoor8fskJm6g2Zyj064oQ3+p0xNZXAV60ww0hY+MbTesfu29kK14Zk5d5JTazXQ=="],
+
+    "@babel/code-frame": ["@babel/code-frame@7.27.1", "", { "dependencies": { "@babel/helper-validator-identifier": "^7.27.1", "js-tokens": "^4.0.0", "picocolors": "^1.1.1" } }, "sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg=="],
+
+    "@babel/compat-data": ["@babel/compat-data@7.28.5", "", {}, "sha512-6uFXyCayocRbqhZOB+6XcuZbkMNimwfVGFji8CTZnCzOHVGvDqzvitu1re2AU5LROliz7eQPhB8CpAMvnx9EjA=="],
+
+    "@babel/core": ["@babel/core@7.28.5", "", { "dependencies": { "@babel/code-frame": "^7.27.1", "@babel/generator": "^7.28.5", "@babel/helper-compilation-targets": "^7.27.2", "@babel/helper-module-transforms": "^7.28.3", "@babel/helpers": "^7.28.4", "@babel/parser": "^7.28.5", "@babel/template": "^7.27.2", "@babel/traverse": "^7.28.5", "@babel/types": "^7.28.5", "@jridgewell/remapping": "^2.3.5", "convert-source-map": "^2.0.0", "debug": "^4.1.0", "gensync": "^1.0.0-beta.2", "json5": "^2.2.3", "semver": "^6.3.1" } }, "sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw=="],
+
+    "@babel/generator": ["@babel/generator@7.28.5", "", { "dependencies": { "@babel/parser": "^7.28.5", "@babel/types": "^7.28.5", "@jridgewell/gen-mapping": "^0.3.12", "@jridgewell/trace-mapping": "^0.3.28", "jsesc": "^3.0.2" } }, "sha512-3EwLFhZ38J4VyIP6WNtt2kUdW9dokXA9Cr4IVIFHuCpZ3H8/YFOl5JjZHisrn1fATPBmKKqXzDFvh9fUwHz6CQ=="],
+
+    "@babel/helper-compilation-targets": ["@babel/helper-compilation-targets@7.27.2", "", { "dependencies": { "@babel/compat-data": "^7.27.2", "@babel/helper-validator-option": "^7.27.1", "browserslist": "^4.24.0", "lru-cache": "^5.1.1", "semver": "^6.3.1" } }, "sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ=="],
+
+    "@babel/helper-globals": ["@babel/helper-globals@7.28.0", "", {}, "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw=="],
+
+    "@babel/helper-module-imports": ["@babel/helper-module-imports@7.27.1", "", { "dependencies": { "@babel/traverse": "^7.27.1", "@babel/types": "^7.27.1" } }, "sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w=="],
+
+    "@babel/helper-module-transforms": ["@babel/helper-module-transforms@7.28.3", "", { "dependencies": { "@babel/helper-module-imports": "^7.27.1", "@babel/helper-validator-identifier": "^7.27.1", "@babel/traverse": "^7.28.3" }, "peerDependencies": { "@babel/core": "^7.0.0" } }, "sha512-gytXUbs8k2sXS9PnQptz5o0QnpLL51SwASIORY6XaBKF88nsOT0Zw9szLqlSGQDP/4TljBAD5y98p2U1fqkdsw=="],
+
+    "@babel/helper-string-parser": ["@babel/helper-string-parser@7.27.1", "", {}, "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA=="],
+
+    "@babel/helper-validator-identifier": ["@babel/helper-validator-identifier@7.28.5", "", {}, "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q=="],
+
+    "@babel/helper-validator-option": ["@babel/helper-validator-option@7.27.1", "", {}, "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg=="],
+
+    "@babel/helpers": ["@babel/helpers@7.28.4", "", { "dependencies": { "@babel/template": "^7.27.2", "@babel/types": "^7.28.4" } }, "sha512-HFN59MmQXGHVyYadKLVumYsA9dBFun/ldYxipEjzA4196jpLZd8UjEEBLkbEkvfYreDqJhZxYAWFPtrfhNpj4w=="],
+
+    "@babel/parser": ["@babel/parser@7.28.5", "", { "dependencies": { "@babel/types": "^7.28.5" }, "bin": "./bin/babel-parser.js" }, "sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ=="],
+
+    "@babel/template": ["@babel/template@7.27.2", "", { "dependencies": { "@babel/code-frame": "^7.27.1", "@babel/parser": "^7.27.2", "@babel/types": "^7.27.1" } }, "sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw=="],
+
+    "@babel/traverse": ["@babel/traverse@7.28.5", "", { "dependencies": { "@babel/code-frame": "^7.27.1", "@babel/generator": "^7.28.5", "@babel/helper-globals": "^7.28.0", "@babel/parser": "^7.28.5", "@babel/template": "^7.27.2", "@babel/types": "^7.28.5", "debug": "^4.3.1" } }, "sha512-TCCj4t55U90khlYkVV/0TfkJkAkUg3jZFA3Neb7unZT8CPok7iiRfaX0F+WnqWqt7OxhOn0uBKXCw4lbL8W0aQ=="],
+
+    "@babel/types": ["@babel/types@7.28.5", "", { "dependencies": { "@babel/helper-string-parser": "^7.27.1", "@babel/helper-validator-identifier": "^7.28.5" } }, "sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA=="],
+
+    "@emnapi/core": ["@emnapi/core@1.7.1", "", { "dependencies": { "@emnapi/wasi-threads": "1.1.0", "tslib": "^2.4.0" } }, "sha512-o1uhUASyo921r2XtHYOHy7gdkGLge8ghBEQHMWmyJFoXlpU58kIrhhN3w26lpQb6dspetweapMn2CSNwQ8I4wg=="],
+
+    "@emnapi/runtime": ["@emnapi/runtime@1.7.1", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-PVtJr5CmLwYAU9PZDMITZoR5iAOShYREoR45EyyLrbntV50mdePTgUn4AmOw90Ifcj+x2kRjdzr1HP3RrNiHGA=="],
+
+    "@emnapi/wasi-threads": ["@emnapi/wasi-threads@1.1.0", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ=="],
+
+    "@eslint-community/eslint-utils": ["@eslint-community/eslint-utils@4.9.0", "", { "dependencies": { "eslint-visitor-keys": "^3.4.3" }, "peerDependencies": { "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0" } }, "sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g=="],
+
+    "@eslint-community/regexpp": ["@eslint-community/regexpp@4.12.2", "", {}, "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew=="],
+
+    "@eslint/config-array": ["@eslint/config-array@0.21.1", "", { "dependencies": { "@eslint/object-schema": "^2.1.7", "debug": "^4.3.1", "minimatch": "^3.1.2" } }, "sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA=="],
+
+    "@eslint/config-helpers": ["@eslint/config-helpers@0.4.2", "", { "dependencies": { "@eslint/core": "^0.17.0" } }, "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw=="],
+
+    "@eslint/core": ["@eslint/core@0.17.0", "", { "dependencies": { "@types/json-schema": "^7.0.15" } }, "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ=="],
+
+    "@eslint/eslintrc": ["@eslint/eslintrc@3.3.3", "", { "dependencies": { "ajv": "^6.12.4", "debug": "^4.3.2", "espree": "^10.0.1", "globals": "^14.0.0", "ignore": "^5.2.0", "import-fresh": "^3.2.1", "js-yaml": "^4.1.1", "minimatch": "^3.1.2", "strip-json-comments": "^3.1.1" } }, "sha512-Kr+LPIUVKz2qkx1HAMH8q1q6azbqBAsXJUxBl/ODDuVPX45Z9DfwB8tPjTi6nNZ8BuM3nbJxC5zCAg5elnBUTQ=="],
+
+    "@eslint/js": ["@eslint/js@9.39.2", "", {}, "sha512-q1mjIoW1VX4IvSocvM/vbTiveKC4k9eLrajNEuSsmjymSDEbpGddtpfOoN7YGAqBK3NG+uqo8ia4PDTt8buCYA=="],
+
+    "@eslint/object-schema": ["@eslint/object-schema@2.1.7", "", {}, "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA=="],
+
+    "@eslint/plugin-kit": ["@eslint/plugin-kit@0.4.1", "", { "dependencies": { "@eslint/core": "^0.17.0", "levn": "^0.4.1" } }, "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA=="],
+
+    "@gsap/react": ["@gsap/react@2.1.2", "", { "peerDependencies": { "gsap": "^3.12.5", "react": ">=17" } }, "sha512-JqliybO1837UcgH2hVOM4VO+38APk3ECNrsuSM4MuXp+rbf+/2IG2K1YJiqfTcXQHH7XlA0m3ykniFYstfq0Iw=="],
+
+    "@humanfs/core": ["@humanfs/core@0.19.1", "", {}, "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA=="],
+
+    "@humanfs/node": ["@humanfs/node@0.16.7", "", { "dependencies": { "@humanfs/core": "^0.19.1", "@humanwhocodes/retry": "^0.4.0" } }, "sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ=="],
+
+    "@humanwhocodes/module-importer": ["@humanwhocodes/module-importer@1.0.1", "", {}, "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA=="],
+
+    "@humanwhocodes/retry": ["@humanwhocodes/retry@0.4.3", "", {}, "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ=="],
+
+    "@img/colour": ["@img/colour@1.0.0", "", {}, "sha512-A5P/LfWGFSl6nsckYtjw9da+19jB8hkJ6ACTGcDfEJ0aE+l2n2El7dsVM7UVHZQ9s2lmYMWlrS21YLy2IR1LUw=="],
+
+    "@img/sharp-darwin-arm64": ["@img/sharp-darwin-arm64@0.34.5", "", { "optionalDependencies": { "@img/sharp-libvips-darwin-arm64": "1.2.4" }, "os": "darwin", "cpu": "arm64" }, "sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w=="],
+
+    "@img/sharp-darwin-x64": ["@img/sharp-darwin-x64@0.34.5", "", { "optionalDependencies": { "@img/sharp-libvips-darwin-x64": "1.2.4" }, "os": "darwin", "cpu": "x64" }, "sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw=="],
+
+    "@img/sharp-libvips-darwin-arm64": ["@img/sharp-libvips-darwin-arm64@1.2.4", "", { "os": "darwin", "cpu": "arm64" }, "sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g=="],
+
+    "@img/sharp-libvips-darwin-x64": ["@img/sharp-libvips-darwin-x64@1.2.4", "", { "os": "darwin", "cpu": "x64" }, "sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg=="],
+
+    "@img/sharp-libvips-linux-arm": ["@img/sharp-libvips-linux-arm@1.2.4", "", { "os": "linux", "cpu": "arm" }, "sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A=="],
+
+    "@img/sharp-libvips-linux-arm64": ["@img/sharp-libvips-linux-arm64@1.2.4", "", { "os": "linux", "cpu": "arm64" }, "sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw=="],
+
+    "@img/sharp-libvips-linux-ppc64": ["@img/sharp-libvips-linux-ppc64@1.2.4", "", { "os": "linux", "cpu": "ppc64" }, "sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA=="],
+
+    "@img/sharp-libvips-linux-riscv64": ["@img/sharp-libvips-linux-riscv64@1.2.4", "", { "os": "linux", "cpu": "none" }, "sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA=="],
+
+    "@img/sharp-libvips-linux-s390x": ["@img/sharp-libvips-linux-s390x@1.2.4", "", { "os": "linux", "cpu": "s390x" }, "sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ=="],
+
+    "@img/sharp-libvips-linux-x64": ["@img/sharp-libvips-linux-x64@1.2.4", "", { "os": "linux", "cpu": "x64" }, "sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw=="],
+
+    "@img/sharp-libvips-linuxmusl-arm64": ["@img/sharp-libvips-linuxmusl-arm64@1.2.4", "", { "os": "linux", "cpu": "arm64" }, "sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw=="],
+
+    "@img/sharp-libvips-linuxmusl-x64": ["@img/sharp-libvips-linuxmusl-x64@1.2.4", "", { "os": "linux", "cpu": "x64" }, "sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg=="],
+
+    "@img/sharp-linux-arm": ["@img/sharp-linux-arm@0.34.5", "", { "optionalDependencies": { "@img/sharp-libvips-linux-arm": "1.2.4" }, "os": "linux", "cpu": "arm" }, "sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw=="],
+
+    "@img/sharp-linux-arm64": ["@img/sharp-linux-arm64@0.34.5", "", { "optionalDependencies": { "@img/sharp-libvips-linux-arm64": "1.2.4" }, "os": "linux", "cpu": "arm64" }, "sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg=="],
+
+    "@img/sharp-linux-ppc64": ["@img/sharp-linux-ppc64@0.34.5", "", { "optionalDependencies": { "@img/sharp-libvips-linux-ppc64": "1.2.4" }, "os": "linux", "cpu": "ppc64" }, "sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA=="],
+
+    "@img/sharp-linux-riscv64": ["@img/sharp-linux-riscv64@0.34.5", "", { "optionalDependencies": { "@img/sharp-libvips-linux-riscv64": "1.2.4" }, "os": "linux", "cpu": "none" }, "sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw=="],
+
+    "@img/sharp-linux-s390x": ["@img/sharp-linux-s390x@0.34.5", "", { "optionalDependencies": { "@img/sharp-libvips-linux-s390x": "1.2.4" }, "os": "linux", "cpu": "s390x" }, "sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg=="],
+
+    "@img/sharp-linux-x64": ["@img/sharp-linux-x64@0.34.5", "", { "optionalDependencies": { "@img/sharp-libvips-linux-x64": "1.2.4" }, "os": "linux", "cpu": "x64" }, "sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ=="],
+
+    "@img/sharp-linuxmusl-arm64": ["@img/sharp-linuxmusl-arm64@0.34.5", "", { "optionalDependencies": { "@img/sharp-libvips-linuxmusl-arm64": "1.2.4" }, "os": "linux", "cpu": "arm64" }, "sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg=="],
+
+    "@img/sharp-linuxmusl-x64": ["@img/sharp-linuxmusl-x64@0.34.5", "", { "optionalDependencies": { "@img/sharp-libvips-linuxmusl-x64": "1.2.4" }, "os": "linux", "cpu": "x64" }, "sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q=="],
+
+    "@img/sharp-wasm32": ["@img/sharp-wasm32@0.34.5", "", { "dependencies": { "@emnapi/runtime": "^1.7.0" }, "cpu": "none" }, "sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw=="],
+
+    "@img/sharp-win32-arm64": ["@img/sharp-win32-arm64@0.34.5", "", { "os": "win32", "cpu": "arm64" }, "sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g=="],
+
+    "@img/sharp-win32-ia32": ["@img/sharp-win32-ia32@0.34.5", "", { "os": "win32", "cpu": "ia32" }, "sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg=="],
+
+    "@img/sharp-win32-x64": ["@img/sharp-win32-x64@0.34.5", "", { "os": "win32", "cpu": "x64" }, "sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw=="],
+
+    "@jridgewell/gen-mapping": ["@jridgewell/gen-mapping@0.3.13", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.0", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA=="],
+
+    "@jridgewell/remapping": ["@jridgewell/remapping@2.3.5", "", { "dependencies": { "@jridgewell/gen-mapping": "^0.3.5", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ=="],
+
+    "@jridgewell/resolve-uri": ["@jridgewell/resolve-uri@3.1.2", "", {}, "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw=="],
+
+    "@jridgewell/sourcemap-codec": ["@jridgewell/sourcemap-codec@1.5.5", "", {}, "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og=="],
+
+    "@jridgewell/trace-mapping": ["@jridgewell/trace-mapping@0.3.31", "", { "dependencies": { "@jridgewell/resolve-uri": "^3.1.0", "@jridgewell/sourcemap-codec": "^1.4.14" } }, "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw=="],
+
+    "@napi-rs/wasm-runtime": ["@napi-rs/wasm-runtime@0.2.12", "", { "dependencies": { "@emnapi/core": "^1.4.3", "@emnapi/runtime": "^1.4.3", "@tybys/wasm-util": "^0.10.0" } }, "sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ=="],
+
+    "@next/env": ["@next/env@16.1.1", "", {}, "sha512-3oxyM97Sr2PqiVyMyrZUtrtM3jqqFxOQJVuKclDsgj/L728iZt/GyslkN4NwarledZATCenbk4Offjk1hQmaAA=="],
+
+    "@next/eslint-plugin-next": ["@next/eslint-plugin-next@16.1.1", "", { "dependencies": { "fast-glob": "3.3.1" } }, "sha512-Ovb/6TuLKbE1UiPcg0p39Ke3puyTCIKN9hGbNItmpQsp+WX3qrjO3WaMVSi6JHr9X1NrmthqIguVHodMJbh/dw=="],
+
+    "@next/swc-darwin-arm64": ["@next/swc-darwin-arm64@16.1.1", "", { "os": "darwin", "cpu": "arm64" }, "sha512-JS3m42ifsVSJjSTzh27nW+Igfha3NdBOFScr9C80hHGrWx55pTrVL23RJbqir7k7/15SKlrLHhh/MQzqBBYrQA=="],
+
+    "@next/swc-darwin-x64": ["@next/swc-darwin-x64@16.1.1", "", { "os": "darwin", "cpu": "x64" }, "sha512-hbyKtrDGUkgkyQi1m1IyD3q4I/3m9ngr+V93z4oKHrPcmxwNL5iMWORvLSGAf2YujL+6HxgVvZuCYZfLfb4bGw=="],
+
+    "@next/swc-linux-arm64-gnu": ["@next/swc-linux-arm64-gnu@16.1.1", "", { "os": "linux", "cpu": "arm64" }, "sha512-/fvHet+EYckFvRLQ0jPHJCUI5/B56+2DpI1xDSvi80r/3Ez+Eaa2Yq4tJcRTaB1kqj/HrYKn8Yplm9bNoMJpwQ=="],
+
+    "@next/swc-linux-arm64-musl": ["@next/swc-linux-arm64-musl@16.1.1", "", { "os": "linux", "cpu": "arm64" }, "sha512-MFHrgL4TXNQbBPzkKKur4Fb5ICEJa87HM7fczFs2+HWblM7mMLdco3dvyTI+QmLBU9xgns/EeeINSZD6Ar+oLg=="],
+
+    "@next/swc-linux-x64-gnu": ["@next/swc-linux-x64-gnu@16.1.1", "", { "os": "linux", "cpu": "x64" }, "sha512-20bYDfgOQAPUkkKBnyP9PTuHiJGM7HzNBbuqmD0jiFVZ0aOldz+VnJhbxzjcSabYsnNjMPsE0cyzEudpYxsrUQ=="],
+
+    "@next/swc-linux-x64-musl": ["@next/swc-linux-x64-musl@16.1.1", "", { "os": "linux", "cpu": "x64" }, "sha512-9pRbK3M4asAHQRkwaXwu601oPZHghuSC8IXNENgbBSyImHv/zY4K5udBusgdHkvJ/Tcr96jJwQYOll0qU8+fPA=="],
+
+    "@next/swc-win32-arm64-msvc": ["@next/swc-win32-arm64-msvc@16.1.1", "", { "os": "win32", "cpu": "arm64" }, "sha512-bdfQkggaLgnmYrFkSQfsHfOhk/mCYmjnrbRCGgkMcoOBZ4n+TRRSLmT/CU5SATzlBJ9TpioUyBW/vWFXTqQRiA=="],
+
+    "@next/swc-win32-x64-msvc": ["@next/swc-win32-x64-msvc@16.1.1", "", { "os": "win32", "cpu": "x64" }, "sha512-Ncwbw2WJ57Al5OX0k4chM68DKhEPlrXBaSXDCi2kPi5f4d8b3ejr3RRJGfKBLrn2YJL5ezNS7w2TZLHSti8CMw=="],
+
+    "@nodelib/fs.scandir": ["@nodelib/fs.scandir@2.1.5", "", { "dependencies": { "@nodelib/fs.stat": "2.0.5", "run-parallel": "^1.1.9" } }, "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g=="],
+
+    "@nodelib/fs.stat": ["@nodelib/fs.stat@2.0.5", "", {}, "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A=="],
+
+    "@nodelib/fs.walk": ["@nodelib/fs.walk@1.2.8", "", { "dependencies": { "@nodelib/fs.scandir": "2.1.5", "fastq": "^1.6.0" } }, "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg=="],
+
+    "@nolyfill/is-core-module": ["@nolyfill/is-core-module@1.0.39", "", {}, "sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA=="],
+
+    "@panva/hkdf": ["@panva/hkdf@1.2.1", "", {}, "sha512-6oclG6Y3PiDFcoyk8srjLfVKyMfVCKJ27JwNPViuXziFpmdz+MZnZN/aKY0JGXgYuO/VghU0jcOAZgWXZ1Dmrw=="],
+
+    "@radix-ui/react-compose-refs": ["@radix-ui/react-compose-refs@1.1.2", "", { "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg=="],
+
+    "@radix-ui/react-slot": ["@radix-ui/react-slot@1.2.4", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-Jl+bCv8HxKnlTLVrcDE8zTMJ09R9/ukw4qBs/oZClOfoQk/cOTbDn+NceXfV7j09YPVQUryJPHurafcSg6EVKA=="],
+
+    "@rtsao/scc": ["@rtsao/scc@1.1.0", "", {}, "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g=="],
+
+    "@swc/helpers": ["@swc/helpers@0.5.15", "", { "dependencies": { "tslib": "^2.8.0" } }, "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g=="],
+
+    "@tailwindcss/node": ["@tailwindcss/node@4.1.18", "", { "dependencies": { "@jridgewell/remapping": "^2.3.4", "enhanced-resolve": "^5.18.3", "jiti": "^2.6.1", "lightningcss": "1.30.2", "magic-string": "^0.30.21", "source-map-js": "^1.2.1", "tailwindcss": "4.1.18" } }, "sha512-DoR7U1P7iYhw16qJ49fgXUlry1t4CpXeErJHnQ44JgTSKMaZUdf17cfn5mHchfJ4KRBZRFA/Coo+MUF5+gOaCQ=="],
+
+    "@tailwindcss/oxide": ["@tailwindcss/oxide@4.1.18", "", { "optionalDependencies": { "@tailwindcss/oxide-android-arm64": "4.1.18", "@tailwindcss/oxide-darwin-arm64": "4.1.18", "@tailwindcss/oxide-darwin-x64": "4.1.18", "@tailwindcss/oxide-freebsd-x64": "4.1.18", "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.18", "@tailwindcss/oxide-linux-arm64-gnu": "4.1.18", "@tailwindcss/oxide-linux-arm64-musl": "4.1.18", "@tailwindcss/oxide-linux-x64-gnu": "4.1.18", "@tailwindcss/oxide-linux-x64-musl": "4.1.18", "@tailwindcss/oxide-wasm32-wasi": "4.1.18", "@tailwindcss/oxide-win32-arm64-msvc": "4.1.18", "@tailwindcss/oxide-win32-x64-msvc": "4.1.18" } }, "sha512-EgCR5tTS5bUSKQgzeMClT6iCY3ToqE1y+ZB0AKldj809QXk1Y+3jB0upOYZrn9aGIzPtUsP7sX4QQ4XtjBB95A=="],
+
+    "@tailwindcss/oxide-android-arm64": ["@tailwindcss/oxide-android-arm64@4.1.18", "", { "os": "android", "cpu": "arm64" }, "sha512-dJHz7+Ugr9U/diKJA0W6N/6/cjI+ZTAoxPf9Iz9BFRF2GzEX8IvXxFIi/dZBloVJX/MZGvRuFA9rqwdiIEZQ0Q=="],
+
+    "@tailwindcss/oxide-darwin-arm64": ["@tailwindcss/oxide-darwin-arm64@4.1.18", "", { "os": "darwin", "cpu": "arm64" }, "sha512-Gc2q4Qhs660bhjyBSKgq6BYvwDz4G+BuyJ5H1xfhmDR3D8HnHCmT/BSkvSL0vQLy/nkMLY20PQ2OoYMO15Jd0A=="],
+
+    "@tailwindcss/oxide-darwin-x64": ["@tailwindcss/oxide-darwin-x64@4.1.18", "", { "os": "darwin", "cpu": "x64" }, "sha512-FL5oxr2xQsFrc3X9o1fjHKBYBMD1QZNyc1Xzw/h5Qu4XnEBi3dZn96HcHm41c/euGV+GRiXFfh2hUCyKi/e+yw=="],
+
+    "@tailwindcss/oxide-freebsd-x64": ["@tailwindcss/oxide-freebsd-x64@4.1.18", "", { "os": "freebsd", "cpu": "x64" }, "sha512-Fj+RHgu5bDodmV1dM9yAxlfJwkkWvLiRjbhuO2LEtwtlYlBgiAT4x/j5wQr1tC3SANAgD+0YcmWVrj8R9trVMA=="],
+
+    "@tailwindcss/oxide-linux-arm-gnueabihf": ["@tailwindcss/oxide-linux-arm-gnueabihf@4.1.18", "", { "os": "linux", "cpu": "arm" }, "sha512-Fp+Wzk/Ws4dZn+LV2Nqx3IilnhH51YZoRaYHQsVq3RQvEl+71VGKFpkfHrLM/Li+kt5c0DJe/bHXK1eHgDmdiA=="],
+
+    "@tailwindcss/oxide-linux-arm64-gnu": ["@tailwindcss/oxide-linux-arm64-gnu@4.1.18", "", { "os": "linux", "cpu": "arm64" }, "sha512-S0n3jboLysNbh55Vrt7pk9wgpyTTPD0fdQeh7wQfMqLPM/Hrxi+dVsLsPrycQjGKEQk85Kgbx+6+QnYNiHalnw=="],
+
+    "@tailwindcss/oxide-linux-arm64-musl": ["@tailwindcss/oxide-linux-arm64-musl@4.1.18", "", { "os": "linux", "cpu": "arm64" }, "sha512-1px92582HkPQlaaCkdRcio71p8bc8i/ap5807tPRDK/uw953cauQBT8c5tVGkOwrHMfc2Yh6UuxaH4vtTjGvHg=="],
+
+    "@tailwindcss/oxide-linux-x64-gnu": ["@tailwindcss/oxide-linux-x64-gnu@4.1.18", "", { "os": "linux", "cpu": "x64" }, "sha512-v3gyT0ivkfBLoZGF9LyHmts0Isc8jHZyVcbzio6Wpzifg/+5ZJpDiRiUhDLkcr7f/r38SWNe7ucxmGW3j3Kb/g=="],
+
+    "@tailwindcss/oxide-linux-x64-musl": ["@tailwindcss/oxide-linux-x64-musl@4.1.18", "", { "os": "linux", "cpu": "x64" }, "sha512-bhJ2y2OQNlcRwwgOAGMY0xTFStt4/wyU6pvI6LSuZpRgKQwxTec0/3Scu91O8ir7qCR3AuepQKLU/kX99FouqQ=="],
+
+    "@tailwindcss/oxide-wasm32-wasi": ["@tailwindcss/oxide-wasm32-wasi@4.1.18", "", { "dependencies": { "@emnapi/core": "^1.7.1", "@emnapi/runtime": "^1.7.1", "@emnapi/wasi-threads": "^1.1.0", "@napi-rs/wasm-runtime": "^1.1.0", "@tybys/wasm-util": "^0.10.1", "tslib": "^2.4.0" }, "cpu": "none" }, "sha512-LffYTvPjODiP6PT16oNeUQJzNVyJl1cjIebq/rWWBF+3eDst5JGEFSc5cWxyRCJ0Mxl+KyIkqRxk1XPEs9x8TA=="],
+
+    "@tailwindcss/oxide-win32-arm64-msvc": ["@tailwindcss/oxide-win32-arm64-msvc@4.1.18", "", { "os": "win32", "cpu": "arm64" }, "sha512-HjSA7mr9HmC8fu6bdsZvZ+dhjyGCLdotjVOgLA2vEqxEBZaQo9YTX4kwgEvPCpRh8o4uWc4J/wEoFzhEmjvPbA=="],
+
+    "@tailwindcss/oxide-win32-x64-msvc": ["@tailwindcss/oxide-win32-x64-msvc@4.1.18", "", { "os": "win32", "cpu": "x64" }, "sha512-bJWbyYpUlqamC8dpR7pfjA0I7vdF6t5VpUGMWRkXVE3AXgIZjYUYAK7II1GNaxR8J1SSrSrppRar8G++JekE3Q=="],
+
+    "@tailwindcss/postcss": ["@tailwindcss/postcss@4.1.18", "", { "dependencies": { "@alloc/quick-lru": "^5.2.0", "@tailwindcss/node": "4.1.18", "@tailwindcss/oxide": "4.1.18", "postcss": "^8.4.41", "tailwindcss": "4.1.18" } }, "sha512-Ce0GFnzAOuPyfV5SxjXGn0CubwGcuDB0zcdaPuCSzAa/2vII24JTkH+I6jcbXLb1ctjZMZZI6OjDaLPJQL1S0g=="],
+
+    "@tybys/wasm-util": ["@tybys/wasm-util@0.10.1", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg=="],
+
+    "@types/estree": ["@types/estree@1.0.8", "", {}, "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w=="],
+
+    "@types/json-schema": ["@types/json-schema@7.0.15", "", {}, "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA=="],
+
+    "@types/json5": ["@types/json5@0.0.29", "", {}, "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ=="],
+
+    "@types/node": ["@types/node@20.19.27", "", { "dependencies": { "undici-types": "~6.21.0" } }, "sha512-N2clP5pJhB2YnZJ3PIHFk5RkygRX5WO/5f0WC08tp0wd+sv0rsJk3MqWn3CbNmT2J505a5336jaQj4ph1AdMug=="],
+
+    "@types/react": ["@types/react@19.2.7", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-MWtvHrGZLFttgeEj28VXHxpmwYbor/ATPYbBfSFZEIRK0ecCFLl2Qo55z52Hss+UV9CRN7trSeq1zbgx7YDWWg=="],
+
+    "@types/react-dom": ["@types/react-dom@19.2.3", "", { "peerDependencies": { "@types/react": "^19.2.0" } }, "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ=="],
+
+    "@typescript-eslint/eslint-plugin": ["@typescript-eslint/eslint-plugin@8.51.0", "", { "dependencies": { "@eslint-community/regexpp": "^4.10.0", "@typescript-eslint/scope-manager": "8.51.0", "@typescript-eslint/type-utils": "8.51.0", "@typescript-eslint/utils": "8.51.0", "@typescript-eslint/visitor-keys": "8.51.0", "ignore": "^7.0.0", "natural-compare": "^1.4.0", "ts-api-utils": "^2.2.0" }, "peerDependencies": { "@typescript-eslint/parser": "^8.51.0", "eslint": "^8.57.0 || ^9.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-XtssGWJvypyM2ytBnSnKtHYOGT+4ZwTnBVl36TA4nRO2f4PRNGz5/1OszHzcZCvcBMh+qb7I06uoCmLTRdR9og=="],
+
+    "@typescript-eslint/parser": ["@typescript-eslint/parser@8.51.0", "", { "dependencies": { "@typescript-eslint/scope-manager": "8.51.0", "@typescript-eslint/types": "8.51.0", "@typescript-eslint/typescript-estree": "8.51.0", "@typescript-eslint/visitor-keys": "8.51.0", "debug": "^4.3.4" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-3xP4XzzDNQOIqBMWogftkwxhg5oMKApqY0BAflmLZiFYHqyhSOxv/cd/zPQLTcCXr4AkaKb25joocY0BD1WC6A=="],
+
+    "@typescript-eslint/project-service": ["@typescript-eslint/project-service@8.51.0", "", { "dependencies": { "@typescript-eslint/tsconfig-utils": "^8.51.0", "@typescript-eslint/types": "^8.51.0", "debug": "^4.3.4" }, "peerDependencies": { "typescript": ">=4.8.4 <6.0.0" } }, "sha512-Luv/GafO07Z7HpiI7qeEW5NW8HUtZI/fo/kE0YbtQEFpJRUuR0ajcWfCE5bnMvL7QQFrmT/odMe8QZww8X2nfQ=="],
+
+    "@typescript-eslint/scope-manager": ["@typescript-eslint/scope-manager@8.51.0", "", { "dependencies": { "@typescript-eslint/types": "8.51.0", "@typescript-eslint/visitor-keys": "8.51.0" } }, "sha512-JhhJDVwsSx4hiOEQPeajGhCWgBMBwVkxC/Pet53EpBVs7zHHtayKefw1jtPaNRXpI9RA2uocdmpdfE7T+NrizA=="],
+
+    "@typescript-eslint/tsconfig-utils": ["@typescript-eslint/tsconfig-utils@8.51.0", "", { "peerDependencies": { "typescript": ">=4.8.4 <6.0.0" } }, "sha512-Qi5bSy/vuHeWyir2C8u/uqGMIlIDu8fuiYWv48ZGlZ/k+PRPHtaAu7erpc7p5bzw2WNNSniuxoMSO4Ar6V9OXw=="],
+
+    "@typescript-eslint/type-utils": ["@typescript-eslint/type-utils@8.51.0", "", { "dependencies": { "@typescript-eslint/types": "8.51.0", "@typescript-eslint/typescript-estree": "8.51.0", "@typescript-eslint/utils": "8.51.0", "debug": "^4.3.4", "ts-api-utils": "^2.2.0" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-0XVtYzxnobc9K0VU7wRWg1yiUrw4oQzexCG2V2IDxxCxhqBMSMbjB+6o91A+Uc0GWtgjCa3Y8bi7hwI0Tu4n5Q=="],
+
+    "@typescript-eslint/types": ["@typescript-eslint/types@8.51.0", "", {}, "sha512-TizAvWYFM6sSscmEakjY3sPqGwxZRSywSsPEiuZF6d5GmGD9Gvlsv0f6N8FvAAA0CD06l3rIcWNbsN1e5F/9Ag=="],
+
+    "@typescript-eslint/typescript-estree": ["@typescript-eslint/typescript-estree@8.51.0", "", { "dependencies": { "@typescript-eslint/project-service": "8.51.0", "@typescript-eslint/tsconfig-utils": "8.51.0", "@typescript-eslint/types": "8.51.0", "@typescript-eslint/visitor-keys": "8.51.0", "debug": "^4.3.4", "minimatch": "^9.0.4", "semver": "^7.6.0", "tinyglobby": "^0.2.15", "ts-api-utils": "^2.2.0" }, "peerDependencies": { "typescript": ">=4.8.4 <6.0.0" } }, "sha512-1qNjGqFRmlq0VW5iVlcyHBbCjPB7y6SxpBkrbhNWMy/65ZoncXCEPJxkRZL8McrseNH6lFhaxCIaX+vBuFnRng=="],
+
+    "@typescript-eslint/utils": ["@typescript-eslint/utils@8.51.0", "", { "dependencies": { "@eslint-community/eslint-utils": "^4.7.0", "@typescript-eslint/scope-manager": "8.51.0", "@typescript-eslint/types": "8.51.0", "@typescript-eslint/typescript-estree": "8.51.0" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-11rZYxSe0zabiKaCP2QAwRf/dnmgFgvTmeDTtZvUvXG3UuAdg/GU02NExmmIXzz3vLGgMdtrIosI84jITQOxUA=="],
+
+    "@typescript-eslint/visitor-keys": ["@typescript-eslint/visitor-keys@8.51.0", "", { "dependencies": { "@typescript-eslint/types": "8.51.0", "eslint-visitor-keys": "^4.2.1" } }, "sha512-mM/JRQOzhVN1ykejrvwnBRV3+7yTKK8tVANVN3o1O0t0v7o+jqdVu9crPy5Y9dov15TJk/FTIgoUGHrTOVL3Zg=="],
+
+    "@unrs/resolver-binding-android-arm-eabi": ["@unrs/resolver-binding-android-arm-eabi@1.11.1", "", { "os": "android", "cpu": "arm" }, "sha512-ppLRUgHVaGRWUx0R0Ut06Mjo9gBaBkg3v/8AxusGLhsIotbBLuRk51rAzqLC8gq6NyyAojEXglNjzf6R948DNw=="],
+
+    "@unrs/resolver-binding-android-arm64": ["@unrs/resolver-binding-android-arm64@1.11.1", "", { "os": "android", "cpu": "arm64" }, "sha512-lCxkVtb4wp1v+EoN+HjIG9cIIzPkX5OtM03pQYkG+U5O/wL53LC4QbIeazgiKqluGeVEeBlZahHalCaBvU1a2g=="],
+
+    "@unrs/resolver-binding-darwin-arm64": ["@unrs/resolver-binding-darwin-arm64@1.11.1", "", { "os": "darwin", "cpu": "arm64" }, "sha512-gPVA1UjRu1Y/IsB/dQEsp2V1pm44Of6+LWvbLc9SDk1c2KhhDRDBUkQCYVWe6f26uJb3fOK8saWMgtX8IrMk3g=="],
+
+    "@unrs/resolver-binding-darwin-x64": ["@unrs/resolver-binding-darwin-x64@1.11.1", "", { "os": "darwin", "cpu": "x64" }, "sha512-cFzP7rWKd3lZaCsDze07QX1SC24lO8mPty9vdP+YVa3MGdVgPmFc59317b2ioXtgCMKGiCLxJ4HQs62oz6GfRQ=="],
+
+    "@unrs/resolver-binding-freebsd-x64": ["@unrs/resolver-binding-freebsd-x64@1.11.1", "", { "os": "freebsd", "cpu": "x64" }, "sha512-fqtGgak3zX4DCB6PFpsH5+Kmt/8CIi4Bry4rb1ho6Av2QHTREM+47y282Uqiu3ZRF5IQioJQ5qWRV6jduA+iGw=="],
+
+    "@unrs/resolver-binding-linux-arm-gnueabihf": ["@unrs/resolver-binding-linux-arm-gnueabihf@1.11.1", "", { "os": "linux", "cpu": "arm" }, "sha512-u92mvlcYtp9MRKmP+ZvMmtPN34+/3lMHlyMj7wXJDeXxuM0Vgzz0+PPJNsro1m3IZPYChIkn944wW8TYgGKFHw=="],
+
+    "@unrs/resolver-binding-linux-arm-musleabihf": ["@unrs/resolver-binding-linux-arm-musleabihf@1.11.1", "", { "os": "linux", "cpu": "arm" }, "sha512-cINaoY2z7LVCrfHkIcmvj7osTOtm6VVT16b5oQdS4beibX2SYBwgYLmqhBjA1t51CarSaBuX5YNsWLjsqfW5Cw=="],
+
+    "@unrs/resolver-binding-linux-arm64-gnu": ["@unrs/resolver-binding-linux-arm64-gnu@1.11.1", "", { "os": "linux", "cpu": "arm64" }, "sha512-34gw7PjDGB9JgePJEmhEqBhWvCiiWCuXsL9hYphDF7crW7UgI05gyBAi6MF58uGcMOiOqSJ2ybEeCvHcq0BCmQ=="],
+
+    "@unrs/resolver-binding-linux-arm64-musl": ["@unrs/resolver-binding-linux-arm64-musl@1.11.1", "", { "os": "linux", "cpu": "arm64" }, "sha512-RyMIx6Uf53hhOtJDIamSbTskA99sPHS96wxVE/bJtePJJtpdKGXO1wY90oRdXuYOGOTuqjT8ACccMc4K6QmT3w=="],
+
+    "@unrs/resolver-binding-linux-ppc64-gnu": ["@unrs/resolver-binding-linux-ppc64-gnu@1.11.1", "", { "os": "linux", "cpu": "ppc64" }, "sha512-D8Vae74A4/a+mZH0FbOkFJL9DSK2R6TFPC9M+jCWYia/q2einCubX10pecpDiTmkJVUH+y8K3BZClycD8nCShA=="],
+
+    "@unrs/resolver-binding-linux-riscv64-gnu": ["@unrs/resolver-binding-linux-riscv64-gnu@1.11.1", "", { "os": "linux", "cpu": "none" }, "sha512-frxL4OrzOWVVsOc96+V3aqTIQl1O2TjgExV4EKgRY09AJ9leZpEg8Ak9phadbuX0BA4k8U5qtvMSQQGGmaJqcQ=="],
+
+    "@unrs/resolver-binding-linux-riscv64-musl": ["@unrs/resolver-binding-linux-riscv64-musl@1.11.1", "", { "os": "linux", "cpu": "none" }, "sha512-mJ5vuDaIZ+l/acv01sHoXfpnyrNKOk/3aDoEdLO/Xtn9HuZlDD6jKxHlkN8ZhWyLJsRBxfv9GYM2utQ1SChKew=="],
+
+    "@unrs/resolver-binding-linux-s390x-gnu": ["@unrs/resolver-binding-linux-s390x-gnu@1.11.1", "", { "os": "linux", "cpu": "s390x" }, "sha512-kELo8ebBVtb9sA7rMe1Cph4QHreByhaZ2QEADd9NzIQsYNQpt9UkM9iqr2lhGr5afh885d/cB5QeTXSbZHTYPg=="],
+
+    "@unrs/resolver-binding-linux-x64-gnu": ["@unrs/resolver-binding-linux-x64-gnu@1.11.1", "", { "os": "linux", "cpu": "x64" }, "sha512-C3ZAHugKgovV5YvAMsxhq0gtXuwESUKc5MhEtjBpLoHPLYM+iuwSj3lflFwK3DPm68660rZ7G8BMcwSro7hD5w=="],
+
+    "@unrs/resolver-binding-linux-x64-musl": ["@unrs/resolver-binding-linux-x64-musl@1.11.1", "", { "os": "linux", "cpu": "x64" }, "sha512-rV0YSoyhK2nZ4vEswT/QwqzqQXw5I6CjoaYMOX0TqBlWhojUf8P94mvI7nuJTeaCkkds3QE4+zS8Ko+GdXuZtA=="],
+
+    "@unrs/resolver-binding-wasm32-wasi": ["@unrs/resolver-binding-wasm32-wasi@1.11.1", "", { "dependencies": { "@napi-rs/wasm-runtime": "^0.2.11" }, "cpu": "none" }, "sha512-5u4RkfxJm+Ng7IWgkzi3qrFOvLvQYnPBmjmZQ8+szTK/b31fQCnleNl1GgEt7nIsZRIf5PLhPwT0WM+q45x/UQ=="],
+
+    "@unrs/resolver-binding-win32-arm64-msvc": ["@unrs/resolver-binding-win32-arm64-msvc@1.11.1", "", { "os": "win32", "cpu": "arm64" }, "sha512-nRcz5Il4ln0kMhfL8S3hLkxI85BXs3o8EYoattsJNdsX4YUU89iOkVn7g0VHSRxFuVMdM4Q1jEpIId1Ihim/Uw=="],
+
+    "@unrs/resolver-binding-win32-ia32-msvc": ["@unrs/resolver-binding-win32-ia32-msvc@1.11.1", "", { "os": "win32", "cpu": "ia32" }, "sha512-DCEI6t5i1NmAZp6pFonpD5m7i6aFrpofcp4LA2i8IIq60Jyo28hamKBxNrZcyOwVOZkgsRp9O2sXWBWP8MnvIQ=="],
+
+    "@unrs/resolver-binding-win32-x64-msvc": ["@unrs/resolver-binding-win32-x64-msvc@1.11.1", "", { "os": "win32", "cpu": "x64" }, "sha512-lrW200hZdbfRtztbygyaq/6jP6AKE8qQN2KvPcJ+x7wiD038YtnYtZ82IMNJ69GJibV7bwL3y9FgK+5w/pYt6g=="],
+
+    "acorn": ["acorn@8.15.0", "", { "bin": { "acorn": "bin/acorn" } }, "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg=="],
+
+    "acorn-jsx": ["acorn-jsx@5.3.2", "", { "peerDependencies": { "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0" } }, "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ=="],
+
+    "ajv": ["ajv@6.12.6", "", { "dependencies": { "fast-deep-equal": "^3.1.1", "fast-json-stable-stringify": "^2.0.0", "json-schema-traverse": "^0.4.1", "uri-js": "^4.2.2" } }, "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g=="],
+
+    "ansi-styles": ["ansi-styles@4.3.0", "", { "dependencies": { "color-convert": "^2.0.1" } }, "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg=="],
+
+    "argparse": ["argparse@2.0.1", "", {}, "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="],
+
+    "aria-query": ["aria-query@5.3.2", "", {}, "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw=="],
+
+    "array-buffer-byte-length": ["array-buffer-byte-length@1.0.2", "", { "dependencies": { "call-bound": "^1.0.3", "is-array-buffer": "^3.0.5" } }, "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw=="],
+
+    "array-includes": ["array-includes@3.1.9", "", { "dependencies": { "call-bind": "^1.0.8", "call-bound": "^1.0.4", "define-properties": "^1.2.1", "es-abstract": "^1.24.0", "es-object-atoms": "^1.1.1", "get-intrinsic": "^1.3.0", "is-string": "^1.1.1", "math-intrinsics": "^1.1.0" } }, "sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ=="],
+
+    "array.prototype.findlast": ["array.prototype.findlast@1.2.5", "", { "dependencies": { "call-bind": "^1.0.7", "define-properties": "^1.2.1", "es-abstract": "^1.23.2", "es-errors": "^1.3.0", "es-object-atoms": "^1.0.0", "es-shim-unscopables": "^1.0.2" } }, "sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ=="],
+
+    "array.prototype.findlastindex": ["array.prototype.findlastindex@1.2.6", "", { "dependencies": { "call-bind": "^1.0.8", "call-bound": "^1.0.4", "define-properties": "^1.2.1", "es-abstract": "^1.23.9", "es-errors": "^1.3.0", "es-object-atoms": "^1.1.1", "es-shim-unscopables": "^1.1.0" } }, "sha512-F/TKATkzseUExPlfvmwQKGITM3DGTK+vkAsCZoDc5daVygbJBnjEUCbgkAvVFsgfXfX4YIqZ/27G3k3tdXrTxQ=="],
+
+    "array.prototype.flat": ["array.prototype.flat@1.3.3", "", { "dependencies": { "call-bind": "^1.0.8", "define-properties": "^1.2.1", "es-abstract": "^1.23.5", "es-shim-unscopables": "^1.0.2" } }, "sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg=="],
+
+    "array.prototype.flatmap": ["array.prototype.flatmap@1.3.3", "", { "dependencies": { "call-bind": "^1.0.8", "define-properties": "^1.2.1", "es-abstract": "^1.23.5", "es-shim-unscopables": "^1.0.2" } }, "sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg=="],
+
+    "array.prototype.tosorted": ["array.prototype.tosorted@1.1.4", "", { "dependencies": { "call-bind": "^1.0.7", "define-properties": "^1.2.1", "es-abstract": "^1.23.3", "es-errors": "^1.3.0", "es-shim-unscopables": "^1.0.2" } }, "sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA=="],
+
+    "arraybuffer.prototype.slice": ["arraybuffer.prototype.slice@1.0.4", "", { "dependencies": { "array-buffer-byte-length": "^1.0.1", "call-bind": "^1.0.8", "define-properties": "^1.2.1", "es-abstract": "^1.23.5", "es-errors": "^1.3.0", "get-intrinsic": "^1.2.6", "is-array-buffer": "^3.0.4" } }, "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ=="],
+
+    "ast-types-flow": ["ast-types-flow@0.0.8", "", {}, "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ=="],
+
+    "async-function": ["async-function@1.0.0", "", {}, "sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA=="],
+
+    "available-typed-arrays": ["available-typed-arrays@1.0.7", "", { "dependencies": { "possible-typed-array-names": "^1.0.0" } }, "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ=="],
+
+    "axe-core": ["axe-core@4.11.0", "", {}, "sha512-ilYanEU8vxxBexpJd8cWM4ElSQq4QctCLKih0TSfjIfCQTeyH/6zVrmIJfLPrKTKJRbiG+cfnZbQIjAlJmF1jQ=="],
+
+    "axobject-query": ["axobject-query@4.1.0", "", {}, "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ=="],
+
+    "balanced-match": ["balanced-match@1.0.2", "", {}, "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="],
+
+    "baseline-browser-mapping": ["baseline-browser-mapping@2.9.11", "", { "bin": { "baseline-browser-mapping": "dist/cli.js" } }, "sha512-Sg0xJUNDU1sJNGdfGWhVHX0kkZ+HWcvmVymJbj6NSgZZmW/8S9Y2HQ5euytnIgakgxN6papOAWiwDo1ctFDcoQ=="],
+
+    "brace-expansion": ["brace-expansion@1.1.12", "", { "dependencies": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" } }, "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg=="],
+
+    "braces": ["braces@3.0.3", "", { "dependencies": { "fill-range": "^7.1.1" } }, "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA=="],
+
+    "browserslist": ["browserslist@4.28.1", "", { "dependencies": { "baseline-browser-mapping": "^2.9.0", "caniuse-lite": "^1.0.30001759", "electron-to-chromium": "^1.5.263", "node-releases": "^2.0.27", "update-browserslist-db": "^1.2.0" }, "bin": { "browserslist": "cli.js" } }, "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA=="],
+
+    "call-bind": ["call-bind@1.0.8", "", { "dependencies": { "call-bind-apply-helpers": "^1.0.0", "es-define-property": "^1.0.0", "get-intrinsic": "^1.2.4", "set-function-length": "^1.2.2" } }, "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww=="],
+
+    "call-bind-apply-helpers": ["call-bind-apply-helpers@1.0.2", "", { "dependencies": { "es-errors": "^1.3.0", "function-bind": "^1.1.2" } }, "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ=="],
+
+    "call-bound": ["call-bound@1.0.4", "", { "dependencies": { "call-bind-apply-helpers": "^1.0.2", "get-intrinsic": "^1.3.0" } }, "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg=="],
+
+    "callsites": ["callsites@3.1.0", "", {}, "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ=="],
+
+    "caniuse-lite": ["caniuse-lite@1.0.30001762", "", {}, "sha512-PxZwGNvH7Ak8WX5iXzoK1KPZttBXNPuaOvI2ZYU7NrlM+d9Ov+TUvlLOBNGzVXAntMSMMlJPd+jY6ovrVjSmUw=="],
+
+    "chalk": ["chalk@4.1.2", "", { "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" } }, "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA=="],
+
+    "class-variance-authority": ["class-variance-authority@0.7.1", "", { "dependencies": { "clsx": "^2.1.1" } }, "sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg=="],
+
+    "client-only": ["client-only@0.0.1", "", {}, "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="],
+
+    "clsx": ["clsx@2.1.1", "", {}, "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA=="],
+
+    "color-convert": ["color-convert@2.0.1", "", { "dependencies": { "color-name": "~1.1.4" } }, "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ=="],
+
+    "color-name": ["color-name@1.1.4", "", {}, "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="],
+
+    "concat-map": ["concat-map@0.0.1", "", {}, "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="],
+
+    "convert-source-map": ["convert-source-map@2.0.0", "", {}, "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg=="],
+
+    "cross-spawn": ["cross-spawn@7.0.6", "", { "dependencies": { "path-key": "^3.1.0", "shebang-command": "^2.0.0", "which": "^2.0.1" } }, "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA=="],
+
+    "csstype": ["csstype@3.2.3", "", {}, "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ=="],
+
+    "damerau-levenshtein": ["damerau-levenshtein@1.0.8", "", {}, "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA=="],
+
+    "data-view-buffer": ["data-view-buffer@1.0.2", "", { "dependencies": { "call-bound": "^1.0.3", "es-errors": "^1.3.0", "is-data-view": "^1.0.2" } }, "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ=="],
+
+    "data-view-byte-length": ["data-view-byte-length@1.0.2", "", { "dependencies": { "call-bound": "^1.0.3", "es-errors": "^1.3.0", "is-data-view": "^1.0.2" } }, "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ=="],
+
+    "data-view-byte-offset": ["data-view-byte-offset@1.0.1", "", { "dependencies": { "call-bound": "^1.0.2", "es-errors": "^1.3.0", "is-data-view": "^1.0.1" } }, "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ=="],
+
+    "debug": ["debug@4.4.3", "", { "dependencies": { "ms": "^2.1.3" } }, "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA=="],
+
+    "deep-is": ["deep-is@0.1.4", "", {}, "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ=="],
+
+    "define-data-property": ["define-data-property@1.1.4", "", { "dependencies": { "es-define-property": "^1.0.0", "es-errors": "^1.3.0", "gopd": "^1.0.1" } }, "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A=="],
+
+    "define-properties": ["define-properties@1.2.1", "", { "dependencies": { "define-data-property": "^1.0.1", "has-property-descriptors": "^1.0.0", "object-keys": "^1.1.1" } }, "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg=="],
+
+    "detect-libc": ["detect-libc@2.1.2", "", {}, "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ=="],
+
+    "doctrine": ["doctrine@2.1.0", "", { "dependencies": { "esutils": "^2.0.2" } }, "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw=="],
+
+    "dunder-proto": ["dunder-proto@1.0.1", "", { "dependencies": { "call-bind-apply-helpers": "^1.0.1", "es-errors": "^1.3.0", "gopd": "^1.2.0" } }, "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A=="],
+
+    "electron-to-chromium": ["electron-to-chromium@1.5.267", "", {}, "sha512-0Drusm6MVRXSOJpGbaSVgcQsuB4hEkMpHXaVstcPmhu5LIedxs1xNK/nIxmQIU/RPC0+1/o0AVZfBTkTNJOdUw=="],
+
+    "emoji-regex": ["emoji-regex@9.2.2", "", {}, "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg=="],
+
+    "enhanced-resolve": ["enhanced-resolve@5.18.4", "", { "dependencies": { "graceful-fs": "^4.2.4", "tapable": "^2.2.0" } }, "sha512-LgQMM4WXU3QI+SYgEc2liRgznaD5ojbmY3sb8LxyguVkIg5FxdpTkvk72te2R38/TGKxH634oLxXRGY6d7AP+Q=="],
+
+    "es-abstract": ["es-abstract@1.24.1", "", { "dependencies": { "array-buffer-byte-length": "^1.0.2", "arraybuffer.prototype.slice": "^1.0.4", "available-typed-arrays": "^1.0.7", "call-bind": "^1.0.8", "call-bound": "^1.0.4", "data-view-buffer": "^1.0.2", "data-view-byte-length": "^1.0.2", "data-view-byte-offset": "^1.0.1", "es-define-property": "^1.0.1", "es-errors": "^1.3.0", "es-object-atoms": "^1.1.1", "es-set-tostringtag": "^2.1.0", "es-to-primitive": "^1.3.0", "function.prototype.name": "^1.1.8", "get-intrinsic": "^1.3.0", "get-proto": "^1.0.1", "get-symbol-description": "^1.1.0", "globalthis": "^1.0.4", "gopd": "^1.2.0", "has-property-descriptors": "^1.0.2", "has-proto": "^1.2.0", "has-symbols": "^1.1.0", "hasown": "^2.0.2", "internal-slot": "^1.1.0", "is-array-buffer": "^3.0.5", "is-callable": "^1.2.7", "is-data-view": "^1.0.2", "is-negative-zero": "^2.0.3", "is-regex": "^1.2.1", "is-set": "^2.0.3", "is-shared-array-buffer": "^1.0.4", "is-string": "^1.1.1", "is-typed-array": "^1.1.15", "is-weakref": "^1.1.1", "math-intrinsics": "^1.1.0", "object-inspect": "^1.13.4", "object-keys": "^1.1.1", "object.assign": "^4.1.7", "own-keys": "^1.0.1", "regexp.prototype.flags": "^1.5.4", "safe-array-concat": "^1.1.3", "safe-push-apply": "^1.0.0", "safe-regex-test": "^1.1.0", "set-proto": "^1.0.0", "stop-iteration-iterator": "^1.1.0", "string.prototype.trim": "^1.2.10", "string.prototype.trimend": "^1.0.9", "string.prototype.trimstart": "^1.0.8", "typed-array-buffer": "^1.0.3", "typed-array-byte-length": "^1.0.3", "typed-array-byte-offset": "^1.0.4", "typed-array-length": "^1.0.7", "unbox-primitive": "^1.1.0", "which-typed-array": "^1.1.19" } }, "sha512-zHXBLhP+QehSSbsS9Pt23Gg964240DPd6QCf8WpkqEXxQ7fhdZzYsocOr5u7apWonsS5EjZDmTF+/slGMyasvw=="],
+
+    "es-define-property": ["es-define-property@1.0.1", "", {}, "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g=="],
+
+    "es-errors": ["es-errors@1.3.0", "", {}, "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw=="],
+
+    "es-iterator-helpers": ["es-iterator-helpers@1.2.2", "", { "dependencies": { "call-bind": "^1.0.8", "call-bound": "^1.0.4", "define-properties": "^1.2.1", "es-abstract": "^1.24.1", "es-errors": "^1.3.0", "es-set-tostringtag": "^2.1.0", "function-bind": "^1.1.2", "get-intrinsic": "^1.3.0", "globalthis": "^1.0.4", "gopd": "^1.2.0", "has-property-descriptors": "^1.0.2", "has-proto": "^1.2.0", "has-symbols": "^1.1.0", "internal-slot": "^1.1.0", "iterator.prototype": "^1.1.5", "safe-array-concat": "^1.1.3" } }, "sha512-BrUQ0cPTB/IwXj23HtwHjS9n7O4h9FX94b4xc5zlTHxeLgTAdzYUDyy6KdExAl9lbN5rtfe44xpjpmj9grxs5w=="],
+
+    "es-object-atoms": ["es-object-atoms@1.1.1", "", { "dependencies": { "es-errors": "^1.3.0" } }, "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA=="],
+
+    "es-set-tostringtag": ["es-set-tostringtag@2.1.0", "", { "dependencies": { "es-errors": "^1.3.0", "get-intrinsic": "^1.2.6", "has-tostringtag": "^1.0.2", "hasown": "^2.0.2" } }, "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA=="],
+
+    "es-shim-unscopables": ["es-shim-unscopables@1.1.0", "", { "dependencies": { "hasown": "^2.0.2" } }, "sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw=="],
+
+    "es-to-primitive": ["es-to-primitive@1.3.0", "", { "dependencies": { "is-callable": "^1.2.7", "is-date-object": "^1.0.5", "is-symbol": "^1.0.4" } }, "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g=="],
+
+    "escalade": ["escalade@3.2.0", "", {}, "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA=="],
+
+    "escape-string-regexp": ["escape-string-regexp@4.0.0", "", {}, "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA=="],
+
+    "eslint": ["eslint@9.39.2", "", { "dependencies": { "@eslint-community/eslint-utils": "^4.8.0", "@eslint-community/regexpp": "^4.12.1", "@eslint/config-array": "^0.21.1", "@eslint/config-helpers": "^0.4.2", "@eslint/core": "^0.17.0", "@eslint/eslintrc": "^3.3.1", "@eslint/js": "9.39.2", "@eslint/plugin-kit": "^0.4.1", "@humanfs/node": "^0.16.6", "@humanwhocodes/module-importer": "^1.0.1", "@humanwhocodes/retry": "^0.4.2", "@types/estree": "^1.0.6", "ajv": "^6.12.4", "chalk": "^4.0.0", "cross-spawn": "^7.0.6", "debug": "^4.3.2", "escape-string-regexp": "^4.0.0", "eslint-scope": "^8.4.0", "eslint-visitor-keys": "^4.2.1", "espree": "^10.4.0", "esquery": "^1.5.0", "esutils": "^2.0.2", "fast-deep-equal": "^3.1.3", "file-entry-cache": "^8.0.0", "find-up": "^5.0.0", "glob-parent": "^6.0.2", "ignore": "^5.2.0", "imurmurhash": "^0.1.4", "is-glob": "^4.0.0", "json-stable-stringify-without-jsonify": "^1.0.1", "lodash.merge": "^4.6.2", "minimatch": "^3.1.2", "natural-compare": "^1.4.0", "optionator": "^0.9.3" }, "peerDependencies": { "jiti": "*" }, "optionalPeers": ["jiti"], "bin": { "eslint": "bin/eslint.js" } }, "sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw=="],
+
+    "eslint-config-next": ["eslint-config-next@16.1.1", "", { "dependencies": { "@next/eslint-plugin-next": "16.1.1", "eslint-import-resolver-node": "^0.3.6", "eslint-import-resolver-typescript": "^3.5.2", "eslint-plugin-import": "^2.32.0", "eslint-plugin-jsx-a11y": "^6.10.0", "eslint-plugin-react": "^7.37.0", "eslint-plugin-react-hooks": "^7.0.0", "globals": "16.4.0", "typescript-eslint": "^8.46.0" }, "peerDependencies": { "eslint": ">=9.0.0", "typescript": ">=3.3.1" }, "optionalPeers": ["typescript"] }, "sha512-55nTpVWm3qeuxoQKLOjQVciKZJUphKrNM0fCcQHAIOGl6VFXgaqeMfv0aKJhs7QtcnlAPhNVqsqRfRjeKBPIUA=="],
+
+    "eslint-import-resolver-node": ["eslint-import-resolver-node@0.3.9", "", { "dependencies": { "debug": "^3.2.7", "is-core-module": "^2.13.0", "resolve": "^1.22.4" } }, "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g=="],
+
+    "eslint-import-resolver-typescript": ["eslint-import-resolver-typescript@3.10.1", "", { "dependencies": { "@nolyfill/is-core-module": "1.0.39", "debug": "^4.4.0", "get-tsconfig": "^4.10.0", "is-bun-module": "^2.0.0", "stable-hash": "^0.0.5", "tinyglobby": "^0.2.13", "unrs-resolver": "^1.6.2" }, "peerDependencies": { "eslint": "*", "eslint-plugin-import": "*", "eslint-plugin-import-x": "*" }, "optionalPeers": ["eslint-plugin-import", "eslint-plugin-import-x"] }, "sha512-A1rHYb06zjMGAxdLSkN2fXPBwuSaQ0iO5M/hdyS0Ajj1VBaRp0sPD3dn1FhME3c/JluGFbwSxyCfqdSbtQLAHQ=="],
+
+    "eslint-module-utils": ["eslint-module-utils@2.12.1", "", { "dependencies": { "debug": "^3.2.7" } }, "sha512-L8jSWTze7K2mTg0vos/RuLRS5soomksDPoJLXIslC7c8Wmut3bx7CPpJijDcBZtxQ5lrbUdM+s0OlNbz0DCDNw=="],
+
+    "eslint-plugin-import": ["eslint-plugin-import@2.32.0", "", { "dependencies": { "@rtsao/scc": "^1.1.0", "array-includes": "^3.1.9", "array.prototype.findlastindex": "^1.2.6", "array.prototype.flat": "^1.3.3", "array.prototype.flatmap": "^1.3.3", "debug": "^3.2.7", "doctrine": "^2.1.0", "eslint-import-resolver-node": "^0.3.9", "eslint-module-utils": "^2.12.1", "hasown": "^2.0.2", "is-core-module": "^2.16.1", "is-glob": "^4.0.3", "minimatch": "^3.1.2", "object.fromentries": "^2.0.8", "object.groupby": "^1.0.3", "object.values": "^1.2.1", "semver": "^6.3.1", "string.prototype.trimend": "^1.0.9", "tsconfig-paths": "^3.15.0" }, "peerDependencies": { "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9" } }, "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA=="],
+
+    "eslint-plugin-jsx-a11y": ["eslint-plugin-jsx-a11y@6.10.2", "", { "dependencies": { "aria-query": "^5.3.2", "array-includes": "^3.1.8", "array.prototype.flatmap": "^1.3.2", "ast-types-flow": "^0.0.8", "axe-core": "^4.10.0", "axobject-query": "^4.1.0", "damerau-levenshtein": "^1.0.8", "emoji-regex": "^9.2.2", "hasown": "^2.0.2", "jsx-ast-utils": "^3.3.5", "language-tags": "^1.0.9", "minimatch": "^3.1.2", "object.fromentries": "^2.0.8", "safe-regex-test": "^1.0.3", "string.prototype.includes": "^2.0.1" }, "peerDependencies": { "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9" } }, "sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q=="],
+
+    "eslint-plugin-react": ["eslint-plugin-react@7.37.5", "", { "dependencies": { "array-includes": "^3.1.8", "array.prototype.findlast": "^1.2.5", "array.prototype.flatmap": "^1.3.3", "array.prototype.tosorted": "^1.1.4", "doctrine": "^2.1.0", "es-iterator-helpers": "^1.2.1", "estraverse": "^5.3.0", "hasown": "^2.0.2", "jsx-ast-utils": "^2.4.1 || ^3.0.0", "minimatch": "^3.1.2", "object.entries": "^1.1.9", "object.fromentries": "^2.0.8", "object.values": "^1.2.1", "prop-types": "^15.8.1", "resolve": "^2.0.0-next.5", "semver": "^6.3.1", "string.prototype.matchall": "^4.0.12", "string.prototype.repeat": "^1.0.0" }, "peerDependencies": { "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7" } }, "sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA=="],
+
+    "eslint-plugin-react-hooks": ["eslint-plugin-react-hooks@7.0.1", "", { "dependencies": { "@babel/core": "^7.24.4", "@babel/parser": "^7.24.4", "hermes-parser": "^0.25.1", "zod": "^3.25.0 || ^4.0.0", "zod-validation-error": "^3.5.0 || ^4.0.0" }, "peerDependencies": { "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0" } }, "sha512-O0d0m04evaNzEPoSW+59Mezf8Qt0InfgGIBJnpC0h3NH/WjUAR7BIKUfysC6todmtiZ/A0oUVS8Gce0WhBrHsA=="],
+
+    "eslint-scope": ["eslint-scope@8.4.0", "", { "dependencies": { "esrecurse": "^4.3.0", "estraverse": "^5.2.0" } }, "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg=="],
+
+    "eslint-visitor-keys": ["eslint-visitor-keys@4.2.1", "", {}, "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ=="],
+
+    "espree": ["espree@10.4.0", "", { "dependencies": { "acorn": "^8.15.0", "acorn-jsx": "^5.3.2", "eslint-visitor-keys": "^4.2.1" } }, "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ=="],
+
+    "esquery": ["esquery@1.6.0", "", { "dependencies": { "estraverse": "^5.1.0" } }, "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg=="],
+
+    "esrecurse": ["esrecurse@4.3.0", "", { "dependencies": { "estraverse": "^5.2.0" } }, "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag=="],
+
+    "estraverse": ["estraverse@5.3.0", "", {}, "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA=="],
+
+    "esutils": ["esutils@2.0.3", "", {}, "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g=="],
+
+    "fast-deep-equal": ["fast-deep-equal@3.1.3", "", {}, "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="],
+
+    "fast-glob": ["fast-glob@3.3.1", "", { "dependencies": { "@nodelib/fs.stat": "^2.0.2", "@nodelib/fs.walk": "^1.2.3", "glob-parent": "^5.1.2", "merge2": "^1.3.0", "micromatch": "^4.0.4" } }, "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg=="],
+
+    "fast-json-stable-stringify": ["fast-json-stable-stringify@2.1.0", "", {}, "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw=="],
+
+    "fast-levenshtein": ["fast-levenshtein@2.0.6", "", {}, "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw=="],
+
+    "fastq": ["fastq@1.20.1", "", { "dependencies": { "reusify": "^1.0.4" } }, "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw=="],
+
+    "fdir": ["fdir@6.5.0", "", { "peerDependencies": { "picomatch": "^3 || ^4" }, "optionalPeers": ["picomatch"] }, "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg=="],
+
+    "file-entry-cache": ["file-entry-cache@8.0.0", "", { "dependencies": { "flat-cache": "^4.0.0" } }, "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ=="],
+
+    "fill-range": ["fill-range@7.1.1", "", { "dependencies": { "to-regex-range": "^5.0.1" } }, "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg=="],
+
+    "find-up": ["find-up@5.0.0", "", { "dependencies": { "locate-path": "^6.0.0", "path-exists": "^4.0.0" } }, "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng=="],
+
+    "flat-cache": ["flat-cache@4.0.1", "", { "dependencies": { "flatted": "^3.2.9", "keyv": "^4.5.4" } }, "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw=="],
+
+    "flatted": ["flatted@3.3.3", "", {}, "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg=="],
+
+    "for-each": ["for-each@0.3.5", "", { "dependencies": { "is-callable": "^1.2.7" } }, "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg=="],
+
+    "function-bind": ["function-bind@1.1.2", "", {}, "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA=="],
+
+    "function.prototype.name": ["function.prototype.name@1.1.8", "", { "dependencies": { "call-bind": "^1.0.8", "call-bound": "^1.0.3", "define-properties": "^1.2.1", "functions-have-names": "^1.2.3", "hasown": "^2.0.2", "is-callable": "^1.2.7" } }, "sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q=="],
+
+    "functions-have-names": ["functions-have-names@1.2.3", "", {}, "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ=="],
+
+    "generator-function": ["generator-function@2.0.1", "", {}, "sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g=="],
+
+    "gensync": ["gensync@1.0.0-beta.2", "", {}, "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg=="],
+
+    "get-intrinsic": ["get-intrinsic@1.3.0", "", { "dependencies": { "call-bind-apply-helpers": "^1.0.2", "es-define-property": "^1.0.1", "es-errors": "^1.3.0", "es-object-atoms": "^1.1.1", "function-bind": "^1.1.2", "get-proto": "^1.0.1", "gopd": "^1.2.0", "has-symbols": "^1.1.0", "hasown": "^2.0.2", "math-intrinsics": "^1.1.0" } }, "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ=="],
+
+    "get-proto": ["get-proto@1.0.1", "", { "dependencies": { "dunder-proto": "^1.0.1", "es-object-atoms": "^1.0.0" } }, "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g=="],
+
+    "get-symbol-description": ["get-symbol-description@1.1.0", "", { "dependencies": { "call-bound": "^1.0.3", "es-errors": "^1.3.0", "get-intrinsic": "^1.2.6" } }, "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg=="],
+
+    "get-tsconfig": ["get-tsconfig@4.13.0", "", { "dependencies": { "resolve-pkg-maps": "^1.0.0" } }, "sha512-1VKTZJCwBrvbd+Wn3AOgQP/2Av+TfTCOlE4AcRJE72W1ksZXbAx8PPBR9RzgTeSPzlPMHrbANMH3LbltH73wxQ=="],
+
+    "glob-parent": ["glob-parent@6.0.2", "", { "dependencies": { "is-glob": "^4.0.3" } }, "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A=="],
+
+    "globals": ["globals@16.4.0", "", {}, "sha512-ob/2LcVVaVGCYN+r14cnwnoDPUufjiYgSqRhiFD0Q1iI4Odora5RE8Iv1D24hAz5oMophRGkGz+yuvQmmUMnMw=="],
+
+    "globalthis": ["globalthis@1.0.4", "", { "dependencies": { "define-properties": "^1.2.1", "gopd": "^1.0.1" } }, "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ=="],
+
+    "gopd": ["gopd@1.2.0", "", {}, "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg=="],
+
+    "graceful-fs": ["graceful-fs@4.2.11", "", {}, "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="],
+
+    "gsap": ["gsap@3.14.2", "", {}, "sha512-P8/mMxVLU7o4+55+1TCnQrPmgjPKnwkzkXOK1asnR9Jg2lna4tEY5qBJjMmAaOBDDZWtlRjBXjLa0w53G/uBLA=="],
+
+    "has-bigints": ["has-bigints@1.1.0", "", {}, "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg=="],
+
+    "has-flag": ["has-flag@4.0.0", "", {}, "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="],
+
+    "has-property-descriptors": ["has-property-descriptors@1.0.2", "", { "dependencies": { "es-define-property": "^1.0.0" } }, "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg=="],
+
+    "has-proto": ["has-proto@1.2.0", "", { "dependencies": { "dunder-proto": "^1.0.0" } }, "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ=="],
+
+    "has-symbols": ["has-symbols@1.1.0", "", {}, "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ=="],
+
+    "has-tostringtag": ["has-tostringtag@1.0.2", "", { "dependencies": { "has-symbols": "^1.0.3" } }, "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw=="],
+
+    "hasown": ["hasown@2.0.2", "", { "dependencies": { "function-bind": "^1.1.2" } }, "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ=="],
+
+    "hermes-estree": ["hermes-estree@0.25.1", "", {}, "sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw=="],
+
+    "hermes-parser": ["hermes-parser@0.25.1", "", { "dependencies": { "hermes-estree": "0.25.1" } }, "sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA=="],
+
+    "ignore": ["ignore@5.3.2", "", {}, "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g=="],
+
+    "import-fresh": ["import-fresh@3.3.1", "", { "dependencies": { "parent-module": "^1.0.0", "resolve-from": "^4.0.0" } }, "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ=="],
+
+    "imurmurhash": ["imurmurhash@0.1.4", "", {}, "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA=="],
+
+    "internal-slot": ["internal-slot@1.1.0", "", { "dependencies": { "es-errors": "^1.3.0", "hasown": "^2.0.2", "side-channel": "^1.1.0" } }, "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw=="],
+
+    "is-array-buffer": ["is-array-buffer@3.0.5", "", { "dependencies": { "call-bind": "^1.0.8", "call-bound": "^1.0.3", "get-intrinsic": "^1.2.6" } }, "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A=="],
+
+    "is-async-function": ["is-async-function@2.1.1", "", { "dependencies": { "async-function": "^1.0.0", "call-bound": "^1.0.3", "get-proto": "^1.0.1", "has-tostringtag": "^1.0.2", "safe-regex-test": "^1.1.0" } }, "sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ=="],
+
+    "is-bigint": ["is-bigint@1.1.0", "", { "dependencies": { "has-bigints": "^1.0.2" } }, "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ=="],
+
+    "is-boolean-object": ["is-boolean-object@1.2.2", "", { "dependencies": { "call-bound": "^1.0.3", "has-tostringtag": "^1.0.2" } }, "sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A=="],
+
+    "is-bun-module": ["is-bun-module@2.0.0", "", { "dependencies": { "semver": "^7.7.1" } }, "sha512-gNCGbnnnnFAUGKeZ9PdbyeGYJqewpmc2aKHUEMO5nQPWU9lOmv7jcmQIv+qHD8fXW6W7qfuCwX4rY9LNRjXrkQ=="],
+
+    "is-callable": ["is-callable@1.2.7", "", {}, "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA=="],
+
+    "is-core-module": ["is-core-module@2.16.1", "", { "dependencies": { "hasown": "^2.0.2" } }, "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w=="],
+
+    "is-data-view": ["is-data-view@1.0.2", "", { "dependencies": { "call-bound": "^1.0.2", "get-intrinsic": "^1.2.6", "is-typed-array": "^1.1.13" } }, "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw=="],
+
+    "is-date-object": ["is-date-object@1.1.0", "", { "dependencies": { "call-bound": "^1.0.2", "has-tostringtag": "^1.0.2" } }, "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg=="],
+
+    "is-extglob": ["is-extglob@2.1.1", "", {}, "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ=="],
+
+    "is-finalizationregistry": ["is-finalizationregistry@1.1.1", "", { "dependencies": { "call-bound": "^1.0.3" } }, "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg=="],
+
+    "is-generator-function": ["is-generator-function@1.1.2", "", { "dependencies": { "call-bound": "^1.0.4", "generator-function": "^2.0.0", "get-proto": "^1.0.1", "has-tostringtag": "^1.0.2", "safe-regex-test": "^1.1.0" } }, "sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA=="],
+
+    "is-glob": ["is-glob@4.0.3", "", { "dependencies": { "is-extglob": "^2.1.1" } }, "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg=="],
+
+    "is-map": ["is-map@2.0.3", "", {}, "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw=="],
+
+    "is-negative-zero": ["is-negative-zero@2.0.3", "", {}, "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw=="],
+
+    "is-number": ["is-number@7.0.0", "", {}, "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng=="],
+
+    "is-number-object": ["is-number-object@1.1.1", "", { "dependencies": { "call-bound": "^1.0.3", "has-tostringtag": "^1.0.2" } }, "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw=="],
+
+    "is-regex": ["is-regex@1.2.1", "", { "dependencies": { "call-bound": "^1.0.2", "gopd": "^1.2.0", "has-tostringtag": "^1.0.2", "hasown": "^2.0.2" } }, "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g=="],
+
+    "is-set": ["is-set@2.0.3", "", {}, "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg=="],
+
+    "is-shared-array-buffer": ["is-shared-array-buffer@1.0.4", "", { "dependencies": { "call-bound": "^1.0.3" } }, "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A=="],
+
+    "is-string": ["is-string@1.1.1", "", { "dependencies": { "call-bound": "^1.0.3", "has-tostringtag": "^1.0.2" } }, "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA=="],
+
+    "is-symbol": ["is-symbol@1.1.1", "", { "dependencies": { "call-bound": "^1.0.2", "has-symbols": "^1.1.0", "safe-regex-test": "^1.1.0" } }, "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w=="],
+
+    "is-typed-array": ["is-typed-array@1.1.15", "", { "dependencies": { "which-typed-array": "^1.1.16" } }, "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ=="],
+
+    "is-weakmap": ["is-weakmap@2.0.2", "", {}, "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w=="],
+
+    "is-weakref": ["is-weakref@1.1.1", "", { "dependencies": { "call-bound": "^1.0.3" } }, "sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew=="],
+
+    "is-weakset": ["is-weakset@2.0.4", "", { "dependencies": { "call-bound": "^1.0.3", "get-intrinsic": "^1.2.6" } }, "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ=="],
+
+    "isarray": ["isarray@2.0.5", "", {}, "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw=="],
+
+    "isexe": ["isexe@2.0.0", "", {}, "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="],
+
+    "iterator.prototype": ["iterator.prototype@1.1.5", "", { "dependencies": { "define-data-property": "^1.1.4", "es-object-atoms": "^1.0.0", "get-intrinsic": "^1.2.6", "get-proto": "^1.0.0", "has-symbols": "^1.1.0", "set-function-name": "^2.0.2" } }, "sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g=="],
+
+    "jiti": ["jiti@2.6.1", "", { "bin": { "jiti": "lib/jiti-cli.mjs" } }, "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ=="],
+
+    "jose": ["jose@6.1.3", "", {}, "sha512-0TpaTfihd4QMNwrz/ob2Bp7X04yuxJkjRGi4aKmOqwhov54i6u79oCv7T+C7lo70MKH6BesI3vscD1yb/yzKXQ=="],
+
+    "js-tokens": ["js-tokens@4.0.0", "", {}, "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="],
+
+    "js-yaml": ["js-yaml@4.1.1", "", { "dependencies": { "argparse": "^2.0.1" }, "bin": { "js-yaml": "bin/js-yaml.js" } }, "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA=="],
+
+    "jsesc": ["jsesc@3.1.0", "", { "bin": { "jsesc": "bin/jsesc" } }, "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA=="],
+
+    "json-buffer": ["json-buffer@3.0.1", "", {}, "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ=="],
+
+    "json-schema-traverse": ["json-schema-traverse@0.4.1", "", {}, "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="],
+
+    "json-stable-stringify-without-jsonify": ["json-stable-stringify-without-jsonify@1.0.1", "", {}, "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw=="],
+
+    "json5": ["json5@1.0.2", "", { "dependencies": { "minimist": "^1.2.0" }, "bin": { "json5": "lib/cli.js" } }, "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA=="],
+
+    "jsx-ast-utils": ["jsx-ast-utils@3.3.5", "", { "dependencies": { "array-includes": "^3.1.6", "array.prototype.flat": "^1.3.1", "object.assign": "^4.1.4", "object.values": "^1.1.6" } }, "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ=="],
+
+    "keyv": ["keyv@4.5.4", "", { "dependencies": { "json-buffer": "3.0.1" } }, "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw=="],
+
+    "language-subtag-registry": ["language-subtag-registry@0.3.23", "", {}, "sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ=="],
+
+    "language-tags": ["language-tags@1.0.9", "", { "dependencies": { "language-subtag-registry": "^0.3.20" } }, "sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA=="],
+
+    "levn": ["levn@0.4.1", "", { "dependencies": { "prelude-ls": "^1.2.1", "type-check": "~0.4.0" } }, "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ=="],
+
+    "lightningcss": ["lightningcss@1.30.2", "", { "dependencies": { "detect-libc": "^2.0.3" }, "optionalDependencies": { "lightningcss-android-arm64": "1.30.2", "lightningcss-darwin-arm64": "1.30.2", "lightningcss-darwin-x64": "1.30.2", "lightningcss-freebsd-x64": "1.30.2", "lightningcss-linux-arm-gnueabihf": "1.30.2", "lightningcss-linux-arm64-gnu": "1.30.2", "lightningcss-linux-arm64-musl": "1.30.2", "lightningcss-linux-x64-gnu": "1.30.2", "lightningcss-linux-x64-musl": "1.30.2", "lightningcss-win32-arm64-msvc": "1.30.2", "lightningcss-win32-x64-msvc": "1.30.2" } }, "sha512-utfs7Pr5uJyyvDETitgsaqSyjCb2qNRAtuqUeWIAKztsOYdcACf2KtARYXg2pSvhkt+9NfoaNY7fxjl6nuMjIQ=="],
+
+    "lightningcss-android-arm64": ["lightningcss-android-arm64@1.30.2", "", { "os": "android", "cpu": "arm64" }, "sha512-BH9sEdOCahSgmkVhBLeU7Hc9DWeZ1Eb6wNS6Da8igvUwAe0sqROHddIlvU06q3WyXVEOYDZ6ykBZQnjTbmo4+A=="],
+
+    "lightningcss-darwin-arm64": ["lightningcss-darwin-arm64@1.30.2", "", { "os": "darwin", "cpu": "arm64" }, "sha512-ylTcDJBN3Hp21TdhRT5zBOIi73P6/W0qwvlFEk22fkdXchtNTOU4Qc37SkzV+EKYxLouZ6M4LG9NfZ1qkhhBWA=="],
+
+    "lightningcss-darwin-x64": ["lightningcss-darwin-x64@1.30.2", "", { "os": "darwin", "cpu": "x64" }, "sha512-oBZgKchomuDYxr7ilwLcyms6BCyLn0z8J0+ZZmfpjwg9fRVZIR5/GMXd7r9RH94iDhld3UmSjBM6nXWM2TfZTQ=="],
+
+    "lightningcss-freebsd-x64": ["lightningcss-freebsd-x64@1.30.2", "", { "os": "freebsd", "cpu": "x64" }, "sha512-c2bH6xTrf4BDpK8MoGG4Bd6zAMZDAXS569UxCAGcA7IKbHNMlhGQ89eRmvpIUGfKWNVdbhSbkQaWhEoMGmGslA=="],
+
+    "lightningcss-linux-arm-gnueabihf": ["lightningcss-linux-arm-gnueabihf@1.30.2", "", { "os": "linux", "cpu": "arm" }, "sha512-eVdpxh4wYcm0PofJIZVuYuLiqBIakQ9uFZmipf6LF/HRj5Bgm0eb3qL/mr1smyXIS1twwOxNWndd8z0E374hiA=="],
+
+    "lightningcss-linux-arm64-gnu": ["lightningcss-linux-arm64-gnu@1.30.2", "", { "os": "linux", "cpu": "arm64" }, "sha512-UK65WJAbwIJbiBFXpxrbTNArtfuznvxAJw4Q2ZGlU8kPeDIWEX1dg3rn2veBVUylA2Ezg89ktszWbaQnxD/e3A=="],
+
+    "lightningcss-linux-arm64-musl": ["lightningcss-linux-arm64-musl@1.30.2", "", { "os": "linux", "cpu": "arm64" }, "sha512-5Vh9dGeblpTxWHpOx8iauV02popZDsCYMPIgiuw97OJ5uaDsL86cnqSFs5LZkG3ghHoX5isLgWzMs+eD1YzrnA=="],
+
+    "lightningcss-linux-x64-gnu": ["lightningcss-linux-x64-gnu@1.30.2", "", { "os": "linux", "cpu": "x64" }, "sha512-Cfd46gdmj1vQ+lR6VRTTadNHu6ALuw2pKR9lYq4FnhvgBc4zWY1EtZcAc6EffShbb1MFrIPfLDXD6Xprbnni4w=="],
+
+    "lightningcss-linux-x64-musl": ["lightningcss-linux-x64-musl@1.30.2", "", { "os": "linux", "cpu": "x64" }, "sha512-XJaLUUFXb6/QG2lGIW6aIk6jKdtjtcffUT0NKvIqhSBY3hh9Ch+1LCeH80dR9q9LBjG3ewbDjnumefsLsP6aiA=="],
+
+    "lightningcss-win32-arm64-msvc": ["lightningcss-win32-arm64-msvc@1.30.2", "", { "os": "win32", "cpu": "arm64" }, "sha512-FZn+vaj7zLv//D/192WFFVA0RgHawIcHqLX9xuWiQt7P0PtdFEVaxgF9rjM/IRYHQXNnk61/H/gb2Ei+kUQ4xQ=="],
+
+    "lightningcss-win32-x64-msvc": ["lightningcss-win32-x64-msvc@1.30.2", "", { "os": "win32", "cpu": "x64" }, "sha512-5g1yc73p+iAkid5phb4oVFMB45417DkRevRbt/El/gKXJk4jid+vPFF/AXbxn05Aky8PapwzZrdJShv5C0avjw=="],
+
+    "locate-path": ["locate-path@6.0.0", "", { "dependencies": { "p-locate": "^5.0.0" } }, "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw=="],
+
+    "lodash.merge": ["lodash.merge@4.6.2", "", {}, "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ=="],
+
+    "loose-envify": ["loose-envify@1.4.0", "", { "dependencies": { "js-tokens": "^3.0.0 || ^4.0.0" }, "bin": { "loose-envify": "cli.js" } }, "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q=="],
+
+    "lru-cache": ["lru-cache@5.1.1", "", { "dependencies": { "yallist": "^3.0.2" } }, "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w=="],
+
+    "lucide-react": ["lucide-react@0.562.0", "", { "peerDependencies": { "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-82hOAu7y0dbVuFfmO4bYF1XEwYk/mEbM5E+b1jgci/udUBEE/R7LF5Ip0CCEmXe8AybRM8L+04eP+LGZeDvkiw=="],
+
+    "magic-string": ["magic-string@0.30.21", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.5" } }, "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ=="],
+
+    "math-intrinsics": ["math-intrinsics@1.1.0", "", {}, "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g=="],
+
+    "merge2": ["merge2@1.4.1", "", {}, "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg=="],
+
+    "micromatch": ["micromatch@4.0.8", "", { "dependencies": { "braces": "^3.0.3", "picomatch": "^2.3.1" } }, "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA=="],
+
+    "minimatch": ["minimatch@3.1.2", "", { "dependencies": { "brace-expansion": "^1.1.7" } }, "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw=="],
+
+    "minimist": ["minimist@1.2.8", "", {}, "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA=="],
+
+    "ms": ["ms@2.1.3", "", {}, "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="],
+
+    "nanoid": ["nanoid@3.3.11", "", { "bin": { "nanoid": "bin/nanoid.cjs" } }, "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w=="],
+
+    "napi-postinstall": ["napi-postinstall@0.3.4", "", { "bin": { "napi-postinstall": "lib/cli.js" } }, "sha512-PHI5f1O0EP5xJ9gQmFGMS6IZcrVvTjpXjz7Na41gTE7eE2hK11lg04CECCYEEjdc17EV4DO+fkGEtt7TpTaTiQ=="],
+
+    "natural-compare": ["natural-compare@1.4.0", "", {}, "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw=="],
+
+    "next": ["next@16.1.1", "", { "dependencies": { "@next/env": "16.1.1", "@swc/helpers": "0.5.15", "baseline-browser-mapping": "^2.8.3", "caniuse-lite": "^1.0.30001579", "postcss": "8.4.31", "styled-jsx": "5.1.6" }, "optionalDependencies": { "@next/swc-darwin-arm64": "16.1.1", "@next/swc-darwin-x64": "16.1.1", "@next/swc-linux-arm64-gnu": "16.1.1", "@next/swc-linux-arm64-musl": "16.1.1", "@next/swc-linux-x64-gnu": "16.1.1", "@next/swc-linux-x64-musl": "16.1.1", "@next/swc-win32-arm64-msvc": "16.1.1", "@next/swc-win32-x64-msvc": "16.1.1", "sharp": "^0.34.4" }, "peerDependencies": { "@opentelemetry/api": "^1.1.0", "@playwright/test": "^1.51.1", "babel-plugin-react-compiler": "*", "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "sass": "^1.3.0" }, "optionalPeers": ["@opentelemetry/api", "@playwright/test", "babel-plugin-react-compiler", "sass"], "bin": { "next": "dist/bin/next" } }, "sha512-QI+T7xrxt1pF6SQ/JYFz95ro/mg/1Znk5vBebsWwbpejj1T0A23hO7GYEaVac9QUOT2BIMiuzm0L99ooq7k0/w=="],
+
+    "next-auth": ["next-auth@5.0.0-beta.30", "", { "dependencies": { "@auth/core": "0.41.0" }, "peerDependencies": { "@simplewebauthn/browser": "^9.0.1", "@simplewebauthn/server": "^9.0.2", "next": "^14.0.0-0 || ^15.0.0 || ^16.0.0", "nodemailer": "^7.0.7", "react": "^18.2.0 || ^19.0.0" }, "optionalPeers": ["@simplewebauthn/browser", "@simplewebauthn/server", "nodemailer"] }, "sha512-+c51gquM3F6nMVmoAusRJ7RIoY0K4Ts9HCCwyy/BRoe4mp3msZpOzYMyb5LAYc1wSo74PMQkGDcaghIO7W6Xjg=="],
+
+    "next-themes": ["next-themes@0.4.6", "", { "peerDependencies": { "react": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc", "react-dom": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc" } }, "sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA=="],
+
+    "node-releases": ["node-releases@2.0.27", "", {}, "sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA=="],
+
+    "oauth4webapi": ["oauth4webapi@3.8.3", "", {}, "sha512-pQ5BsX3QRTgnt5HxgHwgunIRaDXBdkT23tf8dfzmtTIL2LTpdmxgbpbBm0VgFWAIDlezQvQCTgnVIUmHupXHxw=="],
+
+    "object-assign": ["object-assign@4.1.1", "", {}, "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg=="],
+
+    "object-inspect": ["object-inspect@1.13.4", "", {}, "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew=="],
+
+    "object-keys": ["object-keys@1.1.1", "", {}, "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA=="],
+
+    "object.assign": ["object.assign@4.1.7", "", { "dependencies": { "call-bind": "^1.0.8", "call-bound": "^1.0.3", "define-properties": "^1.2.1", "es-object-atoms": "^1.0.0", "has-symbols": "^1.1.0", "object-keys": "^1.1.1" } }, "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw=="],
+
+    "object.entries": ["object.entries@1.1.9", "", { "dependencies": { "call-bind": "^1.0.8", "call-bound": "^1.0.4", "define-properties": "^1.2.1", "es-object-atoms": "^1.1.1" } }, "sha512-8u/hfXFRBD1O0hPUjioLhoWFHRmt6tKA4/vZPyckBr18l1KE9uHrFaFaUi8MDRTpi4uak2goyPTSNJLXX2k2Hw=="],
+
+    "object.fromentries": ["object.fromentries@2.0.8", "", { "dependencies": { "call-bind": "^1.0.7", "define-properties": "^1.2.1", "es-abstract": "^1.23.2", "es-object-atoms": "^1.0.0" } }, "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ=="],
+
+    "object.groupby": ["object.groupby@1.0.3", "", { "dependencies": { "call-bind": "^1.0.7", "define-properties": "^1.2.1", "es-abstract": "^1.23.2" } }, "sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ=="],
+
+    "object.values": ["object.values@1.2.1", "", { "dependencies": { "call-bind": "^1.0.8", "call-bound": "^1.0.3", "define-properties": "^1.2.1", "es-object-atoms": "^1.0.0" } }, "sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA=="],
+
+    "optionator": ["optionator@0.9.4", "", { "dependencies": { "deep-is": "^0.1.3", "fast-levenshtein": "^2.0.6", "levn": "^0.4.1", "prelude-ls": "^1.2.1", "type-check": "^0.4.0", "word-wrap": "^1.2.5" } }, "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g=="],
+
+    "own-keys": ["own-keys@1.0.1", "", { "dependencies": { "get-intrinsic": "^1.2.6", "object-keys": "^1.1.1", "safe-push-apply": "^1.0.0" } }, "sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg=="],
+
+    "p-limit": ["p-limit@3.1.0", "", { "dependencies": { "yocto-queue": "^0.1.0" } }, "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ=="],
+
+    "p-locate": ["p-locate@5.0.0", "", { "dependencies": { "p-limit": "^3.0.2" } }, "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw=="],
+
+    "parent-module": ["parent-module@1.0.1", "", { "dependencies": { "callsites": "^3.0.0" } }, "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g=="],
+
+    "path-exists": ["path-exists@4.0.0", "", {}, "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w=="],
+
+    "path-key": ["path-key@3.1.1", "", {}, "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q=="],
+
+    "path-parse": ["path-parse@1.0.7", "", {}, "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="],
+
+    "picocolors": ["picocolors@1.1.1", "", {}, "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="],
+
+    "picomatch": ["picomatch@4.0.3", "", {}, "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q=="],
+
+    "possible-typed-array-names": ["possible-typed-array-names@1.1.0", "", {}, "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg=="],
+
+    "postcss": ["postcss@8.5.6", "", { "dependencies": { "nanoid": "^3.3.11", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" } }, "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg=="],
+
+    "preact": ["preact@10.24.3", "", {}, "sha512-Z2dPnBnMUfyQfSQ+GBdsGa16hz35YmLmtTLhM169uW944hYL6xzTYkJjC07j+Wosz733pMWx0fgON3JNw1jJQA=="],
+
+    "preact-render-to-string": ["preact-render-to-string@6.5.11", "", { "peerDependencies": { "preact": ">=10" } }, "sha512-ubnauqoGczeGISiOh6RjX0/cdaF8v/oDXIjO85XALCQjwQP+SB4RDXXtvZ6yTYSjG+PC1QRP2AhPgCEsM2EvUw=="],
+
+    "prelude-ls": ["prelude-ls@1.2.1", "", {}, "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g=="],
+
+    "prop-types": ["prop-types@15.8.1", "", { "dependencies": { "loose-envify": "^1.4.0", "object-assign": "^4.1.1", "react-is": "^16.13.1" } }, "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg=="],
+
+    "punycode": ["punycode@2.3.1", "", {}, "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg=="],
+
+    "queue-microtask": ["queue-microtask@1.2.3", "", {}, "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A=="],
+
+    "react": ["react@19.2.3", "", {}, "sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA=="],
+
+    "react-dom": ["react-dom@19.2.3", "", { "dependencies": { "scheduler": "^0.27.0" }, "peerDependencies": { "react": "^19.2.3" } }, "sha512-yELu4WmLPw5Mr/lmeEpox5rw3RETacE++JgHqQzd2dg+YbJuat3jH4ingc+WPZhxaoFzdv9y33G+F7Nl5O0GBg=="],
+
+    "react-is": ["react-is@16.13.1", "", {}, "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="],
+
+    "reflect.getprototypeof": ["reflect.getprototypeof@1.0.10", "", { "dependencies": { "call-bind": "^1.0.8", "define-properties": "^1.2.1", "es-abstract": "^1.23.9", "es-errors": "^1.3.0", "es-object-atoms": "^1.0.0", "get-intrinsic": "^1.2.7", "get-proto": "^1.0.1", "which-builtin-type": "^1.2.1" } }, "sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw=="],
+
+    "regexp.prototype.flags": ["regexp.prototype.flags@1.5.4", "", { "dependencies": { "call-bind": "^1.0.8", "define-properties": "^1.2.1", "es-errors": "^1.3.0", "get-proto": "^1.0.1", "gopd": "^1.2.0", "set-function-name": "^2.0.2" } }, "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA=="],
+
+    "resolve": ["resolve@1.22.11", "", { "dependencies": { "is-core-module": "^2.16.1", "path-parse": "^1.0.7", "supports-preserve-symlinks-flag": "^1.0.0" }, "bin": { "resolve": "bin/resolve" } }, "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ=="],
+
+    "resolve-from": ["resolve-from@4.0.0", "", {}, "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g=="],
+
+    "resolve-pkg-maps": ["resolve-pkg-maps@1.0.0", "", {}, "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw=="],
+
+    "reusify": ["reusify@1.1.0", "", {}, "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw=="],
+
+    "run-parallel": ["run-parallel@1.2.0", "", { "dependencies": { "queue-microtask": "^1.2.2" } }, "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA=="],
+
+    "safe-array-concat": ["safe-array-concat@1.1.3", "", { "dependencies": { "call-bind": "^1.0.8", "call-bound": "^1.0.2", "get-intrinsic": "^1.2.6", "has-symbols": "^1.1.0", "isarray": "^2.0.5" } }, "sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q=="],
+
+    "safe-push-apply": ["safe-push-apply@1.0.0", "", { "dependencies": { "es-errors": "^1.3.0", "isarray": "^2.0.5" } }, "sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA=="],
+
+    "safe-regex-test": ["safe-regex-test@1.1.0", "", { "dependencies": { "call-bound": "^1.0.2", "es-errors": "^1.3.0", "is-regex": "^1.2.1" } }, "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw=="],
+
+    "scheduler": ["scheduler@0.27.0", "", {}, "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q=="],
+
+    "semver": ["semver@6.3.1", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA=="],
+
+    "set-function-length": ["set-function-length@1.2.2", "", { "dependencies": { "define-data-property": "^1.1.4", "es-errors": "^1.3.0", "function-bind": "^1.1.2", "get-intrinsic": "^1.2.4", "gopd": "^1.0.1", "has-property-descriptors": "^1.0.2" } }, "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg=="],
+
+    "set-function-name": ["set-function-name@2.0.2", "", { "dependencies": { "define-data-property": "^1.1.4", "es-errors": "^1.3.0", "functions-have-names": "^1.2.3", "has-property-descriptors": "^1.0.2" } }, "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ=="],
+
+    "set-proto": ["set-proto@1.0.0", "", { "dependencies": { "dunder-proto": "^1.0.1", "es-errors": "^1.3.0", "es-object-atoms": "^1.0.0" } }, "sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw=="],
+
+    "sharp": ["sharp@0.34.5", "", { "dependencies": { "@img/colour": "^1.0.0", "detect-libc": "^2.1.2", "semver": "^7.7.3" }, "optionalDependencies": { "@img/sharp-darwin-arm64": "0.34.5", "@img/sharp-darwin-x64": "0.34.5", "@img/sharp-libvips-darwin-arm64": "1.2.4", "@img/sharp-libvips-darwin-x64": "1.2.4", "@img/sharp-libvips-linux-arm": "1.2.4", "@img/sharp-libvips-linux-arm64": "1.2.4", "@img/sharp-libvips-linux-ppc64": "1.2.4", "@img/sharp-libvips-linux-riscv64": "1.2.4", "@img/sharp-libvips-linux-s390x": "1.2.4", "@img/sharp-libvips-linux-x64": "1.2.4", "@img/sharp-libvips-linuxmusl-arm64": "1.2.4", "@img/sharp-libvips-linuxmusl-x64": "1.2.4", "@img/sharp-linux-arm": "0.34.5", "@img/sharp-linux-arm64": "0.34.5", "@img/sharp-linux-ppc64": "0.34.5", "@img/sharp-linux-riscv64": "0.34.5", "@img/sharp-linux-s390x": "0.34.5", "@img/sharp-linux-x64": "0.34.5", "@img/sharp-linuxmusl-arm64": "0.34.5", "@img/sharp-linuxmusl-x64": "0.34.5", "@img/sharp-wasm32": "0.34.5", "@img/sharp-win32-arm64": "0.34.5", "@img/sharp-win32-ia32": "0.34.5", "@img/sharp-win32-x64": "0.34.5" } }, "sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg=="],
+
+    "shebang-command": ["shebang-command@2.0.0", "", { "dependencies": { "shebang-regex": "^3.0.0" } }, "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA=="],
+
+    "shebang-regex": ["shebang-regex@3.0.0", "", {}, "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A=="],
+
+    "side-channel": ["side-channel@1.1.0", "", { "dependencies": { "es-errors": "^1.3.0", "object-inspect": "^1.13.3", "side-channel-list": "^1.0.0", "side-channel-map": "^1.0.1", "side-channel-weakmap": "^1.0.2" } }, "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw=="],
+
+    "side-channel-list": ["side-channel-list@1.0.0", "", { "dependencies": { "es-errors": "^1.3.0", "object-inspect": "^1.13.3" } }, "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA=="],
+
+    "side-channel-map": ["side-channel-map@1.0.1", "", { "dependencies": { "call-bound": "^1.0.2", "es-errors": "^1.3.0", "get-intrinsic": "^1.2.5", "object-inspect": "^1.13.3" } }, "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA=="],
+
+    "side-channel-weakmap": ["side-channel-weakmap@1.0.2", "", { "dependencies": { "call-bound": "^1.0.2", "es-errors": "^1.3.0", "get-intrinsic": "^1.2.5", "object-inspect": "^1.13.3", "side-channel-map": "^1.0.1" } }, "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A=="],
+
+    "source-map-js": ["source-map-js@1.2.1", "", {}, "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA=="],
+
+    "stable-hash": ["stable-hash@0.0.5", "", {}, "sha512-+L3ccpzibovGXFK+Ap/f8LOS0ahMrHTf3xu7mMLSpEGU0EO9ucaysSylKo9eRDFNhWve/y275iPmIZ4z39a9iA=="],
+
+    "stop-iteration-iterator": ["stop-iteration-iterator@1.1.0", "", { "dependencies": { "es-errors": "^1.3.0", "internal-slot": "^1.1.0" } }, "sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ=="],
+
+    "string.prototype.includes": ["string.prototype.includes@2.0.1", "", { "dependencies": { "call-bind": "^1.0.7", "define-properties": "^1.2.1", "es-abstract": "^1.23.3" } }, "sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg=="],
+
+    "string.prototype.matchall": ["string.prototype.matchall@4.0.12", "", { "dependencies": { "call-bind": "^1.0.8", "call-bound": "^1.0.3", "define-properties": "^1.2.1", "es-abstract": "^1.23.6", "es-errors": "^1.3.0", "es-object-atoms": "^1.0.0", "get-intrinsic": "^1.2.6", "gopd": "^1.2.0", "has-symbols": "^1.1.0", "internal-slot": "^1.1.0", "regexp.prototype.flags": "^1.5.3", "set-function-name": "^2.0.2", "side-channel": "^1.1.0" } }, "sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA=="],
+
+    "string.prototype.repeat": ["string.prototype.repeat@1.0.0", "", { "dependencies": { "define-properties": "^1.1.3", "es-abstract": "^1.17.5" } }, "sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w=="],
+
+    "string.prototype.trim": ["string.prototype.trim@1.2.10", "", { "dependencies": { "call-bind": "^1.0.8", "call-bound": "^1.0.2", "define-data-property": "^1.1.4", "define-properties": "^1.2.1", "es-abstract": "^1.23.5", "es-object-atoms": "^1.0.0", "has-property-descriptors": "^1.0.2" } }, "sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA=="],
+
+    "string.prototype.trimend": ["string.prototype.trimend@1.0.9", "", { "dependencies": { "call-bind": "^1.0.8", "call-bound": "^1.0.2", "define-properties": "^1.2.1", "es-object-atoms": "^1.0.0" } }, "sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ=="],
+
+    "string.prototype.trimstart": ["string.prototype.trimstart@1.0.8", "", { "dependencies": { "call-bind": "^1.0.7", "define-properties": "^1.2.1", "es-object-atoms": "^1.0.0" } }, "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg=="],
+
+    "strip-bom": ["strip-bom@3.0.0", "", {}, "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA=="],
+
+    "strip-json-comments": ["strip-json-comments@3.1.1", "", {}, "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig=="],
+
+    "styled-jsx": ["styled-jsx@5.1.6", "", { "dependencies": { "client-only": "0.0.1" }, "peerDependencies": { "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0" } }, "sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA=="],
+
+    "supports-color": ["supports-color@7.2.0", "", { "dependencies": { "has-flag": "^4.0.0" } }, "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw=="],
+
+    "supports-preserve-symlinks-flag": ["supports-preserve-symlinks-flag@1.0.0", "", {}, "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w=="],
+
+    "tailwind-merge": ["tailwind-merge@3.4.0", "", {}, "sha512-uSaO4gnW+b3Y2aWoWfFpX62vn2sR3skfhbjsEnaBI81WD1wBLlHZe5sWf0AqjksNdYTbGBEd0UasQMT3SNV15g=="],
+
+    "tailwindcss": ["tailwindcss@4.1.18", "", {}, "sha512-4+Z+0yiYyEtUVCScyfHCxOYP06L5Ne+JiHhY2IjR2KWMIWhJOYZKLSGZaP5HkZ8+bY0cxfzwDE5uOmzFXyIwxw=="],
+
+    "tapable": ["tapable@2.3.0", "", {}, "sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg=="],
+
+    "tinyglobby": ["tinyglobby@0.2.15", "", { "dependencies": { "fdir": "^6.5.0", "picomatch": "^4.0.3" } }, "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ=="],
+
+    "to-regex-range": ["to-regex-range@5.0.1", "", { "dependencies": { "is-number": "^7.0.0" } }, "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ=="],
+
+    "ts-api-utils": ["ts-api-utils@2.3.0", "", { "peerDependencies": { "typescript": ">=4.8.4" } }, "sha512-6eg3Y9SF7SsAvGzRHQvvc1skDAhwI4YQ32ui1scxD1Ccr0G5qIIbUBT3pFTKX8kmWIQClHobtUdNuaBgwdfdWg=="],
+
+    "tsconfig-paths": ["tsconfig-paths@3.15.0", "", { "dependencies": { "@types/json5": "^0.0.29", "json5": "^1.0.2", "minimist": "^1.2.6", "strip-bom": "^3.0.0" } }, "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg=="],
+
+    "tslib": ["tslib@2.8.1", "", {}, "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="],
+
+    "tw-animate-css": ["tw-animate-css@1.4.0", "", {}, "sha512-7bziOlRqH0hJx80h/3mbicLW7o8qLsH5+RaLR2t+OHM3D0JlWGODQKQ4cxbK7WlvmUxpcj6Kgu6EKqjrGFe3QQ=="],
+
+    "type-check": ["type-check@0.4.0", "", { "dependencies": { "prelude-ls": "^1.2.1" } }, "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew=="],
+
+    "typed-array-buffer": ["typed-array-buffer@1.0.3", "", { "dependencies": { "call-bound": "^1.0.3", "es-errors": "^1.3.0", "is-typed-array": "^1.1.14" } }, "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw=="],
+
+    "typed-array-byte-length": ["typed-array-byte-length@1.0.3", "", { "dependencies": { "call-bind": "^1.0.8", "for-each": "^0.3.3", "gopd": "^1.2.0", "has-proto": "^1.2.0", "is-typed-array": "^1.1.14" } }, "sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg=="],
+
+    "typed-array-byte-offset": ["typed-array-byte-offset@1.0.4", "", { "dependencies": { "available-typed-arrays": "^1.0.7", "call-bind": "^1.0.8", "for-each": "^0.3.3", "gopd": "^1.2.0", "has-proto": "^1.2.0", "is-typed-array": "^1.1.15", "reflect.getprototypeof": "^1.0.9" } }, "sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ=="],
+
+    "typed-array-length": ["typed-array-length@1.0.7", "", { "dependencies": { "call-bind": "^1.0.7", "for-each": "^0.3.3", "gopd": "^1.0.1", "is-typed-array": "^1.1.13", "possible-typed-array-names": "^1.0.0", "reflect.getprototypeof": "^1.0.6" } }, "sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg=="],
+
+    "typescript": ["typescript@5.9.3", "", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw=="],
+
+    "typescript-eslint": ["typescript-eslint@8.51.0", "", { "dependencies": { "@typescript-eslint/eslint-plugin": "8.51.0", "@typescript-eslint/parser": "8.51.0", "@typescript-eslint/typescript-estree": "8.51.0", "@typescript-eslint/utils": "8.51.0" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-jh8ZuM5oEh2PSdyQG9YAEM1TCGuWenLSuSUhf/irbVUNW9O5FhbFVONviN2TgMTBnUmyHv7E56rYnfLZK6TkiA=="],
+
+    "unbox-primitive": ["unbox-primitive@1.1.0", "", { "dependencies": { "call-bound": "^1.0.3", "has-bigints": "^1.0.2", "has-symbols": "^1.1.0", "which-boxed-primitive": "^1.1.1" } }, "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw=="],
+
+    "undici-types": ["undici-types@6.21.0", "", {}, "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ=="],
+
+    "unrs-resolver": ["unrs-resolver@1.11.1", "", { "dependencies": { "napi-postinstall": "^0.3.0" }, "optionalDependencies": { "@unrs/resolver-binding-android-arm-eabi": "1.11.1", "@unrs/resolver-binding-android-arm64": "1.11.1", "@unrs/resolver-binding-darwin-arm64": "1.11.1", "@unrs/resolver-binding-darwin-x64": "1.11.1", "@unrs/resolver-binding-freebsd-x64": "1.11.1", "@unrs/resolver-binding-linux-arm-gnueabihf": "1.11.1", "@unrs/resolver-binding-linux-arm-musleabihf": "1.11.1", "@unrs/resolver-binding-linux-arm64-gnu": "1.11.1", "@unrs/resolver-binding-linux-arm64-musl": "1.11.1", "@unrs/resolver-binding-linux-ppc64-gnu": "1.11.1", "@unrs/resolver-binding-linux-riscv64-gnu": "1.11.1", "@unrs/resolver-binding-linux-riscv64-musl": "1.11.1", "@unrs/resolver-binding-linux-s390x-gnu": "1.11.1", "@unrs/resolver-binding-linux-x64-gnu": "1.11.1", "@unrs/resolver-binding-linux-x64-musl": "1.11.1", "@unrs/resolver-binding-wasm32-wasi": "1.11.1", "@unrs/resolver-binding-win32-arm64-msvc": "1.11.1", "@unrs/resolver-binding-win32-ia32-msvc": "1.11.1", "@unrs/resolver-binding-win32-x64-msvc": "1.11.1" } }, "sha512-bSjt9pjaEBnNiGgc9rUiHGKv5l4/TGzDmYw3RhnkJGtLhbnnA/5qJj7x3dNDCRx/PJxu774LlH8lCOlB4hEfKg=="],
+
+    "update-browserslist-db": ["update-browserslist-db@1.2.3", "", { "dependencies": { "escalade": "^3.2.0", "picocolors": "^1.1.1" }, "peerDependencies": { "browserslist": ">= 4.21.0" }, "bin": { "update-browserslist-db": "cli.js" } }, "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w=="],
+
+    "uri-js": ["uri-js@4.4.1", "", { "dependencies": { "punycode": "^2.1.0" } }, "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg=="],
+
+    "which": ["which@2.0.2", "", { "dependencies": { "isexe": "^2.0.0" }, "bin": { "node-which": "./bin/node-which" } }, "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA=="],
+
+    "which-boxed-primitive": ["which-boxed-primitive@1.1.1", "", { "dependencies": { "is-bigint": "^1.1.0", "is-boolean-object": "^1.2.1", "is-number-object": "^1.1.1", "is-string": "^1.1.1", "is-symbol": "^1.1.1" } }, "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA=="],
+
+    "which-builtin-type": ["which-builtin-type@1.2.1", "", { "dependencies": { "call-bound": "^1.0.2", "function.prototype.name": "^1.1.6", "has-tostringtag": "^1.0.2", "is-async-function": "^2.0.0", "is-date-object": "^1.1.0", "is-finalizationregistry": "^1.1.0", "is-generator-function": "^1.0.10", "is-regex": "^1.2.1", "is-weakref": "^1.0.2", "isarray": "^2.0.5", "which-boxed-primitive": "^1.1.0", "which-collection": "^1.0.2", "which-typed-array": "^1.1.16" } }, "sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q=="],
+
+    "which-collection": ["which-collection@1.0.2", "", { "dependencies": { "is-map": "^2.0.3", "is-set": "^2.0.3", "is-weakmap": "^2.0.2", "is-weakset": "^2.0.3" } }, "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw=="],
+
+    "which-typed-array": ["which-typed-array@1.1.19", "", { "dependencies": { "available-typed-arrays": "^1.0.7", "call-bind": "^1.0.8", "call-bound": "^1.0.4", "for-each": "^0.3.5", "get-proto": "^1.0.1", "gopd": "^1.2.0", "has-tostringtag": "^1.0.2" } }, "sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw=="],
+
+    "word-wrap": ["word-wrap@1.2.5", "", {}, "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA=="],
+
+    "yallist": ["yallist@3.1.1", "", {}, "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g=="],
+
+    "yocto-queue": ["yocto-queue@0.1.0", "", {}, "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q=="],
+
+    "zod": ["zod@4.2.1", "", {}, "sha512-0wZ1IRqGGhMP76gLqz8EyfBXKk0J2qo2+H3fi4mcUP/KtTocoX08nmIAHl1Z2kJIZbZee8KOpBCSNPRgauucjw=="],
+
+    "zod-validation-error": ["zod-validation-error@4.0.2", "", { "peerDependencies": { "zod": "^3.25.0 || ^4.0.0" } }, "sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ=="],
+
+    "@babel/core/json5": ["json5@2.2.3", "", { "bin": { "json5": "lib/cli.js" } }, "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg=="],
+
+    "@eslint-community/eslint-utils/eslint-visitor-keys": ["eslint-visitor-keys@3.4.3", "", {}, "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag=="],
+
+    "@eslint/eslintrc/globals": ["globals@14.0.0", "", {}, "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ=="],
+
+    "@tailwindcss/oxide-wasm32-wasi/@emnapi/core": ["@emnapi/core@1.7.1", "", { "dependencies": { "@emnapi/wasi-threads": "1.1.0", "tslib": "^2.4.0" }, "bundled": true }, "sha512-o1uhUASyo921r2XtHYOHy7gdkGLge8ghBEQHMWmyJFoXlpU58kIrhhN3w26lpQb6dspetweapMn2CSNwQ8I4wg=="],
+
+    "@tailwindcss/oxide-wasm32-wasi/@emnapi/runtime": ["@emnapi/runtime@1.7.1", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-PVtJr5CmLwYAU9PZDMITZoR5iAOShYREoR45EyyLrbntV50mdePTgUn4AmOw90Ifcj+x2kRjdzr1HP3RrNiHGA=="],
+
+    "@tailwindcss/oxide-wasm32-wasi/@emnapi/wasi-threads": ["@emnapi/wasi-threads@1.1.0", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ=="],
+
+    "@tailwindcss/oxide-wasm32-wasi/@napi-rs/wasm-runtime": ["@napi-rs/wasm-runtime@1.1.1", "", { "dependencies": { "@emnapi/core": "^1.7.1", "@emnapi/runtime": "^1.7.1", "@tybys/wasm-util": "^0.10.1" }, "bundled": true }, "sha512-p64ah1M1ld8xjWv3qbvFwHiFVWrq1yFvV4f7w+mzaqiR4IlSgkqhcRdHwsGgomwzBH51sRY4NEowLxnaBjcW/A=="],
+
+    "@tailwindcss/oxide-wasm32-wasi/@tybys/wasm-util": ["@tybys/wasm-util@0.10.1", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg=="],
+
+    "@tailwindcss/oxide-wasm32-wasi/tslib": ["tslib@2.8.1", "", { "bundled": true }, "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="],
+
+    "@typescript-eslint/eslint-plugin/ignore": ["ignore@7.0.5", "", {}, "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg=="],
+
+    "@typescript-eslint/typescript-estree/minimatch": ["minimatch@9.0.5", "", { "dependencies": { "brace-expansion": "^2.0.1" } }, "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow=="],
+
+    "@typescript-eslint/typescript-estree/semver": ["semver@7.7.3", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q=="],
+
+    "eslint-import-resolver-node/debug": ["debug@3.2.7", "", { "dependencies": { "ms": "^2.1.1" } }, "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ=="],
+
+    "eslint-module-utils/debug": ["debug@3.2.7", "", { "dependencies": { "ms": "^2.1.1" } }, "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ=="],
+
+    "eslint-plugin-import/debug": ["debug@3.2.7", "", { "dependencies": { "ms": "^2.1.1" } }, "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ=="],
+
+    "eslint-plugin-react/resolve": ["resolve@2.0.0-next.5", "", { "dependencies": { "is-core-module": "^2.13.0", "path-parse": "^1.0.7", "supports-preserve-symlinks-flag": "^1.0.0" }, "bin": { "resolve": "bin/resolve" } }, "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA=="],
+
+    "fast-glob/glob-parent": ["glob-parent@5.1.2", "", { "dependencies": { "is-glob": "^4.0.1" } }, "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow=="],
+
+    "is-bun-module/semver": ["semver@7.7.3", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q=="],
+
+    "micromatch/picomatch": ["picomatch@2.3.1", "", {}, "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="],
+
+    "next/postcss": ["postcss@8.4.31", "", { "dependencies": { "nanoid": "^3.3.6", "picocolors": "^1.0.0", "source-map-js": "^1.0.2" } }, "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ=="],
+
+    "sharp/semver": ["semver@7.7.3", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q=="],
+
+    "@typescript-eslint/typescript-estree/minimatch/brace-expansion": ["brace-expansion@2.0.2", "", { "dependencies": { "balanced-match": "^1.0.0" } }, "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ=="],
+  }
+}
diff --git a/web/components.json b/web/components.json
new file mode 100644
index 0000000..b7b9791
--- /dev/null
+++ b/web/components.json
@@ -0,0 +1,22 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "app/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "iconLibrary": "lucide",
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "registries": {}
+}
diff --git a/web/components/Background.tsx b/web/components/Background.tsx
new file mode 100644
index 0000000..e3c6446
--- /dev/null
+++ b/web/components/Background.tsx
@@ -0,0 +1,24 @@
+"use client";
+
+import React from "react";
+
+const Background = () => {
+    return (
+        <div className="fixed inset-0 z-[-1] overflow-hidden bg-background">
+            <div className="absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-secondary/20 via-background to-background"></div>
+            <div
+                className="absolute inset-0 opacity-30"
+                style={{
+                    backgroundImage:
+                        "linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px)",
+                    backgroundSize: "40px 40px",
+                }}
+            ></div>
+            {/* Decorative glows */}
+            <div className="absolute -top-40 -left-40 w-96 h-96 bg-primary/30 rounded-full blur-3xl opacity-50 animate-pulse"></div>
+            <div className="absolute top-1/2 right-0 w-80 h-80 bg-accent/20 rounded-full blur-3xl opacity-30"></div>
+        </div>
+    );
+};
+
+export default Background;
diff --git a/web/components/DashboardSidebar.tsx b/web/components/DashboardSidebar.tsx
new file mode 100644
index 0000000..e34cab6
--- /dev/null
+++ b/web/components/DashboardSidebar.tsx
@@ -0,0 +1,76 @@
+"use client";
+
+import { useState } from "react";
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import { Menu, X, Trophy, Sparkles } from "lucide-react";
+
+interface DashboardSidebarProps {
+    guildId: string;
+}
+
+const menuItems = [
+    { id: "leaderboard", label: "Leaderboard", icon: Trophy, href: "/leaderboard" },
+    { id: "leveling", label: "Leveling", icon: Sparkles, href: "/leveling" },
+];
+
+export default function DashboardSidebar({ guildId }: DashboardSidebarProps) {
+    const [sidebarOpen, setSidebarOpen] = useState(false);
+    const pathname = usePathname();
+
+    const getActiveTab = () => {
+        if (pathname.includes("/leveling")) return "leveling";
+        return "leaderboard";
+    };
+
+    const activeTab = getActiveTab();
+
+    return (
+        <>
+            {/* Mobile Menu Button */}
+            <button
+                onClick={() => setSidebarOpen(!sidebarOpen)}
+                className="fixed bottom-4 right-4 z-50 lg:hidden p-3 bg-blue-600 hover:bg-blue-700 text-white rounded-full shadow-lg transition-all"
+            >
+                {sidebarOpen ? <X className="w-6 h-6" /> : <Menu className="w-6 h-6" />}
+            </button>
+
+            {/* Mobile Sidebar Overlay */}
+            {sidebarOpen && (
+                <div
+                    className="fixed inset-0 bg-black/60 z-40 lg:hidden backdrop-blur-sm"
+                    onClick={() => setSidebarOpen(false)}
+                />
+            )}
+
+            {/* Sidebar */}
+            <div
+                className={`fixed lg:relative inset-y-0 left-0 z-40 w-64 flex-shrink-0 bg-black/90 lg:bg-black/20 border-r border-white/10 overflow-y-auto backdrop-blur-md lg:backdrop-blur-sm transform transition-transform duration-300 ease-in-out ${sidebarOpen ? "translate-x-0" : "-translate-x-full lg:translate-x-0"
+                    }`}
+            >
+                <div className="p-4 space-y-2 pt-20 lg:pt-4">
+                    {menuItems.map((item) => {
+                        const Icon = item.icon;
+                        const isActive = activeTab === item.id;
+                        const href = `/dashboard/${guildId}${item.href}`;
+
+                        return (
+                            <Link
+                                key={item.id}
+                                href={href}
+                                onClick={() => setSidebarOpen(false)}
+                                className={`w-full text-left px-4 py-3 rounded-lg font-medium transition-all flex items-center gap-3 ${isActive
+                                        ? "bg-blue-600/20 text-blue-400 border border-blue-600/30"
+                                        : "text-gray-400 hover:text-white hover:bg-white/5 border border-transparent"
+                                    }`}
+                            >
+                                <Icon className="w-5 h-5" />
+                                {item.label}
+                            </Link>
+                        );
+                    })}
+                </div>
+            </div>
+        </>
+    );
+}
diff --git a/web/components/Features.tsx b/web/components/Features.tsx
new file mode 100644
index 0000000..c6502d8
--- /dev/null
+++ b/web/components/Features.tsx
@@ -0,0 +1,74 @@
+"use client";
+
+import React, { useRef } from "react";
+import gsap from "gsap";
+import { useGSAP } from "@gsap/react";
+import { ScrollTrigger } from "gsap/ScrollTrigger";
+
+gsap.registerPlugin(useGSAP, ScrollTrigger);
+
+const features = [
+    {
+        title: "Multi-track Leveling",
+        description:
+            "Create distinct leveling paths for different roles or activities. Perfect for complex community structures.",
+    },
+    {
+        title: "Coming Soon",
+        description:
+            "More features will be added in the future."
+    },
+];
+
+const Features = () => {
+    const container = useRef(null);
+
+    useGSAP(
+        () => {
+            const cards = gsap.utils.toArray(".feature-card");
+
+            cards.forEach((card: any, index) => {
+                gsap.from(card, {
+                    scrollTrigger: {
+                        trigger: card,
+                        start: "top 85%",
+                        toggleActions: "play none none reverse",
+                    },
+                    y: 50,
+                    opacity: 0,
+                    duration: 0.8,
+                    delay: index * 0.2,
+                    ease: "power3.out",
+                });
+            });
+        },
+        { scope: container }
+    );
+
+    return (
+        <section ref={container} className="py-32 relative z-10">
+            <div className="container mx-auto px-4">
+                <h2 className="text-4xl font-bold text-center mb-16 bg-clip-text text-transparent bg-gradient-to-r from-white to-gray-400">
+                    Why Void Sentinel?
+                </h2>
+                <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+                    {features.map((feature, index) => (
+                        <div
+                            key={index}
+                            className="feature-card p-8 rounded-2xl bg-white/5 border border-white/10 hover:border-primary/50 transition-colors backdrop-blur-sm"
+                        >
+                            <h3 className="text-xl font-semibold mb-3 text-white">
+                                {feature.title}
+                            </h3>
+                            <p className="text-gray-400 leading-relaxed">
+                                {feature.description}
+                            </p>
+                        </div>
+                    ))}
+                </div>
+            </div>
+        </section>
+    );
+};
+
+export default Features;
diff --git a/web/components/Footer.tsx b/web/components/Footer.tsx
new file mode 100644
index 0000000..27b7859
--- /dev/null
+++ b/web/components/Footer.tsx
@@ -0,0 +1,13 @@
+const Footer = () => {
+    return (
+        <footer className="py-12 relative z-10 border-t border-white/5 bg-black/20 backdrop-blur-md">
+            <div className="container mx-auto px-4 flex flex-col md:flex-row justify-between items-center gap-6">
+                <div className="text-gray-400 text-sm">
+                    © {new Date().getFullYear()} Void Sentinel. All rights reserved.
+                </div>
+            </div>
+        </footer>
+    );
+};
+
+export default Footer;
diff --git a/web/components/Hero.tsx b/web/components/Hero.tsx
new file mode 100644
index 0000000..fa5a6f1
--- /dev/null
+++ b/web/components/Hero.tsx
@@ -0,0 +1,87 @@
+"use client";
+
+import React, { useRef } from "react";
+import gsap from "gsap";
+import { useGSAP } from "@gsap/react";
+import Link from "next/link";
+
+gsap.registerPlugin(useGSAP);
+
+interface HeroProps {
+    authButton?: React.ReactNode;
+}
+
+const Hero = ({ authButton }: HeroProps) => {
+    const container = useRef(null);
+    const titleRef = useRef(null);
+    const textRef = useRef(null);
+    const btnRef = useRef(null);
+
+    useGSAP(
+        () => {
+            const tl = gsap.timeline({ defaults: { ease: "power3.out" } });
+
+            tl.from(titleRef.current, {
+                y: 50,
+                opacity: 0,
+                duration: 1,
+                stagger: 0.2,
+            })
+                .from(
+                    textRef.current,
+                    {
+                        y: 30,
+                        opacity: 0,
+                        duration: 0.8,
+                    },
+                    "-=0.5"
+                )
+                .from(
+                    btnRef.current,
+                    {
+                        y: 20,
+                        opacity: 0,
+                        duration: 0.6,
+                    },
+                    "-=0.4"
+                );
+        },
+        { scope: container }
+    );
+
+    return (
+        <section
+            ref={container}
+            className="min-h-screen flex flex-col items-center justify-center text-center px-4 relative"
+        >
+            <div className="max-w-4xl mx-auto space-y-8">
+                <div className="inline-block px-4 py-1 mb-4 border border-blue-500/30 rounded-full bg-blue-500/10 backdrop-blur-sm">
+                    <span className="text-sm font-medium text-blue-300">Under Development - If you want pre-release access, contact <span className="font-bold">_void_x_</span> on Discord.</span>
+                </div>
+                <h1
+                    ref={titleRef}
+                    className="text-6xl md:text-8xl font-bold tracking-tighter bg-clip-text text-transparent bg-gradient-to-r from-white via-blue-200 to-slate-400"
+                >
+                    VOID SENTINEL
+                </h1>
+                <p
+                    ref={textRef}
+                    className="text-xl md:text-2xl text-gray-400 max-w-2xl mx-auto italic"
+                >
+                    &ldquo;I am the sentinel at the edge of the void. A warden against the shadows and an echo of light for those within. I protect, I entertain, I watch.&rdquo;
+                </p>
+                <div
+                    ref={btnRef}
+                    className="flex flex-col sm:flex-row gap-4 justify-center items-center"
+                >
+                    {authButton}
+                    <Link href="/docs" className="px-8 py-2 bg-white/5 hover:bg-white/10 border border-white/10 hover:border-white/20 text-white rounded-full font-semibold transition-all hover:scale-105 flex items-center gap-2 backdrop-blur-sm">
+                        Documentation
+                    </Link>
+                </div>
+            </div>
+        </section>
+    );
+};
+
+export default Hero;
diff --git a/web/components/LeaderboardView.tsx b/web/components/LeaderboardView.tsx
new file mode 100644
index 0000000..db3c5d3
--- /dev/null
+++ b/web/components/LeaderboardView.tsx
@@ -0,0 +1,250 @@
+import type { LeaderboardMember } from "@/lib/discord";
+
+interface LeaderboardViewProps {
+    leaderboardData: LeaderboardMember[];
+    currentUserRank?: LeaderboardMember;
+    currentUserId?: string;
+}
+
+export default function LeaderboardView({
+    leaderboardData,
+    currentUserRank,
+    currentUserId,
+}: LeaderboardViewProps) {
+    return (
+        <>
+            <div className="mb-6 sm:mb-8">
+                <h2 className="text-2xl sm:text-3xl font-bold text-white mb-4 sm:mb-6">
+                    Leaderboard
+                </h2>
+                {currentUserRank && (
+                    <div className="bg-white/5 border border-white/10 rounded-xl sm:rounded-2xl p-4 sm:p-6 flex flex-col md:flex-row items-center justify-between backdrop-blur-md shadow-2xl relative overflow-hidden group">
+                        {/* Background Glow */}
+                        <div className="absolute top-0 right-0 w-64 h-64 bg-blue-500/5 rounded-full blur-3xl -translate-y-1/2 translate-x-1/2 group-hover:bg-blue-500/10 transition-all duration-700"></div>
+
+                        <div className="flex items-center gap-4 sm:gap-6 relative z-10 mb-4 md:mb-0">
+                            {currentUserRank.avatar ? (
+                                <img
+                                    src={currentUserRank.avatar}
+                                    alt={currentUserRank.username}
+                                    className="w-16 h-16 sm:w-20 sm:h-20 rounded-full border-4 border-white/10 shadow-lg"
+                                />
+                            ) : (
+                                <div className="w-16 h-16 sm:w-20 sm:h-20 rounded-full bg-gray-700 flex items-center justify-center text-white font-bold text-2xl sm:text-3xl border-4 border-white/10 shadow-lg">
+                                    {currentUserRank.username.charAt(0).toUpperCase()}
+                                </div>
+                            )}
+                            <div className="flex flex-col">
+                                <span className="text-xl sm:text-2xl font-bold text-white">
+                                    {currentUserRank.username}
+                                </span>
+                            </div>
+                        </div>
+
+                        <div className="flex bg-black/20 rounded-xl p-3 sm:p-4 gap-4 sm:gap-8 md:gap-16 border border-white/5 relative z-10 w-full md:w-auto justify-center">
+                            <div className="text-center">
+                                <p className="text-gray-400 text-[10px] sm:text-xs uppercase font-bold tracking-wider mb-1">
+                                    Rank
+                                </p>
+                                <p className="text-2xl sm:text-3xl font-black text-white">
+                                    #{currentUserRank.rank}
+                                </p>
+                            </div>
+                            <div className="w-px bg-white/10"></div>
+                            <div className="text-center">
+                                <p className="text-gray-400 text-[10px] sm:text-xs uppercase font-bold tracking-wider mb-1">
+                                    Level
+                                </p>
+                                <p className="text-2xl sm:text-3xl font-black text-yellow-500">
+                                    {currentUserRank.level}
+                                </p>
+                            </div>
+                            <div className="w-px bg-white/10"></div>
+                            <div className="text-center">
+                                <p className="text-gray-400 text-[10px] sm:text-xs uppercase font-bold tracking-wider mb-1">
+                                    Total XP
+                                </p>
+                                <p className="text-2xl sm:text-3xl font-black text-blue-400">
+                                    {currentUserRank.xp.toLocaleString()}
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+                )}
+            </div>
+
+            <div className="bg-white/5 backdrop-blur-md border border-white/10 rounded-xl sm:rounded-2xl overflow-hidden shadow-xl">
+                {/* Mobile Card View */}
+                <div className="block sm:hidden">
+                    {leaderboardData.length > 0 ? (
+                        <div className="divide-y divide-white/5">
+                            {leaderboardData.map((member) => {
+                                const isCurrentUser = member.user_id === currentUserId;
+                                let rankColor = "text-blue-400";
+                                if (member.rank === 1)
+                                    rankColor = "text-yellow-400";
+                                if (member.rank === 2)
+                                    rankColor = "text-gray-300";
+                                if (member.rank === 3)
+                                    rankColor = "text-orange-400";
+
+                                return (
+                                    <div
+                                        key={member.user_id}
+                                        className={`p-4 ${isCurrentUser
+                                                ? "bg-blue-600/20"
+                                                : ""
+                                            }`}
+                                    >
+                                        <div className="flex items-center gap-3">
+                                            <span
+                                                className={`font-mono font-bold text-lg w-10 ${rankColor}`}
+                                            >
+                                                #{member.rank}
+                                            </span>
+                                            {member.avatar ? (
+                                                <img
+                                                    src={member.avatar}
+                                                    alt=""
+                                                    className="w-10 h-10 rounded-full bg-gray-700 shadow-md"
+                                                />
+                                            ) : (
+                                                <div className="w-10 h-10 rounded-full bg-gray-700 flex items-center justify-center text-white font-bold">
+                                                    {member.username
+                                                        .charAt(0)
+                                                        .toUpperCase()}
+                                                </div>
+                                            )}
+                                            <div className="flex-1 min-w-0">
+                                                <p
+                                                    className={`font-semibold truncate ${isCurrentUser
+                                                            ? "text-blue-200"
+                                                            : "text-white"
+                                                        }`}
+                                                >
+                                                    {member.username}
+                                                </p>
+                                                {isCurrentUser && (
+                                                    <span className="text-xs text-blue-400">
+                                                        You
+                                                    </span>
+                                                )}
+                                            </div>
+                                            <div className="text-right">
+                                                <p className="font-bold text-yellow-500">
+                                                    Lv. {member.level}
+                                                </p>
+                                                <p className="text-xs text-gray-500 font-mono">
+                                                    {member.xp.toLocaleString()} XP
+                                                </p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                );
+                            })}
+                        </div>
+                    ) : (
+                        <div className="p-12 text-center text-gray-500">
+                            Setup leveling system to see the leaderboard
+                        </div>
+                    )}
+                </div>
+
+                {/* Desktop Table View */}
+                <div className="hidden sm:block overflow-x-auto">
+                    <table className="w-full text-left border-collapse">
+                        <thead>
+                            <tr className="border-b border-white/10 text-gray-400 text-sm uppercase tracking-wider bg-white/5">
+                                <th className="p-4 pl-6">Rank</th>
+                                <th className="p-4">User</th>
+                                <th className="p-4 text-right">Level</th>
+                                <th className="p-4 pr-6 text-right">XP</th>
+                            </tr>
+                        </thead>
+                        <tbody className="text-gray-300">
+                            {leaderboardData.length > 0 ? (
+                                leaderboardData.map((member) => {
+                                    const isCurrentUser =
+                                        member.user_id === currentUserId;
+                                    let rankColor = "text-blue-400";
+                                    if (member.rank === 1)
+                                        rankColor =
+                                            "text-yellow-400 drop-shadow-[0_0_10px_rgba(250,204,21,0.5)]";
+                                    if (member.rank === 2)
+                                        rankColor =
+                                            "text-gray-300 drop-shadow-[0_0_10px_rgba(209,213,219,0.5)]";
+                                    if (member.rank === 3)
+                                        rankColor =
+                                            "text-orange-400 drop-shadow-[0_0_10px_rgba(251,146,60,0.5)]";
+
+                                    return (
+                                        <tr
+                                            key={member.user_id}
+                                            className={`border-b border-white/5 transition-all ${isCurrentUser
+                                                    ? "bg-blue-600/20 hover:bg-blue-600/30"
+                                                    : "hover:bg-white/5"
+                                                }`}
+                                        >
+                                            <td
+                                                className={`p-4 pl-6 font-mono font-bold text-lg ${rankColor}`}
+                                            >
+                                                #{member.rank}
+                                            </td>
+                                            <td className="p-4">
+                                                <div className="flex items-center gap-4">
+                                                    {member.avatar ? (
+                                                        <img
+                                                            src={member.avatar}
+                                                            alt=""
+                                                            className="w-10 h-10 rounded-full bg-gray-700 shadow-md"
+                                                        />
+                                                    ) : (
+                                                        <div className="w-10 h-10 rounded-full bg-gray-700 flex items-center justify-center text-white font-bold text-lg">
+                                                            {member.username
+                                                                .charAt(0)
+                                                                .toUpperCase()}
+                                                        </div>
+                                                    )}
+                                                    <div className="flex flex-col">
+                                                        <span
+                                                            className={`font-semibold text-lg ${isCurrentUser
+                                                                    ? "text-blue-200"
+                                                                    : "text-white"
+                                                                }`}
+                                                        >
+                                                            {member.username}
+                                                        </span>
+                                                        {isCurrentUser && (
+                                                            <span className="text-xs text-blue-400 font-medium">
+                                                                You
+                                                            </span>
+                                                        )}
+                                                    </div>
+                                                </div>
+                                            </td>
+                                            <td className="p-4 text-right font-bold text-yellow-500 text-lg">
+                                                {member.level}
+                                            </td>
+                                            <td className="p-4 pr-6 text-right text-gray-500 font-mono">
+                                                {member.xp.toLocaleString()}
+                                            </td>
+                                        </tr>
+                                    );
+                                })
+                            ) : (
+                                <tr>
+                                    <td
+                                        colSpan={4}
+                                        className="p-12 text-center text-gray-500 text-lg"
+                                    >
+                                        Setup leveling system to see the leaderboard
+                                    </td>
+                                </tr>
+                            )}
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </>
+    );
+}
diff --git a/web/components/LevelingEditor.tsx b/web/components/LevelingEditor.tsx
new file mode 100644
index 0000000..eeed35c
--- /dev/null
+++ b/web/components/LevelingEditor.tsx
@@ -0,0 +1,1274 @@
+"use client";
+
+import { useState, useEffect, useCallback, useRef } from "react";
+import {
+    Plus,
+    Trash2,
+    GripVertical,
+    ChevronDown,
+    ChevronUp,
+    Save,
+    X,
+    Loader2,
+    AlertCircle,
+    Check,
+    Search,
+    ArrowRight,
+} from "lucide-react";
+
+interface Role {
+    role_id: string;
+    role_name: string;
+    color: number;
+    position: number;
+}
+
+interface TrackRole {
+    role_name: string;
+    role_id: string;
+    level: number;
+}
+
+interface Track {
+    name: string;
+    roles: TrackRole[];
+}
+
+interface LevelBridge {
+    in_role_id: string;
+    out_role_id: string;
+}
+
+interface LevelingEditorProps {
+    guildId: string;
+}
+
+function intToHexColor(color: number | undefined): string {
+    if (color === undefined || color === null || color === 0) return "#99AAB5"; // Discord default gray
+    return `#${color.toString(16).padStart(6, "0")}`;
+}
+
+export default function LevelingEditor({ guildId }: LevelingEditorProps) {
+    const [tracks, setTracks] = useState<Track[]>([]);
+    const [guildRoles, setGuildRoles] = useState<Role[]>([]);
+    const [loading, setLoading] = useState(true);
+    const [saving, setSaving] = useState(false);
+    const [error, setError] = useState<string | null>(null);
+    const [success, setSuccess] = useState<string | null>(null);
+    const [expandedTracks, setExpandedTracks] = useState<Set<string>>(new Set());
+    const [hasChanges, setHasChanges] = useState(false);
+    const [newTrackName, setNewTrackName] = useState("");
+    const [showAddTrack, setShowAddTrack] = useState(false);
+    const [draggedItem, setDraggedItem] = useState<{
+        trackIndex: number;
+        roleIndex: number;
+    } | null>(null);
+    const [openRoleDropdown, setOpenRoleDropdown] = useState<string | null>(null);
+    const [openInitialRoleDropdown, setOpenInitialRoleDropdown] = useState<string | null>(null);
+    const [roleSearchQuery, setRoleSearchQuery] = useState("");
+    const [initialRoleSearchQuery, setInitialRoleSearchQuery] = useState("");
+    const [deletedTracks, setDeletedTracks] = useState<string[]>([]);
+    const [originalTrackNames, setOriginalTrackNames] = useState<Set<string>>(new Set());
+
+    // Level Bridger State
+    const [bridges, setBridges] = useState<LevelBridge[]>([]);
+    const [deletedBridges, setDeletedBridges] = useState<string[]>([]); // in_role_ids
+    const [newBridgeIn, setNewBridgeIn] = useState<string | null>(null);
+    const [newBridgeOut, setNewBridgeOut] = useState<string | null>(null);
+    const [showAddBridge, setShowAddBridge] = useState(false);
+
+    // Bridge custom dropdown state
+    const [openBridgeInDropdown, setOpenBridgeInDropdown] = useState(false);
+    const [openBridgeOutDropdown, setOpenBridgeOutDropdown] = useState(false);
+    const [bridgeInSearchQuery, setBridgeInSearchQuery] = useState("");
+    const [bridgeOutSearchQuery, setBridgeOutSearchQuery] = useState("");
+
+    // Dropdown directions
+    const [roleDropdownDirection, setRoleDropdownDirection] = useState<"up" | "down">("down");
+    const [initialRoleDropdownDirection, setInitialRoleDropdownDirection] = useState<"up" | "down">("down");
+    const [bridgeInDropdownDirection, setBridgeInDropdownDirection] = useState<"up" | "down">("down");
+    const [bridgeOutDropdownDirection, setBridgeOutDropdownDirection] = useState<"up" | "down">("down");
+
+    const dropdownRef = useRef<HTMLDivElement>(null);
+    const initialDropdownRef = useRef<HTMLDivElement>(null);
+    const bridgeInDropdownRef = useRef<HTMLDivElement>(null);
+    const bridgeOutDropdownRef = useRef<HTMLDivElement>(null);
+
+    // Close dropdown when clicking outside
+    useEffect(() => {
+        const handleClickOutside = (event: MouseEvent) => {
+            if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {
+                setOpenRoleDropdown(null);
+                setRoleSearchQuery("");
+            }
+            if (initialDropdownRef.current && !initialDropdownRef.current.contains(event.target as Node)) {
+                setOpenInitialRoleDropdown(null);
+                setInitialRoleSearchQuery("");
+            }
+            if (bridgeInDropdownRef.current && !bridgeInDropdownRef.current.contains(event.target as Node)) {
+                setOpenBridgeInDropdown(false);
+                setBridgeInSearchQuery("");
+            }
+            if (bridgeOutDropdownRef.current && !bridgeOutDropdownRef.current.contains(event.target as Node)) {
+                setOpenBridgeOutDropdown(false);
+                setBridgeOutSearchQuery("");
+            }
+        };
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => document.removeEventListener("mousedown", handleClickOutside);
+    }, []);
+
+    // Fetch tracks and roles
+    const fetchData = useCallback(async () => {
+        setLoading(true);
+        setError(null);
+        try {
+            const [tracksRes, rolesRes, bridgeRes] = await Promise.all([
+                fetch(`/api/guilds/${guildId}/tracks`),
+                fetch(`/api/guilds/${guildId}/roles`),
+                fetch(`/api/guilds/${guildId}/level_bridger`),
+            ]);
+
+            if (!tracksRes.ok) {
+                throw new Error("Failed to fetch tracks");
+            }
+            if (!rolesRes.ok) {
+                throw new Error("Failed to fetch roles");
+            }
+            // Optional: check bridgeRes but don't fail hard if it doesn't exist yet (though we just added it)
+
+            const tracksData = await tracksRes.json();
+            const rolesData = await rolesRes.json();
+            const bridgesData = await bridgeRes.json().catch(() => []); // Default to empty if fails
+
+            // Create a lookup map for guild roles to get names
+            const rolesMap = new Map((Array.isArray(rolesData) ? rolesData : []).map((r: Role) => [r.role_id, r]));
+
+            const transformedTracks: Track[] = [];
+
+            // Helper to transform roles and find names from guild roles
+            const transformRoles = (rawRoles: any[]): TrackRole[] => {
+                if (!Array.isArray(rawRoles)) return [];
+                return rawRoles.map((r) => {
+                    // Handle role_id (new format) or id (old format)
+                    // Note: sending role_id as u64 might result in precision loss if parsed as number
+                    // but we convert to string here matching the rolesMap keys
+                    const roleId = String(r.role_id || r.id);
+                    const guildRole = rolesMap.get(roleId);
+
+                    return {
+                        role_id: roleId,
+                        // Use name from guild roles, fall back to API name
+                        role_name: guildRole?.role_name || r.role_name || r.name || "Unknown Role",
+                        level: r.level
+                    };
+                });
+            };
+
+            // Transform tracks data
+            if (Array.isArray(tracksData)) {
+                tracksData.forEach((track: any) => {
+                    // Support new format: { track_name: "...", roles: [...] }
+                    if (track.track_name) {
+                        transformedTracks.push({
+                            name: track.track_name,
+                            roles: transformRoles(track.roles)
+                        });
+                    } else {
+                        // Support legacy dictionary format in array
+                        // [{ "TrackName": [...] }]
+                        Object.entries(track).forEach(([name, roles]) => {
+                            if (name === "track_name" || name === "roles") return;
+                            transformedTracks.push({
+                                name,
+                                roles: transformRoles(roles as any[])
+                            });
+                        });
+                    }
+                });
+            } else if (tracksData && typeof tracksData === 'object') {
+                // Support legacy dictionary format: { "TrackName": [...] }
+                Object.entries(tracksData).forEach(([name, roles]) => {
+                    transformedTracks.push({
+                        name,
+                        roles: transformRoles(roles as any[])
+                    });
+                });
+            }
+
+            setTracks(transformedTracks);
+            setGuildRoles(rolesData || []);
+            setOriginalTrackNames(new Set(transformedTracks.map(t => t.name)));
+            setDeletedTracks([]);
+
+            setBridges(Array.isArray(bridgesData) ? bridgesData : []);
+            setDeletedBridges([]);
+
+            // All tracks start collapsed
+        } catch (err) {
+            setError(err instanceof Error ? err.message : "An error occurred");
+        } finally {
+            setLoading(false);
+        }
+    }, [guildId]);
+
+    useEffect(() => {
+        fetchData();
+    }, [fetchData]);
+
+    // Save changes - delete removed tracks and update remaining
+    const saveChanges = async () => {
+        setSaving(true);
+        setError(null);
+        setSuccess(null);
+
+        try {
+            // First, delete any tracks that were removed
+            const deletePromises = deletedTracks.map(async (trackName) => {
+                const response = await fetch(`/api/guilds/${guildId}/tracks`, {
+                    method: "DELETE",
+                    headers: { "Content-Type": "application/json" },
+                    body: JSON.stringify({ track_name: trackName }),
+                });
+
+                if (!response.ok) {
+                    const errorData = await response.json().catch(() => ({}));
+                    throw new Error(errorData.error || `Failed to delete track "${trackName}"`);
+                }
+            });
+
+            await Promise.all(deletePromises);
+
+            // Level Bridger Deletions
+            const deleteBridgePromises = deletedBridges.map(async (inRoleId) => {
+                const response = await fetch(`/api/guilds/${guildId}/level_bridger`, {
+                    method: "DELETE",
+                    headers: { "Content-Type": "application/json" },
+                    body: JSON.stringify({ in_role_id: inRoleId }),
+                });
+                if (!response.ok) {
+                    console.error(`Failed to delete bridge for ${inRoleId}`);
+                }
+            });
+            await Promise.all(deleteBridgePromises);
+
+            // Then, update/create each track with the new format:
+            // { track_name: string, roles: [{ role_id: number, level: number }, ...] }
+            const updatePromises = tracks.map(async (track) => {
+                const payload = {
+                    track_name: track.name,
+                    roles: track.roles.map((role) => ({
+                        role_id: role.role_id,
+                        level: role.level
+                    }))
+                };
+
+                const response = await fetch(`/api/guilds/${guildId}/tracks`, {
+                    method: "PATCH",
+                    headers: { "Content-Type": "application/json" },
+                    body: JSON.stringify(payload),
+                });
+
+                if (!response.ok) {
+                    const errorData = await response.json().catch(() => ({}));
+                    throw new Error(errorData.error || `Failed to save track "${track.name}"`);
+                }
+            });
+
+            await Promise.all(updatePromises);
+
+            // Level Bridger Updates (PUT)
+            const updateBridgePromises = bridges.map(async (bridge) => {
+                const response = await fetch(`/api/guilds/${guildId}/level_bridger`, {
+                    method: "PUT",
+                    headers: { "Content-Type": "application/json" },
+                    body: JSON.stringify(bridge),
+                });
+                if (!response.ok) {
+                    console.error(`Failed to save bridge ${bridge.in_role_id} -> ${bridge.out_role_id}`);
+                }
+            });
+            await Promise.all(updateBridgePromises);
+
+            // Update tracking state
+            setOriginalTrackNames(new Set(tracks.map(t => t.name)));
+            setDeletedTracks([]);
+            setDeletedBridges([]);
+            setSuccess("Changes saved successfully!");
+            setHasChanges(false);
+            setTimeout(() => setSuccess(null), 3000);
+        } catch (err) {
+            setError(err instanceof Error ? err.message : "Failed to save");
+        } finally {
+            setSaving(false);
+        }
+    };
+
+    // Toggle track expansion
+    const toggleTrack = (trackName: string) => {
+        setExpandedTracks((prev) => {
+            const newSet = new Set(prev);
+            if (newSet.has(trackName)) {
+                newSet.delete(trackName);
+            } else {
+                newSet.add(trackName);
+            }
+            return newSet;
+        });
+    };
+
+    // Add new track
+    const addTrack = () => {
+        if (!newTrackName.trim()) return;
+        if (tracks.some((t) => t.name === newTrackName.trim())) {
+            setError("Track with this name already exists");
+            return;
+        }
+
+        setTracks([...tracks, { name: newTrackName.trim(), roles: [] }]);
+        setExpandedTracks((prev) => new Set([...prev, newTrackName.trim()]));
+        setNewTrackName("");
+        setShowAddTrack(false);
+        setHasChanges(true);
+    };
+
+    // Delete track
+    const deleteTrack = (trackIndex: number) => {
+        const trackName = tracks[trackIndex].name;
+        const newTracks = [...tracks];
+        newTracks.splice(trackIndex, 1);
+        setTracks(newTracks);
+
+        // If this track existed on the server, mark it for deletion
+        if (originalTrackNames.has(trackName)) {
+            setDeletedTracks(prev => [...prev, trackName]);
+        }
+        setHasChanges(true);
+    };
+
+    // Add role to track (only non-initial roles, level 5+)
+    const addRoleToTrack = (trackIndex: number, roleId: string) => {
+        const role = guildRoles.find((r) => r.role_id === roleId);
+        if (!role) return;
+
+        const newTracks = [...tracks];
+        const existingLevels = newTracks[trackIndex].roles.filter(r => r.level > 0).map((r) => r.level);
+        const nextLevel = existingLevels.length === 0 ? 5 : Math.max(...existingLevels) + 5;
+
+        newTracks[trackIndex].roles.push({
+            role_id: role.role_id,
+            role_name: role.role_name,
+            level: nextLevel,
+        });
+
+        // Sort by level
+        newTracks[trackIndex].roles.sort((a, b) => a.level - b.level);
+
+        setTracks(newTracks);
+        setHasChanges(true);
+    };
+
+    // Set or update initial role (level 0)
+    const setInitialRole = (trackIndex: number, roleId: string) => {
+        const role = guildRoles.find((r) => r.role_id === roleId);
+        if (!role) return;
+
+        const newTracks = [...tracks];
+        // Remove existing initial role if any
+        newTracks[trackIndex].roles = newTracks[trackIndex].roles.filter(r => r.level !== 0);
+
+        // Add new initial role at the beginning
+        newTracks[trackIndex].roles.unshift({
+            role_id: role.role_id,
+            role_name: role.role_name,
+            level: 0,
+        });
+
+        setTracks(newTracks);
+        setHasChanges(true);
+        setOpenInitialRoleDropdown(null);
+        setInitialRoleSearchQuery("");
+    };
+
+    // Get initial role for a track
+    const getInitialRole = (track: Track) => {
+        return track.roles.find(r => r.level === 0);
+    };
+
+    // Remove role from track (can't remove initial role - level 0)
+    const removeRoleFromTrack = (trackIndex: number, roleIndex: number) => {
+        const newTracks = [...tracks];
+        const role = newTracks[trackIndex].roles[roleIndex];
+
+        // Prevent removing initial role
+        if (role.level === 0) return;
+
+        newTracks[trackIndex].roles.splice(roleIndex, 1);
+        setTracks(newTracks);
+        setHasChanges(true);
+    };
+
+    // Update role level
+    const updateRoleLevel = (
+        trackIndex: number,
+        roleIndex: number,
+        level: number
+    ) => {
+        const newTracks = [...tracks];
+        newTracks[trackIndex].roles[roleIndex].level = Math.max(1, level);
+        // Don't sort immediately to allow typing
+        setTracks(newTracks);
+        setHasChanges(true);
+    };
+
+    // Sort roles by level (called on blur)
+    const sortTrackRoles = (trackIndex: number) => {
+        const newTracks = [...tracks];
+        newTracks[trackIndex].roles.sort((a, b) => a.level - b.level);
+        setTracks(newTracks);
+    };
+
+    // Drag and drop handlers
+    const handleDragStart = (trackIndex: number, roleIndex: number) => {
+        setDraggedItem({ trackIndex, roleIndex });
+    };
+
+    const handleDragOver = (e: React.DragEvent) => {
+        e.preventDefault();
+    };
+
+    const handleDrop = (trackIndex: number, roleIndex: number) => {
+        if (!draggedItem) return;
+        if (
+            draggedItem.trackIndex === trackIndex &&
+            draggedItem.roleIndex === roleIndex
+        )
+            return;
+
+        const newTracks = [...tracks];
+        const sourceTrack = newTracks[draggedItem.trackIndex];
+        const targetTrack = newTracks[trackIndex];
+
+        // Get the dragged role
+        const [draggedRole] = sourceTrack.roles.splice(draggedItem.roleIndex, 1);
+
+        // If dropping in the same track, adjust the level
+        if (draggedItem.trackIndex === trackIndex) {
+            // Swap levels between roles
+            const targetRole = targetTrack.roles[roleIndex];
+            if (targetRole) {
+                const tempLevel = draggedRole.level;
+                draggedRole.level = targetRole.level;
+                targetRole.level = tempLevel;
+            }
+            targetTrack.roles.splice(roleIndex, 0, draggedRole);
+        } else {
+            // Moving to different track - keep existing level or adjust
+            targetTrack.roles.splice(roleIndex, 0, draggedRole);
+        }
+
+        // Re-sort both tracks
+        sourceTrack.roles.sort((a, b) => a.level - b.level);
+        targetTrack.roles.sort((a, b) => a.level - b.level);
+
+        setTracks(newTracks);
+        setDraggedItem(null);
+        setHasChanges(true);
+    };
+
+    // Get available roles for initial role (not used in any track as initial)
+    const getAvailableInitialRoles = (track: Track) => {
+        const currentInitialId = getInitialRole(track)?.role_id;
+        return guildRoles.filter((r) =>
+            r.role_name !== "@everyone" &&
+            (r.role_id === currentInitialId || !track.roles.some(tr => tr.role_id === r.role_id))
+        );
+    };
+
+    // Get available roles for regular roles (not already in the current track, exclude @everyone)
+    const getAvailableRoles = (track: Track) => {
+        const usedRoleIds = new Set(track.roles.map((r) => r.role_id));
+        return guildRoles.filter((r) => !usedRoleIds.has(r.role_id) && r.role_name !== "@everyone");
+    };
+
+    if (loading) {
+        return (
+            <div className="flex items-center justify-center py-12">
+                <Loader2 className="w-8 h-8 animate-spin text-blue-500" />
+                <span className="ml-3 text-gray-400">Loading leveling data...</span>
+            </div>
+        );
+    }
+
+    return (
+        <div className="space-y-6">
+            {/* Header with Save Button */}
+            <div className="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
+                <div>
+                    <h2 className="text-2xl sm:text-3xl font-bold text-white">
+                        Level Tracks
+                    </h2>
+                    <p className="text-gray-400 text-sm mt-1">
+                        Configure role rewards for leveling up
+                    </p>
+                </div>
+
+                <div className="flex items-center gap-3">
+                    {hasChanges && (
+                        <span className="text-yellow-500 text-sm flex items-center gap-1">
+                            <AlertCircle className="w-4 h-4" />
+                            <span className="hidden sm:inline">Unsaved changes</span>
+                        </span>
+                    )}
+                    <button
+                        onClick={saveChanges}
+                        disabled={!hasChanges || saving}
+                        className={`flex items-center gap-2 px-4 py-2 rounded-lg font-medium transition-all ${hasChanges && !saving
+                            ? "bg-blue-600 hover:bg-blue-700 text-white"
+                            : "bg-gray-700 text-gray-400 cursor-not-allowed"
+                            }`}
+                    >
+                        {saving ? (
+                            <Loader2 className="w-4 h-4 animate-spin" />
+                        ) : (
+                            <Save className="w-4 h-4" />
+                        )}
+                        <span className="hidden sm:inline">Save Changes</span>
+                        <span className="sm:hidden">Save</span>
+                    </button>
+                </div>
+            </div>
+
+            {/* Status Messages */}
+            {error && (
+                <div className="bg-red-500/10 border border-red-500/30 rounded-lg p-4 flex items-center gap-3">
+                    <AlertCircle className="w-5 h-5 text-red-500 flex-shrink-0" />
+                    <p className="text-red-400">{error}</p>
+                    <button
+                        onClick={() => setError(null)}
+                        className="ml-auto text-red-400 hover:text-red-300"
+                    >
+                        <X className="w-4 h-4" />
+                    </button>
+                </div>
+            )}
+
+            {success && (
+                <div className="bg-green-500/10 border border-green-500/30 rounded-lg p-4 flex items-center gap-3">
+                    <Check className="w-5 h-5 text-green-500 flex-shrink-0" />
+                    <p className="text-green-400">{success}</p>
+                </div>
+            )}
+
+            <div className="space-y-4">
+                {tracks.map((track, trackIndex) => {
+                    const isExpanded = expandedTracks.has(track.name);
+                    const availableRoles = getAvailableRoles(track);
+                    const availableInitialRoles = getAvailableInitialRoles(track);
+                    const initialRole = getInitialRole(track);
+                    const initialRoleGuild = initialRole ? guildRoles.find(r => r.role_id === initialRole.role_id) : null;
+                    const initialRoleColor = initialRoleGuild ? intToHexColor(initialRoleGuild.color) : "#99AAB5";
+                    const nonInitialRoles = track.roles.filter(r => r.level > 0);
+
+                    return (
+                        <div
+                            key={track.name}
+                            className={`bg-white/5 border border-white/10 rounded-xl backdrop-blur-sm transition-all relative ${openRoleDropdown === track.name || openInitialRoleDropdown === track.name ? "z-20" : "z-0"
+                                }`}
+                        >
+                            <div
+                                className="flex flex-col gap-3 p-4"
+                            >
+                                <div className="flex items-center justify-between">
+                                    <div
+                                        className="flex items-center gap-3 cursor-pointer hover:opacity-80 transition-opacity"
+                                        onClick={() => toggleTrack(track.name)}
+                                    >
+                                        {isExpanded ? (
+                                            <ChevronUp className="w-5 h-5 text-gray-400" />
+                                        ) : (
+                                            <ChevronDown className="w-5 h-5 text-gray-400" />
+                                        )}
+                                        <h3 className="text-lg font-semibold text-white">
+                                            {track.name}
+                                        </h3>
+                                        <span className="text-sm text-gray-500">
+                                            ({nonInitialRoles.length} roles)
+                                        </span>
+                                    </div>
+
+                                    <div className="flex items-center gap-2">
+                                        <div className="relative" ref={openRoleDropdown === track.name ? dropdownRef : null}>
+                                            <button
+                                                onClick={(e) => {
+                                                    e.stopPropagation();
+                                                    if (!initialRole) {
+                                                        setError("Please set an initial role first");
+                                                        return;
+                                                    }
+
+                                                    // Calculate direction
+                                                    const rect = e.currentTarget.getBoundingClientRect();
+                                                    const spaceBelow = window.innerHeight - rect.bottom;
+                                                    const direction = spaceBelow < 320 ? "up" : "down";
+                                                    setRoleDropdownDirection(direction);
+
+                                                    if (openRoleDropdown === track.name) {
+                                                        setOpenRoleDropdown(null);
+                                                        setRoleSearchQuery("");
+                                                    } else {
+                                                        setOpenRoleDropdown(track.name);
+                                                        setRoleSearchQuery("");
+                                                    }
+                                                }}
+                                                disabled={availableRoles.length === 0 || !initialRole}
+                                                className={`flex items-center gap-2 px-3 py-1.5 rounded-lg font-medium text-sm transition-colors ${availableRoles.length > 0 && initialRole
+                                                    ? "bg-blue-600 hover:bg-blue-700 text-white"
+                                                    : "bg-gray-700 text-gray-500 cursor-not-allowed"
+                                                    }`}
+                                            >
+                                                <Plus className="w-4 h-4" />
+                                                <span className="hidden sm:inline">Add Role</span>
+                                            </button>
+
+                                            {/* Searchable Dropdown */}
+                                            {openRoleDropdown === track.name && availableRoles.length > 0 && (
+                                                <div
+                                                    className={`absolute right-0 w-72 bg-zinc-900 border border-white/10 rounded-xl shadow-2xl z-50 overflow-hidden ${roleDropdownDirection === "up" ? "bottom-full mb-2" : "top-full mt-2"
+                                                        }`}
+                                                    onClick={(e) => e.stopPropagation()}
+                                                >
+                                                    {/* Search Input */}
+                                                    <div className="p-3 border-b border-white/10">
+                                                        <div className="relative">
+                                                            <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400" />
+                                                            <input
+                                                                type="text"
+                                                                placeholder="Search roles..."
+                                                                value={roleSearchQuery}
+                                                                onChange={(e) => setRoleSearchQuery(e.target.value)}
+                                                                className="w-full pl-10 pr-4 py-2.5 bg-white/5 border border-white/10 rounded-lg text-white text-sm placeholder-gray-500 focus:outline-none focus:border-blue-500/50 focus:bg-white/10 transition-all"
+                                                                autoFocus
+                                                            />
+                                                        </div>
+                                                    </div>
+
+                                                    {/* Roles List */}
+                                                    <div className="max-h-64 overflow-y-auto scrollbar-thin scrollbar-thumb-white/10 scrollbar-track-transparent">
+                                                        {availableRoles
+                                                            .filter((role) =>
+                                                                (role.role_name || "").toLowerCase().includes(roleSearchQuery.toLowerCase())
+                                                            )
+                                                            .map((role) => {
+                                                                const roleColor = intToHexColor(role.color);
+                                                                return (
+                                                                    <button
+                                                                        key={role.role_id}
+                                                                        onClick={() => {
+                                                                            addRoleToTrack(trackIndex, role.role_id);
+                                                                            setOpenRoleDropdown(null);
+                                                                            setRoleSearchQuery("");
+                                                                        }}
+                                                                        className="w-full flex items-center gap-3 px-4 py-2.5 hover:bg-white/10 transition-colors text-left group"
+                                                                    >
+                                                                        <span
+                                                                            className="w-3 h-3 rounded-full flex-shrink-0 ring-2 ring-white/20 group-hover:ring-white/40 transition-all"
+                                                                            style={{ backgroundColor: roleColor }}
+                                                                        />
+                                                                        <span
+                                                                            className="text-sm truncate font-medium"
+                                                                            style={{ color: roleColor }}
+                                                                        >
+                                                                            {role.role_name || "Unknown Role"}
+                                                                        </span>
+                                                                    </button>
+                                                                );
+                                                            })}
+                                                        {availableRoles.filter((role) =>
+                                                            (role.role_name || "").toLowerCase().includes(roleSearchQuery.toLowerCase())
+                                                        ).length === 0 && (
+                                                                <p className="text-gray-500 text-sm text-center py-4">
+                                                                    No roles found
+                                                                </p>
+                                                            )}
+                                                    </div>
+                                                </div>
+                                            )}
+                                        </div>
+
+                                        {/* Delete Track Button */}
+                                        <button
+                                            onClick={(e) => {
+                                                e.stopPropagation();
+                                                if (
+                                                    confirm(
+                                                        `Are you sure you want to delete the "${track.name}" track?`
+                                                    )
+                                                ) {
+                                                    deleteTrack(trackIndex);
+                                                }
+                                            }}
+                                            className="p-2 text-red-400 hover:text-red-300 hover:bg-red-500/10 rounded-lg transition-colors"
+                                        >
+                                            <Trash2 className="w-4 h-4" />
+                                        </button>
+                                    </div>
+                                </div>
+
+                                {/* Initial Role Row */}
+                                <div
+                                    className="flex items-center gap-3 ml-8"
+                                    onClick={(e) => e.stopPropagation()}
+                                >
+                                    <span className="text-blue-400 text-sm font-medium">Initial Role:</span>
+
+                                    {/* Initial Role Dropdown */}
+                                    <div className="relative" ref={openInitialRoleDropdown === track.name ? initialDropdownRef : null}>
+                                        <button
+                                            onClick={(e) => {
+                                                e.stopPropagation();
+
+                                                // Calculate direction
+                                                const rect = e.currentTarget.getBoundingClientRect();
+                                                const spaceBelow = window.innerHeight - rect.bottom;
+                                                const direction = spaceBelow < 320 ? "up" : "down";
+                                                setInitialRoleDropdownDirection(direction);
+
+                                                if (openInitialRoleDropdown === track.name) {
+                                                    setOpenInitialRoleDropdown(null);
+                                                    setInitialRoleSearchQuery("");
+                                                } else {
+                                                    setOpenInitialRoleDropdown(track.name);
+                                                    setInitialRoleSearchQuery("");
+                                                }
+                                            }}
+                                            className={`flex items-center gap-2 px-3 py-1.5 rounded-lg text-sm transition-colors ${initialRole
+                                                ? "bg-blue-500/20 border border-blue-500/40 hover:bg-blue-500/30"
+                                                : "bg-blue-500/10 border border-blue-500/30 border-dashed hover:bg-blue-500/20"
+                                                }`}
+                                        >
+                                            {initialRole ? (
+                                                <>
+                                                    <span
+                                                        className="w-3 h-3 rounded-full flex-shrink-0"
+                                                        style={{ backgroundColor: initialRoleColor }}
+                                                    />
+                                                    <span style={{ color: initialRoleColor }} className="font-medium">
+                                                        {initialRole.role_name}
+                                                    </span>
+                                                    <ChevronDown className="w-3 h-3 text-blue-400 ml-1" />
+                                                </>
+                                            ) : (
+                                                <>
+                                                    <Plus className="w-4 h-4 text-blue-400" />
+                                                    <span className="text-blue-400">Select Initial Role</span>
+                                                </>
+                                            )}
+                                        </button>
+
+                                        {/* Initial Role Searchable Dropdown */}
+                                        {openInitialRoleDropdown === track.name && (
+                                            <div
+                                                className={`absolute left-0 w-72 bg-zinc-900 border border-blue-500/30 rounded-xl shadow-2xl z-50 overflow-hidden ${initialRoleDropdownDirection === "up" ? "bottom-full mb-2" : "top-full mt-2"
+                                                    }`}
+                                                onClick={(e) => e.stopPropagation()}
+                                            >
+                                                {/* Search Input */}
+                                                <div className="p-3 border-b border-blue-500/20">
+                                                    <div className="relative">
+                                                        <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-blue-400" />
+                                                        <input
+                                                            type="text"
+                                                            placeholder="Search roles..."
+                                                            value={initialRoleSearchQuery}
+                                                            onChange={(e) => setInitialRoleSearchQuery(e.target.value)}
+                                                            className="w-full pl-10 pr-4 py-2.5 bg-blue-500/10 border border-blue-500/20 rounded-lg text-white text-sm placeholder-blue-300/50 focus:outline-none focus:border-blue-500/50 transition-all"
+                                                            autoFocus
+                                                        />
+                                                    </div>
+                                                </div>
+
+                                                {/* Roles List */}
+                                                <div className="max-h-64 overflow-y-auto">
+                                                    {availableInitialRoles
+                                                        .filter((role) =>
+                                                            (role.role_name || "").toLowerCase().includes(initialRoleSearchQuery.toLowerCase())
+                                                        )
+                                                        .map((role) => {
+                                                            const roleColor = intToHexColor(role.color);
+                                                            const isSelected = initialRole?.role_id === role.role_id;
+                                                            return (
+                                                                <button
+                                                                    key={role.role_id}
+                                                                    onClick={() => setInitialRole(trackIndex, role.role_id)}
+                                                                    className={`w-full flex items-center gap-3 px-4 py-2.5 hover:bg-blue-500/20 transition-colors text-left group ${isSelected ? "bg-blue-500/20" : ""
+                                                                        }`}
+                                                                >
+                                                                    <span
+                                                                        className="w-3 h-3 rounded-full flex-shrink-0 ring-2 ring-blue-500/30 group-hover:ring-blue-500/50 transition-all"
+                                                                        style={{ backgroundColor: roleColor }}
+                                                                    />
+                                                                    <span
+                                                                        className="text-sm truncate font-medium"
+                                                                        style={{ color: roleColor }}
+                                                                    >
+                                                                        {role.role_name || "Unknown Role"}
+                                                                    </span>
+                                                                    {isSelected && (
+                                                                        <Check className="w-4 h-4 text-blue-400 ml-auto" />
+                                                                    )}
+                                                                </button>
+                                                            );
+                                                        })}
+                                                    {availableInitialRoles.filter((role) =>
+                                                        (role.role_name || "").toLowerCase().includes(initialRoleSearchQuery.toLowerCase())
+                                                    ).length === 0 && (
+                                                            <p className="text-blue-300/50 text-sm text-center py-4">
+                                                                No roles found
+                                                            </p>
+                                                        )}
+                                                </div>
+                                            </div>
+                                        )}
+                                    </div>
+                                </div>
+                            </div>
+
+                            {/* Track Content */}
+                            {isExpanded && (
+                                <div className="border-t border-white/10 p-4 space-y-4">
+                                    {/* Role List (non-initial roles only) */}
+                                    <div className="space-y-2">
+                                        {!initialRole ? (
+                                            <p className="text-blue-400 text-center py-4 bg-blue-500/10 rounded-lg border border-blue-500/20">
+                                                ★ Please select an initial role above before adding level roles
+                                            </p>
+                                        ) : nonInitialRoles.length === 0 ? (
+                                            <p className="text-gray-500 text-center py-4">
+                                                No level roles yet. Click "Add Role" to add roles that users can earn.
+                                            </p>
+                                        ) : (
+                                            nonInitialRoles.map((role) => {
+                                                const actualRoleIndex = track.roles.findIndex(r => r.role_id === role.role_id && r.level === role.level);
+                                                const guildRole = guildRoles.find(
+                                                    (r) => r.role_id === role.role_id
+                                                );
+                                                const roleColor = guildRole
+                                                    ? intToHexColor(guildRole.color)
+                                                    : "#99AAB5";
+
+                                                return (
+                                                    <div
+                                                        key={role.role_id}
+                                                        draggable
+                                                        onDragStart={() => handleDragStart(trackIndex, actualRoleIndex)}
+                                                        onDragOver={handleDragOver}
+                                                        onDrop={() => handleDrop(trackIndex, actualRoleIndex)}
+                                                        className={`flex flex-col sm:flex-row sm:items-center gap-3 p-3 rounded-lg border transition-all bg-black/20 border-white/5 hover:border-white/10 cursor-move ${draggedItem?.trackIndex === trackIndex &&
+                                                            draggedItem?.roleIndex === actualRoleIndex
+                                                            ? "opacity-50"
+                                                            : ""
+                                                            }`}
+                                                    >
+                                                        <GripVertical className="w-4 h-4 text-gray-600 hidden sm:block flex-shrink-0" />
+
+                                                        {/* Role Badge */}
+                                                        <div
+                                                            className="flex items-center gap-2 px-3 py-1.5 rounded-full text-sm font-medium flex-shrink-0"
+                                                            style={{
+                                                                backgroundColor: `${roleColor}20`,
+                                                                borderColor: `${roleColor}50`,
+                                                                borderWidth: "1px",
+                                                                color: roleColor,
+                                                            }}
+                                                        >
+                                                            <span
+                                                                className="w-3 h-3 rounded-full flex-shrink-0"
+                                                                style={{ backgroundColor: roleColor }}
+                                                            />
+                                                            <span className="truncate max-w-[120px] sm:max-w-none">
+                                                                {role.role_name}
+                                                            </span>
+                                                        </div>
+
+                                                        {/* Level Input */}
+                                                        <div className="flex items-center gap-2 flex-1 sm:flex-none">
+                                                            <span className="text-gray-400 text-sm">
+                                                                Level:
+                                                            </span>
+                                                            <input
+                                                                type="number"
+                                                                min="1"
+                                                                value={role.level}
+                                                                onChange={(e) =>
+                                                                    updateRoleLevel(
+                                                                        trackIndex,
+                                                                        actualRoleIndex,
+                                                                        parseInt(e.target.value) || 1
+                                                                    )
+                                                                }
+                                                                onBlur={() => sortTrackRoles(trackIndex)}
+                                                                onKeyDown={(e) => {
+                                                                    if (e.key === "Enter") {
+                                                                        e.currentTarget.blur();
+                                                                    }
+                                                                }}
+                                                                onClick={(e) => e.stopPropagation()}
+                                                                className="w-20 px-3 py-1.5 bg-black/30 border border-white/10 rounded-lg text-white text-center focus:outline-none focus:border-blue-500"
+                                                            />
+                                                        </div>
+
+                                                        {/* Remove Button */}
+                                                        <button
+                                                            onClick={(e) => {
+                                                                e.stopPropagation();
+                                                                removeRoleFromTrack(trackIndex, actualRoleIndex);
+                                                            }}
+                                                            className="p-2 text-red-400 hover:text-red-300 hover:bg-red-500/10 rounded-lg transition-colors ml-auto"
+                                                        >
+                                                            <X className="w-4 h-4" />
+                                                        </button>
+                                                    </div>
+                                                );
+                                            })
+                                        )}
+                                    </div>
+                                </div>
+                            )}
+                        </div>
+                    );
+                })}
+            </div>
+
+            {/* Add New Track */}
+            {showAddTrack ? (
+                <div className="bg-white/5 border border-white/10 rounded-xl p-4">
+                    <div className="flex flex-col sm:flex-row gap-3">
+                        <input
+                            type="text"
+                            placeholder="Enter track name..."
+                            value={newTrackName}
+                            onChange={(e) => setNewTrackName(e.target.value)}
+                            onKeyDown={(e) => e.key === "Enter" && addTrack()}
+                            className="flex-1 px-4 py-2.5 bg-black/30 border border-white/10 rounded-lg text-white placeholder-gray-500 focus:outline-none focus:border-blue-500"
+                            autoFocus
+                        />
+                        <div className="flex gap-2">
+                            <button
+                                onClick={addTrack}
+                                disabled={!newTrackName.trim()}
+                                className="flex-1 sm:flex-none px-4 py-2.5 bg-blue-600 hover:bg-blue-700 disabled:bg-gray-700 disabled:text-gray-500 text-white rounded-lg font-medium transition-colors"
+                            >
+                                Create
+                            </button>
+                            <button
+                                onClick={() => {
+                                    setShowAddTrack(false);
+                                    setNewTrackName("");
+                                }}
+                                className="px-4 py-2.5 bg-gray-700 hover:bg-gray-600 text-gray-300 rounded-lg font-medium transition-colors"
+                            >
+                                Cancel
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            ) : (
+                <button
+                    onClick={() => setShowAddTrack(true)}
+                    className="w-full py-4 border-2 border-dashed border-white/10 hover:border-white/20 rounded-xl text-gray-400 hover:text-white transition-all flex items-center justify-center gap-2"
+                >
+                    <Plus className="w-5 h-5" />
+                    Add New Track
+                </button>
+            )}
+
+            {/* Empty State */}
+            {tracks.length === 0 && !showAddTrack && (
+                <div className="text-center py-12">
+                    <div className="w-16 h-16 mx-auto mb-4 rounded-full bg-blue-500/10 flex items-center justify-center">
+                        <Plus className="w-8 h-8 text-blue-500" />
+                    </div>
+                    <h3 className="text-xl font-semibold text-white mb-2">
+                        No Level Tracks
+                    </h3>
+                    <p className="text-gray-400 mb-6">
+                        Create your first track to start assigning roles based on levels
+                    </p>
+                    <button
+                        onClick={() => setShowAddTrack(true)}
+                        className="px-6 py-3 bg-blue-600 hover:bg-blue-700 text-white rounded-lg font-medium transition-colors"
+                    >
+                        Create First Track
+                    </button>
+                </div>
+            )}
+
+            {/* Level Bridges Section */}
+            <div className="space-y-4 pt-8 border-t border-white/10">
+                <div className="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
+                    <div>
+                        <h2 className="text-xl sm:text-2xl font-bold text-white">
+                            Level Bridges
+                        </h2>
+                        <p className="text-gray-400 text-sm mt-1">
+                            When the &apos;In Role&apos; is obtained, it is removed and the &apos;Out Role&apos; is assigned. You cannot obtain another &apos;Out Role&apos; while holding one, so switching tracks requires resetting progress via <code className="bg-black/30 border border-white/10 px-1.5 py-0.5 rounded text-blue-300 font-mono text-xs">/level reset</code>.
+                        </p>
+                    </div>
+                </div>
+
+                <div className="bg-white/5 border border-white/10 rounded-xl backdrop-blur-sm p-4 space-y-4">
+                    {bridges.length === 0 && (
+                        <p className="text-gray-500 text-center py-4">
+                            No bridges configured. Add one below.
+                        </p>
+                    )}
+
+                    <div className="space-y-2">
+                        {bridges.map((bridge, index) => {
+                            const inRole = guildRoles.find(r => r.role_id === bridge.in_role_id);
+                            const outRole = guildRoles.find(r => r.role_id === bridge.out_role_id);
+                            const inColor = inRole ? intToHexColor(inRole.color) : "#99AAB5";
+                            const outColor = outRole ? intToHexColor(outRole.color) : "#99AAB5";
+
+                            return (
+                                <div key={`${bridge.in_role_id}-${bridge.out_role_id}`} className="flex items-center justify-between bg-black/20 border border-white/5 p-3 rounded-lg">
+                                    <div className="flex items-center gap-4 overflow-hidden">
+                                        {/* In Role */}
+                                        <div className="flex items-center gap-2 px-3 py-1.5 rounded-full bg-white/5 border border-white/10 min-w-0">
+                                            <span className="w-2 h-2 rounded-full flex-shrink-0" style={{ backgroundColor: inColor }}></span>
+                                            <span className="text-sm font-medium text-white truncate max-w-[150px]">
+                                                {inRole?.role_name || bridge.in_role_id}
+                                            </span>
+                                        </div>
+
+                                        <ArrowRight className="w-4 h-4 text-gray-500 flex-shrink-0" />
+
+                                        {/* Out Role */}
+                                        <div className="flex items-center gap-2 px-3 py-1.5 rounded-full bg-white/5 border border-white/10 min-w-0">
+                                            <span className="w-2 h-2 rounded-full flex-shrink-0" style={{ backgroundColor: outColor }}></span>
+                                            <span className="text-sm font-medium text-white truncate max-w-[150px]">
+                                                {outRole?.role_name || bridge.out_role_id}
+                                            </span>
+                                        </div>
+                                    </div>
+
+                                    <button
+                                        onClick={() => {
+                                            const newBridges = [...bridges];
+                                            newBridges.splice(index, 1);
+                                            setBridges(newBridges);
+                                            setDeletedBridges(prev => [...prev, (bridge as any).in_role_id || bridge.in_role_id]);
+                                            setHasChanges(true);
+                                        }}
+                                        className="p-2 text-red-400 hover:text-red-300 hover:bg-red-500/10 rounded-lg transition-colors ml-2"
+                                    >
+                                        <Trash2 className="w-4 h-4" />
+                                    </button>
+                                </div>
+                            );
+                        })}
+                    </div>
+
+                    {/* Add Bridge UI */}
+                    <div className="mt-4 pt-4 border-t border-white/5">
+                        <h4 className="text-sm font-medium text-gray-400 mb-3">Add New Bridge</h4>
+                        <div className="flex flex-col md:flex-row gap-3">
+                            {/* In Role Dropdown */}
+                            <div className="flex-1 relative" ref={bridgeInDropdownRef}>
+                                <button
+                                    onClick={(e) => {
+                                        // Calculate direction
+                                        const rect = e.currentTarget.getBoundingClientRect();
+                                        const spaceBelow = window.innerHeight - rect.bottom;
+                                        setBridgeInDropdownDirection(spaceBelow < 320 ? "up" : "down");
+
+                                        setOpenBridgeInDropdown(!openBridgeInDropdown);
+                                        setBridgeInSearchQuery("");
+                                        setOpenBridgeOutDropdown(false);
+                                    }}
+                                    className="w-full flex items-center justify-between px-3 py-2 bg-black/20 border border-white/10 rounded-lg text-sm text-white hover:bg-black/30 transition-colors"
+                                >
+                                    {newBridgeIn ? (
+                                        (() => {
+                                            const role = guildRoles.find(r => r.role_id === newBridgeIn);
+                                            return (
+                                                <div className="flex items-center gap-2">
+                                                    <span className="w-2 h-2 rounded-full" style={{ backgroundColor: intToHexColor(role?.color) }}></span>
+                                                    <span className="truncate">{role?.role_name || newBridgeIn}</span>
+                                                </div>
+                                            );
+                                        })()
+                                    ) : (
+                                        <span className="text-gray-500">Select In Role...</span>
+                                    )}
+                                    <ChevronDown className="w-4 h-4 text-gray-500" />
+                                </button>
+
+                                {openBridgeInDropdown && (
+                                    <div className={`absolute left-0 w-full bg-zinc-900 border border-white/10 rounded-xl shadow-2xl z-50 overflow-hidden ${bridgeInDropdownDirection === "up" ? "bottom-full mb-2" : "top-full mt-2"
+                                        }`}>
+                                        <div className="p-3 border-b border-white/10">
+                                            <div className="relative">
+                                                <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400" />
+                                                <input
+                                                    type="text"
+                                                    placeholder="Search roles..."
+                                                    value={bridgeInSearchQuery}
+                                                    onChange={(e) => setBridgeInSearchQuery(e.target.value)}
+                                                    className="w-full pl-10 pr-4 py-2 bg-white/5 border border-white/10 rounded-lg text-white text-sm focus:outline-none focus:border-blue-500/50"
+                                                    autoFocus
+                                                />
+                                            </div>
+                                        </div>
+                                        <div className="max-h-60 overflow-y-auto">
+                                            {guildRoles
+                                                .filter(r =>
+                                                    r.role_name !== "@everyone" &&
+                                                    !bridges.some(b => b.in_role_id === r.role_id) &&
+                                                    (r.role_name.toLowerCase().includes(bridgeInSearchQuery.toLowerCase()))
+                                                )
+                                                .sort((a, b) => a.role_name.localeCompare(b.role_name))
+                                                .map(r => (
+                                                    <button
+                                                        key={r.role_id}
+                                                        onClick={() => {
+                                                            setNewBridgeIn(r.role_id);
+                                                            setOpenBridgeInDropdown(false);
+                                                            setBridgeInSearchQuery("");
+                                                        }}
+                                                        className="w-full flex items-center gap-3 px-4 py-2 hover:bg-white/10 transition-colors text-left"
+                                                    >
+                                                        <span className="w-2 h-2 rounded-full" style={{ backgroundColor: intToHexColor(r.color) }}></span>
+                                                        <span className="text-sm truncate text-gray-300">{r.role_name}</span>
+                                                        {newBridgeIn === r.role_id && <Check className="w-4 h-4 text-blue-500 ml-auto" />}
+                                                    </button>
+                                                ))}
+                                            {guildRoles.filter(r =>
+                                                r.role_name !== "@everyone" &&
+                                                !bridges.some(b => b.in_role_id === r.role_id) &&
+                                                (r.role_name.toLowerCase().includes(bridgeInSearchQuery.toLowerCase()))
+                                            ).length === 0 && (
+                                                    <div className="px-4 py-3 text-sm text-gray-500 text-center">No roles found</div>
+                                                )}
+                                        </div>
+                                    </div>
+                                )}
+                            </div>
+
+                            <div className="flex items-center justify-center">
+                                <ArrowRight className="w-4 h-4 text-gray-500" />
+                            </div>
+
+                            {/* Out Role Dropdown */}
+                            <div className="flex-1 relative" ref={bridgeOutDropdownRef}>
+                                <button
+                                    onClick={(e) => {
+                                        // Calculate direction
+                                        const rect = e.currentTarget.getBoundingClientRect();
+                                        const spaceBelow = window.innerHeight - rect.bottom;
+                                        setBridgeOutDropdownDirection(spaceBelow < 320 ? "up" : "down");
+
+                                        setOpenBridgeOutDropdown(!openBridgeOutDropdown);
+                                        setBridgeOutSearchQuery("");
+                                        setOpenBridgeInDropdown(false);
+                                    }}
+                                    className="w-full flex items-center justify-between px-3 py-2 bg-black/20 border border-white/10 rounded-lg text-sm text-white hover:bg-black/30 transition-colors"
+                                >
+                                    {newBridgeOut ? (
+                                        (() => {
+                                            const role = guildRoles.find(r => r.role_id === newBridgeOut);
+                                            return (
+                                                <div className="flex items-center gap-2">
+                                                    <span className="w-2 h-2 rounded-full" style={{ backgroundColor: intToHexColor(role?.color) }}></span>
+                                                    <span className="truncate">{role?.role_name || newBridgeOut}</span>
+                                                </div>
+                                            );
+                                        })()
+                                    ) : (
+                                        <span className="text-gray-500">Select Out Role...</span>
+                                    )}
+                                    <ChevronDown className="w-4 h-4 text-gray-500" />
+                                </button>
+
+                                {openBridgeOutDropdown && (
+                                    <div className={`absolute left-0 w-full bg-zinc-900 border border-white/10 rounded-xl shadow-2xl z-50 overflow-hidden ${bridgeOutDropdownDirection === "up" ? "bottom-full mb-2" : "top-full mt-2"
+                                        }`}>
+                                        <div className="p-3 border-b border-white/10">
+                                            <div className="relative">
+                                                <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-gray-400" />
+                                                <input
+                                                    type="text"
+                                                    placeholder="Search roles..."
+                                                    value={bridgeOutSearchQuery}
+                                                    onChange={(e) => setBridgeOutSearchQuery(e.target.value)}
+                                                    className="w-full pl-10 pr-4 py-2 bg-white/5 border border-white/10 rounded-lg text-white text-sm focus:outline-none focus:border-blue-500/50"
+                                                    autoFocus
+                                                />
+                                            </div>
+                                        </div>
+                                        <div className="max-h-60 overflow-y-auto">
+                                            {guildRoles
+                                                .filter(r =>
+                                                    r.role_name !== "@everyone" &&
+                                                    (r.role_name.toLowerCase().includes(bridgeOutSearchQuery.toLowerCase()))
+                                                )
+                                                .sort((a, b) => a.role_name.localeCompare(b.role_name))
+                                                .map(r => (
+                                                    <button
+                                                        key={r.role_id}
+                                                        onClick={() => {
+                                                            setNewBridgeOut(r.role_id);
+                                                            setOpenBridgeOutDropdown(false);
+                                                            setBridgeOutSearchQuery("");
+                                                        }}
+                                                        className="w-full flex items-center gap-3 px-4 py-2 hover:bg-white/10 transition-colors text-left"
+                                                    >
+                                                        <span className="w-2 h-2 rounded-full" style={{ backgroundColor: intToHexColor(r.color) }}></span>
+                                                        <span className="text-sm truncate text-gray-300">{r.role_name}</span>
+                                                        {newBridgeOut === r.role_id && <Check className="w-4 h-4 text-blue-500 ml-auto" />}
+                                                    </button>
+                                                ))}
+                                            {guildRoles.filter(r =>
+                                                r.role_name !== "@everyone" &&
+                                                (r.role_name.toLowerCase().includes(bridgeOutSearchQuery.toLowerCase()))
+                                            ).length === 0 && (
+                                                    <div className="px-4 py-3 text-sm text-gray-500 text-center">No roles found</div>
+                                                )}
+                                        </div>
+                                    </div>
+                                )}
+                            </div>
+
+                            <button
+                                onClick={() => {
+                                    if (newBridgeIn && newBridgeOut) {
+                                        if (newBridgeIn === newBridgeOut) {
+                                            setError("In Role and Out Role cannot be the same");
+                                            return;
+                                        }
+                                        setBridges([...bridges, { in_role_id: newBridgeIn, out_role_id: newBridgeOut }]);
+                                        setNewBridgeIn(null);
+                                        setNewBridgeOut(null);
+                                        setHasChanges(true);
+                                        setError(null);
+                                    }
+                                }}
+                                disabled={!newBridgeIn || !newBridgeOut}
+                                className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors ${newBridgeIn && newBridgeOut
+                                    ? "bg-blue-600 hover:bg-blue-700 text-white"
+                                    : "bg-gray-700 text-gray-500 cursor-not-allowed"
+                                    }`}
+                            >
+                                <div className="flex items-center gap-2">
+                                    <Plus className="w-4 h-4" />
+                                    <span>Add Bridge</span>
+                                </div>
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+}
diff --git a/web/components/LoginButton.tsx b/web/components/LoginButton.tsx
new file mode 100644
index 0000000..f257334
--- /dev/null
+++ b/web/components/LoginButton.tsx
@@ -0,0 +1,39 @@
+
+import { signIn, signOut } from "@/auth"
+import { Button } from "@/components/ui/button"
+import Link from "next/link"
+
+export function LoginButton({ session }: { session: any }) {
+    if (session) {
+        return (
+            <div className="flex gap-4 items-center">
+                <Link href="/dashboard" className="hover:cursor-pointer px-6 py-2 bg-blue-600 hover:bg-blue-700 rounded-full font-semibold transition-all hover:scale-105">
+                    Dashboard
+                </Link>
+                <form
+                    action={async () => {
+                        "use server"
+                        await signOut()
+                    }}
+                >
+                    <Button type="submit" size={'lg'} className="hover:cursor-pointer text-white px-6 py-2 bg-red-500/20 hover:bg-red-500/40 border border-red-500 rounded-full font-semibold transition-all hover:scale-105">
+                        Sign Out
+                    </Button>
+                </form>
+            </div>
+        )
+    }
+
+    return (
+        <form
+            action={async () => {
+                "use server"
+                await signIn("discord", { redirectTo: "/dashboard" })
+            }}
+        >
+            <Button type="submit" className="hover:cursor-pointer px-6 py-6 text-white bg-indigo-600 hover:bg-indigo-700 rounded-full font-semibold transition-all hover:scale-105 shadow-lg shadow-indigo-500/30">
+                Login with Discord
+            </Button>
+        </form>
+    )
+}
diff --git a/web/components/ServerSwitcher.tsx b/web/components/ServerSwitcher.tsx
new file mode 100644
index 0000000..3ad1371
--- /dev/null
+++ b/web/components/ServerSwitcher.tsx
@@ -0,0 +1,89 @@
+"use client";
+
+import React, { useState, useRef, useEffect } from "react";
+import Link from "next/link";
+import { ChevronDown, Check } from "lucide-react";
+import { Guild } from "@/lib/discord";
+
+interface ServerSwitcherProps {
+    currentGuild: Guild;
+    guilds: Guild[];
+}
+
+export default function ServerSwitcher({ currentGuild, guilds }: ServerSwitcherProps) {
+    const [isOpen, setIsOpen] = useState(false);
+    const dropdownRef = useRef<HTMLDivElement>(null);
+
+    useEffect(() => {
+        function handleClickOutside(event: MouseEvent) {
+            if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node)) {
+                setIsOpen(false);
+            }
+        }
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => document.removeEventListener("mousedown", handleClickOutside);
+    }, []);
+
+    return (
+        <div className="relative" ref={dropdownRef}>
+            <button
+                onClick={() => setIsOpen(!isOpen)}
+                className="flex items-center gap-3 px-3 py-2 rounded-lg hover:bg-white/5 transition-colors border border-transparent hover:border-white/10 group"
+            >
+                {currentGuild.icon ? (
+                    <img
+                        src={`https://cdn.discordapp.com/icons/${currentGuild.id}/${currentGuild.icon}.png`}
+                        alt={currentGuild.name}
+                        className="w-10 h-10 rounded-full bg-gray-800"
+                    />
+                ) : (
+                    <div className="w-10 h-10 rounded-full bg-gray-700 flex items-center justify-center text-sm font-semibold text-gray-300">
+                        {currentGuild.name.substring(0, 2)}
+                    </div>
+                )}
+                <div className="text-left hidden md:block">
+                    <div className="font-semibold text-white flex items-center gap-2">
+                        {currentGuild.name}
+                        <ChevronDown className={`w-4 h-4 text-gray-400 transition-transform ${isOpen ? "rotate-180" : ""}`} />
+                    </div>
+                </div>
+            </button>
+
+            {isOpen && (
+                <div className="absolute top-full left-0 mt-2 w-72 max-h-96 overflow-y-auto no-scrollbar bg-[#1e1e24] border border-white/10 rounded-xl shadow-2xl z-50 animate-in fade-in slide-in-from-top-2">
+                    <div className="p-2 sticky top-0 bg-[#1e1e24] border-b border-white/5">
+                        <p className="text-xs font-semibold text-gray-400 uppercase px-2 py-1">Switch Server</p>
+                    </div>
+                    <div className="p-2 space-y-1">
+                        {guilds.map((guild) => (
+                            <Link
+                                key={guild.id}
+                                href={`/dashboard/${guild.id}`}
+                                onClick={() => setIsOpen(false)}
+                                className={`flex items-center gap-3 w-full p-2 rounded-lg hover:bg-white/5 transition-all ${guild.id === currentGuild.id ? "bg-blue-500/10" : ""}`}
+                            >
+                                {guild.icon ? (
+                                    <img
+                                        src={`https://cdn.discordapp.com/icons/${guild.id}/${guild.icon}.png`}
+                                        alt={guild.name}
+                                        className="w-8 h-8 rounded-full"
+                                    />
+                                ) : (
+                                    <div className="w-8 h-8 rounded-full bg-gray-700 flex items-center justify-center text-xs font-bold text-gray-400">
+                                        {guild.name.substring(0, 2)}
+                                    </div>
+                                )}
+                                <span className={`flex-1 truncate ${guild.id === currentGuild.id ? "text-blue-300 font-medium" : "text-gray-300"}`}>
+                                    {guild.name}
+                                </span>
+                                {guild.id === currentGuild.id && (
+                                    <Check className="w-4 h-4 text-blue-400" />
+                                )}
+                            </Link>
+                        ))}
+                    </div>
+                </div>
+            )}
+        </div>
+    );
+}
diff --git a/web/components/Toast.tsx b/web/components/Toast.tsx
new file mode 100644
index 0000000..adf14a1
--- /dev/null
+++ b/web/components/Toast.tsx
@@ -0,0 +1,121 @@
+"use client";
+
+import { useSearchParams, useRouter } from "next/navigation";
+import { useEffect, useState } from "react";
+import { X, AlertCircle, CheckCircle } from "lucide-react";
+
+export default function Toast() {
+    const searchParams = useSearchParams();
+    const router = useRouter();
+    const [isVisible, setIsVisible] = useState(false);
+    const [message, setMessage] = useState<{ type: "success" | "error"; text: string; title: string } | null>(null);
+
+    useEffect(() => {
+        const error = searchParams.get("error");
+        const success = searchParams.get("success");
+
+        if (error) {
+            let text = "An unexpected error occurred.";
+            let title = "Error";
+
+            switch (error) {
+                case "access_denied":
+                    text = "You cancelled the authorization request.";
+                    title = "Access Denied";
+                    break;
+                case "invalid_request":
+                    text = "The request parameters were invalid.";
+                    title = "Invalid Request";
+                    break;
+                case "state_mismatch":
+                    text = "Security check failed (State Mismatch). Please try again.";
+                    title = "Security Error";
+                    break;
+                case "guild_mismatch":
+                    text = "The server you authorized on Discord does not match the one you selected on the dashboard.";
+                    title = "Server Mismatch";
+                    break;
+                case "not_beta_server":
+                    text = "This server is not part of the Closed Beta program. You cannot add the bot to it yet.";
+                    title = "Beta Access Restricted";
+                    break;
+                case "token_exchange_failed":
+                    text = "Failed to communicate with Discord. Please try again.";
+                    title = "Connection Failed";
+                    break;
+                case "internal_server_error":
+                    text = "Something went wrong on our end.";
+                    title = "Server Error";
+                    break;
+                case "config_error":
+                    text = "System configuration error. Please contact support.";
+                    title = "Configuration Error";
+                    break;
+                default:
+                    text = error;
+            }
+
+            setMessage({ type: "error", text, title });
+            setIsVisible(true);
+        } else if (success) {
+            let text = "Operation completed successfully.";
+            let title = "Success";
+
+            if (success === "bot_added") {
+                text = "Void Sentinel has been successfully added to your server!";
+                title = "Bot Added";
+            }
+
+            setMessage({ type: "success", text, title });
+            setIsVisible(true);
+        }
+    }, [searchParams]);
+
+    const closeToast = () => {
+        setIsVisible(false);
+        // Optional: clear params from URL without refresh
+        const params = new URLSearchParams(window.location.search);
+        params.delete("error");
+        params.delete("success");
+        params.delete("guild_id"); // Clean up other params if we want
+        router.replace(`?${params.toString()}`);
+    };
+
+    if (!isVisible || !message) return null;
+
+    return (
+        <div className="fixed bottom-6 right-6 z-50 animate-in slide-in-from-bottom-5 fade-in duration-300">
+            <div className={`
+                flex items-start gap-3 p-4 rounded-xl border shadow-2xl backdrop-blur-md max-w-md
+                ${message.type === 'error'
+                    ? "bg-red-500/10 border-red-500/20 text-red-200"
+                    : "bg-green-500/10 border-green-500/20 text-green-200"
+                }
+            `}>
+                <div className="mt-0.5">
+                    {message.type === 'error' ? (
+                        <AlertCircle className="w-5 h-5 text-red-400" />
+                    ) : (
+                        <CheckCircle className="w-5 h-5 text-green-400" />
+                    )}
+                </div>
+
+                <div className="flex-1 mr-4">
+                    <h4 className={`font-semibold text-sm mb-1 ${message.type === 'error' ? 'text-red-100' : 'text-green-100'}`}>
+                        {message.title}
+                    </h4>
+                    <p className="text-sm opacity-90 leading-relaxed">
+                        {message.text}
+                    </p>
+                </div>
+
+                <button
+                    onClick={closeToast}
+                    className="p-1 hover:bg-white/10 rounded-lg transition-colors -mr-1 -mt-1"
+                >
+                    <X className="w-4 h-4 opacity-70" />
+                </button>
+            </div>
+        </div>
+    );
+}
diff --git a/web/components/theme-provider.tsx b/web/components/theme-provider.tsx
new file mode 100644
index 0000000..256906c
--- /dev/null
+++ b/web/components/theme-provider.tsx
@@ -0,0 +1,11 @@
+"use client"
+
+import * as React from "react"
+import { ThemeProvider as NextThemesProvider } from "next-themes"
+
+export function ThemeProvider({
+    children,
+    ...props
+}: React.ComponentProps<typeof NextThemesProvider>) {
+    return <NextThemesProvider {...props}>{children}</NextThemesProvider>
+}
\ No newline at end of file
diff --git a/web/components/ui/button.tsx b/web/components/ui/button.tsx
new file mode 100644
index 0000000..37a7d4b
--- /dev/null
+++ b/web/components/ui/button.tsx
@@ -0,0 +1,62 @@
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive:
+          "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline:
+          "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary:
+          "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost:
+          "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline",
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}: React.ComponentProps<"button"> &
+  VariantProps<typeof buttonVariants> & {
+    asChild?: boolean
+  }) {
+  const Comp = asChild ? Slot : "button"
+
+  return (
+    <Comp
+      data-slot="button"
+      data-variant={variant}
+      data-size={size}
+      className={cn(buttonVariants({ variant, size, className }))}
+      {...props}
+    />
+  )
+}
+
+export { Button, buttonVariants }
diff --git a/web/env.example b/web/env.example
new file mode 100644
index 0000000..4f23314
--- /dev/null
+++ b/web/env.example
@@ -0,0 +1,6 @@
+AUTH_SECRET="generate_a_secret_here" # run `openssl rand -base64 32`
+AUTH_DISCORD_ID="your_discord_client_id"
+AUTH_DISCORD_SECRET="your_discord_client_secret"
+BOT_API_URL="bot_backend_url"
+BOT_API_KEY="bot_backend_api_key"
+APP_URL="frontend_url"
diff --git a/web/eslint.config.mjs b/web/eslint.config.mjs
new file mode 100644
index 0000000..05e726d
--- /dev/null
+++ b/web/eslint.config.mjs
@@ -0,0 +1,18 @@
+import { defineConfig, globalIgnores } from "eslint/config";
+import nextVitals from "eslint-config-next/core-web-vitals";
+import nextTs from "eslint-config-next/typescript";
+
+const eslintConfig = defineConfig([
+  ...nextVitals,
+  ...nextTs,
+  // Override default ignores of eslint-config-next.
+  globalIgnores([
+    // Default ignores of eslint-config-next:
+    ".next/**",
+    "out/**",
+    "build/**",
+    "next-env.d.ts",
+  ]),
+]);
+
+export default eslintConfig;
diff --git a/web/lib/discord.ts b/web/lib/discord.ts
new file mode 100644
index 0000000..96b6e49
--- /dev/null
+++ b/web/lib/discord.ts
@@ -0,0 +1,488 @@
+export interface Guild {
+    id: string;
+    name: string;
+    icon: string | null;
+    owner: boolean;
+    permissions: string;
+    features: string[];
+    botInGuild?: boolean;
+    isBetaServer?: boolean;
+}
+
+
+export interface LeaderboardMember {
+    user_id: string;
+    username: string;
+    avatar: string;
+    level: number;
+    xp: number;
+    rank: number;
+}
+
+export interface Role {
+    role_id: string;
+    role_name: string;
+    color: number;
+    position: number;
+}
+
+export interface TrackRole {
+    role_name: string;
+    role_id: string; // Changed from id to role_id to match backend
+    level: number;
+}
+
+export interface LevelTrack {
+    [trackName: string]: TrackRole[];
+}
+
+// ... (previous interfaces)
+
+export interface LevelBridge {
+    in_role_id: string;
+    out_role_id: string;
+}
+
+export interface LevelTracksResponse {
+    tracks: LevelTrack[];
+}
+
+export async function getGuildLeaderboard(guildId: string): Promise<LeaderboardMember[]> {
+    try {
+        if (!process.env.BOT_API_URL) return [];
+
+        const response = await fetch(`${process.env.BOT_API_URL}/api/${guildId}/leaderboard`, {
+            method: "GET",
+            headers: {
+                "Content-Type": "application/json",
+                "X-API-Key": process.env.BOT_API_KEY as string
+            },
+            next: { revalidate: 60 }
+        });
+
+        if (response.ok) {
+            return await response.json();
+        }
+        console.error(`Fetch Leaderboard failed: ${response.status} ${response.statusText}`);
+        return [];
+    } catch (e) {
+        console.error("Failed to fetch leaderboard", e);
+        return [];
+    }
+}
+
+export async function checkBotMembership(guildIds: string[]): Promise<boolean[]> {
+    try {
+        if (!process.env.BOT_API_URL) return guildIds.map(() => false);
+
+        const response = await fetch(`${process.env.BOT_API_URL}/api/is_bot_there`, {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json",
+                "X-API-Key": process.env.BOT_API_KEY as string
+            },
+            body: `{"guild_ids": [${guildIds.join(",")}]}`,
+            next: { revalidate: 0 } // Don't cache this as it might change
+        });
+
+        if (response.ok) {
+            const data = await response.json();
+            return data.results;
+        } else {
+            const errorText = await response.text();
+            console.error(`CheckBotMembership failed: ${response.status} ${response.statusText}`, errorText);
+        }
+        return guildIds.map(() => false);
+    } catch (e) {
+        console.error("Failed to check bot membership", e);
+        return guildIds.map(() => false);
+    }
+}
+
+export async function checkBetaServer(guildIds: string[]): Promise<boolean[]> {
+    try {
+        if (!process.env.BOT_API_URL) return guildIds.map(() => false);
+
+        // Helper to ensure IDs are numeric strings to prevent injection if we are doing manual JSON
+        const safeGuildIds = guildIds.filter(id => /^\d+$/.test(id));
+
+        if (safeGuildIds.length === 0) return guildIds.map(() => false);
+
+        // Manually construct JSON to preserve u64 precision (native JS numbers lose precision > 2^53)
+        // We want: { "guild_ids": [123, 456] }
+        // checkBotMembership also does this manual construction for the same reason.
+        const body = `{"guild_ids": [${safeGuildIds.join(",")}]}`;
+
+        const response = await fetch(`${process.env.BOT_API_URL}/api/is_beta_server`, {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json",
+                "X-API-Key": process.env.BOT_API_KEY as string
+            },
+            body: body,
+            next: { revalidate: 60 }
+        });
+
+        if (response.ok) {
+            const data = await response.json();
+            return data.results;
+        } else {
+            const errorText = await response.text();
+            console.error(`CheckBetaServer failed: ${response.status} ${response.statusText}`, errorText);
+        }
+        return guildIds.map(() => false);
+    } catch (e) {
+        console.error("Failed to check beta server", e);
+        return guildIds.map(() => false);
+    }
+}
+
+export async function getUserGuilds(accessToken: string): Promise<Guild[]> {
+    try {
+        const response = await fetch("https://discord.com/api/users/@me/guilds", {
+            headers: {
+                Authorization: `Bearer ${accessToken}`,
+            },
+            next: { revalidate: 60 } // Cache for 60 seconds
+        });
+
+        if (response.ok) {
+            const guilds: Guild[] = await response.json();
+            // Filter: Manage Guild (0x20) or Administrator (0x8)
+            const managedGuilds = guilds.filter((guild: any) => {
+                const perms = BigInt(guild.permissions);
+                const MANAGE_GUILD = BigInt(0x20);
+                const ADMINISTRATOR = BigInt(0x8);
+                return (perms & MANAGE_GUILD) === MANAGE_GUILD || (perms & ADMINISTRATOR) === ADMINISTRATOR;
+            });
+
+            // Check if bot is in these guilds and if they are beta servers
+            const guildIds = managedGuilds.map(g => g.id);
+            if (guildIds.length > 0) {
+                const [memberships, betaStatuses] = await Promise.all([
+                    checkBotMembership(guildIds),
+                    checkBetaServer(guildIds)
+                ]);
+
+                return managedGuilds.map((guild, index) => ({
+                    ...guild,
+                    botInGuild: memberships[index] || false,
+                    isBetaServer: betaStatuses[index] || false
+                }));
+            }
+
+            return managedGuilds;
+        }
+        return [];
+    } catch (e) {
+        console.error("Failed to fetch guilds", e);
+        return [];
+    }
+}
+
+export async function getGuildRoles(guildId: string, userToken?: string): Promise<Role[]> {
+    try {
+        if (!process.env.BOT_API_URL) return [];
+
+        const headers: Record<string, string> = {
+            "Content-Type": "application/json",
+            "X-API-Key": process.env.BOT_API_KEY as string
+        };
+        if (userToken) {
+            headers["X-User-Token"] = userToken;
+        }
+
+        const response = await fetch(`${process.env.BOT_API_URL}/api/${guildId}/roles`, {
+            method: "GET",
+            headers,
+            next: { revalidate: 60 }
+        });
+
+        if (response.ok) {
+            const data = await response.json();
+            // Transform API response: { "0": { role_id, role_name, color, position }, ... }
+            // to array of Role: { role_id, role_name, color, position }
+            if (data && typeof data === 'object') {
+                return Object.values(data).map((role: any) => ({
+                    role_id: role.role_id || role.id,
+                    role_name: role.role_name || role.name,
+                    color: role.color ?? 0,
+                    position: role.position ?? 0
+                }));
+            }
+            return [];
+        }
+        console.error(`Fetch Guild Roles failed: ${response.status} ${response.statusText}`);
+        return [];
+    } catch (e) {
+        console.error("Failed to fetch guild roles", e);
+        return [];
+    }
+}
+
+export async function getLevelTracks(guildId: string, userToken?: string): Promise<LevelTrack[]> {
+    try {
+        if (!process.env.BOT_API_URL) return [];
+
+        const headers: Record<string, string> = {
+            "Content-Type": "application/json",
+            "X-API-Key": process.env.BOT_API_KEY as string
+        };
+        if (userToken) {
+            headers["X-User-Token"] = userToken;
+        }
+
+        const response = await fetch(`${process.env.BOT_API_URL}/api/${guildId}/level/track`, {
+            method: "GET",
+            headers,
+            next: { revalidate: 0 } // Don't cache as this is frequently edited
+        });
+
+        if (response.ok) {
+            // WORKAROUND: Handle u64 precision loss (JS Numbers are f64)
+            // Backend sends role_id as u64 (might be > 2^53).
+            // We intercept the raw text and wrap role_id numeric values in quotes before parsing.
+            const text = await response.text();
+            const safeText = text.replace(/"role_id":\s*(\d+)/g, '"role_id": "$1"');
+            return JSON.parse(safeText);
+        }
+        console.error(`Fetch Level Tracks failed: ${response.status} ${response.statusText}`);
+        return [];
+    } catch (e) {
+        console.error("Failed to fetch level tracks", e);
+        return [];
+    }
+}
+
+// Type for role in track API
+export interface TrackRoleUpdate {
+    role_id: string; // Changed to string to handle u64 precision on frontend
+    level: number;
+}
+
+// Create a new track (POST)
+export async function createLevelTrack(
+    guildId: string,
+    data: { track_name: string; roles: TrackRoleUpdate[] },
+    userToken: string
+): Promise<{ success: boolean; error?: string }> {
+    try {
+        if (!process.env.BOT_API_URL) return { success: false, error: "Bot API URL not configured" };
+
+        // WORKAROUND: Unquote role_id for backend (expects u64)
+        // We kept it as string in frontend/NextJS to preserve precision.
+        const bodyJson = JSON.stringify(data).replace(/"role_id":\s*"(\d+)"/g, '"role_id": $1');
+
+        const response = await fetch(`${process.env.BOT_API_URL}/api/${guildId}/level/track`, {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json",
+                "X-API-Key": process.env.BOT_API_KEY as string,
+                "X-User-Token": userToken
+            },
+            body: bodyJson
+        });
+
+        if (response.ok) {
+            return { success: true };
+        }
+        const errorText = await response.text();
+        return { success: false, error: errorText || `Failed with status ${response.status}` };
+    } catch (e) {
+        console.error("Failed to create level track", e);
+        return { success: false, error: "Internal error" };
+    }
+}
+
+// Update existing track (PATCH)
+export async function updateLevelTrack(
+    guildId: string,
+    data: { track_name: string; roles: TrackRoleUpdate[] },
+    userToken: string
+): Promise<{ success: boolean; error?: string }> {
+    try {
+        if (!process.env.BOT_API_URL) return { success: false, error: "Bot API URL not configured" };
+
+        // WORKAROUND: Unquote role_id for backend (expects u64)
+        const bodyJson = JSON.stringify(data).replace(/"role_id":\s*"(\d+)"/g, '"role_id": $1');
+
+        const response = await fetch(`${process.env.BOT_API_URL}/api/${guildId}/level/track`, {
+            method: "PATCH",
+            headers: {
+                "Content-Type": "application/json",
+                "X-API-Key": process.env.BOT_API_KEY as string,
+                "X-User-Token": userToken
+            },
+            body: bodyJson
+        });
+
+        if (response.ok) {
+            return { success: true };
+        }
+        const errorText = await response.text();
+        return { success: false, error: errorText || `Failed with status ${response.status}` };
+    } catch (e) {
+        console.error("Failed to update level track", e);
+        return { success: false, error: "Internal error" };
+    }
+}
+
+// Delete a track (DELETE)
+export async function deleteLevelTrack(
+    guildId: string,
+    trackName: string,
+    userToken: string
+): Promise<{ success: boolean; error?: string }> {
+    try {
+        if (!process.env.BOT_API_URL) return { success: false, error: "Bot API URL not configured" };
+
+        const response = await fetch(`${process.env.BOT_API_URL}/api/${guildId}/level/track`, {
+            method: "DELETE",
+            headers: {
+                "Content-Type": "application/json",
+                "X-API-Key": process.env.BOT_API_KEY as string,
+                "X-User-Token": userToken
+            },
+            body: JSON.stringify({ track_name: trackName })
+        });
+
+        if (response.ok) {
+            return { success: true };
+        }
+        const errorText = await response.text();
+        return { success: false, error: errorText || `Failed with status ${response.status}` };
+    } catch (e) {
+        console.error("Failed to delete level track", e);
+        return { success: false, error: "Internal error" };
+    }
+}
+// ... (previous code)
+
+// Level Bridger API Helpers
+
+export async function getLevelBridges(guildId: string, userToken: string): Promise<LevelBridge[]> {
+    try {
+        if (!process.env.BOT_API_URL) return [];
+
+        const headers: Record<string, string> = {
+            "Content-Type": "application/json",
+            "X-API-Key": process.env.BOT_API_KEY as string,
+            "X-User-Token": userToken
+        };
+
+        const response = await fetch(`${process.env.BOT_API_URL}/api/${guildId}/level_bridger`, {
+            method: "GET",
+            headers,
+            next: { revalidate: 0 }
+        });
+
+        if (response.ok) {
+            // WORKAROUND: Handle u64 precision loss if needed, though usually these simple objects survive better
+            // But let's be safe like we were with tracks if the backend sends huge numbers.
+            const text = await response.text();
+            // Regex to safely wrap role_id's if they come as raw numbers
+            const safeText = text.replace(/("in_role_id"|"out_role_id"):\s*(\d+)/g, '$1: "$2"');
+            return JSON.parse(safeText);
+        }
+        console.error(`Fetch Level Bridges failed: ${response.status} ${response.statusText}`);
+        return [];
+    } catch (e) {
+        console.error("Failed to fetch level bridges", e);
+        return [];
+    }
+}
+
+export async function createLevelBridge(
+    guildId: string,
+    bridge: LevelBridge,
+    userToken: string
+): Promise<{ success: boolean; error?: string }> {
+    try {
+        if (!process.env.BOT_API_URL) return { success: false, error: "Bot API URL not configured" };
+
+        // WORKAROUND: Unquote role_id for backend (expects u64)
+        const bodyJson = JSON.stringify(bridge).replace(/("in_role_id"|"out_role_id"):\s*"(\d+)"/g, '$1: $2');
+
+        const response = await fetch(`${process.env.BOT_API_URL}/api/${guildId}/level_bridger`, {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json",
+                "X-API-Key": process.env.BOT_API_KEY as string,
+                "X-User-Token": userToken
+            },
+            body: bodyJson
+        });
+
+        if (response.ok) {
+            return { success: true };
+        }
+        const errorText = await response.text();
+        return { success: false, error: errorText || `Failed with status ${response.status}` };
+    } catch (e) {
+        console.error("Failed to create level bridge", e);
+        return { success: false, error: "Internal error" };
+    }
+}
+
+export async function updateLevelBridge(
+    guildId: string,
+    bridge: LevelBridge,
+    userToken: string
+): Promise<{ success: boolean; error?: string }> {
+    try {
+        if (!process.env.BOT_API_URL) return { success: false, error: "Bot API URL not configured" };
+
+        const bodyJson = JSON.stringify(bridge).replace(/("in_role_id"|"out_role_id"):\s*"(\d+)"/g, '$1: $2');
+
+        const response = await fetch(`${process.env.BOT_API_URL}/api/${guildId}/level_bridger`, {
+            method: "PUT",
+            headers: {
+                "Content-Type": "application/json",
+                "X-API-Key": process.env.BOT_API_KEY as string,
+                "X-User-Token": userToken
+            },
+            body: bodyJson
+        });
+
+        if (response.ok) {
+            return { success: true };
+        }
+        const errorText = await response.text();
+        return { success: false, error: errorText || `Failed with status ${response.status}` };
+    } catch (e) {
+        console.error("Failed to update level bridge", e);
+        return { success: false, error: "Internal error" };
+    }
+}
+
+export async function deleteLevelBridge(
+    guildId: string,
+    inRoleId: string,
+    userToken: string
+): Promise<{ success: boolean; error?: string }> {
+    try {
+        if (!process.env.BOT_API_URL) return { success: false, error: "Bot API URL not configured" };
+
+        // Even for delete, we might need to handle the u64 issue if the ID is passed in body
+        const bodyJson = JSON.stringify({ in_role_id: inRoleId }).replace(/("in_role_id"):\s*"(\d+)"/g, '$1: $2');
+
+        const response = await fetch(`${process.env.BOT_API_URL}/api/${guildId}/level_bridger`, {
+            method: "DELETE",
+            headers: {
+                "Content-Type": "application/json",
+                "X-API-Key": process.env.BOT_API_KEY as string,
+                "X-User-Token": userToken
+            },
+            body: bodyJson
+        });
+
+        if (response.ok) {
+            return { success: true };
+        }
+        const errorText = await response.text();
+        return { success: false, error: errorText || `Failed with status ${response.status}` };
+    } catch (e) {
+        console.error("Failed to delete level bridge", e);
+        return { success: false, error: "Internal error" };
+    }
+}
diff --git a/web/lib/utils.ts b/web/lib/utils.ts
new file mode 100644
index 0000000..bd0c391
--- /dev/null
+++ b/web/lib/utils.ts
@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}
diff --git a/web/next.config.ts b/web/next.config.ts
new file mode 100644
index 0000000..ad52782
--- /dev/null
+++ b/web/next.config.ts
@@ -0,0 +1,8 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  output: "standalone",
+  /* config options here */
+};
+
+export default nextConfig;
diff --git a/web/package.json b/web/package.json
new file mode 100644
index 0000000..f98b40a
--- /dev/null
+++ b/web/package.json
@@ -0,0 +1,44 @@
+{
+  "name": "void-sentinel-web",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "eslint"
+  },
+  "dependencies": {
+    "@gsap/react": "^2.1.2",
+    "@radix-ui/react-slot": "^1.2.4",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "gsap": "^3.14.2",
+    "lucide-react": "^0.562.0",
+    "next": "16.1.1",
+    "next-auth": "^5.0.0-beta.30",
+    "next-themes": "^0.4.6",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "tailwind-merge": "^3.4.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "eslint": "^9",
+    "eslint-config-next": "16.1.1",
+    "tailwindcss": "^4",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "^5"
+  },
+  "ignoreScripts": [
+    "sharp",
+    "unrs-resolver"
+  ],
+  "trustedDependencies": [
+    "sharp",
+    "unrs-resolver"
+  ]
+}
diff --git a/web/postcss.config.mjs b/web/postcss.config.mjs
new file mode 100644
index 0000000..61e3684
--- /dev/null
+++ b/web/postcss.config.mjs
@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;
diff --git a/web/public/void_sentinel.png b/web/public/void_sentinel.png
new file mode 100644
index 0000000..e0b0fe9
Binary files /dev/null and b/web/public/void_sentinel.png differ
diff --git a/web/tsconfig.json b/web/tsconfig.json
new file mode 100644
index 0000000..3a13f90
--- /dev/null
+++ b/web/tsconfig.json
@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./*"]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts",
+    "**/*.mts"
+  ],
+  "exclude": ["node_modules"]
+}
diff --git a/web/types/next-auth.d.ts b/web/types/next-auth.d.ts
new file mode 100644
index 0000000..40be1f5
--- /dev/null
+++ b/web/types/next-auth.d.ts
@@ -0,0 +1,11 @@
+import NextAuth, { DefaultSession } from "next-auth"
+
+declare module "next-auth" {
+    interface Session {
+        accessToken?: string
+        user: {
+            /** The user's postal address. */
+            address: string
+        } & DefaultSession["user"]
+    }
+}